@charset "utf-8";
/* JD_ITS root Variablen & Imports */
@import url("JD_ITS_overwrite_contact.css");
/* EasyBlog-Override entfernt 28.05.2026 — EasyBlog wurde via EasyExit2Native migriert */
@import url("JD_ITS_overwrite_lp.css");
@import url("JD_ITS_overwrite_wa.css");

/* Migrierte EasyBlog-Artikel Styling */
@import url("user_article.css");
@import url("user_td_classes.css");

@import url("plakette.css");

/* ============================================================
   Strelka Ultra - lokal gehosteter Display-Font (DSGVO-konform)
   Joomla 4+ Media-Struktur: media/templates/site/cassiopeia-delorean/fonts/
   ============================================================ */
@font-face {
    font-family: "Strelka Ultra";
    src: url("/media/templates/site/cassiopeia-delorean/fonts/strelka-ultra.woff2") format("woff2"),
         url("/media/templates/site/cassiopeia-delorean/fonts/strelka-ultra.woff")  format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

:root {
	--cassiopeia-font-family-body: Verdana, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "sans-serif" !important;
	--cassiopeia-font-family-headings: "Strelka Ultra", Verdana, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "sans-serif" !important;;
	/* --cassiopeia-font-weight-headings: 400 !important; */
	--body-background: #3a3e4a;
	--dm_dkgr: #4d4d4d;
	--dm_lgr: #e6e6e6;
	--dm_lgn: #45b5aa;
	--dm_anthr: #333333;
	--dm_gold: #aca138;
	--dm_rd: #ff6f61;
	--navigation_FS: 15px;
	--navigation_FS-hover: 15px;
	--EBW_nav-header-BGC: #e6e6e6;
	--EBW_nav-pills-li-a-BGC: none;
	--EBW_navigation_nav-child-BGC: #D9D9D9;
	--EBW_h3-color: #FFF;
	--EBW_h3-background: #E64046;
	--EBW_btn-navbar-BG1: #640E59;
	--EBW_btn-navbar-BG2: #E64046;
	--ebw-body-container-BGC: #e6e6e6;
	--ebw-BG-nav-col: #808080;
	--ebw-color-nav-col: #45b5aa;
	--footer-height: 75px;
	--header-height: 103px;
	--menu-2nd_line: 51px;
	--link-color: #45b5aa !important;
}
/* Seiten Hintergrund */
body {
	background: #acacac;
	background-image: url("/media/templates/site/cassiopeia-delorean/images/icons/body_background.png");
	background-repeat: repeat;
	padding-top: 10px;
}

body.wrapper-fluid .grid-child {
	max-width: 1200px !important;
}
body.wrapper-fluid .site-grid {
    grid-template-columns:
        [full-start] minmax(0, 1fr)
        [main-start] minmax(0, 10%) minmax(0, 35%) minmax(0, 35%) minmax(0, 20%)
        [main-end] minmax(0, 1fr)
        [full-end];
	padding-top: 2em;
	max-width: 1200px;
    align-content: center;
    margin-left: auto;
    margin-right: auto;
}
/* Anzeige NEWS Startseite */
	#mod-custom453 .mod-ebw-articles-item {
		/* display: flex; */
		/* flex-direction: column; */
		/* height: 100%; */
		background: #ddd;
		/* border-radius: 0; */
		/* overflow: hidden; */
		/* box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); */
		/* transition: box-shadow 0.3s ease; */
	}

/* ENDE Anzeige NEWS Startseite */
.container-component > :first-child, .container-sidebar-left > :first-child, .container-sidebar-right > :first-child, .container-component > * + *, .container-sidebar-left > * + *, .container-sidebar-right > * + * {
	margin-top: 0em;
}

/* Header Anzeige Änderung */
.jd_header_bg {
	background: linear-gradient(119deg, rgb(206, 201, 196) 0%, rgb(213, 212, 211) 15%, rgb(222, 222, 222) 52%, rgb(170, 166, 162) 88%, rgb(209, 209, 209) 100%);
	height: 110px;
	z-index: 1000;
}
}
.jd_header_bg .complete_bg {
	position: fixed;
	width: 100%;
	/* border-bottom: solid #a8a8a8; */
	top: -25px;
}
.jd-menu-bg {
	position: relative;
	top: -.5em;
	left: 100px;
	width: 550px;
	height: 120px;
	background: linear-gradient(-90deg, #d7d7d7, #b0b0b0, #919191, #aeaeae, #bdbcbc);
	background-size: 200% 200%;
	animation: steelShift 45s infinite linear;
	animation-direction: alternate-reverse;
	transform: skew(-30deg);
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
}
.grid-child.container-nav {
	max-height: 110px;
	border-bottom: 3px solid grey;
}
.navbar.navbar-expand-lg {
	position: relative;
	left: -75px;
	top: -130px;
}
.navbar-toggler .icon-menu::before {
	content: url("../images/Sitedesign/delo_opendoors_mini_3x.png");
}
.navbar-toggler .icon-menu {
	padding-top: 2px;
}
.container-header .navbar-toggler {
	border: 1px solid #4d4d4d;
	background: linear-gradient(119deg, rgba(206,201,196,1) 0%, rgba(170,166,162,1) 15%, rgba(222,222,222,1) 52%, rgba(170,166,162,1) 88%, rgba(209,209,209,1) 100%);
}
.com-content-article.item-page.startseite-de-leer {
	display: none;
}

div.mod-languages img {
	border: none;
	display: inline-block;
	zoom: 1.5;
}

@media (width <= 991.98px) { 
	.jd_header_bg {
	height: 80px;
	}
	.jd_header_bg .complete_bg {
		position: fixed;
		width: 100%;
		/* 🎙️ 12:38 — alte fixed-Linie weg, ersetzt durch border-bottom
		   direkt am .grid-child.container-nav (Jan via DevTools) */
		border-bottom: none;
		top: -55px;
	}

	/* 🎙️ 12:38 — Header-Nav-Bereich (Burger + Logo) klar abschließen */
	.grid-child.container-nav {
		max-height: 80px;
		border-bottom: 3px solid grey;
	}
	.jd-menu-bg {
	top: -.5em;
    left: 15em;
    width: 42vh;
    height: 85px;
	}
	.jd-menu-bg::after {
	content: url("../images/Sitedesign/logos/deloDE_web_logo_b300.png");
	transform: skew(30deg) scale(.75);
	position: absolute;
	left: -17.5em;   /* 🎙️ 12:49 — Jan via DevTools eingestellt, gefällt ihm so */
    top: 0.4em;
	}

	.navbar.navbar-expand-lg {
	position: absolute;
    left: auto;             /* 🎙️ 10:56 — Burger rechtsbündig ins dunkelgraue Feld */
    right: 1em;
    top: 1.5em;
    margin-top: 0 !important;
	}
	
	.com-content-article__body .ebw_t-d_headline {
	margin: 0px !important;
	padding: 2px 3px !important;
	position: relative;
	/* text-align: center; */
	max-width: 85px;
	z-index: 2;
	font-size: smaller;
	font-weight: 300;
	}
	.image-title {
	position: relative !important;
	bottom: 0px !important;
	padding-left: 10px;
}
	/* 🎙️ 11:12 / 12:24 — Burger-Menu: Overlay rechtsbündig, deckend */
	.mod-menu.mod-menu_dropdown-metismenu.metismenu.mod-list {
		position: absolute;
		right: 0;
		left: auto;
		top: 100%;
		width: 280px;
		background: #d2d2d2;       /* voll deckend, kein Durchscheinen */
		border-left: 1px solid #8a8a8a;
		border-bottom: 1px solid #8a8a8a;
		box-shadow: -6px 6px 14px rgba(0, 0, 0, 0.25);
		padding: .5em 1em;
	}

	/* 🎙️ 11:12 — Desktop-Item-Overrides auf Mobile resetten,
	   damit Symbole sauber untereinander stehen und Login/Logout
	   nicht rechts aus dem Viewport schießt */
	.metismenu-item.item-1836,
	.metismenu-item.item-4980,
	.metismenu-item.item-1680,
	.metismenu-item.item-1842,
	.metismenu-item.item-1846,
	#navbar450 .item-4999,
	.metismenu-item.item-5017,
	.metismenu-item.item-5050,
	.metismenu-item.item-5051,
	.metismenu-item.item-5052 {
		position: static !important;
		left: 0 !important;
		right: auto !important;
		top: auto !important;
		padding-left: 0 !important;
		width: auto !important;
		zoom: 1 !important;
		display: block !important;
	}

	/* Banner-Item (Startseite/Home) bleibt versteckt im Burger,
	   weil Logo schon im Header sitzt */
	.metismenu-item.item-1846.level-1.default,
	#navbar450 .item-4999.level-1.default {
		display: none !important;
	}

	/* 🎙️ 12:24 — Icons untereinander in einer Linie:
	   Grid mit FIXEN Spalten (kein minmax), gesamtes Grid mittig
	   im Burger-Overlay. */
	.level-1 .mod-menu__heading,
	.level-1 > a {
		display: grid !important;
		grid-template-columns: 70px 120px;
		align-items: center;
		justify-content: center;       /* Grid mittig im li */
		column-gap: .6em;
		width: 100% !important;
		max-width: 100%;
		margin: 0 !important;
		padding: .35em 0 !important;
	}
	.level-1 .mod-menu__heading .ebw_icon,
	.level-1 .mod-menu__heading .login_key,
	.level-1 .mod-menu__heading .WA_ico_menu,
	.level-1 > a .ebw_icon,
	.level-1 > a .login_key,
	.level-1 > a .WA_ico_menu {
		justify-self: end;             /* alle Icons gleich rechts in der Icon-Spalte */
		width: 50px !important;
		height: auto;
		max-height: 45px;
	}
	.level-1 .mod-menu__heading .image-title,
	.level-1 > a .image-title {
		justify-self: start;
		text-align: left;
		position: static !important;
		bottom: auto !important;
		padding-left: 0 !important;
		font-size: 1rem;
		line-height: 1.2;
		color: #222;
	}
	li.metismenu-item.level-1.deeper.parent ul.mm-collapse.mm-show,
	li.metismenu-item.level-1.deeper.parent ul.mm-collapsing {
		position: relative;
		background-color: #bbb;
		left: 10px !important;
		top: 2px !important;
		/* width: auto; */
		min-width: 180px !important;
		left: 10px !important;
		border-top: 2px solid var(--dm_lgn);
		border-left: 2px solid var(--dm_lgn);
		box-shadow: 0 0px 23px 23px rgba(210, 210, 210, 0.95);
	}
	li.metismenu-item.item-1836.level-1.deeper.parent ul.mm-collapse,
	li.metismenu-item.item-1836.level-1.deeper.parent ul.mm-collapsing {
		left: -30px;
	}
	.metismenu-item .level-2.deeper a,
	.metismenu-item .level-2.deeper button {
		/* padding: 2px 20px!important; */
		color: var(--dm_dkgr) !important;
	}
	#eb .mod-items-grid > .mod-grid {
		float: left;
		padding-left: .8em !important;
		padding-right: .8em !important;
		margin-bottom: .2em !important;
	}

	/* 🎙️ 11:11 — Sidebar-Plakette über Main-Content + verkleinern */
	.container-sidebar-right {
		order: -1;       /* falls Grid/Flex-Container: vor Main-Content */
	}
	.container-sidebar-right .plakette {
		left: 0;         /* Desktop-Versatz (plakette.css Z. 46: -1.4em) aufheben */
		display: block;
		margin-left: auto;
		margin-right: auto;

		/* Custom-Properties verkleinern */
		--plk-padding-y: 12px;
		--plk-padding-x: 18px;
		--plk-min-width: 220px;
		--plk-niete-size: 8px;
		--plk-niete-offset: 9px;

		/* 🎙️ 18:24 — `transform: scale()` raus, weil sie einen containing-block
		   schafft und damit `position: fixed` von Descendants (Cart-Drawer!)
		   relativ zur Plakette positioniert wurde. Stattdessen `zoom` —
		   wirkt visuell identisch, schafft aber KEINEN containing-block. */
		zoom: 0.85;
	}
	.container-sidebar-right .plakette p {
		padding-top: 0.3em;
	}

	/* 🎙️ 12:34 — Footer-Link "Jan Derhake - IT für Handwerk und KMU"
	   als atomare Einheit: Bruch nur VOR dem Link (nach "von"), nie im Link */
	.container-footer a[href*="jdits.de"] {
		white-space: nowrap;
		display: inline-block;
	}

	/* 🎙️ 12:42 — Article-Header h1 auf Mobile schrumpfen.
	   Desktop hat .td-article-header h1 { font-size: 2.5rem } (user_article.css Z. 63),
	   das ist auf 360 px viel zu groß. */
	.td-article-header {
		padding: 8px 12px !important;
	}
	.td-article-header h1,
	.td-article-header h2 {
		font-size: clamp(1.3rem, 6vw, 1.8rem) !important;
		line-height: 1.15;
		word-break: break-word;
		hyphens: auto;
	}

	/* 🎙️ 12:32 / 13:58 — Ränder + Paddings rechts/links auf Mobile noch
	   einmal halbieren. Greift global für alle Seiten. */
	.site-grid {
		grid-template-columns:
			[full-start] 0
			[main-start] repeat(4, minmax(0, 25%))
			[main-end] 0
			[full-end] !important;
		grid-gap: 0 0.1em !important;
		padding-left: 0.15em !important;
		padding-right: 0.15em !important;
	}
	.container-component,
	.container-component main {
		padding-left: 0 !important;
		padding-right: 0 !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	.com-content-article {
		padding: 0.2em !important;
		margin: 0 !important;
	}
	/* Article-Body-Innen-Padding (user_article.css: 25px 30px) halbieren */
	.com-content-article .com-content-article__body {
		padding: 12px 14px !important;
	}
	/* 🎙️ 14:12 — TD-Article-Entry Margin halbieren (Desktop: 30px 20px 40px 20px) */
	.td-article-entry {
		margin: 15px 10px 20px 10px !important;
	}
	/* 🎙️ 14:35 — "delorean deutschland ® team-deloman" Signatur (::after)
	   auf Mobile ausblenden, frisst nur Platz */
	.td-article-entry::after {
		display: none !important;
	}

	/* 🎙️ 17:40 / 17:44 — H2-H6 im Artikel-Body auf Mobile kleiner +
	   ordentliche deutsche Silbentrennung statt hartem word-break.
	   `hyphens: auto` nutzt Browsers Sprach-Wörterbuch (html lang="de-de" / "en-gb"). */
	.com-content-article__body h2,
	.com-content-article__body h3,
	.com-content-article__body h4,
	.com-content-article__body h5,
	.com-content-article__body h6 {
		hyphens: auto;
		-webkit-hyphens: auto;
		-ms-hyphens: auto;
		word-break: normal;
		overflow-wrap: break-word;   /* Fallback für sehr lange Wörter ohne Trennstelle */
	}
	.com-content-article__body h2 {
		font-size: 1.4rem !important;
		font-weight: 600 !important;
		line-height: 1.2;
	}
	.com-content-article__body h3 {
		font-size: 1.15rem !important;
		font-weight: 600 !important;
		line-height: 1.25;
	}
	.com-content-article__body h4 {
		font-size: 1.05rem !important;
		font-weight: 600 !important;
	}
	.com-content-article__body h5,
	.com-content-article__body h6 {
		font-size: 1rem !important;
		font-weight: 600 !important;
	}
	/* Auch Absätze mit langen Wörtern bekommen Silbentrennung */
	.com-content-article__body p {
		hyphens: auto;
		-webkit-hyphens: auto;
		-ms-hyphens: auto;
	}
	/* Header-Bar (.td-article-header) auch schmaler — war 8px 12px */
	.td-article-header {
		padding: 4px 6px !important;
	}
	/* Header / Footer Grid-Child Padding (Cassiopeia-Default 2em) */
	body.wrapper-fluid header > .grid-child,
	body.wrapper-fluid footer > .grid-child {
		padding-left: 0.2em !important;
		padding-right: 0.2em !important;
	}
} /*@media klein ENDE*/

/* 🎙️ 12:32 / 13:58 — Tablet (576-991.98 px): Padding sanfter,
   aber gegenüber Phase 1 nochmals halbiert */
@media (576px <= width <= 991.98px) {
	.site-grid {
		grid-template-columns:
			[full-start] minmax(0, 0.25em)
			[main-start] repeat(4, minmax(0, 25%))
			[main-end] minmax(0, 0.25em)
			[full-end] !important;
		grid-gap: 0 0.2em !important;
	}
	.container-component,
	.container-component main {
		padding-left: 0.15em !important;
		padding-right: 0.15em !important;
	}
	.com-content-article {
		padding: 0.35em !important;
	}
	.com-content-article .com-content-article__body {
		padding: 14px 18px !important;
	}
	/* 🎙️ 14:12 — Tablet: TD-Article-Entry Margin sanfter halbiert */
	.td-article-entry {
		margin: 20px 14px 28px 14px !important;
	}
	body.wrapper-fluid header > .grid-child,
	body.wrapper-fluid footer > .grid-child {
		padding-left: 0.4em !important;
		padding-right: 0.4em !important;
	}
	/* 🎙️ 12:42 — Tablet: Article-Header h1 sanfter schrumpfen */
	.td-article-header {
		padding: 5px 9px !important;
	}
	.td-article-header h1,
	.td-article-header h2 {
		font-size: clamp(1.8rem, 4vw, 2.3rem) !important;
		line-height: 1.2;
	}
}

.container-header .container-nav {
	flex-wrap: wrap;
	justify-content: center;
	padding-bottom: 1em;
}
@keyframes steelShift {
    0% { background-position: 0% 50%; }
    100% { background-position: 100% 50%; }	
}
/* Header Anzeige Änderung ENDE*/

/* START Menü Änderungen*/
.metismenu.mod-menu .mm-toggler::after { /*Toggler Pfeil aus*/
	content: unset;
}

#navbar450 .mod-menu__heading.nav-header {  /* Button Größe einstellen, mittig setzen */
	width: 110px;
	justify-content: center;
}

.level-1 .mod-menu__heading {  /* Button Größe einstellen, mittig setzen */
	width: 110px;
	justify-content: center;
}

.image-title {    /*Schrift unter icons formatieren*/
	position: absolute;
	bottom: -17px;
	width: 100%;
	color: #464646;
}
.metismenu-item > button{   /*Schrift komplett anzeigen*/
	overflow: visible !important;
}
.container-header .metismenu > li > a:hover::after, 
.container-header .metismenu > li > button:hover::before, 
.container-header .metismenu > li.active > a::after, 
.container-header .metismenu > li.active > button::before {  /*underline weg*/
	background: unset!important;
}
.metismenu.mod-menu .metismenu-item.active > a {
	text-decoration: none!important;
}
/* .metismenu-item .level-1.default, */
/* .metismenu-item .level-1.deeper.parent, */
/* .metismenu-item .level-1.active.deeper.parent { */
	/* padding: 2px 20px!important; */
/* } */
.metismenu-item .level-2 a,
.metismenu-item .level-2 button {
	/* padding: 2px 20px!important; */
	color: var(--dm_dkgr) !important;
}
.metismenu-item .level-2 button {
	/* padding: 2px 20px!important; */
	/* color: pink!important; */
	justify-content: left;
}

/* 🎙️ 19:24 Englisches Hauptmenü — 28.05.2026 ausgebaut damit Layout
   genau dem DE-Pendant entspricht. EN-Items folgen jetzt der gleichen
   Block-Logik wie 1836 Fakten / 1843 Werkstatt / 1727 Geschichten /
   4980 Shop / 1680 Login. Spezial-Regeln darunter pro EN-Item analog. */

/* Facts (5017) ↔ Fakten (1836) */
.metismenu-item.item-5017.level-1 {
	left: 25px;
}

/* Shop (5050) ↔ Shop (4980) */
.metismenu-item.item-5050.level-1 {
	padding-left: 25px;
}
.metismenu-item.item-5050 .image-title {
	left: 8px;
}

/* Login (5051) ↔ Anmelden (1680) | Logout (5052) ↔ Abmelden (1842) */
.metismenu-item.item-5051.level-1,
.metismenu-item.item-5052.level-1 {
	display: inline-block;
	position: absolute;
	top: 47px;
	right: -95px;
	zoom: 1.2;
}
.metismenu-item.item-5051.level-1 .image-title,
.metismenu-item.item-5052.level-1 .image-title {
	position: relative;
	bottom: auto;
	font-size: smaller;
}

/* ENDE🎙️ 19:24 Englisches Hauptmenü */

#navbar450 .item-4999,
.metismenu-item.item-1846.level-1 {   /* Menü Hauptseite DE Delorean Banner */
	width: 300px;
	top: 10px;
	left: -10px;
}

.metismenu-item.item-1836.level-1 {
	left: 25px;
	}
.metismenu-item.item-1951.level-1 {		/* Menüpunkt WA */
	display: inline-block;
	position: absolute;
	right: -90px;
}
.jd_menu_whatsapp .image-title {
	display: none;
}
.WA_ico {
	width: 35px;
	margin-left: 15px;
}

.metismenu-item.item-4980.level-1 {
	padding-left: 25px;
}
.metismenu-item > a {
	overflow: visible!important;
}
.metismenu-item.item-4980 .image-title {
	left: 8px;
}

.metismenu-item.item-1680.level-1,		/* Menüpunkt Login */
.metismenu-item.item-1842.level-1 {		/* Menüpunkt Log-Out */
	display: inline-block;
	position: absolute;
	top: 47px;
	right: -95px;
	zoom: 1.2;
}
.metismenu-item.item-1680.level-1 .image-title,		/* Menüpunkt Login */
.metismenu-item.item-1842.level-1 .image-title {		/* Menüpunkt Log-Out */
	position: relative;
	bottom: auto;
	font-size: smaller;
}

	.ebw-login-btn,
	.ebw-logout-btn {
		display: inline-block;
		width: 60px;
	}
	.ebw-logout-btn,
	.ebw-login-btn {
		width: 40px;
	}

.ebw_icon {
    width: 55px;
    }

li.metismenu-item.level-1.deeper.parent ul.mm-collapse,
li.metismenu-item.level-1.deeper.parent ul.mm-collapsing {
	background-color: #bbb!important;
	top: 95px!important;
	width: auto;
	min-width: 190px !important;
}
li.metismenu-item.item-1836.level-1.deeper.parent ul.mm-collapse,
li.metismenu-item.item-1836.level-1.deeper.parent ul.mm-collapsing {
	left: -30px;
}
li.metismenu-item.item-1843.level-1.deeper.parent ul.mm-collapse,
li.metismenu-item.item-1843.level-1.deeper.parent ul.mm-collapsing {
	left: -12px;
}
li.metismenu-item.item-1727.level-1.deeper.parent ul.mm-collapse,
li.metismenu-item.item-1727.level-1.deeper.parent ul.mm-collapsing {
	left: -12px;
}

/* EN-Hauptmenue Submenu-Positionierung (Spiegel von DE) */
li.metismenu-item.item-5017.level-1.deeper.parent ul.mm-collapse,
li.metismenu-item.item-5017.level-1.deeper.parent ul.mm-collapsing {  /* Facts ↔ Fakten 1836 */
	left: -30px;
}
li.metismenu-item.item-5027.level-1.deeper.parent ul.mm-collapse,
li.metismenu-item.item-5027.level-1.deeper.parent ul.mm-collapsing {  /* Workshop ↔ Werkstatt 1843 */
	left: -12px;
}
li.metismenu-item.item-5035.level-1.deeper.parent ul.mm-collapse,
li.metismenu-item.item-5035.level-1.deeper.parent ul.mm-collapsing {  /* Stories ↔ Geschichten 1727 */
	left: -12px;
}
li.metismenu-item.item-1910.level-1.deeper.parent ul.mm-collapse,
li.metismenu-item.item-1910.level-1.deeper.parent ul.mm-collapsing {
	left: 9px;
	min-width: 125px !important;
}
li.metismenu-item.level-2.deeper.parent ul.mm-collapse,
li.metismenu-item.level-2.deeper.parent ul.mm-collapsing {
	position: absolute;
	top: -9px!important;
	left: 169px!important;
	}

/* END Menü */

/* START Menü 2*/

.navbar.navbar-expand-md #navbar446 {
  position: fixed;
  z-index: 500;
  right: 21px;
  top: 35px;
  min-width: 150px;
  background: #ffff;
}

/* END Menü 2*/

/* START User profile-edit */

#user-registration, #com-users-login__form,
.com-users-registration.registration,
.com-users-profile__edit.profile-edit {
	max-width: 650px;
	align-content: center;
	margin-left: auto;
	margin-right: auto;
	background: #e6e6e6;
	padding: 25px;
}

/* Slider Anzeigen*/
.com-content-article .slider-container ul {
	overflow: unset !important;
}

.jd_noshow {
    visibility: hidden;
}

.container-component main {       /*20260611*/
	margin-top: -15px;
	margin-bottom: 15px;
	background-color: #ddd;
	border-radius: 10px;
	padding: 1em;
}

.ebw_t-d_headline {
	background: #999 !important;
	/* background: linear-gradient(119deg, rgba(206,201,196,1) 0%, rgba(170,166,162,1) 15%, rgba(222,222,222,1) 52%, rgba(170,166,162,1) 88%, rgba(209,209,209,1) 100%) !important; */
	border: 1px solid #808080 !important;
	margin: 10px 0px 0px !important;
	padding: 7px 20px !important;
	position: relative;
	color: var(--dm_lgr) !important;
	/* text-align: center; */
	max-width: 205px;
	top: -35px;
	z-index: 2;
	font-size: large;
	font-weight: 400;
	left: -12px;
}

#hikashop_cart_439 {
	zoom: 1.1;
	/* background: grey; */
	padding: 1em 1em;
	padding-right: 0em;
	margin: 16px -10px;
}
#hikashop_cart_439 .hikashop_small_cart_checkout_link::before {
	content:'Warenkorb:';
	position: relative;
	display: block;
	color: gold;
	text-decoration: underline;
}
html[lang^="en"] #hikashop_cart_439 .hikashop_small_cart_checkout_link::before {
	content:'Cart:';
}
/* .hikashop_cart_empty_message { */
	/* margin: 1em 0.5em; */
	/* background: #fff6; */
	/* padding: 5px; */
/* } */

.moduletable.JD_ITS_CART #hikashop_cart_439 .hikashop_drawer__wrapper {
	margin: 1em 0;
	max-width: 600px;
}
.hikashop_cart span.hikashop_product_price {
	font-size: 15px;
}
.hikashop_cart_module_product_name_value.hikashop_cart_value .hikashop_product_code_cart {
	font-size: x-small;
	position: relative;
	top: -5px;
}
.hikashop_cart_module_product_name_value.hikashop_cart_value .hikashop_product_code_cart::before {
	content: ' ';
	display: flow-root;
}
.hikashop_drawer__wrapper .hikashop_cart_product_quantity_refresh {
	display: none;
}
.hikashop_drawer__header {
	border-bottom: 3px solid var(--dm_lgn)!important;
}
.hikashop_cart tfoot {
	border-top: solid var(--dm_lgn) 3px;
}
.hikashop_checkout_coupon {
	display: none;
}

footer.footer {
	background-color: var(--dm_dkgr);
	background-image: none;
	margin-top: 0;
	color: var(--dm_lgr);
}
footer.footer .grid-child {padding: 0.2em 3em;}
footer .mod-breadcrumbs__wrapper {font-size: small;}
footer .breadcrumb-item.active {color: var(--dm_lgn);}
.footer2 {display: none;}
.footer1 {font-size: small;}

#mod-custom417,
#mod-custom459 {  /* DE + EN Footer Klone — Breite gleich */
	width: 100%;
}

#mod-custom362 {
	font-size: smaller;
	top: 5px;
}

.back-to-top-link {
	opacity: 1;
	bottom: 1rem;
}

/*JD, Edelstahlplakette, Sidebar-Right, Menü DeLorean-3rd */
#mod-custom454 {
	padding-bottom: 1em;
}

/*JD, 🎙️ 14:24 Hintergründe für spezielle Seiten */
.com-users-profile.profile,
.ebw-contact,
#hikashop_show_cart_form,
#hikashop_checkout,
#hikashop_paypalcheckout_end,
#hikashop_order_main {
	background: #ddd;
	padding: 1em;
	border-radius: 0.4em;
}

.hikashop_checkout_payment_description {
	display: none;
}
.ebw-contact__form-section h2 {
	display: none;
}

/* 🎙️ 07:21 Beschreibungsüberschrift, Artikel ausschalten */
.hikashop_modern_section_title {
	display: none;
}
/* 🎙️ 07:23 Artikelbeschreibung in der Artikelübersicht Einzeilig-Anzeigen */
.hikashop_product_page .hikashop_modern_description_text {
	column-count: 1!important;
}
.hikashop_product_page .hikashop_modern_bottom {
	margin-top: 1.5em;
	padding-top: 0px;
	border-top: 1px solid #333;
}
/* PayPal "Bezahlen in 30 Tagen" Message ausblenden (gewuenscht von Jan, 27.05.2026) */
[data-pp-message],
[data-pp-placement="product"],
.hikashop_modern_row > [data-pp-message],
[data-pp-message] iframe[id^="jsx-iframe-"] {
    display: none !important;
}

/* HikaShop Listing-Karten: Inline-Style aus den listing_img_title.php
   Templates erzwingt height:350px (Kategorien) bzw. height:350px +
   subdiv-width:350px (Produkte). Beides ueberschreiben, damit die echte
   Bildhoehe wirkt und kein Leerraum entsteht (Jan, 27.05.2026). */
[id^="hikashop_category_information_menu_"] .hikashop_category_image,
[id^="hikashop_category_information_module_"] .hikashop_category_image,
[id^="hikashop_category_information_menu_"] .hikashop_product_image,
[id^="hikashop_category_information_module_"] .hikashop_product_image {
    height: auto !important;
}
[id^="hikashop_category_information_menu_"] .hikashop_product_image_subdiv,
[id^="hikashop_category_information_module_"] .hikashop_product_image_subdiv {
    width: auto !important;
    max-width: 350px;
}

[alt="a_img_1434_641513254"] img.hikashop_product_listing_image {
	padding-bottom: 25px;
}



.ebw-contact__form-section .btn-close {
	display: none;
}

#member-registration legend div {
	Background: #fff;
	font-size: smaller;
	line-height: 90%;
	padding: 10px;
	margin: 0px 25px;
	border-radius: 5px;
}

.hika_address_display {
	background-color: #f9f9f9;
	padding-left: 8px;
	padding-bottom: 10px;
}