/* ============ Root-Einstellungen für Farben für bg_color und c_primary...============ */
/* externes CSS einfügen fuer individuelles XXXX-child.css */
@import "variablen.css";
@import "ebner-extra.css";
@import "ebner-fonts.css";
/*@import "ebner-neve-child.css";*/
@import "vfnm_hersteller_left-right.css";
@import "vfnm_hersteller-cards.css";
/*
h1 {
	color: blue;
}
*/

/*  WO KOMMT DAS HER ???
.builder-item--primary-menu .nav-menu-primary > .nav-ul li:not(.woocommerce-mini-cart-item):hover > a, .builder-item--primary-menu .nav-menu-primary > .nav-ul li:hover > .has-caret > a {				   
	color: black !important;
}

.current-menu-item > a::after, .current-menu-ancestor > a::after {
   width: 100% !important; 
}

.has-nv-dark-bg-background-color .everest-forms label {
	color: var(--nv-light-bg) !important;
}

.has-nv-dark-bg-background-color .everest-forms button {
	background-color: var(--nv-secondary-accent) !important;
	color: var(--nv-primary-accent) !important;
	border-radius: 1px 1px 1px 1px !important;
	border: none !important;
	font-weight: 700;
	text-transform: uppercase;
}
.has-nv-dark-bg-background-color .everest-forms .input-text {			
	padding: .375rem .75rem !important;					  
}
.widget_media_image img {
	width: 100% !important;
	align-items: top;
					  
}
.widget {
    margin-bottom: 10px;
}
*/


/* INDIVIDUELLER FOOTER ganz unten */
#cb-row--footer-main {
	padding-top: 5px;	
}
.wp-block-elektrotreff-googlemaps iframe {
	height:350px !important; 
}
hfg_footer{
	height:10px;
}

#cb-row--footer-bottom .nv-footer-content p {
	display: none;
}

#cb-row--footer-bottom .nv-footer-content .item--inner::after { 
	content: "Verlag für Neue Medien GmbH www.vfnm.de - Realisiert mit WordPress - Vorlage: Neve"; 
    align-content: center;	
}


/* ---------------------------------------------------HEADER    */

.header {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}
.site-header{
    /*height: 80px;*/
	/*background-color:#E8E9FF;*/
}
/*
.header-top {
	 height: 50px; 
}*/

.hfg_header .header-top-inner {
    height: 50px;
	padding-bottom:0px;
	margin: 0px;
}
 

.vfnm-top-slogan{
	
}
.header-main-inner {
   height: 80px;
}

.site-logo {
   position: fixed; 
   margin-top: -35px;  
   margin-left: 40px;   
   padding-top: 0px;
   padding-bottom: 0px;
   width: 120px;
   transition: 1s all ease;
} 

.neve-site-logo {
   transition: 2s all ease;
}
/*.site-logo img:hover{
    transition: transform .3s;
	opacity: 100% !important;
	width: 120px;
    max-width: none;
}*/

.site-logo:hover{
	transform: scale(1.2);
}

.site-logo a:hover{
    opacity: 100% !important;
}



/*Abstand der Nav-Links*/
.builder-item--primary-menu {
	--spacing: 30px;
}

.primary-menu-ul .nav-ul a {
	padding: 10px 20px;
}
/*Hover Effekt mit After für Linie beim Hovern - hier für den Unterstrich bei der aktuellen Seite*/
.current-menu-item > a::after, .current-menu-ancestor > a::after {
	width: 100% !important; 
}
 
.nav-ul li > a {
	text-decoration: none;
}


/* ----------------------------------------------------------------- MAIN */

.neve-main{
	padding-top: 100px; 
}


.vfnm-gosin-inner-hell{
	background-color: white;
}

.slidetxt {
	background-color: var(--nv-text-color);
	border-color: #FFFFFF;
	border-width: 1px;
}
.metaslider.ms-theme-simply-dark .rslides .caption-wrap .caption {
	padding: 0rem 0rem !important;
	border-color: #FFFFFF;
	border-width: 5px;
	  top: 0px !important;
    right: -100px !important;
    bottom: auto !important;
    left: auto !important;
    width: 25vw !important;
    height: 25vw !important;
}
.metaslider.ms-theme-simply-dark .rslides .caption-wrap .caption h2{
	font-size: 3.5vw;
}
.metaslider.ms-theme-simply-dark .rslides .caption-wrap .caption h3{
	font-size: 2.5vw;
}
.metaslider.ms-theme-simply-dark .rslides .caption-wrap .caption p{
	font-size: 2.5vw;
	font-family: 'Roboto Condensed', Arial, sans-serif !important;
}
.metaslider.ms-theme-simply-dark .rslides .caption-wrap .caption img{
	height: 5vw;
	width: auto;
	position: absolute;
	margin: -5vw 3vw 15vw 6vw;
}
.metaslider.ms-theme-simply-dark .rslides .caption-wrap{
	background: var(--nv-text-color) !important;
	margin: 0rem 0rem !important;
		padding: 0.8rem 0.8rem !important;
		border-color: #FFFFFF;
	border-width: 5px;
}
#wp-block-themeisle-blocks-advanced-columns-7f3eae32 .innerblocks-wrap {
    max-width: 100vw;
}

.vfnm-header-gosign{
	margin-top: -20px !important;
}
.text-block-oben .innerbox-wrap{
	max-width:100vw !important;
}
.vfnm-header-text{
	background-color:#3137D3;
}
.vfnm-header-text .inner-container{
	height:30vw !important;
	position:relative;
	margin-top:0px;
}
.vfnm-header-text .text-block-oben{
	justify-content:flex-start ;
}
.vfnm-margin{
	line-height: 1.2;
	margin: 40px 5px 30px 5px;
}	
.vfnm-textfeld{
	/*background-color:#595;
	position:relative;
	width:100vw;
	height:30vw;
	margin-top:10vw !important;
	margin-left:0px !important;
	margin-right:30vw;
    position:relative;
	padding:20px !important;
	*/
	opacity: 80%;
	color: #3137D3;
	position:relative;
	justify-self: flex-start ;
}
.vfnm-textfeld h2{
	font-style:italic;
	font-size:2.0vw;
	padding:1.5vw;
	height: 30vw;
	margin-top: calc(100vw - 30vw);
	margin-bottom: 0vw;
	width: 100vw;
	margin-right: 0vw;
}

/* Wenn der Parallax den COntent überdeckt */
vfnm-abstand-oben {
	
}


/* CSS hierfür siehe vfnm_hersteller_left-right.css
.vfnm-zweisp {
	
}
*/







.vfnm-ul li{
	list-style: square;
	list-style-image: 
}

.wp-block-image figcaption {
    margin-top: .5em;
    margin-bottom: 1em;
    margin-left: .5em;
}
.vfnm-img-hover{
	background: #EEE;
	color:#999;
  transition: transform .3s;
}
.vfnm-img-hover:hover{
	transform: scale(1.1);
  z-index:50;
}

.bild-block{
	background: #EEE;
	color:#999;
  transition: transform .3s;
}
.bild-block:hover{
	transform: scale(1.1);
  z-index:50;
}

.bild-block-900{
	background: #EEE;
	height: 100%;
	max-width:50%;
	color:#999;
  transition: transform .3s;
  margin-bottom: 20px;
}
.bild-block-900:hover{
	transform: scale(1.1);
  z-index:50;
}
.bild-block-900 a{
	color:#999;
	text-decoration: none;
}
.text-block-900{
	height:100%;
	width:50% !important;
	min-width: 30%;
	transition: transform .3s;
  margin-bottom: 20px;
  /*width: 100% !important;*/
}
.text-block-900:hover{
	transform: scale(1.1);
  z-index:50;
}

.text-block-900 H3{
	font-size:2vw;
}
.text-block-900 H2{
	font-size:2.4vw;
}
.text-block-900 i{
	align-content:right;
}
.text-block-900 a{
	color:#fff;
	text-decoration: none;
} 
.text-block-breit{
	margin-bottom: -4vw;
  margin-top:-2vw;
  padding:20px !important;
}
.text-block-breit H2{
	font-size:4vw;
	margin-bottom: 30px;
  margin-top:30px;
  padding:5px !important;
}
.vfnm-text p{
	margin-bottom: 10px;
  margin-top:10px;
  padding:5px;
	line-height:1.5em;
	font-size:1.5em;
}


.haussvg{
	max-height: 80vh;
}
.vfnm-textblock-breit h2{
		font-size:4vw;
}
.vfnm-kontakt .mt-3{
	visibility: hidden;
}
.vfnm-kontakt {
	min-width:90%;
	}	
.vfnm-kontakt h2 {
		font-size:4vw;
	  font-style:italic;
}
.vfnm-kontakt h3 {
		font-size:4vw;
	  font-style:italic;
}
.vfnm-kontakt p {
		font-size:2vw;
	  line-height;5vw !important;
}
.vfnm-button {
	 background-color: var(--nv-text-color);
   color: #ffffff;
	 border-radius: 11px 1px 11px 1px;
   border: none;
}
#kontaktform{
	background:#eee;
	padding:10px;
}
#kontaktform label{
	font-size: 15px;
}
.form-check{
	font-size: 15px;
}
#kontaktform .btn:hover{
	transform: scale(1.1);
  z-index:50;
}
ul {
    list-style: square;
	  /*list-style-image: url('sqpurple.gif');*/
}
ul li::marker, ol li::marker {
    color: var(--nv-text-color);
	height: 100px;
	width: 5px;
}

/* ---------------------------------------------------------------------  FOOTER */


.vfnm-footer1 {
	  align-content: flex-start;
}
.vfnm-footer1-col{
	height: 100%;
	min-height: 80%;
	background:#fff;
	color: #000;
	align-content: center;
	padding: 10px;
	border: 20px !important;
	border-color: var(--nv-text-color) !important;
}
.vfnm-footer1-col-high{
  box-sizing: 100%;
	height: 100%;
	/*min-height: 100%;*/
	background:#fff;
	padding:10px;
}
/*
.wp-block-themeisle-blocks-font-awesome-icons {
    text-align: center;
    font-size: 3vw;
    background-color: #d1d3ff;
	  padding: 10px;
}*/

#menu-footer {
	 list-style: none;
	 text-align: center;
}

.menu-item > a {
	text-decoration: none;
}

.sub-menu > .menu-item > a {
	text-decoration: none;
	padding-bottom: 10px;
}


/* ------------------------------------------------BREAK POINTS  */

/*
@media only screen and (min-width: 1200px) {
.text-block-900 H3{
	font-size:30px;
}
.text-block-900 H2{
	font-size:48px;
}
.vfnm-textfeld H2{
 	font-size:2.5vw;
}
.vfnm-kontakt H2{
	font-size:2.5vw;
	}
.text-block-breit	H2{
	font-size:48px;		
	}
}
*/




/* ----------------------------------------------Break Point Tablet*/
@media (min-width: 577px) { 
   .neve-main {				   
     /* padding-top: 100px; */
   }
}

/* ----------------------------------------------Break Point Desktop */
@media only screen and (min-width: 960px) {

.sub-menu > .menu-item > a {
	padding-bottom: 0px;
}
.header-top {
	 height: 20px;
     padding-top:5px;	 
}
/*
.hfg_header .header-top-inner {
  height: 50px;
  padding-top: 10px;
  margin: 0px;
}
*/	
.header-main {
   height: 70px;	
}	
.site-logo {
	margin-top:-50px;
    margin-left:0px;
	width: 150px;
	height:auto;
}

.vfnm-header-gosign{
	margin-top:-10px !important;
}
.vfnm-textfeld {
	position: relative;
}
.vfnm-textfeld h2{
	font-size:3vw !important;
	padding:20px !important;
	height: 30vw;
	margin-top: calc(100vw - 30vw);
	width: 50vw;
	margin-right: calc(100vw - 50vw);
	position:relative;
	/*width:40vw !important;
	height:24vw !important;*/
}	



*/	
.bild-block-900, .text-block-900{
	width:100% !important;
	min-width:90%;
    margin: 10px important;
	align-self:center;
}	
.text-block-900 H3{
	font-size:2vw;
}
.text-block-900, .vfnm-kontakt H2{
	font-size:3vw;
}
.vfnm-kontakt h2{
		font-size:3vw;
}	
.vfnm-textblock-breit H2{
		font-size:3vw;
}		
.vfnm-kontakt {
		min-width:90%;
	}	
#menu-footer {
	 list-style: none;
	 text-align: left;
}
}