/*
Theme Name:   Theme Dennis Media Visions 
Theme URI:    https://dennisgericke.com
Description:  Theme 1.0
Author:       Dennis Gericke
Author URI:   dennis.gericke@gmail.com
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
Tags:         [Videograf, Fotograf, Webseiten]
Text Domain:  
*/
/*font-family: 'Noto Sans Display', sans-serif;*/
/*font-family: 'Amatic SC', sans-serif;*/
/*Color-1 : #1b1b1b */
/*Color-2 : #3cbddf */
/* var(--color-1); */
/* var(--color-2); */
/* var(--color-3); */
/* var(--text-desktop); */
/*:root {
  --color-2: #1b1b1b;
  --color-2: #3cbddf;
  --color-3: #ffffff;
}*/
/****************** Variablen ******************/ 
:root {
  --bgcolor-1: #1b1b1b;
  --bgcolor-2: #3cbddf;
  --bgcolor-3: #ffffff;
  --textcolor-1: #1b1b1b;
  --textcolor-2: #3cbddf;
  --textcolor-3: #ffffff;
  --text-desktop: 1vw;
  --text-desktop: 1vw;
  --text-tablet: 1vw;
  --text-mobile: 1vw;
}
/****************** Schriften ******************/ 
body {
  font-family: 'Noto Sans', Helvetica, Arial, Lucida, sans-serif;
  font-size: var(--text-desktop) !important;
  color: #666;
  background-color: #fff;
  line-height: 1.7em;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
h1, h2, h3, h4, h5, h6 {
  font-family: 'Bebas Neue', display;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.wrapper {
  max-height: 100% !important;
  height: calc(100vh - 32px) !important;
  background-color: var(--bgcolor-1);
}
.col {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  margin: 0px auto;
  width: 90%;
  max-width: 90%;
}
h1 {
  font-size: 6vw;
}
.info .et-pb-icon {
  color: rgba(0, 0, 0, 0.46);
  font-family: FontAwesome !important;
  font-weight: 900 !important;
  font-size: 5vw;
}
#top-menu li > a:hover {
  box-shadow: 0 7px 0 0 var(--color-2) !important; /*** COLOR AND THICKNESS OF THE LINE ON HOVER ***/
  padding-bottom: 34px;
  opacity: 1 !important;
}
#top-menu li li a {
  padding-bottom: 6px !important;
}
#top-menu li.current-menu-item > a, .et-fixed-header #top-menu li.current-menu-item > a {
  border: 7px solid var(--color-2); /*** COLOR AND THICKNESS OF THE BOX ***/
  padding: 10px;
  margin-bottom: -10px;
}
/* Cookie Banner */
.cmplz-manage-consent::before {
  font-family: FontAwesome !important;
  font-weight: 900;
  content: "\f564";
  display: inline-block;
  vertical-align: middle;
  margin-left: 1px;
  color: white; /* change color if needed */
  font-size: 2vh
}
#cmplz-manage-consent .cmplz-manage-consent {
  bottom: 5% !important;
  right: 4% !important;
  height: auto !important;
  border-radius: 100% !important;
  color: #333 !important;
  background: #333 !important;
  padding: 15px 15px 15px 15px !important;
  min-width: unset !important;
}
/*------------------- Monitore ------------------*/
@media all and (min-width: 1405px) {}
@media all and (min-width: 1100px) and (max-width: 1405px) {}
/*------------------- Tablett ------------------*/
@media all and (min-width: 981px) and (max-width: 1099px) {}
@media all and (min-width: 768px) and (max-width: 980px) {}
/*------------------- Smartphone ------------------*/
@media all and (max-width: 767px) {
  body {
    font-size: 3.75vw !important;
  }
  h1 {
    font-size: 12vw;
  }
  .info .et-pb-icon {
    color: rgba(0, 0, 0, 0.46);
    font-family: FontAwesome !important;
    font-weight: 900 !important;
    font-size: 8vw;
  }
}
@media all and (max-width: 479px) {}