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

/** Global **/

/** empfohlene Web-Schriften: https://99designs.de/blog/web-digitales-design/webfonts/ **/
body {
 /*font-family: "Geneva", sans-serif;*/
 font-family: "Montserrat", sans-serif;
 /* font-family: "Calibri", sans-serif;*/
}


/* Parent stylesheet should be loaded from functions.php not using @import */

.content-area {
   width: 100%;
   border: 0;
   padding: 0;
   margin: 0;
}

/* Header */
#site-logo #site-logo-inner a img {
 max-width: 241px !important;
}
#site-logo {
  width: 241px;
  margin-top: 0.3em;
}

@media only screen and (min-width: 940px) {
	#site-logo #site-logo-inner a img {
	 max-width: 341px !important;
	}
	#site-logo {
	  width: 341px;
	  margin-top: 0.3em;
	}
	
}
#site-header-inner {
  background-color: white;
  padding: 1em;
  max-height: 8em;
}
.overlay-header-content-wrapper {
	visibility:hidden;
	display: none;
}


/** Anpassungen für die Startseite **/

.home #site-header {
  min-height: 450px;
  height: 82vh;
  aspect-ratio: 4 / 3;
  background-size: auto 100% !important;
  background-position: center center;
	
	
}
.home .page-header {
  visibility: hidden;
}

.home .overlay-header-content-wrapper {
	margin-top: 2em;
	max-width: 650px;
    margin-left: auto;
    margin-right: auto;
	color: #ffffff;
	font-size: 1.2em;
    visibility: visible;
	display: block;
	top: 5em;
	padding: 1em;
	z-index: 500 !important;
	position: absolute !important;
}
.home  .overlay-header-content-wrapper h1 {
   /*color: #ffffff;*/
    color: #333333;
   font-size: 1.4em;
	/*background-color: #364652;*/
    background-color: #ffffff;
	display:table;
	padding: 6px 10px;
	margin-top: 5px;
}

@media only screen and (min-width: 940px) {
	
	.home .overlay-header-content-wrapper {
		margin-left: calc(50% - 450px);
		margin-right: auto;
		margin-top: 4em;
		font-size: 1.6em;
	}
}

.home #site-header-inner {
  position: fixed !important;
  width: 100%;
  top: 0;
  z-index: 9999 !important;
}
.home .page-header {
  display: none;
}

.home #mobile-dropdown {
	top: auto;
	z-index: 600 !important;
}

.uagb-container-inner-blocks-wrap {
	align-items: baseline !important; /* fix for adjustment */
}


/** images **/

html :where(img[class*="wp-image-410"]) {
  height: auto;
  max-width: 100%;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-left-radius: 50%;
  border-bottom-right-radius: 50%;
  aspect-ratio: 4/4;
  object-fit: cover;
}



body .theme-button:hover, body input[type="submit"]:hover, body button[type="submit"]:hover, body button:hover, body .button:hover, body div.wpforms-container-full .wpforms-form input[type="submit"]:hover, body div.wpforms-container-full .wpforms-form input[type="submit"]:active, body div.wpforms-container-full .wpforms-form button[type="submit"]:hover, body div.wpforms-container-full .wpforms-form button[type="submit"]:active, body div.wpforms-container-full .wpforms-form .wpforms-page-button:hover, body div.wpforms-container-full .wpforms-form .wpforms-page-button:active, .woocommerce-cart .wp-element-button:hover, .woocommerce-checkout .wp-element-button:hover, .wp-block-button__link:hover {
  color: #ffffff;
  text-decoration: underline;
}

#footer .wp-block-heading {
  padding: 0.5em 0;
  border-bottom: 1px dotted black;
}

#footer-bottom-menu a {
	text-decoration: underline;
}

#footer-widgets a {
	text-decoration: underline;
}