:root {
  --text-color-00: #333;
  --text-color-02: #F5F5F5;
  /*--text-color-01: #76026e; lila*/
  --highlight-color-01:#325e9a;
  --highlight-color-02: #da0f3f;
  --highlight-color-02: #690034; /*lila*/
  --highlight-color-03: #cd4208;
  --highlight-color-04: #7c8ea7; /*hellbalu*/
  --highlight-color-05: #008dcb;
  --highlight-color-07: #ffbf5c;

  --highlight-color-09: #f39132; /*orange*/
  --background-color-01: #414d5e; /*dunkelblaugrau*/
  --background-color-02: #7c8ea7; /*hellblaugrau*/
  --background-color-03: #fdfdfd;
  --background-color-04: #f2f5fa; /*ganzhellblaugrau*/
    /*--background-color-05: #fcf9f9;*/
  --background-color-05:#76026e;
  --background-color-06: #690034; /*lila*/

  --font-family-01: Roboto, sans-serif;
  --font-family-02: Quicksand, sans-serif;
}

html {
    height:101vh;
    background-color:var(--background-color-01);
}
body {
    padding-top:3em;
    background-color:var(--background-color-00);
    background:-moz-linear-gradient(top,var(--background-color-01), var(--background-color-02) 50vh,var(--background-color-01));
    background:-webkit-linear-gradient(top,var(--background-color-01),var(--background-color-02) 50vh,var(--background-color-01));
    background:-o-linear-gradient(top,var(--background-color-01),var(--background-color-02) 50vh,var(--background-color-01));
    background:-ms-linear-gradient(top,var(--background-color-01),var(--background-color-02) 50vh,var(--background-color-01));
    background:linear-gradient(to bottom,var(--background-color-01),var(--background-color-02) 50vh,var(--background-color-01));
    -pie-background:linear-gradient(top,var(--background-color-01),var(--background-color-02) 50vh,var(--background-color-01));
    font-family:var(--font-family-01);
    line-height:1.5;
    font-size: calc(0.75em + (18 - 12) * (100vw - 350px) / (1600 - 350));
    color:var(--text-color-00);
}
#wrapper {
    width:90vw;
    max-width:1200px;
    margin-right:auto;
    margin-bottom:3em;
    margin-left:auto;
    background-color:var(--background-color-03);
    -webkit-box-shadow:1px 1px 2px 0 rgba(51,51,51,.5);
    box-shadow:1px 1px 2px 0 rgba(51,51,51,.5);
    border:0px solid #AD2227;
    border-radius:2em;
}
#container {
	  animation-duration: 1.5s;
      animation-name: open;
}

@keyframes open  {
    0% { opacity:0.1;}
    100% { opacity:1;}
}



#wrapper,
#main .flex [class^="ce_"] {
    border-radius:.3em;
}
#main {
    min-height:50vh;
}
#main .inside {
    padding:1em 3em 2em;
}

#main a {
    color:var(--highlight-color-01);
}

header {
    background-color:var(--background-color-06);
    border-radius:0.3em 0.3em 0 0;
}
header .inside nav {
   /* background-color:var(--highlight-color-01);*/
}
header .inside {
    display:flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items:stretch;
    padding:1em 0 1em 0;
}
header .logo_123 {
    flex-basis:40%;
    align-self:center;
	text-align:right;
	margin:0 2em 0 0;
	display:flex;
	flex-flow:column;
}


header .logo_123 figure,
header .logo2 figure{
	width:12em;
	float:right;
}



header .logo2 img{
	width:97.5% !important;
}

@media (max-width:615px) {
	header .inside {
	justify-content:center;	
	}
	
	header .claim,
	header .logo_123{
		flex-basis:100%;
		text-align:center;
		margin:0;
	}
		header .claim h1{
			margin:0;
		}
	
	header .logo2 {
		width:100%;
		
	}
	header .logo_123 {
	display:block;
	}
	header .logo_123 .ce_image{
	
	flex-basis:45%;
	
	}
	
	header .logo_123 .ce_image figure{
		margin:0.5em auto !important;
		float:none;
}

}
header img {
	width:100% !important;
	height:auto !important;
}

.claim h1{
    flex-basis:50%;
    align-self:center;
    margin:0 0 0 1.1em;
    font-size:2.4em;
}
.claim a {
    color:var(--highlight-color-07);
    font-weight:600;
    font-family:Quicksand;
    text-decoration:none;
}


header nav {
    flex-basis:100%;
    padding-left:2em;
}
header nav ul li {
    display:inline-block;
}

header nav ul li span,
header nav ul li strong {
    display:block;
    margin-right:.8em;
    margin-left:.8em;
    padding:0.7em 0.3em 0 0.3em;
    font-family:var(--font-family-02);
    font-weight:500;
    font-size:1.2em;
    text-decoration:none;
    color:var(--text-color-03);
    text-align:center;
    transition: color ease-in-out 1s;    
}
header nav ul li span:after,
header nav ul li strong:after {
	display:block;
	width:100%;
	height:3px;
	background-color: var(--highlight-color-02);
	content:" ";
	transition: all ease-in-out 1s;
	text-align:center;
	transform:scale(0,1);
	border-radius:0.3em;
}

header nav ul li:hover span:after,
header nav ul li.trail span:after,
header nav ul li.active strong:after {
	width:100%;
    transition: all ease-in-out 1s;
    transform:scale(1,1);
}
header nav ul li:hover span,
header nav ul li.trail span,
header nav ul li.active strong {
    color: var(--text-color-02);
    transition: color ease-in-out 1s;
}
header nav ul li a {
    text-decoration:none;
}

footer{
	background-color:var(--background-color-06);
	color:#fff;
	border-radius: 0 0 0.3em 0.3em;
}

footer .inside {
    padding:1em 2em 0.5em 2em;
    text-align:center;
    font-size:.9m;
    box-sizing:border-box;
}

footer a {
	color:#fff;
}

footer p,
footer ul {
    margin-top:0;
    margin-bottom:.5em;
}
footer ul {
    padding-left:0;
}
footer nav ul li {
    display:inline-block;
    padding-right:.5em;
    padding-left:.5em;
}
footer a,
#main a {
    text-decoration:none;
}
footer nav ul li span,
footer nav ul li strong {
    font:1em Roboto;
    color:#eee;
}
footer nav ul li strong,
footer nav ul li:hover span,
footer nav ul li.trail span {
    color:#FFBF5C;
}
h1,
h2,
h3,
h4{
    margin-top:1em;
    margin-bottom:.5em;
    font-family:var(--font-family-02);
    font-weight:600;
}

#main .flex h1.ce_headline,
#main .flex h2.ce_headline,
#main .flex h3.ce_headline,
#main .flex h4.ce_headline{
    margin-top:1em;
    margin-bottom:1em;

}


h1 {
    font-size:1.424em;
    color:var(--highlight-color-01);
}
h2 {
    font-size:1.266em;
    color:var(--highlight-color-02);
}
.flex h2 {
    margin-top:.5em;
    text-align:left;
}
h3 {
    font-size:1.125em;
    color:var(--highlight-color-01);
}

h4 {
    font-size:1.0em;
    color:var(--highlight-color-02);
}
.flex {
    display:flex;
    flex-flow:row wrap;
    justify-content: space-between;
}
figure {
	line-height:0;
}

#main .ce_image h1 a {
	color:#fff;
}

#main .flex {
    margin-top:1em;
}
#main .flex [class^="ce_"] {
    margin-right:.2em;
    margin-bottom:2em;
    padding:1em 1.5em;
    background-color: var(--background-color-04);
    -webkit-box-shadow:1px 1px 3px rgba(51,51,51,.5);
    box-shadow:1px 1px 3px rgba(51,51,51,.5);
    border:2px solid var(--background-color-02);
    border-radius:1em;
    flex-basis:47.5%;
    box-sizing:border-box;
}
#main .flex [class^="ce_"].nospace {
    margin-bottom:0;
}

#main .flex.thirds [class^="ce_"] {
    flex-basis:30%;	
}

#main .flex.thirds [class^="ce_"].flex-50 {
    flex-basis:45%;	
	}
@media (max-width:768px) {
	#main .flex [class^="ce_"],
	#main .flex.thirds [class^="ce_"] {
    flex-basis:45%;	
	}
}
@media (max-width:560px) {
	#main .flex [class^="ce_"],
	#main .flex.thirds [class^="ce_"],
	#main .flex.thirds [class^="ce_"].flex-50{
    flex-basis:100%;	
	}
}
#main .flex.thirds [class^="ce_"] h3 {
	color:var(--highlight-color-01);
}

#main .flex [class^="ce_"].noflex {
	flex-basis:100%;
}

#main .flex .noflex p{
    color:var(--text-color-00);
}

#main .flex [class^="ce_"].noborder {
	background:transparent;
	border:0;
	box-shadow:none;
	padding:0;
}



#main .flex .ce_image.noborder {
	border:0;
	box-shadow:none;
	padding:0;
	position:relative;
}

#main .flex .ce_image.noborder h1 {
	position:absolute;
	bottom:10%;
	color:#fff;
	background-color:rgba(0, 0, 0,0.3);
	display:inline-block;
	margin:0;
	padding:0.5em;
	border-radius:0.3em;
	left:1em;

}

#main .flex .ce_image {
    background-color:#fefefe;
    -webkit-box-shadow:1px 1px 3px rgba(51,51,51,.5);
    box-shadow:1px 1px 3px rgba(51,51,51,.5);
    border:1px solid #AD2227;
    border-radius:1em;
}
#main .flex .ce_image img {
    border-radius:1em;
}

#main .flex .ce_text figure {
    border-radius:0em;
    margin-bottom:1em;
}

#main ul {
	list-style-type:none;
	list-style-position:outside;
}

#main ul li{
   margin-left:0em;
  
}

#main .ce_text > ul {
	text-indent:-1.3em;
	margin-left: 1.3em;
	
}

#main ul ul{
	list-style-type:disc;
	margin-left:1.3em;
	text-indent:0;
}

#main .ce_text > ul > li:before{
	content:'\f046 ';
	font-family:ForkAwesome;
	font-weight:400;
	font-size:1.1em;
	margin-right:0.3em;
	color:var(--highlight-color-04);
}


#main .ce_text.flash > ul > li:before{
	content:'\f0e7 ';
	font-family:ForkAwesome;
	font-weight:400;
	font-size:1.1em;
	margin-right:0.3em;
	color:var(--highlight-color-09);
}

.imprintpic img{
	background:#333;
	padding:0.3em;
}

.nofloat {
	float:none;
	clear:both;
}



.fas,
far,
fab {
    padding-right:.2em;
    color:#AD2227;
}
.mod_cms_accept_tags button[value="accept"],
.mod_cms_cookie_bar button[value="accept"] {
    background-image:none;
}
.mod_cms_accept_tags form {
    border-radius:.2em;
}
.radio_container {
	display:flex;
	flex-flow:row wrap;
	justify-content:flex-start;
	
}

.radio_container span {
	flex-basis:33%;
}

.widget-submit {
	text-align:center;
}

button.submit {
	font-size:1.1em;
	padding:0.5em;

}

@media (max-width:768px){
.radio_container span {
	flex-basis:50%;
}	
}

.radio_container legend{
	flex-basis:100%;
}

.medium{
  box-shadow: 3px 3px 5px rgba(30,30,30,.3);	
  position:relative;
}

.medium:after {
	display:block;
	position:absolute;
	content: "beliebt";
	text-transform:uppercase;
	background-color:#690034;
	transform: skew(35deg, -35deg) translateX(2em) translateY(1.5em);
	box-shadow: 2px 2px 3px rgba(30,30,30,.5);	
	color:#fff;
	bottom:1em;
	right:0;
	padding:0.3em 4em;
	font-size:0.9em;
}