main {
    max-width:1920px;
    margin:auto;
    background:#fff;
}

main .frame-type-text {
    padding:0 20px 0 20px;
}

main .frame-type-header {
    padding-left:60px;
}

main a {
    color:var(--gzrot);
    font-weight:bold;
    text-decoration:underline;
}

main a:hover {
    text-decoration:none;
}

main h1 {
    font-family:Georgia, 'Times New Roman', Times, sans-serif;
    font-size:3rem;
    color:var(--gzrot);
    padding:0;
    margin:0 0 13px 0;
}

main h2 {
    font-family:Georgia, 'Times New Roman', Times, sans-serif;
    font-size:2.5rem;
    color:var(--gzdklgrau);
    margin:0 0 20px 0;
}

main p {
    font-family:'Roboto';
    font-size:1.125rem;
    line-height:27px;
    letter-spacing: 0.18px;
}

main blockquote {
    font-family: Georgia;
    font-style: italic;
    font-size:1.625rem;
    line-height:36px;
    letter-spacing: 0.26px;
    color:var(--gzrot);
    text-align:left;
    padding:0;
    margin:20px 0 20px 0;
    /*border-top: 2px solid var(--gzrot);
    border-bottom: 2px solid var(--gzrot);*/
    border-image:unset;
}

main blockquote p {
    font-family: Georgiaitalic;
    font-style: italic;
    font-size:1.625rem;
    line-height:36px;
    letter-spacing: 0.26px;
    color:var(--gzrot);
    text-align:left;
}

main blockquote p::before {
    content:"„";
}

main blockquote p::after {
    content:"“";
}

main blockquote cite {
    font-family: Roboto;
    font-style: normal;
    font-size:1.125rem;
    color:var(--gzrot);
}

main .bodytext ul, main .frame-type-text ul, main .frame-type-textpic ul {
    list-style: none;
    padding-left: 0;
    font-size:1.125rem;
}

main .bodytext ul li, main .frame-type-text ul li, main .frame-type-textpic ul li {
    position: relative;
    padding-left: 18px;
    padding-bottom:16px;
    margin: .4em 0;
}

main .bodytext ul li::before, main .frame-type-text ul li::before, main .frame-type-textpic ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.25em;
    width: 0;
    height: 0;
    border-left: 0.6em solid var(--gzrot);
    border-top: 0.35em solid transparent;
    border-bottom: 0.35em solid transparent;
}

main .bodytext ul li:last-child, main .frame-type-text ul li:last-child, main .frame-type-textpic ul li:last-child {
    margin-bottom:0;
    padding-bottom:0;
}

main ol {
padding:0 0 0 18px;
font-size:1.125rem;
margin:0;
}

main ol li {
padding-bottom:16px;
}

main ol li::marker {
    color:var(--gzrot);
}

/* LAYOUT: ROTER TEXT */
main .text_rot  {
  background-color: var(--gzrot);
  padding-bottom:40px;
}

main .text_rot h1, main .text_rot h2, main .text_rot h3, main .text_rot h4, main .text_rot h5 {
    text-align:center;
    font-family:Georgia,  Times, sans-serif;
    font-size:2.25rem;
    color:#fff;
    line-height: 46px;
    padding:32px 20px 0 20px;
    margin:0;
}

main .text_rot .rot_inner {
    color:#fff;
    font-family: Roboto, sans-serif;
    font-size:1.125rem;
    line-height:28px;
    letter-spacing:0.18px;
    text-align:center;
    margin:0 20px 0 20px;
    padding: 0 0 40px 0;
    column-count: 1;
}

main .text_rot .rot_inner a {
    text-decoration:underline;
    color:#fff;
}

main .text_rot .rot_inner a:hover{
    text-decoration:none;
    color:#fff;
}

/* Container */
main .containeronecol {
    display:block;
}

/* Layout: Image Archiv */

.archive_wrapper {
    margin-bottom:100px;
}

.archive_left nav {
    display:none;
}

.archive_left_mobile {
    width:100%;
}

.archive_right {
    margin:auto;
    width:288px;
    padding-top:40px;
}

.archive_right .ce-row {
    width:100%;
    margin:auto;
}

.archive_right .ce-row .ce-column {
    float:unset;
}

.archive_right .archivimage {
    margin:0;
    padding:0;
    width:288px;
}

.archive_right .archivimage img {
    width:288px;
    height:auto;
}

.archive_right .archivimage figcaption {
    margin:0 0 25px 0;
    padding:0;
    width:288px;
    text-align:left;
    color:var(--gzdklgrau);
    font-size:1rem;
    letter-spacing: 0.16px;
    line-height:36px;
}

.archive_left_mobile select, #filter_select {
    width:calc(100% - 40px);
    max-width:500px;
    padding:5px;
    font-size:1.125rem;
    letter-spacing 3.6px;
    line-height:30px;
    border:2px solid var(--gzrot);
    border-radius:8px;
    color:var(--gzrot);
    font-weight:bold;
    font-family: 'Roboto';

    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding: 10px 40px 10px 10px;
    background-color: #fff;
    background-image: url('../Images/select_icon.svg');
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 20px 20px;

}


.archive_header h2, .archive_header h1 {
    font-family: 'Georgia';
    font-size:2.375rem;
    letter-spacing:-0.76px;
    line-height:48px;
    color:var(--gzdklgrau);
    text-align: left;
    padding:0 0 0 20px;
}



@media screen AND (min-width:1024px) {
    .archive_left_mobile {
        display:none;
    }

    .archive_header h2, .archive_header h1 {
        padding: 0 0 60px 60px;
        margin:0;
        font-size:50px;
        letter-spacing:unset;
        line-height:unset;
    }

    .archive_left nav {
        display:block;
        width:250px;

    }

    .archive_left nav ul {
        list-style-type: none;
        padding:0 0 0 60px;
        margin:0;
    }

    .archive_left nav ul li {
        padding:0;
        margin:0;
        text-align:left;
        font-size:1rem;
        letter-spacing: 0.16px;
        line-height:36px;
        white-space: nowrap;
    }

    .archive_wrapper {
        display:flex;
    }

    .archive_right {
        display:flex;
        flex-wrap:wrap;
        gap:30px;
        width:unset;
        padding:10px 0 0 0;
        text-align: left;
        justify-content: flex-start;
        margin:0;
    }

    .archive_left a {
        text-decoration:none;
        color:var(--gzrot);
    }

    .archive_left a:hover {
        text-decoration:underline;
        color:var(--gzrot);
    }

    .archivactive {
        text-decoration:underline;
        color:var(--gzrot);
        font-weight:bold;
    }

    main .breadcrumb {
        padding-top:60px;
    }
}

@media screen AND (min-width:1440px) {

    .archive_header, .archive_wrapper {
        width:1175px;
        margin:auto;
    }

    .archive_header h2, .archive_header h1 {
        padding: 0 0 60px 0;
    }

    .archive_left nav {
        width:unset;
    }

    .archive_left nav ul {
        padding:0;
        width:unset;
    }

    .archive_right {
        padding:10px 0 0 50px;
        max-width:1000px;
    }

    main .frame-type-header {
        padding:0px;
    }

    .filter_desktop {
        display: block;
        margin: 60px 0 0 0 !important;
    }


}

/*BREADCRUMB*/

main .breadcrumb ul {
    padding:26px 0 30px 63px !important;
    margin:0;
    list-style-type: none;
    background:none;
    display:flex;
    flex-wrap:wrap;
    gap:10px;
}

main .breadcrumb ul li {
    padding:0 !important;
    margin:0 !important;
    font-size:1rem;
    letter-spacing: 0.16px;
    line-height:26px;
}

main .breadcrumb ul li::before {
    content: unset;
    position: unset;
    left: unset;
    top: unset;
    width: unset;
    height: unset;
    border-left: unset;
    border-top: unset;
    border-bottom:unset;
}


.breadcrumb a {
    color:var(--gzdklgrau);
    font-weight: normal;
    text-decoration:underline;
}

.breadcrumb a:hover {
    color:var(--gzrot);
    text-decoration:none;
}


.cbaktausgbestart {
    margin-bottom:0px;
}


@media (min-width:1024px) {

    .cbaktausgbestart {
        margin-bottom:60px;
    }

    main .frame-type-text {
        text-align:left;
        padding:0 60px 0 60px;
    }

    main .text_rot {
        padding: 46px 63px;
        padding-bottom:90px;
    }

    main .text_rot .rot_inner {
        column-count: 2;
        column-gap: 40px;
        text-align:left;
        padding:0;
        margin:0;
    }

    main .text_rot .rot_inner p {
        padding:0;
        margin:0;
        text-align:left;
    }

    main .text_rot h1, main .text_rot h2, main .text_rot h3, main .text_rot h4, main .text_rot h5 {
        text-align:left;
        padding:0 0 38px 0;
    }

    main .containeronecol {
        display:flex;
        flex-wrap:wrap;
        gap:17%;
    }

    main .containeronecol {
        padding: 69px 60px 0 60px;
    }

    main .containeronecol .ueberunscontainer {
        width:20%;
    }

    .breadcrumb ul {
        padding:76px 0 56px 60px;
    }

}





@media (min-width:1440px) {
    main .text_rot {
        padding: 80px 139px;
    }

    main .text_rot .rot_inner, main .text_rot header {
       width:1175px;
       margin:auto;
    }

    main .frame-type-text {
        /*padding:0 139px 0 139px;*/
        padding:0;
    }

    main .containeronecol {
        padding: 69px 0 0 0;
    }

    .breadcrumb ul {
        padding:26px 0 58px 69px;
    }
    .cbaktausgbestart {
        margin-bottom:123px;
    }

    .breadcrumb {
        padding: 0 136px 0 10px;
        width:1175px;
        margin:auto;
    }

    .breadcrumb ul {
        padding:76px 0 56px 0px;
    }

    main .frame-layout-0 {
        width:1175px;
        margin:auto;
    }

    .frame-type-news_newsliststicky {
        width:100% !important;
    }
}


.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}


#wrapper_scrolltop {
    position:absolute;
    bottom:100px;
}


.werbung3 {
    border:15px solid var(--gzrot) !important;
    text-align:left;
}

#werbunghoch p, #werbungquer p {
    font-family:'Times New Roman', Times, sans-serif;
    font-size:1rem;
    font-weight:normal;
    line-height: unset;
    padding: 0 20px 0 20px;
    margin:0;
}

#werbunghoch .image {
    text-align:center;
    display:block;
    width:100%;
}

#werbunghoch .image img {
    width:70%;
    height:auto;
}

#werbunghoch .werbungrot, #werbungquer .werbungrot {
    color: var(--gzrot);
    text-transform: uppercase;
    font-weight:bold;
}

#werbungquer {
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
    margin: 0 20px 18px 20px;
}



#werbungquer .wquerli {
    padding:10px 20px 10px 10px;
    width:33%;

    text-align:left;
}

#werbungquer .wquerli img {
    width:260px;
    height:auto;
}

#werbungquer .wquerli p {
    padding-left:40px;
    font-size:1.125rem;
}




#werbungquer  .wquerre {
    padding: 0 30px 30px 0;
    align-self:flex-end;
}

@media (min-width:1024px) {
    #werbungquer {
        margin:0 62px 0 62px;
    }

     #werbungquer .quermi {

     }


}

@media (min-width:1440px) {
    #werbungquer {
    width:1145px;
    margin:0;
    }
}

.news3spaltignoad ul li:last-of-type .trennero, .news3spaltig article ul li:last-of-type .trennero {
    display:none !important;
}

blockquote::after {
  font-family: 'Roboto';
  content: "- " attr(cite);      /* zeigt den Wert des cite-Attributs an */
  display: block;
  font-size: 1rem;
  color: var(--gzrot);
  margin-top: 0.3em;
  font-style: normal;
  background-image: linear-gradient(#DD232C, #DD232C);
  background-size: 45% 2px;
  background-repeat: no-repeat;
  background-position-y:bottom;
}

blockquote::before {
  content: '';
  display: block;
  width: 45%;
  height: 2px;
  background-image: linear-gradient(#DD232C, #DD232C);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  margin-bottom: 8px;
}

@media (max-width:600px) {
    #werbungquer img {
        max-width:100%;
        height:auto;
    }
}
