/* Nur Handy Einstellungen */


/* nur Smartphone Einstellungen */

@media all and (max-width: 767px) {

/* kein blauer Schatten */
.box::after, .bild::after, .box, .bild
{
background:none !important;
box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.0) !important;
-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.0) !important;
-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.0) !important;
}

.box{
margin-top:0px !important;
padding-top:0px !important;
}

.box. textbox{margin:0px;}

.banner-logo{
width: 80%;
margin-left: auto;
margin-right: auto;	
}

img, iframe{max-width:95%;}


}


#stoffwechselintro h5, #stoffwechselintro .h5{
    line-height:1.3em;
    color: #202020;
}
#stoffwechselintro ul,#stoffwechselintro ol {
  list-style-image: url(../images/list.jpg);
  line-height: 1.2em;
}

#stoffwechselintro li{
    font-weight: 600;
    font-size: 1em;
    line-height: 1.2em;
    margin-left:38px;
}

#plan ul,#stoffwechselintro ol {
  list-style-image: url(../images/list.jpg);
  line-height: 1.2em;
}

#plan li{
    font-weight: 600;
    font-size: 1em;
    line-height: 1.2em;
    margin-left:38px;
}


/* Video */
.responsive-video iframe {
position: absolute;
top: 0;
left: 0;

}

.responsive-video {
position: relative;
padding-top: 0px;
height:100%;
min-height:590px;
overflow: hidden;
}

#video{
padding:0px;	
margin:0;
height:500px;
background-image:url(../images/vorschau.jpg);
background-position:top center;
background-repeat:no-repeat;
background-color:#fff;
}

#video iframe{

min-height:590px;
margin: 0 auto !important;
display: block !important;
position: relative;
}

#video h1 small{font-size:1em;}
#video h1 strong{font-size:1.5em;}

#video-text{top:-300px;}

@media all and (max-width: 767px) {
	#video{height:200px;}
}


/*beadcrumb */
#breadcrumb ol, hr{
margin:0px;
padding:0px;
}
#breadcrumb h1{
font-size:15px;
font-weight:400;
color:#202020;
}
#breadcrumb li{
margin-bottom: 10px;
font-size:15px;
}


/* normale Banner */
#banner2{
background-image: url(../images/vorschau2.jpg);
background-position: bottom center;
background-repeat: no-repeat;
Background-size: cover;
max-height: 500px;
}

#banner3{
background-image: url(../images/vorschau3.jpg);
background-position: bottom center;
background-repeat: no-repeat;
Background-size: cover;
max-height: 500px;
}


#banner4{
background-image: url(../images/vorschau4.jpg);
background-position: bottom center;
background-repeat: no-repeat;
Background-size: cover;
max-height: 500px;
}


#banner5{
background-image: url(../images/vorschau5.jpg);
background-position: bottom center;
background-repeat: no-repeat;
Background-size: cover;
max-height: 500px;
}

#banner6{
background-image: url(../images/vorschau6.jpg);
background-position: bottom center;
background-repeat: no-repeat;
Background-size: cover;
max-height: 500px;
}


#banner7{
background-image: url(../images/vorschau7.jpg);
background-position: bottom center;
background-repeat: no-repeat;
Background-size: cover;
max-height: 500px;
}

#banner10{
background-image: url(../images/vorschau10.jpg);
background-position: bottom center;
background-repeat: no-repeat;
Background-size: cover;
max-height: 500px;
}

@media all and (max-width: 767px) {
    #banner10{
        background-image: url(../images/vorschau10b.jpg);
        max-height: 100%;
    }
}

.blase1{max-width:90%;}

#datenschutz p{
font-size: 11px;
line-height: 13px;
}

#datenschutz strong{font-weight:700;}


/* Menu */

#menu1{background-color:rgba(255,255,255,1);}

.dropdown__container > .container {
width: 100vw;
max-width: 200px;
}

.dropdown .dropdown__container{max-width: 98%;}
/*.dropdown .dropdown__content{margin-left:-110px;}*/

.menu-vertical{text-align:left;}
.dropdown.dropdown--active > .dropdown__container > .container > .row > .dropdown__content {width:200px;}
.bar .menu-horizontal {text-align:center !important;}


@media all and (max-width: 991px) {
    .dropdown_content{left:0 !important;}
    #menu1 {background-color: rgba(255,255,255,1.0);}
}

@media all and (max-width: 767px) {
    .dropdown .dropdown__content {margin-left: 0px;}
    .bar .menu-horizontal {text-align:left !important;}
    
    .blase1{
        max-width:300px!important;
        width:90%;
    }

}

/* kontakt */
#kontakt-begruessung table td{
padding: 0 0 0px 10px !important;
}


/*allgemein */

.accordion__content ul{
list-style:outside disc !important;
padding-left:15px !important;

}


#kontakt-begruessung .flicki-viewport{height:0px !important;}
#kontakt-begruessung .flickity-prev-next-button.previous {
margin-top: 0px;
margin-left: 0%;
}
#kontakt-begruessung .flickity-prev-next-button.next {
margin-top: 0px;
margin-right: 0%;
}


#bild-unten{
position: relative;
float: left;
width: 100%;
height: 100%;
}
#bild-unten img{
position: absolute;
bottom: 0px;
right: 0px;
}



.box-blau{
background-color: #cdd5e3 !important;	
}

#aesthetik li{
list-style:circle outside;
margin-left: 15px; 
}


.block{
border-top:thick solid #4b638e;
border-left:thick solid #4b638e;
border-radius:10px;
}

.parallax{
border-top:thick solid #4b638e;
border-bottom:thick solid #4b638e;
}

.nicht-zeigen{display:none !important;}

.notdienst{float:right;}

.bild{margin-left: 20px;}
.box{margin-left: 30px;}

.weiss{color:#FFF !important;}
.blau{color:#4b648f !important;}
.schwarz{color:#202020 !important;}


footer h6{font-size:17px;}
footer p{font-size:15px;}
footer a{text-decoration:none;}
footer a:hover{
color:#d2c8b7 !important;
text-decoration:none !important;
}
footer{padding-bottom:0px !important;}


.flickity-prev-next-button.previous {
margin-top: 170px;
margin-left: 45%;
}
.flickity-prev-next-button.next {
margin-right: 45%;
margin-top: 170px;
}

.accordion__title h5{
font-size: 14px;
font-weight: 700;
color: #b7a690;
}
.accordion{margin-bottom:30px !important;}

.accordion__content p{padding-left:17px;}

.slider{
width: 103%;
margin-left: -2%;
}

.team-img{
border: 1px solid #e5e5e5;
padding: 8px;
width: 100%;
max-height: 254px;
max-width: 254px;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;	
}

.logo-zahn{margin-top:15px;}

.logo-light{height:40px;}




.no-handy{display:block;}
.only-handy{display:none;}
.zahnpflege{display:none;}



/* Öffnungszeiten */

#oeffnung td{
padding:5px;
color: #202020;
font-size: 15px;
}
.splt1{width:120px;}
.splt2, .splt4{width:160px;text-align:center}
.splt3{width:35px;text-align:center}

.zentriere-tabelle, .box-mitte{
margin-left: auto;
margin-right: auto;
width:475px;
background: rgba(255,255,255,0.5);
box-shadow: 0px 4px 15px 0px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 4px 15px 0px rgba(0,0,0,0.4);
-webkit-box-shadow: 0px 4px 15px 0px rgba(0,0,0,0.4);
}
.box-mitte{padding:15px;}

.box{
background-color: #fff;
box-shadow: 0px 4px 15px 0px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 4px 15px 0px rgba(0,0,0,0.4);
-webkit-box-shadow: 0px 4px 15px 0px rgba(0,0,0,0.4);
}

.fit-img{padding:0px;}

.box::after, .bild::after {
position: absolute;
background: #4d6692;
z-index: -1;
content: "";
right: 20px;
bottom: -15px;
left: 20px;
top: 0px;
box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.7);
-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.7);
-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.7);
}

.box::after {
top: -30px;
left: -35px;
right: 40px;
bottom: 40%;
}

.bild::after  {
top: -30px;
left: -20px;
right: 40px;
bottom: 40%;
}

.abstand15{padding:15px;}

.mt0{margin-top: 0px !important;}
.mt120{margin-top:10px !important;}
.mt20{margin-top:20px !important;}
.mt30{margin-top:30px !important;}
.mt50{margin-top:50px !important;}
.mt100{margin-top:100px !important;}
.mt150{margin-top:150px !important;}


.mb0{margin-bottom: 0px !important;}
.mb30{margin-bottom: 30px !important;}
.mb70{margin-bottom: 70px !important;}
.mb100{margin-bottom: 100px !important;}
.mb150{margin-bottom: 150px !important;}

@media all and (max-width: 1135px) {
.telefonnummer{display:none;}
}


@media all and (max-width: 991px) {
.bild{margin-right:10px;}
.box{margin-left:10px;}
.bild::after{max-height: 50%;}
.box::after{max-height: 50%;}
}

@media all and (max-width: 767px) {

.heading-block {margin-bottom: 0px;}
.feature-large{margin-top:-50px !important;}
.index__intro_section{margin-top:-70px;}
.tel-but{font-size:1.1em;}
.flickity-prev-next-button.previous {margin-left: 35%;}
.flickity-prev-next-button.next {margin-right: 35%;}
.box-mitte, .zentriere-tabelle{background: rgba(69, 103, 137, 0.15);}
.logo-handy{display:none;}
#video-text{top:-450px}
.pb0{ padding-bottom:0px !important;}
.mb0{ margin-bottom:0px !important;}
.menu-horizontal{text-align:left!important;}
.no-handy{display:none !important;}
.only-handy{display:block !important;}	
.bild::after{
max-height: 100%;
max-width: 80%;
}
}


.box-mitte{
width: 100%;
margin-left: 0px;
padding: 15px;
}

/*
.textbox{
margin-left:35px;
max-width: 94%;
}

.box::after{
max-height: 100%;
max-width: 80%;
margin-left:0px;
}	
*/

	
	
body{background-image:none;background:#fff;}

.zahnpflege{display:block;}


#video-text{top:10px;}
#menu1{background-color:#FFF;}
.bar{height:100%}

/*
.box{
margin-top:6em !important;
margin-right:15px;
}
*/


/* Öffnungszeiten */
#oeffnung td {
	color:#202020 !important;
	font-size: 12px;
	line-height: 1.2em;
}
.splt1 {width: 88px !important;}
.splt2, .splt4 {width: 110px !important;}
.zentriere-tabelle {width:345px !important;}

.praxis-bild{margin-top:150px !important;}

#bild-unten img {
position: relative;
}

.weiss{color:#fff;}
.blau{color:#304f84;}
.gesundhamburger{
    color:#fff;
    border-radius: 10px;
    background:#304f84;
    display:inline-block;
}
.gesundhamburger:hover{color:red;}


@media all and (max-width: 680px) {

}

@media all and (max-width: 767px) {
    footer .text-center, footer .text-right{text-align:left!important;}
}
 
@media all and (max-width: 560px) {
.zahnpflege{display:none;}

.col-xs-12{width:100%}
.col-xs-6{width:50%}

.text-center-xs{text-align:center !important;}
    
 footer .text-center, footer .text-right{text-align:center!important;}   
    
    
}

footer a:hover{color:#ff2700!important;}
footer h6, footer .h6{margin-bottom:0px!important;}
   
@media all and (max-width: 320px) {

/* Öffnungszeiten */
#oeffnung td {
	color:#202020 !important;
	font-size: 10px;
	line-height: 1.0em;
}
.splt1 {width: 80px !important;}
.splt3 {display:none !important;}
.splt2, .splt4 {width: 90px !important;}
.zentriere-tabelle {width:280px !important;}

}