*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

body, html { 
font-family: 'LatoWeb', sans-serif;
font-size: 98%;
line-height: 1.5;
padding: 0; 
margin: 0;
color: #1B333D;
}


@media (max-width: 480px) {
body, html { 
font-size: 89%;
}
}

.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }

.logo {
	display:block;
	text-align: center;
	padding-top:12px;
	text-transform: uppercase;
}

.logo-zahn {
	margin-bottom: -0.2em;
}

h1 {
	font-family: 'LatoWebBold', sans-serif;
	font-size: 2em;
	letter-spacing: 0.1em;
	font-weight: 300;
}

h2, .logo {
	font-family: 'LatoWebBold', sans-serif;
	font-size: 1.85em;
	letter-spacing: 0.1em;
	font-weight: 300;
}

h3 {
	font-size: 1.5em;
	letter-spacing: 0.1em;
	margin-bottom: 0;
	padding-bottom: 0;
}

a {
	color: #1B333D;
	text-decoration: none !important;
	border-bottom: #1B333D 1px dotted;
	font-weight:bold;
}

a:hover, .termin a {
	color: #1B333D;
	border-bottom: #1B333D 1px solid;
}

nav a {
	font-size:1.5em;
	text-transform: uppercase;
}

.aktiv {
	border-bottom: #1B333D 2px solid;
}

.button {
 color: #1B333D !important;
 background: #6cd3b4 !important;
padding:5px;
border-radius:15px;
 cursor: pointer;
 text-decoration: none;
 border: #6cd3b4 3px solid;
 font-size:1.25em;
}


section {
	margin-bottom: 5em;
}

section:last-child {
	margin-bottom: 0em;
}

section h1 {
	margin: 0;
	padding: 1em 0;
}

section p {
	font-size: 1.5em;
	margin: 0;
	padding: 0.8em 0;
}


.nmb {
	margin-bottom: 0px !important;	
}


.clear {
	margin: 0;
	padding: 0;
	display: block;
	float: none;
	clear: both;
}

.bordo {
	border-top: #c9c9c0 1em solid;;
}

.center {
	display: block;
	text-align: center;
}


.imgfull {
position: relative;
width: 100%;
}


@media (min-width: 1025px) {
.imgzoom {
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
}

.imgzoom:hover {
 -webkit-transform: scale(1.53);
 transform: scale(1.53);
 z-index: 9;
 border: #ffffff 1px solid;
}
}


.divpano {
	width: 100%;
	max-width: 100%;
	height: auto;
	overflow: hidden;
}

@media (max-width: 1024px) {
.imgpano {
	margin-left: -30%;	
	width: 160%;
}
}

.maxd {
	width: 100%;
	margin: 0 auto;
	padding: 1.875em 0;
}

.midd {
	width: 90%;
	margin: 0 auto;
	padding: 1.875em;
}

.normd {
	width: 90%;
	max-width: 80em;
	margin: 0 auto;
	padding: 1.875em;
}

.imgdiv {
	width: 90%;
	max-width: 80em;
	margin: 0px auto;
	padding: 0px;
}








.bg1div {
	background: #6cd3b4;
	color: #1B333D;
}

.bg2div {
	background: #4fabe2;
	color: #1B333D;
}

.bg3div {
	background: #2175A6;
	color: #fff;
}

.bg4div {
	background: #c9c9c0;
}

.bg5div {
	background: #ececec;
}

.bg6div {
	background: #6cd3b4;
	padding:15px;
}



.bigicon {
background: #6cd3b4;
color: #1B333D;
width:210px;
height:210px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 5px;
float:left;
margin-left:auto;
margin-right:auto;
}

.bigiconhr {
	padding:60px;
	border-bottom: #6cd3b4 1px solid;
	display:block;
}

@media (max-width: 768px) {
}



.cb1, .cb2 {
float: left;
display: block;
width: 240px;
min-height: 10px;
}

.cb2 {
width:calc(100% - 240px);
}


@media (max-width: 768px) {
.bigicon {
width:100%;
float:none;
}
.cb1, .cb2 {
float: none;
display: block;
width: 100% !important;
margin: 0px;
padding: 0px;
}
}

footer {
	background: #c9c9c0;
	padding-bottom:90px;
}

footer, footer * {
	color: #1B333D !important;
	text-decoration: none;
}

.scrollcont, .termin {
	position: fixed;
	padding: 0.5em;
	cursor: pointer;
	min-width: 5em;
	min-height: 5em;
	text-align: center;
	background: #c9c9c0;
	border-radius: 15px;
}

.scrollcont, .termin a, .termin a:hover {
	color: #1B333D !important;
}

.scrollcont_icon, .termin_icon {
	font-size: 4em;
	line-height: 1em;
	display: block;
	width: 100%;
	text-align: center;
}

.scrollcont {
	right: 15px;
	bottom: 15px;
	display: none;
}

.termin {
	z-index: 1111;
	right: 15px;
	display: none;
	bottom: 70%;
}
@media (max-width: 768px) {
.termin {
	bottom: 8em;
}
}

.termin_text {
	font-size: 10px;
}


.leistungen {
	background: #2175A6;
	color: #fff;
}

.leistung {
background: #6cd3b4;
display: block;
position: relative;
width: 100%;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
}

.leistung:hover {
 -webkit-transform: scale(1.03);
 transform: scale(1.03);
}

.leistung_text {
	position: absolute;
	bottom: 10%;
	width: 100%;
	text-align: center;
	text-transform: uppercase;
	color: #1B333D !important;
	font-size: 1.1em;
	letter-spacing: 0.33em;
}
@media (max-width: 768px) {
.leistung_text {
	font-size: 1em;
	letter-spacing: 0.25em;
}
}

.leistung_svg {
	width: 100%;
	height: auto;
}

.leistung_headimg {
	width: 300px;
}
@media (max-width: 768px) {
.leistung_headimg {
	width: 250px;
}
}

@media (max-width: 480px) {
.leistung_headimg {
	width: 120px;
}
}



/* seitenverhaeltnisse:
 * 56.25% = 16:9
 * 75% = 4:3
 * 66.66% = 3:2
 * 62.5% = 8:5
*/
 
.iframe_container {
	position: relative;
	top: 0px;
	width: 100%;
	padding-bottom: 66.66%; /* seitenverhaeltnis */
}

.iframe_container_iframe {
	position: absolute;
	top: 0px; bottom: 0px; left: 0px; right: 0px;
	width: 100%;
	height: 100%;
}

.nowrap {
	white-space: nowrap;
}

.videoindex {
	margin: 0 -10px;
}

.googlemap {
	border: 0;
	width: 100%;
	height: 400px
}

.nodisplay {
	display: none;
}