@font-face{
	font-family: 'Open Sans';
	font-display: swap;
	font-style: normal;
	font-weight: 300;
	src: url('../fonts/OpenSans/open-sans-v34-latin-300.woff2') format('woff2');
}
@font-face{
	font-family: 'Open Sans';
	font-display: swap;
	font-style: normal;
	font-weight: 500;
	src: url('../fonts/OpenSans/open-sans-v34-latin-500.woff2') format('woff2');
}
@font-face{
	font-family: 'Open Sans';
	font-display: swap;
	font-style: normal;
	font-weight: 600;
	src: url('../fonts/OpenSans/open-sans-v34-latin-600.woff2') format('woff2');
}
@font-face{
	font-family: 'Open Sans';
	font-display: swap;
	font-style: normal;
	font-weight: 700;
	src: url('../fonts/OpenSans/open-sans-v34-latin-700.woff2') format('woff2');
}
@font-face{
	font-family: 'Open Sans';
	font-display: swap;
	font-style: normal;
	font-weight: 800;
	src: url('../fonts/OpenSans/open-sans-v34-latin-800.woff2') format('woff2');
}
@font-face{
	font-family: 'Open Sans';
	font-display: swap;
	font-style: normal;
	font-weight: regular;
	src: url('../fonts/OpenSans/open-sans-v34-latin-regular.woff2') format('woff2');
}

:root{
	--chili-color-bright-background: #ffffff;
	--chili-color-dark-background: #4a4949ff;
        --chili-color-bright-font: #cecdcd;
	--chili-color-dark-font: #7b7979ff;
	--chili-color-1: #303335ff;
	--chili-color-2: #d7dbdfff;
	--chili-color-3: #ff6d00ff;
	--chili-color-4: #d6d7dbff;
	--chili-color-5: #222526;
}

body{
font-family: 'open Sans';
background-color: #0f0f0f !important;
counter-reset:section;
}
.chili-default .center {
    width: calc( 100% - 0em );
    margin: auto;
    max-width: unset;
}
.content {
    padding-bottom: 0em;
    padding-top: 6em;
}
.chili-default.page_start .content {
    padding-top: 0 !important;
}
header .logo {
    position: relative;
    width: 19em !important;
    display: block;
    margin: auto !important;
        margin-top: auto;
    left: 0;
    right: 0;
    margin-top: -0.5em !important;
z-index: 99  !important;
}
header::after {
    content: '';
    width: 100%;
    height: 6em;
    background-color: var(--chili-color-1);
    z-index: 6;
    display: none;
position: absolute;
top: 0;
}
.startlogo {
    position: relative;
    width: 32em;
    height: auto;
    display: block;
    left: 0;
    text-align: 0;
    top: 0;
    z-index: 9;
    margin: auto;
    right: 0;
}
p {
    font-size: 1em;
    margin: 0 0px 1.5em 0;
    padding: 0px;
}
.chili-default .content .center {
  
    position: relative;
    padding-left: 0em;
padding-right: 0em;
}

.image{
	border-radius: em;
}
.block:first-of-type .image{
	font-size: 0.1em;
}
.block.background{
	background-size: cover;
	width: 100%;
	background-position: center;
	height: auto;
	color: var(--chili-color-bright-font);
	min-height: 100vh;
}
.colored {
    background-color: var(--chili-color-5);
    color: var(--chili-color-bright-font);
}
.block-content {
    margin: auto;
    padding: 4em 0em;
    background-size: cover;
    background-attachment: scroll;
    position: relative;
}
.block.image .block-content {
    padding: 8em 0em 0px 0px;
}

header{
	position: absolute;
	z-index: 2;
	width: 100%;
	background-color: transparent !important;
}
.chili-default .logo{
	width: 10em;
}
.chili-default header nav {
    top: 0;
}
.chili-default.logo {
    position: absolute !important;
    width: 16em !important;
    display: block;
    margin: auto !important;
    margin-top: auto;
    left: 2em;
    right: auto;
    margin-top: 0.5em !important;
max-width: 52em;
top:-16em;
}
.chili-default .logo {
    position: absolute !important;
    width: 16em !important;
    display: block;
    margin: auto !important;
    margin-top: auto;
    left: 2em;
    right: auto;
    margin-top: -0.5em !important;
max-width: 52em;
top:0.8em;
}

.logo img{
	width: 100% !important;
	height: auto !important;
}
.chili-default .toggled + input + header .logo {
    position: relative;
    width: 16em !important;
    display: block;
    margin: auto !important;
        margin-top: auto;
    margin-top: auto;
    left: 2em;
    right: auto;
    margin-top: -0.5em !important;
    top:0.8em;
}
.block-image{
	background-position: bottom center;

}
mark {
    background-color: inherit;
    color: var(--chili-color-3);
text-transform: lowercase;
  font-size: 130%;
}
.block.shape .block-content .block-title{
	font-size: 4em;
	margin-top: 2vw;
	padding-left: 10%;
	width: 50%;
	float: left;
	line-height: 1em;
	font-weight: 400;
}
.block.shape .center svg{
	width: 79vw;
	height: 106vh;
	position: absolute;
	transform: translate(-46%,-50%);
	z-index: -1;
}
.chili-social{
	text-decoration: none !important;
	color: var(--chili-color-bright-font);
}
/*
.block.background:first-of-type .block-content {
    text-align: center;
    opacity: 1;
    transition: all 0.3s;
    position: fixed;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    top: 40%;
    transform: translate(0,-50%);
}
*/
.block.background:first-of-type .block-content {
    text-align: center;
    opacity: 1;
    transition: all 0.3s;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    top: 40vh !important;
    transform: translate(0,-50%);
    padding: 0;
}
.block.background:first-of-type .block-content a {
    transition:all 0.3s;
    position:relative;
    transform: translate(0,0em);
    display: inline-block;
    text-decoration: none;
}


.chili-default .toggled + input + header + label + div .block.background:first-of-type .block-content {
    opacity: 0;
}

.block.background:first-of-type .block-content .block-text {
    color: #fff;
    font-size: 1.2em;
    line-height: 2.2em;
    letter-spacing: 0.2em;
    width: 14em;
    margin: auto;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
animation: blend_2 3s;
}
.block.background:first-of-type .block-content .block-text::before {
    content: '\007B';
    position: absolute;
    left: -0.2em;
    font-size: 8.7em;
    top: 0.17em;
    font-weight: 100;
}
.block.background:first-of-type .block-content .block-text::after {
    content: '\007D';
    position: absolute;
    right: -0.19em;
    font-size: 8.7em;
    top: 0.17em;
    font-weight: 100;
}
a[name="top"]+.toggle {
    margin-top: 1vh;
    position: absolute;
}

.chili-default .toggled + input + header::after {
    content: '';
    width: 100%;
    height: 0;
    background-color: var(--chili-color-1);
    z-index: 9;
    display: block;
}

.parallax .block-content {
    padding: 15vh 0em;
}

.block-content h2 .icon::before {
    float: left;
    margin-right: 0.5em;
    font-size: 0.75em;
    margin-bottom: -2.6em;
    background-color: #fff;
    padding: 0.5em;
    color: var(--chili-color-3);
    display: inline-block;
    margin-left: -2.3em;
}
.block-content h2 .icon::after {
    content: '';
    display: block;
    position: absolute;
    width: 1em;
    height: 1em;
    background-color: var(--chili-color-3);
    font-size: 1.5em;
    left: -0.1em;
    margin-top: -0.1em;
    z-index: -1;
    transform: rotate(-6deg);
}
.block.image h2 {
    font-size: 3em;
}

h2 {
    font-size: 5em;
    line-height: 1em;
    margin: 0em 0rem;
    width: 60%;
    font-weight: 100;
}


h2 {
    font-size: 3em;
    line-height: 1em;
    margin: 0em 0rem;
        margin-top: 0em;
    width: 60%;
    font-weight: 300;
    text-transform: uppercase;
}

h3 {
    font-size: 1em;
    line-height: 1em;
    margin: 1em 0rem;
 
 
    letter-spacing: 15%;

  font-weight: 400;
}

.block.image h3 {
    font-size: 1em;
    line-height: 0.7em;
    margin: 1em 0rem 2em 0;
        margin-left: 0px;
    margin-left: 0rem;
    font-weight: 600;
    letter-spacing: 0.05em;
    margin-left: 5.3em;
    color: var(--chili-color-3);
    color: inherit;
}


.block.image .image {
    background-size: contain;
   /* margin-top: -34vh;*/
    background-position: top center;
    transform: translate(0,-20%) ;
    transition: all 0.5s;
opacity:0;
}

.parallax {
    min-height: 40vh;
}

.block-image::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #1b1c1c57;
}
.chili-default header nav ul {
    margin: 0;
    text-align: left;
    padding: 2em;
}
.chili-default header nav a {
    text-decoration: none;
    color: #ffffff6e;
    padding: 1em;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    font-size: 0.7em;
}
footer a {
    text-decoration: none;
    margin-right: 2em;
}
footer .icon::before {
    font-size: 2.3em;
    margin-right: 0.5em;
    transform: translate(0em,0.2em);
}
.float {
    padding: 1em 0;
    background-color: #303335d1;
 color: var(--chili-color-bright-font);
    position: fixed;
    z-index: 9;
    bottom: 0;
    width: 100%;
    text-align: center;
    letter-spacing: 0.2em;
    font-size: 0.8em;
transform: translate(0);
transition: all 0.3s;
border-top: solid 1px #fff2;

}
.chili-default footer {

  padding-bottom: 6em;
}
.chili-default footer::after {
  content: '';
  clear: both;
  display: block;
}
 .chili-navigation-1 #toggle_menu:checked + header + label + .content + div + footer {
    margin-left: calc( -100% + 5em );
    margin-right: calc( 100% - 5em );
}



.mag-1 h2 {
    transform: translate(-100vh,0);
    float: left;
    max-width: 60%;
    margin-top: -1.9em;
    margin-top: 0em;
}
/*
.mag-1 h2::before {
    content: '';
    position: absolute;
    width: 170%;
    height: 350%;
    z-index: -1;
    background-image: url(../images/design/cloud.svg);
    background-size: cover;
    top: -170%;
    left: -36%;
}


.mag-1.scrollAnimate.cloude {
    position: relative;
}
.mag-1.scrollAnimate.cloude svg {
    position: absolute;
    bottom: 100%;
    display: block;
    width: 50%;
    left: 0%;
  
}


.mag-1 svg {
   
    transition: all 0.4s 0.15s;
    transform: translate(0vh,50vh);
    opacity:0;
}
*/
.mag-1 svg {
   
   display:none;
}
 .mag-1[data-animation="inside"] svg, .mag-1[data-animation="outsideTop"] svg {
   
    transition: all 0.4s 0.15s;
    transform: translate(0,0%);
    opacity:1;
}

.mag-1[data-animation="inside"] h2,.mag-1[data-animation="outsideTop"] h2  { 
transition: all 0.4s 0.15s;
    transform: translate(0,0%);
    opacity:1;
}
.mag-1[data-animation="outsideBottom"] svg {
    transform: translate(0vh,20vh);
    opacity:0;
}
.mag-1[data-animation="outsideBottom"] h2 {
    transform: translate(0vh,20vh);
    opacity:0;
}

.mag-1 h3 {
  
transform: translate(0%,-40%);
opacity:0;
font-size: 1em;
}
.mag-1[data-animation="inside"] h3,.mag-1[data-animation="outsideTop"] h3 { 
  transition: all 0.7s 0.3s;
    transform: translate(0,0%);
opacity:1;
float: left;
clear: left;
}

.mag-1[data-animation="outsideBottom"] h3 {
    transform: translate(0%,-40%);
opacity:0;
}

.mag-1 .block-text {
    transition: all 0.4s 0.2s;
    transform: translate(0,0%);
    width: 100%;
    float: right;
    margin-top: 0em;
    margin-right: 0%;
transform: translate(0%,60%);
}
.mag-1[data-animation="inside"] .block-text, .mag-1[data-animation="outsideTop"] .block-text {
    transition: all 0.4s 0.2s;
    transform: translate(0,0%);
    width: 100%;
    float: right;
    margin-top: 0em;
    margin-right: 0%;
}

.mag-1[data-animation="outsideBottom"] .block-text {
    transform: translate(0%,50%);
}
input[type="text"], textarea {
    width: 100%;
    background-color: #303335;
    border: none;
    font-size: 0.8em;
    font-family: inherit;
    padding: 1em;
    margin: 0.1em 0 0.1em 0;
    color: #fff9;
}
select {
    width: 100%;
    padding: 1em;
    border: none;
    background-color: #303335;
      color: #fff9;
      margin-bottom: 0.1em;
}
#category ~ div{
display:none;
}

#category[data-value="Webdesign"] + div {
    display: block !important;
}
#category[data-value="Programmierung"] + div + div {
    display: block !important;
}
#category[data-value="Grafikdesign"] + div + div + div {
    display: block !important;
}
#category[data-value="Fotografie"] + div + div + div + div {
    display: block !important;
}

select:focus,input:focus,textarea:focus {
    border: none;
    outline: none;
    background-color: #ff6d00 !important;
    color: #000;
}
#contactForm1 label {
    color: var(--chili-color-dark-font);
    font-size: 0.8em;
    padding: 1em 0 !important;
    display: inline-block;
}

.anchor {
    margin-top: -6em;
    float: left;
    clear: both;
    position: relative;
    display: block;
    margin-bottom: 6em;
}
#contactForm1 {
    overflow: hidden;
}
#contactForm1 form {
    width: calc( 100% + 2em );
}

#type + div{
display:none;
}
#type[data-value="Flyer"] + div {
    display: block !important;
}
/*

.icon-list {
    background-color: var(--chili-color-3);
    padding: 1em 0;
    color: #ffffff;
}
.icon-list-item {
    text-align: center;
 
}
.icon-list-item div div:nth-of-type(2) {
    font-size: 0.8em;
    margin-top: 0em;
    padding: 1em 5em !important;
    line-height: 1.2em;
}

*/


.toggle:nth-of-type(4) {
 
    width: 0em;
    height: 0em;
    display: block;
    position: absolute;
    z-index: 9999;
    margin-top: 200vh;
    top:0;
  }


.icon-list {
    background-color: var(--chili-color-3);
    padding: 1em 0;
    color: #ffffff;
    position: fixed;
    z-index: 999999999999;
    bottom: 1em;
    right: -6em;
    width: 5em;
    height: 5em;
    border-radius: 50%;
transition:all 0.3s;
}
.toggled+.icon-list {

    right: 1em;
    
}
.icon-list-item {
    text-align: center;
    text-decoration: none;
}
.icon-list-item h3 {
    margin-bottom: 0;
    font-size: 0.6em !important;
margin-top: 0.5em;
}
.icon-list-item div div:nth-of-type(2) {

    display: none;
}

strong{
    font-weight:600;
}
/*
.block-content li strong {
    font-size: 1.7em;
    line-height: 1em;
  }
*/
.block-content li strong {
  font-size: 1em;
  line-height: 1em;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 0.05em;
}

.box2 {
    max-width: calc( 1200px + 4em );
    margin: auto;
    height: 16em;
}


.box2 .background {
    width: calc( 16.3334% - 2em );
    overflow: hidden;
    background-size: contain !important;
    display: inline-block;
    margin: 3em 1em;
    filter: saturate(0) brightness(0);
    height: 9em;
    opacity: 0.5;
  }

.box2 .chili-slider-segment {
    opacity: 0;
    left: 100%;
}

.box2 .boxSelected {
    opacity: 1 !important;
    left: 0;
}
.box2 .nextBox {
    opacity: 0 !important;
    left: 100%;
}
.box2 .previousBox{
    opacity: 0 !important;
    left: -100%;
}

.box2 .aw_BoxContentNav div {

    background-color: #0000004a !important;

}
.box2 .aw_BoxContentNav .active {
    background-color: var(--chili-color-3) !important;
}



.headline {
    font-size: 2em;
    padding-top: 5em;
    padding-bottom: 5em;
    font-weight: 100;
    letter-spacing: 0.2em;
}

.block.image.scrollAnimate[data-animation="inside"] .image {
    transform:translate(0,-0%) !important;
opacity:1;
}




.block.image.reverse .image {

    transform:translate(0,-20%);
opacity:0;
    transition: all 0.5s;
}

.block.image.reverse.scrollAnimate[data-animation="inside"] .image {
    transform: translate(0,0%) !important;
opacity:1;
}

/*

.block.image.scrollAnimate::before {
    content: '';
    display: block;
    position: fixed;
    width: 50%;
    height: 190%;
    background-color: #f2f2f2;
    left: 0;
    top: -22%;
    z-index: -11;
    transform: rotate(-64deg) translate(-118%) scale(1.2);
    transition: all 0.7s;
}

.block.image.scrollAnimate[data-animation="inside"]::before {
    transform: rotate(12deg) translate(-20%);
}

.block.image.reverse.scrollAnimate::before {
    content: '';
    display: block;
    position: fixed;
    width: 50%;
    height: 190%;
    background-color: #f2f2f2;
left:auto;
    right: 0;
    top: -22%;
    z-index: -11;
    transform: rotate(64deg) translate(118%) scale(1.2);
    transition: all 0.7s;
}

.block.image.reverse.scrollAnimate[data-animation="inside"]::before {
    transform: rotate(-18deg) translate(50%);
}
.block.image.scrollAnimate[data-animation="outsideTop"]::before {
  opacity:0;
}
*/



.block.background:first-of-type .block-content a:hover {
 
    transform: translate(0,-0.25em);
    padding-bottom:0.5em;
}
.block.background:first-of-type .block-content a::after {
    content: '';
    height: 3px;
    width: 0%;
    background-color: azure;
    display: block;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    transition:all 0.3s;
    opacity:0;
}
.block.background:first-of-type .block-content a:hover::after {
 
    width: 100%;
    opacity:1;
}

.parallax h2 {
    font-size: 1.5em;
    color: #FFFFFF;
    line-height: 1.2em;
}
.parallax h3 {
  font-size: 2em;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0;
  font-weight: 600;
margin-top: 0.25em;
}
.parallax::before {
    content: '';
    width: 100%;
    height: 100%;
    background-color: #00000059;
    top: 0;
    display: block;
    left: 0;
    z-index: 0;
    position: absolute;
}
/*
.content li {
    background-color: var(--chili-color-3);
    margin-left: 0;
    padding: 0;
    padding-left: 0;
    display: inline-block;
    clear: both;
    float: left;
    padding: 0.7em;
    color: #ffffff;
    border: solid 3px;
}

.content li:first-of-type {
    transform: rotate(-4deg) translate(-1em,-0.4em);
}
.content li:nth-of-type(2n) {
    transform: rotate(1deg);
}
.content li:nth-of-type(3n) {
    transform: rotate(-2deg);
}
*/

/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.icon-list .center {
    padding: 0 !important;
}

.trenner {
    margin-bottom: -7em;
    margin-top: -1em;
}






@media(max-width: 800px ){


header .logo {
    position: relative;
    width: 17em !important;
    display: block;
    margin: auto !important;
        margin-top: auto;
    margin-top: auto;
    left: 0;
    right: 0;
    margin-top: 0em !important;
}
.chili-default .logo {
  position: absolute !important;
  width: 17em !important;
  display: block;
  margin:
auto !important;
    margin-top: auto;
  margin-top: auto;
  left: 0em;
  right: 0em;
  margin-top: 0em !important;
  max-width: 52em;
  top: 0em;
}
.startlogo {
    position: relative;
    width: 80vw;
  
    display: block;
    left: 0;
    text-align: 0;
    top: 0;
    z-index: 9;
    margin: auto;
    right: 0;
}

.anchor {
    margin-top: -13em;
    float: left;
    clear: both;
    position: relative;
    display: block;
    margin-bottom: 13em;
}
#toggle_menu + header + label {
    top: 0.17em;
    opacity: 0.6;
}



.chili-default .toggled + input + header + label {
    top: -0.03em !important;
    opacity: 0.6;
  }



.block-content {
    margin: auto;
    padding: 2em 1em;
    background-size: cover;
    background-attachment: scroll;
    position: relative;
}
h2 {
    font-size: 2em;
    line-height: 1em;
    margin: 0em 0rem;
    width: 100%;
    font-weight: 100;
}

.chili-default header nav {

    background-color: #25282b;
 
}
/*
.chili-default.page_start .logo {
    position: absolute !important;
    width: 85vw !important;
    display: block;
    margin: auto !important;
        margin-top: auto;
    margin-top: auto;
    left: 0;
    right: 0;
    margin-top: calc( 50vh - 18% - 6em ) !important;
}
*/
.chili-default .toggled + input + header .logo {
    position: relative;
    width: 10em !important;
    display: block;
    margin: auto !important;
        margin-top: auto;
    margin-top: auto;
    left: 0;
    right: 0;
    margin-top: 0em !important;
}
.chili-default header::after {

transition: all 0.3s;


}
.chili-default .toggled + input + header::after {


  height: 0em;

}
.block.background:first-of-type .block-content {
    margin-top: 0 !important;
    text-align: center;
    opacity: 1;
    transition: all 0.3s;
    position: fixed;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    padding: 0 !important;
    font-size: 0.8em;
}
.block.background:first-of-type .block-content {
    margin-top: 0vh !important;
    text-align: center;
    opacity: 1;
    transition: all 0.3s;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    padding: 0 !important;
    font-size: 0.8em;
}
.block.background:first-of-type .block-content .block-text {
    font-size: 0.8em;

}
.float a span{
display:none;
}
footer .icon::before {
    font-size: 2em;
    margin-right: 0em;
      transform: translate(0em,0.1em);
}
footer a {
    text-decoration: none;
    margin-right: 1em;
    margin-left: 1em;
}

.block.image .center {
    display: flex;
    flex-direction: column !important;
}
.block.image .center > div {
    width: 100%;
    margin: 0;
}
.block.image h2 {
    font-size: 2em;
}
.block.image h3 {
    font-size: 0.8em;
    line-height: 1em;
    margin: 0.4em 0rem;
        margin-bottom: 0.4em;
        margin-left: 0rem;
    margin-left: 0rem;
    font-weight: 600;
    letter-spacing: 0em;
    margin-left: 5.6em;
    color: var(--chili-color-3);
    margin-bottom: 1em;
}
.block.image .block-content {
    padding: 2em 3em;
}
/*
.block.image .image {
    height: 10em;
    background-position: right;
    margin-top: 3em !important;
    margin-bottom: -3em !important;
}
*/
.block.image .image {
    height: 10em;
    background-position: right;
    margin-top: 3em !important;
    margin-bottom: -3em !important;
    width: 100% !important;
    margin-top: -3em !important;
    left: auto !important;
    right: 0 !important;
    float: right;
    display: block;
}
.block-content .icon::after {
   
    left: 0.55em !important;
   
}
.icon-list-item div div:nth-of-type(2) {
    font-size: 0.8em;
    margin-top: 0em;
    padding: 1em 1em !important;
    line-height: 1.2em;
}
.icon-list .list {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}

.block.background:first-of-type .block-content .block-text {

    font-size: 3.5vw !important;
}
 #toggle_menu + header + label {
    color: #FFFFFF;
    user-select: none;
    text-decoration:none;
    position: fixed;
    z-index: 999;
    top: 0.25em;
    right: auto;
    left: calc( 100% - 1em );
    width: 1em;
    height: 1em;
    display: block;
    cursor: pointer;
    text-align: center;
    line-height: 0.9em;
    background-color: transparent;
    font-size: 4em;
    transition:all 0.3s;
    font-weight: 100;
font-family: 'open Sans';
  }

.mag-1.scrollAnimate.cloude svg {
    position: absolute;
    bottom: 100%;
    display: none;
    width: 73%;
    left: -1%;
}

.chili-default .content .center {
  
    position: relative;
    padding-left: 0em;
padding-right: 0em;
}
.mag-1 .block-text {
    transition: all 0.4s 0.2s;
    transform: translate(0,0%);
    width: 100%;
    float: left;
    margin-top: 0em;
    margin-right: 0%;
    transform: translate(0%,60%);
}
.mag-1[data-animation="inside"] .block-text, .mag-1[data-animation="outsideTop"] .block-text {
    transition: all 0.4s 0.2s;
    transform: translate(0,0%);
    width: 100%;
    float: left;
    margin-top: 0em;
    margin-right: 0%;
}

.mag-1 h2 {

    margin-top: .5em;
}
.mag-1 h3 {

    font-size:1em !important;
}
.mag-1[data-animation="outsideBottom"] .block-text {
    transform: translate(0%,70%);
}
.chili-default .center {
    width: calc( 100% - 0em );
    margin: auto;
    max-width: unset;
}
.parallax .block-content {
    padding: 15vh 1em;
}
.trenner {
    margin-bottom: -2em;
    margin-top: 0em;
}
.box2 {
    max-width: 90%;
    height: 32em;
  }
  .box2 .background {
    width: calc( 50% - 2.5em );
    overflow: hidden;
    background-size: contain !important;
    display: inline-block;
    margin: 0em 1.1em;
    filter: saturate(0) brightness(0);
    height: 9em;
    opacity: 0.5;
  }
}


.block-content::after {
    content: '';
    display: block;
    clear: both;
}


.read-more {
    display: inline-block;
    color: var(--chili-color-1);
    padding: 0.5em 2em;
    text-decoration: none;
    border-radius: 2em;
    border: solid 2px;
  }


.block.image.alternately .image {
  opacity: 1 !important;
  transform: none !important;
}
.block.image.alternately h2 {
  margin-left: 0 !important;
}

.block.image.alternately .block-content {
  padding-top: 0em;
  padding-bottom: 4em;
}
.block.image.alternately {
  padding-top: 4em;
}


.galerie-slider-2::before {
  content: '';
  position: relative;
  display: block;
  margin-top: 36.667%;
}

.chili-slider {
  margin-top: 2em;

}

.galerie-slider-2 .chili-slider-segment {

  width: 60%;
  margin: 0 20% !important;
height: calc( 100% - 4em );

}

.galerie-slider-2 .nextBox {
  left: 58%;
}
.galerie-slider-2 .previousBox {
  left: -58%;
}


.galerie-slider-2 .aw_BoxContentNav div::after {
  display: block;
  content: '';
  width: 1em;
  height: 1em;
  transform: rotate(45deg);
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  margin-left: auto;
  margin-top: 2.5em;
  transition: all 0.3s;
  opacity: 0;
  margin-right: auto;
  left: 0;
  right: 0;
}
.galerie-slider-2 .aw_BoxContentNav .active::after {
opacity:1;
  margin-top: 0.5em;
transition:all 0.3s;
}

.galerie-slider-2 .aw_BoxContentNav div{
  width: 1.5em;
  height: 1.5em;
  background-color: transparent;
  color: #ffffff;
  background-image: none !important;
  border-radius: 1em;
  display: inline-block;
  margin: 0.1em;
  text-align: center;
  position: relative;
  line-height: 1.5em;
  font-weight: 100;
  counter-increment: navItems;
}
.galerie-slider-2 .aw_BoxContentNav .active {
  background-color: transparent !important;

}




.parallax h2{
animation: a1 1s 0s;
}

.parallax h3{
animation: a2 1s 0s;
}

@keyframes a1{
0%{margin-left:-10em;opacity:0}
6%{margin-left:-10em;opacity:0}
100%{margin-left:0em;opacity:1}
}
@keyframes a2{
0%{margin-left:4em;margin-right:-4em;opacity:0}
6%{margin-left:4em;margin-right:-4em;opacity:0}
100%{margin-left:0em;margin-right:0em;opacity:1}
}

footer li {
  list-style-type: disclosure-closed;
  color: var(--chili-color-3);
}
footer li span {
  color: var(--chili-color-2);
  font-size: 0.75em;
}



footer .center {
  background-image: url(../images/design/logo_ready.svg);
  background-position: top right;
  background-size: 9em;
position: relative;
}
footer .center::after {
  content: '';
  display: block;
  clear: both;
}
.float .center {
  background-image: none;

}
@media (max-width: 1200px) {
  .grid1 {
    width: 8.3333333%;
  }
}





.chili-galerie-image {
  width: calc( 60% - 0em );
  margin:0;
  height: auto;
  background-size: cover;
  position: relative;
  display: inline-block;
  font-size: 1em;
  background-position: center !important;
margin-bottom: 4em;
  overflow:visible;
}
.chili-galerie-image::after {
  display: none;

}
.chili-galerie-image div:nth-of-type(1) {
  width: calc( 60% - 0em );
  margin:0;
  height: auto;
  background-size: cover;
  position: relative;
  display: inline-block;
  font-size: 1em;
  background-position: center !important;
margin-bottom: 4em;
  overflow:visible;
}
.chili-galerie-image div:nth-of-type(1)::after {
  display: block;
  margin-top: 80%;
  content: '';
}
.chili-galerie-image div:nth-of-type(2) {
  display: block;
  position: relative;
  margin-top: -5em;
}


#logo_g1{
    animation: blend_1 1.5s;
    transform-origin: 46% 10%;
}
#logo_g2{
    animation: blend_2 1.5s;
}
#logo_g3{
    animation: blend_3 1.5s;
}

@keyframes blend_1{
    0%{opacity:0;transform: scale(4.1);}
    100%{opacity:100;ransform: scale(1);}

}
@keyframes blend_2{
    0%{opacity:0;}
    20%{opacity:0;}
    100%{opacity:100}

    
}

@keyframes blend_3{
    0%{opacity:0;transform: translate(0,-0.9em)}
    40%{opacity:0;transform: translate(0,-0.9em)}
    100%{opacity:100;transform: translate(0,0em)}

    
}

.toggled + input + header + label + div #logo_g1{
    animation:none;

}
.toggled + input + header + label + div #logo_g2{
    animation: none;
}
.toggled + input + header + label + div #logo_g3{
    animation: none;
}









/*----------------------------------*/

@media (max-width: 800px) {
  

  .block-image.fixed {
    background-attachment: scroll !important;
  }
  
  
  
    .chili-default header nav ul {
      margin:0;
      text-align: left;
      padding:2em;
      display: block;
      position: absolute;
      top: 3em;
      width: calc( 100% - 4em );
    }
    .chili-default header nav a {
      text-decoration:none;
      color: #ffffff9c;
      padding:2em 0;
      text-transform: uppercase;
      letter-spacing: 0.05em;
      font-size: 0.8em;
      line-height: 3em;
      border-bottom: solid 1px #fff3;
      width: 100%;
      display: block;
      line-height: 1em;
  font-weight: 100;
    }
  .chili-default header nav li {
    list-style-type: none;
    display: block;
  }
    .chili-default header nav li:last-of-type a {
  
      border-bottom: none;
  
    }
  
  
  
    .chili-default header nav a {
  transition: all 0.5s;
  opacity:0;
      transform: translate(10em,0em);
    }
  
    .chili-default header nav li:nth-of-type(1) a {
  transition-delay: 0.05s;
    }
    .chili-default header nav li:nth-of-type(2) a {
  transition-delay: 0.15s;
    }
    .chili-default header nav li:nth-of-type(3) a {
  transition-delay: 0.3s;
    }
    .chili-default header nav li:nth-of-type(4) a {
  transition-delay: 0.45s;
    }
  
    .chili-default header nav li:nth-of-type(5) a {
  transition-delay: 0.6s;
    }
  
    .chili-default header nav li:nth-of-type(6) a {
  transition-delay: 0.75s;
    }
  
  
  
  
   .chili-default #toggle_menu:checked + header nav a {
  
      transform: translate(0em,0em);
  opacity:1;
    }
  
  #toggle_menu:checked + header + label {
    left: 1.3em;
  }
  
  
  
    #toggle_menu + header + label::after {
      content: '';
      color: #ffffff !important;
      text-decoration:none;
      background-image: url(../images/design/burger.svg);
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      right: 0;
      display: block;
      background-position:center;
      background-size: 0.6em;
      background-repeat: no-repeat;
    }
    #toggle_menu:checked + header + label::after {
      content: '';
     background-image: url(../images/design/burger_close.svg);
    }
    .chili-default.page_start .logo {
  
      left: 0;
      right: 0;
  
    }
  
    .chili-default .toggled + input + header .logo {
     
    
      top: 0em;
    }
    #contactForm1 form {
      width: calc( 100% + 2em );
      font-size: 1.2em;
    }
    select {
      width: 100%;
      padding: 0.2em;
      border: none;
      color: #7b7979;
      font-size: 1em;
      border-radius:0;
    }
    .icon-list {
      background-color: var(--chili-color-3);
      padding: 1em 0;
      color: #ffffff;
      position: fixed;
      z-index: 999999999999;
      bottom: 2.1em;
      right: -6em;
      width: 5em;
      height: 5em;
      border-radius: 50%;
      transition: all 0.3s;
      font-size: 0.85em;
    }
    footer .center {
      background-image: url(../images/design/logo_ready.svg);
      background-position: bottom center;
      background-size: 9em;
      position: relative;
      padding-bottom: 0em;
    }
    .chili-default footer {
     
      padding-bottom: 10em !important;
    }
    footer ul {
        margin-top: 1em;
      }
      .chili-default .logo {
  position: absolute !important;
  width: 18em !important;
  display: block;
  margin: auto !important;
    margin-top: auto;
  margin-top: auto;
  left: 0;
  right: 0;
  margin-top: -0.5em !important;
  max-width: 52em;
  top: 0.8em;
}
  }

.galerie-slider .chili-slider-segment {

  width: calc( 100% - 0em );

}
.galerie-slider .chili-slider-segment div {
  background-size: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  transition: all 1s;
  top: 0;
  transform: scale(1.2);
  background-position: center;
  background-size: contain;
}
  
  


.chili-slider .aw_BoxContentNav {
  position: absolute;
  z-index: 999;
  left: 0px;
  width: 100%;
  text-align: center;
  bottom: 8em;
  counter-reset: div;
}

.galerie-slider-2 {
  text-align: left;
  font-weight: normal;
  vertical-align: top;
  font-style: normal;
  font-variant: normal;
  text-decoration: none;
  text-transform: none;
  background-color: rgba(0,0,0,0);
  width: 100%;
  left: 0%;
  right: 0%;
  top: 0%;
  position: relative;
  overflow: hidden;
  z-index: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  margin-bottom: 0em;
  height: 100vh;
  margin-top: 2em;
  counter-reset: div;

}
.galerie-slider-2 .chili-slider-segment {
  width: 80%;
  margin: 0 10% !important;
  height: calc( 100% - 4em );
    background-size: contain !important;
   background-color: #0f0f0f !important;
}
.galerie-slider-2 .nextBox {
  left: 78%;
  
}
.galerie-slider-2 .previousBox {
  left: -78%;

}

.tab ul {
 
  position: absolute;
  z-index: 44444;
  left: 50%;
  transform: translate(-50%,0);
   border-bottom: none !important;
   top:4em;
}
.tab ul label {
  text-transform: uppercase;
  font-size: 0.9em;
  color: #fff !important;
  font-weight: 100 !important;
  letter-spacing: 0.2em;
  transition:all 0.3s;
}

.tab [type="radio"]:nth-of-type(1):checked ~ ul li:nth-of-type(1) label, .tab [type="radio"]:nth-of-type(2):checked ~ ul li:nth-of-type(2) label, .tab [type="radio"]:nth-of-type(3):checked ~ ul li:nth-of-type(3) label, .tab [type="radio"]:nth-of-type(4):checked ~ ul li:nth-of-type(4) label, .tab [type="radio"]:nth-of-type(5):checked ~ ul li:nth-of-type(5) label, .tab [type="radio"]:nth-of-type(6):checked ~ ul li:nth-of-type(6) label, .tab [type="radio"]:nth-of-type(7):checked ~ ul li:nth-of-type(7) label, .tab [type="radio"]:nth-of-type(8):checked ~ ul li:nth-of-type(8) label, .tab [type="radio"]:nth-of-type(9):checked ~ ul li:nth-of-type(9) label, .tab [type="radio"]:nth-of-type(10):checked ~ ul li:nth-of-type(10) label, .tab [type="radio"]:nth-of-type(11):checked ~ ul li:nth-of-type(11) label, .tab [type="radio"]:nth-of-type(12):checked ~ ul li:nth-of-type(12) label, .tab [type="radio"]:nth-of-type(13):checked ~ ul li:nth-of-type(13) label, .tab [type="radio"]:nth-of-type(14):checked ~ ul li:nth-of-type(14) label, .tab [type="radio"]:nth-of-type(15):checked ~ ul li:nth-of-type(15) label, .tab [type="radio"]:nth-of-type(16):checked ~ ul li:nth-of-type(16) label, .tab [type="radio"]:nth-of-type(17):checked ~ ul li:nth-of-type(17) label, .tab [type="radio"]:nth-of-type(18):checked ~ ul li:nth-of-type(18) label, .tab [type="radio"]:nth-of-type(19):checked ~ ul li:nth-of-type(19) label, .tab [type="radio"]:nth-of-type(20):checked ~ ul li:nth-of-type(20) label, .tab [type="radio"]:nth-of-type(21):checked ~ ul li:nth-of-type(21) label, .tab [type="radio"]:nth-of-type(22):checked ~ ul li:nth-of-type(22) label, .tab [type="radio"]:nth-of-type(23):checked ~ ul li:nth-of-type(23) label, .tab [type="radio"]:nth-of-type(24):checked ~ ul li:nth-of-type(24) label, .tab [type="radio"]:nth-of-type(25):checked ~ ul li:nth-of-type(25) label, .tab [type="radio"]:nth-of-type(26):checked ~ ul li:nth-of-type(26) label, .tab [type="radio"]:nth-of-type(27):checked ~ ul li:nth-of-type(27) label, .tab [type="radio"]:nth-of-type(28):checked ~ ul li:nth-of-type(28) label, .tab [type="radio"]:nth-of-type(29):checked ~ ul li:nth-of-type(29) label, .tab [type="radio"]:nth-of-type(30):checked ~ ul li:nth-of-type(30) label {
  border-bottom-color: #fff0;
 transform:scale(2);
  background: transparent !important;
  color: #fff;
  z-index: -2 !important;
  display: block;
  position: relative;

}
.tab .list > div {
  display: block;
  color: #777;
  transition: all 0.5s;
  left:-100%;
  position: absolute;
  height: auto;
  width: 100%;
  overflow:hidden;
}
.tab [type="radio"]:nth-of-type(2):checked ~ .list > div:nth-of-type(1), .tab [type="radio"]:nth-of-type(3):checked ~ .list > div:nth-of-type(1), .tab [type="radio"]:nth-of-type(4):checked ~ .list > div:nth-of-type(1), .tab [type="radio"]:nth-of-type(5):checked ~ .list > div:nth-of-type(1), .tab [type="radio"]:nth-of-type(6):checked ~ .list > div:nth-of-type(1), .tab [type="radio"]:nth-of-type(7):checked ~ .list > div:nth-of-type(1), .tab [type="radio"]:nth-of-type(8):checked ~ .list > div:nth-of-type(1), .tab [type="radio"]:nth-of-type(9):checked ~ .list > div:nth-of-type(1), .tab [type="radio"]:nth-of-type(10):checked ~ .list > div:nth-of-type(1), .tab [type="radio"]:nth-of-type(11):checked ~ .list > div:nth-of-type(1), .tab [type="radio"]:nth-of-type(12):checked ~ .list > div:nth-of-type(1), .tab [type="radio"]:nth-of-type(13):checked ~ .list > div:nth-of-type(1), .tab [type="radio"]:nth-of-type(14):checked ~ .list > div:nth-of-type(1), .tab [type="radio"]:nth-of-type(15):checked ~ .list > div:nth-of-type(1), .tab [type="radio"]:nth-of-type(16):checked ~ .list > div:nth-of-type(1), .tab [type="radio"]:nth-of-type(17):checked ~ .list > div:nth-of-type(1), .tab [type="radio"]:nth-of-type(18):checked ~ .list > div:nth-of-type(1), .tab [type="radio"]:nth-of-type(19):checked ~ .list > div:nth-of-type(1), .tab [type="radio"]:nth-of-type(20):checked ~ .list > div:nth-of-type(1), .tab [type="radio"]:nth-of-type(21):checked ~ .list > div:nth-of-type(1), .tab [type="radio"]:nth-of-type(22):checked ~ .list > div:nth-of-type(1), .tab [type="radio"]:nth-of-type(23):checked ~ .list > div:nth-of-type(1), .tab [type="radio"]:nth-of-type(24):checked ~ .list > div:nth-of-type(1), .tab [type="radio"]:nth-of-type(25):checked ~ .list > div:nth-of-type(1), .tab [type="radio"]:nth-of-type(26):checked ~ .list > div:nth-of-type(1), .tab [type="radio"]:nth-of-type(27):checked ~ .list > div:nth-of-type(1), .tab [type="radio"]:nth-of-type(28):checked ~ .list > div:nth-of-type(1), .tab [type="radio"]:nth-of-type(29):checked ~ .list > div:nth-of-type(1), .tab [type="radio"]:nth-of-type(30):checked ~ .list > div:nth-of-type(1) {
  display: block;
}
.tab [type="radio"]:nth-of-type(1):checked ~ .list > div:nth-of-type(1), .tab [type="radio"]:nth-of-type(2):checked ~ .list > div:nth-of-type(2), .tab [type="radio"]:nth-of-type(3):checked ~ .list > div:nth-of-type(3), .tab [type="radio"]:nth-of-type(4):checked ~ .list > div:nth-of-type(4), .tab [type="radio"]:nth-of-type(5):checked ~ .list > div:nth-of-type(5), .tab [type="radio"]:nth-of-type(6):checked ~ .list > div:nth-of-type(6), .tab [type="radio"]:nth-of-type(7):checked ~ .list > div:nth-of-type(7), .tab [type="radio"]:nth-of-type(8):checked ~ .list > div:nth-of-type(8), .tab [type="radio"]:nth-of-type(9):checked ~ .list > div:nth-of-type(9), .tab [type="radio"]:nth-of-type(10):checked ~ .list > div:nth-of-type(10), .tab [type="radio"]:nth-of-type(11):checked ~ .list > div:nth-of-type(11), .tab [type="radio"]:nth-of-type(12):checked ~ .list > div:nth-of-type(12), .tab [type="radio"]:nth-of-type(13):checked ~ .list > div:nth-of-type(13), .tab [type="radio"]:nth-of-type(14):checked ~ .list > div:nth-of-type(14), .tab [type="radio"]:nth-of-type(15):checked ~ .list > div:nth-of-type(15), .tab [type="radio"]:nth-of-type(16):checked ~ .list > div:nth-of-type(16), .tab [type="radio"]:nth-of-type(17):checked ~ .list > div:nth-of-type(17), .tab [type="radio"]:nth-of-type(18):checked ~ .list > div:nth-of-type(18), .tab [type="radio"]:nth-of-type(19):checked ~ .list > div:nth-of-type(19), .tab [type="radio"]:nth-of-type(20):checked ~ .list > div:nth-of-type(20), .tab [type="radio"]:nth-of-type(21):checked ~ .list > div:nth-of-type(21), .tab [type="radio"]:nth-of-type(22):checked ~ .list > div:nth-of-type(22), .tab [type="radio"]:nth-of-type(23):checked ~ .list > div:nth-of-type(23), .tab [type="radio"]:nth-of-type(24):checked ~ .list > div:nth-of-type(24), .tab [type="radio"]:nth-of-type(25):checked ~ .list > div:nth-of-type(25), .tab [type="radio"]:nth-of-type(26):checked ~ .list > div:nth-of-type(26), .tab [type="radio"]:nth-of-type(27):checked ~ .list > div:nth-of-type(27), .tab [type="radio"]:nth-of-type(28):checked ~ .list > div:nth-of-type(28), .tab [type="radio"]:nth-of-type(29):checked ~ .list > div:nth-of-type(29), .tab [type="radio"]:nth-of-type(30):checked ~ .list > div:nth-of-type(30) {
  display: block;
   left:0%;
}
.tab [type="radio"]:nth-of-type(1):checked ~ .list > div:nth-of-type(1) ~ div, .tab [type="radio"]:nth-of-type(2):checked ~ .list > div:nth-of-type(2)~ div, .tab [type="radio"]:nth-of-type(3):checked ~ .list > div:nth-of-type(3)~ div, .tab [type="radio"]:nth-of-type(4):checked ~ .list > div:nth-of-type(4)~ div, .tab [type="radio"]:nth-of-type(5):checked ~ .list > div:nth-of-type(5)~ div, .tab [type="radio"]:nth-of-type(6):checked ~ .list > div:nth-of-type(6)~ div, .tab [type="radio"]:nth-of-type(7):checked ~ .list > div:nth-of-type(7)~ div, .tab [type="radio"]:nth-of-type(8):checked ~ .list > div:nth-of-type(8)~ div, .tab [type="radio"]:nth-of-type(9):checked ~ .list > div:nth-of-type(9)~ div, .tab [type="radio"]:nth-of-type(10):checked ~ .list > div:nth-of-type(10)~ div, .tab [type="radio"]:nth-of-type(11):checked ~ .list > div:nth-of-type(11)~ div, .tab [type="radio"]:nth-of-type(12):checked ~ .list > div:nth-of-type(12)~ div, .tab [type="radio"]:nth-of-type(13):checked ~ .list > div:nth-of-type(13)~ div, .tab [type="radio"]:nth-of-type(14):checked ~ .list > div:nth-of-type(14)~ div, .tab [type="radio"]:nth-of-type(15):checked ~ .list > div:nth-of-type(15)~ div, .tab [type="radio"]:nth-of-type(16):checked ~ .list > div:nth-of-type(16)~ div, .tab [type="radio"]:nth-of-type(17):checked ~ .list > div:nth-of-type(17)~ div, .tab [type="radio"]:nth-of-type(18):checked ~ .list > div:nth-of-type(18)~ div, .tab [type="radio"]:nth-of-type(19):checked ~ .list > div:nth-of-type(19)~ div, .tab [type="radio"]:nth-of-type(20):checked ~ .list > div:nth-of-type(20)~ div, .tab [type="radio"]:nth-of-type(21):checked ~ .list > div:nth-of-type(21)~ div, .tab [type="radio"]:nth-of-type(22):checked ~ .list > div:nth-of-type(22)~ div, .tab [type="radio"]:nth-of-type(23):checked ~ .list > div:nth-of-type(23)~ div, .tab [type="radio"]:nth-of-type(24):checked ~ .list > div:nth-of-type(24)~ div, .tab [type="radio"]:nth-of-type(25):checked ~ .list > div:nth-of-type(25)~ div, .tab [type="radio"]:nth-of-type(26):checked ~ .list > div:nth-of-type(26)~ div, .tab [type="radio"]:nth-of-type(27):checked ~ .list > div:nth-of-type(27)~ div, .tab [type="radio"]:nth-of-type(28):checked ~ .list > div:nth-of-type(28)~ div, .tab [type="radio"]:nth-of-type(29):checked ~ .list > div:nth-of-type(29)~ div, .tab [type="radio"]:nth-of-type(30):checked ~ .list > div:nth-of-type(30)~ div {
  display: block;
   left:100%;
}
.tab [type="radio"]:nth-of-type(2):checked ~ .list > div:nth-of-type(1){

   left:-100% !important;
}

.tab {
  overflow: hidden;
  padding-bottom: 0em;
  position: fixed;
  height: 100vh;
  width: 100vw;
  display: block;
  z-index: 2222;
  top: 0;
  left: 0;
 
}
.block.colored{
 
  display: none;
  }
footer{
 
  display: none;
  }



.block .center {
  max-width: 1000px;
}

.block-content {
  max-width: 900px;
}
.block.image .center {
  display: block;
  flex-direction: row;
max-width: unset !important;
}

.block.image .image {
  background-size: contain;
  margin-top: 0vh;
  background-position: top center;
  transform: translate(0,0%);
  transition: all 0.5s;
  opacity: 0.4;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
}
.block.image {
  margin-top:12vh;
}

.block.image .center > div {
  width: 100%;
}



@media (min-aspect-ratio: 6/7) {



.chili-slider .aw_BoxContentNav {
  position: absolute;
  z-index: 999;
  left: 0px;
  width: 100%;
  text-align: center;
  bottom: 8em;
  counter-reset: div;
  white-space: nowrap;
}


.galerie-slider-2::before {
  content: '';
  position: relative;
  margin-top: 0;
}

.galerie-slider-2 {
  text-align: left;
  font-weight: normal;
  vertical-align: top;
  font-style: normal;
  font-variant: normal;
  text-decoration: none;
  text-transform: none;
  background-color: rgba(0,0,0,0);
  width: auto !important;
  left: 50%;
  top: 20%;
  position: relative;
  overflow: visible;
  z-index: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  margin-bottom: 0em;
  height: 80vh;
  margin-top: 2em;
  counter-reset: div;
  transform: translate(-50%);
  display: inline-block;
  margin-top: 10em;
}

.chili-slider .chili-slider-segment {
  position: absolute !important;
  width: auto;
  height: 100%;
  opacity: 0;
  left: 0;
  top: 0 !important;
  display: block;
  transition: all 1s;
  z-index: -2;
  transform: translate(0);
}
.galerie-slider-2 .chili-slider-segment {
  width: auto;
  margin: 0 0% !important;
  height: calc( 100% - 4em );
  background-size: contain !important;
  background-color: #0f0f0f !important;
  display: inline-block;
  left: 100%;
  right: 0;
}

.chili-slider .chili-slider-segment img {
  width: auto;
  height: 100%;
}

.galerie-slider-2 .nextBox {
  opacity: 0.5;
  left: 77%;
  transform: scale(1);
  filter: saturate(0);
}
.galerie-slider-2 .nextBox {
    left: calc( 100% + 2em );
    right: auto;
    margin: auto !important;
 
    transform: translate(0);
}

.galerie-slider-2 .previousBox {
  opacity: 0.5;
  left: -77%;
  transform: scale(1);
  filter: saturate(0);
}
  .galerie-slider-2 .previousBox {
    left: 0;
    right: auto;
    margin: auto !important;
 
    transform: translate( calc( -100% - 2em ),0);
  }
.galerie-slider-2 .boxSelected {
  left: 0;
  opacity: 1;
  position: relative !important;
  vertical-align: top !important;
  top: 0 !important;
  margin-top: 0 !important;
  right: 0;
  transform: translate(0);
}

.galerie-slider-2 .nextBox + div {
  left: 200% !important;
}

}


*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/



@media(max-width: 1000px) {
 


.galerie-slider-2 {
  text-align: left;
  font-weight: normal;
  vertical-align: top;
  font-style: normal;
  font-variant: normal;
  text-decoration: none;
  text-transform: none;
  background-color: rgba(0,0,0,0);
  width: 100%;
  left: 0%;
  right: 0%;
  top: 0%;
  position: relative;
  overflow: hidden;
  z-index: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  margin-bottom: 0em;
  height: 100vh;
  margin-top: 0vh;
}





.galerie-slider-2 .chili-slider-segment {
  width: 100%;
  margin: 0vh 0% !important;
  height: calc( 90% - 0em );
  left:0 !important;
  background-size: contain !important;
  background-color: transparent !important;
  top: 5vh !important;
}
.galerie-slider-2 .nextBox {
  left: 0%;
  top: 20vh !important;
  transform: scale(0.9);
   filter: saturate(0) brightness(0.2);
}
.galerie-slider-2 .previousBox {
  left: 0%;
  top: -20vh !important;
  transform: scale(0.9);
    filter: saturate(0) brightness(0.2);
}


.tab ul {
  
  top: 4em;
}
  .galerie-slider-2::before {
    content: '';
    position: absolute;
    display: block;
    height: 100%;
    background-color: #5E3838;
    width: 9em;
    top: 0 !important;
    z-index: 2;
    background: linear-gradient(to right,#00000091 ,#0002 70%,#0000);
    margin-top: 0;
  }
.galerie-slider-2 .aw_BoxContentNav div {
  width: 1.5em;
  height: 1.5em;
  background-color: transparent;
  color: #ffffff;
  background-image: none !important;
  border-radius: 1em;
  display: block;
  margin: 0.1em;
  text-align: center;
  position: relative;
  line-height: 1.5em;
  font-weight: 100;
  counter-increment: navItems;
}
.galerie-slider-2 .aw_BoxContentNav .active {
  background-color: #444 !important;
  margin: 1em 0.1em;
  transform: scale(1.7);
}
.galerie-slider-2 .aw_BoxContentNav div::after {
  display: block;
  content: '';
  width: 0.5em;
  height: 0.5em;
  transform: rotate(135deg);
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  margin-left: auto;
  margin-top: -1em;
  transition: all 0.3s;
  opacity: 0;
  margin-right: auto;
  left: 0;
  right: unset;
  margin-left: -3em;
}
.galerie-slider-2 .aw_BoxContentNav .active::after {
  opacity: 1;
  margin-top: -1em;
  transition: all 0.3s;
  margin-left: -0.3em;
}
.galerie-slider-2 .aw_BoxContentNav .active {
  background-color: transparent !important;
}
.chili-slider .aw_BoxContentNav {
  position: absolute;
  z-index: 999;
  left: 1em;
  width: 3em;
  text-align: center;
  bottom: unset;
  top: 50%;
  transform: translate(0,-50%);
  font-size: 0.8em;
}


.chili-default .logo {
  position: absolute !important;
  width: 18em !important;
  display: block;
  margin: auto !important;
    margin-top: auto;
  margin-top: auto;
  left: 0;
  right: 0;
  margin-top: -0.5em !important;
  max-width: 52em;
  top: 0.8em;
}
.tab ul label {
    text-transform: uppercase;
    font-size: 0.7em;
  color: #fff !important;
  font-weight: 100 !important;
  letter-spacing: 0.1em;
  transition: all 0.3s;
}
.tab ul li label {
  padding: 0.2em 0.6em !important;
  display: block;
}
.tab [type="radio"]:nth-of-type(1):checked ~ ul li:nth-of-type(1) label, .tab [type="radio"]:nth-of-type(2):checked ~ ul li:nth-of-type(2) label, .tab [type="radio"]:nth-of-type(3):checked ~ ul li:nth-of-type(3) label, .tab [type="radio"]:nth-of-type(4):checked ~ ul li:nth-of-type(4) label, .tab [type="radio"]:nth-of-type(5):checked ~ ul li:nth-of-type(5) label, .tab [type="radio"]:nth-of-type(6):checked ~ ul li:nth-of-type(6) label, .tab [type="radio"]:nth-of-type(7):checked ~ ul li:nth-of-type(7) label, .tab [type="radio"]:nth-of-type(8):checked ~ ul li:nth-of-type(8) label, .tab [type="radio"]:nth-of-type(9):checked ~ ul li:nth-of-type(9) label, .tab [type="radio"]:nth-of-type(10):checked ~ ul li:nth-of-type(10) label, .tab [type="radio"]:nth-of-type(11):checked ~ ul li:nth-of-type(11) label, .tab [type="radio"]:nth-of-type(12):checked ~ ul li:nth-of-type(12) label, .tab [type="radio"]:nth-of-type(13):checked ~ ul li:nth-of-type(13) label, .tab [type="radio"]:nth-of-type(14):checked ~ ul li:nth-of-type(14) label, .tab [type="radio"]:nth-of-type(15):checked ~ ul li:nth-of-type(15) label, .tab [type="radio"]:nth-of-type(16):checked ~ ul li:nth-of-type(16) label, .tab [type="radio"]:nth-of-type(17):checked ~ ul li:nth-of-type(17) label, .tab [type="radio"]:nth-of-type(18):checked ~ ul li:nth-of-type(18) label, .tab [type="radio"]:nth-of-type(19):checked ~ ul li:nth-of-type(19) label, .tab [type="radio"]:nth-of-type(20):checked ~ ul li:nth-of-type(20) label, .tab [type="radio"]:nth-of-type(21):checked ~ ul li:nth-of-type(21) label, .tab [type="radio"]:nth-of-type(22):checked ~ ul li:nth-of-type(22) label, .tab [type="radio"]:nth-of-type(23):checked ~ ul li:nth-of-type(23) label, .tab [type="radio"]:nth-of-type(24):checked ~ ul li:nth-of-type(24) label, .tab [type="radio"]:nth-of-type(25):checked ~ ul li:nth-of-type(25) label, .tab [type="radio"]:nth-of-type(26):checked ~ ul li:nth-of-type(26) label, .tab [type="radio"]:nth-of-type(27):checked ~ ul li:nth-of-type(27) label, .tab [type="radio"]:nth-of-type(28):checked ~ ul li:nth-of-type(28) label, .tab [type="radio"]:nth-of-type(29):checked ~ ul li:nth-of-type(29) label, .tab [type="radio"]:nth-of-type(30):checked ~ ul li:nth-of-type(30) label {
  border-bottom-color: #fff0;
 transform:scale(2);
  background: transparent !important;
  color: #fff;
  z-index: -2 !important;
  display: block;
  position: relative;
  padding: 0.2em 2em !important;
}
 .tab ul {
    top: calc( 100vh - 5em );
  }
/*
  .chili-default .logo::after {
  content: 'Jan-Hendrik Gessner';
  text-align: center;
  width: 100%;
  display: block;
  margin-top: -4em;
  color: #ffffff7a;
  letter-spacing: 0.2em;
  font-size: 0.7em;
}
*/
}




@media (max-aspect-ratio: 6/7) {

.tab ul li label {
  padding: 0.2em 1.2em !important;
  display: block;
}
.tab ul label {
    text-transform: uppercase;
    font-size: 0.7em;
  color: #fff !important;
  font-weight: 100 !important;
  letter-spacing: 0.1em;
  transition: all 0.3s;
}
  .tab ul {
    bottom: 2em;
    top: auto !important;
  }
.tab .center {
    position: relative;
    padding-left: 0em;
    padding-right: 0em;
  height:94vh;
  }
/*
  .chili-default .logo::after {
  content: 'Jan-Hendrik Gessner';
  text-align: center;
  width: 100%;
  display: block;
  margin-top: -4em;
  color: #ffffff7a;
  letter-spacing: 0.2em;
  font-size: 0.7em;
}
*/
.list section{
position:relative;
height:100vh;
}


.chili-slider .aw_BoxContentNav {
  position: absolute;
  z-index: 999;
  left: 0px;
  width: 100%;
  text-align: center;
  bottom: 8em;
  counter-reset: div;
  white-space: nowrap;
}


.galerie-slider-2::before {
  content: '';
  position: relative;
  margin-top: 0;
}

.galerie-slider-2 {
  text-align: left;
  font-weight: normal;
  vertical-align: top;
  font-style: normal;
  font-variant: normal;
  text-decoration: none;
  text-transform: none;
  background-color: rgba(0,0,0,0);
  width: 90% !important;
  left: 5%;
  top: 50%;
  position: relative;
  overflow: visible;
  z-index: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  margin-bottom: 0em;
  height: auto;
  margin-top: 2em;
  counter-reset: div;
  transform: translate(0,-50%);
  display: block;
  margin-top: 0em;
}

.chili-slider .chili-slider-segment {
  position: absolute !important;
  width: auto;
  height: 100%;
  opacity: 0;
  left: 0;
  top: 0 !important;
  display: block;
  transition: all 1s;
  z-index: -2;
}
.galerie-slider-2 .chili-slider-segment {
  width: calc( 100% - 0em );
  margin: 0 0% !important;
  height: auto
  background-size: contain !important;
  background-color: #0f0f0f !important;
  display: inline-block;
  left: 0%;
  right: 0;
}

.chili-slider .chili-slider-segment img {
  height: auto;
  width: 100%;
}

.galerie-slider-2 .nextBox {
  opacity: 0.5;
  left: 0%;
  right: 0;
  transform: scale(1);
  filter: saturate(0);
}
.galerie-slider-2 .nextBox {
  top: calc( 100% + 0.2em ) !important;;
  bottom: auto;
}

.galerie-slider-2 .previousBox {
  opacity: 0.5;
  left: -77%;
  transform: scale(1);
  filter: saturate(0);
  left: 0%;
  right: 0;
}
.galerie-slider-2 .previousBox {
  top: auto !important;
  bottom: calc( 100% + 0.2em );
}
.galerie-slider-2 .boxSelected {
  left: 0;
  opacity: 1;
  position: relative !important;
  vertical-align: top !important;
  top: 0 !important;
  margin-top: 0 !important;
  right: 0;
z-index:666;
}
.galerie-slider-2 .aw_BoxContentNav div {
  width: 1.5em;
  height: 1.5em;
  background-color: transparent;
  color: #ffffff;
  background-image: none !important;
  border-radius: 1em;
  display: block;
  margin: 0.1em;
  text-align: center;
  position: relative;
  line-height: 1.5em;
  font-weight: 100;
  counter-increment: navItems;
}
.galerie-slider-2 .aw_BoxContentNav .active {
  background-color: #444 !important;
  margin: 1em 0.1em;
  transform: scale(1.7);
}
.galerie-slider-2 .aw_BoxContentNav div::after {
  display: block;
  content: '';
  width: 0.5em;
  height: 0.5em;
  transform: rotate(135deg);
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  margin-left: auto;
  margin-top: -1em;
  transition: all 0.3s;
  opacity: 0;
  margin-right: auto;
  left: 0;
  right: unset;
  margin-left: -3em;
}
.galerie-slider-2 .aw_BoxContentNav .active::after {
  opacity: 1;
  margin-top: -1em;
  transition: all 0.3s;
  margin-left: -0.3em;
}
.galerie-slider-2 .aw_BoxContentNav .active {
  background-color: transparent !important;
}
.chili-slider .aw_BoxContentNav {
  position: absolute;
  z-index: 999;
  left: 1em;
  width: 3em;
  text-align: center;
  bottom: unset;
  top: 50%;
  transform: translate(0,-50%);
  font-size: 0.8em;
}
.tab [type="radio"]:nth-of-type(1):checked ~ ul li:nth-of-type(1) label, .tab [type="radio"]:nth-of-type(2):checked ~ ul li:nth-of-type(2) label, .tab [type="radio"]:nth-of-type(3):checked ~ ul li:nth-of-type(3) label, .tab [type="radio"]:nth-of-type(4):checked ~ ul li:nth-of-type(4) label, .tab [type="radio"]:nth-of-type(5):checked ~ ul li:nth-of-type(5) label, .tab [type="radio"]:nth-of-type(6):checked ~ ul li:nth-of-type(6) label, .tab [type="radio"]:nth-of-type(7):checked ~ ul li:nth-of-type(7) label, .tab [type="radio"]:nth-of-type(8):checked ~ ul li:nth-of-type(8) label, .tab [type="radio"]:nth-of-type(9):checked ~ ul li:nth-of-type(9) label, .tab [type="radio"]:nth-of-type(10):checked ~ ul li:nth-of-type(10) label, .tab [type="radio"]:nth-of-type(11):checked ~ ul li:nth-of-type(11) label, .tab [type="radio"]:nth-of-type(12):checked ~ ul li:nth-of-type(12) label, .tab [type="radio"]:nth-of-type(13):checked ~ ul li:nth-of-type(13) label, .tab [type="radio"]:nth-of-type(14):checked ~ ul li:nth-of-type(14) label, .tab [type="radio"]:nth-of-type(15):checked ~ ul li:nth-of-type(15) label, .tab [type="radio"]:nth-of-type(16):checked ~ ul li:nth-of-type(16) label, .tab [type="radio"]:nth-of-type(17):checked ~ ul li:nth-of-type(17) label, .tab [type="radio"]:nth-of-type(18):checked ~ ul li:nth-of-type(18) label, .tab [type="radio"]:nth-of-type(19):checked ~ ul li:nth-of-type(19) label, .tab [type="radio"]:nth-of-type(20):checked ~ ul li:nth-of-type(20) label, .tab [type="radio"]:nth-of-type(21):checked ~ ul li:nth-of-type(21) label, .tab [type="radio"]:nth-of-type(22):checked ~ ul li:nth-of-type(22) label, .tab [type="radio"]:nth-of-type(23):checked ~ ul li:nth-of-type(23) label, .tab [type="radio"]:nth-of-type(24):checked ~ ul li:nth-of-type(24) label, .tab [type="radio"]:nth-of-type(25):checked ~ ul li:nth-of-type(25) label, .tab [type="radio"]:nth-of-type(26):checked ~ ul li:nth-of-type(26) label, .tab [type="radio"]:nth-of-type(27):checked ~ ul li:nth-of-type(27) label, .tab [type="radio"]:nth-of-type(28):checked ~ ul li:nth-of-type(28) label, .tab [type="radio"]:nth-of-type(29):checked ~ ul li:nth-of-type(29) label, .tab [type="radio"]:nth-of-type(30):checked ~ ul li:nth-of-type(30) label {
  border-bottom-color: #fff0;
 transform:scale(2);
  background: transparent !important;
  color: #fff;
  z-index: -2 !important;
  display: block;
  position: relative;
  padding: 0.2em 2em !important;
}
}


.galerie-slider-2 .chili-slider-segment::before {
  background-color: #fff0;
  width: 100%;
  height: 100%;
  position: absolute;
  display: block;
  content: '';
}

.logo::after {
  content: 'photography';
  text-align: center;
  width: 100%;
  display: block;
  margin-top: -2.4em;
  font-size: 1em;
  letter-spacing: 0.2em;
}