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

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

/* fira-sans-italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Fira Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../fogfox/fonts/fira-sans-v17-latin_latin-ext-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* fira-sans-700 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fogfox/fonts/fira-sans-v17-latin_latin-ext-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* fira-sans-700italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Fira Sans';
  font-style: italic;
  font-weight: 700;
  src: url('../fogfox/fonts/fira-sans-v17-latin_latin-ext-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


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

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

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

/*TYPOGRAFIE*/
h1, .h1 {
  font-size: 59px;
  font-family: 'Fira Sans';
  font-weight: 500;
  background-color: #28568e;
  width: 30vw;
  color: #fff;
  border-radius: 0px 15px 15px 0px;
  text-transform: uppercase;
  text-align: right;
  padding-right: 30px;
  line-height: 0.65;
  padding-left: 30px;
  margin-right: 1em;
}
		
h2, .h2 {
	font-size: calc(0.5vw + 18px);
	line-height: 1.1em;
	font-family: 'Fira Sans';
	font-weight: 500;
   padding-top: 0.5em;
	padding-bottom: 0;
	margin: 0;
   text-transform: uppercase;
}
		
h3, .h3 {
	font-size: calc(0.5vw + 16px);
	line-height: 1.1em;
	font-family: 'Fira Sans';
	font-weight: 500;
   padding-top: 0.7em;
	padding-bottom: 0;
	margin: 0;
}
		
h4, .h4 {
	font-size: calc(0.5vw + 14px);
	line-height: 1.1em;
	font-family: 'Fira Sans';
	font-weight: 500;
   padding-top: 0.3em;
	padding-bottom: 0;
	margin: 0;
}
		
h5, .h5 {
	font-size: calc(0.7vw + 14px);
	line-height: 1.0em;
	font-family: 'Fira Sans';
	font-weight: 500;
	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: 'Fira Sans';
	font-weight: 400;
	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: 'Fira Sans';
   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;
}

@media screen and (max-width:1000px) {
   
h1, .h1 {
  font-size: 59px;
  font-family: 'Fira Sans';
  font-weight: 500;
  background-color: #28568e;
  width: 75vw;
  color: #fff;
  border-radius: 0px 15px 15px 0px;
  text-transform: uppercase;
  text-align: right;
  padding-right: 30px;
  line-height: 0.65;
  padding-left: 30px;
  margin-right: 1em;
}
   
}

table {
   padding-top: 1em;
}

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

.round {
   border-radius: 15px;
}


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

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

#route-planen .vc_btn3.vc_btn3-color-grey.vc_btn3-style-flat {
  color: #fff !important;
  background-color: #28568e !important;
  border-radius: 0px 0px 15px 15px;
}

#route-planen .vc_btn3.vc_btn3-color-grey:hover, #route-planen .vc_btn3.vc_btn3-color-grey.vc_btn3-style-flat:hover {
  color: #fff !important;
  background-color: #6cabbc !important;
}

#route-planen .vc_btn3.vc_btn3-size-md {
  text-transform: uppercase !important;
  font-size: 1.5em !important;
   padding: 15px 40px !important;
}

.vc_btn3.vc_btn3-color-grey, .vc_btn3.vc_btn3-color-grey.vc_btn3-style-flat {
  color: #fff !important;;
  background-color: #6cabbc !important;
  font-size: 18px  !important;
}

.vc_btn3.vc_btn3-size-md {
  padding: 5px 30px !important;
}

.vc_btn3.vc_btn3-shape-round {
  border-radius: 15px !important;
}

.vc_btn3.vc_btn3-color-grey:hover, .vc_btn3.vc_btn3-color-grey.vc_btn3-style-flat:hover {
  color: #fff !important;
  background-color: #28568e !important;
  font-size: 18px !important;
}

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

.vc_btn3.vc_btn3-color-white, .vc_btn3.vc_btn3-color-white.vc_btn3-style-flat {
  color: #28568e !important;
  background-color: #fff !important;
  font-size: 18px  !important;
   font-weight: 700 !important;
}

.vc_btn3.vc_btn3-color-white:hover, .vc_btn3.vc_btn3-color-white.vc_btn3-style-flat:hover {
  color: #28568e !important;
  background-color: rgba(255,255,255,0.8) !important;
  font-size: 18px  !important;
}

#notfall::before {
  content: "";
  border-color: #fff transparent transparent;
  border-style: solid;
  border-width: 20px;
  width: 0;
  height: 0;
  position: absolute;
  left: 50%;
  z-index: 1;
  margin-left: -10px;
  margin-top: -30px;
}

.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_gitem-zone:hover {
  opacity: 0.8;
}
/*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*/
/*SOCIAL LINKS*/		
/*INSTAFEED*/
/*WPML*/
/*MAP*/
.moodymap {
	margin-bottom: -5em;
	padding: 0 !important;
   margin-left: 0;
   margin-right: 0;
}
		
/*FOOTERCONTENT*/

/*Footernavigationen*/
.menu-footermenu-container {
  z-index: 10000;
  width: 100%;
  text-align: center;
  max-width: 1366px;
  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: 'Fira Sans';
  font-size: 1.1em;
   padding-left: 0.5em;
}

.menu-route-container li {
  display: inline-block !important;
  vertical-align: center;
  cursor: pointer;
  font-family: 'Fira Sans';
  font-size: 1.1em;
}

.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-route li {
   padding-top: 15px;
   margin: 0;
}
      
      #menu-footermenu li:last-of-type {
         padding-right: 0em;
      }
      
      #menu-footermenu a {
         color: #fff;
         padding-right:  0.5em;
      }

#menu-route a {
   color: #fff;
}
      
      #menu-footermenu a:hover, #menu-footermenu .current-menu-item a, #menu-route a:hover {
         color: #a3cbda;
         transition-duration: 200ms;
      }
      
      #menu-footermenu li:before {
         content:'';
         color: #fff;
         position: absolute;
      }

      #menu-route li:before {
         content:'';
             margin-left: 0em;
      }
      
            #menu-footermenu li:first-of-type:before {
         content:'';
    margin-left: 0em;
      }

.menu-route-container ul {
   padding-left:0em !important;
   margin-top: 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*/


@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: 'Fira Sans';
    font-size: 15px;
    font-weight: 400;
}

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

#route-planen {
  position: absolute;
  top: 0;
  width: 100%;
  margin: auto;
  max-width: 100%;
  z-index: 800000;
  margin-top: -5px;
}

#termin-buchen {
  position: absolute;
  bottom: 0;
  width: 100%;
  margin: auto;
  max-width: 100%;
}

#termin-buchen .vc_btn3-container, #route-planen .vc_btn3-container {
  display: block;
  margin-bottom: 0px !important;
  max-width: 100%;
}

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

@media screen and (max-width: 1024px) {
  #termin-buchen .vc_column_container .vc_column-inner:last-of-type,#route-planen .vc_column_container .vc_column-inner:last-of-type {
    margin-bottom: 0px !important;
  }
   
   #notfall::before {
  margin-top: 0px !important;
}
}

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

.footer-bg {
   background-color: #28568e;
}

.kontakt-bg {
   background-color: #6cabbc;
}

.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;
}

#infobox {
  background-color: #21213d;
  color: #fff;
  padding-bottom: 2em;
  padding-top: 1em;
}