@charset "UTF-8";
/***!  /media/templates/site/cassiopeia_cassiopeia_dafv/css/user.css?268d58  !***/

/* Grundsätzliche Template Farben und Einstellungen */

:root {

  /* War blau #213a8f grün #86bc25 */
    --cassiopeia-color-primary: #003e90;
    --cassiopeia-color-link: #89ba17;
    --cassiopeia-color-hover: #B3790E;
    --dafv-blue: #003e90;
    --dafv-green: #89ba17;
    --dafv-hover: #B3790E;

    
    --blue: #0d6efd;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #d63384;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #198754;
    --teal: #20c997;
    --cyan: #0dcaf0;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --gray-100: #f8f9fa;
    --gray-200: #e9ecef;
    --gray-300: #dee2e6;
    --gray-400: #ced4da;
    --gray-500: #adb5bd;
    --gray-600: #6c757d;
    --gray-700: #495057;
    --gray-800: #343a40;
    --gray-900: #212529;
    --primary: #0d6efd;
    --secondary: #6c757d;
    --success: #198754;
    --info: #0dcaf0;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #212529;
    --primary-rgb: 0, 62, 144;
    --secondary-rgb: 137, 186, 23;
    --success-rgb: 25, 135, 84;
    --info-rgb: 13, 202, 240;
    --warning-rgb: 255, 193, 7;
    --danger-rgb: 220, 53, 69;
    --light-rgb: 248, 249, 250;
    --dark-rgb: 33, 37, 41;
    --white-rgb: 255, 255, 255;
    --black-rgb: 0, 0, 0;
    --body-color-rgb: 33, 37, 41;
    --body-bg-rgb: 255, 255, 255;
  

  /* Carousel background für den Text über den Bildern 
  --cassiopeia-color-primary-rgb: 85,152,55; */
  
}

/* Hinweislabels */
em.highlight {
  border-radius: 4px 4px 4px 4px;
  font-style: normal;
  padding: 2px 5px;
  text-shadow: none;
}
em.highlight.red {
  background: none repeat scroll 0 0 #A62929;
  color: #FFF;
}
em.highlight.blue {
  background: none repeat scroll 0 0 #4B90B5;
  color: #FFF;
}
em.highlight.green {
  background: none repeat scroll 0 0 #89B223;
  color: #FFF;
}

/* Textboxen */
div.textbox {
  border-radius: 6px 6px 6px 6px;
  padding: 10px 10px 10px 20px;
  position: relative;
  margin-bottom: 1rem;
}

div.textbox.success {
  background: var(--success);
  color: #FFF;
}
div.textbox.info {
  background: var(--info);
  color: #FFF;
}
div.textbox.warning {
  background: var(--warning);
  color: #FFF;
}
div.textbox.danger {
  background: var(--danger);
  color: #FFF;
}
div.textbox.light {
  background: var(--light);
  color: var(--dafv-blue);
}
div.textbox.dark {
  background: var(--dark);
  color: #FFF;
}
/* background: linear-gradient(90deg, var(--dafv-blue) 0%, var(--dafv-green) 100%); */


.container-header {
  background-color: var(--dafv-blue);
  background-image: none;
}

.container-footer {
  background-color: var(--dafv-green);
  background-image: none;
}

/* fira-sans-regular - latin */
@font-face {src: url('https://dafv.de/media/templates/site/cassiopeia_cassiopeia_dafv/fonts/fira-sans-v16-latin-regular.eot'); src: url('https://dafv.de/media/templates/site/cassiopeia_cassiopeia_dafv/fonts/fira-sans-v16-latin-regular.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://dafv.de/media/templates/site/cassiopeia_cassiopeia_dafv/fonts/fira-sans-v16-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://dafv.de/media/templates/site/cassiopeia_cassiopeia_dafv/fonts/fira-sans-v16-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('https://dafv.de/media/templates/site/cassiopeia_cassiopeia_dafv/fonts/fira-sans-v16-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://dafv.de/media/templates/site/cassiopeia_cassiopeia_dafv/fonts/fira-sans-v16-latin-regular.svg#FiraSans') format('svg'); font-display: swap; font-family: 'Fira Sans'; font-style: normal; font-weight: 400}


/* lato-regular - latin */
@font-face {src: url('https://dafv.de/media/templates/site/cassiopeia_cassiopeia_dafv/fonts/lato-v23-latin-regular.eot'); src: url('https://dafv.de/media/templates/site/cassiopeia_cassiopeia_dafv/fonts/lato-v23-latin-regular.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://dafv.de/media/templates/site/cassiopeia_cassiopeia_dafv/fonts/lato-v23-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://dafv.de/media/templates/site/cassiopeia_cassiopeia_dafv/fonts/lato-v23-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('https://dafv.de/media/templates/site/cassiopeia_cassiopeia_dafv/fonts/lato-v23-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://dafv.de/media/templates/site/cassiopeia_cassiopeia_dafv/fonts/lato-v23-latin-regular.svg#Lato') format('svg'); font-display: swap; font-family: 'Lato'; font-style: normal; font-weight: 400}


/* poppins-regular - latin */
@font-face {src: url('https://dafv.de/media/templates/site/cassiopeia_cassiopeia_dafv/fonts/poppins-v20-latin-regular.eot'); src: url('https://dafv.de/media/templates/site/cassiopeia_cassiopeia_dafv/fonts/poppins-v20-latin-regular.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://dafv.de/media/templates/site/cassiopeia_cassiopeia_dafv/fonts/poppins-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://dafv.de/media/templates/site/cassiopeia_cassiopeia_dafv/fonts/poppins-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('https://dafv.de/media/templates/site/cassiopeia_cassiopeia_dafv/fonts/poppins-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://dafv.de/media/templates/site/cassiopeia_cassiopeia_dafv/fonts/poppins-v20-latin-regular.svg#Poppins') format('svg'); font-display: swap; font-family: 'Poppins'; font-style: normal; font-weight: 400}


h1, .h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 700;
}

body {
    font-family: "Lato" !important;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #383838;
    /* background: #efefef; */

}

/* Unterstreichung bei verlinkten Überschriften entfernen und silbentrennung aktivieren */
.item-title a{
 text-decoration: none;
  hyphens: auto;
}

/* Silbentrennung im Text aktivieren */
p { hyphens: auto; }

/* Silbentrennung auf allen Karten aktivieren */
.card { hyphens: auto; }

/* cards im container bottom-a umbrechen*/
.grid-child.container-bottom-a {
  flex: 1 content;
}

/* Module auf der Position bottom-a */
.bottom-a.card {
  background: #86bc25;
  text-align: center;
  color: white;
}

.bottom-a.card h3 {
  text-align: center;
  color: white;
}


.bottom-a.card button {
  display: block;
  margin: auto;
  cursor: pointer;
  outline: none;
  border: none;
  background-color: #213a8f;
  border-radius: 2px;
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--text);
  background-size: 100% 100%;
  margin-bottom: 15px;
}

/* Module auf der Position bottom-b */
.bottom-b.card {
  background: white;
  border: var(--card-border-width) solid var(--dafv-green);
}


.bottom-b.card h1 {
  color: #213a8f;
  font-weight: 100;
  font-size: 2rem;
}
.bottom-b.card h3 {
   color: gray-700;
  font-weight: 200;

}

/* Module auf der Position sidebar-right */

.sidebar-right h3 {
	color: #213a8f;
    text-align: center;
}



/*.carousel-caption {
	bottom: 1.25rem;
	color: #fff;
	left: 5%;
	padding-bottom: 1.25rem;
	padding-top: 1.25rem;
	position: absolute;
	right: 65%;
    top:15%;
    bottom:15%;
	text-align: center;
  background-color: rgba(var(--template-bg-dark-75), 0.75);}*/

.carousel-caption {
	bottom: 0.25rem;
	color: #fff;
	left: 15%;
	padding-bottom: 0rem;
	padding-top: 0rem;
	position: absolute;
	right: 15%;
  top:2%;
  bottom:70%;
  border-radius: 2rem;
	text-align: center;
  background-color: rgba(var(--template-bg-dark-75), 0.75);
}
  

.carousel-caption h1 {
  text-shadow:
    4px 4px 5px black,
    0 0 1rem var(--gray-800),
    0 0 0.4rem var(--gray-800);
  }

.carousel-caption h4 {
  text-shadow:
    4px 4px 5px black,
    0 0 1rem var(--gray-800),
    0 0 0.4rem var(--gray-800);
  }



/* VIDEO BANNER - see https://codepen.io/woluweb/pen/rNGROZj */
div.video-banner {
    display: grid;
    grid-template-areas: "hero";
    place-items: center;
    height: max(300px, calc(100vh - 152px)); /* viewport height minus the fixed height of menu header on current website, with a minimum of X pixels */
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.5);
}
div.video-banner > * {
    grid-area: hero; /* stacking all the child elements of the grid - could simply have set 1 / 1 / 2 / 2 instead of naming the area hero */
}
div.video-banner div.text {
    z-index: 1; /* to be sure that this is on top of the video */
    text-align: center;
    color: white;
    text-shadow: 2px 2px 5px black;
}
div.video-banner div.overlay {
    width: 100%;
    height: 100%;
    background-image: linear-gradient(120deg, var(--cassiopeia-color-link), var(--cassiopeia-color-hover));
    opacity: 0.7;
}
div.video-banner video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    overflow: hidden;
}

/* Tabelle für den Beitrag Hitze */
.dafv-temptab{
  color-scheme: light;
  /* Marke */
  --dafv-blau:      #1F5AA0;
  --dafv-blau-soft: #eaf1f9;
  --th-bg:          #1F5AA0;   /* Kopfzeile: 6.93:1 gegen weisse Schrift */
  --th-fg:          #ffffff;
  /* Flaechen und Schrift */
  --surface-1:      #ffffff;
  --surface-2:      #f7f7f5;
  --text-primary:   #0b0b0b;
  --text-secondary: #52514e;
  --text-muted:     #6f6d68;
  --gridline:       #e1e0d9;
  --baseline:       #c3c2b7;
  --ring:           rgba(11,11,11,.10);
  --track:          #eeede8;
  /* Sequenzielle Rampe der Temperaturtoleranz: ein Farbton, hell nach dunkel.
     Geprueft auf monotone Helligkeit, Stufenabstand und Kontrast zur Flaeche. */
  --ramp-1: #e7a387;
  --ramp-2: #dd8761;
  --ramp-3: #d16939;
  --ramp-4: #c04d06;
  --ramp-5: #a73800;
  --grenze: #d03b3b;

  font-family: "Bierstadt", "Segoe UI", system-ui, -apple-system, sans-serif;
  color: var(--text-primary);
  background: var(--surface-1);
  border: 1px solid var(--ring);
  border-radius: 10px;
  padding: 1.5rem 1.5rem 1.25rem;
  margin: 0 0 2rem;
  font-size: 1rem;
  line-height: 1.55;
  container-type: inline-size;
}

/* Dunkelmodus: eigene Stufen fuer die dunkle Flaeche, keine Umkehrung der hellen */
@media (prefers-color-scheme: dark) {
  :root:where(:not([data-theme="light"])) .dafv-temptab{
    color-scheme: dark;
    --dafv-blau:      #7fb0ea;
    --dafv-blau-soft: #16263a;
    --th-bg:          #1d3a5c;   /* Kopfzeile dunkel: 11.59:1 gegen weisse Schrift */
    --th-fg:          #ffffff;
    --surface-1:      #1a1a19;
    --surface-2:      #222221;
    --text-primary:   #ffffff;
    --text-secondary: #c3c2b7;
    --text-muted:     #a3a19a;
    --gridline:       #2c2c2a;
    --baseline:       #383835;
    --ring:           rgba(255,255,255,.12);
    --track:          #2c2c2a;
    --ramp-1: #80340c; --ramp-2: #9f410b; --ramp-3: #bd5014;
    --ramp-4: #d26531; --ramp-5: #e57f51;
    --grenze: #e66767;
  }
}
:root[data-theme="dark"] .dafv-temptab{
  color-scheme: dark;
  --dafv-blau:      #7fb0ea;
  --dafv-blau-soft: #16263a;
  --th-bg:          #1d3a5c;
  --th-fg:          #ffffff;
  --surface-1:      #1a1a19;
  --surface-2:      #222221;
  --text-primary:   #ffffff;
  --text-secondary: #c3c2b7;
  --text-muted:     #a3a19a;
  --gridline:       #2c2c2a;
  --baseline:       #383835;
  --ring:           rgba(255,255,255,.12);
  --track:          #2c2c2a;
  --ramp-1: #80340c; --ramp-2: #9f410b; --ramp-3: #bd5014;
  --ramp-4: #d26531; --ramp-5: #e57f51;
  --grenze: #e66767;
}

.dafv-temptab *,
.dafv-temptab *::before,
.dafv-temptab *::after{ box-sizing: border-box; }

/* ---------- Kopf ---------- */
.dafv-temptab .dt-eyebrow{
  font-family: "Barlow Condensed", "Bierstadt", "Segoe UI", system-ui, sans-serif;
  text-transform: uppercase; letter-spacing: .09em;
  font-size: .8125rem; font-weight: 700;
  color: var(--dafv-blau); margin: 0 0 .2rem;
}
.dafv-temptab .dt-title{
  font-family: "Barlow Condensed", "Bierstadt", "Segoe UI", system-ui, sans-serif;
  font-weight: 700; font-size: clamp(1.35rem, 1.1rem + 1.1vw, 1.85rem);
  line-height: 1.15; margin: 0 0 .55rem; color: var(--text-primary);
  border: 0; padding: 0;
}
.dafv-temptab .dt-intro{
  margin: 0 0 1.1rem; max-width: 62ch;
  font-size: .9375rem; color: var(--text-secondary);
}

/* ---------- Legende ---------- */
.dafv-temptab .dt-legend{
  list-style: none; margin: 0 0 1rem; padding: .75rem .85rem;
  background: var(--surface-2); border: 1px solid var(--ring); border-radius: 8px;
  display: grid; gap: .35rem .9rem;
  grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
}
.dafv-temptab .dt-legend li{ margin: 0; padding: 0; list-style: none; }
.dafv-temptab .dt-lg-item{
  display: flex; align-items: baseline; gap: .5rem;
  font-size: .8125rem; color: var(--text-secondary);
}
.dafv-temptab .dt-sw{
  flex: 0 0 auto; width: 12px; height: 12px; border-radius: 3px;
  transform: translateY(1px); box-shadow: inset 0 0 0 1px var(--ring);
}
.dafv-temptab .dt-lg-item b{ color: var(--text-primary); font-weight: 600; }
.dafv-temptab .dt-lg-n{ color: var(--text-muted); }
.dafv-temptab .dt-s1 .dt-sw{ background: var(--ramp-1); }
.dafv-temptab .dt-s2 .dt-sw{ background: var(--ramp-2); }
.dafv-temptab .dt-s3 .dt-sw{ background: var(--ramp-3); }
.dafv-temptab .dt-s4 .dt-sw{ background: var(--ramp-4); }
.dafv-temptab .dt-s5 .dt-sw{ background: var(--ramp-5); }
.dafv-temptab .dt-lg-na .dt-sw{
  background: repeating-linear-gradient(135deg, var(--baseline) 0 2px, transparent 2px 4px);
}
.dafv-temptab .dt-lg-head{
  grid-column: 1/-1;
  font-size: .75rem; font-weight: 700; letter-spacing: .06em;
  text-transform: uppercase; color: var(--text-muted);
}
.dafv-temptab .dt-lg-foot{
  grid-column: 1/-1; margin-top: .35rem; padding-top: .45rem;
  border-top: 1px solid var(--ring);
  font-size: .75rem; color: var(--text-muted);
}
.dafv-temptab .dt-lg-line{
  display: inline-block; width: 2.5rem; height: 2px; border-radius: 1px;
  background: var(--baseline); vertical-align: middle; margin: 0 .2rem;
}

/* ---------- Tabelle ---------- */
.dafv-temptab .dt-scroll{
  max-height: 40rem; overflow: auto;
  border: 1px solid var(--ring); border-radius: 8px;
  -webkit-overflow-scrolling: touch;
}
.dafv-temptab table{
  width: 100%; border-collapse: collapse; border: 0;
  font-size: .9375rem; background: var(--surface-1);
  margin: 0; table-layout: auto;
}
.dafv-temptab caption{
  caption-side: top; text-align: left;
  font-size: .8125rem; color: var(--text-muted);
  padding: 0 0 .4rem;
}
.dafv-temptab thead th{
  position: sticky; top: 0; z-index: 2;
  background: var(--th-bg); color: var(--th-fg);
  font-family: "Barlow Condensed", "Bierstadt", "Segoe UI", system-ui, sans-serif;
  font-weight: 700; letter-spacing: .02em;
  text-align: left; vertical-align: bottom;
  padding: .6rem .75rem; font-size: .875rem;
  border: 0; border-bottom: 2px solid var(--dafv-blau);
}
.dafv-temptab thead th:last-child{ text-align: right; }
.dafv-temptab tbody th,
.dafv-temptab tbody td{
  padding: .45rem .75rem; border: 0; border-top: 1px solid var(--gridline);
  vertical-align: middle; font-weight: 400; text-align: left;
}
.dafv-temptab tbody tr:nth-child(odd) th,
.dafv-temptab tbody tr:nth-child(odd) td{ background: var(--surface-2); }
.dafv-temptab tbody tr:hover th,
.dafv-temptab tbody tr:hover td{ background: var(--dafv-blau-soft); }
.dafv-temptab .dt-sci{ white-space: nowrap; }
.dafv-temptab .dt-sci em{ font-style: italic; }
.dafv-temptab .dt-zusatz{ font-style: normal; color: var(--text-secondary); }
.dafv-temptab .dt-triv{ color: var(--text-secondary); }
/* Spaltenbeschriftung nur in der Kartenansicht sichtbar */
.dafv-temptab .dt-lab{ display: none; }

/* Temperaturzelle: die Zahl bleibt in Textfarbe, die Farbe traegt nur der Punkt.
   Der Punkt sitzt auf einer Skala mit fester Spanne 24 bis 41 Grad, siehe Legende.
   Deshalb ein Punkt und kein Balken: ein Balken ab 24 Grad haette eine
   abgeschnittene Nulllinie und wuerde die Unterschiede uebertreiben. */
.dafv-temptab .dt-temp{ text-align: right; white-space: nowrap; }
.dafv-temptab .dt-cell{
  display: flex; align-items: center; justify-content: flex-end; gap: .7rem;
}
.dafv-temptab .dt-val{
  font-variant-numeric: tabular-nums; font-weight: 600;
  min-width: 2.2em; text-align: right;
}
.dafv-temptab .dt-scale{
  position: relative; flex: 0 0 auto; width: 6rem; height: 14px;
}
.dafv-temptab .dt-scale::before{
  content: ""; position: absolute; left: 0; right: 0; top: 50%;
  height: 2px; margin-top: -1px; background: var(--track); border-radius: 1px;
}
.dafv-temptab .dt-dot{
  position: absolute; top: 50%; width: 9px; height: 9px;
  margin: -4.5px 0 0 -4.5px; border-radius: 50%; left: 0;
  box-shadow: 0 0 0 2px var(--surface-1);
}
.dafv-temptab tbody tr:nth-child(odd) .dt-dot{ box-shadow: 0 0 0 2px var(--surface-2); }
.dafv-temptab tbody tr:hover .dt-dot{ box-shadow: 0 0 0 2px var(--dafv-blau-soft); }
.dafv-temptab .dt-s1 .dt-dot{ background: var(--ramp-1); }
.dafv-temptab .dt-s2 .dt-dot{ background: var(--ramp-2); }
.dafv-temptab .dt-s3 .dt-dot{ background: var(--ramp-3); }
.dafv-temptab .dt-s4 .dt-dot{ background: var(--ramp-4); }
.dafv-temptab .dt-s5 .dt-dot{ background: var(--ramp-5); }
.dafv-temptab .dt-na .dt-val{ color: var(--text-muted); font-weight: 400; }

/* Position des Punktes je Messwert */
.dafv-temptab .dt-v24 .dt-dot{ left: calc(5px + (100% - 10px) * 0.0000); }
.dafv-temptab .dt-v25 .dt-dot{ left: calc(5px + (100% - 10px) * 0.0588); }
.dafv-temptab .dt-v26 .dt-dot{ left: calc(5px + (100% - 10px) * 0.1176); }
.dafv-temptab .dt-v27 .dt-dot{ left: calc(5px + (100% - 10px) * 0.1765); }
.dafv-temptab .dt-v28 .dt-dot{ left: calc(5px + (100% - 10px) * 0.2353); }
.dafv-temptab .dt-v29 .dt-dot{ left: calc(5px + (100% - 10px) * 0.2941); }
.dafv-temptab .dt-v30 .dt-dot{ left: calc(5px + (100% - 10px) * 0.3529); }
.dafv-temptab .dt-v31 .dt-dot{ left: calc(5px + (100% - 10px) * 0.4118); }
.dafv-temptab .dt-v32 .dt-dot{ left: calc(5px + (100% - 10px) * 0.4706); }
.dafv-temptab .dt-v33 .dt-dot{ left: calc(5px + (100% - 10px) * 0.5294); }
.dafv-temptab .dt-v34 .dt-dot{ left: calc(5px + (100% - 10px) * 0.5882); }
.dafv-temptab .dt-v35 .dt-dot{ left: calc(5px + (100% - 10px) * 0.6471); }
.dafv-temptab .dt-v36 .dt-dot{ left: calc(5px + (100% - 10px) * 0.7059); }
.dafv-temptab .dt-v37 .dt-dot{ left: calc(5px + (100% - 10px) * 0.7647); }
.dafv-temptab .dt-v38 .dt-dot{ left: calc(5px + (100% - 10px) * 0.8235); }
.dafv-temptab .dt-v39 .dt-dot{ left: calc(5px + (100% - 10px) * 0.8824); }
.dafv-temptab .dt-v41 .dt-dot{ left: calc(5px + (100% - 10px) * 1.0000); }

/* ---------- Rote Grenzlinie (Schirmarten) ------------------------------------
   Position der roten Linie(n) ist in der Word-Vorlage nicht hinterlegt.
   Zum Setzen: der ersten Zeile UNTERHALB der Linie die Klasse dt-grenze geben,
   also im tr-Tag  class="dt-grenze". Optional eine Beschriftung als erstes
   Element in der ersten Zelle einfuegen:
   span mit class="dt-grenze-lab" und dem Text der Beschriftung.
--------------------------------------------------------------------------- */
.dafv-temptab tr.dt-grenze > *{ border-top: 2px solid var(--grenze) !important; }
.dafv-temptab .dt-grenze-lab{
  display: block;
  font-size: .6875rem; font-weight: 700; letter-spacing: .06em;
  text-transform: uppercase; color: var(--grenze);
  margin: -.15rem 0 .15rem;
}

/* ---------- Fuss und Quelle ---------- */
.dafv-temptab .dt-source{
  margin: .9rem 0 0; padding-top: .8rem;
  border-top: 1px solid var(--gridline);
  font-size: .8125rem; line-height: 1.5; color: var(--text-secondary);
}
.dafv-temptab .dt-source b{
  display: block; color: var(--text-primary);
  font-size: .6875rem; letter-spacing: .08em; text-transform: uppercase;
  margin-bottom: .2rem;
}

/* ---------- Schmale Spalten und Handy: Tabelle wird zu Karten ----------
   Container-Query: richtet sich nach der Breite des Beitragsbereichs,
   nicht nach der Fensterbreite. */
@media (max-width: 40rem) { .dafv-temptab{ padding: 1.1rem; } }
@container (max-width: 34rem) {
  .dafv-temptab .dt-scroll{ max-height: none; border: 0; border-radius: 0; overflow: visible; }
  .dafv-temptab table,
  .dafv-temptab tbody{ display: block; }
  .dafv-temptab caption{ display: block; width: auto; padding-bottom: .6rem; }
  .dafv-temptab thead{ position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
  .dafv-temptab tbody tr{
    display: block; margin-bottom: .5rem;
    border: 1px solid var(--ring); border-radius: 8px; overflow: hidden;
  }
  .dafv-temptab tbody th,
  .dafv-temptab tbody td{ display: block; border-top: 0; padding: .3rem .7rem; }
  .dafv-temptab tbody th{ padding-top: .55rem; font-size: 1.0625rem; }
  .dafv-temptab tbody td:last-child{ padding-bottom: .55rem; }
  .dafv-temptab .dt-sci{ white-space: normal; }
  .dafv-temptab .dt-triv{ font-size: .9375rem; }
  .dafv-temptab .dt-triv .dt-lab{
    display: inline; color: var(--text-muted); font-size: .8125rem;
  }
  .dafv-temptab .dt-temp{
    white-space: normal; overflow: hidden;
    border-top: 1px solid var(--gridline) !important; margin-top: .3rem;
  }
  .dafv-temptab .dt-temp .dt-lab{
    display: block; color: var(--text-muted); font-size: .8125rem;
    float: left; max-width: 62%; line-height: 1.9;
  }
  .dafv-temptab .dt-scale{ width: 4.5rem; }
  .dafv-temptab tbody tr:nth-child(odd) th,
  .dafv-temptab tbody tr:nth-child(odd) td{ background: var(--surface-1); }
}

/* ---------- Druck ---------- */
@media print {
  .dafv-temptab{ border: 0; padding: 0; background: #fff; color: #000; }
  .dafv-temptab .dt-scroll{ max-height: none; overflow: visible; border: 0; }
  .dafv-temptab thead th{ position: static; background: #fff; color: #000; border-bottom: 2px solid #000; }
  .dafv-temptab tbody tr{ break-inside: avoid; }
  .dafv-temptab .dt-dot{ box-shadow: 0 0 0 1px #000 !important; }
}