/*
Theme Name:   Divi-child-roeser-templates-v1 Theme
Theme URI:    -
Description:  Child Theme for Roeser Website Templates Version 1
Author:       Röser MEDIA
Author URI:   -
Template:     Divi
Version:      1.0.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/

/* roboto-regular - latin */
@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('https://roeser-webseiten.de/fonts/roboto-v18-latin-regular.woff2') format('woff2'),
       url('https://roeser-webseiten.de/fonts/roboto-v18-latin-regular.ttf') format('truetype');
}

/* roboto-700 - latin */
@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('https://roeser-webseiten.de/fonts/roboto-v18-latin-700.woff2') format('woff2'),
       url('https://roeser-webseiten.de/fonts/roboto-v18-latin-700.ttf') format('truetype');
}

*{
  margin:0;
  padding:0;
}
:root {
  --colorHeader:#161c57;
  --color1:#bde226;
  --color2:#c62149;
  --white:#fff;
  --default:#333333;
  --fontDefault:'Roboto',sans-serif;
  --fontETmodules:'ETmodules';
}
#page-container {
  margin: auto;
}
@media (max-width:600px) {
  .container, .et_pb_row {
    width: 90%;
  }
  footer .container{
    width:80%;
  }
}
body{
  font-family:var(--fontDefault);
  font-size: 1rem;
  font-weight:400;
  color:var(--default);
}
h1, h2, h3, h4{
  color: var(--colorHeader);
  padding: 0 0 1em;
  font-weight: 700;
}
h1{
  padding-bottom: 0;
}

/* Menü styles */
header{
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 9;
}
.et_pb_menu__logo, .social-menu .et_pb_column{
  max-width: 240px;
}
@media screen and (min-width: 981px){
  .et_pb_fullwidth_menu .et_pb_menu__menu > nav > ul > li{
    margin: 0 1rem;
    letter-spacing: .02em;
    padding: 0;
  }
  .et_pb_fullwidth_menu--with-logo .et_pb_menu__menu > nav > ul > li > a{
    padding: 1rem 1.25rem;
    line-height: 1;
    font-size: 1.5rem;
    display: block;
    position: relative;
  }
  .et_pb_fullwidth_menu--with-logo .et_pb_menu__menu > nav > ul > li > a:hover, .et_pb_fullwidth_menu--with-logo .et_pb_menu__menu > nav > ul > li > a.ds-menu-active{
    color: #bde226 !important;
    background: #161c57;
  }
}
/* content styles */
#et-main-area{
  padding-top: 104px;
}

.display-flex{
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
}
.li-check ul{
  list-style: none;
}
.li-check li{
  position: relative;
  padding-left: 28px;
}
.li-check li::before{
  content: '\5a';
  font-family: var(--fontETmodules);
  position: absolute;
    left: 0;
    top: 0;
}
@media screen and (min-width: 800px){
  .col-2{
    column-count: 2;
    gap: 40px;
  }
}
.dipi-image-scroll-content{
  top: initial;
  bottom: 0;
  transform: translate(-50%,-25%);
}