@font-face {
  font-family: 'Montserrat';
  src: url(https://www.herrderboeden.at/wp-content/themes/herrderboeden/assets/fonts/montserrat/Montserrat-VariableFont_wght.ttf);
}

@font-face {
  font-family: 'Didact Gothic';
  src: url(https://www.herrderboeden.at/wp-content/themes/herrderboeden/assets/fonts/didact-gothic/DidactGothic-Regular.ttf);
}

div.logo_container a {
    display: inline-block;
    width: 200px;
    height: 200px;
    background: #5c2700;
    border-radius: 100px;
    padding: 20px;
}

img#logo {
    max-height: initial;
}

ul#top-menu li.current-menu-item>a:before {
    content: "";
    width: 20px;
    height: 20px;
    display: inline-block;
    background: url(../../uploads/2020/09/cap.png) no-repeat center;
    background-size: 100%;
    background-position-y: 10px;
    margin-right: 5px;
}

ul#top-menu li.home-menu, 
ul#mobile_menu li.home-menu, 
.home ul#top-menu li, 
.home ul#mobile_menu li {
  	display: none;
}

.home ul#top-menu li.home-menu {
  	display: inline-block;
}

.home ul#mobile_menu li.home-menu {
  	display: block;
}

ul#mobile_menu li a {
	text-transform: uppercase; 
}

#main-header.et-fixed-header div.logo_container a {
    width: 100px;
    height: 100px;
}

/*
div.et_pb_button_module_wrapper:before {
    content: "";
    content: "";
    display: inline-block;
    background: url(../../uploads/2020/09/hammer.png) no-repeat center;
    background-size: auto 100%;
    width: 20px;
    height: 30px;
    opacity: 1;
    margin-bottom: -10px;
}
*/
.mfp-title {
    display: none !important;
}

/*
div.services .et_pb_code:after {
    content: "";
    display: block;
    position: absolute;
    width: 80%;
    height: 210px;
    border: 3px solid #ef7c00;
    top: -20px;
    left: -20px;
}*/

div.widget_media_image img {
    width: 260px;
    position: absolute;
}

div.textwidget h1 {
    color: #FFF;
    font-weight: 900;
    font-size: 45px;
    line-height: 1.3em;
    margin-top: 80px;
    text-align: right;
}

div#nav_menu-3 {
    padding-left: 72px;
}

div.widget_nav_menu {
    float: none;
}

div.footer-widget .et_pb_widget {
    margin-bottom: 0 !important;
    display: block;
    float: none;
}

div.widget_nav_menu h4 {
    font-size: 15px !important;
    float: left;
    padding: 0;
    margin: 4px 20px 0 0;
}

div.widget_nav_menu li {
    display: inline;
    margin-right: 10px !important;
}

div#footer-bottom {
    padding: 0;
    background: none;
    border-bottom: 10px solid #ef7c00;
    position: relative;
}

div#footer-bottom .container {
  	text-align: right;
}

div#footer-bottom:after {
    content: "";
    height: 100%;
    width: 50%;
    background: #ef7c00;
    top: 0;
    right: 0;
    position: absolute;
}

div#footer-info {
    float: none;
    width: 73.625%;
    display: inline-block;
    padding-left: 72px;
    padding-bottom: 0;
    overflow: hidden;
    margin-bottom: -10px;
    z-index: 1;
    position: relative;
}

div#footer-info .base {
    background: #ef7c00;
    padding: 20px;
    position: relative;
    color: #FFF;
}

div#footer-info .base:before, 
div#footer-info .base:after {
    content: "";
    width: 100px;
    height: 200px;
    position: absolute;
    left: 0;
    top: 0;
    background: #ef7c00;
    transform: rotate(20deg);
    left: -50px;
}

div#footer-info .base:after {
  	display: none;
}

div#footer-info .conc {
    position: relative;
}

div#footer-info a {
    color: #FFF;
}

div#footer-info .right {
    float: right;
}


div.wpforms-container-full {
    margin-bottom: 0 !important;
}

div.wpforms-container-full .wpforms-form button[type=submit] {
    background-color: #5c2700 !important;
    border: 1px solid #5c2700 !important;
    color: #FFF !important;
    width: 100%;
}

div.wpforms-container-full .wpforms-form button[type=submit]:hover {
    background-color: #ef7c00 !important;
    border: 1px solid #ef7c00 !important;
}

#kontakt .et_pb_blurb_description {
    margin-left: -24px;
    margin-top: -8px;
}

@media only screen and (max-width: 980px) {
  
  header#main-header {
      background-color: #5c2700;
  }
  
  span.mobile_menu_bar:before {
    	color: #FFF;
  }
  
  img#logo {
    	max-height: initial;
    	max-width: 100% !important;
  }
  
  div.et_mobile_menu li a {
      text-transform: uppercase;
  }
  
  div#footer-widgets {
      padding: 145px 0 40px;
  }
  
  div#footer-widgets .footer-widget {
      width: auto !important;
      float: none !important;
  }
  
  div.widget_media_image img {
      position: initial;
      margin: 0 auto;
      display: block;
  }
  
  div.textwidget h1 {
      text-align: center;
      margin-top: 20px;
  }
  
  div#nav_menu-3 {
      padding-left: 0;
      text-align: center;
  }
  
  div.widget_nav_menu h4 {
      padding: 0;
      margin: 0 0 5px;
      float: none;
  }
  
  div#footer-bottom:after {
    	display: none;
  }
  
  div#footer-bottom .container {
      text-align: center;
  }
  
  div#footer-info {
      width: auto;
      float: none;
      padding: 0 52px;
  }
  
  div#footer-info .base:after {
      transform: rotate(-20deg);
      right: -50px;
      left: auto;
      z-index: 1;
      display: block;
  }
  
  div#footer-info .conc {
      z-index: 3;
  }
  
  div#footer-info .right {
      display: block;
      float: none;
  }
  
  div#footer-info .right a {
      color: #000;
  }
  
  div#footer-info .sep {
      display: block;
      font-size: 0;
      height: 0;
  }

}

@media only screen and (max-width: 480px) {
  
  div.logo_container {
      position: initial !important;
      float: left;
      width: auto !important;
  }

  div.logo_container a {
      margin: 0 auto;
      height: auto;
      padding: 20px 0;
      width: 150px;
  }
  
  div#et-top-navigation {
      padding: 0 !important;
  }
  
  ul#top-menu {
    	display: block;
      margin-top: 40px;
  }
  
  ul#top-menu li, 
  .home ul#top-menu li.home-menu{
      display: none;
  }
  
  ul#top-menu li.mobile-menu {
      display: block;
  }
  
  ul#top-menu li.mobile-menu a {
      color: #FFF;
      padding: 0 !important;
      margin-bottom: 10px;
  }
  
  span.mobile_menu_bar {
      position: absolute;
    	top: 0;
  }
  
  div.textwidget h1 {
      font-size: 30px;
      padding: 0;
  }
  
  div#footer-widgets .footer-widget li {
      display: inline-block;
  }
  
  div#footer-widgets .footer-widget:nth-child(n) {
      margin: 0 !important;
  }
  
  div#footer-bottom .container {
      width: auto;
      margin: initial;
  }

  div#footer-info .base {
      padding: 20px 0;
  }
  
}