.et_pb_code_inner{position:relative}/*
 Theme Name:   Divi Child
 Description:  BRANDHOOD Theme
 Author:       SISTERHOOD
 Author URI:   https://www.sisterhood-berlin.de
 Template:     Divi
 Version:      1.0
 Text Domain:  divi-child
*/


body {
    color: #000 !important;
    font-size: 20px !important;
    font-family: "Montserrat regular", sans-serif !important;
    font-weight: 500;
    font-display: swap;
    -webkit-font-smoothing: auto;  
   -moz-osx-font-smoothing: auto;
}

.page-id-857 .et_pb_section.et_pb_section_0_tb_header.pa-header.et_section_regular.et_pb_section--fixed.et_pb_section--with-menu,
.page-id-1106 .et_pb_section.et_pb_section_0_tb_header.pa-header.et_section_regular.et_pb_section--fixed.et_pb_section--with-menu,
.page-id-1112 .et_pb_section.et_pb_section_0_tb_header.pa-header.et_section_regular.et_pb_section--fixed.et_pb_section--with-menu,
.page-id-1115 .et_pb_section.et_pb_section_0_tb_header.pa-header.et_section_regular.et_pb_section--fixed.et_pb_section--with-menu,
.page-id-1118 .et_pb_section.et_pb_section_0_tb_header.pa-header.et_section_regular.et_pb_section--fixed.et_pb_section--with-menu,
.page-id-1121 .et_pb_section.et_pb_section_0_tb_header.pa-header.et_section_regular.et_pb_section--fixed.et_pb_section--with-menu,
.page-id-1124 .et_pb_section.et_pb_section_0_tb_header.pa-header.et_section_regular.et_pb_section--fixed.et_pb_section--with-menu,
.page-id-1127 .et_pb_section.et_pb_section_0_tb_header.pa-header.et_section_regular.et_pb_section--fixed.et_pb_section--with-menu,
.page-id-1130 .et_pb_section.et_pb_section_0_tb_header.pa-header.et_section_regular.et_pb_section--fixed.et_pb_section--with-menu,
.page-id-1133 .et_pb_section.et_pb_section_0_tb_header.pa-header.et_section_regular.et_pb_section--fixed.et_pb_section--with-menu {
   display: none;
}
.et_pb_section.et_pb_section_0_tb_header.pa-fullscreen-menu.et_pb_fullwidth_section.et_section_regular {
   background-color: rgba(255, 255, 255, 0) !important;
}

#menu-main-menu a {
   font-family: "Montserrat regular", sans-serif !important;
   font-size: 16px;
   line-height: 1.4;
   color: #000;
}

.et-db #et-boc .et-l .et-menu a {
   color: rgba(0,0,0,1);

}

#menu-main-menu a:hover {
   border-bottom: 0px #1740ED solid;
}

.et_pb_menu__wrap {
   justify-content: end !important;
}



h2, h1 {
   font-family: "Montserrat medium", sans-serif !important;
   font-size: 50px !important;
   line-height: 1.2 !important;
   color: #000! important;
}

.migra h2 {
   font-family: "Migra", sans-serif !important;
   font-size: 120px !important;
   line-height: 1 !important;
}

.impressum h1 {
   text-align: left !important;
}

h3, .et_pb_column_2_5 h3, .impressum h2 {
   font-family: "Montserrat medium", sans-serif !important; 
   font-size: 40px;
   line-height: 1.4;
   text-align: left;
   color: #000! important;
}

.instagram h3 {
   font-family: "Montserrat medium", sans-serif !important;
   text-align: center;
}

h4 {
   font-family: "Montserrat", sans-serif !important;
   font-size: 32px;
   line-height: 1.4;
   color: #000! important;
}

h5 {
   font-family: "Montserrat regular", sans-serif !important;
   font-size: 24px;
   line-height: 1.4;
   text-align: left;
   hyphens: auto;
   color: #000;
}

h6 {
   font-family: "Montserrat medium", sans-serif !important;
   font-weight: 600;
   font-size: 24px;
   line-height: 1.2;
   text-align: left;
   color: #1740ED! important;
}

p, li {
   font-family: "Montserrat regular", sans-serif !important;
   font-weight: 500;
   font-size: 20px;
   line-height: 1.4;
   color: #000! important;
   hyphens: auto;
}

a {
   font-weight: 600;
   font-size: 20px;
   transition: all 500ms ease 0ms;
   color: #000;
   font-family: "Montserrat medium", sans-serif !important;
}

a:hover {
   color: #1740ED;
   border-bottom: 0px #1740ED solid;
}

strong {
   font-family: "Montserrat medium", sans-serif !important;
}

/* links without hover */
a.sbi_photo.sbi_imgLiquid_bgSize.sbi_imgLiquid_ready {
   border-bottom: 0px #1740ED solid;
}

.invest p {
   font-family: "Montserrat medium", sans-serif !important;
   color: #1740ED! important;
   font-size: 32px;;
}

/* teaser boxen */
a.et_pb_button.et_pb_promo_button {
   position: absolute;
    bottom: 50px;
    left: 50%;
    transform: translateX(-50%);
    padding: 10px 20px !important;
    width: 70%;
}

/* check */
.container {
   display: flex; /* Flexbox verwenden, um Text und Bild horizontal anzuordnen */
   align-items: center; /* Vertikal zentrieren */
   margin-bottom: 0; /* Abstand zwischen den Containern */
}

/* CSS fuer das Bild */
.image {
   width: 50px; /* Die gewuenschte Breite des Bildes */
   height: auto; /* Das Bild wird proportional skaliert */
   margin-right: 30px; /* Abstand zwischen Bild und Text */
}

/* CSS fuer den Text */
.text {
   flex: 1; /* Der Text nimmt den verfuegbaren Platz ein */
}

.container {
   padding-top: 40px !important;
   width: 90%;
}


/* video section */
/* Stilisierung der Video-Sektion */
.video-section, .header-video-section {
   display: flex;
   align-items: center;
   /* background-color: #D1C2B0; Hintergrundfarbe der Sektion auf der rechten Seite */
}

/* Stilisierung des Video-Containers (linke Seite) */
.video-container {
   flex: 1;
   position: relative;
}

.video-container video, .header-video-section video {
   width: 100%;
   height: 100%;
   object-fit: cover;
}

/* Stilisierung des Text-Containers (rechte Seite) */
.text-container {
   flex: 1;
   padding: 20px;
   margin-left: 30px;
}

.header-text-container {
   flex: 1;
   padding: 20px;
   margin-left: 30px;
   position: relative;
   left: 10%;
   z-index: 200;
}

.text-container h2 {
 margin-bottom: 20px;
 font-weight:600;
 max-width: 600px;
}

.header-text-container h1, .header-text-container h4, .header-text-container p {
   margin-bottom: 30px !important;
   max-width: 600px;
}

.text-container p {
   line-height: 1.4;
 margin-bottom: 30px;
 max-width: 600px;
}


/* menu */
/* height fixed header */
.et_pb_section.et_pb_section_0_tb_header.pa-header.et_section_regular.et_pb_section--fixed.et_pb_section--with-menu.pa-fixed-header {
   max-height: 90px !important;
}

body.logged-in.admin-bar .et_pb_section_0_tb_header {
   top: 0 !important;
}

/*set the transition for the spacing shrinking action*/
.pa-header .et_pb_row {
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}

/*set the background color of the fixed header when scrolling*/
.pa-fixed-header .et_pb_row {
	padding: 0;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}

/*set the transition for the logo shrinking action*/
.pa-header .et_pb_menu__logo img {
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}

/* change background color on scroll */
/*set the default background color of the header section*/
.pa-header {
	background: transparent;
	-webkit-transition: background-color 1s ease-out;
	-moz-transition: background-color 1s ease-out;
	-o-transition: background-color 1s ease-out;
	transition: background-color 1s ease-out;
}

/*set the background color of the fixed header when scrolling*/
.pa-fixed-header {
	background-color: #000000 !important;
	-webkit-transition: background-color 1s ease-out;
	-moz-transition: background-color 1s ease-out;
	-o-transition: background-color 1s ease-out;
	transition: background-color 1s ease-out;
   margin: 0 !important;
}

/* define height of the fixed header */
.et_pb_section.et_pb_section_0_tb_header.pa-header.et_section_regular.et_pb_section--fixed.et_pb_section--with-menu.pa-fixed-header {
   max-height: 110px;
}

/*change the logo size when the header shrinks*/
.pa-fixed-header .et_pb_menu__logo img {
	max-width: 200px;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}

/* change Logo on scroll */
.pa-fixed-header .et_pb_menu__logo img {
	content: url(https://brandhood.de/wp-content/uploads/2022/01/BRANDHOOD_Logo.png);
}

/* change link color on scroll */
.pa-fixed-header ul#menu-main-menu li a { 
   color: white !important;
}

/* style the submenu */
.et_pb_menu li ul {
   padding: 0!important;
   width: 300px;
}

.et-db #et-boc .et-l .et_pb_menu .et_pb_menu__menu>nav>ul>li>ul {
   top: calc(80% - 1px);
}

/* Button & Link */
.et_pb_button, .et_pb_promo_button {
   font-family: "Montserrat medium", sans-serif !important;
   border-radius: 0%;
   color: #000;
   font-family: Montserrat-semibold, sans-serif !important;
   font-weight: 600;
   font-size: 20px;
   transition: all 500ms ease 0ms;
   padding: 10px 40px !important;
   border: solid 2px #000;
}

.et_pb_button:hover, .et_pb_promo_button:hover {
  background-color: #000 !important;
  color: #fff !important;
}

.et_pb_button:after {
   display: none;
}

.link_button a, .workflow a, .cases a, .download-product a, td.woocommerce-table__product-name.product-name a,
span.woocommerce-gzd-legal-checkbox-text a {
   color: #000;
   font-family: "Montserrat medium", sans-serif !important;
   font-weight: 600;
   font-size: 20px !important;
   border-bottom: 2px #000 solid;
   padding-bottom: 3px;
   padding-top: 10px;
   transition: all 500ms ease 0ms;
}

a:hover {
   color:#fff;
}

.link_button a:hover, .workflow a:hover, .cases a:hover, span.woocommerce-gzd-legal-checkbox-text a:hover {
   color: #1740ED;
   border-bottom: 2px #1740ED solid;
}

.cta-packages a {
   color: #000;
   font-family: "Montserrat medium", sans-serif !important;
   font-weight: 600;
   font-size: 20px;
   border-bottom: 2px #000 solid;
   padding-bottom: 3px;
   padding-top: 10px;
   transition: all 500ms ease 0ms;
}

.cta-packages a:hover {
   color: #1740ED;
   border-bottom: 2px #1740ED solid;
}

.workflow {
   display: flex;
   margin-bottom: 60px;
}

.number, .number_5 {
   padding-right: 30px;
}

.number_4 {
   padding-right: 20px;
}

.number p, .number_4 p, .number_5 p {
   font-family: 'Montserrat medium' !important;
   font-size: 140px;
   align-items: center;
   line-height: 1;
}

.workflow p {
   margin-bottom: 20px;
   font-family: 'Montserrat regular' !important;
}

.workflow_img img {
   margin-top: 30%;
}

/* slider Testemonials */
.n2-ss-layer.n2-ow.testimonial.n-uc-aF3DbYuoQGDi img {
   border-radius: 200px !important;
}

/* Newsletter-Anmeldung */
.marquee {
   position: relative;
   overflow: hidden;
   --offset: 20vw;
   --move-initial: calc(-25% + var(--offset));
   --move-final: calc(-50% + var(--offset));
}

.marquee__inner {
   width: fit-content;
   display: flex;
   position: relative;
   transform: translate3d(var(--move-initial), 0, 0);
   animation: marquee 7s linear infinite;
   animation-play-state: paused;
}

.marquee span {
   font-size: 50px;
   padding: 0 2vw;
}

.marquee span h6 {
   color: #D1C2B0 !important;
   font-size: 50px;
}


.marquee .marquee__inner {
   animation-play-state: running;
}

@keyframes marquee {
   0% {
       transform: translate3d(var(--move-initial), 0, 0);
   }

   100% {
       transform: translate3d(var(--move-final), 0, 0);
   }
}

.et_pb_newsletter_fields {
   flex-wrap: nowrap !important;
}

.et_pb_newsletter_form p.et_pb_newsletter_field {
   margin-right: 10px;
} 


/* team */
.et_pb_team_member_image.et-waypoint.et_pb_animation_off.et-animated {
   margin-bottom: 25px;
}

h3.et_pb_module_header {
   margin-bottom: 10px;
}

/* shop */
/* Produkte Uebersicht */
h2.woocommerce-loop-product__title {
   font-size: 20px !important;
}

.et_shop_image:hover .et_overlay {
   opacity: 0.5;
}

.et_overlay:before, span.woocommerce-Price-amount.amount {
   color: #000;
}

span.woocommerce-Price-amount.amount {
   font-size: 16px;
}


/* Seperator -OR- loeschen */
p#wcpay-payment-request-button-separator {
   display: none !important;
}

/* Hintergrund & Felder */
.woocommerce .woocommerce-info, .woocommerce-checkout .shop_table, .woocommerce .woocommerce-message {
   background: #EDFFF8!important;
}

/* Bestellbestaetigung */
.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received {
   padding-bottom: 20px;
}
   
.woocommerce ul.order_details li strong {
   margin-top: 10px;
}
   
.woocommerce-MyAccount-downloads-file.button.alt:hover {
   color: #fff !important;
   background: #000 !important;
 }

h2.woocommerce-order-details__title, h2.woocommerce-order-downloads__title {
   font-size: 20px !important;
}
   
.woocommerce-order-downloads {
   margin-top: 40px;
   margin-bottom: 40px;
}

.woocommerce ul.order_details li strong {
   margin-top: 10px;
}
   
.woocommerce-MyAccount-downloads-file.button.alt:hover {
   background: #000;
   color: #fff;
}

/* blog */
a.entry-featured-image-url {
   color: #fff;
    border-bottom: 0px #1740ED solid;
}

.et_pb_container.clearfix.et_pb_empty_slide {
   height: 600px;
}

a.et-pb-arrow-prev:hover, a.et-pb-arrow-next:hover {
   border-bottom: 0px #1740ED solid;
}

.vertikal-zentrieren {
   display: flex;
   flex-direction: column;
   justify-content: center;
}

/* footer */
.footer-text p {
   color: #fff !important;
}

.footer-text a, .footer-social a {
   color: #fff !important;
   font-family: 'Montserrat regular' !important;
   font-weight: 500 !important;
   font-size: 16px;
   /* border-bottom: 1px #fff solid;
   padding-bottom: 3px; */
   transition: all 500ms ease 0ms;
}

.footer-social a {
   color: #fff !important;
   font-family: "Montserrat regular", sans-serif;
   font-size: 16px;
   /* border-bottom: 1px #fff solid;
   padding-bottom: 0; */
   transition: all 500ms ease 0ms;
   margin-top: -5px;
}

.footer-text a:hover, .footer-social a:hover, footer a:hover {
   color: #1740ED !important;
   border-bottom: 0 #1740ED solid;
}

.footer_menu_2 p {
   color: #fff !important;
   opacity: 0.5;
   font-size: 14px;
}

.footer-social {
   display: flex;
}

.footer-social img {
   margin-right: 10px;
   width: 22px;
   height: 22px;
}

@media(max-width:1500px) {
   .pa-fixed-header {
      margin-right: 40px;
     margin-left: 40px;
   }
}

@media(max-width:1070px) {
   .cta-packages a {
      font-size: 20px;
   }

   /* menu height fixed header */
   .et_pb_section.et_pb_section_0_tb_header.pa-header.et_section_regular.et_pb_section--fixed.et_pb_section--with-menu.pa-fixed-header {
      max-height: 70px !important;
  }

   /* fullscreen menu */
   .et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu a {
      font-family: "Montserrat regular", sans-serif !important;;
   }

   .et_mobile_menu li a {
      padding-left: 0 !important;
   }

   li.menu-item {
      position: relative;
      left: 20%;
   }

   .et_pb_menu__logo {
      z-index: 10000;
   }

   span.mobile_menu_bar {
      top: 2px;
  }

   /* align the hamburger menu to the right */
   .pa-fullscreen-menu .et_pb_menu__wrap {
      justify-content: flex-end !important;
   }

   /*hide the desktop version of the menu*/
   .pa-fullscreen-menu .et_pb_menu__wrap .et_pb_menu__menu {
      display: none !important;
   }

   /*show the mobile version of the menu on desktop*/
   .pa-fullscreen-menu .et_pb_menu__wrap .et_mobile_nav_menu {
      display: block !important;
      align-items: center !important;
   }

   /*style the opened menu*/
   .pa-fullscreen-menu .opened #mobile_menu1 {
      width: 100vw !important;
      position: fixed !important;
      top: 0em !important;
      left: 0vw !important;
      height: 100vh !important;
      display: flex !important;
      justify-content: center !important;
      flex-direction: column !important;
      opacity: 0.95 !important;
      visibility: visible !important;
      transition: visibility 0.5s, opacity 0.5s, left 1s ease-in-out;
      padding: 0 !important;
   }

   /*style the closed menu*/
   .pa-fullscreen-menu .closed #mobile_menu1 {
      background-color: #fff !important;
      text-align: center !important;
      width: 100vw !important;
      position: fixed !important;
      left: 100vw !important;
      top: 0em !important;
      height: 100vh !important;
      display: flex !important;
      justify-content: center !important;
      align-items: center !important;
      flex-direction: column !important;
      transition: visibility 0.5s, opacity 0.5s, left 1s ease-in-out;
      opacity: 0 !important;
      visibility: hidden !important;
   }

   /*remove the bullet points from the list items*/
   .pa-fullscreen-menu #mobile_menu1 li {
      list-style: none !important;
      text-align: left !important;
      width: 100%;
   }

   /*move the menu to the top above other elements*/
   .pa-fullscreen-menu .et_pb_menu__wrap span.mobile_menu_bar {
      z-index: 999999 !important;
   }

   /*change the opened menu icon*/
   .pa-fullscreen-menu .et_pb_menu__wrap .opened .mobile_menu_bar:before {
      content: "\4d" !important;
   }

   .pa-fixed-header .pa-fullscreen-menu .et_pb_menu__wrap .closed .mobile_menu_bar:before {
      color: #fff;
   }

   /*make the hamburger menu fixed position on mobile*/
   /* .pa-fullscreen-menu .opened .mobile_menu_bar {
      position: fixed !important;
   } */

   /*remove the default blue border top on the mobile menu*/
   .pa-fullscreen-menu .et_mobile_menu {
      border-top: none;
   }

   /*remove the default background color on menu items*/
   .pa-fullscreen-menu .et_mobile_menu .menu-item-has-children>a {
      background-color: transparent;
   }

   /*remove the default hover background color and adjust opacity*/
   .et_mobile_menu li a:hover {
      background-color: transparent;
      opacity: 1;
   }

   /*remove the default border bottom on menu items*/
   .pa-fullscreen-menu .et_mobile_menu li a {
      border-bottom: none;
   }

   /*change hamburger icon to x when mobile menu is open*/
   #et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before,
   .et_pb_module.et_pb_menu .et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before {
      content: '\4d';
   }

/*adjust the new toggle element which is added via jQuery*/
ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
ul.et_mobile_menu li.page_item_has_children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.page_item_has_children .mobile-toggle {
	width: 44px;
	height: 100%;
	padding: 0px !important;
	max-height: 44px;
	border: none;
	position: absolute;
	right: 60%;
	top: 0px;
	z-index: 999;
	background-color: transparent;
}

   /*some code to keep everyting positioned properly*/
   ul.et_mobile_menu>li.menu-item-has-children,
   ul.et_mobile_menu>li.page_item_has_children,
   ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children,
   .et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children,
   .et-db #et-boc .et-l ul.et_mobile_menu>li.page_item_has_children,
   .et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children {
      position: relative;
   }

   /*remove default background color from menu items that have children*/
   .et_mobile_menu .menu-item-has-children>a,
   .et-db #et-boc .et-l .et_mobile_menu .menu-item-has-children>a {
      background-color: transparent;
   }

   /*hide the submenu by default*/
   ul.et_mobile_menu .menu-item-has-children .sub-menu,
   #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu,
   .et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu,
   .et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu {
      display: none !important;
      visibility: hidden !important;
   }

   /*show the submenu when toggled open*/
   ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
   #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
   .et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
   .et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible {
      display: block !important;
      visibility: visible !important;
   }

   /*adjust the toggle icon position and transparency*/
   ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
   .et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle {
      text-align: center;
      opacity: 1;
   }

   /*submenu toggle icon when closed*/
   ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after,
   .et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after {
      top: 10px;
      left: 300% !important;
      position: relative;
      font-family: "ETModules";
      content: '\33';
      color: #000;
      background: rgba(255, 255, 255, 0);
      border-radius: 50%;
      padding: 3px;
   }

   /*submenu toggle icon when open*/
   ul.et_mobile_menu li.menu-item-has-children.dt-open>.mobile-toggle::after,
   .et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children.dt-open>.mobile-toggle::after {
      content: '\32';
   }

   /*add point on top of the menu submenu dropdown*/
   .et_pb_menu_0.et_pb_menu .et_mobile_menu:after {
      position: absolute;
      right: 5%;
      margin-left: -20px;
      top: -14px;
      width: 0;
      height: 0;
      content: '';
      border-left: 20px solid transparent;
      border-right: 20px solid transparent;
      border-bottom: 20px solid #ffffff;
   }


   /*adjust the position of the hamburger menu*/
   .mobile_menu_bar {
      position: relative;
      display: block;
      bottom: 10px;
      line-height: 0;
   }


   /*force the background color and add a rounded border*/
   .et_pb_menu_0.et_pb_menu .et_mobile_menu,
   .et_pb_menu_0.et_pb_menu .et_mobile_menu ul {
      background-color: #ffffff!important;
      border-radius: 10px;
   }
}

@media(max-width:981px) {
   .migra h2 {
      font-family: "Migra", sans-serif !important;
      font-size: 80px !important;
   }

   h3, .et_pb_column_2_5 h3 {
      font-size: 32px;
   }

   h4 {
   font-size: 32px;
   hyphens: auto;
   }

   h5 {
      font-size: 18px;
   }

   /* button */
   .et_pb_button, .et_pb_promo_button {
      font-size: 16px !important;
      padding: 10px 30px !important;
   }

   a.et_pb_button.et_pb_promo_button {
      width: 100%;
   }

   .link_button a, .workflow a {
      font-size: 16px !important;
   }

   .cases a {
      margin-left: auto;
      margin-right: auto;
   }

   .number_4, .number_5  {
      padding: 0;
   }

   .number p, .number_4 p, .number_5 p {
      font-size: 100px !important;
      padding-right: 30px;
      align-items: center;
      }

   .workflow {
      margin-bottom: 30px;
   }

   .team {
      margin-left: auto;
      margin-right: auto;
   }

   /* teaser box */
   a.et_pb_button.et_pb_promo_button {
      position: relative;
      bottom: 0;
      left: 0;
      transform: none;
   }

   /* video */
   .video-container {
      padding: 0 !important;
  }

   /* blog */
   .et_pb_container.clearfix.et_pb_empty_slide {
      height: 350px;
   }
}

@media(max-width:777px) {

   h2, .about h1, h1.entry-title, .shop h1 {
      font-size: 32px !important;
   }

   .tparrows.tp-rightarrow:before, .tparrows.tp-leftarrow:before {
      display: none;
   }
   
   .et_pb_button.et_pb_more_button {
      margin-top: 40px;
   }

  .et_pb_newsletter .et_pb_newsletter_fields {
      display: block;
   }

   p.et_pb_newsletter_field.et_pb_contact_field_last.et_pb_contact_field_last_tablet.et_pb_contact_field_last_phone {
      margin-right: 0;
   }

   header#main-header {
      top: 0 !important;
   }

   .header-menu .logo img {
      max-width: 75%;
   }
}  

@media(max-width:530px) {
   
   h2, .about h1, h1.entry-title, .shop h1 {
      font-size: 24px !important;
   }

   h3, .et_pb_column_2_5 h3 {
      font-size: 24px;
   }
   
   h4 {
   font-size: 24px;
   }

   p {
      font-size: 16px;
   }

   .et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu a {
      font-size: 24px;
  }

   .button_custom {
      font-size: 16px;
   }
   
   .link_button a, .workflow a {
      font-size: 16px;
   }

   .workflow p {
      margin-bottom: 20px;
   }

   .number p, .number_4 p, .number_5 p {
      font-size: 100px;
   }

  .et_pb_media_alignment_center .et_pb_slide_image {
      top: -30px;
   }

   .et_pb_row.et_pb_row_10.newsletter {
      padding-top: 0;
   }

   /* blog */
   .et_pb_container.clearfix.et_pb_empty_slide {
      height: 200px;
   }
}

@media(max-width:400px) {
   .fullnavBtn {
      right: 4%;
  }

  .header-menu {
     padding-left: 20px;
  }

  .migra h2 {
   font-family: "Migra", sans-serif !important;
   font-size: 60px !important;
}

/* check */

.image {
   width: 30px; 
   height: auto; /* Das Bild wird proportional skaliert */
   margin-right: 20px;
}


}/*
 Theme Name:   Divi Child
 Description:  BRANDHOOD Theme
 Author:       SISTERHOOD
 Author URI:   https://www.sisterhood-berlin.de
 Template:     Divi
 Version:      1.0
 Text Domain:  divi-child
*/


body {
    color: #000 !important;
    font-size: 20px !important;
    font-family: "Montserrat regular", sans-serif !important;
    font-weight: 500;
    font-display: swap;
    -webkit-font-smoothing: auto;  
   -moz-osx-font-smoothing: auto;
}

.page-id-857 .et_pb_section.et_pb_section_0_tb_header.pa-header.et_section_regular.et_pb_section--fixed.et_pb_section--with-menu,
.page-id-1106 .et_pb_section.et_pb_section_0_tb_header.pa-header.et_section_regular.et_pb_section--fixed.et_pb_section--with-menu,
.page-id-1112 .et_pb_section.et_pb_section_0_tb_header.pa-header.et_section_regular.et_pb_section--fixed.et_pb_section--with-menu,
.page-id-1115 .et_pb_section.et_pb_section_0_tb_header.pa-header.et_section_regular.et_pb_section--fixed.et_pb_section--with-menu,
.page-id-1118 .et_pb_section.et_pb_section_0_tb_header.pa-header.et_section_regular.et_pb_section--fixed.et_pb_section--with-menu,
.page-id-1121 .et_pb_section.et_pb_section_0_tb_header.pa-header.et_section_regular.et_pb_section--fixed.et_pb_section--with-menu,
.page-id-1124 .et_pb_section.et_pb_section_0_tb_header.pa-header.et_section_regular.et_pb_section--fixed.et_pb_section--with-menu,
.page-id-1127 .et_pb_section.et_pb_section_0_tb_header.pa-header.et_section_regular.et_pb_section--fixed.et_pb_section--with-menu,
.page-id-1130 .et_pb_section.et_pb_section_0_tb_header.pa-header.et_section_regular.et_pb_section--fixed.et_pb_section--with-menu,
.page-id-1133 .et_pb_section.et_pb_section_0_tb_header.pa-header.et_section_regular.et_pb_section--fixed.et_pb_section--with-menu {
   display: none;
}
.et_pb_section.et_pb_section_0_tb_header.pa-fullscreen-menu.et_pb_fullwidth_section.et_section_regular {
   background-color: rgba(255, 255, 255, 0) !important;
}

#menu-main-menu a {
   font-family: "Montserrat regular", sans-serif !important;
   font-size: 16px;
   line-height: 1.4;
   color: #000;
}

.et-db #et-boc .et-l .et-menu a {
   color: rgba(0,0,0,1);

}

#menu-main-menu a:hover {
   border-bottom: 0px #1740ED solid;
}

.et_pb_menu__wrap {
   justify-content: end !important;
}



h2, h1 {
   font-family: "Montserrat medium", sans-serif !important;
   font-size: 50px !important;
   line-height: 1.2 !important;
   color: #000! important;
}

.migra h2 {
   font-family: "Migra", sans-serif !important;
   font-size: 120px !important;
   line-height: 1 !important;
}

.impressum h1 {
   text-align: left !important;
}

h3, .et_pb_column_2_5 h3, .impressum h2 {
   font-family: "Montserrat medium", sans-serif !important; 
   font-size: 40px;
   line-height: 1.4;
   text-align: left;
   color: #000! important;
}

.instagram h3 {
   font-family: "Montserrat medium", sans-serif !important;
   text-align: center;
}

h4 {
   font-family: "Montserrat", sans-serif !important;
   font-size: 32px;
   line-height: 1.4;
   color: #000! important;
}

h5 {
   font-family: "Montserrat regular", sans-serif !important;
   font-size: 24px;
   line-height: 1.4;
   text-align: left;
   hyphens: auto;
   color: #000;
}

h6 {
   font-family: "Montserrat medium", sans-serif !important;
   font-weight: 600;
   font-size: 24px;
   line-height: 1.2;
   text-align: left;
   color: #1740ED! important;
}

p, li {
   font-family: "Montserrat regular", sans-serif !important;
   font-weight: 500;
   font-size: 20px;
   line-height: 1.4;
   color: #000! important;
   hyphens: auto;
}

a {
   font-weight: 600;
   font-size: 20px;
   transition: all 500ms ease 0ms;
   color: #000;
   font-family: "Montserrat medium", sans-serif !important;
}

a:hover {
   color: #1740ED;
   border-bottom: 0px #1740ED solid;
}

strong {
   font-family: "Montserrat medium", sans-serif !important;
}

/* links without hover */
a.sbi_photo.sbi_imgLiquid_bgSize.sbi_imgLiquid_ready {
   border-bottom: 0px #1740ED solid;
}

.invest p {
   font-family: "Montserrat medium", sans-serif !important;
   color: #1740ED! important;
   font-size: 32px;;
}

/* teaser boxen */
a.et_pb_button.et_pb_promo_button {
   position: absolute;
    bottom: 50px;
    left: 50%;
    transform: translateX(-50%);
    padding: 10px 20px !important;
    width: 70%;
}

/* check */
.container {
   display: flex; /* Flexbox verwenden, um Text und Bild horizontal anzuordnen */
   align-items: center; /* Vertikal zentrieren */
   margin-bottom: 0; /* Abstand zwischen den Containern */
}

/* CSS fuer das Bild */
.image {
   width: 50px; /* Die gewuenschte Breite des Bildes */
   height: auto; /* Das Bild wird proportional skaliert */
   margin-right: 30px; /* Abstand zwischen Bild und Text */
}

/* CSS fuer den Text */
.text {
   flex: 1; /* Der Text nimmt den verfuegbaren Platz ein */
}

.container {
   padding-top: 40px !important;
   width: 90%;
}


/* video section */
/* Stilisierung der Video-Sektion */
.video-section, .header-video-section {
   display: flex;
   align-items: center;
   /* background-color: #D1C2B0; Hintergrundfarbe der Sektion auf der rechten Seite */
}

/* Stilisierung des Video-Containers (linke Seite) */
.video-container {
   flex: 1;
   position: relative;
}

.video-container video, .header-video-section video {
   width: 100%;
   height: 100%;
   object-fit: cover;
}

/* Stilisierung des Text-Containers (rechte Seite) */
.text-container {
   flex: 1;
   padding: 20px;
   margin-left: 30px;
}

.header-text-container {
   flex: 1;
   padding: 20px;
   margin-left: 30px;
   position: relative;
   left: 10%;
   z-index: 200;
}

.text-container h2 {
 margin-bottom: 20px;
 font-weight:600;
 max-width: 600px;
}

.header-text-container h1, .header-text-container h4, .header-text-container p {
   margin-bottom: 30px !important;
   max-width: 600px;
}

.text-container p {
   line-height: 1.4;
 margin-bottom: 30px;
 max-width: 600px;
}


/* menu */
/* height fixed header */
.et_pb_section.et_pb_section_0_tb_header.pa-header.et_section_regular.et_pb_section--fixed.et_pb_section--with-menu.pa-fixed-header {
   max-height: 90px !important;
}

body.logged-in.admin-bar .et_pb_section_0_tb_header {
   top: 0 !important;
}

/*set the transition for the spacing shrinking action*/
.pa-header .et_pb_row {
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}

/*set the background color of the fixed header when scrolling*/
.pa-fixed-header .et_pb_row {
	padding: 0;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}

/*set the transition for the logo shrinking action*/
.pa-header .et_pb_menu__logo img {
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}

/* change background color on scroll */
/*set the default background color of the header section*/
.pa-header {
	background: transparent;
	-webkit-transition: background-color 1s ease-out;
	-moz-transition: background-color 1s ease-out;
	-o-transition: background-color 1s ease-out;
	transition: background-color 1s ease-out;
}

/*set the background color of the fixed header when scrolling*/
.pa-fixed-header {
	background-color: #000000 !important;
	-webkit-transition: background-color 1s ease-out;
	-moz-transition: background-color 1s ease-out;
	-o-transition: background-color 1s ease-out;
	transition: background-color 1s ease-out;
   margin: 0 !important;
}

/* define height of the fixed header */
.et_pb_section.et_pb_section_0_tb_header.pa-header.et_section_regular.et_pb_section--fixed.et_pb_section--with-menu.pa-fixed-header {
   max-height: 110px;
}

/*change the logo size when the header shrinks*/
.pa-fixed-header .et_pb_menu__logo img {
	max-width: 200px;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}

/* change Logo on scroll */
.pa-fixed-header .et_pb_menu__logo img {
	content: url(https://brandhood.de/wp-content/uploads/2022/01/BRANDHOOD_Logo.png);
}

/* change link color on scroll */
.pa-fixed-header ul#menu-main-menu li a { 
   color: white !important;
}

/* style the submenu */
.et_pb_menu li ul {
   padding: 0!important;
   width: 300px;
}

.et-db #et-boc .et-l .et_pb_menu .et_pb_menu__menu>nav>ul>li>ul {
   top: calc(80% - 1px);
}

/* Button & Link */
.et_pb_button, .et_pb_promo_button {
   font-family: "Montserrat medium", sans-serif !important;
   border-radius: 0%;
   color: #000;
   font-family: Montserrat-semibold, sans-serif !important;
   font-weight: 600;
   font-size: 20px;
   transition: all 500ms ease 0ms;
   padding: 10px 40px !important;
   border: solid 2px #000;
}

.et_pb_button:hover, .et_pb_promo_button:hover {
  background-color: #000 !important;
  color: #fff !important;
}

.et_pb_button:after {
   display: none;
}

.link_button a, .workflow a, .cases a, .download-product a, td.woocommerce-table__product-name.product-name a,
span.woocommerce-gzd-legal-checkbox-text a {
   color: #000;
   font-family: "Montserrat medium", sans-serif !important;
   font-weight: 600;
   font-size: 20px !important;
   border-bottom: 2px #000 solid;
   padding-bottom: 3px;
   padding-top: 10px;
   transition: all 500ms ease 0ms;
}

a:hover {
   color:#fff;
}

.link_button a:hover, .workflow a:hover, .cases a:hover, span.woocommerce-gzd-legal-checkbox-text a:hover {
   color: #1740ED;
   border-bottom: 2px #1740ED solid;
}

.cta-packages a {
   color: #000;
   font-family: "Montserrat medium", sans-serif !important;
   font-weight: 600;
   font-size: 20px;
   border-bottom: 2px #000 solid;
   padding-bottom: 3px;
   padding-top: 10px;
   transition: all 500ms ease 0ms;
}

.cta-packages a:hover {
   color: #1740ED;
   border-bottom: 2px #1740ED solid;
}

.workflow {
   display: flex;
   margin-bottom: 60px;
}

.number, .number_5 {
   padding-right: 30px;
}

.number_4 {
   padding-right: 20px;
}

.number p, .number_4 p, .number_5 p {
   font-family: 'Montserrat medium' !important;
   font-size: 140px;
   align-items: center;
   line-height: 1;
}

.workflow p {
   margin-bottom: 20px;
   font-family: 'Montserrat regular' !important;
}

.workflow_img img {
   margin-top: 30%;
}

/* slider Testemonials */
.n2-ss-layer.n2-ow.testimonial.n-uc-aF3DbYuoQGDi img {
   border-radius: 200px !important;
}

/* Newsletter-Anmeldung */
.marquee {
   position: relative;
   overflow: hidden;
   --offset: 20vw;
   --move-initial: calc(-25% + var(--offset));
   --move-final: calc(-50% + var(--offset));
}

.marquee__inner {
   width: fit-content;
   display: flex;
   position: relative;
   transform: translate3d(var(--move-initial), 0, 0);
   animation: marquee 7s linear infinite;
   animation-play-state: paused;
}

.marquee span {
   font-size: 50px;
   padding: 0 2vw;
}

.marquee span h6 {
   color: #D1C2B0 !important;
   font-size: 50px;
}


.marquee .marquee__inner {
   animation-play-state: running;
}

@keyframes marquee {
   0% {
       transform: translate3d(var(--move-initial), 0, 0);
   }

   100% {
       transform: translate3d(var(--move-final), 0, 0);
   }
}

.et_pb_newsletter_fields {
   flex-wrap: nowrap !important;
}

.et_pb_newsletter_form p.et_pb_newsletter_field {
   margin-right: 10px;
} 


/* team */
.et_pb_team_member_image.et-waypoint.et_pb_animation_off.et-animated {
   margin-bottom: 25px;
}

h3.et_pb_module_header {
   margin-bottom: 10px;
}

/* shop */
/* Produkte Uebersicht */
h2.woocommerce-loop-product__title {
   font-size: 20px !important;
}

.et_shop_image:hover .et_overlay {
   opacity: 0.5;
}

.et_overlay:before, span.woocommerce-Price-amount.amount {
   color: #000;
}

span.woocommerce-Price-amount.amount {
   font-size: 16px;
}


/* Seperator -OR- loeschen */
p#wcpay-payment-request-button-separator {
   display: none !important;
}

/* Hintergrund & Felder */
.woocommerce .woocommerce-info, .woocommerce-checkout .shop_table, .woocommerce .woocommerce-message {
   background: #EDFFF8!important;
}

/* Bestellbestaetigung */
.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received {
   padding-bottom: 20px;
}
   
.woocommerce ul.order_details li strong {
   margin-top: 10px;
}
   
.woocommerce-MyAccount-downloads-file.button.alt:hover {
   color: #fff !important;
   background: #000 !important;
 }

h2.woocommerce-order-details__title, h2.woocommerce-order-downloads__title {
   font-size: 20px !important;
}
   
.woocommerce-order-downloads {
   margin-top: 40px;
   margin-bottom: 40px;
}

.woocommerce ul.order_details li strong {
   margin-top: 10px;
}
   
.woocommerce-MyAccount-downloads-file.button.alt:hover {
   background: #000;
   color: #fff;
}

/* blog */
a.entry-featured-image-url {
   color: #fff;
    border-bottom: 0px #1740ED solid;
}

.et_pb_container.clearfix.et_pb_empty_slide {
   height: 600px;
}

a.et-pb-arrow-prev:hover, a.et-pb-arrow-next:hover {
   border-bottom: 0px #1740ED solid;
}

.vertikal-zentrieren {
   display: flex;
   flex-direction: column;
   justify-content: center;
}

/* footer */
.footer-text p {
   color: #fff !important;
}

.footer-text a, .footer-social a {
   color: #fff !important;
   font-family: 'Montserrat regular' !important;
   font-weight: 500 !important;
   font-size: 16px;
   /* border-bottom: 1px #fff solid;
   padding-bottom: 3px; */
   transition: all 500ms ease 0ms;
}

.footer-social a {
   color: #fff !important;
   font-family: "Montserrat regular", sans-serif;
   font-size: 16px;
   /* border-bottom: 1px #fff solid;
   padding-bottom: 0; */
   transition: all 500ms ease 0ms;
   margin-top: -5px;
}

.footer-text a:hover, .footer-social a:hover, footer a:hover {
   color: #1740ED !important;
   border-bottom: 0 #1740ED solid;
}

.footer_menu_2 p {
   color: #fff !important;
   opacity: 0.5;
   font-size: 14px;
}

.footer-social {
   display: flex;
}

.footer-social img {
   margin-right: 10px;
   width: 22px;
   height: 22px;
}

@media(max-width:1500px) {
   .pa-fixed-header {
      margin-right: 40px;
     margin-left: 40px;
   }
}

@media(max-width:1070px) {
   .cta-packages a {
      font-size: 20px;
   }

   /* menu height fixed header */
   .et_pb_section.et_pb_section_0_tb_header.pa-header.et_section_regular.et_pb_section--fixed.et_pb_section--with-menu.pa-fixed-header {
      max-height: 70px !important;
  }

   /* fullscreen menu */
   .et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu a {
      font-family: "Montserrat regular", sans-serif !important;;
   }

   .et_mobile_menu li a {
      padding-left: 0 !important;
   }

   li.menu-item {
      position: relative;
      left: 20%;
   }

   .et_pb_menu__logo {
      z-index: 10000;
   }

   span.mobile_menu_bar {
      top: 2px;
  }

   /* align the hamburger menu to the right */
   .pa-fullscreen-menu .et_pb_menu__wrap {
      justify-content: flex-end !important;
   }

   /*hide the desktop version of the menu*/
   .pa-fullscreen-menu .et_pb_menu__wrap .et_pb_menu__menu {
      display: none !important;
   }

   /*show the mobile version of the menu on desktop*/
   .pa-fullscreen-menu .et_pb_menu__wrap .et_mobile_nav_menu {
      display: block !important;
      align-items: center !important;
   }

   /*style the opened menu*/
   .pa-fullscreen-menu .opened #mobile_menu1 {
      width: 100vw !important;
      position: fixed !important;
      top: 0em !important;
      left: 0vw !important;
      height: 100vh !important;
      display: flex !important;
      justify-content: center !important;
      flex-direction: column !important;
      opacity: 0.95 !important;
      visibility: visible !important;
      transition: visibility 0.5s, opacity 0.5s, left 1s ease-in-out;
      padding: 0 !important;
   }

   /*style the closed menu*/
   .pa-fullscreen-menu .closed #mobile_menu1 {
      background-color: #fff !important;
      text-align: center !important;
      width: 100vw !important;
      position: fixed !important;
      left: 100vw !important;
      top: 0em !important;
      height: 100vh !important;
      display: flex !important;
      justify-content: center !important;
      align-items: center !important;
      flex-direction: column !important;
      transition: visibility 0.5s, opacity 0.5s, left 1s ease-in-out;
      opacity: 0 !important;
      visibility: hidden !important;
   }

   /*remove the bullet points from the list items*/
   .pa-fullscreen-menu #mobile_menu1 li {
      list-style: none !important;
      text-align: left !important;
      width: 100%;
   }

   /*move the menu to the top above other elements*/
   .pa-fullscreen-menu .et_pb_menu__wrap span.mobile_menu_bar {
      z-index: 999999 !important;
   }

   /*change the opened menu icon*/
   .pa-fullscreen-menu .et_pb_menu__wrap .opened .mobile_menu_bar:before {
      content: "\4d" !important;
   }

   .pa-fixed-header .pa-fullscreen-menu .et_pb_menu__wrap .closed .mobile_menu_bar:before {
      color: #fff;
   }

   /*make the hamburger menu fixed position on mobile*/
   /* .pa-fullscreen-menu .opened .mobile_menu_bar {
      position: fixed !important;
   } */

   /*remove the default blue border top on the mobile menu*/
   .pa-fullscreen-menu .et_mobile_menu {
      border-top: none;
   }

   /*remove the default background color on menu items*/
   .pa-fullscreen-menu .et_mobile_menu .menu-item-has-children>a {
      background-color: transparent;
   }

   /*remove the default hover background color and adjust opacity*/
   .et_mobile_menu li a:hover {
      background-color: transparent;
      opacity: 1;
   }

   /*remove the default border bottom on menu items*/
   .pa-fullscreen-menu .et_mobile_menu li a {
      border-bottom: none;
   }

   /*change hamburger icon to x when mobile menu is open*/
   #et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before,
   .et_pb_module.et_pb_menu .et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before {
      content: '\4d';
   }

/*adjust the new toggle element which is added via jQuery*/
ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
ul.et_mobile_menu li.page_item_has_children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.page_item_has_children .mobile-toggle {
	width: 44px;
	height: 100%;
	padding: 0px !important;
	max-height: 44px;
	border: none;
	position: absolute;
	right: 60%;
	top: 0px;
	z-index: 999;
	background-color: transparent;
}

   /*some code to keep everyting positioned properly*/
   ul.et_mobile_menu>li.menu-item-has-children,
   ul.et_mobile_menu>li.page_item_has_children,
   ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children,
   .et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children,
   .et-db #et-boc .et-l ul.et_mobile_menu>li.page_item_has_children,
   .et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children {
      position: relative;
   }

   /*remove default background color from menu items that have children*/
   .et_mobile_menu .menu-item-has-children>a,
   .et-db #et-boc .et-l .et_mobile_menu .menu-item-has-children>a {
      background-color: transparent;
   }

   /*hide the submenu by default*/
   ul.et_mobile_menu .menu-item-has-children .sub-menu,
   #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu,
   .et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu,
   .et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu {
      display: none !important;
      visibility: hidden !important;
   }

   /*show the submenu when toggled open*/
   ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
   #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
   .et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
   .et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible {
      display: block !important;
      visibility: visible !important;
   }

   /*adjust the toggle icon position and transparency*/
   ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
   .et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle {
      text-align: center;
      opacity: 1;
   }

   /*submenu toggle icon when closed*/
   ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after,
   .et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after {
      top: 10px;
      left: 300% !important;
      position: relative;
      font-family: "ETModules";
      content: '\33';
      color: #000;
      background: rgba(255, 255, 255, 0);
      border-radius: 50%;
      padding: 3px;
   }

   /*submenu toggle icon when open*/
   ul.et_mobile_menu li.menu-item-has-children.dt-open>.mobile-toggle::after,
   .et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children.dt-open>.mobile-toggle::after {
      content: '\32';
   }

   /*add point on top of the menu submenu dropdown*/
   .et_pb_menu_0.et_pb_menu .et_mobile_menu:after {
      position: absolute;
      right: 5%;
      margin-left: -20px;
      top: -14px;
      width: 0;
      height: 0;
      content: '';
      border-left: 20px solid transparent;
      border-right: 20px solid transparent;
      border-bottom: 20px solid #ffffff;
   }


   /*adjust the position of the hamburger menu*/
   .mobile_menu_bar {
      position: relative;
      display: block;
      bottom: 10px;
      line-height: 0;
   }


   /*force the background color and add a rounded border*/
   .et_pb_menu_0.et_pb_menu .et_mobile_menu,
   .et_pb_menu_0.et_pb_menu .et_mobile_menu ul {
      background-color: #ffffff!important;
      border-radius: 10px;
   }
}

@media(max-width:981px) {
   .migra h2 {
      font-family: "Migra", sans-serif !important;
      font-size: 80px !important;
   }

   h3, .et_pb_column_2_5 h3 {
      font-size: 32px;
   }

   h4 {
   font-size: 32px;
   hyphens: auto;
   }

   h5 {
      font-size: 18px;
   }

   /* button */
   .et_pb_button, .et_pb_promo_button {
      font-size: 16px !important;
      padding: 10px 30px !important;
   }

   a.et_pb_button.et_pb_promo_button {
      width: 100%;
   }

   .link_button a, .workflow a {
      font-size: 16px !important;
   }

   .cases a {
      margin-left: auto;
      margin-right: auto;
   }

   .number_4, .number_5  {
      padding: 0;
   }

   .number p, .number_4 p, .number_5 p {
      font-size: 100px !important;
      padding-right: 30px;
      align-items: center;
      }

   .workflow {
      margin-bottom: 30px;
   }

   .team {
      margin-left: auto;
      margin-right: auto;
   }

   /* teaser box */
   a.et_pb_button.et_pb_promo_button {
      position: relative;
      bottom: 0;
      left: 0;
      transform: none;
   }

   /* video */
   .video-container {
      padding: 0 !important;
  }

   /* blog */
   .et_pb_container.clearfix.et_pb_empty_slide {
      height: 350px;
   }
}

@media(max-width:777px) {

   h2, .about h1, h1.entry-title, .shop h1 {
      font-size: 32px !important;
   }

   .tparrows.tp-rightarrow:before, .tparrows.tp-leftarrow:before {
      display: none;
   }
   
   .et_pb_button.et_pb_more_button {
      margin-top: 40px;
   }

  .et_pb_newsletter .et_pb_newsletter_fields {
      display: block;
   }

   p.et_pb_newsletter_field.et_pb_contact_field_last.et_pb_contact_field_last_tablet.et_pb_contact_field_last_phone {
      margin-right: 0;
   }

   header#main-header {
      top: 0 !important;
   }

   .header-menu .logo img {
      max-width: 75%;
   }
}  

@media(max-width:530px) {
   
   h2, .about h1, h1.entry-title, .shop h1 {
      font-size: 24px !important;
   }

   h3, .et_pb_column_2_5 h3 {
      font-size: 24px;
   }
   
   h4 {
   font-size: 24px;
   }

   p {
      font-size: 16px;
   }

   .et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu a {
      font-size: 24px;
  }

   .button_custom {
      font-size: 16px;
   }
   
   .link_button a, .workflow a {
      font-size: 16px;
   }

   .workflow p {
      margin-bottom: 20px;
   }

   .number p, .number_4 p, .number_5 p {
      font-size: 100px;
   }

  .et_pb_media_alignment_center .et_pb_slide_image {
      top: -30px;
   }

   .et_pb_row.et_pb_row_10.newsletter {
      padding-top: 0;
   }

   /* blog */
   .et_pb_container.clearfix.et_pb_empty_slide {
      height: 200px;
   }
}

@media(max-width:400px) {
   .fullnavBtn {
      right: 4%;
  }

  .header-menu {
     padding-left: 20px;
  }

  .migra h2 {
   font-family: "Migra", sans-serif !important;
   font-size: 60px !important;
}

/* check */

.image {
   width: 30px; 
   height: auto; /* Das Bild wird proportional skaliert */
   margin-right: 20px;
}


}