/*
Theme Name: Divi Child Theme
Theme URI: http://www.elegantthemes.com/gallery/divi/
Description: Divi Child Theme
Author: spaetemitschwalb
Author URI: https://www.spaetemitschwalb.de
Template: Divi
Version: 1.0.0
*/

@import url("../Divi/style.css");

/* =Theme customization starts here
------------------------------------------------------- */

/* To fix underlined links */
a:where(:not(.wp-element-button)) {
  text-decoration: none!important;
}

/**
 * Silbentrennung auf der Website
 */

body {
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

/* inline buttons divi */ 
/*place button modules next to each other in the same column*/
.pa-inline-buttons .et_pb_button_module_wrapper {
    display: inline-block;
}

/* Sprachauswahl Styling */ 

#trp-floater-ls.trp-color-dark {
	background:#2A5238!important; }

#trp-floater-ls.trp-color-dark:hover {
	background:#ffa300!important; }

#trp-floater-ls {
     box-shadow:none!important; 
}

/* Nesting Menu */

/* burger menu */

.mobile_menu_bar:before {
	color:#2a5238;
}

#et_mobile_nav_menu:before  {
content: 'Menü';
position: absolute;
right: 33px;
bottom:30px;
color: #0b140e;
font-size:18px;
}

/* X icon in expanded mobile menu */

.mobile_nav.opened .mobile_menu_bar:before {
content: '\4d';
}

/* Change X icon color - change #000 to your desired color */

.mobile_nav.opened .mobile_menu_bar:before {
color: #f6ae2d;
}

/* Remove the top line in the mobile menu*/

.et_mobile_menu {
border-top:0;
}

/* Center-align moble menu items */

.et_mobile_menu li {
text-align:center !important;
}
  
.et_mobile_menu li li, .et_mobile_menu li ul {
padding-left:0 !important;
}

/* Make mobile menu fullwidth */

.et_mobile_menu {
min-width: 100vw;
margin-left: -10vw;
}
/* Make the mobile menu full height */

.et_mobile_menu {
min-height:100vh !important;
min-height: -webkit-fill-available;
padding-top:50px !important;
}

html {
height: -webkit-fill-available;
}

/* Remove the animation to avoid delay */

.mobile_nav.opened .et_mobile_menu {
display:block !important;
}

.et_mobile_menu li a {
	border-bottom: 0;
}

.et_mobile_menu .menu-item-has-children>a {
	background-color: transparent;
}

#main-header .et_mobile_menu {
	background-color:#2a5238!important;
}

.et_mobile_menu li a {
	color:#f8f6f4!important;
	    font-size: 24px;
    padding-top: 5%;
    padding-bottom: 5%;
}
.et_mobile_menu .sub-menu li a {
	color:#f8f6f4!important;
	    font-size: 18px;
    padding-top: 3.5%;
    padding-bottom: 3.5%;
}
.et_mobile_menu li a:hover {
	color:#f6ae2d!important;
}

/* Mobile stacking order divi */

@media all and (max-width: 980px) {
/*** wrap row in a flex box ***/
.custom_row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
-webkit-flex-wrap: wrap; /* Safari 6.1+ */
flex-wrap: wrap;
}
 
/*** custom classes that will designate the order of columns in the flex box row ***/
.first-on-mobile {
-webkit-order: 1;
order: 1;
}
 
.second-on-mobile {
-webkit-order: 2;
order: 2;
}
 
.third-on-mobile {
-webkit-order: 3;
order: 3;
}
 
.fourth-on-mobile {
-webkit-order: 4;
order: 4;
}
/*** add margin to last column ***/
.custom_row:last-child .et_pb_column:last-child {
margin-bottom: 30px;
}
 
}

/* vertikales Scrollen ausstellen DIVI */ 

#page-container {
    overflow-x: hidden;
}

/* Contact Form 7 Styles Bewerbung 
---------------------------------*/

.form-link {
    color: #2a5238;
    font-weight: bold;
}
.form-link:hover {
    color: #f6ae2d;
    font-weight: bold;
}

	.form-subtitle {
		margin-bottom: 20px;
    margin-top: 50px;
    font-size: 1.2em;
  font-weight:bold;
        font-family: 'Rubik';
        color: #2a5238;
	}

.wpcf7{
	font-family: 'Sen',Helvetica,Arial,Lucida,sans-serif;
	font-size: 18px;
	letter-spacing: 1px;
	color: #59534f;
	
}


.wpcf7 input,
.wpcf7 textarea,
.wpcf7 select,
.wpcf7 button {
  padding: 1em;
  border-radius: 0px;
  border-color: #59534f;
	background-color: transparent;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
	color: #59534f;
	font-family: 'Sen',Helvetica,Arial,Lucida,sans-serif;
	background-color: transparent;
}

.wpcf7 .wunsch-kennz-klein input,
.wpcf7 .wunsch-kennz-klein textarea,
.wpcf7 .wunsch-kennz-klein select,
.wpcf7 .wunsch-kennz-gross input
 {
border-color: #f6ae2d!important;
     border: 2px solid;
}

/*.wpcf7 .wunsch-kennz-klein input:focus,
.wpcf7 .wunsch-kennz-klein textarea:focus,
.wpcf7 .wunsch-kennz-klein select:focus,
.wpcf7 .wunsch-kennz-gross input:focus{
	color: #2a5238;
}*/

.wpcf7 input:focus,
.wpcf7 textarea:focus,
.wpcf7 select:focus {
	color: #f6ae2d;
}

#loginform {
  width: 50%;
}

.wpcf7 input,
.wpcf7 textarea,
.wpcf7 select,
.wpcf7 button,
#loginform input,
#loginform textarea,
#loginform select,
#loginform button {
  padding: 0.9em;
    font-size: 1.2em;
}

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea,
.wpcf7 select,
#loginform input[type="text"],
#loginform input[type="email"],
#loginform input[type="password"],
#loginform textarea,
#loginform select {
  width: 100%;
}

.wpcf7 input[type="submit"],
.wpcf7 button[type="submit"],
#loginform input[type="submit"],
#loginform button[type="submit"] {
  cursor: pointer;
}

.wpcf7 input[type="submit"],
.wpcf7 button[type="submit"],
#loginform input[type="submit"],
#loginform button[type="submit"] {
  background: #f6ae2d;
  border: 3px solid #f6ae2d;
  color: white;
	letter-spacing: 0px;
	padding-bottom: 10px;
	padding-top: 14px;
}



.wpcf7 input[type="submit"]:hover,
#loginform input[type="submit"]:hover {
  background: transparent;
  border: 3px solid #f6ae2d;
  color: #2a5238;
}

.fieldwrap .col {
  margin-bottom: 1em;
}

.wpcf7 .wpcf7-submit {
  font-size: 1.25em;
  margin-top: 20px;
}

.wpcf-7-on-dark-background label,
.wpcf-7-on-dark-background p,
.home .wpcf7-response-output {
color: #2a5238;
}

[class*=cookieconsent-optout] {
  padding: 30px;
  margin: 20px;
  box-shadow: 0 30px 70px rgb(0 0 0 / 30%);
  font-size: 2em;
  text-align: center;
  line-height: 120%;
}

[class*=cookieconsent-optout] a {
  color: #2a5238;
  font-weight: bold;
  text-decoration: underline;
}

@media all and (min-width: 768px) {


  .fieldwrap .col {
    float: left;
    margin-right: 5%;
  }

  .fieldwrap .col:last-child,
  .fieldwrap .col .col:last-of-type {
    margin-right: 0;
  }
    
    	.fieldwrap .wunsch-kennz-klein {
        width:20%;
            
    }
	.fieldwrap .wunsch-kennz-gross {
        width:50%;
        margin-right: 0%;
    }
    
    .fieldwrap .col50-end {
        margin-right:0;
    }

  .fieldwrap .col50 {
    width: 47.5%;
  }
    
    .fieldwrap .col25 {
        width:21.25%;
    }

  .fieldwrap .col100 {
    width: 100%;
  }

  .fieldwrap .col100 textarea {
    width: 100%;
  }
	


}