/* Eingefroren aus dem Bricks-Bestand am 28.10.2026 (deploy/friere-seiten-css.py) - __startseite */
/* --- Bricks: globale Klassen und Custom CSS --- */
html {scroll-behavior: smooth}.header-menu.brxe-nav-menu .bricks-nav-menu > li {margin-right: var(--space-tiny); margin-left: var(--space-tiny)} .header-menu.brxe-nav-menu .bricks-nav-menu > li > a {font-family: "bree-serif-v8-latin-regular"; line-height: 1; border-bottom: 2px solid rgba(255, 0, 0, 0)} .header-menu.brxe-nav-menu .bricks-nav-menu > li > .brx-submenu-toggle > * {font-family: "bree-serif-v8-latin-regular"; line-height: 1} .header-menu.brxe-nav-menu .bricks-nav-menu > li > .brx-submenu-toggle {border-bottom: 2px solid rgba(255, 0, 0, 0)} .header-menu.brxe-nav-menu .bricks-nav-menu > li:hover > a {border-bottom: 2px solid var(--secondary)} .header-menu.brxe-nav-menu .bricks-nav-menu > li:hover > .brx-submenu-toggle {border-bottom: 2px solid var(--secondary)} .header-menu.brxe-nav-menu .bricks-nav-menu .sub-menu {background-color: var(--primary)} .header-menu.brxe-nav-menu .bricks-nav-menu .sub-menu > li > a {color: var(--secondary); font-family: "bree-serif-v8-latin-regular"; line-height: 1} .header-menu.brxe-nav-menu .bricks-nav-menu .sub-menu > li > .brx-submenu-toggle > * {color: var(--secondary); font-family: "bree-serif-v8-latin-regular"; line-height: 1} .header-menu.brxe-nav-menu .bricks-nav-menu .sub-menu a {padding-top: var(--space-small); padding-right: var(--space-small); padding-bottom: var(--space-small); padding-left: var(--space-small)} .header-menu.brxe-nav-menu .bricks-nav-menu .sub-menu button {padding-top: var(--space-small); padding-right: var(--space-small); padding-bottom: var(--space-small); padding-left: var(--space-small)} @media (max-width: 991px) {.header-menu.brxe-nav-menu {display: none} }@media (max-width: 767px) {.header-menu.brxe-nav-menu {display: none} } .grid.brxe-div {display: grid; align-items: initial} .w-full.brxe-image {padding-top: var(--space-small); padding-right: var(--space-small); padding-bottom: var(--space-small); padding-left: var(--space-small); display: flex} .h-full.brxe-image:not(.tag), .h-full.brxe-image img {object-fit: contain} .text-center.brxe-text-basic {align-self: center} .text-center.brxe-div {align-self: center !important} .teaser-card__block.brxe-block {transition: all 0.5s ease-out; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; position: relative} .teaser-card__content.brxe-block {padding-top: 1rem; padding-right: 1rem; padding-bottom: 1rem; padding-left: 1.5rem; justify-content: space-between} @media (max-width: 767px) {.teaser-card__content.brxe-block {align-self: flex-start !important; align-items: flex-start; flex-direction: row} } .teaser-card__desc.brxe-div {flex-direction: column} .teaser-card__text.brxe-text-basic {min-height: 100px} @media (max-width: 767px) {.teaser-card__text.brxe-text-basic {width: 85%} } .teaser-card__icon.brxe-icon {font-size: 2rem; color: var(--primary); fill: var(--primary); position: absolute; right: 30px} .m-0.brxe-heading {margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0} .bricks-button.brxe-div {visibility: hidden} .flex.brxe-div {display: flex} @media (max-width: 767px) {.footer__quicklinks_nav.brxe-nav-menu {margin-bottom: 1rem} } .my-4.brxe-div {justify-content: space-around} .footer__copyright_text.brxe-text-basic {margin-right: 1rem; flex-grow: 1}

/* --- Winden: Tailwind --- */
*, ::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:  ;

}

  /*   .winden-card {

    background-color: theme("colors.black");

    border-radius: theme("borderRadius.lg");

    padding: theme("spacing.6");

    box-shadow: theme("boxShadow.xl");

  }

  .winden-avatar {

    @apply h-12 w-12 rounded-full ring-2 ring-white;

  }

 */



  html {

    height: 100%;

    font-size: 100%;

}



  body {

    height: 100%;

    font-size: var(--step-0);

    line-height: 1.5;

    --tw-text-opacity: 1;

    color: rgb(34 34 34 / var(--tw-text-opacity, 1));

}



  /* typography */



  h1,

  h2,

  h3,

  h4 {

        margin-bottom: var(--space-small);

  }



  h1,

  h2,

  h3 {

    margin-bottom: 0.75rem;

}



  h1 {

    font-size: var(--step-4);

    line-height: 1.5;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    /* line-height: clamp(1.969rem, 2.217vw + 1.395rem, 3.169rem); */

}



  h2 {

    font-size: var(--step-3);

    line-height: 1.5;

}



  h3 {

    font-size: var(--step-2);

    line-height: 1.375;

}



  h4 {

    font-size: var(--step-1);

    line-height: 1.375;

}



  sub,

  sup {

    position: relative;

    vertical-align: baseline;

    font-weight: 300;

    line-height: 1;

}



  sub {

    bottom: -0.25em;

  }



  sup {

    top: -0.5em;

  }



  /* links */

  p a {

    text-decoration-line: underline;

    text-underline-offset: 1px;

}

  p a:hover {

    --tw-text-opacity: 1;

    color: rgb(87 56 0 / var(--tw-text-opacity, 1));

}

/* global */

/* navigation */

.header-menu .brxe-nav-menu > li {

    margin-right: 1.5rem;

}

.header-menu .current-menu-item a,

  .header-menu .current_page_item a {

    text-decoration-line: underline;

    text-decoration-thickness: 2px;

    text-underline-offset: 4px;

}

.header-menu.brxe-nav-menu

    .bricks-nav-menu

    .sub-menu

    > li.menu-item

    > a:hover {

    text-decoration-line: underline;

    text-decoration-thickness: 2px;

    text-underline-offset: 4px;

}

#brxe-knkiec .menu-item a:hover {

    --tw-text-opacity: 1;

    color: rgb(60 40 0 / var(--tw-text-opacity, 1));

    text-decoration-line: underline;

    text-decoration-thickness: 2px;

    text-underline-offset: 4px;

}

#brxe-knkiec .x-slide-menu_list .sub-menu > li.current-menu-item > a {

    text-decoration-line: underline;

    text-decoration-thickness: 2px;

    text-underline-offset: 4px;

}

.header-menu.brxe-nav-menu .bricks-nav-menu .sub-menu {

    padding: 0.5rem;

}

/*

  #brxe-knkiec .x-slide-menu_list > .current-menu-item > a:hover,

  #brxe-knkiec .x-slide-menu_list > .current-menu-ancestor > a:hover,

  #brxe-knkiec .x-slide-menu_list > .current-menu-parent > a:hover {

    @apply text-brand-hover underline underline-offset-4 decoration-2;

  }

 */

/* footer */

@media (min-width: 768px) {



    .footer__quicklinks_nav {

        padding-right: 2.5rem;

    }

}

.footer__quicklinks_nav li:hover {

    --tw-text-opacity: 1;

    color: rgb(60 40 0 / var(--tw-text-opacity, 1));

    text-decoration-line: underline;

    text-underline-offset: 1px;

}

/* buttons */

.bricks-button {

    border-width: 1px;

    border-style: solid;

    --tw-border-opacity: 1;

    border-color: rgb(34 34 34 / var(--tw-border-opacity, 1));

    --tw-bg-opacity: 1;

    background-color: rgb(255 230 184 / var(--tw-bg-opacity, 1));

    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;

    transition-duration: 300ms;

    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

}

.bricks-button:hover {

    cursor: pointer;

    --tw-bg-opacity: 1;

    background-color: rgb(34 34 34 / var(--tw-bg-opacity, 1));

    --tw-text-opacity: 1;

    color: rgb(255 255 255 / var(--tw-text-opacity, 1));

}

/* teaser cards */

.teaser-card__block {

    padding: 0px;

}

.teaser-card__block:hover {

    --tw-bg-opacity: 1;

    background-color: rgb(255 230 184 / var(--tw-bg-opacity, 1));

}

.teaser-card__block:hover .teaser-card__icon {

    fill: #222222;

    --tw-text-opacity: 1;

    color: rgb(34 34 34 / var(--tw-text-opacity, 1));

    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;

    transition-duration: 300ms;

    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

}

.teaser-card__block:hover .teaser-card__image {

    --tw-brightness: brightness(.95);

    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);

}

.relative {

    position: relative;

}

.m-0 {

    margin: 0px;

}

.my-4 {

    margin-top: 1rem;

    margin-bottom: 1rem;

}

.ml-4 {

    margin-left: 1rem;

}

.mt-2 {

    margin-top: 0.5rem;

}

.mt-6 {

    margin-top: 1.5rem;

}

.mt-8 {

    margin-top: 2rem;

}

.flex {

    display: flex;

}

.hidden {

    display: none;

}

.size-full {

    width: 100%;

    height: 100%;

}

.w-3\/4 {

    width: 75%;

}

.flex-col {

    flex-direction: column;

}

.flex-wrap {

    flex-wrap: wrap;

}

.whitespace-nowrap {

    white-space: nowrap;

}

.border-4 {

    border-width: 4px;

}

.border-solid {

    border-style: solid;

}

.border-primary {

    --tw-border-opacity: 1;

    border-color: rgb(255 230 184 / var(--tw-border-opacity, 1));

}

.bg-brand-100 {

    --tw-bg-opacity: 1;

    background-color: rgb(255 250 240 / var(--tw-bg-opacity, 1));

}

.bg-brand-200 {

    --tw-bg-opacity: 1;

    background-color: rgb(255 244 224 / var(--tw-bg-opacity, 1));

}

.bg-brand-400 {

    --tw-bg-opacity: 1;

    background-color: rgb(255 235 199 / var(--tw-bg-opacity, 1));

}

.bg-primary {

    --tw-bg-opacity: 1;

    background-color: rgb(255 230 184 / var(--tw-bg-opacity, 1));

}

.p-10 {

    padding: 2.5rem;

}

.p-6 {

    padding: 1.5rem;

}

.px-4 {

    padding-left: 1rem;

    padding-right: 1rem;

}

.py-1 {

    padding-top: 0.25rem;

    padding-bottom: 0.25rem;

}

.py-2 {

    padding-top: 0.5rem;

    padding-bottom: 0.5rem;

}

.pb-2 {

    padding-bottom: 0.5rem;

}

.pb-4 {

    padding-bottom: 1rem;

}

.pr-2 {

    padding-right: 0.5rem;

}

.text-center {

    text-align: center;

}

.text-sm {

    font-size: var(--step--1);

}

.text-xl {

    font-size: var(--step-2);

}

.text-xs {

    font-size: var(--step--2);

}

.font-bold {

    font-weight: 700;

}

.leading-none {

    line-height: 1;

}

.underline {

    text-decoration-line: underline;

}

.underline-offset-1 {

    text-underline-offset: 1px;

}

.shadow-giga {

    --tw-shadow: 0px 10px 37px 11px rgba(0,0,0,0.5);

    --tw-shadow-colored: 0px 10px 37px 11px var(--tw-shadow-color);

    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);

}

.transition-colors {

    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;

    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

    transition-duration: 150ms;

}

.transition-transform {

    transition-property: transform;

    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

    transition-duration: 150ms;

}

.duration-300 {

    transition-duration: 300ms;

}

.duration-500 {

    transition-duration: 500ms;

}



/* layer components */



/* root variables */

:root {

  --primary: #ffe6b8;

  --secondary: #222222;

  --brand-hover: #3c2800;



  --space-tiny: var(--space-2xs);

  --space-small: var(--space-xs);

  --space: var(--space-m);

  --space-big: var(--space-xl);



  /* @link https://utopia.fyi/type/calculator?c=320,18,1.067,1240,20,1.25,4,2,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l&g=s,l,xl,12 */



  /* Step -3: 14.82px → 10.24px */

  --step--3: clamp(0.64rem, calc(1.03rem + -0.5vw), 0.93rem);



  /* Step -2: 15.81px → 12.80px */

  --step--2: clamp(0.8rem, calc(1.05rem + -0.33vw), 0.99rem);



  /* Step -1: 16.87px → 16.00px */

  --step--1: clamp(1rem, calc(1.07rem + -0.09vw), 1.05rem);



  /* Step 0: 18.00px → 20.00px */

  --step-0: clamp(1.13rem, calc(1.08rem + 0.22vw), 1.25rem);



  /* Step 1: 19.21px → 25.00px */

  --step-1: clamp(1.2rem, calc(1.07rem + 0.63vw), 1.56rem);



  /* Step 2: 20.49px → 31.25px */

  --step-2: clamp(1.28rem, calc(1.05rem + 1.17vw), 1.95rem);



  /* Step 3: 21.87px → 39.06px */

  --step-3: clamp(1.37rem, calc(0.99rem + 1.87vw), 2.44rem);



  /* Step 4: 23.33px → 48.83px */

  --step-4: clamp(1.46rem, calc(0.9rem + 2.77vw), 3.05rem);



  /* @link https://utopia.fyi/space/calculator?c=320,18,1.25,1240,20,1.2,4,2,&s=0.75|0.5|0.25,1.5|2|3|4|6|7,s-l&g=s,l,xl,12 */



  --space-3xs: clamp(0.31rem, calc(0.31rem + 0vw), 0.31rem);

  --space-2xs: clamp(0.56rem, calc(0.54rem + 0.11vw), 0.63rem);

  --space-xs: clamp(0.88rem, calc(0.85rem + 0.11vw), 0.94rem);

  --space-s: clamp(1.13rem, calc(1.08rem + 0.22vw), 1.25rem);

  --space-m: clamp(1.69rem, calc(1.62rem + 0.33vw), 1.88rem);

  --space-l: clamp(2.25rem, calc(2.16rem + 0.43vw), 2.5rem);

  --space-xl: clamp(3.38rem, calc(3.24rem + 0.65vw), 3.75rem);

  --space-2xl: clamp(4.5rem, calc(4.33rem + 0.87vw), 5rem);

  --space-3xl: clamp(6.75rem, calc(6.49rem + 1.3vw), 7.5rem);

  --space-4xl: clamp(7.88rem, calc(7.57rem + 1.52vw), 8.75rem);



  /* One-up pairs */

  --space-3xs-2xs: clamp(0.31rem, calc(0.2rem + 0.54vw), 0.63rem);

  --space-2xs-xs: clamp(0.56rem, calc(0.43rem + 0.65vw), 0.94rem);

  --space-xs-s: clamp(0.88rem, calc(0.74rem + 0.65vw), 1.25rem);

  --space-s-m: clamp(1.13rem, calc(0.86rem + 1.3vw), 1.88rem);

  --space-m-l: clamp(1.69rem, calc(1.4rem + 1.41vw), 2.5rem);

  --space-l-xl: clamp(2.25rem, calc(1.73rem + 2.61vw), 3.75rem);

  --space-xl-2xl: clamp(3.38rem, calc(2.81rem + 2.83vw), 5rem);

  --space-2xl-3xl: clamp(4.5rem, calc(3.46rem + 5.22vw), 7.5rem);

  --space-3xl-4xl: clamp(6.75rem, calc(6.05rem + 3.48vw), 8.75rem);



  /* Custom pairs */

  --space-s-l: clamp(1.13rem, calc(0.65rem + 2.39vw), 2.5rem);

}



/** global **/

.border__bottom {

  border-bottom: 1px solid var(--primary);

}



.hidden {

  display: none !important;

}



/* links */



.csslink__external {

  text-decoration: none;

}



a.csslink_PDF {

  display: block;

}



a.csslink_PDF::before {

  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512' style='enable-background:new 0 0 384 512' xml:space='preserve'%3E%3Cpath d='M88 304h-8v-48h8c13.3 0 24 10.7 24 24s-10.7 24-24 24zm104-48h8c8.8 0 16 7.2 16 16v64c0 8.8-7.2 16-16 16h-8v-96zM224 0v128c0 17.7 14.3 32 32 32h128v288c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V64C0 28.6 28.6 0 64 0h160zM64 224c-8.8 0-16 7.2-16 16v128c0 8.8 7.2 16 16 16s16-7.2 16-16v-32h8c30.9 0 56-25.1 56-56s-25.1-56-56-56H64zm96 144c0 8.8 7.2 16 16 16h24c26.5 0 48-21.5 48-48v-64c0-26.5-21.5-48-48-48h-24c-8.8 0-16 7.2-16 16v128zm128-144c-8.8 0-16 7.2-16 16v128c0 8.8 7.2 16 16 16s16-7.2 16-16v-48h32c8.8 0 16-7.2 16-16s-7.2-16-16-16h-32v-32h32c8.8 0 16-7.2 16-16s-7.2-16-16-16h-48zM256 0l128 128H256V0z' style='fill:%23f6921e'/%3E%3C/svg%3E");

  width: 14px;

  height: 14px;

  margin-right: 8px;

}



/* gallery */



.gallery_nav__container > a {

  padding-right: 1rem;

}



/** image gallery **/



.happyfiles-gallery > ul.crop li {

  height: 120px !important;

}



.happyfiles-gallery > ul.crop li img {

  border-bottom: solid;

  border-color: #fff;

}



.happyfiles-gallery.lightbox img:hover {

  border-color: var(--primary);

  opacity: 1;

}



.brxe-container {

  margin-top: var(--space);

  margin-bottom: var(--space);

}



.hover\:scale-125:hover {

    --tw-scale-x: 1.25;

    --tw-scale-y: 1.25;

    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));

}



@media (min-width: 768px) {



    .md\:flex-row {

        flex-direction: row;

    }

}



@media (min-width: 1024px) {



    .lg\:max-w-7xl {

        max-width: 80rem;

    }

}