/*
Theme Name: moegele-design
Description: Moegele Design Website Template
Version: 1.0.0
Author: Thomas Moegele
Author URI: Thomas Moegele
Theme URI: Divi
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: Divi
*/

/*
.et_pb_toggle .et_pb_toggle_content {
  overflow: hidden;
  transition: max-height 0.5s ease-in-out, padding 0.5s ease-in-out;
}


.et_pb_toggle.et_pb_toggle_close .et_pb_toggle_content {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
*/
:root {

  --primary-color: #493a73; /* purple */
  --primary-color-hover: #493a5e;
  --secondary-color: #5f85c3; /* blue */
}


/************ LOGO *********************/

#logo-image,
#logo-text {
  transition: opacity 0.4s ease;
}

.hidden {
  opacity: 0;
  pointer-events: none;
  display: none;
}



/************ CURSOR *******************/

@media screen and (min-width: 991px){
  body:not(.logged-in) { cursor: none; }
  
  body:not(.logged-in):hover .cursor { opacity: 100%; }

 body:not(.logged-in) a {
    cursor: none;
    z-index: 2;
  }

body:not(.logged-in) .cursor, 
body:not(.logged-in) .cursor-highlight {
    pointer-events: none;
  }

body:not(.logged-in) .is-locked{
    transition-property: width, height, top, left, opacity;
    transition-duration: 200ms;
    transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    opacity: 30% !important;
  }

body:not(.logged-in) .lift{
    transition-property: box-shadow, transform;
    transition-duration: 100ms;
    transition-timing-function: linear;
  }
}

body:not(.logged-in) .cursor {
  position: fixed;
  z-index: 1000000;
  width: 20px;
  height: 20px;
  opacity: 0;
  backface-visibility: hidden;
  transition:
    opacity .2s cubic-bezier(.215, .61, .355, 1),
    height .2s cubic-bezier(.215, .61, .355, 1),
    width .2s cubic-bezier(.215, .61, .355, 1);

}

body:not(.logged-in) .cursor-content-wrap {
  width: 100%;
  height: 100%;
  transition:
    opacity .2s cubic-bezier(.215, .61, .355, 1),
    transform .2s cubic-bezier(.215, .61, .355, 1);
  will-change: transform;
}

body:not(.logged-in) .cursor-content {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  background-color: #989898;
  opacity: .5;
  transform: translate(-50%, -50%);
  transition:
    opacity .2s cubic-bezier(.215, .61, .355, 1),
    height .2s cubic-bezier(.215, .61, .355, 1),
    width .2s cubic-bezier(.215, .61, .355, 1);
}

body:not(.logged-in) .cursor-highlight {
  position: fixed;
  z-index: 1001;
  border-radius: 50%;
  background-color: #fff;
  opacity: 0;
  transform: translate3d(-50%, -50%, 1px);
}

/************ CURSOR ENDE *******************/







/************ TEXT-COLOR-CHANGE ON SCROLL *******************/

.hero-text {
	word-break: keep-all;
	display: inline-block;
	text-align: center;
}
    
.hero-text-word {
  	display: inline-block;
  	white-space: nowrap;
  	line-height: 1.2;
}


.hero-text span {
  display: inline-block;
}

.hero-text-space {
	margin-left: clamp(2px, 1vw, 5px);
	margin-right: clamp(2px, 1vw, 5px);
}

.hero-text-letter {
	font-size: clamp(2.5rem, 2rem + 2.5vw, 4rem);
	display: inline-block;
    color: #bbb;
    transition: color 0.1s linear, text-shadow 0.2s ease;
}

.et_pb_heading .hero-text {
  text-align: center !important;
}




/************ Header *******************/

.header-menu-section {
position: fixed !important;
  left: 0 !important;
  top: 0 !important;
  right: 0 !important;
  bottom: auto !important;
  z-index: 100;

	background-color: hsla(0,0%,100%,.7);
	-webkit-backdrop-filter: blur(12px);
	backdrop-filter: blur(12px);
	transition: background-color .2s,color .2s;
	box-shadow: 0px 2px 7px -7px #493a73;
}
.main-menu a,
.header-cta a {

	line-height: 1.5;
    letter-spacing: .01em;
    color: #687076;
    padding: 12px 14px;
}
.header-cta a {
    color: #493a73;
}
.header-cta a:after {
content:"\35";
font-family: ETmodules!important;
speak: none;
font-style: normal;
font-weight: 400;
font-size: clamp(14px, 1vw, 16px);
-webkit-font-feature-settings: normal;
font-feature-settings: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0;
direction: ltr;
}

#logo-text p {
	color: #11181c;
	
}
#logo-text strong {
	color: #493a73;
	
}




/************ HERO ****************/
.hero {
  position: fixed !important;
  left: 0 !important;
  top: 0 !important;
  right: 0 !important;
  bottom: auto !important;
  z-index: 2;

}

.hero h1 {
font-size: clamp(20px, 1vw, 20px) !important;
text-transform: uppercase;	
}



/*
.gradient-text {
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;	
background-image: linear-gradient(-45deg,rgba(73, 58, 115, 1) 0%, rgba(95, 133, 195, 1) 100%);
}

.gradient-animated {
  background-size: 400% 400%;
  animation: dbgradient 10s ease infinite;
}

@keyframes dbgradient {
    0% {
      background-position: 0% 50%;
    }
    50% {
      background-position: 100% 50%;
    }
    100% {
      background-position: 0% 50%;
    }
  }
*/
  

.hero h2 {
font-size: clamp(22px, 6vw, 64px) !important;
font-weight: bold;
text-transform: uppercase;	
	
}



.hero .hero-numbers-bottom,
.hero .hero-numbers-top {
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
}

.hero .hero-numbers-bottom .plus,
.hero .hero-numbers-top .plus {
font-size: 90px !important;
  position: relative;
  top: -2.5em;
  left: -0.2em;
}

.hero .hero-numbers-top {
	-webkit-text-stroke: 2px #fff;
	color: transparent;

}
.hero .hero-numbers-bottom {
	text-shadow: 1px 1px 10px rgba(0,0,0,0.2);
}
.hero .hero-years {
	width: 100%;
	text-align: center;
}

.hero-testi-image {
	margin-left: -1rem !important;
}
.hero-testi-image:hover {
    transform: translateY(-10px); 
    z-index: 999999;
}
.hero-testi-image:hover .et_pb_image_wrap {
    box-shadow: 0 0 1rem rgba(0,0,0,.6);
}
/*
.hero-testi-image {
    transition: transform 0.5s ease; 
    will-change: transform;
}

.hero-testi-image:hover {
    transform: translateY(-10px); 
}
.hero-testi-image:hover .et_pb_image_wrap {
    box-shadow: 0 0 1rem rgba(0,0,0,.6);
}

*/

.hero-text-two {
	font-family: Times New Roman,Times,serif;
	font-style: italic;

	font-weight: normal;

}





/************** PROBLEM*************************/



 .wireframe-button-1,
    .wireframe-button-2 {
        position: absolute;
        width: 150px;
        will-change: transform;
    }

    .wireframe-button-1 {
        top: 15%;
        left: 10%;
    }

    .wireframe-button-2 {
        top: 40%;
        right: 10%;
    }

    @media (max-width: 768px) {
        .wireframe-button-1,
        .wireframe-button-2 {
            width: 100px;
        }
    }





/************** WORK (REFERENZEN)*************************/
/*
#work {
    clip-path: inset(150px150px round 24px);
    transition: clip-path 0.6s ease;
    will-change: clip-path;
}

*/


.card-wrap {
  height: 100%;
}

.card {
  position: relative;
  z-index: 2;
  display: flex;
  overflow: hidden;
  height: 100%;
  padding: 58px 64px;
  flex-direction: column;
  border-radius: 10px;
  background-color: #141617;
  color: #ecedee;
}

.work .card {
 background-color: #212222 !important;
 border-radius: 25px;
 padding: 15px;
}




.card-bg {
	position: absolute;
	left: -1px;
	top: -1px;
	right: -1px;
	bottom: -1px;
	z-index: 1;
	border-radius: 11px;
	background-image: linear-gradient(135deg, rgba(223, 239, 254, .22), rgba(223, 239, 254, .07))
}
.work .card-bg {
	border-radius: 25px;
}


   .card-bg::before {
    content: "";
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    opacity: 0;
    transition-duration: 400ms;
    transition-timing-function: ease;
    transition-delay: 0s;
    transition-property: opacity;
    background-image: radial-gradient(
      480px at var(--cursor-x) var(--cursor-y),
      rgba(255, 255, 255, 0.5),
      transparent 40%
    );
    will-change: background;
    background-size: auto;
    background-origin: padding-box;
    z-index: 1;
    border-radius: 10px;
  }
  
 .work  .card-bg::before {
     border-radius: 25px;
  }



  
  
  
  
  
  
  .cards-grid:hover .card-bg::before {
    opacity: 1;
  }
  
  .card-highlight {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    opacity: 0;
    transition-duration: 300ms;
    transition-timing-function: ease;
    transition-delay: 0s;
    transition-property: opacity;
    background-image: radial-gradient(
      400px at var(--cursor-x) var(--cursor-y),
      rgba(255, 255, 255, 0.4),
      transparent
    );
    border-radius: 10px;
    pointer-events: none;
    z-index: 4;
  }
  
  

  
  .card-wrap:hover .card-highlight {
    opacity: 0.1;
  }
  
.code-grey {
	color: #4c4c4c;
	margin-right: 20px;
	line-height: 1.8rem;
	font-size: 85%;
}
.code-list-1,
.code-list-2
 {
	
}
.code-list-2 {
	margin-left: 20px;
}
.blue {
	color: var(--secondary-color);
}
.grey {
	color: #c0c0c0;;
}












 .work-video {
    position: relative;
   aspect-ratio: 16 / 9;
    overflow: hidden;
    border-radius: 10px;
  }

  .work-video .work-video-poster,
  .work-video .work-video-movie {
    position: absolute;
    inset: 0;
   /* width: 100%;
    height: 100%;*/
    object-fit: cover;

   /* transition: opacity 0.4s ease;*/
  }

  .work-video .work-video-poster {
    opacity: 1;
    z-index: 1;
  }

  .work-video .work-video-movie {
    opacity: 0;
    z-index: 2;
  }

  .work.hover-active .work-video-poster {
    opacity: 0;
  }

  .work.hover-active .work-video-movie {
    opacity: 1;
  }
















.about-bg-gradient {
  background: conic-gradient( from 180deg at 50% 50%, #0aefff -69.37deg, #0f83ff 31.88deg, #b056e7 120deg, #ff9966 204.37deg, #0aefff 290.63deg, #0f83ff 391.87deg ), #a84ddf; 
  position: absolute;
  left: 10vw;
  top: 0vw;
  right: 10vw;
  bottom: 0vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-filter: blur(120px);
  filter: blur(120px);
  height: auto;
  opacity: 0.4;
}






/* Animation Area */
.animation-area {
  position: relative;
  width: 100%;
  flex: 1;
}

/* Wörter */
.word {
  position: absolute;
  left: 50%;
  top: 55%;
  font-size: 48px;
  font-weight: bold;
  white-space: nowrap;
  transform: translate(-50%, -50%);
  transition: transform 0.9s ease, color 0.9s ease;
  will-change: transform;
}

/* Months */
.months {
  color: #ffffff;
}

/* Durchstreichlinie (Start = 0) */
.months::after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  height: 4px;
  width: 0%;
  background: #ffffff;
  transform: translateY(-50%);
  transition: width 0.8s ease;
}

/* Weeks Startposition */
.weeks {
  color: #fff;
  transform: translate(-50%, 150%);
  will-change: transform;
}

.weeks .et_pb_text_inner p {
	display: inline-block;
	background-image: linear-gradient(58deg,#b94cdb,#fe815e);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
}


/* ===== Animation Zustände ===== */

/* Phase 1 → Durchstreichen */
.card-duration.strike .months {
  color: #2d2d31;
}

.card-duration.strike .months::after {
  width: 100%;
  background: #2d2d31;
}

/* Phase 2 → Scroll Push Animation */
.card-duration.animate .months {
  transform: translate(-50%, -150%);
}

.card-duration.animate .weeks {
  transform: translate(-50%, -50%);
}



.no-transition,
.no-transition * {
  transition: none !important;
  animation: none !important;
}



















/************** TESTIMOLIAL CARDS ******************/



  
  .slider-container {
  width: 480px;
}


/* Slider */
.swiper {
  width: 100%;
  height: 650px;
}



.swiper-slide {
  display: flex;
  /*align-items: center;
  justify-content: center;*/
  border-radius: 20px;
  min-height: 50vh;
  padding: 25px;
  background-color: #ffffff;
  flex-direction: column; 
  justify-content: space-between;
  align-items: flex-start;
  /*box-shadow: 0 0 0 1px #e6e8eb,0 14px 45px 0 rgba(0,0,0,.12);*/
  filter: drop-shadow(0 10px 30px rgba(0,0,0,.12));
  will-change: transform;
}


  

  .card-star-wrap {
  display: flex;
  column-gap: 5px;
  flex-direction: row;
 justify-content: center;
    width: 100%;

  } 
  
.card-star {
  font-family: ETmodules !important;
  font-weight: 400 !important;
  color: #ffd800;
  font-size: 26px;
}  
  
  .card-star-icon {
    font-size: 26px;
  }
  
  
  .card-text {
    padding-top: 20px;
    font-size: var(--gvid-jppypwne1e);
    color: var(--gcid-body-color) !important;
    font-style: italic;
    
  }
  
  .card-bottom {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  flex-wrap: nowrap;
  width: 100%;
   }
   
  .card-bottom-left {
	font-size: var(--gvid-cfxt7jyu5x);
	text-align: left;
    width: 55%;
  }
    .card-bottom-left a{
	font-size: var(--gvid-5utt0ez50i);
	padding: 8px;
	margin-left: -8px;
  }
  .card-bottom-left .cards-link{

  }
  .card-bottom-right {
   text-align: right;
    width: 45%;
  }
 
  .card-bottom-right img {
	max-height: 40px;
    width: auto;
    }
  
/* Pagination unterhalb */
.swiper-pagination {
  position: relative;
  margin-top: 50px;
  text-align: center;
}

/* Standard Punkt */
.swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background: #bbb;
  opacity: 1;
  border-radius: 50px;
  transition: all 0.3s ease;
}

/* Aktiver Punkt (langgezogen) */
.swiper-pagination-bullet-active {
  width: 30px;
  height: 10px;
  background: #333;
  border-radius: 50px;
}

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.025) !important;
}  





/************** TESTIMOLIAL SLIDER ******************/


.et_pb_group_carousel_track {
     transition-timing-function: linear!important; 
     justify-content: space-between;
}

.logo-carousel .et_pb_group_carousel_container::before {
    left: 0;
    background: linear-gradient(to right,rgb(243 243 243),#fff0);
}
.logo-carousel .et_pb_group_carousel_container::after {
    right: 0;
    background: linear-gradient(to left,rgb(243 243 243),#fff0);
}
.logo-carousel .et_pb_group_carousel_container::before, .logo-carousel .et_pb_group_carousel_container::after {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    width: 100px;
    pointer-events: none;
    z-index: 1;
}


.trust-logos-title {
	
	white-space: nowrap;
	
}






/************** Ablauf ******************/

.stacked-card-header {
	z-index: 2 !important;
}

.stacked-card.stacked-card-1 {
	z-index: 4 !important;
}
.stacked-card.stacked-card-2 {
	z-index: 8 !important;
}

.stacked-card.stacked-card-3 {
	z-index: 10 !important;
}

.stacked-card.stacked-card-4{
	z-index: 12 !important;
}

.stacked-card.stacked-card-5 {
	z-index: 14 !important;
}

.stacked-card.stacked-card-6 {
	z-index: 16 !important;
}




.stacked-card {
box-shadow: 0 0 0 1px #e6e8eb,0 14px 45px 0 rgba(0,0,0,.12);
height: 300px;
}


.stacked-card.stacked-card-1 {
	z-index: 4 !important;
}





/*FAQ*/


.et_pb_toggle_close,
.et_pb_toggle_open {
  padding-bottom: 30px !important;
}








/************** CONTACT ******************/

/* CONTACT CARD */
#particles-js{
  z-index: 100;
  position: fixed;
  width: 100vw;
  height: 100vh;
}


.contact-card-button {
  transition: transform 0.3s ease;
}
.contact-card-button:hover {
  transition: transform 0.3s ease;
  transform: scale(1.05);
}


.contact-card-button img {
  transition: filter 0.3s ease;
}
.contact-card-button:hover img {
  transition: filter 0.3s ease;
  filter: grayscale(80%);
}



/* CONTACT MODAL */

.modal-bg {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,.7);
	opacity: 1;
	-webkit-backdrop-filter: blur(24px);
	backdrop-filter: blur(24px);
}


body.no-scroll {
  overflow: hidden;
}

	
	
.modal-wrap {
  display: flex !important;
  overflow: auto !important;
  align-items: start !important;
	position: fixed !important;
	left: 0 !important;
	top: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	z-index: 999 !important;
	-webkit-box-pack: center;
	/*-webkit-justify-content: center;*/
	-ms-flex-pack: center;
	/*justify-content: center !important;*/
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center !important;
	padding: 80px 48px;
}
	
	
.modal-content {
	animation: modalIn 0.4s backwards ease;
	position: relative;
	z-index: 2;
	overflow: visible !important;

}	
	
	
.modal-content {
    -webkit-animation: modalIn 0.4s backwards ease;
    animation: modalIn 0.4s backwards ease;
  }
  @media only screen and (max-width: 479px) {
    .modal-content {
      -webkit-animation: modalInMobile 0.4s backwards ease;
      animation: modalInMobile 0.4s backwards ease;
    }
  }
  @-webkit-keyframes modalIn {
    from {
      opacity: 0;
      -webkit-transform: scale(0.85);
    }
    to {
      opacity: auto;
      -webkit-transform: scale(1);
    }
  }
  @keyframes modalIn {
    from {
      opacity: 0;
      transform: scale(0.85);
    }
    to {
      opacity: auto;
      transform: scale(1);
    }
  }
  @-webkit-keyframes modalInMobile {
    from {
      opacity: 0;
      -webkit-transform: translateY(200px);
    }
    to {
      opacity: auto;
      -webkit-transform: translateY(0px);
    }
  }
  @keyframes modalInMobile {
    from {
      opacity: 0;
      transform: translateY(200px);
    }
    to {
      opacity: auto;
      transform: translateY(0px);
    }
  }
  input:-webkit-autofill,
  input:-webkit-autofill:focus {
    transition: background-color 600000s 0s, color 600000s 0s;
  }
  input[data-autocompleted] {
    background-color: transparent !important;
  }
  @media only screen and (min-width: 480px) and (max-height: 850px) {
    .modal-wrap {
      overflow: auto;
      -webkit-align-items: start;
      -ms-flex-align: start;
      align-items: start;
    }
  }	
	
	
	
	
	



.contact-form-label {
margin-bottom: 10px;
}
.contact-form input,
.contact-form textarea {
  min-height: 44px;
  margin-bottom: 0;
  padding: 10px 16px;
  border: 1px solid #e6e8eb;
    border-top-color: rgb(230, 232, 235);
    border-right-color: rgb(230, 232, 235);
    border-bottom-color: rgb(230, 232, 235);
    border-left-color: rgb(230, 232, 235);
  border-radius: 8px;
  background-color: #f8f9fa;
  -webkit-transition: border-color 120ms;
  transition: border-color 120ms;
  font-size: 16px;
  letter-spacing: .01em;
  display: block;
  width: 100%;

  color: #333;
  
  cursor: none;
}

.contact-form input:hover,
.contact-form textarea:hover {
  border-color: #9ba1a6;
}
.contact-form input::placeholder,
.contact-form textarea::placeholder {
  color: #b0b7bd;
  font-weight: 400;
}
.contact-form input:focus,
.contact-form textarea:focus {
  border-color: var(--gcid-primary-color);
  box-shadow: 0 0 0 1px var(--gcid-primary-color);
}






.contact-form .wpcf7-submit {
	display: block;
	width: 100%;
	padding: 12px 21px 12px 12px;
	border-radius: 8px;
	background-color: var(--gcid-primary-color) ;
	-webkit-transition: background-color 120ms;
	transition: background-color 120ms;
	color: #fff;
	font-size: 18px;
	font-weight: 500;
}


.contact-form .wpcf7-submit:hover {
  background-color: var(--primary-color-hover);
}


.contact-form .wpcf7-not-valid-tip,
.contact-form .contact-form-privacy {
	font-size: clamp(0.75rem, 0.7rem + 0.2vw, 0.875rem);
}


.contact-form .contact-form-privacy {
	margin: 0 0 20px 0;
}



/**************** CONTACT FORM 7 SUCCESS MESSSAGE *****************************/
/**************** CONTACT FORM 7 SUCCESS MESSSAGE *****************************/

.wpcf7-form.sent .form-content {
	display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
  border-color:transparent !important;
}

.wpcf7 form .wpcf7-response-output {
  border: none !important;
}

.form-success-wrapper {
	display:flex;
	justify-content:center;
	align-items:center;
}
.form-success-checkmark__circle {
	stroke-dasharray: 166;
	stroke-dashoffset: 166;
	stroke-width: 2;
	stroke-miterlimit: 10;
	stroke: #7ac142;
	fill: none;
	animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards
}
.form-success-checkmark {
	width: 56px;
	height: 56px;
	border-radius: 50%;
	display: block;
	stroke-width: 2
	;stroke: #fff;
	stroke-miterlimit: 10;
	margin: 10% auto;
	box-shadow: inset 0px 0px 0px #7ac142;
	animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both
}
.form-success-checkmark__check {
	transform-origin: 50% 50%;
	stroke-dasharray: 48;
	stroke-dashoffset: 48;
	animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards
}
.form-success-text {
  text-align: center;
  line-height: 1.3;
}

@keyframes stroke {
			100% {stroke-dashoffset: 0}
		   }
@keyframes scale { 
			0%, 
			100% {transform: none}
			50% {transform: scale3d(1.1, 1.1, 1)}
		   }
@keyframes fill {
			100% {box-shadow: inset 0px 0px 0px 30px #7ac142}
		   }

/**************** CONTACT FORM 7 SUCCESS MESSSAGE ENDE *****************************/
/**************** CONTACT FORM 7 SUCCESS MESSSAGE ENDE *****************************/






/*********************MEDIA QUERIES********************/
/*********************MEDIA QUERIES********************/
/*********************MEDIA QUERIES********************/
/*********************MEDIA QUERIES********************/




/* Grosse Bildschirme über (1405px) */
@media only screen and ( min-width: 1405px ) and ( max-width: 1520px) { 

	.hidden-desktop {
		display: none;
	}

}

/* Laptops & Desktops zwischen (1100-1405px) */
@media only screen and ( min-width: 1260px ) and ( max-width: 1405px) { 

	.hidden-desktop {
		display: none;
	}

}

/* Laptops & Desktops zwischen (1100-1405px) */
@media only screen and ( min-width: 1110px ) and ( max-width: 1260px) { 

	.hidden-desktop {
		display: none;
	}

}



/* Tablets in Landscape-Modus zwischen (981-1110px) */
@media only screen and ( min-width: 981px ) and ( max-width: 1110px ) { 
	

	.hidden-desktop {
		display: none;
	}


}




/* Tablets in Portrait-Modus zwischen (768-980px) */
@media only screen and ( min-width: 768px ) and ( max-width: 980px ) {
	
	.hidden-desktop {
		display: none;
	} 
}




/* Smartphones in Landscape-Modus zwischen (480-768px) */
@media only screen and ( min-width: 480px ) and ( max-width: 767px ) {

	.hidden-desktop {
		display: none;
	}
}




/* Smartphones im Portrait-Modus zwischen (0-479px) */
@media only screen and ( max-width: 479px ) {

	.header-cta a {
	    padding: 12px 0px;
	}

	.logo-carousel .et_pb_group_carousel_container::before {
    	display: none;
	}
	.logo-carousel .et_pb_group_carousel_container::after {
    	display: none;
	}

	.slider-container {
		width: 80vw;
	}

	.card {
		padding: 10px 20px;
	}

	.about-card-description p {
		font-size: 14px !important;
	}

	.card-duration {
		height: 220px;
	}
	
	.card-duration.animate .months {
		transform: translate(-50%, -130%);
	}
	
	/* KONTAKT MODAL */
	.modal-wrap {
		padding: 80px 0;
	}	
	.contact-form textarea {
		max-height: 115px;
	}	
	
	
	.swiper {
  width: 100%;
  height: 530px;
}

}