*,
*::before,
*::after {
    box-sizing: inherit;
}
* {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
    outline: 0;
}
.white50 {
    background: rgba(255, 255, 255, 0.5);
    padding: 0 2em;
}
.black50 {
    background: rgba(0, 0, 0, 0.5);
    padding: 0 2em;
}
.nww {
    content: "";
    position: absolute;
    width: 15%;
    height: auto;
    display: block;
    top: 6%;
    left: 6%;
    z-index: 1;
}

/*topContainer Menü*/
 /* .topContainer{	
    height: 2.3rem;
	width:100%;
	background:#f5f5f5;
	padding:0.1rem 0.3rem 0.3rem 0.3rem;
	border:1px solid #dedede;
} 
.topContainer .icon-links {
	margin:0rem;	
}

.topContainer .icon-links li{
	float: right;
	margin-right:2.5rem;	
}
.topContainer .icon-links a{
	font-size:0.9rem;
	border:0;
	padding:0;	
}
.topContainer .icon-links a:hover span{
	text-decoration:none;	
}
.topContainer .icon-links a[data-icon]::before{
	font-size:1.0rem;
	margin-right:0.1rem;
}

.topContainer .icon-links ul{
	margin-bottom:0;;
}

@media screen and (max-width: 599px) {
	.topContainer{	   
	padding:0.4rem 0.3rem 0.3rem 0.3rem;	
	position:relative;	
    z-index:30; 
}
.topContainer .icon-links li{	
	margin-right:1.5rem;	
}
} */

/*sideBox Termin vereinbaren*/
.sideBoxContainer .sideBoxButton{
    position:fixed;
    z-index:2;
    bottom:2.5em;
    right:0.4em;
    cursor:pointer;
    opacity:0;
}
@media screen and (max-width: 900px) {
.sideBoxContainer .sideBoxButton{
    bottom:0.5em;
    right:0.4em;
    cursor:pointer;
}
}
@media screen and (max-width: 599px) {
.sideBoxContainer .sideBoxButton{
  max-width:80px;
}
}
.sideBox.icon-links{
    position:fixed;
    bottom:0em;
    right:0em;
    background: #f5f5f5;   
    border: 1px solid #dedede;
    z-index: 1005;
    width: 100%;
    max-width: 390px;
    overflow:hidden;
    border-radius:5px; 
    transition: transform 1s ease;
    
}
.sideBox.icon-links.slideIn{
     transform:translateX(0px);    
}
.sideBox.icon-links.slideOut{
     transform:translateX(400px);    
}
.sideBox.icon-links .sideBoxHeader {
   padding:0.5em 0.7em;
   background:#4b4a83;
   color:#fff; 
   font-weight:300;
   display:flex;
   justify-content: space-between;
   align-items: center;
}
.sideBox.icon-links .sideBoxHeader h3 {
   margin:0;
   padding:0;
   background:#4b4a83;
   color:#fff; 
   font-weight:300;
   font-size:1.3em;
}
.sideBox.icon-links ul li{
    padding:0.7em 1em;
    border-bottom: 1px solid #dedede;
    font-size:1.1em;
}

.sideBox.icon-links .sideBoxText{
     padding:0 1em;
    font-size:0.9em;
     -webkit-hyphens: auto;
     -moz-hyphens: auto;
     -ms-hyphens: auto;
     hyphens: auto;
}
.sideBox.icon-links .closeSideBox{
     padding:0.3em 0 0 0;
     font-size:0.9em;
     cursor:pointer;     
}

.noMarginTop{margin-top:0!important;}
.noMarginBottom{margin-bottom:0!important;}
.noMarginRight{margin-right:0!important;}
.noMarginLeft{margin-Left:0!important;}

.textLeft .teaser-boxes-item{text-align:left!important;}

.lightBox{background:#a3a2cc45;padding:2em;}

.holzboutiqueMoebel .centered-wrapper-inner {
    font-size: 0.85em;
}
/*Slider Content*/

.startSlider.mod_rocksolid_slider .rsts-slide .rs-column.sliderTextContent{padding: 0.5em 2em 0.5em 1em;}

.startSlider.mod_rocksolid_slider .rsts-slide .rs-column.sliderTextContent h2{font-size:2em;}

@media only screen and (max-width: 1435px) {
    .startSlider.mod_rocksolid_slider .rsts-slide .rs-column.sliderTextContent{
        font-size:0.80em;
        }
}
@media only screen and (max-width: 1140px) {
    .startSlider.mod_rocksolid_slider .rsts-slide .rs-column.sliderTextContent h2{
        font-size:1.5em;
        }

    .startSlider.mod_rocksolid_slider .rsts-slide .rs-column.sliderTextContent{
        font-size:0.85em;
        }
}
@media only screen and (max-width: 1140px) {
    .startSlider.mod_rocksolid_slider .rsts-slide .rs-column.sliderTextContent{
        margin:0;
        }
}
@media only screen and (max-width:999px) {
    .startSlider.mod_rocksolid_slider .rsts-slide .rs-column.sliderTextContent{
       padding-left:2em;
        }
}
@media only screen and (max-width: 601px) {
    .startSlider.mod_rocksolid_slider .rsts-slide .rs-column.sliderTextContent{
        padding: 1em 2em;
        }
}

.startSlider.mod_rocksolid_slider .rsts-slide:before {
    content: "";
    background: -moz-radial-gradient(top, ellipse cover, rgba(0, 0, 0, 0.2) -31%, rgba(0, 0, 0, 0.28) 41%, rgba(0, 0, 0, 0.1) 85%);
    background: -webkit-radial-gradient(top, ellipse cover, rgba(0, 0, 0, 0.2) -31%, rgba(0, 0, 0, 0.28) 41%, rgba(0, 0, 0, 0.1) 85%);
    background: radial-gradient(ellipse at top, rgba(0, 0, 0, 0.2) -31%, rgba(0, 0, 0, 0.28) 41%, rgba(0, 0, 0, 0.1) 85%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff',endColorstr='#80a2d6d8',GradientType=1);
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 1;
}
.startSlider.mod_rocksolid_slider .rsts-slide div {
    z-index: 1;
}


@media only screen and (max-width: 1024px) {
.main-content .slider550{	
	width:99.5%;
	height:calc(100vh - 150px);	
	max-height:400px;
	min-height:300px;
}	
.main-content .slider550.spacerTop3{	
	
}	
}
@media only screen and (max-width: 999px) {
.main-content .slider550{	
	width:99.5%;
	height:calc(100vh - 150px);	
	max-height:450px;
	min-height:300px;
}	
.main-content .slider550.spacerTop3{	
	margin-top:0em;
}	
}

@media only screen and (max-width: 601px) {
.main-content .slider550{	
	width:99.5%;
	height:calc(100vh - 150px);	
	max-height:250px;
	min-height:200px;
}	
.main-content .slider550.spacerTop3{	
	margin-top:0em;
}	
}

.buttonContainer{display:flex;flex-wrap:wrap;}
.buttonContainer .button{margin-right:0.7em;}
.button.-inverted,
.button.-inverted:hover,
.button.-inverted:focus
{
    background:#fff;
    color:#4b4a83;
    border-color:#4b4a83;
    box-shadow:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    border-width: 2px;
    padding: 0.45556em 1.5em;
    }

button,
.button,
input[type="submit"],
input[type="reset"],
input[type="button"],
a.continue {
    -moz-appearance: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: #4b4a83;
    border-color: #4b4a83;
    border-image: none;
    border-radius: 10px;
    border-style: solid;
    border-width: 2px;
    color: #fff;
    display: inline-block;
    padding: 0.45556em 1.5em;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
}
button:hover,
button:focus,
.button:hover,
.button:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="button"]:hover,
input[type="button"]:focus {
    background: #4b4a83;
}
button:active,
.button:active,
input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active {
    background: #4b4a83;
}
a:focus {
    outline: 0;
    background: transparent;
}
input:hover,
textarea:hover {
    border-color: #999;
}

.center,.ce_image.center .image_container img{text-align:center;margin:0 auto;}
.centered {
    text-align: center;
}


.centeredImg img{margin:0 auto;}
.bannerInterieur{margin-left:-3em!important;}

.navContainer {
    z-index: 40;
}
:root {
    --swiper-navigation-size: 22px;
}
.ce_swiperStart{
 margin:1em;   
}
.swiper-button-next,.swiper-button-prev{
   top:inherit;bottom:10px; color:inherit;
}

.ce_iso_quickproducts .product_list {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 0.2em 0.2em;
}
.ce_iso_quickproducts form {
    margin: 0;
}
.ce_iso_quickproducts .product_list img {
    width: 100%;
    height: auto;
}
.ce_iso_quickproducts .product ul {
    padding-left: 0;
    margin: 0.5em 0;
}
.ce_iso_quickproducts .product ul li {
    padding-left: 0;
    margin: 0;
}
.ce_iso_quickproducts .product_list h3 {
    font-size: 1em;
    line-height: 1.2;
    margin-top: 0;
}
.ce_iso_quickproducts.quickProductsSlider .product_list{
    justify-content:normal;
    flex-wrap:nowrap;
    min-height:inherit;
    margin: 2em 0;
  
    }

.ce_iso_quickproducts .product_list .product {
    position: relative;
    margin: 0;
    padding: 0.3em;
    width: 20%;
    top: 0;
}

.ce_iso_quickproducts.quickProductsSlider .product_list .product {
    position: relative;   
    padding: 0.3em;
    width: calc(32% - 0.3em);
    box-sizing: border-box;    
}
.ce_iso_quickproducts.quickProductsSlider .product_list img {
    max-width:80%;
    margin:0 auto;
}

.ce_iso_quickproducts.quickProductsSlider .product_list .product .productdetails .produktName h2 a {
  color:inherit;font-size:0.8em;   
}

.ce_iso_quickproducts.quickProductsSlider .product_list .product .productdetails .teaser,
.ce_iso_quickproducts.quickProductsSlider .product_list .product .productdetails .product-item-bottom,
.ce_iso_quickproducts.quickProductsSlider .sku{
   display:none;
}

.ce_iso_quickproducts .product_list .productdetails {
    padding: 0 0.2em;   
    display: none;
}

.ce_iso_quickproducts.quickProductsSlider .product_list .productdetails {
    padding: 0 0.2em;   
    display: block;
}


.ce_iso_quickproducts .product_list .productdetails .offer {
    float: right;
    font-size: 0.9em;
}
.ce_iso_quickproducts .product_list .productdetails h3 {
    display: inline-block;
    margin: 0;
}
.sectionWinkler {
    min-height: 530px;
}
.fotoWinkler {
    position: absolute;
    z-index: 0;
    opacity: 0.9;
    right: 0;
    bottom: -5em;
}
@media only screen and (max-width: 601px) {
    .fotoWinkler {
        display:none;
        position: relative;
        z-index: 0;
        opacity: 0.9;
        right: 0;
        bottom: 0;
    }
    .fotoWinkler .image_container img {
        margin: 1em auto 0 auto;
        max-width: 60%;
        z-index: 1;
        position: relative;
    }
}
.winklerFotoText,
.fotoWinklerHadline {
    max-width: 63%;
    margin: 0 auto;
}
@media screen and (max-width: 601px) {
    .winklerFotoText,
    .fotoWinklerHeadline {
        max-width: 96%;
    }
}
.headerTextSlider {
    position: absolute;
    left: 0;
    top: 40%;
    height: auto;
    z-index: 1;
    padding: 1em 2em;
}
.main-content .headerTextSlider h2 {
    font-size: 3.8em;
    font-weight: 500;
    padding: 0.1em;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    line-height: 1em;
    margin: 0.2em 0;
}
.headerTextSlider p {
    font-size: 1.5em;
    padding: 0.1em;
    background: rgba(255, 255, 255, 0.6);
    margin: 0.2em 0;
}
.headerText {
    width: 100%;
    max-width: 40em;
}
.main-content .headerText h2 {
    font-size: 3.8em;
    font-weight: 500;
    padding: 0.1em;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    line-height: 1em;
    margin: 0.2em 0;
}
.headerText p {
    font-size: 1.5em;
    padding: 0.1em;
    background: rgba(255, 255, 255, 0.6);
    margin: 0.2em 0;
}
@media only screen and (max-width: 999px) {
    .main-content .headerTextSlider h2 {
        font-size: 2.3em;
        font-weight: 500;
        padding: 0.1em;
        line-height: 1em;
    }
    .headerTextSlider p {
        font-size: 1em;
        padding: 0.1em;
    }
    .main-content .headerText h2 {
        font-size: 2.3em;
        font-weight: 500;
        padding: 0.1em;
        line-height: 1em;
        margin: 0.2em 0;
    }
    .headerText p {
        font-size: 1.2em;
        padding: 0.1em;
        margin: 0.2em 0;
    }
}
.loginTop {
    background: #000;
    float: right;
    margin: 0;
    width: 100%;
    padding: 0.5em;
    text-align: right;
}
.loginTop.isClosed {
    display: none;
}
.loginTop h2,
.loginTop form,
.loginTop p,
.loginTop .widget-submit,
.loginTop .widget-text,
.loginTop .widget-password,
.loginTop button {
    display: inline-block;
    margin: 0;
    font-size: 1em;
}
.loginTop h2,
.loginTop label,
.loginTop .login_info {
    color: #fff;
}
.loginTop input,
button {
    padding: 0.2em 0.5em;
}
.loginTop label,
.loginTop .login_info {
    color: #fff;
    font-size: 0.85em;
}
.loginTop input {
    width: inherit;
}
.mod_registration input,
.mod_registration label,
.mod_registration select {
    margin-left: 0.5em;
}
.cookiebar_default button.cc-btn {
    text-shadow: none;
    font-size: 0.85rem;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.cookiebar_default .cc-inner {
    font-size: 0.85rem;
}
.cookiebar_default p {
    font-size: 0.8rem;
}
.cookiebar_default .cc-group .cc-detail-btn {
    margin: 0;
    text-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.cookiebar_default .cc-group .cc-detail-btn.cc-active,.cookiebar_default .cc-group .cc-detail-btn:focus {
   background:transparent;
}
.cookiebar {
    background: rgba(0, 0, 0, 0.9);
    font-size: 0.8em;
}
.cookiebar__button {
    background: #4b4a83;
}

.contao-cookiebar .cc-btn.success {
  background: #4e9e3e;
  border-color: #3e7830;
  color: #fff;
}
.contao-cookiebar .cc-btn.success:hover {
  background: #4c933f;
}

.overlay-contentscale {
    visibility: hidden;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: -webkit-transform 0.5s, visibility 0s 0.5s;
    transition: transform 0.5s, visibility 0s 0.5s;
}
.btn_scrollDown {
    position: absolute;
    z-index: 10;
    display: block;
    bottom: 7%;
    left: 50%;
    margin: 0 0 0 -30px;
    font-size: 45px;
    text-align: center;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    -webkit-transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
}
.btn_scrollDown:hover {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transform: translateY(20%);
    transform: translateY(20%);
    -webkit-transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
}
.btn_scrollDown span {
    font-size: 20px;
    color: #fff;
}
.btn_scrollDown a .icon-links-label,
.btn_scrollDown a icon-links-label:hover,
.btn_scrollDown a icon-links-label:focus,
.btn_scrollDown li a {
    text-decoration: none;
    border: 0;
    color: #fff;
}
.btn_scrollDown.icon-links a[data-icon]::before {
    background: rgba(255, 255, 255, 0.8);
    border-radius: 70%;
    padding: 5px;
    -webkit-box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.8);
    -moz-box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.8);
    box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.8);
}
.btn_scrollDown a::before {
    display: block;
}
input,
textarea,
select {
    border: 1px solid #d3d3d3;
}
#back-top {
    position: absolute;
    top: 3.2em;
    right: 1em;
    z-index: 99;
}
#back-top a {
    display: inline-block;
    -webkit-border-radius: 46px;
    -moz-border-radius: 46px;
    border-radius: 46px;
    color: #fff;
    font-size: 28px;
    line-height: 34px;
    text-align: center;
    background: 0;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.fa-arrow-circle-up:before {
    content: "\f0aa";
}
.sliderStyle {
    background: rgba(255, 255, 255, 0.7) none repeat scroll 0 0;
    border-radius: 5px;
    -moz-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3);
    color: #706f6f;
    font-size: 15px;
    line-height: 22px;
    margin-bottom: 21px;
    padding: 50px 40px;
}
.sliderStyle h1 {
    font-family: "BenchNine", Verdana, Tahoma;
    border-bottom: 1px solid #221e1a;
    margin-bottom: 21px;
    padding-bottom: 18px;
    text-align: center;
    text-transform: uppercase;
    font-size: 1.9em;
    letter-spacing: 0.04em;
    font-weight: 400;
}
.icon-boxes {
    padding: 0;
    margin: 0 0 1.5em 0;
}
.icon-boxes-item,
.iconBoxSmall .icon-boxes-item {
    background: rgba(255, 255, 255, 0.7) none repeat scroll 0 0;
    border-radius: 5px;
    -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
    color: #706f6f;
    font-size: 15px;
    line-height: 22px;
    margin: 20px 0 20px 0;
    padding: 20px 40px 40px 40px;
    border: 1px solid #fbfbfb;
    position: relative;
}
.opensauce-fullwidth .kontaktierenBox .icon-boxes-item {
    -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    margin: 20px 20px 20px 20px;
    width: 45%;
    text-align: center;
    background: #f7f7f7;
}
@media screen and (max-width: 999px) {
    .opensauce-fullwidth .kontaktierenBox .icon-boxes-item {
        width: 95%;
    }
}
@media screen and (max-width: 599px) {
    .opensauce-fullwidth .kontaktierenBox .icon-boxes-item {
        width: 92%;
    }
}
.opensauce-fullwidth .kontaktierenBox .icon-boxes-item h3 {
    font-size: 1.4em;
    border-bottom: 1px dotted #b7b7b7;
    width: 90%;
    margin: 1em auto;
    letter-spacing: 0;
}
.opensauce-fullwidth .kontaktierenBox .rs-column.-large-first-row {
    margin-top: 20px;
}
.iconBoxSmall .icon-boxes-item {
    margin-bottom: 21px;
    padding: 0 30px 30px 30px;
}
.icon-boxes-item h3,
.iconBoxSmall .icon-boxes-item h3 {
    font-family: "BenchNine", Verdana, Tahoma;
    border-bottom: 1px solid #4b4a83;
    margin-bottom: 21px;
    padding-bottom: 18px;
    text-align: center;
    text-transform: uppercase;
    font-size: 1.9em;
    letter-spacing: 0.04em;
    font-weight: 400;
}
.iconBoxSmall .icon-boxes-item h3 {
    padding-bottom: 10px;
}
.icon-boxes-item-text {
    margin: 2em 0 4em;
}
.icon-boxes-item-link,
.iconBoxSmall .icon-boxes-item-link {
    background: #4b4a83 none repeat scroll 0 0;
    border: medium none;
    border-radius: 5px;
    box-shadow: none;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    overflow: hidden;
    padding: 7px 10px 4px;
    margin: 40px auto 0 -100px;
    left: 50%;
    width: 200px;
    text-shadow: none;
    transition: all 0.2s ease 0s;
    text-align: center;
    font-family: "BenchNine", Verdana, Tahoma;
    position: absolute;
    bottom: 40px;
}
.icon-boxes.iconBoxSmall {
    padding: 0;
    margin: 0 0 1.5em 0;
}
.iconBoxSmall .icon-boxes-item-text {
    margin: 2em auto 0 auto;
}

/*hoverOverview*/

.gridHoverEffects {
    position: relative;
    margin: 0 auto;
    padding: 0;
    max-width: 1920px;
    list-style: none;
}
.gridHoverEffects figure {
    position: relative;
    display: inline-block;
    overflow: hidden;
    margin: 0;
    min-width: 270px;
    -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.08);
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.08);
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.08);
}
.gridHoverEffects figure img {
    position: relative;
    display: block;
    min-height: 100%;
    max-width: 100%;
    opacity: 0.8;
    width: 100%;
}
.gridHoverEffects figure figcaption {
    padding: 0em 1em 1em 1em;
    background:rgba(255, 255, 255, 0.70);   
    color:#0000009c;
    font-size: 1em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.gridHoverEffects figure figcaption::before,
.gridHoverEffects figure figcaption::after {
    pointer-events: none;
}

.gridHoverEffects figure h2 {
   /*  word-spacing: -0.15em; */
    font-weight: 500;
    font-size: 1em;
}
.gridHoverEffects figure h2 .subTitle,
.gridHoverEffects figure h2 .subTitle {
   /*  word-spacing: -0.15em; */
    font-weight: 300;
    font-size: 0.5em;
    display: none;
}

.gridHoverEffects figure h2,
.gridHoverEffects figure p {
    margin: 0;
    
}
.gridHoverEffects figure p {
    line-height: 1.3em;
    font-size: 0.85em;
    font-weight: normal;
    padding:0.6em 0 0 0;
    hyphens:auto;
}


/*effect-overview*/


figure.effect-overview {
    /* background: rgba(63, 165, 53,0.3); */
/* 	background:#a1a0cb; */
   border:1px solid #d5d5d5;
}

figure.effect-overview h2 {
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
   
    
}
figure.effect-overview .centered-wrapper-background {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    opacity: 0.8;
    
}

figure.effect-overview p {
    text-transform: none;
    font-size: 75%;  
}
figure.effect-overview:hover .centered-wrapper-background {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0px, 0);
    
}
figure.effect-overview:hover h2 {
    -webkit-transform: translate3d(0, 0px, 0);
    transform: translate3d(0, 0px, 0);
    color: #4b4a83;
}
figure.effect-overview:hover p {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}




@media screen and (max-width: 50em) {
    .content {
        padding: 0 10px;
        text-align: center;
    }
    .grid figure {
        display: inline-block;
        float: none;
        margin: 10px auto;
        width: 100%;
    }
}
.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: rgba(104, 190, 173, 0.98);
    opacity: 1;
}
.mfp-title {
    color: #1f1f1f;
    display: none;
}
.mfp-counter {
    color: #1f1f1f;
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close,
button.mfp-close,
.mfp-close,
.mfp-close:hover,
.mfp-close:focus {
    background: rgba(0, 0, 0, 0) url("img/cross.png") no-repeat scroll center center;
    border: 0 none;
    box-shadow: none;
    color: transparent;
    outline: medium none;
    overflow: hidden;
    text-indent: 200%;
    width: 40px;
    height: 40px;
    line-height: 40px;
    position: fixed;
    right: calc(1vw);
    top: calc(1vh);
    margin-top: 1em;
    z-index: 100;
    text-indent: -99em;
    text-decoration: none;
    text-align: left;
    opacity: 1;
    filter: alpha(opacity=100);
    padding: 0;
    color: white;
    font-style: normal;
    font-size: 1em;
    cursor: pointer;
}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: inherit;
}
button.mfp-arrow {
    height: 40px;
}
.mfp-arrow:hover,
.mfp-arrow:focus {
    box-shadow: none;
}
button.mfp-arrow-right {
    background: rgba(0, 0, 0, 0) url("img/arrow_right.png") no-repeat scroll center center;
}
button.mfp-arrow-left {
    background: rgba(0, 0, 0, 0) url("img/arrow_left.png") no-repeat scroll center center;
}
.mfp-arrow::before,
.mfp-arrow::after {
    display: none;
}
.list_albums {
    text-align: center;
}
.main-content .album h2 {
    display: block;
    text-transform: uppercase;
    font-family: "BenchNine", Verdana, Tahoma;
    font-size: 1.8em;
    margin: 10px 0 0 0;
    padding: 5px 0;
    background: rgba(255, 255, 255, 0.95);
}
.album {
    margin: 10px;
    padding: 0;
    display: inline-block;
    text-align: center;
    min-width: 250px;
    -moz-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3);
}
.album_preview {
    padding: 0;
    margin: 20px auto 0 auto;
    max-width: 90%;
    text-align: center;
}
.album_preview_element {
    margin: 0 auto;
    padding: 0;
    display: inline-block;
    min-width: 250px;
}
.blogContainer .ce_headline {
    margin: 70px 25% 25px;
}
.blogContainer h2 {
    color: #fff;
    display: inline-block;
    font-family: "BenchNine", Verdana, Tahoma;
    font-size: 2em;
    font-weight: 400;
    margin: 0 0 20px;
    padding: 10px 15px;
    text-transform: uppercase;
}
#projekt .ce_text {
    border-bottom: 1px solid #dcdcdc;
}
hr.hrLine {
    display: block;
    -webkit-margin-before: 2em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: auto;
    -webkit-margin-end: auto;
    border-style: inset;
    border-width: 1px;
    background: #ebebeb;
}
.overlay .description {
    padding: 30px;
    position: relative;
    background: #f8f8f8;
    font-size: 0.8em;
}
@media screen and (max-width: 999px) {
    .overlay .description {
        display: inherit;
        width: 100%;
    }
    .mfp-image-holder .mfp-close,
    .mfp-iframe-holder .mfp-close,
    button.mfp-close,
    .mfp-close,
    .mfp-close:hover,
    .mfp-close:focus {
        right: 5px;
        top: 5px;
        margin-top: 0;
        width: 30px;
        height: 30px;
        line-height: 30px;
        padding: 0;
    }
}
.teaserP{margin-top:1em;}

.teaser-boxes-item {
    color: inherit;
    font-size: inherit;
}
#service .teaser-boxes-item {
    text-align: center;
}
#service .teaser-boxes-item img {
    max-width: 180px;
    margin: 0 auto;
    background-color: #000;
    border-radius: 50%;
}
.teaser-boxes.ce_rsce_opensauce_boxes2 {
    padding: 2em;
    -moz-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3);
}
.project {
    width: 265px;
    margin: 0;
    padding: 0;
    float: left;
}
.project a {
    cursor: pointer;
    text-decoration: none;
}
#portfolio .image_container {
    background: 0;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    padding: 0;
    width: 100%;
    display: inherit;
}
#portfolio .image_container a:hover:before,
#portfolio .image_container a:focus:before,
#portfolio .image_container a:hover::after,
#portfolio .image_container a:focus::after,
.blogContainer .image_container a:hover:before,
.blogContainer .image_container a:focus:before,
.blogContainer .image_container a:hover::after,
.blogContainer .image_container a:focus::after {
    background: 0;
}
.blogContainer .image_container {
    -moz-box-shadow: 0 0 8px 4px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 8px 4px rgba(0, 0, 0, 0.2);
}
.blogContainer .image_container img {
    display: block;
    height: auto;
    width: 100%;
    max-height: calc(95vh - 2em);
    max-width: calc(90vw - 4em);
}
.image_container {
    border: 0;
    padding: 0;
}
.project_navigation {
    position: absolute;
    right: -1px;
    top: 0;
    z-index: 4;
    display: none;
}
.project_navigation [data-icon]:before {
    padding-top: 10px;
}
.project_navigation .icon-inner {
    display: inline-block;
    padding: 0 8px 8px 8px;
    background-color: #fff;
    color: #666;
    margin: 0 0 0 -4px;
    border: 1px solid #e1e1e1;
}
.project_navigation_bottom {
    position: absolute;
    right: -1px;
    top: 0;
    z-index: 4;
}
.project_navigation_bottom [data-icon]:before {
    padding-top: 10px;
}
.project_navigation_bottom .icon-inner {
    display: inline-block;
    padding: 0 8px 8px 8px;
    background-color: #fff;
    color: #666;
    margin: 0 0 0 -4px;
    border: 1px solid #e1e1e1;
}
.news-image-teaser {
    position: relative;
    margin: 0 2.8% 1em 0;
    padding: 0;
    float: left;
    width: 100%;
    max-width: 47%;
    top: 1em;
}
@media screen and (max-width: 999px) {
    .news-image-teaser {
        position: relative;
        margin: 0 2.8% 1em 0;
        padding: 0;
        float: left;
        width: 100%;
        max-width: 100%;
        top: 1em;
    }
}
.modul .news-image-teaser {
    position: relative;
    margin: 0 1em 1em 1em;
    padding: 0;
    display: inline-block;
    width: 300px;
    top: 1em;
    float: none;
}
@media screen and (max-width: 999px) {
    .modul .news-image-teaser {
        position: relative;
        margin: 0 2.8% 1em 0;
        padding: 0;
        float: left;
        width: 100%;
        max-width: 100%;
        top: 1em;
    }
}
.team .news-image-teaser {
    position: relative;
    margin: 0 2.8% 1em 0;
    padding: 0;
    float: left;
    width: 100%;
    max-width: 22%;
    top: 1em;
}
@media screen and (max-width: 1200px) {
    .team .news-image-teaser {
        position: relative;
        margin: 0 2.8% 1em 0;
        padding: 0;
        float: left;
        width: 100%;
        max-width: 30%;
        top: 1em;
    }
}
@media screen and (max-width: 601px) {
    .team .news-image-teaser {
        position: relative;
        margin: 0 2.8% 1em 0;
        padding: 0;
        float: left;
        width: 100%;
        max-width: 47%;
        top: 1em;
    }
}
@media screen and (max-width: 360px) {
    .team .news-image-teaser {
        position: relative;
        margin: 0 2% 1em 2%;
        padding: 0;
        float: left;
        width: 100%;
        max-width: 100%;
        top: 1em;
    }
}
.news-image-teaser time,
.news-category-image-teaser time {
    display: none;
}
.grid.news-image-teaser p.button.news-image-teaser-more {
    padding: 0;
}
.blog .news-image-teaser {
    margin: 0 0 4em 0;
    padding: 0;
    max-width: 100%;
    display: block;
    float: none;
}
.blog .news-image-teaser h2 {
    text-align: center;
}
.blog .newsContent {
    float: left;
    max-width: 44%;
    margin-right: 0;
    text-align: center;
}
.blog .news-image-teaser:after {
    content: "";
    display: table;
    clear: both;
}
.blog .news-image-teaser-image-left {
    position: relative;
    float: left;
    width: calc(50% - 6.0606% + 0px);
    margin-bottom: 2.308em;
    margin-right: 6.0606%;
    margin-left: 0;
}
.blog .news-image-teaser-image-right,
.news-image-teaser-text-block {
    position: relative;
    float: right;
    width: calc(50% - 6.0606% + 0px);
    margin-bottom: 2.308em;
    margin-right: 6.0606%;
    margin-left: 0;
}
.blog .mod_newslist article:nth-child(even) div.news-image-teaser-image-auto {
    position: relative;
    float: right;
    width: calc(50% - 6.0606% + 0px);
    margin-bottom: 2.308em;
    margin-right: 6.0606%;
    margin-left: 0;
}
.blog .mod_newslist article:nth-child(odd) div.news-image-teaser-image-auto {
    position: relative;
    float: left;
    width: calc(50% - 6.0606% + 0px);
    margin-bottom: 2.308em;
    margin-right: 6.0606%;
    margin-left: 0;
}
.blog .mod_newslist article.visible:nth-child(even) div.news-image-teaser-image-auto {
    position: relative;
    float: left;
    width: calc(50% - 6.0606% + 0px);
    margin-bottom: 2.308em;
    margin-right: 6.0606%;
    margin-left: 0;
}
.blog .mod_newslist article.visible:nth-child(odd) div.news-image-teaser-image-auto {
    position: relative;
    float: left;
    width: calc(50% - 6.0606% + 0px);
    margin-bottom: 2.308em;
    margin-right: 6.0606%;
    margin-left: 0;
}

.blog .mod_newslist p.more{
    margin-top:0;
}

@media screen and (max-width: 860px) {
    .blog .news-image-teaser-image-left,
    .blog .news-image-teaser-text {
        position: relative;
        float: none;
        width: 100%;
        max-width: 100%;
        margin-bottom: 2.308em;
        margin-right: 0;
        margin-left: 0;
    }
    .blog .news-image-teaser-image-right,
    .blog .news-image-teaser-text-block {
        position: relative;
        float: none;
        width: 100%;
        max-width: 100%;
        margin-bottom: 2.308em;
        margin-right: 0;
        margin-left: 0;
    }
    .blog .newsContent {
        max-width: 100%;
        float: none;
        margin-right: auto;
    }
    .blog .mod_newslist article:nth-child(even) div.news-image-teaser-image-auto,
    .blog .mod_newslist article.visible:nth-child(even) div.news-image-teaser-image-auto {
        width: 100%;
    }
    .blog .mod_newslist article:nth-child(odd) div.news-image-teaser-image-auto,
    .blog .mod_newslist article.visible:nth-child(odd) div.news-image-teaser-image-auto {
        width: 100%;
    }
}
.mod_newsreader {
    padding-top: 3em;
}
.schlafgeschichten .mod_newsreader{padding-top:0;}
.mod_newslist {
    margin-top: 4em;
    margin-bottom: 2em;
}
.modul.mod_newslist {
    margin-top: 1em;
    margin-bottom: 2em;
    text-align: center;
}
.opensauce-fullwidth .image_container.float_right,
.opensauce-fullwidth .image_container.float_left {
    width: 50% !important;
}
@media screen and (max-width: 700px) {
    .opensauce-fullwidth .image_container.float_right,
    .opensauce-fullwidth .image_container.float_left {
        width: 100% !important;
    }
}
.layout_latest {
    display: inline-block;
    clear: both;
    margin-bottom: 40px;
}
.layout_latest.even {
   /*  padding: 20px 0; */
    background: rgba(255, 255, 255, 0.4);
    -moz-box-shadow: 0 0 8px 4px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 8px 4px rgba(0, 0, 0, 0.1);
}
.layout_latest.odd {
    /* padding: 20px 0; */
    background: rgba(255, 255, 255, 0.4);
    -moz-box-shadow: 0 0 8px 4px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 8px 4px rgba(0, 0, 0, 0.2);
}
.layout_full {
    padding: 1em;
    background: rgba(255, 255, 255, 0.5);
}
.layout_full .ce_text {
    text-align: left;
    display: inline-block;
}
.layout_full .image_container {
    background: rgba(255, 255, 255, 0.5);
}
li {
    list-style-type: none;
}
.listStyle li{list-style-type:inherit;}
/* .page-header, */
.page-footer,
.opensauce-fullwidth .main-content,
.opensauce-fullwidth .main-content ul {
    margin: 0;
    padding: 0;
}
.page-footer {
    border: 1px solid rgba(33, 33, 33, 0.025);
    -moz-box-shadow: 0 -4px 8px rgba(33, 33, 33, 0.15);
    -webkit-box-shadow: 0 -4px 8px rgba(33, 33, 33, 0.15);
    box-shadow: 0 -4px 8px rgba(33, 33, 33, 0.15);
}
.page-footer h3 {
    font-weight: 500;
}
.main-content h1,
.main-content h2,
.main-content h3,
.main-content h4,
.main-content h5,
.main-content h6 {
    margin: 0.67em 0;
}

.copyright-elastica{
    display:inline-block;
    margin:1em 0;
    font-size:0.80em;
    width:100%;
    
}


h1.ce_headline {
    text-align: center;
    margin: 1em 0;
    font-size: 1.9em;
    font-weight: 400;
    overflow: hidden;
    clear: both;
}
.headline-box,.headline-box-h2 {
    margin: 2.4em 0 1em 0;
    text-align: center;
}
.headline-box.-no-underline,.headline-box-h2.-no-underline {
    margin: 2.4em 0 1em 0;
}
.headline-box.-align-left,.headline-box-h2.-align-left {
    text-align: left;
}
.headline-box.-align-left:before,.headline-box-h2.-align-left:before {
    text-align: left;
    margin-left: 0;
}
.headline-box.-align-right,.headline-box-h2.-align-right {
    text-align: right;
}
.headline-box.-align-right:before,.headline-box-h2.-align-right:before {
    text-align: right;
    margin-right: 0;
}
.headline-box.-no-underline:after,.headline-box-h2.-no-underline:after {
    content: none;
}
.headline-box.-small,.headline-box-h2.-small {
    margin: 1.2em 0;
}
.headline-box.-small:before,.headline-box-h2.-small:before {
    font-size: 1.2em;
    margin-bottom: 0.25em;
}
.headline-box.-no-tracking h2 {
    letter-spacing: normal;
    text-transform: none;
}
.headline-box:before,.headline-box-h2:before {
    display: block;
    width: 1.95455em;
    height: 1.95455em;
    margin: 0 auto 0.27273em auto;
    border-radius: 100%;
    font-size: 2.93333em;
    font-weight: 300;
    line-height: 2.00023;
    text-align: center;
    background: #fff;
    background: rgba(255, 255, 255, 0.6);
    color: #4b4a83;
}
.-color-inverted .headline-box:before,.-color-inverted .headline-box-h2:before {
    background: #353d47;
    background: rgba(53, 61, 71, 0.6);
    color: #fff;
}
.headline-box:after,.headline-box-h2:after {
    content: "";
    display: inline-block;
    width: 30%;
    max-width: 200px;
    height: 3px;
    background: #4b4a83;
}
.-highlight-color .headline-box:after,.-highlight-color .headline-box-h2:after {
    background: #3685ab;
}
.headline-box.-button-only:after,.headline-box-h2.-button-only:after {
    display: none;
}
.headline-box h2,.headline-box-h2 h3 {
    margin: 0.11111em 0;
    font-size: 2.4em;
    font-weight: 300;
    letter-spacing: 0.1em;
    color: inherit;
    text-transform: uppercase;
}
@media screen and (max-width: 860px) {
    .headline-box h2,.headline-box-h2 h3 {
        font-size: 1.86667em;
    }
}
.headline-box h2.-bold,.headline-box-h2 h3.-bold {
    font-weight: 400;
}
.headline-box h1.-small,.headline-box-h2 h2.-small {
    font-size: 1.6em;
}
.headline-box h2.-small,.headline-box-h2 h3.-small {
    font-size: 1.6em;
}
.headline-box h2.-medium, .headline-box-h2 h3.-medium  {
    font-size: 2.13333em;
}
@media screen and (max-width: 860px) {
    .headline-box h2.-medium,.headline-box-h2 h3.-medium {
        font-size: 1.6em;
    }
}
.headline-box h2.-large,.headline-box-h2 h3.-large {
    font-size: 2.8em;
}
@media screen and (max-width: 860px) {
    .headline-box h2.-large,.headline-box-h2 h3.-large {
        font-size: 2.13333em;
    }
}
.headline-box h2.-super-size,.headline-box-h2 h3.-super-size {
    font-size: 3.46667em;
}
@media screen and (max-width: 860px) {
    .headline-box h2.-super-size,.headline-box-h2 h3.-super-size {
        font-size: 2.4em;
    }
}
.headline-box h3 {
    margin: 0;
    font-size: 0.93333em;
    font-weight: 400;
    letter-spacing: 0.1em;
    line-height: 1.5;
    color: #98a0ab;
    text-transform: uppercase;
}
.-color-inverted.-highlight-color .headline-box h3 {
    color: #3685ab;
}
.-color-inverted .headline-box h3 {
    color: #dcdcdc;
}
.headline-box h3.-small {
    font-size: 0.86667em;
}
.headline-box h3.-medium {
    font-size: 1.06667em;
}
@media screen and (max-width: 860px) {
    .headline-box h3.-medium {
        font-size: 0.93333em;
    }
}
.headline-box h3.-large {
    font-size: 1.2em;
}
@media screen and (max-width: 860px) {
    .headline-box h3.-large {
        font-size: 1.06667em;
    }
}
.headline-box h3.-super-size {
    font-size: 1.4em;
}
@media screen and (max-width: 860px) {
    .headline-box h3.-super-size {
        font-size: 1.2em;
    }
}
.headline-box.-button-inline h2,
.headline-box.-button-inline h3 {
    display: inline;
}
@media screen and (max-width: 860px) {
    .headline-box.-button-inline h2,
    .headline-box.-button-inline h3 {
        display: block;
    }
}
h2 + .headline-box-link,
h3 + .headline-box-link {
    margin-top: 1.92857em;
}
.-align-left > .headline-box-link {
    float: right;
    margin: -0.14286em 0 0 3.14286em;
}
@media screen and (max-width: 860px) {
    .-align-left > .headline-box-link {
        float: none;
        margin: 0 0 1em;
    }
}
.-align-right > .headline-box-link {
    float: left;
    margin: -0.14286em 3.14286em 0 0;
}
@media screen and (max-width: 860px) {
    .-align-right > .headline-box-link {
        float: none;
        margin: 0 0 1em;
    }
}
.-button-inline > .headline-box-link {
    margin: 0 0 0 2.14286em;
}
@media screen and (max-width: 860px) {
    .-button-inline > .headline-box-link {
        margin: 1em 0 0;
    }
}
.headline-box h1,.headline-box-h2 h2 {
    margin: 0 0 0.3em 0;
}
.headline-box h2, .headline-box-h2 h3 {
    letter-spacing: 0;
    line-height: 1em;
    font-size: 1.4em;
}
@media screen and (max-width: 601px) {
    .headline-box h2,.headline-box-h2 h3 {
        font-size: 1.2em;
    }
}
.headline-box h2.-large,.headline-box-h2 h3.-large {
    font-size: 2em;
    letter-spacing: 0;
    line-height: 1em;
}
.headline-box h2.-super-size,.headline-box-h2 h3.-super-size {
    font-size: 2.4em;
    letter-spacing: 0;
    line-height: 1em;
}
.headline-box h3.-super-size,
.main-content .news-image-teaser h3 {
    font-size: 1em;
    text-transform: inherit;
    font-style: normal;
    letter-spacing: 0;
    color: #60605f;
}
.headline-box h2.-small,.headline-box-h2 h3.-small {
    font-size: 1.6em;
    font-weight: normal;
}
.headline-box h1.-medium,.headline-box-h2 h2.-medium {
    font-size: 1.8em;
    font-weight: normal;
}
.headline-box h2.-medium,.headline-box-h2 h3.-medium {
    font-size: 1.0em;
    font-weight: normal;
    line-height:inherit;
}
@media screen and (max-width: 601px) {
    h1,
    .main-content h1 {
        font-size: 1.5em;
        font-weight: 500;
    }
    h1.ce_headline {
        margin: 40px 15%;
        font-weight: 400;
        overflow: hidden;
        clear: both;
    }
}
@media screen and (max-width: 380px) {
    h1 {
        font-size: 1.2em;
    }
    h1.ce_headline,
    .main-content h1 {
        font-size: 1.4em;
        margin: 1.2em 5%;
        font-weight: 500;
        overflow: hidden;
        clear: both;
    }
    .centered-wrapper-inner h3,
    .iconBoxSmall .icon-boxes-item h3 {
        font-size: 1.6em;
        font-weight: 500;
    }
}
.rsts-skin-default.rsts-type-fade .rsts-slide,
.rsts-skin-default.rsts-type-fade-in-out .rsts-slide {
    background: rgba(255, 255, 255, 0.2);
    text-align: center;
}
/* .page-header {
    overflow-x: hidden;
}
.header-navigation-wrapper {
    position: relative;
    z-index: 5;
}
.main-navigation-wrapper {
    box-shadow: none;
    position: relative;
    z-index: 30;
    border: 0;
    padding: 0;
    margin: 0 auto;
    -moz-box-shadow: 0 4px 8px rgba(33, 33, 33, 0.3);
    -webkit-box-shadow: 0 4px 8px rgba(33, 33, 33, 0.3);
    box-shadow: 0 4px 8px rgba(33, 33, 33, 0.3);
}
.main-navigation-wrapper::before {
    content: "";
    display: table;
}
.main-navigation-wrapper::after {
    clear: both;
    content: "";
    display: table;
}

.main-navigation-inside{
    position: relative;
    overflow: hidden;    
    clear: both;
    display: block;
}
.main-navigation {
    padding: 0;
    font-weight: inherit;
    margin: 0em 0em 0.5em 0;
    overflow: hidden;
    text-align: right;
    display: inline-block;
    float: right;
    width:100%
}

@media screen and (max-width: 1419px) {
.main-navigation {
   
    margin: 0em 0em 0.25em 0;
    
}
}
.topNav {
    text-align: right;
}
@media screen and (max-width: 999px) {
    .topNav {
        display: none;
    }
}
.main-navigation ul,
.topNav ul {
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width:100%;
}
.main-navigation a,
.main-navigation li > span {
    border: 0;
    -webkit-transition: padding 0.4s ease-in-out;
    -moz-transition: padding 0.4s ease-in-out;
    -o-transition: padding 0.4s ease-in-out;
    -ms-transition: padding 0.4s ease-in-out;
    transition: padding 0.4s ease-in-out;
    float: none;
}
.topNav a,
.topNav li > span {
    -webkit-transition: padding 0.4s ease-in-out;
    -moz-transition: padding 0.4s ease-in-out;
    -o-transition: padding 0.4s ease-in-out;
    -ms-transition: padding 0.4s ease-in-out;
    transition: padding 0.4s ease-in-out;
    float: none;
    text-decoration: none;
    text-transform: lowercase;
    border-left: 1px solid #000;
    color: #000;
    padding: 0 0.3em;
}
a.fbLink {
    border-left: 0;
}
a.fbLink:before {
    content: "";
    position: absolute;
    width: 32px;
    height: 32px;
    margin: 0 0 0 -40px;
    background-image: url(../img/sprites-32.png);
    background-position: -40px 0;
}
@media screen and (max-width: 999px) {
    .main-navigation a {
        -webkit-transition: padding 0.4s ease-in-out;
        -moz-transition: padding 0.4s ease-in-out;
        -o-transition: padding 0.4s ease-in-out;
        -ms-transition: padding 0.4s ease-in-out;
        transition: padding 0.4s ease-in-out;
        padding: 0.75em 0.8em;
    }
}
.sub-navigation-wrapper {
    background-color: #f2f2f2;
    padding: 0;
}
.sub-navigation-wrapper::before {
    content: "";
    display: table;
}
.sub-navigation-wrapper::after {
    clear: both;
    content: "";
    display: table;
}
.sub-navigation {
    font-size: 0.86667em;
    padding: 1em 1em 0.8em 1em;
    text-align: center;
    margin-right: 0.6em;
    border: 0;
}
.sub-navigation ul {
    margin: 0;
    padding: 0;
}
.sub-navigation li {
    display: inline-block;
    position: relative;
}
.sub-navigation li::before {
    content: none;
    display: none;
}
.sub-navigation li.-mega {
    position: static;
}
.sub-navigation li > a,
.sub-navigation li > span.active,
.sub-navigation li > span.trail,
.sub-navigation li > span.forward {
    background-clip: padding-box;
    color: #fff;
    display: block;
    letter-spacing: 0.01em;
    padding: 0 0.2em;
    margin: 5px;
    position: relative;
    text-transform: uppercase;
    white-space: nowrap;
    font-size: 1em;
    font-weight: normal;
    border-bottom: 3px solid rgba(255, 255, 255, 0);
}
.sub-navigation a,
.sub-navigation li > span {
    margin: 0;
}
.sub-navigation li > a:hover,
.sub-navigation li > a:focus {
    color: #fff;
    font-weight: normal;
    text-decoration: none;
    border-bottom: 1px solid rgba(255, 255, 255, 1);
}
.sub-navigation li > a.active,
.sub-navigation li > a.trail,
.sub-navigation li > a.forward,
.sub-navigation li > span.active,
.sub-navigation li > span.trail,
.sub-navigation li > span.forward {
    color: #fff;
    font-weight: normal;
    background-color: transparent;
    border-bottom: 1px solid rgba(255, 255, 255, 1);
}
.mod_customnav {
    text-align: right;
    float: right;
    display: inline-block;
    padding: 3.5em 0 0 0;
} */
.sidebar-wrapper-left {
    clear: both;
}
.ha-header-perspective > div.sub-navigation-wrapper {
    overflow: visible;
}
div.sub-navigation-wrapper.sub-navigation .level_1 .submenu {
    position: relative;
    z-index: 2;
}
div.sub-navigation-wrapper .sub-navigation ul li .sub {
    background: rgba(0, 0, 0, 0.6);
    position: absolute;
    display: none;
}
div.sub-navigation-wrapper .sub-navigation ul li .level_2 {
    background: rgba(0, 0, 0, 0.95);
    text-align: left;
    z-index: 0;
    margin: 25px 0 0 0;
    padding: 10px 0 10px 0;
    -webkit-box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.6);
    box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.6);
}
div.sub-navigation-wrapper .sub-navigation ul li .level_2 li a,
.sub-navigation ul li .level_2 li a:hover {
    text-transform: none;
    text-decoration: none;
    border: 0;
}
.sidebar.sub-navigation {
    font-size: 0.86667em;
    padding: 2em 1em 1.2em 1em;
    text-align: left;
    margin: 0 0 2em 0;
    border: 0;
    background: #5a588a;
    float: left;
    width: 30%;
    max-width: 300px;
}
.sidebar.sub-navigation ul {
    margin: 0;
    padding: 0;
}
.sidebar.sub-navigation li {
    display: block;
    position: relative;
}
.sidebar.sub-navigation li::before {
    content: none;
    display: none;
}
.sidebar.sub-navigation li.-mega {
    position: static;
}
.sidebar.sub-navigation li > a,
.sub-navigation li > span.active,
.sub-navigation li > span.trail,
.sub-navigation li > span.forward {
    background-clip: padding-box;
    color: #fff;
    display: block;
    letter-spacing: 0.01em;
    padding: 0em 0.2em;
    margin: 5px;
    position: relative;
    text-transform: inherit;
    white-space: pre-wrap;
    font-size: 1em;
    font-weight: normal;
    border-bottom: 1px solid rgba(255, 255, 255, 1);
}
.sidebar.sub-navigation a,
.sub-navigation li > span {
    margin: 0;
}
.sidebar.sub-navigation li > a:hover,
.sub-navigation li > a:focus {
    color: #333;
    font-weight: normal;
    text-decoration: none;
    border-bottom: 0 solid #4b4a83;
    background: #fff;
    padding: 0em 0.2em;
}
.sidebar.sub-navigation li > a.active,
.sub-navigation li > a.trail,
.sub-navigation li > a.forward,
.sub-navigation li > span.active,
.sub-navigation li > span.trail,
.sub-navigation li > span.forward {
    color: #fff;
    font-weight: normal;
    background-color: transparent;
  
}
@media screen and (max-width: 1160px) {
    .sidebar.sub-navigation {
        font-size: 0.86667em;
        padding: 2em 1em 1.2em 1em;
        text-align: left;
        margin: 0 0 2em 0;
        border: 0;
        background: #5a588a;
        float: none;
        width: 100%;
        max-width: 100%;
    }
    .sidebar.sub-navigation li {
        display: inline-block;
        position: relative;
    }
}
/* .mobileMenu { 
    float: right;
    width: 60px;
    margin-right: 2.2em;
    padding: 0em 0 0 0.5em;
   
}
@media screen and (min-width: 1250px) {
    .mobileMenu {
        display: none;
    }
}
@media screen and (max-width: 1250px) {
    .sidebar-wrapper-left {
        clear: none;
    }
}
.mobile_menu {
    transform: translate3d(-100%, 0px, 0px) scale3d(1, 1, 1);
}
.mobile_menu_trigger {
    float: right;
    font-size: 20px;
    padding: 0.3em;
    width: 55px;
    height: 39px;
    margin: 0;
    padding: 25px 15px 25px 10px;
    display: none;
    z-index: 200;
    text-indent: -92em;
    line-height: 0;
    cursor: pointer;
}
.mobile_menu_trigger:after {
    content: "";
    display: block;
    height: 3px;
    border-radius: 2px;
    background: rgba(75, 74, 131, 1);
    box-shadow: 0 7px rgba(75, 74, 131, 1), 0 14px rgba(75, 74, 131, 1);
    margin-top: -8px;
}
.mobile_menu .inner {
    overflow: auto;
    background: #fff;
}
.mobile_menu img {
    height: auto;
}
.mobile_menu ul {
    padding: 0;
    margin: 0;
}
.mobile_menu ul ul {
    background-color: rgba(162, 161, 202, 0.26);
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5);
}
.mobile_menu li {
    position: relative;
    display: block;
    margin: 4px 0;
}
.mobile_menu li:before {
    content: none;
}
.mobile_menu li.submenu_show > ul {
    padding-bottom: 1em;
}
.mobile_menu a,
.mobile_menu span.active,
.mobile_menu span.trail,
.mobile_menu span.forward {
    display: block;
    padding: 0.64286em 0.92857em 0.57143em;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    color: #333;
    box-shadow: inset 0 0 5px rgba(255, 255, 255, 0.5);
    -webkit-transition: background-color 0.6s ease-out, box-shadow 1s ease-out;
    -moz-transition: background-color 0.6s ease-out, box-shadow 1s ease-out;
    -o-transition: background-color 0.6s ease-out, box-shadow 1s ease-out;
    transition: background-color 0.6s ease-out, box-shadow 1s ease-out;
    font-weight: 300;
}
.mobile_menu a:hover,
.mobile_menu a:focus,
.mobile_menu span.active:hover,
.mobile_menu span.active:focus,
.mobile_menu span.trail:hover,
.mobile_menu span.trail:focus,
.mobile_menu span.forward:hover,
.mobile_menu span.forward:focus {
    outline: 0;
    text-decoration: none;
    background-color: rgba(75, 74, 131, 0.2);
    color: #333;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3);
    -webkit-transition: background-color 0.2s ease-out;
    -moz-transition: background-color 0.2s ease-out;
    -o-transition: background-color 0.2s ease-out;
    transition: background-color 0.2s ease-out;
}
.mobile_menu a.active,
.mobile_menu span.active {
    background-color: rgba(75, 74, 131, 0.9);
    color: #fff;
}
.mobile_menu li li a,
.mobile_menu li li span.active,
.mobile_menu li li span.trail,
.mobile_menu li li span.forward {
    padding-left: 1.9em;
    border-bottom: 0;
    font-weight: normal;
}
.mobile_menu li li a:hover,
.mobile_menu li li a:focus,
.mobile_menu li li span.active:hover,
.mobile_menu li li span.active:focus,
.mobile_menu li li span.trail:hover,
.mobile_menu li li span.trail:focus,
.mobile_menu li li span.forward:hover,
.mobile_menu li li span.forward:focus {
    outline: 0;
    text-decoration: none;
    background-color: rgba(75, 74, 131, 0.25);
    color: #333;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3);
    -webkit-transition: background-color 0.2s ease-out;
    -moz-transition: background-color 0.2s ease-out;
    -o-transition: background-color 0.2s ease-out;
    transition: background-color 0.2s ease-out;
}
.mobile_menu li li li a,
.mobile_menu li li li span.active,
.mobile_menu li li li span.trail,
.mobile_menu li li li span.forward {
    padding-left: 2.5em;
    border-bottom: 0;
    font-weight: normal;
    background-color: rgba(75, 74, 131, 0.3);
}
.mobile_menu:after {
    content: "\e009";
    display: block;
    font: 1.14286em/1 "RockSolid Icons";
    position: relative;
    text-indent: 0;
    text-rendering: geometricprecision;
    color: #653b16;
}
.LogoHeaderMobile {
    text-align: center;
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}
.LogoHeaderMobile h1 img {
    margin-left: 0;
}
.mobile_menu .logo {
    border: 0;
    padding: 0;
    margin: 0;
    max-width: 100%;
}
.mobile_menu .logo a,
.mobile_menu .logo a:hover,
.mobile_menu .logo a:focus {
    background: transparent;
    box-shadow: none;
    width: 100%;
    max-width: 100%;
    border: 0;
    margin: 0;
}
.footer-info .rocksolid-copyright {
    display: none;
}
.footer-info {
    margin: 0 6.8% 0 0;
}
.logo {
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: inherit;
    overflow: hidden;
    float: left;
    margin: 0.5em 0 0.5em 2em;
    padding: 0;
}
.logo a {
    display: block;
    overflow: hidden;
}
.logo img {
    position: relative;
    display: block;
    image-rendering: auto;
    padding: 0.3em 0;
    height: auto;
    max-width: 100%;
    z-index: 2;
}
@media screen and (max-width: 1250px) {
    .logo {
        display: block;
        font-size: inherit;
        overflow: hidden;
        float: left;
        margin: 0.5em 0;
        padding: 0;
        max-width: 77%;
    }
    .logo img {
        margin: 0 0 0 1em;
        max-width: 85%;
        min-width: 200px;
    }
    .LogoHeaderMobile .logo img {
        margin: 0;
    }
}
.header--fixed {
    position: fixed;
    z-index: 10;
    right: 0;
    left: 0;
    top: 0;
     background: rgba(255, 255, 255, 1);
}
.ha-header-front {
    background: rgba(255, 255, 255, 1);
    z-index: 2;
    display: block;
}
@media screen and (max-width: 1250px) {
    .ha-header-front .main-navigation,
    .ha-header-front .sub-navigation {
        display: none;
    }
    #back-top {
        display: none;
    }
    .mod_customnav.sub-navigation {
        text-align: right;
        float: right;
        display: inline-block;
        padding: 1.25em 0 0 0;
        margin-right: 0.5em;
    }
}
@media screen and (max-width: 601px) {
  .mod_customnav.sub-navigation {      
        padding: 1.5em 0 0 0;       
    }
} */


/*autocomplete*/

.filterToggle {
	display: none;
}

@media (max-width: 600px) {

	.filterToggle {
		display: block;
		width: 100%;
		margin-top: 10px;
		margin-bottom: 10px;
		padding: 0.75rem 1rem;
		border: 0;
		border-radius: 6px;
		background: #4d4a8d;
		color: #fff;
		font-weight: 600;
		text-align: center;
		cursor: pointer;
		box-sizing: border-box;
	}

	.filter-buttons {
		display: none;
	}

	.filter-buttons.is-open {
		display: grid;
		gap: 8px;
	}

	.filter-buttons button {
		width: 100%;
		box-sizing: border-box;
		text-align: center;
	}

}

.autoCompleteContainer{
    width: 100%;
    max-width: 601px;
    position: relative;   
    margin: 2em auto 0 auto;
    /* flex-direction: column;  */
}


.ui-autocomplete {
    max-height: 10em;
    overflow-y: auto;
    overflow-x: hidden;
}
.ui-menu-item{
   cursor:pointer;
}

.ui-front {
    background: rgba(255, 255, 255, 0.85);
    position: absolute;
    z-index:9;
    border: 1px solid #ddd;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3);
    padding: 1em;
}
.main-content input.autocompleteForm {
    color: #333;
    width: 83.0%;
    margin: 0 1.5% 0 0;
}
.main-content button.resetTags {
    width:15%;
    padding: 0.5em 1%;
    border-color:#a4a3cd;
    background:#a4a3cd;
    font-size:0.8em;
}


@media (max-width: 600px) {

	.ui-autocomplete {
		width: calc(100vw - 40px) !important;
		max-width: calc(100vw - 40px) !important;
		left: 20px !important;
		right: 20px !important;
		box-sizing: border-box;
		max-height: 60vh;
		overflow-y: auto;
		overflow-x: hidden;
		z-index: 99999;
	}

	.ui-autocomplete .ui-menu-item {
		width: 100%;
		box-sizing: border-box;
	}

	.ui-autocomplete .ui-menu-item-wrapper {
		white-space: normal;
		overflow-wrap: break-word;
		word-break: normal;
		line-height: 1.35;
		padding: 10px 12px;
		box-sizing: border-box;
	}

}


/*ende autocomplete*/

.backToTopFooter {
    font-size: 1.6em;
}
.backToTopFooter ul li a {
    padding: 1em 0;
}

.animated {
    -webkit-animation-duration: 0.5s;
    -moz-animation-duration: 0.5s;
    -o-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    will-change: transform, opacity;
}
/* @-webkit-keyframes slideDown {
    0% {
        -webkit-transform: translateY(-100%);
    }
    100% {
        -webkit-transform: translateY(0);
    }
}
@-moz-keyframes slideDown {
    0% {
        -moz-transform: translateY(-100%);
    }
    100% {
        -moz-transform: translateY(0);
    }
}
@-o-keyframes slideDown {
    0% {
        -o-transform: translateY(-100%);
    }
    100% {
        -o-transform: translateY(0);
    }
}
@keyframes slideDown {
    0% {
        transform: translateY(-100%);
    }
    100% {
        transform: translateY(0);
    }
}
.animated.slideDown {
    -webkit-animation-name: slideDown;
    -moz-animation-name: slideDown;
    -o-animation-name: slideDown;
    animation-name: slideDown;
}
@-webkit-keyframes slideUp {
    0% {
        -webkit-transform: translateY(0);
    }
    100% {
        -webkit-transform: translateY(-100%);
    }
}
@-moz-keyframes slideUp {
    0% {
        -moz-transform: translateY(0);
    }
    100% {
        -moz-transform: translateY(-100%);
    }
}
@-o-keyframes slideUp {
    0% {
        -o-transform: translateY(0);
    }
    100% {
        -o-transform: translateY(-100%);
    }
}
@keyframes slideUp {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(-100%);
    }
}
.animated.slideUp {
    -webkit-animation-name: slideUp;
    -moz-animation-name: slideUp;
    -o-animation-name: slideUp;
    animation-name: slideUp;
} */


.team-item {
    margin: 3em 0 3em 0;
}
.centered-wrapper {
    background: rgba(0, 0, 0, 0) none no-repeat scroll 50% 50% / cover;
    clear: both;
    position: relative;
}
.centered-wrapper::before {
    content: "";
    display: table;
}
.centered-wrapper::after {
    clear: both;
    content: "";
    display: table;
}
.centered-wrapper.-vertical-centered {
    -moz-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-pack: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.centered-wrapper .rs-columns.-vertical-centered {
    -moz-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-pack: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
@media screen and (max-width: 999px) {
    .centered-wrapper .rs-columns.-vertical-centered {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
        flex-direction: column;
        margin: 3em 0;
    }
    .centered-wrapper .rs-columns.-vertical-centered .rs-column {
        margin-right: 0;
    }
    .team-item {
        margin: 3em 0 3em 0;
    }
}
.centered-wrapper.-border-top {
    border-top: 1px solid #dcdcdc;
}
.centered-wrapper.-border-bottom {
    border-bottom: 1px solid #dcdcdc;
}
.centered-wrapper.-color-inverted {
    color: #fff;
}
.centered-wrapper.-highlight-color {
    background-color: #8c8c8c;
}
.centered-wrapper.-background-color-1 {
    background-color: #353d47;
}
.centered-wrapper.-background-color-2 {
    background-color: #f5f5f5;
}
.centered-wrapper.-height-small {
    min-height: 300px;
}
@media screen and (max-width: 601px) {
    .centered-wrapper.-height-small {
        min-height: 200px;
    }
}
.centered-wrapper.-height-medium-smaller {
    min-height: 500px;
}
@media screen and (max-width: 601px) {
    .centered-wrapper.-height-medium-smaller {
        min-height: 400px;
    }
}
.centered-wrapper.-height-medium {
    min-height: 600px;
}
@media screen and (max-width: 601px) {
    .centered-wrapper.-height-medium {
        min-height: 400px;
    }
}
.centered-wrapper.-height-medium-bigger {
    min-height: 650px;
}
@media screen and (max-width: 601px) {
    .centered-wrapper.-height-medium-bigger {
        min-height: 400px;
    }
}
.centered-wrapper.-height-large {
    min-height: 900px;
}
@media screen and (max-width: 601px) {
    .centered-wrapper.-height-large {
        min-height: 600px;
    }
}
.centered-wrapper.-viewport-height {
    min-height: calc(100vh - 130px);
}
@media screen and (max-width: 999px) {
    .centered-wrapper.-viewport-height {
        min-height: calc(100vh);
    }
}
@media screen and (max-width: 601px) {
    .centered-wrapper.-viewport-height {
        min-height: 100vh;
    }
}
.centered-wrapper.-viewport-height.-vertical-centered {
    min-height: calc(100vh - 3em);
}
@media screen and (max-width: 999px) {
    .centered-wrapper.-viewport-height.-vertical-centered {
        min-height: calc(100vh - 3em);
    }
}
@media screen and (max-width: 601px) {
    .centered-wrapper.-viewport-height.-vertical-centered {
        min-height: 100vh;
    }
}

/*startSlider Height*/

.startSlider.borderTop{border-top:1px solid #cecece;}
.startSlider.borderBottom{border-bottom:1px solid #cecece;}
.centered-wrapper.-startSlider-height {
    min-height: 700px;
}
.centered-wrapper.-startSlider-height.-vertical-centered {
    min-height: 700px;
}

/*startSlider Height End*/


.centered-wrapper.-background-mousemove,
.centered-wrapper.-background-mousemove-inverted,
.centered-wrapper.-background-parallax {
    overflow: hidden;
}
.centered-wrapper.-fade-in.not-in-view {
    opacity: 0;
}
.centered-wrapper.-fade-in.in-view {
    transition: opacity 1.5s ease 0s;
}
.centered-wrapper-background {
    background: rgba(0, 0, 0, 0) none no-repeat scroll 50% 50% / cover;
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
}
.centered-wrapper-background video {
    left: 50%;
    min-height: 100%;
    min-width: 100%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
}
.-background-mousemove > .centered-wrapper-background,
.-background-mousemove-inverted > .centered-wrapper-background {
    right: -12%;
}
.centered-wrapper-background-2 {
    background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.centered-wrapper-inner {
    position: relative;
}
.centered-wrapper-inner,
.mega-dropdown-inner,
.news-footer > h1,
.news-footer-item-inner {
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
    width: 90%;
}
@media screen and (max-width: 1250px) {
    .centered-wrapper-inner {
        width: 92%;
    }
}
.centered-wrapper-inner.-fullwidth {
    margin: 0;
    max-width: none;
    width: 100%;
}
.centered-wrapper-inner.-fullwidth-padded {
    max-width: none;
    padding-left: 2.66667em;
    padding-right: 2.66667em;
}
@media screen and (max-width: 1280px) {
    .centered-wrapper-inner.-fullwidth-padded {
        padding-left: 0;
        padding-right: 0;
    }
}
@media screen and (max-width: 999px) {
    .centered-wrapper.-no-background-tablet > .centered-wrapper-background,
    .centered-wrapper.-no-background-tablet > .centered-wrapper-background-2 {
        display: none;
    }
}
@media screen and (max-width: 601px) {
    .centered-wrapper.-no-background-mobile > .centered-wrapper-background,
    .centered-wrapper.-no-background-mobile > .centered-wrapper-background-2 {
        display: none;
    }
}
.typing-headline {
    margin-top: 2.66667em;
    margin-bottom: 2.66667em;
    text-align: center;
}
.typing-headline.-align-left {
    text-align: left;
}
.typing-headline.-align-right {
    text-align: right;
}
.typing-headline.-small > h1,
.typing-headline.-small > h2 {
    font-size: 1.6em;
}
.typing-headline.-small > p {
    font-size: 1.2em;
}
.typing-headline.-medium > h1,
.typing-headline.-medium > h2 {
    font-size: 2.4em;
}
@media screen and (max-width: 599px) {
    .typing-headline.-medium > h1,
    .typing-headline.-medium > h2 {
        font-size: 1.86667em;
    }
}
.typing-headline.-medium > p {
    font-size: 1.0em;
}
.typing-headline.-large > h1,
.typing-headline.-large > h2 {
    font-size: 3.2em;
}
@media screen and (max-width: 599px) {
    .typing-headline.-large > h1,
    .typing-headline.-large > h2 {
        font-size: 2.13333em;
    }
}
.typing-headline.-large > p {
    font-size: 1.4em;
}
.typing-headline.-super-size > h1,
.typing-headline.-super-size > h2 {
    font-size: 4.8em;
}
@media screen and (max-width: 599px) {
    .typing-headline.-super-size > h1,
    .typing-headline.-super-size > h2 {
        font-size: 2.8em;
    }
}
.typing-headline.-not-bold > h1 {
    font-weight: normal;
}
.typing-headline h1,
.typing-headline h2 {
    position: relative;
    margin: 0;
    font-size: 4em;
    line-height: 1.2;
}
@media screen and (max-width: 599px) {
    .typing-headline h1,
    .typing-headline h2 {
        font-size: 2.4em;
    }
}
.modernizr-csstransitions .typing-headline h1 > .typing-headline-dummy,
.modernizr-csstransitions .typing-headline h2 > .typing-headline-dummy {
    color: transparent;
    pointer-events: none;
}
.typing-headline h1 > .typing-headline-text,
.typing-headline h2 > .typing-headline-text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-shadow: 4px 4px 6px #444;
}
.typing-headline h1 > .typing-headline-text.is-typing:after,
.typing-headline h1 > .typing-headline-text.is-done-typing:after,
.typing-headline h2 > .typing-headline-text.is-typing:after,
.typing-headline h2 > .typing-headline-text.is-done-typing:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 1em;
    margin: -0.5em -0.06667em -0.5em 0.03333em;
    border-left: 2px solid currentColor;
}
.typing-headline h1 > .typing-headline-text.is-done-typing:after,
.typing-headline h2 > .typing-headline-text.is-done-typing:after {
    margin-right: -0.33333em;
    margin-left: 0.3em;
    -webkit-animation: typing-cursor 0.5s linear infinite alternate;
    -moz-animation: typing-cursor 0.5s linear infinite alternate;
    -o-animation: typing-cursor 0.5s linear infinite alternate;
    animation: typing-cursor 0.5s linear infinite alternate;
}
.typing-headline h1 {
    font-weight: bold;
}
.-color-inverted .typing-headline h1 {
    color: white;
}
.typing-headline h2 {
    font-weight: normal;
}
.-color-inverted .typing-headline h2 {
    color: white;
}
.typing-headline p {
    margin: 2.5em 16.66667% 1em 16.66667%;
    color: #242424;
    font-size: 1.6em;
    text-shadow: 4px 4px 6px #444;
}
@media screen and (max-width: 599px) {
    .typing-headline p {
        margin-right: 0;
        margin-left: 0;
    }
}
.-color-inverted .typing-headline p {
    color: white;
}
.typing-headline.-align-left > p {
    margin-left: 0;
}
.typing-headline.-align-right > p {
    margin-right: 0;
}
.typing-headline h1 + .button,
.typing-headline h2 + .button {
    margin-top: 2.4em;
}
@-moz-keyframes typing-cursor {
    from,
    10% {
        opacity: 0;
    }
    to,
    60% {
        opacity: 1;
    }
}
@-webkit-keyframes typing-cursor {
    from,
    10% {
        opacity: 0;
    }
    to,
    60% {
        opacity: 1;
    }
}
@-o-keyframes typing-cursor {
    from,
    10% {
        opacity: 0;
    }
    to,
    60% {
        opacity: 1;
    }
}
@keyframes typing-cursor {
    from,
    10% {
        opacity: 0;
    }
    to,
    60% {
        opacity: 1;
    }
}
.kontaktBg {
    background: #a3a2cc45;
    padding: 0 2em 2em 2em;
}
/* .kontaktform {
    padding: 2em;
} */
.kontaktform fieldset {
    margin: 0;
    padding: 0.4em;
    border: 1px solid #d3d3d3;
}
.mod_cms_accept_tags,
.mod_cms_cookie_bar {
    font-family: Arial, Helvetica, Sans-serif;
    font-size: 14px;
    line-height: 1.33;
}
.mod_cms_accept_tags button,
.mod_cms_cookie_bar button {
    color: #fff;
    border: 0;
    padding: 10px;
}
.mod_cms_accept_tags button[value="accept"],
.mod_cms_cookie_bar button[value="accept"] {
    background-color: #27ae60;
}
.mod_cms_accept_tags button[value="reject"],
.mod_cms_accept_tags button[value="accept"].first,
.mod_cms_cookie_bar button[value="reject"],
.mod_cms_cookie_bar button[value="accept"].first {
    background-color: #7f8c8d;
}
.mod_cms_cookie_bar {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 1000;
    width: 100vw;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    background: #fff;
}
.mod_cms_cookie_bar form {
    display: block;
    max-width: 800px;
    margin: 0 auto;
}
.mod_cms_cookie_bar form .formbody {
    margin: 30px;
}
.mod_cms_cookie_bar form .formbody .info {
    font-size: 12px;
}
.mod_cms_cookie_bar form .formbody .widget-submit {
    text-align: right;
}
.mod_cms_accept_tags {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 100vh;
    overflow: auto;
    background: rgba(255, 255, 255, 0.5);
    color: #222;
}
.mod_cms_accept_tags .formbody .widget-submit {
    text-align: right;
}
.mod_cms_accept_tags form {
    display: block;
    max-width: 800px;
    max-height: 60vh;
    overflow: auto;
    margin: 30px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    background: #fff;
}
.mod_cms_accept_tags form > .formbody,
.mod_cms_accept_tags form > .tags > div {
    padding: 15px;
}
.mod_cms_accept_tags form > .tags {
    display: flex;
    flex-wrap: wrap;
}
.mod_cms_accept_tags form > .tags > div {
    flex-basis: 0;
    flex-grow: 1;
}
.mod_cms_accept_tags form > .tags > div .head {
    display: flex;
    justify-content: space-between;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 15px;
}
.mod_cms_accept_tags form > .tags > div .head input {
    display: none;
}
.mod_cms_accept_tags form > .tags > div .head label {
    display: inline-block;
    flex-shrink: 0;
    position: relative;
    background: #95a5a6;
    width: 40px;
    height: 16px;
    border-radius: 13px;
    cursor: pointer;
    margin-left: 10px;
}
.mod_cms_accept_tags form > .tags > div .head label:after {
    content: "";
    display: block;
    position: absolute;
    top: -2px;
    left: 0;
    width: 20px;
    height: 20px;
    background: #798d8f;
    border-radius: 50%;
    transition: all 0.3s;
}
.mod_cms_accept_tags form > .tags > div .head input:checked + label {
    background: #7ee2a8;
}
.mod_cms_accept_tags form > .tags > div .head input:checked + label:after {
    left: 100%;
    transform: translateX(-100%);
}
.mod_cms_accept_tags form > .tags > div p {
    font-size: 12px;
}
.smallerFont {
    font-size: 15px;
}
@media screen and (max-width: 601px) {
    .smallerFont {
        font-size: 13px;
    }
}

.portale .centered-wrapper-inner{max-width:999px;}

@media screen and (max-width:601px){
	.portale .rs-columns{
		text-align:center;
	}
	/* .portale .image_container{
		margin-left:93px;
		} */
	.portale .image_container img{
		margin:0 auto;
		}
}

.kontaktliste {
    margin-top: 2em;
}
.kontakt.block,.kontaktliste.block {
   overflow:inherit;
}
.sticky{position:sticky;top:134px;}

.fb-video-wrap{
  position:relative;
  width:100%;
  aspect-ratio:16/9;
}
.fb-video-wrap iframe{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:0;
}

.kontaktliste .news-image-teaser {
    overflow: hidden;
    padding: 0;
    max-width: 100%;
    display: block;
    float: none;
    border-bottom: 1px solid #cccccc;
    margin: 0 2.8% 1em 0;    
}
.kontaktliste .news-image-teaser .newsContent{
    font-size:0.85em;
}
.kontaktliste .news-image-teaser-image-left {
    position: relative;
    float: left;
    margin-right: 2.0606%;
    margin-left: 0;
    margin-bottom: 1em;
    max-width: 130px;
}

/*form-matratzenCheck*/
.matratzenCheck form{
  column-count: 2;
  column-gap: 4rem;
}
@media screen and (max-width:601px){
 .matratzenCheck form{
  column-count: 1;
  
}
	
}

.main-content .rs-columns .kontaktliste h2 {
    margin: 0;
    padding: 0;
    text-align: left;
    font-size: 1.4em;
}

.blog .mod_newslist .layout_latest,.blog .mod_newslist .layout_latest.odd{
      -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;  
}

.iconImageLink {
    display: flex;
    margin: 2em 0;
}
.iconImageLink-image {
    margin: 0 0.5em 0 0;
    max-width: 55px;
    width: 100%;
}
.iconImageLink-text {
    margin: 0em 0 1em 0;
    font-size: 1.2em;
}
.infoLink {
    font-weight: 400;
}
.iconImageLink .linkdesc {
    font-size: 0.8em;
    margin: 0.5em 0 0 0;
}
.iconImageLink .linkdesc p {
   
    margin: 0 0 0 0;
}


/*rsce-popup-teaser*/
.rsce-popup-teaser {
  position: fixed;
  left: 5px;
  bottom: 5px;
  width: 100%;
  max-width:290px;
  z-index: 9999;
  opacity: 0;
  transform: translateY(10px);
  pointer-events: none;
  transition: opacity .25s ease, transform .25s ease;
}

.rsce-popup-teaser p{margin:0}

.rsce-popup-teaser.is-visible {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

.rsce-popup-teaser__inner {
  position: relative; /* wichtig für Close-Position */
  background: #fff;
  border: 1px solid rgba(0,0,0,.12);
  border-radius: 10px;
  box-shadow: 0 8px 24px rgba(0,0,0,.18);
  padding: 0.5em;

}

.rsce-popup-teaser__close {
  position: absolute;
  top: -18px;
  right: 3px;
  border: 0;
  background: transparent;
  font-size: 1.5em;
  line-height: 1;
  cursor: pointer;
  padding: 3px 6px;
 
}

.rsce-popup-teaser__headline {
  font-size:1.32em;  
  font-weight: 600;
  margin-bottom: 8px;
}

/* .rsce-popup-teaser__teaser,
.rsce-popup-teaser__text {
  margin-bottom: 10px;
} */

.rsce-popup-teaser__actions {
  margin-top: 10px;
}

.rsce-popup-teaser__link {
  display: inline-block;
  padding: 8px 12px;
  border-radius: 8px;
  text-decoration: none;
  border: 1px solid rgba(0,0,0,.18);
}
.rsce-popup-teaser .star{font-size:1.25em;}
.rsce-popup-teaser span.text{display:block;margin-top:0.5em}
/* Close-Button: erst sichtbar, wenn Popup sichtbar ist – ohne Hover-Abhängigkeit */
.rsce-popup-teaser .rsce-popup-teaser__inner .rsce-popup-teaser__close {
  opacity: 0;
  visibility: hidden;
  color: #7e7e7e;
  transition: opacity .15s ease, visibility 0s linear .15s;
}

ol.showListNumbers li{list-style-type:inherit;}

/* Sobald Popup eingeblendet: Close sichtbar */
.rsce-popup-teaser.is-visible .rsce-popup-teaser__inner .rsce-popup-teaser__close {
  opacity: 1;
  visibility: visible;
  transition: opacity .15s ease;
}

/* Hover darf NICHT die einzige Sichtbarkeit sein – aber darf gern optisch reagieren */
.rsce-popup-teaser.is-visible .rsce-popup-teaser__inner .rsce-popup-teaser__close:hover,
.rsce-popup-teaser.is-visible .rsce-popup-teaser__inner .rsce-popup-teaser__close:focus {
  opacity: 1;
  visibility: visible;
}
@media screen and (max-width:599px){
   .rsce-popup-teaser {  
  max-width:190px; 
  
} 
.rsce-popup-teaser__close { 
  top:-17px;
  right: -2px; 
}

iframe.responsiveVideo{max-width:305px;}

}


@media screen and (max-width: 999px) {
    .rs-columns.spaltenKontakt {
        display: flex;
        flex-direction: column-reverse;
        flex-wrap: wrap;
    }
}

/**/

.spacerTop0 {margin-top: 0em!important;}
.spacerTop1 {margin-top: 1em!important;}
.spacerTop2 {margin-top: 2em!important;}
.spacerTop3 {margin-top: 3em!important;}
.spacerTop4 {margin-top: 4em!important;}
.spacerTop5 {margin-top: 5em!important;}
.spacerBottom1 {margin-bottom: 1em!important;}
.spacerBottom2 {margin-bottom: 2em!important;}
.spacerBottom3 {margin-bottom: 3em!important;}
.spacerBottom4 {margin-bottom: 4em!important;}
.spacerBottom5 {margin-bottom: 5em!important;}


@media screen and (max-width:599px){
 
iframe.responsiveVideo.spacerTop3{margin-top:1em!important;}

}


.liDot ul li,ul.liDot li{list-style-type:disc;margin: 0 0 0 1.2em;}




@media print {

  body {
    font-size: 15px !important;
  }

  /* .page-header {
    padding-bottom: 0 !important;
  }

  .header--fixed {
    position: static !important;
    transform: none !important;
  } */

  .filter-buttons,
  .rsce-popup-teaser.is-visible,
  .sideBoxContainer {
    opacity: 0 !important;
    display: none !important;
  }

  /*
   * Masonry/JS-Grid im Druck deaktivieren
   */
  .mod_iso_productlist .product_list.grid {
    position: static !important;
    width: 100% !important;
    height: auto !important;

    display: block !important;
    font-size: 0 !important;
  }

  .mod_iso_productlist .product_list.grid .grid-sizer {
    display: none !important;
  }

  /*
   * Inline position:absolute der Produkte überschreiben
   * und zweispaltig per inline-block ausgeben
   */
  .mod_iso_productlist .product_list.grid > div.product {
    position: static !important;
    left: auto !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    transform: none !important;

    display: inline-block !important;
    vertical-align: top !important;

    width: 48% !important;
    max-width: 48% !important;
    min-width: 0 !important;

    float: none !important;
    clear: none !important;

    margin: 0 2% 16px 0 !important;
    box-sizing: border-box !important;
    overflow: visible !important;

    font-size: 14px !important;

    break-inside: avoid !important;
    page-break-inside: avoid !important;
  }

  /*
   * Jedes zweite Produkt ohne rechten Abstand.
   *
   * Wegen .grid-sizer als erstem div:
   * grid-sizer = nth-of-type(1)
   * product_0  = nth-of-type(2)
   * product_1  = nth-of-type(3)
   * product_2  = nth-of-type(4)
   * product_3  = nth-of-type(5)
   */
  .mod_iso_productlist .product_list.grid > div.product:nth-of-type(2n + 1) {
    margin-right: 0 !important;
  }

  /*
   * 4 Produkte pro Seite:
   * Umbruch vor product_4, product_8, product_12, ...
   *
   * Wegen .grid-sizer:
   * product_4 = nth-of-type(6)
   * product_8 = nth-of-type(10)
   * product_12 = nth-of-type(14)
   * daher: 4n + 2
   */
  .mod_iso_productlist .product_list.grid > div.product:nth-of-type(4n + 2):not(.product_first) {
    break-before: page !important;
    page-break-before: always !important;
  }

  /*
   * Zusätzliche Absicherung über die vorhandenen product_X-Klassen
   */
  .mod_iso_productlist .product_list.grid > div.product.product_4,
  .mod_iso_productlist .product_list.grid > div.product.product_8,
  .mod_iso_productlist .product_list.grid > div.product.product_12,
  .mod_iso_productlist .product_list.grid > div.product.product_16,
  .mod_iso_productlist .product_list.grid > div.product.product_20,
  .mod_iso_productlist .product_list.grid > div.product.product_24,
  .mod_iso_productlist .product_list.grid > div.product.product_28,
  .mod_iso_productlist .product_list.grid > div.product.product_32 {
    break-before: page !important;
    page-break-before: always !important;
  }

  /*
   * Bilder im Druck kompakter halten,
   * damit zwei Reihen pro Seite besser Platz haben
   */
  .mod_iso_productlist .product_list.grid > div.product img {
    max-width: 100% !important;
    height: auto !important;
    max-height: 48mm !important;
    object-fit: contain !important;
  }

  .mod_iso_productlist .product_list.grid > div.product .image_container {
    margin-bottom: 4mm !important;
  }

  /*
   * Produktdetails kompakter
   */
  .mod_iso_productlist .productdetails h2 {
    font-size: 16px !important;
    line-height: 1.2 !important;
    margin: 0 0 3mm 0 !important;
  }

  .mod_iso_productlist .beschreibungAktionList,
  .mod_iso_productlist .probeliegen {
    margin-bottom: 2mm !important;
  }

  .mod_iso_productlist .offer,
  .mod_iso_productlist .price {
    margin-bottom: 3mm !important;
  }

  /*
   * Teaser sichtbar machen + clear: both
   */
  .mod_iso_productlist .product_list.grid > div.product .teaser,
  .product .teaser,
  .productdetails .teaser,
  .product:hover .teaser {
    clear: both !important;

    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;

    max-height: none !important;
    height: auto !important;
    overflow: visible !important;

    transform: none !important;
    transition: none !important;
    animation: none !important;

    font-size: 13px !important;
    line-height: 1.35 !important;
    margin-top: 3mm !important;
  }

  .mod_iso_productlist .product-item-bottom {
    margin-top: 4mm !important;
  }

  .mod_iso_productlist .detailBtn {
    display: inline-block !important;
  }
}