/*
Theme Name: Human Sonex
Theme URI: https://example.com/
Author: HUMAN
Author URI: https://example.com/
Description: Custom WordPress theme based on the Sonex minimal portfolio layout.
Version: 0.1.0
Text Domain: human-sonex
*/

/* Self-hosted Manrope font faces */
@font-face {
	font-family: 'Manrope';
	src: url('assets/fonts/manrope/Manrope-Regular.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Manrope';
	src: url('assets/fonts/manrope/Manrope-Medium.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Manrope';
	src: url('assets/fonts/manrope/Manrope-SemiBold.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Manrope';
	src: url('assets/fonts/manrope/Manrope-Bold.ttf') format('truetype');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

/* If you want Google Fonts online, uncomment the line below or self-host */
/* @import url('https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700;800&display=swap'); */

html,
body {
	font-family: 'Manrope', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
	color: #222;
	background: #fff;
}

/* Logo dimensioni corrette */
#sidebar .logo,
#sidebar .custom-logo-link {
	display: inline-block;
	margin-bottom: 30px !important;  /* Come template originale */
	padding: 0;
	border: none;
}

#sidebar .custom-logo,
#sidebar .custom-logo-link img,
#sidebar .logo img {
	max-width: 120px !important;
	max-height: 80px !important;
	width: auto !important;
	height: auto !important;
}

/* Sidebar active color */
#sidebar nav .current-menu-item > a,
#sidebar nav .current-menu-ancestor > a,
#sidebar nav a:hover {
	color: #00a4b7;
}

/* Dimensione voci menu principale */
#sidebar nav #menu-menu-principale li a {
	font-size: 16px;
}

/* Gli stili per la griglia sono già nel file assets/css/style.css del template */
/* Non sovrascrivere i margini e le dimensioni originali */

/* Fix immagini distorte */
#project-page #main .title-image img,
#project-page #main .project-image img,
.page-title-image img {
	width: 100%;
	height: auto;
	display: block;
}

/* Fix end-page full width */
#project-page #main .end-page {
	width: 100%;
	clear: both;
}

.intro { opacity: .85; font-size: 14px; }

/* Clients Grid (Pagina Clienti) */
.page-title.has-title + .clients-grid { margin-top: 60px; }
.clients-grid { margin-top: 0; }



#sidebar .logo-row {
	display:flex;
	align-items:flex-end;
	justify-content:space-between;
	gap:0px;
	margin-bottom:30px;
}
#sidebar .logo-row .logo, #sidebar .logo-row .custom-logo-link {
	display:inline-flex;
	align-items:flex-end;
	margin:0 !important;
	padding:0;
	line-height:0;
}
#sidebar .logo-row .custom-logo, #sidebar .logo-row .logo img {
	display:block;
	height:auto;
	vertical-align:bottom;
}
#sidebar .logo-row .lang-switcher {
	margin-left:auto;
	font-size:12px;
	letter-spacing:0.04em;
	text-transform:uppercase;
	color:#0e0e0e;
	margin-bottom:2px;
}
#sidebar .logo-row .lang-switcher ul {
	list-style:none;
	margin:0;
	padding:0;
	display:flex;
	gap:0;
	font-size: 13px;
	color: #000;
}
#sidebar .logo-row .lang-switcher li {
	display:inline;

}
#sidebar .logo-row .lang-switcher li + li::before {
	content:"|";
	color:#000;
	opacity:1;
	margin:0 4px;
	font-weight: 700;
}
#sidebar .logo-row .lang-switcher li.current-lang {
	opacity:1;
	font-weight:700;
}
#sidebar .logo-row .lang-switcher li.current-lang a {
	opacity:1;
	font-weight:700;
}
#sidebar .logo-row .lang-switcher a {
	color:inherit;
	text-decoration:none;
	opacity:0.7;
}

.client-logo {
	
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #fafafa;
	aspect-ratio: 1 / 1;
	overflow: hidden; /* impedisce allo zoom di uscire dal riquadro */
	transition: all 0.3s ease;
	margin-bottom: 20px;
}

.client-logo img {
	max-width: 80%;
	max-height: 80%;
	width: auto;
	height: auto;
	opacity: 1;
	filter: none;
	mix-blend-mode: multiply; /* fa sparire eventuale sfondo bianco del logo sul grigio #eee */
	transition: all 0.3s ease;
	transform: scale(1.25); /* ingrandisce senza cambiare il layout */
	transform-origin: center center;
}

.client-logo a {
	display: block;
	-webkit-tap-highlight-color: transparent; /* Disabilita tap highlight iOS */
}

/* Mantiene background invariato negli stati attivi su mobile iOS */
.client-logo a:active,
.client-logo a:focus {
	background: transparent;
}

.client-logo:active,
.client-logo:focus {
	background: #fafafa !important;
}

.client-logo:hover img {
	opacity: 0.6;
	filter: grayscale(100%);
	mix-blend-mode: multiply;
}

.no-clients {
	text-align: center;
	padding: 60px 20px;
	color: #999;
}

/* Social Links Widget */
.widget.social-links {
	margin: 0px 0;
	padding: 0px 0;
	
}

.widget.social-links .title {
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #0e0e0e;
	margin: 0 0 15px 0;
}

.widget.social-links ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.widget.social-links ul li {
	display: inline-block;
	margin-right: 10px;
}

.widget.social-links ul li a {
	color: #bfbfbf;
	font-size: 18px;
	text-decoration: none;
	transition: color 0.3s ease;
	display: inline-block;
}

.widget.social-links ul li a i {
	font-size: 18px;
	line-height: 1;
}

.widget.social-links ul li a:hover {
	color: #00a4b7;
}

/* Team Social Links & Share Buttons - Font Awesome Icons */
#about-page .team-member .social-links li a i,
.share-block ul li a i {
	font-size: 14px;
	line-height: 1;
}


.hero-video{
	width: 100%;
}

/* About Page - Using Original Theme Styles */

#about-page .page-title h1 {
	white-space: pre-line; /* rispetta gli a capo inseriti nel campo ACF */
}

#about-page .page-title .page-title-image {
	margin-top: 0; /* l'hero è il primo elemento: niente margine superiore */
	margin-bottom: 25px; /* distanza dal titolo spostato sotto */
}

#about-page .page-title .hero-video {
	display: block;
	width: 100%;
	height: auto;
	max-width: 100%;
}

#about-page .finale-section {
	margin: 40px 0 40px;
}

#about-page .finale-paragrafo1 {
	margin-bottom: 30px;
	font-size: 16px;
	line-height: 28.8px;
	color: #000;
}

#about-page .finale-paragrafo2 {
	font-size: 36px;
	line-height: 39.6px;
	color: #000;
	font-weight: 300;
	font-family: 'Bodoni Moda', serif;
	font-optical-sizing: none;
}

/* About Page - evita che lo stile globale dei <p> sovrascriva le sezioni ACF */
#about-page .approach .text p,
#about-page .services .service-block p,
#about-page .finale-section p {
	font-size: inherit;
	line-height: inherit;
	color: inherit;
}

/* Testimonial Widget (Dicono di noi) */
.widget.testimonials {
	margin: 20px 0;
	padding: 20px 0;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}

.widget.testimonials .testimonial {
	margin: 0;
}


.widget.testimonials blockquote {
	font-family: 'Manrope', serif;
	font-style: normal;
	font-weight: 400;
	font-optical-sizing: none;
	font-size: 13px;
	line-height: 1.6;
	color: rgba(0, 0, 0, 0.6);
	margin: 15px 0;
	padding: 0;
	border: none;
}

.widget.testimonials blockquote p {
	margin: 0;
    font-size: 13px;
    color: rgba(0, 0, 0, 0.6);
}

.widget.testimonials figcaption {
	font-size: 11px;
	color: #bfbfbf;
	margin-top: 10px;
}

.widget.testimonials figcaption strong {
	color: #0e0e0e;
	font-weight: 600;
	font-size: 12px;
	display: block;
	margin-bottom: 3px;
}

.widget.testimonials figcaption .author,
.widget.testimonials figcaption .role,
.widget.testimonials figcaption .org {
	font-size: 12px;
	color: rgba(0, 0, 0, 0.8);
	font-weight: 400;
	display: block;

}

.widget.testimonials figcaption .role{
	color: rgba(0, 0, 0, 0.6);
}

.widget.testimonials figcaption .author{
	font-weight: 600;
	font-size: 13px;
}

.widget.testimonials figcaption .org {
	font-weight: 600;
	
}

/* Carousel testimonial (se più di 1) */
.testimonial-carousel {
	position: relative;
}

.testimonial-carousel .testimonial-slide {
	display: none;
}

.testimonial-carousel .testimonial-slide.active {
	display: block;
}

.testimonial-nav {
	text-align: center;
	margin-top: 15px;
	padding-top: 10px;
	border-top: 1px solid #eee;
}

.testimonial-nav button {
	background: none;
	border: none;
	color: #bfbfbf;
	font-size: 20px;
	cursor: pointer;
	padding: 0 10px;
	transition: color 0.3s;
}

.testimonial-nav button:hover {
	color: #00a4b7;
}

.testimonial-nav .counter {
	display: inline-block;
	margin: 0 10px;
	font-size: 11px;
	color: #bfbfbf;
}

.testimonial-nav .counter .current {
	color: #0e0e0e;
	font-weight: 600;
}

/* Swiper carousel - Reset Bootstrap */
#project-carousel {
	position: static !important;
	overflow: visible !important;
}

#project-carousel .carousel-inner,
#project-carousel .carousel-indicators {
	display: none !important;
}

/* Rimuovi ombra hover dal template originale */
#project-carousel:after,
#project-carousel:hover:after {
	display: none !important;
}

/* Swiper base */
.project-swiper {
	width: 100%;
	height: auto;
	margin-top: 30px;
}

/* Toolbar mobile sticky */
.mobile-toolbar {
	position: fixed; /* sempre ancorata in alto */
	top: 0;
	left: 0;
	right: 0;
	z-index: 1001; /* sopra la sidebar */
	display: none;
	align-items: center;
	justify-content: space-between;
	background: #fff;
	padding: 10px 15px;
	border-bottom: 1px solid rgba(0,0,0,0.06);
	height: 56px;
}

/* Mobile-only components hidden by default */
#mobile-works-filter { display: none; }

.mobile-logo-wrapper {
	display: flex;
	align-items: center;
	gap: 12px;
	flex: 1;
}

.mobile-logo { display:flex; align-items:center; }
.mobile-logo a, .mobile-logo .custom-logo-link { display:inline-flex; align-items:center; }

.mobile-toolbar .mobile-logo img,
.mobile-toolbar .custom-logo,
.mobile-toolbar .custom-logo-link img {
	max-height: 24px;
	width: auto;
}

.mobile-tagline {
	margin: 0;
	font-size: 12px;
	color: rgba(0,0,0,0.6);
	line-height: 1.4;
	display: none; /* nascosto di default, mostrato solo su mobile */
}

.mobile-menu-toggle {
	background: transparent;
	border: 0;
	padding: 6px 8px;
	font-size: 18px;
    color: #0e0e0e;
}
.mobile-menu-toggle svg { display:inline-block; vertical-align:middle; }
.mobile-menu-toggle .icon-close { display: none; }
.sidebar-open .mobile-menu-toggle .icon-bars { display: none; }
.sidebar-open .mobile-menu-toggle .icon-close { display: inline-block; }

/* Sidebar off-canvas su mobile */
@media (max-width: 767px) {
	.mobile-toolbar { display: flex; }
	/* Overlay scuro a schermo intero */
	.sidebar-overlay {
		position: fixed;
		inset: 0;
		background: rgba(0,0,0,0.5);
		opacity: 0;
		visibility: hidden;
		transition: opacity 200ms ease, visibility 200ms ease;
		z-index: 1000;
	}
	.sidebar-open .sidebar-overlay { opacity: 1; visibility: visible; }

	#sidebar {
		position: fixed;
		top: 0; left: 0; bottom: 0;
		width: 280px;
		max-width: 85%;
		background: #fff;
		transform: translateX(-100%);
		transition: transform 200ms ease;
		z-index: 1001; /* sopra overlay e toolbar */
		overflow-y: auto; /* scorrevole se lungo */
		box-shadow: none; /* rimosso effetto ombra laterale */
		text-align: left;
	}
	.sidebar-open #sidebar { transform: translateX(0); }

	/* Bottone close dentro la sidebar, in alto a destra, in overlay alla toolbar */
	#sidebar .sidebar-close {
		position: absolute;
		top: 10px; right: 10px;
		background: transparent;
		border: 0;
		padding: 6px;
		color: #0e0e0e;
		z-index: 1;
	}

	/* Disabilita click sotto sidebar quando aperta (overlay copre tutto) */
	body.sidebar-open { overflow: hidden; height: 100vh; }

	/* Toolbar mobile: logo grande come nel menu slide, motto a fianco, hamburger a destra centrato verticalmente */
	.mobile-toolbar {
		height: auto;
		min-height: 56px;
		padding: 12px 15px;
	}
	
	.mobile-toolbar .mobile-logo img,
	.mobile-toolbar .mobile-logo .custom-logo,
	.mobile-toolbar .mobile-logo .custom-logo-link img,
	.mobile-toolbar .custom-logo,
	.mobile-toolbar .custom-logo-link img {
		max-height: 80px !important; /* stesso della sidebar */
		max-width: 120px !important;
		width: auto;
		height: auto;
	}
	
	.mobile-tagline {
		display: block;
		text-align: left;
		padding-right: 30px;
		align-self: end;
	}

	/* Logo nella sidebar (mobile): piu' piccolo + margine top */
	#sidebar .logo,
	#sidebar .custom-logo-link { margin-top: 0px; display: inline-block; }
	#sidebar .logo img,
	#sidebar .custom-logo,
	#sidebar .custom-logo-link img { max-height: 32px; width: auto; }
	
	/* Nascondi motto nella sidebar su mobile */
	#sidebar .intro {
		display: none !important;
	}
	
	/* Menu slide mobile: verticale, allineato a sinistra */
	#sidebar nav ul {
		display: block !important;
		text-align: left !important;
	}
	
	#sidebar nav ul li {
		display: block !important;
		margin: 0 0 0 10px !important;
		text-align: left !important;
	}

	/* Filtri lavori mobile sopra la griglia */
	#mobile-works-filter { 
		display:block; 
		margin: 0 0 10px 0; 
		
		padding-left: 10px;
		padding-right: 10px;
		overflow-x: auto; 
		-webkit-overflow-scrolling: touch; 
	}
	#mobile-works-filter ul { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: nowrap; gap: 8px; }
	#mobile-works-filter li { 
		flex: 0 0 auto; 
		border: none; 
		padding: 6px 10px; 
		font-size: 13px; 
		line-height: 1; 
		cursor: pointer; 
		border-radius: 0; 
		background: transparent; 
		color: rgba(0,0,0,0.6);
		transition: color 0.2s ease;
	}
	/* Nascondi scrollbar */
	#mobile-works-filter { -ms-overflow-style: none; scrollbar-width: none; }
	#mobile-works-filter::-webkit-scrollbar { display: none; }
	#mobile-works-filter li.active { 
		background: transparent; 
		color: #00a4b7; 
		border: none; 
	}

	/* Nascondi filtri nella sidebar su mobile */
	#sidebar #works-filter { display: none !important; }

	#sidebar .widgets-block {
		margin: 0px 0;
	}



	#sidebar .widget.testimonials{
		padding-left: 10px;
		padding-right: 10px;
		margin-top: 0px;
	}
	#sidebar .copyright {
        display: block;
		padding-top: 10px;
		padding-left: 10px;
    }

	#sidebar .widget.social-links {
		padding-top: 10px;
		padding-left: 10px;
	}

	#project-page #main .description .categories {
		list-style: none;
		margin: 5px 0 15px;
		padding: 0;
	}

	#project-page #main .details {
		margin: 0;
		padding: 0;
		display: none;
	}

	
	.global-outer .global-inner {
		padding-top: 130px;
	}

	#contact-page #main .say-hello input[type="submit"].btn, #contact-page #main .say-hello input[type="submit"] {
		float: left;
		width: auto !important;
	}


	#about-page #main .services {
		border:none;
	}

	#about-page #main .services .service-block {
		margin-bottom: 0px;
		margin-top: 0px;
		padding-top: 20px;
		padding-bottom: 20px;
		border-bottom: 1px solid rgba(0, 0, 0, 0.2);
	}

	#about-page #main .services .col-md-3:last-child .service-block {
		margin-bottom: 0px;
		margin-top: 0px;
		padding-top: 20px;
		padding-bottom: 20px;
		border-bottom: none;
	}

	

}

/* Spaziature specifiche pagina Contatti */
#contact-page .page-title .page-title-image {
    margin-top: 0; /* override template's .page-title .page-title-image { margin-top:30px } */
    margin-bottom: 30px;
}



#contact-page .page-title h1 {
	margin-top: 0;
	margin-bottom: 15px;
}

#contact-page .page-title .lead {
	margin-top: 0;
	margin-bottom: 30px;
}

/* Override specifico rispetto a assets/css/style.css (#contact-page #main .say-hello { margin-top:80px }) */
#contact-page #main .say-hello { 
    margin-top: 0 !important; /* base: nessun distacco se non c'è contenuto sopra */
}

#contact-page #main .say-hello form {
    margin-top: 0px;
}

/* Email e messaggio di ringraziamento (Contatti) */
#contact-page .say-hello .contact-email {
	margin: 0 0 15px;
	font-size: 16px;
	font-weight: 600;
}

#contact-page .say-hello .contact-email a { color: inherit; text-decoration: none; }

#contact-page .say-hello .contact-thanks {
    display: none; /* nascosto di default, mostrato da JS al submit */
}

/* Stile messaggio di ringraziamento (classi dedicate) */
#contact-page .say-hello .contact-thanks .contact-thanks-title {
    margin: 0 0 6px;
    color: #00a4b7;
	text-transform: uppercase;
	font-weight: 600;
}
#contact-page .say-hello .contact-thanks .contact-thanks-title strong {
    color: inherit;
    text-transform: none;
    letter-spacing: normal;
}
#contact-page .say-hello .contact-thanks .contact-thanks-text {
    margin: 0;
    color: rgba(0,0,0,0.6);
}

/* Se la page-title ha contenuto (titolo/lead), aggiungi distacco coerente */
#contact-page #main .page-title.has-content + .say-hello,
#contact-page #main .page-title.has-content + .offices-information + .say-hello,
#contact-page #main .page-title.has-content + .offices-list + .say-hello {
    margin-top: 30px !important;
}

/* Allinea lo stile degli input senza toccare il submit */
#contact-page #main .say-hello form input:not([type="submit"]),
#contact-page #main .say-hello form textarea {
    border-color: rgba(0, 0, 0, 0.08);
    background-color: transparent;
    margin-bottom: 30px;
}

/* Stile submit coerente con il tema (.btn) e con priorità maggiore del vendor */
#contact-page #main .say-hello input[type="submit"].btn,
#contact-page #main .say-hello input[type="submit"] {
    background-color: #00a4b7 !important;
    color: #fff !important;
    border: 0;
    border-radius: 2px;
    padding: 8px 14px;
    margin-bottom: 0;
    width: auto; /* desktop default: larghezza auto */
    display: inline-block; /* allineato a sinistra */
    cursor: pointer;
    -webkit-transition: background-color 200ms;
            transition: background-color 200ms;
}

#contact-page #main .say-hello input[type="submit"].btn:hover,
#contact-page #main .say-hello input[type="submit"]:hover {
    background-color: #00a4b7 !important;
}

/* Mobile: pulsante full width */
@media (max-width: 767px) {
    #contact-page #main .say-hello input[type="submit"] { width: 100% !important; display: block !important; }
}

.project-swiper .swiper-slide {
	text-align: center;
	height: auto;
	display: flex;
	align-items: center;
	justify-content: center;
}

.project-swiper .swiper-slide img {
	width: 100%;
	height: auto;
	display: block;
	max-width: 100%;
	object-fit: contain;
}

/* Pagination semplice */
.project-swiper .swiper-pagination {
	position: relative;
	margin-top: 20px;
	text-align: center;
}

.project-swiper .swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	background: #bfbfbf;
	opacity: 1;
	margin: 0 5px;
	border-radius: 50%;
	display: inline-block;
	cursor: pointer;
}

.project-swiper .swiper-pagination-bullet-active {
	background: #00a4b7;
}

/* Video Responsive */
.project-video-hero,
.project-video {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 aspect ratio */
	height: 0;
	overflow: hidden;
	max-width: 100%;
	background: #000;
}
.project-video-hero iframe,
.project-video iframe,
.project-video-hero embed,
.project-video embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Utilities */
.container-fluid { width: 100%; padding-left: 15px; padding-right: 15px; }
.row { display: flex; flex-wrap: wrap; margin-left: -15px; margin-right: -15px; }
.col-md-12 { width: 100%; padding-left: 15px; padding-right: 15px; }

/* Contact hero video */
#contact-page .page-title .page-title-image .hero-video {
	display: block;
	width: 100%;
	height: auto;
	max-width: 100%;
}

/* Works grid: rimuovi trattino after dai li */
#works-grid .works-item .picture .content .text ul li:after {
	content: none;
}

/* Scroll to top button */
.scroll-to-top {
	position: fixed;
	bottom: 30px;
	right: 30px;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background-color: #000;
	color: #fff;
	border: none;
	cursor: pointer;
	display: none;
	align-items: center;
	justify-content: center;
	z-index: 999;
	opacity: 0;
	transition: opacity 0.3s ease, transform 0.3s ease;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}

.scroll-to-top.visible {
	display: flex;
	opacity: 1;
}

.scroll-to-top:hover {
	transform: translateY(-3px);
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4);
}

.scroll-to-top:active {
	transform: translateY(-1px);
}

.scroll-to-top i {
	font-size: 18px;
}

/* Hero desktop/mobile visibility */
.page-title-image .hero-desktop,
.page-title-image .hero-desktop img,
.page-title-image .hero-desktop video.hero-video,
.page-title-image video.hero-video.hero-desktop {
	display: block !important;
}

.page-title-image .hero-mobile,
.page-title-image .hero-mobile img,
.page-title-image .hero-mobile video.hero-video,
.page-title-image video.hero-video.hero-mobile {
	display: none !important;
}

@media (max-width: 767px) {
	.page-title-image .hero-desktop,
	.page-title-image .hero-desktop img,
	.page-title-image .hero-desktop video.hero-video,
	.page-title-image video.hero-video.hero-desktop {
		display: none !important;
	}
	
	.page-title-image .hero-mobile,
	.page-title-image .hero-mobile img,
	.page-title-image .hero-mobile video.hero-video,
	.page-title-image video.hero-video.hero-mobile {
		display: block !important;
		width: 100%;
		height: auto;
	}
}


.cmplz-obfuscate span {
    display: none
}

#cmplz-manage-consent-container {
    display: none
}

#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories summary {
    display: block;
    cursor: pointer
}

#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories summary::-webkit-details-marker,#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories summary::marker {
    display: none;
    content: ""
}

.cmplz-alert {
    display: none;
    padding: 7px;
    color: white;
    margin: 10px 0
}

.cmplz-alert.cmplz-error {
    background-color: #f44336
}

.cmplz-alert.cmplz-success {
    background-color: green
}

.cmplz-close {
    margin-left: 15px;
    color: white;
    font-weight: bold;
    float: right;
    font-size: 22px;
    line-height: 20px;
    cursor: pointer;
    transition: .3s
}

.cmplz-close:hover {
    color: black
}

#cmplz-cookies-overview .cmplz-dropdown .cmplz-service-description,#cmplz-cookies-overview .cmplz-dropdown .cmplz-sharing-data,#cmplz-document .cmplz-dropdown .cmplz-service-description,#cmplz-document .cmplz-dropdown .cmplz-sharing-data,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cmplz-service-description,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cmplz-sharing-data {
    display: inline-block;
    width: calc(50% - 35px);
    vertical-align: top
}

@media only screen and (max-width: 600px) {
    #cmplz-cookies-overview .cmplz-dropdown .cmplz-service-description,#cmplz-cookies-overview .cmplz-dropdown .cmplz-sharing-data,#cmplz-document .cmplz-dropdown .cmplz-service-description,#cmplz-document .cmplz-dropdown .cmplz-sharing-data,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cmplz-service-description,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cmplz-sharing-data {
        width:100%
    }
}

#cmplz-cookies-overview .cmplz-dropdown summary,#cmplz-document .cmplz-dropdown summary,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary {
    display: block;
    cursor: pointer
}

#cmplz-cookies-overview .cmplz-dropdown summary::-webkit-details-marker,#cmplz-cookies-overview .cmplz-dropdown summary::marker,#cmplz-document .cmplz-dropdown summary::-webkit-details-marker,#cmplz-document .cmplz-dropdown summary::marker,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary::-webkit-details-marker,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary::marker {
    display: none;
    content: ""
}

#cmplz-cookies-overview .cmplz-dropdown summary div,#cmplz-document .cmplz-dropdown summary div,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary div {
    display: grid;
    grid-template: "heading chevron";
    grid-template-columns: 2fr 25px;
    grid-gap: 15px;
    align-items: center
}

#cmplz-cookies-overview .cmplz-dropdown summary div h3,#cmplz-document .cmplz-dropdown summary div h3,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary div h3 {
    grid-area: heading;
    margin: 0
}

#cmplz-cookies-overview .cmplz-dropdown summary div:after,#cmplz-document .cmplz-dropdown summary div:after,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary div:after {
    grid-area: chevron
}

#cmplz-cookies-overview .cmplz-dropdown summary div input[data-category=functional],#cmplz-document .cmplz-dropdown summary div input[data-category=functional],.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary div input[data-category=functional] {
    visibility: hidden
}

#cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy summary,#cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy summary,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown.cmplz-dropdown-cookiepolicy summary {
    display: block
}

#cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy summary div,#cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy summary div,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown.cmplz-dropdown-cookiepolicy summary div {
    grid-template: "heading paragraph label checkbox chevron";
    grid-template-columns: 2fr auto 0 auto 25px
}

#cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy summary div p,#cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy summary div p,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown.cmplz-dropdown-cookiepolicy summary div p {
    grid-area: paragraph
}

#cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose,#cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose {
    display: grid
}

@media only screen and (min-width: 600px) {
    #cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose,#cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose {
        grid-column:span 2;
        grid-template-columns: 1fr 1fr 1fr;
        grid-template: "purpose purpose purpose" "header1 header2 header3" auto
    }

    #cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .purpose,#cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .purpose,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .purpose {
        grid-area: purpose
    }

    #cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .name-header,#cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .name-header,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .name-header {
        grid-area: header1
    }

    #cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .retention-header,#cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .retention-header,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .retention-header {
        grid-area: header2
    }

    #cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .function-header,#cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .function-header,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .function-header {
        grid-area: header3
    }
}

@media only screen and (max-width: 600px) {
    #cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose,#cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose {
        grid-template-columns:100px 1fr
    }

    #cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .purpose,#cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .purpose,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .purpose {
        grid-column: span 2
    }
}

#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories {
    margin-top: 10px;
    display: block;
    width: 100%
}

#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category {
    background-color: rgba(239,239,239,0.25)
}

#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category summary::marker {
    display: none;
    content: ""
}

#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category summary::-webkit-details-marker {
    display: none;
    content: ""
}

#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-description {
    padding: 10px
}

#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category:not(:last-child) {
    margin-bottom: 5px
}

#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header {
    display: grid;
    grid-template-columns: 1fr auto 25px;
    grid-template-rows: auto;
    align-items: center;
    grid-gap: 10px;
    padding: 5px 10px;
    background-color: rgba(239,239,239,0.5)
}

#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header section {
    padding: initial
}

#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header h2 {
    grid-column-start: 1;
    width: 100%;
    justify-self: start;
    font-size: 18px;
    text-align: left;
    margin-top: 8px;
    text-transform: initial;
    padding-bottom: 10px;
    border-bottom: 0;
    margin-bottom: 0
}

#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header h2:before {
    height: 0;
    margin: initial
}

#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-always-active {
    font-size: var(--cmplz_category_header_active_font_size);
    color: var(--cmplz_category_header_always_active_color)
}

#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-always-active label,#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-always-active input {
    display: none
}

#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-banner-checkbox {
    display: flex;
    align-items: center;
    margin: 0;
    padding: initial
}

#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-icon.cmplz-open {
    display: flex;
    align-items: center;
    justify-content: center;
    grid-column-start: 3;
    cursor: pointer;
    content: "";
    background: var(--cmplz_category_open_icon_url) no-repeat;
    transform: rotate(0);
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    background-size: cover;
    height: 25px;
    width: 25px
}

#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category[open] {
    padding-bottom: 1px
}

#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category[open] summary .cmplz-category-header:after,#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category[open] summary .cmplz-icon.cmplz-open {
    transform: rotate(180deg)
}

.postbox #cmplz-document {
    margin: auto auto
}

#cmplz-document,.editor-styles-wrapper .cmplz-unlinked-mode {
    font-size: 14px;
    margin-top: 0;
    max-width: 800px;
    text-justify: inter-word
}

#cmplz-document input::-moz-focus-inner,#cmplz-document button::-moz-focus-inner,.editor-styles-wrapper .cmplz-unlinked-mode input::-moz-focus-inner,.editor-styles-wrapper .cmplz-unlinked-mode button::-moz-focus-inner {
    border: 0;
    padding: 0
}

#cmplz-document a,.editor-styles-wrapper .cmplz-unlinked-mode a {
    text-decoration: underline
}

#cmplz-document a[target=_blank]::after,.editor-styles-wrapper .cmplz-unlinked-mode a[target=_blank]::after {
    content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAQElEQVR42qXKwQkAIAxDUUdxtO6/RBQkQZvSi8I/pL4BoGw/XPkh4XigPmsUgh0626AjRsgxHTkUThsG2T/sIlzdTsp52kSS1wAAAABJRU5ErkJggg==);
    margin: 0 3px 0 5px
}

#cmplz-document a:focus,.editor-styles-wrapper .cmplz-unlinked-mode a:focus {
    border: 1px solid black;
    padding: 2px
}

#cmplz-document #cmplz-dnsmpd-form label,.editor-styles-wrapper .cmplz-unlinked-mode #cmplz-dnsmpd-form label {
    margin-right: 20px;
    min-width: 100px;
    display: inline-block
}

#cmplz-document h2,#cmplz-document h3,.editor-styles-wrapper .cmplz-unlinked-mode h2,.editor-styles-wrapper .cmplz-unlinked-mode h3 {
    font-size: 22px;
    text-align: left;
    margin-top: 15px;
    text-transform: initial;
    padding-bottom: 10px;
    margin-bottom: 10px
}

#cmplz-document.impressum h2,#cmplz-document.impressum h3,.editor-styles-wrapper .cmplz-unlinked-mode.impressum h2,.editor-styles-wrapper .cmplz-unlinked-mode.impressum h3 {
    border-bottom: 0;
    font-size: 1em;
    padding-bottom: 5px;
    margin-bottom: 5px
}

#cmplz-document.impressum p,.editor-styles-wrapper .cmplz-unlinked-mode.impressum p {
    margin-bottom: 7px
}

#cmplz-document h4,.editor-styles-wrapper .cmplz-unlinked-mode h4 {
    font-size: 18px;
    text-align: left;
    margin-top: 15px;
    margin-bottom: 5px;
    text-transform: initial
}

#cmplz-document h5,.editor-styles-wrapper .cmplz-unlinked-mode h5 {
    font-size: 14px;
    text-align: left;
    margin-top: 10px;
    margin-bottom: 5px;
    text-transform: initial
}

#cmplz-document h3.annex,#cmplz-document h4.annex,.editor-styles-wrapper .cmplz-unlinked-mode h3.annex,.editor-styles-wrapper .cmplz-unlinked-mode h4.annex {
    font-weight: bold
}

#cmplz-document span h3,.editor-styles-wrapper .cmplz-unlinked-mode span h3 {
    font-size: 14px;
    border-bottom: 0
}

#cmplz-document p,#cmplz-document li,#cmplz-document td,.editor-styles-wrapper .cmplz-unlinked-mode p,.editor-styles-wrapper .cmplz-unlinked-mode li,.editor-styles-wrapper .cmplz-unlinked-mode td {
    font-size: 14px;
    margin-top: 0
}

#cmplz-document ol.alphabetic,.editor-styles-wrapper .cmplz-unlinked-mode ol.alphabetic {
    counter-reset: list;
    list-style-type: none
}

#cmplz-document ol.alphabetic li:before,.editor-styles-wrapper .cmplz-unlinked-mode ol.alphabetic li:before {
    font-weight: bold;
    content: counter(list,lower-alpha) ") ";
    counter-increment: list
}

#cmplz-document ul,.editor-styles-wrapper .cmplz-unlinked-mode ul {
    list-style: disc;
    margin-left: 15px;
    margin-bottom: 15px
}

#cmplz-document ol.alphabetic ol,.editor-styles-wrapper .cmplz-unlinked-mode ol.alphabetic ol {
    counter-reset: list;
    list-style-type: none
}

#cmplz-document ol.alphabetic ol li:before,.editor-styles-wrapper .cmplz-unlinked-mode ol.alphabetic ol li:before {
    font-weight: bold;
    content: counter(list,decimal) ") ";
    counter-increment: list
}

#cmplz-document .cmplz-subtitle,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-subtitle {
    font-weight: bold;
    margin-top: 25px
}

#cmplz-document .cmplz-indent,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-indent {
    margin-left: 36px
}

#cmplz-cookies-overview .cmplz-dropdown,#cmplz-document .cmplz-dropdown,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown {
    background-color: rgba(239,239,239,0.25)
}

#cmplz-cookies-overview .cmplz-dropdown h4,#cmplz-document .cmplz-dropdown h4,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown h4 {
    font-size: 18px;
    text-align: left;
    margin-top: 15px;
    margin-bottom: 5px;
    text-transform: initial
}

#cmplz-cookies-overview .cmplz-dropdown p,#cmplz-cookies-overview .cmplz-dropdown a,#cmplz-document .cmplz-dropdown p,#cmplz-document .cmplz-dropdown a,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown p,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown a {
    font-size: 14px;
    margin-top: 0
}

#cmplz-cookies-overview .cmplz-dropdown p,#cmplz-cookies-overview .cmplz-dropdown h4,#cmplz-cookies-overview .cmplz-dropdown ul,#cmplz-document .cmplz-dropdown p,#cmplz-document .cmplz-dropdown h4,#cmplz-document .cmplz-dropdown ul,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown p,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown h4,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown ul {
    padding: 0 15px
}

#cmplz-cookies-overview .cmplz-dropdown p.legal-obligations-description,#cmplz-document .cmplz-dropdown p.legal-obligations-description,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown p.legal-obligations-description {
    padding-bottom: 15px
}

#cmplz-cookies-overview .cmplz-dropdown summary::marker,#cmplz-document .cmplz-dropdown summary::marker,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary::marker {
    display: none;
    content: ""
}

#cmplz-cookies-overview .cmplz-dropdown summary::-webkit-details-marker,#cmplz-document .cmplz-dropdown summary::-webkit-details-marker,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary::-webkit-details-marker {
    display: none;
    content: ""
}

#cmplz-cookies-overview .cmplz-dropdown summary,#cmplz-document .cmplz-dropdown summary,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary {
    display: block;
    background-color: rgba(239,239,239,0.5);
    margin: 5px 0;
    padding: 5px 10px;
    align-items: center;
    justify-items: stretch
}

#cmplz-cookies-overview .cmplz-dropdown summary h3,#cmplz-document .cmplz-dropdown summary h3,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary h3 {
    padding: 0 5px;
    border-bottom: 0;
    font-size: 18px;
    border-bottom: 0
}

#cmplz-cookies-overview .cmplz-dropdown summary p,#cmplz-document .cmplz-dropdown summary p,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary p {
    text-align: right;
    padding: 0;
    margin: 0;
    font-size: 14px;
    border-bottom: 0
}

#cmplz-cookies-overview .cmplz-dropdown summary div:after,#cmplz-document .cmplz-dropdown summary div:after,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary div:after {
    cursor: pointer;
    content: "";
    background: url(../images/chevron-down.svg) no-repeat;
    transform: rotate(0);
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    background-size: cover;
    height: 18px;
    width: 18px;
    margin: 3px
}

#cmplz-cookies-overview .cmplz-dropdown[open],#cmplz-document .cmplz-dropdown[open],.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown[open] {
    padding-bottom: 1px
}

#cmplz-cookies-overview .cmplz-dropdown[open] summary div:after,#cmplz-document .cmplz-dropdown[open] summary div:after,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown[open] summary div:after {
    transform: rotate(180deg)
}

#cmplz-cookies-overview .cmplz-dropdown h4,#cmplz-document .cmplz-dropdown h4,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown h4 {
    font-size: 15px;
    margin: 5px 0
}

#cmplz-cookies-overview .cmplz-dropdown h5,#cmplz-document .cmplz-dropdown h5,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown h5 {
    margin: 0
}

#cmplz-cookies-overview .cmplz-dropdown .cmplz-service-description,#cmplz-cookies-overview .cmplz-dropdown .cmplz-sharing-data,#cmplz-document .cmplz-dropdown .cmplz-service-description,#cmplz-document .cmplz-dropdown .cmplz-sharing-data,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cmplz-service-description,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cmplz-sharing-data {
    padding: 0 15px 15px
}

#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose,#cmplz-document .cmplz-dropdown .cookies-per-purpose,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose {
    border: 1px solid #dadada;
    grid-gap: 1px;
    background-color: #dadada;
    margin-bottom: 10px
}

#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose div,#cmplz-document .cmplz-dropdown .cookies-per-purpose div,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose div {
    background-color: white;
    padding: 15px
}

@media only screen and (min-width: 600px) {
    #cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose .name-header,#cmplz-document .cmplz-dropdown .cookies-per-purpose .name-header,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose .name-header {
        background-color:#f7f7f7
    }

    #cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose .retention-header,#cmplz-document .cmplz-dropdown .cookies-per-purpose .retention-header,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose .retention-header {
        background-color: #f7f7f7
    }

    #cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose .function-header,#cmplz-document .cmplz-dropdown .cookies-per-purpose .function-header,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose .function-header {
        background-color: #f7f7f7
    }
}

@media only screen and (max-width: 600px) {
    #cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose h5,#cmplz-document .cmplz-dropdown .cookies-per-purpose h5,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose h5 {
        line-height:1.8
    }

    #cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+2),#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+3),#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+4),#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+5),#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+6),#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+7),#cmplz-document .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+2),#cmplz-document .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+3),#cmplz-document .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+4),#cmplz-document .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+5),#cmplz-document .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+6),#cmplz-document .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+7),.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+2),.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+3),.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+4),.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+5),.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+6),.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+7) {
        background-color: #f7f7f7
    }
}