﻿<style>
/* Layout anpassen */
.siteFooter {background: url('https://www.bdk.de/nachwuchs/onepager/bilder/footer-jk.png') no-repeat center bottom;}
#portal-breadcrumbs, #portal-logo, #overlay-nav, .siteSearch, .map, #header-toggle, #landesverbande-banner, .siteHeader__inner, header, .bi.bi-link-45deg.markspeciallinks__icon {display:none;}
#header-content {padding: 0;}
.siteHeader__inner {min-height: 0;}
body, .outer-wrapper {background-color: #193b4f;}
#content {color: #fff;}
.context {white-space: normal;}
.ohneumlauf {clear: both;}

/* Blöcke machen */
.grauerblock {
background-color: #EDE9E3;
color: #393434;
max-width: 1440px;
margin-left: -50px;
margin-right: -50px;
padding: 50px;
}
.blauerblock {
padding-top: 80px;
padding-bottom: 80px;
}
.blaublockinnen {
padding-top: 40px;
padding-bottom: 40px;
}
.graublockinnen {
background-color: #EDE9E3;
color: #393434;
max-width: 1440px;
margin-left: -80px;
margin-right: -80px;
padding: 40px 80px 80px 80px;
}

/* 3 Spalten machen */
* {box-sizing: border-box;}
.dreispalten {display: flex; flex-direction: row;}
.spalte {padding: 10px; flex: 33.33%;}
.spalte img {width:100%;}
@media (max-width: 800px) { .dreispalten {flex-direction: column;} }
</style>