@font-face {
    font-family: Helvetica;
    font-display: swap;
}
#wrappr,
body,
html {
    overflow: auto;
    height: 100%;
}
#wrappr {
    position: absolute;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    width: 100%;
    top: 0;
    right: 0;
    z-index: 80;
}
body,
html {
    background-color: #505469;
    margin: 0;
    padding: 0;
    text-align: center;
    border: 0;
    color: #2e2e2e;
    font-size: 0.98em;
    line-height: 1.8em;
    font-family: 'Raleway', sans-serif;
}
#halign {
    margin: auto;
    width: 100%;
    z-index: 15;
}
h1,
h2 {
    color: #035992;
    font-weight: 700;
    font-size: 1.3em;
    letter-spacing: 0.04em;
    text-transform: lowercase;
    font-variant: small-caps;
    padding-bottom: 10px;
}
.flxb2 h1{
   line-height:1.4em;
}

.bz5 {
    display: block;
}
.bz6,
.header .menu-btn,
.none {
    display: none;
}
a:hover {
    opacity: 0.7;
    transition: opacity 0.25s ease-in-out;
}
.clear {
    clear: both;
}
.ct8 {
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto;
    hyphens: auto;
}
a:hover,
a:link,
a:visited {
    text-decoration: none;
    color: #fff;
}
.header .menu-btn:checked ~ .menu {
    max-height: 800px;
    position: relative;
    padding-bottom: 48px;
}
.header .menu-btn:checked ~ .menu-icon .navicon {
    background: 0 0;
}
.header .menu-btn:checked ~ .menu-icon .navicon:before {
    transform: rotate(-45deg);
}
.header .menu-btn:checked ~ .menu-icon .navicon:after {
    transform: rotate(45deg);
}
.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after,
.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before {
    top: 0;
}
.header .menu {
    position: absolute;
    width: 50%;
    z-index: 700;
    right: auto;
    top: 12px;
    clear: both;
    max-height: 0;
    transition: max-height 0.2s ease-out;
}
.hmb5 {
    position: relative;
    float: right;
    padding-top: 2.4%;
    z-index: 99999;
}
.header {
    position: absolute;
    z-index: 99999;
    width: 35%;
}
.header ul {
    padding: 0;
    list-style: none;
    overflow: hidden;
}
ul.navlist {
    display: inherit;
    position: relative;
    z-index: 99999;
    background: #373946;
    webkit-box-shadow: 10px 10px 5px 0 rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 10px 10px 5px 0 rgba(0, 0, 0, 0.5);
    box-shadow: 10px 10px 5px 0 rgba(0, 0, 0, 0.5);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    min-width: 280px;
    margin-left: -340px;
}
ul.navlist li {
    font-size: 1.2em;
    line-height: 2.1em;
    text-align: left;
    padding: 2px 2px 2px 7%;
    border-bottom: 1px solid #b8b7b8;
}
ul.navlist li:first-child {
    padding-top: 24px;
}
ul.navlist li a:link {
    font-weight: 400;
    color: #b8b7b8;
    text-decoration: none;
    letter-spacing: 0.065em;
}
ul.navlist li a:hover {
    color: #ea0000;
    text-decoration: none;
    opacity: 0.5;
}
ul.navlist li a:visited {
    color: #b8b7b8;
    text-decoration: none;
}
.mlabel {
    position: absolute;
    left: -70px;
    top: 3px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 0.15em;
}
.header .menu-icon {
    cursor: pointer;
    display: inline-block;
    float: right;
    padding: 14px 5.8%;
    position: relative;
    user-select: none;
    margin-top: 2%;
}
.header .menu-icon .navicon {
    background: #fff;
    display: block;
    height: 3px;
    position: relative;
    transition: background 0.2s ease-out;
    width: 20px;
}
.header .menu-icon .navicon:after,
.header .menu-icon .navicon:before {
    background: #fff;
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    transition: all 0.2s ease-out;
    width: 100%;
}
.header .menu-icon .navicon:before {
    top: 6px;
}
.header .menu-icon .navicon:after {
    top: -6px;
}
.sham7 {
    display: block;
    font-size: 0.4em;
}
.subnavlist {
    font-size: 0.6em;
    line-height: 1em;
}
.subnavlist li:first-child {
    margin-top: -24px;
}
.subnavlist li:last-child {
    margin-bottom: 12px;
}
ul.subnavlist li {
    border: 0;
    margin: 0 0 1px;
}
.lgi,
.template {
    position: relative;
}
.template {
    text-align: left;
    width: 100%;
    background: #505469;
    z-index: 99998;
    padding: 56px 0 0;
}
.lgi {
    display: flex;
    z-index: 480;
    margin-top: -0.5%;
}
.logo {
    width: 610px;
    height: auto;
    padding-bottom: 36px;
}
section {
    margin: auto;
    max-width: 1201px;
}
section:first-child {
    position: relative;
    z-index: 99999;
}
.flxb1 {
    display: flex;
    width: 100%;
}
.flxit1 {
    width: 395px;
}
.flxit1:nth-child(2) {
    width: 806px;
}
.flxb2,
.tmp {
    width: 100%;
    height: 100.04%;
}
.flxb2 {
    display: flex;
    flex-direction: column;
    height: 100%;
    text-align: center;
}
.flxit2 {
    width: 100%;
    flex-grow: 1;
    background: #4cabb1;
}
.flxit2:nth-child(2) {
    background: #6ac0a8;
}
.flxit2 div {
    margin-top: 25%;
    color: #fff;
    font-weight: 300;
    letter-spacing: 0.05em;
}
.flxit2 div h1,
.flxit2 div h2 {
    color: #fff;
    font-weight: 500;
    font-size: 1.55em;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    margin-bottom: 5px;
}
.flxit2 span {
    background: #75d1b8;
    padding: 12px 24px;
    border-radius: 12px;
    text-transform: uppercase;
    font-size: 0.7em;
    font-weight: 500;
}
.content {
    position: relative;
    width: 100%;
    background: #5c607a;
    z-index: 335;
    margin-top: -9px;
}
.content section {
    padding-top: 56px;
    background: #fff;
    font-size: 1.1em;
    color: #7e7e7e;
    letter-spacing: 0.05em;
}
.content section:nth-child(2) {
    background: #fed586;
    padding-bottom: 64px;
}
.content section:nth-child(3) {
    background: #fff;
}
.content section:nth-child(4) {
    padding-bottom: 28px;
}
.content h1,
.content h2 {
    color: #434b56;
    font-weight: 500;
    font-size: 1.9em;
    line-height: 1.4em;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    margin-bottom: 15px;
}
.flxb3,
.flxit3 {
    text-align: center;
}
.flxb3 {
    display: flex;
    width: 100%;
}
.flxit3 {
    width: 33.33%;
    border-right: 1px solid #cfcfcf;
    padding: 0 8px;
    font-size: 0.9em;
    line-height: 1.5em;
    margin: 48px 0 56px;
}
.flxit3:last-child {
    border-right: 0 solid #cfcfcf;
    padding: 0;
}
.flxit3 i {
    font-size: 3.4em;
}
.flxit3 a {
    color: #7e7e7e;
}
.caption h2,
.flxit3 h2 {
    color: #434b56;
    font-weight: 600;
    font-size: 1em;
    letter-spacing: 0.035em;
    text-transform: uppercase;
    margin: 42px 0 0;
}
.caption h2 {
    margin: 4px 0 0;
}
.caption {
    min-height: 71px;
}
.caption p {
    margin: 0;
    padding: 0;
}
.icored {
    width: 15%;
    padding: 18px 18px 20px;
    border: 1px solid #cfcfcf;
    border-radius: 50%;
    margin: 12px auto auto;
}
.slideshow-container {
    position: relative;
    max-width: 784px;
    overflow: hidden;
    margin: 48px auto auto;
}
.slide {
    display: none;
    width: 100%;
}
.active {
    display: block;
}
.arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    padding: 10px;
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
    border: 0;
    font-size: 20px;
}
.arrow.left {
    left: 0;
}
.arrow.right {
    right: 0;
}
.caption {
    margin: auto;
    padding: 36px;
    max-width: 712px;
    background: #fff;
    font-size: 0.9em;
}
.claim {
    padding: 36px 4% 24px;
    text-align: left;
    letter-spacing: 0.01em;
    font-size: 0.98em;
}
.mag {
    width: 92%;
    padding: 0 4%;
    column-count: 3;
    column-gap: 2em;
    text-align: justify;
    -webkit-hyphens: auto;
    hyphens: auto;
    letter-spacing: 0;
    font-size: 0.975em;
    text-align-last: left;
}
.mag img {
    width: 100%;
    max-width: 348px;
    height: auto;
    padding: 12px 0;
    justify-content: stretch;
}
.video8 {
    max-width: 784px;
    height: auto;
    background-color: #000 !important;
}
.lkflx {
    margin-top: 16px;
}
.flxit3 i,
.lkflx a {
    color: #e00;
}
.flxb4 {
    display: flex;
    flex-direction: column;
    width: 92%;
    margin: 56px auto 48px;
    -webkit-box-shadow: 10px 10px 62px -11px rgba(0, 0, 0, 0.23);
    -moz-box-shadow: 10px 10px 62px -11px rgba(0, 0, 0, 0.23);
    box-shadow: 10px 10px 62px -11px rgba(0, 0, 0, 0.23);
}
.flxit4,
.flxit5 img {
    width: 100%;
    height: auto;
}
.flxb5 {
    display: flex;
    width: 100%;
    flex-direction: row;
}
.flxit5 img {
    min-height: 100%;
}
.flxit5 {
    width: 32.7%;
    font-size: 0.85em;
    line-height: 1.7em;
}
.flxit5:nth-child(2) {
    width: 67.3%;
}
.flxit5 h2 {
    color: #434b56;
    font-weight: 800;
    font-size: 1.2em;
    letter-spacing: 0.035em;
    text-transform: uppercase;
    margin: 56px 0 0;
}
.flxit5 span {
    background: #575b72;
    padding: 12px 36px;
    border-radius: 12px;
    text-transform: uppercase;
    font-size: 0.8em;
    font-weight: 700;
}
.claim2 {
    padding: 0 4%;
    letter-spacing: 0.01em;
    font-size: 0.98em;
}
.adc8 {
    margin-top: -28px;
    font-size: 0.9em;
}
.flwpic {
    width: 100%;
    height: auto;
    margin: 48px 0 0;
}
.flwpic1 {
    width: 92%;
    height: auto;
    border: 1px solid #c6c1c1;
    max-width: 690px;
}
.flxb16 {
    display: flex;
    width: 100%;
}
.flxit16 {
    width: 40%;
}
.flxit16:first-child {
    width: 58%;
    margin-right: 2%;
}
.flxit16 a:link,
.flxit16 a:visited,
.flxit17 a:link,
.flxit17 a:visited {
    color: #7e7e7e;
}
.flxit17 {
    width: 49%;
}
.flxit17:nth-child(n) {
    padding-right: 1%;
}
.flxit17:nth-child(2n) {
    padding-left: 1%;
}
.footer {
    position: relative;
    width: 100%;
    background: #505469;
    z-index: 333;
    padding: 56px 0;
}
.flxb6 {
    display: flex;
    flex-direction: row;
    width: 90%;
    margin: 56px auto 48px;
}
.flxit6 {
    font-size: 0.9em;
    line-height: 2.4em;
    letter-spacing: 0.075em;
    width: 25%;
    padding: 0 12px;
    color: #fff;
    border-right: 1px solid #cfcfcf;
    text-align: center;
}
.flxit6:last-child {
    border-right: 0 solid #cfcfcf;
}
.flxit6 h3 {
    color: #fff;
    font-weight: 800;
    font-size: 1.2em;
    text-transform: uppercase;
    margin-bottom: 12px;
}
.flxit6 ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.diwa {
    width: 90px;
    height: auto;
    margin: 18px 0 2%;
    opacity: 0.7;
}
.diwa:hover {
    opacity: 0.7;
    transition: opacity 0.25s ease-in-out;
}
.ds9 {
    font-size: 0.8em;
    background: #474b5d;
    padding-top: 1%;
}
.ds9,
.ds9 a {
    color: #d4d4d4;
}
/*******************************
Akkordeon
*******************************/
 .accordion-btn {
    background-color: #ffffff;
    border: 1px solid #e0e0e0;
    border-radius:8px;
    padding: 0.8rem 1rem;
    margin-bottom: 0.7rem;
    border-radius: 6px;
    font-size: 1rem;
    text-align: left;
    color: #333;
    cursor: pointer;
    width: 100%;
    transition: background-color 0.3s ease, box-shadow 0.3s ease;
    box-shadow: 0 1px 3px rgba(0,0,0,0.03);
}

    .accordion-btn.active,
    .accordion-btn:hover {
        background-color: #ccc;
    }

    .accordion-panel {
        background-color: #fff;
        overflow: hidden;
        max-height: 0;
        transition: max-height 0.3s ease-out;
        padding: 0 1rem;
    }

    .accordion-panel p {
        margin: 1rem 0;
    }
/*******************************
Kontakt Inserat
*******************************/
.contact3 li a:link, .contact3 li a:visited{
    color: #333;
    font-weight:600;
    padding-bottom:12px;
}
.contact3 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%; /* sorgt für volle Höhe im Elternelement */
    background-color: #f7faff; /* sanfte Hintergrundfarbe */
    padding: 0 2rem 2rem 2rem;

    text-align: left;
}
.contact3 h2 {
    margin-bottom: 1rem;
    font-size: 1.4rem;
    color: #333;
}
.contact3 ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.contact3 li {
    background-color: #ffffff;
    border: 1px solid #e0e0e0;
    padding: 0.8rem 1rem;
    margin-bottom: 0.7rem;
    border-radius: 6px;
    font-size: 1rem;
    transition: background-color 0.3s ease;
}
.contact3 li:hover {
    background-color: #e8f3ff;
}
.contact3 a {
    color: #0074cc;
    text-decoration: none;
}
.contact3 a:hover {
    text-decoration: underline;
}

/*******************************
Baureportagen
*******************************/
.baureportagen{
    display:flex;
    flex-wrap:wrap;
    width:91%;
    padding:0 0 0 4%;
    text-align:left;
    font-size:0.8em;
    line-height:1.4em;
}
.baureportagen strong{
    font-size:1.2em;
    }
.baureportagen img{
    width:100%;
    height:auto;
    max-width:320px;
    margin:14px 0 6px 0;
    border-radius:8px;
}

.baureportagen div{
    width:29.32%;
    max-width:344px;
    background:#eff0f1;
    margin:2% 2% 0 0;
    padding:2% 1%;
    border-radius:8px;
            -moz-hyphens: auto; /*auto umbruch im Content*/
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        -o-hyphens: auto;
        hyphens: auto;
}
.baureportagen a:link, .baureportagen a:visited{
    color: #434b56;

    }
.aol3{
    position:relative;
    font-size:2em;
    z-index:9999;
}

@media screen and (max-width: 1372px) {
    .logo {
        width: 47%;
        height: auto;
        padding-bottom: 36px;
    }
    section {
        max-width: 1067px;
    }
    .flxb1 {
        display: flex;
        width: 100%;
    }
    .flxit1 {
        min-width: 40%;
    }
    .flxit1:nth-child(2) {
        max-width: auto;
    }
    .flxit1:nth-child(2) img {
        max-width: 100%;
    }
    .flxit2 div {
        margin-top: 9%;
    }
}
@media screen and (max-width: 1150px) {
    section {
        max-width: 1002px;
    }
    .flxit1 {
        min-width: 40%;
    }
}
@media screen and (max-width: 1048px) {
    body,
    html {
        font-size: 0.93em;
        line-height: 1.6em;
    }
    section {
        max-width: 950px;
    }
    .flxit2 div {
        margin-top: 10.5%;
    }
    .flxit5 h2 {
        margin: 6%0 0;
    }
    .ds9 {
        color: #d4d4d4;
        font-size: 0.8em;
    }
}
@media screen and (max-width: 960px) {
    body,
    html {
        font-size: 0.93em;
        line-height: 1.6em;
    }
    section {
        max-width: 840px;
    }
    .flxb1 {
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }
    .flxit1,
    .tmp {
        width: 100%;
        height: auto;
        overflow: hidden;
    }
    .flxit1:nth-child(2) {
        width: 100%;
    }
    .flxit1 img {
        width: 100%;
        margin: -10%0-30%;
    }
    .flxb2 {
        flex-direction: row;
        width: 100%;
        height: 100%;
    }
    .flxit2 {
        width: 50%;
        flex-grow: 1;
        padding: 2%0 8%;
    }
    .content .flxit3 {
        font-size: 0.8em;
        line-height: 1.6em;
    }
    .content .flxit3 h2 {
        font-size: 1em;
    }
    .flxit3 i {
        font-size: 2.5em;
    }
    .mb9 {
        padding-bottom: 32px;
    }
    .mb9 img {
        height: 115%;
        overflow: hidden;
    }
    .content section h2 {
        font-size: 1.5em;
    }
    #caption h2 {
        font-size: 1.3em;
    }
    .flxit5 {
        font-size: 0.8em;
    }
    .flxit5:first-child h2 {
        margin-top: 32px;
    }
    .footer {
        padding: 0 0 56px;
    }
    .baureportagen div{
    width:44%;
    background:#eff0f1;
    margin:2% 2% 0 0;
    padding:3% 2%;
    border-radius:8px;
        max-width:800px;
}
.baureportagen img{
    max-width:336px;
    margin:18px 0;
}
}
@media screen and (max-width: 875px) {
    section {
        max-width: 768px;
    }
    .hmb5 {
        padding: 20px 24px 0 0;
    }
    .logo {
        padding: 0 0 36px 24px;
        width: 70%;
    }
    .flxb2 {
        flex-direction: column;
        font-size: 1.7em;
        line-height: 1.7em;
    }
    .flxit2 {
        width: 100%;
        padding: 0 0 8%;
    }
    .content {
        font-size: 1.7em;
        line-height: 1.5em;
    }
    .content section {
        font-size: 0.85em;
    }
    .content section h2 {
        font-size: 1.4em;
        line-height: 1.6em;
    }
    .ai6 {
        font-size: 1.1em;
        line-height: 1.4em;
    }
    .ai10 {
        font-size: 0.9em;
        line-height: 1.2em;
    }
    .ai6 strong {
        font-size: 1.3em;
    }
    .icored {
        width: 7%;
        padding: 23px;
    }
    .flxit3 i {
        font-size: 2.9em;
    }
    .content .flxit3 h2 {
        font-size: 1.6em;
    }
    .flxb3 {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        text-align: center;
    }
    .flxit3,
    .flxit3:last-child {
        width: 100%;
        border-right: 0 solid #cfcfcf;
        border-bottom: 1px solid #cfcfcf;
        padding: 48px 0 68px;
        margin: 0;
    }
    .flxit3:last-child {
        border-bottom: 0 solid #cfcfcf;
    }
    .slideshow-container {
        width: 684px;
        margin-top: 0;
    }
    .caption {
        width: 612px;
        font-size: 0.8em;
        line-height: 1.6em;
    }
    .claim,
    .mag {
        line-height: 1.4em;
    }
    .claim {
        padding: 36px 4% 24px;
        text-align: left;
        letter-spacing: 0.01em;
        font-size: 0.97em;
    }
    .mag {
        column-count: 2;
        letter-spacing: 0;
        font-size: 0.955em;
    }
    .flxb5 {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }
    .flxit5 {
        width: 100%;
        padding-bottom: 56px;
        border-bottom: 1px solid #cfcfcf;
    }
    .flxit5:nth-child(2) {
        width: 100%;
    }
    .mb8 {
        border: 0;
        padding-bottom: 0;
    }
    .eo3 {
        display: none;
    }
    .eo6 {
        padding-bottom: 6px;
    }
    .eo6,
    .eo7 {
        border: 0;
    }
    .video8 {
        max-width: 80%;
    }
    @media screen and (max-width: 729px) {
        body,
        html {
            font-size: 0.88em;
        }
        .hmb5 {
            position: absolute;
            top: -75%;
            right: 2%;
            font-size: 1.1em;
        }
        .logo {
            padding: 12px 0 28px 12px;
            width: 90%;
        }
        section {
            max-width: 98%;
        }
        .flxit1 {
            max-width: 729px;
            height: auto;
        }
        .flxb2 {
            font-size: 1.2em;
            line-height: 1.5em;
        }
        .flxit2 {
            width: 96%;
            padding: 0 2% 13%;
        }
        .flxit2 div h1,
        .flxit2 div h2 {
            font-weight: 500;
            font-size: 1.45em;
            letter-spacing: 0;
        }
        .content section:first-child {
            padding: 12px 0 68px;
        }
        .content section h2 {
            font-size: 1.15em;
        }
        .flxit3 {
            padding: 36px 0 68px;
        }
        .flxit3:last-child {
            padding: 36px 0 0;
        }
        .content .flxit3 h2 {
            font-size: 1.2em;
        }
        .icored {
            width: 15%;
            padding: 4% 3%;
        }
        .slideshow-container {
            width: 98%;
            margin-top: 0;
        }
        .slideshow-container img {
            width: 190%;
            margin-left: -40%;
        }
        .caption {
            width: 77%;
            font-size: 0.8em;
            line-height: 1.6em;
        }
        .claim,
        .mag {
            letter-spacing: 0;
            font-size: 0.95em;
        }
        .claim {
            text-align: justify;
            -webkit-hyphens: auto;
            hyphens: auto;
        }
        .mag {
            column-count: 1;
        }
        .mag img {
            height: auto;
            padding: 24px 0;
        }
        .content section:last-child {
            font-size: 0.75em;
            line-height: 1.4em;
            letter-spacing: 0;
        }
        .flxit5,
        .flxit5:nth-child(2) {
            width: 94%;
            font-size: 0.9em;
            line-height: 1.6em;
            padding-left: 2%;
            padding-right: 2%;
        }
        .flxb6 {
            display: flex;
            flex-direction: column;
            width: 100%;
            margin-top: 14px;
            margin-bottom: 36px;
        }
        .flxit6 {
            font-size: 0.9em;
            width: 90%;
            padding-bottom: 24px;
            border-right: 0 solid #cfcfcf;
            border-bottom: 1px solid #cfcfcf;
        }
        .flxit6:last-child {
            border-right: 0 solid #cfcfcf;
            border-bottom: 0 solid #cfcfcf;
        }
        .slideshow-container{
            max-width:80%;
        }
        .slideshow-container img{
           margin-left:-120px;
        }

    }
    @media screen and (max-width: 690px) {
        .template {
            margin-top: 3%;
        }
        .mag img {
            width: 100%;
            max-width: 600px;
        }
        .flxb16 {
            flex-wrap: wrap;
        }
        .flxit16,
        .flxit17 {
            width: 100%;
            margin-top: 36px;
        }
        .flxit16:first-child {
            width: 100%;
            margin-right: 0;
        }
        .flxit17:nth-child(n) {
            padding-right: 0;
            margin-top: -5%;
        }
        .flxit17:nth-child(2n) {
            padding-left: 0;
            margin-top: 8%;
        }
        .ai80 {
            margin-top: -15%;
        }
        .slideshow-container{
            max-width:98%;
        }
        .slideshow-container img{
           margin-left:-280px;
        }
    }
    @media screen and (max-width: 414px) {
        .template {
            margin-top: 0;
        }
        .flxit1 {
            width: 389px;
            max-width: 100%;
            height: auto;
        }
.baureportagen div{
    width:94%;
    background:#eff0f1;
    margin:2% 2% 0 0;
    font-size:1.1em;
    padding:24px 14px 12px 14px;
    border-radius:8px;
}
.baureportagen img{
    max-width:336px;
    margin:18px 0;
}
  .slideshow-container{
            max-width:95%;
        }
        .slideshow-container img{
           margin-left:-165px;
        }

    }
    @media screen and (max-width: 412px) {
        .flxit1 {
            width: 412px;
            max-width: 100%;
            height: auto;
        }
      .slideshow-container{
            max-width:95%;
        }
        .slideshow-container img{
           margin-left:-155px;
        }
    }
    @media screen and (max-width: 320px) {
        .flxit1 {
            width: 317px;
            max-width: 100%;
            height: auto;
        }

    }
}