/* CSS Document */
/*
Theme Name: FutureCamp
Author: networkerz gmbh
Author URI: https://networkerz.de/
Description: main css
Version: 1.0
License: private
License URI: https://www.networkerz.de
*/
/* font-faces */
/* britti sans regular */
@font-face {
font-display: swap;
font-family: 'britti-regular';
font-style: normal;
font-weight: 400;
src: url('fonts/britti-sans-regular.woff2') format('woff2');
}
/* britti sans bold */
@font-face {
font-display: swap;
font-family: 'britti-bold';
font-style: normal;
font-weight: 600;
src: url('fonts/britti-sans-bold.woff2') format('woff2');
}
* {
margin: 0; padding: 0;
box-sizing: border-box;
}
:root {
--main: #1A84FF;
--dark: #1F2027;
--main-light:#B2D5FF;
--main-light-opac:rgba(178, 213, 255, 0.5);
--bodytext:#000000;
--grey:#9d9d9d;
--lightgrey:#B9B9B9;
--contrast: #fff;
--border-radius: 20px;
--ease:cubic-bezier(0.2,0.6,0.36,1);
}
html, body {
font-family: 'britti-regular', sans-serif;
font-weight: normal;
font-style: normal;
font-size:18px;
line-height: 26px;
line-height: 1.4;
margin:0px;
padding:0px;
letter-spacing:0.18px;
}
strong {
font-family:'britti-bold', sans-serif;
font-weight:normal;
}
h1 {
font-size:3.3em;
line-height:1;
}
.home h1 {
font-size: 3.9em;
line-height: 1.14;
}
.single-termin h1 {
font-size: 2.5em;
line-height: 1.15;
}
h2 {
font-size:2.2em;
line-height:1.1;
letter-spacing:0.4px;
}
h3, .linklist li {
font-size:1.5em;
line-height:1.3;
letter-spacing:0.28px;
}
.teaser.bg-dark p {
font-size: 1.6em;
line-height: 1.29;
letter-spacing: 0.28px;
}
h1, h2, h3 {
font-weight:normal;
}
.single-subline {
font-size:30px;
line-height:1.1;
}
.teaser.blue h3, .twocolumns h3 {
font-size:28px;
}
h4, .banner .text-large p {
font-size:24px;
}
.text-large, .topline {
font-size:1.3em;
font-weight:normal;
line-height:1.3;
letter-spacing:0.24px;
}
.text-small, footer li a {
font-size:16px;
font-size:0.9em;
line-height:1.5;
letter-spacing:0.32px;
}
h5, .text-smaller, .breadcrumb, .footer-nav-3 a {
font-size:14px;
font-size:0.8em;
line-height:1.2;
}
p, .textblock li, .tiles .tiles-wrap li {
font-size:18px;
}
.teaser .splide p,
.teaser .splide .referenz-uebersicht__subline,
.teaser .splide .nachrichten-uebersicht__excerpt {
font-size: 16px;
-webkit-text-size-adjust: 100%;
text-size-adjust: 100%;
}
.rank-math-breadcrumb p {
line-height:1.1;
}
.rank-math-breadcrumb a, .rank-math-breadcrumb span, button.btn-more span {
font-size:14px;
}
a, .linklist a, .linklist a:hover, .linklist a:focus,
.teaser a, .teaser a:hover, .teaser a:focus, footer a:focus, footer a:hover {
text-decoration: none;
-webkit-transition: color 0.4s ease;
-moz-transition: color 0.4s ease;
transition: color 0.4s ease;
}
.navbar #main-menu > li > a,
.navbar #main-menu > li > .nav-item__head > a {
text-decoration: none;
-webkit-transition:none;
-moz-transition: none;
transition: none;
}
a:visited, a:focus { }
a:focus { outline: none;}
a:hover,
a:focus {
text-decoration: underline;
}
.text-wrap > p > a, .nachricht-body a {
color:inherit;
text-decoration:underline;
}
section.kontakt .text-wrap h3 a {
color: inherit;
text-decoration: none;
}
section.kontakt .text-wrap h3 a:hover,
section.kontakt .text-wrap h3 a:focus {
color: var(--main);
text-decoration: underline;
}
.rank-math-breadcrumb a:hover,
.rank-math-breadcrumb a:focus,
.rank-math-breadcrumb a:visited {
color:inherit;
}
p > a:hover,
p > a:focus {
color:var(--main);
}
ul, li {
margin: 0;
padding: 0;
}
.nachricht-body ul {
margin-bottom:30px;
}
nav ul, nav li, .linklist ul, .linklist li,
footer ul, footer li {
list-style:none;
margin-left: 0;
padding-left: 0;
}
img {
height:auto;
border:none;
display:block;
}
h2, p, .text-large, .textblock h3, .single h1, .single-subline {
margin-bottom:30px;
}
main nav p, .topline {
margin-bottom:25px;
}
.single .text-smaller p {
margin-bottom:10px;
}
footer h3 {
margin-bottom:15px;
}
p > a:hover,
p > a:focus {
color:var(--main);
}
.bg-dark {
background-color:var(--dark);
color:var(--contrast);
}
.bg-main {
background-color:var(--main);
color:var(--contrast);
}
.bg-main-light {
background-color:var(--main-light);
}
.bg-main-light-opac {
background-color:var(--main-light-opac);
}
#main-menu > li > a,
#main-menu > li > .nav-item__head > a,
#main-menu > li > a:focus,
#main-menu > li > .nav-item__head > a:focus,
#main-menu > li > a:visited,
#main-menu > li > .nav-item__head > a:visited,
.bg-image, .tiles, .overlap-tiles,
footer a, .bg-main a
{
color:var(--contrast);
}
#main-menu > li.has-megamenu > a,
#main-menu > li.has-megamenu > .nav-item__head > a,
#main-menu > li.has-dropdown > a,
#main-menu > li.has-dropdown > .nav-item__head > a {
cursor:default;
}
.bg-added #main-menu > li > a, .bg-added #main-menu > li > .nav-item__head > a,
.bg-added #main-menu > li > a:focus, .bg-added #main-menu > li > .nav-item__head > a:focus,
.bg-added #main-menu > li > a:visited, .bg-added #main-menu > li > .nav-item__head > a:visited,
.on-light-bg #main-menu > li > a, .on-light-bg #main-menu > li > .nav-item__head > a,
.on-light-bg #main-menu > li > a:focus, .on-light-bg #main-menu > li > .nav-item__head > a:focus,
.on-light-bg #main-menu > li > a:visited, .on-light-bg #main-menu > li > .nav-item__head > a:visited,
.single-termin #main-menu > li > a, .single-termin #main-menu > li > .nav-item__head > a,
.single-termin #main-menu > li > a:focus, .single-termin #main-menu > li > .nav-item__head > a:focus,
.single-termin #main-menu > li > a:visited, .single-termin #main-menu > li > .nav-item__head > a:visited {
color:var(--bodytext);
}
.col-9 {
flex-basis:75%;
}
.col-3 {
flex-basis:25%;
}
.col-4 {
flex-basis:33.33%;
}
.col-2 {
flex-basis:16.66%;
}
.col-6 {
flex-basis:50%;
}
.col-8 {
flex-basis:66.66%;
}
.hero.headline .img-wrap,
.hero.newsletter .bg-wrap,
.hero.subpage .bg-wrap {
border-radius: var(--border-radius) 0;
margin: 15px 15px 15px 15px;
}
.single.hero img {
border-radius: 20px 0px;
}
line{
width:100%;
height:5px;
background-color:var(--bodytext);
display: block;
margin-bottom: 25px;
}
.bg-dark line, .bg-image line, .bg-main line {
background-color:var(--contrast);
}
.teaser.bg-dark .col-3 {
display:flex;
justify-content:flex-end;
margin-left: 30px;
}
.bordertop .text-wrap {
margin-right:40px;
}
.col-2.border-light {
border: 1px solid var(--main-light);
border-radius: 20px 0px;
}
.col-2.border-light {
padding: 10px;
}
.logos .cols {
display:flex;
flex-wrap:wrap;
gap:20px 20px;
}
.logos .cols:first-of-type {
flex-wrap:nowrap;
}
.logos .cols .col-2.border-light {
flex-basis: calc(16.66% - 17px);
aspect-ratio: 2/1;
}
.logos .cols .col-2.border-light .img-wrap {
background-size: contain;
height: 100%;
background-repeat: no-repeat;
background-position: center;
}
/* colors */
.home h1, .bg-main-light .rank-math-breadcrumb a, .bg-main-light .rank-math-breadcrumb span,
.bg-main-light, .bg-main-light-opac, .bg-main-light-opac .rank-math-breadcrumb a, .bg-main-light-opac .rank-math-breadcrumb span,
.single .rank-math-breadcrumb a, .single .rank-math-breadcrumb span {
color:var(--bodytext);
}
.bg-image h1, .rank-math-breadcrumb a, .rank-math-breadcrumb span {
color:var(--contrast)
}
.bg-dark.fullwidth h2,
.bg-image.fullwidth h2 {
max-width:600px;
margin-bottom:40px;
}
.linklist h3 a,
.teaser.blue h3 a,
.teaser.blue .col-4 .text-wrap p {
color:var(--bodytext);
}
.linklist li a {
color:var(--grey);
}
/* Buttons */
button.btn-more, button.btn-up {
position: relative;
overflow:hidden;
min-width:210px;
height: 45px;
background-color:transparent;
border: 1px solid var(--bodytext);
border-radius: 5px;
padding: 0 0 0 20px;
cursor: pointer;
color: var(--bodytext);
transition: border-color 0.3s ease;
}
.banner button.btn-more {
margin-bottom:30px;
}
footer button.btn-more {
min-width: 230px;
}
/* Footer Google-Maps: Flex statt absoluter Pfeil — Safari rendert britti etwas breiter */
footer button.btn-more.arrow-fix {
min-width: 250px;
padding-right: 1.25rem;
}
footer button.btn-more.arrow-fix span {
display: flex;
align-items: center;
justify-content: space-between;
gap: 0.85rem;
line-height: 1.25;
min-height: 45px;
}
footer button.btn-more.arrow-fix span::after {
position: static;
top: auto;
right: auto;
margin-right: 0;
margin-top: 0;
transform: none;
transform-origin: center center;
flex-shrink: 0;
transition: transform 0.3s ease;
}
footer button.btn-more.arrow-fix:hover span::after {
transform: rotate(-45deg);
}
.bg-dark button.btn-more, .bg-image button.btn-more, .bg-dark button.btn-up, .bg-main button.btn-more {
color: var(--contrast);
border: 1px solid var(--contrast);
}
button.btn-more a, button.btn-up a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
button.btn-more a {
z-index:1;
}
/* Safari/iOS: Link im Button sonst systemblau statt Button-Textfarbe */
button.btn-more a:link,
button.btn-more a:visited,
button.btn-more a:active,
button.btn-up a:link,
button.btn-up a:visited,
button.btn-up a:active {
color: inherit;
-webkit-text-fill-color: currentColor;
}
button.btn-more:not(.category):not(.tab), button.btn-up {
display: inline-flex;
align-items: center;
}
button.btn-more:not(.category):not(.tab) span {
display: flex;
align-items: center;
flex: 1;
align-self: stretch;
position: relative;
text-align: left;
line-height: 1.25;
padding-bottom: 1px;
color: inherit;
-webkit-text-fill-color: currentColor;
transition: none;
z-index: 0;
}
button.btn-more span::before,
button.btn-up span::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 130%;
height: 45px;
margin-top: 0;
margin-left: -20px;
background-color: var(--main);
transform: translate(0%, 100%);
transition: 0.3s;
z-index: -1;
}
button.btn-up span::before {
margin-top: 0;
margin-left: 0;
width: 100%;
height: 100%;
z-index: 0;
opacity: 0;
transform: none;
transition: opacity 0.3s ease;
}
.bg-main-light button.btn-more span::before {
background-color: var(--contrast);
}
button.btn-more span::after {
content: '';
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
position: absolute;
width: 17px;
height: 17px;
background-size: contain;
top:50%;
left:auto;
right:0;
margin-right:20px;
margin-top: 2px;
transform: translateY(-50%);
transition: 0.3s ease transform;
}
.bg-dark button.btn-more span::after, .bg-image button.btn-more span::after, .bg-main button.btn-more span::after, button.btn-more:hover span::after {
background-image: url('data:image/svg+xml,');
}
button.btn-more:hover {
border: 1px solid var(--main);
color:var(--contrast);
}
button.btn-more:hover span {
color: var(--contrast);
}
.bg-main button.btn-more:hover, .bg-image button.btn-more:hover, .bg-dark button.btn-up:hover {
border: 1px solid var(--main);
}
.bg-main-light button.btn-more:hover {
border: 1px solid var(--contrast);
color:var(--bodytext);
}
.bg-main-light button.btn-more:hover span {
color: var(--bodytext);
}
.bg-main button.btn-more:hover {
color:var(--bodytext);
}
.bg-main button.btn-more:hover span {
color: var(--bodytext);
}
.bg-dark button.btn-more:hover span,
.bg-image button.btn-more:hover span {
color: var(--contrast);
}
button.btn-more:hover span::after {
transform:translateY(-50%) rotate(-45deg);
transform-origin: center;
}
button.btn-more.arrow-fix:hover span::after {
transform: rotate(-45deg);
transform-origin: center center;
}
button.btn-more:hover span::before,
button.btn-up:hover span::before {
transform: translate3d(0, 0, 0);
}
button.btn-up:hover span::before {
opacity: 1;
transform: none;
}
.bg-main button.btn-more:hover span::before, .bg-main-light button.btn-more:hover span::before {
background-color:var(--contrast);
}
.bg-main button.btn-more:hover span::after, .bg-main-light button.btn-more:hover span::after {
background-image: url('data:image/svg+xml,');
}
.bg-dark button.btn-up:hover span::after {
background-color: var(--bodytext);
transform: translate3d(-50%, -50%, 0);
}
button.btn-more.category {
height: auto;
min-width: unset;
padding: 5px 12px;
margin-bottom: 5px;
}
button.btn-more.category span {
display: block;
height: auto;
min-height: 0;
line-height: 1.2;
}
button.btn-more.category span:after {
background-image:none;
}
button.btn-more.category span::before {
width:200%;
height: 100%;
}
/* header */
header {
position: sticky;
max-width: 1680px;
margin: 0 auto;
height: 54px;
top: 40px;
z-index: 999;
width: calc(100% - 30px);
}
/* Navigation */
.navbar {
display: none;
position:relative;
align-items: center;
height: 100%;
margin: 0 25px;
border: none;
border-radius: 5px;
}
.blur {
position: absolute;
width: 100%;
height: 100%;
border-radius: 5px;
background-color: rgba(255,255,255, 0.05);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
}
.bg-added .blur {
display:none;
}
.navbar .logo {
background-image:url('/wp-content/uploads/2026/05/FutureCamp-Logo-weiss.svg');
width: 219px;
height: 31px;
margin-left: 20px;
background-size: contain;
z-index: 1;
background-repeat: no-repeat;
margin-top: 9px;
}
.navbar.bg-added .logo, .navbar.bg-added.on-light-bg .logo, .single-termin .navbar.bg-added .logo {
background-image:url('/wp-content/uploads/2026/05/FutureCamp-Logo-farbig.svg');
}
.navbar.on-light-bg .logo,
.single-termin .navbar .logo {
background-image:url('/wp-content/uploads/2026/05/FutureCamp-Logo-schwarz.svg');
}
.navbar #main-menu {
margin-left: 70px;
}
.navbar ul li {
list-style: none;
}
.navbar ul li a {
position:relative;
font-size:14px;
}
.navbar li.menu-item-has-children > a::after,
.navbar li.menu-item-has-children > .nav-item__head > a::after {
content: '';
background-image: url("data:image/svg+xml,%3Csvg id='pfeil-lang' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 28.97 22.9'%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B fill: none; stroke: %23ffffff; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2px; %7D %3C/style%3E%3C/defs%3E%3Cg%3E%3Cpath class='st0' d='M17.94,1.41l10.04,10.04-10.04,10.04'/%3E%3Cline class='st0' x1='27.98' y1='11.45' x2='1' y2='11.45'/%3E%3C/g%3E%3C/svg%3E");
background-repeat: no-repeat;
position: relative;
width: 15px;
height: 15px;
background-size: contain;
transition: 0.3s all ease;
display: inline-block;
margin-left: 7px;
margin-bottom: -4px;
}
.navbar .sub-menu li.menu-item-has-children > a::after,
.navbar .sub-menu li.menu-item-has-children > .nav-item__head > a::after {
margin-bottom:-1px;
}
.navbar #main-menu > li > a::before,
.navbar #main-menu > li > .nav-item__head > a::before {
content: "";
position: absolute;
display: block;
width: 100%;
height: 1px;
bottom: 0;
left: 0;
background-color: var(--contrast);
transform: scaleX(0);
transform-origin: top left;
transition: transform 0.3s ease;
}
.navbar #main-menu > li.menu-item-has-children > a::before,
.navbar #main-menu > li.menu-item-has-children > .nav-item__head > a::before {
width:calc(100% - 22px);
}
.navbar.bg-added #main-menu > li.menu-item-has-children > a::after,
.navbar.bg-added #main-menu > li.menu-item-has-children > .nav-item__head > a::after,
.navbar.on-light-bg #main-menu > li.menu-item-has-children > a::after,
.navbar.on-light-bg #main-menu > li.menu-item-has-children > .nav-item__head > a::after,
.single-termin .navbar #main-menu > li.menu-item-has-children > a::after,
.single-termin .navbar #main-menu > li.menu-item-has-children > .nav-item__head > a::after {
background-image: url("data:image/svg+xml,%3Csvg id='pfeil-lang' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 28.97 22.9'%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B fill: none; stroke: %23000000; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2px; %7D %3C/style%3E%3C/defs%3E%3Cg%3E%3Cpath class='st0' d='M17.94,1.41l10.04,10.04-10.04,10.04'/%3E%3Cline class='st0' x1='27.98' y1='11.45' x2='1' y2='11.45'/%3E%3C/g%3E%3C/svg%3E");
}
.navbar.bg-added #main-menu > li > a::before,
.navbar.bg-added #main-menu > li > .nav-item__head > a::before,
.navbar.on-light-bg #main-menu > li > a::before,
.navbar.on-light-bg #main-menu > li > .nav-item__head > a::before,
.single-termin .navbar #main-menu > li > a::before,
.single-termin .navbar #main-menu > li > .nav-item__head > a::before {
background-color: var(--bodytext);
}
.navbar #main-menu .wpml-ls-first-item.wpml-ls-last-item {
display:none!important;
}
.navbar #main-menu > li:not(.menu-item-has-children):hover > a::before,
.navbar #main-menu > li:not(.menu-item-has-children):hover > .nav-item__head > a::before,
.navbar #main-menu .wpml-ls-current-language a::before {
transform: scaleX(1);
}
#main-menu li.has-megamenu > .sub-menu-wrap-1 {
top: 31px;
left: 25px;
width: 100%;
max-width: 970px;
padding-top: 31px;
height: auto;
transition: all 0.4s ease-out 0s, visibility 0.1s linear 0s;
min-height: 591px;
/* EN trigger ist oft kürzer (z. B. "Services"), dadurch wird width:100% kleiner.
min-width stabilisiert die Panel-Breite. */
min-width: 970px;
}
#main-menu li.has-dropdown > .sub-menu-wrap-1,
#main-menu > li.menu-item-has-children:not(.has-megamenu):not([class*="wpml-ls"]) > .sub-menu-wrap-1 {
height: auto;
transition: all 0.4s ease-out 0s, visibility 0.1s linear 0s;
min-width: 340px;
max-width: 480px;
min-height: auto;
}
.sub-menu-wrap-1,
.sub-menu-wrap-2,
.sub-menu {
opacity: 0;
visibility: hidden;
}
#main-menu .sub-menu-wrap-1 > .sub-menu {
position:relative;
padding: 40px 40px 20px 30px;
display: flex;
flex-wrap:wrap;
column-gap: 40px;
width: 100%;
background-color: var(--contrast);
height: auto;
box-shadow: 2px 2px 6px #00000029;
border-radius: 5px;
}
#main-menu li.has-megamenu > .sub-menu-wrap-1 > .sub-menu {
min-height: 600px;
max-height: calc(100vh - 150px);
overflow-y: auto;
}
#main-menu li.has-dropdown > .sub-menu-wrap-1 > .sub-menu,
#main-menu > li.menu-item-has-children:not(.has-megamenu):not([class*="wpml-ls"]) > .sub-menu-wrap-1 > .sub-menu {
min-height: auto;
max-height: calc(100vh - 150px);
overflow-y: auto;
}
#main-menu .sub-menu-wrap-1 a {
font-size:16px;
line-height: 1.2;
display: inline-block;
margin: 4px 0;
transition:none;
}
#main-menu .sub-menu-wrap-1 > .sub-menu > li > a,
#main-menu .sub-menu-wrap-1 > .sub-menu > li > .nav-item__head > a {
padding-bottom: 5px;
display: block;
color: var(--main);
border-top-left-radius: 20px;
padding-top: 7px;
transition: 0.5s ease padding;
}
#main-menu .has-dropdown .sub-menu-wrap-1 > .sub-menu > li > a,
#main-menu .has-dropdown .sub-menu-wrap-1 > .sub-menu > li > .nav-item__head > a {
padding-bottom: 10px;
padding-top: 12px;
margin:0;
border-top-left-radius: 0;
transition: padding 0.3s, background-color 0.15s ease;
}
.has-megamenu .sub-menu-wrap-1 > .sub-menu > li:not(.has-nav-icon) > a::before,
.has-megamenu .sub-menu-wrap-1 > .sub-menu > li:not(.has-nav-icon) > .nav-item__head > a::before {
content: "";
background-image: url('/wp-content/uploads/2026/05/FC-Platzhaltericon.svg');
width: 22px;
height: 22px;
margin-right: 5px;
background-size: cover;
/* Kein negativer Versatz: sonst überlappen Icons bei mehrzeiligem Text */
position: relative;
display: inline-block;
margin-bottom: 0;
z-index: 0;
vertical-align: middle;
background-repeat: no-repeat;
}
/* Platzhalter-Icons dürfen nie “absolut” über den Text laufen. */
.has-megamenu .sub-menu-wrap-1 > .sub-menu > li:not(.has-nav-icon) > a::before,
.has-megamenu .sub-menu-wrap-1 > .sub-menu > li:not(.has-nav-icon) > .nav-item__head > a::before,
#main-menu.menu-items .has-megamenu .sub-menu-wrap-1 > .sub-menu > li:not(.has-nav-icon) > a::before,
#main-menu.menu-items .has-megamenu .sub-menu-wrap-1 > .sub-menu > li:not(.has-nav-icon) > .nav-item__head > a::before,
#main-menu.menu-items .has-dropdown .sub-menu-wrap-1 > .sub-menu > li:not(.has-nav-icon) > a::before,
#main-menu.menu-items .has-dropdown .sub-menu-wrap-1 > .sub-menu > li:not(.has-nav-icon) > .nav-item__head > a::before {
position: relative !important;
left: auto !important;
top: auto !important;
transform: none !important;
display: inline-block !important;
}
/* EN-Desktop: Wenn Icons fehlen (EN Switch aktiv), sollen Platzhalter-Overlays via ::before
nicht bei mehrzeiligen Links überlagern. (DE bleibt unverändert.) */
#main-menu.menu-items:has(> li.wpml-ls-item-en .wpml-ls-current-language) .has-megamenu .sub-menu-wrap-1 > .sub-menu > li:not(.has-nav-icon) > a::before,
#main-menu.menu-items:has(> li.wpml-ls-item-en .wpml-ls-current-language) .has-megamenu .sub-menu-wrap-1 > .sub-menu > li:not(.has-nav-icon) > .nav-item__head > a::before,
#main-menu.menu-items:has(> li.wpml-ls-item-en .wpml-ls-current-language) .has-megamenu .sub-menu-wrap-1 > .sub-menu > li:not(.has-nav-icon) > a:hover::before,
#main-menu.menu-items:has(> li.wpml-ls-item-en .wpml-ls-current-language) .has-megamenu .sub-menu-wrap-1 > .sub-menu > li:not(.has-nav-icon) > .nav-item__head > a:hover::before {
content: none !important;
display: none !important;
background-image: none !important;
}
#main-menu.menu-items:has(> li.wpml-ls-item-en .wpml-ls-current-language) .has-megamenu .sub-menu-wrap-2 > .sub-menu > li:not(.has-nav-icon) > a::before,
#main-menu.menu-items:has(> li.wpml-ls-item-en .wpml-ls-current-language) .has-megamenu .sub-menu-wrap-2 > .sub-menu > li:not(.has-nav-icon) > .nav-item__head > a::before,
#main-menu.menu-items:has(> li.wpml-ls-item-en .wpml-ls-current-language) .has-megamenu .sub-menu-wrap-2 > .sub-menu > li:not(.has-nav-icon) > a:hover::before,
#main-menu.menu-items:has(> li.wpml-ls-item-en .wpml-ls-current-language) .has-megamenu .sub-menu-wrap-2 > .sub-menu > li:not(.has-nav-icon) > .nav-item__head > a:hover::before {
content: none !important;
display: none !important;
background-image: none !important;
}
#main-menu.menu-items:has(> li.wpml-ls-item-en .wpml-ls-current-language) .has-megamenu .sub-menu-wrap-1 .nav-item__icon,
#main-menu.menu-items:has(> li.wpml-ls-item-en .wpml-ls-current-language) .has-megamenu .sub-menu-wrap-2 .nav-item__icon {
display: none !important;
}
.nav-item__icon {
position: relative;
display: inline-block;
width: 22px;
height: 22px;
margin-right: 5px;
flex-shrink: 0;
z-index: 1;
}
.nav-item__icon-img {
display: block;
width: 22px;
height: 22px;
object-fit: contain;
transition: opacity 0.15s ease;
}
.nav-item__icon-img--hover {
position: absolute;
top: 0;
left: 0;
opacity: 0;
}
.sub-menu-wrap-1 > .sub-menu > li > a::after,
.sub-menu-wrap-1 > .sub-menu > li > .nav-item__head > a::after {
content: "";
display: inline-block;
background-image: url("data:image/svg+xml,%3Csvg id='pfeil-lang-blau' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 28.97 22.9'%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B fill: none; stroke: %231a84ff; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2px; %7D %3C/style%3E%3C/defs%3E%3Cg%3E%3Cpath class='st0' d='M17.94,1.41l10.04,10.04-10.04,10.04'/%3E%3Cline class='st0' x1='27.98' y1='11.45' x2='1' y2='11.45'/%3E%3C/g%3E%3C/svg%3E");
background-size: cover;
width: 15px;
height: 12px;
margin-left: 5px;
}
.sub-menu-wrap-2 > .sub-menu > li > a {
color: var(--grey);
}
.sub-menu-wrap-2 > .sub-menu > li > a::after {
content: "";
display: inline-block;
background-image: url("data:image/svg+xml,%3Csvg id='pfeil-kurz-grau' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 7.69 13.38'%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B fill: none; stroke: %239d9d9d; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2px; %7D %3C/style%3E%3C/defs%3E%3Cg%3E%3Cpath class='st0' d='M1.24,1.41l5.27,5.27L1.24,11.96'/%3E%3C/g%3E%3C/svg%3E");
background-size: contain;
width: 6px;
height: 9px;
margin-left: 6px;
margin-bottom: 1px;
background-repeat: no-repeat;
}
#main-menu .sub-menu-wrap-1 a:hover, #main-menu .sub-menu-wrap-1 a:focus {
text-decoration:none;
}
#main-menu .sub-menu-wrap-1 > .sub-menu > li:hover > a,
#main-menu .sub-menu-wrap-1 > .sub-menu > li:hover > .nav-item__head > a {
background-color: var(--main);
color: var(--contrast);
padding-left:10px;
}
#main-menu .has-dropdown .sub-menu-wrap-1 > .sub-menu > li:hover > a,
#main-menu .has-dropdown .sub-menu-wrap-1 > .sub-menu > li:hover > .nav-item__head > a {
padding-left:12px;
}
#main-menu .sub-menu-wrap-1 > .sub-menu > li:not(.has-nav-icon):hover > a::before,
#main-menu .sub-menu-wrap-1 > .sub-menu > li:not(.has-nav-icon):hover > .nav-item__head > a::before {
background-image: url('/wp-content/uploads/2026/05/FC-Platzhaltericon-white.svg');
}
#main-menu .sub-menu-wrap-1 > .sub-menu > li:hover > a::after,
#main-menu .sub-menu-wrap-1 > .sub-menu > li:hover > .nav-item__head > a::after {
background-image: url("data:image/svg+xml,%3Csvg id='pfeil-lang-white' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 28.97 22.9'%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B fill: none; stroke: %23ffffff; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2px; %7D %3C/style%3E%3C/defs%3E%3Cg%3E%3Cpath class='st0' d='M17.94,1.41l10.04,10.04-10.04,10.04'/%3E%3Cline class='st0' x1='27.98' y1='11.45' x2='1' y2='11.45'/%3E%3C/g%3E%3C/svg%3E");
}
.sub-menu-wrap-2 > .sub-menu > li:hover > a {
color: var(--main);
}
.sub-menu-wrap-2 > .sub-menu > li:hover > a::after {
background-image: url("data:image/svg+xml,%3Csvg id='pfeil-kurz-blau' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 7.69 13.38'%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B fill: none; stroke: %231A84FF; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2px; %7D %3C/style%3E%3C/defs%3E%3Cg%3E%3Cpath class='st0' d='M1.24,1.41l5.27,5.27L1.24,11.96'/%3E%3C/g%3E%3C/svg%3E");
}
@media screen and (min-width: 1280px) {
.navbar {
display:inline-flex;
}
.navbar #main-menu {
display: flex;
}
.header-toolbar {
display: contents;
}
.nav-item__head {
display: contents;
}
.nav-item__toggle {
display: none;
}
#mainNavbar.bg-added,
.single-termin #mainNavbar.bg-added {
background-color:var(--contrast);
box-shadow: 2px 2px 6px #00000029;
border: none;
}
#main-menu li.has-megamenu:hover > .sub-menu-wrap-1, #main-menu li.has-megamenu:hover .sub-menu,
#main-menu li.has-dropdown:hover > .sub-menu-wrap-1, #main-menu li.has-dropdown:hover .sub-menu,
#main-menu > li.menu-item-has-children:not(.has-megamenu):not([class*="wpml-ls"]):hover > .sub-menu-wrap-1,
#main-menu > li.menu-item-has-children:not(.has-megamenu):not([class*="wpml-ls"]):hover .sub-menu {
opacity: 1;
visibility: visible;
}
#main-menu > li.has-dropdown,
#main-menu > li.menu-item-has-children:not(.has-megamenu):not([class*="wpml-ls"]) {
position: relative;
}
#main-menu li.has-dropdown > .sub-menu-wrap-1,
#main-menu > li.menu-item-has-children:not(.has-megamenu):not([class*="wpml-ls"]) > .sub-menu-wrap-1 {
top: calc(100% - 4px);
left: 0;
margin-left: 0;
padding-top: 0;
width: max-content;
min-width: 340px;
max-width: 480px;
min-height: auto;
}
#main-menu li.has-dropdown > .sub-menu-wrap-1 > .sub-menu > li > a,
#main-menu li.has-dropdown > .sub-menu-wrap-1 > .sub-menu > li > .nav-item__head > a,
#main-menu > li.menu-item-has-children:not(.has-megamenu):not([class*="wpml-ls"]) > .sub-menu-wrap-1 > .sub-menu > li > a,
#main-menu > li.menu-item-has-children:not(.has-megamenu):not([class*="wpml-ls"]) > .sub-menu-wrap-1 > .sub-menu > li > .nav-item__head > a {
white-space: nowrap;
}
#main-menu li.has-dropdown > .sub-menu-wrap-1 > .sub-menu,
#main-menu > li.menu-item-has-children:not(.has-megamenu):not([class*="wpml-ls"]) > .sub-menu-wrap-1 > .sub-menu {
min-height: auto;
padding: 24px 28px 16px 24px;
}
#main-menu.main-nav li.has-megamenu .sub-menu-wrap-1 > .sub-menu > li {
flex-basis: calc(33.33% - 27px);
}
#main-menu .sub-menu-wrap-1 > .sub-menu > li.has-nav-icon > a,
#main-menu .sub-menu-wrap-1 > .sub-menu > li.has-nav-icon > .nav-item__head > a {
display: flex;
align-items: center;
gap: 5px;
}
#main-menu .sub-menu-wrap-1 > .sub-menu > li.has-nav-icon .nav-item__icon {
margin-right: 0;
}
#main-menu .sub-menu-wrap-1 > .sub-menu > li > a,
#main-menu .sub-menu-wrap-1 > .sub-menu > li > .nav-item__head > a {
border-bottom: 1px solid var(--main);
}
#main-menu .sub-menu-wrap-1 > .sub-menu > li:hover .nav-item__icon-img--default,
#main-menu .sub-menu-wrap-1 > .sub-menu > li:hover .nav-item__head .nav-item__icon-img--default {
opacity: 0;
}
#main-menu .sub-menu-wrap-1 > .sub-menu > li:hover .nav-item__icon-img--hover,
#main-menu .sub-menu-wrap-1 > .sub-menu > li:hover .nav-item__head .nav-item__icon-img--hover {
opacity: 1;
}
}
/* nav menu button */
.menu-btn {
position: fixed;
display: none;
justify-content: center;
align-items: center;
width: 30px;
height:30px;
cursor: pointer;
z-index: 2;
background-color: var(--main);
width: 54px;
height: 54px;
right:0;
top:40px;
}
.menu-btn .menu-btn__lines::before,
.menu-btn .menu-btn__lines::after {
content: "";
position: absolute;
}
.menu-btn .menu-btn__lines {
position: relative;
}
.menu-btn .menu-btn__lines,
.menu-btn .menu-btn__lines::before,
.menu-btn .menu-btn__lines::after {
width: 30px;
height: 1px;
background: var(--contrast);
transition: transform 0.4s ease-in-out;
}
.menu-btn .menu-btn__lines::before {
transform: translateY(-8px);
}
.menu-btn .menu-btn__lines::after {
transform: translateY(8px);
}
.sub-menu-wrap-1,
.sub-menu-wrap-2,
.sub-menu {
position: absolute;
left: 0;
width: 100%;
opacity: 0;
visibility: hidden;
background-color: var(--main-dark);
/* transition: all 0.4s ease-out 0s, visibility 0.1s linear 0s; */
}
#main-menu.main-nav li:not(:nth-child(1)) > .sub-menu-wrap-1 .sub-menu {
display: block;
}
#main-menu.main-nav li .sub-menu li {
width:100%;
}
.main-nav li.has-megamenu .sub-menu-wrap-1 .sub-menu-wrap-2,
.main-nav li.has-dropdown .sub-menu-wrap-1 .sub-menu-wrap-2 {
position:relative;
height:auto;
top:2px;
}
.main-nav li.has-megamenu .sub-menu-wrap-1 .sub-menu-wrap-2 > .sub-menu,
.main-nav li.has-dropdown .sub-menu-wrap-1 .sub-menu-wrap-2 > .sub-menu {
display:block;
padding-left:0;
padding-top:1rem;
top:0;
}
.main-nav > li {
display: flex;
justify-content: space-between;
width: 100%;
padding: 0.5rem 1.5rem;
}
.main-nav > li.wpml-ls-item-de {
width:auto;
padding-right:0;
}
.wpml-ls-current-language a {
cursor:default;
}
@media screen and (min-width:1280px) {
#main-menu > li.wpml-ls-item-en {
width:auto;
padding-left:0;
}
#main-menu > li.wpml-ls-item-de span:after {
content:' | ';
position: absolute;
padding-left: 5px;
padding-right:5px;
color:var(--contrast);
}
.bg-added #main-menu > li.wpml-ls-item-de span:after,
.on-light-bg #main-menu > li.wpml-ls-item-de span:after {
color:var(--bodytext);
}
#main-menu > li {
width:auto;
padding: 10px 15px;
}
#main-menu.main-nav li.menu-item-1802 > .sub-menu-wrap-1 > .sub-menu > li,
#main-menu.main-nav li.menu-item-4939 > .sub-menu-wrap-1 > .sub-menu > li{
width:16.6%;
}
#main-menu.main-nav li.menu-item-1802 > .sub-menu-wrap-1 > .sub-menu > li:first-child,
#main-menu.main-nav li.menu-item-4939 > .sub-menu-wrap-1 > .sub-menu > li:first-child {
width:33.2%;
}
#main-menu.main-nav li.menu-item-1802 > .sub-menu-wrap-1 > .sub-menu > li:first-child .sub-menu,
#main-menu.main-nav li.menu-item-4939 > .sub-menu-wrap-1 > .sub-menu > li:first-child .sub-menu {
columns: 2;
-webkit-columns: 2;
-moz-columns: 2;
}
#main-menu.main-nav li.menu-item-1802 > .sub-menu-wrap-1 > .sub-menu > li:first-child .sub-menu li:last-child,
#main-menu.main-nav li.menu-item-4939 > .sub-menu-wrap-1 > .sub-menu > li:first-child .sub-menu li:last-child {
opacity:0;
visibility:none;
border-bottom:none;
}
.menu-items li:hover .sub-menu-wrap-1,
.menu-items li:hover .sub-menu-wrap-2,
.main-nav li:hover .sub-menu {
opacity: 1;
visibility: visible;
}
}
/* animation menu hamburger */
.menu-btn.open .menu-btn__lines {
transform: translateX(1rem);
background: transparent;
}
.menu-btn.open .menu-btn__lines::before {
transform: rotate(45deg) translate(-0.55rem, 0.55rem);
background: var(--contrast);
}
.menu-btn.open .menu-btn__lines::after {
transform: rotate(-45deg) translate(-0.55rem, -0.55rem);
background: var(--contrast);
height: 1px;
}
/* Responsive style */
@media screen and (max-width: 1279px) {
header {
position: fixed;
top: 0;
left: 0;
right: 0;
width: 100%;
max-width: none;
margin: 0;
height: 54px;
display: flex;
align-items: stretch;
z-index: 999;
}
body {
padding-top: 54px;
}
.navbar {
display: flex;
flex: 1;
align-items: center;
justify-content: flex-start;
min-width: 0;
padding: 0 15px;
margin: 0;
background-color: var(--contrast);
border: none !important;
border-radius: 0;
}
.navbar .logo {
margin-left: 10px;
margin-top: 0;
margin-right: auto;
flex-shrink: 1;
min-width: 0;
width: 219px;
max-width: 100%;
height: 31px;
background-size: contain;
background-position: left center;
background-image: url('/wp-content/uploads/2026/05/FutureCamp-Logo-farbig.svg');
}
.header-toolbar {
display: flex;
align-items: stretch;
flex-shrink: 0;
background-color: var(--main);
height: 54px;
}
.header-toolbar .sticky-wrap {
position: static;
top: auto;
right: auto;
display: flex;
width: auto;
height: 54px;
background-color: transparent;
}
.header-toolbar .sticky-wrap .btn-tab {
flex-basis: auto;
width: 54px;
}
.header-toolbar .sticky-wrap .vert-line {
display: none;
}
.header-toolbar .sticky-wrap .btn-tab + .btn-tab {
border-left: 1px solid rgba(255, 255, 255, 0.35);
}
.header-toolbar .menu-btn {
position: static;
top: auto;
right: auto;
display: flex;
width: 54px;
height: 54px;
flex-shrink: 0;
border-left: 1px solid rgba(255, 255, 255, 0.35);
z-index: 1000;
}
.overflow {
overflow: hidden;
overflow-x: hidden;
}
.menu-overlay {
position: fixed;
right:0;
left: 0;
top: 0;
bottom:0;
z-index: 500;
background-color: var(--dark);
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}
.menu-overlay.overlay--active {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.navbar #main-menu {
margin-left: 0;
}
#main-menu.main-nav > li {
position: relative;
display: block;
padding: 0;
max-width: 100%;
width: 100%;
}
#main-menu.menu-items {
position: fixed;
top: 54px;
left: auto;
right: 0;
width: calc(100% - 15px);
max-height: calc(100dvh - 54px);
overflow-x: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
box-sizing: border-box;
z-index: 998;
display: block;
transform: translateX(100%);
transition: transform 0.3s ease-out;
padding: 30px 15px 40px 15px;
background-color: #fff;
margin: 0;
border-bottom-left-radius: var(--border-radius);
pointer-events: none;
}
#main-menu.menu-items.is-panel-open {
transform: translateX(0);
pointer-events: auto;
}
#main-menu.menu-items > li > .nav-item__head > a,
#main-menu.menu-items > li > .nav-item__head > a:visited,
#main-menu.menu-items > li > .nav-item__head > a:focus,
#main-menu.menu-items > li > a,
#main-menu.menu-items > li > a:visited,
#main-menu.menu-items > li > a:focus {
color: var(--bodytext);
padding-left: 0;
}
#main-menu.menu-items > li > a::before,
#main-menu.menu-items > li > .nav-item__head > a::before,
#main-menu.menu-items > li:hover > a::before,
#main-menu.menu-items > li:hover > .nav-item__head > a::before {
display: none;
content: none;
}
#main-menu.menu-items > li > a:hover,
#main-menu.menu-items > li > .nav-item__head > a:hover {
text-decoration: none;
}
#main-menu.menu-items .nav-item__head {
display: flex;
align-items: stretch;
width: 100%;
cursor: pointer;
}
#main-menu.menu-items li.menu-item-has-children > .nav-item__head > a,
#main-menu.menu-items li.menu-item-has-children > .nav-item__head > a:hover,
#main-menu.menu-items li.menu-item-has-children > .nav-item__head > a:focus,
#main-menu.menu-items li.menu-item-has-children > .nav-item__head > a:visited,
#main-menu.menu-items li.has-megamenu > .nav-item__head > a,
#main-menu.menu-items li.has-dropdown > .nav-item__head > a {
cursor: pointer;
}
#main-menu.menu-items .nav-item__head > a {
flex: 1;
min-width: 0;
}
#main-menu.menu-items .nav-item__toggle {
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
width: 52px;
border: 0;
margin: 0;
padding: 0;
background: transparent;
cursor: pointer;
}
#main-menu.menu-items .nav-item__toggle::after {
content: "";
display: block;
width: 18px;
height: 18px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpath fill='%23000' d='m16.01 10.62-1.4 1.4L9 6.45l-5.59 5.59-1.4-1.41 7-7z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
transform: rotate(180deg);
transform-origin: center;
transition: transform 0.25s ease;
}
#main-menu.menu-items li.is-open > .nav-item__head .nav-item__toggle::after {
transform: rotate(0deg);
}
#main-menu.menu-items li a {
padding: 10px 15px 10px 0;
display: block;
font-size: 18px;
max-width: 100%;
box-sizing: border-box;
}
.navbar #main-menu > li.menu-item-has-children > a::after,
.navbar #main-menu > li.menu-item-has-children > .nav-item__head > a::after {
background-image: url("data:image/svg+xml,%3Csvg id='pfeil-lang' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 28.97 22.9'%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B fill: none; stroke: %23000000; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2px; %7D %3C/style%3E%3C/defs%3E%3Cg%3E%3Cpath class='st0' d='M17.94,1.41l10.04,10.04-10.04,10.04'/%3E%3Cline class='st0' x1='27.98' y1='11.45' x2='1' y2='11.45'/%3E%3C/g%3E%3C/svg%3E");
}
#main-menu.menu-items .sub-menu li a {
padding: 5px 15px 5px 0;
}
#main-menu .sub-menu {
position:relative;
}
#main-menu.main-nav .icon-kontakt {
margin-left: 0;
padding-left: 5px;
}
#main-menu.main-nav .icon-kontakt:before {
position:absolute;
content:"";
top: 12px;
left: 0px;
width:22px;
height:22px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;stroke:%23fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;%7D%3C/style%3E%3C/defs%3E%3Cg%3E%3Cpath class='cls-1' d='M1,5.5h14.5v13.16s0,2.82-3,2.82H4s-3,.47-3-3.29V5.5Z'/%3E%3Cline class='cls-1' x1='5' y1='3' x2='5' y2='2'/%3E%3Cline class='cls-1' x1='8' y1='3' x2='8' y2='2'/%3E%3Cline class='cls-1' x1='11' y1='3' x2='11' y2='2'/%3E%3Cpath class='cls-1' d='M16,9.98h1.5c1.93,0,3.5,1.57,3.5,3.5s-1.57,3.5-3.5,3.5h-1.5'/%3E%3C/g%3E%3C/svg%3E");
}
/* Sprachumschalter mobil */
#main-menu.menu-items > li.icon-kontakt,
#main-menu.menu-items > li:not([class*="wpml-ls"]):has(+ li[class*="wpml-ls"]) {
border-bottom: 1px solid rgba(0, 0, 0, 0.4);
padding-bottom: 10px;
margin-bottom: 20px;
}
#main-menu.menu-items .wpml-ls-item,
#main-menu.menu-items > li.wpml-ls-item-de,
#main-menu.menu-items > li.wpml-ls-item-en {
position: static;
display: inline-block;
width: auto;
vertical-align: baseline;
margin: 0;
padding: 0;
border-top: none;
}
#main-menu.menu-items > li.wpml-ls-item-de::before,
#main-menu.menu-items > li.wpml-ls-item-de::after {
display: none;
content: none;
background-image: none;
}
#main-menu.menu-items > li.wpml-ls-item-de .wpml-ls-native::after {
content: " | ";
display: inline;
position: static;
margin: 0 8px;
color: var(--grey);
}
#main-menu.menu-items > li.wpml-ls-item-de a,
#main-menu.menu-items > li.wpml-ls-item-en a {
display: inline;
padding: 0;
font-size: 18px;
}
#main-menu.menu-items > li.wpml-ls-item-en a {
padding-left: 0;
}
#main-menu.menu-items > li[class*="wpml-ls"] {
border-bottom: none;
}
#main-menu.menu-items .wpml-ls-item a span {
position: static;
margin: 0;
}
/* Mobile: Desktop-Mega-Menü-Styles zurücksetzen, Untermenüs eingeklappt */
#main-menu.menu-items > li.menu-item-has-children:not([class*="wpml-ls"]) > .sub-menu-wrap-1,
#main-menu.menu-items li.has-megamenu > .sub-menu-wrap-1,
#main-menu.menu-items li.has-dropdown > .sub-menu-wrap-1 {
position: static;
top: auto;
left: auto;
width: 100%;
max-width: 100%;
min-width: 0;
min-height: 0;
height: auto;
margin: 0;
padding: 0;
display: none;
opacity: 1;
visibility: visible;
}
#main-menu.menu-items > li.menu-item-has-children:not([class*="wpml-ls"]) > .sub-menu-wrap-1 > .sub-menu,
#main-menu.menu-items li.has-megamenu > .sub-menu-wrap-1 > .sub-menu,
#main-menu.menu-items li.has-dropdown > .sub-menu-wrap-1 > .sub-menu {
min-height: 0;
max-height: none;
}
#main-menu.menu-items > li.menu-item-has-children.is-open:not([class*="wpml-ls"]) > .sub-menu-wrap-1,
#main-menu.menu-items li.has-megamenu.is-open > .sub-menu-wrap-1,
#main-menu.menu-items li.has-dropdown.is-open > .sub-menu-wrap-1 {
display: block;
}
#main-menu.menu-items .sub-menu-wrap-1,
#main-menu.menu-items .sub-menu-wrap-2 {
position: static;
left: auto;
top: auto;
width: 100%;
max-width: 100%;
height: auto;
margin: 0;
padding: 0;
background: transparent;
opacity: 1;
visibility: visible;
}
#main-menu.menu-items .sub-menu-wrap-1 > .sub-menu {
position: static;
display: block;
flex-wrap: nowrap;
width: 100%;
height: auto;
padding: 0;
margin: 0;
background: transparent;
box-shadow: none;
border-radius: 0;
column-gap: 0;
}
#main-menu.menu-items .sub-menu-wrap-1 > .sub-menu > li,
#main-menu.menu-items .sub-menu-wrap-2 > .sub-menu > li {
width: 100%;
flex-basis: auto;
}
#main-menu.menu-items .sub-menu {
position: static;
display: block;
width: 100%;
max-width: 100%;
height: auto;
max-height: none;
margin: 0;
padding: 0;
opacity: 1;
visibility: visible;
overflow: visible;
transform: none;
background: transparent;
}
#main-menu.menu-items .sub-menu-wrap-2 {
display: none;
}
#main-menu.menu-items li.is-open > .sub-menu-wrap-1 > .sub-menu > li.is-open > .sub-menu-wrap-2 {
display: block;
}
#main-menu.menu-items .sub-menu-wrap-1 > .sub-menu > li > .nav-item__head > a,
#main-menu.menu-items .sub-menu-wrap-1 > .sub-menu > li > a {
padding: 12px 15px 12px 40px;
margin: 0;
color: var(--main);
border: 0;
border-bottom: 0;
border-radius: 0;
background: transparent;
font-size: 16px;
}
#main-menu.menu-items .has-megamenu .sub-menu-wrap-1 > .sub-menu > li:not(.has-nav-icon) > a::before,
#main-menu.menu-items .has-megamenu .sub-menu-wrap-1 > .sub-menu > li:not(.has-nav-icon) > .nav-item__head > a::before,
#main-menu.menu-items .has-dropdown .sub-menu-wrap-1 > .sub-menu > li:not(.has-nav-icon) > a::before,
#main-menu.menu-items .has-dropdown .sub-menu-wrap-1 > .sub-menu > li:not(.has-nav-icon) > .nav-item__head > a::before {
content: "";
background-image: url('/wp-content/uploads/2026/05/FC-Platzhaltericon.svg');
width: 22px;
height: 22px;
margin-right: 5px;
background-size: cover;
position: absolute;
left: 8px;
top: 50%;
transform: translateY(-50%);
display: inline-block;
z-index: 1;
}
/* Desktop-Panel (menu-items): Placeholder-Icons überlagern bei mehrzeiligem EN Text.
Deshalb Pseudo-Element für alle Einträge ohne echte Icons ausblenden. */
#main-menu.menu-items .has-megamenu .sub-menu-wrap-1 > .sub-menu > li:not(.has-nav-icon) > a::before,
#main-menu.menu-items .has-megamenu .sub-menu-wrap-1 > .sub-menu > li:not(.has-nav-icon) > .nav-item__head > a::before,
#main-menu.menu-items .has-dropdown .sub-menu-wrap-1 > .sub-menu > li:not(.has-nav-icon) > a::before,
#main-menu.menu-items .has-dropdown .sub-menu-wrap-1 > .sub-menu > li:not(.has-nav-icon) > .nav-item__head > a::before {
content: none !important;
display: none !important;
background-image: none !important;
}
#main-menu.menu-items .sub-menu-wrap-1 > .sub-menu > li:not(.menu-item-has-children) > a::before,
#main-menu.menu-items .sub-menu-wrap-1 > .sub-menu > li:not(.menu-item-has-children) > .nav-item__head > a::before {
display: none;
content: none;
background-image: none;
}
#main-menu.menu-items .sub-menu-wrap-1 > .sub-menu > li:not(.menu-item-has-children) .nav-item__icon {
display: none;
}
#main-menu.menu-items .sub-menu-wrap-1 > .sub-menu > li.has-nav-icon > .nav-item__head > a,
#main-menu.menu-items .sub-menu-wrap-1 > .sub-menu > li.has-nav-icon > a {
position: relative;
}
#main-menu.menu-items .sub-menu-wrap-1 > .sub-menu > li.has-nav-icon .nav-item__icon {
position: absolute;
left: 8px;
top: 50%;
transform: translateY(-50%);
margin: 0;
}
#main-menu.menu-items .sub-menu-wrap-1 > .sub-menu > li.has-nav-icon .nav-item__icon-img--hover {
display: none;
}
#main-menu.menu-items .sub-menu-wrap-1 > .sub-menu > li:not(.menu-item-has-children).has-nav-icon > .nav-item__head > a,
#main-menu.menu-items .sub-menu-wrap-1 > .sub-menu > li:not(.menu-item-has-children).has-nav-icon > a {
padding-left: 0;
}
#main-menu.menu-items .sub-menu-wrap-1 > .sub-menu > li > a:hover,
#main-menu.menu-items .sub-menu-wrap-1 > .sub-menu > li > a:focus,
#main-menu.menu-items .sub-menu-wrap-1 > .sub-menu > li > .nav-item__head > a:hover,
#main-menu.menu-items .sub-menu-wrap-1 > .sub-menu > li > .nav-item__head > a:focus {
background: transparent;
color: var(--main);
padding-left: 40px;
}
#main-menu.menu-items .sub-menu-wrap-1 > .sub-menu > li:not(.menu-item-has-children) > a:hover,
#main-menu.menu-items .sub-menu-wrap-1 > .sub-menu > li:not(.menu-item-has-children) > a:focus,
#main-menu.menu-items .sub-menu-wrap-1 > .sub-menu > li:not(.menu-item-has-children) > .nav-item__head > a:hover,
#main-menu.menu-items .sub-menu-wrap-1 > .sub-menu > li:not(.menu-item-has-children) > .nav-item__head > a:focus {
padding-left: 0;
}
#main-menu.menu-items .sub-menu-wrap-1 > .sub-menu > li {
position: relative;
border-bottom: none;
}
#main-menu.menu-items .sub-menu-wrap-2 .sub-menu li a {
margin: 0;
padding: 8px 15px 8px 40px;
border-bottom: none;
font-size: 15px;
color: var(--grey);
}
#main-menu.menu-items > li {
display: block;
width: 100%;
padding: 0;
margin: 0;
border-bottom: none;
}
/* Abschlusslinie nach aufgeklapptem Hauptpunkt (z. B. Leistungen) */
#main-menu.menu-items > li.menu-item-has-children.is-open:not([class*="wpml-ls"]) {
border-bottom: 1px solid rgba(0, 0, 0, 0.4);
padding-bottom: 8px;
margin-bottom: 8px;
}
#main-menu.menu-items > li.menu-item-has-children.is-open:not([class*="wpml-ls"]) {
padding-top: 0 !important;
padding-right: 0 !important;
padding-left: 0 !important;
margin-top: 0 !important;
margin-right: 0 !important;
margin-left: 0 !important;
}
#main-menu.menu-items > li.menu-item-has-children.is-open:not([class*="wpml-ls"]) > .nav-item__head,
#main-menu.menu-items > li.menu-item-has-children.is-open:not([class*="wpml-ls"]) > a {
margin: 0 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
#main-menu.menu-items > li.menu-item-has-children.is-open > .sub-menu-wrap-1,
#main-menu.menu-items > li.menu-item-has-children.is-open > .sub-menu-wrap-1 > .sub-menu {
margin: 0 !important;
padding: 0 !important;
height: auto !important;
min-height: 0 !important;
}
#main-menu.menu-items > li.menu-item-has-children.is-open > .sub-menu-wrap-1 > .sub-menu > li:last-child {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
#main-menu.menu-items > li.menu-item-has-children.is-open:not([class*="wpml-ls"]) + li {
margin-top: 8px;
}
/* Mobil: Icons nur bei Zweigen ohne weitere Ebene ausblenden (z. B. Über uns) */
#main-menu.menu-items .sub-menu-wrap-1 > .sub-menu > li:not(.menu-item-has-children) > a::before,
#main-menu.menu-items .sub-menu-wrap-1 > .sub-menu > li:not(.menu-item-has-children) > .nav-item__head > a::before,
#main-menu.menu-items .sub-menu-wrap-1 > .sub-menu > li:not(.menu-item-has-children) .nav-item__icon {
display: none !important;
content: none !important;
background-image: none !important;
}
#main-menu.menu-items .sub-menu-wrap-1 > .sub-menu > li:not(.menu-item-has-children) > a,
#main-menu.menu-items .sub-menu-wrap-1 > .sub-menu > li:not(.menu-item-has-children) > .nav-item__head > a,
#main-menu.menu-items .sub-menu-wrap-1 > .sub-menu > li:not(.menu-item-has-children) > a:hover,
#main-menu.menu-items .sub-menu-wrap-1 > .sub-menu > li:not(.menu-item-has-children) > a:focus,
#main-menu.menu-items .sub-menu-wrap-1 > .sub-menu > li:not(.menu-item-has-children) > .nav-item__head > a:hover,
#main-menu.menu-items .sub-menu-wrap-1 > .sub-menu > li:not(.menu-item-has-children) > .nav-item__head > a:focus {
padding-left: 20px !important;
}
}
@media (max-width:474px) {
.navbar .logo {
margin-left: 10px;
width: 180px;
height: clamp(20px, 5.8vw, 26px);
}
}
/* Navigation END */
/* sticky buttons */
.sticky-wrap {
position: fixed;
top: 40px;
right: 0;
display: flex;
height: 54px;
width: 108px;
}
.sticky-wrap, .sticky-wrap .btn-tab:first-of-type a {
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
overflow:hidden;
}
.sticky-wrap a::before {
content: "";
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 54px;
background-color: var(--dark);
transform: translate(0%, 100%);
transition: 0.3s;
z-index: -1;
}
.sticky-wrap .btn-tab:first-of-type a::before {
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.sticky-wrap a:hover::before {
transform: translate(0%, 0);
}
.sticky-wrap img {
width:25px;
height:25px;
}
.sticky-wrap .btn-tab {
flex-basis: 50%;
position: relative;
overflow:hidden;
}
.sticky-wrap a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.sticky-wrap .vert-line {
position: absolute;
width: 1px;
height: 32px;
background-color: var(--contrast);
left: 50%;
top: 11px;
}
header .btn-wrap {
overflow: visible;
}
header button.btn-more {
margin-left: auto;
right: 20px;
display: inline-flex;
align-items: center;
margin-top: 10px;
background-color: var(--dark);
border: 1px solid var(--dark);
color: var(--contrast);
height: 54px;
}
header button.btn-more:not(.tab) span {
padding-bottom: 2px;
}
header button.btn-more:not(.tab) span::before {
height: 54px;
}
header button.btn-more a {
z-index:1;
}
header button.btn-more.mailto:not(.tab) {
width:250px;
}
header button.btn-more span::before {
display:none;
}
header button.btn-more:hover span::after {
transform: translateY(-50%);
}
header button.btn-more span::after {
background-image: url('data:image/svg+xml,');
top: 50%;
margin-top: 0;
transform: translateY(-50%);
}
.sticky-wrap .btn-tab.active {
background-color: var(--dark);
}
.sticky-wrap .btn-tab.active a::before {
transform: translate(0%, 0);
}
header button.btn-more.tab.tel,
header button.btn-more.tab.mailto {
margin: 0;
padding: 0;
width: max-content;
min-width: 0;
box-sizing: border-box;
pointer-events: auto;
transform: translateX(100%);
visibility: hidden;
opacity: 0;
transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
border-radius: 5px 0 0 5px;
}
header button.btn-more.tab.tel.active,
header button.btn-more.tab.mailto.active {
transform: translateX(0);
visibility: visible;
opacity: 1;
transition-delay: 0.15s;
}
header button.btn-more.tab.tel span,
header button.btn-more.mailto.tab span {
display: flex;
align-items: center;
justify-content: space-between;
gap: 0.75rem;
height: 54px;
min-height: 54px;
line-height: 1.25;
padding: 0 1.25rem;
white-space: nowrap;
overflow: visible;
text-overflow: clip;
}
header button.btn-more.mailto.tab span::after,
header button.btn-more.tab.tel span::after,
header button.btn-more.mailto.tab:hover span::after,
header button.btn-more.tab.tel:hover span::after,
header button.btn-more.mailto.tab.active span::after,
header button.btn-more.tab.tel.active span::after {
position: static;
top: auto;
right: auto;
margin: 0;
transform: none;
flex-shrink: 0;
}
header button.btn-more.tel.tab:hover,
header button.btn-more.mailto.tab:hover {
border-color: var(--bodytext);
}
@media (min-width: 1280px) {
header .btn-wrap {
position: fixed;
top: calc(40px + 54px + 3px);
right: 0;
left: auto;
z-index: 998;
width: auto;
height: 54px;
overflow: visible;
pointer-events: none;
}
header button.btn-more.tab.tel,
header button.btn-more.tab.mailto {
position: absolute;
top: 0;
right: 0;
left: auto;
max-width: calc(100vw - 20px);
}
}
@media (max-width: 1279px) {
header {
overflow: visible;
}
header .btn-wrap {
position: absolute;
top: calc(100% + 3px);
left: 0;
right: 0;
z-index: 998;
width: auto;
height: 54px;
overflow: visible;
pointer-events: none;
}
header button.btn-more.tab.tel,
header button.btn-more.tab.mailto {
position: absolute;
top: 0;
right: 0;
left: auto;
max-width: calc(100vw - 20px);
}
}
/* content */
main, footer {
width:100%;
}
main, .inner-footer {
max-width: 1680px;
margin: 0 auto;
}
main {
position: relative;
}
@media (min-width: 1280px) {
main {
margin-top: -55px;
}
}
section {
padding:0 60px 0;
margin-top:100px;
margin-bottom:40px;
}
section:last-of-type {
padding-bottom:140px;
}
section.banner {
padding-top:0;
padding-bottom:0px;
margin-top:100px;
margin-bottom:100px;
}
.overview-with-icons.bg-main {
padding-top:100px;
padding-bottom:70px;
margin-top:100px;
margin-bottom:70px;
}
section.banner + .imageblock,
.imageblock + .imageblock {
padding-top:0;
margin: 15px 0;
}
section.imageblock {
padding-bottom:0;
}
section.bg-main {
margin-top:35px;
margin-bottom:15px;
}
.hero .container {
padding-left:60px;
padding-right:60px;
}
.hero.newsletter .bg-wrap {
padding: 140px 45px 40px;
}
.hero.newsletter .container {
padding-right:0;
padding-left:0;
}
.hero.single .container {
padding: 140px 60px 40px;
}
.container {
width:100%;
padding-right: 0;
padding-left: 0;
margin:0 auto;
}
.teaser.bg-dark .text-wrap {
max-width:825px;
}
/* hero */
.hero, .page-template-default .hero {
padding:0;
margin:0;
}
/* Hero → erste Inhalts-Section */
main > section.hero + section {
margin-top: 58px;
margin-bottom: 0;
}
main > section.hero + section.teaser.bg-dark {
margin-top: 0;
}
@media (max-width: 767px) {
main > section.hero + section {
margin-top: 30px;
margin-bottom: 0;
padding-top: 0;
}
main > section.hero + section.teaser.bg-dark {
margin-top: 0;
}
}
@media (min-width: 768px) {
main > section.hero + section {
margin-top: 60px;
}
main > section.hero + section.teaser.bg-dark {
margin-top: 0;
}
}
@media (min-width: 1280px) {
main > section.hero + section:not(.bg-main):not(.bg-image):not(.bg-dark):not(.bg-main-light) {
padding-top: 0;
}
}
/* --- Startseite: Section-Abstände (Desktop) --- */
@media (min-width: 768px) {
body.page-template-start-php main > section {
margin-bottom: 0;
}
body.page-template-start-php main > section.teaser.bg-dark + section.linklist.twocolumns,
body.page-template-start-php main > section.linklist.twocolumns + section.counter.bg-image,
body.page-template-start-php main > section.overlap-tiles + section.teaser.referenzen.pages-on-desktop,
body.page-template-start-php main > section.teaser.referenzen.pages-on-desktop + section.teaser.nachrichten.pages-on-desktop,
body.page-template-start-php main > section.teaser.nachrichten.pages-on-desktop + section.newsletter,
body.page-template-start-php main > section.newsletter + section.listview.akademie,
body.page-template-start-php main > section.listview.akademie + section.kontakt.bg-main,
body.page-template-start-php main > section.bg-image.tiles + section.logos {
margin-top: 106px;
}
body.page-template-start-php main > section.kontakt.bg-main + section.bg-image.tiles {
margin-top: 20px;
}
body.page-template-start-php main > section.kontakt.bg-main {
margin-bottom: 0;
}
body.page-template-start-php main > section.logos:last-of-type {
margin-bottom: 106px;
padding-bottom: 0;
}
}
@media (min-width: 1280px) {
body.page-template-start-php main > section.teaser.referenzen.pages-on-desktop,
body.page-template-start-php main > section.teaser.nachrichten.pages-on-desktop,
body.page-template-start-php main > section.newsletter,
body.page-template-start-php main > section.listview.akademie,
body.page-template-start-php main > section.linklist.twocolumns,
body.page-template-start-php main > section.logos {
padding-top: 0;
padding-bottom: 0;
}
body.page-template-start-php main > section.counter.bg-image {
padding-bottom: 0;
}
}
@media (min-width: 580px) and (max-width: 1279px) {
body.page-template-start-php main > section.counter.bg-image,
body.page-template-start-php main > section.bg-image.tiles {
padding-top: 100px;
}
}
/* --- Startseite: Section-Abstände (Mobil) --- */
@media (max-width: 767px) {
body.page-template-start-php main > section {
margin-bottom: 0;
}
body.page-template-start-php main > section.teaser.bg-dark + section.linklist.twocolumns,
body.page-template-start-php main > section.linklist.twocolumns + section.counter.bg-image,
body.page-template-start-php main > section.teaser.referenzen.pages-on-desktop + section.teaser.nachrichten.pages-on-desktop,
body.page-template-start-php main > section.teaser.nachrichten.pages-on-desktop + section.newsletter,
body.page-template-start-php main > section.newsletter + section.listview.akademie,
body.page-template-start-php main > section.listview.akademie + section.kontakt.bg-main,
body.page-template-start-php main > section.bg-image.tiles + section.logos {
margin-top: 92px;
}
body.page-template-start-php main > section.overlap-tiles + section.teaser.referenzen.pages-on-desktop {
margin-top: 42px;
}
body.page-template-start-php main > section.kontakt.bg-main + section.bg-image.tiles {
margin-top: 14px;
}
body.page-template-start-php main > section.kontakt.bg-main {
margin-bottom: 0;
}
body.page-template-start-php main > section.logos:last-of-type {
margin-bottom: 92px;
padding-bottom: 0;
}
}
@media (max-width: 1279px) {
body.page-template-start-php main > section.kontakt.bg-main,
body.page-template-start-php main > section.kontakt.bg-dark,
body.page-template-start-php main > section.kontakt.bg-main-light {
border-radius: 0 30px 0 250px;
margin-left: 0;
margin-right: 0;
width: 100%;
max-width: 100%;
padding-left: 0;
padding-right: 0;
box-sizing: border-box;
}
body.page-template-start-php section.kontakt > .container {
padding-left: 25px;
padding-right: 25px;
}
}
.home .hero {
padding:0;
}
.hero .container.cols {
height: 100%;
align-items: center;
}
.hero.headline .img-wrap, .hero.headline .bg-wrap {
aspect-ratio: 4;
background-size: cover;
display: flex;
align-items: center;
min-height:415px;
}
.home .hero.headline .img-wrap {
aspect-ratio: 2/1;
min-height: 700px;
width: calc(100% - 30px);
}
.hero.headline .img-wrap,
.hero.headline .bg-wrap {
width: calc(100% - 30px);
}
.hero .col-3 {
display:flex;
justify-content:center;
}
.hero .col-3 img {
width: 50%;
}
.home .hero.headline .text-wrap {
margin-left:7%;
max-width:750px;
}
.home h1.mobil {
display:none;
}
/* Mobile: Hero-Overlay-Navigation (site-wide) */
@media screen and (max-width: 1279px) {
body {
padding-top: 0;
}
body header {
top: 20px;
transition: top 0.3s ease;
}
body header.header-scrolled {
top: 0;
}
body header:not(.header-scrolled) #main-menu.menu-items {
top: calc(20px + 54px);
max-height: calc(100dvh - 74px);
}
body header.header-scrolled #main-menu.menu-items {
top: 54px;
max-height: calc(100dvh - 54px);
}
body #mainNavbar {
position: relative;
isolation: isolate;
background-color: transparent !important;
box-shadow: none;
transition: box-shadow 0.35s ease;
}
body #mainNavbar::before {
content: '';
position: absolute;
inset: 0;
background-color: var(--contrast);
opacity: 0;
transition: opacity 0.35s ease;
z-index: -1;
pointer-events: none;
}
body #mainNavbar.bg-added::before {
opacity: 1;
}
body #mainNavbar:not(.bg-added) .blur {
display: none;
}
body #mainNavbar:not(.bg-added):not(.on-light-bg) .logo {
background-image: url('/wp-content/uploads/2026/05/FutureCamp-Logo-weiss.svg');
}
body #mainNavbar:not(.bg-added).on-light-bg .logo {
background-image: url('/wp-content/uploads/2026/05/FutureCamp-Logo-schwarz.svg');
}
body #mainNavbar.bg-added {
box-shadow: 2px 2px 6px #00000029;
}
body main > section.hero:first-child {
margin-top: 0;
padding-top: 0;
}
body .hero.headline .img-wrap,
body .hero.headline .bg-wrap,
body .hero.subpage .img-wrap,
body .hero.subpage .bg-wrap {
margin: 10px 10px 15px 10px;
width: calc(100% - 20px);
overflow: hidden;
}
body.single-nachrichten-layout #mainNavbar.bg-added .logo,
body.single-referenzen-layout #mainNavbar.bg-added .logo {
background-image: url('/wp-content/uploads/2026/05/FutureCamp-Logo-farbig.svg');
}
body.template-newsletter #mainNavbar:not(.bg-added) .logo {
background-image: url('/wp-content/uploads/2026/05/FutureCamp-Logo-schwarz.svg');
}
body.template-newsletter #mainNavbar.bg-added .logo {
background-image: url('/wp-content/uploads/2026/05/FutureCamp-Logo-farbig.svg');
}
body.single-termin-layout #mainNavbar:not(.bg-added) .logo,
body.single-termin #mainNavbar:not(.bg-added) .logo {
background-image: url('/wp-content/uploads/2026/05/FutureCamp-Logo-schwarz.svg');
}
body.single-termin-layout #mainNavbar.bg-added .logo,
body.single-termin #mainNavbar.bg-added .logo {
background-image: url('/wp-content/uploads/2026/05/FutureCamp-Logo-farbig.svg');
}
}
/* Startseite: Hero-spezifisch (mobil) */
@media screen and (max-width: 1279px) {
body.page-template-start-php .hero.headline h1,
body.page-template-start-php .hero.headline h1.mobil {
font-size: 36px;
line-height: 45px;
}
}
@media screen and (max-width: 767px) {
body.page-template-start-php .home .hero.headline .img-wrap {
align-items: flex-start;
padding-top: 74px;
box-sizing: border-box;
}
}
/* Imageblock */
.imageblock.twocolumns {
padding-top: 0;
padding-bottom: 0;
margin: 15px 0;
}
.imageblock.twocolumns .cols {
gap: 15px;
}
.imageblock.twocolumns .col-6 {
padding:0;
}
.imageblock.twocolumns .col-4 .img-wrap{
aspect-ratio: 1/1;
}
.imageblock.twocolumns .col-6 .img-wrap{
aspect-ratio: 1.5;
}
.imageblock.twocolumns .col-4 .img-wrap,
.imageblock.twocolumns .col-6 .img-wrap {
background-repeat: no-repeat;
background-size: cover;
border-radius: 10px 0px;
}
.imageblock.twocolumns .col-8 .img-wrap {
width: 100%;
height: 100%;
border-radius: 10px 0px;
}
/* Textblock */
.textblock .text-wrap {
max-width:1040px;
}
/* Teaser, fullwidth, background */
.teaser.bg-dark {
margin:0;
border-radius: 0px 250px 0px 30px;
padding:70px 60px 50px;
min-height:600px
}
.bg-dark.fullwidth .col-3,
.bg-image.fullwidth .col-3 {
display: flex;
justify-content: end;
}
.bg-dark.fullwidth .text-wrap, .bg-image.fullwidth .text-wrap {
max-width:800px;
}
.teaser.bg-dark h2 {
margin-bottom:70px;
}
body.page-template-start-php section.teaser.bg-dark h2 {
font-size: 28px;
line-height: 1.1;
letter-spacing: 0.4px;
}
body.page-template-start-php section.teaser.bg-dark p {
font-size: 22px;
line-height: 1.29;
letter-spacing: 0.28px;
}
/* Textblock */
.textblock li, .tiles .tiles-wrap li {
margin-bottom:25px;
}
.imageblock img {
width:100%;
border-radius: 20px 0px;
}
/* Banner */
.banner .bg-wrap {
border-radius: 20px 0px;
padding: 40px 30px 10px;
}
/* Linklist */
.linklist h3, .linklist a,
.teaser h3, .teaser a {
transition: none;
}
.linklist h3 {
position:relative;
z-index: 0;
overflow:hidden;
padding: 16px 0;
border-top-left-radius: 20px;
border-bottom: 2px solid var(--main);
margin-bottom:20px;
margin-top:50px;
}
.linklist h3:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 130%;
height: 82px;
background-color: var(--main);
transform: translate(0%, 100%);
transition: 0.3s;
z-index: -1;
}
.linklist h3 a, .linklist li a,
.teaser h3 a, .teaser li a {
display:inline-block;
width:100%;
line-height:1.1;
}
.linklist h3 a {
display: flex;
align-items: center;
min-height: 45px;
}
.linklist h3 a:before {
content: "";
background-image: url('/wp-content/uploads/2026/05/FC-Platzhaltericon.svg');
width: 45px;
height: 45px;
display: inline-block;
flex-shrink: 0;
margin-left:10px;
margin-right: 20px;
background-size: cover;
}
.linklist h3.has-nav-icon a:before {
content: none;
display: none;
}
.linklist h3.has-nav-icon .nav-item__icon {
width: 45px;
height: 45px;
flex-shrink: 0;
margin-left: 10px;
margin-right: 20px;
}
.linklist h3.has-nav-icon .nav-item__icon-img {
width: 45px;
height: 45px;
object-fit: contain;
}
.linklist h3 a:after,
.teaser h3 a:after {
content: "";
display: inline-block;
background-image: url('data:image/svg+xml,');
background-size: cover;
width: 29px;
height: 23px;
right:0;
}
.linklist h3 a:after {
margin-left:20px;
flex-shrink: 0;
transition: 0.3s ease margin;
}
.linklist li {
margin:5px 0;
}
.linklist li a:after {
content: "";
display: inline-block;
background-image: url("data:image/svg+xml,%3Csvg id='pfeil-kurz-grau' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 7.69 13.38'%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B fill: none; stroke: %239d9d9d; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2px; %7D %3C/style%3E%3C/defs%3E%3Cg%3E%3Cpath class='st0' d='M1.24,1.41l5.27,5.27L1.24,11.96'/%3E%3C/g%3E%3C/svg%3E");
background-size: contain;
width: 8px;
height: 13px;
margin-left: 10px;
margin-bottom:2px;
background-repeat: no-repeat;
transition:0.3s ease margin;
}
/* Teaser */
.teaser .img-wrap {
position:relative;
overflow:hidden;
aspect-ratio:2/1;
border-radius: 20px 0;
}
.teaser .img {
position:absolute;
top:0;
transform: scale(1);
height: 100%;
width: 100%;
background-size: cover;
background-repeat: no-repeat;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
.teaser h4 {
margin-bottom:25px;
margin-top:20px;
}
.teaser.referenzen h4, .teaser.nachrichten h4 {
font-family: 'britti-bold';
font-weight:normal;
line-height: 1.25;
}
.teaser.blue .cols {
flex-wrap:wrap;
}
.teaser.blue .col-4 {
flex-basis: calc(33.33% - 27px);
}
.teaser.blue h3 {
position:relative;
padding: 25px 0;
border-top-left-radius: 20px;
border-bottom: 2px solid var(--main);
min-height: 100px;
hyphens:auto;
}
.teaser.blue h3 a:after {
position:absolute;
}
.teaser .col-4 .text-wrap,
.teaser .splide .text-wrap {
margin-top:30px;
}
.teaser.network,
.teaser.team {
padding-top:0;
margin-top:80px;
padding-bottom:0;
margin-bottom:90px;
}
.teaser.basic h3,
.teaser.network h3 {
line-height: 1.1;
margin-top: 25px;
padding-bottom: 25px;
}
.teaser.basic h3 {
border-bottom: 1px solid #000;
}
.teaser.network h3 {
font-size:1.4em;
min-height: 81px;
}
.teaser.basic .col-4:not(:last-of-type) .text-wrap {
margin-bottom:70px;
}
.teaser.network .col-4:not(:last-of-type) .text-wrap {
margin-bottom:100px;
}
.teaser.network .cols {
flex-wrap:wrap;
gap:40px;
}
.teaser.network .col-4 {
position:relative;
flex-basis: calc(33.3% - 27px);
}
.teaser.network .cols .text-wrap {
margin-bottom:85px;
}
.teaser.network .text-wrap .btn-more {
position: absolute;
bottom: 2px;
left: 0;
}
.teaser.network .img {
background-size: 100%;
background-position: 50% 50%;
}
.teaser.team h2 {
margin-bottom:50px;
}
.teaser.team .cols {
display:flex;
flex-wrap:wrap;
gap: 20px;
}
.teaser.team .col-3 {
flex-basis: calc(25% - 23px);
}
.teaser.team .img-wrap {
max-width: 155px;
aspect-ratio:1.2;
}
.teaser.team p.name {
margin-top: 40px;
margin-bottom: 10px;
}
.teaser.team .col-3 line {
max-width: 30%;
height: 1px;
margin-bottom:15px;
}
.teaser.papers {
padding-top: 0;
margin-top: 0px;
}
.teaser.papers .cols {
display:flex;
flex-wrap:wrap;
column-gap: 40px;
row-gap: 100px;
}
.teaser.papers .col-4 {
flex-basis: calc(33.33% - 27px);
}
.teaser.papers h3 {
min-height: 70px;
}
.teaser.papers .img-wrap {
margin-bottom:25px;
}
.teaser.papers .text-smaller {
margin-bottom:20px;
}
.teaser.papers .img-wrap img {
width:100%;
}
.teaser.papers .text-wrap {
margin-top:15px;
}
/* counter */
.counter {
background-image: url('img/hero-image.jpg');
background-size: cover;
}
.counter .text-smaller {
max-width:120px;
}
.counter .number {
font-size:2.78rem;
}
.counter .col-2 img {
max-height:70px;
}
.counter .splide.carousel .col-6 {
display: block;
}
.counter .splide.carousel .col-6 .img-wrap {
min-height:71px;
}
.overlap-tiles {
margin-top:-100px;
margin-bottom: 0;
padding-top: 0px;
}
.tiles .tiles-wrap,
.overlap-tiles .tiles-wrap {
border-radius: 20px 0px;
padding: 40px 30px 10px;
}
.tiles .tiles-wrap {
background-color:var(--main-light);
height: 100%;
}
.overlap-tiles .tiles-wrap {
background-color:var(--main);
height: 100%;
}
/* Splide in .container.cols: Flex-Kind sonst nur so breit wie Slide-Inhalt */
.overlap-tiles .container.cols > .splide,
.bg-image.tiles .container.cols > .splide {
flex: 1 1 100%;
width: 100%;
min-width: 0;
}
.overlap-tiles .splide__track,
.bg-image.tiles .splide__track {
width: 100%;
}
.bg-image.tiles .container:last-of-type,
.bg-image.overlap-tiles .container:last-of-type {
margin-top:40px;
}
/* overview with icons */
.overview-with-icons .container > .text-wrap {
max-width:600px;
}
.overview-with-icons .container.cols {
margin-top:50px;
margin-bottom:30px;
}
.overview-with-icons .col-4 .text-wrap {
max-width: 260px;
}
.overview-with-icons .cols img {
width: 100%;
max-width: 60px;
margin-bottom: 30px;
}
/* Benefits */
section.benefits {
background-size:cover;
padding-bottom: 40px;
}
.benefits h2 {
margin-bottom:100px;
}
.benefits .only-desktop {
display:none;
}
.benefits .splide.carousel .cols {
display: flex;
column-gap: 70px;
row-gap: 20px;
}
.benefits .splide__slide {
display:flex;
flex-wrap:wrap;
column-gap:70px;
}
.benefits .col-6 {
flex-basis:calc(50% - 35px);
}
.benefits .text-smaller {
max-width:200px;
}
.benefits .slider-progress {
display: block;
}
.benefits .splide .slider-btns, .benefits .splide .splide__pagination {
display:flex;
}
.benefits p {
font-size: 14px;
font-size: 0.8em;
line-height: 1.2;
}
@media(min-width:768px) {
.benefits p {
hyphens:auto;
}
}
@media(min-width:1280px) {
.benefits .only-desktop {
display:flex;
flex-wrap: wrap;
row-gap: 20px;
column-gap: 70px;
}
.benefits .col-2 {
flex-basis: calc(16.66% - 59px);
}
.benefits .only-mobil {
display:none;
}
}
/* Experte */
.experte .col-6.cols {
align-items:center;
}
.experte img {
border-radius:50%;
max-width:200px;
}
.experte .text-large {
margin-top:60px;
margin-bottom:0;
}
/* Referenzen */
.referenzen .splide, .nachrichten .splide {
width:100%;
}
.referenzen .col-8 .text-wrap,
.nachrichten .col-8 .text-wrap,
.akademie .col-8 .text-wrap {
max-width:700px;
}
.referenzen .text-wrap, .nachrichten .text-wrap {
margin-bottom: 55px;
}
.teaser.referenzen.pages-on-desktop .text-wrap, .teaser.nachrichten.pages-on-desktop .text-wrap {
margin-bottom: 85px;
}
.referenzen .splide button.btn-more, .nachrichten .splide button.btn-more {
position: absolute;
bottom: 2px;
}
/* Nachrichten */
.nachrichten .container.cols:last-of-type {
margin:0 -100px 0 0;
}
/* Accordion */
.acc-wrap .text-wrap {
max-width:700px;
}
.details {
overflow: hidden;
transition: all 300ms ease-in-out;
transition-duration: 300ms;
}
.details__summary {
font-family:'britti-bold', sans-serif;
font-weight:600;
padding: 20px 50px 20px 0px;
position: relative;
outline: 0;
list-style:none;
cursor: pointer;
border-top: 1px solid var(--bodytext);
transition: all 0.4s ease-out;
transition: color 300ms ease-in-out;
}
.details__summary:hover {
color:var(--main);
}
.details:first-of-type .details__summary {
border-top:none;
}
[open] > .details__summary {
border-top: 1px solid var(--bodytext);
transition: all 0.4s ease-out;
}
.details:last-child {
border-bottom: 1px solid var(--bodytext);
}
.details__summary:after {
margin-top:-10px;
content:'';
position: absolute;
right: 0;
margin-right: 10px;
width:25px;
height: 25px;
display: block;
top: 30px;
transition: transform 0.2s ease-out;
background-repeat:no-repeat;
}
.details__summary:after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='31' height='31' viewBox='0 0 31 31'%3E%3Cg id='Mehr' transform='translate(-1389 -1483)'%3E%3Cg data-name='Gruppe 292' transform='translate(91.766 -6.234)'%3E%3Cline id='Linie_48' data-name='Linie 48' y2='17.531' transform='translate(1312.734 1495.969)' fill='none' stroke='%23056CA7' stroke-width='1'/%3E%3Cline id='Linie_49' data-name='Linie 49' y2='17.531' transform='translate(1321.5 1504.734) rotate(90)' fill='none' stroke='%23000000' stroke-width='1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
[open] .details__summary:after {
margin-top: -11px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='31' height='31' viewBox='0 0 31 31'%3E%3Cg id='Mehr' transform='translate(-1389 -1483)'%3E%3Cg data-name='Gruppe 292' transform='translate(91.766 -6.234)'%3E%3Cline id='Linie_49' data-name='Linie 49' y2='17.531' transform='translate(1321.5 1504.734) rotate(90)' fill='none' stroke='%23000000' stroke-width='1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
transition: transform 0.2s ease-out;
}
.details__summary::-webkit-details-marker {
display: none;
}
.details {
overflow: hidden;
transition: all 300ms ease-in-out;
}
.details__content {
padding: 20px 50px 5px 0px;
}
.details__content .col-4 {
position:relative;
margin-left:40px;
}
.details__summary::-webkit-details-marker {
display: none;
}
/* Single */
.single.hero .container.cols {
height: auto;
align-items: flex-start;
}
.single.hero img {
width:100%;
margin-top:5px;
margin-bottom:40px;
}
.single.hero img.only-mobil {
display:block;
}
.single.hero img.only-desktop {
display:none;
}
/* Nachrichten */
.single-date p {
margin-bottom:40px;
}
.single.hero.single-nachrichten .cols {
gap:120px;
max-width: 1060px;
margin: 0 auto;
}
.hero.single-nachrichten .col-3 {
display:block;
position:unset;
padding:0;
}
.hero.single-nachrichten .btn-wrap {
margin-bottom:30px;
}
/* Stellenangebote */
.jobs {
padding-bottom:0;
margin-bottom:70px;
}
.jobs .text-wrap {
max-width:850px;
}
.jobs .col-3 {
overflow:hidden;
}
.jobs .col-3 > img {
aspect-ratio: 1.2;
object-fit:cover;
object-position:center;
width: 100%;
max-width: 300px;
border-radius: 20px 0px 0px 0px;
}
.jobs .job-title {
font-size:40px;
line-height:1.3;
letter-spacing:0.4px;
color:var(--main);
margin-top:40px;
margin-bottom:30px;
}
.jobs .cols {
position:relative;
}
.jobs .cols > a {
position: absolute;
width: 100%;
height: 100%;
}
.jobs .col-1 span {
display:block;
}
.jobs .col-1 span img {
margin-left: auto;
width: 26px;
height: auto;
}
.jobs .col-1 {
padding-bottom:20px;
margin-bottom:50px;
border-bottom: 1px solid var(--main);
}
.jobs .cols:last-of-type .col-1 {
padding-bottom:0px;
margin-bottom:0px;
border:none;
}
.jobs .col-8 {
flex-basis:calc(66.66% - 80px);
min-height:240px;
}
.jobs.no-link .job-title {
color: var(--bodytext);
}
.jobs.no-link .col-3 > img,
.jobs.no-link .cols.img-right .col-3 > img {
border-radius: 20px 0 20px 0;
}
/* Splide Carousel */
.splide.carousel {
width:100%;
margin-bottom: 100px;
margin-top: 50px;
}
.splide.carousel .splide {
margin-top: 60px;
margin-bottom:80px;
}
.splide.carousel .splide__slide {
padding: 0;
}
.splide.carousel .cols {
display:flex;
gap: 20px;
}
.splide.carousel .col-6 {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.splide.carousel .col-6 .img-wrap,
.splide.carousel .col-6 p,
.splide.carousel .col-6 .number {
flex-basis:100%;
}
.splide.carousel .col-6 img {
width:55px;
height: 55px;
}
.splide .splide__pagination {
counter-reset: pagination-num;
right:auto;
padding: 0 0 0 20px;
bottom: 5px;
}
.splide .splide__pagination__page {
transition:none;
}
.splide .splide__pagination__page, .splide .splide__pagination__page.is-active {
background:none;
transform: scale(1);
color:var(--bodytext);
opacity: 1;
}
.bg-image .splide .splide__pagination__page, .bg-image .splide .splide__pagination__page.is-active {
color:var(--contrast);
}
.splide .splide__pagination__page:before {
counter-increment: pagination-num;
content: counter( pagination-num );
}
.splide .splide__pagination li:first-child .splide__pagination__page[data-fc-counter]:before,
.splide .splide__pagination li:last-child .splide__pagination__page[data-fc-counter]:before {
content: attr(data-fc-counter);
}
.splide .splide__pagination li:not(:first-child):not(:last-child) {
opacity:0;
visibility:hidden;
width:0;
}
.splide .splide__pagination li:first-child:after {
content:"-";
color:var(--bodytext);
}
.bg-image .splide .splide__pagination li:first-child:after {
color:var(--contrast);
}
.splide .slider-btns {
display: flex;
align-items: center;
margin-top:20px;
}
.splide .splide_prev, .splide_next {
cursor: pointer;
}
.splide .splide_next {
margin-left:48px;
}
.splide .splide_prev svg, .splide_next svg {
width:14px;
height:11px;
}
.splide .splide_prev svg {
transform:rotate(180deg);
transform-origin:center;
}
.splide #pfeil-lang .st0 {
fill: none;
stroke-linecap: round;
stroke-linejoin: round;
stroke-width: 2px;
stroke: var(--bodytext);
}
.bg-image .splide #pfeil-lang .st0 {
stroke: var(--contrast);
}
.splide .slider-progress {
width: 100%;
height: 1px;
background-color: rgba(0,0,0,0.2);
}
.bg-image .splide .slider-progress {
background-color: rgba(255,255,255,0.5);
}
.splide .slider-progress .slider-progress-bar {
height: 1px;
margin-top: 45px;
background-color:var(--bodytext);
}
.bg-image .splide .slider-progress .slider-progress-bar {
background-color: var(--contrast);
}
/* Buttons — Nach-oben (Footer) */
button.btn-up {
min-width: 0;
width: 46px;
height: 46px;
border-radius: 50%;
padding: 0;
flex-shrink: 0;
transition: border-color 0.3s ease;
}
button.btn-up span {
display: block;
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
border-radius: 50%;
isolation: isolate;
}
button.btn-up span::before {
border-radius: 50%;
}
button.btn-up span::after {
content: '';
--btn-up-arrow-mask: url('data:image/svg+xml,');
background-color: var(--contrast);
-webkit-mask-image: var(--btn-up-arrow-mask);
mask-image: var(--btn-up-arrow-mask);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: contain;
mask-size: contain;
position: absolute;
top: 50%;
left: 50%;
width: 17px;
height: 17px;
margin: 0;
z-index: 2;
transform: translate3d(-50%, -50%, 0);
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
transition: none;
pointer-events: none;
}
.bg-dark button.btn-up span::after {
background-color: var(--contrast);
}
/* socials */
footer .socials {
display:flex;
justify-content:flex-end;
margin-bottom: 30px;
}
.socials a {
display: inline-block;
width:46px;
position: relative;
text-align: left;
transition: 0.3s;
z-index: 0;
overflow: hidden;
height: 46px;
border-radius:5px;
}
.socials a:not(:last-child) {
margin-right:15px;
}
.socials a:hover:after {
transform: scaleX(0);
}
.socials a:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 45px;
border-radius: 5px;
background-color: var(--main);
transform: translate(0%, 100%);
transition: 0.3s;
z-index: -1;
}
footer .socials a:before {
background-color: var(--contrast);
}
.socials a:hover:before {
transform: translate(0%, 0);
}
.instagram .cls-1, .instagram .cls-2,
.xing .cls-1, .xing .cls-2 {
fill: none;
}
.instagram .cls-3, footer .xing .cls-3 {
fill: #000;
transition:0.3s;
}
.instagram .cls-3, footer .xing .cls-3 {
fill: #000;
}
footer .instagram .cls-3, footer .xing .cls-3 {
fill: #fff;
}
.socials a.instagram .cls-2,
.xing .cls-2 {
stroke: #000;
transition:0.3s;
}
footer .socials a.instagram .cls-2,
footer .xing .cls-2 {
stroke: #fff;
}
.socials a.instagram:hover .cls-3,
.socials a.xing:hover .cls-3 {
fill:var(--contrast);
}
main .socials a.instagram:hover .cls-2,
main .socials a.xing:hover .cls-2 {
stroke:var(--main);
}
footer .socials a.instagram:hover .cls-3,
footer .socials a.xing:hover .cls-3 {
fill:var(--bodytext);
}
/* Newsletter */
.hero.newsletter .container.cols {
align-items: start;
padding-top:100px;
padding-left: 0;
padding-right: 0;
}
.newsletter.bg-dark, .newsletter.bg-main {
border-radius: 10px 0;
margin: 100px auto 15px;
padding: 80px 60px 100px;
max-width: 1520px;
}
.newsletter img {
max-width: 60px;
margin-top: -10px;
margin-bottom: 20px;
}
/* Mobil: Newsletter-Block auf Unterseiten — volle Breite, Text-Container wie Textblock */
@media (max-width: 767px) {
body:not(.page-template-start-php) main > section.newsletter.bg-dark,
body:not(.page-template-start-php) main > section.newsletter.bg-main {
width: auto;
max-width: none;
margin-left: 0;
margin-right: 0;
padding-left: 15px;
padding-right: 15px;
}
body:not(.page-template-start-php) main > section.newsletter.bg-dark .container,
body:not(.page-template-start-php) main > section.newsletter.bg-main .container {
padding-left: 10px;
padding-right: 10px;
}
}
/* Kontakt */
.kontakt.bg-main, .kontakt.bg-dark, .kontakt.bg-main-light {
margin-top:20px;
margin-bottom:20px;
padding-top: 100px;
}
/* Footer */
.inner-footer .col-3 {
display: flex;
justify-content: end;
}
.inner-footer .container.cols:nth-of-type(2) {
gap:40px;
}
.inner-footer .container.cols:last-of-type {
padding-top:10px;
border-top:1px solid var(--contrast);
}
footer .container.cols:first-of-type {
display:flex;
}
footer .container.cols:nth-of-type(1) h2 {
margin-bottom:80px;
}
footer .container.cols:nth-of-type(2) .col-6:nth-of-type(1) .cols {
margin-top:75px;
margin-bottom:50px;
}
footer .container.cols:nth-of-type(2) .col-6:nth-of-type(2) .cols {
display:flex;
margin-bottom:30px;
max-width:700px;
}
footer li, footer li a, footer h3 {
position:relative;
}
footer li a {
margin-bottom:4px;
margin-top:4px;
}
footer a::after {
content: "";
position: absolute;
display: block;
width: 100%;
height: 1px;
bottom: 0;
left: 0;
background-color: var(--contrast);
transform: scaleX(0);
transform-origin: top left;
transition: transform 0.3s ease;
}
footer a:hover::after {
transform: scaleX(1);
}
footer .arrow-fix a:hover:after {
transform: scaleX(0);
}
.footer-nav-1 {
margin-right:20px;
}
.footer-nav-1 li a, .footer-nav-2 li a {
display:inline-block;
margin-left:20px;
}
.footer-nav-3 li:not(:first-child) a {
margin-left:20px;
}
.footer-nav-3 a, footer h3 {
display: inline-block;
line-height:1.5;
}
.footer-nav-1 li a::before,
.footer-nav-2 li a::before {
content: '';
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
position: absolute;
left: 0;
margin-top: 5px;
margin-left:-20px;
width: 13px;
height: 13px;
background-size: contain;
transition:0.3s all ease;
}
.footer-nav-1 li:hover a::before,
.footer-nav-2 li:hover a::before {
transform: rotate(-45deg);
}
.footer-nav-3 {
display:flex;
justify-content:end;
}
.footer-nav-3 li:last-child {
min-width:150px;
}
/* DESKTOP */
@media (min-width:475px) {
}
@media (min-width:520px){
.linklist li a:hover {
color:var(--main);
}
.linklist h3:hover a {
color:var(--contrast);
}
.linklist h3:hover:before {
transform: translate(0%, 0);
}
.linklist h3:hover a:before {
background-image: url('/wp-content/uploads/2026/05/FC-Platzhaltericon-white.svg');
}
.linklist h3.has-nav-icon:hover .nav-item__icon-img--default {
opacity: 0;
}
.linklist h3.has-nav-icon:hover .nav-item__icon-img--hover {
opacity: 1;
}
.linklist h3:hover a:after {
background-image: url('data:image/svg+xml,');
margin-left:40px;
}
.linklist li:hover a:after {
background-image: url("data:image/svg+xml,%3Csvg id='pfeil-kurz-blau' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 7.69 13.38'%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B fill: none; stroke: %231A84FF; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2px; %7D %3C/style%3E%3C/defs%3E%3Cg%3E%3Cpath class='st0' d='M1.24,1.41l5.27,5.27L1.24,11.96'/%3E%3C/g%3E%3C/svg%3E");
margin-left:30px;
}
.teaser .img-wrap:hover .img {
-ms-transform: scale(1.2);
-moz-transform: scale(1.2);
-webkit-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
}
.teaser.team .img-wrap:hover .img,
.teaser.network .img-wrap:hover .img {
-ms-transform: scale(1.1);
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
}
@media (min-width: 768px) {
.hero.single .container {
padding:100px 60px 40px;
}
section {
margin-top:100px;
margin-bottom:40px;
}
section.bg-main {
padding-top:100px;
padding-bottom:40px;
}
.teaser.bg-dark {
border-radius: 0 500px 0 30px;
padding:100px 120px 80px 60px;
min-height:600px;
}
footer section.inner-footer {
padding: 100px 60px 40px;
}
.inner-footer .container.cols:last-of-type {
display:flex;
}
.inner-footer .text-smaller {
line-height:28px;
}
.teaser.network .cols {
display:flex;
gap:40px;
}
.teaser.network .col-4 {
position: relative;
flex-basis: calc(50% - 40px);
}
}
@media (min-width:1024px) {
.imageblock.twocolumns .cols
{
display: flex;
}
.splide .slider-btns, .splide .splide__pagination, .slider-progress {
display:none;
}
.teaser.network .col-4 {
flex-basis: calc(33.3% - 27px);
}
.nachrichten .splide__list > li:first-child {
width: calc(35% - 15px) !important;
margin-right: 70px !important;
}
.referenzen.pages-on-desktop .splide .slider-btns, .referenzen.pages-on-desktop .splide .splide__pagination,
.nachrichten.pages-on-desktop .splide .slider-btns, .nachrichten.pages-on-desktop .splide .splide__pagination{
display:flex;
}
.referenzen.pages-on-desktop .slider-progress, .nachrichten.pages-on-desktop .slider-progress {
display:block;
}
.single.hero .cols {
display: flex;
gap:80px;
}
.single.hero .only-mobil {
display:none;
}
.single.hero .only-desktop img {
display:block;
}
.single.hero.single-nachrichten .cols {
margin-top:100px;
}
}
@media (min-width:1280px) {
section, footer section.inner-footer {
padding:100px 140px 40px;
}
.hero.single .container {
padding: 140px 45px 40px;
}
section:last-of-type {
padding-bottom:100px;
}
section.linklist.twocolumns {
padding: 0 140px;
}
section.textblock {
padding-top:0;
padding-bottom:0;
margin-top:45px;
margin-bottom:45px;
}
section.textblock.intro {
padding-bottom:0;
margin-top:120px;
}
/* jobs */
.jobs {
margin-bottom:100px;
}
.jobs h2 {
margin-bottom:50px;
}
.jobs .cols {
display: flex;
gap:40px;
border-bottom: 1px solid var(--main);
margin-bottom: 40px;
}
.jobs .cols.img-right {
flex-direction:row-reverse;
}
.jobs .cols-1 {
flex-basis:calc(8.3% - 27px);
}
.jobs .cols-3 {
flex-basis:calc(33.3% - 27px);
}
.jobs .cols-8 {
flex-basis:calc(22.2% - 27px);
}
.jobs .job-title {
margin-top:0;
}
.jobs .col-3 > img {
height: 100%;
}
.jobs:not(.no-link) .img-right .col-3 > img {
border-radius: 0px 20px 0px 0px;
}
.jobs .col-1 {
border-bottom:none;
}
.jobs .col-1 span {
transition:0.3s ease all;
cursor:pointer;
}
.jobs .cols:hover span {
transform:rotate(-45deg);
}
.jobs.no-link .cols {
border-bottom: none;
margin-bottom: 70px;
}
.jobs.no-link .cols:last-of-type {
margin-bottom: 0;
}
/* netzwerk */
.page-id-550 section.textblock.intro {
margin-top:70px;
}
.textblock ~ .textblock.twocolumns {
margin-top:25px;
}
.newsletter {
padding-bottom:100px;
}
.newsletter.bg-dark {
padding:80px 140px 100px;
}
.teaser.bg-dark {
border-radius: 0 500px 0 30px;
padding:100px 380px 80px 140px;
min-height:600px;
}
.kontakt.bg-main, .kontakt.bg-dark, .kontakt.bg-main-light {
border-radius: 0 30px 0 250px;
padding-bottom:100px
}
.hero .container.cols {
padding-left: 140px;
padding-right: 140px;
}
.hero.subpage .container {
padding-left: 125px;
padding-right: 125px;
}
.hero.bg-image.subpage .container.cols,
.hero.bg.subpage .container.cols,
.hero.headline.subpage .bg-wrap {
align-items:flex-start;
}
.hero.bg-image.subpage .container.cols,
.hero.headline.subpage .bg-wrap {
padding-top:155px;
}
.bg-image.tiles .container:last-of-type {
margin-bottom:100px;
}
.hero.subpage .bg-wrap {
padding-top: 155px;
padding-bottom: 80px;
}
.hero.newsletter .bg-wrap {
padding: 155px 125px 40px;
}
.hero.single .container {
padding: 170px 140px 40px;
}
.cols {
display:flex;
}
.overview-with-icons .container.cols {
flex-wrap:wrap;
}
.teaser .cols, .kontakt .cols, .hero.newsletter .container.cols,
.textblock.twocolumns .cols, .newsletter .container.cols, .experte .container.cols, .experte .col-6.cols {
gap:40px;
}
.newsletter.hero .container.cols {
gap:100px;
}
.twocolumns .cols {
display:flex;
}
.textblock.twocolumns .col-6:first-of-type,
.linklist.twocolumns .col-6:first-of-type{
padding-right:20px;
}
.textblock.twocolumns .col-6:last-of-type,
.linklist.twocolumns .col-6:last-of-type {
padding-left:20px;
}
.overlap-tiles {
padding: 0 140px 0;
}
.counter .col-3,
.tiles .col-3,
.logos .col-3,
.referenzen .col-4, .nachrichten .col-4, .akademie .col-4, .bg-main-light .col-6,
.newsletter.hero .col-6 {
display: flex;
justify-content: end;
}
.teaser.blue h3 a:after {
top: 28px;
}
.teaser.basic .col-4:not(:last-of-type) .text-wrap {
margin-bottom:0px;
}
.teaser.papers {
margin-top:80px;
}
.footer-nav-1 {
min-width:320px;
}
footer .socials {
margin-top:65px;
}
}
@media(min-width:1521px) {
.newsletter.bg-dark {
padding: 80px 100px 100px;
}
}
@media(min-width:1681px) {
.hero.headline .img-wrap,
.hero.headline.subpage .bg-wrap,
.home .hero.headline .img-wrap,
.newsletter.hero .bg-wrap {
width: 100%;
margin: 15px 0 15px 0;
}
section {
padding-left:125px;
}
.newsletter.bg-dark {
padding: 80px 60px 100px;
}
}
@media (min-width:1711px) {
.sticky-wrap,
header .btn-wrap {
right: calc(50% - 855px);
}
}
/* mobil */
@media (max-width:1349px){
.navbar #main-menu {
margin-left: 10px;
}
}
@media (max-width:1279px){
.blur {
display:none;
}
.hero .container.cols {
position:relative;
}
.hero .col-9 {
height:100%;
display:flex;
align-items: center;
}
.hero .col-9 h1,
.overview-with-icons h2 {
hyphens:auto;
}
.hero nav p {
margin-bottom:10px;
}
.hero .col-3 {
position:absolute;
bottom:0;
right:0;
padding:30px 40px;
}
.hero .col-3 img {
width:80px;
}
.teaser.bg-dark line, .teaser.bg-dark h2 {
max-width: calc(100% - 190px);
}
.counter, .tiles, .logos, .referenzen, .nachrichten {
position:relative;
padding-bottom:100px;
}
body.page-template-start-php main > section.listview.akademie {
position: relative;
}
.tiles, .logos {
padding-bottom:120px;
}
.counter .btn-more,
.tiles .btn-more,
.logos .btn-more, .referenzen .col-4 .btn-more, .nachrichten .col-4 .btn-more {
position: absolute;
bottom: 120px;
right: 60px;
}
.tiles .btn-more,
.logos .btn-more {
bottom: 40px;
}
.overlap-tiles {
margin-top:-100px;
}
.referenzen .col-4 .btn-more, .nachrichten .col-4 .btn-more {
bottom:0;
}
.logos .cols .col-2.border-light {
flex-basis: calc(20% - 17px);
}
.teaser h3 a::after {
display: block;
margin-left: 0;
margin-top: 20px;
}
.teaser.blue h3 {
padding-bottom: 65px;
hyphens:auto;
}
.teaser.blue h3 a::after {
margin-top: 20px;
left:0;
}
.teaser.blue .col-4 {
padding-top: 45px;
}
.experte h3 {
margin-top:30px;
}
.overview-with-icons .container.cols {
display: flex;
flex-direction: column;
align-items: center;
gap: 2.5rem;
}
.overview-with-icons .col-4 {
flex-basis: auto;
width: 100%;
max-width: 320px;
}
.overview-with-icons .col-4 .text-wrap {
margin-left: auto;
margin-right: auto;
text-align: center;
}
.overview-with-icons .cols img {
margin-left: auto;
margin-right: auto;
display: block;
}
}
@media(max-width:1279px) {
.teaser.papers .col-4 {
flex-basis: calc(50% - 20px);
}
.jobs.no-link .cols {
margin-bottom: 70px;
}
}
@media (max-width:1023px){
.hero.headline h1 {
font-size:3em;
}
.home .hero.headline .img-wrap {
height: 700px;
width: calc(100% - 20px);
aspect-ratio: unset;
}
.imageblock.twocolumns .cols div:first-child {
margin-bottom:15px;
}
.imageblock.twocolumns .col-8 .img-wrap {
aspect-ratio: 2;
background-size: cover;
}
.teaser.team .col-3 {
flex-basis: calc(50% - 21px);
}
.logos .cols .col-2.border-light {
flex-basis: calc(25% - 15px);
}
.referenzen .text-wrap, .nachrichten .text-wrap {
margin-bottom: 40px;
}
.referenzen .splide .text-wrap, .nachrichten .splide .text-wrap {
margin-bottom: 115px;
}
.single.hero .col-8 {
margin-top:30px;
}
.single.hero .only-desktop {
display:none;
}
}
@media (max-width: 767px) {
html, body {
/* font-size:16px; */
}
.single-subline {
font-size:28px;
}
.twocolumns h3 {
font-size: 24px;
}
body:has(main > section.hero.subpage) main h2 {
font-size: 32px;
line-height: 34px;
}
.home h1 {
max-width: calc(100% - 20px);
display:none;
}
.home h1.mobil {
display:block;
}
.home .hero.headline .img-wrap {
aspect-ratio: 1/2;
}
.home .hero.headline .text-wrap {
margin-left:20px;
margin-right:20px;
max-width:none;
width:100%;
}
.hero .col-3 img {
width: 60px;
}
section {
margin-top:70px;
margin-bottom:40px;
}
section.banner, .overview-with-icons.bg-main, .experte,
.kontakt.bg-main, .kontakt.bg-dark, .kontakt.bg-main-light {
margin-top:70px;
margin-bottom:70px;
}
.kontakt.bg-main, .kontakt.bg-dark, .kontakt.bg-main-light {
padding-top:70px;
}
.teaser.bg-dark line, .teaser.bg-dark h2 {
max-width: calc(100% - 80px);
}
.teaser.network h3 {
font-size:24px;
}
.teaser.network .text-wrap p {
margin-bottom:50px;
}
.teaser.network .col-4:not(:last-of-type) .text-wrap {
margin-bottom:70px;
}
.teaser.network .text-wrap .btn-more {
position: relative;
}
.teaser.network .img-wrap {
max-width:400px;
}
.teaser.papers .cols {
row-gap:50px;
}
.teaser.papers .col-4 {
flex-basis: 100%;
}
.logos .cols .col-2.border-light {
flex-basis: calc(33.33% - 14px);
}
.newsletter.bg-dark {
padding-top:40px;
padding-bottom:60px;
}
footer {
padding-top:70px;
}
footer .inner-footer .container.cols:nth-of-type(2) > .col-6:first-child .text-wrap h3,
footer .inner-footer .container.cols:nth-of-type(2) > .col-6:first-child .text-wrap h3 a {
font-size: 20px;
line-height: 22px;
}
.footer-nav-3 {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
}
.footer-nav-3 li {
width: 100%;
}
.footer-nav-3 li a {
display: inline-block;
margin-left: 20px;
}
.footer-nav-3 li a::before {
content: '';
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
position: absolute;
left: 0;
margin-top: 5px;
margin-left: -20px;
width: 13px;
height: 13px;
background-size: contain;
transition: 0.3s all ease;
}
.footer-nav-3 li:hover a::before {
transform: rotate(-45deg);
}
.footer-nav-3 li:last-child {
min-width: 0;
}
footer .text-smaller {
margin-bottom:10px;
}
}
@media (max-width:579px) {
section {
padding: 100px 30px 40px 25px;
}
main > section.hero + section {
margin-top: 30px;
padding-top: 0;
}
section.textblock,
section.textblock.intro,
section.textblock.twocolumns,
section.banner {
padding-top: 0;
padding-bottom: 0;
margin-top: 70px;
margin-bottom: 40px;
}
section.banner {
margin-bottom: 70px;
}
footer {
padding-top: 0;
}
.linklist {
padding:70px 30px 50px 25px;
}
.hero .container.cols {
padding-left:25px;
padding-right:30px;
}
.hero.newsletter .container.cols {
padding-top:250px;
}
.hero.newsletter .bg-wrap {
padding: 140px 20px 40px 20px;
}
.hero.single .container, .newsletter.bg-dark {
padding-left:25px;
padding-right:25px;
}
.logos .cols .col-2.border-light {
flex-basis: calc(50% - 10px);
}
.teaser.team .col-3 {
flex-basis: 100%;
text-align: center;
}
.teaser.team .img-wrap {
margin-left: auto;
margin-right: auto;
}
.teaser.team .col-3 line {
margin-left: auto;
margin-right: auto;
}
body.page-template-start-php main > section.logos {
padding-top: 0;
padding-bottom: 0;
}
section.logos > .container.cols:first-of-type .col-3 {
margin-bottom: 0;
}
.banner button.btn-more {
margin-bottom:30px;
}
}
@media (max-width: 767px) {
body.page-template-start-php main > section.linklist.twocolumns,
body.page-template-start-php main > section.teaser.nachrichten.pages-on-desktop,
body.page-template-start-php main > section.newsletter,
body.page-template-start-php main > section.listview.akademie {
margin-top: 92px;
margin-bottom: 92px;
padding-top: 0;
padding-bottom: 0;
padding-left: 25px;
padding-right: 25px;
}
body.page-template-start-php main > section.teaser.referenzen.pages-on-desktop {
margin-top: 42px;
margin-bottom: 92px;
padding-top: 0;
padding-bottom: 0;
padding-left: 25px;
padding-right: 25px;
}
body.page-template-start-php main > section.linklist.twocolumns {
padding-right: 30px;
}
}
/* Startseite (580–767): gleiche Text-Ränder wie <=579 */
@media (min-width: 580px) and (max-width: 767px) {
body.page-template-start-php section {
padding-left: 25px;
padding-right: 30px;
}
body.page-template-start-php section.teaser.bg-dark {
padding-left: 25px;
padding-right: 30px;
}
}
@media (max-width: 1279px) {
body.page-template-start-php main > section.teaser.referenzen.pages-on-desktop,
body.page-template-start-php main > section.teaser.nachrichten.pages-on-desktop,
body.page-template-start-php main > section.listview.akademie {
display: flex;
flex-direction: column;
padding-bottom: 0;
}
body.page-template-start-php main > section.teaser.referenzen.pages-on-desktop > .container.cols:first-of-type,
body.page-template-start-php main > section.teaser.nachrichten.pages-on-desktop > .container.cols:first-of-type,
body.page-template-start-php main > section.listview.akademie > .container.cols:first-of-type {
display: contents;
}
body.page-template-start-php main > section.teaser.referenzen.pages-on-desktop > .container.cols:first-of-type .col-8,
body.page-template-start-php main > section.teaser.nachrichten.pages-on-desktop > .container.cols:first-of-type .col-8,
body.page-template-start-php main > section.listview.akademie > .container.cols:first-of-type .col-8 {
order: 1;
flex-basis: 100%;
}
body.page-template-start-php main > section.teaser.referenzen.pages-on-desktop > .container.cols:last-of-type,
body.page-template-start-php main > section.teaser.nachrichten.pages-on-desktop > .container.cols:last-of-type,
body.page-template-start-php main > section.listview.akademie > .container.cols:last-of-type {
order: 2;
}
body.page-template-start-php main > section.teaser.referenzen.pages-on-desktop > .container.cols:first-of-type .col-4,
body.page-template-start-php main > section.teaser.nachrichten.pages-on-desktop > .container.cols:first-of-type .col-4,
body.page-template-start-php main > section.listview.akademie > .container.cols:first-of-type .col-4 {
order: 3;
display: flex;
justify-content: flex-end;
margin-top: 1.75rem;
margin-bottom: 0;
}
body.page-template-start-php main > section.teaser.referenzen.pages-on-desktop .col-4 .btn-more,
body.page-template-start-php main > section.teaser.nachrichten.pages-on-desktop .col-4 .btn-more,
body.page-template-start-php main > section.listview.akademie .col-4 .btn-more {
position: relative;
bottom: auto;
right: auto;
}
body.page-template-start-php main > section.teaser.referenzen.pages-on-desktop .text-wrap,
body.page-template-start-php main > section.teaser.nachrichten.pages-on-desktop .text-wrap {
margin-bottom: 40px;
}
section.logos,
section.counter.bg-image,
section.bg-image.tiles {
display: flex;
flex-direction: column;
padding-bottom: 0;
}
section.logos > .container.cols:first-of-type,
section.counter.bg-image > .container.cols:first-of-type,
section.bg-image.tiles > .container.cols:first-of-type {
display: contents;
}
section.logos > .container.cols:first-of-type .col-9,
section.counter.bg-image > .container.cols:first-of-type .col-9,
section.bg-image.tiles > .container.cols:first-of-type .col-9 {
order: 1;
flex-basis: 100%;
}
section.logos > .container.cols:last-of-type,
section.counter.bg-image > .container.cols:last-of-type,
section.bg-image.tiles > .container.cols:last-of-type {
order: 2;
}
section.logos > .container.cols:first-of-type .col-3,
section.bg-image.tiles > .container.cols:first-of-type .col-3 {
order: 3;
display: flex;
justify-content: flex-end;
margin-top: 1.75rem;
margin-bottom: 40px;
flex-basis: 100%;
}
section.counter.bg-image > .container.cols:first-of-type .col-3 {
order: 3;
display: flex;
justify-content: flex-end;
margin-top: 40px;
margin-bottom: 140px;
flex-basis: 100%;
}
section.counter.bg-image .splide.carousel {
margin-bottom: 0;
}
section.logos .btn-more,
section.counter.bg-image .btn-more,
section.bg-image.tiles .btn-more {
position: relative;
bottom: auto;
right: auto;
}
}
@media (max-width: 519px) {
.linklist li, .linklist h3 {
font-size:18px;
}
.linklist h3 a {
line-height:24px;
min-height: 24px;
}
.linklist h3 a::before {
width:24px;
height:24px;
margin-left:0;
margin-right:10px;
}
.linklist h3.has-nav-icon .nav-item__icon,
.linklist h3.has-nav-icon .nav-item__icon-img {
width: 24px;
height: 24px;
margin-left: 0;
margin-right: 10px;
}
.linklist h3 a::after {
width:15px;
height:12px;
margin-left:10px;
}
.linklist li a::after {
margin-bottom:0;
}
footer .container.cols:nth-of-type(2) .col-6:nth-of-type(2) .cols {
margin-bottom:50px;
}
}
@media (max-width: 474px) {
html, body {
/* font-size:14px; */
}
.home h1 {
hyphens: auto;
}
.hero.headline h1 {
font-size:2.5em;
}
h2 {
font-size: 2em;
}
.textblock p {
font-size:18px;
}
section, .teaser.bg-dark {
padding:50px 25px 50px 25px;
}
main > section.hero + section {
margin-top: 30px;
padding-top: 0;
}
section.textblock,
section.textblock.intro,
section.textblock.twocolumns,
section.banner {
padding-top: 0;
padding-bottom: 0;
}
body.page-template-start-php main > section.teaser.referenzen.pages-on-desktop,
body.page-template-start-php main > section.teaser.nachrichten.pages-on-desktop,
body.page-template-start-php main > section.newsletter,
body.page-template-start-php main > section.listview.akademie,
body.page-template-start-php main > section.linklist.twocolumns,
body.page-template-start-php main > section.logos {
padding-top: 0;
padding-bottom: 0;
}
.hero .container {
padding-left:25px;
padding-right:25px;
}
.textblock .container {
padding-left:10px;
padding-right:10px;
}
.textblock .fc-termine-akademie .container {
padding-left: 0;
padding-right: 0;
}
.home .hero.headline .img-wrap {
height: 700px;
width: calc(100% - 20px);
aspect-ratio: unset;
}
.hero.headline .img-wrap,
.hero.headline .bg-wrap {
height: 490px;
}
.textblock {
padding-left:15px;
padding-right:15px;
}
.teaser.bg-dark line, .teaser.bg-dark h2 {
max-width:calc(100% - 150px);
}
.counter .btn-more,
.tiles .btn-more,
.logos .btn-more {
right:25px;
}
footer h3 {
line-height:2;
}
}
@media (max-width: 579px) {
body.page-id-296 main > section.teaser.basic {
padding: 70px 25px 0 25px;
margin-top: 0;
margin-bottom: 0;
}
}
/* ==========================================================================
NEU — single-termin.php, Stand 2026-05-13 (aktualisiert)
Sidebar-Panel, Termin-Datum, CTA, Teilen; mobil: Bild zwischen Datum und Beschreibung, Sidebar unter dem Fließtext.
Formular: blaue Section unter der Hero-Section; darin links ACF-Kurzinfos, rechts Formular (mobil untereinander).
========================================================================== */
.single.hero .termin-hero-cols {
align-items: flex-start;
}
@media (max-width: 1023px) {
.single.hero .termin-hero-cols {
flex-direction: column;
}
.single.hero .termin-hero-main,
.single.hero .termin-hero-sidebar {
flex-basis: 100%;
width: 100%;
max-width: 100%;
}
/* Abstand Fließtext → Sidebar (erste sichtbare Zeile ist oft ) */
.single.hero .termin-hero-sidebar {
margin-top: 2rem;
}
/* Sidebar-Bild nur Desktop; mobil siehe .termin-main__hero-media in der Hauptspalte */
.single.hero .termin-sidebar__media--desktop-only {
display: none;
}
}
@media (min-width: 1024px) {
.single.hero .termin-main__hero-media {
display: none;
}
.single.hero .termin-sidebar__media--desktop-only img {
height: 386px;
}
}
.single.hero .termin-sidebar {
display: flex;
flex-direction: column;
gap: 0;
width: 100%;
}
.single.hero .termin-sidebar__media {
position: relative;
border-radius: 20px 0 0 0;
overflow: hidden;
}
.single.hero .termin-sidebar__media img {
width: 100%;
height: 297px;
display: block;
object-fit: cover;
object-position: center;
}
.single.hero .termin-main__hero-media {
margin-bottom: 1.5rem;
}
.single.hero .termin-sidebar__badge {
position: absolute;
left: 0px;
bottom: 40px;
padding: 6px 14px;
background-color: var(--main);
color: var(--contrast);
font-size: 15px;
}
.single.hero .termin-sidebar__section > line:first-of-type {
margin-bottom: 21px;
}
.single.hero .termin-sidebar__panel {
padding-top: 0;
}
.single.hero .termin-sidebar__heading {
margin: 0 0 0.35rem;
font-size: 24px;
color: inherit;
}
.single.hero .termin-sidebar__date {
margin: 0 0 1rem;
}
.single.hero .termin-sidebar__date-day {
display: block;
font-size: 60px;
line-height: 1.05;
color: var(--main);
}
.single.hero .termin-sidebar__date-year {
display: block;
font-size: 18px;
color: var(--main);
}
.single.hero .termin-sidebar__teaser {
margin: 0 0 1rem;
line-height: 1.45;
}
.single.hero .termin-sidebar__price {
margin: 0 0 1.25rem;
line-height: 1.45;
}
.single.hero .termin-sidebar__cta-wrap {
margin: 0 0 1.25rem;
}
.single.hero a.termin-sidebar__cta {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.5rem;
box-sizing: border-box;
padding: 14px 20px;
background-color: var(--main);
color: var(--contrast) !important;
text-decoration: none;
border-radius: 6px;
border: none;
}
.single.hero a.termin-sidebar__cta::after {
content: "→";
font-size: 1.1em;
line-height: 1;
}
.single.hero a.termin-sidebar__cta:hover {
filter: brightness(1.05);
}
.single.hero .termin-sidebar__share-label,
body.single-nachrichten-layout .termin-sidebar__share-label,
body.single-referenzen-layout .termin-sidebar__share-label,
body.single-publikationen-layout .termin-sidebar__share-label {
margin: 0 0 0.5rem;
font-size: 0.9rem;
}
.single.hero .termin-sidebar__share-icons,
body.single-nachrichten-layout .termin-sidebar__share-icons,
body.single-referenzen-layout .termin-sidebar__share-icons,
body.single-publikationen-layout .termin-sidebar__share-icons {
display: flex;
flex-wrap: nowrap;
gap: 10px;
align-items: center;
}
.single.hero .termin-sidebar__share-icons .shariff,
body.single-nachrichten-layout .termin-sidebar__share-icons .shariff,
body.single-referenzen-layout .termin-sidebar__share-icons .shariff,
body.single-publikationen-layout .termin-sidebar__share-icons .shariff {
width: 100%;
}
.single.hero .termin-sidebar__share-icons .shariff ul,
body.single-nachrichten-layout .termin-sidebar__share-icons .shariff ul,
body.single-referenzen-layout .termin-sidebar__share-icons .shariff ul,
body.single-publikationen-layout .termin-sidebar__share-icons .shariff ul {
display: flex;
flex-wrap: nowrap;
gap: 10px;
margin: 0;
padding: 0;
list-style: none;
}
.single.hero .termin-sidebar__share-icons .shariff li,
body.single-nachrichten-layout .termin-sidebar__share-icons .shariff li,
body.single-referenzen-layout .termin-sidebar__share-icons .shariff li,
body.single-publikationen-layout .termin-sidebar__share-icons .shariff li {
margin: 0 !important;
padding: 0;
width: auto !important;
height: auto !important;
border-radius: 0;
flex: 0 0 auto;
}
.single.hero .termin-sidebar__share.socials a:not(:last-child),
body.single-nachrichten-layout .termin-sidebar__share.socials a:not(:last-child),
body.single-referenzen-layout .termin-sidebar__share.socials a:not(:last-child),
body.single-publikationen-layout .termin-sidebar__share.socials a:not(:last-child) {
margin-right: 0;
}
.single.hero .termin-sidebar__share.socials a::before,
body.single-nachrichten-layout .termin-sidebar__share.socials a::before,
body.single-referenzen-layout .termin-sidebar__share.socials a::before,
body.single-publikationen-layout .termin-sidebar__share.socials a::before {
display: none;
}
.single.hero .termin-sidebar__share-icons a,
body.single-nachrichten-layout .termin-sidebar__share-icons a,
body.single-referenzen-layout .termin-sidebar__share-icons a,
body.single-publikationen-layout .termin-sidebar__share-icons a {
display: inline-flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
width: 45px;
height: 45px;
padding: 0;
border: 1px solid var(--bodytext);
border-radius: 5px;
color: var(--bodytext);
text-decoration: none;
overflow: hidden;
}
.single.hero .termin-sidebar__share-icons a svg,
.single.hero .termin-sidebar__share-icons a span,
body.single-nachrichten-layout .termin-sidebar__share-icons a svg,
body.single-nachrichten-layout .termin-sidebar__share-icons a span,
body.single-referenzen-layout .termin-sidebar__share-icons a svg,
body.single-referenzen-layout .termin-sidebar__share-icons a span,
body.single-publikationen-layout .termin-sidebar__share-icons a svg,
body.single-publikationen-layout .termin-sidebar__share-icons a span {
position: relative;
z-index: 1;
}
.single.hero .termin-sidebar__share-icons a svg,
body.single-nachrichten-layout .termin-sidebar__share-icons a svg,
body.single-referenzen-layout .termin-sidebar__share-icons a svg,
body.single-publikationen-layout .termin-sidebar__share-icons a svg {
display: block;
width: 20px;
height: 20px;
flex-shrink: 0;
}
.single.hero .termin-sidebar__share-icons .shariff .shariff-icon,
body.single-nachrichten-layout .termin-sidebar__share-icons .shariff .shariff-icon,
body.single-referenzen-layout .termin-sidebar__share-icons .shariff .shariff-icon,
body.single-publikationen-layout .termin-sidebar__share-icons .shariff .shariff-icon,
body.single-termin-layout .termin-sidebar__share-icons .shariff .shariff-icon,
body.single-termin .termin-sidebar__share-icons .shariff .shariff-icon {
display: flex;
align-items: center;
justify-content: center;
transform: translateY(2px);
}
.single.hero .termin-sidebar__share-icons .shariff .shariff-icon svg path,
body.single-nachrichten-layout .termin-sidebar__share-icons .shariff .shariff-icon svg path,
body.single-referenzen-layout .termin-sidebar__share-icons .shariff .shariff-icon svg path,
body.single-publikationen-layout .termin-sidebar__share-icons .shariff .shariff-icon svg path {
fill: currentColor;
}
.single.hero .termin-sidebar__share-icons .shariff a,
body.single-nachrichten-layout .termin-sidebar__share-icons .shariff a,
body.single-referenzen-layout .termin-sidebar__share-icons .shariff a,
body.single-publikationen-layout .termin-sidebar__share-icons .shariff a {
background-color: #fff !important;
color: var(--bodytext) !important;
}
.single.hero .termin-sidebar__share-icons a:hover,
.single.hero .termin-sidebar__share-icons a:focus-visible,
body.single-nachrichten-layout .termin-sidebar__share-icons a:hover,
body.single-nachrichten-layout .termin-sidebar__share-icons a:focus-visible,
body.single-referenzen-layout .termin-sidebar__share-icons a:hover,
body.single-referenzen-layout .termin-sidebar__share-icons a:focus-visible,
body.single-publikationen-layout .termin-sidebar__share-icons a:hover,
body.single-publikationen-layout .termin-sidebar__share-icons a:focus-visible {
border-color: var(--main);
background-color: var(--main) !important;
color: #fff !important;
}
.single.hero .termin-sidebar__share-icons a:hover .shariff-icon svg path,
.single.hero .termin-sidebar__share-icons a:focus-visible .shariff-icon svg path,
body.single-nachrichten-layout .termin-sidebar__share-icons a:hover .shariff-icon svg path,
body.single-nachrichten-layout .termin-sidebar__share-icons a:focus-visible .shariff-icon svg path,
body.single-referenzen-layout .termin-sidebar__share-icons a:hover .shariff-icon svg path,
body.single-referenzen-layout .termin-sidebar__share-icons a:focus-visible .shariff-icon svg path,
body.single-publikationen-layout .termin-sidebar__share-icons a:hover .shariff-icon svg path,
body.single-publikationen-layout .termin-sidebar__share-icons a:focus-visible .shariff-icon svg path {
fill: #fff;
}
/* Custom mail icon — Nachrichten, Referenzen, Publikationen, Termine */
body.single-nachrichten-layout .termin-sidebar__share-icons .shariff-button.mailto .shariff-icon svg,
body.single-referenzen-layout .termin-sidebar__share-icons .shariff-button.mailto .shariff-icon svg,
body.single-publikationen-layout .termin-sidebar__share-icons .shariff-button.mailto .shariff-icon svg,
body.single-termin-layout .termin-sidebar__share-icons .shariff-button.mailto .shariff-icon svg,
body.single-termin .termin-sidebar__share-icons .shariff-button.mailto .shariff-icon svg {
display: none;
}
body.single-nachrichten-layout .termin-sidebar__share-icons .shariff-button.mailto a,
body.single-referenzen-layout .termin-sidebar__share-icons .shariff-button.mailto a,
body.single-publikationen-layout .termin-sidebar__share-icons .shariff-button.mailto a,
body.single-termin-layout .termin-sidebar__share-icons .shariff-button.mailto a,
body.single-termin .termin-sidebar__share-icons .shariff-button.mailto a {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
background-image: url('img/email-action-black.svg') !important;
background-position: center calc(50% + 2px) !important;
background-size: 20px 20px !important;
background-repeat: no-repeat !important;
}
body.single-nachrichten-layout .termin-sidebar__share-icons .shariff-button.mailto .shariff-icon,
body.single-referenzen-layout .termin-sidebar__share-icons .shariff-button.mailto .shariff-icon,
body.single-publikationen-layout .termin-sidebar__share-icons .shariff-button.mailto .shariff-icon,
body.single-termin-layout .termin-sidebar__share-icons .shariff-button.mailto .shariff-icon,
body.single-termin .termin-sidebar__share-icons .shariff-button.mailto .shariff-icon {
display: none;
}
body.single-nachrichten-layout .termin-sidebar__share-icons .shariff-button.mailto a:hover,
body.single-nachrichten-layout .termin-sidebar__share-icons .shariff-button.mailto a:focus-visible,
body.single-referenzen-layout .termin-sidebar__share-icons .shariff-button.mailto a:hover,
body.single-referenzen-layout .termin-sidebar__share-icons .shariff-button.mailto a:focus-visible,
body.single-publikationen-layout .termin-sidebar__share-icons .shariff-button.mailto a:hover,
body.single-publikationen-layout .termin-sidebar__share-icons .shariff-button.mailto a:focus-visible,
body.single-termin-layout .termin-sidebar__share-icons .shariff-button.mailto a:hover,
body.single-termin-layout .termin-sidebar__share-icons .shariff-button.mailto a:focus-visible,
body.single-termin .termin-sidebar__share-icons .shariff-button.mailto a:hover,
body.single-termin .termin-sidebar__share-icons .shariff-button.mailto a:focus-visible {
background-image: url('img/email-action-white.svg') !important;
}
.single.hero .termin-sidebar__share-icons a:hover .cls-3,
.single.hero .termin-sidebar__share-icons a:focus-visible .cls-3 {
fill: #fff;
}
.single.hero .termin-sidebar__share-in .cls-1,
.single.hero .termin-sidebar__share-in .cls-2 {
fill: none;
stroke: currentColor;
stroke-width: 1.5px;
}
.single.hero .termin-sidebar__share-icons a:hover .cls-1,
.single.hero .termin-sidebar__share-icons a:hover .cls-2,
.single.hero .termin-sidebar__share-icons a:focus-visible .cls-1,
.single.hero .termin-sidebar__share-icons a:focus-visible .cls-2 {
stroke: #fff;
}
.single.hero .termin-sidebar__share-in .cls-3 {
fill: currentColor;
}
.single.hero .termin-sidebar__share-x span {
font-size: 1rem;
font-weight: 600;
line-height: 1;
}
.single.hero .termin-sidebar__share-icons a:hover .termin-sidebar__share-x span,
.single.hero .termin-sidebar__share-icons a:focus-visible .termin-sidebar__share-x span {
color: #fff;
}
.single.hero .termin-sidebar__share {
margin-bottom: 78px;
}
.single.hero .termin-main__datum {
font-family: "britti-bold";
letter-spacing: 0.32px;
font-size: 16px;
margin: 0 0 1.5rem;
color: inherit;
}
.single.hero .termin-sidebar__bedingungen {
padding-top: 0.5rem;
}
.single.hero .termin-sidebar__bedingungen p {
margin-bottom:0;
}
.single.hero .termin-sidebar__bedingungen-body {
line-height: 1.5;
font-size: 0.95rem;
margin: 0;
padding: 0;
text-indent: 0;
}
.single.hero .termin-sidebar__bedingungen-body > *:first-child {
margin-top: 0;
}
.single.hero .termin-sidebar__bedingungen-body p,
.single.hero .termin-sidebar__bedingungen-body li {
margin-left: 0;
padding-left: 0;
text-indent: 0;
}
.single.hero .termin-sidebar__bedingungen-body ul,
.single.hero .termin-sidebar__bedingungen-body ol {
margin-left: 0;
padding-left: 0;
list-style-position: inside;
}
.single.hero .termin-sidebar__bedingungen-body blockquote {
margin: 0 0 1em;
padding: 0;
border: 0;
}
.single.hero .termin-sidebar__section {
padding: 0;
margin: 0;
padding-bottom: 0;
}
/* --- Terminanmeldung: volle Breite unter Hero; in der blauen Fläche Meta links, Formular rechts --- */
/* Abstand letzter Hero-Text (Hauptspalte oder Sidebar) → blauer Anmeldebereich */
.single-termin-layout main > section.single.hero {
padding-bottom: 81px;
}
.single-termin-layout section.single.hero + section.termin-anmeldung-band.bg-main {
margin-top: 0;
}
.single-termin-layout section.termin-anmeldung-band.bg-main {
box-sizing: border-box;
width: 100%;
margin: 0;
padding-top: 0;
/* padding: 3rem 60px 5rem; */
/* padding: 40px 140px 40px; */
border-bottom-left-radius: clamp(100px, 22vw, 380px);
overflow: hidden;
}
.single-termin-layout .termin-anmeldung-band__shell {
padding-bottom: 100px;
max-width: 1680px;
margin: 0 auto;
min-width: 0;
}
.single-termin-layout .termin-anmeldung-band__rule {
border: 0;
border-top: 5px solid rgba(255, 255, 255, 0.9);
margin: 69px 0 0;
padding: 0;
height: 0;
width: 100%;
display: block;
}
.single-termin-layout .termin-anmeldung-band__title {
margin: 1.75rem 0 2rem;
font-size: clamp(1.75rem, 3.5vw, 2.75rem);
font-weight: 700;
line-height: 1.15;
color: inherit;
}
.single-termin-layout .termin-anmeldung-band__inner {
display: grid;
grid-template-columns: minmax(0, 520px) minmax(0, 1fr);
align-items: start;
column-gap: clamp(2rem, 5vw, 4rem);
row-gap: 2.5rem;
}
.single-termin-layout .termin-anmeldung-band__meta,
.single-termin-layout .termin-anmeldung-band__form-wrap {
min-width: 0;
}
.single-termin-layout .termin-anmeldung-band__form-wrap {
align-self: start;
}
.single-termin-layout .termin-anmeldung-band__form-wrap > *:first-child,
.single-termin-layout .termin-anmeldung-band__form-wrap form {
margin-top: 0;
}
.single-termin-layout .termin-anmeldung-band__form-wrap .wpcf7,
.single-termin-layout .termin-anmeldung-band__form-wrap .gform_wrapper,
.single-termin-layout .termin-anmeldung-band__form-wrap .wpforms-container,
.single-termin-layout .termin-anmeldung-band__form-wrap .fluentform,
section.kontakt.bg-main .kontakt__form-wrap .fluentform,
section.kontakt.bg-dark .kontakt__form-wrap .fluentform,
section.kontakt.bg-main-light .kontakt__form-wrap .fluentform,
body.template-newsletter .newsletter-page__form-wrap .fluentform {
margin-top: 0;
}
.single-termin-layout .termin-anmeldung-band__event-title {
margin: 0 0 1.5rem;
font-size: 1.05rem;
line-height: 1.45;
font-weight: 400;
color: inherit;
opacity: 0.95;
}
.single-termin-layout .termin-anmeldung-band__teaser {
margin: -0.75rem 0 1.5rem;
font-size: 0.95rem;
line-height: 1.45;
color: inherit;
opacity: 0.92;
}
.single-termin-layout .termin-anmeldung-band__date {
margin: 0 0 1.25rem;
color: inherit;
}
.single-termin-layout .termin-anmeldung-band__date-day {
display: block;
font-size: 60px;
font-weight: 700;
line-height: 1.05;
}
.single-termin-layout .termin-anmeldung-band__date-year {
display: block;
font-size: 18px;
font-weight: 600;
opacity: 0.92;
}
.single-termin-layout .termin-anmeldung-band__kategorie-wrap {
margin: 0 0 1.25rem;
}
.single-termin-layout .termin-anmeldung-band__kategorie {
display: inline-block;
padding: 6px 14px;
background-color: var(--contrast);
color: var(--main);
font-size: 0.875rem;
font-weight: 600;
line-height: 1.2;
}
.single-termin-layout .termin-anmeldung-band__price {
margin: 0;
font-size: 1rem;
line-height: 1.5;
color: inherit;
}
.single-termin-layout .termin-anmeldung-band__price strong {
font-weight: 700;
}
.fc .shariff .theme-round .shariff-icon svg path {
fill: #000;
}
.fc .shariff .theme-round .shariff-icon:hover svg path {
fill: #FFF;
}
@media (max-width: 1023px) {
.single-termin-layout section.termin-anmeldung-band.bg-main {
padding-top: 0;
/* padding: 2.5rem 25px 3.5rem; */
/* padding:100px 60px 40px; */
border-bottom-left-radius: 80px;
}
.single-termin-layout .termin-anmeldung-band__inner {
grid-template-columns: 1fr;
}
}
/* ==========================================================================
NEU — template-eintraege-uebersicht.php (Listenlayout Einträge / Termine)
Stand: 2026-05-13 — Seite (template-eintraege-uebersicht.php) + eingebettet in single-termin.php
Selektor: .eintrag-uebersicht (überall nutzbar)
========================================================================== */
.eintrag-uebersicht {
/* padding: 3rem 0 4rem; */
/* padding: 40px 140px 40px; */
}
/* Hauptseite Termine ohne "vergangene Termine" */
.page-id-244 .eintrag-uebersicht--past-slider {
display:none;
}
body.template-eintraege-uebersicht-seite .eintrag-uebersicht {
padding-top:0;
}
/* Shortcode [fc_termine_akademie]: kein doppeltes globales section-Padding im Block */
.fc-termine-akademie > section.eintrag-uebersicht {
padding: 0;
}
/* Shortcode [fc_referenzen_grid] / [fc_nachrichten_grid] / [fc_bildgalerie] / [fc_termine_akademie]: volle Container-Breite */
.textblock .text-wrap:has(.fc-referenzen-grid),
.textblock .text-wrap:has(.fc-nachrichten-grid),
.textblock .text-wrap:has(.fc-bildgalerie-grid),
.textblock .text-wrap:has(.fc-termine-akademie) {
max-width: none;
}
.textblock .text-wrap .fc-referenzen-grid,
.textblock .text-wrap .fc-nachrichten-grid,
.textblock .text-wrap .fc-bildgalerie-grid,
.textblock .text-wrap .fc-termine-akademie {
max-width: none;
}
/* ACF-Textblock: CTA nur Desktop (col-4) bzw. nur Mobil (unter Shortcode) */
@media (max-width: 1023px) {
.textblock .fc-cta-desktop {
display: none !important;
}
.textblock .fc-cta-mobile {
display: flex;
justify-content: flex-end;
}
.textblock .fc-cta-mobile .btn-more {
display: inline-block;
}
.textblock .fc-cta-mobile .btn-more span {
width: 100%;
}
}
@media (min-width: 1024px) {
.textblock .fc-cta-mobile {
display: none !important;
}
}
.textblock .fc-cta-mobile {
margin-top: 1.75rem;
}
/* ACF-HTML:
im btn-more drückt den Text nach unten (45px-Höhe) */
.textblock button.btn-more br {
display: none;
}
/* Grid-Shortcodes + Akademie-Terminliste: gemeinsame Basis */
.fc-referenzen-grid,
.fc-nachrichten-grid,
.fc-bildgalerie-grid,
.fc-termine-akademie {
width: 100%;
max-width: 100%;
}
.fc-referenzen-grid .eintrag-uebersicht__splide,
.fc-nachrichten-grid .eintrag-uebersicht__splide,
.fc-bildgalerie-grid .eintrag-uebersicht__splide {
width: 100%;
max-width: 100%;
}
.fc-referenzen-grid .eintrag-uebersicht__splide .splide__track,
.fc-nachrichten-grid .eintrag-uebersicht__splide .splide__track,
.fc-bildgalerie-grid .eintrag-uebersicht__splide .splide__track {
width: 100%;
max-width: 100%;
}
/* Startseite-Teaser: globales position:absolute für btn-more überschreiben */
.teaser.referenzen .fc-referenzen-grid .splide button.btn-more,
.teaser.referenzen .fc-referenzen-grid .referenz-uebersicht__project-link,
.teaser.nachrichten .fc-nachrichten-grid .nachrichten-uebersicht__read-more {
position: relative;
bottom: auto;
}
@media (max-width: 767px) {
body.page-template-start-php .teaser.referenzen .fc-referenzen-grid .splide .referenz-uebersicht__subline,
body.page-template-start-php .teaser.nachrichten .fc-nachrichten-grid .splide .nachrichten-uebersicht__excerpt,
body.page-template-start-php .teaser.nachrichten .fc-nachrichten-grid .nachrichten-uebersicht__excerpt,
body.page-template-start-php .teaser .splide p {
font-size: 18px;
line-height: 1.4;
-webkit-text-size-adjust: 100%;
text-size-adjust: 100%;
}
body.page-template-start-php .fc-termine-akademie .eintrag-uebersicht--past-slider .eintrag-uebersicht__excerpt,
body.page-template-start-php .fc-termine-akademie .eintrag-uebersicht .eintrag-uebersicht__excerpt {
font-size: 18px;
line-height: 1.4;
letter-spacing: 0.18px;
-webkit-text-size-adjust: 100%;
text-size-adjust: 100%;
}
body.page-template-start-php .teaser.nachrichten .fc-nachrichten-grid .nachrichten-uebersicht__excerpt,
body.page-template-start-php .teaser.nachrichten .fc-nachrichten-grid .splide__slide .text-wrap {
flex: 0 1 auto;
margin-bottom: 20px !important;
}
body.page-template-start-php .teaser.nachrichten .fc-nachrichten-grid .nachrichten-uebersicht__card-body > .nachrichten-uebersicht__card-title:has(+ .nachrichten-uebersicht__read-more) {
margin-bottom: 20px;
}
body.page-template-start-php .teaser.nachrichten .fc-nachrichten-grid .nachrichten-uebersicht__read-more {
margin-top: 0;
}
}
.teaser.referenzen .fc-referenzen-grid .splide__pagination {
display: none !important;
}
.teaser.nachrichten .fc-nachrichten-grid .splide__pagination,
.eintrag-uebersicht--nachrichten-grid-slider .splide__pagination {
display: none !important;
}
/* Splide-Liste: kein Grid-Layout/Gap aus .nachrichten-uebersicht__grid */
.eintrag-uebersicht--referenzen-grid-slider .splide__list.nachrichten-uebersicht__grid,
.eintrag-uebersicht--nachrichten-grid-slider .splide__list.nachrichten-uebersicht__grid,
.eintrag-uebersicht--bildgalerie-grid-slider .splide__list.fc-bildgalerie__list {
gap: 0 !important;
column-gap: 0 !important;
row-gap: 0 !important;
grid-template-columns: none !important;
}
.eintrag-uebersicht--referenzen-grid-slider .splide__slide,
.eintrag-uebersicht--nachrichten-grid-slider .splide__slide,
.eintrag-uebersicht--bildgalerie-grid-slider .splide__slide {
min-width: 0;
box-sizing: border-box;
}
.eintrag-uebersicht--referenzen-grid-slider .referenz-uebersicht__card,
.eintrag-uebersicht--referenzen-grid-slider .referenz-uebersicht__card-title,
.eintrag-uebersicht--referenzen-grid-slider .referenz-uebersicht__subline {
min-width: 0;
overflow-wrap: anywhere;
}
/* Grid-Shortcodes: Slider-UI (Pfeile, Zähler, Fortschrittslinie) */
.fc-referenzen-grid.eintrag-uebersicht .eintrag-uebersicht__splide-ui,
.fc-nachrichten-grid.eintrag-uebersicht .eintrag-uebersicht__splide-ui,
.fc-bildgalerie-grid.eintrag-uebersicht .eintrag-uebersicht__splide-ui {
margin-top: 1.75rem;
}
.fc-referenzen-grid.eintrag-uebersicht .eintrag-uebersicht__slider-btns,
.fc-nachrichten-grid.eintrag-uebersicht .eintrag-uebersicht__slider-btns,
.fc-bildgalerie-grid.eintrag-uebersicht .eintrag-uebersicht__slider-btns {
margin-top: 0.5rem;
gap: 0.5rem;
}
.fc-referenzen-grid.eintrag-uebersicht .eintrag-uebersicht__splide-counter,
.fc-nachrichten-grid.eintrag-uebersicht .eintrag-uebersicht__splide-counter,
.fc-bildgalerie-grid.eintrag-uebersicht .eintrag-uebersicht__splide-counter {
background: none;
transform: scale(1);
color: var(--bodytext);
opacity: 1;
font-size: 0.75rem;
font-weight: 400;
letter-spacing: 0;
}
.fc-referenzen-grid.eintrag-uebersicht .eintrag-uebersicht__splide .splide_prev,
.fc-referenzen-grid.eintrag-uebersicht .eintrag-uebersicht__splide .splide_next,
.fc-nachrichten-grid.eintrag-uebersicht .eintrag-uebersicht__splide .splide_prev,
.fc-nachrichten-grid.eintrag-uebersicht .eintrag-uebersicht__splide .splide_next,
.fc-bildgalerie-grid.eintrag-uebersicht .eintrag-uebersicht__splide .splide_prev,
.fc-bildgalerie-grid.eintrag-uebersicht .eintrag-uebersicht__splide .splide_next {
padding: 0.1rem;
opacity: 1;
}
.fc-referenzen-grid.eintrag-uebersicht .eintrag-uebersicht__splide-nav-img,
.fc-nachrichten-grid.eintrag-uebersicht .eintrag-uebersicht__splide-nav-img,
.fc-bildgalerie-grid.eintrag-uebersicht .eintrag-uebersicht__splide-nav-img {
width: 0.875rem;
opacity: 1;
}
.fc-referenzen-grid.eintrag-uebersicht .slider-progress,
.fc-nachrichten-grid.eintrag-uebersicht .slider-progress,
.fc-bildgalerie-grid.eintrag-uebersicht .slider-progress {
height: 1px;
background-color: rgba(0, 0, 0, 0.2);
}
.fc-referenzen-grid.eintrag-uebersicht .slider-progress-bar,
.fc-nachrichten-grid.eintrag-uebersicht .slider-progress-bar,
.fc-bildgalerie-grid.eintrag-uebersicht .slider-progress-bar {
height: 1px;
background-color: var(--bodytext);
}
/* Nur Nachrichten-Grid: Teaser-Karten (img-wrap statt Übersichts-![]()
) */
.eintrag-uebersicht--nachrichten-grid-slider .img-wrap {
position: relative;
overflow: hidden;
aspect-ratio: 2 / 1;
border-radius: 20px 0;
}
.eintrag-uebersicht--nachrichten-grid-slider .img-wrap .img {
position: absolute;
top: 0;
height: 100%;
width: 100%;
background-size: cover;
background-repeat: no-repeat;
}
.eintrag-uebersicht--nachrichten-grid-slider .nachrichten-uebersicht__card {
display: flex;
flex-direction: column;
flex: 1 1 auto;
width: 100%;
min-height: 100%;
height: 100%;
}
.eintrag-uebersicht--nachrichten-grid-slider .splide__list {
align-items: stretch;
}
.eintrag-uebersicht--nachrichten-grid-slider .splide__slide {
display: flex;
flex-direction: column;
}
.eintrag-uebersicht--nachrichten-grid-slider .nachrichten-uebersicht__card-title {
font-family: 'britti-bold', sans-serif;
font-weight: normal;
font-size: 24px;
line-height: 1.3;
letter-spacing: 0.24px;
margin-top: 20px;
margin-bottom: 25px;
}
.eintrag-uebersicht--nachrichten-grid-slider .nachrichten-uebersicht__card-body {
display: flex;
flex: 1 1 auto;
flex-direction: column;
align-items: flex-start;
}
.eintrag-uebersicht--nachrichten-grid-slider .nachrichten-uebersicht__excerpt,
.eintrag-uebersicht--nachrichten-grid-slider .splide__slide .text-wrap {
flex: 1 1 auto;
margin-bottom: 40px !important;
}
.eintrag-uebersicht--nachrichten-grid-slider .nachrichten-uebersicht__excerpt {
margin: 12px 0 0;
font-size: 16px;
line-height: 1.4;
letter-spacing: 0.18px;
}
.eintrag-uebersicht--nachrichten-grid-slider .nachrichten-uebersicht__card-body > .nachrichten-uebersicht__card-title:has(+ .nachrichten-uebersicht__read-more) {
margin-bottom: 40px;
}
.eintrag-uebersicht--nachrichten-grid-slider .nachrichten-uebersicht__read-more {
position: relative !important;
bottom: auto !important;
margin-top: auto;
flex-shrink: 0;
align-self: flex-start;
}
/* Desktop: global .splide .slider-progress { display:none } (oben) — Grid-Slider wieder einblenden */
@media (min-width: 1024px) {
.eintrag-uebersicht--referenzen-grid-slider .slider-progress,
.eintrag-uebersicht--nachrichten-grid-slider .slider-progress,
.eintrag-uebersicht--bildgalerie-grid-slider .slider-progress,
.fc-bildgalerie-lightbox .slider-progress {
display: block !important;
}
.eintrag-uebersicht--referenzen-grid-slider .slider-btns,
.eintrag-uebersicht--nachrichten-grid-slider .slider-btns,
.eintrag-uebersicht--bildgalerie-grid-slider .slider-btns,
.fc-bildgalerie-lightbox .slider-btns {
display: flex !important;
}
.fc-bildgalerie-lightbox .eintrag-uebersicht__splide-ui {
display: block !important;
}
/* Erste Kachel breiter — Nachrichten-Teaser-Layout */
.nachrichten .splide__list > li:first-child,
.eintrag-uebersicht--nachrichten-grid-slider .splide__list > li:first-child {
width: calc(35% - 15px) !important;
margin-right: 70px !important;
}
}
/* Bildgalerie-Grid [fc_bildgalerie] */
.eintrag-uebersicht--bildgalerie-grid-slider .fc-bildgalerie__open {
display: block;
width: 100%;
padding: 0;
margin: 0;
border: 0;
background: transparent;
cursor: pointer;
text-align: left;
overflow: hidden;
border-radius: 20px 0;
}
.eintrag-uebersicht--bildgalerie-grid-slider .fc-bildgalerie__img {
display: block;
width: 100%;
aspect-ratio: 4 / 3;
height: auto;
border-radius: 20px 0 20px 0;
object-fit: cover;
}
.eintrag-uebersicht--bildgalerie-grid-slider .splide__pagination {
display: none !important;
}
/* Bildgalerie-Lightbox (Vollansicht Desktop wie Mockup: Text links, Bild rechts) */
body.fc-bildgalerie-lightbox-open {
overflow: hidden;
}
.fc-bildgalerie-lightbox {
--fc-lb-max-w: 1680px;
--fc-lb-image-max-w: min(64.2857vw, 1080px);
--fc-lb-image-max-h: min(43.2738vw, 727px, 72vh);
position: fixed;
inset: 0;
z-index: 100000;
display: flex;
flex-direction: column;
background: #000;
color: #fff;
}
.fc-bildgalerie-lightbox[hidden] {
display: none !important;
}
.fc-bildgalerie-lightbox__close {
position: absolute;
top: 1.5rem;
right: 1.5rem;
z-index: 3;
display: flex;
align-items: center;
justify-content: center;
width: 2rem;
height: 2rem;
padding: 0;
border: 0;
background: transparent;
color: #fff;
cursor: pointer;
}
.fc-bildgalerie-lightbox__close-icon {
display: block;
width: 1.75rem;
height: 1.75rem;
}
.fc-bildgalerie-lightbox__stage {
flex: 1 1 auto;
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: stretch;
gap: 1.25rem;
min-height: 0;
width: 100%;
max-width: var(--fc-lb-max-w);
margin: 0 auto;
padding: 3.5rem 1.5rem 1.25rem;
box-sizing: border-box;
position: relative;
z-index: 1;
touch-action: pan-y pinch-zoom;
}
.fc-bildgalerie-lightbox__inner {
display: flex;
align-items: flex-end;
justify-content: center;
min-height: 0;
min-width: 0;
width: 100%;
}
.fc-bildgalerie-lightbox__splide,
.fc-bildgalerie-lightbox__splide.splide {
visibility: visible !important;
width: 100%;
max-width: 100%;
}
.fc-bildgalerie-lightbox__splide .splide__track {
overflow: hidden !important;
width: 100%;
height: auto !important;
}
.fc-bildgalerie-lightbox__splide .splide__list {
display: flex !important;
flex-wrap: nowrap;
align-items: stretch;
height: auto !important;
width: 100% !important;
margin: 0;
padding: 0;
will-change: transform;
}
.fc-bildgalerie-lightbox__splide .splide__slide {
flex: 0 0 100%;
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
height: auto !important;
opacity: 1 !important;
box-sizing: border-box;
}
.fc-bildgalerie-lightbox--dragging .fc-bildgalerie-lightbox__img {
pointer-events: none;
}
.fc-bildgalerie-lightbox__slide {
display: flex;
align-items: flex-end;
justify-content: flex-end;
}
.fc-bildgalerie-lightbox__figure {
margin: 0;
width: 100%;
display: flex;
align-items: flex-end;
justify-content: center;
}
.fc-bildgalerie-lightbox__img {
display: block;
-webkit-user-drag: none;
user-select: none;
width: auto;
height: auto;
max-width: 100%;
max-height: var(--fc-lb-image-max-h);
object-fit: contain;
}
.fc-bildgalerie-lightbox__text {
flex: 0 1 auto;
min-width: 0;
margin: 0;
color: #fff;
font-size: 0.9375rem;
line-height: 1.55;
}
.fc-bildgalerie-lightbox__text[hidden] {
display: none !important;
}
.fc-bildgalerie-lightbox__text p {
margin: 0 0 0.65rem;
color: #fff;
}
.fc-bildgalerie-lightbox__text p:last-child {
margin-bottom: 0;
}
.fc-bildgalerie-lightbox__footer {
flex-shrink: 0;
padding: 0 1.5rem 2.5rem;
max-width: var(--fc-lb-max-w);
width: 100%;
margin: 0 auto;
box-sizing: border-box;
position: relative;
z-index: 2;
}
.fc-bildgalerie-lightbox__splide-ui {
margin-top: 0;
}
.fc-bildgalerie-lightbox .slider-progress {
width: 100%;
height: 1px;
background-color: rgba(255, 255, 255, 0.35);
}
.fc-bildgalerie-lightbox .slider-progress .slider-progress-bar {
height: 1px;
margin-top: 0 !important;
background-color: #fff;
}
.fc-bildgalerie-lightbox .eintrag-uebersicht__slider-btns,
.fc-bildgalerie-lightbox .slider-btns {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
justify-content: flex-start;
margin-top: 0.75rem;
gap: 0.5rem;
}
.fc-bildgalerie-lightbox .eintrag-uebersicht__splide-counter {
color: #fff;
font-size: 0.75rem;
font-weight: 400;
letter-spacing: 0;
opacity: 1;
}
.fc-bildgalerie-lightbox .eintrag-uebersicht__splide-nav-img {
display: block;
width: 0.875rem;
height: auto;
filter: brightness(0) invert(1);
opacity: 1;
}
.fc-bildgalerie-lightbox .eintrag-uebersicht__splide-nav-img--prev {
transform: scaleX(-1);
}
.fc-bildgalerie-lightbox .splide_prev,
.fc-bildgalerie-lightbox .splide_next {
display: flex;
align-items: center;
justify-content: center;
padding: 0.1rem;
cursor: pointer;
}
@media (max-width: 1023px) {
.fc-bildgalerie-lightbox {
--fc-lb-image-max-h: min(50vh, 480px);
justify-content: center;
align-items: stretch;
min-height: 100dvh;
padding: 3.25rem 0 2.5rem;
box-sizing: border-box;
overflow-y: auto;
}
.fc-bildgalerie-lightbox__close {
top: 1rem;
right: 1rem;
}
.fc-bildgalerie-lightbox__stage {
flex: 0 0 auto;
justify-content: flex-start;
gap: 1.25rem;
padding: 0;
}
.fc-bildgalerie-lightbox__inner {
order: 1;
width: 100%;
}
.fc-bildgalerie-lightbox__text {
order: 2;
padding: 0 1.25rem;
font-size: 0.875rem;
line-height: 1.5;
}
.fc-bildgalerie-lightbox__slide {
align-items: center;
justify-content: center;
}
.fc-bildgalerie-lightbox__figure {
align-items: center;
justify-content: center;
}
.fc-bildgalerie-lightbox__img {
width: 100%;
max-width: 100%;
max-height: var(--fc-lb-image-max-h);
}
.fc-bildgalerie-lightbox__footer {
flex: 0 0 auto;
width: 100%;
max-width: none;
padding: 0 1.25rem;
margin-top: clamp(3rem, 20vw, 5rem);
}
.fc-bildgalerie-lightbox .slider-progress {
margin-top: 0;
}
.fc-bildgalerie-lightbox .eintrag-uebersicht__slider-btns,
.fc-bildgalerie-lightbox .slider-btns {
margin-top: 0.65rem;
gap: 0.4rem;
}
.fc-bildgalerie-lightbox .eintrag-uebersicht__splide-counter {
font-size: 0.75rem;
order: 0;
flex: 0 0 auto;
}
.fc-bildgalerie-lightbox .splide_prev {
order: -1;
}
.fc-bildgalerie-lightbox .splide_next {
order: 1;
margin-left: 0;
}
.fc-bildgalerie-lightbox .eintrag-uebersicht__splide-nav-img {
width: 0.75rem;
}
}
@media (min-width: 1024px) {
.fc-bildgalerie-lightbox__stage {
flex-direction: row;
align-items: flex-end;
gap: clamp(1.5rem, 3.5vw, 3rem);
padding: 4.5rem 3rem 0;
}
.fc-bildgalerie-lightbox__text {
flex: 1 1 0;
align-self: flex-end;
padding-bottom: 0.15rem;
}
.fc-bildgalerie-lightbox__inner {
flex: 0 0 var(--fc-lb-image-max-w);
width: var(--fc-lb-image-max-w);
max-width: var(--fc-lb-image-max-w);
justify-content: flex-end;
}
.fc-bildgalerie-lightbox__figure {
justify-content: flex-end;
}
.fc-bildgalerie-lightbox__img {
max-width: var(--fc-lb-image-max-w);
}
.fc-bildgalerie-lightbox--no-caption .fc-bildgalerie-lightbox__stage {
justify-content: center;
}
.fc-bildgalerie-lightbox--no-caption .fc-bildgalerie-lightbox__inner {
flex: 0 1 auto;
width: auto;
max-width: var(--fc-lb-image-max-w);
}
.fc-bildgalerie-lightbox__footer {
margin-top: 4rem;
padding: 0 3rem 2.75rem;
}
}
/* Vollgalerie-Template (Stub) */
.fc-bildgalerie-full__grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
gap: 2rem;
margin: 2rem 0 4rem;
}
.fc-bildgalerie-full__figure {
margin: 0 0 1rem;
overflow: hidden;
border-radius: 20px 0;
}
.fc-bildgalerie-full__figure img {
width: 100%;
height: auto;
border-radius: 20px 0 20px 0;
display: block;
object-fit: cover;
}
.fc-bildgalerie-full__empty {
margin: 2rem 0;
}
.fc-bildgalerie-single__intro {
margin-top: 1rem;
max-width: 48rem;
}
.fc-bildgalerie-single__teaser {
margin-bottom: 3rem;
}
/* Page-Kopf: Überschrift + Einleitung (Übersichts-Templates) */
body.template-eintraege-uebersicht-seite section.test > .container > h1,
body.template-eintraege-uebersicht-seite section.test > .container > .eintrag-uebersicht__intro-text,
body.template-termine-akademie section.test > .container > h1,
body.template-termine-akademie section.test > .container > .eintrag-uebersicht__intro-text,
body.template-eintraege-uebersicht section.test > .container > h1,
body.template-eintraege-uebersicht section.test > .container > .eintrag-uebersicht__intro-text {
width: 100%;
max-width: 100%;
}
body.template-eintraege-uebersicht-seite section.test > .container > h1,
body.template-termine-akademie section.test > .container > h1,
body.template-eintraege-uebersicht section.test > .container > h1 {
margin: 0 0 42px;
}
body.template-eintraege-uebersicht-seite section.test > .container > .eintrag-uebersicht__intro-text,
body.template-termine-akademie section.test > .container > .eintrag-uebersicht__intro-text,
body.template-eintraege-uebersicht section.test > .container > .eintrag-uebersicht__intro-text {
margin: 0 0 54px;
}
body.template-eintraege-uebersicht-seite section.test > .container > .eintrag-uebersicht__intro-text p:last-child,
body.template-termine-akademie section.test > .container > .eintrag-uebersicht__intro-text p:last-child,
body.template-eintraege-uebersicht section.test > .container > .eintrag-uebersicht__intro-text p:last-child {
margin-bottom: 0;
}
body.template-eintraege-uebersicht-seite section.test,
body.template-termine-akademie section.test,
body.template-eintraege-uebersicht section.test {
padding-bottom: 0;
}
body.template-eintraege-uebersicht-seite section.test + section.eintrag-uebersicht,
body.template-termine-akademie section.test + section.eintrag-uebersicht,
body.template-eintraege-uebersicht section.test + section.eintrag-uebersicht {
padding-top: 0;
}
body.template-eintraege-uebersicht-seite .eintrag-uebersicht .eintrag-uebersicht__item-title,
body.template-eintraege-uebersicht .eintrag-uebersicht .eintrag-uebersicht__item-title,
body.template-termine-akademie .eintrag-uebersicht .eintrag-uebersicht__item-title,
.fc-termine-akademie .eintrag-uebersicht .eintrag-uebersicht__item-title {
font-size: 24px;
line-height: 1.3;
letter-spacing: 0.24px;
}
body.template-eintraege-uebersicht-seite .eintrag-uebersicht .eintrag-uebersicht__excerpt,
body.template-eintraege-uebersicht .eintrag-uebersicht .eintrag-uebersicht__excerpt,
body.template-termine-akademie .eintrag-uebersicht .eintrag-uebersicht__excerpt,
.fc-termine-akademie .eintrag-uebersicht .eintrag-uebersicht__excerpt {
font-size: 18px;
line-height: 1.4;
letter-spacing: 0.18px;
margin-top: 12px;
}
@media (max-width: 1023px) {
body.template-eintraege-uebersicht-seite .eintrag-uebersicht .eintrag-uebersicht__row,
body.template-eintraege-uebersicht .eintrag-uebersicht .eintrag-uebersicht__row,
body.template-termine-akademie .eintrag-uebersicht .eintrag-uebersicht__row,
.fc-termine-akademie .eintrag-uebersicht .eintrag-uebersicht__row {
row-gap: calc(0.75rem + 10px);
}
}
@media (min-width: 1024px) {
body.template-eintraege-uebersicht-seite section.test > .container > h1,
body.template-eintraege-uebersicht-seite section.test > .container > .eintrag-uebersicht__intro-text,
body.template-termine-akademie section.test > .container > h1,
body.template-termine-akademie section.test > .container > .eintrag-uebersicht__intro-text,
body.template-eintraege-uebersicht section.test > .container > h1,
body.template-eintraege-uebersicht section.test > .container > .eintrag-uebersicht__intro-text {
width: 70%;
max-width: 70%;
}
}
.eintrag-uebersicht .eintrag-uebersicht__title {
margin: 0 0 1rem;
font-size: clamp(1.75rem, 4vw, 2.5rem);
font-weight: 700;
line-height: 1.15;
color: #111;
}
.eintrag-uebersicht .eintrag-uebersicht__intro {
max-width: 52rem;
margin: 0 0 2.5rem;
font-size: 1rem;
line-height: 1.55;
color: #333;
}
.eintrag-uebersicht .eintrag-uebersicht__intro p {
margin: 0 0 0.75em;
}
.eintrag-uebersicht .eintrag-uebersicht__intro p:last-child {
margin-bottom: 0;
}
/* Kopfbereich: Linie, Überschrift, Link zur Übersicht (single-termin.php) */
.eintrag-uebersicht .eintrag-uebersicht__section-head {
margin-bottom: 2rem;
}
.eintrag-uebersicht .eintrag-uebersicht__section-rule {
margin: 0 0 1.25rem;
border: 0;
border-top: 3px solid #111;
}
.eintrag-uebersicht .eintrag-uebersicht__section-head-row {
display: flex;
align-items: center;
justify-content: space-between;
gap: 1.25rem;
}
.eintrag-uebersicht .eintrag-uebersicht__section-heading {
margin: 0;
}
.eintrag-uebersicht .eintrag-uebersicht__overview-link.btn-more {
flex-shrink: 0;
min-width: min(100%, 14.5rem);
width: auto;
}
.eintrag-uebersicht .eintrag-uebersicht__overview-link-wrap {
display: none;
}
.eintrag-uebersicht--overview-mobile-list .eintrag-uebersicht__overview-link-wrap {
display: none !important;
}
.eintrag-uebersicht--past {
margin-top: 3.5rem;
padding-top: 0.25rem;
}
.eintrag-uebersicht--past .eintrag-uebersicht__section-head--past {
margin-bottom: 2rem;
}
.eintrag-uebersicht--past .eintrag-uebersicht__section-head--past .eintrag-uebersicht__section-heading {
margin: 0;
}
.eintrag-uebersicht__empty--upcoming {
margin-bottom: 0;
}
/* Splide: Standard-Styles setzen .splide auf visibility:hidden bis .is-initialized.
Bei destroy / ohne aktives Karussell bleibt der Block sonst unsichtbar (weißer Bereich). */
.eintrag-uebersicht .eintrag-uebersicht__splide {
visibility: visible !important;
}
.eintrag-uebersicht .eintrag-uebersicht__list {
border-top: none;
}
.eintrag-uebersicht .eintrag-uebersicht__item {
border-bottom: 1px solid var(--main);
}
.eintrag-uebersicht .eintrag-uebersicht__row {
display: grid;
grid-template-columns: minmax(5.75rem, 7.5rem) minmax(112px, 176px) 1fr;
gap: 1.25rem 1.75rem;
align-items: stretch;
padding: 1.25rem 0 0;
text-decoration: none;
color: inherit;
transition: background-color 0.15s ease;
--eintrag-uebersicht-media-h: 168px;
}
/*.eintrag-uebersicht .eintrag-uebersicht__row:hover {
background-color: rgba(26, 132, 255, 0.035);
}*/
.eintrag-uebersicht .eintrag-uebersicht__date-col {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 0.15rem;
min-width: 0;
}
.eintrag-uebersicht .eintrag-uebersicht__date-day {
font-size: 60px;
line-height: 1.1;
color: var(--main);
}
.eintrag-uebersicht .eintrag-uebersicht__date-year {
font-size: 18px;
font-weight: 500;
color: #777;
}
.eintrag-uebersicht .eintrag-uebersicht__date-day--placeholder {
color: #ccc;
}
.eintrag-uebersicht .eintrag-uebersicht__tag {
display: inline-block;
align-self: flex-start;
margin-top: 0.75rem;
padding: 0.4rem 0.65rem 0.2rem;
font-size: 15px;
line-height: 1.2;
letter-spacing: 0.01em;
color: #fff;
background-color: var(--main);
border-radius: 0;
text-align: center;
margin-bottom: 0;
}
.eintrag-uebersicht .eintrag-uebersicht__media {
width: 100%;
max-width: 198px;
height: var(--eintrag-uebersicht-media-h, 168px);
flex-shrink: 0;
border-radius: 20px 0 0 0;
overflow: hidden;
background: #f0f4f8;
}
.eintrag-uebersicht .eintrag-uebersicht__img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.eintrag-uebersicht .eintrag-uebersicht__content {
min-width: 0;
display: grid;
grid-template-columns: 1fr auto;
grid-template-rows: auto auto;
align-items: first baseline;
column-gap: 1.25rem;
row-gap: 0;
padding-bottom: 1.40625rem;
}
.eintrag-uebersicht .eintrag-uebersicht__item-title {
grid-column: 1;
grid-row: 1;
margin: 0;
min-width: 0;
font-family:'britti-bold';
font-size: 24px;
line-height: 1.3;
letter-spacing: 0.24px;
}
.eintrag-uebersicht .eintrag-uebersicht__excerpt {
grid-column: 1 / -1;
grid-row: 2;
margin: 0.45rem 0 0;
font-size: 0.9375rem;
font-weight: 400;
line-height: 1.5;
color: #111;
}
.eintrag-uebersicht .eintrag-uebersicht__arrow {
grid-column: 2;
grid-row: 1;
display: flex;
align-items: flex-end;
}
.eintrag-uebersicht .eintrag-uebersicht__arrow-img {
display: block;
width: 26px;
height: auto;
}
@media (min-width: 1024px) {
.eintrag-uebersicht .eintrag-uebersicht__row {
grid-template-columns: minmax(5.75rem, 7.5rem) 198px 1fr;
column-gap: 34px;
row-gap: 1.25rem;
align-items: end;
}
.eintrag-uebersicht .eintrag-uebersicht__date-col {
align-self: end;
box-sizing: border-box;
height: var(--eintrag-uebersicht-media-h, 168px);
max-height: var(--eintrag-uebersicht-media-h, 168px);
justify-content: flex-start;
}
.eintrag-uebersicht .eintrag-uebersicht__date-day {
font-size: 50px;
}
.eintrag-uebersicht .eintrag-uebersicht__date-year {
font-size: 18px;
color: var(--main);
font-weight: 400;
opacity: 0.88;
}
.eintrag-uebersicht .eintrag-uebersicht__tag {
margin-top: auto;
margin-bottom: 0;
}
.eintrag-uebersicht .eintrag-uebersicht__media {
align-self: end;
}
.eintrag-uebersicht .eintrag-uebersicht__content {
align-self: start;
}
.eintrag-uebersicht .eintrag-uebersicht__item-title {
line-height: 1.28;
}
}
.eintrag-uebersicht .eintrag-uebersicht__empty {
margin: 2rem 0 0;
font-size: 1rem;
color: #666;
}
.eintrag-uebersicht .eintrag-uebersicht__empty-hint {
margin: 0.75rem 0 0;
max-width: 40rem;
font-size: 0.875rem;
line-height: 1.45;
color: #888;
}
/* NEU — eintraege-uebersicht-section.php: „Mehr anzeigen“ (Load more), Stand 2026-05-14 */
.eintrag-uebersicht .eintrag-uebersicht__load-wrap {
display: flex;
justify-content: center;
padding: 1rem 0 0.75rem;
}
@media (min-width: 1024px) {
.eintrag-uebersicht .eintrag-uebersicht__load-wrap {
margin-top: 106px;
padding-top: 0;
}
}
.eintrag-uebersicht .eintrag-uebersicht__load-more:not(.btn-more) {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.65rem;
min-width: 12rem;
padding: 0.85rem 2.25rem;
font-family: inherit;
font-size: 1rem;
font-weight: 600;
line-height: 1.2;
color: #111;
background-color: #fff;
border: 1px solid #222;
border-radius: 6px;
cursor: pointer;
transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}
.eintrag-uebersicht .eintrag-uebersicht__load-more:not(.btn-more):hover {
background-color: #f7f7f7;
border-color: var(--main);
color: var(--main);
}
.eintrag-uebersicht .eintrag-uebersicht__load-more:not(.btn-more):focus {
outline: 2px solid var(--main);
outline-offset: 2px;
}
.eintrag-uebersicht .eintrag-uebersicht__load-more[hidden] {
display: none;
}
.eintrag-uebersicht .eintrag-uebersicht__load-more-icon {
font-size: 1rem;
line-height: 1;
font-weight: 700;
}
/* NEU — eintraege-uebersicht: Splide mobil (wie Referenzen), Stand 2026-05-14 */
@media (min-width: 1024px) {
.eintrag-uebersicht:not(.eintrag-uebersicht--referenzen-grid-slider):not(.eintrag-uebersicht--nachrichten-grid-slider):not(.eintrag-uebersicht--bildgalerie-grid-slider):not(.eintrag-uebersicht--mobile-slider) .eintrag-uebersicht__splide-ui {
display: none !important;
}
.eintrag-uebersicht .eintrag-uebersicht__list > li.eintrag-uebersicht__slide--desktop-collapsed:not(.eintrag-uebersicht__slide--desktop-visible) {
display: none !important;
}
.eintrag-uebersicht:not(.eintrag-uebersicht--referenzen-grid-slider):not(.eintrag-uebersicht--nachrichten-grid-slider):not(.eintrag-uebersicht--bildgalerie-grid-slider):not(.eintrag-uebersicht--mobile-slider) .eintrag-uebersicht__splide .splide__track {
overflow: visible !important;
height: auto !important;
}
.eintrag-uebersicht:not(.eintrag-uebersicht--referenzen-grid-slider):not(.eintrag-uebersicht--nachrichten-grid-slider):not(.eintrag-uebersicht--bildgalerie-grid-slider):not(.eintrag-uebersicht--mobile-slider) .eintrag-uebersicht__splide .splide__list {
display: block !important;
width: 100% !important;
transform: none !important;
}
.eintrag-uebersicht:not(.eintrag-uebersicht--referenzen-grid-slider):not(.eintrag-uebersicht--nachrichten-grid-slider):not(.eintrag-uebersicht--bildgalerie-grid-slider):not(.eintrag-uebersicht--mobile-slider) .eintrag-uebersicht__splide .splide__list > li.splide__slide {
width: 100% !important;
max-width: none !important;
margin: 0 !important;
opacity: 1 !important;
}
/* Ähnliche Nachrichten / Referenzen: Desktop-Grid (Splide zerstört ab 1024px) */
.eintrag-uebersicht--mobile-slider .eintrag-uebersicht__splide .splide__track {
overflow: visible !important;
height: auto !important;
}
.eintrag-uebersicht--mobile-slider .eintrag-uebersicht__splide .splide__list.nachrichten-uebersicht__grid,
.eintrag-uebersicht--mobile-slider .eintrag-uebersicht__splide .splide__list.referenz-uebersicht__grid {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr));
column-gap: 2rem;
row-gap: 3rem;
width: 100% !important;
transform: none !important;
}
.eintrag-uebersicht--mobile-slider .eintrag-uebersicht__splide .splide__list > li.splide__slide {
width: auto !important;
max-width: none !important;
margin: 0 !important;
opacity: 1 !important;
}
/* Shortcode-Grids: Slider auch Desktop */
.eintrag-uebersicht--referenzen-grid-slider .eintrag-uebersicht__splide .splide__track,
.eintrag-uebersicht--nachrichten-grid-slider .eintrag-uebersicht__splide .splide__track,
.eintrag-uebersicht--bildgalerie-grid-slider .eintrag-uebersicht__splide .splide__track {
overflow: hidden !important;
}
.eintrag-uebersicht--referenzen-grid-slider .eintrag-uebersicht__splide .splide__list,
.eintrag-uebersicht--nachrichten-grid-slider .eintrag-uebersicht__splide .splide__list,
.eintrag-uebersicht--bildgalerie-grid-slider .eintrag-uebersicht__splide .splide__list {
display: flex !important;
transform: translate3d(0, 0, 0);
}
.eintrag-uebersicht--referenzen-grid-slider .eintrag-uebersicht__splide-ui,
.eintrag-uebersicht--nachrichten-grid-slider .eintrag-uebersicht__splide-ui,
.eintrag-uebersicht--bildgalerie-grid-slider .eintrag-uebersicht__splide-ui {
display: block !important;
}
}
.eintrag-uebersicht .eintrag-uebersicht__splide-ui {
margin-top: 1.25rem;
}
.eintrag-uebersicht .eintrag-uebersicht__splide .slider-progress {
width: 100%;
height: 2px;
background-color: #d8d8d8;
border-radius: 1px;
}
.eintrag-uebersicht .eintrag-uebersicht__splide .slider-progress-bar {
height: 2px;
margin-top: 0;
background-color: #4a4a4a;
width: 0;
border-radius: 1px;
transition: width 0.25s ease;
}
.eintrag-uebersicht .eintrag-uebersicht__slider-btns {
display: flex;
align-items: center;
justify-content: flex-start;
flex-wrap: wrap;
gap: 0.65rem;
margin-top: 0.65rem;
}
.eintrag-uebersicht .eintrag-uebersicht__splide-counter {
flex: 0 0 auto;
order: 0;
text-align: left;
font-size: 0.9375rem;
font-weight: 500;
color: #666;
min-width: 0;
letter-spacing: 0.02em;
}
.eintrag-uebersicht .eintrag-uebersicht__splide .splide_prev,
.eintrag-uebersicht .eintrag-uebersicht__splide .splide_next {
margin-left: 0 !important;
display: flex;
align-items: center;
justify-content: center;
padding: 0.2rem;
line-height: 0;
}
.eintrag-uebersicht .eintrag-uebersicht__splide-nav-img {
display: block;
width: 1.3rem;
height: auto;
opacity: 0.85;
}
.eintrag-uebersicht .eintrag-uebersicht__splide-nav-img--prev {
transform: scaleX(-1);
}
.eintrag-uebersicht .eintrag-uebersicht__splide .splide_prev:hover .eintrag-uebersicht__splide-nav-img,
.eintrag-uebersicht .eintrag-uebersicht__splide .splide_next:hover .eintrag-uebersicht__splide-nav-img {
opacity: 1;
}
.eintrag-uebersicht .eintrag-uebersicht__splide:not(.is-overflow) .eintrag-uebersicht__splide-ui {
display: none;
}
.eintrag-uebersicht .eintrag-uebersicht__splide .splide__slide {
height: auto;
}
@media (max-width: 1023px) {
.eintrag-uebersicht:not(.eintrag-uebersicht--overview-mobile-list) .eintrag-uebersicht__item {
border-bottom: none;
}
.eintrag-uebersicht .eintrag-uebersicht__row {
grid-template-columns: 1fr minmax(7.75rem, 52%);
grid-template-rows: auto auto;
column-gap: 0.85rem;
row-gap: 0.75rem;
padding: 1.1rem 0 1.25rem;
align-items: stretch;
}
.eintrag-uebersicht .eintrag-uebersicht__date-col {
grid-column: 1;
grid-row: 1;
flex-direction: column;
flex-wrap: nowrap;
align-items: flex-start;
align-self: stretch;
gap: 0.2rem;
}
.eintrag-uebersicht .eintrag-uebersicht__date-day {
font-size: 50px;
line-height: 1.02;
}
.eintrag-uebersicht .eintrag-uebersicht__date-year {
font-size: 18px;
color: var(--main);
font-weight: 400;
opacity: 0.88;
}
.eintrag-uebersicht .eintrag-uebersicht__tag {
margin-top: auto;
margin-bottom: 0;
}
.eintrag-uebersicht .eintrag-uebersicht__media {
grid-column: 2;
grid-row: 1;
align-self: end;
}
.eintrag-uebersicht .eintrag-uebersicht__content {
display: flex;
flex-direction: column;
grid-column: 1 / -1;
grid-row: 2;
align-items: stretch;
align-self: start;
gap: 0.4rem;
padding-bottom: 0;
min-width: 0;
}
.eintrag-uebersicht .eintrag-uebersicht__item-title,
.eintrag-uebersicht .eintrag-uebersicht__excerpt,
.eintrag-uebersicht .eintrag-uebersicht__arrow {
grid-column: unset;
grid-row: unset;
}
.eintrag-uebersicht .eintrag-uebersicht__item-title {
margin: 0;
font-size: 1.0625rem;
font-weight: 700;
line-height: 1.35;
color: #111;
}
.eintrag-uebersicht .eintrag-uebersicht__excerpt {
margin: 0;
font-size: 0.875rem;
line-height: 1.5;
color: #111;
}
.fc-termine-akademie .eintrag-uebersicht .eintrag-uebersicht__excerpt {
font-size: 18px;
line-height: 1.4;
letter-spacing: 0.18px;
-webkit-text-size-adjust: 100%;
text-size-adjust: 100%;
}
.eintrag-uebersicht .eintrag-uebersicht__arrow {
display: flex;
justify-content: flex-end;
margin-top: 0.35rem;
margin-bottom: 0;
}
.eintrag-uebersicht .eintrag-uebersicht__arrow-img {
width: 26px;
height: auto;
}
.eintrag-uebersicht:not(.eintrag-uebersicht--overview-mobile-list) .eintrag-uebersicht__load-wrap {
display: none !important;
}
.eintrag-uebersicht:not(.eintrag-uebersicht--overview-mobile-list):not(.eintrag-uebersicht--past-slider):not(.eintrag-uebersicht--mobile-slider) .eintrag-uebersicht__list > li.eintrag-uebersicht__slide--desktop-collapsed {
display: list-item !important;
}
/* Vergangene Termine / Ähnliche Nachrichten & Referenzen / Shortcode-Grid: Splide-Slider. */
.eintrag-uebersicht--past-slider .eintrag-uebersicht__splide .splide__track,
.eintrag-uebersicht--mobile-slider .eintrag-uebersicht__splide .splide__track,
.eintrag-uebersicht--referenzen-grid-slider .eintrag-uebersicht__splide .splide__track,
.eintrag-uebersicht--nachrichten-grid-slider .eintrag-uebersicht__splide .splide__track,
.eintrag-uebersicht--bildgalerie-grid-slider .eintrag-uebersicht__splide .splide__track {
overflow: hidden;
}
.eintrag-uebersicht--past-slider .eintrag-uebersicht__splide .splide__list,
.eintrag-uebersicht--mobile-slider .eintrag-uebersicht__splide .splide__list,
.eintrag-uebersicht--referenzen-grid-slider .eintrag-uebersicht__splide .splide__list,
.eintrag-uebersicht--nachrichten-grid-slider .eintrag-uebersicht__splide .splide__list,
.eintrag-uebersicht--bildgalerie-grid-slider .eintrag-uebersicht__splide .splide__list {
display: flex !important;
transform: translate3d(0, 0, 0);
}
.eintrag-uebersicht--past-slider .eintrag-uebersicht__list > li.eintrag-uebersicht__slide--desktop-collapsed,
.eintrag-uebersicht--mobile-slider .eintrag-uebersicht__list > li.eintrag-uebersicht__slide--desktop-collapsed {
display: block;
}
.eintrag-uebersicht--past-slider .eintrag-uebersicht__splide-ui,
.eintrag-uebersicht--mobile-slider .eintrag-uebersicht__splide-ui,
.eintrag-uebersicht--referenzen-grid-slider .eintrag-uebersicht__splide-ui,
.eintrag-uebersicht--nachrichten-grid-slider .eintrag-uebersicht__splide-ui,
.eintrag-uebersicht--bildgalerie-grid-slider .eintrag-uebersicht__splide-ui {
display: block;
}
/* Ähnliche Referenzen/Nachrichten + Weitere Termine (Detail mobil): Slider-UI wie Startseiten-Grid */
.eintrag-uebersicht--mobile-slider .eintrag-uebersicht__splide-ui,
.eintrag-uebersicht--has-section-head:not(.eintrag-uebersicht--overview-mobile-list) .eintrag-uebersicht__splide-ui {
margin-top: 1.75rem;
}
.eintrag-uebersicht--mobile-slider .eintrag-uebersicht__slider-btns,
.eintrag-uebersicht--has-section-head:not(.eintrag-uebersicht--overview-mobile-list) .eintrag-uebersicht__slider-btns {
margin-top: 0.5rem;
gap: 0.5rem;
}
.eintrag-uebersicht--mobile-slider .eintrag-uebersicht__splide-counter,
.eintrag-uebersicht--has-section-head:not(.eintrag-uebersicht--overview-mobile-list) .eintrag-uebersicht__splide-counter {
font-size: 0.75rem;
font-weight: 400;
color: var(--bodytext);
letter-spacing: 0;
}
.eintrag-uebersicht--mobile-slider .eintrag-uebersicht__splide .splide_prev,
.eintrag-uebersicht--mobile-slider .eintrag-uebersicht__splide .splide_next,
.eintrag-uebersicht--has-section-head:not(.eintrag-uebersicht--overview-mobile-list) .eintrag-uebersicht__splide .splide_prev,
.eintrag-uebersicht--has-section-head:not(.eintrag-uebersicht--overview-mobile-list) .eintrag-uebersicht__splide .splide_next {
padding: 0.1rem;
}
.eintrag-uebersicht--mobile-slider .eintrag-uebersicht__splide-nav-img,
.eintrag-uebersicht--has-section-head:not(.eintrag-uebersicht--overview-mobile-list) .eintrag-uebersicht__splide-nav-img {
width: 0.875rem;
}
.eintrag-uebersicht--mobile-slider .eintrag-uebersicht__splide .slider-progress,
.eintrag-uebersicht--has-section-head:not(.eintrag-uebersicht--overview-mobile-list) .eintrag-uebersicht__splide .slider-progress {
height: 1px;
background-color: rgba(0, 0, 0, 0.2);
border-radius: 0;
}
.eintrag-uebersicht--mobile-slider .eintrag-uebersicht__splide .slider-progress-bar,
.eintrag-uebersicht--has-section-head:not(.eintrag-uebersicht--overview-mobile-list) .eintrag-uebersicht__splide .slider-progress-bar {
height: 1px;
background-color: var(--bodytext);
border-radius: 0;
}
.eintrag-uebersicht--overview-mobile-list .eintrag-uebersicht__splide-ui {
display: none !important;
}
.eintrag-uebersicht--overview-mobile-list .eintrag-uebersicht__splide .splide__track {
overflow: visible !important;
}
.eintrag-uebersicht--overview-mobile-list .eintrag-uebersicht__splide .splide__list {
display: block !important;
width: 100% !important;
transform: none !important;
}
.eintrag-uebersicht--overview-mobile-list .eintrag-uebersicht__list > li.splide__slide {
width: 100% !important;
max-width: none !important;
margin: 0 !important;
opacity: 1 !important;
}
.eintrag-uebersicht--overview-mobile-list .eintrag-uebersicht__list > li.eintrag-uebersicht__slide--desktop-collapsed:not(.eintrag-uebersicht__slide--desktop-visible) {
display: none !important;
}
.eintrag-uebersicht--overview-mobile-list .eintrag-uebersicht__load-wrap {
display: flex !important;
}
}
/* Mobil Slider (embedded): Übersicht-Link unter dem Slider */
@media (max-width: 1023px) {
.eintrag-uebersicht--has-section-head:not(.eintrag-uebersicht--overview-mobile-list) button.btn-more.eintrag-uebersicht__overview-link--inline {
display: none;
}
.eintrag-uebersicht--has-section-head:not(.eintrag-uebersicht--overview-mobile-list) .eintrag-uebersicht__overview-link-wrap {
display: flex;
justify-content: flex-end;
margin-top: 1.25rem;
}
}
/* --------------------------------------------------------------------------
Nachrichten-Übersicht (Page-Template)
-------------------------------------------------------------------------- */
/* Gleiche nutzbare Breite wie übriger Inhalt: Titel/Intro und Raster nicht über volle 1680px */
body.template-nachrichten-uebersicht main > section .container,
body.template-referenzen-uebersicht main > section .container {
/* max-width: 1060px; */
margin-left: auto;
margin-right: auto;
}
body.template-nachrichten-uebersicht section.test.nachrichten-uebersicht,
body.template-referenzen-uebersicht section.test.nachrichten-uebersicht {
padding-bottom: 2.5rem;
}
body.template-nachrichten-uebersicht .nachrichten-uebersicht__title,
body.template-referenzen-uebersicht .nachrichten-uebersicht__title {
margin: 0 0 1.25rem;
font-size: clamp(1.75rem, 4vw, 2.5rem);
font-weight: 700;
line-height: 1.15;
color: #111;
}
body.template-nachrichten-uebersicht .nachrichten-uebersicht__intro,
body.template-referenzen-uebersicht .nachrichten-uebersicht__intro {
max-width: none;
margin: 0;
font-size: 1rem;
line-height: 1.55;
color: #333;
}
body.template-nachrichten-uebersicht .nachrichten-uebersicht__intro p,
body.template-referenzen-uebersicht .nachrichten-uebersicht__intro p {
margin: 0 0 0.75em;
}
body.template-nachrichten-uebersicht .nachrichten-uebersicht__intro p:last-child,
body.template-referenzen-uebersicht .nachrichten-uebersicht__intro p:last-child {
margin-bottom: 0;
}
body.template-nachrichten-uebersicht .nachrichten-uebersicht__head.cols,
body.template-referenzen-uebersicht .nachrichten-uebersicht__head.cols {
display: grid;
grid-template-columns: 1fr;
gap: 2rem;
align-items: start;
margin-bottom: 3rem;
}
@media (min-width: 768px) {
body.template-nachrichten-uebersicht .nachrichten-uebersicht__head.cols,
body.template-referenzen-uebersicht .nachrichten-uebersicht__head.cols {
grid-template-columns: minmax(0, 1fr) minmax(12.5rem, 18rem);
column-gap: 2.5rem;
row-gap: 0;
}
}
/* col-8/col-4 Flex-Basis wirkt in Grid nicht; ohne override evtl. Breiten-Probleme im älteren CSS */
body.template-nachrichten-uebersicht .nachrichten-uebersicht__head .col-8,
body.template-nachrichten-uebersicht .nachrichten-uebersicht__head .col-4,
body.template-referenzen-uebersicht .nachrichten-uebersicht__head .col-8,
body.template-referenzen-uebersicht .nachrichten-uebersicht__head .col-4 {
flex-basis: auto;
width: auto;
}
body.template-nachrichten-uebersicht .nachrichten-uebersicht__head .col-4,
body.template-referenzen-uebersicht .nachrichten-uebersicht__head .col-4 {
max-width: none;
}
body.template-nachrichten-uebersicht .nachrichten-uebersicht__head-main,
body.template-referenzen-uebersicht .nachrichten-uebersicht__head-main {
min-width: 0;
}
/* Titel + Intro: 100 % bis zur größten Ansicht, dort max. 70 % */
@media (min-width: 768px) and (max-width: 1279px) {
body.template-nachrichten-uebersicht .nachrichten-uebersicht__head .nachrichten-uebersicht__head-main.col-8,
body.template-referenzen-uebersicht .nachrichten-uebersicht__head .nachrichten-uebersicht__head-main.col-8 {
max-width: 100%;
}
}
@media (min-width: 1280px) {
body.template-nachrichten-uebersicht .nachrichten-uebersicht__head .nachrichten-uebersicht__head-main.col-8,
body.template-referenzen-uebersicht .nachrichten-uebersicht__head .nachrichten-uebersicht__head-main.col-8 {
max-width: 70%;
}
}
body.template-nachrichten-uebersicht .nachrichten-uebersicht__head-filters,
body.template-referenzen-uebersicht .nachrichten-uebersicht__head-filters {
min-width: 0;
}
body.template-nachrichten-uebersicht .nachrichten-uebersicht__filters,
body.template-referenzen-uebersicht .nachrichten-uebersicht__filters {
width: 100%;
max-width: none;
}
body.template-nachrichten-uebersicht .nachrichten-uebersicht__filter + .nachrichten-uebersicht__filter,
body.template-referenzen-uebersicht .nachrichten-uebersicht__filter + .nachrichten-uebersicht__filter {
margin-top: 1.25rem;
}
body.template-nachrichten-uebersicht .nachrichten-uebersicht__filter-label,
body.template-referenzen-uebersicht .nachrichten-uebersicht__filter-label {
display: block;
margin: 0 0 0.5rem;
font-family: 'britti-bold', sans-serif;
font-size: 0.9375rem;
font-weight: 600;
line-height: 1.35;
color: #111;
}
body.template-nachrichten-uebersicht .nachrichten-uebersicht__select-wrap,
body.template-referenzen-uebersicht .nachrichten-uebersicht__select-wrap {
position: relative;
}
body.template-nachrichten-uebersicht .nachrichten-uebersicht__select,
body.template-referenzen-uebersicht .nachrichten-uebersicht__select {
width: 100%;
min-height: 2.75rem;
padding: 0.55rem 2.65rem 0.55rem 0.85rem;
border: 1px solid #111;
border-radius: 5px;
background-color: #fff;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23111' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 1.15rem center;
background-size: 0.65rem auto;
color: #111;
font: inherit;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
cursor: pointer;
}
body.template-nachrichten-uebersicht .nachrichten-uebersicht__select:disabled,
body.template-referenzen-uebersicht .nachrichten-uebersicht__select:disabled {
cursor: wait;
opacity: 0.7;
}
body.template-nachrichten-uebersicht .nachrichten-uebersicht__grid:not(.splide__list),
body.template-referenzen-uebersicht .nachrichten-uebersicht__grid:not(.splide__list) {
list-style: none;
margin: 0;
padding: 0;
display: grid;
grid-template-columns: 1fr;
gap: 50px 2rem;
border-top: none;
}
@media (min-width: 768px) {
body.template-nachrichten-uebersicht .nachrichten-uebersicht__grid:not(.splide__list),
body.template-referenzen-uebersicht .nachrichten-uebersicht__grid:not(.splide__list) {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (min-width: 1024px) {
body.template-nachrichten-uebersicht .nachrichten-uebersicht__grid:not(.splide__list),
body.template-referenzen-uebersicht .nachrichten-uebersicht__grid:not(.splide__list) {
grid-template-columns: repeat(3, minmax(0, 1fr));
column-gap: 2rem;
row-gap: 3rem;
}
}
body.template-nachrichten-uebersicht .nachrichten-uebersicht__item-wrap,
body.template-referenzen-uebersicht .nachrichten-uebersicht__item-wrap,
.referenzen-uebersicht .nachrichten-uebersicht__item-wrap {
margin: 0;
padding: 0;
border: none;
}
body.template-nachrichten-uebersicht .nachrichten-uebersicht__card,
body.template-referenzen-uebersicht .referenz-uebersicht__card,
.referenzen-uebersicht .referenz-uebersicht__card {
display: flex;
flex-direction: column;
height: 100%;
}
body.template-nachrichten-uebersicht .nachrichten-uebersicht__media-link {
display: block;
margin-bottom: 1.25rem;
overflow: hidden;
border-radius: 20px 0 20px 0;
}
body.template-nachrichten-uebersicht .nachrichten-uebersicht__img {
display: block;
width: 100%;
height: auto;
aspect-ratio: 16 / 10;
object-fit: cover;
border-radius: 20px 0 20px 0;
}
/* Referenzen-Karte: Titel → Bild (440×212) → Subline → Button */
body.template-referenzen-uebersicht .referenz-uebersicht__card-title,
.referenzen-uebersicht .referenz-uebersicht__card-title {
margin: 0 0 1rem;
font-family: 'britti-bold', sans-serif;
font-size: 24px;
font-weight: 600;
line-height: 1.3;
}
body.template-referenzen-uebersicht .referenz-uebersicht__card-title a,
.referenzen-uebersicht .referenz-uebersicht__card-title a {
color: inherit;
text-decoration: none;
}
body.template-referenzen-uebersicht .referenz-uebersicht__card-title a:hover,
.referenzen-uebersicht .referenz-uebersicht__card-title a:hover {
color: var(--main);
}
body.template-referenzen-uebersicht .referenz-uebersicht__media-link,
.referenzen-uebersicht .referenz-uebersicht__media-link {
display: block;
margin: 0 0 1rem;
overflow: hidden;
border-radius: 20px 0 20px 0;
}
body.template-referenzen-uebersicht .referenz-uebersicht__img,
.referenzen-uebersicht .referenz-uebersicht__img {
display: block;
width: 100%;
height: auto;
aspect-ratio: 440 / 212;
object-fit: cover;
object-position: center;
border-radius: 20px 0 20px 0;
}
body.template-referenzen-uebersicht .referenz-uebersicht__card-body,
.referenzen-uebersicht .referenz-uebersicht__card-body {
display: flex;
flex: 1 1 auto;
flex-direction: column;
align-items: flex-start;
}
body.template-referenzen-uebersicht .referenz-uebersicht__subline,
.referenzen-uebersicht .referenz-uebersicht__subline {
margin: 0 0 1.5rem;
flex: 1 1 auto;
font-size: 0.9375rem;
line-height: 1.5;
color: #333;
}
body.template-referenzen-uebersicht .referenz-uebersicht__project-link,
.referenzen-uebersicht .referenz-uebersicht__project-link {
margin-top: auto;
}
body.template-nachrichten-uebersicht .nachrichten-uebersicht__card-body {
display: flex;
flex: 1 1 auto;
flex-direction: column;
align-items: flex-start;
}
body.template-nachrichten-uebersicht .nachrichten-uebersicht__card-title {
margin: 0 0 0.85rem;
font-family: 'britti-bold', sans-serif;
font-size: 24px;
font-weight: 600;
line-height: 1.3;
letter-spacing: 0.24px;
}
body.template-nachrichten-uebersicht .nachrichten-uebersicht__card-title a {
color: inherit;
text-decoration: none;
}
body.template-nachrichten-uebersicht .nachrichten-uebersicht__card-title a:hover {
color: var(--main);
}
body.template-nachrichten-uebersicht .nachrichten-uebersicht__excerpt {
margin: 12px 0 1.5rem;
flex: 1 1 auto;
font-size: 16px;
line-height: 24px;
letter-spacing: 0.18px;
color: #333;
}
body.template-nachrichten-uebersicht .nachrichten-uebersicht__read-more {
margin-top: auto;
}
body.template-nachrichten-uebersicht .nachrichten-uebersicht__empty,
body.template-referenzen-uebersicht .nachrichten-uebersicht__empty {
margin: 0;
font-size: 1rem;
color: #333;
}
body.template-nachrichten-uebersicht .nachrichten-uebersicht__results,
body.template-referenzen-uebersicht .nachrichten-uebersicht__results {
position: relative;
min-height: 4rem;
transition: opacity 0.2s ease;
}
body.template-nachrichten-uebersicht .nachrichten-uebersicht__results--loading,
body.template-referenzen-uebersicht .nachrichten-uebersicht__results--loading {
opacity: 0.55;
pointer-events: none;
}
body.template-nachrichten-uebersicht .nachrichten-uebersicht__empty--filter,
body.template-referenzen-uebersicht .nachrichten-uebersicht__empty--filter {
padding: 2rem 0;
}
/* Mehr anzeigen: btn-more mit Pfeil nach unten statt rechts */
button.btn-more.btn-more--arrow-down span::after {
transform: translateY(-50%) rotate(90deg);
transform-origin: center;
margin-top: 0;
}
button.btn-more.btn-more--arrow-down:hover span::after {
transform: translateY(-50%) rotate(90deg);
}
/* Übersicht Nachrichten/Referenzen: Pfeil rechts (entspricht optisch ~ top: -10 %) */
body.template-nachrichten-uebersicht .eintrag-uebersicht__load-more.btn-more--arrow-down span::after,
body.template-referenzen-uebersicht .eintrag-uebersicht__load-more.btn-more--arrow-down span::after {
top: 50%;
right: 0;
left: auto;
margin-right: 20px;
margin-top: 0;
transform: translateY(-50%) rotate(90deg);
transform-origin: center;
}
body.template-nachrichten-uebersicht .eintrag-uebersicht__load-more.btn-more--arrow-down:hover span::after,
body.template-referenzen-uebersicht .eintrag-uebersicht__load-more.btn-more--arrow-down:hover span::after {
transform: translateY(-50%) rotate(90deg);
}
@media (max-width: 1023px) {
body.template-nachrichten-uebersicht .eintrag-uebersicht__load-wrap,
body.template-referenzen-uebersicht .eintrag-uebersicht__load-wrap {
margin-top: 6rem;
padding-top: 0;
}
}
@media (min-width: 1024px) {
body.template-nachrichten-uebersicht .eintrag-uebersicht__load-wrap,
body.template-referenzen-uebersicht .eintrag-uebersicht__load-wrap {
margin-top: 106px;
margin-bottom: 137px;
padding-top: 0;
padding-bottom: 0;
}
}
@media (max-width: 767px) {
body.template-nachrichten-uebersicht .nachrichten-uebersicht__head.cols,
body.template-referenzen-uebersicht .nachrichten-uebersicht__head.cols {
margin-bottom: 2.5rem;
}
body.template-nachrichten-uebersicht .nachrichten-uebersicht__head .nachrichten-uebersicht__head-main.col-8,
body.template-referenzen-uebersicht .nachrichten-uebersicht__head .nachrichten-uebersicht__head-main.col-8 {
max-width: 100%;
}
}
/* --------------------------------------------------------------------------
Single Nachrichten — Abstände via .hero.single / .single.hero (wie single-termin.php)
-------------------------------------------------------------------------- */
body.single-nachrichten-layout #mainNavbar.navbar,
body.single-referenzen-layout #mainNavbar.navbar,
body.single-termin-layout #mainNavbar.navbar,
body.single-termin #mainNavbar.navbar {
border: none;
}
@media (min-width: 1280px) {
body.single-nachrichten-layout #mainNavbar.navbar .logo,
body.single-referenzen-layout #mainNavbar.navbar .logo {
background-image: url('/wp-content/uploads/2026/05/FutureCamp-Logo-farbig.svg');
}
}
body.single-nachrichten-layout #mainNavbar.navbar #main-menu > li > a,
body.single-nachrichten-layout #mainNavbar.navbar #main-menu > li > .nav-item__head > a,
body.single-nachrichten-layout #mainNavbar.navbar #main-menu > li > a:visited,
body.single-nachrichten-layout #mainNavbar.navbar #main-menu > li > .nav-item__head > a:visited,
body.single-referenzen-layout #mainNavbar.navbar #main-menu > li > a,
body.single-referenzen-layout #mainNavbar.navbar #main-menu > li > .nav-item__head > a,
body.single-referenzen-layout #mainNavbar.navbar #main-menu > li > a:visited,
body.single-referenzen-layout #mainNavbar.navbar #main-menu > li > .nav-item__head > a:visited,
body.single-termin-layout #mainNavbar.navbar #main-menu > li > a,
body.single-termin-layout #mainNavbar.navbar #main-menu > li > .nav-item__head > a,
body.single-termin-layout #mainNavbar.navbar #main-menu > li > a:visited,
body.single-termin-layout #mainNavbar.navbar #main-menu > li > .nav-item__head > a:visited,
body.single-termin #mainNavbar.navbar #main-menu > li > a,
body.single-termin #mainNavbar.navbar #main-menu > li > .nav-item__head > a,
body.single-termin #mainNavbar.navbar #main-menu > li > a:visited,
body.single-termin #mainNavbar.navbar #main-menu > li > .nav-item__head > a:visited {
color: var(--bodytext);
}
body.single-nachrichten-layout #mainNavbar.navbar #main-menu > li > a::before,
body.single-nachrichten-layout #mainNavbar.navbar #main-menu > li > .nav-item__head > a::before,
body.single-referenzen-layout #mainNavbar.navbar #main-menu > li > a::before,
body.single-referenzen-layout #mainNavbar.navbar #main-menu > li > .nav-item__head > a::before,
body.single-termin-layout #mainNavbar.navbar #main-menu > li > a::before,
body.single-termin-layout #mainNavbar.navbar #main-menu > li > .nav-item__head > a::before,
body.single-termin #mainNavbar.navbar #main-menu > li > a::before,
body.single-termin #mainNavbar.navbar #main-menu > li > .nav-item__head > a::before {
background-color: var(--bodytext);
}
body.single-nachrichten-layout #mainNavbar.navbar #main-menu > li.menu-item-has-children > a::after,
body.single-nachrichten-layout #mainNavbar.navbar #main-menu > li.menu-item-has-children > .nav-item__head > a::after,
body.single-referenzen-layout #mainNavbar.navbar #main-menu > li.menu-item-has-children > a::after,
body.single-referenzen-layout #mainNavbar.navbar #main-menu > li.menu-item-has-children > .nav-item__head > a::after,
body.single-termin-layout #mainNavbar.navbar #main-menu > li.menu-item-has-children > a::after,
body.single-termin-layout #mainNavbar.navbar #main-menu > li.menu-item-has-children > .nav-item__head > a::after,
body.single-termin #mainNavbar.navbar #main-menu > li.menu-item-has-children > a::after,
body.single-termin #mainNavbar.navbar #main-menu > li.menu-item-has-children > .nav-item__head > a::after {
background-image: url("data:image/svg+xml,%3Csvg id='pfeil-lang' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 28.97 22.9'%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B fill: none; stroke: %23000000; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2px; %7D %3C/style%3E%3C/defs%3E%3Cg%3E%3Cpath class='st0' d='M17.94,1.41l10.04,10.04-10.04,10.04'/%3E%3Cline class='st0' x1='27.98' y1='11.45' x2='1' y2='11.45'/%3E%3C/g%3E%3C/svg%3E");
}
body.single-nachrichten-layout .nachricht-single__intro {
margin-bottom: 2rem;
}
body.single-nachrichten-layout .nachricht-single__media {
margin-bottom: 3rem;
overflow: hidden;
border-radius: 20px 0;
}
body.single-nachrichten-layout .nachricht-single__img {
display: block;
width: 100%;
height: 650px;
margin-top: 0;
margin-bottom: 0;
object-fit: cover;
object-position: center;
border-radius: 20px 0;
}
body.single-nachrichten-layout .cols.nachricht-single__body {
max-width: 1060px;
margin: 0 auto;
}
body.single-nachrichten-layout .nachricht-body p {
margin-bottom: 1.25rem;
}
body.single-nachrichten-layout .nachricht-body p:last-child {
margin-bottom: 0;
}
body.single-nachrichten-layout .nachricht-single__meta {
margin-bottom: 2rem;
}
body.single-nachrichten-layout .nachricht-single__meta-label {
margin: 0 0 0.65rem;
font-size: 0.9rem;
line-height: 1.3;
color: var(--bodytext);
}
body.single-nachrichten-layout .nachricht-single__tags {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 0.5rem;
}
body.single-nachrichten-layout .nachricht-single__tags li {
margin: 0;
padding: 0;
}
body.single-nachrichten-layout .nachricht-single__tag {
display: inline-block;
padding: 0.35rem 0.85rem;
border: 1px solid var(--bodytext);
border-radius: 5px;
background: #fff;
font-size: 0.95rem;
line-height: 1.35;
color: var(--bodytext);
}
@media (max-width: 1023px) {
body.single-nachrichten-layout .cols.nachricht-single__body {
display: flex;
flex-direction: column;
gap: 2rem;
}
body.single-nachrichten-layout .nachricht-single__content.col-8,
body.single-nachrichten-layout .nachricht-single__aside.col-4 {
flex-basis: 100%;
width: 100%;
max-width: none;
}
}
/* --------------------------------------------------------------------------
Single Referenzen — wie single-termin.php (container.cols, 50/50)
-------------------------------------------------------------------------- */
/* Desktop: Abstand Hero → folgende Section (wie single-termin.php) */
@media (min-width: 1024px) {
body.single-referenzen-layout main > section.single.hero {
padding-bottom: 81px;
}
}
body.single-referenzen-layout .single.hero .referenz-single__layout {
align-items: flex-start;
}
body.single-referenzen-layout .referenz-single__main,
body.single-referenzen-layout .referenz-single__sidebar {
min-width: 0;
}
body.single-referenzen-layout .referenz-single__sidebar {
display: flex;
flex-direction: column;
width: 100%;
}
body.single-referenzen-layout .referenz-single__intro {
margin-bottom: 2rem;
}
body.single-referenzen-layout .referenz-single__intro .rank-math-breadcrumb,
body.single-referenzen-layout .referenz-single__breadcrumb {
margin-top: 0;
margin-bottom: 1.25rem;
}
body.single-referenzen-layout .referenz-single__intro .rank-math-breadcrumb p,
body.single-referenzen-layout .referenz-single__breadcrumb p {
margin-top: 0;
margin-bottom: 0;
}
body.single-referenzen-layout .referenz-single__title {
margin: 0 0 1rem;
font-size: 2.5em;
line-height: 1.15;
}
body.single-referenzen-layout .referenz-single__subline {
margin: 0;
color: var(--bodytext);
}
body.single-referenzen-layout .referenz-single__body {
margin-top: 2rem;
}
body.single-referenzen-layout .referenz-single__body p {
margin-bottom: 1.25rem;
}
body.single-referenzen-layout .referenz-single__body p:last-child {
margin-bottom: 0;
}
body.single-referenzen-layout .referenz-single__media {
position: relative;
margin-top: 0;
margin-bottom: 1.75rem;
overflow: hidden;
border-radius: 20px 0 20px 0;
}
body.single-referenzen-layout .referenz-single__img {
display: block;
width: 100%;
height: auto;
aspect-ratio: 680 / 328;
margin: 0;
object-fit: cover;
object-position: center;
border-radius: 20px 0 20px 0;
}
/* Globale .single.hero img-Abstände für Referenz-Detailbild deaktivieren */
body.single-referenzen-layout .single.hero .referenz-single__img {
margin-top: 0;
margin-bottom: 0;
}
body.single-referenzen-layout .referenz-single__meta-row {
align-items: flex-start;
gap: 1rem 2rem;
margin: 0;
}
body.single-referenzen-layout .referenz-single__meta-row > .col-6 {
flex-basis: 50%;
max-width: 50%;
}
body.single-referenzen-layout .referenz-single__meta {
margin-bottom: 0;
}
body.single-referenzen-layout .referenz-single__meta-label {
margin: 0 0 0.65rem;
font-size: 0.9rem;
line-height: 1.3;
color: var(--bodytext);
}
body.single-publikationen-layout .publikation-single__meta-label {
margin: 0 0 0.65rem;
font-size: 0.9rem;
line-height: 1.3;
color: var(--bodytext);
}
body.single-referenzen-layout .referenz-single__tags {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
align-items: flex-start;
gap: 0.5rem;
}
body.single-referenzen-layout .referenz-single__tags li {
margin: 0;
padding: 0;
}
body.single-referenzen-layout .referenz-single__tag {
display: inline-block;
padding: 0.35rem 0.85rem;
border: 1px solid var(--bodytext);
border-radius: 5px;
background: #fff;
font-size: 0.95rem;
line-height: 1.35;
color: var(--bodytext);
}
body.single-referenzen-layout .referenz-single__meta--share .termin-sidebar__share-icons,
body.single-publikationen-layout .publikation-single__meta--share .termin-sidebar__share-icons,
body.single-nachrichten-layout .nachricht-single__share .termin-sidebar__share-icons {
flex-wrap: nowrap;
}
body.single-referenzen-layout .referenz-single__editor {
padding-top: 2rem;
}
@media (max-width: 1023px) {
/* Meta-Box → Linie „Ähnliche Referenzen“: Hero-/Section-Padding (global section: 100px top) reduzieren */
body.single-referenzen-layout main > section.single.hero {
padding-bottom: 0;
}
body.single-referenzen-layout section.referenzen-aehnlich.eintrag-uebersicht {
padding-top: 1.25rem;
padding-bottom: 2.5rem;
}
body.single-referenzen-layout .referenz-single__editor {
padding-top: 1.5rem;
padding-bottom: 0;
}
body.single-referenzen-layout .referenz-single__editor + section.referenzen-aehnlich.eintrag-uebersicht {
padding-top: 1.5rem;
}
body.single-referenzen-layout .single.hero .referenz-single__layout {
flex-direction: column;
}
body.single-referenzen-layout .referenz-single__main.col-6,
body.single-referenzen-layout .referenz-single__sidebar.col-6 {
flex-basis: 100%;
width: 100%;
max-width: 100%;
}
body.single-referenzen-layout .referenz-single__intro {
margin-bottom: 1.5rem;
}
body.single-referenzen-layout .referenz-single__media--desktop-only {
display: none;
}
body.single-referenzen-layout .referenz-single__hero-media {
display: block;
margin-top: 0;
margin-bottom: 1.5rem;
}
body.single-referenzen-layout .referenz-single__body {
margin-top: 0;
}
body.single-referenzen-layout .referenz-single__sidebar {
margin-top: 1.25rem;
}
body.single-referenzen-layout .referenz-single__meta-row {
flex-direction: column;
gap: 1.5rem;
}
body.single-referenzen-layout .referenz-single__meta-row > .col-6,
body.single-referenzen-layout .referenz-single__meta-row > .col-12 {
flex-basis: 100%;
width: 100%;
max-width: 100%;
}
body.single-referenzen-layout .referenz-single__meta--thema {
margin-bottom: 1.25rem;
}
body.single-referenzen-layout .referenz-single__meta--share {
margin-bottom: 0;
}
}
@media (min-width: 1024px) {
body.single-referenzen-layout .single.hero .referenz-single__layout {
align-items: flex-start;
}
body.single-referenzen-layout .referenz-single__hero-media {
display: none;
}
body.single-referenzen-layout .referenz-single__main.col-6,
body.single-referenzen-layout .referenz-single__sidebar.col-6 {
margin-top: 0;
padding-top: 0;
}
body.single-referenzen-layout .referenz-single__intro {
margin-top: 0;
}
}
/* --------------------------------------------------------------------------
Single Nachrichten — Ähnliche Nachrichten
-------------------------------------------------------------------------- */
body.single-nachrichten-layout .nachrichten-aehnlich,
body.single-referenzen-layout .nachrichten-aehnlich {
padding-top: 0;
}
body.single-nachrichten-layout .nachrichten-aehnlich .container,
body.single-referenzen-layout .nachrichten-aehnlich .container {
/* max-width: 1060px; */
margin-left: auto;
margin-right: auto;
}
body.single-nachrichten-layout .nachrichten-aehnlich.eintrag-uebersicht .eintrag-uebersicht__section-head,
body.single-referenzen-layout .nachrichten-aehnlich.eintrag-uebersicht .eintrag-uebersicht__section-head {
margin-bottom: 3rem;
}
body.single-nachrichten-layout .nachrichten-aehnlich .eintrag-uebersicht__section-rule,
body.single-referenzen-layout .nachrichten-aehnlich .eintrag-uebersicht__section-rule {
margin: 0 0 1.25rem;
border: 0;
border-top: 3px solid #111;
}
body.single-nachrichten-layout .nachrichten-aehnlich .eintrag-uebersicht__section-head-row,
body.single-referenzen-layout .nachrichten-aehnlich .eintrag-uebersicht__section-head-row {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
justify-content: space-between;
gap: 1.25rem;
}
body.single-nachrichten-layout .nachrichten-aehnlich .eintrag-uebersicht__section-heading,
body.single-referenzen-layout .nachrichten-aehnlich .eintrag-uebersicht__section-heading {
margin: 0;
flex: 1 1 auto;
min-width: 0;
font-size: clamp(1.75rem, 4vw, 2.5rem);
font-weight: 700;
line-height: 1.15;
color: #111;
}
body.single-nachrichten-layout .nachrichten-aehnlich .eintrag-uebersicht__overview-link.btn-more,
body.single-referenzen-layout .nachrichten-aehnlich .eintrag-uebersicht__overview-link.btn-more {
flex-shrink: 0;
min-width: min(100%, 14.5rem);
width: auto;
}
body.single-nachrichten-layout .nachrichten-aehnlich .nachrichten-uebersicht__item-wrap {
margin: 0;
padding: 0;
border: none;
}
/* Ähnliche Nachrichten / Referenzen: Desktop-Grid (Splide ab 1024px zerstört) */
@media (min-width: 1024px) {
body.single-nachrichten-layout .nachrichten-aehnlich .eintrag-uebersicht__splide .splide__list.nachrichten-uebersicht__grid {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr));
column-gap: 2rem;
row-gap: 3rem;
width: 100% !important;
transform: none !important;
}
body.single-nachrichten-layout .nachrichten-aehnlich .eintrag-uebersicht__splide .splide__list > li.splide__slide {
width: auto !important;
max-width: none !important;
margin: 0 !important;
}
body.single-referenzen-layout .referenzen-aehnlich .eintrag-uebersicht__splide .splide__list.referenz-uebersicht__grid {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr));
column-gap: 2rem;
row-gap: 3rem;
width: 100% !important;
transform: none !important;
}
body.single-referenzen-layout .referenzen-aehnlich .eintrag-uebersicht__splide .splide__list > li.splide__slide {
width: auto !important;
max-width: none !important;
margin: 0 !important;
}
}
body.single-referenzen-layout .referenzen-aehnlich .referenz-uebersicht__item-wrap {
margin: 0;
padding: 0;
border: none;
}
body.single-nachrichten-layout .nachrichten-aehnlich .nachrichten-uebersicht__card {
display: flex;
flex-direction: column;
height: 100%;
}
body.single-nachrichten-layout .nachrichten-aehnlich .nachrichten-uebersicht__media-link {
display: block;
margin-bottom: 1.25rem;
overflow: hidden;
border-radius: 20px 0 20px 0;
}
body.single-nachrichten-layout .nachrichten-aehnlich .nachrichten-uebersicht__img {
display: block;
width: 100%;
height: auto;
aspect-ratio: 16 / 10;
object-fit: cover;
border-radius: 20px 0 20px 0;
}
body.single-nachrichten-layout .nachrichten-aehnlich .nachrichten-uebersicht__card-body {
display: flex;
flex: 1 1 auto;
flex-direction: column;
align-items: flex-start;
}
body.single-nachrichten-layout .nachrichten-aehnlich .nachrichten-uebersicht__card-title {
margin: 0 0 0.85rem;
font-family: 'britti-bold', sans-serif;
font-size: 24px;
font-weight: 600;
line-height: 1.3;
letter-spacing: 0.24px;
}
body.single-nachrichten-layout .nachrichten-aehnlich .nachrichten-uebersicht__card-title a {
color: inherit;
text-decoration: none;
}
body.single-nachrichten-layout .nachrichten-aehnlich .nachrichten-uebersicht__card-title a:hover {
color: var(--main);
}
body.single-nachrichten-layout .nachrichten-aehnlich .nachrichten-uebersicht__excerpt {
margin: 12px 0 1.5rem;
flex: 1 1 auto;
font-size: 18px;
line-height: 1.4;
letter-spacing: 0.18px;
color: #333;
}
body.single-nachrichten-layout .nachrichten-aehnlich .nachrichten-uebersicht__read-more {
margin-top: auto;
}
/* Ähnliche Referenzen — gleiche Kartenstruktur wie Übersicht */
body.single-referenzen-layout .referenzen-aehnlich .referenz-uebersicht__card {
display: flex;
flex-direction: column;
height: 100%;
}
body.single-referenzen-layout .referenzen-aehnlich .referenz-uebersicht__card-title {
margin: 0 0 1rem;
font-family: 'britti-bold', sans-serif;
font-size: 1.125rem;
font-weight: 600;
line-height: 1.3;
}
body.single-referenzen-layout .referenzen-aehnlich .referenz-uebersicht__card-title a {
color: inherit;
text-decoration: none;
}
body.single-referenzen-layout .referenzen-aehnlich .referenz-uebersicht__card-title a:hover {
color: var(--main);
}
body.single-referenzen-layout .referenzen-aehnlich .referenz-uebersicht__media-link {
display: block;
margin: 0 0 1rem;
overflow: hidden;
border-radius: 20px 0 20px 0;
}
body.single-referenzen-layout .referenzen-aehnlich .referenz-uebersicht__img {
display: block;
width: 100%;
height: auto;
aspect-ratio: 440 / 212;
object-fit: cover;
object-position: center;
border-radius: 20px 0 20px 0;
}
body.single-referenzen-layout .referenzen-aehnlich .referenz-uebersicht__card-body {
display: flex;
flex: 1 1 auto;
flex-direction: column;
align-items: flex-start;
}
body.single-referenzen-layout .referenzen-aehnlich .referenz-uebersicht__subline {
margin: 0 0 1.5rem;
flex: 1 1 auto;
font-size: 0.9375rem;
line-height: 1.5;
color: #333;
}
body.single-referenzen-layout .referenzen-aehnlich .referenz-uebersicht__project-link {
margin-top: auto;
}
@media (max-width: 767px) {
body.single-referenzen-layout .referenzen-aehnlich .eintrag-uebersicht__overview-link-wrap {
margin-top: 45px;
}
body.single-nachrichten-layout .nachrichten-aehnlich.eintrag-uebersicht .eintrag-uebersicht__section-head,
body.single-referenzen-layout .nachrichten-aehnlich.eintrag-uebersicht .eintrag-uebersicht__section-head {
margin-bottom: 2.5rem;
}
body.single-nachrichten-layout .nachrichten-aehnlich .eintrag-uebersicht__section-head-row,
body.single-referenzen-layout .nachrichten-aehnlich .eintrag-uebersicht__section-head-row {
flex-direction: column;
align-items: stretch;
gap: 1.25rem;
}
}
/* Zusatzbilder unter Artikeltext (vor Ähnliche Nachrichten / Referenzen) */
body.single-nachrichten-layout .nachricht-single__bottom-images {
padding-top: 0;
padding-bottom: 0;
margin-bottom: 155px;
}
body.single-nachrichten-layout .nachricht-single__bottom-images .container {
margin-left: auto;
margin-right: auto;
}
body.single-nachrichten-layout .nachricht-single__bottom-images-grid {
display: flex;
flex-wrap: wrap;
gap: 14px;
margin: 0;
}
body.single-nachrichten-layout .nachricht-single__bottom-images-item {
overflow: hidden;
border-radius: 12px;
}
body.single-nachrichten-layout .nachricht-single__bottom-img {
display: block;
width: 100%;
height: 466px;
object-fit: cover;
}
body.single-referenzen-layout .referenz-single__bottom-images {
padding-top: 0;
padding-bottom: 0;
margin-bottom: 155px;
}
body.single-referenzen-layout .referenz-single__bottom-images .container {
margin-left: auto;
margin-right: auto;
}
body.single-referenzen-layout .referenz-single__bottom-images-grid {
display: flex;
flex-wrap: wrap;
gap: 14px;
margin: 0;
}
body.single-referenzen-layout .referenz-single__bottom-images-item {
overflow: hidden;
border-radius: 12px;
}
body.single-referenzen-layout .referenz-single__bottom-img {
display: block;
width: 100%;
height: 466px;
object-fit: cover;
}
@media (min-width: 768px) {
body.single-nachrichten-layout .nachricht-single__bottom-images-grid .col-6,
body.single-referenzen-layout .referenz-single__bottom-images-grid .col-6 {
flex: 1 1 calc(50% - 7px);
max-width: calc(50% - 7px);
}
}
@media (max-width: 767px) {
body.single-nachrichten-layout .nachricht-single__intro h1 {
font-size: 32px;
line-height: 34px;
}
body.single-publikationen-layout .single.hero h1,
body.single-publikationen .single.hero h1 {
font-size: 32px;
line-height: 34px;
}
body.single-nachrichten-layout .nachricht-single__meta-label,
body.single-nachrichten .nachricht-single__meta-label,
body.single-post .nachricht-single__meta-label {
font-size: 14px !important;
}
body.single-referenzen-layout .referenz-single__meta-label,
body.single-referenzen .referenz-single__meta-label {
font-size: 14px !important;
}
body.single-publikationen-layout .publikation-single__meta-label,
body.single-publikationen .publikation-single__meta-label {
font-size: 14px !important;
}
body.single-referenzen-layout .referenz-single__title {
font-size: 32px;
line-height: 34px;
}
body.single-referenzen-layout .referenz-single__subline.single-subline {
font-size: 22px;
line-height: 26px;
}
body.single-termin-layout .single.hero h1,
body.single-termin .single.hero h1 {
font-size: 32px;
line-height: 34px;
}
body.single-nachrichten-layout .nachricht-single__img {
height: 158px;
}
body.single-nachrichten-layout .nachricht-single__bottom-images {
margin-bottom: 95px;
}
body.single-referenzen-layout .referenz-single__bottom-images {
margin-bottom: 95px;
}
body.single-nachrichten-layout .nachricht-single__bottom-images-grid .col-6,
body.single-nachrichten-layout .nachricht-single__bottom-images-grid .col-12,
body.single-referenzen-layout .referenz-single__bottom-images-grid .col-12 {
flex: 1 1 100%;
max-width: 100%;
}
body.single-nachrichten-layout .nachricht-single__bottom-img,
body.single-referenzen-layout .referenz-single__bottom-img {
height: 227px;
}
}
/* --- Seiten-Template: Newsletter (template-newsletter.php) --- */
body.template-newsletter #main-menu > li > a,
body.template-newsletter #main-menu > li > .nav-item__head > a,
body.template-newsletter #main-menu > li > a:focus,
body.template-newsletter #main-menu > li > .nav-item__head > a:focus,
body.template-newsletter #main-menu > li > a:visited,
body.template-newsletter #main-menu > li > .nav-item__head > a:visited {
color: var(--bodytext);
}
body.template-newsletter .navbar {
border: none;
}
body.template-newsletter .navbar.bg-added {
border: none;
}
body.template-newsletter .navbar .logo {
background-image: url('/wp-content/uploads/2026/05/FutureCamp-Logo-schwarz.svg');
}
body.template-newsletter .navbar.bg-added .logo {
background-image: url('/wp-content/uploads/2026/05/FutureCamp-Logo-farbig.svg');
}
body.template-newsletter .navbar #main-menu > li.menu-item-has-children > a::after,
body.template-newsletter .navbar #main-menu > li.menu-item-has-children > .nav-item__head > a::after {
background-image: url("data:image/svg+xml,%3Csvg id='pfeil-lang' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 28.97 22.9'%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B fill: none; stroke: %23000000; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2px; %7D %3C/style%3E%3C/defs%3E%3Cg%3E%3Cpath class='st0' d='M17.94,1.41l10.04,10.04-10.04,10.04'/%3E%3Cline class='st0' x1='27.98' y1='11.45' x2='1' y2='11.45'/%3E%3C/g%3E%3C/svg%3E");
}
body.template-newsletter .navbar #main-menu > li > a::before,
body.template-newsletter .navbar #main-menu > li > .nav-item__head > a::before {
background-color: var(--bodytext);
}
body.template-newsletter .hero.newsletter-page .bg-wrap {
display: block;
align-items: stretch;
aspect-ratio: auto;
min-height: 0;
width: calc(100% - 30px);
padding: clamp(120px, 12vw, 155px) clamp(20px, 6vw, 125px) clamp(40px, 6vw, 80px);
}
body.template-newsletter .hero.newsletter-page .container {
padding-left: 25px;
padding-right: 30px;
}
body.template-newsletter .newsletter-page__grid {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
column-gap: clamp(2rem, 5vw, 100px);
row-gap: 1rem;
width: 100%;
max-width: 100%;
padding-left: 0;
padding-right: 0;
align-items: start;
text-align: left;
}
body.template-newsletter .newsletter-page__head {
grid-column: 1;
grid-row: 1;
padding: 0;
margin: 0;
text-align: left;
}
body.template-newsletter .newsletter-page__intro-body {
grid-column: 1;
grid-row: 2;
min-width: 0;
}
body.template-newsletter .newsletter-page__form-col {
grid-column: 2;
grid-row: 2;
min-width: 0;
align-self: start;
}
body.template-newsletter .newsletter-page__head h1 {
margin-bottom: 0;
text-align: left;
}
body.template-newsletter .newsletter-page__subline {
font-size: clamp(1.05rem, 1.8vw, 1.35rem);
font-weight: 700;
line-height: 1.35;
margin: 0 0 1.5rem;
text-align: left;
}
body.template-newsletter .newsletter-page__text {
max-width: 42rem;
}
body.template-newsletter .newsletter-page__text p {
margin: 0 0 1rem;
}
body.template-newsletter .newsletter-page__text p:last-child {
margin-bottom: 0;
}
body.template-newsletter .newsletter-page__form-col {
width: 100%;
max-width: 100%;
}
body.template-newsletter .newsletter-page__form-wrap {
width: 100%;
max-width: none;
}
body.template-newsletter .newsletter-page__form-wrap .fluentform,
body.template-newsletter .newsletter-page__form-wrap .fluentform form,
body.template-newsletter .newsletter-page__form-wrap .ff-t-container,
body.template-newsletter .newsletter-page__form-wrap .ff-el-group {
width: 100%;
max-width: 100%;
}
body.template-newsletter .newsletter-page__form-wrap .fluentform {
margin-top: 0;
}
body.template-newsletter .newsletter-page__form-wrap .fluentform .ff-el-group:first-child {
margin-top: 0;
}
body.template-newsletter .newsletter-page--no-form .newsletter-page__grid {
grid-template-columns: 1fr;
}
body.template-newsletter .newsletter-page--no-form .newsletter-page__head,
body.template-newsletter .newsletter-page--no-form .newsletter-page__intro-body {
grid-column: 1;
}
body.template-newsletter .newsletter-page--no-form .newsletter-page__text {
max-width: none;
}
@media (max-width: 1023px) {
body.template-newsletter .newsletter-page__grid {
grid-template-columns: 1fr;
row-gap: 2.5rem;
}
body.template-newsletter .newsletter-page__head,
body.template-newsletter .newsletter-page__intro-body,
body.template-newsletter .newsletter-page__form-col {
grid-column: 1;
}
body.template-newsletter .newsletter-page__head {
grid-row: 1;
}
body.template-newsletter .newsletter-page__intro-body {
grid-row: 2;
}
body.template-newsletter .newsletter-page__form-col {
grid-row: 3;
}
}
@media (max-width: 767px) {
body.template-newsletter main > section.hero.newsletter-page {
padding: 0;
margin-bottom: 0;
}
body.template-newsletter .hero.newsletter-page .bg-wrap {
height: auto;
min-height: 0;
aspect-ratio: unset;
overflow: visible;
width: calc(100% - 30px);
padding: 130px 25px 60px;
}
}
@media (max-width: 474px) {
body.template-newsletter main > section.hero.newsletter-page {
padding: 0;
}
body.template-newsletter .hero.newsletter-page .bg-wrap {
height: auto;
min-height: 0;
aspect-ratio: unset;
padding: 130px 0 48px;
}
body.template-newsletter .hero.headline h1 {
font-size: clamp(1.75rem, 8vw, 2.5em);
hyphens: auto;
}
body.template-newsletter .newsletter-page__grid {
row-gap: 2rem;
}
body.template-newsletter .newsletter-page__subline {
font-size: 1.15rem;
margin-bottom: 1rem;
}
body.template-newsletter .newsletter-page__text {
font-size: 1rem;
line-height: 1.5;
}
}
@media (min-width: 1280px) {
body.template-newsletter #mainNavbar.bg-added {
border: none;
background-color: var(--contrast);
box-shadow: 2px 2px 6px #00000029;
}
}
/* Fließtext-Listen: hängender Einzug (Umbruchzeilen unter Textstart) */
.text-wrap ul:not(.linklist),
.tiles .tiles-wrap ul,
.termin-beschreibung-body ul,
.nachricht-body ul,
.eintrag-uebersicht__intro-text ul,
section.textblock .text-wrap ul {
list-style: none;
margin-left: 0;
padding-left: 0;
}
.text-wrap ul:not(.linklist) > li,
.tiles .tiles-wrap ul > li,
.termin-beschreibung-body ul > li,
.nachricht-body ul > li,
.eintrag-uebersicht__intro-text ul > li,
section.textblock .text-wrap ul > li {
display: grid;
grid-template-columns: auto minmax(0, 1fr);
column-gap: 0.45em;
align-items: start;
list-style: none;
margin-left: 0;
padding-left: 0;
}
.text-wrap ul:not(.linklist) > li::before,
.tiles .tiles-wrap ul > li::before,
.termin-beschreibung-body ul > li::before,
.nachricht-body ul > li::before,
.eintrag-uebersicht__intro-text ul > li::before,
section.textblock .text-wrap ul > li::before {
content: "\2022";
grid-column: 1;
grid-row: 1;
}
.text-wrap ul:not(.linklist) > li > :is(p, div, ul, ol),
.tiles .tiles-wrap ul > li > :is(p, div, ul, ol),
.termin-beschreibung-body ul > li > :is(p, div, ul, ol),
.nachricht-body ul > li > :is(p, div, ul, ol),
.eintrag-uebersicht__intro-text ul > li > :is(p, div, ul, ol),
section.textblock .text-wrap ul > li > :is(p, div, ul, ol) {
grid-column: 2;
margin-top: 0;
margin-bottom: 0;
padding: 0;
min-width: 0;
}
.text-wrap ol,
.termin-beschreibung-body ol,
.nachricht-body ol,
.eintrag-uebersicht__intro-text ol,
section.textblock .text-wrap ol {
margin-left: 0;
padding-left: 1.25em;
list-style-type: decimal;
list-style-position: outside;
}
.text-wrap ol > li > :is(p, div),
.termin-beschreibung-body ol > li > :is(p, div),
.nachricht-body ol > li > :is(p, div),
.eintrag-uebersicht__intro-text ol > li > :is(p, div),
section.textblock .text-wrap ol > li > :is(p, div) {
margin-top: 0;
margin-bottom: 0;
}
.linklist ul > li {
display: list-item;
grid-template-columns: none;
}
.linklist ul > li::before {
content: none;
display: none;
}
.linklist ul > li > :is(p, div) {
grid-column: auto;
}