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}.media{display:flow-root}.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}.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%}.aspect--9\:16,.responsive.ratio-916{padding-bottom:177.7777%}.aspect--1\:1,.responsive.ratio-11{padding-bottom:100%}
header,footer,nav,section,aside,main,article,figure,figcaption{display:block}body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img,iframe{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px}
.rs-columns {
  clear: both;
  display: inline-block;
  width: 100%;
}

.rs-column {
  float: left;
  width: 100%;
  margin-top: 7.69231%;
  margin-right: 7.69231%;
}
.rs-column.-large-first {
  clear: left;
}
.rs-column.-large-last {
  margin-right: -5px;
}
.rs-column.-large-first-row {
  margin-top: 0;
}
.rs-column.-large-col-1-1 {
  width: 100%;
}
.rs-column.-large-col-2-1 {
  width: 46.15385%;
}
.rs-column.-large-col-2-2 {
  width: 100%;
}
.rs-column.-large-col-3-1 {
  width: 28.20513%;
}
.rs-column.-large-col-3-2 {
  width: 64.10256%;
}
.rs-column.-large-col-3-3 {
  width: 100%;
}
.rs-column.-large-col-4-1 {
  width: 19.23077%;
}
.rs-column.-large-col-4-2 {
  width: 46.15385%;
}
.rs-column.-large-col-4-3 {
  width: 73.07692%;
}
.rs-column.-large-col-4-4 {
  width: 100%;
}
.rs-column.-large-col-5-1 {
  width: 13.84615%;
}
.rs-column.-large-col-5-2 {
  width: 35.38462%;
}
.rs-column.-large-col-5-3 {
  width: 56.92308%;
}
.rs-column.-large-col-5-4 {
  width: 78.46154%;
}
.rs-column.-large-col-5-5 {
  width: 100%;
}
.rs-column.-large-col-6-1 {
  width: 10.25641%;
}
.rs-column.-large-col-6-2 {
  width: 28.20513%;
}
.rs-column.-large-col-6-3 {
  width: 46.15385%;
}
.rs-column.-large-col-6-4 {
  width: 64.10256%;
}
.rs-column.-large-col-6-5 {
  width: 82.05128%;
}
.rs-column.-large-col-6-6 {
  width: 100%;
}
@media screen and (max-width: 900px) {
  .rs-column {
    margin-top: 7.69231%;
    margin-right: 7.69231%;
  }
  .rs-column.-large-first {
    clear: none;
  }
  .rs-column.-large-last {
    margin-right: 7.69231%;
  }
  .rs-column.-large-first-row {
    margin-top: 7.69231%;
  }
  .rs-column.-medium-first {
    clear: left;
  }
  .rs-column.-medium-last {
    margin-right: -5px;
  }
  .rs-column.-medium-first-row {
    margin-top: 0;
  }
  .rs-column.-medium-col-1-1 {
    width: 100%;
  }
  .rs-column.-medium-col-2-1 {
    width: 46.15385%;
  }
  .rs-column.-medium-col-2-2 {
    width: 100%;
  }
  .rs-column.-medium-col-3-1 {
    width: 28.20513%;
  }
  .rs-column.-medium-col-3-2 {
    width: 64.10256%;
  }
  .rs-column.-medium-col-3-3 {
    width: 100%;
  }
  .rs-column.-medium-col-4-1 {
    width: 19.23077%;
  }
  .rs-column.-medium-col-4-2 {
    width: 46.15385%;
  }
  .rs-column.-medium-col-4-3 {
    width: 73.07692%;
  }
  .rs-column.-medium-col-4-4 {
    width: 100%;
  }
  .rs-column.-medium-col-5-1 {
    width: 13.84615%;
  }
  .rs-column.-medium-col-5-2 {
    width: 35.38462%;
  }
  .rs-column.-medium-col-5-3 {
    width: 56.92308%;
  }
  .rs-column.-medium-col-5-4 {
    width: 78.46154%;
  }
  .rs-column.-medium-col-5-5 {
    width: 100%;
  }
  .rs-column.-medium-col-6-1 {
    width: 10.25641%;
  }
  .rs-column.-medium-col-6-2 {
    width: 28.20513%;
  }
  .rs-column.-medium-col-6-3 {
    width: 46.15385%;
  }
  .rs-column.-medium-col-6-4 {
    width: 64.10256%;
  }
  .rs-column.-medium-col-6-5 {
    width: 82.05128%;
  }
  .rs-column.-medium-col-6-6 {
    width: 100%;
  }
}
@media screen and (max-width: 599px) {
  .rs-column {
    margin-top: 7.69231%;
    margin-right: 7.69231%;
  }
  .rs-column.-large-last {
    margin-right: 7.69231%;
  }
  .rs-column.-large-first-row {
    margin-top: 7.69231%;
  }
  .rs-column.-medium-first {
    clear: none;
  }
  .rs-column.-medium-last {
    margin-right: 7.69231%;
  }
  .rs-column.-medium-first-row {
    margin-top: 7.69231%;
  }
  .rs-column.-small-first {
    clear: left;
  }
  .rs-column.-small-last {
    margin-right: -5px;
  }
  .rs-column.-small-first-row {
    margin-top: 0;
  }
  .rs-column.-small-col-1-1 {
    width: 100%;
  }
  .rs-column.-small-col-2-1 {
    width: 46.15385%;
  }
  .rs-column.-small-col-2-2 {
    width: 100%;
  }
  .rs-column.-small-col-3-1 {
    width: 28.20513%;
  }
  .rs-column.-small-col-3-2 {
    width: 64.10256%;
  }
  .rs-column.-small-col-3-3 {
    width: 100%;
  }
  .rs-column.-small-col-4-1 {
    width: 19.23077%;
  }
  .rs-column.-small-col-4-2 {
    width: 46.15385%;
  }
  .rs-column.-small-col-4-3 {
    width: 73.07692%;
  }
  .rs-column.-small-col-4-4 {
    width: 100%;
  }
  .rs-column.-small-col-5-1 {
    width: 13.84615%;
  }
  .rs-column.-small-col-5-2 {
    width: 35.38462%;
  }
  .rs-column.-small-col-5-3 {
    width: 56.92308%;
  }
  .rs-column.-small-col-5-4 {
    width: 78.46154%;
  }
  .rs-column.-small-col-5-5 {
    width: 100%;
  }
  .rs-column.-small-col-6-1 {
    width: 10.25641%;
  }
  .rs-column.-small-col-6-2 {
    width: 28.20513%;
  }
  .rs-column.-small-col-6-3 {
    width: 46.15385%;
  }
  .rs-column.-small-col-6-4 {
    width: 64.10256%;
  }
  .rs-column.-small-col-6-5 {
    width: 82.05128%;
  }
  .rs-column.-small-col-6-6 {
    width: 100%;
  }
}

html {
    min-height:101%;
}
body {
    font-size:16px;
    background-size: cover;
}
label {
    font-size:13px;
}
#wrapper {
    margin-top:50px;
    margin-bottom:50px;
    background-color:rgba(255,255,255,.9);
}
.logo {
    width:151px;
    height:97px;
    float:left;
    padding:10px;
}
.headline {
    max-width:756px;
    margin:0 auto;
    padding:20px;
    text-align:center;
    font-family:tahoma;
    text-transform:uppercase;
}
.headline span {
    display:block;
    font-size:1.5em;
    line-height:1em;
    font-weight:bold;
    color:#16a085;
    text-shadow: 1px 1px #333333;
}
#container {
    clear:both;
}
#main h1 {
    border-bottom:1px solid #ccc;
}
#main h2 {
    font-size:1.3em;
    font-weight:bold;
}
#main h3 {
    font-size:1em;
    font-weight:bold;
    text-transform:uppercase;
}
#main .inside {
    margin-right:10px;
    margin-left:10px;
}
#header a,
#main a,
#footer a {
    color:#16a085;
}
#main a:hover,
footer a:hover {
    text-decoration:none;
}
#footer {
    border-top:1px solid #ccc;
    font-size:.8em;
}
#footer .inside {
    padding:1em;
    text-align:center;
}
.mod_article p {
    line-height:1.6em;
}
.image_container.float_left {
    margin-right:20px;
}
.content-headline {
    color:#576d60;
}
.content-text li {
    margin-left:30px;
    font-size:1.6em;
    line-height:1.6em;
    list-style-type:disc;
}
.content-list {
    margin-top:1.5em;
    font-size:1.5em;
    line-height:1.6em;
    color:#576d60;
}
.content-list li {
    margin-left:40px;
    list-style-type:square;
}
.mod_navigation {
    right:50px;
    position:relative;
    margin-top:60px;
    margin-right:10px;
    margin-left:10px;
    padding:3em 1em;
    background-color:#c2262b;
    border:1px solid #c2262b;
    border-radius:5px;
}
.content-form {
    width:50%;
}
.mod_navigation li a,
.mod_navigation li strong.active {
    display:block;
    padding-top:10px;
    padding-bottom:10px;
    border-bottom:1px solid #fff;
    text-decoration:none;
    color:#fff;
}
.mod_navigation li strong.first,
.mod_navigation li a.first {
    border-top:1px solid #fff;
}
.mobile-menu-bar {
    float:right;
    display:none;
    margin:10px;
}
.mobile-menu-bar a {
    display:block;
    padding:5px;
    border:1px solid #66bb6a;
    border-radius:3px;
    font-size:1.5em;
    text-decoration:none;
}

/* ==========================================================================
   Formular-Styling (Contao 5, Formulargenerator)
   Hinweis: Der äußere Wrapper heißt weiterhin ".ce_form", nicht ".content-form" –
   das Formular-Element rendert (Stand jetzt) noch über das Legacy-HTML5-Template.
   ========================================================================== */

.ce_form {
    max-width: 600px;
    margin: 2em auto;
}

.ce_form .formbody {
    display: flex;
    flex-direction: column;
    gap: 1.2em;
}

/* Einzelnes Feld */
.ce_form .widget {
    display: flex;
    flex-direction: column;
}

.ce_form .widget label {
    margin-bottom: .4em;
    font-weight: bold;
    color: #333;
}

.ce_form .mandatory .mandatory {
    color: #c2262b;
    font-weight: bold;
}

/* Text-, E-Mail- und Textarea-Felder */
.ce_form input.text,
.ce_form input.captcha,
.ce_form textarea.textarea {
    width: 100%;
    box-sizing: border-box;
    padding: .7em .9em;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-family: inherit;
    font-size: 1em;
    background-color: #fff;
    transition: border-color .15s ease, box-shadow .15s ease;
}

.ce_form input.text:focus,
.ce_form input.captcha:focus,
.ce_form textarea.textarea:focus {
    outline: none;
    border-color: #16a085;
    box-shadow: 0 0 0 3px rgba(22, 160, 133, .15);
}

.ce_form textarea.textarea {
    resize: vertical;
    min-height: 120px;
}

/* Platzhalter dezent einfärben */
.ce_form ::placeholder {
    color: #999;
}

/* Hinweistexte (Pflichtfeld-Erklärung, Datenschutzhinweis) */
.ce_form .widget-explanation.explanation p {
    margin: 0;
    font-size: .9em;
    color: #666;
}

/* Datenschutz-Checkbox */
.ce_form .checkbox_container {
    border: none;
    padding: 0;
    margin: 0;
}

.ce_form .checkbox_container legend {
    font-weight: bold;
    margin-bottom: .5em;
    padding: 0;
}

.ce_form .checkbox_container .invisible {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
}

.ce_form .checkbox_container span {
    display: flex;
    align-items: flex-start;
    gap: .6em;
}

.ce_form input.checkbox {
    margin-top: .2em;
    accent-color: #16a085;
    width: 18px;
    height: 18px;
    flex-shrink: 0;
}

.ce_form .checkbox_container label {
    font-weight: normal;
    font-size: .9em;
    line-height: 1.5em;
    color: #333;
}

.ce_form .checkbox_container label a {
    color: #16a085;
    text-decoration: underline;
}

/* Sicherheitsfrage (Captcha) */
.ce_form .widget-captcha {
    max-width: 200px;
}

.ce_form .captcha_text {
    display: block;
    margin-top: .4em;
    font-size: .85em;
    color: #666;
}

/* Absenden-Button */
.ce_form button.submit {
    align-self: flex-start;
    padding: .8em 2em;
    background-color: #16a085;
    color: #fff;
    border: 1px solid #16a085;
    border-radius: 5px;
    font-size: 1em;
    font-weight: bold;
    text-transform: uppercase;
    cursor: pointer;
    transition: background-color .15s ease, transform .1s ease;
}

.ce_form button.submit:hover {
    background-color: #128a70;
}

.ce_form button.submit:active {
    transform: translateY(1px);
}

/* Fehlermeldungen (falls Contao sie bei ungültiger Eingabe einfügt) */
.ce_form .widget .error {
    display: block;
    margin-top: .4em;
    font-size: .85em;
    color: #c2262b;
}

.ce_form input.error,
.ce_form textarea.error {
    border-color: #c2262b;
}

/* Mobile Anpassung */
@media (max-width: 600px) {
    .ce_form {
        margin: 1em;
    }

    .ce_form button.submit {
        width: 100%;
        text-align: center;
    }
}
@media screen and (max-width:768px) {
aside .mod_navigation {
    right:0;
    position:relative;
}
#wrapper {
    margin-top:0;
    margin-bottom:0;
}
.mobile-menu-bar {
    display:inline-block;
}
.ce_form {
    width:100%;
}
}