/* Webfonts in use
  OpenSans, Italic = font-style: italic;, Bold = font-weight: 700;
*/
/* FontAwesome:
   Brands: :"Font Awesome 5 Brands";font-style:normal;font-weight:normal;
   Light: :"Font Awesome 6 Pro"; font-style:normal; font-weight:300;
   Reg: font-family:"Font Awesome 6 Pro"; font-style:normal; font-weight:400;
   Bold: font-family:"Font Awesome 6 Pro"; font-style:normal; font-weight:900;
*/

/* General */
* {box-sizing:border-box;}
html {height:100.2%; font-size: 62.5%;}
body {margin:0; padding:0; font-size:var(--text-size-m); line-height:1.5; font-family:OpenSans, sans-serif; background-color:#fff;}
:where(a, button, input, textarea, select, [tabindex]):focus-visible {outline:3px solid #1769d2; outline-offset:3px; box-shadow:0 0 0 2px var(--white);}
@media (forced-colors: active) {
  :where(a, button, input, textarea, select, [tabindex]):focus-visible {outline:3px solid CanvasText; box-shadow:none;}
}
.skip-link {position:fixed; top:8px; left:8px; z-index:20000; padding:12px 18px; border-radius:var(--radius); background:var(--white); color:var(--color-gray-900); font-weight:700; transform:translateY(calc(-100% - 16px)); transition:transform .15s ease;}
.skip-link:focus {transform:translateY(0);}
.visually-hidden {position:absolute !important; width:1px !important; height:1px !important; padding:0 !important; margin:-1px !important; overflow:hidden !important; clip:rect(0, 0, 0, 0) !important; white-space:nowrap !important; border:0 !important;}
img {border:none; max-width: 100%; height:auto;}
p, li, th, td, dt, dd {color:var(--color-gray-700); margin:0;}
h1, h2, h3, h4, h5 {margin:0 0 10px 0; line-height:1.2; font-weight:normal;}
h1 {font-size:4.8rem; margin-bottom:0; font-family:Orbitron, sans-serif; margin-bottom:2.4rem;}
h2 {font-size:3.6rem; margin-bottom:24px; color:var(--color-gray-900); font-family:Orbitron, sans-serif;}
h3 {font-size:2.4rem; color:var(--color-gray-900); font-weight: 500;}
h4 {font-size:1.8rem; color:var(--color-gray-900); font-weight: 500;}
a {color:var(--red); text-decoration:none;}
a:hover::before,
a:hover {text-decoration: none;}
th, td {vertical-align:top;}
figure {margin:0;}
.news-img-caption,
figcaption {font-size:1.4rem; color:var(--color-gray-500);}
hr {margin:30px 0; height:0; border-style:none none solid none; border-width:1px; border-color:#d6d6d6;}
input[type="text"],
input[type="email"], 
textarea, 
select {-moz-appearance: none; -webkit-appearance: none; appearance: none;}
select {-webkit-appearance: none; -moz-appearance: none; appearance: none; border:none; border-radius: 0;
   background:url(../Images/angle-down-regular.svg) no-repeat right 14px center #fff; background-size:15px;}
strong {font-weight:normal; font-family:OpenSans, sans-serif; font-weight: 700; color:var(--color-gray-900);}
.home .section-inner-grid,
.section-inner {margin:0 auto; max-width:var(--site-max-width-xl); padding:0 var(--spacing-border);}
.flex-grid {display:flex; flex-wrap:wrap; justify-content:space-between;}
.fullwidth-grid {padding:var(--spacing-l) 0;}
.fullwidth-grid .cols-2-inner {padding:0;}

/* frame, rte and link styles */
.text-left {text-align:left;}
.text-center {text-align:center;}
.text-right {text-align:right;}

.frame-space-before-large {margin-top:var(--spacing-m) !important;}
.frame-space-after-large {margin-bottom:var(--spacing-m) !important;}

.frame-space-before-none {margin-top:0 !important;}
.frame-space-after-none {margin-bottom:0 !important;}

.link-external-blank::before {display:inline-block; margin-right:5px; content:"\f08e"; color:var(--red); font-family:"Font Awesome 6 Pro"; font-style:normal; font-weight:400;}
.link-mail::before {display:inline-block; margin-right:5px; content:"\f0e0"; color:var(--red); font-family:"Font Awesome 6 Pro"; font-style:normal; font-weight:400;}

.link-download::before {display:inline-block; margin-left:2px; margin-right:8px; color:var(--red); font-family:"Font Awesome 6 Pro"; font-style:normal; font-weight:400;}
.link-download::before {content:"\f019";}
.link-arrow::before {content:"\f061"; display:inline-block; margin-left:2px; margin-right:8px; color:var(--red); font-family:"Font Awesome 6 Pro"; font-style:normal; font-weight:400;}

.red-highlight {color:var(--red);}
.text-l {font-size:var(--text-size-l); margin-bottom:24px;}
.footnote {font-size:1.2rem; margin-top:16px;}
.intro-text {color: var(--color-gray-600); font-weight: 400; font-size: 2rem;}

.phone-highlight::before {display:inline-block; margin-right:5px; content:"\f095"; color:#333; font-family:"Font Awesome 6 Pro"; font-style:normal; font-weight:400;}
.place-highlight::before {display:inline-block; margin-right:5px; content:"\f041"; color:#333; font-family:"Font Awesome 6 Pro"; font-style:normal; font-weight:400;}

.box-center {display:flex; flex-wrap:wrap; justify-content:center; align-items:center;}

/* buttons */
.btn {display:inline-flex; min-height:44px; align-items:center; justify-content:center; padding:10px 24px; font-size:var(--text-size-m); font-weight:500 !important; border-radius:var(--radius); transition:background-color .25s ease, color .25s ease, border-color .25s ease, opacity .25s ease, transform .25s ease;}

.primary-btn {background-color:var(--red); color:var(--white);}
.primary-btn:hover {opacity: .9; color:var(--white); transform: translateY(-1px);}

.secondary-btn {display:inline-block; background:transparent; color:var(--red) !important; border:solid 2px var(--red);}
.secondary-btn:hover {background-color:var(--red); color:var(--white) !important;  transform: translateY(-1px);}

.white-btn {display:inline-block; background:var(--white); color:var(--red) !important;}
.white-btn:hover {transform: translateY(-1px);}

.secondary-white-btn {color:var(--white) !important; border:solid 2px var(--white);}
.secondary-white-btn:hover {background-color:var(--white); color:var(--red) !important; transform: translateY(-1px);}

.btn-big {padding:16px 32px; font-size:1.8rem;}

.btn-arrow::after {margin-left:5px; content:"\f061"; font-family:"Font Awesome 6 Pro"; font-style:normal; font-weight:400;}

/* header */
#wrapper > header {box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);}
#topbox {position:relative;}
#topbox > .section-inner {overflow:hidden;}

/* navbar */
.navbar {display:grid; grid-template-columns:1fr auto 1fr; align-items:center; padding:12px 0;}

/* logo */
#topbox a#homelink {display:block; justify-self:start; z-index:1000; font-size:0;}
#topbox a#homelink img {display:block; max-width:100%; height:auto;}

/* topnav */
.navbar #topnav {justify-self:center;}
.navbar #topnav ul {position:relative; list-style-type:none; margin:0; padding:0;}
.navbar #topnav li {position:relative; margin:0;}
.navbar #topnav ul#firstlvl {display:flex; align-items:center; gap:2.4rem;}
.navbar #topnav ul#firstlvl > li {display:grid; grid-template-columns:minmax(0, auto) auto; align-items:center;}
.navbar #topnav a {color:var(--color-gray-700); text-decoration:none;}
.navbar #topnav ul#firstlvl > li > a {display:flex; align-items:center; min-height:44px; padding:8px 0; font-size:1.6rem; font-weight:500;}
.navbar #topnav li.act > a,
.navbar #topnav li.current > a,
.navbar #topnav a[aria-current="page"],
.navbar #topnav a:hover {color:var(--red);}
.submenu-indicator {display:inline-block; width:8px; height:8px; margin-left:8px; border-right:2px solid currentColor; border-bottom:2px solid currentColor; transform:translateY(-2px) rotate(45deg);}
.navigation-enhanced .submenu-indicator {display:none;}
.submenu-toggle,
.navigation-close,
#responsive-menu-button {display:inline-flex; align-items:center; justify-content:center; width:44px; height:44px; padding:0; border:0; border-radius:var(--radius); background:transparent; color:var(--color-gray-700); cursor:pointer;}
.submenu-toggle:hover,
.submenu-toggle[aria-expanded="true"] {color:var(--red); background:var(--redlight);}
.submenu-toggle > span {width:9px; height:9px; border-right:2px solid currentColor; border-bottom:2px solid currentColor; transform:translateY(-2px) rotate(45deg); transition:transform .2s ease;}
.submenu-toggle[aria-expanded="true"] > span {transform:translateY(2px) rotate(225deg);}
.navbar #topnav .secondlvl,
.navbar #topnav .thirdlvl,
.navbar #topnav .fourthlvl {display:none; z-index:999; min-width:255px; padding:8px 0; background-color:var(--white); border-radius:var(--radius); box-shadow:0 1px 2px rgba(0,0,0,.06), 0 6px 16px rgba(0,0,0,.12);}
.navbar #topnav .secondlvl {position:absolute; top:100%; left:0;}
.navbar #topnav .thirdlvl,
.navbar #topnav .fourthlvl {position:absolute; top:-8px; left:100%;}
.navbar #topnav .secondlvl li,
.navbar #topnav .thirdlvl li {display:grid; grid-template-columns:minmax(0, 1fr) auto; align-items:center;}
.navbar #topnav .secondlvl a,
.navbar #topnav .thirdlvl a,
.navbar #topnav .fourthlvl a {display:flex; align-items:center; min-height:44px; padding:10px 16px; font-size:1.4rem; line-height:1.3;}
.navbar > .btn {justify-self:end;}
.navigation-enhanced .navbar #topnav li.is-open > ul,
html:not(.navigation-enhanced) .navbar #topnav li:hover > ul,
html:not(.navigation-enhanced) .navbar #topnav li:focus-within > ul {display:block;}
.navigation-close,
.mobile-navigation-meta {display:none;}

/* mobile meta */
#mobile-header {display:none; margin-left:12px;}
.navigation-toggle__icon,
.navigation-toggle__icon::before,
.navigation-toggle__icon::after {display:block; width:24px; height:2px; border-radius:2px; background:currentColor;}
.navigation-toggle__icon {position:relative;}
.navigation-toggle__icon::before,
.navigation-toggle__icon::after {position:absolute; left:0; content:"";}
.navigation-toggle__icon::before {top:-7px;}
.navigation-toggle__icon::after {top:7px;}
.navigation-backdrop {position:fixed; inset:0; z-index:10000; background:rgba(16,24,40,.62);}
.navigation-backdrop[hidden] {display:none;}
body.navigation-open {overflow:hidden;}

/* breadcrumb */
#breadcrumb {padding:15px 15px; font-size:14px; font-size:1.4rem; line-height:12px; color: #8d8d8d;}
#breadcrumb a {margin:0 8px;}
#breadcrumb a.home {margin-left:0;}

/* content */
#innerwrapper {display:flex; flex-wrap:wrap; margin-top:15px;}

/* page-header */
.page-header {padding:60px 0; background:linear-gradient(135deg, rgb(176, 29, 66) 0%, rgb(138, 22, 51) 100%);}
.page-header h1 {padding:0 var(--spacing-border); color:var(--white); max-width:var(--site-max-width-xl);  margin:0 auto 1.2rem;}
.page-header .subtitle {padding:0 var(--spacing-border); color:var(--white); max-width:var(--site-max-width-xl); margin:0 auto; font-size:2rem;}
.page-header-small {padding:80px 0; background:linear-gradient(135deg, rgb(176, 29, 66) 0%, rgb(153, 154, 159) 100%);}
.page-header-small h1 { max-width:var(--site-max-width-l); margin:0 auto 2rem;}
.page-header-small .subtitle {max-width:var(--site-max-width-l); margin:0 auto;}

/* page-content */
.page-content  {padding:var(--spacing-l) 0;}
.page-content .layout-100-s > .frame-type-text {margin-bottom:40px;}
.page-content:has(> .fullwidth-grid :last-child) {padding-bottom: 0;}
.page-content > .fullwidth-grid:first-child {padding-top: 0;}
.page-content > .cols-2-inner:first-child {margin-top:0;}

.frame-type-text,
.frame-type-image {margin-bottom:24px;}

.frame-default > header > h3.ce-headline-center {color: var(--color-gray-600); font-weight: 400; font-size: 2rem;}

.page-content .text-frame h2 {margin-top:24px;}
.page-content .ce-bodytext h3,
.page-content .text-frame h3 {margin:16px 0; }
.page-content .text-frame p {margin:0 0 10px;}
.page-content .text-frame ul:last-child {margin-bottom:0;}
.page-content p.text-l {margin-bottom:24px;}
.page-content .text-frame .btn {margin-top:var(--spacing-xs);}
.page-content ol {margin:0 0 15px 0; padding:0 0 0 20px; list-style-position:outside;}
.page-content ul {margin:0 0 15px 0; padding:0 0 0 24px; list-style-type:none;}
.page-content ol li,
.page-content ul li {margin-bottom:12px; position:relative;}
.page-content ol li:last-child,
.page-content ul li:last-child {margin-bottom:0;}
.page-content ul li::before,
.page-content ul li::before {position:absolute; top:8px; display:inline-block; content:""; margin:0 8px 0 -22px; width:8px; height:8px; background-color:var(--red); border-radius:100%;}
.page-content ul.list-check li::before {content:"\f058" !important; font-family:"Font Awesome 6 Pro"; font-style:normal; font-weight:400; 
  color:var(--red); position:absolute; width:auto; height:auto; background:none; top:0;}

.page-content .frame-type-header {margin-bottom:25px;}


/* content images */
.page-content .ce-image img {display:block; border-radius:var(--radius);}

/* table */
.page-content figure.table {max-width:100%; margin:20px 0; overflow:hidden; border:1px solid var(--color-gray-300); border-radius:var(--radius); background:var(--white);}
.page-content .contenttable,
.page-content figure.table > table {width:100%; margin:0; border-collapse:collapse; background:var(--white);}
.page-content .contenttable {margin:20px 0; overflow:hidden; border:1px solid var(--color-gray-300); border-radius:var(--radius);}
.page-content .contenttable thead,
.page-content figure.table > table thead {background-color:var(--color-gray-100);}
.page-content .contenttable tr,
.page-content figure.table > table tr {border-bottom:1px solid var(--color-gray-300);}
.page-content .contenttable tr:last-child,
.page-content figure.table > table tr:last-child {border-bottom:0;}
.page-content .contenttable tbody tr:nth-child(even),
.page-content figure.table > table tbody tr:nth-child(even) {background-color:var(--color-gray-50);}
.page-content figure.table > table:not(:has(thead)) tbody > tr:first-child {background-color:var(--color-gray-100);}
.page-content figure.table > table:not(:has(thead)) tbody > tr:first-child td {color:var(--color-gray-900);}
.page-content figure.table > table:not(:has(thead)) tbody > tr:nth-child(even) {background-color:var(--white);}
.page-content figure.table > table:not(:has(thead)) tbody > tr:nth-child(odd):not(:first-child) {background-color:var(--color-gray-50);}
.page-content .contenttable th,
.page-content .contenttable td,
.page-content figure.table > table th,
.page-content figure.table > table td {padding:14px 16px; border-right:1px solid var(--color-gray-300); color:var(--color-gray-700); font-size:1.4rem; line-height:1.5; text-align:left; vertical-align:top; overflow-wrap:anywhere;}
.page-content .contenttable th:last-child,
.page-content .contenttable td:last-child,
.page-content figure.table > table th:last-child,
.page-content figure.table > table td:last-child {border-right:0;}
.page-content .contenttable th,
.page-content figure.table > table th {color:var(--color-gray-900); font-weight:700;}
.page-content .contenttable th p,
.page-content .contenttable td p,
.page-content figure.table > table th p,
.page-content figure.table > table td p {margin:0; font-size:1.4rem;}


/* page layouts */
 .page-content-100 > .frame-type-text {max-width:var(--site-max-width-xl); margin-left:auto; margin-right:auto; padding:0 var(--spacing-border);}

.layout-100-s {max-width:var(--site-max-width-s);}
.frame-narrow .text-frame {max-width:60%;}
 .page-content-100 > .frame-type-text.frame-centered {max-width:var(--site-max-width-s); margin:0 auto;}

/* ce layouts */
/* background grey */
.frame-layout-1 {background-color:var(--color-gray-50); border-radius:var(--radius); padding:24px;}

/* background shadow */
.frame-layout-2 {background-color:var(--white); border-radius:var(--radius); padding:24px; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);}

/* background red */
.frame-layout-3 {background-color:var(--red); border-radius:var(--radius); padding:24px; color:var(--white);}
.frame-layout-3 h2, .frame-layout-3 h3, .frame-layout-3 p, .frame-layout-3 strong {color:var(--white);}
.frame-layout-3 .btn {background-color:var(--white); color:var(--red) !important;}

/* background red border */
.frame-layout-4 {background-color:var(--white); border-radius:var(--radius); border:solid 2px var(--red); padding:24px; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);}
.frame-layout-4 h3 {color:var(--red)}

/* container */
.cols-2-inner {display: grid; grid-template-columns: repeat(2, 1fr); gap:2.4rem; margin: var(--spacing-s) auto var(--spacing-s);}
.cols-2-inner > .col h2 {font-size:3rem;}
@media (max-width: 800px) {
    .cols-2-inner {grid-template-columns: 1fr;}
}

.color-1-bg {background-color:var(--color-gray-50);}

/* contentblocks */
/* hero */
.hero {position: relative; overflow: hidden;}
.hero__slide {position:relative;}
.hero__slide::after {content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(0,0,0,.68) 0%,rgba(0,0,0,.42) 40%,rgba(0,0,0,.12) 70%,rgba(0,0,0,0) 100%);z-index:2;pointer-events:none;}
.hero__media {position: absolute; inset: 0; z-index: 1;}
.hero__image {width: 100%; height: 100%; object-fit: cover;}
.hero__content {position: relative; z-index: 3; min-height: 650px; display: flex; flex-direction: column; 
  justify-content: center; padding: 4rem; color: #fff;}
.hero__headline {max-width: 760px; margin: 0 0 1rem; font-size:clamp(3.4rem,5vw,6rem); text-shadow:0 2px 10px rgba(0,0,0,.5);}
.hero__text {max-width: 640px; font-size:2.4rem; color:var(--white); margin-bottom:3.2rem;}
.hero__text p {color:var(--white); font-weight:500; text-shadow:0 2px 8px rgba(0,0,0,.3);}
.hero__actions {display: flex; gap: 1rem;}
.hero-slider,
.hero-slider__item {width: 100%; height: 100%;}

/* person card */
.person-card {--person-card-image-size:96px; display:grid; grid-template-columns:var(--person-card-image-size) minmax(0, 1fr); column-gap:24px; align-items:start; container-name:person-card; container-type:inline-size; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15); border-radius:var(--radius); background-color:var(--white); padding:24px;}
.person-card__image {width:var(--person-card-image-size); height:var(--person-card-image-size); border-radius:100%;}
.person-card__image img {display:block; width:100%; height:100%; object-fit:cover; border-radius:100%;}
.person-card__image-placeholder {display:flex; align-items: center; justify-content: center; width:var(--person-card-image-size); height:var(--person-card-image-size); background-color:var(--redlight); border-radius:100%;}
.person-card__image-placeholder i {color:var(--red); font-size:4.2rem;}
.person-card__content {min-width:0;}
.person-card h3 {font-size:2rem; margin-bottom:8px; overflow-wrap:break-word; text-wrap:balance;}
.person-card__position {font-size:1.6rem; color:var(--red); font-weight:600; margin-bottom:12px;}
.person-card__communication {display:flex; align-items:flex-start; min-width:0; margin-bottom: 8px;}
.person-card__communication a {min-width:0; overflow-wrap:anywhere; color:var(--color-gray-700); font-size:1.4rem;}
.person-card__communication a:hover {color:var(--red);}
.person-card__communication i {flex:0 0 auto; margin-top:.2em; margin-right:6px;}
.person-card__responsibilities {grid-column:1 / -1; width:100%; border-top:1px solid rgba(0,0,0,.1); margin-top:var(--spacing-xs); padding-top:var(--spacing-xs); font-size:1.4rem; color:var(--color-gray-600);}
.person-card__responsibilities-label {font-weight:500; font-size:1.4rem;}
.person-card__responsibilities-list {display:flex; flex-wrap:wrap; gap:8px; margin-top:8px;}
.person-card__tag {display:block; padding:4px 12px; color:var(--red); font-size:1.2rem; background-color: rgba(176, 29, 66, 0.102); border-radius:1.2rem;}

@container person-card (max-width:380px) {
  .person-card__image,
  .person-card__content {grid-column:1 / -1;}
  .person-card__image {margin-bottom:16px;}
}

.col .person-card {margin-bottom:var(--spacing-s);}
.col .person-card:last-child {margin-bottom:0;}

.layout-100-s > .person-card {margin-bottom:var(--spacing-s);}

/* contact card container */
.contactbox-container {display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); align-items:stretch; gap:var(--spacing-s); margin-top:var(--spacing-s); margin-bottom:var(--spacing-s);}
.contactbox-container > * {min-width:0;}
.contactbox-container > .frame,
.contactbox-container .person-card {height:100%;}
.contactbox-container .person-card {margin-bottom:0;}
.fullwidth-grid .contactbox-container {padding-right:0; padding-left:0;}
@media (max-width:800px) {
  .contactbox-container {grid-template-columns:1fr;}
}

/* image collage */
.imagecollage {padding:var(--spacing-l) var(--spacing-border);}
.imagecollage__intro {text-align: center; margin-bottom:var(--spacing-m);}
.imagecollage__intro-text {max-width:768px; margin-left:auto; margin-right:auto;}

.imagecollage__picture {display:block; width:100%; height:100%;}
.imagecollage img {width: 100%; height: 100%; object-fit: cover; display: block;}

.imagecollage__highlight-main,
.imagecollage__highlight-item,
.imagecollage__grid-item {position: relative; overflow: hidden; border-radius: 10px;}

.imagecollage__highlight-main,
.imagecollage__highlight-item {box-shadow: 0 10px 30px rgba(0,0,0,.12);}

.imagecollage--highlight .imagecollage__highlight {display: grid; grid-template-columns: 1fr 1fr; gap: 20px;}
.imagecollage__highlight-main {aspect-ratio:7 / 8;}
.imagecollage__highlight-side {display: grid; min-height:0; gap: 20px; grid-template-rows: repeat(3, minmax(0, 1fr));}
.imagecollage__highlight-item {min-height:0;}

.imagecollage--grid-2 .imagecollage__grid {display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px;}
.imagecollage--grid-3 .imagecollage__grid {display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px;}

.imagecollage__grid-item {aspect-ratio: 16 / 9;}

.imagecollage__overlay {position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: flex-end; padding: 24px; background: rgba(0,0,0,.6); color: #fff; opacity: 0; transform: translateY(10px); transition: all .25s ease; pointer-events: none;}

.imagecollage__overlay-title {margin: 0 0 8px; font-size: 2rem; font-weight: 500; color:var(--white);}
.imagecollage__overlay-text {margin: 0; font-size: 1.4rem; line-height: 1.4; color:var(--white);}

.imagecollage__highlight-main:hover .imagecollage__overlay,
.imagecollage__highlight-item:hover .imagecollage__overlay,
.imagecollage__grid-item:hover .imagecollage__overlay {opacity: 1; transform: translateY(0);}

.imagecollage__highlight-main img,
.imagecollage__highlight-item img,
.imagecollage__grid-item img {transition: transform .4s ease;}

.imagecollage__highlight-main:hover img,
.imagecollage__highlight-item:hover img,
.imagecollage__grid-item:hover img {transform: scale(1.05);}


@media (max-width: 900px) {
  .imagecollage--grid-3 .imagecollage__grid {grid-template-columns: repeat(2, 1fr);}
}

@media (max-width: 768px) {
  .imagecollage--highlight .imagecollage__highlight {grid-template-columns: 1fr;}

  .imagecollage__highlight-main,
  .imagecollage__highlight-item {height: auto; aspect-ratio: 16 / 9;}

  .imagecollage__highlight-side {grid-template-rows: none;}

  .imagecollage--grid-2 .imagecollage__grid,
  .imagecollage--grid-3 .imagecollage__grid {grid-template-columns: 1fr;}
}

/* icon list */
.iconlist__headline {margin-bottom:var(--spacing-s);}
.iconlist__items {display: grid; grid-template-columns: 1fr; gap: 24px;}
.iconlist__item {display: flex; align-items: flex-start; gap: 18px;}
.iconlist__icon {flex: 0 0 48px; width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: rgba(196, 0, 47, .08); color: var(--primary, #c4002f);}
.iconlist__icon i {font-size: 2rem; line-height: 1; color: currentColor;}
.iconlist__content {padding-top: 2px;}
.iconlist__item-headline {margin: 0 0 8px;}

/* feature card */
.feature-card-container {padding:0 var(--spacing-border); margin-top: var(--spacing-l); margin-bottom: var(--spacing-l); display:grid; grid-template-columns:repeat(auto-fit, minmax(280px, 1fr)); gap:24px;}
.featurecard {flex:0 0 calc(25% - 18px); box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15); padding:var(--spacing-s); border-radius:var(--radius);}
.featurecard--center {text-align: center;}
.featurecard--left {text-align: left;}
.featurecard--left .featurecard {background-color:var(--color-gray-50); box-shadow:none;}
.featurecard__headline {font-size:2rem;}
.featurecard__text p {color:var(--color-gray-600);}
.featurecard__icon {background-color:var(--redlight); color:var(--red); width:64px; height:64px; 
  display:flex; align-items:center; justify-content:center; border-radius:100%; font-size:1.8rem; margin:0 auto var(--spacing-xs);}
.featurecard--left .featurecard__icon {margin:0 0 var(--spacing-xs) 0; width:48px; height:48px; }
.featurecard__icon i {font-size:2.8rem;}
.featurecard--left .featurecard__icon i {font-size:1.8rem;}

/* cta section */
.ctasection {background-color:var(--red); color:var(--white); padding:var(--spacing-l) var(--spacing-border);}
.ctasection--centered {text-align: center;}
.ctasection__headline {color:var(--white)}
.ctasection__text {color:var(--white); font-size:2rem; margin-bottom:32px;}
.ctasection--centered .ctasection__text {margin-left: auto; margin-right: auto; max-width: 672px;}
.ctasection__actions {display: flex; gap: 1rem; justify-content: start;}
.ctasection--centered .ctasection__actions {justify-content: center;}

/* infobox */
.infobox {background-color:var(--color-gray-50); border-radius:var(--radius); padding:var(--spacing-s);}
.infobox:not(:first-child) {margin:var(--spacing-s) 0;}
.infobox__headline {margin-bottom:var(--spacing-xs);}
.infobox__text {margin-bottom:var(--spacing-xs);}
.infobox__info {display:flex; align-items: center; gap:12px; margin-bottom:var(--spacing-xs);}
.infobox__info-headline {font-weight:500;}
.infobox__icon {background-color:var(--redlight); color:var(--red); width:40px; height:40px; display:flex; align-items:center; justify-content:center; border-radius:100%; font-size:1.8rem;}
.infobox__icon i {font-size:1.8rem;}
.infobox__additional {border-top:1px solid rgba(0,0,0,.1); margin-top:var(--spacing-s); padding-top:var(--spacing-s); font-size:1.4rem; color:var(--color-gray-600);}
.infobox__additional strong {color: var(--color-gray-600);}

.infobox--red {background-color:var(--red); color:var(--white);}
.infobox--red .infobox__headline {color:var(--white);}
.infobox--red .infobox__text,
.infobox--red .infobox__text li,
.infobox--red .infobox__info-content,
.infobox--red .infobox__info-content a {color:var(--white);}
.infobox--red .infobox__icon {background-color:var(--white); color:var(--red);} 
.infobox--red ul li::before, 
.infobox--red ul li::before {background-color:var(--white);}

/* teaser card */
.fullwidth-grid .teaser-card-container {padding-right:0; padding-left:0;} 
.teaser-card-container {display: grid; grid-template-columns: repeat(2, 1fr); gap: 2rem; margin-top: var(--spacing-m); margin-bottom: var(--spacing-m);}
.teaser-card {overflow: hidden; background: var(--white); border: 1px solid rgba(153, 161, 175, .25); border-radius: var(--radius); box-shadow: 0 2px 8px rgba(16, 24, 40, .08); transition: box-shadow .3s ease, transform .3s ease;}
.teaser-card__image { position: relative; height: 260px; overflow: hidden; background: var(--color-gray-50); }
.teaser-card__image img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .6s ease;}
.teaser-card__image::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to bottom, rgba(0,0,0,.05), rgba(0,0,0,.55)); pointer-events: none; }
.teaser-card__icon { position: absolute; top: 18px; right: 18px; z-index: 2; width: 46px; height: 46px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: var(--red); color: var(--white); font-size: 1.8rem; }
.teaser-card__content { padding: var(--spacing-s); }
.teaser-card__title { margin: 0 0 1rem; font-size:2rem; line-height:1.2; color:var(--black); }
.teaser-card__text { margin: 0 0 1.6rem; color: var(--color-gray-600); line-height: 1.5;}
.teaser-card__link { display:flex; align-items: center; gap: .8rem; color: var(--red); text-decoration: none; }
.teaser-card__link i {font-size:1.3rem; margin-top:2px;}
.teaser-card:hover {box-shadow: 0 4px 12px rgba(16, 24, 40, .12); transform: translateY(-2px);}
.teaser-card:hover .teaser-card__title {color: var(--red);}
.teaser-card:hover .teaser-card__image img {transform: scale(1.05);}
@media (max-width: 768px) {
    .teaser-card-container {grid-template-columns: 1fr;}
}

/* powermail errors */
.page-content .parsley-errors-list {padding:0; margin:0;}
.page-content .parsley-errors-list li {padding:6px 15px; background-color:#c30000; color:#fff; font-size:14px; font-size:1.4rem; line-height:14px;}

/* news */
.frame-type-news_pi1,
.frame-type-news_newsliststicky {max-width: var(--site-max-width-xl); margin:0 auto; padding:0 var(--spacing-border);}
.frame-type-news_newsliststicky header {margin-bottom:var(--spacing-m);}
.frame-type-news_newsliststicky header > h2 {margin-bottom:var(--spacing-xs);}
.frame-type-news_newsliststicky header > h3 {color:var(--color-gray-600); font-weight:400; font-size:2rem;}

.news-list-view {display:flex; flex-wrap:wrap; gap:var(--spacing-s); margin-bottom:var(--spacing-m);}
.news-list-view .article {width:calc(33.333% - (var(--spacing-s) * 2 / 3)); display:flex; flex-direction:column; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);
    border-left-color: rgb(176, 29, 66); border-left-width: 4px; border-left-style: solid; padding:var(--spacing-s); border-radius:var(--radius);}
.news-list-view .article h3 {font-size:2rem; color:var(--black); margin:12px 0 8px;}
.news-list-view .article h3 a {color:var(--black);}
.news-list-view .article h3 a:hover {color:var(--red);}
.news-list-date {background-color:var(--redlight); color:var(--red); font-size:1.4rem; padding:4px 12px; font-weight: 500; margin-right:6px; border-radius:4px;}
.news-list-tags {font-size:1.4rem; padding:4px 12px; font-weight: 500; margin-right:6px; border-radius:4px;}
.news-list-tag-1 {background-color:rgb(220,252,231); color:rgb(0,130,54);}
.news-list-tag-2 {background-color:rgb(219,234,254); color:rgb(20,71,230);}
.news-list-tag-3 {background-color:var(--red); color:var(--white);}

.page-header-news {padding:112px 0; background:linear-gradient(135deg, rgb(176, 29, 66) 0%, rgb(153, 154, 159) 100%);}
.page-header-news h1,
.page-header-news .subtitle {padding:0;}

.page-content-news {padding:var(--spacing-l) var(--spacing-border);}
.news-single .news-text-wrap {margin-top:var(--spacing-s);}
.news-single .news-text-wrap p {margin:0 0 10px;}

.news-single-tags,
.news-single-date {display: inline-block; align-items: center; padding: 6px 16px; border-radius: 999px; background: rgba(255, 255, 255, .14); 
  color: var(--white); font-size: 1.4rem; line-height: 1; margin-bottom: var(--spacing-xs); backdrop-filter: blur(6px);}

.news-related-wrap {margin-top:var(--spacing-s);}
.news-related-files ul {padding:0; margin:0; list-style-type:none;}
.news-related-files ul li {margin:12px 0;}
.news-related-files a[href]::before {font-family: "Font Awesome 6 Pro"; font-weight: 900; display: inline-block; margin-right: 0.5rem; content: "\f15b"; /* fa-file */ color: var(--red);}
.news-related-files a[href$=".pdf"]::before {content: "\f1c1"; color: var(--red);}
.news-related-files ul li::before {display:none;}

.news-backlink-wrap {border-top:solid 1px var(--color-gray-300); padding-top:var(--spacing-s); margin-top:var(--spacing-s);}
.news-backlink-wrap i {margin-right:6px;}

/* news/tt_address pagebrowser */
.news .page-navigation > p {display:none;}
.page-content .f3-widget-paginator {text-align:center; padding:0; margin:0; width:100%;}
.page-content .f3-widget-paginator li {display:inline-block;}
.page-content .f3-widget-paginator li a {display:block; padding:4px 12px; border:1px solid var(--color-gray-300); transition:all 0.2s ease; border-radius:var(--radius);}
.page-content .f3-widget-paginator li a:hover,
.page-content .f3-widget-paginator li.current {padding:4px 12px; background-color: var(--red); color:#fff !important; border:1px solid var(--red); text-decoration:none !important; border-radius:var(--radius);}
.page-content .f3-widget-paginator li.next a::before {content:"\f105"; font-family:"Font Awesome 6 Pro";}
.page-content .f3-widget-paginator li.previous a::before {content:"\f104"; font-family:"Font Awesome 6 Pro";}

/* form */
.frame-type-form_formframework form > h2 {display:none;}
.frame-type-form_formframework .form-element {margin-bottom:var(--spacing-s);}
.frame-type-form_formframework .form-label {display:block; font-size:1.4rem; color:var(--color-gray-700); margin-bottom:8px;}
.frame-type-form_formframework .form-element .form-control {display:block; width:100%; padding:8px 16px; border:1px solid var(--color-gray-300); border-radius:var(--radius); color:var(--color-gray-900); font-family:inherit; font-size:1.6rem; line-height:1.5; background:var(--color-gray-50);}
.frame-type-form_formframework textarea.form-control {min-height:138px; resize:vertical;}
.frame-type-form_formframework .form-element .form-control:focus {border-color:var(--black); outline:2px solid var(--black); outline-offset:2px;}
.frame-type-form_formframework .form-navigation .btn-primary {width:100%; background-color:var(--red); color:var(--white); border:none; padding:12px 24px; font-family:inherit; font-size:2rem; font-weight:500; border-radius:var(--radius); transition:opacity 0.25s ease;}
.frame-type-form_formframework .form-navigation .btn-primary:hover {opacity:.9; color:var(--white); cursor:pointer;}
.frame-type-form_formframework .form-navigation .btn-primary:focus-visible {outline:2px solid var(--black); outline-offset:2px;}


/* uploads */
.frame-type-uploads {position:relative;max-width:var(--site-max-width-xl); margin:0 auto; padding:0 var(--spacing-border) 0; margin-bottom:var(--spacing-m);}
.frame-type-uploads > header h2 {margin-bottom:8px;}
.frame-type-uploads > header h3 {color:var(--color-gray-600); font-weight:400; font-size:1.6rem; margin-bottom:var(--spacing-s);}
.frame-type-uploads .ce-uploads {margin:0; padding:0; list-style-type:none; display:grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap:1.2rem;}
.frame-type-uploads .ce-uploads li {display:flex; align-items: center; background-color:var(--color-gray-50); padding:16px 16px; border-radius:var(--radius); margin:0;}
.frame-type-uploads .ce-uploads li:hover {background-color:var(--color-gray-100);}
.frame-type-uploads .ce-uploads li::before {display:none;}
.ce-uploads-fileName {color:var(--color-gray-900); font-size:1.6rem; font-weight:500}
.ce-uploads-filesize {color:var(--color-gray-500); font-size:1.2rem;}
.ce-uploads-icon {color:var(--red); font-size:2rem; margin-right:12px;}
.ce-uploads-default-icon {margin-left:auto; color:var(--color-gray-400); font-size:1.6rem;}
.frame-type-uploads .ce-uploads li:hover .ce-uploads-default-icon {color:var(--red);}
.frame-type-uploads .divider {height:1px; background-color:var(--color-gray-300); margin:var(--spacing-m) 0 0;}
.page-content .frame-type-uploads:last-child .divider {display:none;}

/* footer */
#wrapper > footer {background-color:var(--color-gray-900);}
.footerinner {display:flex; flex-wrap:wrap; justify-content: space-between; padding:48px 32px; gap:2.5%;}
.footerinner .col {width:18%;}
.footerinner .frame-default > header > h3 {color:var(--white); font-size:1.8rem; margin-bottom:16px; color:var(--white); font-weight:500;}
.footerinner p,
.footerinner a,
.footerinner li {color:var(--color-gray-400); font-size:1.4rem;}
.footerinner p {margin:0;}
.footerinner ul {padding:0; margin:0; list-style-type: none;}
.footerinner li {display:block; margin-bottom:8px;}
.footerinner .logo-bottom img {display:block; margin-bottom:16px;}
.footerinner .secondary-btn {display:inline-block; background:transparent; color:var(--white) !important; border:solid 2px var(--white);}
.footerinner .secondary-btn:hover {background-color:var(--white); color:var(--color-gray-900) !important;}
.footerinner .footnote {color:var(--color-gray-500); font-size:1.2rem; margin-top:16px;}
.footerinner a[href*="instagram"]::before {display:inline-block; margin-right:4px; content:"\f16d"; color:var(--color-gray-400); font-family:"Font Awesome 5 Brands"; font-style:normal; font-weight:normal;}
.footerinner a[href*="webuntis"]::before {display:inline-block; margin-right:4px; content:"\f133"; color:var(--color-gray-400); font-family:"Font Awesome 6 Pro"; font-style:normal; font-weight:normal;}
.footerinner a[href*="iserv"]::before {display:inline-block; margin-right:4px; content:"\f108"; color:var(--color-gray-400); font-family:"Font Awesome 6 Pro"; font-style:normal; font-weight:normal;}
.footerinner .col-12 {width:100%; text-align: center; padding-top:32px; margin-top:32px; border-top:solid 1px var(--color-gray-800);}
.footerinner .frame-type-text {margin-bottom:0;}

/* social sidebar */
.social-sidebar {position: fixed; right: 0; top: 50%; transform: translateY(-50%); z-index: 9999; display: flex; flex-direction: column;}
.social-sidebar a {width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; color: white;  box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.3);
  border-top-left-radius: var(--radius); border-bottom-left-radius: var(--radius); text-decoration: none; font-size: 22px; transition: all 0.3s ease;}
.social-sidebar .instagram {background: var(--red);}
.social-sidebar a:hover {width: 58px; }

/* back to top */
.to-top {position:fixed; right:24px; bottom:24px; z-index:9998; display:flex; width:48px; height:48px; align-items:center; justify-content:center; padding:0; border:1px solid rgba(255,255,255,.8); border-radius:50%; background:var(--red); color:var(--white); box-shadow:0 2px 10px rgba(16,24,40,.28); opacity:0; visibility:hidden; cursor:pointer; pointer-events:none; transform:translateY(8px); transition:opacity .2s ease, visibility .2s ease, transform .2s ease, background-color .2s ease;}
.to-top[hidden] {display:none;}
.to-top.is-visible {opacity:1; visibility:visible; pointer-events:auto; transform:translateY(0);}
.to-top:hover {background:var(--color-gray-900);}
.to-top__icon {display:block; width:12px; height:12px; margin-top:6px; border-top:3px solid currentColor; border-left:3px solid currentColor; transform:rotate(45deg);}

/* slick slider */
/* Arrows */
.slick-prev,
.slick-next {font-size:0; line-height:0; position:absolute; top:52%; display:block; width:35px; height:35px; padding:0; opacity: .75;
     color: transparent; border: none; outline: none; background: transparent; z-index:999; cursor: pointer;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {color:transparent; outline:none; background:transparent;}
.slick-prev:focus-visible,
.slick-next:focus-visible {outline:3px solid #1769d2; outline-offset:3px; box-shadow:0 0 0 2px var(--white);}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {opacity: 1;}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before{opacity: .25;}

.slick-prev:before,
.slick-next:before {font-family:"Font Awesome 6 Pro"; font-style:normal; font-weight:900; font-size: 3.5rem; line-height: 1; color: var(--white);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-prev {left:25px;}
[dir='rtl'] .slick-prev {left: auto;}
.slick-prev:before {content:'\f137';}
[dir='rtl'] .slick-prev:before{content:'\f138';}
.slick-next {right:25px;}
[dir='rtl'] .slick-next {right:auto;}
.slick-next:before {content:'\f138';}
[dir='rtl'] .slick-next:before {content: '\f137';}


.slick-dots {position:absolute!important; left:50%; bottom:30px; transform:translateX(-50%); z-index:10; display:flex!important; justify-content:center; align-items:center; gap:10px; margin:0 !important; padding:0 !important; list-style:none;}
.slick-dots li {margin:0 !important; line-height:1;}
.slick-dots li button {width:12px;height:12px;padding:0;border-radius:50%;background:rgba(255,255,255,.5);border:none;font-size:0;line-height:0;color:transparent;cursor:pointer;}
.slick-dots li button:before {display:none;}
.slick-dots li.slick-active button {background:var(--red);}

/* Hero slider controls */
.hero--slider .slick-prev,
.hero--slider .slick-next {top:50%; width:48px; height:48px; opacity:1; border:1px solid rgba(255,255,255,.8); border-radius:50%; background:rgba(0,0,0,.42); box-shadow:0 2px 8px rgba(0,0,0,.25); transition:background-color .2s ease,border-color .2s ease,transform .2s ease;}
.hero--slider .slick-prev {left:24px;}
.hero--slider .slick-next {right:24px;}
.hero--slider .slick-prev:hover,
.hero--slider .slick-prev:focus-visible,
.hero--slider .slick-next:hover,
.hero--slider .slick-next:focus-visible {background:var(--red); border-color:var(--white);}
.hero--slider .slick-prev:focus-visible,
.hero--slider .slick-next:focus-visible {outline:3px solid var(--white); outline-offset:3px;}
.hero--slider .slick-prev::before,
.hero--slider .slick-next::before {content:""; position:absolute; top:50%; left:50%; width:12px; height:12px; border-top:3px solid var(--white); border-right:3px solid var(--white); font-family:inherit; opacity:1;}
.hero--slider .slick-prev::before {transform:translate(-35%,-50%) rotate(-135deg);}
.hero--slider .slick-next::before {transform:translate(-65%,-50%) rotate(45deg);}

.hero--slider .slick-dots {bottom:12px; gap:0;}
.hero--slider .slick-dots li {display:flex; align-items:center; justify-content:center; width:44px; height:44px; margin:0 -3px !important;}
.page-content .hero--slider .slick-dots li::before {content:none; display:none;}
.hero--slider .slick-dots li button {position:relative; width:44px; height:44px; padding:0; border:0; background:transparent;}
.hero--slider .slick-dots li button::before {content:""; position:absolute; top:50%; left:50%; display:block; width:12px; height:12px; border:2px solid rgba(0,0,0,.28); border-radius:50%; background:rgba(255,255,255,.95); opacity:1; transform:translate(-50%,-50%); transition:background-color .2s ease,border-color .2s ease,transform .2s ease;}
.hero--slider .slick-dots li.slick-active button {background:transparent;}
.hero--slider .slick-dots li.slick-active button::before {border-color:var(--white); background:var(--red); transform:translate(-50%,-50%) scale(1.2);}
.hero--slider .slick-dots li button:hover::before {transform:translate(-50%,-50%) scale(1.2);}
.hero--slider .slick-dots li button:focus-visible {outline:3px solid var(--white); outline-offset:-5px; border-radius:50%;}

figure.video {display:block;}
.video-embed {position: relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden;}
.video-embed iframe,
.video-embed object,
.video-embed embed {position:absolute; top:0; left:0; width:100%; height:100%;}

/* mobile optimize */

@media only screen and (min-width:1281px) and (max-width:1440px) {
  .navbar #topnav ul#firstlvl {gap:1rem;}
  .navbar #topnav ul#firstlvl > li > a {font-size:1.5rem;}
}

@media only screen and (max-width:1280px) {
  :root {--spacing-border:24px; --spacing-l:48px;}
  #topbox > .section-inner {overflow:visible;}
  .navbar {display:flex; flex-wrap:nowrap; min-height:72px;}
  #topbox a#homelink {max-width:132px;}
  .navbar > .btn {display:none;}

  /* Ohne JavaScript bleibt die komplette Navigation sichtbar. */
  .navbar #topnav {order:3; width:100%; margin:16px 0 0;}
  .navbar #topnav ul#firstlvl {display:block;}
  .navbar #topnav ul#firstlvl > li,
  .navbar #topnav .secondlvl li,
  .navbar #topnav .thirdlvl li {display:grid; grid-template-columns:minmax(0, 1fr) auto;}
  .navbar #topnav ul#firstlvl > li > a,
  .navbar #topnav .secondlvl a,
  .navbar #topnav .thirdlvl a,
  .navbar #topnav .fourthlvl a {padding:10px 12px;}
  .navbar #topnav ul#firstlvl > li > ul,
  .navbar #topnav .secondlvl > li > ul,
  .navbar #topnav .thirdlvl > li > ul {grid-column:1 / -1;}
  html:not(.navigation-enhanced) .navbar {flex-wrap:wrap;}
  html:not(.navigation-enhanced) .navbar #topnav .secondlvl,
  html:not(.navigation-enhanced) .navbar #topnav .thirdlvl,
  html:not(.navigation-enhanced) .navbar #topnav .fourthlvl {position:static; display:block; min-width:0; margin-left:16px; border-left:2px solid var(--color-gray-100); border-radius:0; box-shadow:none;}

  .navigation-enhanced #mobile-header {display:block; margin-left:auto;}
  .navigation-enhanced .navbar #topnav {position:fixed; top:0; right:0; bottom:0; z-index:10001; display:block; order:initial; width:min(90vw, 420px); margin:0; padding:72px 20px 32px; overflow-x:hidden; overflow-y:auto; overscroll-behavior:contain; background:var(--white); box-shadow:-8px 0 24px rgba(16,24,40,.2); transform:translateX(105%); visibility:hidden; transition:transform .28s ease, visibility 0s linear .28s;}
  .navigation-enhanced .navbar #topnav.is-open {transform:translateX(0); visibility:visible; transition-delay:0s;}
  .navigation-enhanced .navbar #topnav .secondlvl,
  .navigation-enhanced .navbar #topnav .thirdlvl,
  .navigation-enhanced .navbar #topnav .fourthlvl {position:static; min-width:0; margin:0 0 4px 16px; border-left:2px solid var(--color-gray-100); border-radius:0; box-shadow:none;}
  .navigation-enhanced .navbar #topnav a {width:100%;}
  .navigation-close {position:absolute; top:14px; right:16px; display:inline-flex;}
  .navigation-close > span,
  .navigation-close > span::before {display:block; width:24px; height:2px; border-radius:2px; background:currentColor; transform:rotate(45deg);}
  .navigation-close > span::before {content:""; transform:rotate(90deg);}
  .mobile-navigation-meta {display:block; margin-top:24px; padding-top:24px; border-top:1px solid var(--color-gray-300);}
  .mobile-navigation-meta__heading {margin:0 0 8px; padding:0 12px; color:var(--color-gray-600); font-size:1.3rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase;}
  .navbar #topnav .mobile-navigation-meta ul {display:block;}
  .navbar #topnav .mobile-navigation-meta li {display:block;}
  .navbar #topnav .mobile-navigation-meta a {display:flex; align-items:center; min-height:44px; padding:10px 12px;}
  .navbar #topnav .mobile-navigation-meta__primary {margin-bottom:8px; border-radius:var(--radius); background:var(--red); color:var(--white); font-weight:700;}

  .page-header,
  .page-header-small,
  .page-header-news {padding:48px 0;}
  .news-list-view .article {width:calc(50% - (var(--spacing-s) / 2));}
  .frame-type-uploads .ce-uploads {grid-template-columns:repeat(2, minmax(0, 1fr));}
  .footerinner {gap:28px;}
  .footerinner .col {width:100%;}
  .footerinner .col-12 {padding-top:24px; margin-top:4px; text-align:left;}
}

@media only screen and (max-width:991px) {

}

@media only screen and (max-width:1280px) {
  .hero--home .hero__slide {display:grid; grid-template-rows:auto auto; background:var(--color-gray-50);}
  .hero--home .hero__slide::after {content:none;}
  .hero--home .hero__media {position:relative; inset:auto; z-index:auto; height:clamp(260px, 50vw, 500px);}
  .hero--home .hero__picture {display:block; width:100%; height:100%;}
  .hero--home .hero__content {z-index:auto; width:100%; min-height:0; justify-content:flex-start; padding:28px var(--spacing-border) 32px; color:var(--color-gray-700); background:var(--color-gray-50); border-top:1px solid var(--color-gray-100);}
  .hero--home .hero__headline {max-width:900px; margin-bottom:16px; color:var(--color-gray-900); font-size:clamp(3rem, 5vw, 4.4rem); text-shadow:none;}
  .hero--home .hero__text {max-width:760px; margin-bottom:24px; color:var(--color-gray-700); font-size:1.9rem;}
  .hero--home .hero__text p {color:var(--color-gray-700); font-weight:400; text-shadow:none;}
  .hero--home .hero__actions {gap:8px;}
  .hero--home .btn-big {min-height:44px; padding:10px 18px; font-size:1.6rem;}
  .hero--home .white-btn {border:2px solid var(--red);}
  .hero--slider .slick-prev,
  .hero--slider .slick-next {top:clamp(130px, 25vw, 250px);}
  .hero--slider .slick-dots {position:static !important; transform:none; padding:6px 0 10px !important; background:var(--color-gray-50);}
  .hero--slider .slick-dots li button:focus-visible {outline-color:#1769d2;}
}

@media only screen and (max-width:768px) {
  :root {--spacing-m:36px; --spacing-l:40px;}
  h1 {font-size:clamp(3.2rem, 8vw, 4.2rem);}
  .page-header h1 {overflow-wrap:break-word; word-break:normal; hyphens:auto;}
  h2 {font-size:clamp(2.7rem, 6.5vw, 3.4rem);}
  h3 {font-size:2.2rem;}
  .intro-text,
  .frame-default > header > h3.ce-headline-center {font-size:1.8rem;}
  .page-header .subtitle {font-size:1.8rem;}
  .page-content {padding:var(--spacing-l) 0;}
  .frame-narrow .text-frame {max-width:100%;}
  .frame-layout-1,
  .frame-layout-2,
  .frame-layout-3,
  .frame-layout-4 {padding:20px;}
  .page-content figure.table {overflow-x:auto; -webkit-overflow-scrolling:touch;}
  .page-content figure.table > table {min-width:600px;}
  .page-content .contenttable {display:block; max-width:100%; overflow-x:auto; white-space:normal; -webkit-overflow-scrolling:touch;}

  .hero__content {min-height:560px; padding:4rem 6.4rem 8rem;}
  .hero__text {font-size:2rem; margin-bottom:2.4rem;}
  .hero__actions {flex-wrap:wrap;}
  .hero--slider .slick-prev {left:10px;}
  .hero--slider .slick-next {right:10px;}
  .imagecollage__overlay {padding:18px; opacity:1; transform:none; background:linear-gradient(to top, rgba(0,0,0,.78), rgba(0,0,0,0) 75%);}
  .feature-card-container {grid-template-columns:repeat(auto-fit, minmax(min(280px, 100%), 1fr)); gap:16px;}
  .ctasection__actions {flex-wrap:wrap;}
  .news-list-view .article {width:100%;}
  .page-content .f3-widget-paginator {display:flex; flex-wrap:wrap; justify-content:center; gap:6px;}
  .page-content .f3-widget-paginator li {display:flex; margin:0;}
  .page-content .f3-widget-paginator li a,
  .page-content .f3-widget-paginator li.current {display:inline-flex; min-width:44px; min-height:44px; align-items:center; justify-content:center; padding:8px 12px;}
  .social-sidebar {position:static; right:auto; top:auto; z-index:auto; flex-direction:row; justify-content:center; padding:0 0 24px; background:var(--color-gray-900); transform:none;}
  .social-sidebar a,
  .social-sidebar a:hover {width:48px; border-radius:var(--radius);}
}

@media only screen and (max-width:640px) {
  :root {--spacing-border:16px; --spacing-s:20px; --spacing-m:32px; --spacing-l:36px;}
  .to-top {right:16px; bottom:16px;}
  .text-l {font-size:1.7rem;}
  .page-header,
  .page-header-small,
  .page-header-news {padding:36px 0;}
  .page-header h1 {margin-bottom:10px;}
  .ctasection__actions .btn {width:100%;}
  .frame-type-uploads .ce-uploads {grid-template-columns:1fr;}
  .footerinner {padding:36px 16px; gap:28px;}
  .footerinner .col {width:100%;}
  .footerinner .col-12 {padding-top:24px; margin-top:4px; text-align:left;}
  .person-card {padding:20px;}
  .teaser-card__image {height:auto; aspect-ratio:16 / 9;}
}

@media only screen and (max-width:480px) {
  #topbox a#homelink {max-width:116px;}
  .hero__content {min-height:520px; padding:3rem 4.8rem 8rem;}
  .hero__headline {font-size:3.2rem;}
  .hero__text {font-size:1.8rem;}
  .hero--slider .slick-prev,
  .hero--slider .slick-next {width:44px; height:44px;}
  .imagecollage__overlay-title {font-size:1.7rem;}
  .imagecollage__overlay-text {font-size:1.3rem;}
}

@media only screen and (max-width:375px) {
  .hero__content {padding-right:4.4rem; padding-left:4.4rem;}
}

@media (prefers-reduced-motion: reduce) {
  html:focus-within {scroll-behavior:auto;}
  *, *::before, *::after {scroll-behavior:auto !important; transition-duration:.01ms !important; animation-duration:.01ms !important; animation-iteration-count:1 !important;}
  .hero__slide::after {transition:none;}
}