/*
* Diese Datei enthält benutzerdefinierte CSS-Regeln, die das vorhandene Stylesheet der Website erweitern und überschreiben.
* Ziel ist es, zusätzliche Funktionalitäten und Anpassungen bereitzustellen, um spezifische Designanforderungen zu erfüllen.
*
* Enthaltene Anpassungen:
* - Erweiterung des bestehenden Rastersystems auf ein 12-Spalten-Layout
* - Responsive Design-Anpassungen für verschiedene Bildschirmgrößen
* - Weitere spezifische Stile zur Verbesserung der Benutzererfahrung
*
* Hinweise:
* - Verwenden Sie diese Datei, um benutzerdefinierte CSS-Regeln hinzuzufügen, die das bestehende Design erweitern oder überschreiben.
* - Beachte die logische Reihenfolge und Klarheit der Regeln, um die Wartbarkeit des Codes zu gewährleisten.
* - Stellen Sie sicher, dass alle Änderungen gründlich getestet werden, um Konflikte mit dem vorhandenen Stylesheet zu vermeiden.
* - Updates des über iKISS bereitgestellten Grundlayouts erfordern u.U. Anpassungen der in dieser Datei enthaltenen Extensions und Overwrites.
*/
/********************************************************
# Tasks
* Link Text Decoration vereinheitlichen!
********************************************************/
/********************************************************
*
* Imports
*
********************************************************/
/* @import 'fonts.css'; */
/******************************************************
*
* Variablen
*
******************************************************/
:root {
/* Farbschema
------------------------------------------------- */
/* Base Colors */
--color-base-black: #000;
--color-base-white: #fff;
--color-base-transparent: #ffffff00;
/* Blue Colors */
--color-blue: var(--color-blue-60);
--color-blue-10: #ccddf2;
--color-blue-20: #b2cceb;
--color-blue-30: #80a9dd;
--color-blue-40: #4d87d0;
--color-blue-50: #1a65c3;
--color-blue-60: #0054bc;
--color-blue-70: #003ba2;
--color-blue-80: #002189;
--color-blue-90: #000870;
--color-blue-100: #00003d;
/* Dark Blue Colors */
--color-darkblue: var(--color-darkblue-90);
--color-darkblue-10: #e6eaec;
--color-darkblue-20: #ced5d9;
--color-darkblue-30: #b5c0c6;
--color-darkblue-40: #8496a0;
--color-darkblue-50: #6c818d;
--color-darkblue-60: #546c7a;
--color-darkblue-70: #3b5767;
--color-darkblue-80: #234254;
--color-darkblue-90: #0a2d41;
--color-darkblue-100: #071e2b;
/* Gray Colors */
--color-white: #fff;
--color-black: var(--color-gray-100, #191919);
--color-gray: var(--color-gray-40);
--color-gray-light: var(--color-gray-30);
--color-gray-medium: var(--color-gray-50);
--color-gray-dark: var(--color-gray-70);
--color-gray-10: #F9FAFB;
--color-gray-20: #eff1f4;
--color-gray-30: #e0e4ea;
--color-gray-40: #c3c9d2;
--color-gray-50: #9ba0aa;
--color-gray-60: #899199;
--color-gray-70: #727d84;
--color-gray-80: #5a6267;
--color-gray-90: #35383a;
--color-gray-100: #191919;
/* Green Colors */
--color-green: var(--color-green-50);
--color-green-10: #defee0;
--color-green-20: #cdfdd0;
--color-green-30: #acfdb1;
--color-green-40: #8bfb92;
--color-green-50: #5afa64;
--color-green-60: #41e04b;
--color-green-70: #27c731;
--color-green-80: #009400;
--color-green-90: #006100;
--color-green-100: #002e00;
/* Success Colors */
--color-success: var(--color-green-50);
--color-success-10: var(--color-green-10);
--color-success-20: var(--color-green-20);
--color-success-30: var(--color-green-30);
--color-success-40: var(--color-green-40);
--color-success-50: var(--color-green-50);
--color-success-60: var(--color-green-60);
--color-success-70: var(--color-green-70);
--color-success-80: var(--color-green-80);
--color-success-90: var(--color-green-90);
--color-success-100: var(--color-green-100);
/* Error Colors */
--color-error: var(--color-error-50);
--color-error-10: #ffdfde;
--color-error-20: #ffbfbe;
--color-error-30: #ffa09d;
--color-error-40: #ff807d;
--color-error-50: #ff605c;
--color-error-60: #e54743;
--color-error-70: #cc2d29;
--color-error-80: #900;
--color-error-90: #600;
--color-error-100: #4d0000;
/* Warning Colors */
--color-warning: var(--color-warning-50);
--color-warning-10: #fff7de;
--color-warning-20: #ffefbe;
--color-warning-30: #ffe89d;
--color-warning-40: #ffe07d;
--color-warning-50: #ffd85c;
--color-warning-60: #e5be43;
--color-warning-70: #cca529;
--color-warning-80: #997200;
--color-warning-90: #663f00;
--color-warning-100: #4d2600;
/* Font-Variablen
------------------------------------------------- */
--font-display: "OWL-IT Space Grotesk", sans-serif;
--font-body: "OWL-IT Anek Latin", sans-serif;
--font-weight-regular: 400;
--font-weight-bold: 600;
--text-underline-offset: 0.05em;
--text-underline-offset-hover: 0.25em;
/* Icon-Variablen
------------------------------------------------- */
--icon-mask-image-arrow-right: url('data:image/svg+xml;charset=utf-8,');
--icon-mask-image-arrow-down: url('data:image/svg+xml;charset=utf-8,');
--icon-mask-image-arrow-up: url('data:image/svg+xml;charset=utf-8,');
--icon-mask-image-arrow-left: url('data:image/svg+xml;charset=utf-8,');
--icon-mask-image-chevron-right: url('data:image/svg+xml;charset=utf-8,');
--icon-mask-image-chevron-down: url('data:image/svg+xml;charset=utf-8,');
--icon-mask-image-chevron-up: url('data:image/svg+xml;charset=utf-8,');
--icon-mask-image-chevron-left: url('data:image/svg+xml;charset=utf-8,');
--icon-mask-image-link: url('data:image/svg+xml;charset=utf-8,');
--icon-mask-image-link-intern: url('data:image/svg+xml;charset=utf-8,');
--icon-mask-image-link-extern: url('data:image/svg+xml;charset=utf-8,');
--icon-mask-image-link-anker: url('data:image/svg+xml;charset=utf-8,');
--icon-mask-image-link-email: url('data:image/svg+xml;charset=utf-8,');
--icon-mask-image-link-phone: url('data:image/svg+xml;charset=utf-8,');
/* Focus Effects
------------------------------------------------- */
--tab-focus-box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--color-blue);
--tab-focus-box-shadow-error: 0 0 0 2px #fff,0 0 0 4px var(--color-error);
--tab-focus-box-shadow-inset: inset 0px 0px 0px 2px var(--color-blue), inset 0px 0px 0px 4px #fff;
/* Box Shadow Effects
------------------------------------------------- */
--color-box-shadow-lg-1: rgba(16, 24, 40, 0.08);
--color-box-shadow-lg-2: rgba(16, 24, 40, 0.03);
--box-shadow-lg: 0px 12px 16px -4px var(--color-box-shadow-lg-1),
0px 4px 6px -2px var(--color-box-shadow-lg-2);
/* Allgemeine Layout-Variablen
------------------------------------------------- */
--container-max-width-content: 720px;
}
/* Media Queries
------------------------------------------------- */
/* Rheihenfolge der Screen Variant Breakpoints definieren */
/* ≤ 1920px */
/* ≤ 1279px */
/* ≤ 1023px */
/* ≤ 767px */
/* ≤ 767px */
/* ≥ 768px */
/* ≥ 768px & ≤ 1023px */
/* ≥ 1024px */
/* ≥ 1024px & ≤ 1279px */
/* ≥ 1280px */
/* ≥ 1280px & ≤ 1920px */
/* ≥ 1921px */
/* Mobile (sm) */
/* Tablet (md) */
/* Desktop (lg) */
/* Desktop Large (xl) */
/* iKISS Premiumlayout 8.2 Cusomtization der Defaults */
/* Reihenfolge, wie in der layout.css von iKISS */
/* --------------------------------------------------------
# Primary Theme Color: #006080 <--- SEARCH & REPLACE! -----
# Secondary Theme Color: #eaeaea <--- SEARCH & REPLACE! ---
-------------------------------------------------------- */
/* Reset CSS */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, button, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, main, menu, nav, output, ruby, section, summary, time, mark, audio, video {
font-size: 100%;
font: inherit;
border: 0;
padding: 0;
margin: 0;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section {
display: block;
}
/* Main HTML Elements */
:root {
--pagewidth: 1270px;
--pagewidth-wide: 1480px;
--padding: 15px;
--padding-lg: calc(var(--padding) * 2);
--padding-sm: calc(var(--padding) / 2);
--margin: 15px;
--margin-lg: calc(var(--margin) * 2);
--margin-sm: calc(var(--margin) / 2);
--flex-gap-row: 30px;
--flex-gap-col: calc(var(--flex-gap-row) / 2);
--bodycolor: #383838;
--darkgray: #383838;
--gray: #484848;
--silver: #c8c8c8;
--gainsboro: #e8e8e8;
--whitesmoke: #f0f0f0;
--input-border-color: #949494;
--ikiss-norel: #c20000;
--font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
--font-light: 300;
--font-regular: 400;
--font-bold: 700;
}
html, body, legend, fieldset, input, .gmc_control ul.fancytree-container {
font-display: swap;
font-family: var(--font-family, system-ui, Helvetica, Arial);
font-weight: var(--font-regular, normal);
/*letter-spacing: 0.02em;*/
}
html {
font-size: 18px;
font-size: var(--fontsize);
font-size: max(var(--fontsize), 1em);
background-color: Canvas;
scroll-behavior: smooth;
-webkit-text-size-adjust: none;
-moz-text-size-adjust: none;
text-size-adjust: none;
}
body {
font-size: 1rem;
line-height: 1.5;
/*color: var(--bodycolor, #383838);*/
color: CanvasText;
}
abbr[title] {
text-decoration: none;
border-bottom: 1px dashed;
cursor: pointer;
}
abbr[title]:hover::after, abbr[title]:focus::after, abbr[title]:active::after {
content: ' (' attr(title) ')';
}
blockquote {
border-left: 3px solid var(--gainsboro, #e8e8e8);
padding: calc(var(--padding, 15px) / 3) var(--padding, 15px);
margin: 10px 0;
}
blockquote p:last-child {
margin-bottom: 0;
}
blockquote, q {
quotes: none;
}
blockquote::before, blockquote::after, q::before, q::after {
content: '';
content: none;
}
span > [class*="fa-"] {
margin-right: 0.25em;
}
small {
font-size: 0.75em;
}
small > [class*="fa-"] {
font-size: 1rem;
line-height: 1;
margin-right: 0.25em;
opacity: 0.7;
vertical-align: unset;
}
a > [class*="fa-"], button > [class*="fa-"] {
vertical-align: baseline;
margin-right: 0.25em;
line-height: 1;
font-weight: 300;
font-family: "Font Awesome 6 Sharp";
}
.ikiss-autoscroll {
/* horizontaler Scrollbalken fuer breite Tabellen */
width: 100%;
margin: 1em 0;
overflow-x: auto;
white-space: nowrap;
}
.ikiss-autoscroll table {
margin: 0;
/* margin nun am umschliessenden Element */
}
table {
margin: 1em 0;
}
table caption {
caption-side: bottom;
text-align: left;
font-style: italic;
margin-top: 0.5em;
}
table th:not([style*=text-align]) {
text-align: left;
}
table.tbl {
width: 100%;
border-collapse: collapse;
border-spacing: 0px;
}
.tbl th, .tbl td {
padding: 10px 15px;
}
.tbl th {
font-weight: var(--font-bold, bold);
text-align: left;
background-color: rgba(0, 0, 0, 0.05);
border-bottom: 2px solid rgba(0, 0, 0, 0.075);
}
.tbl tr:nth-child(even) {
background-color: rgba(255, 255, 255, 0.5);
}
.tbl tr:hover {
background-color: rgba(0, 0, 0, 0.025);
}
.tbl tr:not(:last-child) {
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.tbl tr th {
border-bottom: none;
}
*, *::after, *::before {
box-sizing: border-box;
}
code {
font-family: monospace;
}
audio, video {
display: block;
width: 100%;
}
button[i_tp] {
display: inline-block;
font-family: Verdana, sans-serif;
font-size: 16px;
font-weight: normal;
font-style: normal;
text-align: center;
color: #000 !important;
background-color: var(--whitesmoke, #f0f0f0);
border: 1px solid var(--silver, #c8c8c8);
border-radius: 5px;
padding: 5px 10px;
margin: 5px;
}
pre {
display: block;
width: -moz-fit-content;
width: fit-content;
font-family: Consolas, monospace;
font-weight: normal;
font-style: normal;
text-align: left;
color: #000 !important;
background-color: var(--whitesmoke, #f0f0f0);
border: 1px solid var(--gainsboro, #e8e8e8);
padding: 15px;
-webkit-hyphens: none;
hyphens: none;
white-space: break-spaces;
border-radius: var(--border-radius-box);
font-size: 12px;
line-height: 1.5;
background-color: var(--color-darkblue);
/* border: var(--border-width) solid var(--color-black) solid var(--color-black); */
border: 0;
overflow-x: auto;
white-space: pre;
max-width: 100%;
padding: calc( var(--padding-sm) * 1.5 );
color: var(--color-gray-30) !important;
}
p {
margin: 0 0 0.75em 0;
}
p:empty {
display: none;
}
ul, ol {
/* padding-left: var(--padding-lg, 30px); */
padding-left: var(--padding);
}
ul:not(:last-child), ol:not(:last-child) {
margin-bottom: 0.75em;
}
ul {
list-style: square;
}
ol {
list-style: decimal;
}
ul.ikiss-unordered-list, ol.ikiss-ordered-list {
display: flow-root;
}
strong, b {
font-weight: var(--font-bold, bold);
}
em {
font-style: italic;
}
sup {
font-size: 0.625em;
vertical-align: super;
}
sub {
font-size: 0.625em;
vertical-align: bottom;
margin-top: 3px;
}
input, textarea, select {
font: inherit;
color: inherit;
border-radius: 2px;
}
input[type="reset"] {
color: var(--gray, #484848) !important;
background-color: var(--gainsboro, #e8e8e8) !important;
}
input[readonly] {
color: #595959 !important;
background-color: var(--whitesmoke, #f0f0f0) !important;
}
hr {
display: block;
clear: both;
height: 1px;
background-color: var(--whitesmoke, #f0f0f0);
border: none;
margin-bottom: var(--margin, 15px);
}
h1, h2, h3, h4, h5, h6 {
font-weight: var(--font-bold, bold);
line-height: 1.333em;
color: var(--bodycolor, #383838);
margin: 1em 0 0.75em;
margin: 2em 0 var(--spacing-2x);
color: unset;
}
#content h1:not(.list-title):not(.accordion-title):not(.widget-title),
#content h2:not(.list-title):not(.accordion-title):not(.widget-title),
#content h3:not(.list-title):not(.accordion-title):not(.widget-title),
#content h4:not(.list-title):not(.accordion-title):not(.widget-title),
#content h5:not(.list-title):not(.accordion-title):not(.widget-title),
#content h6:not(.list-title):not(.accordion-title):not(.widget-title) {
font-family: var(--font-headline);
font-weight: var(--font-weight, bold);
}
.page-title {
font-size: 2em;
margin: 0 0 0.75em;
}
h1 {
font-size: 2em;
}
h2 {
font-size: 1.6em;
}
h3 {
font-size: 1.4em;
}
h4 {
font-size: 1.2em;
}
h5 {
font-size: 1.1em;
}
h6 {
font-size: 1em;
}
h1 > [class*="fa-"], h2 > [class*="fa-"], h3 > [class*="fa-"], h4 > [class*="fa-"], h5 > [class*="fa-"], h6 > [class*="fa-"] {
font-size: 1.25em;
line-height: 1;
vertical-align: top;
margin-right: 0.5em;
}
img, svg, video {
max-width: 100%;
height: auto;
vertical-align: text-bottom;
}
@supports (-webkit-overflow-scrolling: touch) {
body * {
background-attachment: scroll !important;
}
}
/* Colors */
.primary-bg-color,
button.primary-bg-color {
color: var(--primarytextcolor, #fff);
background-color: var(--primarycolor, #006080);
}
.primary-bg-color a, .primary-bg-color a:active, .primary-bg-color * {
color: var(--primarytextcolor, #fff);
opacity: 1;
}
.primary-text-color {
color: var(--primarytextcolor, #006080);
}
.secondary-bg-color {
color: var(--secondarytextcolor, #383838);
background-color: var(--secondarycolor, #e8e8e8);
}
.secondary-bg-color a, .secondary-bg-color * {
color: var(--secondarytextcolor, #383838);
opacity: 1;
color: inherit;
}
.secondary-bg-color a {
color: var(--linkcolor);
}
.secondary-bg-color input,
.secondary-bg-color textarea,
.secondary-bg-color select {
background-color: var(--secondarycolor, #e8e8e8);
}
.secondary-text-color {
color: var(--secondarytextcolor, #383838);
}
a,
.linkcolor,
.linkcolor a {
color: var(--linkcolor, #006080);
text-decoration: none;
}
:focus,
:focus-visible,
:-moz-focusring {
outline: 3px solid var(--linkcolor, #006080);
}
:target::before {
content: '';
display: block;
}
.js-text-is-url {
word-break: break-all;
-webkit-hyphens: none;
hyphens: none;
}
/* Links */
a[class*="csslink_"],
.volltextsuche a,
.mceContentBody a:not([class]),
.directedit-editnode a:not([class]),
.cookie-note a,
.ikiss-form-element a,
.more,
.quickmenu ul a {
text-decoration: underline;
text-decoration-thickness: var(--border-width);
text-decoration-color: transparent;
text-underline-offset: var(--text-underline-offset);
transition: all .25s ease-out;
}
a[class*="csslink_"]:hover, a[class*="csslink_"]:focus, a[class*="csslink_"].tab-focus,
.volltextsuche a:hover, .volltextsuche a:focus, .volltextsuche a.tab-focus,
.mceContentBody a:not([class]):hover, .mceContentBody a:not([class]):focus, .mceContentBody a:not([class]).tab-focus,
.directedit-editnode a:not([class]):hover, .directedit-editnode a:not([class]):focus, .directedit-editnode a:not([class]).tab-focus,
.cookie-note a:hover, .cookie-note a:focus, .cookie-note a.tab-focus,
.ikiss-form-element a:hover, .ikiss-form-element a:focus, .ikiss-form-element a.tab-focus,
.more:hover, .more:focus, .more.tab-focus,
.quickmenu ul a:hover, .quickmenu ul a:focus, .quickmenu ul a.tab-focus {
text-decoration-thickness: var(--border-width);
text-decoration-color: currentColor;
text-underline-offset: var(--text-underline-offset-hover);
}
/* Other */
.main-content a[class*="csslink_intern"]:not(.hide-icon)::before,
.main-content a[class*="csslink_extern"]:not(.hide-icon)::before,
.main-content a[class*="csslink_anker"]:not(.hide-icon)::before,
.main-content a.btn[class*=csslink_email]:not(.hide-icon):before,
.main-content .btn a[class*=csslink_email]:not(.hide-icon):before,
.slicknav_menu a[href^="/redirect.phtml?extlink"]::before,
.classicnav .main-navigation a[href^="/redirect.phtml?extlink"]::before {
content: '';
display: inline-block;
width: 1rem;
height: 1rem;
font-size: 1rem;
margin-right: 0.25rem;
vertical-align: middle;
-webkit-mask-size: auto;
mask-size: auto;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
background-color: var(--linkcolor, #006080);
background-color: currentColor;
width: 1em;
height: 1em;
font-size: 1em;
margin-bottom: 0.25em;
}
.main-content .btn a[class*="csslink_"]:not(.hide-icon)::before,
.main-content .iframe-message a[class*="csslink_"]:not(.hide-icon)::before {
display: none;
display: inline-block;
color: currentColor;
background-color: currentColor;
margin: 0;
}
/* Interner Link */
.main-content a[class*="csslink_intern"]:not(.hide-icon)::before {
-webkit-mask-image: var(--icon-mask-image-link-intern);
mask-image: var(--icon-mask-image-link-intern);
}
/* Externer Link */
.main-content a[class*="csslink_extern"]:not(.hide-icon)::before,
.slicknav_menu a[href^="/redirect.phtml?extlink"]::before,
.classicnav .main-navigation a[href^="/redirect.phtml?extlink"]::before {
-webkit-mask-image: var(--icon-mask-image-link);
mask-image: var(--icon-mask-image-link);
-webkit-mask-image: var(--icon-mask-image-link-extern);
mask-image: var(--icon-mask-image-link-extern);
}
/* Um die Icons richtig zu platzieren */
.main-content a[class*="csslink_intern"]:not(.hide-icon),
.main-content a[class*="csslink_extern"]:not(.hide-icon),
.slicknav_menu a[href^="/redirect.phtml?extlink"],
.classicnav .main-navigation a[href^="/redirect.phtml?extlink"] {
/* display: inline-flex;
align-items: center; */
}
.slicknav_menu a[href^="/redirect.phtml?extlink"]::before,
.classicnav .main-navigation a[href^="/redirect.phtml?extlink"]::before {
background-color: var(--primarytextcolor, #fff);
/* kein Icon anzeigen */
/* content: unset; */
background-color: currentColor;
}
.main-content a[class*="csslink_anker"]:not(.hide-icon)::before {
-webkit-mask-image: url('data:image/svg+xml,');
mask-image: url('data:image/svg+xml,');
-webkit-mask-image: var(--icon-mask-image-arrow-down);
mask-image: var(--icon-mask-image-arrow-down);
}
.main-content a[class*="csslink_email"]:not(.hide-icon)::before {
-webkit-mask-image: url('data:image/svg+xml,');
mask-image: url('data:image/svg+xml,');
-webkit-mask-image: var(--icon-mask-image-link-email);
mask-image: var(--icon-mask-image-link-email);
}
.btn a[class*="csslink_"], .secondary-btn a[class*="csslink_"],
a[class*="csslink_"].btn, a[class*="csslink_"].secondary-btn {
text-decoration: inherit;
}
/* Buttons */
/* Primärbutton */
a.btn, button.btn, input.btn, .btn a, span.ikiss-field-button input,
a.secondary-btn, button.secondary-btn, input.secondary-btn, .secondary-btn a,
input[type=button], input[type=submit] {
display: inline-block;
position: relative;
min-height: 2.5em;
font-weight: var(--font-regular, normal);
font-size: 1em;
line-height: 1.5;
text-decoration: none;
vertical-align: middle;
overflow: hidden;
z-index: 1;
border-radius: 9999px;
padding: 8px 20px;
margin: 10px 10px 0 0;
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
transition: all 0.1s ease;
min-height: auto;
display: inline-flex;
align-items: center;
justify-content: center;
gap: var(--spacing-1x);
margin: 10px 0 0 0;
}
a.btn, button.btn, input.btn, .btn a, span.ikiss-field-button input, input[type=button], input[type=submit] {
color: var(--btntextcolor, #fff);
background-color: var(--btncolor, #006080);
border: none !important;
box-shadow: none;
}
/* Sekundärbutton */
a.secondary-btn, button.secondary-btn, input.secondary-btn, .secondary-btn a {
color: var(--primarycolor, #006080);
background-color: var(--primarytextcolor, #fff);
border: 2px solid var(--primarycolor, #006080);
}
.btn a[class*="csslink_"],
.secondary-btn a[class*="csslink_"] {
margin: 0;
}
.flex-row + .btn {
margin-top: calc(var(--flex-gap-row, 30px) / 2);
}
a.btn::after, button.btn::after, input.btn::after, .btn a::after, span.ikiss-field-button input::after,
a.secondary-btn::after, button.secondary-btn::after, input.secondary-btn::after, .secondary-btn a::after {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
border-radius: 0.25em;
transition: all 0.25s ease;
z-index: -1;
opacity: 0;
}
a.btn::after, button.btn::after, input.btn::after, .btn a::after, span.ikiss-field-button input::after {
background-color: rgba(0, 0, 0, 0.25);
}
a.btn:hover, button.btn:hover, input.btn:hover, .btn a:hover, span.ikiss-field-button input:hover,
a.btn:focus, button.btn:focus, input.btn:focus, .btn a:focus, span.ikiss-field-button input:focus,
a.btn.tab-focus, button.btn.tab-focus, input.btn.tab-focus, .btn a.tab-focus, span.ikiss-field-button input.tab-focus,
a.secondary-btn:hover, button.secondary-btn:hover, input.secondary-btn:hover, .secondary-btn a:hover,
a.secondary-btn:focus, button.secondary-btn:focus, input.secondary-btn:focus, .secondary-btn a:focus,
a.secondary-btn.tab-focus, button.secondary-btn.tab-focus, input.secondary-btn.tab-focus, .secondary-btn a.tab-focus {
box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
transform: translateY(1px);
}
a.btn:hover::after, button.btn:hover::after, input.btn:hover::after, .btn a:hover::after, span.ikiss-field-button input:hover::after,
a.btn:focus::after, button.btn:focus::after, input.btn:focus::after, .btn a:focus::after, span.ikiss-field-button input:focus::after,
a.btn.tab-focus::after, button.btn.tab-focus::after, input.btn.tab-focus::after, .btn a.tab-focus::after, span.ikiss-field-button input.tab-focus::after,
a.secondary-btn:hover::after, button.secondary-btn:hover::after, input.secondary-btn:hover::after, .secondary-btn a:hover::after,
a.secondary-btn:focus::after, button.secondary-btn:focus::after, input.secondary-btn:focus::after, .secondary-btn a:focus::after,
a.secondary-btn.tab-focus::after, button.secondary-btn.tab-focus::after, input.secondary-btn.tab-focus::after, .secondary-btn a.tab-focus::after {
opacity: 1;
}
a.btn:active, button.btn:active, input.btn:active, .btn a:active, span.ikiss-field-button input:active,
a.secondary-btn:active, button.secondary-btn:active, input.secondary-btn:active, .secondary-btn a:active {
transform: scale(0.97);
}
/* Buttons neben dem Suchergebnis-Titel (SOLR/Veranstaltungen) */
a.h2-btn {
margin: 1.6em 0 0 10px;
}
.btn-row {
margin: -0.375em;
}
.btn-row .btn {
margin: 0.375em;
}
/* Layout Helpers & Gridsystem */
nav ul {
padding: 0;
margin: 0;
}
nav li {
list-style: none;
}
.nav-h li {
display: inline-block;
}
.shadow {
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.25);
}
.transition {
transition: all 0.25s ease;
}
.circle,
.img-circle {
border-radius: 50%;
}
.rounded,
.img-rounded {
border-radius: 10px;
}
.bgimg-top {
background-position: center top !important;
}
.bgimg-center {
background-position: center center !important;
}
.bgimg-bottom {
background-position: center bottom !important;
}
.text-center {
text-align: center;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.fullwidth {
width: 100%;
}
.sm-only {
display: none;
}
.spacer {
display: block;
width: 100%;
margin: var(--margin, 15px) 0;
}
.nomargin {
margin: 0 !important;
}
.absolute {
position: absolute;
}
.relative {
position: relative;
}
.static {
position: static;
}
.clear, .cb {
clear: both;
overflow: hidden;
height: 0px;
line-height: 1px;
padding: 0;
margin: 0;
}
.clearfix::after {
content: '';
display: block;
clear: both;
height: 0px;
visibility: hidden;
}
.hide {
display: none !important;
}
.block, .show {
display: block !important;
}
.inline-block {
display: inline-block !important;
}
.inline {
display: inline !important;
}
.flex {
display: flex !important;
}
.order-0 {
order: 0;
}
.order-1 {
order: 1;
}
.order-2 {
order: 2;
}
.autoscroll {
overflow-x: auto;
}
.noscroll {
overflow: hidden;
}
.grayscale {
filter: grayscale(100%);
}
.unstyled-list, .abc-list, .inline-list, .volltextsuche ul {
list-style: none;
padding-left: 0;
}
.unstyled-list .unstyled-list {
margin-top: 0.75em;
margin-bottom: 0.75em;
margin-left: var(--margin-lg, 30px);
}
.unstyled-list li:not(:last-child),
.volltextsuche li:not(:last-child) {
margin-bottom: 0.5em;
}
.abc-list {
margin: 1.5em -1px;
}
.abc-list li {
display: inline-block;
width: 2.95em;
height: 2.95em;
line-height: 2.95em;
text-align: center;
vertical-align: middle;
color: var(--gray, #484848);
background-color: var(--whitesmoke, #f0f0f0);
margin: 1px;
}
.abc-list li a {
display: block;
position: relative;
width: 100%;
height: 100%;
font-weight: bold;
font-weight: var(--font-bold, bold);
text-decoration: none;
color: var(--bodycolor, #383838);
}
.abc-list li a:hover,
.abc-list li a:focus,
.abc-list li a.tab-focus,
.abc-list li a.active {
color: var(--primarytextcolor, #fff);
background-color: var(--primarycolor, #006080);
}
.inline-list li {
display: inline-block;
}
.link-list {
list-style: none;
padding-left: 0;
margin-bottom: 0.75em;
}
.link-list .link-list {
margin-top: 0.5em;
}
.link-list:not(:last-child),
.link-list_item:not(:last-child) .link-list {
margin-bottom: 0.75em;
}
.link-list_item {
margin-left: 1.5em;
}
.link-list_item:not(:last-child) {
margin-bottom: 0.5em;
}
.link-list_link {
display: inline-block;
text-decoration: none;
padding-left: 1.5em;
margin-left: -1.5em;
}
.link-list_link-icon {
width: 1.25em;
text-align: center;
margin-right: 0.25em;
margin-left: -1.5em;
}
.link-list_link-icon.colored[class*="fa-file-"] {
color: var(--gray, #484848);
color: currentColor;
}
.link-list_link-icon.colored.fa-file-word {
color: #185abd;
color: currentColor;
}
.link-list_link-icon.colored.fa-file-excel {
color: #107a40;
color: currentColor;
}
.link-list_link-icon.colored.fa-file-powerpoint {
color: #c43f1d;
color: currentColor;
}
.link-list_link-icon.colored.fa-file-pdf {
color: #f40f02;
color: currentColor;
}
.link-list_link-title {
text-decoration: underline;
text-decoration-thickness: var(--border-width);
text-decoration-color: transparent;
text-underline-offset: var(--text-underline-offset);
transition: all .25s ease-out;
}
.link-list_link:hover .link-list_link-title, .link-list_link:focus .link-list_link-title {
text-decoration-thickness: 2px;
text-decoration-thickness: var(--border-width);
text-decoration-color: currentColor;
text-underline-offset: var(--text-underline-offset-hover);
}
.link-list_link-title:not(:last-child),
.link-list_prop:not(:last-child),
.link-list_link:not(:last-child) {
margin-right: 0.5rem;
}
.link-list_link-title.file {
margin-right: 0.25em;
}
.link-list_properties {
font-size: 0.8125rem;
color: var(--gray, #484848);
}
.link-list_prop {
display: inline-block;
}
.link-list_prop-icon {
margin-right: 0.25em;
}
.link-list_docreader-link {
display: inline-block;
font-size: 0.8125rem;
text-decoration: underline;
}
.link-list_docreader-icon {
margin-right: 0.25em;
}
.wrapper {
max-width: 100%;
width: var(--pagewidth, 1270px);
padding: 0 var(--padding, 15px);
margin: auto;
transition: width 0.4s;
}
.row {
margin: 0 calc(-1 * var(--margin, 15px));
}
.row::after {
display: table;
content: '';
clear: both;
}
#tinymce .row {
margin: 0 !important;
}
.column-1, .column-2, .column-3, .column-2x3, .column-4, .column-2x4, .column-3x4, .column-5, .column-2x5, .column-3x5, .column-4x5, .column-6, .column-2x6, .column-3x6, .column-4x6, .column-5x6 {
position: relative;
float: left;
min-height: 1px;
padding-right: var(--padding, 15px);
padding-left: var(--padding, 15px);
transition: width 0.2s ease-in;
-webkit-hyphens: auto;
hyphens: auto;
box-sizing: border-box;
}
/* Columns => Number = Horizontal column count */
.column-1 {
width: 100%;
}
.column-2, .column-2x4, .column-3x6 {
width: 50%;
}
.column-3, .column-2x6 {
width: 33.333%;
}
.column-2x3, .column-4x6 {
width: 66.666%;
}
.column-4 {
width: 25%;
}
.column-3x4 {
width: 75%;
}
.column-5 {
width: 20%;
}
.column-2x5 {
width: 40%;
}
.column-3x5 {
width: 60%;
}
.column-4x5 {
width: 80%;
}
.column-6 {
width: 16.666%;
}
.column-5x6 {
width: 83.333%;
}
.collapse [class*="column-"] {
padding: 0;
}
.collapse [class*="flex-col-"] {
margin: 0;
}
.pull-left {
float: left;
}
.pull-right {
float: right;
}
/* Layout Helper Media Queries */
/* Flex-Grid */
.flex-row {
--flex-gap-row: 30px;
--flex-gap-col: 30px;
display: flex;
flex-direction:row;
flex-wrap: wrap;
align-items: stretch;
list-style: none;
padding: 0;
margin: calc(-1 * var(--flex-gap-row, 30px) / 2) calc(-1 * var(--flex-gap-col, 30px) / 2);
/* gap: var(--grid-gap); */
--flex-gap-row: var(--grid-gap);
--flex-gap-col: var(--grid-gap);
}
.flex-row.collapse {
margin: 0;
}
[class*="flex-col-"] {
flex-grow: 0;
flex-shrink: 1;
min-width: 0;
padding: 0;
margin: calc(var(--flex-gap-row, 30px) / 2) calc(var(--flex-gap-col, 30px) / 2);
word-wrap: break-word;
-webkit-hyphens: auto;
hyphens: auto;
}
.flex-col-1 {
flex-basis: 100%;
width: 100%;
}
.flex-col-2, .flex-col-2x4, .flex-col-3x6 {
flex-basis: calc(50% - var(--flex-gap-col, 30px));
width: calc(50% - var(--flex-gap-col, 30px));
}
@supports (-ms-ime-align:auto) {
.flex-col-2, .flex-col-2x4, .flex-col-3x6 {
/* Edge */
flex-basis: calc(49.999% - var(--flex-gap-col, 30px));
width: calc(49.999% - var(--flex-gap-col, 30px));
}
}
.collapse .flex-col-2, .collapse .flex-col-2x4, .collapse .flex-col-3x6 {
flex-basis: 50%;
width: 50%;
}
.flex-col-3, .flex-col-2x6 {
flex-basis: calc(33.333% - var(--flex-gap-col, 30px));
width: calc(33.333% - var(--flex-gap-col, 30px));
}
.collapse .flex-col-3, .collapse .flex-col-2x6 {
flex-basis: 33.333%;
width: 33.333%;
}
.flex-col-2x3, .flex-col-4x6 {
flex-basis: calc(66.666% - var(--flex-gap-col, 30px));
width: calc(66.666% - var(--flex-gap-col, 30px));
}
.collapse .flex-col-2x3, .collapse .flex-col-4x6 {
flex-basis: 66.666%;
width: 66.666%;
}
.flex-col-4 {
flex-basis: calc(25% - var(--flex-gap-col, 30px));
width: calc(25% - var(--flex-gap-col, 30px));
}
@supports (-ms-ime-align:auto) {
.flex-col-4 {
/* Edge */
flex-basis: calc(24.999% - var(--flex-gap-col, 30px));
width: calc(24.999% - var(--flex-gap-col, 30px));
}
}
.collapse .flex-col-4 {
flex-basis: 25%;
width: 25%;
}
.flex-col-3x4 {
flex-basis: calc(75% - var(--flex-gap-col, 30px));
width: calc(75% - var(--flex-gap-col, 30px));
}
@supports (-ms-ime-align:auto) {
.flex-col-3x4 {
/* Edge */
flex-basis: calc(74.999% - var(--flex-gap-col, 30px));
width: calc(74.999% - var(--flex-gap-col, 30px));
}
}
.collapse .flex-col-3x4 {
flex-basis: 75%;
width: 75%;
}
.flex-col-5 {
flex-basis: calc(20% - var(--flex-gap-col, 30px));
width: calc(20% - var(--flex-gap-col, 30px));
}
@supports (-ms-ime-align:auto) {
.flex-col-5 {
/* Edge */
flex-basis: calc(19.999% - var(--flex-gap-col, 30px));
width: calc(19.999% - var(--flex-gap-col, 30px));
}
}
.collapse .flex-col-5 {
flex-basis: 20%;
width: 20%;
}
.flex-col-2x5 {
flex-basis: calc(40% - var(--flex-gap-col, 30px));
width: calc(40% - var(--flex-gap-col, 30px));
}
@supports (-ms-ime-align:auto) {
.flex-col-2x5 {
/* Edge */
flex-basis: calc(39.999% - var(--flex-gap-col, 30px));
width: calc(39.999% - var(--flex-gap-col, 30px));
}
}
.collapse .flex-col-2x5 {
flex-basis: 40%;
width: 40%;
}
.flex-col-3x5 {
flex-basis: calc(60% - var(--flex-gap-col, 30px));
width: calc(60% - var(--flex-gap-col, 30px));
}
@supports (-ms-ime-align:auto) {
.flex-col-3x5 {
/* Edge */
flex-basis: calc(59.999% - var(--flex-gap-col, 30px));
width: calc(59.999% - var(--flex-gap-col, 30px));
}
}
.collapse .flex-col-3x5 {
flex-basis: 60%;
width: 60%;
}
.flex-col-4x5 {
flex-basis: calc(80% - var(--flex-gap-col, 30px));
width: calc(80% - var(--flex-gap-col, 30px));
}
@supports (-ms-ime-align:auto) {
.flex-col-4x5 {
/* Edge */
flex-basis: calc(79.999% - var(--flex-gap-col, 30px));
width: calc(79.999% - var(--flex-gap-col, 30px));
}
}
.collapse .flex-col-4x5 {
flex-basis: 80%;
width: 80%;
}
.flex-col-6 {
flex-basis: calc(16.666% - var(--flex-gap-col, 30px));
width: calc(16.666% - var(--flex-gap-col, 30px));
}
.collapse .flex-col-6 {
flex-basis: 16.666%;
width: 16.666%;
}
.flex-col-5x6 {
flex-basis: calc(83.333% - var(--flex-gap-col, 30px));
width: calc(83.333% - var(--flex-gap-col, 30px));
}
.collapse .flex-col-5x6 {
flex-basis: 83.333%;
width: 83.333%;
}
/* BITV / Screenreader */
.sr-only {
position: absolute;
top: auto;
left: -5000px;
overflow: hidden;
height: auto;
}
.sr-links {
position: fixed;
top: -5000px;
left: -5000px;
z-index: 9999;
}
.sr-links a {
display: inline-block;
position: absolute;
text-decoration: none;
font-size: 1rem;
font-weight: var(--font-bold, bold);
color: #fff;
background-color: var(--bodycolor, #383838);
white-space: nowrap;
padding: 0.5em 1em;
}
.sr-links a:focus {
top: 5015px;
left: 5015px;
}
/* BITV: Fokus-Hervorhebung bei Tastaturbedienung */
a, button, input, select, textarea, [id], [tabindex] {
scroll-margin: 15px;
}
:focus {
border: 0;
outline: 0;
}
::-moz-focus-inner {
border: 0;
}
.tab-focus,
audio:focus-visible, video:focus-visible,
.cnw_translationbox:focus-within {
position: relative;
border-radius: 0.1rem;
box-shadow: 0px 0px 0px 2px #fff, 0px 0px 0px 5px #000 !important;
transition: all 0s !important;
}
.main-navigation .tab-focus {
z-index: 79;
}
.top .tab-focus {
z-index: 9999 !important;
}
.classic-sticky #nav .wrap-nav .tab-focus,
.classic-sticky .tab-focus,
.modern-nav #nav-mob :not(.childs) .wrap-nav .tab-focus:not(.slicknav_item) {
border-radius: 0.3rem;
box-shadow: inset 0px 0px 0px 2px #000, inset 0px 0px 0px 4px #fff !important;
}
.pswp__button.tab-focus {
outline: none !important;
border-radius: 0.1rem;
box-shadow: 0px 0px 0px 3px #fff !important;
}
.mediathek .result-list .list-img {
overflow: visible;
}
.abc-list li a, .image-gallery a {
display: block;
position: relative;
}
.site-header .titelbild-slider {
overflow: visible;
}
.ikiss_norel, .ikiss_norel :not(.btn, .btn *) {
color: var(--ikiss-norel, #c20000) !important;
}
.ikiss_norel .btn {
color: #fff !important;
}
.ikiss--no--edit br[data-mce-bogus] {
display: none;
}
.inputs .row{
margin-bottom: 2px;
}
.inputs input:not(.btn), .inputs select, .inputs textarea {
width: 100%;
background-color: #fff;
border: 1px solid var(--input-border-color, #949494);
border-radius: 0px;
padding: var(--padding-sm, 7.5px) calc(var(--padding, 15px) / 3);
margin-bottom: 8px;
border-radius: var(--border-radius-small);
border-width: var(--border-width);
}
.inputs input:not(.btn):focus, .inputs select:focus, .inputs textarea:focus {
border: 1px solid var(--gray, #484848);
border-width: var(--border-width);
}
.inputs input + small, .inputs select + small, .inputs textarea + small {
display: block;
margin-bottom: 16px;
}
.inputs input, .inputs select, .inputs .btn > a {
display: inline-block;
height: 2.625em;
}
.inputs select[multiple="multiple"], .inputs select[size], .inputs input[type="file"] {
height: auto;
}
.inputs input[type="checkbox"] {
width: auto;
height: auto;
margin: calc(var(--margin, 15px) / 3) calc(var(--margin, 15px) / 3) calc(var(--margin, 15px) / 3) 0;
}
.inputs input[type="radio"] {
width: auto;
height: auto;
margin: calc(var(--margin, 15px) / 3) calc(var(--margin, 15px) / 3) calc(var(--margin, 15px) / 3) 0;
}
.inputs input[type="date"] {
-webkit-appearance: textfield;
-moz-appearance: textfield;
appearance: textfield;
}
@supports (-webkit-touch-callout: none) {
.inputs input[type="date"] {
-webkit-min-logical-width: calc(100% - 18px);
-webkit-max-logical-height: calc(2.5em - 2px);
}
.inputs input[type="date"]::-webkit-date-and-time-value {
padding: 0.5em 0;
text-align: left;
}
}
.inputs textarea {
resize: vertical;
min-height: 2.625em;
}
.inputs label {
display: inline-block;
margin-bottom: 3px;
}
.inputs label .ikiss-mailform-req-marker {
position: static;
}
.inputs .flex-row,
.flex-row.inputs {
--flex-gap-row: 1em;
--flex-gap-col: 1em;
}
#SFm .inputs [class*="flex-col-"]:has(.btn) {
align-self: flex-end;
}
#SFm .inputs [class*="flex-col-"] label,
.solr-form .inputs [class*="flex-col-"] label,
.solr-form .inputs [class*="flex-col-"] legend {
margin-bottom: 0.25em;
}
.inputs [class*="flex-col-"] input:not(.btn),
.inputs [class*="flex-col-"] select,
.inputs [class*="flex-col-"] textarea {
margin-bottom: 0;
padding: 0.5em;
}
.inputs [class*="flex-col-"] input:not(.btn) + small,
.inputs [class*="flex-col-"] select + small,
.inputs [class*="flex-col-"] textarea + small {
margin-top: 0.5em;
margin-bottom: 0;
}
.inputs .btn-row {
width: 100%;
margin: -0.5em;
}
.inputs .btn-row .btn {
margin: 0.5em;
}
.volltextsuche .inputs input[type="radio"] {
margin: 0.25em;
}
#SFm + p, .volltextsuche + p, .solr-results > p:first-child {
display: block;
margin-top: 1em;
}
.more {
font-weight: bolder;
color: var(--linkcolor, #006080);
}
.altering-list li {
display: inline-block;
width: 100%;
background-color: var(--whitesmoke, #f0f0f0);
padding: 10px;
}
.altering-list li:nth-child(even) {
background-color: #f9f9f9;
}
.altering-list .date, .altering-list .file {
font-size: 0.7em;
}
/* Bildeinbindungen ohne Template */
img.mt_left {
float: left;
margin-right: var(--margin, 15px);
margin-bottom: var(--margin, 15px);
}
img.mt_left.mt_autowidth {
width: calc(50% - 15px) !important;
}
img.mt_right {
float: right;
margin-left: var(--margin, 15px);
margin-bottom: var(--margin, 15px);
}
img.mt_right.mt_autowidth {
width: calc(50% - 15px) !important;
}
img.mt_middle {
display: block !important;
margin-left: auto;
margin-right: auto;
margin-bottom: var(--margin, 15px) !important;
}
img.mt_middle.mt_autowidth {
width: 66.666% !important;
}
img.mt_none {
margin-bottom: var(--margin, 15px);
vertical-align: bottom;
}
.mt_ac {
position: relative;
max-width: 100%;
}
.mt_ac img[class*="mt_"] {
float: none;
width: 100% !important;
margin: 0 !important;
vertical-align: bottom;
}
.mt_ac.mt_left {
float: left;
margin-right: var(--margin, 15px);
margin-bottom: var(--margin, 15px);
}
.mt_ac.mt_left.mt_autowidth {
width: calc(50% - 15px) !important;
}
.mt_ac.mt_right {
float: right;
margin-left: var(--margin, 15px);
margin-bottom: var(--margin, 15px);
}
.mt_ac.mt_right.mt_autowidth {
width: calc(50% - 15px) !important;
}
.mt_ac.mt_middle {
display: block !important;
margin-left: auto;
margin-right: auto;
margin-bottom: var(--margin, 15px) !important;
}
.mt_ac.mt_middle.mt_autowidth {
width: 66.666% !important;
}
.mt_ac.mt_noalign {
margin-bottom: var(--margin, 15px);
}
.mt_ac .mc2_ac {
display: inline-block;
position: absolute;
right: 0;
bottom: 0;
max-width: calc(100% - 30px);
max-height: 100%;
font-size: calc(1rem * 2/3);
line-height: normal;
color: var(--bodycolor, #383838);
background-color: rgba(255, 255, 255, 0.85);
padding: 0.25em 0.375em;
}
/* Suchergebnis/Listengenerator */
.result-list:not(.flex-row),
.result-list:not(.flex-row) > li {
margin-bottom: var(--margin, 15px);
}
.result-list.flex-row {
margin-bottom: calc(-1 * var(--flex-gap-row, 30px) / 2 + 15px);
}
.result-list > li:not(:last-child), .result-list > dd:not(:last-child), .result-list > div > dd:not(:last-child),
.result-list.flex-row > li, .result-list.flex-row > dd, .result-list.flex-row > div > dd {
border-bottom: 1px solid var(--whitesmoke, #f0f0f0);
padding-bottom: var(--padding, 15px);
border-bottom: none;
padding-bottom: 0;
}
.result-list.flex-row > li.flex-col-1:last-child,
.result-list.flex-row > li.flex-col-2:nth-last-child(-n+2),
.result-list.flex-row > li.flex-col-3:nth-last-child(-n+3),
.result-list.flex-row > li.flex-col-4:nth-last-child(-n+4),
.result-list.flex-row > li.flex-col-5:nth-last-child(-n+5),
.result-list.flex-row > li.flex-col-6:nth-last-child(-n+6) {
padding-bottom: 0;
border-bottom: none;
}
.widget .result-list > li:not(:last-child), .widget .result-list > dd:not(:last-child), .widget .result-list > div > dd:not(:last-child) {
border-bottom-color: var(--gainsboro, #e8e8e8);
}
.result-list > li.with-background {
background-color: #eee;
padding: 0;
border: none;
}
li.with-background .order-0 .list-text {
padding: var(--padding, 15px) 0 var(--padding, 15px) var(--padding, 15px);
}
li.with-background .order-1 .list-text {
padding: var(--padding, 15px) var(--padding, 15px) var(--padding, 15px) 0;
}
li.with-background .flex-col-1.order-0 .list-text {
padding: var(--padding, 15px) var(--padding, 15px) 0 var(--padding, 15px);
}
li.with-background .flex-col-1.order-1 .list-text {
padding: 0 var(--padding, 15px) var(--padding, 15px) var(--padding, 15px);
}
.result-list .row {
margin-left: calc(-1 * var(--margin-sm, 7.5px));
margin-right: calc(-1 * var(--margin-sm, 7.5px));
}
.result-list [class^="column-"] {
padding-left: var(--padding-sm, 7.5px);
padding-right: var(--padding-sm, 7.5px);
}
.result-list .flex-row {
--flex-gap-row: 15px;
--flex-gap-col: 15px;
}
.result-list .order-0 {
order: 0;
}
.result-list .order-1 {
order: 1;
}
.result-list > li > a, .result-list .overlay > a {
display: block;
text-decoration: none;
color: var(--bodycolor, #383838);
overflow: hidden;
}
.result-list.flex-row > li > a,
.result-list.flex-row .overlay > a {
height: 100%;
}
.result-list .list-img, .accordion .list-img {
position: relative;
overflow: hidden;
border-radius: var(--border-radius-box);
border-radius: 10px;
border-radius: var(--border-radius-box);
}
.list-img img {
width: 100%;
vertical-align: bottom;
border-radius: var(--border-radius-box);
border-radius: 10px;
border-radius: var(--border-radius-box);
}
.list-img [class^="img-"] {
position: relative;
width: 100%;
background: center center/cover no-repeat;
transition: all 0.5s ease;
}
.result-list > li .list-img [class^="img-"]::before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: inherit;
transition: inherit;
}
.result-list > li > a:hover .list-img [class^="img-"]::before,
.result-list > li > a:focus .list-img [class^="img-"]::before,
.result-list > li > a.tab-focus .list-img [class^="img-"]::before {
transform: scale(1.1);
}
.list-img [class^="img-"].contain {
background-color: var(--whitesmoke, #f0f0f0);
background-size: contain;
}
.list-img [class^="img-"].stretch {
background-size: 100% 100%;
}
.list-img .img-1x1 {
padding-top: 100%;
}
.list-img .img-3x2 {
padding-top: 66.666%;
}
.list-img .img-4x3 {
padding-top: 75%;
}
.list-img .img-16x9 {
padding-top: 56.25%;
}
.list-img .mc2_ac {
display: inline-block;
position: absolute;
right: 0;
bottom: 0;
max-width: calc(100% - 30px);
max-height: 100%;
font-size: calc(1rem * 2/3);
line-height: normal;
color: var(--bodycolor, #383838);
background-color: rgba(255, 255, 255, 0.85);
padding: 0.25em 0.375em;
border-radius: var(--border-radius-small);
right: 5px;
transition: all .25s ease-out;
opacity: 0;
}
.list-img:hover .mc2_ac {
opacity: 1;
bottom: 5px;
}
.list-img.ikiss_norel {
background-color: var(--ikiss-norel, #c20000);
}
.list-img.ikiss_norel img, .list-img.ikiss_norel [class^="img-"] {
opacity: 0.666;
}
.result-list .column-1 + .column-1 .list-text {
padding-top: var(--padding, 15px);
}
.list-text small {
font-size: 0.75rem;
}
.list-text small + small {
margin-left: 10px;
}
.list-text small > [class*="fa-"],
.list-text small > a > [class*="fa-"] {
font-size: 1rem;
line-height: 1;
margin-right: 0.25em;
opacity: 0.7;
vertical-align: unset;
}
.list-text p, .list-text ol, .list-text ul {
margin-bottom: 0.5rem;
}
.list-text > :last-child, .list-text blockquote > :last-child {
margin-bottom: 0;
}
.result-list .list-title {
display: block;
font-size: 1.3125rem;
font-weight: var(--font-bold, bold);
margin: 0 0 0.5rem;
}
.result-list > li > a:hover .list-title,
.result-list > li > a:focus .list-title,
.result-list .overlay > a:hover .list-title,
.result-list .overlay > a:focus .list-title {
color: var(--linkcolor, #006080);
}
.widget .result-list .list-title {
font-size: 1rem;
font-weight: var(--font-bold, bold);
border: 0;
padding: 0;
margin: 0 0 0.5rem;
}
.page-icons,
.result-list .list-icons {
display: block;
font-size: 0.875rem;
font-weight: var(--font-regular, normal);
line-height: 1.5;
color: var(--gray, #484848);
padding-left: 1px;
color: var(--color-gray-80);
}
.result-list {
list-style: none;
padding-left: 0;
margin-bottom: 0;
}
.result-list .flex-row {
--flex-gap-row: 0px;
--flex-gap-col: 15px;
}
.result-list .flex-row .flex-col-1.order-1 {
padding-top: var(--flex-gap-col, 15px);
}
.result-list_item {
border-bottom: 1px solid var(--whitesmoke, #f0f0f0);
padding-bottom: 1em;
margin-bottom: 1em;
}
.widget .result-list_item {
border-bottom-color: var(--silver, #c8c8c8);
}
.result-list:not(.flex-row):last-child > .result-list_item:last-child {
border-bottom: 0;
padding-bottom: 0;
margin-bottom: 0;
}
.result-list_object.js-link {
cursor: pointer;
}
.result-list_text > * {
margin: 0.5rem 0;
}
.result-list_text > :first-child {
margin-top: 0;
}
.result-list_text > :last-child {
margin-bottom: 0;
}
.result-list_text-columns .flex-row {
--flex-gap-row: 0.5rem;
--flex-gap-col: 15px;
}
.result-list_object-title {
font-size: 1.3125rem;
font-weight: var(--font-bold, bold);
}
.widget .result-list_object-title {
font-size: 1rem;
font-weight: var(--font-bold, bold);
}
.randspalte .result-list_object-title,
.randspalte .result-list_object-title:first-child {
font-size: 1rem;
font-weight: var(--font-bold, bold);
color: inherit;
background-color: transparent;
border: 0;
padding: 0;
margin: 0 0 0.5rem;
}
.randspalte .result-list_object-title:first-child:last-child {
margin-bottom: 0;
}
.result-list_object-link {
display: block;
color: inherit;
}
.result-list_object-link:hover,
.result-list_object-link.tab-focus {
color: var(--linkcolor, #006080);
}
.result-list_object-topic {
display: block;
font-size: 0.8125rem;
color: var(--linkcolor, #006080);
}
.result-list_object-properties {
display: block;
font-size: 0.8125rem;
font-weight: normal;
line-height: 1.5;
color: var(--gray, #484848);
padding-left: 1px;
}
.result-list_object-property {
display: inline-block;
}
.result-list_object-property:not(:last-child) {
margin-right: 0.666rem;
}
.result-list_object-property [class*="fa-"] {
font-size: 1rem;
vertical-align: -5%;
margin-right: 0.25em;
}
.result-list_object-property.top-news {
font-weight: var(--font-bold, bold);
}
.result-list_object-property.top-news [class*="fa-"] {
font-weight: var(--font-bold, bold);
}
.result-list_object-property.link {
text-decoration: underline;
}
.result-list_more-link {
font-weight: var(--font-bold, bold);
text-decoration: underline;
text-underline-offset: var(--text-underline-offset);
text-decoration-thickness: 1px;
color: var(--linkcolor, #006080);
}
.result-list_more-link:hover, .result-list_more-link:focus, .result-list_more-link.tab-focus {
text-decoration-thickness: 2px;
}
.result-list_image-wrapper {
position: relative;
overflow: hidden;
}
.result-list_image {
width: 100%;
vertical-align: bottom;
transition: transform 0.25s ease;
}
.result-list_background-image {
position: relative;
width: 100%;
background: center center/cover no-repeat;
transition: transform 0.25s ease;
}
.result-list_object.js-link .result-list_background-image::before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: inherit;
transition: inherit;
}
.result-list_object.js-link:hover .result-list_image, .result-list_object.js-link.tab-focus .result-list_image,
.result-list_object.js-link:hover .result-list_icon, .result-list_object.js-link.tab-focus .result-list_icon,
.result-list_object.js-link:hover .result-list_background-image::before, .result-list_object.js-link.tab-focus .result-list_background-image::before {
transform: scale(1.1);
}
.result-list_background-image.contain {
background-color: var(--silver, #c8c8c8);
background-size: contain;
}
.result-list_background-image.pdf-preview {
outline: 1px solid var(--silver, #c8c8c8);
outline-offset: -1px;
}
.result-list_background-image.stretch {
background-size: 100% 100%;
}
.result-list_image-copyright {
display: inline-block;
position: absolute;
right: 0;
bottom: 0;
max-width: calc(100% - 30px);
max-height: 100%;
font-size: calc(1rem * 2/3);
line-height: normal;
color: var(--gray, #484848);
background-color: rgba(255,255,255,0.75);
padding: 0.25em 0.375em;
}
.result-list_image-wrapper.ikiss_norel {
background-color: var(--ikiss-norel, #c20000);
}
.ikiss_norel > .result-list_image, .ikiss_norel > .result-list_background-image {
opacity: 0.666;
}
.result-list_icon-wrapper {
display: flex;
align-items: center;
justify-content: center;
aspect-ratio: 1/1;
position: relative;
overflow: hidden;
font-size: 0;
color: #fff;
background-color: var(--silver, #c8c8c8);
border-radius: var(--border-radius-box);
}
.directedit-editnode .result-list_icon-wrapper,
.mceContentBody .result-list_icon-wrapper {
font-size: 4rem;
}
.result-list_icon {
color: #fff !important;
transition: transform 0.25s ease;
}
.result-list_background-image.ratio-1x1,
.result-list_icon-wrapper.ratio-1x1 {
aspect-ratio: 1/1;
}
.result-list_background-image.ratio-3x2,
.result-list_icon-wrapper.ratio-3x2 {
aspect-ratio: 3/2;
}
.result-list_background-image.ratio-4x3,
.result-list_icon-wrapper.ratio-4x3 {
aspect-ratio: 4/3;
}
.result-list_background-image.ratio-16x9,
.result-list_icon-wrapper.ratio-16x9 {
aspect-ratio: 16/9;
}
.result-list.flex-row:not(:last-child) {
margin-bottom: calc(var(--flex-gap-row) / 2);
}
.result-list_item.colored-background {
background-color: var(--whitesmoke, #f0f0f0);
border-bottom: 0;
padding-bottom: 0;
}
.result-list_item.colored-background .flex-row {
--flex-gap-col: 0px;
}
.result-list_item.colored-background .result-list_text {
padding: 15px;
}
/* Detailansichten */
.page-topic {
display: block;
font-size: 0.8125rem;
color: var(--primarycolor, #006080);
}
.page-icons {
display: block;
font-size: 0.8125rem;
font-weight: normal;
line-height: 1.5;
color: var(--gray, #484848);
padding-left: 1px;
}
.page-title + .page-icons {
margin-top: -1rem;
margin-bottom: 1.5rem;
}
.page-icons > span, .page-icons > time {
display: inline-block;
}
.page-icons > span:not(:last-child), .page-icons > time:not(:last-child) {
margin-right: 0.5em;
margin-right: var(--padding-sm);
}
.page-icons [class*="fa-"] {
font-size: 1rem;
vertical-align: -5%;
margin-right: 0.5em;
}
.object-data {
display: grid;
gap: 1em;
grid-template-columns: max-content auto;
margin: 1em 0;
}
.object-data_field {
grid-column-start: 1;
}
.object-data_value {
grid-column-start: 2;
}
/* Paginierung */
.ikiss_pagenav ul, ul.ikiss_pagenav {
padding-left: 0;
margin: 0.75rem -0.25rem;
margin: var(--padding-lg) -0.25rem 0;
}
.ikiss_pagenav li {
display: inline-block;
}
.ikiss_pagenav a, .ikiss_pagenav span {
display: inline-block;
width: 2rem;
height: 2rem;
font-size: 1rem;
font-weight: var(--font-regular, normal);
text-align: center;
text-decoration: none;
vertical-align: middle;
color: var(--gray, #484848);
border: 1px solid var(--gainsboro, #e8e8e8);
border-radius: 50%;
margin: 0.25rem;
transition: all 0.25s ease;
line-height: 1.875;
border-width: var(--border-width);
}
.ikiss_pagenav a:hover, .ikiss_pagenav a:focus {
transform: scale(1.25);
}
.ikiss_pagenav .pn_active {
font-weight: var(--font-bold, bold);
color: var(--gray, #484848);
background-color: var(--gainsboro, #e8e8e8);
}
.ikiss_pagenav .pn_step_l, .ikiss_pagenav .pn_page_l, .ikiss_pagenav .pn_step_r, .ikiss_pagenav .pn_page_r {
font-size: 0;
}
.ikiss_pagenav .pn_step_l::before, .ikiss_pagenav .pn_page_l::before, .ikiss_pagenav .pn_step_r::before, .ikiss_pagenav .pn_page_r::before {
display: inline-block;
width: 2rem;
font: var(--fa-font-solid);
font-size: 0.667rem;
line-height: 2.875em;
}
.ikiss_pagenav .pn_step_l::before {
content: '\f323';
}
.ikiss_pagenav .pn_page_l::before {
content: '\f053';
}
.ikiss_pagenav .pn_step_r::before {
content: '\f324';
}
.ikiss_pagenav .pn_page_r::before {
content: '\f054';
}
/* Medien */
audio, video {
display: block;
width: 100%;
}
.medien audio, .medien video {
margin-bottom: 0.75em;
}
.pdf-preview {
background: center center/contain no-repeat;
background-color: var(--whitesmoke, #f0f0f0);
padding-top: 66.666%;
}
/* Adressen */
.contact-list {
list-style: none;
padding-left: 0;
margin-bottom: 0.75em;
}
.contact-list_item {
cursor: auto;
width: -moz-fit-content;
width: fit-content;
pointer-events: all;
}
.contact-list_item:not(:last-child) {
margin-bottom: 0.25em;
}
.contact-list_item:has(.contact-list_icon) {
padding-left: 1.5em;
}
.contact-list_item.has-icon {
padding-left: 1.5em;
}
.contact-list_link {
text-decoration: underline;
text-underline-offset: var(--text-underline-offset);
color: var(--linkcolor, #006080);
}
.contact-list_link:hover, .contact-list_link:focus, .contact-list_link.tab-focus {
text-decoration-thickness: 2px;
}
.contact-list_link:has(.contact-list_icon) {
padding-left: 1.5em;
margin-left: -1.5em;
}
.contact-list_link.has-icon {
padding-left: 1.5em;
margin-left: -1.5em;
}
.contact-list_icon,
a > .contact-list_icon {
width: 1.25em;
text-align: center;
line-height: 1.33;
vertical-align: baseline;
margin-left: -1.5em;
margin-right: 0.25em;
}
.contact-list_text {
}
.contact-list_description {
display: inline-block;
}
/* Dienstleistungen */
.location-form {
background-color: var(--whitesmoke, #f0f0f0);
padding: 1em;
margin: 1em 0;
}
.location-form > :first-child {
margin-top: 0;
}
.location-form > :last-child:not(.flex-row) {
margin-bottom: 0;
}
.location-form.flex > * {
margin: 0;
}
.location-form.flex > :last-child {
flex-grow: 1;
}
/* Cookie-Hinweis und Tracking-Hinweis */
body {
--cookie-note-height: 0px;
}
a, button, input, select, textarea, [id], [tabindex] {
scroll-margin-top: calc(var(--navmaxheight) + 15px);
scroll-margin-bottom: calc(var(--cookie-note-height) + 15px);
}
.cookie-note, .tracking-note {
width: 100%;
background-color: var(--whitesmoke, #f0f0f0);
padding: var(--padding);
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.25);
border-radius: var(--border-radius-box);
background-color: var(--color-gray-light);
}
.tracking-note {
box-shadow: none;
}
.cookie-note {
-webkit-hyphens: auto;
hyphens: auto;
z-index: 90;
}
#cookie-note {
display: none;
}
#cookie-note-text {
margin-bottom: var(--container-padding);
font-family: var(--font-body);
font-weight: 400;
letter-spacing: var(--letter-spacing-copy-sm);
font-size: var(--font-size-copy-sm);
line-height: var(--line-height-copy-sm);
}
.cookie-note .btn-row {
margin: -0.375em;
/* margin: 0 */
}
.cookie-note .btn-row .btn {
margin: 0.375em;
}
.tracking-note .btn {
margin: 0;
}
.cookie-note.bottom-left {
position: fixed;
bottom: 0;
left: 0;
max-width: 31.25em;
margin: 0 0 var(--margin-lg, 30px) var(--margin-lg, 30px);
}
.cookie-note.bottom-right {
position: fixed;
bottom: 0;
right: 0;
max-width: 31.25em;
margin: 0 var(--margin-lg, 30px) var(--margin-lg, 30px) 0;
}
.cookie-note.bottom {
position: fixed;
bottom: 0;
}
/* Zusatzmodul: Formulareditor */
fieldset.ikiss-form-fieldset,
legend.ikiss-form-legend,
.ikiss-form-element label,
.ikiss-form-element input,
.ikiss-form-element select,
.ikiss-form-element textarea {
float: none;
width: auto;
font-size: 100%;
text-align: left;
padding: 0;
margin: 0;
vertical-align: baseline;
}
.ikiss-mailform::after {
content: '';
display: block;
clear: both;
height: 0px;
line-height: 0;
visibility: hidden;
}
.ikiss-mailform-infolabel {
font-size: 0.75em;
}
fieldset.ikiss-form-fieldset p::after,
fieldset.ikiss-form-fieldset div::after,
div.ikiss-form-fieldgroup p::after {
content: '';
display: block;
clear: both;
visibility: hidden;
height: 0;
line-height: 0;
}
span.ikiss-form-element {
display: inline-table;
float: none;
width: 60%;
}
span.ikiss-form-element input,
span.ikiss-form-element select,
span.ikiss-form-element textarea,
span.ikiss-form-element label {
display: inline-block;
margin-bottom: 3px;
}
span.ikiss-field-radio label {
display: inline;
}
span.ikiss-field-checkbox label {
display: inline;
}
fieldset.ikiss-form-fieldset {
border: 1px solid var(--silver, #c8c8c8);
padding: 1em;
margin: 1em 0 0.75em 0;
border-width: var(--border-width);
}
legend.ikiss-form-legend {
font-size: 1.313rem;
font-weight: var(--font-bold, bold);
padding: 0 0.25em;
}
span.ikiss-field-label {
float: left;
width: 30%;
margin-right: 6%;
}
span.ikiss-field-textfield input {
width: 100%;
padding: 1%;
}
span.ikiss-field-textarea textarea {
width: 100%;
min-height: 30px;
padding: 1%;
resize: vertical;
}
span.ikiss-field-select select {
width: 100%;
}
span.ikiss-field-checkbox input {
margin-right: 2%;
}
span.ikiss-field-checkbox label {
padding-right: 3%;
}
span.ikiss-field-radio input {
margin-right: 2%;
}
span.ikiss-field-radio label {
padding-right: 3%;
}
span.ikiss-field-file input {
width: 100%;
}
span.ikiss-field-button input, span.ikiss-field-button {
float: left;
width: auto;
}
.ikiss-mailform-infolabel {
}
.ikiss-mailform-req-marker-text {
padding: 0.75em 0;
}
.ikiss-form-fieldset input,
.ikiss-form-fieldset select,
.ikiss-form-fieldset textarea,
.ikiss-form-element input,
.ikiss-form-element select,
.ikiss-form-element textarea {
width: 100%;
background-color: #fff;
border: 1px solid var(--input-border-color, #949494);
border-radius: 0px;
padding: var(--padding-sm, 7.5px) calc(var(--padding, 15px) / 3);
margin-bottom: var(--margin-sm, 7.5px);
border-radius: var(--border-radius-small);
border-width: var(--border-width);
}
.ikiss-form-fieldset input:focus,
.ikiss-form-fieldset select:focus,
.ikiss-form-fieldset textarea:focus,
.ikiss-form-element input:focus,
.ikiss-form-element select:focus,
.ikiss-form-element textarea:focus {
border: 1px solid var(--gray, #484848);
border-width: var(--border-width);
}
.ikiss-form-fieldset input,
.ikiss-form-fieldset select,
.ikiss-form-fieldset .btn > a,
.ikiss-form-element input,
.ikiss-form-element select,
.ikiss-form-element .btn > a {
display: inline-block;
height: 2.625em;
}
.ikiss-form-fieldset select[multiple],
.ikiss-form-fieldset select[size],
.ikiss-form-fieldset input[type="file"],
.ikiss-form-element select[multiple=],
.ikiss-form-element select[size],
.ikiss-form-element input[type="file"] {
height: auto;
}
.ikiss-form-fieldset input[type="checkbox"],
.ikiss-form-element input[type="checkbox"] {
width: auto;
height: auto;
margin: calc(var(--margin, 15px) / 3) calc(var(--margin, 15px) / 3) calc(var(--margin, 15px) / 3) 0;
}
.ikiss-form-fieldset input[type="radio"],
.ikiss-form-element input[type="radio"] {
width: auto;
height: auto;
margin: calc(var(--margin, 15px) / 3) calc(var(--margin, 15px) / 3) calc(var(--margin, 15px) / 3) 0;
}
.ikiss-form-fieldset input[type="reset"],
.ikiss-form-element input[type="reset"] {
color: var(--gray, #484848) !important;
background-color: var(--gainsboro, #e8e8e8) !important;
}
/* Zusatzmodul: Newsletter */
.browser-newsletter {
width: 100%;
background-color: var(--whitesmoke, #f0f0f0);
border-top: 1px solid var(--gray, #484848);
border-bottom: 1px solid var(--gray, #484848);
padding: 30px;
margin: 15px 0;
}
.browser-newsletter_wrapper {
max-width: 680px;
margin: 0 auto;
}
.browser-newsletter_container {
background-color: #fff;
box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}
.browser-newsletter_logo-wrapper {
position: relative;
width: 100%;
padding: 20px;
}
.browser-newsletter_logo-wrapper.ikiss_norel::after {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: var(--ikiss-norel, #c20000);
opacity: calc(1/3);
}
.browser-newsletter_logo {
display: block;
max-width: 200px;
margin: 0 auto;
}
.browser-newsletter_image-wrapper.ikiss_norel {
background-color: var(--ikiss-norel, #c20000);
}
.ikiss_norel > .browser-newsletter_image {
opacity: calc(2 / 3);
}
.browser-newsletter_image-copyright {
font-size: calc(2em / 3);
text-align: right;
}
.browser-newsletter_image-copyright + * {
margin-top: 20px;
}
.browser-newsletter_text {
padding: 20px;
}
.browser-newsletter_text > :first-child {
margin-top: 0;
}
.browser-newsletter_text > :last-child {
margin-bottom: 0;
}
.browser-newsletter_text hr {
margin: 1em 0;
}
.browser-newsletter_list {
list-style: none;
max-width: 640px;
padding-left: 0;
}
.browser-newsletter_list-item.border {
border-bottom: 1px solid var(--whitesmoke, #f0f0f0);
margin-bottom: 1em;
}
.browser-newsletter_list-object {
display: grid;
gap: 20px;
margin: 1em 0;
}
.browser-newsletter_list-object.image-left {
grid-template-columns: 1fr 4fr;
}
.browser-newsletter_list-object.image-right {
grid-template-columns: 4fr 1fr;
}
.browser-newsletter_list-object.no-image {
grid-template-columns: 100%;
}
.image-left .browser-newsletter_list-image {
order: 0;
}
.image-left .browser-newsletter_list-text {
order: 1;
}
.image-right .browser-newsletter_list-image {
order: 1;
}
.image-right .browser-newsletter_list-text {
order: 0;
}
.browser-newsletter_list-title {
margin: 0;
}
.browser-newsletter_list-title:is(h2, h3, h4, h5, h6) {
font-size: calc(1em + 4px);
}
.browser-newsletter_list-title.bold {
font-weight: var(--font-bold, bold);
}
.browser-newsletter_list-titlelink {
text-decoration: none;
color: var(--darkgray, #383838) !important;
}
.browser-newsletter_list-properties {
font-size: calc(1em - 2px);
margin: 0;
}
.browser-newsletter_list-description {
margin-top: 0.5em;
margin-bottom: 0;
}
.browser-newsletter_list-morelink {
font-weight: var(--font-bold, bold);
text-decoration: underline;
}
.browser-newsletter_list-copyright {
font-size: calc(1em - 4px);
margin-top: 1em;
margin-bottom: 0;
}
.browser-newsletter_contact-list {
list-style: none;
padding-left: 0;
}
.browser-newsletter_footer {
font-size: 0.8em;
padding: 20px 20px 0;
opacity: 0.8;
}
.browser-newsletter_footer > :first-child {
margin-top: 0;
}
.browser-newsletter_footer > :last-child {
margin-bottom: 0;
}
.browser-newsletter_footer hr {
background-color: currentColor;
margin: 1em 0;
}
.browser-newsletter_unsubscribe-link {
text-decoration: underline;
color: currentColor !important;
}
/* Zusatzmodul: Tag Clouds */
.tc-item {
display: inline-block;
margin: 2px;
}
/* Zusatzmodul: Tourismus */
.page-icons .dehoga-letter,
.list-icons .dehoga-letter {
margin-right: 0.25em;
}
.dehoga-stars [class*="fa-"]:last-child {
margin-right: 0;
}
.dehoga-stars.yellow [class*="fa-"] {
color: #f1c40f;
}
.dehoga-stars.green [class*="fa-"] {
color: #1fa67a;
}
.dtv-options [class*="opt-"]::before {
display: inline-block;
content: '\f00c';
width: 1.25em;
font: var(--fa-font-regular);
font-size: 1.25rem;
text-align: center;
vertical-align: -5%;
margin-right: 0.25em;
}
.dtv-options .opt-1::before {
content: '\f206';
}
.dtv-options .opt-2::before {
content: '\e04f';
}
.dtv-options .opt-3::before {
content: '\f000';
}
.dtv-options .opt-4::before {
content: '\f561';
}
.dtv-options .opt-5::before {
content: '\e00d';
}
.dtv-options .opt-6::before {
content: '\e50d';
}
.dtv-options .opt-7::before {
content: '\f26c';
}
.dtv-options .opt-8::before {
content: '\f578';
}
.dtv-options .opt-9::before {
content: '\f5e2';
}
.dtv-options .opt-10::before {
content: '\f7f6';
}
.dtv-options .opt-11::before {
content: '\f400';
}
.dtv-options .opt-13::before {
content: '\f5c5';
}
.dtv-options .opt-14::before {
content: '\f6d3';
}
.dtv-options .opt-15::before {
content: '\e3d2';
}
.dtv-options .opt-16::before {
content: '\f8da';
}
.dtv-options .opt-17::before {
content: '\f522';
}
.dtv-options .opt-18::before {
content: '\f1ae';
}
.dtv-options .opt-19::before {
content: '\f8f4';
}
.dtv-options .opt-20::before {
content: '\f2cd';
}
.dtv-options .opt-22::before {
content: '\f0dc';
}
.dtv-options .opt-24::before {
content: '\f724';
}
.dtv-options .opt-25::before {
content: '\f540';
}
.dtv-options .opt-26::before {
content: '\f8d7';
}
.dtv-options .opt-27::before {
content: '\f073';
}
.dtv-options .opt-28::before {
content: '\f2e7';
}
.dtv-options .opt-29::before {
content: '\f193';
}
.dtv-options .opt-32::before {
content: '\f8e0';
}
/*.dtv-options .opt-33::before {
content: '\f8eb';
}*/
.dtv-options .opt-34::before {
content: '\f70c';
}
.dtv-options .opt-35::before {
content: '\f5ca';
}
.dtv-options .opt-36::before {
content: '\f680';
}
.dtv-options .opt-37::before {
content: '\f095';
}
.dtv-options .opt-38::before {
content: '\f787';
}
.dtv-options .opt-39::before {
content: '\f630';
}
.dtv-options .opt-40::before {
content: '\f898';
}
.dtv-options .opt-41::before {
content: '\f861';
}
.dtv-options .opt-42::before {
content: '\f64f';
}
.dtv-options .opt-44::before {
content: '\f236';
}
.dtv-options .opt-45::before {
content: '\f77d';
}
.dtv-options .opt-46::before {
content: '\f437';
}
.dtv-options .opt-47::before {
content: '\f8c3';
}
.dtv-options .opt-48::before {
content: '\f45e';
}
.dtv-options .opt-49::before {
content: '\f2cc';
}
.dtv-options .opt-50::before {
content: '\f5bb';
}
.dtv-options .opt-51::before {
content: '\f562';
}
.dtv-options .opt-52::before {
content: '\f59d';
}
.dtv-options .opt-54::before {
content: '\f1ac';
}
.dtv-options .opt-55::before {
content: '\f8ec';
}
.dtv-options .opt-56::before {
content: '\f72f';
}
.dtv-options .opt-57::before {
content: '\f4d3';
}
.dtv-options .opt-58::before {
content: '\f09d';
}
.dtv-options .opt-59::before {
content: '\f44b';
}
.dtv-options .opt-60::before {
content: '\f0fc';
}
.dtv-options .opt-61::before {
content: '\e01b';
}
.dtv-options .opt-62::before {
content: '\f1eb';
}
.dtv-options .opt-63::before {
content: '\f34e';
}
.dtv-options .opt-64::before {
content: '\fe6c';
}
.dtv-options .opt-65::before {
content: '\f7c9';
}
/* Zusatzmodul: Veranstaltungs- und Terminbuchung */
.booking-vacant,
.booking-short,
.booking-reserved,
.booking-expired {
display: inline-block;
padding: calc(var(--padding, 15px) / 3) var(--padding, 15px);
border-radius: 3px;
}
.booking-vacant, .booking-vacant a {
color: #444;
background-color: #b2f2bb;
}
.booking-short, .booking-short a {
color: #444;
background-color: #ffec99;
}
.booking-expired, .booking-reserved {
color: #555;
background-color: #f8f9fa;
}
.booking-time, .booking-info {
margin: 0;
}
.booking-time [class*="fa-"] {
margin-right: 0.25em;
}
.booking-info {
font-size: 0.8125rem
}
.booking-list .list-title {
margin: 0 0 0.25em;
}
.booking-list ul {
list-style: none;
padding-left: 0;
margin-bottom: 0;
}
.booking-list li {
margin-bottom: 0;
}
.booking-list a, div.booking-reserved, div.booking-expired {
width: 100%;
margin: calc(var(--margin, 15px) / 3) 0 calc(var(--margin, 15px) / 3);
}
.booking-form table {
width: 100%;
border-collapse: collapse;
}
.booking-form tr:nth-child(even) {
background-color: var(--whitesmoke, #f0f0f0);
}
.booking-form th, .booking-form td {
padding: calc(var(--padding, 15px) / 3) var(--padding, 15px);
}
.booking-form th {
vertical-align: bottom;
font-weight: var(--font-bold, bold);
text-align: left;
}
.booking-form td {
vertical-align: middle;
}
.booking-form table input, .booking-form table select {
margin-bottom: 0;
}
.booking-form .ikiss-mailform-req-marker {
position: absolute;
color: #b00000;
padding: 0 3px;
cursor: help;
}
.booking-form input[type="checkbox"] + label {
display: inline;
}
/* Zusatzmodul: Volltextsuchmaschine Solr */
.solr-tabs {
border-bottom: 1px solid var(--whitesmoke, #f0f0f0);
padding-bottom: 1em;
margin-bottom: 1em;
}
.solr-tabs ul {
display: block;
float: left;
width: 100%;
list-style: none;
padding-left: 0;
margin: -0.375em;
}
.solr-tabs li {
float: left;
margin: 0.375em;
}
.solr-tabs a.btn {
margin: 0;
}
.solr-tabs a.btn:not(.active) {
color: var(--darkgray, #383838);
background-color: var(--gainsboro, #e8e8e8);
}
.solr-tabs a.btn:not(.active)::after {
background-color: rgba(0, 0, 0, 0.075);
}
.solr-results em {
font-style: italic;
background-color: #ff0;
}
.solr-suggest {
font-weight: var(--font-bold, bold);
text-decoration: none;
}
/* Zusatzfunktion: Aufklapp-Effekt */
.accordion {
clear: both;
box-sizing: border-box;
border-bottom: 1px solid var(--color-gray);
}
.accordion-title {
display: block;
font-size: 1.313rem;
font-weight: var(--font-regular, normal);
text-align: left;
color: var(--bodycolor, #383838);
background-color: var(--whitesmoke, #f0f0f0);
margin: 0 0 10px;
cursor: pointer;
transition: all .125s ease-out;
background-color: transparent;
border-top: 1px solid var(--color-gray);
margin: 0;
font-family: var(--font-display);
font-weight: 600;
letter-spacing: var(--letter-spacing-heading-sm);
font-size: var(--font-size-heading-sm);
line-height: var(--line-height-heading-sm);
}
.accordion-title.active,
.accordion-title:hover {
color: var(--color-blue);
}
.accordion-title.smaller-title {
font-size: 1.125rem;
}
.accordion-title.bigger-title {
font-size: 1.5rem;
}
.accordion-title button {
position: relative;
width: 100%;
font-size: inherit;
font-weight: inherit;
text-align: left;
color: inherit;
background: transparent;
padding: 5px 10px;
margin: 0;
cursor: inherit;
-webkit-user-select: none !important;
-moz-user-select: none !important;
user-select: none !important;
padding: var(--padding-sm) 0;
}
.accordion-title button::after {
content: '';
display: block;
clear: both;
visibility: hidden;
height: 0px;
}
.accordion-title span {
display: inline-block;
text-align: left;
line-height: 1.33;
color: inherit;
margin-right: 20px;
margin-right: var(--margin-lg);
}
.accordion-title span span {
margin-right: 0;
}
.accordion-title,
.accordion-title span {
-webkit-hyphens: auto;
hyphens: auto;
}
.accordion-title [class*="fa-"] {
position: absolute;
top: 50%;
right: 10px;
transform: translateY(-50%);
font-size: 1.25rem;
color: inherit;
margin-right: 0 !important;
transition: all .2s ease-in;
right: var(--padding);
right: 0;
font-weight: 400;
font-family: "Font Awesome 6 Sharp";
}
.accordion-title [class*="fa-"]::before {
content: '\f063';
}
.accordion-title [class*="fa-"].flip-x {
transform: rotateX(180deg);
transform-origin: 25% 25%;
}
.accordion-container {
padding: 10px;
padding: 0 var(--padding-lg) var(--padding) 0;
margin-bottom: -1px;
overflow: hidden;
border-bottom: 1px solid var(--color-gray);
}
.accordion-title.as-link {
font-size: 1rem;
font-weight: var(--font-regular, normal);
color: var(--linkcolor, #006080);
background: none;
margin: 0 0 0.75em;
}
.accordion-title.as-link button {
width: unset;
color: inherit;
background: transparent;
padding: 0 0.5em 0 0;
}
.accordion-title.as-link span {
color: inherit;
margin-right: calc(20px + 0.25em);
}
.accordion-title.as-link [class*="fa-"] {
font: var(--fa-font-regular);
font-size: 1rem;
color: inherit;
}
.accordion-container.with-background {
background-color: var(--whitesmoke, #f0f0f0);
padding: 1em;
margin-bottom: 1em;
}
.rs_active .accordion-container {
display: block !important;
}
.rs_active .accordion-title {
cursor: auto;
}
.rs_active .accordion-title [class*="fa-"] {
display: none;
}
/* Zusatzfunktion: Bildergalerie (PhotoSwipe) inkl. Bildeinbindung */
.flex-row.image-gallery {
--flex-gap-col: 10px;
--flex-gap-row: 10px;
margin-bottom: var(--flex-gap-row, 10px);
}
.image-single {
max-width: 100%;
margin-bottom: var(--margin, 15px);
}
.image-single.pull-left {
float: left;
margin-right: var(--margin, 15px);
}
.image-single.pull-right {
float: right;
margin-left: var(--margin, 15px);
}
.image-single.pull-center {
margin: 0 auto var(--margin, 15px);
}
.image-single.auto-width {
width: 100%;
}
.image-single.pull-left.auto-width, .image-single.pull-right.auto-width {
width: calc(50% - 15px);
}
.image-single.pull-center.auto-width {
width: 66.666%;
}
.image-gallery a, .image-single a {
display: block;
position: relative;
}
.image-gallery img, .image-single img {
display: block;
width: 100%;
transition: all 0.2s ease-out;
}
.image-gallery a:hover img, .image-single a:hover img,
.image-gallery a:focus img, .image-single a:focus img {
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.25);
/* opacity: .5; */
box-shadow: none;
transform: scale(1.025);
}
.image-single .img-caption {
color: var(--gray, #484848);
font-size: 0.875em;
font-style: italic;
text-align: left;
padding-top: 0.25em;
color: var(--color-black, #191919);
}
.wrap-img {
display: block;
position: relative;
overflow: hidden;
border-radius: var(--border-radius-box);
border-radius: 10px;
border-radius: var(--border-radius-box);
}
.wrap-img img {
overflow: hidden;
}
.wrap-img.ikiss_norel, .image-single.ikiss_norel .wrap-img {
background-color: var(--ikiss-norel, #c20000);
}
.wrap-img.ikiss_norel > img, .wrap-img.ikiss_norel > .bg-img, .image-single.ikiss_norel .wrap-img > img {
opacity: 0.666;
}
.wrap-img > .img-copyright {
display: inline-block;
position: absolute;
right: 0;
bottom: 0;
max-width: calc(100% - 30px);
max-height: 100%;
font-size: calc(1rem * 2/3);
line-height: normal;
color: var(--bodycolor, #383838);
background-color: rgba(255, 255, 255, 0.75);
padding: 0.25em 0.375em;
border-radius: var(--border-radius-small);
right: 5px;
transition: all .25s ease-out;
opacity: 0;
}
.wrap-img:hover>.img-copyright {
opacity: 1;
bottom: 5px;
}
/* Zusatzfunktion: Dynamisches Organigramm */
.org-chart {
font-size: 1rem;
overflow-wrap: break-word;
word-wrap: break-word;
margin: 0 -0.5em;
}
.org-chart .flex-row {
--flex-gap-row: 0em;
--flex-gap-col: 0em;
}
.org-chart-item {
display: flex;
flex-direction: column;
align-content: center;
justify-content: center;
text-align: center;
padding: 1em;
margin: 1em 0.5em;
border-radius: 0.5em;
transition: box-shadow 0.25s;
}
.org-chart-item:hover,
.org-chart-item:focus,
.tab-focus > .org-chart-item {
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.25);
}
.org-chart-item p {
padding: 0;
margin: 0;
}
/* Zusatzfunktion: Mediathek */
audio, video {
display: block;
width: 100%;
}
.responsive-video, .flowplayer {
position: relative;
padding-bottom: 56.25%;
padding-top: 0;
height: 0;
background-color: #000;
overflow: hidden;
}
.responsive-video iframe, .flowplayer iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.mediathek .result-list .list-img {
overflow: visible;
}
.mediathek .list-img video {
aspect-ratio: 16/9;
max-height: 80vh;
}
/* Zusatzfunktion: Neu/Gelesen */
.unread {
font-weight: var(--font-bold, bold);
text-transform: uppercase;
}
.unread [class*="fa-"]::before {
font: var(--fa-font-solid);
}
/* Zusatzfunktion: Textabschnitte in mehreren Spalten */
.flex-row.text-columns {
margin: calc(var(--flex-gap-row, 30px) / 2) calc(-1 * var(--flex-gap-col, 30px) / 2);
/* Anpassungen einzelner Module im Hinblick auf die allgemeine Gap Änderung bei Flex Grids */
margin: 0;
flex-wrap: nowrap;
}
.flex-row.text-columns:first-child {
margin-top: calc(-1 * var(--flex-gap-col, 30px) / 2);
margin-top: 0;
}
h1 + .flex-row.text-columns, h2 + .flex-row.text-columns, h3 + .flex-row.text-columns, h4 + .flex-row.text-columns, h5 + .flex-row.text-columns, h6 + .flex-row.text-columns,
.flex-row.text-columns + .flex-row.text-columns {
margin-top: calc(-1 * var(--flex-gap-row, 30px) / 2);
margin-top: 0;
}
.flex-row.text-columns:last-child {
margin-bottom: calc(-1 * var(--flex-gap-col, 30px) / 2);
margin-top: 0;
margin-bottom: 0;
}
.text-columns > [class*="flex-col-"] > :first-child:not(.flex-row) {
margin-top: 0;
}
.text-columns > [class*="flex-col-"] > :last-child:not(.flex-row) {
margin-bottom: 0;
}
/* Textabschnitt mit speziellem Hintergrund */
.colored-container {
position: relative;
width: 100%;
padding: var(--padding-lg, 30px);
margin: var(--margin-lg, 30px) 0;
border-radius: var(--border-radius-box);
border-radius: 10px;
border-radius: var(--border-radius-box);
}
.colored-container.full-width {
border-radius: 0;
}
[style*="display:inline"]:first-child .colored-container:first-child,
.colored-container:first-child {
margin-top: 0;
}
.colored-container:last-child {
margin-bottom: 0;
}
.colored-container.full-width {
width: calc(100vw - var(--scrollbar-width));
padding: var(--padding-lg, 30px) 0;
margin: var(--margin-lg, 30px) 0 var(--margin-lg, 30px) calc(50% - 50vw + calc(var(--scrollbar-width) / 2));
}
.colored-container.full-width + .colored-container.full-width,
.colored-container:not(.full-width) + .colored-container:not(.full-width) {
margin-top: calc(-1 * var(--margin-lg, 30px));
margin-top: 0;
}
[class*="column-"]:not(.column-1) .colored-container.full-width,
[class*="flex-col-"]:not(.flex-col-1) .colored-container.full-width,
.submenu + .inhalt_ganzseitig .colored-container.full-width,
.colored-container .colored-container.full-width,
.modal-window .colored-container.full-width,
.mceContentBody .colored-container.full-width {
width: 100%;
padding: var(--padding-lg, 30px);
margin: var(--margin-lg, 30px) 0;
border-radius: var(--border-radius-box);
}
[class*="column-"]:not(.column-1) .colored-container.full-width .wrapper,
[class*="flex-col-"]:not(.flex-col-1) .colored-container.full-width .wrapper,
.submenu + .inhalt_ganzseitig .colored-container.full-width .wrapper,
.colored-container .colored-container.full-width .wrapper,
.modal-window .colored-container.full-width .wrapper,
.mceContentBody .colored-container.full-width .wrapper {
width: unset;
max-width: unset;
padding: unset;
margin: unset;
transition: unset;
}
.colored-container_image-wrapper {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
}
.colored-container_image-wrapper.ikiss_norel {
background-color: var(--ikiss-norel, #c20000);
}
.colored-container_image-wrapper.ikiss_norel > img {
opacity: 0.666;
}
.colored-container_image-copyright {
display: inline-block;
position: absolute;
right: 0;
bottom: 0;
max-width: calc(100% - 30px);
max-height: 100%;
font-size: calc(1rem * 2/3);
line-height: normal;
color: var(--bodycolor, #383838);
background-color: rgba(255,255,255,0.75);
padding: 0.25em 0.375em;
}
.colored-container_image {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.colored-container_image.fixed {
background-attachment: fixed;
}
@supports (-webkit-touch-callout: none) {
.colored-container_image.fixed {
background-attachment: scroll;
}
}
.colored-container_image.bottom {
background-position: bottom;
}
.colored-container_image.top {
background-position: top;
}
.colored-container_text-wrapper {
position: relative;
z-index: 2;
font-size: 1em;
}
.colored-container_text-container {
position: relative;
}
.colored-container_text-background {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: -1;
border-radius: var(--border-radius-box);
border-radius: 10px;
border-radius: var(--border-radius-box);
}
.colored-container_text-background + .colored-container_text {
padding: var(--padding, 15px);
}
.colored-container_text.text-color :not(.img-copyright):not(.mc2_ac):not(p.btn > a):not(.accordion-title):not(.cards):not(.big-date *):not(.result-list_image-copyright):not(.top-news *):not(.with-background *) {
color: inherit;
border-color: inherit;
}
.colored-container_text.text-color * {
border-color: inherit;
}
.colored-container_text :first-child:not(.flex-row):not([class*="flex-col-"]):not(.btn) {
margin-top: 0;
}
.colored-container_text :last-child:not(.cards):not(.text-columns):not(.result-list):not(.flex-row):not([class*="flex-col-"]) {
margin-bottom: 0;
}
.opacity-100 {
opacity: 1;
}
.opacity-75 {
opacity: 0.75;
}
.opacity-50 {
opacity: 0.5;
}
.opacity-25 {
opacity: 0.25;
}
/* Zusatzfunktion: Top-Meldungen */
.result-list > li.top-news {
background-color: var(--whitesmoke, #f0f0f0);
padding: 1em;
border-bottom-color: #fff;
margin-bottom: 0;
}
.result-list > li.top-news:last-of-type {
border-bottom-color: #f00000;
}
.result-list > li.top-news ~ li:not(.top-news) {
padding-left: 1em;
padding-right: 1em;
}
.result-list > li.top-news + li:not(.top-news) {
margin-top: var(--margin, 15px);
}
span.top-news {
font-weight: var(--font-bold, bold);
}
span.top-news > [class*="fa-"] {
font-weight: var(--font-bold, bold);
}
/* Zusatzfunktion: Veranstaltungsliste mit grossem Datum */
.big-date {
display: flex;
flex-direction: column;
list-style: none;
padding-left: 0;
}
.big-date li {
position: relative;
background-color: var(--whitesmoke, #f0f0f0);
margin-bottom: var(--margin, 15px);
}
.big-date li:last-child {
margin-bottom: 0;
}
.big-date a {
display: flex;
flex-direction: row;
text-decoration: none;
}
.big-date a:hover,
.big-date a:focus {
background-color: rgba(0, 0, 0, 0.1);
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.25);
}
.big-date .list-date {
min-width: calc(2.04rem + 3.75ch);
white-space: nowrap;
color: #fff;
padding: 1rem;
}
.big-date .list-date .day {
display: block;
font-size: 1.875rem;
}
.big-date .list-date .month {
display: block;
font-size: 1rem;
}
.big-date .list-text {
width: 100%;
color: var(--gray, #484848);
padding: var(--padding, 15px);
}
.big-date .list-title {
display: block;
font-size: 1.25rem;
font-weight: var(--font-bold, bold);
margin: 0 0 0.5rem 0;
}
.big-date .list-icons {
display: block;
font-size: 0.875rem;
font-weight: normal;
line-height: 1.5;
color: var(--gray, #484848);
}
.big-date .list-text p {
margin-bottom: 0.5rem;
}
.big-date .list-text :last-child {
margin-bottom: 0;
}
/* Folgende Klassen sind nur nötig, falls .list-icons noch nicht aus .result-list vorhanden: */
.list-icons span,
.list-icons time {
display: inline-block;
margin-right: 0.5em;
margin-right: var(--padding-sm);
}
.list-icons span span,
.list-icons span time,
.list-icons time span:last-child{
margin-right: 0;
}
.list-icons [class*="fa-"] {
font-size: 1rem;
vertical-align: -5%;
margin-right: 0.5em;
}
/* Zusatzfunktion: Wichtige Mitteilung in einem modalen Fenster */
.modal-window {
display: none;
position: fixed;
top: 0;
left: 0;
z-index: 85;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.75);
justify-content: center;
align-items: center;
-webkit-hyphens: auto;
hyphens: auto;
}
.modal-window-overlay {
height: 100%;
background-color: #fff;
overflow-y: auto;
opacity: 0;
animation-name: modal-window-open;
animation-duration: 1s;
animation-delay: 1s;
animation-fill-mode: forwards;
}
@keyframes modal-window-open {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
.modal-window-content {
padding: var(--padding-lg, 30px);
}
.modal-window-content div[style="display:inline"]:last-of-type > :last-child {
/* Designtemplate-Felder */
margin-bottom: 0;
}
.frontend .modal-window-hide-btn {
vertical-align: bottom;
margin-top: var(--margin-lg, 30px);
}
.frontend .modal-window-hide-x {
float: right;
cursor: pointer;
line-height: 1;
color: var(--gray, #484848);
background-color: transparent;
margin: -20px -20px 30px 30px;
}
.modal-window-hide-x [class*="fa-"] {
margin-right: 0;
}
.modal-window-hide-x .fa-fw {
height: 1.25em;
}
/* Zusatzfunktion: Zwei-Klick-Loesung fuer Iframes */
.is-ios * {
cursor: pointer;
}
.iframe-autowidth {
position: relative;
height: 0;
}
.iframe-autowidth .iframe-preview, .iframe-autowidth .iframe-frame {
position: absolute !important;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
.iframe-preview {
position: relative;
background: center center/cover no-repeat;
}
.iframe-wrap, .iframe-preview, .iframe-frame {
max-width: 100%;
}
.iframe-wrap[data-iframe-autowidth="1"] > .iframe-preview {
max-width: none;
}
.iframe-preview .mc2_ac {
position: absolute;
right: 0;
bottom: 0;
max-width: 66.666%;
text-align: left;
background-color: rgba(255, 255, 255, 0.75);
padding: 2px 5px;
}
.iframe-message {
display: none;
position: absolute;
z-index: 1;
width: 100%;
width: calc(100% - 50px);
max-width: 500px;
max-height: calc(100% - 50px);
background-color: var(--whitesmoke, #f0f0f0);
padding: 25px;
margin: 25px;
overflow-y: auto;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.25);
box-sizing: border-box;
}
.iframe-message.top-left {
top: 25px;
left: 25px;
max-width: 500px;
margin: 0;
}
.iframe-message.top-right {
top: 25px;
right: 25px;
max-width: 500px;
margin: 0;
}
.iframe-message.top {
top: 25px;
right: 25px;
left: 25px;
max-width: none;
margin: 0;
}
.iframe-message.permanent {
display: block !important;
}
.iframe-message.dark {
color: #fff;
background-color: rgba(0, 0, 0, 0.75);
}
.iframe-message a {
font-weight: var(--font-bold, bold);
}
.iframe-message.dark a {
color: #fff;
}
.iframe-message .btn {
margin: 0;
}
/* Zusatzmodul: Bewertung und Kommentare (DEV) */
.buk-uebersicht li {
display: inline-block;
min-width: 75px;
text-align: center;
padding: 10px;
margin-right: 10px;
}
.buk-uebersicht {
margin: 0;
}
#bewertung a span {
margin-left: calc(var(--margin, 15px) / 3);
}
.thumbup::before,
.thumbdown::before,
.kommentar::before,
.quote::before {
font: var(--fa-font-regular);
}
.kommentar::before {
content: '\f075';
}
.thumbup::before {
content: '\f164';
}
.thumbdown::before {
content: '\f165';
}
.statsbox {
display: block;
float:left;
background-color: var(--whitesmoke, #f0f0f0);
padding: 10px;
margin-right: var(--margin, 15px);
margin-bottom: var(--margin, 15px);
}
.statsbox.comments-view {
width: 100%;
}
.statsbox.comments-view h3 {
margin-top: 10px;
}
/* Zusatzmodul: Karten (DEV) */
.gmc_page {
position: relative;
width: 100%;
height: 550px;
padding: 0;
margin: 0;
}
.gmc_header {
position: absolute;
top: 0;
right: 0;
z-index: 48;
width: auto;
}
.gmc_control {
float: none;
position: absolute;
top: 0;
bottom: 0;
width: 33.333%;
min-width: 200px;
height: 100%;
background-color: rgba(255, 255, 255, 0.75);
padding: 10px;
margin: 0;
z-index: 46;
}
.gmc_control ul {
list-style: none;
padding-left: 0;
}
.gmc_control .inputs.row .column-1 {
position: relative;
}
.gmc_control .gmc_input {
margin-bottom: 0;
}
.gmc_control button.submit {
position: absolute;
top: 0;
right: 10px;
bottom: 0;
font-size: 0.889rem;
line-height: 0.8;
cursor: pointer;
color: var(--bodycolor, #383838);
background-color: transparent;
border: none;
padding: 0 var(--padding, 15px);
}
.gmc_control ul.fancytree-container {
font-size: 1em;
background-color: transparent;
border-bottom: 1px solid var(--silver, #c8c8c8);
padding: 0;
}
.gmc_control span.fancytree-node {
display: block;
position: relative;
padding: 4px 5px;
}
.gmc_control span.fancytree-node:hover,
.gmc_control span.fancytree-node:focus,
.gmc_control span.fancytree-node.fancytree-expanded {
color: #fff;
background-color: var(--bodycolor, #383838);
}
.gmc_control span.fancytree-checkbox {
display: none;
}
.gmc_control span.fancytree-icon {
display: none;
}
.gmc_control .fancytree-selected span.fancytree-icon {
display: inline-block;
background: none;
}
.gmc_control .fancytree-selected span.fancytree-icon::before {
content: '\f00c';
font: var(--fa-font-regular);
font-size: 0.778rem;
margin-right: 0.25em;
}
.gmc_control span.fancytree-custom-icon {
width: 25px;
height: 18px;
font-size: 1rem;
margin: 0;
vertical-align: middle;
}
.gmc_control .fancytree-selected span.fancytree-custom-icon::before {
content:'\f00c';
}
.gmc_control span.fancytree-node:hover.fancytree-selected span.fancytree-custom-icon::before,
.gmc_control span.fancytree-node:focus.fancytree-selected span.fancytree-custom-icon::before {
color: #fff;
}
.gmc_control span.fancytree-expander {
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 30px;
height: 100%;
text-align: center;
background: none;
margin: 0;
z-index: 40;
}
.gmc_control span.fancytree-expander::after {
content: '\f0d7';
font: var(--fa-font-solid);
font-size: 1rem;
line-height: 1.667;
}
.gmc_control span.fancytree-node.fancytree-expanded .fancytree-expander::after {
content: '\f0d8';
opacity: 0.5;
line-height: 1.667;
}
.fancytree-exp-n span.fancytree-expander::after,
.fancytree-exp-nl span.fancytree-expander::after {
display: none;
}
.gmc_control span.fancytree-title {
color: var(--bodycolor, #383838);
vertical-align: middle;
}
.gmc_control .fancytree-plain span.fancytree-node:hover span.fancytree-title,
.gmc_control .fancytree-plain span.fancytree-node:focus span.fancytree-title,
.gmc_control .fancytree-plain span.fancytree-node.fancytree-expanded span.fancytree-title {
color: #fff;
background-color: transparent;
border: 1px solid transparent;
border-color: transparent;
}
.gmc_control .fancytree-plain span.fancytree-active.fancytree-partsel span.fancytree-title,
.gmc_control .fancytree-plain span.fancytree-selected.fancytree-partsel span.fancytree-title {
font-weight: var(--font-bold, bold);
color: var(--bodycolor, #383838);
background-color: transparent;
border: 1px solid transparent;
border-color: transparent;
border-width: var(--border-width);
}
.gmc_control .fancytree-plain span.fancytree-node.fancytree-partsel:hover span.fancytree-title,
.gmc_control .fancytree-plain span.fancytree-node.fancytree-partsel:focus span.fancytree-title,
.gmc_control .fancytree-plain span.fancytree-node.fancytree-expanded.fancytree-partsel span.fancytree-title {
color: #fff;
}
.gmc_control .fancytree-plain.fancytree-container.fancytree-treefocus span.fancytree-active span.fancytree-title,
.gmc_control .fancytree-plain.fancytree-container.fancytree-treefocus span.fancytree-selected span.fancytree-title {
background-color: transparent;
border-color: transparent;
}
.gmc_control .fancytree-plain span.fancytree-active span.fancytree-expander,
.gmc_control .fancytree-plain span.fancytree-selected span.fancytree-expander {
color: var(--bodycolor, #383838);
}
.gmc_control .fancytree-plain span.fancytree-node:hover span.fancytree-expander,
.gmc_control .fancytree-plain span.fancytree-node:focus span.fancytree-expander,
.gmc_control .fancytree-plain span.fancytree-node.fancytree-expanded span.fancytree-expander {
color: #fff;
}
#div_gmc_pos {
float: right;
}
#div_gmc_pos input {
width: 5em;
}
.gmc_cmdbar {
width: 100%;
}
.gmc_cmdbar input {
width: auto;
font-size: 0.889rem;
padding: 0 0.5em !important;
margin: 3px;
}
.gmc_cmdbar input[type=button] {
font-weight: var(--font-bold, bold);
color: #fff;
background-color: var(--bodycolor, #383838);
border: none;
border-radius: 3px;
padding: 5px 0.5em !important;
margin-left: 0px;
}
.gmc_cmdbar .btn {
min-width: 0;
margin: 0;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.gmc_cmdbar .btn > i {
margin-right: 0;
}
.gmc_cmdbar .btn:hover,
.gmc_cmdbar .btn:focus {
color: #fff;
background-color: var(--bodycolor, #383838);
}
.gmc_cmdbar .btn.active > i::before {
content:'\f0c9';
}
.gmc_map {
float: none;
width: 100%;
height: 100%;
padding: 0;
margin: 0;
}
.gmc_map .gmc_input {
float: left;
position: relative;
top: 10px;
left: 200px;
z-index: 42;
width: 250px;
}
.gmc_page .gm-style-moc {
/* GMC-Zoomhinweis */
padding: 1em 1em 1em calc(33.333% + 1em) !important;
text-align: center;
}
.gmc_page .leaflet-container::after {
/* OSM-Zoomhinweis */
padding: 1em 1em 1em calc(33.333% + 1em);
text-align: center;
}
.gmc_page ul {
list-style: none;
}
.gmc_page li {
cursor: pointer;
}
.leaflet-container a {
color: var(--linkcolor, #006080) !important;
}
.gm-style-iw .adr {
/* GMC - Infowindow */
float: left;
margin: calc(var(--margin, 15px) / 3);
}
.gm-style-iw .gm-footer {
background-color: var(--whitesmoke, #f0f0f0);
padding: 4px;
margin: calc(var(--margin, 15px) / 3) 0;
}
.gm-style-iw img {
float: right;
width: 150px;
margin: calc(var(--margin, 15px) / 3);
}
/* GMC-Tooltip */
.gmc_tooltip {
min-width: 150px;
max-width: 200px;
}
.mwl_label {
width: 24px;
font-size: 0.556rem;
text-align: center;
background-color: var(--whitesmoke, #f0f0f0);
border: 1px solid var(--bodycolor, #383838);
border-width: var(--border-width);
}
.gmc_adrlist_link {
border: none;
cursor: pointer;
padding: 1em var(--padding, 15px);
transition: all 0.25s ease-out;
}
.gmc_adrlist_link:hover,
.gmc_adrlist_link:focus {
background-color: var(--whitesmoke, #f0f0f0);
transition: all 0.25s ease-out;
}
.gmc_adrlist_link a,
.gmc_adrlist_link a:link,
.gmc_adrlist_link a:visited {
display: block;
min-height: 120px;
text-decoration: none !important;
color: var(--bodycolor, #383838);
border-bottom: 1px solid var(--silver, #c8c8c8);
transition: all 0.25s ease-out;
}
.gmc_adrlist_link a:hover,
.gmc_adrlist_link a:focus {
display: block;
min-height: 120px;
text-decoration: none !important;
color: var(--bodycolor, #383838);
border-bottom: 1px solid var(--bodycolor, #383838);
transition: all 0.25s ease-out;
}
.gmc_adrlist_link a small {
opacity: 0.5;
}
.gmc_adrlist_link a small .fa {
vertical-align: baseline;
}
#ikiss_gmc_tree_wrapper {
clear: both;
height: 100%;
height: calc(100% - 75px);
padding-top: 25px;
overflow: auto;
}
.ikiss_cattree ul li {
padding: 0;
margin: 0;
}
.ikiss_cattree ul {
list-style: none;
padding: 0;
margin: 0;
}
.ikiss_cattree input {
display: none;
}
.ikiss_cattree span label img {
display: inline;
vertical-align: middle;
margin-right: 10px;
}
.ikiss_cattree span label [class*="fa-"] {
display: inline;
font-size: 1.111rem;
vertical-align: middle;
margin-right: 10px;
}
.ikiss_cattree span label {
display: block;
position: relative;
background-color: var(--whitesmoke, #f0f0f0);
border-bottom: 1px solid #fff;
padding: 10px;
margin: 0;
cursor: pointer;
}
.ikiss_cattree span label:hover,
.ikiss_cattree span label:focus,
#ikiss_gmc_tree_wrapper ul li.active span label {
background-color: var(--whitesmoke, #f0f0f0);
}
.ikiss_cattree ul li.active span label::after {
content: '\f00c';
display: inline-block;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 10px;
font: var(--fa-font-solid);
}
img.fancytree-icon {
width: 25px !important;
height: 29px !important;
margin-top: 0 !important;
margin-left: 0 !important;
vertical-align: middle !important;
}
.gmc_map > div {
z-index: 44;
}
#gmc_cookie_msg {
float: right;
width: 66.666%;
text-align: center;
}
/* Karte in der Randspalte */
.randspalte .widget.kartenmodul {
padding: 0;
}
.randspalte .widget.kartenmodul h3 {
margin: 0;
}
.randspalte .widget.kartenmodul .leaflet-pane {
z-index: 44;
}
.randspalte .widget.kartenmodul .leaflet-control {
z-index: 46;
}
html.frontend {
background-color: var(--secondarycolor, #e8e8e8);
overflow-x: hidden;
}
html.frontend body {
background-color: #fff;
overflow-x: hidden;
overflow: unset;
}
.top.sticky {
position: fixed;
top: 0;
right: 0;
left: 0;
/*z-index: 67;*/
z-index: 70;
background-color: #fff;
margin: auto;
}
.top.sticky .top-bar {
box-shadow: 0px 8px 5px -5px rgba(0, 0, 0, 0.15);
}
.top-bar {
display: block;
width: 100%;
padding-top: var(--padding, 15px);
}
.top-bar .flex-row {
align-items: center;
justify-content: center;
margin: auto;
justify-content: space-between;
}
.top-bar [class*="flex-col-"] {
margin: 0 var(--margin, 15px);
}
.top-bar .collapse [class*="flex-col-"] {
margin: 0;
}
#nav-mob,
.masthead {
padding-top: var(--padding, 15px);
padding-top: 0;
}
.main-navigation {
width: 100%;
border-right: none;
border-left: none;
}
/*
.main-navigation .wrapper {
padding: 0;
}
*/
.main-navigation a {
font-weight: var(--font-light, lighter);
text-decoration: none;
}
.main-navigation li {
float: left;
list-style: none;
}
.main-navigation .nlv_2 a,
.main-navigation .nlv_2 span {
display: inline-block;
width: 100%;
font-size: 1em;
font-weight: var(--font-regular, normal);
text-align: left;
text-decoration: none;
color: var(--primarytextcolor, #fff);
padding: var(--padding, 15px) var(--padding-lg, 30px);
color: var(--color-black, #191919);
}
.main-navigation ul li ul {
visibility: hidden;
transition: 0s 0s;
}
body.superdropdown-menu .main-navigation ul li ul,
body.click-menu .main-navigation ul li ul {
visibility: visible;
}
.main-navigation .nlv_1 > li > a,
.main-navigation .nlv_1 > li > span,
.main-navigation .nlv_1 > li > button {
display: inline-block;
position: relative;
font-size: 1em;
font-weight: var(--font-regular, normal);
background-color: transparent;
padding: 10px 20px;
text-decoration: underline;
text-decoration-thickness: var(--border-width);
text-decoration-color: transparent;
text-underline-offset: var(--text-underline-offset);
transition: all .25s ease-out;
}
.main-navigation .nlv_1 > li > a:hover, .main-navigation .nlv_1 > li > a:focus, .main-navigation .nlv_1 > li > span:hover, .main-navigation .nlv_1 > li > span:focus, .main-navigation .nlv_1 > li > button:hover, .main-navigation .nlv_1 > li > button:focus {
color: var(--color-blue);
text-decoration-thickness: var(--border-width);
text-decoration-color: currentColor;
text-underline-offset: var(--text-underline-offset-hover);
}
.main-navigation .nlv_1 > li > a::after,
.main-navigation .nlv_1 > li > span::after,
.main-navigation .nlv_1 > li > button::after {
content: '';
position: absolute;
right: 0;
bottom: 0;
left: 0;
border-bottom: 4px solid rgba(0, 0, 0, 0.2);
z-index: 2;
margin: 0 var(--margin, 15px);
visibility: hidden;
transform: scaleX(0);
transition: .25s linear;
border-bottom: var(--border-width) solid currentColor;
margin: 0 12px;
content: unset;
/* deaktiviert die ::after Pseudoelemente */
}
.main-navigation .nlv_1 > li.npt_on > a::after,
.main-navigation .nlv_1 > li.npt_on > span::after {
border-color: rgba(0, 0, 0, 0.5);
border-color: currentColor;
}
.main-navigation .nlv_1 > li:hover > a::after,
.main-navigation .nlv_1 > li:hover > span::after,
.main-navigation .nlv_1 > li:hover > button::after,
.main-navigation .nlv_1 > li.visible > span::after,
.main-navigation .nlv_1 > li.visible > button::after,
.main-navigation .nlv_1 > li:focus-within > a::after,
.main-navigation .nlv_1 > li:focus-within > span::after,
.main-navigation .nlv_1 > li > a:focus-within::after,
.main-navigation .nlv_1 > li > span:focus-within::after,
.main-navigation .nlv_1 > li.npt_on > a::after,
.main-navigation .nlv_1 > li.npt_on > span::after {
visibility: visible;
transform: scaleX(1);
}
.main-navigation .nlv_1 {
position: relative;
width: 100%;
}
.main-navigation .nlv_1::after {
content: '';
display: block;
clear: both;
visibility: hidden;
height: 0px;
}
.main-navigation .nlv_2 {
position: absolute;
left: 0;
z-index: 70;
width: 100%;
padding: 0 0 25px;
}
body.superdropdown-menu .main-navigation .nlv_2,
body.click-menu .main-navigation .nlv_2 {
opacity: 0;
transform: rotateX(-90deg);
transform-style: preserve-3d;
transform-origin: top center;
transition: transform .5s cubic-bezier(.2,.7,.7,1.3),opacity .1s .1s;
}
.main-navigation .nlv_2 * {
position: relative;
z-index: 70;
}
.main-navigation .nlv_1 ul::after {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--primarycolor, #006080);
}
.main-navigation .nlv_1 ul::before {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
z-index: 70;
width: 100%;
height: 100%;
background-color: #000;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
filter: alpha(opacity=10);
opacity: 0.1;
}
.main-navigation .nlv_2 > li {
position: relative;
float: left;
width: 33.333%;
}
.main-navigation a,
.main-navigation span {
transition: background-color 0.25s;
}
.main-navigation .nlv_1 > li.npt_on > a,
.main-navigation .nlv_1 > li.npt_on > span {
background-color: rgba(0,0,0,0.15);
background-color: transparent;
/* color: var(--color-blue); */
text-decoration: underline;
text-decoration-thickness: var(--border-width);
text-decoration-color: currentColor;
text-underline-offset: var(--text-underline-offset-hover);
transition: all .25s ease-out;
}
.main-navigation .nlv_1 > li:focus-within > a,
.main-navigation .nlv_1 > li:focus-within > span,
.main-navigation .nlv_1 > li > a:focus-within,
.main-navigation .nlv_1 > li > span:focus-within,
body.click-menu .main-navigation .nlv_1 > li.visible > button,
body.click-menu .main-navigation .nlv_2 > li > a:hover,
body.click-menu .main-navigation .nlv_2 > li > a:focus,
body.click-menu .main-navigation .nlv_2 li > a.hover,
body.click-menu .main-navigation .nlv_2 li.hover,
body.click-menu .main-navigation .nlv_3 > li > a:hover,
body.click-menu .main-navigation .nlv_3 > li > a:focus,
body.click-menu .main-navigation .nlv_3 li > a.hover,
body.click-menu .main-navigation .nlv_3 li.hover,
body.superdropdown-menu .main-navigation .nlv_1 > li:hover > a,
body.superdropdown-menu .main-navigation .nlv_1 > li:focus > a,
body.superdropdown-menu .main-navigation .nlv_2 > li > a:hover,
body.superdropdown-menu .main-navigation .nlv_2 > li > a:focus,
body.superdropdown-menu .main-navigation .nlv_2 li > a.hover,
body.superdropdown-menu .main-navigation .nlv_2 li.hover,
body.dropdown-menu .main-navigation .nlv_2 > li:focus-within > a,
body.superdropdown-menu .main-navigation .nlv_3 > li > a:hover,
body.superdropdown-menu .main-navigation .nlv_3 > li > a:focus,
body.superdropdown-menu .main-navigation .nlv_3 li > a.hover,
body.superdropdown-menu .main-navigation .nlv_3 li.hover,
body.dropdown-menu .main-navigation li:hover > a,
body.dropdown-menu .main-navigation li:hover > span,
body.dropdown-menu .main-navigation li.hover > a,
body.dropdown-menu .main-navigation li.hover > span,
body.dropdown-menu .main-navigation li > a.hover,
body.dropdown-menu .main-navigation .nlv_3 > li > a:focus,
body.dropdown-menu .main-navigation .nlv_3 > li > span:focus {
background-color: rgba(0, 0, 0, 0.1);
background: transparent;
}
.main-navigation .nlv_3 li {
width: 100%;
}
.main-navigation .nlv_3 a,
.main-navigation .nlv_3 span {
display: block;
width: 100%;
padding: calc(var(--padding, 15px) / 3) var(--padding-lg, 30px);
transition: padding 0.25s ease-in-out;
}
body.superdropdown-menu .main-navigation .nlv_3 > li > a:hover,
body.superdropdown-menu .main-navigation .nlv_3 > li > a:focus,
body.superdropdown-menu .main-navigation .nlv_3 li > a.hover,
body.superdropdown-menu .main-navigation .nlv_3 li.hover {
padding-left: 35px;
}
.main-navigation .nlv_4 {
display: none;
}
.main-navigation ul li:hover ul,
.main-navigation ul li:focus-within ul,
.main-navigation ul li a:focus + ul,
.main-navigation ul li a.hover + ul {
visibility: visible;
transition-delay: 0s;
}
body.superdropdown-menu .main-navigation ul li:hover ul,
body.superdropdown-menu .main-navigation ul li:focus-within ul,
body.superdropdown-menu .main-navigation ul li a:focus + ul,
body.superdropdown-menu .main-navigation ul li a.hover + ul,
body.superdropdown-menu .main-navigation ul li a.hover + ul li ul,
body.click-menu .main-navigation .nlv_2 {
visibility: visible;
opacity: 1;
transform: rotateX(0) translateZ(0);
}
body.click-menu .main-navigation.nav-onclick ul li.childs ul,
body.click-menu .main-navigation.nav-onclick ul li.childs:hover ul,
body.click-menu .main-navigation.nav-onclick ul li.childs a.hover + ul,
body.click-menu .main-navigation.nav-onclick ul li.childs a.hover + ul li ul {
visibility: hidden;
}
body.click-menu .main-navigation.nav-onclick ul li.childs.visible ul {
visibility: visible;
transition: none;
}
body.click-menu .main-navigation.nav-onclick ul li.childs:focus-within ul {
transition: none;
}
.main-navigation ul li.closed:hover ul,
.main-navigation ul li.closed:focus ul,
.main-navigation ul li.closed a:focus + ul, .main-navigation ul li.closed a:focus + div > ul,
.main-navigation ul li.closed a.hover + ul, .main-navigation ul li.closed a.hover + div > ul,
body.superdropdown-menu .main-navigation ul li.closed a.hover + ul li ul, body.superdropdown-menu .main-navigation ul li.closed a.hover + div > ul li ul,
body.superdropdown-menu .main-navigation ul li.closed a:focus + ul li ul, body.superdropdown-menu .main-navigation ul li.closed a:focus + div > ul li ul,
.main-navigation ul li.closed:focus-within ul,
.main-navigation ul li.closed ul,
.main-navigation ul li.closed ul::after,
.main-navigation ul li.closed ul * {
visibility: hidden;
transition-delay: unset;
}
.main-navigation.classic-sticky .nlv_1 ul {
background-color: var(--primarycolor, #006080);
overflow-x: hidden;
overflow-y: auto;
background-color: var(--color-gray-20);
}
.main-navigation.classic-sticky .nlv_1 ul::before,
.main-navigation.classic-sticky .nlv_1 ul::after {
display: none;
}
.main-navigation.classic-sticky .nlv_2 {
position: static;
}
.main-navigation.classic-sticky .nlv_2 li {
position: static;
float: none;
}
.main-navigation.classic-sticky .nlv_1 li .wrap-nav {
visibility: hidden;
position: absolute;
z-index: 70;
pointer-events: none;
}
.main-navigation.classic-sticky .nlv_2 li:hover > .wrap-nav,
.main-navigation.classic-sticky .nlv_2 li > a:hover + .wrap-nav,
.main-navigation.classic-sticky .nlv_2 li > a:focus + .wrap-nav,
.main-navigation.classic-sticky .nlv_2 li > a.tab-focus + .wrap-nav {
z-index: 71;
}
.main-navigation.classic-sticky .nlv_3 li:hover > .wrap-nav,
.main-navigation.classic-sticky .nlv_3 li > a:hover + .wrap-nav,
.main-navigation.classic-sticky .nlv_3 li > a:focus + .wrap-nav,
.main-navigation.classic-sticky .nlv_3 li > a.tab-focus + .wrap-nav {
z-index: 72;
}
.main-navigation.classic-sticky .nlv_1 > li:hover > .wrap-nav, .main-navigation.classic-sticky .nlv_2 li:hover > .wrap-nav, .main-navigation.classic-sticky .nlv_2 li:hover > .wrap-nav ul,
.main-navigation.classic-sticky .nlv_1 li a:focus + .wrap-nav, .main-navigation.classic-sticky .nlv_2 li a:focus ~ .wrap-nav, .main-navigation.classic-sticky .nlv_2 li a:focus ~ .wrap-nav ul,
.main-navigation.classic-sticky .nlv_1 li:focus-within .wrap-nav, .main-navigation.classic-sticky .nlv_2 li:focus-within .wrap-nav, .main-navigation.classic-sticky .nlv_2 li:focus-within .wrap-nav ul,
.main-navigation.classic-sticky .nlv_1 li .tab-focus + .wrap-nav, .main-navigation.classic-sticky .nlv_2 li .tab-focus + .wrap-nav, .main-navigation.classic-sticky .nlv_2 li .tab-focus + .wrap-nav ul {
visibility: visible;
pointer-events: auto;
transition-delay: 0s;
}
body.dropdown-menu .main-navigation.classic-sticky .nlv_2 ul,
.main-navigation.classic-sticky .nlv_2 ul {
position: static;
}
/* Breadcrumb Navigation */
.breadcrumb {
position: relative;
width: 100%;
}
.breadcrumb ol {
list-style: none;
padding: 0;
padding-top: var(--padding, 15px);
padding-bottom: var(--padding, 15px);
margin: 0;
}
.breadcrumb li {
display: inline-block;
}
.breadcrumb li:not(:last-child) {
margin-right: 0.25em;
}
.breadcrumb [class*="fa-"] {
color: var(--color-black);
}
.breadcrumb li a {
color: var(--color-black, #191919);
text-decoration: underline;
text-decoration-thickness: var(--border-width);
text-decoration-color: transparent;
text-underline-offset: var(--text-underline-offset);
transition: all .25s ease-out;
display: inline-flex;
align-items: center;
}
.breadcrumb li a span.fa-angle-right:before {
content: '';
display: inline-block;
width: 1em;
height: 1em;
font-size: 1em;
margin-right: 0.25em;
margin-top: 0.125em;
vertical-align: middle;
-webkit-mask-size: auto;
mask-size: auto;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
/* background-color: var(--color-gray-50); */
background-color: currentColor;
-webkit-mask-image: var(--icon-mask-image-arrow-right);
mask-image: var(--icon-mask-image-arrow-right);
}
.breadcrumb li a:hover,
.breadcrumb li a:focus {
color: var(--color-black, #191919);
text-decoration-thickness: var(--border-width);
text-decoration-color: currentColor;
text-underline-offset: var(--text-underline-offset-hover);
}
/* Submenu */
.submenu {
position: relative;
background-color: var(--whitesmoke, #f0f0f0);
}
.submenu.sticky {
position: sticky;
top: 30px;
}
/*.submenu.toggle-submenu *,*/
.submenu.toggle-submenu a {
transition: all 0.25s ease;
}
.submenu ul, .submenu ul li {
list-style: none;
padding: 0;
}
.submenu ul ul {
padding-left: var(--padding, 15px);
margin: 0;
}
.submenu.toggle-submenu ul ul {
padding-left: 0;
}
.submenu .nlv_1 > li > a,
.submenu .nlv_1 > div > a {
display: block;
position: relative;
font-size: 1.25em;
font-weight: var(--font-regular, normal);
text-decoration: none;
color: var(--primarytextcolor, #fff);
background-color: var(--primarycolor, #006080);
padding: var(--padding, 15px);
}
.submenu .nlv_1 > li > a > span,
.submenu .nlv_1 > div > a > span {
position: relative;
}
.submenu .nlv_2 {
padding: var(--padding, 15px) 0;
}
.submenu .nlv_2 li {
position: relative;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.submenu .nlv_2 a,
.submenu .nlv_2 span {
display: block;
text-decoration: none;
color: var(--gray, #484848);
padding: calc(var(--padding, 15px) / 3) var(--padding, 15px);
/* text-decoration: underline; */
}
.submenu.toggle-submenu .nlv_2 a,
.submenu.toggle-submenu .nlv_2 span {
padding: var(--padding-sm, 7.5px) var(--padding, 15px);
}
.submenu.toggle-submenu .nlv_2 a.childs,
.submenu.toggle-submenu .nlv_2 span.childs {
padding-right: calc(3 * var(--padding, 15px));
}
.submenu.toggle-submenu .nlv_2 .open-close {
position: absolute;
top: 0;
right: 0;
width: 30px;
background-color: transparent;
padding: var(--padding-sm, 7.5px) 0;
cursor: pointer;
}
.submenu.toggle-submenu .nlv_2 .open-close:hover,
.submenu.toggle-submenu .nlv_2 .open-close:focus,
.submenu.toggle-submenu .nlv_2 .open-close.tab-focus,
.submenu.toggle-submenu .nlv_2 .open-close.active {
color: var(--gray, #484848);
}
.submenu.toggle-submenu .nlv_2 .open-close.active + a {
background-color: rgba(0, 0, 0, 0.085);
}
.submenu.toggle-submenu .nlv_2 .open-close.active + a + ul {
background-color: rgba(255, 255, 255, 0.75);
}
.submenu.toggle-submenu .nlv_2 .open-close > [class*="fa-"] {
padding: 0;
margin-right: 0;
}
.submenu.toggle-submenu .nlv_2 li.npt_off.childs > ul, .submenu.toggle-submenu .nlv_2 li.npt_off.childs > div,
.submenu.toggle-submenu .nlv_2 li.npt_off.ikiss_norel > ul, .submenu.toggle-submenu .nlv_2 li.npt_off.ikiss_norel > div {
display: none;
}
.submenu .nlv_2 > li > a:hover, .submenu .nlv_2 > li > a:focus, .submenu .nlv_2 > li > a.nlk_on,
.submenu .nlv_2 > li > span:hover, .submenu .nlv_2 > li > span:focus, .submenu .nlv_2 > li > span.nlk_on {
background-color:rgba(0, 0, 0, 0.05);
}
.submenu .nlv_2 > li > a.nlk_on,
.submenu .nlv_2 > li > span.nlk_on {
font-weight: var(--font-regular, normal);
color: var(--linkcolor, #006080);
}
.submenu .nlv_2 > li > a.nlk_on:hover,
.submenu .nlv_2 > li > a.nlk_on:focus,
.submenu .nlv_2 > li > span.nlk_on:hover,
.submenu .nlv_2 > li > span.nlk_on:focus {
background-color:rgba(0, 0, 0, 0.1);
}
.submenu .nlv_2 li li.npt_last {
border-bottom: none;
}
.submenu .nlv_3 a,
.submenu .nlv_3 span,
.submenu .nlv_4 a,
.submenu .nlv_4 span,
.submenu .nlv_5 a,
.submenu .nlv_5 span,
.submenu .nlv_6 a,
.submenu .nlv_6 span {
padding-left: var(--padding, 15px);
}
.submenu.toggle-submenu .nlv_3 a,
.submenu.toggle-submenu .nlv_3 span {
border-left: 3px solid transparent;
padding-left: calc(var(--padding-lg, 30px) - 3px);
}
.submenu.toggle-submenu .nlv_4 a, .submenu.toggle-submenu .nlv_4 span {
border-left: 3px solid transparent;
padding-left: calc(calc(2.75 * var(--padding, 15px)) - 3px);
}
.submenu.toggle-submenu .nlv_5 a, .submenu.toggle-submenu .nlv_5 span {
border-left: 3px solid transparent;
padding-left: calc(calc(3.5 * var(--padding, 15px)) - 3px);
}
.submenu.toggle-submenu .nlv_6 a, .submenu.toggle-submenu .nlv_6 span {
border-left: 3px solid transparent;
padding-left: calc(calc(4.25 * var(--padding, 15px)) - 3px);
}
.submenu .nlv_3 a:hover, .submenu .nlv_3 a:focus, .submenu .nlv_3 a.nlk_on,
.submenu .nlv_3 span:hover, .submenu .nlv_3 span:focus, .submenu .nlv_3 span.nlk_on,
.submenu .nlv_4 a:hover, .submenu .nlv_4 a:focus, .submenu .nlv_4 a.nlk_on,
.submenu .nlv_4 span:hover, .submenu .nlv_4 span:focus, .submenu .nlv_4 span.nlk_on,
.submenu .nlv_5 a:hover, .submenu .nlv_5 a:focus, .submenu .nlv_5 a.nlk_on,
.submenu .nlv_5 span:hover, .submenu .nlv_5 span:focus, .submenu .nlv_5 span.nlk_on,
.submenu .nlv_6 a:hover, .submenu .nlv_6 a:focus, .submenu .nlv_6 a.nlk_on,
.submenu .nlv_6 span:hover, .submenu .nlv_6 span:focus, .submenu .nlv_6 span.nlk_on {
font-weight: var(--font-regular, normal);
color: var(--linkcolor, #006080);
}
.submenu.toggle-submenu .nlv_3 a:hover, .submenu.toggle-submenu .nlv_3 a:focus, .submenu.toggle-submenu .nlv_3 a.nlk_on,
.submenu.toggle-submenu .nlv_3 span:hover, .submenu.toggle-submenu .nlv_3 span:focus, .submenu.toggle-submenu .nlv_3 span.nlk_on,
.submenu.toggle-submenu .nlv_4 a:hover, .submenu.toggle-submenu .nlv_4 a:focus, .submenu.toggle-submenu .nlv_4 a.nlk_on,
.submenu.toggle-submenu .nlv_4 span:hover, .submenu.toggle-submenu .nlv_4 span:focus, .submenu.toggle-submenu .nlv_4 span.nlk_on,
.submenu.toggle-submenu .nlv_5 a:hover, .submenu.toggle-submenu .nlv_5 a:focus, .submenu.toggle-submenu .nlv_5 a.nlk_on,
.submenu.toggle-submenu .nlv_5 span:hover, .submenu.toggle-submenu .nlv_5 span:focus, .submenu.toggle-submenu .nlv_5 span.nlk_on,
.submenu.toggle-submenu .nlv_6 a:hover, .submenu.toggle-submenu .nlv_6 a:focus, .submenu.toggle-submenu .nlv_6 a.nlk_on,
.submenu.toggle-submenu .nlv_6 span:hover, .submenu.toggle-submenu .nlv_6 span:focus, .submenu.toggle-submenu .nlv_6 span.nlk_on {
font-weight: inherit;
color: var(--linkcolor, #006080);
border-color: var(--linkcolor, #006080);
}
.submenu.toggle-submenu .nlv_3 a.nlk_on, .submenu.toggle-submenu .nlv_3 span.nlk_on,
.submenu.toggle-submenu .nlv_4 a.nlk_on, .submenu.toggle-submenu .nlv_4 span.nlk_on,
.submenu.toggle-submenu .nlv_5 a.nlk_on, .submenu.toggle-submenu .nlv_5 span.nlk_on,
.submenu.toggle-submenu .nlv_6 a.nlk_on, .submenu.toggle-submenu .nlv_6 span.nlk_on {
font-weight: var(--font-regular, normal);
color: var(--linkcolor, #006080);
}
.headerheight {
height: var(--headerheight, 85px);
line-height: 1;
}
.top.classicnav.sticky .headerheight {
width: calc(var(--headerheight, 85px) * 0.5);
min-width: calc(60px - 10px);
height: calc(var(--headerheight, 85px) * 0.5);
min-height: calc(60px - 10px);
}
.top.classicnav .headerheight {
transition: all 0.25s ease-in-out;
}
.logo .headerheight img {
max-height: calc(var(--headerheight, 85px) * 0.9);
margin-right: 1em;
}
.top.classicnav .logo .headerheight img {
transition: all 0.25s ease-in-out;
}
.top.classicnav.sticky .logo a {
width: auto;
max-width: none;
}
.top.classicnav.sticky .logo .headerheight img {
max-height: calc(var(--headerheight, 85px) * 0.5);
}
.logo span {
display: block;
font-size: 1.8em;
font-weight: var(--font-light, lighter);
}
.top.classicnav .logo span {
transition: all 0.25s ease-in-out;
}
.top.classicnav.sticky .logo span {
font-size: calc(1.8em * 0.5);
}
.logo span small {
font-size: 0.6em;
}
.logo a {
text-decoration: none;
color: var(--bodycolor, #383838);
align-items: center;
}
.header-right {
align-items: center;
justify-content: flex-end;
}
.header-right .flex-inner {
position: relative;
width: 100%;
display: inline-flex;
align-items: center;
justify-content: flex-end;
}
.pagewidth-full.menuwidth-full .header-right .flex-inner.-mr-15 {
margin-right: calc(-1 * var(--margin));
}
.pagewidth-full.menuwidth-full .header-right .flex-inner.-mr-30 {
margin-right: calc(-1 * calc(var(--margin) + var(--padding)));
}
.masthead.sticky {
position: fixed;
top: -15px;
right: 0;
left: 0;
z-index: 80;
}
.site-header .titelbild-slider {
display: block;
width: 100%;
}
/* Button Header (Suche, Menü, etc.) */
.btn-desc {
display: block;
font-size: 0.75rem;
font-weight: var(--font-regular, normal);
text-transform: uppercase;
text-transform: none;
font-family: var(--font-body);
font-weight: 400;
letter-spacing: var(--letter-spacing-utility-md);
font-size: var(--font-size-utility-md);
line-height: var(--font-size-utility-md);
}
.top.classicnav.sticky .suche-btn .btn-desc,
.top.classicnav.sticky .suche-btn-fs .btn-desc,
.top.classicnav.sticky .login-btn .btn-desc,
.top.classicnav.sticky .header-right .slicknav_menutxt {
visibility: hidden;
font-size: 0;
}
.suche-btn, .suche-btn-fs,
.login-btn {
position: relative;
z-index: 1;
width: var(--headerheight, 85px);
min-width: 60px;
max-width: 100px;
height: var(--headerheight, 85px);
min-height: 60px;
max-height: 100px;
color: var(--primarytextcolor, #fff);
background-color: var(--primarycolor, #006080);
cursor: pointer;
transition: all 0.15s ease-in-out;
border-radius: var(--border-radius-small);
}
.suche-btn::after, .suche-btn-fs::after,
.login-btn::after {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
z-index: -1;
width: 100%;
background-color: rgba(0, 0, 0, 0.25);
border-radius: var(--border-radius-small);
transition: all 0.25s ease;
opacity: 0;
}
.suche-btn:hover, .suche-btn:active, .suche-btn:focus, .suche-btn.tab-focus,
.suche-btn-fs:hover, .suche-btn-fs:active, .suche-btn-fs:focus, .suche-btn-fs.tab-focus,
.login-btn:hover, .login-btn:active, .login-btn:focus, .login-btn.tab-focus {
/* box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.25); */
}
.suche-btn:hover::after, .suche-btn:active::after, .suche-btn:focus::after, .suche-btn.tab-focus::after,
.suche-btn-fs:hover::after, .suche-btn-fs:active::after, .suche-btn-fs:focus::after, .suche-btn-fs.tab-focus::after,
.login-btn:hover::after, .login-btn:active::after, .login-btn:focus::after, .login-btn.tab-focus::after {
opacity: 1;
}
.suche-btn > [class*="fa-"],
.suche-btn-fs > [class*="fa-"],
.login-btn > [class*="fa-"] {
font-size: 1rem;
margin-right: 0;
line-height: 1.125;
}
.suche-btn.active > [class*="fa-"]::before,
.suche-btn-fs.active > [class*="fa-"]::before,
.modern-nav-btn.snav_btn.slicknav_open > [class*="fa-"]::before,
.login-btn.active > [class*="fa-"]::before {
content: '\f00d';
}
.suche-outer {
padding-right: var(--padding, 15px);
overflow: hidden;
visibility: hidden;
opacity: 0;
transform: translateX(15px);
transition: all 0.25s ease;
}
.suche-outer.active {
opacity: 1;
visibility: visible;
overflow: visible;
transform: translateX(0px);
}
.suche-header {
position: absolute;
top: 50%;
right: 30px;
left: 30px;
transform: translateY(-50%);
width: 80%;
width: calc(100% - 60px);
max-width: 525px;
margin: auto;
z-index: 65;
}
.suche-header.no-img {
position: relative;
top: auto;
right: auto;
left: auto;
z-index: 1;
transform: none;
max-width: none;
margin-top: var(--margin, 15px);
}
.suche-header.no-img.wrapper {
width: var(--pagewidth, 1270px);
}
body.pagewidth-wide .suche-header.no-img.wrapper {
width: var(--pagewidth-wide, 1480px);
width: var(--pagewidth-wide, 1536px);
}
body.pagewidth-full .suche-header.no-img.wrapper {
width: 100%;
}
.suche form {
display: inline-block;
position: relative;
width: 100%;
min-width: 240px;
font-size: 1em;
background-color: var(--whitesmoke, #f0f0f0);
padding: 0;
transition: all 0.15s ease-in-out;
}
.suche-outer .suche form {
background-color: transparent;
border-bottom: 2px solid var(--gray, #484848);
}
.suche-header .suche form {
max-width: none;
background-color: #fff;
background-color: rgba(255,255,255,0.75);
padding: 0;
}
.suche-header .suche form:hover {
background-color: rgba(255,255,255,0.85);
}
.suche input, .suche button {
color: var(--bodycolor, #383838);
background-color: transparent;
border: none;
padding: 0;
box-shadow: none;
text-shadow: none;
}
.suche input {
width: 100%;
line-height: 1.5;
padding: 0.556em calc(calc(4em / 2) + 0.25em) 0.556em 0.556em;
}
.suche input:focus {
box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
}
.suche-outer .suche input {
max-width: none;
box-shadow: none;
}
.suche-header .suche input {
max-width: none;
border-bottom: 2px solid #fff;
padding: 1em calc(calc(4em / 2) + 4px) 1em 1em;
transition: all 0.15s ease-in-out;
}
.suche-header.no-img .suche input {
border-bottom: 1px solid var(--input-border-color, #949494);
}
.suche-header .suche input:focus {
background-color: #fff;
padding: calc(1em + 5px) calc(calc(4em / 2) + 0.25em) calc(1em + 5px) 1em;
}
::-webkit-input-placeholder {
color: var(--gray, #484848);
opacity: 1;
}
::-moz-placeholder {
color: var(--gray, #484848);
opacity: 1;
}
:-ms-input-placeholder {
color: var(--gray, #484848);
opacity: 1;
}
:-moz-placeholder {
color: var(--gray, #484848);
opacity: 1;
}
.suche button {
position: absolute;
top: 2px;
right: 0.25em;
bottom: 2px;
font-size: calc(4em / 3);
line-height: 0.8;
color: var(--gray, #484848);
cursor: pointer;
}
.suche .tab-focus + button {
z-index: 10000;
}
.suche-outer .suche button {
right: 0;
}
.suche button [class*="fa-"] {
margin-right: 0;
}
.suche button .fa-fw {
width: 1.5em;
}
/* Login */
.login-outer {
position: relative;
display: inline-block;
vertical-align: top;
}
.frontend .login-btn {
vertical-align: top;
}
.frontend .login-btn.w-1_2 {
width: calc(var(--headerheight, 85px) * 0.5);
}
.frontend .login-btn.h-1_2 {
height: calc(var(--headerheight, 85px) * 0.5);
}
.frontend .login-btn.ml-1 {
margin-left: 1px;
}
.frontend .login-btn.ml-15 {
margin-left: var(--margin, 15px);
}
.login-info {
position: absolute;
top: 100%;
right: 0;
z-index: 65;
width: 150px;
font-size: 0.889rem;
color: var(--primarycolor, #006080);
background-color: var(--primarytextcolor, #fff);
padding: var(--padding, 15px) var(--padding, 15px) calc(var(--padding, 15px) - calc(var(--padding, 15px) / 3)) var(--padding, 15px);
opacity: 0;
visibility: hidden;
box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
transform: translateY(-15px);
transition: visibility 0.15s ease-in-out 0s, opacity 0.15s ease-in-out 0s, transform 0.15s ease-in-out 0s;
}
.login-info.active {
opacity: 1;
visibility: visible;
transform: translateY(0px);
}
.login-info::before {
content: '';
display: block;
position: absolute;
top: -6px;
right: 12px;
width: 12px;
height: 12px;
background-color: var(--primarytextcolor, #fff);
border-top-left-radius: 2px;
transform: rotate(45deg);
}
.login-info .unstyled-list,
.login-info .unstyled-list li {
margin: 0;
}
.login-info a.btn {
display: block;
margin: 0 0 calc(var(--margin, 15px) / 3) 0;
border-radius: 0;
}
.jumbotron {
position: relative;
margin: var(--padding-lg,30px) auto 0;
}
.jumbotron.nomargin {
margin: 0 auto auto auto !important;
}
.flags {
display: block;
position: fixed;
top: 40%;
transform: translateY(-50%);
right: 0;
z-index: 69;
width: 72px;
}
.flags .flex-row,
.flags [class*="flex-col-"] {
margin: 0;
}
.flags .cards[class*="flex-col-"] {
flex-basis: 100%;
width: 100%;
}
.flags .cards {
margin-bottom: 2px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
.flags .cards:hover,
.flags .cards:focus,
.flags .cards:focus-visible {
transform: none;
}
.flags .cards > a {
display: block;
position: relative;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
.flags .cards .icon {
width: 72px;
padding: 0.5em;
}
.flags .cards .icon [class*="fa-"] {
font-size: 1.333rem;
}
.flags .cards .icon + .caption {
text-align: left;
padding: 10px;
margin: 0;
}
.flags .image {
padding: 15px;
}
.flags .image img {
display: block;
}
.flags a .caption,
.flags .cards .icon + .caption {
white-space: nowrap;
display: block;
opacity: 0;
position: absolute;
right: 120%;
top: 50%;
max-width: none;
color: #fff;
background-color: #eee;
border-radius: 3px;
padding: 10px;
pointer-events: none;
transform: translateY(-50%) translateX(15px);
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
transition: all 0.3s ease-in-out;
}
.flags a:hover .caption, .flags .cards a:hover .icon + .caption,
.flags a:focus .caption, .flags .cards a:focus .icon + .caption,
.flags a:focus-visible .caption, .flags .cards a:focus-visible .icon + .caption {
pointer-events: auto;
transform: translateY(-50%) translateX(0);
opacity: 1;
display: block;
}
.flags a .caption::after {
content: '';
position: absolute;
left: 100%;
width: 0;
top: 50%;
transform: translateY(-50%);
border-left: 6px solid #eee;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
}
.flags .cards .caption .title {
font-size: 0.889rem;
font-weight: var(--font-bold, bold);
}
.flags .cards .caption .title + p {
display: none;
}
.site-main {
padding-top: var(--padding-lg, 30px);
padding-bottom: var(--padding-lg, 30px);
}
.site-main:has(section:last-child) {
padding-bottom: 0
}
.site-main:has(section.colored-container:last-child) {
padding-bottom: 100px
}
.site-main, .jumbotron {
-webkit-hyphens: auto;
hyphens: auto;
}
.sticky-header .site-main .main-content a[name]:not([href])::before, .sticky-header strong[id]::before,
.sticky-nav .site-main .main-content a[name]:not([href])::before, .sticky-nav strong[id]::before {
display: block;
content: '';
visibility: hidden;
pointer-events: none;
}
.sticky-header .site-main .main-content a[name]:not([href])::before,
.sticky-header strong[id]::before {
height: calc(var(--headerheight, 85px) + var(--padding-lg, 30px) + calc(calc(calc(var(--fontsize, 18px) * 1.4) * 1.5) + 20px));
margin-top: calc(-1 * calc(var(--headerheight, 85px) + var(--padding-lg, 30px) + calc(calc(calc(var(--fontsize, 18px) * 1.4) * 1.5) + 20px)));
}
.sticky-nav .site-main .main-content a[name]:not([href])::before,
.sticky-nav strong[id]::before {
height: calc(calc(calc(var(--fontsize, 18px) * 1.4) * 1.5) + 20px);
margin-top: calc(-1 * calc(calc(calc(var(--fontsize, 18px) * 1.4) * 1.5) + 20px));
}
.site-footer {
padding: var(--padding-lg, 30px) 0;
margin-bottom: var(--cookie-note-height);
}
.quickmenu {
line-height: 1.5;
}
.quickmenu:not(:last-child) {
border-bottom: 1px solid rgba(0, 0, 0, 0.15);
padding-bottom: var(--margin-lg, 30px);
margin-bottom: var(--margin-lg, 30px);
border-bottom: none;
padding-bottom: 0;
}
.quickmenu ul {
margin-bottom: calc(-1 * var(--margin, 15px));
}
.quickmenu li {
margin-bottom: var(--margin, 15px);
}
.quickmenu li:not(:last-child) {
margin-right: var(--margin, 15px);
}
.site-footer a.btn, .site-footer .btn, .site-footer .btn a {
font-weight: var(--font-regular, normal);
color: var(--primarytextcolor, #fff);
}
.site-footer table, .unstyled-table, .unstyled-table table {
background-color: transparent;
}
.site-footer table td, .unstyled-table td, .unstyled-table table td {
padding: 0;
}
.site-footer table tr, .unstyled-table tr, .unstyled-table table tr {
border: none;
}
.site-footer h2:first-child, .site-footer h3:first-child, .site-footer h4:first-child, .site-footer h5:first-child, .site-footer h6:first-child {
margin-top: 0;
}
.sm-btn {
display: none;
}
.header-right .slicknav_btn,
.top-bar > .row > .slicknav_btn,
.top-bar > .flex-row > .slicknav_btn {
line-height: 1.5;
color: var(--primarycolor, #006080);
padding: 0 0 0 var(--padding-lg, 30px);
transition: all 0.15s ease-in-out;
border-radius: var(--border-radius-small);
}
.header-right .slicknav_btn {
position: relative;
width: var(--headerheight, 85px);
min-width: 60px;
height: var(--headerheight, 85px);
min-height: 60px;
text-align: center;
color: var(--primarytextcolor, #fff);
background-color: var(--primarycolor, #006080);
padding: 0;
margin-left: var(--margin, 15px);
transition: all 0.15s ease-in-out;
margin-left: var(--grid-gap, 10px);
}
.header-right .slicknav_btn::after,
.modern-nav-btn.snav_btn::after {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
z-index: -1;
width: 100%;
background-color: rgba(0, 0, 0, 0.15);
transition: all 0.25s ease;
opacity: 0;
/* background-color: transparent; */
}
.header-right .slicknav_btn:hover::after, .modern-nav-btn.snav_btn:hover::after,
.header-right .slicknav_btn:active::after, .modern-nav-btn.snav_btn:active::after,
.header-right .slicknav_btn:focus::after, .modern-nav-btn.snav_btn:focus::after,
.header-right .slicknav_btn.tab-focus::after, .modern-nav-btn.snav_btn.tab-focus::after {
opacity: 1;
}
.header-right .slicknav_menutxt,
.top-bar > .flex-row .slicknav_menutxt {
float: none;
font-size: 0.75rem;
font-weight: var(--font-regular, normal);
line-height: 1.5;
text-transform: uppercase;
color: var(--primarytextcolor, #fff);
-moz-user-select: none;
-webkit-user-select: none;
user-select: none;
text-transform: none;
font-family: var(--font-body);
font-weight: 400;
letter-spacing: var(--letter-spacing-utility-sm);
font-size: var(--font-size-utility-sm);
line-height: var(--font-size-utility-sm);
}
.header-right .slicknav_menutxt,
.sm-btn .slicknav_menutxt {
display: none;
}
.header-right .slicknav_icon {
/*margin: 15px auto 5px auto;*/
margin: 0 auto 0.125em;
width: 1em;
height: 1em;
}
.slicknav_icon:before {
width: 1em;
height: 1em;
}
.slicknav_icon-bar {
border-radius: 2px;
transition: transform 0.25s ease-in-out;
}
.header-right .slicknav_open .slicknav_icon,
.top-bar > .flex-row .slicknav_open .slicknav_icon {
width: 1em;
}
.header-right .slicknav_open .slicknav_icon::before,
.top-bar > .flex-row .slicknav_open .slicknav_icon:before {
width: 1em;
}
.header-right .slicknav_icon-bar,
.top-bar > .flex-row .slicknav_icon-bar {
width: auto;
height: 1.5px;
}
.header-right .slicknav_open .slicknav_icon-bar,
.top-bar > .flex-row .slicknav_open .slicknav_icon-bar {
width: 1em;
}
.header-right .slicknav_icon-bar + .slicknav_icon-bar,
.top-bar > .flex-row .slicknav_icon-bar + .slicknav_icon-bar {
margin-top: 5px;
}
.header-right .slicknav_open .slicknav_icon-bar + .slicknav_icon-bar,
.top-bar > .flex-row .slicknav_open .slicknav_icon-bar + .slicknav_icon-bar {
margin-top: 4px;
}
.header-right .slicknav_open .slicknav_icon-bar:nth-child(1) {
transform: translateY(0.5em) rotate(-45deg);
}
.slicknav_open .slicknav_icon-bar:nth-child(3) {
transform: translateY(-0.125em) rotate(45deg);
}
.header-right .slicknav_icon-bar,
.top-bar > .flex-row .slicknav_icon-bar {
background-color: var(--primarytextcolor, #fff);
}
.suche-btn-fs.active {
z-index: 86;
}
.suche-fullscreen {
display: none;
position: fixed;
left: 0;
top: 0;
z-index: 85;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.75);
justify-content: center;
align-items: center;
}
.suche-fullscreen .modal-window-overlay {
width: calc(100% - 30px);
max-width: 760px;
height: auto;
max-height: 100%;
animation-delay: 0s;
background-color: transparent;
}
.header-right .suche-fullscreen .suche {
float: none;
width: auto;
}
.suche-fullscreen .suche form {
max-width: none;
background-color: #fff;
}
.suche-fullscreen .suche input {
max-width: none;
background-color: transparent;
padding: 1em calc(calc(4em / 2) + 0.25em) 1em 1em;
}
.suche-fullscreen .suche_text {
margin-top: var(--margin-lg, 30px);
}
.suche-fullscreen .suche_text :first-child {
margin-top: 0;
}
.suche-fullscreen .suche_text h2,
.suche-fullscreen .suche_text h3,
.suche-fullscreen .suche_text h4,
.suche-fullscreen .suche_text h5,
.suche-fullscreen .suche_text h6 {
color: #fff;
}
.suche-fullscreen .suche_text ul,
.suche-fullscreen .suche_text li {
margin-bottom: 0;
}
.suche-fullscreen .suche_text li {
display: inline-block;
margin: 0 12px var(--margin, 15px) 0;
}
.suche-fullscreen .suche_text li a {
z-index: 1;
display: block;
position: relative;
text-decoration: none;
color: var(--primarytextcolor, #fff);
background-color: var(--linkcolor, #006080);
padding: calc(var(--padding, 15px) / 3);
margin: 0;
border-radius: 3px;
box-shadow: 2px 3px 2px rgb(0, 0, 0, 0.15);
transition: all 0.1s ease;
}
.suche-fullscreen .suche_text li a:hover,
.suche-fullscreen .suche_text li a:focus,
.suche-fullscreen .suche_text li a.tab-focus {
box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
}
.suche-fullscreen .suche_text li a::after {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
background-color: rgba(0, 0, 0, 0.15);
border-radius: 3px;
transition: all 0.25s ease;
z-index: -1;
opacity: 0;
}
.suche-fullscreen .suche_text li a:hover::after,
.suche-fullscreen .suche_text li a:focus::after,
.suche-fullscreen .suche_text li a.tab-focus::after {
opacity: 1;
}
.suche-fullscreen .suche_text li a .link-list_link-icon {
width: auto;
margin: 0;
}
.suche-fullscreen .suche_text li a .link-list_link-icon.fa-long-arrow-right {
display: none;
}
.suche-fullscreen .suche_text li a .link-list_link-title {
text-decoration: none;
}
.slicknav_menu {
font-size: 1rem;
background-color: var(--primarycolor, #006080);
}
.slicknav_nav .slicknav_row,
.slicknav_nav a {
display: flex;
justify-content: space-between;
padding: 0;
margin: 0;
}
.slicknav_nav a {
padding: 0.125em 0.25em;
margin: calc(10px - 0.125em) calc(15px - 0.25em);
width: -moz-fit-content;
width: fit-content;
}
.slicknav_nav .slicknav_parent-link.slicknav_row {
display: flex;
justify-content: space-between;
padding-right: 5px;
}
.slicknav_nav .slicknav_parent-link a {
width: -moz-fit-content;
width: fit-content;
padding: 0.125em 0.25em;
margin: -0.125em -0.25em;
margin: calc(10px - 0.125em) calc(15px - 0.25em);
}
.slicknav_item.tab-focus {
box-shadow: none !important;
}
.slicknav_nav .slicknav_arrow [class*="fa-"] {
float: none;
margin-top: 0.2em;
margin-right: 0;
}
.slicknav_item .slicknav_arrow [class*="fa-"]::before {
padding: 0.25em;
}
.slicknav_item.tab-focus .slicknav_arrow [class*="fa-"]::before {
position: relative;
outline: none;
z-index: 9999;
border-radius: 0.3rem;
box-shadow: 0px 0px 0px 2px #fff, 0px 0px 0px 5px #000;
transition: all 0s !important;
}
.slicknav_menu .npt_on > a {
font-weight: var(--font-bold, bold);
}
.ikiss-flexslider {
position: relative;
}
.ikiss-flexslider .ikiss-flexslider-pauseplay a,
.ikiss-flexslider .ikiss-flexslider-direction-nav a,
.ikiss-flexslider:not(.loaded) button {
display: none;
}
.ikiss-flexslider-viewport {
margin-bottom: 1em;
}
.ikiss-flexslider .slides.unstyled-list,
.ikiss-flexslider .slides.unstyled-list > li {
margin: 0;
}
.ikiss-flexslider .slides .flex-row,
.ikiss-flexslider .slides [class*="flex-col-"] {
margin-bottom: 0;
}
.ikiss-flexslider-active-slide.tab-focus {
outline-offset: -2px;
}
.ikiss-flexslider-active-slide > a {
display: block;
outline-offset: -2px;
}
.ikiss-flexslider-active-slide.tab-focus .list-img [class^="img-"],
.ikiss-flexslider-active-slide > a.tab-focus .list-img [class^="img-"]{
position: static;
}
.ikiss-flexslider button > [class*="fa-"] {
display: block;
margin: 0;
}
.frontend .ikiss-flexslider button {
background-color: transparent;
cursor: pointer;
}
.ikiss-flexslider-control-nav {
display: inline-flex;
list-style: none;
vertical-align: middle;
padding: 0 var(--padding-lg, 30px);
margin: 0;
}
.ikiss-flexslider-bullet-nav button,
.ikiss-flexslider-control-nav button {
padding: 0.25em 0.5em;
}
.ikiss-flexslider-viewport + .ikiss-flexslider-control-nav {
padding-left: 0;
}
.ikiss-flexslider-pauseplay + .ikiss-flexslider-direction-nav,
.ikiss-flexslider-control-nav:empty + .ikiss-flexslider-direction-nav {
padding-left: var(--padding-lg, 30px);
}
.ikiss-flexslider-viewport + .ikiss-flexslider-control-nav:empty + .ikiss-flexslider-direction-nav {
padding-left: 0;
}
.ikiss-flexslider-control-nav:empty {
display: none;
}
.ikiss-flexslider-direction-nav {
display: inline-flex;
list-style: none;
padding: 0;
margin: 0;
}
.ikiss-flexslider-control-nav li,
.ikiss-flexslider-direction-nav li,
.ikiss-flexslider-pauseplay {
display: inline-flex;
vertical-align: middle;
}
.frontend .ikiss-flexslider-prev,
.frontend .ikiss-flexslider-next {
padding: 0.25em 0.5em;
}
.ikiss-flexslider-pauseplay button .fad,
.ikiss-flexslider-pauseplay button .fa-duotone {
--fa-primary-color: var(--primarytextcolor, #fff);
--fa-secondary-color: var(--primarycolor, #006080);
--fa-secondary-opacity: 1.0;
}
.ikiss-flexslider-control-nav button > [class*="fa-"] {
font-weight: 400;
}
.ikiss-flexslider-control-nav button.ikiss-flexslider-active > [class*="fa-"] {
color: var(--primarycolor, #006080);
font-weight: 900;
}
.ikiss-flexslider-direction-nav .disabled {
display: none;
}
.titelbild-slider .titelbild {
position: relative;
list-style: none;
padding: 0;
margin-bottom: 0;
}
.titelbild-slider .titelbild.slides li:not(:first-child) {
display: none;
}
.titelbild .bg-img {
position: relative;
width: 100%;
background: center center no-repeat;
background-size: cover;
padding-top: 20%;
margin: 0;
padding-top: 50vh;
}
.titelbild.with-slogan .bg-img {
min-height: 200px;
}
body.startseite .titelbild .bg-img {
padding-top: 25%;
padding-top: 50vh;
}
.titelbild a {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.titelbild .slogan {
position: absolute;
top: 0;
width: 100%;
height: 100%;
color: #fff;
text-shadow: 0px 0px 1px #000, 0px 0px 2px #000, 0px 0px 5px #000, 0px 0px 1rem #000;
padding: var(--padding-lg, 30px) calc(2 * var(--padding-lg, 30px));
justify-content: center;
flex-direction: column;
overflow: hidden;
}
.titelbild .slogan.with-bg {
align-items: flex-start;
text-shadow: none;
}
body.pagewidth-wide .titelbild .slogan.with-bg {
right: 0;
left: 0;
max-width: calc(var(--pagewidth-wide, 1480px) + (3 * var(--padding-lg, 30px)));
margin: auto;
max-width: calc(var(--pagewidth-wide, 1536px) + (3 * var(--padding-lg, 30px)));
}
.titelbild .slogan p {
color: #fff;
margin-bottom: 0;
}
.titelbild .slogan .slogan-title {
font-size: 3.25rem;
font-size: clamp(1.5rem, -0.1250rem + 5.6250vw, 3.25rem);
font-weight: var(--font-bold, bold);
padding: 0.1em 0.333em;
}
.titelbild .slogan.with-bg .slogan-title {
text-shadow: none;
color: var(--primarycolor, #006080);
background-color: #fff;
background-color: rgba(255,255,255,0.85);
}
.titelbild .slogan .slogan-text {
font-size: 1.875rem;
font-size: clamp(0.75rem, 0.5625rem + 2.1875vw, 1.875rem);
font-style: italic;
padding: 0.1em 0.333em;
margin: 0;
}
.titelbild .slogan .slogan-text .more {
font-style: italic;
color: inherit;
}
.titelbild .slogan.with-bg .slogan-text {
line-height: 1.25;
color: var(--primarytextcolor, #fff);
background-color: var(--primarycolor, #006080);
padding: 0.1em 0.333em;
}
.titelbild a .slogan.with-bg .slogan-text span {
margin-right: 0.5em;
}
.titelbild .ikiss_norel .slogan * {
color: #fff !important;
}
.titelbild-slider [class*="fa-"] {
margin: 0;
}
.titelbild-slider .ikiss-flexslider-pauseplay {
position: absolute;
bottom: 0;
left: 0;
z-index: 66;
padding: 10px;
}
.ikiss-flexslider-pauseplay button {
display: block;
line-height: 1;
}
.ikiss-flexslider-pauseplay button [class*=fa-] {
font-size: 2rem;
line-height: 1;
color: #fff;
}
.titelbild-slider .titelbild-bullet-nav {
position: absolute;
bottom: 0;
left: calc(2rem + 8px);
z-index: 65;
list-style: none;
font-size: 0;
padding: var(--padding, 15px);
margin: 0;
}
.titelbild-slider .titelbild-bullet-nav.top-left {
top: 0;
right: unset;
bottom: unset;
left: 0;
}
.titelbild-bullet-nav.top {
top: 0;
right: unset;
bottom: unset;
left: 50%;
transform: translateX(-50%);
}
.titelbild-bullet-nav.top-right {
top: 0;
right: 0;
bottom: unset;
left: unset;
}
.titelbild-bullet-nav.bottom-left {
top: unset;
right: unset;
bottom: 0;
left: 0;
}
.titelbild-bullet-nav.bottom-left.with-pauseplay {
padding-left: calc(1.75rem + 30px);
}
.titelbild-bullet-nav.bottom {
top: unset;
right: unset;
bottom: 0;
left: 50%;
transform: translateX(-50%);
}
.titelbild-bullet-nav.bottom-right {
top: unset;
right: 0;
bottom: 0;
left: unset;
}
.titelbild-bullet-nav li {
display: inline-block;
}
.frontend .titelbild-bullet-nav li button {
display: block;
margin: 0.25rem;
}
.frontend .titelbild-bullet-nav li button,
.frontend .ikiss-flexslider-pauseplay button {
background: none;
cursor: pointer;
border-radius: 50%;
}
.titelbild-bullet-nav li button [class*="fa-"] {
font-size: 1rem;
line-height: 1;
text-shadow: 0px 0px 1px #000, 0px 0px 2px #000, 0px 0px 5px #000, 0px 0px 1rem #000;
color: #fff;
opacity: 0.5;
}
.titelbild-bullet-nav li.ikiss-flexslider-active button [class*=fa-] {
opacity: 1;
}
.titelbild-bullet-nav li button .fa-circle {
opacity: 1;
font-weight: 400;
}
.titelbild-bullet-nav li.ikiss-flexslider-active button .fa-circle {
font-weight: 900;
}
.titelbild-slider .ikiss-flexslider-direction-nav {
display: block;
font-size: 0;
overflow: hidden;
}
.ikiss-flexslider-direction-nav li button {
display: block;
position: absolute;
top: 50%;
z-index: 65;
width: 1.875rem;
height: 1.875rem;
text-align: center;
text-decoration: none;
color: #fff;
border-radius: 50%;
margin: calc(-1 * var(--margin, 15px)) 0 0;
overflow: hidden;
cursor: pointer;
opacity: 0;
transition: all 0.3s ease-in-out;
background: none;
}
.ikiss-flexslider-direction-nav li button.ikiss-flexslider-prev {
left: 0;
}
.ikiss-flexslider-direction-nav li button.ikiss-flexslider-next {
right: 0;
}
.titelbild-slider:hover .ikiss-flexslider-direction-nav .ikiss-flexslider-prev,
.titelbild-slider .ikiss-flexslider-direction-nav .ikiss-flexslider-prev.tab-focus {
left: 15px;
opacity: 1;
}
.titelbild-slider:hover .ikiss-flexslider-direction-nav .ikiss-flexslider-next,
.titelbild-slider .ikiss-flexslider-direction-nav .ikiss-flexslider-next.tab-focus {
right: 15px;
opacity: 1;
}
.titelbild-slider .ikiss-flexslider-direction-nav .tab-focus {
background-color: var(--primarycolor, #006080);
border-radius: 50%;
}
.ikiss-flexslider-direction-nav li button [class*="fa-"] {
font-size: 1.875rem;
line-height: 1;
color: #fff;
text-shadow: 0px 0px 1px #000, 0px 0px 2px #000, 0px 0px 5px #000;
}
.ikiss-flexslider-direction-nav li button .fa-duotone,
.ikiss-flexslider-direction-nav li button.tab-focus [class*=fa-] {
--fa-primary-color: #fff;
--fa-primary-opacity: 1.0;
--fa-secondary-color: var(--primarycolor, #006080);
--fa-secondary-opacity: 1.0;
}
.ikiss-flexslider-direction-nav li button .fa-duotone::before {
text-shadow: none;
}
.ikiss-flexslider-direction-nav li button.tab-focus [class*=fa-]::before,
.ikiss-flexslider-direction-nav li button.tab-focus [class*=fa-]::after {
font: var(--fa-font-duotone);
}
.ikiss-flexslider-direction-nav li button.tab-focus [class*=fa-]::before {
position: absolute;
color: var(--fa-primary-color,inherit);
opacity: 1;
opacity: var(--fa-primary-opacity,1);
}
.ikiss-flexslider-direction-nav li button.tab-focus [class*=fa-]::after {
color: var(--fa-secondary-color,inherit);
opacity: .4;
opacity: var(--fa-secondary-opacity,.4);
}
.ikiss-flexslider-direction-nav .ikiss-flexslider-prev.tab-focus [class*=fa-]::before {
content: '\f137';
}
.ikiss-flexslider-direction-nav .ikiss-flexslider-prev.tab-focus [class*=fa-]::after {
content: '\10f137';
}
.ikiss-flexslider-direction-nav .ikiss-flexslider-next.tab-focus [class*=fa-]::before {
content: '\f138';
}
.ikiss-flexslider-direction-nav .ikiss-flexslider-next.tab-focus [class*=fa-]::after {
content: '\10f138';
}
.bottom-controls {
display: block;
width: 100%;
text-align: right;
border-top: 1px solid var(--whitesmoke, #f0f0f0);
padding-top: var(--padding-lg, 30px);
margin-top: var(--margin-lg, 30px);
margin-top: 0;
padding-top: 0;
border-top: none;
}
.randspalte.rsp-bottom {
display: grid;
grid-gap: 30px;
grid-auto-rows: auto;
padding-top: var(--padding-lg, 30px);
margin-top: var(--margin-lg, 30px);
grid-gap: var(--grid-gap);
margin-top: 0;
border-top: none;
}
.randspalte.rsp-bottom.horizontal {
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
-ms-grid-rows: 1fr 30px 1fr;
grid-auto-rows: auto;
}
.startseite .randspalte.rsp-bottom {
width: var(--pagewidth, 1270px);
max-width: 100%;
padding-left: calc(3 * var(--padding, 15px));
padding-right: calc(3 * var(--padding, 15px));
}
.randspalte .widget,
#content .widget {
background-color: var(--whitesmoke, #f0f0f0);
padding: var(--padding, 15px);
margin-bottom: var(--margin-lg, 30px);
background-color: var(--color-gray-light);
padding: var(--container-padding);
margin-bottom: var(--grid-gap)
}
.randspalte.rsp-bottom > .widget {
-ms-grid-row: 1;
-ms-grid-column: 1;
margin-bottom: 0;
}
@supports (-ms-ime-align:auto) {
.randspalte.rsp-bottom > .widget:nth-of-type(1) {
grid-column: 1;
}
}
.randspalte.rsp-bottom > .widget:nth-of-type(2) {
-ms-grid-column: 3;
}
.randspalte.rsp-bottom > .widget:nth-of-type(3) {
-ms-grid-column: 5;
}
.randspalte.rsp-bottom > .widget:nth-of-type(4) {
-ms-grid-row: 3;
-ms-grid-column: 1;
}
.randspalte.rsp-bottom > .widget:nth-of-type(5) {
-ms-grid-row: 3;
-ms-grid-column: 3;
}
.randspalte.rsp-bottom > .widget:nth-of-type(6) {
-ms-grid-row: 3;
-ms-grid-column: 5;
}
.randspalte .widget:last-child {
margin-bottom: 0;
}
.randspalte .widget .widget {
background-color: transparent;
padding: 0;
margin-bottom: 0.75em;
}
.randspalte .widget.bilder {
background-color: transparent;
padding: 0;
}
.randspalte .widget.bilder .image-gallery {
margin-top: 0;
margin-bottom: -10px;
margin-bottom: 0;
}
.randspalte .widget > :last-child {
margin-bottom: 0;
}
.widget .widget-title {
font-size: 1.35em;
font-weight: var(--font-regular, normal);
color: var(--primarytextcolor, #fff);
background-color: var(--primarycolor, #006080);
padding: var(--padding, 15px);
margin: calc(-1 * var(--margin, 15px)) calc(-1 * var(--margin, 15px)) var(--margin, 15px);
}
.widget h1, .widget h2, .widget h3, .widget h4, .widget h5, .widget h6 {
font-size: 1em;
margin: 0.75em 0 0.5em;
margin-top: 0;
}
address .phone::before, address .fax::before, address .mail::before, address .web::before, address .mobile::before, address .room::before, address .label::before, address .info::before, address .govello::before {
display: inline-block;
white-space: normal;
width: 14px;
text-align: center;
}
.btn::before {
font: var(--fa-font-regular);
font-size: 1rem;
margin-right: 10px;
}
small + small, a + small, .icon-list > i, .icon-list > a, .data-list > li > small {
margin-left: 10px;
}
.icon-list > i:first-child, .icon-list > a:first-child {
margin-left: 0;
}
.btn.csslink_extern::before, .btn .csslink_extern::before, .hide-icon::before {
display: none;
}
.row .liste-bild + .liste-text {
padding-top: 0;
padding-left: 0;
}
.liste-text a {
display: block;
color: var(--bodycolor, #383838);
}
.liste-text a.btn {
display: inline-block;
color: #fff;
}
.liste-text h2, .liste-text h3, .liste-text h4, .liste-text .liste-titel {
font-size: 1.3em;
font-weight: var(--font-bold, bold);
margin: calc(var(--margin, 15px) / 3) 0;
}
.liste-text > :last-child {
margin-bottom:0;
}
.liste-bild.column-2 small, .liste-bild.column-2 .mc2_ac, .liste-bild.column-3 small, .liste-bild.column-3 .mc2_ac, .liste-bild.column-4 small, .liste-bild.column-4 .mc2_ac, .liste-bild.column-5 small, .liste-bild.column-5 .mc2_ac, .liste-bild.column-6 small, .liste-bild.column-6 .mc2_ac {
display: inline-block;
position: absolute;
right: 15px;
bottom: 0;
max-width: 66.666%;
max-width: calc(100% - 60px);
font-size: 0.639rem;
color: var(--bodycolor, #383838);
background-color: rgba(255, 255, 255, 0.85);
padding: calc(var(--padding, 15px) / 3);
}
/* Themenboxen */
.cards {
color: var(--bodycolor, #383838);
background-color: var(--whitesmoke, #f0f0f0);
transition: all 0.25s ease;
background-color: var(--color-gray-light);
border-radius: var(--border-radius-box);
}
.cards:hover, .cards:focus {
transform: translateY(-5px);
transform: translateY(2px);
}
.cards > a {
display: flex;
/*display: contents;*/
/* gleiche Höhe?! */
flex-direction: column;
min-height: 100%;
text-decoration: none;
color: inherit;
background-color: var(--whitesmoke, #f0f0f0);
transition: all 0.25s ease;
background-color: var(--color-gray-light);
border-radius: var(--border-radius-box);
/* gap: var(--spacing-2x); */
}
.cards > a:hover,
.cards > a:focus {
background-color: var(--gainsboro, #e8e8e8);
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.25);
background-color: var(--color-gray-light);
box-shadow: none;
}
.cards img {
display: block;
flex: none;
width: 100%;
}
.cards .image {
position: relative;
overflow: hidden;
border-top-left-radius: var(--border-radius-box);
border-top-right-radius: var(--border-radius-box);
}
.cards .image .bg-img {
background: center center/cover no-repeat;
padding-top: 66.666%;
}
.cards .image small, .cards .image .mc2_ac {
display: inline-block;
position: absolute;
right: 0;
bottom: 0;
max-width: 66.666%;
max-width: calc(100% - 30px);
font-size: 0.639rem;
color: var(--bodycolor, #383838);
background-color: rgba(255, 255, 255, 0.85);
padding: calc(var(--padding, 15px) / 3);
}
.cards .icon {
text-align: center;
padding: 1.125em 0.5em 0.25em 0.5em;
text-align: left;
padding: var(--padding) var(--padding) var(--padding-sm);
}
.cards .icon.circle {
padding: 0.25em 0.5em;
}
.cards .icon [class*="fa-"] {
font-size: 2.444rem;
text-align: center;
margin-right: 0;
font-weight: 300;
font-size: 1.5em;
}
.cards > a .icon,
.cards > a .icon [class*="fa-"] {
color: var(--bodycolor, #383838);
transition: all .1s ease;
}
.cards .caption {
padding: 25px;
padding: var(--padding);
color: var(--bodycolor, #383838);
transition: all .1s ease;
}
.cards .image + .caption {
padding: var(--padding, 15px);
padding: var(--padding);
}
.cards .icon + .caption {
max-width: 100%;
text-align: center;
padding: 0 var(--padding, 15px) var(--padding, 15px);
margin: auto;
text-align: left;
padding: 0 var(--padding) var(--padding);
margin: 0;
}
.cards .caption .title {
font-size: 1.35em;
font-weight: bolder;
margin: 0;
font-family: var(--font-display);
font-weight: 600;
letter-spacing: var(--letter-spacing-heading-sm);
font-size: var(--font-size-heading-sm);
line-height: var(--line-height-heading-sm);
}
.cards .caption p {
margin-bottom: 0;
}
.cards .caption .title + p {
margin-top: var(--padding-sm);
}
.cards > a:hover .icon,
.cards > a:focus .icon,
.cards > a:hover .icon [class*="fa-"],
.cards > a:focus .icon [class*="fa-"],
.cards > a:hover .caption,
.cards > a:focus .caption {
color: var(--linkcolor);
}
/* Premium Themenboxen */
.cards.cards-circle,
.cards.cards-circle > a {
background-color: transparent;
}
.cards.cards-circle a:hover,
.cards.cards-circle a:focus,
.cards.cards-circle a.tab-focus {
background-color: transparent;
box-shadow: none;
}
.cards.cards-circle .icon,
.cards.cards-circle .image {
width: 7em;
height: 7em;
color: var(--primarycolor, #006080);
border: 3px solid var(--primarycolor, #006080);
align-items: center;
justify-content: center;
margin: 0 auto;
}
.cards.cards-circle .caption {
text-align: center;
padding: var(--padding, 15px) 0 0 0 !important;
}
.cards.cards-circle:hover .icon,
.cards.cards-circle:focus .icon,
.cards.cards-circle > a.tab-focus .icon {
color: var(--primarytextcolor, #fff) !important;
background-color: var(--primarycolor, #006080);
}
.cards.cards-circle .image img {
width: 7em;
height: 7em;
-o-object-fit: cover;
object-fit: cover;
}
.cards.cards-circle a:hover .image, .cards.cards-circle a:focus .image, .cards.cards-circle a.tab-focus .image,
.cards.cards-circle a:hover .icon, .cards.cards-circle a:focus .icon, .cards.cards-circle a.tab-focus .icon {
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.25);
}
.cards.cards-overlay .icon + .caption {
padding: var(--padding, 15px);
margin: 0;
}
.liste-bild img {
display: block;
width: 100%;
}
.toggler-title {
position: relative;
clear: both;
font-size: 1.3em;
font-weight: var(--font-light, lighter);
background-color: var(--whitesmoke, #f0f0f0);
padding: 5px 35px 5px 10px;
margin: 0 0 10px;
cursor: pointer;
}
.toggler-title::after {
content: '\f078';
font: var(--fa-font-regular);
position: absolute;
right: 10px;
bottom: 4px;
font-size: 1em;
line-height: 1.5;
color: var(--gray, #484848);
vertical-align: middle;
transition: all 0.3s ease-in;
}
.toggler-title.active::after {
bottom: 2px;
transform: rotate(180deg);
}
.toggler-link {
position: relative;
clear: both;
padding: 5px 35px 5px 0;
cursor: pointer;
}
.toggler-link::after {
content: '\f078';
font: var(--fa-font-regular);
position: absolute;
right: 10px;
bottom: 4px;
font-size: 1em;
line-height: 1.5;
vertical-align: middle;
transition: all 0.3s ease-in;
}
.toggler-link.active::after {
bottom: 2px;
transform: rotate(180deg);
}
.toggler-container {
padding: 10px;
margin-bottom: 10px;
}
/* -------------------------------------------------------
-- Layout-Optionen ---------------------------------------
------------------------------------------------------- */
/* Breite */
.startseite .bottom-controls.wrapper {
width: var(--pagewidth, 1270px);
}
body.pagewidth-wide .wrapper,
body.pagewidth-wide.startseite .bottom-controls.wrapper {
/* width: var(--pagewidth-wide, 1480px); */
width: var(--pagewidth-wide, 1536px);
}
body.menuwidth-full .masthead,
body.pagewidth-wide.menuwidth-full .masthead.wrapper,
body.pagewidth-full.menuwidth-full .top-bar.modern-search .flex-row.wrapper,
body.menuwidth-full .modern-nav + .site-header .top-bar .flex-row.wrapper {
width: 100%;
padding-left: 0;
padding-right: 0;
}
body.jumbotronwidth-full .jumbotron.wrapper {
width: 100%;
padding: 0;
}
body.pagewidth-full {
width: 100%;
padding: 0;
}
body.pagewidth-full .wrapper,
body.pagewidth-full.startseite .bottom-controls.wrapper {
width: 100%;
padding-left: var(--padding-lg, 30px);
padding-right: var(--padding-lg, 30px);
}
body.pagewidth-full .top-bar .flex-row.wrapper {
padding: 0 var(--padding, 15px);
}
body.pagewidth-full .main-navigation .wrapper {
padding: 0 var(--padding-lg, 30px);
}
body.pagewidth-full .jumbotron.wrapper, body.pagewidth-full .masthead.wrapper {
padding-left: 0;
padding-right: 0;
}
/* Simple Dropdown */
body.dropdown-menu .main-navigation .nlv_1 ul {
width: 335px;
max-height: calc(100vh - var(--navmaxheight));
padding: 0;
padding: var(--padding-sm);
border-radius: var(--border-radius-box);
border-radius: 10px;
border-radius: var(--border-radius-box);
}
body.dropdown-menu .main-navigation .nlv_2 > li {
width: 100%;
}
body.dropdown-menu .main-navigation .nlv_2 a,
body.dropdown-menu .main-navigation .nlv_2 span {
padding: var(--padding-sm, 7.5px) calc(0.5rem + var(--padding-lg, 30px)) var(--padding-sm, 7.5px) var(--padding, 15px);
/* @apply rounded; */
text-decoration: underline;
text-decoration-thickness: var(--border-width);
text-decoration-color: transparent;
text-underline-offset: var(--text-underline-offset);
transition: all .25s ease-out;
/* Ergänzen, wenn andere Animationen dazukommen */
}
body.dropdown-menu .main-navigation .nlv_2 li.npt_on a {
text-decoration-thickness: var(--border-width);
text-decoration-color: currentColor;
text-underline-offset: var(--text-underline-offset-hover);
}
body.dropdown-menu .main-navigation .nlv_2 a:hover {
color: var(--color-blue);
text-decoration-thickness: var(--border-width);
text-decoration-color: currentColor;
text-underline-offset: var(--text-underline-offset-hover);
}
body.dropdown-menu .main-navigation .nlv_1 li:hover .nlv_2 > li > a.childs::after, body.dropdown-menu .main-navigation .nlv_1 li:focus-within .nlv_2 > li > a.childs::after,
body.dropdown-menu .main-navigation .nlv_1 li:hover .nlv_2 > li > span.childs::after, body.dropdown-menu .main-navigation .nlv_1 li:focus-within .nlv_2 > li > span.childs::after {
content: url('assets/img/chevron-right-solid_white.svg');
position: absolute;
right: 15px;
width: 0.5rem;
height: auto;
}
body.dropdown-menu .main-navigation .nlv_2 {
left: auto;
}
body.dropdown-menu .main-navigation .nlv_2 ul {
position: absolute;
top: 0;
left: 335px;
visibility: hidden;
transition: 0s 0.25s;
}
body.dropdown-menu .main-navigation .nlv_2 li:hover > ul,
body.dropdown-menu .main-navigation .nlv_2 li:focus > ul,
body.dropdown-menu .main-navigation .nlv_2 li:focus-within > ul {
visibility: visible;
transition-delay: 0s;
/* delay deaktivieren */
}
/* Anpassung Flex Gap System: Weg von margin Property hin zu gap Property für einen besseren, sauberen Ansatz ohne Negativ-Margins. */
.flex-row {
gap: var(--grid-gap);
margin: 0;
}
[class*=flex-col-] {
flex-grow: 1;
margin: 0;
}
/* @import 'customized-82/print.css'; */
/* Andere iKISS Stylesheets */
/** ikiss-formmail Standard-CSS **/
form.ikiss-mailform{
display:block;
}
.ikiss-mailform-fieldset,
.ikiss-mailform-fieldset legend {
color: #444;
border: 1px solid #ddd;
}
.ikiss-mailform-fieldset {
padding: 25px 10px 10px;
background-color: rgba(240, 240, 240, 0.50);
width: auto;
position: relative;
margin: 35px 5px 5px;
}
.ikiss-mailform-fieldset legend {
background-color: #dcdcdc;
line-height: 1.333;
background-repeat: no-repeat;
background-position: 5px center;
position: absolute;
top: -15px;
left: 10px;
margin-right: 20px;
padding: 2.5px 5px 2.5px 26px;
font-weight: bold;
-webkit-user-select: none;
user-select: none;
-moz-user-select: none;
}
.ikiss-mailform-info,
.ikiss-mailform-info legend,
.ikiss-mailform-info-field {
border-color: #F29900 !important;
box-shadow: 0 0 2px #FF962D !important;
background-color: #FFEED0 !important;
}
.ikiss-mailform-info ul,
.ikiss-mailform-error ul {
list-style-position: inside;
list-style-type: square;
padding: 0;
margin: 0;
line-height: 1.5em;
}
.ikiss-mailform-info label,
.ikiss-mailform-error label {
display: inline !important;
cursor: pointer;
}
.ikiss-mailform-infolabel {
clear: both;
color: #5e5d5d;
line-height: 1.333;
}
.ikiss-mailform-info-label,
.ikiss-mailform-error-label {
font-weight: bold !important;
}
.ikiss-mailform-info-label {
color: orange;
text-shadow: 0 1px 0 #fff;
}
.ikiss-mailform-error-label {
color: red !important;
text-shadow: 0 1px 0 #fff;
}
.ikiss-mailform-error-field,
.ikiss-mailform-error-field legend,
.ikiss-mailform-error {
border-color: #FF8F8F !important;
box-shadow : 0 0 2px #FF9999 !important;
background-color : #FFEAEA !important;
}
.ikiss-mailform-info,
.ikiss-mailform-info-field,
.ikiss-mailform-error,
.ikiss-mailform-error-field {
border-width: 1px !important;
border-style: solid !important;
display: inline-block;
}
input.ikiss-mailform-error-field,
textarea.ikiss-mailform-error-field,
select.ikiss-mailform-error-field {
color: #D90000 !important;
}
.ikiss-mailform-info,
.ikiss-mailform-error {
color: #333;
background-position: 6px 5px;
background-repeat: no-repeat;
text-align: left !important;
padding : 5px 5px 5px 30px !important;
margin: 10px 2px;
border-radius: 5px;
-webkit-touch-callout: none;
}
.ikiss-mailform-info {
background-image: url("/output/js/ikiss/formulare/images/error.gif");
}
.ikiss-mailform-error {
background-image: url("/output/js/ikiss/formulare/images/delete.gif");
}
.ikiss-mailform-captcha-error {
color: red;
font-weight: bold;
padding: 5px 10px;
}
.ikiss-mailform-spamtrap {
display: none;
}
.ikiss-mailform-overview legend {
background-image: url("/output/js/ikiss/formulare/images/table_go.gif");
}
.ikiss-mailform-overview-box {
padding: 5px;
}
.ikiss-mailform-overview td,
.ikiss-mailform-overview th {
font-weight: bold;
vertical-align: top !important;
padding: 5px 20px 5px 10px;
border-bottom: 1px dotted #ddd;
text-align: left;
background: transparent;
}
.ikiss-mailform-overview td + td,
.ikiss-mailform-overview th + td {
color: #555;
font-weight: normal !important;
text-transform: none !important;
width: 70%;
}
.ikiss-mailform-overview td ul {
margin:0 !important;
padding: 0 2px !important;
list-style-position: inside !important;
list-style-type: square !important;
}
.ikiss-mailform-bpanel {
margin: 30px 5px !important;
text-align: center;
}
.ikiss-mailform-bpanel input {
border-radius: 2px;
background-color: #eee;
border: 1px solid #999;
color: #222;
background-repeat: no-repeat;
padding: 5px 10px 5px 31px;
margin: 10px;
background-position: 10px center !important;
cursor: pointer;
line-height: 1.5;
}
.ikiss-mailform-bpanel input:hover {
box-shadow: 0 0 10px 2px #888;
}
.ikiss-mailform-button-print {
background-image: url("/output/js/ikiss/formulare/images/printer.gif") !important;
}
.ikiss-mailform-button-change {
background-image: url("/output/js/ikiss/formulare/images/pencil.gif") !important;
}
.ikiss-mailform-button-complete {
background-image: url("/output/js/ikiss/formulare/images/tick.gif") !important;
}
.ikiss-mailform-redirect-link {
margin: 25px 0;
}
.ikiss-mailform-req-marker {
color: var(--color-error-60);
cursor: help;
padding: 0 3px;
position: absolute;
}
.ikiss-mailform-req-marker-text {
clear: both;
}
.ikiss-mailform-req-marker-margin {
margin-right: 10px;
}
#ikiss-mailform-recaptcha-box {
margin-top: 50px;
margin-bottom: 50px;
display: block;
}
#ikiss-mailform-recaptcha-box legend {
background-image: url("/output/js/ikiss/formulare/images/key.gif");
}
.ikiss-mailform-sendcopy-box {
margin: 10px 0;
font-weight: bold;
text-align: center;
}
.ikiss-mailform-sendcopy-box label {
cursor: pointer;
border-bottom: 1px dotted transparent;
}
.ikiss-mailform-sendcopy-box label:hover {
border-bottom-color: #000;
}
.ikiss-mailform-sendcopy-box label {
line-height: 17px;
padding-left: 21px;
background-repeat: no-repeat;
background-position: 0 0;
background-color: transparent;
display: inline-block !important;
margin-left: 6px;
color: #444;
position: relative;
top: -2px;
background-image: url("/output/js/ikiss/formulare/images/information.gif");
}
.ikiss-mailform-sendcopyto-box {
padding: 15px;
}
.ikiss-mailform-sendcopyto-box ul {
list-style-type: none;
padding: 0;
}
.ikiss-mailform-sendcopyto-box li {
float: none;
margin: 5px 0;
}
.ikiss-mailform-sendcopyto-box input,
.ikiss-mailform-sendcopyto-box label {
float: left;
margin: 0;
cursor: pointer;
}
.ikiss-mailform-sendcopyto-box input {
margin: 2px 8px;
}
.ikiss-mailform-transition {
transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
}
.hint-box {
position: absolute;
z-index: 9999999;
max-width: 450px;
cursor: default;
}
.hint-inner {
padding: 10px 10px 10px 24px;
position: relative;
color: #0C64AB;
z-index: 99999;
color: #333;
background-image: url(/output/js/ikiss/formulare/images/information.gif);
background-repeat: no-repeat;
background-position: 5px 8px;
text-align: left;
}
.hint-peak {
width: 10px;
height: 10px;
position: absolute;
bottom: -4px;
margin-left: -5px;
transform: rotate(45deg);
-ms-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
}
.hint-box,
.hint-inner {
border-radius: 5px;
}
.hint-box,
.hint-peak {
border: 1px solid #009CD9;
box-shadow: 0 0 3px #00A2E1;
}
.hint-box,
.hint-peak,
.hint-inner {
background-color: #EAF8FF;
}
.ikiss-form-element.ikiss-field-radio,
.ikiss-form-element.ikiss-field-checkbox {
border: 1px solid transparent;
display: inline-block;
padding: 2px 0 2px 2px;
}
.ikiss-mailform-inline-error-clear {
content: "";
clear: both;
display: block;
visibility: hidden;
height: 0px;
}
.ikiss-mailform-inline-error {
display: inline-block;
margin: 5px 0;
color: var(--color-error-70);
font-size: 85%;
}
.ikiss-mailform-field-error,
.ikiss-mailform-field-error:focus {
border: 1px solid var(--color-error-70) !important;
box-shadow: 0 0 3px #FF578C;
box-shadow: var(--tab-focus-box-shadow-error) !important;
}
.ikiss-mailform-field-error.tab-focus, .ikiss-mailform-field-error.tab-focus:focus {
border: 1px solid var(--input-border-color,#949494) !important;
box-shadow: var(--tab-focus-box-shadow) !important;
}
.ikiss-mailform-validation-summary {
border: 1px solid var(--color-error-70);
padding: 10px;
margin: 10px 0px 20px 0px;
border-radius: var(--border-radius-box);
border-radius: 10px;
border-radius: var(--border-radius-box);
}
.ikiss-mailform-validation-summary h2 {
font-size: 100%;
margin-top: 0;
font-weight: normal;
}
.ikiss-mailform-validation-summary a {
font-size: 95%;
color: var(--color-error-70);
}
.ikiss-mailform-validation-summary li {
color: var(--color-error-70);
list-style-type: disc;
margin: 2px 0;
}
.ikiss-mailform-validation-summary li::marker {
color: var(--color-error-60);
}
input.ikiss-mailform-button-disabled {
opacity: 0.5;
cursor: not-allowed !important;
}
input.ikiss-mailform-button-disabled:active {
transform: scale(1) !important;
}
.ikiss-field-error-container {
display: none;
}
.ikiss-form-description-padding-left {
padding-left: 36%;
}
/* Site Generated CSS */
/* @import 'customized-82/generated.css'; */
/********************************************************
*
* Individuelle Anpassungen
*
********************************************************/
/* Erweiterung iKISS Gridsystem
------------------------------------------------- */
/*
* Erweiterung des iKISS Rastersystems
*
* Die folgenden CSS-Klassen definieren neue Spaltenbreiten auf der Grundlage eines 12-spaltigen Rastersystems.
* Jede Klasse steht für einen Bruchteil der Gesamtbreite, berechnet als (Anzahl_der_Spalten / 12).
* Zum Beispiel:
* .column-1x12 steht für 1/12 der Gesamtbreite (8,333%)
* .column-5x12 steht für 5/12 der Gesamtbreite (41,666%)
* .column-7x12 steht für 7/12 der Gesamtbreite (58,333%)
* .column-12x12 steht für die gesamte Breite (100%)
*
* Diese Klassen können verwendet werden, um responsive Layouts mit einer genaueren Kontrolle über die Spaltenbreiten zu erstellen.
*/
/* Basisklassen für 12-Spalten-Grid-System */
.column-1x12, .column-12 {
width: 8.333%;
}
.column-2x12 {
width: 16.666%;
}
.column-3x12 {
width: 25%;
}
.column-4x12 {
width: 33.333%;
}
.column-5x12 {
width: 41.666%;
}
.column-6x12 {
width: 50%;
}
.column-7x12 {
width: 58.333%;
}
.column-8x12 {
width: 66.666%;
}
.column-9x12 {
width: 75%;
}
.column-10x12 {
width: 83.333%;
}
.column-11x12 {
width: 91.666%;
}
.column-12x12 {
width: 100%;
}
.column-1x12,
.column-2x12,
.column-3x12,
.column-4x12,
.column-5x12,
.column-6x12,
.column-7x12,
.column-8x12,
.column-9x12,
.column-10x12,
.column-11x12,
.column-12x12 {
position: relative;
float: left;
min-height: 1px;
padding-right: var(--padding, 15px);
padding-left: var(--padding, 15px);
transition: width 0.2s ease-in;
-webkit-hyphens: auto;
hyphens: auto;
box-sizing: border-box;
}
/* Anpassungen für mittlere Bildschirme (≤1023px) */
/* Anpassungen für kleine Bildschirme (≤767px) */
/* Erweiterung des Flex-Grids */
.flex-col-1x12, .flex-col-12 {
flex-basis: calc(8.333% - var(--flex-gap-col, 30px));
width: calc(8.333% - var(--flex-gap-col, 30px));
}
.flex-col-2x12 {
flex-basis: calc(16.666% - var(--flex-gap-col, 30px));
width: calc(16.666% - var(--flex-gap-col, 30px));
}
.flex-col-3x12 {
flex-basis: calc(25% - var(--flex-gap-col, 30px));
width: calc(25% - var(--flex-gap-col, 30px));
}
.flex-col-4x12 {
flex-basis: calc(33.333% - var(--flex-gap-col, 30px));
width: calc(33.333% - var(--flex-gap-col, 30px));
}
.flex-col-5x12 {
flex-basis: calc(41.666% - var(--flex-gap-col, 30px));
width: calc(41.666% - var(--flex-gap-col, 30px));
}
.flex-col-6x12 {
flex-basis: calc(50% - var(--flex-gap-col, 30px));
width: calc(50% - var(--flex-gap-col, 30px));
}
.flex-col-7x12 {
flex-basis: calc(58.333% - var(--flex-gap-col, 30px));
width: calc(58.333% - var(--flex-gap-col, 30px));
}
.flex-col-8x12 {
flex-basis: calc(66.666% - var(--flex-gap-col, 30px));
width: calc(66.666% - var(--flex-gap-col, 30px));
}
.flex-col-9x12 {
flex-basis: calc(75% - var(--flex-gap-col, 30px));
width: calc(75% - var(--flex-gap-col, 30px));
}
.flex-col-10x12 {
flex-basis: calc(83.333% - var(--flex-gap-col, 30px));
width: calc(83.333% - var(--flex-gap-col, 30px));
}
.flex-col-11x12 {
flex-basis: calc(91.666% - var(--flex-gap-col, 30px));
width: calc(91.666% - var(--flex-gap-col, 30px));
}
.flex-col-12x12 {
flex-basis: calc(100% - var(--flex-gap-col, 30px));
width: calc(100% - var(--flex-gap-col, 30px));
}
@supports (-ms-ime-align:auto) {
.flex-col-1x12, .flex-col-12 {
flex-basis: calc(8.332% - var(--flex-gap-col, 30px));
width: calc(8.332% - var(--flex-gap-col, 30px));
}
.flex-col-2x12 {
flex-basis: calc(16.665% - var(--flex-gap-col, 30px));
width: calc(16.665% - var(--flex-gap-col, 30px));
}
.flex-col-3x12 {
flex-basis: calc(24.999% - var(--flex-gap-col, 30px));
width: calc(24.999% - var(--flex-gap-col, 30px));
}
.flex-col-4x12 {
flex-basis: calc(33.332% - var(--flex-gap-col, 30px));
width: calc(33.332% - var(--flex-gap-col, 30px));
}
.flex-col-5x12 {
flex-basis: calc(41.665% - var(--flex-gap-col, 30px));
width: calc(41.665% - var(--flex-gap-col, 30px));
}
.flex-col-6x12 {
flex-basis: calc(49.999% - var(--flex-gap-col, 30px));
width: calc(49.999% - var(--flex-gap-col, 30px));
}
.flex-col-7x12 {
flex-basis: calc(58.332% - var(--flex-gap-col, 30px));
width: calc(58.332% - var(--flex-gap-col, 30px));
}
.flex-col-8x12 {
flex-basis: calc(66.665% - var(--flex-gap-col, 30px));
width: calc(66.665% - var(--flex-gap-col, 30px));
}
.flex-col-9x12 {
flex-basis: calc(74.999% - var(--flex-gap-col, 30px));
width: calc(74.999% - var (--flex-gap-col, 30px));
}
.flex-col-10x12 {
flex-basis: calc(83.332% - var(--flex-gap-col, 30px));
width: calc(83.332% - var(--flex-gap-col, 30px));
}
.flex-col-11x12 {
flex-basis: calc(91.665% - var(--flex-gap-col, 30px));
width: calc(91.665% - var(--flex-gap-col, 30px));
}
.flex-col-12x12 {
flex-basis: calc(99.999% - var(--flex-gap-col, 30px));
width: calc(99.999% - var(--flex-gap-col, 30px));
}
}
.collapse .flex-col-1x12,
.collapse .flex-col-12 {
flex-basis: 8.333%;
width: 8.333%;
}
.collapse .flex-col-2x12 {
flex-basis: 16.666%;
width: 16.666%;
}
.collapse .flex-col-3x12 {
flex-basis: 25%;
width: 25%;
}
.collapse .flex-col-4x12 {
flex-basis: 33.333%;
width: 33.333%;
}
.collapse .flex-col-5x12 {
flex-basis: 41.666%;
width: 41.666%;
}
.collapse .flex-col-6x12 {
flex-basis: 50%;
width: 50%;
}
.collapse .flex-col-7x12 {
flex-basis: 58.333%;
width: 58.333%;
}
.collapse .flex-col-8x12 {
flex-basis: 66.666%;
width: 66.666%;
}
.collapse .flex-col-9x12 {
flex-basis: 75%;
width: 75%;
}
.collapse .flex-col-10x12 {
flex-basis: 83.333%;
width: 83.333%;
}
.collapse .flex-col-11x12 {
flex-basis: 91.666%;
width: 91.666%;
}
.collapse .flex-col-12x12 {
flex-basis: 100%;
width: 100%;
}
/* Erweiterung, um gap bei Flex zu konfigurieren */
/* .flex-row {
&.gap-x-0 {
gap: 0;
}
&.gap-x {
gap: var(--grid-gap);
}
&.gap-x-sm {
gap: var(--spacing-3x);
}
&.gap-x-md {
gap: var(--spacing-4x);
}
&.gap-x-lg {
gap: var(--spacing-5x);
}
} */
/********************************************************
*
* Components
*
********************************************************/
/*
.link-card {
@apply transition duration-100 ease-out opacity-100;
@apply hover:opacity-80
}
.button-sm {
@apply heading-sm rounded-full bg-[--owl-blue] px-4 py-3 transition ease-out duration-100 text-[--owl-white];
@apply hover:bg-[--owl-blue-light]
}
.button-md {
@apply heading-sm rounded-full bg-[--owl-blue] px-[18px] py-[13px] transition ease-out duration-100 text-[--owl-white];
@apply hover:bg-[--owl-blue-light]
}
*/
/*
Trennlinie */
hr.divider {
background-color: currentColor;
margin: var(--margin-lg) 0;
}
.inputs select {
/* Arrow */
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-image: var(--icon-mask-image-chevron-down);
background-repeat: no-repeat;
background-position: right 1em top 50%;
background-size: 1em auto;
}
a.btn,
button.btn,
input.btn,
.btn a,
span.ikiss-field-button input,
a.secondary-btn,
button.secondary-btn,
input.secondary-btn,
.secondary-btn a,
input[type=button],
input[type=submit] {
min-height: auto;
font-family: var(--font-body);
font-weight: 400;
letter-spacing: var(--letter-spacing-utility-md);
font-size: var(--font-size-utility-md);
line-height: var(--font-size-utility-md);
padding: 12px 32px;
}
a.btn.btn-icon, button.btn.btn-icon, input.btn.btn-icon, .btn a.btn-icon, span.ikiss-field-button input.btn-icon, a.secondary-btn.btn-icon, button.secondary-btn.btn-icon, input.secondary-btn.btn-icon, .secondary-btn a.btn-icon, input[type=button].btn-icon, input[type=submit].btn-icon {
padding: 12px;
}
a.btn:hover, button.btn:hover, input.btn:hover, .btn a:hover, span.ikiss-field-button input:hover, a.secondary-btn:hover, button.secondary-btn:hover, input.secondary-btn:hover, .secondary-btn a:hover, input[type=button]:hover, input[type=submit]:hover {
background-color: var(--color-blue-70);
box-shadow: none !important;
}
a.btn:hover::after, button.btn:hover::after, input.btn:hover::after, .btn a:hover::after, span.ikiss-field-button input:hover::after, a.secondary-btn:hover::after, button.secondary-btn:hover::after, input.secondary-btn:hover::after, .secondary-btn a:hover::after, input[type=button]:hover::after, input[type=submit]:hover::after {
content: unset
}
a.btn [class*="fa-"],
a.btn [class*="fa-"]::before,
button.btn [class*="fa-"],
button.btn [class*="fa-"]::before,
input.btn [class*="fa-"],
input.btn [class*="fa-"]::before,
.btn a [class*="fa-"],
.btn a [class*="fa-"]::before,
span.ikiss-field-button input [class*="fa-"],
span.ikiss-field-button input [class*="fa-"]::before,
a.secondary-btn [class*="fa-"],
a.secondary-btn [class*="fa-"]::before,
button.secondary-btn [class*="fa-"],
button.secondary-btn [class*="fa-"]::before,
input.secondary-btn [class*="fa-"],
input.secondary-btn [class*="fa-"]::before,
.secondary-btn a [class*="fa-"],
.secondary-btn a [class*="fa-"]::before,
input[type=button] [class*="fa-"],
input[type=button] [class*="fa-"]::before,
input[type=submit] [class*="fa-"],
input[type=submit] [class*="fa-"]::before {
margin-right: 0;
display: inline-block;
}
a.btn.btn-sm, button.btn.btn-sm, input.btn.btn-sm, .btn a.btn-sm, span.ikiss-field-button input.btn-sm, a.secondary-btn.btn-sm, button.secondary-btn.btn-sm, input.secondary-btn.btn-sm, .secondary-btn a.btn-sm, input[type=button].btn-sm, input[type=submit].btn-sm {
font-family: var(--font-body);
font-weight: 400;
letter-spacing: var(--letter-spacing-utility-md);
font-size: var(--font-size-utility-md);
line-height: var(--font-size-utility-md);
padding: 8px 20px;
}
a.btn.btn-sm.btn-icon, button.btn.btn-sm.btn-icon, input.btn.btn-sm.btn-icon, .btn a.btn-sm.btn-icon, span.ikiss-field-button input.btn-sm.btn-icon, a.secondary-btn.btn-sm.btn-icon, button.secondary-btn.btn-sm.btn-icon, input.secondary-btn.btn-sm.btn-icon, .secondary-btn a.btn-sm.btn-icon, input[type=button].btn-sm.btn-icon, input[type=submit].btn-sm.btn-icon {
padding: 8px;
}
a.btn.btn-lg, button.btn.btn-lg, input.btn.btn-lg, .btn a.btn-lg, span.ikiss-field-button input.btn-lg, a.secondary-btn.btn-lg, button.secondary-btn.btn-lg, input.secondary-btn.btn-lg, .secondary-btn a.btn-lg, input[type=button].btn-lg, input[type=submit].btn-lg {
font-family: var(--font-body);
font-weight: 400;
letter-spacing: var(--letter-spacing-utility-lg);
font-size: var(--font-size-utility-lg);
line-height: var(--font-size-utility-lg);
}
a.btn.btn-lg.btn-icon, button.btn.btn-lg.btn-icon, input.btn.btn-lg.btn-icon, .btn a.btn-lg.btn-icon, span.ikiss-field-button input.btn-lg.btn-icon, a.secondary-btn.btn-lg.btn-icon, button.secondary-btn.btn-lg.btn-icon, input.secondary-btn.btn-lg.btn-icon, .secondary-btn a.btn-lg.btn-icon, input[type=button].btn-lg.btn-icon, input[type=submit].btn-lg.btn-icon {
/* padding: 12px; */
}
a.btn.secondary-btn, button.btn.secondary-btn, input.btn.secondary-btn, .btn a.secondary-btn, span.ikiss-field-button input.secondary-btn, a.secondary-btn.secondary-btn, button.secondary-btn.secondary-btn, input.secondary-btn.secondary-btn, .secondary-btn a.secondary-btn, input[type=button].secondary-btn, input[type=submit].secondary-btn {
background-color: var(--color-black);
color: var(--color-white);
}
a.btn.secondary-btn:hover, button.btn.secondary-btn:hover, input.btn.secondary-btn:hover, .btn a.secondary-btn:hover, span.ikiss-field-button input.secondary-btn:hover, a.secondary-btn.secondary-btn:hover, button.secondary-btn.secondary-btn:hover, input.secondary-btn.secondary-btn:hover, .secondary-btn a.secondary-btn:hover, input[type=button].secondary-btn:hover, input[type=submit].secondary-btn:hover {
background-color: var(--color-gray-90);
}
a.btn.tertiary-btn, button.btn.tertiary-btn, input.btn.tertiary-btn, .btn a.tertiary-btn, span.ikiss-field-button input.tertiary-btn, a.secondary-btn.tertiary-btn, button.secondary-btn.tertiary-btn, input.secondary-btn.tertiary-btn, .secondary-btn a.tertiary-btn, input[type=button].tertiary-btn, input[type=submit].tertiary-btn {
background-color: transparent;
color: currentColor;
border-style: solid !important;
border-width: var(--border-width) !important;
border-color: currentColor !important;
}
a.btn.tertiary-btn:hover, button.btn.tertiary-btn:hover, input.btn.tertiary-btn:hover, .btn a.tertiary-btn:hover, span.ikiss-field-button input.tertiary-btn:hover, a.secondary-btn.tertiary-btn:hover, button.secondary-btn.tertiary-btn:hover, input.secondary-btn.tertiary-btn:hover, .secondary-btn a.tertiary-btn:hover, input[type=button].tertiary-btn:hover, input[type=submit].tertiary-btn:hover {
background-color: var(--color-gray-30);
}
a.btn.link-btn, button.btn.link-btn, input.btn.link-btn, .btn a.link-btn, span.ikiss-field-button input.link-btn, a.secondary-btn.link-btn, button.secondary-btn.link-btn, input.secondary-btn.link-btn, .secondary-btn a.link-btn, input[type=button].link-btn, input[type=submit].link-btn {
padding: 4px 0px;
background: transparent;
color: currentColor;
border-radius: 0;
text-decoration: underline;
text-decoration-thickness: var(--border-width);
text-decoration-color: transparent;
text-underline-offset: var(--text-underline-offset);
overflow: visible;
}
/* transition: all .25s ease-out; */
a.btn.link-btn.btn-base, button.btn.link-btn.btn-base, input.btn.link-btn.btn-base, .btn a.link-btn.btn-base, span.ikiss-field-button input.link-btn.btn-base, a.secondary-btn.link-btn.btn-base, button.secondary-btn.link-btn.btn-base, input.secondary-btn.link-btn.btn-base, .secondary-btn a.link-btn.btn-base, input[type=button].link-btn.btn-base, input[type=submit].link-btn.btn-base {
font-size: inherit;
}
a.btn.link-btn:hover, button.btn.link-btn:hover, input.btn.link-btn:hover, .btn a.link-btn:hover, span.ikiss-field-button input.link-btn:hover, a.secondary-btn.link-btn:hover, button.secondary-btn.link-btn:hover, input.secondary-btn.link-btn:hover, .secondary-btn a.link-btn:hover, input[type=button].link-btn:hover, input[type=submit].link-btn:hover {
transform: translateY(0px);
background-color: transparent;
color: var(--color-blue);
text-decoration-thickness: var(--border-width);
text-decoration-color: currentColor;
text-underline-offset: var(--text-underline-offset-hover);
}
a.btn.link-btn:hover [class*="fa-"], button.btn.link-btn:hover [class*="fa-"], input.btn.link-btn:hover [class*="fa-"], .btn a.link-btn:hover [class*="fa-"], span.ikiss-field-button input.link-btn:hover [class*="fa-"], a.secondary-btn.link-btn:hover [class*="fa-"], button.secondary-btn.link-btn:hover [class*="fa-"], input.secondary-btn.link-btn:hover [class*="fa-"], .secondary-btn a.link-btn:hover [class*="fa-"], input[type=button].link-btn:hover [class*="fa-"], input[type=submit].link-btn:hover [class*="fa-"] {
text-decoration: none;
}
a.btn.btn-icon [class*="fa-"],
a.btn.btn-icon [class*="fa-"]::before,
button.btn.btn-icon [class*="fa-"],
button.btn.btn-icon [class*="fa-"]::before,
input.btn.btn-icon [class*="fa-"],
input.btn.btn-icon [class*="fa-"]::before,
.btn a.btn-icon [class*="fa-"],
.btn a.btn-icon [class*="fa-"]::before,
span.ikiss-field-button input.btn-icon [class*="fa-"],
span.ikiss-field-button input.btn-icon [class*="fa-"]::before,
a.secondary-btn.btn-icon [class*="fa-"],
a.secondary-btn.btn-icon [class*="fa-"]::before,
button.secondary-btn.btn-icon [class*="fa-"],
button.secondary-btn.btn-icon [class*="fa-"]::before,
input.secondary-btn.btn-icon [class*="fa-"],
input.secondary-btn.btn-icon [class*="fa-"]::before,
.secondary-btn a.btn-icon [class*="fa-"],
.secondary-btn a.btn-icon [class*="fa-"]::before,
input[type=button].btn-icon [class*="fa-"],
input[type=button].btn-icon [class*="fa-"]::before,
input[type=submit].btn-icon [class*="fa-"],
input[type=submit].btn-icon [class*="fa-"]::before {
font-size: 0.925em;
width: 1em;
height: 1em;
text-align: center;
}
.btn a {
min-height: auto;
font-family: var(--font-body);
font-weight: 400;
letter-spacing: var(--letter-spacing-utility-md);
font-size: var(--font-size-utility-md);
line-height: var(--font-size-utility-md);
padding: 12px 32px;
}
.btn.btn-icon a {
padding: 12px;
}
.btn a:hover {
background-color: var(--color-blue-70);
box-shadow: none !important;
}
.btn a:hover::after {
content: unset
}
.btn [class*="fa-"],
.btn [class*="fa-"]::before {
margin-right: 0;
display: inline-block;
}
.btn.btn-sm a {
font-family: var(--font-body);
font-weight: 400;
letter-spacing: var(--letter-spacing-utility-md);
font-size: var(--font-size-utility-md);
line-height: var(--font-size-utility-md);
padding: 8px 20px;
}
.btn.btn-sm.btn-icon a {
padding: 8px;
}
.btn.btn-lg a {
font-family: var(--font-body);
font-weight: 400;
letter-spacing: var(--letter-spacing-utility-lg);
font-size: var(--font-size-utility-lg);
line-height: var(--font-size-utility-lg);
}
.btn.btn-lg.btn-icon a {
/* padding: 12px; */
}
.btn.secondary-btn a {
background-color: var(--color-black);
color: var(--color-white);
}
.btn.secondary-btn a:hover {
background-color: var(--color-gray-90);
}
.btn.tertiary-btn a {
background-color: transparent;
color: currentColor;
border-style: solid !important;
border-width: var(--border-width) !important;
border-color: currentColor !important;
}
.btn.tertiary-btn a:hover {
background-color: var(--color-gray-30);
}
.btn.link-btn a {
padding: 4px 0px;
background: transparent;
color: currentColor;
border-radius: 0;
text-decoration: underline;
text-decoration-thickness: var(--border-width);
text-decoration-color: transparent;
text-underline-offset: var(--text-underline-offset);
overflow: visible;
/* transition: all .25s ease-out; */
}
.btn.link-btn.btn-base a {
font-size: inherit;
}
.btn.link-btn a:hover {
transform: translateY(0px);
background-color: transparent;
color: var(--color-blue);
text-decoration-thickness: var(--border-width);
text-decoration-color: currentColor;
text-underline-offset: var(--text-underline-offset-hover);
}
.btn.link-btn a:hover [class*="fa-"] {
text-decoration: none;
}
.btn.btn-icon a [class*="fa-"],
.btn.btn-icon a [class*="fa-"]::before {
font-size: 0.925em;
width: 1em;
height: 1em;
text-align: center;
}
/* Button Element via Editor Schriftformat */
* + div.btn {
padding-top: var(--margin-sm);
}
* + div.btn.btn-sm {
padding-top: var(--margin-sm);
}
.section-text .btn a {
font-family: var(--font-body);
font-weight: 400;
letter-spacing: var(--letter-spacing-utility-lg);
font-size: var(--font-size-utility-lg);
line-height: var(--font-size-utility-lg);
}
div.btn:has(+ div.btn) {
display: inline-block;
}
div.btn + div.btn {
display: inline-block;
margin-left: var(--margin-sm);
}
/* Anpassungen von .csslink_* um Button Style aus Schriftformaten richtig anzuzeigen */
.main-content .btn a[class*="csslink_intern"]:not(.hide-icon)::before {
-webkit-mask-image: var(--icon-mask-image-arrow-right);
mask-image: var(--icon-mask-image-arrow-right);
order: 1;
}
/* TODO: Link List Styling Feature Button */
.btn.link-list_item {
margin-left: 0;
}
.btn.link-list_item a.link-list_link > .link-list_link-icon {
width: auto;
margin: 0;
}
/* Table standard formatting: .tbl */
table.tbl {
font-family: var(--font-body);
font-weight: 400;
letter-spacing: var(--letter-spacing-copy-md);
font-size: var(--font-size-copy-md);
line-height: var(--line-height-copy-md);
border-collapse: separate !important;
/* border: solid #191919 1px; */
/* border-radius: var(--border-radius-box); */
background: transparent;
}
table.tbl tr {
/* background: #E0E4EA; */
}
table.tbl th, table.tbl td {
padding: var(--padding-sm);
}
table.tbl td {
background: #F9FAFB;
/* border-left: solid #191919 1px; */
/* border-top: solid #191919 1px; */
border-bottom: solid #191919 1px;
border-right: solid #191919 1px;
}
table.tbl tr:hover td {
background: var(--color-gray-20);
/* background: #F9FAFB; */
}
table.tbl th {
background: var(--color-darkblue);
color: #fff;
/* border-top: none; */
}
/* Borders */
table.tbl td:first-child,
table.tbl th:first-child {
/* border-left: none; */
border-left: solid #191919 1px;
}
table.tbl tr:first-child th:first-child {
border-top-left-radius: var(--border-radius-box);
}
table.tbl tr:last-child th:first-child,
table.tbl tr:last-child td:first-child {
border-bottom-left-radius: var(--border-radius-box);
}
table.tbl th:last-child {
border-top-right-radius: var(--border-radius-box);
}
table.tbl tr:last-child td:last-child {
border-bottom-right-radius: var(--border-radius-box);
}
/* Page Header */
header.mitteilungen-header,
header.header-text {
margin-top: calc((var(--spacing-5-5x) + var(--margin-lg))*-1) !important;
padding-top: calc(var(--margin-lg) * 3.5) !important;
padding-bottom: calc(var(--margin-lg) * 1) !important;
}
header.mitteilungen-header h1, header.header-text h1 {
/* margin-top: 0; */
max-width: 756px;
}
header.mitteilungen-header .page-icons, header.header-text .page-icons {
display: flex;
flex-wrap: wrap;
gap: var(--grid-gap);
}
header.mitteilungen-header .page-entry + .page-icons, header.header-text .page-entry + .page-icons {
margin-top: var(--margin-sm);
}
header.mitteilungen-header .text-col, header.header-text .text-col {
display: flex;
justify-content: flex-start;
align-items: center;
}
header.mitteilungen-header .image-col, header.header-text .image-col {
padding: 0 var(--padding-lg);
display: flex;
justify-content: center;
align-items: center;
}
header.mitteilungen-header .image-col .list-img, header.header-text .image-col .list-img {
/* width: auto;
max-width: 80%;
height: 100%;
max-height: 60vh;
margin: 0 auto 0 auto; */
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
header.mitteilungen-header .image-col .wrap-img img, header.header-text .image-col .wrap-img img {
max-height: 60vh;
/* height: 100%; */
height: auto;
width: auto;
}
/* Mitteilungen Main */
.mitteilungen-detail.flex-row {
justify-content: space-between;
}
.mitteilungen-detail .mitteilung-text {
max-width: 768px;
}
.mitteilungen-detail .randspalte {
flex-grow: 0;
}
/* LT/SE Mitteilungen */
.result-list.mitteilungen {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.result-list.mitteilungen.items-count-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.result-list.mitteilungen.items-count-1 {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.result-list.mitteilungen {
gap: var(--padding) var(--grid-gap);
}
.result-list.mitteilungen .flex-row {
flex-direction: column;
flex-wrap: nowrap;
}
.result-list.mitteilungen .order-1,
.result-list.mitteilungen .order-0 {
flex-basis: auto;
width: auto;
}
.result-list.mitteilungen .list-text {
/*padding: var(--padding);
background: var(--color-gray-light);
border-radius: var(--border-radius-box);*/
padding: calc(var(--padding-sm) *0.5 ) var(--padding) 0 calc(var(--padding-sm) *0.5 );
}
.result-list.mitteilungen .list-title {
font-family: var(--font-display);
font-weight: 600;
letter-spacing: var(--letter-spacing-heading-md);
font-size: var(--font-size-heading-md);
line-height: var(--line-height-heading-md);
}
.result-list.mitteilungen .list-entry {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
font-family: var(--font-body);
font-weight: 400;
letter-spacing: var(--letter-spacing-copy-md);
font-size: var(--font-size-copy-md);
line-height: var(--line-height-copy-md);
}
.result-list.mitteilungen .list-icons {
margin-top: var(--margin-sm);
}
.result-list.mitteilungen .list-img {
border: var(--color-gray-30) var(--border-width) solid;
}
/* LT/SE Medien */
.result-list.medien .list-img {
border: var(--color-gray-30) var(--border-width) solid;
}
/* Header und Sections */
/* Anpaungen für Sections und Header (Modultemplates), die als Section direkt in #content liegen! */
/* TODO: Überführen in components.css */
#content {
/* header und section mit Klasse .fullwidth über die gesamte Breite laufen lassen.
Findet Anwendung bei Templates für eine breiten Seitenaufbau ohne Randspalte. */
}
/* TODO Anpassung, bei Randspalte */
#content[class*=column-]:not(.column-1) > header.mitteilungen-header.fullwidth,
#content[class*=column-]:not(.column-1) > section.fullwidth {
width: 100%;
padding: 0;
margin: var(--margin-lg, 30px) 0;
}
#content[class*=column-]:not(.column-1) > header.mitteilungen-header.fullwidth {
background: transparent !important;
}
#content[class*=column-]:not(.column-1)>header.mitteilungen-header.fullwidth>.flex-row.wrapper,
#content[class*=column-]:not(.column-1)>section.fullwidth>.flex-row.wrapper {
padding: 0;
}
#content > section:first-child,
#content > div[ikissedit] > section.fullwidth:first-child,
#content > div[ikissedit] > section:first-child {
margin-top: calc((var(--spacing-5-5x) + var(--margin-lg))*-1) !important;
padding-top: calc(var(--margin-lg) * 3.5) !important;
}
#content > section:last-child,
#content > div[ikissedit] > section:last-child {
margin-bottom: 0 !important;
}
/* header und section mit Klasse .fullwidth über die gesamte Breite laufen lassen.
Findet Anwendung bei Templates für eine breiten Seitenaufbau ohne Randspalte. */
header.fullwidth,
.content-section.fullwidth {
width: 100vw;
margin: var(--margin-lg) 0 var(--margin-lg) calc(50% - 50vw);
}
header.fullwidth:has(.splide), .content-section.fullwidth:has(.splide) {
overflow-x: hidden;
}
header.fullwidth > .flex-row.wrapper,
.content-section.fullwidth > .content-section-inner {
margin: auto;
padding: 0 var(--padding);
/* wichtig für sauberen Abschluss mit wrapper content */
}
.content-section {
margin-top: var(--container-margin);
margin-bottom: var(--container-margin);
padding-top: var(--container-margin);
padding-bottom: var(--container-margin);
}
/* none */
.content-section.my-0 {
margin-top: 0;
margin-bottom: 0;
}
.content-section.py-0 {
padding-top: 0;
padding-bottom: 0;
}
/* sm */
.content-section.my-sm {
margin-top: calc( var(--margin) * 1 );
margin-bottom: calc( var(--margin) * 1 );
}
.content-section.py-sm {
padding-top: calc( var(--padding) * 1 );
padding-bottom: calc( var(--padding) * 1 );
}
.content-section.px-sm > .content-section-inner {
padding-left: calc( var(--padding) * 1 );
padding-right: calc( var(--padding) * 1 );
}
/* md */
.content-section.px-md > .content-section-inner {
padding-left: calc( var(--padding) * 2 );
padding-right: calc( var(--padding) * 2 );
}
/* lg */
.content-section.my-lg {
margin-top: calc( var(--margin) * 3 );
margin-bottom: calc( var(--margin) * 3 );
}
.content-section.py-lg {
padding-top: calc( var(--padding) * 3 );
padding-bottom: calc( var(--padding) * 3 );
}
.content-section.px-lg > .content-section-inner {
padding-left: calc( var(--padding) * 3 );
padding-right: calc( var(--padding) * 3 );
}
.content-section .content-section-inner {
margin: auto;
padding: 0 var(--padding);
/* wichtig für sauberen Abschluss mit wrapper content */
gap: 0;
/* immer 0, damit via margin-bottom bei .section-intro bzw. margin-top .section-outro gesteuert werden kann! */
}
.content-section .section-intro:not(:last-child){
/* margin-bottom: var(--grid-gap); */
margin-bottom: var(--container-margin);
}
.content-section .section-intro .section-topic {
}
.content-section .section-intro .section-heading {
margin-top: 0;
max-width: 32ch;
}
.content-section .section-intro .section-text {
font-family: var(--font-body);
font-weight: 400;
letter-spacing: var(--letter-spacing-copy-lg);
font-size: var(--font-size-copy-lg);
line-height: var(--line-height-copy-lg);
text-wrap: balance;
max-width: 58ch;
}
/* Spacing Settings */
.content-section .section-intro.mb-0 {
margin-bottom: 0;
}
.content-section .section-intro.mb-gap {
margin-bottom: var(--grid-gap);
}
.content-section .section-intro.mb-sm {
margin-bottom: var(--margin-sm);
}
.content-section .section-intro.mb-lg {
margin-bottom: var(--margin-lg);
}
.content-section .section-items-wrapper {
width: 100%;
display: flex;
flex-direction: column;
gap: var(--container-margin);
}
.content-section .section-items-wrapper.gap-y-0 {
gap: 0;
}
.content-section .section-items-wrapper.gap-y {
gap: var(--grid-gap);
}
.content-section .section-items-wrapper.gap-y-sm {
gap: var(--spacing-3-5x);
}
.content-section .section-items-wrapper.gap-y-lg {
gap: var(--spacing-4-5x);
}
.content-section .section-items-wrapper .section-item {
}
.content-section .section-outro {
margin-top: var(--container-margin);
}
.content-section .section-outro .section-text {
font-family: var(--font-body);
font-weight: 400;
letter-spacing: var(--letter-spacing-copy-lg);
font-size: var(--font-size-copy-lg);
line-height: var(--line-height-copy-lg);
text-wrap: balance;
max-width: 58ch;
}
/* Spacing Settings */
.content-section .section-outro.mt-0 {
margin-top: 0;
}
.content-section .section-outro.mt-gap {
margin-top: var(--grid-gap);
}
.content-section .section-outro.mt-sm {
margin-top: var(--margin-sm);
}
.content-section .section-outro.mt-lg {
margin-top: var(--margin-lg);
}
.content-section .content-row.flex-row.text-columns {
margin: 0;
}
/* Home Page Content Sections */
.content-section.home-content-section .section-intro {
text-wrap: balance;
}
/* TODO in sauberes Komponentensyling überführen */
.page-header.colored-container {
margin-top: 0;
/* margin-bottom: var(--container-margin); */
padding: calc(var(--padding-lg)* 1.5);
}
.page-header.colored-container.variant-border {
border: var(--border-width) solid var(--color-black);
background: transparent;
}
.page-header.colored-container.variant-nobox {
padding-top: 0;
padding-bottom: 0;
padding: 0;
background: transparent;
}
.page-header.colored-container:not(.variant-nobox) {
margin-top: calc(var(--margin) * -1);
}
/* TODO Anpassungen Dienstleistungen; in sauberes Komponentensyling überführen */
.dienstleistungen section.content-section.fullwidth.secondary-bg-color:nth-last-child(even) {
background: #fff;
padding-top: 0;
padding-bottom: 0;
}
.dienstleistungen .infobox h3 {
font-size: var(--font-size-heading-md);
line-height: var(--line-height-heading-md);
letter-spacing: var(--letter-spacing-heading-md);
}
/* Anpassungen für LT Spalten (.text-columns) */
/* gap: var(--container-margin); */
.text-columns.gap-x-0 {
gap: 0;
}
.text-columns.gap-x {
gap: var(--grid-gap);
}
.text-columns.gap-x-sm {
gap: var(--spacing-3x);
}
.text-columns.gap-x-md {
gap: var(--spacing-4x);
}
.text-columns.gap-x-lg {
gap: var(--spacing-5x);
}
/* padding-top: 0;
padding-bottom: 0;
padding-left: 0;
padding-right: 0; */
.text-columns > .text-column.py-0 {
padding-top: 0;
padding-bottom: 0;
}
.text-columns > .text-column.py-sm {
padding-top: calc( var(--padding) * 1 );
padding-bottom: calc( var(--padding) * 1 );
}
.text-columns > .text-column.py-md {
padding-top: calc( var(--padding) * 2 );
padding-bottom: calc( var(--padding) * 2 );
}
.text-columns > .text-column.py-lg {
padding-top: calc( var(--padding) * 3 );
padding-bottom: calc( var(--padding) * 3 );
}
.text-columns > .text-column.px-0 {
padding-left: 0;
padding-right: 0;
}
.text-columns > .text-column.px-sm {
padding-left: calc( var(--padding) * 1 );
padding-right: calc( var(--padding) * 1 );
}
.text-columns > .text-column.px-md {
padding-left: calc( var(--padding) * 2 );
padding-right: calc( var(--padding) * 2 );
}
.text-columns > .text-column.px-lg {
padding-left: calc( var(--padding) * 3 );
padding-right: calc( var(--padding) * 3 );
}
/* CE Inhaltsbereich (.content-row) */
.content-row.flex-row.text-columns {
margin: var(--container-margin) 0;
}
/* Blockquotes */
/* Hier müssten die Klassen noch zur Auswahl des iKISS Editors hinzugefügt werden! */
#content blockquote p {
font-family: var(--font-body);
font-weight: 400;
letter-spacing: var(--letter-spacing-copy-lg);
font-size: var(--font-size-copy-lg);
line-height: var(--line-height-copy-lg);
/* color: var(--color-blue); */
}
/* Überschreibt die Stile spezifisch für -Elemente innerhalb von .quote-highlight */
blockquote.quote-highlight p.quellenangabe {
font-family: inherit;
/* Setzt die Schriftart auf die des Elternelements zurück */
font-weight: inherit;
/* Setzt die Schriftstärke auf die des Elternelements zurück */
letter-spacing: inherit;
/* Setzt den Buchstabenabstand auf das Elternelement zurück */
font-size: inherit;
/* Setzt die Schriftgröße auf die des Elternelements zurück */
line-height: inherit;
/* Setzt die Zeilenhöhe auf die des Elternelements zurück */
color: inherit;
/* Setzt die Farbe auf die des Elternelements zurück */
}
/* LT Aufklapptexte */
*~.accordion:not(:first-child) {
margin-top: var(--margin);
}
*~.accordion:not(:last-child) {
margin-bottom: var(--margin);
}
/* LT Infobox (.infobox) */
*~.infobox:not(:first-child) {
margin-top: var(--margin);
}
*~.infobox:not(:last-child) {
margin-bottom: var(--margin);
}
/* TODO sauber überführen */
.section-topic + h1,
.section-topic + h2,
.section-topic + h3,
.section-topic + h4,
.section-topic + h5,
.section-topic + h6 {
margin-top: 0;
}
.section-topic + .section-heading {
margin-top: 0;
}
/* Section .cards-list */
.cards-list .sticky-block {
position: sticky;
top: calc(var(--navmaxheight) + var(--padding-sm));
max-width: 640px;
padding-right: var(--padding-sm);
}
.cards-list .intro-col {
}
.cards-list .cards-col {
align-items: flex-start;
}
.cards-list .cards-col .card .content h1:first-child, .cards-list .cards-col .card .content h2:first-child, .cards-list .cards-col .card .content h3:first-child, .cards-list .cards-col .card .content h4:first-child, .cards-list .cards-col .card .content h5:first-child, .cards-list .cards-col .card .content h6:first-child {
margin-bottom: var(--spacing-2x);
}
.cards-list .cards-col .card .content .description {
margin-bottom: var(--spacing-0-5x);
}
/* Textliste als Cards mit und ohne Icon */
.card {
border-radius: var(--border-radius-box);
background-color: var(--color-gray-light);
display: flex;
gap: var(--spacing-2x);
padding: var(--padding);
}
.card :first-child {
margin-top: 0;
}
.card:has(.graphic) {
gap: var(--padding);
}
.card .graphic {
flex: none;
max-width: 80px;
}
.card .graphic img {
width: 100%;
}
.card .content {
height: 100%;
display: flex;
flex-direction: column;
}
.card .content :last-child {
margin-bottom: 0;
}
.card .content .btn:last-child {
margin-top: auto;
}
.card.vertikal {
flex-direction: column;
gap: var(--grid-gap);
}
.card.vertikal:has(.graphic.w-4\.5) {
gap: var(--padding);
}
.card.empty:not(:last-child) {
margin-bottom: var(--grid-gap);
}
a.card {
transition: all .1s ease;
color: var(--color-black);
}
a.card .content * {
transition: all .1s ease;
}
a.card:hover {
transform: translateY(2px);
color: var(--color-blue);
}
a.card:hover .content * {
color: var(--color-blue);
}
/* Home Teaser */
.home-teaser-row {
align-items: stretch;
}
.home-teaser-row .card.vertikal {
height: 100%;
min-height: 400px;
}
/* aspect-ratio: 3 / 4; */
.home-teaser-row .image-column img {
/* height: 100%;
max-height: 450px;
object-fit: cover;
margin: 0; */
}
.home-teaser-row #news-images,
.home-teaser-row #news-images-track,
.home-teaser-row .image-column .image-single,
.home-teaser-row #news-images .list-img,
.home-teaser-row .image-column .image-single .list-img,
.home-teaser-row #news-images .list-img .wrap-img,
.home-teaser-row .image-column .image-single .list-img .wrap-img,
.home-teaser-row #news-images .list-img .wrap-img img,
.home-teaser-row .image-column .image-single .list-img .wrap-img img {
height: 100%;
min-height: 400px;
max-height: 500px;
-o-object-fit: cover;
object-fit: cover;
margin: 0;
}
.home-teaser-row .section-topic {
margin-bottom: var(--padding-sm);
}
.home-teaser-row .card .content .btn:last-child {
margin-top: var(--padding);
padding-top: 0;
}
.home-teaser-row .slider-controls {
margin-top: auto;
padding-top: var(--padding-sm);
/* border-top: 1px solid currentColor; */
}
/* display: none; */
/* opacity: 0; */
.home-teaser-row .slide-item.active {
/* display: block; */
/* opacity: 1; */
}
.home-teaser-row .image-column {
flex: 1 1 0%;
flex-basis: calc(33.333% - var(--flex-gap-col, 30px));
width: calc(33.333% - var(--flex-gap-col, 30px));
}
.collapse .home-teaser-row .image-column {
flex-basis: 33.333%;
width: 33.333%;
}
.home-teaser-row .text-column {
flex: 1 1 0%;
flex-basis: calc(33.333% - var(--flex-gap-col, 30px));
width: calc(33.333% - var(--flex-gap-col, 30px));
}
.collapse .home-teaser-row .text-column {
flex-basis: 33.333%;
width: 33.333%;
}
.home-teaser-row .blank-column {
flex: 1 1 0%;
flex-basis: calc(33.333% - var(--flex-gap-col, 30px));
width: calc(33.333% - var(--flex-gap-col, 30px));
}
.collapse .home-teaser-row .blank-column {
flex-basis: 33.333%;
width: 33.333%;
}
.home-teaser-row.variant-1 .text-column {
order: 1;
flex-basis: calc(33.333% - var(--flex-gap-col, 30px));
width: calc(33.333% - var(--flex-gap-col, 30px));
}
.collapse .home-teaser-row.variant-1 .text-column {
flex-basis: 33.333%;
width: 33.333%;
}
li.with-background .home-teaser-row.variant-1 .text-column .list-text {
padding: var(--padding, 15px) var(--padding, 15px) var(--padding, 15px) 0;
}
li.with-background .flex-col-1.home-teaser-row.variant-1 .text-column .list-text {
padding: 0 var(--padding, 15px) var(--padding, 15px) var(--padding, 15px);
}
.result-list .home-teaser-row.variant-1 .text-column {
order: 1;
}
.result-list .flex-row .flex-col-1.home-teaser-row.variant-1 .text-column {
padding-top: var(--flex-gap-col, 15px);
}
.result-list.mitteilungen .home-teaser-row.variant-1 .text-column {
flex-basis: auto;
width: auto;
}
.home-teaser-row.variant-1 .image-column {
order: 2;
flex-basis: calc(66.666% - var(--flex-gap-col, 30px));
width: calc(66.666% - var(--flex-gap-col, 30px));
}
.collapse .home-teaser-row.variant-1 .image-column {
flex-basis: 66.666%;
width: 66.666%;
}
.home-teaser-row.variant-1 .blank-column {
order: 3;
display: none;
}
.home-teaser-row.variant-2 .text-column {
order: 3;
flex-basis: calc(33.333% - var(--flex-gap-col, 30px));
width: calc(33.333% - var(--flex-gap-col, 30px));
}
.collapse .home-teaser-row.variant-2 .text-column {
flex-basis: 33.333%;
width: 33.333%;
}
.home-teaser-row.variant-2 .image-column {
order: 2;
flex-basis: calc(33.333% - var(--flex-gap-col, 30px));
width: calc(33.333% - var(--flex-gap-col, 30px));
}
.collapse .home-teaser-row.variant-2 .image-column {
flex-basis: 33.333%;
width: 33.333%;
}
.home-teaser-row.variant-2 .blank-column {
order: 1;
flex-basis: calc(33.333% - var(--flex-gap-col, 30px));
width: calc(33.333% - var(--flex-gap-col, 30px));
}
.collapse .home-teaser-row.variant-2 .blank-column {
flex-basis: 33.333%;
width: 33.333%;
}
li.with-background .home-teaser-row.variant-2 .blank-column .list-text {
padding: var(--padding, 15px) var(--padding, 15px) var(--padding, 15px) 0;
}
li.with-background .flex-col-1.home-teaser-row.variant-2 .blank-column .list-text {
padding: 0 var(--padding, 15px) var(--padding, 15px) var(--padding, 15px);
}
.result-list .home-teaser-row.variant-2 .blank-column {
order: 1;
}
.result-list .flex-row .flex-col-1.home-teaser-row.variant-2 .blank-column {
padding-top: var(--flex-gap-col, 15px);
}
.result-list.mitteilungen .home-teaser-row.variant-2 .blank-column {
flex-basis: auto;
width: auto;
}
.home-teaser-row.variant-3 .text-column {
order: 1;
flex-basis: calc(33.333% - var(--flex-gap-col, 30px));
width: calc(33.333% - var(--flex-gap-col, 30px));
}
.collapse .home-teaser-row.variant-3 .text-column {
flex-basis: 33.333%;
width: 33.333%;
}
li.with-background .home-teaser-row.variant-3 .text-column .list-text {
padding: var(--padding, 15px) var(--padding, 15px) var(--padding, 15px) 0;
}
li.with-background .flex-col-1.home-teaser-row.variant-3 .text-column .list-text {
padding: 0 var(--padding, 15px) var(--padding, 15px) var(--padding, 15px);
}
.result-list .home-teaser-row.variant-3 .text-column {
order: 1;
}
.result-list .flex-row .flex-col-1.home-teaser-row.variant-3 .text-column {
padding-top: var(--flex-gap-col, 15px);
}
.result-list.mitteilungen .home-teaser-row.variant-3 .text-column {
flex-basis: auto;
width: auto;
}
.home-teaser-row.variant-3 .image-column {
order: 2;
flex-basis: calc(33.333% - var(--flex-gap-col, 30px));
width: calc(33.333% - var(--flex-gap-col, 30px));
}
.collapse .home-teaser-row.variant-3 .image-column {
flex-basis: 33.333%;
width: 33.333%;
}
.home-teaser-row.variant-3 .blank-column {
order: 3;
flex-basis: calc(33.333% - var(--flex-gap-col, 30px));
width: calc(33.333% - var(--flex-gap-col, 30px));
}
.collapse .home-teaser-row.variant-3 .blank-column {
flex-basis: 33.333%;
width: 33.333%;
}
/* Dokument/Medien */
/* Text Columns (.text-columns) */
.text-columns [class*=flex-col-] > p {
max-width: 64ch;
}
/* Suchergebnis/Listengenerator */
.result-list.mitteilungen li:not(:last-child) {
margin-bottom: var(--grid-gap);
}
.result-list.adressen li:not(:last-child) {
margin-bottom: var(--grid-gap);
}
/* Textbaustein Default */
.section-topic {
}
.section-heading {
}
.section-entry:not(:last-child), .page-entry:not(:last-child) {
margin-bottom: var(--margin)
}
.section-entry > p, .page-entry > p {
font-family: var(--font-body);
font-weight: 400;
letter-spacing: var(--letter-spacing-copy-lg);
font-size: var(--font-size-copy-lg);
line-height: var(--line-height-copy-lg);
max-width: 58ch;
}
.section-entry + .section-text {
/* margin-top: var(--margin); */
}
/* Theming */
#content .secondary-bg-color .widget,
.secondary-bg-color .card,
.secondary-bg-color .secondary-bg-color {
background: var(--color-white);
}
.secondary-bg-color .secondary-bg-color .card {
background: var(--color-gray-light);
}
.darkblue-bg-color {
background-color: var(--color-darkblue);
color: var(--color-white);
}
.green-bg-color {
background-color: var(--color-green);
color: var(--color-black);
}
.green-bg-color .primary-btn a {
background-color: var(--color-black);
}
.green-bg-color .primary-btn a:hover {
background-color: var(--color-gray-90);
}
.startseite-2024 .top:not(.sticky) {
--linkcolor: var(--color-green);
border-bottom-color: var(--color-darkblue-80);
}
.startseite-2024 .top:not(.sticky) .logo .headerheight img {
filter: invert(1);
}
.startseite-2024 .top:not(.sticky) .main-navigation .nlv_1>li>a {
color: var(--color-white);
}
.startseite-2024 .top .btn.btn-sm.secondary-btn {
background-color: var(--color-white);
color: var(--color-black);
}
.startseite-2024 .top .btn.btn-sm.secondary-btn:hover {
background-color: var(--color-gray-20);
}
/* widget settings */
.widget .section-topic {
margin-bottom: var(--padding-sm);
}
/* Pagenav */
.secondary-bg-color .ikiss_pagenav ul a {
background-color: var(--color-gray-10);
}
.secondary-bg-color .ikiss_pagenav ul a:hover,
.secondary-bg-color .ikiss_pagenav ul a:focus {
background-color: var(--color-white);
transform: scale(1.15);
}
.secondary-bg-color .ikiss_pagenav ul .pn_active {
background-color: var(--color-gray);
}
/* TODO: List Styling */
ul.ikiss-unordered-list.list-2col-checkboxes {
/* CSS Flex Layout */
display: flex;
flex-wrap: wrap;
flex-direction: row;
/* CSS Grid Layout */
display: grid;
grid-template-columns: repeat(2, 1fr);
-moz-column-gap: var(--spacing-3-5x);
column-gap: var(--spacing-3-5x);
row-gap: var(--spacing-0-5x);
}
ul.ikiss-unordered-list.list-2col-checkboxes li {
flex: 1 1 40%;
width: auto;
}
/* TODO: CTA Block */
.cta-block .wrap-img {
max-width: 300px;
margin: auto;
}
.cta-block .flex-row.text-columns {
align-items: center;
}
/* Liststyles */
ul.ikiss-unordered-list li {
/* max-width: 46ch; */
}
/* LT Adressen Anfahrt */
.tabs {
align-items: flex-start;
}
.js-tabs__controls {
margin-bottom: 0 !important;
}
.tabs__control {
text-decoration: none;
color: var(--color-black);
}
.tabs__control:focus {
outline: 2px solid hsla(245 58% 51% / 0.2);
outline-offset: 2px;
}
.tabs__control:hover {
color: var(--color-blue);
}
.tabs__control[aria-selected=true] {
color: var(--color-blue);
}
.tab__panels {
position: relative;
}
.tab__panel {
opacity: 0;
padding: 0 var(--padding-lg) 0 0;
/* height: 100%; */
}
.tabs--no-interaction .tab__panel {
animation-duration: 0s;
animation-delay: 0s;
}
.tab__panel--display {
animation: tab-features-v2-panel-entry-anim 0.5s 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
}
.tab__panel--hide {
position: absolute;
visibility: hidden;
top: 0;
width: 100%;
transition: position 0s 0.5s, visibility 0s 0.5s;
animation: tab-features-v2-panel-exit-anim 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}
@keyframes tab-features-v2-panel-entry-anim {
0% {
opacity: 0;
transform: translateY(-2px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
@keyframes tab-features-v2-panel-exit-anim {
0% {
opacity: 1;
transform: translateY(0px);
}
100% {
opacity: 0;
transform: translateY(2px);
}
}
/* CE iFrame */
.iframe-container {
border-radius: var(--border-radius-box);
display: flex;
flex-direction: column;
justify-content: space-between;
width: 100%;
height: 32rem;
}
.iframe-container .iframe-inner {
border-radius: var(--border-radius-box);
flex: 1;
}
/* border: var(--border-width) solid var(--color-black); */
/* background-color: var(--color-gray-light); */
/* padding: var(--padding); */
.iframe-container .iframe-inner .iframe-wrapper {
border-radius: var(--border-radius-box);
width: 100%;
height: 100%;
/* background-color: var(--color-gray-light); */
/* padding: var(--padding-sm); */
}
/* SOLR Volltextsuche */
.solr-results {
margin-top: var(--margin-lg);
}
.solr-results em {
background-color: transparent;
color: var(--linkcolor);
}
.result-list_item {
border-bottom: none;
}
.result-list_object.js-link:hover .result-list_object-title {
color: var(--linkcolor);
}
.result-list_image-wrapper,
.result-list_background-image {
border-radius: var(--border-radius-box);
}
/* VOLLTEXTSUCHE - AUTOCOMPLETE */
.ui-helper-hidden-accessible {
display: none;
}
.ui-widget {
/* font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif !important; */
/* font-weight: 300; */
z-index: 1000;
}
.ui-widget.ui-widget-content.ui-autocomplete {
width: 100% !important;
max-width: 465px;
overflow: auto;
border: none !important;
color: var(--color-black) !important;
padding: calc(var(--padding)*.5) calc(var(--padding)*.5);
margin: 15px 0 0 0;
/*-webkit-box-shadow:0px 5px 5px 0px rgba(50,50,50,0.25);-moz-box-shadow:0px 5px 5px 0px rgba(50,50,50,0.25);
box-shadow:0px 5px 5px 0px rgba(50,50,50,0.25);*/
filter: none;
background-color: var(--color-gray-20);
border-radius: var(--border-radius-box);
}
/*.ui-menu .ui-menu-item {
border-bottom: 1px solid #e5e5e5;
}*/
.ui-menu .ui-menu-item:hover {
/* color: #fff; */
/* background: #B51D28 !important; */
border: none !important;
/*border-bottom: 1px solid #f0f0f0 !important;*/
}
.ui-menu .ui-menu-item-wrapper {
cursor: pointer;
padding: calc(var(--padding-sm)*.5) var(--padding-sm);
text-decoration: underline;
text-decoration-thickness: var(--border-width);
text-decoration-color: #0000;
text-underline-offset: var(--text-underline-offset);
transition: all .25s ease-out;
}
.ui-menu .ui-menu-item-wrapper:hover,
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
border: none !important;
/* color: #fff; */
/* background: #B51D28 !important; */
/* font-weight: 400 !important; */
color: var(--color-blue);
text-decoration-thickness: var(--border-width);
text-decoration-color: initial;
text-underline-offset: var(--text-underline-offset-hover);
}
ul.ui-autocomplete {
list-style: none !important;
}
/* Volltextsuche - Ergebnis - Seitennavigation */
.solr-results .pn_active, .solr-results .pn_step, .solr-results .pn_step_l, .solr-results .pn_step_r, .solr-results .pn_first, .solr-results .pn_last, .solr-results .pn_page_r {
/* padding: 5px; */
}
/* Styling Icons */
.result-list [class*=fa-],
.page-icons [class*=fa-],
.list-icons [class*=fa-] {
line-height: 1;
font-weight: 300;
font-family: "Font Awesome 6 Sharp";
}
/********************************************************
*
* Utilities
*
********************************************************/
/* Layout
------------------------------------------------- */
/* Debug Klasse */
.debug * {
border: solid var(--border-width) var(--color-error-40);
}
/* border-radius */
.rounded {
border-radius: var(--border-radius-box)
}
/* flex alignments */
.align-center {
align-items: center;
}
.align-start {
align-items: flex-start;
}
.align-end {
align-items: flex-end;
}
.align-stretch {
align-items: stretch;
}
.justify-between {
justify-content: space-between;
}
.justify-around {
justify-content: space-around;
}
.justify-evenly {
justify-content: space-evenly;
}
.justify-start {
justify-content: flex-start;
}
.justify-end {
justify-content: flex-end;
}
/* flex-wrap */
.flex-wrap {
flex-wrap: wrap !important;
}
.flex-nowrap {
flex-wrap: nowrap !important;
}
/* text formatting */
.text-nowrap {
text-wrap: nowrap;
white-space: nowrap;
}
.text-balance {
text-wrap: balance;
}
/********************************************************
*
* Accessibility
*
********************************************************/
/* Checks */
body.accessibility-check--text_spacing {
/* Muss via User-Stylesheets eingestellt werden können, ohne Einschränkungen oder Verlust von Inhalten. */
line-height: 1.5;
/* 1.5-fache der Schriftgröße */
margin-bottom: 2em;
/* 2-fache der Schriftgröße für Abstand nach Absatz */
letter-spacing: 0.12em;
/* 0.12-fache der Schriftgröße für Buchstabenabstand */
word-spacing: 0.16em;
/* 0.16-fache der Schriftgröße für Wortabstand */
}
/* BITV Tab Focus */
.tab-focus,
audio:focus-visible, video:focus-visible,
.cnw_translationbox:focus-within {
position: relative;
border-radius: var(--border-radius-small);
box-shadow: var(--tab-focus-box-shadow) !important;
transition: all 0s !important;
}
.main-navigation .tab-focus {
z-index: 79;
}
.top .tab-focus {
z-index: 9999 !important;
}
.classic-sticky #nav .wrap-nav .tab-focus,
.classic-sticky .tab-focus,
.modern-nav #nav-mob :not(.childs) .wrap-nav .tab-focus:not(.slicknav_item) {
border-radius: var(--border-radius-small);
box-shadow: var(--tab-focus-box-shadow-inset) !important;
}
.pswp__button.tab-focus {
outline: none !important;
border-radius: var(--border-radius-small);
box-shadow: 0px 0px 0px 3px #fff !important;
}
/* https://tailwindcss.com/docs/plugins#adding-base-styles */
:root {
--padding: 15px;
--padding-lg: calc(var(--padding) * 2);
--padding-sm: calc(var(--padding) / 2);
--margin: 15px;
--margin-lg: calc(var(--margin) * 2);
--margin-sm: calc(var(--margin) / 2);
--flex-gap-row: 30px;
--flex-gap-col: calc(var(--flex-gap-row) / 2);
--darkgray: #383838;
--gray: #484848;
--silver: #c8c8c8;
--gainsboro: #e8e8e8;
--whitesmoke: #f0f0f0;
--input-border-color: #949494;
--primarycolor: #0054BC;
--primarytextcolor: #FFFFFF;
--secondarycolor: #E0E4EA;
--secondarytextcolor: #191919;
--btncolor: #0054BC;
--btntextcolor: #FFFFFF;
--linkcolor: #0054BC;
/* Überschreibungen der iKISS Layoutvariablen */
--pagewidth-wide: 1536px;
--padding: var(--logo-wm-height);
--margin: var(--logo-wm-height);
--fontsize: 18px !important;
--bodycolor: var(--color-black);
--ikiss-norel: var(--color-error-60);
--font-light: var(--font-weight-regular);
--font-regular: var(--font-weight-regular);
--font-bold: var(--font-weight-bold);
--font-headline: var(--font-display);
font-size: var(--fontsize);
--flex-gap-row: var(--grid-gap);
--flex-gap-col: var(--grid-gap);
--headerheight: var(--logo-wm-height, 32px);
/* Default Variable Values, um Layoutverschiebungen zu vermeiden: iKISS layout.js berechnet --scrollbar-width und --navmaxheight, darauf basieren allerdings einige Styles, insbesondere für die Content Sections und Header Sections. */
--scrollbar-width: 0px;
--navmaxheight: 116px;
}
html {
-webkit-font-smoothing: antialiased;
}
:target:before {
content: unset;
}
/* Fix: Font CSS wird nach der custom.css geladen, daher hier via id #start auf body Element zur Überschreibung. */
html,
body#start,
body#start legend,
body#start fieldset,
body#start input,
body#start .gmc_control ul.fancytree-container {
font-family: var(--font-body) !important;
font-weight: 400;
font-size: var(--font-size-copy-md);
line-height: var(--line-height-copy-md);
}
strong, b {
font-weight: var(--font-bold);
}
em, i {
font-weight: var(--font-bold);
}
u {
text-decoration: underline;
text-decoration-thickness: var(--border-width);
text-decoration-color: currentColor;
text-underline-offset: var(--text-underline-offset-hover);
}
strike {
text-decoration-thickness: var(--border-width);
}
/* bei den ersten heading-Elemmenten eines Bereichs kein Abstand nach oben! */
h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child {
margin-top: 0;
}
/* bei den letzten heading-Elemmenten eines Bereichs kein Abstand nach unten! */
h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child {
margin-bottom: 0;
}
*, ::before, ::after {
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x: ;
--tw-pan-y: ;
--tw-pinch-zoom: ;
--tw-scroll-snap-strictness: proximity;
--tw-gradient-from-position: ;
--tw-gradient-via-position: ;
--tw-gradient-to-position: ;
--tw-ordinal: ;
--tw-slashed-zero: ;
--tw-numeric-figure: ;
--tw-numeric-spacing: ;
--tw-numeric-fraction: ;
--tw-ring-inset: ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgb(59 130 246 / 0.5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur: ;
--tw-brightness: ;
--tw-contrast: ;
--tw-grayscale: ;
--tw-hue-rotate: ;
--tw-invert: ;
--tw-saturate: ;
--tw-sepia: ;
--tw-drop-shadow: ;
--tw-backdrop-blur: ;
--tw-backdrop-brightness: ;
--tw-backdrop-contrast: ;
--tw-backdrop-grayscale: ;
--tw-backdrop-hue-rotate: ;
--tw-backdrop-invert: ;
--tw-backdrop-opacity: ;
--tw-backdrop-saturate: ;
--tw-backdrop-sepia: ;
--tw-contain-size: ;
--tw-contain-layout: ;
--tw-contain-paint: ;
--tw-contain-style: ;
}
::backdrop {
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x: ;
--tw-pan-y: ;
--tw-pinch-zoom: ;
--tw-scroll-snap-strictness: proximity;
--tw-gradient-from-position: ;
--tw-gradient-via-position: ;
--tw-gradient-to-position: ;
--tw-ordinal: ;
--tw-slashed-zero: ;
--tw-numeric-figure: ;
--tw-numeric-spacing: ;
--tw-numeric-fraction: ;
--tw-ring-inset: ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgb(59 130 246 / 0.5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur: ;
--tw-brightness: ;
--tw-contrast: ;
--tw-grayscale: ;
--tw-hue-rotate: ;
--tw-invert: ;
--tw-saturate: ;
--tw-sepia: ;
--tw-drop-shadow: ;
--tw-backdrop-blur: ;
--tw-backdrop-brightness: ;
--tw-backdrop-contrast: ;
--tw-backdrop-grayscale: ;
--tw-backdrop-hue-rotate: ;
--tw-backdrop-invert: ;
--tw-backdrop-opacity: ;
--tw-backdrop-saturate: ;
--tw-backdrop-sepia: ;
--tw-contain-size: ;
--tw-contain-layout: ;
--tw-contain-paint: ;
--tw-contain-style: ;
}
/* https://tailwindcss.com/docs/plugins#adding-components */
.container {
width: 100%;
}
/* https://tailwindcss.com/docs/plugins#adding-utilities */
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border-width: 0;
}
.line-clamp-1 {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}
.line-clamp-2 {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.line-clamp-3 {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}
.line-clamp-4 {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
}
.line-clamp-5 {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 5;
}
.line-clamp-6 {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 6;
}
.line-clamp-none {
overflow: visible;
display: block;
-webkit-box-orient: horizontal;
-webkit-line-clamp: none;
}
.inline-block {
display: inline-block;
}
.flex {
display: flex;
}
.size-0 {
width: 0;
height: 0;
}
.size-0\.5 {
width: var(--spacing-0-5x);
height: var(--spacing-0-5x);
}
.size-1 {
width: var(--spacing-1x);
height: var(--spacing-1x);
}
.size-1\.5 {
width: var(--spacing-1-5x);
height: var(--spacing-1-5x);
}
.size-1\/12 {
width: 8.333333%;
height: 8.333333%;
}
.size-1\/2 {
width: 50%;
height: 50%;
}
.size-1\/3 {
width: 33.333333%;
height: 33.333333%;
}
.size-1\/4 {
width: 25%;
height: 25%;
}
.size-1\/5 {
width: 20%;
height: 20%;
}
.size-1\/6 {
width: 16.666667%;
height: 16.666667%;
}
.size-10\/12 {
width: 83.333333%;
height: 83.333333%;
}
.size-11\/12 {
width: 91.666667%;
height: 91.666667%;
}
.size-2 {
width: var(--spacing-2x);
height: var(--spacing-2x);
}
.size-2\.5 {
width: var(--spacing-2-5x);
height: var(--spacing-2-5x);
}
.size-2\/12 {
width: 16.666667%;
height: 16.666667%;
}
.size-2\/3 {
width: 66.666667%;
height: 66.666667%;
}
.size-2\/4 {
width: 50%;
height: 50%;
}
.size-2\/5 {
width: 40%;
height: 40%;
}
.size-2\/6 {
width: 33.333333%;
height: 33.333333%;
}
.size-3 {
width: var(--spacing-3x);
height: var(--spacing-3x);
}
.size-3\.5 {
width: var(--spacing-3-5x);
height: var(--spacing-3-5x);
}
.size-3\/12 {
width: 25%;
height: 25%;
}
.size-3\/4 {
width: 75%;
height: 75%;
}
.size-3\/5 {
width: 60%;
height: 60%;
}
.size-3\/6 {
width: 50%;
height: 50%;
}
.size-4 {
width: var(--spacing-4x);
height: var(--spacing-4x);
}
.size-4\.5 {
width: var(--spacing-4-5x);
height: var(--spacing-4-5x);
}
.size-4\/12 {
width: 33.333333%;
height: 33.333333%;
}
.size-4\/5 {
width: 80%;
height: 80%;
}
.size-4\/6 {
width: 66.666667%;
height: 66.666667%;
}
.size-5 {
width: var(--spacing-5x);
height: var(--spacing-5x);
}
.size-5\.5 {
width: var(--spacing-5-5x);
height: var(--spacing-5-5x);
}
.size-5\/12 {
width: 41.666667%;
height: 41.666667%;
}
.size-5\/6 {
width: 83.333333%;
height: 83.333333%;
}
.size-6\/12 {
width: 50%;
height: 50%;
}
.size-7\/12 {
width: 58.333333%;
height: 58.333333%;
}
.size-8\/12 {
width: 66.666667%;
height: 66.666667%;
}
.size-9\/12 {
width: 75%;
height: 75%;
}
.size-auto {
width: auto;
height: auto;
}
.size-fit {
width: -moz-fit-content;
width: fit-content;
height: -moz-fit-content;
height: fit-content;
}
.size-full {
width: 100%;
height: 100%;
}
.size-max {
width: -moz-max-content;
width: max-content;
height: -moz-max-content;
height: max-content;
}
.size-min {
width: -moz-min-content;
width: min-content;
height: -moz-min-content;
height: min-content;
}
.h-0 {
height: 0;
}
.h-0\.5 {
height: var(--spacing-0-5x);
}
.h-1 {
height: var(--spacing-1x);
}
.h-1\.5 {
height: var(--spacing-1-5x);
}
.h-1\/2 {
height: 50%;
}
.h-1\/3 {
height: 33.333333%;
}
.h-1\/4 {
height: 25%;
}
.h-1\/5 {
height: 20%;
}
.h-1\/6 {
height: 16.666667%;
}
.h-2 {
height: var(--spacing-2x);
}
.h-2\.5 {
height: var(--spacing-2-5x);
}
.h-2\/3 {
height: 66.666667%;
}
.h-2\/4 {
height: 50%;
}
.h-2\/5 {
height: 40%;
}
.h-2\/6 {
height: 33.333333%;
}
.h-3 {
height: var(--spacing-3x);
}
.h-3\.5 {
height: var(--spacing-3-5x);
}
.h-3\/4 {
height: 75%;
}
.h-3\/5 {
height: 60%;
}
.h-3\/6 {
height: 50%;
}
.h-4 {
height: var(--spacing-4x);
}
.h-4\.5 {
height: var(--spacing-4-5x);
}
.h-4\/5 {
height: 80%;
}
.h-4\/6 {
height: 66.666667%;
}
.h-5 {
height: var(--spacing-5x);
}
.h-5\.5 {
height: var(--spacing-5-5x);
}
.h-5\/6 {
height: 83.333333%;
}
.h-auto {
height: auto;
}
.h-dvh {
height: 100dvh;
}
.h-fit {
height: -moz-fit-content;
height: fit-content;
}
.h-full {
height: 100%;
}
.h-lvh {
height: 100lvh;
}
.h-max {
height: -moz-max-content;
height: max-content;
}
.h-min {
height: -moz-min-content;
height: min-content;
}
.h-screen {
height: 100vh;
}
.h-svh {
height: 100svh;
}
.w-0 {
width: 0;
}
.w-0\.5 {
width: var(--spacing-0-5x);
}
.w-1 {
width: var(--spacing-1x);
}
.w-1\.5 {
width: var(--spacing-1-5x);
}
.w-1\/12 {
width: 8.333333%;
}
.w-1\/2 {
width: 50%;
}
.w-1\/3 {
width: 33.333333%;
}
.w-1\/4 {
width: 25%;
}
.w-1\/5 {
width: 20%;
}
.w-1\/6 {
width: 16.666667%;
}
.w-10\/12 {
width: 83.333333%;
}
.w-11\/12 {
width: 91.666667%;
}
.w-2 {
width: var(--spacing-2x);
}
.w-2\.5 {
width: var(--spacing-2-5x);
}
.w-2\/12 {
width: 16.666667%;
}
.w-2\/3 {
width: 66.666667%;
}
.w-2\/4 {
width: 50%;
}
.w-2\/5 {
width: 40%;
}
.w-2\/6 {
width: 33.333333%;
}
.w-3 {
width: var(--spacing-3x);
}
.w-3\.5 {
width: var(--spacing-3-5x);
}
.w-3\/12 {
width: 25%;
}
.w-3\/4 {
width: 75%;
}
.w-3\/5 {
width: 60%;
}
.w-3\/6 {
width: 50%;
}
.w-4 {
width: var(--spacing-4x);
}
.w-4\.5 {
width: var(--spacing-4-5x);
}
.w-4\/12 {
width: 33.333333%;
}
.w-4\/5 {
width: 80%;
}
.w-4\/6 {
width: 66.666667%;
}
.w-5 {
width: var(--spacing-5x);
}
.w-5\.5 {
width: var(--spacing-5-5x);
}
.w-5\/12 {
width: 41.666667%;
}
.w-5\/6 {
width: 83.333333%;
}
.w-6\/12 {
width: 50%;
}
.w-7\/12 {
width: 58.333333%;
}
.w-8\/12 {
width: 66.666667%;
}
.w-9\/12 {
width: 75%;
}
.w-auto {
width: auto;
}
.w-dvw {
width: 100dvw;
}
.w-fit {
width: -moz-fit-content;
width: fit-content;
}
.w-full {
width: 100%;
}
.w-lvw {
width: 100lvw;
}
.w-max {
width: -moz-max-content;
width: max-content;
}
.w-min {
width: -moz-min-content;
width: min-content;
}
.w-screen {
width: 100vw;
}
.w-svw {
width: 100svw;
}
.flex-row {
flex-direction: row;
}
.text-right {
text-align: right;
}
.antialiased {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.grayscale {
--tw-grayscale: grayscale(100%);
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.transition {
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.display-lg {
font-family: var(--font-display);
font-weight: 600;
letter-spacing: var(--letter-spacing-display-lg);
font-size: var(--font-size-display-lg);
line-height: var(--line-height-display-lg);
}
.display-md {
font-family: var(--font-display);
font-weight: 600;
letter-spacing: var(--letter-spacing-display-md);
font-size: var(--font-size-display-md);
line-height: var(--line-height-display-md);
}
.display-sm {
font-family: var(--font-display);
font-weight: 600;
letter-spacing: var(--letter-spacing-display-sm);
font-size: var(--font-size-display-sm);
line-height: var(--line-height-display-sm);
}
.heading-2xl {
font-family: var(--font-display);
font-weight: 600;
letter-spacing: var(--letter-spacing-heading-2xl);
font-size: var(--font-size-heading-2xl);
line-height: var(--line-height-heading-2xl);
}
.heading-xl {
font-family: var(--font-display);
font-weight: 600;
letter-spacing: var(--letter-spacing-heading-xl);
font-size: var(--font-size-heading-xl);
line-height: var(--line-height-heading-xl);
}
.heading-lg {
font-family: var(--font-display);
font-weight: 600;
letter-spacing: var(--letter-spacing-heading-lg);
font-size: var(--font-size-heading-lg);
line-height: var(--line-height-heading-lg);
}
.heading-md {
font-family: var(--font-display);
font-weight: 600;
letter-spacing: var(--letter-spacing-heading-md);
font-size: var(--font-size-heading-md);
line-height: var(--line-height-heading-md);
}
.heading-sm {
font-family: var(--font-display);
font-weight: 600;
letter-spacing: var(--letter-spacing-heading-sm);
font-size: var(--font-size-heading-sm);
line-height: var(--line-height-heading-sm);
}
.heading-xs {
font-family: var(--font-display);
font-weight: 600;
letter-spacing: var(--letter-spacing-heading-xs);
font-size: var(--font-size-heading-xs);
line-height: var(--line-height-heading-xs);
}
.copy-2xl {
font-family: var(--font-body);
font-weight: 400;
letter-spacing: var(--letter-spacing-copy-2xl);
font-size: var(--font-size-copy-2xl);
line-height: var(--line-height-copy-2xl);
}
.copy-xl {
font-family: var(--font-body);
font-weight: 400;
letter-spacing: var(--letter-spacing-copy-xl);
font-size: var(--font-size-copy-xl);
line-height: var(--line-height-copy-xl);
}
.copy-lg {
font-family: var(--font-body);
font-weight: 400;
letter-spacing: var(--letter-spacing-copy-lg);
font-size: var(--font-size-copy-lg);
line-height: var(--line-height-copy-lg);
}
.copy-md {
font-family: var(--font-body);
font-weight: 400;
letter-spacing: var(--letter-spacing-copy-md);
font-size: var(--font-size-copy-md);
line-height: var(--line-height-copy-md);
}
.copy-sm {
font-family: var(--font-body);
font-weight: 400;
letter-spacing: var(--letter-spacing-copy-sm);
font-size: var(--font-size-copy-sm);
line-height: var(--line-height-copy-sm);
}
.copy-xs {
font-family: var(--font-body);
font-weight: 400;
letter-spacing: var(--letter-spacing-copy-xs);
font-size: var(--font-size-copy-xs);
line-height: var(--line-height-copy-xs);
}
.copy-xxs {
font-family: var(--font-body);
font-weight: 400;
letter-spacing: var(--letter-spacing-copy-xxs);
font-size: var(--font-size-copy-xxs);
line-height: var(--line-height-copy-xxs);
}
.utility-lg {
font-family: var(--font-body);
font-weight: 400;
letter-spacing: var(--letter-spacing-utility-lg);
font-size: var(--font-size-utility-lg);
line-height: var(--font-size-utility-lg);
}
.utility-lg-semibold {
font-family: var(--font-body);
font-weight: 600;
letter-spacing: var(--letter-spacing-utility-lg);
font-size: var(--font-size-utility-lg);
line-height: var(--font-size-utility-lg);
}
.utility-md {
font-family: var(--font-body);
font-weight: 400;
letter-spacing: var(--letter-spacing-utility-md);
font-size: var(--font-size-utility-md);
line-height: var(--font-size-utility-md);
}
.utility-md-semibold {
font-family: var(--font-body);
font-weight: 600;
letter-spacing: var(--letter-spacing-utility-md);
font-size: var(--font-size-utility-md);
line-height: var(--font-size-utility-md);
}
.utility-sm {
font-family: var(--font-body);
font-weight: 400;
letter-spacing: var(--letter-spacing-utility-sm);
font-size: var(--font-size-utility-sm);
line-height: var(--font-size-utility-sm);
}
.utility-sm-semibold {
font-family: var(--font-body);
font-weight: 600;
letter-spacing: var(--letter-spacing-utility-sm);
font-size: var(--font-size-utility-sm);
line-height: var(--font-size-utility-sm);
}
/********************************************************
*
* Erweiterungen
*
********************************************************/
/* Backend Editor Anpassungen */
#tinymce .wrapper {
width: 100%;
}
.directedit-editnode .ikiss--no--edit {
display: inline-block !important;
}
/* Überschreibungen */
.logo .headerheight img {
max-height: calc(var(--headerheight, 85px));
margin: 0;
}
.logo span {
display: none !important;
}
.section-heading {
max-width: 24ch;
-webkit-hyphens: manual;
hyphens: manual;
}
.section-topic,
.page-topic,
.list-topic {
display: block;
margin-bottom: var(--padding-sm);
color: var(--color-blue);
font-family: var(--font-body);
font-weight: 600;
letter-spacing: var(--letter-spacing-utility-md);
font-size: var(--font-size-utility-md);
line-height: var(--font-size-utility-md);
}
.result-list .list-topic {
margin-bottom: var(--padding-sm);
}
/* TODO: überführen in default Stylesheets */
h1.page-title {
font-family: var(--font-display);
font-weight: 600;
letter-spacing: var(--letter-spacing-heading-2xl);
font-size: var(--font-size-heading-2xl);
line-height: var(--line-height-heading-2xl);
/* @apply max-w-[22ch]; */
}
/* Randspalte Styling */
.randspalte {
/* --header-height: 62px; */
/* @apply sticky top-[var(--header-height)] max-h-[calc(100vh-var(--header-height))] overflow-y-auto */
}
.widget {
border-radius: var(--border-radius-box);
border-radius: 10px;
border-radius: var(--border-radius-box);
}
.widget h3.primary-bg-color,
.widget h3 {
background: transparent;
color: var(--color-black);
margin-block-start: 0;
font-family: var(--font-display);
font-weight: 600;
letter-spacing: var(--letter-spacing-heading-sm);
font-size: var(--font-size-heading-sm);
line-height: var(--line-height-heading-sm);
margin-bottom: calc(var(--container-padding) / 2);
}
/* Sitemap Styling */
/* h2 verkleinern */
.main-content h2 a[class*="csslink_"]:not(.hide-icon),
.main-content h3 a[class*="csslink_"]:not(.hide-icon),
.main-content h4 a[class*="csslink_"]:not(.hide-icon),
.main-content h5 a[class*="csslink_"]:not(.hide-icon),
.main-content h6 a[class*="csslink_"]:not(.hide-icon) {
font-family: var(--font-display);
font-weight: 600;
letter-spacing: var(--letter-spacing-heading-md);
font-size: var(--font-size-heading-md);
line-height: var(--line-height-heading-md);
}
/* Anpassungen Content Area Mitteilungen / Legal */
/* #content > * {
max-width: 720px;
margin-left: auto;
margin-right: auto;
}
@media (min-width: 1920px) {
#content > * {
max-width: 800px;
margin-left: auto;
margin-right: auto;
}
} */
/* Setup der Richtextformatierungen */
h1, .h1 {
font-family: var(--font-display);
font-weight: 600;
letter-spacing: var(--letter-spacing-heading-2xl);
font-size: var(--font-size-heading-2xl);
line-height: var(--line-height-heading-2xl);
}
h2, .h2 {
font-family: var(--font-display);
font-weight: 600;
letter-spacing: var(--letter-spacing-heading-xl);
font-size: var(--font-size-heading-xl);
line-height: var(--line-height-heading-xl);
}
h3, .h3 {
font-family: var(--font-display);
font-weight: 600;
letter-spacing: var(--letter-spacing-heading-lg);
font-size: var(--font-size-heading-lg);
line-height: var(--line-height-heading-lg);
}
h4, .h4 {
font-family: var(--font-display);
font-weight: 600;
letter-spacing: var(--letter-spacing-heading-md);
font-size: var(--font-size-heading-md);
line-height: var(--line-height-heading-md);
}
h5, .h5 {
font-family: var(--font-display);
font-weight: 600;
letter-spacing: var(--letter-spacing-heading-sm);
font-size: var(--font-size-heading-sm);
line-height: var(--line-height-heading-sm);
}
h6, .h6 {
font-family: var(--font-display);
font-weight: 600;
letter-spacing: var(--letter-spacing-heading-xs);
font-size: var(--font-size-heading-xs);
line-height: var(--line-height-heading-xs);
}
/* Kein Abstand bei letzten element */
p:last-child, li:last-child {
margin-bottom: 0 !important;
}
/* Photoswipe Styling */
.pswp__bg {
background: #191919 !important;
}
.pswp__caption__center {
padding: var(--padding-lg);
}
/* Header Anpassungen */
header.site-header {
/* @apply overflow-hidden; */
}
/* Max. Nav Height als Abstand für smoothe transition, wenn header sticky wird. */
body.sticky-nav {
/* padding-top: var(--spacing-5x); */
padding-top: var(--navmaxheight);
}
/* Vorbereitung des Default States für smoothe Transition */
.top {
position: absolute;
top: 0;
right: 0;
left: 0;
z-index: 70;
margin: auto;
border-bottom: var(--border-width) solid var(--color-gray);
}
.masthead,
.main-navigation,
.main-navigation > nav {
width: auto;
}
.top,
.top .top-bar {
transition: all .25s ease-out;
}
.top-bar {
/* padding: 0; */
padding-top: var(--padding-lg);
padding-bottom: var(--padding-sm);
}
.top.classicnav.sticky .logo .headerheight img {
max-height: calc(var(--headerheight, 85px) * .75);
}
.top.sticky {
/* --primarytextcolor: var(--color-black); */
box-shadow: 0 8px 5px -5px #00000026;
box-shadow: 0 8px 15px -5px #00000026;
border-bottom: var(--border-width) solid var(--color-gray-light);
}
.top.sticky .top-bar {
padding-top: var(--padding-sm);
padding-bottom: var(--padding-sm);
box-shadow: none;
}
.main-navigation .nlv_1>li {
position: relative;
}
.main-navigation .nlv_1>li>a {
color: var(--color-black);
padding: 4px 8px;
font-family: var(--font-body);
font-weight: 400;
letter-spacing: var(--letter-spacing-utility-md);
font-size: var(--font-size-utility-md);
line-height: var(--font-size-utility-md);
/* font-size: var(--font-size-utility-md); */
font-size: var(--font-size-copy-md);
}
.main-navigation.classic-sticky .nlv_1 li .wrap-nav {
padding-top: 12px;
left: -26px;
transition-property: all;
transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
transition-duration: .4s;
opacity: 0;
transform: translateY(-6px);
}
.main-navigation.classic-sticky .nlv_1 li.npt_last .wrap-nav {
left: auto;
right: -26px;
}
.main-navigation.classic-sticky .nlv_1 li:hover > .wrap-nav,
.main-navigation.classic-sticky .nlv_1 li:focus-within > .wrap-nav,
.main-navigation.classic-sticky .nlv_1 li a:focus + .wrap-nav,
.main-navigation.classic-sticky .nlv_1 li .tab-focus + .wrap-nav {
opacity: 1;
transform: translateY(0px);
}
body.dropdown-menu .main-navigation .nlv_1 ul {
width: auto;
/* max-width: 320px; */
white-space: nowrap;
padding: calc(var(--padding) * 0.5) calc(var(--padding) * 0.5);
}
.logo {
margin-right: auto;
}
.suche-outer {
display: none;
}
.suche-outer.active {
display: flex
}
/* Icon bei Lvl 1 Item mit Children (Dropdown) hinzufügen */
.main-navigation .nlv_1 > li> a.childs:not(.hide-icon)::after {
content: "";
display: inline-block;
width: 1rem;
height: 1rem;
font-size: 1rem;
margin-left: .25rem;
vertical-align: middle;
-webkit-mask-size: auto;
mask-size: auto;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
background-color: currentColor;
width: 1em;
height: 1em;
font-size: .75em;
margin-bottom: 0;
-webkit-mask-image: var(--icon-mask-image-chevron-down);
mask-image: var(--icon-mask-image-chevron-down);
position: static;
visibility: visible;
transform: none;
transition: all .25s ease-out;
margin-right: 0;
}
/* .main-navigation .nlv_2 {
@apply utility-md;
} */
body.dropdown-menu .main-navigation .nlv_2 a, body.dropdown-menu .main-navigation .nlv_2 span {
padding: calc( var(--padding-sm) * .5 ) var(--padding-sm);
}
body.startseite-2024 {
}
#nav-mob {
margin: 0 calc(var(--padding) * -1);
}
/* Fix: Styling Issues Premiumlayout */
.overlay {
position: relative;
}
.overlay-link {
background: #fff0;
position: absolute;
inset: 0;
z-index: 1;
}
.result-list .overlay > a:hover + .overlay-content .list-title, .result-list .overlay > a:focus + .overlay-content .list-title {
color: var(--linkcolor);
}
.result-list .overlay > a:hover + .overlay-content .list-img, .result-list .overlay > a:focus + .overlay-content .list-img {
opacity: 0.8;
}
.result-list .overlay-content .list-img,
.result-list .overlay-content .list-title {
transition: all .1s ease;
}
/* Fix: Styling Com List in Randspalte */
ul.com-list {
list-style: none;
padding-left: 0;
/* margin: var(--padding) 0; */
}
/* Footer */
footer.site-footer {
/* border-top: 4px solid var(--color-green); */
background-color: var(--color-darkblue);
color: var(--color-white);
}
footer.site-footer .footer-logo-bar {
margin-bottom: calc(var(--margin-lg) * 2);
}
footer.site-footer .quickmenu ul {
margin-bottom: 0;
border-bottom: solid var(--border-width) var(--color-darkblue-60);
display: flex;
justify-content: space-between;
}
footer.site-footer a, footer.site-footer .linkcolor, footer.site-footer .linkcolor a {
color: var(--color-white);
}
footer.site-footer a.tertiary-btn:hover, footer.site-footer .linkcolor.tertiary-btn:hover, footer.site-footer .linkcolor a.tertiary-btn:hover {
color: var(--color-black);
border-color: var(--color-gray-30) !important;
}
@media (max-width: 1920px) {
/**/
}
@media (max-width: 1279px) {
/**/
footer.site-footer .quickmenu ul {
flex-direction: column;
}
}
@media (max-width: 1023px) {
/**/
.header-right .slicknav_btn {
width: calc(var(--headerheight, 85px) * 0.75);
height: calc(var(--headerheight, 85px) * 0.75);
display: flex;
flex-direction: column;
justify-content: center;
}
.top.classicnav.sticky .header-right .slicknav_btn {
width: calc(var(--headerheight, 85px) * 0.5);
min-width: calc(60px - 10px);
height: calc(var(--headerheight, 85px) * 0.5);
min-height: calc(60px - 10px);
}
.top.classicnav.sticky .header-right .slicknav_btn .slicknav_icon {
position: absolute;
top: 50%;
right: 0;
left: 0;
transform: translateY(-50%);
margin: auto;
}
.header-right .slicknav_menutxt,
.sm-btn .slicknav_menutxt {
display: block;
}
.text-columns.gap-x-lg {
gap: var(--grid-gap);
}
.text-columns > .text-column.px-md {
padding-left: calc( var(--padding) * 1 );
padding-right: calc( var(--padding) * 1 )
}
.text-columns > .text-column.px-lg {
padding-left: calc( var(--padding) * 1 );
padding-right: calc( var(--padding) * 1 )
}
.text-columns > .text-column.flex-col-2 .flex-col-2 {
flex-basis: 100%;
width: 100%;
}
.result-list.flex-row > li.text-columns > .text-column.flex-col-2 .flex-col-2:last-child {
padding-bottom: 0;
border-bottom: none;
}
li.with-background .text-columns > .text-column.flex-col-2 .flex-col-2.order-0 .list-text {
padding: var(--padding, 15px) var(--padding, 15px) 0 var(--padding, 15px);
}
li.with-background .text-columns > .text-column.flex-col-2 .flex-col-2.order-1 .list-text {
padding: 0 var(--padding, 15px) var(--padding, 15px) var(--padding, 15px);
}
.result-list .flex-row .text-columns > .text-column.flex-col-2 .flex-col-2.order-1 {
padding-top: var(--flex-gap-col, 15px);
}
[class*="flex-col-"]:not(.text-columns > .text-column.flex-col-2 .flex-col-2) .colored-container.full-width {
width: 100%;
padding: var(--padding-lg, 30px);
margin: var(--margin-lg, 30px) 0;
border-radius: var(--border-radius-box);
}
[class*="flex-col-"]:not(.text-columns > .text-column.flex-col-2 .flex-col-2) .colored-container.full-width .wrapper {
width: unset;
max-width: unset;
padding: unset;
margin: unset;
transition: unset;
}
:root {
--scrollbar-width: 0px;
--navmaxheight: 120px
}
.top-bar,
.top-bar.sticky {
/* padding-bottom: 0; */
}
}
@media (max-width: 767px) {
/**/
/**/
:root {
/* Layout-Variablen
------------------------------------------------- */
/* Logo Höhe */
--logo-gn-height: 15px;
--logo-wm-height: 20px;
/* Border */
--border-width: 0.75px;
--border-radius-box: 5px;
--border-radius-small: 4px;
/* Abstand */
--grid-gap: 8px;
--grid-cols: 4px;
/* Container */
--container-padding: 20px;
--container-margin: 40px;
/* Spacing */
--spacing-0-5x: 2px;
--spacing-1x: 4px;
--spacing-2x: 8px;
--spacing-2-5x: 12px;
--spacing-3x: 16px;
--spacing-3-5x: 24px;
--spacing-4x: 32px;
--spacing-4-5x: 48px;
--spacing-5x: 64px;
--spacing-5-5x: 80px;
/* Font-Settings-Variablen
------------------------------------------------- */
/* Font Sizes
------------------------------------------------- */
/* Display */
--font-size-display-lg: 40px;
--font-size-display-md: 38px;
--font-size-display-sm: 34px;
/* Heading */
--font-size-heading-2xl: 32px;
--font-size-heading-xl: 28px;
--font-size-heading-lg: 24px;
--font-size-heading-md: 20px;
--font-size-heading-sm: 18px;
--font-size-heading-xs: 16px;
/* Copy */
--font-size-copy-2xl: 24px;
--font-size-copy-xl: 22px;
--font-size-copy-lg: 20px;
--font-size-copy-md: 16px;
--font-size-copy-sm: 14px;
--font-size-copy-xs: 12px;
--font-size-copy-xxs: 10px;
/* Utility */
--font-size-utility-lg: 20px;
--font-size-utility-md: 16px;
--font-size-utility-sm: 12px;
/* Line Heights
------------------------------------------------- */
/* Display */
--line-height-display-lg: 44px;
--line-height-display-md: 42px;
--line-height-display-sm: 38px;
/* Heading */
--line-height-heading-2xl: 38px;
--line-height-heading-xl: 34px;
--line-height-heading-lg: 29px;
--line-height-heading-md: 24px;
--line-height-heading-sm: 22px;
--line-height-heading-xs: 19px;
/* Copy */
--line-height-copy-2xl: 34px;
--line-height-copy-xl: 31px;
--line-height-copy-lg: 28px;
--line-height-copy-md: 24px;
--line-height-copy-sm: 20px;
--line-height-copy-xs: 17px;
--line-height-copy-xxs: 14px;
/* Utility */
--line-height-utility-lg: 20px;
--line-height-utility-md: 16px;
--line-height-utility-sm: 12px;
/* Letter Spacing
------------------------------------------------- */
/* Display */
--letter-spacing-display-lg: -0.02em;
--letter-spacing-display-md: -0.02em;
--letter-spacing-display-sm: -0.02em;
/* Heading */
--letter-spacing-heading-2xl: -0.02em;
--letter-spacing-heading-xl: -0.02em;
--letter-spacing-heading-lg: -0.02em;
--letter-spacing-heading-md: -0.02em;
--letter-spacing-heading-sm: -0.02em;
--letter-spacing-heading-xs: -0.02em;
/* Copy */
--letter-spacing-copy-sm: 0.015em;
--letter-spacing-copy-xs: 0.01em;
--letter-spacing-copy-xxs: 0.005em;
/* Utility */
--letter-spacing-utility-lg: 0.005em;
--letter-spacing-utility-md: 0.015em;
--letter-spacing-utility-sm: 0.02em;
}
.flex-row.text-columns {
flex-wrap: wrap;
}
.colored-container {
padding: var(--padding, 30px)
}
.result-list.mitteilungen {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.result-list.mitteilungen.items-count-2 {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.result-list.mitteilungen.items-count-1 {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.content-section.px-md > .content-section-inner {
padding-left: calc( var(--padding) * 1 );
padding-right: calc( var(--padding) * 1 )
}
.content-section.px-lg > .content-section-inner {
padding-left: calc( var(--padding) * 1 );
padding-right: calc( var(--padding) * 1 )
}
.page-header.colored-container {
padding: calc(var(--padding) * 1.0)
}
.dienstleistungen .produktbeschreibung-links {
order: 2
}
.dienstleistungen .produktbeschreibung-rechts {
order: 1
}
.text-columns > .text-column.px-sm {
padding-left: calc( var(--padding) * 0 );
padding-right: calc( var(--padding) * 0 )
}
.text-columns > .text-column.px-md {
padding-left: calc( var(--padding) * 0 );
padding-right: calc( var(--padding) * 0 )
}
.text-columns > .text-column.px-lg {
padding-left: calc( var(--padding) * 0 );
padding-right: calc( var(--padding) * 0 )
}
.card {
flex-direction: column
}
.home-teaser-row {
flex-direction: column;
}
.home-teaser-row .card.vertikal {
min-height: 300px
}
.home-teaser-row #news-images,
.home-teaser-row #news-images-track,
.home-teaser-row .image-column .image-single,
.home-teaser-row #news-images .list-img,
.home-teaser-row .image-column .image-single .list-img,
.home-teaser-row #news-images .list-img .wrap-img,
.home-teaser-row .image-column .image-single .list-img .wrap-img,
.home-teaser-row #news-images .list-img .wrap-img img,
.home-teaser-row .image-column .image-single .list-img .wrap-img img {
min-height: 300px;
max-height: 400px
}
.home-teaser-row .image-column {
order: -9999 !important;
width: 100% !important;
flex-basis: 100% !important;
}
.home-teaser-row .text-column {
width: 100% !important;
flex-basis: 100% !important;
}
.home-teaser-row .blank-column {
display: none !important;
}
.call-to-action .flex-row.wrapper {
gap: var(--spacing-4x);
}
:root {
--scrollbar-width: 0px;
--navmaxheight: 70px
}
.section-heading {
-webkit-hyphens: auto;
hyphens: auto
}
body.sticky-nav {
padding-top: calc(var(--navmaxheight) + -1px)
}
.top-bar {
padding-top: var(--padding-sm)
}
footer.site-footer .quickmenu ul li:last-child {
margin-bottom: var(--spacing-3x) !important;
}
}
@media (min-width: 768px) {
/**/
.container {
max-width: 768px;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
/**/
.result-list.mitteilungen {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.result-list.mitteilungen.items-count-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.result-list.mitteilungen.items-count-1 {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
@media (min-width: 1024px) {
/**/
.container {
max-width: 1024px;
}
}
@media (min-width: 1024px) and (max-width: 1279px) {
/**/
}
@media (min-width: 1280px) {
/**/
.content-section.home-content-section .section-intro {
width: 75%;
}
.container {
max-width: 1280px;
}
}
@media (min-width: 1280px) and (max-width: 1920px) {
/**/
}
@media (min-width: 1921px) {
/**/
.container {
max-width: 1921px;
}
}
@media (min-width: 768px) and ( max-width: 1023px ) {
:root {
/* Layout-Variablen
------------------------------------------------- */
/* Logo Höhe */
--logo-gn-height: 18px;
--logo-wm-height: 24px;
/* Border */
--border-radius-box: 6px;
--border-radius-small: 4px;
--border-width: 1px;
/* Abstand */
--grid-gap: 10px;
/* Container */
--container-padding: 24px;
--container-margin: 48px;
/* Spacing */
--spacing-0-5x: 3px;
--spacing-1x: 6px;
--spacing-2x: 12px;
--spacing-2-5x: 18px;
--spacing-3x: 24px;
--spacing-3-5x: 32px;
--spacing-4x: 48px;
--spacing-4-5x: 72px;
--spacing-5x: 96px;
--spacing-5-5x: 120px;
/* Font-Settings-Variablen
------------------------------------------------- */
/* Font Sizes
------------------------------------------------- */
/* Display */
--font-size-display-lg: 56px;
--font-size-display-md: 46px;
--font-size-display-sm: 40px;
/* Heading */
--font-size-heading-2xl: 34px;
--font-size-heading-xl: 30px;
--font-size-heading-lg: 26px;
--font-size-heading-md: 22px;
--font-size-heading-sm: 20px;
--font-size-heading-xs: 18px;
/* Copy */
--font-size-copy-2xl: 30px;
--font-size-copy-xl: 26px;
--font-size-copy-lg: 22px;
--font-size-copy-md: 18px;
--font-size-copy-sm: 16px;
--font-size-copy-xs: 14px;
--font-size-copy-xxs: 12px;
/* Utility */
--font-size-utility-lg: 20px;
--font-size-utility-md: 16px;
--font-size-utility-sm: 12px;
/* Line Heights
------------------------------------------------- */
/* Display */
--line-height-display-lg: 62px;
--line-height-display-md: 51px;
--line-height-display-sm: 44px;
/* Heading */
--line-height-heading-2xl: 41px;
--line-height-heading-xl: 36px;
--line-height-heading-lg: 31px;
--line-height-heading-md: 26px;
--line-height-heading-sm: 24px;
--line-height-heading-xs: 22px;
/* Copy */
--line-height-copy-2xl: 42px;
--line-height-copy-xl: 36px;
--line-height-copy-lg: 31px;
--line-height-copy-md: 27px;
--line-height-copy-sm: 23px;
--line-height-copy-xs: 20px;
--line-height-copy-xxs: 17px;
/* Utility */
--line-height-utility-lg: 20px;
--line-height-utility-md: 16px;
--line-height-utility-sm: 12px;
/* Letter Spacing
------------------------------------------------- */
/* Display */
--letter-spacing-display-lg: -0.02em;
--letter-spacing-display-md: -0.02em;
--letter-spacing-display-sm: -0.02em;
/* Heading */
--letter-spacing-heading-2xl: -0.02em;
--letter-spacing-heading-xl: -0.02em;
--letter-spacing-heading-lg: -0.02em;
--letter-spacing-heading-md: -0.02em;
--letter-spacing-heading-sm: -0.02em;
--letter-spacing-heading-xs: -0.02em;
/* Copy */
--letter-spacing-copy-sm: 0.015em;
--letter-spacing-copy-xs: 0.01em;
--letter-spacing-copy-xxs: 0.005em;
/* Utility */
--letter-spacing-utility-lg: 0.005em;
--letter-spacing-utility-md: 0.015em;
--letter-spacing-utility-sm: 0.02em;
}
}
@media (min-width: 1024px) and (max-width: 1919px ) {
:root {
/* Layout-Variablen
------------------------------------------------- */
/* Logo Höhe */
--logo-wm-height: 32px;
--logo-gn-height: 24px;
/* Border */
--border-radius-box: 8px;
--border-radius-small: 4px;
--border-width: 1.25px;
/* Abstand */
--grid-gap: 12px;
/* Container */
--container-padding: 32px;
--container-margin: 64px;
/* Spacing */
--spacing-0-5x: 4px;
--spacing-1x: 8px;
--spacing-2x: 16px;
--spacing-2-5x: 24px;
--spacing-3x: 32px;
--spacing-3-5x: 48px;
--spacing-4x: 64px;
--spacing-4-5x: 96px;
--spacing-5x: 128px;
--spacing-5-5x: 160px;
/* Font-Settings-Variablen
------------------------------------------------- */
/* Font Sizes
------------------------------------------------- */
/* Display */
--font-size-display-lg: 70px;
--font-size-display-md: 56px;
--font-size-display-sm: 48px;
/* Heading */
--font-size-heading-2xl: 40px;
--font-size-heading-xl: 34px;
--font-size-heading-lg: 28px;
--font-size-heading-md: 24px;
--font-size-heading-sm: 22px;
--font-size-heading-xs: 20px;
/* Copy */
--font-size-copy-2xl: 34px;
--font-size-copy-xl: 28px;
--font-size-copy-lg: 24px;
--font-size-copy-md: 18px;
--font-size-copy-sm: 16px;
--font-size-copy-xs: 14px;
--font-size-copy-xxs: 12px;
/* Utility */
--font-size-utility-lg: 20px;
--font-size-utility-md: 16px;
--font-size-utility-sm: 12px;
/* Line Heights
------------------------------------------------- */
/* Display */
--line-height-display-lg: 77px;
--line-height-display-md: 62px;
--line-height-display-sm: 53px;
/* Heading */
--line-height-heading-2xl: 48px;
--line-height-heading-xl: 41px;
--line-height-heading-lg: 34px;
--line-height-heading-md: 29px;
--line-height-heading-sm: 26px;
--line-height-heading-xs: 24px;
/* Copy */
--line-height-copy-2xl: 44px;
--line-height-copy-xl: 37px;
--line-height-copy-lg: 32px;
--line-height-copy-md: 27px;
--line-height-copy-sm: 23px;
--line-height-copy-xs: 20px;
--line-height-copy-xxs: 17px;
/* Utility */
--line-height-utility-lg: 20px;
--line-height-utility-md: 16px;
--line-height-utility-sm: 12px;
/* Letter Spacing
------------------------------------------------- */
/* Display */
--letter-spacing-display-lg: -0.02em;
--letter-spacing-display-md: -0.02em;
--letter-spacing-display-sm: -0.02em;
/* Heading */
--letter-spacing-heading-2xl: -0.02em;
--letter-spacing-heading-xl: -0.02em;
--letter-spacing-heading-lg: -0.02em;
--letter-spacing-heading-md: -0.02em;
--letter-spacing-heading-sm: -0.02em;
--letter-spacing-heading-xs: -0.02em;
/* Copy */
--letter-spacing-copy-sm: 0.015em;
--letter-spacing-copy-xs: 0.01em;
--letter-spacing-copy-xxs: 0.005em;
/* Utility */
--letter-spacing-utility-lg: 0.005em;
--letter-spacing-utility-md: 0.015em;
--letter-spacing-utility-sm: 0.02em;
}
}
@media (min-width: 1920px) {
:root {
/* Layout-Variablen
------------------------------------------------- */
/* Logo Höhe */
--logo-gn-height: 30px;
--logo-wm-height: 40px;
/* Border */
--border-width: 1.5px;
--border-radius-box: 10px;
--border-radius-small: 4px;
/* Abstand */
--grid-gap: 16px;
--grid-cols: 12px;
/* Container */
--container-padding: 40px;
--container-margin: 80px;
/* Spacing */
--spacing-0-5x: 4px;
--spacing-1x: 8px;
--spacing-2x: 16px;
--spacing-2-5x: 24px;
--spacing-3x: 32px;
--spacing-3-5x: 48px;
--spacing-4x: 64px;
--spacing-4-5x: 96px;
--spacing-5x: 128px;
--spacing-5-5x: 160px;
/* Font-Settings-Variablen
------------------------------------------------- */
/* Font Sizes
------------------------------------------------- */
/* Display */
--font-size-display-lg: 70px;
--font-size-display-md: 56px;
--font-size-display-sm: 48px;
/* Heading */
--font-size-heading-2xl: 40px;
--font-size-heading-xl: 34px;
--font-size-heading-lg: 28px;
--font-size-heading-md: 24px;
--font-size-heading-sm: 22px;
--font-size-heading-xs: 20px;
/* Copy */
--font-size-copy-2xl: 34px;
--font-size-copy-xl: 28px;
--font-size-copy-lg: 24px;
--font-size-copy-md: 20px;
--font-size-copy-sm: 16px;
--font-size-copy-xs: 14px;
--font-size-copy-xxs: 12px;
/* Utility */
--font-size-utility-lg: 20px;
--font-size-utility-md: 16px;
--font-size-utility-sm: 12px;
/* Line Heights
------------------------------------------------- */
/* Display */
--line-height-display-lg: 77px;
--line-height-display-md: 62px;
--line-height-display-sm: 53px;
/* Heading */
--line-height-heading-2xl: 48px;
--line-height-heading-xl: 41px;
--line-height-heading-lg: 34px;
--line-height-heading-md: 29px;
--line-height-heading-sm: 26px;
--line-height-heading-xs: 24px;
/* Copy */
--line-height-copy-2xl: 44px;
--line-height-copy-xl: 37px;
--line-height-copy-lg: 32px;
--line-height-copy-md: 30px;
--line-height-copy-sm: 23px;
--line-height-copy-xs: 20px;
--line-height-copy-xxs: 17px;
/* Utility */
--line-height-utility-lg: 20px;
--line-height-utility-md: 16px;
--line-height-utility-sm: 12px;
/* Letter Spacing
------------------------------------------------- */
/* Display */
--letter-spacing-display-lg: -0.02em;
--letter-spacing-display-md: -0.02em;
--letter-spacing-display-sm: -0.02em;
/* Heading */
--letter-spacing-heading-2xl: -0.02em;
--letter-spacing-heading-xl: -0.02em;
--letter-spacing-heading-lg: -0.02em;
--letter-spacing-heading-md: -0.02em;
--letter-spacing-heading-sm: -0.02em;
--letter-spacing-heading-xs: -0.02em;
/* Copy */
--letter-spacing-copy-sm: 0.015em;
--letter-spacing-copy-xs: 0.01em;
--letter-spacing-copy-xxs: 0.005em;
/* Utility */
--letter-spacing-utility-lg: 0.005em;
--letter-spacing-utility-md: 0.015em;
--letter-spacing-utility-sm: 0.02em;
}
}
@media screen and (min-width: 1024px) {
abbr[title]:hover::after, abbr[title]:focus::after, abbr[title]:active::after {
content: '';
}
abbr[title] {
cursor: help;
}
.flex-lg {
display: flex;
}
.hide-lg {
display: none;
}
.colored-container_text-container.width-33 {
max-width: 33.333%;
}
.colored-container_text-container.width-50 {
max-width: 50%;
}
.colored-container_text-container.width-66 {
max-width: 66.666%;
}
.colored-container_text-container.left {
margin: 0 auto 0 0 ;
}
.colored-container_text-container.right {
margin: 0 0 0 auto;
}
.colored-container_text-container.center {
margin: 0 auto;
}
.gmc_adrlist_link:nth-child(3n+1) {
clear: both;
}
}
@media screen and (max-width: 767px) {
ul.ikiss-unordered-list, ol.ikiss-ordered-list {
width: 100%;
}
.flex-sm {
display: flex;
}
.column-1, .column-2, .column-3, .column-4, .column-5, .column-6, .column-2x3, .column-2x4, .column-3x4, .column-2x5, .column-3x5, .column-4x5, .column-2x6, .column-3x6, .column-4x6, .column-5x6 {
width: 100%;
}
.column-sm-1 {
width: 100%;
}
.column-sm-2, .column-sm-2x4, .column-sm-3x6 {
width: 50%;
}
.column-sm-3, .column-sm-2x6 {
width: 33.333%;
}
.column-sm-2x3, .column-sm-4x6 {
width: 66.666%;
}
.column-sm-4 {
width: 25%;
}
.column-sm-3x4 {
width: 75%;
}
.column-sm-5 {
width: 20%;
}
.column-sm-2x5 {
width: 40%;
}
.column-sm-3x5 {
width: 60%;
}
.column-sm-4x5 {
width: 80%;
}
.column-sm-6 {
width: 16.666%;
}
.column-sm-5x6 {
width: 83.333%;
}
.sm-only {
display: block !important;
}
.hide-sm {
display: none !important;
}
#NFm .inputs .flex-col-3 + .flex-col-2x3 {
margin-top: -0.5em;
}
img.mt_left, img.mt_right, .mt_ac.mt_left, .mt_ac.mt_right {
max-width: calc(50% - 15px);
}
.mt_ac img[class*="mt_"] {
max-width: none;
}
.mt_ac .mc2_ac {
font-size: 0.5rem;
}
.result-list_image-copyright {
font-size: 0.5rem;
}
.object-data {
display: block;
gap: unset;
grid-template-columns: unset;
}
.object-data_field, .object-data_value {
grid-column-start: unset;
}
.object-data_value + .object-data_field {
padding-top: 1em;
}
.object-data_field + .object-data_value {
padding-top: 0.25em;
}
.cookie-note.bottom-left, .cookie-note.bottom-right, .cookie-note.bottom {
right: 0;
bottom: 0;
left: 0;
max-width: none;
font-size: 1em;
padding: var(--padding, 15px);
margin: 0;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.25);
}
.ikiss-form-element {
width: 100% !important;
}
.browser-newsletter_image-copyright {
font-size: 0.5em;
}
.booking-form th, .booking-form td {
font-size: 0.875em;
padding: calc(var(--padding, 15px) / 3);
}
.booking-form .booking-vacant,
.booking-form .booking-short,
.booking-form .booking-reserved {
padding: calc(var(--padding, 15px) / 3) var(--padding-sm, 7.5px);
}
.image-single.pull-left, .image-single.pull-right {
max-width: calc(50% - 15px);
}
.wrap-img > .img-copyright {
font-size: 0.5rem;
}
.colored-container_image-copyright {
font-size: 0.5rem;
}
div.gmc_page {
height: auto;
}
div.gmc_control {
width: 100% !important;
height: auto;
}
div.gmc_header {
position: relative;
top: auto;
right: auto;
width: 100%;
}
div.gmc_control {
position: relative;
top: auto;
bottom: auto;
width: 100%;
}
div.gmc_map {
height: 400px;
}
.gmc_page .gm-style-moc {
padding-left: 1em !important;
}
.gmc_page .leaflet-container::after {
padding-left: 1em;
}
#gmc_cookie_msg {
float: none;
width: 100%;
text-align: center;
}
.headerheight {
height: calc(var(--headerheight, 85px) * 0.5);
}
.site-header .logo.headerheight {
height: auto;
}
.flex-col-sm-50 {
flex-basis: calc(50% - var(--flex-gap-col, 30px));
width: calc(50% - var(--flex-gap-col, 30px));
}
.flex-col-sm-55 {
flex-basis: calc(55% - var(--flex-gap-col, 30px));
width: calc(55% - var(--flex-gap-col, 30px));
}
.flex-col-sm-45 {
flex-basis: calc(45% - var(--flex-gap-col, 30px));
width: calc(45% - var(--flex-gap-col, 30px));
}
@supports (-ms-ime-align:auto) {
.flex-col-sm-50 {
/* Edge */
flex-basis: calc(49.999% - var(--flex-gap-col, 30px));
width: calc(49.999% - var(--flex-gap-col, 30px));
}
.flex-col-sm-55 {
/* Edge */
flex-basis: calc(54.999% - var(--flex-gap-col, 30px));
width: calc(54.999% - var(--flex-gap-col, 30px));
}
.flex-col-sm-45 {
/* Edge */
flex-basis: calc(44.999% - var(--flex-gap-col, 30px));
width: calc(44.999% - var(--flex-gap-col, 30px));
}
}
.login-btn.mr-10 {
margin-right: 10px;
}
.header-right .login-outer {
display: none;
}
.top.classicnav button.headerheight {
max-width: 50px;
max-height: 50px;
}
.header-right .slicknav_btn,
.top-bar > .row > .slicknav_btn,
.top-bar > .flex-row > .slicknav_btn {
padding: 0 var(--padding, 15px) 0 0;
}
.suche-btn, .suche-btn-fs, .login-btn {
min-width: 50px;
min-height: 50px;
}
.suche input {
max-width: none;
}
.sm-btn {
display: block;
}
.sm-btn button {
text-align: center;
cursor: pointer;
background-color: transparent;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.sm-btn button.suche-btn,
.modern-search .sm-btn button.suche-btn,
.sm-btn button.suche-btn-fs,
.sm-btn button.login-btn {
float: none;
width: calc(var(--headerheight, 85px) * 0.5);
max-width: 50px;
height: calc(var(--headerheight, 85px) * 0.5);
max-height: 50px;
color: var(--primarytextcolor, #fff);
background-color: var(--primarycolor, #006080);
}
.modern-search .header-right .suche-btn,
.modern-search .header-right .suche-btn-fs,
.modern-search .header-right .login-btn {
display: none;
}
.header-right .suche {
width: 100%;
margin-top: var(--margin, 15px);
}
.modern-search .header-right .suche-outer {
display: none;
transform: scaleX(1);
padding-right: 0;
}
.modern-search .header-right .suche-outer.active {
display: block;
width: 100%;
margin-top: 5px;
}
.modern-search .header-right .suche-outer .suche {
margin-top: 0;
}
.modern-search .snav_btn,
.modern-nav-btn.snav_btn {
position: relative;
float: right;
width: calc(var(--headerheight, 85px) * 0.5);
min-width: calc(60px - 10px);
height: calc(var(--headerheight, 85px) * 0.5);
min-height: calc(60px - 10px);
text-align: center;
color: var(--primarytextcolor, #fff);
background-color: var(--primarycolor, #006080);
padding: 0;
margin-left: 1px;
margin-left: var(--grid-gap, 5px);
border-radius: var(--border-radius-small);
/* background-color: transparent; */
}
.modern-search .snav_btn > [class*="fa-"],
.modern-nav-btn.snav_btn > [class*="fa-"] {
font-size: 1.75rem;
margin-right: 0;
font-size: 1em;
line-height: 1.125;
}
.top-bar > .flex-row .slicknav_icon {
width: auto;
height: auto;
margin: 0 auto;
}
.top-bar > .flex-row .slicknav_icon-bar {
background-color: #fff;
margin: auto 10px;
}
.btn-desc {
/* display: none; */
}
.site-footer .quickmenu ul a {
margin-right: calc(var(--margin, 15px) / 3);
margin-left: 0;
}
.site-header .logo span,
.top.classicnav.sticky .logo span {
width: 100%;
font-size: 1em;
}
.headerheight, .headerheight.header-right {
height: auto;
}
.titelbild .slogan {
text-align: center;
padding: var(--padding, 15px);
padding: calc(1rem + var(--padding, 15px)) calc(1.5rem + calc(1.325 * var(--padding, 15px)));
}
.titelbild .slogan.with-bg .slogan-title {
margin: 0 auto;
}
.titelbild .slogan.with-bg .slogan-text {
margin: -0.25em auto 0 auto;
}
.titelbild-direction-nav li button {
width: 1.5rem;
height: 1.5rem;
}
.ikiss-flexslider-direction-nav li button [class*="fa-"] {
font-size: 1.5rem;
}
.titelbild-slider:hover .titelbild-direction-nav .titelbild-prev {
left: 10px;
}
.titelbild-slider:hover .titelbild-direction-nav .titelbild-next {
right: 10px;
}
.titelbild-slider .ikiss-flexslider-pauseplay {
padding: 10px;
}
.ikiss-flexslider-pauseplay button [class*=fa-] {
font-size: 1.5rem;
}
.titelbild-slider .titelbild-control-nav {
display: none;
}
.titelbild-bullet-nav.bottom-left.with-pauseplay {
padding-left: calc(1.75rem + 15px);
}
.titelbild-bullet-nav li a {
margin: 0.1875rem;
}
.titelbild-bullet-nav li button [class*="fa-"] {
font-size: 0.75rem;
}
.header-right .inner {
display: block;
}
.main-navigation {
display: none;
}
.suche form {
min-width: auto;
max-width: none;
width: 100%;
}
body.full-width.startseite .slogan {
font-size: 2em;
}
.flags {
position: relative;
top: auto;
z-index: 1;
transform: none;
right: auto;
width: 100%;
}
.flags .cards {
margin-bottom: 1px;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
}
.flags .cards:first-child {
margin-top: 1px;
}
.flags .cards > a {
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
}
.flags .cards .icon + .caption {
padding: 0;
}
.flags a .caption,
.flags .cards .icon + .caption {
opacity: 1;
top: 0;
right: auto;
left: 72px;
border-radius: 0px;
transform: none;
box-shadow: none;
}
.flags a:hover .caption, .flags .cards a:hover .icon + .caption,
.flags a:focus .caption, .flags .cards a:focus .icon + .caption,
.flags a:focus-visible .caption, .flags .cards a:focus-visible .icon + .caption {
transform: none;
}
.flags a .caption::after {
display: none;
}
.flags .cards .caption .title {
position: relative;
top: 50%;
transform: translateY(-50%);
}
.randspalte {
margin-top: var(--margin-lg, 30px);
}
.pagewidth-wide .modern-nav + .site-header .header-right .flex-inner.-mr-30,
.pagewidth-full .modern-nav + .site-header .header-right .flex-inner.-mr-30 {
margin-right: 0;
}
body.pagewidth-full .wrapper {
padding-left: var(--padding, 15px);
padding-right: var(--padding, 15px);
}
body.pagewidth-full .top-bar .flex-row.wrapper {
padding: 0;
}
.column-sm-1x12, .column-sm-12 {
width: 8.333%;
}
.column-sm-2x12 {
width: 16.666%;
}
.column-sm-3x12 {
width: 25%;
}
.column-sm-4x12 {
width: 33.333%;
}
.column-sm-5x12 {
width: 41.666%;
}
.column-sm-6x12 {
width: 50%;
}
.column-sm-7x12 {
width: 58.333%;
}
.column-sm-8x12 {
width: 66.666%;
}
.column-sm-9x12 {
width: 75%;
}
.column-sm-10x12 {
width: 83.333%;
}
.column-sm-11x12 {
width: 91.666%;
}
.column-sm-12x12 {
width: 100%;
}
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
.flex-md {
display: flex;
}
}
@media screen and (max-width: 1023px) {
.column-md-1 {
width: 100%;
}
.column-md-2, .column-md-2x4, .column-md-3x6 {
width: 50%;
}
.column-md-3, .column-md-2x6 {
width: 33.333%;
}
.column-md-2x3, .column-md-4x6 {
width: 66.666%;
}
.column-md-4 {
width: 25%;
}
.column-md-3x4 {
width: 75%;
}
.column-md-5 {
width: 20%;
}
.column-md-2x5 {
width: 40%;
}
.column-md-3x5 {
width: 60%;
}
.column-md-4x5 {
width: 80%;
}
.column-md-6 {
width: 16.666%;
}
.column-md-5x6 {
width: 83.333%;
}
.md-only {
display: block;
}
.hide-md {
display: none !important;
}
img.mt_left, img.mt_right, .mt_ac.mt_left, .mt_ac.mt_right {
max-width: calc(66.666% - 15px);
}
.mt_ac img[class*="mt_"] {
max-width: none;
}
.cookie-note.bottom-left, .cookie-note.bottom-right, .cookie-note.bottom {
font-size: 1em;
}
.browser-newsletter {
width: calc(100% + 30px);
padding: 30px 15px;
margin: 15px -15px;
}
.image-single.pull-left, .image-single.pull-right {
max-width: calc(66.666% - 15px);
}
.iframe-message {
max-width: 500px;
width: calc(100% - 30px);
font-size: 0.75em;
padding: var(--padding, 15px);
margin: var(--margin, 15px);
}
.iframe-message.top-left {
top: 15px;
left: 15px;
}
.iframe-message.top-right {
top: 15px;
right: 15px;
}
.iframe-message.top {
top: 15px;
right: 15px;
left: 15px;
}
.gmc_adrlist_link:nth-child(2n+1) {
clear: both;
}
.top.sticky {
max-height: 100vh;
overflow: auto;
}
#nav-mob {
position: relative;
z-index: 70;
}
.headerheight {
height: calc(var(--headerheight, 85px) * 0.75);
}
.logo .headerheight img {
max-height: calc(var(--headerheight, 85px));
}
.logo span {
font-size: 1.188em;
}
.header-right {
text-align: left;
}
.header-right .suche {
width: 325px;
}
.suche-outer .suche {
width: 240px;
}
.suche form {
float: none;
}
.suche-btn,
.suche-btn-fs,
.login-btn {
width: calc(var(--headerheight, 85px) * 0.75);
}
.titelbild .slogan {
font-size: 1.75em !important;
text-align: center;
padding: var(--padding-lg, 30px);
margin: auto;
}
.column-md-1x12, .column-md-12 {
width: 8.333%;
}
.column-md-2x12 {
width: 16.666%;
}
.column-md-3x12 {
width: 25%;
}
.column-md-4x12 {
width: 33.333%;
}
.column-md-5x12 {
width: 41.666%;
}
.column-md-6x12 {
width: 50%;
}
.column-md-7x12 {
width: 58.333%;
}
.column-md-8x12 {
width: 66.666%;
}
.column-md-9x12 {
width: 75%;
}
.column-md-10x12 {
width: 83.333%;
}
.column-md-11x12 {
width: 91.666%;
}
.column-md-12x12 {
width: 100%;
}
}
@media only screen and (max-width: 1023px) {
.flex-col-md-1 {
flex-basis: 100%;
width: 100%;
}
.flex-col-md-2, .flex-col-md-2x4, .flex-col-md-3x6 {
flex-basis: calc(50% - var(--flex-gap-col, 30px));
width: calc(50% - var(--flex-gap-col, 30px));
}
@supports (-ms-ime-align:auto) {
/* Edge */
.flex-col-md-2, .flex-col-md-2x4, .flex-col-md-3x6 {
flex-basis: calc(49.999% - var(--flex-gap-col, 30px));
width: calc(49.999% - var(--flex-gap-col, 30px));
}
}
.collapse .flex-col-md-2, .collapse .flex-col-md-2x4, .collapse .flex-col-md-3x6 {
flex-basis: 50%;
width: 50%;
}
.flex-col-md-3, .flex-col-md-2x6 {
flex-basis: calc(33.333% - var(--flex-gap-col, 30px));
width: calc(33.333% - var(--flex-gap-col, 30px));
}
.collapse .flex-col-md-3, .collapse .flex-col-md-2x6 {
flex-basis: 33.333%;
width: 33.333%;
}
.flex-col-md-2x3, .flex-col-md-4x6 {
flex-basis: calc(66.666% - var(--flex-gap-col, 30px));
width: calc(66.666% - var(--flex-gap-col, 30px));
}
.collapse .flex-col-md-2x3, .collapse .flex-col-md-4x6 {
flex-basis: 66.666%;
width: 66.666%;
}
.flex-col-md-4 {
flex-basis: calc(25% - var(--flex-gap-col, 30px));
width: calc(25% - var(--flex-gap-col, 30px));
}
@supports (-ms-ime-align:auto) {
/* Edge */
.flex-col-md-4 {
flex-basis: calc(24.999% - var(--flex-gap-col, 30px));
width: calc(24.999% - var(--flex-gap-col, 30px));
}
}
.collapse .flex-col-md-4 {
flex-basis: 25%;
width: 25%;
}
.flex-col-md-3x4 {
flex-basis: calc(75% - var(--flex-gap-col, 30px));
width: calc(75% - var(--flex-gap-col, 30px));
}
@supports (-ms-ime-align:auto) {
/* Edge */
.flex-col-md-3x4 {
flex-basis: calc(74.999% - var(--flex-gap-col, 30px));
width: calc(74.999% - var(--flex-gap-col, 30px));
}
}
.collapse .flex-col-md-3x4 {
flex-basis: 75%;
width: 75%;
}
.flex-col-md-5 {
flex-basis: calc(20% - var(--flex-gap-col, 30px));
width: calc(20% - var(--flex-gap-col, 30px));
}
@supports (-ms-ime-align:auto) {
/* Edge */
.flex-col-md-5 {
flex-basis: calc(19.999% - var(--flex-gap-col, 30px));
width: calc(19.999% - var(--flex-gap-col, 30px));
}
}
.collapse .flex-col-md-5 {
flex-basis: 20%;
width: 20%;
}
.flex-col-md-2x5 {
flex-basis: calc(40% - var(--flex-gap-col, 30px));
width: calc(40% - var(--flex-gap-col, 30px));
}
@supports (-ms-ime-align:auto) {
/* Edge */
.flex-col-md-2x5 {
flex-basis: calc(39.999% - var(--flex-gap-col, 30px));
width: calc(39.999% - var(--flex-gap-col, 30px));
}
}
.collapse .flex-col-md-2x5 {
flex-basis: 40%;
width: 40%;
}
.flex-col-md-3x5 {
flex-basis: calc(60% - var(--flex-gap-col, 30px));
width: calc(60% - var(--flex-gap-col, 30px));
}
@supports (-ms-ime-align:auto) {
/* Edge */
.flex-col-md-3x5 {
flex-basis: calc(59.999% - var(--flex-gap-col, 30px));
width: calc(59.999% - var(--flex-gap-col, 30px));
}
}
.collapse .flex-col-md-3x5 {
flex-basis: 60%;
width: 60%;
}
.flex-col-md-4x5 {
flex-basis: calc(80% - var(--flex-gap-col, 30px));
width: calc(80% - var(--flex-gap-col, 30px));
}
@supports (-ms-ime-align:auto) {
/* Edge */
.flex-col-md-4x5 {
flex-basis: calc(79.999% - var(--flex-gap-col, 30px));
width: calc(79.999% - var(--flex-gap-col, 30px));
}
}
.collapse .flex-col-md-4x5 {
flex-basis: 80%;
width: 80%;
}
.flex-col-md-6 {
flex-basis: calc(16.666% - var(--flex-gap-col, 30px));
width: calc(16.666% - var(--flex-gap-col, 30px));
}
.collapse .flex-col-md-6 {
flex-basis: 16.666%;
width: 16.666%;
}
.flex-col-md-5x6 {
flex-basis: calc(83.333% - var(--flex-gap-col, 30px));
width: calc(83.333% - var(--flex-gap-col, 30px));
}
.collapse .flex-col-md-5x6 {
flex-basis: 83.333%;
width: 83.333%;
}
.org-chart-level-1 .flex-col-md-2 {
margin-top: -1em;
}
.cards.flex-col-4 {
flex-basis: calc(50% - var(--flex-gap-col, 30px));
width: calc(50% - var(--flex-gap-col, 30px));
}
@supports (-ms-ime-align:auto) {
/* Edge */
.cards.flex-col-4 {
flex-basis: calc(49.999% - var(--flex-gap-col, 30px));
width: calc(49.999% - var(--flex-gap-col, 30px));
}
}
.cards.flex-col-5, .cards.flex-col-6 {
flex-basis: calc(33.333% - var(--flex-gap-col, 30px));
width: calc(33.333% - var(--flex-gap-col, 30px));
}
.slicknav_menu {
font-size: 1.25rem;
}
.flex-col-md-1x12,
.flex-col-md-12 {
flex-basis: calc(8.333% - var(--flex-gap-col, 30px));
width: calc(8.333% - var(--flex-gap-col, 30px));
}
.flex-col-md-2x12 {
flex-basis: calc(16.666% - var(--flex-gap-col, 30px));
width: calc(16.666% - var(--flex-gap-col, 30px));
}
.flex-col-md-3x12 {
flex-basis: calc(25% - var(--flex-gap-col, 30px));
width: calc(25% - var(--flex-gap-col, 30px));
}
.flex-col-md-4x12 {
flex-basis: calc(33.333% - var(--flex-gap-col, 30px));
width: calc(33.333% - var(--flex-gap-col, 30px));
}
.flex-col-md-5x12 {
flex-basis: calc(41.666% - var(--flex-gap-col, 30px));
width: calc(41.666% - var(--flex-gap-col, 30px));
}
.flex-col-md-6x12 {
flex-basis: calc(50% - var(--flex-gap-col, 30px));
width: calc(50% - var(--flex-gap-col, 30px));
}
.flex-col-md-7x12 {
flex-basis: calc(58.333% - var(--flex-gap-col, 30px));
width: calc(58.333% - var(--flex-gap-col, 30px));
}
.flex-col-md-8x12 {
flex-basis: calc(66.666% - var(--flex-gap-col, 30px));
width: calc(66.666% - var(--flex-gap-col, 30px));
}
.flex-col-md-9x12 {
flex-basis: calc(75% - var(--flex-gap-col, 30px));
width: calc(75% - var(--flex-gap-col, 30px));
}
.flex-col-md-10x12 {
flex-basis: calc(83.333% - var(--flex-gap-col, 30px));
width: calc(83.333% - var(--flex-gap-col, 30px));
}
.flex-col-md-11x12 {
flex-basis: calc(91.666% - var(--flex-gap-col, 30px));
width: calc(91.666% - var(--flex-gap-col, 30px));
}
.flex-col-md-12x12 {
flex-basis: calc(100% - var(--flex-gap-col, 30px));
width: calc(100% - var(--flex-gap-col, 30px));
}
@supports (-ms-ime-align:auto) {
/* Edge */
.flex-col-md-1x12,
.flex-col-md-12 {
flex-basis: calc(8.332% - var(--flex-gap-col, 30px));
width: calc(8.332% - var(--flex-gap-col, 30px));
}
.flex-col-md-2x12 {
flex-basis: calc(16.665% - var(--flex-gap-col, 30px));
width: calc(16.665% - var(--flex-gap-col, 30px));
}
.flex-col-md-3x12 {
flex-basis: calc(24.999% - var(--flex-gap-col, 30px));
width: calc(24.999% - var(--flex-gap-col, 30px));
}
.flex-col-md-4x12 {
flex-basis: calc(33.332% - var(--flex-gap-col, 30px));
width: calc(33.332% - var(--flex-gap-col, 30px));
}
.flex-col-md-5x12 {
flex-basis: calc(41.665% - var(--flex-gap-col, 30px));
width: calc(41.665% - var(--flex-gap-col, 30px));
}
.flex-col-md-6x12 {
flex-basis: calc(49.999% - var(--flex-gap-col, 30px));
width: calc(49.999% - var(--flex-gap-col, 30px));
}
.flex-col-md-7x12 {
flex-basis: calc(58.332% - var(--flex-gap-col, 30px));
width: calc(58.332% - var(--flex-gap-col, 30px));
}
.flex-col-md-8x12 {
flex-basis: calc(66.665% - var(--flex-gap-col, 30px));
width: calc(66.665% - var(--flex-gap-col, 30px));
}
.flex-col-md-9x12 {
flex-basis: calc(74.999% - var(--flex-gap-col, 30px));
width: calc(74.999% - var(--flex-gap-col, 30px));
}
.flex-col-md-10x12 {
flex-basis: calc(83.332% - var(--flex-gap-col, 30px));
width: calc(83.332% - var(--flex-gap-col, 30px));
}
.flex-col-md-11x12 {
flex-basis: calc(91.665% - var(--flex-gap-col, 30px));
width: calc(91.665% - var(--flex-gap-col, 30px));
}
.flex-col-md-12x12 {
flex-basis: calc(99.999% - var(--flex-gap-col, 30px));
width: calc(99.999% - var(--flex-gap-col, 30px));
}
}
.collapse .flex-col-md-1x12,
.collapse .flex-col-md-12 {
flex-basis: 8.333%;
width: 8.333%;
}
.collapse .flex-col-md-2x12 {
flex-basis: 16.666%;
width: 16.666%;
}
.collapse .flex-col-md-3x12 {
flex-basis: 25%;
width: 25%;
}
.collapse .flex-col-md-4x12 {
flex-basis: 33.333%;
width: 33.333%;
}
.collapse .flex-col-md-5x12 {
flex-basis: 41.666%;
width: 41.666%;
}
.collapse .flex-col-md-6x12 {
flex-basis: 50%;
width: 50%;
}
.collapse .flex-col-md-7x12 {
flex-basis: 58.333%;
width: 58.333%;
}
.collapse .flex-col-md-8x12 {
flex-basis: 66.666%;
width: 66.666%;
}
.collapse .flex-col-md-9x12 {
flex-basis: 75%;
width: 75%;
}
.collapse .flex-col-md-10x12 {
flex-basis: 83.333%;
width: 83.333%;
}
.collapse .flex-col-md-11x12 {
flex-basis: 91.666%;
width: 91.666%;
}
.collapse .flex-col-md-12x12 {
flex-basis: 100%;
width: 100%;
}
}
@media only screen and (max-width: 767px) {
.flex-col-sm-1, [class*="flex-col-"], .collapse [class*="flex-col-"] {
flex-basis: 100%;
width: 100%;
margin-bottom: calc(var(--flex-gap-col, 30px) / 2);
}
.flex-col-sm-2 {
flex-basis: calc(50% - var(--flex-gap-col, 30px));
width: calc(50% - var(--flex-gap-col, 30px));
}
@supports (-ms-ime-align:auto) {
/* Edge */
.flex-col-sm-2 {
flex-basis: calc(49.999% - var(--flex-gap-col, 30px));
width: calc(49.999% - var(--flex-gap-col, 30px));
}
}
.collapse .flex-col-sm-2 {
flex-basis: 50%;
width: 50%;
}
.flex-col-sm-3 {
flex-basis: calc(33.333% - var(--flex-gap-col, 30px));
width: calc(33.333% - var(--flex-gap-col, 30px));
}
.collapse .flex-col-sm-3 {
flex-basis: 33.333%;
width: 33.333%;
}
.flex-col-sm-2x3 {
flex-basis: calc(66.666% - var(--flex-gap-col, 30px));
width: calc(66.666% - var(--flex-gap-col, 30px));
}
.collapse .flex-col-sm-2x3 {
flex-basis: 66.666%;
width: 66.666%;
}
.flex-col-sm-4 {
flex-basis: calc(25% - var(--flex-gap-col, 30px));
width: calc(25% - var(--flex-gap-col, 30px));
}
@supports (-ms-ime-align:auto) {
.flex-col-sm-4 {
/* Edge */
flex-basis: calc(24.999% - var(--flex-gap-col, 30px));
width: calc(24.999% - var(--flex-gap-col, 30px));
}
}
.collapse .flex-col-sm-4 {
flex-basis: 25%;
width: 25%;
}
.flex-col-sm-3x4 {
flex-basis: calc(75% - var(--flex-gap-col, 30px));
width: calc(75% - var(--flex-gap-col, 30px));
}
@supports (-ms-ime-align:auto) {
.flex-col-sm-3x4 {
/* Edge */
flex-basis: calc(74.999% - var(--flex-gap-col, 30px));
width: calc(74.999% - var(--flex-gap-col, 30px));
}
}
.collapse .flex-col-sm-3x4 {
flex-basis: 75%;
width: 75%;
}
.cards[class*="flex-col-"] {
flex-basis: 100%;
width: 100%;
}
.flex-col-sm-1x12,
.flex-col-sm-12,
.flex-col-sm-2x12,
.flex-col-sm-3x12,
.flex-col-sm-4x12,
.flex-col-sm-5x12,
.flex-col-sm-6x12,
.flex-col-sm-7x12,
.flex-col-sm-8x12,
.flex-col-sm-9x12,
.flex-col-sm-10x12,
.flex-col-sm-11x12,
.flex-col-sm-12x12,
[class*="flex-col-"],
.collapse [class*="flex-col-"] {
flex-basis: 100%;
width: 100%;
margin-bottom: calc(var(--flex-gap-col, 30px) / 2);
}
.flex-col-sm-2 {
flex-basis: calc(50% - var(--flex-gap-col, 30px));
width: calc(50% - var(--flex-gap-col, 30px));
}
@supports (-ms-ime-align:auto) {
/* Edge */
.flex-col-sm-2 {
flex-basis: calc(49.999% - var(--flex-gap-col, 30px));
width: calc(49.999% - var(--flex-gap-col, 30px));
}
}
.collapse .flex-col-sm-2 {
flex-basis: 50%;
width: 50%;
}
.flex-col-sm-3 {
flex-basis: calc(33.333% - var(--flex-gap-col, 30px));
width: calc(33.333% - var(--flex-gap-col, 30px));
}
.collapse .flex-col-sm-3 {
flex-basis: 33.333%;
width: 33.333%;
}
.flex-col-sm-2x3 {
flex-basis: calc(66.666% - var(--flex-gap-col, 30px));
width: calc(66.666% - var(--flex-gap-col, 30px));
}
.collapse .flex-col-sm-2x3 {
flex-basis: 66.666%;
width: 66.666%;
}
.flex-col-sm-3x12,
.flex-col-sm-4 {
flex-basis: calc(25% - var(--flex-gap-col, 30px));
width: calc(25% - var(--flex-gap-col, 30px));
}
@supports (-ms-ime-align:auto) {
.flex-col-sm-3x12,
.flex-col-sm-4 {
/* Edge */
flex-basis: calc(24.999% - var(--flex-gap-col, 30px));
width: calc(24.999% - var(--flex-gap-col, 30px));
}
}
.collapse .flex-col-sm-3x12,
.collapse .flex-col-sm-4 {
flex-basis: 25%;
width: 25%;
}
.flex-col-sm-9x12,
.flex-col-sm-3x4 {
flex-basis: calc(75% - var(--flex-gap-col, 30px));
width: calc(75% - var(--flex-gap-col, 30px));
}
@supports (-ms-ime-align:auto) {
.flex-col-sm-9x12,
.flex-col-sm-3x4 {
/* Edge */
flex-basis: calc(74.999% - var(--flex-gap-col, 30px));
width: calc(74.999% - var(--flex-gap-col, 30px));
}
}
.collapse .flex-col-sm-9x12,
.collapse .flex-col-sm-3x4 {
flex-basis: 75%;
width: 75%;
}
}
@media only screen and (min-width: 1024px) {
.org-chart-level-1 .org-chart-main {
order: 1;
}
.org-chart-level-1 .org-chart-left {
order: 0;
}
.org-chart-level-1 .org-chart-right {
order: 2;
}
}
@media screen and (min-width: 768px) {
.modal-window-overlay {
max-width: 960px;
width: calc(100% - 30px);
height: calc(100% - 30px);
}
.cards.cards-overlay {
position: relative;
min-height: 175px;
}
.cards.cards-overlay a {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
}
.cards.cards-overlay .image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.cards.cards-overlay .image img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.cards.cards-overlay .caption {
position: absolute;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 0;
color: var(--primarytextcolor, #fff);
background-color: var(--primarycolor, #006080);
overflow: hidden;
padding: 0 !important;
box-sizing: border-box;
align-items: center;
justify-content: center;
flex-direction: column;
text-align: center;
}
.cards.cards-overlay:hover .caption,
.cards.cards-overlay:focus .caption,
.cards.cards-overlay > a.tab-focus .caption {
height: 100%;
}
.cards.cards-overlay .caption p {
padding: 0 20px;
}
.cards.cards-overlay .caption p + p {
padding: 10px 20px 0 20px;
}
}
@media screen and (min-width: 768px) and (min-height: 431px) {
.modal-window-overlay {
height: auto;
max-height: 400px;
}
}
@media screen and (min-width: 768px) and (min-height: 631px) {
.modal-window-overlay {
max-height: 600px;
}
}
@media screen and (min-width: 768px) and (min-height: 831px) {
.modal-window-overlay {
max-height: 800px;
}
}
@media screen and (min-width: 1921px) {
html {
font-size: clamp(1rem, 1vw, 1.75rem);
}
.wrapper,
.startseite .bottom-controls.wrapper,
body.pagewidth-wide .wrapper,
body.pagewidth-wide.startseite .bottom-controls.wrapper,
.main-navigation.menuwidth-full .nlv_1,
.pagewidth-wide .main-navigation.menuwidth-full .nlv_1 {
width: 80vw;
width: var(--pagewidth-wide,1536px);
}
.headerheight {
/* height: calc(var(--headerheight, 85px) * 1.5); */
height: calc(var(--headerheight, 85px) * 1);
}
.top.classicnav.sticky .headerheight {
width: var(--headerheight, 85px);
min-width: 60px;
height: var(--headerheight, 85px);
min-height: 60px;
}
.logo .headerheight img {
/* max-height: calc(var(--headerheight, 85px) * 1.25); */
max-height: calc(var(--headerheight, 85px) * 1);
}
.top.classicnav.sticky .logo .headerheight img {
max-height: calc(var(--headerheight, 85px) * 1);
}
.top.classicnav.sticky .logo span {
font-size: calc(1.8em * 0.75);
}
.suche-btn, .suche-btn-fs, .login-btn {
width: calc(var(--headerheight, 85px) * 1.5);
max-width: 110px;
height: calc(var(--headerheight, 85px) * 1.5);
max-height: 110px;
}
}
@media screen and (min-width: 1280px) {
.menuwidth-full:not(.pagewidth-wide) .header-right .flex-inner.-mr-15,
.menuwidth-full:not(.pagewidth-wide) .header-right .flex-inner.-mr-30 {
margin-right: calc(-1 * var(--margin));
}
}
@media screen and (min-width: 1480px) {
.menuwidth-full.pagewidth-wide .header-right .flex-inner.-mr-15,
.menuwidth-full.pagewidth-wide .header-right .flex-inner.-mr-30,
.pagewidth-full .header-right .flex-inner.-mr-15,
.pagewidth-full .header-right .flex-inner.-mr-30 {
margin-right: calc(-1 * var(--margin));
}
}
@media (hover: none) {
.ikiss-flexslider-direction-nav li button.titelbild-prev,
.titelbild-direction-nav li button.titelbild-prev {
left: 15px;
opacity: 1;
}
.ikiss-flexslider-direction-nav li button.titelbild-next,
.titelbild-direction-nav li button.titelbild-next {
right: 15px;
opacity: 1;
}
}
@media (hover: none) and (max-width: 680px) {
.ikiss-flexslider-direction-nav li button.titelbild-prev,
.titelbild-direction-nav li button.titelbild-prev {
left: 10px;
}
.ikiss-flexslider-direction-nav li button.titelbild-next,
.titelbild-direction-nav li button.titelbild-next {
right: 10px;
}
}
@media screen and (max-width: 680px) {
.ikiss-form-description-padding-left {
padding-left: 0;
}
}
@media (prefers-color-scheme: dark) {
:root {
/* --primarycolor: #212529;
--primarytextcolor: #dee2e6;
--secondarycolor: #212529;
--secondarytextcolor: #dee2e6;
--linkcolor: #f5d77d;
--btncolor: #f5d77d;
--btntextcolor: #212529; */
}
table {
color: var(--primarytextcolor);
color: unset;
}
}