/**
 * @file
 * Subtheme specific CSS.
 */

/* ++++++++ Font Awesome einbinden +++++ */
@import url('fontawesome/css/all.min.css'); 





header#header .container-fluid {
    padding-left: 8%;
   /* padding-left: 46%; */
    padding-right: 8%;
}

.user-logged-in nav.tabs {
    margin-top: 1.5em !important;
}

.featured-top {
    padding-top: 3em;
    padding-bottom: 3em;
   background-color: #abd4a3 !important;
       background-color: #e8e0dc !important;
    
}




/* ++++++++ Fonts einbinden +++++ */

/* pt-sans-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: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/pt-sans-v17-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('fonts/pt-sans-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/pt-sans-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/pt-sans-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/pt-sans-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/pt-sans-v17-latin-regular.svg#PTSans') format('svg'); /* Legacy iOS */
}

/* pt-sans-italic - 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: 'PT Sans';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/pt-sans-v17-latin-italic.eot'); /* IE9 Compat Modes */
  src: url('fonts/pt-sans-v17-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/pt-sans-v17-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/pt-sans-v17-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/pt-sans-v17-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/pt-sans-v17-latin-italic.svg#PTSans') format('svg'); /* Legacy iOS */
}

/* pt-sans-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: 'PT Sans';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/pt-sans-v17-latin-700.eot'); /* IE9 Compat Modes */
  src: url('fonts/pt-sans-v17-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/pt-sans-v17-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/pt-sans-v17-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/pt-sans-v17-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/pt-sans-v17-latin-700.svg#PTSans') format('svg'); /* Legacy iOS */
}

/* pt-sans-700italic - 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: 'PT Sans';
  font-style: italic;
  font-weight: 700;
  src: url('fonts/pt-sans-v17-latin-700italic.eot'); /* IE9 Compat Modes */
  src: url('fonts/pt-sans-v17-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/pt-sans-v17-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/pt-sans-v17-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/pt-sans-v17-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/pt-sans-v17-latin-700italic.svg#PTSans') format('svg'); /* Legacy iOS */
}


/* ++++++++ Typo ++++++++++ */

body {
	    font-family: 'PT Sans', sans-serif;
	   /* font-weight: 500; */
}



 main#content h1 {
    font-size: 45px !important;
      font-size: 43px !important;
    font-weight: 700 !important;
    /* text-transform: uppercase; */
     line-height: 1.25em !important;
     margin-bottom: 0.75em !important;
      color: #333 !important;
        color: #2e3445 !important;
}

.content h1.title {
    font-size: 43px !important;
    font-weight: 700 !important;
    color: #333 !important;
    color: #2e3445 !important;
}

 main#content h2 {
    color: #333;
    color: #505d7e;
     font-size: 43px !important; 
     font-size: 36px !important; 
    font-size: 40px !important; /* NEU */
} 

 main#content h3 {
    font-size: 20px !important;
    font-size: 24px !important;  /* NEU */
    font-weight: 700 !important;
    line-height: 1.25em !important;
     color: #333;
     color: #505d7e !important;
     margin-bottom: 0.5em !important;
}

 main#content h4 {
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1.25em !important;
     color: #e3022d !important;
     color: #505d7e !important;
     margin-bottom: 1em !important;
}

main#content .text-formatted li {
    margin-bottom: 0.35em !important;
}


.rot {
    color: #902e2e !important;
}

/* +++++ Bilder +++++ */

main img {
    max-width: 100% !important;
    height: auto !important;
}

/* +++++ Listen +++++ */

main#content ol, ul {
 /* padding-left: 0rem !important; */

}

main#content .text-formatted li {
  margin-bottom: 0.75em !important;
}

/* #main-wrapper .field--name-field-text ol, ul {
  padding-left: 1rem !important;
} */


/* +++++ CountUp +++++ */

.countup {
    font-size: 56px !important;
     color: #902e2e !important;
}


/* +++++ Timeline (allgemein) +++++ */

/* TEST */

.timeline-list li.timeline-item {
    padding: 0;
    margin-bottom: -1.5em !important;
}


.timeline-list {
    margin-top: 1.5em !important;
}

main#content .timeline-list .timeline-item.odd {
    margin-right: 4em !important;
}

main#content .timeline-list .timeline-item.even {
    margin-left: 4em !important;
}


main#content .timeline-list .timeline-item h3 {
    font-size: 30px !important;
     color: #6c969b !important;
     margin-bottom: 0.75em !important;
    font-weight: 600 !important;
}

ul.timeline-list li.timeline-item .timeline-item-wrapper span.timeline-marker {
    position: absolute;
    z-index: 2;
    width: 10px;
    height: 10px;
    background: #fff;
    border: 3px solid #666 !important;
    border-radius: 50%;
}

ul.timeline-list:after {
    content: '';
    width: 1px;
    height: 100%;
    position: absolute;
    z-index: 1;
    background-color: #e8e0dc !important;
    background-color: #999 !important;
    top: 0;
}


ul.timeline-list li.timeline-item.odd .timeline-item-wrapper span.timeline-marker {
    position: absolute;
    right: -18px !important;
    top: 40px !important;
    z-index: 2;
   width: 0px;
    height: 0px; 
    background: #fff;
   border: 0px solid #fff !important;
    border-radius: 0%;
}

ul.timeline-list li.timeline-item.even .timeline-item-wrapper span.timeline-marker {
    position: absolute;
    left: -50px !important;
    top: 45px !important;
    z-index: 2;
   width: 0px;
    height: 0px; 
    background: #fff;
    border: 0px solid #fff !important;
    border-radius: 0%;
}



ul.timeline-list li.timeline-item .timeline-item-wrapper span.timeline-marker::after{
font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f058" !important;
    color: #aac9c5 !important;
  /*  margin-right: 0.5em !important; */
    font-size: 36px !important;
    background: #f4f3f2 !important;
}

ul.timeline-list li.timeline-item.odd .views-field-field-schritt {
    position: absolute;
    right: -120px;
    top: 36px;
    font-size: 40px;
    color: #2e3445;
}

ul.timeline-list li.timeline-item.even .views-field-field-schritt {
    position: absolute;
    left: -120px;
    top: 36px;
      top: 40px;
    font-size: 40px;
    color: #2e3445;
}


/* +++++ Special Home +++++ */
.view-beratungsprozess-home- .timeline-list .timeline-item-wrapper  {
   background: #fff !important;
    padding: 2em 2em 2em 2em !important;
    border-radius: 6px !important;
    margin-bottom: 3em !important;
}


/* +++++ Special Privat +++++ */
.view-beratungsprozess-privat .timeline-list .timeline-item-wrapper  {
   background: #fff !important;
    padding: 2em 2em 2em 2em !important;
    border-radius: 6px !important;
    margin-bottom: 3em !important;
}


/* ++++++++++ Layout Page ++++++++++ */

.node--type-page #main-wrapper {
    padding-bottom: 3em !important;
}


/* ++++++++++ Layout Builder ++++++++++ */

/* +++++ Arbeitsbereich +++++ */

.layout-builder-block {
    background: transparent !important;
}

.layout-builder__add-block {
  background: transparent !important;
}

/* +++++ Layout allgemein +++++ */

.col-lg-4 .content,
.col-lg-6 .content {
    padding-left: 1.25em !importanrt;
    padding-right: 1.25em !important;
}




/* ++++++++++ Blockmodule im Layout Builder ++++++++++ */



/* +++++ Buttons +++++ */

button.btn.btn-primary {
    border: 1px solid #902e2e;
    border-radius: 100px !important;
    padding: 0.5em 1.25em 0.5em 1.25em !important;
}

button.btn.btn-primary:hover {
      border: 1px solid #6a6a6a;
}

button.btn.btn-primary a {
    color: #fff !important;
    text-decoration: none !important;
    text-transform: uppercase;
    font-weight: 400 !important;
     font-weight: 700 !important;
    letter-spacing: 2px !important;
}



/* +++++ zentrierte Bilder +++++ */
.block-inline-blockbild {
display: flex;
justify-content: center;
}

.col-12 .block-inline-blockbild .field__item img {
    margin-top: 0em !important;
    margin-bottom: 0em !important; /* NEU */
}

.schmal {
    margin-bottom: -4.5em !important;

}

.sehr-schmal {
    margin-bottom: -6em !important;

}


/* +++++ Checkliste mit Icons +++++ */

.block-inline-blockcheckliste-mit-icons- {
     width: 100% !important;
    padding: 0 !important;
}

.field--name-field-listenpunkt {
    margin-top: -5em !important;
    width: 100% !important;
    padding: 0 !important;
}

.field--name-field-listenpunkt .field__item {
    margin-bottom: 0.5em !important;
    border-bottom: 1px dashed #e8e0dc;
    padding-bottom: 0.75em;
}

.field--name-field-listenpunkt .field__item::before {
 font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f058" !important;
    color: #aac9c5 !important;
    margin-right: 0.5em !important;
    font-size: 24px !important;
}





/* +++++ Farben im Layout Builder  +++++ */

/* Bootstrap Block Styles */


/* Schrift */
.bs-text-white {
  color: #fff !important; 
}

.bs-text-white h2 {
  color: #fff !important; 
}


.bs-text-black {
  color: #333 !important;
}

.bs-text-black h2 {
  color: #333 !important;
}


/* Hintergrund */

.option.bs-bg-rot,
 .bs-bg-rot {
    background-color: #6c969b !important;
}

.option.bs-bg-gruen,
 .bs-bg-gruen {
    background-color: #e8e0dc !important;
}

.option.bs-bg-dunkelgrau,
 .bs-bg-dunkelgrau {
    background-color: #6a6a6a !important;
}

.option.bs-bg-mittelgrau,
 .bs-bg-mittelgrau {
    background-color: #e3e3e3 !important;
}

.option.bs-bg-hellgrau,
 .bs-bg-hellgrau {
    background-color: #f4f3f2 !important;
}

/* TEST */


label.option.bs-bg-gruen,
label.option.bs-bg-rot,
label.option.bs-bg-dunkelgrau,
label.option.bs-bg-mittelgrau,
label.option.bs-bg-hellgrau,
label.option._none,
label.option.bs-text-black,
label.option.bs-text-white {
    font-size: 0 !important;
}

#drupal-off-canvas .field-text-alignment .fieldset-wrapper > div > div input + label, #layout-builder-modal .field-text-alignment .fieldset-wrapper > div > div input + label {
  font-size: 0;
  text-indent: 0 !important;
}



/* ++++++++++ Layout ++++++++++ */


/* +++++ Header +++++ */

.navbar-brand {
    margin-top: 1.25em !important;
    margin-bottom: 1.5em !important;
}

.navbar-brand img {
    width: 90% !important;
    height: auto;
    width: 300px !important;
}

/* +++++ Main ++++++

#main {min-height: 600px;} */



/* +++++ Node Type Page +++++ */

.node--type-page #main {padding-top: 3em !important;}



/* +++++ Node Type Flexible Seite (Text-Header) +++++ */

.node--type-flexible-seite-text-header .row>* {
    padding-right: calc(var(--bs-gutter-x) * .0);
    padding-left: calc(var(--bs-gutter-x) * 0);
}

.node--type-flexible-seite-text-header .layout.row.layout-builder__layout {
    max-width: 85% !important;
    margin: auto;
}

.node--type-flexible-seite-text-header .layout.row.layout-builder__layout {
padding-top: 60px !important;
    padding-bottom: 50px !important;
}

.node--type-flexible-seite-text-header main h2 {
    text-align: center !important;
   /*  font-size: 43px !important; */
    font-weight: 700 !important;
   /* text-transform: uppercase; */
    padding-bottom: 0;

}

.node--type-flexible-seite-text-header main h2.field--name-field-ueberschrift-2 {
    padding-bottom: 0.75em !important;
}



/* +++++ Node Type Team (Seite) +++++ */

.node--type-team #main-wrapper {
    background: #f7f7f7;
}

.node--type-team #main {
    margin-top: -0.75em !important;
    padding-top: 0 !important;
}


.node--type-team .row>* {
    padding-right: calc(var(--bs-gutter-x) * .0);
    padding-left: calc(var(--bs-gutter-x) * 0);
}

.node--type-team .layout.row.layout-builder__layout {
    padding-top: 60px !important;
    padding-bottom: 50px !important;
}

/* Schriftzug ueber Headline */
.node--type-team  .page-hero .field--name-field-dachzeile {
	letter-spacing: 4px !important;
	font-size: 20px !important;
	margin-bottom: 1em !important;
	text-transform: uppercase !important;
	color: #353740 !important;
	/* font-weight: 500 !important; */
}

.node--type-team  .layout.row.layout-builder__layout {
    max-width: 85% !important;
    margin: auto;
} 



/* +++++ Node Type Flexible Seite  (Text-/Bild-Header) +++++ */

/* Hero */

.node--type-flexible-seite-bild-text-header #main {
    margin-top: -0.75em !important;
    padding-top: 0 !important;
}

.node--type-flexible-seite-bild-text-header #main.container-fluid .row>* {
    padding-right: calc(var(--bs-gutter-x) * .0);
    padding-left: calc(var(--bs-gutter-x) * 0);
}

.node--type-flexible-seite-bild-text-header .layout.row.layout-builder__layout {
   padding-top: 60px !important;
    padding-bottom: 50px !important;  
   padding-top: 75px !important;
    padding-bottom: 85px !important; 
}


/* TEST */

.node--type-flexible-seite-bild-text-header .dichter-unten.layout.row.layout-builder__layout {
   padding-top: 0x !important;
    padding-bottom: 0px !important; 
    margin-bottom: -5em !important;
}

.node--type-flexible-seite-text-header .dichter-oben.layout.row.layout-builder__layout {
   padding-top: 15px !important;
    margin-top: -1.5em !important;
}




.node--type-flexible-seite-bild-text-header .layout.row.layout-builder__layout {
    max-width: 85% !important;
    margin: auto;
} 

.node--type-flexible-seite-bild-text-header .text-spalte {
    padding-right: 5em !important;
}

.node--type-flexible-seite-bild-text-header .page-hero .layout.row.layout-builder__layout  {
   padding-top: 3.5em !important;
    padding-bottom: 1em !important; 

}


/* Schriftzug ueber Headline */
.node--type-flexible-seite-bild-text-header .page-hero .field--name-field-dachzeile {
	letter-spacing: 4px !important;
	font-size: 20px !important;
    font-size: 18px !important;
	margin-bottom: 1em !important;
	text-transform: uppercase !important;
	color: #353740 !important;
	/* font-weight: 500 !important; */
}

/* Seitentitel */
.node--type-flexible-seite-bild-text-header .page-hero h1,
.node--type-flexible-seite-bild-text-header .page-hero h1 p {
   /* text-transform: uppercase !important; */
    font-weight: 700 !important;
   color: #353740 !important;
    color: #333 !important;
}


.node--type-flexible-seite-bild-text-header main h2 {
    text-align: center !important;
   /*  font-size: 43px !important; */
    font-weight: 700 !important;
  /*  text-transform: uppercase; */
    padding-bottom: 0;

}

.node--type-flexible-seite-bild-text-header main h2.field--name-field-ueberschrift-2 {
    padding-bottom: 0.75em !important;
}


/* Intro-Text */
.node--type-flexible-seite-bild-text-header .page-hero .introtext {
	margin-bottom: 30px !important;
	color: #353740 !important;
}

.node--type-flexible-seite-bild-text-header .page-hero p {
	/* color: #353740 !important; */
	color: #353740 !important;
   /*  font-weight: 600 !important; */
    line-height: 1.5em !important;
}

.node--type-flexible-seite-bild-text-header  .block-field-blocknodeflexible-seite-bild-text-headerfield-button {
    margin-top: 2em !important;
    margin-bottom: 2.5em !important;
}


.node--type-flexible-seite-bild-text-header  .field--name-field-media-image img {
  /*  margin-top: 3em !important; */
}



/* +++++ Navigation +++++ */

/* Test: Balken 
#navbar-main {
    border-bottom: 40px solid #fff !important;
}*/

/* NEU Umbau */
header#header .nav-item {
    margin-right: 0.55em !important;
}

header#header .navbar {
    padding-top: 0em !important;
    padding-bottom: 0em !important;
}

.justify-content-end {
  justify-content: center !important;
}

header#header .nav-bar .nav-link,
header#header .navbar-nav .nav-link {
    color: #fff  !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
}

header#header .nav-item.active {
    background: #fff !important;
}

header#header .nav-item:hover {
    background: #fff !important;
}

header#header .nav-item.active a {
    color: #902e2e !important;
}

header#header .nav-item a:hover {
    color: #902e2e !important;
}

header#header .nav-item menu-item--expanded.dropdown {
    color: #902e2e !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
}

header#header .nav-link.dropdown-toggle.nav-link-.show  {
    color: #902e2e !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
}



/* 2.Ebene */


header#header .dropdown-menu.show {
  background: #505d7e !important; 
    border: none !important;
    border:1px solid #505d7e !important;
    border-radius: 0 !important;
    margin-top: -1px !important;
    padding-top: 1px !important;
    padding-bottom: 0 !important;
}

header#header .dropdown-menu.show a {
    color: #fff !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    display: block;
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}

header#header .dropdown-menu.show li:hover {
    background: #505d7e !important;
    background: #fff !important;
}

header#header .dropdown-menu.show li:hover a {
    color: #fff;
    text-decoration: none !important;
    color: #902e2e !important;
}

header#header .dropdown-item.active, .dropdown-item:active {
    color: #902e2e !important;
    text-decoration: none;
    background-color: #fff !important;
}

header#header .dropdown-item.active a {
     color: #902e2e !important;
}

.menu-item--expanded,
.menu-item--expanded.dropdown a.dropdown-toggle {
    color: #fff !important;
}

/* Suchformular  */
.js-form-type-search input.form-search {
  width: 30px;
  height: 30px;
  background: #f2f2f2 !important;
   /* background: #fff !important;
    opacity: 0.5 !important; */
  border: none;
  font-size: 1em;
  float: left;
  padding-left: 40px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: width .55s ease;
  -moz-transition: width .55s ease;
  -ms-transition: width .55s ease;
  -o-transition: width .55s ease;
  transition: width .55s ease;
color: #666 !important;
}


#search-block-form .icon {
    left: 20px !important; 
    top: 5px !important;
} 


/* +++++ Mobile Navigation +++++ */

.navbar-toggler-icon {
            background-image: url(
"data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
        }

.navbar-toggler {
   border: 0 none !important; 
  /* border-color: #fff !important; */
}

.navbar-toggler:focus {
    text-decoration: none;
    outline: 0;
    box-shadow: 0 !important;
}

/* +++++ Footer-Navigation Quicklinks  +++++ */

.site-footer .site-footer__top ul {
     padding-left: 0 !important;
    margin-left: -13px !important;
}

.site-footer .site-footer__top li.nav-item {
    display: block !important;
    float: none !important;
    width: 100% !important;
   
}


.site-footer .site-footer__top  .navbar-nav a.nav-link,
.site-footer .site-footer__top a {
     width: 100% !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    padding-bottom: 0em !important;
    color: rgba(255, 255, 255, 0.65) !important; 
    text-decoration: none !important;
}


.site-footer .site-footer__top  .navbar-nav a.nav-link:hover,
.site-footer .site-footer__top a:hover{
    font-weight: 400 !important;
    font-size: 14px !important;
    padding-bottom: 0em !important;
    color: rgba(255, 255, 255, 0.65) !important; 
    color: #fff !important;
    text-decoration: none !important;
}



/* +++++ Footer-Navigation Fusszeile +++++ */

.site-footer .site-footer__bottom .navbar-nav {
 display: flex !important;
  flex-direction: row !important;
}

.site-footer .site-footer__bottom .navbar-nav li {
 margin-right: 1.5em !important;
}

footer.site-footer .site-footer__bottom .navbar-nav li.nav-item a.nav-link {
    font-weight: 400 !important;
     font-size: 16px !important;
     color: #fff !important;
}

footer .nav-link {
     color: #fff !important;
}

footer.site-footer .site-footer__bottom .navbar-nav li.nav-item a:hover {
    text-decoration: underline !important;
}

/* +++++ Footer +++++ */

.site-footer {
      font-family: 'PT Sans', sans-serif !important;
    padding: 35px 0 0 0 !important;
}

.site-footer__top .region {
    width: 26%;
    padding: 0 5.5em 0 0;
}

.site-footer__top {
    padding-bottom: 1.5em !important;
}

.site-footer__bottom .region {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.site-footer__bottom {
    letter-spacing: 0px !important;
     margin-top: 0 !important;
    border-top: 0 !important!;
    padding-top: 0 !important;
padding-bottom: 0 !important;
}

.site-footer .block {
    margin: 20px 0;
    border: none !important;
    border-color: rgba(255, 255, 255, 0.1);
    padding: 0px !important;
}

.region-footer-first #block-claimfooter {
    font-family: 'trebuchet', sans-serif !important;
}


footer.site-footer .container-fluid {
    background: #2e3445 !important;
}

/* Nachrichten */
#block-views-block-aktuelles-aus-der-versicherungswelt-footer .content {
    margin-top: 10px !important;
}

#block-views-block-aktuelles-aus-der-versicherungswelt-footer .content .views-row {
    border-bottom: 1px dotted rgba(255, 255, 255, 0.15);
    margin-bottom: 1em;
    padding-bottom 1em;
    padding-left: 1em !important;
}

#block-views-block-aktuelles-aus-der-versicherungswelt-footer .views-field-created {
    /* font-style: italic !important; */
    margin-bottom: 0 !important;
   
}

#block-views-block-aktuelles-aus-der-versicherungswelt-footer .views-field-title h3 {
    line-height: 0.5em !important;
    margin-top: 0em !important;
}

#block-views-block-aktuelles-aus-der-versicherungswelt-footer .views-field-title h3 a {
         font-weight: 600 !important;
}




/* Kontakt */
.views-field-field-adresse-kontakt {
    padding-left: 1em !important;
    padding-left: 0 !important; /* NEU */
}

/* Special Kontaktseite */

.page-node-74 .views-field-field-adresse-kontakt,
.page-node-57 .views-field-field-adresse-kontakt,
.page-node-2717 .views-field-field-adresse-kontakt,
.node--type-angebotsanfrage .views-field-field-adresse-kontakt {
    padding-left: 1em !important;
}

/* +++++ FAQ-Accordion +++++ */

.view-id-faq {
    margin-top: 2em !important;
}

#page .ui-widget {
  font-family: 'PT Sans', sans-serif !important;
}

.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    padding: 1em 1em 1em 2.25em !important;
    border-top: 0;
    border: 0 !important;
    height: auto !important;
}

 .ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin: 2px 0 0 0;
    padding: 0.5em 0.5em 0.5em 0.7em;
    padding: 1.25em 1.25em 1.25em 0em !important;
    font-size: 110% !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid #ccc !important;
    border-bottom: 1px dashed #e8e0dc !important;
    border-radius: 0 !important;
     font-weight: 600 !important;
} 

.ui-accordion .ui-accordion-header a:hover {
    color: #aac9c5  !important;

}

.ui-accordion-header-active.ui-state-active a {
    color: #2e3445 !important;
}



.ui-accordion .ui-accordion-header a::before {
 font-family: "Font Awesome 5 Free";
    font-weight: 600;
    content: "\f055" !important;
    color: #aac9c5 !important;
    margin-right: 0.75em !important;
    font-size: 120% !important;
}

.ui-accordion-header-active.ui-state-active a::before {
 font-family: "Font Awesome 5 Free";
    font-weight: 600;
    content: "\f056" !important;
    color: #aac9c5  !important;
    margin-right: 0.75em !important;
}


/* +++++ nach Update auf D10: Vanilla-Accordeon +++++ */

.faq-accordion .vvja-item {
    padding: .5em .5em .5em 0em !important;
    border-bottom: 1px dashed #e8e0dc !important;
     color: #2e3445 !important;
}

.faq-accordion .vvja-item.closed .button::before {
 font-family: "Font Awesome 5 Free";
    font-weight: 600;
    content: "\f055" !important;
    color: #aac9c5  !important;
    margin-right: 0.75em !important;
    font-size: 120% !important;
}

.faq-accordion .vvja-item.opened .button::before {
 font-family: "Font Awesome 5 Free";
    font-weight: 600;
    content: "\f056" !important;
    color: #aac9c5  !important;
    margin-right: 0.75em !important;
    font-size: 120% !important;
}


.vvja .vvja-button, .vvja .global-toggle button {
  border: none !important;
    background: transparent !important;
    font-weight: 600 !important;
}

.vvja .vvja-item.opened {
 border: none !important;
    border-radius: 0 !important;
}



/* +++++ Slick Karussel allgemein +++++ */

.slick-prev {
    left: -20px !important;
}

.slick-next {
    right: -20px !important;
}


.slick-prev:before {
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 600;
    content: "\f053" !important;
    
}


.slick-next::before {
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 600;
    content: "\f054" !important;
}

.slick__arrow{
    top: 45% !important;
}

.slick-arrow::before {
    color: #fff !important;
    font-size: 36px;
    font-size: 2.25rem;
    font-size: 1.25rem;
background-color: #902e2e !important;
    padding: 0.3em 0.5em 0.3em 0.5em;
    border-radius: 50% !important;
}

.slick-slide {
    margin-bottom: 2.5em !important;
}

.slick-dots li {
    width: 1px;
    height: 1px;
    margin-right: 10px;
}


.slick-dots li button {
    font-size: 0px;
    line-height: 0;
    display: block;
    width: 20px !important;
    height: 20px !important;
    padding: 5px !important;
    padding: 5px !important;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}


/* +++++ Slick Karussel Logo-Karussel +++++ */

.view-logo-karussel-referenzen {
    margin-top: 1.5em !important;
}

.view-logo-karussel-referenzen .slick__slide.slide {
    background: transparent !important;
 /*   padding: 3em 6em 3em 6em !important; */
    padding: 0 2.5em 0em 2.5em !important;
}


/* +++++ Slick Karussel Testimonails +++++ */

.view-testimonials {
    margin-top: 3em !important;
}

.view-testimonials .slick__slide.slide {
    padding: 3em 6em 3em 6em !important;
    min-height: 600px !important;
}

/* auf hellgrauem Hintergrund */
.bs-bg-hellgrau._none .view-testimonials .slick__slide.slide {
    background: #fff !important;
    padding: 3em 6em 3em 6em !important;
}

/* auf weissem Hintergrund */
._none .view-testimonials .slick__slide.slide {
    background: #f7f7f7  !important;
    padding: 3em 6em 3em 6em !important;
}

.view-testimonials .views-field-field-zitat {
    text-align: center;
    font-weight: 700 !important;
    margin-bottom: 1em !important;
    color: #333 !important;
    font-size: 20px !important;
}

.view-testimonials .views-field-field-weiterer-text {
    text-align: center;
}

.view-testimonials .views-field-field-name-position {
    text-align: center;
     font-weight: 700 !important;
     color: #333 !important;
}

.view-testimonials .views-field-title {
    text-align: center;
}

.view-testimonials .views-field-title a {
   text-decoration: none !important;
}

.view-testimonials .views-field-title a:hover {
   text-decoration: underline !important;
    color: #df0628 !important;
}

.view-testimonials .views-field-field-logo {
   display: flex;
justify-content: center;
} 

.view-testimonials .views-field-field-logo img {
    margin-top: 1em !important;
}


/* +++++ Slick-KarusselTeam +++++ */

.view-team-karussel {
    margin-top: 2em !important;
    margin-bottom: 3em !important;
}

.view-team-karussel .form-checkboxes.bef-checkboxes {
    margin-bottom: 1.5em !important;
}

.view-team-karussel .form-checkboxes.bef-checkboxes li {
    display: inline-block !important;
    margin-right: 1em !important;
    text-transform: uppercase;
    font-weight: 600;
} 

.view-team-karussel .form-check-input:checked {
    background-color: #df0628 !important;
    border-color: #df0628 !important;
}

.view-team-karussel .views-field-title {
    margin-top: 1.5em;
}

.view-team-karussel .views-field-field-gruppe {
    font-size: 12px;
    margin-bottom: 1.25em;
    font-weight: 600 !important;
    color: #333;
    text-transform: uppercase;
}

.view-team-karussel h3 {
    color: #505d7e !important;
    margin-bottom: 0.2em;
    font-size: 18px !important;
    font-weight: 400 !important;
}


.view-team-karussel .slick__slide {
    padding: 0 2.25em 0 2.25em !important;
    margin-bottom: 2em !important;
 text-align: left !important;
}


.view-team-karussel .views-field-field-inhaltsbereich a {
    text-decoration: none !important;
}

/* Bildwechsel Mouseover */

.view-team-karussel .portrait {
    position: relative;
    min-height: 250px !important;
}

.view-team-karussel .portrait .illu {
  position: absolute; 
    top: 0;
    left: 0;
}


.view-team-karussel .portrait .foto {
  position: absolute; 
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    object-fit: contain;
    opacity: 0;
    transition: opacity .5s;

}

.view-team-karussel .portrait .foto:hover {
     opacity: 1 !important;
}



/* +++++ nach Update D10: Vanilla Carousel +++++ */

/* Testimonal-Karussel */

.testimonial-carousel .vvjb-item {
    background-color: #fff !important;
    padding: 3.5rem 3rem 3.5rem 3rem !important;
}

/* Team-Carousel */

.testimonial-carousel .vvjb-item {
    background-color: #fff !important;
    padding: 3rem !important;
}

/* Pfeil-Navigation */

.svg-prev,
.svg-next {
    color: #fff !important;
    background-color: #902e2e !important;
    border: none !important;
    opacity: 1 !important;
}

.vvjb-button {
      background-color: #902e2e !important;
      padding: 5px !important;
}

.vvjb .vvjb-carousel-dot {
    all: unset;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 2px solid #902e2e !important;
    background-color: transparent;
    cursor: pointer;
    padding: 0;
    margin: 0;
    opacity: 0.5;
    transition: all 0.3s ease;
}

.vvjb .vvjb-carousel-options .vvjb-button {
    all: unset;
    width: 30px;
    height: 30px;
    background: #902e2e !important;
    border: none !important;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin: 0;
    transition: all 0.3s ease;
    color: #fff;
    backdrop-filter: blur(0px) !important;
}

.vvjb .vvjb-carousel-dot.active-slide {
    background-color: #902e2e !important;
    opacity: 1;
    animation: vvjb-heartbeat 2s ease-in-out infinite;
}
/* +++++ Webform +++++ */

.captcha {
    margin-top: 2em !important;
}


/* ++++++++++ Seite + View Publiziertes ++++++++++ */

.page-node-76 #main-wrapper {
    background: #f7f7f7 !important;
}



.view-publiziertes-uebersicht {
    margin-bottom: 4em;
}



.views-field-field-inhaltsbereich-pub {
    background: #fff; 
    margin-right: 20px;
    margin-bottom: 20px;
}

.views-field-field-inhaltsbereich-pub .col-9 {
    padding-top: 2em;
}



/* ++++++++ Seite Nachrichten Uebersicht +++++++ */

.view-aktuelles-aus-der-versicherungswelt-uebersicht {
    margin-bottom: 5em;
}

.view-aktuelles-aus-der-versicherungswelt-uebersicht a {
    text-decoration: none !important;
    color: #333 !important;
}

.view-aktuelles-aus-der-versicherungswelt-uebersicht .views-col h3 {
     color: #505d7e !important;
    
}
 

.view-aktuelles-aus-der-versicherungswelt-uebersicht .views-col .views-field {
    background: #fff !important;
    margin-right: 25px;
    margin-bottom: 25px;
    min-height: 275px;
    position: relative;
}


.view-aktuelles-aus-der-versicherungswelt-uebersicht .views-col .teaser-inner {
    padding: 30px 40px 0 40px;
}

.view-aktuelles-aus-der-versicherungswelt-uebersicht h3 a {
    text-decoration: none !important;
}

.view-aktuelles-aus-der-versicherungswelt-uebersicht .views-col .read-more {
    position: absolute;
    right: 20px;
    bottom: 15px !important;
}

.view-aktuelles-aus-der-versicherungswelt-uebersicht .views-col .read-more::after {
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 600;
    content: "\f0a9" !important;
    font-size: 32px;
    color:  #abd4a3 !important;
    color: #902e2e !important;
}





/* ++++++++ Node Aktuelles aus der Versicherungswelt +++++++ */

.node--type-aktuelles article {
    margin-bottom: 5em !important;
}


.node--type-aktuelles .node__meta {
    font-size: 18px;
    margin-bottom: 1em;
  font-weight: 600;
}

.node--type-aktuelles main#content h2 {
    font-size: 28px !important;
    font-weight: 500 !important;
    line-height: 1.25em !important;
     color: #333;
      color: #505d7e;
     margin-bottom: 0.5em !important;
}

.node--type-aktuelles .node__meta {
   margin-top: 1.5em !important;
}



/* ++++++++ Seite Blog Uebersicht +++++++ */

.view-blog-uebersicht- {
    margin-bottom: 5em;
}

.view-blog-uebersicht- a {
    text-decoration: none !important;
    color: #333 !important;
}

.view-blog-uebersicht- .views-col h3 a {
     color: #505d7e !important;
}
 

.view-blog-uebersicht- .views-col .views-field {
    background: #fff !important;
    margin-right: 25px;
    margin-bottom: 25px;
    min-height: 275px;
    position: relative;
}


.view-blog-uebersicht- .views-col .teaser-inner {
    padding: 30px 40px 40px 40px;
}

.view-blog-uebersicht- h3 a {
    text-decoration: none !important;
}

.view-blog-uebersicht- .views-col .read-more {
    position: absolute;
    right: 20px;
    bottom: 15px !important;
}

.view-blog-uebersicht- .views-col .read-more::after {
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 600;
    content: "\f0a9" !important;
    font-size: 32px;
    color:  #abd4a3 !important;
    color: #902e2e !important;
}

.view-blog-uebersicht- .field--type-image {
  margin: 0 0em 0 0 !important;
}


/* Blog node */

.node--type-blog .featured-top {
    padding-bottom: 0 !important;
}

.node--type-blog .featured-top .container {
    background: #fff !important;
    padding: 1rem 2rem 1rem 2rem !important;
  max-width: 1200px !important; 
}

.node--type-blog  .blog-meta {
    border-top: 1px dashed #e8e0dc;
    border-bottom: 1px dashed #e8e0dc;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
     max-width: 1200px;
}


.node--type-blog .field--name-field-datum::before {
    font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f073";
    padding-right: 0.5rem;
    color: #505d7e !important;
}

.node--type-blog .field--name-field-autor-in::before {
    font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f4ff";
    padding-right: 0.5rem;
    color: #505d7e !important;
}

.node--type-blog .field--name-field-teaser{
    font-weight: 700;
    padding-top: 1.5rem;
    font-size: 110%;
}


.node--type-blog .blog-foto img {
margin-bottom: 2.5rem;
}

.node--type-blog .field--name-field-media-image img {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}


@media (min-width: 1200px) {
.node--type-blog main#content{
    padding: 0 5.5rem 3rem 5.5rem;
}
}




/* ++++++++ Seite Angebotsanfrage Uebersicht +++++++ */

.page-node-103 #main-wrapper {
    background: #f7f7f7 !important;
}

.view-angebotsanfrage-teaser {
    margin-bottom: 5em;
}

.view-angebotsanfrage-teaser .views-col .views-field {
    background: #fff !important;
    margin-right: 25px;
    margin-bottom: 25px;
    min-height: 540px;
    position: relative;
}


.view-angebotsanfrage-teaser .views-col .teaser-inner {
    padding: 30px 40px 0 40px;
}

.view-angebotsanfrage-teaser a {
    text-decoration: none !important;
    color: #333 !important;
}

.view-angebotsanfrage-teaser .teaser-image {
      display: flex;
    justify-content: center;
}


.view-angebotsanfrage-teaser .views-col h3 {
     color: #505d7e !important;
    
}
 
.view-angebotsanfrage-teaser .views-col .read-more {
    position: absolute;
    right: 20px;
    bottom: 15px !important;
}

.view-angebotsanfrage-teaser .views-col .read-more::after {
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 600;
    content: "\f0a9" !important;
    font-size: 32px;
    color:  #abd4a3 !important;
    color: #e3022d !important;
    color: #902e2e !important;
}




/* +++++++ Node Angebotsanfrage Intro-Bloecke +++++ */

.node--type-angebotsanfrage-intro-bloecke- .container.intro {
    padding: 3em 0 3em 0 !important;
}

.node--type-angebotsanfrage-intro-bloecke-  .field--name-field-inhaltsbereich {
    padding-top: 1.5em;
}

.node--type-angebotsanfrage-intro-bloecke- .container-fluid.angebotsanfragen {
    background: #f7f7f7 !important;
}

.node--type-angebotsanfrage-intro-bloecke- .region-angebotsanfragen {
     
}

.node--type-angebotsanfrage-intro-bloecke- .block-views-blockangebotsanfrage-risikoanlaysen-block-1,
.node--type-angebotsanfrage-intro-bloecke- .block-views-blockangebotsanfrage-beratungsanlaesse-block-1  {
   margin-bottom: 5em !important;
    margin-top: 3em !important;
}

.node--type-angebotsanfrage-intro-bloecke- .view-angebotsanfrage-risikoanlaysen .views-col .views-field,
.node--type-angebotsanfrage-intro-bloecke- .view-angebotsanfrage-beratungsanlaesse .views-col .views-field {
    background: #fff !important;
    margin-right: 25px;
    margin-bottom: 25px;
    min-height: 380px;
    position: relative;
}

.node--type-angebotsanfrage-intro-bloecke- .view-angebotsanfrage-risikoanlaysen .teaser-image,
.node--type-angebotsanfrage-intro-bloecke- .view-angebotsanfrage-beratungsanlaesse .teaser-image {
      display: flex;
    justify-content: center;
}

.node--type-angebotsanfrage-intro-bloecke- .view-angebotsanfrage-risikoanlaysen .teaser-image img,
.node--type-angebotsanfrage-intro-bloecke- .view-angebotsanfrage-beratungsanlaesse .teaser-image img {
max-width: 100%;
    height: auto;
}


.node--type-angebotsanfrage-intro-bloecke- .view-angebotsanfrage-risikoanlaysen .views-col h3,
.node--type-angebotsanfrage-intro-bloecke- .view-angebotsanfrage-beratungsanlaesse .views-col h3 {
     color: #e3022d !important;
    color: #902e2e !important;
    color: #505d7e !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    text-align: center !important;
}

.node--type-angebotsanfrage-intro-bloecke- .view-angebotsanfrage-risikoanlaysen .views-col .teaser-inner,
.node--type-angebotsanfrage-intro-bloecke- .view-angebotsanfrage-beratungsanlaesse .views-col .teaser-inner {
    padding: 30px 20px 0 20px;
}

.node--type-angebotsanfrage-intro-bloecke- .view-angebotsanfrage-risikoanlaysen a,
.node--type-angebotsanfrage-intro-bloecke- .view-angebotsanfrage-beratungsanlaesse a {
    text-decoration: none !important;
    color: #333 !important;
}

.node--type-angebotsanfrage-intro-bloecke- .view-angebotsanfrage-risikoanlaysen .teaser-image,
.node--type-angebotsanfrage-intro-bloecke- .view-angebotsanfrage-beratungsanlaesse .teaser-image {
      display: flex;
    justify-content: center;
}

.node--type-angebotsanfrage-intro-bloecke- .view-angebotsanfrage-risikoanlaysen .views-col .read-more,
.node--type-angebotsanfrage-intro-bloecke- .view-angebotsanfrage-beratungsanlaesse .views-col .read-more {
    position: absolute;
    right: 20px;
    bottom: 15px !important;
}

.node--type-angebotsanfrage-intro-bloecke- .view-angebotsanfrage-risikoanlaysen .views-col .read-more::after,
.node--type-angebotsanfrage-intro-bloecke- .view-angebotsanfrage-beratungsanlaesse .views-col .read-more::after {
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 600;
    content: "\f0a9" !important;
    font-size: 32px;
    color:  #abd4a3 !important;
    color: #e3022d !important;
    color: #902e2e !important;
}



/* +++++ Node Angebotsanfrage +++++ */

.node--type-angebotsanfrage .row>* {
    padding-right: calc(var(--bs-gutter-x) * .0);
    padding-left: calc(var(--bs-gutter-x) * 0);
    
}

.node--type-angebotsanfrage main {
     background: #e8e0dc !important;
}

.node--type-angebotsanfrage .container.intro {
    padding-top: 3em !important;
    padding-bottom: 3em !important;
    margin-top: -1em !important;
    padding-top: 0em !important;
    padding-bottom: 0.5em !important;
   
}

.node--type-angebotsanfrage .field--name-field-inhaltsbereich {
    padding-top: 1.5em;
}

.node--type-angebotsanfrage .container-fluid.formular {
    background: #f7f7f7 !important;
    padding-top: 3em;
      padding-top: 1.5em;
    padding-bottom: 5em;
}

.node--type-angebotsanfrage .block-views-blockangebotsanfrage-risikoanlaysen-block-1 {
    margin-bottom: 5em;
    margin-top: 3em;
}


.node--type-angebotsanfrage  .container-fluid.formular form {
    border: 1px solid #f9f9f9;
       border: 1px solid #fff;
    border-radius: 8px;
    padding: 4em 5em 4em 5em;
    padding: 1em 5em 4em 5em;
    background: #f0f0f0;
}




/* ++++++++ Seite Links + View Mitgliedschaften + View Kooperationspartner ++++++++++ */

.page-node-87 #main-wrapper {
    background: #f7f7f7 !important;
}

.page-node-87 #main-wrapper h2 {
    margin-bottom: 1em;
    font-size: 36px!important;
}

.view-mitgliedschaften-uebersicht,
.block-views-blockkooperationspartner-uebersicht-block-1 {
    margin-bottom: 5em;
}



.view-mitgliedschaften-uebersicht .views-col .inhaltsbereich-links,
.block-views-blockkooperationspartner-uebersicht-block-1 .views-col .inhaltsbereich-links {
    background: #fff; 
    margin-right: 20px;
    margin-bottom: 20px;
    min-height: 200px;
    padding: 1.5em;
   
}


.view-mitgliedschaften-uebersicht .views-col .inhaltsbereich-links .logo,
.block-views-blockkooperationspartner-uebersicht-block-1 .views-col .inhaltsbereich-links .logo {
      display: flex;
    justify-content: center;
}

.view-mitgliedschaften-uebersicht .views-col .inhaltsbereich-links img,
.block-views-blockkooperationspartner-uebersicht-block-1 .inhaltsbereich-links img {
 text-align: center !important;
    margin-bottom: 1.5em;   
}

main#content .view-mitgliedschaften-uebersicht .views-col .inhaltsbereich-links h3,
main#content .block-views-blockkooperationspartner-uebersicht-block-1 .views-col .inhaltsbereich-links h3 {
 text-align: center !important;
    margin-bottom: 1.5;
    font-size: 16px !important;
}

.view-mitgliedschaften-uebersicht .views-col a,
.block-views-blockkooperationspartner-uebersicht-block-1 .views-col a {
    text-decoration: none !important;
}





/* +++++++++ Formulare +++++++++ */

main#content form h3 {
    font-size: 24px !important;
    color: #e3022d !important;
     color: #902e2e !important;
   
}

main#content form h3.webform-section-title {
     margin-bottom: 1em !important;
}

form legend,
form label {
     font-size: 18px !important;
     font-weight: 600 !important;
     margin-bottom: 0.4em !important;
}

form label.form-check-label {
    font-weight: 400 !important;
}

.mb-3 {
    margin-bottom: 1.5em !important;
}

form .webform-button--submit {
    margin-top: 2em !important;
}


form.webform-submission-form .form-required::after {
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 600;
    content: "\2a" !important;
    font-size: 20px;
    color:  #abd4a3 !important;
    color: #e3022d !important;
     color: #902e2e !important;
}

/* Neu nach Update */
.form-required::after {
    background-image: none !important;
}

form p {
    margin-bottom: 0.25em !important;
}

form p strong,
form p b {
    font-weight: 600 !important;
}

form img {
    margin-bottom: 1em !important;
}

form .form-type-processed-text,
form .form-type-webform-markup {
    margin-bottom: 0.5em !important;
}

/* Captcha */
form .form-item-captcha-response label {
    font-size: .875em !important;
    font-weight: 400 !important;
}

form details summary {
    font-weight: 600 !important;
}

form .form-check-input:checked {
    background-color: #abd4a3;
    border-color: #abd4a3;
}

/* help */

form .webform-element-help {
    background: #abd4a3 !important;
    border-color: #abd4a3 !important;
}


/* Sektionen*/

form section {
    margin-bottom: 3em !important;
    padding-bottom: 1.5em !important;
    border-bottom: 3px dotted #ccc;
}

/* Progress Bar */
.progress-step .progress-text {
    font-size: 90% !important;
}

.progress-step .progress-marker {
  font-family: arial, sans-serif !important;
}

.progress-step.is-active .progress-marker::before {
  background-color:  #abd4a3 !important;
}

.webform-progress-tracker .progress-step.is-complete .progress-marker::before {
background-color: #abd4a3 !important;
}

.webform-progress-tracker .progress-step.is-complete .progress-marker::after {
background-color: #abd4a3 !important;
}


#webform-submission-risikoanalyse-kfz-node-104-add-form button.webform-button--submit {
display: block !important;
text-align: center !important;
}


/*++++++ Nav-Tabs +++++++ */

.nav-tabs .nav-link {
    color:  #e3022d !important;
}

.nav-tabs .nav-link.active {
    color: #333 !important;
}


/* ******** Video +++++++++ */

video {
    max-width: 100% !important;
    height: auto;
    text-align: center !important;
}



/* ++++++ Suchergebnisse +++++ */

.path-search main {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
}

.path-search main h2 {
    margin-bottom: 25px !important;
}

.path-search main form.search-form {
    display: none !important;
}


.path-search main .list-group-item {
    border: none !important;
    border-bottom: 1px dotted #ccc !important;
    margin-bottom: 15px !important;
}

.path-search main .list-group-item em {
    display: none !important;
}


/* +++++ EBT Counter +++++ */

/* +++++ EBT Counter +++++ */

.ebt-block-counter h3 {
    text-align: center !important;
}

.ebt-counter-number {
    font-size: 56px !important;
    color: #902e2e !important;
    margin-bottom: 0 !important;
}

.ebt-counter-content {
    background: transparent !important;
    text-align: center;
    overflow-wrap: break-word;
    padding: 0px !important;
}

.ebt-counter-two_columns .ebt-container .field--name-field-ebt-counter-items {
    display: grid;
    display: block !important;
    justify-content: space-between;
    grid-template-columns: 1fr 1fr;
    grid-row-gap: 0px !important;
    grid-column-gap: 0px !important;
    margin-bottom: 3rem !important;
}

/* +++++ Cookie-Banner +++++ */

.cookiesjsr-banner--info {
    padding: 1.5em !important;
}



body #cookiesjsr {
      --default-margin: 1.25em;
      --font-size-reset: 1rem;

      --btn-font-color: #FFF;
      --btn-border-color: #FFF;
      --btn-bg-color: #505d7e;
      --btn-prime-font-color: #505d7e;
      --btn-prime-border-color: #FFF;
      --btn-prime-bg-color: #FFF;
      --btn-inv-font-color: #505d7e;
      --btn-inv-border-color: #505d7e;
      --btn-inv-bg-color: #FFF;
      --btn-prime-inv-font-color: #FFF;
      --btn-prime-inv-border-color: #505d7e;
      --btn-prime-inv-bg-color: #505d7e;

      --link-list-font-color: #FFF;
      --link-list-separator-color: #FFF;

      --banner-logo-offset: 100px;
      --banner-bg-color: #004c93;
     --banner-bg-color: #999;
      --banner-font-color: #FFF;

      --layer-header-height: 3.5em;
      --layer-header-bg-color: #FFF;
      --layer-header-font-color: #505d7e;
      --layer-body-bg-color: #FFF;
      --layer-tab-bg-color: #FFF;
      --layer-tab-font-color:#902e2e;
      --layer-tab-active-bg-color: #505d7e;
      --layer-tab-active-font-color: #FFF;
      --layer-bg-dark: #004c93;
      --layer-font-light: #FFF;
      --layer-font-dark: #000f37;
      --layer-border-color: #e4e5e6;
      --layer-footer-bg-color: #FFF;
      --layer-footer-font-color: #999;
      --layer-footer-height: 4.5em;

      --switch-border-color: #e4e5e6;
      --switch-handle-color: #FFF;
      --switch-bg-off: #FFF;
      --switch-bg-on: #8ABB87;
      --switch-width: 45px;
      --switch-height: 20px;
      --switch-always-on-font-color: #505d7e;
      --switch-always-on-bg-color: #FFF;
   }


/* +++++ Media Queries +++++ */

@media (min-width: 1400px) {

/* Test kleineres Headerbild */
.field--name-field-header-bild img {
    width: 85% !important;
    height: auto;
}

}



@media (min-width: 1400px) {
.site-footer .container, .site-footer .container-lg, .site-footer .container-md, .site-footer .container-sm, .site-footer .container-xl, .site-footer .container-xxl {
 /*  max-width: 1320px !important; */
    /*  max-width: 1600px !important; */
    max-width: 1080px !important;
}
}


@media (max-width: 980px) {
    
    .content h1.title {
    font-size: 36px !important;
}
    
    main#content h1 {
       
        font-size: 36px !important; 
    }
    
    main#content h2 {
   
     font-size: 36px !important; 
}  
    
     .views-col {
        width: 100% !important;
    }
    
    
.node--type-angebotsanfrage  .container-fluid.formular form {
    padding: 1.5em !important;
}


}


@media (min-width: 560px) and (max-width: 850px) {
    
    .site-footer__top .region {
    width: 100% !important;
    padding: 0 !important;
}
}



@media (max-width: 768px) {
    
        .content h1.title {
    font-size: 28px !important;
}
    
     main#content h1 {
      
        font-size: 28px !important; 
    }
    
    
    main#content h2 {
    font-size: 28px !important; 
 
} 
    
    main#content h3 {
    font-size: 28px !important; 
  
} 
    
    
    .views-col {
        width: 100% !important;
    }
    
     footer.site-footer .container {
        padding-left: 25px !important;
        padding-right: 25px !important;
    }
    
    .region-footer-first {width: 100% !important;}
    .region-footer-second {width: 100% !important;}
    .region-footer-third {width: 100% !important;}
    .region-footer-fourth {width: 100% !important;}
    
}



@media (max-width: 560px) {
    
    .navbar-brand img {
    width: 90% !important;
    height: auto;
    width: 230px !important;
}
    
        .content h1.title {
    font-size: 28px !important;
}

    main#content h1 {
      
        font-size: 24px !important; 
    }
    
   main#content h2 {
     font-size: 24px !important; 
   
} 
    
.node--type-aktuelles main#content h2 {
        font-size: 22px !important; 
    }
    
    main#content h3 {
     font-size: 20px !important; 
  
} 
    
.node--type-flexible-seite-bild-text-header .text-spalte {
    padding-right: 0em !important;
}
    
.node--type-flexible-seite-bild-text-header .page-hero .layout.row.layout-builder__layout  {
   padding-top: 1.5em !important;
    padding-bottom: 1em !important;
    }
    
.page-hero .block-field-blocknodeflexible-seite-bild-text-headerfield-button {
        padding-bottom: 1.5em !important;
    }
    
/* Kontakt */
.views-field-field-adresse-kontakt {
    padding-left: 0em !important;
}
    
.node--type-team .views-field-field-adresse-kontakt {
    padding-left: 1em !important;
}

.site-footer .site-footer__top a {
        line-height: 1.25em !important;
    }

/* Checkliste mit Icons */
.bs-pr-5 {padding-right: 0 !important;}
.bs-pr-5 {padding-left: 0 !important;}


/* Testimonials */

.bs-bg-hellgrau._none .view-testimonials .slick__slide.slide {
    padding: 1.5em 1.5em 1.5em 1.5em !important;
}

/* auf weissem Hintergrund */
._none .view-testimonials .slick__slide.slide {
  padding: 1.5em 1.5em 1.5em 1.5em !important;
}

.view-testimonials .views-field-field-zitat {
    font-size: 16px !important;
}

.views-field-field-name-position {
    font-size: 14px !important;
}

/* Accordion */

.ui-accordion .ui-accordion-content {
    padding: 1em 1em 1em 1em !important;
}

 .ui-accordion .ui-accordion-header {
    padding: 1.25em 1.25em 1.25em 0em !important;
    font-size: 95% !important;
} 

ul.timeline-list.alternate li.timeline-item .timeline-item-wrapper {
    width: 90%;
    z-index: 100 !important;   
} 

main#content .timeline-list .timeline-item h3 {
    font-size: 20px !important;
}

.timeline-item .views-field.views-field-field-beschreibung p{
    font-size: 16px !important;
}
    
/* Team -Karussel */
    
.view-team-karussel .views-field-field-foto img {
       margin-left: 25% !important;
    margin-right: 25% !important;
    }
    
.view-team-karussel .views-field-title {
    padding-left: 1.5em !important;
    padding-right: 1.5em !important;
}

.view-team-karussel .views-field-field-gruppe {
    padding-left: 2em !important;
    padding-right: 2em !important;
}
    
.view-team-karussel .views-field-field-inhaltsbereich {
    padding-left: 1.5em !important;
    padding-right: 1.5em !important;
}
 
    
    
    
}