/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/

/* MAIN */

html {
    /*scroll-behavior: smooth !important;*/
	scroll-behavior: smooth !important
	
}

/* FAQ */
.faq-landingpage .fusion-panel:active, .faq-landingpage .fusion-panel:focus, .faq-landingpage .fusion-panel:target {
	border: 1px solid #e9ff00 !important;
}

/* News */
/* Articel */
.fusion-checklist .circle-yes, ul.fusion-checklist .icon-wrapper {
	font-size: 25px !important;
}

/* Before After Slider */

/*
.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after {
	height: 300px !important;
	width: 1px !important;
}
*/

/* Gallerie Post Übersicht */
/* Filters */
.galerie-post-section .fusion-filters {
	justify-content: center !important;
}

.fusion-post-cards .fusion-filters {
	border: none !important;
}

.fusion-post-cards .fusion-filters li.fusion-active a {
	background: #e9ff00;
    color: #1e2300 !important;
    padding: 3px 15px !important;
}

.fusion-post-cards .fusion-filters li a {
	border: 1px solid rgba(243, 244, 236, .22) !important;
    padding: 3px 15px !important;
}

/* Leistungen Landingpage */
.leistungen-landingpage-column .fusion-imageframe img {
	height: 30vh;
	width: 100vw !important;
}

/* Slider Leistungen */
.slider-leistung-container .awb-carousel {
	height: 500px;
}

.slider-leistung-container .awb-swiper-button-next:hover, .slider-leistung-container .awb-swiper-button-prev:hover {
	background: rgba(0,0,0,.8) !important;
}

.slider-leistung-container .awb-swiper-button-prev {
	margin-left: 15px;
}

.slider-leistung-container .awb-swiper-button-next {
	margin-right: 15px;
}

.portfolio-galerie-column .fusion-rollover-categories, .portfolio-galerie-column .fusion-rollover-title, .portfolio-galerie-column .fusion-rollover-title a {
	font-family: 'Barlow-Condensed-Medium', system-ui, sans-serif !important;
}

/* Slider Landingpage */
#slider-landigpage {
	position: relative;
	z-index: 0 !important;
}

.awb-swiper-button-next, .awb-swiper-button-prev {
	width: 50px !important;
    height: 50px !important;
	color: #e9ff00 !important;
	font-size: 40px !important;
	background: black !important;
}

.flex-control-nav {
	display: none !important;
}

/* Cookie Hinweis */
.fusion-privacy-bar .fusion-privacy-bar-acceptance {
	font-family: 'Barlow-Condensed-Medium', system-ui, sans-serif !important;
	text-transform: uppercase;
}


/* Timeline */
.content-box-wrapper .heading .image {
	z-index: 2;
    position: relative;
}

.content-box-wrapper .content-container p {
	font-size: 16px !important;
}

.fusion-content-boxes .content-box-shortcode-timeline {
	background: linear-gradient(90deg,rgba(233,255,0,.18),rgba(233,255,0,.6),rgba(233,255,0,.18));
	border-top-style: unset !important;
	height: 2px !important;
}

/* News */
#post-column .button-post-vorschau {
	position: absolute !important;
	bottom: 15px;
}

/* Galerie */
.titel-galerie-vorschau {
	position: absolute;
	bottom: 15px;
}

.titel-galerie-vorschau h4 {
	letter-spacing: .01em !important;
	font-size: clamp(15px, 1.5vw, 19px) !important;
	line-height: 1.05 !important;
}

.desc-galerie-vorschau {
	position: absolute;
	bottom: 0px;
}

.desc-galerie-vorschau .fusion-tb-categories a {
    letter-spacing: .12em;
}

.fusion-tb-categories {
  font-size: 0;            /* versteckt den Text "Categories: " */
}

.fusion-tb-categories a {
  font-size: 13px;         /* Link-Text wieder sichtbar – ggf. an dein Format anpassen */
  text-transform: uppercase;
}

/* Zwischenüberschrift */
.eyebrow {
    font-weight: 600;
    letter-spacing: .22em;
	font-family: 'Barlow-Condensed-Regular', system-ui, sans-serif;
	font-size: 14px;
}

.eyebrow2 {
    letter-spacing: .16em;
	font-family: 'Barlow-Condensed-Regular', system-ui, sans-serif;
	font-size: 17px;
}

.galerie-text {
	letter-spacing: .4em !important;
	font-family: 'Barlow-Condensed-Regular', system-ui, sans-serif;
}

.kontakt-text {
	letter-spacing: .2em !important;
	font-family: 'Barlow-Condensed-Regular', system-ui, sans-serif;
}


/* Images */
.icon-reason img {
	width: 64px !important; 
}

/* to top Button */
.to-top-container #toTop:hover {
	background-color: #E9FF00 !important;
}

/* Filter */
.white-filter img {
	filter: brightness(0) invert(1) !important;
	width: 80px;
}

.white-filter-partner img {
	filter: brightness(0) invert(1) !important;
	width: auto;
	height: 30px;
}

/* Colors */
h2 strong.akzent-yellow {
	color: #E9FF00 !important;
}

h2.yellow-akzent, h3.yellow-akzent, h4.yellow-akzent, h5.yellow-akzent {
	color: #E9FF00 !important;
	font-family: 'Barlow-Condensed-Regular', system-ui, sans-serif !important;
	
}   

h2.white-akzent, h3.white-akzent, h4.white-akzent, h5.white-akzent {
	color: white !important;
	font-family: 'Barlow-Condensed-Regular', system-ui, sans-serif !important;
}

h2.fusion-title-heading {
	font-size: clamp(30px, 4.4vw, 52px) !important;
}

h3.fusion-title-heading {
	font-size: 25px;
	font-weight: 700;
    text-transform: uppercase !important;
    line-height: .98;
    letter-spacing: .005em;
}

.danger {
	color: #9a2c2c;
}

.color-white {
	color: white !important;
}

.hero-section-galerie .bg-yellow-box p {
	background: #e9ff00;
	padding: 6px 12px;
	width: fit-content;
}


/* Sicherheitsabstand unter dem Header-Logo */
:root {
  --tt-logo-safe-gap: clamp(64px, 11vh, 120px);
}

/* Logo */
.logo-header img, .logo-footer img {
	width: 20vw;
}

@media (max-width: 1600px) {
   .logo-header img, .logo-footer img {
	  width: 200px !important;
   }
}

@media (max-width: 750px) {
  .image-muster img {
	 height: 50vh;
  }
}

.logo-footer img {
	filter: brightness(0) invert(1) !important;
}

.agentur_eins_logo img {
	height: 34px;
}

/* Nur obere Vertikallinie des Handles begrenzen */
#twenty20-1 .twentytwenty-horizontal .twentytwenty-handle:before {
  /*height: var(--tt-logo-safe-gap) !important;*/
  width: 1px !important;
  left: 50% !important;
  margin-left: -1.5px !important;
  /*bottom: 50% !important;*/
  /*margin-bottom: 22px !important;*/
}

/* Untere Linie bleibt wie gewohnt lang */
#twenty20-1 .twentytwenty-horizontal .twentytwenty-handle:after {
  /*height: 9999px !important;*/
	 width: 1px !important;
}

.twentytwenty-handle {
	/*margin-top: 50px;*/
	opacity: .7;
}

.twentytwenty-overlay:hover {
    background: transparent !important;
}


.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after {
	height: 25vh !important;
}

@media (max-width: 1600px) {
	.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after {
		height: 18vh !important;
	}
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) 
and (-webkit-min-device-pixel-ratio: 1) {
	.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after {
		height: 20vh !important;
	}
}

@media (max-width: 600px) {
	.twenty20 {
       margin-top: 140px;
     }
	.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after {
		height: 8vh !important;
	}
}


#toTop {
	height: 78px !important;
	width: 78px !important;
	border-radius: 5px !important;
	bottom: 20px !important;
	display: flex;
    align-items: center;
    justify-content: center;
}

#toTop:before {
	color: black !important;
}

/* Corporate Partner */
#corporate-partner img {
	width: 300px !important;
}

/* Bilder Kategorien (hover Effekt) */ 
/*
#van-cat:hover {
	background: url('https://vaen.graphics/wp-content/uploads/2025/11/van-camper-folierung-bergkulisse-design.jpg');
}
*/

/* Sectionen */
#hero-section, .hero-section {
	position: relative;
	position: relative;
    overflow: visible !important;
    z-index: 999 !important;
}

#hero-section::after, .hero-section::after {
	content: '';
	position: absolute;
    bottom: -20px;
    left: 0;
    width: 100%;
    height: 120px;
	background: url(http://nato-oliv.sendesignal.de/wp-content/uploads/2026/06/strifen.png) no-repeat;
	background-size: 100% 100%;
    background-repeat: no-repeat;
	margin-bottom: -30px !important;
    z-index: 999;
}

.hero-muster {
	background-image: repeating-linear-gradient(135deg,rgba(243,244,236,.05) 0 14px,rgba(243,244,236,0) 14px 28px) !important;
	--awb-background-blend-mode: unset !important;
}



#oliv-band::before {
	content: "";
    position: absolute;
    z-index: 0;
    pointer-events: none;
    width: min(640px, 70vw);
    aspect-ratio: 1 / 1;
    left: calc(-0.30 * min(640px, 70vw));
    bottom: calc(-0.30 * min(640px, 70vw));
	background: url(http://nato-oliv.sendesignal.de/wp-content/uploads/2026/06/mark.svg) no-repeat left bottom / contain;
	opacity: 1;
}
/* Modal (Off Canvas) */
.awb-off-canvas-wrap .awb-off-canvas-inner .off-canvas-content {
	overflow-y: hidden !important;
}

.off-canvas-content .fusion-fullwidth {
	padding: 0;
}

/* Borders */
.text-border {
	border: 1px solid #f3f4ec96;
	padding: 5px 10px;
	margin-right: 5px;
}

/* Colors */

.link:hover {
	color: #ffea00 !important;
}

.akzent-oliv-light {
	color: #f3f4ec96 !important;
}

/* Button active und focus */
.fusion-button-text {
	letter-spacing: .12em !important;
	font-family: 'Barlow-Condensed-Medium', system-ui, sans-serif;
	font-weight: 700;
	font-size: 15px;
	text-transform: uppercase !important;
}

/* Shop Button */
#menu-item-9569 .fusion-button {
	font-size: 14px;
}


a.btn-button:hover {
	background: #f2ff52 !important;
	transform: translateY(-2px) !important;
    box-shadow: 0 10px 24px rgba(233, 255, 0, .22) !important;
	opacity: 1 !important;
}

.fusion-button:active, .fusion-button:focus {
	background: #c3c7ca !important;
} 

.link-special {
	color: #ffea00 !important;
}

#main {
	padding: 0 !important;
}



/* Fonts */

.font-regular {
	font-family: "Barlow-Condensed-Regular" !important;
}

.highlight h2 {
	font-weight: 400 !important;
}

h1, .hero-title h1 {
	font-size: clamp(38px, 5.6vw, 78px) !important;
    text-shadow: 0 2px 26px rgba(0, 0, 0, .5) !important;
}

h1 strong, h2 strong, h3 strong, h4 strong, h5 strong {
	font-weight: 400 !important;
}

.fusion-title-heading p {
	margin-bottom: -20px !important;
}

#main-navi {
	top: 0 !important;
	    position: fixed;
}

/*
#main-navi .fusion-scrolling-down {
	opacity: 1 !important;
	transform: translateY(0) !important;
}
*/

/* Menü Text */
.awb-menu__m-toggle-inner .collapsed-nav-text {
	display: none;
}
/* Counter pro Untermenü starten */
.awb-menu__sub-ul {
  counter-reset: submenu-num;
}

/* Nummer vor jeden Untermenü-Link */
.awb-menu__sub-ul > li.awb-menu__sub-li > a.awb-menu__sub-a::before {
  counter-increment: submenu-num;
  content: counter(submenu-num, decimal-leading-zero);  /* 01, 02, 03 ... */
  display: inline-block;
  min-width: 1.8em;
  margin-right: 0.9em;
  color: #e9ff00;
  font-size: 0.85em;
  opacity: 0.85;
  flex: 0 0 auto;   /* da der <a> ein Flex-Container ist */
}

/* Hide Elements */
#social-area {
	display: none !important;
}


/* FOOTER */


.fusion-footer .fusion-text {
	margin-top: -25px;
}

/* CHECKPOINTS */
.check-number {
	border-radius: 50%;
	background: #FFF057;
	padding: 7px 15px;
}

/* MENÜS */
/* Sticky */
.fusion-sticky-container.fusion-sticky-scroll-transition.fusion-scrolling-down {
	opacity: 1 !important;
	transform: translateY(0%) !important;
	pointer-events: auto !important;
}

/* Menü Font */
.awb-menu_row .menu-text {
	letter-spacing: .12em;
	font-family: 'Barlow-Condensed-Medium', system-ui, sans-serif;
}

#menu-camper-folierung #menu-item-5281 span, #menu-antworten #menu-item-5591 span,  #menu-folierung-neu #menu-item-6986 span {
	border: none !important;
}


#menu-camper-folierung a,  #menu-antworten a, #menu-folierung-neu a  {
	color: #9d9d9d !important;
}

#menu-camper-folierung a:hover, #menu-antworten a:hover, #menu-folierung-neu a:hover {
	color: #ffea00 !important;
}

/* Startseite */
#monster_van_icon img{
	width: 200px;
}

@media (max-width: 500px) {
	#monster_van_icon img{
	  width: 300px;
    }
}

/* Störer Startseite */
#stoerer_start {
	position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
	width: 100%;
    max-width: 250px;
}

@media (max-width: 500px) {
	#stoerer_start {
	  width: 150px;
	  margin-top: 85px;
	  margin-left: 30px;
    }
}

#start-offroad-iframe iframe {
	height: 100vh;
}


/* Image Hotspot */
#image-hotspot .popover {
	font-family: Arial, Helvetica, sans-serif !important;
}

#image-hotspot .popover * {
	font-size: 18px !important;
}

#image-hotspot .awb-image-hotspots-wrapper a {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 35px;
	width: 35px;
}

/* ELEMENTS */
blockquote {
	margin: 0 !important;
    background: transparent !important;
}

.fusion-column-wrapper .link_yellow a{
	color: #ffea00 !important;
}

.fusion-column-wrapper .link_yellow a:hover{
	text-decoration: underline;
}


@media (max-width: 1024px) {
	.bg-post {
		background-size: contain !important;
	}
}

/* Inputfeld für mehrere Designs */
.several_designs input, .count-vector-box_right input {
  width: 100px !important;
}

#camper-company {
	position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    margin-top: -20%;
}

/* KONTAKTFORMULAR */
#datenschutz-check-box .fusion-form-element-required {
	text-decoration: none !important;
}

#datenschutz-check-box label span {
	text-transform: none !important;
}


#datenschutz-check-box label span a {
	text-transform: none !important;
}

#datenschutz-check-box label {
	color: black !important;
	display: flex;
    align-items: center;
}

.fusion-form-form-wrapper .fusion-form-field .fusion-form-checkbox label:before {
	border: 1px solid #5f5d5d !important;
	background: white !important;
}

.fusion-form-form-wrapper .fusion-form-field .fusion-form-checkbox input:checked+label:after {
	background: #3f3e38 !important;
}

.fusion-form-form-wrapper .fusion-form-field .fusion-form-checkbox label span {
	font-size: 12px;
	margin-left: 10px;
}

.titel-column {
	display: flex;
    align-items: center;
    gap: 10px;
}

.titel-column p {
	margin: 0 !important;
}

.titel-column::before {
	content: "";
    width: 16px;
    height: 2px;
    background: #e9ff00;
    flex: 0 0 auto;
}

#contakt-table table {
	background-color: transparent !important;
	box-shadow: none !important;
	border: none !important;
}

#contakt-table table tr {
	background-color: transparent !important;
}

#contakt-table table tr td {
	border: none !important;
	border-bottom: 1px dotted #c3c4b8 !important;
	font-size: 13px !important;
}

#contakt-table table tr td strong {
	color: black !important;
}

/* COOKIE BANNER */

.fusion-button {
	color: black !important;
}

.fusion-button:hover {
	opacity: 0.7 !important;
}

/* PORTFOLIO */
/* Title */
body:not(.avada-image-rollover-direction-left) .fusion-image-wrapper .fusion-rollover .fusion-rollover-content .fusion-product-buttons a:before, body:not(.avada-image-rollover-direction-left) .fusion-image-wrapper .fusion-rollover .fusion-rollover-content .fusion-rollover-categories, body:not(.avada-image-rollover-direction-left) .fusion-image-wrapper .fusion-rollover .fusion-rollover-content .fusion-rollover-categories a, body:not(.avada-image-rollover-direction-left) .fusion-image-wrapper .fusion-rollover .fusion-rollover-content .fusion-rollover-title a, body:not(.avada-image-rollover-direction-left) .fusion-image-wrapper .fusion-rollover .fusion-rollover-content .price *, body:not(.avada-image-rollover-direction-left) .fusion-image-wrapper .fusion-rollover .fusion-rollover-content a, body:not(.avada-image-rollover-direction-left) .fusion-rollover .fusion-rollover-content .fusion-rollover-title {
	font-family: 'Barlow-Condensed-Medium', system-ui, sans-serif !important;
	font-size: 25px !important;
	text-transform: uppercase !important;
}

@media (max-width: 500px) {
	body:not(.avada-image-rollover-direction-left) .fusion-image-wrapper .fusion-rollover .fusion-rollover-content .fusion-product-buttons a:before, body:not(.avada-image-rollover-direction-left) .fusion-image-wrapper .fusion-rollover .fusion-rollover-content .fusion-rollover-categories, body:not(.avada-image-rollover-direction-left) .fusion-image-wrapper .fusion-rollover .fusion-rollover-content .fusion-rollover-categories a, body:not(.avada-image-rollover-direction-left) .fusion-image-wrapper .fusion-rollover .fusion-rollover-content .fusion-rollover-title a, body:not(.avada-image-rollover-direction-left) .fusion-image-wrapper .fusion-rollover .fusion-rollover-content .price *, body:not(.avada-image-rollover-direction-left) .fusion-image-wrapper .fusion-rollover .fusion-rollover-content a, body:not(.avada-image-rollover-direction-left) .fusion-rollover .fusion-rollover-content .fusion-rollover-title {
	font-family: 'Barlow-Condensed-Medium', system-ui, sans-serif !important;
	font-size: 16px !important;
    text-transform: uppercase !important;
}

}


/* KONTAKT */
#logo-sendesignal {
	width: 250px;
}

/* PARALAX HEADER */
@media (max-width: 500px) {
	.bg-parallax-parent, .fusion-parallax-none {
		display: grid !important;
    }
	
	.carousel-news .fusion-title-heading {
	 margin: 0 !important;
     font-size: medium !important;
   }

}

/* NEWS */
.news-referenz-font {
	font-size: 15px !important;
}

.news-four-image-wrapper {
	margin: 15px !important;
}

.news-gradient-bg {
	background: rgb(0,0,0) !important;
    background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(101,101,101,1) 61%, rgba(0,0,0,1) 100%) !important;
}

.news-image-wrapper {
	margin: 15px !important;
}


/* MEGA MENU*/
.camper-folierung a .menu-text {
	color: black !important;
}

.camper-folierung a .menu-text:hover {
	color: #ffea00 !important;
}

.mega-submenu a .menu-text {
	color: white;
}

.mega-submenu a .menu-text:hover, .mega-submenu a:hover {
	color: #ffea00 !important;
}

#menu-item-8137 .awb-menu__main-background-active {
	border: none !important;
}

/* Kontaktformular*/
/* Englische Benachrichtigung entfent */
.form-submission-notices .messages-wrap {
	display: none !important;
}