/*
Theme Name:   Twenty Twenty Child-Theme 
Description:  Child-Theme für das Standardtheme Twenty Twenty
Author:       Kristina
Template:     twentytwenty
Version:      1.7
*/

/* FARBEN*/
:root {
  --green: #709784;
  --text-color: #313131; 
  --dark-green: #384e42;
  --white: #FFF;
}

/* HINTERGRUNDFARBE BEIM LADEN*/
.swiper-slide-bg { background-color: transparent !important;}
.teaser-box .elementor-flip-box__front { background-color: transparent !important;}

/*HEADER*/
#site-header {
  position: fixed; 
  width: 100%;
  background-color: transparent;
  transition: all .5s ease-out;
  
}
#site-header.sm-color-in {
  background-color: var(--green);
  transition: all .5s ease-out;
}
#site-header.sm-color-in .site-logo img {
  max-height: 4rem;
  transition: all .5s ease-out;
}
.header-footer-group, body:not(.overlay-header) #site-header .toggle, .menu-modal .toggle {
  color: transparent !important;
  outline: none;
}

.modal-menu>li>.ancestor-wrapper>a, .modal-menu>li>a {
  font-weight: 300 !important;
  text-transform: uppercase;
  outline: none;
}
.modal-menu ul li a {
  font-weight: 300 !important;
  outline: none;
}


.teaser-box .elementor-widget:not(:last-child) {
  margin-bottom: 2px;
}

.teaser-box .elementor-flip-box__front .elementor-flip-box__layer__overlay {
  padding: 23px;
  height: auto;
  position: absolute;
  bottom: 0;
}

.teaser-box .elementor-flip-box__back { background-color: rgba(0,0,0,0.3) !important; }
.teaser-box .elementor-flip-box__layer__title {font-size: 30px !important;}
.teaser-box .elementor-col-33:nth-child(2) {
  padding: 0 2px 2px;
}
.teaser-box .elementor-element .elementor-flip-box, .elementor-element .elementor-cta__content  {
  height: 400px !important;
}
.teaser-box .elementor-flip-box .elementor-flip-box__front .elementor-flip-box__layer__title { opacity: 1 !important; transition: all .5s ease-in-out;}
.teaser-box .elementor-flip-box:hover .elementor-flip-box__front .elementor-flip-box__layer__title { opacity: 0 !important; transition: all .5s ease-in-out;}
.teaser-box .elementor-flip-box .elementor-flip-box__front .elementor-flip-box__layer__title { margin: 0 !important;}

.teaser-box .elementor-flip-box .elementor-flip-box__front .elementor-flip-box__layer__overlay {
  transform: 0 !important;
  background-color: rgba(0,0,0,0.3) !important;
  transition: all 1s ease-in-out;
}
.teaser-box .elementor-element .elementor-flip-box__back .elementor-flip-box__layer__overlay {
  text-align: center !important;
  justify-content: center !important;
}

.teaser-box .elementor-element .elementor-flip-box__front .elementor-flip-box__layer__overlay {
  text-align: center !important;
  justify-content: flex-start !important;
}
.teaser-box .elementor-flip-box:hover .elementor-flip-box__front .elementor-flip-box__layer__overlay {
  opacity: 0 !important;
  transition: all .1s ease-in-out;
}


form {
  max-width: 60%;
  display: block;
  margin: 0 auto;
}

.elementor-widget-form .elementor-button[type="submit"] {
  border: 2px solid var(--dark-green) !important;
  background: transparent !important;
  padding: 22px !important;
  width: 67px !important;
  display: inline-block;
  margin: 22px auto;
  height: 70px;
}
.elementor-button-align-stretch .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button {
  -ms-flex-preferred-size: 0% !important;
  flex-basis: 0% !important;
}
input[type=checkbox] {
  padding: 3px 10px;
}
input[type=checkbox]:checked::before {
  margin: 0.8125rem 0 0 -0.95rem;
}
input {border-radius: 0 !important;}

.elementor-widget-form .elementor-button[type="submit"] .dashicons, .dashicons-before:before {
  color: var(--dark-green);
}

.elementor-8 .elementor-element.elementor-element-1db84f2 .elementor-swiper-button {
    color: var(--white) !important;
}

.elementor-swiper-button {
  top: initial !important;
  bottom: 5% !important;
  transform: none !important;
}
.elementor-swiper-button-prev {
  left: 4% !important;
}
.elementor-swiper-button-next {
  right: 4% !important;
}

/*HEADER SIDEFEED*/
#sidefeed {
  position: fixed;
  top: 15%;
  right: 0;
  z-index: 2;
  width: 66px;
}
#sidefeed .dashicons {transform: rotate(0deg);}
#sidefeed .social-media-feed { background-color: var(--dark-green); margin-bottom: 20px;}
#sidefeed .social-media-feed img { max-width: 33px; margin-left: 5px;}
#sidefeed .jobs-feed { background-color: var(--green);}
#sidefeed .jobs-feed img {    
  max-width: 36px;
  padding-bottom: 10px;
}
#sidefeed .social-media-feed, #sidefeed .jobs-feed {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  padding: 8px 0 5px 0;
}
#sidefeed  ul { margin: 0; padding: 0; list-style: none;}

@media (min-width: 700px) {
.site-logo img {
    max-height: 6rem;  
  }
}
.header-img, .header-link {
  width: 50px;
  display: block;
  margin: 0 0 0 auto;
  transition: 0.5s all ease-in-out;

  /*deaktivieren*/
  display:none;
}

.sm-color-in .header-img { width: 40px; transition: 0.5s all ease-in-out;}

@media(min-width: 1000px) {
  .header-titles-wrapper .header-img { display: none;}
}
@media(max-width: 768px) {
  .header-img, .header-link {
    width: 40px;
  }
}
@media(max-width: 568px) {
  .header-img, .header-link {
    width: 35px;
  }
  #site-header .site-logo img {
    max-height: 2.6rem !important;
  }
}

@media(min-width: 1441px) {
  .elementor-widget-text-editor .elementor-widget-container, .elementor-widget-heading .elementor-widget-container {padding: 0 30px !important;}
}

/*Responsive - Mobile*/
@media(max-width: 1440px) {
  .menu-modal-inner {
    background: var(--dark-green) !important;
    
  }

  .elementor-widget-text-editor .elementor-widget-container, .elementor-widget-heading .elementor-widget-container {padding: 0 30px !important;}
  .teaser-box .elementor-flip-box__layer__title {font-size: 22px !important; }
  .heading-size-2, h2 { font-size: 4rem; }
  #site-footer p { font-size: 1.4rem; }
  #sidefeed { width: 58px;}
}  

@media(max-width: 1023px) {
  #site-header {
    position: relative; 
    background-color: var(--green);
    
  }
  .menu-modal-inner {
    background: var(--dark-green) !important;
  }
}

@media(max-width: 768px) { 
  section {
      padding: 4rem 0;
  }
  p {font-size: 1.5rem;}
  .heading-size-1, h1 {
    font-size: 2.6rem;
  }
  .heading-size-2, h2 {
    font-size: 2.5rem;
  }
  #site-header {
    position: relative; 
    background-color: var(--green);
    
  }
  .menu-modal-inner {
    background: var(--dark-green) !important;
  }
  .social-icons a {height: 3rem;}
  .dashicons, .dashicons-before:before {font-size: 2rem;}
  #sidefeed { width: 45px; }
  #sidefeed .social-media-feed img, #sidefeed .jobs-feed img {max-width: 21px;}
  #sidefeed .social-media-feed, #sidefeed .jobs-feed { padding: 9px 0 0 0;}

  #site-header .site-logo img { max-height: 4rem; }
  .elementor-8 .elementor-element.elementor-element-1db84f2 .swiper-slide-contents { max-width: 85% !important;}
  .elementor-button.elementor-size-md, .elementor-button.elementor-size-sm {
    padding: 14px !important;
  }

  .elementor-element .elementor-flip-box {margin-bottom: 5px !important;}
  .teaser-box .elementor-flip-box__layer__title { font-size: 17px !important; }
  .teaser-box .elementor-element .elementor-flip-box, .elementor-element .elementor-cta__content {
    height: 280px !important;
  }
  .elementor-flip-box__layer__title { font-size: 18px !important;}
  .teaser-box .elementor-col-33:nth-child(2) { padding: 0 0px 2px; }
  
  #site-footer p { font-size: 1.4rem; }
  #site-footer .section-inner {
    display: block;
  }
  .footer-menu li {
    margin: 0.25em 10px 0px 0;
  }
  .footer-widgets { margin-bottom: 15px;}

  .elementor-widget:not(:last-child) {
    margin-bottom: 0px !important;
  }
}
@media(max-width: 592px) {
  #sidefeed {
    position: absolute;
  }
  section {
    padding: 3rem 0 3rem 0;  
  }
  .teaser-box .elementor-col-33:nth-child(2) {
    padding: 0;
  }
  .elementor-widget:not(:last-child) {
    margin-bottom: 0px;
  }
}
@media(max-width: 320px) {
  .heading-size-2, h2 {
    font-size: 2rem;
  }
}


/* EDIT JN 27.10.2022 */

/* CF7 Styling */
.wpcf7-form br {
display: none;
}

.wpcf7-form label,
.wpcf7-form select,
.wpcf7-form input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
.wpcf7-form .wpcf7-response-output,
.wpcf7-form .wpcf7-form-control-wrap {
	font-size: 16px;
	font-family: var(--e-global-typography-text-font-family), Sans-serif;
	font-weight: var(--e-global-typography-text-font-weight);
}

.wpcf7-form select,
.wpcf7-form input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]) {
	width: 100%;
	max-width: 100%;
	min-height: 47px;
	padding: 6px 16px;
	border: 1px solid #d3d3d3;
	color: var(--e-global-color-text);
}
.wpcf7-form checkbox {
  margin-bottom: 10px;
}
.wpcf7-form input[type="checkbox"] {
	display: inline;
	margin-right: 10px;
	padding: 10px;
}
.wpcf7-form input[type="checkbox"]:checked::before {
	margin: -0.85rem 0 0 -0.95rem;
}

.wpcf7-form-control .wpcf7-list-item {
	margin-left: 0;
}

.wpcf7-form .wpcf7-center-elements {
	display: flex;
	justify-content: center;
}

.wpcf7-form .wpcf7-center-elements > div {
	height: 100px;
}

.wpcf7-form .button-submit {
	border: 2px solid var(--dark-green) !important;
	background: transparent !important;
	padding: 22px !important;
	width: 67px !important;
	display: inline-block;
	margin: 10px auto;
	height: 70px;
}

.wpcf7-form .button-submit > span {
	display: flex;
}

.wpcf7-form .button-submit:hover {
	text-decoration: none;
}

.wpcf7-form .button-submit .dashicons {
	color: var(--dark-green) !important;
}

.wpcf7-form .button-submit ~ .wpcf7-spinner {
	position: relative;
	bottom: 60px;
	left: 75px;
}

/* EDIT JN END */

.footer-img {display:none;}

/*#site-footer .footer-widgets.footer-sidebar-2 {text-align:center;}
#site-footer .footer-widgets.footer-sidebar-3 {text-align:right;}
*/