/*
Theme Name: Divi Child theme of Divi
Theme URI: 
Description: Child theme of Divi theme for the Divi theme
Author: <a href="http://www.elegantthemes.com">Elegant Themes</a>
Author URI: 
Template: Divi
Version: 4.4.7
*/

/* Generated by Orbisius Child Theme Creator (https://orbisius.com/products/wordpress-plugins/orbisius-child-theme-creator/) on Tue, 07 Jul 2020 10:21:19 +0000 */ 
/* The plugin now uses the recommended approach for loading the css files.*/

/*------ animations ------*/

@keyframes ROTATION-1 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/*------ GENERAL ------*/

html{
	font-size:18px;
}
body{
	font-family:'GT Walsheim Regular';
}
h1{font-size:4rem;}
h1,h2,h3,h4{
color:black;	
}
h2{
	font-size:3.5rem;
	margin-bottom:10px;
}
h3{
	font-size:1.6rem!important;
	line-height:1.3;
}
h4{font-size:1rem;}
/* use h5 for small section-titles*/
h5{
	font-size:.9rem;
	letter-spacing:.2rem;
	text-transform:uppercase;
	color: black;
	line-height: 1.2rem;
}
p, li{
	color:black;
	font-size:1rem;
	line-height:1.4;
}
a {
	color: black;
}
a.link-circular, .link-circular{
	font-size:1rem;
	padding-bottom:3px;
	border-bottom: 3px solid #e67e79;
}
a.link-white, .et-db #et-boc .et-l .et_pb_text_3_tb_body.et_pb_text a.link-white {
	color: white !important;
	text-decoration: none;
}
.pods-validate-error-message {
	font-family:'GT Walsheim Regular' !important;
	font-size: 1rem !important;
	font-weight: inherit !important;
}
#charta-pdf {
	color: white !important;
}
.text-link-liste p{
	padding-bottom:.5rem;
}
.et_builder_inner_content, header .et_builder_inner_content {
	z-index: auto;
}
.et_pb_section{
	padding:60px 0;
}
.et_pb_text ul li{
	margin-bottom:1rem;
}
.text-intro.schmal{
	width:75%;
}
.text-intro.schmal.intro-events {
	width: 54%;
}
.text-intro p,
.text-intro
{
	font-size:1.6rem;
	line-height:1.3;
	color:black;
}
.filter-grayscale img{
	filter:brightness(0) invert(0) saturate(0%) contrast(10000%)
}
.filter-grayscale img.hm{
	filter:brightness(1) invert(0) saturate(0%) contrast(10000%);
}
.filter-grayscale .original img{
	filter:none!important;
}
textarea {
	resize: none !important;
	font-family:'GT Walsheim Regular' !important;
	font-size: 1rem !important;
}
.pods-form-front-success {
	display: none !important;
}
/*------ HEADER / MAIN NAV ------*/
#menu-navigation-1, #menu-navigation-en-1 {
	width: max-content;
}
li.wpml-ls-item {
	margin-left: 2rem !important;
}
li.wpml-ls-item ~ li.wpml-ls-item {
	margin-left:0 !important;
}
#header-section {
	padding-top:0;
}
#header-block .header-white .text-intro a{
	color:#E67E79;
}
.arcs.centered {
	right:0;
	left:0;
	margin: auto;
}
#menu-navigation-fr-1 {
	min-width: max-content;
}
#main-nav {
	background-color: rgba(0,0,0,0) !important;
	position: absolute;
	top:0;
	left:0;
	width:100vw;
	max-height:150px;
	z-index:5;
	transition: background-color 1s;
}
#main-nav .et_pb_column_0_tb_header {
	z-index: 4;
}
#main-nav.red {
	background-color: #E67E79 !important;
}
#main-nav.blue {
	background-color: #5c97bd !important;
}
#main-nav.form-open {
	position: fixed !important;
}
#form-events {
	z-index:9999999999;
}
#form-charta::-webkit-scrollbar, #form-events::-webkit-scrollbar {
    display: none;
}
#form-events {
	overflow-x: hidden;
}
#form-charta, #form-events {
	scrollbar-width: none;
}
  .arcs-wrapper {
    height:700px;
    position: relative;
    width:100vw;
  }
.arcs-wrapper.high {
height:800px;
}
.arcs-wrapper.low {
height:400px;
}
#header-block {
	overflow: hidden;
}
#main-nav.sticky {
	background-color: white !important;
}
#main-nav a {
	border-bottom: none !important;
	font-size:1rem !important;
	color:black;
}

#main-nav a:hover,
#main-nav a[aria-current="page"]{
	color: white;
}
#main-nav.sticky a:hover,
#main-nav.sticky a[aria-current="page"]{
	color: #E67E79;
}
#header-block {
	z-index: 4;
}
#arcs-container {
display: flex;
justify-content: center;
align-items: center;
}
#header-block .et_pb_row_1 {
    position: absolute;
    top: 0;
    height: 100%;
	width:80%;
    display: flex;
    max-width: 1080px;
    left: 50%;
    align-items: center;
    z-index: 4;
    transform: translateX(-50%);
}
#header-block .text-intro a{
	color:white;
}

#form-open-button {
	z-index: 5;
	max-height:0px !important;
	padding:0 !important;
	margin:0 !important;
}

.signup-form {
	color: black !important;
}
.dropdown {
	max-width: max-content;
}

/*------ HOME --------*/
#grafik-mitwirkende svg {
	max-width: 100%;
}
.grafik-text li {
	font-size: 1rem;
}
    .zitate-slider{
    overflow:visible!important;
  }
  .zitate-slider .et_pb_slide_image {
	right:0;
}
.zitate-slider .et_pb_slide_description {
	float: left;
}
.zitate-slider .et_pb_slide {
	background-color: #5C97BD !important;
}
.zitate-slider .et_pb_slide_image img {
    border-radius: 50%;
  	width:250px;
    height:250px;
    object-fit: cover;
  }

.zitate-slider h2 {
	display: none;
}

.zitate-slider .et-pb-controllers a {
	width: 12px;
	height: 12px;
	border-bottom: none;	
}
.zitate-slider .et-pb-controllers a.et-pb-active-control {
background-color: #e67e79;
}

.zitate-slider .et-pb-controllers {
	text-align: left;
	padding: 0 6%;
}
.zitate-slider blockquote {
	padding-left: 0;
	border: none;
}
.zitate-slider blockquote::after  {
	color: #e67e79;
	content:"«" !important;
	font-size:3rem;
	quotes: auto;
	display: inline-block;
	transform: rotateZ(180deg) translateY(-15px);
	transform-origin: 50% 50%;
}
.zitate-slider blockquote p {
	display: inline;
}
.zitate-slider blockquote::before {
	color: #e67e79;
	font-size: 3rem;
	content: "«";
	position: absolute;
	left: -36px;
}
	.zitate-slider .et_pb_slide_image img {
    border-radius: 50%;
    width: 348px;
    height: 348px;
    object-fit: cover;
}
  .zitate-slider .et_pb_slide_image{
    margin-right:0;
    width:auto;
  }
  .zitate-slider blockquote p{
    font-size:1.6rem;
    line-height:1.2;
  }
  .zitate-slider .et_pb_slide{
    padding:0;
  }
  .zitate-slider .et_pb_slide_description{
    text-shadow:none;
    padding-top:10vh;
    padding-bottom:10vh;
    width:65%;
  }
  /*. mobile/small tablet */
@media only screen and (max-width:980px) {
  .zitate-slider .et_pb_slide_description{
    width:100%;
  }
  .zitate-slider blockquote p{
    font-size:1.3rem;
  }
	.zitate-slider blockquote::after,
	.zitate-slider blockquote::before
	{
		margin-left:10px;
	}
  .zitate-slider .et_pb_slide_image{
    display:inline-block;  
  }
	.custom-grid-section{
		margin-left:0px!important;
		margin-right:0!important;
		padding: 0px 30px!important;
	}
  }
@media only screen and (max-width:768px) and (max-width:980px) {
 .zitate-slider .et_pb_slide_image{
    position:relative;
	padding-top:20%!important;
  }
	.zitate-slider .et_pb_slide_description{
		padding-top:5vh;
		padding-bottom:5vh;
	}
}
abbr {
	text-decoration: none;
}
textarea {
	color: black;
}
#pods-form-ui-pods-field-beschreibung {
	color: black !important;
}
#form-charta .pods-field textarea, #form-events .pods-field textarea {
	color: black !important;
}
#form-charta .pods-field textarea:focus, #form-events .pods-field textarea {
	color: white !important;
}
.filter-container .dropdown {
	padding-right:0px;
	flex: 50%;
}
.filter-container .dropdown ul {
	padding-left:0px;
	margin-top:18px;
	padding-top:0px;
}
.pods-form-ui-row-name-logo .pods-field-input {
	width:50% !important;
}
.pods-form-ui-row-name-logo {
	margin-bottom: 3rem !important;
}
/*------ PROJEKTE -------*/


.projekt-section{
	width:100%;
}
.projekt-section .et_pb_column_2_3{
	width:70%!important;
	padding-right:10%;
	margin-right:0px!important;
}
.projekt-section .et_pb_column_1_3{
	width:30%!important;
}
.projekt-section .et_pb_row{
	width:100%!important;
}

.projekte-post-content .et_pb_section_0, .projekte-post-content .et_pb_row_0 {
	padding-top: 0 !important;
}
.projekte-post-content .et_pb_row_0 {
	margin-left: 0 !important;
}
.projekt-kontakt {
	margin-bottom:0 !important;
}
.projekte-kontakt-text p,
.projekte-kontakt-text div
{
	margin-bottom:0;
	font-size:.9rem;
}
.projekte-kontakt-text a {
	color: #E67E79;
}
.projekte-kontakt-text {
	color: black;
}
/*------ BILDER --------*/
.image-grid-template {
	padding-top:0 !important;
}
.custom-grid-section{
	margin-left:-10px;
	margin-right:-10px;
}
.custom-grid-section .et_pb_row{
	width:100%!important;
	padding:0!important;
}
.custom-grid-section .et_pb_column_1_4 .et_pb_text,
.custom-grid-section .et_pb_column_1_2 .et_pb_text{
	width:100%;
	background:green;
}
.custom-grid-section .et_pb_column{
	margin:0!important;
	padding:5px;
}
.custom-grid-section .et_pb_column_1_2{
	width:50%!important;
}
.custom-grid-section .et_pb_column_1_4{
	width:25%!important;
}
.custom-grid-section .et_pb_column_3_4{
	width:75%!important;
}
.custom-grid-section .et_pb_column_1_2 .et_pb_image,
.custom-grid-section .et_pb_image.portrait{
	height:100%;
}
.custom-grid-section .et_pb_image_wrap{
	height:100%;
	width:100%;
}
.custom-grid-section img{
	object-fit: cover;
min-height: 100%!important;
	width:100%;
}

.custom-grid-section .et_pb_column_1_2 .et_pb_text{
	padding:5px;
}
.custom-grid-section .et_pb_image{
	margin-bottom:0px!important;
	padding:5px;
}
.custom-grid-section {
	background: none !important;
}
/*
.image-grid-template .et_pb_row_1-2_1-4_1-4, .image-grid-template .et_pb_row_1-4_1-4_1-2, .image-grid-template .et_pb_row_1-4_3-4{
	margin-left:0 !important;
	padding-top:10px !important;
	padding-bottom:10px !important;
}
.image-grid-template .et_pb_row_1-2_1-4_1-4 .et_pb_column,
.image-grid-template .et_pb_row_1-4_1-4_1-2 .et_pb_column, 
.image-grid-template .et_pb_row_1-4_3-4 .et_pb_column {


}
.et-db #et-boc .et-l .et_pb_gutters2.et_pb_row .et_pb_column, .et_pb_gutters2.et-db #et-boc .et-l .et_pb_column{
	margin-right:1%;
}
*/
/* -------- KREISLAUFWIRTSCHAFT --------*/
.act-now {
	margin-left:50px;
}


/* -------- FORMS --------*/
 @keyframes fade-out {
  0%   {transform: translateX(0);}
  90%  {transform: translateX(-100vw);}
  95%  {max-height: 20000px;}
  100% {max-height: 0;}
}
.bestehende-container {
	flex-wrap: wrap;
}
.response-wrapper.bestehende, .response-wrapper {
	width:80%;
	/*max-width:1080px;*/
}
.response-wrapper.bestehende.open {
	padding-top:140px;
}
   #event-form, #events-form-intro, .bestehende-partner-form, #charta-form, #charta-form-intro {
    transform: translateX(0);
    transition: transform 1s linear;
  }
  #events-form-intro.finished, #charta-form-intro.finished  {
    max-height: 0;
    overflow: hidden;
  }
  #event-form.finished, .bestehende-partner-form.finished, #charta-form.finished {
    animation-name: fade-out;
  	animation-duration: 2s;
    transform: translateX(-100vw);
    /*max-height:0;*/
    /*transform: translateX(-100vw);
    max-height:0;*/
    overflow: hidden;
  }
  
  .form-events .response-close, .bestehende-container .response-close, .charta-form .response-close {
    cursor: pointer;
    display: block;
  }
  .form-events .response-close .underline, .charta-form .response-close .underline, .bestehende-container .response-close .underline {
    border-bottom: 3px solid black;
  }


#newsletter-popup .response-wrapper {
	width: unset !important;
}
.ces-form .form-group span {
	color: black;
	display: inline-block;
}
.ces-form input.hidden {
	display: none;
}
.ces-form .form-group.hidden {
	display: none;
}
.form-group.active label {
	color: white !important;
}
.ces-form .form-group.active {
	border-bottom: 2px solid white !important;
}
.ces-form label {
	cursor: pointer;
}
.custom-dropdown .dropdown-label {
	color: black;
	transition: color 0.3s linear;
}
.custom-dropdown .dropdown-label:hover {
	color: white;
}
.ces-form .form-group {
    margin-bottom: 10px;
		border-bottom: 2px solid black;
  	padding: 10px 0;
  }
  .ces-form .button-submit {
    background: transparent;
    border: none;
  	border-bottom-color: currentcolor;
    border-bottom-style: none;
    border-bottom-width: medium;
    border-bottom: 3px solid white;
    font-size: 1rem;
    margin-left: 0;
    line-height: 1rem;
    padding: 0;
    padding-bottom: 0px;
    padding-bottom: 4px;
    width: max-content;
    margin-top: 25px;
  }
  .ces-form textarea {
    color:white;
    background: transparent;
    border: none;
    color: black !important;
  }
  .ces-form textarea:focus {
    color: white !important;
  }
  .ces-form label {
    display: inline-block;
    min-width: max-content;
    padding: 0 15px 0 0;
    line-height:1.2rem;
  }
  .ces-form .form-group.required label::after {
    content: '*';
  }
  .ces-form input {
    float: none;
    width: 333px;
    background:transparent;
    border:none;
    pading-bottom: 3px;
    font-size:.9rem;
    margin-left:10px;
    line-height:1rem;
  }
  .ces-form input:active,
  .ces-form input:focus{
    color:white;
  }
  .ces-form input:focus-within{
    border-color:white;
  }
   .ces-form .form-wrapper{
    margin-bottom:10px;
    border-bottom: 2px solid black;
  }
  .ces-form input,
  .ces-form label
  {
		color:black;
    font-size:.9rem;
    background: transparent;
		border: none;
    padding:0;
    }

   .ces-form .button-submit{
    float:left;
  }

  .ces-form .label-beschreibung {
    width: 100% !important;
  }
  
  .ces-form h4 {
    color: black !important;
  }
  
   .response-wrapper {
	   margin-top:1rem;
    color: black !important;
    width: max-content;
   max-height: 0;
   overflowy: hidden;
    padding: 20px;
    opacity: 0;
    transition: opacity 0.5s linear, max-height 0.5s linear;
    
  }
  .response-wrapper.success {
	font-size: 1.6rem;
    line-height: 1.3;
    color: black;
	  background-color: rgba(0,0,0,0) !important;
  }
#newsletter-popup .response-wrapper.success{
	background-color:#dee9f5 !important;
	font-size: 1rem !important;
}
    .response-wrapper.error {
    background-color:#dee9f5; 
  }
  .response-wrapper.open {
    opacity: 1;
    /*max-height: 500px;*/
	  max-width:80vw;
	  max-height: max-content;
  }
@media only screen and (max-width:1400px) and (min-width:1140px) {
	
	#main-nav .et_pb_column_0_tb_header {
		width:35%;
	}
}
@media only screen and (max-width:1140px) and (min-width:980px) {
	
	#main-nav .et_pb_column_0_tb_header {
		width:25%;
	}
}
@media only screen and (max-width:1079px) {

	
	
	.filter-container .form-group {
		display: block;
	}
}
@media only screen and (max-width:480px) {

	.signup-form-title h3 {
		font-size: 1.2rem !important;
	}
	
	.arcs-wrapper {
		height: 500px !important;
	}
	.arcs-wrapper.contact {
		height: 100vh !important;
	}
	
	h5 {
		
		line-height: 1.2rem !important;
	}
	
	.newsletter-form-wrapper .button-submit {
		margin-top:0 !important;
	}
	.nl-desc {
		max-width: 80% !important;
	}
	.filter-container .form-group .checkbox {
		margin-left: 0px !important;
	}
}
/*. media */
@media only screen and (max-width:768px) {
	
	
	
	.et-pb-controllers {
		bottom: 1%;
		display: flex;
		justify-content: center;
	}
	
	.filter-container .dropdown {
		padding-right: 0px;
		flex-grow:1;
	}
	
	#mobile_menu1 {
		top: 44px !important;
	}
	
	.et_pb_column.et_pb_column_1_2.et_pb_column_1_tb_header.et_pb_css_mix_blend_mode_passthrough.et-last-child.et_pb_column--with-menu {
	position: absolute !important;
	top: 13px;
	width: 100%;
	right: 0;
	}
	

	h1{font-size:2.8rem;}
	h2{font-size:2.0rem!important;}
	.text-intro p,
	h3{
		font-size:1.2rem;
	}
	.et-db #et-boc .et-l .et_pb_post_title_0_tb_body,
	.text-intro,
	.et_pb_text_0,
	.et_pb_text_1,
	.mobile-100{
		max-width:100%!important;
		width:100%!important;
	}
	.projekt-section .et_pb_column_2_3,
	.projekt-section .et_pb_column_1_3{
		width:100%!important;
	}
	#main-nav .et_pb_column_0_tb_header {
	z-index: 4;
		max-width:80%;
}
	.et_pb_image_0_tb_header{
		max-width:100%!important;
	}
}
/* iphone 5, SE*/
@media only screen and (max-width:375px) {
	
	
	
	.mobile-small h2{
		font-size:1.6rem!important;
	}
}

@media screen and (max-width:980px) {
	
	li.wpml-ls-item {
		margin-left: 0 !important;
	}
	
		#mobile_menu1 {
		top: 66px;
	}
	
	#main-nav {
		z-index: 99;
	}
	#main-nav .et_pb_column_0_tb_header {
		max-width: 80%;
	}
}
/*. mobile/tablet */
@media only screen and (min-width:769px) and (max-width:980px) {


	p{
		//text-align: justify;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
	}
	.text-intro.schmal,
	.text-intro{
	width:100%;
		max-width:100%;
	}
	.et_mobile_menu{
	height:100vh;
	}
	.et_mobile_nav_menu{
	margin-bottom:13px!important;
	}

	.et_pb_column.et_pb_column_1_2.et_pb_column_1_tb_header.et_pb_css_mix_blend_mode_passthrough.et-last-child.et_pb_column--with-menu{
		position: absolute !important;
    	top: 13px;
    	width: 100%;
    	right: 0;
	}
	h1{font-size:3rem;}
	h2{font-size:2.6rem;}
	.text-intro p,
	h3{
		font-size:1.3rem;
	}
	
	/*IMG GRID/veranstaltungen /media mobile*/
	.custom-grid-section .et_pb_image_wrap{
		width:100%;
	}
	.custom-grid-section .et_pb_column_1_2,
	.custom-grid-section .et_pb_column_1_4,
	.custom-grid-section .et_pb_column_3_4{
		width:100%!important;
	}
	
	.projekt-section .et_pb_column_2_3,
	.projekt-section .et_pb_column_1_3{
		width:100%!important;
	}
}
@media only screen and (min-width:980px) and (max-width:1200px) {
	.et_pb_image_0_tb_header{
		margin-left:20px!important;
	}
}