/* 2026-04-03: basiert auf /2026-04-03/index_2026.css (Sprachmenue: inaktiv #888, aktiv #ddd, hover #bbb statt Punktmarkierung) */
/* 2026-04-03: basiert auf /2026-04-03/index_2026.css (gemeinsamer #333-Overlay-Layer fuer Index->Viewer-Katalogwechsel im selben Tab) */
/* 2026-04-03: basiert auf /2026-04-03/index_2026.css (Dialog-Buttons mit sichtbarem Innenabstand in den eckigen Klammern) */
/* 2026-04-03: basiert auf /2026-04-03/index_2026.css (Canvas-Hinweise/Dialoge jetzt mit expliziten Alpha-Werten fuer Hintergrund, Text und Rahmen; Hinweis 50%, Dialog 80%) */
/* 2026-04-03: basiert auf /2026-04-03/index_2026.css (Canvas-Hinweise/Dialoge jetzt horizontal und vertikal auf dem Canvas zentriert; Hinweise 50%, Dialoge 80% Opazitaet) */
/* 2026-04-03: basiert auf /2026-04-02/index_2026.css (Canvas-Hoverhinweise fuer Seite 1/2/3 + sprachabhaengiger Seiten-2-Auswahldialog zwischen weiter erkunden und Sammlungskatalog) */
/* 2026-04-02: basiert auf /Colorflows_2026-04-01_secured/index_2026.css (Seite 2: Canvas-Geometrie exakt mittig gesetzt und Hintergrundbild analog Startseite als eigenes Bild mit object-fit eingebunden) */
/* basiert auf Version in /2026-03-10/index_2026.css (vor Anpassung: animation bekommt denselben Hintergrund wie textblock) */
/* basiert auf Version in /2026-03-10/index_2026.css (vor Fix: Canvas-Klick im textblock via explizite Pointer-Events + Colorflow-Wechsel nochmals sichtbarer) */
/* basiert auf Version in /2026-03-10/index_2026.css (vor Feinschliff: textblock-Canvasbutton sichtbarer + Public-Viewer-Button im Textblock entfernt) */
/* basiert auf Version in /2026-03-10/index_2026.css (vor Feinschliff: textblock-Button [Colorflow-Wechsel] dunkler im Normalzustand + staerker bei Hover) */
/* basiert auf Version in /2026-03-10/index_2026.css (vor Umbau: textblock-Actionbuttons fuer next/open im Public Viewer) */
/* basiert auf Version in /2026-03-10/index_2026.css (vor Umbau: Startblock mit umgehaengtem mycanvas statt Stills + Public-Filter public IN (0,2)) */
/* basiert auf Version in /2026-03-10/index_2026.css (vor Feinschliff: Sprachwahl-Logo 1.9vh + groesserer Canvas-Text-Abstand in animation/textblock) */
/* basiert auf Version in /2026-03-01/index_2026.css (vor Mehrsprachigkeit: Sprachwahl-Logo links oben + Popup-Menue + Sichtbarkeit nur animation/textblock) */
/* basiert auf Version in /2026-02-23/index_2026.css (vor Erweiterung: startblock breathing-loop + logo_centered + logo_img erst mit animation einblenden) */
/* basiert auf Version in /2026-02-23/index_2026.css (vor Umbau Themenbuttons: keine Badges mehr, Darstellung als [ begriff ] ) */
/* basiert auf Version in /2026-02-23/index_2026.css (vor Feinschliff Themenbuttons: Schrift -5% und horizontales Padding +0.3vh) */
/* basiert auf Version in /2026-02-23/index_2026.css (vor Feinschliff Themenbuttons: vertikales Padding schmaler, horizontales breiter, Transparenz 70%) */
/* basiert auf Version in /2026-02-23/index_2026.css (vor Feinschliff Themenbuttons: variable Breiten nach Wortlaenge, etwas weniger vertikales Padding, staerkere Pillenrundung) */
/* basiert auf Version in /2026-02-23/index_2026.css (vor Erweiterung: textblock-Themenbuttons mit gleicher Gesamtbreite wie Text + 3vh Abstand) */
/* basiert auf Version in /2026-02-23/index_2026.css (vor Erweiterung: previous/next auch fuer textblock mit gleicher Positionierung wie animation) */
/* basiert auf Version in /2026-02-23/index_2026.css (vor Feinschliff Animation-Buttons: Randabstand halbiert, Schrift -20%, Opazitaet 40%) */
/* basiert auf Version in /2026-02-23/index_2026.css (vor Fix: animation <1.17 verhindert Rechts-Cropping durch adaptive Canvas-Breite zur verfuegbaren Innenbreite) */
/* basiert auf Version in /2026-02-23/index_2026.css (vor Margin-Abgleich: animation bekommt im schmalen Modus 6vh Seitenraender) */
/* basiert auf Version in /2026-02-23/index_2026.css (vor Zentrierungs-Fix: animation-Stack <1.17 explizit mittig, symmetrische Seitenabstaende) */
/* basiert auf Version in /2026-02-23/index_2026.css (vor Fix: textblock-Hintergrund immer cover, kein Balken/Stauchung bei AR ~1.19) */
/* basiert auf Version in /2026-02-23/index_2026.css (vor textblock-Fixlayout: Gap 6vh und gemeinsame Skalierung ohne Waiting-Fade) */
/* basiert auf Version in /2026-02-23/index_2026.css (vor textblock-Resize-Stabilisierung: alle drei kurz ausblenden, dann text+rechter Canvas einblenden) */
/* basiert auf Version in /2026-02-23/index_2026.css (vor Stabilisierung: textblock mit zwei Canvas-Slots, Text bleibt bei Seitenwechsel zentriert) */
/* basiert auf Version in /2026-02-23/index_2026.css (vor Textblock-Layout fuer dynamischen Canvas links/rechts mit 5vh Gap und 6vh Randlogik) */
/* basiert auf Version in /2026-02-23/index_2026.css (vor textblock-Typografie: linksbuendig, Farbe #ddd, weicher Satz zwischen Flattersatz und Blocksatz) */
/* basiert auf Version in /2026-02-23/index_2026.css (vor Feinschliff textblock_bg: kein Pointer-Cursor, rein dekorativer Hintergrund) */
/* basiert auf Version in /2026-02-23/index_2026.css (vor textblock-Setup: blurred Background wie startimage + zentrierter Textcontainer 65vh x 55vh) */
/* basiert auf Version in /2026-02-23/index_2026.css (vor UI-Hints: previous/next 50% transparent + Fade/Timing wie startimage_link) */
/* basiert auf Version in /2026-02-23/index_2026.css (vor Animation-Overlaybuttons previous/next: weisses Badge, Textfarbe #ccc, Position 3vh oben/unten) */
/* basiert auf Version in /2026-02-23/index_2026.css (vor Restore: Startblock-Responsive wie Backup, Landscape width-fit / Portrait height-fit) */
/* basiert auf Version in /2026-02-23/index_2026.css (vor Logo-Update: Abstand/Logo-Breite linear von AR 1,6 bis Smartphone-Portrait 9:16) */
/* basiert auf Version in /2026-02-23/index_2026.css (vor Korrektur < 1,11: kein -10vh Offset, kein Abstand zwischen den beiden unteren Texten) */
/* basiert auf Version in /2026-02-23/index_2026.css (vor Feinschritt: Abstand zu mycanvas 3vh und neue Phase < 1,11 mit Text-Reihenfolgewechsel + vertikalem Offset -10vh) */
/* basiert auf Version in /2026-02-23/index_2026.css (vor Feinschritt < 1,17: Textbreite auf mycanvas begrenzt, oberer Text linksbuendig, seitliche Restflaechen schmelzen symmetrisch) */
/* basiert auf Version in /2026-02-23/index_2026.css (vor neuer Responsive-Phase < 1,17: Texte ober-/unterhalb mycanvas mit 4vh Abstand, Groessen-Freeze) */
/* basiert auf Version in /2026-02-23/index_2026.css (vor Feinschritt: Font-Scaling in animation_L/R von 1,355 bis 1,17 um 12%) */
/* basiert auf Version in /2026-02-23/index_2026.css (vor neuer Responsive-Phase 1,355 bis 1,17: feste Textspaltenbreiten, nur mycanvas schrumpft) */
/* basiert auf Version in /2026-02-22/index_2026.css (vor Rueckbau der Breakpoints fuer Seitenverhaeltnisse < 1,355) */
/* basiert auf Version in /2026-02-22/index_2026.css (vor Feinkorrektur: animation-Phasenlogik praezisiert mit festen 4vh Seitenmargins und gleichmaessigem Shrink bis 1:1) */
/* basiert auf Version in /2026-02-22/index_2026.css (vor Feinkorrektur: animation-Responsive mit min 4vh Seitenmargins + Offset-Phasen) */
/* basiert auf Version in /2026-02-22/index_2026.css (vor Responsive-Phasenlogik fuer animation 1.6->1.0) */
/* basiert auf Version in /2026-02-22/index_2026.css (vor Grid-Struktur fuer animation: auto/42/70/42/auto + Text-Offsets) */
/* basiert auf Version in /2026-02-22/index_2026.css (vor Turnpage-Stack/Fade 0.5s fuer startblock->animation) */
/* basiert auf Version in /2026-02-22/index_2026.css (vor Startlink-Animation + Mousemove/Autohide-Logik) */
/* basiert auf Version in /2026-02-22/index_2026.css (vor Breakpoint-Anpassung auf reales Startbild-Seitenverhaeltnis 1500/1257) */
/* basiert auf Version in /2026-02-22/index_2026.css (vor Badge um startimage_link) */
/* basiert auf Version in /2026-02-22/index_2026.css (vor Fix: Startbild-Linkgroesse + Startbild-Dateiname in PHP) */
/* basiert auf Version in /2026-02-22/index_2026.css (vor Startblock-Upgrade fuer quadratisches Startbild + Link-Overlay) */
/* basiert auf Version in /2026-02-22/index_2026.css (vor Wiederherstellung der vollstaendigen CSS-Basis fuer HTML-Only-Umbau) */
/* basiert auf Version in /2026-02-21/index_2026.css (vor Rueckbau der Letterboxes L/R) */
/* basiert auf Version in /2026-02-20/index_2026.css (vor Einfuehrung dynamischer Letterbox_L/R mit abschnittsweiser Farbangleichung) */
/* basiert auf Version in /2026-02-20/index_2026.css (vor Rueckbau von baerenwald 100vh/crop auf natuerliche Hoehe) */
/* basiert auf Version in /2026-02-20/index_2026.css (vor baerenwald-Vertikalzentrierung per CSS) */
/* basiert auf Version in /2026-02-20/index_2026.css (vor Umstellung von table/tr/td auf div.table/div.tr/div.td Utilities) */
/* basiert auf Version in /2026-02-20/index_2026.css (vor Vereinheitlichung auf Inter/inherit) */
/* basiert auf Version in /2026-02-20/index_2026.css (vor Uebernahme der Inter-Fontdeklarationen aus viewer_2026_Umbau.css) */
/* basiert auf Version in /index_2026.css */
@font-face{
  font-family: "Inter";
  src: url("../assets/fonts/Inter/Inter-Variable.woff2") format("woff2"),
       url("assets/fonts/Inter/Inter-Variable.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face{
  font-family: "Inter";
  src: url("../assets/fonts/Inter/Inter-Italic-Variable.woff2") format("woff2"),
       url("assets/fonts/Inter/Inter-Italic-Variable.woff2") format("woff2");
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}

html, body{
  font-family: "Inter", sans-serif;
  font-weight: 300;
  font-size: 1.6vh;
  line-height: 1.4;
  overflow-y: hidden;
}

		body {
			background-color: #444444; 
			margin-left: 0px;
			margin-top: 0px;
			margin-right: 0px;
			margin-bottom: 0px;
		}
		
		
		a:link {
			color: #666666;
			text-decoration: none;
		}
		a:visited {
			text-decoration: none;
			color: #666666;
		}
		a:hover {
			text-decoration: none;
			color: #999999;
		}
		a:active {
			text-decoration: none;
			color: #cccccc;
		}
	
	
	
		a.aktuell_links:link {
			color: #9a9a9a;
			text-decoration: none;
			size: 1.1vw;
		}
		a.aktuell_links:visited {
			text-decoration: none;
			color: #9a9a9a;
		}
		a.aktuell_links:hover {
			text-decoration: none;
			color: #dddddd;
		}
		a.aktuell_links:active {
			text-decoration: none;
			color: #888888;
		}

	
	
		a.aktuell_linkss:link {
			color: #4a4a4a;
			text-decoration: none;
		}
		a.aktuell_linkss:visited {
			text-decoration: none;
			color: #4a4a4a;
		}
		a.aktuell_linkss:hover {
			text-decoration: none;
			color: #bebebe;
		}
		a.aktuell_linkss:active {
			text-decoration: none;
			color: #aaaaaa;
		}



		a.aktuell_linksss:link {
			color: #444444;
			text-decoration: none;
		}
		a.aktuell_linksss:visited {
			text-decoration: none;
			color: #444444;
		}
		a.aktuell_linksss:hover {
			text-decoration: none;
			color: #bbbbbb;
		}
		a.aktuell_linksss:active {
			text-decoration: none;
			color: #ffffff;
		}




		
		a.aktuell_dark:link {
			color: #585858;
			text-decoration: none;
		}
		a.aktuell_dark:visited {
			text-decoration: none;
			color: #444444;
		}
		a.aktuell_dark:hover {
			text-decoration: none;
			color: #888888;
		}
		a.aktuell_dark:active {
			text-decoration: none;
			color: #bbbbbb;
		}
		
	
		a.arbeiten_links:link {
			color: #c0c0c0;
			text-decoration: none;
		}
		a.arbeiten_links:visited {
			text-decoration: none;
			color: #c0c0c0;
		}
		a.arbeiten_links:hover {
			text-decoration: none;
			color: #d0d0d0;
		}
		a.arbeiten_links:active {
			text-decoration: none;
			color: #e0e0e0;
		}
	
		.pinklinks {
			text-decoration:none;
			font-family: inherit;
			color:#ffc0cb;
			}
		.pinklinks:hover {
			color:#ffffff;
			}
		.pinklinks:active {
			text-decoration: none;
			color:#ffffff;
			}
		.pinklinks:visited {
			text-decoration: none;
			color:#ffc0cb;
			}


		a.schlusslinks:link {
			color: #bbb;
			text-decoration: none;
		}
		a.schlusslinks:visited {
			text-decoration: none;
			color: #bbb;
		}
		a.schlusslinks:hover {
			text-decoration: none;
			color: #ddd;
		}
		a.schlusslinks:active {
			text-decoration: none;
			color: #fff;
		}	
	
	
	
		/* Blöcke */
		
		div.table { 
		  display: table; 
		  border:none; 
		  border-collapse:collapse; 
		  border-spacing:0px;
		  spacing:0px;
		}
		div.tr { 
		  display:table-row;
		  vertical-align:middle;
		  border-collapse:collapse;
		  margin:0px;
		}
		
		div.tr_scr {
		  display:table-row;
		  border:none; 
		  overflow-x:hidden;
		  vertical-align:middle;
		  border-collapse:collapse;
		}
		
		div.td { 
		  display:table-cell; 
		  padding:0px; 
		  border:none; 
		  margin:0px;
		  vertical-align:middle;
		}
		.ta-left { text-align: left; }
		.ta-right { text-align: right; }
		.ta-center { text-align: center; }
		.ta-justify { text-align: justify; }
		.va-top { vertical-align: top; }
		.va-middle { vertical-align: middle; }
		.va-bottom { vertical-align: bottom; }

		#pdewdw {
			width: 40vw;
			height: 40vw;
			cursor: pointer;
			image-rendering: -webkit-optimize-contrast; /* Safari */
  		image-rendering: crisp-edges;               /* Firefox */
  		image-rendering: pixelated;                 /* Chrome/Edge */
		}



		#pdewdw:focus-visible {
			outline: none;
		}

		
	  #sperrbildschirm { position:fixed; top:0px; right:0px; opacity:0.6;  }
	  #sperrbildschirm-1 { position:fixed; top:50vh; left:38vw; opacity:0.6; }	
	  /* linear zwischen AR 1.6 und Smartphone-Portrait AR 9/16 */
	  #logo {
		position: fixed;
		top: clamp(2vh, calc(4.819277vw - 0.710843vh), 7vh);
		right: clamp(2vh, calc(4.819277vw - 0.710843vh), 7vh);
		z-index: 20;
	  }

	  #logo_img {
		display: block;
		width: clamp(10vh, calc(7.710843vw + 5.662651vh), 18vh);
		height: auto;
		opacity: 0;
		visibility: hidden;
		transition:
		  opacity 0.5s linear,
		  visibility 0s linear 0.5s;
	  }

	  #logo_img.is-visible {
		opacity: 1;
		visibility: visible;
		transition:
		  opacity 0.5s linear,
		  visibility 0s linear 0s;
	  }

	  #language_logo_wrap {
		position: fixed;
		top: clamp(2vh, calc(4.819277vw - 0.710843vh), 7vh);
		left: clamp(2vh, calc(4.819277vw - 0.710843vh), 7vh);
		z-index: 20;
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
		transition:
		  opacity 0.5s linear,
		  visibility 0s linear 0.5s;
	  }

	  #language_logo_wrap.is-visible {
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
		transition:
		  opacity 0.5s linear,
		  visibility 0s linear 0s;
	  }

	  #language_logo_btn {
		display: block;
		background: transparent;
		border: 0;
		padding: 0;
		margin: 0;
		cursor: pointer;
		line-height: 0;
	  }

	  #language_logo_img {
		display: block;
		width: 3.8vh;
		height: auto;
	  }

	  #index_language_menu {
		position: absolute;
		top: calc(100% + 0.8vh);
		left: 0;
		min-width: 14vh;
		display: none;
		flex-direction: column;
		gap: 0.35vh;
		padding: 0.6vh;
		border-radius: 0.8vh;
		background: rgba(51, 51, 51, 0.88);
		border: 1px solid rgba(170, 170, 170, 0.35);
		box-shadow: 0 0.7vh 2vh rgba(0, 0, 0, 0.25);
	  }

	  #language_logo_wrap.menu-open #index_language_menu {
		display: flex;
	  }

	  .index_language_menu_btn {
		display: block;
		width: 100%;
		text-align: left;
		border: 0;
		background: transparent;
		color: #888;
		font-size: 1.55vh;
		line-height: 1.35;
		padding: 0.35vh 0.5vh;
		cursor: pointer;
		white-space: nowrap;
	  }

	  .index_language_menu_btn.is-active {
		color: #ddd;
	  }

	  .index_language_menu_btn:hover {
		color: #bbb;
		background: transparent;
	  }

	  #turnpage_stack {
		position: relative;
		width: 100%;
		height: 100vh;
		overflow: hidden;
		background-color: #444444;
	  }

	  .turnpage-section {
		position: absolute;
		inset: 0;
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
		transition:
		  opacity 0.5s linear,
		  visibility 0s linear 0.5s;
	  }

	  .turnpage-section.is-visible {
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
		transition:
		  opacity 0.5s linear,
		  visibility 0s linear 0s;
	  }

		  #startblock {
			top: 0;
			left: 0;
			width: 100%;
			height: 100vh;
			overflow: hidden;
			--startblock-breathing-size: min(67vh, calc(100vw - 10vh));
		  }

	  #startblock_center_group {
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		width: var(--startblock-breathing-size);
		height: var(--startblock-breathing-size);
		z-index: 2;
		pointer-events: none;
	  }

	  #startblock_canvas_host {
		position: absolute;
		inset: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		height: 100%;
		pointer-events: auto;
		z-index: 1;
	  }

	  #startblock_canvas_host #mycanvas {
		width: 100%;
		height: 100%;
		min-width: 100%;
		max-width: 100%;
		min-height: 100%;
		max-height: 100%;
		pointer-events: auto;
	  }

	  #startblock_canvas_host #pdewdw {
		width: 100%;
		height: 100%;
		min-width: 100%;
		max-width: 100%;
		min-height: 100%;
		max-height: 100%;
		pointer-events: auto;
	  }

	  #canvas_hover_hint,
	  #canvas_choice_dialog {
		position: fixed;
		left: -9999px;
		top: -9999px;
		opacity: 0;
		visibility: hidden;
		transition:
			opacity 0.18s linear,
			visibility 0s linear 0.18s;
		z-index: 25;
	  }

	  #canvas_hover_hint.is-visible,
	  #canvas_choice_dialog.is-visible {
		visibility: visible;
		transition:
			opacity 0.18s linear,
			visibility 0s linear 0s;
	  }

	  #canvas_hover_hint.is-visible {
		opacity: 1;
	  }

	  #canvas_choice_dialog.is-visible {
		opacity: 1;
	  }

	  #canvas_hover_hint {
		max-width: min(58vh, calc(100vw - 4vh));
		padding: 0.85vh 1.2vh;
		border: 1px solid rgba(255,255,255,0.08);
		border-radius: 0.85vh;
		background: rgba(38,38,38,0.5);
		color: rgba(236,236,236,0.5);
		font-size: 1.55vh;
		line-height: 1.32;
		letter-spacing: 0.02em;
		text-align: center;
		pointer-events: none;
		box-shadow: 0 1.4vh 3.2vh rgba(0,0,0,0.14);
		backdrop-filter: blur(0.5vh);
	  }

	  #canvas_choice_dialog {
		width: min(42vh, calc(100vw - 4vh));
		padding: 1.25vh 1.4vh 1.2vh;
		border: 1px solid rgba(255,255,255,0.14);
		border-radius: 0.95vh;
		background: rgba(46,46,46,0.8);
		color: rgba(236,236,236,0.8);
		pointer-events: none;
		box-shadow: 0 1.8vh 3.8vh rgba(0,0,0,0.27);
		backdrop-filter: blur(0.6vh);
	  }

	  #canvas_choice_dialog.is-visible {
		pointer-events: auto;
	  }

	  #index_viewer_transition_overlay {
		position: fixed;
		inset: 0;
		background: #333333;
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
		z-index: 60;
		transition:
			opacity 250ms linear,
			visibility 0s linear 250ms;
	  }

	  #index_viewer_transition_overlay.is-visible {
		opacity: 1;
		visibility: visible;
		transition:
			opacity 250ms linear,
			visibility 0s linear 0s;
	  }

	  #canvas_choice_dialog_prompt {
		font-size: 1.55vh;
		line-height: 1.35;
		text-align: center;
		margin-bottom: 0.9vh;
	  }

	  #canvas_choice_dialog_actions {
		display: flex;
		flex-direction: column;
		align-items: stretch;
		gap: 0.7vh;
	  }

	  .canvas_choice_btn {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		padding: 0;
		border: 0;
		background: transparent;
		color: rgba(218,218,218,0.8);
		font-family: inherit;
		font-weight: 400;
		font-size: 1.65vh;
		line-height: 1.25;
		cursor: pointer;
		opacity: 0.76;
		transition: opacity 0.18s linear, color 0.18s linear;
	  }

	  .canvas_choice_btn::before {
		content: "[";
		margin-right: 0.32em;
	  }
	  .canvas_choice_btn::after  {
		content: "]";
		margin-left: 0.32em;
	  }

	  .canvas_choice_btn:hover {
		opacity: 1;
		color: rgba(240,240,240,0.96);
	  }

	  .canvas_choice_btn:active {
		opacity: 0.84;
		color: rgba(226,226,226,0.88);
	  }

		  #logo_centered {
			position: absolute;
			left: 50%;
			top: 85%;
			transform: translate(-50%, -50%);
			z-index: 2;
			width: min(18vh, 38%);
			height: auto;
			opacity: 0;
		visibility: hidden;
		transition:
		  opacity 0.5s linear,
		  visibility 0s linear 0.5s;
	  }

	  #logo_centered.is-visible {
		opacity: 1;
		visibility: visible;
		transition:
		  opacity 0.5s linear,
		  visibility 0s linear 0s;
	  }

	  #textblock {
		top: 0;
		left: 0;
		width: 100%;
		height: 100vh;
		overflow: hidden;
		background-color: #444444;
	  }

	  #textblock_overlay {
		position: absolute;
		inset: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		z-index: 2;
		pointer-events: none;
	  }

	  #textblock_layout {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 7.5vh;
		max-width: calc(100vw - 12vh);
	  }

	  #textblock #mycanvas,
	  #textblock #pdewdw {
		pointer-events: auto;
	  }

	  .textblock_canvas_slot {
		display: flex;
		align-items: center;
		justify-content: center;
		flex: 0 0 auto;
		pointer-events: auto;
	  }

	  #textblock_canvas_slot_left { order: 0; }
	  #textblock_textbox { order: 1; }
	  #textblock_canvas_slot_right { order: 2; }

	  #textblock_textbox {
		width: 65vh;
		height: 55vh;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: center;
		text-align: left;
		pointer-events: auto;
	  }

	  #textblock_text {
		width: 100%;
		font-family: inherit;
		font-size: 2.0vh;
		line-height: 1.35;
		color: #ddd;
		text-align: justify;
		text-align-last: left;
		text-justify: inter-word;
		hyphens: auto;
		-webkit-hyphens: auto;
		text-wrap: pretty;
	  }

	  #textblock_topic_nav {
		width: 100%;
		display: flex;
		flex-wrap: nowrap;
		align-items: center;
		justify-content: space-between;
		column-gap: 0;
		gap: 0.8vh;
		margin-top: 3vh;
		pointer-events: auto;
	  }

	  .textblock_topic_btn {
		width: auto;
		flex: 0 0 auto;
		font-family: inherit;
		font-weight: 400;
		font-size: 1.9vh;
		line-height: 1.2;
		color: #ddd;
		background-color: transparent;
		border: 0;
		border-radius: 0;
		padding: 0;
		cursor: pointer;
		user-select: none;
		opacity: 0.3;
		text-align: center;
		white-space: nowrap;
	}
	.textblock_topic_btn::before { content: "[ "; }
	.textblock_topic_btn::after  { content: " ]"; }

	.textblock_topic_btn:hover { opacity: 0.45; }
	.textblock_topic_btn:active { opacity: 0.6; }
	.textblock_topic_btn.is-active {
		opacity: 0.6;
		color: #ddd;
	}

	#textblock_action_nav {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
		column-gap: 1.2vh;
		row-gap: 0.8vh;
		margin-top: 1.6vh;
		pointer-events: auto;
	}

	.textblock_action_btn {
		width: auto;
		flex: 0 0 auto;
		font-family: inherit;
		font-weight: 400;
		font-size: 1.75vh;
		line-height: 1.2;
		color: #ddd;
		background-color: transparent;
		border: 0;
		border-radius: 0;
		padding: 0;
		cursor: pointer;
		user-select: none;
		opacity: 0.34;
		text-align: center;
		white-space: nowrap;
	}

	.textblock_action_btn::before { content: "[ "; }
	.textblock_action_btn::after  { content: " ]"; }

	.textblock_action_btn:hover { opacity: 0.5; }
	.textblock_action_btn:active { opacity: 0.65; }

	.textblock_canvas_action_btn {
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translateX(-50%);
		display: none;
		align-items: center;
		justify-content: center;
		z-index: 4;
		pointer-events: auto;
		font-family: inherit;
		font-weight: 400;
		font-size: 1.75vh;
		line-height: 1.2;
		color: #adadad;
		background-color: transparent;
		border: 0;
		border-radius: 0;
		padding: 0;
		cursor: pointer;
		user-select: none;
		opacity: 0.62;
		white-space: nowrap;
		transition: opacity 0.2s linear, color 0.2s linear;
	}

	.textblock_canvas_action_btn::before { content: "[ "; }
	.textblock_canvas_action_btn::after  { content: " ]"; }

	.textblock_canvas_action_btn:hover {
		opacity: 0.95;
		color: #efefef;
	}
	.textblock_canvas_action_btn:active {
		opacity: 0.8;
		color: #ddd;
	}

	  #animation {
		--anim-base-center-col: calc((2 * var(--anim-side-col-base)) + var(--anim-canvas-col-base) + (2 * var(--anim-gap)));
		--anim-center-col: var(--anim-base-center-col);
		--anim-gap: 5.4vh;
		--anim-canvas-col-base: 70vh;
		--anim-side-col-base: 42vh;
		--anim-canvas-col: var(--anim-canvas-col-base);
		--anim-side-col: var(--anim-side-col-base);
		--anim-side-margin: 6vh;
		--anim-offset-left-top: 25vh;
		--anim-offset-right-bottom: 25vh;
		width: 100%;
		height: 100vh;
		display: grid;
		grid-template-columns: minmax(0, 1fr) var(--anim-center-col) minmax(0, 1fr);
		background-color: #444444;
		overflow: hidden;
		position: relative;
	  }

	  #animation_bg {
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		display: block;
		width: 100vw;
		height: auto;
		max-width: none;
		max-height: none;
		cursor: default;
		pointer-events: none;
		z-index: 0;
	  }

	  .animation_nav_btn {
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		z-index: 30;
		font-family: inherit;
		font-weight: 400;
		font-size: 1.44vh;
		line-height: 1.2;
		color: #ccc;
		background-color: #fff;
		border: 0;
		border-radius: 0.8vh;
		padding: 0.55vh 1.4vh;
		cursor: pointer;
		user-select: none;
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
		transition:
		  opacity 0.3s linear,
		  visibility 0s linear 0.3s;
	  }

	  .animation_nav_btn.is-visible {
		opacity: 0.4;
		visibility: visible;
		pointer-events: auto;
		transition:
		  opacity 0.3s linear,
		  visibility 0s linear 0s;
	  }

	  #animation_prev_btn { top: 1.5vh; }
	  #animation_next_btn { bottom: 1.5vh; }
	  #textblock_prev_btn { top: 1.5vh; }
	  #textblock_next_btn { bottom: 1.5vh; }

	  #animation_letterbox_L {
		grid-column: 1;
		background-color: transparent;
		position: relative;
		z-index: 1;
	  }

	  #animation_inner {
		grid-column: 2;
		display: grid;
		grid-template-columns: var(--anim-side-col) var(--anim-canvas-col) var(--anim-side-col);
		column-gap: var(--anim-gap);
		align-items: stretch;
		background-color: transparent;
		overflow: hidden;
		position: relative;
		z-index: 1;
	  }

	  #animation_L {
		display: flex;
		flex-direction: column;
		align-items: flex-end;
		text-align: right;
		min-width: 0;
		padding-left: var(--anim-side-margin);
		box-sizing: border-box;
		background-color: transparent;
		/* hyphens: auto; */
		overflow-wrap: break-word;     /* lange Wörter brechen */
		word-break: normal;
		text-wrap: pretty;
	  }

	  #animation_L::before {
		content: "";
		flex: 0 0 var(--anim-offset-left-top);
	  }

	  #mycanvas {
		width: var(--anim-canvas-col);
		min-width: var(--anim-canvas-col);
		display: flex;
		align-items: center;
		justify-content: center;
		cursor: pointer;
		/* background-color: #ccc; */
	  }

	  #animation_R {
		display: flex;
		flex-direction: column;
		text-align: left;
		min-width: 0;
		padding-right: var(--anim-side-margin);
		box-sizing: border-box;
		background-color: transparent;
		overflow-wrap: break-word;
		word-break: normal;
		text-wrap: pretty;
	  }

	  #animation_R .animation_text {
		margin-top: auto;
		font-size: 1.3vh;
	}

	  #animation_R::after {
		content: "";
		flex: 0 0 var(--anim-offset-right-bottom);
	  }

	  #animation_letterbox_R {
		grid-column: 3;
		background-color: transparent;
		position: relative;
		z-index: 1;
	  }

	  #animation .animation_text {
		width: 100%;
	  }

	  #animation_text_left,
	#animation_text_right {
	color: #444;
	}

	  #animation #pdewdw {
		width: var(--anim-canvas-col);
		height: var(--anim-canvas-col);
	  }

	  /* <= 1.6: zuerst Letterboxes abschmelzen */
	  @media (max-aspect-ratio: 8/5) {
		#animation {
		  --anim-center-col: 100vw;
		  --anim-gap: 5.4vh;
		  --anim-canvas-col: var(--anim-canvas-col-base);
		  --anim-side-col: max(0vh, calc((100vw - var(--anim-canvas-col) - (2 * var(--anim-gap))) / 2));
		}
	  }

	  /* <= 1.355: Textspalten bleiben stabil, nur mycanvas schrumpft */
	  @media (max-aspect-ratio: 27/20) {
		#animation {
		  /* Werte an der 1.355-Schwelle einfrieren */
		  --anim-side-col: 29.75vh;
		  --anim-offset-left-top: 25vh;
		  --anim-offset-right-bottom: 25vh;
		  --anim-canvas-col: max(0vh, calc(100vw - (2 * var(--anim-side-col)) - (2 * var(--anim-gap))));
		}

		/* Font-Scaling: 1.355 -> 1.17 linear von 100% auf 88% */
		#animation_L .Stil1,
		#animation_R .Stil1 {
		  font-size: clamp(1.672vh, calc(1.232432vw + 0.230556vh), 1.9vh);
		  line-height: clamp(2.552vh, calc(1.881081vw + 0.351135vh), 2.9vh);
		}
		#animation_L .Stil2,
		#animation_R .Stil2 {
		  font-size: clamp(2.024vh, calc(1.491892vw + 0.278987vh), 2.3vh);
		  line-height: clamp(2.552vh, calc(1.881081vw + 0.351135vh), 2.9vh);
		}
	  }

	  /* < 1.17: Texte wandern ueber/unter mycanvas, Abstand jeweils 4vh; Groessen bleiben ab 1.17 konstant */
	  @media (max-aspect-ratio: 117/100) {
		#animation {
		  --anim-canvas-col: min(51.5vh, max(0px, calc(100vw - 12vh)));
		  --anim-center-col: var(--anim-canvas-col);
		  --anim-gap: 0vh;
		  --anim-side-col: 29.75vh;
		  --anim-offset-left-top: 0vh;
		  --anim-offset-right-bottom: 0vh;
		}

		#animation_inner {
		  width: min(var(--anim-center-col), 100vw);
		  justify-self: center;
		  margin-left: auto;
		  margin-right: auto;
		  grid-template-columns: minmax(0, 1fr) var(--anim-canvas-col) minmax(0, 1fr);
		  grid-template-rows: auto var(--anim-canvas-col) auto;
		  row-gap: 5.4vh;
		  column-gap: 0;
		  align-content: center;
		  justify-items: center;
		}

		#animation_L,
		#mycanvas,
		#animation_R {
		  grid-column: 2;
		  justify-self: center;
		}

		#animation_L {
		  grid-row: 1;
		  padding-left: 0;
		  padding-right: 0;
		  justify-content: flex-end;
		  align-items: center;
		  text-align: left;
		}

		#animation_L::before {
		  content: none;
		}

		#animation_L .animation_text {
		  width: var(--anim-canvas-col);
		  max-width: 100%;
		  margin-top: 0;
		  text-align: left;
		}

		#mycanvas {
		  grid-row: 2;
		  width: var(--anim-canvas-col);
		  min-width: var(--anim-canvas-col);
		  justify-self: center;
		}

		#animation_R {
		  grid-row: 3;
		  padding-left: 0;
		  padding-right: 0;
		  justify-content: flex-start;
		  align-items: center;
		  text-align: left;
		}

		#animation_R .animation_text {
		  width: var(--anim-canvas-col);
		  max-width: 100%;
		  margin-top: 0;
		  text-align: left;
		}

		#animation_R::after {
		  content: none;
		}
	  }

	  /* < 1.11: oberer Text unter mycanvas, dann unterer Text; kein Abstand zwischen den Texten */
	  @media (max-aspect-ratio: 111/100) {
		#animation_inner {
		  grid-template-rows: var(--anim-canvas-col) auto auto;
		  row-gap: 0;
		}

		#mycanvas {
		  grid-row: 1;
		}

		#animation_L {
		  grid-row: 2;
		  justify-content: flex-start;
		  margin-top: 3vh;
		}

		#animation_R {
		  grid-row: 3;
		}
	  }

	  #startimage {
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		display: block;
		width: 100vw;
		height: auto;
		max-width: none;
		max-height: none;
		cursor: pointer;
		z-index: 1;
	  }

	  #textblock_bg {
		position: absolute;
		inset: 0;
		left: auto;
		top: auto;
		transform: none;
		width: 100%;
		height: 100%;
		object-fit: cover;
		cursor: default;
		pointer-events: none;
	  }

	  /* Portrait (unter Bild-Seitenverhaeltnis): hoehenfuellend, seitlich beschnitten */
	  @media (max-aspect-ratio: 1500/1257) {
		#startblock {
		  --startblock-breathing-size: min(65vh, calc(100vw - 8vh));
		}
		#startimage,
		#animation_bg {
		  width: auto;
		  height: 100vh;
		}
	  }

	  #startimage_link {
		position: absolute;
		left: 50%;
		top: calc(75vh + (var(--startblock-breathing-size) / 4));
		transform: translate(-50%, -50%);
		display: inline-block;
		z-index: 2;
		white-space: nowrap;
		margin: 0.5vh;
		margin-left: 1.2vh;
		margin-right: 1.2vh;
		padding: 0.5vh 1vh;
		background-color: rgba(51, 51, 51, 0.75);
		border-radius: 1vh;
		font-size: 1.75vh;
		line-height: 1.2;
		color: white;
		font-weight: 300;
		z-index: 3;
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
		transition:
		  opacity 0.3s linear,
		  visibility 0s linear 0.3s;
	  }

	  #startimage_link.is-visible {
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
		transition:
		  opacity 0.3s linear,
		  visibility 0s linear 0s;
	  }

	  #f2 { position:fixed; top:2.5vw; right:2.5vw; z-index:2; }
	  #f3 { position:fixed; bottom:3vw; left:3vw; z-index:3; }
	  #arrow { position:fixed; top:1px; opacity:0.0; z-index:4; }

	  #bl_aktuell { z-index:5; }
	  #bl_aktuell_dots { z-index:6; }
	  #bl_arbeiten { z-index:7; }
	  #bl_arbeiten_dots { z-index:8; }
	  #text1hex1 { opacity: 0.5; }
	  #text1hex2 { opacity: 0.5; }
	  
	
	div#startblock, div#bl_arbeiten {
	  margin-bottom: 0px;
	}
	
	div#bl_arbeiten, div#bl_arbeiten_dots {
	  margin-bottom: 0px;
	}
	
	div#bl_arbeiten_dots, div#bl_aktuell {
	  margin-bottom: 0px;
	}
	
	div#bl_aktuell, div#bl_aktuell_dots {
	  margin-bottom: 0px;
	}
	
	div#bl_aktuell_dots, {
	  margin-bottom: 0px;
	}
	
	div#bl_buecher {
	  margin-bottom: 0px;
	}
	
	div#bl_texte {
	  margin-bottom: 0px;
	}
	
	div#bl_buecher, div#bl_buecher_dots {
	  margin-bottom: 0px;
	}
	
	div#bl_buecher_dots, div#bl_cv {
	  margin-bottom: 0px;
	}
	
	div#bl_cv, div#bl_impressum {
	  margin-bottom: 0px;
	}
	


	
	
	
	/* Schriftdeklarationen */
	
	  .Stil1 {
	    font-family: inherit;
		color: #999;
	    font-size: 1.9vh;
		line-height: 2.9vh;
	  }
	  
	  .Stil2 {
		font-family: inherit;
		color: #888;
	    font-size: 2.3vh;
		line-height: 2.9vh;
	  }
	
	 .Stil3 {
	    font-family: inherit;
		color: #707070;
	    font-size: 1.3vw;
		line-height: 1.8vw;
	  }
	  .Stil3a {
	    font-family: inherit;
		color: #9a9a9a;
	    font-size: 1.7vw;
		line-height: 2.3vw;
	  }
	  .Stil3b {
	    font-family: inherit;
		color: #888888;
	    font-size: 1.2vw;
		line-height: 1.5vw;
	  }
	 .Stil4 {
	    font-family: inherit;
		color: #bbbbbb;
	    font-size: 1.2vw;
		line-height: 1.4vw;
	  }
	  .Stil4a {
	    font-family: inherit;
		color: #9a9a9a;
	    font-size: 1.2vw;
		line-height: 1.7vw;
	  }
	  .Stil5 {
		font-family: inherit;
		color: #bbbbbb;
	    font-size: 1.8vw;
		line-height: 2.2vw;
	  }
	  .Stil5a {
		font-family: inherit;
		color: #555555;
	    font-size: 1.8vw;
		line-height: 2.2vw;
	  }
	  .Stil6 {
	    font-family: inherit;
		color: #737373;
	    font-size: 0.9vw;
		line-height: .9vw;
	  }
	.Stil7 {
	    font-family: inherit;
		color: #555555;
	    font-size: 1.3vw;
		line-height: 1.7vw;
	  }
	  
	 .Stil8 {
	    font-family: inherit;
		color: #888888;
	    font-size: 1.3vw;
		line-height: 1.75vw;
	  }
	  
	 .Stil8a {
	    font-family: inherit;
		color: #aaaaaa;
	    font-size: 1.3vw;
		line-height: .6vw;
	  }

	  .Stil9 {
		font-family: inherit;
		color: #aaaaaa;
	    font-size: 1.8vw;
		line-height: 2vw;
	  }
	 
	 .Stil10 {
	    font-family: inherit;
		color: #999;
	    font-size: 1.2vw;
		line-height: 1.5vw;
	  }
	  
	  .Stil11 {
	    font-family: inherit;
		color: #bbbbbb;
	    font-size: 1.0vw;
		line-height: 1.2vw;
	  }
	  .Stil11a {
	    font-family: inherit;
		color: #a5a5a5;
	    font-size: 1.0vw;
		line-height: 1.2vw;
	  }
	  .Stil11b {
	    font-family: inherit;
		color: #393939;
	    font-size: 1.0vw;
		line-height: 1.2vw;
	  }
	  
	  .Stil12 {
	    font-family: inherit;
		color: #770000;
	    font-size: .9vw;
		line-height: 1vw;
	  }
	  
	  .Stil13 {
	    font-family: inherit;
		color: #707070;
	    font-size: 1.2vw;
		line-height: 1.4vw;
	  }
	  
	 .Stil14 {
	    font-family: inherit;
		color: #bbbbbb;
	    font-size: 1.0vw;
		line-height: 1.2vw;
	  }
	  
	  .Stil15 {
	    font-family: inherit;
		color: #555555;
	    font-size: 1.2vw;
		line-height: 1.6vw;
	  }
	  
	  .Stil16 {
	  	font-family: inherit;
		color: #505050;
		font-size: 13px;
		line-height: 14px;
	  }
	  
	  
	  .Stil20 {
		font-family: inherit;
		color: #666666;
	    font-size: .7vw;
		line-height: .7vw;
	  }
	  
	  .Stil21 {
	    font-family: inherit;
		color: #505050;
	    font-size: 1vw;
		line-height: 1.06vw;
	  }

	  .Stil22 {
	    font-family: inherit;
		color: #558800;
	    font-size: 1.0vw;
		line-height: 1.06vw;
	  }

	  .Stil24 {
		font-family: inherit;
		color: #303030;
	    font-size: 1vw;
		line-height: 1.7vw;
	  }
  	  
	  .Stil29 {
		font-family: inherit;
		font-size: 15px;
		line-height: 15px;
		color: #333333;
	  }
	  
	  .Stil30 {
		font-family: inherit;
		font-size: 14.5px;
		line-height: 14px;
		color: #333333;
	  }
	  
	  .Stil31 {
		font-family: inherit;
		font-size: 1.4vw;
		line-height: 14px;
		color: #aaaaaa;
	  }
	  
	  .Stil35 {color: #333333}
	  
	  .Stil38 {
		  font-size: 13px; 
		  line-height: 14px; 
		  font-family: inherit; 
		  color: #c2c2c2; 
	  }
	  
	  .Stil39 {
	    font-family: inherit;
		color: #999999;
	    font-size: .82vw;
		line-height: 1.15vw;
	  }


	  .Stil40 {
	    font-family: inherit;
		color: #669900;
	    font-size: 1.0vw;
		line-height: 1.06vw;
	  }

	  .Stil43 {
	    font-family: inherit;
		color: #888;
	    font-size: .8vw;
		line-height: 1.06vw;
	  }

/* Inline styles migrated from index_2026.php */
.inlcss-001 { overflow-x:hidden; }
.inlcss-002 { max-width:100%; min-width:100%; max-height:100%; min-height:100%; background-color:#000000; z-index:20; }
.inlcss-003 { z-index:21; }
.inlcss-004 { max-width:100%; min-width:100%; }
.inlcss-005 { max-width:9vw; min-width:9vw; }
.inlcss-006 { width:100%; height:44vw; overflow-x:hidden; overflow-y:hidden; border:none; background-color:#eeeeee; padding-left:0vw; padding-right:0vw; padding-top:8vw; padding-bottom:6vw; }
.inlcss-007 { overflow-x:scroll; overflow-y:hidden; height:55vw; width:100vw; }
.inlcss-008 { max-width:5vw; min-width:5vw; }
.inlcss-009 { max-width:22vw; min-width:22vw; }
.inlcss-010 { max-width:2vw; min-width:2vw; }
.inlcss-011 { max-width:21vw; min-width:21vw; max-height:42vw; min-height:42vw; }
.inlcss-012 { max-width:27vw; min-width:27vw; }
.inlcss-013 { width:100%; height:42vw; overflow-x:hidden; overflow-y:hidden; border:none; background-color:#cccccc; padding-left:0vw; padding-right:0vw; padding-top:9vw; padding-bottom:6vw; }
.inlcss-014 { overflow-x:scroll; overflow-y:hidden; height:52vw; width:100vw; }
.inlcss-015 { max-width:10vw; min-width:10vw; }
.inlcss-016 { max-width:82vw; min-width:82vw; }
.inlcss-017 { max-width:20vw; min-width:20vw; }
.inlcss-018 { max-width:45vw; min-width:45vw; }
.inlcss-019 { max-width:12vw; min-width:12vw; }
.inlcss-020 { max-width:9vw; min-width:9vw; }
.inlcss-021 { max-width:84vw; min-width:84vw; }
.inlcss-022 { max-width:50vw; min-width:50vw; }
.inlcss-023 { max-width:15vw; min-width:15vw; }
.inlcss-024 { max-width:8vw; min-width:8vw; }
.inlcss-025 { max-width:7.5vw; min-width:7.5vw; }
.inlcss-026 { max-width:8.5vw; min-width:8.5vw; }
.inlcss-027 { width:100%; height:55vw; overflow-x:hidden; overflow-y:hidden; border:none; background-color:#777777; padding-left:0vw; padding-right:0vw; padding-top:6vw; padding-bottom:6vw; }
.inlcss-028 { overflow-x:scroll; overflow-y:hidden; height:70vw; width:100vw; }
.inlcss-029 { max-width:60vw; min-width:60vw; }
.inlcss-030 { width:9vw; }
.inlcss-031 { width:100%; border:none; background-color:#cccccc; padding-top:6vw; padding-bottom:6vw; height:43vw; }
.inlcss-032 { max-width:14vw; min-width:14vw; }
.inlcss-033 { max-width:70vw; min-width:70vw; }
.inlcss-034 { max-width:40vw; min-width:40vw; }
.inlcss-035 { max-width:18vw; min-width:18vw; }
.inlcss-036 { overflow-x:scroll; overflow-y:hidden; height:63vw; width:100vw; }
.inlcss-037 { max-width:76vw; min-width:76vw; }
.inlcss-038 { max-width:19vw; min-width:19vw; }
.inlcss-039 { max-width:3vw; min-width:3vw; }
.inlcss-040 { max-width:46vw; min-width:46vw; }
.inlcss-041 { max-width:17vw; min-width:17vw; }
.inlcss-042 { width:100%; height:32vw; overflow-x:hidden; overflow-y:hidden; border:none; background-color:#999999; padding-left:0vw; padding-right:0vw; padding-top:6vw; padding-bottom:6vw; }
.inlcss-043 { overflow-x:scroll; overflow-y:hidden; height:40vw; width:100vw; }
.inlcss-044 { max-width:7vw ; min-width:7vw; }
.inlcss-045 { max-width:84vw ; min-width:84vw; }
.inlcss-046 { max-width:4vw; min-width:4vw; }
.inlcss-047 { max-width:48vw; min-width:48vw; }
.inlcss-048 { max-width:28vw; min-width:28vw; }
.inlcss-049 { max-width:8vw ; min-width:8vw; }
.inlcss-050 { width:100%; border:none; background-color:#222222; padding-top:6vw; padding-bottom:6vw; }