/*! CSS Used from: https://jetzt-transformieren.de/assets/css/styles.css?m=1743078574 */
:root{font-size:16px;--color-primary:#245883;--color-secondary:#009ee0;--color-block:#e7e7e8;--color-accent:#ff6600;--color-text:#000000;--color-text:#363636;--color-darkblue:#1a171b;--color-background:#F3F3F3;--fs-smallest:0.5rem;--fs-small:0.75rem;--fs-nav:0.9375rem;--fs-button:0.9375rem;--fs-1:0.9375rem;--fs-2:1.3125rem;--fs-2-2:1.2rem;--fs-3:1.6875rem;--fs-4:2.1875rem;--fs-5:2.875rem;--fs-6:3.5rem;--fs-hero:4rem;--lh-text:1.4;--max-width-grid:1290px;--max-width-grid:80.625rem;--max-width-grid-split:645px;--max-width-grid-split:40.3125rem;--max-width-inner:1000px;--max-width-inner:62.5rem;--max-width-wide:1366px;--max-width-wide:85.375rem;--column-gap:24px;--border-radius:8px;}
@media (max-width: 786px){
:root{--fs-4:1.6875rem;--fs-5:2.1875rem;}
}
body{min-height:100vh;display:flex;flex-direction:column;}
body{margin:0;color:black;}
h1,h3,h4,h5{hyphens:auto;margin:0;color:var(--color-primary);}
main{flex:1;}
h1{font-size:var(--fs-6);font-weight:500;margin-bottom:0.5em;}
h1.h2{font-size:var(--fs-5);font-weight:400;margin-bottom:0.5em;}
h1.h2{border-bottom:1px solid var(--color-block);padding-bottom:1rem;margin-bottom:1rem;font-weight:500;}
h3{font-size:var(--fs-4);font-weight:400;margin-bottom:0.5em;}
h4{font-size:var(--fs-3);font-weight:400;margin-bottom:0.5em;}
h5{font-size:var(--fs-2);font-weight:400;margin-bottom:0.5em;line-height:1.4;}
*,*::before,*::after{box-sizing:border-box;}
p{color:black;font-size:var(--fs-1);font-weight:400;line-height:var(--lh-text);margin-top:0;margin-bottom:1em;hyphens:auto;}
p:last-of-type:not(.margin-bottom){margin-bottom:0;}
p:first-of-type:not(.margin-top){margin-top:0;}
html{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;}
html,body{font-family:"Roboto",sans-serif!important;color:var(--primary-text-color);}
a{text-decoration:none;color:var(--color-primary);}
a:hover{text-decoration:underline;}
img{max-width:100%;height:auto;}
.wrapper-wide > div{max-width:calc(var(--max-width-wide) - 2rem);max-width:calc(var(--max-width-wide) - 40px + 2rem);padding-inline:2rem;margin-inline:auto;}
header{display:flex;width:100%;height:104px;background-color:white;border-top:19px solid var(--color-primary);align-items:center;justify-content:space-between;}
.breadcrumb{width:100%;width:calc(100% - 40px);max-width:calc(var(--max-width-grid) - 40px);margin-inline:auto;height:40px;border-top:1px solid var(--color-block);display:flex;align-items:center;padding:0;}
.breadcrumb__path{width:calc(100% - 40px);max-width:calc(var(--max-width-grid) - 40px);margin-inline:auto;font-size:var(--fs-small);}
.breadcrumb__path svg{padding-top:3px;margin-bottom:-1px;}
.breadcrumb__path a{text-decoration:none;color:var(--color-primary);}
footer{width:100%;background-color:var(--color-block);}
footer.primary-footer{display:flex;width:100%;height:104px;background-color:white;align-items:center;justify-content:space-between;border-top:1px solid var(--color-block);}
footer.secondary-footer a:hover{text-decoration:underline;}
.container-inline{width:calc(100% - 40px);max-width:var(--max-width-inner);margin-inline:auto;padding-block:1rem;}
.wrapper-content{width:100%;background-color:var(--color-background);}
.content-grid{width:calc(100% - 40px);max-width:calc(var(--max-width-grid) - 40px);display:flex;flex-wrap:wrap;margin-inline:auto;padding-block:60px;gap:24px;}
.content-fullwidth{flex:1 0 100%;}
.content-grid > div{background-color:white;border-radius:var(--border-radius);padding:20px;}
nav ul,footer ul,nav ul li,footer ul li{margin:0;padding:0;text-indent:0;list-style-type:none;}
.navbar-main{display:flex;justify-content:space-between;align-items:center;margin-inline:auto;width:calc(100% - 40px);max-width:calc(var(--max-width-grid) - 40px);}
.logo-img{width:260px;}
.nav-links{display:flex;list-style:none;margin:0;padding:0;}
.nav-item{position:relative;padding:10px;}
.nav-item a{text-decoration:none;padding:10px;}
.nav-item > a{text-transform:uppercase;color:var(--color-primary);font-size:var(--fs-nav);font-weight:500;white-space:nowrap;}
@media (min-width: 1001px){
.nav-item:hover  > a{border-bottom:1px solid var(--color-secondary);}
.nav-item + .nav-item{border-left:2px solid var(--color-block);}
}
footer nav{display:flex;width:100%;flex-direction:row;justify-content:space-between;align-items:center;}
footer a{text-decoration:none;color:var(--color-primary);color:black;}
footer nav a{font-weight:500;}
@media (max-width: 786px){
footer nav,footer nav ul{padding:1rem;flex-direction:column;align-items:center;}
}
.search-form{width:2rem;}
.search-form form{display:none;align-items:center;justify-content:center;padding-inline:1.2rem;}
.search-form input{padding:5px;margin-right:5px;margin-top:5px;border-radius:var(--border-radius);border:1px solid var(--color-primary);font-size:14px;background-image:url(https://jetzt-transformieren.de/assets/img/search_icon.webp);background-repeat:no-repeat;background-position:left center;padding-left:40px;background-color:#fff;box-shadow:none;-webkit-appearance:none;}
.search-form button{display:none;padding:5px 10px;background-color:#444;color:white;border:none;}
.hamburger{display:none;font-size:30px;color:var(--color-primary);cursor:pointer;}
.nav-links{display:flex;}
@media (max-width: 1000px){
.nav-links{display:none;flex-direction:column;width:100%;text-align:center;}
.hamburger{display:block;}
.nav-item{width:100%;padding-inline:0;}
.nav-item a{padding:15px;width:100%;text-align:center;}
.nav-links .search-form{order:1;height:3rem;}
.search-form form{margin:1rem 0 3rem 0;padding:0 20px;}
.search-form input{width:100%;max-width:30rem;}
}
.secondary-footer{position:relative;}
.secondary-footer__content{display:grid;grid-template-areas:"disclaimer" 		"contact" 		"metalinks";gap:4vw;}
.area-disclaimer{grid-area:disclaimer;}
.area-contact{grid-area:contact;}
.area-metalinks{grid-area:metalinks;}
@media (min-width: 680px){
.secondary-footer__content > div:last-of-type{text-align:right;}
.secondary-footer__content{grid-template-columns:1fr 1fr;grid-template-areas:"disclaimer disclaimer" 			"contact metalinks";gap:4vw;}
}
@media (min-width: 980px){
.secondary-footer__content > div:last-of-type{text-align:right;}
.secondary-footer__content{grid-template-columns:2fr 1fr 1fr;grid-template-areas:"disclaimer contact metalinks";gap:4vw;}
}
.logowall{padding-top:2rem;padding-bottom:4rem;display:flex;gap:2rem;flex-wrap:wrap;justify-content:space-between;}
.logowall .logos-network{gap:36px;padding-bottom:36px;display:grid;grid-template-columns:300px fit-content(260px) fit-content(196px);grid-template-columns:270px 280px 203px;}
@media (max-width: 786px){
.logowall .logos-network{grid-template-columns:1fr;}
}
.logowall .logos-network  > div{min-height:108px;margin-block:auto;display:flex;flex-wrap:wrap;align-content:space-between;}
.logowall .fbb{margin-right:5rem;}
.logowall .fbb img{max-width:190px;}
.logowall p{width:100%;display:flex;gap:36px;}
@media (max-width: 310px){
.logowall p{flex-wrap:wrap;max-width:calc(100vw - 4rem);}
}
.logowall .partner{display:flex;flex-wrap:wrap;}
.logowall .partner img{max-height:54px;width:auto;}
.shadow{box-shadow:inset 0 7px 9px -7px rgba(0,0,0,0.4);}
.contact-slideouts{position:fixed;top:25%;right:0;color:white;border-radius:var(--border-radius) 0 0 var(--border-radius);width:40px;}
.contact-slideouts ul{list-style:none;padding:0;margin:0;border-radius:var(--border-radius) 0 0 var(--border-radius);box-shadow:-5px 5px 15px 1px rgba(0,0,0,0.27);}
.contact-slideouts li{background-color:var(--color-accent);border-bottom:1px solid white;text-align:center;width:40px;padding:0.5em 5px;position:relative;display:block;transition:all 0.3s ease;}
.contact-slideouts li:first-of-type{border-top-left-radius:8px;}
.contact-slideouts li:last-of-type{border-bottom-left-radius:8px;}
.contact-slideouts li img{max-width:1.2rem;}
.contact-slideouts li:last-of-type{border-bottom:none;}
.contact-slideouts li:hover{background-color:var(--color-secondary);}
.contact-slideouts .slideout{position:absolute;top:50%;transform:translateY(-50%);left:0px;z-index:-100;color:#000;background-color:white;font-size:16px;transition:all 0.3s ease;white-space:nowrap 	;height:23px;width:110px;}
.contact-slideouts .slideout span{color:var(--color-secondary);}
.contact-slideouts .slideout span img{max-height:14px;margin-left:6px;margin-top:3px;}
.contact-slideouts li:hover .slideout{left:-110px;box-shadow:-5px 5px 15px 1px rgba(0,0,0,0.27);}
.secondary-footer .arrow-up{position:absolute;top:1.2rem;right:2rem;width:34px;height:34px;border-radius:50%;background-color:var(--color-accent);}
.h-secondary h3,.h-secondary h4{color:var(--color-secondary);}
footer h5{color:black;font-size:var(--fs-1);}
.address-footer img{vertical-align:text-top;padding-right:1rem;float:left;}
.secondary-footer ul li,footer p{font-size:var(--fs-small);margin-bottom:1rem;}
.a11i button{color:var(--color-primary);padding:5px 2px;font-size:18px;margin-top:-8px;border:none;background-color:var(--color-block);width:1.5626rem;}
.a11i{margin:0.5rem 0 0 0.5rem;}
.a11i button:disabled,.a11i button[disabled]{opacity:0.5;}
/*! CSS Used fontfaces */
@font-face{font-display:swap;font-family:'Roboto';font-style:normal;font-weight:400;src:url('https://jetzt-transformieren.de/assets/css/fonts/roboto-v47-latin-regular.woff2') format('woff2');}
@font-face{font-display:swap;font-family:'Roboto';font-style:italic;font-weight:400;src:url('https://jetzt-transformieren.de/assets/css/fonts/roboto-v47-latin-italic.woff2') format('woff2');}
@font-face{font-display:swap;font-family:'Roboto';font-style:normal;font-weight:500;src:url('https://jetzt-transformieren.de/assets/css/fonts/roboto-v47-latin-500.woff2') format('woff2');}
@font-face{font-display:swap;font-family:'Roboto';font-style:italic;font-weight:500;src:url('https://jetzt-transformieren.de/assets/css/fonts/roboto-v47-latin-500italic.woff2') format('woff2');}
@font-face{font-display:swap;font-family:'Roboto';font-style:normal;font-weight:600;src:url('https://jetzt-transformieren.de/assets/css/fonts/roboto-v47-latin-600.woff2') format('woff2');}
@font-face{font-display:swap;font-family:'Roboto';font-style:italic;font-weight:600;src:url('https://jetzt-transformieren.de/assets/css/fonts/roboto-v47-latin-600italic.woff2') format('woff2');}