/*
 Theme Name:     Hello Child
 Theme URI:      https://waedow.com
 Description:    Divi Child Theme
 Author:         Robert Waedoe
 Author URI:     https://www.waedow.com
 Template:       hello-elementor
 Version:        1.0
*/

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600&family=Playfair+Display:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,400&display=swap');


:root {
  --color-petrol: #007383;
  --color-pink: #ff2a7f;
  --font-serif: 'Playfair Display', serif;
  --font-sans: 'Lato', sans-serif;
font-size: clamp(14px, 1.45vw, 20px);
}

html{
  margin: 0 !important;
}

#wpadminbar{
  /* display: none; */
}

body {
  font-family: var(--font-sans) !important;
  color: #333;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-sans);
  color: var(--color-petrol);
}

a {
  color: var(--color-pink);
}

header{
	background-color: var(--color-petrol);
  border-bottom: 10px solid var(--color-pink);
}

header.site-header {
    transition: padding 0.3s ease, box-shadow 0.3s ease;
  height: 100px;
  z-index: 999;
  /* position: sticky !important; */
  position: sticky;
 /*  will-change: padding; */
}




/* STARTSEITE */
.page-id-9 header, .page-id-366 header{
      height: 50vh;
        position: relative;
}


.site-header .site-branding {
    display: flex;
    flex-direction: column;
    justify-content: end;
}

header.shrunk, .page-id-9 header.shrunk, .page-id-366 header.shrunk  {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding: 10px 0;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  height: 100px;
  
}

.page-id-9 header:not(.shrunk) {
      box-shadow: 0 3px 0 #fff;
      background-image: url("/images/bg_header_top.svg");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: cover;
}

/*
.page-id-366 header:not(.shrunk) {
      box-shadow: 0 3px 0 #fff;
      background-image: url("/images/bg_header_top.svg");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: cover;
}
*/

.page-id-9 header:not(.shrunk) #menu-mainmenu li.current-menu-item a{
  border-bottom: none;
}

.page-id-9 .site-header .site-branding, .page-id-366 .site-header .site-branding{ 
  justify-content: end;
}

.page-id-9 .site-navigation, .page-id-366 .site-navigation {
    display: flex;
    align-items: center;
    justify-content: end;
    flex-direction: column;
}

.page-id-9 .elementor-element-80a66a2{
  background-color: #007383;
 }

.page-id-366 .elementor-element-80a66a2 .elementor-heading-title{
  background-color: #007383;
  padding: 1rem;
}

.abstract_45_bg{
      background-image: url("/images/bg_45_objects_white_petrolbg.svg");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: cover;
}

.abstract_45_bg{
      background-image: url("/images/bg_45_objects_white_petrolbg.svg");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: cover;
}



/*
.page-id-9 .elementor-element-80a66a2{

background-image:
  repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.4) 0px, rgba(255, 255, 255, 0.07) 1px, transparent 1px, transparent 20px),
  repeating-linear-gradient(-45deg, rgba(255, 255, 255, 0.4) 0px, rgba(255, 255, 255, 0.07) 1px, transparent 1px, transparent 20px);


}
*/

/* general */

.page-header{
  display: none;
}

.site-title a{
	font-family: var(--font-sans);
	color: #fff;
  font-weight: 300;
  color: #fff !important;
}

.site-navigation ul.menu li{
  padding: 0 10px 0px 10px;
}

.site-navigation ul.menu li a{
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-bottom: 3px !important;
}

  

#menu-mainmenu a{
  font-family: var(--font-sans);
  text-transform: uppercase;
  color: #fff;
  font-weight: 500;
  font-size: 0.92em;
}

#menu-mainmenu a:hover{
  font-weight: 600;
}

#menu-mainmenu li.current-menu-item a{
  border-bottom: 1px solid #fff;
}


.site-navigation ul.menu {
      margin-top: 21px;
}

.site-navigation-toggle-holder .site-navigation-toggle-icon{
  width: 3rem !important;
}

.site-navigation-toggle-holder .site-navigation-toggle{
  background-color: transparent !important;
  color: #fff !important;
}

.site-navigation-toggle-holder .site-navigation-toggle-icon:before{
  margin-block-end: 1rem !important;
  box-shadow: 0 .65rem 0 #fff !important;
}

.site-navigation-toggle-holder.elementor-active .site-navigation-toggle-icon:before
 {
    margin-block-end: 0.5rem !important;
    box-shadow: none !important;
}

.site-navigation-toggle-holder .site-navigation-toggle-icon:before{}

.site-navigation-toggle-holder .site-navigation-toggle{}


.highlighted_word_1{
  color: var(--color-pink);
}

.highlighted_word_2{
  color: var(--color-petrol);
}


.bg_stripes_45{
  width: 300px;
  height: 300px;
  background: repeating-linear-gradient(
    135deg,
    var(--color-pink) 0,
    var(--color-pink) 80px,
    white 80px,
    white 90px,
    var(--color-petrol) 90px,
    var(--color-petrol) 170px,
    white 170px,
    white 180px
  );
}

.bold-pink{
  font-weight: 900;
  color: var(--color-pink);
}

.chess-pattern{
      background-image: url("/images/abstract_bg_bunt.svg");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: cover;
}


.elementor-widget-n-accordion .e-n-accordion-item[open]>.e-n-accordion-item-title{
  color: #fff !important;
}

.elementor-element .elementor-element-5d64ddf  .elementor-widget-container{
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}



/* CSS Merkmale für Geräte mit einer maximalen Breite  */
@media only screen
  and (max-width: 767px) {

  html{
    margin: 0 !important;
    padding: 0;
  }

  #wpadminbar{
    display: none;
  }
  .home .site-navigation-toggle-holder {
    align-items: end;
  }
}