body {
	font-family: 'Roboto', sans-serif;
	color: #000000;
	font-size: 1.8rem;
	font-weight: 300;
	}
	
a {
	color: #000;
	text-decoration: underline;
	}
	
a:hover,
a:focus {
	color: #c4071b;
	text-decoration: none;
	}

p {
	padding: 5px 0;
	}

header {
	height: 90vh;
	padding-top: 20vh;
	}

.banner-index {
	background-image: url("../images/banner-index-1920x900.jpg");
	background-size: cover;
	background-position: center center;
	}
	@media (max-width: 767px) {
		.banner-index {
			background-image: url("../images/banner-index-mobil-900x1140.jpg");
			background-size: cover;
			background-position: center top;
			}
		}

.banner-werte {
	background-image: url("../images/banner-werte-1920x900.jpg");
	background-size: cover;
	background-position: center center;
	}
	@media (max-width: 767px) {
		.banner-werte {
			background-image: url("../images/banner-werte-mobil-900x1140.jpg");
			background-size: cover;
			background-position: center top;
			}
		}

.banner-menschen {
	background-image: url("../images/banner-menschen-1920x900.jpg");
	background-size: cover;
	background-position: center center;
	}
	@media (max-width: 767px) {
		.banner-menschen {
			background-image: url("../images/banner-menschen-mobil-900x1140.jpg");
			background-size: cover;
			background-position: center top;
			}
		}

.banner-raeume {
	background-image: url("../images/banner-raeume-1920x900.jpg");
	background-size: cover;
	background-position: center center;
	}
	@media (max-width: 767px) {
		.banner-raeume {
			background-image: url("../images/banner-raeume-mobil-900x1140.jpg");
			background-size: cover;
			background-position: center top;
			}
		}

.banner-zahnmedizin {
	background-image: url("../images/banner-zahnmedizin-1920x900.jpg");
	background-size: cover;
	background-position: center center;
	}
	@media (max-width: 767px) {
		.banner-zahnmedizin {
			background-image: url("../images/banner-zahnmedizin-mobil-900x1140.jpg");
			background-size: cover;
			background-position: center top;
			}
		}

.banner-zahnimplantat {
	background-image: url("../images/banner-zahnimplantat-1920x900.jpg");
	background-size: cover;
	background-position: center center;
	}
	@media (max-width: 767px) {
		.banner-zahnmedizin {
			background-image: url("../images/banner-zahnimplantat-mobil-900x1140.jpg");
			background-size: cover;
			background-position: center top;
			}
		}

.banner-kinderzhk {
	background-image: url("../images/banner-kinderzhk-1920x900.jpg");
	background-size: cover;
	background-position: center center;
	}
	@media (max-width: 767px) {
		.banner-zahnmedizin {
			background-image: url("../images/banner-kinderzhk-mobil-900x1140.jpg");
			background-size: cover;
			background-position: center top;
			}
		}

.banner-prophylaxe {
	background-image: url("../images/banner-prophylaxe-1920x900.jpg");
	background-size: cover;
	background-position: center center;
	}
	@media (max-width: 767px) {
		.banner-zahnmedizin {
			background-image: url("../images/banner-prophylaxe-mobil-900x1140.jpg");
			background-size: cover;
			background-position: center top;
			}
		}

.banner-paro {
	background-image: url("../images/banner-paro-1920x900.jpg");
	background-size: cover;
	background-position: center center;
	}
	@media (max-width: 767px) {
		.banner-zahnmedizin {
			background-image: url("../images/banner-paro-mobil-900x1140.jpg");
			background-size: cover;
			background-position: center top;
			}
		}

.banner-kontakt {
	background-image: url("../images/banner-kontakt-1920x900.jpg");
	background-size: cover;
	background-position: center center;
	}
	@media (max-width: 767px) {
		.banner-kontakt {
			background-image: url("../images/banner-kontakt-mobil-900x1140.jpg");
			background-size: cover;
			background-position: center top;
			}
		}

.logo {
	z-index: 1000!important;
	}
	@media (max-width: 767px) {
		.logo {
			margin-top: 35vh;
			padding-left: 10vw;
			padding-right: 10vw;
			}
		}
	
.telefon-button {
	position: relative;
	text-align: center;
	height: 100px;
	margin-top: -50px;
	margin-bottom: -50px;
	}
	@media (max-width: 767px) {
		.telefon-button {
			display: none;
			}
		}

.telefon-button img {
	max-width: 250px;
	}

.telefon-button .phone-label {
	display: none;
	}

.telefon-button:hover .phone-label {
	display: block;
	position: absolute;
	width: 40%;
	margin-left: 30%;
	background-color: #ffffff;
	border: 1px solid #444444;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: -20px;
	}

.separator {
	border-bottom: 1px solid #cccccc;
	margin: 50px 0;
	display: block;
	width: 100%;
	}

h1 {
	font-size: 5.2rem;
	color: #d4021d;
	font-weight: 500;
	text-transform: uppercase;
	}

h2 {
	font-size: 3.2rem;
	color: #d4021d;
	font-weight: 500;
	}
.h1 {
	font-size: 4.0rem;
	color: #d4021d;
	font-weight: 300;
	display: block;
	margin: 40px 0 20px 0;
	}

h3 {
	font-size: 2.4rem;;
	color: #000000;
	font-weight: 500;
	}

.navbar-default .navbar-nav > li > a {
	font-size: 2.4rem;
	color: #ffffff;
	padding-left: 0;
	padding-right: 0;
	padding-top: 7px;
	padding-bottom: 7px;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: 500;
	}

nav.navbar-default {
    background-color: rgba(0,0,0,0) !important;
    border: none;
	}

.navbar-collapse {
	position: relative;
	padding-left: 8px;
	border: none;
	margin-top: 0px;
	}

ul.nav.navbar-nav>li {
	display: block;
	float: none;
	}
	@media (max-width: 767px) {
		ul.nav.navbar-nav>li {
			text-align: center;
			padding-top: 5px;
			padding-bottom: 5px;
			}
		}

ul.nav.navbar-nav>li.mobile-only {
	display: none;
	}
	@media (max-width: 767px) {
		ul.nav.navbar-nav>li.mobile-only {
			display: block;
			}
		}

ul.navbar-nav {
	position: relative;
	border: none;
	background-color: rgba (0,0,0,0);
	padding-top: 40px;
	padding-left: 0;
	z-index: 888888;
	}
	@media (max-width: 767px) {
		ul.navbar-nav {
			border: none;
			background-color: rgba(212,2,29,0.95);
			padding-top: 0px;
			padding-bottom: 20px;
			padding-left: 30px;
			padding-right: 30px;
			}	
		}

li.nav-item {
	padding-left: 0;
	}

.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:focus, 
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:focus, 
.navbar-default .navbar-nav > .open > a:hover {
	color: #000000;
	text-decoration: none;
	background-color: transparent;
	}

.navbar-default .navbar-nav>li>a:focus, 
.navbar-default .navbar-nav>li>a:hover {
    color: #000000;
    background-color: transparent;
	}

.navbar-toggle {
    background-color: #d4021d;
	margin-right: 30px;
	}
	@media (max-width: 767px) {
		.navbar-toggle {
			position: absolute;
			width: 60px;
			height: 60px;
			left: 50%;
			margin-left: -30px;
			bottom: -50px;
			border-radius: 50%;
			text-align: center;
			padding-left: 13px;
			z-index: 99999;
			}
		.navbar-toggle .icon-bar {
			display: block;
			width: 32px;
			height: 4px;
			border-radius: 1px;
			}
		}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
	background-color: #333333;
	}

.navbar-default .navbar-toggle .icon-bar {
	background-color: #ffffff;
	}

main {
	position: inherit;
	z-index: 1;
	}

main .container .row div {
	padding-top: 100px;
	padding-bottom: 100px;
	}

main .container .row div.no-pad {
	padding-top: 0px;
	padding-bottom: 0px;
	}

summary:hover {
	cursor: pointer;
	}

details {
	border-bottom: 1px dotted #666666;
	}

aside {
	padding-bottom: 100px;
	}

.bg-content-index {
	background-image: url("../images/bg-index.jpg");
	background-size: contain;
	background-position: right -50px center;
	background-repeat: no-repeat;
	}
	@media (max-width: 1200px) {
		.bg-content-index {
			background-image: url("../images/blank.gif");
			background-repeat: no-repeat;
			}
		}

main .container .galerie {
	padding-top: 0px;
	padding-bottom: 100px;
	}

main .container .galerie div {
	padding-top: 0;
	padding-bottom: 20px;
	}

footer {
	background-color: #d4021d;
	padding-top: 60px;
	padding-bottom: 60px;
	width: 100vw;
	color: #ffffff;
	}

footer a {
	color: #ffffff;
	text-decoration: none;
	}

footer a:hover,
footer a:focus {
	color: #000000;
	text-decoration: none;
	}

p.footer-lead {
	font-size: 3.2rem;
	font-weight: 500;
	text-transform: uppercase;
	}
	
#back-to-top {
    bottom: 30px;
    color: #000000;
    cursor: pointer;
    display: none;
    position: fixed;
    right: 40px;
	}

#back-to-top span:hover {
    color: #666666;
	}

/* ########## FONT-INTEGRATION ########## */

/* roboto-100 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/roboto-v18-latin-100.eot'); /* IE9 Compat Modes */
  src: local('Roboto Thin'), local('Roboto-Thin'),
       url('../fonts/roboto-v18-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v18-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v18-latin-100.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v18-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v18-latin-100.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-100italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100;
  src: url('../fonts/roboto-v18-latin-100italic.eot'); /* IE9 Compat Modes */
  src: local('Roboto Thin Italic'), local('Roboto-ThinItalic'),
       url('../fonts/roboto-v18-latin-100italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v18-latin-100italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v18-latin-100italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v18-latin-100italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v18-latin-100italic.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/roboto-v18-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Roboto Light'), local('Roboto-Light'),
       url('../fonts/roboto-v18-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v18-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v18-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v18-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v18-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-300italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/roboto-v18-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local('Roboto Light Italic'), local('Roboto-LightItalic'),
       url('../fonts/roboto-v18-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v18-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v18-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v18-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v18-latin-300italic.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v18-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto'), local('Roboto-Regular'),
       url('../fonts/roboto-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v18-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-500 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/roboto-v18-latin-500.eot'); /* IE9 Compat Modes */
  src: local('Roboto Medium'), local('Roboto-Medium'),
       url('../fonts/roboto-v18-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v18-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v18-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v18-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v18-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-500italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/roboto-v18-latin-500italic.eot'); /* IE9 Compat Modes */
  src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'),
       url('../fonts/roboto-v18-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v18-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v18-latin-500italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v18-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v18-latin-500italic.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/roboto-v18-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Roboto Italic'), local('Roboto-Italic'),
       url('../fonts/roboto-v18-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v18-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v18-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v18-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v18-latin-italic.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto-v18-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Roboto Bold'), local('Roboto-Bold'),
       url('../fonts/roboto-v18-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v18-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v18-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v18-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v18-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-700italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/roboto-v18-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'),
       url('../fonts/roboto-v18-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v18-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v18-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v18-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v18-latin-700italic.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-900 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/roboto-v18-latin-900.eot'); /* IE9 Compat Modes */
  src: local('Roboto Black'), local('Roboto-Black'),
       url('../fonts/roboto-v18-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v18-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v18-latin-900.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v18-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v18-latin-900.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-900italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 900;
  src: url('../fonts/roboto-v18-latin-900italic.eot'); /* IE9 Compat Modes */
  src: local('Roboto Black Italic'), local('Roboto-BlackItalic'),
       url('../fonts/roboto-v18-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v18-latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v18-latin-900italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v18-latin-900italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v18-latin-900italic.svg#Roboto') format('svg'); /* Legacy iOS */
}