body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}
#wrapper{width:960px;margin:0 auto}[class*=grid]{float:left;margin-left:10px;margin-right:10px;display:inline}.mod_article [class*=ce_],.mod_article [class*=mod_]{margin-left:10px;margin-right:10px}.mod_article .mod_newsreader,.mod_article .mod_eventreader{margin-left:0;margin-right:0}.mod_article [class*=layout_]>*,.mod_article [class*=event_]>*{margin-left:10px;margin-right:10px}.mod_article.grid1,.mod_article.grid2,.mod_article.grid3,.mod_article.grid4,.mod_article.grid5,.mod_article.grid6,.mod_article.grid7,.mod_article.grid8,.mod_article.grid9,.mod_article.grid10,.mod_article.grid11,.mod_article.grid12{margin-left:0;margin-right:0}#main .inside{overflow:hidden}.grid1{width:60px}.grid2{width:140px}.grid3{width:220px}.grid4{width:300px}.grid5{width:380px}.grid6{width:460px}.grid7{width:540px}.grid8{width:620px}.grid9{width:700px}.grid10{width:780px}.grid11{width:860px}.grid12{width:940px}.mod_article.grid1{width:80px}.mod_article.grid2{width:160px}.mod_article.grid3{width:240px}.mod_article.grid4{width:320px}.mod_article.grid5{width:400px}.mod_article.grid6{width:480px}.mod_article.grid7{width:560px}.mod_article.grid8{width:640px}.mod_article.grid9{width:720px}.mod_article.grid10{width:800px}.mod_article.grid11{width:880px}.mod_article.grid12{width:960px}.offset1{margin-left:90px!important}.offset2{margin-left:170px!important}.offset3{margin-left:250px!important}.offset4{margin-left:330px!important}.offset5{margin-left:410px!important}.offset6{margin-left:490px!important}.offset7{margin-left:570px!important}.offset8{margin-left:650px!important}.offset9{margin-left:730px!important}.offset10{margin-left:810px!important}.offset11{margin-left:890px!important}.offset12{margin-left:970px!important}.mod_article.offset1{margin-left:80px!important}.mod_article.offset2{margin-left:160px!important}.mod_article.offset3{margin-left:240px!important}.mod_article.offset4{margin-left:320px!important}.mod_article.offset5{margin-left:400px!important}.mod_article.offset6{margin-left:480px!important}.mod_article.offset7{margin-left:560px!important}.mod_article.offset8{margin-left:640px!important}.mod_article.offset9{margin-left:720px!important}.mod_article.offset10{margin-left:800px!important}.mod_article.offset11{margin-left:880px!important}.mod_article.offset12{margin-left:960px!important}@media (min-width:768px) and (max-width:979px){#wrapper{width:744px}.grid1{width:42px}.grid2{width:104px}.grid3{width:166px}.grid4{width:228px}.grid5{width:290px}.grid6{width:352px}.grid7{width:414px}.grid8{width:476px}.grid9{width:538px}.grid10{width:600px}.grid11{width:662px}.grid12{width:724px}.mod_article.grid1{width:62px}.mod_article.grid2{width:124px}.mod_article.grid3{width:186px}.mod_article.grid4{width:248px}.mod_article.grid5{width:310px}.mod_article.grid6{width:372px}.mod_article.grid7{width:434px}.mod_article.grid8{width:496px}.mod_article.grid9{width:558px}.mod_article.grid10{width:620px}.mod_article.grid11{width:682px}.mod_article.grid12{width:744px}.offset1{margin-left:72px!important}.offset2{margin-left:134px!important}.offset3{margin-left:196px!important}.offset4{margin-left:258px!important}.offset5{margin-left:320px!important}.offset6{margin-left:382px!important}.offset7{margin-left:444px!important}.offset8{margin-left:506px!important}.offset9{margin-left:568px!important}.offset10{margin-left:630px!important}.offset11{margin-left:692px!important}.offset12{margin-left:754px!important}.mod_article.offset1{margin-left:62px!important}.mod_article.offset2{margin-left:124px!important}.mod_article.offset3{margin-left:186px!important}.mod_article.offset4{margin-left:248px!important}.mod_article.offset5{margin-left:310px!important}.mod_article.offset6{margin-left:372px!important}.mod_article.offset7{margin-left:434px!important}.mod_article.offset8{margin-left:496px!important}.mod_article.offset9{margin-left:558px!important}.mod_article.offset10{margin-left:620px!important}.mod_article.offset11{margin-left:682px!important}.mod_article.offset12{margin-left:744px!important}}@media (max-width:767px){#wrapper{width:auto}[class*=grid]{float:none!important;display:block!important;width:auto!important}[class*=offset]{margin-left:10px!important}}
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}
@charset "UTF-8";
.contao-cookiebar {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 9999;
  font-size: 0;
  letter-spacing: 0;
  text-align: center;
  padding: 15px;
  max-height: 100vh;
  box-sizing: border-box;
  pointer-events: none;
  overflow: hidden; }
  .contao-cookiebar * {
    box-sizing: border-box; }
  .contao-cookiebar:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle; }
  .contao-cookiebar .cc-inner {
    display: inline-block;
    overflow-y: auto;
    max-height: 100%;
    max-width: 100%;
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
    font-size: 1rem;
    text-align: left; }
  .contao-cookiebar.cc-top .cc-inner {
    vertical-align: top; }
  .contao-cookiebar.cc-top.cc-active .cc-inner {
    animation: cookiebar-top-in 0.5s ease-in-out forwards; }
  .contao-cookiebar.cc-top.cc-saved .cc-inner {
    animation: cookiebar-top-out 0.5s ease-in-out forwards; }
  .contao-cookiebar.cc-bottom .cc-inner {
    vertical-align: bottom; }
  .contao-cookiebar.cc-bottom.cc-active .cc-inner {
    animation: cookiebar-bottom-in 0.5s ease-in-out forwards; }
  .contao-cookiebar.cc-bottom.cc-saved .cc-inner {
    animation: cookiebar-bottom-out 0.5s ease-in-out forwards; }
  .contao-cookiebar.cc-middle .cc-inner {
    vertical-align: middle; }
  .contao-cookiebar.cc-middle.cc-active .cc-inner {
    animation: cookiebar-middle-in 0.5s ease-in-out forwards; }
  .contao-cookiebar.cc-middle.cc-saved .cc-inner {
    animation: cookiebar-middle-out 0.5s ease-in-out forwards; }
  .contao-cookiebar.cc-left {
    text-align: left; }
  .contao-cookiebar.cc-right {
    text-align: right; }
  .contao-cookiebar .cc-head h1:first-child, .contao-cookiebar .cc-head h2:first-child, .contao-cookiebar .cc-head h3:first-child, .contao-cookiebar .cc-head h4:first-child, .contao-cookiebar .cc-head h5:first-child, .contao-cookiebar .cc-head h6:first-child {
    margin-top: 0; }
  .contao-cookiebar .cc-head p {
    margin-bottom: 15px; }
  .contao-cookiebar .cc-btn {
    display: inline-block;
    cursor: pointer;
    width: 100%;
    padding: 8px 14px;
    margin-bottom: 8px;
    font-size: 15px;
    outline: 0 none;
    border: 1px solid #cfcfcf;
    border-radius: 4px;
    color: #444;
    background: #f5f5f5; }
    .contao-cookiebar .cc-btn:hover {
      background: #ececec; }
    .contao-cookiebar .cc-btn:last-child {
      margin-bottom: 0; }
  .contao-cookiebar .grayscale .cc-btn {
    background: #f1efef; }
    .contao-cookiebar .grayscale .cc-btn:hover {
      background: #ececec; }
    .contao-cookiebar .grayscale .cc-btn.success {
      background: #fbfbfb; }
      .contao-cookiebar .grayscale .cc-btn.success:hover {
        background: #f7f7f7; }
  .contao-cookiebar .highlight .cc-btn.success {
    background: #4e9e3e;
    border-color: #3e7830;
    color: #fff; }
    .contao-cookiebar .highlight .cc-btn.success:hover {
      background: #4c933f; }
  .contao-cookiebar label {
    position: relative;
    display: block;
    padding: 8px 13px 8px 0;
    line-height: 1.2rem; }
    .contao-cookiebar label.group {
      font-weight: 600; }
  .contao-cookiebar input {
    position: absolute;
    width: 1px;
    height: 1px;
    outline: 0 none;
    opacity: 0; }
    .contao-cookiebar input + label {
      padding: 8px 13px 8px 50px;
      cursor: pointer; }
      .contao-cookiebar input + label:before {
        content: '';
        position: absolute;
        top: 6px;
        left: 0;
        width: 35px;
        height: 18px;
        margin: 0;
        box-sizing: content-box;
        border-radius: 10px;
        background: #fff;
        border: 2px solid #9c9b99;
        transition: border-color .2s; }
      .contao-cookiebar input + label:after {
        display: block;
        content: '';
        position: absolute;
        top: 10px;
        left: 4px;
        width: 14px;
        height: 14px;
        border-radius: 10px;
        background: #9c9b99;
        transition: background .2s, margin-left .2s, padding .2s; }
      .contao-cookiebar input + label:active:after {
        padding-left: 5px; }
    .contao-cookiebar input.cc-group-half + label:after {
      background: linear-gradient(to right, #9c9b99 0%, #9c9b99 50%, #399d32 50%, #399d32 100%); }
    .contao-cookiebar input:checked + label:after {
      background: #399d32;
      margin-left: 17px; }
    .contao-cookiebar input:checked + label:active:after {
      margin-left: 12px; }
    .contao-cookiebar input:checked + label:before {
      background: #dcf3db;
      border-color: #399d32; }
    .contao-cookiebar input:disabled + label {
      pointer-events: none; }
      .contao-cookiebar input:disabled + label:after {
        background: #c8c7c5; }
      .contao-cookiebar input:disabled + label:before {
        background: #f4f4f4;
        border-color: #c8c7c5; }
  .contao-cookiebar.cc-active .cc-inner {
    opacity: 1;
    pointer-events: auto;
    visibility: visible; }
  .contao-cookiebar.cc-active.cc-blocked {
    pointer-events: auto;
    animation: cookiebar-overlay-in 0.5s ease-in-out forwards; }
  .contao-cookiebar.cc-saved.cc-inner {
    opacity: 0;
    pointer-events: none;
    visibility: hidden; }
  .contao-cookiebar.cc-saved.cc-blocked {
    pointer-events: none;
    animation: cookiebar-overlay-out 0.5s ease-in-out forwards; }

@media (min-width: 768px) {
  .contao-cookiebar .cc-btn {
    width: auto;
    margin-bottom: 0; }
  .contao-cookiebar .cc-inner {
    max-width: 750px; } }

@keyframes cookiebar-overlay-in {
  0% {
    background: rgba(0, 0, 0, 0); }
  100% {
    background: rgba(0, 0, 0, 0.75); } }

@keyframes cookiebar-overlay-out {
  0% {
    background: rgba(0, 0, 0, 0.75); }
  100% {
    background: rgba(0, 0, 0, 0);
    visibility: hidden; } }

@keyframes cookiebar-top-in {
  0% {
    opacity: 0;
    transform: translateY(-100%); }
  100% {
    opacity: 1;
    transform: translateY(0); } }

@keyframes cookiebar-top-out {
  0% {
    opacity: 1;
    visibility: visible;
    transform: translateY(0); }
  100% {
    opacity: 0;
    visibility: hidden;
    transform: translateY(-100%); } }

@keyframes cookiebar-middle-in {
  0% {
    opacity: 0;
    transform: scale(0); }
  100% {
    opacity: 1;
    transform: scale(1); } }

@keyframes cookiebar-middle-out {
  0% {
    opacity: 1;
    visibility: visible;
    transform: scale(1); }
  100% {
    opacity: 0;
    visibility: hidden;
    transform: scale(0); } }

@keyframes cookiebar-bottom-in {
  0% {
    opacity: 0;
    transform: translateY(100%); }
  100% {
    opacity: 1;
    transform: translateY(0); } }

@keyframes cookiebar-bottom-out {
  0% {
    opacity: 1;
    visibility: visible;
    transform: translateY(0); }
  100% {
    opacity: 0;
    visibility: hidden;
    transform: translateY(100%); } }

.contao-cookiebar {
  color: #444444; }
  .contao-cookiebar p {
    color: #868686;
    line-height: 1.4; }
  .contao-cookiebar .cc-inner {
    padding: 25px;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
    background: #fff; }
  .contao-cookiebar .cc-groups {
    display: none;
    padding-top: 15px; }
    .contao-cookiebar .cc-groups .cc-group {
      position: relative;
      border: 1px solid #d0d0d0;
      border-radius: 5px;
      margin-bottom: 10px;
      text-align: left; }
      .contao-cookiebar .cc-groups .cc-group > label {
        margin: 5px 130px 5px 10px; }
  .contao-cookiebar .cc-cookies {
    background: #fbfbfb;
    border-radius: 0 0 5px 5px; }
    .contao-cookiebar .cc-cookies > p {
      font-size: 0.875rem; }
    .contao-cookiebar .cc-cookies > p, .contao-cookiebar .cc-cookies > .cc-cookie {
      margin: 0;
      padding: 15px;
      border-top: 1px solid #e6e6e6; }
    .contao-cookiebar .cc-cookies .cc-cookie .cc-cookie-info {
      font-size: 0.875rem;
      background: #fff;
      padding: 10px;
      border-radius: 5px;
      border: 1px solid #efefef; }
      .contao-cookiebar .cc-cookies .cc-cookie .cc-cookie-info > div > span {
        font-weight: 600; }
      .contao-cookiebar .cc-cookies .cc-cookie .cc-cookie-info > div + div {
        margin-top: 5px; }
      .contao-cookiebar .cc-cookies .cc-cookie .cc-cookie-info + button.cc-detail-btn-details {
        margin-top: 15px; }
    .contao-cookiebar .cc-cookies .cc-cookie .cc-cookie-desc p {
      margin-bottom: 0; }
    .contao-cookiebar .cc-cookies .cc-cookie label.cookie + p, .contao-cookiebar .cc-cookies .cc-cookie label.cookie + .cc-cookie-info, .contao-cookiebar .cc-cookies .cc-cookie label.cookie + button.cc-detail-btn-details {
      margin-top: 10px; }
    .contao-cookiebar .cc-cookies .cc-cookie p {
      margin: 0 0 15px;
      font-size: 0.875rem; }
  .contao-cookiebar .cc-footer, .contao-cookiebar .cc-info {
    text-align: center; }
  .contao-cookiebar .cc-detail-btn-details {
    border: 0 none;
    outline: 0 none;
    background: transparent;
    font-size: 13px;
    letter-spacing: 0;
    text-transform: initial;
    cursor: pointer;
    color: #a2a2a2;
    text-decoration: underline;
    padding: 0;
    margin: 0 0 10px; }
    .contao-cookiebar .cc-detail-btn-details span:nth-child(2) {
      display: none; }
    .contao-cookiebar .cc-detail-btn-details.cc-active span:nth-child(1) {
      display: none; }
    .contao-cookiebar .cc-detail-btn-details.cc-active span:nth-child(2) {
      display: inline; }
    .contao-cookiebar .cc-detail-btn-details:hover {
      color: #717171; }
  .contao-cookiebar .cc-info {
    margin-top: 15px; }
    .contao-cookiebar .cc-info > p {
      font-size: 0.875rem; }
    .contao-cookiebar .cc-info > a {
      display: inline-block;
      font-size: 0.813rem;
      color: #a2a2a2;
      text-decoration: none; }
      .contao-cookiebar .cc-info > a:hover {
        color: #717171; }
      .contao-cookiebar .cc-info > a + a:before {
        display: inline-block;
        content: '·';
        margin-right: 5px; }

/* open-sans-v34-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../../files/googlefonts/open-sans_v34_20220918-140702/open-sans-v34-latin-regular.eot');
  src: local(''),
       url('../../files/googlefonts/open-sans_v34_20220918-140702/open-sans-v34-latin-regular.eot?#iefix') format('embedded-opentype'),
       url('../../files/googlefonts/open-sans_v34_20220918-140702/open-sans-v34-latin-regular.woff2') format('woff2'),
       url('../../files/googlefonts/open-sans_v34_20220918-140702/open-sans-v34-latin-regular.woff') format('woff'),
       url('../../files/googlefonts/open-sans_v34_20220918-140702/open-sans-v34-latin-regular.ttf') format('truetype'),
       url('../../files/googlefonts/open-sans_v34_20220918-140702/open-sans-v34-latin-regular.svg#Open-sans') format('svg');
}
/* open-sans-v34-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../../files/googlefonts/open-sans_v34_20220918-140702/open-sans-v34-latin-600.eot');
  src: local(''),
       url('../../files/googlefonts/open-sans_v34_20220918-140702/open-sans-v34-latin-600.eot?#iefix') format('embedded-opentype'),
       url('../../files/googlefonts/open-sans_v34_20220918-140702/open-sans-v34-latin-600.woff2') format('woff2'),
       url('../../files/googlefonts/open-sans_v34_20220918-140702/open-sans-v34-latin-600.woff') format('woff'),
       url('../../files/googlefonts/open-sans_v34_20220918-140702/open-sans-v34-latin-600.ttf') format('truetype'),
       url('../../files/googlefonts/open-sans_v34_20220918-140702/open-sans-v34-latin-600.svg#Open-sans') format('svg');
}
/* open-sans-v34-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../../files/googlefonts/open-sans_v34_20220918-140702/open-sans-v34-latin-700.eot');
  src: local(''),
       url('../../files/googlefonts/open-sans_v34_20220918-140702/open-sans-v34-latin-700.eot?#iefix') format('embedded-opentype'),
       url('../../files/googlefonts/open-sans_v34_20220918-140702/open-sans-v34-latin-700.woff2') format('woff2'),
       url('../../files/googlefonts/open-sans_v34_20220918-140702/open-sans-v34-latin-700.woff') format('woff'),
       url('../../files/googlefonts/open-sans_v34_20220918-140702/open-sans-v34-latin-700.ttf') format('truetype'),
       url('../../files/googlefonts/open-sans_v34_20220918-140702/open-sans-v34-latin-700.svg#Open-sans') format('svg');
}

body{
    font-family: 'Open Sans',sans-serif;
    font-size: 15px;
    /*color: #666;*/
    color: #535362;
}
.zeiten{float: right;}
.zeiten h3{margin-bottom: 5px;margin-top: 0;}
.zeiten p{margin-top: 0px;}
.noc .cm{display: none;}
#intro a img:HOVER{
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}
#intro a img{
    -webkit-transition: opacity 0.4s ease-in-out;
    -moz-transition: opacity 0.4s ease-in-out;
    -o-transition: opacity 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out;
}
.button{margin-top: 20%;}
.clearfix:before,.clearfix:after {content:"";display:table;}
.clearfix:after {clear:both;}
.clearfix {zoom:1; }
.mod_navigation{overflow: visible!important;}

.mainnav{padding-top: 15px;}

.mainnav ul{display:flex;list-style: none; margin:0; padding:0; justify-content:space-between;}
.mainnav a{color: #fff;text-decoration: none;transition:.3s ease;padding: 15px 20px;}
.mainnav a:HOVER, .mainnav strong.active{background-color: #DC8633;color: #fff;padding: 15px 20px;}

.r1{background: #DC8633;font-weight: 300;}
.r2{height: 130px;}
.r3{background: #7F7F7F; height: 50px;}
.r1 .inside, .r2 .inside, .r3 .inside, .r4 .inside, .r4w .inside, .r5 .inside, .r6 .inside, .r10 .inside, .r11 .inside, .r12 .inside{width: 960px; margin: 0 auto;}

.r10{background: #E0860B; height: 140px;}
.r10 p{margin: 0; padding: 0; font-size: 19px; color: #fff;}
p.csg{font-weight: 300; font-size: 40px!important; padding-top: 20px;}
.r12{background: #524F54; height: 240px;}
.chead{width: 420px; margin: 0 auto;}


.hline{ height: 40px;}
.hline img{float: left; margin-right: 10px;}
.mail div, .phone div,.home div{padding-top: 8px;}
.phone{margin-left: 0;}
.home a{color: #fff; text-decoration: none;}
.hline a:HOVER{color: #7F7F7F;}
.hline, .mail a{color: #fff; text-decoration: none;}
.header{padding-top: 17px;}
.logo{font-weight: 300; font-size: 40px; color: #C61F1F;}
.atlogo{color: #C61F1F;font-size: 19px;}


#container{margin-top: 20px; margin-bottom: 20px;}
/*.rsts-skin-default .rsts-caption{top: 45%; font-size: 28px;left: 33%;}*/
.rsts-skin-default .rsts-caption{top: 45%;font-size: 60px;width: 96%;text-align: center;background: none!important; text-shadow: 0 0 15px rgba(0,0,0,0.5)}
.r5{background: #535362; height: 250px;color: #fff;}
.lastline, .fnav{font-size: 12px; padding-top: 12px;}
.fnav ul{margin: 0; padding: 0;}
.fnav li{list-style-type: none; float: left; padding-left: 8px;}
.fnav .mod_customnav{float: right;}
.fnav a, .r5 a, #wrapper a{text-decoration: none; color: #fff;}
.r5 a:HOVER, .fnav a:HOVER, #wrapper a:HOVER{color: #DC8633;}
.r5 td{vertical-align: top;}
.r5 ul{margin: 0; padding: 0;}
.r5 li{list-style-type: none; line-height: 1.5em;}
.r5 .fprod{margin-top: 59px;}
.r5 h4{font-weight: 300;font-size: 25px;}
.r5 h4{padding: 0;margin: 15px 0;}
/*.slider{height: 500px!important;}*/
.ce_svWowStart {margin: 0!important;}

.sbox{margin-bottom: 17px;}
.sbox .image_container{overflow: hidden; position: relative;}
.sbox .image_container .caption{
    bottom: 3px;
    left: 0;
    right: 0;
    position: absolute;
    padding: 20px 0 20px 12px;
    background-color: rgba(37,37,37,.7);
    color: #fff;
    font-weight: 300;
    font-size: 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.figure{display: block;}
.image_container a:hover, .image_container a:focus, .image_container a:active {
    background: none;
}

.sbox figure:hover .caption {
    background-color: rgba(220,134,51,.9);
}

#main a{text-decoration: none; color: #E0860B;}
#main a:HOVER{color: #524F54;}

.myform label{display: block;}
.myform .widget{margin-bottom: 10px;}
.myform .text, .myform .textarea{width: 300px;}
.myform .textarea{height: 150px;}
.myform .submit{border: 0; background-color: #E0860B; color: #fff; padding: 12px 18px;}
.myform .submit:HOVER{background: #524F54; cursor: pointer;}

.headbild{position: relative;}
.headbild h3{ 
    position: absolute;
    font-size: 60px;
    color: #fff;
    bottom: 20px;
    right: 30px;
    text-shadow: 1px 1px 1px #333;
    padding: 0;
    margin: 0;
    animation: fadein 2s;
    -moz-animation: fadein 2s; /* Firefox */
    -webkit-animation: fadein 2s; /* Safari and Chrome */
    -o-animation: fadein 2s; /* Opera */
}
@keyframes fadein {
    from {opacity:0;}to {opacity:1;}}
@-moz-keyframes fadein { /* Firefox */
    from {opacity:0;}to {opacity:1;}}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {opacity:0;}to {opacity:1;}}
@-o-keyframes fadein { /* Opera */
    from {opacity:0;}to {opacity: 1;}}



@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {

}


@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait){

}

@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (orientation: portrait) {
  	 .r1 .inside, .r2 .inside, .r3 .inside, .r4 .inside, .r4w .inside, .r5 .inside, .r6 .inside, .r10 .inside, .r11 .inside, .r12 .inside{width:100%;}
  	 .r1, .r2, .r3, .r4, .r5{height: auto;}
  	 .mainnav{padding-top:0;}
  	 .mainnav ul{display:block;}
  	 .mainnav a, .mainnav a:HOVER, .mainnav strong.active{display:block;padding: 10px 20px;}
      .mob a{padding: 10px; font-size: 18px; display: block; color: #666!important;}
      .home, .phone, mail{ color: #333!important; float: left;}
      .hline{display: flex;height: auto;justify-content: space-between;background: #DC8633; padding: 7px 0 3px 0;}
      #header {height: 325px;}
      .header{margin: 0 10px; padding: 0!important;display: flex;justify-content: space-between;}
      .mod_rocksolid_slider {height: 300px!important; margin: 0 10px;}
      .sbox .image_container .caption{width: 300px;}
      .rsts-skin-default .rsts-caption{top: 25%;font-size: 40px;width: 96%;text-align: center;background: none!important; text-shadow: 0 0 15px rgba(0,0,0,0.5)}
     #footer {height: auto; background-color: #333;}
    #footer .inside{margin: 0 10px; color: #fff;}
    .headbild h3{ font-size: 30px;}
      .header-camping .logo{ font-size:38px; padding: 10px; }
      .header-camping .atlogo{padding: 0 10px;}
      .cm{background-color: #524F54; color: #fff; padding: 10px;margin-bottom: 20px;}
      .cm h1{font-weight: 300; font-size: 25px; }
      .zeiten {float: none; padding-top: 20px;}
  }

/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 896px) 
  and (orientation: landscape) { 
      #header{height: 170px;}
       .mob a{padding: 10px; font-size: 18px; display: block; color: #666!important;}
      .home, .phone, mail{ color: #333!important; float: left;}
      .hline{height: 45px; display: block;background: #DC8633; padding: 7px 0 3px 0;}
      .header{margin: 0 10px; padding: 0!important;display: flex;justify-content: space-between;}
      .mod_rocksolid_slider {height: 300px!important; margin: 0 10px;}
      .sbox .image_container .caption{width: 300px;}
      .rsts-skin-default .rsts-caption{top: 25%;font-size: 50px;width: 96%;text-align: center;background: none!important; text-shadow: 0 0 15px rgba(0,0,0,0.5)}
     #footer {height: auto; background-color: #333;}
    #footer .inside{margin: 0 10px; color: #fff;}
    .headbild h3{ font-size: 30px;}
    .ce_gallery>ul li.col_first {clear: none;}
      .header-camping .logo{ font-size:38px; padding: 10px; }
      .header-camping .atlogo{padding: 0 10px;}
      .cm{background-color: #524F54; color: #fff; padding: 10px;margin-bottom: 20px;}
      .cm h1{font-weight: 300; font-size: 25px; }
      .mainnav a {padding: 15px 18px;}
}

/*Iphone 5 portrait & Landscape*/

@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 640px)
  and (-webkit-min-device-pixel-ratio: 3)  {
      .mob a{padding: 10px; font-size: 18px; display: block; color: #666!important;}
      .home, .phone, mail{ color: #333!important; float: left;}
      .hline{height: 45px; display: block;background: #DC8633; padding: 7px 0 3px 0;}
      .header{margin: 0 10px; padding: 0!important;}
      .mod_rocksolid_slider {height: 300px!important; margin: 0 10px;}
      .sbox .image_container .caption{width: 300px;}
      .rsts-skin-default .rsts-caption{top: 25%;font-size: 50px;width: 96%;text-align: center;background: none!important; text-shadow: 0 0 15px rgba(0,0,0,0.5)}
     #footer {height: auto; background-color: #333;}
    #footer .inside{margin: 0 10px; color: #fff;}
    .headbild h3{ font-size: 30px;}
      .header-camping .logo{ font-size:38px; padding: 10px; }
      .header-camping .atlogo{padding: 0 10px;}
      .cm{background-color: #524F54; color: #fff; padding: 10px;margin-bottom: 20px;}
      .cm h1{font-weight: 300; font-size: 25px; }
}

@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 2) {
      .r1 .inside, .r2 .inside, .r3 .inside, .r4 .inside, .r4w .inside, .r5 .inside, .r6 .inside, .r10 .inside, .r11 .inside, .r12 .inside{width: auto;}
      .mail div, .phone div, .home div{font-size: 11px; padding-top: 12px;}
      .phone a{color: #fff; text-decoration: none;}
      .sf-menu{font-size: 13px!important;}
      .atlogo, .logo{margin-left: 10px;}
      .ce_gallery>ul li.col_first{clear: none!important;}
}
/* pics.css */

