/*
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
*/

/* Parent stylesheet should be loaded from functions.php not using @import */
#site-navigation-wrap .dropdown-menu > li > a {line-height: 30px }

#site-navigation-wrap 
.dropdown-menu > .current-menu-item > a {font-weight: bold !important; }

#site-navigation-wrap 
.current-menu-item > a, .current-menu-parent > a  { font-weight: bold !important;}

#site-navigation-wrap 
.dropdown-menu 
.sub-menu {margin-left: 6px}



/* Aktives Element im mobilen Menü */
#mobile-dropdown .current-menu-item > a,
#mobile-dropdown .current-menu-item > a,
#mobile-dropdown .current-menu-parent > a {
	color: #54595f; font-weight: bold !important;
}

/* Format Footer (Copyright und Menü) */
#footer
.current_page_item a {
	color: white !important;
	font-weight: bold
	!important;}

#footer
.container {
    width: 100%;
    max-width: 100%;
}

/* Geändert UF: vorher: padding: 0px 25px 0px 25px */
#footer
.container { padding: 0px 0px 0px 0px }

/* Footer Abstand Menu und Copyright */
@media(max-width: 959px) {
	#footer-bottom-menu {
		height: 14px
	}
}

/* Gelöscht UF: @media(max-width: 768px) {
	#footer-bottom-menu {
		height: 12px
	}
} */


/* Footer Schriftgröße */

/* Geändert UF: vorher: max-width: 480px, font-size: 12px, 12px */
@media (max-width: 767px) {
	#footer-bottom #footer-bottom-menu {
		font-size: 14px !important;
	}
	#footer-bottom #copyright {
    font-size: 14px !important;
	}
}

/* Eingefügt UF: */
@media (max-width: 359px) {
	#footer-bottom #footer-bottom-menu {
		font-size: 12px !important;
	}
	#footer-bottom #copyright {
    font-size: 12px !important;
	}
}


/* Footer Ausrichtung */

/* Eingefügt UF: padding */
#footer-bottom #copyright, #footer-bottom #footer-bottom-menu {
		padding-bottom: 3px !important;
		padding-top: 3px !important;
		padding-right: 30px !important;
		padding-left: 25px !important

	}

/* Geändert UF: vorher: max-width: 959px */
@media (max-width: 1024px) {
	#footer-bottom #copyright, #footer-bottom #footer-bottom-menu {
		float: left;
		width: initial;
/* Eingefügt UF: padding */
		padding-bottom: 10px !important;
		padding-top: 10px !important;
		padding-right: 30px !important;
		padding-left: 30px !important

	}
	#footer-bottom #footer-bottom-menu {
		float: right;
		height: 0
	}
}

/* Eingefügt UF: */
@media (max-width: 767px) {
	#footer-bottom #copyright, #footer-bottom #footer-bottom-menu {
		padding-bottom: 5px !important;
		padding-top: 5px !important;
		padding-right: 20px !important;
		padding-left: 20px !important

	}
}


@media (max-width: 400px) {
	#footer-bottom #copyright, #footer-bottom #footer-bottom-menu {
		width: 100%;
/* Eingefügt UF: padding */
		padding-bottom: 5px !important;
		padding-top: 5px !important
	}
	#footer-bottom #footer-bottom-menu {
		float: none;
	}
}



/* Oberer Abstand zwischen Navigation (Mobile Dropdown) und Header (Slogan) (gilt für alle Endgeräte mit Darstellung Mobile Menü)*/
#mobile-dropdown {
	margin-top: 15px;
}

/* Oberer Abstand zwischen Navigation (Menü) und Header (Slogan), damit sich das Menü nicht darüber schiebt (gilt für alle Endgeräte mit Darstellung Hauptmenü, nicht mit Darstellung Mobile Menü)*/
header #site-navigation {
	margin-top: 30px;
}

/* Unterer Abstand zwischen Header (Slogan inkl. Navigation) und Inhalt (Banner Zitate) (gilt für alle Endgeräte) */
header#site-header {
	padding-bottom: 7px;
}

/* Layout feste Seitenabstände */
@media(max-width: 959px) {
	.container, body.content-full-screen .elementor-section-wrap>.elementor-section.elementor-section-boxed>.elementor-container {
		max-width: 100%;
	}	
}
@media(max-width:1215px) {
	main .elementor-widget-container {
		padding: 0 15px 0 15px;
	}	
}

/* Schriftgröße mobiles Menü */

/* Geändert UF: vorher: max-width: 480px, font-size: 18px */
@media (max-width: 767px) {
	.sidr-class-dropdown-menu li a, a.sidr-class-toggle-sidr-close, #mobile-dropdown ul li a, body #mobile-fullscreen ul li a {
		font-size: 15px !important;
	}	
}

/* Eingefügt UF: */
@media (max-width: 359px) {
	.sidr-class-dropdown-menu li a, a.sidr-class-toggle-sidr-close, #mobile-dropdown ul li a, body #mobile-fullscreen ul li a {
		font-size:14px !important;
	}	
}


/* Schriftgrößen und Textpositionierung Header mobil */

/* Geändert UF: vorher: max-width: 380px, font-size: 24px */
@media (max-width: 768px) {
	.elementor-2005 .elementor-element.elementor-element-808adb7 .elementor-heading-title {
    	font-size: 40px !important;
	}
/* Geändert UF: vorher: padding-left: 100px */
	.elementor-2005 .elementor-element.elementor-element-f36081d {
    	padding-left: 295px !important;
	}
}

/* Eingefügt Andreas: */
@media (max-width: 767px) {
	.elementor-2005 .elementor-element.elementor-element-808adb7 .elementor-heading-title {
    	font-size: 38px !important;
	}
	.elementor-2005 .elementor-element.elementor-element-f36081d {
    	padding-left: 260px !important;
	}
}
@media (max-width: 450px) {
	.elementor-2005 .elementor-element.elementor-element-f36081d {
    	padding-left: 200px !important;
	}
}
@media (max-width: 390px) {
	.elementor-2005 .elementor-element.elementor-element-f36081d {
    	padding-left: 120px !important;
	}
}
@media (max-width: 330px) {
	.elementor-2005 .elementor-element.elementor-element-808adb7 .elementor-heading-title {
    	font-size: 35px !important;
	}
}




/* Position und Größe Menu und Hamburger mobile Ansicht */
@media(max-width: 635px) {
	#menu-custom-header {
		padding-bottom: 20px;
	}
	#menu-custom-header .mobile-right {
		position: absolute;
    	top: -100px;
    	right: 0px;
	}
	#menu-custom-header .mobile-right i {
		font-size: 28px;
	}
}

@media(max-width: 635px) {
	#menu-custom-header .mobile-right {
		position: absolute;
    	top: -70px;
    	right: 0px;
	}
	#menu-custom-header .mobile-right i {
		font-size: 22px;
	}
}

@media(max-width: 589px) { 
		#menu-custom-header .mobile-right {
		position: absolute;
    	top: -110px;
    	right: 0px;
	}
}

/* Buttons Mediation Seite und Unterseiten */
.elementor-widget-container .elementor-button-wrapper .elementor-button {
	min-width: 200px;
}
.elementor-widget-container .elementor-button-wrapper {
	text-align: left;
}
@media(max-width:767px) {
	.elementor-widget-container .elementor-button-wrapper {
		text-align: left;
	}	
}

/* Titelbild füllend auch in mobiler Ansicht */
.elementor-section.elementor-section-height-full>.elementor-container {
    height: 100%;
}
.elementor-section.elementor-section-height-full {
    height: 100vh;
}

/* Seite Persönliches */
#personal-image {
	text-align: left;
}

#personal-heading h2 {
	text-decoration: underline;
}

#personal-bullets {

}

#personal-bullets .elementor-widget-container,
#personal-bullets ul {
	    margin: 0 20px 15px 20px;
}

#personal-bullets li {
	margin-top: 15px;
}

#personal-bullets li:first-child {
	margin-top: 5px;
}

@media(max-width: 767px) {
	#personal-image {
		text-align: left;
	}
	#personal-bullets li {
		font-size: 14px;
	}
	#personal-heading h2 {
		margin-top: 15px;
		font-size: 15px;
	}
	#personal-bullets ul {
	   margin-bottom: 0;
	}
}



/* Elementor Hilfsklassen */
.float-left {
	float: left;
}
.float-right {
	float: right;
}
@media(min-width: 590px) {
	br.mobile-break {
		display: none;
	}
}
@media(max-width: 589px) {
	br.tablet-break {
		display: none;
	}
}
@media(min-width: 768px) {
	br.tablet-break {
		display: none;
	}
}


/* Abstände Bulletpoints */
#content ul li {
	line-height: 24px;
	margin-bottom: 10px;
}