/*
 Theme Name:   Infratouch
 Theme URI:    http://www.elegantthemes.com
 Description:  Infratouch
 Author:       Sabrina Schulz
 Author URI:   https://infratouch.de
 Template:     Divi
 Version:      1.0
*/


:root {
	
	--magenta: #ba0087;
	--grey: #959096;
	--green: #8ABF49;

	
}

/* Fonts */
body {font-family: 'Montserrat'; font-size:16px; font-weight:400}
h1 {font-size: calc(50px + (60 - 50) * ((100vw - 300px) / (1600 - 300))); margin-bottom:20px}
h2 {font-size: calc(30px + (40 - 30) * ((100vw - 300px) / (1600 - 300)));}
h1, h2, h3, h4, h5, h6 {font-family: 'Taviraj'; font-weight:500; line-height:1.2em}

.signatur{font-family: 'Bettina Signature'}


/* ME Calender */
.mec-event-list-modern .mec-btn-wrapper .mec-booking-button {padding: 10px 5px;}

/* Kontaktformular */
@media only screen and ( min-width: 48em ) {.wps-form-row {-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;}.wps-form-column {padding: 0.5rem 1rem;}}
@media only screen and ( max-width: 48em ) {.wps-form-row {-webkit-box-orient: vertical!important;-webkit-box-direction: normal!important;-ms-flex-direction: column!important;flex-direction: column!important;} }
.wps-form {width: 100%;margin: 0 auto;}
.wps-form-row {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;width: 100%;}
.wps-form-row .wpcf7-form-control {width: 100%;}
.wps-form-column {-webkit-box-flex: 1;-ms-flex: 1;flex: 1;padding: 1rem 1rem 1rem 0;width: 100%;}
span.wpcf7-list-item { display: block;margin:0 }
.wpcf7-text, .wpcf7-textarea, wpcf7-list-item, .wpcf7-captchar {
background-color: #ebebeb !important;
border: none !important;
width: 100% !important;
border-radius: 0 !important;
font-size: 14px;
color: #090000 !important;
padding: 8px !important;
-webkit-box-sizing: border-box;
box-sizing: border-box;}
.wpcf7-submit {
border-color: var(--red) !important;
color: #fff !important;
margin: 8px auto 0;
cursor: pointer;
font-size: 16px;
font-weight: 500;
border-radius: 3px;
padding: 6px 60px;
line-height: 1.7em;
background: var(--red);
border: 1px solid;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;}
.wpcf7-submit:hover {background-color: rgba(246,163,22,0.7);border-color:var(--red);color: #000 !important;}
.wpcf7-form-control-wrap input[type="text"], .wpcf7-form-control-wrap textarea, .wpcf7-form-control-wrap select {
background-color: #ebebeb !important;
border: none !important;
color: #090000 !important;
padding: 8px !important;
border-radius: 0px !important;
-webkit-border-radius: 0px !important;
-moz-border-radius: 0px !important;
margin: 0px !important;}

.wpcf7-form-control-wrap select {background: #eee !important;}
span.kontakt.wpcf7-list-item {display: block;background: #eee !important;}


/* Floating Menü */
.menu-flottant {width:100%;max-width:400px;float: left;position:fixed;z-index:9999;top: 50%;font-size: 16px;line-height: 2px;color: #fff;font-weight:400;text-transform:uppercase;left: -350px;text-align:right}
.menu-flottant ul li:hover {-webkit-transform: translateX(300px);-ms-transform: translateX(300px); transform: translateX(300px);}
.menu-flottant img {width:25px; height:25px; margin-left:20px}
.menu-flottant ul {list-style: none; margin: 0; padding: 0;}
.menu-flottant ul li {display:block; background-color: var(--red);height: 2.5em;position: relative;-webkit-transition: -webkit-transform 0.5s;-webkit-transition: -webkit-transform .5s;transition: -webkit-transform .5s;-o-transition: transform .5s;transition: transform .5s;transition: transform .5s, -webkit-transform .5s;-webkit-box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.5);box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.5);margin: 10px 0;border-radius:8px}
.menu-flottant ul li a {width:100%; display:inline-flex;justify-content: flex-end;color: #fff;text-decoration: none;position: absolute;top:0;bottom:0;right: 1.0em;margin:0 auto;padding:.5em 0}
.menu-flottant ul li span {float: left; line-height: 1.5em; height:2em;padding-bottom: 1em;}  


/* Footer*/
#flex-footer {display:flex;justify-content: flex-end;}
#flex-footer .et_pb_module {margin:5px}