:root{--doc-height: 100vh;--doc-width: 100vw;--content-height: calc(var(--doc-height) - 6em);--card-height: calc(var(--content-height) * 0.85);--card-width: calc(var(--card-height) * 0.425);--card-topmargin: calc((var(--content-height) - var(--card-height)) * 0.2);--card-radius: calc(var(--card-height) * 0.05)}.cards{width:100%;position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-flex:inherit;-ms-flex-positive:inherit;flex-grow:inherit;overflow-x:hidden;margin-top:calc((var(--content-height) - var(--card-height)) * 0.55)}.card{width:var(--card-width);margin:var(--card-topmargin) auto;background-color:#252525;border:1px solid #2c2c2c;border-radius:var(--card-radius);-webkit-box-shadow:8px 8px 12px rgba(0,0,0,0.125),16px 16px 22px rgba(0,0,0,0.04);box-shadow:8px 8px 12px rgba(0,0,0,0.125),16px 16px 22px rgba(0,0,0,0.04);overflow:hidden}.cardhead{width:100%;height:calc(var(--card-height) * 0.15);opacity:0.85}.cardcontent{width:100%;padding:6% 6% 6% 6%;background-color:#252525}.cardcontent h4,.cardcontent h6,.cardcontent p{text-align:center}.cardcontent h6{margin-top:1.5rem}.cardcontent p{margin-top:0.75rem}.icon1,.icon2,.icon3,.icon4{width:100%;height:100%;background-size:20%;background-repeat:no-repeat;background-position:center center}.icon1{background-color:#cf8657;background-image:url("../svg/schulung-w.svg")}.icon2{background-color:#657ea3;background-image:url("../svg/werbung-w.svg")}.icon3{background-color:#bb7d82;background-image:url("../svg/3ddesign-w.svg")}.icon4{background-color:#598296;background-image:url("../svg/code-w.svg")}.brightmode .card{background-color:#e5e5e5;border:1px solid #d6d6d6}.brightmode .cardcontent{background-color:#e5e5e5}@media (max-width: 1920px){.cardcontent h6{margin-top:0.75rem}.cardcontent p{margin-top:0.3rem}}@media (max-width: 1024px){.cards{margin-top:0}.card{width:calc(var(--card-width) * 1.45);margin:var(--card-topmargin) auto;border-radius:var(--card-radius)}.cardhead{height:calc(var(--card-height) * 0.175)}.icon1,.icon2,.icon3,.icon4{background-size:16%}}@media (max-width: 980px){.cards{width:90%;display:block;position:relative;margin:1rem auto}.card{width:80%;height:auto;margin:calc(var(--card-topmargin) * 2) auto;border-radius:var(--card-radius)}.cardhead{height:calc(var(--card-height) * 0.16)}.cardcontent{padding:6% 5% 6% 5%}.icon1,.icon2,.icon3,.icon4{background-size:14%}}@media (max-width: 540px){.card{width:90%;height:auto;margin:calc(var(--card-topmargin) * 2) auto;border-radius:var(--card-radius)}.icon1,.icon2,.icon3,.icon4{background-size:16%}}@media (max-width: 480px){.card{width:95%;height:auto;margin:calc(var(--card-topmargin) * 2) auto;border-radius:var(--card-radius)}.icon1,.icon2,.icon3,.icon4{background-size:14%}}@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){.cards{height:auto;width:100vw;margin-top:0}.card{width:350px;height:605px;margin:6% auto;border:1px solid #2c2c2c;border-radius:26px;overflow:hidden}.cardhead{width:100%;height:20%}.cardcontent{width:100%;height:80%;background-color:#252525;padding:6% 7% 4% 6%}.cardcontent h3,.cardcontent h6{text-align:center}.icon1,.icon2,.icon3,.icon4{width:100%;height:100%;background-size:22%;background-repeat:no-repeat;background-position:center center}}