/* roboto-condensed-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/roboto-condensed-v31-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

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

/* roboto-condensed-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/roboto-condensed-v31-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-condensed-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/roboto-condensed-v31-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-slab-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-slab-v36-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-slab-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/roboto-slab-v36-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

:root {
    --yellow: #ffbc00;
    --white:#fff;
    --black:#212529;
    --blue:#8ad1f6;
}

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
    overflow-x: hidden;
    max-width: 100vw;
    position: relative;
    font-family: 'Roboto Slab';
    line-height: 1.459999;
}
.weissbackground,
.blaubackground,
.gelbbackground {
	padding: 70px 0 70px;
}

.toptext.weissbackground {
	padding: 0 0 60px;
}

.weissbackground,
.blaubackground {
	padding-top: 60px;
}

.weissbg1 {
	padding-top: 60px;
	padding-bottom: 70px;
}

.weissbg2 {
    margin-top: -70px;
	padding-top: 0;
	padding-bottom: 70px;
}

h1,h2,h3,h4,h5, .toptext p {
    font-family: 'Roboto Condensed';
    font-weight: 700;
}

h2 {
    color:var(--yellow);
    margin-top: 0;
}

h4 {
    margin-bottom: 0;
}

p.nomargin {
	margin-bottom: 10px;
}

.t4-footer h4 {
	margin-bottom: 5px;
	font-size: 120%;
}

.row {
	--t4-gutter-x: 0;
}

@media (min-width: 768px) {
  .t4-main-body {
    padding-top: 3rem;
    padding-bottom: 0;
  }
}

.item-page [itemprop="articleBody"] {
	margin-top: 1rem;
	margin-bottom: 0;
}

.t4-section-inner.container {
	width: 100vw !important;
	max-width: 100vw !important;
}

/*****************/

.headerlogo {
	position: absolute;
	top: 0;
	height: 100vh;
}

.headlogo {
	max-width: 700px;
	float: right;
	width: 40vw;
	margin-top: 40px;
}

.headbutton {
	position: absolute;
	top: 69vh;
	left: 62vw;
    transition: all .3s;
}

.headbutton:hover {
	transform: rotate(-6deg);
}
/*
#Bestellformular {
	margin-top: -40px;
	margin-bottom: 40px;
}
*/
/*****************/

.toptext {
	width: 999px;
	max-width: 90vw;
}

.toptext p {
	font-weight: 600;
	font-size: 120%;
}

.toptext h4 {
	margin-bottom: 60px;
}

.quotations {
	font-size: 200%;
	line-height: 30%;
	display: inline-block;
	color: var(--yellow);
	font-style: italic;
	font-weight: 900;
}

.quotations.quotaleft {
	margin: 0 10px 0 -10px;
}

.gelbbackground {
	background: var(--yellow);
}

.blaubackground {
	background: var(--blue);
}

.blaubackground h2,
.gelbbackground h2 {
	color: var(--white);
}

.logowhite {
	height: auto;
	width: auto;
	max-height: 200px;
    margin-left: -10px;
}

@media (max-width: 1210px) {
    .headbutton {
            width: 230px;
    }
}

@media (max-width: 767px) {
    body {
        font-size: 17px;
    }

    .headlogo {
	max-width: 700px;
	width: 60vw;
    margin-top: 10px;
    }
    .toptext h4 {
        margin-bottom: 40px;
        font-size: 21px;
    }
    
.headbutton {
	left: 51vw;
	width: 169px;
	top: 29vh;
    z-index: 9;
}
    
    h1, .h1 {
	font-size: 37px;
    }
    h2 {
        font-size:29px;
    }
    h3 {
        font-size:22px;
    }
    .wf-columns-layout-1-4 > .wf-column:last-child, .wf-columns-layout-4-1 > .wf-column:first-child {
        width: 95%;
    }
}

b, strong {
	font-weight: 700;
}

ol, ul, dl {
	padding-left: 22px;
}

.container, .t4-masthead .t4-masthead-detail, .container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm {
	--t4-gutter-x: 0;
}

@media (max-width: 767px) {
    .container, .t4-masthead .t4-masthead-detail, .container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm {
        max-width: 90vw;
    }
}

#t4-masthead {
	max-height: 100vh;
	position: relative;
	overflow: hidden;
}


.profile-1 .ig-gallery-wrapper, .profile-1 .igui-grid > * > :last-child {
	max-width: 100vw !important;
    position: relative;
      z-index: 0;
}

.profile-1 .ig-slideshow-item-inner, .profile-1 .ig-slideshow-item-inner-lboxon {
	background-size: cover;
	background-position: center;
	width: 100vw;
	max-height: 100vh !important;
}

.profile-1 .ig-slideshow ul {
	margin-bottom: 0px;
	max-height: 92vh;
    min-height: 92vh;
}
@media (max-width: 767px) {  
    .wf-columns.wf-columns-stack-medium.wf-columns-layout-auto.container.toptext {
        margin-top: 100px;
    }

    .profile-1 .ig-slideshow ul {
      	max-height: 38vh;
        min-height: 38vh;
    }
}

.wf-columns.imageslider .wf-column {
	/*align-content: center;*/
}

.profile-2 .ig-gallery-wrapper {
	display: flex !important;
	margin-top: 0px;
	margin-bottom: 0px;
	max-width: 469px !important;
	width: 86% !important;
}

.igui-position-center-left {
	left: -45px;
}

.igui-position-center-right {
	right: -45px;
}

.profile-2 .ig-slideshow-item-inner {
	height: 100%;
}

.profile-2 .ig-slideshow-button svg {
	background: none;
	width: 25px;
}
.profile-2 .igui-light .igui-search-toggle:focus, 
.profile-2 .igui-light .igui-search-toggle:hover, 
.profile-2 .igui-light .igui-slidenav, 
.profile-2 .igui-overlay-primary .igui-search-toggle:focus, 
.profile-2 .igui-overlay-primary .igui-search-toggle:hover, 
.profile-2 .igui-overlay-primary .igui-slidenav {
	color: rgba(0,0,0,.7);
}

.igui-icon [STROKE*="#"]:not(.igui-preserve), .igui-icon [stroke*="#"]:not(.igui-preserve) {
	stroke: var(--black);
	stroke-width: 3px;
}

.mehrbox1 {
	display: none;
}

.moreless {
	font-weight: 600;
	border-bottom: 1px solid;
    position:relative;
    padding-left: 23px;;
}

.moreless::before {
	content: '';
	position: absolute;
	left: 0;
	background: url(../images/arrow.svg) no-repeat center;
	width: 20px;
	height: 30px;
	top: 1px;
}

@media (max-width: 767px) {
.moreless::before {
	top: -3px;
    }
}

.hideme {
	display: none;
}

#wenigerbox1::before {
	transform: rotate(180deg);
}

/* FAQ */
.faq {
	background: var(--colorgruendark);
    color:var(--colorwhite);
    margin-bottom: -12px;
}

.faq h2 {
    color:var(--colorgruen);
}

.faq a {
    color:var(--colorwhite);
}

[data-rlta-element="container"][data-rlta-state="ready"][data-rlta-theme="neutral"][data-rlta-type="accordions"] > [data-rlta-element="button"] {
	border: 0;
	border-radius: 0;
	padding: 1rem 0 0 40px;
	background: none !important;
    transition: all .3s;
}

[data-rlta-element="container"][data-rlta-state="ready"][data-rlta-theme="neutral"][data-rlta-type="accordions"] > [data-rlta-element="button"]:hover {
	opacity: .5;
}

[data-rlta-element="container"][data-rlta-state="ready"][data-rlta-theme="neutral"][data-rlta-type="accordions"] > [data-rlta-element="panel"], [data-rlta-element="container"][data-rlta-state="ready"][data-rlta-theme="neutral"][data-rlta-type="tabs"] > [data-rlta-element="panels"] > [data-rlta-element="panel"] {
	background: none;
	border: 0;
	border-radius: 0;
    padding:0;
}

[data-rlta-element="container"][data-rlta-state="ready"][data-rlta-type="accordions"] > [data-rlta-element="button"] > [data-rlta-element="heading"], [data-rlta-element="container"][data-rlta-state="ready"][data-rlta-type="tabs"] > [data-rlta-element="button-list"] > [data-rlta-element="button"] > [data-rlta-element="heading"] {
	font-size: 28px;
	font-weight: 600;
	margin: 0;
	padding: 0;
	width: 100%;
    position: relative;
}

@media(max-width: 991px) {
.hidemobile {
	display: none;
}
[data-rlta-element="container"][data-rlta-state="ready"][data-rlta-type="accordions"] > [data-rlta-element="button"] > [data-rlta-element="heading"], [data-rlta-element="container"][data-rlta-state="ready"][data-rlta-type="tabs"] > [data-rlta-element="button-list"] > [data-rlta-element="button"] > [data-rlta-element="heading"] {
	font-size: 24px;
}
}

@media(max-width: 767px) {
    [data-rlta-element="container"][data-rlta-state="ready"][data-rlta-type="accordions"] > [data-rlta-element="button"] > [data-rlta-element="heading"], [data-rlta-element="container"][data-rlta-state="ready"][data-rlta-type="tabs"] > [data-rlta-element="button-list"] > [data-rlta-element="button"] > [data-rlta-element="heading"] {
        font-size: 19px;
    }
    [data-rlta-element="container"] > [data-rlta-element="button"] > [data-rlta-element="heading"]::before {
        margin: -7px 0 0 0;
    }
}

[data-rlta-element="container"][data-rlta-state="ready"][data-rlta-theme="neutral"][data-rlta-type="accordions"] > [data-rlta-element="panel"] > [data-rlta-element="panel-content"], [data-rlta-element="container"][data-rlta-state="ready"][data-rlta-theme="neutral"][data-rlta-type="tabs"] > [data-rlta-element="panels"] > [data-rlta-element="panel"] > [data-rlta-element="panel-content"] {
	padding: 0 0 0 40px;
}

[data-rlta-element="container"] > [data-rlta-element="button"] > [data-rlta-element="heading"]::before {
	content: '';
	position: absolute;
	left: -38px;
	background: url(../images/arrow.svg) no-repeat center;
	width: 29px;
	height: 40px;
	transition: all .3s;
	filter: brightness(0) saturate(100%) invert(99%) sepia(3%) saturate(1%) hue-rotate(275deg) brightness(104%) contrast(100%);
	top: -4px;
}

[data-rlta-element="container"][data-rlta-state="ready"][data-rlta-theme="neutral"][data-rlta-type="accordions"] > [data-rlta-element="button"]:not([data-rlta-state="closed"]) h3::before {
	content: '';
	width: 29px;
	height: 50px;
	transform: rotate(90deg);  
    filter: brightness(0) saturate(100%) invert(99%) sepia(3%) saturate(1%) hue-rotate(275deg) brightness(104%) contrast(100%);
}


#t4-footer {
	background: var(--blue);
	color: #fff;
}

.footerlogos img {
	margin-top: 10px;
	margin-right: 20px;
}

@media (max-width: 767px) {
    #t4-footer {
	font-size: 16px;
    }
}

.t4-footer .container {
	padding-top: 30px;
	padding-bottom: 0;
}

#t4-footer a {
	color: #fff;
    border-bottom: 1px solid transparent;
    transition: all .3s;
}

#t4-footer a:hover {
	border-bottom: 1px solid;
}

#t4-footer a.imagelink:hover {
	border: 0;
	opacity: .5;
}


#back-to-top:hover, #back-to-top:focus, #back-to-top:active {
	background-color: var(--black);
	color: var(--white);
}

.wf-mediabox-frame {
  padding:0;
}

.wf-mediabox-nav {
  position: absolute;
  top: 40px;
  right: 40px;
  max-width: 1199px;
  margin: 0 auto;
  background: none;
}

.wf-mediabox-close > svg, .wf-mediabox-prev > svg, .wf-mediabox-next > svg {
	display: none;
}

.wf-mediabox-close.wf-mediabox-focus::after {
	content: '';
	background: url(../images/close.svg) no-repeat center;
	width: 50px;
	height: 50px;
	display: block;
	background-size: cover;
}

.widthsize .wf-columns.wf-columns-stack-medium.wf-columns-layout-auto.container {
	max-width: 999px;
}

@media (max-width: 767px) {
    .widthsize .item-page {
        padding: 0;        
    }
}

#back-to-top {
	border-radius: 50%;
}

#t4-footer .logolinks a:hover, #t4-footer .logolinks a {
	border: 0 !important;
}