/*
 Theme Name:     Blaschke
 Theme URI:      https://aweos.de
 Description:    Das offizielle Design von Blaschke
 Author:         Blaschke
 Author URI:     https://aweos.de
 Template:       Divi
 Version:        1.0.0
*/
/* =Theme customization starts here
------------------------------------------------------- */

:root :where(a:where(:not(.wp-element-button))) {
    text-decoration: none !important;
}
button#CookieBoxPreferencesButton {
    display: none !important;
}

.et_pb_section.hero-slider.et_section_regular {
    background: #fff7ee;
}
.hero-slider h1 span {
    color: #ec6608; 
}
/* manrope-200 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 200;
    src: url('/wp-content/themes/blaschke/fonts/manrope-v15-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* manrope-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: 'Manrope';
    font-style: normal;
    font-weight: 300;
    src: url('/wp-content/themes/blaschke/fonts/manrope-v15-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* manrope-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: 'Manrope';
    font-style: normal;
    font-weight: 400;
    src: url('/wp-content/themes/blaschke/fonts/manrope-v15-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* manrope-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: 'Manrope';
    font-style: normal;
    font-weight: 700;
    src: url('/wp-content/themes/blaschke/fonts/manrope-v15-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 800;
    src: url('/wp-content/themes/blaschke/fonts/manrope-v15-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  .head-content {
    padding: 220px 0 150px 0;
    position: relative;
    height: 700px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.container-side {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}
.container-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: rgba(0,0,0, 0.1);
}

.container-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}

.container-image::before {
    content:'';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0, 0.25);
    pointer-events: none;
    z-index: 1;
}#top-menu li li a, #top-menu li li {
    width: 100%;
    max-width: 100%;
}
.nav li ul {
    width: 280px;
}
.nav li.et-touch-hover>ul, .nav li:hover>ul {
    border: none;
}
#top-menu li li {
    padding: 0;
}
.gal-blaschke .et_pb_column.et_pb_column_1_3 {
    margin-right: 2%;
    width: 32%;
}
.container-text h1 {
    font-size: 60px;
    font-weight: 800;
    line-height: 79px;
    position: relative;
    display: inline-block;
}
a.cta-top {
    background: #ec6608;
    color: white;
    padding: 18px 21px;
    display: inline-block;
    line-height: 100%;
    font-weight: bold;
    margin-top: 35px;
}
.anchor li {
    text-decoration: underline;
    margin-top: 10px;
    margin-bottom: 10px;
    list-style: none;
}
.anchor a {
    color: black;
}
ul.anchor {
    width: 100%;
    text-align: center;
    letter-spacing: 1px;
    border: solid 1px #e6843a;
    display: flex;
    background: #fff6f1;
    align-content: center;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 6px 10px 6px 10px;
    border-radius: 20px;
	 justify-content: space-around;
}
.features-head ol li:before {
    display: none;
}

.features-head ol {
    margin-top: 27px;
    font-size: 15px;
}
.et_pb_toggle.et_pb_module.et_pb_accordion_item {
    background: none;
    border: none;
    border-bottom: 1px solid #ee8c43;
    padding: 25px 0;
}
.page-template-page-template-services .breadcrumbs {
    max-width: 90%;
    margin: auto;
    background: #f9f9f9;
    padding: 10px;
	border-bottom: 1px solid #eeeeee;
}
.page-template-page-template-services #breadcrumbs span {
    color: #3d2a1a;
    font-weight: 400;
}
@media (max-width: 768px) {
    .anchor li:after {
        content: '';
        width: 20%;
        height: 0;
        padding: 0;
        border-bottom: 1px solid #e6843a;
        display: block;
        margin: auto;
        margin-top: 15px;
    }
}
@media (max-width: 768px) {
    .anchor {
        flex-direction: column;
    }
}
@media (max-width: 768px) {
    .anchor li {
        width: 80%;
    }
}
@media (max-width: 768px) {
    .anchor li:after {
        content: '';
        width: 20%;
        height: 0;
        padding: 0;
        border-bottom: 1px solid #e6843a;
        display: block;
        margin: auto;
        margin-top: 15px;
    }
    .anchor li:last-child::after {
        display: none;
    }
}
.et_pb_section.unterseite.et_section_regular {
    background: none;
}

.unterseite .et_pb_column.et_pb_column_2_5 {
    width: 34%;
}

.unterseite .et_pb_column.et_pb_column_3_5 {
    background: white;
    padding: 25px 30px;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.02) 0px 0px 0px 1px;
    width: 62%;
    margin-right: 4%;
}
.unterseite .et_pb_column.et_pb_column_2_5 {
    width: 34%;
}
.unterseite h2 {
    font-weight: bold;
    line-height: 34px;
}


/* .container-text h1:after {
    content: '';
    background-image: url(https://blaschke-cloud.aweos.dev/wp-content/uploads/2025/01/head-linie.svg);
    width: 300px;
    height: 100px;
    position: absolute;
    top: -4%;
    right: -300px;
    background-repeat: no-repeat;
}
.container-text h1:before {
    content: '';
    background-image: url(https://blaschke-cloud.aweos.dev/wp-content/uploads/2025/01/head-linie2.svg);
    width: 300px;
    height: 100px;
    position: absolute;
    top: 23%;
    left: -300px;
    background-repeat: no-repeat;
} */
p.sub-container {
    color: #ffffff;
    width: 50%;
    display: block;
    margin: 0 auto;
    margin-bottom: 15px;
    font-weight: 600;
}

#breadcrumbs span {
    color: white;
    font-size: 18px;
}

p#breadcrumbs {
    font-weight: 600;
}

.container-text h1 {
    color: #ffffff;
}

.container-text strong {
    color: #ec6608;
}
.container-text {
    text-align: center;
}
  body {
    font-family: 'Manrope';
  }
  header#main-header {
    background: none;
    top: 0px;
    box-shadow: none;
    transition: box-shadow 0.3s ease-in-out;
    position: fixed;
    background: #fff7ee;
}
header#main-header.scrolled {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
}
.logged-in header#main-header {
    top: 32px;
}
.hero-slider h1 {
    font-size: 60px;
    font-weight: 800;
    line-height: 79px;
    position: relative;
    display: inline-block;
}
.hero-slider .et_pb_row {
    padding-top: 150px;
    padding-bottom: 200px;
}
.boxen-top .et_pb_column.et_pb_column_3_5:after {
    content: '';
    border-top: 1px solid #ebebeb;
    position: absolute;
    top: 50px;
    width: 100%;
    left: 0;
    right: 0;
}
.et_pb_module.et_pb_text.box.et_pb_text_align_left.et_pb_bg_layout_light {
    display: inline-block;
    width: 50%;
    vertical-align: top;
    overflow: hidden;
}
.boxen-top .et_pb_column.et_pb_column_3_5:before {
    content: '\5e \5e \5e';
    font-family: 'ETmodules';
    color: #cccccc;
    font-size: 23px;
    letter-spacing: -7px;
    position: relative;
    right: 7px;
    top: -27px;
}
.et_pb_module.et_pb_text.et_pb_text_3.box.et_pb_text_align_left.et_pb_bg_layout_light {
    background: #b25e2c;
}
.et_pb_module.et_pb_text.et_pb_text_2.box.et_pb_text_align_left.et_pb_bg_layout_light {
    background: #f49342;
    background: #e6843a;
}
.boxen-left img {
    width: 60px;
}
.et_pb_module.et_pb_text.box.et_pb_text_align_left.et_pb_bg_layout_light {
    display: inline-block;
    width: 47%;
    vertical-align: top;
    margin-right: 3%;
    padding: 20px;
    margin-bottom: 0;
    min-height: 350px;
}
.box li {
    padding-bottom: 4px;
    color: #ffffffba;
}
.boxen-left h2 {
    font-weight: bold;
    font-size: 24px;
    line-height: 32px;
    padding-top: 30px;
}
.head-text h2 strong {
    color: #ec6608;
}
.boxen-left .et_pb_text_inner {
    padding-top: 70px;
}
.et_pb_row.vorteile-box {
    display: flex
;
}
.none-popup {
    display: none;
}
.vorteile-box h3 {
    font-size: 16px;
    text-transform: uppercase;
}
.vorteile-box .et_pb_column.et_pb_column_1_2 {
    margin-right: 1%;
    width: 50%;
}
.vorteile-box .et_pb_module.et_pb_image {
    height: 100%;
}
.vorteile-box .et_pb_module.et_pb_code:nth-child(3) {
    margin-bottom: 0;
}
.vorteile-box .et_pb_module.et_pb_image span img {
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.vorteile-box .et_pb_module.et_pb_image span {
    height: 100%;
}
.vorteile-box .et_pb_module.et_pb_code:nth-child(2n) {
    margin-right: 0;
}
.vorteile-box .et_pb_code_inner span img {
    width: 80px;
    padding-bottom: 11px;
}
.et_pb_section.vorteile.et_section_regular {
    background: #f9f9f9;
    width: 90%;
    margin: 0 auto;
}
.vorteile-box .et_pb_code_inner strong:after {
    content: '';
    background-image: url(https://blaschke-cloud.aweos.dev/wp-content/uploads/2025/01/next-2.svg);
    width: 17px;
    height: 17px;
    display: inline-block;
    background-size: 100%;
    vertical-align: middle;
    margin-left: 6px;
}
.head-text p {
    width: 50%;
    text-align: center;
    margin: 0 auto;
}
.vorteile-box .et_pb_code_inner p {
    font-weight: bold;
    padding-top: 6px;
}
.vorteile-box .et_pb_code_inner strong {
    padding-top: 30px;
    display: block;
}
.vorteile-subtext .et_pb_text_inner {
    text-align: center;
    margin: 0 auto;
    width: 45%;
}
#bewertungen span:before {
    content: '\e033';
    font-family: 'ETmodules';
    background: #ec6608;
    display: inline-block;
    color: white;
    width: 28px;
    height: 28px;
    line-height: 28px;
    font-size: 14px;
    margin-right: 2px;
    text-align: center;
}
.sterne {
    padding-top: 30px;
    padding-bottom: 6px;
}
#bewertungen strong {
    display: block;
}
.hero-slider ul {
    display: flex;
    list-style: none;
    padding-left: 0;
    padding-top: 10px;
    padding-bottom: 0;
    align-items: baseline;
}
.hero-slider li:first-child {
    background: none;
    padding: 0;
    width: 63px;
    height: 63px;
    top: 8px;
    position: relative;
}
.hero-slider li:first-child img {
    width: 88%;
    position: relative;
    top: 3px;
}
/*.et_pb_section.bewrtungen.et_section_regular {
    background: #f9f9f9;
    width: 90%;
    margin: 0 auto;
    padding-bottom: 400px;
}*/
.et_pb_section.bewrtungen.et_section_regular {
    background: #f9f9f9;
    width: 90%;
    margin: 0 auto;
}
.row-tabelle-head .head-text p {
    width: 30%;
}
.et_pb_row.row-tabelle-head {
    margin-top: -350px;
    padding-bottom: 10px;
}
.et_pb_section.tabellen.et_section_regular {
    padding-top: 0;
    background: none;
}
.lSAction > .lSPrev {
    margin: 0 auto;
    opacity: 1;
    left: -5px;
    display: inline-block;
    background: none;
}
.lSAction > .lSNext {
    margin: 0 auto;
    background: red;
    opacity: 1;
    display: inline-block;
    right: -5px;
    background: none;
}
.features-box img {
    width: 80px;
}
.features-head h2 {
    font-size: 36px;
    font-weight: 800;
    line-height: 47px;
    position: relative;
    padding-bottom: 36px;
}
.et_pb_row.features-box.et_pb_row_4col {
    display: flex
;
}
.features-box h3 {
    font-weight: bold;
    line-height: 27px;
    font-size: 21px;
}
.features-head li {
    padding-bottom: 16px;
}
.features-head .et_pb_column.et_pb_column_1_4 {
    margin-right: 5%;
    width: 25%;
}
.et_pb_row.hero-slider {
    padding-bottom: 10px;
}
.boxen-left strong:before {
    content: '';
    background-image: url(https://blaschke-cloud.aweos.dev/wp-content/uploads/2025/01/thumb.jpg);
    width: 200px;
    height: 118px;
    background-size: 100%;
    position: absolute;
    top: -32px;
    left: 0;
    margin: 0 auto;
    text-align: center;
    right: 0;
    z-index: -1;
    background-repeat: no-repeat;
    border: 1px solid #efefef;
}
.boxen-left strong {
    position: relative;
    display: block;
}
.features-head .et_pb_column.et_pb_column_3_4 {
    width: 70%;
}
.features-head img {
    height: 380px;
    object-fit: cover;
}
.features-head li:before {
    content: '\4e';
    font-family: 'ETmodules';
    background: #fff7ee;
    color: #ec6608;
    width: 24px;
    height: 24px;
    display: inline-block;
    text-align: center;
    line-height: 24px;
    border-radius: 50%;
    font-weight: bold;
    font-size: 14px;
    margin-right: 10px;
    vertical-align: middle;
}
.features-head ul {
    padding-top: 20px;
    padding-left: 0;
    list-style: none;
}
.et_pb_row.features-head.et_pb_row_1-4_3-4 {
    padding-bottom: 0;
}
.features-box .et_pb_column.et_pb_column_1_4 {
    padding: 25px;
    margin-right: 2%;
    width: 23.5%;
    border: 1px solid #ececec;
}
.lSAction > .lSPrev:before {
    content: '';
    background-image: url(https://blaschke-cloud.aweos.dev/wp-content/uploads/2025/01/leftarrow.svg);
    background-size: 100%;
    width: 24px;
    height: 24px;
    display: inline-block;
}
a.lSNext:before {
    content: '';
    background-image: url(https://blaschke-cloud.aweos.dev/wp-content/uploads/2025/01/right-arrow.svg);
    background-size: 100%;
    width: 24px;
    height: 24px;
    display: inline-block;
}
.lSAction > a {
    position: relative;
}
.lSAction {
    text-align: center;
    padding-top: 20px;
}
#bewertungen li {
    background: white;
    padding: 25px;
}
.hero-slider li:nth-child(2) {
    width: auto;
    background: none;
    top: 6px;
    position: relative;
    padding-left: 5px;
    padding-right: 42px;
}
.hero-slider li:nth-child(2) h2 {
    font-size: 48px;
    font-weight: 800;
    padding-bottom: 0;
}
.hero-slider li {
    margin-right: 2px;
    background: #ec6608;
    padding: 7px;
    width: 28px;
    height: 28px;
    text-align: center;
    line-height: 14px;
}
.hero-slider li img {
    width: 11px;
}
.hero-slider li:last-child {
    width: auto;
    background: none;
}
.hero-slider strong {
    color: #9c9c9c;
    font-size: 15px;
}
.et_pb_row.vorteile-subtext {
    padding-top: 10px;
}
.vorteile-box .et_pb_module.et_pb_code {
    display: inline-block;
    width: 49%;
    padding: 25px;
    margin-bottom: 10px;
    margin-right: 2%;
    border: 1px solid #f6f6f6;
    vertical-align: top;
    background: white;
    min-height: 290px;
}

/* Erfolg (Erfolgsgeschichte) alapstílus pozicionáláshoz */
.et_pb_module.et_pb_text.erfolg.et_pb_text_align_left.et_pb_bg_layout_light {
    position: absolute;
    bottom: -30px;
    left: 40px;
    right: 40px;
    z-index: 22222;
    background-color: rgba(0, 0, 0, 0.7);
    padding: 15px;
    border-left: 5px solid #ec6608;
    max-width: calc(100% - 80px);
    text-align: center;
}

.erfolg .et_pb_text_inner h4 {
    color: #ec6608;
    text-transform: uppercase;
    font-size: 19px;
    text-align: center;
}

.erfolg .et_pb_text_inner h6 {
    color: #ec6608;
    font-size: 18px;
    padding-top: 14px;
    text-align: center;
}
.erfolg .et_pb_text_inner h5 {
    font-weight: 800;
    color: white;
    font-size: 27px;
    line-height: 37px;
    text-align: center;
}

/* Általánosan középre igazítjuk az összes .erfolg szövegelemet */
.et_pb_module.et_pb_text.erfolg .et_pb_text_inner {
    text-align: center;
}
.vorteile-box span.et_pb_image_wrap:before {
    bottom: 0;
    content: "";
    height: 80%;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 22;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0) 90%, rgba(0, 0, 0, 0));
}
.head-text h2 {
    font-size: 48px;
    font-weight: 800;
    line-height: 65px;
    position: relative;
    text-align: center;
}
.boxen-left a {
    background: #ffffff;
    color: white;
    padding: 18px 21px;
    display: inline-block;
    line-height: 100%;
    font-weight: bold;
    margin-top: 20px;
    color: #515151;
    border: 1px solid #e8e8e8;
}
.boxen-top .et_pb_column.et_pb_column_2_5 {
   width: 34%;
    margin-right: 4%;
    padding: 25px 30px;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
    background: white;
    margin-top: -150px;
    padding-top: 37px;
    background: linear-gradient(to bottom, #ffffff, #fff7ee);
}
.box.et_pb_text_3 h3:before {
    background-image: url(https://blaschke-cloud.aweos.dev/wp-content/uploads/2025/01/dot.svg);
    width: 50px;
    height: 50px;
    display: block;
    background-size: 100%;
    content: '';
    background-color: #fba55e;
    margin-bottom: 40px;
    margin-top: 5px;
    display: none;
}
.boxen-left img {
    width: 52px;
    background: #ec6608;
    padding: 18px;
}
.box-right img {
    margin-right: 6px;
    display: inline-block;
    background: #ba6633;
    line-height: 100%;
    padding: 11px;
    width: 40px;
}
.box-right.et_pb_column.et_pb_column_1_2 {
    display: inline-block;
    width: 47%;
    vertical-align: top;
    margin-right: 3%;
    padding: 25px;
    margin-bottom: 0;
    background: #ffffff;
    overflow: hidden;
    border: 2px solid #b25e2c;
    border-radius: 4px;
}
.box-left.et_pb_column.et_pb_column_1_2 {
    display: inline-block;
    width: 47%;
    vertical-align: top;
    margin-right: 3%;
    padding: 25px;
    margin-bottom: 0;
    background: #ffffff;
    overflow: hidden;
    border: 2px solid #e6843a;
    border-radius: 4px;
}
.box-left .tabelle-first li {
    border-bottom: 1px solid #fcae6d;
}
.box-right .tabelle-first li {
    border-bottom: 1px solid #bf6a38;
}
.tabelle-first li {
    padding-bottom: 15px;
    padding-top: 15px;
}
.tabelle-first ul {
    padding-left: 0;
    list-style: none;
    padding-bottom: 0;
}
.box-technik strong {
    float: right;
}
.one-third {
    font-size: 34px;
    line-height: 47px;
    font-weight: bold;
}
.footer-top {
    padding-top: 40px;
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 40px;
}
.box-technik h6 {
    color: white;
    font-size: 17px;
    font-weight: bold;
}
.tabellen-row h3 {
    color: white;
    font-weight: bold;
    font-size: 28px;
    padding-top: 20px;
    line-height: 39px;
}
.tabelle-first li strong {
    display: block;
    padding-bottom: 7px;
}
.box-technik li {
    color: #ffffffba;
    padding-bottom: 4px;
}
.box-technik li strong {
    color: white;
}
.box-left.et_pb_column.et_pb_column_1_2:before {
    content: '';
    position: absolute;
    top: 5%;
    right: -22px;
    transform: translateY(-50%);
    width: 22px;
    height: 27%;
    background-color: #ee8c43;
    transform-origin: bottom right;
    transform: translateY(-50%) rotate(-30deg);
}
.box-left.et_pb_column.et_pb_column_1_2:after {
    content: '';
    position: absolute;
    top: 4%;
    right: -55px;
    transform: translateY(-50%);
    width: 22px;
    height: 28%;
    background-color: #ee8c43;
    transform-origin: bottom right;
    transform: translateY(-50%) rotate(-30deg);
}
.box-right.et_pb_column.et_pb_column_1_2:before {
    content: '';
    position: absolute;
    top: 5%;
    right: -62px;
    transform: translateY(-50%);
    width: 22px;
    height: 27%;
    background-color: #ba6633;
    transform-origin: bottom right;
    transform: translateY(-50%) rotate(-30deg);
}
.box-right.et_pb_column.et_pb_column_1_2:after {
    content: '';
    position: absolute;
    top: 4%;
    right: -95px;
    transform: translateY(-50%);
    width: 22px;
    height: 28%;
    background-color: #ba6633;
    transform-origin: bottom right;
    transform: translateY(-50%) rotate(-30deg);
}
.two-third ul {
    display: flex
;
    align-items: center;
    justify-content: right;
}
div#footer-bottom img {
    width: 100px;
}
div#footer-bottom {
    background: none;
}
div#footer-bottom .container {
    text-align: center;
    padding-bottom: 20px;
}
#main-footer .footer-widget h4 {
    font-weight: bold;
    padding-bottom: 25px;
}
.et_pb_gutters3.et_pb_footer_columns4 .footer-widget:first-child {
    margin-right: 14%;
}
#footer-widgets .footer-widget li {
    padding-left: 0;
    margin-bottom: 1px;
}
.et_pb_gutters3.et_pb_footer_columns4 .footer-widget {
    width: 19.875%;
    margin-right: 2%;
}
#footer-widgets .footer-widget li:before {
    display: none;
}
.two-third li {
    margin-left: 6px;
}
.two-third img {
    background: #ec6608;
    width: 32px;
    padding: 8px;
    height: 32px;
}
.two-third {
    width: 20%;
}
.one-third {
    width: 80%;
}
.footer-top .container {
    display: flex
;
    align-items: center;
}
footer#main-footer {
    width: 90%;
    margin: 0 auto;
    background: #f9f9f9;
}
.tabelle-first.special-tabelle-first li {
    border-bottom: none;
    padding-bottom: 0;
}
.et_pb_row.tabellen-row {
    width: 58%;
}
.tabellen-row .et_pb_text_inner {
    color: white;
}
.tabellen-row .box-left h4 {
    border-top: 1px solid #ee8c43;
    border-bottom: 1px solid #ee8c43;
}
.tabellen-row .box-right h4 {
    border-top: 1px solid #bf6a38;
    border-bottom: 1px solid #bf6a38;
}
.tabellen-row h4 {
    margin-top: 20px;
    margin-bottom: 20px;
    color: white;
    font-weight: bold;
    font-size: 36px;
    padding-top: 30px;
    padding-bottom: 30px;
}
.tabellen .et_pb_accordion.tabelle-left-border .et_pb_toggle {
    border-bottom: 1px solid #ee8c43;
    padding: 25px 0;
}
.tabellen .et_pb_accordion.tabelle-right-border .et_pb_toggle {
    border-bottom: 1px solid #bf6a38;
    padding: 25px 0;
}

.tabellen .et_pb_module.et_pb_accordion {
    margin-bottom: 0;
}
.tabellen-row .box-technik h3 {
    font-size: 17px;
    padding-top: 15px;
}

.tabellen .et_pb_accordion .et_pb_toggle {
    padding: 0;
    background: none;
    border: none;
    margin-bottom: 0;
    padding: 10px 0;
}
.tabellen .et_pb_toggle_content {
    color: #827d7d;
    padding-top: 10px;
}
.tabellen .et_pb_accordion .et_pb_toggle h5 {
    color: black;
    font-size: 17px;
    font-weight: bold;
    line-height: 28px;
}
.et_pb_toggle_title:before {
    color: black;
}
.tabelle-left-border .et_pb_toggle_title:before {
    color: #ee8c43 !important;
}
.tabelle-right-border .et_pb_toggle_title:before {
    color: #bf6a38 !important;
}
.tabellen-row .box-left h6 {
    color: white;
    background: #ee8c43;
    text-align: center;
    padding: 19px 16px;
    font-size: 24px;
    margin-bottom: 20px;
    display: block;
    font-weight: bold;
}
.tabelle-first span {
    font-size: 24px;
}
.tabellen-row .box-right h6 {
    color: white;
    background: #ba6633;
    text-align: center;
    padding: 19px 16px;
    font-size: 24px;
    margin-bottom: 20px;
    display: block;
    font-weight: bold;
}

.cta-heading a:hover {
    text-decoration: underline !important;
}

.box-technik img {
    width: 21px;
    vertical-align: middle;
    margin-right: 8px;
    padding: 0;
    background: none;
    filter: brightness(0) saturate(100%);
}

.box-technik ul {
    padding-left: 0;
    list-style: none;
    padding-bottom: 0;
}
.box-left .sterne-container img {
    margin-right: 0;
    display: inline-block;
    background: #ee8c43;
    line-height: 100%;
    padding: 11px;
    width: 40px;
}
.box.et_pb_text_3 h3:before {
    background-image: url(https://blaschke-cloud.aweos.dev/wp-content/uploads/2025/01/twodots.svg);
    width: 50px;
    height: 50px;
    display: block;
    background-size: 100%;
    content: '';
    background-color: #fba55e;
    margin-bottom: 40px;
    margin-top: 5px;
    display: none;
}
.et_pb_text_2 .sterne-container {
    margin-bottom: 33px;
    margin-top: 5px;
}
.box.et_pb_text_2 .et_pb_text_inner .sterne-container img {
    margin-right: 0;
    display: inline-block;
    background: #ee8c43;
    line-height: 100%;
    padding: 11px;
    width: 40px;
}
.box.et_pb_text_3 .et_pb_text_inner .sterne-container img {
    margin-right: 6px;
    display: inline-block;
    background: #ba6633;
    line-height: 100%;
    padding: 11px;
    width: 40px;
}
.et_pb_text_3 .sterne-container {
    margin-bottom: 33px;
    margin-top: 5px;
}
.box li strong {
    float: right;
    color: white;
}
.box a {
    color: white;
    font-size: 17px;
    margin-top: 15px;
    display: block;
}
.box a:after {
    content: '';
    background-image: url(https://blaschke-cloud.aweos.dev/wp-content/uploads/2025/01/next-2w.svg);
    width: 16px;
    height: 16px;
    display: inline-block;
    background-size: 100%;
    vertical-align: middle;
    margin-left: 5px;
    position: relative;
    bottom: 1px;
}
.box .et_pb_text_inner img {
    width: 21px;
    vertical-align: middle;
    margin-right: 8px;
}
.box li:last-child {
    padding-bottom: 0;
}
.box ul {
    padding-left: 0;
    list-style: none;
    min-height: 116px;
    padding-bottom: 0;
}
.box .et_pb_text_inner {
    color: white;
    font-size: 15px;
}
.hero-slider h1:after {
    content: '';
    background-image: url(https://blaschke-cloud.aweos.dev/wp-content/uploads/2025/01/head-linie.svg);
    width: 300px;
    height: 100px;
    position: absolute;
    top: 23%;
    right: -300px;
    background-repeat: no-repeat;
}
.hero-slider h1:before {
    content: '';
    background-image: url(https://blaschke-cloud.aweos.dev/wp-content/uploads/2025/01/head-linie2.svg);
    width: 300px;
    height: 100px;
    position: absolute;
    top: 23%;
    left: -300px;
    background-repeat: no-repeat;
}
.box h3 {
    color: white;
    font-weight: bold;
    font-size: 18px;
    padding-bottom: 25px;
}
.et_pb_module.et_pb_text.box-head.et_pb_text_align_left.et_pb_bg_layout_light {
    margin-bottom: 20px;
    font-weight: bold;
}
.et_pb_module.et_pb_code.code-box {
    margin-bottom: 20px;
}
.et_pb_module.et_pb_text.et_pb_text_2.box.et_pb_text_align_left.et_pb_bg_layout_light:before {
    content: '';
    position: absolute;
    top: 10%;
    right: -22px;
    transform: translateY(-50%);
    width: 22px;
    height: 100%;
    background-color: #ee8c43;
    transform-origin: bottom right;
    transform: translateY(-50%) rotate(-30deg);
}
.et_pb_module.et_pb_text.et_pb_text_2.box.et_pb_text_align_left.et_pb_bg_layout_light:after {
    content: '';
    position: absolute;
    top: 10%;
    right: -55px;
    transform: translateY(-50%);
    width: 22px;
    height: 100%;
    background-color: #ee8c43;
    transform-origin: bottom right;
    transform: translateY(-50%) rotate(-30deg);
}
.et_pb_module.et_pb_text.et_pb_text_3.box.et_pb_text_align_left.et_pb_bg_layout_light:before {
    content: '';
    position: absolute;
    top: 10%;
    right: -22px;
    transform: translateY(-50%);
    width: 22px;
    height: 100%;
    background-color: #ba6633;
    transform-origin: bottom right;
    transform: translateY(-50%) rotate(-30deg);
}
.code-box img {
    width: 100px;
}
.zert-box img {
    width: 40px;
}
.code-box .et_pb_code_inner {
    display: flex
;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 10px;
}
.et_pb_module.et_pb_text.et_pb_text_3.box.et_pb_text_align_left.et_pb_bg_layout_light:after {
    content: '';
    position: absolute;
    top: 10%;
    right: -55px;
    transform: translateY(-50%);
    width: 22px;
    height: 100%;
    background-color: #ba6633;
    transform-origin: bottom right;
    transform: translateY(-50%) rotate(-30deg);
}
.boxen-top .et_pb_column.et_pb_column_3_5 {
    padding: 25px 30px;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
    background: white;
    margin-top: -150px;
    padding-top: 37px;
    width: 62%;
}
.boxen-left .et_pb_text_inner {
    text-align: center;
}
.boxen-top .et_pb_column.et_pb_column_2_5:before {
    content: '\5e \5e \5e';
    font-family: 'ETmodules';
    color: #cccccc;
    font-size: 23px;
    letter-spacing: -7px;
    position: relative;
    right: 7px;
    top: -27px;
}
.boxen-top .et_pb_column.et_pb_column_2_5:after {
    content: '';
    border-top: 1px solid #ebebeb;
    position: absolute;
    top: 50px;
    width: 100%;
    left: 0;
    right: 0;
}
.et_pb_section.boxen-top.et_section_regular {
    padding-top: 0;
}
.boxen-top .et_pb_row {
    padding-top: 220px;
    display: flex;
}

.et_header_style_left .logo_container {
    position: relative;
    width: 13%;
}
.container.et_menu_container {
    display: flex
;
    align-items: center;
    justify-content: space-between;
    width: 90%;
    max-width: 100%;
}
.et_header_style_left #et-top-navigation {
    padding-left: 0 !important;
    float: none;
    width: 74%;
}
nav#top-menu-nav, #top-menu, nav.et-menu-nav, .et-menu {
    float: none;
    text-align: center;
}
.ap-top {
    width: 99%;
}
img#logo {
    width: 70%;
}
.ap-top .ap-top-flex {
    display: flex;
    align-items: center;
    border: 1px solid #ec6608;
    border-radius: 31px;
    padding: 3px 14px 3px 4px;
    font-weight: 500;
    font-size: 16px;
    cursor: pointer;
    text-align: left;
    transition: all 0.3s ease;
    background-color: rgba(255, 247, 238, 0.8);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}
.ap-top .ap-top-flex:hover {
    background-color: #ec6608;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.ap-top .ap-top-flex:hover .flex-top span {
    color: white;
}
.ap-top img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    vertical-align: middle;
    margin-right: 8px;
    object-fit: cover;
    border: 2px solid #ec6608;
    transition: all 0.3s ease;
}
.ap-top .ap-top-flex:hover img {
    border-color: white;
}
.flex-top {
    font-size: 14px;
    line-height: 1.2;
}
.flex-top span {
    display: block;
    font-size: 14px;
    font-weight: 700;
    color: #ec6608;
    transition: all 0.3s ease;
}
/* .ap-top h4:after {
    content: '3';
    font-family: 'ETmodules';
    position: relative;
    top: 4px;
    right: 18px;
    transition: all 0.3s ease;
} */
.ap-top .ap-top-flex:hover:after {
    color: white;
    transform: translateX(3px);
}
.hero-slider .et_pb_text_inner a {
    background: #ec6608;
    color: white;
    padding: 18px 21px;
    display: inline-block;
    line-height: 100%;
    font-weight: bold;
    margin-top: 20px;
}

.hero-slider p strong {
    color: #9e9285;
    width: 32%;
    display: block;
    margin: 0 auto;
}
.hero-slider .et_pb_text_inner {
    text-align: center;
}

/* -------------Kontakt-------------- */

input[type="checkbox"] {
    display: inline-block;
}

input.wpcf7-form-control.wpcf7-submit.has-spinner {
    background: #ec6608;
    color: white;
    padding: 12px 21px;
    display: inline-block;
    line-height: 100%;
    font-weight: bold;
    margin-top: 0;
}

form.wpcf7-form.init {
    display: flex;
    flex-wrap: wrap;
    column-gap: 15px;
    row-gap: 10px;
}

form.wpcf7-form.init p {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

p:has(.wpcf7-checkbox) > label {
    font-size: 16px;
    text-decoration: underline;
}


form.wpcf7-form.init > p:not(:has(.wpcf7-checkbox)):not(:has(.wpcf7-acceptance)) {
    width: calc(50% - 10px);
    margin: 0;
}

.pflichtfelder-hinweis {
    font-size: 12px;
    color: #999;
    margin: 2px 0 0 0 !important;
    display: block;
}

.akzeptieren-form {
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 0 !important;
    width: 100%;
}

.wpcf7-form .akzeptieren-form p {
    margin-bottom: 0;
}

.wpcf7-form textarea {
    min-height: 80px;
    resize: vertical;
}



@media (max-width: 768px) {
    form.wpcf7-form.init > p {
        width: 100%;
    }
}

input.wpcf7-form-control.wpcf7-text {
    width: 100%;
}

form.wpcf7-form.init > p:has(.wpcf7-select),
form.wpcf7-form.init > p:has(.wpcf7-textarea) {
    width: 100% !important;
}

select.wpcf7-form-control.wpcf7-select {
    width: 100%;
}

textarea.wpcf7-form-control.wpcf7-textarea.wpcf7-validates-as-required {
    width: 100%;
}

span.wpcf7-list-item-label {
    font-size: 14px;
    color: #666;
    font-weight: bold;
}

.wpcf7-checkbox .wpcf7-list-item:nth-child(1) {
    margin-left: 0;
}


.wpcf7-acceptance .wpcf7-list-item {
    margin-left: 0 !important;
}

.senden-form {
    display: flex;
    justify-content: flex-start;
    width: 100%;
    margin-top: 0;
}

.senden-form p {
    margin: 0;
    padding: 0 !important;
}


.wpcf7-form label {
    position: relative;
    display: block;
    font-size: 13px;
    color: #666;
    margin-bottom: 2px;
    font-weight: bold;
}

.wpcf7-form input:not([type="checkbox"]),
.wpcf7-form textarea,
.wpcf7-form select {
    width: 100%;
    padding: 10px 12px;
    font-size: 14px;
    border: 2px solid #ccc;
    border-radius: 5px;
    transition: all 0.3s ease-in-out;
}

.wpcf7-form input::placeholder,
.wpcf7-form textarea::placeholder {
    color: #999;
    font-weight: 400;
}

.wpcf7-form input:focus,
.wpcf7-form textarea:focus,
.wpcf7-form select:focus {
    border-color: #ec6608;
    outline: none;
    box-shadow: 0 0 5px rgba(0, 115, 230, 0.3);
}

.wpcf7-form-control.wpcf7-select {
    appearance: none;
    background: url('data:image/svg+xml;utf8,<svg fill="%23000000" viewBox="0 0 24 24" width="18" height="18" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"></path></svg>') no-repeat;
    background-position: right 10px center;
    background-size: 18px;
    padding-right: 30px;
}

.telefon-container {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 0px !important;
}

.telefon-icon {
    width: 50px;
    height: 50px;
    margin-top: 10px;
}

.telefon-nummer {
    font-weight: bold;
    font-size: 16px;
    color: #333;
}

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

select.wpcf7-form-control.wpcf7-select {
    font-family: 'Manrope', sans-serif !important;
}


/* ------------------------------Kontakt END---------------------------- */


/* ------------------------------Testimonials--------------------------- */

.testimonials-section {
    margin-bottom: 0px;
    padding-bottom: 0px !important;
}

.card-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    text-align: center;
    min-height: 50%; 
    padding-top: 50px;
}


.card p {
    font-size: 24px;
    font-weight: 600;
    color: #ec6608;
  }
  
  .card p.small {
    font-size: 20px;
    color: #ec6608;
  }
  

  
  .go-corner {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    width: 32px;
    height: 32px;
    overflow: hidden;
    top: 0;
    right: 0;
    background-color: #ec6608;
    border-radius: 0 4px 0 32px;
  }
  
  .go-arrow {
    margin-top: -4px;
    margin-right: -4px;
    color: white;
  }
  
  .card {
    display: block;
    position: relative;
    width: 100%;
    height: 250px;
    background-color: #f2f8f9;
    border-radius: 4px;
    padding: 32px 24px;
    margin: 0px;
    text-decoration: none;
    z-index: 0;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}


.card:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: -16px;
    right: -16px;
    background: #ec6608;
    height: 50px;
    width: 50px;
    border-radius: 32px;
    transform: scale(1);
    transform-origin: 50% 50%;
    transition: transform 0.25s ease-out;
}


.card:hover:before {
    transform: scale(21);
}

.card:hover p {
    transition: all 0.3s ease-out;
    color: rgba(255, 255, 255, 0.8);
}

.card:hover h3 {
    transition: all 0.3s ease-out;
    color: #fff;
}



/* ------------------------------Testimonials END---------------------------- */

/* ------------------------------Testimonials-Kunden---------------------------- */

.unterseite-liste {
    list-style: none;
    padding-left: 0;
}

.unterseite-liste li {
    position: relative;
    padding-left: 40px; 
}

.unterseite-liste li::before {
    content: '\4e';
    font-family: 'ETmodules';
    background: #fff7ee;
    color: #ec6608;
    width: 24px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    line-height: 24px;
    border-radius: 50%;
    font-weight: bold;
    font-size: 14px;
    position: absolute;
    left: 0;
    top: 4px; 
}


.unterseite-liste li::marker {
    display: none;
    content: '';
}

.testimonial {
    background-color: rgba(0, 0, 0, 0.8);
    color: #fff; 
    padding: 20px;
    border-left: 7px solid #ec6608;
    font-style: italic;
    font-size: 18px;
    margin: 20px 0 37px;
    position: relative;
}

.testimonial::before {
    content: "\201C";
    font-size: 50px;
    color: #ec6608;
    position: absolute;
    top: 15px;
    left: 0px;
}

.testimonial-author {
    display: block;
    margin-top: 10px;
    font-weight: bold;
    color: #ec6608;
    font-size: 16px;
}

/* UI/UX Enhancements for better text styling */
.tabelle-first h3 {
    font-size: 28px;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 18px;
    color: #333333 !important;
}

.tabelle-first p {
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 24px;
    color: #444444 !important;
}

.tabelle-first h4 {
    font-size: 26px;
    font-weight: 700;
    margin: 15px 0;
    color: #333333 !important;
}

.tabelle-first span {
    color: #666666 !important;
}

.tabelle-first h6 {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 1px;
    margin-top: 15px;
}

/* Improve accordion styling */
.tabelle-left-border .et_pb_toggle_title,
.tabelle-right-border .et_pb_toggle_title {
    font-size: 18px;
    font-weight: 600;
    color: #333333 !important;
    padding: 5px 0;
}

.tabelle-left-border .et_pb_toggle_content p,
.tabelle-right-border .et_pb_toggle_content p {
    font-size: 16px;
    line-height: 1.6;
    color: #444444 !important;
    padding-top: 8px;
}

/* Box styling improvements */
.box-left.et_pb_column.et_pb_column_1_2,
.box-right.et_pb_column.et_pb_column_1_2 {
    box-shadow: 0 3px 10px rgba(0,0,0,0.05);
    transition: all 0.3s ease;
}

/* Box headings */
.box-technik h3 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 20px;
    color: #333333 !important;
}

/* ------------------------------Testimonials-Kunden END---------------------------- */


/* ------------------------------Terminal-Pakete---------------------------- */


.unterseite-terminal-pakete {
    padding-top: 67px !important;
}


/* ------------------------------Terminal-Pakete END---------------------------- */

/* ------------------------------Terminal-Pakete Tabelle---------------------------- */
.tooltip {
    position: relative;
    display: inline-flex;
    align-items: normal;
    font-weight: bold;
    gap: 10px;
    padding-top: 16px;
    font-size: 16px;
}

.tooltip-wrapper {
    position: relative; 
    display: inline-block;
}

.tooltip-icon {
    width: 22px;
    height: 22px;
    cursor: pointer;
    top: -8px;
    position: absolute;
}

.tooltip-wrapper .tooltiptext {
    visibility: hidden;
    width: 250px;
    background-color: black;
    color: white;
    text-align: center;
    padding: 10px;
    border-radius: 5px;
    position: absolute;
    z-index: 1;
    bottom: 150%;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    font-size: 14px;
    line-height: 1.4;
}


.tooltip-wrapper:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}


.tablepress thead .row-1 {
    background: linear-gradient(to right, #ec6608, #e6843a, #b25e2c);
    color: white;
}

.tablepress thead .row-1 .column-1 {
    background-color: #ec6608;
    color: white;
}

.tablepress thead .row-1 .column-2 {
    background-color: #e6843a;
    color: white;
}

.tablepress thead .row-1 .column-3 {
    background-color: #b25e2c;
    color: white;
}

.tablepress thead .row-1 th {
    border-right: 2px solid rgba(255, 255, 255, 0.6);
}


.tablepress thead .row-1 .column-2,
.tablepress thead .row-1 .column-3,
.tablepress tbody .column-2,
.tablepress tbody .column-3 {
    text-align: center; 
    vertical-align: middle;
}

.tablepress .features-head {
    list-style: none; 
    padding-left: 0; 
    padding-bottom: 0px;
}

.tablepress .features-head li::marker {
    content: none; 
}

.tablepress .features-head li {
    list-style-type: none; 
    padding-top: 16px;
}

.tablepress ul.features-head li:before {
    content: '\4e';
    font-family: 'ETmodules';
    background: #f5e6d5;
    color: #ec6608;
    width: 24px;
    height: 24px;
    display: inline-block;
    text-align: center;
    line-height: 24px;
    border-radius: 50%;
    font-weight: bold;
    font-size: 14px;
    margin-right: 10px;
    vertical-align: middle;
}


.tablepress br {
    display: none;
}


.btns-anfrageformular .et_pb_text_inner {
    display: flex;
    justify-content: flex-end;
    gap: 5px; 
    margin-top: 15px; 
}


.btn-anfrageformular-1 {
    background-color: #e6843a;
    color: white;
    padding: 12px 8px;
    text-decoration: none;
    font-weight: bold;
    max-width: 175px;
    text-align: center;
    font-size: 16px;
	border: 2px solid transparent;
}

.btn-anfrageformular-2 {
    background-color: #b25e2c;
    color: white;
    padding: 12px 8px;
    text-decoration: none;
    font-weight: bold;
    max-width: 175px;
    justify-content: center;
    display: flex;
    align-items: center;
    text-align: center;
    font-size: 16px;
	border: 2px solid transparent;
}

.btn-anfrageformular-1:hover {
    background-color: white;
    color: #e6843a;
    border: 2px solid #e6843a;
}

.btn-anfrageformular-2:hover {
    background-color: white;
    color: #b25e2c;
    border: 2px solid #b25e2c;
}



/* ------------------------------Terminal-Pakete Tabelle END---------------------------- */

/* ------------------------------Blogs ---------------------------- */
.et_pb_pagebuilder_layout.single.et_full_width_page:not(.et-tb-has-body) .et_post_meta_wrapper {
    text-align: center;
    padding-top: 9%;
}


.single-post .entry-title {
    font-size: 48px;
    font-weight: bold;
    color: #3d2a1a;
    padding: 20px 0;
    margin-bottom: 10px;
    position: relative; 
    text-transform: uppercase; 
    letter-spacing: 1px; 
}


.single-post .entry-title::after {
    content: "";
    display: block;
    width: 160px;
    height: 4px;
    background: #ec6608;
    margin: 10px auto 0; 
}


.post-meta {
    font-size: 16px;
    color: #666;
    margin-bottom: 30px;
}

.single-post h2 {
    font-size: 28px;
    font-weight: bold;
    color: #3d2a1a;
    margin-bottom: 10px;
    text-align: center;
}

.single-post p {
    font-size: 16px;
    color: #4d4b4b;
    margin-bottom: 10px;
} 


.comparison-title {
    font-size: 28px;
    font-weight: bold;
    color: #3d2a1a;
    margin-bottom: 10px;
    text-align: center;
}

.comparison-description {
    font-size: 16px;
    color: #4d4b4b;
    margin-bottom: 20px;
    text-align: center;
}


.comparison-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 5px; 
}


.column-header {
    background-color: #ec6608;
    color: white;
    font-size: 18px;
    font-weight: bold;
    padding: 15px;
    text-align: center;
}


.comparison-title-row {
    grid-column: span 2;
    font-size: 16px;
    font-weight: bold;
    color: #ec6608;
    padding: 10px 0 5px 10px; 
    margin-top: 10px;
    border-left: 5px solid #ec6608; 
}


.comparison-item {
    background: #f9f9f9;
    padding: 15px;
    border: 1px solid #ddd;
    text-align: left;
}


.comparison-title-row::before {
    content: attr(data-number) ".";
    font-weight: bold;
    margin-right: 8px;
    color: #ec6608;
    font-size: 18px;
}


.comparison-item p {
    font-size: 14px;
    color: #333;
    margin: 5px 0;
}


@media (max-width: 768px) {
    .comparison-grid {
        grid-template-columns: 1fr;
    }
    
    .column-header {
        font-size: 16px;
    }

    .comparison-title-row {
        grid-column: span 1;
        text-align: left;
    }
}


.blog-text-img .et_pb_image_wrap img {
    border-radius: 12px; 
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15); 
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
}


.blog-text-img .et_pb_image_wrap img:hover {
    transform: scale(1.05); 
    box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.2); 
}


.blog-text-img .et_pb_image_wrap {
    border: 5px solid #ec6608; 
    border-radius: 20px;
    overflow: hidden; 
}


.blog-text-img .et_pb_image_wrap::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.1); 
    border-radius: 12px;
    transition: background 0.3s ease;
}

.blog-text-img .et_pb_image_wrap:hover::before {
    background: rgba(0, 0, 0, 0.2); 
}
.et_pb_row.et_pb_row_0.blog-text-img {
    display: flex;
    justify-content: center;
    align-items: center;
}

.et_pb_row.et_pb_row_1.blog-text-img {
    display: flex;
    justify-content: center;
    align-items: center;
}

.blog-text p {
    border-left: 5px solid #ec6608;
    padding-left: 30px;
}

.single-post .et_post_meta_wrapper img:last-of-type {
    display: none;
}

.features-head-blog li::marker {
    content: none;
}

.features-head-blog li {
    position: relative;
    padding-left: 40px; 
    text-align: justify;
}

.features-head-blog li::before {
    content: '\4e';
    font-family: 'ETmodules';
    background: #fff7ee;
    color: #ec6608;
    width: 24px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 50%;
    font-weight: bold;
    font-size: 16px;
    margin-right: 10px;
    position: absolute; 
    left: 0; 
    top: 5px; 
}


.features-head-blog li {
    color: #4d4b4b;
    line-height: 1.7;
}
/* ------------------------------Blogs END---------------------------- */




/* ------------------------------Blogs Übersichtseite---------------------------- */

.blog-uebersicht .et_pb_post {
    border: 1px solid #3d2a1a40;
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    background-color: white;
}


.blog-uebersicht .et_pb_post .entry-featured-image-url img {
    width: 100%;
    height: auto;
    object-fit: cover;
    border-bottom: 1px solid #ec6608;
    padding-bottom: 10px;
    max-height: 200px;
}



.blog-uebersicht .et_pb_post .entry-title a {
    text-decoration: none;
    color: #3d2a1a;
}

.blog-uebersicht.span.published {
    font-size: 14px;
}

.blog-uebersicht .et_pb_post .post-meta {
    font-size: 14px;
    color: #666;
    margin-bottom: 15px;
}

.blog-uebersicht .et_pb_post .post-content {
    color: #4d4b4b;
    margin-bottom: 15px;
}

.blog-uebersicht .post-content .post-content-inner p {
    font-size: 16px;
}

.blog-uebersicht .post-content .post-content-inner  {
    min-height: 120px;
}

.blog-uebersicht .et_pb_post .more-link {
    text-decoration: none;
    background-color: #ec6608; 
    color: white;
    padding: 8px 15px;
    border-radius: 5px;
    font-size: 14px;
    transition: all 0.3s ease;
    margin-top: 10px;
    text-align: center;
}

.blog-uebersicht .et_pb_post .more-link:hover {
    background-color: white; 
    color: black; 
    border: 1px solid #ec6608;
}

.blogs-row .et_pb_ajax_pagination_container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.blogs-row .et_pb_ajax_pagination_container .entry-title {
    min-height: 62px;
    font-size: 24px;
    text-align: center;
}

/* ------------------------------Blogs Übersichtseite END ---------------------------- */


.impressum h2 {
    font-size: 28px;
    font-weight: 600;
}

.impressum p {
    font-size: 16px;
}

.datenschutzerklaerung h2 {
    font-size: 28px;
    font-weight: 600;
}

.datenschutzerklaerung h3 {
    font-size: 24px;
    font-weight: 600;
}


.tabelle-first h3,
.tabelle-first p,
.tabelle-first h4,
.tabelle-first span {
    color: #333333 !important;
}

.tabelle-left-border .et_pb_toggle_title,
.tabelle-left-border .et_pb_toggle_content,
.tabelle-left-border .et_pb_toggle_content p {
    color: #333333 !important;
}

.box-technik h3,
.box-technik li,
.box-technik li strong,
.technik-left h3,
.technik-left li,
.technik-left li strong {
    color: #333333 !important;
}

.special-tabelle-first,
.special-tabelle-first li,
.special-tabelle-first p,
.special-tabelle-first strong {
    color: #333333 !important;
}

/* ------------------------------Responsive Design---------------------------- */


@media (max-width: 1279px) {
    .ap-top {
        width: 103%;
    }
    
    .ap-top .ap-top-flex {
        font-size: 15px;
        padding: 3px 10px 3px 2px;
    }
    
    .ap-top img {
        width: 36px;
        height: 36px;
    }
    

    .head-content {
        padding: 180px 0 120px 0;
        height: 600px;
    }
    
    .container-text h1 {
        font-size: 50px;
        line-height: 65px;
    }
    
    p.sub-container {
        width: 65%;
    }

    .boxen-top .et_pb_row {
        padding-top: 180px;
        display: flex;  
        flex-direction: column;
    }
    
    .boxen-top .et_pb_column.et_pb_column_2_5,
    .boxen-top .et_pb_column.et_pb_column_3_5 {
        margin-top: 30px;
        width: 100%;
    }
    
    .code-box img {
        width: 70px;
        padding-top: 10px;
    }
    
    .box h3 {
        font-size: 16px;
    }
}

@media (max-width: 1023px) {
    .container.et_menu_container {
        flex-wrap: wrap;
        position: relative;
    }
    
    .ap-top {
        width: auto;
        position: absolute;
        right: 80px;
        top: 25px;
    }
    
    @media (min-width: 767px) and (max-width: 1023px) {
        .et_header_style_left .logo_container {
            padding-bottom: 20px;
        }
    }
    

    .et_header_style_left .logo_container {
        width: auto;
        padding-top: 20px;
    }
    
    .et_header_style_left #et-top-navigation {
        width: 100%;
        padding-top: 0px !important;
    }

    .et_header_style_left #et-top-navigation .mobile_menu_bar {
        padding-bottom: 0px;
    }
    
    #et_mobile_nav_menu {
        margin-top: -58px;
        float: right;
    }
    
    .head-content {
        padding: 160px 0 100px 0;
        height: 550px;
    }
    
    .container-text h1 {
        font-size: 40px;
        line-height: 52px;
    }
    
    p.sub-container {
        width: 80%;
        font-size: 16px;
    }
    
    a.cta-top {
        padding: 15px 18px;
        font-size: 15px;
    }
    
    .boxen-top .et_pb_row {
        padding-top: 140px;
        display: flex;  
        flex-direction: column;
    }
    
    .boxen-top .et_pb_column.et_pb_column_2_5,
    .boxen-top .et_pb_column.et_pb_column_3_5 {
        margin-top: 30px;
        width: 100%;
        margin-right: 2%;
    }
    
    .boxen-top .et_pb_column.et_pb_column_2_5 {
        padding: 20px;
    }
    
    .boxen-top .et_pb_column.et_pb_column_3_5 {
        padding: 20px;
    }
    
    .et_pb_module.et_pb_text.box.et_pb_text_align_left.et_pb_bg_layout_light {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }
    
    .et_pb_module.et_pb_text.et_pb_text_2.box.et_pb_text_align_left.et_pb_bg_layout_light:before,
    .et_pb_module.et_pb_text.et_pb_text_2.box.et_pb_text_align_left.et_pb_bg_layout_light:after,
    .et_pb_module.et_pb_text.et_pb_text_3.box.et_pb_text_align_left.et_pb_bg_layout_light:before,
    .et_pb_module.et_pb_text.et_pb_text_3.box.et_pb_text_align_left.et_pb_bg_layout_light:after {
        display: none;
    }
    
    .box ul {
        min-height: auto;
    }
}

@media (max-width: 767px) {
    .ap-top {
        right: 65px;
        top: 26px;
    }
    
    .ap-top .ap-top-flex {
        border-radius: 25px;
        padding: 2px 10px 2px 2px;
    }
    
    .ap-top img {
        width: 32px;
        height: 32px;
    }

    .mobile_menu_bar:before {
        top: -22px;
    }
    
    .flex-top {
        font-size: 12px;
    }
    
    .flex-top span {
        font-size: 12px;
    }
    
    .ap-top .ap-top-flex:after {
        display: none;
    }
    
    #et_mobile_nav_menu {
        margin-top: -20px;
    }
    
    .head-content {
        padding: 140px 0 80px 0;
        height: 500px;
    }
    
    .container-side {
        padding: 0 15px;
    }
    
    .container-text h1 {
        font-size: 32px;
        line-height: 42px;
        letter-spacing: -0.5px;
    }
    
    p.sub-container {
        width: 90%;
        font-size: 15px;
        line-height: 1.4;
        margin-top: 15px;
    }
    
    a.cta-top {
        margin-top: 25px;
        padding: 12px 16px;
        font-size: 14px;
    }
    
    .container-image img {
        object-position: center 20%;
    }
    
    .container-image::before {
        background-color: rgba(0,0,0, 0.3);
    }
    
    .boxen-top .et_pb_row {
        padding-top: 100px;
        flex-direction: column;
    }
    
    .boxen-top .et_pb_column.et_pb_column_2_5,
    .boxen-top .et_pb_column.et_pb_column_3_5 {
        width: 100%;
        margin-right: 0;
        margin-top: 0;
        margin-bottom: 30px;
    }
    
    .boxen-top .et_pb_column.et_pb_column_2_5 {
        margin-top: -80px;
    }
    
    .boxen-top .et_pb_column.et_pb_column_3_5 {
        padding-bottom: 20px;
    }
    
    .et_pb_module.et_pb_text.box.et_pb_text_align_left.et_pb_bg_layout_light {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
        display: block;
    }
    
    .et_pb_module.et_pb_text.et_pb_text_2.box.et_pb_text_align_left.et_pb_bg_layout_light:before,
    .et_pb_module.et_pb_text.et_pb_text_2.box.et_pb_text_align_left.et_pb_bg_layout_light:after,
    .et_pb_module.et_pb_text.et_pb_text_3.box.et_pb_text_align_left.et_pb_bg_layout_light:before,
    .et_pb_module.et_pb_text.et_pb_text_3.box.et_pb_text_align_left.et_pb_bg_layout_light:after {
        display: none;
    }
    
    .box ul {
        min-height: auto;
    }
}

@media (max-width: 480px) {
    header#main-header .container {
        position: relative;
    }

    .logged-in header#main-header {
        top: 0px;
    }
    
    .logo_container {
        width: 70% !important;
        padding-top: 11px;
    }
    
    .ap-top {
        position: absolute;
        right: 60px;
        top: 20px;
        width: auto;
    }
    
    .ap-top .ap-top-flex {
        padding: 0;
        justify-content: center;
        border: none;
        background: none;
        box-shadow: none;
    }
    
    .flex-top {
        display: none;
    }
    
    .ap-top img {
        margin-right: 0;
        width: 35px;
        height: 35px;
        border: 1px solid #ec6608;
    }
    
    #et_mobile_nav_menu {
        margin-top: 0;
        position: absolute;
        right: 10px;
        top: 42px;
    }
    
    .et_header_style_left #et-top-navigation {
        padding-top: 24px !important;
    }
    
    .head-content {
        padding: 120px 0 60px 0;
        height: 500px;
    }
    
    .container-side {
        padding: 0 10px;
    }
    
    .container-text h1 {
        font-size: 30px;
        line-height: 1.2;
        letter-spacing: -0.5px;
        margin-bottom: 15px;
    }
    
    .container-text h1 br {
        display: none;
    }
    
    p.sub-container {
        width: 100%;
        font-size: 16px;
        margin-top: 15px;
        margin-bottom: 25px;
    }
    
    a.cta-top {
        margin-top: 10px;
        padding: 14px 18px;
        font-size: 16px;
        width: auto;
        display: inline-block;
    }
     .tablepress.dedicated-tabelle td.column-2:before {
            content: "Details";
            display: block;
            font-weight: bold;
            margin-bottom: 5px;
        }

     .tablepress.dedicated-tabelle td.column-3:before {
            content: "Im Standard und Advanced Paket enthalten";
            display: block;
            font-weight: bold;
            margin-bottom: 5px;
        }
    
    .container-image {
        background-color: rgba(0,0,0, 0.15);
    }
    
    .container-image img {
        opacity: 0.85;
        object-position: 65% 25%;
    }
    
    .container-image::before {
        background-color: rgba(0,0,0, 0.2);
    }
    
    .boxen-top .et_pb_row {
        padding-top: 80px;
    }
    
    .boxen-top .et_pb_column.et_pb_column_2_5 {
        margin-top: -60px;
        padding: 15px;
    }
    
    .boxen-top .et_pb_column.et_pb_column_3_5 {
        padding: 15px;
    }
    
    .boxen-left h2 {
        font-size: 18px;
        line-height: 24px;
    }
    
    .boxen-left p {
        font-size: 14px;
    }
    
    .code-box .et_pb_code_inner {
        flex-wrap: wrap;
        justify-content: center;
        gap: 15px;
    }
    
    .code-box img {
        width: 70px;
    }
    
    .zert-box {
        display: flex;
        justify-content: center;
        gap: 10px;
        width: 100%;
    }
    
    .et_pb_module.et_pb_text.box.et_pb_text_align_left.et_pb_bg_layout_light {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
        display: block;
        min-height: auto;
    }
    
    .box ul {
        padding-bottom: 10px;
    }
    
    .blogs-row .et_pb_ajax_pagination_container {
        grid-template-columns: 1fr;
    }
}

.box-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.box-wrapper .et_pb_module.et_pb_text.box {
    width: 48%;
    margin-right: 0;
    margin-bottom: 20px;
}

@media (max-width: 767px) {
    

    .box-wrapper {
        flex-direction: column;
    }
    
    .box-wrapper .et_pb_module.et_pb_text.box {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }

    .boxen-top .et_pb_column.et_pb_column_2_5:before {
        top: -6px;
    }
}

/* ------------------------------Vorteile-Responsive Design---------------------------- */

.vorteile .head-text h2 {
    font-size: 48px;
    font-weight: 800;
    line-height: 65px;
    text-align: center;
}

.vorteile .head-text p {
    width: 50%;
    text-align: center;
    margin: 0 auto;
    font-size: 16px;
    line-height: 1.6;
}

.vorteile-box {
    display: flex;
}

.vorteile-box .et_pb_column.et_pb_column_1_2 {
    margin-right: 1%;
    width: 50%;
}

.vorteile-box .et_pb_module.et_pb_code {
    display: inline-block;
    width: 49%;
    padding: 25px;
    margin-bottom: 10px;
    margin-right: 2%;
    border: 1px solid #f6f6f6;
    vertical-align: top;
    background: white;
    min-height: 290px;
}

@media (max-width: 1279px) {
    .vorteile .head-text h2 {
        font-size: 42px;
        line-height: 56px;
    }
    
    .vorteile .head-text p {
        width: 65%;
        font-size: 16px;
    }
    
    .vorteile-box .et_pb_module.et_pb_code {
        min-height: 300px;
        padding: 20px;
    }
    
    .vorteile-box .et_pb_code_inner span img {
        width: 70px;
    }
    
    .vorteile-box h3 {
        font-size: 15px;
        margin-bottom: 5px;
    }
    
    .vorteile-box .et_pb_code_inner p {
        font-size: 14px;
    }
    
    .erfolg .et_pb_text_inner h5 {
        font-size: 24px;
        line-height: 34px;
    }
}

@media (max-width: 1023px) {
    .vorteile .head-text h2 {
        font-size: 36px;
        line-height: 48px;
    }
    
    .vorteile .head-text p {
        width: 80%;
        font-size: 15px;
    }
    
    .vorteile-box {
        flex-direction: column;
    }
    
    .vorteile-box .et_pb_column.et_pb_column_1_2 {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }
    
    .vorteile-box .et_pb_module.et_pb_code {
        width: 48%;
        min-height: 240px;
        padding: 18px;
    }
    
    .vorteile-box .et_pb_code_inner span img {
        width: 60px;
    }
    
    .vorteile-box h3 {
        font-size: 15px;
    }
    
    .vorteile-box .et_pb_code_inner p {
        font-size: 14px;
    }
    
    .et_pb_module.et_pb_text.erfolg.et_pb_text_align_left.et_pb_bg_layout_light {
        position: absolute;
        bottom: 30px;
        left: 30px;
    }
    
    .erfolg .et_pb_text_inner h5 {
        font-size: 22px;
        line-height: 30px;
    }
    
    .erfolg .et_pb_text_inner h4 {
        font-size: 17px;
    }
    
    .erfolg .et_pb_text_inner h6 {
        font-size: 16px;
    }
    
    .vorteile-subtext .et_pb_text_inner {
        width: 80%;
        text-align: center;
    }
}

@media (max-width: 767px) {
    .vorteile .head-text h2 {
        font-size: 30px;
        line-height: 40px;
    }
    
    .vorteile .head-text h2 br {
        display: none;
    }
    
    .vorteile .head-text p {
        width: 100%;
        font-size: 15px;
    }
    
    .vorteile-box .et_pb_module.et_pb_code {
        width: 100%;
        min-height: auto;
        padding: 18px;
        margin-right: 0;
        margin-bottom: 15px !important;
    }
    
    .vorteile-box .et_pb_code_inner span img {
        width: 55px;
    }
    
    .erfolg .et_pb_text_inner h5 {
        font-size: 20px;
        line-height: 28px;
    }
    
    .vorteile-subtext .et_pb_text_inner {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .vorteile .head-text h2 {
        font-size: 28px;
        line-height: 36px;
    }
    
    .vorteile .head-text p {
        font-size: 14px;
        line-height: 1.4;
    }
    
    .vorteile-box .et_pb_module.et_pb_code {
        padding: 15px;
    }
    
    .vorteile-box .et_pb_code_inner span img {
        width: 50px;
    }
    
    .vorteile-box h3 {
        font-size: 14px;
        margin-top: 10px;
    }
    
    .vorteile-box .et_pb_code_inner p {
        font-size: 13px;
    }
    
    .et_pb_module.et_pb_text.erfolg.et_pb_text_align_left.et_pb_bg_layout_light {
        position: absolute;
        bottom: 20px;
        left: 20px;
        right: 20px;
    }
    
    .erfolg .et_pb_text_inner h5 {
        font-size: 18px;
        line-height: 24px;
    }
    
    .erfolg .et_pb_text_inner h4 {
        font-size: 16px;
    }
    
    .erfolg .et_pb_text_inner h6 {
        font-size: 14px;
    }

    .vorteile-box .et_pb_module.et_pb_code:nth-child(3) {
        margin-bottom: 15px;
    }

    .vorteile-box .et_pb_column .et_pb_module {
        margin-bottom: 20px;
    }
}

/* ------------------------------Features-Head Responsive Design---------------------------- */

.features-head h2 {
    font-size: 36px;
    font-weight: 800;
    line-height: 47px;
    position: relative;
    padding-bottom: 36px;
}

.features-head .et_pb_column.et_pb_column_1_4 {
    margin-right: 5%;
    width: 25%;
}

.features-head .et_pb_column.et_pb_column_3_4 {
    width: 70%;
}

.features-head li {
    padding-bottom: 16px;
}

.features-head ul {
    padding-top: 20px;
    padding-left: 0;
    list-style: none;
}

.features-head li:before {
    content: '\4e';
    font-family: 'ETmodules';
    background: #fff7ee;
    color: #ec6608;
    width: 24px;
    height: 24px;
    display: inline-block;
    text-align: center;
    line-height: 24px;
    border-radius: 50%;
    font-weight: bold;
    font-size: 14px;
    margin-right: 10px;
    vertical-align: middle;
}

@media (max-width: 1279px) {
    .features-head h2 {
        font-size: 30px;
        line-height: 42px;
        padding-bottom: 30px;
    }
    
    .features-head p {
        font-size: 15px;
        line-height: 1.5;
    }
    
    .features-head .et_pb_column.et_pb_column_1_4 {
        margin-right: 4%;
        width: 26%;
    }
    
    .features-head .et_pb_column.et_pb_column_3_4 {
        width: 70%;
    }
    
    .features-head li {
        padding-bottom: 14px;
    }
    
    .features-head img {
        height: 340px;
    }
}

@media (max-width: 1023px) {
    .features-head h2 {
        font-size: 28px;
        line-height: 38px;
        padding-bottom: 24px;
    }
    
    .features-head p {
        font-size: 14px;
        line-height: 1.4;
    }
    
    .features-head .et_pb_column.et_pb_column_1_4 {
        margin-right: 3%;
        width: 35%;
    }
    
    .features-head .et_pb_column.et_pb_column_3_4 {
        width: 62%;
    }
    
    .features-head li {
        padding-bottom: 12px;
    }
    
    .features-head li:before {
        width: 22px;
        height: 22px;
        line-height: 22px;
        font-size: 12px;
        margin-right: 8px;
    }
    
    .features-head img {
        height: 300px;
    }
}

@media (max-width: 767px) {
    .et_pb_row.features-head.et_pb_row_1-4_3-4 {
        display: flex;
        flex-direction: column;
    }
    
    .features-head h2 {
        font-size: 26px;
        line-height: 34px;
        padding-bottom: 20px;
        text-align: center;
    }
    
    .features-head h2 br {
        display: none;
    }
    
    .features-head p {
        font-size: 14px;
        line-height: 1.4;
        text-align: center;
    }
    
    .features-head .et_pb_column.et_pb_column_1_4,
    .features-head .et_pb_column.et_pb_column_3_4 {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }
    
    .features-head ul {
        max-width: 400px;
        margin: 0 auto;
        padding-top: 15px;
        padding-bottom: 10px;
    }
    
    .features-head li {
        padding-bottom: 10px;
        text-align: left;
    }
    
    .features-head img {
        height: 280px;
        width: 100%;
    }
}

@media (max-width: 480px) {
    .features-head h2 {
        font-size: 24px;
        line-height: 32px;
        padding-bottom: 16px;
    }
    
    .features-head p {
        font-size: 14px;
        line-height: 1.4;
    }
    
    .features-head ul {
        padding-top: 10px;
    }
    
    .features-head li {
        padding-bottom: 10px;
        font-size: 14px;
        line-height: 1.4;
    }
    
    .features-head li:before {
        width: 20px;
        height: 20px;
        line-height: 20px;
        font-size: 11px;
        margin-right: 7px;
    }
    
    .features-head img {
        height: 240px;
    }
}

@media (max-width: 1023px) {
    .et_pb_row.features-box.et_pb_row_4col {
        display: flex;
        flex-wrap: wrap;
    }
    
    .features-box .et_pb_column.et_pb_column_1_4 {
        width: 31.333%;
        margin-right: 3%;
        margin-bottom: 3%;
    }
    
    .features-box .et_pb_column.et_pb_column_1_4:nth-child(2),
    .features-box .et_pb_column.et_pb_column_1_4:nth-child(5),
    .features-box .et_pb_column.et_pb_column_1_4:nth-child(8) {
        margin-right: 3%;
    }
    
    .features-box .et_pb_column.et_pb_column_1_4:nth-child(3n) {
        margin-right: 0;
    }
    
    .features-box .et_pb_column.et_pb_column_1_4:nth-child(4n) {
        margin-right: 3%;
    }
    
    .features-box .et_pb_column.et_pb_column_1_4:nth-child(6),
    .features-box .et_pb_column.et_pb_column_1_4:nth-child(9),
    .features-box .et_pb_column.et_pb_column_1_4:nth-child(12) {
        margin-right: 0;
    }
    
    .features-box h3 {
        font-size: 19px;
        line-height: 25px;
    }
    
    .features-box img {
        width: 70px;
    }
}

@media (max-width: 767px) {
    .features-box .et_pb_column.et_pb_column_1_4 {
        width: 48%;
        margin-right: 4%;
    }
    
    .features-box .et_pb_column.et_pb_column_1_4:nth-child(3n) {
        margin-right: 4%;
    }
    
    .features-box .et_pb_column.et_pb_column_1_4:nth-child(2n) {
        margin-right: 0;
    }
    
    .features-box h3 {
        font-size: 17px;
        line-height: 23px;
    }
}

@media (max-width: 480px) {

    .features-box .et_pb_column.et_pb_column_1_4 {
        width: 100%;
        margin-right: 0;
    }
    
    .features-box .et_pb_column.et_pb_column_1_4:nth-child(3n) {
        margin-right: 0;
    }
    
    .features-box h3 {
        font-size: 16px;
        line-height: 22px;
    }
    
    .features-box img {
        width: 60px;
    }
}


@media (max-width: 1279px) {
    .et_pb_module.et_pb_text.erfolg.et_pb_text_align_left.et_pb_bg_layout_light {
        bottom: -25px;
        left: 30px;
        right: 30px;
        padding: 12px;
        max-width: calc(100% - 60px);
        background-color: rgba(0, 0, 0, 0.7);
        border-left: 5px solid #ec6608;
    }
    
    .erfolg .et_pb_text_inner h5 {
        font-size: 22px;
        line-height: 30px;
        color: white;
        font-weight: 800;
    }
    
    .erfolg .et_pb_text_inner h4 {
        font-size: 17px;
        color: #ec6608;
        text-transform: uppercase;
    }
    
    .erfolg .et_pb_text_inner h6 {
        font-size: 16px;
        color: #ec6608;
        padding-top: 14px;
    }
}

@media (max-width: 1023px) {
    .vorteile-box .et_pb_column.et_pb_column_1_2:first-child {
        margin-bottom: 30px;
        position: relative;
    }
    
    .et_pb_module.et_pb_text.erfolg.et_pb_text_align_left.et_pb_bg_layout_light {
        bottom: -70px;
        left: 25px;
        right: 25px;
        padding: 10px;
        max-width: calc(100% - 50px);
        background-color: rgba(0, 0, 0, 0.7);
        border-left: 5px solid #ec6608;
    }
    
    .et_pb_module.et_pb_code.et_pb_code_1 {
        margin-top: 60px;
    }
    
    .erfolg .et_pb_text_inner h5 {
        font-size: 20px;
        line-height: 28px;
        color: white;
        font-weight: 800;
    }
    
    .erfolg .et_pb_text_inner h4 {
        font-size: 16px;
        color: #ec6608;
        text-transform: uppercase;
    }
    
    .erfolg .et_pb_text_inner h6 {
        font-size: 15px;
        color: #ec6608;
        padding-top: 10px;
    }
}

@media (min-width: 767px) and (max-width: 1023px) {
    .et_pb_module.et_pb_code.et_pb_code_2 {
        margin-top: 60px;
    }
}


@media (max-width: 767px) {
    .et_pb_module.et_pb_text.erfolg.et_pb_text_align_left.et_pb_bg_layout_light {
        left: 15px;
        right: 15px;
        padding: 10px;
        max-width: calc(100% - 30px);
    }
    
    .erfolg .et_pb_text_inner h5 {
        font-size: 18px;
        line-height: 24px;
    }
    
    .erfolg .et_pb_text_inner h4 {
        font-size: 15px;
    }
    
    .erfolg .et_pb_text_inner h6 {
        font-size: 14px;
        padding-top: 8px;
    }
}

@media (max-width: 480px) {
    .et_pb_module.et_pb_text.erfolg.et_pb_text_align_left.et_pb_bg_layout_light {
        left: 10px;
        right: 10px;
        padding: 8px;
        max-width: calc(100% - 20px);
    }
    
    .erfolg .et_pb_text_inner h5 {
        font-size: 16px;
        line-height: 22px;
    }
    
    .erfolg .et_pb_text_inner h4 {
        font-size: 14px;
    }
    
    .erfolg .et_pb_text_inner h6 {
        font-size: 13px;
        padding-top: 6px;
    }
}

@media (max-width: 1023px) {
    .boxen-top .et_pb_column.et_pb_column_2_5:before,
    .boxen-top .et_pb_column.et_pb_column_3_5:before {
        top: -6px;
    }
}


@media (max-width: 767px) {
    .footer-top .container {
        display: flex;
        align-items: center;
        flex-direction: column;
    }

    .one-third {
        width: 100%;
        margin-bottom: 10px;
        text-align: center;
        font-size: 28px;
    }

    .two-third {
        width: 100%; 
    }

    .two-third ul {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        margin-top: 10px;
    }
}

/* Responsive styles for hero-slider */
@media (max-width: 980px) {
    .hero-slider ul {
        flex-wrap: wrap;
        justify-content: center;
    }
    
    .hero-slider li:nth-child(2) {
        width: 100%;
        text-align: center;
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 15px;
        order: -1;
    }
    
    .hero-slider li:nth-child(2) h2 {
        font-size: 36px;
    }
    
    .hero-slider li:first-child {
        order: 0;
    }
    
    .hero-slider li:last-child {
        width: 100%;
        text-align: center;
        margin-top: 15px;
    }
}

@media (max-width: 767px) {
    .hero-slider li {
        margin-right: 1px;
        width: 24px;
        height: 24px;
        padding: 5px;
    }
    
    .hero-slider li img {
        width: 10px;
    }
    
    .hero-slider li:first-child {
        width: 50px;
        height: 50px;
    }
    
    .hero-slider li:nth-child(2) h2 {
        font-size: 28px;
    }
    
    .hero-slider h4 {
        font-size: 16px;
    }
}

@media (max-width: 479px) {
    .hero-slider li:nth-child(2) h2 {
        font-size: 24px;
    }
    
    .hero-slider li {
        width: 20px;
        height: 20px;
        padding: 4px;
    }
    
    .hero-slider li img {
        width: 9px;
    }
    
    .hero-slider li:first-child {
        width: 40px;
        height: 40px;
    }
}

@media (max-width: 1279px) {
    .et_pb_row.tabellen-row {
        flex-direction: column;
    }
    
    .et_pb_row.tabellen-row .et_pb_column.et_pb_column_1_2 {
        width: 100% !important;
        margin-right: 0 !important;
        margin-bottom: 30px;
    }
    
    .box-left, .box-right {
        max-width: 100%;
    }
    

    .tabelle-first h3 {
        font-size: 28px;
        line-height: 36px;
    }
    
    .tabelle-first p {
        font-size: 15px;
        line-height: 22px;
    }
    
    .tabelle-first h4 {
        font-size: 26px;
    }
    
    .tabelle-first span {
        font-size: 22px;
    }
    
    .tabelle-first h6 {
        font-size: 22px;
    }
    
    .tabellen .et_pb_accordion .et_pb_toggle h5 {
        font-size: 16px;
        line-height: 24px;
    }
    
    .tabellen .et_pb_toggle_content {
        font-size: 14px;
        line-height: 22px;
    }
    
    .box-technik h3 {
        font-size: 16px;
        line-height: 22px;
    }
    
    .box-technik li {
        font-size: 14px;
        line-height: 24px;
    }
    
    .special-tabelle-first li {
        font-size: 14px;
        line-height: 22px;
    }
    
    .special-tabelle-first strong {
        font-size: 16px;
        line-height: 24px;
    }
    
    .row-tabelle-head .head-text p {
        width: 60%;
    }
}

@media (max-width: 767px) {
    .box-right.et_pb_column.et_pb_column_1_2:after,
    .box-left.et_pb_column.et_pb_column_1_2:after {
        right: -120px;
    }

    .box-left.et_pb_column.et_pb_column_1_2:before,
    .box-right.et_pb_column.et_pb_column_1_2:before {
        right: -80px;
    }
    .tabelle-first h3 {
        font-size: 24px;
        line-height: 32px;
    }
    
    .tabelle-first p {
        font-size: 14px;
        line-height: 20px;
    }
    
    .tabelle-first h4 {
        font-size: 24px;
    }
    
    .tabelle-first span {
        font-size: 20px;
    }
    
    .tabelle-first h6 {
        font-size: 20px;
        padding: 15px 14px;
    }
    
    .tabellen .et_pb_accordion .et_pb_toggle h5 {
        font-size: 15px;
        line-height: 22px;
    }
    
    .tabellen .et_pb_toggle_content {
        font-size: 13px;
        line-height: 20px;
    }
    
    .box-technik h3 {
        font-size: 15px;
        line-height: 20px;
    }
    
    .box-technik li {
        font-size: 13px;
        line-height: 22px;
    }
    
    .special-tabelle-first li {
        font-size: 13px;
        line-height: 20px;
    }
    
    .special-tabelle-first strong {
        font-size: 15px;
        line-height: 22px;
    }
}

@media (max-width: 480px) {
    .tabelle-first h3 {
        font-size: 22px;
        line-height: 28px;
    }
    
    .tabelle-first p {
        font-size: 13px;
        line-height: 19px;
    }
    
    .tabelle-first h4 {
        font-size: 20px;
    }
    
    .tabelle-first span {
        font-size: 18px;
    }
    
    .tabelle-first h6 {
        font-size: 20px !important;
        padding: 12px 10px;
    }
    
    .tabellen .et_pb_accordion .et_pb_toggle h5 {
        font-size: 14px;
        line-height: 20px;
    }
    
    .tabellen .et_pb_toggle_content {
        font-size: 12px;
        line-height: 18px;
    }
    
    .box-technik h3 {
        font-size: 14px;
        line-height: 18px;
    }
    
    .box-technik li {
        font-size: 12px;
        line-height: 20px;
    }
    
    .special-tabelle-first li {
        font-size: 12px;
        line-height: 18px;
    }
    
    .special-tabelle-first strong {
        font-size: 14px;
        line-height: 20px;
    }
    
  
    .sterne-container img {
        width: 35px;
        padding: 9px;
    }
    

    .box-technik img {
        width: 18px;
        margin-right: 6px;
    }
}


@media (max-width: 480px) {
    .box-left.et_pb_column.et_pb_column_1_2:after {
        right: -95px !important;
    }

    .box-left.et_pb_column.et_pb_column_1_2:before {
        right: -50px !important;
    }

    .box-right.et_pb_column.et_pb_column_1_2:after {
        right: -130px !important;
    }

    .box-right.et_pb_column.et_pb_column_1_2:before {
        right: -90px !important;
    }
}

@media (max-width: 767px) {
    .head-text p {
      width: 74%;
    }
  
    .et_pb_section.tabellen.et_section_regular {
      padding-bottom: 0 !important;
    }

    .tablepress .features-head li {
        text-align: center;
    }
}

@media (max-width: 480px) {
    .box-right.et_pb_column.et_pb_column_1_2:before {
        right: -90px !important;
    }
}


@media (max-width: 480px) {
    .tablepress {
        width: 100%;
        display: block;
        border: none;
    }
    

    .tablepress thead {
        display: none;
    }
    

    .tablepress tbody, 
    .tablepress tr {
        display: block;
        width: 100%;
    }
    

    .tablepress tr {
        margin-bottom: 20px;
        border: 1px solid #ddd;
        border-radius: 8px;
        position: relative;
    }
    

    .tablepress td {
        display: block;
        width: 100%;
        box-sizing: border-box;
        text-align: center;
    }
    
    .tablepress td.column-1 {
        background-color: #f5f5f5;
        padding: 15px 50px;
        border-bottom: 1px solid #ddd;
        font-weight: bold;
    }
    
    .tablepress td.column-2:before {
        content: "Standard";
        display: block;
        font-weight: bold;
        margin-bottom: 5px;
    }
    
    .tablepress td.column-3:before {
        content: "Professional";
        display: block;
        font-weight: bold;
        margin-bottom: 5px;
    }

    .tablepress td.column-2 {
        background-color: #e6843a;
        border-bottom: 1px solid #eee;
        color: white;
    }
    
    .tablepress td.column-3 {
        background-color: #b25e2c;
        color: white;
    }
    
    .tablepress .tooltip {
        position: relative;
        display: block;
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }
    
    .tablepress .tooltip-wrapper {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        margin: 5px auto;
    }
    
    .tablepress .tooltip-icon {
        display: inline-block;
        vertical-align: middle;
        width: 20px;
        height: 20px;
    }

    .tablepress .tooltiptext {
        visibility: visible;
        width: 250px;
        background-color: rgba(13, 16, 21, 0.708);
        color: white;
        text-align: center;
        border-radius: 8px;
        padding: 10px;
        position: absolute;
        z-index: 999;
        bottom: 45px;
        left: 50%;
        transform: translateX(-50%);
        opacity: 0;
        transition: opacity 0.3s;
        font-size: 14px;
        line-height: 1.4;
        pointer-events: none;
    }

    .tablepress .tooltip-wrapper:hover .tooltiptext {
        opacity: 1;
        visibility: visible;
    }

    .tablepress .tooltiptext::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: rgba(0, 1, 1, 0.615) transparent transparent transparent;
    }
    
    .tablepress .features-head {
        padding-left: 0;
        margin: 10px auto;
        width: 100%;
        display: block;
        text-align: center;
    }
    
    .tablepress tr:not(:last-child) {
        margin-bottom: 30px;
    }

    .tablepress .tooltip-wrapper {
        min-width: 30px;
        min-height: 30px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        z-index: 99;
    }
    .tablepress .features-head li {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .tooltip-icon {
        top: 0px;
        left: 6px;
    }

    .head-text p {
        width: 100% !important;
      }

    .et_pb_row.tabellen-row {
        width: 70%;
    }

    .type-page h2 {
        font-size: 28px;
        line-height: 36px;
    }

    .one-third {
        font-size: 24px;
    }

    .wpcf7-list-item {
        margin: 0 0 0 0em;
    }

    .breadcrumbs {
        max-width: 90%;
        margin: auto;
    }
    .single-post .entry-title {
        font-size: 30px;
        margin-top: 60px;
    }

    .et_pb_row.et_pb_row_0.blog-text-img {
        flex-direction: column;
        padding-top: 0px;
    }

    .et_pb_row.et_pb_row_1.blog-text-img {
        flex-direction: column;
        padding-top: 0px;
    }

    #left-area .post-meta {
        padding-bottom: 0px;
    }
    .features-head-blog ul {
        padding: 0px !important;
    }
    .single .post {
        padding-bottom: 0px !important;
    }

    .single-post .et_pb_post {
        margin-bottom: 0px;
    }
    .features-head-blog li::marker {
        content: none !important;
    }
    .features-head-blog li {
        list-style: none;
    }    
    .blog-text p {
        border-left: 3px solid #ec6608;
        padding-left: 15px;
    }
}

@media (max-width: 767px) {
    .head-text p {
      width: 74%;
    }
}



/* Responsive styles for smaller screens */
@media (max-width: 768px) {
    .comparison-grid {
        display: flex;
        flex-direction: column;
        border: none;
        margin: 0 auto 30px;
        width: 100%;
    }

    .column-header {
        display: none;
    }

    .comparison-title-row {
        background-color: #f5f5f5;
        padding: 12px 15px;
        margin-top: 25px;
        border-radius: 6px 6px 0 0;
        border: 1px solid #e0e0e0;
        font-size: 18px;
    }

    .comparison-title-row:first-of-type {
        margin-top: 0;
    }

    .comparison-item {
        border: 1px solid #e0e0e0;
        border-top: none;
        margin-bottom: 0;
        position: relative;
        padding-top: 50px;
    }

    .comparison-item:nth-of-type(odd):before {
        content: "Terminalserver";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        background-color: #b25e2c;
        color: white;
        padding: 10px;
        font-weight: bold;
        text-align: center;
        font-size: 16px;
    }

    .comparison-item:nth-of-type(even):before {
        content: "Lokaler Server";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        background-color: #e6843a;
        color: white;
        padding: 10px;
        font-weight: bold;
        text-align: center;
        font-size: 16px;
    }

    .comparison-item:last-of-type {
        border-radius: 0 0 6px 6px;
        margin-bottom: 25px;
    }

    /* Fix nested divs that might create unwanted spacing */
    .comparison-item .row,
    .comparison-item .col-sm-6,
    .comparison-item .container,
    .comparison-item .bg--img {
        padding: 0;
        margin: 0;
        width: 100%;
    }
    
    .comparison-item p {
        font-size: 15px;
        line-height: 1.5;
        margin-top: 10px;
    }
    .comparison-grid {
        gap: 0px;
    }
}

/* Offcanvas Menu Styles */
@media screen and (max-width: 980px) {
    body.admin-bar #offcanvas_container {
        top: 46px;
        background-color: white !important;
    }

    #offcanvas_menu_inner {
        min-height: calc(100% - 46px);
        background-color: white;
    }

    #offcanvas_menu_inner li.menu-item > a {
        color: #000000 !important;
        border-bottom: 1px solid rgba(230, 132, 58, 0.3) !important;
    }

    body #offcanvas_container #offcanvas_menu_inner li.menu-item.menu-item-has-children > a:after {
        background-color: #fff !important;
        color: #ee8c43 !important;
    }

    #offcanvas_container #offcanvas_menu_inner > li.menu-item.menu-item-has-children.visible > a {
        background-color: #ee8d43 !important;
    }

    #offcanvas_menu_inner .sub-menu li > a {
        background-color: white !important;
    }
    #offcanvas_container .close-sidebar-inner .fa:before,
    #offcanvas_container .close-sidebar-inner .fa:after {
        height: 18px;
        top: 6px;
        color: #ffffff !important;
    }

    body #offcanvas_container {
        border-right: 0px solid #ffffff !important;
        scrollbar-width: none;
    }
}


.tabellen-row ::marker{
    content: none !important;
    list-style: none !important;
}

.tabellen-row .features-head {
    padding: 0px;
}
/*
.tabellen-row .features-head li {
    display: flex;
}*/
.tabellen-row .features-head li {
    line-height: 25px;
}

.box-technik.technik-right,
.box-technik.technik-left {
    background-color: #fff7ee;
    padding: 20px;
    border-radius: 8px;
    border: 1px solid #ee8c43;
    margin-bottom: 10px !important;
    margin-top: 30px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  }
  
.sub-menu li:hover > a {
    background-color:transparent !important;
}

/* ------------------------------Cloud Migration Ablauf Section---------------------------- */

.ablauf-intro {
    position: relative;
    overflow: hidden;
}

.ablauf-intro h2::after {
    content: "";
    display: block;
    width: 80px;
    height: 3px;
    background: #ec6608;
    margin: 15px 0 0;
}


.ablauf-intro p:last-child {
    margin-bottom: 0;
}

.ablauf-intro p strong {
    color: #ec6608;
    font-size: 18px;
    font-weight: 600;
    display: inline-block;
    margin-top: 5px;
}

.ablauf-intro br {
    display: block;
    content: "";
    margin-top: 5px;
}

.ablauf-intro p:nth-of-type(2) {
    padding-left: 20px;
    position: relative;
}

.ablauf-intro p:nth-of-type(2)::before {
    content: "";
    position: absolute;
    top: 6px;
    bottom: 26px;
    left: 0;
    width: 3px;
    background-color: rgba(236, 102, 8, 0.4);
    border-radius: 2px;
}

.ablauf-intro p:nth-of-type(2) br {
    margin-top: 8px;
    display: block;
}

.ablauf-intro p:nth-of-type(2) br + text {
    position: relative;
    padding-left: 15px;
}

.ablauf-intro p:nth-of-type(2) br + text::before {
    content: "•";
    position: absolute;
    left: 0;
    color: #ec6608;
}

.ablauf-intro p strong {
    color: #ec6608;
    font-weight: 700;
    font-size: 18px;
}

/* Simple Cloud Migration Steps */
.ablauf-steps-title {
    margin-bottom: 20px;
}

.ablauf-steps {
    position: relative;
}

.ablauf-step {
    position: relative;
    padding-left: 100px;
    margin-bottom: 40px;
    border-left: 3px solid #ec6608;
    padding-bottom: 30px;
}

.ablauf-step:last-child {
    border-left: 3px solid transparent;
}

.ablauf-step::before {
    content: "";
    position: absolute;
    left: -14px;
    bottom: 0;
    width: 20px;
    height: 20px;
    background-color: #fff;
    border: 3px solid #ec6608;
    border-radius: 50%;
}

.ablauf-step:nth-child(1)::after,
.ablauf-step:nth-child(2)::after,
.ablauf-step:nth-child(3)::after,
.ablauf-step:nth-child(4)::after {
    position: absolute;
    top: -8px;
    left: 25px;
    font-size: 80px;
    font-weight: 800;
    color: #ec6608;
    opacity: 0.12;
    line-height: 1;
}

.ablauf-step:nth-child(1)::after {
    content: "1";
}

.ablauf-step:nth-child(2)::after {
    content: "2";
}

.ablauf-step:nth-child(3)::after {
    content: "3";
}

.ablauf-step:nth-child(4)::after {
    content: "4";
}

.step-title {
    font-size: 22px;
    color: #3d2a1a;
    margin: 0 0 15px;
    padding-top: 5px;
    font-weight: 600;
}

.step-text {
    font-size: 16px;
    line-height: 1.6;
    color: #4d4b4b;
    position: relative;
}

@media (max-width: 767px) {
    .ablauf-steps-title {
        font-size: 26px;
        margin-bottom: 40px;
    }
    
    .ablauf-step {
        padding-left: 60px;
        margin-bottom: 30px;
    }
    
    .ablauf-step:nth-child(1)::after,
    .ablauf-step:nth-child(2)::after,
    .ablauf-step:nth-child(3)::after,
    .ablauf-step:nth-child(4)::after {
        font-size: 60px;
        left: 20px;
        top: -5px;
    }
    
    .step-title {
        font-size: 20px;
    }
    
    .step-text {
        font-size: 15px;
    }
}

@media (max-width: 480px) {
    .ablauf-steps-title {
        font-size: 24px;
    }
    
    .ablauf-step {
        padding-left: 45px;
        margin-bottom: 25px;
        border-left-width: 2px;
    }
    
    .ablauf-step::before {
        width: 14px;
        height: 14px;
        left: -8px;
    }
    
    .ablauf-step:nth-child(1)::after,
    .ablauf-step:nth-child(2)::after,
    .ablauf-step:nth-child(3)::after,
    .ablauf-step:nth-child(4)::after {
        font-size: 45px;
        left: 15px;
        opacity: 0.1;
    }
    
    .step-title {
        font-size: 18px;
        margin-bottom: 10px;
    }
    
    .step-text {
        font-size: 14px;
        line-height: 1.5;
    }
}

/* Contact Section Styling */
.vorteilsbox-container {
    position: relative;
    background-color: #fff7ee;
    padding: 20px;
    border: 1px solid #ee8c43;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

.vorteilsbox-container .et_pb_text_inner {
    background-color: #fff;
    border-radius: 10px;
    padding: 20px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
}

.vorteilsbox-header {
    margin-bottom: 5px;
}

.vorteilsbox-title {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 5px;
    line-height: 1.2;
}

.vorteilsbox-subtitle {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 5px;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
}

.vorteilsbox-lead {
    font-size: 16px;
    margin-bottom: 0;
}

/* Features list - more compact */
ul.features-head {
    list-style: none;
    padding: 0;
    margin: 15px 0;
}

ul.features-head li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 5px;
    font-size: 15px;
    line-height: 1.4;
}

ul.features-head li:before {
    font-size: 16px;
    width: 22px;
    height: 22px;
}

.vorteilsbox-rating {
    margin: 5px 0;
    text-align: center;
}

.vorteilsbox-price {
    margin-bottom: 5px;
}

.vorteilsbox-buttons {
    margin-top: 5px;
    gap: 10px;
}

@media (max-width: 480px) {
    .vorteilsbox-container .et_pb_text_inner {
        padding: 20px 15px;
    }
    
    .vorteilsbox-title {
        font-size: 22px;
    }
    
    .vorteilsbox-subtitle {
        font-size: 16px;
        padding-bottom: 8px;
    }
    
    .vorteilsbox-lead {
        font-size: 15px;
    }
    
    ul.features-head li {
        font-size: 14px;
        margin-bottom: 8px;
        padding-left: 28px;
    }
    
    ul.features-head li:before {
        width: 20px;
        height: 20px;
        font-size: 14px;
    }
}

/* Restored Button Styles */
.vorteilsbox-buttons {
    text-align: center;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 15px;
    margin-top: 15px;
}

.vorteilsbox-btn {
    padding: 8px 24px;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    display: inline-block;
    transition: all 0.3s ease;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.vorteilsbox-btn-primary {
    background-color: #ec6608;
    color: #fff;
    border: 2px solid #ec6608;
}

.vorteilsbox-btn-primary:hover {
    background-color: #d15706;
    border-color: #d15706;
    color: #fff;
    box-shadow: 0 5px 15px rgba(236, 102, 8, 0.2);
}

.vorteilsbox-btn-secondary {
    background-color: transparent;
    color: #ec6608;
    border: 2px solid #ec6608;
}

.vorteilsbox-btn-secondary:hover {
    background-color: rgba(236, 102, 8, 0.05);
    color: #d15706;
    border-color: #d15706;
    box-shadow: 0 5px 15px rgba(236, 102, 8, 0.1);
}

@media (max-width: 980px) {
    .vorteilsbox-buttons {
        flex-direction: column;
        align-items: center;
    }
    
    .vorteilsbox-btn {
        width: 100%;
        max-width: 250px;
        margin-bottom: 8px;
    }
}

@media (max-width: 480px) {
    .vorteilsbox-btn {
        padding: 10px 20px;
        font-size: 14px;
    }
}

.kontakt-beratung {
    background: linear-gradient(to right, #fff7ee, #fef2e4);
    padding: 40px !important;
    box-shadow: 0 10px 30px rgba(236, 102, 8, 0.1);
    border-left: 5px solid #ec6608;
    margin: 40px 0 !important;
    position: relative;
    overflow: hidden;
}

.kontakt-beratung .et_pb_text_inner {
    position: relative;
    z-index: 1;
}

.kontakt-beratung a.cta-btn {
    display: inline-block;
    background-color: #ec6608;
    color: white;
    padding: 12px 35px;
    font-weight: 600;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: all 0.3s ease;
    text-decoration: none;
    border: 2px solid #ec6608;
}

.kontakt-beratung a.cta-btn:hover {
    background-color: transparent;
    color: #ec6608;
    transform: translateY(-3px);
    box-shadow: 0 5px 15px rgba(236, 102, 8, 0.2);
}

























































div#page-container {
    overflow-x: hidden !important;
}