<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/* CSS Document */

@font-face {
  font-family: 'GT America Extended Black';
  src: url('/cms/fonts/GT-America-Extended-Black.woff2') format('woff2'),
       url('/cms/fonts/GT-America-Extended-Black.otf') format('otf');
}

@font-face {
  font-family: 'GT America Extended Bold';
  src: url('/cms/fonts/GT-America-Extended-Bold.woff2') format('woff2'),
       url('/cms/fonts/GT-America-Extended-Bold.otf') format('otf');
}

@font-face {
  font-family: 'GT America Extended Regular';
  src: url('/cms/fonts/GT-America-Extended-Regular.woff2') format('woff2'),
       url('/cms/fonts/GT-America-Extended-Regular.otf') format('otf');
}

@font-face {
  font-family: 'GT America Standard Black';
  src: url('/cms/fonts/GT-America-Standard-Black.woff2') format('woff2'),
       url('/cms/fonts/GT-America-Standard-Black.otf') format('otf');
}

@font-face {
  font-family: 'GT America Standard Bold';
  src: url('/cms/fonts/GT-America-Standard-Bold.woff2') format('woff2'),
       url('/cms/fonts/GT-America-Standard-Bold.otf') format('otf');
}

@font-face {
  font-family: 'GT America Standard Regular';
  src: url('/cms/fonts/GT-America-Standard-Regular.woff2') format('woff2'),
       url('/cms/fonts/GT-America-Standard-Regular.otf') format('otf');
}

@font-face {
  font-family: 'GT America Standard Light';
  src: url('/cms/fonts/GT-America-Standard-Light.woff2') format('woff2'),
       url('/cms/fonts/GT-America-Standard-Light.otf') format('otf');
}

html {
  scroll-behavior: smooth;
}

/*Indented text*/
.indent {
  padding-left:10%;
  padding-right:5%
}

/*Headlines and text*/

.newLP h1 {
  font-family: 'GT America Extended Black', Arial, sans-serif;
  font-size: 30px;
  line-height: 34px;
}

.newLP h2 {
  font-family: 'GT America Extended Bold', Arial, sans-serif; 
  font-size: 18px;
  line-height: 24px;
}

.newLP h3 {
  
  font-family: 'GT America Extended Bold', Arial, sans-serif; 
  font-size: 24px;
  line-height: 28px;
}


.newLP h4 {
  font-family: 'GT America Standard Bold', Arial, sans-serif; 
  font-size: 16px;
  line-height: 22px;
}

.newLP p {
  font-family: 'GT America Standard Regular', Arial, sans-serif;
  font-size:14px;
}

.newLP p a, .newLP a.textlink, .newLP li a {
  color:#614ffb;
  transition: all ease-out 0.25s;
}

.newLP p a:hover, .newLP a.textlink:hover, .newLP li a:hover {
  color: #130254;
  text-decoration: underline;
}


@media (min-width: 480px) {

.newLP h1 {
    font-size: 34px;
    line-height: 38px;
}

.newLP h2 {
    font-size: 30px;
    line-height: 34px;
}

.newLP h3 {
  font-family: 'GT America Extended Bold', Arial, sans-serif; 
  font-size: 24px;
  line-height: 28px;
}

.newLP h4 {
  font-size: 20px;
  line-height: 24px;
}
}

@media (min-width: 768px) {

  .newLP h1 {
    font-size: 48px;
    line-height: 50px;
  }
  
  .newLP h2 {
    font-size: 40px;
    line-height: 44px;
    font-weight: bold;
  }
  
  .newLP h3 {
    font-size: 24px;
    line-height: 28px;
    font-weight: bold;
  }
  
  .newLP h4 {
    font-size: 20px;
    line-height: 24px;
  }
  
  .newLP p {
    font-size: 16px;
    line-height: 22px;
  
  }
  
  }

/*Lists*/

.newLP ul {
	padding-left: 20px;  
  list-style-type:"\2012 " !important;
  font-family: 'GT America Standard Regular', Arial, sans-serif;
  font-size:14px;
  }

.newLP ol {
  padding-left: 25px;
  font-family: 'GT America Standard Regular', Arial, sans-serif;
  font-size:14px;
}
.newLP  ul li {
	padding-left: 10px
  }

  .newLP ol li {
    padding-left: 5px;;
  }

  @media (min-width: 768px) {
    .newLP ul {
      font-size: 16px;
    }
    .newLP ol {
      font-size: 16px;
    }
  }





/*Tables*/

.newLP table th {
  vertical-align: top;
  padding: 10px 5px 5px 5px;
  font-family: 'GT America Standard Bold', Arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
}

.newLP table td {
  vertical-align: top;
  padding: 10px 5px 5px 5px;
  font-family: 'GT America Standard Regular', Arial, sans-serif;
  font-size: 14px;
} 

@media only screen and (min-width: 768px) {
    
    .newLP table th, .newLP table td {
      font-size: 16px;
      line-height: 1.5
    }
  }

/*Table with no borders*/  

.newLP table.noborder {
  border: none;
}  

/* .newLP table.noborder th, .newLP table.noborder td {
  padding: 0 5px 0 0
} */

.newLP table.bottomborder {
  padding: 32px 5px;
}

/*Table with borders only at the bottom of cells*/

@media only screen and (min-width: 480px) {
    
    .newLP table.bottomborder {
      padding: 32px 20px;
    }
  }

  @media (max-width: 340px) {
    .newLP table.bottomborder {
      padding: 0px ;
    }
  }

  @media (max-width: 340px) {
    .tabelle {
      table-layout: fixed; 
      width: 100%;
    }
    .tabelle th,
    .tabelle td {
      white-space: normal;         
      overflow-wrap: break-word;   
      word-break: break-word;      
    }
  }
  
  @media (max-width: 321px) {
    /* Feste Spaltenbreiten erzwingen und Breite auf 100% setzen */
    .newLP table.bottomborder {
      table-layout: fixed;
      width: 100%;
      padding: 16px 5px; /* horizontales Padding reduzieren */
    }
    /* �bersch�ssiges Padding bei den Zellen entfernen und Text umbrechen */
    .newLP table.bottomborder th,
    .newLP table.bottomborder td {
      white-space: normal;
      overflow-wrap: break-word;
      word-break: break-word;
      font-size: 12px; /* evtl. Schriftgr��e anpassen */
      padding: 4px 5px; /* ggf. noch etwas weniger Padding */
    }
  }

  @media (max-width: 335px) {
    /* Feste Spaltenbreiten erzwingen und Breite auf 100% setzen */
    .newLP table.bottomborder {
      table-layout: fixed;
      width: 100%;
      padding: 16px 5px; /* horizontales Padding reduzieren */
    }
    /* �bersch�ssiges Padding bei den Zellen entfernen und Text umbrechen */
    .newLP table.bottomborder th,
    .newLP table.bottomborder td {
      white-space: normal;
      overflow-wrap: break-word;
      word-break: break-word;
      font-size: 12px; /* evtl. Schriftgr��e anpassen */
      padding: 4px 5px; /* ggf. noch etwas weniger Padding */
    }
  }
  


.newLP table.bottomborder th {
  border-bottom: 1px solid #d2d2d2;
}

.newLP table.bottomborder td {
  border-bottom: 1px solid #d2d2d2;
}

.newLP table.bottomborder tr:last-child th,
.newLP table.bottomborder tr:last-child td {
  border-bottom: none; /* Entfernt die untere Border f�r die letzte Reihe */
}

/*Old table styling*/

.tabelle { width: 100%; border-spacing: 0; border-collapse: collapse; }
  .tabelle th {padding: 5px; background-color: #614ffb; color: #fff;}
  .tabelle td {background-color: #fff; padding: 5px; border: 1px solid #ddd; margin-left: auto; margin-right: auto; text-align: center;}


/*Break line*/
.hr {
	border: 0;
	height: 1px;
	background: #ccc;
}
.hr.fade {
	background-image: -webkit-linear-gradient(left, #fff, #ccc, #fff);
	background-image: -moz-linear-gradient(left, #fff, #ccc, #fff);
	background-image: -ms-linear-gradient(left, #fff, #ccc, #fff);
	background-image: -o-linear-gradient(left, #fff, #ccc, #fff);
}

/*call-to-action*/
.cta {
  font-family: 'GT America Standard Bold', Arial, sans-serif;
  background-color: #614ffb;
  color: #ffffff;
  border: none;
  border-radius: 1px;
  padding: 8px 30px;
  transition: all ease-out 0.25s;
  cursor: pointer;
  text-align: center;
  box-sizing: border-box;
  display: inline-block;
}


@media (max-width: 347px) {
  .cta {
    padding: 6px 5px; /* weniger horizontales Padding */
    font-size: 14px;   /* evtl. auch die Schriftgr��e anpassen */
    display: block;    /* optional, falls du m�chtest, dass der Button die ganze Zeile einnimmt */
    max-width: 80%;
    box-sizing: border-box;
  }
}

.newLP .cta {
  font-size: 14px;
}

@media only screen and (min-width: 768px) {
  .newLP .cta {
    font-size: 16px;
  }
}

.cta.orange {
  background-color: #fb5200;
}

.cta.transparent {
  background-color: inherit;
  color:#130254;
  border: 1px solid #130254;
}

.cta:hover {
        background-color: #130254;
        text-decoration:none !important;
}

.cta.transparent:hover {
  background-color: #130254;
  color: white;
}

@media (max-width: 480px) {
  .cta.narrow {
    padding: 8px;
  }
}

/*Images*/

.newLP .centeredimage {
    margin:auto; 
    position: absolute; 
    top: 0; 
    bottom: 0;
    left: 0; 
    right: 0;
  }

  .newLP img.inlineicon {
    width:20px; 
    height:20px;
    margin-right: 8px;
    margin-bottom: -2px;
  }

  .newLP img.inlineicon.small {
    width: 16px;
    height: 16px;
  }

  .newLP img.inlineicon.smaller {
    width: 12px;
    height: 12px;
  }

.newLP img.icon {
  width: 48px;
  height: 48px;
  margin-right: 10px;
}

/*Clickable Image*/
.klick {
 transition: filter 0.6s;
}

.klick:hover {
 filter: opacity(60%);
}
  
/*Colors*/

.darkbluebackground {background-color: #130254;}
.vibrantbluebackground {background-color: #614ffb;}
.freshgreenbackground {background-color: #66e8bd;}
.greybackground {background-color:#eeeeee;}
.whitebackground {background-color:white;}
.energeticorangebackground {background-color: #fb5200}

.darkbluetext {color: #130254 !important;}
.vibrantbluetext {color: #614ffb !important;}
.freshgreentext {color: #66e8bd !important;}
.greytext {color:#eeeeee !important;}
.whitetext {color:white !important;}
.energeticorangetext {color: #fb5200 !important;}
.blacktext {color: #222 !important;}

/*Fonts*/
.txt_size_8  {	font-size: 8px  !important; line-height: 10px;}
.txt_size_10 {	font-size: 10px !important; line-height: 12px;}
.txt_size_12 {	font-size: 12px !important; line-height: 14px;}
.txt_size_14 {	font-size: 14px !important; line-height: 16px;}
.txt_size_16 {	font-size: 16px !important; line-height: 18px;}
.txt_size_18 {	font-size: 18px !important; line-height: 20px;}
.txt_size_20 {	font-size: 20px !important; line-height: 24px;}
.txt_size_24 {	font-size: 24px !important; line-height: 28px;}
.txt_size_30 {	font-size: 30px !important; line-height: 34px;}
.txt_size_36 {	font-size: 36px !important; line-height: 40px;}
.txt_size_48 {	font-size: 48px !important; line-height: 50px;}
.txt_size_60 {	font-size: 60px !important; line-height: 64px;}
.txt_size_72 {	font-size: 72px !important; line-height: 76px;}

.boldtext	 {	font-weight:bold;}
.newLP .boldtext {font-family: 'GT America Standard Bold', Arial, sans-serif;}
.newLP .normaltext {font-family: 'GT America Standard Regular', Arial, sans-serif; font-weight: normal;}

.italictext {font-style: italic;}
.underlinedtext {text-decoration: underline;}

/*Links without Text Decoration*/
a.notextdeco {text-decoration:none !important;transition: all ease-out 0.25s;}
a.notextdeco:hover {text-decoration:none;}
a.notextdeco:visited {text-decoration:none}
a.underlined {text-decoration: underline;}

/*Text-align*/

.centertext {	text-align:center;}
.lefttext	{	text-align:start;}
.righttext	{	text-align:end;}
.blocktext	{	text-align:justify;}

/*Display*/

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

@media only screen and (min-width: 480px) {
.mobile {display: none;}
}

@media only screen and (min-width: 768px) {
  .handheld {
    display:none;
  }
  }

@media only screen and (max-width: 479px) {
  .desktop {display: none;}
  }

/*Flex classes*/
  .justify-center {justify-content: center;}
  .aligncenter {align-items: center;}
  .direction-row {flex-direction: row;}
  .direction-column {flex-direction: column;}
  .space-between {justify-content: space-between;}
  .flex1 {flex:1;}

/*Position*/

.relative {position:relative;}
.absolute {position: absolute;}
.sticky {position: sticky;}
.fixed {position: fixed;}

/*Float*/

.floatleft {float:left;}
.floatright {float:right;}

/*Z-Index (Element with highest index is on top of other elements)*/

.z0 {z-index: 0;}
.z1 {z-index: 1;}
.z2 {z-index: 2;}
.z3 {z-index: 3;}

/*Rounded Edges*/

.rounded {border-radius: 3px;}

/*Spaces*/

.nomargin {margin:0;}

.withmargin {
  margin-left: 32px;
  margin-right: 32px;
}


@media (min-width: 1024px) {
.withmargin {
  margin-left: 10%;
  margin-right: 10%;
}
}

@media (max-width: 767px) {
.mobilemargin {
  margin-left: 32px;
  margin-right: 32px;
}
}


/*Reduced padding and margins starting from 32px for mobile*/

.p_left_0 	  {	padding-left: 0px;}
.p_right_0 	  {	padding-right: 0px;}
.p_top_0 	    {	padding-top: 0px;}
.p_bottom_0 	{	padding-bottom: 0px;}
.p_0          {	padding: 0px;}

.p_left_5 	{	padding-left: 5px;}
.p_right_5 	{	padding-right: 5px;}
.p_top_5 	{	padding-top: 5px;}
.p_bottom_5 	{	padding-bottom: 5px;}
.p_5          {	padding: 5px;}

.p_left_10 	{	padding-left: 10px;}
.p_right_10 	{	padding-right: 10px;}
.p_top_10 	{	padding-top: 10px;}
.p_bottom_10 	{	padding-bottom: 10px;}
.p_10          {	padding: 10px;}

.p_left_15 	{	padding-left: 12px;}
.p_right_15 	{	padding-right: 12px;}
.p_top_15 	{	padding-top: 12px;}
.p_bottom_15 	{	padding-bottom: 12px;}
.p_15          {	padding: 12px;}

.p_left_20 	{	padding-left: 15px;}
.p_right_20 	{	padding-right: 15px;}
.p_top_20 	{	padding-top: 15px;}
.p_bottom_20 	{	padding-bottom: 15px;}
.p_20          {	padding: 15px;}

.p_left_24 	{	padding-left: 20px;}
.p_right_24 	{	padding-right: 20px;}
.p_top_24 	{	padding-top: 20px;}
.p_bottom_24 	{	padding-bottom: 20px;}
.p_24          {	padding: 20px;}

.p_left_32 	{	padding-left: 20px;}
.p_right_32 	{	padding-right: 20px;}
.p_top_32 	{	padding-top: 20px;}
.p_bottom_32 	{	padding-bottom: 20px;}
.p_32          {	padding: 20px;}

.p_left_64 	{	padding-left: 32px;}
.p_right_64 	{	padding-right: 32px;}
.p_top_64 	{	padding-top: 32px;}
.p_bottom_64 	{	padding-bottom: 32px;}

.p_left_128 	{	padding-left: 64px;}
.p_right_128 	{	padding-right: 64px;}
.p_top_128 	{	padding-top: 64px;}
.p_bottom_128 	{	padding-bottom: 64px;}

.m_left_0 	{	margin-left: 0px;}
.m_right_0 	{	margin-right: 0px;}
.m_top_0 	{	margin-top: 0px;}
.m_bottom_0 	{	margin-bottom: 0px;}
.m_0      {margin:0px;}

.m_left_5 	{	margin-left: 5px;}
.m_right_5 	{	margin-right: 5px;}
.m_top_5 	{	margin-top: 5px;}
.m_bottom_5 	{	margin-bottom: 5px;}
.m_5      {margin:5px;}

.m_left_8 	{	margin-left: 8px;}
.m_right_8 	{	margin-right: 8px;}
.m_top_8 	{	margin-top: 8px;}
.m_bottom_8 	{	margin-bottom: 8px;}
.m_8      {margin:8px;}

.m_left_10 	{	margin-left: 10px;}
.m_right_10 	{	margin-right: 10px;}
.m_top_10 	{	margin-top: 10px;}
.m_bottom_10 	{	margin-bottom: 10px;}
.m_10      {margin:10px;}

.m_left_15	{	margin-left: 12px;}
.m_right_15 	{	margin-right: 12px;}
.m_top_15 	{	margin-top: 12px;}
.m_bottom_15 	{	margin-bottom: 12px;}
.m_15      {margin:12px;}

.m_left_20 	{	margin-left: 15px;}
.m_right_20 	{	margin-right: 15px;}
.m_top_20 	{	margin-top: 15px;}
.m_bottom_20 	{	margin-bottom: 15px;}
.m_20      {margin:15px;}

.m_left_24 	{	margin-left: 18px;}
.m_right_24 	{	margin-right: 18px;}
.m_top_24 	{	margin-top: 18px;}
.m_bottom_24 	{	margin-bottom: 18px;}
.m_24      {margin:18px;}

.m_left_32 	{	margin-left: 20px;}
.m_right_32 	{	margin-right: 20px;}
.m_top_32 	{	margin-top: 20px;}
.m_bottom_32 	{	margin-bottom: 20px;}
.m_32     {margin: 20px;}

.m_left_64 	{	margin-left: 32px;}
.m_right_64 	{	margin-right: 32px;}
.m_top_64 	{	margin-top: 32px;}
.m_bottom_64 	{	margin-bottom: 32px;}

.m_left_128 	{	margin-left: 64px;}
.m_right_128 	{	margin-right: 64px;}
.m_top_128 	{	margin-top: 64px;}
.m_bottom_128 	{	margin-bottom: 64px;}

/*Classes for the same padding/margin on all devices*/
.p_left_32.alldevices 	{	padding-left: 32px;}
.p_right_32.alldevices 	{	padding-right: 32px;}
.p_top_32.alldevices 	{	padding-top: 32px;}
.p_bottom_32.alldevices 	{	padding-bottom: 32px;}
.p_32.alldevices          {	padding: 32px;}

.p_left_64.alldevices 	{	padding-left: 64px;}
.p_right_64.alldevices 	{	padding-right: 64px;}
.p_top_64.alldevices 	{	padding-top: 64px;}
.p_bottom_64.alldevices 	{	padding-bottom: 64px;}

.p_left_128.alldevices 	{	padding-left: 128px;}
.p_right_128.alldevices 	{	padding-right: 128px;}
.p_top_128.alldevices 	{	padding-top: 128px;}
.p_bottom_128.alldevices 	{	padding-bottom: 128px;}

.m_left_32.alldevices 	{	margin-left: 32px;}
.m_right_32.alldevices 	{	margin-right: 32px;}
.m_top_32.alldevices 	{	margin-top: 32px;}
.m_bottom_32.alldevices 	{	margin-bottom: 32px;}
.m_32.alldevices      {margin:32px;}

.m_left_64.alldevices 	{	margin-left: 64px;}
.m_right_64.alldevices 	{	margin-right: 64px;}
.m_top_64.alldevices 	{	margin-top: 64px;}
.m_bottom_64.alldevices 	{	margin-bottom: 64px;}

.m_left_128.alldevices 	{	margin-left: 128px;}
.m_right_128.alldevices 	{	margin-right: 128px;}
.m_top_128.alldevices 	{	margin-top: 128px;}
.m_bottom_128.alldevices 	{	margin-bottom: 128px;}


/*Full padding/margin for desktop*/

@media only screen and (min-width: 900px) {

.p_left_20 	{	padding-left: 20px;}
.p_right_20 	{	padding-right: 20px;}
.p_top_20 	{	padding-top: 20px;}
.p_bottom_20 	{	padding-bottom: 20px;}
.p_20          {	padding: 20px;}

.p_left_24 	{	padding-left: 24px;}
.p_right_24 	{	padding-right: 24px;}
.p_top_24 	{	padding-top: 24px;}
.p_bottom_24 	{	padding-bottom: 24px;}
.p_24          {	padding: 24px;}

.p_left_32 	{	padding-left: 32px;}
.p_right_32 	{	padding-right: 32px;}
.p_top_32 	{	padding-top: 32px;}
.p_bottom_32 	{	padding-bottom: 32px;}
.p_32          {	padding: 32px;}

.p_left_64 	{	padding-left: 64px;}
.p_right_64 	{	padding-right: 64px;}
.p_top_64 	{	padding-top: 64px;}
.p_bottom_64 	{	padding-bottom: 64px;}

.p_left_128 	{	padding-left: 128px;}
.p_right_128 	{	padding-right: 128px;}
.p_top_128 	{	padding-top: 128px;}
.p_bottom_128 	{	padding-bottom: 128px;}

.m_left_15	{	margin-left: 15px;}
.m_right_15 	{	margin-right: 15px;}
.m_top_15 	{	margin-top: 15px;}
.m_bottom_15 	{	margin-bottom: 15px;}
.m_15      {margin:15px;}

.m_left_20 	{	margin-left: 20px;}
.m_right_20 	{	margin-right: 20px;}
.m_top_20 	{	margin-top: 20px;}
.m_bottom_20 	{	margin-bottom: 20px;}
.m_20      {margin:20px;}

.m_left_24 	{	margin-left: 24px;}
.m_right_24 	{	margin-right: 24px;}
.m_top_24 	{	margin-top: 24px;}
.m_bottom_24 	{	margin-bottom: 24px;}
.m_24      {margin:24px;}

.m_left_32 	{	margin-left: 32px;}
.m_right_32 	{	margin-right: 32px;}
.m_top_32 	{	margin-top: 32px;}
.m_bottom_32 	{	margin-bottom: 32px;}
.m_32      {margin:32px;}

.m_left_64 	{	margin-left: 64px;}
.m_right_64 	{	margin-right: 64px;}
.m_top_64 	{	margin-top: 64px;}
.m_bottom_64 	{	margin-bottom: 64px;}

.m_left_128 	{	margin-left: 128px;}
.m_right_128 	{	margin-right: 128px;}
.m_top_128 	{	margin-top: 128px;}
.m_bottom_128 	{	margin-bottom: 128px;}

}



/*Margins and paddings that only appear on mobile*/

@media only screen and (min-width: 480px) {
  .m_left_10.mobileonly 	{	margin-left: 0px;}
  .m_right_10.mobileonly 	{	margin-right: 0px;}
  .m_top_10.mobileonly 	{	margin-top: 0px;}
  .m_bottom_10.mobileonly 	{	margin-bottom: 0px;}
  .m_10.mobileonly      {margin: 0px;}
  
  .m_left_15.mobileonly	{	margin-left: 0px;}
  .m_right_15.mobileonly 	{	margin-right: 0px;}
  .m_top_15.mobileonly 	{	margin-top: 0px;}
  .m_bottom_15.mobileonly 	{	margin-bottom: 0px;}
  .m_15.mobileonly      {margin: 0px;}
  
  .m_left_20.mobileonly 	{	margin-left: 0px;}
  .m_right_20.mobileonly 	{	margin-right: 0px;}
  .m_top_20.mobileonly 	{	margin-top: 0px;}
  .m_bottom_20.mobileonly 	{	margin-bottom: 0px;}
  .m_20.mobileonly      {margin:0px;}
  
  .m_left_24.mobileonly 	{	margin-left: 0px;}
  .m_right_24.mobileonly 	{	margin-right: 0px;}
  .m_top_24.mobileonly 	{	margin-top: 0px;}
  .m_bottom_24.mobileonly 	{	margin-bottom: 0px;}
  .m_24.mobileonly      {margin:24px;}
  
  .m_left_32.mobileonly 	{	margin-left: 0px;}
  .m_right_32.mobileonly 	{	margin-right: 0px;}
  .m_top_32.mobileonly 	{	margin-top: 0px;}
  .m_bottom_32.mobileonly 	{	margin-bottom: 0px;}
  .m_32.mobileonly      {margin: 0px;}
  
  .m_left_64.mobileonly 	{	margin-left: 0px;}
  .m_right_64.mobileonly 	{	margin-right: 0px;}
  .m_top_64.mobileonly 	{	margin-top: 0px;}
  .m_bottom_64.mobileonly 	{	margin-bottom: 0px;}
  
  .m_left_128.mobileonly 	{	margin-left: 0px;}
  .m_right_128.mobileonly 	{	margin-right: 0px;}
  .m_top_128.mobileonly 	{	margin-top: 0px;}
  .m_bottom_128.mobileonly 	{	margin-bottom: 0px;}
  }

  /*Margins and paddings that only appear on mobile*/

@media only screen and (min-width: 768px) {
  .m_left_10.handheldonly 	{	margin-left: 0px;}
  .m_right_10.handheldonly 	{	margin-right: 0px;}
  .m_top_10.handheldonly 	{	margin-top: 0px;}
  .m_bottom_10.handheldonly 	{	margin-bottom: 0px;}
  .m_10.handheldonly      {margin: 0px;}
  
  .m_left_15.handheldonly	{	margin-left: 0px;}
  .m_right_15.handheldonly 	{	margin-right: 0px;}
  .m_top_15.handheldonly 	{	margin-top: 0px;}
  .m_bottom_15.handheldonly 	{	margin-bottom: 0px;}
  .m_15.handheldonly      {margin: 0px;}
  
  .m_left_20.handheldonly 	{	margin-left: 0px;}
  .m_right_20.handheldonly 	{	margin-right: 0px;}
  .m_top_20.handheldonly 	{	margin-top: 0px;}
  .m_bottom_20.handheldonly 	{	margin-bottom: 0px;}
  .m_20.handheldonly      {margin:0px;}
  
  .m_left_24.handheldonly 	{	margin-left: 0px;}
  .m_right_24.handheldonly 	{	margin-right: 0px;}
  .m_top_24.handheldonly 	{	margin-top: 0px;}
  .m_bottom_24.handheldonly 	{	margin-bottom: 0px;}
  .m_24.handheldonly      {margin:24px;}
  
  .m_left_32.handheldonly 	{	margin-left: 0px;}
  .m_right_32.handheldonly 	{	margin-right: 0px;}
  .m_top_32.handheldonly 	{	margin-top: 0px;}
  .m_bottom_32.handheldonly 	{	margin-bottom: 0px;}
  .m_32.handheldonly      {margin: 0px;}
  
  .m_left_64.handheldonly 	{	margin-left: 0px;}
  .m_right_64.handheldonly 	{	margin-right: 0px;}
  .m_top_64.handheldonly 	{	margin-top: 0px;}
  .m_bottom_64.handheldonly 	{	margin-bottom: 0px;}
  
  .m_left_128.handheldonly 	{	margin-left: 0px;}
  .m_right_128.handheldonly 	{	margin-right: 0px;}
  .m_top_128.handheldonly 	{	margin-top: 0px;}
  .m_bottom_128.handheldonly 	{	margin-bottom: 0px;}
  }

  @media only screen and (min-width: 1024px) {
    .m_left_10.notondesktop 	{	margin-left: 0px;}
    .m_right_10.notondesktop 	{	margin-right: 0px;}
    .m_top_10.notondesktop 	{	margin-top: 0px;}
    .m_bottom_10.notondesktop 	{	margin-bottom: 0px;}
    .m_10.notondesktop      {margin: 0px;}
    
    .m_left_15.notondesktop	{	margin-left: 0px;}
    .m_right_15.notondesktop 	{	margin-right: 0px;}
    .m_top_15.notondesktop 	{	margin-top: 0px;}
    .m_bottom_15.notondesktop 	{	margin-bottom: 0px;}
    .m_15.notondesktop      {margin: 0px;}
    
    .m_left_20.notondesktop 	{	margin-left: 0px;}
    .m_right_20.notondesktop 	{	margin-right: 0px;}
    .m_top_20.notondesktop 	{	margin-top: 0px;}
    .m_bottom_20.notondesktop 	{	margin-bottom: 0px;}
    .m_20.notondesktop      {margin:0px;}
    
    .m_left_24.notondesktop 	{	margin-left: 0px;}
    .m_right_24.notondesktop 	{	margin-right: 0px;}
    .m_top_24.notondesktop 	{	margin-top: 0px;}
    .m_bottom_24.notondesktop 	{	margin-bottom: 0px;}
    .m_24.notondesktop      {margin:24px;}
    
    .m_left_32.notondesktop 	{	margin-left: 0px;}
    .m_right_32.notondesktop 	{	margin-right: 0px;}
    .m_top_32.notondesktop 	{	margin-top: 0px;}
    .m_bottom_32.notondesktop 	{	margin-bottom: 0px;}
    .m_32.notondesktop      {margin: 0px;}
    
    .m_left_64.notondesktop 	{	margin-left: 0px;}
    .m_right_64.notondesktop 	{	margin-right: 0px;}
    .m_top_64.notondesktop 	{	margin-top: 0px;}
    .m_bottom_64.notondesktop 	{	margin-bottom: 0px;}
    
    .m_left_128.notondesktop 	{	margin-left: 0px;}
    .m_right_128.notondesktop 	{	margin-right: 0px;}
    .m_top_128.notondesktop 	{	margin-top: 0px;}
    .m_bottom_128.notondesktop 	{	margin-bottom: 0px;}
    }

  /*Margins and paddings that only appear on tablets and desktops*/

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

  .m_left_10.notmobile 	{	margin-left: 0px;}
  .m_right_10.notmobile 	{	margin-right: 0px;}
  .m_top_10.notmobile 	{	margin-top: 0px;}
  .m_bottom_10.notmobile 	{	margin-bottom: 0px;}
  .m_10.notmobile      {margin: 0px;}
  
  .m_left_15.notmobile	{	margin-left: 0px;}
  .m_right_15.notmobile 	{	margin-right: 0px;}
  .m_top_15.notmobile 	{	margin-top: 0px;}
  .m_bottom_15.notmobile 	{	margin-bottom: 0px;}
  .m_15.notmobile      {margin: 0px;}
  
  .m_left_20.notmobile 	{	margin-left: 0px;}
  .m_right_20.notmobile 	{	margin-right: 0px;}
  .m_top_20.notmobile 	{	margin-top: 0px;}
  .m_bottom_20.notmobile 	{	margin-bottom: 0px;}
  .m_20.notmobile      {margin:0px;}
  
  .m_left_24.notmobile 	{	margin-left: 0px;}
  .m_right_24.notmobile 	{	margin-right: 0px;}
  .m_top_24.notmobile 	{	margin-top: 0px;}
  .m_bottom_24.notmobile 	{	margin-bottom: 0px;}
  .m_24.notmobile      {margin:24px;}
  
  .m_left_32.notmobile 	{	margin-left: 0px;}
  .m_right_32.notmobile 	{	margin-right: 0px;}
  .m_top_32.notmobile 	{	margin-top: 0px;}
  .m_bottom_32.notmobile 	{	margin-bottom: 0px;}
  .m_32.notmobile      {margin: 0px;}
  
  .m_left_64.notmobile 	{	margin-left: 0px;}
  .m_right_64.notmobile 	{	margin-right: 0px;}
  .m_top_64.notmobile 	{	margin-top: 0px;}
  .m_bottom_64.notmobile 	{	margin-bottom: 0px;}
  
  .m_left_128.notmobile 	{	margin-left: 0px;}
  .m_right_128.notmobile 	{	margin-right: 0px;}
  .m_top_128.notmobile 	{	margin-top: 0px;}
  .m_bottom_128.notmobile 	{	margin-bottom: 0px;}
  }

  /*Margins and paddings that only appear on desktop*/

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

  .m_left_10.desktoponly 	{	margin-left: 0px;}
  .m_right_10.desktoponly 	{	margin-right: 0px;}
  .m_top_10.desktoponly 	{	margin-top: 0px;}
  .m_bottom_10.desktoponly 	{	margin-bottom: 0px;}
  .m_10.desktoponly      {margin: 0px;}
  
  .m_left_15.desktoponly	{	margin-left: 0px;}
  .m_right_15.desktoponly 	{	margin-right: 0px;}
  .m_top_15.desktoponly 	{	margin-top: 0px;}
  .m_bottom_15.desktoponly 	{	margin-bottom: 0px;}
  .m_15.desktoponly      {margin: 0px;}
  
  .m_left_20.desktoponly 	{	margin-left: 0px;}
  .m_right_20.desktoponly 	{	margin-right: 0px;}
  .m_top_20.desktoponly 	{	margin-top: 0px;}
  .m_bottom_20.desktoponly 	{	margin-bottom: 0px;}
  .m_20.desktoponly      {margin:0px;}
  
  .m_left_24.desktoponly 	{	margin-left: 0px;}
  .m_right_24.desktoponly 	{	margin-right: 0px;}
  .m_top_24.desktoponly 	{	margin-top: 0px;}
  .m_bottom_24.desktoponly 	{	margin-bottom: 0px;}
  .m_24.desktoponly      {margin:24px;}
  
  .m_left_32.desktoponly 	{	margin-left: 0px;}
  .m_right_32.desktoponly 	{	margin-right: 0px;}
  .m_top_32.desktoponly 	{	margin-top: 0px;}
  .m_bottom_32.desktoponly 	{	margin-bottom: 0px;}
  .m_32.desktoponly      {margin: 0px;}
  
  .m_left_64.desktoponly 	{	margin-left: 0px;}
  .m_right_64.desktoponly 	{	margin-right: 0px;}
  .m_top_64.desktoponly 	{	margin-top: 0px;}
  .m_bottom_64.desktoponly 	{	margin-bottom: 0px;}
  
  .m_left_128.desktoponly 	{	margin-left: 0px;}
  .m_right_128.desktoponly 	{	margin-right: 0px;}
  .m_top_128.desktoponly 	{	margin-top: 0px;}
  .m_bottom_128.desktoponly 	{	margin-bottom: 0px;}
  }

.clear_1 { margin-top:1px; clear: both; } 
.clear_2 { margin-top:2px; clear: both; }
.clear_3 { margin-top:3px; clear: both; }
.clear_5 { margin-top:5px; clear: both; }
.clear_10 { margin-top:10px; clear: both; } 
.clear_16 { margin-top:16px; clear: both; } 
.clear_25 { margin-top:25px; clear: both; } 
.clear_48 { margin-top:48px; clear: both; } 
.clear_64 { margin-top:64px; clear: both; } 
.clear_-48 { margin-top:-48px; clear: both; }

/*New cols that go full width under 768 px*/

.oneoftwelve {
  width: 100%;
}

.twooftwelve {
  width: 100%;
}

.threeoftwelve {
  width: 100%;
}

.fouroftwelve {
  width: 100%;
}

.fiveoftwelve {
  width: 100%;
}

.sixoftwelve {
  width: 100%;
}

.sevenoftwelve {
  width: 100%;
}

.eightoftwelve {
  width: 100%;
}

.nineoftwelve {
  width: 100%;
}

.tenoftwelve {
  width: 100%;
}

.elevenoftwelve {
  width: 100%;
}

.twelveoftwelve {
  width: 100%;
}


@media only screen and (min-width: 768px)
{
  .oneoftwelve {
    width:8.3%;
  }

  .twooftwelve {
    width:16.6%;
  }

  .threeoftwelve {
    width:25%;
  }

  .fouroftwelve {
    width:33.3%;
  }

  .fiveoftwelve {
    width: 41.6%;
  }

  .sixoftwelve {
    width: 50%;
  }

  .sevenoftwelve {
    width: 58.4%;
  }

  .eightoftwelve {
  width: 66.6%;
  }

  .nineoftwelve {
  width: 75%;
  }

  .tenoftwelve {
    width: 83.3%;
  }

  .elevenoftwelve {
    width: 91.6%;
  }

  .twelveoftwelve {
    width: 100%;
  }

}

.oneoften {
  width:100%;
}

.twooften {
  width:100%;
}

/* .threeoften {
  width:100%;
} */

.fouroften {
  width:100%;
}

.fiveoften {
  width:100%;
}

.sixoften {
  width:100%;
}

.sevenoften {
  width:100%;
}

.eightoften {
  width:100%;
}

.nineoften {
  width:100%;
}

.tenoften {
  width:100%;
}

@media only screen and (min-width: 768px)
{
  .oneoften
  {
    width:10%;
  }

  .twooften
  {
    width:20%;
  }

  /* .threeoften
  {
    width:30%;
  } */

  .fouroften
  {
    width:40%;
  }

  .fiveoften
  {
    width:50%;
  }

  .sixoften
  {
    width:60%;
  }

  .sevenoften
  {
    width:70%;
  }

  .eightoften
  {
    
    width:80%;
  }

  .nineoften
  {
    width:90%;
  }

  .tenoften
  {
    width:100%;
  }

}

@media only screen and (max-width: 1023px) {
  .oneoften.desktoponly
  {
    width:100%;
  }

  .twooften.desktoponly
  {
    width:100%;
  }

  .threeoften.desktoponly
  {
    width:100%;
  }

  .fouroften.desktoponly
  {
    width:100%;
  }

  .fiveoften.desktoponly
  {
    width:100%;
  }

  .sixoften.desktoponly
  {
    width:100%;
  }

  .sevenoften.desktoponly
  {
    width:100%;
  }

  .eightoften.desktoponly
  {
    
    width:100%;
  }

  .nineoften.desktoponly
  {
    width:100%;
  }

  .oneoftwelve.desktoponly {
    width: 100%;
  }
  
  .twooftwelve.desktoponly {
    width: 100%;
  }
  
  .threeoftwelve.desktoponly {
    width: 100%;
  }
  
  .fouroftwelve.desktoponly {
    width: 100%;
  }
  
  .fiveoftwelve.desktoponly {
    width: 100%;
  }
  
  .sixoftwelve.desktoponly {
    width: 100%;
  }
  
  .sevenoftwelve.desktoponly {
    width: 100%;
  }
  
  .eightoftwelve.desktoponly {
    width: 100%;
  }
  
  .nineoftwelve.desktoponly {
    width: 100%;
  }
  
  .tenoftwelve.desktoponly {
    width: 100%;
  }
  
  .elevenoftwelve.desktoponly {
    width: 100%;
  }

}

/*Width classes*/

.width10 {
  width:10%;
}
.width20 {
  width:20%;
}
.width25 {
  width:25%;
}
.width30 {
  width:30%;
}
.width40 {
  width:40%;
}
.width50 {
  width:50%;
}
.width60 {
  width:60%;
}
.width70 {
  width:70%;
}
.width75 {
  width:75%;
}
.width80 {
  width:80%;
}
.width90 {
  width:90%;
}
.width100 {
  width:100%;
}

/*Columns for grid*/

.colnom {
position:relative;
display: block;
float: left;
margin:0; }

.emptycol {display: none;}

@media only screen and (min-width: 768px) 
{
  .emptycol {display: block;}
}

@media only screen and (min-width: 480px) 
{
  .emptycol.narrow {display: block;}
}

@media only screen and (min-width: 1024px)
{
  .emptycol.wide {display: block;}
} 


/*Flex container that switches to column under 480px*/

.sidebyside {display: flex; flex-direction:column;}
.sidebyside.reverse {display:flex;flex-direction:column-reverse;}

@media only screen and (min-width: 480px)
{
  .sidebyside {display:flex;flex-direction:row}
  .sidebyside.reverse {display:flex;flex-direction:row}
}

/*Flex container that switches to column under 768px*/
  
.sidebyside2 {display: flex; flex-direction:column;}
.sidebyside2.reverse {display:flex;flex-direction:column-reverse;}

@media only screen and (min-width: 768px)
{
  .sidebyside2 {display:flex;flex-direction:row}
  .sidebyside2.reverse {display:flex;flex-direction:row}
}

/*Flex container that switches to column under 1024px*/
  
.sidebyside3 {display: flex; flex-direction:column;}
.sidebyside3.reverse {display:flex;flex-direction:column-reverse;}

@media only screen and (min-width: 1024px)
{
  .sidebyside3 {display:flex;flex-direction:row}
  .sidebyside3.reverse {display:flex;flex-direction:row}
}

/*Header-Banner*/

.banner {
	width:100%
}

.bannerindiv {
  height:100%;
}

.headlineonbanner {
  position:absolute;
  font-family: 'GT America Extended Black', Arial, sans-serif;
  color:#130254;
  top: 11%;
  width:40%;
  margin-left:6%;
  font-weight:800;
  font-size:12px;
  line-height:12px;
}
@media only screen and (min-width: 480px)
{ .headlineonbanner {
font-size: 20px;
line-height:20px;
}
}
@media only screen and (min-width: 768px)
{
.headlineonbanner {
font-size:32px;
line-height:32px;
}
}
@media only screen and (min-width: 1024px)
{  .headlineonbanner {
font-size: 40px;
line-height:40px;
}
}

@media only screen and (min-width: 1200px)
{  .headlineonbanner {
font-size: 48px;
line-height:50px;
}
}

.headlineonbanner.lsn {
  width:45%;
  margin-left:5%;
  font-size:12px;
}

@media only screen and (min-width: 480px)
{
.headlineonbanner.lsn {
font-size:20px;
line-height:20px;
}
}

@media only screen and (min-width: 768px)
{
.headlineonbanner.lsn {
font-size:24px;
line-height:24px;
}
}
@media only screen and (min-width: 1024px)
{  .headlineonbanner.lsn {
font-size: 32px;
line-height:32px;
}
}

@media only screen and (min-width: 1200px)
{  .headlineonbanner.lsn {
font-size: 36px;
line-height:38px;
}
}


/*Clickable Content Boxes*/
.clickbox {
  display: flex;
  flex-direction: column;
  align-items: center;
  border: 3px solid #eeeeee;
  padding: 30px 0 30px 0;
  margin: 0 0 24px 0;
  text-align: center;
  transition: all ease-out 0.25s;
}

.clickbox:last-child {
  margin: 0;
}

@media only screen and (min-width: 768px) {
.clickbox { 
  padding: 30px 5px 30px 5px;
  margin: 0 24px 0 0;}
}

@media only screen and (min-width: 1024px) {
.clickbox { 
  padding: 30px;
  margin: 0 24px 0 0;}
}

.clickbox:hover {
background-color: #ffffff;
text-decoration:none;
cursor: pointer;
transform: scale(0.98);
}

/*Max. width for the content inside the boxes (to force line break)*/

@media only screen and (min-width: 768px) {
  .clickbox .max225 {
    max-width: 225px;
  }
}


/*Google Maps Widget (Filialseiten) */


/* breadcumps */

.breadcrumb ol {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
}

.breadcrumb li + li::before {
  content: "&gt;";
  margin: 0 0.5em;
  color: #999;
}


#map {
  height: 250px;
  width: 100%;
}

.iframe-container {
  position: relative;
  width: 100%;
  overflow: hidden;
  height: 50vw; 
 }
 
 @media only screen and (min-width: 768px) {
 .iframe-container {
  height: 40vw; 
 }
 }
 
 @media only screen and (min-width: 1024px) {
   .iframe-container {
   height: 100%;
   }
 }
 
 .responsive-iframe {
   position: absolute;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   width: 100%;
   height: 100%;
   border: none;
 }
 
 @media only screen and (min-width: 1024px) {
   h1#h1filialen{
     font-size: 40px;
     line-height: 44px;
   }
 }

.filialmap {
  width: 100%;
  height: auto;

}


  
/* Accordions: WCAG-kompatibel &amp; Design wie vorher */

.accordion {
  all: unset;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #fff;
  color: #130254;
  cursor: pointer;
  width: 100%;
  font-family: 'GT America Extended Bold', Arial, sans-serif;
  font-size: 24px;
  line-height: 28px;
  padding: 20px 0;
  text-align: left;
  transition: color 0.25s ease-out;
}

.accordion:hover,
.accordion.active {
  color: #614ffb;
}

.accordion::after {
  background-image: url("/cms/images/static-pages/zahlung/icon-arrow-down.svg");
  width: 16px;
  min-width: 16px;
  height: 9px;
  content: '';
  margin-left: 24px;
  flex-shrink: 0;
}

.accordion.active::after {
  background-image: url("/cms/images/static-pages/zahlung/icon-arrow-up.svg");
  background-size: cover;
}

.panel {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  border-bottom: 1px solid #e3e3e3;
}

.panel p:first-child {
  margin-top: 0;
}

.panel p:last-child {
  margin-bottom: 20px;
}


  
/*Contact boxes at the end of static pages*/



@media only screen and (min-width: 801px)
{
  .widecontent {

    width:100%;
  }
}


.span3 { 
  padding: 32px;
  margin: 0 0 10px 0
}

.span3 h2,
.span3 h3,
.span3 h4,
.span3 p {
  white-space: normal;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

@media (max-width: 350px) {
  .morepadding {
    padding-left: 0; 
  }
  .cta {
    display: block;
    margin: 16px auto 0;
    box-sizing: border-box;
  }
}


@media (max-width: 345px) {
  .morepadding {
    padding-left: 0; 
  }
  .cta {
    display: block;
    margin: 16px auto 0;
    box-sizing: border-box;
  }
}

@media (max-width: 334px) {
  .morepadding {
    padding-left: 0; 
  }
  .cta {
    display: block;
    margin: 16px auto 0;
    box-sizing: border-box;
  }
}



@media only screen and (min-width: 480px) {
.span3 { 
  margin: 0 0 20px 0; }
}

@media (max-width: 480px) {
  .greybackground {
    padding: 0px; 
  }
}



@media (max-width: 768px) {
  .span3.vibrantbluebackground h2,
  .span3.vibrantbluebackground p {
    white-space: normal;
    overflow-wrap: break-word; 
    word-wrap: break-word;
    max-width: 100%;
  }
}

@media only screen and (min-width: 768px) {
  .span3 { 

    width: calc((100% - 40px) / 3);
    padding: 20px;
    margin: 10px;
  }
}


@media only screen and (min-width: 1024px) {
  .span3 { 
  
    width: calc((100% - 40px) / 3);
    padding: 20px;
    margin: 10px;
  }
}

@media (max-width: 1024px) {
  .span3 .cta {
    font-size: 14px;    /* etwas kleiner */
    padding: 8px 16px;  /* weniger horizontaler Platz */
  }
}

@media (max-width: 822px) {
  .span3 .cta {
    font-size: 14px;
    padding: 8px 16px;
    white-space: normal;
    overflow-wrap: break-word;
    word-wrap: break-word; /* f�r �ltere Browser */
    max-width: 100%;
  }
}



  /*Telephone number for contact boxes at the end of static pages*/

  .telnr {
    font-family: 'GT America Extended Bold', Arial, sans-serif;
    font-size: 24px;
    line-height: 28px;
  }



  @media (min-width: 480px) {
    .telnr {
      font-size: 30px;
      line-height: 34px;
    }
  }

  @media (min-width: 768px) {
    .telnr {
      font-size: 24px;
      line-height: 28px;
    }
  }

  @media (min-width: 1221px) {
    .telnr {
      font-size: 40px;
      line-height: 44px;
    }
  }
  
/*End of contact boxes for static pages*/  


/*Slider for different categories*/

  /* Stil f�r das Carousel-Container */
  .carousel-container {
    position: relative;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
  }
  
  /* Stil f�r die Slides */
  .carousel-slides {
    display: flex;
    transition: transform 0.5s;
  }
  
  .carousel-slide {
    flex: 0 0 100%;
    max-width: 100%;
  }
  
  /* Stil f�r die Pfeil-Buttons */
  .carousel-prev, .carousel-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    background-color: transparent;
    border: none;
    font-size: 3.5vw;
    font-weight: 900;
    color: #fff;
    cursor: pointer;
    text-shadow: 1px 1px black;
  }

  @media only screen and (min-width: 1280px)
  {.carousel-prev, .carousel-next {
    font-size: 40px;
  }
  }
  
  .carousel-prev::after {
    content: "&lt;"; /* Zeichen f�r die linke Pfeilrichtung */
  }
  
  .carousel-next::after {
    content: "&gt;"; /* Zeichen f�r die rechte Pfeilrichtung */
  }
  
  .carousel-prev {
    left: 0;
  }
  
  .carousel-next {
    right: 1%;
  }

  .carousel-dots {
    display: flex;
    justify-content: center;
    margin-top: 10px;
  }
  
  .carousel-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #e3e3e3;
    margin: 0 5px;
    cursor: pointer;
  }
  
  .carousel-dot.active {
    background-color: #614ffb;
  }
  

/*End of slider for different categories*/  




/*Content for specific pages*/

  /*New Static Pages*/
    
    @media only screen and (min-width: 801px) {
      .fullwidth {
      margin-left: 0;
      
    }
    }
    
    @media only screen and (max-width: 800px) {
    .mobile24 {
      padding: 0 24px;
    }
  
    }

    @media (max-width: 528px) {
      .eightoften {
        width: 100%; 
      }
    }
    

    .newLP h1.headerh1 {
      font-family: 'GT America Extended Bold', Arial, sans-serif; 
      font-size: 24px;
      line-height: 28px;
    }
    .newLP h3.headerh3 {
      font-family: 'GT America Extended Black', Arial, sans-serif;
      font-size: 34px;
      line-height: 38px;
    }
    @media only screen and (min-width: 800px) {
      .newLP h3.headerh3 {
      font-size: 48px;
      line-height: 50px;
    }
  }

    .herocontainer {
      margin-bottom: -6px;
    }
    
    .newLP .headlinecontainer {
      position: relative; 
      left: 32px;
    }
    .newLP .absoluteheadlinecontainer {
      position: absolute;
      left: 32px;
      }

    @media only screen and (min-width: 480px) {
      .newLP .headlinecontainer { 
        left: 20%;
      }
      .newLP .absoluteheadlinecontainer {
        left: 10%;
        }


  }


    h3#staticpage_subline {
    font-family: 'GT America Extended Black', Arial, sans-serif;
    font-size: 24px;
    line-height: 25px;
    }

    h1#staticpage_h1 {
    font-family: 'GT America Extended Bold', Arial, sans-serif;
    font-size: 12px;
    line-height: 13px;
    }

    @media only screen and (min-width: 480px)
    {
    h3#staticpage_subline {
    font-size: 34px;
    line-height: 38px;
    }

    h1#staticpage_h1 {
    font-size: 16px;
    line-height: 17px;
    }

    }

    @media only screen and (min-width: 768px)
    {
    h3#staticpage_subline {
    font-size: 48px;
    line-height: 50px;
    }

    h1#staticpage_h1 {
      font-size: 24px;
      line-height: 28px;
    }
    }

    .newLP p.intro {
      font-family: 'GT America Extended Regular', Arial, sans-serif;
      font-size:30px;
      line-height: 34px;
    }

    .bannersubtext {
      display:none !important;
    }

    @media only screen and (min-width: 1024px)
    {
      .bannersubtext {
        display:block !important;
      }
    }

    .bannersubsubtext {
      display: none;
    }
    
    @media only screen and (min-width: 1024px) {
      .bannersubsubtext {
        display: flex;
      }
    }
    
    .subbannertext {
      display: flex;
      position: relative;
    }
    
    @media only screen and (min-width: 1024px) {
    
    .subbannertext {
    display: none;
    }
    }

    .bannerquote {
      font-family: 'GT America Extended Bold', Arial, sans-serif;
      font-size: 3.5vw;
      line-height: 3.8vw;
      margin: 15.312% 0;
    }

    @media only screen and (min-width: 801px) {
      .bannerquote {
        font-size: 2.6vw;
        line-height: 2.8vw
      }
    }

    @media only screen and (min-width: 1024px) {
      .bannerquote {
        font-size: 3vw;
        line-height: 3.2vw
      }
    }

    @media only screen and (min-width: 1280px) {
      .bannerquote {
        font-size: 40px;
        line-height: 44px;
      }
    }

  /*End of classes for new static pages*/


  /*Text kopieren (/blinkerfluessigkeit) */

    .eingabefeld {
      height:27px;
      width: 180px;
      border-radius:3px;
      padding: 0 5px;
      margin-right: 10px;
      background-color:#e3e3e3;
    }

    .textbubble {
    position: relative;
    display: inline-block;
    }

    .textbubble .textbubbletext {
    visibility: hidden;
    width: 140px;
    background-color: #e3e3e3;
    color: #222;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    bottom: 150%;
    left: 50%;
    margin-left: -75px;
    opacity: 0;
    transition: opacity 0.5s;
    }

    .textbubble .textbubbletext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
    }

    .textbubble:hover .textbubbletext {
    visibility: visible;
    opacity: 1;
    }

  /*Skillbar (/partnerprogramm)*/
    .skillbar-container {
    position:relative;
    margin-bottom:15px;
    width:100%;
    background:#eee;
    height:35px;
      border-radius:3px;
      
    }

    .skillbar10 {
    width: 10%;
      height: 35px;
      border-radius: 3px;
      background-color:#174287;
    }

    .skillbar20 {
    width: 20%;
      height: 35px;
      border-radius: 3px;
      background-color:#174287;
    }

    .skillbar30 {
    width: 30%;
      height: 35px;
      border-radius: 3px;
      background-color:#174287;
    }

    .skillbar40 {
    width: 40%;
      height: 35px;
      border-radius: 3px;
      background-color:#174287;
    }

    .skillbar50 {
    width: 80%;
      height: 35px;
      border-radius: 3px;
      background-color:#174287;
    }

    .skillbar60 {
    width: 60%;
      height: 35px;
      border-radius: 3px;
    }

    .skillbar70 {
    width: 70%;
      height: 35px;
      border-radius: 3px;
    }

    .skillbar80 {
    width: 80%;
      height: 35px;
      border-radius: 3px;
    }

    .skillbar90 {
    width: 90%;
      height: 35px;
      border-radius: 3px;
    }

    .skillbar100 {
    width: 100%;
      height: 35px;
      border-radius: 3px;
    }

    .skillbar-percent {
    position:absolute;
    right:10px;
    top:0;
    font-size:24px;
    height:35px;
    line-height:35px;
    color:#174287;
      }

    .skillbar-name {
    position:absolute;
    top:0;
    left:0;
    width:120px;
    font-weight:bold;
    font-size:13px;
    color:#ffffff;
    border-top-left-radius:3px;
    border-bottom-left-radius:3px;
    height:35px;
    }

    .skillbar-name span {
    display:block;
    padding:0 20px;
    height:35px;
    line-height:35px;
    border-top-left-radius:3px;
    border-bottom-left-radius:3px;
      }

  /*Newsletter-LPs*/

    .nl-header-b2c {	min-height: 280px;
      background-image: url("/cms/images/landingpages/newsletter/230615-headerbanner-newsletter.png");
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      margin-bottom: 44.08px;
    }
    .nl-header-b2b {	min-height: 300px;
      background-image: url("/cms/images/landingpages/newsletter/230615-headerbanner-newsletter.png");
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
        margin-bottom: 44.08px;
        margin-top:48px
    }

    .elements  {	display: flex;
      justify-content: center;
      align-content: flex-end;
      text-align: center;
    }

    .bannerheadline {
        padding-top: 40px;
        color:#ffffff;
        }



    .legaltext {
    font-size:10pt;
    text-align:center;
    width:95%;
    margin-bottom: 20px;
    font-size:12px;

    }

    @media only screen and (min-width: 480px)
    {.legaltext {
    width:75%;}
    }
    @media only screen and (min-width: 768px)
    {.legaltext {
    width:60%}
    }
    @media only screen and (min-width: 1024px)
    {.legaltext {
    width:45%;}
    }

  /*Landing page (/bewertungen)*/

  /* Bewertungen */

.rating-logo {
  max-width: 100%;
  max-height: 100px;
  object-fit: contain;
}
.reviewiconcontainer {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 150px;
  margin-bottom: 12px;
  
}

.greybox {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border: 3px solid #e3e3e3;
  border-radius: 5px;
  background-color: #e3e3e3;
  transition: all ease-out 0.25s;
  box-sizing: border-box;
  min-height: 230px; 
    }


    .greybox:hover {
      background-color: #ffffff;
      text-decoration:none;
      cursor: pointer;
      transform: scale(0.98);
    }

    .review-grid {
  display: flex;
  gap: 32px;
  width: 100%;
}

.review-grid .greybox {
  flex: 1;
  min-width: 200px;
}

.grey-year {

  display: flex;
  justify-content: flex-start; 
  align-items: center;       
  padding-left: 24px;         
  background-color: #e3e3e3;
  font-size: 25px;
  font-weight: bold;
  box-sizing: border-box;
}

.disc {
  list-style-type: disc;
}
.circle {
  list-style-type: circle;
}

.responsive-video {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; /* 16:9 Verh�ltnis */
  height: 0;
  overflow: hidden;
}
.responsive-video iframe {
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
}


  /*Static Page Redesign*/

    .imagerymodule {
    padding-bottom:0;
    }

    @media only screen and (min-width: 480px) {
    .imagerymodule {
      padding-bottom:128px;
    }
    }

    @media only screen and (min-width: 600px) {
    .imagerymodule {
      padding-bottom:0px;
    }
    }    

    @media only screen and (min-width: 768px) {
    .imagerymodule {
      padding-bottom:128px;
    }
    }

    @media only screen and (min-width: 1024px) {
    .imagerymodule {
      padding-bottom:0px;
    }
    }   

    .imagerymoduletext {
    position:relative;
    }

    @media only screen and (min-width: 480px)  

    {
    .imagerymoduletext {
      position:absolute;
      width:49%;
      left:51.5%;
      top:57%;
      margin-top: 7.75%;
    }
    }

    @media only screen and (min-width: 600px)  

    {
    .imagerymoduletext {
      top:68.5%;
    }
    }    

    @media only screen and (min-width: 768px)  

    {
    .imagerymoduletext {
      top:57%;
    }
    }

    @media only screen and (min-width: 1024px)  

    {
    .imagerymoduletext {
      top:68.5%;
    }
    }  

    h1#redesignh1 {
    position:absolute;
    top: 5%;
    margin-top:1%;
    margin-left: 7%;
    font-weight:900;
    font-size: 18px;
    line-height: 19px;
    color:white;
    }

    h3#redesignsubline {
    position:absolute;
    top: 64%;
    margin-left: 7%;
    font-family: 'GT America Extended Regular', Arial, sans-serif;
    font-size: 10px;
    line-height: 11px;
    color:white;
    font-weight:400;
    }

    @media only screen and (min-width: 480px)
    {
    h1#redesignh1 {
    font-size: 28px;
    line-height: 29px;
    }

    h3#redesignsubline {
    font-size: 20px;
    line-height: 22px;
    }

    }

    @media only screen and (min-width: 768px)
    {
    h1#redesignh1 {
    font-size: 47px;
    line-height: 48px;
    }

    h3#redesignsubline {
    font-size: 30px;
    line-height: 32px;
    }
    }

    @media only screen and (min-width: 1024px)
    {
    h1#redesignh1 {
    font-size:60px;
    line-height:61px;
    }

    h3#redesignsubline {
    font-size: 35px;
    line-height: 37px;
    }
    }

    @media only screen and (min-width: 1280px)
    {
    h1#redesignh1 {
    font-size: 70px;
    line-height: 72px;
    }
    h3#redesignsubline {
    font-size: 40px;
    line-height: 44px;
    }
    }

    /* .morepadding {
      padding-left:10px;
    } */
    
    @media only screen and (max-width: 480px) {
      .morepadding {
      padding-left:0px;
      }
    }

    /*Static Page Gutschein*/

    #gutscheinheadlinecontainer {
      left: 32px;
      position: absolute;
    }

    h1#gutscheinh1 {
      font-size: 18px;
      line-height: 20px;
    }

    @media only screen and (min-width: 480px)
      { h1#gutscheinh1 {
        font-size: 20px;
        line-height: 22px;
      }
      }

    @media only screen and (min-width: 1024px)
      {  h1#gutscheinh1 {
          font-size: 32px;
          line-height:32px;
          left: 10%;
        }
      }

    @media only screen and (min-width: 1200px)
      {  h1#gutscheinh1 {
          font-size: 40px;
          line-height:44px;
        }
      }

    h3#gutscheinh3 {
      font-size: 14px;
      line-height: 16px;
    }

  @media only screen and (min-width: 1024px)
    {  h3#gutscheinh3 {
        font-size: 20px;
        line-height:22px;
      }
    }

  @media only screen and (min-width: 1200px)
    {  h3#gutscheinh3 {
        font-size: 24px;
        line-height: 28px;
      }
    }
      

  /*End of classes for Redesign LP*/

  /*/versandinfo static page*/

  .backgroundright {
    position:absolute;
    top:0%;
    right:0%;
    z-index: 0;
    max-width: 100%;
  }

  @media only screen and (min-width: 1024px) {
    
    .backgroundright {width: 50%;}
  }

  /*App LP*/

  .carousel {
    position: relative;
    width: 100%;
    overflow: hidden;
  }
  
  .slide {
    display: none;
  }
  
  .slide.active {
    display: block;
  }
  
  .carousel-text {
    text-align: center;
  }
  
  .slider-dots {
    margin-top: 10px;
  }
  
  .dot {
    display: inline-block;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background-color: #e3e3e3;
    margin-right: 5px;
    cursor: pointer;
  }
  
  .dot.active-dot {
    background-color: #614ffb;
  }
  
  
  .quoteonimg {
        position: absolute;
        margin: 0 24px;
        top: 64px;
  
      }
  
  @media only screen and (min-width: 801px) {
    .quoteonimg {
      margin:0;
      left: 15%;
      top: 17.534%;
    }
  }
  
  .quotebackground {
    position: absolute;
      width: auto;
      height: 365px;
      top: 50%;
      left: 50%;
      transform: translate(-50%,-50%);
      z-index: 0;
  }
  
  .quotecontainer {
    height: 300px;
    position: relative;
    overflow: hidden;
  }
  
  @media only screen and (min-width: 768px) {
  .quotecontainer {
    height: 365px;
  }
  }

   /*End of App LP*/

/*End of classes for specific pages */

/*fbeckerline*/

/* Bannerbereich */
.banner-container {
  position: relative;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  overflow: hidden;
}

.banner-image {
  width: 100%;
  height: auto;
  display: block;
}

.banner-content {
  position: absolute;
  top: 50%;
  left: 10%;
  transform: translateY(-50%);
  color: white;
  text-align: left;
  max-width: 80%;
  padding: 10px;
}

.banner-logo {
  max-width: 300px;
  width: 100%;
  margin-bottom: 20px;
}

.banner-content h2 {
  font-size: 3em;
  line-height: 1.2;
  margin: 10px 0;
}

.banner-content p {
  font-size: 1.2em;
  margin-top: 20px;
}

@media (max-width: 768px) {
  .banner-content h2 {
    font-size: 2em;
  }
  .banner-content p {
    font-size: 1em;
    margin-top: 15px;
  }
  .banner-logo {
    max-width: 200px;
  }
}

@media (max-width: 480px) {
  .banner-content h2 {
    font-size: 1.5em;
  }
  .banner-content p {
    font-size: 0.9em;
  }
  .banner-content {
    left: 5%;
    max-width: 90%;
  }
}

/* Grid-Layout f�r die Top-Kategorien */


.grid-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
  max-width: 1200px;
  margin: 0 auto;
}

.grid-item {
  background-color: #e3e3e3;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 280px;
}

.grid-item img {
  width: 60%;
  object-fit: contain;
}

.grid-item p {
  font-size: 16px;
  font-weight: bold;
  margin-top: 10px;
}

.grid-item.special {
  background-color: black;
  color: white;
  padding: 32px;
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.grid-item.special h2 {
  font-size: 40px;
  margin: 0 0 32px 0;
}

.grid-item.special a {
  font-size: 16px;
  color: white;
  text-decoration: none;
}

.grid-item.special a:hover {
  text-decoration: underline;
}

@media (max-width: 1024px) {
  .grid-container {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 768px) {
  .grid-container {
    grid-template-columns: 1fr;
  }
  .grid-item {
    height: 200px;
  }
  .grid-item.special h2 {
    font-size: 28px;
  }
  .grid-item p {
    font-size: 14px;
    margin-top: 8px;
  }
}

/* Warum f.becker_line Section */
.fbecker-section .flex {
  display: flex;
  align-items: flex-start;
}

.fbecker-section .width20 {
  flex-shrink: 0;
  width: 56px;
  margin-right: 32px;
}

.fbecker-section .sidebyside2 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.fbecker-section .fiveoften {
  flex: 1;
  padding: 0 16px;
}

@media (max-width: 1024px) {
  .fbecker-section .sidebyside2 {
    flex-direction: column;
  }
  .fbecker-section .fiveoften {
    margin-bottom: 32px;
  }
}

@media (max-width: 768px) {
  .fbecker-section .flex {
    flex-direction: column;
    text-align: left;
  }
  .fbecker-section .width20 {
    margin-right: 0;
    margin-bottom: 16px;
  }
}

/* Kundenbewertungen */
.carousel .slide {
  display: none;
  opacity: 0;
  transition: opacity 0.5s ease;
}

.carousel .slide.active {
  display: block;
  opacity: 1;
}

.dot {
  cursor: pointer;
  background-color: lightgray;
  border-radius: 50%;
  display: inline-block;
  width: 12px;
  height: 12px;
  margin: 0 5px;
}

.dot.active-dot {
  background-color: black;
}

/* Kontaktbereich */
.widecontent {
  display: flex; 
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  box-sizing: border-box;
}

.span3 {
  width: 30%;
  padding: 16px;
  box-sizing: border-box;
}

.widecontent .span3:last-child {
  margin-right: 0;
}

.vibrantbluebackground {
  background-color: #614FFB;
  color: white;
}

.vibrantbluebackground .whitetext {
  margin-top: 32px;
  margin-bottom: 32px;
}

.greybackground {
  background-color: #f2f2f2;
}

@media (max-width: 1215px) {
  .widecontent {
    flex-direction: column;
    align-items: stretch;
  }

  .span3 {
    width: 100%;
    margin-bottom: 16px;
  }

  .widecontent .span3:last-child {
    margin-bottom: 0;
  }
}

.vibrantbluebackground h2 {
  margin-bottom: 20px;
}

.span3 h3 {
  font-size: 18px;
  margin-bottom: 10px;
}




/* Allgemeine Styles */
.fbeckerstyles h1 {
  font-family: 'GT America Extended Black', Arial, sans-serif;
  font-size: 30px;
  line-height: 34px;
  color: black;
}

.fbeckerstyles h2 {
  font-family: 'GT America Extended Bold', Arial, sans-serif;
  font-size: 24px;
  line-height: 28px;
}

.fbeckerstyles h3 {
  font-family: 'GT America Extended Bold', Arial, sans-serif;
  font-size: 18px;
  line-height: 24px;
}

.fbeckerstyles h4 {
  font-family: 'GT America Standard Bold', Arial, sans-serif;
  font-size: 16px;
  line-height: 22px;
}

.fbeckerstyles p {
  font-family: 'GT America Standard Regular', Arial, sans-serif;
  font-size: 14px;
}

.fbeckerstyles p a,
.fbeckerstyles a.textlink,
.fbeckerstyles li a {
  color: #614ffb;
  transition: all ease-out 0.25s;
}

.fbeckerstyles p a:hover,
.fbeckerstyles a.textlink:hover,
.fbeckerstyles li a:hover {
  color: #130254;
  text-decoration: underline;
}

@media (min-width: 480px) {
  .fbeckerstyles h1 {
    font-size: 34px;
    line-height: 38px;
  }
  .fbeckerstyles h2 {
    font-size: 30px;
    line-height: 34px;
  }
  .fbeckerstyles h3 {
    font-size: 24px;
    line-height: 28px;
  }
  .fbeckerstyles h4 {
    font-size: 20px;
    line-height: 24px;
  }
}

@media (min-width: 768px) {
  .fbeckerstyles h1 {
    font-size: 48px;
    line-height: 50px;
  }
  .fbeckerstyles h2 {
    font-size: 40px;
    line-height: 44px;
    font-weight: bold;
  }
  .fbeckerstyles h3 {
    font-size: 24px;
    line-height: 28px;
    font-weight: bold;
  }
  .fbeckerstyles h4 {
    font-size: 20px;
    line-height: 24px;
  }
  .fbeckerstyles p {
    font-size: 16px;
    line-height: 22px;
  }
}

/* Textgr��en */
.txt_size_8 {
  font-size: 8px !important;
  line-height: 10px;
}
.txt_size_10 {
  font-size: 10px !important;
  line-height: 12px;
}
.txt_size_12 {
  font-size: 12px !important;
  line-height: 14px;
}
.txt_size_14 {
  font-size: 14px !important;
  line-height: 16px;
}
.txt_size_16 {
  font-size: 16px !important;
  line-height: 18px;
}
.txt_size_18 {
  font-size: 18px !important;
  line-height: 20px;
}
.txt_size_20 {
  font-size: 20px !important;
  line-height: 24px;
}
.txt_size_24 {
  font-size: 24px !important;
  line-height: 28px;
}
.txt_size_30 {
  font-size: 30px !important;
  line-height: 34px;
}
.txt_size_36 {
  font-size: 36px !important;
  line-height: 40px;
}
.txt_size_48 {
  font-size: 48px !important;
  line-height: 50px;
}
.txt_size_60 {
  font-size: 60px !important;
  line-height: 64px;
}
.txt_size_72 {
  font-size: 72px !important;
  line-height: 76px;
}

/* Allgemeine Margins und Paddings */
.fbeckerstyles .withmargin {
  margin-left: 32px;
  margin-right: 32px;
}

.fbeckerstyles .p_left_0 	  {	padding-left: 0px;}
.fbeckerstyles .p_right_0 	  {	padding-right: 0px;}
.fbeckerstyles .p_top_0 	    {	padding-top: 0px;}
.fbeckerstyles .p_bottom_0 	{	padding-bottom: 0px;}
.fbeckerstyles .p_0          {	padding: 0px;}

.fbeckerstyles .p_left_5 	{	padding-left: 5px;}
.fbeckerstyles .p_right_5 	{	padding-right: 5px;}
.fbeckerstyles .p_top_5 	{	padding-top: 5px;}
.fbeckerstyles .p_bottom_5 	{	padding-bottom: 5px;}
.fbeckerstyles .p_5          {	padding: 5px;}

.fbeckerstyles .p_left_10 	{	padding-left: 10px;}
.fbeckerstyles .p_right_10 	{	padding-right: 10px;}
.fbeckerstyles .p_top_10 	{	padding-top: 10px;}
.fbeckerstyles .p_bottom_10 	{	padding-bottom: 10px;}
.fbeckerstyles .p_10          {	padding: 10px;}

.fbeckerstyles .p_left_15 	{	padding-left: 12px;}
.fbeckerstyles .p_right_15 	{	padding-right: 12px;}
.fbeckerstyles .p_top_15 	{	padding-top: 12px;}
.fbeckerstyles .p_bottom_15 	{	padding-bottom: 12px;}
.fbeckerstyles .p_15          {	padding: 12px;}

.fbeckerstyles .p_left_20 	{	padding-left: 15px;}
.fbeckerstyles .p_right_20 	{	padding-right: 15px;}
.fbeckerstyles .p_top_20 	{	padding-top: 15px;}
.fbeckerstyles .p_bottom_20 	{	padding-bottom: 15px;}
.fbeckerstyles .p_20          {	padding: 15px;}

.fbeckerstyles .p_left_24 	{	padding-left: 20px;}
.fbeckerstyles .p_right_24 	{	padding-right: 20px;}
.fbeckerstyles .p_top_24 	{	padding-top: 20px;}
.fbeckerstyles .p_bottom_24 	{	padding-bottom: 20px;}
.fbeckerstyles .p_24          {	padding: 20px;}

.fbeckerstyles .p_left_32 	{	padding-left: 20px;}
.fbeckerstyles .p_right_32 	{	padding-right: 20px;}
.fbeckerstyles .p_top_32 	{	padding-top: 20px;}
.fbeckerstyles .p_bottom_32 	{	padding-bottom: 20px;}
.fbeckerstyles .p_32          {	padding: 20px;}

.fbeckerstyles .p_left_64 	{	padding-left: 32px;}
.fbeckerstyles .p_right_64 	{	padding-right: 32px;}
.fbeckerstyles .p_top_64 	{	padding-top: 32px;}
.fbeckerstyles .p_bottom_64 	{	padding-bottom: 32px;}

.fbeckerstyles .p_left_128 	{	padding-left: 64px;}
.fbeckerstyles .p_right_128 	{	padding-right: 64px;}
.fbeckerstyles .p_top_128 	{	padding-top: 64px;}
.fbeckerstyles .p_bottom_128 	{	padding-bottom: 64px;}

.fbeckerstyles .m_left_0 	{	margin-left: 0px;}
.fbeckerstyles .m_right_0 	{	margin-right: 0px;}
.fbeckerstyles .m_top_0 	{	margin-top: 0px;}
.fbeckerstyles .m_bottom_0 	{	margin-bottom: 0px;}
.fbeckerstyles .m_0          {	margin:0px;}

.fbeckerstyles .m_left_5 	{	margin-left: 5px;}
.fbeckerstyles .m_right_5 	{	margin-right: 5px;}
.fbeckerstyles .m_top_5 	{	margin-top: 5px;}
.fbeckerstyles .m_bottom_5 	{	margin-bottom: 5px;}
.fbeckerstyles .m_5          {	margin:5px;}

.fbeckerstyles .m_left_8 	{	margin-left: 8px;}
.fbeckerstyles .m_right_8 	{	margin-right: 8px;}
.fbeckerstyles .m_top_8 	{	margin-top: 8px;}
.fbeckerstyles .m_bottom_8 	{	margin-bottom: 8px;}
.fbeckerstyles .m_8          {	margin:8px;}

.fbeckerstyles .m_left_10 	{	margin-left: 10px;}
.fbeckerstyles .m_right_10 	{	margin-right: 10px;}
.fbeckerstyles .m_top_10 	{	margin-top: 10px;}
.fbeckerstyles .m_bottom_10 	{	margin-bottom: 10px;}
.fbeckerstyles .m_10          {	margin:10px;}

.fbeckerstyles .m_left_15 	{	margin-left: 12px;}
.fbeckerstyles .m_right_15 	{	margin-right: 12px;}
.fbeckerstyles .m_top_15 	{	margin-top: 12px;}
.fbeckerstyles .m_bottom_15 	{	margin-bottom: 12px;}
.fbeckerstyles .m_15          {	margin:12px;}

.fbeckerstyles .m_left_20 	{	margin-left: 15px;}
.fbeckerstyles .m_right_20 	{	margin-right: 15px;}
.fbeckerstyles .m_top_20 	{	margin-top: 15px;}
.fbeckerstyles .m_bottom_20 	{	margin-bottom: 15px;}
.fbeckerstyles .m_20          {	margin:15px;}

.fbeckerstyles .m_left_24 	{	margin-left: 18px;}
.fbeckerstyles .m_right_24 	{	margin-right: 18px;}
.fbeckerstyles .m_top_24 	{	margin-top: 18px;}
.fbeckerstyles .m_bottom_24 	{	margin-bottom: 18px;}
.fbeckerstyles .m_24          {	margin:18px;}

.fbeckerstyles .m_left_32 	{	margin-left: 20px;}
.fbeckerstyles .m_right_32 	{	margin-right: 20px;}
.fbeckerstyles .m_top_32 	{	margin-top: 20px;}
.fbeckerstyles .m_bottom_32 	{	margin-bottom: 20px;}
.fbeckerstyles .m_32          {	margin:20px;}

.fbeckerstyles .m_left_64 	{	margin-left: 32px;}
.fbeckerstyles .m_right_64 	{	margin-right: 32px;}
.fbeckerstyles .m_top_64 	{	margin-top: 32px;}
.fbeckerstyles .m_bottom_64 	{	margin-bottom: 32px;}

.fbeckerstyles .m_left_128 	{	margin-left: 64px;}
.fbeckerstyles .m_right_128 	{	margin-right: 64px;}
.fbeckerstyles .m_top_128 	{	margin-top: 64px;}
.fbeckerstyles .m_bottom_128 	{	margin-bottom: 64px;}

.fbeckerstyles.telnr {
  font-family: 'GT America Extended Bold', Arial, sans-serif;
  font-size: 24px;
  line-height: 28px;
}


@media (min-width: 480px) {
  .fbeckerstyles.telnr {
    font-size: 30px;
    line-height: 34px;
  }
}

@media (min-width: 768px) {
  .fbeckerstyles.telnr {
    font-size: 24px;
    line-height: 28px;
  }
}

@media (min-width: 1221px) {
  .fbeckerstyles.telnr {
    font-size: 40px;
    line-height: 44px;
  }
}


/* Anpassung der USPs */
.fbeckerstyles .sidebyside2 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.fbeckerstyles .fiveoften {
  flex: 1;
  padding: 0 16px;
}

.fbeckerstyles .flex {
  display: flex;
  align-items: flex-start;
}

.fbeckerstyles .width20 {
  flex-shrink: 0;
  width: 84px; /* Breite der Icons gem�� Screenshot */
  height: 84px; /* H�he der Icons */
  margin-right: 24px; /* Abstand zwischen Icon und Text */
}

/* Responsive Anpassungen */
@media (max-width: 1024px) {
  .fbeckerstyles .sidebyside2 {
    flex-direction: column;
  }
  .fbeckerstyles .fiveoften {
    padding: 0;
    margin-bottom: 32px;
  }
}

@media (max-width: 768px) {
  .fbeckerstyles .flex {
    flex-direction: column;
    text-align: left;
  }
  .fbeckerstyles .width20 {
    margin-right: 0;
    margin-bottom: 16px;
  }
  .fbeckerstyles h4 {
    font-size: 18px;
  }
  .fbeckerstyles p {
    font-size: 14px;
  }


}

/* Banner */
.fbeckerstyles .banner-container {
  position: relative;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  overflow: hidden;
}

.fbeckerstyles .banner-image {
  width: 100%;
  height: auto;
  display: block;
}

.fbeckerstyles .banner-content {
  position: absolute;
  top: 50%;
  left: 3%;
  transform: translateY(-50%);
  text-align: left;
  color: white;
  max-width: 80%;
  box-sizing: border-box;
}

.fbeckerstyles .banner-logo {
  max-width: 300px;
  width: 240px;
  height: 40px;
  margin-bottom: 20px;
}

.fbeckerstyles .banner-content h2 {
  font-size: 3em;
  line-height: 1.2;
  margin: 10px 0;
}

.fbeckerstyles .banner-content p {
  font-size: 1.2em;
  margin-top: 20px;
}

@media (max-width: 768px) {
  .fbeckerstyles .banner-content h2 {
    font-size: 2em;
  }
  .fbeckerstyles .banner-content p {
    font-size: 1em;
    margin-top: 15px;
  }
  .fbeckerstyles .banner-logo {
    max-width: 200px;
  }
}

@media (max-width: 480px) {
  .fbeckerstyles .banner-content h2 {
    font-size: 1.5em;
  }
  .fbeckerstyles .banner-content p {
    font-size: 0.9em;
  }
  .fbeckerstyles .banner-logo {
    max-width: 150px;
  }
}

/* Kundenfeedback */
.fbeckerstyles .carousel .slide {
  display: none;
  opacity: 0;
  transition: opacity 0.5s ease;
}

.fbeckerstyles .carousel .slide.active {
  display: block;
  opacity: 1;
}

.fbeckerstyles .dot {
  cursor: pointer;
}

.fbeckerstyles .dot.active-dot {
  background-color: #000;
}


/* businessplus */

/* Allgemeine Styles */
.bplus h1 {
  font-family: 'GT America Standard Bold', Arial, sans-serif;
  font-size: 30px;
  line-height: 34px;
}

.bplus h2 {
  font-family: 'GT America Extended Bold', Arial, sans-serif; 
  font-size: 24px;
  line-height: 28px;
}

.bplus h3 {
  font-family: 'GT America Extended Bold', Arial, sans-serif; 
  font-size: 18px;
  line-height: 24px;
}

.bplus h4 {
  font-family: 'GT America Standard Bold', Arial, sans-serif; 
  font-size: 16px;
  line-height: 22px;
}

.bplus p {
  font-family: 'GT America Standard Regular', Arial, sans-serif;
  font-size: 14px;
}

.bplus p a, .bplus a.textlink, .bplus li a {
  color: #614ffb;
  transition: all ease-out 0.25s;
}

.bplus p a:hover, .bplus a.textlink:hover, .bplus li a:hover {
  color: #130254;
  text-decoration: underline;
}

@media (min-width: 480px) {
  .bplus h1 {
    font-size: 34px;
    line-height: 38px;
  }

  .bplus h2 {
    font-size: 30px;
    line-height: 34px;
  }

  .bplus h3 {
    font-family: 'GT America Extended Bold', Arial, sans-serif; 
    font-size: 24px;
    line-height: 28px;
  }

  .bplus h4 {
    font-size: 20px;
    line-height: 24px;
  }
}

@media (min-width: 768px) {
  .bplus h1 {
    font-size: 48px;
    line-height: 50px;
  }
  
  .bplus h2 {
    font-size: 40px;
    line-height: 44px;
    font-weight: bold;
  }
  
  .bplus h3 {
    font-size: 24px;
    line-height: 28px;
    font-weight: bold;
  }
  
  .bplus h4 {
    font-size: 20px;
    line-height: 24px;
  }
  
  .bplus p {
    font-size: 16px;
    line-height: 22px;
  }
}

/* Textgr��en */
.txt_size_8  { font-size: 8px  !important; line-height: 10px; }
.txt_size_10 { font-size: 10px !important; line-height: 12px; }
.txt_size_12 { font-size: 12px !important; line-height: 14px; }
.txt_size_14 { font-size: 14px !important; line-height: 16px; }
.txt_size_16 { font-size: 16px !important; line-height: 18px; }
.txt_size_18 { font-size: 18px !important; line-height: 20px; }
.txt_size_20 { font-size: 20px !important; line-height: 24px; }
.txt_size_24 { font-size: 24px !important; line-height: 28px; }
.txt_size_30 { font-size: 30px !important; line-height: 34px; }
.txt_size_36 { font-size: 36px !important; line-height: 40px; }
.txt_size_48 { font-size: 48px !important; line-height: 50px; }
.txt_size_60 { font-size: 60px !important; line-height: 64px; }
.txt_size_72 { font-size: 72px !important; line-height: 76px; }

/* Styles f�r Vorteile */
.bplus-advantages {
  text-align: center;
  margin: 40px auto;
}

.bplus-grid-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* Zwei Spalten */
  gap: 40px;
  max-width: 1200px;
  margin: 0 auto;
}

.bplus-grid-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start; /* Gleiche Ausrichtung */
  text-align: left;
}

.bplus-grid-item img {
  width: 160px; /* Einheitliche Bildgr��e */
  height: auto; /* Proportionen beibehalten */
  object-fit: contain; /* Bilder gleichm��ig skalieren */
  margin-bottom: 20px; /* Einheitlicher Abstand */
}

.bplus-grid-item h4 {
  margin-bottom: 0; /* Kein zus�tzlicher Abstand */
}

.bplus-grid-item p {
  margin-top: 8px; /* Leichter Abstand */
}

/* Responsive Styles */
@media (max-width: 768px) {
  .bplus-grid-container {
    grid-template-columns: 1fr; /* Eine Spalte auf kleinen Bildschirmen */
  }

  .bplus-grid-item img {
    width: 160px; /* Einheitliche Gr��e auch mobil */
    height: auto;
  }
}


.bplus-grid-item h4 {
  margin-bottom: 0; /* Entfernt den Abstand nach der �berschrift */
}

.bplus-grid-item p {
  margin-top: 8px; /* Optional: Leichter Abstand zwischen Text und �berschrift */
}


/* Allgemeine Klasse*/
.bplus .withmargin {
  margin-left: 32px;
  margin-right: 32px;
}

.bplus .normaltext {
  font-family: 'GT America Standard Regular', Arial, sans-serif; 
  font-weight: normal;
}

.bplus ul {
	padding-left: 20px;  
  list-style-type:"\2012 " !important;
  font-family: 'GT America Standard Regular', Arial, sans-serif;
  font-size:14px;
  }

.bplus ol {
  padding-left: 25px;
  font-family: 'GT America Standard Regular', Arial, sans-serif;
  font-size:14px;
}
.bplus  ul li {
	padding-left: 10px
  }

  .bplus ol li {
    padding-left: 5px;;
  }

  @media (min-width: 768px) {
    .bplus ul {
      font-size: 16px;
    }
    .bplus ol {
      font-size: 16px;
    }
  }


/* Responsive Styles */
@media (max-width: 768px) {
  .bplus-grid-container {
    grid-template-columns: 1fr;
  }

  .bplus-grid-item img {
    width: 160px;
    height: auto;
  }
}


/* Quickfacts kfzteile24 */
.quickfacts {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px;
  padding: 20px; /* Entfernen, falls kein Abstand innerhalb des Containers gew�nscht */
  text-align: center;
}

.fact {
  flex: 1;
  min-width: 200px; /* Mindestbreite */
  max-width: 25%; /* Maximale Breite auf 25%, f�r vier nebeneinander */
  box-sizing: border-box;
  text-align: center;
}

.fact h2 {
  margin: 0 0 10px 0; /* Abstand nur unten */
  font-size: 2.3rem;
}

.fact p {
  margin: 0; /* Entfernt den Standard-Abstand f�r &lt;p&gt;-Elemente */
}

/* Absatzstil */
.paragraph {
  margin: 0;
  font-size: 1rem;
  line-height: 1.5;
}


/* Allgemeiner Container f�r das Kontaktformular */
.kontakt-bpluscontainer {
  padding: 0;
  background-color: #e5e5e5;
  margin: 0;
  width: 100%;
  margin-left: -30px;
}

/* Hauptbereich f�r das Kontaktformular */
.kontakt-widecontent {
  display: flex;
  justify-content: space-between;
  background-color: #f2f2f2;
  width: 100%;
  /* max-width: auto; Breite anpassen, um mit "Hast du noch Fragen" abzuschlie�en */
  margin: 30px 30px; /* Zentrieren des Containers */
  padding: 30px 30px;
  box-sizing: border-box;
  
}

.kontakt-widecontent.kontakt-withmargin {
  margin-left: 30px;
}

.bplus-txt_size_36 {
  font-size: 40px;
  line-height: 1.2; /* oder 120%, passt den Zeilenabstand an */
}

.bplus-txt_size_24 {
  font-size: 28px;
  line-height: 1.3; /* oder 130%, je nach gew�nschtem Abstand */
}

.bplus-txt_size_48 {
  font-size: 50px;
  line-height: 1.3;
}


/* Breite f�r die Spalten */
.kontakt-span3 {
  width: 48%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: #f2f2f2;
  box-sizing: border-box;
}

/* Hintergrundfarben und Padding */
.kontakt-greybackground {
  background-color: #f2f2f2;
}


/* Flexbox f�r Felder nebeneinander mit geringerem Abstand */
.kontakt-sidebyside {
  display: flex;
  gap: 8px; /* Geringerer Abstand zwischen den Feldern */
}

.kontakt-halfwidth {
  width: 100%; /* Volle Breite innerhalb des Flex-Containers */
}

.kontakt-fullwidth { 
  width: 100%; 
}

/* Formularfelder */
.kontakt-formfield {
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 14px;
  box-sizing: border-box;
  margin-top: 8px; /* Geringerer Abstand zwischen den Zeilen */
}

/* CTA-Button */
.kontakt-cta {
  padding: 12px;
  background-color: #6366F1;
  color: #fff;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-weight: bold;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 40px;
}

.kontakt-cta:hover {
  background-color: #4F46E5;
}

/* Responsive Verhalten */
@media (max-width: 768px) {
  .kontakt-widecontent {
    flex-direction: column;
    align-items: center;
    max-width: 100%; /* Volle Breite auf kleinen Bildschirmen */
  }
  .kontakt-span3 {
    width: 100%;
  }
  .kontakt-sidebyside {
    flex-direction: column; /* Nebeneinander in Spalten auf kleineren Bildschirmen */
  }
}

/*agb und widerruf*/
.help {
  width: 400px;
  height: 200px;
  background-color: #eeeeee;
  box-sizing: border-box;
  padding-left:  20px;

}

/*bc-app*/
.note {
  font-size: 5px;
}

/* ueberuns */

.ueberuns-wrapper {
  width: 100%;
  background-color: #ececec;
}

.ueberuns {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  align-items: center;
  justify-content: space-around;
  padding: 40px 10px;
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
}



#about-banner {
  position: relative;
  width: 100%;
}

#about-banner img {
  width: 100%;
  height: auto;
  display: block;
}

#about-banner .headlineonbanner {
  position: absolute;
  top: 15%;
  font-family: 'GT America Extended Black', Arial, sans-serif;
  line-height: 28px;
  max-width: 40%;
}

@media (min-width: 768px) {
  #about-banner .headlineonbanner {
    font-size: 36px;
    line-height: 40px;
  }
}

/* USPs */

#about-usps {
  position: relative;
  flex-wrap: wrap;
  gap: 32px;
  background: #fff;
  overflow: hidden;
}

#about-usps .usp-icon {
  position: absolute;
  top: -50px;
  left: 87%;
  transform: translateX(-50%);
  width: 100px;
  height: auto;
  z-index: 3;
}

#about-usps .usp-box {
  position: relative;
  z-index: 2;
  text-align: center;
  flex: 1 1 40%;
}

#about-usps .usp-number {
  font-size: 60px;
  font-weight: 700;
  font-family: 'GT America Extended Black', Arial, sans-serif;
  color: #130254;
  margin-bottom: 8px;
}

#about-usps .usp-desc {
  font-size: 24px;
  font-family: 'GT America Standard Regular', Arial, sans-serif;
}

#about-usps .usp-bg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  pointer-events: none;
}

@media (max-width: 768px) {
  #about-usps {
    flex-direction: column;
    text-align: center;
  }
}

/* Kompatibilit�t f�r Screenreader */
.sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}


/* MAGAZIN */

/* Header */

.mag{
  width: 100%;
  
}

.magazin-grid-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 16px;
}

.sidebyside2 {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  justify-content: space-between;
  overflow: hidden;
}

.magazin-box {
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  aspect-ratio: 4 / 3;
  position: relative;
  box-sizing: border-box;
  border-radius: 6px;
  overflow: hidden;
  transition: transform 0.2s ease-out;
  will-change: transform;
  transform-origin: center center;
}
 

 .magazin-box:hover {
  transform: scale(1.02);
} 

@media only screen and (min-width: 768px) {
  .magazin-box {
    width: calc(50% - 12px);
  }
}

@media only screen and (min-width: 1024px) {
  .magazin-box {
    width: calc(33.333% - 16px);
  }
}

.magazin-overlay {
  background: url('/cms/images/magazin/transparent_50x50.png') center center repeat;
  padding: 20px 0;
  width: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 80px;
}

.bg-anleitung {
  background-image: url('/cms/images/magazin/anleitung.jpg');
}
.bg-werkstatt {
  background-image: url('/cms/images/magazin/werkstatt-service.jpg');
}
.bg-ratgeber {
  background-image: url('/cms/images/magazin/ratgeber.jpg');
}
.bg-interessantes {
  background-image: url('/cms/images/magazin/ralley-car.jpg');
}
.bg-lexikon {
  background-image: url('/cms/images/magazin/lexikon.jpg');
}
.bg-news {
  background-image: url('/cms/images/magazin/news.jpg');
}



/* === SPEZIELLER FIX F�R BERLIN-MAHLSDORF === */

/* Zweispaltiges Layout f�r Karte + Text */
#mahlsdorf .sidebyside3 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: 64px;
  padding: 0 24px;
}

/* Linke Spalte: Text */
#mahlsdorf .col-left {
  flex: 1 1 440px;
  max-width: 480px;
  margin: 64px 0;
}

/* Rechte Spalte: Karte */
#mahlsdorf .col-right {
  flex: 1 1 400px;
  max-width: 600px;
  margin: 64px 0;
}

/* Kartencontainer */
#mahlsdorf .iframe-container {
  width: 100%;
  height: 320px;
}

@media (max-width: 1023px) {
  #mahlsdorf .iframe-container {
    height: 40vw;
  }
}

@media (max-width: 767px) {
  #mahlsdorf .iframe-container {
    height: 50vw;
  }
}

#mahlsdorf .responsive-iframe {
  width: 100%;
  height: 100%;
  border: none;
  display: block;
}

/* USP-Raster */
#mahlsdorf .usp-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px 96px;
  padding: 0 24px;
}

@media (max-width: 767px) {
  #mahlsdorf .usp-grid {
    grid-template-columns: 1fr;
  }
}

#mahlsdorf .usp-item {
  display: flex;
  align-items: flex-start;
}

#mahlsdorf .usp-item img {
  width: 56px;
  height: 56px;
}

/* Filial�bersicht */
#mahlsdorf .branch-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 128px 20px;
  margin-top: 64px;
}

@media (max-width: 767px) {
  #mahlsdorf .branch-grid {
    grid-template-columns: 1fr;
  }
}

#mahlsdorf .branch-box .boldtext {
  font-weight: 600;
}

#mahlsdorf .branch-box p {
  font-size: 14px;
  line-height: 1.5;
  margin: 0;
}

/* Sonstiger zweispaltiger Flex-Container */
#mahlsdorf .sidebyside2 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 128px;
}

#mahlsdorf .fouroftwelve {
  flex: 0 0 33%;
}

#mahlsdorf .eightoftwelve {
  flex: 1;
}

/* Spandau */


/* Zweispaltiges Layout f�r Karte + Text */
#spandau .sidebyside3 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: 64px;
  padding: 0 24px;
}

/* Linke Spalte: Text */
#spandau .col-left {
  flex: 1 1 440px;
  max-width: 480px;
  margin: 64px 0;
}

/* Rechte Spalte: Karte */
#spandau .col-right {
  flex: 1 1 400px;
  max-width: 600px;
  margin: 64px 0;
}

/* Kartencontainer */
#spandau .iframe-container {
  width: 100%;
  height: 320px;
}

@media (max-width: 1023px) {
  #spandau .iframe-container {
    height: 40vw;
  }
}

@media (max-width: 767px) {
  #spandau .iframe-container {
    height: 50vw;
  }
}

#spandau .responsive-iframe {
  width: 100%;
  height: 100%;
  border: none;
  display: block;
}

/* USP-Raster */
#spandau .usp-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px 96px;
  padding: 0 24px;
}

@media (max-width: 767px) {
  #spandau .usp-grid {
    grid-template-columns: 1fr;
  }
}

#spandau .usp-item {
  display: flex;
  align-items: flex-start;
}

#spandau .usp-item img {
  width: 56px;
  height: 56px;
}

/* Filial�bersicht */
#spandau .branch-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 128px 20px;
  margin-top: 64px;
}

@media (max-width: 767px) {
  #spandau .branch-grid {
    grid-template-columns: 1fr;
  }
}

#spandau .branch-box .boldtext {
  font-weight: 600;
}

#spandau .branch-box p {
  font-size: 14px;
  line-height: 1.5;
  margin: 0;
}

/* Sonstiger zweispaltiger Flex-Container */
#spandau .sidebyside2 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 128px;
}

#spandau .fouroftwelve {
  flex: 0 0 33%;
}

#spandau .eightoftwelve {
  flex: 1;
}


/* Wei�ensee */


/* Zweispaltiges Layout f�r Karte + Text */
#wei�ensee .sidebyside3 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: 64px;
  padding: 0 24px;
}

/* Linke Spalte: Text */
#wei�ensee .col-left {
  flex: 1 1 440px;
  max-width: 480px;
  margin: 64px 0;
}

/* Rechte Spalte: Karte */
#wei�ensee .col-right {
  flex: 1 1 400px;
  max-width: 600px;
  margin: 64px 0;
}

/* Kartencontainer */
#wei�ensee .iframe-container {
  width: 100%;
  height: 320px;
}

@media (max-width: 1023px) {
 #wei�ensee .iframe-container {
    height: 40vw;
  }
}

@media (max-width: 767px) {
  #wei�ensee .iframe-container {
    height: 50vw;
  }
}

#wei�ensee .responsive-iframe {
  width: 100%;
  height: 100%;
  border: none;
  display: block;
}

/* USP-Raster */
#wei�ensee .usp-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px 96px;
  padding: 0 24px;
}

@media (max-width: 767px) {
  #wei�ensee .usp-grid {
    grid-template-columns: 1fr;
  }
}

#wei�ensee .usp-item {
  display: flex;
  align-items: flex-start;
}

#wei�ensee .usp-item img {
  width: 56px;
  height: 56px;
}

/* Filial�bersicht */
#wei�ensee .branch-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 128px 20px;
  margin-top: 64px;
}

@media (max-width: 767px) {
  #wei�ensee .branch-grid {
    grid-template-columns: 1fr;
  }
}

#wei�ensee .branch-box .boldtext {
  font-weight: 600;
}

#wei�ensee .branch-box p {
  font-size: 14px;
  line-height: 1.5;
  margin: 0;
}

/* Sonstiger zweispaltiger Flex-Container */
#wei�ensee .sidebyside2 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 128px;
}

#wei�ensee .fouroftwelve {
  flex: 0 0 33%;
}

#wei�ensee .eightoftwelve {
  flex: 1;
}

#filsidebyside2 {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  overflow: hidden;
}

#staticpage_subline {
  font-family: 'GT America Extended Bold', Arial, sans-serif;
  font-size: 40px;
  line-height: 44px;
  font-weight: bold;
}

/* Globale WCAG 2.1 AA Anpassungen */

:focus {
  outline: none;
}

:focus-visible {
  outline: 3px solid #130254;
  outline-offset: 2px;
}

.cta:focus-visible {
  outline: 3px solid #130254;
  outline-offset: 2px;
}

/* WCAG-konformes 2-Spalten-Layout f�r Partnerprogramm-Steps */
.sidebyside.flex-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 32px 0; /* vertikaler Abstand zwischen Reihen */
}

.fouroften {
  width: calc(50% - 32px);
}

@media (max-width: 767px) {
  .fouroften {
    width: 100%;
  }
}

</pre></body></html>