@font-face {
  font-family: 'Calibri-Light';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/calibri-light.woff') format('woff'),
       url('./fonts/calibri-light.ttf') format('truetype');
}

@font-face {
  font-family: 'Calibri';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/calibri.woff') format('woff'),
       url('./fonts/calibri.ttf') format('truetype');
}


/*body {
 -webkit-animation:fadein 0.7s; animation:fadein 0.7s }
@-webkit-keyframes fadein { from {opacity:0} to {opacity:1} }
@keyframes fadein { from {opacity:0} to {opacity:1} }
*/

*, *:before, *:after {
	 -webkit-box-sizing: border-box;
	 box-sizing: border-box; }

html{
	background-image:linear-gradient(90deg, #EAEBFF 0%, #BBBCD1 100%);/*
	background-size:cover;
	background-image:url(../media/hgstripe.jpg);*/}


html,body{
	min-width:100%;min-height:100%;
	-ms-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	margin:0;padding:0;}

.cubemenue{
	text-align:center;
	margin:auto;}

.cube__face,
.cube__face a,
.cube__face span{
	text-decoration:none;
	cursor:pointer;
	color:#fff;}

body{
	overflow-y:visible !important;
	color:#333;
	background-image:url(../media/hg.jpg);
	background-size:contain;
	background-position:left top;
	min-height:1054px;
	background-repeat:no-repeat;
	font-family: 'Calibri-Light';
	line-height:125%;
	font-size:0.80rem;}

img{
	max-width:100%;
  object-fit: cover;}

img[align*="left"] {
	float:left;
	margin:.75rem 0.80rem 0.16rem 0;}

img[align*="right"] {
	margin:.75rem 0 0.16rem 0.80rem ;}

.coverfill {
  width: auto;
  object-fit: fill;}

#bnavmenu{
	display:none;}

#bnav, #bnav li{
	list-style-type:none;
	margin:0;padding:0;}

#textcontent{
	max-width:50%;
	width:50%;
	margin-left:20%;}

#partner{
	display:inline-block;
	color:#fff;
	padding:0.80rem 2.4rem;
	background-color:#384D78;	}

#partner img{
	margin:0.4rem 0 0 0;
	max-height:4.8rem;}

h2,h3{
	display:inline;
	font-size:3.2rem;
	font-weight:normal;
	margin-right:0.16rem;
	line-height:3.2rem;}

@font-face {
    font-family: 'calvinregular';
    src: url('./fonts/calvin_regular-webfont.woff2') format('woff2'),
         url('./fonts/calvin_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;} 

h3{
	font-style:italic;
	font-size:2.4rem;
	font-family:calvinregular,Comic Sans,Comic Sans MS,Verdana,Helvetica;}

#felder{
	display:inline;float:left;
	margin-left:0;
	padding-top:104px;
	width:37.5%;}

#wuerfel{
	display:inline;
	margin-left:0;
	margin-top:103px;
	float:left;
	width:32.5%;}

#wuerfel img{
	width:100%;}

h3, #felder span, #felder a{
	text-decoration:none;
	font-weight:300;
	display:table-cell;
	vertical-align:middle;
	min-width:40px;}

#feld3 a,
#feld5 a,
#feld7 a,
#feld3 h3,
#feld5 h3,
#feld7 h3{
	height:97px;}

#feld0a a,
#feld0b a,
#feld1 a,
#feld2 a,
#feld4 a,
#feld6 a,
#feld0a h3,
#feld0b h3,
#feld1 h3,
#feld2 h3,
#feld4 h3,
#feld6 h3{
	height:65px;}

#feld0a,#feld0b,#feld1,
#feld2,
#feld3,
#feld4,
#feld5,
#feld6,
#feld7{
	display:table-row;
	font-size:1.6rem;
	vertical-align:center;
	height:100%;
	line-height:105%;}

#felder div{
	padding:0 0 0 0.80rem;
	display:block;}

.spare{
	margin:0 !important;
	padding:0 !important;
	border:none;
	line-height:2px;font-size:2px;height:2px !important;
	background-image:url(../media/white.png);
	background-size:80% auto;
	background-repeat:repeat-y;}

#felder a{
	color:#fff;}

#feld0a{
	font-size:1.92rem;
	color:#fff;
	background-image:url(../media/feld0a.png);
	background-size:100% auto;
	background-repeat:repeat-y;}

#feld0a h2{
	line-height:65px;
	font-size:3.2rem;}

#feld0b{
	line-height:65px;
	background-image:url(../media/white.png);
	background-size:100% auto;
	background-repeat:repeat-y;
	color:#007C7C;}

#feld0b h2,#feld0b h2 a{
	font-size:1.92rem;
	color:#007C7C;}

#feld1,#feld4,#feld6{
	color:#fff;
	background-image:url(../media/feld1.png);
	background-size:100% auto;
	background-repeat:repeat-y;}

#feld1 h3,#feld4 h3,#feld6 h3,
#feld1 h3 a,#feld4 h3 a,#feld6 h3 a{
	font-size:2.4;
	color:#7FFEFE;}

#feld2,#feld5,#feld7{
	color:#fff;
 background-image:url(../media/feld2.png);
 background-size:100% auto;
 background-repeat:repeat-y;}

#feld2 h3,#feld5 h3,#feld7 h3,
#feld2 h3 a,#feld5 h3 a,#feld7 h3 a{
	font-size:2.4;
	color:#7FF086;}

#feld3{
	color:#fff;
 background-image:url(../media/feld3.png);
 background-size:100% auto;
 background-repeat:repeat-y;}

#feld3 h3,
#feld3 h3 a{
	font-size:2.4rem;
	color:#E780F1;}

.zweizeiler{
	min-height:65px;}

.dreizeiler{
	min-height:97px;}

#felder div a{
 font-size:2.4;}

h1{
	line-height:150%;
	font-size:2.4rem;
	font-weight:normal;}

p{
	margin:1rem 0;padding:0;
	line-height:150%;
	font-size:1.2rem;}

#link{
	position:absolute;
	left:1184px;
	top:686px;}

#link a{
	text-decoration:none;
	color:#fff;
	font-size:1.6rem;}


#bnav {
	position:absolute;
	left:960px;
	top:618px;}

.bnav,.bnava{
	margin:0.16rem 0;
	display:inline-block;
	background-size:200px 49.6px;
	width:200px;
	height:49.6px;}

.bnav{
	background-image:url(../media/Button-off.png);}

.bnava{
	background-image:url(../media/Button-on.png);}

#bnav li a{
	font-size:1.6rem;
	padding:1rem 0 0 0.80rem ;
	width:200px;
	height:49.6px;
	display:inline-block;
	text-decoration:none;
	color:#fff;}

.row{
	clear:both !important;
	display:block;
	width:100% !important;}

.row>p{
	margin-top:.5rem !important;}
	
.col-1{
	display:inline-block;
	float:left;
	width:8.3%;}

.col-2{
	display:inline-block;
	float:left;
	width:16.66%;}

.col-3{
	display:inline-block;
	float:left;
	width:25%;}

.col-4{
	display:inline-block;
	float:left;
	width:33.33%;}

.col-5{
	display:inline-block;
	float:left;
	width:42%;}

.col-6{
	display:inline-block;
	float:left;
	width:50%;}

.col-7{
	display:inline-block;
	float:left;
	width:58%;}

.col-8{
	display:inline-block;
	float:left;
	width:66.66%;}

.col-9{
	display:inline-block;
	float:left;
	min-width:75%;
	width:75%;}

.col-10{
	display:inline-block;
	float:left;
	min-width:84%;
	width:84%;}

.col-11{
	display:inline-block;
	float:left;
	min-width:91.7%;
	width:91.7%;}

.noquelle{
	cursor:default !important;
	color:rgba(229,229,229,.7) !important;}

#bold{
 font-weight:700 !important;}

#agb{
	overflow:auto;
	width:80%;
	padding-right:10px;
	height:640px;}

#agb h1{
	line-height:110%;
	text-align:center;}

.cali{
	font-family:calibri !important;}