@charset "utf-8";

/* sacramento-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: 'Sacramento';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/sacramento-v13-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('../fonts/sacramento-v13-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/sacramento-v13-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/sacramento-v13-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/sacramento-v13-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/sacramento-v13-latin-regular.svg#Sacramento') format('svg'); /* Legacy iOS */
}


/* overpass-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: 'Overpass';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/overpass-v12-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('../fonts/overpass-v12-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/overpass-v12-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/overpass-v12-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/overpass-v12-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/overpass-v12-latin-regular.svg#Overpass') format('svg'); /* Legacy iOS */
}



/***	RESET	***/html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, q, small, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, nav, header, #wrapper, #tutti {
	border: 0;
	margin: 0;
	padding: 0;
}
article, aside, figure, figure img, figcaption, hgroup, footer, header, nav, section, video, object {
	display: block
}
* {box-sizing:border-box;}
html {font-size: 100%;}
body { font-size:1.1em;
  line-height:1.8em;
  text-align:center;
  font-family:'Overpass', sans-serif;
  font-weight:400;
	}
strong {font-weight:700;}

header {width:100%; height:180px; background:#787878;color:#fff;position:fixed; top:0; left:0; z-index:1999; border-bottom:30px solid #f7c300}

#logo img {margin-top:10px;margin-right:20px;float:left}
#logo p {float:left;text-align:left;}

nav {position:absolute;top:10px;margin-left:150px;z-index:2000;width:100%;}
#navMain {width:100%;margin:0 auto;}
#navMain li {list-style-type:none;font-size:0.9em; font-variant:small-caps; }
#navMain a {color:#fff;text-decoration: none;padding:5px 5px 2px 5px; border: 1px solid #787878;}
#navMain a:hover, #navMain a.active  {border:1px solid #fff;}

section {padding:10px 0 50px 0; background:#ccc;min-height: 60vh;width:100vh;
/*für neuen IE und edge*/
min-height: 60vmax;
/*hyphens:auto;*/
}
.privat{min-height: 40vh;width:100vh;
/*für neuen IE und edge*/
min-height: 40vmax;
/*hyphens:auto;*/
}

.boxHalb, .boxDrittel, .box2Drittel {padding-bottom:15px;}
.privat {width:100%;background:#fbfbfb; text-align:left;}

section#branding {/*min-height:500px!important;padding-top:150px;*/min-height:100px!important;padding-top:100px;hyphens:none;padding-bottom:10px;}
section .inside, .templateContent .inside, .privat .inside{ max-width:1020px; width:96%;margin:0 auto;text-align:left;/* background:#fff;*/padding:0;}
#branding .boxHalb-Slogan p {font-variant:small-caps;font-size:0.9em;line-height:1em; margin-bottom:15px}
.boxHalb-Slogan p:nth-child(2) {}


#impressum .inside, #datenschutz .inside{ max-width:860px; width:96%;margin:0 auto;text-align:left;/* background:#fff;*/padding:0;}
header .inside{ max-width:1020px; width:96%;margin:0 auto;padding:0;height:150px;}

#branding, #start, #angebot, #ueber-uns, #kontakt {/*min-height:420px; margin-bottom:300px;*/width:100%;margin-bottom:0;}
#branding {margin-top:0px;background:#fcbe1f; background:#ffcc00;background:#f7c300;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f7c300+0,f7c300+27,f4d76b+100 */
background: #f7c300; /* Old browsers */
background: -moz-linear-gradient(top, #f7c300 0%, #f7c300 27%, #f4d76b 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #f7c300 0%,#f7c300 27%,#f4d76b 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #f7c300 0%,#f7c300 27%,#f4d76b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7c300', endColorstr='#f4d76b',GradientType=0 );  IE6-9 */
}
#start {background-color:#f5f5f5;}
#angebot {background:#e6e6e6;}
#ueber-uns {background: #fbfbfb;}
/*#ueber-uns hr, */div.teaminfo hr  {height:6px;border-top:1px solid #f7c300;border-bottom:1px solid #f7c300;border-left:0; border-right:0;margin-top:50px}
div.teaminfo {width:99%;}
#kontakt, #impressum, #datenschutz {background:#505050; color:#eaeaea;font-weight:300;}
section#kontakt {min-height:auto!important;}

#branding .inside {margin-top:80px;}
#branding .boxHalb {/*background-image:url(../medien/fox-tail-header.075d5293f79a.png);background-image:url(../medien/wogen4.png); background-size:100% 100%; background-repeat:no-repeat*/}

footer {background:#333; min-height:100px; color:#e0e0e0;padding-top:20px;text-align:center}
footer a{color:#efefef;text-decoration:none; font-weight:300;}
#impressum footer, #datenschutz footer {background:#505050; }
#impressum footer .inside, #datenschutz footer .inside{padding-top:20px;border-top:1px dotted #fff; text-align:center;}
#impressum #content a, #datenschutz #content a  {color:#f7c300;font-weight:300;}



/* #################### */

body > #home{min-height:100%;height:auto;text-align: left;} /* das ist der wrapper*/
#home {/* = wrapper */
	position:relative;
	min-height: 100%;
	height: auto !important;
	width:100%;
	 margin:0 auto 0 auto;
	 text-align:left;
	 background:#333;
	/**/font-size:1.22em;
}
#impressum, .privat {font-size:1.22em;}

/* ################## Strukturen ########################## */

h1, h2, h3   { font-size: 2.2em;
	margin:40px 0;
	padding: 20px 5px;
	font-variant:small-caps;
	text-align:center;
	font-weight:300;
	border-bottom:2px solid #f7c300;
	line-height:1.2em;
	}
	h2 {font-size:1.4em;border-bottom: 0; margin:40px 0 10px 0;font-weight:bold}
	h3 {font-size:1.2em;border-bottom: 0; margin:40px 0 10px 0;font-weight:bold}
	

p {margin-bottom:20px;}
#branding p {margin-bottom:10px;}
#kontakt p {padding-bottom:15px;margin-top:15px; border-bottom:1px dotted #efefef;}
ol, ul {margin-left:1em;margin-bottom:20px;list-style-position:outside;}

.kleiner {font-size:smaller;}
.schmaler {letter-spacing:-0.02em;}


/*.wochentag {width:2.5em; float:left;}
.uhrzeit {font-size:0.9em;}*/


/* ############ tabelle sprechzeiten ####### */
.sprechzeiten {margin:0;width:100%; border-spacing:0; border-collapse:collapse;}
.sprechzeiten tr {border-bottom:1px dotted #efefef;}
.sprechzeiten td{padding:0; border:0;vertical-align:top!important;height:auto!important; font-size:0.9em;font-family: 'Roboto', sans-serif;}
td.wochentag {font-weight:normal;width:55px;font-size:1em;font-family:'Overpass', sans-serif;}
td p {margin:0; padding:0 !important;border-bottom:0!important} 


/* ############## Zitat #########*/

.zitat {font-family: 'Sacramento', cursive;font-size:1.5em;line-height:1.15em;
/*background-image:url(../images/welleTest.png); background-size:100% 100%;background-repeat:no-repeat;*/}
.zitat p {/*margin:0 1.5em 0 1.5em;*/}
.zitat p:nth-child(2) {font-family:'Overpass', sans-serif; font-size:0.35em;margin-top:5em;padding-top:10px;text-align:right; padding-bottom:2em;padding-right:3.2em;/**/background-image:url(../medien/hg-zitat.png); background-size:100% 100%;background-repeat:no-repeat;}

.zitat blockquote {
border:none;
margin-bottom:-2em;
}

.zitat blockquote p:before { 
font-family:Georgia, "Times New Roman", Times, serif;
    /*content: open-quote;*/
	content:"\201C";
    font-weight: bold;
    font-size:1.5em;
	color:#333;

} 
.zitat blockquote p:after {
	font-family:Georgia, "Times New Roman", Times, serif; 
    content: "\201D";
    font-weight: bold;
     font-size:1.3em;
	 line-height:0.2em;
	 color:#333; 
}

/* #########################*/
#content a {color:#069; color:#004a8e;text-decoration:none;font-weight:700}
#content a:hover,#content a:focus {border-bottom:1px solid #004a8e}

#content footer a, #content #kontakt a{color:#f7c300;text-decoration:none;font-weight:300}
#content #kontakt a:hover,#content #kontakt a:focus, #content footer a:hover, #content footer a:focus, #impressum a:hover, #impressum a:focus  {border-bottom:1px solid #f7c300}

ul.download {text-decoration:none;list-style-type:none; margin-left:0;}
ul.download li {border-bottom:1px dotted #333;line-height:2em;}
ul.download a {text-decoration:none;}
ul.download a:before {content:url(../medien/pdf2.png)'\0020'}

.imgRounded {
	border-radius: 8%;
	/*box-shadow: none|h-shadow v-shadow blur spread color |inset|initial|inherit;*/
	}

.kreisImg {
	border-radius: 50%;
	/*box-shadow: none|h-shadow v-shadow blur spread color |inset|initial|inherit;*/
	box-shadow:1px -2px 1px #14435C ;
	box-shadow:2px 1px 4px #787878 ;
	}

.resp {position: relative;padding-bottom: 45%;padding-top: 15px;height: 0;overflow: hidden;}
.resp60 {position: relative;padding-bottom: 55%;padding-top: 30px;height: 0;overflow: hidden;}
.resp iframe, .resp object, .resp embed, .resp img, .resp60 img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

.resp img.map {object-fit:none; object-position: center center;}

.noFlex, h1, h2, h3 {width:100%;text-align:left;/*flex-wrap:wrap; */min-width:100%;float:none;display:block;clear:both; }

div.notiz {padding:80px 20px 20px;border-bottom-left-radius:20px; border-bottom-right-radius:20px;
/*background-image:url(../medien/zettel.png); background-size:cover;*/
 background-image: url(../medien/pin2-klein.png), url(../medien/zettel.png);
 /*background-position-x: center, 0px;
 background-position-y: 0, 30px;*/
 background-position: center 0, 0 30px;
 background-repeat: no-repeat;
   background-size: auto,  cover;
   color:#333;
   margin-bottom:20px;
}
#angebot div.notiz {background-image: url(../medien/pin2-klein.png), url(../medien/zettel-hell.png);}

 h1:before { 
  display: block; 
  content: " "; 
  margin-top:145px; 
  
  visibility: hidden; 
}
#start h1 {margin-top:-100px;}

/* ############# mediaqueries ################# */
@media only screen and (min-width: 600px){
#branding .boxHalb-Slogan p {font-size:1.1em;}
.zitat {font-size:1.7em;}
}

@media only screen and (min-width: 800px){
	header {height:150px}
	nav {top:80px;}
	#navMain li {list-style-type:none;font-size:1.2em; font-variant:small-caps;float:left; margin-right:15px; }
	#logo img {margin-top:30px;}
.imgL {width:300px;float:left;margin-right:20px;}	
.imgR {float:right;margin-left:50px;}
.absatzR {float:left;}	
.listeR {float:left;}	
section .inside {width:75%;}
.privat .inside {width:87%;}
}

@media only screen and (min-width: 1024px){
	section#branding {padding-top:150px;padding-bottom:50px;}
	#branding .boxHalb-Slogan p {font-size:1.4em;margin-bottom:50px;line-height:1.1em;}
	.zitat {font-family: 'Sacramento', cursive;font-size:1.9em;line-height:1.2em;}
	.zitat p:nth-child(2) {padding-right:2.2em;}
	/* ### flexboxen ###*/
	.flexibox{	
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19 */
	display: -ms-flexbox;      /* IE 10 */
	display: -webkit-flex;     /* Chrome neu*/
	display: flex;
	/*-js-display: flex;*/
	flex-direction: row;
	justify-content:space-between;
	-webkit-justify-content: space-between;
	align-items: stretch;
	-webkit-align-items: stretch;
	flex-wrap:wrap;
	flex-grow:0;
}
.box {width:99%;margin-bottom:30px;}
.boxHalb, .boxHalb-Slogan {width:45%;/*border-bottom:1px solid #FC0;*/}
.boxHalb-Slogan p {font-size:1.4em; font-variant:small-caps;}
.boxDrittel {width:30%;margin-bottom:30px;}
.box2Drittel {width:60%;margin-bottom:30px;}
#impressum .boxHalb h2, #impressum .boxDrittel h2, #impressum .box2Drittel h2 {margin-top:0;padding-top:0;}
.silbentrennung {hyphens:auto;}
	
	/*der Ankerversatz liegt bei der h1*/
h1:before { 
  display: block; 
  content: " "; 
  margin-top:155px; 
  visibility: hidden; 
}

#start h1 {margin-top:-100px;}
section .inside {width:96%;}
.privat .inside {width:100%;}
.privat h1 {margin-top:50px;}
}

@media only screen and (min-width: 1280px){
section .inside, header .inside, .privat .inside, .templateContent .inside{ max-width:1100px;}
}	
@media only screen and (min-width: 2400px){
section .inside, header .inside, .privat .inside, .templateContent .inside{ max-width:1240px;}
}	




/*========================== 
@media only screen and (max-device-width: 1024px) and (orientation: landscape) and (max-resolution: 1dppx){*/
	

	@media only screen and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-max-device-pixel-ratio: 1){
	#branding {height:500px;}
	#start h1 {padding-top:20px;}	
		/*h1 {display:none!important}*/
	h1 {flex-basis:100%;}
		section {padding:10px 0 50px 0; min-height:1000px!important;width:100%;}
	/**/section#kontakt {background:#333}
	.flexibox{display:block;}
	.boxHalb, .boxHalb-Slogan {float:left;}
	.boxHalb {margin-right:4%;}

.boxDrittel {float:left; margin-right:8%;}
.box2Drittel {float:left}

footer {clear:left;background:#505050;}
	
}
@media only screen and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-max-device-pixel-ratio: 1){
		section {padding:10px 0 50px 0; min-height:1000px!important;width:100%;}
}

.templateContent {background:#f8f8f8; padding-top:50px;
min-height: 45vh;
/*für neuen IE und edge*/
min-height: 45vmax;padding-bottom:50px}

.fehlermeldung {font-size:1.5em; line-height:1.2em; }
#maintenance { background:red;}

/* IE und Edge 
Abschnitt gelöscht
*/


@media (min-width: 800px) {
@supports (-ms-ime-align:auto) {/* EDGE */
   ul.textR li {
        list-style-position: inside; 
    }
	.schmaler {letter-spacing:-0.06em; }
}

@supports (-webkit-appearance:none) and (not (overflow:-webkit-marquee))
and (not (-ms-ime-align:auto)) and (not (-moz-appearance:none)) { /* google chrome 29+ */
	.schmaler {letter-spacing:-0.065em;}
}
}

/*@media screen and (-webkit-min-device-pixel-ratio: 0) {
	.schmaler {letter-spacing:-0.06em; }
}
*/