@charset "utf-8";

/*** Allgemein ***/

/* Allgemein */

html { -webkit-font-smoothing: antialiased; /* Verzerrte Schriften in Safari */ }
body {font-family: Lucida Grande,Lucida Sans Unicode,Lucida Sans,Geneva,Verdana, sans-serif; color:#222222;background: rgba(213,213,213,1);
background: -moz-linear-gradient(top, rgba(213,213,213,1) 0%, rgba(255,255,255,1) 26%, rgba(213,213,213,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(213,213,213,1)), color-stop(26%, rgba(255,255,255,1)), color-stop(100%, rgba(213,213,213,1)));
background: -webkit-linear-gradient(top, rgba(213,213,213,1) 0%, rgba(255,255,255,1) 26%, rgba(213,213,213,1) 100%);
background: -o-linear-gradient(top, rgba(213,213,213,1) 0%, rgba(255,255,255,1) 26%, rgba(213,213,213,1) 100%);
background: -ms-linear-gradient(top, rgba(213,213,213,1) 0%, rgba(255,255,255,1) 26%, rgba(213,213,213,1) 100%);
background: linear-gradient(to bottom, rgba(213,213,213,1) 0%, rgba(255,255,255,1) 26%, rgba(213,213,213,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5d5d5', endColorstr='#d5d5d5', GradientType=0 );background-attachment: fixed; margin:0;}

.row {margin-right: -15px; margin-left: -15px;}
.col-md-12 {width: 100%; float:left; position: relative; min-height: 1px;}

/*** Container ***/
.container-fluid-all{padding-left: 0px; padding-right: 0px; } 
.container-fluid {padding-left:0px !important; padding-right:0px !important;}
.container {width: 1170px; margin: 0 auto;}
.container {min-width: 50%; padding:0;}

/*** Nav ***/
.container-fluid-nav { height:175px; position:fixed; width:100%; z-index:10; background-color:#fff; -webkit-box-shadow: 0px 2px 6px #666666; -moz-box-shadow: 0px 2px 6px #666666; box-shadow: 0px 2px 6px #666666;}
.container-nav { height: 50px; z-index:150; position: relative; background-color: #ee7203; border-radius: 0 0 10px 10px; padding:0 30px; margin-top: -10px; -webkit-box-shadow: 0px 2px 6px #666666; -moz-box-shadow: 0px 2px 6px #666666; box-shadow: 0px 2px 6px #666666;}
.navbar-fixed-top {top:auto; z-index:130; position: fixed;}
.navbar-wrapper { margin-bottom:59px !important;}

/*** Header ***/
.container-fluid-header {position:relative; padding:0px 0px 5%;}
header {display: block;}
#header {position:relative; margin-top:-65px; padding: 0 3%; z-index:120;}
#header h1 { padding: 20px 0 0; left: -999em; position:absolute;}
#header span { padding: 0 20px 0; font-size: 16px; text-shadow: 1px 2px 2px #00bb00; left: -999em; position:absolute; }
#header .logo {height:auto; width:10%; min-width:120px; position:fixed; background-color:none; padding:1%; }
.img-responsive {display: block; max-width: 100%; height: auto;}

/*** Image Top ***/
#image_top {overflow:hidden; border-bottom:25px solid #dadada; margin-top:80px;}
.image_top .container-fluid-image {position:relative; max-height:797px; overflow:hidden; padding: 0; background-color: #dadada;}
.image_top .container-fluid-image img {width:100%;}
.image_top .container-fluid-image .no-padding {	padding:0; }
.image_top 	{max-height:797px; width:100%; overflow:hidden; }

/*** Content ***/
.container-content {padding:30px; position:relative; z-index:100; background-color:#fff; margin-top:-320px; margin-bottom:25px; border-radius:10px; -webkit-box-shadow: 0px 2px 6px #666666;  -moz-box-shadow: 0px 2px 6px #666666; box-shadow: 0px 2px 6px #666666;}
.container-fluid-leistungen{}
.container-leistungen{position:relative; z-index:100; display:flex;}

/*** Route ***/
.container-route, .container-kontaktform {padding:15px 25px 25px; width:calc(100%/2 - 12.5px); position:relative; z-index:100; background-color:#fff; margin-bottom:25px; border-radius:10px; -webkit-box-shadow: 0px 2px 6px #666666; -moz-box-shadow: 0px 2px 6px #666666; box-shadow: 0px 2px 6px #666666;}
.container-route {margin-right:12.5px;}
.container-kontaktform {margin-left:12.5px;}
.container_kontakt-route {background-color: #eee; padding: 20px; text-align: center; height: 620px;}
.container_kontakt-route h3 {margin-bottom:35px;}
.container_kontakt-route p {margin-bottom:25px;}
.google_maps iframe {width: 100%; height: 615px; border: none;}


/*** Form ***/
.red_error {color: #ff0000;}
input.red_error:focus {color: #999;}
form {margin-top:95px;}
#form_anker {position: relative; top: -400px;}
.your-name {width:100%; font-size: 14px;}
.your-message {width:100%;}
.input_text { width: calc(100% - 20px); padding: 5px 10px;  border: 1px solid #000; background-color: #fff; margin-bottom:15px;}
.input_textarea {width: calc(100% - 20px); padding: 5px 10px;  border: 1px solid #000; background-color: #fff; margin-bottom:15px; height:150px;}
.captcha {display: flex;}
.your_captcha_img {width: 25%; margin: 10px 0; background-color: #ffffff; text-align: center; vertical-align: middle; height: 41px; overflow: hidden;}
.your_captcha_txt {width:75%; margin:10px 0;}
.image_captcha { width: 95%;}
.input_captcha {width: calc(100% - 20px); padding: 5px 10px;  border: 1px solid #000; background-color: #fff; margin-bottom:15px;}
.link_privacy {width:calc(100% - 20px); margin:20px 10px; font-size:0.9em; }
#datenschutz_popup:hover {text-decoration: underline; }
.dsgvo {font-size: 0.85em; padding: 0 10px; text-align: justify;}
.message_success {width:calc(100% - 20px); margin:20px; font-size:1.2em;}

/*** Footer ***/
#footer_bottom {font-size: 0.9em; color:#747474; margin: 0; padding-top:35px; background-color:#fff; display: flex;}
.footer-right  {text-align:right; width: 50%; padding: 15px 25px; }
.footer-left   {text-align:left; width: 50%; padding: 15px 25px; }

/*** Text ***/
.subtitle {font-size:1.4em; color:#787878; padding-bottom:20px;}
.entry .subtitle {font-size: 1.2em;}
.small, small { font-size: 94%; }

hr { margin:50px 0; border:none; height:1px; background-color:#c5c5c5; } 
.footer_hr {height: 0px !important; background: transparent none repeat scroll 0% 0%; opacity: 0.4; margin-bottom: 10px; border-top: 5px dotted #FFF; }
.mobile_hr {display:none !important;}

/*** Headlines ***/
h1, h2, h3, h4, h5, h6 {font-family: Lucida Grande,Lucida Sans Unicode,Lucida Sans,Geneva,Verdana, sans-serif; color:#00bb00;word-wrap:break-word; }
h2 {font-size: 2.8em; padding: 0 0 20px; margin-top:0;}
h3 {font-size: 1.6em; padding: 20px 0px 15px; margin: 0; font-weight:bold;}
h4 {font-size: 1.4em; padding: 18px 0 10px; }
h5 {}
h6 {}

.gallery {width: calc(100% + 20px); margin-left: -10px; display: flex;flex-wrap: wrap;}
.gallery  .w30 {width: calc(100%/3 - 20px); height:auto; margin:25px 10px;}
/*** Links ***/
a, a:focus, a:visited {color:#ee7203; text-decoration:none; border: none; outline: none;}
a:hover, a:active {color:#9d9d9d; text-decoration:none; border: none;outline: none;}
a img, a img:hover, a img:focus, a img:active, a img:visited {border: none; outline: none;}
#footer_bottom a, #footer_bottom a:visited { color:#9d9d9d; text-decoration:none; outline: none;}
#footer_bottom a:hover, #footer_bottom a:focus, #footer_bottom a:active,  #footer_bottom a:visited { color:#000; text-decoration:underline; outline: none;}

/*** Buttons ***/

.btn-default:hover {background-color: #ccc !important; }
.btn-default {width: 100%; color: #333; background-color: #FFF; display: inline-block; padding: 6px 12px; margin: 15px 0 0 0; font-size: 14px; font-weight: 400; line-height: 1.42857; text-align: center; white-space: nowrap; vertical-align: middle; border: 1px solid #CCC; border-radius: 4px;}
.btn-route {width:70%; margin: 0 auto;}
.btn-default[disabled] {cursor: not-allowed;}

#cookie {position: fixed; z-index: 1001; width: 100%; background-color:rgba(0,0,0,0.8); color:#fff; padding:25px;}
#cookie p {float: left; padding: 0 25px 0 0;}
#cookie .btn-default {width: 15%; margin: 20px 0 0 0;}

@media screen and (max-width: 1600px){
#header {padding: 0 1%;} 	
}

@media screen and (max-width:1367px) and (max-device-width: 1367px){
#header .logo {position:fixed; top:0; left:9%; padding: 50px 10px 10px; background-color:#fff; border-radius: 10px;box-shadow: 0px 2px 4px 1px #999999; }	
}

@media screen and (max-width: 1025px) and (max-device-width: 1025px){
.container {width: 98%; margin: 0 auto;}
.container-content {margin-top:-180px; }
#image_top {margin-top:110px;}
.subtitle {font-size:1.3em;width: 80%; text-align: center; margin: 0 auto; padding-bottom: 0;}
h2 {font-size:2.2em;width: 80%; text-align: center;margin: 0 auto;}
h3 {width: 80%; text-align: center;margin: 0 auto;}	
#header .logo {width:8%; min-width: 100px; top:0; left:2%; }	 
#cookie {text-align: center; padding:25px 0;}
#cookie p {float: none; padding: 0; width: 90%; margin:0 auto;}
#cookie .btn-default {width: 35%; }
form {margin-top: 30px;}
.container_kontakt-route {height: 530px;}
.google_maps iframe {height: 530px; }
	

}

@media screen and (max-device-width: 769px) and (max-width: 769px){
.container-content {margin-top:-150px; }
#image_top {margin-top:130px;}
h2 {font-size:2.0em;width: 80%;}
h3 {width: 90%; }	
#header .logo {width:6%; min-width: 80px; }	
.your_captcha_img {margin: 0;}
#cookie .btn-default {width: 50%; }
.container-leistungen {display: block;width: 98%; margin: 0 auto;}
.container-route, .container-kontaktform {width: calc(100% - 50px); margin: 0 auto 25px; }
.container-route {margin-right:0;}
form {margin-top: 20px;}
.container-kontaktform {margin-left:0;}
.container_kontakt-route {height: 500px;}
.google_maps iframe {height: 500px;}
#footer_bottom {display: block;}
.footer-left p, .footer-right p {padding:0; margin: 0; line-height: 1em;}
.footer-left  {text-align:center; width: 100%; padding: 15px 0 5px; }
.footer-right   {text-align:center; width: 100%; padding: 20px 0 45px; font-size: 1.2em;}
}

@media screen and (max-device-width: 680px) and (max-width: 680px){
#header .logo {width:5%; min-width: 70px; padding: 40px 8px 8px; box-shadow: 0px 1px 3px 1px #999999;}	

}

@media screen and (max-device-width: 480px) and (max-width:480px){
.container-fluid-nav {height: 110px;}
.container-content {margin-top:-65px; }
#header .logo {width:5%; min-width: 60px; padding: 40px 8px 8px; }	
#cookie p {font-size:0.9em;}
#cookie .btn-default {width: 70%; }
.subtitle {font-size: 1.15em; width: 100%;}
h2 {font-size:1.6em;width: 100%;}
h3 {font-size:1.4em;width: 100%;}
.container_kontakt-route h3 {margin-bottom:15px;font-size:1.2em;}
.container_kontakt-route p {margin-bottom:10px;}
.container_kontakt-route {height: 550px;}
.google_maps iframe {width: 100%; height: 550px; border: none;}
.btn-route {width: 90%;}
	.gallery  .w30 {width: calc(100% - 20px); height:auto; margin:10px;}
}

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

  
}