/**
 * Theme Name:     Hello Blocks Child
 * Author:         diekomm
 * Template:       hello-blocks
 * Text Domain:	   hello-blocks-child
 * Description:    Hello Blocks is a lightweight and minimalist WordPress theme designed to work seamlessly with the GutenKit plugin for the new WordPress block editor (Gutenberg). This theme is free, and perfect for users who want a flexible, easy-to-use, and customizable website.
 */

 @font-face {
  font-family: 'SourceSansPro-Regular';
  src: url('./fonts/SourceSansPro-Regular.eot');
  src: url('./fonts/SourceSansPro-Regular.eot') format('embedded-opentype'),
       url('./fonts/SourceSansPro-Regular.woff2') format('woff2'),
       url('./fonts/SourceSansPro-Regular.woff') format('woff'),
       url('./fonts/SourceSansPro-Regular.svg') format('svg');
  font-weight: normal;
  font-style: normal;

}
@font-face {
  font-family: 'SourceSansPro-Light';
  src: url('./fonts/SourceSansPro-Light.eot');
  src: url('./fonts/SourceSansPro-Light.eot') format('embedded-opentype'),
       url('./fonts/SourceSansPro-Light.woff2') format('woff2'),
       url('./fonts/SourceSansPro-Light.woff') format('woff'),
       url('./fonts/SourceSansPro-Light.svg') format('svg');
  font-weight: normal;
  font-style: normal;

}

@font-face {
  font-family: 'SourceSansPro-Semibold';
  src: url('/fonts/SourceSansPro-Semibold.eot');
  src: url('./fonts/SourceSansPro-Semibold.eot');
  src: url('./fonts/SourceSansPro-Semibold.eot') format('embedded-opentype'),
       url('./fonts/SourceSansPro-Semibold.woff2') format('woff2'),
       url('./fonts/SourceSansPro-Semibold.woff') format('woff'),
       url('./fonts/SourceSansPro-Semibold.svg') format('svg');
  font-weight: normal;
  font-style: normal;

}
@font-face {
  font-family: 'SourceSansPro-Bold';
  src: url('./fonts/SourceSansPro-Bold.eot');
  src: url('./fonts/SourceSansPro-Bold.eot');
  src: url('./fonts/SourceSansPro-Bold.eot') format('embedded-opentype'),
       url('./fonts/SourceSansPro-Bold.woff2') format('woff2'),
       url('./fonts/SourceSansPro-Bold.woff') format('woff'),
       url('./fonts/SourceSansPro-Bold.svg') format('svg');
  font-style: normal;

}

header .elementor-widget-heading{
   position: relative;
   z-index: 10;
}
#masthead{
   overflow: hidden;
}
sup{
   font-size: 0.85rem;
   line-height: 1rem;
}
h1 sup{
   font-size: 2.85rem;
}
.elementor-widget-text-editor > h2,
.elementor-text-editor > h2,
.elementor-widget-text-editor > h3,
.elementor-text-editor > h3{
   margin: 0 0 15px 0 !important;
   margin-block-start:  0 !important;
   margin-block-end:  6px !important;
   margin-inline-start: 0px;
   margin-inline-end: 0px;
}
.elementor-widget-text-editor > p,
.elementor-text-editor > p,
.elementor-widget-text-editor > p,
.elementor-text-editor > p{
   margin: 0 !important;
   margin-block-start:  0 !important;
   margin-block-end:  10px !important;
   margin-inline-start: 0px;
   margin-inline-end: 0px;
   line-height: 1.8rem;
}
.quelle p{
   font-size: 14px;
   line-height: 1.25rem;
}
li{
   line-height: 1.8rem;
}
.button{
   display: inline-block !important;
   border-radius: 15px !important;
}
body{font-family: 'SourceSansPro-Regular', sans-serif; font-size: 20px !important; line-height: 1.5rem}
.gap-0{
    gap: 0 !important;
 }
.normal{
   font-weight: 400;
 }
.page-id-344,.page-id-346 {
   background-image: linear-gradient(to bottom, #ffde43, #fed439, #fccb30, #fbc126, #f9b71c);
}
.pink-box-align-right div{
   flex: 1;
}
.right-icon-start-gelb,
.right-icon-3h-gelb,
.right-icon-wecker-gelb{
   position: relative;
   max-width: calc(100% - 150px) !important;
}
.right-icon-start-gelb:after{
   content: "";
   background-image: url(/wp-content/uploads/2025/10/icon-start-gelb.png);
   background-size: contain;
   width: 90px;
   height: 90px;
   background-repeat: no-repeat;
   position: absolute;
   right: -100px;
   top: 50%;
   transform: translateY(-50%);
}
.right-icon-3h-gelb:after{
   content: "";
   background-image: url(/wp-content/uploads/2025/10/icons-3h-gelb.png);
   background-size: contain;
   width: 90px;
   height: 90px;
   background-repeat: no-repeat;
   position: absolute;
   right: -100px;
   top: 50%;
   transform: translateY(-50%);
}
.right-icon-wecker-gelb:after{
   content: "";
   background-image: url(/wp-content/uploads/2025/10/icon-wecker-gelb.png);
   background-size: contain;
   width: 90px;
   height: 90px;
   background-repeat: no-repeat;
   position: absolute;
   right: -100px;
   top: 50%;
   transform: translateY(-50%);
}
.pink{
   color: #E62987;
}
.header-wrapper{
   position: relative;
   max-height: 550px;
}
.logo-wrapper{
   position: absolute;
   top: 0;
}
.headertext-start{
   background-color: #FFDE43;
   padding: 10px 25px;
   position: relative;
   border-radius: 15px;
}
.headertext-start::before{
   background-image: url('/wp-content/uploads/2025/10/icon-ausrufezeichen.png');
   background-size: contain;
   position: absolute;
   width: 65px;
   height: 65px;
   background-repeat: no-repeat;
   content: "";
   top: -40px;
   left: -40px;
}
.preheader-text p{
   margin-bottom: 0;
}
@media (max-width: 1700px) {
   .elementor-element-2f8b8ae{
      flex-direction: column !important;
      align-items: center !important;
   }
}
@media (min-width: 1025px) and (max-width: 1400px) {
   .elementor-24 .elementor-element.elementor-element-9257129{
      padding-left: 6em !important;
      padding-right: 6em !important;
   }
   .elementor-285 .elementor-element.elementor-element-99f7e62 {
     --e-transform-translateY: 95px !important;
     --e-transform-scale: 1.2 !important;
   }
}
@media (max-width: 991px) {
   .right-icon-start-gelb,
   .right-icon-3h-gelb,
   .right-icon-wecker-gelb{
      position: relative;
      max-width: calc(100% - 40px) !important;
   }
}

@media (max-width: 768px) {
   .right-icon-start-gelb,
   .right-icon-3h-gelb,
   .right-icon-wecker-gelb{
      position: relative;
      max-width: calc(100% - 25px) !important;
   }
   .right-icon-start-gelb:after{
      content: "";
      background-image: url(/wp-content/uploads/2025/10/icon-start-gelb.png);
      background-size: contain;
      width: 50px;
      height: 50px;
      background-repeat: no-repeat;
      position: absolute;
      right: -75px;
      top: 60%;
      transform: translateY(-50%);
   }
   .right-icon-3h-gelb:after{
      content: "";
      background-image: url(/wp-content/uploads/2025/10/icons-3h-gelb.png);
      background-size: contain;
      width: 50px;
      height: 50px;
      background-repeat: no-repeat;
      position: absolute;
      right: -75px;
      top: 60%;
      transform: translateY(-50%);
   }
   .right-icon-wecker-gelb:after{
      content: "";
      background-image: url(/wp-content/uploads/2025/10/icon-wecker-gelb.png);
      background-size: contain;
      width: 50px;
      height: 50px;
      background-repeat: no-repeat;
      position: absolute;
      right: -75px;
      top: 60%;
      transform: translateY(-50px);
   }
   .elementor-widget-text-editor > p,
   .elementor-text-editor > p,
   .elementor-widget-text-editor > p,
   .elementor-text-editor > p{
      line-height: 1.6rem;
   }
   .quelle p{
      font-size: 12px;
      line-height: 1.25rem;
   }
   .elementor-285 .elementor-element.elementor-element-99f7e62 {
     --e-transform-translateY: 170px !important;
     --e-transform-translateX: 140px !important;
     --e-transform-scale: 0.8 !important;
   }
   .elementor-285 .elementor-element.elementor-element-2c3ec29.e-con {
      --e-con-transform-translateY: 460px;
   }
}
@media (min-width: 601px) and (max-width: 700px) {
   .elementor-285 .elementor-element.elementor-element-2c3ec29.e-con {
      --e-con-transform-translateY: 400px;
   }
}
@media (min-width: 501px) and (max-width: 600px) {
   .elementor-285 .elementor-element.elementor-element-2c3ec29.e-con {
      --e-con-transform-translateY: 250px;
   }
}
@media (max-width: 500px) {
   .elementor-285 .elementor-element.elementor-element-99f7e62 {
      --e-transform-translateY: 110px !important;
      --e-transform-translateX: 100px !important;
      --e-transform-scale: 1 !important;
   }
   .elementor-285 .elementor-element.elementor-element-2c3ec29.e-con {
      --e-con-transform-translateY: 230px;
   }
}