.sidebar {
    width: 5%;
    position: absolute;
/*	-webkit-transform: translateZ(0);*/
    left: 0;
    background: white;
    top: 0;
    border-right: 1px solid rgba(0,0,0,0.2);
    z-index: 52;
    display: block;
	height: 100%;
}
@media (min-width: 2000px) {
	.sidebar {
		width: 80px;
	}
}

.logo-sidebar {
    position: relative;
    width: 70%;
    left: 15%;
}

.header-mobile {
    position: fixed;
/*	-webkit-transform: translateZ(0);*/
    height: 8vh;
    top: 0;
    left: 0;
    z-index: 53;
    background: white;
    width: 100vw;
    box-shadow: 0 3px 5px rgba(0,0,0,0.2);
}
.header-mobile.slideshow.closed, .header-mobile.slideshow.open {
    display: none;
}
@media (max-width: 991.98px) {
    .header-mobile.slideshow.open {
        display: block;
    }
    .header-mobile.slideshow.closed {
        display: none;
    }
}

.mobile-logo {
    position: relative;
    height: 60%;
    top: 20%;
}

.scroll_bg {
    height: 10vh;
    width: 3px;
    border-radius: 10px;
    background: #99c7da;
    position: fixed;
/*	-webkit-transform: translateZ(0);*/
    left: 2.5vw;
    top: 85vh;
    z-index: 51;
}



.scroll_drag {
    width: 100%;
    background: #0073a2;
    position: absolute;
    top: 0;
    left: 0;
}


.sidelist {
    position: absolute;
/*	-webkit-transform: translateZ(0);*/
    height: 100%;
    width: 25%;
    top: 0;
    z-index: 49;
    background: white;

    transition: 0.7s ease;
	scrollbar-width: none;
	-ms-overflow-style: none;
}
.sidelist.open {
    left: 5%;
}

.sidelist.closed {
    left: -21%;
}


@media (max-width: 991.98px) { /* sm */
    .sidelist.open {
        width: 80%;
        left: 0;
        height: 92%;
        top: 8%;
		box-shadow: 5px 5px 10px rgba(0,0,0,0.2);
    }
    .sidelist.closed {
        width: 80%;
        left: -80%;
        height: 92%;
        top: 8%;
    }

    .sidelist.team.open, sidelist.team.closed {
        display: none;
    }
}

@media (min-width: 2000px) {
	.sidelist.open {
		left: 80px;
		width: calc(25% + 80px);
	}
	.sidelist.closed {
		left: calc(-80% - 80px);
	}
}

.ul-courses, .ul-faq {
    list-style: none;
    padding: 0;
    margin: 10% 0;
    display: inline-block;
    width: 80%;
    text-align: left;
	background: white;
}
@media (max-width: 575.98px) {
    .ul-faq {
        text-align: center;
    }
}

.li-item-courses.list-group-item, .li-item-faq.list-group-item, .li-item-feedback.list-group-item {
    font-weight: 400;
    color: #585858;
    font-size: 19px;
    font-family: 'Poppins', sans-serif;
    padding: 5px 0;
    cursor: pointer;
    position: relative;
}
@media only screen (max-width: 991.98px), only screen and (max-device-width: 991.98px) {
	.li-item-courses.list-group-item {
		font-size: 16px;
	}
}
.li-item-bad.header {
    font-family: 'Poppins', sans-serif;
    color: #0073a2;
    font-size: 22px;
    font-weight: 600;
}

.li-item-courses.header, .li-item-faq.header, .li-item-feedback.header {
    font-family: 'Poppins', sans-serif;
    color: #0073a2;
    font-size: 22px;
    font-weight: 600;
    padding-bottom: 0;
}
.li-item-faq.header, .li-item-feedback.header {
    padding-bottom: 10px;
}
@media only screen (max-width: 991.98px), only screen and (max-device-width: 991.98px) {
	.li-item-courses.header {
		font-size: 18px;
	}
}

.line-courselist {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
}
.line-courselist.active {
    width: 100%;
}

.line-courselist.soul, .line-courselist.kombi {
    background: #ffd100;
}

.line-courselist.aqua {
    background: #0073a2;
}
.line-kombi {
    position: absolute;
    bottom: 0;
	width: 100%;
    height: 2px;
}
.line-kombi.aqua {
	background: #0073a2;
}
.line-kombi.soul {
	background: #ffd100;
}
.line-kombi.right {
	right: 0;
}
.line-kombi.left {
	left: 0;
}

@media (max-width: 991.98px) {
    .line-kombi {
        display: none;
    }
}

.line-courselist.online {
    background: #00ADDA;
}

body {
    overflow: hidden;
}

table, tr, td {
    border-collapse: collapse;
}

.btn-scale-list {
    height: 50px;
    width: 50px;
    border-radius: 50%;
    box-shadow: 2px 3px 10px rgba(0,0,0,0.2);
    background: #ffd100;
    position: fixed;
/*	-webkit-transform: translateZ(0);*/
    top: calc(50% - 25px);
    z-index: 3;
    cursor: pointer;

    transition: 0.7s ease;
}

.btn-scale-list.open {
    left: 31%;
}

.btn-scale-list.closed {
    left: 6%;
}
@media (max-width: 991.98px) {
    .btn-scale-list.closed {
        left: 2%;
    }
    .btn-scale-list.open {
        left: 82%;
    }
    .btn-scale-list.team.closed.active, btn-scale-list.team.open.active, .btn-scale-list.badall.closed.active, btn-scale-list.badall.open.active {
        display: none;
    }

}
@media (min-width: 2000px) {
	.btn-scale-list.closed {
		left: calc(1% + 80px);
	}
}
.btn-scale-list-img {
    position: absolute;
    height: 60%;
    width: 60%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;

    transition: 0.7s ease;
}

.btn-scale-list-img.open {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.btn-scale-list-img.closed {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}

.con-kacheln {
    position: fixed;
/*	-webkit-transform: translateZ(0);*/
    background: white;
    height: 100%;
    top: 0;

    transition: width 0.7s ease, left 0.7s ease;
    -ms-overflow-style: none;
	scrollbar-width: none;
}

.inset-con-scroll-txt {
    -ms-overflow-style: none;
	scrollbar-width: none;
}

.con-kacheln::-webkit-scrollbar, .scrolllist::-webkit-scrollbar, .sidelist.team::-webkit-scrollbar, .con-txt.faq::-webkit-scrollbar, .inset-con-scroll-txt::-webkit-scrollbar, .wrapper::-webkit-scrollbar {
    display: none;
	width: 0px;
	background: transparent;
}

.con-kacheln.courses.open {
    width: 70vw;
    left: 30%;
}


.con-kacheln.courses.closed {
    width: 95%;
    left: 5%;
}

.con-kacheln.security {
    width: 95%;
    left: 5%;
    top: 0;
    height: 100vh;
    overflow: auto;
}

.default.security {
	color: #0073a2;
}

@media (max-width: 575.98px) {
    .con-kacheln.security {
        height: 92vh;
        top: 8vh;
    }
}

@media (max-width: 991.98px) { /* md */
    .con-kacheln.courses.closed, .con-kacheln.courses.open {
        width: 100%;
        left: 0;
        height: 92%;
        top: 8%;
    }
}
.con-course {
    width: 100%;
    padding-bottom: calc(100% - 4px);
    background: grey;
    border: 2px solid white;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

.TN-Kurs {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
	border: 0px !important;

    -webkit-transition: 0.4s ease-out;
    transition: 0.4s ease-out;
}

.overlay {
    opacity: 0;
    pointer-events: none;
    -webkit-transition: 0.2s linear;
    transition: 0.2s linear;
}

.overlay.aqua {
   background: #0095D5;
}

.overlay.soul, .overlay.kombi {
    background: #ffd100;
}
.overlay.online {
    background: #00adda;
}

.con-TN-txt {
    position: absolute;
    bottom: 5%;
    left: 5%;
    opacity: 0;
}
@media (max-width: 575.98px) {
    .con-TN-txt {
        opacity: 1;
    }
}

h2 {
    font-family: 'Poppins', sans-serif;
    color: white;
    font-weight: 700;
    font-size: 2vw;
}
@media (max-width: 991.98px) { /* sm */
    h2 {
        font-size: 5vw;
    }
}

.con-course:hover > .overlay, .overlay.hovered, .con-team:hover > .overlay {
    opacity: 0.6;
}

@media (max-width: 991.98px) {
	.con-team:hover > .overlay {
		opacity: 0;
	}
}

.con-course:hover > .TN-Kurs, .TN-Kurs.hovered {
    height: 106%;
    width: 106%;
    top: -3%;
    left: -3%;
}
.con-course:hover > .con-TN-txt, .con-bad.menu:hover > .con-TN-txt, .con-team:hover > .con-TN-txt, .con-TN-txt.hovered {
    opacity: 1;
}

.TN-txt-hover {
    color: white;
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    font-weight: 700;
    display: none;
}
.con-kacheln.courseinfo.closed {
    width: 40%;
    left: 5%;
	z-index: 0;
}
@media (min-width: 2000px) {
	.con-kacheln.courseinfo.closed {
		width: calc(40% + 80px);
		left: 80px;
	}
}

.con-badinfo, .con-team, .con-book, .con-faq, .con-blog {
    width: 100%;
    padding-bottom: calc(100% - 4px);
    border: 2px solid white;
    position: relative;
    cursor: default;
	background: white;
}
@media(max-width: 991.98px) {
	.con-book[Courses] {
		padding-bottom: 50%;
	}
}
.con-team, .con-book {
    cursor: pointer;
}

 .con-txt {
    position: fixed;
    height: 100%;
    top: 0;
    background: white;

    transition: left 0.7s ease, width 0.7s ease;
}

.con-txt.courseinfo.closed {
    width: calc(49% + 20px);
    left: 45%;
	z-index: 1;
}

.con-txt.courseinfo.open {
    left: 60%;
    width: calc(40% + 16px);
	z-index: 1;
}

.con-blue {
    background: #0073a2;
    position: absolute;
	height: 100%;
/*	-webkit-transform: translateZ(0);*/
    top: 0;
	z-index: 51;

    transition: 0.7s ease;
}

.con-blue.closed {
    left: 94%;
    width: 6%;
    opacity: 1;
}
@media (min-width: 2000px) {
	.con-blue.closed {
		width: 100px;
		left: calc(100% - 100px);
	}
}

.con-btns-courseinfo {
    height: 80%;
}

.col-btn-courseinfo {
    height: 25%;
}

.con-btn-courseinfo {
    position: relative;
    display: inline-block;
    width: 60%;
    padding-bottom: 60%;
    left: 20%;
    cursor: pointer;
}

.tag-btn-hover-courseinfo {
    background: #545454;
    font-family: 'Snubnose';
    color: white;
    font-size: 16px;
    letter-spacing: 2px;
    padding: 6px 15px;
    border-radius: 5px;
    position: absolute;
    z-index: 3;
    top: calc(50% - 28px);
    right: 140%;
    display: none;
    white-space: nowrap;
}

.faq-btn {
    position: relative;
    font-size: 4vw;
    color: white;
    font-family: 'Snubnose';
}
@media (min-width: 2000px) {
	.faq-btn {
		font-size: 70px;
	}
}



.inset-circle-34-water {
    position: relative;
    height: 70%;
    width: 70%;
    left: 15%;
    top: 15%;
}

h4.courseinfo {
    color: white;
    font-size: 1.1vw;
    font-weight: 700;
    display: inline-block;
    line-height: 1.1em;
}
@media (max-width: 991.98px) {
    h4.courseinfo {
        font-size: 3.5vw;
    }
}

h3 {
    font-family: 'Snubnose';
    color: #0073a2;
    font-size: 60px;
    font-weight: 500;
}
h3.cookie {
	font-size: 30px;
}
h3.soul.kombi {
	color: #ffd100;
	font-size: 50px;
}
@media (max-width: 991.98px) {
	h3 {
		font-size: 45px;
	}
}

.color-soul {
    color: #ffd100;
}

.color-aqua {
    color: #0073a2;
}

h5.courseinfo {
    margin-bottom: 5px;
    font-family: 'Poppins', sans-serif;
    letter-spacing: 1.5px;
    font-weight: 600;
    text-transform: none;
    text-transform: uppercase;
}

h5.courseinfo.soul {
    color: #ffd100;
}

@media (max-width: 575.98px) {
    h5.courseinfo {
        font-size: 16px;
    }
}

h5 {
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    color: #0073a2;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.con-blue.open {
    width: 0;
    left: 100%;
    opacity: 0;
    pointer-events: none;
}

.con-kacheln.courseinfo.open {
    left: 30%;
    width: 30%;
	z-index: 0;
}

.con-kacheln.badall.open {
    width: 35%;
    left: 30%;
}

.con-kacheln.badall.closed {
    width: 60%;
    left: 5%;
}
@media (min-width: 2000px) {
	.con-kacheln.badall.closed {
		width: calc(60% + 80px);
		left: 80px;
	}
}

.con-txt.faq.closed, .con-txt.faq.open, .con-txt.feedback.open, .con-txt.feedback.closed {
    width: 35%;
    left: 5%;
    position: fixed;

    overflow: auto;
}

.con-kacheln.feedback.closed, .con-kacheln.feedback.open, .con-kacheln.faq.closed, .con-kacheln.faq.open {
    width: 60%;
    left: 40%;
    z-index: 1;
    background: #fcfcfc;
}




.con-txt.badall.open, .con-txt.badall.closed {
    width: 35%;
    left: 65%;
	position: fixed;
	top: 0;
	z-index: 1;
}

a > h1.bad {
    font-size: 25px;
    text-transform: uppercase;
    font-weight: 500;
    cursor: pointer;
    color: black;

    -webkit-transition: color 0.3s ease;
    transition: color 0.3s ease;
}

a > h1.bad.active {
    color: #0073a2;
}

a > f1.bad {
    font-weight: 500;
    color: #949494;
    font-size: 18px;
    cursor: pointer;
}
h1.bad:hover  {
    color: #0073a2;
}



.fo.open {
    width: 35%;
    left: 30%;
}
.con-kacheln.badinfo.open {
    width: 35%;
    left: 30%;
}
.con-kacheln.badinfo.closed {
    width: 60%;
    left: 5%;
}
@media (min-width: 2000px) {
	.con-kacheln.badinfo.closed	{
		width: calc(60% + 80px);
		left: 80px;
	}
}

.con-txt.badinfo.open, .con-txt.badinfo.closed {
    width: 35%;
    left: 65%;
}

.drawing {
    position: relative;
    width: 50%;
    margin-bottom: 4%;
    margin-top: 15%;
}

h5.badinfo {
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    color: #0073a2;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 0px;
}

h4.badinfo {
    font-family: 'Poppins', sans-serif;
    color: black;
    font-size: 17px;
    font-weight: 600;
    margin: 0;
}

.con-kacheln.team.closed {
    width: 60%;
    left: 5%;
    position: fixed;
	z-index: 1;

}
@media (min-width: 2000px) {
	.con-kacheln.team.closed {
		width: calc(60% + 80px);
		left: 80px;
	}
}


.con-kacheln.team.open {
    width: 35%;
    left: 30%;
    z-index: 49;
    position: fixed;
	z-index: 1;

}

.con-txt.team.closed, .con-txt.team.open {
    width: 35%;
    left: 65%;
    position: fixed;
	z-index: 1;

    overflow: auto;
}


@media (max-width: 991.98px) {
    .con-txt.team.open, .con-txt.team.closed, .con-kacheln.team.open, .con-kacheln.team.closed, .con-txt.badall.closed, .con-kacheln.courseinfo.open, .con-kacheln.courseinfo.closed, .con-txt.courseinfo.open, .con-kacheln.txt.closed, .con-kacheln.badinfo.open, .con-kacheln.badinfo.closed, .con-txt.badinfo.open, .con-kacheln.txt.closed, .con-kacheln.feedback.open, .con-kacheln.feedback.closed, .con-kacheln.faq.open, .con-kacheln.faq.closed, .con-kacheln.badall.open, .con-kacheln.badall.closed, .con-txt.badall.open, .con-txt.badall.closed {
        width: 100%;
        position: relative;
        left: 0;
        height: auto;
        overflow: hidden;
        top: 0;
    }
}

@media (max-width: 991.98px) {
    .con-txt.feedback.open, .con-txt.feedback.closed, .con-txt.faq.open, .con-txt.faq.closed {
        left: 0;
        position: relative;
        top: 0;
        height: auto;
		width: 100vw;
    }
}

.table-list-team {
    width: 90%;
    position: relative;
    table-layout: fixed;
    left: 5%;
}

.td_team_list {
    font-size: 18px;
    color: black;
    text-align: left;
    padding: 10px;
    vertical-align: top;
    position: relative;
    cursor: pointer;
}

.con-name-team {
    position: relative;
    display: inline-block;

    transition: font-weight 0.3s ease;
}

.con-name-team:hover {
    color: #0073a2;
    font-weight: 700;
}

.line-team-list {
    position: absolute;
    height: 2px;
    width: 0;
    background: #0073a2;
    bottom: 0;
    top: 120%;
}

.con-TN-txt.team {
    position: absolute;
    bottom: 5%;
    left: 5%;
    opacity: 1;
    width: 90%;
}
h2.team {
    font-family: 'Poppins', sans-serif;
    color: white;
    font-weight: 700;
    font-size: 2vw;
}
@media (max-width: 575.98px) {
    h2.team {
        font-size: 6vw;
    }
}
@media (min-width: 576px) and (max-width: 991.98px) {
    h2.team {
        font-size: 4vw;
    }
}

.bll {
    vertical-align: top;
    font-size: 19px;
    margin-top: -20px;
    padding-right: 10px;
}


.quotation-marks {
    position: absolute;
    top: -45px;
/*    left: calc(50% - 15px);*/
    left: 0%;
    display: inline-block;
    color: #0073a2;
    font-size: 100px;
    display: none;
    opacity: 1;
    font-family: 'Snubnose';
}


div.quote {
    position: absolute;
    height: 90%;
    width: 95%;
    top: 0;
    left: 2.5%;
/*    background: #f7f7f7;*/
    padding: 10px;
	background: white;
}

.li-item-teamfilter:hover, .li-item-teamfilter.active {
    font-weight: 700;
}

.btn-close-filter {
    position: absolute;
    height: 80%;
    width: 80%;
    top: 10%;
    left: 10%;
    background: #0073a2;
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.7);
}

.row-courseinfo-btns {
    padding: 7vh 1vw;
    margin: 0;
    margin-top: 10vh;
    background: #0073a2;
}
@media (max-width: 991.98px) {
    .row-courseinfo-btns {
        margin-top: 0;
    }
	.row-courseinfo-btns.desktop.closed, .row-courseinfo-btns.desktop.open, .row-courseinfo-btns.desktop {
		display: none;
	}
}






.icon-courseinfo-footer {
    height: 4vw;
    display: inline;
    margin-top: 4vh;
}
@media (min-width: 768px) and (max-width: 1119.98px) {
	.icon-courseinfo-footer {
		height: 7vw;
	}
}
@media (max-width: 767.98px) {
    .icon-courseinfo-footer {
		display: none;
    }
}


.btn-more.courseinfo {
	font-size: 13px;
	font-weight: 500;
	text-transform: uppercase;
	width: 90%;
	margin-bottom: 2vh;
	margin-top: 2vh;
	background: white;
	padding: 8px 0 ;
	color: #004d6c;
	border: 2px solid white;
}
@media (min-width: 768px) and (max-width: 1119.98px) {
	.btn-more.courseinfo {
		font-size: 2vw;
	}
}
@media (max-width: 767.98px) {
    .btn-more.courseinfo {
        font-size: 3vw;
        font-weight: 500;
        text-transform: uppercase;
        letter-spacing: 0.4vw;
        width: 70%;
        margin-bottom: 0;
		background: white;
		color: #004d6c;
		border: 2px solid white;
    }
	.btn-more.courseinfo:hover {
		color: #004d6c;
	}
}
.row-courseinfo-btns.closed {
    display: none;
}

.row-courseinfo-btns.open {
    display: ;
}



f1.courseinfo {
    color: black;
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    letter-spacing: 1px;
    display: inline-block;
    line-height: 1.6em;
    font-weight: 500;
	text-align: justify;
	width: 90%;
}
@media (max-width: 991.98px) {
	f1.courseinfo {
		text-align: center;
		width: 70%;
	}
}

f1.cookie {
    color: black;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    letter-spacing: 1px;
    display: inline-block;
    line-height: 1.6em;
    font-weight: 500;
	text-align: justify;
}
@media (max-width: 991.98px) {
	f1.cookie {
		text-align: center;
	}
}

h4.coursei {
    font-family: 'Poppins', sans-serif;
    color: black;
    opacity: 0.9;
    font-weight: 500;
    font-size: 20px;
}
@media (max-width: 575.98px) {
    h4.coursei {
        font-size: 25px;
    }
}
@media (min-width: 576px) and (max-width: 991.98px) {
    h4.coursei {
        font-size: 30px;
    }
}

f1.coursei {
    font-family: 'Poppins', sans-serif;
    color: #6c6c6c;
    font-size: 15px;
    font-weight: 400;
    display: inline-block;
    line-height: 1.6em;
    margin-top: 20px;
}
@media (max-width: 575.98px) {
    f1.coursei {
        line-height: 2em;
    }
}

.padding-mobil {
    padding: 0;
    padding: 0 15%;
    margin: 0;
}

.btn-scale-list.inactive {
    display: none;
}
.btn-scale-list.active {
    display: block;
}

.li-item-team.list-group-item {
    font-weight: 500;
    color: black;
    font-size: 16px;
    font-family: 'Poppins', sans-serif;
    padding: 5px 0;
    cursor: default;
    position: relative;
}

.li-item-team.list-group-item.italic {
    font-weight: 300;
    font-size: 15px;
}

.li-item-team.header {
    font-family: 'Poppins', sans-serif;
    color: #0073a2;
    font-size: 30px;
    font-weight: 700;
    padding-bottom: 10px;
    text-transform: uppercase;
}



.ul-team {
    list-style: none;
    width: 80%;
    left: 10%;
    position: relative;
    padding: 10% 0;
	cursor: default;
}
.ul-team.open {
    display: inline-block;
}
.ul-team.closed {
    display: inline-block;
}

.col-team-info-mobil {
    position: relative;
    padding: 10% 15%;
}

.list-group-item {
    background: transparent;
}

.con-team.quote {
    cursor: pointer;
    border: 0;
	height: 70%;
	top: 30%;
	overflow: hidden;
}

a > h2.bad {
    font-family: 'Poppins', sans-serif;
    color: white;
    font-weight: 700;
    font-size: 3vw;
}
@media (max-width: 575.98px) {
    a > h2.bad {
        font-size: 5vw;
    }
}

.overlay.bad {
    background: rgb(0,115,162);
background: linear-gradient(0deg, rgba(0,115,162,1) 0%, rgba(0,212,255,0) 100%);
}





h2.badinfo {
    font-family: 'Poppins', sans-serif;
    color: white;
    font-weight: 700;
    font-size: 2.2vw;
    display: inline-block;
    line-height: 0.8em;
}
.badinfo-small {
    font-size: 1.2vw;
}
@media (max-width: 575.98px) {
    h2.badinfo {
        font-size: 6vw;
    }
    .badinfo-small {
        font-size: 3vw;
    }
    h2.bad_mobile {
        line-height: 0.9em;
        font-size: 10vw;
    }
}

.con-icon-blopper {
    position: relative;
    display: inline-block;
	margin-top: 0;
}
@media (max-width: 991.98px) {
	.con-icon-blopper {
		margin-top: 2vh;
	}
}

.icon-blopper {
    position: relative;
    display: block;
    width: 100px;
}
.icon-blopper.soul {
	position: absolute;
	height: 70%;
	width: 70%;
	left: 25%;
	top: 5%;
	transform: rotate(-10deg);
}
.icon-blopper.active {
    opacity: 1;
}
.icon-blopper.inactive {
    opacity: 0.5;
}

.icon-icon {
    position: absolute;
    height: 50%;
    top: 15%;
    left: 25%;
}

.icon-blopper.up, .icon-blopper-soul.up {
    transform: rotate(23deg);
}



.btn-route {
    display: inline-block;
    background: white;
    border: 2px solid #0073a2;
    color: #0073a2;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 15px;
    padding: 7px 0px 7px 30px;
    letter-spacing: 1px;
    border-radius: 5px;
    transform: perspective(0) rotateY(0);
    cursor: default;
}

.btn-more-arrow.route {
    position: relative;
    display: inline-block;
    width: 20px;
    opacity: 0;
    margin-left: 15px;
    transition: 0.2s ease;
}



h2.faq {
    font-family: 'Snubnose';
    color: #0073a2;
    -webkit-transition: 0.2s linear;
    transition: 0.2s linear;
}

.img-bg-faq {
    opacity: 0;
    -webkit-transition: 0.2s linear;
    transition: 0.2s linear;
}
.con-faq:hover > .img-bg-faq, .img-bg-faq.hovered, .img-bg-faq.active {
    opacity: 1;
}
.con-faq:hover > .overlay {
    opacity: 0.6;
}
.col-faq:hover > h2.faq, h2.faq.hovered, h2.faq.active {
    color: white;
}

.collapse, .card {
    border: 0;
    background: transparent;
}
.card-header {
    border: 0;
    border-bottom: 1px solid rgba(0,0,0,0.2);
    background: transparent;
    position: relative;
}

.btn.btn-link, .btn.btn-link:hover {
    font-weight: 500;
    color: #585858;
    font-size: 19px;
    font-family: 'Poppins', sans-serif;
    padding: 5px 0;
    cursor: pointer;
    position: relative;
    text-decoration: none;
}

.card-body {
    font-weight: 500;
    color: #949494;
    font-size: 16px;
    cursor: pointer;
}

.accordion-header {
    border-bottom: 1px solid rgba(0,0,0,0.2);
}

.accordion-faq {
    visibility: hidden;
    width: 100%;
    background: transparent;

    margin-bottom: 50px;
    opacity: 0;
    transition: 0.5s ease;
}
@media (max-width: 991.98px) {
	.accordion-faq {
		visibility: visible;
		opacity: 1;
	}
}
#FaqId0.accordion-faq {
    visibility: visible;
    opacity: 1;
}
h1.slideshow {
    font-family: 'Snubnose';
    color: white;
    font-size: 7vw;
    display: inline-block;
    line-height: 0.9em;
    margin-bottom: 50px;
}
@media (max-width: 575.98px) {
    h1.slideshow {
        font-size: 15vw;
    }
}
@media (min-width: 2000px) {
	h1.slideshow {
		font-size: 130px;
		margin-bottom: 100px;
	}
}
.btn-link.faq, .btn-link.faq:hover {
    font-family: 'Poppins', sans-serif;
    color: black;
    font-weight: 500;
    opacity: 0.8;
    font-size: 16px;
}

a.default, a.default:hover {
    text-decoration: none;
}
a.default.bad {
	color: white;
}

.li-item-courses.list-group-item.collapsable, .li-item-book.list-group-item.collapsable {
    margin-left: 15px;
}
.con-circle-book-water {
    left: calc(100% + 6vw);
    top: 0;
    position: absolute;
    width: 6.5vw;
    height: 6.5vw;
    border-radius: 50%;
    background: #ffd100;
    transform: rotate(15deg);
    display: inline-block;
}

.tempbook {
    font-family: 'Snubnose';
    color: white;
    font-size: 1.6vw;
    position: relative;
    font-weight: 500;
    display: inline-block;
    line-height: 1em;
}

.inset-circle-book-water {
    position: relative;
    height: 70%;
    width: 70%;
    left: 15%;
    top: 15%;
    color: white;
    font-size: 0.8vw;
    font-weight: 700;
    display: inline-block;
    line-height: 1.1em;
    font-family: 'Poppins', sans-serif;
    cursor: pointer;
}

.scroll_bg_txt.closed.courselist, .scroll_bg_txt.open.courselist {
    height: 100%;
    width: 6px;
    border-radius: 10px;
    background: #99c7d9;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 51;
}
.scroll_bg_txt.closed.courselist:hover, .scroll_bg_txt.open.courselist:hover {
    width: 12px;
    left: 0;
}

.scrolllist {
    overflow: scroll;
    -ms-overflow-style: none;
}

.scroll_bg_fish {
    height: 12%;
    width: 5%;
    border-radius: 10px;
    position: absolute;
    left: 0;
    top: 83%;
    z-index: 53;

    transition: transform 0.5s ease;
}
@media (min-width: 2000px) {
	.scroll_bg_fish {
		width: 80px;
	}
}
@media (max-width: 991.98px) {
	.scroll_bg_fish.down {
		display: none;
	}
}
.scroll_bg_fish.down {
    -webkit-transform: rotate(0);
    transform: rotate(0);
}
.scroll_bg_fish.up {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.bg_scroll_fish {
    position: relative;
    height: 100%;
    opacity: 0.5;
}

.con_drag_fish {
    height: 100%;
    overflow: hidden;
}
.con_drag_fish.down, .bg_drag_fish.down {
    position: absolute;
    top: 0;
}
.con_drag_fish.up, .bg_drag_fish.up {
    position: absolute;
    bottom: 0;
}

.blur-list {
    -webkit-filter: blur(3px);
    filter: blur(3px);
}

.overlay.list {
    background: white;
    opacity: 0.9;
    display: none;
    pointer-events: all;
}
.overlay_team {
	display: none;
	background: white;
	position: absolute;
	z-index: 1;
}

.con-questions {
    width: 80%;
    position: relative;
    left: 10%;
    margin-top: 5%;
}
@media (max-width: 991.98px) {
	.con-questions {
		width: 100%;
		left: 5%;
	}
}
.close-questions {
    position: fixed;
	z-index: 1;

    height: 30px;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    top: calc(97% - 30px);
    left: calc(99% - 30px);
    cursor: pointer;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
}
.close-questions:hover {
    top: calc(97% - 35px);
}

.close-questions.closed {
    opacity: 0;
}
.close-questions.active {
    opacity: 1;
}

.gif-book-ani, .gif-book-ani-reverse {
    position: relative;
    width: 30%;
    display: inline-block;
    cursor: pointer;
}
.gif-book.closed {
	position: fixed;
/*	-webkit-transform: translateZ(0);*/
    z-index: 2;
    width: 8vw;
    left: 43%;
    top: 3%;
    cursor: pointer;
    transition: 0.7s ease;
}
.gif-book.closed:hover {
    left: calc(43% - 3px);
}

.gif-book.open {
	position: fixed;
/*	-webkit-transform: translateZ(0);*/
    z-index: 2;
    width: 8vw;
    left: 57%;
    top: 3%;
    cursor: pointer;
    transition: 0.7s ease;
}
.gif-book:hover, .book-menu:hover {
        filter: drop-shadow(3px 3px 8px rgba(0,0,0,0.2));
}

.gif-book.open:hover {
    left: calc(57% - 3px);
}
@media (max-width: 991.98px) {
    .gif-book.closed, .gif-book.open {
        cursor: pointer;
        position: relative;
        width: 50%;
        left: 25%;
        margin: 7% 0 2% 0;
        display: block;
    }
	.gif-book.open:hover, .gif-book.closed:hover {
		left: 25%;
	}
}
@media (min-width: 2000px) {
	.gif-book.open, .gif-book.closed {
		width: 200px;
	}
}

.water-34-icon {
    position: absolute;
    width: 6.5vw;
    height: 6.5vw;
    bottom: 4%;
    left: -1vw;
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
}
@media (min-width: 2000px) {
	.water-34-icon {
		width: 150px;
		height: 150px;
		left: -70px;
	}
}

.scroll_bg_txt {
    height: 100%;
    width: 6px;
    border-radius: 10px;
    background: #ffed99;
    position: fixed;
/*	-webkit-transform: translateZ(0);*/

    top: 0;
    z-index: 51;

    -webkit-transition: 0.4s ease;
    transition: 0.4s ease;
}
.scroll_bg_txt.closed {
    left: calc(94% - 6px);
}
@media (min-width: 2000px) {
	.scroll_bg_txt.closed {
		left: calc(100% - 106px);
	}
}
.scroll_bg_txt.open {
    left: calc(100% - 6px);
}
.scroll_bg_txt.badall.closed, .scroll_bg_txt.badinfo.closed, .scroll_bg_txt.team.closed {
	left: calc(100% - 6px);
}
.scroll_bg_txt.closed:hover {
    width: 12px;
    left: calc(94% - 12px);
}
@media (min-width: 2000px) {
	.scroll_bg_txt.closed:hover {
		left: calc(100% - 112px);
	}
}
.scroll_bg_txt.open:hover {
    width: 12px;
    left: calc(100% - 12px);
}
@media (max-width: 991.98px) {
    .scroll_bg_txt.closed, .scroll_bg_txt.open {
        left: calc(100% - 6px);
        height: 92%;
        top: 8%;
    }
    .scroll_bg_txt.open:hover, .scroll_bg_txt.closed:hover {
        left: calc(100% - 12px);
    }
}

.scroll_bg_txt.courselist.courses, .scroll_bg_txt.security, .scroll_bg_txt.faq, .scroll_bg_txt.badall, .scroll_bg_txt.team, .scroll_bg_txt.badinfo, .scroll_bg_txt.teamlist {
    background: #99c7d9;
}

.scroll_drag_txt {
    width: 100%;
    background: #0073a2;
    position: absolute;
    top: 0;
    cursor: pointer;
    left: 0;
    border-radius: 10px;
}
.scroll_drag_txt.courseinfotxt {
    background: #ffd100;
}

f1.quote.courseinfo {
    font-family: 'Poppins', sans-serif;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.5px;
    color: #0073a2;
    position: relative;
    background: transparent;
    width: 100%;
    display: inline-block;
}

.header-courseinfo.closed {
    text-align: left;
/*    margin-bottom: 15vh;*/
}
.header-courseinfo.open {
    text-align: center;
    margin-bottom: 0;
}
@media (max-width: 991.98px) {
	.header-courseinfo.open, .header-courseinfo.closed {
		text-align: left;
	}
}

.img-bullet-fish {
    width: 40px;
}
.img-bullet-soul {
    width: 25px;
}

.bullet-fish {
    padding-right: 20px;
    vertical-align: top;
    position: relative;
}



.mt-bullet {
    margin-top: 15px;
}

.carat-icon {
    position: absolute;
    top: 40%;
    height: 20%;
    left: 90%;

    max-width: 14px;
    max-height: 7px;

    transition: 0.5s ease;
}
.carat-icon.closed {
    transform: rotate(0deg);
}
.carat-icon.open {
    transform: rotate(-180deg);
}

.scroll_bg_txt.faq {
    left: calc(100% - 6px);
}
.scroll_bg_txt.faq:hover, .scroll_bg_txt.faq.hovered, .scroll_bg_txt.team:hover, .scroll_bg_txt.team.hovered {
    left: calc(100% - 12px);
    width: 12px;
}




.load-gif {
    width: 400px;
}

.course_header {
    display: inline-block;
    position: relative;
    z-index: 1;
}
h3.course_header.online {
    color: #00adda;
}
@media (max-width: 991.98px) {
	h3.course_header {
		font-size: 40px;
	}
}

.icon-blopper-soul {
    position: relative;
    display: block;
    width: 100px;
}
@media (max-width: 991.98px) {
	.icon-blopper-soul, .icon-blopper {
		width: 17vw;
	}
}

span.aqua {
    color: #0073a2;
    font-weight: 700;
}

.scroll_bg_txt.teamlist, .scroll_bg_txt.teamlist:hover  {
    left: 5%;
}
@media (min-width: 2000px) {
	.scroll_bg_txt.teamlist, .scroll_bg_txt.teamlist:hover {
		left: 80px;
	}
}

.sidelist.team {
    width: 25%;
    overflow: auto;
    padding: 0;
    top: 0;
    height: calc(100% + 16px);
    -ms-overflow-style: none;
}

.btn-scale-list.team {
    z-index: 50;
}
.bad-adress-mobil {
	display: none;
	color: white;
	text-decoration: none;
}
@media (max-width: 991.98px) {
	.bad-adress-mobil {
		color: white;
		font-size: 4vw;
		font-family: 'Poppins', sans-serif;
		font-weight: 500;
		display: inline-block;
		line-height: 1.4em;
		text-decoration: none;
	}
	a.default > .col-bad-lg > .con-badinfo > .con-TN-txt > .bad-adress-mobil {
		color: white;
	}

}


.gif.route {
    position: absolute;
    height: 15vh;
    z-index: 1;
    right: 0;
    top: -10vh;
}

.btn-more-mobile {
    font-size: 15px;
    color: #0073a2;
    background: white;
    display: inline-block;
    padding: 10px 45px;
    border-radius: 5px;
    margin-top: 2em;
}


.start-icon {
    position: relative;
    display: inline-block;
    height: 50px;
}


h2.feedback {
    color: #0073a2;
    font-size: 25px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 2px;
}



.line {
    position: relative;
    width: 100%;
    height: 1px;
    margin-top: 20px;
    background: rgba(0,0,0,0.1);
}

f1.feedback {
    color: black;
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    font-weight: 500;
}

.con-feedback {
    position: relative;
    display: inline-block;
    width: 80%;
    padding: 7.5vh 0;
}

.quotes-bloppers {
    position: relative;
    display: inline-block;
    width: 50px;
    margin-top: 50px;
}

.trigger.closed, .trigger.active {
    position: fixed;
/*	-webkit-transform: translateZ(0);*/
    left: 5%;
    height: 100vh;
    background: transparent;
    width: 5vw;
    z-index: 50;
    top: 0;
    cursor: pointer;
    display: block;
}
.trigger.open, .trigger.inactive {
    display: none;
}
@media (max-width: 991.98px) {
    .trigger.open, .trigger.closed {
        display: none;
    }
}


.outline-scale {
    position: absolute;
    top: -10%;
    left: -10%;
    height: 120%;
    width: 120%;
    margin: auto;
    border-radius: 50%;
    border: 2px solid rgba(0,0,0,0.1);
}



.pop-container {
    position: fixed;
/*	-webkit-transform: translateZ(0);*/
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,0.7);
    top: 0;
    left: 0;
    z-index: 49;
}

label.custom {
    position: absolute;
    top: -9px;
    left: 20px;
    background: white;
    font-size: 13px;
    margin: 0;
    border-right: 5px solid white;
    border-left: 5px solid white;
    padding: 0;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    opacity: 1;
    z-index: 1;
    color: rgba(0,0,0,0.5);
}
input.form-control.is-valid:focus, select.form-control.is-valid:focus, input.form-control:focus, select.form-control:focus, textarea.form-control:focus {
    border: 2px solid #ffcd2a;
    box-shadow: 0;
    outline: none;
    -webkit-transition: border 0.5s ease;
    transition: border 0.5s ease;
      -webkit-box-shadow: none !important;
      -moz-box-shadow: none !important;
      box-shadow: none !important;
    background: none;
}
input.form-control:focus + label, #dropdownAnrede:focus + label, #dropdownAnrede:active + label, select.form-control:focus + label, textarea.form-control:focus + label {
    color: #ffcd2a;
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease;
}

.modal-news-icon {
    position: relative;
    width: 40%;
    left: 30%;
}

.book-menu {
	margin-top: -5vh;
	position: relative;
	height: 18vh;
	transition: 0.7s ease;
}
@media (max-width: 991.98px) {
    .book-menu {
        height: 25vh;
        position: relative;
        margin: 5vh 0 5vh;
    }
}

f1.quote {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.5px;
    color: #0073a2;
/*    color: #0073a2;*/
    position: relative;
    background: transparent;
    width: 100%;
    display: inline-block;
}
f1.quote.small {
	font-size: 12px;
}
@media only screen and (max-width: 991.98px), only screen and (max-device-width: 991.98px) {
	f1.quote.small {
		font-size: 10px;
	}
}

.a-breadcrumb {
    font-family: 'Poppins', sans-serif;
    color: #0073a2;
    font-weight: 500;
}
.a-breadcrumb:hover {
    color: #0073a2;
    text-decoration: none;
}

.breadcrumb {
    background: transparent;
}

.breadcrumb-item.active {
    opacity: 0.5;
}
.breadcrumb-item + .breadcrumb-item::before {
        content: ">";
}

.toggle-container {
	position: relative;
	display: none;
}

.toggle_btn {
	font-family: 'Poppins', sans-serif;
	color: #00adda;
	font-size: 15px;
	font-weight: 500;
	cursor: pointer;
	transition: 0.2s ease;
}
.toggle_btn.soul {
	color: #ffd100;
}
.toggle_btn:hover {
	font-weight: 600;
	color: #0073a2;
}
.toggle_btn.soul:hover {
	font-weight: 600;
	color: #d9b200;
}

.link-profile {
	color: #007bff;
	cursor: pointer;
}
.link-profile:hover {
	text-decoration: underline;
}

.kombi-soul:hover {
	cursor: pointer;
	color: #ffd100;
	text-decoration: none;
}
.kombi-aqua:hover {
	cursor: pointer;
	color: #0073a2;
	text-decoration: none;
}


a.kombi {
	color: black;
	text-decoration: none;
	transition: 0.3s ease;
	-webkit-transition: 0.3s ease;
	position: relative;
}

@media (max-width: 991.98px) {
    a.kombi.kombi-aqua {
        color: #0073a2;
    }
    a.kombi.kombi-soul {
        color: #ffd100;
    }
}

.dropdown-mobile-course {
	position: fixed;
/*	-webkit-transform: translateZ(0);*/
	height: 92%;
	top: 8%;
	left: 0;
	z-index: 100;
	background: rgba(0,0,0,0.5);
	width: 100%;
	padding: 2vh 10vw;
	display: none;
}
.li-item-courses.mobile {
	padding: 10px 0;
	border-left: 0;
	border-right: 0;
	color: #0073a2;
	background: white;
	margin: 1vh 0;
	padding: 10px 20px;
	text-align: center;
}

.mt-15 {
	margin-top: 15%;
}
.mb-15 {
	margin-bottom: 15%;
}

.icon-courseinfo-footer-mobil {
		display: inline-block;
		height: 40px;
		margin-left: 5px;
	}
@media (max-width: 991.98px) {
	.icon-courseinfo-footer-mobil {
		display: inline-block;
		height: 8vw;
		margin-left: 5px;
	}
}

.p-badall-txt {
	padding: 0 4vw;
}
@media (max-width: 991.98px) {
	.p-badall-txt {
		padding: 0 10vw;
	}
}

.btn-scroll-top {
	display: none;
}

.btn-scroll-top > .outline-scale {
	transition: 0.3s ease;
}
.btn-scroll-top:hover > .outline-scale {
	height: 130%;
	width: 130%;
	left: -15%;
	top: -15%;
}
@media (max-width: 991.98px) {
	.btn-scroll-top {
		height: 50px;
		width: 50px;
		border-radius: 50%;
		box-shadow: 2px 3px 10px rgba(0,0,0,0.2);
		background: #0073a2;
		position: fixed;
/*		-webkit-transform: translateZ(0);*/
		top: calc(85% - 25px);
		left: calc(95% - 50px);
		z-index: 3;
		cursor: pointer;
		display: none;
	}
}

.btn-scroll-top-img {
    position: absolute;
    height: 60%;
    width: 60%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);

    transition: 0.7s ease;
}

.water-34-icon.footer {
    position: absolute;
    bottom: auto;
    right: auto;
    width: 6.5vw;
    height: 6.5vw;
    bottom: 110%;
    left: -1vw;
    border-radius: 50%;
    background: #ffd100;
    transform: rotate(-15deg);
}
@media (max-width: 767.98px) {
    .water-34-icon.footer {
        width: 20vw;
        height: 20vw;
        left: 0.5vw;
    }
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .water-34-icon.footer {
        width: 10vw;
        height: 10vw;
        left: 0.5vw;
    }
}



.inset-con-scroll-txt.courselist {
	height: 100%;
	top: 0;
}
@media (max-width: 991.98px) {
	.inset-con-scroll-txt.courselist {
		position: absolute;
		height: 100%;
		top: 0;
	}
}

.con-halb-start {
	position: absolute;
	height: 100%;
	width: 50%;
	left: 0;
	top: 0;
	overflow: hidden;
}



.header_mobile_drop_kurs {
	font-family: 'Snubnose';
	color: white;
	font-size: 40px;
	position: relative;
	margin-bottom: 2vh;
}



.menu_news_overlay_txt {
	font-family: 'Snubnose';
	color: white;
	letter-spacing: 2px;
	font-size: 25px;
	display: inline-block;
	font-weight: 700;
	margin-top: 2%;
}

.sub_txt_news {
	font-family: 'Poppins', sans-serif;
	color: white;
	font-size: 15px;
	font-weight: 500;
}






.send_request {
	position: relative;
	z-index: -1000;
	height: 0;

}

.dropdown-mobile-course-desktop {
	position: fixed;
/*	-webkit-transform: translateZ(0);*/
	height: 100%;
	top: 0;
	left: 0;
	z-index: 100;
	background: rgba(0,0,0,0.5);
	width: 70%;
	left: 30%;
	padding: 2vh 10vw;
	display: none;
	transition: 0.7s ease;
}
@media (max-width: 991.98px) {
	.dropdown-mobile-course-desktop {
		display: none;
	}
}
.dropdown-mobile-course-desktop.open {
	width: 70%;
	left: 30%;
}

.dropdown-mobile-course-desktop.closed {
	width: 95%;
	left: 5%;
}

.attention {
	position: fixed;
	width: 0;
	height: 0;
	background: white;
	opacity: 0.4;
	border-radius: 50%;
	z-index: 1;
	left: 2.5%;
	top: calc(2% + 1.25vw);
}

.wrapper {
	position: relative;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
}

@media (max-width: 991.98px) {
	.wrapper {
		height: 92vh;
		top: 8vh;
		overflow: auto;
	}
}

.overflow-mobile {
	overflow: hidden;
}

@media (max-width: 991.98px) {
	.overflow-mobile {
		overflow: hidden;
	}
}

.cookie-footer {
	position: fixed;
	height: 100vh;
	width: 100vw;
	background: rgba(0,0,0,0.4);
	align-items: flex-end;
	justify-content: center;
	z-index: 1000;
	top: 0;
	left: 0;
	color: #4d4d4d;
	display: none;
}
@media (max-width: 991.98px) {
	.cookie-footer {
		align-items: center;
	}
}

.cookie-footer.fadeInCookie {
	display: flex;
}

.inside_cookie {
	width: 90%;
	border-radius: 20px;
	box-shadow: 5px 3px 5px rgba(0,0,0,0.3);
/*	padding: 3vw 3vw 2vw 3vw;*/
	background: white;
	max-height: 60vh;
	overflow: auto;
	bottom: 5vh;
	position: relative;
}
@media (max-width: 991.98px) {
	.inside_cookie {
		bottom: 0;
		max-height: 90vh;
	}
}

.cookie_img {
	height: 15vh;
	display: inline-block;
	margin-right: 2vw;
}
@media (max-width: 991.98px) {
	.cookie_img {
		margin-right: 0;
	}
}

.btn-cookie {
	display: inline-block;
	width: 100%;
}

.more_cookie_info {
	background: #f7f7f7;
	padding: 3vw 3vw 2vw 3vw;
/*	display: inline-block;*/
	display: none;
	text-align: left;
}

.info_cookie {
	padding: 3vw 3vw 2vw 3vw;
	display: flex;
	flex-direction: row;
	text-align: left;
}
@media (max-width: 991.98px) {
	.info_cookie {
		text-align: center;
		flex-direction: column;
	}
}

.booking_extra_info {
	width: 50%;
	margin-top: 2vh;
}
@media (max-width: 991.98px) {
	.booking_extra_info {
		width: 90%;
		left: 5%;
		position: relative;
	}
}

.cookie_btns {
	text-align: left;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	width: 50%;
	white-space: nowrap;
}
@media (max-width: 991.98px) {
	.cookie_btns {
		width: 100%;
		margin-left: 0 !important;
	}
}


.cookies_deactivated {
	display: none;
}
.cookies_deactivated.off {
	display: inline-block;
}

bold {
	font-weight: 600;
}

.overlay-googlemaps {
    background-image: url('../img/Bad/FuerstenriedWest/GoogleMaps_FuerstenriedWest.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
}

.activate-google {
    background: rgba(0,115,162,.7);
    z-index: 100;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-family: 'Snubnose';
    letter-spacing: 1px;
    font-size: 20px;
}

.ausbildung_preview {
    max-height: calc(3*24px);
    overflow: hidden;
    line-height: 24px !important;
    position: relative;
    transition: max-height .7s ease-in-out;
}
.ausbildung_preview.open {
    max-height: 3000px;
}

.ausbildung_preview::after {
    content: '';

    position: absolute;
    bottom: 0;
    right: 0;
    height: 24px;
    width: 75%;
    background: linear-gradient(90deg, transparent, white);
}

.ausbildung_preview.open::after {
    display: none;
}

.btn-readmore-ausbildung {
    font-weight: 400;
    color: #0073a2;
    font-size: 14px;
    font-family: 'Poppins', sans-serif;
    padding: 5px 0;
    cursor: pointer;
    position: relative;
    display: inline-block;
}
.btn-readmore-ausbildung::after {
    content: '';
    height: 2px;
    width: 0;
    position: absolute;
    right: 0;
    top: 90%;
    background: #0073a2;
    transition: width .3s ease;
}

.btn-readmore-ausbildung:hover::after {
    width: 100%;
    left: 0;
}

.container-20-year {
    opacity: 0;
    position: absolute;
    left: 40%;
    height: 60%;
    top: 40%;
}

.animation-20years.mobile {
    display: none;
}



@media (max-width: 991.98px) {
    .animation-20years.desktop {
        display: none;
    }
    .animation-20years.mobile {
        display: block;
    }
    .container-20-year {
        top: 30%;
    }
}

.animation-20years {
    position: relative;
    height: 100%;
}

.timetable {
    position: relative;
    height: 100vh;
    width: 100%;
    top: 0;
}

.hover_soul, .hover_aqua {
    position: relative;
}

.hover_soul::after {
    background: #ffd100;
}

.hover_aqua::after {
    background: #0073a2;
}

.hover_soul::after, .hover_aqua::after {
    content: '';
    height: 2px;
    width: 0;
    position: absolute;
    top: 100%;
    right: 0;

    transition: .7s ease;
}

.hover_soul:hover::after, .card-header.hover_soul.open::after, .hover_aqua:hover::after, .card-header.hover_aqua.open::after {
    width: 100%;
    left: 0;
}