/*
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 */
@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/roboto-v30-latin-300.woff2') format('woff2');
}

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

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

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

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

/* roboto-condensed-600 */
@font-face {
  font-display: swap;
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/roboto-condensed-v27-latin-600.woff2') format('woff2');
}

body {margin:80px 0 0 0; padding:0;font-family: "Roboto", Sans-serif; font-weight: 400; font-size:20px;line-height:1.7;   overflow-x: hidden!important}
p {margin-top:0;}

h1, h2, h3 {font-family: "Roboto Condensed", Sans-serif; font-weight:300}


h1 {font-size:50px}
h2 {font-size:40px}
h3 {font-size:30px}
h4 {font-size:20px}


@media (max-width: 1024px) {
body {font-size:18px; margin:70px 0 0 0}
h1 {font-size:40px}
h2 {font-size:36px}
h3 {font-size:28px}
}

@media (max-width: 767px) {
body {font-size:16px; margin:50px 0 0 0}
h1 {font-size:34px}
h2 {font-size:26px}
h3 {font-size:20px}
}


a, a:visited, a:focus,a:active {color:#0072BB; outline:none}
a:hover {color:inherit}

::placeholder {opacity: 1!important}



/* Header & Footer
-------------------------------------------------------------- */

header {
  position: fixed!important;
  top: 0;
  transition: background-color 0.4s ease!important; z-index:100!important; width:100%
}

header.scrolled > div:first-of-type {
  background: #33333B !important;
}

 



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



/* Content
-------------------------------------------------------------- */
@media (min-width: 1025px) and (max-width: 1400px) {
.section {padding-left:4%!important; padding-right:4%!Important}
.intro {font-size:40px!important}
.komm .elementor-icon-box-title, .komm .elementor-icon-box-title a {font-size:35px!important}
.komm .elementor-icon {font-size: 30px!important;}
}

.quote .elementor-divider__text {line-height:0!important; bottom:-25px!important; position:relative}
.small {font-size:14px; display:block}

.elementor-field-type-upload input {background:none!important; border:none!important;}

.text-testi {position: absolute!important;  top: 0;  bottom: 0;  margin: auto 0;}



.quote-testi .elementor-divider__text {bottom:-10px!important; position:relative}

.textfirst em, .mwd {font-size: 16px!important}

.mwd {position: absolute; color:#747486; bottom: -20px; width: 75px; right: 0; text-align: right;}
.textfirst p {margin-bottom:0!important;}

.tabs-stellen ul {margin:0; padding:0 0 0 15px}

.tabs-stellen p {margin-bottom:0}


.bezeichnung h1 span {font-size:14px}

.privacy-policy .formbutton, .page-id-16 .formbutton, .page-id-835 .formbutton {display:none!important}


@supports ( -webkit-touch-callout : none) {
.company {background-attachment:scroll!important}
}

@media (min-width: 1025px) and  (max-width: 1299px) {
.textfirst p {font-size:30px!important}
}

@media (min-width: 1300px) and  (max-width: 1500px) {
.textfirst p {font-size:35px!important}
}


@media (min-width: 1025px) and  (max-width: 1300px) {
.text-testi .elementor-widget-text-editor p {font-size:14px!important; line-height:18px; hyphens:auto}
.beruf h3.elementor-heading-title {font-size:50px!important}
}

@media (min-width: 768px) {
.break br {display:none}
}



@media (max-width: 1024px) {
.text-testi .elementor-widget-text-editor p {hyphens:auto}
 .dialog-lightbox-widget {position: fixed; overflow-y: scroll;}
}

@media (min-width: 768px) and  (max-width: 900px) {
.textfirst p {font-size:25px!important}
}


@media (max-width: 767px) {
.quote .elementor-divider__text {bottom:-15px!important;}
.testi-text {hyphens: auto}

.start, .stickyheadersection { background-image: linear-gradient(90deg, var( --e-global-color-primary ) 60%, var( --e-global-color-a291686 ) 40%)!important}
.team, .stickyheadersection { background-image: linear-gradient(90deg, var( --e-global-color-primary ) 60%, var( --e-global-color-a291686 ) 40%)!important}

header > div:first-of-type {background-image: linear-gradient(90deg, var( --e-global-color-primary ) 60%, var( --e-global-color-a291686 ) 40%)!important}


.break {hyphens:auto}

.textfirst p {font-weight:400!important}
.textfirst em {font-size: 15px!important}
.mwd {font-size: 13px!important}
}


/* Formular
-------------------------------------------------------------- */

.formular .elementor-field-subgroup.elementor-subgroup-inline .elementor-field-option { background: #fff;}
.formular input[type="file"] {flex-basis:50%!important; z-index: 0;} 

.formular 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) {
 .formular input[type="file"]::file-selector-button {
    color: transparent; border:none!important
  }
}

.formular .elementor-field-type-upload label {background:#0072BB; color:#fff!important; padding:5px 15px 5px!important; z-index:10; width:200px }



.formular .elementor-field-type-text label, 
.formular .elementor-field-type-email label,
.formular .elementor-field-type-textarea label,
.formular fieldset label
{display:none}

.formular .elementor-field-type-radio.elementor-field-group > label {font-weight:700!important}

.formular .elementor-field-type-text > div label {display:inherit!important; font-weight:300; margin-top:25px}
.formular .f12c {border:1px solid #ebebeb!important; padding:15px}

.formular .elementor-field-type-acceptance label,.formular .elementor-field-type-acceptance .elementor-field-subgroup  {display:inline-block; flex-basis: auto!important;}
.formular .elementor-field-type-acceptance .elementor-field-subgroup  {padding-left:10px}

.f12-captcha div {display:inline-block}
.f12-captcha div.c-header {width:200px}



.zusatz {font-size:65%}
.jobs .elementor-cta__title {background:#019DDA; padding:10px 20px; text-transform:uppercase; color:#fff!important; font-size:200%; width:auto; margin: 0 auto!important; line-height:1}
.jobs .elementor-cta__description {background:#0072BB; padding: 10px 20px; color:#fff!important; font-size:110%; width:auto; margin:auto;  line-height:1}
.jobs .elementor-cta__button {background:#fff!important; border: 1px solid #019DDA!important}
.jobs .elementor-cta__button:hover {background:#fff!important; border: 1px solid #0072BB!important}
.jobs .elementor-cta__bg-wrapper {aspect-ratio: 16 / 9;}


@media (max-width: 767px) {
.jobs .elementor-cta__title {padding:10px 5px;font-size:140%;width:100%;}
.jobs .elementor-cta__description {padding: 10px 5px;font-size:80%;width:100%;}
}


/* Barrierefreiheit
-------------------------------------------------------------- */

.skip-link {
  position: absolute;
  top: 0;
  left: 0;
  transform: translateY(-200%);
  background: #33333B;
  color: #fff;
  padding: 8px 16px;
  z-index: 9999;
  text-decoration: none;
  font-size: 16px;
  line-height: 1;
  white-space: nowrap;
  pointer-events: none;
  opacity: 0; 
}

.skip-link:focus {
  transform: translateY(0);
  pointer-events: auto;
  opacity: 1; /
}


.sr-only {
    position: absolute !important;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}


input#alt_s {background:#000!important} 


form fieldset {
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

form fieldset legend {
  display: none !important; /* falls du legend komplett verstecken willst */
}

@media (min-width: 768px) {
.links .elementor-button-text br {display:none}
.links .elementor-button-text b {font-weight:normal}
}

.links .elementor-button-text {text-align:left}
.links .elementor-button-text span {font-size:60%}

@media (max-width: 767px) {
.links .elementor-button-icon {align-items: baseline; margin-top: 5px;}
}