/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 14-Nov-2015, 14:47:22
    Author     : x-ray
    last change : 26-04-2018
*/
* {
    margin: 0px;
    padding:0px;
    box-sizing: border-box;
}
*:before,
*:after {
  box-sizing: border-box;
}
#mobile_nav {
    display:none;
}
html {
    height: 100%;
}
body {
    height: 100%;
    margin: 0;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-color: grey;
    background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #A8A8A8),
	color-stop(1, #FFFFFF)
    );
    background-image: -o-linear-gradient(bottom, #A8A8A8, #FFFFFF 0% 100%);
    background-image: -moz-linear-gradient(bottom, #A8A8A8, #FFFFFF 0% 100%);
    background-image: -webkit-linear-gradient(bottom, #A8A8A8, #FFFFFF 0% 100%);
    background-image: -ms-linear-gradient(bottom, #A8A8A8, #FFFFFF 0% 100%);
    background-image: linear-gradient(to bottom, #A8A8A8, #FFFFFF 0% 100%);
    font-family: Arial,'Courier New','League Gothic';
}
#header_content {
    height:155px;
    width:100%;
    /*
    background-image: url("../img/logo.png");
    background-size: auto;
    background-repeat: no-repeat;
    background-position: center;
    background-position: bottom;
    */
}
#navbar_content {
    background-color: #ac6b24;
    height:auto;
    width:100%;
    min-height:1em;
    text-transform: uppercase;
    padding-top:0.5em;
    //border-top-left-radius: 10px;
    //border-top-right-radius: 10px;
}
.nav ul {
  list-style: none;
  background-color: #ac6b24;
  text-align: center;
  padding: 0;
  margin: 0;
}
.nav a {
  text-decoration: none;
  color: #fff;
  display: block;
  transition: .3s;
  padding:1em 0.5em 0em 0.5em;
  border-bottom:0.5em solid #ac6b24;
}
.nav a:hover,#active_nav {
    //color:#4b575e;
    //text-shadow: 2px 7px 7px rgba(0, 0, 0, 0.46);
}
 .nav li {
    display: inline-block;
}

.nav_spacer {
    color:white;
    font-weight: bolder;
}
.triangle {
    float:left;
    position:relative;
    left:50%;
    display:block;
    transition: .3s;
}
.triangle-4 {
    width: 20px;
    height: 0px;
    border-bottom: solid 10px #ac6b24;
    border-left: solid 10px transparent;
    border-right: solid 10px transparent;
}
.nav a:hover+.triangle {
    border-bottom: solid 10px white;
}
#active_nav+.triangle {
    border-bottom: solid 10px #4b575e;
}
#footer,#main,#navbar,#header {
    height:auto;
    width:70%;
    margin: auto;
    padding: 1em 1em 0.5em 1em;
    overflow: hidden;
    background-color: white;
    position: relative;
}
#footer {
    padding-bottom: 0;
    //border-bottom-left-radius: 10px;
    //border-bottom-right-radius: 10px;
}
#main {
    min-height: 25%;
    height:auto;
    margin-bottom:-3em;
}
#footer_content {
    /*
-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
*/
}
#navbar_content {
    /*
-webkit-box-shadow: 10px -10px 5px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 10px -10px 5px 0px rgba(0,0,0,0.5);
box-shadow: 10px -10px 5px 0px rgba(0,0,0,0.5);
*/
}
#footer_content {
    background-color: #4b575e;   
    border-top:10px solid #ac6b24;
    padding:1em;
    color:white;
    min-height:5em;
    height:10em;
    //border-bottom-left-radius: 10px;
    //border-bottom-right-radius: 10px;
    margin-top:0.5em;
}
#header_info {
    display: block;
    float:right;
    position: relative;
    right:0.3em;
    top:-0.7em;
}
.orange_letters {
    color:#ac6b24;
    font-weight: bold;
    padding-right:0;
    margin-left:0.4em;
}
#footer_1,#footer_2,#footer_3,#footer_4 {
    height:10em;
    display:inline-block;
    position: relative;
    float:left;
    width:calc(25% - 1.5em);
}
#footer_4 {
    width:calc(25% + 4.5em);
    left:-2em;
}
.footer_header {
    font-weight: bold;
    font-size:larger;
    text-decoration: underline;
    padding-bottom:0.5em;
}
ul.footer_list {
    list-style-type: none;
}
li.item {
    margin-left:0.0em;
}
#punchline_text,#punchline_text_dir {
    width:calc(100% - 475px);
    text-align: center;
    position:relative;
    top:2em;
    left: 470px;
    vertical-align: middle;
    font-size: xx-large;
    text-transform: uppercase;
    line-height: 1.5em;
    text-shadow: 7px 7px 6px rgba(0, 0, 0, 0.86);
}
#punchline_text_dir {
    text-transform: none;
    text-align: left;
    line-height: 1.3em;
    padding-left:0.5em;
    top:1em;
}
#welcome_text {
    text-align: center;
    vertical-align: middle;
    font-size: xx-large;
    text-transform: uppercase;
    text-shadow: 7px 7px 6px rgba(0, 0, 0, 0.86);
    background-repeat: no-repeat;
    background-position: left;
    background-size: contain;
    background-image: url("../img/wb_web_00_background.png");
}
.punchline {
    position: relative;
    top:-2em;
    height:344px;
    width:100%;
    background-color: #4b575e;
    text-align: center;
    vertical-align: middle;
    line-height: 10em;
    color: white;
    background-repeat: no-repeat;
    background-position: left;
    background-size: contain;
}
#pl_wb_web_10 {
    background-image: url("../img/wb_web_10_background.png");
}
#pl_wb_web_30 {
    background-image: url("../img/wb_web_30_background.png");
}
#pl_wb_web_40 {
    background-image: url("../img/wb_web_40_background.png");
}
#pl_wb_web_20 {
    background-image: url("../img/wb_web_20_background.png");
}
.mail_link {
    color:black;
    text-decoration: none;
    transition: .3s color;
}
.mail_link:hover {
    color:#4b575e;
    text-decoration: none;
}
.datasec_link a{
    color:black;
    text-decoration: none;
    transition: .3s color;
}
.datasec_link a:hover {
    color:#4b575e;
    text-decoration: none;
}
.datasec_link a:visited {
    color:#4b575e;
    text-decoration: none;
}
.footer_link {
    color:white;
    transition: 0.3s;
    text-decoration: none;
}
.footer_link:hover {
    color:#ac6b24;
}
footer_link:visited {
    color:white;
}
#main_left,#main_right,#main_mid {
    height:327px;
    width:327px;
    display:inline-block;
    position: relative;
    margin-left:5px;
    top:-3em;
    background-image: url("../img/mouseout.png");
}
#main_left:hover,#main_right:hover,#main_mid:hover {
    background-image: url("../img/mouseover.png");
}
#directions_2 {
    background-image: url("../img/Anfahrt-2.png");
    background-repeat: no-repeat;
    background-size: contain;
    width:473px;
    height:479px;
    float: left;
    position:relative;
    top:-479px;
    left:480px;
}
#directions_1 {
    background-image: url("../img/Anfahrt-1.png");
    background-repeat: no-repeat;
    background-size: contain;
    width:425px;
    height:479px;
}
#directions_1_2 {
    background-image: url("../img/Anfahrt-1_2.png");
    background-repeat: no-repeat;
    background-size: contain;
    width:905px;
    height:479px;
}
.main_link_desc {
    font-size: xx-large;
    position:relative;
    color:#4b575e;
    top:1.5em;
    left:1.5em;
    float:left;
}
.more_button {
    font-size: x-large;
    float:right;
    position:relative;
    top:265px;
    right:1em;
    color:#4b575e;
    text-align: left;
    padding:0.2em 2em 0.2em 0.2em;
    background-image: url("../img/arrow.png");
    background-position: right;
    background-repeat: no-repeat;  
}
#main_container {
    width:1010px;
    margin: auto;
}
.subsite_list {
    margin-top:2em; 
    list-style-type: square;
    color:#ac6b24;
    font-weight: bold;
    margin-left:2em;
    font-size: larger;
}
.subsite_list li {
    color:#4b575e;
    font-weight: normal;
    margin-left:2em;
}
.number {
    margin-top:2em; 
    list-style-type: decimal;
    color:#ac6b24;
    font-weight: bold;
    margin-left:2em;
    font-size: larger;
}
.number:hover {
    cursor: help;
}
li[id^='parent_list_']:after {
    content: attr(data-content) ' MEHR ANZEIGEN';
    color:grey;
    font-size:x-small;
}
li[id^='parent_less_list_']:after {
    content: attr(data-content) ' WENIGER ANZEIGEN';
    color:grey;
    font-size:x-small;
}
.square {
    color:#4b575e;
    font-weight: normal;
    margin-left:2em;
    list-style-type: square;
}
.subsite_header {
    font-size: xx-large;
    color:#4b575e;
    padding:1em;
    font-weight: bold;
    padding-bottom: 3em;
}
.subsite_more_button {
    font-size: x-large;
    position: relative;
    left:-2em;
    color:#4b575e;
    text-align: left;
    padding:0.2em 2em 0.2em 0.2em;
    background-image: url("../img/arrow.png");
    background-position: right;
    background-repeat: no-repeat;
}
.subsite_link {
    position:relative;
    text-decoration: none;
}
.space_spacer {
    padding:3em;
    height:auto;
    width:100;
    text-align: right;
}
hr {
    border: 0;
    height: 1px;
    background: #333;
    background-image: linear-gradient(to right, #ccc, #333, #ccc);
}
hr.dotted {
    border: 0;
    border-bottom: 1px dashed #ccc;
    background: #999;
}
.hidden {
    display:none;
}
.no_list_style {
    list-style-type: none;
    position:relative;
    left:-1.5em;
}
#google_link:visited,#google_link:hover,#google_link {
    color:#4b575e;
    text-decoration: underline;
    font-size:larger;
    font-weight:bold;
}
#google_link:before {
    content: url("../img/google_maps1.jpg");
    height:20px;
    width:auto;
}
#google_link:after {
    content: " (Google Maps)";
    font-weight:normal;
    font-size:smaller;
}
.section {
    color:#4b575e;
    font-size: larger;
    padding:1em;
}
.section_header {
    font-weight: bold;
    font-size: xx-large;
}
.section p {
    padding:1em;
}
.section ul {
    padding-left:2em;
}
.bold {
    font-weight: bold;
}
.impressum_head {
    color:#4b575e;
    list-style-type: square;
}
.impressum_head span {
    color:#ac6b24;
    font-weight: bold;
    font-size: larger;
}
.impressum_content {
    list-style-type: none;
}
#kontakt {
    color:#4b575e;
}
#kontakt form {
    width:30em;
    margin-left:2em;
}
#kontakt h1 {
    color: #ac6b24;
    margin-bottom:1em;
}
#contact_form {
    padding:0.5em;
}
#contact_form textarea {
    width:100%;
}
#contact_form input {
    margin-bottom:0.5em;
    padding:0.3em;
}
#contact_form input[type="button"] {
    color: #ac6b24;
    padding:0.3em;
}
#contact_form .required {
    font-weight: bold;
}
#align_right {
    text-align: right;
}
input[type="text"]:hover,input[type="email"]:hover,textarea:hover,input:focus,textarea {
        box-shadow: 0 1px 0 #2392F3 inset, 0 -1px 0 #2392F3 inset, 1px 0 0 #2392F3 inset, -1px 0 0 #2392F3 666, 0 0 4px rgba(35,146,243,0.5);
	border:1px solid #2392F3;
        border:1px solid #ac6b24;
	background:#E6E6E6;
        text-decoration: underline;
}
input[type="text"],input[type="email"],textarea {
	background: linear-gradient(bottom, #f7f7f8 0%,#ffffff 100%);
	font-family:Verdana, Geneva, sans-serif;
	background: -webkit-linear-gradient(bottom, #f7f7f8 0%,#ffffff 100%);
	background: -o-linear-gradient(bottom, #f7f7f8 0%,#ffffff 100%);
	background: -moz-linear-gradient(bottom, #f7f7f8 0%,#ffffff 100%);
	border:1px solid rgba(0,0,0,0.2);
	-webkit-box-shadow:  0 1px 2px rgba(0,0,0,0.2) inset, 0 -1px 0 rgba(0,0,0,0.5) inset;
        -moz-box-shadow:  0 1px 2px rgba(0,0,0,0.2) inset, 0 -1px 0 rgba(0,0,0,0.5) inset;
        -o-box-shadow:  0 1px 2px rgba(0,0,0,0.2) inset, 0 -1px 0 rgba(0,0,0,0.5) inset; 
        -ms-box-shadow:  0 1px 2px rgba(0,0,0,0.2) inset, 0 -1px 0 rgba(0,0,0,0.5) inset; 
        box-shadow: 0 1px 2px rgba(0,0,0,0.2) inset, 0 -1px 0 rgba(0,0,0,0.5) inset;
	-webkit-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	transition: all 0.2s linear;
	position: relative;
	padding:0.4em 2em;
        color: #2392F3;
}
input[class="empty_field"],textarea[class="empty_field"] {
    border:1px solid rgba(255,0,0,0.2);
    -webkit-box-shadow:  0 1px 2px rgba(255,0,0,0.2) inset, 0 -1px 0 rgba(255,0,0,0.5) inset;
    -moz-box-shadow:  0 1px 2px rgba(255,0,0,0.2) inset, 0 -1px 0 rgba(255,0,0,0.5) inset;
    -o-box-shadow:  0 1px 2px rgba(255,0,0,0.2) inset, 0 -1px 0 rgba(255,0,0,0.5) inset; 
    -ms-box-shadow:  0 1px 2px rgba(255,0,0,0.2) inset, 0 -1px 0 rgba(255,0,0,0.5) inset; 
    box-shadow: 0 1px 2px rgba(255,0,0,0.2) inset, 0 -1px 0 rgba(255,0,0,0.5) inset;
}
#impressum a {
    color:#ac6b24;
    text-decoration: none;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
#impressum a:hover {
    text-decoration: underline; 
}
.nav_spacer_top {
    position: relative;
    top:-1em;
}
.nav_spacer_bottom {
    position: relative;
    top:-0.5em;
}
input[class="empty_field"]::-webkit-input-placeholder,textarea[class="empty_field"]::-webkit-input-placeholder {
   color: red;
}
input[class="empty_field"]:-moz-placeholder,textarea[class="empty_field"]:-moz-placeholder { /* Firefox 18- */
   color: red;  
}
input[class="empty_field"]::-moz-placeholder,textarea[class="empty_field"]::-moz-placeholder {  /* Firefox 19+ */
   color: red;  
}
input[class="empty_field"]:-ms-input-placeholder,textarea[class="empty_field"]:-ms-input-placeholder {  
   color: red;  
}
.email_conf {
    padding:1em;
}
.main_link2 {
    display:block;
    height:100%;
    width:100;
}
.loading {
    background-image: url("../img/preloader_circle.gif");
    background-size: auto;
    background-repeat: no-repeat;
    background-position: center;
}
#preloader {
    float:left;
    position:relative;
    top:-35em;
    left:5em;
    display:none;
}
#contact_form_response {
    margin-top: 3em;
    left:1.5em;
    font-size: larger;
}
#wb_web_50_mail,#wb_web_50_mail:hover,#wb_web_50_mail:active,#wb_web_50_mail:visited {
    background-color:#ac6b24;
    color:white;
    font-size: larger;
    padding:0.3em;
    text-decoration: none;
}
#img_link {
    border:none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}