@font-face{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-family: 'Honey Script Light';src: url('fonts/honeyscript-light-webfont.eot');src: url('fonts/honeyscript-light-webfont.eot?#iefix') format('embedded-opentype'),url('fonts/honeyscript-light-webfont.woff2') format('woff2'),url('fonts/honeyscript-light-webfont.woff') format('woff'),url('fonts/honeyscript-light-webfont.ttf') format('truetype'),url('fonts/honeyscript-light-webfont.svg#honey_scriptlight') format('svg');font-weight: normal;font-style: normal;}
@font-face {font-family: 'Roboto Condensed';font-style: normal;font-weight: 400;src: url('fonts/roboto-condensed-v17-latin-regular.eot');src: local('Roboto Condensed'), local('RobotoCondensed-Regular'),url('fonts/roboto-condensed-v17-latin-regular.eot?#iefix') format('embedded-opentype'),url('fonts/roboto-condensed-v17-latin-regular.woff2') format('woff2'),url('fonts/roboto-condensed-v17-latin-regular.woff') format('woff'),url('fonts/roboto-condensed-v17-latin-regular.ttf') format('truetype'),url('fonts/roboto-condensed-v17-latin-regular.svg#RobotoCondensed') 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{width: 100%;}
body{background:#fff url('../images/body-bg.jpg') center top repeat fixed;padding:0;margin:0;color:#58585A;font-family:'Roboto Condensed',sans-serif;line-height:1.8em;}
a,a:link,a:active,a:visited,font a,font a:link,font a:active,font a:visited, a:hover,font a:hover {text-decoration:none;font-weight: bold;}
font{font-size:100.01%}
table,tr,td,th{font-size:1.03em;vertical-align:top}
table{border-spacing:0}
img {border:none; max-width: 100%;vertical-align: bottom;}
h1, h2, h3, h4, h5, h6 {line-height:1em;padding: 0.2em 0 0.5em;font-weight: bold;}
h1 {font-size: 2.5em;text-transform: uppercase;color: #333;font-weight: normal;}
h2 {font-size: 1.75em;}
h3 {font-size: 1.313em;color: #508C2C;}
h3 + h1 {padding-top: 0.1em;}
h4, h5, h6 {font-size:1.13em;margin-bottom: 0;line-height:1.2em;padding-bottom: 0.2em;}
p {margin:0;padding:0.2em 0 .7em;font-size: 1.063em;line-height: 1.4em;}
b, strong, .bold {font-weight: bold;}
ul, ol {list-style: none;}

.hideScreen,.showPrint, .hide{display:none;visibility:hidden;height:1px;overflow:hidden}
.clearfix:after {content: "";clear: both;float: none;visibility: hidden;height: 0px;display: block;}
.floatLeft, figure.align-left {clear:left;float:left;margin:5px 20px 10px 0}
figure.align-left:before {content: '';position: relative;border: 3px solid #717171;border-top-color: rgb(113, 113, 113);  border-top-style: solid;border-top-width: 3px;border-top: 1px solid #848484;display: block;top: -10px;right: 0;margin-right: -20px;}
figure.align-right::before {content: '';position: relative;border: 3px solid #717171;border-top-color: rgb(113, 113, 113);  border-top-style: solid;border-top-width: 3px;border-top: 1px solid #848484;display: block;top: -10px;left: 0;margin-left: -20px;}
.floatRight, figure.align-right {clear:left;float:right;margin:5px 0 10px 20px}
figcaption {color: #fff;background: rgba(154,153,151,0.6);}
figure.align-left figcaption {padding-left: 10px;}
figure.align-right figcaption {padding-right: 10px;}
hr {border: 3px solid #717171; border-top: 1px solid #848484;}
.hg-dunkelgrau {background-color: rgba(0,0,0,0.5);color: #fff;padding-top: 10px;padding-bottom: 1em;}
.hg-hellgrau {background-color: rgba(191,191,191,0.5);padding-top: 10px;padding-bottom: 1em;}
.hg-dunkelgrau > *, .hg-hellgrau > * {padding-left: 15px;padding-right: 15px;}
.absatzLinie {border-bottom: 2px solid #848484;}
.icon-pdf {background: transparent url('../images/icon-pdf.png') no-repeat; padding-left: 30px;}
.shadow {-webkit-box-shadow: 2px 2px 6px 1px rgba(0,0,0,0.3);-moz-box-shadow: 2px 2px 6px 1px rgba(0,0,0,0.3);box-shadow: 2px 2px 6px 1px rgba(0,0,0,0.3);}
.rotate {-moz-transform: rotate(-90deg); -moz-transform-origin: left top; -webkit-transform: rotate(-90deg); width: 226px; -webkit-transform-origin: left top; -o-transform: rotate(-90deg); -o-transform-origin: left top; -ms-transform: rotate(-90deg); width: 226px; -ms-transform-origin: left top;}
#page{height:100%;position: relative;}

/*Startseite*/
/*header {position: fixed;top: 0;left: 0;width: 100%;height: 165px;}*/
header {position: relative;width: 100%;height: 165px;z-index: 1000;}
#start header {background-image: url('../images/dach.png');background-repeat: no-repeat;background-position: center top;height: 550px;}
#unterseite header {height: 0;}
#unterseite header:before {position: absolute;top:0;left: 0;content: '';width: 0px;height: 0px;border-style: solid;border-width: 53px 103px 0 0;border-color: rgba(88,88,90,0.8) transparent transparent transparent;}
html.mm-opened header {}
/*Logo*/
#start header #logo {text-align: center;}
#start header #logo a {display: inline-block;margin-top: 80px;}
#unterseite header #logo {padding: 32px 0 0 10px;float: left;}
header #logo a {}
/*Navi*/
/*header nav {position: fixed;left: 4%; width: 226px; top: 226px;}*/
header nav {position: absolute;left: 4%; width: 226px; top: 226px;}
#unterseite header .inner {max-width: 715px;margin: 0 auto;position: relative;height: inherit;}
#unterseite header nav {position: absolute;left: 0;top: 185px;width: 165px;}
#unterseite header nav {padding: 20px 0px 20px 20px;margin-left: -20px;}

/*Navi Ebene 1*/
header nav ul {list-style-type:none;}
header nav ul.rex-navi1 > li {margin-bottom: 9px; position: relative;line-height: 1.94em;cursor: pointer;background: rgba(88,88,90,0.9);}
header nav ul.rex-navi1 > li a {display: block;position: relative;font-size: 1.2505em;padding: 0 10px;color: #fff;}
#start header nav ul.rex-navi1 > li {background: rgba(154,154,151,0.6);}
nav ul.rex-navi1 > li:last-child {margin-bottom: 0;}
header nav ul.rex-navi1 > li:before {content: '';position: absolute;background: #508C2C; width: 0; height: 100%; left: 0; top: 0;
        -webkit-transition: width 0.5s;-moz-transition: width 0.5s;-o-transition: width 0.5s;transition: width 0.5s;}
header nav ul.rex-navi1 > li:hover:before, nav ul.rex-navi1 > li.rex-current:before, nav ul.rex-navi1 > li.rex-active:before {width: 226px;color: #fff;
        -webkit-transition: width 0.5s;-moz-transition: width 0.5s;-o-transition: width 0.5s;transition: width 0.5s;}
nav ul.rex-navi1 > li > a {}

/*Navi Ebene 2*/
nav ul.rex-navi2 {position: absolute;background-color: rgba(191,191,190,0.95);top:0;left:0;max-height: 0;overflow: hidden;height: auto;white-space: nowrap;display: block;width: auto;
                  -moz-transform: rotate(90deg); -moz-transform-origin: left top; -webkit-transform: rotate(90deg); -webkit-transform-origin: left top; -o-transform: rotate(90deg); -o-transform-origin: left top; -ms-transform: rotate(90deg); -ms-transform-origin: left top;
        -webkit-transition: max-height 0.5s;-moz-transition: max-height 0.5s;-o-transition: max-height 0.5s;transition: max-height 0.5s;}
#start nav ul.rex-navi2 {background: rgba(88,88,90,0.9);}
body.desktop nav li:hover ul.rex-navi2 {max-height: 500px;-webkit-transition: max-height 1s;-moz-transition: max-height 1s;-o-transition: max-height 1s;transition: max-height 1s;z-index: 10;}
nav ul.rex-navi2 li {position: relative;margin-bottom: 0;display: block;width: 100%;}
nav ul.rex-navi2 li a {font-size: 1.13em;font-weight: normal;width: 100%;display: inline-block;padding: 0 10px 0 2px;margin: 2px 10px 5px 10px;}
nav ul.rex-navi2 > li.rex-current > a, nav ul.rex-navi2 > li.rex-active > a, nav ul.rex-navi2 li:hover a {color: #508C2C;}
nav ul.rex-navi2 li:first-child > a {margin-top: 13px;}
nav ul.rex-navi2 li:last-child a {margin-bottom: 25px;}
/*Navi Ebene 3*/
/*nav ul.rex-navi3 {position: relative;background-color: #0088AD;left: 29px;top: 0;height: auto;width: 100%;display: block;white-space: nowrap;margin-bottom: 10px;
        -webkit-border-bottom-left-radius: 22px;-moz-border-bottom-left-radius: 22px;border-bottom-left-radius: 22px;}
        -webkit-transition: max-height 0.5s;-moz-transition: max-height 0.5s;-o-transition: max-height 0.5s;transition: max-height 0.5s;}
body.desktop nav ul.rex-navi2 > li:hover ul.rex-navi3 {max-height: 500px;-webkit-transition: max-height 1s;-moz-transition: max-height 1s;-o-transition: max-height 1s;transition: max-height 1s;}
nav ul.rex-navi3 li {line-height:1.4em;text-transform:none;display: block;width: 100%;}
nav ul.rex-navi3 li a {margin-top: 6px;}
nav ul.rex-navi3 li:last-child a {margin-bottom: 14px;}
nav ul.rex-navi3 > li.rex-current > a, nav ul.rex-navi3 > li.rex-active > a {border-left: 2px solid #80C4D6;}*/

/*Slogan Startseite*/
#slogan {margin-top: -220px;}
#slogan > div {position: relative;max-width: 980px;height: 120px;margin: 0 auto;background-color: rgba(88,88,90,0.3);}
#slogan > div:before {position: absolute;left: -240px;top: 0;content: '';width: 0;height: 0;border-color: transparent transparent rgba(88,88,90,0.3) transparent;border-width: 0 0 120px 240px;border-style: solid;}
#slogan > div:after {position: absolute;right: -240px;top: 0;content: '';width: 0;height: 0;border-color: transparent transparent transparent rgba(88,88,90,0.3);border-width: 120px 0 0 240px;border-style: solid;}
#slogan > div p {max-width: 700px;margin: 0 auto;padding: 24px 10px 25px;}
/*Breadcrumb*/
.breadcrumb {color: #8c1828;hyphens: none;display: none;border-bottom: 1px dotted #1299A5;}
.breadcrumb .rex-breadcrumb {list-style-type: none;line-height: 1.3em;padding-bottom: 5px;}
.breadcrumb .rex-breadcrumb li {display: inline;padding-left: 18px;}
.breadcrumb .rex-breadcrumb li:before {font-family: FontAwesome;font-size: 18px;content: '\00bb';position: absolute;top:-4px;left: 4px;color: #1299A5;}
.breadcrumb a {display: inline;color: #1299A5 !important;font-weight: 400;letter-spacing: normal;}

/*Navi für tablet/mobil mit Pfeil*/
body:not(.desktop) nav ul.rex-navi1 > li > a.touch {}
body:not(.desktop) nav ul.rex-navi1 > li > a.touch span:after {content:'\f0d9';font-family: FontAwesome;font-size: 17px;padding-left: 12px;color: #fff;}
body:not(.desktop) nav ul.rex-navi1 > li.show > a.touch span:after {content: '\f0da';}

/* +++Mobiles Menü*/
#button {display: none;position: fixed;left: 0;top: 0;overflow: hidden;}
#button > div {float: left;width: 110px;height: 55px;background-color: transparent;                  }
#button > div:before {position: absolute;top:0;left: 0;content: '';width: 0px;height: 0px;border-style: solid;border-width: 55px 110px 0 0;border-color: #508C2C transparent transparent transparent;}
#button .mobile-button {position: relative;display: block;color: #fff;cursor: pointer;text-decoration: none;width: inherit;height: inherit;}
#button .mobile-button:after {font-family: FontAwesome;content: '\f0c9';font-size: 28px;position: absolute;top: 4px;left: 21px;color: #fff;}
#button .mobile-button span {position: absolute;top:38px;left: -3px;margin: 0;font-size: 0.8em;font-weight: normal;display: block;}

html.mm-opened #button {width: 100%;}
html.mm-opened #button .mobile-button:after {content: "\f00d";transition: all 3s ease 0s;}

.mm-menu {color: #fff;border-right: 3px solid #508C2C;background:#fff url('../images/body-bg-mobile.jpg') center top repeat fixed;}
.mm-listview > li > a, .mm-listview > li > span {text-decoration: none;font-weight: normal;}
.mm-menu .mm-navbar {border-top: 2px solid #508C2C;color: #58585A;}
.mm-menu .mm-navbar-bottom {background:#fff url('../images/body-bg.jpg') center top repeat fixed;}
.mm-menu .mm-panel .mm-navbar {border-bottom: 2px solid #508C2C;background-color: #58585A !important;border-top: none;color: #fff;}
.mm-menu .mm-listview {font-size: 16px;}
.mm-menu .mm-listview > li .mm-arrow::after, .mm-menu .mm-listview > li .mm-next::after {border-color: #ebebeb;}
.mm-menu .mm-btn::after, .mm-menu .mm-btn::before {border-color: #fff;}
.mm-menu .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu .mm-listview > li.mm-selected > span {background: none;}
.mm-menu .mm-navbar a, .mm-menu .mm-navbar > * {color: inherit;text-decoration: none;}
.mm-menu em.mm-counter {color: inherit;font-size: 16px;margin-top: -10px;}
.mm-menu li a.rex-current, .mm-menu li a.rex-active {color: #508C2C;font-weight: bold;}
.mm-menu .mm-navbar-bottom {height: auto;margin-bottom: 5px;display: flex;justify-content: space-around;flex-wrap: wrap;}
.mm-menu .mm-navbar-bottom a {margin: 0 8px;width: auto;text-transform: none;}
#mm-menu .empty {color:#888 !important;}
/*#mm-menu .mm-panels a.touch {display: none;}*/
#menu:not(.mm-menu) {display: none;}
.mm-menu .mm-navbar-bottom a.icon {font-size: 14px;line-height: 0.9em;}
.mm-menu .mm-navbar-bottom a.icon:before {font-family: FontAwesome;color: #508C2C !important;padding-right: 3px;}
.mm-menu .mm-navbar-bottom a.icon-home:before {content: '\f015';}
.mm-menu .mm-navbar-bottom a.icon-contact:before {content: '\f0e0';}
.mm-menu .mm-navbar-bottom a.icon-impressum:before {content: '\f129';}
.mm-menu .mm-navbar-bottom a.icon-datenschutz:before {content: '\f023';}
.mm-page {overflow: hidden;}

main {padding: 10px 20px;margin-bottom: 6em;max-width: 700px;margin: 0 auto;}
main a,main a:link,main a:active,main a:visited {color: #508C2C;text-decoration:none;font-weight: bold;}
main a:hover {color:#9A9997;}

#footer-edge {position: fixed;right: 0;bottom: 0;width:270px;height: 136px;z-index: 100;}
#footer-edge .footer-inner {width: 0;height: 0;border-color: transparent transparent #508C2C transparent;border-width: 0 0 136px 270px;border-style: solid;float: right;}
#footer-edge .footer-inner p {position: absolute;right: 0;bottom: 0;text-align: right;padding: 10px;color: #fff;font-size: 1.312em;line-height: 1.25em;}

footer {background-color: rgba(0,0,0,0.5);}
#start footer {margin-top: 50px;}
footer li {display: inline-block;padding: 2em;color: #fff;}
footer a {display: block;color: #fff;font-size: 1em;}
footer a:hover {color: #9A9997;}

/*********************************************************************************/
/*Unterseiten*/
/*content*/
#content {padding-top: 220px;}
#content .content-inner {position: relative;}
#content .absatz.quote {font-family: 'Honey Script Light';font-size: 36px;max-width: 100%;}
#content .absatz.quote.hg-hellgrau, #content .absatz.quote.hg-dunkelgrau {padding-bottom: 0.2em;}
#content .quote p, #content .quote h2 {line-height: 1.2em;position: relative;hyphens: none;max-width: 715px;margin: 0 auto;text-align: center;padding: .7em 0}
#content .quote h2 {font-weight: normal;text-align: left;}
#content .quote p span.guillemets {font-size: 65px;display: inline-block;line-height: 0.2em;}
#content .quote.oben-rechts {position: absolute;top: -177px;left: 45%;max-width: 500px;line-height: 0.9em;}

/*Galerie*/
#content .galerie{float:none;clear:both;}
#content figure.galerieThumbnail a {display: block;padding: 2px;}
#content figure.galerieThumbnail figcaption {font-size: 1em;color: #666;margin-top: 0.3em;line-height: 0.8em;background:none;margin-left: 3px;}
/*.grid-item {float: left;width: 200px; }*/

#content .trenner {margin:1em;clear:both;border: 1px solid #ddd;}
#content .spalte1 {width: 48%;float:left;margin-top: 100px;}
#content .spalte2 {width:48%;float:right}
#content .floatLeft figcaption {text-align: left;}
#content .floatRight figcaption {text-align: right;color: #1299A5;}
#content .absatz {max-width: 715px;margin: 0.4em auto 1.2em auto;}
#content .absatz.headline {margin-top: 0;margin-bottom: 0;}
#content .absatz.macy-container {max-width: 100%;margin: 1.3em;}
#content .absatz ul, #content .absatz ol {list-style: none;margin-bottom: 1em;overflow: hidden;}
#content .absatz ol li {counter-increment: item;margin-bottom: 6px;padding-left: 30px;position: relative;}
#content .absatz ol li:before {position: absolute;left: 0;top: 4px;width: 20px;height: 20px;font-weight: bold;content: counter(item);background: #508C2C;color: #fff;text-align: center;line-height: 1.3em;}
/*#content .absatz ol li:before {position: absolute;left: -5px;top: 4px;width: 20px;height: 20px;font-weight: bold;content: counter(item);color: #508C2C;text-align: center;line-height: 1.3em;}
#content .absatz ol li:after {content: '';position: absolute;left: 4px;top: 19px;width: 20px;height: 20px;border-left: 1px solid #508C2C;color: #508C2C;
                              -webkit-transform: rotate(55deg) translateX(12%) scale(1.4142135624);transform: rotate(55deg) translateX(12%) scale(1.4142135624);}*/
#content .absatz ul li {font-size: 18px;position: relative;line-height: 1.1em;margin: 0.4em;}
#content .absatz ul li::before {position: absolute;top: 5px;left: -37px;content: '';border: 3px solid #508C2C;width: 23px;}

#content table,#content table tr{border:none;border-collapse: separate !important;}
#content table {border-bottom: 2px solid #1299A5;border-top: 2px solid #1299A5;margin:0.6em 0;
      -webkit-border-bottom-left-radius: 13px;-moz-border-bottom-left-radius: 13px;border-bottom-left-radius: 13px;}
#content table td {border:none;border-bottom: 2px solid #1299A5;padding:.3em 1em .3em 0;}
#content table tr:last-child td {border:none;}
#content table td p{padding-bottom:0;margin-bottom:0}

/*Link*/
#content a, #contenta:link, #content a:active,#content a:visited {color: #508C2C;}
#content a:hover {color: #58585A;}

/*Teaser*/
#content .absatz.picture.teaser {margin-bottom: 0;position: relative;border-bottom: 1px solid #1299A5;background-color: rgba(152, 210, 231, 0.5);padding-left: 10px;padding-right: 10px;}
.teaser + .headline {margin-top: 30px;}
#content .teaser .teaser-headline {position: relative;cursor: pointer;}
#content .teaser .teaser-headline:before {font-family: FontAwesome;content: '\f107';font-size: 25px;color:#818181;position: absolute;top:14px;right: 0;}
#content .teaser .teaser-headline.show:before {content: '\f106';}
/*#content .teaser .teaser-headline img {transform: scale(1);width: 100px;margin-right: 20px;transition: all 0.5s ease;}
#content .teaser .teaser-headline.show img {transform: scale(0);width: 0;margin-right: 0;transition: all 0.5s ease;}*/
#content .teaser .teaser-headline h3 {padding: 1em 0;color: #27699D;}
#content .teaser .teaser-content {display: none;}

/*Testimonials*/
#testimonials {display: flex;justify-content: space-between;flex-wrap: wrap;margin: 20px 0;position: relative;}
#content #testimonials {margin: 200px auto 3em auto;}
.testimonial-link {position: absolute;width: 177px;height: 31px;background-color: rgba(88,88,90,0.3);bottom: 162px;left: -41px;}
.testimonial-link a {color: #fff !important;display: block;text-align: center;letter-spacing: 0.2em;padding-top: 1px;}
.testimonial-link a:hover {color: #9A9997!important;}
#unterseite .testimonial-link {display: none;}
.testimonial {width: 220px;margin-bottom: 30px;}
.testimonial .headline {border-bottom: 4px solid #58585A;margin-bottom: 7px;}
.testimonial .headline p {padding: 0;}
.testimonial .headline h3 {}
.testimonial .testimonial-text > div {overflow: hidden;transition: all 0.5s ease;}
.testimonial .testimonial-text.show > div {max-height: 600px !important;transition: all 0.8s ease;}
.testimonial .testimonial-text p::after {content: '';position: absolute;width: 220px;bottom: 22px;height: 148px;left: 0;
       background: rgb(255,255,255);background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.4) 80%, rgba(255,255,255,1) 100%);}
.testimonial .testimonial-text.show p::after {background: none;}
.testimonial .testimonial-text {position: relative;}
.testimonial .testimonial-text span.more {display: none;}
.testimonial .testimonial-text span.more {display: block;border-top: 2px solid #58585A;height: 20px;width: 220px;text-align: center;color: #9A9997;cursor: pointer;}
.testimonial .testimonial-text span.more:after {content: 'more ...';}
.testimonial .testimonial-text.show span.more:after {content: 'less ...';}
.testimonial .testimonial-text p {padding: 5px;}
.testimonial .testimonial-gallery {position: relative;}
.testimonial figure {position: relative;width: 100%;}
.testimonial figcaption {position: absolute;bottom: 0;left: 0;width: 100%;}
.testimonial figcaption p {padding: 3px 10px;}
.testimonial .arrow {cursor: pointer;height: 35px;background: rgba(154,153,151,0.7);overflow: hidden;position: absolute;top: 65px;width: 35px;z-index: 101;}
.testimonial .arrow-next {right: 0;}
.testimonial .arrow-prev {left: 0;}
.testimonial .arrow-next:before, .testimonial .arrow-prev:before {font-family: FontAwesome;font-size: 30px;color: #fff;position: absolute;top:1px;}
.testimonial .arrow-next:before {content: '\f105';right: 10px;}
.testimonial .arrow-prev:before {content: '\f104';left: 10px;}

/*great gallery*/
.carousel {position: relative;overflow: hidden;}
#great-gallery {}
#great-gallery .headline h2 {}
#great-gallery .great-gallery-text {max-width: 220px;}
#great-gallery .great-gallery-text.links {float: left;}
#great-gallery .great-gallery-text.rechts {float: right;}
#great-gallery .great-gallery-text h2 {text-transform: uppercase;border-bottom: 4px solid #58585A;margin-bottom: 16px;padding: 0 5px 0.3em 5px;}
#great-gallery .great-gallery-text p {padding-left: 5px;padding-right: 5px;line-height: 1.7em;}
#great-gallery .great-gallery {position: relative;max-width: 480px;margin-bottom: 30px;}
#great-gallery .great-gallery.links {float: right;}
#great-gallery .great-gallery.rechts {float: left;}
#great-gallery .great-gallery figure {position: relative;width: 100%;}
#great-gallery .great-gallery figcaption {position: absolute;bottom: 0;left: 0;width: 52%;}
#great-gallery .great-gallery figcaption p {padding: 3px 10px;}
#great-gallery .pager {position: absolute;}
#great-gallery .pager.rechts {right: 127px;}
#great-gallery .pager .arrow {cursor: pointer;height: 31px;background-color: #508C2C;overflow: hidden;position: absolute;bottom: -17px;width: 63px;z-index: 101;}
#great-gallery .pager .arrow-next {left: 64px;}
#great-gallery .pager .arrow-prev {left: 0;}
#great-gallery .pager .arrow-next:before, #great-gallery .pager .arrow-prev:before {font-family: FontAwesome;font-size: 30px;color: #fff;position: absolute;top:1px;}
#great-gallery .pager .arrow-next:before {content: '\f105';left: 10px;}
#great-gallery .pager .arrow-prev:before {content: '\f104';right: 10px;}

/*great-before-after-gallery*/
#great-gallery .great-before-after-gallery {max-width: inherit;}
#great-gallery .great-before-after-gallery .great-gallery-text {max-width: inherit;}
#great-gallery .great-before-after-gallery figure {float: left;width: auto;}
#great-gallery .great-before-after-gallery .pager {top: 318px;right: 128px;}

.iconholder {position: fixed;top: 0;right: 0;z-index: 1000;}
.icons {position: absolute;display: block;right: 0;width: 31px;transition: all 0.5s ease;background-color: #508C2C;}
.icons.fb.show, .icons.inst.show {right: 420px;transition: all 0.5s ease;}
.icons.fb {top:185px;}
.icons.inst {top:224px;}
.icons.inst img {width: 24px;padding: 7px 0 10px 4px;}
.icons .icon-fb:before, .icons .icon-inst:before {font-family: FontAwesome;font-size: 26px;font-weight: normal;color: #fff;width: 31px;display: block;}
.icons .icon-fb:before {content: "\f09a";padding: 10px 0 1px 7px;}

/*Formular*/
a.formlink-button {position: fixed;right: -155px;top: 186px;width: 31px;display: block;color: #fff;font-size: 1em;padding: 0 10px;line-height: 2.1em;background: #58585A;width: 166px;height: 31px;z-index: 1000;transition: all 0.5s ease;}
a.formlink-button.show {right: 265px;transition: all 0.5s ease;}
a.formlink-button:hover {color: #9A9997;}
.formlink-box {position: fixed;width: 0;height: 100%;overflow: auto;right: 0;top: 0; z-index: 1000;transition: all 0.5s ease;}
.formlink-box.show {width: 420px;transition: all 0.5s ease;}
#form.enquiry-form {background: #58585a;color: white;overflow: hidden;}
#form .form-box {padding: 30px 30px;width: 355px;}
#form .yform {clear: both;}
#form h3 {font-size:1.2em;color: #fff;}
#form  hr.form {border: 2px solid #508C2C;width: 45%;float: left;margin: 16px 0;}

.yform .hinweis, .yform .rp_form span {}
.yform label {;padding:0;margin:0.1em 0 0;display:block;width:100px;float: left;}
.yform input {font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;font-size: 0.9em;color:#fff;width:69%;padding:2px 3px;margin:2px 0;background-color: #79797B;border: none;}
.yform textarea {font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;font-size: 0.9em;color:#fff;width:354px;padding:2px 3px;margin:2px 0;background-color: #79797B;border: none;}
fieldset > div {clear: both;}
.yform #yform-formular-adress textarea {width: 69%;}
.yform select {font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;font-size: 0.9em;width:360px;color: #fff;;padding:2px 3px;background-color: #79797B;border: none;}
.yform button {font-size: 0.9em;padding: 3px 10px;background: #fff;color: #58585a;margin: 10px 0;font-weight: bold;border: none;width: 100%;text-align: left;}
/*.yform .rp_form button {margin:10px 0 0 0;}*/
.yform textarea:focus, .yform input:focus, .yform textarea:hover, .yform input:hover {background-color: #fff;color:#58585A;}
.yform button:hover {background-color: #508C2C;color: #fff;}
.yform .checkbox label {width: auto;}
.yform .checkbox input {float: left;width: auto;margin: 12px 20px 0 138px;}
.yform .checkbox p {width: 80%;float: left;}
.yform .alert-danger {margin-bottom: 10px;color: #FFAC91;}
.yform .has-error {color: #FFAC91;}
#form-module-thanks{color:#ec7404;border:1px solid #ec7404;padding:1em 1.5em}
.yform #yform-formular-email2 {display: none;}
.absatz.dankmeldung {margin: 20px 0;min-height: 116px;clear: both;}
#yform-formular-nachricht {margin-top: 13px;}
.form-captcha .control-label {line-height: 1em;margin: 24px 0;}
.form-captcha .input-group-btn a {color: #E0B849;}

/*OSM Maps*/
#map_canvas {margin: 30px 0;height: 400px;-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 {font-size: 16px; padding: 0 0 3px 0;color: #666;}
#osm_rp .start, #rp .send {-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 #009036;color: #333;font-size: 16px;padding: 8px;margin: 5px 20px 20px 0;width: 56%;background-color:rgba(0,144,54,0.08);}
#osm_rp .start:focus {background-color: #fff;}
#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 #009036;color: #333;font-size: 16px;padding: 8px;margin: 5px 20px 20px 0;width: 37%;background-color:rgba(0,144,54,0.1);}
#osm_rp .send { border: 1px solid #009036;background-color:rgba(0,144,54,0.8);color: #fff; font-size: 17px; padding: 8px; width: auto;
        -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: #333;cursor: pointer;}
.openstreetmapthumb {width: 100%;height: 400px;background-color:rgba(0,144,54,0.1); 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);margin: 10px 0 0 0 !important;}
.openstreetmapthumb span {background-color:rgba(0,144,54,0.8);padding: 0.3em 1em;font-weight: bold;font-size: 1.4em;display: inline-block;color: #fff;}
.leaflet-pane, .leaflet-control, .leaflet-top, .leaflet-bottom {z-index: 0 !important;}

/*Cookie-OK*/
/*.cookieinfo {display: none;opacity: 1; position: fixed; bottom: 15%; color: #fff; background-color: rgba(80,140,44,0.9); padding: 0.6em; z-index: 1000;text-align: center;}
.cookieinfo a {color: #fff;margin: 10px 5px 0 0;display: inline-block;text-decoration: underline;}
.cookieinfo a:hover {color: #58585A;}
a.cookieok {background: #BFBFBE; padding: 0 0.5em; text-decoration: none;color: #fff;}*/

#pfeil {z-index: 1000;padding: 10px; background-color: #58585A;display: none;opacity: 0.9;bottom: 15%;right: 1%;height: 20px;position: fixed;width: 20px;cursor: pointer;
        -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;-webkit-box-shadow: 2px 2px 6px 1px rgba(0,0,0,0.3);-moz-box-shadow: 2px 2px 6px 1px rgba(0,0,0,0.3);box-shadow: 2px 2px 6px 1px rgba(0,0,0,0.3);}
#pfeil:before {font-family: FontAwesome;content: '\f062';font-size: 23px;color:#fff;position: absolute;top:6px;left: 10px;}

.pswp__caption__center > span {font-weight: normal;padding-top: 6px;}

/*Startanimation*/
#start header {-webkit-animation: StartbildIntro 4s;-moz-animation: StartbildIntro 4s;-o-animation: StartbildIntro 4s;-ms-animation: StartbildIntro 4s;animation: StartbildIntro 4s;}
#start #slogan, #start .startmain {-webkit-animation: StartContent 4s;-moz-animation: StartContent 4s;-o-animation: StartContent 4s;-ms-animation: StartContent 4s;animation: StartContent 4s;}
#start #logo {-webkit-animation: StartLogoIntro 3s;-moz-animation: StartLogoIntro 3s;-o-animation: StartLogoIntro 3s;-ms-animation: StartLogoIntro 3s;animation: StartLogoIntro 3s;}
#start nav {-webkit-animation: StartNavi 4s;-moz-animation: StartNavi 4s;-o-animation: StartNavi 4s;-ms-animation: StartNavi 4s;animation: StartNavi 4s;}
#start #button {-webkit-animation: StartNaviButton 4s;-moz-animation: StartNaviButton 4s;-o-animation: StartNaviButton 4s;-ms-animation: StartNaviButton 4s;animation: StartNaviButton 4s;}
#start #footer-edge, #start #footer {-webkit-animation: StartFooterEdge 4s;-moz-animation: StartFooterEdge 4s;-o-animation: StartFooterEdge 4s;-ms-animation: StartFooterEdge 4s;animation: StartFooterEdge 4s;}
#start #formlink, #start #getform, #start .iconholder {-webkit-animation: StartEcken 4s;-moz-animation: StartEcken 54s;-o-animation: StartEcken 4s;-ms-animation: StartEcken 4s;animation: StartEcken 4s;}
/*body#start .cookieinfo {-webkit-animation: StartCookieOK 6s;-moz-animation: StartCookieOK 6s;-o-animation: StartCookieOK 6s;-ms-animation: StartCookieOK 6s;animation: StartCookieOK 6s;}*/

@keyframes StartbildIntro { 0% {opacity:0;} 5% {opacity:0;} 60% {opacity: 1;}}
@keyframes StartContent { 0% {transform: translate(0, 1000px);} 20% {transform: translate(0, 1000px);} 40% {transform: translate(0,0);}}
@keyframes StartLogoIntro {0% {transform: scaleX(0);opacity:0;} 60% {transform:  scaleX(0);opacity:0;} 67% {transform:  scaleX(-1);opacity:0.3;} 74% {transform:  scaleX(0);opacity:0.7;} 81% {transform:  scaleX(1);opacity:1;}}
@keyframes StartNavi { 0% {transform: translate(-600px,-227px) rotate(0);} 60% {transform: translate(-600px,-227px) rotate(-90deg);} 61% {transform: translate(0,-227px) rotate(-90deg);}}
@keyframes StartNaviButton { 0% {transform: translate(0,-200px);} 50% {transform: translate(0,-200px);} 80% {transform: translate(0,0);}}
@keyframes StartFooterEdge { 0% {transform: translate(0, 200px);} 60% {transform: translate(0, 200px);} 80% {transform: translate(0,0);}}
@keyframes StartEcken { 0% {opacity:0;} 80% {opacity:0;} 90% {opacity: 1;}}
/*@keyframes StartCookieOK { 0% {opacity: 0;} 60% {opacity: 0;} 70% {opacity: 1;}}*/

/*Startanimation*/
/*#start header {-webkit-animation: StartbildIntro 4s;-moz-animation: StartbildIntro 4s;-o-animation: StartbildIntro 4s;-ms-animation: StartbildIntro 4s;animation: StartbildIntro 4s;}
#start #slogan, #start .startmain {-webkit-animation: StartContent 4s;-moz-animation: StartContent 4s;-o-animation: StartContent 4s;-ms-animation: StartContent 4s;animation: StartContent 4s;}
#start #logo {-webkit-animation: StartLogoIntro 3s;-moz-animation: StartLogoIntro 3s;-o-animation: StartLogoIntro 3s;-ms-animation: StartLogoIntro 3s;animation: StartLogoIntro 3s;}
#start nav {-webkit-animation: StartNavi 4s;-moz-animation: StartNavi 4s;-o-animation: StartNavi 4s;-ms-animation: StartNavi 4s;animation: StartNavi 4s;}
#start #button {-webkit-animation: StartNaviButton 4s;-moz-animation: StartNaviButton 4s;-o-animation: StartNaviButton 4s;-ms-animation: StartNaviButton 4s;animation: StartNaviButton 4s;}
#start #footer-edge {-webkit-animation: StartFooterEdge 4s;-moz-animation: StartFooterEdge 4s;-o-animation: StartFooterEdge 4s;-ms-animation: StartFooterEdge 4s;animation: StartFooterEdge 4s;}
#start #formlink, #start #getform, #start .imprint-box {-webkit-animation: StartEcken 4s;-moz-animation: StartEcken 54s;-o-animation: StartEcken 4s;-ms-animation: StartEcken 4s;animation: StartEcken 4s;}
body#start .cookieinfo {-webkit-animation: StartCookieOK 6s;-moz-animation: StartCookieOK 6s;-o-animation: StartCookieOK 6s;-ms-animation: StartCookieOK 6s;animation: StartCookieOK 6s;}

@keyframes StartbildIntro { 0% {opacity:0;} 5% {opacity:0;} 60% {opacity: 1;}}
@keyframes StartContent { 0% {transform: translate(0, 1000px);} 20% {transform: translate(0, 1000px);} 40% {transform: translate(0,0);}}
@keyframes StartLogoIntro {0% {transform: scaleX(0);opacity:0;} 60% {transform:  scaleX(0);opacity:0;} 67% {transform:  scaleX(1);opacity:0.3;} 74% {transform:  scaleX(0);opacity:0.5;} 81% {transform:  scaleX(-1);opacity:0.7;} 88% {transform:  scaleX(0);opacity:0.9;} 95% {transform:  scaleX(1);opacity:1;}}
@keyframes StartNavi { 0% {transform: translate(-600px,-227px) rotate(0);} 70% {transform: translate(-600px,-227px) rotate(-90deg);} 71% {transform: translate(0,-227px) rotate(-90deg);}}
@keyframes StartNaviButton { 0% {transform: translate(0,-200px);} 60% {transform: translate(0,-200px);} 90% {transform: translate(0,0);}}
@keyframes StartFooterEdge { 0% {transform: translate(0, 200px);} 70% {transform: translate(0, 200px);} 90% {transform: translate(0,0);}}
@keyframes StartEcken { 0% {opacity:0;} 90% {opacity:0;} 100% {opacity: 1;}}
@keyframes StartCookieOK { 0% {opacity: 0;} 90% {opacity: 0;} 100% {opacity: 1;}}*/