@charset "UTF-8";
@import "[[~86]]";
@import "[[~87]]";
@import "[[~91]]";

 
@font-face {
  font-family: 'Source Sans Pro';
  src: url('[[++site_url]]assets/fonts_2023/SourceSansPro-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
* {
  font-family:'Source Sans Pro';
} 

a,
a.notification {
  border:none;
  color:[[*c_apricot]];
  text-decoration:none;}

a:hover {
  color:[[*c_apricotP10]];
  cursor:pointer;}

a.navbar-item{
  color:[[*c_black00]];}

a:hover.navbar-item,
a.navbar-item.is-active,
.navbar-item a span{
  color:[[*c_black00]];}

a.button,
button.button,
input.button,
.navbar-item .button{
    background:[[*c_apricot]];
    color:[[*c_black00]];}

a.button:hover,
button.button:hover,
input.button:hover,
.navbar-item .button:hover{
    background:[[*c_apricotP10]];
    color:[[*c_black00]];}

.icon ion-icon{
    font-size:1.25em;}
    
.is-large ion-icon{
    font-size:4em;}

.tag.is-apricot{
    background:[[*c_apricot]];
    color:[[*c_black00]];}

.tag.is-red{
    background:[[*c_red]];
    color:[[*c_black00]];}

.tag.is-green{
    background:[[*c_green]];
    color:[[*c_black00]];}

/* #### HEADER ############################################################### */			  
.b_hero {
    background:[[*c_black]];}

.b_logo {
    position:absolute;}

.navbar-burger {
    color:[[*c_black00]];}

.navbar-menu {
    background:[[*c_black]];
    color:[[*c_black00]];
    font-size: 1.25rem;}
    
.navbar-menu .navbar-item.is-active:not(:focus):not(:hover),
.navbar-menu .navbar-item:hover {
    background:[[*c_black00]];
    color:[[*c_black]];}
    
@media (max-width: 1023px){
    .navbar-menu .navbar-item {
        border-top:1px solid [[*c_black00]];}
}
.navbar-menu .navbar-item:last-child:hover {
    background:[[*c_black]];}

.hero-body{
    background:url("assets/images_2023/hero-image_2023.jpg");
    background-repeat: no-repeat;
    background-size:cover;}
    
.hero-body h1,
.hero-body p {
    color:[[*c_black00]];}

.hero-body h1 {
  cursor: pointer;
  -webkit-text-stroke-color: #fff;
  -webkit-text-stroke-width: 0.02em;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-repeat: no-repeat;
  transition: background-size .5s cubic-bezier(0.67, 0.01, 0.15, 0.98);}

.hero-body h1.title {
  background-image: linear-gradient(180deg, #fff 0%, #fff 50%, transparent 50.1%);
  background-position: 100% 0%;
  background-size: 100% 0%;}
  
.hero-body h1.title:hover {
    background-size: 100% 200%;}
    
.hero-foot .tabs {
    font-size: 1.25rem;}   
    
    
    
    
.hero-foot .tabs.is-boxed a.is-active,
.hero-foot .tabs.is-boxed a:hover {
    background-color: [[*c_black05]];
    color: [[*c_black]];
    border-left: 1px solid [[*c_black]];
    border-right: 1px solid [[*c_black]];}




.b_tabs {
  position: relative;
}
.b_tabs::before,
.b_tabs::after {
  content: "";
  display: table;
}
.b_tabs::after {
  clear: both;
}
.b_tab {
  float: left;
}
.b_tab-switch {
  display: none;
}
.b_tab-label {
  position: relative;
  line-height: 2.75em;
  height: 3em;
  padding: 0 1.618em;
  cursor: pointer;
  top: 0;
  transition: all 0.25s;
}

.b_tab-content {
  position: absolute;
  z-index: 1;
  top: 2.75em;
  left: 0;
  padding: 1.618rem;
  opacity: 0;
  transition: all 0.35s;
}
.b_tab-switch:checked + .tab-label {
  transition: all 0.35s;
  z-index: 1;
  top: -0.0625rem;
}
.b_tab-switch:checked + label + .b_tab-content {
  z-index: 2;
  opacity: 1;
  transition: all 0.35s;
}
/* #### END HEADER ########################################################### */			  




/* #### CONTENT ############################################################### */			  
.hidden { 
  display: none;}

.modal{
      animation: FadeIn 0.1s linear;}
@keyframes FadeIn {
    0%   { opacity: 0;}
    100% { opacity: 1;}
}


.progress.b_progress::-webkit-progress-value{
    background-color:[[*c_apricot]]}
.progress.b_progress::-moz-progress-bar{
    background-color:[[*c_apricot]]}
.progress.b_progress::-ms-fill{
    background-color:[[*c_apricot]]}
.progress.b_progress:indeterminate{
    background-image:linear-gradient(to right,[[*c_apricot]] 30%,#ededed 30%)}



.timeline-header span.is-primary{
  background:[[*c_apricot]];}

.timeline .timeline-item .timeline-marker.is-icon{
    padding:0;}

.timeline .timeline-item .timeline-marker.is-icon ion-icon{
    font-size: 1.4rem !important;}
    
.list-image-alt{
    background:[[*c_black80]];
    color:[[*c_black00]];
    height:64px;
    width:64px;
    border-radius: 9999px;
    line-height: 64px;}

.meine-daten .list-image-alt{
    height:128px;
    width:128px;
    line-height: 128px;
    font-size:3em;}

.meine-daten-login,
.meine-daten-login img,
.meine-daten-login .list-image-alt{
    height:40px;
    max-height:40px;
    width:40px;
    line-height: 40px;
    font-size:1.1em;
    text-align:center;}
    
.meine-daten-login img,
.meine-daten-login .list-image-alt{
    border: 1px solid [[*c_black00]];}

.tag:not(body).is-bronze {
  background: #bf8970;
  background: linear-gradient(178deg, rgba(215,185,171,1) 0%, rgba(191,137,112,1) 19%, rgba(163,118,96,1) 78%);
  color: #fff;}

.tag:not(body).is-silber {
  background: #c0c0c0;
  background: linear-gradient(178deg, rgba(228,228,228,1) 0%, rgba(192,192,192,1) 19%, rgba(152,152,152,1) 78%);
  color: #fff;}

.tag:not(body).is-gold {
  background: #FFD700;
  background: linear-gradient(178deg, rgba(255,255,255,1) 0%, rgba(255,215,0,1) 19%, rgba(233,197,0,1) 78%);
  color: #fff;}

/* #### END CONTENT ########################################################### */			  




/* #### FOOTER ############################################################### */			  
footer.b_footer {
    background:[[*c_black]];
    background:linear-gradient(140deg, [[*c_black]] 0%, [[*c_black80]] 80% );
    background:url("assets/images_2023/logo-footer_2023.png"), linear-gradient(140deg, [[*c_black]] 0%, [[*c_black80]] 80% );
    background-repeat: no-repeat;
    background-position: right -10%; 
    color:[[*c_black00]];}
/* #### END FOOTER ########################################################### */			  
