@media all{
*{margin:0;padding:0}
* html body *{overflow:visible;}


div:target{outline:0 none}
footer,header,hgroup,nav,section{display:block}
fieldset,img{display:block}
li{line-height:1.5em;margin-left:.8em}
table{border-collapse:collapse;border-spacing:0}

.ym-clearfix:before{content:"";display:table}
.ym-clearfix:after{clear:both;content:".";display:block;font-size:0;height:0;visibility:hidden}
.ym-skip:focus,.ym-skip:active{position:static;top:0;left:0}
.ym-skiplinks{position:absolute;top:0;left:-32768px;z-index:1000;width:100%;margin:0;padding:0;list-style-type:none}
.ym-skiplinks .ym-skip:focus,.ym-skiplinks .ym-skip:active{left:32768px;outline:0 none;position:absolute;width:100%}
}


@media screen,projection{
.ym-grid{display:table; width:100%; table-layout:fixed; list-style-type:none; padding-left:0; padding-right:0; margin-left:0; margin-right:0}
.ym-gl{float:left;margin:0}
.ym-gr{float:right;margin:0}
.ym-g10{width:10%}
.ym-g20{width:20%}
.ym-g25{width:25%}
.ym-g30{width:30%}
.ym-g33{width:33.333%}
.ym-g38{width:38.2%}
.ym-g40{width:40%}
.ym-g50{width:50%}
.ym-g60{width:60%}
.ym-g62{width:61.8%}
.ym-g66{width:66.666%}
.ym-g70{width:70%}
.ym-g75{width:75%}
.ym-g80{width:80%}
.ym-g90{width:90%}

.ym-gbox{padding:0 10px}
.ym-gbox-left{padding:0 10px 0 0; border: solid 0px #007299}
.ym-gbox-right{padding:0 0 0 10px; border: solid 0px #000}

.ym-innenbox-left{padding:0 100px 0 0; border: solid 0px #007299}
.ym-innenbox-right{padding:0 0 0 10px; border: solid 0px #000}

.ym-hbox-left{padding: 0}
.ym-hbox-right{padding: 0}


.ym-equalize{overflow:hidden}
.ym-equalize>.ym-gl,.ym-equalize>.ym-gr{display:table-cell;float:none;margin:0;vertical-align:top}
.ym-equalize>*>.ym-gbox,.ym-equalize>*>.ym-gbox-left,.ym-equalize>*>.ym-gbox-right{padding-bottom:10000px;margin-bottom:-10000px}
}


@media print{
.ym-grid>.ym-gl,.ym-grid>.ym-gr{overflow:visible;display:table}
.ym-print{position:static;left:0}.ym-noprint{display:none!important}
}

@media screen and (min-width:0){
.ym-form input,.ym-form input,.ym-form select{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
	width:70%;
	height:40px;
	}

}

@media all{

.ym-form .ym-fbox-text:before,.ym-form .ym-fbox-select:before,.ym-form .ym-fbox-check:before,.ym-form .ym-fbox-button:before{content:"";display:table}
.ym-form .ym-fbox-text:after,.ym-form .ym-fbox-select:after,.ym-form .ym-fbox-check:after,.ym-form .ym-fbox-button:after{clear:both;content:".";display:block;font-size:0;height:0;visibility:hidden}
.ym-columnar .ym-fbox-text label,.ym-columnar .ym-fbox-select label{display:inline;float:left;width:30%}
.ym-columnar .ym-fbox-select select,.ym-columnar .ym-fbox-text input,.ym-columnar .ym-fbox-text textarea{float:left;width:70%;}

.ym-form{font-size:1.5em; border:0px #fff solid;margin:1.5em 0 0 0;padding:0}
.ym-form label{color:#666;line-height:2.5em}
.ym-form div.ym-fbox-text,.ym-form div.ym-fbox-select,.ym-form div.ym-fbox-check,.ym-form div.ym-fbox-button{padding:.3em 1em;margin-bottom:.5em}
.ym-form .ym-fbox-text input,.ym-form .ym-fbox-text textarea,.ym-form .ym-fbox-select select{border:1px solid #ddd; padding-left: 5px; }
.ym-form input:valid,.ym-form textarea:valid{background-color:#fff}
.ym-form input:invalid,.ym-form textarea:invalid{background-color:#fdd}
.ym-form input.button {background: #007299; color: #fff; font-size:1.2em; line-height: 0.6em; padding: 5px 15px; margin: 20px 20px 20px 0; width: 150px}
}



@media all{
html *{font-size:101%;}
body{
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    color: #333;
    font-size:100%;
    background: #fff;
    text-rendering: optimizeLegibility;
    vertical-align: baseline;
   -webkit-text-size-adjust:100%;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 300;
	
	margin:0;
	letter-spacing:0.0em;
	text-transform: none;
	} 


h1 {
    color: #007299;
    font-family: 'Open Sans', sans-serif;
    font-size: 48px;
    font-size: 2.5em;
    font-weight: 300;
    line-height: 57.6px;
    text-rendering: optimizeLegibility;
	}
	
h2 {
    font-size:1.8em;
	line-height:120%;
	margin: 40px 0 15px 0;
	}
	
h3 {
    font-size:1.6em;
	line-height: 1.2em;
	margin: 40px 0 15px 0;
	}

h4 {font-size:1.3em;
	line-height: 1.125em;
	margin: 40px 0 15px 0;
	}

h5 {
    font-size:1.25em;
	line-height: 1.4857em;
	margin: 40px 0 15px 0;
	}

h6 {font-size:1em;
	line-height: 1.5em;
	margin: 40px 0 15px 0;
	}

p {font-size:1.1em; line-height:1.55em; margin:1.25em 0 0 0}
ul,ol,dl{font-size:1em; line-height:1.5em; margin:1.5em 0 0 1em}
ul{list-style-type:disc}
ol{list-style-type:decimal}
ul ul{list-style-type:circle;margin-top:0}
ol ol{list-style-type:lower-latin;margin-top:0}
ol ul{list-style-type:circle;margin-top:0}
li{font-size:1em;line-height:1.5em;margin-left:.8em}

    
a.inline { color: #fa7bf5; text-decoration: underline; }
a.inline:hover { color: #333; text-decoration: underline; }

strong,b{font-weight:bold}
small{font-size: 65%}
em,i{font-style:italic}
hr{color:#fff;background:transparent;margin:0 0 .75em 0;padding:0 0 .75em 0;border:0;border-bottom:1px #eee solid}

a{color:#444; background:transparent; text-decoration:none} 
a:hover,a:focus{color:#007299;text-decoration:none}
a:active{outline:0}

img,figure{margin:0}

.flexible{max-width:100%}
.flexible100{width:100%}
.bordered{margin-top:1.5em;border:2px #eee solid;border:2px rgba(255,255,255,1) solid;-webkit-box-shadow:0 0 3px rgba(0,0,0,.25);-moz-box-shadow:0 0 3px rgba(0,0,0,.25);box-shadow:0 0 3px rgba(0,0,0,.25)}



/* Generel: */
.tel > mark, mark.tel { background-color: transparent; color: #007299}
.tel { color: #007299 !Important; }
.tel-block { color: inherit !Important; }

/* TelefonNr. im Fleißtext oder alleinstehend */
.tel.link-mobile { display: none; }
.tel.link-web	 { display: inline-block; }
.tel.link-web.tel-block   { display: block; } 

.tel2 > mark, mark.tel2 { background-color: transparent; color: #fff}
.tel2 { color: #fff !Important; }

/* TelefonNr. im Fleißtext oder alleinstehend */
.tel2.link-mobile { display: none; }
.tel2.link-web	 { display: inline-block; }
.tel2.link-web.tel-block   { display: block; } 

}

@media screen and (max-width:1024px){
.tel.link-mobile                     { display: inline-block; }
.tel.link-mobile.tel-block   { display: block; }
.tel.link-web, .tel.link-web.tel-block     { display: none; } 

.tel2.link-mobile                     { display: inline-block; }
.tel2.link-mobile.tel-block   { display: block; }
.tel2.link-web, .tel2.link-web.tel-block     { display: none; } 

}






@media screen,projection{
body{overflow-y:scroll}
body>header,body>footer,body>nav,body>[id]{min-width:960px}
body>#intro{min-width:912px}

* html .ym-wrapper{width:1400px}
.ym-wrapper{text-align:left;margin:0 auto;max-width:1400px; border: solid 0px #000}
.ym-wbox{padding: 0 10px; margin:0 auto; max-width:1200px; position:relative; border: solid 0px #007299}


#hauptnavigation {display: none}



.display740 {display: none;}
.display960 {display: none;}

.display1024 {display: none;}
.displaynone1024 {display: block;}

.head-leiste {position: fixed; 
	top:0; 
	left; 0;
	z-index:100;
	width: 100%; 
	margin: 0; 
	padding: 0;
	background: #007299;
	border: solid 0px #000;
	-webkit-box-shadow: 0 3px 11px 2px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 3px 11px 2px rgba(0,0,0,0.3);
	box-shadow: 0 3px 11px 2px rgba(0,0,0,0.3);
	height: 80px
	}


header {border: solid 0px #000; min-height: 50px; margin: 80px 0 0 0}




.header-unter-zeile {background: #007299; color: #fff; font-size: 1.0em; padding: 5px 0; text-transform: uppercase;} 
.header-unter-zeile-960 {display: none;}

#main{padding: 50px 0}


.kontakt {border: solid 0px #007299; margin: 0; padding:0;}
.kontakt h2{margin: 0; padding: 0;}
.kontakt p {margin: 0; padding: 0;}

.impressum {}
.impressum p{margin: 0; padding: 0;}

.news {margin: 0 0 50px 0}
.news h2 {margin: 0; padding: 0}

.newseinzel {width: 90%; margin: 0 auto;}
.newszurueck {margin: 20px 0}

.newslink {color: #007299;  }

.beispiel-breite {width: 70%; margin: 0 auto}



.width_lage {width:100%; height:650px}
#map_canvas {width:100%; height:100%}


.sz-box {position: fixed; top:15px; left: 5%; z-index:101;  width: 240px; margin: 0; padding: 0;}
.sz-button {float: left;
	width: 50px;
	height: 50px;
	color: #ffffff;
	font-size: 2.3em;
	line-height: 50px;
	border-radius: 2px; 
	text-align: center;
	margin: 0 5px 0 5px;
	}
    .sz-button span:before { font-size: 40px; }
    .sz-button span:hover:before { font-size: 40px; color: #aaa; }
    .sz-button span.icon-phone:before { position: relative; top: 2px; font-size: 38px; }
    .sz-button span.icon-home:before { font-size: 45px; }
    
    
    
.aufz {min-height: 30px;
	margin: 20px 0 20px 25px;
	padding-left: 50px;
	background-image: url(../bilderpfad/buttons/zahn-aufz.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	}

.testimonial {padding: 0 0 15px 0}
.zitat-text {padding: 10px 0; color: #007299}
.zitat-name {font-style: italic;}
.zitat-dauer {font-size: 0.85em;}










table{width:100%;
	margin:0 10px;
	line-height:80%;}
	
thead th{
	text-align:left;
	font-size:1.8em;
	line-height:1.5em;
	padding-bottom:3px;
	font-weight:300;
	color:#007299;
	border-bottom:1px #000 solid;
	padding: 0 0 10px 0;
	}

tbody {text-align: left; border-top:0px solid #ccc; text-align:left}
tbody tr{line-height:40px; text-align:left; padding:0 15px 0 15px}
tbody td{line-height:40px; text-align:left;border-top:1px solid #eee;padding:0}

.kontakt-table {width: 80%; margin: 0 auto}

.damon-ergebnisse {margin-top:50px; margin-bottom:10px; border-top: 0px solid #84c929; border-bottom: 0px solid #84c929;  width:100%;}


footer {border: solid 0px #000; background: #fff; color: #fff}
footer h3 {color: #fff}
.ym-wrapper-footer {background: #007299; padding: 25px 0}
.ym-wbox-footer {max-width:1400px; margin:0 auto;padding: 0 10px; position:relative;}

.footer-zeile {max-width:1400px; margin:0 auto; padding: 20px 10px; color: #444}
.linkfuss-addi {}
.linkfuss-addi p{margin: 0; padding: 0;}



#nachoben {
        position: fixed;
        right: 4%;
        top: 85%;
	width: 55px;
	height: 55px;
	border-radius: 5px;
	background-color: rgba(0, 114, 153,.5);
    border: 1px solid rgba(255, 255, 255,.5);
        padding: 0;
        display:none;
        z-index:100000;
	}

#nachoben span.icon-up-open {
	font-size: 25px;
	color: #fff;
	line-height: 20px;
	position: relative;
	top:25%;
	left: 17%;
	}
	
	
	
	
}



@media screen and (min-width:0){
body>header,body>footer,body>nav,body>#intro,body>[id]{min-width:0}
.ym-wrapper{width:auto}
}


@media screen and (max-width:1024px){

.sz-box {left: 2%;}

header {border: solid 0px #000; min-height: 50px; margin: 80px 0 0 0}
header h1 {font-size: 2em; padding: 0}

.header-logo {margin: 15% auto 0 auto}
.header-unter-zeile {font-size: 1.0em; padding: 5px 0; text-transform: uppercase;} 

.display1024 {display: block;}
.displaynone1024 {display: none;}

}


@media screen and (max-width:960px){

.linearize-level-1,.linearize-level-1>[class*="ym-g"],.linearize-level-1>[class*="ym-col"]{display:block;float:none;margin-left:0;margin-right:0;width:100%!important;}
.linearize-level-1>[class*="ym-g"]>[class*="ym-gbox"],.linearize-level-1>[class*="ym-col"]>[class*="ym-cbox"]{overflow:hidden;padding:0}

.ym-innenbox-left{padding:0 10px 0 0}

.display960 {display: block;}
.displaynone960 {display: none;}

.mobileausblenden {display: none}
#hauptnavigation {display: block}

.head-leiste {position: absolute;}
.sz-box {position: absolute; top:15px; left: 35%; z-index:101;  width: 240px; margin: 0; padding: 0;}

header {margin: 100px 0 0 0}
header h1 {font-family: 'PT Sans Narrow', sans-serif; font-weight: bold; font-size: 3em; text-transform: uppercase; padding: 0 0 15px 0}
.header-logo {margin: 2% auto 0 auto}

.header-unter-zeile-960 {display: block;background: #007299; color: #fff; font-size: 1.0em; padding: 5px 0; text-transform: uppercase;}

.kontakt-table {width: 100%;}

.width_lage {width:90%; height:350px}
#map_canvas {width:100%; height:100%}

}

@media screen and (max-width:740px){

.displaynone740 {display: none}
.display740 {display: block;}


.aufz {margin: 20px 0 20px 0px;
	padding-left: 50px;
	}

.beispiel-breite {width: 100%; margin: 0}


 


}

@media screen and (max-width:650px){

.ym-form input,.ym-form input,.ym-form select{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box; width:100%; height:40px;}
.ym-columnar .ym-fbox-text label,.ym-columnar .ym-fbox-select label{display:inline;float:left;width:100%}
.ym-columnar .ym-fbox-select select,.ym-columnar .ym-fbox-text input,.ym-columnar .ym-fbox-text textarea{float:left;width:100%;}

}


@media screen and (max-width:550px){

.sz-box {left: 2%;}


.kontakt-table  table{width:100%;
	margin:0 10px;
	line-height:80%;}
	
.kontakt-table  thead th{
	font-size:1.5em;
	line-height:1.5em;
	padding-bottom:3px;
	font-weight:300;
	color:#007299;
	border-bottom:1px #000 solid;
	padding: 0 0 10px 0;}

.kontakt-table  tbody {text-align: left; border-top:1px solid #ccc; text-align:left}
.kontakt-table  tbody tr{line-height:40px; text-align:left;padding:0 15px 0 15px}
.kontakt-table  tbody td{font-size: 0.85em; line-height:40px; text-align:left;border-top:1px solid #eee;padding:0}

}

@media screen and (max-width:480px){

.displaynone480 {display:none}
.header-logo img {padding-top: 10px;}

h1 {
    font-size: 2em;
	}

}


@media screen and (max-width:430px){
.header-logo h1 {font-size: 2.5em}

}


@media screen and (max-width:340px){

.header-logo h1 {font-size: 2.3em}

.kontakt-table  tbody td{font-size: 0.75em; line-height:40px; text-align:left;border-top:1px solid #eee;padding:0}

}

@media all {
    #snetlink                       { margin: 0 1em; }
    #snetlink > ul           		{ /* text-align: center; */ list-style: none;padding: 0; margin: 0; }
    #snetlink > ul > li      		{ display: inline-block; padding: 0.5em; margin: 0 -1em; }
    #snetlink > ul > li > a  		{ float: none; margin: 0; } 
    
    #snetlink > ul > li > a > img.flexible 	{ max-width: 70%; }
    #damon-master-img { margin-left: 2em;}
    .no-text { display: none; }
}

@media screen and (max-width:480px) {
    #snetlink > ul > li      		{ display: inline-block; padding: 0.5em; margin: 0 -1em; }
    #snetlink > ul > li > a > img.flexible 	{ max-width: 60%; }
}

@media screen and (max-width: 390px) {
    #snetlink > ul > li      		{ display: inline-block; padding: 0.25em; margin: 0 -1em; }
    #snetlink > ul > li > a > img.flexible 	{ max-width: 50%; }
}






img.round { border-radius: 50%; }

aside.testimonial h1 { font-size: 1.4rem; line-height: 1.4;}


blockquote {
    font-family: Georgia, serif;
    font-style: italic;
    background: #f6f8f6;
    margin: 1.5em 10px;
    padding: 1em 10px;
    quotes: "\201C""\201C""\201C""\201C";
    border-radius: 12px;
	}
	
blockquote h3{
	margin: 0;
	padding:0;
	font-size: 1.2em;
	display: inline;
	position: relative;
	top: -5px;
	}

blockquote:before {
  color: rgba(8,211,214,1.0);
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
blockquote h3 {
        color: rgba(8,211,214,1.0);
    } 
blockquote p {
    font-family: Georgia, serif;
    font-style: italic;
    font-size: 0.9em;
}

blockquote p small {
	font-size: 0.8em;
	}

.testemonials .ym-gbox {
    border-left: 10px solid rgba(8,211,214,0.6);
    background: #f9f9f9;
    }
    
/*-----------------------------------------------------------------------------------*/
/*	Header
/*-----------------------------------------------------------------------------------*/

#header { padding: 0; text-align: center; }
#header h1 {
	font-size: 2.5em;
	letter-spacing: 0.5em;
	line-height:1.4;
	color: #29251F;
	word-wrap: break-word;
	font-weight:500;
	text-transform:uppercase;
	margin-top: 23%;
}
#header h1 .subtitle {
    font-size: 0.4em;
    letter-spacing:0.9em;
    font-weight: 300;
}

#header h1 a {
	color:#29251F;
}

@media screen and (max-width: 1460px) { #header h1 {font-size: 2em;} }
@media screen and (max-width: 1170px) { #header h1 {font-size: 1.64em;} }
@media screen and (max-width: 960px) { #header h1 {font-size: 2.5em; margin-top: 120px;  } }
@media screen and (max-width: 600px) { #header h1 {font-size: 2em; margin-top: 120px; } }
@media screen and (max-width: 480px) { #header h1 {font-size: 1.65em; margin-top: 120px; } }
@media screen and (max-width: 400px) { #header h1 {font-size: 1.45em; margin-top: 120px; } }


.ym-form input.button {
    color: #fff;
    font-size: 1.2em;
    line-height: 0.3em;
    padding: 5px 15px;
    margin: 20px 20px 20px 0;
    width: 150px;
    
    
    font-size: 16px;
    font-size: 1rem;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    cursor: pointer;
    padding: 25px;
    margin: 15px 30px 15px 0;
    border: none;
    -webkit-appearance: none;
    background-color: #007299;
    border-radius: 12px;
    -webkit-transition: all 0.18s ease-in-out;
    -moz-transition: all 0.18s ease-in-out;
    -o-transition: all 0.18s ease-in-out;
    transition: all 0.18s ease-in-out;
}



.ym-form input.button:hover {
    background-color: #333;
}