/*
Theme Name: vebnetchild
Author: Dream-Theme
Author URI: http://dream-theme.com/
Description: The7 is perfectly scalable, performance and SEO optimized, responsive, retina ready multipurpose WordPress theme. It will fit every site – big or small. From huge corporate portals to studio or personal sites – The7 will become a great foundation for your next project!
Version: 1.0.0
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
Template: vebnet
*/


/* questrial-regular - latin */
  @import url("https://use.typekit.net/kfg7pjv.css");


/************ Studio ausblenden **********************/

#EBPRC-cat-11, #eb-onecat-11, #EBCTG-cat-11-3, .eb-selectricScroll .last {display:none !important; opacity: 0 !important;}

/************ Easybooking **********************/

.icon-calendar:before {
    content: '\e858' !important;
	   line-height: 140%;
}
.icon-list:before {
    content: '\e898' !important;
    line-height: 140%;
}

.mdi-check-circle::before {
    content: "\F5E0" !important; 
	   font: "Material Design Icons" !important;	
}

[class*=" icon-"]:before, [class^=icon-]:before {
	    font: "Material Design Icons" !important;	
}
.mdi:before, .mdi-set {
    display: inline-block;
    font: normal normal normal 24px/1 "Material Design Icons" !important;
    font-size: inherit;
    text-rendering: auto;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#ebbeContainer #ebbeAppWrapper #ebbeHeader #ebbeUserNav .navbar #topnav li {
    background: none !important;
}

#ebbeContainer #ebbeAppWrapper #ebbeContent #ebbeStepOne .stepOneRooms .oneRoom .rooms h4 {
    font-size: 24px !important;
}


.ebContainer .h3, .ebContainer h3 {
    font-size: 29px !important;
}

.ebContainer .h4, .ebContainer h4 {
    font-size: 22px !important;
}

.ebContainer .h5, .ebContainer h5 {
    letter-spacing: 2px !important;
}
	
.EBCTG-eb-catlist-wrap .EBCTG-content h3 {
    font-size: 29px !important;
    text-align: left !important;
}


.EBCTG-eb-catlist-wrap {
    width: 100%;
    background: #fff !important;
    margin-bottom: 40px !important;
	border:none !important;
    padding: 32px !important;
}

.EBCTG-flexslider {
    border: none !important;
    padding: 0 !important;
}
.EBCTG-flexslider .EBCTG-slides > li{background:none !important;
padding:0 !important;
}

.EBCTG-flex-direction-nav .EBCTG-flex-next {
    right: 20px !important;
    background: url(img/pfeil-rechts.png) center center no-repeat, #C4BAA9 !important;
    height: 76px !important;
    width: 76px !important;
    /* background: #000 !important; */
    padding: 20px !important;
    top: auto;
    bottom: -34px;
}

.EBPRC-wrapper .EBPRC-result .EBPRC-onecategory .EBPRC-category-title h3 {
    font-size: 26px !important;
    text-align: left !important;
    padding: 10px !important;
}

.eb-availability h2 {
    text-align: center !important;
	border:none !important;
    font-size: 18px !important;
    padding: 0 !important;
    letter-spacing: 2px !important;
}


.eb-availability-onecat-name h3 {
    margin: 0 !important;
    height: 40px;
    line-height: 40px;
    font-size: 13px;
    vertical-align: middle;
    font-size: 19px !important;
    text-align: left !important;
    padding: 10px !important;
}

.EBPRC-wrapper .EBPRC-category-buttons .EBPRC-category-servicetype select {
    font-size: 13px !important;
}

.EBPRC-wrapper .EBPRC-result .EBPRC-onecategory .EBPRC-category-title, .EBPRC-wrapper .EBPRC-result .EBPRC-onecategory {
    border-bottom: none;
}

.EBCTG-btn {
    font-weight: 500 !important;
    font-size: 15px !important;
    text-transform: uppercase;
    letter-spacing: 2px;
}


.EBCTG-flex-direction-nav .EBCTG-flex-prev {
    right: 98px !important;
    background: url(img/pfeil-rechts.png) center center no-repeat, #C4BAA9 !important;
    height: 76px !important;
    width: 76px !important;
    padding: 20px !important;
    top: auto;
	transform: scaleX(-1) !important;
    bottom: -34px;
    left: auto !important;
}


.ult-carousel-wrapper {
    padding-bottom: 50px !important;
}


.abstand-oben-20 {padding-top:20px !important;}





.balken, .balken.large {
	position:absolute;
	    width: 100% !important;
    left: 0;
    top: 0;
    z-index: 99;
	transition: all 0.5s;
	background:none;
}

.balken.small {
    position: fixed;
	background-color: rgba(95, 95, 95, 0.9) !important;
    height: 100px;
	margin-top: -16px;
}

#main {
    padding: 110px 0 70px 0 !important;
}

#button-header {
    position: absolute;
    width: 200px;
    height:auto;
    z-index: 9;
    right: 322px;
	transition: all 0.5s;
    margin-top: -196px;
}

#button-header img {width:100%;}
#button-header:hover {
    transform: scale(1.1);
	transition: all 0.5s;
}

.scroll-header {
    position: absolute;
    bottom: auto;
    right: 200px;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform-origin: right bottom;
    z-index: 5;
    /* background: #000; */
    width: 152px;
    left: auto;
    color: #fff !important;
        margin-top: -272px;
    margin-left: -50px !important;
    display: none;
}

.home .scroll-header {
display:inline !important;	
}
.scroll-header #nc_btn {
    display: block;
     font-family: brandon-grotesque, sans-serif !important;
    visibility: visible;
    text-align: left;
    line-height: 25px;
    letter-spacing: 5px;
    font-weight: 700;
	font-size: 18px !important;
  color:#fff !important;
    text-transform: uppercase;
    text-decoration: none;
    padding-left: 53px;
	    transition: all 0.5s;
}

.scroll-header #nc_btn:hover {
    padding-left: 33px;
}

.scroll-header .scroll-linie {
    content: " ";
    position: absolute;
    top: 53px;
    left: -70px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 150px;
    height: 4px;
    background-color: #c4baa9;
    animation: scroll-down-line 4.5s infinite 851ms;
}





.scroll-footer {
    position: absolute;
    bottom: auto;
    right: 93px;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform-origin: right bottom;
    z-index: 5;
    /* background: #000; */
    width: 213px;
    left: auto;
    color: #fff !important;
    margin-top: -600px;
    margin-left: -50px !important;
   /* display: none;*/
}


.home .scroll-footer {
display:inline !important;	
}
.scroll-footer #nc_btnf {
    display: block;
     font-family: brandon-grotesque, sans-serif !important;
    visibility: visible;
    text-align: left;
    line-height: 25px;
    letter-spacing: 5px;
    font-weight: 700;
	font-size: 18px !important;
  color:#fff !important;
    text-transform: uppercase;
    text-decoration: none;
    padding-left: 53px;
	    transition: all 0.5s;
}

.scroll-footer #nc_btnf:hover {
    padding-left: 43px;
}

.scroll-footer .scroll-linie-footer {
    content: " ";
    position: absolute;
    top: 53px;
    left: 163px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 150px;
    height: 4px;
    background-color: #c4baa9;
    animation: scroll-down-line 5.5s infinite 851ms;
}


@keyframes bounce{0%,15%,38%,60%,75%{transform:translateX(0)}30%{transform:translateX(10px)}45%{transform:translateX(5px)}}@keyframes scroll-down-line{0%{transform-origin:0% 50%;transform:scale(1,1)}20%{transform-origin:0% 50%;transform:scale(.001,1)}20.01%{transform-origin:100% 50%}38%{transform-origin:100% 50%;transform:scale(1,1)}}@keyframes moveleft{0%{display:none;transform:translateX(0)}1%{display:block}99%{display:block}100%{display:none;transform:translate(-220vw);opacity:0}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeOut{from{opacity:1}to{opacity:0}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}







.slider-ue {
   letter-spacing: 5px;
	font-family: brandon-grotesque, sans-serif !important;	
}

.slider-text {
	letter-spacing: 3px;
	font-family: brandon-grotesque, sans-serif !important;	

}

/** ------- MENÜ ------------_*/



.jumbo-buttons-wrapper, .jumbo-buttons-wrapper.large {
    top: 52px;
    left: 95px;
	position: absolute !important;
		transition: all 0.5s;

}


.jumbo-buttons-wrapper.small {
    position: fixed !important;
    margin-top: -23px;
}

.jumbo-by-bonfire {
    padding: 0 70px !important;
}
.jumbo-by-bonfire .menu > li > a {font-size:37px !important;}

.jumbo-by-bonfire .menu > li > a, .jumbo-by-bonfire .sub-menu > li > a {
    text-transform: uppercase;
    letter-spacing: 5px;
	font-family: brandon-grotesque, sans-serif !important;
}

.jumbo-by-bonfire .sub-menu > li > a {
    color: #c4baa9 !important;
	margin-right: 30px !important;
	    padding: 5px 3px !important;
		letter-spacing: 3px !important;
}

.jumbo-by-bonfire .menu > li > a:hover, .jumbo-by-bonfire .sub-menu > li > a:hover {
	text-decoration: none !important;
	opacity: 0.4 !important;
}
.widget_media_image {
    position: absolute;
    margin-left: -100px !important;
    right: 75px;
    bottom: 160px;
}
.jumbo-by-bonfire .sub-menu > li {
    padding-left: 14px !important;
	color:#c4baa9 !important;
}
.jumbo-by-bonfire .menu > li  {background:none !important;}


.jumbo-widgets-wrapper {
    position: absolute;
    background: #c4baa9;
    height: 100% !important;
    top: 0 !important;
    right: 0;
    color: #fff !important;
    width: 300px;
    vertical-align: middle !important;
    padding: 50px !important;
}

.jumbo-widgets-wrapper #text-3 {
    top: 50% !important;
    position: absolute;
 margin-top: -269px;
}

.jumbo-by-bonfire::after {
    height: 443px;
    width: 328px;
    content: "";
    z-index: -1;
    background: url(img/deko-footer.png) right bottom no-repeat;
    right: 30%;
    bottom: 0;
    position: absolute;
}

.jumbo-by-bonfire .icon-text {
    color: #fff !important;
	font-size:19px !important;
}


.jumbo-by-bonfire .textwidget a img {
    margin-bottom: -5px !important;
    padding-right: 14px;
    filter: brightness(1.75) !important;
    width: 26px;
    opacity: 0.4;
}

.jumbo-by-bonfire .vc_btn3.vc_btn3-color-grey, .jumbo-by-bonfire .vc_btn3.vc_btn3-color-green {
    padding: 13px 22px;
    font-size: 80%;
}

.jumbo-by-bonfire .textwidget {font-size:90% !important;}

.menu li{
    margin: -7px 0 0 !important;
}

.jumbo-menu-button {
    background: none !important;
    padding: 0 !important;
	-webkit-transition: margin 0.5s ease;
    transition: margin 0.5s ease;
}

.jumbo-menu-button:hover {
opacity:0.5;
transition: all 0.5s;	
}


.jumbo-menu-button::before, .jumbo-menu-button::after, .jumbo-menu-button div.jumbo-menu-button-middle {
    background: #c4baa9 !important;
} 

.jumbo-wp-toolbar {
    margin-top: 50px !important;
    left: 100px;
}

.mixed-header.floating-logo {display:none !important;}

#main-slideshow {
	overflow:visible !important;
	margin-bottom:110px !important;
}

#rev_slider_1_1 {
	    margin: 120px 95px 0 95px !important;
	overflow:visible !important;
	background:#fff !important;
}

.fancy-header {
margin: 120px 95px 0 95px !important;
	position: relative;
	z-index: 9;
}


#rev_slider_1_1_wrapper .ares.nav-dir-vertical.nav-pos-hor-left .tp-bullet-title {display:none !important;}

#rev_slider_1_1_wrapper .ares .tp-bullet {
    border: 1px solid #9f9f9f !important;
margin-bottom: -11px !important;
    position: relative;
}


.jumbo-menu-button::before{opacity:0;} 
.grau-bg {
    background: #5f5f5f;
    left: 0;
    top: 0;
    height: 800px;
    width: 50%;
    z-index: 0;
    position: absolute;
}

.grau-bg::after {
    background: url(img/pusteblume-gold.png) center center no-repeat;
    background-size: 400px auto;
    top: -40px;
    right: -450px;
    content: "";
    width: 300px;
    height: 160px;
    z-index: 10;
    opacity: 0.5;
    position: absolute;
}



.jumbo-menu-button-label::before {
    font-size: 29px !important;
    top: 0;
    letter-spacing: 3px;
    font-family: brandon-grotesque, sans-serif !important;
    left: 50px;
}

.jumbo-menu-button::after,.jumbo-menu-button::before {
	width:40px !important;
  transition: all 0.5s;}

.jumbo-menu-button div.jumbo-menu-button-middle {
    margin: 2px 0 5px 16px !important;

}





 .jumbo-menu-button.jumbo-menu-button-active::before {
	opacity:1 !important; 
}







.icons, .icons.large {
    position: absolute;
    z-index: 99;
    height: 20px;
    width: 300px;
    top: 47px;
    left: 21%;
	margin-top:0;
}

.icons.small {
    margin-top: -6px;
}

.icons img {
    height: 25px;
    margin-right: 10px;
    top: 7px;
    position: relative;
}
.icons a {font-size:18px;
font-weight:700;
color:#fff !important;
letter-spacing: 2px;
text-decoration: none !important;
	 transition: all 0.5s;
}
.icons a:hover {opacity:0.6;}

.buttons-header {
    position: absolute;
    right:95px;
    z-index: 99;
    top: 45px;
}

.buttons-header-mobile {display:none !important;}
.sprache, .sprache.large {
	  position: absolute;
    right: 520px;
    z-index: 99;
    top: 46px;
	 transition: all 0.5s;
	
}

.sprache.small {
filter: brightness(100) !important;
 -webkit-filter: brightness(100);
	}

.logo, .logo.large {
    position: absolute;
    left: 50%;
    z-index: 999;
    top: -26px;
    width: 220px;
    margin-left: -95px;
		 transition: all 0.5s;
	background:none;
}

.logo:hover{
	transform: scale(1.1);
}


.logo img {width:100%;}

.logo.small img {opacity:0;}

.logo.small {
    background: url(img/atempause-appartements-logo-2.png) center center no-repeat;
    background-size: 200px auto;
    margin-top: -19px;
}



#flags li {
	transition: all 0.5s;
    background: none !important;
    margin: 0 11px !important;
}
#flags.size22 a[title="German"], .tool-container .tool-items a[title="German"], a.single-language[title="German"] span.size22 {
    background: url("img/de.png") left top no-repeat !important;
	background-size: 23px auto !important;
}
#flags.size22 a.united-states[title="English"], .tool-container a.united-states[title="English"], a.single-language.united-states[title="English"] span.size22 {
	  background: url("img/en.png") left top no-repeat !important;
	background-size: 23px auto !important;
}

#flags li:hover {
   opacity:0.5;
}

.links-header {
    position: absolute;
    right: -100px;
    top: 180px;
    width: 480px;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform-origin: right center;
    -webkit-transform-origin: right bottom;
    /* background: #000; */
	z-index:999;
    height: 154px;
}

.links-header a {
    color: #5f5f5f !important;
    letter-spacing: 4px;
    text-transform: uppercase;
    font-size: 14px;
    float: left;
    line-height: 120%;
    display: block;
    margin: 0 30px;
    text-decoration: none;
}

.links-header a::before {
    transition: all 0.5s;
    position: absolute;
    content: '';
    width: 0px;
    height: 2px;
    /* transform: rotate(-1deg); */
    background: #c4baa9;
    left: auto;
    top: 30px;
    z-index: 1;
}

.links-header a:hover:before{
       width: calc(30% - 26px);
}



/** ------- PFEIL BUCHEN ------------_*/
	* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


.the-arrow {
  width: 64px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.the-arrow.-left {
  position: absolute;
  top: 40%;
  left: 0;
}
.the-arrow.-left > .shaft {
  width: 0;
  background-color: #c4baa9;
}
.the-arrow.-left > .shaft:before, .the-arrow.-left > .shaft:after {
  width: 0;
  background-color: #c4baa9;
}
.the-arrow.-left > .shaft:before {
  -webkit-transform: rotate(0);
          transform: rotate(0);
}
.the-arrow.-left > .shaft:after {
  -webkit-transform: rotate(0);
          transform: rotate(0);
}
.the-arrow.-right {
  top: 1px;
}
.the-arrow.-right > .shaft {
  width: 64px;
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}
.the-arrow.-right > .shaft:before, .the-arrow.-right > .shaft:after {
  width: 8px;
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.the-arrow.-right > .shaft:before {
  -webkit-transform: rotate(40deg);
          transform: rotate(40deg);
}
.the-arrow.-right > .shaft:after {
  -webkit-transform: rotate(-40deg);
          transform: rotate(-40deg);
}
.the-arrow > .shaft {
  background-color: #b5ba80;
  display: block;
  height: 2px;
  position: relative;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-transition-delay: 0;
          transition-delay: 0;
  will-change: transform;
}
.the-arrow > .shaft:before, .the-arrow > .shaft:after {
    background-color: #b5ba80;
    content: "";
    display: block;
    height: 2px;
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    -webkit-transition-delay: 0;
    transition-delay: 0;
}
.the-arrow > .shaft:before {
  -webkit-transform-origin: top right;
          transform-origin: top right;
}
.the-arrow > .shaft:after {
  -webkit-transform-origin: bottom right;
          transform-origin: bottom right;
}

.animated-arrow {
  display: inline-block;
      color: #b5ba80 !important;
    font-weight: 600 !important;
    font-size: 20px !important;
    text-transform: uppercase;
    letter-spacing: 4px;
  text-decoration: none;
  position: relative;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.animated-arrow:hover {
  color: #eaeaea;
}
.animated-arrow:hover > .the-arrow.-left > .shaft {
  width: 64px;
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
  background-color: #eaeaea;
}
.animated-arrow:hover > .the-arrow.-left > .shaft:before, .animated-arrow:hover > .the-arrow.-left > .shaft:after {
  width: 8px;
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
  background-color: #eaeaea;
}
.animated-arrow:hover > .the-arrow.-left > .shaft:before {
  -webkit-transform: rotate(40deg);
          transform: rotate(40deg);
}
.animated-arrow:hover > .the-arrow.-left > .shaft:after {
  -webkit-transform: rotate(-40deg);
          transform: rotate(-40deg);
}
.animated-arrow:hover > .main {
  -webkit-transform: translateX(80px);
          transform: translateX(80px);
}
.animated-arrow:hover > .main > .the-arrow.-right > .shaft {
  width: 0;
  -webkit-transform: translateX(200%);
          transform: translateX(200%);
  -webkit-transition-delay: 0;
          transition-delay: 0;
}
.animated-arrow:hover > .main > .the-arrow.-right > .shaft:before, .animated-arrow:hover > .main > .the-arrow.-right > .shaft:after {
  width: 0;
  -webkit-transition-delay: 0;
          transition-delay: 0;
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
}
.animated-arrow:hover > .main > .the-arrow.-right > .shaft:before {
  -webkit-transform: rotate(0);
          transform: rotate(0);
}
.animated-arrow:hover > .main > .the-arrow.-right > .shaft:after {
  -webkit-transform: rotate(0);
          transform: rotate(0);
}
.animated-arrow > .main {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.animated-arrow > .main > .text {
  margin: 0 16px 0 0;
  line-height: 1;
}
.animated-arrow > .main > .the-arrow {
  position: relative;
}








.bg-pusteblume::after {
    background: url(img/pusteblume-gold.png) top left no-repeat;
    width: 437px;
    height: 427px;
    position: relative;
	top: -282px;
    content: "";
    margin-left: -40%;
    margin-bottom: -338px;
}


.box-bild {
    left: -400px;
    margin-top: -50px;
	position: relative;
    z-index: 2;
}

.box-bild-links {
    /* left: -400px; */
    margin-top: -50px;
    position: absolute !important;
    z-index: 2;
      right: -20px;
}

/*.slick-list {
    overflow: visible !important;
}
*/

.slick-track {
    padding-top: 50px !important;
}

.ult-carousel-wrapper {
    visibility: visible !important;
}

.box-gesamt {
   margin-top: 70px !important;
    position: relative;
    left: 300px;
    margin-left: -60px;
    /* width: 90%; */
    margin-right: -60px;
}

.box-gesamt-links {
    margin-top: 0px !important;
    position: relative;
    left: 0px;
    margin-left: -100px;
    /* width: 90%; */
    margin-right: -120px;
}


.abstand-unten-30 h4, .abstand-unten-30 p, .abstand-unten-30 .animated-arrow  {
    margin-bottom: 30px!important; 
}

.box-weiss {
     margin-left: -47%;
    padding: 70px 73px 40px 252px;
    background: #fff;
    width: 78%;
    position: relative;
    z-index: 1;
}

.box-weiss-links {
    margin-left: 0%;
   padding: 70px 327px 40px 43px;
    background: #fff;
    width: 76%;
    position: relative;
    z-index: 1;
}
.box-quer {
    position: absolute;
    color: #c4baa9;
    text-transform: uppercase;
    letter-spacing: 7px;
    font-size: 27px;
    transform: translate(0,-100px) rotate(-90deg);
    -webkit-transform: translate(0,-285px) rotate(-90deg);
    transform-origin: right center;
    -webkit-transform-origin: right center;
    font-weight: 500;
    right: -50px;
}

.box-quer-links {
    position: absolute;
    color: #c4baa9;
    text-transform: uppercase;
    letter-spacing: 7px;
    font-size: 27px;
    transform: translate(0,-100px) rotate(-90deg);
    -webkit-transform: translate(0,-285px) rotate(-90deg);
    transform-origin: right center;
    -webkit-transform-origin: right center;
    font-weight: 500;
    right: auto;
    height: 700px;
      top: 230px !important;
    left: -64px;
}


.slider-post-caption {display:none !important;}

.pswp__caption__center {display:none !important;}

.tablepress tfoot th, .tablepress thead th {
    background:#FF9E00 !important;
	color:#fff !important;
	padding:10px 5px !important;
}

.tablepress .even td, .tablepress thead th {
    text-align: center;
}

.tablepress .even td:first-child, .tablepress thead th:first-child {
    text-align: left;
}

.content table, .content td, .content th {
    font-size: 90% !important;
}

iframe {border:none !important;}


.kleiner {font-size:80%;}


.vc_tta-panel-body h3 {
	font-size:180% !important;
	}
	
	.wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-heading {
			background:#EEE4D9 !important;
		}


.wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading {
	background:#e1dad2!important;
	}

.wpb-js-composer .vc_tta.vc_general .vc_tta-tab>a {
	border:none !important;
	border-radius:0 !important;
	background:#e1dad2!important;
	text-transform:uppercase !important;
	padding:12px 35px !important;
	letter-spacing:1px !important;
	font-size:120% !important;
	}



.wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab.vc_active>a {
    background:#EEE4D9 !important;
}



.wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body {
    background:#EEE4D9 !important;
	padding:35px 35px 20px !important;
	border-radius:0 !important;
}


.vc_tta-title-text {
    font-size: 80%;
}




.abstand-unten-mehr {
	margin-bottom:40px;
	}


.abstand-oben-mehr {
	margin-top:40px;
	}

html, body, body.page, .wf-container > * {
	font-size:20px !important;
	font-weight:normal !important;
	color:#5f5f5f !important;
font-family: brandon-grotesque, sans-serif !important;
	line-height: 140%;
}





.tparrows {
    background: none !important;
    width: 80px;
    height: 80px;
}

.tparrows:before {
    font-size: 95px !important;
}

#page {
	background:#f3f3f3 !important;	
}

.slick-initialized .slick-slide {
    margin: 0 4px !important;
}

.home .slick-initialized .slick-slide {
    margin: 0 25px !important;
}


.slick-dots li {background:none !important;
}

.slick-prev,.slick-next {
    left: auto !important;
    background: #c4baa9 !important;
    color: #fff !important;
    padding: 46px !important;
    height: 60px !important;
    width: 60px !important;
    line-height: 100% !important;
    right: 74px !important;
	transition: all 0.5s;
    margin-top: 105px !important;
}


.slick-prev {
    transform: scaleX(-1) !important;
}

.slick-prev:hover,.slick-next:hover {
	background: #5f5f5f!important;
	
} 


.slick-next {right:-20px !important;}

.ultsl-arrow-left2:before {
    content: "" !important;
    margin-top: 0px !important;
    margin-left: -22px;
    position: absolute;
    font-size: 18px !important;
    background: url(img/pfeil-rechts.png) top left no-repeat !important;
    height: 10px;
    width: 50px;transition: all 0.5s;
}

.slick-prev:hover .ultsl-arrow-left2:before {
    margin-left: -17px;
}


.ultsl-arrow-right2:before {
    content: "" !important;
    margin-top: 0px !important;
    margin-left: -22px;
    position: absolute;
    font-size: 18px !important;
    background: url(img/pfeil-rechts.png) top left no-repeat !important;
    height: 10px;
transition: all 0.5s;
    width: 50px;
}

.slick-next:hover .ultsl-arrow-right2:before {
    margin-left: -17px;
}



p, html, body {
	line-height:170%;
	}


a {
	color:#c4baa9;
	text-decoration:underline;
	}
	
	a:hover{
	color:#c4baa9;
	text-decoration:none;
	}

.vc_separator.vc_sep_color_grey .vc_sep_line {display:none !important;}

.vc_sep_width_100 {	
	height:8px !important;
	background:#c4baa9;
    width: 100px !important;
}
	.content ul {
    list-style-type: none !important;
    margin: 0 !important;
}


blockquote:not(.wp-block-quote) {background:none !important;
padding:0 !important;
	font-size:36px !important;
	color:#c4baa9 !important;
	letter-spacing: 5px !important;
	font-family: brandon-grotesque, sans-serif !important;
	font-weight: 500 !important;
	text-align: center !important;

}

blockquote, blockquote *, .shortcode-pullquote, .wp-block-quote cite {
	color:#c4baa9 !important;
text-align: center !important;
}


h1,h2,h3,h4,h5,h6 {
	font-family: brandon-grotesque, sans-serif !important;
	color:#5f5f5f !important;	
}

h1 {
    font-size:57px !important;
	text-align: center !important;
	text-transform: uppercase !important;
	letter-spacing: 4px !important;
	font-weight: 900 !important;
	line-height: 120% !important;
}
	
h2 {
    font-size: 34px !important;
    letter-spacing: 4px !important;
    font-weight: 500 !important;
    border-left: 7px solid #c4baa9;
    padding-left: 30px !important;
    padding-top: 20px !important;
}

h3 {
	  font-size:49px !important;
	text-align: center !important;
	text-transform: uppercase !important;
	letter-spacing: 4px !important;
	font-weight: 900 !important;
	line-height: 120% !important; 
	}


	
		h4 {
    font-size:36px !important;
	text-transform: uppercase !important;
	letter-spacing: 4px !important;
	font-weight: 800 !important;
	line-height: 120% !important;
}


.box-gesamt-links h4 {
    border-left: 6px solid #c4baa9;
    padding-left: 33px;
}


h5 {
    color: #c4baa9 !important;
    letter-spacing: 6px !important;
    font-size: 30px;
    font-weight: 400;
}
	
	h6 {
    font-size: 25px !important;
    text-transform: uppercase;
    letter-spacing: 2px !important;
    font-weight: 700;
    line-height: 134%;
}
	
	.vc_row {
    margin-bottom: 28px !important;
}

.parallax {
    height: 500px;
    margin-top: 50px;
    margin-bottom: 50px !important;
}

.parallax h4 {
    font-size:60px !important;
	text-align: center !important;
	text-transform: uppercase !important;
	letter-spacing: 4px !important;
	font-weight: 900 !important;
	line-height: 120% !important;
	color:#fff !important;
	text-align: center !important;
	}


.parallax-gruen h3 {
    font-size: 36px !important;
    text-align: left !important;
    color: #fff !important;
}
	


.parallax-gruen h3 em{
   text-transform: none !important;
	font-weight:400 !important;
	font-size:95% !important;
	font-style: normal !important;
}

.parallax-gruen {
    background: url("img/pusteblume-weiss.png") center center no-repeat, #b5ba80;
    padding: 30px 0 20px;
	    margin-top: 50px !important;
    margin-bottom: 60px !important;
}

.abstand-oben-buttons {
    top: 56px !important;
    position: absolute !important;
    right: 0;
}

.parallax-highlights {
    padding-top: 65px;
    padding-bottom: 40px;
	margin-bottom: 60px;
}

.parallax-highlights .vc_col-sm-4 .vc_column-inner {
    padding: 0px 40px 0px !important;

}

.parallax-highlights .vc_col-sm-4 .vc_column-inner::after {
    height: 170px;
    width: 5px;
    content: "";
    position: absolute;
    right: 0;
    top: 20%;
    background: #fff;
}

.parallax-highlights .kein-rand .vc_column-inner::after {
	display:none !important;
}

.parallax-highlights .vc_col-sm-4 .vc_column-inner .ult-animation.ult-animate-viewport {

}


.parallax-gold{
    padding-top: 45px;
    padding-bottom: 40px;
	margin-bottom: 60px;
}

.parallax-gold p, .parallax-gold a, .parallax-gold h5{
color:#5f5f5f !important;
}





.vc_btn3.vc_btn3-style-custom {
    color: #b5ba80 !important;
    font-weight: 500 !important;
    font-size: 20px !important;
    text-transform: uppercase;
    letter-spacing: 4px;
    background: none !important;
    border: none !important;
    padding: 0 !important;
}


		
		.vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern {
    background:url(img/button-bg.png) right top no-repeat;
    padding: 20px 48px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-size: 91%;
    border-radius: 0;
	border:none !important;
	    display: inline-block;
}
	
			.vc_btn3-container.vc_btn3-inline {
    display: block;
}


			.vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern:hover {
   background:url(img/button-bg-hover.png) right top no-repeat;
   color:#fff;
}

.vc_btn3.vc_btn3-color-grey, .vc_btn3.vc_btn3-color-grey.vc_btn3-style-flat, .vc_btn3.vc_btn3-color-green, .vc_btn3.vc_btn3-color-green.vc_btn3-style-flat, .buchen-button, .anfrage-button  {
    background: #5f5f5f;
    padding: 13px 35px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-size: 85%;
    display: inline;
    border-radius: 0;
    border: none !important;
    font-weight: 500;
	text-decoration: none !important;
	border:1px solid rgba(255,255,255,0.5) !important;
	transition: all 0.5s;
}

.vc_btn3.vc_btn3-color-green:hover, .vc_btn3.vc_btn3-color-green.vc_btn3-style-flat:hover, .buchen-button:hover  {
	background:#c4baa9 !important;
	color:#fff !important;
}
	
	.vc_btn3.vc_btn3-color-grey:hover, .vc_btn3.vc_btn3-color-grey.vc_btn3-style-flat:hover {
	background:#919191;
    color: #fff;
	}

.vc_btn3.vc_btn3-color-green, .vc_btn3.vc_btn3-color-green.vc_btn3-style-flat, .buchen-button {
	background:#b5ba80 !important;
}


.vc_btn3.vc_btn3-size-lg {
    display: block !important;
    border: none !important;
}


.buchen-button {
font-weight:700 !important;
	border:none !important;
}


.anfrage-button, .anfrage-button.large {
font-weight:700 !important;
	background:none !important;
	border:none !important;
	color:#5f5f5f !important;
}

.anfrage-button.small {
	color:#fff !important;
}


.anfrage-button:before {
    transition: all 0.5s;
    position: absolute;
    content: '';
    width: 15%;
    height: 5px;
    /* transform: rotate(-1deg); */
    background: #c4baa9;
    left: 17px;
    top: 35px;
    z-index: 1;
}

.anfrage-button:hover:before{
       width: calc(50% - 26px);
}

.buttons-footer {
    margin-top: 42px;
}

.abstand-punkt {
    color: #c4baa9 !important;
}
.hintergrund {
    background: #EEE4D9;
    padding: 40px;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 50px !important;
}

#fancy-header.content-left .breadcrumbs, #fancy-header.content-right .breadcrumbs, #fancy-header.title-center .breadcrumbs {
    display: none;
}

#bottom-bar {display:none !important;}


ul li {
    background: url(img/arrow.png) 0px 12px no-repeat;
    padding-left: 26px;
    line-height: 180%;
}




/* ----------------------- MENÜ---------------------*/

.top-bar.hide-top-bar, .top-bar.top-bar-empty {
    position: relative !important;
    visibility: visible !important;
    opacity: 1 !important;
    padding-top: 30px !important;
    height: 62px;
    left: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
}

.main-nav > li > a .menu-text {
	  letter-spacing:3px;
	  font-size:21px !important;
	}
	
	.main-nav .sub-nav > li > a .menu-text, .mini-nav .sub-nav > li > a .menu-text {
	  letter-spacing:1px;
	  font-size:17px !important;
	  
}

	
	






/* ----------------------- FOOTER ---------------------*/

.scroll-top {
    right: 10px;
    bottom: 15px;
    width: 44px;
    height: 44px;
    background-color: #FF9E00;
    border-radius: 50% !important;
}

#footer .wf-container-footer {
    padding-top: 100px !important;
    padding-bottom: 140px !important;
}
.textwidget img {
    margin-bottom: 25px !important;
}

#footer ul li {
    text-transform: uppercase;
    letter-spacing: 3px;
    font-size: 17px;
    opacity: 0.6;
    line-height: 215%;
}

#footer ul li a::before {
    transition: all 0.5s;
    position: absolute;
    content: '';
    width: 0px;
    height: 2px;
    /* transform: rotate(-1deg); */
    background: #c4baa9;
    left: auto;
    top:auto;
    z-index: 1;
	margin-top:33px;
}

#footer ul li a:hover::before{
       width: calc(28% - 26px);
}


#custom_html-3 {text-align:center !important;}

.footer .widget, .footer .tp_recent_tweets li {
    line-height: 29px;
    font-size: 21px !important;
    color: #fff !important;
	    letter-spacing: 1px;
}

.textwidget a img {
    margin-bottom: -9px !important;
    padding-right: 14px;
	width: 36px;
	    transition: all 0.5s;
}

.textwidget a:hover img {
	opacity:0.4;
}

.icon-text {
    font-size: 25px !important;
    font-weight: 600;
      line-height: 180%;
}

#footer h5 {
    letter-spacing: 3px !important;
    font-size: 32px;
    font-weight: 300;
    line-height: 137%;
	margin-bottom:30px !important;
}

#custom_html-2, #custom_html-4 {
        top: 128px;
    position: relative;
}

#custom_html-4 {
    top: 131px;
    padding-left: 68px !important;
}

.footer .widget {
    padding: 0 20px !important;
	    position: relative;
    z-index: 99;
}

.widget-title, .footer .widget-title {
	color:#000 !important;
	font-size:102%;
	text-transform:uppercase;
	letter-spacing:3px;
	font-weight:normal !important;
	margin-bottom:20px;
	}
	
	.footericons a {
		background:#fff;
		display:block;
		margin-bottom:8px;
		text-decoration:none;
		    height: 59px;
		color:#000 !important;
		}
		
		.footericons a:hover {
		opacity:0.7;
		}
		
		
			
		#footerlinks {
    width: 100%;
    position: absolute;
    padding: 35px 0;
    text-align: center;
    margin-top: -134px;
}


#footerlinks img {
    position: relative;
    top: 4px;
}

			
			#footerlinks a {
    font-size: 15px;
    margin: 0 14px;
    color: #c4baa9;
    letter-spacing: 4px;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
}

#footerlinks a::before {
    transition: all 0.5s;
    position: absolute;
    content: '';
    width: 0px;
    height: 2px;
    /* transform: rotate(-1deg); */
    background: #c4baa9;
    left: auto;
    top:70px;
    z-index: 1;
}

#footerlinks a:hover:before{
       width: calc(6% - 26px);
}


		
.footer::before {
    height: 443px;
    width: 328px;
    content: "";
    z-index: 0;
    background: url(img/deko-footer.png) right bottom no-repeat;
    right: 60px;
    bottom: 0;
	z-index: 0;
    position: absolute;
}
		
			#footerlinks a:hover{
		opacity:0.4;
				}
				
		
		.footericons img{
			background:#D5BB9F;
			padding:12px;
			text-decoration:none;
			float:left;
			}
		
		.footertext {
    margin: 15px 30px;
    position: absolute !important;
}






			@media screen and (max-width: 1460px) { 
			
			.scroll-footer {
    margin-top: -650px;
}
	.scroll-footer #nc_btnf {
    font-size: 16px !important;
}
				
	.icons a {
    letter-spacing: 1px;
}		
		
	.sprache, .sprache.large {
    right: 436px;
}			
		
				.box-bild {
    left: -300px;
	width: 45%;
}
				
	.box-weiss {
    margin-left: -53%;
    padding: 70px 73px 40px 401px;
    width: 77%;
}
				
	.box-gesamt-links {
    margin-left: -50px;
    margin-right: -50px;
}			
				
			
			}



			@media screen and (max-width: 1360px) { 
			
				
	#rev_slider_1_1, .fancy-header {
    margin: 120px 75px 0 75px !important;
}
				
	.links-header {
    right: -109px;
}			
	.jumbo-buttons-wrapper, .jumbo-buttons-wrapper.large {
    left: 77px;
}
				
		.logo, .logo.large {
    width: 193px;
    margin-left: -74px;
}
				
	.buttons-header {
    right: 76px;
}
				
		.buttons-header .buchen-button, .buttons-header .anfrage-button {
    padding: 13px 21px;
			font-size: 75%;
}
		
				
				.sprache, .sprache.large {
    right: 365px;
	top: 48px;
}
				
		#flags.size22 a.united-states[title="English"], .tool-container a.united-states[title="English"], a.single-language.united-states[title="English"] span.size22, #flags.size22 a[title="German"], .tool-container .tool-items a[title="German"], a.single-language[title="German"] span.size22 {
    background-size: 20px auto !important;
}		
				
				
		#flags li {
    margin: 0 7px !important;
}
				
	.icons a {
    font-size: 16px;
}
		
		.scroll-header {
    right: 155px;
}
	
	#button-header {
    width: 177px;
    right: 223px;
    margin-top: -178px;
}
				
				
				.logo.small {
    background-size: 189px auto;
    margin-top: -11px;
}
				
	
		.box-gesamt-links {
   
    margin-left: -20px;
    margin-right: -20px;
}
				
		.slick-next, .slick-prev {
    top: 25% !important;
    
}
				
			.jumbo-by-bonfire .sub-menu > li > a {
    margin-right: 17px !important;
}
				
				.fancy-header .wf-wrap {
    min-height: 715px !important;
}
				
				
			}





			@media screen and (max-width: 1200px) { 
			
	
			#custom_html-4 {
    padding-left: 50px !important;
}
				
				
	#footer ul li {
    font-size: 15px;
}
				
	.vc_btn3.vc_btn3-color-grey, .vc_btn3.vc_btn3-color-grey.vc_btn3-style-flat, .vc_btn3.vc_btn3-color-green, .vc_btn3.vc_btn3-color-green.vc_btn3-style-flat, .buchen-button, .anfrage-button {
    font-size: 70%;
}
				
	#rev_slider_1_1, .fancy-header {
    margin: 104px 45px 0 45px !important;
}
				
		#rev_slider_1_1_wrapper .ares .tp-bullet {
    margin-bottom: -11px !important;
    margin-left: 19px !important;
    width: 13px !important;
    height: 13px !important;
}
				
				
			
	.links-header a {
    letter-spacing: 3px;
    font-size: 13px;
    margin: 0px 25px;
}
				
		.links-header {
    right: -123px;
    top: 66px;		
			}
				
				
	.grau-bg {
    height: 630px;
}			
	
				
	.scroll-header {
    right: 116px;
}
				
				.scroll-header .scroll-linie {
    top: 53px;
    left: -34px;
    width: 108px;
}
		
#button-header {
    width: 167px;
    right: 187px;
    margin-top: -181px;
}
				
				
	.jumbo-buttons-wrapper, .jumbo-buttons-wrapper.large {
    left: 45px;
		    top: 40px;

}
				
	.jumbo-by-bonfire {
    padding: 0 20px !important;
}
				
				
.jumbo-menu-button-label::before {
    font-size: 26px !important;
    top: 2px;
}
				
		
	.icons, .icons.large {
    top: 38px;
}			
	
				
				
.buttons-header {
    right: 46px;
    top: 39px;
}				

				
	.logo, .logo.large {
    width: 180px;
    margin-left: -69px;
    top: -16px;
}
				
.sprache, .sprache.large {
    right: 309px;
    top: 41px;
}				
	.buttons-header .buchen-button, .buttons-header .anfrage-button {
    padding: 13px 21px;
    font-size: 72%;
    letter-spacing: 2px;
}
				
	#flags li {
    margin: 0 6px !important;
}
				
				
	.logo, .logo.large {
    width: 180px;
    margin-left: -59px;
    top: -16px;
}			

				.icons img {
    height: 24px;
    margin-right: 5px;
    top: 7px;
}
				
.icons a {
    font-size: 15px;
}				
				

	.balken.small {
    height: 93px;
}
		
	.logo.small {
    background-size: 159px auto;
    margin-top: -19px;
}
				
				
.jumbo-buttons-wrapper.small {
    margin-left: -22px;
}
							
.icons.small {
    margin-left: -21px;
}
	
				
.box-bild {
    left: -250px;
}
				
	
				
.box-weiss {
    margin-left: -53%;
    padding: 70px 57px 40px 367px;
    width: 77%;
}
			
				
.parallax h4 {
    font-size: 50px !important;
}
				
.slick-next, .slick-prev {
    top: 15% !important;
}				
	
				
				h4 {
    font-size: 32px !important;
}
			
				
	.menu-hauptmenue-container {
		width:60% !important;
				}
		
				
				
}
			
			
			
				@media screen and (max-width: 1050px) { 
					
						.slick-next, .slick-prev {
    top: 0% !important;
    margin-top: 50px !important;
    margin-right: 24px;
}
					
					.fancy-header .wf-wrap {
    min-height: 550px !important;
}
				
					#fancy-header {
    margin-bottom: 60px !important;
}
				
		.balken.small, .balken.large, .balken {
    position: absolute !important;
    background: none;
    height: auto;
    margin-top: -16px;
    top: 0;
}
					
					
	
#footerlinks a {
    font-size: 14px;
    margin: 0 8px;
}
					
	#footer h5 {
    font-size: 27px;
		    letter-spacing: 2px !important;
}
			
					
	.scroll-footer {
    margin-top: -675px;
}
		#custom_html-4 {
    padding-left: 30px !important;
}
					
	.icon-text {
    font-size: 23px !important;
}
				
					.text-icon {display:none;}		
					
					
				.logo, .logo.large {
    width: 165px;
}
					
					
	.icons, .icons.large {
    left: 26%;
}				
		
	.buttons-header .buchen-button, .buttons-header .anfrage-button {
    padding: 13px 18px;
    font-size: 69%;
    letter-spacing: 2px;
}
					
#rev_slider_1_1, .fancy-header {
    margin: 0px 45px 0 45px !important;
}
					
					
					.anfrage-button {display:none;}	
					
	.sprache, .sprache.large {
    right: 196px;
    top: 41px;
}
					
					
					.links-header {display:none !important;}			
		
					#main {
    padding: 24px 0 40px 0 !important;
}
					
	.scroll-header .scroll-linie {
    top: 42px;
}
				
					
	.scroll-header {
    right: 97px;
}
					
					
.scroll-header #nc_btn {
    letter-spacing: 3px;
    font-size: 16px !important;
}
		
#button-header {
    width: 149px;
    right: 154px;
    margin-top: -171px;
}
		
	.jumbo-buttons-wrapper, .jumbo-buttons-wrapper.large, .jumbo-buttons-wrapper.small {
    left: 45px;
    top: 24px !important;
		position: absolute !important;
		margin-left: 0 !important;
		margin-top:0 !important;
}
			
					.sprache.small, .sprache, .sprache.large {
    filter: none!important;
    -webkit-filter:none;
}
				
					
					
	h1 {
    font-size: 46px !important;
		margin-top: -20px;
}
			
					
	#main-slideshow {
    margin-bottom: 70px !important;
}
		
					
.box-gesamt {
    margin-top: 60px !important;
    left: 0px;
    margin-left: 0;
    margin-right: 0;
}
	.box-bild {
    left: 0;
    width: 100%;
    margin-left: 0 !important;
    right: auto !important;
}
					
				
					.box-bild .vc_column-inner {padding:0 !important;} 
					.wpb_single_image .vc_figure, .wpb_single_image img, .wpb_single_image .vc_single_image-wrapper {width:100% !important;}
					
					.parallax-highlights .wpb_single_image .vc_figure,  .parallax-highlights .wpb_single_image img, .parallax-highlights .wpb_single_image .vc_single_image-wrapper {width:auto !important;}
					
				.box-weiss {
    margin-left: 0;
    padding: 30px !important;
    width: 92%;
    margin-top: 0px;
}
					
					
			html, body, body.page, .wf-container > * {
    font-size: 18px !important;
}
			
					
	.bg-pusteblume::after {
    top: -200px;
    margin-left: -36%;
}
					
		h3 {
    font-size: 41px !important;
}
		
	blockquote:not(.wp-block-quote) {
    font-size: 28px !important;
    letter-spacing: 4px !important;
}				
		
					
	.parallax h4 {
    font-size: 47px !important;
}
		
	.parallax {
    height: 420px;
    margin-top: 21px;
    margin-bottom: 34px !important;
}
					
	.parallax-gruen h3 {
    font-size: 31px !important;
}
.parallax-gruen h3 em {
    font-size: 83% !important;
    letter-spacing: 3px;
}				
		
					
		.parallax-gruen {
    margin-top: 27px !important;
    margin-bottom: 45px !important;
}
	
	h5 {
    letter-spacing: 4px !important;
    font-size: 24px;
}				
				
			.parallax-highlights .vc_col-sm-4 .vc_column-inner {
    padding: 0px 22px 0px !important;
}		
					
	.grau-bg {
    height: 522px;
}
	
					
					.box-gesamt-links {
    margin-left: 0px;
    margin-right: 0px;
}
					
					.box-gesamt-links .vc_column-inner {
   padding:0 !important;
}
					
			
					.box-weiss-links {
    margin-left: 0%;
    padding: 50px !important;
    width: 100%;
}
					
	.box-bild-links {
    margin-top: 0;
    position: relative !important;
    z-index: 2;
    right: 0;
		margin-top:-50px !important;
    width: 100% !important;
}
			
					.home .slick-track {
    padding-top: 0px !important;
}

	.home .slick-next, .home .slick-prev {
    top: 0% !important;
    margin-top: -45px !important;
}
					
	.jumbo-widgets-wrapper {
    width: 250px;
    padding: 42px !important;
}
					
					
	.jumbo-by-bonfire .menu > li > a {
    font-size: 33px !important;
}
					
		
				
					
			}
			




@media screen and (max-width: 850px) { 
	
	
	.fancy-header .wf-wrap {
    min-height: 480px !important;
}
	
	
#footer h5 {
    font-size: 25px;
    letter-spacing: 1px !important;
}
	
	
.textwidget img {
    width: 224px;
}

	.footer .widget, .footer .tp_recent_tweets li {
    font-size: 19px !important;
}

	
	.icon-text {
    font-size: 22px !important;
}
	.vc_btn3.vc_btn3-color-grey, .vc_btn3.vc_btn3-color-grey.vc_btn3-style-flat, .vc_btn3.vc_btn3-color-green, .vc_btn3.vc_btn3-color-green.vc_btn3-style-flat, .buchen-button, .anfrage-button {
    padding: 13px 24px;
	}
	
#custom_html-4 {
    padding-left: 20px !important;
}
	
	.scroll-footer #nc_btnf {
    font-size: 14px !important;
    letter-spacing: 3px;
}
	
	
	.scroll-footer .scroll-linie-footer {
    left: 133px;
    width: 114px;
}
	
	.textwidget img {
    margin-bottom: 39px !important;
	}
	
	
	
	
.parallax-gruen h3 em {
    font-size: 83% !important;
    letter-spacing: 2px;
}
	
	.parallax-gruen h3 {
    font-size: 28px !important;
}
	
	.parallax-gruen {
    padding: 20px 0 11px;
}
	.parallax-gruen {
    margin-top: 13px !important;
    margin-bottom: 37px !important;
}

	
	
	.jumbo-by-bonfire .menu > li > a {
    font-size: 29px !important;
}
			
	.jumbo-by-bonfire .sub-menu > li {
    display: block !important;
    line-height: 25px !important; 
}
	
	
			}
			
			
			
			
			@media screen and (max-width: 778px) { 
	
				.slick-next, .slick-prev {
    top: 0% !important;
    margin-top: 15px !important;
    margin-right: -16px;
}
				
#custom_html-2, #custom_html-4 {
    top: 0;
}
			
	
		.fancy-header .wf-wrap {
    min-height: 380px !important;
    height: auto !important;
}
				
		
.textwidget{
    text-align: center !important;
}
				
	#footer .wf-container-footer {
    padding-top: 68px !important;
    padding-bottom: 43px !important;
}
				
				
		#footer h5 {
    line-height: 122%;
    margin-bottom: 22px !important;
}
		
				#custom_html-3 img {display:none;}
				
				
				
	#custom_html-2, #custom_html-4 {
    margin-bottom: 0 !important;
}
				
				#footer h5 {display:none;}	
				
				.textwidget a img {
   display:inline !important;
}
				
				#footer ul li {
					background:none !important;
					padding-left:0 !important;
				}
				
			
			
.abstand-punkt {
    display: block;
    opacity: 0;
    height: 1px;
}


#footerlinks {
    margin-top: 0;
    padding: 28px 0 72px;
}
				
.scroll-footer #nc_btnf {
    color: #c4baa9 !important;
}

.ult-carousel-wrapper {
    padding-bottom: 20px !important;
}

.scroll-footer .scroll-linie-footer {
    top: 38px;
}


.scroll-footer {
    margin-top: -62px;
    right: 54px;
}
	
#custom_html-2 {
    margin-bottom: -20px !important;
}

				
	.buttons-header {
   display:none !important;
}
				
	.buttons-header .buchen-button, .buttons-header .anfrage-button {
    width: 50% !important;
    float: left;
    text-align: center;
    display: block !important;
    padding: 10px 0 !important;
}
				
				.buttons-header-mobile {display:block!important;
				 right: auto;
    top: auto;
    width: 100% !important;
    bottom: 0;
    left: 0;
    position: fixed;
				    z-index: 999;}
				
				
				.anfrage-button:before {
					display:none !important;
				}
				
				.anfrage-button, .anfrage-button.large{background:#5f5f5f !important;
					color:#fff !important;
					display: block !important;
				}
				
				
		#rev_slider_1_1, .fancy-header {
    margin: 12px 0px !important;
}
				
				
.grau-bg {
    height: 100px;
    width: 100%;
}
				
.jumbo-menu-button-label::before {
    font-size: 23px !important;
    top: 4px;
}
				
				
	.jumbo-buttons-wrapper, .jumbo-buttons-wrapper.large {
    left: 30px;
    top: 20px;
}
				
				
	.logo, .logo.large {
    width: 146px;
    top: -8px;
}
				
				
.icons, .icons.large, .icons.small {
    left: auto;
    right: 0;
    width: 86px;
    top: 20px;
	top: 33px;
}
				
.scroll-header #nc_btn {
    font-size: 13px !important;
}
				
.scroll-header .scroll-linie {
    left: -14px;
    width: 86px;
}				
	
.scroll-header {
    right: 50px;
}
				
#button-header {
    width: 130px;
    right: 102px;
}
		
				.sprache, .sprache.large, .sprache.small {
    filter: brightness(100) !important;
    -webkit-filter: brightness(100);
					right:100px;
					top: 38px;
}
	
				
				.jumbo-buttons-wrapper, .jumbo-buttons-wrapper.large, .jumbo-buttons-wrapper.small {
    left: 30px !important;
    top: 18px !important;
    margin-top: 0 !important;
}
				
			
				
h1 {
    font-size: 34px !important;
    margin-top: -20px;
}				
				
		
				.box-quer {display:none !important; }
		
				
				.box-weiss {
    width: 100%;
}
				
				
.bg-pusteblume::after {
    top: -111px;
    margin-left: 0%;
    background-size: 400px auto !important;
				}
	
	
		
	h2 {
    font-size: 27px !important;
    letter-spacing: 3px !important;
}			
				
				.parallax-highlights .vc_col-sm-4 .vc_column-inner::after {display:none !important;}	
				
				.parallax-highlights .vc_col-sm-4  {padding-bottom:20px !important;}
				
				.parallax-highlights {
    padding-top: 50px;
    padding-bottom: 15px;
}
	
				h3 {
    font-size: 33px !important;
}
				
				blockquote:not(.wp-block-quote) {
    font-size: 26px !important;
    letter-spacing: 4px !important;
}
	.parallax h4 {
    font-size: 36px !important;
}
				
	.parallax {
    height: 300px;
}			
				
	.parallax h4 {
    margin-top: -20px;
}
		
		.slick-next {
    right: 20px !important;
}
				
	.slick-prev, .slick-next {
    padding: 38px !important;
}			
	
	.slick-prev {
    right: 97px !important;
}			
	
				
	#button-header {
    margin-top: -143px;
}
				
				.parallax-gruen {
    margin-top: -30px !important;
    margin-bottom: 30px !important;
}
				
	h4 {
    font-size: 29px !important;
}
				
	 .vc_row-has-fill + .vc_row-full-width + .vc_row > .vc_column_container > .vc_column-inner{
    padding-top: 15px !important;
}
	
				#main {
    padding: 20px 0 0px 0 !important;
}
	
				
				.abstand-oben-buttons {
    top: 0px !important;
    position: relative !important;
    right: auto;
    width: 100% !important;
					margin-top: -50px;
    left: 0 !important;
}
				
				.abstand-oben-buttons .vc_col-sm-6 {width:50% !important; float: left;}
				
				
	.vc_btn3-container.vc_btn3-right {
    text-align: left !important; 
}		
				
				.abstand-oben-buttons .vc_btn3 {
				display:block !important;
					
				}
				
	.parallax-gruen {
    padding: 17px 0 0px;
}
				

				.parallax-gruen h3 {
    text-align: center !important;
}
	.scroll-header {
    margin-top: -233px;
}
				
				.jumbo-widgets-wrapper {display:none !important;}
				
				
				
	.jumbo-by-bonfire .menu > li > a {
    font-size: 24px !important;
}
				
				
	.jumbo-by-bonfire .sub-menu > li > a {
    font-size: 16px;
}
				
				.bonfire-jumbo-main-desc {display:none !important;}		
				
				.menu-hauptmenue-container {
    width: 100% !important;
}
		
				
				.parallax-gold {
    padding-top: 21px;
    padding-bottom: 18px;
}
				
		
				.jumbo-by-bonfire li {
    background: url(img/arrow.png) 0px 17px no-repeat;
}
				
				
}


			
			@media screen and (max-width: 600px) { 
				
				.parallax-gold {
    padding-top: 0;
}
	
				
				#content .vc_btn3.vc_btn3-color-grey, #content .vc_btn3.vc_btn3-color-grey.vc_btn3-style-flat, #content .vc_btn3.vc_btn3-color-green, #content .vc_btn3.vc_btn3-color-green.vc_btn3-style-flat {
    display: block !important;
    margin-bottom: -20px !important;
}
				
				
				.fancy-header .wf-wrap {
    min-height: 300px !important;
}
				
				
				.jumbo-by-bonfire .menu > li > a {
    font-size: 21px !important;
    letter-spacing: 3px;
}
				
			

.footer .widget, .footer .tp_recent_tweets li {
    font-size: 18px !important;
}
				
#footerlinks a {
    font-size: 13px;
    margin: 0 8px;
    letter-spacing: 2px;
    font-weight: 700;
}
				
	.jumbo-buttons-wrapper, .jumbo-buttons-wrapper.large, .jumbo-buttons-wrapper.small {
    left: 14px !important;
    top: 14px !important;
}
		.jumbo-menu-button-label::before {
    font-size: 19px !important;
    top: 4px;
    letter-spacing: 1px;
}
				
				
		.jumbo-menu-button::after, .jumbo-menu-button::before {
    width: 30px !important;
			height:3px !important;
}
				
			.jumbo-menu-button div.jumbo-menu-button-middle {
    margin: 2px 0 5px 10px !important;
    width: 20px !important;
				height:3px !important;
}
		.jumbo-menu-button-label::before {
    left: 40px;
    top: 3px !important;
}
	.logo, .logo.large, .logo.small {
    width: 132px;
    top: -12px;
    margin-left: -69px;
}
				
				
	#rev_slider_1_1, .fancy-header {
    margin: 0 !important;
}
	.icons img {
    height: 22px;
    margin-right: 2px;
    top: 0px;
}
				
				
	.icons, .icons.large, .icons.small {
    width: 77px;
}	
				
				
	.sprache, .sprache.large, .sprache.small {
    right: 88px;
    top: 33px;
}
		
				#flags li {
    margin: 0 3px !important;
}
				
				
				.scroll-header, .home .scroll-header {display:none !important;}
				
			#button-header {
    width: 118px;
    right: 19px;
    margin-top: -129px;
}
				
		#main {
    padding: 0px 0 0px 0 !important;
}	
				
	h1 {
    font-size: 32px !important;
}
				
	
				
	h2 {
    font-size: 27px !important;
    letter-spacing: 3px !important;
    border: none;
    padding: 0 !important;
    line-height: 120% !important;
}			
	
				
				.box-weiss {
    padding: 37px 23px 20px !important;
}
	
				
				h6 {
    font-size: 21px !important;
}
	
h3 {
    font-size: 28px !important;
}
				
	blockquote:not(.wp-block-quote) {
    font-size: 22px !important;
    letter-spacing: 4px !important;
}
				
	.parallax h4 {
    font-size: 28px !important;
}
				
				
	.parallax {
    height: 255px;
}		
				
				.box-gesamt-links h4 {
    border-left: 0;
    padding-left: 0;
}
		
				h4 {
    font-size: 25px !important;
}
				
				.box-weiss-links {
    padding: 50px 30px !important;
}
		
				
				
		.jumbo-by-bonfire {
    vertical-align: top !important;
    display: table-cell;
}
		.jumbo-by-bonfire {
    padding: 65px 5px !important;
}		
				
				
				.EBCTG-flex-direction-nav .EBCTG-flex-next {
    right: 0px !important;
    bottom: 0px;
}
				
				.EBCTG-flex-direction-nav .EBCTG-flex-prev {
    right: 78px !important;
			bottom: 0px;		
				}
		
				.EBCTG-prices-link {display:block !important;}
				
			}



	
			
			@media screen and (max-width: 480px) { 
				
				#content ul li {
    background: url(img/arrow.png) 0px 9px no-repeat;
}
				
				
				h3 {
    word-break: break-word;
}
				
			#flags.size22 a.united-states[title="English"], .tool-container a.united-states[title="English"], a.single-language.united-states[title="English"] span.size22, #flags.size22 a[title="German"], .tool-container .tool-items a[title="German"], a.single-language[title="German"] span.size22 {
    background-size: 17px auto !important;
}
				
#flags {
    width: 33px;
}
				
	´#flags li {
    margin: 0 0px !important;
    height: 17px;
}
				
				
.logo, .logo.large, .logo.small {
    width: 106px;
    margin-left: -55px;
    top: -2px;
}	
				
			html, body, body.page, .wf-container > * {
    font-size: 16px !important;
}	
		
				
				#button-header {
    margin-top: -123px;
}
				
				
				h1 {
    font-size: 26px !important;
					    margin-bottom: -20px !important;
					    letter-spacing: 2px !important;
}
				
		.box-weiss {
    padding: 29px 3px 15px !important;
}
				
		h2 {
    font-size: 23px !important;
    letter-spacing: 2px !important;
			margin-bottom:-15px !important;
}
				
	.parallax-highlights {
    padding-top: 42px;
    padding-bottom: 0px;
}
				
		
				blockquote:not(.wp-block-quote) {
    font-size: 21px !important;
    letter-spacing: 4px !important;
    margin-top: -20px;
    margin-bottom: -16px !important;
}
	
				
				.parallax h4 {
    font-size: 24px !important;
    letter-spacing: 2px !important;
}
		.parallax-highlights .vc_col-sm-4 {
    padding-bottom: 0px !important;
}
				
				
				.parallax {
    height: 212px;
}
				
	h4 {
    font-size: 22px !important;
		margin-top: -15px;
}			
		
				.animated-arrow {
    font-size: 18px !important;
    letter-spacing: 3px;

}
				
	.parallax-gruen h3 {
    font-size: 24px !important;
}
				
		
				
	h5 {
    letter-spacing: 3px !important;
    font-size: 22px;
}			
		
				#footer ul li {
    font-size: 13px;
}
				
				.scroll-footer #nc_btnf {
    font-size: 12px !important;
    letter-spacing: 2px;
}
				
				.scroll-footer .scroll-linie-footer {
    top: 27px;
    left: 120px;
    width: 81px;
}
				
		.scroll-footer {
    margin-top: -64px;
    right: 18px;
}		
				
			.icon-text {
    font-size: 20px !important;
}
			.abstand-oben-buttons .vc_column-inner {
					padding:0 !important;
				}
				
			.abstand-oben-buttons {
    margin-top: -20px;
    padding: 0 43px !important;
}
		
				.jumbo-menu-button-label::before {
        left: 25px;
    top: 5px !important;
    font-size: 16px !important;
	
				
			}

				
				.jumbo-menu-button::after, .jumbo-menu-button::before {
    width: 16px !important;
}
				
				.jumbo-menu-button div.jumbo-menu-button-middle {
    width: 16px !important;
    margin: 0 !important;
}
				
		.icons img {
    height: 20px;
    margin-right: 0px;
    top: 0px;
}

.icons, .icons.large, .icons.small {
    width: 62px;
    top: 36px;
    right: 31px;
}
	.sprache, .sprache.large, .sprache.small {
    right: 0px;
    top: 31px;
    width: 64px;
}
	#flags {
    width: 36px !important; 
}
				
				
	#flags li {
    height: 17px;
}			
				
				
	#footer .wf-container-footer {
    padding-top: 45px !important;
    padding-bottom: 32px !important;
}
				
	
				
				
	.jumbo-by-bonfire .menu > li > a {
    font-size: 18px !important;
		    margin-top: 10px !important;
    letter-spacing: 3px;
}			
				
	.jumbo-by-bonfire .sub-menu > li > a {
    font-size: 17px;
    line-height: 10px;
    letter-spacing: 2px !important;
    text-transform: none;
}			
		
				.jumbo-by-bonfire li ul.sub-menu {
    margin: 0 !important;
}
				
				.menu li, .qts-lang-menu li, .widget_pages li {
    padding: 7px 0 0 !important;
}
				
				.jumbo-by-bonfire .sub-menu > li > a {
    font-size: 16px;
}
	
				.fancy-header .wf-wrap {
    min-height: 220px !important;
}
				
				
}


