/* ************* start site-css *********************** */
@font-face {font-family: 'Open Sans';font-style: normal;font-weight: 400;src: url('open-sans/open-sans-v13-latin_latin-ext-regular.eot'); src: local('Open Sans'), local('OpenSans'),url('open-sans/open-sans-v13-latin_latin-ext-regular.eot?#iefix') format('embedded-opentype'),url('open-sans/open-sans-v13-latin_latin-ext-regular.woff2') format('woff2'), url('open-sans/open-sans-v13-latin_latin-ext-regular.woff') format('woff'), url('open-sans/open-sans-v13-latin_latin-ext-regular.ttf') format('truetype'), url('open-sans/open-sans-v13-latin_latin-ext-regular.svg#OpenSans') format('svg');}
@font-face {font-family: 'Open Sans';font-style: italic;font-weight: 400;src: url('open-sans/open-sans-v13-latin_latin-ext-italic.eot'); src: local('Open Sans Italic'), local('OpenSans-Italic'),url('open-sans/open-sans-v13-latin_latin-ext-italic.eot?#iefix') format('embedded-opentype'),url('open-sans/open-sans-v13-latin_latin-ext-italic.woff2') format('woff2'),url('open-sans/open-sans-v13-latin_latin-ext-italic.woff') format('woff'),url('open-sans/open-sans-v13-latin_latin-ext-italic.ttf') format('truetype'),url('open-sans/open-sans-v13-latin_latin-ext-italic.svg#OpenSans') format('svg');}
@font-face {font-family: 'Open Sans';font-style: normal;font-weight: 700;src: url('open-sans/open-sans-v13-latin_latin-ext-700.eot'); src: local('Open Sans Bold'), local('OpenSans-Bold'),url('open-sans/open-sans-v13-latin_latin-ext-700.eot?#iefix') format('embedded-opentype'),url('open-sans/open-sans-v13-latin_latin-ext-700.woff2') format('woff2'),url('open-sans/open-sans-v13-latin_latin-ext-700.woff') format('woff'),url('open-sans/open-sans-v13-latin_latin-ext-700.ttf') format('truetype'),url('open-sans/open-sans-v13-latin_latin-ext-700.svg#OpenSans') format('svg'); }
@font-face {font-family: 'Open Sans';font-style: italic;font-weight: 700;src: url('open-sans/open-sans-v13-latin_latin-ext-700italic.eot'); src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'),url('open-sans/open-sans-v13-latin_latin-ext-700italic.eot?#iefix') format('embedded-opentype'),url('open-sans/open-sans-v13-latin_latin-ext-700italic.woff2') format('woff2'),url('open-sans/open-sans-v13-latin_latin-ext-700italic.woff') format('woff'),url('open-sans/open-sans-v13-latin_latin-ext-700italic.ttf') format('truetype'),url('open-sans/open-sans-v13-latin_latin-ext-700italic.svg#OpenSans') format('svg');}
html {font-family: 'Open Sans', sans-serif;}
body {background-color: #feee97;}

/* Add transition to containers so they can push in and out. */
#layout, #menu, .menu-link {
    -webkit-transition: all ease-out 0.3s;
    -moz-transition: all ease-out 0.3s;
    -ms-transition: all ease-out 0.3s;
    -o-transition: all ease-out 0.3s;
	transition: all ease-out 0.3s;
}
#layout {
    max-width: 950px;
    margin: 1em auto;
	-webkit-box-shadow: 0px 0px 12px 3px rgba(0,0,0,0.29);
	-moz-box-shadow: 0px 0px 12px 3px rgba(0,0,0,0.29);
	box-shadow: 0px 0px 12px 3px rgba(0,0,0,0.29);
	background-color:#FFF;
	background: -moz-linear-gradient(left, rgba(252,244,181,1) 10%, rgba(255,255,255,1) 38%, rgba(255,255,255,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(left top, right top, color-stop(10%, rgba(252,244,181,1)), color-stop(38%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));/* Chrome, Safari4+ */
	background: -webkit-linear-gradient(left, rgba(252,244,181,1) 10%, rgba(255,255,255,1) 38%, rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, rgba(252,244,181,1) 10%, rgba(255,255,255,1) 38%, rgba(255,255,255,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, rgba(252,244,181,1) 10%, rgba(255,255,255,1) 38%, rgba(255,255,255,1) 100%); /* IE 10+ */
	background: linear-gradient(to right, rgba(252,244,181,1) 10%, rgba(255,255,255,1) 38%, rgba(255,255,255,1) 100%);/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcf4b5', endColorstr='#ffffff', GradientType=1 );/* IE6-9 */
}
#foot {max-width:950px;margin:1em auto;}

#layout.active {margin-top: 16em;/*Navigations-Höhe*/box-shadow:none;}
#layout.active #menu {position: fixed;top:0;left:0;width: 100%;margin-top:0;}
#layout.active #menu .submnu {display: inline-block;position:relative;top: -2.2em;}
#layout.active #menu .submnu:before{content:"[";}
#layout.active #menu .submnu:after{content:"]";} 
#layout.active #menu .submnu li {display: inline-block;margin:0;font-size:0.9em;}
#layout.active #menu .submnu.kind {left: 3.5em;}
#layout.active #menu .submnu.erfa {left: 6.5em;}
#layout.active .menu-has-children {height: 2.2em;}

.header {margin:0;text-align:center;}
.header h1, .header h2 {position:absolute;top:-1000px;left:-1000px;}
.headbanner {max-width: 100%;height: auto;}


.row {margin-left: 0.75em;margin-right: 1em;}
.clearfix:before,.clearfix:after,.row:before,.row:after {content: " ";display: table;}
.clearfix:after, .row:after {clear: both;}
.col-nav, .col-content{position:relative;min-height:1px;float:left;margin-bottom:3em;}
.col-nav{width:22%;}
.col-content{width:78%;}

/** Das <nav> Elements */
#menu {margin-top: 1.35em;width:100%;z-index: 999;-webkit-overflow-scrolling: touch;}
.menu-list {list-style:none;margin:0;padding:0;position:relative;}
.menu-list li {margin: 0 1.8em 0 0;}
.menu-list a {border:none;padding: 0.5em 0 0.5em 0.5em;/*font-weight: bold;*/display:block;text-decoration:none;}
.menu-list a, .menu-list a:visited, .menu-list a:link {color: #746b35;}
.menu-list a:hover, .menu-list a:active {color: #F7B234;background-color:rgba(200,200,200,0.15);font-weight: bold;}
.menu-list li.active > a {color: #f7b234;font-weight: bold;}

.menu-child {list-style:none;margin:0 0 0 0.8em;padding:0 ;position:relative;display:none;}
.menu-has-children.active .menu-child{display:block;}
.menu-child a, .menu-child a:visited, .menu-child a:link {color:#F7B234;}

.menu-foot{margin:0;padding-left:0;list-style:none;text-align:center;}
.menu-foot li{display:inline-block;list-style:none;}
.menu-foot a, .menu-foot a:hover, .menu-foot a:visited, .menu-foot a:active {border:none;padding:0.5em;display:block;text-decoration:none;color:#746b35;text-shadow: 0px 3px 10px rgba(0, 0, 0, 0.9);}

/* menu-link represents the responsive menu toggle that shows/hides on small screens. */
.menu-link {
    display: block; /* show this only on small screens */
	font-size: 10px; /* change this value to increase/decrease button size */
	position: fixed;top:0;right:0;background:rgba(4,86,134,0.6);z-index: 1000;width: 2em;height: auto;padding: 2.1em 1.6em;
}
.menu-link:hover, .menu-link:focus {background: rgba(4,86,134,1);}
.menu-link span {position: relative;display: block;background-color: #FAF202;width: 100%;height: 0.2em;}
.menu-link span:before, .menu-link span:after {position: absolute;margin-top: -0.6em;content: " ";background-color: #FAF202;width: 100%;height: 0.2em;}
.menu-link span:after {margin-top: 0.6em;}

h1, h2, h3, h4 {font-weight: bold;}
h1 {font-size:1.4em;margin:1.0em 0;color:#f7b234;}
h2 {font-size:1.2em;margin:0.8em 0;color:#7ba1d0;}
h3{font-size:1.1em;font-weight:normal;color:#f7b234;}
a {color: #F7B234; text-decoration: underline; }
a:hover, a:active { color: #F7B234; text-decoration: none; }
a:visited { color: #746b35; }
a img, img {border: none;}
.col-content img {max-width: 25%;height: auto;}
.col-content img.large {max-width: 40%;height: auto;}
.col-content img.fullsize{max-width:100%;height: auto;}
.col-content img.right {float:right;margin:0.75em}
.col-content img.left{float:left;margin:0.5em;}

/** Accordion **/
.acc-img-block {max-width: calc( 75% - 1.51em );} /*block damit das neben ein Bild passt ...*/
.accordion {background-color: rgba(4,86,134,0.05);color:#7ba1d0;cursor: pointer;padding: 0.6em;width: 100%;text-align: left;border: none;outline: none;transition: 0.4s;	margin-bottom: 0.2em;}
.acc-panel {padding: 0 0.6em;max-height: 0;overflow: hidden;transition: max-height 0.2s ease-out;}
.acc-active, .accordion:hover {background-color: rgba(4,86,134,0);}
.acc-active {font-weight:bold;}
.accordion:after {font-size: 13px;color: #777;float: right;margin-left: 5px;content: '\02795'; /* Unicode character for "plus" sign (+) */}
.acc-active:after {content: "\2796"; /* Unicode character for "minus" sign (-) */}

/* Formularzeug */
img.formular{max-width:38%;float:right;margin:0;padding:0;height: auto;}
form {padding:0px;width:60%;}
input, textarea {border: 1px solid #e0e0e0;color: #000;margin:0;padding: 0.4em 0 0.4em 0.4em;text-align: left;width: 97%;background-color: #fff;}
input.button {background-color: #7ba1d0;color: #fff;text-align: center;width: 98%;}

.alert{border: 1px solid transparent;border-radius:0.3em;padding:0.5em;}
.primary {background-color: #fdfae7;border-color: #f8efb8;color: #a18e11;}
.succ {background-color: #dff0d8;border-color: #d6e9c6;color: #3c763d;}
.info {background-color: #d9edf7;border-color: #bce8f1;color: #31708f;}
.warn {background-color: #f2dede;border-color: #ebccd1;color: #a94442;}
dl {overflow:hidden;}
dl dt {float:left;width:7em;clear:both;padding:0.4em 0;position:relative;text-align:right;font-weight:600;}
dl dd {float:right;width: calc( 98% - 7em );padding:0 0 0.5em;margin:0;}
dd { *float:none; *width:auto; *margin-left: calc( 98% - 7em ); }



/* Hides the menu at `48em`, but modify this based on your app's needs. */
@media (min-width: 48em) {
    .menu-link {position: fixed;display: none;}
}
@media (max-width:949px) {
	#layout {margin-top:0;margin-bottom:0;}
}
@media (max-width: 48em) {
    /* Only apply this when the window is small. */
	#layout {margin-top:0;margin-bottom:0;}
    #layout.active {}
    #menu {position:fixed;left:-1000px;top:0px;background: rgba(252,244,181,1);}
	.col-content{width:calc( 100% - 10px );padding-left:5px;padding-right:5px;}
	.col-nav{width:0%;}
	/* Formularzeug */
	img.formular{display:none;}
	form {width:100%;}
	dt {text-align:left;float:none;width:99%;}
	dd {margin-left:0;width:99%;}
}
/* Gallery Grundeinstellungen */
.gallery-content {position: relative;}
.gallery-content img{max-width:100%;height: auto;}
/* Feste Höhe der Bilder, egal wie groß das orginal ist */
.galImg {max-height:420px;width:auto;border-radius:6px;}
.galSlide {display: none; justify-content: center;align-items: center;} /* Ausrichtung des Bildes Zentriert */
.cursor {cursor: pointer;}
.prev, .next {cursor: pointer;position: absolute;top: calc(50% - 70px);padding:35px 16px;color: black;font-weight: bold;text-decoration:none;font-size: 24px;user-select: none; -webkit-user-select: none; border-radius: 0 6px 6px 0;background-color: rgba(252,244,181, 0.6);}
.next {right: 0;border-radius: 6px 0 0 6px;}
/* .prev:hover,.next:hover {background-color: rgba(0, 0, 0, 0.8);} */
.numbertext {background-color:#000000; color:#f2f2f2;opacity: 0.5;font-size:12px;padding: 8px 12px;position: absolute;top:2px;left:2px;border-radius:8px;}
.caption-container {text-align: center;background-color: #222;padding: 2px 16px;color: white;}
.galRow:after {content: "";display: table;clear: both;margin:0;}
.column {float: left;}
.galDot {opacity: 0.6;}
.galActive,.galDot:hover {opacity: 1;}

/* The work below, CSSBox, is released under the Creative Commons Attribution-ShareAlike 4.0 license and is available on
   https://github.com/TheLastProject/CSSBox. You are not required to add 
   additional credit to your website, just leave the above text in this file */
div.cssbox{display: inline-block;margin: 10px;}
div.cssbox img.cssbox_thumb {max-width: 100%;border: solid 1px #999999;}
span.cssbox_full {z-index: 999999;position: fixed;height: 100%;width: 100%;background-color: rgba(0,0,0,0.8);top: 0;left: 0;opacity: 0;pointer-events: none; cursor: default;transition: opacity 0.5s linear;}
span.cssbox_full img {position: fixed;background-color: white;margin: 0;padding: 0;max-height: 90%;max-width: 90%;top: 50%;left: 50%;margin-right: -50%;transform: translate(-50%, -50%);box-shadow: 0 0 20px black;}
a.cssbox_close,a.cssbox_prev,a.cssbox_next {z-index: 999999;position: fixed;text-decoration: none;visibility: hidden;color: white;font-size: 36px;}
a.cssbox_close {top: 1%;right: 1%}
a.cssbox_close::after {content: '\00d7';}
a.cssbox_prev,a.cssbox_next {top: 50%;transform: translate(0%, -50%);}
a.cssbox_prev {left: 5%;}
a.cssbox_next {right: 5%;}
a:target ~ a.cssbox_close,a:target ~ a.cssbox_prev,a:target ~ a.cssbox_next {visibility: visible;}
a:target > img.cssbox_thumb + span.cssbox_full {visibility: visible;opacity: 1;pointer-events: initial;}
/* This is the end of CSSBox */