/*
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

-------------------------------------------------------------- */
/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/roboto-v20-latin-300.woff2') format('woff2');
}

/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/roboto-v20-latin-regular.woff2') format('woff2');
}

/* roboto-500 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/roboto-v20-latin-500.woff2') format('woff2');
}




body {margin:0; padding:0;font-family: "Roboto", Sans-serif; font-weight: 400; line-height:1.6;}

p {margin-top:0;font-family: "Roboto", Sans-serif; font-weight: 400; line-height:1.6;}

  body  { font-size: 20px;  }
  h1    { font-size: 60px; font-weight:300 }
  h2    { font-size: 38px; font-weight:400}
  h3    { font-size: 28px;font-weight:500 }
  .section      { padding: 8% 10% !important; }
  .section-zero { padding: 0% 10% !important; }
  main  { padding-top: 140px; }


/* -- Laptop: 1500px – 1799px -- */
@media (max-width: 1799px) {
  body  { font-size: 18px; }
  h1    { font-size: 50px; }
  h2    { font-size: 34px; }
  h3    { font-size: 25px; }
  .section      { padding: 5% 6% !important; }
  .section-zero { padding: 0% 6% !important; }
  main  { padding-top: 140px; }
}

/* -- Tablet Querformat: 1200px – 1499px -- */
@media (max-width: 1499px) {
  body  { font-size: 17px; }
  h1    { font-size: 44px; }
  h2    { font-size: 30px; }
  h3    { font-size: 22px; }
  .section      { padding: 5% 5% !important; }
  .section-zero { padding: 0% 5% !important; }
  main  { padding-top: 115px; }
}

/* -- Tablet Hochformat: 1025px – 1199px -- */
@media (max-width: 1199px) {
  body  { font-size: 17px; }
  h1    { font-size: 34px; }
  h2    { font-size: 26px; }
  h3    { font-size: 20px; }
  .section      { padding: 5% 3% !important; }
  .section-zero { padding: 0% 3% !important; }
  main  { padding-top: 115px; }
}

/* -- Mobil Querformat / kleines Tablet: 768px – 1024px -- */
@media (min-width: 768px) and (max-width: 1024px) {
  body  { font-size: 16px; }
  h1    { font-size: 30px; }
  h2    { font-size: 23px; }
  h3    { font-size: 20px; }
  .section      { padding: 5% 4% !important; }
  .section-zero { padding: 0% 4% !important; }
  main  { padding-top: 170px; }
}

/* -- Mobil Hochformat: bis 767px -- */
@media (max-width: 767px) {
  body  { font-size: 16px; }
  h1    { font-size: 26px; }
  h2    { font-size: 20px; }
  h3    { font-size: 18px; }
  .section      { padding: 40px 20px !important; }
  .section-zero { padding: 0px 20px !important; }
  main  { padding-top: 90px; }
}

a, a:visited, a:focus,a:active {color:#91A91F; text-decoration:none;}
a:hover {color:inherit}

::placeholder {font-family: "Roboto", Sans-serif!important;opacity: 1.0!important;}
input:focus {box-shadow:none!important}

strong {font-weight:500}



/* Header
-------------------------------------------------------------- */
header {
  position: fixed!important;
  left: 0;
  width: 100%!important;
  z-index:999

}

/* Menü */
@media (min-width: 768px) {
    .navi .elementor-item:before {border-radius:5px}
}


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

/* Content
-------------------------------------------------------------- */
.rechtliches h2 {margin:0; padding:0; font-weight:normal}
.rechtliches h3 {margin:0; padding:10px 0 0px; font-weight:normal}
.rechtliches h2 + p,.imprint h3 + p {margin:0; padding:0 0 10px}
.rechtliches h4 {margin:0; padding:10px 0 0px;}

.services h3.elementor-icon-box-title {margin:0; color:#fff!important}
.services .elementor-icon-box-description {color:#fff!important; hyphens: auto; -webkit-hyphens: auto; overflow-wrap: normal; word-break: normal; hyphenate-limit-chars: 7 4 3;}
.services .elementor-icon-box-wrapper {padding:20px}
.services > .elementor-element {background: linear-gradient(135deg, #00386B, #0B5599);border-radius: 5px;}


.leistungen_services .elementor-widget-icon-box {background:#fff;}
.leistungen_services h3.elementor-icon-box-title {margin:0; color:#00386B!important}
.leistungen_services .elementor-icon-box-description {color:#000!important; hyphens: auto; -webkit-hyphens: auto; overflow-wrap: normal; word-break: normal; hyphenate-limit-chars: 7 4 3;text-align:left}
.leistungen_services .elementor-icon-box-wrapper { padding:20px}

.team h3.elementor-icon-box-title {margin-top:0;}
.team .elementor-widget-icon-box { background: #F0F2F3}
.team .elementor-icon-box-wrapper {padding:20px;}

/* -- Tablet Hochformat: bis 1024px -- */
@media (max-width: 1024px) {
  .iconstop .elementor-icon-list-item:nth-child(3) {
    display: none;
  }
}





/* -- Mobil: bis 767px -- */
@media (max-width: 767px) {
  .iconstop .elementor-icon-list-item:nth-child(2) .elementor-icon-list-text,
  .iconstop .elementor-inline-item:nth-child(2)::after {
    display: none;
  }
  .iconstop .elementor-icon-list-item:nth-child(3),
  .iconstop .elementor-icon-list-item:nth-child(4) {
    display: none;
  }
    
  
}

/* Diverses
-------------------------------------------------------------- */

@media (min-width: 768px) {
  .elementor-nav-menu li.rechtmenu {
    display: none!important
  }
}