@font-face{font-display:swap;font-family:'FontAwesome';src:url(fonts/fontawesome-webfont.eot?v=4.6.1);src:url(fonts/fontawesome-webfont.eot?#iefix&v=4.6.1) format("embedded-opentype"),url(fonts/fontawesome-webfont.woff2?v=4.6.1) format("woff2"),url(fonts/fontawesome-webfont.woff?v=4.6.1) format("woff"),url(fonts/fontawesome-webfont.ttf?v=4.6.1) format("truetype"),url(fonts/fontawesome-webfont.svg?v=4.6.1#fontawesomeregular) format("svg");font-weight:400;font-style:normal}
@font-face{font-display:swap;font-family:'Titillium Web';font-style:normal;font-weight:400;src:url(fonts/titillium-web-v8-latin-regular.eot);src:local('Titillium Web Regular'),local(TitilliumWeb-Regular),url(fonts/titillium-web-v8-latin-regular.eot?#iefix) format("embedded-opentype"),url(fonts/titillium-web-v8-latin-regular.woff2) format("woff2"),url(fonts/titillium-web-v8-latin-regular.woff) format("woff"),url(fonts/titillium-web-v8-latin-regular.ttf) format("truetype"),url(fonts/titillium-web-v8-latin-regular.svg#TitilliumWeb) format("svg")}
@font-face{font-display:swap;font-family:'Titillium Web';font-style:normal;font-weight:700;src:url(fonts/titillium-web-v8-latin-700.eot);src:local('Titillium Web Bold'),local(TitilliumWeb-Bold),url(fonts/titillium-web-v8-latin-700.eot?#iefix) format("embedded-opentype"),url(fonts/titillium-web-v8-latin-700.woff2) format("woff2"),url(fonts/titillium-web-v8-latin-700.woff) format("woff"),url(fonts/titillium-web-v8-latin-700.ttf) format("truetype"),url(fonts/titillium-web-v8-latin-700.svg#TitilliumWeb) format("svg")}
@font-face{font-display:swap;font-family:'Titillium Web';font-style:normal;font-weight:600;src:url(fonts/titillium-web-v8-latin-600.eot);src:local('Titillium Web SemiBold'),local(TitilliumWeb-SemiBold),url(fonts/titillium-web-v8-latin-600.eot?#iefix) format("embedded-opentype"),url(fonts/titillium-web-v8-latin-600.woff2) format("woff2"),url(fonts/titillium-web-v8-latin-600.woff) format("woff"),url(fonts/titillium-web-v8-latin-600.ttf) format("truetype"),url(fonts/titillium-web-v8-latin-600.svg#TitilliumWeb) format("svg")}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
    margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
body,html {height: 100%;}
.body {background: #fff; font-family: 'Titillium Web', Arial, sans-serif; color: #003e24;font-size: 1.16em;}
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0;}
img {line-height:0;border:none; max-width: 100%;vertical-align: bottom;height: auto;}
address,caption,cite,code,dfn,th,var { font-style:normal; font-weight:normal; }
ol,ul {margin: 0 0 0.6em 0.8em; padding-left: 0.5em;}
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 {line-height:1.2em;font-weight: 700;}
h1 {font-size: 140%; color: #fff; background-color:#003e24; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; padding: 0.2em 0.8em; margin:0 0 0.5em -0.8em; display:inline-block;}
h2 {font-size: 120%; color: #003e24; background-color:#ffefbd; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; padding: 0.2em 0.8em; margin:0 0 0.5em -0.8em; display:inline-block;}
h3 {font-size: 100%; color: #003e24; margin:0 0 0.4em 0;}
h4, h5, h6 {font-size: 100%;line-height: 1.1em; color: #003e24; margin-bottom:0.4em;}
h1.logo {background:none;}
.main h1 {font-size:1.68em;padding: 0.18em 0.8em 0.2em;}
.main h2 {font-size:1.5em;}
.main h3 {font-size:1.22em;}
p + h1, p + h2, p + h3 {margin-top:1em;}
#footer h1, #footer h2, #footer h3 {background:none;}
#footer h3 {color:#003e24; font-weight:600;}
table {border:none; line-height:1.6em;}
td, th {padding:0.4em 1em 0.2em 0; border:none; text-align: left; vertical-align: top;}
th {font-weight:bold;}
q:before,q:after { content:''; }
abbr,acronym { border:0;}
a {text-decoration: underline; color: #8f0f1e;}
a:hover {color: #bd0926;}
a, a:active, a:focus {outline: 0;}
strong, b {font-weight: 700;}
.trenner-o {border-top:2px solid #76B31E; padding-top:0.8em;}
.trenner-u {border-bottom:2px solid #76B31E; margin:0.3em 0 2em 0 !important;padding-bottom: 1em;}
hr {width: 100%;border: none;border-bottom:2px solid #76B31E; margin:0.3em 0 2em 0;}
.clearfix:after {clear:both;content:" ";display:block;font-size:0;height:0;visibility:hidden;}
.floatLeft, .rechtsUmfliessen, .rechtsumfliessen {clear: left; float: left; margin: 0 1em 0.6em 0;}
.floatRight, .linksUmfliessen, .linksumfliessen {clear: left; float: right; margin: 5px 0 0.6em 1em; text-align: right;}
.hg-hellbeige {background-color: #ffefb9;display: inline-block;padding: 1em;-moz-border-radius: 10px;-webkit-border-radius: 10px;-khtml-border-radius: 10px;border-radius: 10px;margin-left: -1.2em;}
.schriftfarbe-weiss {color: #fff;}
.schriftfarbe-dunkelgruen {color: #003e24;}
.keinTextumbruch {text-wrap: nowrap;}

.hyphenate {-webkit-hyphens: auto;-webkit-hyphenate-limit-chars: auto 3;-webkit-hyphenate-limit-lines: 4;
        -ms-hyphens: auto;-ms-hyphenate-limit-chars: auto 3;-ms-hyphenate-limit-lines: 4;
        hyphens: auto;hyphenate-limit-chars: auto 3;hyphenate-limit-lines: 4;}

/* BASIC */
.header {top: 0;left: 0;right:0;width: 100%;height:304px;z-index: 100;background: #fff url(../images/gwhaus.jpg) no-repeat center 0;}
.logo {position: absolute;top: 25px;left: 25px;}
.main {z-index: 2;background-color:#76b31f;/*color:#ffefb9;*/padding:0.95em 0 0 0;}
.main-content {width:100%; background-color:#FFEFB9; border-top: 7px solid #FFF; padding-top: 1.85em; color:#003E24;}
.main .container-content, .accordion .inhalt {max-width: 1100px; width:96%; margin:0 auto; padding:0 2% 20px 2%;}
.container {max-width: 950px; width:100%; margin: 0 auto; height:304px; position: relative; background: transparent url(../images/wiese.png) no-repeat center 0;}
#footer {width:100%; border-top:7px solid #fff; border-bottom:1.8em solid #b31124; color:#fff; padding:0;position:relative; background-color: #76B31F;}
#footer .container-content {background: transparent url(../images/seever-klein.png) no-repeat right 0.5em; padding:0.6em 0 0 0;}
#footer .container-content p {font-size: 1.2em;}
#footer .container-content p a {color: #fff;} 
#impressum {position:absolute;bottom:0;max-width: 1100px;width:96%;margin:0 auto;color: #FFF;margin-bottom: -1.6em;text-align: right;}
#impressum a {color:#fff;width:auto;display:inline-block;text-align: left;padding: 0 7px;}
.news-content .absatz {margin-bottom: 1em;}
.news-content .absatz:first-child {margin-bottom: 0.5em;}
.news-content p {line-height: 1.5em;}
.news-content .bild .gallslide {line-height: normal;}
.news-content .bild .gallslide p {font-size: .9em;line-height: 1.2em;}

/* akkordeon */
.mehr {padding-left:3em;}
.mehr:before { content: "+"; color:#76b41f; background-color:#fff; -moz-border-radius: 0.2em; -webkit-border-radius: 0.2em; -khtml-border-radius: 0.2em; border-radius: 0.2em; font-size:1.3em; padding: 0 0.3em 0.1em 0.2em; margin:0 0.4em 0 -2.5em;}

/*main slider */
.mainslider {position: fixed; width: 100%; height: 100%; z-index: 1; left: 0; top: 0;}
#mainslider {height: 100%;}
.mainslide {width: 100%; height: 100%; text-align: center;}
.bgs .slideimg {min-width: 800px; max-width: 100%; width: 100%; height: auto;}
.bgf .slideimg {height: 100%;}
.page-bg {width: 100%; height: 100%; background: #80c1fe; position: relative; z-index: 100; display: none;}
.hgFarbe {padding-top: 2em;}
.hgFarbe.beige {background-color: #FFEFB9;}
.hgFarbe.hellgruen {background-color: #76B31F;}
.hgFarbe.dunkelgruen {background-color: #00604C;}

/* main menu */
.menue {position: absolute; left: 320px; top: 33px; line-height: normal; height:133px; font-family:'Titillium Web', Arial, sans-serif; font-weight:bold; font-size:1.25em;}
.menue ul {list-style-type:none;}
.menue li {margin:0 0 0.4em 0; padding:0; list-style-type:none;}
.menue a {color: #fff; background-color:#003e24;-moz-border-radius: 0.5em;-webkit-border-radius: 0.5em;-khtml-border-radius: 0.5em; border-radius: 0.5em;padding: 0 0.6em 0.1em;text-decoration: none;}
.menue .active, .menue a:hover {color: #ffefbd;}

/* */
.map-info {background: #f8b333; padding: 30px 0; line-height: normal;}
.map-info .container {padding-left: 300px; width: 700px;}
.map-item {color: #333333; font-size: 1.1875em; padding-left: 10px; display: inline-block; font-family: AlternateGothicNo3, sans-serif;}
.map-item + .map-item {margin-left: 15px;}
.map-free {border-left: 15px solid #60790f;}
.map-paid {border-left: 15px solid #3377ff;}

.accordion .inhalt {width: auto;}
.akkordeon-title {color:#00604c;line-height:1em;}
.akkordeon-title button {position: relative;text-decoration: none;font-family: 'Titillium Web', Arial, sans-serif;font-weight:400;background:none;border:none;color:#00604c;font-size: 1em;line-height:1em;padding-left: 2em;cursor: pointer;}
.acc-container.dunkelgruen .akkordeon-title button, .acc-container.hellgruen .akkordeon-title button {color:#ffefb9;}
.akkordeon-title p {display:inline;margin: 0;}
.acc-container .acc-container-header .acc-container-header-icon {left: inherit;top: 38%;margin-top: 0;}
.acc-container .acc-container-header .acc-container {-moz-border-radius: 0; -webkit-border-radius: 0; -khtml-border-radius: 0; border-radius: 0;}
.acc-container .acc-container-header {max-width: 1100px; width:96%; margin:0 auto; padding:30px 2% 30px 2%;}
.acc-container .hgFarbe {padding-top: 0.6em;padding-bottom: 0.6em;}
.acc-container .inhalt {background-color:#FFEFB9; color:#000;-moz-border-radius: 10px;-webkit-border-radius:10px;-khtml-border-radius: 10px;border-radius:10px;padding: 1em;margin-bottom:1em;}
.acc-container .accordion_toggler_1 .inner {max-width: 1100px;width: 96%;margin: 0 auto;margin-bottom: 0px;padding: 0 2% 20px 2%;}
.acc-container .accordion-icon {position: absolute;width: 40px;height: 40px;display: inline-block;left: -6px;top: 7px;font-size: 1.5em;font-weight: 700;}
.acc-container .accordion-icon::before {content: "+";font-size: 1.3em;color: #76B41F;position: absolute;top: 3px;left: 0;text-indent: 0;line-height: 0;padding: 0.1em;-moz-border-radius: 3px;}
.acc-container.show .accordion-icon::before {content: "-";}
.acc-container.dunkelgruen .accordion-icon::before, .acc-container.hellgruen .accordion-icon::before {color:#ffefb9;}
.accordion h1 {margin-left:0;}
.accordion h2 {padding:0; margin-left:0;font-size: 1.5em;}
.acc-container.hgFarbe.hellgruen .akkordeon-title h2, .acc-container.hgFarbe.dunkelgruen .akkordeon-title h2 {color: #FFEFB9;background: none;}
.acc-container .sub_accordion {visibility: hidden;max-height: 0;overflow: hidden;transition: all 0.5s ease;}
.acc-container.show .sub_accordion {visibility: visible;max-height: 5000px;transition: all 0.5s ease;}

.bild {overflow:hidden; margin-bottom: 0.6em;max-width:100% !important;}
.bild .gallery {display: inline-block;}
.bild .gallslide {padding:0 0 7px 5px; line-height:0; float:right;}
.bild .gallslide:last-child {padding-bottom:0;}
.gallery-thumbs .gallslide {float: left; padding:0 1% 10px 0; max-width:32%;}
.absatz-2spaltig-2bild .gallery-thumbs .gallslide {max-width:48%;}
.gallery-thumbs #galleryImg1 {margin:0; width:0; height:0; overflow:hidden;}
.gallery-thumbs .gallslide p, .gallslide.cycle-slide p {margin: 0.5em 0; line-height: 1.2em;}
.gallery-slideshow {margin-left:0 !important;}
.gallery-slideshow .gallslide {padding-left:0 !important;}
.img-info {min-height:5em; line-height: 1.2em; padding-top:1em;}
.img-info p {margin-top:0 !important;}

/*Bildergalerie Masonry*/
.main .bildergalerie {margin-bottom: 1.4em;}
.main .bildergalerie.hg-beige {background-color: #FFEFB9;color: #000;-moz-border-radius: 10px;-webkit-border-radius: 10px;-khtml-border-radius: 10px;border-radius: 10px;padding: 1em;margin-bottom: 110px;}
.main .bildergalerie p {padding: 10px 0;font-size: 1.1em;}
.main figcaption {position: relative;color: #999;font-size: 0.9em;padding: 2px 4px;}
.pswp__dynamic-caption--below {max-width: unset;padding: 15px 5% 0 5%;text-align: center;}
.main .macy-container {margin-bottom: 0;}
.main .macy-container figcaption {text-align: center;}

#news {position: fixed; z-index:345; background-color:#fff; top: 40%; right: -335px; margin-top: -160px; width:295px; min-height:200px; padding:30px 20px 5px 40px; border:8px solid #fdcb00; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px;}
#news h1, #news h2, #news h3 {background:none; color:#003E24; display:block;margin-bottom: 0.3em;}
#news h1 {font-size:1.8em; margin:0; padding:0;}
#news h2 {font-size: 1.35em;}
#news .news-biene {background-image:url(../images/biene.png); background-repeat:no-repeat; background-position:0 0;width:235px; height:235px;  position:absolute;top: -190px;right: 45px;
        transform: scale(0.48) translate(-367px,81px);transition: transform 0.5s ease;}
#news .news-biene.big {transform: none;transition: transform 0.5s ease;width:235px; height:235px;top: -190px;right: 45px;}
#news .open {background-color:#fdcb00;color:#fff;font-weight:bold;font-size:2em;position:absolute;top:50%;margin-top:-0.6em;display: inline-block;padding: 0px 0em 8px 4px;line-height: 0.8em;width: 30px;height: 30px;text-align: center; 
             -moz-border-radius: 3px;-webkit-border-radius: 3px;-khtml-border-radius: 3px;border-radius: 3px;left: -7px;}
#news .open:bevore {content:"+"; color:#fff;}
#shownews {cursor:pointer;}
#shownews:hover {color:#E10030;}

/* formular */
.yform {padding:1em 0 40px 0; margin:0;}
form, formfield {margin:0; padding:0;}
.yform label {font-weight:bold; width:100%; color:#003E24; display:block;}
.yform input[type="text"], .yform input[type="email"], .yform textarea {border:1px solid #003E24; width:22em; padding:8px; font-size:1em; font-family:Arial, Helvetica, sans-serif; max-width:100%;}
.form-group {width:80%; padding:0.2em 0; font-size:1em; font-family:Arial, Helvetica, sans-serif; max-width:100%;}
.yform textarea {height:5em;}
.yform input[type="text"]:focus, .yform input[type="text"]:hover, .yform input[type="email"]:focus, .yform input[type="email"]:hover, .yform textarea:focus, .yform textarea:hover {background-color:rgba(118,179,30,0.2);}
.yform input[type="checkbox"] {width: auto;float: left;margin: 6px 10px 0 0;}
.yform button {border: 1px solid #003E24;background-color:#003E24; color:#fff; padding:8px 16px; font-size:1.2em; margin-top:0.5em;}
.yform button:focus, .yform button:hover {background: #fff;color:#76B31F; cursor:pointer;}
.yform #yform-formular-email-adresse {display: none;}
.yform .alert-danger ul {background-color:#E10030; color:#fff; margin:0 0 1em 0;list-style: none;}
.yform .has-error input, .yform .has-error textarea {border-bottom:5px solid #E10030;}
.yform .has-error p {color: #E10030;}
.yform .rex-info {background-color:#76B31F; margin:1em 0; color:#fff; padding:0.5em 1em;}

/*.map-paid {border:none; line-height:0.8em; background-image:url(../images/blue.png); background-position:left center; background-repeat:no-repeat; padding-left:30px; min-height:19px; padding-top:4px;}
.map-strb {border:none; line-height:0.8em; background-image:url(../images/red.png); background-position:left center; background-repeat:no-repeat; padding-left:30px; min-height:19px; padding-top:4px;}
.map-bhf {border:none; line-height:0.8em; background-image:url(../images/green.png); background-position:left center; background-repeat:no-repeat; padding-left:30px; min-height:19px; padding-top:4px;}*/

/*.bild-untertitel {line-height: 1.1em;font-size: 1.2em;font-weight: 600;padding: 0.6em 0;}*/
.bild-untertitel {padding: 1em 0 0.5em 0;}
p {margin-bottom:0.4em;}
.bild p {margin:0;}
.absatz li {margin-bottom:0.3em;}
.absatz {margin-bottom:1.4em;}
.sp1 {width:48%; float:left;}
.sp2 {width:48%; float:right;}
.sp1-3, .sp2-3 {width:31%; float:left; margin-right:2%;}
.sp3-3 {width:31%; float:left;}

.absatz-2spaltig-1text {width:50%; float:left;}
.absatz-2spaltig-2bild {max-width:373px; width:47%; float:right;}
.absatz-2, .absatz.hellgruen {background-color:#76b31f; color:#FFEFB9; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; padding: 0.8em;}

.absatz img, .absatz-2spaltig-1text img, .absatz-2spaltig-2bild img {max-width:100%;}
.gallery-gross-thumbs .gallslide {max-width:30%;}

.white-popup {position: relative; background: #FFF; padding: 40px; width: auto; max-width: 930px; margin: 20px auto;}
.mfp-close-btn-in .mfp-close {top:25px; right:-10px; background-color:#fdcb00; color:#fff; font-size: 3em; opacity: 1; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px;}
.mfp-figure .mfp-close {width:1em;text-align: center;padding-left: 6px;}
.white-popup img, .gallery-slideshow img, .gallery-thumbs img, .only-thumb img {-moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px;}
.gallery-thumbs h4 {margin-bottom:0.2em;}

/*OpenStreetMap*/
.openstreetmapload {margin-bottom: 1em;}
.openstreetmapload .description {padding:0.5em 1em;text-align: center;font-weight: bold;}
.openstreetmapload #map_canvas {margin: 30px 0;height: 400px;border: 1px solid #003E24;-webkit-box-shadow: 5px 5px 8px -4px rgba(0, 0, 0, 0.29);-moz-box-shadow: 5px 5px 8px -4px rgba(0, 0, 0, 0.29);box-shadow: 5px 5px 8px -4px rgba(0, 0, 0, 0.29);}
#osm_rp legend {font-size: 1.5em; }
#osm_rp .rp_content {margin: 15px 0;}
#osm_rp .rp_content span {padding: 0 0 3px 0;color: #666;}
#osm_rp .rp_input:first-child {float: left;width: 59%;}
#osm_rp .rp_input:nth-child(2) {float: right;width: 37%;}
#osm_rp .start, #osm_rp .ziel {-webkit-box-shadow: 5px 5px 8px -4px rgba(0, 0, 0, 0.29);-moz-box-shadow: 5px 5px 8px -4px rgba(0, 0, 0, 0.29);box-shadow: 5px 5px 8px -4px rgba(0, 0, 0, 0.29);
        border: 1px solid #003E24;color: #333;font-size: 16px;padding: 8px;margin: 5px 20px 20px 0;background-color: #fff;box-sizing: border-box;}
#osm_rp .start, #osm_rp .ziel {width: 100%;}
#osm_rp .start:hover, #osm_rp .start:focus {background-color:rgba(118,179,30,0.2);}
#osm_rp .send { border: 1px solid #003E24;background-color:#003E24;color: #fff; font-size: 17px; padding: 8px 16px; width: auto;margin: 5px 20px 20px 0;
        -webkit-box-shadow: 5px 5px 8px -4px rgba(0, 0, 0, 0.29);-moz-box-shadow: 5px 5px 8px -4px rgba(0, 0, 0, 0.29);box-shadow: 5px 5px 8px -4px rgba(0, 0, 0, 0.29);}
#osm_rp .send:hover {background-color: #fff;color: #76B31E;cursor: pointer;}
.openstreetmapthumb {width: 100%;height: 400px;background:#fff url(../images/mapping.png) no-repeat center center;background-size: contain; text-align: center; cursor: pointer;
            -webkit-box-shadow: 5px 5px 8px -4px rgba(0, 0, 0, 0.29);-moz-box-shadow: 5px 5px 8px -4px rgba(0, 0, 0, 0.29);box-shadow: 5px 5px 8px -4px rgba(0, 0, 0, 0.29);}
.openstreetmapthumb button {background:#003E24;color: #fff;border: none;width: auto;height: auto;padding: 0.3em 1em;font-weight: bold;font-size: 1.4em;display: inline-block;}
.leaflet-pane, .leaflet-control, .leaflet-top, .leaflet-bottom {z-index: 0 !important;}
.leaflet-popup-content {font-size: 1.3em;}



.start .main-content {background:none; border-top:none; padding-top:0;}