@font-face { font-family: 'Ubuntu';
             font-weight: 300;
			 font-display: swap;
             src: url('../font/Ubuntu-Light.ttf') format('truetype'); }
@font-face { font-family: 'Ubuntu';
             font-weight: 400;
			 font-display: swap;
             src: url('../font/Ubuntu-Regular.ttf') format('truetype'); }
@font-face { font-family: 'Ubuntu';
             font-weight: 500;
			 font-display: swap;
             src: url('../font/Ubuntu-Medium.ttf') format('truetype'); }
@font-face { font-family: 'Ubuntu';
             font-weight: 700;
			 font-display: swap;
             src: url('../font/Ubuntu-Bold.ttf') format('truetype'); }
			 body, html { font-size: 100%; padding: 0; margin: 0; height: 100%;}
*{margin:0; padding:0; border:0; }
img {
	vertical-align: bottom;
}
html, body {
	background-color:#fff;
	color:#200736;
	height: 100%;
	font-family: Ubuntu, Quicksand, Arial, Calibri, sans-serif;
	
    -webkit-hyphens: auto;
        -ms-hyphens: auto;
            hyphens: auto;
}
a{
	text-decoration:none;
	color:#f09a16;
}
a:hover{
	color:#CECFCF;
}
.icon{
	width:19px;
	height:auto;
	margin:0 8px 2px 0;
}
a:hover .icon{
	opacity:0.53;
}
.footnavi .imprint_cont a{
	text-decoration:none;
	color:#eee;
}
h1, h2, h3 span, p, li {
	font-weight: 300;
}
h2, h3, p, ul {
	margin: 8px 0 17px 0;
}
h1{
	font-size: 44px;
	line-height: 53px;
	margin: 26px 0 17px 0;
}
h2{
	font-size: 35px;
	line-height: 44px;
}
h3{
	font-size: 26px;
	line-height: 35px;
	font-weight: 400;
}
p, li, h1 span, h4 {
	font-size: 17px;
	line-height: 26px;
}
h4{
	font-weight: 600;
	margin: 8px 0 0 0;
}
@media screen and (max-width: 980px) {
h1{
	font-size: 35px;
	line-height: 44px;
	margin: 17px 0 8px 0;
}
h2{
	font-size: 26px;
	line-height: 35px;
}
h1 span, h3, h4, p, li {
	font-size: 15px;
	line-height: 24px;
}
h2, h3, p, ul {
	margin: 6px 0 8px 0;
}
}
@media screen and (max-width: 440px) {
h1{
	font-size:6.2vw;
	line-height:125%;
}
h1 span{
	font-size:3.5vw;
	line-height:125%;
}
h2{
	font-size:5.3vw;
	line-height:125%;
}
h3{
	font-size:3.5vw;
	line-height:125%;
}
h4{
	font-size:3.5vw;
	line-height:125%;
}
p, li {
	font-size:3.5vw;
	line-height:125%;
}
}
.container{
	position:relative;
	overflow:hidden;
	width:100%;
	height:93%;
	height:calc(100% - 88px);
	padding:53px 0 35px 0;
}
.scrollcont{
	overflow:auto;
	overflow: visible;
	overflow-y: scroll;
	width:88%;
	height:100%;
	padding:0 6%;
}
.section{
	position:relative;
	overflow:hidden;
	height:50%;
	float:left;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	color:#fff;
}
.section:nth-child(1){
	background-color:#400E6E;
	width:65%;
	height:62%;
}
.section:nth-child(2){
	background-color:#fad29e;
	width:35%;
	height:62%;
}
.bg_brille{
	background:url(../img/bg-brille.jpg) no-repeat center center;
	background-size:cover;
}
.section:nth-child(3){
	background-color:#EFF0F0;/*color_lightgrey_akzent*/
	background-color:#FCE4C5;/*color_creme*/
	color:#4f3485;
	width:35%;
	height:38%;
}
.section:nth-child(3) .a_color{
	color:#603EA3;
}
.section:nth-child(3) .a_color:hover{
	color:#f09a16;
}
.section:nth-child(4){
	background-color:#603EA3;
	width:65%;
	height:38%;
}
.section:nth-child(1) .inner_sec, .section:nth-child(4) .inner_sec {
	padding:0 8%;
}
.section:nth-child(3) .inner_sec {
	padding:0 15.2%;
	width:69.6%;
}

@media only screen and (orientation: portrait) {
.section{
}
.section:nth-child(1){
	width:100%;
	height:45%;
}
.section:nth-child(2){
	width:30%;
	height:25%;
}
.section:nth-child(3){
	width:70%;
	height:25%;
}
.section:nth-child(4){
	width:100%;
	height:30%;
}
}
@media only screen and (min-aspect-ratio: 9/4) and (orientation: landscape) and (max-height: 530px){
.section:nth-child(1){
	width:50%;
	height:100%;
}
.section:nth-child(2){
	width:20%;
	height:50%;
}
.section:nth-child(3){
	width:30%;
	height:50%;
}
.section:nth-child(4){
	width:50%;
	height:50%;
}
h1{
	font-size:2.15vw;
	line-height:125%;
}
h2{
	font-size:1.65vw;
	line-height:125%;
}
h1 span, h3, h4, p, li {
	font-size:1.25vw;
	line-height:125%;
}
}
@media screen and (max-height: 620px) {
}
@media screen and (max-height: 440px) {
}
@media screen and (max-width: 800px) {
}