/*
Theme Name: 741 Maintaler Zahnarztpraxis für ganzheitliche Zahnmedizin
Author: Sarah
Version: 1.0
*/

 
 
/* Design definition
============================================================== */

body {background: #fff;}
.container {margin: 0 auto; padding-left: 0px !important; padding-right: 0px !important;}
.row {margin-left: 0px !important; margin-right: 0px !important;}
.limain-navbar-fixed-top {padding-top: 0px;}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, 
.col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, 
.col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, 
.col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, 
.col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {padding-left: 0px !important; padding-right: 0px !important;}

/* ------------- NAVBAR ------------ */
/*.navbar-default {border: none !important; background: none !important;}*/
.navbar {border-radius: 0px !important;}
.navbar {/*min-height: 10px !important;*/border: none !important;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {border: none !important;}
.navbar-collapse {padding-right: 0px !important; padding-left: 0px !important; border-top: none !important; box-shadow: none !important;}
.nav > li > a {padding: 0px !important;}
.navbar-nav > li > a {padding-top: 0px !important; padding-bottom: 0px !important;}
.navbar-nav > li > a {padding-top: 0px !important; padding-bottom: 0px !important;}
/*.navbar-default .navbar-nav > li > a {color: #fff;}
.navbar-default .navbar-nav > li > a:hover {color: #fff;}*/
.navbar-brand {display: none;}
.navbar-default {
    background-color:none;
    border-color: #005186;
}


/* ------------ Startseite - Standarddefinitionen - Startseite ------------ */


html {height: 100%; width: 100%;}
body {height: 100%; width: 100%; background: #FDFDF3;}

.container {padding-left: 0px !important; padding-right: 0px !important; position: relative;}
.row {margin-left: 0px !important; margin-right: 0px !important;}
.limain-navbar-fixed-top {padding-top: 0px;}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, 
.col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, 
.col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, 
.col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, 
.col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {padding-left: 0px !important; padding-right: 0px !important;}


.fixed-sidebar{position: absolute; top: 0px; z-index: 500; left: 0px; background:#005186;background-repeat: repeat-x; width: 280px;
				padding-bottom: 100px; min-height: 500px;height: 100%;box-shadow: 2px 3.464px 4px 0px rgba(0, 0, 0, 0.34);}

.logo{float: left; padding: 30px 20px 0 20px;margin-bottom: 100px; min-height: 190px;width: 100%;}
.logo a{float: left; width: 238px;min-height: 190px;background: url('../images/logo.png') 0 0 no-repeat; text-indent: -9999px; outline: none;display: block;}

.slogan{float: left; width: 100%; min-height: 57px; background-color: #A6A8A9; background-image: url('../images/claim.png');
		background-position: center center; background-repeat: no-repeat; box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.35);}

.main_navi{float: left; width: 100%; min-height: 50px; padding: 25px 10px 0 10px;background: #005186;}
.main_navi ul{float: left; width: 100%; list-style: none;margin-left: 0;padding-left: 0;}
.main_navi ul li{float: left; width: 100%;height: 45px; padding-left: 30px; background:url('../images/icon_hp.png') 0 3px no-repeat;}
.main_navi ul li:nth-of-type(4),
.main_navi ul li:nth-of-type(6),
.main_navi ul li:nth-of-type(13){height: 65px;background:url('../images/icon_hp.png') 0 13px no-repeat;}
.main_navi ul li a{color:rgba(255,255,255,0.8); text-decoration: none; font-size: 16px;}
.main_navi ul li a:hover{color:rgba(255,255,255,1);}

.dgi-partner{float: left; width: 100%; min-height: 77px; background-color: #004071;}
.dgi-bild{float: left; width: 100%; min-height: 77px;background-image:url('../images/dgi.png'); background-position: center center; background-repeat: no-repeat;}
.dgi-slogan a{float: left; width: 100%; color:rgba(255,255,255,0.8);padding-top:20px; font-size: 14px;text-decoration: none;}
.dgi-slogan a:hover{color:rgba(255,255,255,1);text-decoration: none;}

.hauptteil{float: left; width: 100%; top:0; padding-left: 280px; z-index: 200;}
.headerleiste{float: left; width: 100%; min-height: 30px; margin-top: 20px; margin-bottom: 20px; background:url('../images/icon_zahn_kreis.png') 34% center no-repeat;}
.headerleiste ul{float: right;list-style: none; margin: 0px; padding: 0px;}
.headerleiste ul li{float: left; line-height:18px; height: 18px; padding: 0px 20px 2px 20px; border-right: 2px solid #005186;}
.headerleiste ul li:first-child {margin-top: 6px;}
.headerleiste ul li:nth-child(2) {margin-top: 6px;}
.headerleiste ul li:nth-of-type(3){padding-right: 35px;border-right:none; margin-top: 6px;}
.headerleiste ul li:nth-of-type(4){border: none !important; height: 30px; line-height: 30px; padding-left: 40px; background:url('../images/icon_service_phone.png') 0 center no-repeat;}
.headerleiste ul li:nth-of-type(4) a{color: #767475; font-size: 17px; font-weight: 600;}
.headerleiste ul li a{font-weight:bold; text-decoration: none;}

#menu-item-445 a:hover { color: rgba(255,255,255,0.8); cursor: text; }

.slider{float: left; width: 100%; min-height: 370px;}
.slider-navi{float: left; position: absolute; width: 875px; min-height: 57px; background:#A6A8A9;box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.35);}
.slider-navi ul{float: left; width: 100%; list-style: none; padding: 0 0 0 40px; margin-bottom: 0; display: flex; justify-content: center;}
.slider-navi ul li{line-height: 55px; padding:0 40px; background:url('../images/icon_zahn_kreis.png') 0 center no-repeat;}
.slider-navi ul li a{color:rgba(255,255,255,0.8);font-size: 16px;text-decoration: none;}
.slider-navi ul li a:hover{color:rgba(255,255,255,1);text-decoration: none;}

#content{float:left; width: 100%; padding: 60px 40px;min-height:779px; height: auto; background:url('../images/wasserzeichen_content.png') center 20px no-repeat;}

.footerbg{float: left; width: 100%; background:#A7A8AA; min-height: 600px;}
.footer_sidebar{position: absolute; width: 280px; background-image: url('../images/wasserzeichen_nav.png');
				background-position: center center; background-repeat: no-repeat;
				background-color: #005186; min-height: 600px;box-shadow: 2px 3.464px 4px 0px rgba(0, 0, 0, 0.34);}

.footer_wrapper{float: left; width: 100%; padding-left: 320px; padding-top:25px;}

.footer_zeiten {min-height: 175px !important;}
.footer_zeiten,
.footer_kontakt {float: left; width: 400px; padding: 0 20px 0 0; min-height: 200px;}
.footer_anfahrt{float: left; width: 400px; padding: 0 0 0 20px; min-height: 200px;}

.footer_kontakt h3,
.footer_zeiten h3,
.footer_anfahrt h3{float:left; width: 100%;color:#fff;font-size: 18px;text-decoration: none; text-transform: uppercase; border-bottom: 3px solid #fff; margin-bottom: 20px;}

.footer_kontakt{float: left;color:#fff;font-size: 18px; font-family: Arial, sans-serif; font-weight: bold;}
.footer_name{float: left; width: 100%;margin: 17px 0;}
.footer_adresse{float: left; width: 100%;height: 48px; margin: 17px 0;}
.kurz{float: left; width:18%;margin: 10px 0;}
.lang{float: left; width: 82%;margin: 10px 0;}
.email:hover{text-decoration: underline;}

.termin_button,
.anfahrt_button{float: left; width: 100%;min-height: 46px; background:#005186; margin:10px 0 15px 0; text-align: center;}
.termin_button a,
.anfahrt_button a{color:rgba(255, 255, 255, 0.8); text-transform: uppercase;line-height: 44px;font-size: 14px;font-weight: bold;text-decoration: none;font-family: Arial,sans-serif;}
.termin_button a:hover,
.anfahrt_button a:hover{color:rgba(255, 255, 255, 1);text-decoration: none;}

.map{float: left; width: 100%; height: 371px; margin-bottom: 13px;}
.map iframe{width: 100%; height: 371px;}

.footermenu{float: left; width: 100%; margin-top: -40px;}
.footermenu ul{float: left; width: 100%; list-style: none;margin-left: 0;padding-left: 0;}
.footermenu ul li{float: left;}
.footermenu ul li a{color:rgba(255, 255, 255, 0.8);font-size: 18px; font-family: Arial, sans-serif; font-weight: bold;}
.footermenu ul li a:hover{color:rgba(255, 255, 255, 1);}
.dgi-footer-container{display: none;}
.footerbg .slider {display: none;}

.not-active {
   pointer-events: none;
   cursor: default;
}

input, button, select, textarea {max-width: 100%; }

.footerlogo {float: left; width: 100%; height: 200px; margin-top: 200px;}
.footerlogo a {text-indent: -9999px; outline: none; height: 200px; width: 100%; display: block; float: left;}

/* ----------------------------- Formular ------------------------------ */
#content .wpcf7-textarea,
#content .wpcf7-captchar,
#content .wpcf7-text { max-width: 100%; width: 600px; }
#content .wpcf7-submit { background: #005186; width: 600px; max-width: 100%; min-height: 46px; color: rgba(256, 256, 256, 0.8); font-size:14px; font-weight: bold; border: 0; text-transform: uppercase;}
#content .wpcf7-submit:hover {color: #fff;}

/* ----------------------------- DESKTOP-ANSICHT ------------------------------ */
@media (min-width: 1151px) {
.container {width: 1140px !important;}
.slider-navi {top: 440px;}
.to-top {display: none; width: 280px; height: 140px; background: url("../images/pfeil_nach_oben.png") center top no-repeat; position: fixed; bottom: 0; z-index: 1; cursor: pointer;}
}

/* ------------------------------- TABLET-ANSICHT -------------------------------- */
@media (min-width: 768px) and (max-width: 1150px){
.container {width: 750px !important;}

.headerleiste {padding-left: 130px;background-position: 23% 2px !important;}
.headerleiste ul li:nth-of-type(4) {padding-left: 100px; background-position: 24% center;}
.headerleiste ul li {margin: 4px 0 !important;}
.slider{background: url('../images/headerbild.jpg') center top no-repeat; height: 200px; margin-bottom: 120px; min-height: 100px !important; background-size: cover !important; position: relative;}
.slider-navi {width: 100%; bottom: -120px; margin-bottom: 0px;}
.slider-navi ul {padding: 10px 0 10px 20px !important; width: 100%;}
.slider-navi ul li {line-height: 22px; padding: 6px 30px; width: 100%;}
#content {padding: 20px 40px;}

.footer_kontakt {padding: 0px !important;}
.footer_sidebar {height: 100%;}
.footer_zeiten{min-height: 70px !important; width: 100%; padding: 0px !important;}

.map iframe{width: 100%!important;}

.footermenu {margin-top: 25px;margin-bottom: 30px;}

.main_nav ul {padding-right: 15px !important;}
.main_navi ul li a {font-size: 15px;}

}

/*  -------------------------------- SMARTPHONE-ANSICHT ----------------------------  */
@media (max-width: 767px) {
 .container {width: 100% !important;}

.fixed-sidebar{position: relative !important;float: left;width: 100%;padding-bottom: 0px;min-height: 130px;}

.logo{float: left; padding:0;margin-bottom: 20px; min-height: 5px;width: 100%;}
.logo a{float: left; width: 100%;min-height: 50px;background: url('../images/logo_smart.png') center 10px no-repeat; text-indent: -9999px; outline: none;display: block;}

/*.slogan{float: left; width: 100%; min-height: 57px; background-color: #A6A8A9; background-image: url('../images/claim.png');
		background-position: center center; background-repeat: no-repeat; box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.35);}*/
.slogan-container {display: none;}
.dgi-container{display: none;}


.main_navi{float: left; width: 100%; min-height: 40px; padding: 2px 10px 2px 10px !important; margin: 0px !important;}
.main_navi ul {padding: 20px 10px 0 10px !important; height: auto !important;}
.main_navi ul li:hover a{color:fff; text-decoration: underline;}
.main_navi ul li:nth-of-type(7),
.main_navi ul li:nth-of-type(9),
.main_navi ul li:nth-of-type(10) {height: auto !important; background: transparent url("../images/icon_hp.png") no-repeat scroll 0px 1px;}
.main_navi ul li {height: auto !important; padding-top: 7px; padding-bottom: 7px; background-position: 0 center !important;}
.main_navi .navbar-default {background-color: #005186!important;border-color: none;}
.main_navi .navbar-toggle:focus{background-color: #005186!important;}
.main_navi .navbar-toggle:hover{background-color: #005186!important;}

.navbar-brand{float: left;height: 20px;padding: 0px 0px;line-height: 20px;width:52%;}
.navbar-toggle {position: relative; float: right;padding: 9px 10px;margin-right: 0; margin-top: 8px;margin-bottom: 8px;
    background-color: transparent;background-image: none;border-radius: 4px;}
.navbar.navbar-default{padding-top: 10px;margin-top: 0px;}

.navbar-brand {float: left; padding: 2px 0 2px 0px !important; font-weight: 400; color: #fff !important; display: block !important; height: 22px; width: 100%; display: flex; justify-content: center;}
.navbar-default .navbar-toggle {color: #fff; border: none !important; width: 100%; margin: 0px !important; float: right; padding: 15px 12px;}
.navbar-toggle .icon-bar {width: 36px; height: 5px; border-radius: 5px; background: #fff;}
.navbar-default .navbar-toggle .icon-bar {background: #fff;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:active, .navbar-default .navbar-toggle:focus {background: none;}

.dgi-partner{min-height: 50px;}
.dgi-bild{min-height: 55px;}
.dgi-slogan a{padding-top:20px;}
.dgi-footer-container{display: block;}

.headerleiste {padding: 20px !important; margin: 0px; background: none !important;}
.headerleiste ul {margin: 0px; padding: 0px; display: flex; justify-content: center; flex-wrap: wrap;}
.headerleiste ul li {padding: 0 20px !important;}
.menu-item-64 {width: 100%; margin-top: 10px; background-position: 10% center !important;}
.menu-item-64 a {float: left; width: 100%; text-align: center;}

.hauptteil .slider {display: none;}
.footerbg .slider {display: block;}

.slider {min-height: 60px;background:none;}
.slider-navi {float: left;position: relative !important; width: 100%; min-height: 40px; margin: 0px !important; padding: 2px 10px !important;}
.slider-navi ul{float: left; width: 100%; list-style: none; padding: 10px 0px;margin: 0;}
.slider-navi ul li {width: 100%; line-height: 22px; height: auto !important; padding: 7px 0 7px 30px;}
.slider-navi ul li a {width: 100%; padding: 5px 0px;}
.slider-navi ul li:hover a{color:fff; text-decoration: underline;}

.slider-navi .navbar-default {background-color: #A6A8A9!important;border-color: none;}
.slider-navi .navbar-toggle:focus{background-color: #A6A8A9!important;}
.slider-navi .navbar-toggle:hover{background-color: #A6A8A9!important;}

.hauptteil {padding-left: 0;}
#content {padding: 20px; min-height: 200px;}

.footer_sidebar{display: none;}
.footer_wrapper{padding: 20px;}
.footer_wrapper div {width: 100% !important;}

.footer_kontakt,
.footer_zeiten,
.footer_anfahrt{width: 100%; min-height: 20px; padding: 0px !important;}

.footer_kontakt span {margin: 5px 0 !important;}

.map {width: 100%;}
.map iframe{width: 100% !important;}

.footermenu {margin-top: 25px;margin-bottom: 30px;}

}

@media (max-width: 425px) {
.container {width: 100% !important;}

.kurz{float: left; width:100%;margin: 10px 0 0 0;}
.lang{float: left; width:100%;margin: 10px 0 20px 0;}

.map iframe{width: 75%;}
}


@media (max-width: 393px) {
.container {width: 100% !important;}

/* .headerleiste ul li{width: 100%;padding: 0px 40px 5px; border-right:none;} */
.headerleiste ul li:nth-of-type(3){margin-bottom: 15px;}
}

@media (max-width: 343px) {
.container {width: 100% !important;}

.map iframe{width:65%;}
}


@media (max-width: 302px) {
.container {width: 100% !important;}

.dgi-slogan a {padding: 13px 0 13px 0;}
}








/*Font definitions
============================================================== */
#content {font-family: 'Arial', sans-serif;font-size: 14px;color:#4E4E4E;}
	
h1, h1 a {font-family: 'Arial', sans-serif;font-size: 26px;color:#4E4E4E;font-weight: bold;}
h2, h2 a {font-family: 'Arial', sans-serif;font-size: 22px;color:#4E4E4E;font-weight: bold;}
h3, h3 a {font-family: 'Arial', sans-serif;font-size: 18px !important;color:#4E4E4E;font-weight: bold;}
h4, h4 a {font-family: 'Arial', sans-serif;font-size: 14px;color:#4E4E4E;font-weight: bold;}

p {margin:0 0 10px 0;}
#content a {font-family: 'Arial', sans-serif;font-size: 14px;/*color:#4E4E4E;*/}
#content a:hover {color:#4E4E4E;}
a {font-family: 'Arial', sans-serif;font-size: 14px;color:#005286;text-decoration: underline;}
a:hover {color:#4E4E4E;text-decoration: underline;}