@charset "UTF-8";
/* primary */
/* secondary */
/* alert */
.fontstyle-standard, body, html, p, .panorama-container .panorama .panorama-container__left .panorama-inner-container > .panorama-item .item-content .content-text * {
font-family: "Source Sans Pro", sans-serif;
font-style: normal;
font-weight: 400;
font-size: clamp(20px, 1.1vw, 22px);
}
.fontstyle-page-title, h1.page-title, .h1.page-title {
font-family: "cooper-black-std", serif;
font-style: normal;
font-weight: 900;
font-size: clamp(50px, 6vw, 120px);
line-height: 1;
}
.fontstyle-h1, h1, .h1, .panorama-container .panorama .panorama-container__left .panorama-inner-container > .panorama-item .item-content .content-title {
font-family: "Merriweather", serif;
font-weight: 900;
font-size: clamp(40px, 3.5vw, 70px);
}
.fontstyle-h2, h2, .h2 {
font-family: "Merriweather", serif;
font-style: normal;
font-weight: 900;
font-size: clamp(32px, 3vw, 56px);
}
.fontstyle-h3, h3, .h3, .element.anrisse.homedossier .item.dossier-item .dossier-top .dossier-info .article-title h2, .panorama-container .panorama .panorama-container__left .panorama-inner-container__low .panorama-item__number .item-number .badge .badge-text {
font-family: "Merriweather", serif;
font-style: normal;
font-weight: 900;
font-size: clamp(28px, 2.5vw, 50px);
}
.fontstyle-h4, h4, .h4, blockquote, blockquote *, #header .header-content .header-position-container .header-search .search-input input[type=text], .article-detail .article-content-container h2, .article-wrap section.article .article-body .accordion-wrap .accordion-element .accordion-header, .article-wrap section.article .additional-content .accordion-wrap .accordion-element .accordion-header, .article-wrap section.article .article-body .box > b:first-child, .article-wrap section.article .article-body .old-content-hint > b:first-child, .article-wrap section.article .article-body .box > strong:first-child, .article-wrap section.article .article-body .old-content-hint > strong:first-child, .article-wrap section.article .additional-content .box > b:first-child, .article-wrap section.article .additional-content .old-content-hint > b:first-child, .article-wrap section.article .additional-content .box > strong:first-child, .article-wrap section.article .additional-content .old-content-hint > strong:first-child, .comments-container .comments-title, .search .search-form .search-input input[type=text], .panorama-container .panorama .panorama-container__left .panorama-inner-container__low .panorama-item__quote .item-quote::before, .panorama-container .panorama .panorama-container__left .panorama-inner-container__low .panorama-item__quote .item-quote::after, .panorama-container .panorama .panorama-container__right .panorama-inner-container .panorama-item .item-content .content-title {
font-family: "Merriweather", serif;
font-style: normal;
font-weight: 900;
font-size: clamp(26px, 2vw, 40px);
}
.fontstyle-h5, h5, .h5, .element.anrisse .items.style_3_cols .item .article-content .article-title h2, .element.anrisse.gallery-anrisse h2, .article-detail .article-content-container h3, .comments-container .comments .comment .comment-actions .comment-action .action-popup .action-popup-content .popup-title, .comments-container .add-comment-form .form-title, .ratings-wrap .ratings-container .rating-item .rating-action-container .rating-text p, .panorama-container .panorama .panorama-container__left .panorama-inner-container__low .panorama-item .item-content .content-title, .panorama-container .panorama .panorama-container__left .panorama-inner-container__low .panorama-item__quote .item-quote {
font-family: "Merriweather", serif;
font-style: normal;
font-weight: 900;
font-size: clamp(24px, 1.5vw, 30px);
}
.fontstyle-h6, h6, .h6, .ressort-teaser .ressort-teaser-slider .slider-item .item-title, .element.anrisse .items.style_5_cols .item:nth-child(2) .article-content .article-title h2, .element.anrisse .items.style_5_cols .item:nth-child(3) .article-content .article-title h2, .element.anrisse .items.style_5_cols .item:nth-child(4) .article-content .article-title h2, .element.anrisse .items.style_5_cols .item:nth-child(5) .article-content .article-title h2, .article-detail .article-content-container h4, .article-detail .article-content-container h5, .article.related .related-wrap .related-content .related-articles-wrap .related-article-item.advertorial h2 {
font-family: "Merriweather", serif;
font-style: normal;
font-weight: 900;
font-size: clamp(22px, 1.25vw, 25px);
}
.fontstyle-title-small, p.title-small, #header .header-content .header-position-container .header-breadcrumb .menu-breadcrumb ul li {
font-family: "Merriweather", serif;
font-style: normal;
font-weight: 900;
font-size: clamp(18px, 1vw, 20px);
line-height: 1.2;
}
.fontstyle-title-mini, p.title-mini, .panorama-container .panorama .panorama-container__left .panorama-inner-container__low .panorama-item__number .item-number .badge .badge-text .badge-label {
font-family: "Merriweather", serif;
font-style: normal;
font-weight: 900;
font-size: clamp(14px, 0.75vw, 15px);
}
.fontstyle-lead, p.lead, h1.page-title + .page-title-subline, .h1.page-title + .page-title-subline, .element.anrisse .items .item.advertorial h3.lead, .article-wrap section.article .article-header .lead {
font-family: "Source Sans Pro", sans-serif;
font-style: normal;
font-weight: 400;
font-size: clamp(22px, 1.25vw, 25px);
}
.fontstyle-medium, .fontstyle-spitzmarke, .article-teaser .article-teaser-content .article-teaser-more-items .article-teaser-slider .slider-item .item-content .spitzmarke, .element.anrisse .items .item.advertorial h5, .article-wrap section.article .article-header .spitzmarke, p.medium, #header .header-content .header-position-container .main-meta-nav, #footer .footer-content .footer-part.footer-part-nav .footer-nav .footer-nav-items .nav-item, #footer .footer-content .footer-part.footer-part-nav .footer-nav .footer-nav-items .nav-item a, .general-input-style, input:not([type="checkbox"]):not([type="radio"]):not(.powermail_submit), textarea, select, select + .nice-select, .panorama-container .panorama .panorama-item .item-content .content-text * {
font-family: "Source Sans Pro", sans-serif;
font-style: normal;
font-weight: 400;
font-size: clamp(15px, 0.85vw, 17px);
}
.fontstyle-spitzmarke, .article-teaser .article-teaser-content .article-teaser-more-items .article-teaser-slider .slider-item .item-content .spitzmarke, .element.anrisse .items .item.advertorial h5, .article-wrap section.article .article-header .spitzmarke {
text-transform: uppercase;
}
.fontstyle-hint, p.hint, figure figcaption, blockquote + p.Legende, #footer .footer-subline, .error-message, .section-menu-sticky-container .section-menu-container .section-menu .section-menu-item a, .element.anrisse .items .item.advertorial figure.imagefill, .element.anrisse .items .item.advertorial .footer, .element.anrisse .items .item .article-top .article-image, .element.anrisse .items .item .article-top .article-likes-dislikes .ratings-container, .element.anrisse .items .item .article-content .article-info, .article-wrap section.article .article-body .inlineArticle .relatedWrap span.footer, .article-wrap section.article .additional-content .inlineArticle .relatedWrap span.footer, .panorama-container .panorama .panorama-container__left .panorama-inner-container__low .panorama-item .item-content {
font-family: "Source Sans Pro", sans-serif;
font-style: normal;
font-weight: 400;
font-size: clamp(13px, 0.7vw, 14px);
}
.fontstyle-main-navigation, #header .header-content .header-position-container .menu-container .menu #main-menu > .nav-item {
font-family: "Merriweather", serif;
font-style: normal;
font-weight: 900;
font-size: 40px;
line-height: 1;
}
.fontstyle-navigation, #header .header-content .header-position-container .menu-container .menu #main-menu > .nav-item .sub-nav .nav-item {
font-family: "Source Sans Pro", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 1;
}
.fontstyle-meta-navigation, #header .header-content .header-position-container .menu-container .menu .meta #meta-menu .meta-nav-item a {
font-family: "Source Sans Pro", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 1;
}
.fontstyle-button-text, .general-button-style, .button, button.btn-primary, .powermail_submit, a.lined-link {
font-family: "Source Sans Pro", sans-serif;
font-style: normal;
font-weight: 600;
font-size: clamp(16px, 1vw, 20px);
line-height: 1;
text-transform: uppercase;
}
.pseudo, .pseudo-border-box, .article-teaser .article-teaser-content .article-teaser-more-items .article-teaser-slider .slider-item .item-image::after, .ressort-teaser .ressort-teaser-slider .slider-item .item-image::after, .epaper-teaser .epaper-teaser-slider-item a .epaper-image::after, .article.related .related-wrap .related-content .related-articles-wrap .related-article-item .article-image::after, .article.related .related-wrap .related-content .related-articles-wrap .related-article-item.advertorial figure::after, .general-button-style::after, .button::after, button.btn-primary::after, .powermail_submit::after, a:not(.button):not(.block-link):not(.lined-link):not(.social-link):not(.share-link):not(.menu-link):not(.breadcrumb-link):not(.back-link):not(.anchor-link):not(.lightbox):not(.dossier-link):not(.download-link):not(.fa-redo.btn-sm)::after, a.lined-link::after, #header .header-content .header-position-container .header-search .search-icon span.close::before, #header .header-content .header-position-container .header-search .search-icon span.close::after, #header .header-content .header-position-container .header-search .search-input input[type=text] + button[type=submit] + .remove-search-content span.close::before, #header .header-content .header-position-container .header-search .search-input input[type=text] + button[type=submit] + .remove-search-content span.close::after, .restyler-input-check, .checkbox .checkbox-restyler-group .checkbox-restyler::after, .radio .radio-restyler-group .radio-restyler::after, .home-topstory .topstory-content .topstory-spitzmarke::after, .element.anrisse .items .item.advertorial h5::after, .element.anrisse .items .item .article-content .article-spitzmarke::after, .article-wrap section.article .article-body .inlineArticle .relatedWrap span.spitzmarke::after, .article-wrap section.article .additional-content .inlineArticle .relatedWrap span.spitzmarke::after, .article.related .related-wrap .related-content .related-articles-wrap .related-article-item .article-content .article-spitzmarke::after, .ratings-wrap .ratings-container::before, .ratings-wrap .ratings-container::after, .search .search-form .search-input input[type=text] + button[type=submit] + .remove-search-content span.close::before, .search .search-form .search-input input[type=text] + button[type=submit] + .remove-search-content span.close::after, .search .search-results .result-items .search-result-item .result-item-content .spitzmarke::after, .panorama-container .panorama .panorama-container__left .panorama-inner-container__low .panorama-item__quote .item-quote::before, .panorama-container .panorama .panorama-container__left .panorama-inner-container__low .panorama-item__quote .item-quote::after {
content: "";
position: absolute;
display: block;
box-sizing: border-box;
}
.pseudo-border-box, .article-teaser .article-teaser-content .article-teaser-more-items .article-teaser-slider .slider-item .item-image::after, .ressort-teaser .ressort-teaser-slider .slider-item .item-image::after, .epaper-teaser .epaper-teaser-slider-item a .epaper-image::after, .article.related .related-wrap .related-content .related-articles-wrap .related-article-item .article-image::after, .article.related .related-wrap .related-content .related-articles-wrap .related-article-item.advertorial figure::after {
width: 100%;
height: 100%;
top: 0;
left: 0;
bottom: 0;
right: 0;
border: 0 solid rgba(255, 255, 255, 0);
transition: all 0.4s cubic-bezier(0.42, 0, 0.175, 1);
}
.pseudo-border-box-active, .article-teaser .article-teaser-content .article-teaser-more-items .article-teaser-slider .slider-item > a:hover .item-image::after, .ressort-teaser .ressort-teaser-slider .slider-item > a:hover .item-image::after, .epaper-teaser .epaper-teaser-slider-item a:hover .epaper-image::after, .article.related .related-wrap .related-content .related-articles-wrap .related-article-item:hover .article-image::after, .article.related .related-wrap .related-content .related-articles-wrap .related-article-item.advertorial:hover figure::after {
border: 20px solid #fdbf00;
}
.circle-container, #header .header-content .header-position-container .menu-container .menu .meta #social-menu a.meta-social-icon, #footer .footer-content .footer-part .footer-social .meta-social-icon, .slick-slider .slick-prev, .slick-slider .slick-next, .element.anrisse .items .item.article-type-2 .article-image::after, .ratings-wrap .ratings-container .rating-item .rating-action-container .rating-actions .rating-action {
display: flex;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
border-radius: 100%;
border: 1px solid #9b9b9b;
background: #00000040;
color: #ffffff;
transition: all 0.4s cubic-bezier(0.42, 0, 0.175, 1);
cursor: pointer;
}
.circle-container:hover, #header .header-content .header-position-container .menu-container .menu .meta #social-menu a.meta-social-icon:hover, #footer .footer-content .footer-part .footer-social .meta-social-icon:hover, .slick-slider .slick-prev:hover, .slick-slider .slick-next:hover, .element.anrisse .items .item.article-type-2 .article-image::after:hover, .ratings-wrap .ratings-container .rating-item .rating-action-container .rating-actions .rating-action:hover {
background: #fdbf00;
border-color: #fdbf00;
}
.line-after-hover, a.lined-link:hover::after, .home-topstory:hover .topstory-content .topstory-spitzmarke::after, .element.anrisse .items .item:hover .article-content .article-spitzmarke::after, .element.anrisse .items .item.advertorial:hover h5::after, .article-wrap section.article .article-body .inlineArticle .relatedWrap:hover span.spitzmarke::after, .article-wrap section.article .additional-content .inlineArticle .relatedWrap:hover span.spitzmarke::after, .article.related .related-wrap .related-content .related-articles-wrap .related-article-item:hover .article-content .article-spitzmarke::after, .search .search-results .result-items .search-result-item:hover .result-item-content .spitzmarke::after {
transform: scaleX(1);
}
.general-button-style, .button, button.btn-primary, .powermail_submit {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
display: inline-block;
position: relative;
padding: 16px 36px 20px;
border: 0px solid #000000;
border-radius: 2px;
border-width: 4px;
transition: all 0.4s cubic-bezier(0.42, 0, 0.175, 1);
cursor: pointer;
}
.general-button-style:focus, .button:focus, button.btn-primary:focus, .powermail_submit:focus {
padding: 12px 32px 16px;
}
.general-button-style:focus::after, .button:focus::after, button.btn-primary:focus::after, .powermail_submit:focus::after {
bottom: 8px;
width: calc(100% - (32px * 2));
}
.general-button-style::after, .button::after, button.btn-primary::after, .powermail_submit::after {
width: calc(100% - ((32px + 4px) * 2));
bottom: 12px;
left: 50%;
transform: translateX(-50%);
border-bottom: 4px solid #fdbf00;
transition: all 0.4s cubic-bezier(0.42, 0, 0.175, 1);
}
.button.button-primary, button.button-primary.btn-primary, button.btn-primary, .powermail_submit.button-primary {
background-color: #000000;
border-color: #000000;
color: #ffffff;
}
.button.button-primary:hover, button.button-primary.btn-primary:hover, button.btn-primary:hover, .powermail_submit.button-primary:hover {
background-color: #fdbf00;
border-color: #fdbf00;
color: #000000;
}
.button.button-primary:hover::after, button.button-primary.btn-primary:hover::after, button.btn-primary:hover::after, .powermail_submit.button-primary:hover::after {
border-bottom-color: #ffffff;
}
.button.button-primary:focus, button.button-primary.btn-primary:focus, button.btn-primary:focus, .powermail_submit.button-primary:focus {
border-color: #fdbf00;
background-color: #000000;
color: #ffffff;
}
.button.button-primary:focus::after, button.button-primary.btn-primary:focus::after, button.btn-primary:focus::after, .powermail_submit.button-primary:focus::after {
border-bottom-color: #fdbf00;
}
.button.button-primary::after, button.button-primary.btn-primary::after, button.btn-primary::after, .powermail_submit.button-primary::after {
border-bottom-color: #fdbf00;
}
.button.button-secondary, button.button-secondary.btn-primary, .powermail_submit.button-secondary {
background-color: #fdbf00;
border-color: #fdbf00;
}
.button.button-secondary:hover, button.button-secondary.btn-primary:hover, .powermail_submit.button-secondary:hover {
background-color: #ffffff;
border-color: #ffffff;
}
.button.button-secondary:hover::after, button.button-secondary.btn-primary:hover::after, .powermail_submit.button-secondary:hover::after {
border-bottom-color: #fdbf00;
}
.button.button-secondary:focus, button.button-secondary.btn-primary:focus, .powermail_submit.button-secondary:focus {
border-color: #ffffff;
background-color: #fdbf00;
}
.button.button-secondary:focus::after, button.button-secondary.btn-primary:focus::after, .powermail_submit.button-secondary:focus::after {
border-bottom-color: #ffffff;
}
.button.button-secondary::after, button.button-secondary.btn-primary::after, .powermail_submit.button-secondary::after {
border-bottom-color: #ffffff;
}
.button.button-secondary-shop, button.button-secondary-shop.btn-primary, .powermail_submit.button-secondary-shop {
background-color: #000000;
border-color: #000000;
color: #ffffff;
}
.button.button-secondary-shop:hover, button.button-secondary-shop.btn-primary:hover, .powermail_submit.button-secondary-shop:hover {
background-color: #f8eebd;
border-color: #f8eebd;
color: #000000;
}
.button.button-tertiary, button.button-tertiary.btn-primary, .powermail_submit.button-tertiary {
background-color: #ffffff;
border-color: #fdbf00;
}
.button.button-tertiary:hover, button.button-tertiary.btn-primary:hover, .powermail_submit.button-tertiary:hover {
background-color: #fdbf00;
border-color: #fdbf00;
}
.button.button-tertiary:hover::after, button.button-tertiary.btn-primary:hover::after, .powermail_submit.button-tertiary:hover::after {
border-bottom-color: #ffffff;
}
.button.button-tertiary:focus, button.button-tertiary.btn-primary:focus, .powermail_submit.button-tertiary:focus {
border-color: #fdbf00;
background-color: #ffffff;
}
.button.button-tertiary:focus::after, button.button-tertiary.btn-primary:focus::after, .powermail_submit.button-tertiary:focus::after {
border-bottom-color: #fdbf00;
}
.button.button-tertiary::after, button.button-tertiary.btn-primary::after, .powermail_submit.button-tertiary::after {
border-bottom-color: #fdbf00;
}
.button.button-small, button.button-small.btn-primary, .powermail_submit.button-small {
padding: 8px 16px;
}
.button.button-small::after, button.button-small.btn-primary::after, .powermail_submit.button-small::after {
display: none;
}
.frame.frame-bg-brand a:not(.button):not(.block-link):not(.lined-link):not(.social-link):not(.share-link):not(.menu-link):not(.breadcrumb-link):not(.back-link):not(.anchor-link):not(.lightbox):not(.dossier-link):not(.download-link):not(.fa-redo.btn-sm)::after, .frame.frame-bg-brand a:visited:not(.button):not(.block-link):not(.lined-link):not(.social-link):not(.share-link):not(.menu-link):not(.breadcrumb-link):not(.back-link):not(.anchor-link):not(.lightbox):not(.dossier-link):not(.download-link):not(.fa-redo.btn-sm)::after {
border-color: #000000;
}
.frame.frame-bg-brand a:not(.button):not(.block-link):not(.lined-link):not(.social-link):not(.share-link):not(.menu-link):not(.breadcrumb-link):not(.back-link):not(.anchor-link):not(.lightbox):not(.dossier-link):not(.download-link):not(.fa-redo.btn-sm):hover, .frame.frame-bg-brand a:visited:not(.button):not(.block-link):not(.lined-link):not(.social-link):not(.share-link):not(.menu-link):not(.breadcrumb-link):not(.back-link):not(.anchor-link):not(.lightbox):not(.dossier-link):not(.download-link):not(.fa-redo.btn-sm):hover {
color: #ffffff;
}
.frame.frame-bg-brand a:not(.button):not(.block-link):not(.lined-link):not(.social-link):not(.share-link):not(.menu-link):not(.breadcrumb-link):not(.back-link):not(.anchor-link):not(.lightbox):not(.dossier-link):not(.download-link):not(.fa-redo.btn-sm):hover::after, .frame.frame-bg-brand a:visited:not(.button):not(.block-link):not(.lined-link):not(.social-link):not(.share-link):not(.menu-link):not(.breadcrumb-link):not(.back-link):not(.anchor-link):not(.lightbox):not(.dossier-link):not(.download-link):not(.fa-redo.btn-sm):hover::after {
border-color: #ffffff;
}
.frame.frame-bg-brand a.button-primary, .frame.frame-bg-brand a:visited.button-primary {
background-color: #000000;
border-color: #000000;
color: #ffffff;
}
.frame.frame-bg-brand a.button-primary:hover, .frame.frame-bg-brand a:visited.button-primary:hover {
background-color: #fdbf00;
color: #000000;
}
.frame.frame-bg-brand a.button-primary:hover::after, .frame.frame-bg-brand a:visited.button-primary:hover::after {
border-bottom-color: #000000;
}
.frame.frame-bg-brand a.button-primary:focus, .frame.frame-bg-brand a:visited.button-primary:focus {
border-color: #000000;
background-color: #fdbf00;
}
.frame.frame-bg-brand a.button-secondary, .frame.frame-bg-brand a:visited.button-secondary {
border-color: #ffffff;
}
.frame.frame-bg-brand a.button-tertiary, .frame.frame-bg-brand a:visited.button-tertiary {
border-color: #ffffff;
}
.frame.frame-bg-black a.button-primary, .frame.frame-bg-black a:visited.button-primary {
border-color: #fdbf00;
color: #ffffff;
}
.frame.frame-bg-black a.button-primary:hover, .frame.frame-bg-black a:visited.button-primary:hover {
background-color: #fdbf00;
color: #000000;
}
.frame.frame-bg-black a.button-primary:hover::after, .frame.frame-bg-black a:visited.button-primary:hover::after {
border-bottom-color: #000000;
}
.frame.frame-bg-black a.button-primary:focus, .frame.frame-bg-black a:visited.button-primary:focus {
border-color: #000000;
background-color: #fdbf00;
}
.frame.frame-bg-black a.button-secondary, .frame.frame-bg-black a:visited.button-secondary {
color: #000000;
}
.frame.frame-bg-black a.button-tertiary, .frame.frame-bg-black a:visited.button-tertiary {
border-color: #ffffff;
color: #000000;
}
/**
structure:
with link:
*/
.badge {
display: flex;
justify-content: center;
align-items: center;
width: clamp(100px, 10vw, 180px);
height: clamp(100px, 10vw, 180px);
position: absolute;
border-radius: 100%;
background: #000000;
color: #ffffff;
}
.badge.badge-absolute {
position: absolute;
top: 0;
right: calc((100% - 1260px) / 2);
z-index: 11;
}
@media screen and (max-width: 1400px) {
.badge.badge-absolute {
right: 32px;
}
}
@media screen and (max-width: 600px) {
.badge.badge-absolute {
right: 16px;
}
}
.badge.inverted {
background: #fdbf00;
color: #000000;
}
.badge.inverted > a, .badge.inverted > a:visited, .badge.inverted > a:hover {
color: #000000;
}
.badge.inverted > a:hover .badge-text {
color: #ffffff;
}
.badge.inverted .badge-circle {
border-color: #000000;
}
.badge > a {
display: block;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.badge > a, .badge > a:visited, .badge > a:hover {
color: #ffffff;
}
.badge > a:hover .badge-circle {
animation: scaling 0.4s cubic-bezier(0.42, 0, 0.175, 1) infinite alternate;
}
.badge > a:hover .badge-text {
color: #fdbf00;
}
.badge .badge-circle {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 1px dashed #fdbf00;
border-radius: 100%;
transform: scale(0.9);
}
.badge .badge-text {
font-size: clamp(12px, 1vw, 20px);
text-align: center;
width: 80%;
height: 80%;
text-transform: uppercase;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
transition: color 0.4s cubic-bezier(0.42, 0, 0.175, 1);
}
@keyframes scaling {
from {
transform: scale(0.9);
}
to {
transform: scale(1);
}
}
* {
box-sizing: border-box;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
*.hidden {
display: none;
}
body, html {
margin: 0;
padding: 0;
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, p {
line-height: 1.25;
}
h1:first-child:not(.box), .h1:first-child:not(.box), h2:first-child:not(.box), .h2:first-child:not(.box), h3:first-child:not(.box), .h3:first-child:not(.box), h4:first-child:not(.box), .h4:first-child:not(.box), h5:first-child:not(.box), .h5:first-child:not(.box), h6:first-child:not(.box), .h6:first-child:not(.box), p:first-child:not(.box) {
margin-top: 0;
padding-top: 0;
}
h1:last-child:not(.box), .h1:last-child:not(.box), h2:last-child:not(.box), .h2:last-child:not(.box), h3:last-child:not(.box), .h3:last-child:not(.box), h4:last-child:not(.box), .h4:last-child:not(.box), h5:last-child:not(.box), .h5:last-child:not(.box), h6:last-child:not(.box), .h6:last-child:not(.box), p:last-child:not(.box) {
margin-bottom: 0;
padding-bottom: 0;
}
p {
margin-top: clamp(20px, 1.1vw, 22px);
margin-bottom: clamp(20px, 1.1vw, 22px);
-webkit-hyphens: auto;
-webkit-hyphenate-limit-before: 3;
-webkit-hyphenate-limit-after: 3;
-webkit-hyphenate-limit-chars: 6 3 3;
-webkit-hyphenate-limit-lines: 2;
-webkit-hyphenate-limit-last: always;
-webkit-hyphenate-limit-zone: 8%;
-moz-hyphens: auto;
-moz-hyphenate-limit-chars: 6 3 3;
-moz-hyphenate-limit-lines: 2;
-moz-hyphenate-limit-last: always;
-moz-hyphenate-limit-zone: 8%;
-ms-hyphens: auto;
-ms-hyphenate-limit-chars: 6 3 3;
-ms-hyphenate-limit-lines: 2;
-ms-hyphenate-limit-last: always;
-ms-hyphenate-limit-zone: 8%;
hyphens: auto;
hyphenate-limit-chars: 6 3 3;
hyphenate-limit-lines: 2;
hyphenate-limit-last: always;
hyphenate-limit-zone: 8%;
}
h1.page-title, .h1.page-title {
color: #fdbf00;
margin-bottom: 0;
}
h1.page-title + .page-title-subline, .h1.page-title + .page-title-subline {
margin: 0;
}
h1.page-title.has-badge, .h1.page-title.has-badge {
max-width: calc(100% - clamp(100px, 10vw, 180px) - 64px);
}
@media screen and (max-width: 480px) {
h1.page-title.has-badge, .h1.page-title.has-badge {
max-width: calc(100% - clamp(100px, 10vw, 180px) - 32px);
}
}
h1.page-title.has-badge + .page-title-subline, .h1.page-title.has-badge + .page-title-subline {
max-width: calc(100% - clamp(100px, 10vw, 180px) - 64px);
}
@media screen and (max-width: 480px) {
h1.page-title.has-badge + .page-title-subline, .h1.page-title.has-badge + .page-title-subline {
max-width: calc(100% - clamp(100px, 10vw, 180px) - 32px);
}
}
.headline {
padding-bottom: 32px;
margin-bottom: 32px;
border-bottom: 1px solid #000000;
}
a {
text-decoration: none;
}
a, a:visited, a:hover {
color: #000000;
}
a:not(.button):not(.block-link):not(.lined-link):not(.social-link):not(.share-link):not(.menu-link):not(.breadcrumb-link):not(.back-link):not(.anchor-link):not(.lightbox):not(.dossier-link):not(.download-link):not(.fa-redo.btn-sm) {
display: inline-block;
position: relative;
transition: all 0.4s cubic-bezier(0.42, 0, 0.175, 1);
}
a:not(.button):not(.block-link):not(.lined-link):not(.social-link):not(.share-link):not(.menu-link):not(.breadcrumb-link):not(.back-link):not(.anchor-link):not(.lightbox):not(.dossier-link):not(.download-link):not(.fa-redo.btn-sm)::after {
width: 100%;
position: absolute;
bottom: 0;
transform: scale(0.8);
transition: all 0.4s cubic-bezier(0.42, 0, 0.175, 1);
border-bottom: 1px solid #fdbf00;
}
a:not(.button):not(.block-link):not(.lined-link):not(.social-link):not(.share-link):not(.menu-link):not(.breadcrumb-link):not(.back-link):not(.anchor-link):not(.lightbox):not(.dossier-link):not(.download-link):not(.fa-redo.btn-sm):hover {
color: #fdbf00;
}
a:not(.button):not(.block-link):not(.lined-link):not(.social-link):not(.share-link):not(.menu-link):not(.breadcrumb-link):not(.back-link):not(.anchor-link):not(.lightbox):not(.dossier-link):not(.download-link):not(.fa-redo.btn-sm):hover::after {
transform: scale(1);
}
a.lined-link {
display: inline-block;
line-height: 1;
padding: 8px 0;
position: relative;
color: #000000;
}
a.lined-link::after {
width: 100%;
bottom: 0;
border-bottom: 3px solid #fdbf00;
transform: scaleX(0.6);
transition: all 0.4s cubic-bezier(0.42, 0, 0.175, 1);
}
a.lined-link.inverted {
color: #ffffff;
}
figure {
position: relative;
overflow: hidden;
margin: 0;
padding: 0;
}
figure img {
width: 100%;
height: 100%;
object-fit: cover;
}
figure iframe {
width: 100%;
}
figure figcaption {
position: absolute;
bottom: 0;
width: 100%;
padding: 8px 0;
background: #ffffff;
}
blockquote {
margin: 40px;
}
blockquote + p.Legende {
margin: 40px;
padding: 24px;
padding-top: clamp(20px, 1.1vw, 22px);
border-top: 1px solid #e9eaea;
text-align: right;
}
iframe {
border: none;
}
.add-to-clipboard.clipboard-not-available {
display: none;
}
* {
scrollbar-color: #000000 #fdbf00;
}
::-webkit-scrollbar {
width: 10px;
}
::-webkit-scrollbar-thumb {
background: #fdbf00;
}
::-webkit-scrollbar-track {
background: #000000;
}
::selection {
background: #f8eebd;
color: #000000;
text-shadow: none;
}
.box, .article-wrap .old-content-hint {
margin: 0;
padding: 32px;
}
.box.grey, .article-wrap .grey.old-content-hint, .article-wrap .old-content-hint {
background: #e9eaea;
}
.box.grey.green-dotted, .article-wrap .grey.green-dotted.old-content-hint, .article-wrap .green-dotted.old-content-hint, .article-wrap .old-content-hint {
border: 2px dotted #67948b;
}
.box.grey.yellow-solid, .article-wrap .grey.yellow-solid.old-content-hint, .article-wrap .yellow-solid.old-content-hint {
border: 5px solid #fdbf00;
}
.box.pull-left, .article-wrap .pull-left.old-content-hint, .box.pull-right, .article-wrap .pull-right.old-content-hint {
max-width: 50%;
}
.box.pull-left, .article-wrap .pull-left.old-content-hint {
float: left;
margin-right: 16px;
}
.box.pull-right, .article-wrap .pull-right.old-content-hint {
float: right;
margin-left: 16px;
}
.box.fullwidth, .article-wrap .fullwidth.old-content-hint {
clear: both;
width: 100%;
margin: 16px 0;
}
.frame:not(:empty) + .frame {
margin-top: 64px;
}
.frame:not(:empty) + .frame.frame-space-before-extra-small {
margin-top: 16px;
}
.frame:not(:empty) + .frame.frame-space-before-small {
margin-top: 24px;
}
.frame:not(:empty) + .frame.frame-space-before-medium {
margin-top: 40px;
}
.frame:not(:empty) + .frame.frame-space-before-large {
margin-top: 48px;
}
.frame:not(:empty) + .frame.frame-space-before-extra-large {
margin-top: 120px;
}
.frame:not(:empty) + .frame.frame-space-after-extra-small {
margin-bottom: 16px;
}
.frame:not(:empty) + .frame.frame-space-after-small {
margin-bottom: 24px;
}
.frame:not(:empty) + .frame.frame-space-after-medium {
margin-bottom: 40px;
}
.frame:not(:empty) + .frame.frame-space-after-large {
margin-bottom: 48px;
}
.frame:not(:empty) + .frame.frame-space-after-extra-large {
margin-bottom: 120px;
}
.frame:not(:empty) + .frame.frame-space-after-extra-small + .frame {
margin-top: 16px;
}
.frame:not(:empty) + .frame.frame-space-after-small + .frame {
margin-top: 24px;
}
.frame:not(:empty) + .frame.frame-space-after-medium + .frame {
margin-top: 40px;
}
.frame:not(:empty) + .frame.frame-space-after-large + .frame {
margin-top: 48px;
}
.frame:not(:empty) + .frame.frame-space-after-extra-large + .frame {
margin-top: 120px;
}
.frame.frame-layout-0 > *:not(.tx-mad-redaktion) .frame:not(.article-teaser-more-items), .frame.frame-layout-1 > *:not(.tx-mad-redaktion) .frame:not(.article-teaser-more-items) {
width: 100%;
margin-left: 0;
margin-right: 0;
}
.frame.frame-layout-0 {
width: 90%;
max-width: 1260px;
margin-left: auto;
margin-right: auto;
}
.frame.frame-layout-1 {
position: relative;
z-index: 10;
}
.frame.frame-layout-1:not(.frame-type-shortcut) > *:not(.home-slider):not(.article-detail):not(.fullwidth) {
width: 90%;
max-width: 1260px;
margin-left: auto;
margin-right: auto;
}
.frame.frame-layout-1:not(.frame-type-shortcut) > p {
margin: clamp(20px, 1.1vw, 22px) auto;
}
.frame.frame-layout-2 {
position: relative;
z-index: 10;
width: 756px;
max-width: 90%;
margin: 0 auto;
}
.frame.frame-layout-2:not(.frame-type-shortcut) > *:not(.home-slider):not(.article-detail):not(.fullwidth) {
width: 90%;
margin-left: auto;
margin-right: auto;
}
@media screen and (max-width: 1024px) {
.frame.frame-layout-2:not(.frame-type-shortcut) > *:not(.home-slider):not(.article-detail):not(.fullwidth) {
padding: 0 32px;
width: 100%;
}
}
.frame.frame-layout-2:not(.frame-type-shortcut) > p {
margin: clamp(20px, 1.1vw, 22px) auto;
}
.frame.frame-layout-3 {
width: 90%;
max-width: 1260px;
margin-left: auto;
margin-right: auto;
}
@media screen and (max-width: 896px) {
.frame.frame-layout-3 {
margin-top: 40px;
padding: 32px !important;
}
}
@media screen and (max-width: 1024px) {
.frame.frame-layout-3 .row {
grid-template-columns: 2fr 1fr !important;
}
}
@media screen and (max-width: 600px) {
.frame.frame-layout-3 .row {
grid-template-columns: 1fr !important;
}
}
@media screen and (max-width: 600px) {
.frame.frame-layout-3 .col {
width: 100% !important;
}
}
@media screen and (max-width: 600px) {
.frame.frame-layout-3 .col-1 {
position: relative;
z-index: 2;
}
}
@media screen and (max-width: 600px) {
.frame.frame-layout-3 .col-2 {
position: absolute;
left: 0;
margin: auto;
}
}
.frame.frame-layout-3 .col * {
text-align: center;
font-style: normal;
}
.frame.frame-layout-3 .col .frame {
margin-bottom: 0;
}
.frame.frame-layout-3 .col header {
margin-bottom: 64px !important;
}
@media screen and (max-width: 896px) {
.frame.frame-layout-3 .col header {
margin-top: 40px;
}
}
@media screen and (max-width: 600px) {
.frame.frame-layout-3 .col header {
margin-top: 0;
margin-bottom: 345px !important;
}
}
@media screen and (max-width: 1024px) {
.frame.frame-layout-3 .col header h2 {
font-size: 28px;
line-height: 34px;
}
}
@media screen and (max-width: 896px) {
.frame.frame-layout-3 .col header h2 {
font-size: 26px;
line-height: 32px;
}
}
.frame.frame-layout-3 .col .image {
position: relative;
top: 110px;
margin-top: -90px;
margin-right: 48px;
}
@media screen and (max-width: 896px) {
.frame.frame-layout-3 .col .image {
margin-right: 0;
}
}
@media screen and (max-width: 600px) {
.frame.frame-layout-3 .col .image {
max-width: 190px;
margin: 0 auto auto;
top: 180px;
}
}
@media screen and (max-width: 480px) {
.frame.frame-layout-3 .col .image {
margin: 32px auto auto;
}
}
@media screen and (max-width: 1024px) {
.frame.frame-layout-3 .col a {
font-size: 18px;
}
}
@media screen and (max-width: 600px) {
.frame.frame-layout-3 .col a {
font-size: 16px;
}
}
.frame.frame-bg-brand, .frame.frame-bg-brand-light, .frame.frame-bg-black, .frame.frame-bg-grey, .frame.frame-bg-grey-border-green-dotted, .frame.frame-bg-grey-border-yellow-solid, .frame.frame-bg-grey-gradient, .frame.frame-bg-blue-light, .frame.frame-bg-green-light {
padding: 64px 0;
}
.frame.frame-bg-brand.frame-layout-0, .frame.frame-bg-brand-light.frame-layout-0, .frame.frame-bg-black.frame-layout-0, .frame.frame-bg-grey.frame-layout-0, .frame.frame-layout-0.frame-bg-grey-border-green-dotted, .frame.frame-layout-0.frame-bg-grey-border-yellow-solid, .frame.frame-bg-grey-gradient.frame-layout-0, .frame.frame-bg-blue-light.frame-layout-0, .frame.frame-bg-green-light.frame-layout-0 {
padding: 64px 32px;
}
.frame.frame-bg-brand.frame-layout-1 + .frame-bg-brand.frame-layout-1, .frame.frame-bg-brand.frame-layout-1 + .frame-bg-brand-light.frame-layout-1, .frame.frame-bg-brand.frame-layout-1 + .frame-bg-black.frame-layout-1, .frame.frame-bg-brand.frame-layout-1 + .frame-bg-grey.frame-layout-1, .frame.frame-bg-brand.frame-layout-1 + .frame-layout-1.frame.frame-bg-grey-border-green-dotted, .frame.frame-bg-brand.frame-layout-1 + .frame-layout-1.frame.frame-bg-grey-border-yellow-solid, .frame.frame-bg-brand.frame-layout-1 + .frame-bg-grey-gradient.frame-layout-1, .frame.frame-bg-brand.frame-layout-1 + .frame-bg-blue-light.frame-layout-1, .frame.frame-bg-brand.frame-layout-1 + .frame-bg-green-light.frame-layout-1, .frame.frame-bg-brand-light.frame-layout-1 + .frame-bg-brand.frame-layout-1, .frame.frame-bg-brand-light.frame-layout-1 + .frame-bg-brand-light.frame-layout-1, .frame.frame-bg-brand-light.frame-layout-1 + .frame-bg-black.frame-layout-1, .frame.frame-bg-brand-light.frame-layout-1 + .frame-bg-grey.frame-layout-1, .frame.frame-bg-brand-light.frame-layout-1 + .frame-layout-1.frame.frame-bg-grey-border-green-dotted, .frame.frame-bg-brand-light.frame-layout-1 + .frame-layout-1.frame.frame-bg-grey-border-yellow-solid, .frame.frame-bg-brand-light.frame-layout-1 + .frame-bg-grey-gradient.frame-layout-1, .frame.frame-bg-brand-light.frame-layout-1 + .frame-bg-blue-light.frame-layout-1, .frame.frame-bg-brand-light.frame-layout-1 + .frame-bg-green-light.frame-layout-1, .frame.frame-bg-black.frame-layout-1 + .frame-bg-brand.frame-layout-1, .frame.frame-bg-black.frame-layout-1 + .frame-bg-brand-light.frame-layout-1, .frame.frame-bg-black.frame-layout-1 + .frame-bg-black.frame-layout-1, .frame.frame-bg-black.frame-layout-1 + .frame-bg-grey.frame-layout-1, .frame.frame-bg-black.frame-layout-1 + .frame-layout-1.frame.frame-bg-grey-border-green-dotted, .frame.frame-bg-black.frame-layout-1 + .frame-layout-1.frame.frame-bg-grey-border-yellow-solid, .frame.frame-bg-black.frame-layout-1 + .frame-bg-grey-gradient.frame-layout-1, .frame.frame-bg-black.frame-layout-1 + .frame-bg-blue-light.frame-layout-1, .frame.frame-bg-black.frame-layout-1 + .frame-bg-green-light.frame-layout-1, .frame.frame-bg-grey.frame-layout-1 + .frame-bg-brand.frame-layout-1, .frame.frame-layout-1.frame-bg-grey-border-green-dotted + .frame-bg-brand.frame-layout-1, .frame.frame-layout-1.frame-bg-grey-border-yellow-solid + .frame-bg-brand.frame-layout-1, .frame.frame-bg-grey.frame-layout-1 + .frame-bg-brand-light.frame-layout-1, .frame.frame-layout-1.frame-bg-grey-border-green-dotted + .frame-bg-brand-light.frame-layout-1, .frame.frame-layout-1.frame-bg-grey-border-yellow-solid + .frame-bg-brand-light.frame-layout-1, .frame.frame-bg-grey.frame-layout-1 + .frame-bg-black.frame-layout-1, .frame.frame-layout-1.frame-bg-grey-border-green-dotted + .frame-bg-black.frame-layout-1, .frame.frame-layout-1.frame-bg-grey-border-yellow-solid + .frame-bg-black.frame-layout-1, .frame.frame-bg-grey.frame-layout-1 + .frame-bg-grey.frame-layout-1, .frame.frame-layout-1.frame-bg-grey-border-green-dotted + .frame-bg-grey.frame-layout-1, .frame.frame-layout-1.frame-bg-grey-border-green-dotted + .frame-layout-1.frame.frame-bg-grey-border-green-dotted, .frame.frame-layout-1.frame-bg-grey-border-green-dotted + .frame-layout-1.frame.frame-bg-grey-border-yellow-solid, .frame.frame-layout-1.frame-bg-grey-border-yellow-solid + .frame-bg-grey.frame-layout-1, .frame.frame-layout-1.frame-bg-grey-border-yellow-solid + .frame-layout-1.frame.frame-bg-grey-border-green-dotted, .frame.frame-layout-1.frame-bg-grey-border-yellow-solid + .frame-layout-1.frame.frame-bg-grey-border-yellow-solid, .frame.frame-bg-grey.frame-layout-1 + .frame-layout-1.frame.frame-bg-grey-border-green-dotted, .frame.frame-bg-grey.frame-layout-1 + .frame-layout-1.frame.frame-bg-grey-border-yellow-solid, .frame.frame-bg-grey.frame-layout-1 + .frame-bg-grey-gradient.frame-layout-1, .frame.frame-layout-1.frame-bg-grey-border-green-dotted + .frame-bg-grey-gradient.frame-layout-1, .frame.frame-layout-1.frame-bg-grey-border-yellow-solid + .frame-bg-grey-gradient.frame-layout-1, .frame.frame-bg-grey.frame-layout-1 + .frame-bg-blue-light.frame-layout-1, .frame.frame-layout-1.frame-bg-grey-border-green-dotted + .frame-bg-blue-light.frame-layout-1, .frame.frame-layout-1.frame-bg-grey-border-yellow-solid + .frame-bg-blue-light.frame-layout-1, .frame.frame-bg-grey.frame-layout-1 + .frame-bg-green-light.frame-layout-1, .frame.frame-layout-1.frame-bg-grey-border-green-dotted + .frame-bg-green-light.frame-layout-1, .frame.frame-layout-1.frame-bg-grey-border-yellow-solid + .frame-bg-green-light.frame-layout-1, .frame.frame-bg-grey-gradient.frame-layout-1 + .frame-bg-brand.frame-layout-1, .frame.frame-bg-grey-gradient.frame-layout-1 + .frame-bg-brand-light.frame-layout-1, .frame.frame-bg-grey-gradient.frame-layout-1 + .frame-bg-black.frame-layout-1, .frame.frame-bg-grey-gradient.frame-layout-1 + .frame-bg-grey.frame-layout-1, .frame.frame-bg-grey-gradient.frame-layout-1 + .frame-layout-1.frame.frame-bg-grey-border-green-dotted, .frame.frame-bg-grey-gradient.frame-layout-1 + .frame-layout-1.frame.frame-bg-grey-border-yellow-solid, .frame.frame-bg-grey-gradient.frame-layout-1 + .frame-bg-grey-gradient.frame-layout-1, .frame.frame-bg-grey-gradient.frame-layout-1 + .frame-bg-blue-light.frame-layout-1, .frame.frame-bg-grey-gradient.frame-layout-1 + .frame-bg-green-light.frame-layout-1, .frame.frame-bg-blue-light.frame-layout-1 + .frame-bg-brand.frame-layout-1, .frame.frame-bg-blue-light.frame-layout-1 + .frame-bg-brand-light.frame-layout-1, .frame.frame-bg-blue-light.frame-layout-1 + .frame-bg-black.frame-layout-1, .frame.frame-bg-blue-light.frame-layout-1 + .frame-bg-grey.frame-layout-1, .frame.frame-bg-blue-light.frame-layout-1 + .frame-layout-1.frame.frame-bg-grey-border-green-dotted, .frame.frame-bg-blue-light.frame-layout-1 + .frame-layout-1.frame.frame-bg-grey-border-yellow-solid, .frame.frame-bg-blue-light.frame-layout-1 + .frame-bg-grey-gradient.frame-layout-1, .frame.frame-bg-blue-light.frame-layout-1 + .frame-bg-blue-light.frame-layout-1, .frame.frame-bg-blue-light.frame-layout-1 + .frame-bg-green-light.frame-layout-1, .frame.frame-bg-green-light.frame-layout-1 + .frame-bg-brand.frame-layout-1, .frame.frame-bg-green-light.frame-layout-1 + .frame-bg-brand-light.frame-layout-1, .frame.frame-bg-green-light.frame-layout-1 + .frame-bg-black.frame-layout-1, .frame.frame-bg-green-light.frame-layout-1 + .frame-bg-grey.frame-layout-1, .frame.frame-bg-green-light.frame-layout-1 + .frame-layout-1.frame.frame-bg-grey-border-green-dotted, .frame.frame-bg-green-light.frame-layout-1 + .frame-layout-1.frame.frame-bg-grey-border-yellow-solid, .frame.frame-bg-green-light.frame-layout-1 + .frame-bg-grey-gradient.frame-layout-1, .frame.frame-bg-green-light.frame-layout-1 + .frame-bg-blue-light.frame-layout-1, .frame.frame-bg-green-light.frame-layout-1 + .frame-bg-green-light.frame-layout-1 {
margin-top: 0;
}
.frame.frame-bg-brand {
background-color: #fdbf00;
color: #000000;
}
.frame.frame-bg-brand h1, .frame.frame-bg-brand .h1, .frame.frame-bg-brand h2, .frame.frame-bg-brand .h2, .frame.frame-bg-brand h3, .frame.frame-bg-brand .h3, .frame.frame-bg-brand h4, .frame.frame-bg-brand .h4, .frame.frame-bg-brand h5, .frame.frame-bg-brand .h5, .frame.frame-bg-brand h6, .frame.frame-bg-brand .h6 {
color: #ffffff;
}
.frame.frame-bg-brand a, .frame.frame-bg-brand a:visited, .frame.frame-bg-brand a:hover {
color: #000000;
}
.frame.frame-bg-brand a.lined-link::after {
border-bottom-color: #000000;
}
.frame.frame-bg-brand-light {
background-color: #f8eebd;
color: #000000;
}
.frame.frame-bg-brand-light h1, .frame.frame-bg-brand-light .h1, .frame.frame-bg-brand-light h2, .frame.frame-bg-brand-light .h2, .frame.frame-bg-brand-light h3, .frame.frame-bg-brand-light .h3, .frame.frame-bg-brand-light h4, .frame.frame-bg-brand-light .h4, .frame.frame-bg-brand-light h5, .frame.frame-bg-brand-light .h5, .frame.frame-bg-brand-light h6, .frame.frame-bg-brand-light .h6 {
color: #000000;
}
.frame.frame-bg-brand-light a:not(.button), .frame.frame-bg-brand-light a:not(.button):visited, .frame.frame-bg-brand-light a:not(.button):hover {
color: #000000;
}
.frame.frame-bg-brand-light a:not(.button).lined-link::after {
border-bottom-color: #000000;
}
.frame.frame-bg-black {
background-color: #000000;
color: #ffffff;
}
.frame.frame-bg-black a {
color: #ffffff;
}
.frame.frame-bg-grey, .frame.frame-bg-grey-border-green-dotted, .frame.frame-bg-grey-border-yellow-solid {
background-color: #f7f7f7;
color: #000000;
}
.frame.frame-bg-grey-border-green-dotted {
border: 2px dotted #67948b;
}
.frame.frame-bg-grey-border-green-dotted.frame-layout-1 {
border-left: none;
border-right: none;
}
.frame.frame-bg-grey-border-yellow-solid {
border: 5px solid #fdbf00;
}
.frame.frame-bg-grey-border-yellow-solid.frame-layout-1 {
border-left: none;
border-right: none;
}
.frame.frame-bg-grey-gradient {
background: linear-gradient(#ffffff, #f7f7f7);
color: #000000;
}
.frame.frame-bg-green-light {
background-color: #c5d06c;
color: #000000;
}
.frame.frame-bg-green-light h1, .frame.frame-bg-green-light .h1, .frame.frame-bg-green-light h2, .frame.frame-bg-green-light .h2, .frame.frame-bg-green-light h3, .frame.frame-bg-green-light .h3, .frame.frame-bg-green-light h4, .frame.frame-bg-green-light .h4, .frame.frame-bg-green-light h5, .frame.frame-bg-green-light .h5, .frame.frame-bg-green-light h6, .frame.frame-bg-green-light .h6 {
color: #ffffff;
}
.frame.frame-bg-blue-light {
background-color: #d9e3e6;
color: #000000;
}
.frame.frame-bg-blue-light h1, .frame.frame-bg-blue-light .h1, .frame.frame-bg-blue-light h2, .frame.frame-bg-blue-light .h2, .frame.frame-bg-blue-light h3, .frame.frame-bg-blue-light .h3, .frame.frame-bg-blue-light h4, .frame.frame-bg-blue-light .h4, .frame.frame-bg-blue-light h5, .frame.frame-bg-blue-light .h5, .frame.frame-bg-blue-light h6, .frame.frame-bg-blue-light .h6 {
color: #000000;
}
.frame header + div {
margin-top: 16px;
}
/* Modified file -> only included necessary from jonsuh burgers (mig)*/
/*!
* Hamburgers
* @description Tasty CSS-animated hamburgers
* @author Jonathan Suh @jonsuh
* @site https://jonsuh.com/hamburgers
* @link https://github.com/jonsuh/hamburgers
*/
.hamburger {
padding: 0 0;
display: inline-block;
cursor: pointer;
transition-property: opacity, filter;
transition-duration: 0.4s;
transition-timing-function: linear;
font: inherit;
color: inherit;
text-transform: none;
background-color: transparent;
border: 0;
margin: 0;
overflow: visible;
}
.hamburger:hover {
opacity: 0.7;
}
.hamburger-box {
width: 30px;
height: 14px;
display: inline-block;
position: relative;
}
.hamburger-inner {
display: block;
top: 50%;
margin-top: -1px;
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
width: 30px;
height: 2px;
background-color: inherit;
border-radius: 2px;
position: absolute;
transition-property: transform;
transition-duration: 0.15s;
transition-timing-function: ease;
}
.hamburger-inner::before, .hamburger-inner::after {
content: "";
display: block;
}
.hamburger-inner::before {
top: -6px;
}
.hamburger-inner::after {
bottom: -6px;
}
.hamburger--3dx .hamburger-box {
perspective: 60px;
}
.hamburger--3dx .hamburger-inner {
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dx .hamburger-inner::before, .hamburger--3dx .hamburger-inner::after {
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dx.is-active .hamburger-inner {
background-color: transparent;
transform: rotateY(180deg);
}
.hamburger--3dx.is-active .hamburger-inner::before {
transform: translate3d(0, 6px, 0) rotate(45deg);
}
.hamburger--3dx.is-active .hamburger-inner::after {
transform: translate3d(0, -6px, 0) rotate(-45deg);
}
#page {
display: flex;
flex-direction: column;
min-height: 100vh;
}
#header {
position: sticky;
top: 0;
z-index: 100;
}
#header .header-content {
background: #000000;
color: #ffffff;
}
#header .header-content .header-position-container {
display: flex;
justify-content: flex-start;
align-items: center;
width: 90%;
max-width: 1260px;
margin: 0 auto;
padding: 16px 0;
position: relative;
}
#header .header-content .header-position-container > div + div {
margin-left: 40px;
}
#header .header-content .header-position-container > div + div.main-meta-nav {
margin-left: auto;
}
#header .header-content .header-position-container a.menu-link {
color: #ffffff;
}
#header .header-content .header-position-container .menu-container a.button {
color: initial;
}
#header .header-content .header-position-container .menu-container .hamburger .hamburger-inner {
background: #ffffff;
}
#header .header-content .header-position-container .menu-container .hamburger.is-active .hamburger-inner {
background: transparent;
}
#header .header-content .header-position-container .menu-container .hamburger.is-active .hamburger-inner::before, #header .header-content .header-position-container .menu-container .hamburger.is-active .hamburger-inner::after {
background-color: #ffffff;
}
#header .header-content .header-position-container .menu-container .menu {
position: absolute;
overflow: hidden;
top: 100%;
z-index: 100;
transform: scaleX(0);
transform-origin: 0 0;
transition: all 0.4s cubic-bezier(0.42, 0, 0.175, 1);
padding: 80px 48px 80px calc(clamp(10vw, 90vw, calc(100vw - 1260px)) /
2);
left: calc(clamp(10vw, 90vw, calc(100vw - 1260px)) / -2);
background: #000000;
overflow: auto;
height: calc(100vh - 60px);
}
#header .header-content .header-position-container .menu-container .menu.open {
transform: scaleX(1);
}
#header .header-content .header-position-container .menu-container .menu #main-menu {
margin-top: -24px;
}
#header .header-content .header-position-container .menu-container .menu #main-menu > .nav-item {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
padding: 24px 0;
border-top: 2px dashed transparent;
border-bottom: 2px dashed transparent;
}
#header .header-content .header-position-container .menu-container .menu #main-menu > .nav-item.has-sub {
transition: all 0.4s cubic-bezier(0.42, 0, 0.175, 1);
}
#header .header-content .header-position-container .menu-container .menu #main-menu > .nav-item.has-sub .sub-icon {
cursor: pointer;
margin-left: 16px;
}
#header .header-content .header-position-container .menu-container .menu #main-menu > .nav-item.has-sub .sub-icon .close {
display: none;
}
#header .header-content .header-position-container .menu-container .menu #main-menu > .nav-item.active a {
color: #fdbf00;
}
#header .header-content .header-position-container .menu-container .menu #main-menu > .nav-item.open {
border-top-color: #d8d8d8;
border-bottom-color: #d8d8d8;
}
#header .header-content .header-position-container .menu-container .menu #main-menu > .nav-item.open + .open {
border-top-color: transparent;
}
#header .header-content .header-position-container .menu-container .menu #main-menu > .nav-item.open a {
color: #fdbf00;
}
#header .header-content .header-position-container .menu-container .menu #main-menu > .nav-item.open .sub-icon .open {
display: none;
}
#header .header-content .header-position-container .menu-container .menu #main-menu > .nav-item.open .sub-icon .close {
display: inline;
}
#header .header-content .header-position-container .menu-container .menu #main-menu > .nav-item.open .sub-nav {
height: auto;
margin-top: 8px;
}
#header .header-content .header-position-container .menu-container .menu #main-menu > .nav-item.open .sub-nav a {
color: #ffffff;
}
#header .header-content .header-position-container .menu-container .menu #main-menu > .nav-item .sub-nav {
height: 0;
overflow: hidden;
transition: all 0.4s cubic-bezier(0.42, 0, 0.175, 1);
width: 100%;
}
#header .header-content .header-position-container .menu-container .menu #main-menu > .nav-item .sub-nav .nav-item {
padding: 4px;
}
#header .header-content .header-position-container .menu-container .menu #main-menu > .nav-item .sub-nav .nav-item.active a {
color: #fdbf00;
}
#header .header-content .header-position-container .menu-container .menu .profile-buttons {
margin-top: 40px;
}
#header .header-content .header-position-container .menu-container .menu .profile-buttons .profile-button + .profile-button {
margin-top: 16px;
}
#header .header-content .header-position-container .menu-container .menu .meta {
display: flex;
justify-content: space-between;
margin-top: 64px;
padding-top: 32px;
border-top: 1px dashed #ffffff;
}
#header .header-content .header-position-container .menu-container .menu .meta #meta-menu .meta-nav-item a {
padding: 8px;
}
#header .header-content .header-position-container .menu-container .menu .meta #social-menu {
display: flex;
flex-direction: column;
}
#header .header-content .header-position-container .menu-container .menu .meta #social-menu a + a {
margin-top: 12px;
}
#header .header-content .header-position-container .header-logo a {
color: #fdbf00;
}
@media screen and (max-width: 896px) {
#header .header-content .header-position-container .header-breadcrumb {
display: none;
}
}
#header .header-content .header-position-container .header-breadcrumb .menu-breadcrumb ul {
list-style: none;
color: #ffffff;
padding: 0;
margin: 0;
display: flex;
}
#header .header-content .header-position-container .header-breadcrumb .menu-breadcrumb ul li.sep {
padding: 0 16px;
}
#header .header-content .header-position-container .header-breadcrumb .menu-breadcrumb ul li a {
color: #ffffff;
transition: color 0.4s cubic-bezier(0.42, 0, 0.175, 1);
}
#header .header-content .header-position-container .header-breadcrumb .menu-breadcrumb ul li a:hover {
color: #fdbf00;
}
#header .header-content .header-position-container .main-meta-nav {
display: flex;
}
@media screen and (max-width: 600px) {
#header .header-content .header-position-container .main-meta-nav {
display: none;
}
}
#header .header-content .header-position-container .main-meta-nav.main-meta-nav-mobile {
display: none;
margin-bottom: 40px;
margin-top: -24px;
}
@media screen and (max-width: 600px) {
#header .header-content .header-position-container .main-meta-nav.main-meta-nav-mobile {
display: flex;
}
}
#header .header-content .header-position-container .main-meta-nav .main-meta-nav-item + .main-meta-nav-item {
margin-left: 8px;
padding-left: 8px;
border-left: 1px solid #ffffff;
}
#header .header-content .header-position-container .header-search {
color: #ffffff;
display: flex;
justify-content: flex-end;
align-items: center;
}
#header .header-content .header-position-container .header-search .search-icon {
width: 20px;
height: 20px;
cursor: pointer;
}
#header .header-content .header-position-container .header-search .search-icon:hover {
color: #fdbf00;
}
#header .header-content .header-position-container .header-search .search-icon:hover .close::before, #header .header-content .header-position-container .header-search .search-icon:hover .close::after {
color: #fdbf00;
}
#header .header-content .header-position-container .header-search .search-icon span.close {
display: none;
position: relative;
height: 14px;
width: 20px;
}
#header .header-content .header-position-container .header-search .search-icon span.close::before, #header .header-content .header-position-container .header-search .search-icon span.close::after {
display: inherit;
border-radius: 2px;
background: #ffffff;
width: 20px;
height: 2px;
top: 50%;
}
#header .header-content .header-position-container .header-search .search-icon span.close::before {
transform: translate3d(0, 50%, 0) rotate(45deg);
}
#header .header-content .header-position-container .header-search .search-icon span.close::after {
transform: translate3d(0, 50%, 0) rotate(-45deg);
}
#header .header-content .header-position-container .header-search .search-icon.open span.open {
display: none;
}
#header .header-content .header-position-container .header-search .search-icon.open span.close {
display: block;
}
#header .header-content .header-position-container .header-search .search-icon.open + .search-overlay {
transform: scale(1);
opacity: 1;
}
#header .header-content .header-position-container .header-search .search-input {
position: relative;
}
#header .header-content .header-position-container .header-search .search-input input[type=text] {
background: transparent;
border-radius: 0;
border: none;
border-bottom: 1px solid #000000;
height: 40px2 * 24px;
padding: 24px 64px 24px 0;
color: #000000;
}
#header .header-content .header-position-container .header-search .search-input input[type=text]::placeholder {
color: #9b9b9b;
font-style: italic;
}
#header .header-content .header-position-container .header-search .search-input input[type=text].filled {
color: #000000;
}
#header .header-content .header-position-container .header-search .search-input input[type=text].filled + button[type=submit] {
display: none;
}
#header .header-content .header-position-container .header-search .search-input input[type=text].filled + button[type=submit] + .remove-search-content {
display: block;
}
#header .header-content .header-position-container .header-search .search-input input[type=text] + button[type=submit] {
-webkit-appearance: none;
appearance: none;
padding: 0;
margin: 0;
border: none;
background: transparent;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
color: #000000;
height: clamp(26px, 2vw, 40px);
width: clamp(26px, 2vw, 40px);
}
#header .header-content .header-position-container .header-search .search-input input[type=text] + button[type=submit] > span {
height: 100%;
width: 100%;
}
#header .header-content .header-position-container .header-search .search-input input[type=text] + button[type=submit] + .remove-search-content {
display: none;
height: clamp(26px, 2vw, 40px);
width: clamp(26px, 2vw, 40px);
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
}
#header .header-content .header-position-container .header-search .search-input input[type=text] + button[type=submit] + .remove-search-content span.close {
height: 100%;
width: 100%;
}
#header .header-content .header-position-container .header-search .search-input input[type=text] + button[type=submit] + .remove-search-content span.close::before, #header .header-content .header-position-container .header-search .search-input input[type=text] + button[type=submit] + .remove-search-content span.close::after {
display: inherit;
border-radius: 2px;
background: #000000;
width: 100%;
height: 2px;
top: 50%;
}
#header .header-content .header-position-container .header-search .search-input input[type=text] + button[type=submit] + .remove-search-content span.close::before {
transform: translate3d(0, 50%, 0) rotate(45deg);
}
#header .header-content .header-position-container .header-search .search-input input[type=text] + button[type=submit] + .remove-search-content span.close::after {
transform: translate3d(0, 50%, 0) rotate(-45deg);
}
#header .header-content .header-position-container .header-search .search-overlay {
display: flex;
justify-content: center;
align-items: flex-start;
padding-top: clamp(50px, 6vw, 120px);
position: fixed;
top: 61px;
left: 0;
right: 0;
bottom: 0;
background: #424242;
transition: all 0.4s cubic-bezier(0.42, 0, 0.175, 1);
transform-origin: center top;
transform: scale(0);
opacity: 0;
}
#header .header-content .header-position-container .header-search .search-overlay > form {
position: relative;
max-width: 1260px;
width: 90%;
margin: 0 auto;
}
#header .header-content .header-position-container .header-search .search-overlay > form input[type="text"] {
border-bottom: 1px solid #ffffff;
color: #ffffff;
}
#header .header-content .header-position-container .header-search .search-overlay > form input[type="text"]::placeholder {
color: #ffffff;
}
#header .header-content .header-position-container .header-search .search-overlay > form input[type="text"].filled {
color: #fdbf00;
}
#header .header-content .header-position-container .header-search .search-overlay > form input[type="text"] + button[type="submit"] {
color: #ffffff;
}
#header .header-content .header-position-container .header-search .search-overlay > form input[type="text"] + button[type="submit"] + .remove-search-content span.close::before, #header .header-content .header-position-container .header-search .search-overlay > form input[type="text"] + button[type="submit"] + .remove-search-content span.close::after {
background: #ffffff;
}
#main .halfpage-container {
position: sticky;
top: 125px;
max-width: 1260px;
width: 90%;
margin: 0 auto;
z-index: 10;
}
@media screen and (max-width: 2000px) {
#main .halfpage-container {
display: none;
}
}
#main .halfpage-container .ad-container {
position: absolute;
left: calc(100% + 64px);
z-index: 10;
}
#main #content {
position: relative;
}
#main #content > .frame:first-child {
margin-top: 64px;
}
#main #content > .frame:last-child {
padding-bottom: 64px;
}
#footer {
background-color: #fdbf00;
font-size: clamp(15px, 0.85vw, 17px);
margin-top: auto;
}
#footer .footer-content {
display: flex;
justify-content: space-between;
max-width: 1260px;
width: 90%;
margin: 0 auto;
padding: 80px 0;
}
@media screen and (max-width: 1024px) {
#footer .footer-content {
flex-wrap: wrap;
}
}
#footer .footer-content .footer-part {
display: flex;
flex-direction: column;
}
#footer .footer-content .footer-part.part-1-3 {
width: 40%;
}
@media screen and (max-width: 1024px) {
#footer .footer-content .footer-part.part-1-3 {
width: 100%;
}
}
#footer .footer-content .footer-part.part-2-3 {
width: 60%;
margin-left: 64px;
}
@media screen and (max-width: 1024px) {
#footer .footer-content .footer-part.part-2-3 {
width: 100%;
margin-left: 0;
margin-top: 48px;
}
}
#footer .footer-content .footer-part.footer-part-nav {
display: flex;
justify-content: space-between;
align-items: flex-start;
flex-direction: row;
}
#footer .footer-content .footer-part.footer-part-nav .footer-nav {
width: 33.3333333333%;
}
#footer .footer-content .footer-part.footer-part-nav .footer-nav + .footer-nav {
margin-left: clamp(8px, 2%, 24px);
}
#footer .footer-content .footer-part.footer-part-nav .footer-nav .footer-nav-title {
margin-bottom: 24px;
}
#footer .footer-content .footer-part.footer-part-nav .footer-nav .footer-nav-items .nav-item + .nav-item {
margin-top: 12px;
}
@media screen and (max-width: 1024px) {
#footer .footer-content .footer-part.footer-desktop {
display: none;
}
}
#footer .footer-content .footer-part.footer-mobile {
display: none;
}
@media screen and (max-width: 1024px) {
#footer .footer-content .footer-part.footer-mobile {
display: block;
}
}
#footer .footer-content .footer-part.footer-mobile .footer-nav {
width: 100%;
}
#footer .footer-content .footer-part.footer-mobile .footer-nav:not(.open) .footer-nav-title .footer-nav-accordion-icon .close {
display: none;
}
#footer .footer-content .footer-part.footer-mobile .footer-nav:not(.open) .footer-nav-items {
height: 0;
padding: 0;
}
#footer .footer-content .footer-part.footer-mobile .footer-nav.open .footer-nav-title .footer-nav-accordion-icon .open {
display: none;
}
#footer .footer-content .footer-part.footer-mobile .footer-nav.open .footer-nav-title .footer-nav-accordion-icon .close {
display: block;
}
#footer .footer-content .footer-part.footer-mobile .footer-nav + .footer-nav {
margin-left: 0;
margin-top: 24px;
}
#footer .footer-content .footer-part.footer-mobile .footer-nav .footer-nav-title {
display: flex;
justify-content: space-between;
margin-bottom: 0;
}
#footer .footer-content .footer-part.footer-mobile .footer-nav .footer-nav-title h4 {
font-size: 20px;
max-width: calc(100% - 80px);
margin-bottom: 0;
}
#footer .footer-content .footer-part.footer-mobile .footer-nav .footer-nav-title .footer-nav-accordion-icon {
display: flex;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
font-size: 40px;
}
#footer .footer-content .footer-part.footer-mobile .footer-nav .footer-nav-items {
padding: 8px 0;
overflow: hidden;
transition: all 0.4s cubic-bezier(0.42, 0, 0.175, 1);
}
#footer .footer-content .footer-part .footer-logo {
display: flex;
flex-direction: column;
}
#footer .footer-content .footer-part .footer-logo .byline {
margin-top: 16px;
text-transform: uppercase;
line-height: 1;
font-weight: 600;
}
#footer .footer-content .footer-part .footer-abo:not(:empty) {
margin-top: 24px;
}
#footer .footer-content .footer-part .footer-social {
display: flex;
margin-top: 24px;
}
#footer .footer-content .footer-part .footer-social .meta-social-icon {
background: #ffffff;
border-color: #ffffff;
color: #fdbf00;
}
#footer .footer-content .footer-part .footer-social .meta-social-icon:hover {
background: #fdbf00;
border-color: #ffffff;
color: #ffffff;
}
#footer .footer-content .footer-part .footer-social .meta-social-icon + .meta-social-icon {
margin-left: 16px;
}
#footer .footer-subline {
display: flex;
justify-content: space-between;
max-width: 1260px;
width: 90%;
margin: 0 auto;
padding: 24px 0 80px;
border-top: 1px solid #000000;
}
@media screen and (max-width: 1024px) {
#footer .footer-subline {
flex-direction: column;
}
}
#footer .footer-subline .footer-subline-nav {
display: flex;
gap: 32px;
flex-wrap: wrap;
}
.nice-select {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
background-color: #fff;
border-radius: 5px;
border: solid 1px #e8e8e8;
box-sizing: border-box;
clear: both;
cursor: pointer;
display: block;
float: left;
font-family: inherit;
font-size: 14px;
font-weight: normal;
height: 42px;
line-height: 40px;
outline: none;
padding-left: 18px;
padding-right: 30px;
position: relative;
text-align: left !important;
transition: all 0.2s ease-in-out;
user-select: none;
white-space: nowrap;
width: auto;
}
.nice-select:hover {
border-color: #dbdbdb;
}
.nice-select:active, .nice-select.open, .nice-select:focus {
border-color: #999;
}
.nice-select:after {
border-bottom: 2px solid #999;
border-right: 2px solid #999;
content: "";
display: block;
height: 5px;
margin-top: -4px;
pointer-events: none;
position: absolute;
right: 12px;
top: 50%;
transform-origin: 66% 66%;
transform: rotate(45deg);
transition: all 0.15s ease-in-out;
width: 5px;
}
.nice-select.open:after {
transform: rotate(-135deg);
}
.nice-select.open .list {
opacity: 1;
pointer-events: auto;
transform: scale(1) translateY(0);
}
.nice-select.disabled {
border-color: #ededed;
color: #999;
pointer-events: none;
}
.nice-select.disabled:after {
border-color: #ccc;
}
.nice-select.wide {
width: 100%;
}
.nice-select.wide .list {
left: 0 !important;
right: 0 !important;
}
.nice-select.right {
float: right;
}
.nice-select.right .list {
left: auto;
right: 0;
}
.nice-select.small {
font-size: 12px;
height: 36px;
line-height: 34px;
}
.nice-select.small:after {
height: 4px;
width: 4px;
}
.nice-select.small .option {
line-height: 34px;
min-height: 34px;
}
.nice-select .list {
background-color: #fff;
border-radius: 5px;
box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
box-sizing: border-box;
margin-top: 4px;
opacity: 0;
overflow: hidden;
padding: 0;
pointer-events: none;
position: absolute;
top: 100%;
left: 0;
transform-origin: 50% 0;
transform: scale(0.75) translateY(-42px/2);
transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
z-index: 9;
}
.nice-select .list:hover .option:not(:hover) {
background-color: transparent !important;
}
.nice-select .option {
cursor: pointer;
font-weight: 400;
line-height: 40px;
list-style: none;
min-height: 40px;
outline: none;
padding-left: 18px;
padding-right: 29px;
text-align: left;
transition: all 0.2s;
}
.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
background-color: #f6f6f6;
}
.nice-select .option.selected {
font-weight: bold;
}
.nice-select .option.disabled {
background-color: transparent;
color: #999;
cursor: default;
}
.no-csspointerevents .nice-select .list {
display: none;
}
.no-csspointerevents .nice-select.open .list {
display: block;
}
.no-appearance, .general-input-style, input:not([type="checkbox"]):not([type="radio"]):not(.powermail_submit), textarea, select, select + .nice-select, button {
-webkit-appearance: none;
appearance: none;
}
.general-input-style, input:not([type="checkbox"]):not([type="radio"]):not(.powermail_submit), textarea, select, select + .nice-select {
width: 100%;
padding: 12px 16px;
border: 1px solid #d8d8d8;
border-radius: 2px;
transition: border 0.4s cubic-bezier(0.42, 0, 0.175, 1), background-color 0.4s cubic-bezier(0.42, 0, 0.175, 1);
}
.general-input-style:focus, input:not(.powermail_submit):not([type="radio"]):not([type="checkbox"]):focus, textarea:focus, select:focus, select + .nice-select:focus {
outline: none;
background-color: #f7f7f7;
border-color: #9b9b9b;
}
.general-input-style:hover, input:not(.powermail_submit):not([type="radio"]):not([type="checkbox"]):hover, textarea:hover, select:hover, select + .nice-select:hover {
background-color: #f8eebd;
border-color: #fdbf00;
}
.success-input-style, .form-group.is-success input:not([type="checkbox"]):not([type="radio"]), .form-group.is-success textarea, .form-group.is-success select {
border-color: #18a957;
}
.success-input-style + .icon, .form-group.is-success input:not([type="checkbox"]):not([type="radio"]) + .icon, .form-group.is-success textarea + .icon, .form-group.is-success select + .icon {
opacity: 1;
}
.success-input-style + .icon .success, .form-group.is-success input:not([type="checkbox"]):not([type="radio"]) + .icon .success, .form-group.is-success textarea + .icon .success, .form-group.is-success select + .icon .success {
display: block;
}
.error-input-style, .form-group.has-error input:not([type="checkbox"]):not([type="radio"]), .form-group.has-error textarea, .form-group.has-error select, .form-group.has-error .checkbox .checkbox-restyler-group .checkbox-restyler, .form-group.has-error .radio .radio-restyler-group .radio-restyler, .form-group.error input:not([type="checkbox"]):not([type="radio"]), .form-group.error textarea, .form-group.error select, .form-group.error .checkbox .checkbox-restyler-group .checkbox-restyler, .form-group.error .radio .radio-restyler-group .radio-restyler {
border-color: #df1642;
}
.error-input-style + .icon, .form-group.has-error input:not([type="checkbox"]):not([type="radio"]) + .icon, .form-group.has-error textarea + .icon, .form-group.has-error select + .icon, .form-group.has-error .checkbox .checkbox-restyler-group .checkbox-restyler + .icon, .form-group.has-error .radio .radio-restyler-group .radio-restyler + .icon, .form-group.error input:not([type="checkbox"]):not([type="radio"]) + .icon, .form-group.error textarea + .icon, .form-group.error select + .icon, .form-group.error .checkbox .checkbox-restyler-group .checkbox-restyler + .icon, .form-group.error .radio .radio-restyler-group .radio-restyler + .icon {
opacity: 1;
}
.error-input-style + .icon .error, .form-group.has-error input:not([type="checkbox"]):not([type="radio"]) + .icon .error, .form-group.has-error textarea + .icon .error, .form-group.has-error select + .icon .error, .form-group.has-error .checkbox .checkbox-restyler-group .checkbox-restyler + .icon .error, .form-group.has-error .radio .radio-restyler-group .radio-restyler + .icon .error, .form-group.error input:not([type="checkbox"]):not([type="radio"]) + .icon .error, .form-group.error textarea + .icon .error, .form-group.error select + .icon .error, .form-group.error .checkbox .checkbox-restyler-group .checkbox-restyler + .icon .error, .form-group.error .radio .radio-restyler-group .radio-restyler + .icon .error {
display: block;
}
.disabled-input-style, .general-input-style[disabled], input:not(.powermail_submit):not([type="radio"]):not([type="checkbox"])[disabled], textarea[disabled], select[disabled], select + .nice-select[disabled], .checkbox .checkbox-restyler-group input[type="checkbox"][disabled], .radio .radio-restyler-group input[type="radio"][disabled], select[disabled] + .nice-select {
border-color: #e9eaea;
color: #e9eaea;
}
textarea {
height: 220px;
resize: vertical;
}
.form-group.has-error .error.error-message, .form-group.error .error.error-message {
display: block;
}
.form-group.has-error .error.error-message.inline-block, .form-group.error .error.error-message.inline-block {
display: inline-block;
}
.error-message {
display: none;
color: #df1642;
text-align: center;
margin-top: 8px;
}
.restyler-group, .checkbox .checkbox-restyler-group, .radio .radio-restyler-group {
position: relative;
width: 24px;
height: 24px;
margin-right: 8px;
}
.restyler-element, .checkbox .checkbox-restyler-group .checkbox-restyler, .radio .radio-restyler-group .radio-restyler {
display: inline-block;
margin-right: 8px;
position: relative;
width: 100%;
height: 100%;
padding: 4px;
border: 1px solid #d8d8d8;
transition: all 0.4s cubic-bezier(0.42, 0, 0.175, 1);
}
.restyler-hover, .checkbox .checkbox-restyler-group input[type="checkbox"]:hover + .checkbox-restyler, .radio .radio-restyler-group input[type="radio"]:hover + .radio-restyler {
background-color: #e9eaea;
border-color: #fdbf00;
}
.restyler-input, .checkbox .checkbox-restyler-group input[type="checkbox"], .radio .radio-restyler-group input[type="radio"] {
position: absolute;
opacity: 0;
width: 100%;
height: 100%;
z-index: 1;
margin: 0;
cursor: pointer;
}
.restyler-input-check, .checkbox .checkbox-restyler-group .checkbox-restyler::after, .radio .radio-restyler-group .radio-restyler::after {
width: 16px;
height: 16px;
top: 3px;
left: 3px;
background: #fdbf00;
opacity: 0;
transform: scale(0);
transition: all 0.4s cubic-bezier(0.42, 0, 0.175, 1);
}
.checkbox label {
display: flex;
align-items: center;
}
.checkbox .checkbox-restyler-group input[type="checkbox"]:checked + .checkbox-restyler::after {
opacity: 1;
transform: scale(1);
}
.form-check + .form-check {
margin-top: 8px;
}
.radio + .radio {
margin-top: 8px;
}
.radio label {
display: flex;
align-items: center;
}
.radio .radio-restyler-group input[type="radio"]:checked + .radio-restyler::after {
opacity: 1;
transform: scale(1);
}
.radio .radio-restyler-group .radio-restyler {
border-radius: 100%;
}
.radio .radio-restyler-group .radio-restyler::after {
border-radius: 100%;
}
select + .nice-select {
float: none;
display: flex;
align-items: center;
box-sizing: border-box;
}
select + .nice-select.open {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
select + .nice-select * {
box-sizing: border-box;
}
select + .nice-select span.current {
margin-right: 12px;
}
select + .nice-select > ul.list {
margin-top: 0;
width: calc(100% + 2px);
top: calc(100% + 1px);
left: -1px;
border-radius: 2px;
border-top-right-radius: 0;
border-top-left-radius: 0;
border: 1px solid #d8d8d8;
border-top: none;
box-shadow: none;
}
select + .nice-select > ul.list li:hover {
background: #f8eebd;
}
select + .nice-select > ul.list li.selected {
background: #f8eebd;
font-weight: normal;
}
select + .nice-select > ul.list li.selected.focus {
background: #f8eebd;
}
select + .nice-select > ul.list li.selected:hover {
background: #f8eebd;
}
select + .nice-select > ul.list li + li {
border-top: 1px solid #d8d8d8;
}
select[disabled] + .nice-select {
pointer-events: none;
}
select[multiple] {
overflow: auto;
}
.form-group + .form-group, .form-group + .row, .form-group + .form-static-text, input[autocomplete] + .form-group, input[autocomplete] + .row, input[autocomplete] + .form-static-text {
margin-top: 32px;
margin-top: 32px;
}
.row + .form-group, .row + .row, .row + .form-static-text {
margin-top: 32px;
}
.form-static-text + .form-group, .form-static-text + .row, .form-static-text + .form-static-text {
margin-top: 32px;
}
.form-static-text h3 {
margin-bottom: 16px;
}
label + div.input {
margin-top: 12px;
}
div.input {
position: relative;
}
div.input .icon {
position: absolute;
right: 12px;
top: 12px;
width: 24px;
height: 24px;
opacity: 0;
transition: opacity 0.4s cubic-bezier(0.42, 0, 0.175, 1);
}
div.input .icon .success, div.input .icon .error {
display: none;
}
div.input .icon .success {
color: #18a957;
}
div.input .icon .error {
color: #df1642;
}
div.recaptcha .icon, div.hcaptcha .icon {
display: none;
}
.actions {
display: flex;
align-items: center;
justify-content: flex-end;
margin-top: 40px;
}
form .row {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 32px;
}
@media screen and (max-width: 1024px) {
form .row {
grid-template-columns: 1fr;
}
}
form .row [class^="col-"] {
grid-column: auto / span 1;
}
.tx-powermail .powermail_form > h3 {
display: none;
}
.tx-powermail fieldset {
border: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
gap: 32px;
}
.tx-powermail fieldset legend {
display: none;
}
.tx-powermail fieldset .powermail_fieldwrap, .tx-powermail fieldset .actions-wrapper {
width: 100%;
}
.tx-powermail fieldset .powermail_fieldwrap.layout1, .tx-powermail fieldset .actions-wrapper.layout1 {
width: calc(50% - 16px);
}
@media screen and (max-width: 600px) {
.tx-powermail fieldset .powermail_fieldwrap.layout1, .tx-powermail fieldset .actions-wrapper.layout1 {
width: 100%;
}
}
.tx-powermail fieldset .powermail_fieldwrap.layout2, .tx-powermail fieldset .actions-wrapper.layout2 {
width: calc(20% - 16px);
}
@media screen and (max-width: 600px) {
.tx-powermail fieldset .powermail_fieldwrap.layout2, .tx-powermail fieldset .actions-wrapper.layout2 {
width: 100%;
}
}
.tx-powermail fieldset .powermail_fieldwrap.layout3, .tx-powermail fieldset .actions-wrapper.layout3 {
width: calc(80% - 16px);
}
@media screen and (max-width: 600px) {
.tx-powermail fieldset .powermail_fieldwrap.layout3, .tx-powermail fieldset .actions-wrapper.layout3 {
width: 100%;
}
}
.tx-powermail fieldset .powermail_fieldwrap .powermail_submit, .tx-powermail fieldset .actions-wrapper .powermail_submit {
width: auto;
}
.tx-powermail .powermail_field {
display: flex;
margin-top: 12px;
}
.tx-powermail .powermail_field ul {
margin: 0;
list-style: none;
}
.tx-powermail .powermail_field .checkbox a {
margin-left: 4px;
}
.tx-powermail .powermail_fieldwrap_type_submit {
display: flex;
align-items: center;
justify-content: flex-end;
margin-top: 40px;
}
.tx-powermail .powermail_fieldwrap_type_check .powermail_checkbox {
margin-right: 16px;
}
.tx-powermail .powermail_fieldwrap_type_recaptcha {
margin-top: 24px;
}
.micropayment-order-form .h-captcha {
margin-top: 32px;
}
.row {
display: grid;
grid-gap: 64px;
}
.row.row-1 {
grid-template-columns: 1fr;
}
.row.row-2 {
grid-template-columns: 1fr 1fr;
}
@media screen and (max-width: 1024px) {
.row.row-2 {
grid-template-columns: 1fr;
}
}
.row.row-2.colspan-1-2 {
grid-template-columns: 1fr 2fr;
}
@media screen and (max-width: 1024px) {
.row.row-2.colspan-1-2 {
grid-template-columns: 1fr;
}
}
.row.row-2.colspan-2-1 {
grid-template-columns: 2fr 1fr;
}
@media screen and (max-width: 1024px) {
.row.row-2.colspan-2-1 {
grid-template-columns: 1fr;
}
}
.row.row-3 {
grid-template-columns: 1fr 1fr 1fr;
}
@media screen and (max-width: 1024px) {
.row.row-3 {
grid-template-columns: 1fr;
}
}
.row .col {
grid-column: auto / span 1;
}
.advert .auszeichnung {
display: none;
}
.wrap.advert {
display: flex;
justify-content: center;
}
@media screen and (max-width: 1200px) {
.wrap.advert {
overflow: hidden;
}
}
.advertorial ins {
display: none;
}
.most-read-audienzz {
padding: 32px !important;
margin: 64px auto;
}
/* Slider */
.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track, .slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before, .slick-track:after {
content: "";
display: table;
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none;
}
[dir="rtl"] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
.slick-slider .slick-prev, .slick-slider .slick-next {
position: absolute;
transform: translateY(-50%);
left: 40px;
}
.slick-slider .slick-prev svg, .slick-slider .slick-next svg {
width: 18px;
height: auto;
}
.slick-slider .slick-prev:hover, .slick-slider .slick-next:hover {
color: #fdbf00;
border-color: #fdbf00;
}
.slick-slider .slick-prev {
transform: rotate(180deg);
z-index: 1;
top: 45%;
}
.slick-slider .slick-next {
top: 55%;
}
/* Magnific Popup CSS */
.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8;
}
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden;
}
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
box-sizing: border-box;
}
.mfp-container:before {
content: "";
display: inline-block;
height: 100%;
vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
display: none;
}
.mfp-content {
font-family: "Source Sans Pro", sans-serif;
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045;
}
.mfp-content figure figcaption {
background: none;
width: 100%;
padding: 0;
position: static;
}
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto;
}
.mfp-ajax-cur {
cursor: progress;
}
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out;
}
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content {
cursor: auto;
}
.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.mfp-loading.mfp-figure {
display: none;
}
.mfp-hide {
display: none !important;
}
.mfp-preloader {
color: #CCC;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044;
}
.mfp-preloader a {
color: #CCC;
}
.mfp-preloader a:hover {
color: #FFF;
}
.mfp-s-ready .mfp-preloader {
display: none;
}
.mfp-s-error .mfp-content {
display: none;
}
button.mfp-close, button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
box-shadow: none;
touch-action: manipulation;
}
button::-moz-focus-inner {
padding: 0;
border: 0;
}
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
padding: 0 0 18px 10px;
color: #FFF;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover, .mfp-close:focus {
opacity: 1;
}
.mfp-close:active, .mfp-close.nice-select.open {
top: 1px;
}
.mfp-close-btn-in .mfp-close {
color: #333;
}
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
color: #FFF;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%;
}
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #CCC;
font-size: 12px;
line-height: 18px;
white-space: nowrap;
}
.mfp-arrow {
position: absolute;
opacity: 0.65;
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: transparent;
}
.mfp-arrow:active, .mfp-arrow.nice-select.open {
margin-top: -54px;
}
.mfp-arrow:hover, .mfp-arrow:focus {
opacity: 1;
}
.mfp-arrow:before, .mfp-arrow:after {
content: "";
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent;
}
.mfp-arrow:after {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px;
}
.mfp-arrow:before {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7;
}
.mfp-arrow-left {
left: 0;
}
.mfp-arrow-left:after {
border-right: 17px solid #FFF;
margin-left: 31px;
}
.mfp-arrow-left:before {
margin-left: 25px;
border-right: 27px solid #3F3F3F;
}
.mfp-arrow-right {
right: 0;
}
.mfp-arrow-right:after {
border-left: 17px solid #FFF;
margin-left: 39px;
}
.mfp-arrow-right:before {
border-left: 27px solid #3F3F3F;
}
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
top: -40px;
}
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000;
}
/* Main image in popup */
img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto;
}
/* The shadow behind the image */
.mfp-figure {
line-height: 0;
}
.mfp-figure:after {
content: "";
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444;
}
.mfp-figure small {
color: #BDBDBD;
display: block;
font-size: 12px;
line-height: 14px;
}
.mfp-figure figure {
margin: 0;
}
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto;
}
.mfp-title {
text-align: left;
line-height: 18px;
color: #F3F3F3;
word-wrap: break-word;
padding-right: 36px;
}
.mfp-image-holder .mfp-content {
max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer;
}
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
/**
* Remove all paddings around the image on small screen
*/
.mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0;
}
.mfp-img-mobile img.mfp-img {
padding: 0;
}
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0;
}
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px;
}
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
box-sizing: border-box;
}
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0;
}
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px;
}
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0;
}
}
@media (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75);
}
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0;
}
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%;
}
.mfp-container {
padding-left: 6px;
padding-right: 6px;
}
}
#content .flipster {
overflow: hidden;
}
#content .flipster.flipster--carousel .epaper-teaser-slider .epaper-teaser-slider-item.flipster__item--past-1, #content .flipster.flipster--carousel .epaper-teaser-slider .epaper-teaser-slider-item.flipster__item--future-1 {
opacity: 1;
}
#content .flipster .flipster__button {
display: flex;
justify-content: center;
align-items: center;
width: 60px;
height: 60px;
margin: 0 8px;
border: 1px solid #000000;
background: #f8eebd;
border-radius: 100%;
color: #000000;
opacity: 1;
transition: all 0.4s cubic-bezier(0.42, 0, 0.175, 1);
z-index: 10;
}
#content .flipster .flipster__button svg {
width: 60%;
height: 60%;
}
#content .flipster .flipster__button.flipster__button--prev svg {
transform: rotate(-180deg);
}
#content .flipster .flipster__button.small {
width: 32px;
height: 32px;
}
#content .flipster .flipster__button:hover {
background: #fdbf00;
}
#content .frame.frame-bg-brand .flipster .flipster__button {
background: #fdbf00;
}
#content .frame.frame-bg-brand .flipster .flipster__button:hover {
background: #000000;
color: #fdbf00;
}
#content .frame.frame-bg-brand-light .flipster .flipster__button {
background: #f8eebd;
}
#content .frame.frame-bg-brand-light .flipster .flipster__button:hover {
background: #000000;
color: #f8eebd;
}
#content .frame.frame-bg-grey .flipster .flipster__button, #content .frame.frame-bg-grey-border-green-dotted .flipster .flipster__button, #content .frame.frame-bg-grey-border-yellow-solid .flipster .flipster__button {
background: #f7f7f7;
}
#content .frame.frame-bg-grey .flipster .flipster__button:hover, #content .frame.frame-bg-grey-border-green-dotted .flipster .flipster__button:hover, #content .frame.frame-bg-grey-border-yellow-solid .flipster .flipster__button:hover {
background: #f8eebd;
}
#content .frame.frame-bg-grey-border-yellow-solid .flipster .flipster__button:hover {
background: #fdbf00;
}
.ce-headline-center, .text-center {
text-align: center;
}
.third-level-nav .menu-item {
display: flex;
align-items: center;
padding: 8px 0;
}
.third-level-nav .menu-item:first-child {
padding-top: 0;
}
.third-level-nav .menu-item:last-child {
border-bottom: 1px dashed #000000;
}
.third-level-nav .menu-item + .menu-item {
border-top: 1px dashed #000000;
}
.third-level-nav .menu-item a {
display: flex;
align-items: center;
width: 100%;
}
.third-level-nav .menu-item a:hover .menu-icon {
border-color: #fdbf00;
}
.third-level-nav .menu-item a:hover .menu-arrow {
color: #fdbf00;
animation: animateMenuArrow 2s cubic-bezier(0.42, 0, 0.175, 1) 0s infinite;
}
.third-level-nav .menu-item a .menu-icon {
display: flex;
justify-content: center;
align-items: center;
width: 60px;
height: 60px;
padding: 8px;
border-radius: 100%;
border: 1px solid #9b9b9b;
transition: border-color 0.4s cubic-bezier(0.42, 0, 0.175, 1);
margin-right: 32px;
}
.third-level-nav .menu-item a .menu-icon img {
width: 100%;
height: 100%;
object-fit: contain;
}
.third-level-nav .menu-item a .menu-info h3 {
margin-bottom: 0;
}
.third-level-nav .menu-item a .menu-info h3 + p {
margin-top: 8px;
}
.third-level-nav .menu-item a .menu-arrow {
display: flex;
align-items: center;
margin-left: auto;
width: 18px;
transition: color 0.4s cubic-bezier(0.42, 0, 0.175, 1);
}
@keyframes animateMenuArrow {
0% {
margin-right: 16px;
}
70% {
margin-right: 0;
}
100% {
margin-right: 0;
}
}
.section-menu-sticky-container {
position: sticky;
top: 60px;
z-index: 2;
margin: 64px 0;
}
.section-menu-sticky-container.unfix {
position: relative;
}
.section-menu-sticky-container .section-menu-container {
border-top: 1px dashed #000000;
padding-top: 32px;
background: #ffffff;
}
.section-menu-sticky-container .section-menu-container .section-menu {
display: flex;
overflow-x: scroll;
-ms-overflow-style: none;
scrollbar-width: none;
height: 56px;
padding-bottom: 16px;
overflow: hidden;
}
@media screen and (max-width: 1024px) {
.section-menu-sticky-container .section-menu-container .section-menu {
overflow-x: auto;
}
.section-menu-sticky-container .section-menu-container .section-menu::-webkit-scrollbar {
display: none;
}
}
.section-menu-sticky-container .section-menu-container .section-menu .section-menu-item + .section-menu-item {
margin-left: 16px;
}
.section-menu-sticky-container .section-menu-container .section-menu .section-menu-item.active a {
border-color: #fdbf00;
background-color: #fdbf00;
color: #ffffff;
}
.section-menu-sticky-container .section-menu-container .section-menu .section-menu-item a {
display: flex;
justify-content: center;
align-items: center;
height: 40px;
padding: 0 16px;
color: #000000;
border: 1px solid #9b9b9b;
border-radius: 40px;
transition: all 0.4s cubic-bezier(0.42, 0, 0.175, 1);
}
.section-menu-sticky-container .section-menu-container .section-menu .section-menu-item a:hover {
border-color: #fdbf00;
background-color: #f8eebd;
}
.auszeichnungen {
display: flex;
flex-wrap: wrap;
gap: 4px;
}
.auszeichnungen .auszeichnung {
display: flex;
justify-content: center;
align-items: center;
margin-top: -2px;
background-color: #000000;
color: #ffffff;
padding: 2px 4px;
border-radius: 3px;
text-transform: none;
font-size: clamp(13px, 0.7vw, 14px);
}
.auszeichnungen .placeholder {
margin-top: -2px;
padding: 2px 4px;
font-size: clamp(13px, 0.7vw, 14px);
}
/**
home-slider was adapted to only be one topstory
instead of the inital 3 topstory articles
which would have required a slider.
The idea of having the image of that topstory
to be fullscreen and then animate into the body
has also been abandoned.
The styles stay commented either way (below active styles)
because even if not fully finished it was hard
to achieve what was achieved already ;-)
Mimi
**/
.home-topstory:hover .topstory-image img {
transform: scale(1.08);
}
.home-topstory .topstory-image img {
height: 100%;
width: 100%;
object-fit: cover;
transition: all 0.4s cubic-bezier(0.42, 0, 0.175, 1);
}
.home-topstory .topstory-content {
max-width: 800px;
width: 80%;
margin: 0 auto;
flex-direction: column;
align-items: center;
text-align: center;
padding: 32px 32px 0;
}
@media screen and (max-width: 1024px) {
.home-topstory .topstory-content {
width: 100%;
padding: 32px 0;
}
}
.home-topstory .topstory-content .topstory-spitzmarke {
display: inline-block;
padding-bottom: 8px;
margin-bottom: 32px;
position: relative;
}
.home-topstory .topstory-content .topstory-spitzmarke::after {
transition: all 0.4s cubic-bezier(0.42, 0, 0.175, 1);
width: 100%;
bottom: 0;
border-bottom: 3px solid #fdbf00;
transform: scaleX(0.6);
transition: all 0.4s cubic-bezier(0.42, 0, 0.175, 1);
}
.home-topstory .topstory-content .topstory-title h2 {
margin-bottom: 16px;
}
.home-topstory .topstory-content .topstory-title + .topstory-lead:empty + .topstory-info {
padding-top: 8px;
}
.home-topstory .topstory-content .topstory-lead {
padding: 0;
margin: 0;
}
.home-topstory .topstory-content .auszeichnungen {
padding-top: 24px;
justify-content: center;
}
.home-topstory .topstory-content .topstory-info {
line-height: 1;
padding-top: 16px;
color: #9b9b9b;
}
.home-topstory .topstory-sharing {
padding-top: 16px;
color: #9b9b9b;
}
/**
.home-slider {
position: relative;
z-index: 0;
margin-top: 0;
overflow: hidden;
&.load-view {
.home-slider-inner {
width: 100vw;
max-width: 100vw;
height: 100vh;
.slider-items {
.slider-item {
.slider-image {
img {
&.fullscreen {
display: block;
}
&.in-content {
display: none;
}
}
}
// .slider-content {
// display: none;
// }
}
}
.slider-navigation {
display: block;
}
}
}
&.animated {
.home-slider-inner {
.slider-items {
.slider-item {
max-width: $content-width;
.slider-image {
img {
height: 810px;
}
}
.slider-content {
display: flex;
}
}
}
}
}
.home-slider-inner {
width: $content-width-responsive;
max-width: $content-width;
margin: auto;
.slider-items {
.slider-item {
.slider-image {
img {
height: 100%;
width: 100%;
object-fit: cover;
&.fullscreen {
display: none;
}
&.in-content-mobile {
display: none;
}
}
}
.slider-content {
display: none;
flex-direction: column;
align-items: center;
text-align: center;
padding: $whitespace-32 $whitespace-32 0;
&:hover {
.slider-item-spitzmarke {
&::after {
@extend .line-after-hover;
}
}
}
.slider-item-spitzmarke {
display: inline-block;
padding-bottom: $whitespace-8;
margin-bottom: $whitespace-32;
position: relative;
&::after {
@include line-after();
}
}
.slider-item-title {
h2 {
margin-bottom: $whitespace-16;
}
+ .slider-item-lead:empty {
+ .slider-item-info {
padding-top: $whitespace-8;
}
}
}
.slider-item-lead {
padding: 0;
margin: 0;
}
.slider-item-info {
line-height: 1;
padding-top: $whitespace-24;
color: $secondary-grey-dark;
}
.slider-item-sharing {
padding-top: $whitespace-16;
color: $secondary-grey-dark;
}
}
}
}
.slider-navigation {
display: none;
position: sticky;
bottom: 0;
padding-bottom: $whitespace-32;
width: $content-width-responsive;
max-width: $content-width;
margin: 0 auto;
.slider-item {
padding: $whitespace-32 0;
border-top: 1px solid $white;
cursor: pointer;
position: relative;
margin-top: 2px; // overflow hidden fix from slick-track ;)
&::before {
content: '';
position: absolute;
top: -2px;
left: 0;
width: clamp(100px, 50%, 300px);
transform: scaleX(0);
transform-origin: 0 0;
border-top: 3px solid $brand;
@include transition(all, slow);
}
&.slick-current {
&::before {
@include scaling();
}
}
}
}
}
}
body {
&.home-slider-full {
#header {
.header-content {
background-color: transparent;
.header-position-container {
> * {
&:not(.menu-container) {
opacity: 0;
}
}
}
}
}
#main {
#content {
.page-title {
text-shadow: 0 0 4px $black;
+ .page-title-subline {
text-shadow: 0 0 4px $black;
color: $white;
}
}
}
}
}
// moved necessairy to according scss partials ;)
#header {
z-index: 100;
.header-content {
.header-position-container {
> * {
&:not(.menu-container) {
opacity: 1;
}
}
}
}
}
#main {
#content {
.page-title {
position: relative;
z-index: 1;
+ .page-title-subline {
position: relative;
z-index: 1;
}
}
}
}
}
**/
.article-teaser .article-teaser-content {
padding: 0;
margin-bottom: 32px;
}
@media screen and (max-width: 1024px) {
.article-teaser .article-teaser-content {
margin-bottom: 0;
}
}
.article-teaser .article-teaser-content .article-teaser-main-item {
position: relative;
overflow: hidden;
height: 850px;
}
.article-teaser .article-teaser-content .article-teaser-main-item .badge-container .badge-absolute {
top: 64px;
}
.article-teaser .article-teaser-content .article-teaser-main-item .badge-container .badge-absolute.inverted {
color: #000000;
}
.article-teaser .article-teaser-content .article-teaser-main-item .badge-container .badge-absolute.inverted > a {
color: #000000;
}
.article-teaser .article-teaser-content .article-teaser-main-item .badge-container .badge-absolute.inverted > a:hover {
color: #ffffff;
}
.article-teaser .article-teaser-content .article-teaser-main-item > a {
display: block;
}
.article-teaser .article-teaser-content .article-teaser-main-item > a:hover .main-item-image .main-item-image-container img {
transform: scale(1.08);
}
.article-teaser .article-teaser-content .article-teaser-main-item .main-item-image {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 100%;
width: 100%;
overflow: hidden;
}
.article-teaser .article-teaser-content .article-teaser-main-item .main-item-image .main-item-image-container {
height: 100%;
width: 100%;
}
.article-teaser .article-teaser-content .article-teaser-main-item .main-item-image .main-item-image-container img {
width: 100%;
height: 100%;
object-fit: cover;
transform: scale(1);
transition: all 0.4s cubic-bezier(0.42, 0, 0.175, 1);
}
.article-teaser .article-teaser-content .article-teaser-main-item .main-item-image .main-item-image-overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 100%;
width: 100%;
background: radial-gradient(ellipse at bottom left, rgba(0, 0, 0, 0) 70%, black 95%), radial-gradient(ellipse at bottom right, rgba(0, 0, 0, 0) 60%, black 95%), radial-gradient(ellipse at top left, rgba(0, 0, 0, 0) 80%, black 98%), radial-gradient(ellipse at top right, rgba(0, 0, 0, 0) 50%, black 80%), radial-gradient(circle at 90%, rgba(0, 0, 0, 0) 80%, black 95%), radial-gradient(circle at 8%, rgba(0, 0, 0, 0) 80%, black 95%);
}
.article-teaser .article-teaser-content .article-teaser-main-item .main-item-content {
position: relative;
z-index: 1;
padding-bottom: 0;
text-shadow: 0 0 4px #00000025;
max-width: calc(100% - clamp(100px, 10vw, 180px) - 64px);
}
.article-teaser .article-teaser-content .article-teaser-more-items {
position: relative;
margin: auto;
margin-top: -17%;
z-index: 11;
}
.article-teaser .article-teaser-content .article-teaser-more-items .article-teaser-slider {
padding-left: 120px;
width: 120%;
}
@media screen and (max-width: 1700px) {
.article-teaser .article-teaser-content .article-teaser-more-items .article-teaser-slider {
width: 90%;
padding-left: 0;
margin: 0 auto;
}
}
@media screen and (max-width: 1700px) {
.article-teaser .article-teaser-content .article-teaser-more-items .article-teaser-slider .slick-prev {
left: -32px;
}
}
@media screen and (max-width: 1024px) {
.article-teaser .article-teaser-content .article-teaser-more-items .article-teaser-slider .slick-prev {
left: 0;
}
}
@media screen and (max-width: 1700px) {
.article-teaser .article-teaser-content .article-teaser-more-items .article-teaser-slider .slick-next {
top: 43%;
left: auto;
right: -32px;
transform: translateY(0);
}
}
@media screen and (max-width: 1024px) {
.article-teaser .article-teaser-content .article-teaser-more-items .article-teaser-slider .slick-next {
right: 0;
}
}
.article-teaser .article-teaser-content .article-teaser-more-items .article-teaser-slider .slider-item {
padding: 32px;
}
.article-teaser .article-teaser-content .article-teaser-more-items .article-teaser-slider .slider-item > a:hover .item-image img {
transform: scale(1.08);
}
.article-teaser .article-teaser-content .article-teaser-more-items .article-teaser-slider .slider-item .item-image {
position: relative;
height: 500px;
overflow: hidden;
width: 100%;
}
.article-teaser .article-teaser-content .article-teaser-more-items .article-teaser-slider .slider-item .item-image img {
width: 100%;
height: 100%;
object-fit: cover;
transform: scale(1);
transition: all 0.4s cubic-bezier(0.42, 0, 0.175, 1);
}
.article-teaser .article-teaser-content .article-teaser-more-items .article-teaser-slider .slider-item .item-content {
display: flex;
flex-direction: column;
padding-top: 24px;
}
.article-teaser .article-teaser-content .article-teaser-more-items .article-teaser-slider .slider-item .item-content .spitzmarke {
padding-bottom: 12px;
}
.ressort-teaser {
overflow: hidden;
}
.ressort-teaser .ressort-teaser-top {
position: relative;
margin-bottom: 80px;
}
.ressort-teaser .ressort-teaser-top .ressort-teaser-spitzmarke {
margin-bottom: 24px;
}
.ressort-teaser .ressort-teaser-top .ressort-teaser-title {
max-width: 80%;
}
@media screen and (max-width: 896px) {
.ressort-teaser .ressort-teaser-top .ressort-teaser-title {
max-width: 100%;
}
}
.ressort-teaser .ressort-teaser-top .ressort-teaser-call-to-action {
position: absolute;
bottom: 0;
right: 0;
}
@media screen and (max-width: 896px) {
.ressort-teaser .ressort-teaser-top .ressort-teaser-call-to-action {
position: static;
margin-top: 16px;
width: fit-content;
margin-left: auto;
}
}
.ressort-teaser .ressort-teaser-slider {
padding-left: 120px;
width: 120%;
}
@media screen and (max-width: 1700px) {
.ressort-teaser .ressort-teaser-slider {
width: 100%;
padding-left: 0;
}
}
.ressort-teaser .ressort-teaser-slider .slick-prev {
top: 43%;
}
@media screen and (max-width: 1700px) {
.ressort-teaser .ressort-teaser-slider .slick-prev {
left: -32px;
}
}
@media screen and (max-width: 1024px) {
.ressort-teaser .ressort-teaser-slider .slick-prev {
left: 0;
}
}
.ressort-teaser .ressort-teaser-slider .slick-next {
top: 57%;
}
@media screen and (max-width: 1700px) {
.ressort-teaser .ressort-teaser-slider .slick-next {
top: 43%;
left: auto;
right: -32px;
transform: translateY(0);
}
}
@media screen and (max-width: 1024px) {
.ressort-teaser .ressort-teaser-slider .slick-next {
right: 0;
}
}
.ressort-teaser .ressort-teaser-slider .slider-item {
padding: 0 32px;
}
.ressort-teaser .ressort-teaser-slider .slider-item > a {
display: block;
}
.ressort-teaser .ressort-teaser-slider .slider-item > a:hover .item-image img {
transform: scale(1.08);
}
.ressort-teaser .ressort-teaser-slider .slider-item .item-image {
position: relative;
height: 500px;
overflow: hidden;
width: 100%;
}
.ressort-teaser .ressort-teaser-slider .slider-item .item-image img {
width: 100%;
height: 100%;
object-fit: cover;
transform: scale(1);
transition: all 0.4s cubic-bezier(0.42, 0, 0.175, 1);
}
.ressort-teaser .ressort-teaser-slider .slider-item .item-title {
padding-top: 32px;
}
.element.anrisse .headline h2 {
line-height: 1;
}
.element.anrisse .headline h2 + .section-lead {
margin-top: 24px;
}
.element.anrisse .items {
display: grid;
}
.element.anrisse .items.style_1_cols {
grid-template-columns: 1fr;
grid-gap: 64px;
}
.element.anrisse .items.style_1_cols .item .article-top .article-image figure {
height: auto;
}
@media screen and (max-width: 480px) {
.element.anrisse .items.style_1_cols .item .article-top .article-image figure {
height: clamp(245px, 40vh, 380px);
}
}
.element.anrisse .items.style_2_cols {
grid-template-columns: 1fr 1fr;
grid-gap: 64px;
}
@media screen and (max-width: 1024px) {
.element.anrisse .items.style_2_cols {
grid-template-columns: 1fr;
}
}
.element.anrisse .items.style_3_cols {
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 64px;
}
@media screen and (max-width: 1024px) {
.element.anrisse .items.style_3_cols {
grid-template-columns: 1fr;
}
}
.element.anrisse .items.style_3_cols .item .article-top .article-image figure {
height: 245px;
}
.element.anrisse .items.style_3_cols .item .article-content .article-lead {
display: none;
}
.element.anrisse .items.style_5_cols {
grid-template-columns: 1fr 1fr;
grid-template-rows: 4fr repeat(auto, auto);
column-gap: 64px;
}
@media screen and (max-width: 1024px) {
.element.anrisse .items.style_5_cols {
grid-template-columns: 1fr;
}
}
.element.anrisse .items.style_5_cols .item:first-child {
grid-row: 1 / 5;
}
@media screen and (max-width: 1024px) {
.element.anrisse .items.style_5_cols .item:first-child {
grid-row: 1 / 2;
margin-bottom: 64px;
}
}
.element.anrisse .items.style_5_cols .item:nth-child(2) {
padding-top: 16px;
border-top: 1px dashed #000000;
}
.element.anrisse .items.style_5_cols .item:nth-child(2), .element.anrisse .items.style_5_cols .item:nth-child(3), .element.anrisse .items.style_5_cols .item:nth-child(4), .element.anrisse .items.style_5_cols .item:nth-child(5) {
flex-direction: row-reverse;
justify-content: space-between;
padding-bottom: 16px;
border-bottom: 1px dashed #000000;
}
@media screen and (max-width: 480px) {
.element.anrisse .items.style_5_cols .item:nth-child(2), .element.anrisse .items.style_5_cols .item:nth-child(3), .element.anrisse .items.style_5_cols .item:nth-child(4), .element.anrisse .items.style_5_cols .item:nth-child(5) {
flex-direction: column;
}
}
.element.anrisse .items.style_5_cols .item:nth-child(2) .article-top, .element.anrisse .items.style_5_cols .item:nth-child(3) .article-top, .element.anrisse .items.style_5_cols .item:nth-child(4) .article-top, .element.anrisse .items.style_5_cols .item:nth-child(5) .article-top {
overflow: hidden;
}
.element.anrisse .items.style_5_cols .item:nth-child(2) .article-top .article-image, .element.anrisse .items.style_5_cols .item:nth-child(3) .article-top .article-image, .element.anrisse .items.style_5_cols .item:nth-child(4) .article-top .article-image, .element.anrisse .items.style_5_cols .item:nth-child(5) .article-top .article-image {
height: 100%;
}
@media screen and (max-width: 480px) {
.element.anrisse .items.style_5_cols .item:nth-child(2) .article-top .article-image, .element.anrisse .items.style_5_cols .item:nth-child(3) .article-top .article-image, .element.anrisse .items.style_5_cols .item:nth-child(4) .article-top .article-image, .element.anrisse .items.style_5_cols .item:nth-child(5) .article-top .article-image {
height: clamp(245px, 40vh, 380px);
}
}
.element.anrisse .items.style_5_cols .item:nth-child(2) .article-top .article-image figure, .element.anrisse .items.style_5_cols .item:nth-child(3) .article-top .article-image figure, .element.anrisse .items.style_5_cols .item:nth-child(4) .article-top .article-image figure, .element.anrisse .items.style_5_cols .item:nth-child(5) .article-top .article-image figure {
width: 250px;
height: 100%;
}
@media screen and (max-width: 600px) {
.element.anrisse .items.style_5_cols .item:nth-child(2) .article-top .article-image figure, .element.anrisse .items.style_5_cols .item:nth-child(3) .article-top .article-image figure, .element.anrisse .items.style_5_cols .item:nth-child(4) .article-top .article-image figure, .element.anrisse .items.style_5_cols .item:nth-child(5) .article-top .article-image figure {
width: 180px;
}
}
@media screen and (max-width: 480px) {
.element.anrisse .items.style_5_cols .item:nth-child(2) .article-top .article-image figure, .element.anrisse .items.style_5_cols .item:nth-child(3) .article-top .article-image figure, .element.anrisse .items.style_5_cols .item:nth-child(4) .article-top .article-image figure, .element.anrisse .items.style_5_cols .item:nth-child(5) .article-top .article-image figure {
width: 100%;
}
}
.element.anrisse .items.style_5_cols .item:nth-child(2) .article-content, .element.anrisse .items.style_5_cols .item:nth-child(3) .article-content, .element.anrisse .items.style_5_cols .item:nth-child(4) .article-content, .element.anrisse .items.style_5_cols .item:nth-child(5) .article-content {
width: clamp(200px, 100%, calc(100% - 250px - 32px));
margin-top: 0;
}
@media screen and (max-width: 600px) {
.element.anrisse .items.style_5_cols .item:nth-child(2) .article-content, .element.anrisse .items.style_5_cols .item:nth-child(3) .article-content, .element.anrisse .items.style_5_cols .item:nth-child(4) .article-content, .element.anrisse .items.style_5_cols .item:nth-child(5) .article-content {
width: clamp(200px, 100%, calc(100% - 180px - 32px));
}
}
@media screen and (max-width: 480px) {
.element.anrisse .items.style_5_cols .item:nth-child(2) .article-content, .element.anrisse .items.style_5_cols .item:nth-child(3) .article-content, .element.anrisse .items.style_5_cols .item:nth-child(4) .article-content, .element.anrisse .items.style_5_cols .item:nth-child(5) .article-content {
height: auto;
width: 100%;
}
}
.element.anrisse .items.style_5_cols .item:nth-child(2) .article-content > a, .element.anrisse .items.style_5_cols .item:nth-child(3) .article-content > a, .element.anrisse .items.style_5_cols .item:nth-child(4) .article-content > a, .element.anrisse .items.style_5_cols .item:nth-child(5) .article-content > a {
margin-bottom: 0;
justify-content: center;
}
.element.anrisse .items.style_5_cols .item:nth-child(2) .article-content .article-spitzmarke .auszeichnung, .element.anrisse .items.style_5_cols .item:nth-child(3) .article-content .article-spitzmarke .auszeichnung, .element.anrisse .items.style_5_cols .item:nth-child(4) .article-content .article-spitzmarke .auszeichnung, .element.anrisse .items.style_5_cols .item:nth-child(5) .article-content .article-spitzmarke .auszeichnung {
display: none;
}
.element.anrisse .items.style_5_cols .item:nth-child(2) .article-content .article-lead, .element.anrisse .items.style_5_cols .item:nth-child(3) .article-content .article-lead, .element.anrisse .items.style_5_cols .item:nth-child(4) .article-content .article-lead, .element.anrisse .items.style_5_cols .item:nth-child(5) .article-content .article-lead {
display: none;
}
.element.anrisse .items.style_5_cols .item:nth-child(2) + .item, .element.anrisse .items.style_5_cols .item:nth-child(3) + .item, .element.anrisse .items.style_5_cols .item:nth-child(4) + .item {
margin-top: 16px;
}
.element.anrisse .items.style_5_cols .item:nth-child(n + 6):not(.anriss-item-advert) {
padding-top: 64px;
}
.element.anrisse .items.style_5_cols .item:nth-child(n + 6).anriss-item-advert {
margin-top: 64px;
}
.element.anrisse .items .item {
display: flex;
flex-direction: column;
text-align: center;
grid-column: auto / span 1;
grid-row: auto / span 1;
max-width: 100%;
overflow: hidden;
}
.element.anrisse .items .item:hover .article-top .article-image figure img {
transform: scale(1.08);
}
.element.anrisse .items .item:hover.article-type-2::after {
background-color: #fdbf00;
border-color: #fdbf00;
}
.element.anrisse .items .item.anriss-item-advert {
align-items: center;
justify-content: center;
background: #f7f7f7;
}
.element.anrisse .items .item.advertorial .auszeichnung {
display: none;
}
.element.anrisse .items .item.advertorial figure.imagefill {
height: clamp(245px, 40vh, 380px);
}
.element.anrisse .items .item.advertorial figure.imagefill img {
transform: scale(1);
transition: all 0.4s cubic-bezier(0.42, 0, 0.175, 1);
}
.element.anrisse .items .item.advertorial > a + a {
margin-top: clamp(20px, 1.1vw, 22px);
}
.element.anrisse .items .item.advertorial h5 {
display: inline-block;
position: relative;
padding-bottom: 8px;
margin-left: auto;
margin-right: auto;
margin-bottom: 1em;
}
.element.anrisse .items .item.advertorial h5::after {
width: 100%;
bottom: 0;
border-bottom: 3px solid #fdbf00;
transform: scaleX(0.6);
transition: all 0.4s cubic-bezier(0.42, 0, 0.175, 1);
}
.element.anrisse .items .item.advertorial h2 {
margin: 0;
}
.element.anrisse .items .item.advertorial h2 + h3.lead {
margin-top: clamp(20px, 1.1vw, 22px);
}
.element.anrisse .items .item.advertorial > a {
display: block;
}
.element.anrisse .items .item.advertorial > a::after {
display: none !important;
}
.element.anrisse .items .item.advertorial > a, .element.anrisse .items .item.advertorial > a:visited, .element.anrisse .items .item.advertorial > a:hover {
color: #000000 !important;
}
.element.anrisse .items .item.advertorial .article-content .article-lead {
display: none;
}
.element.anrisse .items .item.advertorial:hover figure.imagefill img {
transform: scale(1.08);
}
.element.anrisse .items .item.advertorial .footer {
margin-top: auto;
padding-top: 8px;
color: #9b9b9b;
}
.element.anrisse .items .item.hidden {
display: none;
}
.element.anrisse .items .item .article-top {
position: relative;
}
@media screen and (max-width: 480px) {
.element.anrisse .items .item .article-top {
margin-bottom: 12px;
}
}
.element.anrisse .items .item .article-top .article-image {
position: relative;
overflow: hidden;
z-index: 0;
}
.element.anrisse .items .item .article-top .article-image figure {
height: clamp(245px, 40vh, 380px);
}
.element.anrisse .items .item .article-top .article-image figure img {
transform: scale(1);
transition: all 0.4s cubic-bezier(0.42, 0, 0.175, 1);
}
.element.anrisse .items .item .article-top .article-likes-dislikes {
display: flex;
position: absolute;
bottom: 24px;
right: 24px;
}
.element.anrisse .items .item .article-top .article-likes-dislikes .ratings-container {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 40px;
width: 40px;
padding: 4px;
border: 1px solid #9b9b9b;
border-radius: 100%;
color: #ffffff;
background: #00000040;
}
.element.anrisse .items .item .article-top .article-likes-dislikes .ratings-container + .ratings-container {
margin-left: 8px;
}
.element.anrisse .items .item .article-top .article-likes-dislikes .ratings-container svg {
width: 14px;
}
.element.anrisse .items .item .article-top .article-likes-dislikes .ratings-container .ratings-amount {
line-height: 1;
margin-top: -2px;
}
.element.anrisse .items .item .article-content {
display: flex;
flex-direction: column;
height: 100%;
margin-top: clamp(20px, 1.1vw, 22px);
}
.element.anrisse .items .item .article-content > a {
display: flex;
flex-direction: column;
height: 100%;
margin-bottom: 24px;
}
.element.anrisse .items .item .article-content .article-spitzmarke {
display: inline-block;
position: relative;
padding-bottom: 8px;
margin-left: auto;
margin-right: auto;
}
.element.anrisse .items .item .article-content .article-spitzmarke::after {
width: 100%;
bottom: 0;
border-bottom: 3px solid #fdbf00;
transform: scaleX(0.6);
transition: all 0.4s cubic-bezier(0.42, 0, 0.175, 1);
}
.element.anrisse .items .item .article-content .article-lead {
display: none;
}
.element.anrisse .items .item .article-content .article-info {
display: none;
grid-template-columns: 1fr 2fr 1fr;
gap: 12px;
margin-top: auto;
color: #9b9b9b;
}
.element.anrisse .items .item .article-content .article-info .article-date {
display: flex;
justify-content: center;
align-items: center;
}
.element.anrisse .items .item .article-content .article-info .article-bookmark-sharing {
display: flex;
justify-content: flex-end;
align-items: center;
}
.element.anrisse .items .item .article-content .article-info .article-bookmark-sharing > div + div {
margin-left: 12px;
}
.element.anrisse .items .item.article-type-7 {
overflow: hidden;
}
.element.anrisse .items .item.article-type-7 .article-image {
position: relative;
overflow: hidden;
}
.element.anrisse .items .item.article-type-7 .article-image::before {
content: "Galerie";
height: 34px;
transform: rotate(-45deg);
position: absolute;
top: 26px;
left: -42px;
z-index: 2;
padding: 0 50px;
background-color: #e9eaea;
color: #000000;
font-family: "Merriweather", serif;
font-size: 20px;
line-height: 34px;
text-align: center;
}
.element.anrisse .items .item.article-type-7 .auszeichnung {
display: none;
}
.element.anrisse .items .item.article-type-2 {
overflow: hidden;
}
.element.anrisse .items .item.article-type-2 .article-image::before {
content: "Video";
height: 34px;
transform: rotate(-45deg);
position: absolute;
top: 23px;
left: -39px;
z-index: 2;
padding: 0 58px;
background-color: #e9eaea;
color: #000000;
font-family: "Merriweather", serif;
font-size: 20px;
line-height: 34px;
text-align: center;
}
.element.anrisse .items .item.article-type-2 .article-image::after {
background-image: url(/typo3conf/ext/mad_redaktion/Resources/Public/Icons/play-icon.svg);
background-size: 25px 25px;
background-repeat: no-repeat;
background-position: center;
position: absolute;
content: "";
width: 70px;
height: 70px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.element.anrisse .items .item.article-type-2 .auszeichnung {
display: none;
}
.element.anrisse.homedossier .item.dossier-item {
padding: 24px;
border: 1px dashed #000000;
}
.element.anrisse.homedossier .item.dossier-item .dossier-top {
position: relative;
overflow: hidden;
}
.element.anrisse.homedossier .item.dossier-item .dossier-top::before {
content: "Dossier";
height: 34px;
transform: rotate(-45deg);
position: absolute;
top: 30px;
left: -40px;
z-index: 2;
padding: 0 52px;
background-color: #f8eebd;
color: #000000;
font-family: "Merriweather", serif;
font-size: 20px;
line-height: 34px;
text-align: center;
}
.element.anrisse.homedossier .item.dossier-item .dossier-top .dossier-main-image figure {
height: clamp(200px, 30vh, 280px);
}
.element.anrisse.homedossier .item.dossier-item .dossier-top .dossier-info {
margin-top: 32px;
}
.element.anrisse.homedossier .item.dossier-item .dossier-call-to-action {
padding-top: 32px;
margin-top: auto;
}
.element.anrisse.homedossier .item.dossier-item .dossier-articles {
margin-top: 32px;
}
.element.anrisse.homedossier .item.dossier-item .article-item-wrap {
max-width: 80%;
height: 100%;
}
.element.anrisse.homedossier .item.dossier-item .article-item-wrap .flipster__item__content {
height: 100%;
}
.element.anrisse.homedossier .item.dossier-item .article-item-wrap .flipster__item__content .article-item {
height: 100%;
}
.element.anrisse.homedossier .item.dossier-item .article-item, .element.anrisse.homedossier .item.dossier-item .article-item a.block-link {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: 1fr auto;
}
.element.anrisse.homedossier .item.dossier-item .article-item:hover .article-overlay .article-title, .element.anrisse.homedossier .item.dossier-item .article-item a.block-link:hover .article-overlay .article-title {
border-color: #fdbf00;
}
.element.anrisse.homedossier .item.dossier-item .article-item .article-image, .element.anrisse.homedossier .item.dossier-item .article-item .article-overlay, .element.anrisse.homedossier .item.dossier-item .article-item a.block-link .article-image, .element.anrisse.homedossier .item.dossier-item .article-item a.block-link .article-overlay {
grid-column: 1 / 2;
grid-row: 1 / 2;
}
.element.anrisse.homedossier .item.dossier-item .article-item .article-image figure, .element.anrisse.homedossier .item.dossier-item .article-item a.block-link .article-image figure {
width: 100%;
height: 100%;
}
.element.anrisse.homedossier .item.dossier-item .article-item .article-image figure img, .element.anrisse.homedossier .item.dossier-item .article-item a.block-link .article-image figure img {
filter: brightness(0.8) saturate(0.8) blur(2px);
}
.element.anrisse.homedossier .item.dossier-item .article-item .article-overlay, .element.anrisse.homedossier .item.dossier-item .article-item a.block-link .article-overlay {
z-index: 1;
}
.element.anrisse.homedossier .item.dossier-item .article-item .article-overlay .article-title, .element.anrisse.homedossier .item.dossier-item .article-item a.block-link .article-overlay .article-title {
display: flex;
justify-content: center;
align-items: center;
height: 100%;
width: 100%;
padding: 24px;
background: #f8eebd90;
border: 20px solid rgba(255, 255, 255, 0);
transition: all 0.4s cubic-bezier(0.42, 0, 0.175, 1);
}
.element.anrisse.homedossier .item.dossier-item .article-item .article-overlay .article-title h3, .element.anrisse.homedossier .item.dossier-item .article-item a.block-link .article-overlay .article-title h3 {
text-shadow: 0 0 50px #f8eebd;
}
.element.anrisse.dossiercontent {
margin-top: 64px;
padding-left: 64px;
padding-right: 64px;
}
.element.anrisse.dossiercontent .items.grid-3-cols {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 32px;
}
@media screen and (max-width: 1024px) {
.element.anrisse.dossiercontent .items.grid-3-cols {
grid-template-columns: 1fr 1fr;
}
}
@media screen and (max-width: 768px) {
.element.anrisse.dossiercontent .items.grid-3-cols {
grid-template-columns: 1fr;
}
}
.element.anrisse.dossiercontent .items.grid-3-cols .item {
grid-column: auto / span 1;
}
.element.anrisse.dossiercontent .items.grid-3-cols .item .article-image figure {
height: clamp(110px, 30vh, 210px);
}
.element.anrisse.video-anrisse .article-image:before {
display: none;
}
.element.anrisse.gallery-anrisse .more-images {
display: flex;
margin-left: -12px;
margin-right: -12px;
}
.element.anrisse.gallery-anrisse .more-images > figure {
width: calc(33.333333333% - 24px);
height: 75px !important;
margin: 12px;
}
@media screen and (max-width: 1024px) {
.element.anrisse.gallery-anrisse .more-images > figure {
height: 160px !important;
}
}
@media screen and (max-width: 600px) {
.element.anrisse.gallery-anrisse .more-images > figure {
height: 90px !important;
}
}
.element.anrisse .footerline .seotext {
margin-top: 40px;
margin-bottom: 120px;
column-count: 2;
column-gap: 40px;
}
@media screen and (max-width: 768px) {
.element.anrisse .footerline .seotext {
column-count: 1;
}
}
.element.anrisse .footerline .seotext p {
font-size: 14px;
line-height: 18px;
}
.epaper-teaser {
text-align: center;
}
.epaper-teaser .epaper-teaser-slider-item a:hover .epaper-image img {
transform: scale(1.08);
}
.epaper-teaser .epaper-teaser-slider-item a .epaper-image {
position: relative;
overflow: hidden;
}
.epaper-teaser .epaper-teaser-slider-item a .epaper-image img {
transform: scale(1);
transition: all 0.4s cubic-bezier(0.42, 0, 0.175, 1);
}
.epaper-teaser .epaper-teaser-title {
margin-bottom: 64px;
}
.epaper-teaser .epaper-call-to-action {
margin-top: 64px;
}
.article-content-left-style {
max-width: calc(480px - 64px);
width: 1260px;
}
.article-content-floating-style, .article-wrap section.article .article-body .box.pull-left, .article-wrap section.article .article-body .pull-left.old-content-hint, .article-wrap section.article .additional-content .box.pull-left, .article-wrap section.article .additional-content .pull-left.old-content-hint, .article-wrap section.article .article-body blockquote, .article-wrap section.article .article-body .blockquote, .article-wrap section.article .additional-content blockquote, .article-wrap section.article .additional-content .blockquote, .article-wrap section.article .article-body blockquote + p.Legende, .article-wrap section.article .article-body .blockquote + p.Legende, .article-wrap section.article .additional-content blockquote + p.Legende, .article-wrap section.article .additional-content .blockquote + p.Legende {
width: calc((100% - 40px) / 2);
margin: 12px 40px 12px 0;
float: left;
}
@media screen and (max-width: 896px) {
.article-content-floating-style, .article-wrap section.article .article-body .box.pull-left, .article-wrap section.article .article-body .pull-left.old-content-hint, .article-wrap section.article .additional-content .box.pull-left, .article-wrap section.article .additional-content .pull-left.old-content-hint, .article-wrap section.article .article-body blockquote, .article-wrap section.article .article-body .blockquote, .article-wrap section.article .additional-content blockquote, .article-wrap section.article .additional-content .blockquote, .article-wrap section.article .article-body blockquote + p.Legende, .article-wrap section.article .article-body .blockquote + p.Legende, .article-wrap section.article .additional-content blockquote + p.Legende, .article-wrap section.article .additional-content .blockquote + p.Legende {
width: 100%;
float: none;
}
}
.article-detail {
position: relative;
z-index: -1;
}
.article-detail .article-content-container {
max-width: 1260px;
width: 90%;
margin: 0 auto;
}
.article-detail .dossier-other-articles {
margin-top: 64px;
}
.article-detail .dossier-other-articles .section-title {
margin-bottom: 32px;
}
.article-detail .dossier-other-articles .dossier-article-container .slick-prev, .article-detail .dossier-other-articles .dossier-article-container .slick-next {
top: 50%;
color: #000000;
}
.article-detail .dossier-other-articles .dossier-article-container .slick-prev {
right: auto;
left: 40px;
}
.article-detail .dossier-other-articles .dossier-article-container .slick-next {
left: auto;
right: 40px;
}
.article-detail .dossier-other-articles .dossier-article-container .dossier-item {
position: relative;
margin: 0 8px;
}
.article-detail .dossier-other-articles .dossier-article-container .dossier-item:hover .article-content a {
border-color: #fdbf00;
}
.article-detail .dossier-other-articles .dossier-article-container .dossier-item .article-top .article-image figure {
height: clamp(300px, 25vw, 380px);
overflow: hidden;
}
.article-detail .dossier-other-articles .dossier-article-container .dossier-item .article-top .article-image figure img {
filter: brightness(0.8) saturate(0.8) blur(2px);
}
.article-detail .dossier-other-articles .dossier-article-container .dossier-item .article-content {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: #f8eebd90;
text-shadow: 0 0 50px #f8eebd;
text-align: center;
}
.article-detail .dossier-other-articles .dossier-article-container .dossier-item .article-content a.block-link {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
position: relative;
height: 100%;
width: 100%;
padding: 64px;
border: 20px solid rgba(255, 255, 255, 0);
transition: border-color 0.4s cubic-bezier(0.42, 0, 0.175, 1);
}
@media screen and (max-width: 1400px) {
.article-detail .dossier-other-articles .dossier-article-container .dossier-item .article-content a.block-link {
padding: 32px;
}
}
.article-detail .dossier-other-articles .dossier-article-container .dossier-item .article-content a.block-link:hover {
border-color: #fdbf00;
}
.article-detail .dossier-other-articles.frame.frame-bg-brand .slick-prev, .article-detail .dossier-other-articles.frame.frame-bg-brand .slick-next {
background: #fdbf00;
}
.article-detail .dossier-other-articles.frame.frame-bg-brand .slick-prev:hover, .article-detail .dossier-other-articles.frame.frame-bg-brand .slick-next:hover {
background: #000000;
color: #fdbf00;
}
.article-detail .dossier-other-articles.frame.frame-bg-brand-light .slick-prev, .article-detail .dossier-other-articles.frame.frame-bg-brand-light .slick-next {
background: #f8eebd;
}
.article-detail .dossier-other-articles.frame.frame-bg-brand-light .slick-prev:hover, .article-detail .dossier-other-articles.frame.frame-bg-brand-light .slick-next:hover {
background: #000000;
color: #f8eebd;
}
.article-detail .dossier-other-articles.frame.frame-bg-grey .slick-prev, .article-detail .dossier-other-articles.frame.frame-bg-grey-border-green-dotted .slick-prev, .article-detail .dossier-other-articles.frame.frame-bg-grey-border-yellow-solid .slick-prev, .article-detail .dossier-other-articles.frame.frame-bg-grey .slick-next, .article-detail .dossier-other-articles.frame.frame-bg-grey-border-green-dotted .slick-next, .article-detail .dossier-other-articles.frame.frame-bg-grey-border-yellow-solid .slick-next {
background: #f7f7f7;
}
.article-detail .dossier-other-articles.frame.frame-bg-grey .slick-prev:hover, .article-detail .dossier-other-articles.frame.frame-bg-grey-border-green-dotted .slick-prev:hover, .article-detail .dossier-other-articles.frame.frame-bg-grey-border-yellow-solid .slick-prev:hover, .article-detail .dossier-other-articles.frame.frame-bg-grey .slick-next:hover, .article-detail .dossier-other-articles.frame.frame-bg-grey-border-green-dotted .slick-next:hover, .article-detail .dossier-other-articles.frame.frame-bg-grey-border-yellow-solid .slick-next:hover {
background: #f8eebd;
}
.article-detail .dossier-other-articles.frame.frame-bg-grey-border-yellow-solid .slick-prev:hover, .article-detail .dossier-other-articles.frame.frame-bg-grey-border-yellow-solid .slick-next:hover {
background: #fdbf00;
}
.article-wrap {
overflow: hidden;
}
.article-wrap + div {
clear: both;
}
.article-wrap section.article .article-back .back-link {
display: flex;
align-items: center;
transition: all 0.4s cubic-bezier(0.42, 0, 0.175, 1);
}
.article-wrap section.article .article-back .back-link .back-icon {
margin-right: 12px;
}
.article-wrap section.article .article-back .back-link .back-icon svg {
width: 18px;
height: auto;
transform: rotate(180deg);
}
.article-wrap section.article .article-back .back-link:hover {
color: #fdbf00;
}
.article-wrap section.article .article-header {
margin: 48px 0;
}
.article-wrap section.article .article-header.has-badge {
max-width: calc(100% - clamp(100px, 10vw, 180px) - 64px);
}
@media screen and (max-width: 1024px) {
.article-wrap section.article .article-header.has-badge {
max-width: 100%;
}
}
.article-wrap section.article .article-header .spitzmarke {
margin-bottom: 24px;
}
.article-wrap section.article .article-header .spitzmarke .additional-spitzmarke-content, .article-wrap section.article .article-header .spitzmarke .additional-spitzmarke-content a {
color: #9b9b9b;
}
.article-wrap section.article .article-header .spitzmarke .additional-spitzmarke-content .spitzmarke-separator {
margin: 0 8px;
}
.article-wrap section.article .article-header .spitzmarke .additional-spitzmarke-content a.dossier-link {
cursor: pointer;
transition: color 0.4s cubic-bezier(0.42, 0, 0.175, 1);
}
.article-wrap section.article .article-header .spitzmarke .additional-spitzmarke-content a.dossier-link:hover {
color: #000000;
}
.article-wrap section.article .article-header h1 {
margin: 0;
margin-bottom: 24px;
}
.article-wrap section.article .article-mainimages {
margin-bottom: 80px;
height: 700px;
}
@media screen and (max-width: 1024px) {
.article-wrap section.article .article-mainimages {
height: clamp(245px, 40vh, 380px);
}
}
.article-wrap section.article .article-mainimages .slick-prev, .article-wrap section.article .article-mainimages .slick-next {
transform: none;
top: 50%;
}
.article-wrap section.article .article-mainimages .slick-prev {
transform: translateY(-70%) rotate(180deg);
}
@media screen and (max-width: 1024px) {
.article-wrap section.article .article-mainimages .slick-prev {
top: calc(40% - 18px);
}
}
.article-wrap section.article .article-mainimages .slick-next {
transform: translateY(70%);
}
@media screen and (max-width: 1024px) {
.article-wrap section.article .article-mainimages .slick-next {
top: calc(45% - 18px);
}
}
.article-wrap section.article .article-mainimages .mainimage-item {
max-height: 100%;
height: 100%;
}
.article-wrap section.article .article-mainimages .mainimage-item.video-item {
width: 100%;
}
.article-wrap section.article .article-mainimages .mainimage-item figure {
height: 734px;
}
@media screen and (max-width: 1024px) {
.article-wrap section.article .article-mainimages .mainimage-item figure {
height: clamp(245px, 40vh, 380px);
}
}
.article-wrap section.article .article-mainimages .mainimage-item figure a {
display: block;
max-height: 100%;
}
.article-wrap section.article .article-mainimages .mainimage-item figure img {
height: 700px;
}
@media screen and (max-width: 1024px) {
.article-wrap section.article .article-mainimages .mainimage-item figure img {
height: clamp(245px, 40vh, 380px);
}
}
.article-wrap section.article .article-mainimages .mainimage-item figure iframe {
height: 700px;
}
@media screen and (max-width: 1024px) {
.article-wrap section.article .article-mainimages .mainimage-item figure iframe {
height: clamp(245px, 40vh, 380px);
}
}
.article-wrap section.article .additional-content {
margin: 80px 0;
}
.article-wrap section.article .article-body, .article-wrap section.article .additional-content {
position: relative;
}
.article-wrap section.article .article-body > *:not(.inlineArticle):not(.dynamic-img-slider):not(.article-author):not(blockquote):not(.blockquote):not(.blockquote + .Legende):not(blockquote + .Legende):not(.pull-left):not(.fullwidth), .article-wrap section.article .additional-content > *:not(.inlineArticle):not(.dynamic-img-slider):not(.article-author):not(blockquote):not(.blockquote):not(.blockquote + .Legende):not(blockquote + .Legende):not(.pull-left):not(.fullwidth) {
width: 60%;
margin-left: auto;
margin-right: auto;
}
@media screen and (max-width: 1024px) {
.article-wrap section.article .article-body > *:not(.inlineArticle):not(.dynamic-img-slider):not(.article-author):not(blockquote):not(.blockquote):not(.blockquote + .Legende):not(blockquote + .Legende):not(.pull-left):not(.fullwidth), .article-wrap section.article .additional-content > *:not(.inlineArticle):not(.dynamic-img-slider):not(.article-author):not(blockquote):not(.blockquote):not(.blockquote + .Legende):not(blockquote + .Legende):not(.pull-left):not(.fullwidth) {
width: 100%;
}
}
.article-wrap section.article .article-body > *[data-adnz-placement], .article-wrap section.article .additional-content > *[data-adnz-placement] {
display: flex;
align-items: center;
justify-content: center;
}
.article-wrap section.article .article-body > *[data-adnz-placement]:not(:empty), .article-wrap section.article .additional-content > *[data-adnz-placement]:not(:empty) {
padding: 12px 0;
margin: 24px 0;
background: #f7f7f7;
}
.article-wrap section.article .article-body > *[data-adnz-placement]:last-child, .article-wrap section.article .article-body > *[data-adnz-placement]:last-child#adnz_infeed_4, .article-wrap section.article .additional-content > *[data-adnz-placement]:last-child, .article-wrap section.article .additional-content > *[data-adnz-placement]:last-child#adnz_infeed_4 {
margin-bottom: 0;
}
.article-wrap section.article .article-body > div:first-child > [data-adnz-placement], .article-wrap section.article .additional-content > div:first-child > [data-adnz-placement] {
display: flex;
align-items: center;
justify-content: center;
padding: 12px 0;
margin: 24px 0;
background: #f7f7f7;
}
.article-wrap section.article .article-body > div:first-child > [data-adnz-placement]:last-child, .article-wrap section.article .additional-content > div:first-child > [data-adnz-placement]:last-child {
margin-bottom: 0;
}
.article-wrap section.article .article-body .inlineArticle, .article-wrap section.article .additional-content .inlineArticle {
float: left;
max-width: 300px;
margin: 0 40px 40px;
margin-left: calc((min(90vw, 1260px) - 100%) / 2 * -1);
}
@media screen and (max-width: 896px) {
.article-wrap section.article .article-body .inlineArticle, .article-wrap section.article .additional-content .inlineArticle {
margin-left: 0;
}
}
.article-wrap section.article .article-body .inlineArticle .relatedWrap, .article-wrap section.article .additional-content .inlineArticle .relatedWrap {
text-align: center;
}
.article-wrap section.article .article-body .inlineArticle .relatedWrap .block-link, .article-wrap section.article .additional-content .inlineArticle .relatedWrap .block-link {
display: block;
}
.article-wrap section.article .article-body .inlineArticle .relatedWrap span, .article-wrap section.article .additional-content .inlineArticle .relatedWrap span {
display: inline-block;
}
.article-wrap section.article .article-body .inlineArticle .relatedWrap span.relatedimage, .article-wrap section.article .additional-content .inlineArticle .relatedWrap span.relatedimage {
width: 100%;
margin-bottom: 8px;
overflow: hidden;
}
.article-wrap section.article .article-body .inlineArticle .relatedWrap span.relatedimage img, .article-wrap section.article .additional-content .inlineArticle .relatedWrap span.relatedimage img {
width: 100%;
object-fit: cover;
transform: scale(1);
transition: all 0.4s cubic-bezier(0.42, 0, 0.175, 1);
}
.article-wrap section.article .article-body .inlineArticle .relatedWrap span.spitzmarke, .article-wrap section.article .additional-content .inlineArticle .relatedWrap span.spitzmarke {
position: relative;
padding-bottom: 4px;
margin-bottom: 8px;
}
.article-wrap section.article .article-body .inlineArticle .relatedWrap span.spitzmarke::after, .article-wrap section.article .additional-content .inlineArticle .relatedWrap span.spitzmarke::after {
width: 100%;
bottom: 0;
border-bottom: 3px solid #fdbf00;
transform: scaleX(0.6);
transition: all 0.4s cubic-bezier(0.42, 0, 0.175, 1);
}
.article-wrap section.article .article-body .inlineArticle .relatedWrap span.footer, .article-wrap section.article .additional-content .inlineArticle .relatedWrap span.footer {
color: #424242;
}
.article-wrap section.article .article-body .inlineArticle .relatedWrap:hover span.relatedimage img, .article-wrap section.article .additional-content .inlineArticle .relatedWrap:hover span.relatedimage img {
transform: scale(1.08);
}
.article-wrap section.article .article-body .article-moreimages .mainimage-item figure img, .article-wrap section.article .additional-content .article-moreimages .mainimage-item figure img {
object-fit: contain;
}
.article-wrap section.article .article-body .article-moreimages figcaption, .article-wrap section.article .additional-content .article-moreimages figcaption {
bottom: 5px;
position: static;
}
.article-wrap section.article .article-body .article-moreimages.dynamic-img-slider, .article-wrap section.article .additional-content .article-moreimages.dynamic-img-slider {
margin: 32px 0;
}
.article-wrap section.article .article-body .article-moreimages.dynamic-img-slider .slick-prev, .article-wrap section.article .article-body .article-moreimages.dynamic-img-slider .slick-next, .article-wrap section.article .additional-content .article-moreimages.dynamic-img-slider .slick-prev, .article-wrap section.article .additional-content .article-moreimages.dynamic-img-slider .slick-next {
top: 50%;
}
.article-wrap section.article .article-body .article-moreimages.dynamic-img-slider .slick-prev, .article-wrap section.article .additional-content .article-moreimages.dynamic-img-slider .slick-prev {
transform: rotate(-180deg) translateY(-50%);
transform-origin: center top;
}
.article-wrap section.article .article-body .article-moreimages.dynamic-img-slider .slick-next, .article-wrap section.article .additional-content .article-moreimages.dynamic-img-slider .slick-next {
left: auto;
right: 40px;
}
.article-wrap section.article .article-body .article-moreimages.dynamic-img-slider .mainimage-item figure, .article-wrap section.article .additional-content .article-moreimages.dynamic-img-slider .mainimage-item figure {
height: 100%;
}
.article-wrap section.article .article-body .article-moreimages.dynamic-img-slider .mainimage-item figure > a, .article-wrap section.article .additional-content .article-moreimages.dynamic-img-slider .mainimage-item figure > a {
display: block;
height: 100%;
}
.article-wrap section.article .article-body .article-moreimages.dynamic-img-slider .mainimage-item figcaption, .article-wrap section.article .additional-content .article-moreimages.dynamic-img-slider .mainimage-item figcaption {
bottom: 0;
min-height: 52px;
position: absolute;
}
.article-wrap section.article .article-body .article-moreimages.dynamic-img-slider:not(.big-slider) figure, .article-wrap section.article .additional-content .article-moreimages.dynamic-img-slider:not(.big-slider) figure {
margin: 0 6px;
}
.article-wrap section.article .article-body .article-moreimages.big-slider, .article-wrap section.article .additional-content .article-moreimages.big-slider {
position: relative;
width: 100vw;
left: calc(((100vw - min(90vw, 1260px)) / 2) * -1);
margin: 64px 0;
z-index: 10;
height: 500px;
}
.article-wrap section.article .article-body .article-moreimages.big-slider .slick-list, .article-wrap section.article .additional-content .article-moreimages.big-slider .slick-list {
height: 500px;
}
.article-wrap section.article .article-body .article-moreimages.big-slider .slick-list .slick-track, .article-wrap section.article .additional-content .article-moreimages.big-slider .slick-list .slick-track {
height: 500px;
}
.article-wrap section.article .article-body .article-moreimages.big-slider .mainimage-item, .article-wrap section.article .additional-content .article-moreimages.big-slider .mainimage-item {
height: 500px;
padding: 0 8px;
}
@media screen and (max-width: 896px) {
.article-wrap section.article .article-body .article-moreimages.contains-video iframe, .article-wrap section.article .additional-content .article-moreimages.contains-video iframe {
min-height: auto;
height: 460px;
}
}
@media screen and (max-width: 600px) {
.article-wrap section.article .article-body .article-moreimages.contains-video iframe, .article-wrap section.article .additional-content .article-moreimages.contains-video iframe {
min-height: auto;
height: 280px;
}
}
.article-wrap section.article .article-body .accordion-wrap, .article-wrap section.article .additional-content .accordion-wrap {
margin-bottom: 24px;
clear: both;
}
.article-wrap section.article .article-body .accordion-wrap .accordion-element .accordion-header, .article-wrap section.article .additional-content .accordion-wrap .accordion-element .accordion-header {
padding: 24px 0;
}
.article-wrap section.article .article-body .accordion-wrap .accordion-element .accordion-content > *:first-child, .article-wrap section.article .additional-content .accordion-wrap .accordion-element .accordion-content > *:first-child {
padding-top: 24px;
}
.article-wrap section.article .article-body .accordion-wrap .accordion-element .accordion-content > *:last-child, .article-wrap section.article .additional-content .accordion-wrap .accordion-element .accordion-content > *:last-child {
padding-bottom: 24px;
}
.article-wrap section.article .article-body .box, .article-wrap section.article .article-body .old-content-hint, .article-wrap section.article .additional-content .box, .article-wrap section.article .additional-content .old-content-hint {
clear: both;
}
.article-wrap section.article .article-body .box > b:first-child, .article-wrap section.article .article-body .old-content-hint > b:first-child, .article-wrap section.article .article-body .box > strong:first-child, .article-wrap section.article .article-body .old-content-hint > strong:first-child, .article-wrap section.article .additional-content .box > b:first-child, .article-wrap section.article .additional-content .old-content-hint > b:first-child, .article-wrap section.article .additional-content .box > strong:first-child, .article-wrap section.article .additional-content .old-content-hint > strong:first-child {
display: block;
margin-bottom: 16px;
}
.article-wrap section.article .article-body .box + .article-moreimages, .article-wrap section.article .article-body .old-content-hint + .article-moreimages, .article-wrap section.article .additional-content .box + .article-moreimages, .article-wrap section.article .additional-content .old-content-hint + .article-moreimages {
margin-top: 12px !important;
}
.article-wrap section.article .article-body blockquote, .article-wrap section.article .article-body .blockquote, .article-wrap section.article .additional-content blockquote, .article-wrap section.article .additional-content .blockquote {
text-align: center;
margin-top: 40px;
}
.article-wrap section.article .article-body blockquote + p.Legende, .article-wrap section.article .article-body .blockquote + p.Legende, .article-wrap section.article .additional-content blockquote + p.Legende, .article-wrap section.article .additional-content .blockquote + p.Legende {
margin-left: 0 !important;
text-align: right;
margin-bottom: 40px;
}
.article-wrap section.article .article-body .interview-question, .article-wrap section.article .additional-content .interview-question {
font-weight: bold;
}
.article-wrap section.article .article-body table.contenttable, .article-wrap section.article .additional-content table.contenttable {
margin: 24px 0 !important;
background-color: #f8eebd !important;
}
.article-wrap section.article .article-body table.contenttable tbody tr td strong span[style="font-size: large;"], .article-wrap section.article .additional-content table.contenttable tbody tr td strong span[style="font-size: large;"] {
font-size: clamp(20px, 1.1vw, 22px) !important;
}
.article-wrap section.article .article-body #externalressource-box iframe, .article-wrap section.article .additional-content #externalressource-box iframe {
position: relative !important;
}
.article-wrap section.article .article-body .additional-content, .article-wrap section.article .article-body .article-author, .article-wrap section.article .additional-content .additional-content, .article-wrap section.article .additional-content .article-author {
clear: both;
}
.article-wrap section.article.dossiermain .article-mainimages {
margin-bottom: 64px;
}
.article-wrap .old-content-hint {
clear: both;
margin-top: 64px;
width: 60%;
margin-left: auto;
margin-right: auto;
}
@media screen and (max-width: 1024px) {
.article-wrap .old-content-hint {
width: 100%;
}
}
.article-author {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
padding: 40px;
border: 5px solid #fdbf00;
background: #f7f7f7;
margin-top: 64px;
margin-left: auto;
margin-right: auto;
width: 60%;
}
@media screen and (max-width: 1024px) {
.article-author {
width: 100%;
}
}
.article-author .author-item {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
}
.article-author .author-item + .author-item {
margin-top: 24px;
}
.article-author .article-author-title {
margin-bottom: 32px;
padding-bottom: 8px;
border-bottom: 3px solid #67948b;
text-transform: uppercase;
}
.article-author .article-author-image {
width: 120px;
height: 120px;
border-radius: 100%;
overflow: hidden;
margin-bottom: 16px;
}
.article-author .article-author-image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.article.related {
position: relative;
z-index: 0;
margin-top: 64px;
}
.article.related .related-wrap {
overflow: hidden;
}
.article.related .related-wrap .related-content .title {
margin-top: 24px;
margin-bottom: 64px;
}
.article.related .related-wrap .related-content .related-articles-wrap {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 32px;
}
@media screen and (max-width: 1024px) {
.article.related .related-wrap .related-content .related-articles-wrap {
grid-template-columns: 1fr 1fr;
}
}
@media screen and (max-width: 768px) {
.article.related .related-wrap .related-content .related-articles-wrap {
grid-template-columns: 1fr;
}
}
.article.related .related-wrap .related-content .related-articles-wrap .related-article-item {
grid-column: auto / span 1;
}
.article.related .related-wrap .related-content .related-articles-wrap .related-article-item .auszeichnungen {
justify-content: flex-end;
margin-bottom: 4px;
visibility: hidden;
}
.article.related .related-wrap .related-content .related-articles-wrap .related-article-item .article-image {
position: relative;
overflow: hidden;
}
.article.related .related-wrap .related-content .related-articles-wrap .related-article-item .article-image a {
position: absolute;
z-index: 1;
}
.article.related .related-wrap .related-content .related-articles-wrap .related-article-item .article-image figure {
height: clamp(110px, 30vh, 210px);
}
.article.related .related-wrap .related-content .related-articles-wrap .related-article-item .article-image img {
transform: scale(1);
transition: all 0.4s cubic-bezier(0.42, 0, 0.175, 1);
}
.article.related .related-wrap .related-content .related-articles-wrap .related-article-item .article-content {
margin-top: 32px;
}
.article.related .related-wrap .related-content .related-articles-wrap .related-article-item .article-content, .article.related .related-wrap .related-content .related-articles-wrap .related-article-item .article-content * {
text-align: center;
}
.article.related .related-wrap .related-content .related-articles-wrap .related-article-item .article-content .article-spitzmarke {
display: inline-block;
position: relative;
padding-bottom: 4px;
margin-bottom: 8px;
}
.article.related .related-wrap .related-content .related-articles-wrap .related-article-item .article-content .article-spitzmarke::after {
width: 100%;
bottom: 0;
border-bottom: 3px solid #fdbf00;
transform: scaleX(0.6);
transition: all 0.4s cubic-bezier(0.42, 0, 0.175, 1);
}
.article.related .related-wrap .related-content .related-articles-wrap .related-article-item:hover .article-image img {
transform: scale(1.08);
}
.article.related .related-wrap .related-content .related-articles-wrap .related-article-item.advertorial .article-top .article-image {
height: clamp(110px, 30vh, 210px);
}
.article.related .related-wrap .related-content .related-articles-wrap .related-article-item.advertorial .article-top .article-image figure {
height: clamp(110px, 30vh, 210px);
}
.article.related .related-wrap .related-content .related-articles-wrap .related-article-item.advertorial .article-top .article-likes-dislikes {
display: none;
}
.article.related .related-wrap .related-content .related-articles-wrap .related-article-item.advertorial .article-content .article-lead, .article.related .related-wrap .related-content .related-articles-wrap .related-article-item.advertorial .article-content .article-info {
display: none;
}
.article.related .related-wrap .related-content .related-articles-wrap .related-article-item.advertorial .auszeichnung, .article.related .related-wrap .related-content .related-articles-wrap .related-article-item.advertorial .footer, .article.related .related-wrap .related-content .related-articles-wrap .related-article-item.advertorial h5, .article.related .related-wrap .related-content .related-articles-wrap .related-article-item.advertorial h3.lead {
display: none;
}
.article.related .related-wrap .related-content .related-articles-wrap .related-article-item.advertorial > a::after {
display: none !important;
}
.article.related .related-wrap .related-content .related-articles-wrap .related-article-item.advertorial > a, .article.related .related-wrap .related-content .related-articles-wrap .related-article-item.advertorial > a:visited, .article.related .related-wrap .related-content .related-articles-wrap .related-article-item.advertorial > a:hover {
color: #000000;
}
.article.related .related-wrap .related-content .related-articles-wrap .related-article-item.advertorial figure {
height: 500px;
overflow: hidden;
position: relative;
}
.article.related .related-wrap .related-content .related-articles-wrap .related-article-item.advertorial figure img {
transition: all 0.4s cubic-bezier(0.42, 0, 0.175, 1);
transform: scale(1);
}
.article.related .related-wrap .related-content .related-articles-wrap .related-article-item.advertorial:hover figure img {
transform: scale(1.08);
}
.article.related .related-wrap .related-content .related-articles-wrap .related-article-item.advert {
display: grid;
grid-template-rows: 20px auto;
grid-template-columns: 1fr;
gap: 4px;
}
.article.related .related-wrap .related-content .related-articles-wrap .related-article-item.advert div.advert {
display: flex;
justify-content: center;
align-items: center;
background: #e9eaea;
padding-top: 24px;
padding-bottom: 24px;
}
.article-meta {
display: flex;
justify-content: space-between;
align-items: center;
font-size: clamp(13px, 0.7vw, 14px);
margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
.article-meta {
flex-wrap: wrap;
}
}
.article-meta .left {
display: flex;
align-items: center;
padding-top: 16px;
border-top: 1px solid #fdbf00;
}
@media screen and (max-width: 768px) {
.article-meta .left {
width: 100%;
}
}
.article-meta .left .meta-icon {
margin-right: 16px;
}
.article-meta .left .meta-icon svg {
width: 24px;
height: auto;
}
.article-meta .left .meta-info .date {
color: #9b9b9b;
}
.article-meta .right {
display: flex;
align-items: center;
}
@media screen and (max-width: 768px) {
.article-meta .right {
width: 100%;
margin-top: 24px;
justify-content: space-between;
}
}
.article-meta .right > div {
display: flex;
align-items: center;
}
.article-meta .right > div + div {
margin-left: clamp(16px, 2vw, 40px);
}
@media screen and (max-width: 768px) {
.article-meta .right > div + div {
margin-left: 0;
}
}
.article-meta .right .meta-icon {
display: flex;
align-items: center;
color: #9b9b9b;
}
.article-meta .right .meta-auszeichnung .auszeichnung {
display: flex;
align-items: flex-start;
gap: 4px;
}
.article-meta .right .meta-auszeichnung span:not(.quelle) {
display: inline-block;
padding: 4px;
background: #000000;
border-radius: 2px;
color: #ffffff;
line-height: 1;
}
@media screen and (max-width: 360px) {
.article-meta .right .meta-auszeichnung .auszeichnung {
flex-direction: column;
}
}
.article-meta .right .meta-rating > div {
display: flex;
align-items: center;
}
.article-meta .right .meta-rating > div + div {
margin-left: 8px;
}
@media screen and (max-width: 768px) {
.article-meta .right .meta-rating > div + div {
margin-left: 24px;
}
}
@media screen and (max-width: 360px) {
.article-meta .right .meta-rating > div + div {
margin-left: 12px;
}
}
.article-meta .right .meta-rating > div .rating-icon {
width: 14px;
margin-right: 4px;
}
@media screen and (max-width: 768px) {
.article-meta .right .meta-comments {
margin-left: 0;
}
}
.article-meta .right .meta-comments a {
display: flex;
align-items: center;
}
.article-meta .right .meta-comments .comment-icon {
margin-right: 8px;
}
.article-meta .right .meta-comments .comment-icon svg {
width: 14px;
height: auto;
}
@media screen and (max-width: 768px) {
.article-meta .right .meta-actions {
margin-left: 0;
}
}
.article-meta .right .meta-actions > div + div {
margin-left: 16px;
}
.article-meta .right .meta-reading-time .reading-time-icon {
margin-right: 4px;
}
.article-meta .right .meta-reading-time .reading-time-icon svg {
width: 15px;
height: auto;
}
.topstory-article .topstory-article-title {
padding: 32px 0;
}
.topstory-article .topstory-article-title + .topstory-article-lead:not(:empty) {
padding-bottom: 32px;
}
.sharing {
position: relative;
display: inline-block;
}
.sharing .sharing-icon {
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
transition: color 0.4s cubic-bezier(0.42, 0, 0.175, 1);
}
.sharing .sharing-icon:hover {
color: #fdbf00;
}
.sharing .sharing-options-container {
position: absolute;
bottom: 100%;
left: -8px;
transform: scale(0);
transform-origin: bottom center;
transition: all 0.4s cubic-bezier(0.42, 0, 0.175, 1);
padding-bottom: 8px;
}
.sharing .sharing-options-container.open {
transform: scale(1);
}
.sharing .sharing-options-container .sharing-option {
position: relative;
}
.sharing .sharing-options-container .sharing-option + .sharing-option {
margin-top: 8px;
}
.sharing .sharing-options-container .sharing-option.success .sharing-option-icon {
opacity: 0;
}
.sharing .sharing-options-container .sharing-option.success .sharing-option-icon + .sharing-option-icon-success {
opacity: 1;
z-index: 1;
}
.sharing .sharing-options-container .sharing-option .sharing-option-icon {
display: flex;
justify-content: center;
align-items: center;
width: 30px;
height: 30px;
border-radius: 100%;
background: #ffffff;
box-shadow: 0 1px 4px #00000025;
transition: all 0.4s cubic-bezier(0.42, 0, 0.175, 1);
cursor: pointer;
color: #000000;
padding: 4px;
}
.sharing .sharing-options-container .sharing-option .sharing-option-icon:hover {
color: #fdbf00;
}
.sharing .sharing-options-container .sharing-option .sharing-option-icon:hover a {
color: #fdbf00;
}
.sharing .sharing-options-container .sharing-option .sharing-option-icon a {
display: flex;
justify-content: center;
align-items: center;
}
.sharing .sharing-options-container .sharing-option .sharing-option-icon svg {
max-width: 90%;
max-height: 90%;
}
.sharing .sharing-options-container .sharing-option .sharing-option-icon + .sharing-option-icon-success {
position: absolute;
top: 0;
opacity: 0;
z-index: -1;
color: #18a957;
transition: opacity 0.4s cubic-bezier(0.42, 0, 0.175, 1);
}
.bookmark-icon-wrap {
display: flex;
justify-content: center;
align-items: center;
position: relative;
color: #9b9b9b;
cursor: pointer;
transition: color 0.4s cubic-bezier(0.42, 0, 0.175, 1);
}
.bookmark-icon-wrap:hover {
color: #fdbf00;
}
.bookmark-icon-wrap[data-added-bookmark] {
color: #000000;
}
.bookmark-icon-wrap[data-added-bookmark] .bookmark-add {
opacity: 0;
z-index: -1;
}
.bookmark-icon-wrap[data-added-bookmark] .bookmark-remove {
opacity: 1;
z-index: 1;
}
.bookmark-icon-wrap .bookmark-add {
opacity: 1;
transition: opacity 0.4s cubic-bezier(0.42, 0, 0.175, 1);
}
.bookmark-icon-wrap .bookmark-remove {
opacity: 0;
position: absolute;
top: 1px;
z-index: -1;
transition: opacity 0.4s cubic-bezier(0.42, 0, 0.175, 1);
}
.bookmark-icon-wrap svg {
height: 20px;
}
.comments-container {
width: 100%;
margin: 64px auto;
}
@media screen and (max-width: 896px) {
.comments-container {
width: 100%;
}
}
.comments-container .comments-content-wrap {
width: 60%;
margin-left: auto;
margin-right: auto;
}
@media screen and (max-width: 1024px) {
.comments-container .comments-content-wrap {
width: 100%;
}
}
.comments-container * {
box-sizing: border-box;
}
.comments-container .text-center {
text-align: center;
}
.comments-container .color-green {
color: #fdbf00;
}
.comments-container .hidden {
display: none;
}
.comments-container .button, .comments-container button.btn-primary {
display: inline-block;
}
.comments-container .button.icon-button, .comments-container button.icon-button.btn-primary {
display: inline-flex;
align-items: center;
border: 1px solid #fdbf00;
background-color: #ffffff;
color: #fdbf00;
transition: color 0.4s cubic-bezier(0.42, 0, 0.175, 1), border-color 0.4s cubic-bezier(0.42, 0, 0.175, 1), background-color 0.4s cubic-bezier(0.42, 0, 0.175, 1);
cursor: pointer;
height: 50px;
width: 50px;
padding: 4px;
}
.comments-container .button.icon-button:hover, .comments-container button.icon-button.btn-primary:hover {
background-color: #fdbf00;
color: #ffffff;
}
.comments-container .button.icon-button.deactivated, .comments-container button.icon-button.deactivated.btn-primary {
color: #d8d8d8;
border-color: #d8d8d8;
pointer-events: none;
}
.comments-container .button.icon-button.deactivated:hover, .comments-container button.icon-button.deactivated.btn-primary:hover {
color: #d8d8d8;
border-color: #d8d8d8;
cursor: not-allowed;
}
.comments-container .comments-title {
margin-bottom: 32px;
text-align: center;
}
.comments-container .login-to-comment-information {
text-align: center;
}
.comments-container .comment {
padding: 40px 0;
border-bottom: 1px solid #9b9b9b;
background: #ffffff;
}
.comments-container .comment.highlighted {
position: relative;
}
.comments-container .comment.highlighted::after {
content: "";
display: block;
position: absolute;
width: 100%;
height: calc(100% - 80px);
border: 1px solid #fdbf00;
top: 40px;
opacity: 0;
animation: highlightComment 0.8s linear;
}
.comments-container .comments > .comment {
position: relative;
}
.comments-container .comments > .comment:last-child {
border-bottom: none;
}
.comments-container .comments > .comment > .sub-comments-container {
margin-top: 40px;
padding-top: 40px;
padding-left: 80px;
border-top: 1px solid #9b9b9b;
transition: height 0.4s cubic-bezier(0.42, 0, 0.175, 1);
}
@media screen and (max-width: 896px) {
.comments-container .comments > .comment > .sub-comments-container {
padding-left: 40px;
}
}
.comments-container .comments > .comment > .sub-comments-container > .comment:last-child {
border-bottom: 0;
}
.comments-container .comments > .comment > .sub-comments-container.collapsed {
height: 220px;
overflow: hidden;
position: relative;
margin-bottom: 40px;
}
.comments-container .comments > .comment > .sub-comments-container.collapsed::after {
content: "";
display: block;
width: 100%;
height: 140px;
bottom: 0;
position: absolute;
border-bottom: 1px solid #000000;
background: linear-gradient(0deg, white 0%, white 10%, rgba(255, 255, 255, 0.9164040616) 25%, rgba(255, 255, 255, 0));
}
.comments-container .comments > .comment > .sub-comments-container.collapsed + .more-button {
position: absolute;
bottom: 60px;
left: calc((100% - 80px) / 2);
transform: translateX(calc(-50% + 80px));
}
.comments-container .comments > .comment > .sub-comments-container:not(.collapsed) + .more-button {
display: none;
}
.comments-container .comments .comment .comment-information {
display: flex;
flex-direction: column;
}
.comments-container .comments .comment .comment-information .comment-user {
font-weight: bold;
}
.comments-container .comments .comment .comment-information .comment-date {
font-size: 14px;
margin-top: 4px;
color: #d8d8d8;
}
.comments-container .comments .comment .comment-content {
padding: 16px 0;
}
.comments-container .comments .comment .comment-content i {
color: #d8d8d8;
}
.comments-container .comments .comment .comment-actions {
display: flex;
align-items: center;
}
.comments-container .comments .comment .comment-actions .comment-action {
position: relative;
color: #d8d8d8;
cursor: pointer;
}
.comments-container .comments .comment .comment-actions .comment-action:not(.hidden) + .comment-action:not(.action-report) {
margin-left: 24px;
}
.comments-container .comments .comment .comment-actions .comment-action.action-report {
margin-left: auto;
}
.comments-container .comments .comment .comment-actions .comment-action.action-like[data-like-id] {
color: #fdbf00;
}
.comments-container .comments .comment .comment-actions .comment-action.action-like.deactivated {
color: #e9eaea;
pointer-events: none;
cursor: wait;
}
.comments-container .comments .comment .comment-actions .comment-action.action-dislike[data-dislike-id] {
color: #fdbf00;
}
.comments-container .comments .comment .comment-actions .comment-action.action-dislike.deactivated {
color: #e9eaea;
pointer-events: none;
cursor: wait;
}
.comments-container .comments .comment .comment-actions .comment-action:not(:first-child) .action-tooltip {
left: 50%;
transform: translateX(-50%);
}
.comments-container .comments .comment .comment-actions .comment-action:first-child .action-tooltip {
left: 0;
}
.comments-container .comments .comment .comment-actions .comment-action .action-icon {
display: flex;
}
.comments-container .comments .comment .comment-actions .comment-action .action-icon svg {
height: 20px;
width: 20px;
max-width: 100%;
max-height: 100%;
}
.comments-container .comments .comment .comment-actions .comment-action .action-icon .counter {
margin-left: 4px;
font-size: 14px;
}
.comments-container .comments .comment .comment-actions .comment-action .action-icon:hover {
color: #fdbf00;
}
.comments-container .comments .comment .comment-actions .comment-action .action-icon:hover + .action-tooltip {
opacity: 1;
z-index: 1;
}
.comments-container .comments .comment .comment-actions .comment-action .action-text {
font-size: 14px;
}
.comments-container .comments .comment .comment-actions .comment-action .action-tooltip {
position: absolute;
bottom: calc(100% + 8px);
background: #e9eaea;
color: #000000;
padding: 4px 8px;
opacity: 0;
z-index: -1;
transition: all 0.4s 0.5s cubic-bezier(0.42, 0, 0.175, 1);
}
.comments-container .comments .comment .comment-actions .comment-action .action-popup {
display: flex;
justify-content: center;
align-items: center;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 10;
background-color: rgba(255, 255, 255, 0.2);
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
cursor: initial;
}
.comments-container .comments .comment .comment-actions .comment-action .action-popup.hidden {
display: none;
}
.comments-container .comments .comment .comment-actions .comment-action .action-popup .action-popup-content {
min-height: 200px;
width: clamp(300px, 50vw, 800px);
padding: 40px;
background: #ffffff;
box-shadow: 0 0 1rem 0 #00000025;
border-radius: 8px;
display: flex;
flex-direction: column;
color: #000000;
}
@media screen and (max-width: 896px) {
.comments-container .comments .comment .comment-actions .comment-action .action-popup .action-popup-content {
padding: 20px;
}
}
.comments-container .comments .comment .comment-actions .comment-action .action-popup .action-popup-content .popup-close {
position: relative;
width: 40px;
height: 40px;
margin-left: auto;
cursor: pointer;
}
@media screen and (max-width: 896px) {
.comments-container .comments .comment .comment-actions .comment-action .action-popup .action-popup-content .popup-close {
width: 20px;
}
}
.comments-container .comments .comment .comment-actions .comment-action .action-popup .action-popup-content .popup-close::before, .comments-container .comments .comment .comment-actions .comment-action .action-popup .action-popup-content .popup-close::after {
content: "";
width: 40px;
height: 1px;
position: absolute;
top: 18px;
background: #d8d8d8;
border: 1px solid #d8d8d8;
border-radius: 2px;
transition: background-color 0.4s cubic-bezier(0.42, 0, 0.175, 1), border-color 0.4s cubic-bezier(0.42, 0, 0.175, 1);
}
@media screen and (max-width: 896px) {
.comments-container .comments .comment .comment-actions .comment-action .action-popup .action-popup-content .popup-close::before, .comments-container .comments .comment .comment-actions .comment-action .action-popup .action-popup-content .popup-close::after {
width: 20px;
}
}
.comments-container .comments .comment .comment-actions .comment-action .action-popup .action-popup-content .popup-close::before {
transform: rotate(-45deg);
}
.comments-container .comments .comment .comment-actions .comment-action .action-popup .action-popup-content .popup-close::after {
transform: rotate(45deg);
}
.comments-container .comments .comment .comment-actions .comment-action .action-popup .action-popup-content .popup-close:hover::before, .comments-container .comments .comment .comment-actions .comment-action .action-popup .action-popup-content .popup-close:hover::after {
border-color: #fdbf00;
background-color: #fdbf00;
}
.comments-container .comments .comment .comment-actions .comment-action .action-popup .action-popup-content .popup-title {
text-align: center;
}
.comments-container .comments .comment .comment-actions .comment-action .action-popup .action-popup-content .action-form {
margin-top: 40px;
}
@media screen and (max-width: 896px) {
.comments-container .comments .comment .comment-actions .comment-action .action-popup .action-popup-content .action-form {
margin-top: 0;
}
}
.comments-container .comments .comment .comment-actions .comment-action .action-popup .action-popup-content .action-form-submitted {
margin-top: 16px;
}
.comments-container .comments .comment .comment-actions .comment-action.action-report .action-popup .action-form-submitted {
display: none;
}
.comments-container .comments .comment .comment-actions .comment-action.action-report .action-popup.submitted .action-form {
display: none;
}
.comments-container .comments .comment .comment-actions .comment-action.action-report .action-popup.submitted .action-form-submitted {
display: block;
}
.comments-container .comments .comment .comment-actions .comment-action .comment-share-form-content {
display: flex;
position: relative;
}
.comments-container .comments .comment .comment-actions .comment-action .comment-share-form-content input {
width: 100%;
}
.comments-container .comments .comment .comment-actions .comment-action .comment-share-form-content .add-to-clipboard {
position: absolute;
right: 0;
top: 0;
cursor: pointer;
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
}
.comments-container .comments .comment .comment-actions .comment-action .comment-share-form-content:not(.clipboard-not-available) input {
padding-right: 65px;
}
.comments-container .comments .comment .comment-actions .comment-action .comment-share-form-content.clipboard-not-available .add-to-clipboard {
display: none;
}
.comments-container .add-comment-form {
margin-top: 40px;
}
.comments-container .add-comment-form.hidden {
display: none;
}
.comments-container .add-comment-form .form-title {
text-align: center;
margin-bottom: 24px;
}
.comments-container :not(form) .form-group {
margin-bottom: 15px;
}
.comments-container :not(form) .form-group.checkbox-group label {
display: flex;
align-items: center;
}
.comments-container :not(form) .form-group.checkbox-group label input {
margin-right: 8px;
}
.comments-container :not(form) .form-group.checkbox-group label p {
margin: 0;
padding: 0;
}
.comments-container :not(form) .form-group input, .comments-container :not(form) .form-group select, .comments-container :not(form) .form-group textarea {
margin-bottom: 0;
}
.comments-container :not(form) .form-group input + .error-container, .comments-container :not(form) .form-group select + .error-container, .comments-container :not(form) .form-group textarea + .error-container {
margin-top: 4px;
}
.comments-container :not(form) .form-group .nice-select {
float: none;
}
@keyframes highlightComment {
0% {
opacity: 0;
transform: scale(1.05, 1.15);
}
70% {
opacity: 0.8;
transform: scale(1.01, 1.05);
}
100% {
opacity: 0;
transform: scale(1.03, 1.08);
}
}
.ratings-wrap {
width: 100%;
margin: 64px auto;
overflow: hidden;
}
@media screen and (max-width: 896px) {
.ratings-wrap {
width: 100%;
}
}
.ratings-wrap .hidden {
display: none !important;
}
.ratings-wrap p:last-child {
margin-bottom: 0;
padding-bottom: 0;
}
.ratings-wrap .color-green {
color: #fdbf00;
}
.ratings-wrap .ratings-container {
position: relative;
padding: 16px 0;
}
.ratings-wrap .ratings-container::before, .ratings-wrap .ratings-container::after {
width: 200px;
left: 50%;
transform: translateX(-50%);
border-radius: 100%;
}
.ratings-wrap .ratings-container::before {
top: 0;
border-top: 1px solid #fdbf00;
}
.ratings-wrap .ratings-container::after {
bottom: 0;
border-bottom: 1px solid #fdbf00;
}
.ratings-wrap .ratings-container .collapsed {
height: 0;
opacity: 0;
overflow: hidden;
}
.ratings-wrap .ratings-container .rating-item {
border-bottom: 1px solid #e9eaea;
padding: 32px 0;
}
.ratings-wrap .ratings-container .rating-item:last-child {
border-bottom: none;
}
.ratings-wrap .ratings-container .rating-item.active-rating .rating-action-container .rating-actions .rating-action .action-icon svg {
height: 20px;
width: 20px;
}
.ratings-wrap .ratings-container .rating-item.active-rating .rating-action-container .rating-actions .rating-action .action-icon .rate-item {
display: block;
}
.ratings-wrap .ratings-container .rating-item .rating-action-container {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.ratings-wrap .ratings-container .rating-item .rating-action-container * p {
margin: 0;
padding: 0;
}
.ratings-wrap .ratings-container .rating-item .rating-action-container .rating-actions {
display: flex;
align-items: center;
margin-top: 32px;
}
.ratings-wrap .ratings-container .rating-item .rating-action-container .rating-actions .rating-action {
position: relative;
color: #d8d8d8;
cursor: pointer;
height: 60px;
width: 60px;
background: rgba(255, 255, 255, 0);
}
.ratings-wrap .ratings-container .rating-item .rating-action-container .rating-actions .rating-action:not(.hidden) + .rating-action {
margin-left: 24px;
}
.ratings-wrap .ratings-container .rating-item .rating-action-container .rating-actions .rating-action:hover {
border-color: #fdbf00;
color: #fdbf00;
background: rgba(255, 255, 255, 0);
}
.ratings-wrap .ratings-container .rating-item .rating-action-container .rating-actions .rating-action.action-like[data-like-id] {
background: #fdbf00;
color: #ffffff;
border-color: #fdbf00;
}
.ratings-wrap .ratings-container .rating-item .rating-action-container .rating-actions .rating-action.action-like.deactivated {
color: #e9eaea;
pointer-events: none;
cursor: wait;
}
.ratings-wrap .ratings-container .rating-item .rating-action-container .rating-actions .rating-action.action-dislike[data-dislike-id] {
background: #fdbf00;
color: #ffffff;
border-color: #fdbf00;
}
.ratings-wrap .ratings-container .rating-item .rating-action-container .rating-actions .rating-action.action-dislike.deactivated {
color: #e9eaea;
pointer-events: none;
cursor: wait;
}
.ratings-wrap .ratings-container .rating-item .rating-action-container .rating-actions .rating-action:not(:last-child) .action-tooltip {
right: 50%;
transform: translateX(50%);
}
.ratings-wrap .ratings-container .rating-item .rating-action-container .rating-actions .rating-action:last-child .action-tooltip {
right: 0;
}
.ratings-wrap .ratings-container .rating-item .rating-action-container .rating-actions .rating-action .action-icon {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.ratings-wrap .ratings-container .rating-item .rating-action-container .rating-actions .rating-action .action-icon svg {
height: 30px;
width: 30px;
max-width: 100%;
max-height: 100%;
}
.ratings-wrap .ratings-container .rating-item .rating-action-container .rating-actions .rating-action .action-icon .rate-item {
display: none;
margin-top: 2px;
transform: scale(0.8);
line-height: 1;
}
.ratings-wrap .ratings-container .rating-item .rating-action-container .rating-actions .rating-action .action-icon .counter {
margin-left: 4px;
font-size: 14px;
}
.ratings-wrap .ratings-container .rating-item .rating-action-container .rating-actions .rating-action .action-icon:hover + .action-tooltip {
opacity: 1;
z-index: 1;
}
.ratings-wrap .ratings-container .rating-item .rating-action-container .rating-actions .rating-action .action-text {
font-size: 14px;
}
.ratings-wrap .ratings-container .rating-item .rating-action-container .rating-actions .rating-action .action-tooltip {
position: absolute;
bottom: calc(100% + 8px);
background: #e9eaea;
color: #000000;
padding: 4px 8px;
opacity: 0;
z-index: -1;
transition: all 0.4s 0.5s cubic-bezier(0.42, 0, 0.175, 1);
}
.ratings-wrap .ratings-container .rating-item .rating-reaction-container {
text-align: center;
}
.ratings-wrap .ratings-container .rating-item .rating-reaction-container:not(.collapsed) {
padding-top: 24px;
}
.ratings-wrap .error-in-text {
width: 60%;
margin: 0 auto;
}
@media screen and (max-width: 1024px) {
.ratings-wrap .error-in-text {
width: 100%;
}
}
.ratings-wrap .error-in-text .report-error-in-text-toggler {
margin-top: 16px;
font-size: 14px;
text-decoration: underline;
cursor: pointer;
text-align: center;
}
.ratings-wrap .error-in-text .report-error-in-text-form {
padding-top: 16px;
opacity: 1;
transition: all 0.4s cubic-bezier(0.42, 0, 0.175, 1);
}
.ratings-wrap .error-in-text .report-error-in-text-form.collapsed {
padding-top: 0;
height: 0;
overflow: hidden;
opacity: 0;
}
.ratings-wrap .error-in-text .report-error-in-text-form textarea {
margin-bottom: 0;
}
.ratings-wrap .error-in-text .report-error-in-text-form textarea + .error-container {
margin-top: 4px;
}
.ratings-wrap .error-in-text .report-error-in-text-form .button, .ratings-wrap .error-in-text .report-error-in-text-form button.btn-primary {
display: inline-block;
}
.ratings-wrap .error-in-text .report-error-in-text-form .g-recaptcha, .ratings-wrap .error-in-text .report-error-in-text-form .h-captcha {
margin-bottom: 32px;
text-align: left;
}
.ratings-wrap .error-in-text .report-error-in-text-success {
padding-top: 16px;
text-align: center;
}
.epaper-overview .epaper-items {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-gap: 64px;
}
@media screen and (max-width: 1024px) {
.epaper-overview .epaper-items {
grid-template-columns: 1fr 1fr 1fr;
}
}
@media screen and (max-width: 896px) {
.epaper-overview .epaper-items {
grid-template-columns: 1fr 1fr;
}
}
@media screen and (max-width: 480px) {
.epaper-overview .epaper-items {
grid-template-columns: 1fr;
}
}
.epaper-overview .epaper-items .epaper-item {
display: flex;
flex-direction: column;
max-width: 100%;
}
.epaper-overview .epaper-items .epaper-item .epaper-cover {
position: relative;
max-width: 100%;
overflow: hidden;
}
.epaper-overview .epaper-items .epaper-item .epaper-cover img {
display: block;
width: 100%;
height: 100%;
transition: all 0.4s cubic-bezier(0.42, 0, 0.175, 1);
transform: scale(1);
}
.epaper-overview .epaper-items .epaper-item .epaper-cover .epaper-action-wrap {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
opacity: 0;
border: 0px solid rgba(255, 255, 255, 0);
background: rgba(255, 255, 255, 0);
transition: all 0.4s cubic-bezier(0.42, 0, 0.175, 1);
}
.epaper-overview .epaper-items .epaper-item .epaper-cover .epaper-action-wrap a {
color: #ffffff;
margin-bottom: 16px;
}
.epaper-overview .epaper-items .epaper-item .epaper-cover:hover img {
transform: scale(1.08);
}
.epaper-overview .epaper-items .epaper-item .epaper-cover:hover .epaper-action-wrap {
background: #00000040;
border: 20px solid #fdbf00;
opacity: 1;
}
.epaper-overview .epaper-items .epaper-item .epaper-title {
margin-top: auto;
padding-top: 16px;
}
.epaper-overview .epaper-items .epaper-item .epaper-title h3 {
hyphens: auto;
}
.epaper-overview .paging {
text-align: center;
margin-top: 40px;
}
.epaperFilter {
display: flex;
}
@media screen and (max-width: 768px) {
.epaperFilter {
flex-wrap: wrap;
}
}
.epaperFilter .select-wrap {
margin-left: 16px;
}
@media screen and (max-width: 768px) {
.epaperFilter .select-wrap {
width: 100%;
margin-left: 0;
margin-bottom: 24px;
}
}
.epaperFilter .select-wrap:first-child {
margin-left: 0;
}
.epaperFilter .select-wrap .nice-select {
min-width: 190px;
position: relative;
z-index: 11;
}
.epaperFilter .select-wrap .nice-select.open {
z-index: 12;
}
.newsletter-teaser {
position: relative;
}
@media screen and (max-width: 896px) {
.newsletter-teaser {
width: 100%;
}
}
.newsletter-teaser > h2 {
margin-bottom: 16px;
width: 60%;
}
@media screen and (max-width: 896px) {
.newsletter-teaser > h2 {
width: 100%;
}
}
.newsletter-teaser > h2 + p {
margin-top: 0;
margin-bottom: 40px;
width: 60%;
}
@media screen and (max-width: 896px) {
.newsletter-teaser > h2 + p {
width: 100%;
}
}
.newsletter-teaser .newsletter-registration {
width: 60%;
margin-right: 2%;
}
@media screen and (max-width: 896px) {
.newsletter-teaser .newsletter-registration {
width: 100%;
}
}
.newsletter-teaser .newsletter-registration .newsletter-registration-simple {
position: relative;
}
@media screen and (max-width: 600px) {
.newsletter-teaser .newsletter-registration .newsletter-registration-simple {
display: flex;
flex-direction: column;
gap: 16px;
}
.newsletter-teaser .newsletter-registration .newsletter-registration-simple > * {
width: 100%;
}
}
.newsletter-teaser .newsletter-registration .newsletter-registration-simple input[type="email"] {
display: inline-block;
padding-right: 15%;
height: 55px;
}
.newsletter-teaser .newsletter-registration .newsletter-registration-simple button.button, .newsletter-teaser .newsletter-registration .newsletter-registration-simple button.btn-primary {
position: absolute;
right: 0;
height: 55px;
}
@media screen and (max-width: 600px) {
.newsletter-teaser .newsletter-registration .newsletter-registration-simple button.button, .newsletter-teaser .newsletter-registration .newsletter-registration-simple button.btn-primary {
position: static;
}
}
.newsletter-teaser .newsletter-teaser-image {
display: flex;
justify-content: flex-end;
align-items: center;
position: absolute;
right: 0;
height: 120%;
max-width: 16%;
top: 50%;
transform: scale(2) translateY(-50%);
transform-origin: top right;
}
.newsletter-teaser .newsletter-teaser-image img {
width: 100%;
height: 100%;
object-fit: contain;
}
@media screen and (max-width: 896px) {
.newsletter-teaser .newsletter-teaser-image {
display: none;
}
}
.search .search-form {
display: flex;
justify-content: space-between;
align-items: flex-end;
}
@media screen and (max-width: 768px) {
.search .search-form {
flex-wrap: wrap;
}
}
.search .search-form > div:first-child:not(.search-input) {
display: none;
}
.search .search-form .search-input {
position: relative;
}
.search .search-form .search-input input[type=text] {
background: transparent;
border-radius: 0;
border: none;
border-bottom: 1px solid #000000;
height: 40px2 * 24px;
padding: 24px 64px 24px 0;
color: #000000;
}
.search .search-form .search-input input[type=text]::placeholder {
color: #9b9b9b;
font-style: italic;
}
.search .search-form .search-input input[type=text].filled {
color: #000000;
}
.search .search-form .search-input input[type=text].filled + button[type=submit] {
display: none;
}
.search .search-form .search-input input[type=text].filled + button[type=submit] + .remove-search-content {
display: block;
}
.search .search-form .search-input input[type=text] + button[type=submit] {
-webkit-appearance: none;
appearance: none;
padding: 0;
margin: 0;
border: none;
background: transparent;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
color: #000000;
height: clamp(26px, 2vw, 40px);
width: clamp(26px, 2vw, 40px);
}
.search .search-form .search-input input[type=text] + button[type=submit] > span {
height: 100%;
width: 100%;
}
.search .search-form .search-input input[type=text] + button[type=submit] + .remove-search-content {
display: none;
height: clamp(26px, 2vw, 40px);
width: clamp(26px, 2vw, 40px);
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
}
.search .search-form .search-input input[type=text] + button[type=submit] + .remove-search-content span.close {
height: 100%;
width: 100%;
}
.search .search-form .search-input input[type=text] + button[type=submit] + .remove-search-content span.close::before, .search .search-form .search-input input[type=text] + button[type=submit] + .remove-search-content span.close::after {
display: inherit;
border-radius: 2px;
background: #000000;
width: 100%;
height: 2px;
top: 50%;
}
.search .search-form .search-input input[type=text] + button[type=submit] + .remove-search-content span.close::before {
transform: translate3d(0, 50%, 0) rotate(45deg);
}
.search .search-form .search-input input[type=text] + button[type=submit] + .remove-search-content span.close::after {
transform: translate3d(0, 50%, 0) rotate(-45deg);
}
.search .search-form .search-input {
width: 50%;
margin-right: 64px;
}
@media screen and (max-width: 768px) {
.search .search-form .search-input {
width: 100%;
margin-right: 0;
margin-bottom: 32px;
}
}
.search .search-form .search-form-filters {
display: flex;
}
@media screen and (max-width: 600px) {
.search .search-form .search-form-filters {
flex-wrap: wrap;
width: 100%;
}
}
@media screen and (max-width: 600px) {
.search .search-form .search-form-filters .search-form-filter {
width: 100%;
}
}
.search .search-form .search-form-filters .search-form-filter + .search-form-filter {
margin-left: 16px;
}
@media screen and (max-width: 600px) {
.search .search-form .search-form-filters .search-form-filter + .search-form-filter {
margin-left: 0;
margin-top: 32px;
}
}
.search .search-results {
margin-top: 64px;
}
.search .search-results .result-items {
display: flex;
flex-direction: column;
}
.search .search-results .result-items .search-result-item {
width: 100%;
display: flex;
}
@media screen and (max-width: 768px) {
.search .search-results .result-items .search-result-item {
flex-wrap: wrap;
}
}
.search .search-results .result-items .search-result-item:hover .result-item-image-container .result-item-image img {
transform: scale(1.08);
}
.search .search-results .result-items .search-result-item a.result-image-link {
width: clamp(135px, 40%, 500px);
}
@media screen and (max-width: 768px) {
.search .search-results .result-items .search-result-item a.result-image-link {
width: 100%;
margin-bottom: 16px;
}
}
.search .search-results .result-items .search-result-item a.result-image-link .result-item-image-container {
width: 100%;
height: 100%;
}
.search .search-results .result-items .search-result-item a.result-content-link {
display: flex;
flex-direction: column;
}
.search .search-results .result-items .search-result-item + .search-result-item {
margin-top: 24px;
padding-top: 24px;
border-top: 1px dashed #000000;
}
.search .search-results .result-items .search-result-item .result-item-image-container {
width: clamp(135px, 40%, 500px);
max-height: 300px;
background: #e9eaea;
}
.search .search-results .result-items .search-result-item .result-item-image-container figure.result-item-image {
width: 100%;
height: 100%;
overflow: hidden;
}
.search .search-results .result-items .search-result-item .result-item-image-container figure.result-item-image img {
transform: scale(1);
transition: all 0.4s cubic-bezier(0.42, 0, 0.175, 1);
}
.search .search-results .result-items .search-result-item .result-item-image-container figure.result-item-image.e-paper-cover {
display: flex;
justify-content: center;
align-items: center;
}
.search .search-results .result-items .search-result-item .result-item-image-container figure.result-item-image.e-paper-cover img {
object-fit: contain;
}
.search .search-results .result-items .search-result-item .result-item-content {
display: flex;
flex-direction: column;
padding-left: 48px;
max-width: calc(100% - clamp(135px, 40%, 500px));
}
@media screen and (max-width: 768px) {
.search .search-results .result-items .search-result-item .result-item-content {
padding-left: 0;
max-width: 100%;
}
}
.search .search-results .result-items .search-result-item .result-item-content .auszeichnung {
background-color: #000000;
color: #ffffff;
padding: 2px 4px;
border-radius: 3px;
text-transform: none;
font-size: clamp(13px, 0.7vw, 14px);
margin-left: 8px;
position: absolute;
min-width: 32px;
right: -40px;
top: 0;
}
.search .search-results .result-items .search-result-item .result-item-content .spitzmarke {
align-self: flex-start;
display: inline-block;
position: relative;
padding-bottom: 8px;
}
.search .search-results .result-items .search-result-item .result-item-content .spitzmarke::after {
width: 100%;
bottom: 0;
border-bottom: 3px solid #fdbf00;
transform: scaleX(0.6);
transition: all 0.4s cubic-bezier(0.42, 0, 0.175, 1);
}
.search .search-results .result-items .search-result-item .result-item-content .spitzmarke + .result-title {
margin-top: 12px;
}
.search .search-results .result-items .search-result-item .result-item-content .result-title {
margin-bottom: 12px;
}
.search .search-results .result-items .search-result-item .article-meta {
margin-top: auto;
margin-bottom: 0;
padding-top: 12px;
}
.search .search-results .result-items .search-result-item .article-meta .left {
border-top: none;
padding-top: 0;
}
.team-listing .team-members {
display: flex;
flex-wrap: wrap;
width: calc(100% + 40px);
margin-left: -40px;
}
@media screen and (max-width: 1024px) {
.team-listing .team-members {
width: 100%;
margin-left: 0;
}
}
.team-listing .team-members .team-member {
display: flex;
flex-direction: row;
width: 50%;
padding-left: 40px;
padding-bottom: 80px;
}
@media screen and (max-width: 1024px) {
.team-listing .team-members .team-member {
width: 100%;
padding-left: 0;
}
}
@media screen and (max-width: 480px) {
.team-listing .team-members .team-member {
flex-wrap: wrap;
}
.team-listing .team-members .team-member > * {
width: 100%;
}
}
.team-listing .team-members .team-member .member-left .member-image {
width: 180px;
height: 220px;
overflow: hidden;
}
.team-listing .team-members .team-member .member-left .member-image img {
max-width: 100%;
height: auto;
}
.team-listing .team-members .team-member .member-right {
display: flex;
flex-direction: column;
width: 100%;
padding-left: 16px;
}
@media screen and (max-width: 480px) {
.team-listing .team-members .team-member .member-right {
padding-left: 0;
margin-top: 16px;
}
}
.team-listing .team-members .team-member .member-right .member-contact {
padding-top: 8px;
margin-top: 12px;
}
.frame:last-child .team-listing .team-members {
margin-bottom: -80px;
}
@media screen and (max-width: 1400px) {
.article.gallery .article-content-container {
width: 90%;
}
}
.article.gallery .article-content-container .gallery .items {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-gap: 12px;
}
@media screen and (max-width: 600px) {
.article.gallery .article-content-container .gallery .items {
grid-template-columns: 1fr 1fr;
grid-gap: 4px;
}
}
.article.gallery .article-content-container .gallery .items .item {
grid-column: auto / span 1;
}
.article.gallery .article-content-container .gallery .items .item img {
width: 100%;
height: 100%;
object-fit: cover;
}
.article.gallery .article-content-container .paging {
text-align: center;
margin-top: 40px;
grid-column: auto / span 4;
}
@media screen and (max-width: 600px) {
.article.gallery .article-content-container .paging {
grid-column: auto / span 2;
}
}
.article.gallery .article-content-container .article-body {
margin-top: 80px;
}
.paywall {
margin-bottom: 120px;
}
.paywall.new-paywall * {
text-align: center !important;
}
@media screen and (max-width: 1024px) {
.paywall.new-paywall * {
text-align: center;
}
}
.paywall.new-paywall .paywall-content-container > .frame {
max-width: 60%;
}
@media screen and (max-width: 1024px) {
.paywall.new-paywall .paywall-content-container > .frame {
max-width: 100%;
}
}
@media screen and (max-width: 1200px) {
.paywall.new-paywall .paywall-content-container > .frame > .tx-mad-redaktion > .frame > .row.colspan-1-1 {
grid-template-columns: 1fr 1fr !important;
grid-gap: 64px !important;
}
}
@media screen and (max-width: 1024px) {
.paywall.new-paywall .paywall-content-container > .frame > .tx-mad-redaktion > .frame > .row.colspan-1-1 {
grid-template-columns: 1fr !important;
grid-gap: 0 !important;
}
}
.paywall.new-paywall .paywall-content-container > .frame > .tx-mad-redaktion > .frame > .row > .col-2 {
position: static !important;
transform: none !important;
}
@media screen and (max-width: 1400px) {
.paywall.new-paywall .paywall-content-container > .frame > .tx-mad-redaktion > .frame > .row > .col-2 {
position: static !important;
}
}
@media screen and (max-width: 1200px) {
.paywall.new-paywall .paywall-content-container > .frame > .tx-mad-redaktion > .frame > .row > .col-2 .image {
display: block !important;
}
}
@media screen and (max-width: 1024px) {
.paywall.new-paywall .paywall-content-container > .frame > .tx-mad-redaktion > .frame > .row > .col-2 .image {
width: 200px;
}
}
.paywall.new-paywall .paywall-content-container > .frame > .tx-mad-redaktion > .frame > .row > .col-2 .image img {
width: 320px;
}
.paywall.new-paywall .paywall-content-container > .frame > .tx-mad-redaktion .colspan-1-1 {
align-items: center;
}
@media screen and (max-width: 1024px) {
.paywall.new-paywall .paywall-content-container > .frame > .tx-mad-redaktion .colspan-1-1 .col-1 {
order: 2;
margin-top: 16px;
}
}
.paywall.new-paywall .frame header * {
display: block;
text-align: center;
}
.paywall.new-paywall .frame header h2 {
margin-bottom: 16px;
color: #000;
}
.paywall.new-paywall .article-paywall-cta {
background-color: #d9e3e6;
}
.paywall.new-paywall .article-paywall-cta .magazine-preview .frame > .frame {
margin-bottom: 0;
}
@media screen and (max-width: 1400px) {
.paywall {
width: 100% !important;
}
}
.paywall .content {
position: relative;
z-index: -1;
}
@media screen and (max-width: 1400px) {
.paywall .content {
width: 60%;
margin: auto;
}
}
@media screen and (max-width: 1024px) {
.paywall .content {
width: 100%;
}
}
.paywall .content .overlay {
width: 100%;
height: calc(100% + 20px);
position: absolute;
top: 0;
z-index: 2;
background: -moz-linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 95%);
background: -webkit-linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 95%);
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 95%);
}
.paywall .article-paywall-cta {
background-color: #c5d06c;
margin-left: -1000%;
margin-right: -1000%;
padding: 40px 0;
}
@media screen and (max-width: 1400px) {
.paywall .article-paywall-cta {
margin: auto;
padding: 40px;
}
}
.paywall .article-paywall-cta .frame {
width: 100%;
margin: auto;
}
.paywall .article-paywall-cta .frame .block-link {
text-decoration: underline;
}
.paywall .article-paywall-cta .frame h2 {
color: #ffffff;
}
@media screen and (max-width: 1200px) {
.paywall .article-paywall-cta .frame h2.has-badge {
max-width: calc(100% - 120px);
}
}
@media screen and (max-width: 600px) {
.paywall .article-paywall-cta .frame h2.has-badge {
max-width: calc(100% - 88px);
}
}
.paywall .article-paywall-cta .frame .image {
max-width: 420px;
}
@media screen and (max-width: 1400px) {
.paywall .article-paywall-cta .frame .image {
max-width: 350px;
}
}
@media screen and (max-width: 1200px) {
.paywall .article-paywall-cta .frame .image {
width: 240px;
margin: auto;
}
}
.paywall .article-paywall-cta .frame .image img {
width: 420px;
max-width: 100%;
height: auto;
}
.paywall .article-paywall-cta .frame > *:not(a) {
width: 100% !important;
}
@media screen and (max-width: 600px) {
.paywall .article-paywall-cta .frame .button, .paywall .article-paywall-cta .frame button.btn-primary {
padding: 16px 20px 20px;
}
}
.paywall .article-paywall-cta .frame a:not(.button):not(.block-link) {
text-decoration: underline;
}
.paywall .article-paywall-cta .frame a:not(.button):not(.block-link):after {
display: none;
}
.paywall .article-paywall-cta .frame .frame {
margin-bottom: 40px;
}
@media screen and (max-width: 1024px) {
.paywall .article-paywall-cta .frame .frame .row {
grid-gap: 0;
}
}
@media screen and (max-width: 1024px) {
.paywall .article-paywall-cta .frame .frame .row.colspan-2-1 .frame + .frame {
margin-bottom: 0;
}
}
@media screen and (max-width: 1024px) {
.paywall .article-paywall-cta .frame .frame .row .col-2 .frame {
margin-bottom: 0;
}
}
.paywall .article-paywall-cta .paywall-content-container {
position: relative;
}
.paywall .article-paywall-cta .paywall-content-container > .frame {
margin-bottom: 0;
}
.paywall .article-paywall-cta .paywall-content-container > .frame > .tx-mad-redaktion > .frame {
margin-bottom: 0;
}
@media screen and (max-width: 1200px) {
.paywall .article-paywall-cta .paywall-content-container > .frame > .tx-mad-redaktion > .frame > .row {
grid-gap: 0;
grid-template-columns: 1fr;
}
}
.paywall .article-paywall-cta .paywall-content-container > .frame > .tx-mad-redaktion > .frame > .row > .col-2 {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 0;
z-index: 3;
}
.paywall .article-paywall-cta .paywall-content-container > .frame > .tx-mad-redaktion > .frame > .row > .col-2 > .frame {
margin-bottom: 0;
}
@media screen and (max-width: 1200px) {
.paywall .article-paywall-cta .paywall-content-container > .frame > .tx-mad-redaktion > .frame > .row > .col-2 .image {
display: none;
}
}
.paywall .article-paywall-cta .badge {
right: -50px;
top: 20%;
}
@media screen and (max-width: 1400px) {
.paywall .article-paywall-cta .badge {
right: 10px;
}
}
@media screen and (max-width: 1200px) {
.paywall .article-paywall-cta .badge {
top: 12%;
}
}
@media screen and (max-width: 600px) {
.paywall .article-paywall-cta .badge {
top: 16%;
}
}
.paywall .article-paywall-cta .badge .block-link {
text-decoration: none;
}
header + .survey-wrapper {
margin-top: 20px;
}
.survey-overview {
display: grid;
grid-gap: 40px;
margin-bottom: 80px;
grid-template-columns: 1fr 1fr;
}
@media screen and (max-width: 896px) {
.survey-overview {
grid-template-columns: 1fr;
}
}
.survey-overview .survey, .survey-teaser .survey {
grid-column: auto / span 1;
}
.survey-overview .survey > a, .survey-teaser .survey > a {
display: block;
padding: 40px;
border: 1px solid #000000;
transition: all 0.4s cubic-bezier(0.42, 0, 0.175, 1);
text-decoration: none;
}
.survey-overview .survey > a:hover, .survey-teaser .survey > a:hover {
border-color: #fdbf00;
}
.survey-detail *.hidden {
display: none;
}
.survey-detail .survey-voting {
position: relative;
margin-top: 40px;
}
.survey-detail .survey-voting.show-vote-result .survey-personal-info, .survey-detail .survey-voting.voted .survey-personal-info, .survey-detail .survey-voting.already-voted .survey-personal-info, .survey-detail .survey-voting.survey-ended .survey-personal-info {
display: none;
}
.survey-detail .survey-voting.show-vote-result .survey-button, .survey-detail .survey-voting.voted .survey-button, .survey-detail .survey-voting.already-voted .survey-button, .survey-detail .survey-voting.survey-ended .survey-button {
display: none;
}
.survey-detail .survey-voting.show-vote-result .survey-answers .select-box:hover, .survey-detail .survey-voting.voted .survey-answers .select-box:hover, .survey-detail .survey-voting.already-voted .survey-answers .select-box:hover, .survey-detail .survey-voting.survey-ended .survey-answers .select-box:hover {
transform: unset;
}
.survey-detail .survey-voting.show-vote-result .survey-answers .select-box input {
display: none;
}
.survey-detail .survey-voting.show-vote-result .survey-answers .select-box input .select-box-icon {
display: none;
}
.survey-detail .survey-voting.survey-ended .survey-ended-info {
display: block;
padding-bottom: 24px;
color: #fdbf00;
font-weight: bold;
}
.survey-detail .survey-voting .survey-ended-info {
display: none;
}
.survey-detail .survey-voting .survey-loader {
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #e5e6e0;
}
.survey-detail .survey-voting .survey-loader:not(.hidden) {
display: flex;
justify-content: center;
align-items: center;
position: absolute;
z-index: 3;
}
.survey-detail .survey-voting .survey-loader svg {
color: #fdbf00;
width: clamp(60px, 10vw, 160px);
height: clamp(60px, 10vw, 160px);
}
.survey-detail .survey-voting .survey-answers {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 40px;
margin-top: 24px;
}
@media screen and (max-width: 1200px) {
.survey-detail .survey-voting .survey-answers {
grid-template-columns: 1fr;
}
}
.survey-detail .survey-voting .survey-answers .select-box {
grid-column: auto / span 1;
position: relative;
overflow: hidden;
transition: all linear 0.2s;
}
.survey-detail .survey-voting .survey-answers .select-box:hover {
transform: scale(1.02);
}
.survey-detail .survey-voting .survey-answers .select-box meter {
transition: all linear 0.5s;
height: 24px;
}
.survey-detail .survey-voting .survey-answers .select-box meter::-webkit-meter-optimum-value {
background: #fdbf00;
}
.survey-detail .survey-voting .survey-answers .select-box meter::-moz-meter-bar {
/* Firefox Pseudo Class */
background: #fdbf00;
}
.survey-detail .survey-voting .survey-answers .select-box input[type="radio"], .survey-detail .survey-voting .survey-answers .select-box input[type="checkbox"] {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
margin: 0;
opacity: 0;
}
.survey-detail .survey-voting .survey-answers .select-box input[type="radio"] ~ label, .survey-detail .survey-voting .survey-answers .select-box input[type="checkbox"] ~ label {
display: flex;
justify-content: center;
height: 100%;
padding: 40px;
border: 1px solid #fbf9f7;
transition: all 0.4s cubic-bezier(0.42, 0, 0.175, 1);
}
.survey-detail .survey-voting .survey-answers .select-box input[type="radio"] ~ label .select-box-icon, .survey-detail .survey-voting .survey-answers .select-box input[type="checkbox"] ~ label .select-box-icon {
position: absolute;
top: 10px;
left: 10px;
}
.survey-detail .survey-voting .survey-answers .select-box input[type="radio"] ~ label .select-box-icon svg, .survey-detail .survey-voting .survey-answers .select-box input[type="checkbox"] ~ label .select-box-icon svg {
color: #e5e6e0;
transition: all 0.4s cubic-bezier(0.42, 0, 0.175, 1);
}
.survey-detail .survey-voting .survey-answers .select-box input[type="radio"]:checked ~ label, .survey-detail .survey-voting .survey-answers .select-box input[type="checkbox"]:checked ~ label {
border-color: #fdbf00;
}
.survey-detail .survey-voting .survey-answers .select-box input[type="radio"]:checked ~ label .select-box-icon svg, .survey-detail .survey-voting .survey-answers .select-box input[type="checkbox"]:checked ~ label .select-box-icon svg {
color: #fdbf00;
}
.survey-detail .survey-voting .survey-answers .select-box .select-box-content {
max-width: 100%;
width: 100%;
text-align: center;
padding: 12px;
}
.survey-detail .survey-voting .survey-answers .select-box .select-box-content .option-content {
display: flex;
flex-direction: column;
width: 100%;
height: 100%;
}
.survey-detail .survey-voting .survey-answers .select-box .select-box-content .option-content > * {
width: 100%;
}
.survey-detail .survey-voting .survey-answers .select-box .select-box-content .option-content h4 {
margin-top: 24px;
margin-bottom: 0;
}
.survey-detail .survey-voting .survey-answers .select-box .select-box-content .option-content .option-survey-result {
padding-top: 24px;
margin-top: auto;
}
.survey-detail .survey-voting .survey-answers .select-box .select-box-content .option-content .option-survey-result > * {
width: 100%;
}
.survey-detail .survey-voting .survey-answers .select-box .select-box-content .option-images figure {
height: 300px;
padding: 0;
margin: 0;
}
.survey-detail .survey-voting .survey-answers .select-box .select-box-content .option-images figure img {
width: 100%;
height: 100%;
object-fit: cover;
}
.survey-detail .survey-voting .survey-answers .select-box .select-box-content .option-images.options-slider .image-container {
display: flex;
justify-content: center;
}
.survey-detail .survey-voting .survey-answers .select-box .select-box-content .options-slider-nav {
display: flex;
justify-content: flex-end;
position: relative;
z-index: 1;
}
.survey-detail .survey-voting .survey-answers .select-box .select-box-content .options-slider-nav > * + * {
margin-left: 8px;
}
.survey-detail .survey-voting .survey-answers .select-box .select-box-content .options-slider-nav .next-arrow, .survey-detail .survey-voting .survey-answers .select-box .select-box-content .options-slider-nav .prev-arrow {
padding: 4px;
width: 16px;
cursor: pointer;
}
.survey-detail .survey-voting .survey-answers .select-box .select-box-content .options-slider-nav .next-arrow svg, .survey-detail .survey-voting .survey-answers .select-box .select-box-content .options-slider-nav .prev-arrow svg {
max-width: 100%;
}
.survey-detail .survey-voting .survey-voting-needed:not(.hidden) {
margin-top: 24px;
}
.survey-detail .survey-voting .survey-personal-info {
margin-top: 40px;
width: 100%;
max-width: 620px;
}
.survey-detail .survey-voting .survey-personal-info .form-group + * {
margin-top: 16px;
}
.survey-detail .survey-voting .survey-personal-info .form-group.has-error label {
color: #df1642;
}
.survey-detail .survey-voting .survey-personal-info .form-group.has-error input {
border-color: #df1642;
}
.survey-detail .survey-voting .survey-personal-info .form-group label {
display: block;
margin-bottom: 8px;
}
.survey-detail .survey-voting .survey-personal-info .form-group input {
width: 100%;
width: 100%;
padding: 15px;
font-size: 16px;
color: #000000;
transition: border-color 0.4s cubic-bezier(0.42, 0, 0.175, 1);
}
.survey-detail .survey-voting .survey-personal-info .form-group input:focus {
border-color: #000000;
}
.survey-detail .survey-voting .survey-person-email {
margin-top: 16px;
}
.survey-detail .survey-voting .survey-button {
margin-top: 40px;
}
.survey-detail .survey-voting .survey-button button.button::after, .survey-detail .survey-voting .survey-button button.btn-primary::after {
transform: scale(1) translateX(-50%);
transition: all 0.4s cubic-bezier(0.42, 0, 0.175, 1);
}
.survey-detail .survey-voting .survey-button button.button[disabled], .survey-detail .survey-voting .survey-button button.btn-primary[disabled] {
background: #e5e6e0;
border-color: #e5e6e0;
color: #ffffff;
}
.survey-detail .survey-voting .survey-button button.button[disabled]::after, .survey-detail .survey-voting .survey-button button.btn-primary[disabled]::after {
transform: scaleX(0) translateX(-50%);
}
.survey-detail .survey-reaction .reaction-container {
margin-top: 40px;
}
.survey-detail .error-container {
color: #df1642;
}
.survey-container {
margin: 40px 0 24px;
padding: 40px 0;
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
}
.survey-container .survey-detail > h2 {
margin-top: 0;
}
.survey-container .survey-detail .survey-voting .survey-answers .select-box input[type="radio"] ~ label, .survey-container .survey-detail .survey-voting .survey-answers .select-box input[type="checkbox"] ~ label {
padding: 32px;
}
.panorama-container .panorama {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
@media screen and (max-width: 1200px) {
.panorama-container .panorama {
grid-template-columns: 1fr 1fr 1fr;
}
}
.panorama-container .panorama .panorama-container__left {
grid-column: 1 / 4;
display: flex;
flex-direction: column;
}
.panorama-container .panorama .panorama-container__left .panorama-inner-container > .panorama-item {
padding-bottom: 40px;
}
.panorama-container .panorama .panorama-container__left .panorama-inner-container > .panorama-item .item-image {
position: relative;
height: 500px;
}
.panorama-container .panorama .panorama-container__left .panorama-inner-container > .panorama-item .item-image .badge {
top: 8px;
left: 8px;
}
.panorama-container .panorama .panorama-container__left .panorama-inner-container > .panorama-item .item-image .badge .badge-text {
font-size: clamp(24px, 1.5vw, 30px);
}
.panorama-container .panorama .panorama-container__left .panorama-inner-container > .panorama-item .item-content {
padding-top: 32px;
}
.panorama-container .panorama .panorama-container__left .panorama-inner-container__low {
display: grid;
grid-template-columns: 1fr 1fr;
margin-top: auto;
padding: 40px 0;
border-top: 1px dashed #000000;
border-bottom: 1px dashed #000000;
}
.panorama-container .panorama .panorama-container__left .panorama-inner-container__low .panorama-item {
align-items: center;
justify-content: center;
padding-right: 32px;
}
@media screen and (max-width: 768px) {
.panorama-container .panorama .panorama-container__left .panorama-inner-container__low .panorama-item {
grid-column: span 2;
}
}
.panorama-container .panorama .panorama-container__left .panorama-inner-container__low .panorama-item + .panorama-item {
padding-right: 0;
padding-left: 32px;
border-left: 1px dashed #000000;
}
@media screen and (max-width: 768px) {
.panorama-container .panorama .panorama-container__left .panorama-inner-container__low .panorama-item + .panorama-item {
margin-top: 40px;
padding-top: 40px;
padding-left: 0;
border-top: 1px dashed #000000;
border-left: none;
patting-left: 0;
}
}
.panorama-container .panorama .panorama-container__left .panorama-inner-container__low .panorama-item .item-image {
height: 240px;
}
.panorama-container .panorama .panorama-container__left .panorama-inner-container__low .panorama-item .item-content {
justify-content: center;
text-align: center;
}
.panorama-container .panorama .panorama-container__left .panorama-inner-container__low .panorama-item__quote .item-quote {
position: relative;
text-align: center;
padding: 64px;
}
.panorama-container .panorama .panorama-container__left .panorama-inner-container__low .panorama-item__quote .item-quote::before, .panorama-container .panorama .panorama-container__left .panorama-inner-container__low .panorama-item__quote .item-quote::after {
color: #fdbf00;
left: 50%;
transform: translateX(-50%);
}
.panorama-container .panorama .panorama-container__left .panorama-inner-container__low .panorama-item__quote .item-quote::before {
content: "„";
top: 0;
}
.panorama-container .panorama .panorama-container__left .panorama-inner-container__low .panorama-item__quote .item-quote::after {
content: "“";
bottom: 0;
}
.panorama-container .panorama .panorama-container__left .panorama-inner-container__low .panorama-item__number .item-number .badge {
position: relative;
width: 240px;
height: 240px;
}
.panorama-container .panorama .panorama-container__left .panorama-inner-container__low .panorama-item__number .item-number .badge .badge-text {
color: #fdbf00;
}
.panorama-container .panorama .panorama-container__left .panorama-inner-container__low .panorama-item__number .item-number .badge .badge-text .badge-label {
color: #ffffff;
}
.panorama-container .panorama .panorama-container__right {
grid-column: 4 / 6;
margin-left: 32px;
padding-left: 32px;
border-left: 1px dashed #000000;
}
@media screen and (max-width: 1200px) {
.panorama-container .panorama .panorama-container__right {
grid-column: 1 / 4;
border-left: none;
margin-left: 0;
padding-left: 0;
padding-top: 40px;
}
}
.panorama-container .panorama .panorama-container__right .panorama-inner-container {
height: 100%;
border-bottom: 1px dashed #000000;
padding-bottom: 40px;
}
.panorama-container .panorama .panorama-container__right .panorama-inner-container .panorama-item {
align-items: center;
justify-content: center;
margin-bottom: 40px;
padding-bottom: 40px;
border-bottom: 1px dashed #000000;
}
.panorama-container .panorama .panorama-container__right .panorama-inner-container .panorama-item:last-child {
border-bottom: none;
}
.panorama-container .panorama .panorama-container__right .panorama-inner-container .panorama-item + .panorama-item {
margin-bottom: 0;
}
.panorama-container .panorama .panorama-container__right .panorama-inner-container .panorama-item .item-image {
height: 300px;
width: 300px;
overflow: hidden;
border-radius: 100%;
}
.panorama-container .panorama .panorama-container__right .panorama-inner-container .panorama-item .item-content {
justify-content: center;
text-align: center;
}
.panorama-container .panorama .panorama-item {
display: flex;
flex-direction: column;
}
.panorama-container .panorama .panorama-item .item-image {
width: 100%;
overflow: hidden;
}
.panorama-container .panorama .panorama-item .item-image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.panorama-container .panorama .panorama-item .item-content {
padding-top: 24px;
}
.panorama-container .panorama .panorama-item .item-content .content-title {
padding-bottom: 16px;
}
.accordion-wrap {
margin-bottom: 80px;
}
.accordion-wrap * {
box-sizing: border-box;
}
.accordion-wrap .accordion-element {
border-top: 1px solid #d8d8d8;
}
.accordion-wrap .accordion-element:last-child {
border-bottom: 1px solid #d8d8d8;
}
.accordion-wrap .accordion-element:hover .accordion-header *, .accordion-wrap .accordion-element.open .accordion-header * {
color: #fdbf00;
}
.accordion-wrap .accordion-element.open .accordion-header {
border-bottom: 1px solid #e9eaea;
}
.accordion-wrap .accordion-element.open .accordion-header .accordion-header-icon svg {
transform: rotate(135deg);
}
.accordion-wrap .accordion-element:not(.open) .accordion-content {
height: 0;
}
.accordion-wrap .accordion-element .accordion-header {
display: flex;
align-items: center;
justify-content: space-between;
padding: 40px;
cursor: pointer;
border-bottom: 0px solid transparent;
transition: border-bottom 0.4s cubic-bezier(0.42, 0, 0.175, 1);
}
@media screen and (max-width: 1024px) {
.accordion-wrap .accordion-element .accordion-header {
padding: 20px;
}
}
.accordion-wrap .accordion-element .accordion-header .accordion-header-inner {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
}
.accordion-wrap .accordion-element .accordion-header * {
transition: all 0.4s cubic-bezier(0.42, 0, 0.175, 1);
}
.accordion-wrap .accordion-element .accordion-header .accordion-title {
max-width: calc(100% - 80px);
}
@media screen and (max-width: 600px) {
.accordion-wrap .accordion-element .accordion-header .accordion-title h2 {
font-size: 20px;
}
}
.accordion-wrap .accordion-element .accordion-header .accordion-header-icon {
width: 20px;
height: 20px;
margin-left: 20px;
}
.accordion-wrap .accordion-element .accordion-header .accordion-header-icon svg {
transition: all 0.4s cubic-bezier(0.42, 0, 0.175, 1);
}
.accordion-wrap .accordion-element .accordion-content {
overflow: hidden;
transition: height 0.4s cubic-bezier(0.42, 0, 0.175, 1);
}
.accordion-wrap .accordion-element .accordion-content .accordion-content-inner {
padding: 40px;
}
@media screen and (max-width: 1024px) {
.accordion-wrap .accordion-element .accordion-content .accordion-content-inner {
padding: 20px;
}
}
@media screen and (max-width: 600px) {
.accordion-wrap .accordion-element .accordion-content .accordion-content-inner h3 {
font-size: 18px;
}
}
.accordion-wrap .accordion-element .accordion-content .accordion-content-inner > p:first-child {
margin-top: 0;
padding-top: 0;
}
.accordion-wrap .accordion-element .accordion-content .accordion-content-inner > p:last-child {
margin-bottom: 0;
padding-bottom: 0;
}
.accordion-wrap .accordion-element .accordion-content .accordion-content-inner .accordion-dynamic-content .frame .ce-textpic::after {
content: "";
display: block;
clear: both;
}
.accordion-wrap .accordion-element .accordion-content .accordion-content-inner .accordion-dynamic-content .frame .ce-textpic * {
text-align: left;
}
.accordion-wrap .accordion-element .accordion-content .accordion-content-inner .accordion-dynamic-content .frame .ce-left .ce-gallery, .accordion-wrap .accordion-element .accordion-content .accordion-content-inner .accordion-dynamic-content .frame .ce-column {
float: left;
}
.accordion-wrap .accordion-element .accordion-content .accordion-content-inner .accordion-dynamic-content .frame .ce-center .ce-outer {
position: relative;
float: right;
right: 50%;
}
.accordion-wrap .accordion-element .accordion-content .accordion-content-inner .accordion-dynamic-content .frame .ce-center .ce-outer .ce-inner {
position: relative;
float: right;
right: -50%;
}
.accordion-wrap .accordion-element .accordion-content .accordion-content-inner .accordion-dynamic-content .frame .ce-right .ce-gallery {
float: right;
}
.accordion-wrap .accordion-element .accordion-content .accordion-content-inner .accordion-dynamic-content .frame .ce-gallery figure {
display: table;
margin: 0;
}
.accordion-wrap .accordion-element .accordion-content .accordion-content-inner .accordion-dynamic-content .frame .ce-gallery figcaption {
display: table-caption;
caption-side: bottom;
}
.accordion-wrap .accordion-element .accordion-content .accordion-content-inner .accordion-dynamic-content .frame .ce-gallery img {
display: block;
max-width: 100%;
height: auto;
}
.accordion-wrap .accordion-element .accordion-content .accordion-content-inner .accordion-dynamic-content .frame .ce-gallery iframe {
border-width: 0;
}
.accordion-wrap .accordion-element .accordion-content .accordion-content-inner .accordion-dynamic-content .frame .ce-gallery::after {
content: "";
display: block;
clear: both;
}
.accordion-wrap .accordion-element .accordion-content .accordion-content-inner .accordion-dynamic-content .frame .ce-intext::after {
content: "";
display: block;
clear: both;
}
.accordion-wrap .accordion-element .accordion-content .accordion-content-inner .accordion-dynamic-content .frame .ce-intext.ce-right .ce-gallery, .accordion-wrap .accordion-element .accordion-content .accordion-content-inner .accordion-dynamic-content .frame .ce-intext.ce-left .ce-gallery, .accordion-wrap .accordion-element .accordion-content .accordion-content-inner .accordion-dynamic-content .frame .ce-above .ce-gallery {
margin-bottom: 16px;
}
.accordion-wrap .accordion-element .accordion-content .accordion-content-inner .accordion-dynamic-content .frame .ce-intext.ce-right .ce-gallery {
margin-left: 16px;
}
.accordion-wrap .accordion-element .accordion-content .accordion-content-inner .accordion-dynamic-content .frame .ce-intext.ce-left .ce-gallery {
margin-right: 16px;
}
.accordion-wrap .accordion-element .accordion-content .accordion-content-inner .accordion-dynamic-content .frame .ce-below .ce-gallery {
margin-top: 16px;
}
.accordion-wrap .accordion-element .accordion-content .accordion-content-inner .accordion-dynamic-content .frame .ce-column {
padding-right: 16px;
}
.accordion-wrap .accordion-element .accordion-content .accordion-content-inner .accordion-dynamic-content .frame .ce-row::after {
content: "";
display: block;
clear: both;
}
.accordion-wrap .accordion-element .accordion-content .accordion-content-inner .accordion-dynamic-content .frame .ce-row + .ce-row {
margin-top: 16px;
}
.accordion-wrap .accordion-element .accordion-content .accordion-content-inner .accordion-dynamic-content .frame .ce-above .ce-bodytext {
clear: both;
}
.accordion-wrap .accordion-element .accordion-content .accordion-content-inner .accordion-dynamic-content .frame .ce-intext.ce-left ol, .accordion-wrap .accordion-element .accordion-content .accordion-content-inner .accordion-dynamic-content .frame .ce-intext.ce-left ul {
padding-left: 40px;
overflow: auto;
}
.kleinanzeigen-teaser > div {
display: flex;
justify-content: space-between;
}
@media screen and (max-width: 1024px) {
.kleinanzeigen-teaser > div {
flex-wrap: wrap;
}
}
.kleinanzeigen-teaser .left {
width: 25%;
}
@media screen and (max-width: 1024px) {
.kleinanzeigen-teaser .left {
width: 100%;
}
}
.kleinanzeigen-teaser .left h2 {
margin-bottom: 0;
}
@media screen and (max-width: 1024px) {
.kleinanzeigen-teaser .left h2 {
font-size: 40px;
}
}
.kleinanzeigen-teaser .left h3 {
margin-bottom: 32px;
}
@media screen and (max-width: 1024px) {
.kleinanzeigen-teaser .button.desktop, .kleinanzeigen-teaser button.desktop.btn-primary {
display: none;
}
}
.kleinanzeigen-teaser .button.mobile, .kleinanzeigen-teaser button.mobile.btn-primary {
display: none;
}
@media screen and (max-width: 1024px) {
.kleinanzeigen-teaser .button.mobile, .kleinanzeigen-teaser button.mobile.btn-primary {
display: inline-block;
margin-top: 40px;
}
}
.kleinanzeigen-teaser .right {
width: 70%;
display: flex;
justify-content: space-between;
position: relative;
overflow: hidden;
max-height: 370px;
}
@media screen and (max-width: 1024px) {
.kleinanzeigen-teaser .right {
width: 100%;
margin-top: 40px;
max-height: none;
}
}
@media screen and (max-width: 600px) {
.kleinanzeigen-teaser .right {
flex-wrap: wrap;
}
}
.kleinanzeigen-teaser .right .kleinanzeige-item {
width: 24%;
max-height: 370px;
overflow: hidden;
position: relative;
}
@media screen and (max-width: 600px) {
.kleinanzeigen-teaser .right .kleinanzeige-item {
width: 100%;
margin-bottom: 40px;
}
}
@media screen and (max-width: 600px) {
.kleinanzeigen-teaser .right .kleinanzeige-item:last-child {
display: none;
}
}
.kleinanzeigen-teaser .right .kleinanzeige-item:after {
content: "";
position: absolute;
width: 100%;
height: 100%;
bottom: -190px;
left: 0;
overflow: hidden;
}
.kleinanzeigen-teaser .right .kleinanzeige-item img {
width: 100%;
height: auto;
box-shadow: rgba(0, 0, 0, 0.25) 0 3px 10px;
border: 4px white solid;
}
.frame-bg-brand .kleinanzeigen-teaser .button:hover, .frame-bg-brand .kleinanzeigen-teaser button.btn-primary:hover {
background-color: #000000;
color: #fdbf00;
}
.frame-bg-brand .kleinanzeigen-teaser .kleinanzeige-item:after {
background: linear-gradient(0, #fdbf00, #fdbf00, rgba(255, 255, 255, 0));
}
.frame-bg-grey .kleinanzeigen-teaser .button, .frame.frame-bg-grey-border-green-dotted .kleinanzeigen-teaser .button, .frame.frame-bg-grey-border-green-dotted .kleinanzeigen-teaser button.btn-primary, .frame.frame-bg-grey-border-yellow-solid .kleinanzeigen-teaser .button, .frame.frame-bg-grey-border-yellow-solid .kleinanzeigen-teaser button.btn-primary, .frame-bg-grey .kleinanzeigen-teaser button.btn-primary {
color: #ffffff;
background-color: #000000;
}
.frame-bg-grey .kleinanzeigen-teaser .button:hover, .frame.frame-bg-grey-border-green-dotted .kleinanzeigen-teaser .button:hover, .frame.frame-bg-grey-border-green-dotted .kleinanzeigen-teaser button.btn-primary:hover, .frame.frame-bg-grey-border-yellow-solid .kleinanzeigen-teaser .button:hover, .frame.frame-bg-grey-border-yellow-solid .kleinanzeigen-teaser button.btn-primary:hover, .frame-bg-grey .kleinanzeigen-teaser button.btn-primary:hover {
background-color: #fdbf00;
color: #000000;
}
.frame-bg-grey .kleinanzeigen-teaser .kleinanzeige-item:after, .frame.frame-bg-grey-border-green-dotted .kleinanzeigen-teaser .kleinanzeige-item:after, .frame.frame-bg-grey-border-yellow-solid .kleinanzeigen-teaser .kleinanzeige-item:after {
background: linear-gradient(0, #f7f7f7, #f7f7f7, rgba(255, 255, 255, 0));
}
.tx-mad-simple-jobs .jobs-list .job-item {
width: calc(50% - 20px);
border: 1px solid #cecece;
padding: 40px;
margin-bottom: 40px;
}
@media only screen and (max-width: 768px) {
.tx-mad-simple-jobs .jobs-list .job-item {
width: 100%;
}
}
.tx-mad-simple-jobs .jobs-list .job-item h2 {
display: block;
margin-bottom: 20px;
font-size: 34px;
}
.tx-mad-simple-jobs .jobs-list .job-item img {
margin-bottom: 24px;
}
.tx-mad-simple-jobs .jobs-list .job-item img.job-image {
width: 100%;
height: auto;
margin-bottom: 16px;
}
.tx-mad-simple-jobs .jobs-list .job-item .custom-button {
margin-bottom: 0;
}