/*
Theme Name: Elbnetz
Template: Impreza
Version: 1.0
Author:	Elbnetz GmbH
Theme URI: https://elbnetz.com/
Author URI: https://elbnetz.com/
*/

/*Add your own styles here:*/

.ao_hDesktop {
	@media only screen and (min-width: 769px) {
	    display: none;
	  }
}

.ao_hMobile {
	@media only screen and (max-width: 769px) {
	    display: none;
	  }
}

.en_icon {
	border:3px solid var(--color-content-faded);
	width:100px;
	height:100px;
	line-height:90px;
	color:var(--color-content-heading);
	border-radius:50%;
	margin:auto!important;
}

.mfp-bottom-bar {
	display:none;
}


/* ---
 * Schriften 
 * --- */
.wpb_text_column p strong {
	color: var(--color-content-heading);
}

/* Uppercase */
span.en_uppercase {
	text-transform: uppercase;
}
/* Überschriften berechnen auf verschieden Viewports 
 * Werte ändern für min + max px! und ggf. Breakpoints (je nach Theme oder Einstellungen) */
/* --- H1 --- */
body h1 {
font-size: 26px!important;
}
@media screen and (min-width: 480px) {
body h1 {
 font-size: calc(26px + (48 - 26) * ((100vw - 480px) / (1310 - 480)))!important;
	}
}
@media screen and (min-width: 1310px) {
body h1 {
 font-size: 48px!important;
	}
}
/* --- H2 --- */
body h2 {
font-size: 24px!important;
}
@media screen and (min-width: 480px) {
body h2 {
 font-size: calc(24px + (44 - 24) * ((100vw - 480px) / (1310 - 480)))!important;
	}
}
@media screen and (min-width: 1310px) {
body h2 {
 font-size: 44px!important;
	}
}
/* --- H3 --- */

body h3 {
font-size: 22px!important;
}
@media screen and (min-width: 480px) {
body h3 {
 font-size: calc(22px + (40 - 22) * ((100vw - 480px) / (1310 - 480)))!important;
	}
}
@media screen and (min-width: 1310px) {
body h3 {
 font-size: 40px!important;
	}
}


/* --- en_startheading --- */

.en_startheading {
font-size: 18px!important;
}
@media screen and (min-width: 480px) {
.en_startheading {
 font-size: calc(18px + (28 - 18) * ((100vw - 480px) / (1310 - 480)))!important;
	}
}
@media screen and (min-width: 1310px) {
.en_startheading {
 font-size: 28px!important;
	}
}

.en_startheading strong{
	font-weight:300;
	font-size:2.8em;
}

/* ---
 * Buttons 
 * --- */

.toggle-links button{
	font-family: var(--font-h1);
	  font-size: 20px!important;
    line-height: 1.20!important;
    font-weight: 500!important;
    font-style: normal!important;
    text-transform: uppercase!important;
    letter-spacing: 0.05em!important;
    border-radius: 10px!important;
    padding: 0.7em 2em!important;
    border-color: var(--color-content-heading)!important;
    color: var(--color-alt-content-text)!important;
	border-bottom:none!important;
	position:relative;
   background: transparent!important;
}

.toggle-links button::before{
    border-width: 3px!important;
	content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: inherit;
    border-style: solid;
    border-color: inherit;
    border-image: inherit;
}

.toggle-links button:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 0;
    transition: height 0.3s;
    background: linear
}

.toggle-links button:hover:after {
    height: 100%;
}

.toggle-links button:hover{
	color:#fff!important;
	border-color: var(--color-content-secondary)!important;
}

/* ---
* Theme-Korrektur 
* — */
/* blaue Umradung weg */
.toggler:focus { /* "toggler" ersetzen */
    outline: -webkit-focus-ring-color auto 0 !important;
}

body {
    -webkit-tap-highlight-color: transparent!important;
}

/* Mobiles horizontales Seitenscrolling verhinden */
.l-canvas {
	overflow: hidden;
}

/* ---
 * Header 
 * --- */
//header .en_kontakt{
	transition:0.3s all ease-in-out;
}

body.home header .en_kontakt{
	top:33px!important;
	right:10px!important;
	transition:0.3s all ease-in-out;
}

body.home  header.sticky .en_kontakt{
	top:8px!important;
	margin-left:60px!important;
	position:relative!important;
	top:unset!important;
}
body.home  header:not(.sticky) .w-nav {
	margin-right: 170px;
}
body:not(.home) header .en_kontakt{
	position: relative!important;
	top: unset!important;
	right: unset!important;
}

/* --- Logo --- */
.en_logoschichten {
	width:100%;
	height: 200px;
}
.en_logoschichten #en_pflanze,
.en_logoschichten #en_bau,
.en_logoschichten #en_planung,
.en_logoschichten #en_kontakt{
	transition:0.3s all ease-in-out;
}

.en_start .en_logo {
	max-width:250px;
	margin:auto;
} 

@media only screen and (max-width:1240px){
.en_start .en_logo {
	max-width:150px;
} 
}

.en_start .en_bild{
	overflow:hidden;
}

/* --- Menü 1. Ebene --- */
/* --- Submenu --- */
/* --- Burger-Menu --- */
body:not(.state_mobiles) nav .en_hide_desktop  {
/*   display: none; */
}

/* --- Mehrsprachigkeit --- */

/* ---
 * Footer
 * --- */
body:not(.state_default) .l-canvas {
	margin-bottom: 0!important;
}
body:not(.state_default) #page-footer {
	position: inherit!important;
}


/* --- 
 * Kontaktformular
 * --- */

.wpcf7-form-control-wrap .wpcf7-not-valid{
	box-shadow:0px 0px 0px 2px var(--color-content-primary) inset!important;
}

.wpcf7-form-control-wrap .wpcf7-not-valid-tip{
	display:none;
}

.wpcf7-response-output{
	font-size:0.75em;
	line-height:1.5em;
}

.wpcf7-form br{
	display:none;
}

.wpcf7-form [type="submit"]{
	margin-top:10px;
}
.w-nav .menu-item.d-none {
	display:none;
}
@media (max-width: 1024px) {
    .l-subheader.at_middle {
        line-height: 70px!important;
    }
}
@media (max-width: 900px) {
body.home header:not(.sticky) .w-nav {
    margin-right: 170px!important;
}
}


/* --------------staging changes---------------- */

.w-grid-item.format-video .w-post-elm {
	max-width: 100%;
}
.layout_560 .w-grid-item-h {
	background: #f0f3e9!important;
}
.layout_560 .usg_post_title_1, .layout_560  .usg_post_content_1 p {
	color: #111111;
}
footer .wpb_text_column p strong {
	color:#111111;
}
#kontakt.w-btn.icon_atleft {
 	white-space:pre;
}
#kontakt.w-btn.icon_atleft i {
	display:none;
}
@media (max-width: 900px) {
#kontakt.w-btn.icon_atleft i {
	display:inline-block;
	margin-right:0;
}
#kontakt.w-btn.icon_atleft span {
	display:none;
}
}