/*

 Theme Name: Eilinghoff+Team
 Theme URI: https://www.eilinghoff.de
 Description: Ein responsives Design, optimiert für 1920x1080p.
 Author: Sicko Janßen
 Author URI: http://eilinghoff.de

 */

/* open-sans-300 - latin */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 300;
  src: url("fonts/open-sans-v34-latin-300.eot");
  /* IE9 Compat Modes */
  src: local(""),
    url("fonts/open-sans-v34-latin-300.eot?#iefix") format("embedded-opentype"),
    /* IE6-IE8 */
    url("fonts/open-sans-v34-latin-300.woff2") format("woff2"),
    /* Super Modern Browsers */
    url("fonts/open-sans-v34-latin-300.woff") format("woff"),
    /* Modern Browsers */
    url("fonts/open-sans-v34-latin-300.ttf") format("truetype"),
    /* Safari, Android, iOS */
    url("fonts/open-sans-v34-latin-300.svg#OpenSans") format("svg");
  /* Legacy iOS */
}

/* open-sans-regular - latin */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src: url("fonts/open-sans-v34-latin-regular.eot");
  /* IE9 Compat Modes */
  src: local(""),
    url("fonts/open-sans-v34-latin-regular.eot?#iefix") format("embedded-opentype"),
    /* IE6-IE8 */
    url("fonts/open-sans-v34-latin-regular.woff2") format("woff2"),
    /* Super Modern Browsers */
    url("fonts/open-sans-v34-latin-regular.woff") format("woff"),
    /* Modern Browsers */
    url("fonts/open-sans-v34-latin-regular.ttf") format("truetype"),
    /* Safari, Android, iOS */
    url("fonts/open-sans-v34-latin-regular.svg#OpenSans") format("svg");
  /* Legacy iOS */
}

/* open-sans-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: "Open Sans";
  font-style: normal;
  font-weight: 700;
  src: url("fonts/open-sans-v36-latin-700.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

.case-study {
  background-color: #f8f8f8;
  padding: 65px 0;
}

.onboarding .flex {
  align-items: flex-end;
}

.onboarding aside {
  width: 48%;
  background-image: url("img/teamapp-bg.png");
  background-repeat: no-repeat;
  background-size: contain;
}

.slider-video iframe {
  width: 100%;
  height: auto;
  max-height: 100vh;
  aspect-ratio: 16 / 9;
}

.onboarding article {
  width: 48%;
}

.onboarding article a {
  color: white;
  background-color: #e3000f;
  padding: 10px 15px;
  margin: 50px 0;
  transition: all 0.3s;
  display: inline-block;
  text-decoration: none;
}

.onboarding article a:hover {
  background-color: black;
}

.two-breaker article {
  padding: 30px !important;
}

.intro-case-study,
.logo-case-study,
.case-study article {
  background-color: white;
  width: 48%;
  margin-bottom: 30px;
  padding: 30px;
  -webkit-box-shadow: 7px 6px 12px -6px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 7px 6px 12px -6px rgba(0, 0, 0, 0.3);
  box-shadow: 7px 6px 12px -6px rgba(0, 0, 0, 0.3);
  align-items: center;
  justify-content: flex-start !important;
  flex-wrap: nowrap !important;
}

.case-study article img {
  margin-right: 30px;
}

.logo-case-study img {
  display: block;
  margin: 0 auto;
  width: auto;
  max-width: 100%;
}

.case-study-kennzahlen {
  background-color: #e3000f;
  padding: 45px;
  -webkit-box-shadow: 7px 6px 12px -6px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 7px 6px 12px -6px rgba(0, 0, 0, 0.3);
  box-shadow: 7px 6px 12px -6px rgba(0, 0, 0, 0.3);
}

.case-study-kennzahlen p {
  color: white;
  font-size: 24px;
  text-align: center;
}

.case-study-kennzahlen p strong {
  font-size: 60px;
}

.case-study .head {
  margin: 30px 0;
  padding: 0;
}

.case-study .head h3 {
  text-align: left;
  margin: 0;
  padding: 0;
}

.contact-content {
  background-color: #e3000f;
  overflow: hidden;
  transition: all 0.3s;
  visibility: hidden;
  opacity: 0;
  position: fixed;
  right: -100%;
  top: 45%;
}

.contact-button {
  z-index: 1;
  cursor: pointer;
}

.contact-content-container {
  padding: 30px;
}

.show-contacts {
  max-width: 500px;
  opacity: 1;
  right: 0;
  visibility: visible;
}

.contact-content p,
.contact-content a,
.contact-content h3 {
  color: white;
  text-decoration: none;
  margin: 0;
}

.recruiting-angebot article {
  width: 30%;
  -webkit-box-shadow: 7px 6px 12px -6px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 7px 6px 12px -6px rgba(0, 0, 0, 0.3);
  box-shadow: 7px 6px 12px -6px rgba(0, 0, 0, 0.3);
  padding: 20px 30px;
}

.contact-breaker article {
  border-left: solid 20px #e3000f;
  -webkit-box-shadow: 7px 6px 12px -6px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 7px 6px 12px -6px rgba(0, 0, 0, 0.3);
  box-shadow: 7px 6px 12px -6px rgba(0, 0, 0, 0.3);
  padding: 20px 0;
}

.contact-breaker article h3 {
  margin: 0;
}

.logo-banner {
  background-color: #f8f8f8;
  padding: 30px 0;
}

#recruiting-landingpage .wrapper {
  width: 1240px;
  margin: 0 auto;
}

.toggle h3 {
  color: black;
  border-left: 10px solid #e3000f;
  padding: 15px 30px;
  -webkit-box-shadow: 7px 6px 12px -6px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 7px 6px 12px -6px rgba(0, 0, 0, 0.3);
  box-shadow: 7px 6px 12px -6px rgba(0, 0, 0, 0.3);
  font-size: 18px;
  position: relative;
  transition: all 0.3s;
  background-color: white;
}

.toggle h3:hover {
  background-color: #f8f8f8;
  cursor: pointer;
}

.toggle h3::after {
  content: "";
  background-image: url("img/dropdown.svg");
  width: 11px;
  height: 10px;
  top: 25px;
  right: 15px;
  position: absolute;
}

.head {
  background-color: #f8f8f8;
  text-align: center;
  padding: 50px 0;
  margin-bottom: 65px;
}

.head h3 {
  margin: 0;
}

.hero-video {
  position: relative;
  overflow: hidden;
}

.number-container {
  background: rgb(255, 255, 255);
  background: linear-gradient(217deg, rgba(255, 255, 255, 0.6768908246892507) 0%, rgba(255, 255, 255, 1) 100%);
  padding: 15px;
  width: 220px;
}

.toggle-content {
  max-height: 0;
  overflow: hidden;
  transition: all 0.3s;
}

.open-toggle {
  max-height: 600px;
}

.usecase {
  width: 100%;
  text-align: center;
}

.usecase a {
  color: white;
  background-color: #e3000f;
  padding: 12px 40px;
  transition: all 0.3s;
  text-decoration: none;
  font-weight: 700;
  font-size: 20px;
}

.usecase a:hover {
  background-color: black;
}

#recruiting-landingpage .flex {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

#recruiting-landingpage .ovlerlay-content {
  gap: 120px;
  opacity: 0;
  visibility: hidden;
  bottom: -100%;
  position: relative;
  transition: all 0.4s;
}

.spacer {
  margin: 65px 0;
}

.recruiting-content article {
  width: 52%;
}

.recruiting-content aside {
  width: calc(50% - 120px);
  border-left: solid 20px #e3000f;
  background-color: white;
  -webkit-box-shadow: 7px 6px 12px -6px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 7px 6px 12px -6px rgba(0, 0, 0, 0.3);
  box-shadow: 7px 6px 12px -6px rgba(0, 0, 0, 0.3);
  padding: 30px 50px;
}

.contact-button {
  position: fixed;
  bottom: 20px;
  right: 215px;
}

.contact-button svg circle {
  transition: all 0.3s;
}

.contact-button:hover svg circle {
  fill: black;
}

.recruiting-content .flex {
  align-items: flex-start;
}

.recruiting-content aside img {
  margin-right: 30px;
}

.recruiting-content aside a {
  color: #e3000f;
  text-decoration: none;
}

#recruiting-landingpage h1 {
  color: black;
  font-size: 25px;
  font-weight: 700;
  margin: 10px 0;
}

#recruiting-landingpage h2 {
  font-size: 20px;
  font-weight: 400;
  margin: 10px 0;
}

#recruiting-landingpage p {
  font-size: 16px;
  margin: 0;
}

.slide-it-in {
  visibility: visible !important;
  opacity: 1 !important;
  bottom: 0 !important;
}

.number-container p {
  font-size: 24px;
  margin: 0;
  font-weight: 700;
  color: black;
}

.case-study-content-innner {
  max-height: 0;
  overflow: hidden;
  transition: all .3s;
}

.case-study-content h3 {
  color: black;
  border-left: 10px solid #e3000f;
  padding: 15px 30px;
  -webkit-box-shadow: 7px 6px 12px -6px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 7px 6px 12px -6px rgba(0, 0, 0, 0.3);
  box-shadow: 7px 6px 12px -6px rgba(0, 0, 0, 0.3);
  font-size: 18px;
  position: relative;
  transition: all 0.3s;
  background-color: white;
}

.case-study-content:last-of-type .case-study-content-innner{
  max-height: 5000px;
}

.contact-breaker a{
  color: #e3000f;
}

.contact-breaker img{
  margin-bottom: 30px;
}

.logo-banner img{
  height: 50px;
  width: auto;
  max-width: 100%;
}

.head-container-logo{
  margin: 30px 0 50px;
}

.case-study-content h3:hover{
  background-color: #f8f8f8;
  cursor: pointer;
}

.case-study-content h3::after {
  content: "";
  background-image: url("img/dropdown.svg");
  width: 11px;
  height: 10px;
  top: 25px;
  right: 15px;
  position: absolute;
}

.open-case {
  max-height: 3000px;
}

.number-container strong {
  font-size: 60px;
}

#recruiting-landingpage {
  padding-top: 114px;
}

.anchor {
  position: relative;
  top: -200px;
  height: 1px;
  width: 100%;
  visibility: hidden;
}

html {
  scroll-behavior: smooth;
}

.hero-overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

#recruiting-landingpage video {
  width: 100%;
  height: auto;
  display: block;
}

#cmplz-cookies-overview {
  color: black;
}

#cmplz-cookies-overview .cmplz-service-description,
#cmplz-cookies-overview .cmplz-sharing-data {
  color: white;
}

#menu-item-63 {
  font-style: bold;
  color: red;
  font-color: red;
}

#news-stoerer {
  position: fixed;
  background-color: #e3000f;
  padding: 10px;
  display: block;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 300px;
  display: none;
}

#news-stoerer p {
  color: white;
}

#query_jobs a {
  color: white;
  text-decoration: none;
}

#query_jobs p {
  display: inline;
}

#query_jobs article {
  padding: 10px 10px;
  background-color: #e3000f;
  margin-top: 30px;
}

#query_jobs article:hover {
  background-color: white;
}

#query_jobs article:hover p {
  color: black;
}

#offene-stellen {
  margin-top: 50px;
}

#offene-stellen {
  display: flex;
  justify-content: space-between;
}

#offene-stellen p,
#offene-stellen h1 {
  color: white;
}

#offene-stellen div:first-of-type {
  width: 20%;
}

#offene-stellen div:first-of-type p {
  font-size: 100px;
  margin: 0;
}

#offene-stellen div:last-of-type {
  width: 70%;
}

#stellenanzeige .titelbild {
  position: relative;
}

#stellenanzeige .titelbild h1 {
  position: absolute;
  bottom: 2%;
  left: 5%;
  background: rgba(0, 0, 0, 0.8);
  color: white;
  padding: 10px;
  max-width: 30%;
}

#wpforms-1468 {
  text-align: left;
}

#stellenanzeige .wrapper {
  display: flex;
  justify-content: space-between;
}

#stellenanzeige .wrapper section {
  width: 45%;
}

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

.recruiting_video {
  width: 45%;
}

.recruiting_video video {
  width: 100%;
  margin: 50px 0;
}

#recruiting-clips {
  padding: 100px 0;
}

#stellenanzeige .wrapper .jetzt-bewerben img {
  width: 300px;
  height: auto;
  display: block;
  margin: 0 auto;
  margin-top: 20px;
  margin-bottom: 20px;
}

#stellenanzeige .kurzinfos {
  opacity: 0.5;
}

#stellenanzeige .stellenanzeige h2 {
  text-align: left;
}

#stellenanzeige .stellenanzeige img {
  width: 100%;
  height: auto;
}

#stellenanzeige .wrapper .jetzt-bewerben {
  border-left: solid thin gray;
  position: sticky;
  top: 0;
  padding: 0 50px;
}

#stellenanzeige .wrapper .jetzt-bewerben .bewerbungs-btn {
  display: block;
  padding: 10px 20px;
  background-color: #e3000f;
  color: white;
  font-size: 24px;
  width: 60%;
  margin-top: 30px;
}

#stellenanzeige .wrapper .jetzt-bewerben .bewerbungs-btn:hover {
  background-color: black;
}

#stellenanzeige .wrapper .stellenanzeige p,
#stellenanzeige .wrapper .stellenanzeige ul,
#stellenanzeige .wrapper .stellenanzeige h3 {
  text-align: left;
  font-size: 15pt;
}

.foerderung-link {
  top: 85% !important;
}

.flex-dienstleistungen {
  display: flex;
  justify-content: space-between;
}

.flex-dienstleistungen figure {
  width: 24.5%;
  background-color: white;
  color: black;
  margin: 0;
}

#foerderungs-dienstleistungen h3,
.digitalisierung-ablauf h3,
.rueckruf-form h3 {
  color: #e3000f;
  text-align: center;
  font-size: 36px;
}

.flex-dienstleistungen figure h4 {
  text-align: center;
  color: black;
  font-size: 28px;
  font-weight: 600;
}

#digitalisierungsfoerderung .flex-dienstleistungen figure p {
  color: black;
  text-align: center;
}

#digitalisierungsfoerderung .flex-dienstleistungen figure .leistungsdarstellung {
  background-color: #e3000f;
  padding: 10px;
  height: 150px;
  display: table-cell;
  vertical-align: middle;
  width: 1%;
}

#digitalisierungsfoerderung .flex-dienstleistungen figure .leistungsdarstellung p {
  color: white;
  margin: 0;
}

#digitalisierungsfoerderung .flex-dienstleistungen figure .wrapper {
  width: 90%;
  margin: 0 auto;
}

#digitalisierungsfoerderung #foerderungs-dienstleistungen a {
  display: block;
  margin: 25px auto 0;
  padding: 10px 25px;
  background-color: #e3000f;
  color: white;
  font-size: 22px;
  width: 270px;
}

#digitalisierungsfoerderung #foerderungs-dienstleistungen a:hover {
  background-color: #a78c46;
}

.digitalisierung-ablauf {
  padding: 100px 0;
  text-align: center;
}

.digitalisierung-ablauf p {
  text-align: center;
}

.ablauf-col-3 {
  display: flex;
  justify-content: space-between;
}

.ablauf-col-3 h3 {
  color: white;
  margin-bottom: 0;
}

.ablauf-col-3 article {
  width: 25%;
}

.rueckruf-form {
  padding-bottom: 50px;
  width: 550px;
  margin: 0 auto;
  display: block;
}

.rueckruf-form label {
  color: white;
}

.rueckruf-form .wpforms-submit {
  display: block !important;
  width: 100% !important;
  color: white !important;
  background-color: #e3000f !important;
  border: none !important;
}

.rueckruf-form .wpforms-submit:hover {
  background-color: #977c39 !important;
}

#german-web-awards-winner {
  position: absolute;
  right: 35px;
  bottom: 35px;
  height: 100px;
  width: auto;
}

#hygieneaufsteller h1 {
  text-transform: uppercase;
  position: absolute;
  bottom: 5%;
  left: 10%;
  font-size: 80px;
}

#hygieneaufsteller-kontakt {
  color: white;
  text-align: center;
  padding: 70px 0;
}

#hygieneaufsteller-kontakt a {
  color: white;
  text-decoration: none;
}

.hygiene-leistungen {
  background-image: url("https://www.eilinghoff.de/wp-content/uploads/digitaler_Desinfektionsmittelspender_hq.jpg");
  background-position: center;
}

.flex-two {
  display: flex;
  justify-content: space-between;
}

#hygieneaufsteller-preisinfo article,
#hygieneaufsteller-preisinfo figure {
  width: 40%;
}

#hygieneaufsteller-preisinfo img {
  width: 100%;
}

#overlay {
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.8);
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9999;
  opacity: 0;
  animation-name: fade-in;
  animation-duration: 1s;
  animation-delay: 2s;
  animation-fill-mode: forwards;
}

.hygieneaufsteller-link {
  position: fixed;
  left: 0;
  top: 90%;
  background-color: #e30613;
  color: white;
  text-decoration: none;
  padding: 10px;
}

#infotafel {
  background-color: white;
  position: fixed;
  padding: 50px;
  text-align: left;
  max-width: 40%;
  z-index: 9999;
  left: 50%;
  font-size: 14px;
  margin: 0 auto;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  border: solid 3px #e30613;
  animation-name: fade-in;
  animation-duration: 1s;
  animation-delay: 2s;
  animation-fill-mode: forwards;
}

@media only screen and (max-width: 450px) {
  #infotafel {
    width: 90%;
    max-width: 90%;
    padding: 5px;
  }
}

#infotafel p {
  font-size: 18px;
  text-align: center;
}

#infotafel p:first-of-type {
  font-size: 28px;
}

#close-info {
  font-weight: 700;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  float: none;
}

#close-info:hover {
  color: #e30613;
}

@keyframes fade-in {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

#web-referenzen {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

#web-referenzen article {
  width: 24%;
  background-color: #e30613;
  padding: 5px;
  margin-bottom: 25px;
}

#web-referenzen article img {
  width: 100%;
  height: auto;
}

#web-referenzen article p {
  color: white;
}

#web-referenzen article:hover {
  background-color: black;
}

body {
  margin: 0;
  padding: 0;
  font-family: "Open Sans", sans-serif;
}

.cta p {
  position: relative;
  top: -72px;
  right: -35px;
}

.recruiting-ref .referenz_hover a {
  display: none;
}

.webinar-anmeldung {
  font-size: 18px;
}

.webinar-anmeldung button {
  background-color: #e30613 !important;
}

.webinar-anmeldung input[type="email"] {
  width: 300px;
  margin-top: 15px;
  display: inline-block;
}

.webinar-anmeldung .required input[type="checkbox"] {
  margin-bottom: 10px;
}

.webinar-anmeldung span.required {
  width: 350px;
  display: block;
  text-align: left;
  margin: 15px auto 40px;
  border-bottom: solid thin black;
  border-top: solid thin black;
  padding: 25px 0;
}

#historie {
  display: none;
}

.full-image {
  width: 100%;
  float: left;
  text-align: center;
  padding-top: 175px;
}

.full-image img {
  width: 100%;
}

#cff .cff-meta-wrap {
  display: none;
}

.container {
  background-color: black;
}

.accordion-history h1,
.accordion-history h2,
.accordion-history p {
  color: black !important;
  background-color: none !important;
}

.gg-calendar,
.gg-calendar::before {
  display: block;
  box-sizing: border-box;
}

.recruiting-ref img {
  object-fit: cover !important;
}

.recruiting-ref p {
  color: white !important;
}

.happening {
  width: 100%;
  float: left;
}

.classics-ref {
  height: 1000px !important;
}

img {
  object-fit: contain !important;
}

.medici-ref img {
  object-fit: cover !important;
}

.medici-ref p {
  color: black !important;
}

.year {
  font-size: 70pt !important;
  font-weight: bold !important;
  color: white !important;
}

.acordion-history h1 {
  font-size: 23pt !important;
  font-weight: bold !important;
}

.acordion-history h2 {
  font-size: 16pt !important;
}

.acordion-history p {
  font-size: 12pt !important;
}

.acordion-history {
  padding: 50px 0 150px 0;
}

.recruiting img {
  padding: 0;
  margin-top: -20px;
  width: 100%;
  height: calc(100vh - 130px);
  object-fit: cover !important;
}

.team-hr {
  width: 100%;
  color: red;
  height: 5px;
  background-color: red;
  margin-top: -5px;
  border: none;
}

.single img {
  width: 100%;
  height: 100vh;
  object-fit: cover !important;
  padding-top: 130px;
}

#text_catchphrase_agentur {
  position: fixed;
  top: 20%;
  left: 11%;
}

.wpostahs-slider-design-1 .wpostahs-slider-nav-title .wpostahs-main-title {
  color: #e30613 !important;
}

.wpostahs-slider-design-1 .wpostahs-slider-nav-title.slick-current .wpostahs-main-title::after {
  border-top-color: #e30613 !important;
}

.wpostahs-slider-design-1 .wpostahs-slider-nav-title.slick-current .wpostahs-main-title {
  background: #e30613 !important;
}

.wpostahs-slider-design-1 .wpostahs-slider-nav-title.slick-current .wpostahs-main-title::before {
  border-top-color: #e30613 !important;
}

#shortcuts {
  position: fixed;
  z-index: 9999;
  top: 30%;
  right: 0;
  margin-right: 0;
}

#shortcuts a {
  text-decoration: none;
  color: white;
}

#shortcuts .s-icon {
  position: absolute;
  top: 0;
  height: 85px;
  background-color: #e30613;
  padding: 10px;
  border-radius: 25px 0 0 25px;
  right: -180px;
  width: 250px;
  transition: all 0.7s;
}

#shortcuts .s-icon:hover {
  right: 0;
}

#shortcuts .s-icon img {
  width: 45px;
  height: auto;
  display: inline;
  float: left;
  margin-top: 10px;
  margin-left: 3px;
}

#shortcuts .s-icon p {
  display: inline-block;
  font-size: 18px;
  padding: 7px 0 0 30px;
  margin-top: 6px;
}

#referenzen img {
  object-fit: contain;
}

#header_index {
  z-index: 100;
}

#header_index nav {
  position: fixed;
  margin-top: 0 !important;
  margin-left: 0 !important;
  background: black;
  width: 100%;
  z-index: 1;
}

#recruiting {
  margin-top: 150px;
}

#team-slider {
  width: 100%;
  float: left;
}

.full {
  width: 100% !important;
}

#metaslider_387 img,
#metaslider_960 img {
  margin-left: 0 !important;
  margin-top: 0 !important;
  padding-top: 130px;
  height: 100vh;
  object-fit: cover !important;
}

#metaslider_960 img {
  padding-top: 0;
}

.wrapper p {
  font-size: 15pt;
}

h1 {
  font-size: 24pt;
}

.referenz-bild {
  width: 50%;
  float: left;
}

.referenz-text {
  width: 50%;
  float: left;
}

.referenz-text p {
  font-size: 30pt;
  padding-top: 15%;
  padding-left: 20%;
}

.referenz-bild img {
  width: 100%;
}

#header_index nav .menu-hauptmenue-container {
  margin-left: 230px;
  padding: 20px;
}

#header_index #logo img {
  position: fixed;
}

.content_right h2 {
  font-weight: lighter;
}

#eilinghoffs {
  margin-top: 450px;
}

#eilinghoffs img {
  width: 100%;
  margin: 0;
  padding: 0;
}

#stoerer {
  position: fixed;
  width: 350px;
  background-color: #e30613;
  right: -500px;
  top: 35%;
  z-index: 99;
  font-size: 12px;
  -webkit-box-shadow: 7px 6px 12px -6px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 7px 6px 12px -6px rgba(0, 0, 0, 0.75);
  box-shadow: 7px 6px 12px -6px rgba(0, 0, 0, 0.75);
  line-height: 1.5em;
  transition: all 0.7s;
  animation-name: slide-in;
  animation-delay: 6s;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  opacity: 1;
  visibility: visible;
}

@-webkit-keyframes slide-in {
  from {
    right: -500px;
  }

  to {
    right: 0;
  }
}

@keyframes slide-in {
  from {
    right: -500px;
  }

  to {
    right: 0;
  }
}

#stoerer p {
  font-size: 16pt;
  line-height: 21pt;
}

.slide-out {
  opacity: 0 !important;
  visibility: hidden !important;
}

.slide-in-stoerer {
  left: 0 !important;
}

#stoerer p,
#stoerer a {
  color: white;
  text-align: left;
  text-decoration: none;
}

#ausblenden {
  float: right;
  font-weight: bolder;
  padding: 0;
  margin: 0 15px 15px 0;
  cursor: pointer;
}

ml-slider-3-14-0 metaslider metaslider-flex metaslider-387 ml-slider vasen ms-theme-outline nav-hidden {
  margin-top: 96px !important;
}

.content_right_recruiting_a a {
  text-decoration: none;
  color: red;
}

#shop_intro {
  width: 100%;
  background-color: black;
  color: white;
  padding: 1px;
}

#intro_text h2 {
  margin-top: 100px;
  font-size: 22pt;
}

#intro_text p {
  margin-bottom: 100px;
  font-size: 18pt;
}

#wpcf7-f356-o1 input,
#wpcf7-f356-o1 textarea {
  width: 400px;
  margin: 20px 0 0 0;
  border: none;
  font-family: "Open Sans", sans-serif;
  font-size: 13pt;
  padding: 5px;
  cursor: pointer;
}

.wpcf7-mail-sent-ok {
  border: 2px solid #398f14;
  color: white !important;
  font-family: "Open Sans", sans-serif;
}

#wpcf7-f356-o1 select {
  font-family: "Open Sans", sans-serif;
  font-size: 13pt;
}

div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing {
  border: 2px solid #e30613 !important;
  text-align: center;
  color: white;
}

wpcf7-form-control wpcf7-submit:hover {
  cursor: pointer !important;
}

#wpsm_counter_b_row_1140 .wpsm_counterbox .wpsm_count-title,
#wpsm_counter_b_row_1140 .wpsm_counterbox .wpsm_number {
  font-family: "Open Sans", sans-serif !important;
}

#neugierig {
  text-align: center;
  margin-top: 150px;
}

#neugierig input {
  background-color: rgba(188, 188, 188, 1);
}

.small {
  height: auto !important;
  width: auto !important;
}

#neugierig p {
  text-align: center;
  opacity: 0.85;
  padding: 20px;
}

#produktbild {
  width: 50%;
  float: left;
  text-align: right;
}

#neugierig h2 {
  color: white;
}

#produktbild img {
  width: 50%;
}

#artikelseite {
  background-color: black;
  margin-bottom: -50px;
}

.artikelbeschreibung {
  width: 50%;
  float: left;
  margin-top: 100px;
}

.artikelbeschreibung p,
.artikelbeschreibung h2 {
  color: white !important;
}

#artikelseite_back {
  background-image: url("img/background_team_small.jpg");
}

#back_arrow {
  float: left;
  width: 10%;
}

#black_arrow img {
  width: 100%;
}

#bestellformular {
  width: 100%;
  background-color: grey;
  text-align: center;
}

.red {
  color: red;
}

.referenz1 img,
.referenz2 img,
.referenz3 img,
.referenz4 img {
  width: 100%;
}

.medici_shop_logo {
  background-image: url("img/medici_logo.png");
  background-repeat: no-repeat;
  background-position: left;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  padding: 27px;
}

#logo_klinikspezialisten {
  width: 33.33%;
  float: left;
}

.medici_shop_logo a {
  opacity: 0;
  padding: 20px;
}

.impressum_content {
  text-align: center;
  background-color: black;
  color: white;
  margin-bottom: -50px;
  margin-top: 130px;
  padding-bottom: 60px;
}

.impressum_content h1 {
  margin: 0;
}

#logo_bni {
  width: 33.33%;
  float: left;
}

#logo_rotary {
  width: 33.33%;
  float: left;
}

#referenzen h2 {
  color: white;
  text-align: center;
}

.mitte {
  width: 100%;
  float: left;
}

.unten {
  width: 100%;
  float: left;
}

.verband_logos img {
  width: 60%;
}

.verband_logos p {
  padding: 0;
  margin: 0;
}

#logo-1 {
  width: 75%;
  float: left;
}

#logo-2 {
  width: 25%;
  float: left;
}

#logo-3 {
  width: 50%;
  float: left;
}

#logo-4 {
  width: 50%;
  float: left;
}

#logo-5 {
  width: 50%;
  float: left;
}

#logo-6 {
  width: 50%;
  float: left;
}

.verband_logos {
  width: 100%;
  float: left;
  -webkit-filter: grayscale(100%);
  /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}

#logo_rpl img {
  width: 100%;
}

.oben {
  width: 100%;
  float: left;
}

.auswahl {
  background-color: black;
  color: white;
}

.wrapper_partner {
  margin: 0 auto;
  width: 65%;
}

.auswahl ul {
  position: relative;
  text-align: center;
}

.referenz_hover a {
  text-decoration: none;
  color: black;
}

.current_page_item a {
  border-bottom: 1px solid white;
}

.auswahl ul li {
  list-style-type: none;
  display: inline;
  margin-right: 100px;
  font-size: 20px;
}

.auswahl a {
  text-decoration: none;
  color: grey;
}

.auswahl a:hover {
  text-decoration: underline;
  text-decoration-color: grey;
}

.auswahl_active {
  text-decoration: underline;
  text-decoration-color: grey;
}

.referenz_hover img {
  /**position: relative;
	left: 44%;
	top: 38%;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	opacity: 0.3;
	transition:0.5s;
	width:15%; */
  display: none;
}

.referenz_hover img:hover {
  opacity: 0.8;
}

.impressum_content h1 {
  font-weight: lighter;
}

.impressum_content a {
  text-decoration: none;
  color: red;
}

.datenschutz_content {
  text-align: center;
  background-color: black;
  color: white;
  width: 100%;
  margin-bottom: -50px;
  margin-top: 130px;
}

.wrapper_datenschutz h2 {
  margin: 0;
}

.datenschutz_content h1 {
  font-weight: lighter;
}

.referenzen_content_right {
  text-align: center;
  width: 50%;
  float: left;
}

.referenzen_content_left {
  text-align: center;
  float: left;
  width: 50%;
}

.referenzen_content_left img {
  width: 100%;
}

.referenzen_text_left {
  width: 50%;
  float: left;
}

.referenzen_text_left p {
  font-size: 18pt;
  line-height: 30pt;
  margin-top: 115px;
  padding: 30px;
}

.referenzen_text_bild_left {
  width: 50%;
  float: left;
}

.referenzen_text_bild_left p {
  font-size: 30pt;
  line-height: 30pt;
  margin-top: 115px;
  padding: 30px;
  text-align: center;
  font-style: italic;
}

.intersection {
  width: 100%;
  text-align: center;
  height: 60px;
  float: left;
  margin-top: 200px;
  margin-bottom: 200px;
}

.referenz_content {
  margin-top: 350px;
}

.referenzen_logo {
  text-align: center;
  width: 100%;
  margin-top: 250px;
}

.referenzen_logo p {
  text-align: left;
  font-size: 18pt;
  line-height: 30pt;
}

.referenzen_logo img {
  width: 50%;
}

.referenzen_logo_bild {
  text-align: center;
  width: 100%;
  margin-top: 350px;
}

.referenzen_logo_bild p {
  text-align: left;
  font-size: 18pt;
  line-height: 30pt;
}

.referenzen_logo_bild img {
  width: 50%;
}

.referenzen_text_right {
  width: 50%;
  float: left;
}

.referenzen_text_right p {
  font-size: 18pt;
  line-height: 30pt;
  margin-top: 115px;
  padding: 30px;
}

.referenzen_text_right_bild {
  width: 50%;
  float: left;
}

.referenzen_text_right_bild p {
  font-size: 30pt;
  line-height: 30pt;
  margin-top: 115px;
  padding: 30px;
  text-align: center;
  font-style: italic;
}

.datenschutz_content a {
  text-decoration: none;
  color: red;
}

#team_vids {
  overflow: hidden;
}

.preloader {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99999;
  background-image: url("img/et-1.gif");
  background-repeat: no-repeat;
  background-color: black;
  background-position: center;
  overflow: hidden;
  position: fixed;
}

.scroll-stop {
  overflow: hidden;
}

header {
  width: 100%;
  background-color: black;
  color: white;
  height: 130px;
  position: absolute;
}

#header_index {
  width: 100%;
  background-color: transparent;
  color: white;
  height: 130px;
  position: absolute;
}

#header_agentur {
  width: 100%;
  color: white;
  height: 130px;
  position: fixed;
  background-color: black;
  z-index: 50;
}

#header_kontakt {
  width: 100%;
  color: white;
  height: 130px;
  background-color: black;
  position: fixed;
  z-index: 999;
}

#header_impressum {
  width: 100%;
  color: white;
  height: 130px;
  background-color: black;
  top: 0;
  position: fixed;
  z-index: 9999;
}

#header_recruiting {
  width: 100%;
  color: white;
  height: 130px;
  position: fixed;
  background-color: black;
  z-index: 1;
  top: 0;
}

#header_classics {
  position: fixed;
  z-index: 999;
}

#header_referenzen {
  width: 100%;
  color: white;
  height: 130px;
  position: fixed;
  background-color: black;
  z-index: 1;
  top: 0;
}

#header_team {
  width: 100%;
  color: white;
  height: 130px;
  position: fixed;
  background-color: black;
  z-index: 1;
  top: 0;
}

#header_ref_becker {
  width: 100%;
  color: white;
  height: 130px;
  background-color: black;
  z-index: 1;
  top: 0;
  position: fixed;
}

.referenzen_content {
  position: relative;
  height: auto;
  text-align: center;
}

.referenzen_content h1,
p {
  text-align: left;
  margin-top: 25px;
}

.referenzen_content p {
  text-align: left;
  font-size: 16pt;
}

#becker_referenz_vorstellung {
  display: none;
  margin-top: 200px;
}

#becker_referenz_vorstellung h1 {
  font-size: 100px;
}

#becker_referenz_vorstellung img {
  width: 100%;
}

.textbsp1 {
  margin-left: 35%;
}

#becker_referenz_beispiel1 {
  margin-top: 200px;
}

#becker_referenz_beispiel1 h2 {
  text-align: left;
}

#becker_referenz_beispiel1 img {
  width: 32%;
  float: left;
}

#becker_referenz_beispiel2 h2 {
  text-align: left;
}

#becker_referenz_beispiel2 img {
  float: right;
}

#becker_referenz_beispiel2 {}

#becker_referenz_beispiel2 {
  margin-top: 200px;
}

.text_bsp2 {
  width: 30%;
  float: left;
}

.text_bsp2 h2 {
  font-size: 100px;
}

.img_bsp2 {
  width: 70%;
  float: left;
}

.img_bsp2 img {
  width: 90%;
  margin-top: 50px;
}

.referenzen_content h2 {
  font-size: 70px;
}

.gesamtpaket_text {
  width: 30%;
  float: left;
}

.gesamtpaket_bild {
  width: 70%;
  float: left;
}

.gesamtpaket_bild img {
  width: 60%;
}

#becker_referenz_gesamt {
  margin-top: 200px;
  margin-bottom: 150px;
}

#header_team {
  width: 100%;
  color: white;
  height: 130px;
  position: fixed;
  background-color: #000000;
  z-index: 2;
  top: 0;
}

#header_partner {
  width: 100%;
  color: white;
  height: 130px;
  position: fixed;
  background-color: black;
  z-index: 1;
}

.header_show {
  background-color: black !important;
  transition: all 1s;
}

nav {
  float: left;
  position: relative;
  margin-top: 25px;
  margin-left: 300px;
}

nav ul {
  margin-top: 35px;
  padding: 0;
}

nav ul li {
  list-style-type: none;
  display: inline;
  font-size: 16px;
  margin-left: 20px;
  margin-right: 80px;
}

nav ul li a {
  text-decoration: none;
  color: white;
}

nav ul li a:hover {
  border-bottom: 1px solid;
  border-bottom-color: white;
}

nav ul li a:active {
  border-bottom: 1px solid;
  border-bottom-color: white;
}

#nav_referenzen ul {
  margin-top: 35px;
  padding: 0;
  position: relative;
}

#nav_referenzen ul li {
  list-style-type: none;
  display: inline;
  font-size: 16px;
  margin-left: 20px;
  margin-right: 80px;
}

#nav_referenzen ul li a {
  text-decoration: none;
  color: white;
}

#nav_referenzen ul li a:hover {
  border-bottom: 1px solid;
  border-bottom-color: white;
}

#nav_referenzen ul li a:active {
  border-bottom: 1px solid;
  border-bottom-color: white;
}

.active {
  text-decoration: underline;
}

.active_sub {
  text-decoration: underline;
  -webkit-text-decoration-color: red;
  /* safari still uses vendor prefix */
  text-decoration-color: red;
}

.sub_menu_referenzen:hover {
  text-decoration: none !important;
}

#logo img {
  float: left;
  margin-top: 30px;
  margin-left: 100px;
  position: absolute;
  z-index: 2;
}

#logo_referenzen img {
  float: left;
  margin-top: 30px;
  margin-left: 100px;
  position: absolute;
  z-index: 2;
}

main {}

#kontakt {
  height: auto;
  background-color: black;
  width: 100%;
  float: left;
}

.kontakt_left {
  width: 100%;
  float: left;
  color: white;
  margin-top: 300px;
  font-size: 24px;
  margin-bottom: 250px;
}

.kontakt_left p {
  text-decoration: none;
  text-align: center;
}

.kontakt_left a {
  text-decoration: none;
  text-align: center;
  color: red;
}

.kontakt_right {
  width: 100%;
  float: left;
}

.kontakt_right img {
  width: 75%;
}

.wrapper {
  margin: 0 auto;
  width: 65%;
}

.wrapper_datenschutz {
  margin: 0 auto;
  width: 65%;
}

.wrapper_team {
  margin: 0 auto;
  width: 100%;
}

.wrapper_catchphrase {
  width: 65%;
  position: absolute;
  left: 20%;
  margin-top: 10%;
}

#jahr1 img,
#jahr2 img,
#jahr3 img,
#jahr4 img {
  width: 17% !important;
  margin-top: -100px !important;
  margin-left: -40px;
}

#jahr1,
#jahr2,
#jahr3,
#jahr4 {
  margin: -45px 100px 0 100px;
}

.wrapper_agentur {
  margin: 0 auto;
  width: 80%;
  margin-top: 100px;
}

#catchphrase {
  height: 1069px;
  width: 100%;
}

#catchphrase p {
  text-align: left;
  color: white;
  font-size: 100px;
  margin: 0;
  position: fixed;
}

#agentur_catchphrase {
  width: 100%;
  background-position: center;
}

#agentur_catchphrase p {
  text-align: left;
  color: white;
  font-size: 100px;
  margin: 0;
  position: fixed;
}

#text_catchphrase {
  color: white;
  font-size: 85pt;
  position: fixed;
}

#team_catchphrase {
  height: 2160px;
  width: 100%;
  background-image: url("img/team.jpg");
  background-position: center;
}

#team_catchphrase p {
  text-align: left;
  color: white;
  font-size: 100px;
  margin: 0;
  position: fixed;
  text-shadow: 1px 1px #000000;
}

#partner_catchphrase {
  height: 1080px;
  width: 100%;
  background-image: url("img/uebergang.jpg");
  background-position: center;
}

#partner_catchphrase p {
  text-align: left;
  color: white;
  font-size: 100px;
  margin: 0;
  position: fixed;
  text-shadow: 1px 1px #000000;
}

.hide {
  visibility: hidden;
}

.hide_mobile {
  visibility: hidden !important;
}

.fixed {
  position: fixed;
  z-index: 999;
}

#kommunikation {
  background-color: white;
  color: black;
  margin-top: 10%;
}

.content_left {
  width: 50%;
  float: left;
  text-align: right;
}

.content_right {
  float: left;
  width: 50%;
  margin-bottom: 100px;
}

.content_right_team {
  float: left;
  width: 50%;
  margin-top: 150px;
}

.content_right p {
  text-align: left;
}

.content_left p {
  font-size: 100px;
  margin: 0;
}

.content_left_team {
  width: 50%;
  float: left;
  text-align: right;
}

.content_left_team p {
  font-size: 100px;
  margin-top: 150px;
}

.content_right_partner_a {
  float: right;
  width: 45%;
  margin-top: 220px;
}

.content_right_recruiting_a {
  float: left;
  width: 50%;
  margin-top: 100px;
}

.content_left_partner_a {
  width: 50%;
  float: left;
  text-align: right;
}

.content_right_partner {
  float: left;
  width: 50%;
  margin-top: 140px;
}

.content_left_partner_a p {
  font-size: 90px;
  margin-top: 150px;
}

.content_left_medici_a {
  width: 50%;
  float: left;
  text-align: right;
}

.content_left_medici_a p {
  font-size: 100px;
  margin-top: 150px;
}

.content_left_recruiting_a {
  float: left;
  width: 50%;
}

.content_left_recruiting_a p {
  font-size: 100px;
}

.content_left_recruiting {
  width: 50%;
  float: left;
  text-align: right;
}

.content_recruiting p {
  font-size: 100px;
  margin-top: 150px;
}

.content_right_partner_b {
  float: right;
  width: 50%;
}

.content_left_partner_b {
  width: 35%;
  float: left;
  text-align: left;
  margin-left: 10%;
  margin-top: 200px;
}

.partner_text a {
  text-decoration: none;
  color: grey;
}

.content_right_partner_b p {
  font-size: 100px;
}

.clear {
  clear: both;
}

h1 {
  font-weight: lighter;
}

.black_banner {
  height: 345px;
  width: 100%;
  background-color: black;
  color: white;
  margin-bottom: 200px;
  float: left;
}

.wrapper_banner {
  margin: 0 auto;
  width: 80%;
}

#jahre {
  width: 100%;
  float: left;
  text-align: center;
}

.count {
  font-size: 30px;
  margin-top: 30px;
}

.black_banner img {
  margin-top: 25px;
}

.black_banner p {
  font-size: 30px;
}

#koepfe {
  width: 25%;
  float: left;
  text-align: center;
}

#ideen {
  width: 25%;
  float: left;
  text-align: center;
}

#facebook {
  width: 25%;
  float: left;
  text-align: center;
}

#facebook_feed {
  margin-top: 1300px;
}

#facebook_feed h2 {
  text-align: center;
  font-size: 35px;
}

footer {
  width: 100%;
  height: 170px;
  background-color: black;
  position: relative;
}

#footer_wrapper {
  width: 80%;
  margin: 0 auto;
}

footer img {
  width: 20%;
}

#karte {
  height: 657px;
  width: 100%;
  margin-top: 333px;
}

#karte img {
  width: 100%;
}

#copyright {
  font-size: 15pt;
  color: white;
}

#copyright p {
  text-align: center !important;
}

#signet {
  text-align: center;
}

#signet img {
  margin-top: 30px;
}

footer a {
  text-decoration: none;
  color: white;
}

#historie {
  text-align: center;
  padding: 75px 0 75px 0;
}

.happening {
  padding: 75px 0 75px 0;
}

#historie h2 {
  font-size: 21pt;
}

#historie h1 {
  font-weight: bold;
}

#historie img {
  width: 50%;
}

.wrapper_historie {
  margin: 0 auto;
  width: 100%;
}

#jahr1 {
  float: left;
  width: 10%;
}

#jahr2 {
  float: left;
  width: 10%;
  margin-left: 21%;
}

#jahr3 {
  float: left;
  width: 10%;
  margin-left: 15%;
}

#jahr4 {
  float: left;
  width: 10%;
  margin-left: 15%;
}

.uebergang {
  height: 1080px;
  background-image: url("img/uebergang.jpg");
}

.uebergang_partner {
  height: 540px;
  background-image: url("img/uebergang_partner.jpg");
}

#texte_historie {
  margin-left: 5%;
}

#markenauftritt {
  height: 660px;
  margin-top: 130px;
}

.content_right_agentur {
  width: 50%;
  float: left;
}

.content_right_agentur p {
  font-size: 100px;
  margin: 0;
}

.content_left_agentur {
  width: 40%;
  float: left;
  margin-top: 80px;
  margin-right: 85px;
}

.content_left_agentur p {
  text-align: left;
}

.content_left_agentur h1 {
  text-align: right;
}

#stellen {
  height: auto;
  margin-top: 200px;
  color: white;
  background-color: black;
  float: left;
}

.content_right_stellen a {
  text-decoration: none;
  color: red;
}

.content_right_stellen {
  float: right;
  width: 44%;
}

.content_right_stellen p {
  text-align: left;
}

.content_left_stellen {
  width: 50%;
  float: left;
  text-align: right;
}

.content_left_stellen p {
  font-size: 100px;
  margin: 0;
}

#hr_stellen {
  height: 4px;
  background-color: #e30613;
  border: none;
  -webkit-transition: width 1s ease-out;
  transition: width 1s ease-out;
  width: 0%;
  position: absolute;
  margin-top: 13px;
}

.grow {
  width: 100% !important;
}

.grow-stellen {
  width: 20% !important;
}

#hr_right_recruiting {
  height: 4px;
  background-color: #e30613;
  border: none;
  -webkit-transition: width 1s ease-out;
  transition: width 1s ease-out;
  width: 0%;
  position: relative;
  text-align: right;
  margin-right: 0;
  margin-top: 9%;
}

#hr_left_recruiting {
  height: 4px;
  background-color: #e30613;
  border: none;
  -webkit-transition: width 1s ease-out;
  transition: width 1s ease-out;
  width: 0%;
  position: absolute;
  top: 95%;
}

.grow_recruiting {
  width: 55% !important;
}

#alternativ_stellen {
  margin-top: 100px;
}

#alternativ_stellen p {
  margin-left: 31%;
  font-size: 16pt;
}

#team_text {
  background-color: black;
  color: white;
}

.partner_text {
  height: auto !important;
  background-color: black;
  color: white;
  float: left;
  padding-bottom: 100px;
}

#team {
  height: auto;
  width: 100%;
  background-color: black;
}

#team a {
  text-decoration: none;
  color: red;
}

#team_container1,
#team_container3,
#team_container5,
#team_container7,
#team_container9,
#team_container11,
#team_container13,
#team_container15,
#team_container17 {
  height: 400px;
  width: 100%;
  position: relative;
  float: left;
  color: white;
  margin-top: 160px;
  background-color: black;
}

#team_container1 video,
#team_container3 video,
#team_container5 video,
#team_container7 video,
#team_container9 video,
#team_container11 video,
#team_container13 video,
#team_container15 video,
#team_container17 video {
  margin-left: 25%;
  transform: scale(1.77);
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

.container1_text,
.container3_text,
.container5_text,
.container7_text,
.container9_text,
.container11_text,
.container13_text,
.container15_text,
.container17_text {
  position: absolute;
  top: 75px;
  left: 55%;
}

.container1_text h2,
.container3_text h2,
.container5_text h2,
.container7_text h2,
.container9_text h2,
.container11_text h2,
.container13_text h2,
.container15_text h2,
.container17_text h2 {
  font-size: 20pt;
}

#team_container2,
#team_container4,
#team_container6,
#team_container8,
#team_container10,
#team_container12,
#team_container14,
#team_container16,
#team_container18 {
  height: 400px;
  width: 100%;
  position: relative;
  float: right;
  color: white;
  margin-top: 160px;
  background-color: black;
}

#team_container2 video,
#team_container4 video,
#team_container6 video,
#team_container8 video,
#team_container10 video,
#team_container12 video,
#team_container14 video,
#team_container16 video,
#team_container18 video {
  margin-left: 55%;
  transform: scale(1.77);
}

.container2_text,
.container4_text,
.container6_text,
.container8_text,
.container10_text,
.container12_text,
.container14_text,
.container16_text,
.container18_text {
  position: absolute;
  top: 10%;
  left: 28%;
  z-index: 1;
}

.container2_text h2,
.container4_text h2,
.container6_text h2,
.container8_text h2,
.container10_text h2,
.container12_text h2,
.container14_text h2,
.container16_text h2,
.container18_text h2 {
  font-size: 20pt;
  margin-left: 50px;
}

.container2_text p,
.container4_text p,
.container6_text p,
.container8_text p,
.container10_text p,
.container12_text p,
.container14_text p,
.container16_text p,
.container18_text p {
  margin-left: 50px;
}

.opacity {
  opacity: 0.4;
}

.wrapper_referenzen {
  margin: 0 auto;
  width: 99%;
}

#referenzen p {
  margin: 0 !important;
  padding: 0 !important;
}

#referenzen {
  height: auto !important;
  background-color: black;
  padding-top: 15px;
  float: left;
}

#referenzen_row1,
#referenzen_row2,
#referenzen_row3,
#referenzen_row4 {
  width: 25%;
  float: left;
}

.referenz1 {
  margin: 5px 8px 15px;
  position: relative;
  overflow: hidden;
}

.referenz2 {
  margin: 15px;
  position: relative;
  overflow: hidden;
}

.referenz3 {
  margin: 15px;
  position: relative;
  overflow: hidden;
}

.referenz4 {
  margin: 15px;
  position: relative;
  overflow: hidden;
}

.referenz_hover {
  position: absolute;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: 0.5s;
}

.referenz1:hover .referenz_hover {
  opacity: 1;
}

.referenz2:hover .referenz_hover {
  opacity: 1;
}

.referenz3:hover .referenz_hover {
  opacity: 1;
}

.referenz4:hover .referenz_hover {
  opacity: 1;
}

.referenz_hover p {
  color: white;
  position: relative;
  top: 80%;
  font-size: 22pt;
  text-align: center;
}

#referenzen_medici {
  height: 1920px;
  background-image: url("img/background_referenzen_medici.jpg");
  padding-top: 15px;
}

#referenzen_medici_row1,
#referenzen_medici_row2,
#referenzen_medici_row3,
#referenzen_medici_row4 {
  width: 25%;
  float: left;
}

.referenz_medici_1 {
  margin: 15px;
  position: relative;
  overflow: hidden;
}

.referenz_medici_2 {
  margin: 15px;
  position: relative;
  overflow: hidden;
}

.referenz_medici_3 {
  margin: 15px;
  position: relative;
  overflow: hidden;
}

.referenz_medici_4 {
  margin: 15px;
  position: relative;
  overflow: hidden;
}

.referenz_medici_hover {
  position: absolute;
  bottom: -100%;
  background-color: rgba(255, 255, 255, 0.5);
  width: 100%;
  height: 100%;
}

.referenz_medici_1:hover .referenz_medici_hover {
  bottom: 3px;
}

.referenz_medici_2:hover .referenz_medici_hover {
  bottom: 3px;
}

.referenz_medici_3:hover .referenz_medici_hover {
  bottom: 3px;
}

.referenz_medici_4:hover .referenz_medici_hover {
  bottom: 3px;
}

.referenz_medici_1:hover {
  transform: scale(1.02);
}

.referenz_medici_2:hover {
  transform: scale(1.02);
}

.referenz_medici_3:hover {
  transform: scale(1.02);
}

.referenz_medici_4:hover {
  transform: scale(1.02);
}

.referenz_medici_hover p {
  margin-left: 10px;
  font-size: 25pt;
  bottom: 0%;
  position: absolute;
}

#video_header {
  position: relative;
  right: 0;
  min-width: 100%;
  width: 100%;
  height: 100vh;
  padding-top: 130px;
  object-fit: cover;
}

#video-frontpage .promo {
  position: absolute;
  height: auto;
  right: 20px;
  bottom: 0;
}

#video-frontpage .promo h3 {
  color: white;
  position: absolute;
  left: -720px;
  bottom: 50px;
  font-size: 26px;
  text-align: right;
}

#video-frontpage .promo h3 strong {
  font-weight: 700;
}

#video-frontpage .promo img {
  width: 300px;
  height: auto;
}

.content_video {
  position: absolute;
  background-color: transparent;
}

#intro_video {
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
}

#mobile-btn {
  display: none;
}

.referenz-text a {
  color: red;
  text-decoration: none;
}

.titelbild {
  margin: 0;
  padding: 110px 0 0;
  position: relative;
}

.titelbild img {
  width: 100%;
  height: auto;
}

.standard-template h1 {
  text-align: center;
  color: #e30613;
  font-size: 28px;
}

.standard-template a {
  text-decoration: none;
  color: #e30613;
}

.standard-template {
  padding: 100px 0;
}

/* ----------- TEAMAPP --------------  */

#teamapp {
  padding: 125px 0 0;
}

#teamapp figure {
  margin: 0;
  padding: 0;
}

#teamapp .titelbild img {
  width: 100%;
  height: auto;
}

#teamapp .titelbild {
  position: relative;
  z-index: 1;
}

#teamapp .titelbild div {
  text-align: right;
  position: absolute;
  bottom: 30px;
  right: 15%;
  color: white;
}

#teamapp .titelbild div h1 {
  margin: 0;
  font-size: 38px;
  font-weight: 600;
}

#teamapp .titelbild div p {
  text-align: right;
  font-size: 30px;
  margin: 0;
}

#teamapp h2 {
  color: #e30613;
  text-align: center;
  font-size: 36px;
}

#teamapp h3 {
  color: #e30613;
  text-align: center;
  font-size: 26px;
}

#teamapp p {
  text-align: center;
}

#teamapp #content {
  padding: 50px 0 0;
}

#teamapp .two-columns {
  display: flex;
  justify-content: space-between;
  margin-top: 50px;
}

#teamapp .two-columns article {
  width: 45%;
  padding-bottom: 75px;
}

#teamapp .two-columns figure {
  width: 45%;
  position: relative;
  overflow: hidden;
}

#teamapp .two-columns figure img {
  width: 100%;
  height: auto;
  max-height: 100%;
}

#teamapp .black-bg {
  background-color: black;
  padding: 5px 0 0;
}

#teamapp ul {
  list-style-image: url("img/list-symbol.png");
}

#teamapp ul li {
  font-size: 15pt;
}

#teamapp ul li ul {
  list-style-image: none;
  list-style-type: "- ";
}

#teamapp .black-bg ul li {
  color: white;
}

#teamapp .black-bg .two-columns article,
#teamapp .bg-red .two-columns article {
  padding-bottom: 75px;
}

#teamapp .two-columns figure img {
  position: absolute;
  bottom: 0;
}

#teamapp .btn-black {
  text-align: center;
  color: white;
  padding: 10px 0;
  border: solid 1px white;
  display: block;
  text-decoration: none;
  margin: 50px auto 0;
  width: 305px;
  z-index: 9;
  position: relative;
}

#teamapp .btn-black:hover {
  background-color: #e30613;
  transition: all 500ms ease;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
  border-color: #e30613;
}

#teamapp .btn-white {
  text-align: center;
  color: black;
  padding: 10px 0;
  border: solid 1px black;
  display: block;
  text-decoration: none;
  margin: 50px auto 0;
  width: 305px;
  z-index: 9;
  position: relative;
}

#teamapp .btn-white:hover {
  background-color: #e30613;
  color: white;
  transition: all 500ms ease;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
  border-color: white;
}

#teamapp .bg-red {
  background-color: #e30613;
  color: white;
  padding: 10px 0 0;
}

#teamapp .bg-red h3 {
  color: white;
  font-weight: 700;
}

#teamapp .bg-red .two-columns figure img {
  height: 100%;
  width: auto;
  left: 0;
  right: 0;
  margin: 0 auto;
}

#teamapp .wpcf7 input {
  width: 70%;
  float: left;
  display: inline;
  background-color: #e30613;
  border: solid 2px white;
  font-size: 16px;
  color: white;
  padding: 5px;
}

#teamapp .wpcf7 input[type="submit"] {
  width: 25%;
  float: right;
  display: inline;
  background-color: white;
  color: black;
  cursor: pointer;
  transition: all 500ms ease;
  margin-top: -27px;
}

#teamapp .wpcf7 input[type="submit"]:hover {
  background-color: black;
  color: white;
  border-color: black;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
}

#digitalisierungsfoerderung .titelbild h1 {
  color: white;
  position: absolute;
  bottom: 15%;
  left: 5%;
}

#digitalisierungsfoerderung .titelbild h1 strong {
  font-weight: 900;
}

#digitalisierungsfoerderung .black-bg {
  background-color: black;
}

#digitalisierungsfoerderung .black-bg p,
#digitalisierungsfoerderung .black-bg h2 {
  color: white;
}

#digitalisierungsfoerderung .black-bg a {
  color: #e3000f;
  text-decoration: none;
  font-weight: 900;
}

@media only screen and (min-width: 1925px) {

  .wrapper,
  .partner_wrapper,
  .wrapper_datenschutz,
  .wrapper_team,
  .wrapper_catchphrase,
  .wrapper_agentur,
  .wrapper_historie,
  .wrapper_referenzen {
    width: 1525px;
  }

  #referenzen {
    width: 100%;
  }

  footer {
    height: 220px;
  }

  .partner_text {
    width: 100%;
  }

  #stellen {
    width: 100%;
  }
}

@media only screen and (max-width: 1900px) {
  #hr_right_recruiting {
    display: none;
  }

  #hr_left_recruiting {
    display: none;
  }
}

@media only screen and (max-width: 1830px) {
  #jahr4 {
    margin-left: 12%;
  }
}

@media only screen and (max-width: 1810px) {

  #jahr1 img,
  #jahr2 img,
  #jahr3 img,
  #jahr4 img {
    margin-top: -86px !important;
  }
}

@media only screen and (max-width: 1770px) {
  nav ul li {
    margin-right: 70px;
  }

  #nav_referenzen ul li {
    margin-right: 70px;
  }
}

@media only screen and (max-width: 1723px) {
  #jahr4 {
    width: 10%;
    margin-left: 6%;
  }

  #jahr4 img {
    width: 17% !important;
  }
}

@media only screen and (max-width: 1680px) {
  nav ul li {
    margin-right: 45px;
  }

  #nav_referenzen {
    margin-left: 200px;
  }

  #nav_referenzen ul li {
    margin-right: 45px;
  }
}

@media only screen and (max-width: 1664px) {

  #jahr1 img,
  #jahr2 img,
  #jahr3 img,
  #jahr4 img {
    margin-top: -50px !important;
  }
}

@media only screen and (max-width: 1636px) {
  .content_left_medici_a p {
    font-size: 80px;
  }

  .ablauf-col-3 article {
    width: 30%;
  }

  .digitalisierung-ablauf .wrapper {
    width: 90%;
  }
}

@media only screen and (max-width: 1600px) {
  .acordion-history p {
    font-size: 16pt !important;
  }

  .acordion-history h2 {
    font-size: 18pt !important;
  }

  .acordion-history h1 {
    font-size: 27pt !important;
  }

  #recruiting-landingpage .ovlerlay-content {
    gap: 30px;
  }
}

@media only screen and (max-width: 1580px) {
  #logo_referenzen img {
    margin-left: 50px;
  }

  #nav_referenzen {
    margin-left: 140px;
  }
}

@media only screen and (max-width: 1545px) {
  #teamapp .two-columns figure {
    width: 65%;
  }

  #teamapp .two-columns article {
    width: 35%;
  }

  #stellenanzeige .wrapper {
    width: 90%;
  }
}

@media only screen and (max-width: 1520px) {
  nav {
    margin-left: 240px;
  }
}

@media only screen and (max-width: 1460px) {
  nav {
    margin-left: 200px;
  }

  nav ul li {
    margin-right: 50px;
  }
}

@media only screen and (max-width: 1466px) {
  #jahr3 {
    margin-left: 16%;
  }
}

@media only screen and (max-width: 1454px) {

  #jahr1,
  #jahr2,
  #jahr3,
  #jahr4 {
    margin-top: -43px;
  }

  #jahr4 {
    margin-left: 13%;
  }
}

@media only screen and (max-width: 1450px) {
  .referenzen_text_left {
    width: 100%;
  }

  .referenzen_content_right {
    width: 100%;
  }

  #logo_referenzen img {
    margin-top: 60px;
  }

  #nav_referenzen {
    float: left;
  }
}

@media only screen and (max-width: 1438px) {
  .content_left_partner_a p {
    font-size: 85px;
  }

  .content_right_partner_b p {
    font-size: 85px;
  }

  #digitalisierungsfoerderung .titelbild h1 {
    bottom: 0;
  }
}

@media only screen and (max-width: 1409px) {
  nav ul li {
    margin-right: 40px;
  }

  #german-web-awards-winner {
    position: relative;
    right: 0;
    bottom: 0;
    height: 100px;
    width: auto;
    margin: 35px auto 0;
    display: block;
  }

  footer {
    height: auto;
    padding-bottom: 30px;
  }
}

@media only screen and (max-width: 1400px) {
  #logo img {
    margin-left: 70px;
  }

  #teamapp .bg-red .two-columns article {
    width: 60%;
  }

  #foerderungs-dienstleistungen .wrapper {
    width: 90%;
  }
}

@media only screen and (max-width: 1345px) {
  .black_banner p {
    font-size: 20px;
  }

  nav {
    margin-left: 160px;
  }

  nav ul li {
    margin-right: 25px;
  }

  #catchphrase p {
    font-size: 85px;
  }

  #copyright {
    font-size: 13pt;
  }

  .content_left p {
    font-size: 85px;
  }

  #nav_referenzen ul li {
    margin-right: 25px;
  }
}

@media only screen and (max-width: 1300px) {
  .content_left_stellen p {
    font-size: 80px;
  }

  #recruiting-landingpage .wrapper {
    width: 85%;
  }

  .number-container strong {
    font-size: 30px;
  }

  .number-container {
    width: 160px;
  }

  #recruiting-landingpage .ovlerlay-content {
    gap: 28px 10px;
  }

  #partner_catchphrase p {
    margin-top: 30px;
    font-size: 90px;
  }

  #web-referenzen article {
    width: 32%;
  }
}

@media only screen and (max-width: 1263px) {
  .content_right_partner_b p {
    font-size: 75px;
    margin-top: 40%;
  }

  .content_left_partner_a p {
    font-size: 75px;
    margin-top: 40%;
  }

  .content_left_medici_a p {
    font-size: 75px;
    margin-top: 40%;
  }
}

@media only screen and (max-width: 1253px) {
  .content_left_medici_a p {
    font-size: 65px;
  }
}

@media only screen and (max-width: 1240px) {

  #header_team #logo img,
  #header_agentur #logo img,
  #header_recruiting #logo img,
  #header_partner #logo img,
  #header_classics #logo img,
  #header_kontakt #logo img,
  #header_index #logo img {
    margin-top: 30px !important;
  }

  #offene-stellen {
    width: 90%;
  }
}

@media only screen and (max-width: 1206px) {

  #jahr1 img,
  #jahr2 img,
  #jahr3 img,
  #jahr4 img {
    margin-top: -45px !important;
  }

  .text_bsp2 {
    width: 100%;
  }

  .img_bsp2 {
    width: 100%;
    text-align: center;
  }

  .img_bsp2 img {
    width: 100%;
  }

  .gesamtpaket_text {
    width: 100%;
    float: left;
  }

  .gesamtpaket_bild {
    width: 100%;
    float: left;
  }

  .gesamtpaket_bild img {
    width: 100%;
  }

  .referenzen_text_right {
    width: 100%;
  }

  .referenzen_content_left {
    width: 100%;
  }

  .acordion-history h2 {
    font-size: 21pt !important;
  }

  .acordion-history p {
    font-size: 20pt !important;
  }
}

@media only screen and (max-width: 1195px) {

  #team_container1 video,
  #team_container3 video,
  #team_container5 video,
  #team_container7 video,
  #team_container9 video,
  #team_container11 video,
  #team_container13 video,
  #team_container15 video,
  #team_container17 video {
    margin-left: 10%;
  }

  .container2_text,
  .container4_text,
  .container6_text,
  .container8_text,
  .container10_text,
  .container12_text,
  .container14_text,
  .container16_text,
  .container18_text {
    left: 15%;
    margin-top: 5%;
  }
}

@media only screen and (max-width: 1190px) {
  #jahr4 p {
    margin-top: 20px;
  }

  #logo_index img {
    margin-left: 30px;
  }

  #team_catchphrase p {
    font-size: 70px;
  }
}

@media only screen and (max-width: 1180px) {
  nav {
    margin-left: 165px;
  }
}

@media only screen and (max-width: 1150px) {
  .content_left_stellen p {
    font-size: 75px;
  }

  nav ul li {
    margin-right: 15px;
  }

  #nav_referenzen ul li {
    margin-right: 15px;
  }

  .two-columns {
    display: block;
  }

  #teamapp .two-columns figure {
    width: 100%;
  }

  #teamapp .two-columns article {
    width: 100%;
  }

  #teamapp .wrapper {
    width: 95%;
  }
}

@media only screen and (max-width: 1128px) {

  #jahr1 img,
  #jahr2 img,
  #jahr3 img,
  #jahr4 img {
    margin-top: -35px !important;
  }
}

@media only screen and (max-width: 1113px) {
  .content_right_partner_b {
    width: 100%;
    text-align: center;
    margin-top: 0;
  }

  .content_left_partner_b {
    width: 100%;
    margin-top: 0;
  }

  .content_left_partner_a {
    width: 100%;
    margin-top: 0;
    text-align: center;
  }

  .content_left_medici_a {
    width: 100%;
    text-align: center;
    margin-top: 150px;
  }

  .content_right_partner_a {
    width: 100%;
    margin-top: 0;
  }

  .partner_text {
    height: 780px;
  }

  .content_left_partner_a p {
    margin-top: 0;
  }

  .content_left_medici_a p {
    margin-top: 0;
  }

  .content_right_partner_b p {
    margin-top: 0;
  }
}

@media only screen and (max-width: 1090px) {
  .content_left_stellen p {
    font-size: 65px;
  }
}

@media only screen and (max-width: 1080px) {
  .content_right_agentur p {
    font-size: 80px;
  }

  .content_left_agentur h1 {
    font-size: 20px;
  }

  .content_left_stellen p {
    font-size: 65px;
  }

  #nav_referenzen ul li {
    margin-right: 20px;
  }
}

@media only screen and (max-width: 1070px) {
  .content_left_agentur {
    width: 80%;
  }

  .content_left_agentur h1 {
    font-size: 23px;
  }

  .content_left_agentur h1 {
    text-align: left;
  }

  #markenauftritt {
    height: 800px;
  }
}

@media only screen and (max-width: 1065px) {
  #logo img {
    margin-left: 40px;
  }

  nav {
    margin-left: 130px;
  }

  .kontakt_left {
    margin-top: 239px;
    font-size: 22px;
  }
}

@media only screen and (max-width: 1105px) {
  nav ul li {
    margin-left: 15px;
  }

  #nav_referenzen ul li {
    margin-right: 15px;
  }

  #teamapp .wrapper {
    width: 90%;
  }
}

@media only screen and (max-width: 1040px) {
  nav {
    margin-left: 120px;
  }
}

@media only screen and (max-width: 1030px) {
  .recruiting-ref {
    height: 8148px !important;
  }

  .medici-ref {
    height: 4500px !important;
  }

  .classics-ref {
    height: 7666px !important;
  }

  #referenzen img {
    width: 100%;
  }

  #referenzen_row1,
  #referenzen_row2,
  #referenzen_row3,
  #referenzen_row4 {
    width: 100%;
  }

  #referenzen_medici_row1,
  #referenzen_medici_row2,
  #referenzen_medici_row3,
  #referenzen_medici_row4 {
    width: 100%;
  }

  #referenzen_medici img {
    width: 100%;
  }

  #referenzen_medici {
    height: 1510vh;
    padding-top: 0;
  }

  .referenz_hover img {
    width: 7% !important;
  }
}

@media only screen and (max-width: 1035px) {
  #nav_referenzen ul li {
    margin-left: 0px;
  }

  .full-image img {
    width: 100%;
  }

  #stellenanzeige .wrapper {
    flex-wrap: wrap;
    padding-top: 0;
  }

  #stellenanzeige .wrapper section {
    width: 100%;
  }

  #stellenanzeige .wrapper .jetzt-bewerben {
    border-left: none;
    border-top: solid thin gray;
    padding-top: 25px;
    margin-top: 50px;
  }

  #stellenanzeige .titelbild h1 {
    position: relative;
    max-width: 60%;
  }

  .logo-banner img{
    height: 30px;
    width: auto;
    max-width: 100%;
    margin: 30px;
    display: block;
  }
}

@media only screen and (max-width: 1000px) {
  .content_left_partner_a p {
    text-align: left;
  }

  .acordion-history p {
    left: 224px !important;
    top: 462px !important;
    font-size: 15pt !important;
    width: 28% !important;
  }

  .accordion-slider img.as-layer {
    left: 250px !important;
    top: -2px !important;
    width: 20% !important;
  }

  .accordion-slider h1.as-layer {
    left: 410px !important;
    top: 370px !important;
  }

  .accordion-slider h2.as-layer {
    left: 327px !important;
    top: 415px !important;
  }

  #produktbild {
    width: 100%;
    text-align: center;
  }

  .artikelbeschreibung {
    width: 100%;
    margin-top: 50px;
  }

  .textbsp1 {
    margin-left: 0;
  }

  #becker_referenz_beispiel1 img {
    width: 100%;
  }

  .auswahl {
    display: none;
  }

  .content_right_partner {
    width: 100%;
    margin-top: 0;
  }

  .referenz_hover,
  .referenz_hover img {
    opacity: 1;
  }

  .referenz_hover {
    bottom: 0 !important;
  }

  #team_container2 video,
  #team_container4 video,
  #team_container6 video,
  #team_container8 video,
  #team_container10 video,
  #team_container12 video,
  #team_container14 video,
  #team_container16 video,
  #team_container18 video {
    margin-left: 45%;
    transform: scale(2);
    height: 300px;
    width: 300px;
    margin-top: 8%;
  }

  .content_right_stellen {
    margin-top: 0 !important;
  }

  #agentur_catchphrase p {
    font-size: 64px;
    margin-top: 0px;
  }

  #logo_index img {
    margin-left: 20px;
  }

  nav ul li {
    margin-left: 0;
  }

  .content_right {
    width: 55%;
  }

  #footer_wrapper {
    width: 95%;
  }

  #copyright {
    font-size: 10pt;
  }

  #catchphrase p {
    margin-top: 100px;
  }

  .content_left {
    width: 41%;
    margin-top: -110px;
  }

  #signet img {
    margin-top: 20px;
  }

  #karte {
    height: auto;
  }

  .content_left_recruiting_a {
    width: 100%;
    margin: 0;
  }

  .content_left_recruiting_a p {
    text-align: left;
  }

  .content_right_recruiting_a {
    width: 100%;
    margin-top: 0;
  }
}

@media only screen and (max-width: 992px) {
  .black_banner {
    height: 620px;
  }

  .referenz-text p {
    font-size: 23pt;
    padding-top: 10%;
  }
}

@media only screen and (max-width: 985px) {
  #partner_catchphrase p {
    margin-top: 100px;
  }

  #team_catchphrase p {
    margin-top: 100px;
  }

  .flex-dienstleistungen {
    flex-wrap: wrap;
  }

  .flex-dienstleistungen figure {
    width: 49.5%;
    margin-bottom: 10px;
  }

  .ablauf-col-3 {
    display: block;
  }

  .ablauf-col-3 article {
    width: 100%;
  }
}

@media only screen and (max-width: 970px) {
  .kontakt_right img {
    width: 100%;
  }

  .kontakt_left {
    margin-top: 260px;
    font-size: 20px;
  }

  #teamapp .bg-red .two-columns article {
    width: 130%;
  }
}

@media only screen and (max-width: 950px) {
  #referenzen_medici {
    height: 1435vh;
  }

  .onboarding img {
    max-width: 100%;
  }

  .onboarding article,
  .onboarding aside {
    width: 100%;
  }

  .intro-case-study,
  .logo-case-study,
  .case-study article {
    width: 100%;
  }

  .recruiting-angebot article {
    width: 100%;
    margin: 20px 0;
  }

  .contact-button{
    right: 10%;
  }

  #recruiting-landingpage .flex {
    flex-wrap: wrap;
  }

  #recruiting-landingpage .ovlerlay-content {
    width: 85%;
  }

  #recruiting-landingpage video {
    height: 400px;
    object-fit: cover;
  }

  .spacer {
    margin: 30px 0;
  }

  .number-containe {
    width: auto;
  }

  .recruiting-content article {
    width: 100%;
    margin: 30px 0;
  }

  .recruiting-content aside {
    width: auto;
    max-width: 100%;
  }
}

@media only screen and (max-width: 935px) {
  .acordion-history p {
    left: 185px !important;
  }

  .accordion-slider h2.as-layer {
    left: 185px !important;
  }

  .accordion-slider h1.as-layer {
    display: none !important;
  }
}

@media only screen and (max-width: 920px) {
  .content_right_agentur {
    width: 65%;
  }

  #team_container2 video,
  #team_container4 video,
  #team_container6 video,
  #team_container8 video,
  #team_container10 video,
  #team_container12 video,
  #team_container14 video,
  #team_container16 video,
  #team_container18 video {
    margin-left: 50%;
  }

  #becker_referenz_vorstellung h1 {
    font-size: 36px !important;
  }

  #digitalisierungsfoerderung .wrapper {
    width: 90%;
  }

  #digitalisierungsfoerderung .titelbild h1 {
    bottom: -20%;
  }
}

@media only screen and (max-width: 900px) {
  #historie {
    display: block;
  }

  .recruiting-ref .referenz_hover a {
    display: block;
    color: white;
    background-color: red;
    width: 300px;
    font-size: 15pt;
    position: relative;
    margin: 0 auto;
    padding: 5px;
    border-radius: 5px;
  }

  #team_vids {
    overflow: visible;
    padding-bottom: 30px;
  }

  #video_header {
    margin-top: 130px;
    padding-top: 0;
    height: auto;
  }

  #video-frontpage {
    position: relative;
  }

  #shortcuts {
    display: none;
  }

  #header_index {
    position: fixed;
    background-color: black;
    z-index: 999;
  }

  #video-frontpage .promo {
    bottom: 2px;
  }

  #video-frontpage .promo img {
    width: 165px;
  }

  #video-frontpage .promo h3 {
    left: -430px;
  }

  nav {
    margin-left: 115px;
  }

  .acordion-history {
    display: none;
  }

  #header_index nav .menu-hauptmenue-container {
    margin-left: 0;
    padding: 0;
  }

  .recruiting-ref .referenz_hover {
    opacity: 1 !important;
  }

  #logo_referenzen img {
    margin-top: 10px;
  }

  #video_header {
    width: 100%;
  }

  #catchphrase {
    height: 0;
    display: none;
  }

  .referenz_hover {
    position: relative !important;
  }

  .classics-ref .referenz_hover {
    position: absolute !important;
  }

  #referenzen p {
    padding: 15px 0 15px 0 !important;
    color: white !important;
  }

  .black_banner {
    margin-bottom: 0;
  }

  #logo_index img {
    margin-left: 20px;
  }

  nav ul li {
    margin-left: 0;
    margin-right: 10%;
  }

  #nav_referenzen ul li {
    margin-left: 0;
    margin-right: 50px;
  }

  .content_left {
    width: 100%;
    text-align: left;
  }

  .content_right {
    width: 100%;
  }

  .black_banner p {
    font-size: 18px;
  }

  .black_banner {
    height: 800px;
    margin-top: 100px;
  }

  #offene-stellen div:first-of-type {
    display: none;
  }

  #offene-stellen div:last-of-type {
    width: 100%;
  }
}

@media only screen and (max-width: 890px) {
  #team_text h1 {
    font-size: 22px;
  }

  .digitalisierung-ablauf {
    padding: 50px 0;
  }
}

@media only screen and (max-width: 869px) {
  #jahr4 {
    margin-left: 11%;
  }
}

@media only screen and (max-width: 865px) {
  .kontakt_left {
    width: 100%;
    margin-top: 100px;
  }

  .kontakt_right {
    width: 100%;
  }
}

@media only screen and (max-width: 850px) {
  #referenzen_medici {
    height: 1275vh;
  }

  .accordion-slider h2.as-layer {
    top: 308px !important;
  }

  .acordion-history p {
    top: 350px !important;
    width: 24% !important;
  }

  .accordion-slider img.as-layer {
    left: 297px !important;
    width: 15% !important;
  }
}

@media only screen and (max-width: 830px) {
  #nav_referenzen ul li {
    margin-right: 30px;
  }
}

@media only screen and (max-width: 810px) {
  .content_left_stellen p {
    font-size: 60px;
  }

  .content_right_stellen p {
    font-size: 15pt;
  }

  .content_right_stellen {
    width: 42%;
  }

  .referenzen_content_right img {
    width: 100%;
  }
}

@media only screen and (max-width: 800px) {
  nav ul li {
    margin-right: 35px;
  }

  .recruiting_video {
    width: 100%;
  }

  #nav_referenzen ul li {
    margin-right: 10% !important;
  }

  .black_banner p {
    font-size: 15px;
  }

  .black_banner img {
    width: 65%;
  }

  #copyright {
    font-size: 8pt;
  }

  .count {
    font-size: 24px;
  }

  .black_banner p {
    font-size: 14px;
  }

  nav ul li {
    margin-right: 15%;
  }

  #nav_referenzen ul li {
    margin-right: 30px;
  }

  #jahr1 {
    margin-left: -100px;
  }

  .content_left {
    margin-top: 0;
  }
}

@media only screen and (max-width: 790px) {

  #team_container10 video,
  #team_container4 video {
    margin-left: 59%;
  }

  #team_container6 video {
    margin-left: 45%;
  }
}

@media only screen and (max-width: 780px) {
  .accordion-slider img.as-layer {
    top: -10px;
  }

  .accordion-slider h1.as-layer {
    display: none;
  }

  .acordion-history p {
    top: 350px !important;
    left: 157px !important;
  }

  .accordion-slider h2.as-layer {
    left: 153px !important;
    top: 300px !important;
    text-align: left !important;
  }

  #web-referenzen article {
    width: 49%;
  }
}

@media only screen and (max-width: 768px) {
  .black_banner {
    height: 1220px;
  }

  #teamapp .two-columns {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    /* optional */
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }

  #teamapp .two-columns figure img {
    position: relative;
  }

  #teamapp .black-bg .two-columns figure {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
  }

  #teamapp .black-bg .two-columns article {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
  }

  #teamapp .bg-red .two-columns figure {
    text-align: center;
  }

  #teamapp .bg-red .two-columns figure img {
    width: 60%;
    height: auto;
  }

  #teamapp .bg-red .two-columns article {
    padding-bottom: 0;
  }

  #teamapp .bg-red .two-columns article {
    width: 100%;
  }
}

@media only screen and (max-width: 750px) {
  #referenzen_medici {
    height: 1120vh;
  }
}

@media only screen and (max-width: 740px) {
  .content_left_team p {
    font-size: 65px;
  }
}

@media only screen and (max-width: 730px) {
  #nav_referenzen ul li {
    margin-right: 5px;
  }

  #partner_catchphrase p {
    font-size: 75px;
  }

  #teamapp .titelbild div h1 {
    font-size: 28px;
  }

  #teamapp .titelbild div p {
    font-size: 20px;
  }
}

@media only screen and (max-width: 720px) {
  nav ul li {
    margin-right: 20%;
  }

  #digitalisierungsfoerderung .titelbild {
    padding: 90px 0 0;
  }
}

@media only screen and (max-width: 710px) {
  .content_left_team {
    width: 100%;
    text-align: center;
  }

  #recruiting-landingpage {
    padding-top: 90px;
  }

  .content_right_team {
    width: 100%;
    margin-top: 0;
  }

  .single img {
    height: auto;
    padding-top: 90px;
  }

  .content_right_agentur {
    width: 75%;
  }

  .wrapper_partner {
    width: 90%;
  }

  .wrapper_partner p {
    font-size: 15pt;
  }

  #header_agentur,
  #header_team,
  #header_recruiting,
  #header_classics,
  #header_referenzen,
  #header_ref_becker,
  #header_partner,
  #header_kontakt,
  #header_index {
    height: 90px;
  }

  #video_header {
    margin-top: 90px;
  }

  #header_ref_becker #logo img {
    margin-top: 10px;
  }

  .recruiting img {
    margin-top: -61px;
  }

  #mobile-btn {
    margin-top: 20px !important;
  }

  #header_team #logo img,
  #header_agentur #logo img,
  #header_recruiting #logo img,
  #header_partner #logo img,
  #header_classics #logo img,
  #header_kontakt #logo img,
  #header_index #logo img {
    margin-top: 10px !important;
  }

  #metaslider_387 img {
    padding-top: 90px;
  }
}

@media only screen and (max-width: 700px) {
  .classics-ref {
    height: 3501px !important;
  }
}

@media only screen and (max-width: 690px) {
  nav ul li {
    margin-right: 25%;
  }

  .container2_text,
  .container4_text,
  .container6_text,
  .container8_text,
  .container10_text,
  .container12_text,
  .container14_text,
  .container16_text,
  .container18_text {
    left: 5%;
  }

  #team_container1 video,
  #team_container3 video,
  #team_container5 video,
  #team_container7 video,
  #team_container9 video,
  #team_container11 video,
  #team_container13 video,
  #team_container15 video,
  #team_container17 video {
    margin-left: 0;
  }

  .container2_text,
  .container4_text,
  .container6_text,
  .container8_text,
  .container10_text,
  .container12_text,
  .container14_text,
  .container16_text,
  .container18_text {
    left: 0;
  }

  .container2_text p,
  .container4_text p,
  .container6_text p,
  .container8_text p,
  .container10_text p,
  .container12_text p,
  .container14_text p,
  .container16_text p,
  .container18_text p {
    font-size: 11pt;
  }

  .container2_text h2,
  .container4_text h2,
  .container6_text h2,
  .container8_text h2,
  .container10_text h2,
  .container12_text h2,
  .container14_text h2,
  .container16_text h2,
  .container18_text h2 {
    font-size: 18pt;
  }

  .container1_text p,
  .container3_text p,
  .container5_text p,
  .container7_text p,
  .container9_text p,
  .container11_text p,
  .container13_text p,
  .container15_text p,
  .container17_text p {
    font-size: 11pt;
  }

  .container1_text h2,
  .container3_text h2,
  .container5_text h2,
  .container7_text h2,
  .container9_text h2,
  .container11_text h2,
  .container13_text h2,
  .container15_text h2,
  .container17_text h2 {
    font-size: 18pt;
  }
}

@media only screen and (max-width: 680px) {
  #nav_referenzen ul li {
    margin-right: 25% !important;
  }
}

@media only screen and (max-width: 669px) {
  .black_banner {
    height: 1235px;
  }
}

@media only screen and (max-width: 650px) {
  .content_right p {
    font-size: 15pt;
  }

  .content_left p {
    font-size: 75px;
  }

  #jahr1 {
    margin-left: -85px;
  }

  #jahr4 {
    margin-left: 12%;
  }

  #referenzen_medici {
    height: 965vh;
  }

  .referenz-text p {
    padding-top: 0;
    padding-left: 0;
    text-align: center;
  }

  .referenz-text {
    width: 100%;
  }

  .referenz-bild {
    width: 100%;
  }

  .referenzen_logo_bild img {
    width: 100%;
  }
}

@media only screen and (max-width: 1050px) {

  #jahr1,
  #jahr2,
  #jahr3,
  #jahr4 {
    width: 100%;
    text-align: center;
    margin: 0;
  }

  #kommunikation {
    height: auto;
  }

  #texte_historie {
    margin-left: 0;
  }

  #texte_historie p {
    font-size: 14px;
    text-align: center;
  }
}

@media only screen and (max-width: 645px) {
  #header_index {
    top: 0;
  }

  #header_index #logo img {
    margin-top: 10px !important;
  }
}

@media only screen and (max-width: 635px) {
  .accordion-slider img.as-layer {
    left: 240px !important;
  }

  .accordion-slider h2.as-layer {
    top: 285px !important;
    width: 18% !important;
  }

  .acordion-history p {
    top: 365px !important;
    width: 18% !important;
  }
}

@media only screen and (max-width: 620px) {
  #logo_index img {
    margin-left: 5px;
  }

  nav ul li {
    margin-right: 30%;
  }

  #nav_referenzen ul {
    margin-left: 0;
  }

  #nav_referenzen ul li {
    margin-right: 114px;
  }

  #catchphrase p {
    font-size: 75px;
  }

  #copyright {
    font-size: 6px;
  }

  .content_left_stellen p {
    font-size: 55px;
  }

  #copyright p {
    font-size: 12pt;
  }

  footer {
    margin-top: 0;
  }
}

@media only screen and (max-width: 615px) {
  .content_right_agentur {
    width: 95%;
  }

  #markenauftritt {
    height: 1000px;
  }
}

@media only screen and (max-width: 610px) {
  #nav_referenzen ul li {
    margin-right: 35% !important;
  }
}

@media only screen and (max-width: 600px) {
  .content_left {
    margin-left: 0;
  }
}

@media only screen and (max-width: 595px) {
  .content_right_partner_b p {
    font-size: 65px;
  }

  .content_left_partner_a p {
    font-size: 65px;
  }

  .content_left_medici_a p {
    font-size: 65px;
  }

  .wrapper {
    width: 90%;
  }

  #stellen .wrapper {
    width: 90% !important;
  }

  .content_left_partner_b {
    margin-left: 0;
  }

  .flex-dienstleistungen figure {
    width: 100%;
  }

  #digitalisierungsfoerderung .flex-dienstleistungen figure .leistungsdarstellung {
    height: 125px;
  }
}

@media only screen and (max-width: 580px) {
  .content_left_team p {
    margin-top: 0;
  }

  .content_right_stellen {
    width: 100%;
  }

  .intro-case-study,
  .logo-case-study,
  .case-study article {
    flex-wrap: wrap !important;
  }

  .case-study-icon {
    margin-bottom: 15px;
  }

  .case-study-content {
    width: 100%;
  }

  .content_left_stellen {
    width: 100%;
  }

  .content_left_stellen p {
    text-align: left;
  }

  #team_container2 video,
  #team_container6 video,
  #team_container8 video,
  #team_container10 video,
  #team_container12 video,
  #team_container14 video,
  #team_container16 video,
  #team_container18 video {
    margin-left: 35%;
  }

  #team_container4 video {
    margin-left: 45%;
  }

  .rueckruf-form {
    width: 90%;
  }
}

@media only screen and (max-width: 575px) {
  .content_left_agentur {
    width: 100%;
  }
}

@media only screen and (max-width: 570px) {
  nav {
    margin-left: 105px;
  }
}

@media only screen and (max-width: 560px) {
  nav {
    margin-left: 90px;
  }

  #teamapp .titelbild {
    overflow: hidden;
  }

  #teamapp .titelbild img {
    width: auto;
    height: 200px;
    object-position: right;
  }

  #teamapp .titelbild div h1,
  #teamapp .titelbild div p {
    text-shadow: 3px 3px 4px #777;
  }

  #teamapp h2 {
    font-size: 26px;
  }

  #digitalisierungsfoerderung .titelbild h1 {
    bottom: -30%;
    font-size: 18pt;
  }
}

@media only screen and (max-width: 900px) {
  .accordion-history {
    height: 900px !important;
  }

  .verband_logos img {
    width: 100%;
  }

  #mobile-btn {
    display: block !important;
    background-image: url("img/burger_nav_icon.png");
    cursor: pointer;
  }

  .menu-hauptmenue-container {
    display: none;
  }

  .show_main_menu {
    display: block;
  }

  .referenz_hover {
    position: absolute;
    bottom: 5px;
    opacity: 0 !important;
    width: 100%;
    height: 100%;
  }

  #logo img {
    margin-top: 30px;
  }

  #artikelseite.wrapper {
    width: 100%;
  }

  nav ul {
    opacity: 0;
    visibility: hidden;
    height: 100vh;
    background-color: black;
    width: 900px;
    text-align: center;
  }

  #nav_referenzen ul {
    opacity: 0;
    visibility: hidden;
    height: 100vh;
    background-color: black;
    width: 900px;
    text-align: center;
    left: -140px;
  }

  #logo_referenzen img {
    margin-left: 50px;
  }

  .nav-sight {
    opacity: 1;
    visibility: visible;
    display: block;
    position: fixed;
  }

  .nav-sight_referenzen {
    opacity: 1 !important;
    visibility: visible !important;
    display: block;
    position: fixed;
  }

  #logo_index img {
    margin-left: 40px;
  }

  nav {
    position: fixed;
    margin-top: 0;
    top: -35px;
    margin-left: 0;
  }

  nav ul li {
    display: block;
    font-size: 28px;
    padding-top: 25px;
  }

  #nav_referenzen ul li {
    display: block;
    font-size: 28px;
    padding-top: 35px;
    margin-right: 0;
  }

  .referenz_hover p {
    font-size: 20pt;
  }

  .referenz_medici_hover {
    bottom: 5px;
  }

  .medici-ref img {
    object-fit: contain !important;
  }
}

@media only screen and (max-width: 550px) {
  #nav_referenzen ul li {
    margin-right: 60px;
  }

  #referenzen_medici {
    height: 820vh;
  }

  nav ul li {
    margin-right: 40%;
  }
}

@media only screen and (max-width: 530px) {
  .accordion-slider img.as-layer {
    left: 170px !important;
  }

  #stellenanzeige .titelbild h1 {
    max-width: 90%;
    font-size: 22px;
  }
}

@media only screen and (max-width: 505px) {
  .accordion-slider img.as-layer {
    left: 170px !important;
  }

  .acordion-history p {
    width: 14% !important;
    font-size: 13pt !important;
  }

  .acordion-history h2 {
    font-size: 18pt !important;
  }
}

@media only screen and (max-width: 500px) {

  #team_container1 video,
  #team_container3 video,
  #team_container5 video,
  #team_container7 video,
  #team_container9 video,
  #team_container11 video,
  #team_container13 video,
  #team_container15 video,
  #team_container17 video {
    margin-left: 15%;
    height: 300px;
    width: 300px;
    margin-top: 0;
  }

  #hr_stellen {
    display: none;
  }

  #team_container1,
  #team_container3,
  #team_container5,
  #team_container7,
  #team_container9,
  #team_container11,
  #team_container13,
  #team_container15,
  #team_container17 {
    margin-top: 55px;
  }

  .container1_text h2,
  .container3_text h2,
  .container5_text h2,
  .container7_text h2,
  .container9_text h2,
  .container11_text h2,
  .container13_text h2,
  .container15_text h2,
  .container17_text h2 {
    text-align: center;
  }

  .content_left_recruiting_a p {
    font-size: 85px;
  }

  #team_text {
    height: auto;
  }

  .container1_text,
  .container3_text,
  .container5_text,
  .container7_text,
  .container9_text,
  .container11_text,
  .container13_text,
  .container15_text,
  .container17_text {
    top: 75%;
    left: 0%;
    height: 150px !important;
    width: 100%;
    overflow: hidden;
    background-color: rgba(0, 0, 0, 0.8);
  }

  #team_container1 p {
    margin-left: 33% !important;
    font-size: 11pt;
  }

  .container1_text p {
    margin-left: 33% !important;
    font-size: 11pt;
  }

  .container1_text h2,
  .container3_text h2,
  .container5_text h2,
  .container7_text h2,
  .container9_text h2,
  .container11_text h2,
  .container13_text h2,
  .container15_text h2,
  .container17_text h2 {
    font-size: 16pt;
    margin-top: 0;
  }

  .container1_text p,
  .container3_text p,
  .container5_text p,
  .container7_text p,
  .container9_text p,
  .container11_text p,
  .container13_text p,
  .container15_text p,
  .container17_text p {
    font-size: 9pt;
    margin-left: 33%;
  }

  .container2_text h2,
  .container4_text h2,
  .container6_text h2,
  .container8_text h2,
  .container10_text h2,
  .container12_text h2,
  .container14_text h2,
  .container16_text h2,
  .container18_text h2 {
    font-size: 16pt;
    margin-top: 5px;
    margin-left: 33%;
  }

  .container2_text p,
  .container4_text p,
  .container6_text p,
  .container8_text p,
  .container10_text p,
  .container12_text p,
  .container14_text p,
  .container16_text p,
  .container18_text p {
    font-size: 10pt;
    margin-left: 33%;
  }

  .container2_text,
  .container4_text,
  .container6_text,
  .container8_text,
  .container10_text,
  .container12_text,
  .container14_text,
  .container16_text,
  .container18_text {
    top: 56%;
    left: 0%;
    height: 150px;
    overflow: hidden;
    background-color: rgba(0, 0, 0, 0.8);
    width: 100%;
  }

  #team_container2 video,
  #team_container4 video,
  #team_container6 video,
  #team_container8 video,
  #team_container10 video,
  #team_container12 video,
  #team_container14 video,
  #team_container16 video,
  #team_container18 video {
    margin-left: 15%;
  }
}

@media only screen and (max-width: 520px) {
  #nav_referenzen ul li {
    margin-right: 45% !important;
  }
}

@media only screen and (max-width: 510px) {
  .wrapper_banner {
    width: 95%;
  }

  #nav_referenzen ul li {
    margin-right: 100px;
  }

  nav ul li {
    margin-right: 45%;
  }
}

@media only screen and (max-width: 500px) {
  .content_right_partner_b p {
    font-size: 50px;
  }

  .content_left_partner_a p {
    font-size: 50px;
  }

  .content_left_medici_a p {
    font-size: 50px;
  }

  .team-hr {
    display: none;
  }
}

@media only screen and (max-width: 485px) {
  .content_right_agentur p {
    font-size: 75px;
  }

  #markenauftritt {
    height: 800px;
  }

  #partner_catchphrase p {
    font-size: 65px;
    text-align: center;
  }

  #wpcf7-f356-o1 input,
  #wpcf7-f356-o1 textarea {
    width: 200px;
  }
}

@media only screen and (max-width: 490px) {
  #text_catchphrase {
    font-size: 80pt;
    margin-top: 50px;
  }

  #video-frontpage .promo img {
    width: 90px;
  }

  #video-frontpage .promo h3 {
    display: none;
  }
}

@media only screen and (max-width: 475px) {
  #alternativ_stellen p {
    margin-left: 25%;
  }

  #hr_stellen {
    width: 15%;
  }

  .grow {
    width: 15% !important;
  }
}

@media only screen and (max-width: 460px) {
  .content_left_agentur p {
    font-size: 14px;
  }

  .content_left_agentur h1 {
    font-size: 20px;
  }

  .content_right_agentur p {
    font-size: 65px;
  }

  #stellen {
    height: 1200px;
  }
}

@media only screen and (max-width: 455px) {
  .acordion-history p {
    width: 11% !important;
    font-size: 12pt !important;
  }

  .recruiting-content aside img{
    margin-right: 55px;
    margin-bottom: 20px;
  }

  .accordion-slider h2.as-layer {
    width: 10% !important;
    font-size: 16pt !important;
  }

  .accordion-slider img.as-layer {
    width: 12% !important;
  }
}

@media only screen and (max-width: 450px) {
  #kommunikation {
    height: 1500px;
  }

  #nav_referenzen ul li {
    margin-right: 160px;
  }

  nav ul li {
    margin-right: 50%;
  }

  #referenzen_medici {
    height: 640vh;
  }

  #web-referenzen article {
    width: 100%;
  }
}

@media only screen and (max-width: 440px) {
  .content_left_agentur h1 {
    font-size: 20px;
  }

  #nav_referenzen ul li {
    margin-right: 51% !important;
  }

  #becker_referenz_vorstellung {
    margin-top: 130px;
  }

  #becker_referenz_vorstellung h1 {
    font-size: 85px;
  }
}

@media only screen and (max-width: 430px) {
  #agentur_catchphrase p {
    font-size: 80px;
  }

  #alternativ_stellen p {
    margin-left: 20%;
  }

  #hr_stellen {
    width: 17%;
  }
}

@media only screen and (max-width: 420px) {
  .kontakt_left {
    font-size: 18px;
  }
}

@media only screen and (max-width: 410px) {
  nav ul li {
    margin-left: -60px;
  }

  #nav_referenzen ul li {
    margin-left: -60px;
  }

  .count {
    font-size: 16px;
  }

  #digitalisierungsfoerderung .titelbild h1 {
    bottom: -50%;
  }

  #digitalisierungsfoerderung .black-bg h2 {
    margin-top: 50px;
  }
}

@media only screen and (max-width: 400px) {
  .accordion-slider img.as-layer {
    left: 140px !important;
  }

  #kommunikation .content_left p {
    padding: 0;
  }

  #alternativ_stellen p {
    font-size: 14pt;
  }

  .container1_text p,
  .container3_text p,
  .container5_text p,
  .container7_text p,
  .container9_text p,
  .container11_text p,
  .container13_text p,
  .container15_text p,
  .container17_text p {
    margin-left: 20%;
  }

  .container2_text p,
  .container4_text p,
  .container6_text p,
  .container8_text p,
  .container10_text p,
  .container12_text p,
  .container14_text p,
  .container16_text p,
  .container18_text p {
    margin-left: 20%;
  }

  .container2_text h2,
  .container4_text h2,
  .container6_text h2,
  .container8_text h2,
  .container10_text h2,
  .container12_text h2,
  .container14_text h2,
  .container16_text h2,
  .container18_text h2 {
    margin-left: 20%;
  }

  #team_container6 video {
    margin-left: 0;
  }

  .container1_text p {
    margin-top: -8px;
  }

  .content_left p {
    font-size: 65px;
  }

  #teamapp .btn-white,
  #teamapp .btn-black {
    width: 95%;
  }
}

@media only screen and (max-width: 395px) {
  .content_right_agentur p {
    font-size: 50px;
  }

  #partner_catchphrase p {
    font-size: 50px;
  }

  .number-container {
    width: 130px;
  }
}

@media only screen and (max-width: 380px) {
  #copyright p {
    font-size: 10pt;
  }

  .acordion-history p {
    width: 8% !important;
    line-height: 1.2 !important;
  }

  .accordion-slider h2.as-layer {
    width: 8% !important;
  }
}

@media only screen and (max-width: 365px) {
  .accordion-slider img.as-layer {
    width: 10% !important;
  }

  .acordion-history p {
    top: 290px !important;
  }

  .accordion-slider h2.as-layer {
    top: 203px !important;
  }
}

@media only screen and (max-width: 350px) {
  #catchphrase p {
    margin-left: -40px;
  }

  #agentur_catchphrase p {
    font-size: 75px;
  }

  .referenzen_content h2 {
    font-size: 60px;
  }

  .recruiting-ref .referenz_hover a {
    width: 250px;
  }

  nav ul li {
    margin-left: -125px;
  }

  #nav_referenzen ul li {
    margin-left: -125px;
  }

  .content_left_agentur p {
    font-size: 13px;
  }

  .content_left_agentur h1 {
    font-size: 16px;
  }

  .content_left_stellen p {
    margin-left: 0;
  }

  #stellen {
    height: 1430px;
  }

  .content_left_stellen p {
    font-size: 50px;
  }

  #referenzen_medici {
    height: 480vh;
  }

  #text_catchphrase {
    font-size: 70pt;
    margin-top: 55px;
  }
}