@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';
}
.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: block;
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: 3em;
padding-right: 3em;
}

.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;
}
.chili-default.page_start .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;
}
.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.page_start header::after {
    content: '';
    width: 100%;
    height: 0em;
    background-color: var(--chili-color-1);
    z-index: 9;
    display: block;
transition:all 0.3s;
}
.chili-default .toggled + input + header::after {
    content: '';
    width: 100%;
    height: 6em;
    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;
    margin-left: 1.7em;
}

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: #fff;
    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;
}
*/

.content ul {
    margin: 0;
position:relative;
}
.content ul:after {
    content: '';
    display: block;
    clear: both;
}
.content li {
  margin-left: 0;
  padding:
0;
  padding-left: 0;
  display: inline-block;
  clear: both;
  float: left;
  padding:
0em;
    padding-left: 0em;
  width: 100%;
  margin-bottom: 1em;
  padding-left: 2em;
  font-weight: 100;
}
.content li::before {
  font-size: 0.7em;
  margin-right: 0.5em;
  color: #fff;
  margin-bottom: 0em;
  background-color: var(--chili-color-3);
  border-radius:
16%;
  padding:
0.3em;
  content: '\e811';
  font-family: "fontello" !important;
  width: 1em;
  line-height: 1em;
  text-align: center;
  height: 1em;
  margin-left: 0em;
  position: absolute;
  left: 0;
  margin-top: 0.4em;
}


.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: 4em;

}
.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;
    margin-left: 2.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 1em;
}
/*
.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% - 2em );
    margin: auto;
    max-width: 1200px;
}
.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 var(--chili-color-1);
  border-left: 1px solid var(--chili-color-1);
  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: var(--chili-color-bright-font);
  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) {
    .galerie-slider-2::before {
      margin-top: 50%;
    }
  
  .chili-slider .aw_BoxContentNav {
  
    font-size: 0.5em;
  }
  .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 #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;
      }
  }

.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;
}