@charset "UTF-8";
/*
  Eigenes CSS von lialo (früher „Design → Customizer → Zusätzliches CSS“, ins Theme übernommen 19.10.2026).
  Wird nach dem Theme- und Plugin-CSS geladen (functions.php, lialo_theme_custom_css).
*/

@media (prefers-color-scheme: dark) {
	.site-footer {
		background-color: transparent;
	}
  .wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
    background-color: transparent;
  }
}

.mdc-drawer form {
	display: none;
}
.mdc-drawer .mdc-drawer__header {
	height: 120px;
}
.mdc-drawer .mdc-drawer__list ul.sub-menu {
	display: none;
}
.mdc-drawer .mdc-list-item--activated {
	color: rgba(var(--mdc-theme-on-surface-rgb,255,255,255),.87);
}

nav a:focus + ul,
nav a:active + ul {
    display: inherit;
}

.content-area  {
	margin-top: 16px;
}

.content-area figcaption {
	color: #00000099;
}

.content-area .archive-cards {
	margin-top: 0;
	padding-top: 0;
}

.content-area.material-archive__normal .page-header:after {
	margin-top: 1.5rem;
	margin-bottom: 1.5rem;
}

.content-area article a {
	color: #427996;
}

.content-area article h1 {
	font-size: 36px;
}

.content-area article h2 {
	font-size: 26px;
	font-weight: 400;
	line-height: 1.25;
}

.content-area article h3 {
	font-size: 24px;
	font-weight: 400;
}

.content-area article h4 {
	font-size: 20px;
	font-weight: 400;
	margin-bottom: 10px;
}

.content-area article h5 {
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 10px;
}

.content-area .entry-content {
	margin-top: 12px;
}

.content-area article blockquote {
	line-height: 1.45;
	border-top:2px solid #ffcf02;
	border-bottom:2px solid #ffcf02;
}
.content-area article figure.wp-block-pullquote {
	padding: 0;
}
.content-area article blockquote.wp-block-quote {
	border: 0;
	border-left:2px solid #ffcf02;
}
.content-area article blockquote cite {
	font-style: italic;
	font-size: 14px;
	display: block;
	margin-top: 4px;
}
.content-area article blockquote cite:before {
	content: "\2014 \2009";
}

.content-area #dpsp-content-bottom {
	margin-top: 60px;
}

.content-area .wp-block-faq-block-for-gutenberg-faq .question {
	text-transform: none;
}

.content-area .wp-block-faq-block-for-gutenberg-faq .answer {
	background-color: #ffffff;
	color: #666666;
}

.content-area .wp-block-gallery {
	margin: 0 auto;
}
.content-area .blocks-gallery-item__caption {
	background: linear-gradient(360deg,rgba(0,0,0,.2),rgba(0,0,0,.3) 0%,transparent) !important;
}

.wp-block-button__link {
	background-color: #ffffff;
}

.content-area .thumbup-list {
	list-style-type: none;
	margin-top: -15px;
}
.content-area .thumbup-list li {
	padding-left: 4px;
	position: relative;
	margin-top: 2px;
}
.content-area .thumbup-list li::before {
	content: "\1F44D"; /* 👍 */
	position: absolute;
	left: -22px;
	top: 0;
}

/* SEO Langingpages */
body.pagetype_seo header {
	position:relative;
	width: 100%;
}

body.pagetype_seo header h1 {
    position: absolute;
    text-align: left;
    color: #ffffff;
    font-weight: bold;
    letter-spacing: .1em;
    margin: 0 0 0 -10px;
    padding: 15px 25px 15px 25px;
    width: 100%;
    font-size: 32px;
	  line-height: 1.1;
	  text-shadow: 0px 0px 20px #00000099;
	/* https://en.web-tool.org/css-radial-gradient/ */
		background: radial-gradient(ellipse farthest-corner at 0% 0%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 70%);
}

body.pagetype_seo p,
body.pagetype_seo figcaption {
	color: #00000099;
}

body.pagetype_seo .post-thumbnail.featured-image {
	margin-bottom: 0;
}
body.pagetype_seo ul,
body.pagetype_seo ol {
	margin-left: auto;
	color: #00000099;
}
@media (prefers-color-scheme: dark) {
	body.pagetype_seo p,
	body.pagetype_seo figcaption,
	body.pagetype_seo ul,
	body.pagetype_seo ol {
		color: white;
	}
	body.pagetype_seo .tour-card-wrapper p,
	body.pagetype_seo .tour-card-wrapper figcaption,
	body.pagetype_seo .tour-card-wrapper ul,
	body.pagetype_seo .tour-card-wrapper ol,
	body.pagetype_seo .tour-card-wrapper h3,
	body.pagetype_seo .tour-card-wrapper .tour_preview div,
	body.pagetype_seo .tour-card-wrapper .tour_preview span,
	body.pagetype_seo .seo_review p {
		color: #00000099;
	}
}

/* -----------------------------------------------------------
   1. KARTEN-CONTAINER (Wrapper & WP-Gruppen)
----------------------------------------------------------- */
/* Gilt nun für den JS-Wrapper UND alle WP-Gruppen auf SEO-Seiten */
body.pagetype_seo .tour-card-wrapper,
body.pagetype_seo .wp-block-group {
    background-color: #ffffff;

    /* Graue Haarlinie rundherum */
    border: 1px solid #e5e5e5;

    /* Schatten rechts und unten */
    box-shadow: 4px 4px 12px rgba(0, 0, 0, 0.08);

    /* Abstände und Layout */
    padding: 30px 20px;
    margin-bottom: 40px;
    border-radius: 4px;
    overflow: hidden; /* Wichtig, damit die H2-Ecken nicht überstehen */
}

/* -----------------------------------------------------------
   2. KARTEN-HEADER (H2) - OPTION 1 (Petrol)
----------------------------------------------------------- */
/* Fall A: H2 im Tour-Card-Wrapper */
body.pagetype_seo .tour-card-wrapper > h2.wp-block-heading,
/* Fall B: H2 in einer Gruppe (wenn direkter Container) und erstes Element */
body.pagetype_seo .wp-block-group > h2:first-child,
/* Fall C: H2 in einer Gruppe (innerhalb inner-container) und erstes Element */
body.pagetype_seo .wp-block-group > .wp-block-group__inner-container > h2:first-child {

    background-color: #004E64;

    /* Zieht die H2 über das Padding des Wrappers an die Ränder */
    margin-top: -30px;
    margin-left: -20px;
    margin-right: -20px;

    /* Abstand nach unten */
    margin-bottom: 25px;

    /* Innenabstand */
    padding: 15px 20px;

    /* Schrift weiß für Kontrast */
    color: #ffffff;

    /* NEU: Erzwingt die Zentrierung des Textes im Banner */
    text-align: center;

    /* Wichtig: Breite auf 100% + Padding-Korrektur erzwingen */
    width: calc(100% + 40px);
    max-width: none;
    box-sizing: border-box;
}

/* -----------------------------------------------------------
   3. INHALT FORMATIERUNG
----------------------------------------------------------- */

/* REGEL: Alles in Wrapper UND Gruppen strikt linksbündig */
body.pagetype_seo .tour-card-wrapper h3,
body.pagetype_seo .tour-card-wrapper p,
body.pagetype_seo .wp-block-group h3,
body.pagetype_seo .wp-block-group p {
    text-align: left !important;
}

/* Abstände für H3 auf Desktop */
@media (min-width: 840px) {
    body.pagetype_seo .tour-card-wrapper h3,
    body.pagetype_seo .wp-block-group h3 {
        margin: 2rem 0 1rem 0;
    }
}

/* -----------------------------------------------------------
   4. AUSNAHMEN (Previews)
----------------------------------------------------------- */

/* Ausnahme für .tour_preview innerhalb des Wrappers */
body.pagetype_seo .tour-card-wrapper .tour_preview h3,
body.pagetype_seo .tour-card-wrapper .tour_preview p {
    text-align: center !important;
}

/* Desktop-Anpassung für Previews */
@media (min-width: 840px) {
    body.pagetype_seo .tour-card-wrapper .tour_preview h3 {
        margin: 0 8px 8px 8px;
    }
}

/* load webfonts from local server */
/* fallback */
@font-face {
  font-family: 'Material Icons Outlined';
  font-style: normal;
  font-weight: 400;
  src: url(/de/erlebnisse/wp-content/uploads/fonts/gok-H7zzDkdnRel8-DQ6KAXJ69wP1tGnf4ZGhUce.woff2) format('woff2');
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: url(/de/erlebnisse/wp-content/uploads/fonts/KFOkCnqEu92Fr1MmgVxIIzI.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url(/de/erlebnisse/wp-content/uploads/fonts/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url(/de/erlebnisse/wp-content/uploads/fonts/KFOlCnqEu92Fr1MmEU9fBBc4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
.material-icons-outlined {
  font-family: 'Material Icons Outlined';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}