/* GLOBAL STYLES
-------------------------------------------------- */
/*
@import url('../fonts/css?family=Roboto&display=swap');
@import url('../fonts/css?family=Merriweather&display=swap');
*/

/* merriweather-300 - latin */
@font-face {
  font-family: 'Merriweather';
  src: local('Merriweather'),
  	url('../fonts/merriweather-v30-latin-300.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: auto;
}
/* merriweather-300italic - latin */
@font-face {
  font-family: 'Merriweather';
  src: local('Merriweather'),
  	url('../fonts/merriweather-v30-latin-300italic.woff2') format('woff2');
  font-weight: 300;
  font-style: italic;
  font-display: auto;
}
/* merriweather-regular - latin */
@font-face {
  font-family: 'Merriweather';
  src: local('Merriweather'),
  	url('../fonts/merriweather-v30-latin-regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
/* merriweather-italic - latin */
@font-face {
  font-family: 'Merriweather';
  src: local('Merriweather'),
  	url('../fonts/merriweather-v30-latin-italic.woff2') format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
}
/* merriweather-700 - latin */
@font-face {
  font-family: 'Merriweather';
  src: local('Merriweather'),
  	url('../fonts/merriweather-v30-latin-700.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
}
/* merriweather-700italic - latin */
@font-face {
  font-family: 'Merriweather';
  src: local('Merriweather'),
  	url('../fonts/merriweather-v30-latin-700italic.woff2') format('woff2');
  font-weight: 700;
  font-style: italic;  
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
}
/* merriweather-900 - latin */
@font-face {
  font-family: 'Merriweather';
  src: local('Merriweather'),
  	url('../fonts/merriweather-v30-latin-900.woff2') format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
}
/* merriweather-900italic - latin */
@font-face {
  src: local('Merriweather'),
  url('../fonts/merriweather-v30-latin-900italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  font-family: 'Merriweather';
  font-weight: 900;
  font-style: italic;
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
}
@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('../fonts/glyphicons-halflings-regular.eot');
  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.glyphicon-ok:before {
  content: "\e013";
}
.glyphicon-remove:before {
  content: "\e014";
}
.glyphicon-chevron-left:before {
  content: "\e079";
}
.glyphicon-chevron-right:before {
  content: "\e080";
}
.glyphicon-th-large:before {
  content: "\e010";
}
.glyphicon-play:before {
  content: "\e072";
}
html {
	height:100%;
}
body {
	background-color: rgba(237, 237, 237, 1);
	background-image: url();
	background-position: right bottom;
	background-attachment: fixed;
	background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; 
	color: rgba(30,30,30,0.7);
	font-family: 'Merriweather', 'Times', sans-serif;
	font-size: 14px;
	font-size: 100%;
	font-size: 2vw;
  -webkit-transition: font-size .3s;
	text-align: left;
	position: relative;
	height:100%;
	overflow-x: hidden;
/*	scroll-behavior: smooth; */
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4 {
color: rgba(0,146,136,1);
text-align: left;
font-weight: bold;
}
h1, .h1 {
margin-top: 1rem;
margin-bottom: 1rem;
font-size: 3rem;
}
h2, .h2 {
margin-top: 0;
margin-bottom: 2rem;
font-size: 1.8rem;
}
h3, .h3 {
margin-top: 0;
margin-bottom: 1rem;
font-size: 1.8rem;
border-bottom: dotted 3px rgba(0, 146, 136, 0.3);
display: inline-block;
padding-bottom: 1rem;
}
p {
color: rgba(30,30,30,0.7);
text-align: left;
line-height: 1.7;
text-align: justify;
-ms-hyphens: auto;
-webkit-hyphens: auto;
hyphens: auto;
margin: 0 0 48px 0;	
}
p.nodistance {margin:0;}
p.small, .small {color: rgba(30,30,30,0.5);font-size: 80%;line-height: 1.2;}
p.smaller, .smaller {color: rgba(30,30,30,0.5);font-size: 60%;line-height: 1.2;text-align: justify;-ms-hyphens: auto;-webkit-hyphens: auto;hyphens: auto;}
a, a:link {color: rgba(0,146,136,1);text-decoration: none;}
a:hover {color: rgba(0,146,136,0.7);text-decoration: none;}
ul {list-style-type: disc;padding-left: 1em;}
hr {border-top: dotted 1px rgba(0,146,136,0.7);height: 2px;width: 100%;margin: 5% 0;clear: both;}
.maxh {height: 100%;} 
.schatten {box-shadow: 3px 3px 10px rgba(0,146,136,0.7);}

body {font-size: 4.2vw;} 
h1 {font-size: 1.75rem;}
@media (min-width: 576px) {body {font-size: 3.5vw;}}
@media (min-width: 768px) {body {font-size: 2.25vw;}}
@media (min-width: 992px) {body {font-size: 1.8vw;} h1 {font-size: 2.4rem;}}
@media (min-width: 1200px) {body {font-size: 1.2vw;} h1 {font-size: 3rem;}}
@media (min-width: 1400px) {body {font-size: 0.9vw;} h1 {font-size: 3rem;}}

/* MODAL
-------------------------------------------------- */
.navi #NavModal {padding-right: 0 !important;}
.navi .modal-open {overflow: hidden;padding:0 !important;z-index:1000;}
.navi .modal-open .modal {padding-right:0px !important;}
.navi .modal-dialog {max-width: 100%;height:100%;padding:0;margin:0;overflow-y: scroll;}
.navi .modal-content {background-color: rgba(255,255,255, 1) !important;background-image:url();background-position: center center;background-attachment: scroll;background-repeat: no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size:cover;position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction: column;flex-direction: column;min-height:100%;height:100%;border: 0px solid rgba(0,0,0,0);border-radius:0;outline: 0;}
.navi .modal-header {padding:0;z-index:1200;}
.navi .modal-header .close {padding: 0; margin: auto !important;}
.navi .modal-body {background-color: rgba(255,255,255,0.0) !important;padding:0;height:100%;}
.navi .modal.fade .modal-dialog {-webkit-transform: translate3d(0, -10%, 0);transform: translate3d(0, -10%, 0);}
.navi .modal.fade:not(.in) .modal-dialog {-webkit-transform: translate3d(-0%, 0, 0);transform: translate3d(-0%, 0, 0);}
/* NAVIGATION
-------------------------------------------------- */
.navbar {padding:0;margin:0;--bs-navbar-toggler-focus-width: 0rem !important;}
.bg-light {background-color:transparent !important;}
/* NAVIGATION - BUTTON 
-------------------------------------------------- */
.navbar-toggler {background-color: rgba(0,146,136,1);top:20px;right:0px;height:60px;width:60px;font-size:1.25rem;line-height:1;position:absolute;border: 0px solid #FFF;border-radius:0;}
.navbar-toggler-icon {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");}
@media (max-width: 576px) {.navbar-toggler {top:25px;right:0px;height:60px;width:60px;font-size:1.25rem;}}
@media (min-width: 576px) {.navbar-toggler {top:20px;right:0px;height:70px;width:70px;font-size:1.75rem;}}
@media (min-width: 768px) {.navbar-toggler {top:30px;right:0px;height:70px;width:70px;font-size:1.75rem;}}
@media (min-width: 992px) {.navbar-toggler {top:50px;right:0px;height:80px;width:80px;font-size:2.25rem;}}
@media (min-width: 1200px) {.navbar-toggler {top:70px;right:0px;height:100px;width:100px;font-size:2.5rem;}}
@media (min-width: 1400px) {.navbar-toggler {top:80px;right:0px;height:100px;width:100px;font-size:2.5rem;}}
.close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover {opacity: 1;}
body.h-feed modal-open button.navbar-toggler {margin-right:90px !important;}
/* NAVI
-------------------------------------------------- */
.navbar-brand {width: 400px;padding: 20px;}
.navbar-collapse {height:100%;width:100%;}
.navbar-nav {height:100%;width:auto;margin:0;padding:35px;display:flex;justify-content: center;	/* align-items: center; */}
.navbar-nav > hr {height:1px;width:100%;border:1px dotted #FFF;}
.navbar-nav ul {list-style:none;padding:0;}
.navbar-nav .nav-link {color: rgba(0,146,136,1);/*text-transform:uppercase;*/text-align:left;padding:0;}
.navbar-nav a.nav-link:hover {color: rgba(0,146,136,0.7); text-decoration: none;}
.navbar-nav a.nav-link::before {/*content: "►";*/ color: transparent;display: inline-block;width: 1.5em;margin-left: -1em;}
.navbar-nav a.nav-link.active {color: rgba(0,146,136,0.9);list-style-type: disc;}
.navbar-nav a.nav-link.active::before {/*content: "►";*/ color: rgba(0,146,136,1);display: inline-block; width: 1.5em; margin-left: -1em;}

@media (max-width: 576px) {.navbar-nav > hr {margin:0 0 1rem !important;}.navbar-nav .nav-link {font-size: 20px;line-height:1.5;}.sub .nav-link {font-size:18px;}.subsub .nav-link {font-size:16px;}}
@media (min-width: 576px) {.navbar-nav > hr {margin:0 0 1rem !important;}.navbar-nav .nav-link {font-size:20px;line-height:1.5;}.sub .nav-link {font-size:18px;}.subsub .nav-link {font-size:16px;}}
@media (min-width: 768px) {.navbar-nav > hr {margin:1rem 0 2rem !important;}.navbar-nav .nav-link {font-size:32px;line-height:1.7;}.sub .nav-link {font-size:28px;}.subsub .nav-link {font-size:24px;}}
@media (min-width: 992px) {.navbar-nav > hr {margin:1rem 0 2rem !important;}.navbar-nav a.nav-link::before {content: "";}}
@media (min-width: 1200px) {.navbar-nav > hr {margin:1rem 0 2rem !important;}.navbar-nav a.nav-link::before {content: "";}}
@media (min-width: 1400px) {.navbar-nav > hr {margin:1rem 0 2rem !important;}.navbar-nav a.nav-link::before {content: "";}}

a.notdienst-toggler {background-color: rgba(157, 5, 18,1);color: rgba(255, 255, 255, 1);bottom: 120px;right: -40px;width: 130px;padding: 10px;font-size: 1.25rem;	text-align: center;position: absolute;border: 0px solid #FFF;border-radius: 0;cursor: pointer;rotate: -90deg;z-index: 10;}
a.notdienst-toggler::after {content: ""; background-color: rgba(157, 25, 38,1); color: rgba(255, 255, 255, 1); white-space: nowrap;}
a.notdienst-toggler:hover {background-color: rgba(157, 5, 18,1); color: rgba(255, 255, 255, 1);} 

@media (min-width: 576px) {a.notdienst-toggler {bottom: 90px; right: -54px; width: 170px; font-size: 1.75rem; padding:10px;}}
@media (min-width: 768px) {a.notdienst-toggler {bottom: 180px; right: -54px; width: 170px; font-size: 1.75rem; padding:10px;}}
@media (min-width: 992px) {a.notdienst-toggler {bottom: 180px; right: -64px; width: 210px; font-size: 2.25rem; padding:15px;}}
@media (min-width: 1200px) {a.notdienst-toggler {bottom: 180px; right: -70px; width: 240px; font-size: 2.5rem; padding:20px;}}
@media (min-width: 1400px) {a.notdienst-toggler {bottom: 180px; right: -70px; width: 240px; font-size: 2.5rem; padding:20px;}}

/* Breaker
-------------------------------------------------- */
.breaker {border-top: dotted 15px rgb(0,146,136,0.5);text-align:center;}
.breaker img {margin-top:-68px;margin-left:23px;}

/* Box
-------------------------------------------------- */
.box-out {display:grid; align-items:stretch;}
.box {background-image: url(/static/img/icon_cross_02.png);background-position: right top;background-repeat: no-repeat;}
a.box {display: grid; background-color:#f8f9fa;border-radius:5px;box-shadow: 0 20px 20px rgba(0, 0, 0, .075);}
a.box:hover {background-color: #B2DED8;}
.box-in {align-self:center; text-align: left; line-height: normal !important; margin: 0 !important; padding:0 !important;}
.custom-tooltip {--bs-tooltip-bg: rgba(0,146,136,0.99);--bs-tooltip-max-width: 300px;--bs-tooltip-padding-x: 20px;--bs-tooltip-padding-y:	20px;--bs-tooltip-arrow-width:2rem;--bs-tooltip-arrow-height:1rem;	font-family: 'Merriweather', 'Times', sans-serif; font-size: inherit; box-shadow: 0px 10px 10px rgba(30,30,30,0.3);}

@media (max-width: 576px) {a.box {padding: 2.5rem 1rem;}}
@media (min-width: 576px) {a.box {padding: 1.5rem 1rem;}}
@media (min-width: 1400px) {a.box {padding: 2.5rem 1.5rem;}}

/* CONTAINER 
-------------------------------------------------- */
.content-wrapper {padding: 10% 0;margin-left: 0;margin-right: 0;height: auto;position: relative;}
@media (max-width: 576px) {.content-wrapper {padding: 10% 0;}}
@media (min-width: 576px) {.content-wrapper {padding: 10% 0;}}
@media (min-width: 768px) {.content-wrapper {padding: 10% 0;}}
@media (min-width: 992px) {.content-wrapper {padding: 10% 0;}}
@media (min-width: 1200px) {.content-wrapper {padding: 5% 0;}}
@media (min-width: 1400px) {.content-wrapper {padding: 5% 0;}}

#praxis > .container-fluid {padding: 0;}
#kompetenzen  > .container-fluid {padding: 0;}
#serviceleistungen > .container-fluid {padding: 0;}
#labore > .container-fluid {padding: 0;}
#impressionen > .container-fluid {padding: 0;}
#kontakt > .container-fluid {padding: 0;}
#lage > .container-fluid {padding: 0;}

.left {overflow:hidden;}
.right {overflow:hidden;}
@media (max-width: 576px) {.left {padding: 0 calc(var(--bs-gutter-x) * .5) 40px calc(var(--bs-gutter-x) * .5);} .right {padding: 0 calc(var(--bs-gutter-x) * .5) 40px calc(var(--bs-gutter-x) * .5);}}
@media (min-width: 576px) {.left {padding: 0 calc(var(--bs-gutter-x) * .5) 40px calc(var(--bs-gutter-x) * .5);} .right {padding: 0 calc(var(--bs-gutter-x) * .5) 40px calc(var(--bs-gutter-x) * .5);}}
@media (min-width: 768px) {.left {padding: 0 calc(var(--bs-gutter-x) * .5) 40px calc(var(--bs-gutter-x) * .5);} .right {padding: 0 calc(var(--bs-gutter-x) * .5) 40px calc(var(--bs-gutter-x) * .5);}}
@media (min-width: 992px) {.left {padding: 0 calc(var(--bs-gutter-x) * .5) 40px calc(var(--bs-gutter-x) * .5);} .right {padding: 0 calc(var(--bs-gutter-x) * .5) 40px calc(var(--bs-gutter-x) * .5);}}
@media (min-width: 1200px) {.left {padding:0;} .right {padding:0;}}
@media (min-width: 1400px) {.left {padding:0;} .right {padding:0;}}

/* START 
-------------------------------------------------- */
#home {background-image:url(/pics/home/zahnarztpraxis-wollschlaeger_zahnarzt_03.jpg);background-repeat: no-repeat; background-size: cover; background-position: center; height:92%;margin-left: 0;margin-right: 0;height: 98%;position: relative;overflow: hidden;}
#home .content-wrapper {padding: 0;height: 100%;}
#home .content {padding: 20% 0% 15%;width: 100%;height: 100%;}
#brand {top: 20px;left: 0;padding: 10px; background-color: #FFF;position: absolute; display: inline-block;z-index: 100;}
#brand h1 {display: none;}
#brand img {height: 70px;}
.contentbox {background-color: rgba(0, 97, 90,1);display: inline-block;padding: 1.5rem;box-shadow: 0px 25px 25px rgba(30,30,30,0.2);border-radius:5px;text-align: left;}
.contentbox p {font-size: 1.8rem;line-height: 1.2;margin:0;color:rgba(255,255,255,1);text-align: left;font-weight: bold;clear: both;text-shadow: 5px 5px 5px rgba(30,30,30,0.2);	-webkit-transition: font-size .3s;}

@media (min-width: 576px) {
#home {background-image:url(/pics/home/zahnarztpraxis-wollschlaeger_zahnarzt_01.jpg);}
#home .content {padding: 15% 0% 8%;}
#brand {top: 10px;left: 0;padding: 15px;}
#brand img {height: 75px;}
.contantbox {position: relative;bottom: auto;}
.contentbox p {font-size: 2.2rem;}
}
@media (min-width: 768px) {
#home .content {padding: 20% 0% 15%;}
#brand {top: 10px;left: 0; padding: 20px;}
#brand img {height: 80px}
.contantbox {position: relative;bottom: auto;}
.contentbox p {font-size: 3.0rem;}
}
@media (min-width: 992px) { 
#home .content {padding: 5% 0% 8%;}
#brand {top: 30px;left: 0; padding: 20px;}
#brand img {height: 95px;}
.contantbox {position: relative;bottom: auto;}
.contentbox p {font-size: 3.575rem;}
}
@media (min-width: 1200px) {
#home .content {padding: 7% 0% 8%;}
#brand {top: 30px;left: 0px; padding: 20px;}
#brand img {height: 125px;}
.contantbox {position: absolute;bottom: -200px;}
.contentbox p.claim {font-size: 3.9rem;}
}
@media (min-width: 1400px) {
#home .content {padding: 7% 0% 4%;}
#brand {top: 40px;left: 0px; padding: 20px;}
#brand img {height: 150px;}
.contantbox {position: absolute;bottom: -200px;}
.contentbox p.claim {font-size: 4.7rem;}
}

/* AKTUELLES 
-------------------------------------------------- */
#oeffnungszeiten {background-color:rgba(227,227,227,1); padding:20px;}
#oeffnungszeiten .table {background: none; color: rgba(30,30,30,1);}
#oeffnungszeiten .table > :not(caption) > * > * {background-color: rgba(227, 227, 227, 1);color: rgba(30,30,30,0.7); padding: .25rem 0rem;}
#oeffnungszeiten .table td:nth-of-type(2n+1) {width: 50%;} 
@media (max-width: 768px) {#container2 {margin-bottom:48px;} #oeffnungszeiten {margin-top:-70px;}}
@media (min-width: 768px) {#container2 {margin-bottom:48px;} #oeffnungszeiten {margin-top:-120px;}}
@media (min-width: 992px) {#container2 {margin-bottom:48px;} #oeffnungszeiten {margin-top:-150px;}}
@media (min-width: 1200px) {#oeffnungszeiten {margin-top:-200px;}}
@media (min-width: 1400px) {#oeffnungszeiten {margin-top:-200px;}}

@media (max-width: 1200px) {#container1 { order: 2;} #container2 { order: 1;}}
@media (min-width: 1200px) {#container1 { order: 1;} #container2 { order: 2;}}

/* Team
-------------------------------------------------- */
/* #team .bg {background: linear-gradient(90deg, rgba(227,227,227,1) 40%, rgba(237,237,237,1) 80%); padding: 0;} */
#team .table > :not(caption) > * > * {background-color: rgba(255, 255, 255, 0.5); color: rgba(0,146,136,1); padding: 0.5rem 0.5rem;}
#team .table-striped > tbody > tr:nth-of-type(2n+1) > * {--bs-table-color-type: rgba(0,146,136,1); --bs-table-bg-type: rgba(240, 237, 246, 0.5);}
#team .table-hover > tbody > tr:hover > * {--bs-table-color-state: rgba(0,146,136,1); --bs-table-bg-state: rgba(0,146,136, 0.2);}

/* Kompetenzen
-------------------------------------------------- */
#kompetenzen {background-color: rgba(237,237,237,1);margin-left: 0;margin-right: 0;height: auto;position: relative;
/*	background-image: url(); background-position: center center; background-attachment: scroll; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;background-size: cover;	*/}
#kompetenzen .text-center {margin: 0 0 48px 0;}
#kompetenzen .box.kinder {background-image: url(/static/img/icon_cross_02.png), url(/static/img/kid_02.png); background-position: right top, right bottom; background-repeat: no-repeat, no-repeat;}
#kompetenzen .box.kinder .box-in {width:65%;margin:0;line-height: normal;text-align: left;}
#kompetenzen .btn-default {display: inline-block; text-align: right;float: right;}

@media (max-width: 576px) {#kompetenzen .btn-default {display: inline-block; text-align: left; float: left;margin:40px 0 0 0;}}

/* Serviceleistungen
-------------------------------------------------- */
@media (max-width: 1200px) {#container3 { order: 2;} #container4 { order: 1;}}
@media (min-width: 1200px) {#container3 { order: 1;} #container4 { order: 2;}}

/* Labore
-------------------------------------------------- */
#labore .box {background-image: url(/static/img/icon_arrow_02.png);}
#labore	.box.partner {background-color:rgba(0,146,136,1);}
#labire .box-in {text-align:center;}

/* Impressionen
-------------------------------------------------- */
@media (max-width: 576px) {#impressionen img {margin-bottom:20px;} #impressionen img.last {margin-bottom:48px;}}
@media (min-width: 577px) {#impressionen img {margin-bottom:auto;}}

/* FAQ
------------------------- */
#faq {background-color: rgba(237, 237, 237, 1.0);background-image:url(/static/img/);background-position: center center;background-repeat: no-repeat;margin-left: 0;margin-right: 0;position: relative; overflow: hidden;}

.accordion {
  --bs-accordion-color: transparent;
  --bs-accordion-bg: transparent;
  --bs-accordion-border-color: rgba(0,146,136,1);
  --bs-accordion-btn-padding-x: 0 !important;
  --bs-accordion-btn-padding-y: 0 !important;
  --bs-accordion-btn-color: rgba(0,146,136,1);
  --bs-accordion-btn-bg: transparent;
  --bs-accordion-btn-icon: none !important;
  --bs-accordion-btn-icon-width: 1.25rem;
  --bs-accordion-btn-icon-transform: rotate(-180deg);
  --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
  --bs-accordion-btn-active-icon: none !important;
  --bs-accordion-btn-focus-border-color: rgba(0,146,136,1);
  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --bs-accordion-body-padding-x: 0 !important;
  --bs-accordion-body-padding-y: 0 !important;
  --bs-accordion-active-color: rgba(0,146,136,1);
}
.accordion-button {font-size: inherit;}
.accordion-button:not(.collapsed) {color: var(--bs-accordion-active-color);background-color: transparent;box-shadow: none;}
.accordion-button::after {width: auto;height: auto;margin-left: auto;
  content: "\e082";background-image: none;transition: none;
}

.accordion .h3, .accordion h3 {font-size: inherit;margin-top: 0;margin-bottom: 0;padding-bottom:0;border: none;}
.accordion .accordion-item {background-color: rgba(0, 146, 136, 0.1);border: 0px solid rgba(0, 146, 136, 1);margin-bottom: 1rem;}
.accordion .accordion-header {background-color: rgba(255, 255, 255, 1);color: rgba(0, 146, 136, 1);cursor: pointer;border-bottom: 1px solid rgba(0, 146, 136, 1);padding: 0.75rem 1.0rem;}
  --bs-accordion-active-bg: var(--bs-primary-bg-subtle);
.accordion .accordion-button {background-color: rgba(255, 255, 255, 1);width: 85%;position: relative;}
.accordion .accordion-button::after {font-family: 'Glyphicons Halflings';content: "\e082";position: absolute;right: 0%;top: 0;}
.accordion .accordion-button.collapsed::after {content: "\e081";}
.accordion .accordion-body {background-color: rgba(255, 255, 255, 1);color: rgba(0, 146, 136, 1);padding: 0.75rem 1.0rem;}

/* KONTAKT
-------------------------------------------------- */
#kontakt {background-color:rgba(237, 237, 237, 1);margin-left: 0;margin-right: 0;height: auto;position: relative;}

/* KONTAKTFORMULAR
-------------------------------------------------- */
fieldset {border: 0;padding: 0;}
label {padding-left: 0.25rem; margin-top: 0rem; margin-bottom: 0.4rem;}
label.captcha {margin-top: 0 !important;}

/* Farbe des validierten Eingabefeldes */
/*.field-error,
.field-error a, */
.field-error .control-label,
.field-error .help-block,
.field-error .form-control-feedback,
.field-error .fv-control-feedback {
  color: rgba(255,0,66,1);
  font-weight: normal;
}
.field-error .form-control {
  border-color: rgba(255,0,66,1);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.form-group {
    margin-bottom: 0rem;
}
.form-control {
  padding: .375rem .75rem;
  font-size: inherit;
  color: rgba(30,30,30,0.7);
  background-color: rgba(255,255,255, 0.9);
  border: 1px solid rgba(30, 30, 30, 0.15);
  border-radius: 4px;
  line-height: 1.2;
}
/* Farbe des validierten Eingabefeldes */
/*.field-success,
.field-success a, */
.field-success .control-label, 
.field-success .help-block,
.field-success .form-control-feedback,
.field-success .fv-control-feedback {
  color: rgba(0,146,136,1);
  font-weight: normal;
}
.field-success .form-control {
  border-color: rgba(0,146,136,1);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
/* Transparenter Rahmen bei aktivem Inputfeld */
/*
.form-control:focus {
	border-color: transparent !important;
	box-shadow: none;
}
 */
/* SubmitButton deaktiviert bis Formular vollstängig ausgefüllt */
.form-control-feedback {
  pointer-events: auto;
}
.btn-default.disabled {
  background-color: rgba(0,146,136, 0.7) !important;
  border-color: rgba(0,146,136, 0);
}
/* Icon - Platzirerung 
.fv-control-feedback {
  right: 15px;
}
*/
.fv-form-bootstrap4:not(.form-inline) label ~ .fv-control-feedback {
  top: 43px;
}
.fv-form-bootstrap4 .fv-control-feedback {
  width: 38px;
  height: 38px;
  line-height: 38px;
}
/* Placeholder - Farbe */
.form-control::placeholder,
.form-control::-moz-placeholder  {
  color: rgba(0,0,0,.25);
}
/* Datenschutztext inkl. Verlinkung - Ausrichtung */
.form-check-label {
	width: 90%;
	display: block;
	margin-top: 10px;
}
.form-check-label a {
  text-decoration: underline;
}
p.hinweis {
	margin: 10px 0px !important;
}
/* Warnhinweis - Abstände */
small.form-control-feedback {
	padding-top: 0.5rem;
	padding-left: 0.25rem;
	display: block;
  font-size: 75%;
}
/* Warnhinweis - Zeichen */
form .glyphicon {
  position: absolute; 
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* Warnhinweis - Zeichenpositionierung */
.col-form-label {
  padding-top: 0;
	padding-bottom: 0;
}
.fv-form-bootstrap4:not(.form-inline) .form-check ~ .fv-control-feedback {
  top: -7px !important;
}

/* KONTAKTFORMULAR - BESTÄTIGUNG AUF DER SEITE
-------------------------------------------------- */
#mail_summary {width: 100%;}
#mail_summary p {margin: 1rem;}
#mail_summary .btn-default {margin: 0 1rem;	}
table {margin-bottom: 0;}
.table-bordered {border: 0px solid transparent;}
.table-bordered td, .table-bordered th {border: 0px solid transparent;}
.table-striped tbody tr:nth-of-type(2n+1) {background-color: rgba(0, 0, 0, 0.02);}
/*.table-striped tbody td:nth-of-type(2n+1) {width: 40%;} */


/* BUTTON
-------------------------------------------------- */
.btn-defaul, a.btn-default, button.btn-default {background-color: rgba(0,146,136,1); border-color: rgba(0,146,136,1); color: rgba(255, 255, 255, 1); padding: 15px 10px; margin: 15px 0 15px -2px; border-radius: 5px;display:inline-block;}
.btn-defaul:before, a.btn-default:before, button.btn-default:before {content: "► ";}

button.btn-default {width: 100%;}

/* LAGE
-------------------------------------------------- */
#lage {background-color:rgba(237, 237, 237, 1);margin-left: 0;margin-right: 0;height: auto;position: relative;}
#lage .content-wrapper {padding: 5% 0 15% 0;}
#lage .left {position: relative;overflow:visible;}
#lage .right {position: relative;overflow:visible;}
#lage .box.google {background-image: url(/static/img/icon_arrow.png)!important;}

@media (max-width: 1200px) {#lage img.thumb {margin-bottom:48px;}}
@media (min-width: 1200px) {#lage img.thumb {margin-bottom:0;}}
@media (min-width: 576px) {#lage .d-sm-block {display: inline-block !important;}}

/* IMPRESSUM + DATENSCHUTZ
-------------------------------------------------- */
#impressum, #datenschutz {background-color: rgba(237, 237, 237, 1);background-image:url(/static/img/zahnarztpraxis-wollschlaeger-logo-fuer-bg.svg);background-position: center center;background-repeat: no-repeat;}
#impressum p, #datenschutz p {text-align: justify; -ms-hyphens: auto; -webkit-hyphens: auto;hyphens: auto;}

/* Footer
-------------------------------------------------- */
footer {
	background-color: rgba(0, 97, 90,1); width: auto;right: 0;bottom: 0;position: fixed;z-index: 9999;}
.nav-footer ul {list-style: none;	margin: 0 0 0 -20px;justify-content: center; display: flex;}
.nav-footer li {float: left; margin-left: 0px;}
.nav-footer a, .nav-footer a:link {color: rgba(255, 255, 255, 1);	text-decoration: none;}
.nav-footer a:hover {color: rgba(255, 255, 255, 0.8);	text-decoration: none;}
.nav-footer .nav-link {font-size:90%; padding: 1rem 1rem;}
@media (max-width: 576px) {
footer {width: 100%;}
.nav-footer .nav-link {padding: 0.5rem 0.5rem;}
}
@media (min-width: 576px) {
footer {width: 100%;}
.nav-footer .nav-link {padding: 0.5rem 1.0rem;}
}
@media (min-width: 768px) {
footer {width: auto;}
.nav-footer .nav-link {padding: 0.5rem 1.0rem;}
}
@media (min-width: 992px) { 
footer {width: auto;}
.nav-footer .nav-link {padding: 1rem 1.5rem;}
}
@media (min-width: 1200px) {
footer {width: auto;}
.nav-footer .nav-link {padding: 0.5rem 1.2rem;}
}

/* SCROLLER
------------------------- */
.scroll-to-top {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transition: opacity 800ms ease, visibility 0s ease;
  -webkit-transition-delay: 0s, 800ms;
  -moz-transition: opacity 800ms ease 0s, visibility 0s ease 800ms;
  -o-transition: opacity 800ms ease 0s, visibility 0s ease 800ms;
  transition: opacity 800ms ease 0s, visibility 0s ease 800ms;
}
.scroll-to-top.show {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}
.scroll-to-top.show {
  opacity: 0.5;
}
.scroll-to-top.show:hover {
  opacity: 1;
}
.scroll-to-top:before {
	vertical-align: middle;
  background: url("/static/img/icon_to-top.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.scroll-to-top:before {
  content: '';
  display: block;
  background-position: 0 0;
  height: 20px;
  width: 44px;
  margin-top: 5px;
	vertical-align: middle;
}