/* numans-regular - latin */
@font-face {
  font-display: swap;
  font-family: 'Numans';
  font-style: normal;
  font-weight: 400;
  src: url('/files/fonts/numans-v16-latin-regular.woff2') format('woff2');
}

/* Muli (Mulish) 300 */
@font-face {
  font-display: swap;
  font-family: 'Muli';
  font-style: normal;
  font-weight: 300;
  src: url('/files/fonts/mulish-v18-latin_latin-ext-300.woff2') format('woff2');
}

/* Muli (Mulish) 300 italic */
@font-face {
  font-display: swap;
  font-family: 'Muli';
  font-style: italic;
  font-weight: 300;
  src: url('/files/fonts/mulish-v18-latin_latin-ext-300italic.woff2') format('woff2');
}

/* Muli (Mulish) 400 regular */
@font-face {
  font-display: swap;
  font-family: 'Muli';
  font-style: normal;
  font-weight: 400;
  src: url('/files/fonts/mulish-v18-latin_latin-ext-regular.woff2') format('woff2');
}

/* Muli (Mulish) 400 italic */
@font-face {
  font-display: swap;
  font-family: 'Muli';
  font-style: italic;
  font-weight: 400;
  src: url('/files/fonts/mulish-v18-latin_latin-ext-italic.woff2') format('woff2');
}




@media all {

  .cc-active .cc-inner {
    font-family: 'Muli';
  }

  body {
    margin: 0px;
    padding: 0px;
    background-image: url(../p/bg_body.jpg);
    background-position: center top;
    background-size: cover;
  }


  #wrapper #main img {
    max-width: inherit !important;
  } 

  .smb {
    border-bottom: 1px dashed #cccccc;
    border-top: 1px dashed #cccccc;
    padding: 5px 0 5px 0px;
    margin-bottom: 15px;
  }

  .smb img {
    float: left;
    margin-right: 5px;
    height: 20px;
    margin-left: 5px;
  }

  #wrapper #container #main .smb a {
    display: inline-block;
    width: 124px;
    float: left;
    border-radius: 4px;
    margin-right: 10px;
    color: #FFFFFF;
    font-size: 12px;
  }

  .smb a.facebook {
    background-color: #3b5998;
  }

  .smb a.twitter {
    background-color: #01acee;
  }

  .smb a.google {
    background-color: #d24735;
  }

  .smb a.xing {
    background-color: #126567;
  }

  .smb a.mail {
    background-color: #a00609;
  }

  .hvr-curl-top-right:active::before,
  .hvr-curl-top-right:focus::before,
  .hvr-curl-top-right:hover::before {
    max-width: 19px;
    max-height: 19px;
  }

  .ce_comments .text.mandatory,
  .ce_comments .text,
  .ce_comments .captcha.mandatory,
  .ce_comments .widget textarea,
  .ce_comments .submit {
    border: 0 none;
    border-radius: 5px;
    box-shadow: 0 0 3px 1px #e6e6e6;
    height: 26px;
    margin-left: 2px;
    margin-right: 18px;
    width: 267px;
  }

  #wrapper #footer .recommend .last {
    margin-left: 5px;
  }

  .reply .info {
    color: #ffcd05;
  }

  .ce_comments.block>h1 {
    border-bottom: 1px solid #efefef;
    padding-bottom: 20px;
    color: #424242;
  }

  .ce_comments .submit {
    margin-bottom: 8px;
  }

  .ce_comments .info {
    font-weight: bold;
  }

  .ce_comments .info .date {
    font-weight: normal;
  }

  .comment_default {
    border-bottom: 2px solid #efefef;
    margin-bottom: 20px;
    padding-bottom: 10px;
  }


  .comment_default.last {
    border-bottom: 2px solid #ffcd05;
  }

  a.invisible {
    display: none;
  }

  #wrapper #header .inside {
    width: 988px;
    margin: auto;
    position: relative;
  }


  #wrapper #balkenHeader {
    position: relative;
  }

  #wrapper #balkenHeader .bgHeader {
    background-image: url(../p/bg_header.png);
    background-position: center top;
    background-repeat: no-repeat;
    position: absolute;
    width: 100%;
    height: 61px;
    top: -413px;
  }

  #wrapper #balkenHeader .inside {
    width: 988px;
    margin: auto;
    position: relative;
  }

  #wrapper #balkenHeader .inside .zentrale {
    color: #6b0204;
    font-family: Muli;
    font-size: 18px;
    position: absolute;
    z-Index: 2;
    top: -397px;
    left: 23px;
  }

  #wrapper #balkenHeader .searchForm {
    border-left: 1px solid #FFFFFF;
    color: #6B0204;
    font-family: Muli;
    font-size: 13px;
    height: 25px;
    left: 260px;
    margin-top: -398px;
    padding-left: 35px;
    position: absolute;
    z-index: 2;
  }

  #wrapper #balkenHeader input {
    font-size: 11px;
    padding: 2px;
    border: 0px;
    font-weight: 100;
    color: #727272;
    margin-top: 2px;
    width: 147px;
  }

  #wrapper #balkenHeader .searchForm .widget-submit button {
    background-color: #ffdb4b;
    color: #6b0204;
    background-image: url(../p/pfeil.png);
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 24px;
    width: 90px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    border: 0px;

    margin-top: -1px;
    height: 24px;
  }


  #wrapper #balkenHeader .loginForm {
    position: absolute;
    margin-top: -396px;
    z-Index: 5;
    width: 400px;
    margin-left: 610px;
  }

  #wrapper #balkenHeader .loginForm label {
    display: none;
  }

  #wrapper #balkenHeader .loginForm p.error {
    display: none;
  }

  #wrapper #balkenHeader .loginForm input.submit {
    background-color: inherit;
    color: #6b0204;
    background-image: url(../p/pfeil.png);
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 24px;
    width: 90px;
    font-size: 13px;
    font-weight: 600;
    border: 0px;
    padding: 2px;
    margin-top: 0px;
    cursor: pointer;
  }

  .widget {
    margin-bottom: 0px;
    float: left;
  }


  .ce_comments.block {
    margin-bottom: 50px;
    margin-top: 45px;
  }

  .ce_comments .widget textarea {
    width: 98%;
    height: 150px;
  }

  .pdf_link {
    float: right;
  }

  #wrapper #balkenHeader .mod_navigation {
    margin-left: 892px;
    margin-top: -397px;
    position: absolute;
    width: 400px;
    z-index: 5;
  }


  #wrapper #balkenHeader .mod_navigation ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
  }


  #wrapper #balkenHeader .mod_navigation a {
    background-color: inherit;
    background-image: url("../p/pfeil.png");
    background-position: right center;
    background-repeat: no-repeat;
    border: 0 none;
    color: #6B0204;
    display: block;
    font-family: Muli;
    font-size: 14px;
    font-weight: 600;
    padding: 2px;
    text-decoration: none;
    width: 72px;
  }


  #wrapper #balkenHeader .loginForm br {
    display: none;
  }

  #wrapper #balkenHeader .loginForm input {
    float: left;
    width: 120px;
    margin-right: 10px;
  }

  #wrapper #header .inside figure {
    margin: 0px;
    padding: 0px;
  }

  #wrapper #header .inside figure img {
    float: left;
  }

  #wrapper #header .inside .logo {
    position: absolute;
    z-index: 2;
    left: 30px;
    top: 75px;
  }

  #wrapper #header .inside #pageimage {
    padding-top: 53px;
  }

  #wrapper #header .inside #pageimage #headerMaske {
    position: absolute;
  }

  #wrapper #header .inside .mod_navigation a.mobile_handle {
    display: none;
  }

  #wrapper #header .inside .mod_navigation ul {
    font-family: Numans;
    font-size: 15px;
    list-style: none outside none;
    margin: -30px 0px 0px 9px;
    padding: 0;
    position: absolute;
    text-transform: uppercase;
    z-index: 5;
    font-weight: 400;
    bottom: 0px;
  }

  #wrapper #header .inside .mod_navigation ul li ul li {
    display: none;
  }

  #wrapper #header .inside .mod_navigation ul li {
    float: left;
    background-image: url(../p/trenner_topnavi.png);
    background-position: right;
    background-repeat: no-repeat;
    margin-left: -1px;
    padding: 4px 12px 2px 12px;
  }

  #wrapper #header .inside .mod_navigation ul li:last-child {
    background-image: none;
  }

  #wrapper #header .inside .mod_navigation ul li a {
    color: #FFFFFF;
    text-decoration: none;
    margin-right: 4px;
    margin-left: 4px;
    display: block;
  }


  #wrapper #header .inside .mod_navigation ul li.active,
  #wrapper #header .inside .mod_navigation ul li.trail {
    background-image: none;
    background-color: #ffcd05;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
  }

  #wrapper #header .inside .mod_navigation ul li.active strong,
  #wrapper #header .inside .mod_navigation ul li.active a,
  #wrapper #header .inside .mod_navigation ul li.trail strong,
  #wrapper #header .inside .mod_navigation ul li.trail a {
    color: #9f0306;
    margin-right: 4px;
    margin-left: 4px;
    display: block;
    font-weight: 400 !important;
  }


  #wrapper #header .inside .top50solar {
    color: #6B0204;
    font-family: Muli;
    font-size: 18px;
    left: 873px;
    position: absolute;
    top: 343px;
    z-index: 2;
  }


  #wrapper #container {
    color: #424242;
    font-family: Muli;
    font-size: 13px;
    width: 987px;
    margin: auto;
    padding-bottom: 30px;
    /* font-weight: 300; */
    line-height: 1.45em;
    padding-top: 2px;
    box-sizing: border-box;
    position: relative;
  }


  #wrapper #container #left {
    margin-right: 20px;
    margin-top: -2px;
  }

  #wrapper #container #left img[src="files/p/pfeil.png"] {
    width: 20px !important;
    height: 20px !important;
    max-width: inherit !important;
  }

  #wrapper #container #left ul {
    margin: 2px 0px 0px 1px;
    padding: 0px;
    list-style: none;
  }

  #wrapper #container #left ul li {
    width: 200px;
    margin-bottom: 5px;
    background-color: #FFFFFF;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 9px 22px;
    box-shadow: 0 0 1px 1px #FFDF64;
  }

  #wrapper #container #left ul li a {
    color: #424242;
    font-size: 14px;
    display: block;
    text-decoration: none;
    font-weight: 500;
  }

  #wrapper #container #left ul li strong,
  #wrapper #container #left ul li.trail a {
    color: #9f0306;
    font-size: 14px;
    display: block;
    font-weight: 500;
    padding-left: 8px;
  }

  #wrapper #container #left ul li.active,
  #wrapper #container #left ul li.trail {
    background-image: url("../p/bg_subnavi.png");
    background-repeat: no-repeat;
    background-position: 9px 8px;
  }

  #wrapper #container #left ul li ul {
    margin-top: 5px;
  }

  #wrapper #container #left ul li ul li {
    border: 0px;
    padding: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    padding: 5px 20px 0px 20px;
    box-shadow: none;
    width: auto;
  }

  #wrapper #container #left ul li.trail ul li a {
    background-image: none;
    color: #424242;
    padding: 0px;
  }

  #wrapper #container #left ul li.trail ul li strong {
    background-image: none;
    padding: 0px;
  }

  #wrapper #container #left ul li.active ul li.active strong {
    background-image: none;
    padding: 0px;
    color: #9f0306;
  }

  #wrapper #container #left ul li ul li.active {
    background-image: none;
  }

  #wrapper #container #left .mod_navigation {
    padding-bottom: 8px;
  }


  #wrapper #container #left ul.level_2 li.active,
  #wrapper #container #left ul.level_2 li.trail {
    background-image: url("../p/bg_subnavi.png");
    background-repeat: no-repeat;
    background-position: 0px 4px;
    margin-left: 20px;
  }


  #wrapper #container #left .mod_article {
    margin-top: -8px;
    width: 240px;
    overflow: visible;
  }


  #wrapper #container #left .content-text,
  #wrapper #container .content-youtube {
    -webkit-box-shadow: 0px 0px 2px 2px #ffdf64;
    box-shadow: 0px 0px 2px 2px #ffdf64;
    background-color: #FFFFFF;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin-left: 2px;
    margin-top: 10px;
    padding: 15px 20px 10px;
    width: 240px;
    margin-bottom: 20px;
    box-sizing: border-box;
  }

  #wrapper #container #right .content-youtube {
    width: 274px !important;
  }

  #wrapper #container #main .content-youtube {
    -webkit-box-shadow: none;
    box-shadow: none;
  }

  #wrapper #container .content-youtube h4 {
    margin-top: 0px;
  }

  #wrapper #container .content-youtube iframe {
    border: 0px;
    width: 100%;
  }

  #wrapper #container .content-youtube figcaption {
    font-size: 10px;
  }

  #wrapper #container #left h2 {
    font-family: Numans;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.15em;
    margin: 0 0 15px;
  }

  #wrapper #container #left .content-text p {
    margin-top: 0;
  }

  #wrapper #container #left .content-text a {
    color: #9f0306;
    text-decoration: none;
  }

  #wrapper #container #left .content-text a.imgLink {
    color: #9f0306;
    font-weight: 500;
    padding: 2px 0px 2px 30px;
    background-image: url(../p/pfeil.png);
    background-repeat: no-repeat;
    background-position: left center;
  }


  #wrapper #container #main {
    -webkit-box-shadow: 0px 0px 2px 2px #ffdf64;
    box-shadow: 0px 0px 2px 2px #ffdf64;
    background-color: #FFFFFF;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    /* padding: 35px 23px 0px 23px; */
    padding: 20px;
    color: #424242;
    font-family: Muli;
    box-sizing: border-box;
    float: left;
    padding-bottom: 30px;
  }

  .startseite #wrapper #container #main h1 {
    font-family: Numans;
    font-size: 22px;
    font-weight: 500;
    line-height: 1.15em;
    margin: 0 0 20px;
    color: #424242;
  }

  #wrapper #container #main h1 {
    font-family: Numans;
    font-size: 22px;
    font-weight: 500;
    line-height: 1.15em;
    margin: 0 0 20px;
    color: #9f0306;
  }

  #wrapper #container #main h2 {
    font-family: Numans;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.15em;
    margin: 0 0 10px;
  }

  .startseite #wrapper #container #main {
    width: 691px;
  }


  #wrapper #container #main strong {
    font-weight: 600;
  }

  #wrapper #container #main p {
    margin-top: 0px;
  }

  #wrapper #container #main a {
    color: #9f0306;
    text-decoration: none;
  }

  #wrapper #container #main .content-text {
    margin-bottom: 30px;
    clear: both;
  }

  #wrapper #container #main .ce_image.trans figure {
    margin: -10px;
    padding: 0px;
  }

  #wrapper #container #main .ce_image.trans figure img {
    height: 3510px;
    position: absolute;
    width: 694px;
    z-index: 9;
  }



  #wrapper #container #main .content-gallery {

  }

  #wrapper #container #main .content-gallery li {
    background-image: none;
    padding-left: 0px;
  }

  #wrapper #container #main .content-gallery li figcaption {
    display: none;
  }

  #wrapper #container #main .content-gallery.content-gallery--cols-6 ul {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    list-style: none;
    padding: 0;
    margin: 0px 0px 10px 0px;
  }

  #wrapper #container #main .content-gallery.content-gallery--cols-6 ul li {
    width: calc((100% - 50px) / 6); /* 6 Spalten mit 5x Gap */
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f9f9f9; /* zarter Hintergrund */
    margin-bottom: 0px;

    display: table-cell;
    height: 62px;
    overflow: hidden;
  }

  #wrapper #container #main .content-gallery.content-gallery--cols-6 ul li img {
    min-width: 100%;
    object-fit: cover; /* wichtig: füllt den Bereich aus, ohne zu verzerren */
    display: block;
    min-height: 62px;
  }


  #colorbox, #cboxOverlay, #cboxWrapper {
    font-family: 'Numans';
    font-size: 12px;
  }

  #cboxTitle {
    position: absolute;
    bottom: 0px;
    top: inherit;
    left: 0;
    color: #ccc;
    width: 100%;
    background-color: #000000;
    padding: 5px 10px;
    font-family: Verdana,Arial,Geneva,Helvetica,sans-serif;
  }

  #cboxCurrent {
    display: none !important;
  }

  /* Formular */

  #wrapper #container #main #f2 .col_0 {
    padding-bottom: 5px;
    width: 160px;
  }

  #wrapper #container #main #f2 .col_1 {
    padding-bottom: 5px;
  }

  #wrapper #container #main #f2 .col_1 .text {
    width: 300px;
    border: 1px dotted #C5C5C5;
  }

  #wrapper #container #main #f2 .col_1 #ctrl_6 span {
    margin-right: -120px;
  }

  #wrapper #container #main #f2 .col_1 textarea {
    border: 1px dotted #C5C5C5;
    height: 100px;
    width: 300px;
  }

  #wrapper #container #main #f2 .col_1 fieldset {
    border: 0 none;
    margin-left: -164px;
    padding: 0;
  }

  #wrapper #container #main #f2 .col_1 fieldset input {
    margin: 3px 0 0;
  }

  #wrapper #container #main #f2 .col_1 fieldset span {
    float: left;
    width: 200px;
  }

  #wrapper #container #main #f2 input[type="checkbox"] {
    width: 15px;
  }

  #wrapper #container #main #f2 .col_1 legend {
    margin-top: 10px;
    padding-top: 30px;
  }

  #wrapper #container #main #f2 .col_1 #ctrl_12 label {
    padding-right: 15px;

  }


  #wrapper #container #main ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
  }

  #wrapper #container #main table,
  #wrapper #container #main table tr,
  #wrapper #container #main table tr td {
    padding: 0px;
    margin: 0px;
  }

  #wrapper #container #main ul li {
    background-image: url(../p/bg_li.png);
    background-repeat: no-repeat;
    padding-left: 30px;
    margin-bottom: 12px;
  }

  #wrapper #container #main .teaser {
    width: 206px;
    height: 368px;
    margin-right: 13px;
    clear: none;
    float: left;
    position: relative;
    background-color: inherit;
    cursor: pointer;
  }

  #wrapper #container #main .teaser.right {
    margin-right: 0px;
  }

  #wrapper #container #main .content-text .bgTeaserLeft,
  #wrapper #container #main .content-text .bgTeaserMiddle,
  #wrapper #container #main .content-text .bgTeaserRight {
    display: none;
    position: absolute;
  }

  #wrapper #container #main .teaser.left {
    display: block;
    /* background-image: url('/files/p/bg_teaser_left.png'); */
  }

  #wrapper #container #main .teaser.left .bgTeaserMiddle,
  #wrapper #container #main .teaser.left .bgTeaserRight {
    display: none;
  }

  #wrapper #container #main .teaser.middle {
    display: block;
    /* background-image: url('/files/p/bg_teaser_middle.png'); */
  }

  #wrapper #container #main .teaser.middle .bgTeaserLeft,
  #wrapper #container #main .teaser.middle .bgTeaserRight {
    display: none;
  }

  #wrapper #container #main .teaser.right {
    display: block;
    /* background-image: url('/files/p/bg_teaser_right.png'); */
  }

  #wrapper #container #main .teaser.right .bgTeaserLeft,
  #wrapper #container #main .teaser.right .bgTeaserMiddle {
    display: none;
  }

  #wrapper #container #main .teaser.left, 
  #wrapper #container #main .teaser.middle,
  #wrapper #container #main .teaser.right {
    position: relative;
    overflow: hidden;
  }

  #wrapper #container #main .teaser.left img, 
  #wrapper #container #main .teaser.middle img,
  #wrapper #container #main .teaser.right img {
    position: absolute;
    z-index: 1;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
  }

  #wrapper #container #main .teaser.left .overLay, 
  #wrapper #container #main .teaser.middle .overLay,
  #wrapper #container #main .teaser.right .overLay,
  #wrapper #container #main .teaser.left .rte, 
  #wrapper #container #main .teaser.middle .rte,
  #wrapper #container #main .teaser.right .rte {
    position: absolute;
    z-index: 2;
  }

  #wrapper #container #main .teaser.left .rte, 
  #wrapper #container #main .teaser.middle .rte,
  #wrapper #container #main .teaser.right .rte {
    position: absolute;
    z-index: 3;
    top: 230px;
  }

  #wrapper #container #main .teaser .teaserLayer {
    position: absolute;
    z-Index: 2;
    width: 206px;
    height: 386px;
    top: 0px;
    left: 0px;
    cursor: pointer;
  }


  #wrapper #container #main .teaser .teaserLayer figure {
    display: none;
    width: 200px;
    overflow: hidden;
  }

  #wrapper #container #main .teaser .teaserImageLayer {
    position: absolute;
    z-index: 0;
    top: 3px;
  }


  #wrapper #container #main .teaser .teaserImageLayer img {
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    width: 200px;
    height: 162px;
  }


  #wrapper #container #main .teaser h3 {
    color: #9f0306;
    font-family: Numans;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.15em;
    margin: 190px 0px 10px 21px;
    padding: 3px 0px 3px 30px;
    background-image: url(../p/pfeil.png);
    background-repeat: no-repeat;
    position: absolute;
    z-index: 3;
  }

  #wrapper #container #main .teaser p {
    padding-left: 33px;
    line-height: 1.5em;
  }


  #wrapper #container #main .teaser figure {
    margin: 0px;
    padding: 0px;
    position: absolute;
    top: 0px;
    left: 3px;
    z-Index: 1;
  }

  #wrapper #container #main .mod_search form,
  #wrapper #container #main .mod_search .relevance {
    display: none;
  }

  #wrapper #container #main .mod_search h3 {
    margin-bottom: 5px;
  }

  #wrapper #container #main .mod_search div,
  #wrapper #container #main .mod_newslist .layout_latest {
    border-bottom: 1px dotted #EFEFEF;
    margin-bottom: 20px;
    padding-bottom: 10px;
  }

  #wrapper #container #main .mod_newslist p.info {
    display: none;
  }

  #wrapper #container #main .mod_newslist .layout_latest.first {
    margin-top: 25px;
  }

  #wrapper #container #main .mod_newslist .layout_latest h2 {
    font-size: 13px;
    font-weight: bold;
    margin: 0px;
  }


  #wrapper #container #main .mod_eventlist .layout_list h2 {
    font-size: 13px;
    font-weight: bold;
    margin: 0;
  }


  #wrapper #container #main .content-youtube.teaser {
    width: 199px;
    height: 160px;
    clear: none;
    float: left;
    position: relative;
    background-color: inherit;
  }

  #wrapper #container #main .content-youtube.teaser.right {
    margin-right: 0px;
  }

  #wrapper #container #main .content-youtube iframe {
    border: 0px;
  }

  #wrapper #container #main .content-youtube.demo.right {
    float: left;
    margin-top: 12px;
  }

  #wrapper #container #main .toggler {
    background-image: url(../p/bg_subnavi.png);
    background-repeat: no-repeat;
    padding-left: 25px;
    cursor: pointer;
    color: #9F0306;
    font-size: 16px;
    margin-bottom: 15px;
    border: 0px;
  }

  #wrapper #container #main .toggler.active {
    background-image: url(../p/bg_subnavi_active.png);
    background-repeat: no-repeat;
    padding-left: 25px;
    cursor: pointer;
    color: #9F0306;
    font-size: 16px;
    margin-bottom: 15px;
    border: 0px;
  }

  #wrapper #container #main a:active {
    border: 0px;
  }

  #wrapper #container #main #veranstaltungen .mod_eventlist h2 {
    display: none;
  }


  #wrapper #container #main #veranstaltungen .mod_eventlist div.layout_list h2 {
    display: block;
  }

  #wrapper #container #main .pagination ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
    float: right;
  }

  #wrapper #container #main .pagination ul li {
    float: left;
    background-image: none;
    padding-left: 10px;
  }

  #wrapper #container #main .pagination p {
    float: left;
  }

  #wrapper #container #main .pagination ul li .current {
    font-weight: bold;
  }


  #wrapper #container #right {
    float: right;
    box-sizing: border-box;
    margin-right: 0px !important;
    width: 276px;
  }

  #wrapper #container #right .block {
    overflow: visible;
  }

  #wrapper #container #right .content-text .bgTeaserLeft,
  #wrapper #container #right .content-text .bgTeaserMiddle,
  #wrapper #container #right .content-text .bgTeaserRight {
    display: none;
    position: absolute;
  }


  #wrapper #container #right .mod_newslist,
  #wrapper #container #right .mod_eventlist {
    -webkit-box-shadow: 0px 0px 2px 2px #ffdf64;
    box-shadow: 0px 0px 2px 2px #ffdf64;
    background-color: #FFFFFF;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 20px 20px 20px 20px;
    width: 100%;
    margin-bottom: 20px;
    box-sizing: border-box;
  }

  #wrapper #container #right .mod_newslist p,
  #wrapper #container #right .mod_eventlist p {
    margin-bottom: 0px;
  }

  #wrapper #container #right .mod_newslist p.more,
  #wrapper #container #right .mod_eventlist p.more {
    margin: -9px 0 10px 32px;
    padding: 0px;
  }

  #wrapper #container #right .mod_newslist p.more a,
  #wrapper #container #right .mod_eventlist p.more a {
    text-decoration: none;
    color: #9f0306;
  }

  #wrapper #container #right .mod_newslist p.info {
    display: none;
  }

  #wrapper #container #right .content-text,
  #wrapper #container #right .content-image {
    -webkit-box-shadow: 0px 0px 2px 2px #ffdf64;
    box-shadow: 0px 0px 2px 2px #ffdf64;
    background-color: #FFFFFF;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin-left: 2px;
    margin-top: 2px;
    padding: 20px 20px 10px 20px;
    width: 234px;
    margin-bottom: 20px;
  }

  #wrapper #container #right .content-text.info,
  #wrapper #container #right .content-image.info {
    background-color: #f1bf0d;
  }

  #wrapper #container #left .content-text.info,
  #wrapper #container #left .content-image.info {
    background-color: #f1bf0d;
  }

  #wrapper #container #right .mod_avisota_subscription {
    margin-bottom: 5px;
  }

  #wrapper #container #right .content-youtube iframe {
    border: 0px;
  }



  #wrapper #container #main .downloads.content-text table td {
    vertical-align: top;
  }


  #wrapper #container #right .mod_eventlist .content-text {
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: none;
    border-radius: 0px;
    margin-bottom: 0px;
    padding: 0px;
  }

  #wrapper #container #right .mod_eventlist .header,
  #wrapper #container #right .mod_eventlist p.time {
    display: none;
  }

  #wrapper #container #right .mod_eventlist .event.layout_teaser h2 {
    color: #9f0306;
    padding: 2px 0px 5px 32px;
    background-image: url(../p/pfeil.png);
    background-repeat: no-repeat;
    margin-left: 0px;
    font-size: 13px;
    margin-bottom: 0px;
  }


  #wrapper #container #right h1 {
    font-family: Numans;
    font-size: 22px;
    font-weight: 500;
    line-height: 1.15em;
    margin: 0 0 20px;
  }

  #wrapper #container #right h2 {
    font-family: Numans;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.15em;
    margin: 0 0 15px;
  }


  #wrapper #container #right .content-text p {
    margin-top: 0px;
    margin-left: 32px;
  }

  #wrapper #container #right .mod_newslist .layout_latest,
  #wrapper #container #right .mod_eventlist .layout_teaser {
    margin-top: 10px;
  }

  #wrapper #container #right .mod_newslist .layout_latest .teaser {
    margin-top: -10px;
    margin-left: 32px;
    margin-bottom: 10px;
  }


  #wrapper #container #right .mod_eventlist .layout_teaser .teaser {
    margin-top: -10px;
    margin-left: 32px;
    margin-bottom: 10px;
  }


  #wrapper #container #right .mod_newslist .layout_latest h2 {
    color: #9f0306;
    padding: 2px 0px 5px 32px;
    background-image: url(../p/pfeil.png);
    background-repeat: no-repeat;
    margin-left: 0px;
    font-size: 13px;
    margin-bottom: 0px;
  }

  #wrapper #container #right .mod_newslist .layout_latest h2 a,
  #wrapper #container #right .mod_eventlist h2 a {
    color: #9f0306;
    padding: 0px;
    margin-left: 0px;
    font-size: 13px;
    margin-bottom: 0px;
    text-decoration: none;
  }

  #wrapper #container #right .content-text a {
    color: #9f0306;
    text-decoration: none;
  }

  #wrapper #container #right .content-text a.imgLink {
    color: #9f0306;
    font-weight: 500;
    padding: 2px 0px 2px 30px;
    background-image: url(../p/pfeil.png);
    background-repeat: no-repeat;
    margin-left: -30px;
  }

  #wrapper #container #right .mod_avisota_subscription .preamble {
    display: none;
  }

  #wrapper #container #right .mod_avisota_subscription label {
    display: block;
  }


  #wrapper #container .mod_avisota_subscription input[name="email"] {
    border: 1px solid #d9d9d9;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    padding: 2px;
    font-size: 13px;
    width: 190px;
    margin-bottom: 10px;
  }


  #wrapper #container #main .mod_avisota_subscription input[name="email"] {
    margin-left: 20px;
  }

  #wrapper #container .mod_avisota_subscription .submit_container>input {
    color: #9f0306;
    font-weight: 500;
    padding: 2px 0px 2px 30px;
    background-image: url(../p/pfeil.png);
    background-repeat: no-repeat;
    margin: 5px 40px 5px 0px;
    border: none;
    background-color: #FFFFFF;
    clear: both;
  }


  #wrapper #container #right .mod_avisota_subscription .submit_container>input {
    color: #9f0306;
    font-weight: 500;
    padding: 2px 0px 2px 30px;
    background-image: url(../p/pfeil.png);
    background-repeat: no-repeat;
    margin: 5px 34px 5px -30px;
    border: none;
    background-color: #FFFFFF;
    clear: both;
  }

  #wrapper #container #right td {
    vertical-align: top;
  }

  #wrapper #container p.error {
    color: #CA0000;
    font-weight: bold;
    margin-bottom: 25px;
  }

  /*#wrapper #container #right .mod_avisota_subscription input[name="unsubscribe"] {
  display: none;
}*/


  #wrapper #container #right .mod_avisota_subscription .formbody {
    margin-left: 32px;
    margin-top: 0;
  }

  body.newsletter #right .mod_avisota_subscription {
    display: none;
  }

  #wrapper #footer {
    background-image: url(../p/bg_footer.png);
    background-position: center top;
    background-repeat: no-repeat;
    position: relative;
  }

  #wrapper #footer .inside {
    height: 100%;
  }

  #wrapper #footer .servicenavi {
    font-family: Muli;
    font-size: 13px;
    margin: 0px auto 30px auto;
    padding-top: 30px;
    width: 950px;
  }


  #wrapper #footer .servicenavi ul {
    list-style: none;
    margin: 0px 0px 0px 0px;
    padding: 0px;
  }


  #wrapper #footer .servicenavi ul li {
    float: left;
    background-image: url(../p/bg_servicenavi_li.jpg);
    background-position: right 10px;
    background-repeat: no-repeat;
    padding-right: 10px;
    margin-right: 10px;
    position: relative;
  }


  #wrapper #footer .servicenavi ul li.last {
    background-image: none;
  }


  #wrapper #footer .servicenavi ul li a,
  #wrapper #footer .servicenavi ul li span {
    color: #424242;
    text-decoration: none;
    bottom: 0px;
    display: block;
  }


  #wrapper #footer .recommend {
    color: #424242;
    font-family: Muli;
    font-size: 13px;
    margin: -71px auto 15px;
    padding-top: 20px;
    width: 950px;
  }

  #wrapper #footer .recommend span {
    display: block;
    float: left;
    margin-left: 515px;
    margin-right: 75px;
    padding-top: 4px;
    width: 170px;
  }


  #wrapper #footer .recommend img {
    margin-right: 5px;
  }


  #wrapper #footer .sitemap {
    font-family: Muli;
    font-size: 13px;
    margin: 0px auto 0px auto;
    width: 950px;
    border-top: 1px solid #ffeb9e;
    padding-top: 25px;
    clear: both;
  }

  #wrapper #footer .sitemap ul {
    list-style: none;
    margin: 0px 0px 0px 0px;
    padding: 0px;
  }

  #wrapper #footer .sitemap ul li {
    float: left;
    width: 16%;
    display: block;
  }

  #wrapper #footer .sitemap ul li span,
  #wrapper #footer .sitemap ul li a {
    color: #424242;
    text-decoration: none;
    font-size: 13px;
    display: block;
  }

  #wrapper #footer .sitemap ul li ul {
    margin: 0px;
  }

  #wrapper #footer .sitemap ul li ul li {
    float: none;
  }

  #wrapper #footer .sitemap ul li ul li span,
  #wrapper #footer .sitemap ul li ul li a {
    color: #424242;
    text-decoration: none;
    font-size: 12px;
    padding-bottom: 5px;
    display: block;
    width: 140px;
  }

  #wrapper #footer .sitemap ul li ul.level_2 {
    margin-top: 10px;
  }


  #wrapper #footer .sitemap ul.level_3 {
    display: none;
  }


  #wrapper #footer .copyright {
    background-color: #9f0306;
    height: 25px;
    position: absolute;
    bottom: 0px;
    width: 100%;
  }

  #wrapper #footer .copyright .copyrightInside {
    color: #FFFFFF;
    font-family: Muli;
    font-size: 13px;
    margin: auto;
    padding-top: 4px;
    text-align: right;
    width: 958px;
  }


  #wrapper #container #main .slideshow-thumbnails ul li {
    background-image: none;
    padding: 0px;
  }


  /*
#wrapper .slideshow-thumbnails {
  height: 400px;
}


#show_1 {
  height: 800px;
}
*/


  #lbCaption {
    font-weight: normal;
  }


  .content-text.start_2.block {
    display: none;
  }






  /***** FORMULARE CONTAO 5 ******/

  #wrapper #container #main .mod_article,
  #wrapper #container #main .ce_form {
    overflow: visible;
  }

  #wrapper #container #main .ce_form .widget {
    clear: both;
    margin-bottom: 10px;
    overflow: visible;
  }

  #wrapper #container #main .ce_form .widget fieldset {
    border: 0px;
    padding: 0px;
    margin: 0px;
    all: unset;

  }

  #wrapper #container #main .ce_form .widget fieldset.radio_container input[type="radio"] {
    margin-left: 0px;
  }

  #wrapper #container #main .ce_form .widget fieldset.radio_container label {
    margin-right: 10px;
  }

  #wrapper #container #main .ce_form .widget.widget-text label {
    width: 160px;
    display: inline-block;
    font-weight: bold;
  }

  #wrapper #container #main .ce_form .widget.widget-text input,
  #wrapper #container #main .ce_form .widget.widget-text select, 
  #wrapper #container #main .ce_form .widget textarea {
    width: 300px;
    border: 1px dotted #C5C5C5;
    box-sizing: border-box;
    padding: 5px;
    overflow: visible;
  }

  #main .ce_form .widget.widget-text input:focus {
    outline: none; /* Standard-Fokus abschalten */
    border: 1px solid #0077cc; /* eigener Fokusrahmen innerhalb der Box */
    box-shadow: 0 0 3px rgba(0,119,204,0.4); /* dezente Hervorhebung */
  }

  #wrapper #container #main .ce_form .widget textarea {
    clear: both;
    display: block;
    margin-top: 10px;
    width: 465px;
  }

  #wrapper #container #main .ce_form .widget textarea:focus {
    outline: none;
    border: 1px dotted #C5C5C5;
    background-clip: padding-box;
  }

  #wrapper #container #main .ce_form .widget textarea:focus {
    outline: none;
    border: 1px dotted #C5C5C5;
    background-clip: padding-box;
    box-shadow: 0 0 3px rgba(0,119,204,0.4); /* dein Shadow überlagert alles */
    overflow: visible;
  }



  #wrapper #container #main .ce_form .widget.widget-checkbox, 
  #wrapper #container #main .ce_form .widget.widget-checkbox legend {
    padding: 0px;
    border: 0px;
  }

  #wrapper #container #main .ce_form .widget.widget-checkbox legend {
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 10px;
  }

  #wrapper #container #main .ce_form .widget.widget-checkbox fieldset span {
    width: 200px;
    float: left;
  }

  /***** FORMULARE CONTAO 5 ******/



  #wrapper #container #main .table-scroll {
    display: block;
    width: 100%;
    overflow-x: scroll; 
    overflow-y: hidden;
    padding-bottom: 6px; 
    -webkit-overflow-scrolling: auto; /* iOS zeigt Balken */
  }

  #wrapper #container #main .table-scroll table {
      border-collapse: collapse;
  }





}












@media (max-width: 1000px) {


  #wrapper #header {
    height: 385px;
  }

  #wrapper #header .inside,
  #wrapper #header #pageimage>img,
  #wrapper #balkenHeader .inside,
  #wrapper #container,
  #wrapper #footer .servicenavi,
  #wrapper #footer .recommend,
  #wrapper #footer .sitemap,
  #wrapper #footer .copyright .copyrightInside {
    width: 910px;
  }

  #wrapper #balkenHeader .inside {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 27px;
  }


  #wrapper #footer .recommend span {
    display: block;
    float: left;
    margin-left: 440px;
    margin-right: 75px;
    padding-top: 4px;
    width: 170px;
  }


  #wrapper #header .image_container>img {
    height: auto;
    width: 910px;
  }

  #wrapper #header .inside .top50solar {
    left: 810px;
    top: 325px;
  }


  #wrapper #balkenHeader .inside .zentrale {
    left: 12px;
  }

  #wrapper #balkenHeader .searchForm {
    left: 234px;
    padding-left: 16px;
  }

  #wrapper #balkenHeader .loginForm {
    margin-left: 543px;
  }

  .startseite #wrapper #container #main {
    width: 610px;
  }


  #right {
    width: 255px;
  }

  #wrapper #container #right .content-text.info.block img,
  #wrapper #container #right .content-image.info.block img {
    height: auto;
    width: 210px;
  }

  #wrapper #container #right .content-youtube iframe {
    height: auto;
    width: 200px;
  }

  .startseite #wrapper #container #main .teaser,
  .startseite #wrapper #container #main .teaser .teaserLayer {
    margin-right: 13px;
    margin-left: 0px;
    width: 175px;
  }

  .startseite #wrapper #container #main .teaser .overLay {
    width: 175px;
    height: inherit;
  }

  .startseite #wrapper #container #main .teaser p {
    padding-left: 20px;
  }

  



  #wrapper #container #main .teaser .bgTeaserLeft,
  #wrapper #container #main .teaser.middle .bgTeaserMiddle,
  #wrapper #container #main .teaser.right .bgTeaserRight {

    width: 193px;
  }

  #wrapper #container #main .teaser h3 {
    margin: 185px 0 10px 15px;
  }

  #wrapper #container #main .teaser .teaserImageLayer img {
    height: 153px;
    width: 185px;
  }

  .content-text.start_2.block {
    display: block;
  }

  .content-text.start_1.block {
    display: none;
  }

  #wrapper #main .content-text p img {
    max-width: 100% !important;
  }


}

@media (max-width: 930px) {


   #wrapper #header {
    height: 335px;
  }


  #wrapper #header .inside,
  #wrapper #header #pageimage>img,
  #wrapper #balkenHeader .inside,
  #wrapper #container,
  #wrapper #footer .servicenavi,
  #wrapper #footer .recommend,
  #wrapper #footer .sitemap,
  #wrapper #footer .copyright .copyrightInside {
    width: 760px;
  }


   #wrapper #balkenHeader .inside {
    top: 35px;
  }

  #wrapper #balkenHeader .inside .zentrale {
    left: 127px;
    top: -355px;
  }

  #wrapper #balkenHeader .searchForm {
    left: 368px;
    padding-left: 32px;
    margin-top: -355px;
  }

  #wrapper #balkenHeader .loginForm {
    margin-left: 127px;
    margin-top: -323px;
    width: 560px;
  }

  #wrapper #balkenHeader .loginForm input {
    float: left;
    margin-right: 26px;
    width: 184px;
  }

  #wrapper #balkenHeader .bgHeader {
    background-image: url("../p/bg_header_klein.png");
    background-position: center bottom;
    background-repeat: no-repeat;
    /* height: 92px; */
    top: -370px;
  }

  #wrapper #header .inside .logo {
    height: auto;
    left: 15px;
    position: absolute;
    width: 150px;
    z-index: 2;
  }

  .content-text.block td img {
    height: auto;
    max-width: 263px;
  }

  .zu_gross {
    display: none;
  }

  #wrapper #container #right {
    margin-top: 20px;
    width: 100%;
  }

  #wrapper #container #right .inside .mod_article {
      display: flex;
      flex-wrap: wrap;
      gap: 20px;
  }

  /* Nur direkte Kachel-DIVs */
  #wrapper #container #right .inside .mod_article > div {
      flex: 1 1 calc(50% - 20px);
      box-sizing: border-box;
      margin: 0; /* WICHTIG */
      padding: 20px; /* falls nötig */
      height: auto;
  }

  


  
  .startseite #wrapper #container #main .teaser,
  .startseite #wrapper #container #main .teaser .teaserLayer {
    margin-right: 24px;
    width: 188px;
  }

  .startseite #wrapper #container #main .teaser .overLay {
    width: 188px;
    height: inherit;
  }

  .startseite #wrapper #container #main .teaser p {
    padding-left: 20px;
  }


  #wrapper #header .image_container>img {
    height: auto;
    width: 760px;
  }

  #wrapper #header .inside .mod_navigation ul {
    font-size: 14px;
    margin: -28px 0 0 9px;
  }

  #wrapper #header .inside .mod_navigation ul li {
    background-image: url("../p/trenner_topnavi.png");
    background-position: right center;
    background-repeat: no-repeat;
    float: left;
    margin-left: -1px;
    padding: 4px 10px 2px;
  }

  #wrapper #header .inside .top50solar {
    left: 660px;
    top: 273px;
  }

  .startseite #wrapper #container #main {
    margin: 0;
    width: 100%;
  }


  #right {
    float: none;
    width: 760px;
  }

  iframe {
    width: 443px;
    max-height: 300px;
  }

  textarea {
    width: 437px;
  }

  #wrapper #container #main #f2 .col_1 fieldset {
    border: 0 none;
    margin-left: -133px;
    padding: 0;
  }


  #wrapper #container #right .mod_newslist,
  #wrapper #container #right .content-text,
  #wrapper #container #right .content-youtube {
    float: left;
    height: 245px;
    margin-right: 15px;
    width: 326px;
  }


  #wrapper #container #right .mod_eventlist,
  #wrapper #container #right .content-text.info,
  #wrapper #container #right .content-image.info {
    float: right;
    height: 245px;
    margin-right: 3px;
    width: 326px;
  }

  #wrapper #container #right .content-text.info.block img {
    height: auto;
    width: auto;
  }

  #wrapper #container #right .content-youtube iframe {
    height: 160px;
    width: 322px;
  }

  .content-text.start_2.block {
    display: none;
  }

  .content-text.start_1.block {
    display: block;
  }

  #wrapper #footer .recommend span {
    display: block;
    float: left;
    margin-left: 310px;
    margin-right: 65px;
    padding-top: 4px;
    width: 170px;
  }

  #wrapper #footer .sitemap ul li ul li span,
  #wrapper #footer .sitemap ul li ul li a {
    color: #424242;
    display: block;
    font-size: 12px;
    padding-bottom: 5px;
    text-decoration: none;
    width: 115px;
  }

  #wrapper #footer .sitemap ul li {
    display: block;
    float: left;
    margin-right: 5px;
    width: 16%;
  }


  .ce_comments .text.mandatory,
  .ce_comments .text,
  .ce_comments .captcha.mandatory,
  .ce_comments .widget textarea,
  .ce_comments .submit {
    width: 96%;
  }



  /***** FORMULARE CONTAO 5 ******/


  #wrapper #container #main .mod_article.block,
  #wrapper #container #main .ce_form {
    overflow: visible;
  }

  #wrapper #container #main .ce_form .widget {
    width: 100%;
  }

  #wrapper #container #main .ce_form .widget.widget-text label {
    width: 100%;
    display: inline-block;
    font-weight: bold;
    margin-bottom: 5px;
  }

  #wrapper #container #main .ce_form .widget.widget-text input,
  #wrapper #container #main .ce_form .widget.widget-text select, 
  #wrapper #container #main .ce_form .widget textarea {
    width: 100%;
    border: 1px dotted #C5C5C5;
    box-sizing: border-box;
  }

  #wrapper #container #main .ce_form .widget.widget-checkbox fieldset span {
    width: 200px;
    float: left;
  }

  /***** FORMULARE CONTAO 5 ******/

}


@media (max-width: 780px) {


  #wrapper #header .inside,
  #wrapper #header #pageimage>img,
  #wrapper #balkenHeader .inside,
  #wrapper #container,
  #wrapper #footer .servicenavi,
  #wrapper #footer .recommend,
  #wrapper #footer .sitemap,
  #wrapper #footer .copyright .copyrightInside {
    width: 650px;
  }

  #wrapper #header .image_container>img {
    height: auto;
    width: 650px;
  }

  #wrapper #footer .sitemap {
    padding-bottom: 0px;
  }

  #wrapper #header {
    height: 290px;
  }

  #wrapper #header .inside .top50solar {
    left: 550px;
    top: 54px;
  }

  #header {
    height: 325px;
  }

  #wrapper #balkenHeader .bgHeader {
    background-image: url("../p/bg_header_klein.png");
    background-position: center bottom;
    background-repeat: no-repeat;
    height: 92px;
    top: -356px;
  }

  #wrapper #balkenHeader .loginForm {
    margin-left: 80px;
    margin-top: -275px;
    width: 560px;
  }

  #wrapper #balkenHeader .searchForm {
    left: 321px;
    margin-top: -310px;
    padding-left: 32px;
  }

  #wrapper #balkenHeader .inside {
    top: 35px;
  }

  #wrapper #balkenHeader .inside .zentrale {
    left: 82px;
    top: -310px;
  }

  #right {
    float: none;
    width: 650px;
  }

  #left {
    width: 200px !important;
    float: left !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
    right: inherit !important;
    position: absolute;
    left: 0px;
  }

  #wrapper #container #left .mod_article {
    width: 100%;
    box-sizing: border-box;
  }


  .startseite #wrapper #container #main .teaser {
    margin-right: 10px;
    width: 188px;
    float: left;
  }

  img {
    border: 0 none;
    height: auto;
    max-width: 100%;
  }

  textarea {
    width: 382px;
  }

  textarea {
    width: 382px;
  }

  .zu_gross_1,
  .karte {
    display: none;
  }

  #wrapper #container #main #f2 .col_1 fieldset {
    border: 0 none;
    margin-left: -95px;
    padding: 0;
  }

  #wrapper #container #main #f2 .col_1 .text {
    border: 1px dotted #c5c5c5;
    float: right;
    margin-right: 15px;
    width: 240px;
  }

  #wrapper #container #main #f2 .col_1 textarea {
    border: 1px dotted #c5c5c5;
    height: 100px;
    width: 282px;
  }

  #wrapper #container #left .mod_navigation {
    overflow: visible;
  }

  #wrapper #container #left ul li {
    background-color: #ffffff;
    border-radius: 4px;
    box-shadow: 0 0 1px 1px #ffdf64;
    margin-bottom: 5px;
    padding: 9px 22px;
    width: 100% !important;
    box-sizing: border-box;
  }

  .information>img {
    height: auto;
    max-width: 150px;
  }

  #wrapper #container #left .content-youtube iframe {
    border: 0 none;
    max-width: 150px;
  }

  #wrapper #container #left .content-text,
  #wrapper #container #left .content-youtube {
    background-color: #ffffff;
    border-radius: 5px;
    box-shadow: 0 0 2px 2px #ffdf64;
    margin-bottom: 20px;
    margin-left: 2px;
    margin-top: 10px;
    padding: 20px 20px 10px;
    box-sizing: border-box;
    width: 100% !important;
  }

  #wrapper #container #right .mod_newslist,
  #wrapper #container #right .content-text,
  #wrapper #container #right .content-youtube {
    float: left;
    height: 245px;
    margin-right: 15px;
    width: 265px;
  }


  #wrapper #container #right .mod_eventlist,
  #wrapper #container #right .content-text.info {
    float: right;
    height: 245px;
    margin-right: 3px;
    width: 265px;
  }

  #wrapper #container #right .content-youtube iframe {
    height: 160px;
    width: 265px;
  }

  .startseite #wrapper #container #main {
    margin: 0;
  }


  #wrapper #container #main {
    width: 430px;
    margin-left: 0px;
    float: right;
  }

  #wrapper #container #main .teaser,
  #wrapper #container #main .teaser .teaserLayer {
    width: 190px;
    margin-right: 10px;
  }

  #wrapper #container #main .teaser .bgTeaserLeft,
  #wrapper #container #main .teaser.middle .bgTeaserMiddle,
  #wrapper #container #main .teaser.right .bgTeaserRight {
    display: block;
    width: 193px;
  }

  #wrapper #container #main .teaser h3 {
    margin: 185px 0 10px 15px;
  }

  #wrapper #container #main .teaser .teaserImageLayer img {
    height: 153px;
    width: 185px;
  }

  #wrapper #container #main .teaser .teaserLayer {
    left: -20px;
    top: 0;
  }

  #wrapper #container #main .teaser,
  #wrapper #container #main .teaser .teaserLayer {
    height: 350px;
  }

  .content-text.start_2.block {
    display: block;
  }

  .content-text.start_1.block {
    display: none;
  }


  #wrapper #footer {
    background-image: url("../p/bg_footer.png");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    height: auto !important;
  }

  #wrapper #footer .recommend span {
    display: block;
    float: left;
    margin-left: 260px;
    margin-right: 30px;
    padding-top: 4px;
    width: 170px;
    visibility: hidden;
  }

  #wrapper #footer .sitemap ul li {
    display: block;
    float: left;
    margin-right: 0;
    width: 25%;
  }


  #wrapper #footer .sitemap ul li ul li span,
  #wrapper #footer .sitemap ul li ul li a {
    color: #424242;
    display: block;
    font-size: 12px;
    padding-bottom: 5px;
    text-decoration: none;
    width: 170px;
  }

  #wrapper #footer .copyright {
    margin-top: 25px;
    clear: both;
    position: relative;
    padding-right: 20px;
    box-sizing: border-box;
  }

}


@media (max-width: 670px) {



  #wrapper #header .inside,
  #wrapper #header #pageimage>img,
  #wrapper #balkenHeader .inside,
  #wrapper #container,
  #wrapper #footer .servicenavi,
  #wrapper #footer .recommend,
  #wrapper #footer .sitemap,
  #wrapper #footer .copyright .copyrightInside {
    width: 100%;
    box-sizing: border-box;
  }

  #wrapper #header {
    height: auto !important;
  }

  #wrapper #header .inside .logo {
    height: auto;
    left: 15px;
    position: absolute;
    top: 20px;
    width: 25%;
    z-index: 2;
  }

  #wrapper #header .image_container > img {
    height: auto;
    width: 100%;
  }

  #wrapper #container {
    margin-top: 15px;
    width: 100% !important;
    box-sizing: border-box;
  }

  #wrapper #container #main {
    width: 100%;
    margin: 0px !important;
  }

  #wrapper #container #left {
    position: relative;
    width: 100% !important;
    margin: 20px 0px 0px 0px !important;
  }


  #wrapper #container #left .mod_navigation {
    display: none;
  }

  #wrapper #container #left .mod_navigation a.mobile_handle {
    display: none;
  }

  #left {
    float: none;
    width: 100%;
  }

  #main {
    margin-left: 0;
  }

  #wrapper #container #left .content-text,
  #wrapper #container #left .content-youtube {
    width: auto;
    margin-left: 0px !important;
  }

  .karte {
    display: block;
  }

  iframe {
    max-height: 700px;
  }

  .zu_gross,
  .zu_gross_1 {
    display: block;
  }

  #wrapper #container #main #f2 .col_1 fieldset {
    border: 0 none;
    margin-left: -162px;
    padding: 0;
  }

  #wrapper #header .inside .mod_navigation a.mobile_handle {
    background: rgba(0, 0, 0, 0) url("../p/handle.png") no-repeat scroll left 1px;
    color: #ffcc00;
    cursor: pointer;
    display: block;
    font-family: Numans;
    font-size: 14px;
    font-weight: normal;
    height: 21px;
    left: 10px;
    padding: 0 0 10px 26px;
    position: absolute;
    text-align: left;
    text-decoration: none;
    bottom: -10px;
    z-index: 1000;
  }

  #wrapper #header .inside .top50solar {
    right: 0px;
    top: inherit;
    left: inherit;
    bottom: -6px;
  }



  #wrapper #balkenHeader {
    display: none;
  }

  #wrapper #header .inside #pageimage {
    padding-top: 0px;
  }

  #wrapper #header .inside .mod_navigation ul {
    background-color: #fff;
    border-radius: 7px;
    display: none;
    margin: 0;
    padding: 10px;
    position: relative;
  }


  #wrapper #header .inside .mod_navigation ul li {
    background-image: none;
    background-position: right center;
    background-repeat: no-repeat;
    border-bottom: 1px solid #9f0306;
    display: block;
    float: none;
    line-height: 40px;
    margin-left: -1px;
    padding: 4px 10px 2px;
    position: relative;
  }

  #wrapper #header .inside .mod_navigation ul li.last {
    border: none;
  }


  #wrapper #header .inside .mod_navigation ul li ul {
    border-bottom: medium none;
    left: 0;
    position: relative;
    top: 0;
  }

  #wrapper #header .inside .mod_navigation ul li ul li {
    border-bottom: 1px dotted #9f0306;
    display: block;
    line-height: 25px;
  }


  /* =========================================================
   Navigation Pfeile – CSS-only (dreieckig, #9f0306)
   ========================================================= */

  /* Basis für beide Pfeile */
  #wrapper #header .inside .mod_navigation ul .arrow_up,
  #wrapper #header .inside .mod_navigation ul .arrow_down {
    float: right;
    width: 44px;
    height: 46px;
    position: relative;
    cursor: pointer;
    padding: 0;
    background: none;
  }

  /* Pfeil nach oben */
  #wrapper #header .inside .mod_navigation ul .arrow_up::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 10px solid #9f0306;
  }

  /* Pfeil nach unten */
  #wrapper #header .inside .mod_navigation ul .arrow_down::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 10px solid #9f0306;
  }

  /* Optional: Hover-Effekt */
  #wrapper #header .inside .mod_navigation ul .arrow_up:hover::before,
  #wrapper #header .inside .mod_navigation ul .arrow_down:hover::before {
    transform: translate(-50%, -50%) scale(1.15);
  }


  #wrapper #header .inside .mod_navigation ul ul .arrow_up {
    height: 26px;
  }

  #wrapper #header .inside .mod_navigation ul ul .arrow_down {
    height: 26px;
  }

  #wrapper #header .inside .mod_navigation ul li a {
    color: #9f0306;
    display: block;
    margin-left: 4px;
    margin-right: 4px;
    text-decoration: none;
  }


  #header .mod_navigation .sub_nav {
    cursor: pointer;
    display: inline-block;
    height: 46px;
    margin: 0;
    padding: 0;
    position: absolute !important;
    right: 10px;
    top: 0;
    width: 46px;
  }


  #header {
    height: 275px;
  }


  #right {
    float: none;
    width: 500px;
  }

  #wrapper #container #right .mod_newslist,
  #wrapper #container #right .content-text,
  #wrapper #container #right .content-youtube {
    float: none;
    height: auto;
    margin-left: 4px;
    margin-right: 4px;
    width: 450px;
  }


  #wrapper #container #right .mod_eventlist,
  #wrapper #container #right .content-text.info {
    float: none;
    height: auto;
    margin-left: 4px;
    margin-right: 4px;
    width: 450px;
  }

  #wrapper #container #right .content-youtube iframe {
    height: 160px;
    width: 265px;
  }


  #wrapper #container #main .teaser,
  #wrapper #container #main .teaser .teaserLayer {
    float: none;
    margin-right: 0;
    width: 100%;
  }

  #wrapper #container #main .teaser {
    margin-left: 130px;
  }

  #wrapper #container #main .teaser .bgTeaserLeft,
  #wrapper #container #main .teaser.middle .bgTeaserMiddle,
  #wrapper #container #main .teaser.right .bgTeaserRight {
    display: block;
    width: 193px;
  }

  #wrapper #container #main .teaser h3 {
    margin: 185px 0 10px 15px;
  }

  #wrapper #container #main .teaser .teaserImageLayer img {
    height: 153px;
    width: 185px;
  }

  #wrapper #container #main .teaser .teaserLayer {
    left: -20px;
    top: 0;
  }

  #wrapper #container #main .teaser,
  #wrapper #container #main .teaser .teaserLayer {
    height: 350px;
  }

  .content-text.start_2.block {
    display: block;
  }

  .content-text.start_1.block {
    display: none;
  }

  #wrapper #container #main .content-text.block img {
    height: auto;
    max-width: 445px;
  }


  #wrapper #footer {
    background-image: url("../p/bg_footer.png");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
  }

  #wrapper #footer .servicenavi,
  #wrapper #footer .sitemap {
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
  }

  #footer .mobile_handle {
    display: none;
  }

  #wrapper #footer .recommend span {
    display: none;
  }

  #wrapper #footer .servicenavi ul {
    display: block !important;
    width: max-content;
  }

  #wrapper #footer .servicenavi ul li {
    background-image: none;
    float: none;
  }

  #wrapper #footer .inside {
    position: relative;
  }

  #wrapper #footer .recommend {
    float: right;
    width: auto;
    margin-right: 15px;
    left: inherit;
    position: absolute;
    top: 80px;
    right: 0px;
  }


}