/*
Theme Name: Carsten Child
Theme URI: https://carsten.qodeinteractive.com
Description: A child theme of Carsten
Author: Elated Themes
Author URI: https://qodeinteractive.com
Version: 1.0
Text Domain: carsten
Template: carsten
*/

@media (max-width: 768px) {
	.qodef-e-additional-address-info * .qodef-button{
		margin-top: 10px;
	}
	.qodef-e-price-currency::after {
    	font-size: 36px !important; 
	}
}


.qodef-e-price-currency {
    font-size: 0 !important;
}

.qodef-e-price-currency::after {
    content: "€" !important;
    font-size: 64px; 
}

:root {
  --ci: #192EAE;
}

/* Schriften */
.schrift-forum .qodef-m-title {
	font-family: Forum, sans-serif;
}
.schrift-forum .qodef-m-title .qodef-m-title-text {
	font-family: Forum, sans-serif;
}
/* Menüleiste */
.qodef-header-standard--left #qodef-page-header-inner .qodef-header-navigation {
    margin-right: inherit !important;
}
.qodef-header-standard--left .qodef-header-sticky-inner .qodef-widget-holder {
    margin-left: inherit !important;
}
.qodef-header-standard--left .qodef-header-sticky-inner {
    justify-content: space-between !important;
}
.qodef-header-standard--left .qodef-menu-item-text {
	color: #3A414B;
}
/* Before Footer */
.before-footer .elementor-widget-carsten_core_single_image .elementor-widget-container {
	display: flex;
    justify-content: center;
}
/* Footer */
#qodef-page-footer .widget .qodef-widget-title {
	color: #3A414B !important;
}
#qodef-page-footer .widget a:hover {
	color: #3A414B !important;
}
.versteckt {
	visibility: hidden;
}
#qodef-page-footer .custom-html-widget {
	line-height: 28px;
}
#qodef-page-footer .widget ul:not(.qodef-shortcode-list):not(.select2-selection__rendered) li {
    margin: 0 0 0px;
}
#qodef-page-footer .qodef-grid-item:nth-child(2) {
	text-align: center;
	align-content: center;
}
#qodef-page-footer .qodef-grid-item:nth-child(3) {
	text-align: right;
}
@media (max-width: 1024px) {
	#qodef-page-footer .qodef-grid-item:nth-child(3) {
	text-align: left;
}
	#qodef-page-footer-top-area-inner {
		    padding-top: 80px;
    	    padding-bottom: 80px;
	}
}
#qodef-page-footer-bottom-area-inner .widget {
	text-align: center;
}
#qodef-page-footer-bottom-area-inner .widget a {
	color: #3A414B !important;
}
#qodef-page-footer .widget a:not(.qodef-button) {
	color: #3A414B !important;
}
#qodef-page-footer-bottom-area-inner {
	padding-top: 30px !important;
    padding-bottom: 30px !important;
}
.before-footer-logo {
	width: 420px;
	max-width: 90%;
}
/* Floating Social Media */
.floating-social {
	position: fixed;
    display: block;
    pointer-events: auto;
    right: 25px;
    bottom: 85px;
    z-index: 50;
}
.floating-social img {
	width: 50px;
    height: 50px;
    opacity: 1;
    visibility: visible;
}
/* Startseite E3 */
.startseite-e3-subheadline {
	display: inline-flex;
    font-family: Jost, sans-serif;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .1em;
    line-height: 18px;
    color: var(--qode-headings-color);
}
/* Umgebung E1 */
.umgebung-e1-box .elementor-widget-text-editor {
	font-family: Jost, sans-serif;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .1em;
    line-height: 40px;
    color: #091733;
}
/* Umgebung E3 */
.umgebung-e3 .links, .umgebung-e3 .rechts {
	flex: 1;
	padding-top: 20px;
}
.umgebung-e3 .links ul li, .umgebung-e3 .rechts ul li {
	color: #3A414B;
}
.umgebung-e3 .qodef-m-content {
	display: flex;
	padding-right: 0;
}
.umgebung-e3 .qodef-pricing-table .qodef-m-content ul li:before {
	display: none;
}
.umgebung-e3 .qodef-pricing-table .qodef-m-content ul li {
	margin-bottom: 0px;
}
/* US Apartments */
.single-room .qodef-e-room-price-label {
	visibility: hidden;
}
.single-room .qodef-e-room-price-label:after {
	visibility: visible;
	content: "Ab";
	position: absolute;
    margin-left: 15px;
}
.single-room .qodef-e-read-more a .qodef-m-text {
	visibility: hidden;
}
.single-room .qodef-e-read-more a .qodef-m-text:before {
	visibility: visible;
	content: "Verfügbarkeit";
	position: absolute;
    margin-left: -13px;
}
.single-room .qodef-e-room-info .qodef-e-beds .qodef-e-beds-label {
	visibility: hidden;
}
.single-room .qodef-e-room-info .qodef-e-beds .qodef-e-beds-label:before {
	visibility: visible;
	content: "Doppelbett";
}
.single-room .qodef-e-room-info .qodef-e-capacity .qodef-e-capacity-content {
	visibility: hidden;
}
.single-room .qodef-e-room-info .qodef-e-capacity .qodef-e-capacity-content:before {
	visibility: visible;
	content: "1 Schlafsofa";
}
.single-room .qodef-e-room-info .qodef-e-beds-content, .single-room .qodef-e-room-info .qodef-e-capacity-content, .single-room .qodef-e-room-info .qodef-e-size-content, .single-room .qodef-e-amenity-description, .single-room .qodef-e-amenity .qodef-ei-link .qodef-ei-label, .single-room .qodef-e-location .qodef-e-address, .single-room .qodef-e-location .qodef-e-additional-items-title, .single-room .qodef-e-location .qodef-e-additional-address-info .qodef-e-info-item .qodef-ei-title, .single-room .qodef-page-sidebar-section .qodef-e-seasonal-title, .single-room .qodef-page-sidebar-section .qodef-e-seasonal-items {
	color: #3A414B !important;
}
.single-room .qodef-e-location .qodef-grid-item .qodef-m-map {
	min-height: 200px;
}
.single-room .qodef-e-room-info {
	display: flex !important;
    flex-direction: column;
}
.single-room h2.qodef-e-title {
	color: #192EAE !important;
}
.single-room h4.qodef-e-gallery-title, .single-room h4.qodef-e-amenity-title, .single-room h4.qodef-e-info-items-title, .single-room h4.qodef-e-location-title {
	color: #606A7C !important;
}
.single-room .qodef-e-room-info .qodef-e-price {
	order: 1;
}
.single-room .qodef-e-room-info .qodef-e-read-more {
	order: 2;
}
.single-room .qodef-e-room-info .qodef-e-size {
	order: 3;
}
.single-room .qodef-e-room-info .qodef-e-beds {
	order: 4;
}
.single-room .qodef-e-room-info .qodef-e-capacity {
	order: 5;
}
.single-room .qodef-e-room-info .qodef-e-price-info {
	color: #192EAE !important;
}
.single-room .qodef-room-single {
	background-color: #F7F9FA;
}
.single-room .qodef-e-room-single-gallery .qodef-e-gallery-title {
	visibility: hidden;
}
.single-room .qodef-e-room-single-gallery .qodef-e-gallery-title:before {
	visibility: visible;
	content: "Eindrücke";
}
.single-room .qodef-room-item .qodef-e-inner {
	display: flex !important;
    flex-direction: column;
}
.single-room .qodef-room-item .qodef-e-inner .qodef-e-title {
	order: 1;
}
.single-room .qodef-room-item .qodef-e-inner .qodef-e-content {
	order: 2;
}
.single-room .qodef-room-item .qodef-e-inner .qodef-e-amenity {
	order: 4;
}
.single-room .qodef-room-item .qodef-e-inner .qodef-e-room-single-gallery {
	order: 3;
}
.single-room .qodef-room-item .qodef-e-inner .qodef-e-info-items {
	order: 5;
}
.single-room .qodef-room-item .qodef-e-inner .qodef-e-location {
	order: 6;
}
.single-room .qodef-room .qodef-e-room-single-gallery, .single-room .qodef-room .qodef-e-amenity, .single-room .qodef-room .qodef-e-location {
	border-top: 1px solid #192EAE;
}
.single-room .qodef-e-amenity .qodef-e-amenity-title {
	visibility: hidden;
}
.single-room .qodef-e-amenity .qodef-e-amenity-title:before {
	visibility: visible;
	content: "Ausstattung";
}
.single-room .qodef-e-info-items-title:after {
	display: block;
	font-size: 18px;
    color: #3A414B;
    margin: 0 0 22px;
	font-family: Jost, sans-serif;
    line-height: 1.625em;
    font-weight: 400;
}
.single-room.postid-12432 .qodef-e-info-items-title:after {
	content: "Sichern Sie sich ganz bequem Ihr Apartment auf:";
}
.single-room.postid-12822 .qodef-e-info-items-title:after {
	content: "Reservieren Sie Ihr Apartment unkompliziert auf:";
}
.single-room .qodef-e-info-items {
	display: flex;
	flex-wrap: wrap;
	border-top: 1px solid #192EAE;
	padding-top: 46px;
}
.single-room .qodef-e-info-items .qodef-e-info-items-title {
	flex: 0 0 100%;
}
.single-room .qodef-e-info-items .online-buchen {
	width: 50%;
}
.single-room .qodef-e-info-items .online-buchen .qodef-ei-content a {
	color: #192EAE;
}
.single-room .qodef-e-info-items .online-buchen .qodef-ei-content a:hover {
	color: #0D1A33;
}
.single-room .qodef-e-location .qodef-e-location-title {
	visibility: hidden;
}
.single-room .qodef-e-location .qodef-e-location-title:before {
	visibility: visible;
	position: absolute;
}
.single-room.postid-12432 .qodef-e-location .qodef-e-location-title:before {
	content: "Benötigen Sie mehr Platz?";
}
.single-room.postid-12822 .qodef-e-location .qodef-e-location-title:before {
	content: "Doch was Kleineres?";
}
.single-room .qodef-e-location .qodef-grid-inner .qodef-grid-item:nth-child(2) {
	background-position: center center;
	background-size: cover;
}
.single-room.postid-12432 .qodef-e-location .qodef-grid-inner .qodef-grid-item:nth-child(2) {
	background-image: url(/wp-content/uploads/2025/09/cv-salon-apartment-e4-b1.webp);
}
.single-room.postid-12822 .qodef-e-location .qodef-grid-inner .qodef-grid-item:nth-child(2) {
	background-image: url(/wp-content/uploads/2025/09/cv-family-apartment-e4-b1.webp);
}
.single-room #qodef-page-inner {
	background-color: #F7F9FA;
}
@media (max-width: 768px) {
	.single-room #qodef-page-inner {
	padding: 15px 0px 80px 0px;
}
}
/* Sidebar */
.single-room #qodef-room-reservation {
	display: none !important;
}
.single-room .qodef-e-seasonal {
	margin-top: 0px;
	background-color: #BCCAD6;
}
.single-room .qodef-e-seasonal hr {
	width: 100%;
    margin: 21px 0px;
    max-width: 100%;
    background-color: #192EAE;
}
.single-room .qodef-e-seasonal .qodef-e-seasonal-items h5 {
	margin-bottom: 21px;
}
.single-room .qodef-e-seasonal .qodef-e-seasonal-items b {
	font-weight: 400 !important;
	text-transform: uppercase;
}
.single-room .qodef-e-seasonal ul {
	list-style: none;
	column-count: 2;
}
/* Kontakt */
.kontakt-e2 .qodef-custom-font i.fa {
	color: #192EAE;
}
.kontakt-e2 .qodef-custom-font i.fa-map-marker-alt {
	margin-right: 12px;
}
.kontakt-e2 .qodef-custom-font i.fa-phone {
	margin-right: 5px;
}
.kontakt-e2 .qodef-custom-font i.fa-envelope {
	margin-right: 5px;
}
.kontakt-e2 .underline a {
	background-repeat: no-repeat;
    background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px);
    background-size: 100% 100%;
    padding-bottom: 0;
    background-position: 0 100%;
}
/* RECHTLICHE UNTERSEITEN */
.imp-header-all{line-height: 1.2; margin-top: 20px; margin-bottom: 10px;font-size: 28px !important; color:#606A7C;}
.imp-paragraph{margin-bottom: 10px; line-height: 26px; font-size: 16px; color: #3A414B;}
.ds-header-all{line-height: 1.2; margin-top: 20px; margin-bottom: 10px; color:#606A7C;}
.ds-header-1{font-size:28px !important;}
.ds-header-2{font-size:24px !important;}
.ds-header-3{font-size:20px !important;}
.ds-wrapper{margin-left: 20px;}
.ds-paragraph{margin-bottom: 10px; line-height: 26px; font-size: 16px; color: #3A414B}

.ds-paragraph a:hover,
.imp-paragraph a:hover {
	color: var(--ci);
}
.page-id-12549 .qodef-m-title.entry-title, .page-id-12552 .qodef-m-title.entry-title {
	color: var(--ci);
}
.cmplz-document-eu h2 {
    line-height: 1.2 !important;
    margin-top: 20px !important;
    margin-bottom: 10px !important;
    font-size: 28px !important;
	font-weight: 400 !important;
}
.cmplz-document-eu p {
    margin-bottom: 10px !important;
    line-height: 26px !important;
    font-size: 16px !important;
}
.cmplz-document-eu .cmplz-subtitle {
    line-height: 1.2 !important;
    margin-top: 20px !important;
    margin-bottom: 10px !important;
    font-size: 24px !important;
    font-weight: 400 !important;
    margin-left: 20px !important;
    font-family: Overpass, sans-serif !important;
    color: #000 !important
}
.cmplz-document-eu a:hover {
	color: var(--ci) !important;
}
#cmplz-document .cmplz-subtitle + p {
    margin-left: 20px !important;
}
@media only screen and (max-width: 767px) {
.ds-paragraph + ul li a {
	word-wrap: break-word;
}
	.zentriert h4 {
		text-align: center !important;
	}
}
@media only screen and (max-width: 1200px) {
    #qodef-top-area {
        display: block !important;
    }
	#qodef-top-area .qodef-widget-holder.qodef--left {
		display: none;
	}
}
@media (min-width: 1200px) {
	.wpfm-floating-wh-wrapper {
		display: none !important;
	}
}

/* Floating Kontaktmenu Fix */
:root {
	--width: 220px; /* auf Inhalt anpassen */
}
.wpfm-template-2 ul:hover {
    width: var(--width);
}
.wpfm-template-2 ul {
    width: var(--width);
	transition: 0.5s;
}
.wpfm-template-2 .wpfm-tootltip-title {
	visibility: hidden;
}
.wpfm-template-2 li:hover .wpfm-tootltip-title {
	visibility: visible;
}