/* ============================================================================================== 
This copyright notice must be kept untouched in the stylesheet at all times.
The original version of this stylesheet and the associated (x)html 
is available at http://www.script-tutorials.com/bootstrap-one-page-template-with-parallax-effect/
Copyright (c) Script Tutorials. All rights reserved.
This stylesheet and the associated (x)html may be modified in any way to fit your requirements.
================================================================================================= */
/*

Farben:
Hintergrund hell     #F3F3F2
Hintergrund mittel   #E6E6E4
Hintergrund dunkel   #FECC00
Links                #FECC00
Menü hover/aktiv     #FECC00 



Google Webfont Nunito Sans
/* nunito-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/nunito-sans/nunito-sans-v18-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/nunito-sans/nunito-sans-v18-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* nunito-sans-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Nunito Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/nunito-sans/nunito-sans-v18-latin-italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/nunito-sans/nunito-sans-v18-latin-italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* nunito-sans-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/nunito-sans/nunito-sans-v18-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/nunito-sans/nunito-sans-v18-latin-700.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* nunito-sans-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Nunito Sans';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/nunito-sans/nunito-sans-v18-latin-700italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/nunito-sans/nunito-sans-v18-latin-700italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}



/* general styles */
html, body {
	height: 100%;
	width: 100%;
}

body {
	font-family: 'Nunito Sans',Helvetica,Arial,sans-serif;
	font-style: normal;
  	font-weight: 400;
	font-size: 14px;
	font-size: 1.4rem;
	letter-spacing: 0.02rem;
	line-height: 1.6;
	color: #333;
	background-color: #fff;
	overflow-x: hidden;
}
h1, h2, h3, h4, h5, h6,
.navbar-nav > li > a {
	font-weight: 700;
}

p {
	margin: 0 0 1.5rem;
}


h2, h3, h4 {
	font-size: 16px;
	font-size: 1.6rem;
	color: #474747;
	margin-top: 3rem;
	margin-bottom: 1rem;
}
a{
	color: #333;
	text-decoration: underline;
	outline: 0;
}
a:hover,
a:focus,
a:active,
a.active,
a.quicklinks:hover{
	outline: 0;
	color: #FECC00;
}

ul, ol {
	padding-left: 0;
	margin-bottom: 1.5rem;
	margin-left: -20px;
}
li {
    list-style: none;
    position: relative;
    padding-left: 2rem;
}

li::before {
    content: "//";
    position: absolute;
    left: 0;
    font-weight: 600;
}
nav li::before{
    content: "";
}

.quicklinks li::before{
    display: none;
}
img {
	height: auto;
	width: auto;
	max-width: 100%;
	display: block;
	margin-bottom: 1.5rem;
}



.navbar-default .nav li a,
a.quicklinks {
	font-family: 'Nunito Sans',Helvetica,Arial,sans-serif;
	font-style: normal;
	font-weight: 700;
	color: #474747;
	text-decoration: none;
	text-transform: uppercase;
}
.list-inline > li {
	display: inline-block;
	padding: 1rem .5rem;
}
.keinUmbruch {
	white-space: nowrap;
}
.highlight {
	font-weight: 700;
	color: #EDBF02;
}
.highlightBG {
	background-color: #FECC00;
}
.highlightBG2 {
	background-color: #FECC00;
	color: #fff;
}
.check {
	background-color: yellow;
}

/* padded section */
.pad-section {
	padding: 90px 0 50px;
}
.pad-section img {
	width: 100%;
}
.glyphicon {
	display: inline-block;
	color: #666;
	font-size: 25px;
	width: 50px;
	height: 50px;
	line-height: 43px;
	border: .3rem solid #666;
	border-radius: 50%;
	text-align: center;
	vertical-align: middle;
	margin-right: 3rem;
	margin-top: 3rem;
}
.glyphicon:hover {
	color: #FECC00;
	border-color: #FECC00;
}
.navbar-brand {
	height: auto;
	padding: 0;
}

/* vertical-centered text */
.text-vcenter {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
.text-vcenter h1 {
	font-size: 4.5em;
	margin: 0;
	padding: 0;
}

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

/* Sektions allgemein*/
.panel {
   border-color: #E6E6E4;
	border: none;
	padding: 2rem 0;
	background-color: transparent;
	box-shadow: none;
}
.panel-heading {
	padding: 0;
}
.panel-body {
	padding: 0;
}

.lead {
	font-weight: 700;
	font-size: 150%;
	line-height: 1.4;
	margin-bottom: 0;
}


#start,
#infoBlock,
#kontaktIntro,
#praxisIntro,
#ueberUnsIntro {
	position: relative;
	display: table;
	width: 100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.willkommen {
    padding-top: 70px;
}

#praxisIntro {
	background: url(../bilder/logos/praxisBaeuerle_bgLogo.png) no-repeat 110% 60% fixed; 
	background-color: #FECC00; 
	background-size: 44%;
}
#praxis {
	background-color: #F3F3F2;
}
#infoBlock {
	margin-top: -100px;
	margin-bottom: 200px;
}
#infoBlock .row {
	background: url(../bilder/logos/praxisBaeuerle_bgLogo.png) no-repeat 110% 60% fixed; 
	background-color: #FECC00; 
	background-size: 44%;
	padding: 50px 0;
}
.pad-section img:first-of-type {
	margin-top: 1.5rem;
}
#ueberUnsIntro {
	background: url(../bilder/logos/praxisBaeuerle_bgLogo.png) no-repeat 15% 60% fixed;
	background-color: #FECC00;
	background-size: 35%;
}
#ueberUnsIntro p {
 	text-align: right;
}

#kontaktIntro {
	background: url(../bilder/praxisBaeuerle_Praxis.jpg) no-repeat 100% top fixed;
	background-color: #FECC00;
	background-size: cover;
}
#kontaktIntro .panel {
	background-color: #FFFFFF;
	border: 1px solid transparent;
	border-radius: 0;
	opacity: 0.7;
	padding: 2.5rem 1.5rem 0 2.5rem;
}
#kontakt {
 	background-color: #FFFFFF;
}
#kontaktInfo {
 	background-color: #E6E6E4;
}
#kontakt.pad-section {
    padding-bottom: 60px;
}
#drdsgvo_map {
    height: 400px;
}

#kontaktInfo.pad-section {
    padding: 60px 0 40px;
}
.kontaktLinks {
    padding-top: 1rem;
}

#line {
	background-color: #FECC00;
	padding-top: 8px;
}
#footerLinks {
	background-color: #E6E6E4;
	padding: 2rem 0;
}


#corona,
#impressum,
#copyright,
#datenschutz {
	background: url(../bilder/logos/praxisBaeuerle_bgLogo.png) no-repeat -30px 30% fixed; 
	background-color: #fff;
	height: 100%;
}

.maps.allowInfoWrap {
	background: url(../bilder/praxisBaeuerle_Lageplan.jpg) no-repeat center; 
	background-color: #fff;
	min-height: 450px;
}
.maps.allowInfo {
	margin-top: 100px;
	padding: 10px 0 20px;
	background-color: rgba(240,240,240,.75);
}

.navigation {
	background-color: #F3F3F2;
}
.navbar-default {
	background-color: #FECC00;
	border: none;
	padding-top: 8px;
}
.navbar-default .navbar-brand {
	width: 75%;
	margin: 22px 0 0 -4px;
	background-image: url(../bilder/logos/praxisBaeuerle_Bildmarke_hover.png);
	background-size: 100%;
	background-repeat: no-repeat;
}
.navbar-default .navbar-brand img:hover{
    opacity: 0;
}

.navbar-default .navbar-toggle {
    border: none;
}
.navbar-default .navbar-toggle .icon-bar {
	background-color: #FECC00;
}
.navbar-toggle .icon-bar {
	width: 40px;
	height: 4px;
	border-radius: 0;
}
.navbar-toggle .icon-bar + .icon-bar {
    margin-top: 5px;
}
.navbar-default .navbar-toggle:focus {
    background-color: #F3F3F2;
}
.navbar-default .navbar-toggle:hover {
    background-color: #E6E6E4;
}

.navbar-default .navbar-nav > .active > a{
    color: #FECC00;
    background-color: transparent;
}
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    color: #FECC00;
    background-color: transparent;
    cursor: auto;
}
.nav > li,
.quicklinks > li {
	background: none;
}

.navbar-fixed-top {
	top: 0px;
}
.navbar-fixed-top.navbar-shrink {
	top: 0px;
}

.btn:focus,
.btn:active,
.btn.active,
.btn:active:focus {
	outline:0;
}

.btn-xl{
	font-weight: 700;
	color: #444;
	background-color: #FECC00;
	border-color: #FECC00;
	font-size: 16px;
	padding: 5px 10px;
	text-decoration: none;
}
.btn-xl:hover,
.btn-xl:active,
.btn-xl.active,
.open .dropdown-toggle.btn-xl {
	color: #fff;
	background-color: #FECC00;
	border-color: #FECC00;
}
.btn-xl:active,.btn-xl.active,.open .dropdown-toggle.btn-xl{
	background-image: none;
}
.btn-xl.disabled,.btn-xl[disabled],
fieldset[disabled] .btn-xl,
.btn-xl.disabled:hover,
.btn-xl[disabled]:hover,
fieldset[disabled] .btn-xl:hover,
.btn-xl.disabled:focus,
.btn-xl[disabled]:focus,
fieldset[disabled] .btn-xl:focus,
.btn-xl.disabled:active,
.btn-xl[disabled]:active,
fieldset[disabled] .btn-xl:active,
.btn-xl.disabled.active,
.btn-xl[disabled].active,
fieldset[disabled] .btn-xl.active{
	background-color: #FECC00;
	border-color: #FECC00;
}

.modal-body {
    padding: 20px;
}
.service-modal .modal-content {
	border-radius:0;
	background-color: transparent;
	background-clip:border-box;
	-webkit-box-shadow:none;
	box-shadow:none;
	border:0;
	min-height:100%;
	padding:50px 0;
}
.service-modal .modal-body {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .65);
}
.service-modal .close-modal {
	position:absolute;
	width:75px;
	height:75px;
	background-color:transparent;
	top: 25px;
	right: -25px;
	cursor:pointer
}
.service-modal .close-modal:hover {
	opacity:.5
}
.service-modal .close-modal .lr {
	height:40px;
	width:2px;
	background-color:#555;
	transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	z-index:1051
}
.service-modal .close-modal .lr .rl {
	height:40px;
	width:2px;
	background-color:#555;
	transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	-webkit-transform:rotate(90deg);
	z-index:1052
}
.service-modal .modal-backdrop {
	opacity:0;
	display:none
}
.service-modal ul {
	margin-left:20px
}
.service-modal .btn {
	margin-top:35px
}

@media (max-width:420px) {
    #infoBlock.pad-section {
		padding: 120px 0;
	}
}

@media (min-width:420px) {
    .nav > li {
	  	margin: 15px 40px;
    }
	.navbar-default .navbar-brand {
		max-width: 350px;
		margin: 18px 0 0 5px;
	}
	.panel {
		padding: 3.5rem 0;
	}
	#infoBlock.pad-section {
		padding: 120px 0;
	}
}


@media (min-width:460px) {
    .btn-xl{
	    font-size: 18px;
	    padding: 10px 20px;
    }

}



@media (min-width:500px) {

	body {
		font-size: 15px;
		font-size: 1.5rem;
	}
	h2, h3, h4 {
		font-size: 17px;
		font-size: 1.7rem;
	}

	#kontaktIntro .panel {
		padding: 3rem 3rem 0 4rem;
	}
	.pad-section {
	  padding: 120px 0;
	}
	#start.pad-section {
		padding: 150px 0;
	}
	#infoBlock.pad-section {
		padding: 150px 0;
	}
	.glyphicon {
		font-size: 32px;
		width: 55px;
		height: 55px;
		line-height: 49px;
	}

}



@media (max-width:767px) {
	
    .container > .navbar-header {
	  	margin-right: 0;
	  	margin-left: 0;
    }
    .navbar-toggle {
	  	padding: 9px;
	  	margin-right: 0;
	  	margin-bottom: 0;
    }
    .nav > li {
	  	margin: 8px 8.333333%;
		padding: 0;
    }
    .navbar-nav {
	  	margin: -15px -15px 10px;
    }
    .navbar-default .navbar-collapse {
	  	margin-bottom: 3px;
	  	padding-top: 20px;
    }    
    .navbar-default .navbar-nav a{
	  	font-size: 130%;
    }

}


@media (min-width:768px) {

	.navbar-default {
		padding-top: 20px;
		-webkit-transition:padding .3s;
		-moz-transition:padding .3s;
		transition:padding .3s;
		border:0
	}
	.navbar-default .navbar-brand {
		margin: 20px 0 0 5px;
		width: 100%;
	}
	.navbar > .container .navbar-brand,
	.navbar > .container-fluid .navbar-brand {
		 margin: 23px 0 0 6px;
	}
	.nav > li > a {
		padding: 15px;
	}
	.navigation ul {
		margin-top: 20px;
	}
	.nav > li {
		margin: 0;
		padding: 0;
	}
	.panel {
		padding: 5rem 0;
	}
	#kontaktIntro .panel {
		padding: 4rem 5rem 2rem;
	}
	.lead {
		font-size: 180%;
	}
	
	#start.pad-section {
		padding: 180px 0;
	}
	#infoBlock.pad-section {
		padding: 210px 0;
	}
	#kontaktInfo.pad-section {
		padding: 60px 0 50px;
	}
	#line {
		 background-color: #FECC00;
		 padding-top: 20px;
	}
	.copyright {
		display: block;
		padding-top: 1rem;
	}
	
	.service-modal .modal-content {
		padding: 80px 0;
	}
	.service-modal .close-modal {
		top:50px;
		right: 10px;
	}
}

@media (min-width:912px) {
	body {
		font-size: 16px;
		font-size: 1.6rem;
	}
	h2, h3, h4 {
		font-size: 18px;
		font-size: 1.8rem;
	}

    .navbar > .container .navbar-brand,
    .navbar > .container-fluid .navbar-brand {
	    margin: 24px 0 0 8px;
    }

    .service-modal .close-modal .lr,
    .service-modal .close-modal .lr .rl {
	    height:50px;
    }
	#drdsgvo_map {
		height: 600px;
	}
}


@media (min-width:912px) and (max-width:1199px) {
    .container {
	  width: 890px;
    }
}



@media (min-width:1200px) {
    .navbar-default {
		padding-top: 25px;
    }
    .navbar > .container .navbar-brand,
    .navbar > .container-fluid .navbar-brand {
	    margin: 19px 0 0 11px;
    }

	#start.pad-section {
		padding: 200px 0;
	}
	
	#infoBlock.pad-section {
		padding: 200px 0;
	}
	
	#kontaktInfo.pad-section {
		padding: 60px 0;
	}
	.spezial {
		margin-left: -6rem;
	}
    
	.service-modal .close-modal .lr,
	.service-modal .close-modal .lr .rl {
		height:60px;
	}    
	
	.glyphicon {
		font-size: 37px;
		width: 60px;
		height: 60px;
		line-height: 55px;
		margin-top: 4rem;
		margin-right: 4rem
	}
}


::-moz-selection {
	text-shadow:none;
	background-color:#FECC00;
}
::selection {
	text-shadow:none;
	background-color:#FECC00;
}
img::selection {
	background:0 0;
}
img::-moz-selection {
	background:0 0;
}
body {
	webkit-tap-highlight-color:#FECC00
}


/* wegen Fehler bei ipad mit Hintergrundbildern und background-attachment: fixed*/
.ipad #start,
.ipad #infoBlock,
.ipad #praxisIntro,
.ipad #ueberUnsIntro,
.ipad #kontaktIntro {
  	background-attachment: scroll;
}