/*
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
*/

@font-face {
  font-family: 'actextobold';
  src: url('fonts/actextobold.woff2') format('woff2'), url('fonts/actextobold.woff') format('woff');
}

@font-face {
  font-family: 'actextolight';
  src: url('fonts/actextolight.woff2') format('woff2'), url('fonts/sctextolight.woff') format('woff');
}
/*----------------------------------------------SCHRIFTARTEN*/

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

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

/*TYPOGRAFIE*/
h1, .h1 {
	font-size: calc(0.5vw + 24px);
	line-height: 1.1em;
	font-family: 'actextobold';
	font-weight: 400;
	text-transform: uppercase;
   padding-top: 1em;
	padding-bottom: 0.5em;
	margin: 0;
}
		
h2, .h2 {
	font-size: calc(0.5vw + 18px);
	line-height: 1.1em;
	font-family: 'actextolight';
	font-weight: 400;
	text-transform: uppercase;
   padding-top: 0em;
	padding-bottom: 0;
	margin: 0;
}
		
h3, .h3 {
	font-size: calc(0.5vw + 16px);
	line-height: 1.1em;
	font-family: 'actextolight';
	font-weight: 400;
	text-transform: uppercase;
   padding-top: 0.7em;
	padding-bottom: 0;
	margin: 0;
}
		
h4, .h4 {
	font-size: calc(0.5vw + 14px);
	line-height: 1.1em;
	font-family: 'actextolight';
	font-weight: 400;
	text-transform: uppercase;
   padding-top: 0.7em;
	padding-bottom: 0;
	margin: 0;
}
		
h5, .h5 {
	font-size: calc(0.7vw + 14px);
	line-height: 1.0em;
	font-family: 'actextolight';
	font-weight: bold;
	text-transform: normal;
	color: #333333;
	margin: 0;
	letter-spacing: 0.01em;
}
		
h6, .h6 {
	font-size: calc(0.4vw + 14px);
	line-height: 1.0em;
	font-family: 'actextolight';
	font-weight: normal;
	text-transform: uppercase;
	color: #333333;
	margin: 0;
	letter-spacing: 0.01em;
      -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto;
}

h4 p, .h4 p {
   margin: 0;
}

strong {
    font-family: 'actextobold';
}

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

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

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

@media screen and (max-width:768px) {
   
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {

}
   
}

/*CI-FARBEN*/
.maincolor, .main-color, .hauptfarbe, .green, .gruen {
	color: #7c6853 !important;
}

.secondcolor, .second-color, .zweitfarbe, .brown, .braun {
	color: #382410 !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;
}


/*LINKS*/
a {
	text-decoration: none;
	color: #7c6853;
	transition-duration: 200ms;
}

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

/*Slider*/

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

.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*/

.vc_btn3.vc_btn3-color-white, .vc_btn3.vc_btn3-color-white.vc_btn3-style-flat {
    color: #7c6853 !important;
    background-color: #FFFFFF;
}

.vc_btn3.vc_btn3-color-success, .vc_btn3.vc_btn3-color-success.vc_btn3-style-flat {
    color: #fff;
    background-color: #7c6853 !important;
}

.vc_btn3.vc_btn3-size-md {
    font-size: calc(14px + 2.4* ((100vw - 300px) / (1600 - 300))) !important;
   text-transform: uppercase;
    padding-top: 14px;
    padding-bottom: 14px;
    padding-left: 20px;
    padding-right: 20px;
}
/*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*/
/*SOCIAL LINKS*/		
/*INSTAFEED*/
/*WPML*/
/*MAP*/
.moodymap {
	margin-bottom: -5em;
	padding: 0 !important;
   margin-left: 0;
   margin-right: 0;
}

.vc_custom_1661679730307 {
padding: 0 !important;
}

		
/*FOOTERCONTENT*/

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

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

.menu-footermenu-container li {
	display: inline-block !important;
	text-align: right;
	float: none;
	vertical-align: center;
	cursor: pointer;
	font-family: 'actextolight';
font-size: 0.95em;
   text-transform: uppercase;
   padding-bottom: 15px;
}

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

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

/*Footer*/

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

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

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

.site-header {
	padding: 0;
   background-color: rgba(154,183,204,0.2);
}

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

/* MANUELL */

#begin {
	padding-top: 8vh !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*/


@media screen and (max-width:1366px) {
	.titelbar h1 {
		margin-bottom: -0.4em !important;
	}
		}

/*Login*/
body.login h1 a {
    background-image: url(../img/moodyarts.png) !important;
    background-image: none,url(../img/moodyarts.png) !important;
}

/*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: 'actextolight';
    font-size: 15px;
    font-weight: 400;
}

#jquery-cookie-law-script a.cookie-law-button {
   background-color: #7c6853;
   transition-duration: 200ms;
   font-family: 'actextolight';
   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;
}