@font-face{font-display:swap;font-family:'Albert Sans';font-style:normal;font-weight:400;src:url(../fonts/albert-sans-v1-latin-regular.woff2) format("woff2"),url(../fonts/albert-sans-v1-latin-regular.ttf) format("truetype")}
@font-face{font-display:swap;font-family:'Albert Sans';font-style:normal;font-weight:700;src:url(../fonts/albert-sans-v1-latin-700.woff2) format("woff2"),url(../fonts/albert-sans-v1-latin-700.ttf) format("truetype")}
@font-face{font-family:'Good Times Rg';src:url(../fonts/GoodTimesRg-Regular.eot);src:url(../fonts/GoodTimesRg-Regular.eot?#iefix) format("embedded-opentype"),url(../fonts/GoodTimesRg-Regular.woff2) format("woff2"),url(../fonts/GoodTimesRg-Regular.woff) format("woff"),url(../fonts/GoodTimesRg-Regular.ttf) format("truetype"),url(G../fonts/GoodTimesRg-Regular.svg#GoodTimesRg-Regular) format("svg");font-weight:400;font-style:normal;font-display:swap}
html,body{overflow-x:hidden}
body{font-size:16px;color:#707070;font-family:'Albert Sans';font-style:normal;font-weight:400}
a{color:#676767;text-decoration:underline}
a:hover{color:#676767;text-decoration:none}
ul,ol{list-style:none}
img.responsive{width:100%;height:auto}
h1{font-size:35px}
h2{font-size:30px;color:#525252;font-weight:700}
h3{font-size:22px;color:#000;font-weight:700}
h4{font-size:19px;color:#707070;font-weight:700}
p.subtitle{font-size:18px;color:#294E9D;margin:0;text-transform:uppercase}
.gradient_blue{background:#0b4697;background:linear-gradient(90deg,rgba(11,70,151,1) 0%,rgba(22,62,121,1) 100%)}
.gradient_red{background:#e9242b;background:linear-gradient(90deg,rgba(233,36,43,1) 0%,rgba(181,29,35,1) 100%)}
a.btn{line-height:50px;padding:0 25px;border-radius:0;border:0;font-weight:700}
a:hover.btn {text-decoration:none!important}
a.btn.red{background:#e9242b;background:linear-gradient(90deg,rgba(233,36,43,1) 0%,rgba(181,29,35,1) 100%);color:#fff}
a:hover.btn.red {color:#fff}
a.btn.blue{background:#0b4697;background:linear-gradient(90deg,rgba(11,70,151,1) 0%,rgba(22,62,121,1) 100%);color:#fff}
a:hover.btn.blue {color:#fff}
a.btn.white{background:#fff;color:#0B4697}
a.btn.outline{border:1px solid #525252;color:#525252;font-weight:400}
a.btn.full_wide{display:block}
a.btn.fixed_wide {width:100%}
.external img {display:inline;width:15px;height:15px;margin-top:-5px;margin-left:5px}
.space-top{margin-top:20px}
.space-left {margin-top:20px}
.space-top-40{margin-top:20px}
.space-top-80{margin-top:40px}
.container{max-width:1220px;position:relative;padding:0 20px}
.row{margin-left:-20px;margin-right:-20px}
.row > div{padding:0 20px}
.padding-50-150{padding:40px 0 40px 0}
.padding-100-100{padding:60px 0}
.padding-100-150{padding:60px 0 40px}
header{background:#fff;z-index:99;color:#000;padding:20px 0 0}
header .line{height:1px;background:#EDEDED;margin:10px 0}
header img{width:100%;height:auto}
header a.btn{margin-top:20px}
header nav{margin-bottom:-10px}
header nav ul{list-style:none;margin:0;padding:0;text-align:right}
header nav ul li{display:inline-block;margin-left:35px;position:relative;line-height:50px}
header nav ul li:first-child{margin:0}
header nav ul li a{font-size:20px;text-decoration:none;color:#000;font-weight:700}
header nav ul li.current a:after {content:'';height:3px;background:#000;left:0;bottom:0;right:0;position:absolute}
header nav ul li a:hover{color:#000}
header nav ul li:hover ul{display:block}
header nav ul ul{z-index:99;display:none;position:absolute;left:-25px;top:50px;background:#fff;border:.5px solid #525252;text-align:left;width:225px;padding:10px 20px;-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,0.15);-moz-box-shadow:0 0 10px 0 rgba(0,0,0,0.15);box-shadow:0 0 10px 0 rgba(0,0,0,0.15)}
header nav ul ul li{display:block;margin:0;border-bottom:.5px solid #525252;line-height:1.3em}
header nav ul ul li:last-child{border:0}
header nav ul ul li a{font-size:18px;font-weight:400;padding:10px 0;display:block}
header nav ul li.sub{margin-right:10px}
header nav ul li.sub a:after{content:'';position:absolute;right:-15px;bottom:22px;width:5px;height:5px;border:solid #000;border-width:0 1px 1px 0;display:inline-block;padding:3px;transform:rotate(45deg);-webkit-transform:rotate(45deg)}
header nav ul li.current_sub a:before {content:'';height:3px;background:#000;left:0;bottom:0;right:0;position:absolute}
header nav ul li.current_sub ul li a:before {display:none}
header nav ul ul li a:after{display:none!important}
header .telefon {font-size:12px;text-align:center}
header a.burger {width:40px;float:right;margin-bottom:5px}
header a.burger span {display:block;height:3px;background:#000;margin:8px 0}
.offcanvas {max-width:300px;padding:10px 30px 30px 30px}
.offcanvas .offcanvas-header {text-align:right!important;display:block;padding:0;}
.offcanvas .offcanvas-header button {display:inline-block;margin:0;padding:0;}
.offcanvas .offcanvas-body {padding:0}
.offcanvas .offcanvas-body ul {list-style:none;margin:0;padding:0}
.offcanvas .offcanvas-body ul li {padding:3px 0}
.offcanvas .offcanvas-body ul li a {color:#000;text-decoration:none;font-size:22px;font-weight:700}
.offcanvas .offcanvas-body a.btn {margin-top:20px}
.offcanvas .offcanvas-body .adresse {margin-top:30px}
.offcanvas .offcanvas-body .adresse p {margin-bottom:10px;font-size:14px}
#hero .container{min-width:100%;padding:0}
#hero .inner{padding:30px 20px}
#hero .row .row {margin:0}
#hero .row .row > div {padding:0}
#hero .inner h1{color:#fff;font-family:'Good Times Rg';margin:0;}
#hero .inner p{color:#fff;margin-bottom:20px;margin-top:10px}
#hero .inner p.subtitle{font-size:22px;margin-bottom:0;margin-top:0}
#hero .inner .space-left{margin-top:20px}
.content.nospace{padding:0}
.content.bg{background-color:rgba(11,70,151,0.03)}
.content img.image-right {margin-top:30px}
.content img.image-left {margin-bottom:30px}
.content ul{margin:0;padding:0}
.content a{color:#0E428C;text-decoration:none}
.content a:hover{color:#0E428C;text-decoration:underline}
.content .preview_image{position:relative}
.content .preview_image .badge{position:absolute;left:20px;bottom:50px;width:100px;height:100px;background:#0B4697;border-radius:99px;border:4px solid #fff;-webkit-box-shadow:0 0 5px 0 rgba(0,0,0,0.15);-moz-box-shadow:0 0 5px 0 rgba(0,0,0,0.15);box-shadow:0 0 5px 0 rgba(0,0,0,0.15)}
.content .preview_image .badge p{text-align:center;color:#fff;margin:0;padding-top:18px}
.content .preview_image .badge span{display:block;font-size:28px}
.content .icons .icon{background:#fff;margin:20px 0;display:flex;align-items:center;justify-content:left;-webkit-border-top-left-radius:99px;-webkit-border-bottom-left-radius:99px;border-top-left-radius:99px;border-bottom-left-radius:99px}
.content .icons .icon img{margin-right:15px;width:75px;height:75px;background:#E6252B;border-radius:99px;padding:10px}
.content .icons .icon h4{display:inline-block;margin:0}
.content .kontakt{margin-top:20px}
.content .kontakt .bg{background:#0B4697;text-align:center;color:#fff;padding:25px;margin-bottom:20px}
.content .kontakt .bg h4{color:#fff}
.content .kontakt a {color:#fff}
.content .geschichte{margin-top:20px}
.content .geschichte .datum{position:relative;height:100%}
.content .geschichte .datum span{text-align:center;display:block;color:#0B4697;font-weight:700;background:#fff;z-index:99;position:relative;padding:5px 0}
.content .geschichte .datum:after{content:'';background:#0B4697;width:4px;position:absolute;left:50%;bottom:0;top:0;margin-left:-2px}
.content .geschichte .beschreibung{padding:5px 0}
.content .team ul{border:1px solid #0C4188;padding:20px;min-height:170px;margin-top:10px}
.content .team img {margin-top:40px}
.content .team img.no-space {margin-top:0}
.content .team a.tel {color:#707070}
.content .team h3{padding:20px;border:1px solid #E6E6E6}
.content .team .kontakt{padding:20px;margin-top:40px;text-align:center}
.content .team .kontakt h3{padding:0;border:0;color:#fff}
.content .team .kontakt p{color:#fff}
.content .team .kontakt .button{margin-top:30px}
.content .team .kontakt .button a.btn{color:#E9242B;width:100%}
.content .formular{background-color:rgba(11,70,151,0.03);padding:15px}
.content .formular .row .row{margin-left:-10px;margin-right:-10px}
.content .formular .row .row > div{padding:0 10px}
.content .formular input[type="text"],.content .formular input[type="email"]{width:100%;padding:10px;border:1px solid #525252;margin-bottom:20px}
.content .formular textarea{width:100%;padding:10px;height:150px;border:1px solid #525252;resize:none;margin-bottom:20px}
.content .formular input[type="submit"]{font-weight:700background:#e9242b;background:linear-gradient(90deg,rgba(233,36,43,1) 0%,rgba(181,29,35,1) 100%);color:#fff;border:0;height:50px;width:100%}
.content .formular a{color:#707070;text-decoration:underline}
.content .formular a:hover{color:#707070;text-decoration:none}
.content .formular .adresse{padding:15px;margin-top:30px}
.content .formular .adresse h3{color:#fff}
.content .formular .adresse ul li{color:#fff;margin-top:30px;line-height:1.3}
.content .formular .adresse ul li img {width:50px;float:left;margin-right:10px;background:#fff;border-radius:99px;padding:5px}
.content .formular .adresse ul li span{display:block;font-weight:700}
.content .formular .adresse ul li a{color:#fff;text-decoration:underline}
.content .formular .adresse ul li a:hover{color:#fff;text-decoration:none}
.content .formular .adresse ul li:last-child {margin-top:55px;text-align:right}
.content .formular .adresse ul li:last-child img {float:none;width:22px;margin-right:5px;margin-top:-3px;background:none;border-radius:0;padding:0}
.content .formular .adresse ul li:last-child a {text-decoration:none;line-height:30px}
.content.partner img.partner_logo {width:auto;max-width:100%}
.callback .container {padding:0}
.callback .inner {background:#EFEFEF;padding:20px}
.callback h3 {margin:0;color:#525252}
.callback p {font-size:14px;margin:0}
.callback .row {margin-left:-5px;margin-right:-5px}
.callback .row > div {padding: 0 5px}
.callback input[type="text"], .callback select {width:100%;padding:0 20px;border:1px solid #525252;height:50px;background:#fff;margin-top:10px}
.callback input[type="submit"]{font-weight:700;background:#0b4697;background:linear-gradient(90deg,rgba(11,70,151,1) 0%,rgba(22,62,121,1) 100%);color:#fff;border:0;height:50px;width:100%;margin-top:10px}
.teaser{margin:30px auto 0}
.teaser .inner{border:1px solid #E6E6E6;background:#fff;margin-bottom:60px}
.teaser .inner .preview_image{position:relative}
.teaser .inner .preview_image img{width:100%;height:auto}
.teaser .inner .preview_image .icon{position:absolute;bottom:0;right:0}
.teaser .inner .preview_image .icon img{width:70px;height:auto}
.teaser .inner .description{padding:20px}
.teaser .inner .description p{margin:0}
.teaser .inner .description a.btn{margin-bottom:-60px}
.cta_banner{padding:50px 0;text-align:center}
.cta_banner .row{position:relative}
.cta_banner h2{color:#fff}
.cta_banner p{color:#fff;margin-bottom:20px}
.cta_banner img{width:250px;margin-bottom:20px}
.cta_banner.banner_red{padding:30px 0}
.cta_banner.banner_red .row{max-width:960px;margin:0 auto}
.cta_banner.banner_red a.btn{color:#E9242B;display:block;}
.logo_leiste{padding:0 0 50px}
.logo_leiste img {margin:10px 0}
footer{background:#525252;padding:0 0 40px 0}
footer h4{margin:40px 0 15px;color:#fff;font-size:22px}
footer p{color:#fff}
footer a {color:#fff;text-decoration:underline}
footer a.tel {text-decoration:none}
footer a:hover {text-decoration:none;color:#fff}
footer ul{list-style:none;margin:0;padding:0}
footer ul li {margin-bottom:5px}
footer ul li a{color:#fff;font-weight:bold;text-decoration:none}
footer ul li a:hover {color:#fff;text-decoration:underline}
footer a.instagram {position:absolute;bottom:0px;right:20px}
footer a.instagram span {font-size:16px;display:inline-block;line-height:1.2;margin-top:5px}
footer a.instagram .icon {background:#000;width:50px;height:50px;display:inline-block;text-align:center;line-height:45px;border-radius:99px;float:left;margin-right:10px}
footer a.instagram .icon img {width:25px}
footer form.callback {margin:0}
footer form.callback input[type="text"], footer form.callback select {width:100%;padding:0 20px;border:1px solid #525252;margin-bottom:10px;height:50px;background:#fff}
footer form.callback input[type="submit"]{font-weight:700;background:#e9242b;background:linear-gradient(90deg,rgba(233,36,43,1) 0%,rgba(181,29,35,1) 100%);color:#fff;border:0;height:50px;padding: 0;width:100%}
footer form.callback p {font-size:13px}
#copyright{padding:20px 0;background:#fff}

.matomo {border:1px dashed #ccc;padding:20px;background:#f2f2f2;margin-bottom:20px}
.matomo input {margin-right:10px}

@media (min-width: 992px) {
h1{font-size:35px}
h2{font-size:28px}
h3{font-size:22px}
h4{font-size:18px}
a.btn.fixed_wide {width:200px}
p.subtitle{font-size:20px}
.space-top{margin-top:20px}
.space-left{margin-left:20px;margin-top:0}
.space-top-40{margin-top:40px}
.space-top-80{margin-top:80px}
.padding-50-150{padding:80px 0 170px 0}
.padding-100-100{padding:80px 0}
.padding-100-150{padding:80px 0 120px}
header{padding:20px 0 10px}
header .telefon {font-size:18px;text-align:left}
header a.btn{position:absolute;right:10px;top:-20px;margin-top:0}
#hero .row > div{padding:0}
#hero .inner{max-width:540px;margin-left:40px;padding:0}
#hero .inner p.subtitle{font-size:25px}
#hero .inner .space-left{margin-top:0}
.callback .inner {padding:20px}
.callback input[type="text"], .callback select {margin-top:0}
.callback input[type="submit"]{margin-top:0}
.content img.image-right {margin-top:0}
.content img.image-left {margin-bottom:0}
.content .kontakt .bg{margin-bottom:0}
.content .preview_image .badge{position:absolute;left:30px;bottom:30px;}
.content .team img {margin-top:0}
.content .team .kontakt{margin-top:85px;padding:50;text-align:left}
.content .team .kontakt .button{text-align:right}
.content .team .kontakt .button a.btn {width:auto}
.content .formular{padding:30px}
.content .formular .adresse{margin-top:0}
.logo_leiste img {margin:0}
.cta_banner{text-align:left}
.cta_banner p{margin-bottom:0}
.cta_banner img{position:absolute;top:-130px;left:0;width:340px;margin:0}
.teaser{margin:50px auto 0}
.teaser .inner{margin-bottom:0}
footer{padding:50px 0}
footer h4{margin:0 0 15px;font-size:30px}
footer a.instagram {bottom:20px;right:auto}
footer form.callback {max-width:400px;}
footer form.callback p {font-size:11px}
}

@media (min-width: 1200px) {
body{font-size:18px}
h1{font-size:55px}
h2{font-size:37px}
h4{font-size:20px}
.space-top{margin-top:20px}
.space-left{margin-left:20px}
.space-top-40{margin-top:40px}
.space-top-80{margin-top:80px}
.padding-50-150{padding:80px 0 170px 0}
.padding-100-100{padding:120px 0}
.padding-100-150{padding:120px 0 170px}
#hero .inner{margin-left:50px}
#hero .inner p.subtitle{font-size:28px} 
.content .preview_image .badge{left:-50px;bottom:150px;}
.callback {margin-top:-30px}
.callback .container {padding:0 20px} 
.callback .inner {padding:30px}
.cta_banner img{top:-140px;width:370px}  
}