/**
* Fonts
**/
@font-face {
  font-family: "nunito_sansbold";
  src: url(../fonts/nunitosans-bold-webfont.woff2) format("woff2"), url(../fonts/nunitosans-bold-webfont.woff) format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "nunito_sansregular";
  src: url(../fonts/nunitosans-regular-webfont.woff2) format("woff2"), url(../fonts/nunitosans-regular-webfont.woff) format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "asapmedium";
  src: url(../fonts/asap-medium-webfont.woff2) format("woff2"), url(../fonts/asap-medium-webfont.woff) format("woff");
  font-weight: normal;
  font-style: normal;
}
/**
* Setzten von 1rem = 10px
**/
html {
  font-size: 62.5%;
}

/****************************************************************************
 *  MEDIA MOTION AG                                                         *
 ****************************************************************************

    Funktion      mixins-media bem module

*****************************************************************************/
/*
.mixins-media

Styleguide classes.mixins-media
*/
/**
* Header
**/
body.home header {
  min-height: 78rem;
  background-image: url(../img/Startseite2025.jpg);
  background-position: 0 11rem;
}

header {
  background-image: url(../img/Unterseite_22025.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 35rem;
  background-position: 100% 20%;
}
header .inside {
  background: rgba(39, 62, 74, 0.9);
}
header .inside nav a {
  color: #FFF;
}
header .inside nav span,
header .inside nav strong,
header .inside nav a:hover,
header .inside nav a.trail {
  color: #A2A4A7;
}
header .inside nav li {
  float: left;
}
header .inside .meta-nav {
  float: right;
  font-size: 1.3rem;
  margin-top: 1.5rem;
}
header .inside .meta-nav li:after {
  content: "|";
  display: block;
  color: #FFF;
  float: right;
  margin: 0 1rem;
}
header .inside .meta-nav li.last:after {
  content: none;
}
header .inside .nav {
  float: right;
  margin-top: -4.5rem;
}
header .inside .nav .level_1 {
  font-size: 2rem;
}
header .inside .nav .level_1 li {
  margin-right: 6rem;
  line-height: 3rem;
  font-family: "asapmedium";
}
@media (max-width: 1200px) {
  header .inside .nav .level_1 li {
    margin-right: 4rem;
  }
}
header .inside .nav .level_1 li.last.submenu {
  margin-right: 0;
}
header .inside .nav .level_1 li:hover .level_2 {
  display: block;
  position: absolute;
}
header .inside .nav .level_2 {
  display: none;
  font-size: 1.6rem;
  padding-top: 2.3rem;
}
header .inside .nav .level_2 li {
  float: none;
  background: rgba(39, 62, 74, 0.9) none repeat scroll 0 0;
  float: none;
  margin-top: 3px;
  font-family: "nunito_sansregular";
}
header .inside .nav .level_2 li a,
header .inside .nav .level_2 li span {
  padding: 1rem 2rem;
  display: inline-block;
  line-height: 1.4;
}
header .inside .logo {
  padding-top: 5rem;
  width: 20rem;
  height: 6rem;
}
header .inside .logo span {
  background: url(../fonts/logo.svg);
  background-repeat: no-repeat;
  display: block;
  height: 100%;
  width: auto;
}

.mobile-nav {
  display: none;
}
.mobile-nav .nav-trigger {
  position: absolute;
  right: 7rem;
  top: 6.5rem;
  width: 3rem;
  height: 3rem;
}
.mobile-nav .nav-trigger span,
.mobile-nav .nav-trigger:before,
.mobile-nav .nav-trigger:after {
  background: white none repeat scroll 0 0;
  height: 4px;
  width: 3rem;
  content: "";
  position: absolute;
}
.mobile-nav .nav-trigger::before {
  bottom: 0.6rem;
}
.mobile-nav .nav-trigger::after {
  top: 1rem;
}

.mm-menu {
  background: #273E4A;
}
.mm-menu .mm-list li a {
  color: #FFF;
}
.mm-menu .mm-list li span {
  color: #B12829;
}
.mm-menu .mm-list a.mm-subopen::before {
  border-left-style: none;
}
.mm-menu .mm-list li::after {
  border-color: #FFF;
}
.mm-menu .mm-list li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults)::after {
  margin-left: 0;
}
.mm-menu .mm-list li a.mm-subopen::after,
.mm-menu .mm-list li a.mm-subclose::before {
  border-color: #FFF;
}
.mm-menu .mm-list li a.mm-subclose {
  color: #FFF;
}

/**
* Content
**/
#container #main .inside {
  /*** Recaptcha ***/
}
#container #main .inside .boxen.mod_article {
  border-top: 2px solid rgba(39, 62, 74, 0.3);
  padding: 5rem 8rem 10rem;
  margin-top: 5rem;
}
#container #main .inside .box-small,
#container #main .inside .box-large {
  background: url(../img/bg_boxen.png) #273E4A;
  background-repeat: no-repeat;
  background-position: bottom right;
  margin-top: 5rem;
  color: #FFF;
  transition: 0.4s ease;
}
#container #main .inside .box-small a:not(.link-box-link),
#container #main .inside .box-large a:not(.link-box-link) {
  color: #FFF;
  width: calc(100% - 6rem);
  height: 100%;
  display: block;
  padding: 0 3rem;
}
#container #main .inside .box-small strong,
#container #main .inside .box-large strong {
  padding-bottom: 0;
}
#container #main .inside .box-small h2,
#container #main .inside .box-large h2 {
  line-height: 1.2;
}
#container #main .inside .box-small:hover,
#container #main .inside .box-large:hover {
  background: url(../img/bg_boxen.png) #B12829;
  background-repeat: no-repeat;
  background-position: bottom right;
}
#container #main .inside .box-small {
  height: 25rem;
  background-size: 65% auto;
}
#container #main .inside .box-small:hover {
  background-size: 65% auto;
}
#container #main .inside .box-large {
  min-height: 55rem;
}
#container #main .inside .box-large .ce_text,
#container #main .inside .box-large .link-box-text {
  padding: 0 3rem;
}
#container #main .inside .box-large .ce_text a,
#container #main .inside .box-large .link-box-text a {
  padding: 0;
}
#container #main .inside .box-large .ce_text ul,
#container #main .inside .box-large .link-box-text ul {
  margin-left: 1rem;
}
#container #main .inside .link-box {
  position: relative;
  padding: 0 3rem;
  overflow: hidden;
}
#container #main .inside .link-box a {
  padding: 0;
}
#container #main .inside .link-box-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#container #main .inside .workshop_table {
  border-bottom: 1px solid #273E4A;
  padding-bottom: 2rem;
}
#container #main .inside .workshop_table:last-child {
  border-bottom: none;
  padding-bottom: none;
}
#container #main .inside .workshop_table:after {
  content: "";
  display: block;
  clear: both;
}
#container #main .inside .ce_gallery > h1 {
  margin-top: 0;
  padding-top: 0;
}
#container #main .inside .ce_gallery > ul > li {
  margin-left: 0;
  margin-bottom: 10px;
  list-style-type: none;
}
#container #main .inside .ce_gallery > ul > li a {
  display: block;
  line-height: 0;
}
#container #main .inside .ce_gallery > ul > li img {
  margin: 0;
}
#container #main .inside .video_container {
  position: relative;
  padding-bottom: 56.25%;
  margin-top: 3rem;
  width: 100%;
}
#container #main .inside .video_container iframe {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#container #main .inside .error {
  color: #B12829;
}
#container #main .inside .g-recaptcha {
  margin: 10px 0 20px;
}

.ce_youtube {
  position: relative;
  margin-top: 3rem;
}
.ce_youtube:after {
  content: "";
  display: block;
  padding: 0 0 56.25%;
}
.ce_youtube .mejs-video {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.ce_youtube .me-plugin {
  width: 100% !important;
  height: 100% !important;
}

/**
* Footer
**/
footer {
  background: #273E4A;
  padding: 5rem 0;
}
footer a,
footer p,
footer h4 {
  color: #FFF;
}
footer h4 {
  font-size: 1.3rem;
}
footer div.last {
  border-top: 2px solid rgba(255, 255, 255, 0.3);
  font-size: 1.3rem;
  margin-top: 3rem;
  padding-top: 2rem;
}
footer .underline a {
  text-decoration: underline;
}
footer .meta-nav {
  display: none;
  margin-top: 1.5rem;
}
footer .meta-nav li {
  float: left;
}
footer .meta-nav li:after {
  content: "|";
  display: block;
  color: #FFF;
  float: right;
  margin: 0 1rem;
}
footer .meta-nav li.last:after {
  content: none;
}

/**
* Allgemein
**/
body {
  font-family: "nunito_sansregular";
  font-size: 1.7rem;
  line-height: 2.3rem;
  color: #273E4A;
}

#container .inside .mod_article:not(.fullwidth),
header .header,
footer .footer,
#left {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 8rem;
  width: calc(100% - 16rem);
}

h1,
h2 {
  font-family: "asapmedium";
}

h1 {
  font-size: 4.3rem;
  padding: 3rem 0 0;
  line-height: 5rem;
}

h2 {
  margin-bottom: 3rem;
}

h4 {
  font-size: 100%;
  font-family: "nunito_sansbold";
  margin: 0;
}

a {
  text-decoration: none;
  color: #B12829;
}

strong {
  font-family: "nunito_sansbold";
}

#wrapper {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
#wrapper > * {
  flex: 0 0 auto;
}
#wrapper > #container {
  flex: 1 0 auto;
}

#main ul li {
  list-style: disc;
  margin-left: 2rem;
  margin-bottom: 1rem;
}

p.error {
  color: #B12829;
}

/**
* Header
**/
@keyframes claim {
  0% {
    left: -100vw;
  }
  100% {
    left: 19vw;
  }
}
.claim {
  bottom: -50rem;
  left: 19vw;
  color: #FFF;
  font-size: 3rem;
  line-height: 2.8rem;
  position: absolute;
  animation: claim 3s;
}
.claim p:nth-child(2) {
  margin-left: 5rem;
}
.claim p:nth-child(3) {
  margin-left: 10rem;
}
.claim .image_container {
  float: right;
}

/**
* Content Sub
**/
body:not(.home) #main .ce_text,
body:not(.home) #main .ce_form,
body:not(.home) #main .ce_image,
body:not(.home) #main .ce_accordion,
body:not(.home) #main .ce_headline,
body:not(.home) #main .rs-columns,
body:not(.home) #main .mod_login,
body:not(.home) #main .ce_downloads,
body:not(.home) #main .ce_download,
body:not(.home) #main .box-small.content,
body:not(.home) #main div:not(.rs-column) > .ce_rsce_link-box,
body:not(.home) #main .video_container,
body:not(.home) #main .ce_gallery {
  width: 66%;
  float: right;
  box-sizing: border-box;
}
body:not(.home) #main .ce_gallery.ce_gallery--full {
  width: auto;
  float: none;
}
body:not(.home) #main .mod_navigation {
  width: 33%;
  float: left;
  margin-top: 9rem;
}
body:not(.home) #main .mod_navigation ul li {
  list-style: none;
  max-width: 22rem;
  border-bottom: 2px solid rgba(39, 62, 74, 0.3);
  padding-bottom: 1rem;
}
body:not(.home) #main .mod_navigation ul li a {
  color: #273E4A;
  width: 100%;
  display: block;
}
body:not(.home) #main .mod_navigation ul li span,
body:not(.home) #main .mod_navigation ul li strong {
  color: #B12829;
}
body:not(.home) #main .ce_accordion .ce_text,
body:not(.home) #main .ce_accordion .ce_image,
body:not(.home) #main .ce_accordion .ce_headline,
body:not(.home) #main .ce_accordion .rs-columns,
body:not(.home) #main .ce_accordion .video_container {
  width: 100%;
  float: none;
}

body #main .mod_article.boxen {
  width: 100%;
}
body #main .mod_article.boxen .rs-columns {
  width: 100% !important;
}
body #main .mod_article.boxen .rs-columns .rs-column .ce_text {
  width: calc(100% - 6rem);
  float: none;
}

body #main .mod_article .rs-columns .rs-column .ce_text {
  width: 100%;
}

/**
* Content
**/
body #main .mod_article.boxen.block .ce_image {
  width: 100%;
}
body #main .mod_article.boxen.block .ce_image img {
  margin: 0;
}

body #main .mod_article.fullwidth.block {
  padding: 4rem 0;
}
body #main .mod_article.fullwidth.block .ce_image {
  width: 100%;
}
body #main .mod_article.fullwidth.block .image_container {
  max-height: 65rem;
  overflow: hidden;
}
body #main .mod_article.fullwidth.block .image_container img {
  width: 100vw;
}
body #main .mod_article.fullwidth.block.slider {
  padding: 0;
  min-height: 450px;
  height: 35vw;
}
body #main .mod_article.fullwidth.block.slider .ce_text {
  max-width: 55rem;
  position: absolute;
  padding: 0 3rem 6rem;
  line-height: 3rem;
  background: rgba(255, 255, 255, 0.5);
}
body #main .mod_article.fullwidth.block.slider .ce_text.left {
  left: 10vw;
}
body #main .mod_article.fullwidth.block.slider .ce_text.right {
  right: 10vw;
}
body #main .mod_article.fullwidth.block.slider .ce_text h1 {
  padding: 7rem 0 1rem;
}
body #main .mod_article.fullwidth.block.slider .rsts-prev,
body #main .mod_article.fullwidth.block.slider .rsts-next {
  background: none;
  border-bottom: 4px solid #273E4A;
  border-radius: 3px;
  height: 5rem;
  width: 5rem;
  top: calc(50% - 5rem);
  box-shadow: none;
  border-top: 0;
}
body #main .mod_article.fullwidth.block.slider .rsts-prev {
  border-left: 4px solid #273E4A;
  transform: rotate(45deg);
  left: 5rem;
  border-right: 0;
}
body #main .mod_article.fullwidth.block.slider .rsts-next {
  border-right: 4px solid #273E4A;
  transform: rotate(-45deg);
  right: 5rem;
  border-left: 0;
}

body #main {
  background-image: url(../img/bg_image.png);
  background-repeat: no-repeat;
  background-position: right 70rem;
  padding-bottom: 5rem;
}
body #main .mod_article img {
  margin: 3rem 0;
}
body #main .mod_article img.CalendarFieldIcon {
  margin: 0 0 0 2rem;
}
body #main .mod_article .ce_gallery.logo_gallerie li {
  list-style: none;
}
body #main .mod_article .ce_gallery.logo_gallerie li img {
  max-width: 100%;
  margin: 0;
}
body #main .mod_article .ce_text.list_mitglieder p {
  width: 100%;
  float: left;
}
body #main .mod_article .ce_text.list_mitglieder p a {
  display: block;
  padding: 0.5rem 0rem;
}
body #main .mod_article .ce_downloads li {
  list-style: none;
  border-bottom: 1px solid rgba(39, 62, 74, 0.3);
  margin-left: 0;
  padding-bottom: 1.5rem;
}
body #main .mod_article .ce_downloads li img {
  margin: 0;
}
body #main .mod_article .ce_download img {
  margin: 0;
}
body #main .mod_article:nth-child(1) .ce_text:first-of-type:nth-child(2) strong:first-of-type,
body #main .mod_article:nth-child(1) .ce_text:first-of-type:nth-child(1) strong:first-of-type {
  display: block;
  padding-bottom: 4rem;
}

body.home #main .ce_text:first-of-type:nth-child(2) strong,
body.home #main .ce_text:first-of-type:nth-child(1) strong {
  display: block;
  padding-bottom: 4rem;
}

.ce_accordion .toggler {
  padding: 1.5rem;
  border-bottom: 1px solid #273E4A;
}
.ce_accordion .toggler::after {
  border-bottom: 1px solid #273E4A;
  border-right: 1px solid #273E4A;
  content: " ";
  display: block;
  float: right;
  height: 2rem;
  right: 0;
  transform: rotate(-45deg);
  width: 2rem;
  transition: transform 0.8s ease 0s;
}
.ce_accordion .toggler.ui-state-active::after {
  transform: rotate(45deg);
  transition: transform 0.8s ease 0s;
}
.ce_accordion .ui-accordion-content {
  padding-top: 3rem;
}

.margin-after-5 {
  margin-bottom: 5rem;
}

.margin-after-3 {
  margin-bottom: 3rem;
}

.margin-before-3 {
  margin-top: 3rem;
}

body.personenbilder figure {
  max-height: 30rem;
  overflow: hidden;
  margin-bottom: 2rem;
}

/**
* Formular
**/
.ce_form h1 {
  padding: 0;
}

[type=submit],
button {
  cursor: pointer;
}

.loading-button {
  position: relative;
}
.loading-button [type=submit],
.loading-button button {
  opacity: 0.5;
  pointer-events: none;
}
.loading-button__spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.loading-button__spinner::after, .loading-button__spinner::before {
  content: "";
  box-sizing: border-box;
  display: block;
  width: 42px;
  height: 42px;
  border: 5px solid #273E4A;
  border-top-color: transparent;
  border-radius: 50%;
  animation: loadingAnimationButton 1.1s ease-in-out infinite;
}
.loading-button__spinner::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  animation-delay: 0.1s;
}

@keyframes loadingAnimationButton {
  0% {
    transform: rotate(5deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.ce_form {
  overflow: visible;
}

form input {
  color: #273E4A;
  box-shadow: none;
}
form textarea {
  margin-top: 5rem;
}
form div.widget-text.full textarea,
form div.widget-textarea.full textarea {
  padding: 1.3rem;
}
form .widget-text input,
form .widget-text textarea,
form .widget-textarea input,
form .widget-textarea textarea {
  padding: 1.3rem;
  color: #273E4A;
  border: 1px solid #273E4A;
  box-shadow: none;
  margin-bottom: 1rem;
  width: 100%;
}
form div.clear-input {
  clear: both;
}
form .rating span {
  float: left;
}
form .rating span .radio {
  display: block;
  width: 100%;
}
form div.widget-text.no-float {
  float: none;
}
form div.widget-text {
  margin-right: 4rem;
}
form .widget-explanation {
  margin-top: 3rem;
}
form div.widget-explanation {
  clear: both;
}
form .nofloat {
  float: none;
}
form .nofloat span {
  display: block;
}
form fieldset.radio_container {
  width: 100%;
}
form fieldset.radio_container span {
  margin-right: 1.5rem;
}
form span.mandatory {
  display: none !important;
}
form textarea label {
  display: block;
}
form .sixth span {
  display: block;
  float: left;
  width: calc(20% - 1.5rem);
}
form .sixth label {
  display: block;
  text-align: center;
  width: 100%;
}
form .sixth .radio,
form .sixth legend {
  width: 100%;
}
form .widget-explanation div.float p {
  width: 20%;
  text-align: center;
  float: left;
}
form .widget-explanation div.float p:first-child {
  width: 100%;
  text-align: left;
}
form fieldset.radio_container.sixth legend,
form fieldset.radio_container.third,
form fieldset.radio_container.half {
  border-top: 1px solid rgba(39, 62, 74, 0.3);
}
form fieldset.radio_container.sixth legend span,
form fieldset.radio_container.third span,
form fieldset.radio_container.half span {
  margin-right: 0;
}
form .third {
  margin-top: 6rem;
}
form .third legend {
  font-family: "nunito_sansbold";
  font-weight: bold;
  float: left;
}
form .third legend,
form .third span {
  width: 100%;
  display: block;
}
form fieldset.half {
  padding-top: 6rem;
}
form fieldset.half span {
  width: 50%;
  float: left;
}
form .widget-captcha {
  margin-top: 3rem;
}
form .widget-captcha label {
  margin-right: 1.5rem;
}
form .widget-captcha input {
  margin-right: 1.5rem;
}
form .widget-captcha span {
  float: none;
  width: auto;
  display: inline;
}
form .submit_container,
form .widget-submit {
  margin-top: 3rem;
}
form .submit_container input,
form .submit_container button,
form .widget-submit input,
form .widget-submit button {
  width: 100%;
  background: #B12829;
  color: #FFF;
  padding: 1.5rem;
  border: none;
}
form .datenschutz {
  margin-top: 2rem;
}

.download-intern.mod_login {
  display: grid;
  grid-template-columns: repeat(2, minmax(10px, 1fr));
}
.download-intern.mod_login .formbody .widget-text,
.download-intern.mod_login .formbody .widget-password {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
@media (max-width: 400px) {
  .download-intern.mod_login .formbody .widget-text,
  .download-intern.mod_login .formbody .widget-password {
    width: 100% !important;
  }
}
.download-intern.mod_login .formbody .widget-text input,
.download-intern.mod_login .formbody .widget-password input {
  width: 100%;
  border: 1px solid #273E4A;
}

form input.text {
  padding: 1.3rem;
  color: #273E4A;
  border: 1px solid #273E4A;
  box-shadow: none;
  margin-bottom: 1rem;
  width: 33%;
}

.hr_feedbackform {
  display: block;
  clear: both;
  border-top: none;
  padding-top: 45px;
  margin-bottom: 40px;
  border-left: none;
  border-right: none;
}

/*Vorstand Auflistung*/
body .vorstand-list div.rs-column {
  background: #273E4A;
  color: white;
  width: 38%;
  padding: 4%;
  margin: 2%;
  min-height: 130px;
  font-size: 1.5rem;
}
body .vorstand-list div.rs-column strong {
  font-size: 1.7rem;
}

/* Overwrite */
body #main .mod_article:nth-child(1) .strong-overwrite.ce_text:first-of-type:nth-child(1) strong:first-of-type {
  padding: 0;
}

/* Video */
@media (max-width: 1300px) {
  .nav {
    display: none;
  }
  header .meta-nav {
    display: none;
  }
  footer .meta-nav {
    display: block;
  }
  footer .meta-nav li span {
    color: #B12829;
  }
  .mobile-nav {
    display: block;
  }
  body:not(.home) #main .mod_navigation {
    display: none;
  }
  body:not(.home) #main .ce_text,
  body:not(.home) #main .ce_form,
  body:not(.home) #main .ce_image,
  body:not(.home) #main .ce_accordion,
  body:not(.home) #main .ce_headline,
  body:not(.home) #main .rs-columns,
  body:not(.home) #main .mod_login,
  body:not(.home) #main .ce_downloads,
  body:not(.home) #main .box-small,
  body:not(.home) #main .ce_gallery {
    width: 100%;
  }
  body {
    font-size: 1.5rem;
  }
  body #main .mod_article.fullwidth.block.slider .ce_text {
    top: 25rem;
  }
  body #main .mod_article.fullwidth.block.slider .ce_text.left {
    left: 0;
  }
  body #main .mod_article.fullwidth.block.slider .ce_text.right {
    right: 0;
  }
}
@media (max-width: 900px) {
  body .vorstand-list div.rs-column {
    width: 92%;
    padding: 4%;
    margin: 2%;
    min-height: 80px;
  }
}
@media (max-width: 750px) {
  body .claim {
    font-size: 2.2rem;
    line-height: 2rem;
  }
  body #container #main .inside form .widget-captcha span {
    display: block;
  }
}
@media (max-width: 600px) {
  @keyframes claim {
    0% {
      left: -100vw;
    }
    100% {
      left: 5vw;
    }
  }
  body h1 {
    font-size: 3.3rem;
    line-height: 4rem;
  }
  body header {
    min-height: 25rem;
    background-position: 100% 0;
  }
  body .claim {
    font-size: 1.8rem;
    left: 5vw;
    line-height: 1.6rem;
  }
  body .claim p:nth-child(2) {
    margin-left: 3.8rem;
  }
  body .claim p:nth-child(3) {
    margin-left: 1rem;
  }
  body #container .inside .mod_article:not(.fullwidth),
  body .header,
  body .footer {
    width: calc(100% - 4rem);
    padding: 0 2rem;
  }
  body .header .mobile-nav .nav-trigger {
    right: 3rem;
  }
  body #container #main .inside .boxen.mod_article {
    padding: 5rem 2rem 10rem;
  }
  body #container #main .inside form .sixth input,
  body #container #main .inside form .sixth label {
    width: 60%;
    line-height: 2rem;
  }
  body #container #main .inside form fieldset.half span {
    width: 100%;
    display: block;
    float: none;
  }
  body #container #main .inside form .radio_container span {
    display: block;
  }
  body #container #main .inside form.feedback .radio_container span {
    display: inline;
  }
  body #container #main .inside .mod_article.fullwidth.block.slider .ce_text {
    line-height: 2rem;
  }
  body #container #main .inside .mod_article.fullwidth.block.slider .ce_text h2 {
    font-size: 1.8rem;
    line-height: 2rem;
  }
  body #container #main .inside .mod_article.fullwidth.block.slider a.rsts-next,
  body #container #main .inside .mod_article.fullwidth.block.slider a.rsts-prev {
    display: none;
  }
}
@media (max-width: 400px) {
  body #container #main .inside form div.widget-text {
    width: 90%;
  }
  body #container #main .inside form textarea {
    width: 89%;
  }
  body #container #main .inside .box-large .ce_text {
    padding: 0 1rem;
  }
  body #container #main .inside .mod_article.boxen .rs-columns .rs-column .ce_text {
    width: calc(100% - 2rem);
  }
  body footer .meta-nav {
    font-size: 1.3rem;
  }
  body footer .meta-nav li:after {
    margin: 0 0.5rem;
  }
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  body #container #main form .sixth input.radio {
    width: 20px;
    display: block;
    margin: 0 auto;
  }
}
@media screen and (-webkit-min-device-pixel-ratio: 0) and (max-width: 600px) {
  body #container #main form .sixth input.radio {
    width: 45px;
    display: block;
    margin: 0 auto;
  }
}
/* **************************************************************************
 *  MEDIA MOTION AG                                                         *
 ****************************************************************************

    Funktion    Rocksolid Grid alternative with custom gutter width
    Authors
    Datum

*****************************************************************************/
.columns-1 > * {
  float: left;
}
.columns-1 > *:nth-of-type(1n) {
  width: calc((100% - (0 * 10px)) / 1 - 0.01px);
  margin-right: calc(10px);
  clear: none;
}
.columns-1 > *:nth-of-type(1n+1) {
  clear: left;
}
.columns-1 > *:nth-of-type(1n+1) {
  margin-right: 0;
}
.columns-1:nth-of-type(1) {
  margin-top: 0;
}
.columns-1:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.columns-2 > * {
  float: left;
}
.columns-2 > *:nth-of-type(1n) {
  width: calc((100% - (1 * 10px)) / 2 - 0.01px);
  margin-right: calc(10px);
  clear: none;
}
.columns-2 > *:nth-of-type(2n+1) {
  clear: left;
}
.columns-2 > *:nth-of-type(2n+2) {
  margin-right: 0;
}
.columns-2:nth-of-type(2) {
  margin-top: 0;
}
.columns-2:nth-of-type(2) {
  margin-top: 0;
}
.columns-2:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.columns-3 > * {
  float: left;
}
.columns-3 > *:nth-of-type(1n) {
  width: calc((100% - (2 * 10px)) / 3 - 0.01px);
  margin-right: calc(10px);
  clear: none;
}
.columns-3 > *:nth-of-type(3n+1) {
  clear: left;
}
.columns-3 > *:nth-of-type(3n+3) {
  margin-right: 0;
}
.columns-3:nth-of-type(3) {
  margin-top: 0;
}
.columns-3:nth-of-type(3) {
  margin-top: 0;
}
.columns-3:nth-of-type(3) {
  margin-top: 0;
}
.columns-3:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.columns-4 > * {
  float: left;
}
.columns-4 > *:nth-of-type(1n) {
  width: calc((100% - (3 * 10px)) / 4 - 0.01px);
  margin-right: calc(10px);
  clear: none;
}
.columns-4 > *:nth-of-type(4n+1) {
  clear: left;
}
.columns-4 > *:nth-of-type(4n+4) {
  margin-right: 0;
}
.columns-4:nth-of-type(4) {
  margin-top: 0;
}
.columns-4:nth-of-type(4) {
  margin-top: 0;
}
.columns-4:nth-of-type(4) {
  margin-top: 0;
}
.columns-4:nth-of-type(4) {
  margin-top: 0;
}
.columns-4:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.columns-5 > * {
  float: left;
}
.columns-5 > *:nth-of-type(1n) {
  width: calc((100% - (4 * 10px)) / 5 - 0.01px);
  margin-right: calc(10px);
  clear: none;
}
.columns-5 > *:nth-of-type(5n+1) {
  clear: left;
}
.columns-5 > *:nth-of-type(5n+5) {
  margin-right: 0;
}
.columns-5:nth-of-type(5) {
  margin-top: 0;
}
.columns-5:nth-of-type(5) {
  margin-top: 0;
}
.columns-5:nth-of-type(5) {
  margin-top: 0;
}
.columns-5:nth-of-type(5) {
  margin-top: 0;
}
.columns-5:nth-of-type(5) {
  margin-top: 0;
}
.columns-5:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.columns-6 > * {
  float: left;
}
.columns-6 > *:nth-of-type(1n) {
  width: calc((100% - (5 * 10px)) / 6 - 0.01px);
  margin-right: calc(10px);
  clear: none;
}
.columns-6 > *:nth-of-type(6n+1) {
  clear: left;
}
.columns-6 > *:nth-of-type(6n+6) {
  margin-right: 0;
}
.columns-6:nth-of-type(6) {
  margin-top: 0;
}
.columns-6:nth-of-type(6) {
  margin-top: 0;
}
.columns-6:nth-of-type(6) {
  margin-top: 0;
}
.columns-6:nth-of-type(6) {
  margin-top: 0;
}
.columns-6:nth-of-type(6) {
  margin-top: 0;
}
.columns-6:nth-of-type(6) {
  margin-top: 0;
}
.columns-6:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

@media screen and (max-width: 900px) {
  .columns-medium-1 > * {
    float: left;
  }
  .columns-medium-1 > *:nth-of-type(1n) {
    width: calc((100% - (0 * 10px)) / 1 - 0.01px);
    margin-right: calc(10px);
    clear: none;
  }
  .columns-medium-1 > *:nth-of-type(1n+1) {
    clear: left;
  }
  .columns-medium-1 > *:nth-of-type(1n+1) {
    margin-right: 0;
  }
  .columns-medium-1:nth-of-type(1) {
    margin-top: 0;
  }
  .columns-medium-1:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }
  .columns-medium-2 > * {
    float: left;
  }
  .columns-medium-2 > *:nth-of-type(1n) {
    width: calc((100% - (1 * 10px)) / 2 - 0.01px);
    margin-right: calc(10px);
    clear: none;
  }
  .columns-medium-2 > *:nth-of-type(2n+1) {
    clear: left;
  }
  .columns-medium-2 > *:nth-of-type(2n+2) {
    margin-right: 0;
  }
  .columns-medium-2:nth-of-type(2) {
    margin-top: 0;
  }
  .columns-medium-2:nth-of-type(2) {
    margin-top: 0;
  }
  .columns-medium-2:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }
  .columns-medium-3 > * {
    float: left;
  }
  .columns-medium-3 > *:nth-of-type(1n) {
    width: calc((100% - (2 * 10px)) / 3 - 0.01px);
    margin-right: calc(10px);
    clear: none;
  }
  .columns-medium-3 > *:nth-of-type(3n+1) {
    clear: left;
  }
  .columns-medium-3 > *:nth-of-type(3n+3) {
    margin-right: 0;
  }
  .columns-medium-3:nth-of-type(3) {
    margin-top: 0;
  }
  .columns-medium-3:nth-of-type(3) {
    margin-top: 0;
  }
  .columns-medium-3:nth-of-type(3) {
    margin-top: 0;
  }
  .columns-medium-3:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }
  .columns-medium-4 > * {
    float: left;
  }
  .columns-medium-4 > *:nth-of-type(1n) {
    width: calc((100% - (3 * 10px)) / 4 - 0.01px);
    margin-right: calc(10px);
    clear: none;
  }
  .columns-medium-4 > *:nth-of-type(4n+1) {
    clear: left;
  }
  .columns-medium-4 > *:nth-of-type(4n+4) {
    margin-right: 0;
  }
  .columns-medium-4:nth-of-type(4) {
    margin-top: 0;
  }
  .columns-medium-4:nth-of-type(4) {
    margin-top: 0;
  }
  .columns-medium-4:nth-of-type(4) {
    margin-top: 0;
  }
  .columns-medium-4:nth-of-type(4) {
    margin-top: 0;
  }
  .columns-medium-4:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }
  .columns-medium-5 > * {
    float: left;
  }
  .columns-medium-5 > *:nth-of-type(1n) {
    width: calc((100% - (4 * 10px)) / 5 - 0.01px);
    margin-right: calc(10px);
    clear: none;
  }
  .columns-medium-5 > *:nth-of-type(5n+1) {
    clear: left;
  }
  .columns-medium-5 > *:nth-of-type(5n+5) {
    margin-right: 0;
  }
  .columns-medium-5:nth-of-type(5) {
    margin-top: 0;
  }
  .columns-medium-5:nth-of-type(5) {
    margin-top: 0;
  }
  .columns-medium-5:nth-of-type(5) {
    margin-top: 0;
  }
  .columns-medium-5:nth-of-type(5) {
    margin-top: 0;
  }
  .columns-medium-5:nth-of-type(5) {
    margin-top: 0;
  }
  .columns-medium-5:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }
  .columns-medium-6 > * {
    float: left;
  }
  .columns-medium-6 > *:nth-of-type(1n) {
    width: calc((100% - (5 * 10px)) / 6 - 0.01px);
    margin-right: calc(10px);
    clear: none;
  }
  .columns-medium-6 > *:nth-of-type(6n+1) {
    clear: left;
  }
  .columns-medium-6 > *:nth-of-type(6n+6) {
    margin-right: 0;
  }
  .columns-medium-6:nth-of-type(6) {
    margin-top: 0;
  }
  .columns-medium-6:nth-of-type(6) {
    margin-top: 0;
  }
  .columns-medium-6:nth-of-type(6) {
    margin-top: 0;
  }
  .columns-medium-6:nth-of-type(6) {
    margin-top: 0;
  }
  .columns-medium-6:nth-of-type(6) {
    margin-top: 0;
  }
  .columns-medium-6:nth-of-type(6) {
    margin-top: 0;
  }
  .columns-medium-6:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }
}
@media screen and (max-width: 600px) {
  .columns-small-1 > * {
    float: left;
  }
  .columns-small-1 > *:nth-of-type(1n) {
    width: calc((100% - (0 * 10px)) / 1 - 0.01px);
    margin-right: calc(10px);
    clear: none;
  }
  .columns-small-1 > *:nth-of-type(1n+1) {
    clear: left;
  }
  .columns-small-1 > *:nth-of-type(1n+1) {
    margin-right: 0;
  }
  .columns-small-1:nth-of-type(1) {
    margin-top: 0;
  }
  .columns-small-1:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }
  .columns-small-2 > * {
    float: left;
  }
  .columns-small-2 > *:nth-of-type(1n) {
    width: calc((100% - (1 * 10px)) / 2 - 0.01px);
    margin-right: calc(10px);
    clear: none;
  }
  .columns-small-2 > *:nth-of-type(2n+1) {
    clear: left;
  }
  .columns-small-2 > *:nth-of-type(2n+2) {
    margin-right: 0;
  }
  .columns-small-2:nth-of-type(2) {
    margin-top: 0;
  }
  .columns-small-2:nth-of-type(2) {
    margin-top: 0;
  }
  .columns-small-2:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }
  .columns-small-3 > * {
    float: left;
  }
  .columns-small-3 > *:nth-of-type(1n) {
    width: calc((100% - (2 * 10px)) / 3 - 0.01px);
    margin-right: calc(10px);
    clear: none;
  }
  .columns-small-3 > *:nth-of-type(3n+1) {
    clear: left;
  }
  .columns-small-3 > *:nth-of-type(3n+3) {
    margin-right: 0;
  }
  .columns-small-3:nth-of-type(3) {
    margin-top: 0;
  }
  .columns-small-3:nth-of-type(3) {
    margin-top: 0;
  }
  .columns-small-3:nth-of-type(3) {
    margin-top: 0;
  }
  .columns-small-3:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }
  .columns-small-4 > * {
    float: left;
  }
  .columns-small-4 > *:nth-of-type(1n) {
    width: calc((100% - (3 * 10px)) / 4 - 0.01px);
    margin-right: calc(10px);
    clear: none;
  }
  .columns-small-4 > *:nth-of-type(4n+1) {
    clear: left;
  }
  .columns-small-4 > *:nth-of-type(4n+4) {
    margin-right: 0;
  }
  .columns-small-4:nth-of-type(4) {
    margin-top: 0;
  }
  .columns-small-4:nth-of-type(4) {
    margin-top: 0;
  }
  .columns-small-4:nth-of-type(4) {
    margin-top: 0;
  }
  .columns-small-4:nth-of-type(4) {
    margin-top: 0;
  }
  .columns-small-4:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }
  .columns-small-5 > * {
    float: left;
  }
  .columns-small-5 > *:nth-of-type(1n) {
    width: calc((100% - (4 * 10px)) / 5 - 0.01px);
    margin-right: calc(10px);
    clear: none;
  }
  .columns-small-5 > *:nth-of-type(5n+1) {
    clear: left;
  }
  .columns-small-5 > *:nth-of-type(5n+5) {
    margin-right: 0;
  }
  .columns-small-5:nth-of-type(5) {
    margin-top: 0;
  }
  .columns-small-5:nth-of-type(5) {
    margin-top: 0;
  }
  .columns-small-5:nth-of-type(5) {
    margin-top: 0;
  }
  .columns-small-5:nth-of-type(5) {
    margin-top: 0;
  }
  .columns-small-5:nth-of-type(5) {
    margin-top: 0;
  }
  .columns-small-5:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }
  .columns-small-6 > * {
    float: left;
  }
  .columns-small-6 > *:nth-of-type(1n) {
    width: calc((100% - (5 * 10px)) / 6 - 0.01px);
    margin-right: calc(10px);
    clear: none;
  }
  .columns-small-6 > *:nth-of-type(6n+1) {
    clear: left;
  }
  .columns-small-6 > *:nth-of-type(6n+6) {
    margin-right: 0;
  }
  .columns-small-6:nth-of-type(6) {
    margin-top: 0;
  }
  .columns-small-6:nth-of-type(6) {
    margin-top: 0;
  }
  .columns-small-6:nth-of-type(6) {
    margin-top: 0;
  }
  .columns-small-6:nth-of-type(6) {
    margin-top: 0;
  }
  .columns-small-6:nth-of-type(6) {
    margin-top: 0;
  }
  .columns-small-6:nth-of-type(6) {
    margin-top: 0;
  }
  .columns-small-6:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }
}
/****************************************************************************
 *  MEDIA MOTION AG                                                         *
 ****************************************************************************

    Funktion      input bem module

*****************************************************************************/
/*
.input

Styleguide classes.input
*/
.input {
  position: relative;
}
.input label {
  margin: 0;
}
.input__field {
  transition: outline 0.3s, background 0.3s;
}
.input__field:-webkit-autofill {
  animation-name: onAutoFillStart;
}
.input__field :not(:-webkit-autofill) {
  animation-name: onAutoFillCancel;
}
.js .input label {
  position: absolute;
  top: 0;
  left: 0;
  padding-top: 0.8em;
  padding-left: 1em;
  opacity: 1;
  line-height: 1;
  transition: top, left, font-size, padding, color, opacity, transform;
  transition-duration: 0.1s;
}
.js .input label--static {
  position: static;
}
.js .input--has-focus label {
  opacity: 0.8;
}
.js .input--has-focus label, .js .input--is-filled-out label {
  padding-top: 0.1em;
  padding-bottom: 0.1em;
  padding-left: 1.2em;
  font-size: 0.7em;
  color: inherit;
}
.js .input--is-filled-out label {
  padding-left: 0.2em;
  opacity: 1;
  transition-duration: 0.8s;
}

@keyframes onAutoFillStart {
  0% {
    opacity: 0.99;
  }
  100% {
    opacity: 1;
  }
}
@keyframes onAutoFillCancel {
  0% {
    opacity: 0.99;
  }
  100% {
    opacity: 1;
  }
}
/****************************************************************************
 *  MEDIA MOTION AG                                                         *
 ****************************************************************************

    Funktion      form-contact bem module

*****************************************************************************/
/*
.form-contact

Styleguide classes.form-contact
*/
.form-contact * {
  box-sizing: border-box;
}
.form-contact .formbody {
  display: grid;
  grid-template-columns: repeat(2, minmax(10px, 1fr));
  grid-gap: 10px 14px;
}
@media (max-width: 900px) {
  .form-contact .formbody > * {
    grid-column: 1/-1;
  }
}
.form-contact .widget {
  width: auto;
  margin: 0;
}
.form-contact .widget-text input,
.form-contact .widget-text textarea,
.form-contact .widget-textarea input,
.form-contact .widget-textarea textarea {
  width: 100%;
  margin: 0;
}
.form-contact .widget-textarea,
.form-contact .widget-checkbox,
.form-contact .widget-submit {
  grid-column: 1/-1;
}
.form-contact .widget-textarea {
  margin-top: 60px;
}

/****************************************************************************
 *  MEDIA MOTION AG                                                         *
 ****************************************************************************

    Funktion      form-feedback bem module

*****************************************************************************/
/*
.form-feedback

Styleguide classes.form-feedback
*/
.form-feedback * {
  box-sizing: border-box;
}
.form-feedback .formbody {
  display: grid;
  grid-template-columns: repeat(2, minmax(10px, 1fr));
  grid-gap: 10px 14px;
}
@media (max-width: 900px) {
  .form-feedback .formbody > * {
    grid-column: 1/-1;
  }
}
.form-feedback .widget {
  width: auto;
  margin: 0;
}
.form-feedback .widget-text input,
.form-feedback .widget-text textarea,
.form-feedback .widget-textarea input,
.form-feedback .widget-textarea textarea {
  width: 100%;
  margin: 0;
}
.form-feedback .widget-checkbox,
.form-feedback .widget-radio,
.form-feedback .widget-submit,
.form-feedback .widget-explanation {
  grid-column: 1/-1;
}
.form-feedback .widget-explanation {
  margin-top: 3rem;
}
.form-feedback .widget-textarea {
  margin-top: 30px;
}
.form-feedback .widget-radio legend,
.form-feedback .widget-checkbox legend {
  display: block;
  margin-bottom: 10px;
}

/****************************************************************************
 *  MEDIA MOTION AG                                                         *
 ****************************************************************************

    Funktion      form-default bem module

*****************************************************************************/
/*
.form-default

Styleguide classes.form-default
*/
.form-default * {
  box-sizing: border-box;
}
.form-default .formbody {
  display: grid;
  grid-template-columns: repeat(2, minmax(10px, 1fr));
  grid-gap: 10px 14px;
}
@media (max-width: 900px) {
  .form-default .formbody > * {
    grid-column: 1/-1;
  }
}
.form-default .widget {
  width: auto;
  margin: 0;
}
.form-default .widget.no-float + * {
  grid-column-start: 1;
}
.form-default .widget-text input,
.form-default .widget-text textarea,
.form-default .widget-textarea input,
.form-default .widget-textarea textarea {
  width: 100%;
  margin: 0;
}
.form-default .widget-checkbox,
.form-default .widget-radio,
.form-default .widget-submit,
.form-default .widget-explanation {
  grid-column: 1/-1;
}
.form-default .widget-explanation {
  margin-top: 3rem;
}
.form-default .widget-textarea {
  margin-top: 30px;
}
.form-default .widget-radio legend,
.form-default .widget-checkbox legend {
  display: block;
  margin-bottom: 10px;
}
.form-default .widget-submit {
  margin-top: 30px;
}

#contao-debug {
  display: none;
}

.debug-closed {
  margin-bottom: 0 !important;
}

/*# sourceMappingURL=base.css.map*/