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

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

/* poppins-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: 'Poppins';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/poppins-v22-latin-300.eot'); /* IE9 Compat Modes */
  src: url('fonts/poppins-v22-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/poppins-v22-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/poppins-v22-latin-300.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('fonts/poppins-v22-latin-300.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('fonts/poppins-v22-latin-300.svg#Poppins') format('svg'); /* Legacy iOS */
}

/* poppins-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: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/poppins-v22-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('fonts/poppins-v22-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/poppins-v22-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/poppins-v22-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('fonts/poppins-v22-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('fonts/poppins-v22-latin-regular.svg#Poppins') format('svg'); /* Legacy iOS */
}

/* poppins-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/poppins-v22-latin-500.eot'); /* IE9 Compat Modes */
  src: url('fonts/poppins-v22-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/poppins-v22-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/poppins-v22-latin-500.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('fonts/poppins-v22-latin-500.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('fonts/poppins-v22-latin-500.svg#Poppins') format('svg'); /* Legacy iOS */
}

/* poppins-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/poppins-v22-latin-600.eot'); /* IE9 Compat Modes */
  src: url('fonts/poppins-v22-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/poppins-v22-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/poppins-v22-latin-600.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('fonts/poppins-v22-latin-600.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('fonts/poppins-v22-latin-600.svg#Poppins') format('svg'); /* Legacy iOS */
}

/* poppins-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: 'Poppins';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/poppins-v22-latin-700.eot'); /* IE9 Compat Modes */
  src: url('fonts/poppins-v22-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/poppins-v22-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/poppins-v22-latin-700.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('fonts/poppins-v22-latin-700.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('fonts/poppins-v22-latin-700.svg#Poppins') format('svg'); /* Legacy iOS */
}



body {margin:0; padding:0;font-family: "Poppins", Sans-serif; font-weight: 400; font-size:18px;line-height:1.7; color:#133155}

h1 {font-size:70px}
h2 {font-size:30px}
h3 {font-size:24px}
h4 {font-size:20px}
.section1 {padding:10% 10%!important}
.section2 {padding:0% 10%!important}
.section3 {padding:5% 10%!important}
.section4 {padding:10% 0%!important}


@media (max-width: 1550px) {
h1 {font-size:50px}
.section1 {padding:8% 5%!important}
.section2 {padding:0% 5%!important}
.section3 {padding:4% 5%!important}
.section4 {padding:8% 0%!important}
}


@media (max-width: 1280px) {
body {font-size:16px;}
h1 {font-size:40px}
.section1 {padding:7% 4%!important}
.section2 {padding:0% 4%!important}
.section3 {padding:4%!important}
.section4 {padding:7% 0%!important}
}

@media (max-width: 1024px) {
body {font-size:15px;}
h1 {font-size:40px}
h2 {font-size:28px}
h3 {font-size:20px}
.section1 {padding:10% 2%!important}
.section2 {padding:0% 2%!important}
.section3 {padding:5% 2%!important}
.section4 {padding:10% 0%!important}
.section4.service {padding:0%!important}

}

@media (max-width: 767px) {
body {font-size:14px;}
h1 {font-size:30px}
h2 {font-size:24px}
h3 {font-size:20px}
.section1 {padding:45px 20px!important}
.section2 {padding:0% 20px!important}
.section3 {padding:20px!important}
.section4 {padding:45px 0px!important}
}


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

p {margin-top:0}

/* Content
-------------------------------------------------------------- */
input:focus, textarea:focus {box-shadow: none!important; border-bottom:1px solid #133155!important}
input::placeholder {opacity: 0.5!important}

/* Überall anwenden */
input.elementor-field,
textarea.elementor-field {
    padding-left: 0 !important;
}

/* Ausnahme: Bewerbungsformular ? keine Änderung */
.bewerbung input.elementor-field,
.bewerbung textarea.elementor-field {
    padding-left: 16px !important; /* nimmt wieder den Elementor-Wert */
}


.elementor-nav-menu li.kontakt:after {border:none!important} 
.svgbox h3 {margin:0}

.servicebox .elementor-icon-box-description, .aboutbox .elementor-icon-box-description {text-align:left!important}
.leistungenbox h3.elementor-image-box-title {text-align:center}

.list ul {margin:20px 0 0 20px; padding:0}
.list ul li {padding:0px; margin:0; list-style:circle}

.team ul {margin:20px 0 0 20px; padding:0}
.team ul li {padding:0px; margin:0; list-style:circle; font-size:14px}
.team .elementor-image-box-description {font-size:14px}
.team img {width: 100%}

.karriere .list ul {margin:20px 0 25px 20px; padding:0}
.stelle .list ul {margin:0px 0 25px 20px; padding:0}
.stelle .list p {margin-bottom:0; margin-top:20px}
.stelle h1 {font-size:30px}


.vermietung input[type="checkbox"]:not(:checked) + label, .vermietung input[type="radio"]:not(:checked) + label,
.angebot input[type="checkbox"]:not(:checked) + label, .angebot input[type="radio"]:not(:checked) + label {opacity: 0.5!important}
.angebot label.elementor-field-label {font-weight:500!important}
.angebot .elementor-form .elementor-field-type-checkbox:has(label.elementor-field-label):not(.elementor-field-group-thema) label.elementor-field-label { display: none;}


@media (max-width: 767px) {
.stelle h1 {font-size:20px!important; hyphens:auto}
.team ul {margin:10px 0 0 20px;}
}

.rechtliches h1 {margin-bottom:35px}
.rechtliches h2 {margin:0 0 5px; font-weight:300}
.rechtliches h3 {margin:0}
.rechtliches h4 {margin:0}


.bewerbung input[type="file"] {flex-basis:50%!important; z-index: 0;} 
.bewerbung input[type="file"]::file-selector-button { padding: 0px; height: 0px; background-color: white; width: 0px!important;  color: transparent;border:none!important }

@supports (-moz-appearance: none) {
 .bewerbung input[type="file"]::file-selector-button { color: transparent; border:none!important }
}

.bewerbung .elementor-field-type-upload label {color:#133155!important; padding:3px 15px 5px!important; z-index:10; width:200px!important }
.bewerbung .elementor-field-type-upload label:before {content: ""; background: url("https://www.ek-sicherheit.de/wp-content/uploads/upload.png") no-repeat;  position: relative;  width: 18px;  height: 21px;  display: inline-block;  background-size:18px; left: -5px;  top: 4px;}
.bewerbung input[type=file] {background:transparent!important}
  
  

@media (min-width: 768px) and (max-width: 1024px) {
.navigation nav.elementor-nav-menu--dropdown {width:350px!important; left:auto!Important; right:-20px!important}
}


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

@media (max-width:767px) {
.toplist ul.elementor-icon-list-items li:first-child {display:none}
.toplist.contact ul.elementor-icon-list-items li .elementor-icon-list-text {display:none}
}




/* Nur auf deinen Bereich scopen */
#trustindex .rcb-content-blocker p,.rcb-content-blocker p + div,
#trustindex .rcb-content-blocker [aria-hidden="true"] {
  display: none !important;
}

/* Heading sicher zentrieren (egal ob Grid/Flex) */
#trustindex .rcb-content-blocker div[role="heading"]{
  display: block !important;
  width: 100% !important;
  text-align: center !important;   /* normales Zentrieren */
  grid-column: 1 / -1 !important;  /* falls der Block in einem Grid steckt */
  justify-self: center !important; /* Grid-Fallback */
    font-size:16px!important
}


/* Padding und Border weg */
#trustindex .rcb-content-blocker div {
padding:0!important; border:none!important
}



/* Button */
.rcb-content-blocker a[role="button"] {
  display:none!Important
}

.rcb-content-blocker a[role="button"]:last-child {
  background:#fff!important; width: 330px !important;
    margin: auto !important; display:block!important
}

.rcb-content-blocker a[role="button"]:last-child  span{
  background:#133155!important; color:#fff!important; padding:10px 20px;   font-size:14px!important
}

/* Barrierefreiheit
-------------------------------------------------------------- */
.sronly .elementor-form label.elementor-field-label {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

/* Ausnahme für Upload-Feld: Label NICHT verstecken */
.sronly .elementor-form .elementor-field-type-upload label.elementor-field-label, .sronly .elementor-form .elementor-field-type-checkbox label.elementor-field-label, .sronly .elementor-form .elementor-field-type-radio label.elementor-field-label {
  position: static;
  width: 100%;
  height: auto;
  margin: 0 0 5px 0;
  overflow: visible;
  clip: auto;
}




/* iOS Fix: Deaktiviert fixed background auf iOS-Geräten */
@supports (-webkit-overflow-scrolling: touch) {
    .randomBGImage {
        background-attachment: scroll;
    }
}

/* Alternative: Spezifischer iOS/Safari Fix */
@media screen and (-webkit-min-device-pixel-ratio: 1) and (max-device-width: 1024px) {
    .randomBGImage {
        background-attachment: scroll;
    }
}

/* Dein bestehender Mobile Fix */
@media (max-width: 767px) {
    .randomBGImage {
        background-position: center center;
        /* Zusätzlich: Stelle sicher, dass fixed auch hier deaktiviert ist */
        background-attachment: scroll;
    }
}