/* UTILITY CLASSES */
.align-right {float: right}
.align-left {float: left}

@media (max-width: 36.25em) {
    .hide-mobile {
        display: none;
    }
}

/*
    Situation with old design: Headlines are part of the HTML-content.
    Situation with new design: Headlines are a field seperated from the content.
    To prevent changing the current structures, we will make content-headlines look like they are seperated.
 */
.page-text__text h1,
.page-text__text h2,
.page-text__text h3,
.page-text__text h4 {
    font-family: EB Garamond,Georgia,Times New Roman,Times,serif;
    font-size: 5.5rem;
    font-weight: 600;
    hyphens: manual;
    line-height: 6rem;
    margin-bottom: 2rem;
    max-width: 100rem;
}

/* BWCMSINT-112: Custom size for h2-headlines */
.article__content h2 {
    font-size: 4.3rem;
}
.article__content .basecontent-pbsbw---html-editor h2 {
    font-size: 3.2rem;
}
.article__content .basecontent-pbsbw---html-editor h3 {
    font-size: 2.8rem;
}
/* BWCMSINT-112: All headlines should now have serif-font */
/* BWCMSINT-181: word-wrap for all headlines */
h1, h2, h3 {
    font-family: "EB Garamond", Georgia, "Times New Roman", Times, serif !important;
    word-break: break-word;
    word-wrap: break-word;
}
/* BWCMSINT-112: Headlines in nachgeordneten Ministerien should all look the same */
.likeStandardText h1,
.nachgeordnet .article__content h1,
.nachgeordnet .headline.headline--1 {
    font-size: 2.5em !important;
    font-weight: 600 !important;
    line-height: initial !important;
    line-height: normal !important;
}

.likeStandardText h2,
.nachgeordnet .article__content h2,
.nachgeordnet .headline.headline--2 {
    font-size: 3.2rem !important;
    font-weight: 600 !important;
    line-height: initial !important;
    line-height: normal !important;
}

.likeStandardText h3,
.nachgeordnet .article__content h3,
.nachgeordnet .headline.headline--3 {
    font-size: 2.8rem !important;
    font-weight: 600 !important;
    line-height: initial !important;
    line-height: normal !important;
}

@media (max-width: 51.875em) {
    .likeStandardText h1,
    .nachgeordnet .article__content h1,
    .nachgeordnet .headline.headline--1 {
        font-size: 2.0em !important;
    }

    .likeStandardText h2,
    .nachgeordnet .article__content h2,
    .nachgeordnet .headline.headline--2 {
        font-size: 2.8rem !important;
    }

    .likeStandardText h3,
    .nachgeordnet .article__content h3,
    .nachgeordnet .headline.headline--3 {
        font-size: 2.3rem !important;
    }
}
/* BWCMSINT-202: Added CSS-Class to format text like default content */
.likeStandardText {
    font-size: 1.8rem;
    line-height: initial;
    line-height: normal;
}

/*
 Same situation with the More-Link as with the Headline (see above). Making the More-Link in the HTML-Content look like in the Layout.
 */
.v-m-wm a.link-download-block,
.v-m-wm a.link-external-block {
    box-shadow: inset 0 -1px transparent;
    color: #3f3f3f;
    line-height: 24px;
    transition-property: box-shadow;
    display: inline-block;
}
.v-m-wm .link-block,
.v-m-wm .p-icon-email,
.v-m-wm .p-icon-fax,
.v-m-wm .p-icon-phone {
    display: inline-block;
}
.v-m-wm .link-inline:hover,
.v-m-wm .link-block a,
.v-m-wm .link-block:hover,
.v-m-wm .link-pdf:hover,
.v-m-wm .p-icon-email:hover,
.v-m-wm .p-icon-fax:hover,
.v-m-wm .p-icon-phone:hover,
.v-m-wm .link-contactform:hover {
    box-shadow: inset 0 -2px 1px -1px transparent;
}
.v-m-wm a.link-download-block::after,
.v-m-wm a.link-external-block::after {
    background-position: 0 3px;
    background-size: initial;
    background-size: normal;
    height: 1.8rem;
    margin-right: 0.5rem;
    width: 1.2rem;
}
.v-m-wm a.link-block::after {
    background-position: 0;
    background-size: initial;
    background-size: normal;
    height: 1.4rem;
    top: .65rem;
}
.v-m-wm .link-block,
.v-m-wm .link-block:hover {
    text-decoration: none;
}
.v-m-wm p.link-block::after {
    display: none;
}

.v-m-wm .p-icon-email,
.v-m-wm .p-icon-fax,
.v-m-wm .p-icon-phone,
.v-m-wm .link-pdf,
.v-m-wm .link-contactform {
    margin-left: 2.2rem;
    position: relative;
}
.v-m-wm .link-pdf:after,
.v-m-wm .link-contactform:after {
    content: '';
    height: 1.6rem;
    left: -2.2rem;
    position: absolute;
    top: .35rem;
    width: 2.2rem;
}
.v-m-wm .link-contactform:after {
    height: 2rem;
}

h1 .link::after,
h2 .link::after,
h3 .link::after {
    margin-top: 1.2rem;
}

/* BWCMSINT-128: Overwriting styles of these icons, because they are displayed a bit too large */
.v-m-wm .p-icon-email::after,
.v-m-wm .p-icon-fax::after,
.v-m-wm .p-icon-phone::after {
    background-repeat: no-repeat;
    content: "";
    height: 2rem;
    left: -2.2rem;
    position: absolute;
    top: .2rem;
    width: 1.8rem;
}
.v-m-wm .text .p-icon-email::after,
.v-m-wm .text .p-icon-fax::after,
.v-m-wm .text .p-icon-phone::after {
    top: .75rem;
}

/* BWCMSINT-99: These rules prevent the display of 2 nested mail-icons, caused by legacy mail-link-formatting */
.v-m-wm .link-download > .link-download,
.v-m-wm .link-download > .link-pdf,
.v-m-wm .link-pdf > .link-download,
.v-m-wm  .link-inline > .link-inline,
.v-m-wm .p-icon-email .p-icon-email {
    margin-left: 0;
}
.v-m-wm .link-download > .link-download:after,
.v-m-wm .link-download > .link-pdf:after,
.v-m-wm .link-pdf > .link-download:after,
.v-m-wm  .link-inline > .link-inline:after,
.v-m-wm .p-icon-email .p-icon-email:after{
    display: none;
}

/* Fax- and Tel-Links can be placed within or outside a regular link. This rule prevents 2 box-shadows from displaying. */
.v-m-wm .p-icon-fax > .link,
.v-m-wm .p-icon-phone > .link,
.v-m-wm .link[href^="tel:"]:not(.p-icon-fax):not(.p-icon-phone) {
    box-shadow: none;
}

article .article__content .basecontent-pbsbw---html-editor > p,
article .article__content .basecontent-pbsbw---html-editor > ul,
article .article__content .basecontent-pbsbw---html-editor > ol,
article .article__content .basecontent-pbsbw---html-editor > table {
    margin-bottom: 2rem;
}

.grid .grid__item .composedcontent-pbsbw2---allgemeines-modul .basecontent-pbsbw---html-editor h2,
.grid .grid__item .composedcontent-pbsbw2---allgemeines-modul .basecontent-pbsbw---html-editor h3 {
    margin-bottom: 2rem;
    margin-top: 4rem;
}

.grid .grid__item .composedcontent-pbsbw2---allgemeines-modul {
    overflow-y: auto;
}

.div_hidden_scrollbar {
    overflow-y: hidden !important;
}

/* Giving Headlines in articlecontent more space */
article .article__content .article__section > h1,
article .article__content .article__section .basecontent-pbsbw---html-editor h2,
article .article__content .article__section .basecontent-pbsbw---html-editor h3 {
    margin-bottom: 2rem;
    margin-top: 4rem;
}
article .article__content .article__section > h1:first-child,
article .article__content .article__section .basecontent-pbsbw---html-editor h2:first-child,
article .article__content .article__section .basecontent-pbsbw---html-editor h3:first-child {
    margin-top: 0;
}

/* Teaser Headlines should look like a h3 */
.mod-portrait .mod-header .headline,
.mod-articlelist .mod-header .headline,
.composedcontent-pbsbw2---allgemeines-modul .mod-header .headline,
.composedcontent-pbsbw2---artikelteaser-mit-medien .mod-header .headline {
    font-size: 3.2rem;
    line-height: 4rem;
}

header.gallery_header_buffer,div.gallery_header_buffer
{
    padding-left: 6rem;
    padding-right: 6rem;
    margin-bottom: 3rem;
}

/* Images should not stretch or exceed their containers height - EDIT: Wird über custom CSS im Content gelöst */
/* .image__img {
    height: auto;
    max-height: 100%;
    width: auto;
}*/

/*
 .image__img {
    height: 100%;
}
*/
/* New layout uses border instead of horizontal lines. So a style for all the old hr-elements is required */
hr {
    margin: 1rem 0;
}

/* Teaser-Sliders are not designed for a 75%- or 50%-grid. We still need to support those */
/* BWCMSINT-164: Making an exception for Multibox-Teaser-Sliders, or otherwise their functionality breaks */
.grid--25-75 .module-child > div:not(.composedcontent-pbsbw2---multitab---main) .teaser-slider__teaser,
.grid--75-25 .module-child > div:not(.composedcontent-pbsbw2---multitab---main) .teaser-slider__teaser{
    flex: 0 0 33%;
    max-width: 33%;
}
.grid--50-50 .module-child > div:not(.composedcontent-pbsbw2---multitab---main) .teaser-slider__teaser,
.grid--50-25-25 .module-child > div:not(.composedcontent-pbsbw2---multitab---main) .teaser-slider__teaser,
.grid--25-50-25 .module-child > div:not(.composedcontent-pbsbw2---multitab---main) .teaser-slider__teaser,
.grid--25-25-50 .module-child > div:not(.composedcontent-pbsbw2---multitab---main) .teaser-slider__teaser{
    flex: 0 0 50%;
    max-width: 50%;
}

/* Sometimes, sliders make use of complex text/html-Elements as caption. In this case, we need to force height
   to "auto" to prevent the texts from beeing cut off. A side-effect is, that the slider may "jump" on navigation.
    However, fixing content being cut-off or creating excess margin has priority. */
.slider__slides-wrap,
.frontpage-header__contentwrap{
    height: auto !important;
}

.frontpage-header__textwrap:focus {
    outline: initial;
    outline-offset: initial;
}

.frontpage-header__textwrap:focus > .frontpage-header__headline, .frontpage-header__textwrap:focus > .frontpage-header__text {
    padding: 8px;
    outline: 3px solid #979797;
    outline-offset: -3px;
}

.frontpage-header__contentwrap .button:focus {
    outline: 3px solid #979797;
    outline-offset: 5px;
    margin: 8px;
}

.frontpage-header__figure a:focus {
    display: inline-block;
    width: calc(100% - 16px);
    position: relative;
    left: 8px;
    top: 8px;
}

.teaser__image .binary-no-caption a:focus {
    display: inline-block;
    width: calc(100% - 16px);
    position: relative;
    left: 8px;
    top: 8px;
}

/* START Add support for new grid-sizes */
.grid--33-66 .grid__col,
.grid--66-33 .grid__col {
    width: 33.33%;
}
.grid--66-33 .grid__col:first-child,
.grid--33-66 .grid__col:last-child {
    width: 66.66%;
}

@media (min-width: 36.25em) and (max-width: 51.865em) {
    .grid--66-33 .grid__col,
    .grid--33-66 .grid__col {
        width: 50%;
    }
    .grid--66-33 .grid__col:first-child,
    .grid--33-66 .grid__col:last-child {
        width: 100%;
    }
}

@media (max-width: 36.25em) {
    .grid--66-33 .grid__col,
    .grid--33-66 .grid__col,
    .grid--66-33 .grid__col:first-child,
    .grid--33-66 .grid__col:last-child {
        width: 100%;
    }
}



@media (min-width: 36.25em) and (max-width: 51.865em) {
    .grid--25-50-25 .grid__col {
        width: 50%;
    }
    .grid--25-50-25 .grid__col:first-child {
        width: 100%;
    }
    .grid--25-50-25 .grid__col:nth-child(n+2) {
        margin-top: 4rem;
    }
}

@media (min-width: 51.875em) and (max-width: 68.115em) {
    .grid--25-50-25 .grid__col {
        width: 33.33%;
    }
}

@media (min-width: 68.125em) {
    .grid--25-50-25 .grid__col{
        width: 25%;
    }
    .grid--25-50-25 .grid__col:nth-child(2) {
        width: 50%;
    }
}
/* END Add support for new grid-sizes */

/* In case a grid-item contains multiple modules, give all but the last module more bottom-space */
.grid__item .module-child:not(:last-child) {
    margin-bottom: 2rem;
}

/* Fix Word-Break and texts overflowing vertically in Teaser-Sliders */
.teaser-slider__teaser {
    word-break: break-word;
    word-wrap: break-word;
}
.teaser__content {
    padding-bottom: 1rem;
}

/* The slider already gives padding. Removing padding from dossier-header to align it with other content on the page. */
.article  .article__section .slider,
.dossier-header .slider .dossier-header__inner {
    padding: 0;
}
/* Except when its located inside an article__breaker */
.article  .article__section .article__breaker .slider {
    padding-left: 6rem;
    padding-right: 6rem;
}
/* If the last section of a dossier page contains a slider, it requires additional margin-bottom or its controls will overlap with the footer */
.page__section:last-child .grid__item .slider .slider__slides-wrap {
    margin-bottom: 60px;
}
/* Headlines in text-sliders, located inside grid-modules, should not look like a frontpage-headline */
.page__section .grid__item .slider--frontpage .headline.headline--1 {
    font-size: 3.2rem;
    line-height: 4rem;
}

/* Reset overflow-y rules, otherwise, article-tools are not sticky anymore */
html {
    overflow-y: initial;
    overflow-y: normal;
}

/* A grid can contain more children than normally supported. These children are displayed in a new line. Adding margin to make the newline
   look like a new row */
.grid--25-25-25-25 > .grid__row > .grid__col:nth-child(n+5),
.grid--50-25-25 > .grid__row > .grid__col:nth-child(n+4),
.grid--25-50-25 > .grid__row > .grid__col:nth-child(n+4),
.grid--25-25-50 > .grid__row > .grid__col:nth-child(n+4),
.grid--33-33-33 > .grid__row > .grid__col:nth-child(n+4),
.grid--25-75 > .grid__row > .grid__col:nth-child(n+3),
.grid--75-25 > .grid__row > .grid__col:nth-child(n+3),
.grid--50-50 > .grid__row > .grid__col:nth-child(n+3),
.grid--100 > .grid__row > .grid__col:nth-child(n+2){
    margin-top: 8rem;
}

/* Slight changes to list designs */
ul.right-navigation {
    list-style: none;
    padding-left: 0;
}
ul.right-navigation > ul {
    padding-left: 40px;
}

/* Seperator Dashed */
hr.seperator-dashed {
    border-style: dashed;
}

/* INFOSTRECKE START */
.infostrecke .infostreckenelement .article__body {
    padding-left: 0;
    padding-right: 0;
}
/* INFOSTRECKE END */

/* LIGHTBOX START */
.lightboxBorder {
    border: 1px solid black;
    padding: 10px;
}
.lightbox-info {
    margin-top: 10px;
}
#fancybox-wrap,
#fancybox-wrap *{
 box-sizing: content-box;
}
#fancybox-title{
    text-align: left;
}
/* LIGHTBOX END */

/*  TABLES START */
.contenttable.show-grid th,
.contenttable.show-grid td {
    padding-left: 5px;
}

.contenttable.downloads tr td:last-child,
.contenttable.downloads tr th:last-child {
    text-align: right;
}

.downloaddescription {
    padding-bottom: 20px !important;
    padding-left: 10px !important;
    text-align: justify !important;
}

.downloaddescription img {
    margin-right: 5px !important;
}
/* TABLES END */

/* MULTIMEDIA START */
.article__body .article-title__media {
    margin: 0;
}

.multimedia .mejs-mediaelement video video:focus {
    outline: initial;
    outline-offset: initial;
}

.multimedia:focus-within {
    outline: 3px solid #979797;
    outline-offset: 5px;
    display: inline-block;
}
/* MULTIMEDIA END */

/* FORM ELEMENT START */
form#loginForm {
    width: 100%;
}
.basecontent-form-editor .contentForm .formElementContainer {
    border: 0;
    padding-left: 0;
}
.basecontent-form-editor .contentForm .formElementContainer .formElement {
    margin-bottom: 2rem;
    position: relative;
    width: 100%;
}
.basecontent-form-editor .contentForm .formElementContainer .formElement p {
    font-size: 1.8rem;
    border-bottom: 0;
}
.basecontent-form-editor .contentForm .formElementContainer .formElement h1,
.basecontent-form-editor .contentForm .formElementContainer .formElement h2,
.basecontent-form-editor .contentForm .formElementContainer .formElement h3{
    font-size: 3.2rem;
    font-weight: 400;
    margin-bottom: 8px;
}
.basecontent-form-editor .contentForm .formElementContainer {
    border-bottom: 0;
}
.basecontent-form-editor .contentForm .formElementContainer .formElementRow{
    margin-bottom: 1rem;
}
.basecontent-form-editor .contentForm .formElementContainer .formElementRow > span {
    width: 100% !important;
}
.basecontent-form-editor .contentForm .formElementContainer .formElementRow.senderCc > span{
    display: flex;
}
.basecontent-form-editor .contentForm .formElementContainer .formElementRow.senderCc input {
    margin-right: 1em;
}
.basecontent-form-editor .contentForm .formElementContainer .formElement .formElementOptions{
    width: 100%;
}
.basecontent-form-editor .contentForm .formElementContainer .formElement .formElementOptions .formElementOption {
    display: flex;
}
.basecontent-form-editor .contentForm .formElementContainer .formElementRow.senderCc label,
.basecontent-form-editor .contentForm .formElementContainer .formElement .formElementOptions .formElementOption label {
    padding-top: 1rem;
}
.basecontent-form-editor .contentForm .formElementContainer .formElement .customradiobutton .form-radio,
.basecontent-form-editor .contentForm .formElementContainer .formElement label{
    align-items: center;
    color: #3f3f3f;
    display: inline-block;
    font-size: 1.5rem;
    line-height: 1.9rem;
    margin-bottom: 0.5rem;
    text-transform: uppercase;
    width: 100%;
}
.basecontent-form-editor .contentForm .formElementContainer .formElement input,
.basecontent-form-editor .contentForm .formElementContainer .formElement textarea{
    background-color: #eae8de;
    border: 1px solid #eae8de;
    border-bottom: 2px solid #3f3f3f;
    box-sizing: border-box;
    color: #3f3f3f;
    font-size: 1.8rem;
    float: none;
    line-height: 2.4rem;
    overflow: hidden;
    padding: .6rem 1rem;
    transition-property: border,box-shadow;
    width: 100% !important;
}
.basecontent-form-editor .contentForm .formElementContainer .formElement textarea {
    min-height: 13.2rem;
}
@media only screen and (max-width: 1025px) {
    .basecontent-form-editor .contentForm .formElementContainer .formElement textarea {
        overflow-y: scroll;
    }
}
.basecontent-form-editor .contentForm .formElementContainer .formElement select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #eae8de;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cpath fill='%233f3f3f' d='M0,52.8512957 C0,51.9392726 0.155711267,51.0494939 0.4671338,50.2042042 C0.800800801,49.3589145 1.31242353,48.6248471 1.95751307,47.9575131 C3.24769214,46.667334 4.82704927,46 6.65109554,46 C8.47514181,46 10.0322545,46.667334 11.344678,47.9575131 L100.678456,137.313536 L188.477366,49.33667 C189.767545,48.0242465 191.369147,47.3791569 193.259927,47.3791569 C195.128462,47.3791569 196.752308,48.0242465 198.042487,49.33667 C199.35491,50.6268491 200,52.2284507 200,54.1192303 C200,56.01001 199.35491,57.6116116 198.042487,58.9017907 L105.372039,151.394283 C104.08186,152.684462 102.502503,153.351796 100.678456,153.351796 C98.85441,153.351796 97.2972973,152.684462 95.9848738,151.394283 L1.95751307,57.5448782 C1.31242353,56.8997887 0.800800801,56.1212323 0.4671338,55.2759426 C0.155711267,54.4306529 0,53.6298521 0,52.8512957 Z'/%3E%3C/svg%3E");
    background-position: calc(100% - 1.6rem) 50%;
    background-repeat: no-repeat;
    background-size: 1.6rem 1.6rem;
    border: 0;
    border-radius: 0;
    box-shadow: inset 0 0 0 2px #3f3f3f;
    cursor: pointer;
    font-size: 1.8rem;
    float: none;
    height: 4rem;
    line-height: 2.4rem;
    padding: .6rem 4.6rem .6rem 1rem;
    text-overflow: ellipsis;
    transition-property: box-shadow;
    width: 33%;
}
@media all and (-ms-high-contrast:none) {
    .basecontent-form-editor .contentForm .formElementContainer .formElement select {
        background-position: calc(100% - 1.5rem) 50%;
        background-size: 2.6rem 1.6rem;
    }
}
.basecontent-form-editor .contentForm .formElementContainer .formElement select::-ms-expand {
    display: none;
}
.basecontent-form-editor .contentForm .formElementContainer .formElement select:focus,
.basecontent-form-editor .contentForm .formElementContainer .formElement input[type="file"]:focus {
    outline: 3px solid #979797;
    outline-offset: 5px;
}
.basecontent-form-editor .contentForm .formElementContainer .formElement span.right,
.basecontent-form-editor .contentForm .formElementContainer .formElement span.right > *{
    float: none;
}
.basecontent-form-editor .contentForm .formElementContainer .formElement span.right input {
    margin-bottom: 1rem !important;
}
.basecontent-form-editor .contentForm .formElementContainer .formElement span.right input:first-child {
    margin-left: 0 !important;
}
.basecontent-form-editor .contentForm .formElementContainer .formElement.captcha input.captcha {
    margin-top: 1rem;
}
.basecontent-form-editor .contentForm .formElementContainer .formElement input[type="radio"],
.basecontent-form-editor .contentForm .formElementContainer .formElement input[type="checkbox"] {
    width: 2.6rem !important;
}
.basecontent-form-editor .contentForm .formElementContainer .formElement .customradiobutton,
.basecontent-form-editor .contentForm .formElementContainer .formElement .checkboxBorder {
    float: none;
    width: 100%;
}
.basecontent-form-editor .contentForm .formElementContainer .formElement .customradiobutton .form-radio {
    margin-bottom: 0.8rem;
}
.basecontent-form-editor .contentForm .formElementContainer .formElement .customradiobutton .form-radio label {
    display: initial;
}
.basecontent-form-editor .contentForm .formElementContainer .formElement .customradiobutton input,
.basecontent-form-editor .contentForm .formElementContainer .formElement .checkboxBorder input {
    display: inline-block;
    height: auto;
}
.basecontent-form-editor .contentForm .formElementContainer .formElement .checkboxBorder label {
    display: inline;
    text-transform: none;
    width: auto;

}
.basecontent-form-editor .contentForm .formButtonContainer {
    border: 0;
}
.basecontent-form-editor .contentForm .formElementContainer .formElement .fullWidth{
    float: none;
}
.basecontent-form-editor .contentForm .formButtonContainer .formButton {
    align-items: center;
    color: #fff;
    font-size: 1.8rem;
    height: 4.5rem;
    line-height: 2.4rem;
}
.basecontent-form-editor  .contentForm .formButtonContainer .formButton button::before {
    content: '>';
    font-size: 2.0rem;
    margin-right: 1rem;
    padding-left: 2.5rem;
    vertical-align: baseline;
    display: inline-block;
    text-decoration: none;
}
.basecontent-form-editor .contentForm .formButtonContainer .formButton input,
.basecontent-form-editor .contentForm .formButtonContainer .formButton button{
    cursor: pointer;
    font-size: 1.8rem;
    padding: 1rem 2.5rem !important;
    padding-left: 0 !important;
    width: auto !important;
}
.basecontent-form-editor .contentForm .formButtonContainer .formButton input:not([disabled]):focus,
.basecontent-form-editor .contentForm .formButtonContainer .formButton button:not([disabled]):focus,
.basecontent-form-editor .contentForm .formButtonContainer .formButton input:not([disabled]):hover,
.basecontent-form-editor .contentForm .formButtonContainer .formButton button:not([disabled]):hover{
    text-decoration: underline;
}
.basecontent-form-editor .contentForm .formButtonContainer .formButton .buttonLinkRight {
    height: auto;
}

@media (max-width: 460px) {
    .basecontent-form-editor .contentForm .formElementContainer .formElement select {
        font-size: 1.3rem;
    }
}

.basecontent-form-editor .contentForm .formButtonContainer .formButton input[type="submit"],
.basecontent-form-editor .contentForm .formButtonContainer .formButton input[type="reset"] {
    padding-left: 2.5rem !important;;
}

.basecontent-form-editor .contentForm .formElementContainer .formElement .remove-attachment-button {
    float: right;
    padding: 0 5px;
    font-size: 1.8rem;
    line-height: 25px;
    margin-bottom: 40px;
    background-color: #e7e7e7;
    color: black;
    border: 1px solid #aaa;
    margin-top: 5px;
}

.basecontent-form-editor .contentForm .formElementContainer .formElement .remove-attachment-button:hover {
    text-decoration: none;
    background-color: #ddecee;
    border: 1px solid #007bff;
}

/* BWCMSINT-129: Honey-Pot should not be visible */
.formElementRow.website {
    display: none !important;
}
/* FORM ELEMENT END */

/* MODULE HEADERS START */
.mod-header .teaser__headline,
.mod-header .teaser{
    font-size: 3.2rem;
    font-weight: 600;
}
.mod-header .teaser__meta {
    justify-content: space-between;
}
/* MODULE HEADERS END */

/* MULTI-TEASER START */
.teaserSection .grid {
    padding-left: 0;
    padding-right: 0;
}
@media (min-width: 36.25em){
    .teaserSection .grid--33-33-33 .grid__col {
        width: 33.33%;
        margin-top: 0;
    }
}
/* MULTI-TEASER END */

@media (max-width: 51.875em){
    /* Padding for Page-Header-Texts in Sliders */
    .slider .dossier-header__headline,
    .slider .dossier-header__text {
        padding: 0 2rem;
    }

    /* There is no need for margin in mobile views. It disrupts the flow of the image containers */
    .dossier-header__image {
        margin: 0;
    }
}

/* IMAGE TEASER START */
.mod-bildteaser .button {
    padding: 3rem 2.5rem;
    width: 100%;
}
/* BWCMSINT-135: Center button-text in bildteaser. Use Serif-font on button */
.mod-bildteaser .button {
    font-family: 'EB Garamond', Georgia, 'Times New Roman', Times, serif;
}
.mod-bildteaser .button a {
    display: inline-block;
    width: 100%;
    text-align: center;
}
/* IMAGE TEASER END */

/* AUTHOR-FUNCTION START */
.author-functions p > a {
    cursor: pointer;
    display: inline-block;
    font-size: 1.8rem;
    line-height: 2.4rem;
    margin-bottom: 2rem;
    text-decoration: none;
    user-select: text;
}
/* AUTHOR-FUNCTION END */

/* DYNAMIC CONTENT START */
.export-actions {
    display: flex;
    justify-content: space-between;
}
export-actions .rss-export {
    margin-left: auto;
}
.v-m-wm .pagination .link {
    box-shadow: none;
}

.js-verticalslider.js-verticalslider-initialized {
    height: auto;
    max-height: 47.5rem;
}
/* DYNAMIC CONTENT END */


.stickySidebar {
    position: fixed;
    right: 20px;
    margin-top: 30px;
    max-width: 130px;
    max-height: 130px;
    z-index: 1000;
}

/* x zum schließen der Flyouts */
/* line 212, ../../sass/modules/navigations/_stickySidebar.scss */
.stickyFlyoutClose {
    height: 20px;
    position: absolute;
    float: right;
    top: 5px;
    right: 5px;
}

/* line 219, ../../sass/modules/navigations/_stickySidebar.scss */
svg.stickyFlyoutClose {
    height: 25px;
    width: 25px;
    border-radius: 50px;
    background-color: #ddd8d3;
    border: 1px solid #ddd8d3;
    cursor: pointer;
}

.stickySidebar .stickyFlyoutElement {
    position: absolute;
    right: 110%;
    top: 0;
    display: none;
    min-width: 420px;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.25);
    padding: 20px;
    background: #fff;
    height: auto !important;
}

.stickySidebar .stickyElement {
    position: relative;
    margin-bottom: 1rem;
}

.stickyIcon {
    width: 100%;
    padding: 0;
    cursor: pointer;
}

.stickyIcon .stickyIconImgHover {
    display: none;
}

.stickyIcon.active .stickyIconImgHover {
    display: block !important;
}

.stickyIcon.active .stickyIconImg {
    display: none !important;
}

.stickyIconImg img,
.stickyIconImgHover img {
    max-height: 130px;
}

/* stickySidebar---mobile */
@media only screen and (max-width: 1025px) {
    .stickySidebar {
        bottom: 0;
        left: 0;
        right: 0;
        background-color: #fff;
        padding-top: 20px;
        padding-bottom: 20px;
        border-top: 1px solid #eae8de;
        margin-top: 0;
        width: 100%;
        max-width: 100%;
    }
    .stickySidebar .stickySidebar-wrapper {
        display: flex;
        justify-content: center;
        position: relative;
    }

    .stickySidebar .stickyElement {
        margin-bottom: 0;
        position: initial;
        position: normal;
    }

    .stickyElement:not(:last-child) {
        padding-right: 30px;
    }

    .stickyIcon {
        margin-bottom: 0;
    }

    .stickyIconImg img,
    .stickyIconImgHover img {
        max-height: 50px;
        max-width: 50px;
    }

    .stickySidebar .stickyFlyoutElement {
        background: #fff;
        box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.25);
        display: none;
        height: auto !important;
        left: 0;
        min-width: 420px;
        padding: 20px;
        position: absolute;
        width: 100% !important; /* important to override default jquery-hide-behaviour */
    }

    .header__menu {
        margin-bottom: 72px;
    }
}

/* header-badge */
@media (min-width: 1025px) and (max-width: 1400px) {
    .header__badge.header__badge--portal {
        top: 9.5rem;
    }
}

.socialMediaElements .icon-link__button {
    background-color: #d40d36;
    color: #fff;
}

.socialMediaElements {
    display: flex;
    flex-wrap: wrap;
    padding-top: 1rem;
}

.socialMediaElements .link-list__item {
    flex-basis: calc(50% - 2rem);
    flex-shrink: 0;
}

.socialMediaElements .link-list__item:first-child {
    padding-top: .7rem;
}


.socialMediaElements .icon-link__button {
    height: 2.6rem;
    width: 2.6rem;
    flex-shrink: 0;
}

.socialMediaElements .icon-link__icon {
    font-size: 1.6rem;
    left: 50%;
    line-height: 0;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    transition-property: color;
}

.socialMediaElements .icon {
    -moz-user-select: all;
    -ms-user-select: all;
    -webkit-user-select: all;
    display: inline-block;
    height: 1em;
    line-height: 1em;
    user-select: all;
    vertical-align: middle;
    width: 1em;
}

.socialMediaElements .link-list__item {
    margin-left: 2rem;
    padding-bottom: .7rem;
    padding-top: .7rem;
}

.sidebarContent .link-block {
    margin: 10px 0;
}

.sidebarContent .image {
    padding-top: 0 !important;
}

.sidebarContent .image__img {
    position: relative;
    width: auto;
    max-width: 100%;
}

.sidebarContent h2 {
    font-size: 1.17em;
}

.composedcontent-pbsbw2---marginalspalte .grid__item {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
.composedcontent-pbsbw2---marginalspalte .grid__item .module-child {
    padding: 0 1rem;
    width: 25%;
}
/* MARGIN COLUMNS START */
.margin-columns .grid__row {
    display: block;
}
.margin-columns .slot-info {
    display: flex;
    flex-wrap: wrap;
}
.margin-columns .cbtools > div {
    top: 3.5rem;
    left: -2rem;
}
.composedcontent-pbsbw2---marginalspalte {
    height: 100%;
}

@media (min-width: 36.25em) and (max-width: 68.115em) {
    .composedcontent-pbsbw2---marginalspalte .grid__item .module-child {
        width: 50%;
    }
}
@media (max-width: 36.25em) {
    .composedcontent-pbsbw2---marginalspalte .grid__item .module-child {
        width: 100%;
    }
}

.v-m-wm .mod-header hr.seperator-solid {
    border-top: 5px solid #3f3f3f;
    border-bottom: 0;
    border-right: 0;
    border-left: 0;
}
/* MARGIN COLUMNS END */

/* CONTENTBLOCK ADMINISTRATION START */
.contentblock-table td {
    padding-bottom: 2rem;
}
/* CONTENTBLOCK ADMIINSTRATION END */

/* CUSTOM COLOR SCHEMES STYLES START */
.figure__copyright.color-scheme-black-white .copyright {
    background-color: rgba(255,255,255,.6);
    color: rgb(63, 63, 63);
}
.figure__copyright.color-scheme-white-black .copyright {
    background-color: rgba(0,0,0,.6);
    color: #FFFFFF;
}
/* CUSTOM COLOR SCHEMES STYLES START */

/* FLOATING IMAGES */
.figure.align-right .image,
.image.align-right,
.figure.align-left .image,
.image.align-left,
.figure.align-center .image,
.image.align-center {
    padding-top: 0 !important;
}
.figure.align-right .image .image__img,
.image.align-right .image__img,
.figure.align-left .image .image__img,
.image.align-left .image__img,
.figure.align-center .image .image__img,
.image.align-center .image__img {
    position: relative;
}
.image.align-center {
    display: table;
    margin: 0 auto;
}

/* MEDIATHEK SINGLE VIEW */
.mediathek-single .page-title__meta-item {
    margin-left: 0;
    margin-bottom: 1rem;
}
.mediathek-single .teaser-text > .headline:first-child {
    margin-top: 1rem;
}

/* STYLES FOR NACHGEORDNET PAGES START */
.nachgeordnet header .header__navigation-menu {
    top: calc(100% - 4px); /* substract height of border-bottom (see cssdynamic.vm) */
}
.nachgeordnet .article__tools-wrap,
.nachgeordnet .article__tools-mobile {
    display: none;
}
.nachgeordnet .page-title--article {
    margin-left: auto;
    /*max-width: none;*/
}
.nachgeordnet .footer__meta {
    color: #FFFFFF;
}
/* STYLES FOR NACHGEORDNET PAGES END */

/* SORTIERGUNSCONTAINER START */
.grid.sorted-row .grid__col {
    width: 100%;
    display: block;
}
.grid.sorted-row #sortierungscontainer {
    display: flex;
    flex-wrap: wrap;
}
@media (min-width: 36.25em) and (max-width: 51.865em) {
    .grid.sorted-row #sortierungscontainer .module-child {
        width: 50%;
        padding: 0 2rem;
    }
}
@media (max-width: 36.25em) {
    .grid.sorted-row #sortierungscontainer .module-child {
        width: 100%;
    }
}
/* SORTIERGUNSCONTAINER END */

/* COOKIE ALERT START */
#cookiehinweisinner .alert__text > div:first-child {
    display: none;
}
/* COOKIE ALERT END */

/* SEARCH START */
button.sort-links__link, .searchPager button {
    background-color: transparent !important;
    box-shadow: none !important;
    border: 0 none !important;
    color: black !important;
}
.searchDiv .error b {
    margin-top: 2rem;
    margin-bottom: 4rem;
    display: block;
}
.searchResult .searchResultEntry  {
    border: 0 none !important;
}
#searchForm-mimetypes {
    padding-left: 0;
}
.searchFilterBox h3 {
    margin-bottom: 10px;
}
.searchFilterBox {
    margin-bottom: 30px;
}
/* SEARCH END */

/* FAQ Groovy Search Modul */
.faqSearchInput{
    background-color: #eae8de;
    border: 1px solid #eae8de;
    border-bottom: 2px solid #3f3f3f;
    box-sizing: border-box;
    color: #3f3f3f;
    font-size: 1.8rem;
    float: none;
    line-height: 2.4rem;
    overflow: hidden;
    padding: .6rem 1rem;
    transition-property: border,box-shadow;
    width: 100% !important;
}

.faqInputOverwrite{
    width:100%!important;
    border: none;
}
input.faqInputOverwrite:focus{
    outline:none;
}
.faqSearchInputFocus{
    outline: 3px solid #979797;
    outline-offset: 5px;
}

/* Textslider */

.textslider {
    padding-left: 0;
    padding-right: 0;
}

#faqeingabe {
    margin-bottom: 0px;
}

.faqfrage {
    margin-top:20px;
    margin-left: 2rem;
}

.faqfrage .link-inline {
    margin-left: 0;
}

#faqsuche {
    margin-top:20px;
}

#auftrittsuche{
    margin-bottom: 20px;
}

.footer__navigation-list{
    margin-top: 10px;
    margin-left: 8px;
}

.footer__navigation-list > *{
    font-size: 1.4rem;
}

.footer__navigation-list .footer__link.footer__navigation-link:not(.footer__navigation-link--main):focus {
    display: inline-block;
}

.header__service-navigation {
    height: 3rem;
    justify-content: normal;
}

.metaNavItems{
    align-items: baseline!important;
    margin:0px 10px;
}

/* Zentriert den Titel im Artikel. Soll so nicht sein, vorerst auskommentiert */
/*
.article-title__title{
  text-align: -webkit-center;
  text-align: -moz-center;
    text-align: center;
}
*/

.page-title--article .page-title__headline
{
    max-width: none;
}

.table__cell, .table tbody td, .table td, .table__head-cell, .table th, .table thead th {
    font-size: 1.8rem;
}

#cookiehinweisinner .basecontent-pbsbw---text a {
    font-weight: bold;
}
#cookiehinweisinner .basecontent-pbsbw---text a:hover, .cookiehinweisinner .basecontent-pbsbw---text a:focus, .cookiehinweisinner .basecontent-pbsbw---text a:active  {
    font-weight: bold;
    text-decoration: underline;
}


/* Portraitteaser sollen gleiche Höhe erhalten BWCMS-827, BWCMSINT-38
 Muss noch für andere Teaser und Höhen geprüft und eingebaut werden */
.module-child .fixHeight {
    overflow: hidden;
    position: relative;
}
.fixHeight.height3.mod-banner:focus-within {
    overflow: initial;
}
.fixHeight.height3.mod-banner a:focus {
    display: inline-block;
    width: calc(100% - 16px);
    position: relative;
    left: 8px;
    top: 8px;
}
.fixHeight.height1-5 {
    height: 7.45em;
}
.fixHeight.height3 {
    height: 16em;
}
.fixHeight.height6 {
    height: 33.15em;
}
.fixHeight.height9 {
    height: 50.3em;
}

.mod-banner.fixHeight.height1-5:focus-within {
    outline: 3px solid #979797;
    outline-offset: 5px;
}

/* CUSTOM BORDER-STYLES START */
.custom-background,
.custom-border {
    padding: 1rem;
}
.custom-border-black{
    border: 1px solid #000000;
}
.custom-border-white{
    border: 1px solid #FFFFFF;
}
.custom-border .fixHeight.height1-5 {
    height: calc(7.45em - 2rem - 2px);
}
.custom-border .fixHeight.height3 {
    height: calc(16em - 2rem - 2px);
}
.custom-border .fixHeight.height6 {
    height: calc(33.15em - 2rem - 2px);
}
.custom-border .fixHeight.height9 {
    height: calc(50.3em - 2rem - 2px);
}
.custom-border .fixHeight .js-verticalslider.js-verticalslider-initialized{
    height: calc(47.5rem - 2rem - 2px);
}
.module-child.custom-border > .custom-border {
    border: 0 !important;
    padding: 0;
}

@media (max-width: 51.865em) {
    .fixHeight {
        height: auto !important;
    }
}
/* CUSTOM BORDER-STYLES END */

/* BWCMSINT-92: Display portrait-images next to the text */
.mod-portrait {
    display: flex;
    justify-content: space-between;
}
.mod-portrait.mod-portrait-size-big > :first-child {
    width: 55%;
    padding-right: 1rem;
}
.mod-portrait > .portrait-img {
    flex-grow: 1;
}
.mod-portrait-size-small .portrait-img {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
    display: block;
    width: auto;
}
.mod-portrait-size-small .portrait-img .image__img {
    position: relative;
    width: auto;
}

/* Dynamic Content Erweiterungen (Dynamische Listen) */
.listeBildLinksTextRechts .hl-serif {
    font-family: 'EB Garamond', Georgia, 'Times New Roman', Times, serif;
    font-weight: normal;
    font-style: normal;
}

.listeBildLinksTextRechts p.hl-serif {
    font-size: 3.2rem;
    line-height: 4rem;
    font-weight: 600;
    hyphens: manual;
}

.listeBildLinksTextRechts p {
    line-height: 2.8rem;
}

.listeBildLinksTextRechts hr.seperator-dashed {
    margin: 30px 0 50px 0;
}

.listeBildLinksTextRechts .listShowAsRow.row1 {
    display: block;
    padding-left: 0;
}

.listeBildLinksTextRechts .listShowAsRow {
    display: table-cell;
}

.listeBildLinksTextRechts .image {
    float: left;
    padding-top: 0 !important;
    margin-right: 30px;
}

.listeBildLinksTextRechts .image .image__img {
    position: relative;
}

.listeBildLinksTextRechts:before, .listeBildLinksTextRechts:after {
    display: table;
    line-height: 0;
    content: "";
}

.listeBildLinksTextRechts:after {
    clear: both;
}

.listeBildLinksTextRechts h1 {
    font-size: 3.2rem;
    line-height: 4rem;
    font-weight: 600;
    hyphens: manual;
    font-family: 'EB Garamond', Georgia, 'Times New Roman', Times, serif;
    font-style: normal;
}

.listeBildLinksTextRechts.not-flow-around > .basecontent-pbsbw---html-editor {
    display: table;
}



.listOverview td, .listOverview th {
    text-align: left;
    vertical-align: top;
}

.listOverview table tr th {
    border-bottom: 1px dashed;
    padding-right: 8px;
    padding-bottom: 5px;
}

.listOverview table tr td {
    padding-right: 8px;
    padding-bottom: 5px;
    vertical-align: top;
}

.listOverview .mitteilungZeile a {
    font-family: EB Garamond, Georgia, Times New Roman, Times, serif;
    font-size: 2.4rem;
    font-weight: 400;
    hyphens: auto;
    line-height: 1.2em;
    transition-property: color;
}

.listOverview .mitteilungZeile h1 {
    font-size: 3.2rem;
    font-weight: 600;
    hyphens: manual;
    font-family: 'EB Garamond', Georgia, 'Times New Roman', Times, serif;
    font-style: normal;
}

.teaser .teaser__text p, .messages-slider .teaser__text p {
    margin-bottom: 0;
}

.teaser .teaser__text strong {
    font-weight: normal;
}

.teaser--horizontal .teaser__content, .teaser--orderitem .teaser__content {
    max-width: unset;
    width: 100%;
}

.teaser .infodienst-infoservice-pflanzenbau h1,
.teaser .infodienst-aktuelle-meldungen h1 {
    margin-bottom: 2rem;
}

.teaser .infodienst-infoservice-pflanzenbau h2 {
    margin-bottom: 2rem;
    margin-top: 4rem;
}

.teaser .infodienst-infoservice-pflanzenbau .basecontent-pbsbw---html-editor > p,
.teaser .infodienst-infoservice-pflanzenbau .basecontent-pbsbw---line-break-text > p,
.teaser .infodienst-aktuelle-meldungen .basecontent-pbsbw---html-editor > p,
.teaser .infodienst-aktuelle-meldungen .basecontent-pbsbw---line-break-text > p,
.teaser .infodienst-aktuelle-meldungen p {
    margin-bottom: 2rem;
}

.teaser .infodienst-infoservice-pflanzenbau .image {
    margin-bottom: 2rem;
}

.alr-veranstaltung {
    margin-bottom: 0 !important;
}

.alr-veranstaltung strong {
    font-weight: 400 !important;
}

/*presseslider more links*/
#aktuellenachrichten .mod-body{
    max-height: 75%;
}

.current_news{
    max-height: 75%;
}


@media (min-width: 850px) and (max-width: 950px) {
    #aktuellenachrichten .mod-body {
        padding-top: 5px;
        max-height: 70%;
    }
}


.article .pages {
    height: 80px;
}

.article .pages div {
    float: right;
    position: relative;
    left: -50%;
    text-align: left;
    height: 0;
    top: 0;
}

.article .pages a.prev, .article .pages a.next {
    border: none;
    color: #FFF;
    display: block;
    position: absolute;
    line-height: 24px;
    height: 23px;
    top: auto;
    font-weight: normal;
    text-align: center;
    text-decoration: none;
}

.article .pages div ul {
    position: relative;
    left: 50%;
    list-style: none;
    font-family: 'Gudea', 'Myriad Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-style: italic;
    max-width: 630px;
    overflow: hidden;
    top: 0;
    margin: 0;
    padding: 0;
}

.article .pages div ul li {
    float: left;
    padding: .5rem .6rem;
    height: 4.5rem;
    display: flex;
    align-items: center;
}

.article .pages div ul li.active {
    border: 1px solid #3f3f3f;
    color: #3f3f3f !important;
    margin: 0 .5rem;
    padding: .5rem .8rem;
}

.article .pages a.prev {
    left: 0;
    padding: 1rem 2.5rem;
    height: 4.5rem;
}

.article .pages a.next {
    right: 0;
    padding: 1rem 2.5rem;
    height: 4.5rem;
}

.article .ln-letters {
    overflow: hidden;
}

.article .ln-letters a {
    font-size: 0.9em;
    display: block;
    float: left;
    padding: 2px 5px;
    border: 1px solid silver;
    border-right: none;
    text-decoration: none;
}

.article .ln-letters a.ln-last {
    border-right: 1px solid silver;
}

.article .ln-letters a:hover, .ln-letters a.ln-selected {
    background-color: #eaeaea;
}

.article .ln-letters a.ln-disabled {
    color: #ccc;
}

.article ul.pbsbw-dynGlossar {
    list-style: none;
    padding: 0;
    margin-left: 0;
    margin-top: 20px;
}

.article ul.pbsbw-dynGlossar li {
    margin-bottom: 10px;
}

.article ul.pbsbw-dynGlossar li a {
    box-shadow: inset 0 -1px transparent;
    transition-property: box-shadow;
}

.article ul.pbsbw-dynGlossar li a:hover {
    box-shadow: inset 0 -1px currentColor;
}

/* slider ANFANG */
.slider .figure__iframe-wrapper + figcaption.headline{
    display: none;
}
.slider figcaption.headline {
    background: none repeat scroll 0 0 rgba(255,255,255,0.6) !important;
    bottom: 6rem;
    left: 7rem;
    max-width: 85%;
    padding: 2rem;
    position: absolute;
    z-index: 2;
}
.slider figcaption.headline-mobile {
    display: none;
}
.slider figcaption .caption-headline h1 {
    font-size: 3.6rem;
    line-height: initial;
    line-height: normal;
}
/* BWCMSINT-183: Headline is Textslider is cut-off */
.slider figcaption .basecontent-pbsbw---html-editor h1 {
    line-height: 4rem;
}
.slider figcaption.headline > div:first-child:not(:last-child),
.slider figcaption.headline-mobile > div:first-child:not(:last-child) {
    margin-bottom: 1rem;
}
/* BWCMSINT-183: Copied from STM-Webpage. Give the image bottom-margin, so that the figcaption does not overlap with the slider-controls */
.slider .slider__slide .figure__media {
    margin-bottom: 4rem;
}

.portaleteaser-headline {
    margin-bottom: 2.5rem;
    text-align: left;
}

@media (max-width: 51.865em) {
    .slider figcaption.headline {
        display: none;
    }

    .slider figcaption.headline-mobile {
        display: block;
    }
}
/* slider ENDE */

.row_title_modifier{
    flex-direction: row;
}

.flex_row_dynamic_list_meta{
    flex-flow: row;
}

.dynamic_list_fullsize_container{
    width: 100%;
}

.dynamic_list_date{
    margin-right: 2rem;
}

/* DOSSIER SLIDER HEADER */
.dossier-header .dossier-header__headline .headline {
    position: relative;
    left: 5px;
}

/* DOSSIER TEXT AND MODULE */
.dossier-text-module.page__section--half {
    margin-top: 6rem;
}

.dossier-text-module.page__section--half article.page-text {
    padding-left: 0;
}

/* Erweiterter Suchebutton in der Suche */
.newSearchButton {
    padding: 0 2.5rem !important;
}

/* breadcrumb (Brotkrümelnavigation) */
.breadcrumb .breadcrumb__list {
    align-items: center;
}

.breadcrumb__inner {
    overflow-x: hidden;
}

/* Footer */
.footer__navigation-item--to-top {
    display: inline-block;
}
.t-dark .footer__inner--bottom .header__navigation-item-text {
    color: #3f3f3f;
}
.v-m-wm .t-dark .header__navigation-item:hover .header__navigation-item-text,
.t-dark .footer__inner--bottom .header__navigation-item-text:hover {
    box-shadow: inset 0 -1px #3f3f3f;
}

.list__items.pressList .teaser__image-cover {
    width: 100%;
}
.list__items.pressList .teaser__header .teaser__date {
    margin-bottom: 0;
}

/* Headlines bekommen kein Icon, Testseite https://test.pbs-bw.de/1719442 */
.v-m-wm .headline.headline--4 a.link-inline::after, .v-m-wm .headline.headline--3 a.link-inline::after, .v-m-wm .headline.headline--2 a.link-inline::after, .v-m-wm .headline.headline--1 a.link-inline::after  {
    content: none !important;
    background: none !important;
}

.v-m-wm .headline.headline--4 a.link-inline, .v-m-wm .headline.headline--3 a.link-inline, .v-m-wm .headline.headline--2 a.link-inline, .v-m-wm .headline.headline--1 a.link-inline {
    margin-left: 0 !important;
}


.right-navigation li{

    text-indent: -1.1em!important;
    margin-left: 1.1em!important;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ------------------------------------- Veranstaltungen ---------------------------------- */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.container-flex {
    display: flex;
    flex-direction: column;
}

.eventsuche-trennlinie {
    margin-bottom: 20px;
}

.eventsuche {
    margin-bottom: 20px;
}

.eventsuche input {
    display: inline;
}

.eventsuchelinks {
    width: 200px;
    font-weight: bold;
    display: inline-block;
}

input[type="date"].form-control {
    line-height: normal !important;
}

input[type="time"].form-control {
    line-height: normal !important;
}

input[type="file"].form-control {
    border: none !important;
    width: 100% !important;
}

.zurueckButtonDetails {
    background: #EF7C00;
    color: white !important;
    padding: 7px 16px;
}

.zurueckButtonDetails:hover {
    color: #EF7C00 !important;
    background: #fcfae7;
}

.druckenButtonDetails {
    background: #EF7C00;
    color: white !important;
    padding: 7px 16px;
}

.druckenButtonDetails:hover {
    color: #EF7C00 !important;
    background: #fcfae7;
}

.btext {
    box-shadow: inset 0 -1px transparent;
    transition-property: box-shadow;
}

.button:not([disabled]):hover .btext {
    box-shadow: inset 0 -1px currentColor;
}

#sucheort, #suchetext, #suchebis, #suchevon {
    background-color: #eae8de;
    border: 1px solid
    #eae8de;
    border-bottom-color: rgb(234, 232, 222);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom: 2px solid #3f3f3f;
    box-sizing: border-box;
    color: #3f3f3f;
    font-size: 1.8rem;
    float: none;
    line-height: 2.4rem;
    overflow: hidden;
    padding: .6rem 1rem;
    transition-property: border,box-shadow;
}

#sucheumkreis {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #eae8de;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cpath fill='%233f3f3f' d='M0,52.8512957 C0,51.9392726 0.155711267,51.0494939 0.4671338,50.2042042 C0.800800801,49.3589145 1.31242353,48.6248471 1.95751307,47.9575131 C3.24769214,46.667334 4.82704927,46 6.65109554,46 C8.47514181,46 10.0322545,46.667334 11.344678,47.9575131 L100.678456,137.313536 L188.477366,49.33667 C189.767545,48.0242465 191.369147,47.3791569 193.259927,47.3791569 C195.128462,47.3791569 196.752308,48.0242465 198.042487,49.33667 C199.35491,50.6268491 200,52.2284507 200,54.1192303 C200,56.01001 199.35491,57.6116116 198.042487,58.9017907 L105.372039,151.394283 C104.08186,152.684462 102.502503,153.351796 100.678456,153.351796 C98.85441,153.351796 97.2972973,152.684462 95.9848738,151.394283 L1.95751307,57.5448782 C1.31242353,56.8997887 0.800800801,56.1212323 0.4671338,55.2759426 C0.155711267,54.4306529 0,53.6298521 0,52.8512957 Z'/%3E%3C/svg%3E");
    background-position: calc(100% - 1.6rem) 50%;
    background-repeat: no-repeat;
    background-size: 1.6rem 1.6rem;
    border: 0;
    border-radius: 0;
    box-shadow: inset 0 0 0 2px #3f3f3f;
    cursor: pointer;
    font-size: 1.8rem;
    float: none;
    height: 4rem;
    line-height: 2.4rem;
    padding: .6rem 4.6rem .6rem 1rem;
    text-overflow: ellipsis;
    transition-property: box-shadow;
    margin-left: 9px;
}

#themen {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #eae8de;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cpath fill='%233f3f3f' d='M0,52.8512957 C0,51.9392726 0.155711267,51.0494939 0.4671338,50.2042042 C0.800800801,49.3589145 1.31242353,48.6248471 1.95751307,47.9575131 C3.24769214,46.667334 4.82704927,46 6.65109554,46 C8.47514181,46 10.0322545,46.667334 11.344678,47.9575131 L100.678456,137.313536 L188.477366,49.33667 C189.767545,48.0242465 191.369147,47.3791569 193.259927,47.3791569 C195.128462,47.3791569 196.752308,48.0242465 198.042487,49.33667 C199.35491,50.6268491 200,52.2284507 200,54.1192303 C200,56.01001 199.35491,57.6116116 198.042487,58.9017907 L105.372039,151.394283 C104.08186,152.684462 102.502503,153.351796 100.678456,153.351796 C98.85441,153.351796 97.2972973,152.684462 95.9848738,151.394283 L1.95751307,57.5448782 C1.31242353,56.8997887 0.800800801,56.1212323 0.4671338,55.2759426 C0.155711267,54.4306529 0,53.6298521 0,52.8512957 Z'/%3E%3C/svg%3E");
    background-position: calc(100% - 1.6rem) 50%;
    background-repeat: no-repeat;
    background-size: 1.6rem 1.6rem;
    border: 0;
    border-radius: 0;
    box-shadow: inset 0 0 0 2px #3f3f3f;
    cursor: pointer;
    font-size: 1.8rem;
    float: none;
    height: 4rem;
    line-height: 2.4rem;
    padding: .6rem 4.6rem .6rem 1rem;
    text-overflow: ellipsis;
    transition-property: box-shadow;
}

.form-horizontal .control-label {
    width: 150px !important;
}

.eventsuche {
    width: 100%;
}

.eventsuche .basecontent-headline {
    margin-bottom: 13px;
}

.eventsuche input {
    display: inline;
}

.eventsuche b {
    font-weight: bold;
    width: 200px;
}

.eventsuchelinks {
    width: 200px;
    font-weight: bold;
    display: inline-block;
}

#suchevon, #suchebis {
    width: 170px;
}

#landkreis {
    width: 224px;
    display: inline-block;
    padding: 5px 6px;
    max-height: 27px;
    height: 27px;
}

.suchetext, .sucheort, .suchedatum, .themen, .eventsuche h3 {
    margin-bottom: 13px;
}

.eventContainer {
    position: relative;
    background-color: #FCFAE7;
}

.eventContainerHeader {
    margin: 0 0 10px !important;
}

.eventInner {
    position: relative;
    border: #aaa 1px solid;
}

.eventDateOuter {
    position: relative;
    float: left;
    padding-top: 18px;
    padding-left: 5px;
}

.eventDateOuter .date {
    font-size: 16px;
}

.eventDateOuter .time {
    font: 15px/20px EB Garamond;
    max-width: 80px;
}

#veranstaltungenContainer {
    width: 540px;
    position: relative;
    float: left;
    max-height: 650px;
    overflow: hidden;
    margin-bottom: 20px;
    margin-right: 20px;
}

.eventContainer {
    width: 450px;
}

.eventMainRight {
    position: relative;
    float: right;
    width: 360px;
    z-index: 3;
    border-left: #aaa 1px solid;
}

.eventMainRightInner {
    position: relative;
    color: #000;
    z-index: 2;
    padding: 0;
}

.eventMainRightInnerTitle {
    font-family: 'EB Garamond', Georgia, 'Times New Roman', Times, serif;
    font-weight: normal;
    font-style: normal;
    position: relative;
    border-bottom: 1px solid #aaa;
    padding: 5px;
    background-color: #FCFAE7;
}

.eventMainRightInnerTitle h1, .eventMainRightInnerTitle h2 {
    margin: 10px 0;
}

.eventMainRightInnerTitle h1 {
    font-size: 1.8em;
}

.eventMainRightInnerOrt {
    font-family: 'EB Garamond', Georgia, 'Times New Roman', Times, serif;
    font-weight: normal;
    font-style: normal;
    position: relative;
    padding: 5px;
}

.eventMainRightInnerOrt h3 {
    margin: 10px 0;
}

p.eventInnerClear {
    clear: both;
    line-height: 0;
    font-size: 0;
    height: 0;
    margin: 0;
    padding: 0;
}

.eventInnerPlaceholder {
    position: absolute;
    top: 0;
    right: 0;
    width: 360px;
    height: 100%;
    opacity: 0.7;
    filter: alpha(opacity=70);
    z-index: 2;
    background-color: #F9F4C5;
}

.eventDetailDescription {
    clear: both;
    position: relative;
    margin-top: 10px;
    margin-bottom: 10px;
    width: 100%;
}

.row .events-footer p {
    margin: 1.2em 0;
}

.row .events-footer a {
    color: #ef7c00;
}

.row .events-footer a:hover {
    color: #505050;
    text-decoration: none !important;
}

.eventdetailright {
    width: 50%;
    margin-left: 0;
    float: left;
    margin-bottom: 20px;
}

.bio-eventdetailright {
    position: relative;
    overflow: hidden;
    height: 0;
    padding-bottom: 50%;
}

.eventdetailleft {
    width: 50%;
    float: left;
}

.bio-eventdetailleft {
    width: 540px;
    position: relative;
    float: left;
    max-height: 650px;
    overflow: hidden;
    margin-bottom: 20px;
    margin-right: 20px;
}

.eventdetailrightmap {
    margin-left:0;
}

.moreButtonContainer {
    text-align: right;
    margin-top: 1px;
}

#eventmap #map {
    height: 0;
    padding-bottom: 50%;
}

@media print {
    @page {
        size: A4;
        margin: 1.5cm 1cm 1.5cm 1.8cm;
    }

    body {
        margin: 0;
        color: #000;
        background-color: #fff;
        font-size: large;
    }

    .zurueckButtonDetails {
        display: none;
    }

    .druckenButtonDetails {
        display: none;
    }

    .socialMediaTeilen {
        display: none;
    }

    .eventdetailleft, .bio-eventdetailleft {
        width: 100%;
    }

    .eventdetailright, .bio-eventdetailright {
        width: 100%;
        clear: both;
    }

    img {
        height: auto;
        max-width: 50%;
        vertical-align: middle;
        border: 0;
        -ms-interpolation-mode: bicubic;
    }

    .stickySidebar {
        display: none;
    }
}

@media (max-width: 991px) {
    .grid-1-4, .responsive-layout .grid-1-5, .responsive-layout .grid-1-6, .responsive-layout .grid-2-3, .responsive-layout .grid-2-5, .responsive-layout .grid-3-4, .responsive-layout .grid-3-5, .responsive-layout .grid-4-5, .responsive-layout .grid-5-6, .responsive-layout aside.left, .responsive-layout aside.right, .responsive-layout .left-only, .responsive-layout .right-only, .responsive-layout .left-right {
        float: none !important;
        clear: both !important;
        margin-bottom: 30px;
        width: 100% !important;
    }
}

.landingpage-event-container {
    height: auto;
    background-attachment: fixed;
    background-color: rgba(0, 0, 0, 0);
    background-size: cover;
    background-position: 50% 19px;
    background-repeat: no-repeat;
}

.landingpage-event-container .row {
    margin-left: -15px;
    margin-right: -15px;
}

.veranstaltungen-verwaltung {
    max-width: 500px;
    margin-top: 40px;
    margin-bottom: 20px;
}

.veranstaltungen-menu {
    line-height: 24px;
}

.veranstaltungen-menu-button {
    margin: 20px 0;
}

.veranstaltungen-menu-button .button {
    width: 100%;
}

.veranstaltungen-item {
    margin-bottom: 20px;
}

.veranstaltungen-item-table {
    margin-bottom: 1px;
    width: 100%;
}

.veranstaltungen-item-table tr:first-child td:first-child, .veranstaltungen-item-table tr:nth-child(2) td:first-child {
    width: 136px;
}

.veranstaltungen-item-table tr:first-child td, .veranstaltungen-item-table tr:nth-child(2) td:nth-child(2) {
    border: 1px solid black;
    background-color: #FCFAE7;
    padding: 10px 5px;
}

.new_event_form {
    margin-bottom: 20px;
}

.moreButtonConainer {
    display: flex;
}

.moreButtonConainer button:first-child {
    flex-grow: 1;
    margin-right: 5px;
}

.moreButtonConainer button:last-child {
    flex-grow: 2;
}

.editEventContainer {
    width: 100%;
    height: 100%;
    display: none;
    margin-bottom: 20px;
}

.detailwrapper {
    margin-left: -25px;
}

.padMod {
    padding-left: 5px;
    padding-bottom: 10px;
}

.detailDescription {
    clear: both;
    float: left;
    position: relative;
    max-width: 515px;
    border: 1px solid black;
    padding-left: 5px;
    padding-right: 5px;
    margin-top: 10px;
    background-color: #FCFAE7;
}

.further_information {
    clear: both;
    position: relative;
    float: left;
    padding-right: 5px;
    padding-left: 5px;
    min-width: 515px;
    border: 1px solid black;
    margin-top: 10px;
    background-color: #FCFAE7;
}

.button.accent1.button-border.veranstaltungpublish {
    background-color: green;
}

.button.accent1.button-border.veranstaltungunpublish {
    background-color: red;
}

.wrap-content .mod-glossary {
    margin: 30px 30px 0 0;
}

.wrap-content .mod-glossary .well {
    background: none;
}

.mod-article .well.article .wrap-content .mod-glossary h2.faqitemheader {
    margin-top: 0px;
}

.accordeonContent {
    margin-bottom: 30px;
}

.footer .basecontent-form-editor .contentForm-default7313 .formElement span.right {
    float: left;
    width: 205px;
}

.footer .basecontent-form-editor .contentForm-default7313 .formElement span.right .captcha {
    float: left;
}

ul.unstyled.socialMediaTeilen {
    margin-left: 15px;
    margin-top: 10px;
}

ul.pull-left.socialMediaTeilen li {
    float: left;
}

ul.pull-left.socialMediaTeilen li [class^="ico-"] {
    width: 19px;
    height: 19px;
    margin-right: 13px;
}

.ico-gplus {
    background-image: url('../img/ico-gplus.png');
}

.mod-bildteaser .bildteaser-text .push.firstpush {
    height: 150px;
}

.mod-bildteaser .bildteaser-text .push.secondpush {
    height: 50px;
}

.mod-bildteaser .well.height0 {
    height: auto;
}

.mmhalbton {
    color: #f39200;
}

@media (max-width: 767px) {
    #eventmap, .bio-eventdetailright {
        clear: both;
    }

    #eventmap #map, .bio-eventdetailright {
        padding-bottom: 80%;
    }
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ---------------------------------- Veranstaltungen ENDE -------------------------------- */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* TAB-BAR / MULTI-TAB COMPONENT */
.multibox .multibox-full-width-teaser {
    max-width: 100%;
    flex: 0 0 100%;
}

.singleTab .tab-bar__active-indicator {
    display: none;
}

.singleTab a {
    cursor: default;
}

/*
** ---------BWCMSINT-26-----------
   Content : vrweb15
   Description: read out text
   Issue : inline-style in js file
   solution following classes
** -------------------------------
*/

.vrweb_hover_player{
    position: relative!important;
    left: 0px !important;
    top: 0px !important;
    display:block!important;;
}

.VR15S_h_player_container{
    margin-right: 0em;
}

/** ---------BWCMSINT-26-----------
** -------------END----------------
*/

/**
 * Content : backlink
 * Description: rendering if "LISTPAGE" in URL Param
*/
.backlink-plugin{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.backlink-plugin > div {
    margin-bottom: 1rem;
}
/** backlink END **/

/* BWCMSINT-25: STICKY NAVIGATION START */
.nachgeordnet .header-sticky {
    background: #fff;
    display: block;
    left: 0;
    padding-top: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 110;
}
.nachgeordnet .header-sticky .header__menu-logo-wrapper,
.nachgeordnet .header-sticky .header__meta,
.nachgeordnet .header-sticky .header__logo-wrap{
    display: none;
}
/* BWCMSINT-25: STICKY NAVIGATION END */

.mlrBeratungSearchForm .button {
    margin-top: 2rem;
    border: 0;
}

/* BWCMSINT-233: 2nd level navigation in mobile view */
.header__navigation--main .header__navigation-item .toggle-child-navi {
    display: none;
}
@media (max-width: 64em) {
    .header__navigation--main .header__navigation-item .toggle-child-navi {
        display: block;
        float: right;
    }
    .header__navigation--main .header__navigation-item .toggle-child-navi.active svg {
        transform: rotate(180deg);
    }
    .header__navigation--main .header__navigation-item:hover .toggle-child-navi .accordion__toggle-icon {
        color: #ffffff;
        fill: #ffffff;
    }
    .header__navigation--main .header__navigation-item .toggle-child-navi .accordion__toggle-icon {
        margin-top: 0;
    }
    .header__navigation--main .header__navigation.show {
        display: block;
    }
    .header__navigation--main .header__navigation.show > li > .header__navigation-item {
        padding-left: 2rem;
    }
}

.warning {
    margin-bottom: 2rem;
    font-weight: bold;
}

/* BWCMSINT-209: Added Special display styles for Textsliders in a 3-column grid */
.grid--75-25 .grid__col--1 .textslider .slider__arrow--prev,
.grid--25-75 .grid__col--2 .textslider .slider__arrow--prev {
    background-color: rgba(255,254,249,.7);
    left: 0;
}
.grid--75-25 .grid__col--1 .textslider .slider__arrow--next,
.grid--25-75 .grid__col--2 .textslider .slider__arrow--next {
    background-color: rgba(255,254,249,.7);
    right: 0;
}

.page__section.bw-pager {
    margin-top: 4rem;
}

.link-list__item .link-pdf, .link-list__item .link-download {
    margin-left: 0;
}

article .article__content .link-list__item .basecontent-pbsbw---html-editor > p {
    margin-bottom: 0;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* -------------------- "BWCMSINT-255: Bild-Teaser volle Breite" BEGINN ------------------- */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.mod-bildteaser-full .bildteaser-text {
    background-position: center top;
    min-height: 400px;
    background-size: cover;
    background-attachment: scroll;
}

.mod-bildteaser-full .bildteaser-text::before {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
}

.mod-bildteaser-full .limit-wrapper {
    display: block;
    float: none;
    margin: 0 auto;
    max-width: 109rem;
    min-height: 100%;
    min-width: 320px;
    width: auto;
    z-index: 5;
}

.mod-bildteaser-full .limit-wrapper {
    margin-top: 75px;
}

.mod-bildteaser-full .limit-wrapper > div {
    position: relative;
}

.mod-bildteaser-full .limit-wrapper > .limit-wrapper {
    padding-left: 6rem;
    padding-right: 6rem;
}

.mod-bildteaser-full .header-middle-content {
    margin-left: auto;
    margin-right: auto;
    max-width: 65rem;
}

.mod-bildteaser-full .header-middle-content p {
    margin: 1.2em 0;
}

.mod-bildteaser-full .bildteaser-full-titel {
    padding: 13px 10px;
    display: inline;
}

.mod-bildteaser-full .bildteaser-full-untertitel {
    font-size: 20px;
    padding: 13px 10px;
    display: inline;
}

.mod-bildteaser-full .bildteaser-full-titel.color-scheme-black-white, .mod-bildteaser-full .bildteaser-full-untertitel.color-scheme-black-white {
    background-color: rgba(255,255,255,.6);
    color: rgb(63, 63, 63);
}

.mod-bildteaser-full .bildteaser-full-titel.color-scheme-white-black, .mod-bildteaser-full .bildteaser-full-untertitel.color-scheme-white-black {
    background-color: rgba(0,0,0,.6);
    color: #FFFFFF;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* -------------------- "BWCMSINT-255: Bild-Teaser volle Breite" END ---------------------- */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* --------------------------- "Abonnieren / subscription" BEGINN ------------------------- */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.subscriptions-box, .users-box {
    margin: 0 auto;
    max-width: 109rem;
    position: relative;
}

@media {
    .subscriptions-inner-box, .users-inner-box {
        padding-left: 2rem;
        padding-right: 2rem;
    }
}

@media (min-width: 36.25em) {
    .subscriptions-inner-box, .users-inner-box {
        padding-left: 4rem;
        padding-right: 4rem;
    }
}

@media (min-width: 51.875em) {
    .subscriptions-inner-box, .users-inner-box {
        padding-left: 4rem;
        padding-right: 4rem;
    }
}

@media (min-width: 68.125em) {
    .subscriptions-inner-box, .users-inner-box {
        padding-left: 6rem;
        padding-right: 6rem;
    }
}

.subscriptions-box .subscriptionsDiv, .users-inner-box .usersDiv {
    margin-left: auto;
    margin-right: auto;
    width: auto !important;
    max-width: 65rem;
    position: relative;
    margin-top: 20px;
}

.users-inner-box .usersDiv {
    padding: 10px 10px 10px 10px;
    margin-bottom: 20px;
    border: 1px solid #DDDDDD;
}

@media (min-width: 64.0625em) {
    .subscription-link {
        justify-content: flex-end;
        display: flex;
        font-size: 1.4rem;
        line-height: 1.8rem;
        margin-right: 12.5rem;
        margin-top: 1rem;
    }
}

@media (max-width: 64em) {
    .subscription-link {
        margin: 0 auto;
        margin-bottom: 4rem;
        max-width: 40rem;
        justify-content: flex-start;
        padding-left: .5rem;
    }
}

.subscriptions-box .subscriptionsDiv .note, .subscriptions-box .subscriptionsDiv .warning, .users-box .usersDiv .note, .users-box .usersDiv .warning {
    border: 2px solid;
    padding: 10px;
}

.subscriptions-box .subscriptionsDiv .warning, .users-box .usersDiv .warning {
    margin-bottom: 0;
    font-weight: bold;
}

.subscription_form_input_fields, .subscription_form_submit_buttons, .users_form_input_fields, .users_form_submit_buttons {
    border: 0;
    padding-right: 0;
    padding-left: 0;
}

.subscription_form_input_fields .form_element, .users_form_input_fields .form_element {
    margin-bottom: 2rem;
    position: relative;
    width: 100%;
}

.subscription_form_input_fields .form_element label, .users_form_input_fields .form_element label {
    color: #3f3f3f;
    display: inline-block;
    font-size: 1.5rem;
    line-height: 1.9rem;
    margin-bottom: 0.5rem;
    text-transform: uppercase;
    width: 100%;
}

.subscription_form_input_fields .form_element input, .users_form_input_fields .form_element input {
    background-color: #eae8de;
    border: 1px solid #eae8de;
    border-bottom: 2px solid #3f3f3f;
    box-sizing: border-box;
    color: #3f3f3f;
    font-size: 1.8rem;
    float: none;
    line-height: 2.4rem;
    overflow: hidden;
    padding: .6rem 1rem;
    transition-property: border,box-shadow;
    width: 100% !important;
}

.subscription_captcha_input_field {
    margin-top: 10px;
}

.subscription_form_input_fields .form_element span.error {
    color: red;
    font-size: small;
}

.subscription_form_submit_buttons, .users_form_submit_buttons {
    text-align: right;
}

.subscription_form_submit_buttons .form_button, .users_form_submit_buttons .form_button {
    color: #fff;
    font-size: 0px;
    height: 4.5rem;
    line-height: 2.4rem;
    display: inline-block;
    position: static;
}

.subscription_form_submit_buttons .form_button::before, .users_form_submit_buttons .form_button::before {
    content: '>';
    font-size: 2.0rem;
    margin-right: 1rem;
    padding-left: 2.5rem;
    vertical-align: baseline;
}

.subscription_form_submit_buttons .form_button button, .users_form_submit_buttons .form_button button {
    cursor: pointer;
    font-size: 1.8rem;
    padding: 1rem 2.5rem !important;
    padding-left: 2.5rem;
    padding-left: 0 !important;
    width: auto !important;
}

.subscription_form_submit_buttons .form_button .standard, .users_form_submit_buttons .form_button .standard {
    border: 0 none;
    color: #FFFFFF;
    font-family: 'Gudea','Myriad Pro','Helvetica Neue',Helvetica,Arial,sans-serif;
    line-height: 25px;
    text-decoration: none;
    height: auto;
}

.subscription_form_submit_buttons .form_button .standard:hover, .users_form_submit_buttons .form_button .standard:hover {
    text-decoration: underline;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ----------------------------- "Abonnieren / subscription" END -------------------------- */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* --------------------------------- "Newest Page" BEGINN --------------------------------- */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.newestPage {
    position: relative;
    overflow-y: scroll;
    max-height: 47.5rem;
}

.newestPage .lastEdited2 {
    display: none;
}

.newestPage .lastEditedDate {
    font-size: 12px;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ---------------------------------- "Newest Page" END ----------------------------------- */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ---------------------------------- "Navigator" BEGINN ---------------------------------- */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.tile-navi:after {
    content: "";
    display: table;
    clear: both;
}

.tile-item {
    background: #d3dbdc;
    box-sizing: content-box;
    color: #000000;
    float: left;
    font-size: 28px;
    width: 60px;
    height: 60px;
    margin: 0 10px 10px 0;
    text-align: center;
    cursor: pointer;
}

.tile-icon {
    padding: 8px 8px 6px;
}

.tile-item:nth-child(4n + 4) {
    margin-right: 0;
}

.tile-text {
    font-size: 10px;
    line-height: normal;
}

.tile-icon.drop + .tile-text {
    text-shadow: 0 1px 1px rgba(0, 0, 0, .6);
}

.tile-item.notext .tile-icon {
    margin-top: 8px;
}

.tile-item.notext .tile-text {
    display: none;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ----------------------------------- "Navigator" END ------------------------------------ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ----------------------------------- "tab-box" BEGINN ----------------------------------- */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.tab-box {
    border: 1px solid #d3dbdc;
    margin: 0 0 20px 58px;
    min-height: 220px;
    position: relative;
}

.tab-item {
    position: absolute;
}

.tab-icon {
    background: #d3dbdc;
    border: 1px solid #d3dbdc;
    border-right: 0 none;
    cursor: pointer;
    position: absolute;
    text-align: center;
    font-size: 26px;
    line-height: 44px!important;
    width: 59px;
    height: 56px;
    top: -1px;
    left: -60px;
}

.tab-icon .fas {
    margin-top: 15px;
}

.tab-content {
    padding: 10px;
    visibility: hidden;
}

.tab-box.initialized .tab-content {
    visibility: visible;
    display: none;
}

.tab-item.active .tab-content {
    display: block;
}

.tab-item.active .tab-icon {
    background: #ffffff !important;
    cursor: default;
}

.tab-content.well .mod-scroller {
    border: none;
}

.tab-item:nth-child(2) .tab-icon {
    top: 62px;
}

.tab-item:nth-child(3) .tab-icon {
    top: 126px;
}

.tab-item:nth-child(4) .tab-icon {
    top: 190px;
}

.tab-item:nth-child(5) .tab-icon {
    top: 254px;
}

.tab-item:nth-child(6) .tab-icon {
    top: 318px;
}

.tab-item:nth-child(7) .tab-icon {
    top: 382px;
}

.tab-item:nth-child(8) .tab-icon {
    top: 446px;
}

.tab-item:nth-child(9) .tab-icon {
    top: 510px;
}

.tab-item:nth-child(10) .tab-icon {
    top: 574px;
}

.tab-box.hoehe1 .tab-content {
    height: 220px;
}

.tab-box.hoehe2 .tab-content {
    height: 460px;
}

.tab-box.hoehe3 .tab-content {
    height: 700px;
}

.tab-box.hoehe4 .tab-content {
    height: 940px;
}

.tab-box.hoehe5 .tab-content {
    height: 1180px;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ------------------------------------ "tab-box" END ------------------------------------- */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ----------------------------- "Datenschutz-Popup" BEGINN ------------------------------- */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.datenschutz-popup, .sprachwaehler-popup {
    padding: 20px;
}

.datenschutz-popup p > a, .sprachwaehler-popup p > a {
    cursor: pointer;
    display: inline;
    position: relative;
    text-decoration: none;
    transition-property: box-shadow;
    user-select: text;
}

.datenschutz-popup .button, .sprachwaehler-popup .button {
    height: auto;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ------------------------------ "Datenschutz-Popup" END --------------------------------- */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ----------------------------- "Newsletter breaker" BEGINN ------------------------------ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

@media (max-width: 959px) {
    .newsletter-breaker {
        height: auto;
    }

    .newsletter-breaker__picture-wrapper {
        overflow: initial;
        position: relative;
    }

    .newsletter-breaker__picture {
        position: relative;
    }

    .newsletter-breaker__content {
        position: absolute;
        bottom: 0%;
    }
}

@media (min-width: 960px) and (max-width: 1339px) {
    .newsletter-breaker__picture img {
        height: 100%;
    }
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ------------------------------- "Newsletter breaker" END ------------------------------- */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/*fix for table scroll -x */
.innerAkkordeon .table__scroll-wrapper{
    overflow-x: visible;
}
.akkordeonInnerContent{
    overflow: hidden;
}

/* BWCMSINT-337: CLONE - Anpassung Kopfbereich | Header */
.nachgeordnet .header--ministry .header__logo {
    max-width: 67rem;
}

.nachgeordnet .logo--ministry .logo__image {
    max-width: 100%;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* -------------------------- "Navigation Ueberspringen" BEGINN --------------------------- */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.skip-nav {
    -webkit-clip-path: inset(50%);
    background-color: rgba(63, 63, 63, .9);
    border: 0;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 2rem;
    position: absolute;
    text-align: center;
    white-space: nowrap;
    width: 1px;
}

.skip-nav:active, .skip-nav:focus, .skip-nav:hover {
    -webkit-clip-path: none !important;
    clip: auto !important;
    clip-path: none !important;
    height: auto !important;
    left: 0;
    margin: 0 !important;
    outline: 0;
    overflow: visible !important;
    position: static !important;
    position: fixed !important;
    right: 0;
    top: 0;
    white-space: normal !important;
    width: auto !important;
    z-index: 108;
}

.skip-nav .skip-link__text {
    outline: 3px solid #979797;
    outline-offset: 5px;
}

.skip-nav .icon {
    display: inline-block;
    height: 1em;
    line-height: 1em;
    user-select: all;
    vertical-align: middle;
    width: 1em;
}

.skip-nav .icon-link {
    align-items: center;
    display: inline-flex;
}

.skip-nav .icon-link[type='button'] {
    appearance: none;
}

.skip-nav .icon-link--large {
    font-size: 1.8rem;
    line-height: 2.4rem;
}

.skip-nav .icon-link__button {
    display: inline-block;
    height: 1.5rem;
    margin-right: 0.8rem;
    position: relative;
    transition-property: background-color;
    vertical-align: baseline;
    width: 1.5rem;
}

.skip-nav .icon-link__button--small {
    height: 1.2rem;
    margin-right: 0.5rem;
    width: 1.2rem;
}

.skip-nav .icon-link__icon {
    font-size: 1.6rem;
    left: 50%;
    line-height: 0;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    transition-property: color;
}

.skip-nav .icon-link__button--small .icon-link__icon {
    font-size: 1.2rem;
}

.skip-nav .icon-link__text {
    box-shadow: inset 0 -1px transparent;
    transition-property: box-shadow;
}

.skip-nav .icon-link:focus .icon-link__text, .t-dark .icon-link__text {
    color: #fff;
}

.skip-nav.t-dark .icon-link:focus .icon-link__text {
    flex-shrink: 0;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ---------------------------- "Navigation Ueberspringen" END ---------------------------- */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ------------------------------- "Zusatzsprachen" BEGINN -------------------------------- */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

@media (min-width: 36.25em) {
    .header__navigation-item--language {
        display: flex;
        flex-wrap: wrap;
    }
}

.header__navigation-item--language-item:not(:last-child) {
    margin-right: 3.0rem;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* --------------------------------- "Zusatzsprachen" END --------------------------------- */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ------------------------------- "Umfrage Add-on" BEGINN -------------------------------- */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.survey .answer.focus-within input[type=checkbox]:not(old) + label > span:first-child,
.survey .answer.focus-within input[type=radio   ]:not(old) + label > span:first-child {
    outline: 3px solid #979797;
    outline-offset: 5px;
}

.survey input[type="submit"] {
    border-radius: 0 !important;
    border: 0 !important;
    height: auto !important;
    padding: 13px 50px;
    cursor: pointer;
    font-weight: normal !important;
}

.survey input[type="submit"]:focus, .survey input[type="submit"]:hover {
    text-decoration: underline;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* --------------------------------- "Umfrage Add-on" END --------------------------------- */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */