/*
Theme Name:     Neve Child
Template:				neve
Theme URI:      https://themeisle.com/themes/neve/
Author:         ThemeIsle
Author URI:     https://themeisle.com
Tested up to:   5.6
Requires PHP:   5.4.0
Description:    Neve is a super fast, easily customizable, multi-purpose theme. It’s perfect for blogs, small business, startups, agencies, firms, e-commerce shops (WooCommerce storefront) as well as personal portfolio sites and most types of projects. A fully AMP optimized and responsive theme, Neve will load in mere seconds and adapt perfectly on any viewing device. While it is lightweight and has a minimalist design, the theme is highly extendable, it has a highly SEO optimized code, resulting in top rankings in Google search results. Neve works perfectly with Gutenberg and the most popular page builders (Elementor, Brizy, Beaver Builder, Visual Composer, SiteOrigin, Divi). Neve is also WooCommerce ready, responsive, RTL & translation ready. Look no further. Neve is the perfect theme for you!
Version:        2.11.6
License:        GNU General Public License v2 or later
License URI:    http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:    neve
Pro Slug:  			neve-pro-addon
AMP: 						true
WordPress Available:  yes
Requires License:     no
Tags: blog, custom-logo, e-commerce, rtl-language-support, grid-layout, one-column, two-columns, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, flexible-header, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, accessibility-ready, wide-blocks, block-styles, footer-widgets, portfolio, left-sidebar, right-sidebar
*/


/* -------------------------------------------------------
Wordpress voreinstellungen ausblenden/überschreiben
------------------------------------------------------- */
.wp-block-cover, .wp-block-cover-image {
	padding: 0;
}
.alignwide, .alignfull {
	width: 100vw !important;
	max-width: 100vw !important;
	margin-left: calc(50% - 50vw) !important;
	padding: 0 15px !important;
}
/* -------------------------------------------------------
Fonts
------------------------------------------------------- */
body, p, a, h1, h2, h3, h4, h5, h6, li {
	font-family: acumin-pro, sans-serif !important;
}
p, a, h1, h3, h4, h5, h6, li {
	font-weight: 400;
}
h2 {
	font-weight: 300 !important;
    line-height: 1;
    letter-spacing: 0px;
    max-width: 700px !important;
    margin-left: auto !important;
    margin-right: auto !important;
	text-align: center;
}
.titelAnschluss {
	font-size: 42px;
	line-height: 1.2;
	font-weight: 300 !important;
}
.site-title {
	font-weight: 400 !important;
}
a:hover, a:focus, a:active {
	text-decoration: none !important;
	color: #42beab !important;
	transition: all .2s ease-in-out;
}
ul {
	list-style: square!important;
	padding: 0 0 0 20px !important;
}
/*ul:before { 
	content:"•"; font-size:10pt; 

}*/

/* -------------------------------------------------------
Buttons
------------------------------------------------------- */
.wp-block-button__link:hover{
	color: white !important;
}
.wp-block-button__link {
	text-transform: none !important;
}
/* -------------------------------------------------------
Abstände, Container, etc.
------------------------------------------------------- */
.wp-block-cover__inner-container {
	margin: 20px auto !important;
}
footer .container {
	padding: 40px 0;
}
/* -------------------------------------------------------
Menü
------------------------------------------------------- */
.site-logo h1, .site-logo p {
	font-size: 20px !important;
}
.header--row-inner.header-main-inner .row.row--wrapper{
	padding: 0 15px !important;
}
/*.header--row-inner.header-main-inner .builder-item {
	margin: 0;
}*/
.builder-item--nav-icon .navbar-toggle, .header-menu-sidebar .close-sidebar-panel .navbar-toggle {
	border-radius: 50% !important;
	width: 42px;
	height: 42px;
}
.builder-item--custom_html .nv-html-content {
	line-height: 0 !important;
}
.builder-item.hfg-item-last {
	z-index: 1000000;
}
.builder-item.tablet-left.mobile-left {
	padding: 0 !important;
}
.close-sidebar-panel.navbar-toggle-wrapper {
	display: none !important;
}
.navbar-toggle {
	display: flex;
	justify-content: center;
}
.headerKontakt {
	display: flex;
	justify-content: flex-end;
}
.mailContainer, .telContainer, .backContainer {
	width: 42px;
	height: 42px;
	border: 2px solid #42BEAB;
	background-color: white;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.mailContainer:hover, .telContainer:hover, .mailContainer:focus, .telContainer:focus, .mailContainer:active, .telContainer:active, .backContainer:hover, .backContainer:focus, .backContainer:active {
	background-color: #42BEAB;
}
.mailContainer img {
	width: 70px !important;
}
.mailContainer {
	background-image: url('https://electrin.ch/neu/wp-content/uploads/2021/07/electrin_icons_header_Mail.svg');
	background-repeat: no-repeat;
	background-position: center center;
}
.mailContainer:hover, .mailContainer:focus, .mailContainer:active {
	background-image: url('https://electrin.ch/neu/wp-content/uploads/2021/07/electrin_icons_header_Mail_Hover.svg');
	background-repeat: no-repeat;
	background-position: center center;
	transition: all .15s ease-in-out;
}
.telContainer {
	background-image: url('https://electrin.ch/neu/wp-content/uploads/2021/07/electrin_icons_header_Telefon.svg');
	background-repeat: no-repeat;
	background-position: center center;
}
.telContainer:hover, .telContainer:focus, .telContainer:active {
	background-image: url('https://electrin.ch/neu/wp-content/uploads/2021/07/electrin_icons_header_Telefon_Hover.svg');
	background-repeat: no-repeat;
	background-position: center center;
	transition: all .15s ease-in-out;
}

.backContainer {
	margin-top: 30px;
	margin-bottom: 30px;

}

.backContainer img {
	background-siz: 50px !important;
}
.backContainer {
	background-image: url('https://electrin.ch/neu/wp-content/uploads/2021/06/electrin_icons_header_Schliessen.svg');
	background-repeat: no-repeat;
	background-position: center center;
}
.backContainer:hover, .backContainer:focus, .backContainer:active {
	background-image: url('https://electrin.ch/neu/wp-content/uploads/2021/06/electrin_icons_header_Schliessen-Hover.svg');
	background-repeat: no-repeat;
	background-position: center center;
	transition: all .15s ease-in-out;
}


.headerKontakt a:last-child {
	margin: 0 0 0 8px;
}
.builder-item {
	margin-top: 10px !important;
	margin-bottom: 10px !important;
}
/* Logo */
.title-with-logo img {
	position: absolute;
	z-index: 10;
}
.nv-title-tagline-wrap {
	margin: 0 0 0 70px;
}
/* Menu Icon */
.builder-item.hfg-item-first.col-6.tablet-left.mobile-left {
	flex: 0 0 51%;
	max-width: 51%;
}
.builder-item.hfg-item-last.col-2.mobile-right.tablet-right {
	padding-left: 0;
	padding-right: 0;
	flex: 0 0 15%;
	max-width: 15%;
}
.builder-item--nav-icon .navbar-toggle:hover, .builder-item--nav-icon .navbar-toggle:focus, .builder-item--nav-icon .navbar-toggle:active {
	background-color: #42beab;
}
.builder-item--nav-icon .navbar-toggle:hover .icon-bar, .builder-item--nav-icon .navbar-toggle:focus .icon-bar, .builder-item--nav-icon .navbar-toggle:active .icon-bar {
	background-color: white !important;
}
/* Submenu */
#header-menu-sidebar-inner {
	display: flex;
	align-items: center;
}
#nv-primary-navigation-sidebar {
	padding: 0 !important;
}
/* -------------------------------------------------------
Header
------------------------------------------------------- */
#mysticky-nav.wrapfixed .myfixed .hfg_header .header-main-inner {
	background-color: white !important;
	box-shadow: 0 0 35px rgba(0,0,0,.4);
}
#mysticky-nav.wrapfixed .myfixed .hfg_header .site-title {
	color: #615d59;
}
/* -------------------------------------------------------
Footer
------------------------------------------------------- */
.footerSteckdose img {
	width: 60px;
}
.footerSteckdose, .footerAdresse, .footerBank, .footerImpressum {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.footerAdresse, .footerBank {
	margin: 20px 0 0 0;
}
.footerImpressum {
	margin: 40px 0 0 0;
}
.footerAdresse a, .footerAdresse p, .footerAdresse span, 
.footerBank a, .footerBank p, .footerBank span {
	font-size: 18px;
}
.footerImpressum {
	font-size: 16px;
}
#cookie-notice .cn-button {
	padding: 3px 8px;
}
/* -------------------------------------------------------
Scroll Down Pfeil
------------------------------------------------------- */
.scrollDownLink {
	width: 100%;
}
.scrollDownContainer {
	margin: 40px 0 0 0;
	display: flex;
	justify-content: center;
}
.scrollDownBtn {
	display: flex;
	flex-direction: column;
	align-items: center;
}
#scrollDown {
	animation: arrowAnim 1.2s ease-in infinite forwards;
	position: relative;
	width: 40px;
}
@keyframes arrowAnim {
	0% {
		top: 20px;
	}
	50% {
		top: 0px;
	}
	100% {
		top: 20px;
	}
}
/* -------------------------------------------------------
Über uns
------------------------------------------------------- */
.erfahrungenInstallationen {
	border-top: 2px solid white;
	padding: 40px 0 0 0;
}
.werdegang {
	border-top: 2px solid white;
	border-bottom: 2px solid white;
	padding: 40px 0;	
}
/* -------------------------------------------------------
Map
------------------------------------------------------- */
.map.alignfull {
	width: 100vw;
	padding: 0 !important;
}
.map .wp-block-cover__inner-container {
	margin: 0 !important;
}
.map {
	line-height: 0 !important;
}
@media only screen and (max-width: 600px) {
	.map {
		min-height: auto;
	}
}
/* -------------------------------------------------------
Slider
------------------------------------------------------- */
.n2-ss-widget.nextend-arrow.n2-ow-all.nextend-arrow-previous.nextend-arrow-animated-fade,
.n2-ss-widget.nextend-arrow.n2-ow-all.nextend-arrow-next.nextend-arrow-animated-fade {
	border: 2px solid white;
	border-radius: 50%;
	padding: 10px;
}
/* -------------------------------------------------------
Formular
------------------------------------------------------- */
form p {
	margin-bottom: 0 !important;
}
form label {
	margin-bottom: 0 !important;
}
form label,
input[type="color"], input[type="date"], input[type="datetime-local"], input[type="datetime"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], textarea {
	width: 100%;
}
input[type="submit"] {
	background-color: #42beab !important;
	color: white !important;
	border: 2px solid #42beab !important;
	text-transform: none !important;
	padding: 5px 16px 7px 16px !important;
}
input[type="submit"]:hover, input[type="submit"]:focus, input[type="submit"]:active {
	background-color: white !important;
	color: #42beab !important;
	border: 2px solid #42beab !important;
}
::placeholder {
	opacity: 1 !important;
}
.telefon p {
	font-size: 30px;
}
.telefon img {
	width: 50px;
	position: relative;
	top: 15px;
}
/* -------------------------------------------------------
Dienstleistungen
------------------------------------------------------- */
.dienstleistung {
	padding: 0 !important;
}
#dienstleistungen img {
	margin-bottom: 1em;
}

/*********************************************************
NUR MOBILE
*********************************************************/
@media only screen and (max-width: 767px) {
	/* -------------------------------------------------------
	Menü
	------------------------------------------------------- */
	.mailContainer, .telContainer, .backContainer {
		border: 1px solid #42BEAB !important;
	}	
	
	.backContainer {
		background-size: 70%;
		margin-top: 0px;
		margin-bottom: 0px;
	}
	
	.page-id-652 #mysticky-wrap{
		height: 0px !important;
	}
}

/*********************************************************
MAX 768px
*********************************************************/
@media only screen and (max-width: 768px) {
	/* -------------------------------------------------------
	Menü
	------------------------------------------------------- */
	#dienstleistungen .grids-area {
		margin: 10px 0;
	}	
}

/*********************************************************
NUR MOBILE & TABLET HOCH
*********************************************************/
@media only screen and (max-width: 1023px) {
	.wp-block-columns.is-layout-flex {
		gap: 0;
	}
}
/*********************************************************
NUR TABLET HOCH
*********************************************************/
@media only screen and (min-width: 600px) and (max-width: 1023px) {
	/* -------------------------------------------------------
	Über uns
	------------------------------------------------------- */		
	.erfahrungen .wp-block-column,
	.werdegang .wp-block-column {
		flex-basis: 100% !important;
	}
	.wp-block-column:nth-child(2n) {
		margin-left: 0;
	}
}

/*********************************************************
AB TABLET HOCH
*********************************************************/
@media only screen and (min-width: 768px) {
	/* -------------------------------------------------------
	Fonts
	------------------------------------------------------- */
	.titelAnschluss {
		font-size: 72px;
		line-height: 1.2;
	}
	/* -------------------------------------------------------
	Abstände, Container, etc.
	------------------------------------------------------- */	
	.wp-block-cover__inner-container {
		margin: 60px auto !important;
	}
	.alignwide, .alignfull {
		padding: 0 20px !important;
	}
	.na-prefix [class*="col-"] {
		padding-bottom: 5px;
	}
	/* -------------------------------------------------------
	Menü
	------------------------------------------------------- */
	.site-logo h1, .site-logo p {
		font-size: 32px !important;
	}
	.builder-item--nav-icon .navbar-toggle, .header-menu-sidebar .close-sidebar-panel .navbar-toggle {
		width: 70px;
		height: 70px;
	}
	.mailContainer, .telContainer {
		width: 70px;
		height: 70px;
	}	
	.mailContainer {
		background-size: 50px;
	}
	.telContainer {
		background-size: 50px;
	}
	.builder-item.hfg-item-last.col-2.mobile-right.tablet-right {
		flex: 0 0 11%;
		max-width: 11%;
	}
	.builder-item.hfg-item-first.col-6.tablet-left.mobile-left {
		flex: 0 0 55%;
		max-width: 55%;
	}
	.builder-item {
		margin-top: 20px !important;
		margin-bottom: 20px !important;
	}
	.nv-title-tagline-wrap {
		margin: 0 0 0 130px;
	}
	.headerKontakt a:last-child {
		margin: 0 0 0 10px;
	}
	/* -------------------------------------------------------
	Formular
	------------------------------------------------------- */
	.telefon p {
		font-size: 42px;
	}
	.telefon img {
		width: 100px;
		top: 40px;
	}
}

/*********************************************************
AB TABLET QUER
*********************************************************/
@media only screen and (min-width: 1024px) {
	/* -------------------------------------------------------
	Abstände, Container, etc.
	------------------------------------------------------- */
	.alignwide, .alignfull {
		padding: 0 40px !important;
	}
	/* -------------------------------------------------------
	Menü
	------------------------------------------------------- */
	.header--row-inner.header-main-inner .row.row--wrapper{
		padding: 0 2rem !important;
	}
	.builder-item.col-5.desktop-right {
		padding-right: 0;
	}
	.builder-item {
		margin-top: 30px !important;
		margin-bottom: 30px !important;
	}
	.nv-title-tagline-wrap {
		margin: 0 0 0 170px;
	}
	.headerKontakt a:last-child {
		margin: 0 0 0 13px;
	}
	/* -------------------------------------------------------
	Footer
	------------------------------------------------------- */
	.footerSteckdose, .footerAdresse, .footerBank, .footerImpressum {
		flex-direction: row;
		justify-content: center;
	}
	.footerSteckdose span, .footerAdresse span, .footerBank span, .footerImpressum a {
		margin: 0 20px 0 0;
	}
	.footerAdresse {
		margin: 20px 0 0 0;
	}
	.footerBank {
		margin: 10px 0 0 0;
	}
	.footerImpressum {
		margin: 30px 0 0 0;
	}
	.footerAdresse a, .footerAdresse p, .footerAdresse span, 
	.footerBank a, .footerBank p, .footerBank span {
		font-size: 20px;
	}
	.footerImpressum {
		font-size: 17px;
	}
}

/*********************************************************
NACH TABLET QUER
*********************************************************/
@media only screen and (min-width: 1025px) {
	/* -------------------------------------------------------
	Map
	------------------------------------------------------- */
	.map iframe {
		height: 430px;
	}
}

/*********************************************************
IPAD PRO/LAPTOP KLEIN
*********************************************************/
@media only screen and (min-width: 1200px) {
	/* -------------------------------------------------------
	Abstände, Container, etc.
	------------------------------------------------------- */
	.alignwide, .alignfull {
		padding: 0 10em !important;
	}
	/* -------------------------------------------------------
	Fonts
	------------------------------------------------------- */
	.titelAnschluss {
		font-size: 96px;
		line-height: 1.2;
	}
	/* -------------------------------------------------------
	Abstände, Container, etc.
	------------------------------------------------------- */	
	.wp-block-cover__inner-container {
		margin: 160px auto !important;
	}
	/* -------------------------------------------------------
	Menü
	------------------------------------------------------- */
	.site-logo h1, .site-logo p {
		font-size: 42px !important;
	}	
	.builder-item {
		margin-top: 35px !important;
		margin-bottom: 35px !important;
	}
	.nv-title-tagline-wrap {
		margin: 0 0 0 200px;
	}
	.headerKontakt a:last-child {
		margin: 0 0 0 14px;
	}
	/* -------------------------------------------------------
	Footer
	------------------------------------------------------- */
	.footerSteckdose span, .footerAdresse span, .footerBank span, .footerImpressum a {
		margin: 0 25px 0 0;
	}
	.footerAdresse a, .footerAdresse p, .footerAdresse span, 
	.footerBank a, .footerBank p, .footerBank span {
		font-size: 24px;
	}
	.footerImpressum {
		font-size: 18px;
	}
}

/*********************************************************
IPAD PRO/LAPTOP
*********************************************************/
@media only screen and (min-width: 1600px) {
	/* -------------------------------------------------------
	Map
	------------------------------------------------------- */
	.map iframe {
		height: 650px;
	}
}

/*********************************************************
DESKTOP GROSS
*********************************************************/
@media only screen and (min-width: 2400px) {
	/* -------------------------------------------------------
	Abstände, Container, etc.
	------------------------------------------------------- */
	.alignwide, .alignfull {
		padding: 0 30em !important;
	}
	/* -------------------------------------------------------
	Map
	------------------------------------------------------- */
	.map iframe {
		height: 750px;
	}	
	/* -------------------------------------------------------
	Formular
	------------------------------------------------------- */
	.telefon p {
		font-size: 48px;
	}
	.telefon img {
		width: 120px;
		top: 45px;
	}
}

.builder-item.col-5.desktop-right, 
.builder-item.hfg-item-last.col-1.desktop-left, 
.builder-item.col-4.tablet-left.mobile-left, 
.builder-item.hfg-item-last.col-2.mobile-right.tablet-right
 {
    display: none;
}

@media (min-width: 992px) {
	br.showTB {
		display: none;
	}
}

@media (max-width: 991px) {
	.footerBank {
		text-align: center;
	}
}



/*Grid mit Hover Effects Referenzen*/
.na-prefix [class*='col-'] {
	padding-right: 32px !important;
}

@media only screen and (min-width: 768px) {
    .na-prefix [class*="col-"] {
        padding-bottom: 28px !important;
    }
}



.builder-item.cr {
    display: none;
}

/* Used to be in Customizer, copied over and checked visually if everything correct on 23.6.2026*/
/* --- Desktop --- */


/* Hover */


.ih-item img {
    width: 100%;
    height: 100%;
}

.ih-item.square {
    position: relative;
    width: 100%;
    height: 100%;
    border: 0px !important;
    box-shadow: none !important;
}

.ih-item.square.effect13 .info h3 {
    color: #fff;
    text-align: center;
    font-size: 32px !important;
		font-weight: 400 !important;
    padding: 10px;
    background: none !important;
		text-transform: none !important;
			line-height: 1.3;

}

.ih-item.square.effect13 .info p {
    color: #fff;
    text-align: center;
    font-size: 18px !important;
		font-weight: 400 !important;
    padding: 0px !important;
    background: none !important;
		text-transform: none !important;
		color: white !important;
		font-style: normal !important;
			line-height: 1.3;

}

/* Captcha */
.grecaptcha-badge {
 z-index: -1;
}


/* Allgemein */
.site-logo a {
	z-index: 10;
	opacity: 1.0;
}

.site-logo a:hover {
	z-index: 10;
	opacity: 1.0;
}

.backContainer {
	float: right;
}

/* Referenzen */

 .eihe-box {
		 text-align: center !important;
		line-height: 1.4;
	 }
	 
	 .eihe-caption p {
		 		 text-align: center !important;
	 } 
	 


html {
  scroll-behavior: smooth;
}

.grids-area:hover {
	background-color: #eeeeee!important;
}

.telefon {
	text-align: center;
	color: #42beab;
}

.telefon:hover img {
	transform: rotate(-20deg);
	transition: 0.5s;
	
}

.cookiesbutton {
	background-color:#615d59 !important;
	border-radius: 25px !important;
}

ul li {
	list-style-type: disc;
}

.anschluss {
	min-height: 100vh;
}

.titelAnschluss {
    line-height: 1.2;
    margin-top: -100px;
}


/* Logo */
.site-logo .skip-lazy img:hover {
	opacity: 1.0 !important;
}


/* Menü */
.header-menu-sidebar-inner .nav-menu-primary li a {
    width: 100%;
    position: relative;
    font-weight: 300;
}

.icon-bar {
    transition: all .1s ease;
    position: relative;
    display: block;
    border-radius: 2px;
    width: 24px;
    height: 2px;
}

.navbar-toggle:hover {
	border: 2px solid #42beab !important;
}


/* Formular */
#wpcf7-f4-p21-o1 {
	width: 60%;
	margin-left: auto;
	margin-right: auto
}

input:focus {
		background-color: #eaeaea!important;

}

textarea:focus {
		background-color: #eaeaea!important;

}

.btn:hover, .button.button-primary:hover, button:hover, input:hover[type="button"], input:hover[type="submit"] {
    text-decoration: none;
    background-color: #0366d6;
    color: #fff;
    opacity: .9;
    border: 2px solid white !important;
}

.wpcf7 form.sent .wpcf7-response-output {
    border-color: #42beab;
}


	



/* --- Tablet Landscape --- */

@media only screen and (max-width: 1024px) and (min-width: 769px) {


/* Menü */

.builder-item--primary-menu {
    font-size: 62px !important;
    line-height: 1.6em;
    letter-spacing: 0px;
}
	
	/* Map */
	 .map iframe {
		height: 300px;
	}
	 
 .map {
		 height: 300px !important;
		 margin-bottom: -65px !important;
		 margin-top: -65px !important;
		 z-index: 0;
	 	background-color: transparent !important;
	 }

	 .wp-block-cover .map {
		 margin-bottom: 0px;
	 }
	

	

}

/* --- Tablet Portrait --- */

@media only screen and (max-width: 768px) and (min-width: 601px) {
	
	

	

/* Map */
	 .map iframe {
		height: 300px;
	}
	 
 .map {
		 height: 300px !important;
		 margin-bottom: -65px !important;
		 margin-top: -65px !important;
		 z-index: 0;
	 	background-color: transparent !important;
	 }

	 .wp-block-cover .map {
		 margin-bottom: 0px;
	 }
	

/* Map */
	 .map iframe {
		height: 300px;
	}
	 
 .map {
		 height: 300px !important;
		 margin-bottom: -65px !important;
		 margin-top: -65px !important;
		 z-index: 0;
	 	background-color: transparent !important;
	 }

	 .wp-block-cover .map {
		 margin-bottom: 0px;
	 }
	
	
	
	.telefon p {
		text-align: center;
	}	
	
}

/* --- Mobile --- */

 @media only screen and (max-width: 600px) {
	 
/* Allgemein */
	 
	  h2 {
		 width: 100%;
	 }
	 
	body {
		 hyphens: auto !important;
	 }
	 
	 .wp-block-cover__inner-container {
    margin: 100px auto !important;
}
	 

	
	.telefon p {
		text-align: center;
	}		 
	 
	 
	 
	 
/* Menü */	 
	 .mailContainer, .telContainer, .backContainer {
	border: 2px solid #42BEAB !important;
}
	 
	 .builder-item--nav-icon .navbar-toggle, .header-menu-sidebar .close-sidebar-panel .navbar-toggle {
		 border: 1.5px solid #42BEAB !important;
	 }

/* Formular */	
#wpcf7-f4-p21-o1 {
	width: 100%;
	margin-left: auto;
	margin-right: auto
}
	 

	
/* Referenzen */
	 .eihe-box {
		 margin-bottom: 20px !important;
		 text-align: center !important;
		line-height: 1.4;
	 }
	 
	 .eihe-caption p {
		 		 text-align: center !important;
	 } 
	 
	 .eihe-box h3 {
		 font-size: 24px !important;
	 }
	 
	 .backContainer {
	float: right;
}
	 
	 /* Hover */


.ih-item img {
    width: 100%;
    height: 100%;
}

.ih-item.square {
    position: relative;
    width: 100%;
    height: 100%;
    border: 0px !important;
    box-shadow: none !important;
}

.ih-item.square.effect13 .info h3 {
    color: #fff;
    text-align: center;
    font-size: 18px !important;
		font-weight: 400 !important;
    padding: 10px;
    background: none !important;
		text-transform: none !important;
		line-height: 1.3;

}

.ih-item.square.effect13 .info p {
    color: #fff;
    text-align: center;
    font-size: 14px !important;
	line-height: 1.2;
		font-weight: 400 !important;
    padding: 0px !important;
    background: none !important;
		text-transform: none !important;
		color: white !important;
		font-style: normal !important;
}	
	 
}

/* --- Fusszeile --- */


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

	 
.footerMobile {
		text-align: center !important;
		width: 100%;
	 }
	 
	 .footerDesktop {
		 display: none !important;
	 }
	 
	 .footerBank {
		 width: 100% !important;
	 }	 
	
}

@media only screen and (min-width:1024px) {

	
	.footerMobile {
		 display: none !important;
	 }
	 
	 .footerDesktop {
	 }
	 
	 .footerBank {
		 width: 100% !important;
	 }	 
	
	
	
	
}	


/*** Jobs ***/



.jobsButton {
	color: white;
	background-color: var(--nv-primary-accent) !important;
	width: 160px;
	height: 160px;
	text-align: center !important;
	font-size: 1.4em;
	padding-top: 25px;
	border-radius: 50%;
	position: fixed;
	float: right;
	right: 50px;
		transform: rotate(-15deg);

}

.jobsButton:hover {
	transform: rotate(-0deg);
	transition: 0.5s;
	opacity: 0.9;

}

.jobsButton a {
	color: white;
}

.jobsButton a:hover {
	color: white !important;
}
	
 @media only screen and (max-width: 600px) {

	 .jobsButton {
	color: white;
	background-color: var(--nv-primary-accent) !important;
	width: 100px;
	height: 100px;
	text-align: center !important;
	font-size: 18px;
	padding-top:15px;
		 margin-top: 20px;
	border-radius: 50%;
	position: fixed;
	float: right;
	right: 20px;
		transform: rotate(-15deg);
}

	 .jobsTitle {
		 font-size: 28px !important;
	 }
	 
}

/* robin mitarbieter */

.mitarbeiter {
    height: 850px !important;
    background-size: cover !important;
    overflow: hidden !important;
		background-position: center 27% !important;
}
.mitarbeiters .grids-s-w_i {
			gap: 20px;
}

@media screen and (min-width: 767px) {
	.mitarbeiters .grids-s-w_i {
			grid-template-columns: 1fr 1fr;
			gap: 40px;
			margin-top: 350px
	}

		.mitarbeiter:nth-child(even) {
			margin-top: -350px
	}
}
	
.mitarbeiter .bg {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #E6E6E6;
    top: 100%;
    transition: top .3s;
    padding-top: 95px !important;
}
.mitarbeiter:hover .bg {
    top: 0%;
}

.mitarbeiter h4 {
    text-align: center;
		margin-bottom: 5px;
}

.mitarbeiter p {
    text-align: center;
    color: var(--nv-secondary-accent) !important;
	margin-bottom: 12px;
}

.mitarbeiter img {
    width: 300px !important;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    border-radius: 100%;
    border: 8px solid var(--nv-primary-accent) !important;
    margin-bottom: 40px;
}

/*************/
.mitarbeiterpopup {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100vw;
    height: 100vh;
    z-index: 99999;
    background: white;
    display: flex;
    justify-self: center;
    flex-direction: column;
}

img.profilepic {
    width: 320px !important;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    border-radius: 100%;
    border: 8px solid var(--nv-primary-accent) !important;
    margin-bottom: 40px;
    align-self: center;
}

.mitarbeiterpopup h4 {
    text-align: center;
}

.mitarbeiterpopup p {
    text-align: center;
    max-width: 848px !important;
    align-self: center;
}

.mitarbeiterpopup p.inhalt {
    max-width: 848px !important;
}


img.arbeitpic {
    width: 848px;
    align-self: center;
    margin-top: 40px;
}

.mitarbeiterpopup {
    padding: 120px 60px;
    overflow-x: hidden;
    overflow-y: scroll;
}
span.close {
    width: 71px;
    height: 71px;
    display: block;
    position: absolute;
    right: 40px;
    top: 40px;
}
.hidden {
	display: none;
}

.close {
    padding: 10px 15px 10px 15px;
    background: white;
    border: 2px solid #42beab;
    width: 70px;
    height: 70px;
    position: absolute;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
	position: absolute;
	right: 47px;
	top: 39px;
}
.close .bars {
    
}

.close .icon-bar:nth-child(1) {
    transform: rotate(45deg);
    top: 5px;
    background: #42beab;
}
.close .icon-bar:nth-child(2) {
    transform: rotate(-45deg);
    background: #42beab;
}
.hidden .close .icon-bar:nth-child(1) {
    transform: rotate(0deg);
}
.hidden .close .icon-bar:nth-child(2) {
    transform: rotate(0deg);
}

.noscroll {
    overflow-y: hidden !important;
}

@media screen and (max-width: 767px) {
	.mitarbeiter {
			height: 450px !important;
	}
	
	.mitarbeiter img {
			width: 150px !important;
	}
	
	.close {
    right: calc(50% - 35px);
    top: 30px;
	}
	
	.page-id-699 button.backContainer {
		right: 15px;
		top: 15px;
		width: 42px;
    height: 42px;
    background-size: 90%;
	}
	
	.page-id-652 button.backContainer {
		right: calc(50% - 35px);
	}
}

.mitarbeiterpopup h4 {
    color: var(--nv-primary-accent) !important;
}

.mitarbeiterpopup .erfahrungenInstallationen {
    border-top: 2px solid var(--nv-primary-accent);
}

.mitarbeiterpopup .werdegang {
    border-top: 2px solid var(--nv-primary-accent);
    border-bottom: 2px solid var(--nv-primary-accent);
}
.mitarbeiterpopup .title {
    text-align: left;
}

.mitarbeiterpopup p {
    text-align: left;
}

.erfahrungen, .werdegang {
    padding-left: 0px;
    padding-right: 0px;
}

.mitarbeiterpopup p:nth-of-type(2) {
    margin-bottom: 40px;
}

button.backContainer {
    width: 70px;
    height: 70px;
    cursor: pointer;
    position: absolute;
    right: 100px;
    top: 39px;
}

.page-id-652 .nv-single-page-wrap {
    position: unset;
	margin-top: 100px;
}

button.backContainer:nth-of-type(2) {
    display: none;
}

.site-header button.navbar-toggle {
    position: relative;
    z-index: 1000001;
}