/* Ayse Kabakci */
@charset "utf-8";
/* raleway-regular - latin_latin-ext */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/raleway-v12-latin_latin-ext-regular.eot'); /* IE9 Compat Modes */
  src: local('Raleway'), local('Raleway-Regular'),
       url('../fonts/raleway-v12-latin_latin-ext-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v12-latin_latin-ext-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v12-latin_latin-ext-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v12-latin_latin-ext-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v12-latin_latin-ext-regular.svg#Raleway') format('svg'); /* Legacy iOS */
}
* {
  margin: 0; 
  padding: 0; 
  list-style: none; 
  border: none;
}
*, *::before, *::after {
  -moz-box-sizing: border-box; 
  -webkit-box-sizing: border-box; 
  box-sizing: border-box;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
  display: block;
}
audio, canvas, video {
  display: inline-block;
}
html{
  font-size: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  font-family: Raleway, sans-serif;
  font-weight: 500;
  line-height: 1.25rem;
  Background-color: rgb(80,80,80)
  background: radial-gradient(ellipse at center, #ffffff 40%, #d2d2d2 100%);
  color: rgb(51,51,51);
}
body {
  z-index: 1;
  word-wrap: break-word;
  overflow-wrap: break-word;
}


/* NAVIGATION & HEADER */
#top-bar{
  width: 100%;
  height: auto;
  background-color: background-color: rgb(255,255,255);
  color: rgb(0,0,0);
  position: relative;
  z-index: 999;
  box-shadow: 2px 1px 2px rgba(0, 0, 0, 0.3);
  display: block;
}	
.headernav {
  transition: transform .1s .1s ease-in-out;
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding: 0px;
  height: auto;
  z-index: 100;
  color: inherit;
  display: block;
  max-width: 1200px;
}
/*
.up .headernav {
  transform: translate3d(0, 0, 0);
  background-color: rgb(109,156,31);
}
.down .headernav {
  transform: translate3d(0, -500px, 0);
}
*/
#brand{
width: 20%;
height: auto;
display: block;
float: left;
margin: 0.5rem 0 0.5rem 0;
position: relative;
}
#brand a{
  width: 100%;
height: auto;
border: none;
text-decoration: none;
display: block;
}
img {
  width: 100%;
  height: auto;
  display: block;
}
.aufmacher {
  width: 100%;
  height: auto;
  display: block;
  position: relative;
}
.aufmachertext {
  position: absolute;
  left: 2rem;
  top: 2rem;
}
.aufmachertext h1, .aufmachertext h2 {
  color: #ffffff;
  background: rgba(127,186,34,0.75);
  text-transform: uppercase;
  display: table;
  padding: 0.5rem;
  margin: 0.25rem 0 0.25rem 0;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: normal;
}
.aufmachertext p{
  color: #ffffff;
  background: rgba(82, 7, 157, 0.75);
  text-transform: uppercase;
  display: table;
  padding: 0.5rem;
  margin: 0.25rem 0 0.25rem 0;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: normal;
}

#menuholder{
	float: left;
   position: relative;
width: 80%;
padding: 0 0 0 0;
}
#socialhead {
  width: 8%;
  height: auto;
  display: block;
  position: relative;
  float: left;
  margin: 0 0 0 10%;
  padding: 2rem 0 0 0;
}
#socialhead a {
  display: block;
  width: 45%;
  float: left;
  margin: 0 5% 0 0;
}
/*
nav{

  position: relative;
  height: auto;
  top: 0;
  left: 0;
  width: 100%;
  color:rgb(1,136,1);
  background-color: inherit;
  z-index: 1;
  visibility: hidden;
  display:none;
  opacity: 0;
}
nav.active{
  padding: 4rem 0 0 0;
  z-index: 1;
  visibility: visible;
  opacity: 1;
  display: block;
}
*/
nav {
  display: block;
  width: 100%;
  height: auto;
}
#menustate, nav .menuclose, ul.menu-level2 {
  display: none;
}
#menustate:checked ~ nav :is(ul.menu-level1, .menuclose) {
  /* Show the menu and close button */
  display: block;
}
#menustate:checked ~ nav .menuopen, nav ul.menu-level1 {
  /* Hide the open button */
  display: block;
}
nav label {
  /* Basic styling of hamburger button */
  display: none;
  place-content: center;
  width: 2.5rem;
  height: 2.5rem;
  font-size: 2.5rem;
  color: #9933b6;
  float:right;
}


nav a, nav a:visited{
line-height: 2.5rem;
font-size: 0.9rem;
color: #9933b6;
background-color: #ffffff;
display: block;
padding: 1rem 0.5rem 1rem 0.5rem;
text-decoration: none;
text-align: center;
border: none;
text-transform: uppercase;
margin: 0.75rem 0rem;
}
nav a:hover, nav a:focus-within {
  cursor: pointer;
  color: rgb(255,255,255);
background-color: #9933b6;
transition: border 120ms ease-in 0s, color 120ms ease-in 0s;
}
.menu-level1 {
float: right;
display: block;
margin: 0 0 0 0;
padding: 2rem 0 0 0;
height: auto;
width: auto;
}
/* .menu-level1-with-subpage, .menu-level1-normal {
  border: 1px solid rgb(39,39,39);
} */
.menu-level1-with-subpage a, .menu-level1-normal a, .menu-level2 a {
  font-size: 1rem;
}

/*
li.menu-level1-with-subpage::before {
   content: "";
    display: inline-block;
    position: relative;
    left: 0px;
    transform: translateY(-200%);
    border-top: 10px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 7px solid #d3414b;
    float: left;
}
*/
.menu-level1-with-subpage a:first-child::before {
  content: "+";
}
.menu-level1-with-subpage.open a:first-child::before {
  content: "-";
}
.menu-level1-with-subpage.open ul li a::before {
  content: none!Important;
}
/* Deaktiviert JS Klick
li.menu-level1-with-subpage:hover ~ ul.menu-level2{
	display:block!Important;
}
*/
.menu-level1-with-subpage.open ul.menu-level2 {
	display:block!Important;
}
li.menu-level1-normal, .menu-level1-with-subpage {
width: auto;
height: auto;
float: left;
margin: 0 0.5rem;
display:block;
}
.menu-level1 a {
  text-align: left;
}
/*
.header_hamburger{
  padding: 1rem 1rem;
  white-space: nowrap;
  height: auto;
  width: auto;
  display: inline-block;
  position:relative;
  float: left;
  top: 0;
}
a.header_hamburger, a.goto{
  text-decoration: none;
  color: inherit;
  background: transparent;
  z-index: 1000;
}
a.header_hamburger:hover .hamburger_middle, a.header_hamburger:active .hamburger_middle{
  left: 0.25rem;
  -webkit-user-select: none; 
  -webkit-touch-callout: none;
}
.hamburger{
  display: block;
  width: 2.5rem;
  height: 1.5rem;
  position: relative;
}
.hamburger_bar {
  transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: transform 0.5s, opacity 0.5s;
  transition: transform 0.5s, opacity 0.5s, -webkit-transform 0.5s;
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
  display: block;
  width: 100%;
  position: absolute;
  top: 0.625rem;
  left: 0;
  border-bottom: 0.25rem solid;
  color: rgb(128,128,128);
}
.hamburger_first {
  top: 0;
}
.hamburger_last {
  top: 1.25rem;
}
.hamburger.is-active {
  height: 2.5rem;
}
.hamburger.is-active .hamburger_first {
  -webkit-transform: rotate(45deg) translateX(0.75rem) translateY(0.75rem);
  -ms-transform: rotate(45deg) translateX(0.75rem) translateY(0.75rem);
  transform: rotate(45deg) translateX(0.75rem) translateY(0.75rem);
}
.hamburger.is-active .hamburger_middle {
  opacity: 0;
}
.hamburger.is-active .hamburger_last {
  -webkit-transform: rotate(-45deg) translateX(0px) translateY(-0.125rem);
  -ms-transform: rotate(-45deg) translateX(0px) translateY(-0.125rem);
  transform: rotate(-45deg) translateX(0px) translateY(-0.125rem);
}
*/
/* HEADER & NAVIGATION ENDE */


/* PAGEHEADER START */
.rmpageheader {
  position: relative;
  overflow:hidden;
  width: 100%;
  height: auto;
}
.rmpageheader img, .rmpageheader picture{
  width: 100%;
  height: auto;
  display: block;
  z-index: 1;
  position: relative;
}
.rmpageheaderbox_container{
  position: relative;
width: 100%;
display: block;
height: auto;
margin: -6.5rem 0 0 0;
z-index: 2;
}
.rmpageheaderbox{
background-color: rgba(255,255,255,0.75);
height: auto;
margin: 0 auto 0 auto;
padding: 2rem;
position: relative;
width: calc(100% - 52px);
display: block;
max-width: 1280px;
}
.col12-xl.start {
  border-left: 6px solid rgb(71, 145, 29);
  padding: 0 0 0 1rem;
}
/* PAGEHEADER ENDE */

/* RM Contentliste */
.rmclist {
  display: block;
  width: 100%;
  height: auto;
  background: white;
  padding: 2rem;
  margin: 0 0 2rem 0;
}
.rmcheader {
  border-left: 6px solid rgb(71, 145, 29);
  padding: 0 0 0 1rem;
}
main a.rmclist{
text-decoration: none;
background: rgb(255,255,255);
border: 1px solid rgb(71, 145, 29)!Important;
color: rgb(71, 145, 29);
padding: 0.75rem;
margin: 1rem 1rem 1rem 0;
display: inline-block;
width: auto;
border-top-left-radius: 1rem;
border-bottom-right-radius: 1rem;
}
main a.rmclist:hover{
background:rgb(71, 145, 29);
border: 1px solid rgb(71, 145, 29);
color: rgb(245,244,235);
}

/* RM TESTUDOLIST */
.rmtestudolist {
  background-color: rgb(255,255,255);
  height: auto;
  margin: 2rem auto 2rem auto;
  padding: 2rem;
  position: relative;
  width: 100%;
  display: block;
}
.rmtestudolistheader {
  border-left: 6px solid rgb(142,182,25);
  padding: 0 0 0 1rem;
}
.rmtestudolistimages {
  display: block;
  float: left;
  width: 40%;
  padding: 0 1.5rem 0 0;
}
.rmtestudolisttext {
  display: block;
  float: left;
  width: 60%;
}
p.green {
  color: rgb(71, 145, 29);
}
.tb0, .tb1, .tb2, .tb3, .tb4, .tb5, .tb6, .tb7, .tb8, .tb9 {
  width: 100%;
  display: block;
  padding: 0;
  margin: 0.75rem 0;
  text-decoration: none;
  border: none;
  outline: none;
}
.tb1, .tb2, .tb3, .tb4, .tb5, .tb6, .tb7, .tb8, .tb9 {
  width: 49%;
  float: left;
}
.tb1, .tb3, .tb5, .tb7, .tb9 {
  clear: both;
  margin-right: 2%;
}
/* RM TESTUDOLIST ENDE */

/* RM MAIN SECTION | TYPOGRAFIE */
main {
  float: none;
  width: 100%;
  height: auto;
  min-height: 100%;
  display: block;
  margin: 0;
  padding: 0 0 0 0;
  background: radial-gradient(ellipse at center, #ffffff 40%, #d2d2d2 100%);
}

.bg-light {
  background-color: rgb(202,191,172);
}
.bg-dark{
  background-color: rgb(134, 187, 39);
}
.bg-white {
  background-color: white;
}
.c-section p, .c-section ol, .c-section ul {
  max-width: 100%!Important;
}
h1, h2, h3, h4, h5, h6{
  color: inherit;
}
h1{
margin: 2.5rem 0 0 0;
font-weight: 800;
color: #7fba22;
font-size: 1.5rem;
line-height: 1.75rem;
text-transform: uppercase;
}
h2 {
margin: 2rem 0 1rem 0;
font-size: 1.5rem;
font-weight: 800;
line-height: 1.75rem;
text-transform: uppercase;
}
footer h2 {
margin: 2.5rem 0 0 0;
font-weight: 600;
color: rgb(255,255,255);
font-size: 1.5rem;
line-height: 1.75rem;
text-transform: uppercase;
}
h3 {
  margin: 0 0 1rem 0;
font-size: 1.5rem;
font-weight: bold;
line-height: 1.75rem;
}
h4 {
  font-size: 1.25rem;
  line-height: 1.25rem;
  margin: 1.5rem 0 1rem 0;
}
div.rmcheader h4 {
  margin: 1rem 0 1rem 0;
  font-size: 1.75rem;
  line-height: 2rem;
  font-weight: normal;
  color: rgb(71, 145, 29);
}
h5 {
  font-size: 1.25rem;
  line-height: 1.25rem;
  margin: 1.5rem 0 1rem 0;
}
h6{
  font-size: 1.25rem;
  line-height: 1.125rem;
}
p {
font-weight: normal;
margin: 0.75rem 0rem 0.75rem 0rem;
font-size: 1.25rem;
line-height: 1.5rem;
}
.text-light {
  color: rgb(255, 255, 255);
}
.text-dark{
  color: rgb(43, 38, 38);
}
.c-section p, .c-section ol, .c-section ul {
  max-width: 100%!Important;
}
.c-section ul.slides {
  max-width: none!Important;
}
main a, .rmpageheaderbox a {
  color: inherit;
  text-decoration: underline;
}
main a:focus, main a:active, main a:visited, main a:link, main a{
  outline: none;
  border:none;
  color: rgb(145,18,31);
}
main a.big {
  text-decoration: none;
  background: rgb(255, 234, 0);
  border: 1px solid rgb(64,64,64);
  color: rgb(64,64,64);
  padding: 0.75rem;
  margin: 1rem 1rem 0 0;
  display: inline-block;
}
main a.big:hover {
  background: rgb(64,64,64);
  border: 1px solid rgb(255, 234, 0);
  color: rgb(255, 234, 0);
}
.small{
  font-size: 0.75rem;
  color: rgb(150, 150, 150);
}
main ul, main ol, main li, footer ul, footer li {
  font-size: 1.125rem;
  font-weight:normal;
  line-height: 1.5rem;
  padding: 0;
  margin: 0;
  list-style: none;
  list-style-type:disc;
}
main ol li{
  list-style-type:decimal;
}
main ul, main ol, footer ul {
  margin: 0.75rem 0 1.5rem 0;
}
main li, footer li {
  margin: 0.25rem 0rem 0.25rem 2rem;
}
main ol ul {
  margin: 0.5rem 0 0.25rem 0;
}
main ol ul li{
  margin-left: 0.5rem;
  list-style-type:disc;
}
main hr{
  height: 4px;
  color: rgb(109,156,31);
  border: rgb(109,156,31);
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  margin: 1rem 0 2rem 0;
}
blockquote {
  margin: 2rem 0 2rem 10%!Important;
  width: 80%;
}
blockquote::before{
  display: inline-block;
  content: "\00BB";
  font-size: 4rem;
  line-height: 1rem;
}
blockquote::after{
  display: inline-block;
  content: "\00AB";
  font-size: 4rem;
  line-height: 1rem;
}
blockquote p{
  font-style: italic;
}
sub {
  margin: 2rem 0 2rem 10%!Important;
  width: 80%;
  text-align: left;
  display: block;
}
.ce-headline-center, .text-center{
  text-align: center;
}
.ce-headline-left, .text-left{
  text-align: left;
}
.ce-headline-right, .text-right, .text-end{
  text-align: right;
}
.text-justify{
  text-align: justify;
}
strong, b{
  font-weight: bold;
}
main figcaption{
  font-size: 0.75rem;
}
#mymodal img {
  padding: 2rem 0;
  width: 100%;
  height: auto;
}
#mymodal h2{
  color:white;
  text-shadow: none;
  padding: 1rem;
  margin: 0px;
}
.mfp-content p{
  margin: 0.75rem 0rem 0.75rem 0rem;
  font-size: 1.125rem;
  line-height: 1.5rem;
  padding: 1rem;
}
.mfp-content a {
  color: white;
}
.frame-border-top .ce-textpic {
    margin-top: 3rem;
}

.frame-border-top {
    border-top: 1px solid rgb(193,193,193);
}
.c-accordion-item {
  width: 100%;
  border-bottom: none;
  display: block;
  cursor: pointer;
  position: relative;
  margin: 0.75rem 0;
  padding: 0!Important;
  font-size: 100%;
  background-color: rgb(39,39,39);
  color: white;
  background: none;
  border-bottom: none!Important;
}
.c-accordion-title::after, .c-accordion-title::before {
  background: rgb(255, 234, 0)!Important;
  top: 1.75rem!Important;
}
.c-accordion-title {
  color: rgb(255, 234, 0)!Important;
  background-color: rgb(39,39,39)!Important;
  border:none!Important;
  padding: 1rem!Important;
}
.c-accordion-item h2 {
  display: none;
  visibility: hidden;
}
/* RM MAIN SECTION | TYPOGRAFIE ENDE */

/* RM Mask Elemente */

.infobox {
    display: table;
    border-spacing: 0.75rem 0;
    width: 100%;
    table-layout: fixed;
    margin: 2rem 0 0 0;
    empty-cells: hide;
}
.infoboxrow {
    display: table-row;
    word-wrap: break-word;
    empty-cells: hide;
    width: 100%;
}
.infoboxcell {
    display: table-cell;
    vertical-align: top;
    height: auto;
    will-change: transform;
    transition: transform 450ms;
	box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
    background-color: rgb(122,161,33);
}
.infoboxcell img {
}
.infoboxcell h2 {
  padding: 0.5rem;
  text-align: center;
  color: rgb(255, 255, 255);
}
.infoboxcell p {
text-align: center;
padding: 1rem;
color: rgb(255, 255, 255);
}
.infoboxcell:hover {
    transition: transform 150ms;
    transform: translateY(-10px);
}
.infoboxcell.animate {
  animation: fadeInBottom 1.3s ease;
  opacity: 1;
  transform: translate3d(0, 100px, 0) scale(0.8);
  transform-origin: center;
   -webkit-transition: opacity 0.1s 0.5s, transform 0.4s 1s;
  -moz-transition: opacity 0.1s 0.5s, transform 0.4s 1s;
  -ms-transition: opacity 0.1s 0.5s, transform 0.4s 1s;
    transition: opacity 0.1s 0.5s, transform 0.4s 1s;
}
.infoboxcell.animate.in-view{
  transform: translate3d(0, 0, 0) scale(1);
}
.infoboxce, .teamce {

}


.multielement_img {
    width: 100%;
    height: auto;
    float: none;
    overflow: hidden;
    position: relative;
}
.multielement_img img {
    width: 100%;
    height: auto;
}
.multielement_text {
    height: auto;
    width: 100%;
    clear: both;
    float: none;
    display: block;
    margin: 0 0 0 0;
    padding: 1rem;
    text-align: center;
}

/* RM FOOTER SECTION */
footer{
  float: none;
  width: 100%;
  height: auto;
  display: block;
  margin: 0 0 0 0;
  background-color: rgb(122,161,33);
  color: rgb(255,255,255);
  padding: 4rem 0 4rem 0;
}
footer .col.col-1, footer .col.col-2, footer .col.col-3 {
  padding: 0 0 0 1rem;
}	
footer a, footer a:hover{
  text-decoration: underline;
  line-height: 2rem;
  color: inherit;
}
footer .mediacol-4 img {
  height: 20px;
  width: auto;
}
footer .mediacol-4 .media {
  width: auto;
}
#to-top {
  background-color: rgb(1,104,181);
  color: rgb(243,243,243);
  margin: 0;
  padding: 1rem 0 1rem 0;
  display: block;
  width: 100%;
  height: auto;
  float: none;
}
#to-top a {
  display: block;
  width: 100%;
  height: auto;
  float: none;
}
.gototop {
  margin: 0 auto;
  display: block;
  width: 3.5rem;
  height: 2rem;
  position: relative;
  padding: 1rem 0 1rem 0;
}
.goto_first, .goto_last{
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}
.goto_first {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg) ;
  transform: rotate(-45deg);
  transform-origin: center center;
  display: block;
  width: 2rem;
  position: relative;
  top: 0;
  left: 0;
  border-bottom: 0.25rem solid;
  color: rgb(243,243,243);
  bottom: 0;
}
.goto_last {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg) ;
  transform: rotate(45deg);
  transform-origin: center center;
  display: block;
  width: 2rem;
  position: relative;
  top: -0.25rem;
  left: 1.25rem;
  border-bottom: 0.25rem solid;
  color: rgb(243,243,243);
}
a.goto:hover .goto_first, a.goto:active .goto_first{
  -webkit-user-select: none; 
  -moz-user-select: none;     
  -ms-user-select: none;      
  user-select: none;    
  -webkit-touch-callout: none; 
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  -ms-transform: rotate(315deg) ;
  -moz-transform: rotate(315deg);
  -o-transform: rotate(315deg);
  transform: rotate(315deg);
}
a.goto:hover .goto_last, a.goto:active .goto_last{
  -webkit-user-select: none; 
  -webkit-touch-callout: none;
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  -webkit-transform: rotate(-315deg);
  -ms-transform: rotate(-315deg) ;
  -moz-transform: rotate(-315deg);
  -o-transform: rotate(-315deg);
  transform: rotate(-315deg);
}
/* RM FOOTER SECTION ENDE */





.desktop .animate-right {
    opacity: 0;
    /* visibility: hidden; */
    transform: translate(-100px, 0);
}
.desktop .animate-right.animated {
    opacity: 1;
    /* visibility: visible; */
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: -webkit-transform 400ms ease-out 100ms, opacity 400ms ease-out 100ms;
    -moz-transition: -moz-transform 400ms ease-out 100ms, opacity 400ms ease-out 100ms;
    transition: transform 400ms ease-out 100ms, opacity 400ms ease-out 100ms;
	transition-delay: 0.25s;
}


.desktop .animate-left {
    opacity: 0;
    visibility: hidden;
    transform: translate(100px, 0);
}
.desktop .animate-left.animated {
    opacity: 1;
    visibility: visible;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: -webkit-transform 400ms ease-out 100ms, opacity 400ms ease-out 100ms;
    -moz-transition: -moz-transform 400ms ease-out 100ms, opacity 400ms ease-out 100ms;
    transition: transform 400ms ease-out 100ms, opacity 400ms ease-out 100ms;
	transition-delay: 0.5s;
}
.desktop .animate-up {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translate(0, 100px);
    -moz-transform: translate(0, 100px);
    transform: translate(0, 100px);
}
.desktop .animate-up.animated {
    opacity: 1;
    visibility: visible;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: -webkit-transform 400ms ease-out 100ms, opacity 400ms ease-out 100ms;
    -moz-transition: -moz-transform 400ms ease-out 100ms, opacity 400ms ease-out 100ms;
    transition: transform 400ms ease-out 100ms, opacity 400ms ease-out 100ms;
	transition-delay: 0.75s;
}

/* Gather gleiche Höhe */
.flex  {
    display: table;
    border-spacing: 2.75rem 0;
    width: 100%;
    table-layout: fixed;
    margin: 2rem 0 0 0;
    empty-cells: hide;
}
.flex .frame {
    display: table-row;
    word-wrap: break-word;
    empty-cells: hide;
    width: 100%;
}
.flex .frame .col {
    display: table-cell;
    vertical-align: top;
    border-bottom: 3px solid rgb(1,104,181);
    height: auto;
    background: rgb(255,255,255);
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
	float:none!Important;
	width: 33.3%!Important;
	border-radius: 1rem 1rem 0 0;
}
.flex .frame .space{display:none;}
.flex .col h2{
background-color: rgb(226, 205, 126);
padding: 1rem;
margin: 0;
border-radius: 1rem 1rem 0 0;
}
.flex .col p{
	height: auto;
width: 100%;
clear: both;
float: none;
display: block;
margin: 0 0 0 0;
padding: 1rem;
text-align: center;
}
/* Gather gleiche Höhe Ende */

/* VERGLEICH V2 CE */
.lizenzen2{
  display:block;
  margin: 2rem 0;
  width:100%;
  height:auto;
}
.vergleichrow2{
  width:100%;
  float:none;
  clear:both;
  display: inline-block;
}
.vergleichrow2 > div:nth-child(2n) p, .vergleichrow2 > div:nth-child(3n) p{
  text-align: center;
  font-size: 1.75rem;
  line-height: 2rem;
  color: rgb(255, 234, 0);
}
.vergleichrow2 > div:nth-child(2n) p.small, .vergleichrow2 > div:nth-child(3n) p.small  {
  font-size: 0.65rem;
}
.lizenzen2 > div:nth-child(2n){
  background: rgba(234,234,234,.05);
  -webkit-box-shadow: 0 0 5px rgba(0,0,0,.1);
  box-shadow: 0 0 5px rgba(0,0,0,.1);
  border-radius: 5px;
}
.vergleich2{
  width: 25%;
  float: left;
  height: auto;
  display: block;
  min-height: 1px;
}
.vergleich2 h3, .vergleich2 h4 {
  text-align: center;
  color: rgb(255, 234, 0);
}
.vergleich2 h4 {
  border-top: 1px solid rgb(255, 234, 0);
  border-bottom: 1px solid rgb(255, 234, 0);
  padding: 2rem 0;
  color: rgb(255, 234, 0);
}

/* RM POWERMAIL */
.tx-powermail {
  display: block;
}
fieldset.layout1 {
  width: 100%;
  margin: 0 0 0 0;
  border: 1px solid rgb(89,89,89);
  padding: 0 2.5%;
}
.powermail_legend, legend{
margin: 1rem 0 1rem 0;
color: rgb(255, 234, 0);
font-size: 1.25rem;
font-weight: normal;
line-height: 1.75rem;
}
.powermail_fieldwrap {
  clear: both;
  width: 100%;
  height: auto;
  display: inline-block;
  float: none;
  padding: 0.5rem 2rem;
}
.powermail_label {
line-height: 1.5rem;
font-size: 1rem;
padding: 0 0 0 0;
float: none;
height: auto;
width: 100%;
display: block;
color: rgb(192, 192, 192);
}
.powermail_field {
  float: none;
  width: 100%;
  clear: both;
}
.layout3 .powermail_field {
  float: none;
  width: 100%;
}
.powermail_fieldwrap_datenschutz .powermail_field, span.dse {
  float: right;
  width: 94%;
  margin: 0 0 0 0;
  display: block;
}
select, input, textarea, .powermail_select, .powermail_input, .powermail_textarea {
  line-height: 1rem;
  font-size: 1rem;
  padding: 0.25rem 0.5rem 0.25rem 0.5rem;
  margin: 0 0 1rem 0;
  width: 100%;
  height: 3rem;
  display: block;
  color: rgb(255,255,255);
  background-color: rgb(66,66,66);
  background-image: none;
  border-bottom: 1px solid #ccc;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  font-family: 'Open Sans', sans-serif;
  font-weight: normal;
}
.powermail_textarea, textarea {
  height: 6rem;
}
option {
  padding: 0.5rem 0 0.5rem 0;
}
.powermail_fieldwrap_type_submit .powermail_field, .powermail_fieldwrap_type_content .powermail_field, .layout2 .powermail_field{
  float:none;
  width:100%;
}
.powermail_submit {
  text-decoration: none;
background: rgb(255,234,0);
border: 1px solid rgb(64,64,64);
color: rgb(64,64,64);
padding: 0.75rem;
margin: 1rem 0;
display: inline-block;
}
.powermail_submit:hover{
background: rgb(64,64,64);
border: 1px solid rgb(255,234,0);
color: rgb(255, 234, 0);
}
fieldset.nolabel legend, .nolabel h3, .powermail_fieldwrap.nolabel label {
  display: none;
}
.layout3 .powermail_label {
    visibility: hidden;
    display: none;
}
.layout3 .checkbox label input {
    width: 6%;
    float: left;
    margin: 0;
    padding: 0;
    height: 1.25rem;
  line-height: 1.25rem;
}
.powermail-errors-list li {
  color: red;
  font-weight: bold;
}
/* RM POWERMAIL ENDE */


/* POWERMAIL DATEPICKER */
.xdsoft_datetimepicker {
 box-shadow:0px 5px 15px -5px rgba(0,0,0,0.506);
 background:white;
 border-bottom:1px solid #bbb;
 border-left:1px solid #bbb;
 border-right:1px solid #bbb;
 border-top:1px solid #bbb;
 color:#333333;
 padding:8px;
 padding-left:0px;
 padding-top:2px;
 position:absolute;
 z-index:9999;
 -moz-box-sizing:border-box;
 box-sizing:border-box;
 display:none
}
.xdsoft_datetimepicker iframe {
 position:absolute;
 left:0;
 top:0;
 width:75px;
 height:210px;
 background:transparent;
 border:none
}
.xdsoft_datetimepicker button {
 border:none !important
}
.xdsoft_noselect {
 -webkit-touch-callout:none;
 -webkit-user-select:none;
 -khtml-user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 -o-user-select:none;
 user-select:none
}
.xdsoft_noselect::selection {
 background:transparent
}
.xdsoft_noselect::-moz-selection {
 background:transparent
}
.xdsoft_datetimepicker.xdsoft_inline {
 display:inline-block;
 position:static;
 box-shadow:none
}
.xdsoft_datetimepicker * {
 -moz-box-sizing:border-box;
 box-sizing:border-box;
 padding:0px;
 margin:0px
}
.xdsoft_datetimepicker .xdsoft_datepicker,.xdsoft_datetimepicker .xdsoft_timepicker {
 display:none
}
.xdsoft_datetimepicker .xdsoft_datepicker.active,.xdsoft_datetimepicker .xdsoft_timepicker.active {
 display:block
}
.xdsoft_datetimepicker .xdsoft_datepicker {
 width:224px;
 float:left;
 margin-left:8px
}
.xdsoft_datetimepicker .xdsoft_timepicker {
 width:58px;
 float:left;
 text-align:center;
 margin-left:8px;
 margin-top:0px
}
.xdsoft_datetimepicker .xdsoft_datepicker.active+.xdsoft_timepicker {
 margin-top:8px;
 margin-bottom:3px
}
.xdsoft_datetimepicker .xdsoft_mounthpicker {
 position:relative;
 text-align:center
}
.xdsoft_datetimepicker .xdsoft_prev,.xdsoft_datetimepicker .xdsoft_next,.xdsoft_datetimepicker .xdsoft_today_button {
 background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAAAeCAYAAACsYQl4AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozQjRCQjRGREU4MkNFMzExQjRDQkIyRDJDOTdBRUI1MCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCQjg0OUYyNTZDODAxMUUzQjMwM0IwMERBNUU0ODQ5NSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCQjg0OUYyNDZDODAxMUUzQjMwM0IwMERBNUU0ODQ5NSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkI5NzE3MjFBN0E2Q0UzMTFBQjJEQjgzMDk5RTNBNTdBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjNCNEJCNEZERTgyQ0UzMTFCNENCQjJEMkM5N0FFQjUwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+aQvATgAAAfVJREFUeNrsmr1OwzAQxzGtkPjYEAuvVGAvfQIGRKADE49gdLwDDwBiZ2RhQUKwICQkWLsgFiRQuIBTucFJ/XFp4+hO+quqnZ4uvzj2nV2RpukCW/22yAgYNINmc7du7DcghCjrkqgOKjF1znpt6rZ0AGWQj7TvCU8d9UM+QAGDrhdyc2Bnc1WVVPBev9V8lBnY+rDwncWZThG4xk4lmxtJy2AHgoY/FySgbSBPwPZ8mEXbQx3aDERb0EbYAYFC7pcAtAvkMWwC0D3NX58S9D/YnoGC7nPWr3Dg9JTbtuHhDShBT8D2CBSK/iIEvVXxpuxSgh7DdgwUTL4iA92zmJb6lKB/YTsECmV+IgK947AGDIqgQ/LojsO135Hn51l2cWlov0JdGNrPUceueXRwilSVgkUyom9Rd6gbLfYTDeO+1v6orn0InTogYDGUkYLO3/wc9BdqqTCKP1Tfi+oTIaCBIL2TES+GTyruT9S61p6BHam+99DFEAgLFklYsIBHwSI9QY80H5ta+1rB/6ovaKihBJeEJbgLbBlQgl+j3lDPqA2tfQV1j3pVn8s+oKHGTSVJ+FqDLeR5bCqJ2E/BCycsoLZETXaKGs7rhKVt+9HZScrZNMi88V8P7LlDbvOZYaJVpMMmBCT4n0o8dTBoNgbdWPsRYACs3r7XyNfbnAAAAABJRU5ErkJggg==")
}
.xdsoft_datetimepicker .xdsoft_prev {
 float:left;
 background-position:-20px 0px
}
.xdsoft_datetimepicker .xdsoft_today_button {
 float:left;
 background-position:-70px 0px;
 margin-left:5px
}
.xdsoft_datetimepicker .xdsoft_next {
 float:right;
 background-position:0px 0px
}
.xdsoft_datetimepicker .xdsoft_next,.xdsoft_datetimepicker .xdsoft_prev,.xdsoft_datetimepicker .xdsoft_today_button {
 background-color:transparent;
 background-repeat:no-repeat;
 border:0px none currentColor;
 cursor:pointer;
 display:block;
 height:30px;
 opacity:0.5;
 outline:medium none currentColor;
 overflow:hidden;
 padding:0px;
 position:relative;
 text-indent:100%;
 white-space:nowrap;
 width:20px
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next {
 float:none;
 background-position:-40px -15px;
 height:15px;
 width:30px;
 display:block;
 margin-left:14px;
 margin-top:7px
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev {
 background-position:-40px 0px;
 margin-bottom:7px;
 margin-top:0px
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
 height:151px;
 overflow:hidden;
 border-bottom:1px solid #eee
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div {
 background:white;
 border-top:1px solid #eee;
 color:#444;
 font-size:12px;
 text-align:center;
 border-collapse:collapse;
 cursor:pointer;
 border-bottom-width:0px;
 height:25px;
 line-height:25px
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:first-child {
 border-top-width:0px
}
.xdsoft_datetimepicker .xdsoft_today_button:hover,.xdsoft_datetimepicker .xdsoft_next:hover,.xdsoft_datetimepicker .xdsoft_prev:hover {
 opacity:1
}
.xdsoft_datetimepicker .xdsoft_label {
 display:inline;
 position:relative;
 z-index:9999;
 margin:0;
 padding:5px 3px;
 font-size:14px;
 line-height:20px;
 font-weight:bold;
 background-color:#fff;
 float:left;
 width:182px;
 text-align:center;
 cursor:pointer
}
.xdsoft_datetimepicker .xdsoft_label:hover {
 text-decoration:underline
}
.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select {
 border:1px solid #ccc;
 position:absolute;
 right:0px;
 top:30px;
 z-index:101;
 display:none;
 background:#fff;
 max-height:160px;
 overflow-y:hidden
}
.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select.xdsoft_monthselect {
 right:-7px
}
.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select.xdsoft_yearselect {
 right:2px
}
.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover {
 color:#fff;
 background:#A94442
}
.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option {
 padding:2px 10px 2px 5px
}
.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
 background:#1E5799;
 box-shadow:#1E5799 0px 1px 3px 0px inset;
 color:#fff;
 font-weight:700
}
.xdsoft_datetimepicker .xdsoft_month {
 width:90px;
 text-align:right
}
.xdsoft_datetimepicker .xdsoft_calendar {
 clear:both
}
.xdsoft_datetimepicker .xdsoft_year {
 width:56px
}
.xdsoft_datetimepicker .xdsoft_calendar table {
 border-collapse:collapse;
 width:100%
}
.xdsoft_datetimepicker .xdsoft_calendar td>div {
 padding-right:5px
}
.xdsoft_datetimepicker .xdsoft_calendar th {
 height:25px
}
.xdsoft_datetimepicker .xdsoft_calendar td,.xdsoft_datetimepicker .xdsoft_calendar th {
 width:14.2857142%;
 background:#F5F5F5;
 border:1px solid #DDDDDD;
 color:#666666;
 font-size:12px;
 text-align:right;
 padding:0px;
 border-collapse:collapse;
 cursor:pointer;
 height:25px
}
.xdsoft_datetimepicker .xdsoft_calendar th {
 background:#F1F1F1
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
 color:#1E5799
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
 background:#1E5799;
 box-shadow:#1E5799 0px 1px 3px 0px inset;
 color:#fff;
 font-weight:700
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month,.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled,.xdsoft_datetimepicker .xdsoft_time_box>div>div.xdsoft_disabled {
 opacity:0.5
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled {
 opacity:0.2
}
.xdsoft_datetimepicker .xdsoft_calendar td:hover,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
 color:#fff !important;
 background:#A94442 !important;
 box-shadow:none !important
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_disabled:hover {
 color:inherit	!important;
 background:inherit !important;
 box-shadow:inherit !important
}
.xdsoft_datetimepicker .xdsoft_calendar th {
 font-weight:700;
 text-align:center;
 color:#999;
 cursor:default
}
.xdsoft_datetimepicker .xdsoft_copyright {
 color:#ccc !important;
 font-size:10px;
 clear:both;
 float:none;
 margin-left:8px
}
.xdsoft_datetimepicker .xdsoft_copyright a {
 color:#eee !important
}
.xdsoft_datetimepicker .xdsoft_copyright a:hover {
 color:#aaa !important
}
.xdsoft_time_box {
 position:relative;
 border:1px solid #ccc
}
.xdsoft_scrollbar>.xdsoft_scroller {
 background:#ccc !important;
 height:20px;
 border-radius:3px
}
.xdsoft_scrollbar {
 position:absolute;
 width:7px;
 right:0px;
 top:0px;
 bottom:0px;
 cursor:pointer
}
.xdsoft_scroller_box {
 position:relative
}
/* POWERMAIL DATE PICKER ENDE */


/* RM Veranstaltungen */
.event-list-item {
  clear:both;
  padding: 1rem;
  margin: 1rem 0 2rem 0;
  display: block;
  width: 100%;
  border-radius: 1rem;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
}
.event-list-item::after {
  content: "";
  clear: both;
  display: table!Important;
}
.Farbe1{
  background-color: rgb(109,30,33);
  color: rgb(255,255,255);
}
.Farbe2{
  background-color: rgb(99,101,91);
  color: rgb(255,255,255);
}
.Farbe3{
  background-color: #916545;
  color: rgb(255,255,255);
}
.Farbe4{
  background-color: rgb(36,36,36);
  color: rgb(255,255,255);
}
main .event-list-item a, main .event-list-item a:visited{
	color:inherit;
}

.event-date{
  float: left;
  width: 20%;
  Display: block;
}
.tag {
  font-size: 1.5rem;
  font-weight: normal;
  line-height: 1.75rem;
  text-align: center;
}
.monat {
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.75rem;
  text-align: center;
}
.jahr {
  font-weight: normal;
  line-height: 1.75rem;
  text-align: center;
  font-size: 1rem;
}
.uhrzeit {
  font-weight: normal;
  line-height: 1.75rem;
  text-align: center;
  font-size: 1rem;
  margin: 1rem 0 0 0;
}
.event-list-row {
  float: left;
  width: 50%;
  display: block;
  border-right: 1px solid white;
  padding: 0 5% 0 5%;
  border-left: 1px solid white;
}
.event-list-row h2 {
  margin-top: 0px;
}
.event-list-pricing {
  float: right;
  width: 30%;
  display: block;
  padding: 0 0 0 5%;
}
.event-list-row, .event-date, .event-list-pricing{
  padding-top: 1rem;
}
/* RM Veranstaltungen ENDE */

/* RM AUSSTELLER START */
.aussteller{
    width: 100%;
    height: auto;
    float: none;
    overflow: hidden;
    position: relative;
    display: inline-block;
	line-height: 0px;
	margin: 0 0 2rem 0;
	background-color: rgb(255,255,255);
}
.aussteller a {
    width: 100%;
    height: 100%;
    display: inline-block;
}
.aussteller:hover::before {
    -webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
	opacity: 0.8;
    -webkit-user-select: none;
	visibility: visible;
}
.aussteller::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: black;
    width: 100%;
    height: 100%;
    display: block;
	opacity: 0.5;
	visibility: hidden;
} 
.ausstellername {
   display:none;
}
.ausstellername h2 {
  text-align: center;
  color: rgb(255,255,255);
  margin: 1.3rem 0 1rem 0;
  line-height: 1.5rem;
}
.ausstellername p {
  font-size: 0.85rem;
  padding: 0;
  margin: 0;
}
.aussteller:hover .ausstellername{
    top: 0px;
    left: 0px;
    position: absolute;
    text-align: center;
    color: white;
    display: block;
    width: 100%;
	overflow: hidden;
    height: 100%;
}
/* RM AUSSTELLER ENDE */

/* RM STANDARD BACKENDLAYOUTS BACKENDGRIDS */
.col12-xl {clear:both; float:none; width: 100%; height: auto; margin: 0; padding: 0; display:block;}
.col9-xl {float:left; width:73%; height:auto; min-height:1px; margin: 0 0 0 2%; padding:0 0 0 0; display:block; }
.col8-xl {float: left; width: 67.6%; height: auto; min-height: 1px; margin: 0 0 0 0; padding: 0 3% 0 0; display: block; }
.col6-xl {float:left; width:48%; height:auto; min-height:1px; margin: 0 2% 0 0; padding:0; display:block }
.col4-xl {float: left; width: 32.3%; height: auto; min-height: 1px; margin: 0; padding: 0; display: block;}
.col4-xl:nth-child(3n-1){ margin: 0 1.5%;}
.col3-xl {float: left; width: 25%; height: auto; margin: 0 0 0 0; padding: 0 0 0 0; display: block;}
/* RM STANDARD BACKENDLAYOUTS BACKENDGRIDS ENDE */



/* RM MAIN SECTION | IMAGEWRAPS */
.c-section::after, .c-section .frame::after,  .c-columns-1-1-1::after, main::after, header nav ul::after, #top-bar::after, .headernav::after, #validator::after, .col12-xl::after, .rmcontentlist::after, .rmtestudolist::after{
  content: "";
  clear: both;
  display: table!Important;
}
.c-section {
  padding: 6rem 2rem 6rem 2rem!Important;
  border:none;
  outline: none;
}
/*
.c-section.bg-dark {
  padding: 0px!Important;
  margin:0px!Important;
  border:none;
  outline: none;
}
*/
footer .c-section{
	padding: 0rem!Important;
}
.c-section.content-width-full .content {
  padding: 0;
}
.c-section.content-with- .content {
  max-width: 1200px;
  padding: 0!Important;
  margin: 0 auto;
  width: 100% !important;
  z-index:1;
}
.c-section.content-with-.frame-padding-none .content {
  max-width: none!Important;
}
.c-section.content-width-wide > .content, .c-section.content > .content {
  max-width: 100%!Important;
  width: 100%;
}

.ce-center{
  margin: 0rem 0 0rem 0;
}
.ce-left, .ce-right{
  margin: 0rem 0 2rem 0;
  display:inline-block;
  width: 100%;
}
.ce-below{
  padding: 0 0 2rem 0;
}
.ce-center .mediatext, .ce-center .mediacol-1, .ce-center .mediacol-2, .ce-center .mediacol-3, .ce-center .mediacol-4 {
  height: auto;
  width: auto;
  clear:both;
  float: none;
  display:block; 
  margin: 0;
}
.ce-image.ce-center.ce-above {
  margin: 0;
  width: 100%;
}
.ce-center .mediacol-1{
  margin: 0 0 2rem 0;
}
.bg-dark .ce-center .mediacol-1 {
  margin: 0px;
}
footer .ce-center .mediacol-1 {
  margin: 0px auto;
  width: 33%;
}
.ce-center .mediatext{
  margin: 0 0 2rem 0;
}
.ce-center .mediacol-2, .ce-center .mediacol-3, .ce-center .mediacol-4 {
  display:inline-block;
  width: 100%;
}
.mediacol-1 .media{
  width: 100%;
  margin: 0 0 1rem 0;
  height: auto;
  float:none;
}
.bg-dark .ce-center .mediacol-1 .media{margin:0px;}
.mediacol-2 .media{
  width: 48.5%;
  margin: 0 0 1rem 0;
  height: auto;
  float:left;
}
.mediacol-3 .media{
  width: 32.3%;
  margin: 1rem 0 1rem 0;
  height: auto;
  float:left;
}

.mediacol-4 .media{
  width: 23.5%;
  margin: 0 0 1rem 0;
  height: auto;
  float:left;
}
.mediacol-2 .media.media:nth-child(even) {
	margin: 0 0 1rem 3%;
}
.mediacol-2 .media.media:nth-child(3n) {
  
}
.mediacol-3 .media.media:nth-child(3n-1) {
    margin: 1rem 1.5%;
}
.mediacol-4 .media.media{
	margin: 1rem 1.5% 1rem 0;
}
.mediacol-2 .media.media:nth-child(2n+1), .mediacol-3 .media.media:nth-child(3n+1), .mediacol-4 .media.media:nth-child(4n+1) {
  clear: both;
}
.mediacol-4 .media.media:nth-child(4n-3), .mediacol-4 .media.media:nth-child(4n-2), .mediacol-4 .media.media:nth-child(4n-1) {
  margin: 1rem 1.5% 1rem 0;
}
.bg-image {
  z-index: -1;
}


/* MEDIA STYLES LEFT AND RIGHT */
.ce-left .mediatext, .ce-right .mediatext{
  height: auto;
  width: 64%;
  float: right;
  display:inline-block;
  margin: 0 0 1rem 2%;
}
.ce-right .mediatext{
  float: left;
  margin: 0 2% 0 0;
}
.ce-left .mediacol-1, .ce-left .mediacol-2, .ce-left .mediacol-3, .ce-left .mediacol-4 {
  height: auto;
  width: 31.3%;
  float: left;
  display:inline-block;
  margin: 0.25rem 1% 0 0;
}
.ce-right .mediacol-1, .ce-right .mediacol-2, .ce-right .mediacol-3, .ce-right .mediacol-4 {
  height: auto;
  width: 31.3%;
  float: right;
  display:inline-block;
  margin: 0.25rem 0 0 1%;
}
.mediacol-1 img, .mediacol-2 img, .mediacol-3 img, .mediacol-4 img{
  width:100%;
  height:auto;
  display:block;
}
picture.full img {
  margin: 0;
  display: block;
  width: 100%;
  height: auto;
  border-radius: 0;
}
/*
main .mediacol-4 img {
  border-radius: 70% 30% 30% 70%;
  border-radius: 60% 40% 60% 40%;
}*/
.centerrow{
  margin: 0 auto 0 auto;
  width: calc(100% - 52px);
  max-width: 1280px;
  position: relative;
  display: block;
  padding: 2rem 0;
}
.centerrow .centerrow {
  width: 100%;
  margin: 0;
  padding: 0;
}
.contenttable {
  display: table;
  border-spacing: 0 0;
  width: 100%;
  table-layout: fixed;
  empty-cells: hide;
  padding: 2rem 0;
}
.contenttablerow {
  display: table-row;
  word-wrap: break-word;
  empty-cells: hide;
  width: 100%;
}
.contenttablerow {
  display: table-cell;
  vertical-align: top;
  float: none;
  width: 50%;
}

.frame{
  padding: 2rem 0;
}
.frame-layout-0 {
  margin: 0 0 0 0;
  display: block;
  clear:both;
  float:none;
  padding: 0 0 1rem 0;
}
.frame-layout-2 {
  padding: 0 0;
}
/* RM MAIN SECTION | IMAGEWRAPS ENDE */


@media screen and (max-width: 1024px) {
#socialhead{display:none;}	
#brand{
  width: 100%;
  float: none;
  margin:0px;
}
#brand a {
  width: 50%;
  margin: 0px auto;
}
#brand img {
  width: 50%;
  height: auto;
  margin: 0px auto;
  display: block;
  padding: 0 0 1rem 0;
}
#menuholder { 
  float: none;
  margin: 0px auto;
  display: block; 
}
nav label{
  float: none;
  margin: 0px auto;
  display: grid;
}
#menustate:checked ~ nav .menuopen, nav ul.menu-level1 {
  display: none;
}
.menu-level1 {
  float: none;
  display: block;
  margin: 0 0 0 0;
  padding: 2rem 0 0 0;
  height: auto;
  width: auto;
}
li.menu-level1-normal {
  display: block;
  float: none;
  width: 100%;
}
.menu-level1 a {
  text-align: center;
}
#menuholder {
  float: none;
  position: relative;
  width: 100%;
  padding: 0;
}
h1,h2 {
    font-size: 1.5rem;
    line-height: 2.25rem;
    margin: 1.25rem 0 1.5rem 0;
}
}

@media screen and (max-width: 840px) {
/*
#top-bar nav a, #top-bar nav a:hover, #top-bar nav a:visited {
  font-size: 1rem;
}

#brand{
  width: 6rem;
}
*/

.c-section.fullwidth .content {
  padding: 0 2.5rem!Important;
}
.c-section .content {
  padding: 0 6rem!Important;
}
footer{position:relative}
}

@media screen and (max-width: 640px) {
#validator fieldset {
  width: 100%;
  float: none;
}
#validator fieldset:nth-child(2n+1) {
  margin: 0;
}
.c-columns > .col, .c-columns > .space { clear:both; float:none!important; width: 100% !important; height: auto; margin: 0; padding: 0; border:none; display:block;}
.c-section.fullwidth .content {
  padding: 0 2rem!Important;
}
.c-section.fullwidth .content, .c-section .content {
  padding: 0 2rem!Important;
}
.aufmachertext {
  position: relative;
  left:0;
  top:0;
}
}

@media screen and (max-width: 480px) {
.col3-xl, .col4-xl, .col6-xl, .col8-xl, .col9-xl, .col12-xl { clear:both; float:none; width: 100% !important; height: auto; margin: 0; padding: 0; border:none; display:block;}
.mediacol-4 .media, .ce-left .mediatext, .ce-right .mediatext, .ce-left .mediacol-1, .ce-left .mediacol-2, .ce-left .mediacol-3, .ce-left .mediacol-4, .ce-right .mediacol-1, .ce-right .mediacol-2, .ce-right .mediacol-3, .ce-right .mediacol-4, .mediacol-1 .media, .mediacol-2 .media, .mediacol-3 .media, .mediacol-4 .media, .mediacol-2 .media.media:nth-child(even), .mediacol-3 .media.media:nth-child(3n-1), .mediacol-4 .media.media:nth-child(4n-3), .mediacol-4 .media.media:nth-child(4n-2), .mediacol-4 .media.media:nth-child(4n-1){
  width: 100%;
  margin: 0 0 1rem 0;
  height: auto;
  float: none;
}
#top-bar {
  position: relative;
}
#aufmacher{
  min-height:0px;
}
#aufmacher h1{
  font-size: 1.5rem!Important;
  line-height: 1rem!Important;
}
#aufmacher p{
  font-size: 0.75rem;
}
/*
.headernav{
  background-color:transparent;
}
*/
/*
#brand{
  margin: 0px auto;
  float: none;
  display: block;
}
#brand a{
  width:50%;
  margin: 0px auto;	
  padding: 10px 0;
}
*/

#top-bar, #top-bar nav, .headernav.active, .headernav{
  width: 100%
}
/*
.headernav.active #brand {
  display: none;
  visibility: hidden;
}
*/
.powermail_label, .powermail_field {
  float: none;
  width: 100%;
  clear:both;
}
.infoboxcell, .infoboxrow, .infobox {
  display: block;
}
.infoboxcell{
  margin: 0 0 2rem 0;
  border-bottom: none;
}
.rmpageheaderbox_container{
    margin: 0;

}
h1.animate.in-view, h2.animate.in-view, h1.animate, h2.animate {
   -webkit-transform: translateX(0px);
   -moz-transform: translateX(0px);
   -ms-transform: translateX(0px);
   -o-transform: translateX(0px);
   transform: translateX(0px);
   opacity: 1;
}

}