/* ARAG-THEME */


/* Basecolors */





.absolute		{position:absolute}
.relative		{position:relative}

.onTop			{z-index:100}

.left			{left:0}
.right			{right:0}
.top			{top:0}
.bottom			{bottom:0}

.mb0 			{margin-bottom: 0!important;}

.hidden			{display:none!important}

.bold			{font-weight:bold}

.scrollX		{overflow-x:scroll}
.scrollY		{overflow-y:scroll}

.floatleft		{float:left}
.floatright		{float:right}
.floatclear, .clearboth		{clear:both}

.tRight			{text-align:right}
.tLeft			{text-align:left}
.tCenter		{text-align:center}

.back000		{background-color:#000}
.backfff		{background-color:#fff}
.back999		{background-color:#999}

.prefilled		{color:#999}

.transition		{transition: all .4s ease-in-out; webkit-transition: all .4s ease-in-out}

#logContent		{overflow:auto; width:100%; height:100%}
#logContent p		{padding:2px; margin:0 0 1px 0; font-size:10px;}
#logContent p.ll_1	{background-color: #FFFFCC}
#logContent p.ll_2 	{background-color: #00FF00}
#logContent p.ll_3 	{background-color: #FFFF66}
#logContent p.ll_4 	{background-color: #FF6600;}
#logContent p.ll_5 	{background-color: #FF0000}

#helperObjektAnalyser	{height:1px; overflow:hidden; position:absolute; top:100px; left:100px; width:100%}

#CenterContent  {position:absolute; left:50%; top:50%; width:1px; height:1px}

textarea	{height:50px;}
textarea.autoexpand	{overflow:hidden; height:50px; padding:2px}

.precheckErrorMessage	{color:#f00}

#mover		{display:none; position:absolute; width:1px; height:1px; margin:6px 0 0 3px; top:0; z-index:1001;}
body.moverActive #mover{display:block}
body.moverActive div.iframelocker	{position:absolute; z-index:2; background-color:rgba(0,0,0,0)}

#dialog		{position: fixed; width:0; height:100%; z-index:1005; top:0; left:50%; opacity:0; transition: all .4s ease-in-out; webkit-transition: all .4s ease-in-out}
body.dialog #dialog	{left:0; width:100%; height:100%; opacity:1}
#dialog div.container	{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%)}
#dialog div.content	{position:relative; transform:scale(0); transition: all .4s ease-in-out; webkit-transition: all .4s ease-in-out; max-width:90vw;  max-height:90vh;}
body.dialog #dialog div.content	{transform:scale(1)}
#dialog div.closer	{display:none}
#dialog .withcloser div.closer	{display:block}
#dialog p.buttonbar:after	{content:""; clear:both; display:block}
#dialog p.buttonbar botton	{margin:0 0 10px 10px}

#screenlocker	{width:100%; height:100%; position:fixed; top:0; left:0; z-index:10000;background-color:rgba(0,0,0,.5); color:#fff}
#screenlocker.white	{background-color:rgba(255,255,255,.8); color:#000}
#screenlocker:before	{content:attr(info); position:absolute; top:50%; left:50%; z-index:2; transform:translate(-50%,-50%); display:inline-block;}
#screenlocker:after	{
	animation-name: thinking;
	animation-duration: 1000ms;
	animation-iteration-count: infinite;
	animationnn-direction: alternate;
	content:"";
	width:24px; height:24px; border-radius:12px; display:inline-block;position:absolute; top:50%; left:50%;margin:-12px 0 0 -12px;
	border:0px solid rgba(255,255,255,.5); border-width:0px 3px;
}
#screenlocker.white:after	{border-color:rgba(0,0,0,.5)}

.ajaxified:before	{content:""; position:absolute; display:block; width:100%; height:100%; left:0; top:0; z-index:10; background:rgba(255,255,255,.5)}
.ajaxified:after	{
	animation-name: thinking;
	animation-duration: 1000ms;
	animation-iteration-count: infinite;
	animationnn-direction: alternate;
	content:"";
	width:24px; height:24px; border-radius:12px; display:inline-block;position:absolute; top:50%; left:50%;margin:-12px 0 0 -12px;
	border:0px solid rgba(0,0,0,.5); border-width:0px 3px;
	z-index:11
}

#googleSpeech	{position:fixed; bottom:0; left:calc(50% - 50px); background:rgba(0,0,255,.5); width:50px; height:50px; border-radius:25px; margin: 15px; z-index:100; box-shadow: 3px 3px 6px rgba(0,0,0,.5); transition: all .4s ease-in-out; webkit-transition: all .4s ease-in-out}
#googleSpeech:after	{position:absolute; background:url('/library/aragscript/css/images/ic_microphone.png'); background-size:contain; content:""; width:50%; height:50%; margin:25%; display:inline; opacity:.7}
#googleSpeech:hover:after	{opacity:1}
#googleSpeech.running:after	{opacity:.9}
#googleSpeech:before	{position:absolute; content:""; border:3px solid #000; border-radius:25px; width:calc(100% - 6px); height:calc(100% - 6px); display:inline; opacity:.5}
#googleSpeech.running:before	{opacity:.9; border:3px solid #0f0; }

#googleSpeech.running	{border-color:#0f0;}
#googleSpeech.disabled	{bottom:-70px; opacity:0}
#googleSpeech.thinking:before	{
	animation-name: thinking;
	animation-duration: 1000ms;
	animation-iteration-count: infinite;
	animationnn-direction: alternate;
	border:3px solid rgba(0,0,255,.8);
	border-right:3px solid rgba(0,255,255,.8);
	border-bottom:3px solid rgba(0,0,255,.8);
	border-left:3px solid rgba(0,255,255,.8);
}
#googleSpeech div.off	{position:absolute; right:-20px; top:-10px; border:1px solid #000; border-radius:10px; width:20px; line-height:20px; text-align:center}
#googleSpeech div.off:after	{content:"X"; display:inline; font-size:bold; }
#googleSpeech div.off:hover	{color:#fff}

@keyframes thinking {
	from, to {
		transform: rotate(360deg); -webkit-transform: rotate(-360deg);
	}
	50% {
		transform: rotate(0deg); -webkit-transform: rotate(0deg);
	}
}

@keyframes pulse {
	from, to {
		background-color:rgba(0,0,0,1);
		transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);
	}
	50% {
		background-color:rgba(0,0,0,.2);
		transform: scale(.9,.9) translate(-50%,-50%); -webkit-transform: scale(.9,.9) translate(-50%,-50%);
	}
}

@keyframes waiting {
	0% {
		transform: translate(-50%,-50%) rotate(0deg); -webkit-transform: translate(-50%,-50%) rotate(0deg);
	}
	50% {
		transform: translate(-50%,-50%) rotate(180deg); -webkit-transform: translate(-50%,-50%) rotate(180deg);
	}
	100% {
		transform: translate(-50%,-50%) rotate(360deg); -webkit-transform: translate(-50%,-50%) rotate(360deg);
	}
}
.speechGlossar	{height:600px; width:800px;overflow:auto;background:rgba(0,0,0,.9);color:#fff}
.speechGlossar > *	{padding:10px; display:block; list-style:none; width:calc(25% - 20px); float:left}
.speechGlossar > div:nth-child(4):after	{content:""; display:block; clear:both; position:relative}

.speechGlossarButton	{box-shadow:1px 1px 10px rgba(0,0,0,.8); position:fixed; bottom:50px; left:calc(50% + 50px); border:1px solid #fff; color:#fff; background:rgba(0,255,0,.6); width:20px; height:20px; border-radius:10px; margin: 10px; z-index:100; text-align:center}
.speechGlossarButton:after	{content:"?"}	

#speechList	{overflow:auto;background:rgba(0,0,0,.9);color:#fff; padding:10px}
#speechList li:before	{content:attr(list)!important}


.speechTest	{box-shadow:1px 1px 10px rgba(0,0,0,.8); position:fixed; bottom:25px; left:25px; border:1px solid #666; color:#333; line-height:20px; font-size:14px; background:rgba(0,255,0,.5); z-index:1001; text-align:center}
.speechTest > *	{width:100%; margin:5px; width:200px; display:block}

.reading	{text-decoration:underline}

.popup	{z-index:200; background-color:#fff; position:fixed!important; overflow:visible}
.popup.collapsed	{height:34px; overflow:hidden}
.popup:before	{position:absolute; left:0; top:0; width:100%; height:30px; content:""; display:block; z-index:2; cursor:move}
.popup > div.control	{position:absolute; z-index:3; width:22px; height:22px; display:inline; border:1px solid #999; border-radius:12px; background:#f9ed43; text-align:center; cursor:pointer}
.popup > div.close	{right:5px; top:5px;}
.popup > div.collapse	{right:35px; top:5px;}
.popup > div.resize	{right:5px; bottom:5px; cursor:nesw-resize}
.popup.collapsed > div.resize	{display:none}
.popup > label	{padding:0 5px; line-height:34px; display:block; font-weight:bold; background:#bed7ec;}
.popup > iframe	{display:block;}


		


.moveable	{position:absolute; box-shadow:1px 1px 5px rgba(0,0,0,.5); transition: all .4s ease-in-out; webkit-transition: all .4s ease-in-out}
.moveable.moving	{box-shadow:1px 1px 8px rgba(0,0,0,.5); transition:none}
.moving iframe	{position:relative;}

.resizeable:after {content:"R"; position:absolute; right:0; bottom:0; display:block; width:15px; height:15px; background-color:#f00}

.moving:before	{position:absolute; left:0; top:0; width:100%; height:100%; content:""; display:block; background:rgba(0,0,0,.01); z-index:2}

.speechMultiplehits	{position:absolute; left:50%; top:50%; transform: translate(-50%,-50%); padding:5px; background-color:rgba(255,255,255,.9); border:1px solid #f9ed43!important; color:#333!important; font-weight:bold; z-index:100; border-radius:15px; width:20px; height:20px; display:inline-block; text-align:center; line-height:20px}


template	{display:none!important}

div.accordion			{background:#eee; overflow:hidden;}
div.accordion > label	{background-color:#ddd; padding:5px 15px; position:relative; margin-bottom:1px}
div.accordion > label:hover	{background-color:#eee;}
div.accordion > label:before	{position:absolute; left:6px; top:12px; content:" "; z-index:10; width: 0; height: 0; border-top: 4px solid transparent; border-left: 4px solid rgba(0,0,0,.5); border-bottom: 4px solid transparent;}
div.accordion > label.open:before	{position:absolute; left:4px; top:14px; content:" "; z-index:10; width: 0; height: 0; border-top: 4px solid rgba(0,0,0,.5); border-left: 4px solid transparent; border-right: 4px solid transparent;}

div.menu	{background-color:#eee; height:30px; border:1px solid #eee}
div.menu li	{transition: all .2s ease-in-out; webkit-transition: all .2s ease-in-out}
div.menu ul li:hover  {background-color:#eee;}
div.menu ul li  {background-color:#fff;}
div.menu ul ul   {box-shadow:0 0 3px rgba(0,0,0,.5);}
div.menu ul ul ul:before	{position:absolute; left:-8px; top:12px; content:" "; z-index:10; width: 0; height: 0; border-top: 4px solid transparent; border-left: 4px solid rgba(0,0,0,.5); border-bottom: 4px solid transparent;}


div.tab	{margin-top:32px!important; border:1px solid #ddd}
div.tab > ul		{z-index:1; background-color:#eee; height:32px; margin:-32px 0 0 -1px!important;}
div.tab > ul > li	{transition: all .2s ease-in-out; webkit-transition: all .2s ease-in-out}
div.tab > ul > li	{padding:0 15px; border:solid #eee; border-width:1px 1px 1px 0}
div.tab > ul > li:first-child	{border-left-width:1px}
div.tab > ul > li:hover	{background-color:#fff;}
div.tab > ul > li.open	{background-color:#fff; border-bottom-color:#fff}

buttonbar {--itemGap:.5em; display:flex; gap:var(--itemGap); align-items: flex-start; padding:var(--itemGap); font-size:1rem; line-height: 150%;}
buttonbar > * {flex:1;}

buttonbar * {position:relative;}

buttonbar [action],
buttonbar [opener],
buttonbar [check],
buttonbar [radio] {cursor:pointer}

buttonbar [action],
buttonbar [opener] {padding:0 .5em}

buttonbar input,
buttonbar select,
buttonbar textarea,
buttonbar [check],
buttonbar [radio] {position:relative; padding:0 1em 0 .5em}

buttonbar [check]:after,
buttonbar [radio]:after	{content:""; position:absolute;right:.25em;top:50%;padding:.25em;transform:translate(0,-50%);border-radius:50%;background-color:#0f0; display:none}

buttonbar ul	{position:absolute; display:none; border-top:var(--itemGap) solid transparent}
buttonbar *:hover > ul	{display:initial} 

buttonbar ul ul	{left:100%; top:calc(0px - var(--itemGap)); border-left:var(--itemGap) solid transparent}

buttonbar ul li	{margin-bottom:var(--itemGap)}

buttonbar *:has(> ul),
buttonbar input,
buttonbar select,
buttonbar textarea,
buttonbar [opener],
buttonbar [action],
buttonbar [check],
buttonbar [radio]	{border:1px solid #ccc; border-radius:.25em; background-color:#ccc}

buttonbar select,
buttonbar input,
buttonbar textarea	{background-color:#fff!important}







.icon-xl{
	--StrokeWidth:0.25rem;
	--IconSize:4rem
}

.icon-l{
	--StrokeWidth:0.15625rem;
	--IconSize:2.5rem
}

.icon-s{
	--StrokeWidth:0.078125rem;
	--IconSize:1.25rem
}

:root{
	--StrokeWidth:0.09375rem;
	--IconSize:1.5rem
}

:root{
	--font-family-Primary:"GT Walsheim ARAG", Arial, sans-serif;
	--font-family-Secondary:"GT Alpina ARAG", "Merriweather", "Times New Roman", serif;
	--font-style-Italic:Italic;
	--font-style-Condensed:Condensed;
	--font-weight-FontLight:Light;
	--font-weight-FontMedium:Medium;
	--font-weight-FontNormal:Regular;
	--font-size-TextXs:0.75rem;
	--font-size-TextSm:0.875rem;
	--font-size-TextBase:1rem;
	--font-size-TextLg:1.375rem;
	--font-size-Text2Xl:2rem;
	--font-size-Text4Xl:3rem;
	--font-size-Text5Xl:3.5rem;
	--font-size-Text7Xl:7.5rem;
	--font-size-Text6Xl:4.5rem;
	--font-size-TextXl:1.75rem;
	--font-size-Text3Xl:2.25rem
}

.semantic-inverted,
.surface-Primary{
	--surface-Primary:var(--color-Neutrals-White);
	--surface-Tertiary:var(--color-Neutrals-Black4);
	--surface-Secondary:var(--color-Brand-Blush);
	--surface-Accent:var(--color-Brand-BlushDark);
	--surface-Info:var(--color-Additional-Blue-100);
	--surface-Warning:var(--color-Additional-Red-100);
	--surface-Success:var(--color-Additional-Green-100);
	--canvas-Primary:var(--color-Brand-Yellow);
	--canvas-Secondary:var(--color-Brand-Blush);
	--canvas-Tertiary:var(--color-Brand-BlushLight);
	--canvas-Quarternary:var(--color-Neutrals-Black-56);
	--border-Primary:var(--color-Border-Olive);
	--border-Secondary:var(--color-Border-Olive);
	--border-Strong:var(--color-Neutrals-Black);
	--border-Accent:var(--color-Neutrals-Grey);
	--border-Tertiary:var(--color-Neutrals-Black-16);
	--border-Info:var(--color-Additional-Blue-100);
	--border-Warning:var(--color-Additional-Red-100);
	--border-Success:var(--color-Additional-Green-100);
	--text-Primary:var(--color-Neutrals-Black);
	--text-Secondary:var(--color-Neutrals-Black-56);
	--text-Tertiary:var(--color-Neutrals-Black-16);
	--text-Link:var(--color-Neutrals-Black);
	--text-Info:var(--color-Additional-Blue-100);
	--text-Warning:var(--color-Additional-Red-100);
	--text-Success:var(--color-Additional-Green-100);
	--fg-Primary:var(--color-Neutrals-Black);
	--fg-Secondary:var(--color-Neutrals-Black-56);
	--fg-Tertiary:var(--color-Neutrals-Black-16);
	--fg-Info:var(--color-Additional-Blue-100);
	--fg-Success:var(--color-Additional-Green-100);
	--fg-Warning:var(--color-Additional-Red-100);
	--fg-Neutral:var(--color-Neutrals-White);
	--PaddingTop:true
}

:root{
	--surface-Primary:var(--color-Brand-Yellow);
	--surface-Tertiary:var(--color-Neutrals-Black4);
	--surface-Secondary:var(--color-Brand-Blush);
	--surface-Accent:var(--color-Brand-BlushDark);
	--surface-Info:var(--color-Additional-Blue-100);
	--surface-Warning:var(--color-Additional-Red-100);
	--surface-Success:var(--color-Additional-Green-100);
	--canvas-Primary:var(--color-Neutrals-White);
	--canvas-Secondary:var(--color-Brand-Blush);
	--canvas-Tertiary:var(--color-Brand-BlushLight);
	--canvas-Quarternary:var(--color-Neutrals-Black-56);
	--border-Primary:var(--color-Border-Olive);
	--border-Secondary:var(--color-Border-Taupe);
	--border-Strong:var(--color-Neutrals-Black);
	--border-Accent:var(--color-Neutrals-Grey);
	--border-Tertiary:var(--color-Neutrals-Black-16);
	--border-Info:var(--color-Additional-Blue-100);
	--border-Warning:var(--color-Additional-Red-100);
	--border-Success:var(--color-Additional-Green-100);
	--text-Primary:var(--color-Neutrals-Black);
	--text-Secondary:var(--color-Neutrals-Black-56);
	--text-Tertiary:var(--color-Neutrals-Black-16);
	--text-Link:var(--color-Neutrals-Black);
	--text-Info:var(--color-Additional-Blue-100);
	--text-Warning:var(--color-Additional-Red-100);
	--text-Success:var(--color-Additional-Green-100);
	--fg-Primary:var(--color-Neutrals-Black);
	--fg-Secondary:var(--color-Neutrals-Black-56);
	--fg-Tertiary:var(--color-Neutrals-Black-16);
	--fg-Info:var(--color-Additional-Blue-100);
	--fg-Success:var(--color-Additional-Green-100);
	--fg-Warning:var(--color-Additional-Red-100);
	--fg-Neutral:var(--color-Neutrals-White)
}

:root{
	--color-Brand-BlushLight:#fcf9f4;
	--color-Brand-Blush:#f8f0dd;
	--color-Brand-BlushDark:#f1e5c7;
	--color-Brand-Yellow:#fff100;
	--color-Neutrals-White:#ffffff;
	--color-Neutrals-Grey:#d6d1c7;
	--color-Neutrals-Black-16:#00000029;
	--color-Neutrals-Black-56:#0000008f;
	--color-Neutrals-Black:#000000;
	--color-Neutrals-Black4:#0000000a;
	--color-Border-Olive:#8f862b;
	--color-Border-Taupe:#999485;
	--color-Additional-Green-100:#00785a;
	--color-Additional-Green-50:#69c891;
	--color-Additional-Green-20:#c8ffd7;
	--color-Additional-Red-100:#b4053c;
	--color-Additional-Red-50:#f06e82;
	--color-Additional-Red-20:#ffebe6;
	--color-Additional-Blue-100:#2832c8;
	--color-Additional-Blue-50:#7878e1;
	--color-Additional-Blue-20:#e1e1ff;
	--color-Additional-Clay-100:#b4502d;
	--color-Additional-Clay-50:#f0be8c;
	--color-Additional-Clay-20:#fff5e1;
	--color-Additional-Purple-100:#6e0f69;
	--color-Additional-Purple-50:#d2a0e6;
	--color-Additional-Purple-20:#f5d7ff;
	--spacing-Space-0:0rem;
	--spacing-Space-1:0.25rem;
	--spacing-Space-2:0.5rem;
	--spacing-Space-3:0.75rem;
	--spacing-Space-4:1rem;
	--spacing-Space-5:1.25rem;
	--spacing-Space-6:1.5rem;
	--spacing-Space-7:1.75rem;
	--spacing-Space-8:2rem;
	--spacing-Space-10:2.5rem;
	--spacing-Space-12:3rem;
	--spacing-Space-14:3.5rem;
	--spacing-Space-16:4rem;
	--spacing-Space-18:4.5rem;
	--spacing-Space-20:5rem;
	--border-radius-RoundedNone:0rem;
	--border-radius-RoundedFull:624.9375rem;
	--border-radius-Rounded:2rem;
	--border-width-BorderThin:0.0625rem;
	--border-width-BorderThick:0.125rem
}


.border-Accent {
	border-color:var(--color-Neutrals-Grey)
}
.border-Secondary {
	border-color:var(--color-Border-Taupe)
}
.border-Strong {
	border-color:var(--color-Neutrals-Black)
}
.boxed-Info {
	border-color:var(--color-Additional-Blue-100);
	color:var(--color-Additional-Blue-100)
}
.canvas-Primary {
	background-color:var(--color-Neutrals-White)
}
.canvas-Quarternary {
	background-color:var(--color-Neutrals-Black-56)
}
.canvas-Secondary {
	background-color:var(--color-Brand-Blush)
}
.canvas-Tertiary {
	background-color:var(--color-Brand-BlushLight)
}
.font-family-Primary {
	font-family:"GT Walsheim ARAG", Arial, sans-serif
}
.font-size-Text2Xl {
	font-size:2rem
}
.font-size-Text5Xl {
	font-size:3.5rem
}
.font-size-TextBase {
	font-size:1rem
}
.font-size-TextXs {
	font-size:0.75rem
}
.surface-Accent {
	background-color:var(--color-Brand-BlushDark)
}
.surface-Primary {
	background-color:var(--color-Brand-Yellow)
}
.surface-Secondary {
	background-color:var(--color-Brand-Blush)
}
.txt-Base-decorative {
	font-size: 1rem;
	 line-height: 150%;
	 letter-spacing: 0.02rem;
	font-family: var(--font-family-Secondary);
	 font-weight: 400;
	 line-height: 100%;
	 letter-spacing: 0.02rem
}
.txt-L-decorative {
	font-size: 2rem;
	 line-height: 120%;
	 letter-spacing: 0.02rem;
	font-family: var(--font-family-Secondary);
	 font-weight: 400;
	 line-height: 100%;
	 letter-spacing: 0.02rem
}


:root {
  --stdSpacing: 1rem;
  --doubleStdSpacing: calc(var(--stdSpacing) * 2);
  --tripleStdSpacing: calc(var(--stdSpacing) * 3);
  --halfStdSpacing: calc(var(--stdSpacing) / 2);
  --quarterStdSpacing: calc(var(--stdSpacing) / 4);
  
  --negativeStdSpacing: calc(0 - var(--stdSpacing));
}

/* ---- Transitions ----*/
:root {
	--fastTransition: all .3s cubic-bezier(0.5,0,0.2,1);
	--slowTransition: all .7s cubic-bezier(0.5,0,0.2,1);
	--fadeTransition: all 0.4s cubic-bezier(0,0,0,1);
}

/* ---- Font-Sizes ----*/
:root {
	--font-size-TextBase: 1rem;
	--font-size-TextXl: 1.75rem;
}


/* ---- Various ----*/
:root {
  --maxPageWidth : 1440px;
  --borderWidth:0.0625rem;
  --borderWidthHover:0.125rem;
}

html {scrollbar-gutter: stable;}
html,body   {width:100%; position:relative; padding: 0; margin:0;-webkit-text-size-adjust: none; line-height:145%; scroll-behavior: smooth;}

obj			{display:none}
img			{border:0;}
img.icon	{cursor:pointer}
ul			{list-style:none; margin:0; padding:0}
fieldset	{border:0; padding:0; margin:0}
iframe		{-webkit-overflow-scrolling:touch!important; border:0; width:100%; height:100%}
a, a:visited		{color:#000; text-decoration:none;}
p	{margin:0; padding:0}

.hidden		{display:none}
.visible	{display:block}
.block		{display:block}
.inline		{display:inline}

.alignleft  {text-align:left}
.center,
.aligncenter	{text-align:center}
.alignright  {text-align:right}
.valignTop  {vertical-align:top}
.valignBottom  {vertical-align:bottom}


.left, .floatleft	{float:left}
.right, .floatright	{float:right}
.clearboth      {clear:both!important; float:none!important; margin:0; padding:0}
.interactive	{cursor:pointer}

.underline	{border-bottom:1px solid #999; padding:0 0 10px 0; margin:0 0 10px 0}

.transition {transition: all .4s ease-in-out; webkit-transition: all .4s ease-in-out}

html.notTouchable .touch	{display:none}
html.touchable .notTouch	{display:none} 

body[breakpoint=mobile] .desktop,
body[breakpoint=tablet] .desktop	{display:none!important}
body[breakpoint^=desktop] .mobile	{display:none!important}

div.accordion 						{position:relative;}
div.accordion > div					{display:none; overflow:hidden; z-index:1; margin:0!important; padding:0!important;}
div.accordion > label.accordion_label		{display:block}
div.accordion > div.open			{display:block;}
[modul='articlegrid'] {
    flex-direction: column;
}
[modul='articlegrid'] div.more {
    width: 100%;
    padding-top: var(--spacing-Space-8, 80px);
    display: flex;
    justify-content: center;
    align-items: center;
}
div.more a {
    color: var(--text-Link, #000);
    padding: var(--spacing-Space-5, 20px) 0px;
    /* font-family: var(--font-family-Primary, "GT Walsheim ARAG");
    font-size: var(--font-size-TextBase, 16px);
    font-style: normal;
    line-height: 100%; 
    letter-spacing: 0.32px; 
    leading-trim: both;
    text-edge: cap; */
    font-weight: 500;
    border-bottom: 1px solid var(--border-Secondary, #999485);
    
}
div.more a:hover {
    padding-bottom: calc(var(--spacing-Space-5, 20px) - 1px);
    border-bottom: 2px solid #000;
}

div.autocomplete	{position:fixed; background-color:#fff; z-index:1000; border:1px solid #999;}
div.autocomplete a	{display:block; padding:3px}
div.autocomplete a:hover	{background-color:#fdf167}
div.autocomplete a.active	{background-color:#fdf167}

[modul=automatedcarousel] {display:flex;max-width: var(--max-container, 80rem);flex: 1 0 0;gap: 5rem;}

[modul=automatedcarousel] .interface {display:inline-flex; gap:var(--spacing-Space-2); margin:0 auto}
[modul=automatedcarousel] .interface > div	{width:2em; height:2em; padding:1rem; line-height:2em; font-size:1em; text-align:center;}
[modul=automatedcarousel] .interface > div.disable	{opacity:.25}
[modul=automatedcarousel] .interface .icon:not(.disable) {cursor: pointer;}

[modul=automatedcarousel] > [slot='0'] {display:flex; padding: 0;flex-direction: column;align-items: center; justify-content: center; text-align: center;gap: var(--spacing-Space-6);}
[modul=automatedcarousel] > [slot='1'] {display: flex; flex-direction: column;}
[modul=automatedcarousel] > [slot='1'] {box-sizing:border-box; position:relative; justify-content: flex-end; display: flex;flex-direction: column;align-items: flex-start;gap: 1rem;flex: 1 0 0;}
[modul=automatedcarousel] > [slot='1'] .player {width:100%; margin-top: 1rem; bottom: 0;height: 2rem; display:flex; gap:var(--spacing-Space-2); align-items: center;background: inherit;}
[modul=automatedcarousel] > [slot='1'] .player > div {cursor: pointer;}
[modul=automatedcarousel] > [slot='1'] .player > div:not(.icon){flex:1; height:0.125rem; background-color: #ccc; border-radius:3px}
[modul=automatedcarousel] > [slot='1'] .player:after	{content:""; position:absolute; background-color: #666; height:0.125rem; border-radius:3px; width:var(--indikatorWidth); left:var(--indikatorPosition); transition: all .4s ease-in-out; webkit-transition: all .4s ease-in-out}
[modul=automatedcarousel] > [slot='1'] .player > div.onoff{display: flex; gap:var(--spacing-Space-2); justify-content: flex-end; padding-left:var(--spacing-Space-4);width:83px;cursor: pointer; height: 100%; align-items: center;}
[modul=automatedcarousel] > [slot='1'] .player > div.onoff:before	{content: "\e974";font-size:1rem;}
[modul=automatedcarousel] > [slot='1'] .player > div.onoff:after {content:"Pausieren"; float:right;}
[modul=automatedcarousel][direction='0'] > [slot='1'] .player > div.onoff:before	{content: "\e976";}
[modul=automatedcarousel][direction='0'] > [slot='1'] .player > div.onoff:after {content:"Starten";}

[modul=automatedcarousel] .card {position: absolute; top: 0; opacity: 0; transition: opacity 1s ease-in-out}
[modul=automatedcarousel] .card.show {opacity: 1;}

[modul=automatedcarousel] > [slot='1'] .zitat {display: flex;overflow: auto;background: #fff;padding:var(--spacing-Space-10);flex-direction: column;justify-content: space-between;align-items: flex-start;align-self: stretch;}
[modul=automatedcarousel] > [slot='1'] .zitat .person	{display:flex; justify-content: center; align-items: center; gap: var(--spacing-Space-6);}
[modul=automatedcarousel] > [slot='1'] .zitat .person .lazyImage	{width:5rem;aspect-ratio:1; border-radius:50%}

[modul=automatedcarousel] > [slot='1'] .carousel-image-wrapper {display: flex;flex-direction: column;align-items: flex-start;align-self: stretch;width:100%;}
[modul=automatedcarousel] > [slot='1'] .carousel-image-wrapper .lazyImage {display: flex;flex-direction: column;align-items: flex-start;align-self: stretch;aspect-ratio:4/3;width: 100%}
[modul=automatedcarousel] > [slot='1'] .carousel-image-wrapper .carousel-image-caption {display: flex; flex-direction: row; gap: 1rem; padding: var(--spacing-Space-10); height: 9rem; align-items: flex-start;background-color: #fff;width: 100%; box-sizing: border-box;}
[modul=automatedcarousel] > [slot='1'] .carousel-image  {width: 100%;}
[modul=automatedcarousel] > [slot='1'] .carousel-image .lazyImage svg {height: 100%;}
[modul=automatedcarousel] > [slot='1'] .carousel-image.carousel-image:has(svg){background-color:var(--color-Brand-Yellow)}

/* alle desktop/desktopXL */
[breakpoint*="desktop"] [modul=automatedcarousel] > [slot='1']:has(.zitat) {min-height: 35.5rem;}
[breakpoint*="desktop"] [modul=automatedcarousel] > [slot='1'] .zitat {height: 27.5rem;}

/* nur desktopXL */
[breakpoint="desktopXL"] [modul=automatedcarousel] > [slot='0'] {min-width: 22.5rem; max-width: 50rem;}
[breakpoint="desktopXL"] [modul=automatedcarousel] > [slot='1'] .carousel-wrapper {min-width: 45rem;}
[breakpoint="desktopXL"] [modul=automatedcarousel] > [slot='1'] .carousel-image {min-width: 45rem;}
[breakpoint="desktopXL"] [modul=automatedcarousel] > [slot='1'] .carousel-wrapper:has(.carousel-image-wrapper) {min-height: 41.7rem;}

/* nur desktop */
[breakpoint="desktop"] [modul=automatedcarousel] > [slot='0'] {max-width: 30rem;}
[breakpoint="desktop"] [modul=automatedcarousel] > [slot='1'] {min-width: 26.875rem; position: relative;}
[breakpoint="desktop"] [modul=automatedcarousel] > [slot='1'] .carousel-wrapper {margin-bottom: 8rem; width: 100%;background-color: #fff;}
[breakpoint="desktop"] [modul=automatedcarousel] > [slot='1'] .carousel-image:has(.carousel-image-wrapper) {min-height: calc(100% + 3rem); height: fit-content;padding-bottom: 3rem;}
[breakpoint="desktop"] [modul=automatedcarousel] > [slot='1'] .carousel-image:has(.carousel-image-wrapper) .player {margin-top: 1rem;}
[breakpoint="desktop"] [modul=automatedcarousel] > [slot='1']:has(.carousel-image-wrapper) .carousel-wrapper {aspect-ratio: 4 / 3;}

/* nur tablet */
[breakpoint="tablet"] [modul=automatedcarousel] {max-width: var(--max-container, 57.9375rem);}
[breakpoint="tablet"] [modul=automatedcarousel] {flex-direction: column;padding: 7.5rem 0;justify-content: center;align-items: center;gap: 3rem;}
[breakpoint="tablet"] [modul=automatedcarousel] > [slot='0'] {min-width: 22.5rem;width: 42rem;max-width: 50rem;}
[breakpoint="tablet"] [modul=automatedcarousel] > [slot='1'] {min-width: 42rem; width: 100%;}
[breakpoint="tablet"] [modul=automatedcarousel] > [slot='1']:has(.zitat) {min-height: 42.5rem; gap: var(--spacing-Space-12);}
[breakpoint="tablet"] [modul=automatedcarousel] > [slot='1']:has(.zitat) .zitat {height: 27.5rem;}
[breakpoint="tablet"] [modul=automatedcarousel] > [slot='1']:has(.carousel-image-wrapper) {gap:0;}
[breakpoint="tablet"] [modul=automatedcarousel] > [slot='1']:has(.carousel-image-wrapper) .carousel-wrapper {aspect-ratio: 4/3; margin-bottom: 9rem; width: 100%;background-color: #fff;}
[breakpoint="tablet"] [modul=automatedcarousel] > [slot='1']:has(.carousel-image-wrapper) .carousel-image-wrapper .lazyImage {aspect-ratio: 4/3;}
[breakpoint="tablet"] [modul=automatedcarousel] > [slot='1']:has(.carousel-image-wrapper) .carousel-image-wrapper .carousel-image-caption {padding: var(--spacing-Space-10); height: 9rem;}
[breakpoint="tablet"] [modul=automatedcarousel] > [slot='1']:has(.carousel-image-wrapper) .carousel-image:has(.carousel-image-wrapper) {padding-bottom: 3rem;}
[breakpoint="tablet"] [modul=automatedcarousel] > [slot='1']:has(.carousel-image-wrapper) .player {margin-top: var(--spacing-Space-4);}
[breakpoint="tablet"] [modul=automatedcarousel] > [slot='1']:has(.carousel-image-wrapper) .interface {margin-top: var(--spacing-Space-12)}
	
/* nur mobile */
[breakpoint="mobile"] [modul=automatedcarousel] {flex-direction: column;padding: var(--spacing-Space-20) 0;justify-content: center;align-items: center;gap: var(--spacing-Space-12);}
[breakpoint="mobile"] [modul=automatedcarousel] > [slot='1'] {width: 100%; position: relative; gap:1.5rem;}
[breakpoint="mobile"] [modul=automatedcarousel] > [slot='1'] .interface {padding-top:1.5rem;}
[breakpoint="mobile"] [modul=automatedcarousel] > [slot='1'] .player {margin-top:0;}
[breakpoint="mobile"] [modul=automatedcarousel] > [slot='1']:has(.zitat) {min-height: 35rem; max-width: 45.9375rem; width: 100%;}
[breakpoint="mobile"] [modul=automatedcarousel] > [slot='1']:has(.zitat) .zitat {height: 21.5rem; padding:var(--spacing-Space-6);}
[breakpoint="mobile"] [modul=automatedcarousel] > [slot='1']:has(.carousel-image-wrapper) .carousel-wrapper {aspect-ratio: 1; margin-bottom: 6rem; width: 100%;background-color: #fff;}
[breakpoint="mobile"] [modul=automatedcarousel] > [slot='1']:has(.carousel-image-wrapper) .carousel-image-wrapper .lazyImage {aspect-ratio: 1;}
[breakpoint="mobile"] [modul=automatedcarousel] > [slot='1']:has(.carousel-image-wrapper) .carousel-image-wrapper .carousel-image-caption {padding: var(--spacing-Space-6); height: 6rem;}
[breakpoint="mobile"] [modul=automatedcarousel] > [slot='1']:has(.carousel-image-wrapper) .carousel-image:has(.carousel-image-wrapper) {min-height: calc(100% + 3rem); height: fit-content;padding-bottom: 3rem;}
[breakpoint="mobile"] [modul=automatedcarousel] > [slot='1']:has(.carousel-image-wrapper) .carousel-image:has(.carousel-image-wrapper) .player {margin-top: 1rem;}


@media only screen and (max-width: 480px) {
  ul.boxlayout li	{float:none; width:calc(100% - 20px); margin:9px 9px; border:1px solid #ccc; position:relative; display:inline-block; transition: transform .6s ease-out; webkit-transition: transform .6s ease-out; }
}
@media only screen and (min-width: 481px) and (max-width: 600px) {
   ul.boxlayout li	{float:left; width:calc(50% - 20px); margin:9px 9px; border:1px solid #ccc; position:relative; display:inline-block; transition: transform .6s ease-out; webkit-transition: transform .6s ease-out; }
	ul.boxlayout li:nth-child(2n+1) {clear:both;}
}
@media only screen and (min-width: 601px) {
  ul.boxlayout li	{float:left; width:calc(33.3333% - 20px); margin:9px 9px; border:1px solid #ccc; position:relative; display:inline-block; transition: transform .6s ease-out; webkit-transition: transform .6s ease-out; }
  ul.boxlayout li:nth-child(3n+1){clear:both;}
}
ul.boxlayout	{margin:0 0 15px 0;}
ul.boxlayout .content {padding:20px;}
ul.boxlayout li.hidden { display: none; }
ul.boxlayout li.effekt {-webkit-animation: fadeInFromNone 1s ease-out;-moz-animation: fadeInFromNone 1s ease-out;-o-animation: fadeInFromNone 1s ease-out;animation: fadeInFromNone 1s ease-out;}
ul.boxlayout li.invisible { -ms-transform: scale(.0,.0); -webkit-transform: scale(.0,.0); transform: scale(.0,.0)}
ul.boxlayout:after {content:""; display:block; clear:both}
ul.boxlayout li img	{width:100%;}
ul.boxlayout li h5 { padding: 5px 0 10px 0; margin: 0; font-size: 130%; line-height: 120%;}
ul.boxlayout li p { padding: 0 20px 20px 20px; margin: 0; font-size: 100%; line-height: 120%;}
ul.boxlayout li:before	{content:" "; background:url('/library/images/system/icons/ic_shadow_ol.png') no-repeat left center; position:absolute; left:-21px; top:-15px; opacity:.5; width:20px; height:232px; z-index: 1;}
ul.boxlayout li:after	{content:" "; background:url('/library/images/system/icons/ic_shadow_ur.png') no-repeat center bottom; position:absolute; right:-20px; margin-top:1px; opacity:.5; width:346px; height:23px; z-index:1;}
ul.boxlayout div.neu {position: absolute;left: 10px;top: 10px;}

#page.boxlayout.startseite #header > div.text {width: calc(100% - 20px);left: auto; top: auto;position: relative; padding: 20px 10px; margin: -20px 0 0 0; text-align: center; transform: none; background-color: #e4ede6;}
#page.boxlayout.startseite #header > div.text h5 { font-weight: bold; }



.calendarCaller {cursor:pointer;}

[data-datepicker] {cursor:pointer; position:relative; display:flex; gap:1rem; align-items: center; flex-wrap: wrap}
[data-datepicker] .form-field	{flex:1 25%}
[data-datepicker]:after {content: "\e914"; font-family: 'icons'; display:inline-block; text-align:center; vertical-align:middle; color:#333; font-size:2rem;}
[data-datepicker]:empty:after {margin-left:0}
[data-datepicker*='force']:before {content:""; position:absolute; left:0; top:0; display:block; width:100%; height:100%; z-index:2;}



.picker.inContent	{position:absolute; z-index:100;}
.picker	{max-width:90vw; max-height:90vh; font-size:16px; color:#000; position:relative; background-color:#fff; padding:0px; box-shadow:0 0 20px rgba(0,0,0,.5); overflow:hidden}
.picker.sheet	{width:336px;}
.picker.select	{padding:15px}
.picker:after	{display:block;content:""; clear:both}
.picker lable	{display:block; text-align:center; font-weight:bold}
.picker select	{display:inline; width:auto; padding-right:30px}
.picker small	{font-size:8px}

.picker > div.icon {width:16px; height:30px; position:absolute; top:18px; font-size:80%}
.picker > div.previousMonth	{left:18px; cursor: pointer;}
.picker > div.nextMonth	{right:18px; cursor: pointer;}
.picker > div.icon:before {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%)}

.picker .sheet > div.notSelectable	{color:#ccc}
.picker .sheet > div.selectable:hover	{background-color:#f9ed43!important; }

.picker .sheet	{background-color:#fff; padding:10px; width:calc(100% - 20px)}
.picker .month.sheet	{position:relative; line-height:45px; display:inline-block}
.picker .month.sheet select	{width:calc((100% / 2) - 16px); margin:0 8px;}
.picker .month.sheet > div	{display:inline-block; width:calc(100% / 7); text-align:center; margin:1px 0; vertical-align:top}
.picker .month.sheet > div.otherMonth	{color:#999}
.picker .month.sheet > div.today	{font-weight:bold}
.picker .month.sheet > div.selected	{background-color:#f9ed43!important;}

.picker.month.time .month.sheet:before {transition: all .4s ease-in-out; webkit-transition: all .4s ease-in-out; position:absolute; top:50%; transform:translate(-30px,-50%); z-index:3; content:"<"; opacity:0; border:1px solid #666; border-width:1px; border-radius:50%; display:inline-block; text-align:center; font-size:80%; line-height:22px; vertical-align:middle; width:22px; height:22px; box-shadow:2px 2px 4px rgba(0,0,0,.1)}
.picker.month.time.dateSelected .month.sheet:before {opacity:1; background-color:#fff; transform:translate(-5px,-50%)}
.picker.month.time.dateSelected .month.sheet:hover:before {background-color:#f9ed43!important;}

.picker .phase.sheet > div.nextMonth	{margin-top:72px}
.picker .phase.sheet > lable	{bbackground-color:#eee;}

.picker .time.sheet {height:calc(100% - 20px); text-align:center; position:absolute; line-height:45px; display:inline-block; left:0;top:0; transform: translate(100%,0); z-index:2; overflow:auto}
.picker.dateSelected .time.sheet {transform: translate(0,0);}
.picker .time.sheet > div	{display:inline-block; width:calc(100% / 4); text-align:center; margin:1px 0; float:left}
.picker .time.sheet > div.newLine	{clear:both}

.picker button	{margin:15px auto 0 auto;}
.picker button:after	{content:"Fertig"; display:inline}
.cardsBox	{display:flex; gap:var(--stdSpacing); flex-wrap:wrap}
.cardsBox > *	{flex:1; text-align:center; background-color:#fff; padding:var(--stdSpacing); font-weight:bold; border-radius:var(--stdSpacing); box-shadow:2px 2px 8px rgba(0,0,0,.1)}	
.cardsBox > *:before	{font-size:250%; line-height:100%; margin-bottom:var(--stdSpacing); display:block;}	
[modul=carousel]  {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: var(--gap);
	max-width: 100%;
    overflow-x: hidden;
}
body:not([breakpoint^=desktop])  div[section] > [modul=carousel] {
	padding-bottom: calc(var(--stacking) + var(--gap) + 4rem);
}
[modul=carousel] [slot='0'] {
	display: flex;
	align-items: flex-end;
    justify-content: space-between;
	position: unset!important;
	gap: var(--spacing-Space-6);
}
[modul=carousel] h3 {
	hyphens: auto;
	overflow-wrap: break-word;
	max-width: 100%;
}
[breakpoint^=desktop] [modul=carousel]>[slot='0'] h3 {
	max-width: 50rem;
}
[modul=carousel] .interface {
	display: flex;
	gap: var(--spacing-Space-6)
}
body:not([breakpoint^=desktop]) [modul=carousel] .interface {
	position: absolute;
	bottom: calc(var(--stacking) - 0.6875rem);
	left:50%;
	transform: translate(-50%,0);	
}
body[breakpoint=mobile] [modul=carousel] .interface {
	bottom: var(--stacking);
}
[breakpoint^=desktop] [modul=carousel] .interface {
	order: 2;
}
[modul=carousel] .interface .button {
	margin: 0!important;
}
[modul=carousel]>[slot='1'] {
	max-width: 100%;
    overflow-x: clip;
}
[modul=carousel]>[slot='1']>.container {
	display: flex;
	gap: var(--gap-carousel);
	text-align: center; 
	transition: var(--slowTransition);
	position: relative;
}
[modul=carousel]>[slot='1'] [class^='teaser'] {
	box-sizing: border-box;
	display: flex;
	padding: 0;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	gap: var(--spacing-Space-8);
	min-width: 21.75rem;
	flex: 0 0 21.75rem;
}
[modul=carousel] .teaserBild:hover a,
[modul=carousel] .teaserBild:focus-visible a {
	border-bottom: 2px solid var(--border-Strong)!important;
	padding: calc(var(--spacing-Space-5) + 1px) var(--spacing-Space-0) calc(var(--spacing-Space-5) - 3px);
}
[breakpoint=mobile] [modul=carousel]>[slot='1'] [class^='teaser'] {
	gap: var(--spacing-Space-6);
}

[modul=carousel]>[slot='1'] [class^=teaser] > * {
	text-align: center;
}
[breakpoint=mobile] [modul=carousel]>[slot='0'] h2 {text-align: center;}
[breakpoint=mobile] [modul=carousel]>[slot='1'] [class^=teaser] {flex: 0 0 15.5rem; min-width: 15.5rem;}
[breakpoint=tablet ] [modul=carousel]>[slot='1'] [class^=teaser] {flex: 0 0 25rem; min-width: 25rem;}

[modul=carousel]>[slot='1'] [class^=teaser] > :first-child > div,
[modul=carousel]>[slot='1'] [class^=teaser] > .lazyImage,
[modul=carousel]>[slot='1'] [class^=teaser] svg {
	width: 100%;
	aspect-ratio: 1;
	height: auto;
}
[modul=carousel]>[slot='1'] [class^=teaser] svg > rect {
	fill: none;
}
[modul=carousel] .subinfo:before {
   	display: none;
    content: "";
}
[modul=carousel] .imageContainer:has(> .lazyImage.ready:first-child) {
	background-color: var(--surface-Primary);
}
[modul=carousel] .imageContainer .lazyImage {
	border-radius: 0;
	transition: var(--fastTransition);
}
[modul=carousel] .teaserBild:has(a):focus-visible {
	outline: 1px solid var(--border-Strong);
	outline-offset: 0.625rem;
}
[modul=carousel] .teaserBild:has(a):hover h3,
[modul=carousel] .teaserBild:has(a):focus-visible h3 {
	text-decoration-line: underline;
	text-decoration-style: solid;
	text-decoration-skip-ink: none;
	text-decoration-thickness: auto;
	text-underline-offset: auto;
	text-underline-position: from-font;
}
[modul=carousel] .teaserBild:has(a):hover {
	cursor: pointer;
}
[modul=carousel] .teaserBild:hover .lazyImage,
[modul=carousel] .teaserBild:focus-visible .lazyImage {
	border-radius: 100%;
}
[modul=carousel]>[slot='1']>.container>[class^='teaser']>:first-child {
	width:100%;
}

[modul=carousel]>[slot='1']>.container>[class^='teaser']>.lazyImage {
	width: 100%
}
[modul=carousel] .text {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: var(--spacing-Space-4);
	align-self: stretch;
}
[breakpoint=mobile] [modul=carousel] .text  {
	gap: var(--spacing-Space-3);
}

.dynamic  {transition: all .4s ease-in-out; webkit-transition: all .4s ease-in-out}
.dynamic.placeholder	{opacity:0}

.hide  {transform:scale(0) translate(0,-100%); opacity:0}
.inMotion	{position:absolute; width:100%;}

*[data-animation=dynamicFadeIn] {
	animation-name: dynamicFadeIn;
	animation-duration: 400ms;
	animation-fill-mode: forwards
}

di.dynamicFader + *	{position:absolute}

*[data-animation=dynamicFadeOut] {
	animation-name: dynamicFadeOut;
	animation-duration: 400ms;
	animation-fill-mode: forwards
}

@keyframes dynamicFadeIn {
	from {
		height:0px;
		margin:0;
		padding:0;
		opacity:0;
	}
	50% {
		opacity:0
	}
	to {
		opacity:1
	}
}

@keyframes dynamicFadeOut {
	from {
		opacity:1;
	}
	50% {
		opacity:0
	}
	to {
		height:0px;
		margin:0;
		padding:0;
		opacity:0
	}
}
[modul='featuredarticles']	{display: flex;max-width: 80rem;align-items: flex-start;gap: var(--gap, 5rem);align-self: stretch;flex-direction: column;}
[modul='featuredarticles'] .socialShare {display: flex;padding: 0;height: 2rem;align-items: flex-start;align-content: flex-start;gap: var(--spacing-Space-2) var(--spacing-Space-6);flex-wrap: wrap;}
[modul='featuredarticles'] .infoWrapper {display: none;flex-direction: column;align-items: flex-start;gap: var(--spacing-Space-8, 2rem);}

[modul='featuredarticles'] > [slot="0"]	{display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start;align-self: stretch;}
[modul='featuredarticles'] > [slot="0"]	a.button {margin: var(--spacing-Space-1) var(--spacing-Space-2) var(--spacing-Space-1) 0;min-width: 4rem; padding: var(--spacing-Space-2, 0.5rem) var(--spacing-Space-4, 1rem);}
[modul='featuredarticles'] > [slot="0"]	a.link {display:none; margin-top: var(--spacing-Space-5); gap: var(--spacing-Space-2);}
[modul='featuredarticles'] > [slot="0"]	h2.subueberschrift {margin-bottom: var(--spacing-Space-12)}
[modul='featuredarticles'] > [slot="0"] .contentWrapper > .buttonCollection {display:none;}
[modul='featuredarticles'] > [slot="0"] a.button {background: inherit;display:none;}
[modul='featuredarticles'] > [slot="1"] a.button {background: inherit;}
[modul='featuredarticles'] > [slot="1"]	{display:flex; gap:var(--spacing-Space-20); flex-wrap: wrap; flex-direction: column;}
[modul='featuredarticles'] > [slot="1"] .cardContainer {display: flex;align-items: flex-start;align-content: flex-start;align-self: stretch;flex-wrap: wrap;gap: var(--spacing-Space-6);}
[modul='featuredarticles'] > [slot="1"] .cardContainer .cardWrapper:nth-of-type(1) {display: flex;flex-direction: column;align-items: flex-start;gap: var(--gap, 5rem);flex: 1 0 0;}
[modul='featuredarticles'] > [slot="1"] .cardContainer .cardWrapper:nth-of-type(2) {display: flex;flex-direction: column;align-items: flex-start;gap: var(--gap, 5rem);flex: 1 0 0;}
[modul='featuredarticles'] > [slot="1"] .cardWrapper .card {display: flex;flex-direction: column;justify-content: center;align-items: flex-start;gap: var(--Spacing-space-8);align-self: stretch;}
[modul='featuredarticles'] > [slot="1"] .cardWrapper .card .badge {position:absolute; left:var(--spacing-Space-4); top:var(--spacing-Space-4); padding:var(--spacing-Space-1) var(--spacing-Space-3); z-index:2}
[modul='featuredarticles'] > [slot="1"] .cardWrapper .card .ueberschrift {margin:var(--spacing-Space-8) 0 var(--spacing-Space-4) 0}
[modul='featuredarticles'] > [slot="1"] .cardWrapper .card .lazyImage {display: flex;flex-direction: column;align-items: flex-start;flex: 1 0 0;}
[modul='featuredarticles'] > [slot="1"] .cardWrapper .card .lesezeit {display: flex; flex-direction: row; gap: 0.5rem;}
[modul='featuredarticles'] > [slot="1"] .buttonWrapper {display: flex; align-items: center; text-align: center; width: 100%;flex-direction: column;}

[breakpoint^="desktop"] [modul='featuredarticles'] {flex-direction: row;}
[breakpoint^="desktop"] [modul='featuredarticles'] [slot="0"] {width:25rem; min-width:25rem;}
[breakpoint^="desktop"] [modul='featuredarticles'] [slot="0"] .contentWrapper {position: sticky; top: 9rem;align-self: flex-start;min-height: 45rem;}
[breakpoint^="desktop"] [modul='featuredarticles'] [slot="1"] .contentBadge {display:none;}
[breakpoint^="desktop"] [modul="featuredarticles"] [slot="1"] > .cardContainer > .cardWrapper:nth-of-type(1) > .card:nth-of-type(1) .lazyImage{aspect-ratio: 1 / 1;}
[breakpoint^="desktop"] [modul="featuredarticles"] [slot="1"] > .cardContainer > .cardWrapper:nth-of-type(1) > .card:nth-of-type(2) .lazyImage{aspect-ratio:  1 / 1;}
[breakpoint^="desktop"] [modul="featuredarticles"] [slot="1"] > .cardContainer > .cardWrapper:nth-of-type(2) > .card:nth-of-type(1) .lazyImage{aspect-ratio: 4 / 3;}
[breakpoint^="desktop"] [modul="featuredarticles"] [slot="1"] > .cardContainer > .cardWrapper:nth-of-type(2) > .card:nth-of-type(2) .lazyImage{aspect-ratio: 3 / 4;}
[breakpoint^="desktop"] [modul='featuredarticles'] [slot="1"] > .cardContainer {gap: var(--spacing-Space-20);}
[breakpoint^="desktop"] [modul='featuredarticles'] [slot="1"] > .cardContainer > .cardWrapper {gap: var(--spacing-Space-20);}

[breakpoint="tablet"] [modul='featuredarticles'] [slot="1"] .contentBadge {display:none;}
[breakpoint="tablet"] [modul='featuredarticles'] [slot="0"] a.link {margin-top: var(--spacing-Space-6);}
[breakpoint="tablet"] [modul="featuredarticles"] [slot="1"] {display:flex; flex-direction: column;align-items: flex-start;gap: var(--spacing-Space-16);align-self: stretch;}
[breakpoint="tablet"] [modul='featuredarticles'] [slot="1"] > .cardContainer > .cardWrapper {gap: var(--spacing-Space-12);}
[breakpoint="tablet"] [modul="featuredarticles"] [slot="1"] > .cardContainer > .cardWrapper > .card .lazyImage{aspect-ratio: 1 / 1;}

[breakpoint="mobile"] [modul="featuredarticles"] [slot="1"] {gap: 3rem;}
[breakpoint="mobile"] [modul='featuredarticles'] [slot="1"] > .cardContainer > .cardWrapper {gap: var(--spacing-Space-6);}
[breakpoint="mobile"] [modul="featuredarticles"] [slot="1"] > .cardContainer > .cardWrapper > .card .lazyImage{aspect-ratio: 1 / 1;}
[breakpoint="mobile"] [modul='featuredarticles'] [slot="1"] .cardWrapper .card .badge {display:none;}
[breakpoint="mobile"] [modul="featuredarticles"] [slot="1"] > .cardContainer > .cardWrapper > .card .image-badge  {padding-bottom:var(--spacing-Space-4)}
[breakpoint="mobile"] [modul='featuredarticles'] [slot="1"] > .cardContainer > .cardWrapper > .card .contentBadge {padding-bottom:var(--spacing-Space-4)}
[breakpoint="mobile"] [modul='featuredarticles'] [slot="1"] .cardWrapper .card .ueberschrift {margin-top:0 0 padding-bottom:var(--spacing-Space-3) 0}
[breakpoint="mobile"] [modul='featuredarticles'] [slot="0"]	h2.subueberschrift {margin-bottom: var(--spacing-Space-6)}
[breakpoint="mobile"] [modul='featuredarticles'] [slot="0"] {overflow:visible; height:100%;}
[breakpoint="mobile"] [modul='featuredarticles'] [slot="0"] .contentWrapper {position: sticky;top: 9rem;}


/* �bernommen von der GSA - zu pr�fen was gebraucht wird */
.suchergebnis,.suchergebnis *{box-sizing:border-box;}
.suchergebnis{padding:10px;}
.suchergebnis:after{content:' ';display:table;clear:both;}
.suchergebnis .meldung,.suchergebnis .formular,.suchergebnis .ergebnisse,.suchergebnis .vorschlaege,.suchergebnis .rechtschreibpruefung{margin:0 0 0 103px;max-width:625px;}
.suchergebnis .filter-wrapper{display:none;}
.suchergebnis #filter-output{float:left;width:29.8%;}
.suchergebnis #filter-output li.active > a,.suchergebnis #filter-output li.active > span{font-weight:bold;}
.suchergebnis #filter-output li a{font-size:14px;}
.suchergebnis #filter-output li{position:relative;}
.suchergebnis #filter-output li.active > a{padding-right:15px;}
.suchergebnis #filter-output li.active > a:after{position:absolute;right:8px;top:8px;display:inline-block;width:14px;height:14px;content:'';background:url('../img/ic_remove-filter.png') center no-repeat;}
.suchergebnis .filter-toggle{display:none;}
.suchergebnis #filter-output > ul{margin-bottom:30px;}
.suchergebnis #filter-output > ul li{border-bottom:1px solid #cbcbcb;padding:5px 0 4px 0;}
.suchergebnis #filter-output > ul ul{border-top:1px solid #cbcbcb;padding-left:20px;}
.suchergebnis #filter-output > ul ul li:last-of-type{border-bottom:0;padding-bottom:0;}
.suchergebnis #filter-output .filterToggle{display:inline-block;width:10px;height:10px;margin-right:7px;cursor:pointer;background:url('../img/arrow_right.png') center no-repeat;}
.suchergebnis #filter-output .filterToggleActive{background:url('../img/arrow_down.png') center no-repeat;}
.suchergebnis .formular{position:relative;padding-right:100px;margin:27px 0 20px 103px;}

.suchergebnis .formular button{position:absolute;right:0;top:0}
.ui-autocomplete{border:1px solid #cbcbcb;border-top:0;background:#fff;z-index:10;}
.ui-autocomplete li{padding:5px 10px;font-size:15px;cursor:pointer;}
.ui-autocomplete li:hover{background:#ffed00;}
.ui-autocomplete li .ui-state-highlight{font-weight:bold;}
.suchergebnis .meldung{margin-bottom:19px;}
.suchergebnis .meldung p,.suchergebnis .sort{margin:0;font-size:13px;color:#808080;}
.suchergebnis .ergebnisse ol{padding:0;margin:0;list-style:none;}
.suchergebnis .ergebnisse ol li{margin-bottom:23px;}
.suchergebnis .ergebnisse .result .title a{display:inline-block;font-size:18px;line-height:1.2;color:#1a0dab;}
.suchergebnis .result .file{color:#808080;font-size:13px;line-height:18px;}
.suchergebnis .result .icon{float:left;margin:2px 5px 0 0;max-width:16px;max-height:16px;width:auto;height:auto;cursor:default;}
.suchergebnis .preview{float:left;margin:2px 6px 0 0;}
.suchergebnis .ajax_loader{min-height:32px;list-style:none;background:url(../img/google-ajax-loader.gif) 50% 50% no-repeat;}
.suchergebnis .ergebnisse .result .title a:hover{text-decoration:underline;}
.suchergebnis .ergebnisse .snippet-line{display:block;}
.suchergebnis .ergebnisse .result .url{margin-top:-2px;font-size:14px;color:#006621;}
.suchergebnis .ergebnisse .result .url-expanded{display:none;}
.suchergebnis .ergebnisse .result .description{font-size:13px;line-height:1.4;color:#545454;}
.suchergebnis .rechtschreibpruefung{border-bottom:1px solid #ededed;margin:0 0 21px;padding:0 0 23px;}
.suchergebnis .rechtschreibpruefung p{margin:0;color:#dd4b39;font-size:18px;line-height:21px;}
.suchergebnis .rechtschreibpruefung p a{color:#1a0dac;}
.suchergebnis .rechtschreibpruefung p a i{font-style:normal;}
.suchergebnis .meldung p.fehler{color:#dd4b39;}
.suchergebnis .vorschlaege h2{font-family:Arial,Helvetica,sans-serif;font-weight:bold;font-size:18px;line-height:1.2;}
.suchergebnis .vorschlaege ol{padding-top:0;margin:12px 0 0 0;}
.suchergebnis .vorschlaege ol li{font-family:Arial,Helvetica,sans-serif;font-size:12px;line-height:18px;}
.suchergebnis .keymatch{background-color:rgba(251,237,66,0.30);padding:8px;border:1px solid rgba(255,212,2,0.3);}
div.ui-documentpreview{border:1px solid black;z-index:1000;}
div.ui-documentpreview span.ui-documentpreview-pagenr{color:#d8d8d8;}

@media only screen and (max-width :767px){
	.suchergebnis h1,.suchergebnis .meldung,.suchergebnis .formular,.suchergebnis .ergebnisse,.suchergebnis .vorschlaege,.suchergebnis .rechtschreibpruefung{margin-left:0;float:none;width:100%;clear:both;max-width:initial;}
	.suchergebnis .meldung{clear:none;}
	.suchergebnis .ergebnisse .title img{float:none;margin-top:-5px;}
	.suchergebnis .ergebnisse .result .title a{display:inline;}
	.suchergebnis .ergebnisse .url{word-wrap:break-word;clear:both;}
	.suchergebnis .ergebnisse .snippet-line{display:inline;}
	.suchergebnis .filter-toggle{display:block;float:right;padding:7px 45px 7px 10px;border:1px solid #94b494;background:#b4cab4;color:#fff;}
	.suchergebnis .filter-toggle:after{width:14px;background:#b4cab4 url(../img/arrow_down-white.png) right center no-repeat;background-size:14px auto;}
	.suchergebnis .filter-toggle:hover,.filter-toggle-active .filter-toggle{color:#000;border-color:#fff;background:#fff;}
	.suchergebnis .filter-toggle:hover:after,.filter-toggle-active .filter-toggle:after{background:#fff url(../img/arrow_down.png) right center no-repeat;background-size:14px auto;}
	.suchergebnis:before{opacity:0;-webkit-transition:opacity 0.5s linear;transition:opacity 0.5s linear;}
	.filter-toggle-active:before{content:' ';width:100%;left:0;min-height:100%;height:100%;background-color:rgba(0,0,0,0.75);position:fixed;top:0;display:block;z-index:150;opacity:1;}
	.filter-toggle-active .filter-wrapper{display:none;position:relative;z-index:160;}
	.suchergebnis #filter-output{position:absolute;right:0;top:35px;width:100%;visibility:hidden;overflow:hidden;background:#fff;opacity:0;-webkit-transition:opacity 0.5s linear;transition:opacity 0.5s linear;}
	.filter-toggle-active #filter-output{max-height:none;visibility:visible;opacity:1;}
	.suchergebnis #filter-output > ul,.suchergebnis #filter-output > ul ul{clear:both;}
	.suchergebnis #filter-output > ul li{display:block;padding:0;}
	.suchergebnis #filter-output > ul li:after{clear:both;content:".";display:block;height:0;visibility:hidden;}
	.suchergebnis #filter-output .filterToggle{float:left;height:35px;width:40px;}
	.suchergebnis #filter-output > ul li span + a{float:left;}
	.suchergebnis #filter-output > ul li a,.suchergebnis #filter-output > ul > .active > span{padding:9px 0 7px 45px;display:inline-block;}
	.suchergebnis #filter-output > ul li span + a{padding-left:0;}
	.suchergebnis #filter-output > ul ul{position:relative;border-top:none;padding:0 0 0 34px;}
	.suchergebnis #filter-output > ul ul li{border-bottom:none;position:relative;}
	.suchergebnis #filter-output > ul ul li:before{content:' ';width:200%;height:1px;background:#cbcbcb;position:absolute;top:0;left:-50%;}
	.suchergebnis #filter-output li.active > a:after{top:3px;width:30px;height:30px;}
}

.clearfix:after{clear:both;content:".";display:block;height:0;visibility:hidden;}
.clearfix{display:block;}
.ui-helper-hidden-accessible{display:none;}

@media (max-width:600px) and (orientation:portrait){
	.desktop{display:block;}
}

.suchergebnis .pager {text-align: center;}
.suchergebnis .pager button {padding-left: 10px; margin: 5px;}
.suchergebnis .pager button.first {margin-left: 0;}
.suchergebnis .pager button.last {margin-right: 0;}
.suchergebnis .pager button:before {display: none;}
.suchergebnis .pager button.first, .suchergebnis .pager button.last, .suchergebnis .pager button.prev, .suchergebnis .pager button.next {width: 35px; text-indent: -999em;}
.suchergebnis .pager button.active {background-color: (none);cursor: default; border: 1px solid (none);}
.suchergebnis .pager button.inactive {background-color: (none);cursor: default; border: 1px solid (none);}

.suchergebnis .result.hidden {display: none;}

@media only screen and (max-width :600px){
	.suchergebnis .pager button {margin: 5px 2px;}
}
div.googlemap 	{position: relative; overflow: hidden;}
div.googlemap > .text 	{display:none}
div.googlemap .text > *:first-child	{margin-top:0}
div.googlemap .text > *:last-child	{margin-bottom:0}
.form-field {
	position: relative;
	border-radius: 2rem;
}
/* input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active{
    -webkit-background-clip: text;
    -webkit-text-fill-color: inherit;
    transition: background-color 5000s ease-in-out 0s;
} */
.form-field:after {
	box-sizing: border-box;
	pointer-events: none;
	content: "";
	position: absolute;
	left:0;
	top:0;
	width: 100%;
	height: 100%;
	border-radius: 2rem;
	border: var(--border-width-BorderThick) solid var(--border-Strong);
	opacity: 0;
	transition: var(--fadeTransition);
}
.form-field:has(*:hover):not(:has(*:active)):after {
	opacity: 1;
}
.form-field:has(*:focus), .form-field:has(*:focus-visible) {
	outline:var(--border-width-BorderThin) solid var(--border-Strong);
	outline-offset: 4px;
}
.form-field select:focus, .form-field select:focus-visible {
	outline: none;
}
.form-field:has(select:active) {
	outline:var(--border-width-BorderThin) solid transparent;
}

.form-field:has(label + select) label,
.form-field > label:has(+ textarea:focus,+ input[type=password]:focus,+ input[type=text]:focus,+ input[type=email]:focus),
.form-field:has(*:valid) label:has(+ textarea,+ input[type=password],+ input[type=text],+ input[type=email],+ input[type=number])	{
	top: 0.8125rem;
	transform:translate(0,0);
	font-size: var(--font-size-TextXs);
}

.form-field label:has(+ select),
.form-field label:has(+ textarea),
.form-field label:has(+ input[type=password]),
.form-field label:has(+ input[type=text]),
.form-field label:has(+ input[type=email]),
.form-field label:has(+ input[type=number]) {
	
	position: absolute;
	left: calc(var(--spacing-Space-8) + 1px);
	transform:translate(0,-50%);
	top: calc(2rem + 2px);
	font-size: var(--font-size-Text);
	font-family: var( --font-family-Primary);
	font-weight:400;
	line-height: 0.975rem;
	letter-spacing: 0.015rem;
	text-overflow: ellipsis;
	z-index: 1;
	transition: all .4s ease-in-out; webkit-transition: all .4s ease-in-out;
}

.form-field .info {
	position: absolute;
	right: calc( (var(--spacing-Space-3) + 1.5rem) * -1);
	top: 50%;
    transform: translate(0, -50%);
    z-index: 5;
}

div.tabbed	{display:flex; gap:1rem; padding-left:0}
div.tabbed.chipped,
html.portrait div.tabbed:has( button:nth-child(3) )	{flex-direction: column}
div.tabbed > button	{
	flex:1; 
	height:4rem;
	margin-right:0;
	border: var(--border-width-BorderThin) solid var(--border-Secondary);
	box-shadow: none;
	overflow:hidden;
	font-size: var(--font-size-TextBase);
	font-family: var( --font-family-Primary);
	font-weight:400
}
div.tabbed > button:not(.selected)	{
	background-color:transparent
}

div.tabbed > button.selected	{
	background-color:var(--surface-Primary)
}

.checked	{
	padding-left:3rem; position:relative;
}

.checked > input	{
	position:absolute;
	left:0;
	top:0
}

.row:has(.error) p.message,
.row:has(.error) label{color:#B4053C!important}
.error,
.error *	{border-color:#B4053C!important}

.upload	{position:relative; display:flex; gap:1rem; margin-bottom:1rem}
.upload	.filename[disabled]{opacity:1}
.upload > *	{flex:1}
.upload > input[type=file]	{display:none}
.upload > .button	{white-space:nowrap; flex:unset; min-width:fit-content}
.upload:not(.selected) > .button	{display:none}

.progressbar[data-percentage]	{; ; height:8px; border-radius:4px; position:relative; overflow:hidden}
.progressbar[data-percentage] > div	{position:absolute; left:0; top:0; height:100%;; ;}

.progressbar[data-steps]	{margin:0 -6px;}
.progressbar[data-steps] > div	{display:inline-block; position:relative; box-sizing: border-box; padding:0 6px}
.progressbar[data-steps] > div:before	{content:"";height:8px; width:100%; border-radius:4px; display:inline-block;}

.motivationbar	{text-align:center}
.motivationbar:after	{content:""; display:block; clear:both;}
.motivationbar > li	{display:inline-block; position:relative; text-align:center; padding:40px 0 0 0;; ; vertical-align:top; font-size:75%; line-height:140%; max-width:140px}
.motivationbar > li:before	{content:attr(data-index); line-height:30px; width:30px; border-radius:50%; display:inline-block; font-weight:bold; font-size:150%; z-index:2; position:absolute; top:0; left:50%; transform: translate(-50%,0)}
.motivationbar > li:not(:first-child):after	{content:""; width:calc(100% - 4rem); position:absolute; z-index:0; top:17px; right:60%; margin:-1px 20px 0 0;}	

.motivationbar > li.done:before	{content:"\e91c"; font-family: 'icons' !important;}

.pagination			{margin:0 auto;}
.pagination:before	{content:"\e909"; font-family: 'icon' !important; margin-right:8px;}
.pagination:after	{content:"\e90a"; font-family: 'icon' !important; margin-left: 8px}	
.pagination > div			{box-sizing:border-box; display:inline-block; position:relative; text-align:center; font-size:75%; line-height:140%;; ;; ;; ; line-height:30px; width:34px; border-radius:5px; margin:0 5px}
.pagination > div.hidden	{display:none}
.pagination > div:before	{content:attr(data-index);  display:inline-block; font-weight:bold;}
.pagination > div.hidden + div:not(.hidden)		{margin-left:30px}
.pagination > div.hidden + div:not(.hidden):after		{content:"..."; display:inline-block; position:absolute;right:100%; font.weight:bold; font-size:200%; width:40px; text-align:center; }

button,
.button,
button.p1,
.button.p1 {background:(none); border-color:(none); color:(none)}

button:hover,
.button:hover,
button.p1:hover,
.button.p1:hover {background:(none); border-color:(none)}

button.p2,
.button.p2{background:transparent; border-color:(none);}

button.p3,
.button.p3  {background:transparent; border-color:transparent; color:(none)}

button.p2:hover,
.button.p2:hover {background:transparent; border-color:(none)}

button.p3:hover,
.button.p3:hover {text-decoration:underline;}

#content div.link > a,
#content div.link > a:visited,
#content div.link.text	{color:(none)}

input[type=text],
input[type=password],
input[type=date],
input[type=number],
textarea,
select		{border:2px solid #ccc;}

input.filled[type=text],
input.filled[type=password],
input.filled[type=date],
input.filled[type=number],
textarea.filled,
select.filled	{border-color:(none)}

input[type=text]:hover,
input[type=password]:hover,
input[type=number]:hover,
input[type=checkbox]:hover:before,
input[type=radio]:hover:before,
textarea:hover,
select:hover,
ul.tabbed.chipped li:hover,
label.card:hover,
label.chipped:hover				{border-color:(none)}

input:before, input:after		{background-image:none!important;}

input[type=checkbox]:before		{background: #fff;}

input[type=checkbox]:before		{border:2px solid #ccc; background:#fff;}
input[type=checkbox]:checked:before {background-color:(none); border-color:(none);}
input[type=checkbox][readonly]:checked:before {background-color:#eee}

input[type=checkbox].toggle:after	{border:2px solid #ccc; background:#fff}
input[type=checkbox].toggle:checked:before	{background:(none)}

input[type=checkbox].toggle[readonly]:before	{background:#aaa}
input[type=checkbox].toggle:readonly:after	{border:2px solid #ccc; background:#fff}

input[type=radio]:before	{border:2px solid #ccc; background: #fff;}
input[type=radio]:checked:after	{background:(none); }

input[type=radio][readonly]:before	{background:#eee}
input[type=radio][readonly]:checked:after	{background:#ccc;}

.fileupload	.filename[disabled]{background-color:#fff; color:#999}

.upload	.filename[disabled]{background-color:#fff; color:#999}
.upload.selected > .filename	{border-color:(none)}

ul.tabbed, ul.tabbed.disabled		{background-color:transparent!important}
ul.tabbed > li		{border:2px solid #ccc; background-color:#fff;}
ul.tabbed.disabled > li		{background-color:#eee;}
ul.tabbed > li:hover		{border-color:(none)}
ul.tabbed:not(.checker) li.selected	{background-color:(none)!important; border-color:(none); color:#000}
.desktop ul.tabbed:not(.checker) li.selected:hover	{background-color:(none)!important; border-color:(none); color:#000}

ul.tabbed.checker > li:before		{content:""; border:2px solid #ccc;}
ul.tabbed.checker li.selected:before	{background-color:(none)!important}

label.card			{background:#fff; border:2px solid #ccc}
label.card.selected	{background:(none);border-color:(none);}
label.card.selected:hover	{background:(none);border-color:(none);}

label.chipped			{ background:#fff; border:2px solid #ccc;}
label.chipped.noinput.selected	{background-color:(none); border-color:(none)}
label.chipped.noinput.selected:hover	{background-color:(none); border-color:(none)}
label.chipped > input			{ width:22px; height:22px}

div.chip	{background-color:#DFE8DF}

div.errormessage	{border:2px solid #f00; background-color:#ffe9e9;}
div.errormessage.icon:before	{border:3px solid #f00; color:#f00;}

.progressbar[data-percentage]	{background-color:#ddd;}
.progressbar[data-percentage] > div	{background-color:#f9ed43;}

.progressbar[data-steps] > div:before	{background-color:#ddd;}
.progressbar[data-steps] > div.done:before	{background-color:#f9ed43;}

.motivationbar > li:before	{background-color:var(--surface-Secondary); border:1px solid var(--border-Accent); font-size:var(--font-size-TextXs); font-weight:normal}
.motivationbar > li.current:before	{background-color:var(--surface-Primary)}
.motivationbar > li:not(:first-child):after	{border-bottom:1px solid var(--border-Accent)}	

.motivationbar > li.done:before	{background-color:var(--surface-Primary); color:#000;}
.motivationbar > li.done:not(:first-child):after	{border-color:#f9ed43}	

.motivationbar > li:first-child:not(.done):before,.motivationbar > li.done + *:before	{background-color:var(--surface-Primary) ;}
.motivationbar > li:first-child:not(.done):after, .motivationbar > li.done + *:after	{border-color:#000;}	

.pagination > div			{background-color:var(--surface-Secondary); color:#999; border:2px solid #999;}
.pagination > div.active			{background-color: var(--surface-Primary)}
.pagination > div.hidden + div:not(.hidden):after		{color:#000}


[modul='sectionheader']:has(+ [modul='herocontent']) > [slot='0'] {
	text-align: center;
	align-items: center;
}
div[section] > [modul='sectionheader'] + [modul='herocontent'] {padding-top: 0;}

[modul='herocontent'] [slot='0'] > .teaserHeroWrapper {
	position: relative;
	overflow: hidden;
	width: 100%;
}
[modul='herocontent'] [slot='0'] > .teaserHeroWrapper > .teaserHeros {
	display: flex;
	position: relative;
	gap: var(--teaserHerosGap);
	transition: all .4s ease-in-out;
}
[modul='herocontent'] [slot='0'] .teaserHero {
	display: flex;
	align-items: center;
	gap: var(--gap, 5rem);
	justify-content: center;
	flex-direction: column;
}
[breakpoint*="desktop"] [modul='herocontent'] [slot='0'] .teaserHero {
	flex-direction: row;
	align-items: flex-start;
	align-content: flex-start;
	align-self: stretch;
	flex-wrap: wrap;	
}
[modul="herocontent"] [slot="0"] .teaserHero > :first-child	{
	min-width: 20rem;
	max-width: 30rem;
}
[breakpoint*="desktop"] [modul="herocontent"] [slot="0"] .teaserHero > :first-child	{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	flex: 1 0 0;
}
[modul="herocontent"] [slot="0"] .teaserHero svg > rect	{fill:none}
[modul="herocontent"] [slot="0"] .teaserHero > .text {
	display: flex;
	width: 100%;
	flex-direction: column;
	align-items: flex-start;
	gap: var(--spacing-Space-6);
	flex: 1 0 0;
}
[breakpoint*="desktop"] [modul="herocontent"] [slot="0"] .teaserHero > .text {	width: unset;	min-width: 30rem;}
body:not([breakpoint^=desktop]) [modul="herocontent"] [slot="0"]  .teaserHero > .text {	min-width: unset;}
/* before JS interaction */
[modul="herocontent"] [slot="0"] > .teaserHero:not(:only-child) 	{	display: none;}
[modul="herocontent"] [slot="0"] > .teaserHero > :first-child	{	display: block;}

[modul='herocontent'] [slot='0'] > .interface { container-type: inline-size; container-name: interface; position:relative; margin: 0 0 var(--gap) 0; display:flex; width:100%; z-index:10; overflow: hidden; background-color: inherit;}
[modul='herocontent'] [slot='0'] > .interface.stickyelement { padding: 0.5rem 0; background-color: var(--canvas-Primary);}
[modul='herocontent'] [slot='0'] > .interface > div {flex:1; text-align:center}

[modul='herocontent'] [slot='0'] > .interface button	{border-radius:1.5rem; background-color:transparent; white-space:nowrap}
[modul='herocontent'] [slot='0'] > .interface button:hover	{cursor: pointer;}
[modul='herocontent'] [slot='0'] > .interface div.buttons >button.icon {border:1px solid #000; flex:none; width:2rem;}

[modul='herocontent'] [slot='0'] > .interface div.buttons {display:flex; position:relative; gap: 2rem; transition: all .4s ease-in-out;}
[modul='herocontent'] [slot='0'] > .interface div.buttons > button {flex:1; min-width:var(--buttonWidth); border:0px; padding: var(--spacing-Space-5) var(--spacing-Space-6);}
[modul='herocontent'] [slot='0'] > .interface div.buttons:after	{border-radius:2rem; background-color:#fff; transition: all .4s ease-in-out; webkit-transition: all .4s ease-in-out; border: var(--border-width-BorderThin, 1px) solid var(--border-Primary, #8F862B); z-index: 3; }
[modul='herocontent'] [slot='0'] > .interface div.buttons.focus-visible:after { box-shadow: inset 0px 0px 0px var(--border-width-BorderThick) var(--border-Strong);}

[modul='herocontent'] [slot='0'] > .interface > button.icon {flex: none; margin: 0; width: 0; padding: 0; align-items: center; justify-content: center; position: relative; transition: all .4s ease-in-out; border: none;}
[modul='herocontent'] [slot='0'] > .interface > button.icon.show { width: 2.5rem; overflow: hidden; margin: 5px 0;}
[modul='herocontent'] [slot='0'] > .interface > button.icon.show.visible {border:1px solid #000;}
[modul='herocontent'] [slot='0'] > .interface > button.icon:before {display: none;}
[modul='herocontent'] [slot='0'] > .interface > button.icon.show.visible:before {display: block;}
[modul='herocontent'] [slot='0'] > .interface > button.icon.show.icon-left {margin-right: 11px;}
[modul='herocontent'] [slot='0'] > .interface > button.icon.show.icon-right {margin-left: 11px;}

[modul='herocontent'] [slot='0'] > .interface div.pages	{width:100%; overflow:hidden; padding: 5px; position: relative;}
[breakpoint="mobile"] [modul='herocontent'] [slot='0'] > .interface div.pages	{padding: 5px 0; }
[modul='herocontent'] [slot='0'] > .interface div.pages:after	{ content: ''; position: absolute; top: 5px; left: 5px; right: 5px; bottom: 5px; border: 1px solid var(--border-Strong); border-radius: 2rem;}
[modul='herocontent'] [slot='0'] > .interface div.pages.left-nav-button:after	{ left: 0px;}
[modul='herocontent'] [slot='0'] > .interface div.pages.right-nav-button:after	{ right: 0px;}
[breakpoint="mobile"] [modul='herocontent'] [slot='0'] > .interface div.pages:after	{ right: 0px; left: 0px; background-color: #fff;}
[modul='herocontent'] [slot='0'] > .interface div.buttons > button {color: var(--text-Primary); position: relative;}
[modul='herocontent'] [slot='0'] > .interface div.buttons > button:focus-visible { outline: none;}
[modul='herocontent'] [slot='0'] > .interface div.buttons > button > span { z-index: 4; position: relative; }
[modul='herocontent'] [slot='0'] > .interface div.buttons > button:focus-visible::after {  content: '';  position: absolute;  top: -4px;  left: -4px;  right: -4px;  bottom: -4px;  border: 1px solid var(--border-Strong);  pointer-events: none;  border-radius: 2.5rem;  background-color: #fff;  z-index: 2;}
[modul='herocontent'] [slot='0'] > .interface div.pages.end div.buttons > button:focus-visible::after { margin-left: -12px; right: 8px;}
[modul='herocontent'] [slot='0'] > .interface div.buttons > button .icon {display: flex; align-items: center; justify-content: center; position: relative; height: 1.5rem;}
[modul='herocontent'] [slot='0'] > .interface div.buttons > button .icon:before {padding-right: var(--spacing-Space-3);}
[modul='herocontent'] [slot='0'] > .interface div.buttons:after	{left:calc(var(--cellLeft) - 1px ); content:""; position:absolute; width:var(--cellWidth); height: calc(100% - 2px);}
[modul='herocontent'] [slot='0'] > .interface div.pages.end	div.buttons:after {left:calc(var(--cellLeft) - 13px )}
[breakpoint="mobile"] [modul='herocontent'] [slot='0'] > .interface div.buttons:after	{ display: none; }

@keyframes moveRight {
	0% {
		left: -20px;
	}
	10% {
		left: 5px;
	}
	90% {
		left: 5px;
	}
	100% {
		left: 100%;
	}
}

@keyframes moveLeft {
	0% {
		right: -20px;
	}
	10% {
		right: 5px;
	}
	90% {
		right: 5px;
	}
	100% {
		right: 100%;
	}
}
[modul='herocontent'] [slot='0'] > .interface > button.icon-left:before { position: absolute; top: 50%; transform: translateY(-50%); animation: moveLeft 2s linear infinite; }
[modul='herocontent'] [slot='0'] > .interface > button.icon-right:before { position: absolute; top: 50%; transform: translateY(-50%); animation: moveRight 2s linear infinite; }
[modul='herocontent'][adjust-tab-height] [slot='0'] .teaserHeroWrapper > .teaserHeros { max-height: var(--teaserHeroHeight); }
.lazyImage		{position:relative;overflow:hidden; width:100%}
.lazyImage:not(.done)	{background:url(/library/script/aragscript/css/ajaxified.gif) center no-repeat;}
.lazyImage:has(img[data-src=''])	{display:none}

.lazyImage:has( > img)		{aspect-ratio:4/3}
.lazyImage:has( > svg, > [data-src*='.svg'])		{aspect-ratio:1/1}
.lazyImage.done	{background-image:none}

.lazyImage > img,
.lazyImage > svg	{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); opacity:0; transition:var(--fadeTransition);}

.lazyImage.done > img,
.lazyImage.done > svg	{opacity:1}

.lazyImage svg	{width:100%}
.lazyImage svg rect	{fill:transparent}


div.info {
	position:relative;
	cursor:pointer;
	overflow:visible;
	display:inline-block;
	vertical-align:	top;
	cursor: pointer;
	width: 1.5rem;
	height: 1.5rem;
	line-height: 1.5rem;
	vertical-align: middle;
}
div.info.active > * {
	display: flex
}
div.info:before {
	font-family: 'icons';
	content:"\e942";
	z-index:2;
	display:inline-block;
	font-size:1.5rem;
	vertical-align: middle;
	line-height: 100%;
}
div.info > div {
	display: none;
	padding: var(--spacing-Space-4);
	flex-direction: column;
	align-items: flex-start;
	gap: var(--spacing-Space-2);
	align-self: stretch;
	position: absolute;
	box-sizing: border-box;
	text-align: left;
	background-color: var(--fg-Neutral);
	padding:var(--spacing-Space-4);
	width: 17.5rem;
	cursor: auto;
	pointer-events: all;
	box-shadow: 0px 0px 80px 0px rgba(0, 0, 0, 0.08);
}
div.info.down > div {
    top: calc(100% + 8px);
    bottom: auto;
    z-index: 99999;
}
div.info.active:after	{
	position:absolute;
	top: -1.725rem;
	content:" ";
	z-index:26;
	left: -0.25rem;
	bottom:-.5rem;
	width: 0;
	height: 0;
	border-left: 1rem solid transparent;
  	border-right: 1rem solid transparent;
  	border-top: 1.25rem solid #fff;
  	box-shadow: 0px 0px 80px 0px rgba(0, 0, 0, 0.08);
}
div.info.down.active:after	{
	bottom:-1.25rem;
	top:1.5625rem;
	z-index:24;
	border-top: 0;
	border-left: 1rem solid transparent;
  	border-right: 1rem solid transparent;
  	border-bottom: 1.25rem solid #fff;
}
/*
.instagram-media {display:inline !important; }
.uc-Instagram-Container{padding-bottom:146%; width: 100%; display: inline-block;}
.uc-Instagram-Container iframe {background: white;width: 100%; position: absolute; ;border-radius: 3px;border: 1px solid rgb(219, 219, 219);box-shadow: none;display: block;margin: 0px 0px 12px;padding: 0px;height: 100%; top:0; left:0;}
*/

.iframevideo  {width:100%; margin: 0 0 -5px 0; frameborder:0}
.uc-Instagram-Container {margin-right: 10px; display:block; }

.uc-Instagram-Container iframe {background: white;border-radius: 3px;border: 1px solid rgb(219, 219, 219);box-shadow: none;display: block;margin: 0px 0px 12px;padding: 0px;}
.slots.solo .uc-Instagram-Container iframe, .slots.duo .uc-Instagram-Container iframe {height: 590px; width: 340px}
.slots.trio .uc-Instagram-Container iframe {height: 490px; width: 260px}
.slots.quart .uc-Instagram-Container iframe {height: 407px; width: 195px}
.instagram-media {display:inline !important;}

@media screen and (max-width: 600px){
	.slots.solo .uc-Instagram-Container iframe, .slots.duo .uc-Instagram-Container iframe {height: 535px!important; width: 300px!important; max-width: 300px!important; min-width: 300px !important}
}
html.portrait [modul]:has(.jforms)	{margin-left:-1rem; margin-right:-1rem}

.jforms	{line-height:200%; padding:4rem 5rem; box-sizing:border-box; position:relative}
body[breakpoint="mobile"] .jforms	{padding:1rem}
.jforms .motivationbar	{margin-bottom:30px}

.jforms li:not(:last-child)	{margin-bottom:15px}
.jforms li:after	{content:""; display:block; clear:both}

.jforms	.row	{scroll-margin:calc(2 * var(--pageHeadHeight))}
.jforms	.row	{position:relative; margin-bottom: var(--spacing-Space-6); display:flex; gap:1rem; flex-wrap: wrap; align-items: center; transition: all .4s ease-in-out; webkit-transition: all .4s ease-in-out}
.jforms	.row > div	{flex:1; width:100%}
.jforms	.row > label,
.jforms	.row > p	{flex:none; width:100%}
.jforms	.row > span	{flex:none}

.form-field:has([type=hidden])	{display:none}

.jforms	.row p.message	{font-size:var(--font-size-TextXs); line-height:1rem;}
.jforms	.row p.message:before	{content:""; background-image:url(/library/images/svg/formular/error.svg); display:inline-block; width:1rem; height:1rem; margin-right:.5rem; float:left}
.jforms	.row p.message > span	{margin:0 15px 0 0}

.jforms .row.full > label	{width:100%; margin:1px 0; clear:both; margin-left:0; display:block}
.jforms .row > label:empty	{display:none!important}

.jforms .row.required label:after	{content:" *"}
.jforms .row.required li label:after	{content:""}
.jforms h3, .jforms h5		{margin:var(--spacing-Space-14) 0 var(--spacing-Space-4) 0}

.jforms div.btnBox	{text-align:right; white-space: nowrap;}
.jforms div.btnBox .button > input	{padding: 0; margin: 0; background-color: transparent; border: 0px solid; font-weight: inherit; font-size: inherit;}
.jforms ul		{padding-left:0; width:100%}
.jforms ul.radio		{margin-bottom:15px;}
.jforms .row:last-child ul.radio		{margin-bottom:0}

.jforms div.charcounter	{position:absolute; margin:0 0 0 2px; padding:0 .25rem; font-size:11px; background-color:var(--canvas-Tertiary); line-height:15px; z-index:5}
.CHROME .jforms div.charcounter	{bottom:-.5rem; right:2rem}
.MSIE .jforms div.charcounter	{margin-top:-1px}
.FIREFOX .jforms div.charcounter	{margin-top:-4px}

.jforms input.captcha	{width:150px; text-align:center; font-size:22px; line-height:42px; margin:15px 0 0 0}
.jforms img.captcha	{float:left; height:48px; border:1px solid #b3b3b3; margin:15px 10px 0 0;}

.jforms > div.beitrag	{ width:calc(100% - 52px);background:#fbed42; border:1px solid #ffd402; padding:0 10px; line-height:36px; text-align:right}
.jforms > div.beitrag label	{float:left; font-size:20px;}
.jforms > div.beitrag b	{font-size:20px; margin-left:15px}

.jforms .motivationbar > li.done	{cursor:pointer}

.jforms .checker	{padding-right:60px; position:relative; margin-top:0; min-height:30px; cursor:pointer}
.jforms .checker:hover	{background-color:#f8f8f8} 
.jforms .checker input[type=checkbox]	{display:none}
.jforms .checker:before	{content:""; display:block; position:absolute; right:0; top:0; border:1px solid #ccc; border-radius:15px; width:50px; height:28px; background-color:#eee; box-shadow:inset 3px 3px 5px rgba(0,0,0,.1)}
.jforms .checker:after	{font-family: 'iconset' !important; content: "\e90a"; color: #94b494;display:block; position:absolute; right:24px; top:2px; border:1px solid #ccc; border-radius:12px; width:24px; height:24px; transition: right .4s ease-in-out; webkit-transition: right .4s ease-in-out;text-align: center;}
.jforms .checker.checked	{padding-left:0}
.jforms .checker.checked:before	{background-color:#b5cbb4}
.jforms .checker.checked:after	{right:2px; content: "\e926"; color: #94b494; background-color: #eee; font-size: 130%;}


.jforms div.beitragHeader	{background:#f9ed43; font-size:130%; padding:10px; margin-bottom:15px; text-align:right;}

.jforms .page	{display:none}
.jforms.curP1 .page.p1	{display:block}
.jforms.curP2 .page.p2	{display:block}
.jforms.curP3 .page.p3	{display:block}
.jforms.curP4 .page.p4	{display:block}
.jforms.curP5 .page.p5	{display:block}


.jforms .button	{height:fit-content; width:fit-content; border:0px solid; overflow:hidden}

.jforms div.btnBox	{padding:15px 0; position:relative;}
.jforms div.btnBox > .button	{margin:0 0 0 10px; position:relative; z-index:3;}

.jforms div.btnBox > div	{display:inline-block}

.jforms div.btnBox.first .button.back	{display:none}

.jforms div.btnBox.last .button.next	{display:none}

.jforms div.btnBox .button.submit	{display:none}
.jforms div.btnBox button.g-recaptcha	{display:none;}
.jforms div.btnBox.last button.g-recaptcha	{display:inline-block!important;}
.jforms div.btnBox.last button.g-recaptcha.hidden	{display:none!important;}

.jforms div.btnBox .button.download	{display:none;}
.jforms div.btnBox.last .button.download	{display:inline-block}

.jforms div.info {margin-left:16px}
.jforms div.info img	{max-width:100%; margin:1rem auto}

iframe.Help	{width:650px; height:400px}
iframe.Glossar	{width:500px}

.jforms div.glossar	{flex:0}

div.jforms.belehrung		{width:600px; height:400px; overflow:auto; background-color:#fff; color:#000; padding:15px}

.jforms.small .row	{padding:5px 30px 5px 0px;}
.jforms.small .row > label	{display:block; position:relative; margin-left:0; width:auto; float:none; font-weight:bold}
.jforms.small div.glossar		{position:relative; float:left; margin-right:5px}
.jforms.small.message	{max-width:80%; color:#fff}


div.klappliste > div.head span.opened, div.klappliste > div.head span.closed {display: none;}
div.klappliste.open > div.head span.opened, div.klappliste:not(.open) > div.head span.closed {display: inline;}
div.klappliste > .content {overflow:hidden;}

.pageoverlay.lightbox > .container {
  container-type: inline-size;
  container-name : pageoverlay;
  position:relative;
}
div.pageoverlay.lightbox:before {display:none!important}
div.pageoverlay.lightbox > .container {padding:0px; background-color: var(--canvas-Tertiary); flex-direction: column;justify-content: flex-start;align-items: flex-start;gap: var(--spacing-Space-6);}
div.pageoverlay.lightbox > .container .slot {margin-bottom: 0!important}
div.pageoverlay.lightbox [modul='slots'] {padding: var(--spacing-Space-8) var(--spacing-Space-8) 0 var(--spacing-Space-8)!important; margin:0!important; gap: var(--spacing-Space-8);}
div.pageoverlay.lightbox [modul=slots][class=solo] > [slot] {padding: 0!important;}
div.pageoverlay.lightbox > .container > iframe	{margin:0px; background:url(/library/script/aragscript/css/ajaxified.gif) center no-repeat}

[breakpoint^="desktop"] div.pageoverlay.lightbox > .container {
	width: 50rem;
	max-width: 64rem;
	max-height: calc(100dvh - (var(--spacing-Space-12) * 2));
}
[breakpoint="tablet"] div.pageoverlay.lightbox > .container {width: calc(100dvw - 6rem); gap: 0.625rem;}
[breakpoint="mobile"] div.pageoverlay.lightbox > .container {width: 100dvw; gap: var(--spacing-Space-6, 1.5rem); align-items: center;}
[breakpoint="mobile"] div.pageoverlay.lightbox [modul='slots'] {padding: var(--spacing-Space-6) var(--spacing-Space-6) 0 var(--spacing-Space-6)!important;margin:0!important;}

/* div.pageoverlay.lightbox .lazyImage,
div.pageoverlay.lightbox h3,
div.pageoverlay.lightbox .fliesstext,
div.pageoverlay.lightbox .button,
div.pageoverlay.lightbox .link {margin-bottom: var(--spacing-Space-6);} */

@container pageoverlay (min-width: 768px) and (max-width: 1023px) { 
	.pageoverlay [modul] {
	    --gap: 4rem !important;
	}
}
@container pageoverlay (max-width: 767px) { 
	.pageoverlay [modul] {
	    --gap: 3rem !important;
	}
}

body[breakpoint^='desktop'] [modul='mediatext']{flex-direction: row;flex-wrap: wrap;}
body[breakpoint^='desktop'] [modul='mediatext'].odd{flex-direction: row-reverse; flex-wrap: nowrap;}
body:has(#mainnav .active),
body:has(.buttonContainer .flyoutElement.active) {overflow: hidden;}
#mainnav {
	font-family: var(--font-family-Primary);
}
#mainnav [modul=slots] {
	margin: 0!important;
	padding: 0!important;
}
#mainnav > ul > li .container,
.navigation .flyoutElement > .container {
	display: none;
}
#mainnav > ul > li .container,
.navigation .flyoutElement > .container,
.navigation .flyoutElement.active .wrapper {
	background-color: var(--color-Neutrals-White)!important;
}
.linkContainer .ueberschrift {
	display: flex;
	box-sizing: border-box;
	height: 2.5rem;
	padding: var(--spacing-Space-2) 0rem;
	justify-content: space-between;
	align-items: center;
	color: var(--text-Primary);
	font-family: "GT Alpina ARAG";
	font-size: var(--font-size-TextBase);
	font-style: italic;
	font-weight: 400;
	line-height: 100%;
	letter-spacing: 0.02rem;
}
#mainnav .linkContainer a {
	font-family: var(--font-family-Primary);
	font-size: var(--font-size-TextBase);
	font-style: normal;
	font-weight: 500;
	line-height: 100%;
	letter-spacing: 0.02rem;
	display: flex;
	gap: var(--spacing-Space-1);
	/* padding: var(--spacing-Space-1) 0rem; */
	padding: var(--spacing-Space-1) var(--spacing-Space-2) var(--spacing-Space-1) 0rem;
	align-items: center;
	transition: var(--fadeTransition);
}
#mainnav .linkContainer a:has(+ a) {margin-right: 0;}
#mainnav .linkContainer a:not(.quiete):after {
	display: block;
	font-family: "icons";
	content: "\e920";
	font-size: 1.5rem;
	width: 1.5rem;
	height: 1.5rem;
	
	line-height: 1.5rem;
}
#mainnav .linkContainer a:not(.quiete):hover {
	padding: var(--spacing-Space-1) 0 var(--spacing-Space-1) 0;
	gap: var(--spacing-Space-3);
	margin-right: 0;
}
#mainnav .linkContainer a:hover,
#mainnav .linkContainer a:focus-visible {
	outline: none;
}
#mainnav .linkContainer a > p {
	box-sizing: border-box;
	display: flex;
	padding: calc(var(--spacing-Space-2) - 1px) 0 calc(var(--spacing-Space-2) - 0.3125rem);
	justify-content: center;
	align-items: center;
	border-bottom: 1px solid transparent;
	outline: none;
	transition: var(--fadeTransition);
}
#mainnav .linkContainer a:hover p,
#mainnav .linkContainer a:focus-visible p {
	border-bottom: 1px solid var(--border-Strong);
	outline: none;
}
[modul^="navigation"] .navtitle {
	display: flex;
	box-sizing: border-box;
	width: 100%;
	height: 2.5rem;
	padding: var(--spacing-Space-2 ) 0rem;
	justify-content: space-between;
	align-items: center;
	align-self: stretch;
}
[modul^="navigation"] .navtitle .ueberschrift {
	flex: 1 0 0;
	color: var(--text-Primary, #000);
	font-family: "GT Alpina ARAG";
	font-size: var(--font-size-TextBase);
	font-style: italic;
	font-weight: 400;
	line-height: 100%;
	letter-spacing: 0.02rem;
}
[modul^="navigation"] .navtitle a.link {
	display: flex;
	padding: var(--spacing-Space-1) 0rem;
	justify-content: center;
	align-items: center;
	gap: var(--spacing-Space-1);
	color: var(--text-Link);
	font-family: "GT Walsheim ARAG";
	font-size: var(--font-size-TextXs);
	font-style: normal;
	font-weight: 500;
	line-height: 130%;
	letter-spacing: 0.015rem;
	border-bottom: none!important;
}
[modul^="navigation"] .navtitle a.link:hover {
	padding: var(--spacing-Space-1) 0rem!important;
}
[modul^="navigation"] .navtitle a.link:after {
	content: "\e920"
}
[modul^="navigation"] .navtitle a.link span.animation span:before {
    content: "\e920\e920";
}
[modul^="navigation"] .navtitle a.link.animated span.animation span {
	left: -1.5rem;
}
[modul^="navigation"] .navtitle a.link.animated:hover span.animation span {
    transform: translateX(1.5rem);
}
.navigation .headerflyout.container {
	gap: 4rem;
}
.navigation .headerflyout .containerColumn {
	display: flex;
	min-width: 12.5rem;
	max-width: 30rem;
	flex-direction: column;
	align-items: flex-start;
	gap: var(--spacing-Space-6);
	align-self: stretch;
}
.navigation .headerflyout .containerColumn:has(> .linkContainer) {
	display: flex;
	min-width: 12.5rem;
	max-width: 20rem;
	flex-direction: column;
	align-items: flex-start;
	gap: var(--spacing-Space-6);
	flex: 1 0 0;
}
.navigation .headerflyout .containerColumn .linkContainer {
	gap: var(--spacing-Space-6);
}
/* meineARAG */
.headerflyout.portalFlyout .containerColumn .linkContainer .linkContainer {
	display: flex;
    flex-direction: column;
	gap: 0.5rem;
	min-width: none;
}
.headerflyout.portalFlyout .containerColumn .linkContainer .inputContainer {
	display: flex;
    flex-direction: column;
	gap: 0.5rem;
	align-self: stretch;
}
.headerflyout.portalFlyout .containerColumn .linkContainer .buttonContainer {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 1rem;
	align-self: stretch;
	height: auto;
}
.headerflyout.portalFlyout .containerColumn .linkContainer .buttonContainer .button,
.headerflyout.portalFlyout .containerColumn .linkContainer .inputContainer input  {
	align-self: stretch;
}
.navigation  .headerflyout.active > .container {
	height: calc(100dvh - 9rem);
	overflow-y: auto;
}

.navigation .containerColumn .linkContainer > .links  {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
#mainnav > ul > li > .metanav {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: var(--spacing-Space-4);
	flex: 1 0 0;
	padding-top: var(--spacing-Space-12);
}
/* Mobile und Tablet */
@media (max-width: 559px) {
	.navigation .flyoutElement:not(#searchslot) {display:none;}
	#mainnav .linkContainer a {
		align-self: stretch;
	}
	#mainnav > ul > li:not(.active).buttonCloneInside {
		justify-content: flex-end;
		flex-direction: row;
	}
	#mainnav > ul > li:not(:last-of-type).buttonCloneInside {
		padding-bottom: var(--spacing-Space-2);
	}
	#mainnav > ul > li .buttonContainer {
		display: flex;
		padding: 0;
		flex-direction: column;
		align-items: flex-end;
		gap: var(--spacing-Space-2);
		align-self: stretch;
	}
	#mainnav > ul > li:not(.active).buttonCloneInside {
		padding-top: 2.5rem;
	}
	.navigation .headerflyout.container  {
		gap: 3rem;
	}
	.navigation *:not(#mainnav) .flyoutElement .wrapper,
	.buttonCloneInside .container .wrapper  {
		display: flex;
		flex-direction: column;
		gap: 3rem;
	}
}

/* Mobile und Tablet */
@media (max-width: 1199px) {
	#mainnav {
		display: none;
		box-sizing: border-box;
		position: fixed;
		width: 100vw;
		height: calc(100dvh - 7.625rem);
		position: absolute;
		top: 7.625rem;
		left: 0;
		background-color: var(--color-Neutrals-White);
		padding: var(--spacing-Space-10) 1rem var(--spacing-Space-10) 1rem;
	}
	#mainnav.open {
		display: block;
		overflow-x: hidden;
		overflow-y: auto;
	}
	#mainnav.open > ul > li {
		-webkit-tap-highlight-color: transparent;
	}
	#mainnav.open:has(> ul > li.active) {
		padding-top: 0;
	}
	#mainnav.open > ul > li.active {
		padding-top: 0;		
		width: 100%;
		height: calc( 100dvh - var(--pageHeadHeight,9rem));
        overflow-y: auto;
        overflow-x: hidden;
	}
	#mainnav.open > ul > li.active > span,
	#mainnav.open > ul > li.active > .button,
	#mainnav.open > ul > li.active [role=button].active {
		position: fixed;
		padding-top: 3.5rem;
		width: 100%;
		background-color: var(--color-Neutrals-White);
		z-index: 2;
	}
	#mainnav.open > ul > li > .button {
		transition: none;
	}
	#mainnav.open > ul > li.active > .button {
		transition: none;
		border: none;
		padding: 3.5rem 0 var(--spacing-Space-4) 0;
		box-shadow: none;
		display: flex;
    	height: auto;
    	justify-content: flex-start;
    	font-family: var(--font-family-Primary);
	    font-size: var(--font-size-TextXl);
	    font-weight: 500;
	    font-stretch: condensed;
	    line-height: 115%;
	    letter-spacing: 0;
        align-items: center;
        gap: var(--spacing-Space-3);
        align-self: stretch;
        border-radius: 0;
	}
	#mainnav > ul > li:not(.active) > .button + span
	 {
		display: none;
	}
	#mainnav.open > ul > li.active > .container,
	#mainnav.open > ul > li.active > .buttonContainer > .container {
		padding: 9.5rem 0 3rem 0;
		z-index: 1;
	}
	body:has(#mainnav.open) {
		overflow: hidden;
	}
	#mainnav > ul {
		padding: 0;
		height: 100%;
	}
	#mainnav > ul > li {
		display: flex;
		flex-direction: column;
		gap: var(--spacing-Space-3);
		align-self: stretch;
		justify-content: space-between;
		cursor: pointer;
	}
	#mainnav > ul > li.active {
		gap: var(--spacing-Space-12);
	}
	#mainnav > ul > li > *:not(div),
	#mainnav > ul > li > .buttonContainer .button.active {
		display: flex;
		padding: var(--spacing-Space-4) 0;
		align-items: center;
		gap: var(--spacing-Space-3);
		align-self: stretch;
        justify-content: space-between;
	}
	#mainnav > ul > li.active > *:not(div) {
		justify-content: flex-start;
	}
	#mainnav > ul > li > *:not(div):after {
		display: block;
		font-family: "icons";
		content: "\e924";
		font-size: 1.5rem;
		width: 1.5rem;
		height: 1.5rem;
		line-height: 1.5rem;
	}
	#mainnav > ul > li.active > *:not(div):after {
		display: none;
		content: "";
	}
	#mainnav > ul > li.active > *:not(.container):not(.buttonContainer):before,
	#mainnav > ul > li.active .buttonContainer > .button.active:before {
		display: block;
		font-family: "icons";
		content: "\e923";
		font-size: 1.5rem;
		width: 1.5rem;
		height: 1.5rem;
		line-height: 1.5rem;	
	}
	#mainnav > ul > li > .container {
 		padding: 0;
		align-items: flex-start;
		align-content: flex-start;
		gap: 4rem;
		align-self: stretch;
		flex-wrap: wrap;
	}
	#mainnav > ul > li.active > .container,
	.navigation .flyoutElement.active > .container {
		display: flex;
	}
	#mainnav:has( > ul > li.active) > ul > li:not(.active) {
		display:none;
	} 
	#mainnav > ul > li > .container > div {
		display: flex;
		padding: 0;
		align-items: flex-start;
		align-content: flex-start;
		gap: 3rem;
		flex-wrap: wrap;
		flex-direction: column;
		width: 100%;
	}
	#mainnav > ul > li > .container > div.containerColumn {
		gap: var(--spacing-Space-6);
		align-self: stretch;
	}
	#mainnav > ul > li > .container > div > div[slot] {
		display: flex;
		flex-direction: column;
		gap: var(--spacing-Space-6);
		width: 100%;
	}
	.navigation .linkContainer {
		display: flex;
		min-width: 12.5rem;
		flex-direction: column;
		align-items: flex-start;
		gap: var(--spacing-Space-4);
		flex: 1 0 0;
	} 
	.navigation .containerColumn > .linkContainer {
		gap: var(--spacing-Space-6);
	}
	.navigation .containerColumn .linkContainer > .links  {
		gap: var(--spacing-Space-4);
	}
	.navigation :not(.containerColumn) .linkContainer a {
		justify-content: space-between;
		margin-right: 0;
	}
	.navigation .containerColumn .linkContainer a {
		justify-content: flex-start;
	}
	#navigationContainer:has(> .navigation > #mainnav.open) .navigation > .buttonContainer > *:not(.pageheadBurger),
    #navigationContainer:has(> .navigation > #mainnav.open) .navigation > .buttonContainer .divider {
    	display: none;
    }
    #navigationContainer .buttonCloneInside.active > .buttonContainer > *:not(.active) {display: none;}
    #navigationContainer .buttonCloneInside.active > .buttonContainer,
    #navigationContainer .buttonCloneInside.active > .buttonContainer > *.active {display: flex;}
    #mainnav.open > ul > li.active .buttonContainer {
    	display:flex;
		padding-top: 0;		
		width: 100%;
        overflow-y: auto;
        overflow-x: hidden;
        justify-content: flex-start;
        flex-direction: column;
        transform: scale(1)
	}
	.navigation *:not(#mainnav) .flyoutElement > .container {
		height: calc( 100dvh - var(--pageHeadHeight,9rem));
		overflow-y: auto;
		flex-direction: column;
	}
	.navigation *:not(#mainnav) .flyoutElement .wrapper {
		gap: 4rem;
	}
	.buttonCloneInside .container .wrapper  {
		display: flex;
		flex-direction: column;
		gap: 4rem;
	}
	#mainnav.open > ul > li.active .buttonContainer .container.active {
    	display:flex;
        flex-direction: column;
        justify-content: center;
		align-items: center;
		width:100%;
	}
	#mainnav.open > ul > li.active [role=button].active {
		border:none;
		outline:none;
		box-shadow: none;
		justify-content: flex-start;
	}
	.buttonContainer > .button {
		transition: none;
	}
	.navigation .headerflyout.portalFlyout .containerColumn {max-width: unset;}
	.navigation .portalFlyout .linkContainer {max-width: unset; align-self: stretch;}
	
	#mainnav > ul > li > .container > [modul="navigationserviceteaser"],
	#mainnav > ul > li > .container > [modul="navigationrelatedarticles"] {
		gap: var(--spacing-Space-4);
	}
	#mainnav > ul > li > .container > [modul="navigationserviceteaser"] {position: relative;}
	#mainnav > ul > li > .container > [modul="navigationserviceteaser"]:after {
		position: absolute;
		bottom: calc(var(--spacing-Space-8) * -1);
		display: block;
        content: "";
        width: 100%;
        height: 1px;
        border-bottom: 2px solid var(--border-Accent);
	}
	.container.headerflyout.portalFlyout > .containerColumn:nth-child(2){
		order: 3;
	
	}
	.container.headerflyout.portalFlyout > .containerColumn:nth-child(3){
		order: 2;
	
	}
}

/* Tablet */
@media (min-width: 560px) and (max-width: 1199px) {
	#mainnav {
 		padding: var(--spacing-Space-10) 3rem var(--spacing-Space-16) 3rem;
	}
    #mainnav > ul > li > .container > [modul=slots] {
		display: flex;
		padding: var(--Spacing-Space-0, 0rem) 0rem;
		align-items: flex-start;
		align-content: flex-start;
		gap: var(--spacing-Space-16);
		align-self: stretch;
		flex-wrap: wrap;
		flex-direction: row;
    }
     #mainnav > ul > li > .container > [modul=slots] > div {
		display: flex;
		min-width: 12.5rem;
		max-width: 20rem;
		flex-direction: column;
		align-items: flex-start;
		gap: var(--spacing-Space-2, 0.5rem);
		flex: 1 0 0;
    }
    #mainnav > ul > li:not(.active).buttonCloneInside {
		display: inline-flex;
		flex-direction: row;
		justify-content: flex-end;
		width:100%;
		padding-top: var(--spacing-Space-10);
	}
	#mainnav > ul > li:not(:last-of-type).buttonCloneInside {
		margin-right: var(--spacing-Space-2);
	}
    .navigation .linkContainer {
		max-width: 20rem; 
		gap: var(--spacing-Space-2);
	}
	#mainnav > ul > li .buttonContainer {
		display: flex;
		padding: 0;
		justify-content: flex-end;
		align-items: flex-start;
		gap: var(--spacing-Space-2);
		align-self: stretch;
	}
}
 
@media (min-width: 560px)  {
	.navigation .flyoutElement > .container { 
		position: absolute;
		display: none;
		width: 100vw;
		left:50%;
		transform: translate(-50%,0);
		top: var(--pageHeadHeightInitial);
		background: var(--canvas-Primary);
		padding: 2.5rem 5rem 5rem 5rem;
		opacity: 0;
		box-sizing: border-box;
	}
	.navigation .flyoutElement .wrapper { 
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
		
		transition: var(--fadeTransition);
		box-sizing: border-box;
		align-self: stretch;
	}
	.compressed #mainnav li > .container,
	.compressed .navigation .flyoutElement > .container { 
		top: var(--pageHeadHeight);
	}
	.navigation .flyoutElement.active > .container { 
		display:flex;
		opacity: 1;
	}
	.navigation .containerColumn .linkContainer > .links  {
 		gap: var(--spacing-Space-1);
	}
}
/*  Desktop  */
@media (min-width: 1200px) {
	#pagehead.eyebrowFixed #mainnav {
		display:none;
	}
	#page #content:before {
	    content: "";
	    background-color: rgba(0,0,0,0);
	    transition: all 0.4s ease;
	}
	#page.navOpen > #content:before {
		width: 100vw;
	    height: 100vh;
	    content: "";
	    background: var(--canvas-Quarternary);
	    display: block;
	    left: 0;
	    position: fixed;
	    z-index: 100;	
	} 
	#mainnav > ul > li {
		font-family: var(--font-family-Primary);
		font-size: var(--font-size-TextBase);
		font-style: normal;
		font-weight: 400;
		line-height: 1.5rem;
		letter-spacing: 0.02rem;
		border-bottom: 2px solid transparent;
		transition: var(--fadeTransition);
	}
	#mainnav > ul > li:not(.active):hover,
	#mainnav > ul > li:focus,
	#mainnav > ul > li:focus-visible,
	#mainnav > ul > li:has(> a:hover),
	#mainnav > ul > li:has(> a:focus-visible) {
		border-bottom: 2px solid var(--border-Strong);
		outline: none;
		transition: all var(--fadeTransition);
	}
	#mainnav > ul > li > a:hover,
	#mainnav > ul > li > a:focus-visible {
		outline: none;
	}
	#mainnav > ul > li.active,
	#mainnav > ul > li.active:focus {
		font-weight: 500;
		border-bottom: 2px solid transparent;
	}
	#mainnav, #mainnav > ul {
		display: flex;
		padding: var(--spacing-Space-0) var(--spacing-Space-0);
		justify-content: center;
		align-items: flex-start;
		gap: var(--Spacing-Space-9, 40px);
		height: 100%;
	}
	#mainnav > ul {
		align-items: center;
	}
	#mainnav > ul > li {
		display: flex;
		padding: var(--spacing-Space-2) var(--spacing-Space-0);
		justify-content: center;
		align-items: center;
		gap: var(--spacing-Space-2);
		cursor: pointer;
	}
 	#mainnav > ul > li > .container {
		font-weight: 400;
		cursor: auto;
	}
	
	#mainnav li .container { 
		position: absolute;
		display: none;
		width: 100vw;
		left:50%;
		transform: translate(-50%,0);
		top: var(--pageHeadHeightInitial);
		background: var(--canvas-Primary);
		padding: 2.5rem 5rem 5rem 5rem;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		opacity: 0;
		transition: var(--fadeTransition);
		box-sizing: border-box;
		gap: var(--spacing-Space-10);
		align-self: stretch;
	}

	.navigation .flyoutElement > .container { 
		position: absolute;
		display: none;
		width: 100vw;
		left:50%;
		transform: translate(-50%,0);
		top: var(--pageHeadHeightInitial);
		background: var(--canvas-Primary);
		opacity: 0;
		padding: 2.5rem 5rem 5rem 5rem;
	}
	.navigation .flyoutElement .wrapper { 
		
		background: var(--canvas-Primary);
		
		flex-direction: column;
		justify-content: center;
		align-items: center;
		
		transition: var(--fadeTransition);
		box-sizing: border-box;
		gap: var(--spacing-Space-10);
		align-self: stretch;
	}
	.compressed #mainnav li > .container,
	.compressed .navigation .flyoutElement > .container { 
		top: var(--pageHeadHeight);
	}
	#mainnav > ul > li:has(> .button),
	#mainnav > ul > li:has(> .metanav) {
		display:none;
	}
	#mainnav li > .container > div {
		width: 100%;
		max-width: var(--bkp-maxWidth);
	}
	#mainnav [modul=slots] {
		margin: 0!important;
		gap: var(--gap);
	}
	#mainnav li.active > .container,
	.navigation .flyoutElement.active > .container   {
		display: flex;
		opacity: 1;
		max-height: calc(100dvh - 8.375rem);
        overflow-y: auto;
        justify-content: flex-start;
	}
	#pagehead.compressed #mainnav li.active > .container,
	#pagehead.compressed .navigation .flyoutElement.active > .container   {
		max-height: calc(100dvh - 4rem);
	}
	.navigation .flyoutElement.active > .container   {
		display: flex;
		justify-content: center;
	}
	.navigation .flyoutElement.active .wrapper {
		width: 100%;
		max-width: var(--bkp-maxWidth);
	}
	.navigation .linkContainer {
		display: flex;
		min-width: 12.5rem;
		max-width: 20rem;
		flex-direction: column;
		align-items: flex-start;
		gap: var(--spacing-Space-1);
		flex: 1 0 0;
	}
	.navigation .flyoutElement.active .wrapper   {
		flex-direction: row;
	}
	[modul^="navigation"] [slot="0"] {
		display: flex;
		width: 100%;
	}
	[modul="navigationserviceteaser"] {
		display: flex;
		max-width: 80rem;
		padding: var(--spacing-Space-0) 0rem;
		flex-direction: column;
		align-items: flex-start;
		gap: var(--spacing-Space-4);
	}
	[modul="navigationserviceteaser"] [slot="1"] {
		display: flex;
		padding: 0;
		align-items: flex-start;
		align-content: flex-start;
		gap: var(--spacing-Space-6) var(--spacing-Space-20);
		align-self: stretch;
		flex-wrap: wrap;
	}
	/* Related Articles */
	[modul="navigationrelatedarticles"] {
		display: flex;
		padding: var(--spacing-Space-0) 0rem;
		flex-direction: column;
		justify-content: center;
		align-items: flex-start;
		gap: var(--spacing-Space-4);
	}
	[modul="navigationrelatedarticles"] [slot="1"] {
		display: flex;
		padding: 0rem var(--spacing-Space-0) 0rem 0rem;
		align-items: flex-start;
		gap: var(--spacing-Space-10);
		align-self: stretch;
	}
	[modul="navigationrelatedarticles"] .teaserPage {
		display: flex;
		align-items: center;
		gap: var(--spacing-Space-6);
		flex: 1 0 0;
		cursor: pointer;
	}
	[modul="navigationrelatedarticles"] .imageContainer:has(> .lazyImage.ready:first-child) {
	    background-color: var(--surface-Primary);
	}
	[modul="navigationrelatedarticles"] .lazyImage {
		aspect-ratio: 1;
		display: flex;
		width: 5.5rem;
		align-items: center;
		align-self: stretch;
		border-radius: 0;
    	transition: var(--fastTransition);
	}
	[modul=navigationrelatedarticles] .teaserPage:hover .lazyImage {
	    border-radius: 99rem;
	}
	[modul="navigationrelatedarticles"] .text {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 0.5rem;
		flex: 1 0 0;
	}
	[modul="navigationrelatedarticles"] .readingTime {
		display: flex;
		align-items: baseline;
		gap: 0.5rem;
	}
	[modul="navigationserviceteaser"]:has(+ [modul="navigationrelatedarticles"]):after {
		display: block;
		content: "";
		width: 100%;
		height:  calc(var(--spacing-Space-6) - 2px);
		border-bottom: 2px solid var(--border-Accent);
	}
}
div.menu  {z-index:100;}
div.menu ul    {position:relative}
div.menu > ul  li  {white-space:nowrap; position:relative; padding:5px 15px; position:relative;}
div.menu > ul > li  {float:left;}
div.menu ul ul   {position:absolute; z-index:2}
div.menu ul ul > li   {display:none}
div.menu ul > li > ul   {margin:5px 0 0 -15px; min-width:100%}
div.menu ul > li > ul ul   {top:0; left:100%; margin:0}
div.menu ul > li:hover > ul > li {display:block}

div.pageoverlay.pageguide:before {display:none!important}
div.pageoverlay.pageguide > .container:before {content: "\e919"; font-family: 'iconset' !important; position: absolute; top: 0; right: 0; padding: .5em; font-size: 125%; color: #000; cursor:pointer; z-index:1 }
div.pageoverlay.pageguide > .container	{padding:0px; border-radius:.5em; background-color:#fff; box-shadow:2px 2px 10px rgba(0,0,0,.25); width:100%; max-width:500px}
div.pageoverlay.pageguide > .container > *	{margin:2em}
div.pageoverlay.pageguide .content	{overflow:hidden}

div.pageoverlay.pageguide .footer	{text-align:right}
div.pageoverlay.pageguide .footer button	{margin:0 0 0 15px}

div.pageoverlay.pageguide div.link > a,
div.pageoverlay.pageguide div.link > a:visited,
div.pageoverlay.pageguide div.link.text {color: #277a8a;font-weight: bold;display: inline-block; cursor: pointer;}

div.pageoverlay.pageguide div.link > a:hover,
div.pageoverlay.pageguide div.link > a:visited:hover,
div.pageoverlay.pageguide div.link.text:hover {text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 4px;}

div.pageoverlay	{position:fixed; top:0;left:0; width:100vw; height:100vh; z-index:1000}
div.pageoverlay	{opacity:0}
div.pageoverlay.show	{opacity:1}
/* div.pageoverlay:not(.notcloseable):before	{content: "\e926"; font-family: 'icons'; position:absolute; right:1.25em; top:.5em; display:inline-block; color:#fff; font-size:2em; line-height:100%} */
div.pageoverlay > *	{position:absolute; left:50%; top:50%; transform: translate(-50%,-50%); overflow:auto}
div.pageoverlay > .container:has(> [modul]) {padding: 2rem;}
[breakpoint=mobile] div.pageoverlay > .container:has(> [modul]) {padding: var(--spacing-Space-12) var(--spacing-Space-4);}
div.pageoverlay > .container,
div.pageoverlay > .container > :only-child	{max-width: 100dvw; max-height: 100dvh; box-sizing:border-box; display:block}


div.pageoverlay.withHeader	{background-color:#fff}
div.pageoverlay.withHeader > .container	{max-height:100vh!important; height:100vh!important; max-width:100vw!important; box-shadow:0 0 15px rgba(0,0,0,.25)}
div.pageoverlay.withHeader > .container > div:has( iframe[src*='layout24=1'])	{max-width:1440px!important; width:100vw!important}
.withHeader > .container > div	{height:100vh; max-height:100vh!important; width:940px!important; max-width:100vw!important; background-color:#fff; overflow:hidden;}
.withHeader > .container > div	> .header	{height:3rem; line-height: 3rem; overflow:hidden; padding:1rem 0 1rem 1rem}
.withHeader > .container > div	> .header > img	{height:4rem; margin:-.5rem; cursor:pointer}
.withHeader > .container > div	> .header > :not(img)	{float:right; margin: 0.3rem 0.6rem;}
.withHeader > .container > div	> .header > .buttonCircle-S:after	{position: absolute; left: -9px; content: ""; height: 100%; border-left: 1px solid #eee; width: 1px;}
.withHeader > .container > div	> .header > .icon	{cursor:pointer}
.withHeader > .container > div	> .header > .phoneNr {background-position-x:1rem; height:3rem}
body.desktop .withHeader > .container > div > .header > .phoneNr {padding-left:4rem;}
.withHeader > .container > div	> .header > .phoneNr p:first-child	{margin-top:0.5rem}
.withHeader > .container > div	> .header > .phoneNr p	{line-height:1rem; font-size:1rem; margin:0; padding:0}
.withHeader > .container > div	> .header > .phoneNr p:last-child	{font-size:50%;}
.withHeader > .container > div	> :last-child	{height:calc(100% - 5rem); background:url(/library/script/aragscript/css/ajaxified.gif) center no-repeat; background-size:30px}



/* Progress bar container */
.progress-container {
    position: fixed!important;
    width: 100dvw;
    bottom:0;
    height: 0;
    background: var(--fg-Tertiary, rgba(0, 0, 0, 0.16));
    left: 50%;
    z-index: 1000;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    transform: translate3d(-50%, 0, 0);
}

.progress-bar {
    width: 0%;
    height: 100%;
    transition: width 0.1s ease-out;
}
.progress-bar.fullback:after {
	background:none;
}
#quickedit	{display: none; position:fixed; left:1rem; top:50%; white-space:nowrap; font-size:1rem; z-index:1000}
.quickEdit	{position:absolute}

buttonbar.analyse	{position:sticky; top:0; background-color:#eee; align-items: center }

.analyser	{width:50vw; overflow:auto; background-color:#fff}
.analyser .head	{width:100%; position:sticky; top:0; background-color:#eee; display:flex; padding:.5rem; box-sizing:border-box}
.analyser input.filter	{width:100%; font-size:1rem; line-height:125%; padding:.5rem}
.analyser .head .counter	{width:10rem; text-align:center; line-height:2rem; padding:.5rem}
.analyser .head .export	{width:10rem; text-align:center; line-height:2rem; padding:.5rem; background-color:#ddd}
.analyser li	{padding: 0 .5rem}
.analyser li p.title	{font-weight:bold}

.analyserexport	{width:80vw; height:80vh; font-size:1rem; line-height:150%; background-color:#fff }

div.pageoverlay.lightbox > .container:has(.headlines) {max-width:60vw}
.headlines	li	{line-height:200%; border-bottom:1px solid #ccc;}
.headlines	li.H2	{padding-left:1rem}
.headlines	li.H3	{padding-left:2rem}
.headlines	li.H4	{padding-left:3rem}
.headlines	li.H5	{padding-left:4rem}
.headlines	li.H6	{padding-left:5rem}
#page.Themenseite #quicklinks > li{display:none;}
#page.Themenseite #quicklinks > li.scrolltop{display:inline-block;}

#quicklinks-container {position: absolute;right: -47px; z-index: 11;}	
#quicklinks-container div.sticky {position: fixed; bottom:0px;}

#quicklinks-container #topscroller {position: fixed; bottom:0; left:auto; right:auto; width:45px; height:45px; padding:0; margin:0; transform: translate(-100%,0); opacity:1; background:#ccc}
#quicklinks-container #topscroller.visible {background:#f9ed43;}
#quicklinks-container #topscroller:after {margin:15px 0 0 16px}

#quicklinks	{position:absolute; z-index:1000; overflow:hidden; padding:0px; border: 1px solid transparent;margin: 0; right: 0; bottom:0; width: 45px;}
#quicklinks:hover	{width: 220px;}

#quicklinks:before	{position:absolute; top:0; right:0; width:45px; height:100%; z-index:1; content:""; display:none;}
#quicklinks.collapsed:before	{display:inline-block}

#quicklinks li {position:relative!important; height:45px; width:100%; right:0px; margin-bottom:1px;transition: all .4s ease-in-out; webkit-transition: all .4s ease-in-out}	
#quicklinks li:after	{position:absolute; right:0px; top:0px; width:45px; height:45px; content:""; display:inline-block; z-index:3;}
.desktop #quicklinks li:after	{display:none}

#quicklinks.collapsed li:first-child {margin-top: 0;}
#quicklinks.collapsed li {margin-top: -37px;}

#quicklinks li > *		{position:absolute!important; width:175px; background: (none); left:calc(100% - 47px); line-height:40px; font-size:16px; padding:0 0 0 47px; color:#000; margin:0; box-shadow:1px 1px 5px rgba(0,0,0,.3); white-space:nowrap; transition: all .4s ease-in-out; webkit-transition: all .4s ease-in-out}
#quicklinks li:hover > *	{left:0;}	
#quicklinks li.disabled	> * {background-color:#ccc}

#quicklinks li > *:before {font-family: 'iconset'; speak: none; content:"\e94b"; font-size: 22px; position:absolute; left:7px; top:0px; margin:5px 0px 0px 5px; display:inline-block;}
#quicklinks li.kontakt > *:before	   {content:"\e94b";}
#quicklinks li.formular > *:before	   {content:"\e923"; left: 6px;}
#quicklinks li.notiz > *:before, #quicklinks li.daten > *:before {content:"\e939"; left: 8px;}
#quicklinks li.cart > *:before         {content:"\e949"; font-size: 18px;}
#quicklinks li.messenger > *:before	   {content:"\e920"; font-size: 21px;}
#quicklinks li.callback > *:before	   {content:"\e947";}
#quicklinks li.beratersuche > *:before {content:"\e93e"; font-size: 21px;}
#quicklinks li.hilfe > *:before	       {content:"\e945"; font-size: 18px;}
#quicklinks li.rechner > *:before	   {content:"\e951"; font-size: 20px;}
#quicklinks li.juracheck > *:before	   {content:"\e92e"; font-size: 23px;}
#quicklinks li.location > *:before	   {content:"\e93b"; font-size: 23px;}
#quicklinks li.home > *:before	       {content:"\e958"; font-size: 20px; left:9px;}
#quicklinks li.chatbot > *:before	   {content:"\e918";}
#quicklinks li.frage > *:before	       {content:"\e905"; font-size: 18px;}
#quicklinks li.meldung > *:before	   {content:"\e93a";}
#quicklinks li.whatsapp > *:before	   {content:"\e956"; font-size: 18px;}
#quicklinks li.scrolltop	           {margin-top:10px; background-color: transparent!important;}
#quicklinks li.scrolltop > *:after	   {display:none}
#quicklinks li.scrolltop p	           {width:45px; height:45px; padding:0; left:calc(100% - 45px)!important }
#quicklinks li.scrolltop > *:before	   {content:"\e90a"; left: 9px; font-size: 16px; margin-top: 1px; transform: rotate(270deg);}
#quicklinks li.chat > *:before         {content:"\e917"; left: 2px; font-size: 34px; top: -3px;}
#quicklinks li.partner > *:before	   {content:"\e917"; left: 2px; font-size: 34px;}
#quicklinks li.sprachsteuerung > *:before	{content:"\e94b"; left: 6px;}
#quicklinks li.suche > *:before             {content:"\e931"; left: 0; font-size: 16px;}
#quicklinks li.meinearag > *:before	        {content:"\e92f"; left: 9px; font-size: 16px;}
body.loggedIn #quicklinks li.meinearag > *:before {content:"\e92f"; font-size: 16px;}
#quicklinks li > * > * {color:#000;display:block;padding-top: 5px; margin:0 0 0 2px}
#quicklinks li {margin-top: 1px;}
#quicklinks li.chat script	{display:none}
#quicklinks li.chat.disabled > div:after	{content:" (nicht besetzt)"}
#quicklinks li.chat > div > div		{position:absolute; width:100%; height:100%; top:0; left:45px; padding:0; margin:0}
#quicklinks li.chat > div > div > div	{content:" "; width:100%!important}
#quicklinks li.chat > div > div .pv_agentButton	{content:" "; cursor:pointer}
#quicklinks li.chat .pv_groupconnect	{z-index:1}
#quicklinks li.chat .pv_groupconnect > div > div:before	{display:none}

html.touchable #quicklinks li.notiz {display:none}

@media screen and (max-width: 600px){
	#quicklinks-container {right: -2px;top: 56px; z-index:10}
	#quicklinks li.notiz	{display:none}
}

@media screen and (max-width: 1075px) { 
	#quicklinks-container {right: -2px!important; bottom:0px;}	
	#quicklinks {padding-left:10px;}
}
#red_popup {border:1px solid #ccc; background:#fff; z-index:1000; box-shadow:0 0 25px rgba(0,0,0,.5); padding:20px; border-radius:8px; }
#red_popup {transition: all .4s ease-in-out; webkit-transition: all .4s ease-in-out; opacity:0; pointer-events: none;}
#red_popup.show	{opacity:1; pointer-events: all;}

#red_popup:after {font-family: "iconset"; content: '\e919';cursor: pointer;top: 5px;right: 10px;float: left;margin: 8px 0 0 8px; top: 5px;right: 10px;position: absolute;float: left;}
#red_popup .jforms .row{padding:5px 0px 5px 0;}
#red_popup .jforms .row label{display:none}
#red_popup .jforms .row > *{display:block; margin-left:0}

#red_popup		{position:fixed; overflow:auto; width:320px; max-width:calc(100% - 50px)}
#red_popup.center {max-height:400px; left:50%; top:50%; transform:translate(-50%,-50%)}
#red_popup.bottom-right {bottom:20px; right:20px;}
#red_popup.bottom-right.space {bottom:110px;}
#red_popup.bottom-full-width {max-height:137px; bottom:0px; width: calc(100% - 42px);}

@media screen and (max-width: 600px){
	#red_popup {bottom:0 !important; left: 0 !important; margin-left: 1% !important; margin-right: 1% !important;width: 90% !important;}
	#red_popup.center {left:50% !important;}
	#red_popup.bottom-right.space {bottom:100px!important;}
	#red_popup div.teaserBild.drittel div.bild {width:33% !important;}
	#red_popup div.teaserBild.drittel div.text {width: 67% !important;}
	#red_popup div.teaserBild div, #red_popup .slot.trio div.teaserBild div {margin: 0 !important;}
}
div.reiter > div.content       {position:relative}
div.reiter > div.content > div.page       {display:none;}
div.reiter > div.content > div.page.aktiv {display:block;}


a.screenreaderOnly, .screenreaderOnly {
	position: absolute;
	left: -10000px;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

a.screenreaderOnly:focus {
	position: static;
	width: auto;
	height: auto;
	color: <!-- #echo var="col2" -->;
	padding: 3px;
	left: 10px; 
}
/* Skip Links */
nav#skiplinks {
	height: 0;
	overflow: hidden;
}

nav#skiplinks:has(.skip-mark:focus-visible),
nav#skiplinks:has(.skip-mark:focus) {
	position: relative;
	display: flex;
	padding: 0;
	justify-content: center;
	align-items: center;
	gap: var(--spacing-Space-2);
	align-self: stretch;
	background: var(--canvas-Secondary);
	height: auto;
	
}
.skip-mark {
	top: 0;
	width: 1px;
	height: 1px;
	overflow: hidden;
	 -webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0);
  	clip-path: polygon(0 0, 0 0, 0 0, 0 0);
  	margin: 0 !important;
	z-index: -999;
}
.skip-mark:focus, .skip-mark:active {
	left: 0;
	top: 0;
	-webkit-clip-path: none;
  	clip-path: none;
	width: 100%;
	color: #000;
	height: auto;
	overflow: auto;
	text-align: center;
	z-index: 999;
	outline: none;
}
.skip-mark:before {
	content: ""!important;
}
#navigation>ul>li>p>a:focus {
	color: <!-- #echo var="col2" -->;
}

[type="share"]	{position:relative}
[type="share"] .out	{position:absolute; top:0; right:-2rem; transform:translate(0,-110%);}
[type="share"] .out	{font-size:75%; line-height:100%; max-width:20rem; width:max-content; padding:1rem; background-color:#fff; border-radius:1rem; box-shadow:0 0 2rem rgba(0,0,0,.25)}

[type="share"] .out:empty	{display:none}
.siteactive > div.filtered		{display:none}	
div.slider  {position:absolute; z-index:10; margin:0!important; padding:0!important;}
div.slider.open, div.slider.fixed	{z-index:12; transform: translate(0,0)!important;}
body.notTouchable div.slider:hover  {transform: translate(0,0)!important;}

div.slider > *	{overflow:auto; position:relative; height:100%}

div.slider:before  {content:""; position:absolute; height:100%; width:100%; z-index:10}
div.slider:after  {content:""; position:absolute; height:100%; width:100%; z-index:10;}

div.slider.left  {top:0; left:0; height:100%; transform: translate(-100%,0);}
div.slider.right  {top:0; right:0; height:100%; transform: translate(100%,0);}
div.slider.top  {top:0; left:0;width:100%; transform: translate(0,-100%);}
div.slider.bottom  {bottom:0; left:0;width:100%; transform: translate(0,100%);}



div.slider  {transition: all .4s ease-in-out; webkit-transition: all .4s ease-in-out;}
div.slider:after  {content:""; background-color:rgba(0,0,0,.5); position:absolute;}
div.slider.fixed:after  {border-right:2px solid #999;}

div.slider.left:before  {right:-3px; width:3px;}
div.slider.right:before  {left:-3px; width:3px;}
div.slider.top:before  {bottom:-3px; height:3px;}
div.slider.bottom:before  {top:-3px; height:3px;}

div.slider.left:after  {right:-10px; top:calc(50% - 20px); width:10px; height:40px;}
div.slider.right:after  {left:-10px; top:calc(50% - 20px); width:10px; height:40px; }
div.slider.top:after  {bottom:-10px; left:calc(50% - 20px); width:40px; height:10px; }
div.slider.bottom:after  {top:-10px; left:calc(50% - 20px); width:40px; height:10px;}
#SlotNavHome {width:100%; border:1px solid #c1c1c1; box-sizing:border-box; background-color:#fff; margin-bottom: 20px;}
.farbfeld #SlotNavHome:first-child {margin-top:-20px}
#SlotNavContainer {width: 100%; overflow: auto; overflow-x: scroll;}
#SlotNavContainer::-webkit-scrollbar {display: none;}
#SlotNav {display:flex;}
#SlotNav > div {flex: 1; font-weight:bold; box-sizing: border-box;}
#SlotNav > div a {box-sizing: border-box; height: 100%; min-height: 48px; display:block; text-align:center; padding: 14px 10px 10px; cursor: pointer; white-space: nowrap;}
#SlotNav > div a.ico {padding: 0 10px;}
#SlotNav a.ico:before {margin: .2rem .4rem 0 0;}
#SlotNav > div:not(:first-child) {border-left:1px solid #c1c1c1;}

#SlotNav > div.active > a, #SlotNav > div > a:hover  {background-color: #f8f8f8;}
#SlotNav > div.active > a {border-bottom: 3px solid #fff600;}

.slotNav {position: relative; z-index:-1;  margin-bottom: 0!important;}
.slotNav .SNAnchor {position: absolute; top: -30px;}
.slotNav .SNAnchor.show {display: block; position: relative; top: 0; margin: 0 0 40px 0!important; }
.slotNav .SNAnchor.show.fheadl {color: #277A8A; font-weight: bold; font-size: 164%; text-align: center; padding-bottom: 11px; border-bottom: 1px solid #277A8A;}
.slotNav .SNAnchor.show.intro {font-size: 125%; line-height: 125%;}


body:not(.compressed) #stickybar	{opacity:0; pointer-events: none;}
body:has(#stickybar[type=overlay].expand) {overflow: hidden;}

#stickybar:not(.enabled)	{display:none}

#stickybar	{padding:2rem 0; bottom:1rem; transition: all .4s ease-in-out; webkit-transition: all .4s ease-in-out; position:sticky; z-index:100; margin: 5rem 0 10rem 0;}

#stickybar > div	{transition: all .4s ease-in-out; webkit-transition: all .4s ease-in-out; position:absolute; left:50%; transform:translate(-50%,-50%); border-radius: var(--border-radius-RoundedFull, 624.9375rem);}
#stickybar > div 	{box-sizing:border-box; padding:0 var(--spacing-Space-6) 0 var(--spacing-Space-8);  display:flex; gap:var(--spacing-Space-8); flex-direction: row; flex-wrap: nowrap; align-items: center; white-space:pre;}
#stickybar > div >  [detail]	{transition: all .4s ease-in-out; webkit-transition: all .4s ease-in-out; flex:none; overflow:hidden;}
#stickybar > div >  a.button	{z-index:3}
#stickybar > div .sb-link {display: flex;justify-content: center;align-items: center;gap: var(--spacing-Space-2, 0.5rem);}
#stickybar[sticky=false] .sb-link  {padding: 0;}
#stickybar[sticky=true] > div .sb-link {padding: 0 33px 0 37px;}
#stickybar[sticky=true].expand.enabled .sb-link  {padding: 0;}

[breakpoint="tablet"] #stickybar > div,
[breakpoint="mobile"] #stickybar > div {padding: var(--spacing-Space-3) var(--spacing-Space-5) var(--spacing-Space-3) var(--spacing-Space-5);}

[breakpoint="tablet"] #stickybar {margin-top: 4rem; margin-bottom: 7.5rem;}
[breakpoint="mobile"] #stickybar {margin-top: 3rem; margin-bottom: 5rem;}

#stickybar[type=expand] > div >  [detail]	{width:0px; margin:0 -1rem!important;}
#stickybar[type=expand] > div >  [detail='true']	{display:flex; gap:var(--spacing-Space-8); flex-direction: row; flex-wrap: nowrap; align-items: center; white-space:pre;}

#stickybar[type=expand].expand:not([sticky='false']) > div [detail='expanded'],
#stickybar[type=expand].expand > div [detail='true'],
#stickybar[type=expand][sticky='true']:not(.expand) > div [detail='false'],
#stickybar[type=expand][sticky='false'] > div [detail='true'] 	{width:var(--cWidth)!important; margin:0!important;}
#stickybar[type=expand] [detail='true'] .Close	{display:none}
#stickybar[type=expand].expand span > a[detail='false'] {display: none;}




#stickybar > div > a.button:last-child	{margin-right:-.5rem}
[breakpoint^="desktop"] #stickybar [detail='true'] > a	{margin-right:0px; padding: var(--spacing-Space-5, 1.25rem) 0rem;}
#stickybar [detail='true'] > .icon:not(.button):before	{vertical-align:middle; line-height:inherit;}
#stickybar [detail='true'] > .icon:not(:empty):before	{margin-right:var(--spacing-Space-4);}
#stickybar [detail='true'] > div:not(:first-child)	{border-left:1px solid #000}

#stickybar > [detail='true'] > p	{line-height:100%; font-size:75%}

#stickybar[type=overlay] [detail='true'] {
    position: absolute;
    left: 50%;
    bottom: -.2rem;
    transform: translate(-50%,0);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    background-color: var(--canvas-Primary);
    width: 102%;
    min-width:fit-content; 
    height:0;
    overflow:hidden;
    padding: 0 2rem;
    z-index:2;
    border-radius: 2rem;
    box-shadow:0px 0px 5px rgba(0,0,0,.4);
    opacity:0;
}
#stickybar[type=overlay].expand {
	width: 100dvw;
    height: 100dvh;
    position: fixed;
    margin: 0;
    top: 0;
    left: 0;
    z-index: 999;
    padding: 0;
}
#stickybar[type=overlay].expand [detail='false'] {
	opacity:0;
}
#stickybar[type=overlay].expand [detail='true'] {
	opacity:1!important;
	left: 0;
	transform: translate(0,0);
	top: 0;
	margin: 0 ;
	height: 100dvh!important;
    width: 100dvw;
	border: none;
	border-radius: 0;
}
#stickybar[type=overlay] [detail='true'] .Close	{
	position: absolute;
	bottom: 1.75rem;
	right: 1rem;
}
[breakpoint="tablet"] #stickybar[type=overlay] [detail='true'] .Close	{
	right: 3rem;
}
#stickybar[type=overlay] [detail='true'] > *:first-child {
	margin-top:2rem
}
#stickybar[type=overlay] > div {
	transition: opacity .3s ease-in-out;
}
#stickybar[type=overlay].expand > div {
	position: relative;
	top: 0;
	left: 0;
    transform: translate(0, 0);
    
	border: none;
	border-radius: 0;
	width: 100dvw;
	height: 100dvh
}
#stickybar[type=overlay].expand > div > .button {
	bottom: 6.5rem;
    position: absolute;
    right: 1rem;
}
[breakpoint="tablet"] #stickybar[type=overlay].expand > div > .button {
    right: 3rem;
}
#stickybar[type=overlay].expand > div a[href^='tel'] {
	font-weight: 500;
}

#stickybar[type=overlay],
#stickybar[type=overlay] > div > [detail] {
	transition: opacity .4s ease-in-out;
}
[stickyelement] {position:sticky!important; z-index:10;}
[stickyelement=top] {top:var(--pageHeadHeight);}
div.tab	{position:relative; margin:30px 0 0 0;}
div.tab > div	{display:none; width:100%; height:100%}
div.tab > div.open	{display:block}

div.tab > ul		{position:absolute; top:0; left:0; margin-top:-30px; line-height:30px; }
div.tab > ul > li	{float:left;}

.tabelle	{text-align:center; --tableBackgroundColor:var(--canvas-Primary);padding-bottom: 1px;}
.canvas-Tertiary .tabelle	{--tableBackgroundColor:var(--canvas-Tertiary)}

.tabelle {
	/* scrollbar-width: thin; */
	scrollbar-width: none;
  	scrollbar-color: #000 #eeeeee; /* thumb color, track color */
}
/* Hide scrollbar for Chrome, Safari and Opera */
.tabelle::-webkit-scrollbar {
  width: 0;
  height: 8px;
  display: none;
}
.tabelle::-webkit-scrollbar:vertical {
	width: 0;
	display: none;
}
/* Hide scrollbar for IE, Edge and Firefox */
.tabelle {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}

/* Scrollbar track background */
.tabelle::-webkit-scrollbar-track {
	border-radius: 0px;
	border: none;
}

/* Scrollbar thumb */
.tabelle::-webkit-scrollbar-thumb {
	border: none;
	border-radius: 0px;
}
.tabelle table {
		width:100%; 
		table-layout:fixed; 
		border-spacing:0;
}
.tabelle table, .tabelle table tr {scroll-margin-top: calc(var(--pageHeadHeight) + 80px);}

.tabelle tbody .cell-content p.label {
	margin-top: var(--spacing-Space-1, 4px);
}
.tabelle tbody td:not(.subheading) .cell-content .info {
	margin-top: var(--spacing-Space-1, 4px);
}
/* .tabelle tbody td .cell-content .info,
.tabelle tbody td .cell-content .sign {
	margin-bottom: 0;
	overflow: visible;
} */
.tabelle[type='datatable-x'] .price,
.tabelle .cell-content .text,
.tabelle .cell-content .label {
	/* overflow: hidden; */
	hyphens: auto;
	hyphenate-limit-chars: 12 auto auto;
}
.tabelle[type='produkt'] .price {
	margin-top: var(--spacing-Space-1, 4px);
}
.tabelle[type='produkt'] .button {
	margin-top: var(--spacing-Space-4, 16px);
	box-sizing: content-box;
}
.tabelle td,
.tabelle th	{padding:var(--spacing-Space-4) var(--spacing-Space-6); position:relative; font-weight:normal;}
.tabelle[type='produkt'] thead th {padding: var(--spacing-Space-10) var(--spacing-Space-6) var(--spacing-Space-10) var(--spacing-Space-6); vertical-align: top;}
.tabelle[type='produkt'] tbody tr td:first-child,
.tabelle[type='produkt'] tbody tr th {padding: var(--spacing-Space-4) var(--spacing-Space-6) var(--spacing-Space-4) 0;text-align: left;}
.tabelle th.subheading {padding: var(--spacing-Space-6, 24px) var(--spacing-Space-6, 24px) var(--spacing-Space-2, 8px) 0px;}
.tabelle tbody .subheading .cell-content .text {
	line-height: 2.2rem;
}
.tabelle[type^='datatable'] thead tr > *,
.tabelle tbody tr > * 	{border-bottom:1px solid transparent;}
.tabelle tr > *:not(:first-child)	{border-left:var(--spacing-Space-1) solid var(--tableBackgroundColor)}
.tabelle[type^='datatable'] thead tr > *:after, 
.tabelle tbody tr > *:after {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 1px;
    bottom: -1px;
    left: 0;
    background-color: var(--border-Accent);
}
/* Order in the first column & Subheding row */
.tabelle[type="datatable-x"] tbody .subheading .cell-content,
.tabelle[type="datatable-y"] tbody th:first-child .cell-content,
.tabelle[type="datatable-y"] tbody td:first-child .cell-content,
.tabelle[type="produkt"] tbody th .cell-content {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: var(--spacing-Space-1, 4px);
	text-align: left; 
	flex-wrap: nowrap;
	flex-direction: row;
}
.tabelle[type="datatable-x"] tbody .subheading .cell-content .info,
.tabelle[type="datatable-y"] tbody th:first-child .cell-content .info,
.tabelle[type="datatable-y"] tbody td:first-child .cell-content .info,
.tabelle[type="produkt"] tbody th .cell-content .info {
	margin-left: auto;
	flex-shrink: 0;
}
.tabelle[type="datatable-x"] tbody .subheading .cell-content .text,
.tabelle[type="datatable-x"] tbody .subheading .cell-content .label,
.tabelle[type="datatable-y"] tbody td:first-child .cell-content .text,
.tabelle[type="datatable-y"] tbody td:first-child .cell-content .label,
.tabelle[type="datatable-y"] tbody th:first-child .cell-content .text,
.tabelle[type="datatable-y"] tbody th:first-child .cell-content .label,
.tabelle[type="produkt"] tbody th .cell-content .text,
.tabelle[type="produkt"] tbody th .cell-content .label {
	margin: 0;
	display: block;
}

.tabelle th.label:after	{position:absolute; top:.25rem; right:.25rem; background-color:#fff; padding:.1rem .3rem; font-weight:normal; font-family:GT Alpina ARAG}
.tabelle th.empfehlung:after	{content:"unsere Empfehlung";}
.tabelle th.bestseller:after	{content:"unser Bestseller"}

.tabelle[type^='datatable'] th:not(.subheading),
.tabelle[type^='datatable'] td:not(.subheading)	{text-align:center; vertical-align:middle}

.tabelle .subheading	{text-align:initial;background-color:#fff;}

.tabelle td .sign:before	{display:block; text-align:center; padding:.5rem; font-size:150%}
.tabelle td.checked .sign:before	{font-family: 'icons'; content:"\e91c";}
.tabelle td.option .sign:before	{font-family: 'icons'; content:"\e92f";}
.tabelle td.minus .sign:before	{font-family: 'icons'; content:"\e952";}

.tabelle[type=''] td {text-align:center}

.tabelle a.showDetails	{margin:var(--spacing-Space-14, 80px) auto; display:inline-block; padding:1rem 0 calc(1rem - 1px) 0; border-bottom:1px solid #000; cursor: pointer;}
.tabelle a.showDetails:hover	{padding:1rem 0 calc(1rem - 2px) 0; border-bottom:2px solid #000}
.tabelle a.showDetails:after	{font-family: 'icons'; content:"\e91e"; margin-left:1rem}
.tabelle.showDetails ~ .tabelle a.showDetails:after	{content:"\e921"}
.tabelle a.showDetails span:after {
	display: inline-block;
}
.tabelle[type='produkt'] ~ .tabelle a.showDetails  span:after	{content:"Tarifdetails aufklappen";display: inline-block;}
.tabelle[type='produkt'].showDetails ~ .tabelle a.showDetails > span:after	{content:"Tarifdetails minimieren"}
.tabelle[type^='datatable'] ~ .tabelle a.showDetails  span:after	{content:"Details aufklappen"}
.tabelle[type^='datatable'].showDetails ~ .tabelle a.showDetails > span:after	{content:"Details minimieren"}

.tabelle:not(.showDetails) tr[detail='true']	{display:none!important}
.tabelle:not(:has(tr[detail='true'])) ~ .tabelle a.showDetails	{display:none}

.canvas-Tertiary .tabelle[type^='datatable'] td	{background-color:var(--color-Neutrals-White)}

.tabelle ul	{margin:1rem 0; padding:0; width:100%; text-align:initial; box-sizing:border-box}
.tabelle ul.legende	li span	{margin-right:.25rem; display:inline-block}


.tabelle ul.options li:before {vertical-align: middle;}

.tabelle ul.options li:after	{margin-left:.5rem; line-height:1.5rem}
.tabelle ul.options li.Check:after	{content:"enthalten"}
.tabelle ul.options li.Dot:after	{content:"optional"}
.tabelle ul.options li.Minus:after	{content:"nicht enthalten"}


.tabelle ul.options	{display:none}
.tabelle ul.options:has(li)	{gap:2rem;}
.tabelle:has(td.checked) ~ .tabelle ul.options,
.tabelle:has(td.minus) ~ .tabelle ul.options,
.tabelle:has(td.option) ~ .tabelle ul.options	{display:inline-flex}
.tabelle.tabelle_optionen {
	overflow: hidden !important;
}
.tabelle .illustration,
.tabelle .illustration .lazyImage {aspect-ratio:1/1!important;max-height: 240px;}

.tabelle div.info:after,
.tabelle div.info div	{z-index:12}

[modul='tableproductcomparison'] thead[stickyposition='stuck'] th.bestseller:after,
[modul='tableproductcomparison'] thead[stickyposition='stuck'] th.empfehlung:after,
[modul="tableproductcomparison"] thead[stickyposition="above"] th.bestseller:after, 
[modul='tableproductcomparison'] thead[stickyposition='above'] th.empfehlung:after {
	display: none;
}

/* CDW-454 */
[modul='tableproductcomparison'] thead[stickyposition='stuck'] ~ tbody:before,
[modul='tableproductcomparison'] thead[stickyposition='XXXabove'] ~ tbody:before {
	content: '';
	display: block;
	/* height: var(--stickyContentHeight) !important; */
	height: 90px;
	width: 100%;
	background-color: transparent !important;
} 

[modul='tableproductcomparison'] thead .headline {
	white-space: nowrap;
}

/* [breakpoint="desktop"] .tabelle table,
[breakpoint="tablet"] .tabelle table {
	width:100%; 
	table-layout:fixed; 
	border-spacing:0;
} */
/* Responsive Tables */
[breakpoint='desktop'] .tabelle[type='produkt'] .table-col-4 thead .headline {
		font-size: 2.6em !important;
}
.tabelle[type='produkt'][tablesize='big'] thead .headline {
		font-size: 2.3em !important;
}
[breakpoint='desktop'] .tabelle[type='produkt'][tablesize='big'] thead .headline {
		font-size: 2.1em !important;
}

/* Tablet */
@media screen and (max-width: 1023px) {
	.tabelle {
		max-width: 100%;
		width: 100%;
		overflow: auto;
		z-index: 2; 
		box-sizing:border-box;
	}
	/* .tabelle[type="produkt"],
	.tabelle[type="datatable-x"] {
		max-height: 600px;
	} */
	
	.tabelle table thead {position:sticky; top:0; z-index: 5}
	.tabelle tbody	{z-index:2; box-sizing:border-box;}
	.tabelle th.empfehlung:after,	
	.tabelle th.bestseller:after,
	.tabelle .illustration	{display:none}

	.tabelle * {
		box-sizing: border-box;
	}

	/* Product table */
	.tabelle[type='produkt'] tr {
		display: grid;
		min-width: calc(100vw - (2 * var(--bkp-margin) + 16px)); 
		grid-template-rows: auto auto;
	}
	.tabelle[type='produkt'] thead,
	.tabelle[type='produkt'] tbody {
		display: block;
    	width: 100%;
	}
	.tabelle[type="produkt"] thead,
	.tabelle[type="datatable-x"] thead {
		z-index: 0 !important;
	}
	
	.tabelle[type='produkt'] table thead[stickyposition='stuck'],
	.tabelle[type='datatable-x'] table thead[stickyposition='stuck'] {
		z-index: 5 !important;
	}
	.tabelle[type='produkt'] thead th:first-child {
		display: none;
		padding: 0 !important;
		height: 1px !important;
		overflow: hidden;
	}
	.tabelle[type='produkt'] td:first-child,
	.tabelle[type='produkt'] tbody th {
		grid-column: 1 / -1; /* Full width */
		border-top: none 0;
		text-align: left;
		position:sticky!important; 
		left: 0px;
		width: calc(100vw - (2 * var(--bkp-margin) + 16px));
		grid-column-start: 1; 
		grid-column-end: none;
	}
	.tabelle[type='produkt'] table tbody td:first-of-type,
	.tabelle[type='produkt'] table tbody th {
	 	border-left: var(--spacing-Space-1) solid var(--tableBackgroundColor);
	}
	.tabelle[type='produkt'] th:not(:first-child),
	.tabelle[type='produkt'] td:not(:first-child) {
		text-align: center;
	}
	.tabelle[type='produkt'][tablesize='big'] table tr {
		min-width: 1000px;
	}
	
	 /* datatable-y */
	.tabelle[type='datatable-y'] tr {
		display: grid;
		min-width: calc(100vw - (2 * var(--bkp-margin) + 16px)); 
		grid-template-rows: auto;
	}
	.tabelle[type='datatable-y'] table th:first-child {
		position:sticky!important; 
		left: 0px;
		width: calc(100vw - (2 * var(--bkp-margin) + 16px));
		vertical-align: middle;
		border-top: 0 none;
		grid-column-start: 1; 
		grid-column-end: none;
	}
	.tabelle[type='datatable-y'] table tbody td:first-of-type,
	.tabelle[type='datatable-y'] table tbody th {
	 	border-left: none 0 !important;
	}

	.tabelle[type='datatable-y'] tbody {
		display: block;
    	width: 100%;
	}
	.tabelle[type='datatable-y'] th {
		grid-column: 1 / -1; /* Full width */
		border-top:1px solid #D6D1C7;
		border-top:1px solid #D6D1C7;
	}
	.tabelle[type='datatable-y'] td {
		/* overflow: hidden; */
		text-align: center;
		vertical-align: middle;
	}
	.tabelle[type='datatable-y'] th {
		text-align: left !important;
		vertical-align: middle;
	}

	/* datatable-x */
	.tabelle[type='datatable-x'] table {
		width: auto;
		min-width: 100%;
	}
	.tabelle[type='datatable-x'] td.subheading .cell-content {
		width: calc(100vw - (2 * var(--bkp-margin) + 56px)); 
		position: sticky;
		left: 0;
		right: 0;
	}

	  
}

@media screen and (max-width: 767px) { 
	.tabelle[type='produkt'] tr {
		min-width: 767px;
	}
	.tabelle[type='produkt'] table tbody th:first-child {
		width: calc(100vw - (2 * var(--bkp-margin) ));
	}
	.tabelle[type='produkt'] .table-col-3 tr {
		min-width: calc(100vw - (2 * var(--bkp-margin) )); 
	}
	.tabelle[type='produkt'][tablesize='big'] tr {
		min-width: 1024px;
	}
	.tabelle[type='datatable-x'] tr {
		min-width: 100%; 
		/* min-width: 500px; */
	}
	.tabelle[type='datatable-y'] td {
		/* overflow: hidden; */
		text-align: left !important;
		vertical-align: middle;
	}
	.tabelle[type='datatable-y'] td .sign:before {
		text-align: left !important;
	}
	.tabelle[type='datatable-y'] table th:first-child {
		width: calc(100vw - (2 * var(--bkp-margin) ));
	}
	.tabelle[type='datatable-y'] table {
		min-width: 100%;
		width: auto;
	}
	.tabelle[type='datatable-y'][tablesize='big'] table {
		min-width: 700px;
	}
}
/* old */
 /* @media (max-width: 1023px){
	.tabelle	{position:relative; margin:0 -1rem; width:100vw; overflow:scroll; z-index:2; box-sizing:border-box;}
	.tabelle .illustration	{display:none}
	.tabelle:has(th.label) th	{padding-top:3rem} 
	
	.tabelle table thead	{position:sticky; top:0; z-index:3}
	tbody	{z-index:2; box-sizing:border-box;}
	
	table tr	{display:grid!important;}
	table th,
	table td	{box-sizing: border-box; transition: all .4s ease-in-out; webkit-transition: all .4s ease-in-out; text-align:center; vertical-align:middle}
	
	thead tr > th:first-child	{text-align:center}
	thead tr > th:first-child:not(:has(*))	{display:none}
	
	.tabelle[type='produkt'] thead tr > th:not(:first-child),
	.tabelle[type='produkt'] tbody tr > td:not(:first-child)	{width:60vw; overflow:hidden; white-space: normal;}
	
	.tabelle[type='produkt'] table th:first-child,
	.tabelle[type='produkt'] table td:first-child	{position:sticky!important; left:0px; width:100vw; grid-column-start: 1; grid-column-end: none;}
	
	
	.tabelle[type^='datatable-y'] thead tr > th:not(:first-child),
	.tabelle[type^='datatable-y'] tbody tr > td:not(:first-child)	{width:50vw; overflow:hidden; white-space: normal;}
	
	.tabelle[type^='datatable-y'] thead tr:has( > :nth-child(4)) > th:not(:first-child),
	.tabelle[type^='datatable-y'] tbody tr:has( > :nth-child(4)) > td:not(:first-child)	{width:60vw;}
	
	.tabelle[type^='datatable-y'] table th:first-child,
	.tabelle[type^='datatable-y'] table td:first-child	{position:sticky!important; left:0px; width:100vw; grid-column-start: 1; grid-column-end: none;}
	
	.tabelle[type^='datatable-x'] thead tr > th,
	.tabelle[type^='datatable-x'] tbody tr > td	{width:40vw; overflow:hidden; white-space: normal;}
	
	.tabelle[type^='datatable-y'] thead tr > th,
	.tabelle[type^='datatable-y'] tbody tr > td, 
	.tabelle[type^='datatable-y'] tbody tr > th  {
		text-align: left !important;
	}
	table 	{padding:0; margin:0; border-collapse: collapse; table-layout: fixed; box-sizing: border-box;}
	thead	{box-shadow:0 0 10px rgba(0,0,0,.5)}
	
	table th,
	table td	{padding:.75rem;  line-height: 150%;}
	
	table th:nth-child(2),
	table td:nth-child(2)	{transform-origin: left!important;}
	table th,
	table td	{transform-origin:center;}
	table th:last-child,
	table td:last-child	{transform-origin:right!important;}
	
	tbody td:not(:first-child)	{z-index:2}
	tbody td.detail:not(:empty):not(:first-child)	{transform: scale(1.5); z-index:3; box-shadow: 0 0 5px rgba(0,0,0,.2)}
	
	th > span
	td > span	{display:none}
	
	.tabInfo	{font-size:90%; line-height:125%; font-weight:normal;}
}
*/

.tarifrechner	{width:100%}
.tarifrechner .row	{margin:1rem 0;}
.tarifrechner .row:has(:nth-child(2))	{display:flex; gap:1rem; align-items: center; flex-wrap: wrap;}
.tarifrechner .row > *	{flex:1; min-width:150px!important;}

.tarifrechner .row:has(button:only-child)	{text-align:center}



.tarifrechner	{position:relative; margin:0!important;}
.tarifrechner .beitrag	{ font-size:170%; font-weight:bold; margin-left:5px; white-space:nowrap; display:inline; color:#4c808b}
.tarifrechner .header	{background-color:#f9ed43; padding:20px 20px; margin-bottom:10px}
.tarifrechner .header .beitrag	{float:right; color:#000}
.tarifrechner .col	{float:left; position:relative; margin:0; padding:0 20px 15px 0; width:calc(50% - 20px)}
.tarifrechner.small .row	{padding:5px 20px 5px 20px;}

.tarifrechner h5	{text-align:center; margin-top:3rem}

.tarifrechner select.schieberegler	{display:none}	
.touchable .tarifrechner div.schieberegler	div.schieber {width:80px; height:80px; margin-left:-40px;}
.tarifrechner div.schieberegler	ul	{margin:0; padding:0; list-style:none; position:absolute; width:100%; top:4px; font-size:90%}
.tarifrechner div.schieberegler	ul li:hover	{color:#666}
.tarifrechner div.schieberegler	ul li		{position:relative; text-align:center}
.tarifrechner div.schieberegler	{height:30px; margin:10px 5px 45px 5px; position:relative; display:block; position:relative}
.tarifrechner div.schieberegler:before	{background:#ccc; content:""; position:absolute; height:10px; width:100%; left:0px; top:10px; display:block; border-radius:5px}
.tarifrechner div.schieberegler	div.indikator	{background:#f9ed43; height:10px; width:50px; position:absolute; left:0; top:10px; display:inline-block; border-radius:5px; z-index:2}
.tarifrechner div.schieberegler	div.schieber {background:#f9ed43; height:30px; width:18px; z-index:1; position:relative; margin-left:-9px; border-radius:9px; box-shadow:2px 2px 7px rgba(0,0,0,.25)}
.tarifrechner div.schieberegler	ul li	{float:left; text-align:center; padding-top:40px; cursor:pointer}
.tarifrechner div.schieberegler	ul li:before	{content:""; border-left:1px solid #ccc; position:absolute; left:50%; top:0; height:30px}
[modul=teasercolumn]>[slot='0'] {
	display: flex;
	flex-direction: row;
	align-items: center;
	align-content: center;
	align-items: flex-start;
	gap: var(--gap) var(--spacing-Space-10);
	flex-wrap: wrap;
	justify-content: center;
}
[modul=teasercolumn]>[slot='0']>[class^=teaser] {
	box-sizing: border-box;
	display: flex;
	min-width: 20rem; 
	max-width: 30rem;
	width: 50%;
	padding: 0rem var(--spacing-Space-6);
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: var(--spacing-Space-8);
}
[modul=teasercolumn]>[slot='0']:has( > :nth-child(5))>[class^=teaser] {
	flex: 1 0 20rem;
}
[modul=teasercolumn]>[slot='0']>[class^=teaser] > * {
	text-align: center;
}
[modul=teasercolumn] .text {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: var(--spacing-Space-4);
	align-self: stretch;
}
[breakpoint=mobile] [modul=teasercolumn] .text {
	gap: var(--spacing-Space-2);
}
[modul=teasercolumn]>[slot='0']>[class^=teaser] > a {
	margin-right: 0;
	line-height: 0;
}
[modul=teasercolumn]>[slot='0']>[class^=teaser] > div.imageContainer > div.lazyImage,
[modul=teasercolumn]>[slot='0']>[class^=teaser] > .lazyImage,
[modul=teasercolumn]>[slot='0']>[class^=teaser] svg {
	width: 12.5rem;
	aspect-ratio: 1;
	height: auto;
}

[breakpoint='mobile'] [modul=teasercolumn] div.column-3 [class^=teaser] {flex: 1 0 20rem;}
[breakpoint='tablet'] [modul=teasercolumn]>[slot='0'] {flex-direction: column;}
[breakpoint^='desktop'] [modul=teasercolumn] div.column-3 [class^=teaser] {flex: 1 0 20rem;}





div.wiper	{position:relative; overflow:hidden; padding-bottom:20px}
div.wiper:after	{content:""; display:block; clear:both}

div.wiper.noTabs,
div.wiper.labelTabs	{padding-bottom:0px}
div.wiper.noTabs ul.tabs	{display:none}
div.wiper.multibox ul.tabs div.ico	{display:none}

div.wiper ul.tabs	{position:absolute; list-style-type:none; margin:0 auto; padding:0; z-index:2; left:50%; bottom:5px; transform:translate(-50%,-50%)}
div.wiper ul.tabs li	{cursor:pointer; width:15px; height:15px; background:url('/library/images/wiper/page.png') 50% 50% no-repeat;}
div.wiper:not(.labelTabs) ul.tabs	{bottom:-5px;}
div.wiper:not(.labelTabs) ul.tabs li	{float:left; display:inline;} 
div.wiper ul.tabs li:hover	{background-image:url('/library/images/wiper/page_aktiv.png')}
div.wiper ul.tabs li.visible	{background-image:url('/library/images/wiper/page_aktiv.png')}

.desktop div.wiper.labelTabs	{padding-top:40px}
.handheld div.wiper.labelTabs ul.tabs	{display:none}
div.wiper.labelTabs	ul.tabs	{display:flex; left:0; top:0px; transform:translate(0,0); width:100%; background-color:#f2f2f2; overflow:hidden; height:40px}
div.wiper.labelTabs ul.tabs li	{width:100%; height:auto; padding:0; background-image:none!important; position:relative; text-align:center; font-weight:bold;}
div.wiper.labelTabs ul.tabs li:not(:last-child)	{border-right: 2px solid #fff;}
div.wiper.labelTabs ul.tabs li.visible	{background-color:#fff; }


div.wiper.labelTabs ul.tabs li div.ico {vertical-align:middle; margin-right:5px;}
div.wiper.labelTabs ul.tabs li div.ico.noIcon {width: 0; margin: 0;}


div.wiper ul.tabs li:after			{position:absolute; left:0; top:0; width:100%; content:""; z-index:5;}

div.wiper div.wiperContainer	{position:relative; height:100%; width:100%; white-space:nowrap}

div.wiper div.wiperButton {color: #000; background-color: (none); font-family: 'iconset'; width: 19px;height: 20px;border-radius: 20px;position: relative;top: 50%;transform: translate(0,-50%);z-index: 2;cursor: pointer;box-shadow: 0 0 10px rgba(0,0,0,.3);padding: 8px;padding-left: 9px;margin:0 10px;}
div.wiper.min div.wiperButton.left	{display:none}
div.wiper.max div.wiperButton.right	{display:none}
div.wiper.loop.min div.wiperButton.left	{display:block}
div.wiper.loop.max div.wiperButton.right	{display:block}

div.wiperButton.left:before {content: "\e909"; padding-left: 1px;}
div.wiperButton.right:before {content:"\e90a"; padding-left: 3px;}

div.wiper div.page	{float:left; overflow:hidden; position:absolute; height:100%; width:100%; top:0; display:inline-block; background-size: contain; background-repeat: no-repeat; background-position:centerline;opacity:0}
div.wiper div.page.withText	{background-size: cover;}

div.wiper.ready div.page	{opacity:1}
div.wiper div.page div.text	{position:absolute; right:50px; top:50%; transform:translate(0,-50%); width:40%; white-space:normal; padding:15px; background-color:rgba(255,255,255,.75)}
div.wiper div.page div.text.left {left:50px;}
.handheld div.wiper div.page div.text	{right:20%; top:50%; width:calc(60% - 30px);}
div.wiper div.page div.text	p {margin:0}
div.wiper div.page div.text	button {margin:15px 0 0 0}

div.wiper.labelTabs ul.tabs li div.ico.eins, 
div.wiper.labelTabs ul.tabs li div.ico.zwei,
div.wiper.labelTabs ul.tabs li div.ico.drei,
div.wiper.labelTabs ul.tabs li div.ico.vier,
div.wiper.labelTabs ul.tabs li div.ico.kommentarOutline {top: 7px;} 

.desktop div.wiper.multibox	div.wiperContainer		{width:calc(100% - 50px); margin:0 25px}
.desktop div.wiper[data-boxes="2"]	div.page	{width:50%;}
.desktop div.wiper[data-boxes="3"]	div.page	{width:calc(100% / 3);}
.desktop div.wiper[data-boxes="4"]	div.page	{width:calc(100% / 4);}
.desktop div.wiper[data-boxes]	a	{position:absolute; right:15px; bottom:15px; max-width:calc(100% - 30px)}

.desktop div.wiper.multibox	div.page > div.text	{width:calc(100% - 90px); height:calc(100% - 100px); overflow:hidden; padding:5px 15px; right:30px; transform:translate(0,-50%);background-color:rgba(255,255,255,.9); box-shadow:0 0 10px rgba(0,0,0,.8)}
.desktop div.wiper.multibox[data-boxes="4"]	div.page > div.text	{width:calc(100% - 80px);padding:5px 15px; right:25px;}

body.handheld div.wiper.nomobileimg div.page {background-image: none !important; background-color: #dfe8df;}
.yT-Container {aspect-ratio: 16 / 9; display:block; position: relative; display: flex; justify-content: center;}
.yT-Container img	{aspect-ratio: 16 / 9; width:100%}
.yT-Container iframe:not(:first-child)	{display:none}
div.pageoverlay > .container:has(.yT-Container) {
	overflow: visible;
}
div.pageoverlay > .container:not(:has(.header)):has(.yT-Container) div.icon.Close,
div.pageoverlay > .container:not(:has(.header)):has(.yT-Container) div.icon.Close:hover,
div.pageoverlay > .container:not(:has(.header)):has(.yT-Container) div.icon.Close:focus-visible {
	position: absolute; 
	top: auto;
	bottom: -3rem;
	left: 50%;
	right: auto;
	transform: translateY(50%);
	outline: 1px solid var(--border-Secondary);
    outline-offset: 4px;
	color: #fff;
}
.trackingIndikator		{position:relative; clear:both; margin:10px 0; font-size:12px; color:#ccc; width:100%; box-sizing: border-box;}
.trackingIndikator:after	{content:""; position:relative; display:block; clear:both;}

.trackingIndikator li	{float:left; padding:10px 0; width:calc(100% / 3); position:relative; text-align:center; box-sizing: border-box; color:#000; font-size:125%; }
.trackingIndikator li:before	{box-sizing: border-box; display: block; margin: 0 auto 15px auto; border:3px solid #efefef; border-radius:50%; font-weight:normal}
.trackingIndikator li:before	{width:80px; height:80px; font-size:45px; line-height:75px;}
.portrait .trackingIndikator li	{font-size:90%}
.portrait .trackingIndikator li:before	{width:60px; height:60px; font-size:25px; line-height:55px;}


.trackingIndikator li.icon.eingegangen:before	{content:"\e954"}
.trackingIndikator li.icon.bearbeitung:before	{content:"\e970"}
.trackingIndikator li.icon.erledigt:before	{content:"\e91c"}

.trackingIndikator.eingegangen li.icon.eingegangen		{color:#000;}
.trackingIndikator.eingegangen li.icon.eingegangen:before	{background-color:var(--surface-Primary); border-color:var(--surface-Primary)}
.trackingIndikator.bearbeitung li.icon.eingegangen		{color:#000;}
.trackingIndikator.bearbeitung li.icon.eingegangen:before	{background-color:var(--surface-Primary); border-color:var(--surface-Primary)}
.trackingIndikator.bearbeitung li.icon.bearbeitung		{color:#000;}
.trackingIndikator.bearbeitung li.icon.bearbeitung:before	{background-color:var(--surface-Primary); border-color:var(--surface-Primary)}
.trackingIndikator.erledigt li.icon		{color:#000;}
.trackingIndikator.erledigt li.icon:before	{background-color:var(--surface-Primary); border-color:var(--surface-Primary)}
.trackingIndikator:not(.erledigt) .bewertung {display:none}
.trackingIndikator .bewertung {line-height:120%;width:104%}
.trackingIndikator .bewertung .bold {font-weight:bold}
.trackingIndikator .bewertung .normal {font-weight:normal;margin-bottom:10px}
div.pageoverlay div.trust	{max-width:800px; align-items: center; gap:0; padding:var(--stdSpacing)}
div.pageoverlay div.trust > .text	{padding-bottom:var(--stdSpacing)}

[breakpoint=mobile] div.pageoverlay div.trustContent {
	display: flex;
	flex-direction: row;
}




.farbfeld,
.fullback	{position:relative}

.farbfeld:after,
.fullback:after	{content:""; position:absolute; top:0; left:50%; transform:translate(-50%,0); width:100vw; height:100%; background:inherit; z-index:-1}
.pageoverlay .fullback:after,
[modul] .fullback:after	{width:100%}

/* ----------ICONS---------- */

@font-face {
  font-family: 'icons';
  src:
    url('/library/css/fonts/icons.ttf?w26kq4') format('truetype'),
    url('/library/css/fonts/icons.woff?w26kq4') format('woff'),
    url('/library/css/fonts/icons.svg?w26kq4#icons') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

.icon:before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icons' !important;
  font-size: 1.5rem;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
	
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* Icon Sizes */
.icon-size-s:before {font-size: 1.25rem;}
.icon-size-m:before {font-size: 1.5rem;}
.icon-size-l:before {font-size: 2.5rem;}
.icon-size-xl:before {font-size: 4rem;}


/* Default Wert als Fallback */
.icon:before {
  content: "\e934";
}
/* Start reguläres Iconset*/
.icon.Ski:before {
  content: "\e982";
}
.icon.Music:before {
  content: "\e983";
}
.icon.Cup:before {
  content: "\e984";
}
.icon.Carneval:before {
  content: "\e985";
}
.icon.Xing:before {
  content: "\e981";
}
.icon.Accessibility:before {
  content: "\e900";
}
.icon.Accident:before {
  content: "\e901";
}
.icon.Alert:before {
  content: "\e902";
}
.icon.Animal:before {
  content: "\e903";
}
.icon.Arrow_Corner:before {
  content: "\e904";
}
.icon.Arrow_Filled_Left:before {
  content: "\e905";
}
.icon.Arrow_Filled_Right:before {
  content: "\e906";
}
.icon.Arrow_No_Down:before {
  content: "\e907";
}
.icon.Arrow_No_Left:before {
  content: "\e908";
}
.icon.Arrow_No_Right:before {
  content: "\e909";
}
.icon.Arrow_No_Up:before {
  content: "\e90a";
}
.icon.Arrow_Yes_Down:before {
  content: "\e90b";
}
.icon.Arrow_Yes_Left:before {
  content: "\e90c";
}
.icon.Arrow_Yes_Right:before {
  content: "\e90d";
}
.icon.Arrow_Yes_Up:before {
  content: "\e90e";
}
.icon.Attachement:before {
  content: "\e90f";
}
.icon.Attention:before {
  content: "\e910";
}
.icon.Burger:before {
  content: "\e911";
}
.icon.Business:before {
  content: "\e912";
}
.icon.Calculator:before {
  content: "\e913";
}
.icon.Calendar:before {
  content: "\e914";
}
.icon.Callback:before {
  content: "\e915";
}
.icon.Camera:before {
  content: "\e916";
}
.icon.Car:before {
  content: "\e917";
}
.icon.Card:before {
  content: "\e918";
}
.icon.Cash:before {
  content: "\e919";
}
.icon.Chat:before {
  content: "\e91a";
}
.icon.Chat_offline:before {
  content: "\e91b";
}
.icon.Check:before {
  content: "\e91c";
}
.icon.Check_small:before {
  content: "\e91d";
}
.icon.Chevron_No_Down:before {
  content: "\e91e";
}
.icon.Chevron_No_Left:before {
  content: "\e91f";
}
.icon.Chevron_No_Right:before {
  content: "\e920";
}
.icon.Chevron_No_Up:before {
  content: "\e921";
}
.icon.Chevron_Yes_Down:before {
  content: "\e922";
}
.icon.Chevron_Yes_Left:before {
  content: "\e923";
}
.icon.Chevron_Yes_Right:before {
  content: "\e924";
}
.icon.Chevron_Yes_Up:before {
  content: "\e925";
}
.icon.Close:before {
  content: "\e926";
}
.icon.Closed_book:before {
  content: "\e927";
}
.icon.Closed_lock:before {
  content: "\e928";
}
.icon.Consulting:before {
  content: "\e929";
}
.icon.Contact_menu:before {
  content: "\e92a";
}
.icon.Copy:before {
  content: "\e92b";
}
.icon.Delete:before {
  content: "\e92c";
}
.icon.Devices:before {
  content: "\e92d";
}
.icon.Document:before {
  content: "\e92e";
}
.icon.Dot:before {
  content: "\e92f";
}
.icon.DotMenu:before {
  content: "\e930";
}
.icon.DotSmall:before {
  content: "\e931";
}
.icon.Download:before {
  content: "\e932";
}
.icon.Edit:before {
  content: "\e933";
}
.icon.Empty:before {
  content: "\e934";
}
.icon.Facebook:before {
  content: "\e935";
}
.icon.Flight:before {
  content: "\e936";
}
.icon.Glasses:before {
  content: "\e937";
}
.icon.Globe:before {
  content: "\e938";
}
.icon.Hammer:before {
  content: "\e939";
}
.icon.Hand:before {
  content: "\e93a";
}
.icon.Headphones:before {
  content: "\e93b";
}
.icon.Health:before {
  content: "\e93c";
}
.icon.Help:before {
  content: "\e93d";
}
.icon.Hide:before {
  content: "\e93e";
}
.icon.Home:before {
  content: "\e93f";
}
.icon.Home_filled:before {
  content: "\e940";
}
.icon.Idea:before {
  content: "\e941";
}
.icon.Information:before {
  content: "\e942";
}
.icon.Input:before {
  content: "\e943";
}
.icon.Instagram:before {
  content: "\e944";
}
.icon.Job:before {
  content: "\e945";
}
.icon.Justice:before {
  content: "\e946";
}
.icon.Key:before {
  content: "\e947";
}
.icon.Legal_code:before {
  content: "\e948";
}
.icon.Lightning:before {
  content: "\e949";
}
.icon.Link:before {
  content: "\e94a";
}
.icon.LinkedIn:before {
  content: "\e94b";
}
.icon.Location:before {
  content: "\e94c";
}
.icon.Login:before {
  content: "\e94d";
}
.icon.Logout:before {
  content: "\e94e";
}
.icon.Mail:before {
  content: "\e94f";
}
.icon.Map:before {
  content: "\e950";
}
.icon.Microphone:before {
  content: "\e951";
}
.icon.Minus:before {
  content: "\e952";
}
.icon.Mobile:before {
  content: "\e953";
}
.icon.Number_1:before {
  content: "\e97c";
}
.icon.Number_2:before {
  content: "\e97d";
}
.icon.Number_3:before {
  content: "\e97e";
}
.icon.Number_4:before {
  content: "\e97f";
}
.icon.Number_5:before {
  content: "\e980";
}
.icon.Online:before {
  content: "\e954";
}
.icon.Open_book:before {
  content: "\e955";
}
.icon.Open_lock:before {
  content: "\e956";
}
.icon.Paragraph:before {
  content: "\e957";
}
.icon.Parking:before {
  content: "\e958";
}
.icon.People:before {
  content: "\e959";
}
.icon.Person:before {
  content: "\e95a";
}
.icon.Person_circle:before {
  content: "\e95b";
}
.icon.Phone:before {
  content: "\e95c";
}
.icon.Pin:before {
  content: "\e95d";
}
.icon.Pinterest:before {
  content: "\e95e";
}
.icon.Plus:before {
  content: "\e95f";
}
.icon.PlusSmall:before {
  content: "\e960";
}
.icon.Private_legal_protection:before {
  content: "\e961";
}
.icon.Search:before {
  content: "\e962";
}
.icon.Send:before {
  content: "\e963";
}
.icon.Share:before {
  content: "\e964";
}
.icon.Share-1:before {
  content: "\e965";
}
.icon.Show:before {
  content: "\e966";
}
.icon.Sport:before {
  content: "\e967";
}
.icon.Stairs:before {
  content: "\e968";
}
.icon.Star:before {
  content: "\e969";
}
.icon.Star_filled:before {
  content: "\e96a";
}
.icon.Star_half:before {
  content: "\e96b";
}
.icon.Submit_document:before {
  content: "\e96c";
}
.icon.Talk:before {
  content: "\e96d";
}
.icon.Threads:before {
  content: "\e96e";
}
.icon.TikTok:before {
  content: "\e96f";
}
.icon.Time:before {
  content: "\e970";
}
.icon.Umbrella:before {
  content: "\e971";
}
.icon.Upload:before {
  content: "\e972";
}
.icon.Video_pause:before {
  content: "\e973";
}
.icon.Video_pause_filled:before {
  content: "\e974";
}
.icon.Video_play:before {
  content: "\e975";
}
.icon.Video_play_filled:before {
  content: "\e976";
}
.icon.Whatsapp:before {
  content: "\e977";
}
.icon.Wifi:before {
  content: "\e978";
}
.icon.X:before {
  content: "\e979";
}
.icon.Youtube:before {
  content: "\e97a";
}
.icon.Zap:before {
  content: "\e97b";
}


/* ---------- Objects ---------- */

#breadcrumb {display: none; height: 3.5rem;gap: 0.625rem;align-self: stretch;justify-content: flex-start;flex-wrap: wrap;height: 100%;}
#breadcrumb .container {max-width:100%;height: 100%;}
#breadcrumb .container ul {display: flex;list-style: none; padding: 0;margin: 0;max-width: var(--max-container, 80rem);align-items: center;flex: 1 0 0;align-self: stretch;}
#breadcrumb .container ul li  {align-items: center;flex: 0 0 auto;gap: 0.625rem;justify-content: center;text-overflow: ellipsis;}
#breadcrumb .container ul li::after {content: "";display: inline-block; width: 0.25rem;height: 0.25rem;background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4' fill='none'%3E%3Ccircle cx='2' cy='2' r='2' fill='black' fill-opacity='0.16'/%3E%3C/svg%3E");background-size: contain;background-repeat: no-repeat;margin: 0.25rem 1rem;}
#breadcrumb .container ul li:last-child {color: rgba(0, 0, 0, 0.56);overflow: hidden; text-overflow: ellipsis; white-space: nowrap;min-width: 0;}
#breadcrumb .container ul li:last-child::after {content: none;}
#breadcrumb .container ul li:last-child span { display: block; overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
#breadcrumb .container ul li a:hover,
#breadcrumb .container ul li a:focus-visible {text-decoration-line: underline;text-decoration-style: solid;text-decoration-skip-ink: none;text-decoration-thickness: auto;text-underline-offset: auto;text-underline-position: from-font;}

body[breakpoint='mobile'] #breadcrumb {height: var(--spacing-Space-14);padding: 0 var(--spacing-Space-4);justify-content: flex-start;align-items: center;gap: var(--spacing-Space-4);align-self: stretch;}
body[breakpoint='mobile'] #breadcrumb .container {display: flex;max-width: 45.9375rem;align-items: center;gap: 0.75rem;}
body[breakpoint^='desktop'] #breadcrumb {padding: 1rem 5rem;}
body[breakpoint^='desktop'] #breadcrumb .container ul {flex-wrap: wrap;}
body[breakpoint^='desktop'] #breadcrumb .container ul li {white-space: nowrap;}
body[breakpoint^='desktop'] #breadcrumb .container ul li:last-child {flex: 1 1 0;}
body[breakpoint^='tablet'] #breadcrumb {padding: 1rem 3rem;}
body[breakpoint='tablet'] #breadcrumb .container ul {flex-wrap: wrap;}
body[breakpoint='tablet'] #breadcrumb .container ul li:last-child {flex: 1 1 0;}
#page {
  container-type: inline-size;
  container-name : page;
  position:relative;
}
body:not([breakpoint^=desktop]) #page {
	max-width: 100vw;
	overflow-x: clip;
}
@container page (max-width: 767px){
	#page >  *  {
		--bkp-margin: 1rem;
		--bkp-maxWidth: 735px;
		--max-container: 45.9375rem;
		--gap-carousel: 2.5rem;
	}
}
@container page (min-width: 768px) and (max-width: 1023px){

	#page >  *  {
		--bkp-margin: 3rem;
		--bkp-maxWidth: 927px;
		--max-container: 57.9375rem;
		--gap-carousel: 3rem;
	}
}
@container page (min-width: 1024px) and (max-width: 1439px){
	#page >  *  {
		--bkp-margin: 5rem;
		--bkp-maxWidth: 1280px;
		--max-container: 80rem;
		--gap-carousel: 4rem;
	}
}
@container page (min-width: 1440px){
	#page >  *  {
		--bkp-margin: auto;
		--bkp-maxWidth: 1280px;
		--max-container: 80rem;
		--gap-carousel: 4rem;
	}
}

#content {
	max-width: var(--bkp-maxWidth);
	margin: 0 var(--bkp-margin);
}

#content a,
#content button	{scroll-margin-top:calc(var(--pageHeadHeight) * 1.5)}
#foot *:not(p) {display: flex;}
#foot	{ /* Footer */
	display: flex;
	padding: 0 1rem 3rem 1rem;
	flex-direction: column;
	align-items: center;
	max-width: var(--bkp-maxWidth);
}
#foot .wrapper {
	display: flex;
	max-width: var(--max-container);
	flex-direction: column;
	align-items: flex-start;
	gap: 3rem;
	padding: 5rem 0 0 0;
}
#foot .wrapper.subsection {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: var(--spacing-Space-6);
	align-self: stretch;
}
#foot img	{
	width:7rem;
	align-self: flex-start;
}
#foot ul {padding: 0;}
#foot .navigation { /* MainNav Footer */
	flex-direction: column;
	align-items: flex-start;
	align-content: flex-start;
	gap: 3rem;
	align-self: stretch;
	flex-wrap: wrap;
}
#foot .navigation ul	{
	min-width: 12.5rem;
	padding-right: 1.5rem;
	flex-direction: column;
	align-items: flex-start;
	gap: 1.5rem;
	flex: 1 0 12.5rem;
}
#foot .navigation ul:last-child	{
	gap: var(--spacing-Space-2);
}
#foot .subnavigation	{ /* LegalLinks Footer */ 
	flex-direction: column;
	align-items: center;
	gap: var(--spacing-Space-6);
	align-self: stretch;
}
#foot .subnavigation .social {
	height: 2rem;
	align-items: flex-start;
	align-content: flex-start;
	gap: var(--spacing-Space-2) var(--spacing-Space-8);
	flex-wrap: wrap;
}
#foot .footerlinks { /* Links Footer */
	flex-direction: column;
	align-items: center;
	gap: var(--spacing-Space-6, 1.5rem);
	align-self: stretch;
}
#foot .footerlinks .links {
	justify-content: center;
	align-items: flex-start;
	align-content: flex-start;
	gap: var(--spacing-Space-2) var(--spacing-Space-4);
	align-self: stretch;
	flex-wrap: wrap;
}
#foot .footerlinks .links li {
	padding: var(--spacing-Space-1, 0.25rem) 0rem;
	justify-content: center;
	align-items: center;
	gap: var(--spacing-Space-2, 0.5rem);
}
#foot #copyright {    
    height: 2rem;
    align-items: center;
}
/* #foot .line	> * {flex:1} */
#foot .navigation a:not(.icon)	{font-size:var(--font-size-Text2Xl); font-weight:500; line-height: 100%; display:block}
#foot .navigation a.icon	{
	padding: var(--spacing-Space-2) 0;
	justify-content: center;
	align-items: center;
	gap: var(--spacing-Space-2);
}

#foot .navigation a.link	{padding:0; border-bottom:0}
#foot .navigation a.link:after	{display:none}


a.link[href^="/jap/jforms"]:before {
	content: "\e92e"
}

a.link[href^="chat"]:before {
	content: "\e91a"
}

#foot .footer.facts.wrapper {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	align-content: center;
	gap: 5rem var(--spacing-Space-10);
	flex: 1 0 0;
	flex-wrap: wrap;
}
.footer.facts.wrapper > div {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: var(--Spacing-Space-2);
	align-self: stretch;
	text-align: center;
}

@container page (max-width: 767px){
	#foot {
		max-width: 100dvw;
		flex: 1 0 0;
	}
	#foot .wrapper {
		width: 100%;
		max-width: 100dvw;
		flex: 1 1 0;
		align-self: flex-start!important;
	}
	#foot .wrapper.newsletter {
		flex-direction: row;
		flex-wrap: wrap;
	}
	#foot .wrapper.newsletter > * {
		max-width: 100dvw; 
	}
	#foot .navigation {
		max-width: 100%;
		flex-direction: row;
		flex-wrap: wrap;
		flex: 0 1 0;
	}
}
@container page (min-width: 768px) and (max-width: 1023px){
	#foot {
		padding: 0 3rem 3rem 3rem;
	}
	#foot .wrapper {
		max-width: var(--max-container, 57.9375rem);
		align-content: flex-start;
		gap: 3rem 13.3125rem;
		flex-wrap: wrap;
		padding: 7.5rem 0 0 0;
	}
	
	#foot .navigation { /* MainNav Footer */
		flex-direction: row;
		min-width: 30rem;
		max-width: 50rem;
		gap: var(--spacing-Space-12) var(--spacing-Space-20);
		flex: 1 0 0;
	}
	#foot .wrapper.subsection {
		max-width: 50rem;
		align-self: center;
	}
	#foot .subnavigation { /* LegalLinks Footer */ 
		flex-direction: row;
		justify-content: space-between;
		align-items: flex-end;
		align-self: stretch;
	}
	#foot .footerlinks {  /* Links Footer */ 
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: var(--spacing-Space-3);
	}
	#foot .footerlinks .social {
		height: 2rem;
		align-items: flex-start;
		align-content: flex-start;
		gap: var(--spacing-Space-2) var(--spacing-Space-8);
		flex-wrap: wrap;
	}
	#foot .footerlinks .links {
		gap: var(--spacing-Space-8);
		justify-content: flex-start;
	}
	#foot .footerlinks .links li {
		padding: var(--spacing-Space-1, 0.25rem) 0;
		justify-content: center;
		align-items: center;
		gap: var(--spacing-Space-2, 0.5rem);	
	}
	#foot #copyright {    
	    height: 1.8rem;
 	}
 	#foot .footer.facts.wrapper {
		gap: 4rem var(--spacing-Space-10);
		flex-wrap: wrap;
	}
	.footer.facts.wrapper > div {
		gap: var(--Spacing-space-4);
	}
}
@container page (min-width: 1024px){
	#foot {
		padding: 0 5rem 3rem 5rem;
		align-self: stretch;
	}
	#foot .wrapper {
		flex-direction: unset;
		max-width: 80rem;
		justify-content: space-between;
		row-gap: var(--spacing-Space-12);
		align-content: flex-start;
		align-self: stretch;
		flex-wrap: wrap;
		padding: 10rem 0 0 0;
	}
	
	#foot .navigation {
		flex-direction: unset;
		min-width: 25rem;
		max-width: 50rem;
		gap: var(--spacing-Space-12) var(--spacing-space-10, 2.5rem);
		flex: 1 0 0;
	}
	#foot .navigation ul {
		width: 15rem;
	}
	#foot .subnavigation {
		flex-direction: unset;
		width: 100%;
		max-width: var(--max-container, 80rem);
		justify-content: space-between;
		align-items: flex-end;
		align-self: stretch;
	}
	#foot .footerlinks {  /* Links Footer */ 
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: var(--spacing-Space-3);
	}
	#foot .footer.facts.wrapper {
		display: flex;
		flex-direction: row;
		align-items: flex-start;
		align-content: flex-start;
		gap: 5rem var(--spacing-Space-10);
		align-self: stretch;
		flex-wrap: wrap;
		justify-content: center;
	}
	.footer.facts.wrapper > div {
		display: flex;
		min-width: 20rem;
		max-width: 30rem;
		padding: 0rem var(--spacing-Space-6);
		flex-direction: column;
		justify-content: center;
		align-items: center;
		gap: var(--Spacing-space-8);
		flex: 1 0 0;
		align-self: flex-start;
	}
}
@container page (min-width: 1440px){
	#foot .subnavigation {
		max-width: 80rem;
		justify-content: space-between;
		align-items: flex-end;
	}
	
}

body:not(.compressed) #footernavigation	{opacity:0}
#footernavigation	{height:calc(5 * var(--stdSpacing)); bottom:0; transition: all .4s ease-in-out; webkit-transition: all .4s ease-in-out}
#footernavigation > *	{position:absolute; margin:0; left:50%; bottom:var(--stdSpacing); transform:translate(-50%,0); box-shadow:0px 0px 5px rgba(0,0,0,.4); border-radius:var(--doubleStdSpacing)}
#footernavigation ul 	{padding:var(--halfStdSpacing)}
#footernavigation ul > li	{display:inline-block; padding: 0 var(--halfStdSpacing)}
#footernavigation ul > li:not(:first-child)	{border-left:1px solid #000}
#pagehead {
	display: flex;
	height:7.625rem;
	box-sizing: border-box;
	padding: var(--spacing-Space-4) var(--spacing-Space-6);
	align-items: center;
	gap: var(--spacing-Space-10);
	transition: var(--fadeTransition);
	z-index:1;
	top: 0;
	justify-content: center;
	transform: translate3d(0,0,0);
}
#pagehead:has(#mainnav.open),
#pagehead:has(#mainnav > ul > li.active),
#pagehead:has(.navigation .flyoutElement.active) {
	background-color: var(--color-Neutrals-White);
}
.pagehead--content {
	display: flex;
	height: 100%;
	max-width: var(--bkp-maxWidth);
	justify-content: space-between;
	align-items: center;
	flex: 1 0 0;
}
#pagehead[stickyelement]{
	z-index:110;
}
#pagehead.compressed .compressable	{
	height:0!important; 
	opacity:0; 
	transform:scale(1,0); 
	overflow:hidden;
	transition: var(--fadeTransition);
}
#pagehead.compressed:not(:has(#mainnav.open))	{
	height:4rem
}
#pagehead.eyebrowFixed.compressed:not(:has(#mainnav.open))	{
	height:6.5rem
}
#pagehead.compressed:not(:has(#mainnav.open)) #logo	{
	height:3rem
}

body #pagehead:has(#mainnav.open),
body #pagehead::has(#mainnav.open) #logo {
	transition: none;
}
#pagehead #logo	{
	flex-shrink: 0;
	width:5.5rem;
	height:5.5rem;
	position:relative;
	transition: var(--fadeTransition);
}
#pagehead #logo img	{
	width: auto;
	height: 100%;
}
#navigationContainer {
	display: flex;
	padding: var(--spacing-Space-0);
	flex-direction: column;
	align-items: flex-end;
	flex: 1 0 0;
}
.metaNavContainer {
	display: flex;
	padding: var(--spacing-Space-0);
	align-items: flex-end;
	gap: var(--spacing-Space-6);
}
.navigation {
	display: flex;
	padding: var(--spacing-Space-0);
	flex-direction: column;
	align-items: flex-end;
	gap: var(--spacing-Space-6);
	flex: 1 0 0;
}
#pagehead #pageheadTelephone {
	display: flex;
	padding: var(--spacing-Space-0);
	flex-direction: column;
	justify-content: center;
	align-items: flex-end;
}
#pagehead .buttonContainer {
	display: flex;
	padding: var(--spacing-Space-0);
	justify-content: center;
	align-items: center;
	gap: var(--spacing-Space-2);
}
.pageheadBurger {
	display: flex;
	padding: var(--spacing-Space-0);
	justify-content: center;
	align-items: center;
	gap: var(--spacing-Space-2);
}
#pagehead .dividerContainer {
	display: flex;
	padding: 0 0 0 var(--spacing-Space-2);
	justify-content: center;
	align-items: center;
	gap: 8px;
	align-self: stretch;
}
#pagehead .dividerContainer .divider {
	width: 1px;
    background-color: rgba(0, 0, 0, 0.16);
    display: block;
    height: 24px;
}


#navigationContainer > .buttonContainer > .button,
.metaNavContainer .linkContainer  {display: none;}

#pagehead .eyebrow {
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
/* Breakpoints: Achtung: anders als im Grid definiert */
@media (max-width: 1199px) {
	#pagehead:has(#mainnav.open) .eyebrow {
		display: none;
	}
	#pagehead .eyebrow {
		position: absolute;
		top: auto;
	    bottom: 1rem;
	    left: 50%;
	    transform: translate(-50%,0);
	}
	#pagehead.eyebrowFixed:not(:has(#mainnav.open)) .pagehead--content	{
		padding-bottom: 2.5rem;
	}
}
/*  Tablet */
@media (min-width: 560px) {
	#pagehead:not(.compressed) #navigationContainer {gap: var(--spacing-Space-3);}
	#navigationContainer .buttonContainer > .button {display: inline-flex;}
}

/*  Desktop  */
@media (min-width: 1200px) {
	#pagehead {height: 8.375rem;}
	#pagehead.eyebrowFixed.compressed {height:4rem!important}
	#pagehead #logo	{width:6rem; height:6rem;}
	#navigationContainer {
		gap: var(--spacing-Space-6);
	}
	#pagehead.compressed #navigationContainer {
		gap: 0;
	}
	.metaNavContainer .linkContainer  {
		display: flex;
		padding: var(--spacing-Space-0, 0px) var(--spacing-Space-3);
		align-items: center;
		gap: var(--spacing-Space-6);
		align-self: stretch;
	}
	#navigationContainer .pageheadBurger {display: none;}
	.navigation {
		display: flex;
		flex-direction: row;
		padding: var(--spacing-Space-0);
		align-items: flex-start;
		gap: var(--spacing-Space-10);
	}
}

/* ---------- Elements ---------- */ 
 
form button,
.button	{
	position:relative;
	display:inline-flex;
	height: 1.5rem;
	justify-content: center;
	align-items: center;
	min-width: 4rem;
	border-radius:var(--doubleStdSpacing);
	background: var(--surface-Primary);
	color: var(--text-Link);
	padding: calc(var(--spacing-Space-5) + 1px) var(--spacing-Space-8) calc(var(--spacing-Space-5) - 1px);
	white-space:nowrap;
	cursor: pointer;
	font-family: var(--font-family-Primary);
	font-size: var(--font-size-TextBase);
	font-style: normal;
	font-weight: 500;
	line-height: 100%;
	letter-spacing: 0.02rem;
	box-shadow: inset 0px 0px 0px var(--border-width-BorderThin) var(--border-Primary);
	border: none;
	transition: var(--fadeTransition);
}
form button {
	height: 4rem;
}
.button-Secondary,
form button.button-Secondary {
	background: unset;
	box-shadow: inset 0px 0px 0px var(--border-width-BorderThin) var(--border-Secondary);
}
.button-S	{
	padding: calc(var(--spacing-Space-2) + 1px) var(--spacing-Space-4) calc(var(--spacing-Space-2) - 1px);
}
form button:hover,
.button:hover,
form button:focus-visible,
.button:focus-visible	{
	box-shadow: inset 0px 0px 0px var(--border-width-BorderThick) var(--border-Strong);
}
form button:focus-visible,
.button:focus-visible	{
	outline: solid 1px var(--border-Strong);
	outline-offset: 4px;
}
form button[disabled],
.button[disabled]	{
	background: var(--surface-Tertiary);
	color: var(--text-Secondary);
}
form button.button-Secondary[disabled],
.button.button-Secondary[disabled]	{
	background: unset;
	color: var(--text-Tertiary);
}
form button[disabled],
.button[disabled],
form button[disabled]:active,
.button[disabled]:active,
form button[disabled]:hover,
.button[disabled]:hover {
	box-shadow: none;
	cursor: not-allowed;
}
form button.button-Secondary[disabled],
.button.button-Secondary[disabled],
form button.button-Secondary[disabled]:active,
.button.button-Secondary[disabled]:active,
form button.button-Secondary[disabled]:hover,
.button.button-Secondary[disabled]:hover {
	box-shadow: inset 0px 0px 0px var(--border-width-BorderThin) var(--border-Tertiary);
}
form button[disabled]:focus,
.button[disabled]:focus 	{
	outline: none;
}
form button:active,
.button:active,
.button:active:focus	{
	outline: none;
}
form button:active,
.button:active	{
	box-shadow: inset 0px 0px 0px var(--border-width-BorderThin) var(--border-Strong);
}
form button.icon > *:first-child,
.button.icon > *:first-child	{margin-left:var(--stdSpacing)}

.button:has(+ .button),
form button:has(+ button){margin-right: var(--spacing-Space-4)}

input[type=checkbox]	{
	appearance: none; 
	width:1.5rem; 
	height:1.5rem;
	border: var(--border-width-BorderThin) solid var(--border-Secondary);
	transition: all .4s ease-in-out; webkit-transition: all .4s ease-in-out;
	outline: var(--border-width-BorderThin) solid transparent;
	outline-offset: 4px;
	background-position: center;
}

input[type=checkbox]:checked	{
	background-image:url(/library/images/svg/formular/checked.svg);
	background-position: center;
	background-color: var(--surface-Primary)
}

input[type=checkbox]:hover	{
	border: var(--border-width-BorderThick) solid var(--border-Strong);
}

input[type=checkbox]:focus	{
	border: var(--border-width-BorderThick) solid var(--border-Strong);
	outline: var(--border-width-BorderThin) solid var(--border-Strong);
}
#dialog	{background-color:rgba(0,0,0,.56)}
#dialog	.content > *:first-child:not([class])	{padding:2rem; background-color:var(--canvas-Primary)}
#dialog .buttonbar	{text-align:right; margin-top:1rem}

.illustration	{overflow: hidden; display: flex;align-items: center; aspect-ratio: 1/1}
.illustration > svg	{width:100%; height:auto}

svg rect:first-child	{
	display:none;
}

.surface-Primary svg [fill="#FFF100"] {
	fill:var(--color-Brand-Blush);
}
.roundcorner {border-radius: 100%;}
div:has(> img:only-child){line-height: 0;}
input[type=password],
input[type=text],
input[type=email] {
	appearance: none;
	box-sizing: border-box;
	height: 4rem;
	padding: 1.6875rem var(--spacing-Space-8) 0rem var(--spacing-Space-8);
	border-radius: 2rem;
	border: var(--border-width-BorderThin) solid var(--border-Secondary);
	font-family: var(--font-family-Primary);
	font-size: var(--font-size-TextBase);
	font-style: normal;
	font-weight: 400;
	line-height: 1.5rem;
	letter-spacing: 0.02rem;
	background: transparent;
	text-overflow: ellipsis;
	width:100%
}

input[type=password]:hover,
input[type=text]:hover,
input[type=email]:hover {
	border: var(--border-width-BorderThin) solid var(--border-Strong, #000);
}
.link{}
.quiete{}
.Size-S {}
a:has(+ a){margin-right: var(--spacing-Space-4)}
p.textblock a:has(+ a) {margin-right: 0;}
body[breakpoint='mobile'] a:has(+ a) {margin-right: 0;}

a {
	text-decoration: none;
	cursor: pointer;
}
a.inline {
	font-family: var(--font-family-Secondary);
	font-size: var(--font-size-TextBase, 1rem);
	font-style: normal;
	font-weight: 500;
	line-height: 150%;
} 

a.text {
	text-decoration: underline;
	font-weight: 500;
}

p.textblock.copy-M a.text {
	text-decoration: underline;
	font-weight: 400;
}

a.link {
	display: inline-flex;
	padding: calc(var(--spacing-Space-5) + 1px) var(--spacing-Space-0) calc(var(--spacing-Space-5) - 2px);
	justify-content: center;
	align-items: center;
	gap: var(--spacing-Space-3);
	white-space: nowrap;
	font-size: var(--font-size-TextBase);
	font-weight: 500;
	line-height: 100%;
	letter-spacing: 0.02rem;
}
a.link:before, a.link:after {
	display: inline-block;
	font-family: icons;
	font-size: 1.5rem;
	width: 1.5rem;
	height: 1.5rem;
	line-height: 1.5rem;
	overflow: hidden;
	text-align: center;
}
a.link[href*=".pdf"]:before {
	content: "\e92e";
}
a.link.download:before {
	content: "\e907";
}
a.link.search:before {
	content: "\e909";
}
a.link.search {
	text-decoration: none;
}
a.link.search:after {
	display: none;
}
a.link[href^="tel:"]:before {
	content: "\e953";
}
a.link[href^="tel:"]:after {
	display: none;
}
a.link[href^="/"]:not(.download, .icon, .search, [href*=".pdf"]):before  {
	content: "";
	display: none;
}
a.link[href^="https://"]:not(.icon):before {
	content: "\e94a";
}
a.link[href^="#"]:not(.icon):before {
	content: "\e922";
}
div.authorlinks a.link[href^="mailto:"]:not(.icon):before {
	content: "\e94f";
}
a.link:not(.download):after {
	content: "\e909";
	font-weight: normal;
	font-size: 1.5rem;
}
a.link:not(.quiete):not(.download):not(.search) {
	border-bottom: 1px solid var(--border-Secondary);
}
a.link:not(.quiete):not(.download):not(.search):hover {
	border-color: var(--border-Strong);
	border-bottom: 2px solid var(--border-Strong);
	padding: calc(var(--spacing-Space-5) + 1px) var(--spacing-Space-0) calc(var(--spacing-Space-5) - 3px);
}
a.link.Size-S {
	padding: calc(var(--spacing-Space-2) + 1px) var(--spacing-Space-0) calc(var(--spacing-Space-2) - 2px);
	gap: var(--spacing-Space-2);
}
a.link.Size-S:not(.quiete):not(.download):hover {
	padding: calc(var(--spacing-Space-2) + 1px) var(--spacing-Space-0) calc(var(--spacing-Space-2) - 3px);
}
a.link.Size-XS {
	padding: calc(var(--spacing-Space-1) + 1px) var(--spacing-Space-0) calc(var(--spacing-Space-1) - 2px);
	font-size:  var(--font-size-TextXs);
	gap: var(--spacing-Space-2);
	letter-spacing: 0.015rem;
}
a.link.Size-XS:not(.quiete):not(.download):hover {
	padding: calc(var(--spacing-Space-1) + 1px) var(--spacing-Space-0) calc(var(--spacing-Space-1) - 3px);
}
a.link.Size-XS:before, a.link.Size-XS:after {
	font-size: 1.25rem;
	width: 1.25rem;
	height: 1.25rem;
	line-height: 1.25rem;
}
a.link.animated:after {
	content: "";
	display: none;
}
a.link.animated span.animation {
	width: 24px;
	height: 24px;
	line-height: 24px;
	overflow: hidden;
	position: relative;
}
a.link.animated span.animation span{
	position: absolute;
	left: -2.25rem;
	top: -0;
	height: 24px;
	line-height: 24px;
	}
a.link.animated:hover span.animation span{
	transform: translateX(2.26rem);
 	transition: transform 330ms ease-in-out;
}
a.link span.animation span:before {
	display: inline-block;
	width: 24px;
	height: 24px;
	line-height: 24px;
	font-family: "icons";
	font-size: 1.5rem;
	font-weight: normal;
	content: "\e909   \e909"
}
a.link.animated.Size-XS span.animation {
	width: 20px;
	height: 20px;
	line-height: 20px;
}
a.link.animated.Size-XS span.animation span{
	left: -1.9rem;
	top: -1px;
	height: 20px;
	line-height: 20px;
}
a.link.animated.Size-XS:hover span.animation span{
	transform: translateX(1.89rem);
 	transition: transform 330ms ease-in-out;
}
a.link.Size-XS span.animation span:before {
	font-size: 1.25rem;
	width: 20px;
	height: 20px;
	line-height: 20px;
}
a:focus-visible {
	outline: var(--border-width-BorderThin) solid var(--border-Strong);
	outline-offset: 0.125rem;
}

.pageoverlay	{background-color:rgba(0,0,0,.56)}

div.pageoverlay > .container:not(:has(.header)) div.icon.Close,
div.pageoverlay > .container:not(:has(.header)) div.icon.Close:focus-visible {
	position: absolute;
	top:1rem;
	right:1.1875rem;
	font-size: 1.5rem;
	padding: 0;
	color: #000;
	cursor:pointer;
	z-index:1;
	margin-bottom: 0!important;
	justify-content: center;	
}

input[type=radio]	{
	appearance: none; 
	width:1.5rem; 
	height:1.5rem;
	border-radius:50%;
	border: var(--border-width-BorderThin) solid var(--border-Secondary);
	transition: all .4s ease-in-out; webkit-transition: all .4s ease-in-out;
	outline: var(--border-width-BorderThin) solid transparent;
	outline-offset: calc(2 * var(--border-width-BorderThin));
	background-position: center;
}

input[type=radio]:checked	{
	background-image:url(/library/images/svg/formular/radio.svg);
	background-color: var(--surface-Primary)
}

input[type=radio]:hover	{
	border: var(--border-width-BorderThick) solid var(--border-Strong);
}

input[type=radio]:focus	{
	border: var(--border-width-BorderThick) solid var(--border-Strong);
	outline: var(--border-width-BorderThin) solid var(--border-Strong);
}
.form-field > select {
	appearance: none;
	box-sizing: border-box;
	height: 4rem;
	padding: 1.6875rem 3.25rem 0rem var(--spacing-Space-8);
	border-radius: 2rem;
	border: var(--border-width-BorderThin) solid var(--border-Secondary);
	font-family: var(--font-family-Primary);
	font-size: var(--font-size-TextBase);
	font-style: normal;
	font-weight: 400;
	line-height: 1.5rem;
	letter-spacing: 0.02rem;
	background: transparent;
	text-overflow: ellipsis;
	background: url(/library/images/svg/formular/Chevron_No_Down.svg) no-repeat calc(100% - 1.25rem) center;
	z-index: 1;
	width:100%
}
.form-field > select:hover {
	border: var(--border-width-BorderThin) solid var(--border-Strong, #000);
}
.form-field > select > option {
	overflow: hidden;
	color: var(--text-Primary);
	text-overflow: ellipsis;
}

.spinner {
	position: relative;
}
.spinner:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(50%,-50%);
	width:20px;
	height: 20px;
}
.spinner:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(50%,-50%);
	width:20px;
	height: 20px;
	border: 2px solid black;
	border-radius: 50%;
	mask-image: conic-gradient(transparent 10%, black);
	animation: rotate 1200ms linear infinite;
}
@keyframes rotate {
	from {
  		transform: rotate(0deg);
  	}
	to {
		transform: rotate(360deg);
	}
}
textarea {
	appearance: none;
	box-sizing: border-box;
	height: 12rem;
	padding: 1.6875rem 3.25rem 0rem var(--spacing-Space-8);
	border-radius: 2rem;
	border: var(--border-width-BorderThin) solid var(--border-Secondary);
	font-family: var(--font-family-Primary);
	font-size: var(--font-size-TextBase);
	font-style: normal;
	font-weight: 400;
	line-height: 1.5rem;
	letter-spacing: 0.02rem;
	background: transparent;
	text-overflow: ellipsis;
	width:100%;
	display:block;
}

textarea:hover {
	border: var(--border-width-BorderThin) solid var(--border-Strong, #000);
}
.textType-base {font-family:var(--font-family-Primary); font-style:normal; font-weight:400}

/* headline */
H1,
H2,
H3,
H4,
h5,
h6,
.headline,
.ueberschrift,
.textType-headline {font-family:var(--font-family-Primary); font-size: var(--font-size-TextBase); font-style: normal; font-weight:500; line-height: 140%; letter-spacing: 0.02rem; margin: 0; padding: 0;}


.textSize-XLMax {font-size: 7.5rem; line-height: 90%; letter-spacing: -0.15rem;}

.textSize-XLMin {font-size: 4.5rem; line-height: 90%; letter-spacing: -0.09rem;}

.textSize-LMax {font-size: 4.5rem; line-height: 100%; letter-spacing: -0.045rem;}

.textSize-LMin {font-size: 3.5rem; line-height: 100%; letter-spacing: -0.035rem;}

.textSize-2XL {font-size: 2rem; line-height: 100%; letter-spacing: 0.02rem;}

.textSize-XL {font-size: 3rem; line-height: 120%; letter-spacing: 0.03rem;}

.textSize-L {font-size: 2rem; line-height: 120%; letter-spacing: 0.02rem;}

.textSize-M {font-size: 1.375rem; font-weight: 300; line-height: 145%; letter-spacing: 0.0275rem;}

.textSize-Base {font-size: 1rem; line-height: 150%; letter-spacing: 0.02rem;}

.textSize-S {font-size: 1rem ;line-height: 130%; letter-spacing: 0.015rem;}

.textSize-XS {font-size: .75rem ;line-height: 130%;letter-spacing: 0.015rem;}

.copy-S {line-height: 150%; letter-spacing: 0.02rem;}


/* FIGMA Angaben*/

[class*="headline-"] {
	font-style: normal;
	hyphens: auto;
	hyphenate-limit-chars: 12 4 5;
	word-break: break-word;
	overflow-wrap: break-word;
	min-width: 0;
	max-width: 100%;
	-webkit-hyphens: auto;
	-webkit-line-break: after-white-space;
	line-break: after-white-space;	
}

.headline-2XLMax {
	font-family: var(--font-family-Primary);
	font-size: var(--font-size-Text7Xl);
	font-weight: 500;
	font-stretch: condensed;
	line-height: 90%;
	letter-spacing: -0.15rem;
}
.headline-2XLMin {
	font-family: var(--font-family-Primary);
	font-size: var(--font-size-Text6Xl);
	font-weight: 500;
	font-stretch: condensed;
	line-height: 90%;
	letter-spacing: -0.09rem;
}
.headline-XLMax {
	font-family: var(--font-family-Primary);
	font-size: var(--font-size-Text6Xl);
	font-weight: 500;
	font-stretch: condensed;
	line-height: 100%;
	letter-spacing: -0.045rem;
}
.headline-XLMin {
	font-family: var(--font-family-Primary);
	font-size: var(--font-size-Text5Xl);
	font-weight: 500;
	font-stretch: condensed;
	line-height: 100%;
	letter-spacing: -0.035rem;
}
.headline-LMax {
	font-family: var(--font-family-Primary);
	font-size: var(--font-size-Text5Xl);
	font-weight: 500;
	font-stretch: condensed;
	line-height: 112%;
	letter-spacing: -0.035rem;
}
.headline-LMin {
	font-family: var(--font-family-Primary);
	font-size: var(--font-size-Text3Xl);
	font-weight: 500;
	font-stretch: condensed;
	line-height: 112%;
	letter-spacing: 0;
}
.headline-MMax {
	font-family: var(--font-family-Primary);
	font-size: var(--font-size-Text2Xl);
	font-weight: 500;
	font-stretch: condensed;
	line-height: 100%;
	letter-spacing: 0;
}
.headline-MMin {
	font-family: var(--font-family-Primary);
	font-size: var(--font-size-TextXl);
	font-weight: 500;
	font-stretch: condensed;
	line-height: 115%;
	letter-spacing: 0;
}
.headline-Default {
	font-family: var(--font-family-Primary);
	font-size: var(--font-size-TextBase);
	font-style: normal;
	font-weight: 500;
	font-stretch: condensed;
	line-height: 140%;
	letter-spacing: 0.02rem;
}
.copy-L {
	font-family: var(--font-family-Primary);
	font-size: var(--font-size-TextXl);
	font-weight: 300;
	
	line-height: 120%;
}
.copy-M {
	font-family: var(--font-family-Primary);
	font-size: var(--font-size-TextLg);
	font-weight: 300;
	line-height: 145%;
	letter-spacing: 0.0275rem;
}
.copy-Default {
	font-family: var(--font-family-Primary);
	font-size: var(--font-size-TextBase);
	font-weight: 400;
	line-height: 150%;
 	letter-spacing: 0.02rem;
}
.copy-Strong {
	font-family: var(--font-family-Primary);
	font-size: var(--font-size-TextBase);
	font-style: normal;
	font-weight: 500;
	line-height: 150%;
 	letter-spacing: 0.02rem;
}
.copy-XS {
	font-family: var(--font-family-Primary);
	font-size: var(--font-size-TextXs);
	font-style: normal;
	font-weight: 400;
	line-height: 150%;
 	letter-spacing: 0.015rem;
}
/* decorative */
[class*='headline'] i {
	font-family: var(--font-family-Secondary);
	font-weight: 400;
	font-style: normal;
}
.decorative-Default,
.textType-decorative {
	font-family: var(--font-family-Secondary);
	font-weight: 400;
	line-height: 100%;
	letter-spacing: 0.02rem;
}
.decorative-M {
	font-family: var(--font-family-Secondary);
	font-size: var(--font-size-Text2Xl);
	font-weight: 400;
	line-height: 120%;
	letter-spacing: 0.02rem;
}
.decorative-L {
	font-family: var(--font-family-Secondary);
	font-size: var(--font-size-Text4Xl);
	font-weight: 400;
	line-height: 120%;
	letter-spacing: 0.03rem;
}
.link-Default {
	font-family: var(--font-family-Primary);
	font-size: var(--font-size-TextBase);
	font-style: normal;
	font-weight: 500;
	line-height: 100%;
	letter-spacing: 0.02rem;
}
.link-XS {
	font-family: var(--font-family-Primary);
	font-size: var(--font-size-TextXs);
	font-style: normal;
	font-weight: 500;
	line-height: 130%;
	letter-spacing: 0.015rem;
}
strong, b  {font-weight: 500;}


/* ---------- Flexs ---------- */

.image-badge {position:relative;}
.badge {position: absolute; background: var(--color-Neutrals-White); z-index: 2; left: 1rem; top: 1rem; display: flex; padding: var(--spacing-Space-2) var(--spacing-Space-3); align-items: flex-start; gap: var(--spacing-Space-2);	}
[modul^="stage"]+div.benefits {
	box-sizing: border-box;
	display: flex;
	width: 100%;
	text-align: center;
	padding: var(--spacing-Space-5) 0;
	justify-content: space-between;
	align-items: center;
	max-width: 80rem;
	flex: 1 0 0;
}

[modul^="stage"]+div.benefits [onclick] {
    cursor: pointer;
}

[modul^="stage"]+div.benefits div.info:before {
	font-size: 1.25rem !important;
}

[modul^="stage"]+div.benefits p.price>span {
	margin-left: var(--spacing-Space-2);
}

[modul^="stage"]+div.benefits .benefitsPrice {
	display: flex;
	align-items: center;
	gap: var(--spacing-Space-2);
}
[modul^="stage"]+div.benefits div.info {
	line-height: 1.4rem !important;
}

[modul^="stage"]+div.benefits .icon:before {
	margin-right: var(--spacing-Space-3);
	font-size: 1.25rem;
	vertical-align: bottom;
}

[modul^="stage"] div.benefits div.info:before {
	font-size: 1.25rem;
}

[modul^="stage"] div.benefits.mobile .benefitsPrice {
	display: flex;
	align-items: center;
	gap: var(--spacing-Space-2);
	justify-content: center;
}

[modul^="stage"] div.benefits.mobile .benefitsPrice p.price>span {
	margin-left: var(--spacing-Space-2);
}

[modul^="stage"]+div.benefits .divider {
	display: none;
}

body[breakpoint^='desktop'] [modul^="stage"]+div.benefits .divider {
	display: flex;
	height: 32px;
	padding: 0 8px;
	justify-content: center;
	align-items: center;
}

body[breakpoint^='desktop'] [modul^="stage"]+div.benefits .divider:after {
	content: "";
	width: 1px;
	height: 2rem;
	background-color: var(--fg-Tertiary);
}

body[breakpoint^='desktop'] [modul^="stage"]+div.benefits {
	position: sticky;
	bottom: 0;
}

body[breakpoint^='desktop'] [modul^="stage"]+div.benefits {
	padding: var(--spacing-Space-5) 0 !important;
}

body[breakpoint='tablet'] [modul^="stage"]+div.benefits {
	justify-content: center;
	align-items: center;
	align-content: center;
	gap: var(--spacing-Space-6);
	padding: var(--spacing-Space-10) 0 !important;
}

body[breakpoint='mobile'] [modul^="stage"]+div.benefits {
	justify-content: center;
	align-items: center;
	align-content: center;
	gap: var(--spacing-Space-5) var(--spacing-Space-6);
	align-self: stretch;
	flex-wrap: wrap;
	padding: var(--spacing-Space-10) var(--spacing-Space-6) !important;
}
.buttonCircle,
[class*='buttonCircle'] {
	width: 4rem;
	height: 4rem;
	border-radius: 4rem;
	padding: 0;
	align-items: center;
    justify-content: center;
    min-width: unset;
}
.buttonCircle-S {
	width: 2.5rem;
	height: 2.5rem;
}
[class*='buttonCircle']:before {
	display: flex;
    align-items: center;
    justify-content: center;
	width: 1.5rem;
	height: 1.5rem;
}
[class*='buttonCircle'].iconOnly {
	box-shadow: none;
}

[class*='buttonCircle'].iconOnly:not([disabled]):focus-visible {
	background: var(--surface-Tertiary)!important;
}
[class*='buttonCircle'][disabled].button {
	color: var(--text-Tertiary);
	box-shadow: none ;
}
[class*='buttonCircle'][disabled].button-Secondary:not(.iconOnly) {
	box-shadow: 0px 0px 0px var(--border-width-BorderThin) var(--border-Tertiary);
}
[class*='buttonCircle'].button.button-Secondary.iconOnly[disabled] {box-shadow: none;}
[class*='buttonCircle'][disabled]:before {
	color: var(--text-Tertiary);
}
@media (hover: hover) {
   	[class*='buttonCircle'].iconOnly:not([disabled]):hover {
		background: var(--surface-Tertiary)!important;
	}
}
.buttonGroup {
	display: inline-flex;
	align-items: flex-start;
	gap: var(--spacing-Space-6);
	justify-content: inherit;
	flex-wrap: wrap;
	width: 100%;
}
.buttonGroup > * {
	margin-right: 0!important;
}
.buttonGroup > .form-field {
	flex:1;
}
.buttonGroupVertical {
	flex-direction: column;
	align-items: center;
	align-self: stretch;
	gap: var(--spacing-Space-2);
}
.buttonGroupVertical .button,
.buttonGroupVertical button {
	 align-self: stretch;
}
[breakpoint^=desktop] .buttonGroup:has(> .form-field) {flex-wrap: unset;}
[class*='circleBadge'] {
	display: inline-flex;
	--fontSize : 1.75rem
}
[class*='circleBadge']:before {
	text-align:center;
	border-radius: 50%;
	aspect-ratio:1;
	font-size: var(--fontSize);
	line-height: calc(2 * var(--fontSize));
	height: calc(2 * var(--fontSize));
	background-color: var(--surface-Secondary);
	transition: var(--fastTransition);
	width: 5rem;
	height: 5rem;
	line-height: 5rem;
}
[class*='circleBadge']:hover:before{
	background-color: var(--surface-Accent);
}

/* XS ist nicht vorgesehen, deckt den Sonderfall bei Hint ab */ 
.circleBadge-XS {--fontSize : 1.5rem;}
.circleBadge-XS:before {width: 3.5rem; height: 3.5rem; line-height: 3.5rem;}
.circleBadge-S {--fontSize : 2.5rem;}
.circleBadge-M {--fontSize : 2.5rem;}
.circleBadge-M:before {width: 6rem;	height: 6rem; line-height: 6rem;}
.circleBadge-L {--fontSize : 4rem;}
.circleBadge-L:before {width: 10rem; height: 10rem; line-height: 10rem;}

div.download                   {font-weight: bold; }
div.download div.button	       {background-color: transparent; font-weight:bold; border: none;padding: 1px 5px 1px 23px;}
div.download div.button:hover  {background:transparent;}
div.download div.button:before {content: '\e901'; left: 6px;}

div.download span	 {padding:0 3px}
div.download a       {border-bottom: 3px solid (none); padding-bottom: 3px;}
div.download a:hover {border-bottom: 3px solid (none); }

.heroLink, a[class*='heroLink']{
    display: inline-flex;
	padding:0;
	margin: 0;
	flex-direction: column;
	align-items: center;
	gap: var(--spacing-Space-6);
	text-align: center;
}

a[class*='heroLink'] > p	{
	display: flex;
	align-items: center;
	align-self: center; 
}
a[class*='heroLink']:hover > p {
	text-decoration-line: underline;
}

.rowheroLink, a[class*='heroLink'].rowheroLink {
	display: flex;
	flex-direction: row;
	padding: 0;
	align-items: center;
	gap: var(--spacing-Space-6);
	flex: 1 0 0;
}
a.rowheroLink {
	gap: var(--spacing-Space-10);
}
.heroLink-L.rowheroLink {
	gap: var(--spacing-Space-10);
}
a[class*='heroLink'].rowheroLink > p {
	display: flex;
	height: 4.25rem;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	flex: 1 0 0;	
}
.heroLink-M, .heroLink-L {}
a.heroLink-M.rowheroLink:after, a.heroLink-L.rowheroLink:after {
	content:"\e924";
	font-family: 'icons';
	font-size: 1.5rem;
}
.heroLink-S {}
.heroLink-S p {
	font-family: var(--font-family-Primary);
	font-size: var(--font-size-TextBase);
	font-style: normal;
	font-weight: 500;
	line-height: 140%;
	letter-spacing: 0.02rem;
}
body[breakpoint='tablet'] [class*='heroLink-']:not(.rowheroLink),
body[breakpoint^='desktop'] [class*='heroLink-']:not(.rowheroLink) {
	gap: var(--spacing-Space-10);
}
body[breakpoint='tablet'] a[class*='heroLink'].rowheroLink {
	flex: 1 0 100%;
}
body[breakpoint='mobile'] [modul="teasericon grid"] .heroLink, a[class*='heroLink'] {
	flex: 1 0 calc(50% - 1.5rem);	
}

body[breakpoint*="desktop"] a[class*='heroLink'].rowheroLink {min-width: 22.5rem;}
body[breakpoint="tablet"] a[class*='heroLink'].rowheroLink {min-width: 20rem;}
@media screen and (min-width: 478px) { 
	body[breakpoint="mobile"] a[class*='heroLink'].rowheroLink {min-width: 20rem;}
}
@media screen and (min-width: 752px) { 
	body[breakpoint="mobile"] a[class*='heroLink'].rowheroLink {min-width: 22.5rem;}
}

[modul="teasericon list"] .heroLink, a[class*='heroLink'] {text-align: left;}
[modul="teasericon grid"] .heroLink, a[class*='heroLink'] {text-align: center;}

.hint {
	display: flex;
	max-width: 50rem;
	padding: var(--spacing-Space-8);
	align-items: flex-start;
	gap: var(--spacing-Space-8);
	align-self: stretch;
	border-left: var(--border-width-BorderThick) solid var(--border-Info);
	background: var(--canvas-Tertiary);
}
[breakpoint=mobile] .hint {
	max-width: var(--max-container);
	flex-direction: column;
	padding: var(--spacing-Space-6);
	gap: var(--spacing-Space-6);
}

.hint>[class*='circleBadge']:before {
	background-color: var(--text-Info);
	color: #fff;
}
.hint>.text {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 1rem;
	flex: 1 0 0;
}
[modul=slots] div.bildfeld > img	{width:100%}
[modul=slots] div.stoerer	{text-align:center}

[modul=slots] .stoerer .icon {
    background-color: var(--color-Brand-Blush);
    padding: 1.5rem;
    border-radius: 100px;
    display: inline-block;
}
[modul=slots] .stoerer .icon:before	{font-size:300%; line-height:100%}
div.klappliste {
	border-bottom: 1px solid var(--border-Accent);
	transition: box-shadow 0.4s ease;
}

div.klappliste.open {
	border-bottom: 1px solid var(--border-Strong);
}
div.klappliste:hover, div.klappliste.open:hover {
	border-color: var(--border-Strong);
	box-shadow: 0 1px 0 0 var(--border-Strong);
}
/* div.klappliste>div.content>:first-child:not(.videoTeaser) {
	padding-top: var(--spacing-Space-6);
} */
div.klappliste.open>div.content {
	margin: 0 0 var(--spacing-Space-6) 0;
}
div.klappliste.open>div.content > * {margin-bottom: var(--spacing-Space-6);}

div.klappliste>div.head {
	display: flex;
	align-items: center;
	align-self: stretch;
	position: relative;
	padding: var(--spacing-Space-6) 0;
}
div.klappliste>div.head>* {
	margin: 0;
	width: calc(100% + var(--spacing-Space-2));
}
div.klappliste>div.head button:after {
	position: absolute;
	font-family: 'icons' !important;
	right: var(--spacing-Space-4);
	top: 50%;
	transform: translateY(-50%) rotate(0deg);
	transition: var(--fastTransition);
	content: "\e922";
	width: 1.5rem;
	height: 1.5rem;
	font-size: 1.5rem;
	line-height: 1.5rem;
}
div.klappliste.open>div.head button:after {
	transform: translateY(-50%) rotate(-180deg);
}
div.klappliste div.head button {
	text-align: left;
	background: none;
	color: var(--text-Primary);
	border: none;
	width: calc(100% + var(--spacing-Space-4));
	padding: var(--spacing-Space-2) 3.5rem var(--spacing-Space-2) var(--spacing-Space-2);
	box-sizing: border-box;
	margin-left: -0.5rem;
	cursor: pointer;
}
div.klappliste div.head button:focus-visible {
	outline: var(--border-width-BorderThin) solid var(--border-Strong);
	border-radius: var(--border-radius-RoundedFull);
}

ul, ul.aufzaehlung {
	list-style-type: none;
	padding-left: 1rem;
}
ol {
	padding-inline-start: var(--spacing-Space-5);
	margin: 0;
}
.aufzaehlung:not([class*=list-]) {letter-spacing: 0.02rem;}
.list-M {}
.list-L {}
ol li::marker {
	font-family: var(--font-family-Primary);
	font-size: var(--font-size-TextBase, 1rem);
	font-style: normal;
	font-weight: 400; 
	font-variant: initial;
	letter-spacing: 0.02rem;
}
ol.list-M li::marker {
	font-family: var(--font-family-Primary, "GT Walsheim ARAG");
	font-size: var(--font-size-TextBase, 1rem);
	font-style: normal; 
	font-weight: 300;
	letter-spacing: 0.0275rem;
}
.aufzaehlung li {
	padding-bottom: var(--spacing-Space-2);
	padding-left: var(--spacing-Space-3);
}
.aufzaehlung .icon:before {
	content: "";
}
.aufzaehlung.list-M li {
	padding-bottom: var(--spacing-Space-4);
	padding-left: 0.9rem;
}
.aufzaehlung.list-L li {
	padding-bottom: 1.4rem;
	padding-left: 0.9rem;
}
.aufzaehlung li:last-child {
	padding-bottom: 0;
}
ol li {
	padding-left: var(--spacing-Space-3);
	padding-bottom: var(--spacing-Space-3);
}
ol li:last-child {
	padding-bottom: 0;
}
ol.list-M li {
	padding-left: calc(0.22rem + var(--spacing-Space-3));
	padding-bottom: var(--spacing-Space-4);
}
ol.list-L li {
	padding-left: calc(0.5rem + var(--spacing-Space-3));
	padding-bottom: var(--spacing-Space-6);
}
ul.aufzaehlung li::marker {
	font-family: 'icons' !important;
	content: "\e92f";
	font-size: 1.25rem;
	padding-right: var(--spacing-Space-2);
}
ul.aufzaehlung.list-M li::marker {
	font-size: 1.1rem;
	padding-right: var(--spacing-Space-4);
}
ul.aufzaehlung.list-L li::marker{
	font-size: 1.55rem;
	padding-right: var(--spacing-Space-3);
}
ul.aufzaehlung.plus li::marker {
	content: "\e95f";
}
ul.aufzaehlung.checklist li::marker {
	content: "\e91c";
}
@supports (-webkit-hyphens: auto) {
	ol {
		padding-inline-start: 1.5rem;
	}
	ol li {
		padding-left: 0.3rem;
	}
    ul.aufzaehlung.plus {
		list-style-type: "\e95f";
	}
	ul.aufzaehlung.checklist  {
		list-style-type: "\e91c";
    }
    ul.aufzaehlung  {
		list-style-type: "\e92f";
    }
}
[modul=slots] a.text	{padding:0!important; border-bottom-width:0px!important; margin-right:0}
[modul=slots] a.text:after,
[modul=slots] a.text:before {
    display:none
}

[modul=slots] [class='icon ']:before {
    content: "\e93a";
}

[modul=slots] [class^='teaser']	{display:flex; flex-wrap: wrap; gap:2.5rem; align-items: flex-start; position:relative}
[modul=slots] [class^='teaser'] > :first-child	{flex:1}
[modul=slots] [class^='teaser'] > :last-child		{flex:3}

[modul=slots] [class^='teaser'] *	{margin-bottom:var(--stdContentMargin)}
[modul=slots] [class^='teaser'] :first-child	{margin-top:0}
[modul=slots] [class^='teaser'] :last-child	{margin-bottom:0}
[modul=slots] [class^='teaser'] .text > *:empty	{display:none}
[modul=slots] [class^='teaser'] .text > a:empty	{display:block; position:absolute; left:0; top:0; width:100%; height:100%}
[modul=slots] [class^='teaser']:has(a:empty:hover)	{background-color:var(--color-Brand-Blush);}

[modul=slots] [class^='teaser']:has(+ [class^='teaser'])	{margin-bottom:var(--gap)}

[modul=slots] .teaserIcon	{display:flex; flex-wrap: wrap; gap:var(--slotSpacing); align-items: center}
[modul=slots] .teaserIcon > .icon	{
    aspect-ratio: 1;
    flex: unset!important;
    background-color: var(--color-Brand-Blush);
    padding: 1.5rem;
    border-radius: 100px;
    display: inline-block;
    height: 6rem;
    box-sizing: border-box;
    margin-bottom:0px
}

.canvas-Secondary [modul=slots] .teaserIcon > .icon	{
    background-color: var(--color-Brand-Yellow);
}

[modul=slots] .teaserIcon > .icon:before	{
	font-size: 3rem;
    line-height: 100%;
}

#content [modul=slots] *:has( > [class^='teaser'])	{
  container-type: inline-size;
  container-name: teaserContainer;
  position:relative;
}


@container teaserContainer (width > 500px) and (width < 1200px){
	[modul=slots] [class^=teaser]:not(.teaserIcon) > :last-child		{flex:2}
}

@container teaserContainer (width < 500px){
	[modul=slots] [class=teaserIcon]	{gap:2.5rem; margin-bottom:2.5rem!important}
	[modul=slots] [class^=teaser]:not(.teaserIcon)	{gap:2.5rem; flex-direction:column}
	[modul=slots] [class^=teaser]:not(.teaserIcon) > :first-child	{flex:unset; width:100%; text-align:center}
	[modul=slots] [class^=teaser]:not(.teaserIcon) > :last-child		{flex:unset; width:100%}
}

[modul=slots] .aufzaehlung li > strong:not(+ br):first-child 	{flex: none; display:block}

[modul=slots] H2.subueberschrift:not(:first-child)	{margin-top:var(--slotSpacing)}

[modul=slots] .tabelle,
[modul=slots] .tabelle table	{width:100%}
[modul=slots] .tabelle thead 	{background-color:var(--color-Brand-Blush)}
[modul=slots] .tabelle tbody td:first-child 	{background-color:var(--color-Brand-BlushLight)}

[class*=profileCard] {
	display: inline-flex;
	align-self: stretch;
}
.profileCard-S {
	align-items: flex-end;
	gap: var(--spacing-Space-3);
}
.profileCard-L {
	align-items: flex-start;
	gap: var(--spacing-Space-4);
}
[class*=profileCard] .lazyImage  {
	display: flex;
	width: 2.5rem;
	height: 2.5rem;
	flex-direction: column;
	align-items: flex-start;
}
.profileCard-L .lazyImage  {
	width: 5rem;
	height: 5rem;
	background: var(--surface-Primary);
}
[class*=profileCard] .lazyImage {
	border-radius: 100%;
}
[class*=profileCard] .textContainer {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: flex-start;
	gap: var(--spacing-Space-1);
	align-self: stretch;
}
.profileCard-L .textContainer {
	justify-content: center;
	gap: var(--spacing-Space-2);
}
@container page (max-width: 767px){
	[section] > [modul]  {
		--stacking:5rem	
	}
}
@container page (min-width: 768px) and (max-width: 1023px) {
	[section] > [modul]  {
		--stacking:7.5rem	
	}
}
@container page (min-width: 1024px){
	[section] > [modul]  {
		--stacking:10rem	
	}
}

div[section] > div[modul] {padding-bottom:var(--stacking); padding-top:var(--stacking)}

[section] > [modul="stageproduct"],
[section] > [modul="stagemain"],
[section] > [modul="stagearticledoorpage"],
[section] > [modul="stageintrobig"] {--stacking:0!important;}

[section] > .canvas-Primary + .canvas-Primary,
[section] > .canvas-Secondary + .canvas-Secondary,
[section] > .canvas-Tertiary + .canvas-Tertiary {padding-top:0;}

[section] > [modul]:not(.canvas-Primary):not(.canvas-Secondary):not(.canvas-Tertiary):not(.surface-Primary) 
+ [modul]:not(.canvas-Primary):not(.canvas-Secondary):not(.canvas-Tertiary):not(.surface-Primary),
[section] > [modul]:not(.canvas-Primary):not(.canvas-Secondary):not(.canvas-Tertiary):not(.surface-Primary) 
+ .quickEdit 
+ [modul]:not(.canvas-Primary):not(.canvas-Secondary):not(.canvas-Tertiary):not(.surface-Primary) {
    padding-top: 0;
}

[section]:not(:first-child)	{padding:2.5rem 0}
[section='normal'] + [section='normal'],
[section='highlight'] + [section='highlight'],
[section='info'] + [section='info']	{padding:1px 0 2.5rem 0}

[section] > .bildfeld + [modul='slots']	{position:absolute; transform:translate(0,calc(-100% - 10rem))}

[modul=slots] {
	--slotSpacing: 5rem;
	--stdContentMargin: 1rem;
}


[modul=slots]:first-of-type	{margin-top:0}

@media screen and (min-width: 1024px){
	[modul=slots]	{display:flex; gap:var(--slotSpacing); margin:var(--slotSpacing) 0!important; padding:0!important}
	[modul=slots] [slot]	{flex:1}
	
	[modul=slots][class='duo12'] [slot='1'],
	[modul=slots][class='duo21'] [slot='0']	{flex:2}
	
	[modul=slots] > [slot] > *:first-child	{margin-top: 0!important}
	
	[section] > [modul=slots][class=solo] > [slot] {padding: 0 15%; border: red;}
	[section] > [modul=slots][class=solo] > [slot]:has(> form) {max-width: 60rem; box-sizing: border-box; margin: 0 auto; padding: 0;}
	.SSI div.quickEdit + [modul=slots]	{margin-top:0px!important}
}

@media screen and (max-width: 1023px){
	[modul=slots]	{display:flex; gap:var(--slotSpacing); flex-direction:column; padding:0;}
}

[modul=slots] > [slot] > *:not(:last-child)	{margin-bottom: var(--stdContentMargin)}

[modul=slots][class=solo] > [slot]:has( > .subueberschrift:only-child),
[modul=slots][class=solo] > [slot]:has( > .textblock:only-child) {text-align:center}
[modul=slots][class=solo] > [slot] > .subueberschrift:only-child {margin:auto}

[modul='slots'] .textblock.intro strong,
[modul='slots'] .subueberschrift	{line-height:150%}
[modul='slots'] h2	{font-size:2rem}
[modul='slots'] h3	{font-size:1.75rem}
[modul='slots'] h4	{font-size:1.5rem}
[modul='slots'] h5,
[modul='slots'] h6	{font-size:1.25rem}

[modul='slots'] .textblock.intro	{font-size:1.25rem}
[modul='slots'] .dachzeile	{font-size:1.25rem; padding:1rem}
[modul='slots'] [slot] > .icon	{font-size: 6rem;
    line-height: 100%;
    padding: 1rem;
    text-align: center;
    margin: 0 auto;
    border-radius: 50%;
    aspect-ratio: 1;
    width: 7rem;}
[modul='slots'] [slot] > .icon:before	{font-size:inherit; line-height:inherit}

.subinfo	{display:inline-flex; gap:var(--space3); margin:auto}
.subinfo em	{font-size:150%; font-weight:bold; font-style:normal}
.subinfo:before {font-family: 'icons'; content:"\e909"}
.subinfo > span	{flex:1}
[class*=teaserArticle] {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	align-self: stretch;
	gap: var(--spacing-Space-8);
}
[class*=teaserArticle] .cardContent {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	align-self: stretch;
	gap: var(--spacing-Space-8);
	border-radius: 0;
	transition: var(--fastTransition);
}
.teaserArticle-S > div {
	padding: var(--spacing-Space-12) var(--spacing-Space-14);
}
.teaserArticle-L > div  {
	padding: var(--spacing-Space-20) var(--spacing-Space-14);
}
[class*=teaserArticle] .badge {
	position: relative;
	left: 0;
    top: 0;
    background: var(--surface-Accent);
}
a:has(> [class*=teaserArticle]) {
	display: flex;
	margin: 0;

}
a:hover [class*=teaserArticle] > div {
	border-radius: 42rem;
}
a:hover [class*=teaserArticle] .subheadline {
	text-decoration-line: underline;
	text-decoration-style: solid;
	text-decoration-skip-ink: none;
	text-decoration-thickness: auto;
	text-underline-offset: auto;
	text-underline-position: from-font;
}
[class*=teaserArticle] .subheadline {
	text-align: center;
	word-break: break-word;
}
[class*=teaserArticle] .readingTime {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0.5625rem;
}
[class=teaserArticle-S] .readingTime {
	gap: 0.5rem;
}

.teaserBanner	{
	display:flex;
	padding: var(--spacing-Space-10) var(--spacing-Space-6);
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: var(--spacing-Space-8);
	position: relative;
}
[breakpoint="mobile"] .teaserBanner {
	text-align: center;
}
.teaserBanner-S {}
.teaserBanner-S,
.teaserBanner-M {
	gap: 0;
}
.teaserBanner-M {
	padding: var(--spacing-Space-10);
	flex-direction: column;
	align-items: center;
}
.teaserBanner-L {
	flex-direction: row;
	padding: var(--spacing-Space-10);
	align-items: center;
	align-content: center;
	gap: 1.5rem var(--spacing-Space-6);
	flex-wrap: wrap;
}
.teaserBanner-L:not(:has(.illustration)) {
	justify-content: flex-start;
}
.teaserBanner-S .teaserBanner--content,
.teaserBanner-M .teaserBanner--content,
.teaserBanner-L .teaserBanner--content  {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: var(--spacing-Space-8);
	align-self: stretch;
	align-items: center;
	align-content: center;
	justify-content: center;
}
.teaserBanner-S .teaserBanner--content .buttonGroup,
.teaserBanner-M .teaserBanner--content .buttonGroup,
.teaserBanner-L .teaserBanner--content .buttonGroup  {
	justify-content: flex-start;
}

.teaserBanner-M .teaserBanner--content {
	gap: var(--spacing-Space-12);
}
.teaserBanner-L .teaserBanner--content {
	min-width: 27rem;
	max-width: 48.5rem;
	gap: var(--spacing-Space-6);
	flex: 1 1 27rem;
	order: 0;
}
.teaserBanner-S .illustration,
.teaserBanner-M .illustration {
	width: 100%;
}
.teaserBanner-L .illustration {
	order: 1;
	min-width: 20rem;
	max-width: 25rem;
	flex: 1 1 20rem
}
.teaserBanner .text {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	align-self: stretch;
	gap: var(--spacing-Space-2);
}
[breakpoint*="mobile"] .teaserBanner .text  {
	gap: var(--spacing-Space-8 );
	align-items: center;
}
[breakpoint^="desktop"] .teaserBanner .text  {
	justify-content: flex-start;
}
.teaserBanner-L .text {
	min-height: 11.75rem;
}

.teaser-S {
	display: flex;
	width: 33.75rem;
	max-width: 100%;
	align-items: center;
	gap: var(--spacing-Space-6);
}
.teaser-S .imageContainer {
	display: flex;
	width: 5.5rem;
	align-items: center;
	flex-shrink: 0;
	align-self: stretch;
}
.teaser-S .text {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0.5rem;
	flex: 1 0 0;
}
div.videoTeaser .subinfo:before {font-family: 'icons';content: "\e975";margin-right: var(--spacing-Space-2)}


[modul^='accordiongroup'] .videoTeaser {display: flex;gap: 0;flex-direction: column; cursor: pointer}
[modul^='accordiongroup'] .videoTeaser:focus-visible {outline: solid 1px var(--border-Strong); outline-offset: 0.625rem;}
[modul^='accordiongroup'] .videoTeaser div.heading {display: flex;padding: var(--spacing-Space-6) var(--spacing-Space-10) var(--spacing-Space-6) var(--spacing-Space-6);flex-direction: column;justify-content: center;align-items: flex-start;gap: var(--spacing-Space-4);align-self: stretch;}
[modul^='accordiongroup'] .videoTeaser div.heading p.subinfo {margin:0;}
[modul^='accordiongroup'] .videoTeaser div.heading h3 {margin: 0;}
[modul^='accordiongroup'] .videoTeaser div.heading h3 a {text-decoration: none;}
[modul^='accordiongroup'] .videoTeaser div.heading h3 a:hover {text-decoration-line: underline;text-decoration-style: solid;text-decoration-skip-ink: auto;text-decoration-thickness: auto;text-underline-offset: auto;text-underline-position: from-font;}
[modul^='accordiongroup'] .videoTeaser:focus-visible div.heading h3 a {text-decoration-line: underline;text-decoration-style: solid;text-decoration-skip-ink: auto;text-decoration-thickness: auto;text-underline-offset: auto;text-underline-position: from-font;}
[modul^='accordiongroup'] .videoTeaser > div > p.text {padding-top: var(--spacing-Space-6);}
[modul^='accordiongroup'] .videoTeaser p.caption {margin: var(--spacing-Space-6) 0 var(--spacing-Space-7) 0}

[modul^='accordiongroup'] div.klappliste div.videoTeaser {position: absolute;top: 0;right: 0;margin: 0 var(--spacing-Space-4) 0 var(--spacing-Space-6)}
[modul^='accordiongroup'] div.klappliste div.videoTeaser a.buttonCircle {z-index: 2;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
[modul^='accordiongroup'] div.klappliste:has(div.videoTeaser) .lazyImage {aspect-ratio: 1/1 !important;width: 10rem!important;height: 10rem!important;background-color: gray;}
[modul^='accordiongroup'] div.klappliste:has(div.videoTeaser) .lazyImage img {opacity: 0.5;}
[modul^='accordiongroup'] div.klappliste:has(div.videoTeaser) .buttonCircle { width: 2.5rem;height: 2.5rem;}
[modul^='accordiongroup'] div.klappliste:has(div.videoTeaser)>div.content {position: relative;padding-right: calc(22% + var(--spacing-Space-12));}
[modul^='accordiongroup'] div.klappliste.open:has(div.videoTeaser)>div.content {padding-right: calc(22% + var(--spacing-Space-12));position: relative;min-height: 10rem;}

[modul^='accordiongroup'] div.klappliste:has(div.lazyImage) > div.content > div.lazyImage {position: absolute;top: 0;right: 0;margin: 0 var(--spacing-Space-4) 0 var(--spacing-Space-6)}
[modul^='accordiongroup'] div.klappliste:has(div.lazyImage) .lazyImage {aspect-ratio: 1/1 !important;width: 10rem!important;height: 10rem!important;}
[modul^='accordiongroup'] div.klappliste:has(div.lazyImage)>div.content {position: relative;padding-right: calc(22% + var(--spacing-Space-12));}
[modul^='accordiongroup'] div.klappliste.open:has(div.lazyImage)>div.content {padding-right: calc(22% + var(--spacing-Space-12));position: relative;min-height: 10rem;}

[breakpoint='mobile'] [modul^='accordiongroup'] div.klappliste.open:has(div.videoTeaser)>div.content {padding-right: 0;}
[breakpoint='mobile'] [modul^='accordiongroup'] div.klappliste div.videoTeaser {position: relative;margin: 0 0 var(--spacing-Space-6) 0;padding: 0;width: 10rem;}
[breakpoint='mobile'] [modul^='accordiongroup'] div.klappliste.open:has(div.lazyImage)>div.content {padding-right: 0;}
[breakpoint='mobile'] [modul^='accordiongroup'] div.klappliste:has(div.lazyImage) > div.content > div.lazyImage {position: relative;margin: 0;padding: 0;width: 10rem;}


/* **************** accordiongroup 1-spaltig ************************ */
[modul='accordiongroup 1-spaltig'] .videoTeaser div.heading {display: none;}

/* **************** accordiongroup 2-spaltig ************************ */
[modul='accordiongroup 2-spaltig'] [slot='0'] .videoTeaser .lazyImage {background-color: lightgray;aspect-ratio: 16/9;}
[modul='accordiongroup 2-spaltig'] [slot='0'] .videoTeaser img:hover {cursor: url('/library/images/system/play-icon.png') 16 16, auto;}
[modul='accordiongroup 2-spaltig'] [slot='0'] a.link {justify-content: flex-start;}
[modul='accordiongroup 2-spaltig'] [slot='0'] a.buttonCircle {display: none;}
[modul='accordiongroup 2-spaltig'] [slot='1'] .videoTeaser div.heading {display: none;}
[modul='accordiongroup 2-spaltig'] [slot='1'] .videoTeaser p.caption {display: none;}

[breakpoint='mobile'] [modul='accordiongroup 2-spaltig'] div.videoTeaser {width: 100%;min-width: 10rem;max-width: 30rem;}

@container page (width >= 768px) and (width <= 1024px)  { 
	[modul='accordiongroup 2-spaltig'] [slot='0'] .videoTeaser {float: left !important;margin-right: 1.5rem;width: 20.25rem;min-width: 20rem;}
}
@container page (width >= 1024px) and (width <= 1360px)  { 
	[modul='accordiongroup 2-spaltig'] div.klappliste:has(div.videoTeaser)>div.content {padding-right: 0;}
	[modul='accordiongroup 2-spaltig'] div.klappliste.open:has(div.videoTeaser)>div.content {padding-right: 0;padding-top: 12rem;}
	[modul='accordiongroup 2-spaltig'] div.klappliste div.videoTeaser{left:0; margin-left:0; width: 10rem;}
}

[breakpoint='tablet'] [modul='accordiongroup 2-spaltig'] [slot='0'] .videoTeaser {float: left !important;margin-right: 1.5rem;width: 20.25rem;min-width: 20rem;}


.wordmodul {
    /* margin: auto; */
    display: flex;
    /* min-width: 480px; */
    max-width: 800px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: var(--spacing-Space-6, 24px);
    flex: 1 0 0;
}
.wordmodul h2 {
    color: var(--text-Primary, #000);
    max-width: 720px;
    /* Headline L/Max */
    font-family: var(--font-family-Primary, "GT Walsheim ARAG");
    font-size: var(--font-size-Text5Xl, 56px);
    font-style: normal;
    font-weight: 500;
    line-height: 100%; /* 56px */
    letter-spacing: -0.56px;
}
.wordmodul h3 {
    color: var(--text-Primary, #000);
    /* Headline M/Max */
    font-family: var(--font-family-Primary, "GT Walsheim ARAG");
    font-size: var(--font-size-Text2Xl, 32px);
    font-style: normal;
    font-weight: 500;
    line-height: 100%; /* 32px */
}

.wordmodul p.intro {
    color: var(--text-Primary, #000);
    /* Copy/M */
    font-family: var(--font-family-Primary, "GT Walsheim ARAG");
    font-size: var(--font-size-TextLg, 22px);
    font-style: normal;
    font-weight: 300;
    line-height: 145%; /* 31.9px */
    letter-spacing: 0.44px;
}
.wordmodul p.intro strong {
    font-weight: 300;
}
.wordmodul p  {
    color: var(--text-Primary, #000);
    /* Copy/Default */
    font-family: var(--font-family-Primary, "GT Walsheim ARAG");
    font-size: var(--font-size-TextBase, 16px);
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 24px */
    letter-spacing: 0.32px;
}

.wordmodul a,
#imperia .wordmodul a {
    color: var(--text-Primary, #000);
    /* Link/Default */
    font-family: var(--font-family-Primary, "GT Walsheim ARAG");
    font-size: var(--font-size-TextBase, 16px);
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: 0.32px;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}
.wordmodul a.link,
#imperia .wordmodul a.link {
    text-decoration: none;
}
.wordmodul ul li {
    color: var(--text-Primary, #000);
    /* Copy/Default */
    font-family: var(--font-family-Primary, "GT Walsheim ARAG");
    font-size: var(--font-size-TextBase, 16px);
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 24px */
    letter-spacing: 0.32px;
}

.wordmodul ul {list-style-type: none;}
.wordmodul ol {padding-inline-start: var(--spacing-Space-5); margin: 0;list-style-type: decimal;}
.wordmodul ol li {list-style-type: decimal !important;}
.wordmodul ol li, .wordmodul ul li {padding-bottom: var(--spacing-Space-3);}
.wordmodul ol li {padding-left: var(--spacing-Space-3);}
.wordmodul ul li {display: flex; align-items: flex-start; gap: var(--spacing-Space-3);}
.wordmodul ul li:before {font-family: 'icons' !important; content: "\e92f";}
.wordmodul ul.pluslist li:before {content: "\e960";}
.wordmodul ul.checklist li:before {content: "\e91d";}




/* ---------- Modules ---------- */
/* [modul='accordiongroup 1-spaltig'] [slot='0'], */
[modul='sectionheader']:has( + [modul='accordiongroup 1-spaltig']) {display: flex;max-width: var(--max-container);padding-bottom: 0;flex-direction: column;align-self: stretch;}

[modul^='accordiongroup']{display:flex;flex-direction: row;flex-wrap: wrap;gap: var(--gap)}
[modul^='accordiongroup'] [slot='0'] > *:not(a):not(.klappliste,.subueberschrift) {margin-bottom: var(--spacing-Space-6);} 

[modul='accordiongroup 1-spaltig'] {flex-direction: column;}
[modul='accordiongroup 1-spaltig'] [slot='0'] {display: flex;justify-content: center;align-items: flex-start;align-content: flex-start;align-self: stretch;flex-wrap: wrap; max-width: 100%;}
[modul='accordiongroup 1-spaltig'] [slot='0'] div.klappliste {width: 100%;}
[modul='accordiongroup 1-spaltig'] [slot='0'] p.subueberschrift {display: block;width: 100%;clear: both;}

[modul='accordiongroup 2-spaltig'] [slot='0'] {flex: 1;}
[modul='accordiongroup 2-spaltig'] [slot='1'] {flex: 2; max-width: 100%;}
[modul='accordiongroup 2-spaltig'] [slot='1'] > :first-child {margin-top: 0!important;}
[modul='accordiongroup 2-spaltig'] [slot='1'] p.subueberschrift { margin-top: var(--spacing-Space-12);}

[breakpoint^='desktop'] [modul^='accordiongroup'] [slot='0'] .klappliste + p.subueberschrift {margin-top: 5rem;}
[breakpoint^='desktop'] [modul='accordiongroup 1-spaltig'] div.klappliste {max-width: 50rem;}
[breakpoint^='desktop'] [modul='accordiongroup 1-spaltig'] p.subueberschrift {max-width: 50rem;}
[breakpoint^='desktop'] [modul='accordiongroup 2-spaltig'] [slot='0'] {flex: 0 0 25rem;}
[breakpoint^='desktop'] [modul='sectionheader']:has( + [modul='accordiongroup 1-spaltig']) {align-items: center;}
[breakpoint='tablet'] [modul^='accordiongroup'] [slot='0'] div.klappliste + p.subueberschrift {margin-top: 4rem;}
[breakpoint='mobile'] [modul^='accordiongroup'] [slot='0'] div.klappliste + p.subueberschrift {margin-top: 3rem;}

[modul^='accordiongroup'] a.link {
	white-space: unset;
	line-height: 120%;
}
[modul^='accordiongroup'] a.link:before, [modul^='accordiongroup'] a.link:after {
	overflow: unset;
}

@container page (width < 1024px) { 
    [modul='accordiongroup 2-spaltig']  {
        flex-direction: column-reverse;
    }
   
}

@container page (width < 768px) { 
	[modul='accordiongroup 2-spaltig'] [slot='0'] {
        display: inline-flex;
        flex-direction: column;
        align-items: flex-start;
	}
}

[modul='sectionheader']:has( + [modul='articlegrid']) {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: var(--spacing-Space-6);
	align-self: stretch;
	padding-top: 5rem 0;
}
[breakpoint="tablet"] [modul='sectionheader']:has( + [modul='articlegrid']) {
	padding: 7.5rem 0;
}
[breakpoint^="desktop"] [modul='sectionheader']:has( + [modul='articlegrid']) {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: var(--spacing-Space-6);
	align-self: stretch;
	padding-bottom: var(--gap);
}
[breakpoint^="desktop"] [modul='sectionheader']:has( + [modul='articlegrid']) [slot="0"] {
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: var(--spacing-Space-6) 0;
}

[breakpoint^="desktop"] [modul='sectionheader']:has( + [modul='articlegrid']) .subueberschrift,
[breakpoint^="desktop"] [modul='sectionheader']:has( + [modul='articlegrid']) p {
	width: 50rem;
	max-width: 50rem;
}
[modul='sectionheader']:has( + [modul='articlegrid']) a {
	align-self: self-start;
	margin-top: 2rem;
}
[breakpoint^="desktop"] [modul='sectionheader']:has( + [modul='articlegrid']) a {
	align-self: flex-end;
	margin-top: 0;
}
[breakpoint^="desktop"] [modul='sectionheader']:has( + [modul='articlegrid']) {
	max-width: 80rem;
}
[modul='articlegrid'] {
	display: flex;
	padding: 0; 
	justify-content: center;
	align-items: flex-start;
	align-self: stretch;
}
[breakpoint="tablet"] [modul='articlegrid'] {
	gap: var(--spacing-Space-10);
}
[breakpoint^="desktop"] [modul='articlegrid'] {
	display: flex;
	gap: var(--spacing-Space-10);
}
[modul='articlegrid']>[slot="0"] {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--spacing-Space-6);
	flex: 1 0 0;
}
[breakpoint="tablet"] [modul='articlegrid']>[slot="0"] {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	gap: var(--spacing-Space-6);
	flex: 1 0 0;
}
[breakpoint*="desktop"] [modul='articlegrid']>[slot="0"] {
	justify-content: center;
	max-width: 80rem;
	align-items: flex-start;
	gap: var(--spacing-Space-10);
	flex-direction: row;
	flex-wrap: wrap;
}
[modul='articlegrid']>[slot="0"] {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: var(--spacing-Space-6);
	flex: 1 0 0;
	align-self: stretch;
}
[modul='articlegrid']>[slot="0"] .slotVertical {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--spacing-Space-6);
	flex: 1 0 0;
}
[breakpoint="tablet"] [modul='articlegrid']>[slot="0"] .slotVertical {
	align-items: flex-start;
	align-self: stretch;
}
[breakpoint^="desktop"] [modul='articlegrid']>[slot="0"] .slotVertical {
	gap: var(--spacing-Space-14);
}
[modul='articlegrid']>[slot="0"] .cardContent {
	display: flex;
}
[modul='articlegrid']>[slot="0"] .slotVertical > a {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--spacing-Space-6, 1.5rem);
	align-self: stretch;
	margin: 0;
}
[breakpoint="mobile"] [modul='articlegrid']>[slot="0"]  .slotVertical > a{
	width: 100%;
}
[modul='sectionheader']:has( + [modul='articlerow']) {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: var(--spacing-Space-6);
	align-self: stretch;
	padding-top: 5rem 0;
}
[breakpoint="tablet"] [modul='sectionheader']:has( + [modul='articlerow']) {
	padding: 7.5rem 0;
}
[breakpoint^="desktop"] [modul='sectionheader']:has( + [modul='articlerow']) {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: var(--spacing-Space-6);
	align-self: stretch;
	padding-bottom: var(--gap);
}
[breakpoint^="desktop"] [modul='sectionheader']:has( + [modul='articlerow']) [slot="0"] {
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: var(--spacing-Space-6) 0;
	width: 100%;
}

[breakpoint^="desktop"] [modul='sectionheader']:has( + [modul='articlerow']) .subueberschrift,
[breakpoint^="desktop"] [modul='sectionheader']:has( + [modul='articlerow']) p {
	width: 50rem;
	max-width: 50rem;
}
[modul='sectionheader']:has( + [modul='articlerow']) a {
	align-self: self-start;
	margin-top: 2rem;
}
[breakpoint^="desktop"] [modul='sectionheader']:has( + [modul='articlerow']) a {
	align-self: flex-end;
	margin-top: 0;
}
[breakpoint^="desktop"] [modul='sectionheader']:has( + [modul='articlerow']) {
	max-width: 80rem;
}
[modul='articlerow'] {
	display: flex;
	padding: 0; 
	justify-content: center;
	align-items: flex-start;
	align-self: stretch;
}
[breakpoint="tablet"] [modul='articlerow'] {
	gap: var(--spacing-Space-10);
}
[breakpoint^="desktop"] [modul='articlerow'] {
	display: flex;
	gap: var(--spacing-Space-10);
}
[modul='articlerow']>[slot="0"] {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--spacing-Space-6);
	flex: 1 0 0;
}
[breakpoint="tablet"] [modul='articlerow']>[slot="0"] {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	gap: var(--spacing-Space-6);
	flex: 1 0 0;
}
[breakpoint*="desktop"] [modul='articlerow']>[slot="0"] {
	justify-content: center;
	max-width: 80rem;
	align-items: flex-start;
	gap: var(--spacing-Space-10);
	flex-direction: row;
	flex-wrap: wrap;
}
[modul='articlerow']>[slot="0"] {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: var(--spacing-Space-6);
	flex: 1 0 0;
	align-self: stretch;
}
[modul='articlerow'] > [slot="0"] .slotVertical {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--spacing-Space-6);
	flex: 1 0 0;
}
[breakpoint="tablet"] [modul='articlerow']>[slot="0"] .slotVertical {
	align-items: flex-start;
	align-self: stretch;
}
[breakpoint^="desktop"] [modul='articlerow']>[slot="0"] .slotVertical {
	gap: var(--spacing-Space-14);
}
[modul='articlerow']>[slot="0"] .cardContent {
	display: flex;
	height: 13.5rem;
}
[modul='articlerow']>[slot="0"] .slotVertical > a {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--spacing-Space-6, 1.5rem);
	align-self: stretch;
	margin: 0;
}
/* ******************** Benefits OVERLAY *********************************************** */
div.pageoverlay.lightbox>.container:has(.benefits) {
	gap: 0;
}
div.pageoverlay.lightbox > .container div.benefits {
	display: flex;
	margin: 0;
	padding: var(--spacing-Space-8);
	align-items: center;
	align-content: center;
	gap: 3rem;
	flex-direction: row;
}
div.pageoverlay.lightbox > .container:has(.benefits),
div.pageoverlay > .container:has(.benefits) > :only-child {
	display: flex;
}
div.pageoverlay.lightbox > .container div.benefits div.image {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
div.pageoverlay.lightbox > .container div.benefits div.image div.lazyImage	{
	aspect-ratio: 16/9;
	margin-bottom: 0;
	display: flex;
	width: 14.25rem;
	max-width: 14.25rem;
	flex-direction: column;
	align-items: flex-start;
	flex-shrink: 0;
}
div.pageoverlay.lightbox > .container div.benefits div.text {
	display: flex;
	max-width: 50rem;
	flex-direction: column;
	align-items: flex-start;
	gap: 1.5rem;
	flex: 1 0 0;
}
[breakpoint^="desktop"] div.pageoverlay.lightbox > .container:has(.benefits) {
	width: 50rem;
	max-width: 64rem;
	display: block;
}
[breakpoint^="desktop"] div.pageoverlay.lightbox > .container div.benefits .subueberschrift {
	padding-bottom: var(--spacing-Space-1)
}
[breakpoint^="desktop"] div.pageoverlay.lightbox > .container div.benefits div.image {
	display: flex;
	min-width: 14.25rem;
	min-height: 15.9375rem;
	align-items: center;
	gap: 0.5rem;
	flex-shrink: 0;
	padding: 0 3.5rem;
}
[breakpoint^="tablet"] div.pageoverlay.lightbox > .container:has(.benefits) > * {
	margin: 0;
}
[breakpoint^="tablet"] div.pageoverlay.lightbox > .container:has(.benefits) {
	max-width: calc(100vw - 3em);
}
[breakpoint^="tablet"] div.pageoverlay.lightbox > .container div.benefits .subueberschrift	{
	padding-bottom: var(--spacing-Space-1)
}
[breakpoint^="tablet"] div.pageoverlay.lightbox > .container div.benefits div.image {
	padding: 0 var(--spacing-Space-14);
	width: 15rem;
	min-height: 11.25rem;
}
[breakpoint^="tablet"] div.pageoverlay.lightbox > .container:has(.benefits) > :only-child {
	max-width: 100%;
	width: 100%;
}
[breakpoint^="mobile"] div.pageoverlay.lightbox > .container:has(.benefits) {
	flex-direction: column
}
[breakpoint^="mobile"] div.pageoverlay.lightbox > .container div.benefits {
	flex-direction: column;
	padding: var(--spacing-Space-12) var(--spacing-Space-4);
}
[breakpoint^="mobile"] div.pageoverlay.lightbox > .container:has(.benefits) > :only-child {
	max-width: 100%;
}
[breakpoint^="mobile"] div.pageoverlay.lightbox > .container div.benefits div.image {
	display: flex;
	justify-content: center;
	padding: var(--spacing-Space-14) var(--spacing-Space-8);
	align-items: center;
	gap: 0.5rem;
	align-self: stretch;
}
[breakpoint^="mobile"] div.pageoverlay.lightbox > .container div.benefits div.image div.lazyImage {
	margin-bottom: 0;
	aspect-ratio: 16/9;
	min-width: 14.25rem;
	max-width: 14.25rem;
}
[breakpoint^="mobile"] div.pageoverlay.lightbox > .container:has(.benefits) > *	{
	margin: 0;
	display: flex;
	padding: 0;
	flex-direction: column;
	justify-content: flex-end;
}
[breakpoint^="mobile"] div.pageoverlay.lightbox > .container:has(.mobileBenefits)	{
	max-width: 100%;
	width: 100%;
	transform: translate(-50%, 150%);
	transition: var(--slowTransition)
}
[breakpoint^="mobile"] div.pageoverlay.lightbox.show > .container:has(.benefits) {
	transform: translate(-50%, -50%);
}
[modul='buttoncollection'] {
	display: flex;
    justify-content: center;
    align-items: center;
    max-width: var(--max-container);
}
[modul='buttoncollection'] [slot='0'] {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	align-content: flex-start;
	gap: 1rem var(--spacing-Space-4);
	align-self: stretch;
	flex-wrap: wrap;
}
[modul='buttoncollection'] [slot='0']:has(a.link) {
	padding-bottom:calc(var(--spacing-Space-8) + 4rem);
}
[breakpoint^='desktop'] [modul='buttoncollection'] [slot='0'] {
	max-width: 64rem;
}
[breakpoint^='desktop'] [modul='buttoncollection'] [slot='0']:has(a.link) {
	padding-bottom:calc(var(--spacing-Space-12) + 4rem);
}
[modul='buttoncollection'] [slot='0'] a.link {
	display: flex;
	margin: var(--spacing-Space-4) 0 0 0;
	position:absolute;
	bottom:0;
	align-self: center;
}
[modul='buttoncollection'] .button:has(+ .button) {
	margin: 0;
}
[modul='buttoncollection'] [slot='0'] .subueberschrift {
	text-align: center;
	flex: 3 0 100%;
	margin-bottom: calc(var(--gap) - 1rem);
}

[modul="intro"] {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: var(--gap);
	align-self: stretch;
}
[modul="intro"] .buttonGroup {
	justify-content: flex-start
}

[breakpoint^=desktop] [modul="intro"] {
	display: flex;
	max-width: var(--max-container, 80rem);
	align-items: flex-start;
	align-content: flex-start;
	gap: 5rem var(--gap, 5rem);
	align-self: stretch;
	flex-wrap: unset;
	flex-direction: row;
}

[modul="intro"] [slot='0'] {
	display: flex;
	padding: 1.5rem;
	flex-direction: column;
	align-items: flex-start;
	gap: var(--spacing-Space-3);
	align-self: stretch;
}
[breakpoint^=desktop] [modul="intro"] [slot='0'] {
	flex: 0 1 30rem;
	align-self: unset;
}

[modul="intro"] [slot='0'] [type='inhaltsverzeichnis'] {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: var(--spacing-Space-3);
	align-self: stretch;
}
[modul="intro"] [slot='0'] [type='inhaltsverzeichnis'] p {
	display: flex;
	padding: 0.5rem 0rem;
	align-items: center;
	gap: 0.75rem;
	align-self: stretch;
}
[modul="intro"] [slot='0'] ol {
	padding-top: var(--spacing-Space-4);
	padding-bottom: var(--spacing-Space-4);	
}
[modul="intro"] [slot='0'] ol.aufzaehlung li {
    cursor: pointer;
}
[modul="intro"] [slot='1'] {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: var(--spacing-Space-6);
	align-self: stretch;
}
body:not([breakpoint=mobile]) [modul="intro"] [slot='1'] {
	min-width: 30rem;
	max-width: 50rem;
	gap: var(--spacing-Space-10);
	flex: 1 0 30rem;
}
[breakpoint =tablet] [modul="intro"] [slot='1'] {
	
}
[breakpoint^=desktop] [modul="intro"] [slot='1'] {
	padding: var(--spacing-Space-8) 0rem;
}
[modul='mediatext'] {display:flex; align-items: center; }
[modul='mediatext'] [slot] > .subueberschrift,
[modul='mediatext'] [slot] p,
[modul='mediatext'] [slot] > ul.aufzaehlung {margin: 0 auto var(--spacing-Space-6) auto;}
[modul='mediatext'] [slot='0'] {display: flex; min-width: 20rem; max-width: 30rem;}
[modul='mediatext'] div.lazyImage:has(svg, img[data-src*='.svg']) {aspect-ratio: 1/1; border-radius:50rem}

[modul='mediatext']:nth-of-type(odd) div.illustration svg > rect {fill:var(--surface-Primary);}
[modul='mediatext']:nth-of-type(odd) div.illustration svg > path[fill="#F8F0DD"] {fill:var(--surface-Secondary);}
[modul='mediatext']:nth-of-type(even) div.illustration svg > rect {fill:var(--surface-Secondary);}
[modul='mediatext']:nth-of-type(even) div.illustration svg > path[fill="#F8F0DD"] {fill:var(--surface-Primary);}

/* Desktop */
[breakpoint^='desktop'] [modul='mediatext'] {gap: 5rem; align-content: center; align-self: stretch; flex-wrap: wrap;}
[breakpoint^='desktop'] [modul='mediatext'] [slot='0']	{flex: 1 0 20rem; max-width: 30rem;}
[breakpoint^='desktop'] [modul='mediatext'] [slot='1']:nth-of-type(even) {flex: 2;}
[breakpoint^='desktop'] [modul='mediatext'] [slot='1'] {min-width: 30rem; padding: 0rem var(--spacing-Space-20)}

[breakpoint='desktop'] [modul='mediatext']{display: flex;}

body:not([breakpoint^='desktop']) [modul='mediatext'] [slot='0'] {width: 100%; max-width: 100%; justify-content: center;}

/* Tablet */
[breakpoint='tablet'] [modul='mediatext'] {min-width: 30rem;flex-direction: column;justify-content: center;gap: 4rem;flex: 1 0 0;}
[breakpoint='tablet'] [modul='mediatext'] {flex-direction: column;justify-content: center;text-align:center;}
[breakpoint='tablet'] [modul='sectionheader'] + [modul='mediatext'],
[breakpoint='tablet'] [modul='mediatext'] + [modul='mediatext'] {padding-bottom: 7.5rem;}
[breakpoint='tablet'] [modul='mediatext'] [slot] > ul.aufzaehlung li {justify-content: center;}	
[breakpoint='tablet'] [modul='mediatext'] [slot='1'] {text-align: center;}
[breakpoint='tablet'] [modul='mediatext'] div.lazyImage {max-width: 30rem;}

/* Mobile */
[breakpoint='mobile'] [modul='sectionheader'] + [modul='mediatext'],
[breakpoint='mobile'] [modul='mediatext'] + [modul='mediatext'] {padding-bottom: 5rem;}
[breakpoint='mobile'] [modul='mediatext'] {flex-direction: column; justify-content: center; text-align:center; gap: 3rem; flex: 1 0 0;}
[breakpoint='mobile'] [modul='mediatext'] [slot='0']:has(> .lazyImage) {padding: 0 var(--spacing-Space-12);}
[breakpoint='mobile'] [modul='mediatext'] a.button {display: flex; align-self: stretch;}
[breakpoint='mobile'] [modul='mediatext'] div.illustration {max-width: 30rem;padding: 0rem var(--spacing-Space-12);}
[breakpoint='mobile'] [modul='mediatext'] [slot='1'] {width: 100%;}
[breakpoint='mobile'] [modul='mediatext'] div.lazyImage {max-width: 30rem;}

[modul="mediawide"] [slot] {flex:100%}
[modul='mediawide'] .lazyImage {aspect-ratio: 16/9!important; max-width: var(--max-container, 80rem);}
[modul='mediawide'] p.textblock {max-width: 45rem; margin-top: var(--spacing-Space-6)}
[breakpoint='mobile'] [modul="mediawide"] .lazyImage {aspect-ratio:1/1!important}
[breakpoint='tablet'] [modul="mediawide"] div.infografik .lazyImage {aspect-ratio:1/1!important}
[modul]	{--gap:5rem;}
[modul] [slot]	{
	position:relative;
	box-sizing:border-box;
}
[modul] [slot] > .aufzaehlung {
	max-width: 50rem;
}
[modul] [slot] > .eyebrow:empty {
	display: none;
}
[modul] [slot] > .eyebrow:not(:empty)	{
	display:flex;
	align-items: center;
	transition: opacity .3s ease;
}
[modul] [slot] > .eyebrow.fixed:not(:empty) {
	height: var(--pageHeadHeight);
 	position: fixed;
    top: 0;
    z-index: 999;
    transform: translate(-50%, 0);
    left: 50%;
    opacity: 1;
}
[modul] [slot] > .eyebrow.transitioning-out {
  opacity: 0;
  transform: translateY(-10px);
}
@media (max-width: 1199px) {
	[modul] [slot] > .eyebrow.fixed:not(:empty) {
		height: auto;
	    top: 4.5rem; 
	}
	#pagehead:has(#mainnav.open) + #content [modul] [slot] > .eyebrow.fixed:not(:empty) {
		opacity: 0;
		pointer-events: none;
	}
}


[modul]:has(+.benefits) {
	margin-bottom:0;
}
[modul="webformular"] {max-width: 60rem; margin: 0 auto; box-sizing: border-box;}
@container page (min-width: 768px) and (max-width: 1023px) { 
    [modul]	{--gap:4rem;}
}
@container page (width < 768px) { 
    [modul]	{--gap:3rem;}
}
[modul='sectionheader'] > * {
	display: flex;
	flex-direction:	column;
	gap: var(--spacing-Space-6);
}
[modul='sectionheader'] .subueberschrift,
[modul='sectionheader'] .textblock {
	max-width: 45rem;
}
@container page (width >= 768px) { 
    [modul='sectionheader'] .subueberschrift,
	[modul='sectionheader'] .textblock {
		max-width: 50rem;
	}
}
[modul='sectionheader']:has(
 + [modul^='accordiongroup'],
 + [modul='articlegrid'],
 + [modul='herocontent']) {
	padding-bottom:var(--gap);
}


[modul='sectionheader']:has(
 + [modul='mediawide'],
 + [modul='mediatext'],
 + [modul='teasercolumn'], 
 + [modul*='teasericon'], 
 + [modul='buttoncollection']) {
	padding-bottom:var(--gap);
	text-align:center;
	display: flex;
	max-width: var(--max-container, 80rem);
	flex-direction: column;
	align-items: center;
}

@media screen and (min-width: 1024px) {
    div[modul="sectionheader"]:has(+ div[modul="webformular"]) {
        max-width: 60rem;
        margin: auto;
    }
}


[modul="stagearticle"] {display:flex;}
[modul="stagearticle"] [slot='0'] {display: flex;text-align: center;flex-direction: column;justify-content: center;align-items: center;gap: var(--spacing-Space-6);flex: 1 0 0;}
[modul='stagearticle'] [slot='0'] a.link {height: 1.5rem; padding: calc(var(--spacing-Space-2) + 1px) var(--spacing-Space-0) calc(var(--spacing-Space-2) - 1px);}
[modul='stagearticle'] [slot='0'] a.link:hover {padding: calc(var(--spacing-Space-2) + 1px) var(--spacing-Space-0) calc(var(--spacing-Space-2) - 2px)!important;}
[modul='stagearticle'] [slot='0'] a.link:after {display: none;}
[modul='stagearticle'] [slot='0'] h1 {max-width: 50rem;}

.stagearticle_autorShareWrap {display: flex;align-items: flex-start;gap: var(--spacing-Space-4);flex: 1 0 0;}
.stagearticle_autorShareWrap > div.autor {display: flex;align-items: flex-start;gap: var(--spacing-Space-4);flex: 1 0 0; margin-top: var(--spacing-Space-2);}
.stagearticle_autorShareWrap > div.autor > div > img{display: flex;width: 5rem;height: 5rem;flex-direction: column;align-items: flex-start;flex-shrink: 0;border-radius: var(--border-radius-RoundedFull, 624.9375rem);}
.stagearticle_autorShareWrap div.autorInfos > p:first-child {padding-bottom: var(--spacing-Space-2)}
.stagearticle_autorShareWrap div.autorInfos > p.headline {padding-bottom: var(--spacing-Space-2)}
.stagearticle_autorShareWrap > div.share {display: flex; align-items: flex-end; align-self: stretch;}
.stagearticle_autorShareWrap > div.share > div {display: flex; gap: var(--spacing-Space-6); align-items: center;}
.stagearticle_autorShareWrap > div.share > div > span {min-width: 5.1rem;}

.stagearticle_subinfo {display: flex; align-items: center; gap: var(--spacing-Space-2);  max-width: 80rem;flex-direction: row; justify-content: center;align-items: center; padding:var(--spacing-Space-6) 0 0 0!important;align-self: stretch;}
.stagearticle_subinfo .stagearticle_autorLesezeit {justify-content: center;align-items: center;}
.stagearticle_subinfo div.icon.DotSmall {height: 1.15rem;}

[breakpoint^='desktop'] [section] > [modul="stagearticle"] {padding: var(--gap) 0 0 0;}
[breakpoint^='desktop'] [modul='stagearticle'] [slot='0'] p.textblock {max-width: 35rem;}

[breakpoint^='desktop'] .stagearticle_autorShareWrap {padding: var(--spacing-Space-20) 0!important;}
body:not([breakpoint^='desktop']) .stagearticle_autorShareWrap > div.share {justify-content: center;align-items: center;}
body:not([breakpoint^='desktop']) .stagearticle_autorShareWrap > div.share > div {flex-direction: column; text-align: center; justify-content: center}
[breakpoint='tablet'] [section] > [modul="stagearticle"] {padding-bottom: 0!important; padding-top: var(--spacing-Space-10)!important;}
[breakpoint='tablet'] .stagearticle_autorShareWrap {justify-content: center; align-items: center; flex-direction: column; gap: var(--spacing-Space-16); padding: var(--spacing-Space-16) 0 var(--spacing-Space-10) 0!important}
[breakpoint='tablet'] .stagearticle_autorShareWrap > div.autor {margin-top: 0;}


[breakpoint='mobile'] [section] > [modul="stagearticle"] {padding: var(--spacing-Space-10) 0 0 0}
[breakpoint='mobile'] .stagearticle_autorShareWrap {justify-content: center; align-items: center; flex-direction: column; gap: var(--spacing-Space-12); padding: var(--spacing-Space-12) 0 var(--spacing-Space-10) 0!important;}
[breakpoint='mobile'] .stagearticle_autorShareWrap > div.autor {margin-top: 0;}

#shareSocialLinks {
    display: flex;
    z-index:101;
    display:none;
    position: absolute;
    right: 0;
    bottom: 37px;
    flex-direction: column;
    gap: var(--spacing-Space-0);
    background-color: #fff;
    border-radius: var(--spacing-Space-6); 
    padding: var(--spacing-Space-0);
    border: 1px solid #000;
}
#shareSocialLinks a {
    white-space: nowrap;
    display: block;
    padding: var(--spacing-Space-4) var(--spacing-Space-6);
    margin: 0;
}
#shareSocialLinks a:first-child {
    border-top-left-radius: var(--spacing-Space-6);
    border-top-right-radius: var(--spacing-Space-6);
}
#shareSocialLinks a:last-child {
    border-bottom-left-radius: var(--spacing-Space-6);
    border-bottom-right-radius: var(--spacing-Space-6);
}
#shareSocialLinks a:hover {
    background: #f5f5f5;
}
.tooltip-wrapper {
    position: relative;
    
}
.tooltip-wrapper .tooltip {
    display: none;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    box-shadow: 0px 0px 80px 0px rgba(0, 0, 0, 0.08);
    padding: 12px 10px;
    min-width: 150px;
    text-align: center;
    vertical-align: middle !important;
	line-height: 1.7rem !important;
}
.tooltip-wrapper .tooltip.success,
.tooltip-wrapper .tooltip.hover {
    display: block;
}
.tooltip-wrapper .tooltip .icon:before {
    font-size: 1.4rem !important;
    vertical-align: middle !important;
}
.tooltip-wrapper .tooltip .icon {
    display: none;
    vertical-align: middle !important;
	line-height: 1.7rem !important;
}
.tooltip-wrapper .tooltip.hover .icon {
    display: none;
}
.tooltip-wrapper .tooltip.hover.success .icon,
.tooltip-wrapper .tooltip.success .icon {
    display: inline-block !important;
}

.tooltip-wrapper .tooltip .msg {
    vertical-align: middle !important;
	line-height: 1.7rem !important;
    margin-left: 10px;
}
.tooltip-wrapper .tooltip::before {
    content: '';
    position: absolute;
    bottom: -9px; /* Move below the tooltip */
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #fff; /* Same color as tooltip background */
}
[modul="stagearticledoorpage"] {display:flex;}
[modul="stagearticledoorpage"] [slot='0'] {flex:1; text-align:center;display: flex;flex-direction: column;justify-content: center;align-items: center;gap: var(--spacing-Space-6);}
[modul='stagearticledoorpage'] [slot='0'] p.subueberschrift {max-width: 40rem;}
[modul='stagearticledoorpage'] [slot='0'] p.textblock {max-width: 35rem;}

body[breakpoint='desktopXL'] [modul='stagearticledoorpage'] [slot='0'] {padding: var(--gap) var(--spacing-Space-10); }
body[breakpoint='desktop'] [modul='stagearticledoorpage'] [slot='0'] {padding: var(--gap) var(--spacing-Space-10); align-self: stretch;}
body[breakpoint='tablet'] [modul='stagearticledoorpage'] [slot='0'] {padding: var(--gap) 0; align-self: stretch;}
body[breakpoint='mobile'] [modul='stagearticledoorpage'] [slot='0'] {padding: var(--gap) 0; align-self: stretch;}
[modul="stageintrobig"] {display:flex;margin: 0 calc(var(--bkp-margin)* -1);}

[modul="stageintrobig"] [slot='0'] {display: flex; text-align:center;flex-direction: column; justify-content: center; align-items: center; align-self: stretch; gap: var(--spacing-Space-6, 1.5rem);}
[modul='stageintrobig'] [slot='0'] p.textblock {max-width: 35rem;}
[modul='stageintrobig'] [slot='0'] p.subueberschrift {max-width: 50rem;}

[modul="stageintrobig"] [slot='1'] {display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 8.4375rem 0rem;}
[modul="stageintrobig"] [slot='1'] img.illustration {aspect-ratio:1; border-radius:100%}
[modul="stageintrobig"] [slot='1'] svg > rect {fill:none}
[modul="stageintrobig"] [slot='1'] path[fill="#F8F0DD"]	{fill:var(--surface-Secondary)}

body[breakpoint='desktopXL'] [modul="stageintrobig"] [slot='0'] {min-width: 40rem; padding: var(--spacing-Space-2) var(--spacing-Space-20)}

body[breakpoint='desktopXL'] [modul="stageintrobig"] [slot='1'] {flex: 0 0 50%;}
body[breakpoint='desktopXL'] [modul="stageintrobig"] [slot='1'] img.illustration {width: 80%; padding: 8.44rem var(--spacing-Space-4);}

[breakpoint='desktop'] [modul='stageintrobig'] {height: calc(100vh - var(--pageHeadHeightInitial));}
body[breakpoint='desktop'] [modul="stageintrobig"] [slot='0'] {display: flex; padding: var(--spacing-Space-2) var(--spacing-Space-10); gap: var(--spacing-Space-6); flex: 0 1 40rem; min-width: 40rem;}
body[breakpoint='desktop'] [modul="stageintrobig"] [slot='1'] {flex: 1 1 45%;}
body[breakpoint='desktop'] [modul="stageintrobig"] .illustration {overflow: visible;}

body[breakpoint='tablet'] [modul="stageintrobig"] {flex-direction: column;}
body[breakpoint='tablet'] [modul="stageintrobig"] [slot='0'] > .textblock {margin-bottom: 0;}
body[breakpoint='tablet'] [modul="stageintrobig"] [slot='0'] {padding: var(--spacing-Space-10) var(--spacing-Space-12);}
body[breakpoint='tablet'] [modul="stageintrobig"] [slot='1'] {gap: 0.625rem;align-self: stretch;padding: var(--spacing-Space-10) var(--spacing-Space-0);}

body[breakpoint='mobile'] [modul="stageintrobig"] {flex-direction: column;}
body[breakpoint='mobile'] [modul="stageintrobig"] [slot='0'] {padding: var(--spacing-Space-10) var(--spacing-Space-4);}
body[breakpoint='mobile'] [modul="stageintrobig"] [slot='1'] {padding: var(--spacing-Space-0) var(--spacing-Space-0);}
body[breakpoint='mobile'] [modul='stageintrobig'] [slot='0'] p.textblock {max-width: 32rem; align-self: center;}
[modul='stagemain'] {
	margin: 0 calc(var(--bkp-margin)* -1);
}
[modul='stagemain'] [slot] {
	flex: 1
}
[modul='stagemain'] [slot='0'] {
	display: flex;
	justify-content: center;
	align-items: center;
	align-self: stretch;
	flex-direction: column;
	text-align: center;
	padding: var(--spacing-Space-10);
	gap: var(--spacing-Space-6);
}
[breakpoint='mobile'] [modul='stagemain'] [slot='0'] {
	padding: var(--spacing-Space-10) var(--spacing-Space-4);
}
[breakpoint='desktop'] [modul='stagemain'] [slot='0'] {
	min-height: 26rem;
}
[modul='stagemain'] [slot='0'] p.textblock {
	max-width: 35rem;
}
[modul='stagemain'] [slot='0'] h1 {
	max-width: 40rem;
}
[modul="stagemain"] [slot='1'] {
	align-self: stretch;
}
[breakpoint^='desktop'] [modul="stagemain"] {
	display: flex;
	gap: 0;
	align-items: center;
}

[breakpoint='desktop'] [modul="stagemain"] [slot='1'] {
	flex: 0 44.5%;
	display: flex;
	align-items: center;
	flex: 0 1 0;
}
[breakpoint='tablet'] [modul="stagemain"] {
	display: flex;
	flex-direction: column;
	align-items: normal;
}
[breakpoint='tablet'] [modul="stagemain"] [slot='1'] {
	margin: 0 -var(--bkp-margin);
}
[breakpoint='mobile'] [modul="stagemain"] {
	display: flex;
	flex-direction: column;
	align-items: stretch
}
[modul='stagemain'] [slot='1'] .stage {
	aspect-ratio: 1;
	border-radius: 100%;
	position: relative;
	overflow: hidden;
}
[breakpoint='tablet'] [modul="stagemain"] [slot='1'] .stage {
	aspect-ratio: 16/9;
	border-radius: 624.9375rem;
}
[breakpoint='desktop'] [modul="stagemain"] [slot='1'] .stage {
	aspect-ratio: 3/4;
	border-radius: 624.9375rem;
	max-height: 50rem;
	min-width: 28.625rem;
}
[breakpoint='desktopXL'] [modul='stagemain'] [slot='1'] .stage	{
	width: 40rem;
}
[modul='stagemain'] [slot='1'] .stage>img {
	position:absolute; 
	left:50%; 
	top:50%; 
	transform:translate(-50%,-50%); 
	height:100%;
}
[breakpoint^='tablet'] [modul='stagemain'] [slot='1'] .stage>img {
	height: unset;
	width: 100%;
}
[modul='stagemain'] [slot='1'] .stage>img[src^='/medien/grafik']	{
	left: 0;
	top: 0;
	transform: none;
}
[modul='stageproduct'] {
	margin: 0 calc(var(--bkp-margin) * -1);
}
[modul='stageproduct'] [slot] {
	display: flex;
	flex: 1;
	flex-direction: column;
}
[modul='stageproduct'] [slot='0'] {
	padding: var(--spacing-Space-10);
	gap: var(--spacing-Space-6);
	justify-content: center;
	align-items: center;
	text-align: center;
	align-self: stretch;
}
[modul='stageproduct'] [slot='0'] h1 {
	max-width: 40rem;
}
[modul='stageproduct'] [slot='0']>p.subueberschrift {
	max-width: 40rem;
}
[modul='stageproduct'] [slot='0']>p.textblock {
	max-width: 35rem;
}
[modul='stageproduct'] [slot='1'] {
	align-self: stretch;
}
[modul='stageproduct'] [slot='1'] .stage {
	aspect-ratio: 1;
	border-radius: 100%;
	position: relative;
	overflow: hidden;
}
[modul='stageproduct'] [slot='1'] .stage>img {
	position:absolute; 
	left:50%; 
	top:50%; 
	transform:translate(-50%,-50%); 
	height:100%;
}
[breakpoint^='tablet'] [modul='stageproduct'] [slot='1'] .stage>img {
	height: unset;
	width: 100%;
}
[modul='stageproduct'] [slot='1'] .stage>img[src^='/medien/grafik']	{
	left: 0;
	top: 0;
	transform: none;
}
[modul='stageproduct'] [slot='1'] .lazyImage {
	aspect-ratio: 1;
	border-radius: 100%;
}
[modul='stageproduct'] [slot='1'] .lazyImage>img[src^='/medien/grafik'],
[modul='stageproduct'] [slot='1'] .lazyImage>img[data-src^='/medien/grafik']	{
	left: 0;
	top: 0;
	transform: none;
	height:100%
}
[modul='stageproduct'] a.link:after {
	display: none !important;
}
[breakpoint='desktopXL'] [modul='stageproduct'] [slot='1'] .stage, 
[breakpoint='desktopXL'] [modul='stageproduct'] [slot='1'] .lazyImage	{
	/* width: 40rem; */
	width: 100%;
	aspect-ratio: 1;
}
[breakpoint^='desktop'] [modul='stageproduct'] {
	display: flex;
	align-items: center;
	gap: 0;
}
/* [breakpoint='desktop'] [modul='stageproduct'] {
	height: calc(100vh - var(--pageHeadHeightInitial) - 88px);
} */
[breakpoint='desktop'] [modul='stageproduct'] [slot='0'] {
	max-width: 80rem;
}
[breakpoint='desktop'] [modul="stageproduct"] [slot='1'] {
	justify-content: center;
	align-items: center;
	flex: 0 1 44.5%;
	height: 100%;
	
}

[breakpoint='desktop'] [modul='stageproduct'] [slot='1'] .stage, 
[breakpoint='desktop'] [modul='stageproduct'] [slot='1'] .lazyImage	{
	aspect-ratio: 3/4;
	border-radius: 624.9375rem;
	height: 100%;
	max-height: 50rem;
	min-width: 28.625rem;
	align-self: stretch;
	/* width: 100%; */
}
[breakpoint='tablet'] [modul='stageproduct'] {
	display: flex;
	flex-direction: column;
	align-items: normal;
}
[breakpoint='tablet'] [modul='stageproduct'] [slot='0'] {
	align-items: center;
}
[breakpoint='tablet'] [modul='stageproduct'] [slot='1'] .stage,
[breakpoint='tablet'] [modul='stageproduct'] [slot='1'] .lazyImage {
	aspect-ratio: 16/9;
	border-radius: 624.9375rem;
}
[breakpoint='mobile'] [modul='stageproduct'] {
	display: flex;
	flex-direction: column;
	align-items: stretch
}
[breakpoint='mobile'] [modul='stageproduct'] [slot='0'] {
	padding: var(--spacing-Space-10) var(--spacing-Space-4);
}
[breakpoint='mobile'] [modul='stageproduct'] .buttonGroup:has(.form-field) {
    flex-direction: column;
}

#stickybar > div    {border: 1px solid var(--border-Accent, #D6D1C7);}

[modul=stickybarstop] {padding-bottom: 0 !important;}

[modul=stickybarstop] > [slot='0'] {gap: var(--spacing-Space-6);display: flex; flex-direction: column; align-items: center; max-width: 80rem; padding: 0;}
[modul=stickybarstop] > [slot='0'] h2 {max-width: 50rem; text-align: center;}
[modul=stickybarstop] > [slot='0'] p {max-width: 50rem; text-align: center;}

[breakpoint="mobile"] [modul=stickybarstop] > [slot='0'] h2 {max-width: 45rem;}
[breakpoint="mobile"] [modul=stickybarstop] > [slot='0'] p {max-width: 45rem;}

[modul='tabledata'] .subueberschrift:first-child	{max-width:45rem; margin:0 auto var(--spacing-Space-6) 0}
[modul='tabledata'] .textblock:has(+ .tabelle)	{margin:0 auto var(--spacing-Space-6) auto}
[modul='tableproductcomparison'] .subueberschrift:first-child	{max-width:50rem; text-align:center; margin:0 auto var(--spacing-Space-6) auto}
[modul='tableproductcomparison'] .textblock:has(+ .tabelle)	{max-width:50rem; text-align:center; margin:0 auto var(--spacing-Space-20) auto}
[breakpoint=tablet] [modul='tableproductcomparison'] .textblock:has(+ .tabelle)	{margin:0 auto var(--spacing-Space-16) auto;}
[breakpoint=mobile] [modul='tableproductcomparison'] .textblock:has(+ .tabelle)	{margin:0 auto var(--spacing-Space-12) auto;}
[modul='tableproductcomparison'] .textblock:has(+ .tabelle)	{max-width:50rem; text-align:center; margin:0 auto var(--spacing-Space-20) auto}
[modul='tableproductcomparison'] thead .illustration	{height:calc(var(--imageHeight) * 1px); transition: all .4s ease-in-out; webkit-transition: all .4s ease-in-out; margin-left:auto; margin-right:auto}
[modul='tableproductcomparison'] thead[stickyposition='stuck'] .illustration,
[modul='tableproductcomparison'] thead[stickyposition='above'] .illustration 	{height:0!important; margin:0 auto; opacity:0}
/*
Die unterschiedlichen Ausprägungen dieser Komponente konnte ich jeweils immer nur in einem Modul entdecken,
daher hier kein extra CSS,sondern alles Styling in den Modulen
*/
[modul=teasercolumn]>[slot='0']>[class^=teaser] svg > rect {
	fill: none;
}
[modul=teasercolumn]>[slot='0']>[class^=teaser] svg > path[fill="#F8F0DD"]	{
	fill:var(--surface-Primary);
}
[modul=teasercolumn] .subinfo:before {
   	display: none;
    content: "";
}
[modul=teasercolumn] .teaserBild:has(a):focus-visible {
	outline: 1px solid var(--border-Strong);
	outline-offset: 0.625rem;
}
[modul=teasercolumn] .teaserBild:has(a) .imageContainer:has(> .lazyImage.ready:first-child) {
	background-color: var(--surface-Primary);
}
[modul=teasercolumn] .teaserBild:has(a) .imageContainer:has(> .lazyImage.ready:first-child > svg) {
	background-color: var(--surface-Primary);
}
[modul=teasercolumn] .teaserBild:has(a) .imageContainer:has(> .lazyImage.done:first-child > svg) svg {
	background-color: var(--canvas-Primary);
}
[modul=teasercolumn] .teaserBild:has(a):hover .imageContainer:has(> .lazyImage.done:first-child > svg) svg,
[modul=teasercolumn] .teaserBild:has(a):focus-visible .imageContainer:has(> .lazyImage.done:first-child > svg) svg {
	border-radius: 100%;
	transition: var(--fastTransition);
}
[modul=teasercolumn] .imageContainer .lazyImage,
[modul=teasercolumn] .imageContainer svg {
	background-color: transparent;
	border-radius: 0;
	transition: var(--fastTransition);
}
[modul=teasercolumn] .teaserBild:has(a):hover h3,
[modul=teasercolumn] .teaserBild:has(a):focus-visible h3 {
	text-decoration-line: underline;
	text-decoration-style: solid;
	text-decoration-skip-ink: none;
	text-decoration-thickness: auto;
	text-underline-offset: auto;
	text-underline-position: from-font;
}
[modul=teasercolumn] .teaserBild:has(a):hover {
	cursor: pointer;
}
[modul=teasercolumn] .teaserBild:has(a):hover .lazyImage,
[modul=teasercolumn] .teaserBild:has(a):focus-visible .lazyImage {
	border-radius: 100%;
}
[modul=teasercolumn] .teaserBild:hover a,
[modul=teasercolumn] .teaserBild:focus-visible a {
	border-bottom: 2px solid var(--border-Strong)!important;
	padding: calc(var(--spacing-Space-5) + 1px) var(--spacing-Space-0) calc(var(--spacing-Space-5) - 3px);
}


div[section] > div[modul="sectionheader"]:has([slot]):not(:has(p,h2)) {
	padding-bottom: 0;
	
}
[modul="teasericon grid"] [slot] {
	display:flex;
	justify-content: center;
	align-items: flex-start;
	align-content: flex-start;
	gap: var(--spacing-Space-6);
	align-self: stretch;
	flex-wrap: wrap;
}
[modul="teasericon list"] {
	display: flex;
}
[modul="teasericon list"] [slot] {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	align-content: flex-start;
	gap: var(--spacing-Space-6) 5rem;
	flex-wrap: wrap;
}
[modul*="teasericon"] [slot] > a {
	margin-bottom: 0!important;
}
[modul="teasericon grid"] [slot] > a {
	min-width: 8.75rem;
	max-width: 20rem;
}
@container page (max-width: 767px){

}

@container page (min-width: 768px) and (max-width: 1023px){
	[modul="teasericon grid"] [slot] {
		gap: 4rem;
	}
	[modul="teasericon list"] [slot] {
		gap: var(--spacing-Space-12) 7.5rem;
		align-self: stretch;
	}
	[modul="teasericon grid"] [slot] > a {
		/* min-width: 11.25rem; */
		flex: 1 0 0;
 	}
}
@container page (min-width: 1024px){
	[modul="teasericon grid"] [slot] {
		gap: 5rem;
	}
	[modul="teasericon grid"] [slot] > a {
		min-width: unset;
		flex: 1 0 0;
 	}
	[modul="teasericon grid"] [slot] > a:nth-child(-n+4) {
		flex: 1 0 calc(25% - 5rem);
	}
/* 	[modul="teasericon grid"] [slot] > a:nth-child(4):after {
		content: '';
        width: 100%;
        height: 16px;
	} */
	[modul="teasericon grid"] [slot] > a:nth-child(5) {
		margin-left: 2.5rem;
	}
	[modul="teasericon grid"] [slot] > a.heroLink-M:last-child  {
		margin-right: 2.5rem;
	}
	[modul="teasericon list"] [slot] {
		gap: var(--spacing-Space-12) 10rem;
		align-self: stretch;
		justify-content: unset;
	}
	
}


[section] > [modul*="teaserwide"] {
	container-type: unset;
	padding-bottom: var(--spacing-Space-6);
}
[modul="teaserwideduo"] {
	display: flex;	
}
[breakpoint="mobile"] [modul="teaserwideduo"] {
	flex-direction: column;
    gap: 3rem;
}
[breakpoint="tablet"] [modul="teaserwideduo"] {
	flex-direction: column;
	gap: 4rem;
}
[breakpoint*="desktop"] [modul="teaserwideduo"] {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	gap: var(--spacing-Space-10);
}
[modul="teaserwideduo"] > [slot] {
	flex:1;
	align-self: stretch;
}
[modul="teaserwideduo"] > [slot] > [class^='teaser'] > * {
	flex:1;
}
[modul^="teaserwide"]  svg > rect	{
	fill:none;
}
[modul^="teaserwideduo"] [slot='0'] path[fill="#F8F0DD"],
[modul="teaserwide"] path[fill="#F8F0DD"]	{
	fill:var(--surface-Secondary);
}
[modul^="teaserwideduo"] [slot='1'] path[fill="#F8F0DD"] {
	fill:var(--surface-Primary);
}
[modul^="teaserwide"] > [slot] > .teaserBanner .illustration {
	align-self: center;
}
@container (width < 1023px) {
	 [modul^="teaserwide"] .button {
		margin: 0;
		align-self: stretch;
	}
	[modul^="teaserwide"] a.link {
		align-self: center;
	}
}
[modul=text] {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: var(--gap);
	align-self: stretch;
}
[breakpoint^=desktop] [modul=text] {
	justify-content: center;
	align-items: center;
	align-content: center;
	flex-wrap: wrap;
}
[modul=text] [slot='0'] {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: var(--spacing-Space-6);
	align-self: stretch;
}
[breakpoint^=desktop] [modul=text] [slot='0'] {
	min-width: 30rem;
	max-width: 50rem;
	flex: 1 0 0;
}
[breakpoint=tablet] [modul=text] [slot='0'] {
	min-width: 30rem;
	max-width: 60rem;
	flex: 1 0 0;
}

/* ******************** TRUST SINGLE *********************************************** */
div[section] > div[modul='trustsingle']:has( + [modul='trustsingle']) {padding-bottom: var(--spacing-Space-20);}
[modul='trustsingle'] {display: flex;padding: 10rem 0;flex-direction: column;align-items: center;gap: var(--spacing-Space-20);}
[modul='trustsingle'] [slot='0'] {display: flex; gap: var(--spacing-Space-20); flex-direction: column;}
[modul='trustsingle'] [slot='0'] div.sectionHeader {padding-bottom: var(--spacing-Space-20);padding-left: 16rem;}
[modul='trustsingle'] [slot='0'] div.trustContent {display: flex;align-items: center;gap: var(--spacing-Space-12);align-self: stretch;}
[modul='trustsingle'] [slot='0'] div.text {display: flex;flex-direction: column;align-items: flex-start;gap: var(--spacing-Space-6);}
[modul='trustsingle'] [slot='0'] div.text > div {display: flex;padding: 0;flex-direction: column;align-items: flex-start;gap: var(--spacing-Space-1);align-self: stretch;}
[modul='trustsingle'] [slot='0'] div.image {padding: var(--spacing-Space-14);}
[modul='trustsingle'] [slot='0'] div.image div.lazyImage {aspect-ratio: 16/9;}

[breakpoint^="desktop"] [modul='sectionheader']:has( + [modul='trustsingle']) {padding-bottom:var(--spacing-Space-20);}
[breakpoint^="desktop"] [modul='sectionheader']:has( + [modul='trustsingle']) [slot='0'] {display: flex;padding: 0;align-items: flex-start;gap: var(--spacing-Space-14);flex-direction: row;flex: 1 0 0;}
[breakpoint^="desktop"] [modul='sectionheader']:has( + [modul='trustsingle']) [slot='0'] h2 {max-width: 50rem;flex: 1 0 0;}
[breakpoint^="desktop"] [modul='sectionheader']:has( + [modul='trustsingle']) [slot='0'] p {max-width: 30rem;flex: 1 0 0;}

[breakpoint^="desktop"] [modul='trustsingle'] {align-items: flex-start;}
[breakpoint^="desktop"] [modul='trustsingle'] [slot='0'] div.image {display: flex; min-width: 15rem; max-width: 30rem; justify-content: center;align-items: center;padding: var(--spacing-Space-14);}
[breakpoint^="desktop"] [modul='trustsingle'] [slot='0'] div.lazyImage {min-width: 14.25rem;max-width: 14.25rem;}
[breakpoint^="desktop"] [modul='trustsingle'] [slot='0'] div.text {min-width: 20rem;max-width: 50rem;flex: 1 0 0;}

[breakpoint*="tablet"] [modul='sectionheader']:has( + [modul='trustsingle']) {padding-bottom: var(--spacing-Space-16);text-align: center;}
[breakpoint*="tablet"] [modul='trustsingle']:has( + [modul='trustsingle']) {padding-bottom: var(--spacing-Space-16);}
[breakpoint*="tablet"] [modul='trustsingle'] [slot='0'] {display: flex; gap: var(--spacing-Space-16);}
[breakpoint*="tablet"] [modul='trustsingle'] [slot='0'] div.lazyImage {min-width: 15rem; max-width: 30rem;display: flex; flex-direction: column;align-items: flex-start;}
[breakpoint*="tablet"] [modul='trustsingle'] [slot='0'] div.text {width: 100%;min-width: 20rem;}
[breakpoint^="tablet"] [modul='trustsingle'] [slot='0'] {width:100%}
[breakpoint^="tablet"] [modul='trustsingle'] [slot='0'] div.SSI{width:100%; display: flex;}
[breakpoint^="tablet"] [modul='trustsingle'] [slot='0'] div.image {display: flex;min-width: 15rem;max-width: 30rem;padding: var(--spacing-Space-14);justify-content: center;align-items: center;gap: 0.5rem;flex: 1 0 0;}

[breakpoint^="mobile"] [modul='sectionheader']:has( + [modul='trustsingle']){padding-bottom: var(--spacing-Space-12); text-align: center;}
[breakpoint*="mobile"] [modul='trustsingle'] {display: flex;flex-direction: column;justify-content: center;align-items: flex-start;gap: var(--gap, 3rem);align-self: stretch;flex-wrap: wrap;align-content: center;}
[breakpoint*="mobile"] [modul='trustsingle']:has( + [modul='trustsingle']) {padding-bottom: 0;}
[breakpoint*="mobile"] [modul='trustsingle'] [slot='0'] {display: flex;padding: 0;flex-direction: column;align-items: flex-start;gap: var(--spacing-Space-12);}
[breakpoint*="mobile"] [modul='trustsingle'] [slot='0'] div.trustContent{display: flex;max-width: var(--max-container, 45.9375rem);align-items: center;align-content: center;gap: 3rem;align-self: stretch;flex-wrap: wrap;}
[breakpoint^="mobile"] [modul='trustsingle'] [slot='0'] div.image {flex: 1 0 0;}
[breakpoint*="mobile"] [modul='trustsingle'] [slot='0'] div.text {gap: var(--spacing-Space-4); min-width:20rem;}
[breakpoint*="mobile"] [modul='trustsingle'] [slot='0'] div.text > div {gap: 0;}
[breakpoint*="mobile"] [modul='trustsingle'] [slot='0'] div.lazyImage {display: flex; min-width: 14.25rem; max-width: 30rem; flex-direction: column;align-items: flex-start;}
[breakpoint*="mobile"] [modul='trustsingle'] {padding:0; gap:0;}
@media (max-width: 485px){[breakpoint*="mobile"] [modul='trustsingle'] [slot='0'] {display: flex;width: 100% ;}}
@media (max-width: 767px) and (min-width: 740px) {
	[breakpoint*="mobile"] [modul='trustsingle'] [slot='0'] div.text {min-width: 22rem;}
	[breakpoint*="mobile"] [modul='trustsingle'] [slot='0'] div.image div.lazyImage {left: 50%;top: 50%;transform: translate(-50%, 0%);}
}


/* ******************** TRUST GRID *********************************************** */
[breakpoint^="desktop"] [modul='sectionheader']:has( + [modul='trustgrid']) {padding-bottom:var(--spacing-Space-20);}
[breakpoint^="desktop"] [modul='sectionheader']:has( + [modul='trustgrid']) [slot='0'] {display: flex;padding: 0;align-items: flex-start;gap: var(--spacing-Space-14);flex-direction: row;flex: 1 0 0;}
[breakpoint^="desktop"] [modul='sectionheader']:has( + [modul='trustgrid']) [slot='0'] h2 {max-width: 50rem;flex: 1 0 0;}
[breakpoint^="desktop"] [modul='sectionheader']:has( + [modul='trustgrid']) [slot='0'] p {max-width: 30rem;flex: 1 0 0;}
[breakpoint^="desktop"] [modul='trustgrid'] [slot='0'] div.trustContent {display: flex;cursor: pointer;height: 15.875rem;min-width: 15rem; justify-content: center;align-items: center;gap: 0.5rem;flex: 1 0 0;box-sizing: border-box;}
[breakpoint^="desktop"] [modul='trustgrid'] [slot='0'] div.SSI {display: flex;cursor: pointer;height: 15.875rem;min-width: 15rem; justify-content: center;align-items: center;gap: 0.5rem;flex: 1 0 0;box-sizing: border-box;}
[breakpoint^="desktop"] [modul='trustgrid'].trustgrid-4  [slot='0'] > div {flex: 1;}

[modul='trustgrid'] {display: flex;justify-content: center;flex-direction: column;}
[modul='trustgrid'] [slot='0'] {display: flex;justify-content: center;align-items: flex-start;align-content: flex-start;gap: 1rem;align-self: stretch;flex-wrap: wrap;}
[modul='trustgrid'] [slot='0'] div.sectionHeader {display: none;}
[modul='trustgrid'] [slot='0'] div.text {display: none;}
[modul='trustgrid'] [slot='0'] div.image {display: flex;min-width: 13rem;max-width: 15rem;flex-direction: column;align-items: center;}
[modul='trustgrid'] [slot='0'] div.lazyImage {display: flex;width: 14.25rem; aspect-ratio: 16/9}

/*
@media (max-width: 1167px) and (min-width: 1024px) {	
	[breakpoint^="desktop"] [modul='trustgrid'].trustgrid-4 [slot='0'] {padding: 0 var(--spacing-Space-4);	flex-direction: row;align-items: center;}	
	[breakpoint^="desktop"] [modul='trustgrid'].trustgrid-4 [slot='0'] div.trustContent {min-width: 12rem;padding: 0rem 1rem;flex: 1 0 0;}
	[breakpoint^="desktop"] [modul='trustgrid'].trustgrid-4 [slot='0'] div.image {min-width: 11rem;max-width: 13rem;}
}*/

[breakpoint^="tablet"] [modul='sectionheader']:has( + [modul='trustgrid']) {padding-bottom: var(--spacing-Space-16);display: flex; justify-content: center}
[breakpoint^="tablet"] [modul='sectionheader']:has( + [modul='trustgrid']) [slot='0'] {display: flex; padding: 0; flex-direction: column; align-items: center; gap: var(--spacing-Space-6); text-align: center; flex: 1 0 0;max-width: 50rem;align-self: stretch;}
[breakpoint*="tablet"] [modul='trustgrid'] [slot='0'] div.trustContent {display: flex;height: 15.875rem;min-width: 15rem;padding: 0rem 3.5rem;justify-content: center;align-items: center;gap: 0.5rem;align-self: stretch;flex: 1 1 0;}

@media (max-width: 784px) and (min-width: 767px) {	
	[breakpoint^="tablet"] [modul='trustgrid'].trustgrid-4 [slot='0'] div.trustContent {padding: 0rem 1.5rem;}
}


[breakpoint^="mobile"] [modul='sectionheader']:has( + [modul='trustgrid']) [slot='0'] {display: flex;max-width: var(--max-container, 45.9375rem);flex-direction: column;align-items: center;gap: var(--spacing-Space-6);text-align: center;max-width: 45rem; align-self: stretch;}
[breakpoint^="mobile"] [modul='sectionheader']:has( + [modul='trustgrid']) {padding-bottom: var(--spacing-Space-12);}
[breakpoint*="mobile"] [modul='trustgrid'] {flex-direction: column;}
[breakpoint*="mobile"] [modul='trustgrid'] [slot='0'] {max-width: var(--max-container, 45.9375rem);align-items: center;align-content: center;flex-direction: column;}
[breakpoint*="mobile"] [modul='trustgrid'] [slot='0'] div.trustContent {display: flex;}
[breakpoint*="mobile"] [modul='trustgrid'] [slot='0'] div.image {display: flex;height: 15.875rem;min-width: 15rem;padding: 0rem 3.5rem;justify-content: center;align-items: center;gap: 0.5rem;flex: 1 0 0;}

/* ******************** TRUST GRID OVERLAY *********************************************** */
div.pageoverlay.lightbox > .container div.trustContent {display: flex;margin: 0 var(--spacing-Space-4) 0 0;}
div.pageoverlay.lightbox > .container:has(.trustContent), div.pageoverlay > .container:has(.trustContent) > :only-child {display: flex;}
div.pageoverlay.lightbox > .container div.trustContent {display: flex;padding: var(--spacing-Space-8);align-items: center;align-content: center;gap: 3rem;flex-direction: row;}
div.pageoverlay.lightbox > .container div.trustContent div.image {display: flex;flex-direction: column;align-items: center;justify-content: center;}
div.pageoverlay.lightbox > .container div.trustContent div.image div.lazyImage{aspect-ratio: 16/9; margin-bottom: 0;display: flex;width: 14.25rem;max-width: 14.25rem;flex-direction: column;align-items: flex-start;flex-shrink: 0;}
div.pageoverlay.lightbox > .container div.trustContent div.text {display: flex;max-width: 50rem;flex-direction: column;align-items: flex-start;gap: 1.5rem;flex: 1 0 0; margin-right: var(--spacing-Space-4)}

[breakpoint^="desktop"] div.pageoverlay.lightbox > .container:has(.trustContent) {width: 50rem; max-width: 64rem; display:block;}
[breakpoint^="desktop"] div.pageoverlay.lightbox > .container div.trustContent .subueberschrift {padding-bottom: var(--spacing-Space-1)}
[breakpoint^="desktop"] div.pageoverlay.lightbox > .container div.trustContent div.image {display: flex; min-width:14.25rem; min-height: 15.9375rem;align-items: center;gap: 0.5rem;flex-shrink: 0;padding: 0 3.5rem;}

[breakpoint^="tablet"] div.pageoverlay.lightbox > .container:has(.trustContent) {max-width: calc(100vw - 3em);gap:0;}
[breakpoint^="tablet"] div.pageoverlay.lightbox > .container div.trustContent .subueberschrift {padding-bottom: var(--spacing-Space-1)}
[breakpoint^="tablet"] div.pageoverlay.lightbox > .container div.trustContent div.image {padding: 0 var(--spacing-Space-14); width: 15rem;min-height: 11.25rem;}
[breakpoint^="tablet"] div.pageoverlay > .container:has(.trustContent) > :only-child {max-width: 100%; width: 100%;}

[breakpoint^="mobile"] div.pageoverlay.lightbox > .container div.trustContent div.image {display: flex; justify-content: center;padding: var(--spacing-Space-14) var(--spacing-Space-8);align-items: center;gap: 0.5rem;align-self: stretch;}
[breakpoint^="mobile"] div.pageoverlay.lightbox > .container div.trustContent div.image div.lazyImage{margin-bottom:0;aspect-ratio: 16/9; min-width: 14.25rem;max-width: 14.25rem;}
[breakpoint^="mobile"] div.pageoverlay.lightbox > .container > .trustContent {margin:0;display: flex;padding: var(--spacing-Space-12) var(--spacing-Space-4); flex-direction: column;justify-content: flex-end;gap: var(--spacing-Space-6);flex: 1 0 0; align-items: flex-start;}
[breakpoint^="mobile"] div.pageoverlay > .container:has(.trustContent) > :only-child {max-width: 100%;}
[breakpoint^="mobile"] div.pageoverlay.lightbox > .container:has(.trustContent)  {max-width: 100%; width: 100%;}

[breakpoint^="mobile"] .pageoverlay .container:has(.trustContent) { position: absolute; top: 50%;left: 50%;transform: translate(-50%, 150%); /* Startposition: außerhalb des Bildschirms unten */ transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out; opacity: 0;}
[breakpoint^="mobile"] .pageoverlay.show .container:has(.trustContent) {  transform: translate(-50%, -50%);  opacity: 1;}

/* ******************** EKOMI *********************************************** */
[breakpoint^="mobile"] div.pageoverlay.lightbox > .container:has(.trustContent.ekomi) div.trustContent.ekomi {display: flex;margin: 0;flex-direction: column; align-items: flex-start;justify-content: center;padding-top: var(--spacing-Space-12)}
[breakpoint*="mobile"] [modul='trustsingle'] [slot='0'] div.SSI {display: flex;}
[breakpoint*="mobile"] [modul='trustsingle'] [slot='0'] div.SSI div.trustContent.ekomi div.image.seal {display: flex; min-width: 14.25rem; flex-direction: column; align-items: flex-start; align-items: center; justify-content: center;}
div.ekomi span.rating span.icon {padding-right: var(--spacing-Space-2)}
div.ekomi span.rating .averageRating {font-weight: 500;}
div.ekomi div.text > div > p.ratingStars {display: flex;min-width: 20rem;max-width: 50rem;flex-direction: row;gap: var(--spacing-Space-4);flex: 1 0 0;}
div.ekomi div.text > div > p.rating-count {padding-bottom: var(--spacing-Space-2)}
div.ekomi div.image div.imageContainer {padding: 1rem 0;}
divs.ekomi div.seal {display: flex;min-width: 14rem;max-width: 30rem;padding: 3.5rem;justify-content: center;align-items: center;gap: 0.5rem;}

[modul='trustsingle'].overlay {
	padding: 0;
}
[modul='videoteaser']	{display:flex; gap:0; flex-wrap: wrap; flex-direction: row; margin:0 20%}
[modul='videoteaser'] > [slot]	{flex:1}
[modul='videoteaser'] > [slot='0']	{padding:2rem}
[modul='videoteaser'] > [slot='1'] > .yT-Container	{aspect-ratio:3/4; margin:0}


#viewportDetection	{position:fixed; right:-10px; top:-10px;}

body	{line-height: 150%; letter-spacing: 0.02rem;}

html	{font-size:16px}

/* ---------------------- "JUST" for Scaling (to make loved brakepoints happy) ------------------------

@media screen and (min-width: 1024px) and (max-width:1440px){ 
	
	html	{
		--fontSizeVw : 1vw;
		font-size:var(--fontSizeVw)
	}
}

@media screen and (min-width: 1024px) and (min-width:1440px){ 
	html	{
		--fontSize : 1;
		font-size:calc(var(--fontSize) * var(--maxPageWidth) / 100);
	}
}

---------------------- /"JUST" for Scaling (to make loved brakepoints happy) ------------------------*/

@media screen and (min-width: 1024px){ 
	:root {--type:"desktop"}
	#viewportDetection	{width:2px; height:2px;}
	body    {overflow-y:scroll;}
body.overlayed	{overflow-y:hidden; margin-left:-8px;}

iframe	{overflow:auto; -webkit-overflow-scrolling:touch;}
.iframe-preview {width:100%; max-width:100%; margin:0; height:610px}

.mobileView, .mobile	{display:none!important}

#page	{max-width:var(--maxPageWidth); margin:0 auto; padding:0; position:relative; box-sizing:border-box;}

div.bildfeld > *	{opacity:.9}


[slots] {display: flex; align-items:stretch;flex-direction: row;place-content: space-between;gap: var(--stdSpacing);}
[slots]:not(:last-child) {margin-bottom:var(--stdSpacing)}
[slots] > [col]	{flex: 1}
[slots="duo12"] > [col='0'],
[slots="duo21"] > [col='1']	{flex: 2}

[slots] > [col] > *:not(:last-child)	{margin-bottom:var(--stdSpacing)}


.iframed div.quickeditMenu	{display:none}
div.quickeditMenu		{position:fixed; right:20px; top:0; box-shadow:0px 0px 8px #000; padding:2px 5px 5px 5px; background-color:var(--canvas-Primary);; border-radius:0 0 5px 5px; z-index:1000}
div.quickeditMenu > div	{display:inline; float:left; width:20px; height:20px; margin:3px 0 0 2px; cursor:pointer}
div.quickEditOpener	{background: url(/library/images/system/qeContent.png)}
div.quickEditNew	{background: url(/library/images/system/qeDustbin.png)}
div.imperiaDashboard	{background: url(/library/images/system/qeDashboard.png)}
div.quickEditNew	{background: url(/library/images/system/qeNewSite.png)}
div.quickEditMobile	{background: url(/library/images/system/qeViewMobile.png)}
div.quickEditKill	{background: url(/library/images/system/qeDustbin.png); margin-left:15px!important}
div.quickEditTools	{background: url(/library/images/system/qeTools.png)}

div.quickEdit	{display:none; position:absolute!important; margin-top:2px; width:20px; height:20px; overflow:hidden; background: url(/library/images/system/qeContent.png); cursor:pointer; z-index:10000}
body.quickEdit div.quickEdit	{display:block}
div.quickEdit a	{width:100%; height:100%}
body.quickEdit div.quickeditmarker	{width:100%; height:100%; position:absolute!important; background-color:#000; opacity:.5; filter:alpha(opacity=50, style=0); z-index:1000; top:0; left:0}

/* Reiter */
div.reiter {margin:0; position:relative;}
div.reiter > ul.pager {display: flex; z-index:2;}
div.reiter > ul.pager li {display:flex; flex: 3 1 auto; padding: 10px 15px; font-size:100%; justify-content: center; border-top:1px solid (none); border-bottom:1px solid (none);border-right:1px solid (none); text-align: center; background-color:(none);}
div.reiter > ul.pager li > span {width: 100%; text-align: center; align-self: center; pointer-events: none;}
div.reiter > ul.pager li:first-child {border-left:1px solid (none);}
div.reiter > ul.pager li:hover {text-decoration:underline; cursor:pointer}
div.reiter > ul.pager li.aktiv {background-color: #fff;  position:relative; border-bottom: none;}

/* Reiter-Content */
div.reiter > div.content {padding:0 ; position:relative;}
div.reiter > div.content > div.page {padding:10px 0 0 0; margin:0; }
div.reiter > div.content > div.page.aktiv {z-index:2;  border: 1px solid (none); padding:20px; border-top: none;}
 	
}

@media screen and (max-width: 1023px){
	:root {--type:"portrait"}
	#viewportDetection	{width:1px; height:1px;}
	html	{font-size:16px; /* max-width:75vh; */ margin:0 auto}
	
body { overflow-y:scroll; -webkit-overflow-scrolling:touch;}
body.overlayed	{overflow-y:hidden;}

.hWiper	{overflow-x:scroll; overflow-y:show; -webkit-overflow-scrolling:touch; margin:0 -20px; padding:10px 20px;}

body .desktop	{display:none!important}

/* Handwriting Text */
div.handwritingText p	{font-size: 280%;}

#header 	{margin-bottom:20px}
#header div.text	{margin-top: 10px; padding: 0 20px;}

#dialogLayer		{bottom:-100%; left:0; position:fixed; width:100%; height:100%; background-color:#fff; z-index:100}
#kontakt.open #dialogLayer	{bottom:0%}
#dialogLayer > div	{width:100%; height:100%; background-color:#fff; margin:0;}
.SAFARI #dialogLayer > div	{-webkit-overflow-scrolling: touch; overflow-y: scroll;}
#dialogLayer iframe	{overflow-y:auto; -webkit-overflow-scrolling:touch; display:none}
#kontakt.open #dialogLayer iframe	{display:block}				
#dialogLayer div.closer	{position:absolute; top:10px; right:10px; height:35px; width:35px; z-index:101; background-color:transparent}
#dialogLayer div.closer:after 	{font-family: "iconset"; content: '\e919'; top:10px; left:10px; color: (none); top:10px; left:10px;}


#header	> div.imgContainer			{overflow:hidden}
#header	> div.imgContainer	img		{width:200%; display:block}


#cookies.open {z-index: 9999;}

div.divider	{border-top:2px dotted (none); margin: 10px 0 10px 0; clear:both}

#content > div:first-child > .slots:not(.trenner),
.farbfeld.reset > .slots:not(.trenner)	{margin:0 20px}
div.slots > div.spalte {margin-bottom:20px!important; position:relative;}
div.slots > div.spalte > div.layout	{margin-bottom:0!important}

div.slots > div.spalte.white > div.layout, div.slots > div.spalte > div.layout.white {padding: 0px; margin:0}

div.slots > div.spalte.shadow:before	{display:none}
div.slots > div.spalte.shadow:after		{display:none}

div.slots > div.spalte.alignRight {text-align: left;}

div.slots > div.spalte.dots:before {content: none;}
div.slots > div.spalte.line {padding-top: 10px}
div.slots > div.spalte.dots:before, div.slots > div.spalte.line:before {height: 1px;width: 100%;top: 0; left: 0;}
div.slots > div.spalte.dots > div.layout, div.slots > div.spalte.line > div.layout {margin-left: 0; margin-right: 0 ;}
#header div.video {left: 10%}
#autolink ul li	{width:auto}
div.autocomplete				{height:60%; margin-top:73px}

div.slots.duo12 div.spalte.eins div.contentbild {max-width:300px; margin:0 auto; height:auto!important}
div.slots.duo21 div.spalte.zwei div.contentbild {max-width:300px; margin:0 auto; height:auto!important}

div.slots > div.spalte.xs-2col {float: left; width:calc((100% - 20px) / 2); margin-right: 20px;}
div.slots > div.spalte.xs-2col:nth-child(2n) {margin-right: 0px;}
div.slots > div.spalte.xs-2col:nth-child(3) {clear: both;}

div.bildfeld	{position: relative; padding:0; min-height:0!important}
div.bildfeld > img	{position:relative; width:100%!important}

div.farbfeld.noMarginTop		{margin-top:-15px}

div.shadowBox.xs-50Pad {padding: 0 4.5%;}
div.shadowBox.xs-noPad {padding: 0;}
div.shadowBox.xs-noPad:not(.noBackground) > div {padding: 10px;}
div.shadowBox.xs-noPad > div > div.slots {margin: 0;}

div.link div.icon	{width:25px; height:25px}	

.siteactive > div		{padding:5px 10px 5px 80px; position:relative; border-bottom:1px solid (none);}	

.siteactive > div > a.link			{margin:10px 0;}
.siteactiveFilter	{display:none}
.siteactivePager div	{padding:0 10px;}

.siteactivePager label	{display:block}

.siteactivePager .but	{margin:5px; padding:0}
.siteactivePager .but.start	{display:none}
.siteactivePager .but.ende	{display:none}

.switch div		{text-align:center}

/* div.teaserBild div.text	{position:relative; width:100%!important;}
div.teaserBild div.bild	{position:relative; width:100%!important;}
div.teaserBild div, .slot.trio div.teaserBild div	{position:relative; margin:0 0 10px 0}
div.teaserBild.fifty 	{text-align:center}
div.teaserBild.fifty div.bild img 	{width:auto; max-width:60%}
div.teaserBild img	{max-width:100%}
div.teaserBild.frame:not(.full) img	{max-width: 100%; width: 100%!important; margin: 0!important;}
div.teaserBild.zweidrittel div.bild	{width:100%;float:left}
div.teaserBild.zweidrittel img {max-width: 100%;}
div.teaserBild div.text	{top:7px !important;} */

form.arag div.row		{padding: 5px 0; line-height:190%}

form.arag div.row label	{position:relative; display:block}

.switch div.ico			{display:none}

.tarifrechner .betrag	{margin:0 0 10px 0}
.tarifrechner table.tabbed 	{border-left:1px solid (none); border-top:1px solid (none);}
.tarifrechner table.tabbed td	{width:100%; width:calc(100% - 1px); display:inline-block; border-bottom:1px solid (none); border-right:1px solid (none);}

#foot ul.metanav {padding-top: 0;}
#foot ul.metanav {margin-left: 0;}
#foot ul.metanav2 {margin-bottom: 0;}

#homepage	{ margin:50px 0 0 0; position:relative;}
.homepage:before	{content:" "; background:url('/library/images/system/icons/trenner_dott.png') repeat-x 50% 50%; width:100%; height:6px; position:absolute; top:-25px; left:0}

.homepage .green .column.c1	{width:100%}
.homepage form	{margin-bottom:20px}

.homepage h4, .multiteaser h4	{margin-bottom:5px}
.homepage p.subtext	{margin-top:-10px;}
.homepage {margin:0 0 20px 0; border:0}
.homepage .column	{width:100%!important; float:none; margin:0; overflow:hidden}
.homepage .column .wrapper	{border-left:0;  padding:0px 10px;}
.homepage .green {padding-top:10px; margin-top:-1px;background-color:(none);}
.homepage select {margin-bottom:10px}

.homepage .suche	{width:auto; background-color:(none); padding:15px 10px 1px 10px; clear:both; margin-bottom:15px}
.homepage .suche:after	{display:block; content:""; clear:both; position:relative;}

.multiteaser	{margin:15px 0}
.multiteaser .column	{margin-bottom:15px}

#versicherungen {text-align:center}
#versicherungen a {float:left}
#versicherungen a > p {margin: 0 0 25px 0;}

div.slots > div.spalte.stoerer > div.layout > div.wrapper	{padding-top:40px}
div.slots > div.spalte.stoerer > div.layout > div.wrapper > div.ico:first-child {font-size:50px; line-height:70px!important; width:70px;}

//objects
.calendarCaller	{display:none}
#anwaltsuche fieldset	{padding-bottom:40px}
#anwaltsuche div.anwalt div.kanzlei div.rechtsgebiete	{margin-top:15px}
#dialog div.container	{max-width:100%;}
#keywordnavigation			{margin:20px 10px}

#suchergebnis .searchitem	{padding:0 0 30px 0;}

#vpsuche fieldset.search > *	{display:block; margin:0 0 15px 0;}
#vpsuche fieldset.search label	{font-size:120%}
#vpsuche fieldset.search input[type=text]	{display:block; width:90%}
#vpsuche fieldset.search button	{display:block; width:90%; float:none}
#vpsuche div.gst div.gmap	{width:100%;}
#vpsuche div.gst p	{clear:both}
#vpsuche div.partner div.links p	{width:100%;}

div.themenselector ul.versicherungen	{margin:15px 0}
div.themenselector ul.spezialthemen	{width:auto;}
div.themenselector select {width:90%;}

iframe {max-width:100%}

/* Preisauszeichnung */
div.preisauszeichnung > div.textblock sup {vertical-align: text-top;}

/* Reiter */
div.reiter {margin: 10px 0 15px 0; position:relative;}
div.reiter > ul.pager {display: flex; flex-wrap: wrap; list-style: outside none none; margin: 0 !important;}
div.reiter > ul.pager li {box-sizing: border-box; display: flex; flex: 0 0 50%; margin: -1px 0 0 -1px; background-color:(none); font-size:120%; cursor: pointer; padding: 10px 10px; text-align: center; border: 1px solid (none);}
div.reiter > ul.pager.size3 {width: calc(100% + 4px);}
div.reiter > ul.pager.size3 li {flex: 1 1 0;}
div.reiter > ul.pager.size3 li.aktiv {flex: 1 1 0; border-bottom:none;}
div.reiter > ul.pager.size3 li > span {text-align: center; width: 100%;}
div.reiter > ul.pager li > span {display: block; text-align: left; align-self: center;  pointer-events: none;}
div.reiter > ul.pager::after   {clear:both; display:block; content:""}	    

div.reiter > ul.pager li:nth-child(odd)	{border-left:1px solid (none);}
div.reiter > ul.pager li:first-child, div.reiter > ul.pager li:nth-child(2) {border-top:1px solid (none);}
div.reiter > ul.pager li.aktiv {background-color: #fff; position:relative;}


div.reiter > div.content > div.page.aktiv {padding: 0; background-color: #fff}

#cookies.open {position:fixed; opacity: 0.9;}

#telefon-teaser > span.tel {font-size: 140%;margin-right: 80px;}
#telefon-teaser .desc {display:none}
#header #telefon-teaser {padding-bottom: 15px; padding-top: 15px;}
#header #telefon-teaser > span.tel::before {margin-right: 0; margin-bottom:-10px}
#header .update.rg {margin-bottom: 10px;}

#red_popup {bottom:0 !important; left: 0 !important; margin-left: 1% !important; margin-right: 1% !important;width: 90% !important;}
#red_popup.center {left:50% !important;}
#red_popup div.teaserBild.drittel div.bild {width:33% !important;}
#red_popup div.teaserBild.drittel div.text {width: 67% !important;}
#red_popup div.teaserBild div, #red_popup .slot.trio div.teaserBild div {margin: 0 !important;}


/* Quicklink-Navi */
#quicklinks-container {right: -2px;top: 56px; z-index:10}
#quicklinks li.notiz	{display:none}

div.slots > div.spalte.zitat:before	{top:-52px;}
.newBox {padding: 10px;}
/* Header - Telefon + Headerbild und -text */

#gelberBoxAbschluss[fixedelement=active]  {margin:  0 -20px 0 -20px!important;}
#gelberBoxAbschluss[fixedelement=active]:before  {display: none;}
#header.gbaPhone:not(.gbamobileimg) .imgContainer {display: none;}
#header.gbamobileimg .imgContainer > img {height: 200px!important; width: auto!important;}
#header.gbaPhone.gbamobileimg div.text.bgwhite {box-sizing: border-box; width: 100%; margin: 0; auto: 10; position: relative; top: 0;}

#foot ul#redlinks li {flex: 1 0 100%;}

.xs-padX-0 {padding-left: 0; padding-right: 0;}
.xs-padX-5p {padding-left: 5%; padding-right: 5%;}
.xs-padX-10p {padding-left: 10%; padding-right: 10%;}
.xs-mX-5p {margin-left: 5%!important; margin-right: 5%!important;}
.xs-mX-10p {margin-left: 10%!important; margin-right: 10%!important;}
 	
}
.eKomiAuszeichnungenSiegel h5 {font-size: 105%;}
.eKomiAuszeichnungenSiegel .desc {padding-top:10px;}		
.eKomiAuszeichnungenSiegel .desc p {margin-top:0;}	
.eKomiAuszeichnungenSiegel .seal {width:80px; height:80px;float:left; margin-right:10px; margin-top: 8px;}	
.eKomiAuszeichnungenSiegel .siegel-reihe {width: 100%;min-height:100px;}

#eKomi-all-reviews-output .siteactivePager label {left: 0; margin: 50px 0; margin-left:40%; position:absolute; top:inherit;}

.ekomicon	{position:relative; display:flex; vertical-align:middle; align-items: center;justify-content: center;}
.ekomicon:not(.star):before	{background:url('/library/images/system/icons/eKomi-Sprite.png') no-repeat; content:""; width:100%; height:100%}

.ekomicon.seal.big:before	{width:100px; height:100px;}
.ekomicon.seal.standard:before	{width:85px; height:85px;}
.ekomicon.seal.small:before	{width:75px; height:75px;}

.ekomicon.seal.default.big:before {background-position:-1px -35px;}
.ekomicon.seal.default.standard:before {background-position:-105px -35px;}
.ekomicon.seal.default.small:before {background-position:-210px -35px;}

.ekomicon.seal.gold.big:before {background-position:-1px -140px;}
.ekomicon.seal.gold.standard:before {background-position:-105px -140px;}
.ekomicon.seal.gold.small:before {background-position:-210px -140px;}

.ekomicon.seal.silber.big:before {background-position:0 -245px;}
.ekomicon.seal.silber.standard:before {background-position:-105px -245px;}
.ekomicon.seal.silber.small:before {background-position:-210px -245px;}

.ekomicon.seal.silver.big:before {background-position:0 -245px;}
.ekomicon.seal.silver.standard:before {background-position:-105px -245px;}
.ekomicon.seal.silver.small:before {background-position:-210px -245px;}

.ekomicon.seal.bronze.big:before {background-position:0 -350px;}
.ekomicon.seal.bronze.standard:before {background-position:-105px -350px;}
.ekomicon.seal.bronze.small:before {background-position:-210px -350px;}

#quicklogin	{position:relative; text-align: left; margin-right:0; z-index:200}
#quicklogin > label	{line-height:normal; margin:0}
body.loggedIn #quicklogin > label:before	{content:"\e962"; font-family: 'iconset' !important; margin-right:8px; display:inline-block; float:inherit}
#quicklogin > label:after	{content:"Meine ARAG";}

#quicklogin > form	{transition: all 0.3s ease-out; position:absolute; transform:scale(0,0); line-height:140%; transform-origin: 100% 0; right:0; background:#fff; padding:20px; border:1px solid #ccc; box-shadow: 2px 2px 4px rgba(0,0,0,.3); z-index: 3;}
#quicklogin.open > form:not(:empty)	{transform:scale(1,1);}

#quicklogin > form h5	{margin-bottom:10px}
#quicklogin > form > input	{display:inline-block; width:200px; padding:5px; margin:5px 0; display:block;}
#quicklogin > form > button	{width:240px;}

#quickloginForm button, #quickloginForm .button		{width:100%; text-align:center; border-radius:5px}

@media screen and (max-width: 600px){
	#quicklogin	{display:none}
	#quickloginForm	{margin:0 0 20px 0}
	#quickloginForm	h5 {margin-bottom:20px}
	#quickloginForm button, #quickloginForm .button		{width:60%;}
}



.passwordhardener	{position:relative; font-size:10px; line-height:16px; text-align:center; background-image: linear-gradient(to right, #f44 50%, #4f4 95%); color:#fff; border-radius:8px; overflow:hidden}
.passwordhardener > div	{position:absolute; left:0; top:50%; height:10px; width:10px; border-radius:50%; background-color:rgba(0,0,255,.75); transform:translate(-50%,-50%)}
.jforms .passwordhardener	{margin:5px 0 0 5px}
.passwordCompareOk	{color:#0c0!important}



div.uc-OutlookKalender > iframe {border:0; height:1820px;}
.newsletter.footer.wrapper {
	display: flex;
	max-width: var(--max-container);
	align-items: center;
	align-content: center;
	gap: 5rem var(--gap);
	align-self: stretch;
	flex-wrap: wrap;
}
.newsletter.footer.wrapper.subsection form {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: var(--spacing-Space-4);
	align-self: stretch;
	justify-content: center;
}
.newsletter.footer .form-field {
	width: 100%;
}
.newsletter.footer .newsletter-button {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: var(--spacing-Space-2);
	align-self: stretch;
}
.newsletter.footer .newsletter-button p {
	padding: 0 var(--spacing-Space-2);
}
.newsletter.footer .form-field > *,
.newsletter.footer button,
.newsletter.footer .button {
	align-self: stretch;
	flex: 1 1 0;
}
.footer .newsletter-title {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: var(--spacing-Space-6);
	align-self: stretch;
}
.footer .newsletter-title.submitted {
	text-align: center;
}
#content .optivoMessage {
	padding: var(--spacing-Space-10);
	text-align: center;
}
@container page (max-width: 767px){
	.newsletter.footer.sport .newsletter-button div {
		width: 100%;
	}
}
@container page (min-width: 768px) and (max-width: 1023px){
	.newsletter.footer .newsletter-button {
		flex-direction: row;
		align-items: center;
		align-content: center;
		gap: 0.5rem var(--spacing-Space-2);
		align-self: stretch;
		flex-wrap: wrap;
	}
	.newsletter.footer.sport .newsletter-button {
		flex-direction: column;
		align-content: flex-start;
	}
	.footer .newsletter-button button {
		flex: 1 0 0;
		min-width: 7.5rem;
	}
	.footer.newsletter .button {
		align-self: unset;
	}
	.footer .newsletter-button p {
		width: 20rem;
	}
	#foot .newsletter.footer.wrapper.subsection {
		gap: var(--spacing-Space-12);
	}
	.newsletter.footer.wrapper.subsection form {
		max-width: 50rem;
	}
}
@container page (min-width: 1024px){
	#foot .newsletter.footer.wrapper.subsection {
		flex-direction: row;
		max-width: var(--max-container);
		align-items: center;
		align-content: center;
		gap: 5rem;
		align-self: stretch;
		flex-wrap: wrap;
	}
	.footer .newsletter-title {
		flex: 1 0 5rem;
	}
	.footer .sport .newsletter-title {
		flex: 1 0 20rem;
	}
	.newsletter.footer .newsletter-button {
		flex-direction: row;
		align-items: center;
		align-content: center;
		gap: 0.5rem var(--spacing-Space-2);
		align-self: stretch;
		flex-wrap: unset;
	}
	.newsletter.footer.sport .newsletter-button {
		min-width: 30rem;
        flex-direction: column;
        align-content: flex-end;
        flex-wrap: wrap;
	}
	.newsletter.footer button {
		flex: 1 0 8.5rem;
	}
	.footer.newsletter .button {
		align-self: center;
	}
	.newsletter.footer form {
		flex: 1 1 0;
	}
}


/*********************** QUICKNAVI *************************/
#quicknavi-button-container {
	position: fixed;
	right: 6px;
	bottom: 0;
	width: calc(100% - 12px);
	z-index: 999;
	pointer-events: none;
	margin: 0;
}
#quicknavi-button-container > div {pointer-events: all;} 
.quicknavi-button-controls {
	float: right;
	width: 80px;
	margin: 0;
}
#quicknavi-button {
	position: relative;
	bottom: 0;
	width: 80px;
	height: 80px;
	cursor: pointer;
	transform: scale(1,1);
	margin: 0 0 16px 0;
}
#quicknavi-button.active {
	transform: scale(0,0);
	/* opacity: 0!important; */
}
#quicknavi-button svg {
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: visible;
}
.desktop #quicknavi-button svg {
	transition: all 0.3s ease;
}




#quicknavi-button svg #Fill-1, #quicknavi-button svg #Group-8, #quicknavi-button svg #Group-3 {
	transition: all 0.2s ease;
}
#quicknavi-button.active svg #Fill-1, #quicknavi-button.active svg #Group-8 {
	fill: white;
}
#quicknavi-button.active svg #Group-3 {
	opacity:0;
	transform: scale(0,0);
}

#quicknavi--scrolltop {width:32px; height:32px; padding:0; margin: 10px auto 0; opacity:1; background:#fff; border: 2px solid (none); transition: transform, height 0.6s ease; text-align: center; line-height: 32px; transform: translateY(0);}
#quicknavi--scrolltop.disabled {margin: 0 auto;  height: 0; transform: translateY(100%);}
#quicknavi--scrolltop.disabled:before {opacity: 0;}
#quicknavi--scrolltop:before {display: block; opacity: 1; transform: rotate(180deg); transition: opacity 1s ease;}
#quicknavi--scrolltop span {display: block; text-indent: -999em;}

#quicknavi {
	position: fixed;
	bottom: 0;
	right: 0;
	box-sizing: border-box;
	width: 100%;
	height: auto;
	padding: 48px 0 16px 0;
	background-color: #fff;
	font-size: 148%;
	line-height: 127%;
	max-height: calc(100% - 40px);
	overflow: auto;
    overflow-x: hidden;
    z-index: 999;
    transition: all 0.5s ease-in-out;
    border-radius: 80px;
}
#quicknavi.visible {
	 border-radius: 0px;
}
#quicknavi * {box-sizing:border-box;}

.quicknavi--highlight {
	padding: 16px;
	background-color: #fff;
	box-shadow: 0px 2px 14px rgba(210,201,201,0.5);
}
.quicknavi--highlight.chat{
	background-image: url(/library/images/quicknavi/avatar-live-chat.svg);
	background-position: 24px 64px;
	background-repeat: no-repeat;
	background-size: 56px;
	padding-left: 96px;
}
.quicknavi--highlight.chat.noHeadline {background-position: 24px 50%;}
.quicknavi--highlight .button, .quicknavi--highlight.aForms a.button{
	font-size: 90%;
}
.quicknavi--content {
	padding: 24px 16px 16px 16px;
}
.quicknavi--content:last-child {
	padding-bottom: 1px;
}
#quicknavi .h3, #quicknavi .h4, #quicknavi .h5, #quicknavi .h6 {
	font-family: Georgia;
	font-weight: normal;
	text-transform: uppercase;
	margin: 0 0 24px 0;
}
#quicknavi .h3, #quicknavi .h5 {
	font-size: 111%;
    line-height: 124%;
}
#quicknavi .h4 {
	font-size: 100%;
    line-height: 127%;
    text-align: center;
}
#quicknavi .h6 {
	text-transform: none;
	font-size: 126%;
	line-height: 146%;
}
#quicknavi p {
	margin-bottom: 24px;
}
#quicknavi p.noMargin {
	margin-bottom: 0;
}
.quicknavi--content > ul > li {
	padding: 12px 0;
}
.quicknavi--content > ul > li:before {
	padding: 0 10px 0 0;
}
.quicknavi--content > ul > li:not(.open):hover, .quicknavi--content > ul > li:not(.open):hover > a {
	color: #277a8a;
}
.quicknavi--content > ul > li.ico:before {
	line-height: inherit;
}

.quicknavi--content-header {
	text-align: center;
	padding: 16px 8px;
}
.quicknavi--content-header p {
	margin: 0 0 24px 0;
}
.quicknavi--phone {
	font-weight: bold;
	font-size: 200%;
	line-height: 120%;
	color: #277a8a!important;
	margin-bottom: 40px;
    display: block;
}
.quicknavi--recaptcha-spacer {
	padding-bottom: 70px;
}
.quicknavi--recaptcha-spacer .grecaptcha-badge {
	margin: 18px auto;
	position: relative!important;
    left: auto!important;
}
.quicknavi--content-sub a {
	color: #277a8a!important;
}
.quicknavi--content-sub a:before {
	margin-right: 12px;
}
/* Formelements */
#quicknavi .aForms {
	font-size: 70%;
	opacity: 1;
	padding: 0;
}
#quicknavi button {
	margin: 0;
    min-width: 200px;
    text-align: center;
}
#quicknavi button.center, #quicknavi .center > button {
	margin: 0 auto;
}

/* Chat Buttons */
div[class*="quicknavi"] .button.ic_chat, div[class^="quicknavi"] .button.ic_chat {display: block; width: auto; margin: 0 auto; padding: 5px;}
div[class*="quicknavi"] .button.ic_chat:before, div[class^="quicknavi"] .button.ic_chat:before {content:""; background:none;}
div[class*="quicknavi"] .button.ic_chat.disabled:after, div[class^="quicknavi"] .button.ic_chat.disabled:after {display: block;; background:none; padding: 0; margin: 0;}

/*********************** QUICKNAVI TEASER *************************/
#quicknaviTeaser {
	box-sizing: border-box;
	width: 100%;
	margin: 0 auto 25px auto;
	font-size: 148%;
	padding: 16px 16px 16px 61px;
	opacity:1;
}
#quicknaviTeaser:after {
	position: absolute;
    display: block;
    bottom: -12px;
    right: 22px;
    z-index: 2;
    content: "";
    width: 0;
    height: 0;
    border: 0 solid transparent;
    border-right-width: 16px;
    border-left-width: 16px;
    border-top: 12px solid #fff;
    filter: drop-shadow(0px 2px 8px rgba(210,201,201,0.5));
}
#quicknaviTeaser .quicknaviTeaser--content {
	padding-top: 32px;
}

#quicknaviTeaser .quicknaviTeaser--content-chat {
	background-image: url(/library/images/quicknavi/avatar-live-chat.svg);
    background-position: 24px 0;
    background-repeat: no-repeat;
    background-size: 56px;
    padding-left: 96px;
    margin-left: -61px;
}
#quicknaviTeaser .h3 {
	font-family: "Georgia";
	font-weight: normal;
	font-size: 116%;
    line-height: 118%;
    text-align: left;
    margin-left: 37px;
}
#quicknaviTeaser.aForms .quicknaviTeaser--content p {
	font-size: 100%;
    line-height: 126%;
    margin-bottom: 20px!important;
}
#quicknaviTeaser.aForms button, #quicknaviTeaser.aForms a.button {
	display: inline-block;
	box-sizing: border-box;
	font-size: 100%!important;
	line-height: 110%;
	margin: 24px 0 16px;
	padding: 10px 17px;
	display: block;
	min-width: 90%;
	height: auto;
	text-align: center;
}
#quicknaviTeaser.aForms button:before, #quicknaviTeaser.aForms a.button:before {
	display: none;
}
#quicknaviTeaser.aForms button.textbutton {
	font-size: 90%!important;
	line-height: 100%;
	color: #277a8a;
	background: transparent;
	margin: 16px 0;
	padding: 0;
	border: none;
}

@media screen and (max-width: 440px) {
	#quicknavi {height: 100%; max-height: 100%;} 
}
@media screen and (min-width: 601px) {
	#quicknavi:not(.compact) {min-height: 490px; min-width: 400px;}
	#quicknavi {
		right: 24px;
		bottom: 24px;
		width: auto;
		max-width: 400px;
		height: auto;
		padding-top: 40px;
		box-shadow: 0px 2px 14px rgba(210,201,201,0.5);
		font-size: 132%;
	}
	#quicknaviTeaser {
		max-width: 400px;
		padding: 32px 24px 24px 86px;
		font-size: 132%;
	}
	#quicknaviTeaser.aForms .quicknaviTeaser--content {
		padding-top: 0;
	}
	#quicknaviTeaser .quicknaviTeaser--content-chat {
		background-image: url(/library/images/quicknavi/avatar-live-chat.svg);
		background-position: 0 0;
	    padding-left: 72px;
	    margin-left: -61px;
	}
	#quicknaviTeaser .h3 {margin-left: 12px;}
	#quicknaviTeaser.aForms .quicknaviTeaser--content p {
		font-size: 100%!important;
	}
	#quicknavi-button-container {
		right: 17px;
		max-width: 400px;
	}
	.quicknavi--phone {
		font-size: 210%;
	}
	
	.quicknavi--content {
		padding: 24px;
	}
	#quicknavi .h3, #quicknavi .h5 {
		font-size: 116%;
	}
	#quicknavi .h6 {
		font-size: 126%;
		line-height: 146%;
	}
} 



/*********************** MOVING LAYERS *************************/
@media screen and (min-width: 599px) {
	.movingLayers .mobile,
	.mobileOverlay--header,
	.owiButton.mobile {display: none;}
	
}
/* Main Wrapper */
.movingLayers {
	transform: translate(0,0);
	transition: all 0.5s ease;
}

/* Move Directions */
.movingLayers--bottomToTop {
	transform: translate(0,165%);
}
.movingLayers--bottomToTop.visible {
	transform: translate(0,0);
}
.movingLayers--enlarge-bottomToTop {
	transform: scale(0,0);
	transform-origin: bottom right;
}
.movingLayers--enlarge-bottomToTop.visible {
	transform: scale(1,1);
}

/* Main UI */
.movingLayers--opener {
	transform: scale(1,1);
	transition: all 0.5s ease;
}
.movingLayers--opener.active {
	transform: scale(0.5,0.5);
}
.movingLayers--opener > * {
	pointer-events: none;
}
.movingLayers--uipanel .movingLayers--closer {
	position: absolute;
	top: 15px;
	right: 10px;
	width: 44px;
    height: 44px;
    line-height: 44px;
    cursor: pointer;
    text-align: center;
}
.movingLayers--back {
	opacity: 0;
	position: absolute;
	top: 16px;
	left: 10px;
	width: 24px;
	height: 24px;
	cursor: pointer;
	transition: all 0.5s ease;
}
.movingLayers--backActive .movingLayers--back {opacity: 1;}

/* contentTrigger */
.movingLayers--contentTrigger {
	border-bottom: 1px solid #f2f2f2;
}
.movingLayers--contentTrigger:not(.open) {
	cursor: pointer;
}
.movingLayers--contentTrigger:after {
	float: right;
	font-family: 'iconset';
	content: "\e90a"
}

/* Layers */
.movingLayers--content {
	box-sizing: border-box;
    position: relative;
	background-color: #fff;
    transition: transform 0.5s ease-in-out;
}
.movingLayers .movingLayers--contentTrigger > .movingLayers--content {
	position: absolute;
	top: 0;
    left: 0;
    box-sizing: border-box;
	padding: 24px;
	width: 100%;
    height: auto;
	transform: translate(220%,0);
    overflow: hidden;
    max-height: 100%;
}
.movingLayers .movingLayers--contentTrigger.open > .movingLayers--content {
	transform: translate(100%);
    visibility: visible;
    max-height: none;
}
.movingLayers--contentTrigger.open {
    overflow: auto;
    height: 100%;
    width: 100%;
}
.movingLayers--content.active {
    display: block;
    visibility: visible;
    position: absolute;
    transform: translate(100%);
    width: 100%;
    overflow-x: hidden;
    height: calc(100% - 64px); 
    width: 100vw;
    top: 0px;
    left: 0; 
}
.movingLayers--content.movedOut, .movingLayers .movingLayers--contentTrigger.open > .movingLayers--content.movedOut {
    transform: translate(-100%);
}
.movingLayers .movingLayers--content.movedOut .movingLayers--contentTrigger.open > .movingLayers--content.movedOut {
    transform: translate(0%);
}

@media screen and (min-width: 601px) {
	.movingLayers--closer, .movingLayers--back {
		width: 16px;
		height: 16px;
		font-size: 1rem;
		line-height: 1;
	}
	.movingLayers--contentTrigger.open > .movingLayers--content {
	    width: 100%;
	}
	.movingLayers--uipanel .movingLayers--closer {
		top: 0px;
		right: 8px;
	}
	.movingLayers--uipanel .movingLayers--closer:before {position: absolute; top: 0px; right: 4px;}
} 

/*for feature_rpchat when ready*/
#imperia .button.ic_chat.hidden {display: inline-block !important;}
#quicklinks li.chat.disabled a:after {content: " (nicht besetzt)";}
.chatAvalContent, .chatNaContent, .chatFreeContent, .chatNotFreeContent {display: none;}
.chatAvalContent.visible, .chatNaContent.visible, .chatFreeContent.visible, .chatNotFreeContent.visible {display: block;}
/* GRID*/

.grid-container {padding: 0 10px;}
.grid-container .grid-item {margin-bottom: 10px;}
.grid-container .grid-item .grid-item-content {border: 1px solid #d9d9d9;}

/* .grid-container .grid-item .grid-item-content .latestArticle, .grid-container .grid-item .grid-item-content .teaserBild {margin: -20px -19px; padding: 20px;} */
.grid-container .grid-item .grid-item-content > *:not(.latestArticle):not(.teaserBild):not(.contentbild):not(.SSI):not(a) {margin: 10px;}
.grid-container .grid-item .grid-item-content .teaserBild + * {margin-top: 40px;}
.grid-container .rg-teaser {border: none;}

.grid-container div.teaserBild  {line-height: 0;}
.grid-container div.teaserBild .text {line-height: 140%; padding: 20px 10px;}
.grid-container div.teaserBild img {margin-bottom: 0; max-width: 100%;}
.grid-container div.contentbild {margin: 0;}
.grid-container + .button.rmButton:not(.hidden) {display: table;margin: 10px auto 20px;}

.grid-container .grid-item .grid-item-content.col   {background-color:(none)}
.grid-container .grid-item .grid-item-content.col3  {background-color:(none)}
.grid-container .grid-item .grid-item-content.col2  {background-color:(none)}
.grid-container .grid-item .grid-item-content.col2h {background-color:(none)}
.grid-container .grid-item .grid-item-content.col2d {background-color:(none)}
.grid-container .grid-item .grid-item-content.col1  {background-color:(none)}

/* desktop.css */

@media screen and (min-width: 601px) {
	.grid-container {max-width: calc(100% + 20px); padding: 0; margin: 0 -10px;}
	.grid-container:after {clear: both; content: "."; display: block; height: 0; visibility: hidden;}
	.grid-container .grid-item {box-sizing: border-box; overflow: hidden; padding: 10px; margin-bottom: 0;}
	.grid-container .grid-item * {box-sizing: border-box;}
	
	/* Grid Layout 01 */
	.grid-container.layout_1 .grid-item {float: left; width: 50%;}
	.grid-container.layout_1 .grid-item:nth-child(1) {float: right; width: 50%;}
	.grid-container.layout_1 .grid-item:nth-child(4) {clear: both;}
	
	/* Grid Layout 02 */
	.grid-container.layout_2 .grid-item {float: left; width: 66.666%}
	.grid-container.layout_2 .grid-item:nth-child(2), .grid-container.layout_2 .grid-item:nth-child(4) {width: 33.333%;}
	.grid-container.layout_2 .grid-item:nth-child(3) {clear: both; float: none; width: 100%;}
	
	/* Grid Layout 03 */
	.grid-container.layout_3 .grid-item {float: left; width: 50%}
	.grid-container.layout_3 .grid-item:nth-child(1) {width: 66.666%;}
	.grid-container.layout_3 .grid-item:nth-child(2) {width: 33.3333%;}
	.grid-container.layout_3 .grid-item:nth-child(5) {width: 100%;}
	.grid-container.layout_3 .grid-item:nth-child(3), .grid-container.layout_3 .grid-item:nth-child(5) {clear: both;}
	
	.grid-container .grid-item.col100 .rg-teaser {padding-bottom: 0;}
	.grid-container .grid-item.col100 .rg-teaser > a > div:first-child {float: left; width: calc(33.333% - 10px); max-width: 300px; height: auto; line-height: 0;}
	.grid-container .grid-item.col100 .rg-teaser .rgt-content {position: relative; float: left ; width: 66%;}
}

/* Ratgeberartikel-Teaser */

.rg-teaser {position: relative; box-sizing: border-box; border: 1px solid #e3e3e3; padding-bottom: 10px;}
.rg-teaser * {box-sizing: border-box;}
.rg-teaser img {width: 100%; height: auto;}
.rg-teaser .flag {position: absolute; top: 7px; left: 8px; background-color: (none); padding: 4px 11px; border-radius: 3px; text-transform: uppercase; font-weight: bold;}
.rg-teaser .rgt-content {padding: 10px 10px 0 10px;}
.rg-teaser .rgt-content h3 {font-family: TisaWeb; font-size: 130%; font-weight: bold;}
.rg-teaser .rgt-content h3 span {display: block; font-size: 80%; color: #989898; font-family: Arial, Helvetica, sans-serif; font-weight: normal;}
.rg-teaser .rgt-footer {padding: 15px 0 0 0;}
.rg-teaser .rgt-footer .link {float: left;}
.rg-teaser .read-article-time {font-weight: bold; color: (none); float: right; margin-top: 9px;}
.teaserliste .rg-teaser {margin-bottom: 20px;}
.grid-container .grid-item .grid-item-content .rg-teaser {background: white;}
.ico.clock {position: relative; display: block; float: left; width: 20px; height: 20px; border-radius: 100%; border: 2px solid (none); margin-right: 4px;}
.ico.clock:before {position: absolute; content:""; width: 6px; height: 2px; background-color: (none); top: 8px; left: 6px;}
.ico.clock:after {position: absolute; content:""; width: 2px; height: 5px;  background-color: (none); top: 4px; left: 6px;}

.latestArticle .rg-teaser {height: auto;}
.latestArticle .rgt-footer {position: relative; height: auto; padding: 0 0 10px 0;}
/* desktop.css */

@media screen and (min-width: 601px) {
	.rg-teaser {height: 400px;}
	.rg-teaser .rgt-content {padding: 10px 10px 60px 10px;}
	.latestArticle .rgt-footer {position: absolute; height: 75px; padding: 35px 10px 10px 10px;}
	.rg-teaser .rgt-footer {position: absolute; bottom: 0; left: 0; width: 100%; height: 75px; background-image: linear-gradient(to top, white 45px, rgba(255,255,255,0) 80%); padding: 35px 10px 10px 10px;}
	/*linear-gradient(to top, white 37px, rgba(255,255,255,0) 100%)*/
	
	.teaserliste {margin: 0;}
	.teaserliste .rg-teaser {float: left; width: 314px; max-width: calc(33.333% - 13.333px); overflow: hidden; padding-bottom: 30px; margin-top: 10px; margin-bottom: 10px;}
	.teaserliste .rg-teaser:nth-child(3n+1), .teaserliste .rg-teaser:nth-child(3n+2) {margin-right: 20px;}
	.teaserliste .rg-teaser:nth-child(3n+4) {clear: both;}
	
	/* feste Breite Höhe */
	.grid-container .grid-item .grid-item-content {position: relative; overflow: hidden;}
	#iPages .grid-container .grid-item .grid-item-content {height: auto; overflow: visible;}
	.grid-container .grid-item .grid-item-content .rg-teaser {position: static;}
	/* Grid Layout 01 */
	.grid-container.layout_1 .grid-item .grid-item-content {height: 342px;}
	.grid-container.layout_1 .grid-item:nth-child(1) .grid-item-content {height: 704px;}
		
	/* Grid Layout 02 */
	.grid-container.layout_2 .grid-item .grid-item-content {height: 327px;}
	.grid-container.layout_2 .grid-item:nth-child(3) .grid-item-content {height: 200px;}
	
	/* Grid Layout 03 */
	.grid-container.layout_3 .grid-item .grid-item-content {height: 327px;}
	.grid-container.layout_3 .grid-item:nth-child(3) .grid-item-content, .grid-container.layout_3 .grid-item:nth-child(4) .grid-item-content{height: 342px;}
	.grid-container.layout_3 .grid-item:nth-child(5) .grid-item-content {height: 200px;}
	
}

a.ic_chat {cursor: pointer;}
div.button.ic_chat.disabled a {display:none}
div.button.ic_chat.disabled:before,
#quicknavi li.ic_chat.disabled:after {content:"Chat nicht besetzt"}
div.button.ic_chat.disabled.busy:before,
#quicknavi li.ic_chat.disabled.busy:after {content:"Aktuell alle Mitarbeiter im Gespräch"}
#quicknavi li.ic_chat:after {font-size: 70%; margin-left: 10px;}
#quicknavi li.ic_chat.disabled {background-color: transparent!important;}

#realpersonChatWrapper.chat.minimized {
	display: block!important;
	width: 76px;
    height: 76px;
    padding: 0;
    box-sizing: border-box;
	background-image: url(/library/features/realpersonChat/images/chat-min-dark.svg);
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: center center;
	background-size: contain;
	position: fixed;
    right: 6px!important;
    left: auto!important;
    bottom: 18px!important;
    margin: 0!important;
    border: none!important;
    box-shadow: none!important;
}
#realpersonChatWrapper.chat.minimized .rp-icon-chevron-up:before {
	content: ""!important;
	display: block;
	width: 30px; height: 30px;
	width: 76px;
    height: 76px;
    padding: 0;
    right: 6px!important;
    left: auto!important;
    bottom: 18px!important;
}
@media screen and (min-width: 601px) {
	#realpersonChatWrapper.chat.minimized {
		background-image: url(/library/features/realpersonChat/images/chat-min-light.svg);
		right: 14px!important;
	}
	#realpersonChatWrapper.chat.minimized .rp-icon-chevron-up:before {
		position: absolute;
		right: -25px!important;
	    left: auto!important;
	    top: -23px!important;
	}
}
#searchslot.active div.container div.wrapper {display: flex; gap: var(--spacing-Space-14); align-items: baseline; flex-direction: column; align-items: stretch; justify-content: flex-start;}
#searchslot.active div.container div.wrapper span.icon.lupe:before {content: "\e962"; font-size: 2.5rem;}
#searchslot.active div.container div.wrapper div.searchform-container div.searchform label {color: var(--text-Tertiary, rgba(0, 0, 0, 0.16));}
#searchslot.active div.container div.wrapper div.searchform-container {display: flex; height: 2.5rem; max-width: 80rem; align-items: center; gap: var(--Spacing-Space-2, 0.5rem); align-self: stretch;}
#searchslot.active #searchslot-quicklinks {display: flex; min-width: 12.5rem;max-width: 20rem;flex-direction: column;align-items: flex-start;flex: 1 0 0;}
#searchslot.active #searchslot-quicklinks ul {padding-left:0;	}
#searchslot.active #searchslot-quicklinks li {padding-top:var(--spacing-Space-4);	}
#searchslot.active #searchslot-quicklinks-title {padding: var(--spacing-Space-3) 0; color: var(--text-Primary, #000);font-family: var(--font-family-Secondary)}

#searchslot.active #searchslot-suggestions {display: none; min-width: 12.5rem;max-width: 20rem;flex-direction: column;align-items: flex-start;flex: 1 0 0;}
#searchslot.active #searchslot-suggestions ul {padding-left:0;	}
#searchslot.active #searchslot-suggestions li {padding:var(--spacing-Space-2) var(--spacing-Space-2) var(--spacing-Space-2) var(--spacing-Space-2);list-style: none;cursor: pointer;}
#searchslot.active #searchslot-suggestions li:before {font-family: 'icons' !important;font-size: 1.25rem; content: "\e962";}
#searchslot.active #searchslot-suggestions li:marker {content: none;}
#searchslot.active #searchslot-suggestions li:focus-visible {outline: var(--border-width-BorderThin) solid var(--border-Strong); padding: 0 var(--spacing-Space-2) var(--spacing-Space-2) var(--spacing-Space-2));}
#searchslot.active #searchslot-suggestions li span {padding-left: var(--spacing-Space-2)}
#searchslot.active #searchslot-quicklinks-title {padding: var(--spacing-Space-3) 0; font-style: italic;}
#searchslot.active #searchslot-noresult {display:none; text-align: center;}

#searchslot.active input,
#searchslot.active input:hover {border: none !important;box-shadow: none !important;outline: none !important;padding:0;}
#searchslot.active .form-field:after {border: none !important; opacity: 0 !important;}

#searchslot.active .form-field,
#searchslot.active .form-field:focus,
#searchslot.active .form-field:focus-within {outline: none !important;box-shadow: none !important;}

#searchslot.active .form-field input[type="text"] {height: 4.5rem;}
#searchslot.active .form-field input[type="text"] {font-family: var(--font-family-Primary);}
#searchslot.active .form-field input[type="text"].filled {font-family: var(--font-family-Primary);}
#searchslot.active .form-field input[type="text"],
#searchslot.active .form-field input[type="text"].filled {font-size: var(--font-size-Text2Xl);font-weight: 500;font-stretch: condensed;line-height: 100%;letter-spacing: 0px;}
#searchslot.active .form-field input[type="text"].filled:-webkit-autofill,
#searchslot.active .form-field input[type="text"].filled:-webkit-autofill:hover,
#searchslot.active .form-field input[type="text"].filled:-webkit-autofill:focus {background-color: white !important;}
#searchslot.active .form-field input[type="text"].filled:-webkit-autofill { background-color: white !important;box-shadow: 0 0 0px 1000px white inset !important;}
#searchslot.active .form-field input:-moz-autofill {box-shadow: 0 0 0px 1000px white inset;}
#searchslot.active .form-field label:has(+ input[type=text]) {left: 0;}

#searchslot.active .searchform {width: 100%}
#searchslot.active .searchForm .form-field {position: relative;}
#searchslot.active .searchForm .form-field input[type="text"] {width: 100%;box-sizing: border-box;}
#searchslot.active .searchForm .icon.close {position: absolute; right: 0.1em; min-width: 0; top: 50%; transform: translateY(-50%); border: none; background: transparent; cursor: pointer; font-size: 1.2em; box-shadow: none !important; outline: none !important;padding: 0;}
#searchslot.active .searchForm .icon.close:before {content: "\e926";}

.searchForm > ul.suggest {position:absolute; width:100%; box-sizing:border-box; z-index:20; background-color:#fff; }
.searchForm:hover > ul.suggest, .searchForm.active > ul.suggest  {}
/*.searchForm:not(.active) > ul.suggest {display: none;}*/
.searchForm > ul.suggest:empty {display: none;}
.searchForm > ul.suggest li	{padding:5px 10px; line-height: 200%; white-space: nowrap; position:relative}
.searchForm > ul.suggest li[data]:before	{content:""; position:absolute; width:100%; height:100%; left:0; top:0; z-index:2}
.searchForm > ul.suggest li.selected	{background-color:#eee}
.searchForm > ul.suggest li:hover 	{background-color:#eee; cursor: pointer;}
.searchForm > ul.suggest li:active 	{background-color:#eee; cursor: pointer;}

.searchForm > ul.suggest {
display: flex;
min-width: 12.5rem;
max-width: 20rem;
flex-direction: column;
align-items: flex-start;
gap: var(--spacing-Space-4, 1rem);
flex: 1 0 0;
margin-top: -10px; Padding-left: 0;
}

.searchForm > ul.suggest li {
display: flex;
padding: var(--spacing-Space-1, 0.25rem) 0rem;
justify-content: center;
align-items: center;
gap: var(--spacing-Space-2, 0.5rem);
}

@media (min-width: 100px) and (max-width: 1199px)  {
	.navigation #searchslot.active > .container { 
		position: absolute;
		width: 100vw;
		left:50%;
		transform: translate(-50%,0);
		top: var(--pageHeadHeightInitial);
		background: var(--canvas-Primary);
		padding: var(--spacing-Space-10) var(--spacing-Space-4) var(--spacing-Space-10) var(--spacing-Space-4);		
		opacity: 0;
		box-sizing: border-box;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: var(--spacing-Space-20, 5rem);
		align-self: stretch;
	}
	
	.navigation #searchslot.active .wrapper { 
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
		
		transition: var(--fadeTransition);
		box-sizing: border-box;
		align-self: stretch;
	}
	
	.compressed .navigation #searchslot.active > .container { 
		top: var(--pageHeadHeight);
	}
	.navigation #searchslot.active > .container { 
		display:flex;
		opacity: 1;
	}
	#searchslot.active div.container div.wrapper {
    	gap: var(--spacing-Space-12);
	}
}

/* Tablet */
@media (min-width: 560px) and (max-width: 1199px) {
	.navigation #searchslot.active > .container { 
		padding: var(--spacing-Space-10) var(--spacing-Space-12) var(--spacing-Space-16) var(--spacing-Space-12);	
	}
	#searchslot.active div.container div.wrapper {
    	gap: var(--spacing-Space-14);
	}	
}

/* Desktop */
@media (min-width: 1200px)  {
	.navigation #searchslot.active > .container { 
		padding: var(--spacing-Space-10) var(--spacing-Space-20) var(--spacing-Space-20) var(--spacing-Space-20);
	}	
	#searchslot.active div.container div.wrapper {
    	gap: var(--spacing-Space-20);
	}	
}

/* Desktop XXL */
@media (min-width: 1440px)  {	
	#searchslot.active div.container div.wrapper {
    	padding: 0 2.5rem;
	}	
}

.pageoverlay.tarifrechnerKompaktOverlay.show	{background-color:#fff;}

.pageoverlay.tarifrechnerKompaktOverlay:before	{display:none}

.pageoverlay.tarifrechnerKompaktOverlay > .container	{max-height:100vh!important; max-width:100vw!important; overflow:hidden; box-shadow:0 0 25px rgba(0,0,0,.25); }

iframe.tarifrechnerKompaktHilfe			{transform: scale(0); opacity:0; ; width:100vw; max-width: 600px; height:50vh; max-height:600px; background-color:#fff; position:relative}
.pageoverlay.show iframe.tarifrechnerKompaktHilfe		{transform: scale(1); opacity:1}

div.tarifrechnerKompakt			{transform: scale(0); opacity:0; ; width:100vw; max-width: 900px!important; height:100vh; background-color:#fff; box-shadow:0 0 25px rgba(0,0,0,1); position:relative}
.pageoverlay.show div.tarifrechnerKompakt		{transform: scale(1); opacity:1}

div.tarifrechnerKompakt > div.header	{height:80px; position:relative; box-sizing:border-box; padding:20px 0}
div.tarifrechnerKompakt > div.header:after	{content:""; display:block;}
div.tarifrechnerKompakt > div.header > img	{position:absolute; height:80%; left:40px; top:50%; transform: translate(-50%,-50%); z-index:2}
div.tarifrechnerKompakt > div.header .icon, div.tarifrechnerKompakt > div.header .ico	{line-height:50px; font-size:20px; float:right; padding:0 15px; border-left:1px solid #eee!important; box-sizing:border-box; cursor:pointer}
div.tarifrechnerKompakt > div.header .ico.chat {font-size:40px; padding:0 6px; background-color:inherit!important;}
div.tarifrechnerKompakt > div.header .ico:after, div.tarifrechnerKompakt > div.header .ico:before	{line-height:50px!important}
div.tarifrechnerKompakt > div.header .icon.telefon	{border-left:0px solid; position:relative;}
div.tarifrechnerKompakt > div.header .icon.telefon:before	{font-size:1.3em;}
div.tarifrechnerKompakt > div.header .icon.telefon:after	{content:"24/7"; display:inline-block; background-color:#ffd402; padding:4px 2px; font-size:.5em; line-height:.5em; position:absolute; top:1em; left:3em;}
div.tarifrechnerKompakt > div.header .icon.telefon > div	{margin-left:25px; padding:0; float:right; text-align:left; display:inline}
div.tarifrechnerKompakt > div.header .icon.telefon > div > p	{margin:0; padding:0;}
div.tarifrechnerKompakt > div.header .icon.telefon > div > p:first-child	{font-weight:bold}

body.handheld div.tarifrechnerKompakt > div.header .icon.telefon > div	{margin:5px;}
body.handheld div.tarifrechnerKompakt > div.header .icon.telefon > div > p	{display:none}

body.desktop div.tarifrechnerKompakt > div.header .icon.telefon > div > p:first-child	{line-height:36px;}
body.desktop div.tarifrechnerKompakt > div.header .icon.telefon > div > p:last-child	{line-height:5px; font-size:12px; }

body.handheld div.tarifrechnerKompakt > div.header .icon.telefon > div > p:first-child	{font-size:16px}
body.handheld div.tarifrechnerKompakt > div.header .icon.telefon > div > p:last-child	{display:none}


div.tarifrechnerKompakt > iframe	{height:calc(100% - 80px)}

iframe.tarifrechner			{transform: scale(0); opacity:0; ; width:calc(100vw - 80px); max-width: 900px; height: calc(100vh - 120px); background-color:#fff; box-shadow:0 0 25px rgba(0,0,0,1)}
iframe.tarifrechner.show	{transform: scale(1); opacity:1}

.uc-HelloLaw {
    text-align: center;
    background-color: #ddd;
}

obj[parse],
obj[metadata]	{display:none!important}


#selfservice .farbfeld.white	{box-shadow:none!important; margin:0!important}

body {overflow-x:hidden; max-width:100dvw;}

#headOfPage	{background-color:#f9ed43; position:relative;}
#headOfPage:before	{content:"";background-color:inherit; width:100vw; height:100%; position:absolute; z-index:-1;left:50%; top:50%; transform:translate(-50%,-50%)}