/*
 Theme Name:     Divi Child Theme
 Theme URI:      http://www.elegantthemes.com
 Description:    Child Theme for Divi Theme by Elegant Themes
 Author:         Karin Zeilinger
 Author URI:     https://www.lichtweb.ch
 Template:       Divi
 Version:        1.0.0
*/
 
/* Eigenes CSS */


/* Mobiles Menue */
@media (max-width: 1350px) {
 #et_mobile_nav_menu {
 display: block;
 }
 
#top-menu {
 display: none;
 }
 }

/* === Begin: Set the divi slider height === */
/* Src: https://divibooster.com/changing-the-height-of-the-divi-slider/ */
 
/* Desktop */
.lw-slider .et_pb_slide .et_pb_container {
height: auto !important;
min-height: 500px !important;
}
/* Tablet */
@media only screen and (min-width: 768px) and (max-width: 980px) {
.lw-slider .et_pb_slide .et_pb_container {
height: auto !important;
min-height: 500px !important;
}
}
/* Phone */
@media only screen and (max-width: 767px) {
.lw-slider .et_pb_slide .et_pb_container {
height: auto !important;
min-height: 500px !important;
}
}


/* === Begin: Set the divi slider height === */
/* Src: https://divibooster.com/changing-the-height-of-the-divi-slider/ */
 
/* Desktop */
.lw-slider-q .et_pb_slide .et_pb_container {
height: auto !important;
min-height: 300px !important;
}
/* Tablet */
@media only screen and (min-width: 768px) and (max-width: 980px) {
.lw-slider-q .et_pb_slide .et_pb_container {
height: auto !important;
min-height: 300px !important;
}
}
/* Phone */
@media only screen and (max-width: 767px) {
.lw-slider-q .et_pb_slide .et_pb_container {
height: auto !important;
min-height: 300px !important;
}
}

/*Inhalte*/





/* Contact Form 7 Styles
---------------------------------*/
 
.wpcf7-text, .wpcf7-textarea, .wpcf7-captchar {
background-color: #eee !important;
border: none !important;
width: 100% !important;
-moz-border-radius: 0 !important;
-webkit-border-radius: 0 !important;
border-radius: 0 !important;
font-size: 14px;
color: #999 !important;
padding: 16px !important;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.wpcf7-submit {
color: #7030a0 !important;
margin: 8px auto 0;
cursor: pointer;
font-size: 20px;
font-weight: 500;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 6px 20px;
line-height: 1.7em;
background: transparent;
border: 2px solid;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.wpcf7-submit:hover {
background-color: #eee;
border-color:#eee;
padding: 6px 20px !important;
}

.cf7-50-1 {
	width: 49%;
	float: left;
	margin-right: 2%;
}

.cf7-50-2 {
	width: 49%;
	float: left;
	}
	
/*GetResponse*/

.getresponse {
	margin-top: 20px;
	text-align: center;
	 
}

.getresponse form {
	width: 600px;
	max-width: 100%;
	background-color: #f6f6f6;
	border: 1px solid #cccccc;
	padding: 15px;
	margin: 0 auto;
}

.getresponse input[type="text"], .getresponse textarea, .getresponse input[type="submit"], .getresponse select {
	color: #336633;
    background: #FFFFFF;
	border: 1px solid #cccccc;
	padding: 8px;
border-radius: 5px;
width: 90%;
margin-bottom: 4px;
}

.getresponse input[type="submit"] {
	width: 90% !important;
	padding: 12px;
	background: #7030a0;
	    color: #FFF;
    font-size: 120%;
	margin-top: 5px;
}


/*Footer*/

@media only screen and (min-width: 1080px){
#footer-widgets .et_pb_widget {
    float: right;
    max-width: 100%;
}
.triums-footer {
float: right; width:100%;
}

.triums-footer .baum {
float: left; width: 190px;
margin-right: 30px;

}
.triums-footer .baum img{
float: left; 
}

.triums-footer .text{
float: right; 
text-align: right;
}	

.triums-footer .foto{
float: right; 
margin-left: 30px;
width: 190px;
}	

}

@media only screen and (max-width: 1080px){
#footer-widgets .et_pb_widget {
    float: left;
    max-width: 100%;
}

.footer-widget:nth-child(n) {
	width: 100% !important;
}
.triums-footer {
float: left; width:100%;
}

.triums-footer .baum {
float: left; 
max-width: 100%;
height: 120px;
}
	
.triums-footer .baum img{
float: left; 
max-height: 100%;
	
}

.triums-footer .text{
float: left; 
width: 100%;
text-align: right;
}	

.triums-footer .foto{
float: right; 
margin-left: 2%;
max-width: 100%;
height: 120px;
}	

.triums-footer .foto img{
max-height: 100%;
width: auto;
}	

}

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


.triums-footer .baum {
float: left; 
max-width: 49%;
height: 120px;
}
	
.triums-footer .foto{
float: right; 
margin-left: 2%;
max-width: 49%;
height: 120px;
}	
}

#footer-widgets {
    padding: 4% 0 0;
}

#footer-info {
	font-size: 14px !important;
}


.triums-footer {
	font-size: 16px !important;

}