/* material-symbols-outlined-100 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/material-symbols-outlined-v323-latin-100.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/material-symbols-outlined-v323-latin-100.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* material-symbols-outlined-200 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/material-symbols-outlined-v323-latin-200.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/material-symbols-outlined-v323-latin-200.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* material-symbols-outlined-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/material-symbols-outlined-v323-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/material-symbols-outlined-v323-latin-300.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* material-symbols-outlined-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/material-symbols-outlined-v323-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/material-symbols-outlined-v323-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* material-symbols-outlined-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/material-symbols-outlined-v323-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/material-symbols-outlined-v323-latin-500.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* material-symbols-outlined-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/material-symbols-outlined-v323-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/material-symbols-outlined-v323-latin-600.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* material-symbols-outlined-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/material-symbols-outlined-v323-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/material-symbols-outlined-v323-latin-700.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

html .text-primary {
  color:#F28C00!important;
}

html .text-grey200 {
  color:#555555!important;
}

.bg-grey200 {
  
  background-color: rgba(129, 129, 129, 0.2);
}

.tracking-widest {
  letter-spacing: 0.1em;
}

.btn-primary:hover {
  background-color: #ca7600!important;
  border-color: #ca7600;
  opacity: 1;
}

.hxorange {
  color: #ef7d00;
}

.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}


.transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.material-symbols-outlined {
  font-family: 'Material Symbols Outlined';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -moz-font-feature-settings: 'liga';
  -moz-osx-font-smoothing: grayscale;
}
.line-through {

  text-decoration: line-through;
}

 .text-white, .text-white p {
  
  color: rgba(255, 255, 255, 1) !important;
}




h3.leading-snug {
    color: #fff;
}


.transition-colors {
  transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.bg-surface-container-lowest {
  
  background-color: rgb(255, 255, 255 , 1);
}
.bg-surface-container-low {
 
  background-color: rgb(246,243,242 ,1);
}
.bg-error-container {
  
  background-color: rgb(255, 218, 214, 1);
}

.text-emerald-700 {
  
  color: rgb(4, 120, 87, 1);
}
.bg-emerald-100 {
 
  background-color: rgb(209, 250, 229, 1);
}

.bg-surface {
  
  background-color: rgb(251, 249, 248,1);
}


.rounded-xl {
  border-radius: 0.5rem;
}

.rounded-2xl {
  border-radius: 1rem;
}

.whisper-border {
  border: 1px solid rgba(219, 194, 175, 0.15);
}

.text-on-surface {
  
  color: rgb(27, 28, 28, 1);
}

.text-on-surface-variant {
 
  color: rgb(85,67,53,  1);
}


html .buttonrow a.text-primary {
  
  color: rgb(141, 79, 0, 1)!important;
  
}

.bg-primary\/5 {
  background-color: rgb(141, 79, 0, 0.05);
  
}

.font-bold {
  font-weight: 700!important;
}

.w-7 {
  width: 1.75rem;
}
.h-7 {
  height: 1.75rem;
}

.w-6 {
  width: 1.5rem;
}
.h-6 {
  height: 1.5rem;
}


.w-12 {
  width: 3rem;
}
.h-12 {
  height: 3rem;
}
.h-1 {
  height: 0.25rem;
}

.justify-center {
  justify-content: center;
}
.items-center {
  align-items: center;
}


.justify-between {
  justify-content: space-between;
}

.flex-col {
  flex-direction: column;
}
.h-full {
  height: 100%;
}

.mb-8 {
  margin-bottom: 2rem;
}
*, ::after, ::before {
  box-sizing: border-box;
  border-width: 0;
  border-style: solid;
  border-color: #e5e7eb;
}

.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.text-xs {
  font-size: 0.75rem;
  line-height: 1rem;
}
.text-5xl {
  font-size: 3rem;
  line-height: 1;
}

.text-5xl {
  font-size: 4.5rem;
  line-height: 1;
}

.max34 {
  max-width: 34rem;
}


.max41 {
  max-width: 41rem;
}



.italic {
  font-style: italic;
}


.font600 {
  font-weight: 600;
}


.py-1\.5 {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}


.uppercase {
  text-transform: uppercase;
}

.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

section.section-secondary p.text-on-surface-variant {
  
  color: rgb(85 ,67, 53,  1);
}

.bg-surface-container {
  
  background-color: rgb(240, 237, 237, 1);
}

.rounded-full {
  border-radius: 0.75rem;
}

.seo.gap-2 {
  gap: 0.5rem!important;
}


.gap-3 {
  gap: 0.75rem;
}
.gap-12 {
  gap: 3rem;
}

.mt-16 {
  margin-top: 4rem;
}
.flex {
  display: flex;
}

.p-10 {
  padding: 2.5rem;
}

.pl-8 {
  padding-left: 2rem;
}

.gap-4 {
  gap: 1rem;
}
.items-start {
  align-items: flex-start;
}


audio, canvas, embed, iframe, img, object, svg, video {
  display: block;
  vertical-align: middle;
}

.bg-secondary-blue {
  
  background-color: rgb(64, 89, 170,1);
}

.border-white20 {
  border-color: rgb(255 255 255 / 0.2);
}

.border1 {
  border-width: 1px;
}

.opacity-80 {
  opacity: 0.8;
}
.opacity-20 {
  opacity: 0.2;
}



.w-10 {

  width: 2.5rem;
}
.h-10 {
  height: 2.5rem;
}
.mb-6 {
  margin-bottom: 1.5rem;
}


.frame-h-100 {
    height: 100%;
}

.bg-surface-container-highest {
  
  background-color: rgb(228, 226, 225, 1);
}

.overflow-hidden {
  overflow: hidden;
}


.w-5 {
  width: 1.25rem;
}
.h-5 {
  height: 1.25rem;
}
.flex-1 {
  flex: 1 1 0%;
}

.flex-col {
  flex-direction: column;
}

.relative {
  position: relative;
}

.gap-10 {
  gap: 2.5rem;
}
.items-center {
  align-items: center;
}

.hover-rotate-0:hover {
  
  transform: translate(0, 0) rotate(0) skewX(0) skewY(0) scaleX(1) scaleY(1);
}
.duration-500 {
  transition-duration: 500ms;
}

.transition-transform {
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.shadow-xl {
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.-rotate-3 {
  
  transform: translate(0, 0) rotate(0) skewX(0) skewY(0) scaleX(1) scaleY(1);
}

.bg-surface-container-lowest {
 
  background-color: rgb(255, 255, 255,1);
}

.object-cover {
  object-fit: cover;
}

.w-full {
  width: 100%;
}
.h-48 {
  height: 12rem;
}

.p-6 {
  padding: 1.5rem;
}

.rounded-lg {
  border-radius: 0.25rem;
}

.text-3xl {
  font-size: 1.875rem;
  line-height: 2.25rem;
}

.text-6xl {
  font-size: 3.75rem;
  line-height: 1;
}

.text-on-surface {
  
  color: rgb(27,28,28,1);
}

.main section.section-secondary {
background-color: rgb(246, 243, 242, 1);

  border: 0!important;
  position: relative;
}

section.section-secondary::after {
  background-color: transparent;
  content: "";
  height: 5px;
  left: 0;
  position: relative;
  top: auto;
    width: 100%;
}

.text-on-primary {
  
  color: rgb(255, 255, 255, 1);
}


.text-on-primary-fixed {
 
  color: rgb(45, 22, 0, 1);
}

.text-p-0 p {
  margin: 0;
}

.gap-4 {
  gap: 1rem;
}
.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid {
  display: grid;
}

.from-primary {
  --tw-gradient-from: #8d4f00 ,var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(141, 79, 0) ,var(--tw-gradient-to-position);
  --tw-gradient-stops: #8d4f00, #f8941f;
}
#header .header-btn-collapse-nav {
  background: rgb(141, 79, 0);
}



.p-1r {
  padding: 1rem;
}
.pt-12 {
  padding-top: 3rem;
}
.pt-6 {
  padding-top: 1.5rem;
}


.ptl-40 {
  padding-top: 5rem;
  padding-left: 3rem;
}

.aspect-square {
  aspect-ratio: 1 / 1;
}

.font-black {
  font-weight: 900;
}
.text-4xl {
  font-size: 2.25rem;
  line-height: 2.5rem;
}

.opacity-20 {
  opacity: 0.2;
}

.gap-6 {
  gap: 1.5rem;
}

.bg-surface-container-highest {
  
  background-color: rgb(228, 226, 225, 1);
}

w-64 {
  width: 16rem;
}
.h-64 {
  height: 16rem;
}
.top-0 {
  top: 0px;
}
.right-0 {
  right: 0px;
}


.-top-10 {
  top: -2.5rem;
}
.-right-10 {
  right: -2.5rem;
}

.max-w-3xl {
  max-width: 48rem;
}

.max-w-2xl {
  max-width: 42rem;
}
.max-w-4xl {
  max-width: 56rem;
}


.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.z-10 {
  z-index: 10;
}

.rounded-full {
  border-radius: 0.75rem;
}
.w-96 {
  width: 24rem;
}
.h-96 {
  height: 24rem;
}

.py-5 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
.px-10 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}
.bg-primary, .bg-primary-b {
  
  background-color: rgb(141, 79, 0, 1); 
}



.bg-primary-fixed {
  
  background-color: rgb(255, 220, 192 , 1);
}

.space-y-4 .bg-secondary {
 
  background-color: rgb(64, 89, 170, 1)!important;
}


.bg-secondary-fixed {
  
  background-color: rgb(220, 225, 255, 1);
}


.bg-secondary-fixed-one {
  
  background-color: rgb(206, 206, 206);
}


.bg-outline-variant-30 {
  background-color: rgb(219, 194, 175, 0.3);
}

.hover-shadow-xl:hover {
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover-shadow-lg:hover {
  
 box-shadow: 
  0 10px 15px -3px rgb(0 0 0 / 0.1), 
  0 4px 6px -4px rgb(0 0 0 / 0.1);
}


.bg-white {
  background-color: rgb(255, 255, 255, 1);
}

.bg-white-20 {
  background-color: rgb(255, 255, 255, 0.2);
}



.bg-primary-b h3, .bg-primary-b p {
  color: #fff;
}
.z-99 {
  z-index: 99;
}
.rotate-12 {

  transform: translate(0, 0) rotate(12deg) skewX(0) skewY(0) scaleX(1) scaleY(1);
}

.text-outline-variant-30 {
  color: rgb(219, 194, 175, 0.3);
}

.p-12 {
  padding: 3rem;
}

.p-4 {
  padding:1rem;
}

.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}


.text-8xl {
    font-size: 6rem;
    line-height: 1;
  }

 .btn-secondary:hover {
  border-color: #fff;
  background-color: #fff;
  opacity: 1;
}

.absolute {
  position: absolute;
} 

.left-0 {
  left: 0px;
}
.bottom-0 {
  bottom: 0px;
}

.w-0 {
  width: 0px;
}

.left-8 {
  left: 2rem;
}
.-top-6 {
  top: -1.5rem;
}


.-left-8 {
  left: -2rem;
}
.-bottom-8 {
  bottom: -2rem;
}

.-left-10 {
  left: -2.5rem;
}
.-bottom-10 {
  bottom: -2.5rem;
}

.-top-4 {
  top: -1rem;
}
.-right-4 {
  right: -1rem;
}

.-right-6 {
  right: -1.5rem;
}
.-bottom-6 {
  bottom: -1.5rem;
}

.p-8 {
  padding: 2rem;
}

.max-w-240 {
  max-width: 240px;
}

.max-w-480 {
  max-width: 480px;
} 
.max-w-xs {
  max-width: 18rem;
}

.grid-container h3 {
 text-transform: none;
}

.frame-layout-0 {
  position: relative;
}

.w-24 {
  width: 6rem;
}
.h-1 {
  height: 0.25rem;
}


.glass-effect {
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
.border-outline-variant-15 {
  border-color: rgb(219, 194, 175, 0.15);
}

.mix-blend-multiply {
  mix-blend-mode: multiply;
}
.bg-primary-10 {
  background-color: rgb(141, 79, 0,0.1);
  
}

.grayscale {
  filter: grayscale(100);
  
}

.text-primary h2 {
  margin: 0!important;
}

.text-primary-container {
  
  color: rgb(248, 148, 31, 1);
}

.text-primary20, .text-primary-20 {
  color: rgb(141, 79, 0 , 0.4);
  
}

input[type="text"] {
  color:#000;
}

.showdisc {
  list-style-type: disc;
  padding-left: 15px;
}

.h-px {
  height: 1px;
}
.w-8 {
  width: 2rem;
}


.tracking-tight {
  letter-spacing: -0.025em;
}
.font-extrabold {
  font-weight: 800;
}
.text-4xl {
  font-size: 2.25rem;
  line-height: 2.5rem;
}

html .bg-primary-line {
  
  background-color: rgb(141, 79, 0 ,1);
  
}



.w-24 {
  width: 6rem;
}
.h-1 {
  height: 0.25rem;
}

.mb-12 {
  margin-bottom: 3rem;
}

.mb-16 .mb-4 {
  margin-bottom: 1rem!important;
}
.opacity-01 {
  opacity: 0.1;
}

.w-1-2 {
  width: 50%;
}
.w-14 {
  width: 3.5rem;
}
.h-14 {
  height: 3.5rem;
}


.inline-flex {
  display: inline-flex;
}

.border-primary {

  border-color: rgb(141,79,0,1);
  
}

.hover-border-primary:hover {

  border-color: rgb(141,79,0,1);
  
}


.border-secondary {
  
  border-color: rgb(64, 89, 170, 1);
}

.border-primary-container {
  
  border-color: rgb(248, 148, 31,1);
}

.border-t-4 {
  border-top-width: 4px;
}
.border-b-4 {
  border-bottom-width: 4px;
}
.border-b-2 {
  border-bottom-width: 2px;
}

.-left-6 {
  left: -1.5rem;
}
.-bottom-6 {
  bottom: -1.5rem;
}

.right-2r {
  right: 2rem;
}

.text-120 {
  font-size: 120px;
}

.text-10p {
  font-size: 10px;
}
.text-green-600 {
  --tw-text-opacity: 1;
  color: rgb(22, 163, 74 , 1);
}

.text-1r {
  font-size: 1rem;
}




p.text-on-surface {
  color: rgb(27, 28, 28, 1)!important;
  margin-bottom: 0!important;
}

.material-symbols-outlined {
  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}


.tracking-widest {
  letter-spacing: 0.1em;
}
.uppercase {
  text-transform: uppercase;
}
.text-xs {
  font-size: 0.75rem;
  line-height: 1rem;
}
.text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}


 ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

section.section-secondary h4.font-black, .font-black {
 color:#000;
}

.schwarz {
  color: rgb(27, 28, 28, 1);
}


html .hover.bg-white:hover {

  background-color: rgb(141, 79,0 ,1)!important;
  
}


html .hover.bg-white-2:hover {

  background-color: rgb(255, 255, 255, 1)!important;
}



html .group:hover .group-hover-text-white {
  color: rgb(255, 255, 255,1)!important;
}


.border-outline-variant {
  border-color: rgb(219, 194, 175, 0.5);
}
.border-t {
  border-top-width: 1px;
}
.border-l-4 {
  border-left-width: 4px;
}


.bg-darkgrey {
  background-color: rgb(27, 28, 28, 1);
}

.bg-secondary-b {
 
  background-color: rgb(64, 89, 170,1);
}

.bg-primary-container {
 
  background-color: rgb(248, 148, 31, 1);
}

.bg-surface-container-high {
  
  background-color: rgb(234, 232, 231, 1);
}
.rounded-full {
  border-radius: 0.75rem;
}
.rounded-3xl {
  border-radius: 1.5rem;
}


.border-primary {
  
  border-color: rgb(141, 79, 0, 1);
  
}

.bg-primary-container-20 {
  background-color: rgb(248, 148, 31,0.2);
}


  .dropdown-item.active {
    background: rgb(141, 79, 0, 1)!important;
    color: #fff;
  }

#header .header-nav-main nav > ul > li > a.current-page-active {
  background: rgb(141, 79, 0, 1)!important;
    color: #fff;
}

.text-error {
 
  color: rgb(186, 26, 26, 1);
}


.text-8r {
  font-size: 8px;
}

.shrink-0 {
  flex-shrink: 0;
}

.w-4 {
  width: 1rem;
}
.h-4 {
  height: 1rem;
}

.w-8 {
  width: 2rem;
}
.h-8 {
  height: 2rem;
}

.hover-grayscale-0:hover {
  
  filter: grayscale(100);
}  

.duration-700 {
  transition-duration: 700ms;
}

.py-24 {
  padding-top: 6rem;
  padding-bottom: 6rem;
}
.px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}
.py-0-5 {
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}
.px-1-5 {
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}



.max-w-7xl {
  max-width: 80rem;
}


.group:hover .group-hover-w-full {
  width: 100%;
}

.btn-primary {
 background-color: #F28C00; 
}
.tx-hxcustomforms input[type="submit"] {
  
  background: #F28C00;


#header .header-btn-collapse-nav {
  background: #1C1C1C;
  color: #fff;
  border-radius: 6px;
  
  margin: 0 5px 0 1rem;
}
.header-row .btn {
padding:.7rem;
font-size: 1rem;
}

.leading-relaxed {
  line-height: 1.625;
}

.h-23 {
  height: 23rem;
}


@media (min-width: 768px) {
 
.text-8xl {
    font-size: 6rem;
    line-height: 1;
  }

.text-9xl {
    font-size: 8rem;
    line-height: 1;
  }

.col-span-2-custom {
    grid-column: span 2 / span 2;
  }



  .flex-row-custom {
    flex-direction: row; /* Ab md nebeneinander */
  }

.block {
  display: block;
}


.grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }


}

@media (max-width: 767px) {
 
.bg-surface-container-lowest .absolute {
  position: initial;

}



.mo-mb-10 {
  margin-bottom: 10px!important;
}

.mo-mb-20 {
  margin-bottom: 20px!important;
}

.mo-mb-30 {
  margin-bottom: 30px!important;
}

.mo-mb-40 {
  margin-bottom: 40px!important;
}

.mo-mt-10 {
  margin-top: 10px!important;
}

.mo-mt-20 {
  margin-top: 20px!important;
}

.mo-mt-30 {
  margin-top: 30px!important;
}

.mo-mt-40 {
  margin-top: 40px!important;
}

p.lead {
  margin-bottom: 0;
}


.main section.section {
  background: transparent;
  border-top: none;
  margin: 15px 0;
  padding: 20px 0;
}

.frame-space-before-extra-large {
  margin-top: 1em !important;
}

.frame-space-after-extra-large {
  margin-bottom: 1em !important;
}


.frame-space-after-large {
  margin-bottom: 1em !important;
}


.frame-space-before-large {
  margin-top: 1em !important;
}

.pt-12 {
  padding-top: 1rem;
}


.pt-20 {
  padding-top: 2rem;
}



.main {
  color: #000;
  font-family: Arial;
  margin-top: 10px;
  padding-bottom: 20px;
  padding-top: 20px;
}

.text-5xl {
  font-size: 3.5rem;
  line-height: 1;
}


.p-8 {
  padding: 0.5rem;
}

.grid-cols-2 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.gap-12 {
  gap: 1rem;
}

}



@media (min-width: 992px) {
  html #header .header-nav:not(.header-nav-line):not(.header-nav-links) .header-nav-main nav > ul:not(:hover) > li.dropdown-full-color.dropdown-primary > a.active.active {
    background: rgb(141, 79, 0, 1)!important;
    color: #fff;
  }






   #header .header-nav-main nav > ul > li > a {
   
    border-radius: 0;
   
  }
}



@media (min-width: 640px) {
  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}


@media (max-width: 991px) {
  #header .header-nav-main.header-nav-main-mobile-dark nav > ul > li .dropdown-menu > li a {
    color: #fff;
  }

 html #header .header-nav-main nav > ul > li > a.active {
    
    color: #fff;
  }

}