/* CSS Document */

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,q,small,strong,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;margin:0;padding:0}article,aside,figure,figure img,figcaption,hgroup,footer,header,nav,section,video,object{display:block}a img{border:0}figure,figure img{padding: 0; margin: 0;}
@font-face {
    font-family: 'Frank Ruhl Libre';
    src: url('../fonts/FrankRuhlLibre-Light.eot');
    src: url('../fonts/FrankRuhlLibre-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/FrankRuhlLibre-Light.woff2') format('woff2'),
        url('../fonts/FrankRuhlLibre-Light.woff') format('woff'),
        url('../fonts/FrankRuhlLibre-Light.ttf') format('truetype'),
        url('../fonts/FrankRuhlLibre-Light.svg#FrankRuhlLibre-Light') format('svg');
    font-weight: 300;    font-style: normal;}
@font-face {
    font-family: 'Frank Ruhl Libre';
    src: url('../fonts/FrankRuhlLibre-Medium.eot');
    src: url('../fonts/FrankRuhlLibre-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/FrankRuhlLibre-Medium.woff2') format('woff2'),
        url('../fonts/FrankRuhlLibre-Medium.woff') format('woff'),
        url('../fonts/FrankRuhlLibre-Medium.ttf') format('truetype'),
        url('../fonts/FrankRuhlLibre-Medium.svg#FrankRuhlLibre-Medium') format('svg');
    font-weight: 500;    font-style: normal;}
@font-face {    font-family: 'Frank Ruhl Libre';
    src: url('../fonts/FrankRuhlLibre-Regular.eot');
    src: url('../fonts/FrankRuhlLibre-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/FrankRuhlLibre-Regular.woff2') format('woff2'),
        url('../fonts/FrankRuhlLibre-Regular.woff') format('woff'),
        url('../fonts/FrankRuhlLibre-Regular.ttf') format('truetype'),
        url('../fonts/FrankRuhlLibre-Regular.svg#FrankRuhlLibre-Regular') format('svg');
    font-weight: normal;   font-style: normal;}
html{width: 100%;  overflow-x: hidden !important;height: auto;}
body{font-family: 'Frank Ruhl Libre'; font-weight: 300; font-style: normal; font-size:16px;  color: #1b0f00;  width: 100%;  background:url(../images/oberlausitz-bg.jpg) repeat-y fixed top right;}
body.startseite{font-family: 'Frank Ruhl Libre'; font-weight: 300; font-style: normal; font-size:15px;  color: #faefc2;  width: 100%;  background: #1e1100; background-image: none;}
*{box-sizing: border-box;}
.text-center{text-align: center;}
.text-right{text-align: left;}
.text-left{text-align: left;}
.display{display: none;}
.mobil{display: inherit;}
.clear{clear: both;}
.invisible{display: none !important;}
h1{font-weight: 400; font-size: 1.5em; margin-bottom: 20px;}
h1 span{font-size: 0.55em;}
h2{font-weight: 500; font-size: 1.3em; margin-bottom: 20px; padding-bottom: 20px; position: relative; margin-top: 30px}
h2::after{content: ""; position: absolute;  height: 2px; width: 5%; display: block; background: #1b0f00; bottom: 0; left: 0;}
h3{font-weight: 500; font-size: 1.1em; margin-bottom: 10px;}
p{margin-bottom: 15px; line-height: 1.5em;}
p strong{font-weight: 500;}
.row{width: 100%; position: relative; padding: 0 10px;}
[class*='col-']{width: 100%; padding: 0 0px;}
.hamburger {  padding: 10px 10px;  display: inline-block;  cursor: pointer;  transition-property: opacity, filter;  transition-duration: 0.15s;  transition-timing-function: linear;  font: inherit;  color: inherit;  text-transform: none;  background-color: #1e1100;  border: 0;  margin: 0;  overflow: visible; width: 100%; text-align: center; z-index: 10; position: relative; border-top: 1px solid #d6a730;}
.hamburger:hover {    opacity: 0.7; }
.hamburger-box {  width: auto;  height: 24px;  display: inline-block;  position: relative; }
.hamburger-inner {  display: block;  top: 50%;  margin-top: -2px; margin-left: -60px;}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {    width: 40px;    height: 4px;    background-color:#d6a730;    border-radius: 4px;    position: absolute;
    transition-property: transform;    transition-duration: 0.15s;    transition-timing-function: ease; }
.hamburger-inner::before, .hamburger-inner::after {    content: "";    display: block; }
.hamburger-inner::before {    top: -10px; }
.hamburger-inner::after {bottom: -10px; }
.hamburger--spring .hamburger-inner {  top: 2px;  transition: background-color 0s 0.13s linear; }
.hamburger--spring .hamburger-inner::before {    top: 10px;    transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--spring .hamburger-inner::after {    top: 20px;    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--spring.is-active .hamburger-inner {  transition-delay: 0.22s;  background-color: transparent; }
.hamburger--spring.is-active .hamburger-inner::before {    top: 0;    transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);    transform: translate3d(0, 10px, 0) rotate(45deg); }
.hamburger--spring.is-active .hamburger-inner::after {    top: 0;    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0, 10px, 0) rotate(-45deg); } 
.hamburger-inner span{margin-left: 60px;font-size: 1.3em;text-transform: uppercase; color: #e9c64f;}
nav{width: 100%; padding: 0; border: none; display: inherit}
nav ul{position: relative;right: 0px; left: 0;margin-left: 0px;width: 100%;z-index: 9999; background: #1e1100; list-style: none; border: none;}
nav ul li{margin:0px !important; max-width:none; white-space:nowrap; text-align: center; border: none;  border-top: none;border-bottom: none;}
nav ul li:hover{border: none; }
nav ul li a{min-height:auto;width: 100%;	margin:0px;	float:none; display: block; font-size: 1.2em; padding: 10px 0 10px 0;  height: inherit;  color: #e9d052;  text-decoration: none; font-weight: 400;}
nav ul li{display:none; float:none;	} 
nav ul li:hover a, nav ul li.active a{color:  #1e1100; border: none; background: #e9d052;}
nav ul li.danke{display: none !important;}
header{background: #1e1100; width: 100%; display: inline-block; padding: 10px 0 0 0;}
header .logo{width: 100%; display: inline-block; text-align: center;padding-bottom: 10px;}
header .logo img{width: 70%; height: auto;}
.mod_article a{color: #d6a725; text-decoration: none; font-weight: 500;}
.mod_article a.start-button{background: #d0a024; background: -moz-linear-gradient(left,  #d0a024 0%, #d5a221 12%, #d5a221 29%, #dbbd3a 39%, #dbbd3a 53%, #d5a221 66%, #dbbd3a 84%, #d5a221 100%, #d5a221 100%); background: -webkit-linear-gradient(left,  #d0a024 0%,#d5a221 12%,#d5a221 29%,#dbbd3a 39%,#dbbd3a 53%,#d5a221 66%,#dbbd3a 84%,#d5a221 100%,#d5a221 100%); background: linear-gradient(to right,  #d0a024 0%,#d5a221 12%,#d5a221 29%,#dbbd3a 39%,#dbbd3a 53%,#d5a221 66%,#dbbd3a 84%,#d5a221 100%,#d5a221 100%);
border-radius: 10px; position: relative; color: #fff; padding: 10px 15px; display: inline-block; font-weight: 500; text-decoration: none; vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0);}
.mod_article a.start-button:before {  content: '';  position: absolute;  border: white solid 1px;  border-radius: 10px;   top: 4px;  left: 4px;  right: 4px;  bottom: 4px;  opacity: 1;}
.mod_article{width: 100%; clear: both; position: relative;}
.mod_article.sidebar{width: 100%; clear: both; position: relative;}
.mod_article.sidebar .left{display: none;}
.mod_article.sidebar .bildwechsel{width: 100%; height: auto; display: inline-block; position: relative; margin:  0; z-index: 5; margin-top: -5px;}
.mod_article.sidebar .bildwechsel .flexslider{background: none; border: none; border-bottom: 10px solid #d6a730; overflow: hidden; height: 190px;}
.mod_article.sidebar .bildwechsel .flexslider ul.slides li{width: 100%; height: auto; min-height: 190px; max-height: 190px; position: relative;}
.mod_article.sidebar .bildwechsel .text-area{display: inline-block; padding: 30px 15px;}
.mod_article.content{position: relative; padding: 50px 30px 0 50px;}
.mod_article.content::before{content: ""; position: absolute; left: 10px; top: 40px; height: 100%; width: 7px; background: url(../images/content-lines-gold.png) no-repeat top left;}
.mod_article.content h1{color: #d3a123; font-size: 1.6em;}
.mod_article.content span.zeit{width: 120px; height: auto; float: left; margin-right: 10px; display: inline-block;}
body.startseite .bildwechsel{width: 100%; height: auto; display: inline-block; position: relative; margin:  0; z-index: 5;}
body.startseite .bildwechsel .flexslider{background: none; border: none; border-bottom: 10px solid #d6a730; overflow: hidden; height: 190px;}
body.startseite .bildwechsel .flexslider ul.slides li{width: 100%; height: auto; min-height: 190px; max-height: 190px; position: relative;}
body.startseite .bildwechsel .text-area{display: inline-block; padding: 30px 15px 30px 40px;  color: #fff; position: relative; min-height: 290px; margin: 20px 0 0 30px;}
body.startseite .bildwechsel .text-area::before{content:""; position: absolute; left: 0; top: 0; bottom: 0; height: 100%; width: 7px; background: url(../images/content-lines-white.png) no-repeat bottom left;}
body.startseite .bildwechsel .text-area h1{text-shadow: 0px 0px 2px rgb(0, 0, 0);}
.ce_gallery{width: 100%; clear: both; display: inline-block;}
.ce_gallery .galerie.cols_1 .image, .ce_gallery .galerie.cols_2 .image, .ce_gallery .galerie.cols_3 .image, .ce_gallery .galerie.cols_4 .image, .ce_gallery .galerie.cols_5 .image, .ce_gallery .galerie.cols_6 .image, .ce_gallery .galerie.cols_7 .image, .ce_gallery .galerie.cols_8 .image, .ce_gallery .galerie.cols_9 .image, .ce_gallery .galerie.cols_10 .image, .ce_gallery .galerie.cols_11 .image, .ce_gallery .galerie.cols_12 .image{width: 48%; display: block; margin: 0 1% 3px 0; float: left; height: 85px; overflow: hidden; border: 1px solid #fff;}
.mod_newslist .layout_full{width: 100%; display: inline-block; padding: 20px 0 30px 0; border-bottom: 1px solid #d6a730;}
.zweispalten h2{color: #4d4d4d;}
.mod_article .text-gal .spalte.last .gallery{width: 100%;}
.mod_article .text-gal .spalte.last .gallery ul li{width: 48%; display: block; margin: 0 1% 3px 0; float: left; height: 85px; overflow: hidden; border: 1px solid #fff; position: relative;}
.mod_article .text-gal .spalte.last .gallery ul li > a{	position: absolute;	top: 0;	left: 0;	width: 100%;	height: 100%;z-index: 1000;	text-indent: 200%;	white-space: nowrap;	font-size: 0;	opacity: 0;}
.mod_article .ce_text ul, .mod_article ol, .zweispalten ul{margin: 0 0 15px 15px;}
.mod_article ol li{font-weight: 400;}
.mod_article ol ul{margin: 0 0 15px 15px;}
.mod_article ol ul li{font-weight: 300;}
.ce_accordion{width: 100%; clear: both; margin-top: 20px; display: inline-block;}
.ce_accordion .ui-accordion-header{background: #dbbd3a; color: #fff; padding: 10px 20px; display: block; font-weight: 400; border-bottom: 2px solid #d0a024; font-size: 1.1em; border-radius: 20px;}
.ce_accordion .ui-accordion-header:hover{background: #d0a024; color: #fff;}
.ce_accordion .ui-accordion-header.active{background: #d0a024; color: #fff; border-bottom: 2px solid #dbbd3a; border-radius: 0; border-top-left-radius: 20px; border-top-right-radius: 20px;}
.ce_accordion .ui-accordion-content{padding: 20px 0;}
.ce_form{width: 100%; margin-bottom: 100px; padding: 30px 0;}
.ce_form .mitteilung, .ce_form .daten{width: 100%;}
.ce_form fieldset{width: 100%; clear: both; padding: 0 10px 10px 10px; border: 1px solid #b4b4b4; margin-bottom: 20px;}
.ce_form fieldset legend{width: 100%; clear: both; margin-bottom: 7px; font-size: 1.2em; color: #004ca0; font-family: 'Merriweather', serif; font-weight: 400;}
.ce_form fieldset.daten .widget{width: 100%; margin-bottom: 7px;clear: both; display: block;}
.ce_form fieldset.daten .widget label{width: 100%; margin-bottom: 3px;clear: both; display: block;}
.ce_form fieldset.daten .widget label span.mandatory{color: #fd0d29;margin-left: 5px;position: relative;}
.ce_form fieldset.daten .widget input{width: 100%; margin-bottom: 3px;clear: both; display: block;height: 30px; border: 1px solid #b4b4b4;}
.ce_form fieldset.mitteilung .widget textarea{width: 100%; margin-bottom: 3px;clear: both; display: block;height: 120px; border: 1px solid #b4b4b4;}
.ce_form .datenschutz{width: 100%; clear: both;}
.ce_form .explanation a{color: #004ca0; text-decoration: none;}
.ce_form .datenschutz fieldset{width: 100%; clear: both; padding: 0 10px 10px 0px; border: none; margin-bottom: 0px;}
.ce_form .widget button.submit{color: #fff; background: #004ca0; display: inline-block; padding: 5px 20px; text-transform: uppercase; border: none; font-size: 1.05em;}
footer{display: none;}
a.map-button{width: auto; height: auto; display: inline-block; text-align: center; padding: 20px 50px; background: #d6a730; color: #fff !important; text-decoration: none; font-weight: 700; margin-top: 30px;box-sizing: border-box; font-size: 1.2em; max-width: 100%;}
a.map-button span.small{font-size: 0.9em; font-weight: 400;}
.hvr {  display: inline-block;  vertical-align: middle;  -webkit-transform: perspective(1px) translateZ(0);  transform: perspective(1px) translateZ(0);  box-shadow: 0 0 1px rgba(0, 0, 0, 0);  position: relative;  -webkit-transition-duration: 0.3s;  transition-duration: 0.3s;
  -webkit-transition-property: transform;transition-property: transform;}
.hvr:before {  position: absolute;  z-index: -1;  content: '';  left: calc(50% - 10px);  bottom: 0;  border-style: solid;  border-width: 10px 10px 0 10px;  border-color: #d6a730 transparent transparent transparent;  -webkit-transition-duration: 0.3s;  transition-duration: 0.3s;
  -webkit-transition-property: transform;transition-property: transform;}
.hvr:hover, .hvr:focus, .hvr:active {  -webkit-transform: translateY(-10px);transform: translateY(-10px);}
.hvr:hover:before, .hvr:focus:before, .hvr:active:before {  -webkit-transform: translateY(10px);transform: translateY(10px);}

@media screen and (min-width: 320px){
header .logo img{width: auto; height: auto;}
.mod_article.sidebar .bildwechsel .flexslider, body.startseite .bildwechsel .flexslider{height: 200px;}
.mod_article.sidebar .bildwechsel .flexslider ul.slides li, body.startseite .bildwechsel .flexslider ul.slides li{min-height: 200px; max-height: 200px; position: relative;}
.ce_gallery .galerie.cols_1 .image, .ce_gallery .galerie.cols_2 .image, .ce_gallery .galerie.cols_3 .image, .ce_gallery .galerie.cols_4 .image, .ce_gallery .galerie.cols_5 .image, .ce_gallery .galerie.cols_6 .image, .ce_gallery .galerie.cols_7 .image, .ce_gallery .galerie.cols_8 .image, .ce_gallery .galerie.cols_9 .image, .ce_gallery .galerie.cols_10 .image, .ce_gallery .galerie.cols_11 .image, .ce_gallery .galerie.cols_12 .image{float: left; height: 110px; width: 31%;}
}
@media screen and (min-width: 370px){
.mod_article.sidebar .bildwechsel .flexslider, body.startseite .bildwechsel .flexslider{height: 230px;}
.mod_article.sidebar .bildwechsel .flexslider ul.slides li, body.startseite .bildwechsel .flexslider ul.slides li{min-height: 230px; max-height: 230px; position: relative;}
body.startseite .bildwechsel .flexslider{height: 260px;}
body.startseite .bildwechsel .flexslider ul.slides li{min-height: 260px; max-height: 260px; position: relative;}
body.startseite .bildwechsel .text-area h1{font-size: 1.9em;}
}
@media screen and (min-width: 410px){
.mod_article.sidebar .bildwechsel .flexslider, body.startseite .bildwechsel .flexslider{height: 260px;}
.mod_article.sidebar .bildwechsel .flexslider ul.slides li, body.startseite .bildwechsel .flexslider ul.slides li{min-height: 260px; max-height: 260px; position: relative;}
body.startseite .bildwechsel .flexslider{height: 300px;}
body.startseite .bildwechsel .flexslider ul.slides li{min-height: 300px; max-height: 300px; position: relative;}
}
@media screen and (min-width: 500px){
.mod_article.sidebar .col-100{width: 100%; float: left; clear: none;}
.mod_article.sidebar .bildwechsel .flexslider{height: 350px;}
.mod_article.sidebar .bildwechsel .flexslider ul.slides li{min-height: 350px; max-height: 350px; position: relative;}
body.startseite .bildwechsel .flexslider{height: 300px;}
body.startseite .bildwechsel .flexslider ul.slides li{min-height: 300px; max-height: 300px; position: relative;}
.ce_gallery .galerie.cols_1 .image, .ce_gallery .galerie.cols_2 .image, .ce_gallery .galerie.cols_3 .image, .ce_gallery .galerie.cols_4 .image, .ce_gallery .galerie.cols_5 .image, .ce_gallery .galerie.cols_6 .image, .ce_gallery .galerie.cols_7 .image, .ce_gallery .galerie.cols_8 .image, .ce_gallery .galerie.cols_9 .image, .ce_gallery .galerie.cols_10 .image, .ce_gallery .galerie.cols_11 .image, .ce_gallery .galerie.cols_12 .image{float: left; height: auto; width: 150px; display: inline-block;}
}
@media screen and (min-width: 580px){
.mod_article.sidebar .left .col-50 figure{width: 100%; display: inline-block; height: 125px; overflow: hidden;}
.mod_article.sidebar .bildwechsel .flexslider{height: 380px;}
.mod_article.sidebar .bildwechsel .flexslider ul.slides li{min-height: 380px; max-height: 380px; position: relative;}
.mod_newslist .layout_full .ce_text, .ce_accordion .ui-accordion-content .ce_text{width: 100%; float: left;}
.mod_newslist .layout_full .ce_gallery, .ce_accordion .ui-accordion-content .ce_gallery{width: 100%; float: left; clear: both; margin-bottom: 30px; position: relative;}
.mod_newslist .layout_full .ce_player, .ce_accordion .ui-accordion-content .ce_player{width: 100%; margin: 0 auto; clear: both; display: inline-block;}
.mod_article .text-gal .spalte{width: 49%; float: left; margin-right: 1%;}
.mod_article .text-gal .spalte.last{width: 49%; float: left; margin-left: 1%; clear: none; margin-right: 0;}
.mod_article .text-gal .spalte.last .gallery ul li{width: 150px; display: block; margin: 0 1% 3px 0; float: left; height: 90px; overflow: hidden; border: 1px solid #fff; position: relative;}
.mod_article.content h1{font-size: 1.9em;}
body.startseite .bildwechsel .flexslider{height: 340px;}
body.startseite .bildwechsel .flexslider ul.slides li{min-height: 340px; max-height: 340px; position: relative;}
}
@media screen and (min-width: 700px){
.mod_article.sidebar .left .col-50 figure{width: 100%; display: inline-block; height: 145px; overflow: hidden;}
.mod_article.sidebar .bildwechsel .flexslider{height: 400px; }
.mod_article.sidebar .bildwechsel .flexslider ul.slides li{min-height: 400px; max-height: 400px; position: relative;}
body.startseite .bildwechsel .flexslider{height: 420px;}
body.startseite .bildwechsel .flexslider ul.slides li{min-height: 420px; max-height: 420px; position: relative;}
}
@media screen and (min-width: 800px) and (min-height: 530px){
.mod_article.sidebar .left .col-50 figure{width: 100%; display: inline-block; height: 155px; overflow: hidden;}
.mod_article.sidebar .bildwechsel .flexslider{height: 300px; }
.mod_article.sidebar .bildwechsel .flexslider ul.slides li{min-height: 300px; max-height: 300px; position: relative;}
body.startseite .bildwechsel .flexslider{height: 480px;}
body.startseite .bildwechsel .flexslider ul.slides li{min-height: 480px; max-height: 480px; position: relative;}
.mod_article.content h1{font-size: 2.1em;}
}
@media screen and (min-width: 900px) and (min-height: 530px){
.hamburger{display: none;}
body.startseite #wrapper{width: 100%; height: 100%; position: relative; min-height: 700px; overflow: hidden; display: inline-block; max-height: 100%;}
#container{min-height: 100%; width: 100%; display: inline-block;}
main .inside{width: 100%;display: inline-block;padding-bottom: 90px;}
.mod_article.sidebar{width: 40%; float: left; clear: none; min-height: 100%; position: fixed; top: 0; left: 0; bottom: 0; }
.mod_article.content{width: 60%; float: left; clear: none; margin-left: 40%;}
.mod_article.sidebar .left{display: inline-block; width: 99%; float: left; margin-right: 1%;}
.mod_article.sidebar .col-100{width: 99%; float: left; clear: none; margin-right: 1%;}
.mod_article.sidebar .left .col-50{width: 49%; padding: 0; float: left; margin: 0 1% 5px 0;}
.mod_article.sidebar .left .col-50.last{width: 50%;  padding: 0; float: left; margin: 0 0 5px 0;}
.mod_article.sidebar .left .col-50 figure{width: 100%; display: inline-block; height: 170px; overflow: hidden;}
.mod_article.sidebar .left .col-50 figure img{width: auto; max-width: 130%; height: 170px;}
.mod_article.sidebar .bildwechsel{margin-top: 0;}
body.startseite main .inside{width: 100%;display: inline-block;padding-bottom: 0;}
body.startseite .bildwechsel{height: 520px; min-height: 520px; position: absolute; top: -15px; left: 0; right: 0; bottom: 0;}
body.startseite .bildwechsel .flexslider{min-height: 520px; height: 520px;}
body.startseite .bildwechsel .flexslider ul.slides li{min-height: 520px; max-height: 100%; position: relative;}
body.startseite .bildwechsel .text-area {display: inline-block;  position: absolute; top: 20%; left: 10%; width: 510px;}
body.startseite .bildwechsel .text-area h1{font-size: 2.9em;}
header{display: none;}
footer{display: block; width: 100%; height: auto; position: fixed; bottom: -10px; left: 0; right: 0; z-index: 9999;}
footer .logo{background: url(../images/logo_bg.png) no-repeat top left; background-size: contain; display: block; width: 440px; height: 185px; position: absolute; left: 0; bottom: 0; }
footer .logo img{width: 50%; height: auto; margin: 15px 0 0 20px;}
footer nav{width: 100%; padding: 10px 0; border: none; display: inline-block;  background: #1b0f00;}
footer nav ul{position: relative;right: inherit; left: inherit;margin: 0px auto;width: 60%;z-index: inherit; background: #1e1100; display: inline-block; float: right; border-bottom-left-radius: 20px;border-top-left-radius: 20px; padding: 5px 20px;}
footer nav ul li{margin:inherit !important; white-space:normal; text-align: center; border: none;  border-top: none;border-bottom: none; display: inline-block;}
footer nav ul li:hover{border: none; }
footer nav ul li a{min-height:inherit;width: auto;	margin:0px;	float:left; display: block; font-size: 1.0em; padding: 5px 5px;  height: inherit;  color: #e9d052;  text-decoration: none; font-weight: 400;}
footer nav ul li:hover a, nav ul li.active a{color:  #e9d052; border: none; background: none; background:url(../images/menu-active.png) no-repeat bottom center;}
footer nav ul li.danke{display: none !important;}
}

@media screen and (min-height: 530px){
.flexslider .slides img{min-height: 300px;max-width: 120%;width: auto;}
}
@media screen and (min-height: 650px){
.mod_article.sidebar .left .col-50, .mod_article.sidebar .left .col-50.last{width: 100%; padding: 0; float: left; margin: 0 0 2px 0;}
.mod_article.sidebar .left .col-50 figure{height: 160px;}
.mod_article.sidebar .left .col-50 figure img{width: 100%; max-width: inherit; height: auto;}
}
@media screen and (min-height: 710px){
.mod_article.sidebar .left .col-50 figure{height: 170px;}
}
@media screen and (min-height: 780px){
.mod_article.sidebar .left .col-50 figure{height: 190px;}
}
@media screen and (min-width: 1040px) and (min-height: 650px){
.mod_article.sidebar{width: 50%; float: left; clear: none; min-height: 100%;}
.mod_article.content{width: 50%; float: left; clear: none; /* max-height: 430px; overflow-y: scroll;*/margin-left: 50%; }
.mod_article.sidebar .left .col-50{width: 49%; padding: 0; float: left; margin: 0 1% 2px 0;}
.mod_article.sidebar .left .col-50.last{width: 50%;  padding: 0; float: left; margin: 0 0 2px 0;}
.mod_article.sidebar .left .col-50 figure{width: 100%; display: inline-block; height: 190px; overflow: hidden;}
.mod_article.sidebar .left .col-50 figure img{width: auto; max-width: 130%; height: 190px;}
body.startseite .bildwechsel{height: 600px; min-height: 600px; position: absolute; top: -15px; left: 0; right: 0; bottom: 0;}
body.startseite .bildwechsel .flexslider{min-height: 600px; height: 800px;border-bottom: none;}
body.startseite .bildwechsel .flexslider ul.slides li{min-height: 600px; max-height: 100%; position: relative;}
.mod_article.sidebar .bildwechsel::after{content: ""; width: 100%; height: 20px; display: block; border-bottom-right-radius: 20px; position: absolute; bottom: -20px; left: 0; right: 0;
background: #d0a024; background: -moz-linear-gradient(left,  #d0a024 0%, #d5a221 12%, #d5a221 29%, #dbbd3a 39%, #dbbd3a 53%, #d5a221 66%, #dbbd3a 84%, #d5a221 100%, #d5a221 100%); background: -webkit-linear-gradient(left,  #d0a024 0%,#d5a221 12%,#d5a221 29%,#dbbd3a 39%,#dbbd3a 53%,#d5a221 66%,#dbbd3a 84%,#d5a221 100%,#d5a221 100%); background: linear-gradient(to right,  #d0a024 0%,#d5a221 12%,#d5a221 29%,#dbbd3a 39%,#dbbd3a 53%,#d5a221 66%,#dbbd3a 84%,#d5a221 100%,#d5a221 100%);}
footer .logo img{width: auto; height: auto; max-height: 140px; margin: 15px 0 0 20px;}
footer nav{top: -20px; padding: 0 0 20px 0;}
footer nav ul{width: 70%; height: 70px; border-bottom-left-radius: 0px; position: relative;}
footer nav ul::after{content: ""; width: 100%; height: 20px; display: block; border-bottom-left-radius: 20px; position: absolute; bottom: -20px; left: 0; right: 0;
background: #d0a024; background: -moz-linear-gradient(left,  #d0a024 0%, #d5a221 12%, #d5a221 29%, #dbbd3a 39%, #dbbd3a 53%, #d5a221 66%, #dbbd3a 84%, #d5a221 100%, #d5a221 100%); background: -webkit-linear-gradient(left,  #d0a024 0%,#d5a221 12%,#d5a221 29%,#dbbd3a 39%,#dbbd3a 53%,#d5a221 66%,#dbbd3a 84%,#d5a221 100%,#d5a221 100%); background: linear-gradient(to right,  #d0a024 0%,#d5a221 12%,#d5a221 29%,#dbbd3a 39%,#dbbd3a 53%,#d5a221 66%,#dbbd3a 84%,#d5a221 100%,#d5a221 100%);}
footer nav ul li a{min-height:inherit;width: auto;	margin:0px;	float:left; display: block; font-size: 1.0em; padding: 20px 5px 10px 5px;  height: inherit;  color: #e9d052;  text-decoration: none; font-weight: 400;}
}
@media screen and (min-width: 1160px){
.mod_article.sidebar .left .col-50 figure, .mod_article.sidebar .left .col-50 figure img{height: 210px;}
footer nav ul li a{font-size: 1.1em; padding: 20px 7px 10px 7px;}
.mod_article.sidebar .bildwechsel .flexslider ul.slides li{min-height: 450px; max-height: 450px;}
.flexslider .slides img{min-height: 400px; min-width: 110%;}
.mod_article.sidebar .bildwechsel .flexslider {    height: 450px;}
}
@media screen and (min-width: 1260px){
.mod_article.sidebar .left .col-50 figure, .mod_article.sidebar .left .col-50 figure img{height: 230px;}
footer nav ul li a{font-size: 1.15em; padding: 20px 10px 10px 10px;}
body.startseite .bildwechsel .text-area {top: 20%; left: 25%;}
}
@media screen and (min-width: 1360px){
.mod_article.sidebar{width: 40%;}
.mod_article.content{width: 60%; margin-left: 40%;}
}
@media screen and (min-width: 1360px) and (min-height: 740px){
.mod_article.sidebar .bildwechsel .flexslider ul.slides li{min-height: 550px; max-height: 550px;}
.flexslider .slides img, .mod_article.sidebar .bildwechsel .flexslider {    height: 550px;}
body.startseite .bildwechsel{height: 100%; min-height: 730px; position: absolute; top: -15px; left: 0; right: 0; bottom: 0;}
body.startseite .bildwechsel .flexslider{min-height: 730px; height: auto;}
body.startseite .bildwechsel .flexslider ul.slides li{min-height: 730px; max-height: 100%; position: relative;}
body.startseite .bildwechsel .flexslider ul.slides li img{height: auto;}
body.startseite #wrapper{width: 100%; height: 100%; position: relative; min-height: 800px; overflow: hidden; display: inline-block; max-height: 100%;}
}
@media screen and (min-width: 1360px) and (min-height: 840px){
body.startseite .bildwechsel{height: 100%; min-height: 900px; position: absolute; top: -15px; left: 0; right: 0; bottom: 0;}
body.startseite .bildwechsel .flexslider{min-height: 900px; height: auto;}
body.startseite .bildwechsel .flexslider ul.slides li{min-height: 900px; max-height: 100%; position: relative;}
body.startseite .bildwechsel .flexslider ul.slides li img{height: auto; margin-top: -120px;}
body.startseite #wrapper{width: 100%; height: 100%; position: relative; min-height: 900px; overflow: hidden; display: inline-block; max-height: 100%;}
}
@media screen and (min-width: 1550px){
.zweispalten .spalte{width: 48%; margin-right: 2%; float: left;}
}
@media screen and (min-width: 1740px){
.mod_article.sidebar .left .col-50 figure, .mod_article.sidebar .left .col-50 figure img{height: 260px;}
}
@media screen and (min-width: 1800px){
footer nav ul li a{font-size: 1.2em; padding: 25px 15px 10px 15px; }
}