/*
Theme Name: Design
Theme URI: 
Author: marketing teamwork
Author URI: https://www.marketing-teamwork.de
Description: Wordpress-Theme
Version: 1.0
License: GNU General Public License

-------------------------------------------------------------- */

/* ============================================================ 01 Schriften ============================================================ */

/* poppins-300 - latin */
@font-face { font-display: swap; font-family: 'Poppins'; font-style: normal; font-weight: 300; src: url('fonts/poppins-v24-latin-300.woff2') format('woff2'); }

/* poppins-regular - latin */
@font-face { font-display: swap; font-family: 'Poppins'; font-style: normal; font-weight: 400; src: url('fonts/poppins-v24-latin-regular.woff2') format('woff2'); }

/* poppins-500 - latin */
@font-face { font-display: swap; font-family: 'Poppins'; font-style: normal; font-weight: 500; src: url('fonts/poppins-v24-latin-500.woff2') format('woff2'); }

/* poppins-600 - latin */
@font-face { font-display: swap; font-family: 'Poppins'; font-style: normal; font-weight: 600; src: url('fonts/poppins-v24-latin-600.woff2') format('woff2'); }


/* ============================================================ 02 Basis ============================================================ */

body { margin: 100px 0 0; padding: 0; font-family: "Poppins", sans-serif; font-weight: 300; font-size: 19px; line-height: 1.7; }

h1 { font-size: 40px; font-weight:500 }
h2 { font-size: 30px; }
h3 { font-size: 22px; }
h4 { font-size: 18px; }

strong, b {font-weight:500}

p {margin:0 0 10px 0}
/* ============================================================ 03 Layout ============================================================ */

.section { padding-top: 8% !important; padding-right: 10% !important; padding-bottom: 8% !important; padding-left: 10% !important; }
.section-zero { padding-top: 0 !important; padding-right: 10% !important; padding-bottom: 0 !important; padding-left: 10% !important; }
.section-top { padding-top: 0 !important; padding-right: 10% !important; padding-bottom: 8% !important; padding-left: 10% !important; }


/* ============================================================ 04 Header & Footer ============================================================ */
header { position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; display: block; justify-content: center; align-items: center; transition: background-color .2s ease, box-shadow .2s ease;}
header.header-scrolled {background: #fff !important; box-shadow: 0 2px 12px rgba(0,0,0,0.08);}

.topnavi .elementor-nav-menu .sub-arrow {display:none}
.topnavi .elementor-menu-toggle {padding:0}
.topnavi a.elementor-item {font-weight:300!important}
.topnavi a.elementor-item-active, .topnavi li.current-menu-parent > a {font-weight:500!important}
.topnavi a.elementor-sub-item, .topnavi a.elementor-sub-item:hover {border:none}


.hero {height: 45vh !important; margin:0!important}
@media (max-width: 1024px) {
.hero { height: 38vh !important;  }
}
@media (max-width: 767px) {
.hero {  height: 250px !important;}
}
@media (max-width: 767px) {

.topnavi a.elementor-item-active, .topnavi li.current-menu-parent > a {font-weight:400!important}
}

/* Startseite: foottop im Frontend ausblenden */
body:not(.elementor-editor-active).home #foottop { display: none;}

/* Nicht-Startseite: footbottom nur Desktop ausblenden */
@media (min-width: 1024.2px) { body:not(.elementor-editor-active):not(.home) #footbottom {  display: none;}}

#foottop strong {padding:10px 0 5px; display:block}
@media (max-width: 767.2px) { footer {  display: none;}}

@media (min-width: 1024.8px) { 
.topnavi .elementor-menu-toggle  {display:none!important}
}

@media (min-width: 767.8px) { 
.topnavi .deskno {display:none!important}
}

/* Mobiles Menü */
@media (max-width: 1024px) {
    .topnavi .elementor-nav-menu--dropdown .menu-item-has-children { position: relative; }
    .topnavi .elementor-nav-menu--dropdown { z-index: 1000; max-height: 80vh; overflow-y: auto; }
    .topnavi .elementor-menu-toggle { position: relative; z-index: 1001; }
    header:has(.topnavi .elementor-menu-toggle.elementor-active) { background: #fff !important; }
    body:has(.topnavi .elementor-menu-toggle.elementor-active)::before { content: ''; position: fixed; top: 75px; left: 0; width: 100vw; height: calc(100vh - 75px); background: rgba(0, 0, 0, 0.5); z-index: 1; pointer-events: none; }
}

@media (max-width: 767px) {
    body:has(.topnavi .elementor-menu-toggle.elementor-active)::before { top: 50px; height: calc(100vh - 50px); }


/* Topnavi mobil:
   Aktiven Elternpunkt beim Öffnen des mobilen Menüs direkt aufgeklappt anzeigen */

.topnavi .elementor-nav-menu--dropdown
li.current-menu-ancestor.menu-item-has-children > ul.sub-menu,
.topnavi .elementor-nav-menu--dropdown
li.current-menu-parent.menu-item-has-children > ul.sub-menu {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}

/* Aktiver Parent / Hauptpunkt */
.topnavi .elementor-nav-menu--dropdown
li.current-menu-ancestor.menu-item-has-children > a,
.topnavi .elementor-nav-menu--dropdown
li.current-menu-parent.menu-item-has-children > a {
  background: #E6C693 !important;
  color: #fff !important;
  font-weight: 700;
}

/* Untermenü optisch absetzen */
.topnavi .elementor-nav-menu--dropdown
li.menu-item-has-children > ul.sub-menu {
  background: #fff !important;
}

/* Unterpunkte */
.topnavi .elementor-nav-menu--dropdown
li.menu-item-has-children > ul.sub-menu > li > a {
  background: #fff !important;
  color: #000 !important;
  padding-left: 34px !important;
  border-bottom: 1px solid #EBEBEB !important;
}

/* Aktiver Unterpunkt */
.topnavi .elementor-nav-menu--dropdown
li.menu-item-has-children > ul.sub-menu > li.current-menu-item > a,
.topnavi .elementor-nav-menu--dropdown
li.menu-item-has-children > ul.sub-menu > li.current_page_item > a,
.topnavi .elementor-nav-menu--dropdown
li.menu-item-has-children > ul.sub-menu > li > a.elementor-item-active {
  color: #D0A058 !important;
}
}

/* ============================================================ 05 Content ============================================================ */

.cta {position: absolute; bottom: -50px; z-index: 10;}
.start {margin-top:50px!important}
@media (max-width: 767px) { 
.cta { bottom: -75px; } 
.start {margin-top:75px!important}
}


.cta div.elementor-cta__title, .cta h1.elementor-cta__title {  font-weight: 500;  font-size: 40px;  line-height: 1.05;  hyphens: auto;  -webkit-hyphens: auto;  hyphenate-limit-chars: 9 5 4;  -webkit-hyphenate-limit-before: 5;  -webkit-hyphenate-limit-after: 4;   overflow-wrap: normal;   word-break: normal;    text-transform: uppercase }

.cta div.elementor-cta__description { hyphens: auto;  -webkit-hyphens: auto;  hyphenate-limit-chars: 9 5 4;  -webkit-hyphenate-limit-before: 5;  -webkit-hyphenate-limit-after: 4;   overflow-wrap: normal;  word-break: normal; color:#000!important }

.cta div.elementor-cta__content {background-color:#D0A058!important}

@media (min-width: 2200px) { .cta div.elementor-cta__title, .cta h1.elementor-cta__title { font-size: 46px; } }
@media (max-width: 1366px) { .cta div.elementor-cta__title, .cta h1.elementor-cta__title { font-size: 38px; } }
@media (max-width: 1200px) { .cta div.elementor-cta__title, .cta h1.elementor-cta__title { font-size: 36px; } }
@media (max-width: 1024px) { .cta div.elementor-cta__title, .cta h1.elementor-cta__title { font-size: 34px; } }
@media (max-width: 767px)  { .cta div.elementor-cta__title, .cta h1.elementor-cta__title { font-size: 24px; } }



.cta-box .elementor-cta__title{font-weight:500}
.cta-box .elementor-cta__button,.bueschbutton .elementor-button .elementor-button-text{font-weight:500;text-transform:uppercase}
.cta-box .elementor-cta__title,.cta-box .elementor-cta__description{font-size:19px}
.cta-box .elementor-cta__button,.bueschbutton .elementor-button .elementor-button-text{font-size:15px}
.cta-box .elementor-cta__content{padding:75px}
.cta-box a.elementor-cta__button {color:#000!important; border:1px solid #fff!important}
.cta-box a.elementor-cta__button:hover{background-color:#fff!important; border:1px solid #D0A058!important}
.bueschbutton .elementor-button{border-radius:0}
.textzerop p{margin:0}
.threecolum h3 {color:#000!important;font-size:inherit;font-weight:500;margin:10px 0; text-transform:uppercase; padding-left:5%}
.threecolum .bueschbutton, .threecolum .elementor-widget-icon-list, .threecolum  .elementor-widget-text-editor {padding-left:5%}
.threecolum.img .elementor-widget-image{position:relative}
.threecolum.img .elementor-widget-image img{display:block;width:100%}
.threecolum.img .elementor-widget-image::after{content:"";position:absolute;left:0;right:0;bottom:0;height:50px;background:linear-gradient(to top,#fff 0%,rgba(255,255,255,0) 100%);pointer-events:none}
@media(min-width:2400px){.cta-box .elementor-cta__title,.cta-box .elementor-cta__description{font-size:20px}.cta-box .elementor-cta__button,.bueschbutton .elementor-button .elementor-button-text{font-size:16px}.cta-box .elementor-cta__content{padding:100px}}
@media(max-width:1366px){.cta-box .elementor-cta__title,.cta-box .elementor-cta__description{font-size:18px}.cta-box .elementor-cta__button,.bueschbutton .elementor-button .elementor-button-text{font-size:14px}.cta-box .elementor-cta__content{padding:50px}}
@media(max-width:1200px){.cta-box .elementor-cta__title,.cta-box .elementor-cta__description{font-size:17px}.cta-box .elementor-cta__button,.bueschbutton .elementor-button .elementor-button-text{font-size:13px}.cta-box .elementor-cta__content{padding:35px}}
@media(max-width:1024px){.cta-box .elementor-cta__title,.cta-box .elementor-cta__description{font-size:16px}.cta-box .elementor-cta__button,.bueschbutton .elementor-button .elementor-button-text{font-size:12px}.cta-box .elementor-cta__content{padding:40px 0 0}}
@media(max-width:767px){.cta-box .elementor-cta__title,.cta-box .elementor-cta__description{font-size:15px}.cta-box .elementor-cta__button,.bueschbutton .elementor-button .elementor-button-text{font-size:12px}.cta-box .elementor-cta__content{padding:25px 0 0}
.threecolum h3, .threecolum .bueschbutton, .threecolum .elementor-widget-icon-list, .threecolum  .elementor-widget-text-editor {padding-left:0%}}


.list ul {margin:0; padding:0}
.list ul li {margin:0 0 0 20px; padding:0}
.list ul li::marker {color:#fff}

.list2 ul { list-style: none; margin: 0px 0 20px; padding: 0;}
.list2 ul li { position: relative; margin: 0 0 0 20px; padding: 0;}
.list2 li::before { content: "–"; position: absolute; left: -20px;}


.textbox h2.elementor-heading-title, .textbox h3.elementor-heading-title, .h2 h2.elementor-heading-title {font-size:28px;letter-spacing:0.05em; font-weight:500; line-height:1.3}
.textbox{padding:0 75px 75px!important}
.textbox p:last-child {margin:0}
.textbox ul {margin:0; padding:0}
.textbox ul li {margin:0 0 0 20px; padding:0}
.textbox ul li::marker {color:#fff}

.auflistung ul {margin:0 0 20px 0px; padding:0}
.auflistung ul li::marker {color:#D0A058}

.markenwelt .gallery img{border:0!important; padding: 0 20%; max-height:140px}
.markenwelt .gallery .gallery-item{min-height:140px;background:#F3F3F3;max-width:100%!important;display:flex;align-items:center;justify-content:center}
.markenwelt .gallery .gallery-item br{display:none}

.markenwelt .gallery{display:grid!important;grid-template-columns:repeat(5,1fr);gap:60px 40px}
.markenwelt .gallery br{display:none}
.markenwelt .gallery-item{float:none!important;width:auto!important;margin:0!important}
.markenwelt .gallery-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:0}
.markenwelt .gallery-icon img{display:block;max-width:100%;max-height:80px;width:auto;height:auto}

@media(max-width:1024px){
.markenwelt .gallery{grid-template-columns:repeat(3,1fr);gap:30px 30px}
.markenwelt .gallery .gallery-item {min-height:80px;}
.markenwelt .gallery img {max-height:60px}
}

@media(max-width:767px){
.markenwelt .gallery{grid-template-columns:repeat(2,1fr);gap:25px 25px}
}

@media(min-width:2400px){.textbox h2.elementor-heading-title, .h2 h2.elementor-heading-title,.textbox h3.elementor-heading-title {font-size:32px}}
@media(min-width:2400px){.textbox{padding:0 100px 100px!important}}

@media(max-width:1366px){.textbox h2.elementor-heading-title, .h2 h2.elementor-heading-title,.textbox h3.elementor-heading-title {font-size:26px}}
@media(max-width:1366px){.textbox{padding:0 50px 50px!important}}

@media(max-width:1200px){.textbox h2.elementor-heading-title, .h2 h2.elementor-heading-title,.textbox h3.elementor-heading-title {font-size:24px}}
@media(max-width:1200px){.textbox{padding:0 35px 35px!important}}

@media(max-width:1024px){.textbox h2.elementor-heading-title, .h2 h2.elementor-heading-title,.textbox h3.elementor-heading-title {font-size:23px}}
@media(max-width:1024px){.textbox{padding:25px 0 45px!important}}

@media(max-width:767px){.textbox h2.elementor-heading-title, .h2 h2.elementor-heading-title,.textbox h3.elementor-heading-title {font-size:22px}}
@media(max-width:767px){.textbox{padding:15px 0 35px!important}}

.textbox2 {padding-bottom:0!important}

.block {gap:100px 75px!important}

@media(max-width:1366px){
.block {gap:100px 50px!important}
}

@media(max-width:1200px) {
.block {gap:75px 50px!important}
}

@media(max-width:1024px) {
.block {gap:0px 0px!important}
}


@media(max-width:1024px){
  .block > :nth-child(1){order:2!important}
  .block > :nth-child(2){order:1!important}
  .block > :nth-child(3){order:3!important}
  .block > :nth-child(4){order:4!important}
  .block > :nth-child(5){order:6!important}
  .block > :nth-child(6){order:5!important}
  .block > :nth-child(7){order:7!important}
  .block > :nth-child(8){order:8!important}

  body.elementor-editor-active .block > .elementor-element-edit-mode:nth-child(4){order:2!important}
  body.elementor-editor-active .block > .elementor-element-edit-mode:nth-child(5){order:1!important}
  body.elementor-editor-active .block > .elementor-element-edit-mode:nth-child(6){order:3!important}
  body.elementor-editor-active .block > .elementor-element-edit-mode:nth-child(7){order:4!important}
  body.elementor-editor-active .block > .elementor-element-edit-mode:nth-child(8){order:6!important}
  body.elementor-editor-active .block > .elementor-element-edit-mode:nth-child(9){order:5!important}
  body.elementor-editor-active .block > .elementor-element-edit-mode:nth-child(10){order:7!important}
  body.elementor-editor-active .block > .elementor-element-edit-mode:nth-child(11){order:8!important}
}


.nohyph {hyphens: none; -webkit-hyphens: none; overflow-wrap: normal;  word-break: normal; display:block}

.texthyph { hyphens: auto;  -webkit-hyphens: auto;  hyphenate-limit-chars: 9 5 4;  -webkit-hyphenate-limit-before: 5;  -webkit-hyphenate-limit-after: 4;  overflow-wrap: normal;   word-break: normal}

/* ============================================================ 05.2 Barrierefreiheit / Rechtliches ============================================================ */

.rechtliches h2 { margin: 0 0 15px; }
.rechtliches h3, .rechtliches h4 { margin: 0; }
.barriere h2, .barriere h3 { margin: 15px 0 0; }
.barriere h2 { color: #D0A058; }

@media(max-width:767px) {
.mobhyph { hyphens: auto;  -webkit-hyphens: auto;  hyphenate-limit-chars: 9 5 4;  -webkit-hyphenate-limit-before: 5;  -webkit-hyphenate-limit-after: 4;  overflow-wrap: normal;   word-break: normal}
}


/* ============================================================ 05.1 Abo-Tabellen ============================================================ */

.abo-tabelle {overflow-x: visible;}
.abo-tabelle .tablepress {width: 100%; border-collapse: collapse; border: none;}
.abo-tabelle .tablepress > thead > tr > th {color: #000; background: transparent !important; background-color: transparent !important; text-transform: uppercase; border-bottom: none;}
.abo-tabelle .tablepress th, .abo-tabelle .tablepress td {border: none; border-bottom: 1px solid #D0A058; padding: 4px 8px;}
.abo-tabelle .tablepress > tbody > tr:first-child > td {border-bottom-width: 2px;}
.abo-tabelle .tablepress .column-1 {padding-left: 0;}
.abo-tabelle .tablepress .column-2, .abo-tabelle .tablepress .column-3 {width: 150px; min-width: 150px; border-left: 1px solid #D0A058; text-align: center; vertical-align: middle;}
.abo-tabelle .tablepress tbody td.column-2, .abo-tabelle .tablepress tbody td.column-3 {color: #000;}
.abo-tabelle .tablepress tbody tr:first-child td.column-2, .abo-tabelle .tablepress tbody tr:first-child td.column-3, .abo-tabelle .tablepress td.column-2 span, .abo-tabelle .tablepress td.column-3 span {color: #000;}
.abo-tabelle .tablepress small {font-size: 75%; line-height: 1.2;}

@media (max-width: 1024px) {
  .abo-tabelle .tablepress .column-2, .abo-tabelle .tablepress .column-3 {width: 100px; min-width: 100px;}
}

@media (max-width: 767px) {
  .abo-tabelle {overflow-x: auto; -webkit-overflow-scrolling: touch;}
  .abo-tabelle .tablepress {font-size: 80%;}
  .abo-tabelle .tablepress .column-1 {min-width: 250px; max-width: 300px;}
  .abo-tabelle .tablepress .column-2, .abo-tabelle .tablepress .column-3 {width: 75px; min-width: 75px;}
  .table-scroll-hint {font-weight: 700; font-style: italic;}
}

/* ============================================================ 06 Übersichtsseite ============================================================ */
.overview .elementor-posts .elementor-post__title,
.overview .elementor-posts .elementor-post__title a {font-family:"Poppins", sans-serif; font-size:22px; line-height:1.3; font-weight:500; margin:0 0 10px; color:#000!important; text-transform:none;}

.overview .elementor-posts .elementor-post__excerpt,
.overview .elementor-posts .elementor-post__excerpt p {font-family:"Poppins", sans-serif; font-size:19px!important; line-height:1.7; font-weight:300; margin:0 0 10px; color:#000;}

.overview .elementor-posts .elementor-post__read-more {
    font-family: "Poppins", sans-serif;
    font-size: 15px;
    line-height: 1.3;
    font-weight: 500;
    text-transform: uppercase;
    text-decoration: none;

    display: inline-block;
    border: 1px solid #BE8836;
    padding: 6px 10px;
}

@media (min-width:2400px) {.overview .elementor-posts .elementor-post__title,.overview .elementor-posts .elementor-post__title a {font-size:26px;} .overview .elementor-posts .elementor-post__excerpt,.overview .elementor-posts .elementor-post__excerpt p {font-size:20px!important;} .overview .elementor-posts .elementor-post__read-more {font-size:16px;}}

@media (max-width:1366px) {.overview .elementor-posts .elementor-post__title,.overview .elementor-posts .elementor-post__title a {font-size:21px;} .overview .elementor-posts .elementor-post__excerpt,.overview .elementor-posts .elementor-post__excerpt p {font-size:18px!important;} .overview .elementor-posts .elementor-post__read-more {font-size:14px;}}

@media (max-width:1200px) {.overview .elementor-posts .elementor-post__title,.overview .elementor-posts .elementor-post__title a {font-size:20px;} .overview .elementor-posts .elementor-post__excerpt,.overview .elementor-posts .elementor-post__excerpt p {font-size:17px!important;} .overview .elementor-posts .elementor-post__read-more {font-size:13px;}}

@media (max-width:1024px) {.overview .elementor-posts .elementor-post__title,.overview .elementor-posts .elementor-post__title a {font-size:20px;} .overview .elementor-posts .elementor-post__excerpt,.overview .elementor-posts .elementor-post__excerpt p {font-size:16px!important;} .overview .elementor-posts .elementor-post__read-more {font-size:12px;}}

@media (max-width:767px) {.overview .elementor-posts .elementor-post__title,.overview .elementor-posts .elementor-post__title a {font-size:18px;} .overview .elementor-posts .elementor-post__excerpt,.overview .elementor-posts .elementor-post__excerpt p {font-size:15px!important;} .overview .elementor-posts .elementor-post__read-more {font-size:12px;}}

/* ============================================================ 07 Team ============================================================ */


.team .gallery {display: grid; grid-template-columns: repeat(4, 1fr); gap: 50px;}
.team .gallery > br {display: none;}
.team .gallery img {border: none !important;}
.team .gallery .gallery-item {float: none !important; width: auto !important; margin: 0 !important; text-align: center; max-width: 100% !important;}
.team .gallery .gallery-item:nth-of-type(even) {transform: translateY(50%);}
.team .gallery img {display: block; width: 100%; height: auto;}
.team .gallery .gallery-caption {margin-top: 10px; font-size:75%; line-height:1.2}
.team .gallery .gallery-caption br {display: inline;}

.team .gallery .gallery-item:has(img[src*="BaumBuesch.png"]) img { transform: scale(1.4);  transform-origin: center center; padding-top:15%}
.team .gallery .gallery-item:has(img[aria-describedby="gallery-1-2219"]) #gallery-1-2219 {margin-top:25%}

@media (max-width: 767px) {
.team .gallery {grid-template-columns: repeat(2, 1fr);gap: 20px;}
.team .gallery .gallery-item { transform: none;}
.team .gallery .gallery-item:nth-child( even of .gallery-item:not(:has(img[src*="leer.png"])):not(:has(img[src*="leer-1.png"]))) { transform: translateY(50%);}
  .team .gallery .gallery-item:has(img[src*="leer.png"]),
  .team .gallery .gallery-item:has(img[src*="leer-1.png"]) {display: none;}
  .team .gallery .gallery-item:has(img[src*="BaumBuesch.png"]) img { transform: scale(1.2);padding-top:0%}
  .team .gallery .gallery-item:has(img[aria-describedby="gallery-1-2219"]) #gallery-1-2219 {margin-top:10%; margin-bottom:40px}
}

/* ============================================================ 08 Links ============================================================ */

a, a:visited, a:focus, a:active { color: inherit; }
a:hover { color: inherit; }
/* Tastatur-Fokus: Links, Buttons und Tabs */
a:focus-visible,
button:focus-visible,
[role="tab"]:focus-visible {
    outline: 2px dotted #BE8836;
    outline-offset: 3px;
}

.rechtliches a {
    text-decoration-line: underline;
    text-decoration-style: dotted;
    text-underline-offset: 3px;
}

/* ============================================================ 09 Breakpoint: Breitbild ab 2400px ============================================================ */

@media (min-width: 2400px) { body { font-size: 20px; } h1 { font-size: 48px; } h2 { font-size: 36px; } h3 { font-size: 26px; } h4 { font-size: 20px; } .section { padding-top: 7% !important; padding-right: 14% !important; padding-bottom: 7% !important; padding-left: 14% !important; } .section-zero { padding-top: 0 !important; padding-right: 14% !important; padding-bottom: 0 !important; padding-left: 14% !important; } .section-top { padding-top: 0 !important; padding-right: 14% !important; padding-bottom: 7% !important; padding-left: 14% !important; } }


/* ============================================================ 10 Breakpoint: Laptop bis 1366px ============================================================ */

@media (max-width: 1366px) { body { font-size: 18px; } h1 { font-size: 36px; } h2 { font-size: 28px; } h3 { font-size: 21px; } h4 { font-size: 18px; } .section { padding-top: 7% !important; padding-right: 6% !important; padding-bottom: 7% !important; padding-left: 6% !important; } .section-zero { padding-top: 0 !important; padding-right: 6% !important; padding-bottom: 0 !important; padding-left: 6% !important; } .section-top { padding-top: 0 !important; padding-right: 6% !important; padding-bottom: 7% !important; padding-left: 6% !important; } }


/* ============================================================ 11 Breakpoint: Tablet Querformat bis 1200px ============================================================ */

@media (max-width: 1200px) { body { font-size: 17px; } h1 { font-size: 34px; } h2 { font-size: 26px; } h3 { font-size: 20px; } h4 { font-size: 18px; } .section { padding-top: 7% !important; padding-right: 5% !important; padding-bottom: 7% !important; padding-left: 5% !important; } .section-zero { padding-top: 0 !important; padding-right: 5% !important; padding-bottom: 0 !important; padding-left: 5% !important; } .section-top { padding-top: 0 !important; padding-right: 5% !important; padding-bottom: 7% !important; padding-left: 5% !important; } }


/* ============================================================ 12 Breakpoint: Tablet Hochformat bis 1024px ============================================================ */

@media (max-width: 1024px) { body {margin:75px 0 0; font-size: 16px; } h1 { font-size: 30px; } h2 { font-size: 24px; } h3 { font-size: 20px; } h4 { font-size: 18px; } .section { padding-top: 9% !important; padding-right: 5% !important; padding-bottom: 9% !important; padding-left: 5% !important; } .section-zero { padding-top: 0 !important; padding-right: 5% !important; padding-bottom: 0 !important; padding-left: 5% !important; } .section-top { padding-top: 0 !important; padding-right: 5% !important; padding-bottom: 9% !important; padding-left: 5% !important; } }


/* ============================================================ 13 Breakpoint: Mobil Hochformat bis 767px ============================================================ */

@media (max-width: 767px) { body {margin:50px 0 0; font-size: 15px; } h1 { font-size: 24px; } h2 { font-size: 20px; } h3 { font-size: 18px; } h4 { font-size: 16px; } .section { padding-top: 40px !important; padding-right: 20px !important; padding-bottom: 40px !important; padding-left: 20px !important; } .section-zero { padding-top: 0 !important; padding-right: 20px !important; padding-bottom: 0 !important; padding-left: 20px !important; } .section-top { padding-top: 0 !important; padding-right: 20px !important; padding-bottom: 40px !important; padding-left: 20px !important; } }