* {
    font-family: 'Asap', sans-serif;
}
#ani_txt_1 {
    font-family: 'Asap', sans-serif;
    text-transform: uppercase;
    font-size: 42px;
    font-weight: 700;
    color: #97B91D;
   /* text-shadow:  2px  2px 2px #fff,
        2px -2px 2px #fff,
        -2px  2px 2px #fff,
        -2px -2px 2px #fff;**/
}

    .magellan.fixed {
        z-index: 150 !important;
    }
.row {
}
#select_language_container {
    z-index: 10000;
}
.fixed #select_language_container {
    z-index: 10000;
    margin-left: 10px;
}
#drop_language {
    z-index: 10000;
}
h2 {
    font-size: 24px;
    margin-top: 50px;
    color: #4E4D4B;
    font-family: 'Asap', sans-serif;
}
.full-row-wrapper {
    padding: 20px 0px 50px 0px;
}
.subnavi-balken {
    background-color: #575756;
    position: absolute;
    left: 0;
    top: 60px;
    height: 40px;
    width: 100%;
}
#subnavi ul li a {
    font-size: 18px;
    line-height: 120%;
}
#subnavi li a {

    color: #575756;
}
#subnavi a:hover {
    color: #FE860C;
    font-weight: bold;
}
.wrapper-login {

}
.wrapper-home {
    background: linear-gradient(to bottom, #dadada 0%,#ffffff 100%);
}
.wrapper-video {

}
.wrapper-kontakt {
    background-color: #B9E2FA;
}
.col_fff {
    color: #fff;
}
.p_narrow {
    margin: 15px 0px;
    line-height: 150%;
}
.pos_rel {
    position: relative;
}
#junge_daumen {
    position: absolute;
    bottom: 0;
    right: -75px;
}
#sprechblase {
    position: absolute;
    bottom: 120px;
    left: -120px;
    z-index: 5;
}
.vorteile_kinder_box {
    min-height: 400px;
}
#funktion_girl {
    position: absolute;
    top: auto;
    bottom: 0;
    right: 0;    
}
.wrapper-funktion {
    background:#FE860C;
    color: #fff;
    padding-bottom: 0;    
}
.wrapper-funktion .row {
    padding-bottom: 30px;
    padding-top: 20px;
}

.magellan.fixed #header_logo {
    width: 130px;
    height: 50px;
    background-size: contain;
}
.magellan .button {
    clear: both;
    margin: 0; 
    padding: 10px 20px;
    margin-top: 10px;
}

.magellan.fixed .button {
    padding: 5px 20px;
    font-size: 14px;
    margin-top: 0px;
    margin-left: 20px;
    clear: none;
    float: left;
}
.magellan .active  i {
    display: none;
}
#header_logo {
    background-position: center center;
    width: 200px;
    height: 55px;
    background-size: contain;
}
.magellan {
    background-color: #fff;    
}
.magellan.fixed {
    border-bottom: 1px solid #bbb;
    padding: 5px 30px;
}
.magellan.fixed .sub-nav {
    margin-top: 0px;

}
.sub-nav {
    margin-top: 25px;    
}
.header-row {    
    border: 1px dotted orange;
}
.sub-nav dd a {
    font-size: 18px;
    padding-left: 5px;
    padding-right: 5px;
}
.login-row {
    /*background: #ddd;*/
}
.login-row .button, .login-row input, .login-row label {
    height: auto;
}

.login-row .button {
    margin: 0;
    padding: 5px 20px;
    line-height: 26px;
}
.login-row .button-icon {
    position: relative;
    margin: 5px 5px 0px 0px;
    top: auto;
    right: auto;
}
.wrapper-login {
    background: #FE860C;
}
#funktion_video_wrap {
    display: block;
    margin: 0 auto;
    z-index: 40;
    border: 6px solid #BAE2FB;
    border-radius: 10px;
}/*
.video_wrapper {
    display: block;
    margin: 0 auto;
    z-index: 40;
    border: 6px solid #BAE2FB;
    border-radius: 10px;
}*/
.youtube-container { display: block; margin: 20px auto; width: auto; max-width: 600px; }
.youtube-player { 
    display: block;
    width: 100%; /* assuming that the video has a 16:9 ratio */
    padding-bottom: 56.25%;
    overflow: hidden; 
    position: relative; width: 102%; height: 100%; cursor: hand; cursor: pointer; display: block;

    border: 6px solid #BAE2FB;
}
img.youtube-thumb { bottom: 0; display: block; left: 0; margin: auto; max-width: 100%; width: 100%; position: absolute; right: 0; top: 0; height: auto }
div.play-button { height: 72px; width: 72px; left: 50%; top: 50%; margin-left: -36px; margin-top: -36px; position: absolute; background: url("../images//TxzC70f.png") no-repeat; }
#youtube-iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }



#laptop_junge_wrapper {
    /*position: absolute;
    bottom: 0px;
    right: 20px;
    width: 60%;
    padding-top: 100px; 
    height: 100%;
    background: url(../images/junge_laptop.png) no-repeat right top;
    background-size: contain;*/
}
#laptop_junge_wrapper  {
    position: absolute;
    top: 0px;
    right: 20px;
    /* width: 60%;
     padding-top: 100px; 
     height: 100%;
     background: url(../images/junge_laptop.png) no-repeat right top;
     background-size: contain;*/
}
.accordion .accordion-navigation a  {
    padding: 20px;
}
.accordion  .col_fff a {
    color: #fff;
}
.accordion  .col_fff li {
    color: #4E4D4B;
}

.accordion  .kf_green a, .accordion .kf_blue a, .accordion .kf_orange a, .accordion .kf_red a {
    background-repeat:  no-repeat  !important;
    background-position:  95% center  !important;
    background-size: 13% !important;
}

.accordion .accordion-navigation.active .content {
    background-color: #666666;
}
.accordion  .kf_green a {
    background-image: url(../images/icon_kinder.png) !important;
    background-color: #BCCF02;
}
.accordion .accordion-navigation.active.kf_green > a, .accordion dd.active.kf_green > a {
    background-color: #BCCF02;
}
.accordion .accordion-navigation.kf_green > a:hover {
    background-color: #94A700;
}


.accordion .kf_blue a {
    background-image: url(../images/icon_caterer.png) !important;
    background-color: #B9E2FA;
}
.accordion .accordion-navigation.active.kf_blue > a, .accordion dd.active.kf_blue > a {
    background-color: #B9E2FA;
}
.accordion .accordion-navigation.kf_blue > a:hover {
    background-color: #7FADC8;
}
.accordion .accordion-navigation.active.kf_blue .content {
    background-color: #D7EDFA;
}

.accordion .kf_orange a {
    background-image: url(../images/icon_kita.png) !important;
    background-color: #FE860C;
}
.accordion .accordion-navigation.active.kf_orange > a, .accordion dd.active.kf_orange > a {
    background-color: #FE860C;
}
.accordion .accordion-navigation.kf_orange > a:hover {
    background-color: #EA7200;
}
.accordion .accordion-navigation.active.kf_orange .content {
    background-color: #FFD593;
}

.accordion .kf_red a {
    background-image: url(../images/icon_eltern.png) !important;
    background-color: #E30613;
}
.accordion .accordion-navigation.active.kf_red > a, .accordion dd.active.kf_red > a {
    background-color: #E30613;
}
.accordion .accordion-navigation.kf_red > a:hover {
    background-color: #CA0000;
}
.accordion .accordion-navigation.active.kf_red .content {
    background-color: #E35F68;
}

.kf_red li {
    color: #fff !important;


}

.content li {
    margin-bottom: 10px;
}

.accordion  .accordion-navigation {
    margin-bottom: 15px !important;
}
.accordion .accordion-navigation > a:hover {
    /*background-color: #999;*/
}

.accordion .accordion-navigation .content {
    position: relative;
}
.accordion .accordion-navigation.active > a, .accordion dd.active > a {
    /*background-color: #999;*/
}

.accordion .accordion-navigation .content .dreieck {
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -20px;
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    /*border-top: 12px solid #999999;*/
    border-top: 12px solid #fff;
}

.subheader {
    text-align: center;
}
#subnavi li {
    padding: 0;
    line-height: 12px;
}
#subnavi img {
    margin-bottom: 10px;
}
#pbt_login  .form_input {
		padding: 2px;
		margin-bottom: 0px;
		margin-top: 8px;
		height: auto;
                max-width: 200px;
    margin-right: 10px;
}
#pbt_login  .form_label {
    color: #fff;
    font-weight: bold;
		margin-bottom: 0px;
                max-width: 200px;
}
#pbt_login  .form_label.inline {
		margin-bottom: 0px;
}
#pbt_login  .button {
		margin-top: 5px;
                padding: 0px 10px;
}
#pbt_login label {
    margin-right: 10px;
    display: block;
}
#pbt_login a {
    color: #fff;
}
#pbt_login a:hover, #pbt_login a:focus  {
    color: #ddd;
}
.green_bg {
    background: #57C6F3;
}
.less_padding {
    padding-left: 5px;
    padding-right: 5px;
}
#pbt_login button:hover, #pbt_login button:focus {
    background: #98BB1D !important;
}
.size-30 {
    font-size: 30px;
}
.size-12 {
    font-size: 12px;
}
.kf_white {
    color: #fff;
}
.kf_white:hover {
    color: #ddd;
}

/* Small screens*/
@media only screen { } /* Define mobile styles */

@media only screen and (max-width: 40em) { 

    .subnavi-balken {
        left: 0;
        top: 60px;
        height: 40px;
        width: 100%;
    }
    #subnavi ul li a {
        font-size: 12px;
    }
    #subnavi a:hover {
        color: #FE860C;
        font-weight: bold;
    }

    #funktion_girl {
        height: 200px; 
        right: 0px;
    }

    .column #ani_txt_1 {
        font-size: 30px;
    }

    #junge_daumen {
        position: absolute;
        bottom: 0;
        right: -10px;
        z-index: 6;
    }
    #sprechblase {
        position: absolute;
        bottom: 190px;
        left: -60px;
        z-index: 5;
        width: 250px;
    }
    .magellan .sub-nav {
        margin-top: 10px;

    }

    .magellan.fixed .button {
        display: none;
    }
    .magellan.fixed #header_logo {
        width: 110px;
        height: 30px;
        display: none;

    }
    .login_col .panel {
        margin-top: 25px;
    }
    #firstModal .close-reveal-modal {
        margin-top: 10px;
    }
    #firstModal {
        padding-right:0;
        padding-left:0;
    }
    .magellan.fixed {
        padding:0;
    }
    #funktion_video_wrap {
    }
    #pbt_login .form_input {
        
                max-width: 100%;
    }
} /* max-width 640px, mobile-only styles, use when QAing mobile issues */

/* Medium screens*/
@media only screen and (min-width: 40.063em) {} /* min-width 641px, medium screens */

@media only screen and (min-width: 40.063em) and (max-width: 64em) {    
    #junge_daumen {
        position: absolute;
        bottom: 0;
        right: -10px;
        z-index: 6;
    }
    #sprechblase {
        position: absolute;
        bottom: 217px;
        left: -65px;
        z-index: 5;
        width: 250px;
    }
    
    .column #ani_txt_1 {
        font-size: 34px;
    }  } /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */


@media only screen and (min-width: 40.063em) and (max-width: 64em) {
} /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */

.error input {
    margin-bottom: 1rem;
}

.demo_select div {
}
.demo_select td label {
    padding-top: 2px;
    text-align: center;
    width: 100%;
    height: 25px;
    border: 1px solid #ddd;
}
.demo_select  label:hover {
    background: #eee;
    cursor: pointer;
    border: 1px solid #aaa;
}

.demo_select .checked_demo:hover {
    background: #9CB24D;
}

.demo_select .checked_demo {
    background: #B6D05A;
    border: 1px solid #aaa;
}
.demo_select .booked, .demo_select .booked:hover {
    background:#ddd;
    color:#aaa;
}
.demo_select .booked:hover {
    cursor: default;
    border: 1px solid #ddd;
}

.error > label > small {
	text-transform: none;
}