@font-face {
font-display: swap; font-family: 'Prompt';
font-style: normal;
font-weight: 300;
src: url(//www.maritimes-forum-kiel.de/wp-content/themes/gp-mfk/css/fonts/prompt-v10-latin-300.woff2) format('woff2'); } @font-face {
font-display: swap; font-family: 'Prompt';
font-style: normal;
font-weight: 400;
src: url(//www.maritimes-forum-kiel.de/wp-content/themes/gp-mfk/css/fonts/prompt-v10-latin-regular.woff2) format('woff2'); } @font-face {
font-display: swap; font-family: 'Prompt';
font-style: normal;
font-weight: 500;
src: url(//www.maritimes-forum-kiel.de/wp-content/themes/gp-mfk/css/fonts/prompt-v10-latin-500.woff2) format('woff2'); } @font-face {
font-display: swap; font-family: 'Open Sans';
font-style: normal;
font-weight: 300;
src: url(//www.maritimes-forum-kiel.de/wp-content/themes/gp-mfk/css/fonts/open-sans-v35-latin-300.woff2) format('woff2'); } @font-face {
font-display: swap; font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: url(//www.maritimes-forum-kiel.de/wp-content/themes/gp-mfk/css/fonts/open-sans-v35-latin-regular.woff2) format('woff2'); } @font-face {
font-display: swap; font-family: 'Open Sans';
font-style: normal;
font-weight: 600;
src: url(//www.maritimes-forum-kiel.de/wp-content/themes/gp-mfk/css/fonts/open-sans-v35-latin-600.woff2) format('woff2'); } :root { --primary-clr: rgb(21, 66, 130);
--primary-clr-opacity: rgba(21, 66, 130, .85);
--primary-clr-light: rgb(229, 235, 241); --secondary-clr: rgb(50, 144, 141);
--secondary-clr-dark: rgb(0, 112, 123); --text-clr: rgb(48, 49, 49);
--grey-bg: rgb(247, 247, 247);
--dark-bg-opacity: rgb(41 41 41 / 45%); } html {
scroll-behavior: smooth;
}
body {
overflow-x: hidden;
font-family: "Open Sans", sans-serif;
background: #fff;
}
.fullwidth .grid-container {
position: relative;
padding: 0 40px;
}
@media (min-width: 1920px) {
.hero .fullwidth img,
.fullwidth-image img {
margin-left: auto;
margin-right: auto;
width: 100%;
}
.fullwidth .grid-container {
max-width: 1500px;
margin-left: auto;
margin-right: auto;
}
}
@media (max-width: 1919px) {
.hero .fullwidth img,
.fullwidth-image {
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
max-width: 100vw;
}
body:not(.home) .hero .hero-container img {
height: 100%;
max-height: 100%;
object-fit: cover;
width: 100vw;
}
} h1, h2, h3, h4, h5, h6 {
font-weight: 700;
font-family: "Prompt", sans-serif;
color: var(--primary-clr);
}
h1 {
font-size: 3rem;
margin-bottom: 1.5rem;
}
h2 {
font-size: 2.5rem;
margin-bottom: 1.3rem;
}
h3 {
font-size: 2rem;
margin-bottom: 1rem;
}
h4 {
font-size: 1.875rem;
margin-bottom: .9rem;
}
h5 {
font-size: 1.75rem;
margin-bottom: .75rem;
}
h6 {
font-size: 1.5rem;
margin-bottom: .5rem;
}
.site-content p {
color: var(--text-clr);
}
p, a {
font-weight: 400;
font-family: "Open Sans", sans-serif;
font-size: 1.25rem;
}
strong {
font-family: "Open Sans", sans-serif !important;
}
p + p {
margin-top: -1rem;
}
a {
text-decoration: none;
}
.site-content a {
color: var(--secondary-clr);
text-decoration: none;
}
.site-content a:hover {
color: var(--secondary-clr-dark);
}
strong p {
font-weight: 700;
}
.site-content ul {
margin-left: 0;
list-style: none;
}
.site-content ul li {
position: relative;
margin-bottom: 0;
padding-left: 1.3rem;
color: var(--text-clr);
font-size: 1.25rem;
}
.site-content ul li:before {
background-color: var(--primary-clr);
content: "";
position: absolute;
left: 0;
top: 12px;
background-repeat: no-repeat;
height: 10px;
width: 10px;
border-radius: 50%;
background-size: contain;
}
@media (max-width: 1000px) {
h1 {
font-size: 2.75rem;
margin-bottom: 1.5rem;
}
h2 {
font-size: 2.5rem;
margin-bottom: 1.3rem;
}
h3 {
font-size: 2.25rem;
margin-bottom: 1rem;
}
h4 {
font-size: 2rem;
margin-bottom: .9rem;
}
h5 {
font-size: 1.5rem;
margin-bottom: .75rem;
}
h6 {
font-size: 1.25rem;
margin-bottom: .5rem;
}
h1, h2, h3, h4, h5, h6 {
hyphens: auto;
-ms-hyphens: auto;
-moz-hyphens: auto;
-webkit-hyphens: auto;
}
}
@media (max-width: 768px) {
h1 {
font-size: 2.5rem;
margin-bottom: 1.5rem;
}
h2 {
font-size: 2.25rem;
margin-bottom: 1.3rem;
}
h3 {
font-size: 2rem;
margin-bottom: 1rem;
}
h4 {
font-size: 1.75rem;
margin-bottom: .9rem;
}
h5 {
font-size: 1.5rem;
margin-bottom: .75rem;
}
h6 {
font-size: 1.25rem;
margin-bottom: .5rem;
}
h1, h2, h3, h4, h5, h6 {
hyphens: auto;
-ms-hyphens: auto;
-moz-hyphens: auto;
-webkit-hyphens: auto;
}
} hr {
color: var(--text-clr);
margin-top: 3rem;
margin-bottom: 3rem;
opacity: .3;
}
hr.no-margin {
margin-top: 1.5rem;
margin-bottom: 1.5rem;
}
@media (max-width: 600px) {
hr {
margin-top: 2rem;
margin-bottom: 2rem;
}
} .hero .button-box a,
.button,
.btn,
input[type=submit],
a.wp-block-button__link:not(.has-background),
.footer-widget-1 .zusatztext a,
.kontaktformular .submit-button input[type="submit"] {
transition: all .2s ease-in-out;
font-size: 1.25rem;
border: 2px solid var(--secondary-clr);
background: var(--secondary-clr);
color: #fff;
border-radius: 5px;
padding: 10px 30px;
font-weight: 700;
}
.hero .button-box a:hover,
.button:hover,
.btn:hover,
.button:focus,
.btn:focus,
a.wp-block-button__link:not(.has-background):hover,
a.wp-block-button__link:not(.has-background):focus,
.footer-widget-1 .zusatztext a:hover,
.kontaktformular .submit-button input[type="submit"]:hover {
background: transparent;
color: var(--secondary-clr);
}
.wp-block-buttons + * {
margin-top: 1rem;
}
.hero .button-box a.button-2 {
background: transparent;
color: var(--secondary-clr);
margin-left: 15px;
}
.hero .button-box a.button-2:hover {
background: var(--secondary-clr);
color: #fff;
}
.hero .button-box {
margin-bottom: 1rem;
}
.fullwidth-cta .fullwidth-content .wp-block-button .wp-block-button__link {
background: var(--secondary-clr);
border: 2px solid var(--secondary-clr);
color: #fff;
}
.fullwidth-cta .fullwidth-content .wp-block-button .wp-block-button__link:hover {
background: transparent;
color: var(--secondary-clr);
}
@media (max-width: 800px) {
.hero .button-box {
display: flex;
flex-direction: column;
}
.hero .button-box a {
width: 100%;
}
.hero .button-box a.button-2 {
margin-top: 1rem;
margin-left: 0;
}
.hero .button-box a,
.button,
.btn,
input[type=submit],
a.wp-block-button__link:not(.has-background),
.footer-widget-1 .zusatztext a,
.kontaktformular .submit-button input[type="submit"] {
width: 100%;
}
} .wp-block-lazyblock-buttons-coloured + .wp-block-lazyblock-buttons-coloured,
.wp-block-lazyblock-buttons-coloured + .wp-block-buttons {
margin-top: 1rem;
}
.lazy-buttons {
display: flex;
}
.lazy-buttons.align-left,
.lazy-buttons.default {
margin-left: 0;
margin-right: auto;
justify-content: flex-start;
}
.lazy-buttons.align-center {
margin-left: auto;
margin-right: auto;
justify-content: center;
}
.lazy-buttons.align-right {
margin-left: auto;
margin-right: 0;
justify-content: flex-end;
}
.lazy-buttons .wp-block-button:nth-child(2) {
margin-left: 15px;
}
.lazy-buttons.lead-button a.wp-block-button__link {
font-size: 1.5rem;
}
.lazy-buttons .wp-block-button__link.cta-outline-blue {
background: transparent;
color: var(--secondary-clr);
}
.lazy-buttons .wp-block-button__link.cta-outline-blue:hover {
background: var(--secondary-clr);
color: #fff;
}
.lazy-buttons .wp-block-button__link.cta-bg-white {
background: #fff;
color: var(--secondary-clr);
border: 2px solid #fff;
}
.lazy-buttons .wp-block-button__link.cta-bg-white:hover {
background: transparent;
color: #fff;
border: 2px solid #fff;
}
.lazy-buttons .wp-block-button__link.cta-outline-white {
background: transparent;
color: #fff;
border: 2px solid #fff;
}
.lazy-buttons .wp-block-button__link.cta-outline-white:hover {
background: #fff;
color: var(--secondary-clr);
border: 2px solid #fff;
}
.lazy-buttons .wp-block-button a.wp-block-button__link {
margin-bottom: 0;
}
@media (max-width: 800px) {
.lazy-buttons {
flex-direction: column;
}
.lazy-buttons .wp-block-button:first-child {
margin-bottom: 1rem;
}
.lazy-buttons .wp-block-button:nth-child(2) {
margin-left: 0;
}
.lazy-buttons.align-center .wp-block-button {
display: flex;
justify-content: center;
}
.lazy-buttons.align-right .wp-block-button {
display: flex;
justify-content: flex-end;
}
.fullwidth .lazy-buttons .wp-block-button:last-child {
margin-bottom: 0;
}
} header.site-header {
-webkit-box-shadow: 0px 0px 7px 3px rgba(0,0,0,0.2);
box-shadow: 0px 0px 7px 3px rgba(0,0,0,0.2);
background: var(--primary-clr);
}
.inside-header {
align-items: flex-end;
position: relative;
padding: 20px 40px 0px 40px;
} header .inside-header .site-logo {
position: absolute;
top: 0;
background: #fff;
z-index: 10;
padding: 10px;
-webkit-box-shadow: 0px 0px 7px 3px rgba(0,0,0,0.2);
box-shadow: 0px 0px 7px 3px rgba(0,0,0,0.2);
}
header .inside-header .site-logo img {
width: 145px;
}
@media (max-width: 800px) {
header .inside-header .site-logo img {
width: 100px;
}
} .main-navigation {
background-color: transparent;
}
.main-navigation ul#menu-main-menu > li.menu-item > a {
color: #fff;
text-transform: uppercase;
font-size: 1.25rem;
line-height: inherit;
padding-left: 0;
padding-right: 0;
margin-left: 20px;
margin-right: 20px;
}
.main-navigation .main-nav ul#menu-main-menu li[class*="current-menu-"] > a {
color: #fff;
border-top: 3px solid #fff;
outline-offset: 5px;
padding-left: 0;
padding-right: 0;
margin-left: 20px;
margin-right: 20px;
}
.main-navigation ul#menu-main-menu > li.menu-item > a:hover {
opacity: .8;
}
.main-navigation .main-nav ul#menu-main-menu li[class*="current-menu-"] > a:hover {
opacity: 1;
}
.main-navigation ul#menu-main-menu > li.menu-item > a .dropdown-menu-toggle {
display: none;
}
.main-navigation ul#menu-main-menu > li.menu-item.menu-item-has-children > a {
padding-right: 0;
} .main-navigation ul#menu-main-menu > li.menu-item > ul.sub-menu {
background: rgba(255,255,255,.9);
border-top: 4px solid var(--secondary-clr);
margin-left: 20px;
}
.main-navigation ul#menu-main-menu > li.menu-item > ul.sub-menu li a {
font-size: 18px;
border-bottom: 1px solid #e6e6e6;
}
.main-navigation ul#menu-main-menu > li.menu-item > ul.sub-menu li:last-child a {
border-bottom: none;
}
.main-navigation ul#menu-main-menu > li.menu-item > ul.sub-menu li:hover a {
color: #fff;
background: var(--secondary-clr);
}
.main-navigation ul#menu-main-menu > li.menu-item > ul.sub-menu li[class*="current-menu-"] a {
background: var(--primary-clr);
margin-left: 0;
margin-right: 0;
padding: 10px 20px;
} .sticky-enabled .main-navigation.is_stuck {
-webkit-box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .2);
box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .2);
}
.sticky-enabled .main-navigation.is_stuck {
background: var(--primary-clr);
}
.main-navigation.navigation-stick.has-sticky-branding .inside-navigation.grid-container {
padding: 10px 40px 0 40px;
}
.sticky-enabled .main-navigation.is_stuck .sticky-navigation-logo {
position: absolute;
top: 0;
left: 0;
z-index: 10000;
padding: 20px;
background: #fff;
width: 114px;
height: auto;
-webkit-box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .2);
box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .2);
} @media (max-width: 768px) {
.inside-header.grid-container {
padding-top: 0;
}
.main-navigation.is_stuck .inside-navigation.grid-container {
padding: 0 40px;
}
.main-navigation.has-sticky-branding.navigation-stick .menu-toggle {
padding-right: 0 !important;
}
.main-navigation.is_stuck .menu-toggle,
.main-navigation.mobile-menu-control-wrapper .menu-toggle {
padding: 0;
}
.main-navigation.is_stuck .gp-icon,
.main-navigation.mobile-menu-control-wrapper .menu-toggle .gp-icon {
display: flex;
padding: 20px 0;
}
.main-navigation.is_stuck .gp-icon svg,
.main-navigation.mobile-menu-control-wrapper .menu-toggle .gp-icon svg {
width: 1.5rem;
height: 1.5rem;
color: #fff;
}
.main-navigation.slideout-navigation.offside.offside--right {
background-color: #fff;
}
.main-navigation.slideout-navigation.offside.offside--right .inside-navigation .slideout-exit {
background-color: var(--primary-clr);
}
.main-navigation.slideout-navigation.offside.offside--right .inside-navigation .slideout-exit .gp-icon svg {
color: #fff;
}
.main-navigation.slideout-navigation.offside.offside--right .inside-navigation .main-nav > ul.slideout-menu > li.menu-item > a  {
color: var(--text-clr);
font-size: 18px;
line-height: initial;
padding: 15px 21px;
}
.slideout-navigation .menu-item-has-children .dropdown-menu-toggle {
padding-right: 0;
}
.main-navigation.slideout-navigation.offside.offside--right .inside-navigation .main-nav > ul.slideout-menu > li.menu-item > ul.sub-menu li > a{
color: var(--text-clr);
font-size: 16px;
}
} .hero.hide-hero {
display: none;
}
.hero .fullwidth {
padding-top: 0;
padding-bottom: 0;
}
.hero .fullwidth .textbox.hero-bg h1 {
margin-bottom: 0;
}
.hero .fullwidth .textbox.hero-bg p.text {
margin-top: 1.5rem;
margin-bottom: 0;
}
.hero .fullwidth .textbox.hero-bg .button-box {
margin-top: 1.5rem;
}
.hero .textbox:not(.hero-bg) .button-box .button-1 {
background: #fff;
color: var(--secondary-clr);
border: 2px solid #fff;
}
.hero .textbox:not(.hero-bg) .button-box .button-1:hover {
background: transparent;
color: #fff;
border: 2px solid #fff;
}
.hero .textbox:not(.hero-bg) .button-box .button-2 {
background: transparent;
color: #fff;
border: 2px solid #fff;
}
.hero .textbox:not(.hero-bg) .button-box .button-2:hover {
background: #fff;
color: var(--secondary-clr);
border: 2px solid #fff;
}
.hero .textbox:not(.hero-bg) .headline {
color: #fff;
}
@media (max-width: 1100px) {
.hero .tablet-image {
display: block;
}
.hero .desktop-image,
.hero .mobile-image {
display: none;
}
.hero .textbox-bg,
.hero .textbox-nobg {
display: flex;
flex-direction: column;
}
.hero .textbox-bg img,
.hero .textbox-nobg img {
order: 1;
}
.hero .textbox-bg .textbox,
.hero .textbox-nobg .textbox {
order: 0;
padding: 60px 0;
text-align: center;
}
body:not(.home) .hero .hero-container {
height: 100%;
}
}
@media (max-width: 768px) {
.hero .mobile-image {
display: block;
}
.hero .desktop-image,
.hero .tablet-image {
display: none;
}
}
@media (min-width: 1101px) {
.hero .desktop-image {
display: block;
height: 100%;
object-fit: cover;
width: 100vw;
}
.hero .tablet-image,
.hero .mobile-image {
display: none;
}
.hero .textbox {
position: absolute;
top: 0;
bottom: 0;
max-width: 600px;
margin-left: 40px;
display: flex;
flex-direction: column;
justify-content: center;
}
.hero .textbox.hero-bg {
max-width: 600px;
}
.hero .textbox.links {
left: 0;
}
.hero .textbox.mitte {
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
}
.hero .textbox.rechts {
right: 0;
margin-left: auto;
}
.hero .textbox.mitte .box {
text-align: center;
}
.hero .textbox.hero-bg .box {
background: rgba(255, 255, 255, .85);
padding: 2rem 3rem;
border-radius: 5px;
}
.hero .textbox:not(.hero-bg) {
background: var(--dark-bg-opacity);
padding: 20px;
}
}  .both-big-margin {
margin-top: 6rem;
margin-bottom: 6rem;
}
.up-big-down-small-margin {
margin-top: 6rem;
margin-bottom: 0;
}
.up-small-down-big-margin {
margin-top: 0;
margin-bottom: 6rem;
}
.both-small-margin {
margin-top: 0;
margin-bottom: 0;
}
@media (max-width: 600px) {
.both-big-margin {
margin-top: 4rem !important;
margin-bottom: 4rem !important;
}
.up-big-down-small-margin {
margin-top: 4rem !important;
margin-bottom: 0 !important;
}
.up-small-down-big-margin {
margin-top: 0 !important;
margin-bottom: 4rem !important;
}
} .accordions details {
border-bottom: 2px solid var(--primary-clr-light)
} .accordions details:last-child {
border-bottom: none;
}
.accordions details,
.accordions details summary  {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
details summary::-webkit-details-marker {
display: none;
}
.accordions details summary {
cursor: pointer;
list-style: none;
position: relative;
margin-bottom: 0px;
width: 100%;
max-width: 100%;
color: var(--text-clr);
font-size: 1.5rem;
line-height: 2rem;
}
.accordions details summary span {
padding-right: 2rem;
display: block;
}
.fullwidth.bg-primary .accordions details summary,
.fullwidth-image .accordions details summary {
color: #fff;
}
.accordions details summary:after {
display: flex;
justify-content: center;
align-items: center;
width: 20px;
height: 20px;
content: "+";
right: 0px;
bottom: 0;
position: absolute;
font-size: 1.5em;
top: 0;
color: var(--color-secondary);
margin-top: auto;
margin-bottom: auto;
}
.accordions details[open] summary:after {
content: "-";
}
.fullwidth.bg-primary .accordions details summary:after,
.fullwidth-image .accordions details summary:after {
color: #fff;
} .accordions details div {
padding: .5rem 2rem .5rem 2rem;
}
.accordions details div ul {
margin-bottom: 0;
}
.accordions details div p:first-child {
display: none;
}
.accordions details div p {
padding-top: 1rem;
}
.accordions details div p {
margin-bottom: 0;
}
@media (max-width: 768px) {
.accordions details summary {
font-size: 1.5rem;
line-height: 2rem;
}
} .image-content .grid-container {
display: grid;
grid-gap: 2rem;
}
.fullwidth .image-content .grid-container {
padding-left: 0;
padding-right: 0;
}
.image-content.image-left.grid-50 .grid-container,
.image-content.image-right.grid-50 .grid-container {
grid-template-columns: 1fr 1fr;
}
.image-content.image-left.grid-4-6 .grid-container {
grid-template-columns: 3fr 2fr;
}
.image-content.image-right.grid-4-6 .grid-container {
grid-template-columns: 2fr 3fr;
}
.image-content.image-left .image-box {
grid-column: 1/2;
grid-row: 1/2;
}
.image-content.image-left .content-box {
grid-column: 2/3;
grid-row: 1/2;
}
.image-content.image-right .image-box {
grid-column: 2/3;
grid-row: 1/2;
}
.image-content.image-right .content-box {
grid-column: 1/2;
grid-row: 1/2;
}
.image-content .image-box img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.image-content .image-cover .image-box img {
object-fit: cover;
}
.image-content .image-contain .image-box img {
object-fit: contain;
object-position: top;
}
.image-content .content-box {
display: flex;
flex-direction: column;
justify-content: center;
padding-top: 2rem;
padding-bottom: 2rem;
}
.image-content .content-box > *:last-child {
margin-bottom: 0;
}
.image-content .image-contain .content-box {
padding-top: 0;
padding-bottom: 0;
justify-content: flex-start;
}
@media (min-width: 1920px) {
.image-content.image-left.grid-50 .grid-container,
.image-content.image-right.grid-50 .grid-container {
grid-template-columns: 1fr 1fr;
}
.image-content.image-left.grid-4-6 .grid-container {
grid-template-columns: 3fr 2.5fr;
}
.image-content.image-right.grid-4-6 .grid-container {
grid-template-columns: 2.5fr 3fr;
}
}
@media (max-width: 1536px) {
.image-content.image-left.grid-4-6 .grid-container,
.image-content.image-right.grid-4-6 .grid-container,
.image-content.image-left.grid-50 .grid-container,
.image-content.image-right.grid-50 .grid-container {
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 1101px) {
.image-content.image-left.grid-4-6 .grid-container,
.image-content.image-right.grid-4-6 .grid-container,
.image-content.image-left.grid-50 .grid-container,
.image-content.image-right.grid-50 .grid-container {
grid-template-columns: 1fr;
grid-gap: 3rem;
}
.image-content.image-left .content-box,
.image-content.image-right .content-box {
grid-column: 1/2;
grid-row: 1/2;
}
.image-content.image-left .image-box,
.image-content.image-right .image-box {
grid-column: 1/2;
grid-row: 2/3;
}
.image-content .image-box img {
width: 100%;
height: 100%;
object-fit: contain;
}
.image-content .content-box {
padding-top: 0;
padding-bottom: 0;
}
}
@media (max-width: 768px) {
.image-content .image-box img {
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
max-width: 100vw;
width: 100vw;
}
@supports selector(:nth-child(1 of x)) {
.image-content .image-box {
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
max-width: 100vw;
width: 100vw;
}
.image-content .image-box img {
margin-left: 0;
margin-right: 0;
width: 100%;
max-width: 100%;
}
}
} .fullwidth.bg-grey {
background: var(--grey-bg);
}
.fullwidth.bg-gradient {
background: var(--primary-clr-light);
}
.fullwidth {
padding-top: 6rem;
padding-bottom: 6rem;
}
.fullwidth .fullwidth-content > *:last-child {
padding-bottom: 0;
margin-bottom: 0;
}
@media(max-width: 1920px) {
.fullwidth {
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
max-width: 100vw;
}
} .fullwidth-image {
position: relative;
background-position: center;
}
.fullwidth.fullwidth-image {
padding-top: 8rem;
padding-bottom: 8rem;
}
.fullwidth-image.parallax {
background-attachment: fixed;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.fullwidth-image .overlay {
background: var(--dark-bg-opacity);
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
z-index: 1;
}
.fullwidth-image .fullwidth-content {
position: relative;
z-index: 2;
}
.fullwidth-image.tablet,
.fullwidth-image.mobile {
display: none;
}
.fullwidth-image .fullwidth-content {
background: rgba(255, 255, 255, .85);
max-width: 900px;
margin-left: auto;
margin-right: auto;
border-radius: 5px;
padding: 3rem;
}
.fullwidth.up-big-down-minus-margin {
margin-bottom: -3.8rem;
margin-top: 6rem;
}
.fullwidth.up-small-down-minus-margin {
margin-bottom: -3.8rem;
margin-top: 0;
}
@media (max-width: 1280px) {
.fullwidth-image.desktop,
.fullwidth-image.mobile {
display: none;
}
.fullwidth-image.tablet {
display: block;
}
}
@media (max-width: 768px) {
.fullwidth-image.desktop,
.fullwidth-image.tablet {
display: none;
}
.fullwidth-image.mobile {
display: block;
}
.fullwidth-image .fullwidth-content {
padding: 1.5rem;
}
} .table table,
.table table td {
border: none;
}
.table .row {
display: grid;
grid-template-columns: 1fr 10fr;
grid-gap: 10px;
margin-bottom: .5rem;
border-bottom: 1px solid rgb(48 49 49 / 16%);
padding-bottom: 5px;
}
.table .row:last-child {
border-bottom: 0;
}
.table .row .column-year p {
font-weight: 700;
color: var(--primary-clr);
}
.table .row .column-year {
width: 120px;
padding-left: 0;
}
.table .row .blank {
width: 40px;
}
.table .row .column-title p + p {
margin-top: 0;
}
.table .row p {
margin-bottom: 0;
}
@media (max-width: 1100px) {
.table .row {
grid-template-columns: 2fr 10fr;
}
.table .row .column-year {
padding-bottom: 0;
}
.table .row .column-title {
padding-left: 0;
padding-top: 0;
}
.table .row .column-year,
.table .row .column-title {
width: 100%;
}
.table .row .blank {
display: none;
}
}
@media (max-width: 850px) {
.table .row {
grid-template-columns: 1fr;
}
} .entry-content .shortcode-phone + *,
.entry-content .shortcode-mail + *,
.entry-content .shortcode-fax + * {
margin-top: 1rem;
}
.entry-content .shortcode-mail + .shortcode-fax,
.entry-content .shortcode-mail + .shortcode-phone,
.entry-content .shortcode-phone + .shortcode-mail,
.entry-content .shortcode-phone + .shortcode-fax,
.entry-content .shortcode-fax + .shortcode-mail,
.entry-content .shortcode-phone + .shortcode-phone {
margin-top: 0;
}
.entry-content .shortcode-phone i,
.entry-content .shortcode-mail i,
.entry-content .shortcode-fax i {
color: var(--secondary-clr);
}
.fax.shortcode-fax {
display: flex;
align-items: center;
}
.fax.shortcode-fax i {
margin-right: 5px;
}
.fax.shortcode-fax p {
margin-bottom: 0;
} .kontaktformular {
margin-top: -1.5rem;
}
.kontaktformular .wpcf7-not-valid-tip {
color: #fff;
font-size: 1em;
font-weight: normal;
display: block;
background-color: #dc3232;
text-align: center;
padding: 0.2em 0.5em;
margin-top: .5rem;
}
.wpcf7 form.invalid .kontaktformular .wpcf7-response-output {
margin-left: 0;
margin-right: 0;
border-color: #dc3232;
}
.kontaktformular div.wrap  {
display: flex;
flex-direction: column;
margin-bottom: 0;
}
.kontaktformular div {
margin-bottom: 1rem;
}
.kontaktformular div label {
font-size: 20px;
color: var(--text-clr);
font-weight: 400;
font-family: 'Open Sans', sans-serif;
}
.kontaktformular .kontaktaufnahme p .wpcf7-form-control-wrap .wpcf7-list-item label,
.kontaktformular .kontaktaufnahme p .wpcf7-form-control-wrap .wpcf7-list-item label,
.kontaktformular .datenschutz label span {
font-weight: 400;
color: var(--text-clr);
text-transform: none;
font-family: 'Open Sans', sans-serif;
}
.kontaktformular input[type="date"] {
padding: 10px 15px;
}
.kontaktformular input[type=text], 
.kontaktformular input[type=button], 
.kontaktformular input[type=submit],
.kontaktformular select,
.kontaktformular input[type="date"] {
border-radius: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.kontaktformular input[type="text"],
.kontaktformular [type="email"],
.kontaktformular input[type="tel"],
.kontaktformular textarea,
.kontaktformular select,
.kontaktformular input[type="date"] {
width: 100%;
border: none;
background: var(--grey-bg);
margin-top: 5px;
}
.kontaktformular .wpcf7-checkbox .wpcf7-list-item.first,
.kontaktformular .datenschutz .wpcf7-list-item {
margin-left: 0;
}
.kontaktformular .row {
display: grid;
grid-template-columns: 1fr 1fr;
column-gap: 15px;
width: 100%;
margin-bottom: 0;
}
.kontaktformular .row.three-elements {
grid-template-columns: 1fr 1fr 1fr;
}
.kontaktformular .row input {
width: 100%;
}
.kontaktformular .note {
font-size: 1rem;
font-style: italic;
margin-top: 2em;
}
.kontaktformular .kontaktaufnahme.wrap {
margin-bottom: 1.5em;
}
.kontaktformular .kontaktaufnahme p {
display: flex;
flex-direction: column;
margin-bottom: 0;
}
.kontaktformular .time,
.kontaktformular .phone,
.kontaktformular .email {
margin-bottom: 0;
margin-top: 1rem;
}
.kontaktformular .kontaktaufnahme div {
margin-bottom: 0;
}
.kontaktformular .upload p {
display: flex;
flex-direction: column;
}
@media (max-width: 1300px) {
.kontaktformular input[type="text"],
.kontaktformular [type="email"],
.kontaktformular input[type="tel"],
.kontaktformular textarea,
.kontaktformular select {
width: 100%;
}
.kontaktformular .row,
.kontaktformular .row.three-elements {
grid-template-columns: 1fr;
}
}
@media (max-width: 900px) {
.kontaktformular .kontaktaufnahme.wrap span.wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-checkbox {
display: flex;
flex-direction: column;
}
.kontaktformular .kontaktaufnahme.wrap .wpcf7-list-item {
margin-left: 0;
}
.kontaktformular .kontaktaufnahme.wrap .wpcf7-list-item:not(.last) {
margin-bottom: 10px;
}
}
@media (max-width: 768px) {
.contact .contact-form {
padding: 3em 40px;
}
} .fullwidth .wp-block-columns {
margin-bottom: 0;
}
@media(max-width: 1300px) {
.entry-content .wp-block-columns .wp-block-column {
flex-basis: 50% !important;
}
}
@media(max-width: 1100px) {
.entry-content .wp-block-columns {
flex-wrap: wrap !important;
}
.entry-content .wp-block-columns .wp-block-column {
flex-basis: 100% !important;
}
.entry-content :where(.wp-block-columns.is-layout-flex) {
gap: 2rem;
}
} .site-footer {
border-top: 5px solid var(--secondary-clr);
}
.site-footer .footer-widgets,
.site-footer .site-info {
background: var(--primary-clr);
color: #fff;
}
.site-footer .footer-widgets .inside-footer-widgets {
display: flex;
flex-direction: column;
row-gap: 2rem;
}
.site-footer .footer-widgets .footer-contact {
display: flex;
justify-content: center;
}
.site-footer .footer-widgets .footer-contact > div {
padding-left: 10px;
padding-right: 10px;
}
.site-footer .footer-widgets .footer-contact > div a,
.site-footer .footer-widgets .footer-contact > div span {
color: #fff;
font-size: 1.25rem;
}
.site-footer .footer-widgets .footer-contact > div i {
padding-right: 5px;
}
.site-footer .site-info a {
font-size: 15px;
color: #fff;
}
.site-footer .site-info a:hover,
.site-footer .footer-widgets .footer-contact > div a:hover {
opacity: .7;
}
@media (max-width: 900px) {
.site-footer .footer-widgets .inside-footer-widgets {
flex-direction: column;
align-items: center;
}
.site-footer .footer-widgets .footer-contact {
display: flex;
flex-direction: column;
row-gap: .5rem;
align-items: center;
}
.site-footer .site-info .inside-site-info {
flex-direction: column;
align-items: center;
justify-content: center;
}
.site-footer .site-info a {
font-size: 1.25rem;
}
.site-footer .site-info .copyright-bar {
text-align: center;
margin-left: auto;
margin-right: auto;
font-size: 1.25rem;
margin-bottom: 1rem;
}
.site-footer .site-info .widget ul {
display: flex;
flex-direction: column;
row-gap: .5rem;
}
.site-footer .site-info .widget ul li a {
font-size: 1.25rem;
}
} .error404 .inside-article:first-child,
.error404 .entry-title,
.error404 .entry-content,
.error404 .entry-content p,
.error404 .entry-content .search-form {
display: none !important;
}
.error404 .inside-article:first-child {
padding-bottom: 0;
margin-bottom: 0;
}
.error404 .hero {
display: none;
}
@media print {
header.site-header,
.hero img.desktop-image,
.hero img.tablet-image,
.hero img.mobile-image {
display: none;
}
p, ul li, a {
font-size: 1rem;
}
}.main-navigation.offside{position:fixed;width:var(--gp-slideout-width);height:100%;height:100vh;top:0;z-index:9999;overflow:auto;-webkit-overflow-scrolling:touch}.offside,.offside--left{left:calc(var(--gp-slideout-width) * -1)}.offside--right{left:auto;right:calc(var(--gp-slideout-width) * -1)}.offside--left.is-open:not(.slideout-transition),.offside-js--is-left .offside-sliding-element{transform:translate3d(var(--gp-slideout-width),0,0)}.offside--right.is-open:not(.slideout-transition),.offside-js--is-right .offside-sliding-element{transform:translate3d(calc(var(--gp-slideout-width) * -1),0,0)}.offside-js--interact .offside,.offside-js--interact .offside-sliding-element{transition:transform .2s cubic-bezier(.16,.68,.43,.99);-webkit-backface-visibility:hidden;-webkit-perspective:1000}.offside-js--init{overflow-x:hidden}.no-csstransforms3d .offside{transform:translate3d(0,0,0)}.no-csstransforms3d .offside-sliding-element{overflow-x:hidden;position:relative}.no-csstransforms3d .offside--left.is-open{left:0}.no-csstransforms3d .offside--right.is-open{right:0}.no-csstransforms3d>.offside-js--is-left .offside-sliding-element{right:calc(var(--gp-slideout-width) * -1)}.no-csstransforms3d>.offside-js--is-right .offside-sliding-element{left:calc(var(--gp-slideout-width) * -1)}.slideout-navigation.main-navigation:not(.is-open):not(.slideout-transition){display:none}.slideout-navigation.main-navigation:not(.slideout-transition).do-overlay{opacity:1}.slideout-navigation.main-navigation.slideout-transition.do-overlay{opacity:0}.slideout-overlay{z-index:100000;position:fixed;width:100%;height:100%;height:100vh;min-height:100%;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.8);visibility:hidden;opacity:0;cursor:pointer;transition:visibility .2s ease,opacity .2s ease}.offside-js--is-open .slideout-overlay{visibility:visible;opacity:1}.slideout-overlay button.slideout-exit{position:fixed;top:0;background-color:transparent;color:#fff;font-size:30px;border:0;opacity:0}.slide-opened .slideout-overlay button.slideout-exit{opacity:1}button.slideout-exit:hover{background-color:transparent}.slideout-navigation button.slideout-exit{background:0 0;width:100%;text-align:left;padding-top:20px;padding-bottom:20px;box-sizing:border-box;border:0}.slide-opened nav.toggled .menu-toggle:before{content:"\f0c9"}.offside-js--is-left.slide-opened .slideout-overlay button.slideout-exit{left:calc(var(--gp-slideout-width) - 5px)}.offside-js--is-right.slide-opened .slideout-overlay button.slideout-exit{right:calc(var(--gp-slideout-width) - 5px)}.slideout-widget{margin:20px}.slideout-navigation .main-nav,.slideout-navigation .slideout-widget:not(:last-child){margin-bottom:40px}.slideout-navigation:not(.do-overlay) .main-nav{width:100%;box-sizing:border-box}.slideout-navigation .mega-menu>ul>li{display:block;width:100%!important}.slideout-navigation .slideout-menu{display:block}#generate-slideout-menu{z-index:100001}#generate-slideout-menu .slideout-menu li{float:none;width:100%;clear:both;text-align:left}.slideout-navigation .slideout-widget li{float:none}#generate-slideout-menu.do-overlay li{text-align:center}#generate-slideout-menu.main-navigation ul ul{display:none}#generate-slideout-menu.main-navigation ul ul.toggled-on{display:block!important}#generate-slideout-menu .slideout-menu li.sfHover>ul,#generate-slideout-menu .slideout-menu li:hover>ul{display:none}#generate-slideout-menu.main-navigation .main-nav ul ul{position:relative;top:0;left:0;width:100%}.slideout-toggle:not(.has-svg-icon) a:before{content:"\f0c9";font-family:'GP Premium';line-height:1em;width:1.28571429em;text-align:center;display:inline-block;position:relative;top:1px}.slide-opened .slideout-exit:not(.has-svg-icon):before,.slideout-navigation button.slideout-exit:not(.has-svg-icon):before{content:"\f00d";font-family:'GP Premium';line-height:1em;width:1.28571429em;text-align:center;display:inline-block}#generate-slideout-menu li.menu-item-float-right{float:none!important;display:inline-block;width:auto}.rtl .slideout-navigation{position:fixed}.slideout-navigation .menu-item-has-children .dropdown-menu-toggle{float:right}.slideout-navigation .slideout-widget .menu li{float:none}.slideout-navigation .slideout-widget ul{display:block}.slideout-navigation.do-overlay{transform:none!important;transition:opacity .2s,visibility .2s;width:100%;text-align:center;left:0;right:0}.slideout-navigation.do-overlay .inside-navigation{display:flex;flex-direction:column;padding:10% 10% 0;max-width:700px}.slideout-navigation.do-overlay .inside-navigation .main-nav,.slideout-navigation.do-overlay .inside-navigation .slideout-widget{margin-left:auto;margin-right:auto;min-width:250px}.slideout-navigation.do-overlay .slideout-exit{position:fixed;right:0;top:0;width:auto;font-size:25px}.slideout-navigation.do-overlay .slideout-menu li a{display:inline-block}.slideout-navigation.do-overlay .slideout-menu li{margin-bottom:5px}#generate-slideout-menu.do-overlay .slideout-menu li,.slideout-navigation.do-overlay .inside-navigation{text-align:center}.slideout-navigation.do-overlay .menu-item-has-children .dropdown-menu-toggle{border-left:1px solid rgba(0,0,0,.07);padding:0 10px;margin:0 0 0 10px}.slideout-navigation.do-overlay ul ul{box-shadow:0 0 0}.nav-aligned-center .slideout-navigation,.nav-aligned-right .slideout-navigation{text-align:left}.slideout-navigation .sfHover>a>.dropdown-menu-toggle>.gp-icon svg{transform:rotate(180deg)}.slideout-navigation .sub-menu .dropdown-menu-toggle .gp-icon svg{transform:rotate(0)}.slideout-both .main-navigation.toggled .main-nav>ul,.slideout-desktop .main-navigation.toggled .main-nav li.slideout-toggle,.slideout-mobile .main-navigation.toggled .main-nav>ul{display:none!important}.slideout-both .has-inline-mobile-toggle #site-navigation.toggled,.slideout-mobile .has-inline-mobile-toggle #site-navigation.toggled{margin-top:0}.sf-menu>li.slideout-toggle{float:right}.gen-sidebar-nav .sf-menu>li.slideout-toggle{float:none}.off-canvas-toggle-label{padding-left:7px}.gp-icon+.off-canvas-toggle-label{padding-left:9px}@media (max-width:768px){.slideout-overlay button.slideout-exit{font-size:20px;padding:10px}.slideout-overlay{top:-100px;height:calc(100% + 100px);height:calc(100vh + 100px);min-height:calc(100% + 100px)}.slideout-navigation.do-overlay .slideout-exit{position:static;text-align:center}}