.col-lg-2{flex:0 0 15.666667%;max-width:15.666667%}
body.noscroll{overflow:hidden;padding-right:.9vw}
body.noscroll .displayed-content{pointer-events:none}
.main-img-wrapper{position:absolute;z-index:-1;width:100%}
.benefits-details{padding-right:13.5vw;margin-top:5vw;font-weight:500}
.benefits{margin-top:6vw}
.desc{width:30.2vw;max-width:31vw}
.desc h2{line-height: 1.1;}
.ou .desc{width:41vw;max-width:41vw}
.desc::after{top:40%}
.benefit{position:relative;font-size:calc(2vw + 1px);margin-bottom:1vw}
.course-hidden-desc .bold{margin-top:1vw}
.benefit::after{top:-.85vw;transform:rotate(90deg);right:-2vw}
.main-content{padding:0}
.main-img-wrapper img{width:100%;max-height:40em;object-fit:cover}
.benefits-img-wrapper img{width:100%}
img{width:40%}
/*iconboxes*/
#icons{display: flex;text-align: center;justify-content: space-around;margin-top: 10vw;}
#icons .iconbox{flex: 0 0 15%;}
#icons .iconbox img{width: 6rem;}
#icons .iconbox .text p{font-size: 1.5rem;margin-top: 2rem;}
/*iconboxes*/
.course-hidden-desc p a{color:#0a0f2d}
.course-hidden-desc p a:hover{text-decoration:underline}
.header{height:33.3vw}
.section-title-wrapper h2{margin:2vw 4vw}
.section-title-wrapper h2{font-size:calc(4vw + 1px)}
.section-title-wrapper::after{top:6vw;left:4.3vw}
.desc h2 .desktop,.desc p .desktop{display:inline-block}
.courses-content{background-color:#0a0f2d;color:#fff;margin-top:2vw;padding-bottom:3vw}
.courses-content-row{padding-top:2vw;justify-content:center}
.c-title{padding:1em 6em 0 0}
.displayed-content{text-align:center;display:flex;flex-direction:column;justify-content:flex-end;height:8vw;color:#fff}
.displayed-content:hover{color:#fff}
.displayed-content:hover .course-content-toggle{transform:scale(1.2) rotate3d(0,10,0,180deg);transform-origin:center}
a:hover{text-decoration:none}
.course-title{font-size:calc(2vw + 1px);line-height:1;position:relative}
.course-sublitle{font-size:calc(1vw + 1px)}
.course-content-toggle{font-size:calc(3vw + 1px);line-height:.6;transition:all .5s ease-in-out}
.course{position:relative}
.hidden-content{position:absolute;background-color:#fff;color:#0a0f2d;width:33vw;display:none;margin:1vw;z-index:99999;right:2vw}
.hidden-content.active{position:fixed;bottom:50%;right:50%;transform:translate(50%,50%)}
.error_msg{display:none;color:red}
.error~.error_msg{display:block;position:absolute;left:.3vw;z-index:99;top:0}
#takanon_cb-error{top:.5vw}
.course-header{position:relative}
.course-header .close{position:absolute;left:.5em;bottom:50%;transform:translateY(50%);color:#0a0f2d;font-weight:700;opacity:1;padding:.5em;text-shadow:none}
.course-hidden-title{padding:.8vw;position:relative}
.course-hidden-title::after{display:none;content:"";position:absolute;right:6%;bottom:100%;width:0;height:0;border-left:20px solid transparent;border-right:20px solid transparent;border-bottom:20px solid #e8e8e8;clear:both}
.course-hidden-desc{padding:.8vw}
.course-hidden-title.pink-bg::after{border-bottom:20px solid #ff3fbf}
.course-hidden-title.azure-bg::after{border-bottom:20px solid #3ff}
.course-hidden-title.orange-bg::after{border-bottom:20px solid #ff6d2b}
.course-hidden-title.yellow-bg::after{border-bottom:20px solid #ced31c}
.course-hidden-desc p{position:relative;padding-right:3vw;padding-bottom:1vw;font-size:calc(1vw + 1px)}
.course-hidden-desc p::before{content:"";background-size:2vw;background-repeat:no-repeat;height:1.2vw;width:2vw;top:32%;right:0;z-index:999;position:absolute;transform:translateY(-50%)}
.pink-before::before{background-image:url(../images/pink_icon.png)}
.azure-before::before{background-image:url(../images/azure_icon.png)}
.yellow-before::before{background-image:url(../images/yellow_icon.png)}
.orange-before::before{background-image:url(../images/orange_icon.png)}
.ou h1{margin-right:9.3vw;padding-top:4em;min-height:6em;margin-bottom:.5em}
.ou .benefits-details{display:flex;max-width:100%;flex:0 0 100%}
.ou .benefits-details{display:flex;max-width:100%;flex:0 0 100%;padding-right:10em;margin-top:6em}
.ou .benefit{flex:0 0 29%;font-size:1.4em;margin-left:2em}
.ou .desc p{font-size:calc(1.6vw + 1px)}
.ou .benefit::after{top:-3vw;right:1.6vw}
.ou .logo-wrapper .ou-logo{display:flex;flex-direction:column;align-content:center;align-items:center}
.ou .logo-wrapper{display:flex;margin-top:1em;align-items:center}

.ou .logo-wrapper .ou-notice{font-size:calc(.8vw + 1px);line-height:.8;max-width:6em}
.ou .c2c-wrapper{text-align:center}
.ou .int-logo{display:block;width:100%}
.ou .logo-wrapper img{width:6vw}
.mobile{display:none}
.flach{display:none}
@media (max-width:1000px){
    /*iconboxes*/
#icons{display: flex;text-align: center;justify-content: center;margin-top: 10vw;flex-wrap: wrap;}
#icons .iconbox{flex: 0 0 45%;}
#icons .iconbox img{width: 6rem;}
#icons .iconbox .text p{font-size: 1.5rem;margin-top: 1rem;margin-bottom: 2rem;}
/*iconboxes*/
.flach{display:flex;justify-content: space-between;width: 85%;}
.page-id-46 .flach{width: 89%;}
.mobile{display:block}
.benefits-details{padding-right:4.4em;margin-top:1.5em}
.benefit{position:relative}
.benefits-img-wrapper{text-align:center;margin-top:1em}
.benefit::after{top:-.6em;transform:rotate(90deg);right:-1.4em;background-size:.9em}
.benefits-details p{font-size:1.2em}
.main-content{padding:0}
.main-img-wrapper img{width:100%}
.benefits-img-wrapper img{width:92%}
.section-title-wrapper h2{margin:.2em 1.15em 1.5em}
.section-title-wrapper h2{font-size:2em}
.section-title-wrapper::after{top:2.7em;left:2.5em;background-size:1em}
.courses-content{background-color:#0a0f2d;color:#fff;margin-top:3vw;padding-bottom:3vw}
.courses-content-row{padding-top:2vw;justify-content:center}
.displayed-content{text-align:center;display:flex;flex-direction:column;justify-content:flex-end;height:fit-content;color:#fff}
.c-title{padding:1em 2em 0 0}
.header{height:initial}
a:hover{color:#fff;text-decoration:none}
.course-title{font-size:1.3em;line-height:1;position:relative;margin-top:1em}
.course-sublitle{font-size:1.1em;margin-bottom:1em}
.course-content-toggle{font-size:2.5em;line-height:0;margin-bottom:.9em}
.col-6{flex:0 0 45%;max-width:45%}
.course{position:initial;z-index:99}
.error_msg{display:none}
.error~.error_msg{display:block;color:red;position:absolute;left:.7em;top:.3em;font-size:.9em}
#takanon_cb-error{top:.6em}
.course-header{position:relative}
h1{padding-top:3.4em}
.course-header .close{position:absolute;left:.1em;bottom:50%;transform:translateY(50%);font-weight:500;opacity:1;padding:0;font-size:3em;top:-.7em}
.hidden-content{position:absolute;background-color:#fff;color:#0a0f2d;width:22em;display:none;z-index:999;right:.8em}
.hidden-content.active{position:fixed;bottom:50%;right:50%;transform:translate(50%,50%)}
.desc{box-shadow:none;border:1px solid #0a0f2d}
.desc h2 img,.desc p img{width:1.4em;height:auto}
.desc p img{margin-top:-.7em}
.course-hidden-title{padding:.8vw;position:relative;padding-right:.5em}
.course-hidden-desc{padding:.8vw}
.desc{width:90%;max-width:90%}
.ou .desc{width:90%;max-width:90%}
.course-hidden-title.pink-bg::after{border-bottom:20px solid #ff3fbf}
.course-hidden-title.azure-bg::after{border-bottom:20px solid #3ff}
.course-hidden-title.orange-bg::after{border-bottom:20px solid #ff6d2b}
.course-hidden-title.yellow-bg::after{border-bottom:20px solid #ced31c}
.course-hidden-desc p{position:relative;padding-right:2em;padding-bottom:.8em;width:21em;font-size:1em}
.course-hidden-desc p::before{content:"";background-size:1.2em;background-repeat:no-repeat;height:.8em;width:1.4em;top:50%;right:0;z-index:999;position:absolute;transform:translateY(-50%)}
.ou .benefits-details{max-width:80%;padding-right:0;margin-top:3em;flex-direction:column;margin:3em auto}
/* .desc h2 .mobile{position:absolute;display:inline-block;bottom:.1em;left:2.2em} */
.desc p .mobile{position:relative;display:inline-block;height:1.4em}
.desc h2,.desc p{position:relative}
.ou h1{margin-right:initial;padding-top:2.5em;min-height:4.8em;margin-bottom:0;width:90%;margin:0 auto}
.ou .benefit{flex:0 0 45%;font-size:1.2em;margin-left:-1em}
.ou .benefit::after{top:-1.85em;right:1em}
.ou .logo-wrapper img{width:4em}
.ou .logo-wrapper .ou-notice{font-size:.7em}
.ou .main-img-wrapper img{max-height:15em}
.ou .desc p{font-size:1em}
}