@font-face {
font-display: swap; font-family: "Source Sans 3";
font-style: normal;
font-weight: 400;
src: url(//www.lucia-clara-rocktaeschel.de/wp-content/themes/generatepress_child/fonts/source-sans-3-v15-latin-regular.woff2) format("woff2"); } @font-face {
font-display: swap; font-family: "Source Sans 3 Semibold";
font-style: normal;
font-weight: 600;
src: url(//www.lucia-clara-rocktaeschel.de/wp-content/themes/generatepress_child/fonts/source-sans-3-v15-latin-600.woff2) format("woff2"); } @font-face {
font-display: swap; font-family: "Merriweather";
font-style: normal;
font-weight: 700;
src: url(//www.lucia-clara-rocktaeschel.de/wp-content/themes/generatepress_child/fonts/merriweather-v30-latin-700.woff2) format("woff2"); } @font-face {
font-display: swap; font-family: "Merriweather Sans";
font-style: normal;
font-weight: 400;
src: url(//www.lucia-clara-rocktaeschel.de/wp-content/themes/generatepress_child/fonts/merriweather-sans-v26-latin-regular.woff2) format("woff2"); }
:root {
--black: #333333;
--blue: #123B75;
--pink: #E84689;
--greyblue: #A0B9D9;
--beige: #DFC9C1;
--light-greyblue: #D0DCEC;
--light-beige: #F5E7E1;
--white: #ffffff;
} html {
font-size: 16px;
}
@media screen and (min-width: 320px) {
html {
font-size: calc(16px + 3 * ((100vw - 320px) / 1180));
}
}
@media screen and (min-width: 1500px) {
html {
font-size: 19px;
}
}
body {
font-family: "Source Sans 3", sans-serif;
font-size: 1rem;
line-height: 1.35;
hyphens: none;
color: var(--black);
}
body *:focus {
outline: 3px dotted var(--pink);
outline-offset: 2px;
}
@media (max-width: 400px) {
body {
hyphens: auto;
-webkit-hyphenate-limit-before: 8;
-webkit-hyphenate-limit-after: 4;
-ms-hyphenate-limit-chars: 12 8 4;
hyphenate-limit-chars: 12 8 4;
}
}
h1,
.h1-style {
font-size: 2.3rem;
font-family: "Merriweather Sans", sans-serif;
line-height: 1.05;
color: var(--blue);
}
@media (min-width: 1025px) {
h1,
.h1-style {
font-size: 3rem;
}
}
.cta {
font-size: 2.2rem;
font-family: "Merriweather", serif;
line-height: 1.2;
}
h2,
.h2-style {
font-size: 1.95rem;
line-height: 1.2;
font-family: "Merriweather Sans", sans-serif;
font-weight: 700;
}
h3,
.h3-style,
.slider-container h2,
.post-type-archive-veranstaltung article h2 span:first-child,
.einzelangebot h2 {
font-size: 1.66rem;
font-family: "Merriweather Sans", sans-serif;
line-height: 1.2;
}
h4,
.h4-style {
font-size: 1.44rem;
font-family: "Merriweather", serif;
line-height: 1.2;
}
.body-big, .post-type-archive-veranstaltung article h2 span:last-child, .einzelangebot h3, .intro .column:first-child p, .card > p:first-of-type, .text-wichtig {
font-size: 1.44rem;
font-family: "Merriweather", serif;
line-height: 1.3;
}
.excerpt {
font-size: 0.88rem;
}
h2[id],
h3[id],
h4[id],
h5[id] {
margin-top: -60px;
padding-top: 60px;
}
p {
margin-bottom: 1em;
}
label {
width: 100%;
display: inline-block;
margin-bottom: 0.5em;
}
label a {
color: #A81552 !important;
}
input[type=checkbox] {
margin-right: 0.5em;
}
input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=tel],
input[type=number],
textarea,
select {
background-color: var(--white);
color: var(--black);
border-radius: 10px;
width: 100%;
border-color: var(--blue);
}
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=number]:focus,
textarea:focus,
select:focus {
background-color: var(--white);
border-color: var(--pink);
}
.boxes {
padding: 20px 10px;
min-height: 35vh;
border-radius: 1em;
}
@media (min-width: 769px) {
.boxes {
padding: 1.5rem;
}
}
.pfeil-svg, .page-template-hero-with-svg h1, .home .home-hero .inner-content {
background-image: url("data:image/svg+xml,%3Csvg width='109' height='256' viewBox='0 0 109 256' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 2C5.54719 5.52576 10.9444 6.90126 15.1165 8.97994C27.2957 15.0481 38.4355 24.4078 47.6387 35.616C62.9039 54.2069 78.6507 74.8332 81.3044 101.645C82.3563 112.272 81.9098 123.096 81.9098 133.777C81.9098 146.054 82.2117 159.313 77.5377 170.602C73.3522 180.711 66.0238 189.066 56.6521 191.461C50.6029 193.007 48.88 186.202 47.4369 180.35C45.2234 171.373 45.6294 163.41 47.5378 154.355C49.9847 142.746 53.8575 129.585 60.7216 120.579C70.2414 108.089 82.4282 119.185 88.8717 130.287C98.5679 146.992 99.1533 167.743 98.3895 187.33C97.7851 202.829 97.5173 218.355 96.9097 233.862C96.6466 240.578 95.2281 247.3 95.2281 254' stroke='%23123B75' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M107 231.651C105.765 232.276 104.614 234.921 103.919 236.224C101.834 240.131 100.493 244.47 98.2088 248.259C97.101 250.097 96.0605 252.228 94.739 253.833C94.3316 254.328 94.4103 253.605 94.3344 253.191C93.8853 250.736 92.7011 248.359 91.6893 246.2C89.2831 241.064 85.9218 234.949 81.2332 232.672' stroke='%23123B75' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
background-size: 10%;
padding-bottom: 10%;
max-width: 100%;
padding-bottom: 180px;
background-size: 70px;
background-position: bottom center;
}
@media (min-width: 769px) {
.pfeil-svg, .page-template-hero-with-svg h1, .home .home-hero .inner-content {
padding-bottom: 140px;
padding-right: 90px;
background-position: bottom right 20px;
}
}
.link-expand-div, .einzelangebot, .blog article .inside-article,
.archive article .inside-article {
position: relative;
}
.link-expand-div a:first-of-type:before, .einzelangebot a:first-of-type:before, .blog article .inside-article a:first-of-type:before,
.archive article .inside-article a:first-of-type:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
}
.link-expand-div a:first-of-type:focus, .einzelangebot a:first-of-type:focus, .blog article .inside-article a:first-of-type:focus,
.archive article .inside-article a:first-of-type:focus {
outline: 0;
}
.link-expand-div a:first-of-type:focus:before, .einzelangebot a:first-of-type:focus:before, .blog article .inside-article a:first-of-type:focus:before,
.archive article .inside-article a:first-of-type:focus:before {
outline: 3px dotted var(--pink);
outline-offset: 2px;
}
.screenreader-only, .menu-toggle .mobile-menu {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
padding-left: 0px;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.scrollbar-measure {
width: 100px;
height: 100px;
overflow: scroll;
position: absolute;
top: -9999px;
}
body[style="overflow: hidden;"] {
padding-right: var(--scrollbarwidth);
}
.pill-shape {
border-radius: 50px;
padding: 0.3em 0.7em;
}
.link-effekt, .entry-content p a:not(.button),
.entry-content ul li a:not(.button), .entry-content ol li a:not(.button), .hero a:not(.button), label a {
text-decoration-line: underline;
text-decoration-thickness: 1.5px;
text-underline-offset: -0.3em;
text-underline-position: under;
color: #A81552;
}
.link-effekt:hover, .entry-content p a:hover:not(.button),
.entry-content ol li a:hover:not(.button), .entry-content ul li a:hover:not(.button), .link-effekt:focus, .entry-content p a:focus:not(.button),
.entry-content ol li a:focus:not(.button), .entry-content ul li a:focus:not(.button), .hero a:focus:not(.button), .hero a:hover:not(.button), label a:focus, label a:hover {
transition: text-underline-offset 0.2s;
text-underline-offset: -0.1em;
}
.i-c {
border: 0 !important;
clip: rect(0 0 0 0) !important;
height: 0.0625rem !important;
margin: -0.0625rem !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 0.0625rem !important;
}
svg {
max-width: 100%;
width: auto;
height: auto;
}
.grids, .three-grid, .one-three-grid, .half-grid, .three-one-grid {
display: grid;
grid-template-columns: 1fr;
gap: 1.5rem;
margin-bottom: 40px;
}
@media (min-width: 769px) {
.three-one-grid {
grid-template-columns: 2fr 1fr;
}
}
@media (min-width: 769px) {
.half-grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (min-width: 769px) {
.one-three-grid {
grid-template-columns: 1fr 2fr;
}
}
@media (min-width: 769px) {
.three-grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (min-width: 1025px) {
.three-grid {
grid-template-columns: repeat(3, 1fr);
}
}
.btn-typ, .btn, .aktuelle-beitraege .to-blog, .btn-full, .gb-button,
button:not(.menu-toggle),
html input[type=button],
input[type=reset],
input[type=submit],
a.button,
a.wp-block-button__link:not(.has-background), .btn-transp-dark, .einzelangebot .read-more-btn, .btn-transp-light, .error404 nav.wp-block-navigation a, .footer-cta a {
font-size: 0.95rem;
}
.menu-btn, #primary-menu li a {
font-size: 1.1rem;
text-decoration: none;
display: inline-block;
color: var(--blue);
font-family: "Merriweather Sans", sans-serif;
margin-right: 0.4em;
}
.menu-btn:hover, #primary-menu li a:hover, .menu-btn:focus, #primary-menu li a:focus {
color: var(--pink);
}
.btn-padding, .btn, .aktuelle-beitraege .to-blog, .btn-full, .gb-button,
button:not(.menu-toggle),
html input[type=button],
input[type=reset],
input[type=submit],
a.button,
a.wp-block-button__link:not(.has-background), .btn-transp-dark, .einzelangebot .read-more-btn, .btn-transp-light, .error404 nav.wp-block-navigation a, .footer-cta a {
padding: 0.3em 0.66em !important;
}
.btn, .aktuelle-beitraege .to-blog, .btn-full, .gb-button,
button:not(.menu-toggle),
html input[type=button],
input[type=reset],
input[type=submit],
a.button,
a.wp-block-button__link:not(.has-background), .btn-transp-dark, .einzelangebot .read-more-btn, .btn-transp-light, .error404 nav.wp-block-navigation a, .footer-cta a {
text-decoration: none;
display: inline-block;
margin-bottom: 10px;
border-radius: 0.5em;
line-height: 1;
margin-right: 10px;
width: fit-content;
transition: color 0.1s ease-in-out, background-color 0.1s ease-in-out, border-color 0.1s ease-in-out;
}
.btn-transp-light, .error404 nav.wp-block-navigation a, .footer-cta a {
background-color: transparent;
color: var(--white);
border: 2px solid var(--white);
}
.btn-transp-light:hover, .error404 nav.wp-block-navigation a:hover, .footer-cta a:hover, .btn-transp-light:focus, .error404 nav.wp-block-navigation a:focus, .footer-cta a:focus, .btn-transp-light:active, .error404 nav.wp-block-navigation a:active, .footer-cta a:active {
background-color: var(--white) !important;
color: var(--blue) !important;
}
.btn-transp-dark, .einzelangebot .read-more-btn {
background-color: transparent;
color: var(--blue);
border: 2px solid var(--blue);
}
.btn-transp-dark:hover, .einzelangebot .read-more-btn:hover, .btn-transp-dark:focus, .einzelangebot .read-more-btn:focus, .btn-transp-dark:active, .einzelangebot .read-more-btn:active {
background-color: var(--blue) !important;
color: var(--white);
}
.btn-full, .gb-button,
button:not(.menu-toggle),
html input[type=button],
input[type=reset],
input[type=submit],
a.button,
a.wp-block-button__link:not(.has-background) {
background-color: var(--blue);
color: var(--white);
border: 2px solid var(--blue);
}
.btn-full:hover, .gb-button:hover,
button:hover:not(.menu-toggle),
html input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover,
a.button:hover,
a.wp-block-button__link:hover:not(.has-background), .btn-full:focus, .gb-button:focus,
button:focus:not(.menu-toggle),
html input[type=button]:focus,
input[type=reset]:focus,
input[type=submit]:focus,
a.button:focus,
a.wp-block-button__link:focus:not(.has-background), .btn-full:active, .gb-button:active,
button:active:not(.menu-toggle),
html input[type=button]:active,
input[type=reset]:active,
input[type=submit]:active,
a.button:active,
a.wp-block-button__link:active:not(.has-background) {
color: white;
background-color: var(--pink) !important;
border-color: var(--pink);
}
a.extern, a.download, a.anker {
padding-right: 2em !important;
position: relative;
}
a.extern:after, a.download:after, a.anker:after {
content: "";
width: 1em;
height: 1em;
display: inline-block;
position: absolute;
right: 0.5em;
top: 0.4em;
mask-position: center;
mask-size: cover;
mask-repeat: no-repeat;
-webkit-mask-position: center;
-webkit-mask-size: contain;
-webkit-mask-repeat: no-repeat;
margin-top: -0.15em;
background-color: currentColor;
}
a.extern:after {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='28' height='29' viewBox='0 0 28 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.3333 13.3333V22.6667C23.3333 25.8832 20.7165 28.5 17.5 28.5H5.83333C2.61683 28.5 0 25.8832 0 22.6667V11C0 7.7835 2.61683 5.16667 5.83333 5.16667H15.1667C15.8107 5.16667 16.3333 5.68933 16.3333 6.33333C16.3333 6.97733 15.8107 7.5 15.1667 7.5H5.83333C3.90367 7.5 2.33333 9.07033 2.33333 11V22.6667C2.33333 24.5963 3.90367 26.1667 5.83333 26.1667H17.5C19.4297 26.1667 21 24.5963 21 22.6667V13.3333C21 12.6893 21.5227 12.1667 22.1667 12.1667C22.8107 12.1667 23.3333 12.6893 23.3333 13.3333ZM24.5 0.5H16.3333C15.6893 0.5 15.1667 1.02267 15.1667 1.66667C15.1667 2.31067 15.6893 2.83333 16.3333 2.83333H24.017L9.67517 17.1752C9.219 17.6313 9.219 18.3687 9.67517 18.8248C9.90267 19.0523 10.2013 19.1667 10.5 19.1667C10.7987 19.1667 11.0973 19.0523 11.3248 18.8248L25.6667 4.483V12.1667C25.6667 12.8107 26.1893 13.3333 26.8333 13.3333C27.4773 13.3333 28 12.8107 28 12.1667V4C28 2.07033 26.4297 0.5 24.5 0.5Z' fill='currentColor'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg width='28' height='29' viewBox='0 0 28 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.3333 13.3333V22.6667C23.3333 25.8832 20.7165 28.5 17.5 28.5H5.83333C2.61683 28.5 0 25.8832 0 22.6667V11C0 7.7835 2.61683 5.16667 5.83333 5.16667H15.1667C15.8107 5.16667 16.3333 5.68933 16.3333 6.33333C16.3333 6.97733 15.8107 7.5 15.1667 7.5H5.83333C3.90367 7.5 2.33333 9.07033 2.33333 11V22.6667C2.33333 24.5963 3.90367 26.1667 5.83333 26.1667H17.5C19.4297 26.1667 21 24.5963 21 22.6667V13.3333C21 12.6893 21.5227 12.1667 22.1667 12.1667C22.8107 12.1667 23.3333 12.6893 23.3333 13.3333ZM24.5 0.5H16.3333C15.6893 0.5 15.1667 1.02267 15.1667 1.66667C15.1667 2.31067 15.6893 2.83333 16.3333 2.83333H24.017L9.67517 17.1752C9.219 17.6313 9.219 18.3687 9.67517 18.8248C9.90267 19.0523 10.2013 19.1667 10.5 19.1667C10.7987 19.1667 11.0973 19.0523 11.3248 18.8248L25.6667 4.483V12.1667C25.6667 12.8107 26.1893 13.3333 26.8333 13.3333C27.4773 13.3333 28 12.8107 28 12.1667V4C28 2.07033 26.4297 0.5 24.5 0.5Z' fill='currentColor'/%3E%3C/svg%3E%0A");
}
a.download:after {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='28' height='31' viewBox='0 0 28 31' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.33333 30.1667C0.979711 30.1667 0.640573 30.0262 0.390524 29.7761C0.140476 29.5261 0 29.187 0 28.8333C0 28.4797 0.140476 28.1406 0.390524 27.8905C0.640573 27.6405 0.979711 27.5 1.33333 27.5H26.6667C27.0203 27.5 27.3594 27.6405 27.6095 27.8905C27.8595 28.1406 28 28.4797 28 28.8333C28 29.187 27.8595 29.5261 27.6095 29.7761C27.3594 30.0262 27.0203 30.1667 26.6667 30.1667H1.33333Z' fill='%23102D24'/%3E%3Cpath d='M14.0013 24.8335C13.6477 24.8335 13.3085 24.693 13.0585 24.443C12.8084 24.1929 12.668 23.8538 12.668 23.5002V2.16683C12.668 1.81321 12.8084 1.47407 13.0585 1.22402C13.3085 0.973972 13.6477 0.833496 14.0013 0.833496C14.3549 0.833496 14.6941 0.973972 14.9441 1.22402C15.1942 1.47407 15.3346 1.81321 15.3346 2.16683V23.5002C15.3346 23.8538 15.1942 24.1929 14.9441 24.443C14.6941 24.693 14.3549 24.8335 14.0013 24.8335Z' fill='%23102D24'/%3E%3Cpath d='M13.9991 24.8336C13.6807 24.8336 13.3728 24.7196 13.1311 24.5123L3.79778 16.5123C3.65728 16.4009 3.5407 16.2622 3.45502 16.1047C3.36934 15.9472 3.31631 15.774 3.29911 15.5955C3.28192 15.417 3.3009 15.2368 3.35494 15.0659C3.40897 14.8949 3.49694 14.7365 3.61358 14.6003C3.73023 14.4641 3.87315 14.3528 4.03379 14.2732C4.19444 14.1935 4.36951 14.147 4.54852 14.1365C4.72754 14.1261 4.90683 14.1518 5.07566 14.2123C5.2445 14.2727 5.3994 14.3666 5.53112 14.4883L13.9991 21.7443L22.4645 14.4883C22.7066 14.2817 23.0142 14.1678 23.3325 14.1669C23.6045 14.1673 23.87 14.2509 24.0932 14.4064C24.3164 14.562 24.4867 14.7821 24.5811 15.0373C24.6756 15.2924 24.6898 15.5703 24.6217 15.8338C24.5537 16.0972 24.4067 16.3335 24.2005 16.5109L14.8671 24.5109C14.6256 24.7187 14.3177 24.8332 13.9991 24.8336Z' fill='%23102D24'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg width='28' height='31' viewBox='0 0 28 31' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.33333 30.1667C0.979711 30.1667 0.640573 30.0262 0.390524 29.7761C0.140476 29.5261 0 29.187 0 28.8333C0 28.4797 0.140476 28.1406 0.390524 27.8905C0.640573 27.6405 0.979711 27.5 1.33333 27.5H26.6667C27.0203 27.5 27.3594 27.6405 27.6095 27.8905C27.8595 28.1406 28 28.4797 28 28.8333C28 29.187 27.8595 29.5261 27.6095 29.7761C27.3594 30.0262 27.0203 30.1667 26.6667 30.1667H1.33333Z' fill='%23102D24'/%3E%3Cpath d='M14.0013 24.8335C13.6477 24.8335 13.3085 24.693 13.0585 24.443C12.8084 24.1929 12.668 23.8538 12.668 23.5002V2.16683C12.668 1.81321 12.8084 1.47407 13.0585 1.22402C13.3085 0.973972 13.6477 0.833496 14.0013 0.833496C14.3549 0.833496 14.6941 0.973972 14.9441 1.22402C15.1942 1.47407 15.3346 1.81321 15.3346 2.16683V23.5002C15.3346 23.8538 15.1942 24.1929 14.9441 24.443C14.6941 24.693 14.3549 24.8335 14.0013 24.8335Z' fill='%23102D24'/%3E%3Cpath d='M13.9991 24.8336C13.6807 24.8336 13.3728 24.7196 13.1311 24.5123L3.79778 16.5123C3.65728 16.4009 3.5407 16.2622 3.45502 16.1047C3.36934 15.9472 3.31631 15.774 3.29911 15.5955C3.28192 15.417 3.3009 15.2368 3.35494 15.0659C3.40897 14.8949 3.49694 14.7365 3.61358 14.6003C3.73023 14.4641 3.87315 14.3528 4.03379 14.2732C4.19444 14.1935 4.36951 14.147 4.54852 14.1365C4.72754 14.1261 4.90683 14.1518 5.07566 14.2123C5.2445 14.2727 5.3994 14.3666 5.53112 14.4883L13.9991 21.7443L22.4645 14.4883C22.7066 14.2817 23.0142 14.1678 23.3325 14.1669C23.6045 14.1673 23.87 14.2509 24.0932 14.4064C24.3164 14.562 24.4867 14.7821 24.5811 15.0373C24.6756 15.2924 24.6898 15.5703 24.6217 15.8338C24.5537 16.0972 24.4067 16.3335 24.2005 16.5109L14.8671 24.5109C14.6256 24.7187 14.3177 24.8332 13.9991 24.8336Z' fill='%23102D24'/%3E%3C/svg%3E%0A");
}
a.anker:after {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='16' height='27' viewBox='0 0 16 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 1C9 0.447715 8.55228 -2.41411e-08 8 0C7.44772 2.41411e-08 7 0.447715 7 1L9 1ZM7.29289 26.7071C7.68342 27.0976 8.31658 27.0976 8.70711 26.7071L15.0711 20.3431C15.4616 19.9526 15.4616 19.3195 15.0711 18.9289C14.6805 18.5384 14.0474 18.5384 13.6569 18.9289L8 24.5858L2.34315 18.9289C1.95262 18.5384 1.31946 18.5384 0.928933 18.9289C0.538409 19.3195 0.538409 19.9526 0.928933 20.3431L7.29289 26.7071ZM7 1L7 26L9 26L9 1L7 1Z' fill='%23102D24'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg width='16' height='27' viewBox='0 0 16 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 1C9 0.447715 8.55228 -2.41411e-08 8 0C7.44772 2.41411e-08 7 0.447715 7 1L9 1ZM7.29289 26.7071C7.68342 27.0976 8.31658 27.0976 8.70711 26.7071L15.0711 20.3431C15.4616 19.9526 15.4616 19.3195 15.0711 18.9289C14.6805 18.5384 14.0474 18.5384 13.6569 18.9289L8 24.5858L2.34315 18.9289C1.95262 18.5384 1.31946 18.5384 0.928933 18.9289C0.538409 19.3195 0.538409 19.9526 0.928933 20.3431L7.29289 26.7071ZM7 1L7 26L9 26L9 1L7 1Z' fill='%23102D24'/%3E%3C/svg%3E%0A");
}
.entry-content p + .btn-full, .entry-content p + .gb-button,
.entry-content p + button:not(.menu-toggle),
.entry-content html p + input[type=button],
html .entry-content p + input[type=button],
.entry-content p + input[type=reset],
.entry-content p + input[type=submit],
.entry-content p + a.button,
.entry-content p + a.wp-block-button__link:not(.has-background),
.entry-content p + .btn-transp-dark,
.entry-content .einzelangebot p + .read-more-btn,
.einzelangebot .entry-content p + .read-more-btn,
.entry-content p + .btn-transp-light,
.entry-content .error404 nav.wp-block-navigation p + a,
.error404 nav.wp-block-navigation .entry-content p + a,
.entry-content .footer-cta p + a,
.footer-cta .entry-content p + a {
margin-top: 1rem;
}
.copyright-bar {
display: none;
}
#masthead {
position: fixed;
top: 0;
width: 100%;
z-index: 1000;
}
#masthead .inside-header {
padding-top: 0;
padding-bottom: 0;
position: relative;
}
@media (max-width: 768px) {
#masthead .inside-header {
background-color: #fff;
padding: 5px 20px 5px 10px;
}
}
#page {
margin-top: 50px;
}
@media (min-width: 769px) {
#page {
margin-top: 60px;
}
}
.menu-toggle {
padding-right: 0;
}
.menu-toggle svg {
fill: var(--blue);
width: 1rem;
height: 1rem;
}
#primary-menu li a {
transition: font-size 0.2s ease-in;
}
#primary-menu li .sub-menu {
background-color: white;
box-shadow: none;
}
#primary-menu li .sub-menu a {
font-size: 0.9rem;
margin-bottom: 0;
}
#primary-menu li.cta {
line-height: 0.7;
}
#primary-menu li.cta a {
background-color: var(--pink);
border-radius: 0.5em;
color: var(--white);
border: 2px solid var(--pink);
}
#primary-menu li.cta a:hover, #primary-menu li.cta a:focus {
color: var(--pink);
background-color: var(--white);
}
#primary-menu li.current-menu-item > a {
color: var(--pink);
}
#site-navigation .menu-bar-item,
#site-navigation .menu-bar-item a {
width: 53px;
height: 53px;
transition: all 0.2s ease-in;
}
#site-navigation .menu-bar-item svg,
#site-navigation .menu-bar-item a svg {
height: 1.5em;
width: 1.5em;
}
.mobile-menu-control-wrapper .menu-bar-item {
width: 45px;
height: 45px;
margin-top: -5px;
}
.mobile-menu-control-wrapper .menu-bar-item a {
width: 45px;
height: 45px;
}
.menu-bar-item a {
padding: 0 !important;
display: inline-block;
}
.menu-bar-item .icon-search {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.menu-bar-item .icon-search svg {
top: -0.1em;
}
.site-logo {
margin-top: 5px;
}
.site-logo svg {
width: 3rem;
height: 1.8rem;
transition: all 0.2s ease-in;
}
@media (min-width: 1341px) {
.site-logo svg {
width: 80px;
height: 40px;
margin-top: 0;
}
}
.site-logo a {
display: flex;
align-items: center;
padding: 0;
}
@media (min-width: 1341px) {
.site-logo a {
padding: 10px 0;
}
}
.icon-search {
color: var(--black);
}
.gp-search-modal .search-modal-fields {
align-items: center;
}
.gp-search-modal #search-modal-input {
background: var(--white);
color: var(--blue);
border-radius: 1em;
margin-right: 0.5em;
}
.gp-search-modal button {
background: var(--blue);
border-radius: 50%;
width: 60px;
height: 54px;
}
.gp-search-modal button svg {
color: var(--white);
top: 0.2em;
left: 0.1em;
}
.gp-search-modal button:hover, .gp-search-modal button:focus {
background: var(--pink);
}
.mobile-menu-open body {
overflow: hidden;
}
.mobile-menu-open #primary-menu li.menu-item-has-children.sfHover a {
margin-bottom: 0;
}
.mobile-menu-open #primary-menu li .sub-menu {
background-color: transparent;
margin-bottom: 20px;
}
.mobile-menu-open .site-logo .dhsajl {
fill: #fff;
}
.mobile-menu-open .site-logo .wwdsa {
fill: none;
}
.mobile-menu-open #masthead {
height: 100%;
overflow: auto !important;
border-radius: 0;
background-color: var(--blue) !important;
}
.mobile-menu-open #masthead .inside-header {
background-color: var(--blue) !important;
align-items: flex-start;
}
.mobile-menu-open #masthead #mobile-menu-control-wrapper {
padding-right: var(--scrollbarwidth);
}
.mobile-menu-open #masthead .icon-search {
color: var(--white);
}
.main-navigation.toggled .icon-search svg {
fill: white;
}
.main-navigation.toggled .menu-toggle svg {
fill: var(--white);
}
.main-navigation.toggled li a {
color: var(--white) !important;
width: max-content;
margin-bottom: 20px;
}
.main-navigation.toggled li.cta {
margin-left: 20px;
}
.main-navigation.toggled li.cta a:hover, .main-navigation.toggled li.cta a:focus {
color: var(--pink) !important;
}
.site-footer > .gb-container > .gb-container {
padding: 40px 10px;
}
@media (min-width: 769px) {
.site-footer > .gb-container > .gb-container {
padding: 0;
}
}
.footer-cta > .gb-container {
background-color: var(--blue);
color: var(--white);
border-radius: 0.5em;
padding: 20px 10px;
background-image: url("data:image/svg+xml,%3Csvg width='243' height='246' viewBox='0 0 243 246' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_324_77875)'%3E%3Cpath d='M100.695 246C99.9304 245.999 99.173 245.851 98.4637 245.563L55.7206 228.22C54.9464 227.904 54.2459 227.429 53.6641 226.825C53.0823 226.22 52.632 225.5 52.342 224.709C52.0521 223.919 51.929 223.076 51.9805 222.234C52.032 221.393 52.2571 220.571 52.6413 219.823L52.7143 219.694L97.8272 145.3L97.8778 145.23C98.1117 144.907 98.2356 144.516 98.2306 144.116C98.2257 143.715 98.0923 143.327 97.8505 143.01C97.6086 142.693 97.2714 142.464 96.8895 142.357C96.5076 142.25 96.1016 142.271 95.7326 142.417L95.5959 142.464L13.3387 168.405L13.2788 168.42C12.4591 168.624 11.606 168.651 10.7753 168.498C9.94469 168.346 9.15527 168.018 8.45887 167.536C7.76247 167.054 7.17481 166.429 6.73443 165.701C6.29405 164.974 6.01089 164.161 5.90352 163.315L0.0519427 117.138C-0.0534771 116.293 0.0186859 115.436 0.263717 114.621C0.508748 113.807 0.921133 113.054 1.47393 112.412C2.02672 111.769 2.70749 111.252 3.47175 110.893C4.23601 110.535 5.06656 110.343 5.90914 110.331H6.00835L92.4418 113.356H92.4998C92.8964 113.394 93.2942 113.3 93.6331 113.088C93.972 112.877 94.2333 112.559 94.3774 112.184C94.5216 111.809 94.5407 111.397 94.4319 111.01C94.3231 110.623 94.0923 110.282 93.7746 110.04L93.6398 109.928L29.5064 51.6298L29.4577 51.5788C28.8685 50.9639 28.415 50.2298 28.1274 49.4249C27.8397 48.6201 27.7243 47.7627 27.7889 46.9095C27.8535 46.0562 28.0965 45.2265 28.5019 44.4751C28.9074 43.7238 29.466 43.0678 30.141 42.5506L43.5644 32.2783C47.3454 29.3789 51.6878 27.3148 56.3097 26.2202C60.9316 25.1255 65.7297 25.0246 70.3927 25.9241C75.0556 26.8235 79.4793 28.7032 83.3765 31.4412C87.2737 34.1792 90.5574 37.7142 93.0146 41.817L93.1007 41.9758L117.276 91.4446L117.291 91.4806C117.453 91.8433 117.725 92.1439 118.069 92.3379C118.413 92.5319 118.809 92.6089 119.2 92.5576C119.59 92.5063 119.954 92.3293 120.237 92.0529C120.52 91.7765 120.707 91.4154 120.771 91.023L120.796 90.8963L140.988 1.70152L141.001 1.65425C141.086 1.34778 141.234 1.06279 141.435 0.817812C141.636 0.572832 141.886 0.373337 142.168 0.23229C142.451 0.0912419 142.76 0.0117968 143.074 -0.000883844C143.389 -0.0135645 143.703 0.0408029 143.996 0.158686L194.448 20.6314C194.737 20.749 194.999 20.9262 195.217 21.1516C195.435 21.3771 195.604 21.646 195.713 21.941C195.822 22.2361 195.87 22.551 195.852 22.8656C195.834 23.1801 195.752 23.4875 195.61 23.7681L195.531 23.9099L148.633 101.356L148.575 101.435C148.33 101.758 148.198 102.154 148.198 102.561C148.198 102.967 148.331 103.363 148.576 103.685C148.821 104.008 149.165 104.241 149.554 104.346C149.942 104.452 150.355 104.426 150.727 104.271L150.825 104.233L209.264 83.6624L209.357 83.6397C213.075 82.696 216.949 82.5609 220.723 83.2432C224.496 83.9255 228.083 85.4097 231.246 87.5975C234.409 89.7853 237.075 92.6268 239.069 95.9339C241.063 99.241 242.338 102.938 242.811 106.781C243.284 110.623 242.943 114.523 241.811 118.222C240.679 121.922 238.782 125.336 236.246 128.239C233.709 131.142 230.591 133.468 227.098 135.062C223.604 136.657 219.815 137.483 215.982 137.488H215.795L153.891 134.241H153.874C153.48 134.21 153.086 134.309 152.752 134.523C152.418 134.736 152.162 135.053 152.02 135.426C151.879 135.799 151.862 136.208 151.97 136.592C152.078 136.977 152.306 137.315 152.62 137.557L152.743 137.66L216.95 195.531L216.995 195.578C217.594 196.191 218.058 196.925 218.353 197.733C218.649 198.541 218.771 199.403 218.71 200.262C218.65 201.121 218.408 201.958 218.002 202.715C217.596 203.472 217.034 204.133 216.354 204.654L178.1 233.916C177.434 234.425 176.669 234.788 175.856 234.98C175.042 235.173 174.198 235.192 173.377 235.035C172.556 234.879 171.777 234.55 171.089 234.071C170.401 233.592 169.82 232.974 169.383 232.254L169.323 232.148L128.751 155.563L128.721 155.493C128.56 155.129 128.286 154.828 127.942 154.634C127.597 154.44 127.2 154.363 126.809 154.415C126.418 154.468 126.054 154.646 125.771 154.924C125.488 155.202 125.302 155.564 125.239 155.958L125.215 156.083L106.477 241.513L106.462 241.566C106.113 242.84 105.359 243.963 104.318 244.764C103.276 245.565 102.004 245.999 100.695 246ZM56.3009 221.81C56.1921 222.038 56.1309 222.286 56.121 222.539C56.1112 222.792 56.153 223.045 56.2437 223.281C56.3345 223.516 56.4723 223.731 56.6486 223.911C56.8249 224.091 57.036 224.232 57.2686 224.327L100.012 241.672C100.247 241.767 100.5 241.812 100.754 241.803C101.008 241.794 101.257 241.732 101.486 241.621C101.714 241.51 101.918 241.352 102.083 241.158C102.248 240.963 102.372 240.736 102.445 240.49L121.149 155.228C121.369 153.96 121.983 152.795 122.903 151.904C123.824 151.012 125.001 150.441 126.265 150.272C127.529 150.103 128.813 150.346 129.931 150.966C131.049 151.585 131.942 152.548 132.48 153.716L172.951 230.101C173.087 230.314 173.266 230.496 173.475 230.636C173.685 230.776 173.92 230.871 174.168 230.916C174.415 230.96 174.669 230.953 174.913 230.894C175.157 230.835 175.387 230.726 175.588 230.573L213.837 201.303C214.041 201.147 214.21 200.949 214.334 200.722C214.458 200.495 214.533 200.245 214.555 199.987C214.577 199.729 214.546 199.469 214.462 199.224C214.379 198.979 214.245 198.755 214.071 198.565L150.023 140.838C149.021 140.035 148.3 138.93 147.964 137.684C147.629 136.437 147.697 135.115 148.159 133.91C148.621 132.706 149.453 131.682 150.533 130.99C151.612 130.297 152.883 129.972 154.159 130.061L215.967 133.296H215.982C219.218 133.283 222.414 132.579 225.36 131.228C228.307 129.877 230.937 127.911 233.076 125.46C235.216 123.008 236.817 120.126 237.774 117.004C238.731 113.882 239.023 110.591 238.629 107.347C238.236 104.103 237.166 100.98 235.491 98.1839C233.816 95.3878 231.573 92.9818 228.911 91.1246C226.248 89.2674 223.226 88.001 220.044 87.409C216.862 86.8169 213.592 86.9126 210.449 87.6897L152.232 108.172C151.029 108.647 149.706 108.716 148.46 108.369C147.215 108.022 146.113 107.278 145.321 106.247C144.529 105.217 144.087 103.955 144.063 102.65C144.039 101.345 144.433 100.068 145.186 99.0075L190.81 23.6793L144.526 4.89684L124.859 91.7736C124.635 93.0414 124.015 94.2037 123.091 95.0912C122.167 95.9787 120.986 96.5452 119.722 96.7083C118.457 96.8713 117.173 96.6224 116.058 95.9977C114.943 95.3731 114.054 94.4053 113.521 93.2352L89.413 43.9157C87.251 40.3279 84.3674 37.2385 80.9487 34.8475C77.53 32.4564 73.6524 30.8169 69.5668 30.035C65.4811 29.2532 61.2785 29.3464 57.2308 30.3086C53.1831 31.2709 49.3805 33.0807 46.069 35.6211L32.6456 45.8934C32.4427 46.0488 32.2741 46.2452 32.1504 46.47C32.0268 46.6948 31.9508 46.9432 31.9274 47.1993C31.904 47.4554 31.9336 47.7136 32.0144 47.9575C32.0952 48.2014 32.2253 48.4257 32.3966 48.616L96.3596 106.758C97.3658 107.562 98.0897 108.671 98.4247 109.922C98.7598 111.173 98.6883 112.5 98.2209 113.706C97.7534 114.913 96.9147 115.937 95.8281 116.626C94.7415 117.315 93.4646 117.634 92.1853 117.535L5.92224 114.51C5.66802 114.519 5.41844 114.581 5.18943 114.693C4.96042 114.805 4.757 114.964 4.59214 115.159C4.42729 115.355 4.30462 115.583 4.23196 115.829C4.1593 116.076 4.13825 116.334 4.17014 116.589L10.0236 162.791C10.0557 163.046 10.1398 163.291 10.2708 163.511C10.4017 163.731 10.5765 163.921 10.7841 164.068C10.9917 164.216 11.2275 164.319 11.4765 164.37C11.7256 164.421 11.9824 164.419 12.2306 164.364L94.2987 138.48C95.4969 138.03 96.8062 137.979 98.0353 138.334C99.2644 138.689 100.349 139.432 101.13 140.455C101.911 141.477 102.347 142.725 102.376 144.016C102.405 145.307 102.023 146.573 101.288 147.629L56.3009 221.81Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_324_77875'%3E%3Crect width='243' height='246' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
background-position: bottom 40px right 10px;
background-repeat: no-repeat;
background-size: 20%;
}
.footer-cta > .gb-container .cta_big {
font-family: "Merriweather", serif;
font-size: 2.2rem;
margin-bottom: 20%;
}
@media (min-width: 769px) {
.footer-cta > .gb-container {
padding: 40px calc(20% + 40px) 40px 40px;
background-position: center right 40px;
}
.footer-cta > .gb-container .cta_big {
margin-bottom: 40px;
}
}
@media (max-width: 320px) {
.footer-cta a {
display: block;
}
}
footer {
color: var(--blue);
padding-top: 0 !important;
}
footer .socials-copy {
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: flex-end;
}
@media (max-width: 939px) {
footer .gb-grid-column {
width: 100% !important;
}
footer .socials-copy {
justify-content: flex-start;
align-items: flex-start;
margin-bottom: 10px;
}
}
#footer-logo {
margin-bottom: 20px;
}
.footer-menu-container ul {
padding: 10px 0;
margin: 0;
list-style: none;
display: flex;
flex-wrap: wrap;
}
.footer-menu-container ul li {
width: 100%;
}
.footer-menu-container ul a {
color: var(--blue);
text-decoration: none;
margin-right: 2em;
margin-bottom: 0.8em;
display: inline-block;
}
.footer-menu-container ul a:hover, .footer-menu-container ul a:focus {
color: var(--pink);
}
@media (min-width: 940px) {
.footer-menu-container ul li {
width: auto;
}
}
.footer-menu-gross a {
font-size: 1.1rem;
font-family: "Merriweather Sans", sans-serif;
}
.footer-menu-klein a {
font-size: 1.1rem;
font-family: "Source Sans 3", sans-serif;
}
.footer-menu-functional a {
font-size: 0.95rem;
font-family: "Source Sans 3", sans-serif;
}
.copyright {
font-size: 12px;
margin-bottom: 0;
}
.socials a {
display: inline-block;
margin-right: 0.5em;
margin-bottom: 0.5em;
}
.socials a:last-child {
margin-right: 0;
}
.socials a svg {
width: 40px;
height: 40px;
}
.socials a:hover path:first-child, .socials a:focus path:first-child {
fill: var(--pink);
}
.entry-content > p + h2,
.entry-content > p + h3,
.entry-content > p + h4,
.entry-content > p + h5,
.entry-content > img + h2,
.entry-content > img + h3,
.entry-content > img + h4,
.entry-content > img + h5,
.entry-content > ul + h2,
.entry-content > ul + h3,
.entry-content > ul + h4,
.entry-content > ul + h5,
.entry-content > blockquote + h2,
.entry-content > blockquote + h3,
.entry-content > blockquote + h4,
.entry-content > blockquote + h5 {
margin-top: 3rem;
}
.entry-content > p + .btn, .aktuelle-beitraege .entry-content > p + .to-blog, .entry-content > p + .btn-transp-light, .error404 nav.wp-block-navigation .entry-content > p + a, .entry-content > p + .btn-transp-dark, .einzelangebot .entry-content > p + .read-more-btn, .entry-content > p + .btn-full, .entry-content > p + .gb-button,
.entry-content > p + button:not(.menu-toggle),
html .entry-content > p + input[type=button],
.entry-content > p + input[type=reset],
.entry-content > p + input[type=submit],
.entry-content > p + a.button,
.entry-content > p + a.wp-block-button__link:not(.has-background), .footer-cta .entry-content > p + a {
margin-bottom: 3rem;
}
.entry-content > .werte {
margin-top: 1rem;
margin-bottom: 3rem;
}
@media (min-width: 769px) {
.home main {
margin-top: 0 !important;
}
.home main > article > .inside-article {
padding-top: 0;
}
.home main > article > .inside-article > .entry-content {
margin-top: 0;
}
}
.home .card {
border: 2px solid var(--blue);
}
.home .home-hero .inner-content {
max-width: 100%;
padding-bottom: 180px;
background-size: 70px;
background-position: bottom center;
}
@media (min-width: 769px) {
.home .home-hero .inner-content {
max-width: max-content;
padding-bottom: 90px;
padding-right: 70px;
background-size: 50px;
background-position: bottom right;
}
}
.home .home-hero .column:first-child {
display: flex;
flex-direction: column;
justify-content: center;
}
.home .home-hero .column:last-child {
text-align: center;
}
.home .home-hero img {
max-width: 100%;
max-height: calc(100vh - 80px);
width: auto;
padding: 20px 0;
}
@media (min-width: 769px) {
.home .home-hero img {
max-width: 350px;
}
}
@media (min-width: 1201px) {
.home .home-hero img {
max-width: 540px;
}
}
.home h1 span {
display: inline-block;
}
.home h1 span:first-child {
font-size: 1.66rem;
font-family: "Merriweather", serif;
color: var(--black);
margin-bottom: 0.5em;
}
.page .entry-content {
background-color: var(--white);
}
@media (min-width: 920px) {
.page .entry-content > p,
.page .entry-content > h2,
.page .entry-content > h3,
.page .entry-content > h4,
.page .entry-content > h5,
.page .entry-content > h6 {
padding-right: 20%;
}
}
.aktuelle-beitraege {
background-color: blue;
color: var(--white);
}
.aktuelle-beitraege ul {
list-style: none;
padding: 0;
margin: 0;
}
.aktuelle-beitraege .card {
color: var(--blue);
}
.aktuelle-beitraege .card .weiterlesen {
background-color: var(--blue);
}
.aktuelle-beitraege .to-blog {
background-color: var(--white);
color: var(--blue);
margin-top: 40px;
}
.card {
padding: 20px;
border-radius: 1.6rem;
max-width: 1100px;
margin: 3rem auto;
}
@media (min-width: 769px) {
.card {
padding: 40px;
}
}
body:not(.search) #nav-below {
padding-left: 0;
}
.blog .generate-columns-container {
padding: 0 10px;
max-width: 1800px;
margin-left: auto;
margin-right: auto;
gap: 20px;
}
.blog .generate-columns-container article {
padding: 0 !important;
}
@media (min-width: 769px) {
.blog .generate-columns-container article {
width: calc(50% - 10px);
}
}
@media (min-width: 769px) {
.blog .generate-columns-container {
padding: 0 40px;
}
}
.blog article:first-child, .blog article:nth-child(3n),
.archive article:first-child,
.archive article:nth-child(3n) {
padding-left: 0;
}
.blog article .inside-article,
.archive article .inside-article {
border-radius: 30px;
background-color: var(--light-greyblue);
display: flex;
flex-direction: column;
padding: 0;
}
.blog article .inside-article .entry-header,
.archive article .inside-article .entry-header {
display: flex;
flex-direction: column;
}
.blog article .inside-article .entry-header h2,
.archive article .inside-article .entry-header h2 {
order: 2;
margin-top: 1em;
padding: 0 20px;
}
.blog article .inside-article .entry-summary,
.archive article .inside-article .entry-summary {
padding: 20px;
height: 100%;
display: flex;
flex-direction: column;
}
.blog article .inside-article .entry-summary .read-more-container,
.archive article .inside-article .entry-summary .read-more-container {
margin-top: auto;
margin-bottom: 0;
}
.blog article .inside-article .entry-summary:not(:first-child),
.archive article .inside-article .entry-summary:not(:first-child) {
margin-top: 0;
}
.blog article .inside-article img,
.archive article .inside-article img {
border-top-left-radius: 30px;
border-top-right-radius: 30px;
margin-top: 0;
margin-left: 0;
margin-right: 0;
aspect-ratio: 2.5/1;
object-fit: cover;
max-height: 336px;
min-height: 250px;
}
.archive #main {
display: flex;
flex-wrap: wrap;
gap: 20px;
padding: 0 10px;
max-width: 1800px;
margin-left: auto;
margin-right: auto;
margin-top: 40px;
}
.archive #main .page-header {
width: 100%;
padding: 0;
}
@media (min-width: 769px) {
.archive #main {
padding: 0 40px;
}
.archive #main article {
width: calc(50% - 10px);
}
}
.post-template-default .entry-header .column:first-child,
.veroeffentlichung-template-default .entry-header .column:first-child,
.page-template .entry-header .column:first-child {
display: flex;
flex-direction: column;
justify-content: center;
}
@media (max-width: 768px) {
.post-template-default .entry-header .column:first-child,
.veroeffentlichung-template-default .entry-header .column:first-child,
.page-template .entry-header .column:first-child {
order: 2;
}
}
.page-template .entry-content > *:not(div) {
max-width: 1100px;
margin-left: auto;
margin-right: auto;
}
.post-template-default .inside-article,
.veroeffentlichung-template-default .inside-article {
padding-bottom: 0;
}
.post-template-default .inside-article .entry-content,
.veroeffentlichung-template-default .inside-article .entry-content {
max-width: 1100px;
margin-left: auto;
margin-right: auto;
padding: 3rem 0;
}
.beitragsbild {
border-radius: 20px;
}
@media (min-width: 1500px) {
.beitragsbild {
max-width: 600px;
}
}
.post-template-default .aktuelle-beitraege,
.page-id-199 .aktuelle-beitraege {
padding: 20px 10px;
border-radius: 1em;
}
@media (min-width: 769px) {
.post-template-default .aktuelle-beitraege,
.page-id-199 .aktuelle-beitraege {
padding: 1.5rem;
}
} .page .entry-content {
margin-top: 20px;
}
.page .inside-article {
padding-bottom: 0;
}
.page main {
margin-bottom: 0 !important;
}
.page-hero hgroup {
display: flex;
flex-direction: column;
justify-content: center;
height: 100%;
}
.page-hero hgroup h1 {
order: 2;
}
.page-hero hgroup p {
margin-bottom: 0.2em;
font-family: "Merriweather Sans", sans-serif;
color: var(--blue);
}
@media (min-width: 769px) {
.page-hero .column:last-child {
text-align: right;
}
}
.page-template-hero-with-svg h1 {
width: min-content;
}
.page-template-hero-with-svg hgroup {
height: 100%;
}
.intro {
padding: 4rem 0;
}
.intro .column:first-child p {
font-family: "Merriweather", serif;
}
@media (min-width: 769px) {
.intro .column:last-child {
padding-right: 25%;
}
}
.durchgehender-bg {
margin: 2.2rem -10px;
padding-top: 2.2rem;
padding-bottom: 2.2rem;
}
.durchgehender-bg > * {
max-width: 1800px;
margin-left: auto;
margin-right: auto;
padding: 0 10px;
}
@media (min-width: 769px) {
.durchgehender-bg {
margin: 2.2rem -40px;
}
.durchgehender-bg > * {
padding: 0 40px;
}
}
@media (min-width: 1800px) {
.durchgehender-bg {
margin: 2.2rem calc((100vw - 1800px + 80px) / 2 * -1);
}
}
.einzelangebot {
border-radius: 1.5rem;
padding: 2rem;
display: flex;
flex-direction: column;
}
.einzelangebot a {
text-decoration: none;
}
.einzelangebot a:before {
border-radius: 1.5rem;
}
.einzelangebot p {
font-family: "Merriweather", serif;
}
.einzelangebot img {
margin-bottom: 20px;
}
.einzelangebot .read-more-btn {
color: var(--black) !important;
border-color: currentColor !important;
margin-top: auto !important;
margin-bottom: 0 !important;
}
.einzelangebot .read-more-btn:hover,
.einzelangebot .read-more-btn :focus {
background-color: var(--black) !important;
color: var(--white) !important;
border-color: var(--black) !important;
}
.einzelangebot svg {
margin-bottom: 1.5rem;
}
.durchgehender-bg-card {
padding: 10px;
border-radius: 1.5rem;
display: flex;
flex-direction: column;
}
.durchgehender-bg-card a.btn-full, .durchgehender-bg-card a.gb-button,
.durchgehender-bg-card a.button,
.durchgehender-bg-card a.wp-block-button__link:not(.has-background), .durchgehender-bg-card a.btn-transp-dark, .durchgehender-bg-card .einzelangebot a.read-more-btn, .einzelangebot .durchgehender-bg-card a.read-more-btn, .durchgehender-bg-card a.btn-transp-light, .durchgehender-bg-card .error404 nav.wp-block-navigation a, .error404 nav.wp-block-navigation .durchgehender-bg-card a, .durchgehender-bg-card .footer-cta a, .footer-cta .durchgehender-bg-card a {
float: left;
clear: both;
}
.durchgehender-bg-card p {
font-family: "Merriweather", serif;
}
.durchgehender-bg-card p + a,
.durchgehender-bg-card h2 + a,
.durchgehender-bg-card h3 + a,
.durchgehender-bg-card h4 + a,
.durchgehender-bg-card h5 + a {
margin-top: auto !important;
}
@media (min-width: 769px) {
.durchgehender-bg-card {
padding: 20px;
}
}
.content-half-width {
padding: 3rem 0;
}
@media (min-width: 769px) {
.content-half-width {
max-width: calc(66.66% - 20px);
}
}
@media (min-width: 1024px) {
.content-half-width {
max-width: calc(50% - 20px);
}
}
.post-type-archive-veranstaltung .entry-summary p:not(.read-more-container) {
display: none;
}
.post-type-archive-veranstaltung article h2 span {
display: block;
}
.post-type-archive-veranstaltung article h2 span:first-child {
margin-bottom: 0.5em;
}
.error404 #page,
.error404 .footer-cta {
background-color: var(--blue);
color: var(--white);
}
.error404 main {
padding: 0 calc(20% + 40px) 40px 40px;
}
.error404 nav.wp-block-navigation ul {
flex-direction: column;
justify-content: flex-start;
align-content: flex-start;
list-style: none;
}
.error404 nav.wp-block-navigation ul li {
width: 100%;
}
.error404 h1 {
color: var(--white);
}
.linkbio-hero {
padding: 20px 10px;
}
@media (min-width: 769px) {
.linkbio-hero {
padding: 20px 40px 0 40px;
}
}
.page-id-199 .page-hero.half-grid {
margin-bottom: 0;
}
@media (max-width: 768px) {
.page-id-199 .beitragsbild {
max-height: 150px;
width: auto;
}
.page-id-199 .page-hero.half-grid .column:last-child {
text-align: right;
}
.page-id-199 .entry-content > a:first-child {
transform: translateY(-180px);
}
} .flickity-enabled {
position: relative;
}
.flickity-enabled:focus {
outline: none;
}
.flickity-viewport {
overflow: hidden;
position: relative;
height: 100%;
}
.flickity-slider {
position: absolute;
width: 100%;
height: 100%;
} .flickity-enabled.is-draggable {
-webkit-tap-highlight-color: transparent;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.flickity-enabled.is-draggable .flickity-viewport {
cursor: move;
cursor: -webkit-grab;
cursor: grab;
}
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
cursor: -webkit-grabbing;
cursor: grabbing;
} .flickity-button {
position: absolute;
background: hsla(0deg, 0%, 100%, 0.75);
border: none;
color: #333;
}
.flickity-button:hover {
background: white;
cursor: pointer;
}
.flickity-button:focus {
outline: none;
box-shadow: 0 0 0 5px #19F;
}
.flickity-button:active {
opacity: 0.6;
}
.flickity-button:disabled {
opacity: 0.3;
cursor: auto; pointer-events: none;
}
.flickity-button-icon {
fill: currentColor;
} .flickity-prev-next-button {
top: 50%;
width: 44px;
height: 44px;
border-radius: 50%; transform: translateY(-50%);
}
.flickity-prev-next-button.previous {
left: 10px;
}
.flickity-prev-next-button.next {
right: 10px;
} .flickity-rtl .flickity-prev-next-button.previous {
left: auto;
right: 10px;
}
.flickity-rtl .flickity-prev-next-button.next {
right: auto;
left: 10px;
}
.flickity-prev-next-button .flickity-button-icon {
position: absolute;
left: 20%;
top: 20%;
width: 60%;
height: 60%;
} .flickity-page-dots {
position: absolute;
width: 100%;
bottom: -25px;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
line-height: 1;
}
.flickity-rtl .flickity-page-dots {
direction: rtl;
}
.flickity-page-dots .dot {
display: inline-block;
width: 10px;
height: 10px;
margin: 0 8px;
background: #333;
border-radius: 50%;
opacity: 0.25;
cursor: pointer;
}
.flickity-page-dots .dot.is-selected {
opacity: 1;
}
.slider-container {
display: grid;
grid-template-columns: 1fr;
margin: 40px 0 120px 0;
}
@media (min-width: 769px) {
.slider-container {
margin: 40px calc((100vw - 80px) / 2 * -1) 120px 0;
}
}
@media (min-width: 1180px) {
.slider-container {
margin: 80px auto 120px auto;
padding-right: 40px;
}
}
@media (min-width: 769px) {
.slider-container {
grid-template-columns: 33vw 66vw;
}
}
.slider-container .slider-meta {
padding-right: 40px;
}
.main-carousel .flickity-slider > * {
max-width: 80%;
margin-right: 10px;
}
.main-carousel .flickity-slider > figure,
.main-carousel .flickity-slider > img {
max-width: 400px;
}
button.flickity-prev-next-button {
bottom: -80px !important;
top: initial !important;
background-color: transparent !important;
border-color: transparent !important;
color: var(--blue) !important;
}
button.flickity-prev-next-button:hover, button.flickity-prev-next-button:focus {
color: var(--pink) !important;
background-color: transparent !important;
border-color: transparent !important;
}
button.flickity-prev-next-button:focus {
outline: 0 !important;
box-shadow: none;
}
button.flickity-prev-next-button:focus svg {
outline: 3px dotted var(--pink);
outline-offset: 2px;
}
@media (min-width: 769px) {
button.flickity-prev-next-button {
bottom: 0 !important;
right: initial !important;
}
button.flickity-prev-next-button.previous {
transform: translateX(-33vw) !important;
}
button.flickity-prev-next-button.next {
transform: translateX(calc(-33vw + 40px)) !important;
}
}
.flickity-page-dots {
text-align: left;
}
.flickity-page-dots li {
background: var(--blue) !important;
}
main {
overflow-x: hidden;
}
.testimonial {
color: var(--blue);
font-family: "Merriweather Sans", sans-serif;
border-radius: 30px;
border-left: none !important;
font-style: normal;
padding: 20px;
margin-bottom: 0;
min-height: 100%;
display: flex;
flex-direction: column;
}
.testimonial footer {
margin-top: auto;
display: flex;
justify-content: space-between;
width: 100%;
}
.testimonial footer p {
margin-bottom: 0;
align-self: center;
}
.testimonial footer img {
aspect-ratio: 1/1;
border-radius: 50%;
object-fit: cover;
}
.testimonial:nth-child(odd) {
background-color: var(--greyblue);
}
.testimonial:nth-child(even) {
background-color: var(--light-beige);
} details {
background-color: var(--light-greyblue);
color: var(--blue);
font-family: "Merriweather Sans", sans-serif;
border-radius: 30px;
padding: 10px 20px;
margin-bottom: 10px;
}
details > summary {
list-style: none;
padding: 0.5em calc(2em + 20px) 0.5em 0;
background-image: url("data:image/svg+xml,%3Csvg width='51' height='51' viewBox='0 0 51 51' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Group 572'%3E%3Cpath id='Line 16' d='M14.4121 22.8032L25.3511 33.7422' stroke='%23123B75' stroke-width='2' stroke-linecap='round'/%3E%3Cpath id='Line 17' d='M25.4727 33.6211L36.4116 22.6821' stroke='%23123B75' stroke-width='2' stroke-linecap='round'/%3E%3Ccircle id='Ellipse 17' cx='25.5' cy='25.5' r='24.5' stroke='%23123B75' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: 2em;
background-position: right;
}
details[open] > summary {
background-image: url("data:image/svg+xml,%3Csvg width='51' height='51' viewBox='0 0 51 51' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36.5869 28.1973L25.6479 17.2583' stroke='%23123B75' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M25.5264 17.3789L14.5874 28.3179' stroke='%23123B75' stroke-width='2' stroke-linecap='round'/%3E%3Ccircle cx='25.5' cy='25.5' r='24.5' transform='rotate(-180 25.5 25.5)' stroke='%23123B75' stroke-width='2'/%3E%3C/svg%3E%0A");
}