@charset "UTF-8";
/* CSS Document */
 /*FARBGEBUNG VAR*/
:root {
/*--intro_head-co: #FFFFFF;
--intro_headbg-co: #F60B0F;*/

/*--btn_c-bg-co-hov: #FBF9F4;*/
--btn_c-co-hov: #104B72;
--btn_c-bg-co-hov: #F8F5ED;
/*--btn-bd-co: rgba(16,75,114,0.25);
--btn-bg-co-hov: rgba(16,75,114,0.90);
--btn-co-hov: #FFFFFF;*/
}

body, html {
height: 100% !important;
width: 100% !important;
font-family: CenturyGothic, OpenSans, AppleGothic, Arial, sans-serif;
/*background: linear-gradient(180deg, rgba(246,246,246,1) 70%, rgba(226,226,226,1) 90%);*/
background: #FBFDFF;
color: #666;
font-size: 15px !important;
 -webkit-overflow-scrolling: touch;
-webkit-transform-style: preserve-3d;
-webkit-backface-visibility: hidden;
}

body {position: relative;}
a {text-decoration: none; -webkit-appearance: none;}
button {border: none;}

#orbiter {
position: absolute;
left:300px;
top: 360px;
bottom: auto;
z-index: -1;
}

.accordion-button:not(.collapsed)::after {
transform: rotate(-180deg);
transition: transform .5s ease-in-out;
}

#accordionINTRO .accordion-collapse .accINNER {
    max-height: 170px !important;
    overflow-y: auto !important;
	padding-left: 0.5rem;
	padding-right: 0.5rem;
    padding-tip: 0.25rem;
}
	
#accordionINTRO .accordion-collapse .accINNER::-webkit-scrollbar { width: 8px;}
#accordionINTRO .accordion-collapse .accINNER::-webkit-scrollbar-track { background: none;}
#accordionINTRO .accordion-collapse .accINNER::-webkit-scrollbar-thumb { background: var(--btn_announc-bg-co);}
#accordionINTRO .accordion-collapse .accINNER::-webkit-scrollbar-thumb:hover {background: var(--nav-dropitbg-co-hov);}

#accordionINTRO .accordion-collapse .accINNER p, #accordionINTRO .accordion-button p {margin-top: 0; margin-bottom: 0;}


#accordionINTRO .noscroll {
    overflow-y:hidden !important;
}
                                                                                                                                                                                                       
#accordionINTRO .accordion-button  {
	border: none !important;
	padding: 0.33rem 0;
	margin: 0;
	font-size: 1rem;
	background-color: var(--btn_announc-bg-co);
	border-bottom: 0.05rem solid #FFFFFF !important;
	overflow: hidden;
}

#accordionINTRO .accordion-button:not(.collapsed), #accordionINTRO .accZITAT_btn .accordion-button:not(.collapsed), #accordionINTRO .accDARK_btn .accordion-button:not(.collapsed) {
color: var(--btn-co);
background-color: var(--btn_announc-bg-co);
border: 1px solid var(--btn-bd-co);
border-bottom: 0.05rem solid #FFFFFF !important;
outline: none !important;
box-shadow: none !important;
}

#accordionINTRO .accZITAT_btn .accordion-button {
background-color: hsla(184,100%,35%,1.00) !important;
color: #FFF !important;
}

#accordionINTRO .accDARK_btn .accordion-button {
background-color: hsla(184,100%,11%,1.00) !important;
color: #FFF !important;
}

#accordionINTRO .accordion-button:focus  {
z-index: 3;
color: var(--btn-co) !important;
border-color: var(--btn-bd-co);
outline: 0;
box-shadow: none !important;
}

#accordionINTRO .accZITAT_btn .accordion-button::after, #accordionINTRO .accDARK_btn .accordion-button::after {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFF'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); }

#accordionINTRO .accZITAT_btn:hover .accordion-button::after, #accordionINTRO .accDARK_btn:hover .accordion-button::after {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23104B72'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); }

#accordionINTRO .accordion-button:hover {
background-color: var(--nav-dropbg-co) !important;
color: var(--btn-co) !important;
cursor: pointer;
}

#accordionINTRO .accordion-button:active,
#accordionINTRO .accordion-button:focus {
color: var(--btn-co) !important;
border-color: var(--btn-bd-co);
background-color: var(--nav-dropbg-co) !important;
outline: 0;
box-shadow: none !important;
}


@media (hover: none) {
#accordionINTRO .accordion-button:hover, #accordionINTRO .accordion-button:active, #accordionINTRO .accordion-button:focus {
color: var(--btn-co) !important;
background-color: var(--btn_announc-bg-co) !important; }

#accordionINTRO .accZITAT_btn .accordion-button:hover, #accordionINTRO .accZITAT_btn .accordion-button:active, #accordionINTRO .accZITAT_btn .accordion-button:focus {
background-color: hsla(184,100%,35%,1.00) !important;
color: #FFF !important;
}

#accordionINTRO .accDARK_btn .accordion-button:hover, #accordionINTRO .accDARK_btn .accordion-button:active, #accordionINTRO .accDARK_btn .accordion-button:focus {
background-color: hsla(184,100%,11%,1.00) !important;
color: #FFF !important;
}
}




.circle_wwmk {
position: absolute;
top: -260px;
left: -260px;
bottom: auto;
z-index: 1007;
}

.circle_wwmk_mob {
position: absolute;
top: -140px;
left: auto;
right: 15px;
z-index: 1049 !important;	
display: none;}

.btn_wwmk {
font-family: CenturyGothic, OpenSans, Arial, sans-serif;
width: 120px;
height: 120px;
border-radius: 50%;
border: 1px solid #fff;
background: #A03553;
color: #fff;
font-size: 1.25rem;
letter-spacing: 0.1rem;
line-height: 1.5rem;
text-transform: uppercase;
}

.circle_c {
font-family: CenturyGothic, OpenSans, Arial, sans-serif;
	position: relative;
width: 200px;
height: 200px;
border-radius: 50%;
grid-area: layer;
border: 1px solid #fff;
display: grid;
place-items: center;
color: #FFFFFF;
background: #104B72;
font-size: 2rem;
line-height: 2rem !important;
z-index: 1006 !important;
}

.circle_c .header { margin-top: -10px;}

.circle_c2 {
position: relative;
top: -360px;
left: -160px;
bottom: auto;
/*margin-left: 195px;
margin-right: auto; */
/*margin-top: 145px;*/
  display: grid;
  grid-template-areas: "layer";
  place-items: center;
  background: none;
--radius: 260px;
  width: calc(2 * var(--radius));
  height: calc(2 * var(--radius));
z-index: 1005;
}

.btn_c {
font-family: CenturyGothic, OpenSans, Arial, sans-serif;
padding: 0.25rem 0.5rem;
line-height: 1.75rem;
color: #FFFFFF !important;
font-size: 1.5rem !important;
letter-spacing: 0.1rem;
text-transform: uppercase;
text-decoration: none;
border-radius: 3px;
}

.btn_c2 {
font-family: CenturyGothic, OpenSans, Arial, sans-serif;
font-size: 1rem;
letter-spacing: 0.1rem;
text-transform: uppercase;
grid-area: layer;
width: 130px;
height: 130px;
border-radius: 50%;
border: 1px solid #fff;
display: grid;
place-items: center;
color: #fff;
line-height: 1.25rem;
--d: calc(var(--i) / var(--total));
--r-offset: -0.25turn;
--r-amount: 1turn;
--r: calc((var(--r-amount) * var(--d)) + var(--r-offset));
--transform: rotate(var(--r)) translate(var(--radius))
   rotate(calc(-1 * var(--r)));
transform: var(--transform);
transition: transform 0.5s;
white-space: nowrap;
}

.btn_c2 a { color: #fff; }

@keyframes fadein {
  from { opacity: 0; }
  to { opacity: 1 !important; }
}

@keyframes rotating {
  from {  transform: rotate(360deg); }
  to { transform: rotate(0deg); }
}

@keyframes btn-rotating {
from  {transform: rotate(0deg);}
  to {transform: rotate(360deg); }
}

.bt-fadein {animation: fadein 1500ms;}
.rotating {animation: fadein 1500ms, rotating 70s linear infinite;}
.btn-rotating {animation: btn-rotating  70s linear infinite;}

.btn_c_fnw {background: hsla(184,100%,35%,1.00);} 
.btn_c_gsk {background: hsla(184,100%,34%,1.00);}
.btn_c_alo {background: hsla(184,100%,33%,1.00);}
.btn_c_bip {background: hsla(184,100%,32%,1.00);}
.btn_c_dtr {background: hsla(184,100%,31%,1.00);}	
.btn_c_sub {background: hsla(184,100%,30%,1.00);}
.btn_c_psy {background: hsla(184,100%,29%,1.00);}	
.btn_c_pat {background: hsla(184,100%,28%,1.00);}
.btn_c_gkw {background: hsla(184,100%,27%,1.00);}
.btn_c_bio {background: hsla(184,100%,26%,1.00);}
.btn_c_ant {background: hsla(184,100%,25%,1.00);}
.btn_c_exp {background: hsla(184,100%,24%,1.00);}

.btn-deactivated {opacity: 0.55;}
.btn-reactivated {opacity: 1;}

.circle_c .btn_c:hover, .btn_c0:hover, .circle_c2 .btn_c2:hover, .btn_wwmk:hover {
	background-color: var(--btn_c-bg-co-hov) !important;
	color: var(--btn_c-co-hov) !important;
	cursor: pointer !important;
}

.circle_c:hover {
	background-color: var(--btn_c-bg-co-hov) !important;
	color: var(--btn_c-co-hov) !important;
	cursor: pointer !important;
}

.btn_c2:hover .btn-rotating {color: var(--btn_c-co-hov) !important;}
.t15 {font-size: 15px !important;}

.introblock_re {
position: fixed; width: 560px; bottom: 10%; right:10px; z-index: 1060; }

#accordionINTRO {position:relative; z-index: 1050 !important;}


#accordionINTRO .accordion-button p, #accordionINTRO .accordion-body p {
	font-size: 1rem;
}

.btn-zitat {font-size: 1.5rem !important; }

.accordion-body {padding: 0.5rem 0.5rem;}




@media only screen and (max-width: 991.98px) {
.introblock_re {bottom: 5%; right:0;}
.circle_wwmk {display: none;}
.circle_wwmk_mob {display: block;}
#orbiter {left: 210px; bottom: 0 !important; top: auto !important; scale: 95%; }
.circle_wwmk_mob {top: -145px; left: auto; right: 10px; scale: 90%;}
}


@media only screen and (max-width: 891.98px) {
#orbiter {left: 50px; bottom: -20px !important; top: auto !important; scale: 90%; }	
.circle_wwmk_mob {top: -145px; left: auto; right: 10px; scale: 90%;}
}

@media only screen and (max-width: 767.98px) {
#orbiter {left: 50px; bottom: -20px !important; top: auto !important; scale: 90%; }	
.circle_wwmk_mob {top: -140px; left: auto; right: 5px; scale: 90%;}
}


@media only screen and (max-width: 661.98px) {
.introblock_re { width: 100%;}
#orbiter {left: -45px; bottom: -40px !important; top: auto !important; scale: 85%; }	
.circle_wwmk_mob {top: -130px; left: auto; right: 0; scale: 85%;}
}	


@media only screen and (max-width: 575.98px) {
.introblock_re { width: 100%;}
#orbiter {left: -40px; bottom: -70px !important; top: auto !important; scale: 80%; }	
.circle_wwmk_mob {top: -130px; left: auto; right: 0; scale: 80%;}
}	


@media only screen and (max-width: 474.98px) {
#orbiter {left: -55px; bottom: -80px !important; top: auto !important; scale: 75%; }	
.circle_wwmk_mob {top: -120px; left: auto; right: 0; scale: 75%;}
}

@media only screen and (max-width: 413.98px) {
#orbiter {left: -70px; bottom: -90px !important; top: auto !important; scale: 70%; }	
.circle_wwmk_mob {top: -120px; left: auto; right: 0; scale: 70%;}
}

@media only screen and (max-width: 374.98px) {
#orbiter {left: -70px; bottom: -90px !important; top: auto !important; scale: 70%; }	
.circle_wwmk_mob {top: -120px; left: auto; right: 0; scale: 70%;}
}


@media only screen and (orientation: landscape) and (max-height: 1151.99px) {

}


@media only screen and (orientation: landscape) and (max-height: 899.98px) {
/*.introblock_re {bottom: 5%; right:0;}*/
/*.circle_wwmk {display: none;}
.circle_wwmk_mob {display: block;}*/
/*#orbiter {left: 260px; bottom: -230px !important; top: auto !important; scale: 90%; }*/
/*.circle_wwmk_mob {top: -145px; left: auto; right: 10px; scale: 90%;}*/
}


@media only screen and (orientation: landscape) and (max-height: 767.98px) {
.introblock_re { width: 40%;}
/*#orbiter {left: 160px; bottom: -230px !important; top: auto !important; scale: 80%; }*/
#orbiter {left: 180px; top: 220px !important; bottom: auto !important; scale: 80%; }
.circle_wwmk_mob {top: -130px; left: auto; right: 0; scale: 80%;}
}


@media only screen and (orientation: landscape) and (max-height: 474.98px) {
#orbiter {left: 130px; top: 160px !important; /*bottom: -300px !important; top: auto !important;*/ scale: 70%; }
.circle_wwmk_mob {top: -120px; left: auto; right: 0; scale: 70%;}
}


@media only screen and (orientation: landscape) and (max-height: 413.98px) {
#orbiter {left: 75px; top: 100px !important; /*bottom: -310px !important; top: auto !important;*/ scale: 60%; }
.circle_wwmk_mob {top: -100px; left: auto; right: 0; scale: 50%;}
}


@media only screen and (orientation: landscape) and (max-height: 348.98px) {
	
}