/*
Theme Name: OceanWP Child
Theme URI: https://oceanwp.org/
Description: OceanWP WordPress theme example child theme.
Author: Nick
Author URI: https://oceanwp.org/
Template: oceanwp
Version: 1.0
*/

#scroll-top {
	z-index: 1000;	
}

/* Abstände für full screen da im Customizer die eigenen Werte ignoriert werden */
body.content-full-screen #content-wrap {
	padding-top: 50px !important;
	padding-bottom: 50px !important;
}
.no-margins #main #content-wrap {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* Container Layout korrigieren */
@media (max-width: 1250px) {
	body.content-full-screen .elementor-section-wrap>.elementor-section.elementor-section-boxed>.elementor-container {
    	max-width: 95% !important;
	}
}

/* Text selection overwrite */
::selection {
    color: #2f2f2f;
    background: #B4D5FF;
}

.oceanwp-sidr-overlay {
    z-index: 9999;
}

/* Elementor Überschriften Zeilenhöhe anpassen */
@media only screen and (min-width: 768px) {
	h1.elementor-heading-title {
    	line-height: 1.4 !important;
	}
	h2.elementor-heading-title {
    	line-height: 1.4 !important;
	}
	h3.elementor-heading-title {
    	line-height: 1.4 !important;
	}
	h4.elementor-heading-title {
    	line-height: 1.4 !important;
	}
}
@media only screen and (max-width: 767px) {
	h1.elementor-heading-title {
    	line-height: 1.3 !important;
	}
	h2.elementor-heading-title {
    	line-height: 1.3 !important;
	}
	h3.elementor-heading-title {
    	line-height: 1.3 !important;
	}
	h4.elementor-heading-title {
    	line-height: 1.3 !important;
	}
}

/* OceanWP Anpassung Title Container Höhe für Unterseiten Mobile und Tablet */
@media only screen and (max-width: 767px) {
header.page-header.background-image-page-header {
    min-height: 300px !important;
}
}

/*  ----------------------------------- */
/* Header und Menu */

	.unclickable > a:hover {
  cursor: default !important;
}

/* Logo hover deaktivieren */
#site-logo #site-logo-inner a:hover img {
    -moz-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
}

/* Layout Anpassung bei Menü Anchor Widgets wegen Sticky Header */
.elementor-menu-anchor {
top: -120px !important;
position: relative !important;
}

/* Menu vertikal positionieren 
#site-navigation-wrap .dropdown-menu>li>a {
	line-height: 40px !important;
	margin-top: 70px !important;
}
*/

/* Burger Menü grosse */
.oceanwp-mobile-menu-icon a {
    font-size: 17px !important;
}
/* Burger Menü aktiv Farbe */
.sidr-class-dropdown-menu li.sidr-class-current-menu-ancestor>a, .sidr-class-dropdown-menu li.sidr-class-current-menu-item>a {
	color: #000000;
}

/* Mobile Menü anderes Dropdown Icon (bei Logo Ausrichtung Mittig) 
#mobile-dropdown ul li a .dropdown-toggle:before {
		font-family: "Font Awesome 5 Free";
    content: '\f107'!important;
    font-weight:600 !important;
}

#mobile-dropdown ul li.active>a>.dropdown-toggle:before {
		font-family: "Font Awesome 5 Free";
    content: '\f106'!important;
    font-weight: 600 !important;
}
*/

/* Mobile Menu Dropdown kein Border */
.dropdown-menu ul li.menu-item {
    border-bottom: none;
}

/* Mobile Menü anderes Dropdown Icon */
.sidr-class-dropdown-toggle:before {
    content: '\f107'!important;
    font-weight: 600!important;
}
.sidr-class-dropdown-menu li.active>a>.sidr-class-dropdown-toggle:before {
    content: '\f107'!important;
    font-weight: 600!important;
}

/* Layout fix 2tes Dropdown Menü
.dropdown-menu ul .sub-menu {
    top: -3px !important;
}
 */

/* keine Grossbuchstaben */
.dropdown-menu ul li a.menu-link {
    text-transform: none;
}

/* Mobile Menu */
#sidr {
	margin-top: 0 !important;
}

/* Border unter dem Header */
header#site-header {
    border-bottom: 3px solid #D8AD49 !important;
}

/* Höhe des Background Bildes auf Mobile fixe Größe */
@media only screen and (max-width: 767px) {
.background-image-page-header {
		height: 300px !important;
	}
}

/* ---------- DIVERSES ------------ */

/* Links */
#main a {
	font-weight: 600;
}

/*#main a:hover {
	text-decoration: underline;*/
}
a:focus {
    outline: none;
}

/* Breadcrumbs anpassen */
.site-breadcrumbs .trail-end a {
	font-weight: normal !important;
}

/* Buttons immer unten */
@media only screen and (min-width: 768px) {
	.uebersicht-boxen .elementor-widget-wrap {
    	padding-bottom: 5em !important;
	}
	.uebersicht-cta {
    	position: absolute !important;
    	bottom: 0;
	}
}

/* Uebersicht Boxen Textfarbe */
.uebersicht-boxen .elementor-text-editor p, .unterkunft_section .elementor-text-editor p {
	color: #444;
}

/* Sidebar */ 
.menu-freizeitthemen-container .current-menu-item a {
	color: #4C7D60;
}
.menu-freizeitthemen-container  li {
	padding: 2px 0;
	font-size: 14px;
	font-weight:
}

/* Tabelle Objektdetailseite */
.objectinfo_table {
    border-collapse: collapse;
}
.objectinfo_table td {
padding: 5px;
}
.objectinfo_table tr:nth-child(even){background-color: #f2f2f2;}

/* ------ FOOTER ------- */
.site-footer .widget_nav_menu li:first-child {
    padding: 0 0 4px;
    border-top: none;
}
.site-footer .widget_nav_menu li {
    padding: 4px 0;
    border-bottom: none;
}

/* Sidebar und Footer Icon ausblenden */

.widget-title {
    border-width: 0;
    border-left-width: 0px;
    padding-left: 0;
}

/* Anpassung Contact Widget im Footer */

.contact-info-widget.default i {
border: 0px !important;
width: 0px !important;
line-height: 40px !important;
margin-right: 40px !important;
font-size: 20px !important;
}

.contact-info-widget.default .oceanwp-info-wrap {
padding-left: 0px !important;
}


/* CF7 */
form.wpcf7-form {
    width: auto;
}
span.wpcf7-list-item {
    margin: 0 0.5em 0 0;
}
input[type="checkbox"] {
	margin: -3px 0 0;
}
/* CF7 Button */
.wpcf7-submit {
	text-transform: inherit !important;
	font-size: 16px !important;
	font-weight: 700 !important;
	letter-spacing: inherit !important;
	font-family: 'Open Sans','Helvetica','sans-serif' !important;
}

/* ********************* */
/* Cookie Banner Complianz | GDPR */
.cc-link {
	padding: 0 !important;
}
.cc-revoke, .cc-window {
    font-size: 14px !important;
    line-height: 1.3em !important;
}
/* Cookie Richtlinie Seite */
#cmplz-document {
    max-width: inherit;
}
#cmplz-document .cmplz-subtitle {
    font-weight: bold;
    margin-top: 25px;
}
#cmplz-document i {
	font-style: italic;
}
.cmplz-status-denied, .cmplz-status-accepted {
	display:none;
}
/* Cookie Richtlinie Tabelle */
#cmplz-document table td {
    text-align: left;
    width: 33.33%;
    word-break: break-word;
}
#cmplz-document table {
	border: none;
	margin-bottom: 0;
}
#cmplz-document tr:first-child td {
    border-top-style: solid;
    border-top-width: 1px;
}
#cmplz-document tr td:first-child {
    border-left-style: solid;
    border-left-width: 1px;
}
#cmplz-document td {
	font-size: 14px;
    padding: 9px 12px;
	border-top-style: none;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: none;
	border-top-width: initial;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: initial;
    border-color: #e1e1e1;
}
/* Hinweis */
.cmplz-status-denied, .cmplz-status-accepted {
	font-style: italic;
	margin-left: 20px;
}

/* Button Cookie Richtlinie */
.cc-revoke-custom {
    background-color: #2e2866 !important;
    color: #fff;
    font-weight: 700;
	font-size: 15px;
    padding: 12px 24px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: none;
    margin-top: 20px;
}
.cc-revoke-custom span {
    line-height: 1.2;
}
.cc-revoke-custom:hover, .cc-revoke-custom:focus {
    background-color: #5b3c9e !important;
    text-decoration: none !important;
}

/* Anpassung Table Maker */

.wpsm-comptable th.st-head-row, .wpsm-thead-default th {
    background-color: #6e8fef !important;
    color: #ffffff !important;
    border-color: #6e8fef !important;
	text-transform: none !important;
}

.wpsm-comptable td:hover, .wpsm-comptable td.betterhover, .wpsm-comptable tr:hover td {
    background-color: transparent !important;
}

/* ----- Custom Elementor Template CSS ----- */

/* Spalte mit Bild im Hintergrund links */
	.overlapping_column_right .elementor-background-overlay {
		width:130% !important;
}

@media(max-width: 1024px) {
    .overlapping_column_right .elementor-background-overlay {
		width:100% !important;
	}
}


/* Spalte mit Bild im Hintergrund rechts */
	.overlapping_column_left .elementor-background-overlay {
		width:130% !important;
		left: -30% !important;
}

@media(max-width: 1024px) {
    .overlapping_column_left .elementor-background-overlay {
		width:100% !important;
		left: 0% !important;
}
}

/* Buttons und Icons unten Übersicht Unterkunfte*/

	.unterkunft_section .elementor-widget-wrap {
    	padding-bottom: 6em !important;
	}
		.unterkunft_section .button_cta {
    	position: absolute !important;
    	bottom: -3em;
	}
		.unterkunft_section .object_icons {
    	position: absolute !important;
			bottom: -3em;
	}

@media only screen and (max-width: 766px) {
	.unterkunft_section .button_cta {
    	position: absolute !important;
    	bottom: -4em;
	}