.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%;
  }
}

* {margin: 0;padding: 0;border: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

/* poppins-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  src: url('../../files/elbstadtevent/theme/fonts/poppins-v20-latin-300.eot'); /* IE9 Compat Modes */
  src: url('../../files/elbstadtevent/theme/fonts/poppins-v20-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/elbstadtevent/theme/fonts/poppins-v20-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/elbstadtevent/theme/fonts/poppins-v20-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../../files/elbstadtevent/theme/fonts/poppins-v20-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/elbstadtevent/theme/fonts/poppins-v20-latin-300.svg#Poppins') format('svg'); /* Legacy iOS */
}

/*This CSS resource incorporates links to font software which is the valuable copyrighted property of Monotype and/or its suppliers. You may not attempt to copy, install, redistribute, convert, modify or reverse engineer this font software. Please contact Monotype with any questions regarding Web Fonts:  https://www.linotype.com*/
@font-face{
  font-family:"Nexa Rust Sans W05 Black 2";
  src:url("../../files/elbstadtevent/theme/fonts/5527861/f64317ed-3139-4f27-9081-4e0b58264cc4.woff2") format("woff2"),url("../../files/elbstadtevent/theme/fonts/5527861/2ef282e5-5126-444f-8673-7a8201ddf49f.woff") format("woff");
}

:root {
  --primary: #8171FF;
  --secondary: #DD7471;
  --dark: #251C3C;
  --darker: #130B29;
}
body,html {overflow-x:hidden;}

body {font-family: 'Poppins';font-style: normal;font-size:18px;font-weight: 300;background:var(--dark);color:#fff;}

#wrapper {display: flex;
  flex-direction: column;
  min-height: 100vh;
  height: 100%;
  align-content: stretch;}

h1,h2,h3,h4,h5,h6,.mod_navigation {font-family: "Nexa Rust Sans W05 Black 2", sans-serif;font-weight: 900;font-style: normal;}
h1,h2,h3,h4,h5,h6 {margin:1em 0 0.25em;}
h1 {font-size:clamp(2em, 1.5vw, 2.5em);line-height:1.3em;display:list-item;list-style-type:none;/** TEXT GRADIENT */ color: #866FF5; background-image: -webkit-linear-gradient(0deg, #866FF5 0%, #CF4B53 100%); background-clip: text; -webkit-background-clip: text; text-fill-color: transparent; -webkit-text-fill-color: transparent;}
h2 {font-size:clamp(1.5em, 1.5vw, 2em);}

p {margin-bottom:1em;}

a {text-decoration:none;color:var(--secondary);cursor:pointer !important;}
a:hover {color:var(--primary);}

.invisible {visibility: hidden;width: 0;height: 0;display: block;font-size: 0;}

#header, #main, #footer, #intro {padding:0 1em;}

.header-content {background:#fff;padding:1em;position:relative;display:flex;justify-content:space-between;align-items:center;border-radius:0 0 1em 1em;}

.logo {display:contents}
#logo {width:100%;max-width:240px;}


/*INTRO*/
#intro {color:#fff;padding:6em 1em;}
.ce_rsce_hintergrundbild {position:absolute;top:0;left:0;z-index:-1;opacity:0.1;background-size:cover;height:100vh;width:100%;}
.ce_rsce_hintergrundbild::after {content: "";background: rgb(37,28,60);background: linear-gradient(180deg, rgba(37,28,60,0) 0%, rgba(37,28,60,1) 100%);position: absolute;bottom: 0;z-index: 1;display: block;width: 100%;height: 10%;}


.ce_rsce_text-mit-button .inner {display:flex;gap:2em;justify-content: space-between;align-items: center;}
.ce_rsce_text-mit-button picture {padding: 1em 1em 4em 1em;background: #fff;transform: rotate(-10deg);display: inline-block;margin: 0 2em;}

/*.ce_rsce_hintergrundbild::before {content: "";background: var(--dark);width: 100%;height: 100vh;opacity: 0.9;display: block;position: absolute;z-index: 1;}
.ce_rsce_hintergrundbild::after {content: "";background: rgb(37,28,60);background: linear-gradient(180deg, rgba(37,28,60,0) 0%, rgba(37,28,60,1) 100%);position: absolute;bottom: 0;z-index: 1;display: block;width: 100%;height: 10%;}
.ce_rsce_hintergrundbild {position:relative;top:-8em;z-index:-1;background-size:cover;height:100vh;display: flex;align-items: center;}
.container {margin: 0 20%;padding:1em;position:relative;z-index:2;}
.ce_rsce_hintergrundbild div {color:#fff;}*/

/*MAIN*/

#main .mod_article .ce_form,
#main .ce_rsce_product {background: rgb(129,113,255);background: linear-gradient(90deg, rgba(129,113,255,1) 0%, rgba(172,170,227,1) 100%);padding:2em 1em;margin:1em 0;border-radius: 1em;}

/*Teaser*/
.ce_rsce_teaser .teaser-element {color:#fff;padding:1em;margin:1em 0;border-radius: 1em;}
.ce_rsce_teaser .teaser-element:nth-child(even) {background: rgb(172,170,227);background: linear-gradient(90deg, rgba(172,170,227,1) 0%, rgba(221,116,113,1) 100%);}
.ce_rsce_teaser .teaser-element:nth-child(odd) {background: rgb(129,113,255);background: radial-gradient(circle, rgba(129,113,255,1) 0%, rgba(172,170,227,1) 100%);}
.ce_rsce_teaser .teaser-element img {width:100%;height:auto;}

.ce_rsce_teaser .teaser-element figure {overflow:hidden;border-radius:1em;}
.ce_rsce_teaser .teaser-element picture img {width:100%;height:auto;display:block;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-ms-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear;}
.ce_rsce_teaser .teaser-element:hover picture img{-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-ms-transform: scale(1.2);-o-transform: scale(1.2);transform: scale(1.2);}

/*Button*/
.button {border-radius:100em;padding:1em 2em .75em;margin:1em 0;display:inline-block;font-family:'Nexa Rust Sans W05 Black 2';color:#fff;text-align:center;cursor:pointer;}
.button.-primary {background:var(--dark);}
.button.-primary:hover {background:#fff;color:var(--dark);}
.button.-secondary {background: rgb(134,111,245);background: linear-gradient(90deg, rgba(134,111,245,1) 0%, rgba(207,75,83,1) 100%);}
.button.-secondary:hover {background: rgb(207,75,83);background: linear-gradient(90deg, rgba(207,75,83,1) 0%, rgba(134,111,245,1) 100%);color:#fff;}


/*RS Columns*/
.rs-columns {display: flex;flex-wrap: wrap;align-items: center;}

/*ce_rsce_product*/
.ce_rsce_product img {border-radius:1em;background:#fff;width:100%;height:auto;}
.ce_rsce_product .button {width:100%;text-align:center;}

/*ce_rsce_kontaktbox*/
.ce_rsce_kontaktbox {color:#fff;padding:2em;margin:1em 0 0;border-radius: 1em;background: rgb(172,170,227);background: linear-gradient(90deg, rgba(172,170,227,1) 0%, rgba(221,116,113,1) 100%);}
.ce_rsce_kontaktbox h2 {margin-top:0;}


/*Formular*/
.ce_form h2 {margin:0 0 .5em 0;font-size:clamp(1.4em, 1.5vw, 2em);color:#fff;}
.ce_form .grid-container {gap:1em;margin-bottom:1em;}
.ce_form .grid-container .widget {margin-bottom:0 !important;}
.ce_form .widget:not(.widget-submit, .widget-explanation, .widget-checkbox) {background: #fff;margin-bottom: 1em;padding:.5em 1em;border-radius:1em;}
.ce_form .widget:not(.widget-submit, .widget-explanation), .ce_form fieldset {display: flex;flex-wrap: wrap;/*flex-direction: column;*/column-gap:1em;}
.ce_form .widget label {font-family:'Nexa Rust Sans W05 Black 2'; font-size: .7em;text-transform: uppercase;font-weight: 600;line-height:1em;color:var(--primary);}
.ce_form .widget-checkbox label {color:#fff;}
.ce_form .widget input,
.ce_form .widget select,
.ce_form .widget textarea {font-size:1em;font-weight:300;padding:.5em 0;max-width:100%;background:#fff;}
.ce_form button.submit {background: var(--secondary);color:var(--highlight);padding: .75em 2em;border-radius: 100em;font-size: 1.25em;font-weight: 600;text-transform: uppercase;cursor:pointer;}
.ce_form button.submit:hover {background:#fff;color:var(--primary);}
.ce_form .widget-checkbox {color:#fff;margin-bottom:1em;}
.ce_form .widget-checkbox a {color:var(--highlight);}
.ce_form .widget-checkbox a:hover {color:var(--secondary);}
.ce_form .col-sm-3 .widget-text {margin-right:1em;}
.ce_form .fieldset-container fieldset {background: var(--bs-light-border-subtle);border-radius: 1em;padding: .5em 1em;font-size: .75em;line-height: 2em;}
.ce_form .fieldset-container fieldset legend {display:none;}

.ce_form .fieldset-container fieldset .widget select {background-size: 1.5em;}

.ce_form fieldset.approval .widget-explanation ul {margin-left:1em;}
.ce_form fieldset.approval .widget-checkbox label {font-size:1em;color:var(--text);}

.ce_form .fieldset-container .widget-radio label {font-size:1.25em;}

.ce_form fieldset.approval {background:#fff;border-radius:1em;padding:1em;margin:1em 0;}

.ce_form .widget-checkbox a {color:var(--dark);}
.ce_form .widget-checkbox a:hover {color:var(--secondary);}

/* remove standard-styles */ input {-webkit-appearance: none;-moz-appearance: none;appearance: none;border:none;border-radius: 0;font-size: 1em;width: 100%}
input[type='checkbox'],
input[type='radio'] {width:auto;float:left;margin-right: .75em;background:transparent;border:none;}
input[type='checkbox']:checked,
input[type='checkbox']:not(:checked),
input[type='radio']:checked,
input[type='radio']:not(:checked) {background: transparent;position: relative;visibility: hidden;margin:0;padding:0;}
input[type='checkbox'] + label,
input[type='radio'] + label {cursor: pointer;}

/*set new styles*/
input[type='checkbox']:checked + label::before,
input[type='checkbox']:not(:checked) + label::before,
input[type='radio']:checked + label::before,
input[type='radio']:not(:checked) + label::before {content:' ';display:inline-block;width: 17px;height:17px;position: relative;top:4px;background: #fff;margin-right: 1em;}
input[type=radio]:checked + label::before,
input[type=radio]:not(:checked) + label::before {border-radius: 30px;}
input[type='checkbox']:hover  + label::before,
input[type='radio']:hover  + label::before {background:#fff;}
fieldset.approval input[type='checkbox']:checked  + label::before,
input[type='radio']:checked  + label::before {background:var(--secondary);}
input[type='checkbox']:checked  + label::before {background:var(--dark);}

/* remove standard-styles */select {-webkit-appearance: none;-moz-appearance: none;appearance: none;border:none;border-radius: 0;font-size: 1em;width: 100%}
.ce_form .widget select {background-color:white;background-image:url('../../files/elbstadtevent/theme/img/icon-dropdown.svg');background-position:center right;background-repeat: no-repeat;cursor:pointer;}
.ce_form .widget select::-ms-expand {display:none;}
.ce_form .widget .lt-ie10 select {background-image: none;}

.ce_form .datepicker input {background-color:white;background-image:url('../../files/elbstadtevent/theme/img/icon-calendar.svg');background-position:center right;background-repeat: no-repeat;cursor:pointer;}

/*Datepicker*/
.ui-widget-content {display:none;}
.ui-datepicker .ui-datepicker-header {position: relative;padding: .2em 0;}
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {opacity: .35;-ms-filter: "alpha(opacity=35)";background-image: none;}
::before, ::after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next  {position: absolute;top: 2px;width: 1.8em;height: 1.8em;}
.ui-datepicker .ui-datepicker-prev {left: 2px;}
.ui-datepicker .ui-datepicker-next {right: 2px;}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {display: block;position: absolute;left: 50%;margin-left: -8px;top: 50%;margin-top: -8px;}
.ui-datepicker .ui-widget-header .ui-datepicker-prev .ui-icon {background-image:url("../../files/elbstadtevent/theme/img/arrow-prev.svg");background-size:20px 20px;width:50px;}
.ui-datepicker .ui-widget-header .ui-datepicker-next .ui-icon {background-image:url("../../files/elbstadtevent/theme/img/arrow-next.svg");background-size:20px 20px;width:50px;}
.ui-widget-header .ui-icon {display: block;text-indent: -99999px;overflow: hidden;background-repeat: no-repeat;left: .5em;top: .3em;}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {position: absolute;top: 2px;width: 1.8em;height: 1.8em;}
.ui-datepicker .ui-datepicker-title {line-height: 1.8em;margin: 0 2.3em;}
.ui-datepicker .ui-datepicker-title {text-align: center;color:#fff;}
.ui-datepicker table {width: 100%;font-size: .9em;border-collapse: collapse;margin: 0 0 .4em;}
.ui-datepicker th {padding: .7em .3em;text-align: center;font-weight: bold;border: 0;color:#fff;}
.ui-datepicker .ui-datepicker-buttonpane {background-image: none;margin: .7em 0 0 0;padding: 0 .2em;border-left: 0;border-right: 0;border-bottom: 0;}
.ui-widget-content {border: 1px solid #ddd;background: #fff;background-image:none;color:#333;}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {float: left;}
.ui-datepicker .ui-datepicker-buttonpane button {float: right;margin: .5em .2em .4em;cursor: pointer;padding: .2em .6em .3em .6em;width: auto;overflow: visible;}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {cursor:pointer;}
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {opacity: .7;-ms-filter: "alpha(opacity=70)";font-weight: normal;}
.ui-datepicker-calendar .ui-state-default, .ui-datepicker-calendar .ui-widget-content .ui-state-default, .ui-datepicker-calendar .ui-widget-header .ui-state-default, .ui-datepicker-calendar .ui-button, html .ui-datepicker-calendar .ui-button.ui-state-disabled:hover, html .ui-datepicker-calendar .ui-button.ui-state-disabled:active {color:#fff;font-weight: normal;width: 2em;height: 2em;border-radius:2em;}
.ui-state-default:hover {background: #fff;color: var(--dark);}
.ui-widget-content {background:var(--dark);padding:.25em 1em 1em;border-radius: 1em;}
.ui-datepicker td {border: 0;padding: 1px;}
.ui-datepicker td span, .ui-datepicker td a {display: block;text-align: center;line-height: 2.2;text-decoration: none;}
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {opacity: .35;-ms-filter: "alpha(opacity=35)";background-image: none;}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {background:var(--secondary);border-radius:5em;color: #fff;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {background: #fff;font-weight: normal;color: var(--dark);}
.ui-datepicker button {border: 0;background: #fff;color: var(--dark) !important;}
.ui-datepicker .ui-datepicker-buttonpane {display:none;}
.text.datepicker {cursor:default;}

.grid-container {display:grid;}

.ce_text ul {margin: 0 0 1em 1em;}

/*FOOTER*/
footer {text-transform:uppercase;margin-top:6em;}
footer .inside {display:flex;flex-wrap:wrap;justify-content:space-between;gap:2em;background:var(--darker);padding:2em;border-radius:1em 1em 0 0;}
footer ul {list-style-type:none;}
footer ul li {padding:0.25em 0;}
footer a {color:#fff;}
footer a:hover {color:var(--primary);}

.ce_rsce_socialmedia ul {display:flex;gap:1em;}
.icon-social {background-size: 30px;background-position: left center;background-repeat:no-repeat;display: block;width:30px;height:30px;}
.facebook {background-image:url('../../files/elbstadtevent/theme/img/icon-facebook.svg');}
.instagram {background-image:url('../../files/elbstadtevent/theme/img/icon-instagram.svg');}
.twitter {background-image:url('../../files/elbstadtevent/theme/img/icon-twitter.svg');}
.linkedin {background-image:url('../../files/elbstadtevent/theme/img/icon-linkedin.svg');}
.xing {background-image:url('../../files/elbstadtevent/theme/img/icon-xing.svg');}
.youtube {background-image:url('../../files/elbstadtevent/theme/img/icon-youtube.svg');}
.icon-social span {visibility: hidden;}

@media screen and (min-width:550px) {
  #container {flex: 1;justify-content: center;display: flex;align-items: center;width: 100%;}
}

@media screen and (min-width:600px) {
  .grid-container {grid-template-columns: 1fr 1fr;}
  .grid-container.--3 {grid-template-columns: 1fr 1fr;}

  #main .mod_article .ce_form, #main .ce_rsce_product {padding:4em;}
}

@media screen and (max-width:799px) {
  #container,
  .ce_rsce_text-mit-button .inner {flex-wrap:wrap;}
}

@media screen and (min-width:800px) {
  /*ce_rsce_product*/
  .grid-3-1 {display:grid;grid-template-columns: 3fr 2fr;gap: 2em;}
}

@media screen and (max-width:991px) {
  /*Mobile Menu*/
  .nav-container {position:relative;}
  .navbar-toggle {background-color: var(--primary);border: none;cursor: pointer;display: flex;padding: 0;transform-y:translate(50%);position:relative;z-index:998;border-radius:1em;}
  .line {fill: none;stroke: #fff;stroke-width: 7;transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1), stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);stroke-linecap: round;}
  .line1 {stroke-dasharray: 60 207;stroke-width: 7;}
  .line2 {stroke-dasharray: 40;stroke-width: 7;}
  .line3 {stroke-dasharray: 60 207;stroke-width: 7;}
  .opened .line1 {stroke-dasharray: 90 207;stroke-dashoffset: -134;stroke-width: 7;}
  .opened .line2 {stroke-dasharray: 1 60;stroke-dashoffset: -20;stroke-width: 7;}
  .opened .line3 {stroke-dasharray: 90 207;stroke-dashoffset: -134;stroke-width: 7;}

  .mod_navigation {display:none;}
  .mod_navigation {position:absolute;left:0;top:0;z-index:3;width:100%;padding:1em;background:var(--secondary);border-radius:0 0 1em 1em;}
  .mod_navigation ul {list-style-type: none;}
  .mod_navigation ul li {padding: 1em 0;}
  .mod_navigation ul li a,
  .mod_navigation ul li strong,
  .mod_navigation ul li .active {font-weight: 600;text-transform: uppercase;}
  .mod_navigation ul li a {color:var(--dark);}
  .mod_navigation ul li strong,
  .mod_navigation ul li .active {color:var(--primary);}
  .mod_navigation ul li.submenu {padding-bottom:0;}
  .mod_navigation ul ul {margin-left:1em;padding:.6em 0;}
  .mod_navigation ul ul li {padding: .6em 0;}
  .mod_navigation ul ul li a,
  .mod_navigation ul ul li strong,
  .mod_navigation ul ul li .active {font-size:1em;text-transform:none;}
}

@media screen and (min-width:992px) {
  .mod_navigation {display:block;font-weight:600;text-transform:uppercase;position:relative;z-index:3;}
  .mod_navigation ul {display: flex;justify-content: space-between;gap: 2em;}
  .mod_navigation ul li {position:relative;padding:1em 0;}
  .mod_navigation ul li a {color:var(--dark);text-decoration:none;}
  .mod_navigation ul li a:hover,
  .mod_navigation ul li strong {font-weight:600;color:var(--secondary);}
  .mod_navigation ul ul {display:none;top:3.5em;}
  .mod_navigation ul li.home {visibility: hidden;height:0;width:0;font-size:0;}

  .mod_navigation ul li:hover ul {position:absolute;left:-50%;}

  .mod_navigation ul ul:before {content: '';
    display: block;
    border-color: transparent transparent var(--secondary) transparent;
    border-style: solid;
    border-width: 10px;
    position: absolute;
    top: -20px;
    left: 50%;
    margin-left: -10px;}
  .mod_navigation ul ul li a:hover {color:var(--dark);}
  .mod_navigation ul li strong.active,
  .mod_navigation ul li.trail a.trail {color:var(--primary);}
  .mod_navigation ul li:hover ul {display: block;position: absolute;background: var(--secondary);padding:.5em 1.25em;border-radius:1em;}
  .mod_navigation ul li ul li {font-size: 1em;text-transform: none;margin:.5em 0;padding:0;list-style-type: none;}
  .mod_navigation ul li ul li a,
  .mod_navigation ul li ul li strong {padding: .5em 0;color:#fff;}
  .mod_navigation ul li ul {display:none;}

  /*.mod_navigation ul ul {
  	position: relative;
    top:2em;
    left:-10%;
  	background: #DD7471;
  }
  .mod_navigation ul ul:after, .mod_navigation ul ul:before {
  	bottom: 100%;
  	left: 50%;
  	border: solid transparent;
  	content: "";
  	height: 0;
  	width: 0;
  	position: absolute;
  	pointer-events: none;
  }

  .mod_navigation ul ul:after {
  	border-color: rgba(221, 116, 113, 0);
  	border-bottom-color: #DD7471;
  	border-width: 15px;
  	margin-left: -15px;
  }
  .mod_navigation ul ul:before {
  	border-color: rgba(0, 0, 0, 0);
  	border-width: 16px;
  	margin-left: -16px;
  }*/

  .navbar-toggle {display:none;}

  .ce_rsce_teaser .teaser-element {display:grid;grid-template-columns:1fr 1fr;gap:2em;align-items:center;}
  .ce_rsce_teaser .teaser-element h2 {margin-top:0;}
  .ce_rsce_teaser .teaser-element .teaser-content {padding:2em;}
  .ce_rsce_teaser .teaser-element:nth-child(odd) .teaser-image {order:2;}

  .grid-container {grid-template-columns: 1fr 1fr;}
  .grid-container.--3 {grid-template-columns: 1fr 1fr 1fr;}
}

@media screen and (min-width:1200px) {
  #logo {width:100%;max-width:300px;}
  
  h1 {font-size:4em;}
  h2 {font-size:2em;}

  .mod_navigation ul {display:flex;gap:2em;list-style-type:none;}
  .mod_navigation ul ul {display:none;}

  .ce_rsce_teaser .teaser-element {padding:2em;}
}

@media screen and (min-width:1600px) {
  .inside {margin:0 10%;}
}

@media screen and (min-width:2000px) {
  .inside {margin:0 20%;}
}