/*
Theme Name: deZem Theme
Description: Child theme for Uncode theme
Author: Simon Obitz | meiio ux design, Berlin
Author URI: http://www.undsgn.com
Template: uncode
Version: 1.0.0
Text Domain: uncode
*/

/*
Customizations:

Dev
Variables
Typography
Backgrounds
Images
Headers
Breadcrumps

Custom Details Containers
Custom Download Container
Custom Quote Container
Custom CTA Teaser

Posts Carousel + OWL Slider
Image Carousel
Slider Dots

Module Before + After

Links
Buttons
Icons
Cards
Grids
Forms

Menu + Navbar
Language Switcher (WPML)

WP Admin Backend

Breakpoints:
	Smartphone | Tablet
	569px | 570px
	
	Tablet | Desktop
	959px | 960px
	
	Additional optional breakpoint:
	Desktop | Desktop XL
	1439px | 1440px

Targets:
startpage - content
page - content
post - content
portfolio - content
project - content

content - images
content - grid images
content - column boxes


*/


/* -- DEV -- -- -- -- -- */

div { 
	outline: 0px solid rgba(50, 50, 50, 0.1); 
}
div:hover, div:focus { 
	outline: 0px solid rgba(200, 50, 50, 0.8);
}

h1, h2, h3, h4, h5, h6 { 
	outline: 0px solid rgba(50, 50, 50, 0.1); 
	transition: all 0.3s ease;
}
h1:hover, h2:hover, h3:hover, h4:hover, h5:hover, h6:hover,
h1:focus, h2:focus, h3:focus, h4:focus, h5:focus, h6:focus {
	outline: 0px solid rgba(50, 50, 200, 0.2);
	xbackground-color: rgba(160, 200, 240, 0.2);
}

article .row h1, 
article .row h2 {
	/* text-shadow: 2px 2px 12px rgba(0, 0, 0, 0.2); */
}

.dev--hero-subline-2 p {
	font-weight: 600;
	/* text-shadow: 2px 2px 12px rgba(0, 0, 0, 0.2); */
}

.post-wrapper .post-content {
	min-height: 50vh;
}

.dev-hide {
	display: none !important;
}

/* row + col layout */
/*
.row-inner {
	outline: 1px solid rgba(50, 50, 50, 0.1); 
	transition: all 0.3s ease;
}
.uncell {
	outline: 1px solid rgba(50, 50, 50, 0.1); 
	transition: all 0.3s ease;
}
.uncode_text_column {
	outline: 1px dashed rgba(50, 50, 50, 0.2); 
	transition: all 0.3s ease;
}
*/

/* Demo Mega-Menü: Spaltentitel fett */
.submenu-light .menu-horizontal .menu-smart > .mega-menu .mega-menu-inner > li > a {
	font-weight: 600;
	border-bottom: 1px solid #aaa;
	margin-bottom: 9px;
}

/* TopMenu: Häkchen entfernen */
.top-menu i.fa { display: none; }

/* Burger Overlay Menu: Häkchen links am Text ansetzen */
@media (min-width: 960px) {
	.vmenu-left .menu-smart:not(.menu-cta-inner) a i.fa-dropdown {
		float: none;
		top: 0;
	}
}

/* Lateral Overlay Menu: Breite anpassen */
@media (min-width: 960px) {
	.main-header, .vmenu-container {
		/*width: 440px !important; */
	}
}


/* Responsive Breite ans Logo ranschreiben */
.main-logo:after {
	content: "*";
	position: absolute;
	top: calc(100% - 4px);
	left: 0;
	width: auto;
	font-size: 11px;
	color: var(--grey30, gray)
}
@media (min-width: 1440px) { 
	.main-logo:after { content: "Desktop wide"; }
}
@media (min-width: 960px) and (max-width: 1439px) { 
  .main-logo:after { content: "Desktop"; }
}
@media (min-width: 570px) and (max-width: 959px) { 
  .main-logo:after { content: "Tablet"; }
}
@media (max-width: 569px) { 
  .main-logo:after { content: "Smartphone"; }
}

/* Responsive Breite ins Menü oben links ranschreiben */
.menu-bloginfo .menu-bloginfo-inner:before {
	content: "Responsive | ";
}
@media (min-width: 1440px) { 
	.menu-bloginfo .menu-bloginfo-inner:before { content: "Desktop wide | "; }
}
@media (min-width: 960px) and (max-width: 1439px) { 
  .menu-bloginfo .menu-bloginfo-inner:before { content: "Desktop | "; }
}
@media (min-width: 570px) and (max-width: 959px) { 
  .menu-bloginfo .menu-bloginfo-inner:before { content: "Tablet | "; }
}
@media (max-width: 569px) { 
  .menu-bloginfo .menu-bloginfo-inner:before { content: "Smartphone | "; }
}


/* Testweise Menüpunkte ein/ausschalten */
@media (min-width: 1080px) {
	.dev--hide-on-desktop { display: none !important; }
	.dev--show-on-tablet { display: none !important; }
	.dev--show-on-smartphone { display: none !important; }
}
@media (min-width: 570px) and (max-width: 1079px) {
	.dev--show-on-desktop { display: none !important; }
	.dev--hide-on-tablet { display: none !important; }
	.dev--show-on-smartphone { display: none !important; }
}
@media (max-width: 569px) {
	.dev--show-on-desktop { display: none  !important; }
	.dev--show-on-tablet { display: none !important; }
	.dev--hide-on-smartphone { display: none !important; }
}


/* Overlay im Header - header-overlay-area-test-01.svg*/
.testpage-headerimage-4 .block-bg-overlay {
	background-color: transparent !important;
	background-image: url(ui-elements/header-overlay-area-test-03-orange.svg);
	background-repeat: no-repeat;
	background-position: top left;
	background-size: 55%;
	opacity: 0.5 !important;
}
@media (min-width: 570px) and (max-width: 959px) { 
	.testpage-headerimage-4 .block-bg-overlay {
		background-size: 50%;
		background-position: top 0 left -60%;
	}
}
@media (max-width: 569px) { 
	.testpage-headerimage-4 .block-bg-overlay {
		background-size: 50%;
		background-position: top 0 left -60%;
	}
}





/* -- VARIABLES -- -- -- -- -- */
:root {
	/* Colors */
	--brandorange: #f3941a;
	--brandorange-dark: #db7013;
	--brandorange-mid: #ed8e15;
	--brandorange-hover: #db7013;
	--brandorange-dark-hover: #c45b10;
	
	--brandblue: #257db8;
	--brandblue-dark: #165782;
	--brandblue-light: #c9e2f2;
	--brandblue-light2: #e5eef4;
	
	--grey00: #ffffff;
	--grey01: #fafbfc;
	--grey02: #f7f8f9;
	--grey05: #f2f3f4;
	--grey10: #e6e7e8;
	--grey15: #dadbdc;
	--grey20: #cacbcc;
	--grey30: #b1b2b3;
	--grey40: #969899;
	--grey50: #7d7e80;
	--grey60: #636466;
	--grey70: #494b4d;
	--grey80: #2f3233;
	--grey90: #17181a;
	--grey99: #000000;
	
	--greyblue-grad-light: #406680; /* more blue: #525F6A */
	--greyblue-grad-dark:  #203340; /* more blue: #27353F */
	
	--dev-todo: #e81595;
	
	
	/* Spaces */
	--space-full: 36px;
	--space-half: 18px;
	--space-quart: 9px;
	
	/* Radiuses */
	--radius-base: 18px;
	--radius-xxl: 100px;
	--radius-lg: 36px;
	--radius-md: 18px;
	--radius-sm: 9px;
	--radius-xs: 4px;
	
	/* Typography */
	/* Test */
	
	--dev-basesize: 1.0rem; /* Theme: 16px */
	--dev-type-m: 1.288;	/* h1 = 44px */
	
	--dev-lineheight: 1.375; /* Fira Copy */
	--dev-lineheight-headline: 1.227; /* Fira Headlines */
	--dev-lineheight-headline-uppercase: 1.173; /* Fira HEADLINES */
	
	--dev-typescale-h1-d2: calc(var(--dev-basesize) * var(--dev-type-m) * var(--dev-type-m) * var(--dev-type-m) * var(--dev-type-m) * var(--dev-type-m) * 0.91);
	--dev-typescale-h1-d1: calc(var(--dev-basesize) * var(--dev-type-m) * var(--dev-type-m) * var(--dev-type-m) * var(--dev-type-m));
	/* --dev-typescale-h1-d1: calc(var(--dev-basesize) * var(--dev-type-m) * var(--dev-type-m) * var(--dev-type-m) * var(--dev-type-m) * ( (var(--dev-type-m) - 1) / 2 + 1 )   ); */
	
	--dev-typescale-h1: calc(var(--dev-basesize) * var(--dev-type-m) * var(--dev-type-m) * var(--dev-type-m) * var(--dev-type-m));
	--dev-typescale-h2: calc(var(--dev-basesize) * var(--dev-type-m) * var(--dev-type-m) * var(--dev-type-m));
	--dev-typescale-h3: calc(var(--dev-basesize) * var(--dev-type-m) * var(--dev-type-m));
	--dev-typescale-h4: calc(var(--dev-basesize) * var(--dev-type-m));
	--dev-typescale-h5: calc(var(--dev-basesize) * 1.0);
	--dev-typescale-h6: calc(var(--dev-basesize) * 1.0);
	--dev-typescale-p-large: calc(var(--dev-basesize) * 1.125); /* 16px -> 18px */
	--dev-typescale-p-small: calc(var(--dev-basesize) * 0.875); /* 16px -> 14px */
	
	--dev-typescale-h1-d2-subline: calc(var(--dev-basesize) * 1.262 * var(--dev-type-m)); /* 26px, 1.625 */
	--dev-typescale-h1-d1-subline: calc(var(--dev-basesize) * 1.165 * var(--dev-type-m)); /* 24px, 1.5 */
}



/* -- TYPOGRAPHY -- -- -- -- -- */

/* Load fonts locally */
/* @import url("fonts/fira-sans.css");           /* 'Fira Sans' */
/* @import url("fonts/fira-sans-condensed.css"); /* 'Fira Sans Condensed' */


/* Test */
h1, h2, h3, h4, h5, h6 { outline: 0px dotted orange !important; }


/* Headline Sizes */
h1, .h1 { 
	font-size: var(--dev-typescale-h1);
	line-height: var(--dev-lineheight-headline-uppercase);
	font-weight: 500;
}

.page-wrapper h2, .page-wrapper .h2 { 
	font-size: var(--dev-typescale-h2);
	line-height: var(--dev-lineheight-headline-uppercase);
	font-weight: 500;
	text-transform: uppercase;
	color: var(--brandorange-dark);
}
.page-wrapper .style-dark h2, .page-wrapper .style-dark .h2 {
	color: var(--brandorange);
}

h3, .h3 { font-size: var(--dev-typescale-h3) !important; }
h4, .h4 { font-size: var(--dev-typescale-h4) !important; }
h5, .h5 { font-size: var(--dev-typescale-h5) !important; }
h6, .h6 { font-size: var(--dev-typescale-h6) !important; }

/* text-transform: uppercase; font-weight: 400; letter-spacing: 0.05em; */

/* space above headlines */
.uncode_text_column h5 {
	margin-top: 18px;
}


/* paragraph after headline */
.uncode_text_column h5 + p {
	margin-top: 0 !important;
}



/* headlines with links */
h3 a, h4 a, h5 a, h6 a {
	color: var(--brandorange-dark) !important;
}
h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
	color: var(--brandorange-dark-hover) !important;
}


/* Display Sizes */
/* !! Fontgrößen über die im Theme angelegten Größen "Display 1" etc. werden über abstrakte Klassen vom Theme zugeordnet, 
	daher kann es keine direkte Einstellung von Zeilenabstand etc. zu diesen Styles des Themes geben.
	Da die Display-Größen nur in den Headern und diese nur über Content-Blöcke verwendet werden, 
	werden diese direkt über CSS-Klassen definiert.
	Die Header haben dazu die Klassen .dzm--header-[typ] .
 */ 

.display2 h1 { 
	font-size: var(--dev-typescale-h1-d2); 
	line-height: var(--dev-lineheight-headline-uppercase);
	font-weight: 500; 
	text-transform: uppercase;
}
.display2-subline  { 
	font-size: var(--dev-typescale-h1-d2-subline) !important; 
	line-height: var(--dev-lineheight-headline);
	font-weight: 400; 
}

.display1 h1 { 
	font-size: var(--dev-typescale-h1-d1);
	line-height: var(--dev-lineheight-headline-uppercase);
	font-weight: 500; 
	text-transform: uppercase;
}

.display1-subline  { 
	font-size: var(--dev-typescale-h1-d1-subline) !important; 
	line-height: var(--dev-lineheight-headline);
	line-height: 1.173 !important;
	font-weight: 400; 
}
.display1-subline2 { 
	font-size: var(--dev-typescale-h1-d1-subline) !important; 
	line-height: var(--dev-lineheight-headline);
	font-weight: 500; 
}


/* Copy + Intro Sizes */
.text-lead p  { font-size: var(--dev-typescale-p-large) !important; }
.text-small p { font-size: var(--dev-typescale-p-small) !important; }


/* Line heights */
h1				{ line-height: var(--dev-lineheight-headline); }
h2				{ line-height: var(--dev-lineheight-headline-uppercase); }
h3, h4, h5, h6	{ line-height: var(--dev-lineheight-headline); }
p, .text-lead p { line-height: var(--dev-lineheight) !important; }


/* Cursor on text */
h1, h2, h3, h4, h5, h6, p, blockquote, cite, .page-wrapper li {
	cursor: default;
}


/* TRANSITION on links */
.main-wrapper a {
	transition: color 300ms linear;
}

/* targeting only links in page content */
/*
.main-wrapper a {
	background: rgba(0,0,0,0.0);
	position: relative;
	display: inline-block;
}
.main-wrapper a::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 1.5px;
	border-radius: 1px;
	background-color: var(--brandorange-dark);
	bottom: 0;
	left: 0;
	transform-origin: right;
	transform: scaleX(0);
	transition: transform .3s ease-in-out;
}
.main-wrapper a:hover::before {
	transform-origin: left;
	transform: scaleX(1);
}
*/

/* but not the download element */
/*
.dzm--download-single a::before {
	background-color: transparent;
	height: 0;
}
.dzm--download-single a:hover::before {
	transform: none;
}
*/



/* -- TYPOGRAPHY: RESPONSIVE ADAPTION -- */

/* Adaption für Tablet und Smartphone */
/* Desktop XL */
/*
@media (min-width: 1440px) {
  :root { --dev-type-m: 1.333; }
}
*/

/* Desktop */
@media (min-width: 960px) and (max-width: 1439px) {
	/* keine Änderung */
}

/* Tablet */
@media (min-width: 570px) and (max-width: 959px) {
  :root { --dev-type-m: 1.25; }
}

/* Smartphone */
@media (max-width: 569px) {
  :root { --dev-type-m: 1.2; }
}



/* -- TYPOGRAPHY: HYPHENATION -- -- -- -- -- */

/* Trennungen bei h1, h2 */
h1, h2 {
	/* hyphens: none; */
}

p {
	hyphens: auto;
	hyphenate-limit-chars: 12 5 5;
	-webkit-hyphenate-limit-before: 5; /* Safari */
	-webkit-hyphenate-limit-after:  5; /* Safari */
	-ms-hyphenate-limit-chars: 12 5 5; /* IE 10+ */
	/* no support in Firefox */
}

/* no hyphenation in intro texts */
.text-lead p { 
	hyphens: none;
}

/* Trennungen der Headlines bei Desktop-Breite */
@media (min-width: 960px) {
	h3, h4, h5, h6 {
		hyphens: none;
		hyphenate-limit-chars: 12 5 5;
		-webkit-hyphenate-limit-before: 5; /* Safari */
		-webkit-hyphenate-limit-after:  5; /* Safari */
		-ms-hyphenate-limit-chars: 12 5 5; /* IE 10+ */
		/* no support in Firefox */
	}
}

/* Trennungen der Headlines bei Tablet-Breite */
@media (min-width: 570px) and (max-width: 959px) {
	h1, h2, h3, h4, h5, h6 {
		hyphens: none;
		hyphenate-limit-chars: 12 5 5;
		-webkit-hyphenate-limit-before: 5; /* Safari */
		-webkit-hyphenate-limit-after:  5; /* Safari */
		-ms-hyphenate-limit-chars: 12 5 5; /* IE 10+ */
		/* no support in Firefox */
	}
}

/* Trennungen der Headlines bei Smartphone-Breite */
@media (max-width: 569px) {
	h1, h2, h3, h4, h5, h6 {
		hyphens: auto;
		hyphenate-limit-chars: 12 5 5;
		-webkit-hyphenate-limit-before: 5; /* Safari */
		-webkit-hyphenate-limit-after:  5; /* Safari */
		-ms-hyphenate-limit-chars: 12 5 5; /* IE 10+ */
		/* no support in Firefox */
	}
}


/* -- TYPOGRAPHY: LINKS -- -- -- -- -- */

a {}
a:hover, a:focus {}

/* Abstand zwischen Überschriften und Textblöcken */
.main-container .row-container .row-parent .single-internal-gutter .uncont > :not(.uncode-owl-nav-wrap) {
	margin-top: 1rem;
}


/* -- TYPOGRAPHY: LISTS -- -- -- -- -- */
/* Listen, Auflistungen, Aufzählungen */

/* dev */
ul, ol { outline: 0px solid rgba(0, 0, 0, 0.2); }
li { outline: 0px dashed rgba(200, 20, 20, 0.2); }

/* ul, Original uncode-CSS */
.post-content ul:not(.no-list):not(.navigation):not(.pagination):not(.term-filters-list):not(.uncode-woocommerce-sorting-dropdown):not(.nav-tabs), 
.post-content ul:not(.no-list):not(.navigation):not(.pagination):not(.term-filters-list) ul:not(.uncode-woocommerce-sorting-dropdown) {
	list-style-type: none;
	padding: 0;
	position: relative;
}

/* li */
.post-content ul:not(.no-list):not(.navigation):not(.pagination):not(.term-filters-list):not(.uncode-woocommerce-sorting-dropdown):not(.nav-tabs) > li, 
.post-content ul:not(.no-list):not(.navigation):not(.pagination):not(.term-filters-list) ul:not(.uncode-woocommerce-sorting-dropdown) > li {
	line-height: 1.33;
	margin-left: 0;
	padding-bottom: 0.25rem;
	padding-left: 1.25rem;
	position: relative;
	word-break: break-word;
}

/* steps */
.post-content ul > li > ul {
	margin: 0;
	padding-top: 0.25rem !important;
}
.post-content ul > li > ul > li::before {}
.post-content ul > li > ul > li > ul > li::before {}


/* li::before */
.post-content ul:not(.no-list):not(.navigation):not(.pagination):not(.term-filters-list):not(.uncode-woocommerce-sorting-dropdown):not(.nav-tabs) > li::before, 
.post-content ul:not(.no-list):not(.navigation):not(.pagination):not(.term-filters-list) ul:not(.uncode-woocommerce-sorting-dropdown) > li::before {
	position: absolute;
	content: "";
	width: 7px;
	height: 7px;
	background-color: var(--brandorange-dark);
	border-radius: 50%;
	left: -1px;
	top: 7px;
}

/* ol */
.post-content ol {
	position: relative;
	margin: 1rem 0;
	padding: 0;
	list-style: none;
	counter-reset: aleph;
}
.post-content ol > li {
	margin: 0;
	padding-left: 1.25rem;
	margin-bottom: 0.25rem;
	position: relative;
	line-height: 1.33;
	word-break: break-word;
	counter-increment: aleph;
}
.post-content ol > li:before {
	content: counters(aleph, ".") ". ";
	color: var(--brandorange-dark);
	font-weight: 600;
	position: absolute;
	left: 0;
}

/* steps */
.post-content ol > li > ol {
	margin-top: 0.25rem;
	margin-left: 0rem;
}
.post-content ol > li > ol > li {
	padding-left: 2rem;
}
.post-content ol > li > ol > li > ol > li {
	padding-left: 2.5rem;
}





/* -- BACKGROUNDS -- -- -- -- -- */

/* Page Background Fallback */
/*
.sections-container {
	background-color: #fff;
}
*/





/* -- IMAGES -- -- -- -- -- */
/* images have round corners everywhere */

/* round corners in page builder single image settings */
@import 'pagebuilder-corner-settings.css';


/* fallback: corner radius for every image */
.uncode-single-media .uncode-single-media-wrapper {
	outline: 0px solid blue;
	border-radius: var(--radius-base);
	overflow: hidden;
}

/* images with border from pagebuilder */
html .uncode-single-media .tmb-bordered .t-entry-visual-tc {
	padding: 0;
}
html .uncode-single-media .tmb-bordered .uncode-single-media-wrapper {
	border: 4px solid black;
}
.style-light .uncode-single-media-wrapper.img-thumbnail:not(.single-advanced) {
	border-color: var(--brandorange-mid);
}
.style-dark .uncode-single-media-wrapper.img-thumbnail:not(.single-advanced) {
	border-color: var(--brandorange);
}
html .uncode-single-media .tmb-bordered .t-entry-visual {
	border: none !important;
}

/* title images in news may have figure captions */
figcaption {
	font-size: var(--dev-typescale-p-small);
	line-height: 1.33;
	color: var(--grey50);
	margin: 18px 36px 18px 18px;
	outline: 0px dotted gray;
}




/* -- HEADERS -- -- -- -- -- */

/* Display Sizes in orange Headers */

.dzm--header {}
.dzm--header-start {}
.dzm--header-theme {}
.dzm--header-section {}
.dzm--header-sub {}
.dzm--header-product {}


/* All Headers */
/* orange area */
.dzm--header-inner-area .uncont {
	border-bottom-right-radius: 36px;
	padding-left: 72px;
	outline: 0px solid white;
	/* opacity: 50%; */
}
/* headline */
.dzm--header h1 {
	text-transform: uppercase;
}
/* subline */
.dzm--header-inner-area .uncont p { 
	font-size: var(--dev-typescale-h1-d1-subline);
	line-height: var(--dev-lineheight-headline);
	font-weight: 400;
}
/* space between headline + subline */
.dzm--header-inner-area .uncont .uncode_text_column {
	margin-top: 1rem !important;
}

/* width of orange area */
.dzm--header .uncont.col-custom-width {
	max-width: 50% !important;
}

/* height of orange area */
.dzm--header .uncont {
	min-height: 240px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}


/* bigger width on tablet */
@media (min-width: 960px) and (max-width: 1279px) {
    /* .dzm--header .uncont.col-custom-width { max-width: 80% !important; } */
}

/* Tablet + Smartphone */
@media (max-width: 959px) {
	/* set Header to fill width */
    .dzm--header .uncont.col-custom-width { 
		max-width: 80% !important; 
	}
	.dzm--header-inner-area .uncont { 
		padding-left: 36px;
		border-bottom-right-radius: 0;
	}
	/* set image underneath */
	.dzm--header .row-background { 
		/* top: 200px; */
	}
}


/* -- HEADER SUB PAGES -- -- -- -- -- */


/* -- HEADER START PAGE */
/* Headline */
.dzm--header-start h1 {
	font-size: var(--dev-typescale-h1-d2);
	text-transform: uppercase;
}
/* Subline */
.dzm--header-start .dzm--header-inner-area .uncont { 
	font-size: var(--dev-typescale-h1-d2-subline);
	line-height: var(--dev-lineheight-headline);
	font-weight: 400;
	color: var(--grey00);
}


/* -- HEADER PRODUCT PAGES */
.dzm--header-product {
    outline: 0px solid gray;
}
.dzm--header-product-title {
    outline: 0px solid gray;
}

/* Content vertically centered */
.dzm--header-product-title .uncont {
	min-height: 0px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

/* Headline */
.dzm--header-product h1 {
	text-transform: uppercase;
}
/* Subline - part of h1, but set differently */
.dzm--header-product h1 span.dzm--header-product-title-subline {
	display: block;
	padding-top: 9px;
	text-transform: none;
	font-size: var(--dev-typescale-h1-d1-subline);
	font-weight: 500;
	letter-spacing: 0.02em;
}
/* Description */
.dzm--header-product-title p {
	/* text size large - set in text block */
}

/* Background */
.dzm--header-product .row-inner {
    background-color: var(--brandorange-mid) !important;
    border-radius: 18px;
}
/* Title container */
/* must be set further left */
.dzm--header-product-title .uncol {
    left: -36px !important;
}
.dzm--header-product-title .uncell {
    padding-right: 0;
    border-top-left-radius: 18px;
    border-bottom-left-radius: 18px;
}

/* Image container */
.dzm--header-product-image .uncell {
    border-radius: 18px;
}

/* Responsive Adaptations */
/* Tablet: set title container back into page grid */
@media (max-width: 1112px) {
    .dzm--header-product-title .uncol { left: 0 !important; }
    .dzm--header-product-title .uncell { padding-right: 36px; }
}
/* set corner radius top right on smartphone */
@media (max-width: 759px) {
	.dzm--header-product-title .uncell {
	    border-top-right-radius: 18px;
	}
}





/* -- BREADCRUMPS -- -- -- -- -- */
/* uncode */
/* background white, no borders, small padding, text-align always left, home = icon */

/* page, set by theme settings in page header */
.row-breadcrumb { border: none !important; }
.row-breadcrumb .row-parent { padding: 18px 36px !important; }
.row-breadcrumb.row-breadcrumb-light { background-color: var(--grey02); }
.breadcrumb-title { display: none; }

.style-light .breadcrumb {}
.style-dark .style-light .breadcrumb {}
.row-breadcrumb ol.breadcrump {}

:not(.breadcrumb-module).breadcrumb > li { 
	font-size: 0.875rem !important;
	color: inherit;
	opacity: 0.8;
}

.row-breadcrumb ol li {}
.row-breadcrumb ol li a {}
.row-breadcrumb ol li:first-child a {
	display: inline-block;
	background: url(icons/icon-breadcrump-home.svg) left center no-repeat;
	width: 24px;
	height: 24px;
	text-indent: -999px;
}
.row-breadcrumb ol li:first-child a:hover{
	background: url(icons/icon-breadcrump-home-orange.svg) left center no-repeat;
}

.row-breadcrumb ol li:first-child a:before {}

.row-breadcrumb ol li:last-child {}
.row-breadcrumb ol li:last-child a {}

.row-breadcrumb ol li.current {
	/*font-weight: 500; */
}
.row-breadcrumb ol li.current a {}

.breadcrumb > li + li:not(.paged)::before {
	content: "›";
	font-weight: 400;
	color: inherit;
	padding: 0px 0.5em;
}

/* Tablet + Smartphone */
@media (max-width: 959px) {
	.breadcrumb { text-align: left; }
}

/* Smartphone */
@media (max-width: 569px) {
	/* .row-breadcrumb { display: none; } */
	:not(.breadcrumb-module).breadcrumb > li { 
		font-size: 0.75rem !important;
	}
}



/* breaedcrump pagebuilder module */
/* markup:
	uncode_breadcrumbs_wrap
		ol.breadcrumb.breadcrumb-module
			li
				a
*/

.uncode_breadcrumbs_wrap {
	min-height: 0;
	padding: 0px 0;
	outline: 0px dashed red;
}

.uncode_breadcrumbs_wrap ol {
	margin: 0;
	list-style: none;
	outline: 0px dashed blue;
}

.uncode_breadcrumbs_wrap ol li { 
	margin: 0;
	font-size: 0.875rem !important;
	color: inherit;
	opacity: 0.8;
}

.uncode_breadcrumbs_wrap ol > li:first-child {
	padding-left: 0;
}
.uncode_breadcrumbs_wrap ol > li:first-child::before {
	display: none;
}

.uncode_breadcrumbs_wrap ol li a {
	padding: 3px 0px;
	outline: 0px dashed green;
}

.uncode_breadcrumbs_wrap ol li:first-child a {
	display: inline-block;
	background: url(icons/icon-breadcrump-home.svg) left center no-repeat;
	width: 24px;
	height: 24px;
	text-indent: -999px;
}
.uncode_breadcrumbs_wrap ol li:first-child a:hover{
	background: url(icons/icon-breadcrump-home-orange.svg) left center no-repeat;
}

.uncode_breadcrumbs_wrap ol li.current {
	font-weight: 400;
}
.uncode_breadcrumbs_wrap ol li.current a {}






/* -- CUSTOM DETAILS CONTAINERS -- -- -- -- -- */


/* FEATURES */
/* Feature Box built with pagebuilder text block + css */
.dzm--features-textblock {
	background-color: var(--brandorange-mid);
	background-image: linear-gradient(150deg, var(--brandorange-mid), var(--brandorange-dark));
	border-radius: var(--radius-base);
	padding: 21px 27px !important;
}
.dzm--features-textblock h3,
.dzm--features-textblock h4,
.dzm--features-textblock h5, 
.dzm--features-textblock h6,
.dzm--features-textblock p,
.dzm--features-textblock ul li {
	color: var(--grey00) !important;
	letter-spacing: 0.02em;
	text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.08);
}

.dzm--features-textblock p {
	font-weight: 400;
}
.dzm--features-textblock ul {
	margin-top:    2rem;
	margin-bottom: 2rem;
	border-top: 2px solid rgba(255, 255, 255, 0.5);
	list-style: none;
}
.dzm--features-textblock ul li {
	outline: 0px dotted white;
	display: block;
	border-bottom: 2px solid rgba(255, 255, 255, 0.5);
	padding-top:    1rem;
	padding-bottom: 1rem !important;
	padding-left: 36px !important;
	font-weight: 400;
	color: rgba(255, 255, 255, 0.9);
	letter-spacing: 0.02em;
}
.dzm--features-textblock ul li:before {
	position: absolute;
	content: "";
	background: url(icons/icon-feature-check-32-white.svg) no-repeat 0 0;
	background-color: transparent !important;
	border-radius: 0 !important;
	width: 32px !important;
	height: 32px !important;
	left: 0 !important;
	top: 10px !important;
}

.dzm--features-textblock ul li strong {
	font-weight: 600;
	letter-spacing: 0.04em;
	padding-right: 0.25em;
}


/* Smartphone */
@media (max-width: 569px) {
	.dzm--features-textblock {
		padding: 18px 18px 18px 18px !important;
	}
}


/* TECHNICAL DETAILS */
/* Feature Box built with pagebuilder text block + css */
.dzm--techdetails-textblock {
	background: transparent;
	border: 3px solid var(--brandorange-mid);
	border-radius: var(--radius-base);
}

.dzm--techdetails-textblock {
	border-radius: var(--radius-base);
	padding: 21px 27px !important;
}
.dzm--techdetails-textblock h3,
.dzm--techdetails-textblock h4,
.dzm--techdetails-textblock h5, 
.dzm--techdetails-textblock h6,
.dzm--techdetails-textblock p,
.dzm--techdetails-textblock ul li {}
.dzm--techdetails-textblock p {}

.dzm--techdetails-textblock ul {
	margin-top:    1.0rem;
	margin-bottom: 1.0rem;
	border-top: 0px solid rgba(0, 0, 0, 0.5);
}
.dzm--techdetails-textblock ul li {
	display: block;
	border-bottom: 0px solid rgba(0, 0, 0, 0.5);
	padding-top:    0.25rem;
	padding-bottom: 0.25rem !important;
	font-weight: 400;
}
.dzm--techdetails-textblock ul li strong {
	font-weight: 600;
	letter-spacing: 0.04em;
	padding-right: 0.25em;
}
.dzm--techdetails-textblock ul li::before {
	position: absolute;
	content: "";
	width: 7px;
	height: 7px;
	background-color: var(--brandorange-dark) !important;
	border-radius: 50%;
	left: 0 !important;
	top: 0.7rem !important;
}

/* Smartphone */
@media (max-width: 569px) {
	.dzm--techdetails-textblock {
		padding: 18px 18px 18px 18px !important;
	}
}



/* -- CUSTOM DOWNLOAD CONTAINER -- -- -- -- -- */

/* nur Demo */
.dzm--download-textblock {}

/*
	Gradient:
	--greyblue-grad-light
	--greyblue-grad-dark
*/


/* Pagebuilder-Modul */
/* Headline h4 ist der Download-Link, das Icon ist nicht klickbar */ 
.dzm--download-module {
	outline: 0px solid red;
	background: 
		url(icons/icon-download-72-orange.svg) 36px 50% no-repeat,
		linear-gradient(135deg, var(--greyblue-grad-light), var(--greyblue-grad-dark)) 0 0 no-repeat;
	border-radius: var(--radius-base);
	padding: 21px 27px 27px 144px !important;
}
/*
.dzm--download-module:hover {
	background: 
		url(icons/icon-download-72-orange-dark.svg) 36px 50% no-repeat,
		linear-gradient(135deg, var(--greyblue-grad-light), var(--greyblue-grad-dark)) 0 0 no-repeat;
}
*/

.dzm--download-module h3, 
.dzm--download-module h4, 
.dzm--download-module h5, 
.dzm--download-module h6, 
.dzm--download-module p {
	color: var(--grey00);
	margin-top: 0.33rem;
}

.dzm--download-module p {
	opacity: 0.8;
}

.dzm--download-module h3 a, 
.dzm--download-module h4 a, 
.dzm--download-module h5 a {
	color: var(--brandorange) !important;
}
.dzm--download-module h3 a:hover, 
.dzm--download-module h4 a:hover, 
.dzm--download-module h5 a:hover {
	color: var(--brandorange-dark) !important;
}

.dzm--download-module p.downloadspec {
	opacity: 0.8;
}

/* Smartphone */
@media (max-width: 569px) {
	.dzm--download-module {
		padding: 12px 18px !important;
		background: 
			url(icons/icon-download-36-orange.svg) 18px 18px no-repeat,
			linear-gradient(135deg, var(--greyblue-grad-light), var(--greyblue-grad-dark)) 0 0 no-repeat;
	}
	.dzm--download-module h4 {
		padding-left: 54px;
		padding-top: 6px;
		padding-bottom: 9px;
	}
}



/* v2 */
/* Headline h4 ist der Download-Link, das Icon ist nicht klickbar */ 
.dzm--download-module-2 {
	outline: 0px solid red;
}

.dzm--download-module-2 a {
	display: block;
	margin: 0;
	padding: 21px 27px 21px 144px !important;
	border-radius: var(--radius-base);
	min-height: 108px;
	background: 
		url(icons/icon-download-72-orange.svg) 36px 50% no-repeat,
		linear-gradient(135deg, var(--greyblue-grad-light), var(--greyblue-grad-dark)) 0 0 no-repeat;
	transition: all 0.3s linear;
}
.dzm--download-module-2 a:hover {
	background: 
		url(icons/icon-download-72-orange-mid.svg) 36px 50% no-repeat,
		linear-gradient(135deg, #49555e, #202b33) 0 0 no-repeat;
}

.dzm--download-module-2 h3, 
.dzm--download-module-2 h4, 
.dzm--download-module-2 h5 {
	color: var(--brandorange) !important;
	margin-top: 0;
	padding-top: 0;
}
.dzm--download-module-2 p {
	color: var(--grey00);
	margin-top: 0.33rem;
	opacity: 0.9;
}

.dzm--download-module-2 a:hover h3, 
.dzm--download-module-2 a:hover h4, 
.dzm--download-module-2 a:hover h5 {
	color: var(--brandorange-dark) !important;
	cursor: pointer;
}

.dzm--download-module-2 p.downloadspec {
	opacity: 0.75;
}

/* Smartphone */
@media (max-width: 569px) {
	.dzm--download-module-2 a {
		padding: 12px 18px 18px 72px !important;
		min-height: 36px;
		background: 
			url(icons/icon-download-36-orange.svg) 18px 18px no-repeat,
			linear-gradient(135deg, var(--greyblue-grad-light), var(--greyblue-grad-dark)) 0 0 no-repeat;
	}
	.dzm--download-module-2 a:hover {
		background: 
			url(icons/icon-download-36-orange-dark.svg) 18px 18px no-repeat,
			linear-gradient(135deg, #49555e, #202b33) 0 0 no-repeat;
	}
	.dzm--download-module-2 h3, 
	.dzm--download-module-2 h4, 
	.dzm--download-module-2 h5 {
		margin-top: 0;
		padding-top: 12px;
	}
}



/* v3 - Modul mit Shortcode */
/* gehört zu
	dzm_vc_download()
	dzm_download_single_shortcode()
*/

/*
Colors:
--greyblue-grad-light: #525F6A;
--greyblue-grad-dark: #27353F;

gradient:
bluedark gradient colors
#2C6991 - #183B52
#245678 - #112838
*/

.dzm--download-single {
	outline: 0px solid red;
	overflow: hidden;
}

.dzm--download-single a {
	display: block;
	margin: 0;
	padding: 21px 27px 21px 144px !important;
	border-radius: var(--radius-base);
	min-height: 108px;
	
	/*background: 
	url(icons/icon-download-72-orange.svg) 36px 50% no-repeat,
	linear-gradient(135deg, var(--greyblue-grad-light), var(--greyblue-grad-dark)) 0 0 no-repeat; */
	
	background: 
	url(icons/icon-download-72-orange.svg) 36px 50% no-repeat,
	linear-gradient(135deg, #2C6991, #183B52) 0 0 no-repeat;
	
	background-size: 
	auto,
	150% auto;
	
	transition: 300ms ease;
}
.dzm--download-single a:hover {
	/* trick: background gradient is just being shifted */
	background-position:
	36px 50%,
	100% center;
	cursor: pointer;
}

.dzm--download-single h3, 
.dzm--download-single h4, 
.dzm--download-single h5 {
	color: var(--brandorange-mid) !important;
	hyphens: none;
	margin-top: 0;
	padding-top: 0;
	cursor: pointer;
}
.dzm--download-single p {
	color: var(--grey00);
	hyphens: none;
	margin-top: 0.33rem;
	opacity: 0.9;
	cursor: pointer;
}

.dzm--download-single a:hover h3, 
.dzm--download-single a:hover h4, 
.dzm--download-single a:hover h5 {
	color: var(--brandorange) !important;
	cursor: pointer;
}

.dzm--download-single p.downloadspec {
	opacity: 0.75;
}

/* Smartphone */
@media (max-width: 569px) {
	.dzm--download-single a {
		padding: 12px 18px 18px 72px !important;
		min-height: 36px;
		background: 
		url(icons/icon-download-36-orange.svg) 18px 18px no-repeat,
		linear-gradient(135deg, var(--greyblue-grad-light), var(--greyblue-grad-dark)) 0 0 no-repeat;
	}
	.dzm--download-single a:hover {
		/* background: 
		url(icons/icon-download-36-orange-dark.svg) 18px 18px no-repeat,
		linear-gradient(135deg, #49555e, #202b33) 0 0 no-repeat; */
		/* trick: background gradient is just being shifted */
		background-position:
		18px calc(100% - 18px),
		100% center;
		cursor: pointer;
	}
	.dzm--download-single h3, 
	.dzm--download-single h4, 
	.dzm--download-single h5 {
		margin-top: 0;
		padding-top: 12px;
	}
}









/* -- CUSTOM QUOTE + TESTIMONIAL CONTAINER -- -- -- -- -- */

/* blockquote basic definition*/
blockquote p::before {
	display: inline-block;
	padding-right: 0.25em;
	content: open-quote;
	color: var(--brandorange-dark);
	
}
blockquote p::after {
	display: inline-block;
	padding-left: 0.25em;
	content: close-quote;
	color: var(--brandorange-dark);
}
blockquote {
	quotes: "»" "«" "›" "‹";
	margin: 18px 0;
	padding-left: 0;
	border: none;
}
blockquote p {
	font-size: var(--dev-typescale-h5) !important;
	font-weight: 400;
	font-style: italic;
}


/* custom quote container */
.dzm--quote-single {
	--quote-logo-size: calc(2.5 * 36px);
	
	display: flex;
	flex-direction: column;
	justify-content: center;
	
	background: var(--brandblue-light2);
	border-radius: var(--radius-base);
	padding: 36px;
	outline: 0px red solid;
}

/* container background white when in about us section */
.dzm--about-dezem .dzm--quote-single {
	background: var(--grey00);
}


.dzm--quote-single.dzm--quote-haslogo {
	padding: 36px 36px 36px calc(36px + var(--quote-logo-size) + 36px);
	min-height: calc(36px + var(--quote-logo-size) + 36px);
}

.dzm--quote-single .dzm--quote-logo {
	position: absolute;
	top: 36px;
	left: 36px;
	width: var(--quote-logo-size);
	height: var(--quote-logo-size);
	/*overflow: hidden;*/
	outline: 0px dashed red;
	/*
	display: flex;
	flex-direction: column;
	justify-content: center;
	*/
}
.dzm--quote-single .dzm--quote-logo img {
	max-width: 100%;
}

.dzm--quote-single blockquote {
	margin: 0;
	padding: 0;
	outline: 0px dashed red;
}

.dzm--quote-single blockquote p {
	font-size: var(--dev-typescale-h4) !important;
	font-weight: 400;
	font-variant: italic;
	hyphens: none;
	outline: 0px dotted red;
}
.dzm--quote-single blockquote p::before {
	content: "»";
	text-align: right;
	width: auto;
	padding-right: 9px;
	margin-right: 0;
	position: relative;
	xtransform: translateX(-0.75em);
}
.dzm--quote-single blockquote p::after {
	content: "";
}

.dzm--quote-single blockquote p.dzm--quote-additional {
	margin: 0;
	padding: 0;
	padding-top: 9px;
	font-size: var(--dev-basesize) !important;
	font-weight: 400;
	font-variant: italic;
	hyphens: none;
	outline: 0px dashed blue;
}
.dzm--quote-single blockquote p.dzm--quote-additional::before {
	content: none;
}
.dzm--quote-single blockquote p.dzm--quote-additional::after {
	content: " «";
}


.dzm--quote-single cite {
	display: block;
	margin: 0;
	padding: 0;
	padding-top: 18px;
	font-size: var(--dev-basesize);
	font-weight: 500;
	/*font-style: italic;*/
	hyphens: none;
	outline: 0px dashed red;	
}

.dzm--quote-single cite a {
	
}
.dzm--quote-single cite a::after {
	content: url(icons/icon-link-external-grey-12.svg);
	position: relative;
	margin-left: 0.3em;
}


/* Tablet */
@media (min-width: 570px) and (max-width: 959px) {
	/* Logo smaller */
	.dzm--quote-single {
		--quote-logo-size: 72px;
	}
}

/* Tablet + Smartphone */
@media (max-width: 959px) {
  
}

/* Smartphone */
@media (max-width: 569px) {
	/* Logo on top of text */
	.dzm--quote-single {
		--quote-logo-size: 72px;
		padding: 27px;
	}
	.dzm--quote-single.dzm--quote-haslogo {
		padding: 27px;
		xpadding-top: calc(27px + var(--quote-logo-size) + 18px) !important;
	}
	.dzm--quote-single .dzm--quote-logo {
		position: relative;
		height: auto;
		top: 0;
		left: 0;
		margin-bottom: 9px;
	}
}


/* A small hack for long quotes on tablets */
@media (min-width: 570px) and (max-width: 959px) {
	.dzm--quote-shortontablet .dzm--quote-single p.dzm--quote-additional {
		display: none;
	}
}

/* A small hack for long quotes on smartphones */
@media (max-width: 569px) {
	.dzm--quote-shortonsmartphone .dzm--quote-single p.dzm--quote-additional {
		display: none;
	}
}




/* -- CUSTOM CTA BUTTON -- -- -- -- -- */

/* medium cta teaser, size md, colors grey / orange */
/* version in grey */
.dzm--teaser-md {
	display: block;
	padding: 0;
	margin: 18px 36px 18px 0;
}

.dzm--teaser-md a {
	display: inline-block;
	
	/* height: 54px; height is set by font line height */
	margin: 0;
	padding: 0px 72px 0px 24px;
	
	/*
	display: flex;
	flex-direction: column;
	justify-content: center;
	*/
	
	border-radius: 27px;
	
	color: var(--grey70);
	font-size: var(--dev-typescale-p-large) !important; /* --dev-typescale-h4  */
	font-weight: 500;
	letter-spacing: 0.02em;
	white-space: nowrap;
	line-height: 54px;
	
	background-color: rgba(202, 203, 204, 0.5); /* var(--grey20) */
	background-image: url("icons/icon-teaser-circle-arrow-orange-36.svg");
	background-position: calc(100% - 9px) center;
	background-repeat: no-repeat;
	
	transition: all 300ms ease;
	outline: 0px solid red;
}
.dzm--teaser-md a:hover, 
.dzm--teaser-md a:focus {
	color: var(--grey90) !important;
	background-color: rgba(202, 203, 204, 0.75);
}

/* version in orange */
.dzm--teaser-md.orange a {
	color: var(--grey00);
	background-color: var(--brandorange); /* var(--grey20) */
	background-image: url("icons/icon-teaser-circle-arrow-white-36.svg");
}
.dzm--teaser-md.orange a:hover, 
.dzm--teaser-md.orange a:focus {
	color: var(--grey00) !important;
	background-color: var(--brandorange-dark);
}

/* teaser buttons in a line */
/* todo - outer element is supposed to be a span instead of a div */
.dzm--teaser-md.inline {
	display: inline;
	position: relative;
	width: auto;
	margin: 18px 18px 0px 0;
	margin-top: 18px !important;
}




/* -- CUSTOM CTA TEASER -- -- -- -- -- */

/* large cta teaser, size lg */
.dzm--teaser-lg {
	outline: 0px solid red;
	padding: 0;
	margin: 18px 0 18px 0;
}

.dzm--teaser-lg a {
	display: block;
	min-height: 72px;
	width: 100%;
	padding: 0;
	border-radius: 36px;
	
	background-color: var(--brandorange);
	background-image: 
		url("icons/icon-teaser-herrdezem-54.svg"), 
		url("icons/icon-teaser-arrow-white-54.svg");
	background-position: 
		9px center,
		calc(100% - 18px) center;
	background-repeat: no-repeat;

	display: flex;
	flex-direction: column;
	justify-content: center;
	
	transition: background 300ms ease;
}
.dzm--teaser-lg a:hover, 
.dzm--teaser-lg a:focus {
	background-color: var(--brandorange-dark);
}
.dzm--teaser-lg a:hover {
	background-position: 
		9px center,
		calc(100% - 9px) center;
}

.dzm--teaser-lg a h3 {
	color: var(--grey00);
	font-size: var(--dev-typescale-h4) !important; /* --dev-typescale-p-large */
	margin: 0;
	padding: 6px 72px 6px 78px;
	cursor: pointer;
}


/* large cta teaser, size xl: taller + bigger font, bigger icons */
.dzm--teaser-lg.xl {
	margin: 36px 0 36px 0;
}

.dzm--teaser-lg.xl a {
	min-height: 108px;
	border-radius: 54px;
	background-image: 
		url("icons/icon-teaser-herrdezem-90.svg"), 
		url("icons/icon-teaser-arrow-white-90.svg");
	background-position: 
		9px center,
		calc(100% - 24px) center;
}

.dzm--teaser-lg.xl a h3 {
	margin: 0;
	padding: 6px 126px;
	font-size: var(--dev-typescale-h3) !important;
}
.dzm--teaser-lg.xl a:hover {
	background-position: 
		9px center,
		calc(100% - 6px) center;
}

/* Smartphone */
@media (max-width: 569px) {
	.dzm--teaser-lg.xl a {
		min-height: 0px;
		border-radius: 36px;
		background-image: 
			url("icons/icon-teaser-herrdezem-90.svg"), 
			url("icons/icon-teaser-arrow-white-54.svg");
		background-position: 
			center 9px,
			center calc(100% - 9px);
	}
	.dzm--teaser-lg.xl a h3 {
		text-align: center;
		hyphens: none;
		padding: 117px 18px 72px 18px;
	}
	.dzm--teaser-lg.xl a:hover {
		background-position: 
		center 9px,
		calc(50% + 18px) calc(100% - 9px);
	}
}




/* -- POSTS CAROUSEL + OWL SLIDER -- -- -- -- -- */

/* When set to equal hight, titles in items are supposed to be aligned to top */
.owl-carousel-container .t-entry-title {
	transform: none !important;
}




/* -- IMAGE CAROUSEL -- -- -- -- -- */
/* Wide image is separated in single images, 
set together in a media gallery, 
adjusted as horizontal carousel without horizontal gaps */
/* corners must have radiuses */

.dzm--image-carousel .owl-stage {
	outline: 0px solid gray;
	border-radius: var(--radius-base);
	overflow: hidden;
}





/* -- PAGE SLIDER -- -- -- -- -- */
/* A horizontal post carousel slider. 
In order to round images and set the titles correctly, 
there is a class applied to the posts module. */

/* generic approach */
.tmb .t-entry-visual {
	border-radius: var(--radius-base);
}


/* specific approach */
.dzm--posts-slider-pages {
	outline: 0px solid gray;
}

/* Background corners */
.unradius-sm, .img-round, .tmb-round, .img-round > .t-inside, .tmb-round > .t-inside, .img-round > img, .tmb-round > img, .img-round > span > img, .tmb-round > span > img, .img-round .t-entry-visual-cont > a, .tmb-round .t-entry-visual-cont > a, .img-round .t-entry-visual-cont > .dummy, .tmb-round .t-entry-visual-cont > .dummy, .uncell.unradius-sm, .uncont.unradius-sm, .img-round.tmb > .t-inside .t-entry-visual, .img-round.tmb > .t-inside .t-entry-visual-cont {
  border-radius: 18px !important;
  background-clip: padding-box;
}
.unradius-std, .img-round-std.img-round, .img-round-std.tmb-round, .img-round-std.img-round > img, .img-round-std.tmb-round > img, .img-round-std.img-round > span > img, .img-round-std.tmb-round > span > img, .img-round-std.img-round > .t-inside, .img-round-std.tmb-round > .t-inside, .img-round-std.img-round .t-entry-visual-cont > a, .img-round-std.tmb-round .t-entry-visual-cont > a, .img-round-std.tmb-show-secondary.img-round .t-entry-visual-cont, .img-round-std.tmb-show-secondary.tmb-round .t-entry-visual-cont, .uncell.unradius-std, .uncont.unradius-std, .img-round-std.img-round.tmb > .t-inside .t-entry-visual, .img-round-std.img-round.tmb > .t-inside .t-entry-visual-cont {
  border-radius: 18px !important;
  background-clip: padding-box;
}
.unradius-lg, .img-round-lg.img-round, .img-round-lg.tmb-round, .img-round-lg.img-round > img, .img-round-lg.tmb-round > img, .img-round-lg.img-round > span > img, .img-round-lg.tmb-round > span > img, .img-round-lg.img-round > .t-inside, .img-round-lg.tmb-round > .t-inside, .img-round-lg.img-round .t-entry-visual-cont > a, .img-round-lg.tmb-round .t-entry-visual-cont > a, .img-round-lg.tmb-show-secondary.img-round .t-entry-visual-cont, .img-round-lg.tmb-show-secondary.tmb-round .t-entry-visual-cont, .uncell.unradius-lg, .uncont.unradius-lg, .img-round-lg.img-round.tmb > .t-inside .t-entry-visual, .img-round-lg.img-round.tmb > .t-inside .t-entry-visual-cont {
  border-radius: 18px !important;
  background-clip: padding-box;
}

/* Image */
.dzm--posts-slider-pages .t-entry-visual {
	border-radius: var(--radius-base);
}

/* Title + Subline */
.dzm--posts-slider-pages .t-entry-title {
	transform: none !important;
}
.dzm--posts-slider-pages .t-entry-title a {
	color: var(--brandorange-dark) !important;
}
.dzm--posts-slider-pages .t-entry-title a:hover, 
.dzm--posts-slider-pages .t-entry-title a:focus {
	color: var(--brandorange-dark-hover) !important;
}
.dzm--posts-slider-pages .t-entry-excerpt {
	transform: none !important;
	padding-top: 0.5rem;
}

/*
--brandorange: #f3941a;
--brandorange-dark: #db7013;
--brandorange-mid: #ed8e15;
--brandorange-hover: #db7013;
--brandorange-dark-hover: #c45b10;
*/



/* -- TEASER POST GRID LISTS -- */
/* Vertical lists of posts in posts grid, used as teasers.
	- padding right to achieve more space
	- icon in the space on the right
	- only on desktop + tablet
*/

/* css selector for the teaser posts grid */
.dzm--teaser-list-vertical  {
	outline: 0px solid red;
}

/* only on Desktop + Tablet */
/* padding right + icon */
@media (min-width: 569px) {
	/* container for image + text */
	.dzm--teaser-list-vertical .t-entry-text-tc {
		outline: 0px solid blue;
		padding-right: calc(36px * 4);
		padding-bottom: 18px;
	}
	.dzm--teaser-list-vertical .t-inside {
		outline: 0px solid red;
		background-image: url(icons/icon-button-circle-arrow-36-grey.svg);
		background-repeat: no-repeat;
		background-position: calc(100% - 36px) 50%;
	}
}

/* padding on tablet */
@media (min-width: 569px) and (max-width: 959px) {
	/* container for image + text */
	.dzm--teaser-list-vertical .t-entry-text-tc {
		padding-right: calc(36px * 3);
		padding-top: 18px;
		padding-bottom: 18px;
	}
}

/* smartphone */
/* less padding, no icon */
@media (max-width: 569px) {
	/* container for image + text */
	.dzm--teaser-list-vertical .t-entry-text-tc {
		padding: 18px 27px 27px 27px;
	}
}


/* experiment: try to insert an icon as a link extension */
/* failed: outer container has not full height of the item */ 
/*
.dzm--teaser-list-vertical .t-entry-title a {
	outline: 0px solid blue;
}
.dzm--teaser-list-vertical .t-inside a:after {
	display: block;
	background: gray;
	content: "";
	width: 36px;
	height: 36px;
	background-image: url(icons/icon-button-circle-arrow-36-orange.svg);
	background-repeat: no-repeat;
	position: absolute;
	top: 50%;
	left: calc(100% - 72px);
}
*/




/* -- SLIDER DOTS -- -- -- -- -- */
/* Dots of pre-installed OWL slider */

.owl-dots-outside .owl-dots .owl-dot span {
	width: 8px;
	height: 8px;
	border-radius: 4px;
}

.owl-dots-outside .owl-dots .owl-dot.active span {
	background-color: var(--brandorange-dark) !important;
	width: 36px;
	height: 8px;
	transform: scale(0.9);
}

.owl-dots-outside .owl-dots {
	padding: 18px 0 18px 0;
}




/* -- MODULE BEFORE + AFTER -- -- -- -- -- */

.twentytwenty-wrapper {
	border-radius: var(--radius-base);
	overflow: hidden;
}

.twentytwenty-wrapper .twentytwenty-handle {
	background-color: var(--brandorange-mid);
	border-color: white !important;
	transition: background-color 400ms ease;
}
.twentytwenty-wrapper .twentytwenty-handle:hover {
	background-color: var(--brandorange-dark);
}





/* -- LINKS + BUTTONS -- -- -- -- -- */
/* Theme style: circle + flat */
/* use the sizes marked in the page builder */
/* 	standard
	small
	large
	extra large
	button link
	standard link
*/

/* size standard */
.page-wrapper .style-light .btn-container a.btn {
	outline: 0px dashed red;
	font-size: 1.0rem !important;
	font-weight: 600 !important;
	letter-spacing: 1px;
	background-color: var(--brandorange-mid) !important;
	border-color:     var(--brandorange-mid) !important;
	background-image: url(icons/icon-button-arrow-32-white.svg);
	background-repeat: no-repeat;
	background-position: calc(100% - 6px) 50%;
	transition: 300ms ease;
}
.page-wrapper .style-light .btn-container a.btn:hover {
	background-color: var(--brandorange-hover) !important;
	border-color:     var(--brandorange-hover) !important;
}

/* shrinking on mobile */
@media (max-width: 569px) {
	.btn:not(input):not(.checkout-button):not(.btn-no-scale),
	.btn-link:not(input):not(.checkout-button):not(.btn-no-scale) {
		transform: scale(1);
	}
}


.page-wrapper .btn-container a.btn {
	outline: 0px dashed red;
	padding: 9px 44px 9px 18px !important;
}


/* size small */
.page-wrapper .style-light .btn-container .btn-default.btn-sm {
	outline: 0px dashed red;
	background-color: var(--grey10) !important;
	border-color:     var(--grey10) !important;
	color: var(--grey70) !important;
	background-image: url(icons/icon-button-arrow-32-orange.svg);
	background-position: calc(100% - 8px) 50%;
}
.page-wrapper .style-light .btn-container a.btn-sm:hover {
	background-color: var(--grey15) !important;
	border-color:     var(--grey15) !important;
	color: var(--grey90) !important;
}

/* size large */
.page-wrapper .style-light .btn-container .btn-default.btn-lg {
	outline: 0px dashed red;
	font-size: var(--dev-typescale-p-large) !important;
	padding: 12px 60px 12px 24px !important;
	text-align: left;
	min-width: 120px;
	background-image: url(icons/icon-button-arrow-40-white.svg);
	background-position: calc(100% - 8px) 50%;
}


/* size extra large */
.page-wrapper .style-light .btn-container .btn-default.btn-xl {
	outline: 0px dashed red;
	font-size: calc( var(--dev-typescale-p-large) * 1.2) !important;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	padding: 18px 80px 18px 36px !important;
	background-image: url(icons/icon-button-arrow-48-white.svg);
	background-position: calc(100% - 16px) 50%;
}


/* size button link */
.page-wrapper .style-light .btn-container a.btn-link {
	padding: 9px 18px 9px 18px !important;
	background-color: var(--grey10) !important;
	background-image: none;
	border-color:     var(--grey10) !important;
	color: var(--brandorange-dark) !important;	
}
.page-wrapper .style-light .btn-container a.btn-link:hover {
	background-color: var(--grey15) !important;
	border-color:     var(--grey15) !important;
	color: var(--brandorange-dark) !important;
}


/* size standard link */
.page-wrapper .style-light .btn-container a.text-default-color {
	outline: 0px dashed purple;
	color: var(--brandorange-dark) !important;
	font-weight: 500;
}
.page-wrapper .style-light .btn-container a.text-default-color:hover {
	color: var(--brandorange-hover) !important;
}



/* Button in NavBar */
.navbar a .btn {
	outline: 0px dashed blue;
	font-size: 1.0rem !important;
	font-weight: 500;
	text-transform: uppercase !important;
	letter-spacing: 1px;
	background-color: var(--brandorange-mid) !important;
	border-color:     var(--brandorange-mid) !important;
	padding: 9px 18px 9px 18px !important;
}

/* position */
@media (min-width: 960px) {
	body.hormenu-position-left:not(.hmenu-center-split):not(.hmenu-center-double):not(.menu-overlay):not(.hmenu-center) .menu-container:not(.menu-borders) .navbar-cta > ul {
		padding-left: 9px !important;
	}
	.menu-smart > li > a {
		padding: 0px 9px 0px 9px;
	}
}



/* -- FOOTER SCROLL TOP BUTTON -- -- -- -- -- */
.footer-scroll-top {
	/* position */
	right:  72px; 
	bottom: 36px;
}
.footer-scroll-top a {
}
.footer-scroll-top a .btn-default {
	background-color: var(--grey30) !important;
	background-image: url(icons/icon-button-arrow-totop-36-white.svg);
	background-repeat: no-repeat;
	background-position: center center;
	opacity: 0.7;
	border-color: var(--grey00) !important;
	border-width: 2px !important;
	width:  45px;
	height: 45px;
}
.footer-scroll-top a:hover .btn-default {
	opacity: 1;
	background-color: var(--brandorange) !important;
}
.footer-scroll-top a i:before {
	display: none!important;
}

/* Tablet */
@media (min-width: 570px) and (max-width: 959px) {
	.footer-scroll-top {
		right:  45px; 
		bottom: 36px;
	}
}

/* Smartphone */
@media (max-width: 569px) {
	.footer-scroll-top {
		right:  24px; 
		bottom: 24px;
	}
}






/* -- FORMS -- -- -- -- -- */
/* Plugin: Fluent Forms */

/*
.fluent_form_3 input[type=text]
.fluent_form_3 input[type=email]
.fluent_form_3 input[type=phone]
.fluent_form_3 textarea
.fluent_form_3 input[type=select]
.fluent_form_3 input[type=checkbox]
.fluent_form_3 input[type=radio]
.fluent_form_3 input[type=checkbox] + text + link to DSE
.fluent_form_3 input[type=button]
*/


.fluentform, 
.ff-default {
	--fluentform-primary:   var(--brandorange-dark);
	--fluentform-secondary: var(--brandorange-dark);
	--fluentform-danger:    var(--brandorange-dark);
	--fluentform-border-radius: 9px;
	--fluentform-border-color: var(--grey40);
}

/* font */
.ff-default .ff-el-form-control {
	font-family: 'Fira Sans', 'Fira Sans', 'sans-serif' !important;
}

/* text line, textarea, select */
.ff-default input,
.ff-default textarea,
.ff-default select {
	/*font-size: 18px;*/
	color: var(--grey70) !important;
	font-weight: 400;
	font-family: 'Fira Sans', 'Fira Sans', 'sans-serif' !important;
}

.ff-default input::placeholder,
.ff-default textarea::placeholder,
.ff-default select::placeholder {
	color: var(--grey40) !important;
}

/* text position inside */
.ff-default .ff-el-form-control {
	padding: 9px 18px;
	line-height: var(--dev-lineheight);
}

/* textare resizable */
.ff-default textarea {
	resize: vertical;
	min-height: 1em;
}

/* focus, hover, active state */
.ff-default input[type=text]:focus,
.ff-default input[type=email]:focus,
.ff-default input[type=phone]:focus,
.ff-default textarea:focus,
.ff-default select.ff-el-form-control:focus {
	/* color defined in variable, see above */
	/* box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.1) !important; */
}
.ff-default .ff-el-form-control:focus {}


/* check boxes */
/* markup:
div .ff-el-form-check .ff_item_selected
	label
		input –> checkbox
		span –>  label text
*/

/* replace browser checkbox with designed icon */
.fluentform input[type="checkbox"] {}

.fluentform .ff-el-form-check label {
	display: block;
	width: 100%;
	margin: 9px 0;
	line-height: var(--dev-lineheight);
	transition: 0.15s ease;
	background: url(icons/icon-checkbox-off.svg) 0px 2px no-repeat;
	outline: 0px dotted gray !important;
}
.fluentform .ff-el-form-check label input[type="checkbox"] {
	display: absolute;
	opacity: 0.0 !important;
	min-height: 22px;
	transform: translateX(-36px);
	cursor: pointer;
}

.fluentform .ff-el-form-check label span {
	display: inline-block;
	width: calc(100% - 24px);
	padding-left: 9px;
	outline: 0px dotted blue;
}

/* GDPR checkbox */
.fluentform .ff-el-form-check label .ff_t_c {
	padding-left: 4px;
	outline: 0px dotted blue;
}
.fluentform .ff-el-tc label.ff_tc_label > span {
	padding-top: 0 !important;
}

/* states */
.fluentform .ff-el-form-check.ff_item_selected label {
	background-image: url(icons/icon-checkbox-on.svg)
}

/* hover */
.fluentform .ff-el-form-check label:hover {
	background-image: url(icons/icon-checkbox-off-hover.svg);
	color: var(--grey80);
	/* color: var(--brandorange-dark); */ /* nope: link in gdpr label must remain visible */
}
.fluentform .ff-el-form-check.ff_item_selected label:hover {
	background-image: url(icons/icon-checkbox-on-hover.svg);
	color: var(--grey80);
	/* color: var(--brandorange-dark); */ /* nope: link in gdpr label must remain visible */
}

/* focus */
.fluentform .ff-el-form-check:not(.ff_item_selected) label:focus-within {
	background-image: url(icons/icon-checkbox-off-hover.svg) !important;
	color: var(--grey80);
}
.fluentform .ff-el-form-check.ff_item_selected label:focus {
	background-image: url(icons/icon-checkbox-on-hover.svg) !important;
	color: var(--grey80);
}

/* all labels */
.fluent_form_3 label {}

/* labels left */
.fluent_form_3 .ff-el-form-left label {
	padding-top: 11px;
}

/* submit button */
.fluent_form_3 button.ff-btn {
	outline: 0px dotted rgba(0, 0, 0, 0.5);
}

/* error feedback */
.fluentform .ff-el-is-error .text-danger {
	--fluentform-danger: var(--brandorange-dark-hover) !important;
	font-size: 0.9rem;
	margin-top: 6px;
	padding-left: 18px;
}
.fluentform div.ff-el-form-check + div.error {
	padding-left: 28px !important;
}

.fluentform .ff-el-is-error .ff-el-form-control {
	--fluentform-danger: var(--brandorange-dark) !important;
}
.fluentform .ff-el-is-error .ff-el-form-check-label {
	--fluentform-danger: var(--grey70) !important;
}

/* required asterisk */
.fluentform .ff-el-input--label.ff-el-is-required.asterisk-right label::after {
	--fluentform-danger: var(--brandorange-dark) !important;
}

/* submit button */
.fluentform button.ff-btn-submit {
	background: var(--brandorange) !important;
	color: var(--grey00);
	font-size: 1.125rem;
	font-weight: 500;
	letter-spacing: 0.05em !important;
	transition: 0.1s ease;
}
.fluentform button.ff-btn-submit:focus,
.fluentform button.ff-btn-submit:hover {
	background: var(--brandorange-dark-hover) !important;
}

/* success message */
.ff-message-success {
	margin: 0;
	padding: 0;
	border: none;
	box-shadow: none;
	background: transparent;
	transition: all 1s ease;
	font-size: var(--dev-typescale-p-large);
	font-weight: 500;
	
	/* set success message into viewport after scrolling */
	--success-top-margin: 5;
	
	padding-top: calc(var(--space-full) * var(--success-top-margin));
	transform: translateY(calc(var(--space-full) * var(--success-top-margin) * -1 - 16px));
	outline: 0px dotted gray;
}

/* divider */
.fluentform .ff-custom_html {}
.fluentform hr {
	border-top: 1px solid var(--grey30);
	padding: 0;
	margin: 9px 0;
}


/* responsive optimization */
/* smartphone */
@media (max-width: 569px) {
	/* checkbox labels */
	.fluentform label.ff-el-form-check-label span {
		padding-left: 6px;
		line-height: 1.5;
	}
	.fluentform label.ff-el-form-check-label span a {
		padding: 0 6px;
	}
	.fluentform .ff-el-form-check {
		padding-top:    2px;
		padding-bottom: 2px;
	}
}




/* -- MENU + NAVBAR -- -- -- -- -- */

/* Desktop Menu -- >= 960px + < 1200px */
/* finetuning of menu width: elements of the main menu are being set into the top menu */
@media (min-width: 1200px) {
	.dzm--topmenu-aboutdezem { display: none !important; }
	.dzm--topmenu-news { display: none !important; }
}
@media (min-width: 960px) and (max-width: 1199px) {
	.dzm--mainmenu-aboutdezem { display: none !important; }
	.dzm--mainmenu-news { display: none !important; }
	.dzm--topmenu-news {
		outline: 0px dashed red;
	}
	.dzm--topmenu-news a {
		outline: 0px dashed red;
	}
	.dzm--topmenu-news:after {
		content: " | ";
		width: 9px;
		height: 18px;
		border-right: 1.5px solid var(--grey40);
		outline: 0px solid red;
		background: var(--grey00);
	}
}

/* reduce space between main menu items */
@media (min-width: 1200px) and (max-width: 1280px) {
	.menu-smart > li > a {
		padding: 0px 4px 0px 5px;
	}
}
@media (min-width: 960px) and (max-width: 1080px) {
	.menu-smart > li > a {
		padding: 0px 4px 0px 5px;
	}
}


/* Desktop Menu -- >= 960px */



/* Tablet Menu -- >= 570px + < 960px */



/* Mobile Menu -- < 570px*/
/* correct theme styles */

@media (max-width: 959px) {
  .menu-horizontal .menu-horizontal-inner > div:not(:first-child):not(.uncode-close-offcanvas-mobile):not(.navbar-main):not(.appended-navbar),
  .menu-horizontal .menu-horizontal-inner > div.navbar-nav > ul + ul,
  .menu-horizontal .menu-horizontal-inner > ul + ul,
  .menu-horizontal .menu-horizontal-inner li.social-icon + li:not(.social-icon) {
    padding-top: 36px;
	 outline: 0px dashed red;
  }
}


@media (max-width: 959px) {
	/* top level */
	.font-size-mobile-centered-menu,
	body.menu-mobile-centered .main-menu-container .menu-horizontal .menu-horizontal-inner ul.menu-smart.menu-primary-inner > li > a,
	body.menu-mobile-centered .vmenu-container .vmenu-row-wrapper .vmenu-wrap-cell ul.menu-smart.menu-primary-inner > li > a,
	body.menu-mobile-centered .overlay-menu .navbar-main .menu-sidebar-inner ul.menu-smart.menu-primary-inner > li > a {
		outline: 0px solid rgba(0, 0, 0, 0.3);
	}
	.menu-mobile-centered.menu-mobile-off-canvas .main-menu-container .menu-horizontal .menu-horizontal-inner ul.menu-smart:not(.mobile-secondary-menu):not(.menu-smart-social):not(.menu-social) li.menu-item:not(.uncode-cart) > a,
	.menu-mobile-centered.menu-mobile-off-canvas .vmenu-container .vmenu-row-wrapper .vmenu-wrap-cell ul.menu-smart:not(.mobile-secondary-menu):not(.menu-smart-social):not(.menu-social) li.menu-item:not(.uncode-cart) > a,
	.menu-mobile-centered.menu-mobile-off-canvas .overlay-menu .navbar-main .menu-sidebar-inner ul.menu-smart:not(.mobile-secondary-menu):not(.menu-smart-social):not(.menu-social) li.menu-item:not(.uncode-cart) > a,
	.menu-mobile-centered.menu-mobile-off-canvas .main-menu-container .menu-horizontal .menu-horizontal-inner ul.menu-smart:not(.mobile-secondary-menu):not(.menu-smart-social):not(.menu-social) li.menu-item-link > a,
	.menu-mobile-centered.menu-mobile-off-canvas .vmenu-container .vmenu-row-wrapper .vmenu-wrap-cell ul.menu-smart:not(.mobile-secondary-menu):not(.menu-smart-social):not(.menu-social) li.menu-item-link > a,
	.menu-mobile-centered.menu-mobile-off-canvas .overlay-menu .navbar-main .menu-sidebar-inner ul.menu-smart:not(.mobile-secondary-menu):not(.menu-smart-social):not(.menu-social) li.menu-item-link > a {
		padding-top:    9px;
		padding-bottom: 9px;
	}

	/* below top level */
	.font-size-mobile-centered-submenu,
	body.menu-mobile-centered .main-menu-container .menu-horizontal .menu-horizontal-inner ul.menu-smart:not(.menu-primary-inner) li.menu-item:not(.uncode-cart) > a,
	body.menu-mobile-centered .vmenu-container .vmenu-row-wrapper .vmenu-wrap-cell ul.menu-smart:not(.menu-primary-inner) li.menu-item:not(.uncode-cart) > a,
	body.menu-mobile-centered .overlay-menu .navbar-main .menu-sidebar-inner ul.menu-smart:not(.menu-primary-inner) li.menu-item:not(.uncode-cart) > a,
	body.menu-mobile-centered .main-menu-container .menu-horizontal .menu-horizontal-inner ul.menu-smart.menu-primary-inner ul li.menu-item:not(.uncode-cart) > a,
	body.menu-mobile-centered .vmenu-container .vmenu-row-wrapper .vmenu-wrap-cell ul.menu-smart.menu-primary-inner ul li.menu-item:not(.uncode-cart) > a,
	body.menu-mobile-centered .overlay-menu .navbar-main .menu-sidebar-inner ul.menu-smart.menu-primary-inner ul li.menu-item:not(.uncode-cart) > a,
	body.menu-mobile-centered .main-menu-container .menu-horizontal .menu-horizontal-inner ul.menu-smart:not(.menu-primary-inner) li.menu-item > a,
	body.menu-mobile-centered .vmenu-container .vmenu-row-wrapper .vmenu-wrap-cell ul.menu-smart:not(.menu-primary-inner) li.menu-item > a,
	body.menu-mobile-centered .overlay-menu .navbar-main .menu-sidebar-inner ul.menu-smart:not(.menu-primary-inner) li.menu-item > a,
	body.menu-mobile-centered .main-menu-container .menu-horizontal .menu-horizontal-inner ul.menu-smart.menu-primary-inner ul li.menu-item > a,
	body.menu-mobile-centered .vmenu-container .vmenu-row-wrapper .vmenu-wrap-cell ul.menu-smart.menu-primary-inner ul li.menu-item > a,
	body.menu-mobile-centered .overlay-menu .navbar-main .menu-sidebar-inner ul.menu-smart.menu-primary-inner ul li.menu-item > a,
	body.menu-mobile-centered .main-menu-container .menu-horizontal .menu-horizontal-inner ul.menu-smart:not(.menu-primary-inner) li.menu-item-link > a,
	body.menu-mobile-centered .vmenu-container .vmenu-row-wrapper .vmenu-wrap-cell ul.menu-smart:not(.menu-primary-inner) li.menu-item-link > a,
	body.menu-mobile-centered .overlay-menu .navbar-main .menu-sidebar-inner ul.menu-smart:not(.menu-primary-inner) li.menu-item-link > a,
	body.menu-mobile-centered .main-menu-container .menu-horizontal .menu-horizontal-inner ul.menu-smart.menu-primary-inner ul li.menu-item-link > a,
	body.menu-mobile-centered .vmenu-container .vmenu-row-wrapper .vmenu-wrap-cell ul.menu-smart.menu-primary-inner ul li.menu-item-link > a,
	body.menu-mobile-centered .overlay-menu .navbar-main .menu-sidebar-inner ul.menu-smart.menu-primary-inner ul li.menu-item-link > a {
		outline: 0px dashed rgba(0, 0, 0, 0.3);
	}

	body.menu-mobile-centered.menu-mobile-off-canvas .main-menu-container .menu-smart ul a:not(.cart-thumb):not(.btn) {
		margin-left: 18px;
		margin-right: 9px;
	}
	body.menu-mobile-centered.menu-mobile-off-canvas .main-menu-container .menu-smart ul ul a:not(.cart-thumb):not(.btn) {
		margin-left: 36px;
		margin-right: 9px;
	}
	
	/* default mobile menu: second level */
	body:not(.menu-mobile-centered) .main-menu-container .menu-smart ul a:not(.cart-thumb):not(.btn) {
		margin-left: 18px;
		white-space: nowrap;
	}
	
	/* default mobile menu: 3rd level */
   body:not(.menu-mobile-centered) .main-menu-container .menu-smart ul ul a:not(.cart-thumb):not(.btn) {
   	margin-left: 36px;
	}
	
	
	/* mobile cta menu */
   .menu-horizontal .menu-horizontal-inner > div:not(:first-child):not(.uncode-close-offcanvas-mobile):not(.navbar-main):not(.appended-navbar),
   .menu-horizontal .menu-horizontal-inner > div.navbar-nav > ul + ul,
   .menu-horizontal .menu-horizontal-inner > ul + ul,
   .menu-horizontal .menu-horizontal-inner li.social-icon + li:not(.social-icon) {
     padding-top: 9px;
   }
	
	/* add links */
	/* contact button */
	.navbar-nav-last ul li {}
	.navbar-nav-last ul li:first-child {
		outline: 0px dashed red;
		margin-top: 0px;
		margin-bottom: 36px;
	}
	
	/* additional buttons */
	li.dzm--add-cta-menu-item {
		outline: 0px dashed red;
		display: inline-block !important;
		width: auto;
		transform: translateX(24px);
	}
	li.dzm--add-cta-menu-item a {
		padding: 9px 12px !important;
		color: var(--grey40) !important;
	}
	li.dzm--add-cta-menu-item a:hover {
		color: var(--brandorange-dark) !important;
	}
	
	
	/* no carets with single menu items */
	.nav i.fa-angle-right { display: none; }
	
}

/* additional links in mobile menu from top bar */
.dzm--mobile-menu-add-links {}
.dzm--mobile-menu-add-links p {}
.dzm--mobile-menu-add-links p a {}

.dzm--mobile-menu-add-links p {
	margin-top: 0;
	margin-bottom: 6px;
	outline: 0px dashed rgba(0, 0, 0, 0.3)
}
.dzm--mobile-menu-add-links p a {
	display: inline-block;
	padding-top:    6px;
	padding-bottom: 6px;
	margin-right: 18px;
}







/* -- LANGUAGE SWITCHER (WPML) -- -- -- -- -- */
















/* -- GRIDS -- -- -- -- -- */

/* styles from uncode */

/* Category Badge */
/* background */
.tmb .tmb-term-evidence.transparent-cat {
	/* background: rgba(0, 0, 0, 0.25); */
	/* padding: 5px 13px; */
	/* border-radius: 100px; */
	padding: 2px 12px 2px 12px;
	border-radius: 100px;
}
/* text color */
.tmb-light.tmb .t-entry-visual :not(.add_to_cart_text):not(.view-cart), 
.tmb-light.tmb .t-entry-visual a:not(.add_to_cart_text):not(.view-cart) {
	text-transform: uppercase;
	color: inherit;
}
/* font size + weight */
.tmb a.tmb-term-evidence {
	font-size: 0.833rem !important;
	font-weight: 500;
	letter-spacing: 0.05em;
	transition: background 0.3s ease;
}
.tmb a.tmb-term-evidence:hover {
	background-color: rgba(0, 0, 0, 0.5) !important;
	background-color: var(--brandorange-dark) !important;
}

/* Post Date */
.tmb .t-entry p.t-entry-meta span {
	font-size: 0.889rem;
	font-size: 1rem;
	color: var(--grey60) important;
}
.tmb-light.tmb-content-under.tmb .t-entry p.t-entry-meta span,
.tmb-light.tmb-content-lateral.tmb .t-entry p.t-entry-meta span {
	font-size: 1rem;
	color: var(--grey50);
}

/* Text Grids */
.uncode-post-titles .post-titles-inner.half-gutter {
	margin-top: 0;
}

.uncode-post-titles  .half-gutter.post-titles-inner .tmb > .t-inside {
	margin-top: 0;
	margin-bottom: 0;
}





/* -- NAVBAR + MENUS -- -- -- -- -- */

@media (min-width: 960px) {
	.menu-horizontal ul.menu-smart > li > ul:not(.mega-menu-inner) {
		width: auto !important;
		min-width: 160px;
		background: var(--grey01);
	}
	.menu-horizontal ul.menu-smart > li > ul:not(.mega-menu-inner) ul {
		left: 0;
		width: auto !important;
	}
	
	 .submenu-light .menu-horizontal:not(.menu-sub-enhanced) .menu-smart ul a:hover {
		background-color: var(--grey05) !important;
		border-radius: 5px;
	}
	
	ul.drop-menu {
		outline: 0px solid red;
		width: auto !important;
		min-width: 160px !important;
		border-bottom-left-radius:  var(--radius-base);
		border-bottom-right-radius: var(--radius-base);
	}
	ul.drop-menu ul.drop-menu {
		outline: 0px solid red;
		width: auto !important;
		min-width: 160px !important;
		border-radius:  var(--radius-sm);
		
	}
	ul.drop-menu ul.drop-menu li a {
		white-space: nowrap !important;
	}
	
	.menu-primary ul.menu-smart ul li.menu-item-has-children > a {
		letter-spacing: 0.05em !important;
	}
	
	.menu-primary ul.menu-smart ul li.menu-item-has-children > a i {
		top: 3px;
	}
	
}





/* -- WP ADMIN BACKEND -- -- -- -- -- */

/* Excerpt textarea */
body.wp-admin textarea#excerpt {
	height: auto;
	min-height: 5.5rem;
}







/* -- BREAKPOINTS -- -- -- -- -- */

/* Desktop XL */
/* Desktop */
/* Tablet */
/* Tablet Portrait */
/* Tablet Landscape*/
/* Tablet + Smartphone */
/* Smartphone */


/* Desktop XL */
@media (min-width: 1440px) {
  
}

/* Desktop */
@media (min-width: 960px) and (max-width: 1439px) {
  
}

/* Tablet */
@media (min-width: 570px) and (max-width: 959px) {
  
}

/* Tablet + Smartphone */
@media (max-width: 959px) {
  
}

/* Smartphone */
@media (max-width: 569px) {
  
}


/* uncode: Breite des Satzspiegels = z.B. 1080px */
/* Breite wird ab Breakpoint MD/LG = 960px gesetzt: 
  	.limit-width { max-width: 1080px; }
	
	Hack: Weiterer Breakpoint bei 1400px -> Breite = 1280px
*/

@media (min-width: 1400px) {
	.limit-width {
		max-width: 1280px;
		margin: auto;
	}
}



/* -- -- -- -- -- -- */