/*chili_colorcolor-1=rgb(76,104,124);color-2=rgb(85,85,85);color-3=rgb(133,174,204);color-4=rgb(255,195,158);color-5=rgb(106,83,70);color-6=rgb(255,227,96);*/

/* marcellus-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Marcellus';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/marcellus-v13-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('../fonts/marcellus-v13-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/marcellus-v13-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/marcellus-v13-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/marcellus-v13-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/marcellus-v13-latin-regular.svg#Marcellus') format('svg'); /* Legacy iOS */
}


.desktopNavigation li a:link{
	font-weight: 300;
	line-height: 1em;
	color: rgba(119,164,192,1);
	text-decoration: none;
	text-shadow: px px px ;
	background-image: none !important;
	box-shadow:  px px px px ;
	height: 100%;
	position: relative;
	display: block;
	padding: 0.5em;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
*{
table-layout:fixed;
box-sizing: border-box;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
:root{
--col1:#DED8CD;
--col2:#E7994E;
--col3:#3B434B;
--col4:#DBEDFF;
--col5:#3F81D2;
--col6:#0D223A;
--col7:#C0C0C0;
--col8:#F3F7F9;
--col9:#E1E4E5;
--col10:#E8EEF5

}

body{
	color: #555555;
	font-family: 'Marcellus' !important;
	font-size: 16px;
	text-shadow: px px px ;
	box-shadow:  px px px px pxpxpxpxpxpxpxpx;
	padding: 0px;
	margin: 0px;
counter-reset: div;
height:auto;

  counter-reset: section;     
background-color: #e9e3de;
}

footer {
    background-color: #2A2726;
    color: #706B6A;
    padding: 2em;
position:relative;
}

header {
    position: absolute;
    width: 100%;
z-index: 100;
}

header::before {
    content: '';
    background-color: #0000009c;
    height: 5em;
    width: 100%;
    display: block;
    left: 0;
    top: -5em;
    position: fixed;
    transition: all 0.3s;
}


.toggled + input + header::before {

    top: 0em;

}
.content {
    display: flex;
    flex-direction: column;
    min-height: calc( 100vh - 8em );
    z-index: 1;
    margin-top: 0;
    overflow-x: hidden;
}
h2 {
    font-size: 1.5em;
    line-height: 1.25em;
    margin: 0em 0rem;
    color: #ce8243;
    letter-spacing: 0em;
    text-transform: uppercase;
    font-weight: 400;
}
em {
    font-style: normal;
    
}


.text h2::after {
    display: none;
    content: '';
    height: 1em;
    width: 3em;
    border-bottom: solid 4px #d3c7b6;
}

p {
    font-size: 1em;
    margin: 1.5em 0px;
    padding: 0px;
    line-height: 1.5em;
    color: #8d8885;
    letter-spacing: 0;
    font-weight: 400;
}
p::before {
    display: block;
    content: '';
    width: 5em;
    height: 0.3em;
    padding: 0em;
    border-top: solid 0.3em #f6c399;
    margin-right: 1em;
    margin-bottom: 1em;
}


/*
h2 span {
    background-color: #bbaba0;
    box-shadow: 0.3em 0px 0px 0px #bbaba0, -0.3em 0px 0px 0px #bbaba0;
    box-decoration-break: clone;
    line-height: 1.6em;
    text-transform: uppercase;
    text-shadow: #dbd4d0 -1px 1px 0px;
}
*/
h3 {
    font-size: 2.8em;
   line-height: 1.25em;
    margin: 0.5em 0rem;
    font-weight: 400;
    font-family: Marcellus;
    text-transform: uppercase;
}


.content > a {
    clear: both;
    float: left;
margin-top: -7em;
}



.logo {
    background-image: url(../images/design/logo_solo_white.svg);
    width: 60em;
    height: 31em;
    position: absolute;
    left: 10%;
    right: 0;
    margin: 0;
    text-decoration: none;
    top: calc( 50vh - 30em ) !important;
    background-position: center bottom;
    font-size: 0.8em;
}

.logo::before {
    content: 'Restaurant';
    color: #FFF;
    letter-spacing: 1em;
    text-transform: uppercase;
    position: relative;
    display: block;
    width: 100%;
    text-align: center;
    top: 15em;
    font-size: 1em;
    font-weight: 600;
}
.logo::after {
    content: '';
    display: block;
    background-image: url(../images/design/harp.png);
    width: 24em;
    height: 24em;
    background-size: contain;
    margin: auto;
    background-repeat: no-repeat;
    background-position: center;
    left: 15em;
    position: absolute;
    right: 0;
    z-index: -1;
}


footer .logo {
    position: absolute !important;
    bottom: ;
    width: ;
    font-size: 5px;
    z-index: 1;
    top: 0 !important;
    left: 0 !important;
}

.mainNavigation {
    color: #ffffff;
    top: 0;
    text-align: left;
    width: 100%;
    z-index: 66;
    position: fixed;
height:3em;
}
.mainNavigation ul {
    margin: 0;
    text-align: left;
    width: auto;
    padding: 1.5em;

}
.mainNavigation li {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: inline;
}
.mainNavigation a {
    text-decoration: none;
    padding: 1em;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 0.2em;
    font-size: 0.9em;
}
.top-contact {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 80;
}
.top-contact .phone {
    font-size: 1.6em;
    text-decoration: none;
    padding: 0em 1em;
        padding-left: 1em;
    line-height: 3em;
    color: #fff;
    display: block;
    letter-spacing: 0.1em;
    font-style: italic;
    background-image: url(../images/icons/phone-1.svg);
    background-position: left;
    background-size: 1.2em;
    padding-left: 2em;
    background-position: top 0.9em left 0.5em;
}
.fb-link a {
    background-image: url(../images/icons/facebook_1.svg);
    margin-left: 1em;
}
.fb-link a span {
    display: none;
}



.block {
    display: block;
    float: left;
    width: 100%;
position:relative;
}
.block-content {
    margin: auto;
    width: 70%;
    text-align: center;
    padding: 4em;
}
.block.background {
  min-height: 60vh;
  background-size: cover;
  float: left;
  width: 100%;
  background-position: center;
}


.parallax-window {
    float: left;
    width: 100%;
    padding: 15vh;
}

.parallax-content {
    text-align: center;
    color: #FFF;
    padding: 7em;
padding-top: 24em;
}


.block.background .block-content {
    text-align: center;
    color: #FFF;
    padding: 7em;
padding-top: 24em;
}


.block.background p {
  
    color: #FFF;
 
}

.block.background p:before {
  
    display:none;
 
}

.block.simple {
z-index:9;
}
/*
.block.simple::before,.textblock_bild_links::before {
    content: '';
    display: block;
    width: 100%;
    height: 3em;
 
    margin: auto;
        margin-top: auto;
    margin-top: -1.7em;
    border-radius: 0;
    background-image: url(../images/design/paper_top.png);
    background-size: unset;
    background-repeat: no-repeat;
    background-position: bottom center;
    position: absolute;
    left: 0;
    right: 0;
top: 0;
transform: scale(1,0.2);
}
.block.simple::after,.textblock_bild_links::after {
    content: '';
    display: block;
    width: 100%;
    height: 3em;
    margin: 0;
    bottom: -1.7em;
    border-radius: 0;
    background-image: url(../images/design/paper_bottom.png);
    background-size: unset;
    background-repeat: no-repeat;
    background-position: top center;
    position: absolute;
    left: 0;
    right: 0;
transform: scale(1,0.2);
}
*/
.textblock_bild_links {
    padding: 2em 10em;
    position: relative;
    float: left;
    clear: both;
width:100%;
z-index: 3;

}

.textblock_bild_links .wrapper {
    max-width: 1200px;
    margin: auto;
    position: relative;
    display: block;
}

.textblock_bild_links .bild {
    width: 33.3334%;
    height: auto;
    position: relative;
    display: block;
    overflow: hidden;
    margin-top: -11em;
    border: solid  0.5em #dfd4c9;
    background-size: cover;
  float: left;
margin-bottom:2em;
z-index: 33;
border-radius: 50%;
}
.textblock_bild_links .bild::after {
    content: '';
    display: block;
    margin-top: 100%;
}

.textblock_bild_links .text {
    float: left;
    width: 66.6%;
    padding: 0em;
    padding-right: 0em;
    padding-left: 0em;
    padding-left: 4em;
    margin-left: 0em;
    padding-left: 0em;
    z-index: 99;
    position: relative;
    padding-right: 8em;
}

.box1 {
    float: left;
    clear: both;
    display: block;
    height: calc( 100vh - 18em ) !important;
    position: relative;
    width: 100%;
    z-index: 0;
}

.box1 .aw_BoxContentNav {
    display: none !important;
}
.parallax-content h2 ,.block.background h2{
    color: #FFF;
}

.block.colored {
    background-color: #191818;  

}


.block.colored h2 {
    color: #977f6a;
}

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

.colums {
    clear: both;
    float: left;
    width: 100%;
}
.colum img {
    width: 100%;
}


.liste_typ1_segment {
    background-color: #191818;
    padding: 3em;
    box-shadow: inset #ffffff1f 0px 0px 0px 1px;
    border: solid 1em #211f1f;
}
.liste_typ1 {

    clear: both;
    width: 1200px;
    border-spacing: 1em;
    margin-top: -5em;
    position: relative;
margin-bottom: -21em;
  z-index: 9999;
}

.liste_typ1_segment h2 {
  margin-bottom: 1em;
  color: #977f6a;
}

.liste_typ1_segment .image {
    width: 3em;
    height: 4em;
}
footer .center {
    max-width: 1200px;
    margin: auto;
    text-align: center;
position:relative;
}

footer .info {
    text-align: left;
    width: 60%;
    left: calc( 40% - 2em );
    position: relative;
}
footer h5 {
    margin-top: 0.1em;
}

footer nav a {
    display: block;
    text-decoration: none;
}
footer .grid6 {
    border-left: solid 1px #fff2;
    padding-left: 2em;
    height: 12em;
    position: relative;
}
.map-layer {
    clear: both;
    float: left;
    width: 100%;
    z-index: 3333;
    display: block;
    position: relative;
    height: 22em;
}
.map-layer iframe {
    width: 100%;
    display: block;
    border: none !important;
    height: 100%;
}
.block.background.half {
    display: table;
    background-color: #cbbbae;
}

.block.background.half div {
    display: table-cell;
    width: 50%;
    background-size: cover;
}
.block.background.half .block-content {
    padding-top: 10em;
    padding-bottom: 10em;
}

.block.background.half .block-content p {
    color: #555;
}

.block.background.half .block-content p::before {
    display: block;
    content: '';
    width: 5em;
    height: 0.3em;
    padding: 0em;
    border-top: solid 0.3em #f6c399;
    margin-right: auto;
    margin-bottom: 1em;
    margin-left: auto;
}


.liste_typ5 {
    max-width: 800px;
    margin: auto;
    clear: both;
padding: 2em;
}
.speise h3 {
    font-size: 1em;
    width: 100%;
    display: table;
    border-bottom: dashed 1px;
}

.speise h3 span {
    display: table-cell;
}
.speise h3 span:nth-of-type(2) {
    text-align:right;
}


.speise {
    display: none;
}
:target + .food-list .speise {
    display: block;
}
#show_all:checked + label ~ div .speise {
    display: block !important;
}
#show_all{
display:none;
}

#show_all + label , #show_all:checked + label {
    display: inline-block !important;
    width: auto !important;
    padding: 0 1em !important;
    line-height: 2em !important;
    height: 2em !important;
    margin-bottom: 1em !important;
    border-radius: 1em !important;
    background-color: #cbbbae !important;
    color: #fff !important;
position:relative !important;
}

#show_all+label:after{
content:'alle Speisen anzeigen';
}
#show_all:checked+label:after{
content:'alle Speisen einklappen';
}
.food-anchor {
    margin-top: -10em;
    position: relative;
    clear: both;
    float: left;
}
.food-category a:link {
    text-decoration: none;
    line-height: 1.5em;
width: 100%;
display: block;
}
.food-category a:link::after {
    content: '+';
    float: right;
    font-size: 0.6em;
    color: #444;
}
.speise h4 {
    font-size: 0.8em;
    line-height: 1em;
    margin: 0;
    margin-bottom: 1.5em;
}
.meinungen {
    float: left;
    clear: both;
    height: auto;
    width: 100%;
    text-align: center;
    padding: 2em;
box-shadow: inset #0005 0px 18px 7px -12px , inset #0005 0px -18px 7px -14px;
}
.meinungen .chili-slider {
    display: block;
   
    clear: both;
   
    position: relative;
    height: 12em;
    width: 40em;
    margin: auto;
}


.meinungen .awContentBox .aw_BoxContentNav{
display:none;
}




.easy-galerie {
    float: left;
    width: 100%;
}

.easy-galerie .wrapper{
max-width:1000px;
margin: 1em auto;
}

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

.easy-galerie-item {
    width: calc( 33.3334% - 1em );
    height: auto;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    float: left;
    margin: 0.5em;
}
.easy-galerie-item::after {
    content: '';
    margin-top: 100%;
    display: block;
}




.easy-galerie-item:nth-of-type(2),.easy-galerie-item:nth-of-type(3) {
    width: calc( 66.667% - 1em );
}
.easy-galerie-item:nth-of-type(2)::after,.easy-galerie-item:nth-of-type(3)::after {
    margin-top: calc( 50% - 0.5em );
}

.easy-galerie-item:nth-of-type(4) {
    width: calc( 33.3334% - 1em );
float: right;
}
.easy-galerie-item:nth-of-type(4)::after {
    margin-top: calc( 200% + 1em );
}
.easy-galerie-item:nth-of-type(7) {
    width: calc( 100% - 1em );
float: right;
}
.easy-galerie-item:nth-of-type(7)::after {
    margin-top: calc( 30% - 0.5em );
}
#toggle_menu{
display:none;
}

.topPicture {
    height: 66vh;
    width: 100%;
    background-size: cover;
}
.artikel-content {
    max-width: 1200px;
    margin: auto;
}

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


@media(max-width:1400px){

   body{
font-size:14px;
}

}



@media(max-width:1000px){




#toggle_menu + header + label {
    color: inherit;
    user-select: none;
    text-decoration: none;
    position: fixed;
    z-index: 999;
    top: 0.1em;
    left: 0.3em;
    width: 1em;
    height: 1em;
    display: block;
    cursor: pointer;
    text-align: center;
    line-height: 60px;
    background-color: transparent;
    color: #FFFFFF;
    font-size: 4em;
    transition: all 0.3s;
}
.menuButton::after {
    color: inherit;
    user-select: none;
    text-decoration: none;
    position: absolute;
    z-index: 999;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    display: block;
    text-align: center !important;
}
#toggle_menu + header + label::after {
    content: '\2261 ';
    color: #ffffff !important;
    text-decoration: none;
}
#toggle_menu:checked + header + label::after {
    content: '\00D7 ';
    color: #ffffff !important;
    text-decoration: none;
}
.logo {
    background-image: url(../images/design/logo_solo_white.svg);
    width: 60em;
    height: 31em;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0;
    text-decoration: none;
    top: calc( 37vh - 30em ) !important;
    background-position: center bottom;
    font-size: 1.2vw;
    right: 0;
    margin: auto;
}

.textblock_bild_links {
    padding: 2em 2em;
    position: relative;
    float: left;
    clear: both;
    width: 100%;
    z-index: 3;
}
.textblock_bild_links .bild {
    width: 16em;
    height: auto;
    margin: auto;
        margin-top: auto;
        margin-bottom: auto;
    position: absolute;
    display: block;
    overflow: hidden;
    margin-top: -9em;
    border: solid 0.5em #dfd4c9;
    background-size: cover;
    float: left;
    margin-bottom: 2em;
    z-index: 33;
    border-radius: 50%;
    left: 0;
    right: 0;
}

.textblock_bild_links .text {
    float: left;
    width: 100%;
    padding: 0em;
        padding-right: 0em;
        padding-left: 0em;
    padding-right: 0em;
    padding-left: 0em;
    padding-left: 4em;
    margin-left: 0em;
    padding-left: 0em;
    z-index: 99;
    position: relative;
    padding-right: 0em;
    margin-top: 8em;
}
.parallax-window {
    float: left;
    width: 100%;
    padding: 1vh;
}

h3 {
    font-size: 2em;
    line-height: 1.25em;
    margin: 0.5em 0rem;
    font-weight: 400;
    font-family: Marcellus;
    text-transform: uppercase;
}
.parallax-content {
    text-align: center;
    color: #FFF;
    padding: 5em 1em;
}
.block-content {
    margin: auto;
    width: 70%;
    text-align: center;
    padding: 2em 0em;
}
.block.background.half .block-content {
padding:2em;
    padding-top: 3em;
    padding-bottom: 3em;
}
.liste_typ1 {
   
    width: 100%;
    display:block;
    position: relative;
}


.liste_typ1_segment {
 display: block;
    background-color: #191818;
    padding: 3em;
    box-shadow: inset #ffffff1f 0px 0px 0px 1px;
    border: solid 1em #e9e3de;
        border-bottom-color: rgb(233, 227, 222);
        border-bottom-style: solid;
        border-bottom-width: 1em;
    border-bottom: none;
}
.block.background.half div {
    display: block;
    width: 100%;
    background-size: cover;
}
.block.background.half div:first-of-type {
    height: 36vh;
    width: 100%;
}

.meinungen .awContentBox {

    width: 100%;
height: 18em;
}

.mainNavigation li {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: block;
    line-height: 3em;
}
.mainNavigation {
    color: #ffffff;
    top: 0;
    text-align: left;
    width: 100%;
    z-index: 66;
    position: fixed;
display:none;
    background-color: #000c;
padding-top: 6em;

}
#toggle_menu:checked + header .mainNavigation {

display:block;
    
}

.top-contact .phone {
    font-size: 1.2em;
       background-position: top 1.5em left 0.5em;
    line-height: 4em;
   
}
.box1 .chili-slider-segment div {
  

    background-position: right 25% center !important;
}
footer .logo {
    position: relative !important;
    width: ;
    font-size: 0.72vw;
    z-index: 1;
    top: 0 !important;
    left: 0 !important;
}
footer .info {
    text-align: left;
    width: 100%;
    left: 0;
    position: relative;
}
footer .grid6 {
    border-left: solid 0px #fff2;
    padding-left: 0em;
    height: auto;
    position: relative;
    width: 100%;
    margin-top: 2em;
}
.parallax-content {


padding-top: 7em;
}
.liste_typ1 {


margin-bottom: 2em;
}
}


.speise td {
    vertical-align: top;
}
.speise td:first-of-type {
    line-height: 2.5em;
    font-weight: 900;
    padding-right: 0.25em;
}




body{

}
a:link, a:visited{
color:inherit;

}
.liste_typ1_segment{
counter-increment: mein-counter;
}
.liste_typ1_segment:after{
 content: ' '; 
}
.mainNavigation li{

}
.mainNavigation li:hover{


}
.move_in{

filter: saturate(0%) !important;
}
.move_in:hover{
background-size:107% !important;
filter: saturate(100%) !important;
}
.toggle+p{
display:block;
height:100%;
position:relative;

width:100%;

}
.center table{
  table-layout: auto !important;
}
.center table td{
white-space: nowrap important;
}
/*
.toggled+input+header+label+div .step2 img{

opacity:1;

}

.step2 img{

opacity:0;
transition:all 0.5s 1s;

}
*/
.galerieFade img{
transition:all 0.3s;
box-shadow: 0px 0px 0px 2em rgba(0,0,0,0) !important;
cursor:pointer;
}

.galerieFade img:hover{
box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.1) !important;
width:calc( 100% + 2em ) !important;
margin:-1em !important;
}

div:targe____t{
position:fixed !important;
z-index:12;
width:100%  !important;
height:100%  !important;
max-width:100%  !important;
max-height:100%  !important;
min-width:100%  !important;
min-height:100%  !important;
left:0px ;
top:0px !important;
margin:0px  !important;
animation: hig 1s;
}
@keyframes hig{
0%{left: -100%;}
100%{left: 0%;}

}
.grosser_text .center{
display: table !important;

}
.grosser_text .center div{
display: table-cell !important;
vertical-align: middle;
float:none !important;
}
.leistungen .grid4:nth-of-type(1){
transition-delay:0.1s;
transform:translate(0,5em);
}
.leistungen .grid4:nth-of-type(2){
transition-delay:0.2s;
transform:translate(0,7em);
}
.leistungen .grid4:nth-of-type(3){
transition-delay:0.3s;
transform:translate(0,10em);
}
.toggled+.step2+a+div .grid4{
	text-shadow: px px px ;
	box-shadow:  px px px px ;
	opacity: 1;
transform:translate(0em) !important;
}




.label{

fill:#FFFFFF !important;
}
.label text{
font-family:'Lily Script One' !important;
}
.label path,.label text, .label rect, .label polyline,.label polygon{

fill:inherit !important;
}






.smartphone{
position: absolute; 
background-size: cover; 
margin-top: -30%; 
width: 40%; 
display: block; 
right: -10px;
}


.desaturate { 
transition:all 0.5s;
-webkit-filter: grayscale(100%);

-moz-filter: grayscale(100%);

filter: grayscale(100%);
filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale");
}

.desaturate:hover {
transition:all 0.5s;
-webkit-filter: none;

-moz-filter: none;
filter: none;
} 




.listPages,.listPages section{


}
.content a:link{
color:inherit;
}

.v_margin{
margin-top:1em;
margin-bottom:1em !important;
}
.center:after{
content:' ';
display:block;
clear:both;
height:0px;
width:100%;
}
.imageBox{
height:12em;
background-size:cover;
background-position:center;
display:block ;

filter: saturate(0);
position:relative;
left:0px;
clear:both;
}

.toggle{
position:relative;



}

.intro svg {
stroke-width:0px;
stroke-dashoffset:0px;
stroke-dasharray:1100px;
animation: stroke 3s;
stroke: #ffffff !important;
animation-timing-function: ease-in;
fill:#000000 !important;
width:20% !important;
}
.intro svg path{

fill:rgba(0,0,0,0.3) !important;

}
nav svg{
stroke-width:10px;
}
@keyframes stroke{
0%{stroke-dashoffset:1100px}
20%{stroke-dashoffset:1100px}
100%{stroke-dashoffset:0px}

}
.splash{
animation:splas 4s;
}
@keyframes splash{
0%{transform:scale(0) rotate(12deg);opacity:0}
80%{transform:scale(0) rotate(12deg);opacity:0}
100%{transform:scale(1) rotate(-12deg);opacity:1}

}


.toggled{
position:fixed;
top:0px;

}

#toggle_menu+header .topNavigation1{
position:fixed;


z-index:200;

overflow:hidden;

font-family:'Open Sans';
transition: all 0.5s;
transition-delay:0s;
opacity:0;



}
#toggle_menu:checked+header .topNavigation1{
display:block;

top: 2em !important;



transition-delay:0s;
transition:all 0.5s;

opacity:1;
}


.topNavigation1 li a:visited:hover{
	
}
.topNavigation1 li a:link{
	color: inherit !important;
}
.topNavigation1 li a:visited{
color: inherit !important;	
}
.topNavigation1 li a:visited:hover+ul:first-of-type{
	display: block !important;
}
.topNavigation1 li a:hover+ul:first-of-type{
	display: block !important;
}
.topNavigation1 li a+ul:first-of-type{
	font-weight: 100 !important;
	opacity: 1;
	transition: all 0.5s;
}
#toggle_menu+header .topNavigation1 li a div:first-of-type{

display:none !important;

}
#toggle_menu:checked+header .topNavigation1 li a div:first-of-type{
	width:66.6667% !important;
height:100% !important;
right:33.3334%;

top:0%;
opacity:0;
z-index:1;
background-size:cover;
transform:scale(1);
background-position:center;
display:none !important;
position:fixed;
transition:all 0.3s;
box-sizing: border-box;
}



#toggle_menu:checked+header .topNavigation1 li:hover a div:first-of-type{
	


}



.topNavigation1 li:hover{
	

}



.topNavigation1 br{
display:none;
}















.svgtext{
stroke-width:1px;
stroke:#ffffff;
stroke-dasharray:240;
stroke-dashoffset:240;
 transition:stroke-dashoffset 0.5s linear, fill 0.1s linear 0.4s;
}

.svgtext:hover{
fill:rgba(255,255,255,0);
stroke-dashoffset:0;
 transition:stroke-dashoffset 0.5s linear, fill 0.1s linear 0s;

}
.anicircle{
stroke-dasharray:1102;
  stroke-dashoffset: 1102;
  transition:all 0.5s linear;
stroke-width:0px;


}
.anilayer:hover .anicircle{
stroke-width:8px;
  stroke-dashoffset: 0;


}

.anicircle2{
stroke-dasharray:2364;
  stroke-dashoffset: 2364;
  transition:all 0.6s linear;

}
.anilayer:hover .anicircle2{

  stroke-dashoffset:0;


}


.textpfad{
fill:currentColor;
}
.svgtext{
fill:currentColor;
}
.topPicture circle{
stroke-width:2px;

}
.topPicture svg{
margin:auto;
left:0px;
right:0px;
position:absolute;
top:0px;
bottom:0px;;
display:block;
}
.textPath{
fill: currentColor;
stroke:black;
stroke-width:0.4px;
 stroke-dasharray:1,0.5;
transition:all 0.5s;
}
.textPath:hover{
fill: currentColor;
color:#FFFFFF;
stroke:black;
stroke-width:0.1px;
 stroke-dasharray:2,0.5;
}

header .toggle{
position:absolute;


top:1px;
transition:all 0.3s;
margin-top:-1px;
}
header .toggle:after{
position:absolute;
width:calc( 100% - 40px );
height:1px;
content:' ';
display:none;
bottom:0px;
left:20px;
background-color:#888888;

}
header .toggled{
position:fixed;
top:0px;
margin-top:-1px;
}
header .toggled:after{
position:absolute;
width:100%;
height:1px;
content:' ';
display:block;
bottom:0px;
left:0px;
opacity:0;
background-color:#000000;

}

.table{
display:table !important;
border-collapse: separate;
  border-spacing: 20px;
margin:0px  ;
table-layout: fixed;
width:100%;
}
.table_cell{
position:relative;
display:table-cell !important;
box-sizing:border-box;
padding: 20px;

}


body{
	

overflow-x:hidden;
line-height:1.5em;
}
.bgcolor{
background-color:rgba(0,0,0,0.02);
}

.ani2 {
position:relative !important;
display:block;
width:50%;
height:50% !important;
clear:both;
margin:0px auto;
left:0px;
right:0px;
}
.ani2 .scrollAnimate{
position:relative;
width:100%;
height:100%;
display:block;
transition:all 0.5s;
top:0px;
left:0px;
}


.ani2 h2{
position:absolute;
font-size:4em;
z-index:11;
top:20px;
display:block;
transition-timing-function:easy-out;
transition:all 0.5s;
}
.ani2 .outsideTop {
transform:translateY(200px);
}
.ani2 .outsideBottom {
transform:translateY(-200px);
}
.ani2 .outsideTop h2{
left:-100%;
opacity:0;
}
.ani2 .outsideBottom h2{
left:-100%;
opacity:0;
}

.ani2 .inside h2{
opacity:1;
left:4% !important;

}


.ani1 .scrollAnimate{

width:100%;
height:auto;
display:block;
position:relative;
top:0px;
transition:all 0.5s;

}
.ani1 .outsideTop div div{


height:300px;
transform:translate(0px,200px);
transition:all 0.5s;
opacity:0;
}
.ani1 .outsideBottom div  .grid4{

height:300px;

transform:translate(0px,-200px);
transition:all 0.5s;
opacity:0;
}
.ani1 .outsideBottom div .grid4:first-of-type{
transform:translate(-300px,-200px);
}
.ani1 .outsideBottom div  .grid4:nth-of-type(3){
transform:translate(300px,-200px);
}
.ani1 .outsideTop div  .grid4:first-of-type{
transform:translate(-300px,200px);
}
.ani1 .outsideTop div  .grid4:nth-of-type(3){
transform:translate(300px,200px);
}
.ani1 .inside div  .grid4{
background-color:rgba(0,0,0,0.1);
height:300px;

transition:all 0.5s;
transform:scale(1);
opacity:1;
}


.ani3 .scrollAnimate{

width:100%;
height:auto;
display:block;
position:relative;
top:0px;
transition:all 0.5s;
}
.ani3 .outsideTop div div{



transform:translate(0px,200px);
transition:all 0.5s;
opacity:0;
}
.ani3 .outsideBottom div  .grid6{



transform:translate(0px,-200px);
transition:all 0.5s;
opacity:0;
}
.ani3 .outsideBottom div .grid6:first-of-type{
transform:translate(-300px,0px);

}
.ani3 .outsideBottom div  .grid6:nth-of-type(2){
transform:translate(300px,0px);

}
.ani3 .outsideTop div  .grid6:first-of-type{
transform:translate(-300px,0px);

}
.ani3 .outsideTop div  .grid6:nth-of-type(2){
transform:translate(300px,0px);

}


.ani3 .outsideBottom  h2,.ani3 .outsideTop h2{
transform:translate(0px,-300px);
opacity:0;

}
.ani3   h2{
transform:translate(0px,0px);
transition:all 0.5s;
opacity:1;
text-align:center;
}

.ani3 .inside div  .grid6{



transition:all 0.5s;
transform:scale(1);
opacity:1;
}

.ani4{
width:100%;

padding:20px;
}
.ani4 h2{
transition:all 0.5s;
transition-timing-function:easy-out;
left:0px;
right:0px;
border:1px solid #ffffff;
color:#FFFFFF;
padding:10px;
height:1em;
position:absolute;
margin:auto;
top:0px;
bottom:0px;
}
.ani4 .scrollAnimate{

}
.ani4 .outsideBottom .image{
transform: perspective(80em) rotateX(-90deg) translateY(-200px);

}
.ani4 .outsideTop  .image{
transform: perspective(80em) rotateX(90deg) translateY(200px);

}
.ani4 .outsideBottom h2{
left:-200%;
opacity:0;
}
.ani4 .outsideTop  h2{
left:-200%;
opacity:0;
}
.ani4 .inside .image{
opacity:1;
}
.ani4 .image{
height:400px;
width:50%;
background-size:cover;
background-position:center;
left:0px;
right:0px;
position:relative;
display:block;
margin:0px auto;
transition:all 0.5s;
transition-timing-function: easy-out;
}
html{
height:100%;
}
.columsCount{
width:3px;
}

.register {
width:100%;
height:500px;
background-color:#FFFFFF;
position:relative;
display:block;

}
.register h2{
overflow:hidden;

width:200px;
height:40px;
display:block;
float:left;

position:relative;
margin:0px !important;
top:-40px !important;
}
.register h2+div{
overflow:hidden;
margin-top:40px;
width:100%;
height:100%;
background-color:#FFFFFF;
display:none;
clear:right;
float:right;
position:absolute;
padding:20px;
box-sizing:border-box;

}
.register a:first-of-type+div{

display:block;


}
.register a:active+div,.register a:focus+div{

display:block;


}
.register a:active,.register a:focus{

transform:scale(1.1);


}
.register h2:before{
background-color:#FF0000;
width:90%;
height:100%;
display:block;
position:absolute;
content:'';
}
.register h2:after{
background-color:#FF0000;

width:10%;
height:100%;
display:block;
position:absolute;
content:'';
right:0px;
top:0px;
transform:skew(0deg, 45deg)  translate(0px,10px);
box-shadow:inset -5px 0px 0px 0px rgba(0,0,0,0.3);
}



.register  section {
    position: absolute;
    display: block;
    width: 400px;
    height: 200px;
    top: 100px;
    background-color: #c5d2de;
}

.register  section h2 {
    position: absolute;
    left: 0;
    top: -30px;
    width: 124px;
    height: 29px;
    font-family: Verdana;
    font-size: 15px;
    margin: 0;
    background-color: #194b7d;
    border-radius: 15px 15px 0 0;
    border: solid #ffffff;
    border-width: 1px 1px 0 0;
    z-index: 1;
}

.register section:nth-child(2) h2 {
    left: 120px;
    z-index: 0;
}

.register section:nth-child(3) h2 {
    left: 240px;
    z-index: -1;
}

.register section h2 a {
    display: block;
    margin: 5px 0 0 0;
    text-align: center;
    text-decoration: none;
    color: #c5d2de;
}

.register section:target, article.infobox section:target h2 {
    color: #000000;
    background-color: #c5d2de;
    z-index: 1;
}

.register section:target h2 a {
    color: #194b7d;
}

.register section p {
    font-family: Verdana;
    font-size: 15px;
    margin: 10px 10px 0 10px;
}




















.imageBox{
position:relative;
transition:all 0.5s;
background-color:#000000 !important;
padding-bottom:0px !important;
border:0px !important;
cursor:pointer;
font-family:Lato;
font-weight:300;
overflow:hidden;
}
.imageBox a:link{
background-color:rgba(255,255,255,0);
width:50%;
font-size:1.2em;
text-align:center;
height:1em;
display:inline-block;
position:absolute;
top:0px;
bottom:60%;
padding:20px;
border:solid 3px #ffffff;
color:#ffffff;
text-decoration:none;
left:0%;
right:0%;
margin:auto;
opacity:0;
transition:all 0.5s;
text-transform:uppercase;
}
.imageBox a:hover{
background-color:rgba(255,255,255,0.6);

}
.imageBox:hover a:link{


bottom:0%;
opacity:1;
}
.imageBox img{
transition:all 0.5s;
opacity:1;
border:0px;
padding:0px;
margin-bottom:-4px !important;
}
.imageBox:hover img{

opacity:0.3;
transform:scale(1.1);
}

.imageBox:hover{
filter:saturate(1);

}


.imageBox2{
position:relative;
transition:all 0.5s;
background-color:#000000 !important;
padding-bottom:0px !important;
border:0px !important;
cursor:pointer;
font-family:Lato;
font-weight:300;
overflow:hidden;
background-color:#FFFFFF;
}
.imageBox2 span{
position:absolute;
margin-top:auto;
margin-bottom:auto;
display:inline;
vertical-align:middle;
width:50%;
top:0px;
bottom:0px;
left:-50%;

transition:all 0.5s;
padding:10px;
box-sizing:border-box;

background-color:#FFFFFF;
}
.imageBox2:hover span{
left:0%;

background-color:#FFFFFF;
}
.imageBox2 a:link{
background-color:rgba(255,255,255,0);
width:50%;
font-size:1.2em;
text-align:center;
height:1em;
display:inline-block;
position:absolute;

bottom:10%;
padding:20px;
border:solid 3px #888888;
color:#888888;
text-decoration:none;
left:0%;
right:100%;
margin-left:auto;
margin-right:auto;
opacity:0;
transition:all 0.5s;
text-transform:uppercase;
}
.imageBox2 a:hover{


}
.imageBox2:hover a:link{
right:0%;
opacity:1;

}
.imageBox2 img{
transition:all 0.5s;
opacity:1;
border:0px;
padding:0px;
margin-bottom:-4px !important;
}
.imageBox2:hover img{

margin-left:50%;
}





@media  (max-width: 1400px){
.center{
width:90%;
max-width:90%;
min-width:90%;

}

}


@media  (max-width: 1000px){

.magnetic_content{
display:none;
}
.columsCount{
width:2px !important;
}
.grid1, 
.grid2,
.grid3,
.grid4,
.grid5,
.grid6,
.grid7,
.grid8,
.grid9,
.grid10,
.grid11,
.grid12 {

}
.lp_kachel{
	
	font-family: 'Lato';
	text-align: left;
	font-weight: 100;
	font-style: normal;
	font-variant: normal;
	line-height: 1.5em;
	color: #525252;
	text-decoration: none;
	text-transform: none;
	position: relative;
	display: block;
	float: left;
	padding-top: 0px;
	margin-top: 4.5%;
	padding-right: 0px;
	margin-right: 0%;
	padding-bottom: 0px;
	margin-bottom: 4.5%;
	padding-left: 0px;
	margin-left: 5%;
	height:50%;
}
.list_liste{

}
.list_liste div:first-child{
	
}

.bg_title{

}
body{
font-size:14px;

}
}
@media (max-width: 322px){
.bg_title2{
display:none;
}
.columsCount{
width:1px !important;
}
h4{
font-size:24px;
}
.mobile{
display:block;
}
.desktop{
display:none;
}
.Zitat{
font-size:30px;
}

.padding{
padding-left:5px !important;
padding-right:5px !important;
}
.grid1, 
.grid2,
.grid3,
.grid4,
.grid5,
.grid6,
.grid7,
.grid8,
.grid9,
.grid10,
.grid11,
.grid12 {
width:100% !important;
clear:both;
}

.grid2{
width:100% !important;
clear:both;
}


.lp_kachel{
	font-family: 'Lato';
	text-align: left;
	font-weight: 100;
	font-style: normal;
	font-variant: normal;
	line-height: 1.5em;
	color: #525252;
	text-decoration: none;
	text-transform: none;
	position: relative;
	display: block;
	float: left;
	padding-top: 0px;
	margin-top: 4.5%;
	padding-right: 0px;
	margin-right: 0%;
	padding-bottom: 0px;
	margin-bottom: 4.5%;
	padding-left: 0px;
	margin-left: 5%;
	height:50%;
}
.list_liste{

}
.list_liste div:first-child{
	font-style: normal;
	font-variant: normal;
	text-decoration: none;
	text-transform: none;
}

.bg_title{
font-size:20px;
}
.splash{
left:0px;
}
}




a:hover body{
display:none !important;
}
body{
transition: all 0.5s;
height:100%;

}



.scrollBox{
	text-shadow: px px px ;
	box-shadow:  px px px px ;
	width: 100 %;
	height: 500px;
	left: 0px;
	position: relative;
	display: block;
	overflow-y: hidden;
      overflow-x:scroll;
}
.scrollBox div{
	text-shadow: px px px ;
	box-shadow:  px px px px ;
	width:  500%;
	height: 430px;
      display:table;
 table-layout: fixed;
  

}
.scrollBox div div{
	text-shadow: px px px ;
	box-shadow:  px px px px ;
	width: 20%;
	height: 400px;
	position: relative;
	overflow: hidden;
      display:table-cell;
}
.aw_BoxContentNav{
position:absolute;
z-index:999;
left:0px;
width:100%;
text-align:left;
bottom:-8em;
transition:all 0.5s 0.2s;
}
.aw_BoxContentNav .aw_BoxContentNavLink {
    font-size: 16px;
    height: 5em;
    width: 5em;
    line-height: 24px;
    text-align: center;
    display: inline-block;
    border-radius: 0;
    padding: 4px;
    margin-right: 2px;
    background-size: cover;
}
.aw_BoxContentNav .aw_BoxContentNavLink span:first-of-type{
display:none
}
.aw_BoxContentNavActive{
background-color:#ff6600 !important;


}

.awBoxContent{
font-size: 14px;
text-align: center;
font-weight: normal;
font-style: normal;
font-variant: normal;
color: #222222;
text-decoration: none;
text-transform: none;
text-shadow: px px px ;
box-shadow:  px px px px ;
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
opacity:0;
z-index:3;
left:0%;
transition:all 0.3s;

}
.LEFT{
text-align: left;
font-weight: normal;
font-style: normal;
font-variant: normal;
color: #999999;
text-decoration: none;
text-transform: none;
background-image: url(../images/design/arrow_left.svg);
background-repeat: no-repeat;
width: 53px;
height: 53px;
left: 0px;
top:0px;
bottom:0px;
position: absolute;
display: block;
float: left;
cursor: pointer;
z-index:90;
margin: auto 0px;
background-position: center;
}
.RIGHT{
text-align: left;
font-weight: normal;
font-style: normal;
font-variant: normal;
color: #999999;
text-decoration: none;
text-transform: none;
background-image: url(../images/design/arrow_right.svg);
background-repeat: no-repeat;
width: 53px;
height: 53px;
right: 0px;
top: 0px;
bottom:0px;
position: absolute;
display: block;
float: left;
cursor: pointer;
z-index:90;
margin: auto 0px;
background-position: center;
}

.box_orange .LEFT{

background-image: url(../images/design/arrow_left_white.svg);
background-size: 1em;

}
.box_orange .RIGHT{

background-image: url(../images/design/arrow_right_white.svg);
background-size: 1em;

}


.colum {
    width: calc( 100% - 0px );
    margin: 0px 0px 0px 0px;
    height: auto;
    display: block;
    padding: 0.5em;
}


section a:link{
text-decoration:none;
position:relative;
}
section a:link:after{
content:'';
position:absolute;
height:0px;
border-bottom:1px solid;
bottom:0px;
width:0%;
margin:0px auto;
left:0px;
right:0px;
transition:all 0.3s;
}
section a:hover:after{

width:100%;

}
.blur{
   -webkit-filter: blur(0px);
    -moz-filter: blur(0px);
    -ms-filter: blur(0px);
    -o-filter: blur(0px);
    filter: blur(0px);
transition:all 0.3s;
}

.blur:hover{
    -webkit-filter: blur(2px);
    -moz-filter: blur(2px);
    -ms-filter: blur(2px);
    -o-filter: blur(2px);
    filter: blur(2px);
transition:all 0.3s;
}


/*----------------------------------------------------- C O N T E N T - B O X  ---------------------------------------*/

.box1 .chili-slider-segment div {
width:calc( 100% - 0em ) !important;
float:left;
display:block;
position:relative;
height: calc( 100% - 0em ) !important;
transition: all 1.3s;
background-size: cover;
background-position: top center;
}
.boxSelected{
opacity:1;
position:absolute;

top:0px;

left:0px;
display:block;
transition:all 1.5s;
z-index:4 !important;
}
.box1 .previousBox,.box2 .previousBox,.3er .previousBox{
opacity:0;
position:absolute;
left:0%;
display:block;
transition:all 0.3s;

z-index:4 !important;

}


.noTransition{
transition:none !important;
}
.contentBoxPause{
	text-align: left;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	text-decoration: none;
	text-transform: none;
	background-image: url(../images/design/awContentBoxPause.png);
	background-repeat: no-repeat;
	width: 15px;
	height: 15px;
	right: 20px;
	bottom: 20px;
	position: absolute;
	display: block;
z-index:999;
}
.contentBoxPlay{
	text-align: left;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	text-decoration: none;
	text-transform: none;
	background-image: url(../images/design/awContentBoxPlay.png);
	background-repeat: no-repeat;
	width: 15px;
	height: 15px;
	right: 20px;
	bottom: 20px;
	position: absolute;
	display: block;
z-index:999;
}
.nextBox{

}


.box3 .awBoxContent, .box3 .boxSelected{
position:absolute;
top:0px !important;
opacity:1;
width:100%;
height:100%;
top:0px;
right:0px;
display:block;

}

.box3 .aw_BoxContentNav{
position:absolute !important;
width:40%;
height:100%;
left:-40%;
top:0em;
overflow-y:auto;
text-align:left;
padding:20px;
z-index.3333777777777 !important;

}
.box3:nth-of-type(3) .aw_BoxContentNav{

top:8em !important;

}
.box3 .aw_BoxContentNav a:link{
display:inline-block !important;
width:100px;
height:100px;
margin:2px;
border-radius:0px;
background-repeat:no-repeat;
background-position:center;
background-size:contain;
transition:all 0.3s;
}
.box3 .aw_BoxContentNav a:hover{
transform:scale(1.2);
}
.box3 .aw_BoxContentNav a:link span:nth-of-type(3){
display:none !important;
}
.box3 .aw_BoxContentNav a:link span:nth-of-type(2){
display:none !important;
}

.box3  .aw_BoxContentNavActive{
background-color:rgba(0,0,0,0) !important;
transform:scale(1.6);
color:#fff000 !important;

}

.box3 .awBoxContent div{
z-index:2;
display:block !important;
background-size:cover;
position:absolute;
width:100%;
height:100%;
margin:auto;
left:0px;
top:0px;
bottom:0px;
right:0px;
background-position:center bottom;
background-repeat:no-repeat;
}

.box3 .awBoxContent{
transition: left 0.5s transform 0.5s z-index 0s 0.5s;
}

.box3 .nextBox{
transform: perspective(80em) rotateY(-50deg) translateY(-20px) scale(0.5);
top:0px;

width:100%;
left: 60%;
height:100%;
top:0%  !important;
right:0%;
display:block;
opacity:0.5 !important;
z-index: 1000-counters(div);

}
.box3 .nextBox div+div{

}



.box3 .previousBox div+div{

}
.box3 .previousBox{
transform: perspective(80em) rotateY(50deg) translateY(-20px) scale(0.5);
position:fixed;
top:0px !important;

width:70%;
left:-20%;
height:100%;
top:0% !important;
right:100%;
display:block;
opacity:0.5 !important;
z-index:2;
transition-delay: z-index 0.5s !important;
}
.box3{
counter-reset: div;
height:50%;
background-color:#FFFFFF;
}

.box4 .nextBox{
left:100%;

}
.box4 .previousBox{
left:0%;
z-index:1;
}
.box4 .grid4{
height:100%;
z-index:1;
}
.box4 .boxSelected{
z-index:2;
}



/*----------------------------------------------------- F O R M U L A R ---------------------------------------*/

.chili-select  select {
	background: transparent;
	width: calc( 100% + 18px );
	padding: 0px;
	font-size: 1em;
	position:absolute;
	top:0px;
	border: 0;
color:#333333 !important;
	left:0px;
	border-radius: 0;
	box-sizing:border-box;
padding:0px 6px;
	height: inherit;
	z-index:1;
	-webkit-appearance: none;
	font-weight: 300 !important;
	cursor:pointer;
line-height:inherit;
 
}
.chili-select option{
	background: transparent;
	width: auto;  
	color:#333333;
	margin:0px;
	left:0px;
	border-radius: 0;
	padding-right:60px;
	height: 16px;
	border-bottom:solid 1px rgba(0,0,0,0.05);
	line-height:16px;
	font-size:14px;
	text-align:left;
	padding:8px;
	z-index:0;
	-webkit-appearance: none;

}


.chili-select {
	color:#333333 !important;
	height: 3em;
	overflow: hidden;
	background: url(../images/design/arrow_down_black.png) no-repeat right #FFFFFF;
	display: inline-block;
	position: relative;
	border: 0px solid #DDDDDD;
	padding:0px !important;
border-radius:0px;
line-height:3em;
display:block;
width:100%;


}
.chili-select:after{
content:'\232A ';
position:absolute;
right:6px;
top:0px;
text-align:center;
width:1.5em;
color:#000000;
transform:rotate(90deg);
z-index:0;
}
.chili-select:hover{}
   
.chili-select:before{
	position: absolute;
	content:attr(title);
	left:3px;
	top:3px;
	display:block;
	color:#ff6600;
}





ol li:before {
    counter-increment: li;
    content: counter(li);

font-size: 14px;
	text-align: center;
	font-weight: 900;
	
	line-height: 20px;
	
	
	width: 20px;
	height: 20px;
	top: 0px;
	bottom: 0px;
	position: absolute;
	display: block;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top:  auto;
	margin-bottom:  auto;
	margin-left: -30px;

}
.galeriePic{
	text-align: center;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	text-decoration: none;
	text-transform: none;
	text-shadow: px px px ;
	box-shadow: px px px ;
	border-top-style: solid;
	border-top-width: 0px;
	border-top-color: #575757;
	border-right-style: solid;
	border-right-width: 0px;
	border-right-color: #575757;
	border-bottom-style: solid;
	border-bottom-width: 0px;
	border-bottom-color: #575757;
	border-left-style: solid;
	border-left-width: 0px;
	border-left-color: #575757;
	width: 14.9%;
	height:  12em;
	left: 0px;
	position: relative !important;
	display: block;
	float: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 4px;
	margin-right: 4px;
	margin-bottom: 0px;
	cursor: pointer;
	overflow: hidden !important;
}

.galeriePic img{
	text-align: left;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	text-decoration: none;
	text-transform: none;
	text-shadow: px px px ;
	box-shadow: px px px ;
	width: 100%;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right:  auto;
	margin-bottom: 0px;
	margin-left:  auto;
}
.galerieImageTitle{
	text-align: left;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	text-decoration: none;
	text-transform: none;
	width: 100%;
	display: none;
}
.galerieImageComment{
	font-size: 0.85em;
	text-align: center;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	line-height: 30px;
	color: #FFFFFF;
	text-decoration: none;
	text-transform: none;
	text-shadow: px px px ;
	background-color: rgba(255,255,255,0.08);
	box-shadow: px px px ;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: rgba(255,255,255,0.2);
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: rgba(255,255,255,0.2);
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: rgba(255,255,255,0.2);
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: rgba(255,255,255,0.2);
	width: 100%;
	height: 30px;
	bottom: 0px;
	position: relative;
	display: none !important;
	float: none;
	clear: both;
	padding-right: 1em;
	padding-left: 1em;
	z-index: 55;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.galeriePic a:link{
	text-align: left;
	font-weight: normal;
	vertical-align: middle;
	font-style: normal;
	font-variant: normal;
	text-decoration: none;
	text-transform: none;
	text-shadow: px px px ;
	box-shadow: px px px ;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	position: absolute;
	display: inline;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	overflow: hidden;
}
.galeriePic a:visited{
	text-align: left;
	font-weight: normal;
	vertical-align: middle;
	font-style: normal;
	font-variant: normal;
	text-decoration: none;
	text-transform: none;
	text-shadow: px px px ;
	box-shadow: px px px ;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	position: absolute;
	display: inline;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	overflow: hidden;
}

#PIC{
	text-shadow: px px px ;
	background-color: rgba(255,255,255,0.1);
	box-shadow: 4px 4px 23px #000000;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: rgba(255,255,255,0);
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: rgba(255,255,255,0);
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: rgba(255,255,255,0);
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: rgba(255,255,255,0);
}
#galPrev{
	color: #000000;
	text-shadow: px px px ;
	background-color: rgba(25,25,25,0.8);
	box-shadow: px px px ;
	width: 50px;
	height: 50px;
	left: 20px;
	top: 50%;
	position: absolute;
	display: block;
	cursor: pointer;
	content: '<';
}
#galNext{
	color: #AAAAAA;
	text-shadow: px px px ;
	background-color: rgba(25,25,25,0.8);
	box-shadow: px px px ;
	width: 50px;
	height: 50px;
	right: 20px;
	top: 50%;
	position: absolute;
	display: block;
	cursor: pointer;
	content: '>';
}
#galNext:after{
	font-family: 'lato-hairline-webfont';
	font-size: 30px;
	text-align: center;
	font-weight: 100;
	line-height: 50px;
	color: #AAAAAA;
	text-shadow: px px px ;
	box-shadow: px px px ;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	position: absolute;
	content: '\232A\ ';
}
#galPrev:after{
	font-family: 'lato-hairline-webfont';
	font-size: 30px;
	text-align: center;
	font-weight: 100;
	line-height: 50px;
	color: #AAAAAA;
	text-shadow: px px px ;
	box-shadow: px px px ;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	position: absolute;
	content: '\2329\ ';
}
#PicComment{
	color: #DDDDDD;
	text-shadow: px px px ;
	background-color: rgba(255,255,255,0);
	box-shadow: px px px ;
}
#PicBackground{
	text-shadow: px px px ;
	background-color: rgba(5,5,5,0.8);
	box-shadow: px px px ;
}
#PicTable{
	text-shadow: px px px ;
	box-shadow: px px px ;
	left: 0px;
background-color: rgba(5,5,5,0.8);
}
.galeriePic a img{
	text-align: left;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	text-decoration: none;
	text-transform: none;
	text-shadow: px px px ;
	box-shadow: px px px ;
	width: 100%;
	left: 0px;
	right: 0px;
	position: absolute;
	margin-right:  auto;
	margin-left:  auto;
}

.liste_typ1 {
  clear: both;
  width: 1200px;
  border-spacing: 1em;
  margin-top: -16em;
  position: relative;
  margin-bottom: -21em;
  z-index: 9999;
  display: block;
  margin-bottom: 1em;
}





@media(max-width:800px){

#toggle_menu+header .topNavigation1 ul{
width:100%;


}
.columsCount{
width:1px !important;
}
body{
width:100%;
max-width:100%;
min-width:100%;
}
.center{
width:90%;
max-width:90%;
min-width:90%;
}


}

.aniPhone{
width:100%;
height:500px;
}
.aniPhone .scrollAnimate{
transition-delay: all 0s;
}
.aniPhone .inside div{
opacity:1;
}
.aniPhone scrollAnimate .svgphone2{
stroke-dasharray:890;
stroke-dashoffset:0;
transition:all 0s;
stroke-width:1px;
stroke:#FFFFFF;
fill:rgba(255,255,255,0);
stroke:#FFFFFF;
transition-delay: 0.2s;
}
.aniPhone .inside .svgphone2{

stroke-dasharray:890;
transition:all 0.8s linear ;
stroke:#FFFFFF;
transition-delay: 0.2s;
stroke-dashoffset:0;
stroke-width:2px;
stroke:#FFFFFF;
fill:rgba(255,255,255,0);
}
.aniPhone .inside div{
margin-top:0px;

transition:all 0.4s linear ;

}
.aniPhone .outsideBottom div{
opacity:0;
margin-top:-130px;
transition:all 0.4s linear ;
}
.aniPhone .outsideTop div{
opacity:0;
margin-top:130px;
transition:all 0.4s linear ;
}
.aniPhone .outsideTop .svgphone2, .aniPhone .outsideBottom .svgphone2{
fill:rgba(255,255,255,0);
stroke-dasharray:890;
stroke-dashoffset:890;
transition:all 0.3s;
stroke-width:0px;
stroke:#FFFFFF;
transition-delay: 0.2s;
}
.searchLayer{
display:none;
}
.map{
display:none;
}


.padding{
box-sizing:border-box;
padding:20px;
}

.box1 .nextBox{
opacity:0;
position:absolute;
left:0%;
display:block;
transition:all 1.5s;

z-index:4 !important;

}

.box1 .nextBox  div div span:first-of-type, .box1 .previousBox  div div span:first-of-type{
opacity:0;
margin-left:-20%;

}
.box1 .nextBox  div div span:nth-of-type(2), .box1 .previousBox  div div span:nth-of-type(2){
opacity:0;
margin-left:10%;

}
.box1 .previousBox{
opacity:0;
position:absolute;
left:-0%;
display:block;
transition:all 1.5s;

z-index:4 !important;

}

 .inside .hintergrund_content{
opacity:1!important;
left:0px !important;
}
.karte iframe{
	text-shadow: px px px ;
	box-shadow:  px px px px ;
	width: 100%;
	height: 100%;

}

#no_scroll{
	text-shadow: px px px ;
	background-color: rgba(255,255,255,0);
	box-shadow:  px px px px ;
	width: 100%;
	height: 100%;
	left: 0em;
	top: 0px;
	position: absolute;
	display: block;
z-index:33;
}
#no_scroll div{
opacity:0;
text-align:center;
color:#FFFFFF;
background-color:#444444;
width:12em;
height:3em;
line-height:3em;
margin:auto;
left:0px;
top:0px;
right:0px;
bottom:0px;
display:block;
position:absolute;
transition: all 0.5s;
cursor:pointer;

}
#no_scroll:hover div{
opacity:1;

}
#no_scroll div:hover{

background-color:#FFFFFF;
color:#333333;

}

header nav {
    color: var(--chili-color-dark-font);
    top: 0%;
    text-align: right;
    z-index: 66;
    position: absolute;
    width: 84vw;
    right: 0;
    height: 100vh;
    right: -7em;
    transform: none;
}
.anchor {
    margin-top: -20em;
    position: absolute;
}


.mehr {
    display: none;
}

.cookie-message {
    background-color: #cbbbae;
    color: var(--chili-color-bright-font);
    position: fixed;
    width: 100%;
    z-index: 9999999999;
    height: auto;
    display: block;
    bottom: 0;
    line-height: 1.5em;
    padding: 1em;
    box-sizing: border-box;
    color: #211f1f;
}

.parallax {
  
  min-height: 50vh;
}