@import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap'); :root { --nav-height: 0px; --fdp-font-family-headline: "Source Sans 3", sans-serif; --fdp-font-family-textabschnitt: "Source Sans 3", sans-serif; --fdp-blue: #0e52a0; --fdp-cyan: #009aea; --fdp-magenta: #e8308a; --fdp-black: #373c48; --fdp-border-radius: 0px; --fdp-grau-light: #f4f4f4; --fdp-grau-dark: #f8f8f8; --bs-primary: var(--fdp-blue); --bs-font-sans-serif: "Source Sans 3", sans-serif; --bs-body-font-size: 1.2rem; --bs-body-line-height: 1.6; --bs-border-radius: var(--fdp-border-radius); } /* Small devices (landscape phones, 576px and up) */ @media (min-width: 576px) { } /* Medium devices (tablets, 768px and up) */ @media (min-width: 768px) { } /* Large devices (desktops, 992px and up) */ @media (min-width: 992px) { :root { --nav-height: 0px; /* 105px */ } } /* X-Large devices (large desktops, 1200px and up) */ @media (min-width: 1200px) { } /* XX-Large devices (larger desktops, 1400px and up) */ @media (min-width: 1400px) { } /* XX-Large devices (larger desktops, 1400px and up) */ @media (min-width: 1800px) { } body { font-family: var(--fdp-font-family-textabschnitt); } h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 { font-family: var(--fdp-font-family-headline); font-weight: 700; color: var(--fdp-blue); } h5, .h5 { font-size: 1.25rem; } h6, .h6, .spitzmarke, .spitzmarke p { color: var(--fdp-black); font-family: var(--fdp-font-family-textabschnitt); font-weight: 600; letter-spacing: 0.25em; text-transform: uppercase; margin-bottom: 12px; } a, a:link, a:visited, a:hover, a:active { color: var(--fdp-blue); } .card .metadaten { color: #fff; } .card .card-link { color: #fff !important; background-color: var(--fdp-magenta); width: fit-content; padding: 0.25rem 1rem; font-size: 1.2rem; } .btn-primary, .btn-primary:link { background-color: var(--fdp-magenta); border-color: var(--fdp-magenta); color: #fff; border-radius: var(--fdp-border-radius); box-shadow: none !important; padding: 1rem; transition-duration: .3s; transition-timing-function: ease; } .btn-primary:focus, .btn-primary:hover, .btn-primary:active { background-color: var(--fdp-cyan); border-color: var(--fdp-cyan); } .btn-light, .btn-light:link { color: var(--fdp-blue); background-color: #f2f2f2; border-color: #f2f2f2; } .btn-light:focus, .btn-light:hover, .btn-light:active { color: #fff; background-color: var(--fdp-blue); border-color: var(--fdp-blue); } .navbar { padding-top: 1.25rem; padding-bottom: 1.25rem; box-shadow: none !important; color: var(--fdp-black); background-color: #fff; } .navbar-nav { margin-top: 2rem; } .navbar .navbar-toggler { border: none; display: none; } .navbar-toggler:focus { box-shadow: none; } .navbar.background { background-color: rgba(255, 255, 255, 0.95) !important; backdrop-filter: blur(5px); } .navbar .navbar-toggler { display: block; } .navbar .nav-link { color: var(--fdp-blue); } #navbar .navbar-brand { display: none; } #navbar .nav-item.dropdown { display: none; } /* Small devices (landscape phones, 576px and up) */ @media (min-width: 576px) { } /* Medium devices (tablets, 768px and up) */ @media (min-width: 768px) { } /* Large devices (desktops, 992px and up) */ @media (min-width: 992px) { .navbar .navbar-toggler { display: none; } .navbar { background-color: transparent; box-shadow: none; } .navbar .nav-link { color: #fff; } .navbar.background { box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; } .navbar.background .nav-link { color: var(--fdp-blue); } } /* X-Large devices (large desktops, 1200px and up) */ @media (min-width: 1200px) { } /* XX-Large devices (larger desktops, 1400px and up) */ @media (min-width: 1400px) { } /* XX-Large devices (larger desktops, 1400px and up) */ @media (min-width: 1800px) { } .titel-lead { max-width: 750px; } @media (min-width: 1200px) { .heading-2xl, .heading-2xl p, .heading-xl, .heading-xl p { font-size: 3rem; } .heading-xs, .heading-xs p { font-size: 26px; } } .accordion { border-radius: var(--fdp-border-radius); overflow: hidden; --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23ffffff' stroke-linecap='square' stroke-width='2' stroke-linejoin='square'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e") !important; --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23ffffff' stroke-linecap='square' stroke-width='2' stroke-linejoin='square'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e"); --bs-accordion-btn-icon-width: 1.5rem; } section:nth-of-type(odd) { background-color: var(--fdp-grau-light); /* background: linear-gradient(to bottom, #f8f8f8, #d5d5d5); */ } footer, footer.bg-white, footer a { background-color: var(--fdp-blue) !important; } footer { color: #fff; } footer a, footer a:link, footer a:visited, footer a:hover, footer a:active { color: #fff; } .spitzmarke, .spitzmarke p { font-size: 0.9rem; } .icon { min-width: 48px; width: 48px; max-width: 48px; } .core_frontend_politik_empfehlungen_01 .card { overflow: visible; margin-top: 3rem; } .core_frontend_politik_empfehlungen_01 .card-img-top { border-radius: 50%; width: 6rem; height: 6rem; overflow: hidden; position: absolute; top: -3rem; left: 1rem; } .core_frontend_politik_empfehlungen_01 .card-img-top > img { object-fit: cover; width: 100%; height: 100%; } .core_frontend_politik_empfehlungen_01 .card-body { margin-top: 3rem; } .core_frontend_inhalt_text-bild_01 img, .core_frontend_inhalt_text-bild_01 picture, .core_frontend_inhalt_text-bild_01 video { object-fit: contain; } .core_frontend_inhalt_text-bild_01 .ratio-3x2 { --bs-aspect-ratio: 100%; } /* Small devices (landscape phones, 576px and up) */ @media (min-width: 576px) { } /* Medium devices (tablets, 768px and up) */ @media (min-width: 768px) { } /* Large devices (desktops, 992px and up) */ @media (min-width: 992px) { /* .core_frontend_politik_header_01 .textbox { margin-top: 0rem; margin-bottom: 3rem; } .core_frontend_politik_header_01 .heading.heading-3xl:nth-of-type(1), .core_frontend_politik_header_01 .heading.heading-3xl:nth-of-type(2) { font-size: 3.7rem; } .heading-l, .heading-l p { font-size: 32px; } */ .core_frontend_inhalt_text-bild_01 .flex-column > div:nth-child(1) { padding-right: 4rem; } } /* X-Large devices (large desktops, 1200px and up) */ @media (min-width: 1200px) { .spitzmarke, .spitzmarke p { font-size: var(--bs-body-font-size); } .icon { min-width: 64px; width: 64px; max-width: 64px; } .core_frontend_politik_empfehlungen_01 .card { margin-top: 5rem; } .core_frontend_politik_empfehlungen_01 .card-img-top { width: 8rem; height: 8rem; top: -4rem; left: 2rem; } .core_frontend_politik_empfehlungen_01 .card-body { margin-top: 4rem; } } /* XX-Large devices (larger desktops, 1400px and up) */ @media (min-width: 1400px) { /* .core_frontend_politik_header_01 .bildbox .object-fit-contain { max-width: 90% !important; } .core_frontend_politik_header_01 .heading { padding: 1rem 2rem 1rem 4rem; } .core_frontend_politik_header_01 .heading.heading-3xl:nth-of-type(1), .core_frontend_politik_header_01 .heading.heading-3xl:nth-of-type(2) { font-size: 5.5rem; } .core_frontend_politik_header_01 .heading.heading-3xl:nth-of-type(3) { font-size: 2.5rem; } .core_frontend_politik_header_01 .card .card-body { padding: 0rem; } .core_frontend_politik_header_01 .container-fluid { height: 75vh; } .core_frontend_politik_header_01 .bildbox { margin-top: 5rem; } */ } /* XX-Large devices (larger desktops, 1400px and up) */ @media (min-width: 1800px) { /* .core_frontend_politik_header_01 .heading.heading-3xl:nth-of-type(1), .core_frontend_politik_header_01 .heading.heading-3xl:nth-of-type(2) { font-size: 6rem; } .core_frontend_politik_header_01 .heading.heading-3xl:nth-of-type(3) { font-size: 3rem; } .core_frontend_politik_header_01 .card { box-shadow: none !important; } */ } .accordion-button { font-weight: 700; } .accordion-button, .accordion-item, .card { background-color: var(--fdp-blue); border-radius: var(--fdp-border-radius); } .accordion-button:hover, .accordion-item:hover, a.card:hover { background-color: var(--fdp-cyan); } .accordin-item, .accordion-item h4, .accordion-item h5, .accordion-item p, .accordion-item .heading, .accordion-item .spitzmarke, .accordion-item a, .accordion-item ul, .accordion-item li, .card, .card h4, .card h5, .card p, .card .heading, .card .spitzmarke, .card a { color: #fff !important; } .card p { margin-bottom: 0px; } .accordion-button, .accordion-body, .card-body { padding: 1.5rem !important; } .accordion-body { padding-top: 0rem !important; } .accordion-item:not(.collapsed) { border-radius: var(--fdp-border-radius); } /* Large devices (desktops, 992px and up) */ @media (min-width: 992px) { .accordion-button, .accordion-body, .card-body { padding: 2rem !important; } } /* XX-Large devices (larger desktops, 1400px and up) */ @media (min-width: 1400px) { .accordion-button, .accordion-body, .card-body { padding: 2.5rem !important; } } section.core_frontend_politik_komitee_01, section.core_frontend_politik_komitee_01 h1, section.core_frontend_politik_komitee_01 h2, section.core_frontend_politik_komitee_01 h3, section.core_frontend_politik_komitee_01 h4, section.core_frontend_politik_komitee_01 h5, section.core_frontend_politik_komitee_01 h6, section.core_frontend_politik_komitee_01 .spitzmarke, section.core_frontend_politik_komitee_01 .spitzmarke p { background-color: var(--fdp-blue); color: #fff; } .core_frontend_politik_events_01 .marker-link:hover { background-color: var(--fdp-cyan); } /* .core_frontend_news_uebersicht_01 .row { --bs-gutter-x: 0.5rem; --bs-gutter-y: 0.5rem; } */ .juicer-feed.white li.feed-item, .juicer-feed.user li.feed-item, .juicer-feed.juicer-widget li.feed-item, .juicer-feed.colors li.feed-item, .juicer-feed.gray li.feed-item, .juicer-feed.modern li.feed-item, .juicer-feed.polaroid li.feed-item { border-color: var(--fdp-black); border-width: 2px; border-radius: var(--fdp-border-radius); } .juicer-feed.modern .j-message { color: var(--fdp-black); } .map .gm-style .gm-style-iw-c { border-radius: var(--fdp-border-radius); } .gm-ui-hover-effect { width: 48px; right: 0px; margin-right: -18px; margin-top: 8px; margin-bottom: 8px; } .gm-style .btn-primary { color: #fff; text-transform: uppercase; font-weight: 700; border-radius: 2rem; padding: 0.5rem 2rem; } .gm-style .btn-primary:hover { background-color: var(--fdp-cyan); border-color: var(--fdp-cyan); } /* Medium devices (tablets, 768px and up) */ @media (min-width: 768px) { .story div.row:nth-child(2) > div.col:nth-child(1) { order: 2; } .story div.row:nth-child(2) > div.col:nth-child(2) { order: 1; } } /* .navbar a, .navbar a:link, .navbar a:visited, .navbar a:hover, .navbar a:active { color: #fff; } */ .core_frontend_header_portfolio { position: relative; } /* Medium devices (tablets, 768px and up) */ @media (min-width: 768px) { .core_frontend_header_portfolio::before { width: 60%; height: 20%; } .core_frontend_header_portfolio::before { bottom: -6px; } } .portfolio-titel { padding-top: 20vh !important; padding-left: 2.5rem !important; padding-right: 2.5rem !important; transform-origin: center; transform: scale(1.1); } .portfolio-titel .headline, .portfolio-titel .stoerer { padding: 0.5rem 1.5rem; } .portfolio-titel .person_funktion { padding-top: 1rem; padding-bottom: 1rem; padding-left: 2.5rem; padding-right: 2.5rem; } .portfolio-titel .headline, .portfolio-titel .person, .portfolio-titel .funktion_ortschaft { color: #fff !important; margin-bottom: 0rem; } .portfolio-titel .headline { background-color: var(--fdp-cyan); transform: translateY(0.4rem) rotate(-2deg); margin-bottom: 0rem; font-size: 1.25rem; z-index: 3; max-width: 18rem; } .portfolio-titel .person_funktion { background-color: var(--fdp-blue); font-size: 1.25rem; margin-bottom: 0rem; z-index: 2; } .portfolio-titel .person { font-size: 2.5rem; } .portfolio-titel .funktion_ortschaft { font-size: 1.25rem; } .portfolio-titel > .stoerer { padding: 0.3rem 0.6rem; background-color: var(--fdp-magenta); /* transform: translateY(-0.2rem); */ font-size: 1.25rem; z-index: 1; } /* Small devices (landscape phones, 576px and up) */ @media (min-width: 576px) { .portfolio-titel .person { font-size: 4rem; } } /* Medium devices (tablets, 768px and up) */ @media (min-width: 768px) { .portfolio-titel { transform: scale(1.25); } } /* Large devices (desktops, 992px and up) */ @media (min-width: 992px) { } /* X-Large devices (large desktops, 1200px and up) */ @media (min-width: 1200px) { .portfolio-titel .headline { font-size: 1.5rem; max-width: 27rem; } .portfolio-titel .person { font-size: 5rem; } .portfolio-titel { transform: scale(1.5); } } /* XX-Large devices (larger desktops, 1400px and up) */ @media (min-width: 1400px) { } /* XX-Large devices (larger desktops, 1400px and up) */ @media (min-width: 1800px) { } #navbarTogglerDemo02 { justify-content: center !important; font-weight: 500; /* text-transform: uppercase; */ } .card-link { margin-top: 1rem; color: var(--fdp-black) !important; font-weight: 700; } .core_frontend_politik_unterstuetzung_01 .accordion-item:not(.collapsed) { border-radius: inherit; } .core_frontend_politik_unterstuetzung_01 .accordion-button, .core_frontend_politik_unterstuetzung_01 .accordion-item, .core_frontend_politik_unterstuetzung_01 .card { background-color: #fff; } .core_frontend_politik_unterstuetzung_01 .bg-white { border-radius: var(--fdp-border-radius); } .core_frontend_news_detail_header_01 .heading { padding: 1rem 1.75rem; background-color: var(--fdp-magenta); width: fit-content; margin-bottom: 2rem; } .core_frontend_news_detail_header_01 img { border-radius: var(--fdp-border-radius); } .core_frontend_news_detail_header_01 h1, .core_frontend_news_detail_header_01 h2, .core_frontend_news_detail_header_01 p { color: #fff; } /* Large devices (desktops, 992px and up) */ @media (min-width: 992px) { .core_frontend_news_detail_header_01, .core_frontend_politik_unterstuetzung_01 { padding-top: 3rem; } } .btn-link { --bs-btn-color: var(--fdp-blue); margin-top: 0.5rem; font-size: 1.1rem; font-weight: 700; text-decoration: none; } .btn-outline-dark { --bs-btn-color: var(--fdp-black); --bs-btn-border-color: var(--fdp-black); --bs-btn-hover-bg: var(--fdp-black); --bs-btn-hover-border-color: var(--fdp-black); --bs-btn-active-bg: var(--fdp-black); --bs-btn-active-border-color: var(--fdp-black); --bs-btn-disabled-color: var(--fdp-black); --bs-btn-disabled-border-color: var(--fdp-black); } .core_frontend_news_detail_some_share_01 a, .core_frontend_news_detail_some_share_01 a:link, .core_frontend_news_detail_some_share_01 a:visited, .core_frontend_news_detail_some_share_01 a:hover, .core_frontend_news_detail_some_share_01 a:active { color: var(--fdp-black); } .sl-image img { border-radius: var(--fdp-border-radius) !important; } /* ------------------------------- */ .card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 1rem; border-radius: calc(.25rem - 1px); } .downArrow { display: none; } /* sm: Small devices (landscape phones, 576px and up) */ @media (min-width: 576px) { } /* md: Medium devices (tablets, 768px and up) */ @media (min-width: 768px) { } /* lg: Large devices (desktops, 992px and up) */ @media (min-width: 992px) { /* Nach-unten-Button */ .downArrow { position: absolute; bottom: 3rem; padding: 3rem; z-index: 3000; width: 100%; text-align: center; display: block; } .downArrow img { color: #fff; width: 3rem; display: inline-block; } } .bounce { -moz-animation: bounce 3s infinite; -webkit-animation: bounce 3s infinite; animation: bounce 3s infinite; } @-moz-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -moz-transform: translateY(0); transform: translateY(0); } 40% { -moz-transform: translateY(-30px); transform: translateY(-30px); } 60% { -moz-transform: translateY(-15px); transform: translateY(-15px); } } @-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); } 40% { -moz-transform: translateY(-30px); -ms-transform: translateY(-30px); -webkit-transform: translateY(-30px); transform: translateY(-30px); } 60% { -moz-transform: translateY(-15px); -ms-transform: translateY(-15px); -webkit-transform: translateY(-15px); transform: translateY(-15px); } } .mehr_anzeigen { display: none; } .mehr_anzeigen_container { margin-top: 0px !important; } .juicer-feed .j-paginate, .mehr_anzeigen_container .btn { transition: all .2s ease-in-out; background-color: var(--fdp-magenta); border-radius: var(--fdp-border-radius); border: none; color: #fff; cursor: pointer; display: block; font-size: 15px; font-weight: bold; letter-spacing: .5px; padding: 1rem 1rem; text-align: center; text-transform: uppercase; width: 200px; margin-top: 3rem; } .juicer-feed .j-paginate:hover, .mehr_anzeigen_container .btn:hover { background: var(--fdp-cyan); color: #fff; } .core_frontend_politik_empfehlungen_01 .col { overflow: hidden; } .core_frontend_politik_empfehlungen_01 .card { height: 100%; } .fa-solid { color: #fff; } #navbarDropdownMenuLink { display: none; } .actionbuttons .btn { background-color: #fff !important; border: none; } .actionbuttons .btn:hover svg path { fill: var(--fdp-cyan); } .core_frontend_news_detail_header_01 { background-color: var(--fdp-blue) !important; } .core_frontend_politik_medien_01 .column-count { column-gap: 0.5rem; } .core_frontend_politik_medien_01 .column-count > div { margin-bottom: 0.5rem; } .footer-brand > img { margin-bottom: 1.75rem; transform-origin: -10% 0%; transform: scale(1.25); } /* Schräger Balken unten */ .core_frontend_politik_header_01 { overflow: hidden; position: relative; } .core_frontend_politik_header_01::before { content: " "; width: 125%; height: 200px; background-color: #fff; left: 0px; bottom: -100px; display: block; position: absolute; transform: rotate(-3.5deg); z-index: 1; } .core_frontend_politik_header_01 .headline_1, .core_frontend_politik_header_01 .headline_2, .core_frontend_politik_header_01 .claim { transform: translate(-1.5rem) rotate(-3.5deg); transform-origin: top left; padding-left: 2.5rem; width: fit-content; color: #fff; padding-top: 0.5rem; padding-right: 1rem; padding-bottom: 0.5rem; margin-bottom: 0rem; } /* .core_frontend_politik_header_01 .headline_1 { margin-bottom: -0.5rem; } */ .core_frontend_politik_header_01 .headline_1, .core_frontend_politik_header_01 .headline_2 { background-color: var(--fdp-blue); font-size: 3rem; } .core_frontend_politik_header_01 .claim { background-color: var(--fdp-magenta); font-size: 1.1rem; max-width: 440px; } .core_frontend_politik_header_01 .headerbild { background-position: 75% 50%; background-size: cover; z-index: 0; } .core_frontend_politik_header_01 .textbox { z-index: 10; position: absolute; } .core_frontend_politik_header_01 .textbox_container { /* bottom: 125px; */ bottom: 20%; transform-origin: bottom left; } /* Small devices (landscape phones, 576px and up) */ @media (min-width: 576px) { } /* Medium devices (tablets, 768px and up) */ @media (min-width: 768px) { .core_frontend_politik_header_01 .textbox_container { bottom: 35%; transform: scale(1.125); } } /* Large devices (desktops, 992px and up) */ @media (min-width: 992px) { .core_frontend_politik_header_01 .textbox_container { bottom: 35%; transform: scale(1.25); } } /* X-Large devices (large desktops, 1200px and up) */ @media (min-width: 1200px) { .core_frontend_politik_header_01 .textbox_container { bottom: 35%; transform: scale(1.5); } } /* XX-Large devices (larger desktops, 1400px and up) */ @media (min-width: 1400px) { .core_frontend_politik_header_01 .textbox_container { bottom: 35%; transform: scale(1.75); } } /* XX-Large devices (larger desktops, 1400px and up) */ @media (min-width: 1800px) { .core_frontend_politik_header_01 .textbox_container { bottom: 35%; transform: scale(2); } } .masonry.row { --bs-gutter-x: .5rem; --bs-gutter-y: .5rem; } .core_frontend_inhalt_accordion_02 .accordion-body, .core_frontend_inhalt_accordion_02 .accordion-body p { color: #fff; } .lead { font-size: var(--bs-body-font-size); font-weight: var(--bs-body-font-weight); } .core_frontend_politik_empfehlungen_01 h5, .core_frontend_politik_empfehlungen_01 .heading-xs { font-size: var(--bs-body-font-size); font-weight: 700; line-height: var(--bs-body-line-height); } .core_frontend_politik_header_01 .headline_2 { margin-top: -0.25rem; } .core_frontend_politik_komitee_01 ul li { padding-right: 20%; display: inline-block; } .core_frontend_news_events_uebersicht_01 { } .core_frontend_news_events_uebersicht_01 .row { --bs-gutter-x: inherit !important; --bs-gutter-y: inherit !important; } .core_frontend_news_events_uebersicht_01 .card { margin-bottom: 1.5rem; } .core_frontend_news_events_uebersicht_01 .col-auto { margin-top: 0px; padding: 0rem; } .core_frontend_news_events_uebersicht_01 .col-auto { border: 1px solid #fff; padding: 1.5rem; margin-left: 0.5rem; margin-right: 2rem; } .core_frontend_news_events_uebersicht_01 .col { margin-bottom: 1.5rem !important; } .core_frontend_news_events_uebersicht_01 h6 { letter-spacing: 0rem; } .core_frontend_news_events_uebersicht_01 i { display: none; } .core_frontend_kontakt_anmeldung-fuer-anlaesse .btn { margin-top: 1.5rem; } .core_frontend_news_events_uebersicht_01 .card-link { transition: all .2s ease-in-out; background-color: var(--fdp-magenta); border-radius: var(--fdp-border-radius); border: none; color: #fff; cursor: pointer; display: block; font-size: 15px; font-weight: bold; letter-spacing: .5px; padding: 0.5rem; text-align: center; text-transform: uppercase; width: 200px; } .btn-primary { transition: all .2s ease-in-out; background-color: var(--fdp-magenta); border-radius: var(--fdp-border-radius); border: none; color: #fff !important; cursor: pointer; display: block; font-size: 15px; font-weight: bold; letter-spacing: .5px; padding: 1rem 1rem; text-align: center; text-transform: uppercase; width: 200px; margin-top: 3rem; } @media (max-width: 768px) { .core_frontend_politik_header_01 .headline_1, .core_frontend_politik_header_01 .headline_2 { font-size: 1.5rem; } } /* Medium devices (tablets, 768px and up) */ @media (min-width: 768px) { .core_frontend_politik_header_01 .headline_1, .core_frontend_politik_header_01 .headline_2 { font-size: 1.5rem; } }