.alignnone{margin:5px 20px 20px 0}.aligncenter,div.aligncenter{display:block;margin:5px auto}.alignright{float:right;margin:5px 0 20px 20px}.alignleft{float:left;margin:5px 20px 20px 0}a img.alignright{float:right;margin:5px 0 20px 20px}a img.alignleft,a img.alignnone{margin:5px 20px 20px 0}a img.alignleft{float:left}a img.aligncenter{display:block;margin-left:auto;margin-right:auto}p{margin:0 0 1em}.wp-caption{background:#fff;border:1px solid #f0f0f0;max-width:96%;padding:5px 3px 10px;text-align:center}.wp-caption.alignleft,.wp-caption.alignnone{margin:5px 20px 20px 0}.wp-caption.alignright{margin:5px 0 20px 20px}.wp-caption img{border:0;height:auto;margin:0;max-width:98.5%;padding:0;width:auto}.wp-caption p.wp-caption-text{font-size:11px;line-height:17px;margin:0;padding:0 4px 5px}.screen-reader-text{clip:rect(1px,1px,1px,1px);word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px}.screen-reader-text:focus{clip:auto!important;background-color:#eee;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}figcaption{font-size:12px}.wp-block-button .wp-block-button__link{align-items:center;background-color:#004eb4;border-radius:0;color:#fff;display:inline-flex;font-size:clamp(12px,3.2vw,16px);font-weight:700;height:clamp(40px,10.6666666667vw,51px);justify-content:center;text-decoration:none;transform:rotate(-1deg);transition:transform .2s ease-out;white-space:nowrap}.wp-block-button .wp-block-button__link span{transform:rotate(1deg)}.wp-block-button .wp-block-button__link:hover{background-image:linear-gradient(90deg,#0059ce,#fe2988);transform:translateY(-2px) rotate(-1deg)}.wp-block-button .wp-block-button__link:active{transform:translateY(0) rotate(-1deg)}h2{color:#004eb4;margin-bottom:.5em;margin-top:.5em}.wrap-iframe{background:#e7f1ff;line-height:0;margin:0 calc(50% - 50vw)!important;max-width:none!important;width:100vw!important}/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */.hamburger{background-color:#0000;border:0;color:inherit;cursor:pointer;display:inline-block;font:inherit;margin:0;overflow:visible;padding:0;text-transform:none;transition-duration:.15s;transition-property:opacity,filter;transition-timing-function:linear}.hamburger.is-active:hover,.hamburger:hover{opacity:1}.hamburger.is-active .hamburger-inner,.hamburger.is-active .hamburger-inner:after,.hamburger.is-active .hamburger-inner:before{background-color:#fff}.hamburger-box{display:inline-block;height:19px;position:relative;width:30px}.hamburger-inner{display:block;margin-top:-1.5px;top:50%}.hamburger-inner,.hamburger-inner:after,.hamburger-inner:before{background-color:#fff;border-radius:0;height:3px;position:absolute;transition-duration:.15s;transition-property:transform;transition-timing-function:ease;width:30px}.hamburger-inner:after,.hamburger-inner:before{content:"";display:block}.hamburger-inner:before{top:-8px}.hamburger-inner:after{bottom:-8px}.hamburger--spin .hamburger-inner{transition-duration:.22s;transition-timing-function:cubic-bezier(.55,.055,.675,.19)}.hamburger--spin .hamburger-inner:before{transition:top .1s ease-in .25s,opacity .1s ease-in}.hamburger--spin .hamburger-inner:after{transition:bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19)}.hamburger--spin.is-active .hamburger-inner{transform:rotate(225deg);transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1)}.hamburger--spin.is-active .hamburger-inner:before{opacity:0;top:0;transition:top .1s ease-out,opacity .1s ease-out .12s}.hamburger--spin.is-active .hamburger-inner:after{bottom:0;transform:rotate(-90deg);transition:bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s}.menu-open .hamburger-inner,.menu-open .hamburger-inner:after,.menu-open .hamburger-inner:before,.menu-open .hamburger.is-active .hamburger-inner,.menu-open .hamburger.is-active .hamburger-inner:after,.menu-open .hamburger.is-active .hamburger-inner:before,.page:not(.home) .hamburger-inner,.page:not(.home) .hamburger-inner:after,.page:not(.home) .hamburger-inner:before,.page:not(.home) .hamburger.is-active .hamburger-inner,.page:not(.home) .hamburger.is-active .hamburger-inner:after,.page:not(.home) .hamburger.is-active .hamburger-inner:before,.scrolled .hamburger-inner,.scrolled .hamburger-inner:after,.scrolled .hamburger-inner:before,.scrolled .hamburger.is-active .hamburger-inner,.scrolled .hamburger.is-active .hamburger-inner:after,.scrolled .hamburger.is-active .hamburger-inner:before,.single-beruf .hamburger-inner,.single-beruf .hamburger-inner:after,.single-beruf .hamburger-inner:before,.single-beruf .hamburger.is-active .hamburger-inner,.single-beruf .hamburger.is-active .hamburger-inner:after,.single-beruf .hamburger.is-active .hamburger-inner:before,.single-post .hamburger-inner,.single-post .hamburger-inner:after,.single-post .hamburger-inner:before,.single-post .hamburger.is-active .hamburger-inner,.single-post .hamburger.is-active .hamburger-inner:after,.single-post .hamburger.is-active .hamburger-inner:before{background-color:#10243e}#header{display:grid;grid-template-areas:"logo hamburger" "menu menu" "social social";grid-template-columns:242px 1fr;left:0;max-height:126px;padding:12px 24px 12px 14px;position:fixed;right:0;top:0;transition:max-height .3s ease-out;z-index:10;z-index:10000}#header :focus-visible{outline:3px solid #fe107a;outline-offset:3px}#header:before{background-color:#eef3facc;content:"";display:block;height:100%;left:0;position:absolute;top:0;transform:translateY(-100%);transition:transform .2s ease-out;width:100%}.scrolled #header:before{transform:translateY(0)}.menu-open #header:before{display:none}@media(min-width:720px){#header{grid-template-areas:"logo social hamburger" "menu menu menu";grid-template-columns:407px 1fr 30px}}#header>*{position:relative;z-index:1}.menu-open #header{background-color:#fff;grid-template-rows:min-content auto min-content;height:100%;max-height:100%;overflow:auto;overscroll-behavior:contain}@media(min-width:720px){.menu-open #header{grid-template-rows:min-content auto}}#header .logo{grid-area:logo;-ms-grid-column:1;-ms-grid-row:1}#header .logo svg{display:block;height:auto;width:100%}#header .hamburger{align-self:center;grid-area:hamburger;-ms-grid-column:2;-ms-grid-row:1;justify-self:end}#header .social{-ms-grid-column-span:2;display:none;gap:1rem;grid-area:social;-ms-grid-column:1;-ms-grid-row:3;list-style:none}.menu-open #header .social{align-self:center;animation:fromRight .3s ease-out 1.6s;animation-fill-mode:both;display:flex;justify-self:center}@media(min-width:720px){.menu-open #header .social{animation:none;justify-self:end}#header .social{align-self:center;border-right:1px solid #fff;display:flex;justify-self:end;margin-right:2rem;padding-right:2rem}.menu-open #header .social,.page #header .social,.scrolled #header .social,.single-beruf #header .social,.single-post #header .social{border-right:1px solid #10243e}}#header .social a{display:flex}#header .social a:not(:first-child){margin:0 0 0 22px}@media(min-width:720px){#header .social a{color:#fff}}.menu-open #header .social a,.page:not(.home) #header .social a,.scrolled #header .social a,.single-beruf #header .social a,.single-post #header .social a{color:#10243e}#header .social svg{display:block;height:auto;width:40px}#header .menu-header{-ms-grid-column-span:2;display:none;grid-area:menu;-ms-grid-column:1;-ms-grid-row:2}@media (min-width:720px){#header .logo{-ms-grid-column:1;-ms-grid-row:1}#header .hamburger{-ms-grid-column:3;-ms-grid-row:1}#header .social{-ms-grid-column-span:1;-ms-grid-column:2;-ms-grid-row:1}#header .menu-header{-ms-grid-column-span:3;-ms-grid-column:1;-ms-grid-row:2}}.menu-open #header .menu-header{align-self:center;display:block;justify-self:center}#header .menu-header ul{justify-self:center;list-style:none;margin:clamp(18px,6.1016949153vw,72px) 0 0}#header .menu-header li{margin:0 0 clamp(36px,3.0508474576vw,89px)}.menu-open #header .menu-header li:first-of-type{animation:fromLeft .3s ease-out;animation-delay:.5s;animation-fill-mode:both}.menu-open #header .menu-header li:nth-of-type(2){animation:fromLeft .3s ease-out;animation-delay:.7s;animation-fill-mode:both}.menu-open #header .menu-header li:nth-of-type(3){animation:fromLeft .3s ease-out;animation-delay:.9s;animation-fill-mode:both}.menu-open #header .menu-header li:nth-of-type(4){animation:fromLeft .3s ease-out;animation-delay:1.1s;animation-fill-mode:both}.menu-open #header .menu-header li:nth-of-type(5){animation:fromLeft .3s ease-out;animation-delay:1.3s;animation-fill-mode:both}.menu-open #header .menu-header li:nth-of-type(6){animation:fromLeft .3s ease-out;animation-delay:1.5s;animation-fill-mode:both}.menu-open #header .menu-header li:nth-of-type(7){animation:fromLeft .3s ease-out;animation-delay:1.7s;animation-fill-mode:both}.menu-open #header .menu-header li:nth-of-type(8){animation:fromLeft .3s ease-out;animation-delay:1.9s;animation-fill-mode:both}.menu-open #header .menu-header li:nth-of-type(9){animation:fromLeft .3s ease-out;animation-delay:2.1s;animation-fill-mode:both}.menu-open #header .menu-header li:nth-of-type(10){animation:fromLeft .3s ease-out;animation-delay:2.3s;animation-fill-mode:both}#header .menu-header a{color:#10243e;display:block;font-size:clamp(24px,6.4vw,52px);font-weight:700;text-align:center;text-decoration:none}body:not(.home) #header a{color:#10243e}body:not(.home) #header svg path{fill:#10243e}body:not(.home) #header .hamburger-inner,body:not(.home) #header .hamburger-inner:after,body:not(.home) #header .hamburger-inner:before{background-color:#10243e}#skip-to-content{background-color:#fff;-ms-box-shadow:var(--wp--preset--shadow--small);-o-box-shadow:var(--wp--preset--shadow--small);box-shadow:var(--wp--preset--shadow--small);color:#10243e;left:1rem;opacity:0;padding:1rem;position:fixed;top:4em;transform:translate(-100%);z-index:99999}#skip-to-content:focus,#skip-to-content:focus-visible{opacity:1;transform:translate(0)}body{padding-top:100px}body .page{display:flex;flex-direction:column;padding-inline:1rem}body .page h1{margin-bottom:1.5rem}@media(min-width:1024px){body .page{padding-inline:15rem}}@media(min-width:640px){body{padding-top:150px}}body.is--locked{overflow:hidden}.dein-weg{align-items:center;background-color:#004eb4;display:flex;margin:0;max-width:unset;padding:64px 0 83px;position:relative}.dein-weg .background{background-attachment:scroll;background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;left:0;opacity:.12;position:absolute;top:0;width:100%;z-index:0}@media(min-width:1024px){.dein-weg .background{background-attachment:fixed}}.dein-weg .background~*{position:relative;z-index:1}.dein-weg .container{position:relative}.dein-weg .container>strong{color:#fff;font-size:clamp(12px,3.2vw,14px);font-weight:500;margin:0 0 6px;text-transform:uppercase}.dein-weg .container h2{color:#fff;font-size:clamp(32px,8.5333333333vw,49px);font-weight:700;margin:0 0 24px;position:relative}.dein-weg .container svg{position:absolute;right:0;top:-32px;transform:rotate(29deg);transform-origin:top right;width:80px}@media(orientation:landscape){.dein-weg .container svg{bottom:-151px;top:auto;width:150px}.dein-weg .etappen{display:flex;justify-content:space-between;padding:0 0 0 60px}}.dein-weg .etappen .etappe{height:100%;margin:0 0 39px}@media(orientation:landscape){.dein-weg .etappen .etappe{display:flex;flex:0 1 233px;flex-direction:column;margin:0}.dein-weg .etappen .etappe:not(:first-child){margin-left:26px}.dein-weg .etappen .etappe:nth-child(3n+3){height:calc(100% + 57px);margin-top:-57px}.dein-weg .etappen .etappe:nth-child(3n+2){height:calc(100% - 61px);margin-top:61px}}.dein-weg .etappen .etappe h3{color:#fff;font-size:clamp(18px,4.8vw,22px);font-weight:700;line-height:1;margin:0 0 24px;position:relative}.dein-weg .etappen .etappe h3:before{background-color:#ff969c;border-radius:50%;content:"";display:block;height:clamp(44px,11.7333333333vw,53px);position:absolute;width:clamp(44px,11.7333333333vw,53px)}.dein-weg .etappen .etappe h3 span:first-of-type{font-size:clamp(49px,13.0666666667vw,60px);margin:0 10px 0 13px;position:relative;top:8px;z-index:1}.dein-weg .etappen .etappe p{color:#fff;font-size:clamp(14px,3.7333333333vw,18px);line-height:clamp(18px,4.8vw,21px);margin-bottom:28px}.dein-weg .etappen .etappe img{height:auto;max-width:100%;opacity:0;transform:scale(1.1);transition:opacity 1s ease-out,transform 1s ease-out}.dein-weg .etappen .etappe img.in-viewport{opacity:1;transform:scale(1)}.dein-weg a{background-color:#fff!important;color:#004eb4!important}.dein-weg a:hover{background-image:linear-gradient(90deg,#0059ce,#fe2988)!important;color:#fff!important;transform:translateY(-2px) rotate(-1deg)}@keyframes fromLeft{0%{opacity:0;transform:translateX(-200%)}to{opacity:1;transform:translateX(0)}}@keyframes fromRight{0%{opacity:0;transform:translateX(200%)}to{opacity:1;transform:translateX(0)}}@keyframes shrinkIn{0%{opacity:0;transform:scale(1.5)}to{opacity:1;transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.single-beruf .wp-block-gallery{margin-bottom:2em;margin-top:2em;position:relative}.single-beruf .wp-block-gallery .wp-block-image:after,.single-beruf .wp-block-gallery .wp-block-image:before{display:none}#berufswahl{flex-direction:column;gap:2em;padding:25px 0}#berufswahl :focus-visible{outline:3px solid #fe107a;outline-offset:3px}@media(orientation:landscape){#berufswahl{padding:64px 0 83px}}#berufswahl .activeSign{background-color:#e40167;height:100%;left:0;position:absolute;top:0;transition:all .5s cubic-bezier(.23,1,.32,1);width:6em;z-index:0}#berufswahl a{align-items:center;background-image:#004eb4;border-radius:0;color:#fff;display:inline-flex;font-size:clamp(12px,3.2vw,16px);font-weight:700;grid-area:cta;-ms-grid-column:1;-ms-grid-row:4;height:clamp(40px,10.6666666667vw,51px);justify-content:center;text-decoration:none;transform:rotate(-1deg);transition:transform .2s ease-out;white-space:nowrap;width:clamp(200px,53.3333333333vw,255px)}#berufswahl a:hover{background-image:linear-gradient(90deg,#0059ce,#fe2988);transform:translateY(-2px) rotate(-1deg)}@media(orientation:landscape){#berufswahl .container{display:grid;grid-template-areas:"title tabbar" "tabs tabs";grid-template-columns:1fr 1fr;grid-template-rows:min-content min-content auto}}#berufswahl .container .headline-container>strong{color:#e40167;display:block;font-size:clamp(1.25em,2.5vw,2em);font-weight:700;margin:0 0 10px}@media(min-width:768px){#berufswahl .container .headline-container>strong{margin:0 0 10px}}#berufswahl .container .headline-container>strong:after{background-color:#10243e;content:"";display:block;height:2px;margin:16px 0 0;width:74px}#berufswahl .container h1{color:#10243e;font-size:clamp(1.5em,3vw,3em);font-weight:700;margin:0 0 11px}@media(orientation:landscape){#berufswahl .container .headline-container{grid-area:title}}#berufswahl .container .tabs-container{align-items:flex-start;display:flex;flex-direction:column;margin:12px 0 17px;position:relative}@media(orientation:landscape){#berufswahl .container .tabs-container{align-self:start;grid-area:tabbar;justify-self:start}}#berufswahl .container .tabs-container>div{display:flex;flex-wrap:wrap;gap:.5em;margin-bottom:24px;position:relative}#berufswahl .container .tabs-container>div .group{display:flex;flex-wrap:wrap;gap:1em}#berufswahl .container .tabs-container>div [role=tab]{appearance:none;background:#0000;border:2px solid #0000;color:#10243e;cursor:pointer;font-size:clamp(12px,3.2vw,14px);font-weight:700;hyphens:auto;line-height:1.3;padding:.5em 1em;position:relative;text-align:left;transition:all .5s cubic-bezier(.23,1,.32,1);white-space:normal;z-index:1}#berufswahl .container .tabs-container>div [role=tab][aria-selected=true]{background:#0000;border-color:#0000;color:#fff;cursor:default}#berufswahl .container .tabs-container .main-tabs [role=tab]{background:#0000;border-color:#10243e;color:#10243e}#berufswahl .container .tabs-container .main-tabs [role=tab][aria-selected=true]{background:#0000;border-color:#e40167;color:#e40167}#berufswahl .container .tabs-container .sub-tabs [role=tab]{background:#0000;border:none;color:#10243e;padding:0}#berufswahl .container .tabs-container .sub-tabs [role=tab][aria-selected=true]{background:#0000;color:#e40167}#berufswahl .container [role=tabpanel]{animation:fadeIn .8s ease-out;animation-fill-mode:both;max-width:100%;padding:0 2.5em;position:relative}@media(orientation:landscape){#berufswahl .container [role=tabpanel]{align-items:center;display:flex;flex-direction:column;gap:4em;grid-area:tabs;padding:2em 0 4em}#berufswahl .container .headline-container{-ms-grid-column:1;-ms-grid-row:1}#berufswahl .container .tabs-container{-ms-grid-column:2;-ms-grid-row:1}#berufswahl .container [role=tabpanel]{-ms-grid-column-span:2;-ms-grid-column:1;-ms-grid-row:2}}#berufswahl .container [role=tabpanel][hidden=true]{display:none}#berufswahl .container [role=tabpanel]>svg{display:block;height:auto;left:0;position:absolute;top:170px;transform:rotate(-9deg);width:97px}@media(orientation:landscape){#berufswahl .container [role=tabpanel]>svg{bottom:auto;left:0;top:420px;width:215px}}@media(orientation:landscape)and (min-width:1400px){#berufswahl .container [role=tabpanel]>svg{left:50%;transform:translateX(-545px) rotate(-9deg)}}#berufswahl .container [role=tabpanel] .navButton{align-items:center;appearance:none;background-color:#0000;border:1px solid #10243e;border-radius:25px;cursor:pointer;display:flex;display:none!important;height:76px;justify-content:center;position:absolute;top:95px;transition:transform .2s ease-out,opacity .2s ease-out;width:40px}#berufswahl .container [role=tabpanel] .navButton:first-of-type{left:12px;transform:translateX(-50%)}#berufswahl .container [role=tabpanel] .navButton:first-of-type img{transform:rotate(180deg)}#berufswahl .container [role=tabpanel] .navButton:first-of-type.active,#berufswahl .container [role=tabpanel] .navButton:first-of-type:active{transform:translateX(-50%) scale(.5)}#berufswahl .container [role=tabpanel] .navButton:nth-of-type(2){right:12px;transform:translateX(50%)}#berufswahl .container [role=tabpanel] .navButton:nth-of-type(2):active{transform:translateX(50%) scale(.5)}@media(orientation:landscape){#berufswahl .container [role=tabpanel] .navButton{height:62px;top:50%;width:118px}#berufswahl .container [role=tabpanel] .navButton:first-of-type,#berufswahl .container [role=tabpanel] .navButton:nth-of-type(2){transform:translateY(-50%)}#berufswahl .container [role=tabpanel] .navButton:first-of-type:active,#berufswahl .container [role=tabpanel] .navButton:nth-of-type(2):active{opacity:.5;transform:translateY(-50%) scale(.8)}}#berufswahl .container [role=tabpanel] .navButton img{height:auto;margin:0;width:25px}#berufswahl .container [role=tabpanel] .slider{flex-direction:row;max-width:100%!important}#berufswahl .container [role=tabpanel] .slide{display:block}@media(orientation:landscape){#berufswahl .container [role=tabpanel] .slide{column-gap:39px;display:grid;grid-template-areas:"img headline" "img excerpt" "img cta";grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;padding:0 150px}#berufswahl a{-ms-grid-column:3;-ms-grid-row:3}}#berufswahl .container [role=tabpanel] .slide a{background-color:#1a3c67}@media(orientation:landscape){#berufswahl .container [role=tabpanel] .slide img{align-self:center;grid-area:img;-ms-grid-column:1;-ms-grid-row:1;height:auto;justify-self:end;max-height:529px;max-width:406px;width:100%}}#berufswahl .container [role=tabpanel] .bullets button.active{background-color:#e40167;cursor:default}#berufswahl .container [role=tabpanel] .slider{-ms-overflow-style:none;display:flex;flex-wrap:nowrap;height:100%;overflow:visible;scrollbar-width:none;transition:transform .6s ease-out}#berufswahl .container [role=tabpanel] .slider::-webkit-scrollbar{display:none}#berufswahl .container [role=tabpanel] .slide{display:grid;flex:0 0 100%;grid-template-areas:"img" "headline" "excerpt" "cta";grid-template-columns:1fr;grid-template-rows:min-content min-content min-content min-content;scroll-snap-align:start start}@media(orientation:landscape){#berufswahl .container [role=tabpanel] .slide{column-gap:39px;grid-template-areas:"img headline" "img excerpt" "img cta";grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;padding:0 150px}#berufswahl a{-ms-grid-column:3;-ms-grid-row:3}#berufswahl .container [role=tabpanel] .slide h2{-ms-grid-column:3;-ms-grid-row:1}#berufswahl .container [role=tabpanel] .slide p{-ms-grid-column:3;-ms-grid-row:2}#berufswahl .container [role=tabpanel] .slide a{-ms-grid-column:3;-ms-grid-row:3}#berufswahl .container [role=tabpanel] .slide img{-ms-grid-row-span:3;-ms-grid-column:1;-ms-grid-row:1}}#berufswahl .container [role=tabpanel] .slide h2{color:#10243e;font-size:clamp(18px,4.8vw,35px);font-weight:700;grid-area:headline;-ms-grid-column:1;-ms-grid-row:2;margin:19px 0 17px}@media(orientation:landscape){#berufswahl .container [role=tabpanel] .slide h2{align-self:end;margin:70px 0 0}}#berufswahl .container [role=tabpanel] .slide p{color:#10243e;font-size:clamp(14px,3.7333333333vw,18px);font-weight:700;grid-area:excerpt;-ms-grid-column:1;-ms-grid-row:3;margin:0 0 20px}@media(orientation:landscape){#berufswahl .container [role=tabpanel] .slide p{align-self:center;margin:43px 0 50px}}#berufswahl .container [role=tabpanel] .slide a{align-items:center;background-color:#004eb4;border-radius:0;color:#fff;display:inline-flex;font-size:clamp(12px,3.2vw,16px);font-weight:700;grid-area:cta;-ms-grid-column:1;-ms-grid-row:4;height:clamp(40px,10.6666666667vw,51px);justify-content:center;text-decoration:none;transform:rotate(-1deg);transition:transform .2s ease-out;white-space:nowrap;width:clamp(200px,53.3333333333vw,255px)}@media(orientation:landscape){#berufswahl .container [role=tabpanel] .slide a{align-self:start;margin:0 0 94px}}#berufswahl .container [role=tabpanel] .slide a span{transform:rotate(1deg)}#berufswahl .container [role=tabpanel] .slide a:hover{background-image:linear-gradient(90deg,#0059ce,#fe2988);transform:translateY(-2px) rotate(-1deg)}#berufswahl .container [role=tabpanel] .slide a:active{transform:translateY(0) rotate(-1deg)}#berufswahl .container [role=tabpanel] .slide img{display:block;grid-area:img;-ms-grid-column:1;-ms-grid-row:1;height:258px;object-fit:cover;object-position:center;opacity:0;transform:scale(1.1);transition:opacity 1s ease-out,transform 1s ease-out;width:100%}@media(orientation:landscape){#berufswahl .container [role=tabpanel] .slide img{align-self:center;height:auto;justify-self:end;max-height:529px;max-width:406px;width:100%}}#berufswahl .container [role=tabpanel] .slide img.in-viewport{opacity:1;transform:scale(1)}#berufswahl .container [role=tabpanel] .slide:not(.active,:only-child){visibility:hidden}#berufswahl .container [role=tabpanel] .bullets{display:none}@media(orientation:landscape){#berufswahl .container [role=tabpanel] .bullets{bottom:0;display:flex;justify-content:center;left:50%;position:absolute;transform:translateX(-50%)}}#berufswahl .container [role=tabpanel] .bullets button{appearance:none;background-color:#10243e;border:0;border-radius:24px;cursor:pointer;height:24px;width:24px}#berufswahl .container [role=tabpanel] .bullets button:not(:first-child){margin:0 0 0 11px}#berufswahl .container [role=tabpanel] .bullets button:hover{background-color:#1a3c67}#berufswahl .container [role=tabpanel] .bullets .slide{display:grid;flex:0 0 100%;grid-template-areas:"img" "headline" "excerpt" "cta";grid-template-columns:1fr;grid-template-rows:min-content min-content min-content min-content;scroll-snap-align:start start}@media(orientation:landscape){#berufswahl .container [role=tabpanel] .bullets .slide{column-gap:39px;grid-template-areas:"img headline" "img excerpt" "img cta";grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;padding:0 150px}#berufswahl .container [role=tabpanel] .bullets .slide>h2{-ms-grid-column:3;-ms-grid-row:1}#berufswahl .container [role=tabpanel] .bullets .slide>p{-ms-grid-column:3;-ms-grid-row:2}#berufswahl .container [role=tabpanel] .bullets .slide>a{-ms-grid-column:3;-ms-grid-row:3}#berufswahl .container [role=tabpanel] .bullets .slide>img{-ms-grid-row-span:3;-ms-grid-column:1;-ms-grid-row:1}}#berufswahl .container [role=tabpanel] .bullets .slide h2{color:#10243e;font-size:clamp(18px,4.8vw,35px);font-weight:700;grid-area:headline;-ms-grid-column:1;-ms-grid-row:2;margin:19px 0 17px}@media(orientation:landscape){#berufswahl .container [role=tabpanel] .bullets .slide h2{align-self:end;margin:70px 0 0}}#berufswahl .container [role=tabpanel] .bullets .slide p{color:#10243e;font-size:clamp(14px,3.7333333333vw,18px);font-weight:700;grid-area:excerpt;-ms-grid-column:1;-ms-grid-row:3;margin:0 0 20px}@media(orientation:landscape){#berufswahl .container [role=tabpanel] .bullets .slide p{align-self:center;margin:43px 0 50px}}#berufswahl .container [role=tabpanel] .bullets .slide a{align-items:center;background-color:#004eb4;border-radius:0;color:#fff;display:inline-flex;font-size:clamp(12px,3.2vw,16px);font-weight:700;grid-area:cta;-ms-grid-column:1;-ms-grid-row:4;height:clamp(40px,10.6666666667vw,51px);justify-content:center;text-decoration:none;transform:rotate(-1deg);transition:transform .2s ease-out;white-space:nowrap;width:clamp(200px,53.3333333333vw,255px)}@media(orientation:landscape){#berufswahl .container [role=tabpanel] .bullets .slide a{align-self:start;margin:0 0 94px}}#berufswahl .container [role=tabpanel] .bullets .slide a span{transform:rotate(1deg)}#berufswahl .container [role=tabpanel] .bullets .slide a:hover{background-image:linear-gradient(90deg,#0059ce,#fe2988);transform:translateY(-2px) rotate(-1deg)}#berufswahl .container [role=tabpanel] .bullets .slide a:active{transform:translateY(0) rotate(-1deg)}#berufswahl .container [role=tabpanel] .bullets .slide img{-ms-grid-row-span:1;display:block;grid-area:img;-ms-grid-column:1;-ms-grid-row:1;height:258px;object-fit:cover;object-position:center;opacity:0;transform:scale(1.1);transition:opacity 1s ease-out,transform 1s ease-out;width:100%}@media (orientation:landscape){#berufswahl .container [role=tabpanel] .slide h2{-ms-grid-column:3;-ms-grid-row:1}#berufswahl .container [role=tabpanel] .slide p{-ms-grid-column:3;-ms-grid-row:2}#berufswahl .container [role=tabpanel] .slide a{-ms-grid-column:3;-ms-grid-row:3}#berufswahl .container [role=tabpanel] .slide img{-ms-grid-row-span:3;-ms-grid-column:1;-ms-grid-row:1}#berufswahl .container [role=tabpanel] .bullets .slide h2,#berufswahl .container [role=tabpanel] .bullets .slide>h2{-ms-grid-column:3;-ms-grid-row:1}#berufswahl .container [role=tabpanel] .bullets .slide p,#berufswahl .container [role=tabpanel] .bullets .slide>p{-ms-grid-column:3;-ms-grid-row:2}#berufswahl .container [role=tabpanel] .bullets .slide a,#berufswahl .container [role=tabpanel] .bullets .slide>a{-ms-grid-column:3;-ms-grid-row:3}#berufswahl .container [role=tabpanel] .bullets .slide img,#berufswahl .container [role=tabpanel] .bullets .slide>img{-ms-grid-row-span:3;-ms-grid-column:1;-ms-grid-row:1}#berufswahl .container [role=tabpanel] .bullets .slide img{align-self:center;height:auto;justify-self:end;max-height:529px;max-width:406px;width:100%}}#berufswahl .container [role=tabpanel] .bullets .slide img.in-viewport{opacity:1;transform:scale(1)}#berufswahl .container [role=tabpanel] .bullets .bullets{display:none}@media(orientation:landscape){#berufswahl .container [role=tabpanel] .bullets .bullets{bottom:0;display:flex;justify-content:center;left:50%;position:absolute;transform:translateX(-50%)}}#berufswahl .container [role=tabpanel] .bullets .bullets button{appearance:none;background-color:#10243e;border:0;border-radius:24px;cursor:pointer;height:24px;width:24px}#berufswahl .container [role=tabpanel] .bullets .bullets button:not(:first-child){margin:0 0 0 11px}#berufswahl .container [role=tabpanel] .bullets .bullets button:hover{background-color:#1a3c67}#berufswahl .container [role=tabpanel] .bullets .bullets button.active{background-color:#e40167;cursor:default}#berufswahl .container #karte{bottom:unset;display:none;grid-column:1/3;left:unset;margin-top:2rem;right:unset;top:unset;transform:none;width:100%}#berufswahl .container #karte .container{display:block;padding:0}@media(orientation:landscape){#berufswahl .container #karte .container{padding:0 150px}}#berufswahl .container #karte .container>.map-wrapper{margin:2rem 0}#berufswahl .container[data-bildungsweg=ausbildung] #karte[data-bildungsweg=ausbildung],#berufswahl .container[data-bildungsweg=ausbildung]~.dein-weg[data-bildungsweg=ausbildung],#berufswahl .container[data-bildungsweg=studium] #karte[data-bildungsweg=studium],#berufswahl .container[data-bildungsweg=studium]~.dein-weg[data-bildungsweg=studium]{display:block}#berufswahl .container ul.group,#berufswahl .container ul.slider{list-style:none}.slider{overflow:hidden}.slider>div{display:flex;flex-wrap:nowrap;position:relative}.slider>div>div{flex:0 0 100%}.slider>div>div:not(:first-child){margin-left:20px}.slider>[role=tabpanel]{flex:0 0 100%}.slider>[role=tabpanel]:not(:first-child){margin-left:20px}.slider>[role=tabpanel]:focus{outline:2px solid #007cba;outline-offset:2px}.slider.flex-slides,.slider:has(>[role=tabpanel]){display:flex;flex-wrap:nowrap;position:relative}.slider.flex-slides>[role=tabpanel]{flex:0 0 100%}.slider.flex-slides>[role=tabpanel]:not(:first-child){margin-left:20px}.slider.flex-slides>[role=tabpanel]:focus{outline:2px solid #007cba;outline-offset:2px}