/*
 Theme Name:     Divi Child-Theme
 Theme URI:      http://www.elegantthemes.com
 Description:    Divi Child-Theme
 Author:         oyondo medien agentur
 Author URI:     https://www.oyondo.de
 Template:       Divi
 Version:        1.1.12
*/

/* Relaunch Part */
/* Relaunch Part */

:root {
  /* --cppink: rgb(248,69,177); /* #f845b1 */
  --cppink: #e70b5b;
/*  --cpturkis: rgb(11,194,181); /* #0bc2b5 */
  --cpturkis: #0D5E78;
  --cpturkislight: rgb(11 194 181 / 10%);
  --cphellblau: rgb(50 212 255);
  --cplight: rgb(170 170 172); /* #aaaaac */
  --cphot: var(--cppink); /* orangered #ff4500*/
  --cpbtnblack: rgb(16 16 32); /* #101020 */
  --gf-local-bg-color: #000 !important;
  --gf-ctrl-btn-bg-color-primary: #000 !important;

}
.cpform {
  	--gf-color-primary: rgb(231, 177, 66); /* #e7b142 */
    --gf-local-bg-color: #000 !important;
    --gf-local-outline-color: var(--cpturkis) !important;
    --gf-ctrl-outline-color-focus: var(--cpturkis) !important;
  	--gf-ctrl-accent-color: rgb(231, 177, 66);
  	--gf-ctrl-choice-check-color: rgb(231, 177, 66);
  	--gf-field-pg-prog-bar-bg-color-blue:rgb(231, 177, 66);
  	--gf-ctrl-shadow-focus: rgba(231, 177, 66, 0.3);
  	--gf-local-border-color:rgb(231, 177, 66);
  	--gf-local-color:rgb(231, 177, 66);
  	--gf-ctrl-btn-bg-color-primary: var(--FlagBlue);
  	--gf-ctrl-btn-bg-color-hover-primary: rgb(36, 49, 77);
  	--gf-ctrl-btn-bg-color-focus-primary: rgba(36, 49, 77, 0.5);
		--gf-local-bg-color: var(--SkyBlue) !important;
    --gf-local-radius: 0 !important;
}
body {
  background-color: #f0f9f8;
}
.et_boxed_layout #page-container {
    -webkit-box-shadow: unset;
    box-shadow: unset;
}
#cp-logo {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 10px 0;
}
#cp-logo img {
    max-width: 100%;
    height: auto;
}
/* NOTE: Merkliste */
/* Topbar Styles */
.charminglaces-topbar {
    padding: 0 20px;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
}

.topbar-content {
    max-width: 1200px; /* Passe an deine Seitenbreite an */
    margin: 0 auto;
    display: flex;
    justify-content: flex-end; /* Rechts ausgerichtet */
    gap: 20px;
    align-items: center;
}

.topbar-link {
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    transition: opacity 0.3s ease;
}

.topbar-link:hover {
    opacity: 0.8;
	text-decoration: none;
}

.topbar-link .dashicons {
    font-size: 20px;
    line-height: 1;
}

.merkliste-link {
    position: relative;
}

.merkliste-link .merkliste-count {
  padding: 9px;
  font-size: 12px;
  position: absolute;
  top: -5px;
  left: 8px;
  z-index: 1;
  display: inline-block;
}
.merkliste-count .kreis {
  background-color: #fff;
  position:absolute;
}
#topbar-merkliste-count::after {
  content: '';
  position: absolute;
  width: 15px;
  height: 15px;
  background-color: #fff;
  border-radius: 50%;
  bottom: 16px;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}

.merkliste-header-wrapper {
    display: inline-block;
    padding: 10px; /* Erhöht die anklickbare Fläche */
    background: transparent; /* Optional, um Sichtbarkeit zu vermeiden */
}
.merkliste-header {
 display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    transition: opacity 0.3s ease;
    min-height: 48px; /* Mindestgröße für Touch */
    min-width: 48px; /* Mindestgröße für Touch */
	margin-bottom:40px;
}
/* Sicherstellen, dass keine benachbarten Elemente das Touch-Event abfangen */
.merkliste-header * {
    pointer-events: none; /* Nur der Container selbst ist anklickbar */
}

.merkliste-header:hover {
    opacity: 0.8;
}

.merkliste-heart-icon.dashicons-heart {
    font-size: 24px;
    line-height: 1;
}

.merkliste-header.favorited .merkliste-heart-icon.dashicons-heart {
    color: var(--cppink); /* Rot für gemerkt */
}

.merkliste-header.not-favorited .merkliste-heart-icon.dashicons-heart {
    color: #ccc; /* Grau für nicht gemerkt */
}

.merkliste-text {
    font-size: 10px;
    text-transform: uppercase;
	letter-spacing: 2px;
}

/* Stil für das Bildoverlay im Archiv */
/* Sicherstellen, dass das Overlay interaktiv ist */
.merkliste-heart-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0;
    cursor: pointer;
    pointer-events: auto !important; /* Erzwingt Interaktivität */
    z-index: 10; /* Über anderen Elementen */
    transition: opacity 0.3s ease;
}

.merkliste-heart-wrapper:hover {
    opacity: 0.8;
}

.merkliste-heart {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 48px;
    min-height: 48px;
}

.merkliste-heart:hover {
    transform: scale(1.2);
}

.merkliste-heart.favorited .heart-icon.dashicons-heart {
    color: var(--cppink);
}

.merkliste-heart.not-favorited .heart-icon.dashicons-heart {
    color: #ccc;
}

.merkliste-container {
    margin: 20px 0;
}

.merkliste-items li {
    margin-bottom: 20px;
}

.merkliste-item {
    display: flex;
    align-items: flex-start;
    gap: 20px;
}

.merkliste-image {
    flex: 0 0 280px;
}

.merkliste-image img {
    width: 280px;
    height: auto;
    object-fit: cover;
}

.merkliste-content {
    flex: 1;
}

.merkliste-content a {
    text-decoration: none;
}

.merkliste-content > .meta-cat {
   padding-top: 0 !important;
}

.merkliste-excerpt {
    margin: 5px 0 10px;
}

.remove-from-merkliste {
    background: var(--cppink);
    color: #fff;
    border: none;
    padding: 5px 10px;
    cursor: pointer;
}

.merkliste-menu-item {
    position: relative;
}

.merkliste-icon {
    font-size: 16px;
    margin-right: 5px;
}
.merkliste-heart-wrapper,
.merkliste-header {
    touch-action: manipulation; /* Verbessert Touch-Interaktion und reduziert Verzögerung */
}
/* Merkliste-Seite Layout wie Archiv */
#merkliste-items {
    list-style: none !important;
    padding: 0;
    display: grid;
    gap: 20px;
}

/* Desktop: 3 Spalten */
@media (min-width: 768px) {
    #merkliste-items {
        grid-template-columns: repeat(3, 1fr); /* Immer 3 Spalten */
    }

    #merkliste-items .grid-col {
        max-width: 100%; /* Verhindert Schrumpfen */
    }

    /* Optional: Leere Grid-Items verhindern */
    #merkliste-items:empty::after {
        content: none;
    }
}

/* Mobile: 1 Spalte */
@media (max-width: 767px) {
    #merkliste-items {
        grid-template-columns: 1fr;
    }
}

/* Sicherstellen, dass die äußeren Container korrekt gestylt sind */
#merkliste-items .grid-col {
    width: 100%;
    box-sizing: border-box;
}

#merkliste-items .grid-item-cont {
    width: 100%;
}

/* NOTE: DIVI Filter */

.et_pb_de_mach_filter_posts_0_tb_body .divi-filter-item {
       background-color: transparent !important;
   }


/* Stil für den Radio-Count (Anzahl der Einträge) */
.radio-count::before {
  content: '(';
}
.radio-count::after {
  content: ')';
}

/* Entfernt unnötigen Abstand für die Checkbox-Gruppen */
.no_filter_params.inline_checkboxes {
  margin-bottom: 0 !important;
}

/* Schriftart für die Titel der Filtergruppen */
span.et_pb_contact_field_options_title {
  font-family: 'brandon-bold';
}

/* Struktur für Checkboxen, Labels und Zähler */
.et_pb_contact_field_radio {
    display: flex !important;
    align-items: center;
    gap: 8px; /* Abstand zwischen Checkbox, Label und Count */
    width: 100%;
    flex-wrap: nowrap !important;
    position: relative; /* Bezieht sich auf absolute Positionierung von .radio-count */
}

/* Label als Bezugspunkt für absolute Positionierung */
.radio-label {
    display: inline-block !important;
    position: relative !important; /* Erlaubt absolute Positionierung von .radio-count */
    white-space: nowrap; /* Verhindert Umbrüche */
    padding-right: 30px; /* Platz für den Count reservieren */
}

/* Count (Anzahl) direkt hinter das Label setzen */
.radio-count {
    font-size: 0.9em;
    color: #666;
    position: absolute !important; /* Behält absolute Positionierung bei */
    left: 175px !important; /* Direkt hinter das Label setzen */
    margin-left: 5px !important; /* Kleiner Abstand zwischen Label und Count */
    top: 50% !important;
    transform: translateY(-50%) !important; /* Zentriert den Count vertikal */
    white-space: nowrap !important; /* Kein Umbruch */
    display: inline-block !important;
}

/* Gleichmäßige Struktur für alle Filteroptionen */
.et_pb_contact_field_options_list {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 15px;
}

/* Checkboxen gleichmäßig in Spalten aufteilen */
.divi-filter-item {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)) !important;
    gap: 10px; /* Abstand zwischen Checkboxen */
}

/* Verbesserung für lange Labels */
.et_pb_contact_field_radio label {
    flex-grow: 0 !important;
    display: flex !important;
    align-items: center;
}

/* Mobile Optimierung: Checkboxen untereinander anordnen */
@media (max-width: 768px) {
    .divi-filter-item {
        display: flex;
        flex-direction
      }
}

h1, h2:not(.category-description h2, .entry-title), h3:not(.et_pb_module_header, .et_pb_text_inner h3), h4, h5, h6 {
    clear: both;
    position: relative;
    margin: 1.875em 0 1em;
    padding: 0;
    word-wrap: break-word;
    -ms-word-wrap: break-word;
}
h2 {
    font-size: 2.618em;
    line-height: 1.2em;
}
h2.entry-title {
  font-size: clamp(1.5rem, .277vw + 1.4172rem, 1.625rem);
  line-height: 1.3em;
  margin:10px;
}
h3 {
	font-size: clamp(1.218rem, 1.018rem + 0.8vw, 1.618rem);
	line-height: 1.25em;
}
h4 {
	font-size: clamp(1.25rem, 1.191rem + 0.2358vw, 1.375rem);
	line-height: 1.25em;
}

body {
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
  font-smooth: auto;
}

h4 {
	font-size: clamp(1.218rem, 1.018rem + 0.8vw, 1.618rem);
	line-height: 1.25em;
}
.content-box-wysiwyg.heading, .et-dropcap, .post-title-small, .wp-block-cover-image-text, h1, h2, h3, h4, h5, h6 {
    font-family: Playfair Display;
    font-weight: 400;
    text-transform: none;
}
h1.entry-title{
	font-size: clamp(2.267rem, 1.067rem + 4vw, 4.267rem);
	line-height:1.2em;
}
	.light {
    text-transform: lowercase;
    color: var(--cplight);
}
p:not(.autor-box p, .ratingtext, footer p, .divi-filter-result-count p, .et_pb_contact p, .p-exz p, .kontaktbox p) {
    padding-bottom: 1.75em !important;
}
.et-dropcap {
    font-size: 4.667em !important;
    line-height: 1em !important;
    margin: 0 12px -4px 0 !important;
    color: #424242 !important;
}

footer .cp-instagram {
  z-index: 1;
}

/* #main-content p > a::before {
  margin-right: 5px;
    display: inline-block;
    vertical-align: -3px;
    font-family: ETMODULES;
    font-size: 1.2em;
    text-decoration: none;
    content: '\24';
} */
#main-content p > a:not(.button, .dmach-postmeta-value a) {
color: var(--cppink);
}
#main-content div > a,  li > a {
  color: #cf0951;
}
#main-content p > a:hover, li > a:hover, div > a:hover {
  text-decoration: underline;
  color: var(--cpbtnblack);
  -webkit-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s;
}
.empfehlungen, .cp-instagram {
  z-index: -20;
}

/* NOTE: Contentboxes Homepage */
/* CONTENT BOXES *************************************/
.content-boxes-wrap {
	margin-bottom: 24px;
	position: relative;
	background-color: #fff;
	padding: 12px;
	}

.content-boxes.masonry,
.content-box-inner {
	overflow: hidden;
	}

.content-box.masonry-item {
	padding: 0;
	}

.content-box-inner {
	position: relative;
	overflow: hidden;
	margin: 12px;
	}

.contentboxbgimage,
.contentboxbgcolor {
	width: 100.1%;
	height: 100%;
        max-height: 100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute !important;
        background-position: center center;
        overflow: hidden;
	}

.content-box-overlay {
	height: 100%;
	width: 100%;
	position: relative;
	}

.content-box .vertical-text {
	font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 9.6px;
	position: absolute;
	text-align: center;
	top: -16px;
	bottom: 0;
	left: 0;
	height: 25px;
	margin: auto;
	padding-left: 12px;
	padding-right: 8px;
	-webkit-transform-origin: 8px 50%;
	-moz-transform-origin: 8px 50%;
	-ms-transform-origin: 8px 50%;
	-o-transform-origin: 8px 50%;
	transform-origin: 8px 50%;
	-webkit-transform: rotate(-90deg) translate(-50%, 50%);
	-moz-transform: rotate(-90deg) translate(-50%, 50%);
	-ms-transform: rotate(-90deg) translate(-50%, 50%);
	-o-transform: rotate(-90deg) translate(-50%, 50%);
	transform: rotate(-90deg) translate(-50%, 50%);
	}

.content-box .vertical-text.has-bg-color {
	left: 4px;
	}

.content-box .center-wrap {
        display: flex;
	align-items: center;
	justify-content: space-around;
	height: 100%;
	width: 100%;
	padding: 20px;
	margin: 0 auto;
        }

.content-box .center-wrap.has-vertical-text {
	padding: 50px;
        }

.content-box.full-width .center-wrap {
	width: 60%;
	}

.content-box.two-third .center-wrap {
	width: 80%;
	}

.content-box.one-third .center-wrap {
	width: 94%;
	}


.contentbox-container {
	padding: 12px 0;
	}

.contentbox-content {
	padding: 24px;
	margin: 0;
	overflow: hidden;
	z-index: 99;
	word-break: break-word;
	}


/* height */
.content-box.defined.use-defined-height{
	overflow: hidden;
	}

.content-box.defined.use-defined-height:before{
	content: "";
	display: block;
	}

.content-box.defined.use-defined-height .content-box-inner {
	position:  absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	}

.content-box.square:before{
	padding-top: 100%; 	/* initial ratio of 1:1*/
	}

.content-box.half-height:before{
	padding-top: 50%; 	/* initial ratio of 1:1*/
	}

.content-box.one-and-a-half-height:before{
	padding-top: 150%; 	/* initial ratio of 1:1*/
	}

.content-box.double-height:before{
	padding-top: 200%; 	/* initial ratio of 1:1*/
	}

.content-box.defined.use-defined-height .content-box-overlay {
	position: absolute;
	}




/* floating boxes */
.grid-sizer {
	width: 8.33%;
	width: calc(100% / 12);
	float: left;
	}

.content-box {
        position: relative;
        float: left;
        min-height: 20px;
	width: 33.33%;
	width: calc(100% / 3);
        }

.content-box.one-half {
	width: 50%;
	width: calc(100% / 2);
	}

.content-box.one-fourth {
	width: 25%;
	width: calc(100% / 4);
	}

.content-box.one-third {
	width: 33.33%;
	width: calc(100% / 3);
	}

.content-box.two-third {
	width: 66.66%;
	width: calc(100% / 3 * 2);
	}

.content-box.three-third,
.content-box.full-width {
	width: 100%;
	}


/* content boxes style */
.contentbox-content .slide-description {
	max-width: none;
	padding: 0;
	text-align: left;
	margin-top: 40px;
	margin-bottom: 16px;
	}

.fa.content-box-icon,
.content-box-icon {
	display: block;
        z-index: 99;
        margin: 0;
        }

.content-box-icon[class^="pe-7s-"],
.content-box-icon[class*=" pe-7s-"] {
	display: block;
	}

.content-box-wysiwyg {
	margin: 0;
	line-height: 1.5em;
	}

.contentbox-content {
        text-align: center;
        }

.contentbox-content .categories {
	margin-top: 12px;
	}

.contentbox-content .button,
.contentbox-content .button.shortcode-button {
	margin-top: 12px;
	margin-bottom: 12px;
	}

.content-box a.more-link {
	margin-top: 18px;
	margin-bottom: 12px;
	}

.content-box .entry-meta-wrap {
	display: none;
	}

.content-box .entry-meta-wrap.has-cb-post-meta {
	display: table;
	}



/* white text */
.content-box.white .fa.content-box-icon,
.content-box.white .content-box-icon,
.content-box.white,
.content-box.white a,
.content-box.white .slide-description,
.content-box.white .slide-title,
.content-box.white h2,
.content-box.white h2 a,
.content-box.white .content-box-wysiwyg,
.content-box.white .content-box-wysiwyg a,
.content-box.white .categories a,
.content-box.white .button-more.button-outline,
.content-box.white .post-info .serif-italic,
.content-box.white .post-info-small a  {
        color: #fff;
        }

.content-box.white .content-box-wysiwyg a {
	border-bottom: 1px solid #fff;
	}

.content-box.white .content-box-wysiwyg a.button {
	border-bottom: none
	}

.content-box.white .button-outline,
.content-box.white a.button.button-outline,
.content-box.white .content-box-wysiwyg a.button.button-outline {
	color: #fff;
	border-color: #fff;
	border: 1px solid;
	}

.content-box.white .button-outline:hover,
.content-box.white a.button.button-outline:hover,
.content-box.white .content-box-wysiwyg a.button.button-outline:hover,
.content-box.white .button-more.button-outline:hover,
.content-box.white .button.button-outline:hover {
	background: #fff;
	color: #000;
	border-color: #fff;
	}


.content-box.white .entry-meta-bgcolor {
	background-color: transparent;
	padding: 0;
	}

.content-box.white .contentbox-content {
	padding: 0;
	}

.content-box.white .entry-meta-wrap {
	width: 100%;
	margin: 4px auto 0;
	}

.content-box.two-third.white .entry-meta-wrap,
.content-box.one-half.white .entry-meta-wrap,
.content-box.full-width.white .entry-meta-wrap {
	padding: 0 48px;
	}

/* dark text on white background */
.content-box.dark .center-wrap {
	margin: 0 auto;
	}

.content-box.dark.full-width .center-wrap {
	width: 60%;
	}

.content-box.dark.two-third .center-wrap {
	width: 80%;
	}

.content-box.dark.one-half .center-wrap {
	width: 80%;
	}

.content-box.dark.one-third .center-wrap {
	width: 94%;
	}

.content-box.dark.one-fourth .center-wrap {
	width: 94%;
	}


.content-box.dark .contentbox-content {
	background: rgba(255,255,255,0.98);
	}

.content-box.dark .contentbox-content {
	padding: 36px;
	}

.content-box.content-content-box.dark .contentbox-content {
	padding: 6px 36px;
	}

.content-box.dark .content-box-icon {
	margin-top: 12px;
	}

.content-box.dark .categories {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin: 0;
	margin-bottom: 22px; /* match with more link margin top -2px */
	}

.content-box.dark .categories a {
	font-size: 0.6em;
	vertical-align: baseline;
	letter-spacing: 3px;
	color: var(--cpbtnblack);
	}

.content-box.dark .contentbox-post-title {
	margin: 0;
	}

.content-box.dark a.more-link {
	margin: 0;
	margin-top: 24px; /* match with categories margin bottom */
	}

.content-box.dark .entry-meta-wrap {
	max-width: 80%;
	margin: -15px auto 0;
	}

.content-box .vertical-text {
	color: #fff;
	}


/* single content boxes */
.single-contentboxes .pagetitle {
	margin-top: 24px;
	}

.single-contentboxes-entry{
	margin: 48px auto 0 auto;
	}

.single.single-contentboxes #content-wrap {
	max-width: 100%;
	}

.single-contentboxes .isotope-box {
	float: none;
	margin: 0 auto;
	}

/* NOTE: Landkarte / Map */

.page-id-49160 h2 {margin-top: 0 !important;}
.leaflet-marker-icon {
    background-color: transparent; /* Sicherstellen, dass die Marker-Icons korrekt dargestellt werden */
}
.leaflet-container.leaflet-touch-drag {z-index:0 !important; margin-bottom: 20px;}
.map-popup {min-width: 100px; text-align: center; font-family: 'brandon-regular', sans-serif;}
.map-thnail {display: block; margin: 0 auto 10px; max-width: 100%; border-radius: 8px;}
.map-titel {font-family: 'Playfair Display', serif; font-weight:bold; font-size: large;}

/* Cluster-Text */
.marker-cluster-small div,
.marker-cluster-medium div,
.marker-cluster-large div {
    font-family: 'Brandon Regular', sans-serif;
    font-size: 12px;
    line-height: 24px;
    text-align: center;
}
.leaflet-popup-content-wrapper {
    background-color: white; /* Hintergrundfarbe */
    border-radius: 8px; /* Abgerundete Ecken */
    padding: 10px; /* Innenabstand */
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); /* Schatten für bessere Lesbarkeit */
}

.leaflet-popup-content {
    color: #333; /* Textfarbe */
    font-family: 'Brandon Regular', sans-serif; /* Standardschrift für Popups */
}

.leaflet-popup-content b {
    font-family: 'Playfair Display', serif; /* Standardschrift für Titel */
    font-size: 18px;
}
.leaflet-popup-content a {
    margin-top: 5px; /* Abstand oberhalb des Links */
    display: block; /* Link als Blockelement, damit der Abstand wirksam wird */
    text-align: center; /* Optional: Zentrierung des Links */
    color: var(--cppink); /* Optional: Linkfarbe */
    text-decoration: none; /* Optional: Entfernt Unterstreichung */
}

.leaflet-popup-content a:hover {
    text-decoration: underline; /* Optional: Unterstreichung bei Hover */
}
/* Cluster-Styling
.marker-cluster-small {
    background-color: rgba(248, 69, 177, 0.6);
    border: 2px solid #f845b1;
    border-radius: 50%;
    color: white;
}

.marker-cluster-medium {
    background-color: rgba(248, 69, 177, 0.8);
    border: 2px solid #f845b1;
    border-radius: 50%;
    color: white;
}

.marker-cluster-large {
    background-color: rgba(248, 69, 177, 1);
    border: 2px solid #f845b1;
    border-radius: 50%;
    color: white;
} */

@media (max-width: 768px) {
    .leaflet-popup-content-wrapper {
        font-size: 14px; /* Kleinere Schriftgröße für Mobilgeräte */
        max-width: 225px !important;
    }

    .marker-cluster-small,
    .marker-cluster-medium,
    .marker-cluster-large {
        font-size: 10px; /* Kleinere Cluster-Textgröße */
    }
}


/* NOTE: Kategorie Header optimiert */

.overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  text-align: center;
}
.category-header {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.category-image {
  display: block;
}
/* NOTE: Kategorie PHP Marni Übernahme */
.overlay .category-image-fullbg {
    width: 100%;
    height: 100%;
    max-height: 100%;
    background-size: cover;
    box-sizing: border-box;
    position: absolute !important;
    z-index: auto;
    background-position: center center;
    overflow: hidden;
}
.category-header.overlay {
    min-height: 360px;
    position: relative;
    margin: 0;
    padding: 0;
}
.color-overlay {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.color-overlay {
    background-color: rgba(32, 32, 36, .12);
}

/* shortcode Highlight */
.highlight {
  padding: 5px 10px;
  text-transform: uppercase;
  font-family: 'brandon-bold';
  letter-spacing: 2px;
}
/* NOTE: Mehr laden mit Zähler */
.divi-filter-result-count.result_count_right {
    float: none !important;
    text-align: center;
  }

  /* NOTE: Pagination */
  .divi-filter-pagination ul.page-numbers {
    flex-wrap: wrap;
  }
  .page-numbers:not(.prev, .next) {
    border-radius: 50%;
  }
  .page-numbers{
    padding: 10px 20px !important;
    margin-right: 6px !important;
    line-height: unset !important;
  }
.divi-filter-pagination ul.page-numbers li {
  border: 0 !important;
}
  ul.page-numbers li a:hover {
    background-color: #3a3a3b;
  }
  .divi-filter-pagination.result_count_right {
    float: none;
    text-align: center;
}
.next, .prev, .divi-filter-result-count {
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 10.2px !important;
}

/* NOTE: Meta Text */
.meta-cat .dmach-postmeta-value, .post-cats {
    text-align: center;
    text-transform: uppercase;
    font-size: 10.5px;
    letter-spacing: 1.5px;
    line-height: 1.6em;
    padding: 20px 0 0 0 !important;
    color: var(--cplight);
}
.meta-cat .dmach-postmeta-value a {
    color: var(--cpturkis);
}
.meta-cat .dmach-postmeta-value a:hover {
    color: var(--cppink);
}
/* NOTE: Loop Items */
.cp-loop .grid-col.dmach-grid-item:hover, #merkliste-items .grid-col.dmach-grid-item:hover  {
    background-color: #fdf6f9
  }
.p-exz p {
    padding: 0;
  }
  /* NOTE: ET Buttons */
.et_pb_button {
    font-size: 10px !important;
    padding: 0 36px !important;
    line-height: 34px !important;
  }
.mehr-lesen .et_pb_button {
  margin-top: 25px;
}

  .archive-page-title {
      font-family: Playfair Display;
      font-size: clamp(1.5625rem, -0.2232rem + 5.7143vw, 4.0625rem);
      font-weight: 500;
      letter-spacing: 5px;
      line-height: 1.1em;
      text-transform: uppercase;
      color: #fff;
      text-align: center;
  }
  .archive-page-title {
    margin: 0;
}
.kategorie-beschreibung {
    max-width: 1140px;
    margin: 0 auto;
    padding: 0 20px;
  }
/* Remove sidebar */
#sidebar {
	display:none;
}

/* Remove thin line */
#main-content .container:before {
	background: none;
}

/* Make content 100% width */
@media (min-width: 981px){
#left-area {
	width: 100%;
	padding-right: 0px !important;
}}

.inline > .et_pb_text {
	display: inline-block;
	padding: 0 10px;
}
.inline {text-align: center;}
.location .et_pb_text_inner:before {
	content: "\e081";
    color: #222222;
    font-family: "ETmodules" !important;
    font-weight: 400;
	padding-right:5px;
}



/* Autor button */

a.shortcode-button {
    padding: 10px 36px;
    border: 1px solid #aaaa;
    color: #fff;
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: 2px;
    margin: 0 2px 12px;
    vertical-align: bottom;
    transition: all 0.1s ease-in-out;
}
a.autor-button:hover {
  background: #32D4FF;
}

/* Fonts */
h2 > a, h3 > a, .related-post-title {font-family: Playfair Display !important;}

/* Suche */
#mega-menu-wrap-primary #mega-menu-primary li#mega-menu-item-24793 .mega-search.mega-search-open input[type=text] {border: 1px solid pink;}
.fas, .fa {font-family: 'FontAwesome' !important;}

/* Link Gewinnspiel */
.mega-gewinn a {color:var(--cppink) !important;}

p strong {font-family:brandon-bold;}

/* Launch - Abo */
.launch-abo {padding: 0 20px;}

/* NL Abo Hustle */
.hustle-ui.hustle-slidein .hustle-slidein-content .hustle-info.hustle-info--compact .hustle-nsa-link {
    background-color: rgba(229,246,255,0.75 );
    padding: 10px;
    bottom: -60px !important;
}

/* Angebot Hustle */
@media screen and (min-width: 783px) {
.hustle-ui:not(.hustle-size--small).module_id_11 .hustle-layout .hustle-content .hustle-content-wrap {
    padding: 33px 30px !important;
}
}


/* NOTE: ACF Felder */
.location {
  margin: -10px auto;
}
.location span.dmach-acf-value {
  text-transform: uppercase;
  font-size: 10px;
  letter-spacing: 2px;
  padding: 8px 12px;
  color: #fff;
}
/* NOTE: Farben Location Felder */
.category-charmingplaces .location span.dmach-acf-value {
  background: var(--cppink);
}
.location span.dmach-acf-value {
  background: var(--cpbtnblack);
}

.location span.dmach-acf-value::before{
  font-family: ETMODULES;
  content: "\e081";
  margin-right: 5px;
}
.location > .dmach-acf-item-content {
  min-width: 120px;
}
.dmach-acf-value {
  width:auto;
}

/* Leser werben Leser */
 #post-28827 .has-background-dim:not([class*=-background-color]) {
background-color: #00000075;
}
.info-invite {
   font-size: 120%;
    font-weight: bold;
    padding-top: 25px;
    line-height: 1.4em;
    margin-bottom: 5px;
}
.invite_leser_wrapper {
    padding: 20px;
    background: aliceblue;
}
h4.leser_werben {
    font-family: 'brandon-regular';
    line-height: 1.4em;
}
/* DIVI Builder Hack */
.divi-img img {
  aspect-ratio: 4/3;
  object-fit: cover;
}

/* Angebotsformular */
.hotelanfrage_gesendet {padding: 20px 20px; background-color: #f0f9f8; margin-bottom:40px;}
b.charmingplaces {color:var(--cppink);}
.gform_wrapper.gravity-theme .gfield_label {font-family: 'brandon-regular' !important; color: #424242; text-transform: none !important;}
.gform_wrapper.gravity-theme input[type=color], .gform_wrapper.gravity-theme input[type=date], .gform_wrapper.gravity-theme input[type=datetime-local], .gform_wrapper.gravity-theme input[type=datetime], .gform_wrapper.gravity-theme input[type=email], .gform_wrapper.gravity-theme input[type=month], .gform_wrapper.gravity-theme input[type=number], .gform_wrapper.gravity-theme input[type=password], .gform_wrapper.gravity-theme input[type=search], .gform_wrapper.gravity-theme input[type=tel], .gform_wrapper.gravity-theme input[type=text], .gform_wrapper.gravity-theme input[type=time], .gform_wrapper.gravity-theme input[type=url], .gform_wrapper.gravity-theme input[type=week], .gform_wrapper.gravity-theme select, .gform_wrapper.gravity-theme textarea {font-family: 'brandon-regular' !important; color: #424242;}
.gform_wrapper.gravity-theme .field_description_below .gfield_consent_description, .gform_wrapper.gravity-theme .gfield_consent_description  {font-family: 'brandon-regular' !important; color: #424242;}
.gfield h4 {font-family: 'brandon-regular' !important;}

/* Bewerbungsformular */
.gform_wrapper.gform-theme .gf_step_active .gf_step_number {
    background: #f844b1 !important;
    color: #fff !important;
}
.gform_wrapper.gform-theme .gf_step_number {
	    border: 2px solid #f844b1 !important;
}
.gform_wrapper.gform-theme .gf_step_completed .gf_step_number:before {
    background: #f844b1 !important;
    border: none !important;
}
ul#gform_fields_login, ul.gfield_checkbox {
   list-style-type: none;
    padding: 0;
    line-height: 35px;
}
ul#gform_fields_login > input.text, input.title, input[type=email], input[type=password], input[type=tel], input[type=text], select, textarea {padding:10px; width: 250px;}
.gform_footer.top_label .et_pb_button {margin-bottom:20px;}

.cpform .gform-theme-button, .gform_button {
  background-color: var(--cpbtnblack)!important;
  color: #fff !important;
  border: 0 !important;
  text-transform: uppercase !important;
  border-radius: 0 !important;
  padding: 0 36px !important;
  line-height: 34px !important;
  font-size: 0.6rem !important;
  letter-spacing: 2px !important;
  font-weight: 400 !important;
  white-space: nowrap !important;
}
.cpform .gform-theme-button:hover, .cpform .gform_button:hover {
  background-color: var(--cppink)!important;
}
.cpform .gform-theme-button:focus {
  outline-color: var(--cppink) !important;
}
.gform-theme--framework .gf_step_completed .gf_step_number::after {
  background-color: var(--cpturkis) !important;
  border-color: var(--cpturkis) !important;
}

/* Animation */

.post-grid {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  overflow: hidden;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
}
.post-grid:hover, .post-grid:focus, .post-grid:active {
  background-color: #fdf6f9;
}

/* Post Grid */

.post-grid .entry-content {margin-top:15px;}

/* Video */
.video .wp-block-group__inner-container {max-width: 796px; margin: 0 auto; padding: 45px 0;}
.newletter-on-black {text-align: center;}
a.button.shortcode-button.button-regular.button-large.button-on-black.newsletter-abo {background-color:#fff; color:#000; border:none;}
a.button.shortcode-button.button-regular.button-large.button-on-black.newsletter-abo:hover {background-color:#32d4ff; color:#fff; border:none;}

/*Cookie */
.BorlabsCookie ._brlbs-content-blocker ._brlbs-caption p {color:#fff;}
.BorlabsCookie ._brlbs-content-blocker ._brlbs-caption a {color:#fff !important;}
.BorlabsCookie ._brlbs-video-youtube a._brlbs-btn:hover {background: #b7b7b7 !important;}
/* Borlabs */
._brlbs-fluid-width-video-wrapper {}
/* Header */
.header4 .header-wrap2 .logo-left {margin-bottom: 75px; margin-top: -40px;}
.header4 .header-wrap2 {margin-bottom:25px;}
.mega-sub-menu {margin-bottom:-2px !important;}
.header-wrap1 .searchbutton {display:none;}
#pum-1612 {z-index:9 !important;}
#sidebar-home-top {margin-bottom:-50px;}
.site-title img {margin-bottom: -3px;}
body.home #content, body.archive #content {background-color:#fff;}
#header {background-color:transparent;}
#footer {max-width:1248px; margin-left:auto; margin-right:auto;}
.content-boxes-wrap {margin-bottom:0;}
.category-travelpicks .meta-cat .dmach-postmeta-value a, .category-travelpicks div.categories a:link {color: var(--cppink) !important;}
.category-reiseziele .meta-cat .dmach-postmeta-value a {color: #6FC2B5;}
.category-hot-deals .meta-cat .dmach-postmeta-value a {color: var(--cphot) !important;}
.post-masonry .entry-header {text-align: left !important;}
.slider-overlay-content .categories a, .entry-header .categories a, .content-box .categories a {padding: 0 !important;}
.post-masonry .entry-title, .post-masonry .categories {padding: 0;}
.post-masonry .entry-content {padding: 0 0 24px;}
body.home div.post-share {display:none;}

/* Filter ausblenden wo nicht benoetigt
.category-presse .catfilter {display:none;}
.category-238 .catfilter, .category-244 .catfilter, .category-241 .catfilter, .category-251 .catfilter, .category-242 .catfilter, .category-243 .catfilter, .category-245 .catfilter, .category-240 .catfilter, .category-272 .catfilter, .category-249 .catfilter, .category-246 .catfilter, .category-248 .catfilter, .category-247 .catfilter, .category-252 .catfilter, .category-239 .catfilter, .category-250 .catfilter, .category-254 .catfilter {display:none;}
.category-charmingplaces .catfilter, .category-295 .catfilter, .category-304 .catfilter  {display:none;} */


/*Kategorie Farben */
/* .post_tag-tipps a:hover h2, .post_tag-essen-trinken a:hover h2 {color:var(--cpturkis) !important;}
.category-charmingplaces a:hover h2 {color:var(--cppink) !important;}
.category-hot-deals a:hover h2 {color:var(--cphot) !important;}
.category-charmingplaces  .location span.dmach-acf-value {background-color:var(--cppink) !important;}
.category-hot-deals  .location span.dmach-acf-value {background-color:var(--cphot) !important;}
.category-travelpicks  .location span.dmach-acf-value {background-color:#ccc !important; border-bottom:2px solid var(--cppink); color: #424242;}
div.categories > a {color:var(--cpturkis) !important;} */
.charmingplaces .kontaktbox, .tag-gluecksmomente .kontaktbox, .hot-deals .kontaktbox {background-color:#ffe8f6;}
.charmingplaces .entry-content a:not(.button, .cpcll h2 a):not(.wp-block-button__link), .tag-gluecksmomente .entry-content a:not(.button):not(.wp-block-button__link) {color:var(--cppink);}
.tag-mitbringsel .kontaktbox {background-color:#c7e8e4;}
.tag-mitbringsel .entry-content a:not(.button):not(.wp-block-button__link) {color:#70C2B6;}
.tag-essen-trinken .kontaktbox {background-color: #ffbcbc;}
.tag-essen-trinken .entry-content a:not(.button):not(.wp-block-button__link) {color:#bf1515;}
.tag-erlebnistipp .kontaktbox {background-color: #C6DBF1;}
.tag-erlebnistipp .entry-content a:not(.button):not(.wp-block-button__link) {color:#019dca;}
.tag-medientipps .kontaktbox {background-color: #b4ebfb;}
.tag-medientipps .entry-content a:not(.button):not(.wp-block-button__link) {color:#019dca;}
.reiseziele .kontaktbox {background-color: #c7e8e4;}
.reiseziele .entry-content a:not(.button):not(.wp-block-button__link) {color:#70C2B6;}


/* Category Filter
.catfilter {display: block; text-align: center;}
.header-filter {font-size:13px; font-familiy:brandon-light;letter-spacing: 1px;margin-right:5px;}
.button-filter {padding: 0 15px;}
.category-charmingplaces .filter {display:none;}
.catfilter .button-more.button-outline, .filter .button-outline,.filter a.button.button-outline {margin-bottom:10px;} */

/* Category Description */
.category-description {max-width: 1140px; margin: 0 auto; padding: 0 20px;}
.region-teaser {background-color: #f0f4f6; padding: 1px 20px 20px; margin-top: 20px;}

/* Blog anpassungen */
.has-post-thumbnail .entry-meta-wrap, .format-video .entry-meta-wrap {max-width: 85%;}
/*.entry-content:not(.page-id-45248) {max-width: 795px; text-align: left; margin: 50px auto;}*/
.site-content, .footer-widget-area {padding:0;}
.single .entry-title {margin: 15px 0;}
.post, .archive .post, .search .post, .search .page {margin-bottom:0 !important;}
.category-description a {color: var(--cppink);}
.wp-block-gallery.has-nested-images figcaption {margin: -10px 0 25px 0;}
.no-sidebar .entry-content .wp-block-image img {padding: 0 !important;}
.wp-block-gallery.has-nested-images.aligncenter {margin:0 !important;}
.wp-block-gallery.has-nested-images {margin: 7px 0;}
.tnail {text-align: center;}
.et_pb_de_mach_thumbnail img {aspect-ratio: 560/420; object-fit: cover; width: 100%;}
.category-charmingpeople .et_pb_de_mach_thumbnail img {object-position: top center;}


/* BILDER & GALERIE BESCHREIBUNG */
.no-sidebar .wp-block-image figcaption, .no-sidebar .wp-block-video figcaption {margin-top: 1px; line-height: 18px; text-transform: none; color:unset; font-size: 0.8em}
 .wp-block-gallery.has-nested-images figcaption  {font-family: brandon-regular; font-size: 0.8em; font-weight: 400;letter-spacing: 1px;}

 .wp-block-image figcaption a {
     display: inline;
 }

/* Releated Posts
.related-posts {padding: 76px 24px 24px 24px; border-top: 24px solid #f0f9f8;}*/
.related.section-title {margin-bottom: 30px;}
.related-posts {padding-top:65px;}
a.related-post-title {font-size:28px;}

/* Infobox */
.no-sidebar .entry-content .alignfull {margin-left: calc( -35vw / 2 + 35% / 2 ); margin-right: calc( -35vw / 2 + 35% / 2 );}
.mitbringsel {padding: 0 5%;background-color:#fcd7ed !important;}
.ab-container-content h4 {margin: 30px 0 5px;}
.infobox {padding: 1px 20px;}

/*Inhaltsverzeichnis */
.wp-block-rank-math-toc-block {padding: 1px 5% 20px 5%; background: aliceblue; width: 110%; margin-left: -5%;}
.wp-block-rank-math-toc-block h2 {font-size: 1.618em;}
/* html {scroll-behavior: smooth;} */
.wp-block-rank-math-toc-block a:before {content:"\00bb"; padding: 0 10px 0 0;}


/* Header Bild */
.page-template-page-bg-imagee .wp-block-cover.has-background-dim.is-position-center-center.imageheader {width: 150%; margin-right: -25%; margin-left:-25%}
.page-template-page-bg-imagee .wp-block-cover.has-background-dim.is-position-center-center {margin-top: -45px;}
.page-template-page-bg-imagee .entry-header {display:none;}
.page-template-page-bg-imagee .imageheader {background-color:#6fc2b5;}
.wp-block-cover.has-background-dim:not(.has-background-gradient):before {opacity: .12;}

/* Social Icons */
.socialicons a:hover {color: #6fc2b5;}
.social-footer ul.socialicons {font-size:12px; text-transform:none;}
/* Header Author */
.category-image-fullbg.author {background-position: 0 28%;}
.autor-bild {margin: 0 auto;}

/*Bewertung Kreis */
.ratingbase {border-radius: 50%;}
.ratingcircle {position: relative; width: 200px; height: auto; padding-top: 200px; background-color: var(--cppink); margin: 0 auto;}
.rating {top: 15px; position: absolute; bottom: 0; left: 10%; right: 10%; display: inline-flex; justify-content: center; align-items: center;  text-align: center;}
.ratingtext {margin-bottom:0; color:#fff; font-weight:bold; letter-spacing:0.04em;}
.ratingtext i {margin-left:3px;}

/* Ausstattung Box */
.wp-block-group.ausstattung-box {background-color: #f0f4f6; padding: 20px;}
.wp-block-group.ausstattung-box .wp-block-columns {margin-bottom: 0;}
.ausstattung-col h4 {margin-top:0px;}
.ausstattung-col {padding:20px 0 20px 20px;}


/* Kontaktbox */
.kontaktbox h4, .ausstattung h4 {margin: 0 0 10px 0;}
.kontaktbox p {margin:0 0;}
.kontaktbox {padding: 10px 20px; margin:40px 0 !important;}
.kontaktbox .wp-block-image img {padding: 0 !important;}
.kontaktbox .button-outline {color:#fff !important; background-color:#000;}
.wp-container-6.wp-block-columns.kontaktbox {margin:0;}
.kontaktbox h3 {font-size: 1.731em; line-height: 1.2em; margin-top: 0 !important;}
.sticky-block-wrapper {margin-top: 20px;}
/* NL Lightbox */
.nl-abo {margin-top:0;}
input.nl-input {color:#000 !important;width: 100%; text-align: left !important; border: 1px solid #424242; font-size: 0.8em !important;}
input.nl-input:focus {background-color:#fdf6f9;}
select.dropdown_field.nl-input {width: 50%; height: 35px; padding: 0 8px; color:#696969;}

/* About us */
.page-id-164 .entry-content {max-width: 1248px; text-align: left; margin: 50px auto;}
.text-narrow {max-width: 795px; text-align: left; margin: 50px auto;}
.text-narrow h2, .text-narrow h4, .page-id-164 h2, .page-id-164 h4 {margin: 10px 0;}
h4.quote-about {line-height: normal; border-left: 2px solid #979797; padding-left: 15px; margin-bottom: 35px;}
.about-colorbox {margin: 0 -60px; padding: 0 25px;}

/* Autor */
.autor-bild img, .autor-bild {border-radius:50%; padding:10px 0 0 !important;}
p.autor-headline {margin:20px 0 0; color:#fff; font-size: clamp(1.218rem, 1.018rem + 0.8vw, 1.618rem); font-family: Playfair Display !important; padding: 0;}
.autor-titel {color: #32D4FF; margin-bottom:5px;}
.autor-text, .autor-column {margin-bottom:0; color:#fff;}
.autor-box {background-color:#122535; padding: 20px 20px 35px 20px !important; margin-top:35px;}
.autor-row {margin-bottom:0;}
.autor-box a.button.shortcode-button.button-outline {color:#fff;}
.autor-box .button-outline:hover, autor-box a.button.button-outline:hover {background-color: #32D4FF !important;}


/* Buttons
.pagination_main span, .pagination_main a, .page-numbers {border-radius: 50%; padding: 10px 20px;} */
a.button.shortcode-button.button-regular.button-large.newsletter-abo {border:none;}
a.button.shortcode-button.button-regular.button-large.newsletter-abo:hover {background-color:#6fc2b5; color:#fff !important;}
input.newsletter-abo {border:none;}
input[type="submit"]:hover.newsletter-abo:hover {background-color:#6fc2b5; color:#fff;}
.category-presse a.button:hover {color:#fff !important; text-decoration: none !important;}
a.wp-block-button__link.wp-element-button:hover, .gform_button:hover {background-color: var(--cppink);}

.button-more.button-outline, .button-outline, a.button.button-outline {
      color: #242434;
      border-color: #aaaaaa;
  }
.button-more.button-outline:hover, .button-outline:hover, a.button.button-outline:hover {
    background-color: #242434;
    border-color: #242434;
}

/* Buttons Angebot */
div.wp-block-buttons > div > a, .gform_button {background-color:var(--cpbtnblack);
  color: #fff !important; border-radius: 0;
  border: 0;
  padding: 0 36px;
  line-height: 34px;
  text-transform: uppercase;
  font-size: 0.6rem;
  letter-spacing: 2px;
  font-weight: 400;
  white-space: nowrap;
}
div.wp-block-buttons > div.wp-block-button.angebot > a {
  background-color:var(--cppink);
}
div.wp-block-buttons > div.wp-block-button.angebot > a:hover {background-color:var(--cpbtnblack);}
.gform_wrapper.gravity-theme .gform_footer, .gform_wrapper.gravity-theme .gform_page_footer {margin: 6px 0 52px;}
.wp-block-button__link {
  -webkit-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s;
}

/* Footer */
.newsletter {background-color: #fff; text-align:center; padding:50px;}
footer a {color:#222 !important;}
footer a.partner {color: var(--cppink) !important;}

/* Instagram */
#sidebar-instagram {padding:60px 40px 40px 40px ; background-color: #F5E2E2;}

/* Pagination */
#pagination {display: flex; align-items: center; justify-content: center; margin-bottom:35px;}

/* Hot Deals */
.category-hot-deals h3.wp-block-heading strong {font-size: 125%; line-height: 1.5rem;}
.hot_deal_hotel {font-family: Playfair Display; font-size:135%; text-align: center; margin-top: 10px;}
div.hot-deals {text-align: center; margin: 10px 0; padding: 5px 10px; background: #ff45000f;}
.hot_deal_p {font-family:brandon-medium; line-height: normal; font-size:105%; color: var(--cphot); }
.hotdeal-singlebutton {border-radius: 0 !important; margin-right: 15px !important; background-color: var(--cpbtnblack) !important; color:#fff !important; font-size: 0.6rem !important; letter-spacing: 2px !important; text-transform: uppercase !important;}
.hotdeal-singlebutton:hover {background-color: var(--cppink) !important;}


/* Listen */
ul.wp-block-list li::marker {
  content: '→  ';
  color: var(--cppink);
}
ul.wp-block-list, boxen ul {
	margin: 0 15px;
}
.boxen ul li::marker {
/*  font-size: 1.2em; */
  content: '→  ';
  color: whitesmoke;
}
/* Aufzaehlung*/
.entry-content ol > li::before, .comment-text ol > li::before {content: counter(counter) "."; font-size:1.1em;}
.comment-text li:before, .entry-content li:before {color:#424242;}
article ol {list-style-position: outside; padding: 0 0 20px 20px;}
article ol li {margin-bottom: 10px;}

/* Boxen */
.wp-block-group.boxen {margin-top: 35px;}
.boxen h4 {
  margin: 0 0 10px 0 !important ;
}
.box_charming h4::before {
  content: "\f164" ;
  font-family: 'FontAwesome' !important;
  margin-right: 15px;
}
.box_entfernung h4::before {
  content: "\f1b9" ;
  font-family: 'FontAwesome' !important;
  margin-right: 15px;
}
.boxen {
  padding: 35px;
}
.boxen p {
  margin: 25px 0 0;
}

.entry-content ul > li:not(.box_charming, .boxen, .blocks-gallery-item, .divi-filter-pagination ul li)::before, .comment-text ul > li::before {
    content: "";
    background: transparent;
    position: absolute;
    top: 14px;
    left: -24px;
    width: 10px;
    height: 1px;
    border-top: 1px solid;
}
.entry-content .ul_boxen > li:before {
  color: #fff !important;
  }
ul.ul_boxen {
    margin: 20px 20px 0 25px !important;
  }

@media only screen and (max-width: 555px) {

    .et_boxed_layout #page-container {
      width: 100% !important;
    }
    html, body {
  overflow-x: hidden;
}
}

@media only screen and (max-width: 1320px){
.about-colorbox {margin: 0 -25px; padding: 0 25px;}
.wp-block-column {margin-right:0;}
}

@media only screen and (max-width: 959px){
#header-responsive {display: none !important;}
nav#pagination {display: flex;}
.et_pb_section_0_tb_header {
  padding: 0;
}
.widget-title {
  text-align: center; /* Zentriert den Text */
  position: relative; /* Erforderlich für absolut positionierte Pseudo-Elemente */
}
.widget-title:before, .widget-title:after, #reply-title:before, #reply-title:after, .comments-title:before, .comments-title:after, .section-title:before, .section-title:after {
  content: "";
  display: block; /* Block für volle Breite */
  width: 15%; /* Beispiel: 50% der Breite */
  height: 1px; /* Höhe der Linie */
  background-color: #616A6D; /* Farbe der Linie */
  position: absolute;
  top: 50%; /* Vertikale Position relativ zum Text */
  transform: translateY(-50%); /* Perfekte Zentrierung */
}
.widget-title:before, #reply-title:before, .comments-title:before, .section-title:before {left: -20%; /* Linie links vom Text */}
.widget-title:after, #reply-title:after, .comments-title:after, .section-title:after {right: -20%; /* Linie rechts vom Text */}
.podcast h4  {font-size:inherit;}
h2 {font-size: 1.6em !important; line-height: 1.3em !important;}
h2.widget-title {font-size: 1.1em !important;}
}
@media only screen and (min-width: 959px){
  .widget-title {
    text-align: center; /* Zentriert den Text */
    position: relative; /* Erforderlich für absolut positionierte Pseudo-Elemente */
  }
  .widget-title:before, .widget-title:after, #reply-title:before, #reply-title:after, .comments-title:before, .comments-title:after, .section-title:before, .section-title:after {
    content: "";
    display: block; /* Block für volle Breite */
    width: 50%; /* Beispiel: 50% der Breite */
    height: 1px; /* Höhe der Linie */
    background-color: #616A6D; /* Farbe der Linie */
    position: absolute;
    top: 50%; /* Vertikale Position relativ zum Text */
    transform: translateY(-50%); /* Perfekte Zentrierung */
  }
.widget-title:before, #reply-title:before, .comments-title:before, .section-title:before {left: -60%; /* Linie links vom Text */}
.widget-title:after, #reply-title:after, .comments-title:after, .section-title:after {right: -60%; /* Linie rechts vom Text */}
.bild-right {padding-left: 80px;}
.bild-left {padding-right: 80px;}

/* Instagram */
#sidebar-instagram {transform: scaleX(1.1);}
}
/* Podcast */
.podcast h4 {padding: 25px 0 0;}
.pctop {margin: -35px 0 35px 0;}
.podcast {background-color:var(--cpturkislight); padding: 0 40px;}

/* Skyalps Box */
.skyalps {
  background-color: #e3f0f6;
  padding: 25px;
  margin: 35px 0;
}
.skyalps h3 {
  margin-top: 5px;
}
.skyalps img {
  aspect-ratio: 16 / 7;
  object-fit: cover;
}
.skyalps p.header-liste {
  margin-bottom: 0;
}
.print-artikel {margin-bottom:25px;}
/* PRINT CSS */
@media print {
  body {
        width: 21cm;
        height: 29.7cm;
        margin: 1cm;
        font-family: Arial, sans-serif;
        font-size: 12pt;
        line-height: 1.4;
    }

    /* Alle Bilder ausblenden */
    img:not(.et_pb_image_0_tb_header img) {
        display: none;
    }
    .wp-block-gallery.has-nested-images figure.wp-block-image img {
      display: none;
    }

    /* Bildergalerie am Ende der Seite */
    .print-gallery {
        page-break-before: always; /* Startet eine neue Seite für die Galerie */
    }

    /* Container für die Galerie am Ende der Seite */
    .print-gallery img, .wp-block-gallery.has-nested-images figure.wp-block-image .print-gallery img {
        display: inline-block !important;
        width: 100px; /* Miniaturansichten */
        height: auto;
        margin: 5px;
    }
    .leaflet-container {
        display: none; /* Karte während des Druckens ausblenden */
    }

    .print-map {
        page-break-before: always; /* Startet die Karte auf einer neuen Seite */
    }
.imageheader {display:none !important;}

.single-post {width: 100%; margin: 0; float: none !important;}
#content {width: 100%; margin: 0; float: none !important;}
@page { margin: 1cm }
body {font: 13pt Georgia, "Times New Roman", Times, serif; line-height: 1.3; background: #fff !important; color: #000;}
h1 {font-size: 24pt;}
h2, h3, h4 {font-size: 14pt; margin-top: 25px;}

.header-wrap {margin-top: 0cm;}
/* Hiding unnecessary elements for the print */
.et_pb_row.et_pb_row_0_tb_body.et_pb_gutters1 {padding: 0;}

.header-wrap2, .topbar-content, .autor-box, .entry-footer, .related-posts, .post-navigation, #comments, #footer, .entry-meta, .podcast, .wp-block-embed, .print-artikel, .ausstattung-col, .kontaktbox, #mega-menu-wrap-primary-menu, .et_pb_module.et_pb_code.et_pb_code_0_tb_body, .et_pb_module.et_pb_db_php_code.et_pb_db_php_code_0_tb_body, #rank-math-toc, .empfehlungen, footer {display: none !important;}

/* Alle Seitenumbrueche definieren */
a {page-break-inside:avoid}
blockquote {page-break-inside: avoid;}
h1, h2, h3, h4, h5, h6 { page-break-after:avoid; page-break-inside:avoid }
img {page-break-inside:avoid;}
table, pre {page-break-inside:avoid}
ul, ol, dl  {page-break-before:avoid}

/* Linkfarbe und Linkverhalten darstellen */
a:link, a:visited, a {
background: transparent;
color: #520;
font-weight: bold;
text-decoration: underline;
text-align: left;
}

/* Adding custom messages before and after the content */
.single-post:after {
content: "\ Viel Spass mit unserem Artikel, Ihre Anja Fischer ";
color: #999 !important;
font-size: 1em;
padding-top: 30px;
}

}

/* RESPONSIVE LAYOUT --------------------------------------------------*/

/* 1. Tablet Portrait -------------------------------------------------*/
@media only screen and (max-width: 959px) {

	/* floating boxes */
	.grid-sizer,
	.content-box.one-fourth,
	.content-box.one-third {
		width: 50% !important;
		}

	.content-box.one-half,
	.content-box.two-third  {
		width: 100% !important;
		}

}

/* 2. Mobile (Landscape)  ----------------------------------------------------*/
@media only screen and (max-width: 767px) {

	/* content box and slider post title sizes*/
	.slider.white .slide-entry-title,
	.content-box.white.one-third .contentbox-post-title,
	.content-box.white.one-fourth .contentbox-post-title,
	.content-box.dark.full-size .contentbox-post-title,
	.content-box.dark.two-third .contentbox-post-title,
	.content-box.dark.one-half .contentbox-post-title,
	.contentbox-title-medium {
		font-size: 1.48em;
		}


	.masonry-item {
		padding-left: 0;
		padding-right: 0;
		}

	.masonry-item,
	.has-sidebar .masonry-item {
		flex-basis: 100%;
		width: 100%;
		padding-top: 12px;
		}

	.two-items .post-grid,
	.two-items .masonry-item {
		flex-basis: calc(100%);
		width: 100%;
		}

	.category-header.overlay {
		min-height: 240px;
		}

	.archive-page-title {
		letter-spacing: 3px;
		text-align: center;
		word-break: break-word;
		}

	.gallery-columns-2 .gallery-item,
	.gallery-columns-3 .gallery-item,
	.gallery-columns-4 .gallery-item,
	.gallery-columns-5 .gallery-item,
	.gallery-columns-6 .gallery-item,
	.gallery-columns-7 .gallery-item,
	.gallery-columns-8 .gallery-item,
	.gallery-columns-9 .gallery-item {
		max-width: 100%;
		}

	/* instagram widget instagram */
	#sidebar-instagram ul.instagram-pics {
	    	display: flex;
	    	justify-content: space-between;
	    	flex-wrap: wrap;
		}

	#sidebar-instagram ul.instagram-pics li {
	    	flex-basis: 33.333%;
		}


	#sb_instagram.sbi_col_9 #sbi_images .sbi_item {
	    width: 33.333%;
	}

}

/* 3. Mobile (Portrait)  -----------------------------------------------------*/
@media only screen and (max-width: 479px) {


	.content-box.two-third.white .entry-meta-wrap,
	.content-box.one-half.white .entry-meta-wrap,
	.content-box.full-width.white .entry-meta-wrap {
    		padding: 0;
	}

	/* floating boxes */
	.grid-sizer,
	.content-box,
	.content-box.one-half,
	.content-box.one-fourth,
	.content-box.one-third,
	.content-box.two-third  {
		width: 100% !important;
		}

}