.logo img {
        width: 220px;
    }
.headline-left{
	align-self: center;
}
.custom{
	border-bottom:1px solid #cccccc;
}

	.slider-text-button .headline{
    /*	font-size:1.8rem;
    	font-weight:bold;
    	letter-spacing: 5px;
    	color:#ffffff;
    	display:none;*/
}
	.sliderBanner .text{
    /*	font-size:1.4rem;
    	font-weight:bold;
    	display:none;*/
}
    .slider-text-button{
    	background: rgba(150, 150, 150, .6);
}
#top-logos{
	background-color:#f4f4f4;
	padding-top:10px;
}
#top-logos .inside{
display: grid;
    grid-template-columns: .5fr 10fr .5fr;
    grid-gap: 0px;
}


#top-custom{

	top:0;
	background-color: #ffffff;
	z-index:99;
	width:100%;
	height:104px;
}
.logos {
    clear: both;
    width: 100%;
    max-width: 100%;
    align-items: center;
    border: 0!important;
}

header{
    background-color: #ffffff;
}
#header .inside {
    position: relative;
    z-index: 1000000;
}
#top-bar{
	position:fixed;
	z-index:10;
	width:100%;
}
/* Headline unter Bild*/
.headline-center{
	margin: 0 auto;
	text-align: center;
}
.headline{
	font-size:30px;
	color: var(--color-text);
	letter-spacing: 0.1em;
	
}
.sub-headline{
	font-size:14px;
	color: var(--color-text);
}

/* Headline unter Bild*/
/* Slider Controlls*/
.rsts-skin-default.rsts-main{
	border-bottom: 1px solid #ccc;
}
/* Controls formatieren */
.rsts-skin-default .rsts-nav-bullets a  {
    height: 6px;
    line-height: 20px;
    text-align: center;
    display: block;
    cursor: pointer;
    background: #ffffff;
    color: #ffffff;
    width: auto;
    border-radius:0px;
}
.rsts-skin-default .rsts-nav-bullets a.active  {
    height: 6px;
    line-height: 20px;
    text-align: center;
    display: block;
    cursor: pointer;
    background-color: #fce267;
    color: #ffffff;
    width: auto;
    border-radius:0px;
    box-shadow:none;
}


.rsts-skin-default .rsts-nav > li {
    float: left;
    width: 25%;
    position: relative;
}



/* Bildunterschrift auf dem Bild positionieren */



/* mittige Ausrichtung der Controls - funktioniert im Zusammenspiel mit inline-block */
.rsts-skin-default .rsts-nav ul {
    text-align: center;
    position: relative;
}

/* Controls nebeneinander bringen */
.rsts-skin-default .rsts-nav li {
    display: inline-block;
    width: 13%;
}

/* Controls formatieren */
.sliderControls label {
    height: 6px;
    line-height: 20px;
    text-align: center;
    display: block;
    cursor: pointer;
    background: #ffffff;
    color: #ffffff;
    border: 1px solid #cccccc;
}


/* Slider Controls ENDE */




.header-container{
  /*  display:grid;
    grid-template-columns: 1fr 6fr 1fr;*/
}

.inner-header-container .logo{
    margin:0;
    padding-right:20px;
    width:170px;
    position:absolute;
    z-index:100;
}

.inner-header-container a{
    text-decoration: none;
    color:#6e6e6e;
}
    .header-top-bar {
	  height:70px;
	}
	.header-top-bar .inner {
	  padding-top:20px;
	}
     
    .header-top-bar .formbody .widget-submit {
	    width: 30px;
	    padding-left: 9px;
	    border: none !important;
	}
	nav.topbar {
	   text-align: end;
	   margin-right: 20px;
	}
	nav.topbar a{
	   color:#ffffff;
	   text-decoration:underline;
	   font-weight:bold;
	}
	
	.formbody.header-search{
		display:flex;
	}
	#top-bar {
	   /* display: grid;
	    grid-template-columns: .5fr 10fr .5fr;*/
        background-color: #fbb933;
}

	.subnav ul::before {
	    content: "Du möchtest: ";
	    color:#ffffff;
	    font-size: 18px;
	    font-weight: bold;
	}
	.topbar ul::before {
	    content: "Du möchtest: ";
	    color:#ffffff;
	    font-size: 18px;
	    font-weight: bold;
	   
	}
	.top-bar ul li a {
	 text-decoration:underline;
	   
	}
	#left nav li {

	    color: #4a6064;
	    font-size: 18px;
	    list-style:none;
	}
	#left nav li a {
	    color: #4a6064;
	    text-decoration:none;
	}
	#left nav li.active, #left nav li:hover {
	    border-bottom: 3px solid #FBB933;
	    color: #4a6064;
	    font-size: 18px;
	}
	
	
.header-full-logo-artikelseite{
	width:100;
	display: flex;
    justify-content: center;
}
.header-full-logo-artikelseite img{
	width:100;

}
	
	
    #footer{
        display:grid;
        grid-template-columns: .8fr 6fr .8fr;
    	border-top:var(--color-footer-border);
    	background-color:var(--color-gray-light);


    }
     #footer-adress-block{
        display:grid;
        grid-template-columns: 1fr;
        grid-gap:20px;
    }

    #footer .footer-logo img{

    	height:auto;
    	margin-top: 20px;
    }
    #footer .footer-logo a{
    	text-decoration:none;
    	color:#ffffff;
    	font-size:18px;
    }
    #footer h4{
    	font-size:18px;	
    }
    #footer-adress-block p{
	   	font-size:18px;	
    }
	#footer .mod_search{
	}
     #footer .formbody {
    	width: 100%;
		display:flex;
		padding-top:20px;
     }	

	#footer .formbody input {
	    border-radius: 3px;
	    border: solid 1px #4a6063;
	    height: 32px;
	    line-height: 2em;
	    font-size: 18px;
	}

	#footer .formbody .widget-submit button {	
		color: var(--color-white);
    	background-color: var(--color-footer-bg);
    	padding: 7px 10px;
	}    
	nav.footer-nav{
		display:block;
	}
	nav.footer-nav a{
		color:var(--color-footer-white);
		text-decoration:none;
	}
#wrapper{
/*	margin-top:104px;*/
}
.copyright{
	font-size:12px;
	color:var(--color-text);
	text-align: center;
	border-top:var(--color-footer-border);
}
	.header-container{
	/*	 display: grid;
		 grid-template-columns: .5fr 10fr .5fr;*/
	}
	#top-bar {
	    display: grid;
}
nav.topbar {
    text-align: end;
    /* margin-right: 20px; */
}

	#top-bar .inner {
	    display: grid;
	    grid-template-columns: 8fr 3fr;
}
	#top-bar ul {
	    display: flex;
	    margin-top: 3px;
}
	#top-bar ul li{
	    list-style:none;
	    padding: 0 10px;
	    font-weight: bold;
	    font-size: 18px;
}
	#top-bar ul li a{
	    color:#ffffff;
	    border-bottom: 1px solid #fff;
	    text-decoration:none;
}
	#top-bar ul li.active{
	    color:#ffffff;
	    border-bottom: 1px solid #fff;
	    text-decoration:none;
}	
.footer-nav ul{
	margin:0;
	padding:0;
}

@media only screen and (min-width: 320px) {
.grid-top-logo-search{
	text-align: center;
	display: grid;
	justify-content: center;
}
	.sliderBanner{
		display:none;
	}
	.header-top-bar {
		 height:120px;
	}
	#top-bar .inner {
    	display: block;
	}
	.header-top-bar .inner {
    	padding-top: 20px;
}
.inner-header-container .logo {
    width: 114px;
}
	nav.topbar {
	    text-align: cnter;
	     margin-right: 0px;
	    }
	#top-bar ul {
	    display: flex;
	    margin: 3px 0 0 0;
	    margin-block-start: 0;
	    padding-inline-start: 0px;
	}
	.topbar ul::before {
	    content: "";
	    color:#ffffff;
	    font-size: 18px;
	}
	.mod_search.mobil {
	    background-color: #4f6064;
	    display: grid;
	    /* grid-template-columns: 1fr 8fr 1fr; */
	    justify-content: center;
	    align-items: center;
	    padding-top: 11px;
	    margin-top:14px;
	}
}
@media only screen and (min-width: 718px) {
	.sliderBanner{
		display:block;
	}
		
#top-logos .inside{
	display: grid;
    grid-template-columns: .5fr 10fr .5fr;
    grid-gap: 0px;
}
	 .header-top-bar {
		 height:70px;
	}
	#footer-adress-block{
        display:grid;
        grid-template-columns: 1fr 1fr;
        grid-gap:20px;
    }
    .slider-text-button{
    	padding: 12px 50px 23px 20px;
    	position: absolute;
    	left:172px;
    	top: 30px;
    	color:#ffffff;
}
	.slider-text-button .headline{
    	font-size:35px;
    	font-weight:bold;
    	letter-spacing: 5px;
    	color:#ffffff;
}
	.sliderBanner .text{
    	font-size:18px;
    	font-weight:bold;
}
	.sliderBanner button{
    	background-color:#FBB933;
    	border:none;
    	padding: 10px 20px;
    	color:#ffffff;
    	border-radius:3px;
    	margin-top: 10px;
    	font-size:18px;
	}
	#top-bar ul {
	    display: flex;
	    margin: 3px 0 0 0;
	    padding-inline-start: 20px;
	}
	.topbar ul::before {
	    content: "Du möchtest: ";
	    color:#ffffff;
	    font-size: 18px;
	}
	
	.mod_search.search-orange {
	    background-color: #fbb933;
	    display: grid;
	    /* grid-template-columns: 1fr 8fr 1fr; */
	    margin:0;
	    padding:0;
	    justify-content:none;
	    align-items:none;
	}
	
}

@media only screen and (min-width: 900px){
	
	.headline{
		font-size:38px;
		color: var(--color-text);
		letter-spacing: 0.1em;
		
	}
	.sub-headline{
		font-size:20px;
		color: var(--color-text);
	}
}

/* Start media query für mobile Navigation  */
@media only screen and (min-width: 1024px) {

/*----------------*/
#main{
		 display: grid;
		 grid-template-columns: .5fr 10fr .5fr;
	}
#top-logos .inside{
	display: grid;
    grid-template-columns: 1fr 8fr 1fr;
    grid-gap: 10px;
}
.grid-top-logo-search{
	display:grid;
	grid-template-columns: 3fr 10fr 1fr;
}

	#top-bar .inner {
	    display: grid;
	    grid-template-columns: 8fr 3fr;
}
	#top-bar ul {
	    display:flex;
	    justify-content: flex-end;
}
	#top-bar ul li a{
	    color:#ffffff;
	    border-bottom: 1px solid #fff;
	    text-decoration:none;
}
	#top-bar ul li.active{
	    color:#ffffff;
	    border-bottom: 1px solid #fff;
	    text-decoration:none;
}
    .mobil-icons img{
        margin-top: 20px;
    }

    .mobil-img{
        text-align: center;
    }
    .mobil-img img{
        width: 80%;
    }
 
    .inner-header-container .logo{
       width:182px

    }
    /* Headline unter Bild*/
.headline-center{
	margin: 0 auto;
	text-align: center;
	margin:20px 0;
	align-self: center;
}
.headline{
	font-size:48px;
	color: var(--color-text);
	letter-spacing: 0.1em;
	
}
.sub-headline{
	font-size:24px;
	color: var(--color-text);
}

/* Headline unter Bild*/
    .open img{
        width:44px;
        height:44px;
    }
    .image-slider{
        display: none;
    }
    .bilder img{
        width: 100%;
    }
     .slider-text-button{
    	padding: 12px 50px 23px 20px;
    	position: absolute;
    	left:408px;
    	top: 80px;
    	color:#ffffff;
}
	.slider-text-button .headline{
    	font-size:35px;
    	font-weight:bold;
    	letter-spacing: 5px;
    	color:#ffffff;
}
	.sliderBanner .text{
    	font-size:18px;
    	font-weight:bold;
}
	.sliderBanner button{
    	background-color:#FBB933;
    	border:none;
    	padding: 10px 20px;
    	color:#ffffff;
    	border-radius:3px;
    	margin-top: 10px;
    	font-size:18px;
}
	.mod_search.mobil {
		display:none;
	}
	.mod_search.search-orange {
	    background-color: #fbb933;
	    display: grid;
	    /* grid-template-columns: 1fr 8fr 1fr; */
	    margin:0;
	    padding:0;
	    justify-content:none;
	    align-items:none;
	}

    .container {
        display: grid;
        grid-template-columns: .2fr 10fr .2fr;
        grid-gap: 0px;
    }

    #footer-adress-block{
        display:grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap:20px;
    }
    nav.footer-nav {
	    margin: 0 auto;
	}
	#footer .mod_search {
		margin: 0 auto;
}
}



@media only screen and (min-width: 1025px) and (max-width: 1280px) { 

   /* grid */
#main {
    display: grid;
    grid-template-columns: .5fr 10fr .5fr;
}
#top-logos .inside{
	display: grid;
    grid-template-columns: .5fr 10fr .5fr;
    grid-gap: 10px;
}

	#top-bar .inner {
	    display: grid;
	    grid-template-columns: 8fr 3fr;
}
	#top-bar ul li a{
	    color:#ffffff;
	    border-bottom: 1px solid #fff;
	    text-decoration:none;
}
	#top-bar ul li.active{
	    color:#ffffff;
	    border-bottom: 1px solid #fff;
	    text-decoration:none;
}
    .inner-header-container {

    }
    /* specific item styles */
    .container .image-slider {
        grid-column: span 3;
        background-color: #ffffff;
    }
    ul.sliderControls {
        position: relative;
        /*bottom: 36px;*/
    }
     .slider-text-button{
	   	padding: 12px 50px 23px 20px;
    	position: absolute;
    	left:518px;
    	top: 80px;
    	color:#ffffff;
}
	.slider-text-button .headline{
    	font-size:38px;
    	font-weight:bold;
    	letter-spacing: 5px;
    	color:#ffffff;
}
	.sliderBanner .text{
    	font-size:18px;
    	font-weight:bold;
}
	.sliderBanner button{
    	background-color:#FBB933;
    	border:none;
    	padding: 10px 20px;
    	color:#ffffff;
    	border-radius:3px;
    	margin-top: 10px;
}

    .inner-main-container {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 10px;
    }
    .inner-main-container p{

        padding: 0 6px;
    }
    .inner-main-container h2{
        padding: 0 6px;
    }
    .inner-main-container h3{
        padding: 0 6px;
    }

    main h1 {
        margin-top: 0;
        font-size: 1.5rem;
    }

    main p {
        margin-top: 0;
        line-height: 1.4;
    }



    .logo {
        margin: 0 auto;
    }
    .logo img {
       
    }

    .container section, .container nav, .container footer {
    }


    .bilder{
        text-align: right;
    }



    #footer-adress-block{
        display:grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap:20px;
    }
    .inner-footer-container .logo{
        background-color: #fff;
        margin:0;
        padding:10px;
    }
    footer .kontakt{
        text-align: center;
    }
    footer .kontakt img, footer .facebook img, footer .instagram img{
        margin:10px;
    }
    .footer-text-rechts{
        margin-top: 10px;
    }
    .inner-footer-container{
        display:grid;
        grid-template-columns: 0.5fr 1fr 1fr 1fr;
        grid-gap:20px;


    }
}
@media only screen and (min-width: 1281px) {
#main {
    display: grid;
    grid-template-columns: 1fr 8fr 1fr;
}
#top-logos .inside{
	display: grid;
    grid-template-columns: 1fr 8fr 1fr;
    grid-gap: 10px;
}
#top-bar .inner {
    display: grid;
    grid-template-columns: 8fr 3fr;
}
	#top-bar ul li a{
	    color:#ffffff;
	    border-bottom: 1px solid #fff;
	    text-decoration:none;
}
	#top-bar ul li.active{
	    color:#ffffff;
	    border-bottom: 1px solid #fff;
	    text-decoration:none;
}
  
    /* specific item styles */
    .container .image-slider {
        grid-column: span 3;
        background-color:#ffffff;
    }
    .slider-text-button{
    	padding: 12px 50px 23px 20px;
    	position: absolute;
    	left:600px;
    	top: 46px;
    	color:#ffffff;
}
	.slider-text-button .headline{
    	font-size:3.5rem;
    	font-weight:bold;
    	letter-spacing: 5px;
    	color:#ffffff;
}
	.sliderBanner .text{
    	font-size:1.8rem;
    	font-weight:bold;
}
	.sliderBanner button{
    	background-color:#FBB933;
    	border:none;
    	padding: 10px 20px;
    	color:#ffffff;
    	border-radius:3px;
    	margin-top: 10px;
}
    ul.sliderControls {
        position: relative;
        /*bottom: 36px;*/
    }
    .fixedsticky {
        display: grid;
        grid-template-columns: 1fr 6fr 1fr;
        grid-gap: 10px;
        background-color: #fbb933;
        position: -webkit-sticky;
        position: sticky;
        width: 100%;
        height: 60px;
        margin-bottom: 10px;
    }
    .inner-main-container {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 10px;
    }
    .inner-main-container p{
        padding: 0 6px;
    }
    .inner-main-container h2{
        padding: 0 6px;
    }
    .inner-main-container h3{
        padding: 0 6px;
    }

    main h1 {
        margin-top: 0;
        font-size: 1.5rem;
    }

    main p {
        margin-top: 0;
        line-height: 1.4;
    }



    .logo {
        display:grid;
        justify-content:center;
    }
    .logo img {
        width: 220px;
    }

    .container section, .container nav, .container footer {
    }

    /* nav styles */

    .bilder{
        text-align: right;
    }

    #footer{
        display:grid;
        grid-template-columns: 1fr 8fr 1fr;

    }
     #footer-adress-block{
        display:grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap:20px;
    }
    .inner-footer-container .logo{
        background-color: #fff;
        margin:0;

    }
    footer .kontakt{
        text-align: center;
    }
    footer .kontakt img, footer .facebook img, footer .instagram img{
        margin:10px;
    }
    .footer-text-rechts{
        margin-top: 10px;
    }
    .inner-footer-container{
        display:grid;
        grid-template-columns: 0.5fr 1fr 1fr 1fr;
        grid-gap:20px;


    }
}
@media only screen and (min-width: 1520px) {
	#top-logos .inside{
	display: grid;
    grid-template-columns: 1fr 8fr 1fr;
    grid-gap: 10px;
}
    .slider-text-button{

    	padding: 12px 50px 23px 20px;
    	position: absolute;
    	left:684px;
    	top: 162px;
    	color:#ffffff;
}
	.slider-text-button .headline{
    	font-size:60px;
    	font-weight:bold;
    	letter-spacing: 5px;
    	color:#ffffff;
}
	.sliderBanner .text{
    	font-size:40px;
    	font-weight:bold;
}
	.sliderBanner button{
    	background-color:#FBB933;
    	border:none;
    	padding: 10px 20px;
    	color:#ffffff;
    	border-radius:3px;
    	margin-top: 10px;
    	font-size:20px;
	}
	
}
	




/*@media only screen and (max-width: 768px) {
	

	
	.inner-header-container{
		background-color:none;
	}
	

	#wrapper{
		margin-top:52px;
	
	}
    


.rsts-skin-default .rsts-nav {
    position: absolute;
    right: 0px;
    bottom: 0px;
    left: 0px;
    text-align: center;
}
	.fixedsticky{
		display:none;
	}
}*/