/*
Theme Name: FogFox
Theme URI: http://moodyarts.de
Author: MOODYARTS
Author URI: http://moodyarts.de
Description: Das FogFox-Theme wurde speziell für die individuelle Anpassung an das Corporate Design hauseigener Kunden erstellt.
Version: 1.1
*/

/* Heading Bold */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'EdenBlack';
  font-style: normal;
  font-weight: 900;
  src: url('../fogfox/fonts/EdenBlack.woff') format('woff'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* Heading SemiBold */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'EdenBold';
  font-style: bold;
  font-weight: 700;
  src: url('../fogfox/fonts/EdenBold.woff') format('woff'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* Regular */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Eden';
  font-style: normal;
  font-weight: 400;
  src: url('../fogfox/fonts/Eden.woff') format('woff'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


/*----------------------------------------------SCHRIFTARTEN*/

/*----------------------------------------------Grundeinstellung*/

iframe {
	overflow:hidden;
}
		
* {box-sizing: border-box;}

/*TYPOGRAFIE*/
h1, .h1 {
	font-size: 70px;
	line-height: 1.0em;
	font-family: 'EdenBlack';
	font-weight: 500;
   padding-top: 0.5em;
	padding-bottom: 0;
	margin: 0;
   text-transform: uppercase;
}
		
h2, .h2 {
	font-size: 40px;
	line-height: 1.0em;
	font-family: 'EdenBold';
	font-weight: 500;
   padding-top: 0;
	padding-bottom: 0;
	margin: 0;
   text-transform: uppercase;
}
		
h3, .h3 {
	font-size: 35px;
	line-height: 1.0em;
	font-family: 'EdenBlack';
	font-weight: 500;
   padding-top: 0.7em;
	padding-bottom: 0;
	margin: 0;
}
		
h4, .h4 {
	font-size: 30px;
	line-height: 1.0em;
	font-family: 'EdenBold';
	font-weight: 500;
   padding-top: 0.1em;
	padding-bottom: 0;
	margin: 0;
}
		
h5, .h5 {
	font-size: 25px;
	line-height: 1.0em;
	font-family: 'EdenBold';
	font-weight: 500;
	text-transform: normal;
	margin: 0;
	letter-spacing: 0.01em;
}
		
h6, .h6 {
	font-size: 20px;
	line-height: 1.0em;
	font-family: 'EdenBold';
	font-weight: 400;
	margin: 0;
	letter-spacing: 0.01em;
      -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto;
}

.white h1, .white .h1, .white h2, .white .h2, .white h3, .white .h3, .white h4, .white .h4 {
   color: white;
}
@media screen and (max-width: 900px) {
/*TYPOGRAFIE*/
h1, .h1 {
	font-size: 50px;
}
		
h2, .h2 {
	font-size: 30px;
}
		
h3, .h3 {
	font-size: 25px;
}
		
h4, .h4 {
	font-size: 20px;
}
		
h5, .h5 {
	font-size: 18px;
}
		
h6, .h6 {
	font-size: 16px;
}
}

strong {
   font-family: 'Eden';
   font-weight: 700;
   font-style: normal;
}

ul {
   margin-top: 0.5em;
   padding-left: 1em;
}

li {
   list-style: none;
   margin-bottom: 0.5em;
}

li::before {
    content: '-';
    position: absolute;
    margin-left: -0.5em;
    font-size: 1.5em;
}

table {
   padding-top: 1em;
}

/*CI-FARBEN*/
.maincolor, .main-color, .hauptfarbe {
	color: #e0a90e !important;
}

.secondcolor, .second-color, .zweitfarbe {
	color: #0c1d4c !important;
}

.thirdcolor, .third-color, .drittfarbe {
	color: rgba(156,157,157,0.8) !important;
}


/*----------------------------------------------FARBEN*/

.schwarz, .black {
	color: #000 !important;
}
		
.dunkelgrau, .darkgrey {
	color: #333 !important;
}
		
.grau, .grey {
	color: #666 !important;
}
		
.hellgrau, .lightgrey {
	color: #999 !important;
}
		
.weiss, .white {
	color: #fff !important;
}

.round {
   border-radius: 15px;
}

.invis {
   display: none !important;
}

/*LINKS / Verlinkungen / Hyperlinks*/
a {
	text-decoration: none;
	color: #C4B5A3;
   font-weight: 500;
	transition-duration: 200ms;
}

a:hover {
	color: #282000;
	transition-duration: 200ms;
}

/*BUTTONS*/
.vc_btn3.vc_btn3-color-orange, .vc_btn3.vc_btn3-color-orange.vc_btn3-style-flat {
  color: #fff;
  background-color: #e0a90e !important;
   font-family: 'EdenBlack';
}

.vc_btn3.vc_btn3-color-orange:hover, .vc_btn3.vc_btn3-color-orange.vc_btn3-style-flat:hover {
  color: #fff;
  background-color: #0c1d4c !important;
   font-family: 'EdenBlack';
}

.vc_btn3.vc_btn3-size-md {
  font-size: 35px !important;
  padding: 20px 20px;
}

.vc_grid-filter.vc_grid-filter-filled-rounded.vc_grid-filter-color-orange > .vc_grid-filter-item.vc_active, .vc_grid-filter.vc_grid-filter-filled-rounded.vc_grid-filter-color-orange > .vc_grid-filter-item:hover, .vc_grid-filter.vc_grid-filter-filled.vc_grid-filter-color-orange > .vc_grid-filter-item.vc_active, .vc_grid-filter.vc_grid-filter-filled.vc_grid-filter-color-orange > .vc_grid-filter-item:hover {
  background-color: #0c1d4c !important;
}

.vc_grid-filter.vc_grid-filter-filled-rounded.vc_grid-filter-color-orange > .vc_grid-filter-item, .vc_grid-filter.vc_grid-filter-filled.vc_grid-filter-color-orange > .vc_grid-filter-item {
  background-color: #e0a90e !important;
}

.vc_grid-filter.vc_grid-filter-filled-rounded > .vc_grid-filter-item:first-child, .vc_grid-filter.vc_grid-filter-filled > .vc_grid-filter-item:first-child {
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  border-top: 0;
}

.vc_grid-filter.vc_grid-filter-filled-rounded > .vc_grid-filter-item:nth-child(n+2), .vc_grid-filter.vc_grid-filter-filled > .vc_grid-filter-item:nth-child(n+2) {
  border-left: none;
  margin-left: 5px !important;
  border-top: none;
  margin-top: 5px !important;
}

.vc_grid-filter.vc_grid-filter-filled-rounded > .vc_grid-filter-item:last-child, .vc_grid-filter.vc_grid-filter-filled > .vc_grid-filter-item:last-child {
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}

.vc_grid-filter.vc_grid-filter-size-lg .vc_grid-filter-item {
  font-size: 35px !important;
  padding: 20px 20px !important;
  font-family: 'EdenBlack' !important;
}

.vc_active .vc_grid-filter-item:first-child {
   color: blue;
}

.vc_grid-filter
li::before {
  content: '';
  position: absolute;
  margin-left: -0.5em;
  font-size: 1.5em;
}
/*PrettyGalery*/
.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
  display: none;
}

.lb-outerContainer {
  position: relative;
  margin: 0 auto;
  border-radius: 4px;
  background-color: #fff;
  margin-top: 2vh !important;
}

.vc_grid.vc_grid-owl-theme .vc_grid-owl-nav {
  cursor: pointer;
  opacity: 1 !important;

}

.vc_grid.vc_grid-owl-theme .vc_grid-owl-nav .vc_grid-owl-next:hover, .vc_grid.vc_grid-owl-theme .vc_grid-owl-nav .vc_grid-owl-prev:hover {
  color: #0c1d4c !important;
}

.vc_grid.vc_grid-owl-theme .vc_grid-owl-nav .vc_grid-owl-next, .vc_grid.vc_grid-owl-theme .vc_grid-owl-nav .vc_grid-owl-prev {
  position: absolute;
  top: 50%;
  margin-top: -12.5px;
  opacity: 1 !important;
  filter: alpha(opacity=50);
  font-size: 25px;
  line-height: 25px;
  height: 25px;
  display: inline-block;
  text-decoration: none;
  cursor: pointer;
  transition: opacity .3s ease-in 0s;
}


.vc_icon_element.vc_icon_element-outer:hover .vc_icon_element-inner.vc_icon_element-size-md.vc_icon_element-have-style-inner:hover {
  width: 4em !important;
  height: 4em !important;
  background-color: #0c1d4c !important;
   transition-duration: 200ms;
}

.vc_gitem_row {
  margin-left: 0;
  margin-right: 0;
  padding: inherit;
    padding-top: inherit;
    padding-bottom: inherit;
  box-sizing: border-box;
  margin-bottom: 0px !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

/*Slider*/

.flex-direction-nav a.flex-next::before, .flex-direction-nav a.flex-prev::before {
    content: '\f003' !important;
    color: #a3cbda;
}

.flex-direction-nav a.flex-prev::before {
   transform: rotate(180deg)
}

.flexslider .slides img {
    width: 100%;
    display: block;
    height: auto;
}

.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: 0px;
    text-align: center;
    display: none !important;
}

.flexslider {
    margin: 0 0 0px !important;
    background: #fff;
    border: 0px solid #fff !important;
    position: relative;
    border-radius: 0px;
    zoom: 1;
	box-shadow: 0 0px 0px !important;
}

.flexslider li::before {
    content: '' !important;
}
/*BUTTONS / Schaltflächen*/


/*Rahmen*/
/*Visual Composer*/
.wpb_single_image.vc_align_left {
    text-align: left;
    margin-top: 2em !important;
}

.no-padding .vc_column-inner, .no-padding .vc_column_container, .no-padding .wpb_content_element, .no-padding .vc_icon_element {
   padding: 0 !important;
   margin: 0 !important;
}
/*EXTERNE*/
	.vc_grid-pagination .vc_grid-pagination-list > li > a, .vc_grid-pagination .vc_grid-pagination-list > li > span {
  color: #fff;
  background-color: #337ab7;
  border: 1px solid #337ab7;
    border-top-color: rgb(51, 122, 183);
    border-right-color: rgb(51, 122, 183);
    border-bottom-color: rgb(51, 122, 183);
    border-left-color: rgb(51, 122, 183);
  transition: opacity .3s ease-in 0s;
  position: relative;
  float: left;
  padding: 10px 20px !important;
  line-height: 1.42857143;
  text-decoration: none;
  opacity: .5;
  filter: alpha(opacity=50);
  margin-left: -1px;
  font-size: 18px !important;
}

li.vc_grid-page::before {
  content: '';
  position: absolute;
  margin-left: -0.5em;
  font-size: 1.5em;
}
/*FOOTERCONTENT*/

/*Footernavigationen*/
.menu-footermenu-container {
  z-index: 10000;
  width: 100%;
  text-align: center;
  max-width: 1000px;
  margin: auto;
}

.menu-footermenu-container ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.menu-footermenu-container li {
  display: inline-block !important;
  vertical-align: center;
  cursor: pointer;
  font-family: 'EdenBold';
  font-size: 1.5em;
   padding-left: 0.5em;
}

.menu-footermenu-container li:last-of-type {
	padding-right: 0em;
}

.menu-footermenu-container li::before {
    content: '';
    width: 0px;
    height: 0px;
    position: absolute;
   transition-duration: 200ms;
}

.menu-footermenu-container li::before:first-of-type {
    content: '' !important;
}


/*----------------------------------------------FOOTERNAVIGATION*/
      
#menu-footermenu li {
  padding-top: 15px;
   margin: 0;
}
      
      #menu-footermenu li:last-of-type {
         padding-right: 0em;
      }
      
      #menu-footermenu a {
         color: #0c1d4c;
         padding-right:  0.5em;
      }
      
      #menu-footermenu a:hover, #menu-footermenu .current-menu-item a {
         color: #e0a90e;
         transition-duration: 200ms;
      }
      
      #menu-footermenu li:before {
         content:'';
         color: #fff;
         position: absolute;
      }
      
            #menu-footermenu li:first-of-type:before {
         content:'';
    margin-left: 0em;
      }

/*Footer*/

.site-main {
	float:right;
	width:100%;
}

.site-content {
	float:left;
	width:100%;
}

/*----------------------------------------------Kopfbereich*/

.site-header {
	padding: 0;
}

/*----------------------------------------------Inhaltsbereich*/

/* MANUELL */

#begin, .begin {
	padding-top: 9vh !important;
}

.end {
	padding-bottom: 10vh !important;
}

.margin-top, .abstand-oben, .top-space {
	margin-top: 4em !important;
}

.margin-bottom, .abstand-unten, .bottom-space {
	margin-bottom: 4em !important;
}

/*Formatierung*/

.zentriert, .center {
	text-align: center !important;
}

.links, .left {
	text-align:left !important;
}

.rechts, .right {
	text-align:right !important;
}

.blocksatz, .justify {
	text-align: justify !important;
}

/*----------------------------------------------Navigation*/

/*Passwortgeschützte Seite*/

.post-password-form {
    z-index: 1000;
    text-align: center;
    padding-top: 8em;
	padding-bottom: 10em;
}

/*VC*/
.wpb_text_column p:last-child, .wpb_text_column :last-child {
    margin-bottom: 0;
}

/*CookieMood*/
#jquery-cookie-law-script #cookie-law-message {
    float: left;
    text-align: justify;
    font-family: 'EdenBold';
    font-size: 15px;
    font-weight: 400;
}

#jquery-cookie-law-script a.cookie-law-button {
   background-color: #7c6853;
   transition-duration: 200ms;
   font-family: 'EdenBold';
   text-transform: uppercase;
   font-size: 15px !important;
}

#jquery-cookie-law-script a#cookie-law-button-more {
    transition-duration: 200ms;
    background: rgba(0, 0, 0, 0.25) !important;
}

#jquery-cookie-law-script a#cookie-law-button-more:hover, #jquery-cookie-law-script a#cookie-law-button-more:focus,
#jquery-cookie-law-script a.cookie-law-button:hover, #jquery-cookie-law-script a.cookie-law-button:focus {
    transition-duration: 200ms;
    background: rgba(154,183,204,0.2);
   color: #7c6853;
}

#jquery-cookie-law-script a.cookie-law-button:hover, #jquery-cookie-law-script a.cookie-law-button:focus {
   background-color: #7c6853 !important;
}

#jquery-cookie-law-script.light {
    color: #382410;
}

#jquery-cookie-law-script {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 999999;
  display: none;
  width: 100%;
  background: rgba(50, 58, 69, 0.3);
  color: #F1F1F3;
  height: 100%;
}

#jquery-cookie-law-script.light {
  background: rgba(0,0,0,0.2) !important;
}

#jquery-cookie-law-script #cookie-law-container-box {
  position: fixed;
   width: 100%;
  bottom: 0;
}

#jquery-cookie-law-script.light #cookie-law-container-box {
  background: rgba(255,255,255,0.80) !important;
}

.vc_column-inner {
   padding-left:0px !important;
   padding-right: 0px !important;
}

.header-bg {
   background-color: #fff !important;
}

.header-logo {
  margin-bottom: 6em !important;
}

.footer-bg {
   background-color: #fff;
}

.kontakt-bg {
   background-color: #0c1d4c;
}

.footer-bg .wpb_button, .footer-bg .wpb_content_element, .footer-bg ul.wpb_thumbnails-fluid > li {
  margin-bottom: 15px !important;
}

.footer-no-paddings .wpb_content_element {
   margin: 0 !important;
}

.footer-map {
   padding: 0;
   height: 500px;
}

.footer-map .vc_column_container .vc_column-inner:first-of-type {
    margin-top: 0;
  }

.lb-data .lb-number {
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999;
  display: none !important;
}

.lb-data .lb-caption {
  font-size: 1.2em !important;
  font-weight: 500 !important;
  line-height: 1.2em !important;
  color: #fff !important;
}

input[type=submit] {
	font-family:inherit;
	font-size:inherit;
    padding-top:11px; 
	padding-bottom:15px; 
	padding-left:15px;
	padding-right:15px;
	color: white;
    background:#282000; 
    border:0 none;
    cursor:pointer;
    -webkit-border-radius: 5px;
    border-radius: 0px; 
	transition-duration:200ms;
}

input[type=submit]:hover {
    background:#C4B5A3; 
	transition-duration:200ms;
}

input[type=password] {
	    padding:15px 15px; 
		border-style: outset !important;
	border-color: #4E5B00 !important;
	border-radius:0px !important;
	border-width: 2px !important; 
}

input:focus-visible {
	border-style: outset !important;
	border-color: #4E5B00 !important;
	border-radius:0px !important;
	border-width: 3px !important; 
	outline:none !important;
}

.post-password-form {
  z-index: 1000;
  text-align: center;
  padding-top: 8em;
  padding-bottom: 10em;
  min-height: 100vh;
  padding-top: calc(50vh - 75px);
}

.full-row {
  width: 100% !important;
  max-width: fit-content !important;
}

.menu-finanzierung-container li {

	padding-left: 0em;
  text-transform: uppercase;
  font-size: 1em;
  line-height: 1em !important;
}

.menu-finanzierung-container li::after {
  content: '.';
  color: #C4B5A3;
  margin-left: 0;
  font-size: 1.5em;
}

.menu-finanzierung-container li::before {
  content: '';
	color:#C4B5A3;
  position: absolute;
  margin-left: 0em;
  font-size: 1.5em;
}

.menu-finanzierung-container ul li {
	text-align:right;
	    list-style:none;
    display:inline-block;
}

.menu-finanzierung-container ul {
	width:100%;
	text-align: right;
}