/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/open-sans-v26-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v26-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v26-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v26-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v26-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v26-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
  font-display: swap;
}
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v26-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v26-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v26-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v26-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v26-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v26-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
  font-display: swap;
}
/* open-sans-500 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/open-sans-v26-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v26-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v26-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v26-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v26-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v26-latin-500.svg#OpenSans') format('svg'); /* Legacy iOS */
  font-display: swap;
}
/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/open-sans-v26-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v26-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v26-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v26-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v26-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v26-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
  font-display: swap;
}
/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/open-sans-v26-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v26-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v26-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v26-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v26-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v26-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
  font-display: swap;
}
/* open-sans-800 - 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: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/open-sans-v44-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/barlow-v12-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-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: 'Barlow';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/barlow-v12-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-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: 'Barlow';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/barlow-v12-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/barlow-v12-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-500italic - 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: 'Barlow';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/barlow-v12-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/barlow-v12-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-600italic - 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: 'Barlow';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/barlow-v12-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-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: 'Barlow';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/barlow-v12-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-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: 'Barlow';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/barlow-v12-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-800 - 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: 'Barlow';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/barlow-v12-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-800italic - 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: 'Barlow';
  font-style: italic;
  font-weight: 800;
  src: url('../fonts/barlow-v12-latin-800italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-900 - 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: 'Barlow';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/barlow-v12-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
:root {
  --white: #ffffff;
  --blue: #1e283f;
  --green: #00f372;
  --lightgrey: #ededed;
  --grey: #222222;
  --opensans: 'Open Sans';
  --barlow: 'Barlow'; 
}

/* Reset unusual Firefox-on-Android default style, see https://github.com/necolas/normalize.css/issues/214*/
@media (max-width: 991px) { .form-text, .form-search, .form-textarea, .block-superfish select, .block-search .form-submit { background-image: none; } }

html,
body {
    scroll-behavior: smooth;
}

div#main-content {
    background: var(--white);
}

div#page {
    overflow: hidden;
}

body {
    padding-top: 0px !important;
}

body { color: var(--grey); font-family: var(--opensans), sans-serif; font-size: 19px; line-height: 1.4em; }

p { margin: 0 0 15px; padding: 0; }

.paragraph.paragraph--type--textbereich p:last-child {
    margin-bottom: 0px;
}

a { color: var(--green); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; 
-o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

a:hover { color: var(--green);text-decoration: underline;  }

a:focus { color: var(--green);outline: none; text-decoration: none; }

blockquote { margin: 40px 40px 24px; border-left: none; padding: 0; position: relative; color: #999; }

blockquote::before { content: "\201C"; display: block; font-size: 30px; left: -20px; top: 5px; position: absolute;  }

blockquote p { font-size: 14px; line-height: 160%; font-weight: 400; }

img { display: block; height: auto; max-width: 100%; }

#pre-header { color:#aaaaaa; }

#bottom-content { color: var(--white); }

/*Heading*/
h1, h2, h3, h4, h5, h6 { font-weight: 700; line-height: 120%; padding: 0; margin: 20px 0 10px 0; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #444; }

h1 { font-size: 32px }

h2 { font-size: 28px;
    margin-bottom: 20px; }

h3 { font-size: 24px; color: var(--blue); }

h4 { font-size: 20px }

h5 { font-size: 18px }

h6 { font-size: 16px }

.info-text h1,
.info-text h2,
.info-text h4 {
    color: var(--blue)
    }

h1.page-title { font-size: 32px; }

.cta-big {
    color: var(--white);
    background: var(--blue);
    padding: 35px 25px 35px 25px;
    border-radius: 30px;
    align-items: center;
}

.cta-big.center h2,
h2.borderbot.aleft {
    font-family: var(--barlow);
    font-size: 42px;
    font-style: italic;
    color: var(--blue);
}

.cta-big.center h2 {
    color: var(--white);
    margin-bottom: 10px;
}

h2#leistungen {
    scroll-margin-top: 60px;
}

h3#kontakt {
    scroll-margin-top: 60px;
}

.pdt30 {
    padding-top: 30px;
}

.pdt40 {
    padding-top: 40px;
}

.pdt65 {
    padding-top: 65px;
}

.pdb65 {
    padding-bottom: 65px;
}

.max75 {
    max-width: 75%;
}

span.white {
    color: #fff;
}

.title-sep, #pre-header h2, #promoted h2, .sidebar h2, #footer h2 { clear: both; font-size: 16px; margin-bottom: 40px; position: relative; }

.title-sep:after, #pre-header h2:after, #promoted h2:after, .sidebar h2:after, #footer h2:after { background-color: var(--green); content: ""; display: block; height: 4px; width: 40px; 
position: absolute; bottom: -15px; left: 0; }

.title-sep .glyphicon { font-size: 13px; padding-right: 18px; }

.path-node #content-wrapper h1.page-title { margin: 0; padding: 20px 40px 0; }
.btnfive {
    text-align: center;
}

a.first.fivebtn {
    margin-left: 0px;
}

a.last.fivebtn {
    margin-right: 0px;
}

a.fivebtn {
    width: 193px;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    padding: 10px;
    background: #377a5c;
    margin: 0px 10px;
    color: var(--white);
    font-size: 19px;
    line-height: 1.4;
    min-height: 151px;
    margin-bottom: 20px;
    border-radius: 4px;
}
a.fivebtn:hover {
    background: #377a5c;
    text-decoration: none;
    opacity: 0.85;
}
.field__item {
    margin: 10px 0px;
}

.paragraph h2:first-child, 
.paragraph h3:first-child {
    margin-top: 0px;
}


.field.field--name-field-addparagraph .field.field--name-field-text-links,
.field.field--name-field-addparagraph .field.field--name-field-bild-links,
.field.field--name-field-col1.field--type-text-long.field--label-hidden.field__item {
    display: inline-block;
    width: calc(50% - 23px);
    margin-right: 20px;
        vertical-align: top;
}

.field.field--name-field-addparagraph .field.field--name-field-bild-rechts,
.field.field--name-field-addparagraph .field.field--name-field-text-rechts,
.field.field--name-field-col2.field--type-text-long.field--label-hidden.field__item {
    display: inline-block;
    width: calc(50% - 23px);
    margin-left: 20px;
        vertical-align: top;
}
div#main-content .node__content.clearfix {
    padding: 0px;
}

div#main-content {
    padding-top: 0px;
}

.container1600 {
    max-width: 1600px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px;
    padding-left: 15px;
}

.container2000 {
    max-width: 2000px;
    margin-right: auto;
    margin-left: auto;
}

.webform-submission-rueckrufservice-form div#edit-processed-text {
    font-size: 20px;
    margin-top: 5px;
    margin-bottom: 2px;
}

.webform-submission-rueckrufservice-form div#edit-actions {
}

.field-left {
    width: calc(50% - 10px);
    margin-right: 7px;
    margin-bottom: 0px!important;
    display: inline-block;
    vertical-align: top;
}

.field-right {
    width: calc(50% - 9px);
    margin-left: 7px;
    margin-bottom: 0px!important;
    display: inline-block;
    vertical-align: top;
}

body.exclude-node-title .node header {
    padding: 0px!important;
}

body.exclude-node-title div#block-bootstrap-business-page-title {
    padding: 0px;
}

.paragraph.paragraph--type--formular {
    padding: 50px 0px;
    background: #ffb482;
}

.field.field--name-field-addparagraph .field__item {
    margin: 0px;
}

.paragraph.paragraph--type--faq {
    color: var(--white);
    background: var(--blue);
    padding: 65px 0px 65px 0px;
}

.paragraph.paragraph--type--faq h2 {
    color: var(--white);
}

.paragraph.paragraph--type--twoblocks {
    padding: 65px 0px;
}

.paragraph.paragraph--type--faq .ui-accordion .ui-accordion-header {
    color: var(--blue) !important;
    display: block;
    cursor: pointer;
    position: relative;
    margin: 15px 0 0 0px;
    padding: 10px 10px 10px 43px;
    font-size: 19px;
    line-height: 1.4;
    border: 2px solid var(--green);
    border-radius: 100px;
    background: var(--green);
}

.paragraph.paragraph--type--faq .ui-accordion .ui-accordion-content {
	color: var(--white);
	line-height: 1.5em;
    border: 2px solid var(--white);
    border-radius: 15px;
    overflow: auto;
    margin-top: 15px;
    padding: 15px 15px 15px 43px;
    background: transparent;
}

.paragraph.paragraph--type--faq .ui-state-active {
    color: var(--blue)!important;
    box-shadow: none!important;
    background: var(--white)!important;
    border-color: var(--white)!important;
}

.paragraph.paragraph--type--faq .ui-accordion .ui-accordion-header:hover {
    color: var(--blue);
    background: var(--white)!important;
    border-color: var(--white)!important;
}

.paragraph.paragraph--type--faq span.ui-accordion-header-icon {
    background-image: none!important;
    display: none;
}

.paragraph.paragraph--type--faq h3.ui-state-default:before {
    content: "\f067";
	font-family: 'Font Awesome 5 Free';
    font-weight: bold;
    position: absolute;
    left: 15px;
    top: 10px;
}

.paragraph.paragraph--type--faq h3.ui-accordion-header-active:before {
    content: "\f068";
}

hr.hrleft {
    height: 1px;
    background-color: var(--blue);
    border: 0;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: -40px;
}

ul.blv {
    float: left;
    list-style: none !important;
    margin-left: 40px;
    margin-top: -10px;
    padding: 0 0px 60px;
    /*max-width: calc(100% - 60px);*/
}

ul.blv li.fa.fa-check {
    font-family: var(--opensans);
    font-weight: 700;
    font-size: 20px;
    padding: 15px;
    /* max-width: calc(100% - 20px); */
    /* width: 100%; */
}

ul.blv .fa-check:before {
    content: "\f00c";
    font-family: 'Font Awesome 5 Free';
    color: var(--green);
    font-size: 28px;
    font-weight: 600;
    margin-right: 15px;
    margin-left: -42px;
}

a.testi:after {
    content: "";
    position: absolute;
    display: inline-block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.hovcontin2 {
    text-align: center;
    font-size: 24px;
    z-index: 444;
    position: absolute;
    top: calc(50% - 34px);
    right: 0;
    left: 0;
}

.hovercontin2bg {
    padding: 8px 25px;
    background: rgb(60 60 60 / 75%);
    border-radius: 6px;
    display: inline-block;
}

span.hovcontin li:before {
    color: var(--white)!important;
}


span.testicust {
    font-size: 24px;
    font-weight: bold;
    color: var(--white);
    width: 100%;
    margin-bottom: 0px;
}

span.testitype {
    font-size: 13px;
    line-height: 1em;
    color: var(--white);
    position: relative;
    z-index: 444;
    width: auto;
    display: block;
    margin-top: 10px;
    margin-bottom: 3px;
}

.field.field--name-field-faq.field--type-faqfield {
    width: calc(60% - 20px);
    display: inline-block;
    vertical-align: top;
    margin-right: 20px;
}

.field.field--name-field-addparagraph .field.field--name-field-faq-text-rechts {
    width: calc(40% - 25px);
    display: inline-block;
    vertical-align: top;
    margin-top: 12px;
    margin-left: 20px;
}

.paragraph.paragraph--type--testimonials {
    padding: 65px 0px;
    background: var(--white);
}

.paragraph.paragraph--type--textbereichbgcolor {
    /*background-image: linear-gradient(90deg,rgb(212 212 212) 2%,rgb(230 230 230) 100%);*/
    background: var(--lightgrey);
    padding: 65px 0px;
}

.paragraph.paragraph--type--textbereichbgcolor1600 {
    background: var(--lightgrey);
    padding: 65px 0px;
}

.paragraph.paragraph--type--textbereichbgcolor3200 {
    background: var(--blue);
    padding: 65px 0px;
}

.paragraph.paragraph--type--textbereichbgcolor3200 a.bbox-light.fourbxx {
    background: #27334b;
}

.paragraph.paragraph--type--text-links-bild-rechts {
    padding: 65px 0px;
}

.paragraph.paragraph--type--bild-links-text-rechts {
    background: #e8e8e8;
    padding: 65px 0px;
}

.paragraph.paragraph--type--cta {
    padding: 60px 0px;
}

.paragraph.paragraph--type--cta p:last-child {
    padding: 0px;
    margin: 0px;
}

.paragraph.paragraph--type--kopfbereich-titel-bild- {
    margin-right: auto;
    margin-left: auto;
    background-color: var(--blue)!important;
    background-size: cover;
    background-position: center!important;
    position: relative;
    overflow: hidden;
    border-radius: 0px 0px 40px 40px;
}

.header-section {
    margin-right: auto;
    margin-left: auto;
    background-color: var(--blue)!important;
    background-size: cover;
    background-position: center!important;
    position: relative;
    border-radius: 0px 0px 40px 40px;
}

/*.paragraph.paragraph--type--kopfbereich-titel-bild-.paragraph--view-mode--default:before {
    content: "";
    display: inline-block;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 35%);
    position: absolute;
}
*/ 

.header-block {
    color: #fff;
}

.paragraph.paragraph--type--kopfbereich-titel-bild-.paragraph--view-mode--default {
    aspect-ratio: 1900 / 942;
    display: flex;
    align-items: center;
}

.paragraph.paragraph--type--kopfbereich-titel-bild-.paragraph--view-mode--default ul.blv {
    padding-bottom: 0px !important;
    color: var(--blue)!important;
}

.paragraph.paragraph--type--kopfbereich-titel-bild-.paragraph--view-mode--default .text-formatted.field.field--name-field-titel-intro.field--type-text-long h2, .clearfix.text-formatted.field.field--name-field-titel-intro.field--type-text-long p {
    color: var(--blue);
}

.paragraph.paragraph--type--kopfbereich-titel-bild-.paragraph--view-mode--Default .clearfix.text-formatted.field.field--name-field-titel-intro.field--type-text-long.field--label-hidden.field__item {
    padding-top: 0px !important;
}


.top-title,
.paragraph.paragraph--type--kopfbereich-titel-bild- h1 {
    color: var(--green);
    letter-spacing: 1px;
    font-size: 28px;
    font-weight: 400;
    margin-bottom: -15px;
    margin-top: 0px;
}

.header-block h1.big,
.paragraph.paragraph--type--kopfbereich-titel-bild- h1.big {
	font-size: 44px;
    font-style: italic;
    letter-spacing: 0px;
    font-weight: 700;
    margin-bottom: 10px;
}

span.break {
    display: block;
}

.subtitle {
    font-size: 50px;
    font-weight: 700;
    line-height: 1.15em;
    display: block;
}

span.sublab {
    display: block;
}

.region.region-navigation {
    display: flex;
    gap: 20px;
}
/*
.path-frontpage  a#logo img {
    display: none;
}

.path-frontpage a#logo:before {
    content: "";
    float: left;
    margin-bottom: -16px;
    margin-top: -8px;
    width: 169px;
    height: 70px;
    background-size: cover !important;
    background: url(/themes/onpoint/onpoint-logo-blue.svg);
    margin-left: 30px;
}

*/

.path-frontpage .header-section {
    background: url(/themes/onpoint/images/ki-experte-hunsrueck-start4.jpg);
    background-size: cover;
    /*aspect-ratio: 20 / 9;*/
    border-radius: 0px;
    /*min-height: 100vH;*/
    aspect-ratio: 1900 / 942;
}

.path-frontpage .header-block {
    max-width: 77%;
}

.path-frontpage div#banner {
    height: 100%;
    display: flex;
    align-items: center;
    padding-top: 0px;
}

.path-frontpage div#banner-inside {
    padding-top: 0px;
}

.path-frontpage h1.subtitle {
    margin-top: 0px;
    font-weight: 800;
}

div#block-kostenloseberatung {
    display: none!important;
}

.path-frontpage .header-block {
    color: var(--white);
}

.path-frontpage .header-section:before {
    /*background: linear-gradient(90deg, rgb(255 255 255 / 54%) 0%, rgba(255, 255, 255, 0) 98.46153846153847%);*/
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
}

div#banner-below {
    position: absolute;
    bottom: 20px;
    width: 100%;
    margin: auto;
}

.top-list {
    width: 100%;
    text-align: center;
}

.top-list ul.check {
    display: flex;
    width: 100%;
    justify-content: center;
    text-align: center;
    gap: 40px;
    color: var(--white);
    padding-left: 0px;
}

.top-list ul.check li:before {
    content: "\f00c";
    font-size: 16px;
    font-family: 'Font Awesome 5 Free';
    font-weight: bold;
    color: var(--white);
    display: inline-block;
    margin: 2px 10px 0px 0px;
    float: left;
}

.text-formatted.field.field--name-field-titel-intro.field--type-text-long.field--label-hidden.field__item {
    color: var(--white);
    position: relative;
}

.field.field--name-field-rueckrufformular.field--type-webform {
    text-align: left;
    float: left;
    display: inline-block;
    max-width: 520px;
    margin-right: auto;
    margin-left: auto;
    background: var(--white);
    padding: 20px 30px;
    border-radius: 9px;
    outline: 5px dashed var(--green);
}

.paragraph.paragraph--type--rueckrufformular.paragraph--view-mode--default {
    text-align: center;
    padding-top: 40px;
    padding-bottom: 40px;
    position: relative;
}

p.subtxt {
    margin: 7px 0px -1px 0px;
}

.sealraw {
    display: flex;
    justify-content: center;
    gap: 60px;
}

.seal {
    text-align: center;
    width: 165px;
    height: 165px;
    background: var(--green);
    display: inline-block;
    border-radius: 100%;
    position: relative;
}

.footer-area .seal {
    margin: 0px;
    padding: 0px;
    background: transparent;
}

.seal.first img {
    width: 220px;
    max-width: 220px;
    position: absolute;
    top: -6px;
    left: -26px;
}

.seal.last img {
    width: 205px;
    max-width: 205px;
    position: absolute;
	top: 27px;
    left: 5px;
    height: auto;
}

.threeblocks {
    display: flex;
    gap: 30px;
}

.threeblocks a {
    width: calc(33.333333% - 23px);
    display: inline-block;
    padding: 20px 20px;
    background: var(--blue);
    border-radius: 10px;
}

.threeblocks a:hover {
	text-decoration: none;
}

span.contitle {
    font-size: 21px;
    color: var(--white);
    font-weight: bold;
}

span.conttxt {
    color: var(--white);
    display: block;
    margin-top: 12px;
}

.threeblocks .btn-green {
    text-transform: none;
    text-align: center;
    width: 100%;
}

.threeblocks .btn-green:hover {
    opacity: 0.85;
}

.btn-green {
    border: none;
    color: var(--blue);
    border-style: solid;
    border-top-width: 2px;
    border-right-width: 2px;
    border-left-width: 2px;
    border-bottom-width: 2px;
    border-color: var(--green);
    background-color: var(--green);
    font-weight: 700;
    line-height: 1;
    font-size: 16px;
    letter-spacing: 0.5px;
    border-radius: 50px;
    padding-top: 13px;
    padding-right: 25px;
    padding-bottom: 13px;
    padding-left: 25px;
    margin-top: 25px;
    display: inline-block;
}

a.btn-green:hover {
    color: var(--blue);
    text-decoration: none;
    border-color: var(--white);
    background: var(--white);
}

a.btn-glas {
    border: none;
    color: var(--white);
    border-style: solid;
    border-top-width: 1px;
    border-right-width: 1px;
    border-left-width: 1px;
    border-bottom-width: 1px;
    border-color: #ffffff24;
    background-color: #ffffff08;
    font-weight: 700;
    line-height: 1;
    font-size: 16px;
    letter-spacing: 0.5px;
    border-radius: 50px;
    padding-top: 14px;
    padding-right: 25px;
    padding-bottom: 14px;
    padding-left: 25px;
    margin-top: 25px;
    display: inline-block;
    backdrop-filter: blur(4px);
}

a.btn-glas:hover {
    color: var(--blue);
    text-decoration: none;
    border-color: var(--white);
    background: var(--white);
}

.testi {
    float: left;
    position: relative;
    width: 25%;
    overflow: hidden;
}

.testi img {
    width: 100%;
    transition: transform .5s ease;
}

.testi:hover img {
    transform: scale(1.1);
}

.paragraph.paragraph--type--cta-icon-links {
    padding: 20px 0px 70px 0px;
	background: var(--white);    
}

.paragraph.paragraph--type--cta-icon-links .text-formatted.field.field--name-field-text-rechts {
    width: calc(100% - 445px);
    display: inline-block;
    vertical-align: top;
    float: right;
}

.paragraph.paragraph--type--cta-icon-links .text-formatted.field.field--name-field-text-rechts h3 {
    margin-top: 0px;
}

.paragraph.paragraph--type--cta-icon-links .text-formatted.field.field--name-field-text-rechts a {
    color: var(--white);
    font-size: 40px;
    letter-spacing: 1px;
    font-weight: bold;
    margin-top: 30px;
    display: inline-block;
}

.text-formatted.field.field--name-field-icon-code {
    display: inline-block;
}

.field--name-field-icon-code i, .field--name-field-icon-code svg {
    font-size: 200px;
    float: left;
    display: inline-block;
    line-height: 1em;
    margin-right: 90px;
}

.paragraph.paragraph--type--cta-icon-links .text-formatted.field.field--name-field-text-rechts {
    width: calc(100% - 295px);
    display: inline-block;
    vertical-align: top;
    float: right;
}

ul.stars {
    padding-left: 27px;
}

ul.stars li {
    list-style-type: none;
}

ul.stars li:before {
    content: "\f005";
    font-family: 'Font Awesome 5 Free';
    font-weight: bold;
    color: #c9b375;
    margin: 0px 7px 0px -26px;
}

img.iconb {
    max-width: 100px;
    margin-bottom: 10px;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
}

.paragraph.paragraph--type--usp-text-links-grafik-rechts {
    padding: 65px 0px;
    background-image: linear-gradient(90deg,rgb(212 212 212) 2%,rgb(236 236 236) 100%);
}

.text-formatted.field.field--name-field-usptxtleft {
    display: inline-block;
    margin-right: 20px;
    vertical-align: top;
    width: calc(100% - 430px);
}

.text-formatted.field.field--name-field-uspgraphic {
    display: inline-block;
    margin-left: 20px;
    vertical-align: top;
    width: 100%;
    max-width: 385px;
}


.paragraph.paragraph--type--cta-ansprechpartner .text-formatted.field.field--name-field-text-rechts,
.paragraph.paragraph--type--cta-ansprechpartner .field.field--name-field-bild-links.field--type-image {
    width: auto;
    margin-right: 0px;
    margin-left: 0px;
}

.paragraph.paragraph--type--cta-ansprechpartner .field.field--name-field-bild-links.field--type-image img {
    width: 175px;
    max-width: 175px;
    height: 175px;
    border-radius: 100%;
    object-fit: cover;
    padding: 0px;
    margin: 0px;
}

.flex-cont {
    display: flex;
    gap: 40px;
}

.flex2 {
    color: var(--white);
    background: var(--blue);
    padding: 35px 25px 35px 50px;
    border-radius: 30px 0px 0px 30px;
    display: flex;
    gap: 40px;
    align-items: center;
    max-width: calc(66.6666% - 15px);
}

.flex2 h3 {
    color: var(--white);
}

.flex-2 {
    display: flex;
    gap: 20px;
}

.topics-box {
    border-radius: 0px 30px 30px 0px;
    background: var(--green);
    padding: 35px 25px;
    flex: 1;
}

.topics-box a {
    color: var(--blue);
}

.topic-section .item-list ul li {
    border-bottom: 0px;
}

.flex2 .typedjs {
    background-image: linear-gradient(0deg, rgb(33 245 120 / 70%) 0.5em, transparent 0.5em);
}

a.contact-link {
    display: block;
    margin-bottom: 5px;
}

a.contact-link.last-item {
    margin-bottom: 0px;
}

.paragraph.paragraph--type--cta-ansprechpartner h2 {
    margin-top: 0px;
}

div.contactformleft {
    width: calc(100% - 445px);
    display: inline-block;
    vertical-align: top;
}

div#kontakt .icon-big, div#kontakt svg {
    font-size: 200px;
    display: inline-block;
    line-height: 1em;
    color: var(--white);
    float: left;
    margin-bottom: 15px;
}

i.mgr5 {
    min-width: 30px;
}

.webform-submission-contact-form div#edit-processed-text--2 {
    float: right;
    width: 370px;
    padding: 0px 30px;
    vertical-align: top;
    margin-top: 8px;
}

.paragraph.paragraph--type--artikel-teaser-1-gross-2-kleine {
    background: #e8e8e8;
    padding: 65px 0px;
}

.paragraph.paragraph--type--artikel-teaser-1-gross-2-kleine h2 {
    margin-top: 0px;
    padding-top: 0px;
}

.field--name-field-artikel-gross {
    width: calc(50% - 0px);
    display: inline-block;
    vertical-align: top;
    float: left;
    border-right: 5px solid #e8e8e8;
}

.field.field--name-field-artikel-.field--type-block-field {
    width: calc(50% - 0px);
    display: inline-block;
    vertical-align: top;
    float: left;
    border-left: 5px solid #e8e8e8;
}

.paragraph.paragraph--type--artikel-teaser-1-gross-2-kleine .views-field.views-field-created {
    padding: 3px 20px;
    background: var(--white);
    font-size: 14px;
}

.paragraph.paragraph--type--artikel-teaser-1-gross-2-kleine .views-field.views-field-title {
    padding: 0px 20px 5px 20px;
    background: var(--white);
    font-size: 18px;
    font-weight: bold;
}

.paragraph.paragraph--type--artikel-teaser-1-gross-2-kleine .views-field.views-field-body {
    padding: 0px 20px 10px 20px;
    background: var(--white);
}

.paragraph.paragraph--type--artikel-teaser-1-gross-2-kleine .views-field.views-field-view-node {
    padding: 0px 20px 20px;
    background: var(--white);
}

.paragraph.paragraph--type--artikel-teaser-1-gross-2-kleine .views-field.views-field-view-node a {
    display: inline-block;
    border: none;
    box-shadow: none;
    color: var(--white);
    padding: 15px 24px;
    text-transform: uppercase;
    border-style: solid;
    border-top-width: 2px;
    border-right-width: 2px;
    border-left-width: 2px;
    border-bottom-width: 2px;
    border-color: var(--green);
    background-color: var(--green);
    font-weight: 600;
    line-height: 1;
    font-size: 15px;
    border-radius: 6px;
    padding-top: 12px;
    padding-right: 22px;
    padding-bottom: 12px;
    padding-left: 22px;
    box-shadow: 0px 5px 10px rgb(0 0 0 / 35%);
}

.flxbx {
    width: 100%;
    background: var(--white);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

div#block-views-block-artikel-big-block-2,
div#block-views-block-artikel-big-block-1 {
    padding: 0px;
}

.checkblock {
    text-align: left;
    margin-bottom: 17px;
}

ul.check {
    margin-left: 0px;
    padding-left: 25px;
}

ul.check li {
    list-style-type: none;
    line-height: 1.3;
    margin-bottom: 8px;
}

ul.check li:before {
    content: "\f00c";
    font-size: 16px;
	font-family: 'Font Awesome 5 Free';
    font-weight: bold;
    color: var(--green);
    display: inline-block;
    margin: 1px 7px 0px -26px;
    float: left;
}

ul.check.round li:before {
    content: "\f058";
    font-size: 21px;
	font-family: 'Font Awesome 5 Free';
    font-weight: bold;
    color: var(--green);
    display: inline-block;
    margin: 0px 5px 0px -26px;
    float: left;
}

p.check:before {
    content: "\f00c";
    font-size: 21px;
	font-family: 'Font Awesome 5 Free';
    font-weight: bold;
    color: var(--green);
    display: inline-block;
    margin: -2px 7px 0px 0px;
}

.green {
    color: var(--green);
}

p.check {
    margin-bottom: 4px;
}

.center {
    text-align: center!important;
}

.mgt10 {
    margin-top: 10px;
}

.mgt20 {
    margin-top: 20px;
}

.mgt40 {
    margin-top: 40px;
}

.mgt50 {
    margin-top: 50px;
}

.mgb25 {
    margin-bottom: 25px;	
}

.mgb40 {
    margin-bottom: 40px;	
}

.mgb60 {
    margin-bottom: 60px;	
}

.mgb0 {
    margin-bottom: 0px;	
}

.mgb50 {
    margin-bottom: 50px;	
}

.mgb100 {
    margin-bottom: 100px;	
}

.btn-round.btn-white.top-btn {
    margin-top: -5px;
    padding: 13px 25px;
    border-radius: 100px;
}

#block-kostenloseberatung .text-formatted.field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item {
    color: #fff;
    margin: 0px;
    text-align: center;
}

a.btn-orange {
    border: none;
    box-shadow: none;
    color: var(--white);
    text-transform: uppercase;
    border-style: solid;
    border-top-width: 2px;
    border-right-width: 2px;
    border-left-width: 2px;
    border-bottom-width: 2px;
    border-color: var(--green);
    background-color: var(--green);
    font-weight: 600;
    line-height: 1;
    font-size: 15px;
    border-radius: 6px;
    padding-top: 13px;
    padding-right: 15px;
    padding-bottom: 11px;
    padding-left: 15px;
    box-shadow: 0px 5px 10px rgb(0 0 0 / 35%);
    display: inline-block;
}

a.btn-orange.transparent {
    background-color: transparent;
}

a.btn-orange.white {
    background: #f5f5f5;
    color: var(--green);
}

.bbox {
    color: var(--white);
    width: calc(50% - 23px);
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin-bottom: 40px;
    overflow: hidden;
}

.bbox.threebxx {
    width: calc(33.3333333% - 23px);
    border-radius: 10px;
    position: relative;
}

.bbox.threebxx:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #1d273ba6;
    display: inline-block;
}

.bbox.active img {
    transform: scale(1.1);
}

.bbox img {
    transition: transform .5s ease;
}

.bbox.left {
    margin-right: 20px;
}

.bbox.right {
    margin-left: 20px;
}

.bbox.threebxx.left {
    margin-right: 0px;
}

.bbox.threebxx.right {
    margin-left: 0px;
}

.bbox.threebxx.middle {
    margin-right: 30px;
    margin-left: 30px;
}

span.conttitle,
.bbox h3 {
    font-size: 24px;
    font-weight: 700;
    color: var(--green);
    display: inline-block;
    width: 100%;
    margin-bottom: 0px;
    padding: 8px 25px;
	background: var(--blue);
    border-radius: 6px;
}

.hovcontin {
    display: none;
    padding: 10px 25px;
}

.hovcont {
    position: absolute;
    bottom: 25px;
    left: 25px;
    width: auto;
    transition-timing-function: ease-out;
    transition: 0.25s;
    z-index: 6;
}

.bbox:hover {
    cursor: pointer;
}

.bbox.active .hovcontin {
    display: inline-block;
}

.bbox.active .hovcont {
    bottom: unset;
    top: 0px;
    left: 0px;
    width: calc(100% - 0px);
    height: calc(100% - 0px);
    display: inline-block;
    background: var(--blue);
    /*background-image: linear-gradient(130deg, #24324d 2%, #1d273b 100%);*/
    border-radius: 10px;
    color: var(--white);
}

.bbox.active span.conttitle,
.bbox.active h3 {
    padding-top: 25px;
    background: transparent;
    border-bottom: 1px solid;
    border-radius: 0px;
}

.btn-white {
    border: none;
    color: var(--white);
    text-transform: uppercase;
    border-style: solid;
    border-top-width: 2px;
    border-right-width: 2px;
    border-left-width: 2px;
    border-bottom-width: 2px;
    border-color: var(--white);
    background-color: var(--blue);
    font-weight: 600;
    line-height: 1;
    font-size: 15px;
    border-radius: 6px;
    padding-top: 10px;
    padding-right: 22px;
    padding-bottom: 10px;
    padding-left: 22px;
    margin-top: 25px;
    display: inline-block;
}

.btn-white:hover {
	text-decoration: none;
    color: var(--blue);	
	border-color: var(--white);
    background-color: var(--white);

}

a.bbox.bg-orange:hover .hovcont {
    background: rgb(255 166 34 / 82%);
}

.bbox.bg-blue span.conttitle,
.bbox.bg-blue h3 {
    background: #2531bf;
}

a.bbox.bg-blue:hover .hovcont {
    background: #2531bf;
}

.flex40 {
    display: flex;
    gap: 40px;
    flex-wrap: wrap;
}

.icon-box {
    color: var(--white);
    width: calc(33.3333% - 27px);
    background: var(--blue);
    padding: 25px 0px;
    border-radius: 10px;
}

.icon-box h3 {
    color: var(--green);
    border-bottom: 1px solid;
    padding-top: 0px;
    padding-bottom: 8px;
    padding-left: 25px;
    padding-right: 25px;
}

.icon-box .body {
    padding-left: 25px;
    padding-right: 25px;
}

.bbox-light {
    bottom: unset;
    top: 0px;
    left: 0px;
	width: calc(50% - 20px);
    height: auto;
    display: inline-block;
    background: var(--blue);
    /* background-image: linear-gradient(130deg, #24324d 2%, #1d273b 100%); */
    border-radius: 10px;
    color: var(--white);
}

a.bbox-light:hover {
	color: #fff;
	text-decoration: none;
    background: #27334b;
}

.bbox-light .hovcont {
    position: relative;
    top: unset;
    bottom: unset;
    left: unset;
}

.bbox-light .hovcontin {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 10px;
    height: calc(100% - 60px);
    padding: 25px 25px 30px 25px;
}

.bbox-light .btn-white {
    width: 174px;
    margin-top: 10px;
}

.bbox-light span.conttitle {
	padding-top: 20px;
    padding-bottom: 17px;
    background: transparent;
    border-bottom: 1px solid;
    border-radius: 0px;
}

.borderbot {
    position: relative;
    margin-bottom: 44px;
}

.borderbot:after {
    content: "";
    border-bottom: 5px solid var(--green);
    width: 140px;
    display: inline-block;
    position: absolute;
    bottom: -13px;
    left: 0;
    right: 0;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
}

.borderbot.aleft:after {
    left: 0;
    margin-left: 0px;
}

div#block-views-block-referenzen-block-1 {
    padding: 0px;
}

/* Sliders */
.flex-control-paging li a {
    width: 12px;
    height: 12px;
    background: #dbdbdb;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}

.flex-control-paging li a.flex-active {
    background: var(--blue);
}

ul.splide__pagination.splide__pagination--ltr {
    display: none;
}

button.splide__toggle {
    display: none !important;
}

.splide__arrow {
    background: var(--blue)!important;
}

.splide__arrow svg {
    fill: var(--white) !important;
}

/* Referenzen */

.ref-grid .view-content {display:grid;gap:60px 90px;width:100%;grid-template-columns:1fr 1fr}
.ref-grid .views-field.views-field-title {margin-left:7px;margin-top:5px}

.block-views-blockreferenzen-block-1 img,
.view-referenzen-seite img {
    -webkit-filter: drop-shadow(0px 0px 0 var(--green)) drop-shadow(-5px -4px 0 var(--green));
    filter: drop-shadow(0px 0px 0 var(--green)) drop-shadow(-5px -4px 0 var(--green));
}

/*tables*/
table { width: 100%; margin-bottom: 20px; border: 1px solid #dfdfdf; }

table tbody { border-top: none; }

table tr.even, table tr.odd, th { background-color: transparent; border-bottom: 1px solid #dfdfdf;}

thead tr th, thead tr td, tbody tr th, tbody tr td { padding: 8px; line-height: 142%; vertical-align: top; }

/*Layout*/
#pre-header { top: 0; left: 0; width: 100%; z-index: 13; position: absolute; background-color: #333; }

.logged-in #pre-header { padding-top: 64px; }

#pre-header-inside { display: none; position: relative; z-index: 13; padding: 40px 0 0 0; }

#header-top { background-color: #0e4037; border-bottom: 1px dashed #eaeaea; position: relative; z-index: 12; min-height: 50px; } 

#header { position: relative;
    z-index: 55;
    padding: 20px 0px 0px 0px;
   /* box-shadow: 0 0 10px 4px rgb(0 0 0 / 20%);*/ }

#logo img {
    max-width: 285px;
    margin-top: -8px;
    width: 169px;
    height: 70px;
    margin-left: 30px;
}

div#block-bootstrap-business-branding {
    display: inline-block;
    padding: 0px;
    float: left;
    margin-bottom: 0px;
    margin-top: 0px;
}

div#block-kostenloseberatung {
    display: inline-block;
    margin-top: 15px;
    padding: 0px;
    float: right;
}

#main-navigation { position: absolute; z-index: 11; width: 100%;}
div#banner {
    padding-top: 65px;
}

div#main-navigation-inside {
    background: var(--green);
    border-radius: 100px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.075), 0 10px 0 rgba(0,0,0,0.01); 
}
.stickynav-active {
    position: fixed!important;
    z-index: 999 !important;
    background: transparent !important;
}
#banner-inside { padding-top: 60px; }

.region-banner .text-formatted.field.field--name-body {
    margin: 0px;
}

#slideshow { padding: 10px; background-color: #fcfcfc; border: 1px solid #eaeaea; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; 
display: none; }

#top-content { background-color: var(--white); padding: 40px 0 20px 0; }

#main-content { padding: 20px 0 30px 0; }

#main { padding: 0 0 20px; }

#bottom-content { padding: 40px 0 20px 0; }

#footer {
    background-color: var(--blue);
    border-bottom: 0px solid #eaeaea;
    margin-bottom: 0px;
	padding: 40px 0 0px;
}
div#footer-inside {
    color: var(--white);
}
#subfooter {
    background-color: var(--blue);
    padding: 0px 0 15px;
    text-align: center;
    margin-bottom: -1px;
}

footer#subfooter .container {
    border-top: 1px solid #757575;
    padding-top: 30px;
}

.block { padding: 0 0 30px 0; clear: both; }

div#footer-inside .block {
    padding-bottom: 5px;
}

div#block-onpoint-branding {
    display: inline-block;
    padding-bottom: 22px;
}

#header-top .block, #main-navigation .block, #banner .block { padding: 0; }

/*glyphicon-block*/
.glyphicon-block {text-align: center; }

.glyphicon-block .glyphicon { font-size: 48px; margin: 30px 0 0 0; }

.glyphicon-block h4 { margin-top: 10px; }

/*lists*/
ul li { list-style-type: square; }

ol li { list-style-type: decimal; }

#header ul, #subfooter ul { text-align: left; }

/*item lists*/
.item-list ul li { border-bottom: 1px dashed #ddd; margin-bottom: 0; padding: 15px 0; }

#block-user-login .item-list ul li { border-bottom: none; padding: 0 0 5px 0; }

.item-list ul li.first { padding-top: 0; }

.item-list ul li.last { border-bottom: none; }

/*pager*/
ul.pager { overflow: hidden; padding: 0; width: 100%; clear: both; position: relative; margin-bottom: 25px; }

.item-list ul.pager li { display: inline;  float: left; margin: 0; padding: 0; border-bottom: none;}

ul.pager li a, ul.pager li.pager-current { background: var(--white); border: 1px solid #eee; padding: 14px 20px; display: block; margin: 5px 3px 5px 0; 
-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }

ul.pager li a:hover, ul.pager li.pager-current { background-color: #444; border-color: #444; color: var(--white); text-shadow: 0 -1px 0 rgba(0,0,0,0.2); }

/*menus*/

ul#superfish-main {
    padding-left: 20px;
}

ul.menu { margin: 0; padding: 0; }

ul.menu li { list-style-position: inside; padding: 15px 0 15px 0; margin:0; border-bottom: 1px dashed #ddd;}

ul.menu li a, nav ul.links li a  { color: var(--blue); line-height: 150%; display: inline-block; }

div#main-navigation ul.menu a.is-active {
    color: var(--blue);
    font-weight: 700;
}

ul.menu li a:hover, ul.menu li a.active, ul.links li a:hover, ul.links li a.active { text-decoration: none;}

ul.menu li.leaf  { list-style-image: none; color: #444;}

ul.menu li.expanded { border-bottom: none; padding-bottom: 0;  }

ul.menu li.expanded ul { padding-left: 25px; border-top: 1px dashed #ddd; margin-top: 15px;}

#toolbar-administration ul.menu li { padding:0; }

/*horizontal menus*/
#header ul.menu, #subfooter ul.menu, #top-content ul.menu, #bottom-content ul.menu,  #secondary-menu ul.links { text-align: center; }

#header-top ul.menu li, #header ul.menu li, #main-navigation ul.menu li, #top-content ul.menu li,
#subfooter ul.menu li, #bottom-content ul.menu li, #secondary-menu ul.links li { display: inline-block; background: none; list-style-type:none; border: none; padding: 0;}

#header ul.menu li a, #top-content ul.menu li a, #bottom-content ul.links li a,  #secondary-menu ul.links li a { padding: 15px 20px; }

#header-top ul.menu ul, #header ul.menu ul, #main-navigation ul.menu ul, #top-content ul.menu ul,
#subfooter ul.menu ul, #bottom-content ul.menu ul { display: none; }

/*header-top menu*/
#header-top ul.menu li a { font-size: 13px; text-transform: capitalize;  padding: 16px 20px 16px; }

/*main-navigation*/
#main-navigation ul.menu li a { font-weight: 500; text-transform: uppercase; padding: 20px; display: inline-block; }

#main-navigation ul.menu ul li a, #header-top ul.menu ul li a  { 
padding: 10px 20px;
    text-transform: unset;
    font-size: 16px;
    border: 0px;
    line-height: 1em;
}

#main-navigation ul.menu ul {
    margin-top: 35px;
    padding: 10px 0px;
    background: var(--green);
    border: 0px;
    border-radius: 10px;
    width: 255px !important;
}

/*superfish support*/
.block-superfish select { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border-width: 1px; width: 90%; }

#main-navigation .block-superfish select { border-top: none; border-bottom: none; width: 100%; } 

.block-superfish ul.sf-menu { padding: 0; margin: 0; }

.block-superfish ul.sf-menu ul { border-top: 1px solid #eaeaea; top:100%; background: var(--white); padding: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;
-webkit-box-shadow: 0 10px 0 -5px rgba(0,0,0,0.05); -moz-box-shadow: 0 10px 0 -5px rgba(0,0,0,0.05); 
-ms-box-shadow: 0 10px 0 -5px rgba(0,0,0,0.05); -o-box-shadow: 0 10px 0 -5px rgba(0,0,0,0.05); box-shadow: 0 10px 0 -5px rgba(0,0,0,0.05); display: none;}

.block-superfish ul.sf-menu ul li a { display: block; }

.block-superfish ul.sf-menu > li > ul:before,
.block-superfish ul.sf-menu > li > ul:after { content: ""; border-style: solid; border-width: 0 9px 9px 9px; 
border-color: transparent transparent var(--green) transparent; height: 0px; position: absolute; left: 15px; top: -9px; width: 0px; }

.block-superfish ul.sf-menu > li > ul:after { border-color: transparent transparent #eaeaea transparent; top: -10px; z-index: -1; }

.block-superfish ul.sf-menu ul ul { top:-1px; }

.block-superfish ul.sf-menu ul ul li a { border-left: none!important; }

/*superfish menu arrows*/
#main-navigation  .block-superfish ul.sf-menu > li > a.menuparent { padding: 20px 40px 20px 20px;  }

#header-top .block-superfish ul.sf-menu > li > a.menuparent { padding: 16px 40px 16px 20px;  }

.block-superfish ul.sf-menu li a.menuparent:after { content: "\e114"; font-family: 'Glyphicons Halflings'; -webkit-font-smoothing: antialiased; 
position: absolute; top: 20px; right: 17px; font-size: 11px; font-weight: 400; }

#header-top .block-superfish ul.sf-menu li a.menuparent:after { top: 17px; } 

.block-superfish ul.sf-menu ul li a.menuparent:after { content: "\e080"; top: 14px; right: 10px; }

/*superfish menu style resets*/
.sf-menu.sf-horizontal.sf-shadow ul { background: var(--white); padding: inherit!important; -webkit-border-top-right-radius: 0; -webkit-border-bottom-left-radius: 0;
-moz-border-radius-topright: 0; -moz-border-radius-bottomleft: 0; border-top-right-radius: 0; border-bottom-left-radius: 0; }

/*subfooter menu*/
#subfooter ul.menu li a {
    font-size: 12px;
    color: var(--white);
    padding: 0 5px 5px 5px;
    display: block;
}

/*pre-header menu, bottom-content*/
#pre-header ul.menu li a.active, #pre-header ul.menu li a:hover, 
#bottom-content ul.menu li a.active, #bottom-content ul.menu li a:hover { color: #fafafa }

#pre-header ul.menu li a { border-bottom: 1px dashed #444444; }

/* Logo - Site name*/
#logo { padding:0 0 0px 0; text-align: center; display: inline-block; }

#logo img { display: inherit; }

#logo img:hover { opacity: 0.85; filter: alpha(opacity=85); }

#site-name a { font-size: 38px; font-weight: 700; line-height: 1em; margin: 0 0 10px; color: #444444; display: block;}

#site-name a:hover { text-decoration: none; opacity: 0.85; filter: alpha(opacity=85); }

#site-slogan { color: #999; font-size: 13px; font-weight: 300; line-height: 150%; margin:10px 0 10px 0; }

/*node*/
.node--view-mode-teaser, .path-node #content-wrapper {  margin-bottom: 30px;}

.node header h2 a:hover { text-decoration: none; }

.node__content, #comments, .page-contact #content-wrapper { padding: 20px 40px; }

.node header { padding: 10px 40px 20px; }

.node footer.comment__meta { padding:0; }

.field-name-field-image { margin: 10px 0 20px; }

.node .user-signature { font-size: 12px; padding: 0; }

.user-picture { margin: 0px 15px 0 0; display: inline-block; max-width: 48px;}

.submitted .glyphicon { top: 0; }

/*comments*/
#comments { background: var(--white); }

.comment { border: 2px solid var(--white); padding: 32px; margin-top:25px;} 

.comment header { padding: 0; }

.comment h3 { clear: both; }

.comment h3 a:hover { text-decoration: none; }

.comment .user-picture { float: left; margin: 0 15px 25px 0; }

.comment .new { margin: 10px 0; display: inline-block; }

.comment-header p { margin:0; }

.comment-text .content, .comment-text footer { padding:0; }

.comment-wrapper {
	margin: 0 -40px;
    padding: 20px 40px;
    background: var(--white);
}

.field-node--comment { margin:0 -40px; clear:both; }

/* Taxonomy term reference */
.field-type-taxonomy-term-reference { position: relative; float: left; } 

.field-type-taxonomy-term-reference .field-label { font-weight: 400; }

.field-type-taxonomy-term-reference .field-label, .field-type-taxonomy-term-reference .field-items { display: inline-block; }

.field-type-taxonomy-term-reference .field-item { margin: 0; display:inline;}

.field-type-taxonomy-term-reference .field-item:after { content: ","; margin-right: 5px;}

.field-type-taxonomy-term-reference .field-item:last-child:after { color: transparent; }

.field-node--field-tags { padding:20px 0; }

.indented {
    margin-left: 25px;
}

/*forum page*/
th.active img { margin: -4px 0 0 5px; }

#forum table { border: 1px solid #eaeaea; }

#forum thead tr { border-bottom: 1px solid #eaeaea; }

#forum thead tr th, #forum thead tr td { background: var(--white); font-weight: 700; border:none; padding: 11px; }

#forum thead a { color: #444444; }

#forum tbody tr th, #forum tbody tr td { padding: 25px 25px 25px 15px; border:none;}

#forum tr.odd { background: #fbfbfb; border-bottom: 1px solid #eaeaea; }

#forum tr.even { background: var(--white); border-bottom: 1px solid #eaeaea; }

#forum .last-reply { font-size: 12px; }

.node-forum .field-name-body { margin: 10px 0; }

.node-forum .field-type-taxonomy-term-reference { float: none; }

/*forms*/
input:focus, input[type="button"], input[type="reset"], input[type="submit"] { -webkit-transition: all 0.3s ease-in-out; 
-moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

input.form-text, input.form-email, input.form-search, textarea.form-textarea, select {
    background-color: transparent;
    border: 1px solid #bbbbbb;
    padding: 5px 14px;
    width: 100%;
    min-height: 40px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
}
textarea.form-textarea {
    min-height: 90px;
    max-height: 280px;
    border-radius: 15px;
}
.paragraph.paragraph--type--formular input.form-text, 
.paragraph.paragraph--type--formular input.form-email, 
.paragraph.paragraph--type--formular input.form-search, 
.paragraph.paragraph--type--formular textarea.form-textarea, 
.paragraph.paragraph--type--formular select {
    color: #222;
    font-size: 16px;
}

input.form-text:focus, input.form-email:focus, input.form-search:focus, textarea.form-textarea:focus { background-color: var(--white); outline: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }

.search-block-form input.form-search { width: 70%; }

.dark input.form-text, .dark input.form-email, .dark input.form-search { border: none; }

select { -webkit-appearance: menulist; }

fieldset { padding:10px; margin: 0 2px; border: 1px solid #eaeaea; }

legend { border-bottom: none; font-size: 14px; width: auto; margin: 0;}

input[type="radio"], input[type="checkbox"] { margin: 0px 0 3px; }

/*buttons*/
input[type="submit"], input[type="reset"], input[type="button"] {
    border: none;
    box-shadow: none;
    color: var(--white);
    padding: 15px 24px;
    text-transform: uppercase;
    border-style: solid;
    border-top-width: 2px;
    border-right-width: 2px;
    border-left-width: 2px;
    border-bottom-width: 2px;
    border-color: var(--blue);
    background-color: var(--blue);
    font-weight: 600;
    line-height: 1;
    font-size: 15px;
    border-radius: 6px;
    padding-top: 10px;
    padding-right: 22px;
    padding-bottom: 10px;
    padding-left: 22px;
}

input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, .highlighted-block .btn:hover,.highlighted-block .btn:focus { 
    border-color: var(--white);
    background-color: var(--white);
    color: var(--blue); }
    
input.form-text:focus, input.search-text:focus,input.form-email:focus, textarea.form-textarea:focus {
    border-color: var(--green);
}

/*tabs*/
.nav-tabs { margin: 25px 0 15px; }

/*accordion*/
.panel-group { margin: 25px 0; }

.panel-heading a:hover { text-decoration: none; }

/* Drupal system links */
ul.links { padding: 0; margin: 0; list-style-position: inside; }

ul.links li { margin: 0; }

/* Breadcrumb */
.breadcrumb { background-color: var(--blue); padding: 14px 20px!important; border-radius: 0px;}

.breadcrumb > li { margin: 0 2px 0 0; display: inline; }

/* Search block */
#header-top #block-search-form { margin: 0; float: right;}

#header-top #block-search-form .form-item { margin:0; }

#header-top #block-search-form input.form-search { border: none; padding: 15px 40px 15px 15px; font-size: 13px; width: 180px; 
-webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-appearance: none; min-height: 52px; }

#header-top #block-search-form input.form-search:focus { width: 240px; background-color: #444; color: var(--white);}

#block-search-form .form-actions, .sidebar-search-block .form-actions { position: absolute; top:0px; right: 20px; color: #999; font-size: 16px;}

.logged-in #block-search-form .form-actions, .logged-in .sidebar-search-block .form-actions { right: 10px; }

#block-search-form .form-actions:after, .sidebar-search-block .form-actions:after { 
font-family: 'Glyphicons Halflings'; content: "\e003"; position: absolute; top:16px; left:0; z-index: 0; }

#block-search-form input.form-submit, .sidebar-search-block input.form-submit { background-color: transparent;
color: #000; position: relative; z-index: 1; height: 52px; margin: 0; padding: 10px;}

#block-search-form input.form-submit:focus, .sidebar-search-block input.form-submit:focus, 
.sidebar-search-block input.form-submit:hover { outline: none; background: transparent; }

/*polls*/
.poll .vote-form { text-align: left; }

.poll .vote-form .choices { display: block; }

.poll .bar .foreground { background-color: #444444; }

/*call-to-action*/
.call-to-action { text-align: center; }

.call-to-action .lead { font-size: 32px; font-weight: 700; line-height: 100%; margin-bottom: 10px; text-transform: uppercase; }

.call-to-action p { margin: 0 0 30px; }

.call-to-action .btn { color: var(--white); font-size: 20px; line-height:  100%; padding: 18px 28px;
-webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px;
-webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.25); -moz-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.25); box-shadow: inset 0 -1px 0 rgba(0,0,0,0.25); }

.call-to-action .btn:hover { opacity: 0.85; filter: alpha(opacity=85); }

.call-to-action .btn:active{ -webkit-box-shadow: inset 0 2px 2px rgba(0,0,0,0.5); -moz-box-shadow: inset 0 2px 2px rgba(0,0,0,0.5); box-shadow: inset 0 2px 2px rgba(0,0,0,0.5); }

/*Recent Content block*/
#block-node-recent .node-title a { color: #444444; font-size: 16px; font-weight: 700; }

#bottom-content .node-title a { color: var(--white); }

#pre-header .node-title a { color: #aaaaaa; }

#block-node-recent .node-title a:hover { text-decoration: none; }

#block-node-recent .node-author { margin: 5px 0; }

#block-node-recent table { border: none; }

#block-node-recent tr.even, 
#block-node-recent tr.odd { border-bottom: 1px dashed #ddd; margin-bottom: 0; padding: 15px 0; }

#block-node-recent tbody th,
#block-node-recent tbody td { padding:8px 8px 8px 0; line-height: 1.428571429; vertical-align: top;  border: none; font-size: 13px;}

#block-node-recent tbody tr:first-child th,
#block-node-recent tbody tr:first-child td { padding-top: 0; }

#block-node-recent tbody tr:last-child { border-bottom:none; }

/*highlighted blocks*/
.highlighted-block, #block-user-login, #block-poll-recent { overflow: hidden; padding:25px; -webkit-border-radius: 6px;  -moz-border-radius: 6px; border-radius: 6px; }

.highlighted-block-inside { padding:0 25px 25px 25px;  text-align:center;}

.highlighted-block .btn { background-color: #444; color: var(--white); display: block; padding: 15px 25px; margin: 20px 0 0; text-align: center; -webkit-border-radius: 4px;
-moz-border-radius: 4px; border-radius: 4px; }

.highlighted-block.nopadding { padding: 0; }

.highlighted-block .title-sep { margin: 0px 0 40px 0; }

.light, #block-user-login, #block-poll-recent { background: #fcfcfc; color: #333; border: 1px solid #eaeaea; }

.dark { background-color: #333; color: #ccc; padding: 30px 20px 0; text-align: center;  }

.dark h3 { color: var(--white); margin:0 0 20px 0; }

.dark input[type="submit"] { font-size: 16px; font-weight: bold; margin: 10px 0; }

.dark input[type="submit"]:hover { opacity: 0.90; filter: alpha(opacity=90); }

.dark .small { color: #999; font-size: 13px; }

#block-user-login { padding: 5px 25px 0 25px; margin: 0 0 20px 0; }

/*tags cloud*/
.tag { display: inline-block; }

.tag a { background-color: #444; color: var(--white); font-size: 12px; line-height: 1em; padding: 8px; margin: 3px 0; zoom: 1; z-index: 0;
-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; position: relative; display: block; }

.tag a:hover { color: var(--white); text-decoration: none; }

/* Drupal status messages */
div.messages { padding: 15px 15px 15px 50px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; background-position: 13px 15px;}

div.messages a { font-weight: bold; }

div.messages.status {   color: #468847; background-color: #dff0d8; border-color: #d6e9c6; }

div.messages.status a { color: #356635; }

div.messages.error { color: #b94a48; background-color: #f2dede; border-color: #ebccd1; }

div.messages.error a { color: #953b39; }

div.messages.warning { color: #c09853; background-color: #fcf8e3; border-color: #faebcc; }

div.messages.warning a { color: #a47e3c; }

/*slideshow*/
.carousel .item { max-height: 520px; }

/*slider fade effect*/
.carousel-fade .carousel-inner .item { opacity: 0; filter: alpha(opacity=0); 
-webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; }

.carousel-fade .carousel-inner .active { opacity: 1; filter: alpha(opacity=100); }

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right { left: 0; opacity: 0; filter: alpha(opacity=0); z-index: 1; }

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right { opacity: 1; filter: alpha(opacity=100);}

.carousel-fade .carousel-control { z-index: 2; }

/*control nav*/
.carousel ol.carousel-indicators { position: absolute; top: 20px; left: auto; z-index: 2; padding: 0 20px; margin: 0; text-align: right; -moz-opacity: 0;
-khtml-opacity: 0; opacity: 0; filter: alpha(opacity=0); width: auto; bottom: auto; right: 20px; }

.carousel ol.carousel-indicators li { margin: 0px; padding: 0; *zoom: 1; background-color: rgba(0,0,0,0.5); cursor: pointer; border: none;
    width: 18px; height: 18px; text-indent: -9999px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; }

.carousel ol.carousel-indicators li.active { background-color: #fcfcfc; }

/*directional nav*/
.carousel .carousel-control { background-color: #fcfcfc; color: #444; display: block; width: 48px;
height: 48px; margin: 0; padding:15px; position: absolute; overflow: hidden; top: 45%;
text-align: center; cursor: pointer; opacity: 0; filter: alpha(opacity=0);  
-webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%;
-webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; background-image: none; outline:none;}

.carousel .carousel-control.right { right: 20px }

.carousel .carousel-control.left { left: 20px }

.carousel a.carousel-control:active, .carousel a.carousel-control:hover { background-color: #fcfcfc }

.carousel-control .icon-prev, .carousel-control .icon-next { font-size: 40px; font-family: Arial, sans-serif; display: block; right: 0; left: auto; width: 100%; }

.carousel:hover .carousel-control, .carousel:hover ol.carousel-indicators { -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; filter: alpha(opacity=100); }

/*slider caption*/
.carousel .carousel-caption { background-color: rgba(0,0,0,0.5); color: var(--white); display: block; width: 100%; padding: 20px; position: absolute; bottom: 0;
left: 0; text-align: center; text-transform: uppercase; display: block; }

.carousel .carousel-caption h4, .carousel .carousel-caption p { max-width: 1170px; margin: 0 auto; display: block; }


@media all and (max-width: 1200px) {

.bbox-light {
    width: calc(50% - 20px);
}

.seal {
    width: 118px;
    height: 118px;
}

.seal.first img {
    width: 165px;
    max-width: 165px;
    position: absolute;
    top: -8px;
    left: -22px;
}

.seal.last img {
    width: 160px;
    max-width: 160px;
    position: absolute;
    top: 12px;
    left: -1px;
    height: auto;
}

}

@media all and (max-width: 992px) {

.container1600 {
    width: 750px ! Important;
}

.ref-grid .view-content {
        gap: 30px 40px;
}

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

.flex2 {
    max-width: 100%;
	border-radius: 30px;
}

.icon-box {
    width: calc(50% - 20px);
}

.bbox {
    width: 100%!important;
    margin-right: auto!important;
    margin-left: auto!important;
    max-width: 520px!important;
}

.topics-box {
    border-radius: 30px;
    width: 100%;
    order: -1;
}

.threeblocks {
    flex-direction: column;
}

.threeblocks a {
    width: 100%;
    margin: auto ! Important;
}

.field.field--name-field-faq.field--type-faqfield {
    width: 100%;
    margin-right: 0px;
}

#footer h2 {
    margin-bottom: 20px;
}

.footer-area {
    text-align: center;
}

#footer h2:after {
    left: 0;
    right: 0;
    margin: auto;
}

#main-navigation ul.menu li a {
    font-size: 17px;
}

}


@media (max-width: 992px) and (min-width: 768px) {

span.conttitle, .bbox h3 {
    font-size: 21px;
}

}

@media all and (max-width: 768px) {

.splide__slide {
    width: 100% !important;
}

div#banner {
    padding-top: 45px;
}

#main-navigation .block-superfish ul.sf-menu > li > a.menuparent {
    padding: 3px 40px 3px 20px;
    font-weight: 800;
}

#main-navigation ul.menu ul li a, #header-top ul.menu ul li a {
    font-size: 18px;
    font-weight: 700!Important;
}

div#main-navigation ul.menu a.is-active {
    font-weight: 800;
    text-decoration: underline;
}

.block-superfish ul.sf-menu li a.menuparent:after {
    top: 9px;
}

#main-navigation ul.menu ul {
    margin-top: 0px;
    padding: 0px 0px 10px 10px;
    box-shadow: none;
    top: unset;
    position: relative;
    width: 100% !important;
}

.block-superfish ul.sf-menu > li > ul:before, .block-superfish ul.sf-menu > li > ul:after {
    display: none;
}

li.sf-clone-parent {
    display: none !important;
}

.region.region-header {
    text-align: center;
}

.container1600 {
    width: 100% ! Important;
}

.flex40 {
    display: inline-block;
}

.icon-box {
    width: 100%;
    margin-bottom: 30px;
}

.bbox-light {
    width: 100%;
    margin-bottom: 30px;
}

.sealraw {
    gap: 30px;
}

a#superfish-main-toggle {
    color: var(--blue);
}

a#superfish-main-toggle {
    font-size: 0px;
    text-align: center;
    margin: auto;
    display: block;
    height: 44px;
}

a#superfish-main-toggle:before {
    content: "\f0c9";
    font-family: 'Font Awesome 5 Free';
    font-weight: bold;
    font-size: 30px;
    padding: 8px 10px 8px 10px;
    display: inline-block;
    line-height: 1em;
}

#main-navigation ul.menu li a {
        font-size: 23px;
        font-weight: 800;
        font-style: italic;
        color: var(--blue);
        padding: 3px 20px;
        font-family: var(--barlow);
        text-transform: none;
}

ul#superfish-main-accordion {
	color: var(--white);
    margin-top: 15px;
    padding: 20px 0px;
    background: var(--green);
    position: absolute;
    left: unset !important;
    box-shadow: 0px 15px 30px -20px rgb(51 51 72 / 80%);
    width: calc(100% - 30px);
    border-radius: 10px;
}

div#block-bootstrap-business-branding {
    width: calc(100% - 55px);
    float: unset;
    margin-bottom: 10px;
    margin-right: 30px;
    position: relative;
    z-index: 888;
}

#logo img {
    width: 100%;
}

div#block-kostenloseberatung {
    float: unset;
    margin-bottom: 10px;
}

div#kontakt .icon-big, div#kontakt svg {
    display: none;
}
	
	.carousel .carousel-caption p { display: none; }

#banner-inside,
.text-formatted.field.field--name-field-titel-intro.field--type-text-long.field--label-hidden.field__item {
    padding: 40px 0px 0px 0px;
}

.flxdir {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: column;
}

.field.field--name-field-faq.field--type-faqfield {
    margin-bottom: 25px!important;
}

.field.field--name-field-addparagraph .field.field--name-field-faq-text-rechts {
    width: 100%;
    margin-left: 0px;
}

.field.field--name-field-faq.field--type-faqfield {
    width: 100%;
    margin-right: 0px;
    margin-bottom: 25px;
}

.text-formatted.field.field--name-field-icon-code {
    display: block;
    margin-bottom: 20px;
}

.paragraph.paragraph--type--cta-icon-links .text-formatted.field.field--name-field-text-rechts {
    float: left;
    width: 100%;
    margin-top: 0px;
}

.field--name-field-icon-code i, .field--name-field-icon-code svg {
    display: block!Important;
    float: unset!Important;
    font-size: 100px;
    margin-right: 0px;
}

.field.field--name-field-addparagraph .field.field--name-field-bild-rechts img,
.field.field--name-field-addparagraph .field.field--name-field-bild-links img {
    width: 100%;
    max-width: 520px;
}

.field.field--name-field-addparagraph .field.field--name-field-bild-links img {
    margin-bottom: 20px;
}

.flxbx {
    display: inline-block;
    background: transparent;
}

.field--name-field-artikel-gross {
    width: 100%;
    max-width: 520px;
    border-right: 0px;
    margin-bottom: 20px!important;
}

.text-formatted.field.field--name-field-usptxtleft {
    width: 100%;
    margin-right: 0px;
    margin-bottom: 35px;
}

.text-formatted.field.field--name-field-uspgraphic {
    margin-right: 0px;
    margin-left: 0px;
}

.field.field--name-field-artikel-.field--type-block-field {
    width: 100%;
    max-width: 520px;
    border-left: 0px;
    margin-bottom: 20px;
}

div.contactformleft {
    width: 100%;
    margin-bottom: 20px;
}

.webform-submission-contact-form div#edit-processed-text--2 {
    width: 100%;
    float: left;
    padding: 0px;
}

.field.field--name-field-addparagraph .field.field--name-field-text-links, 
.field.field--name-field-addparagraph .field.field--name-field-bild-links,
.text-formatted.field.field--name-field-col1.field--type-text-long.field--label-hidden.field__item {
    width: 100%;
    margin-right: 0px!important;
}

.field.field--name-field-addparagraph .field.field--name-field-bild-rechts, 
.field.field--name-field-addparagraph .field.field--name-field-text-rechts,
.clearfix.text-formatted.field.field--name-field-col2.field--type-text-long.field--label-hidden.field__item {
    width: 100%;
    margin-left: 0px;
}

.paragraph.paragraph--type--faq .ui-accordion .ui-accordion-content {
    padding: 15px 20px 15px 20px;
}

.cta-big.center h2,
h2.borderbot.aleft {
    font-size: 34px;
    line-height: 1.1em;
}

ul.blv li.fa.fa-check {
    font-size: 18px;
}

.header-section,
.paragraph.paragraph--type--kopfbereich-titel-bild- {
    border-radius: 0px 0px 25px 25px;
}

span.subtitle {
    font-size: 30px;
    line-height: 1.15em;
    margin-top: 20px;
}

.flex2 {
    flex-direction: column;
    align-items: flex-start;
    gap: 30px;
    padding: 35px;
}

.paragraph.paragraph--type--cta-ansprechpartner .field.field--name-field-bild-links.field--type-image {
    order: 2;
}

}

@media all and (max-width: 550px) {

body {
    font-size: 16px;
    line-height: 155%;
}

#logo img {
    max-width: 200px;
}
    
.pdt65 {
	padding-top: 40px;
}

.pdb65 {
	padding-bottom: 40px;
}

.ref-grid .view-content {
        display: grid;
        gap: 30px 20px;
        width: 100%;
        grid-template-columns: 1fr;
}
 

div#block-kostenloseberatung {
    display: none;
}

.paragraph.paragraph--type--textbereichbgcolor {
    padding: 40px 0px;
}

.paragraph.paragraph--type--textbereichbgcolor1600 {
    padding: 40px 0px;
}

.paragraph.paragraph--type--textbereichbgcolor3200 {
    padding: 40px 0px;
}

.paragraph.paragraph--type--testimonials {
    padding: 40px 0px;
}

.paragraph.paragraph--type--faq {
    padding: 40px 0px;
}

.paragraph.paragraph--type--text-links-bild-rechts {
    padding: 40px 0px;
}

.paragraph.paragraph--type--bild-links-text-rechts {
    background: #e8e8e8;
    padding: 40px 0px;
}

.paragraph.paragraph--type--cta-icon-links {
    padding: 40px 0px;
}

.paragraph.paragraph--type--twoblocks {
    padding: 40px 0px;
}

.paragraph.paragraph--type--formular {
    padding: 40px 0px;
}

.paragraph.paragraph--type--usp-text-links-grafik-rechts {
    padding: 40px 0px;
}

.threeblocks a {
    width: 100%;
    padding: 25px;
}

.header-section h1,
.paragraph.paragraph--type--kopfbereich-titel-bild- h1 {
    font-size: 18px;
}	

.header-section h1.big,
.paragraph.paragraph--type--kopfbereich-titel-bild- h1.big {
    font-size: 28px;
}

ul.blv {
    margin-left: 40px;
    margin-top: -10px;
    padding: 0 0px 40px;
}

ul.blv li.fa.fa-check {
    font-size: 16px;
    line-height: 1.4;
    padding: 15px;
    margin-left: -20px;
}

ul.blv .fa-check:before {
	font-size: 20px;
    margin-right: 11px;
    margin-left: -33px;
    float: left;
    margin-top: -1px;
}

p.check {
    padding-left: 30px;
    line-height: 1.2;
    margin-bottom: 10px;
}

p.check:before {
    margin-left: -28px;
    font-size: 16px;
    float: left;
    margin-top: 1px;
}

h2 {
    font-size: 22px;
}

h3 {
    font-size: 19px;
}

.bbox h3 {
    padding: 6px 12px;
}

.paragraph.paragraph--type--cta-icon-links .text-formatted.field.field--name-field-text-rechts a {
    font-size: 30px;
    margin-top: 5px;
}

.field-left {
    width: 100%;
    margin-right: 0px;
}

.field-right {
    width: 100%;
    margin-left: 0px;
}

.paragraph.paragraph--type--faq .ui-accordion .ui-accordion-header {
    font-size: 16px;
}

}

@media all and (max-width: 480px) {
	.carousel .carousel-control, .carousel .carousel-caption { display: none; }
	

	
	
}
/*User path*/
.path-user form, 
ul.tabs.primary {
    max-width: 900px;
    margin: auto;
    padding: 20px;
}

/*credits*/
.credits { margin-bottom: 0; font-size: 0.9em; }

/*toggle control*/
.toggle-control { width: 100%; position: relative; z-index: 13; }

.toggle-control a, .toggle-control a:hover { color: var(--white); position: absolute; top: 0; right: 0; display: block; padding: 18px 19px; line-height: 14px; cursor: pointer; height: 52px; }

/*google map*/
.gm-style img { max-width: none; }

/*drupal primary links*/

ul.primary li a, ul.primary li.active a {
    border-radius: 7px;
    border: 1px solid var(--blue);
    margin-bottom: 5px;
}

.tabs a.is-active { background-color: var(--blue)!important; }

/*drupal resets*/
#toolbar { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }

#toolbar ul.menu { width: auto; }

#toolbar ul.menu li { background: none; }

.not-logged-in .block-forum .contextual-links-wrapper { display: none; }

a.contextual-links-trigger, #toolbar a, textarea { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none; }

.path-frontpage .block-page-title-block {
	display:none;
}