/* rgb(61,198,130) und #3dc682 oder #45d28c */

:root 
{
  --first: #45d28c;
  --second: #333;
  --third: #f1fde8;
  --old: #942c2c;
}

@font-face 
{
  font-family: "Ontel";
  font-style: normal;
  font-weight: 100;
  src: url("https://www.fotowagen-chiemgau.de/fonts/Ontel-8Mr62.otf") format("opentype");
}

@font-face 
{
  font-family: "Susahu";
  font-style: normal;
  font-weight: 100;
  src: url("https://www.fotowagen-chiemgau.de/fonts/Susahu-GOYnD.ttf") format("truetype");
}

@font-face 
{
  font-family: "Dominican";
  font-style: normal;
  font-weight: 100;
  src: url("https://www.fotowagen-chiemgau.de/fonts/dominican.TTF") format("truetype");
}

h1
{
  margin-bottom: 32px;
  font-size: 48px;
}

h1, h2
{
  font-family: "Dominican";
}

body
{
  color: var(--second);
  background-color: var(--third);
  font-size: 27px;
  font-family: "Dominican";
}

header#masthead 
{
    background-color: transparent;
    z-index: 9;
}

@media (min-width: 769px)
{
  .site-header .header-image 
  {
      width: 220px;
      margin-left: 72px;
      margin-top: 80px;
      top: -40px;
      position: relative;
  }
}

@media (max-width: 768px)
{
  .has-inline-mobile-toggle .inside-header 
  {
      background-color: var(--third);
      height: 150px;
  }
  
  .site-header .header-image 
  {
      left: -15px;
      top: 25px;
      width: 200px;
      position: relative;
  }
}

/* Menü-Hintergrund */
.main-navigation, .main-navigation ul ul 
{
    border-radius: 30px 0px 0px 30px;
}

/* aktives Menü */
.main-navigation .main-nav ul li[class*="current-menu-"] > a
{
    color: var(--first);
    font-size: 36px;
}

/* nicht aktives Menü */
.main-navigation .main-nav ul li a, .main-navigation .menu-toggle, .main-navigation .menu-bar-items 
{
    font-size: 36px;
}

/* nicht aktiv hover */
.main-navigation .main-nav ul li:not([class*="current-menu-"]):hover > a, .main-navigation .main-nav ul li:not([class*="current-menu-"]):focus > a, .main-navigation .main-nav ul li.sfHover:not([class*="current-menu-"]) > a, .main-navigation .menu-bar-item:hover > a, .main-navigation .menu-bar-item.sfHover > a 
{
    color: #000;
}

/* mobiles Menü */
@media (max-width: 768px)
{
  .main-navigation, .main-navigation ul ul 
  {
      box-shadow: -2px 1px 1px rgba(0,0,0,0.2)!important;
  }
  .has-inline-mobile-toggle .mobile-menu-control-wrapper 
  {
      position: fixed;
      right: 0px;
      box-shadow: none;
  }
  div#primary-menu 
  {
      background-color: var(--first);
      z-index: 8;
      box-shadow: -1px 1px 6px rgba(0,0,0,0.5);
  }
  .main-navigation .main-nav ul li[class*="current-menu-"] > a
  {
      color: #fff;
  }
  nav#site-navigation 
  {
    position: fixed;
    width: 70%;
    top: 0px;
  }
  .mobile-menu-control-wrapper .menu-toggle, .mobile-menu-control-wrapper .menu-toggle:hover, .mobile-menu-control-wrapper .menu-toggle:focus, .has-inline-mobile-toggle #site-navigation.toggled
  {
    background-color: transparent;
  }
}

.separate-containers .inside-article, .separate-containers .comments-area, .separate-containers .page-header, .one-container .container, .separate-containers .paging-navigation, .inside-page-header
{
  background-color: transparent;
}

.site-content .content-area 
{
    margin-top: -140px;
}

@media (max-width: 768px)
{
  h1.wp-block-heading 
  {
      margin-top: 112px;
  }
}

@media (min-width: 769px)
{
  h1.wp-block-heading 
  {
      margin-top: -32px;
  }
}

@media (min-width: 769px)
{
  .n2_clear
  {
      top: -90px
  }
}

@media (max-width: 768px)
{
  .n2_clear
  {
      top: 85px
  }
}

input[type="submit"], a.button, a.wp-block-button__link:not(.has-background) 
{
    color: #ffffff;
    background-color: var(--first);
    box-shadow: -1px 2px 5px rgba(0,0,0,0.5);
}

@media (max-width: 768px)
{
  .desktop_slider
  {
      display: none!important;
  }
}

@media (min-width: 769px)
{
  .mobile_slider
  {
      display: none!important;
  }
}

.site-info
{
  font-size: 18px;
  background-color: var(--third);
}

@media (max-width: 768px)
{
  .site-info
  {
      padding: 0px 0px 24px 0px;
  }
}

.site-info a
{
  color: var(--second);
}