/**
 * Theme Name: LUX-TOOLS 2024
 * Template:   ogs-theme-2024
 * Version:    1.0.0
 * Description: LUX-TOOLS 2024 Theme
 * Author:     M.A.R.K. 2 GmbH
 * Author URI: https://www.mark2.de
 * Text Domain: lux-tools-theme
 */

 html:root {
      --primary-rgb: 0 45 114;
      --secondary-rgb: 67 158 222;
      --tertiary-rgb: 236 236 236;
      --main-font-color: 23 69 160;
      --disabled-lang-font-color: 67 158 222;
      --html-font: Helvetica, Verdana;
      --strong-font: Helvetica, Verdana;
      --strong-font-weight: 800;
 }

 .page-header .header-logo {
    width: 80px !important;
    height: auto !important;
    margin-bottom: -3.8rem;
    transition: transform 0.3s ease-in-out;
 }

 .page-header.scrolling .header-logo {
    transform: translateY(-3.8rem);
 }

 .footer-logo {
    width: 80px !important;
    height: auto !important;
 }

 .block-header.has-dot .block-header--headline {
  padding-left: 0 !important;
 }
 .block-header.has-dot .cta-dot {
  display: none;
 }

 .image-text-block .block-header--headline {
   font-size: 2rem;
 }
 @media (min-width: 768px) {
   .image-text-block .block-header--headline {
     font-size: 2.5rem;
   }
 }
 


 .image-text-block .cta-dot {
   display: none;
 }

 body .OBIceop-bold {
   font-family: Helvetica, Verdana, sans-serif !important;
 }
 body .font-OBIceop-bold {
    font-family: Helvetica, Verdana, sans-serif !important;
    font-weight: 800!important;
    line-height: 1;
 }

 .footer .cta-dot {
  display: none;
 }
 .footer {
  position: relative;
 }
 .footer::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--grey-rgb);
  background-image: url('assets/AdobeStock_177900378.jpeg');
  background-size: cover;
  opacity: .3;
 }

 header.header {
   padding-left: 2rem;
 }

 @media (min-width: 768px) {
  header.header {
    padding-left: 6rem;
  }
 }
 @media (min-width: 1024px) {
  header.header {
    padding-left: 12rem;
  }
 }

 .title-bubble {
  background: url(assets/LUX-Tools_Bubble_Hintergrund.jpg) no-repeat center center;
  background-size: 200%;
 }