@font-face{
	font-family: 'Phillia';
	font-display: swap;
	font-style: normal;
	src: url('../../page/fonts/Phillia/Phillia.ttf') format('woff2');
}
@font-face{
	font-family: 'Open Sans';
	font-display: swap;
	font-style: normal;
	font-weight: 300;
	src: url('../../page/fonts/Open_Sans/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('../../page/fonts/Open_Sans/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('../../page/fonts/Open_Sans/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('../../page/fonts/Open_Sans/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('../../page/fonts/Open_Sans/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('../../page/fonts/Open_Sans/open-sans-v34-latin-regular.woff2') format('woff2');
}
@font-face{
	font-family: 'AlumniSans';
	font-display: swap;
	font-style: normal;
	font-weight: regular;
	src: url('../../page/fonts/AlumniSans/alumni-sans-v18-latin-regular.woff2') format('woff2');
}
:root{
	--chili-color-bright-background: #ffffff;
	--chili-color-dark-background: #4a4949ff;
	--chili-color-bright-font: #f9f4f4;
	--chili-color-dark-font: #7b7979ff;
	--chili-color-1: #a3c1d1;
	--chili-color-2: #225977;
	--chili-color-3: #225977;
	--chili-color-4: #8ca2aa;
	--chili-color-5: #35453dff;
}
td {
  vertical-align: top;
}
header{
	background-color: var(--chili-color-1) !important;
}
.simple-list-item{
	background-color: var(--chili-color-3);
	color: var(--chili-color-dark-font);
}
.image.fill{
	background-color: var(--chili-color-3);
}
h2{
	color: var(--chili-color-2);
	background-color: NaN !important;
line-height:1em;
}
.Title{
	color: var(--chili-color-bright-font);
}
h3{
	letter-spacing: 0.1em;
	color: var(--chili-color-4);
	textShadow: 2px 2px 12px  #000000;
}
.myclass-1{
	font-size: 2em;
	color: var(--chili-color-bright-font);
	line-height: 8em;
	text-transform: uppercase;
	font-style: normal;
	letter-spacing: 0.4em;
	font-weight: 100;
	text-align: center;
	background-color: var(--chili-color-1);
	border-color: var(--chili-color-5);
	border-width: 0.09999999999999998em;
	border-style: solid;
	margin: 1em;
	background-size: cover;
	box-shadow: #000000 2px 2px 67px;
}
.image{
	border-radius: em;
}
.block:first-of-type .image{
	font-size: 0.1em;
}
.chili-default .center {
  width: calc( 100% - 10em );
  margin: auto;
  max-width: 1200px;
}
header {
  background-color: var(--chili-color-bright-background) !important;
}

h2 {
  color: var(--chili-color-2);
  background-color: NaN !important;
  font-weight: 300;
}
h3 {
  letter-spacing: 0.1em;
  color: var(--chili-color-4);
  textShadow: 2px 2px 12px #000000;
  font-family: times new roman;
  font-weight: 400;
}
nav .Title {
  color: var(--chili-color-4);
}
.chili-default header {
  text-align: left;
}
.chili-default .logo {
  height: 10em;
  font-size: 0.8em;
  display: inline-block;
  background-size: contain;
  opacity: 1;
  background-repeat: no-repeat;
  padding: 2em;
  transition: all 0.3s;
top: 0.4em;
}
.chili-default .content {
  padding-top: 10em;
}


@media( min-width: 1000px ){

.header-navigation {
  top: 50%;
  width: auto !important;
  transform: translate(0,-2.3em)
}
}
.chili-default .center {
position:relative;
}

.header-navigation ul {
  margin: 0;
  text-align: center;
  padding: 1em;
  display: block;
}
.chili-default header nav ul {
  margin: 0;
  text-align: right;
}
.header-navigation li {
  list-style-type: none;
  color: ;
  text-transform: uppercase;
  font-size: 0.8em;
  letter-spacing: 0.5em;
  font-weight: 400;
  color: #4b5660;
border-right: 1px solid #0002;
  margin-right: 0.9em;
padding: 1em 1em;
}

.chili-default header nav li:last-of-type {
  border-right: none;
}

#logo {
  width: 25em;
}

#logo .st0 {
  stroke-dasharray: 491%;
  stroke-dashoffset: 0%;
animation: a1 1s linear;
transition:all 1s linear;
}

.chili-default .toggled + input + header #logo .st0{

stroke-dashoffset:-207%;

}
 #logo #group{
transition:all 1s;
opacity:1;

}
.chili-default .toggled + input + header #logo #group
{
opacity:0;
}

@keyframes a1{
0%{  stroke-dasharray: 491%;stroke-dashoffset: -207%;}
100%{  stroke-dasharray: 491%;stroke-dashoffset: 0%;}
}


.chili-default header {
  height: 10em;
  transition-delay: 0s;

}

.chili-default .toggled + input + header{
transition-delay:0.75s;
 height: 4em;
}
.chili-default header .center {

  height: inherit;
}

.block.background {
 
  min-height: unset;
}

.block.background.big {

  min-height: 60vh;
}
.unit-list-item {
  clear: both;
  margin-bottom: 1em;
  position: relative;
  background-color: #00000005;
  height: 14em;
  box-shadow: #000 2px 2px 7px -5px;
  display: block;
 text-decoration: none;
  transition: all 0.3s;
}
.unit-list-item:hover {
  background-color: #00000002;
  box-shadow: #000 2px 2px 12px -3px;
transform: scale(1.01);
}

.quick-list {
  float: left;
}

.unit-list-item .image {
  width: 14em;
  height: 14em;
  float: left;
  margin-right: 2em;
}

.price {
  color: var(--chili-color-2);
}

.unit-list-item .price {
  float: right;
  font-size: 1.5em;
  font-weight: 400;
  position: absolute;
  right: 0;
  bottom: 0;
  background-color: #11415b;
  width: 8em;
  padding: 0.7em;
  text-align: center;
color: #fff;
}

.price::after {
  content: '€';
  margin-left: 0.2em;
  color: #a3c1d1;
  transform: translate(0.1em,-0.4em);
  display: inline-block;
  font-size: 0.7em;
}
.unit-list-item .info {
  padding-top: 1em;
}

.unit-list-item h3 {
  font-size: 1em;
  max-width: 50em;
}
.location {
  position: absolute;
  right: 0;
  padding: 2em;
  bottom: 3em;
}
.chili-slider {
  height: 66vh;
  display: block;
  width: 100%;
  position: relative;
  overflow: hidden;
  max-width: 1200px;
  margin: auto;
}
.object-image-slider {

}

.object-image-slider::after {
  content: '';
  width: 100%;
  height: calc( 100% - 8em );
  background-color: #8ca2aa4d;
  display: block;
  top: 0;
  z-index: -1;
  position: absolute;
}

.galerie-slider .chili-slider-segment {

  height: calc( 100% - 8em );
  
}
.chili-slider::before {
  content: '';
  display: none;
  margin-top: 50%;
}

/*
.galerie-slider .aw_BoxContentNav {
  position: absolute;
  z-index: 999999;
  left: 0px;
  width: calc( 100% + 0vh );
  text-align: center;
  bottom: 0px;
  display: table;
  border-spacing: 1vh;
  margin: 0 0vh;
}
*/
.galerie-slider .aw_BoxContentNav {
  position: absolute;
  z-index: 999999;
  left: 0px;
  width: calc( 202% - 0vh );
  text-align: center;
  bottom: 0px;
  display: table;
  border-spacing: 1vh;
  margin: 0 0vh;
}


.galerie-slider .aw_BoxContentNav div {
  line-height: 24px;
  text-align: center;
  display: inline-block;
  border-radius: 0%;
  padding: 4px;
  margin-right: 2px;
  background-size: cover;
  height: auto;
  border: none !important;
  width: 6em;
}

.provision {
  display: block;
  font-size: 0.5em;
  line-height: 1em;
}

section {
  position: relative;
  clear: both;
}

.image-list-item div:first-of-type {
  background-size: contain;
  background-position: center;
}

.image-list .list {
  display: flex;
  flex-direction: row;
  margin-right: -1em;
  max-width: 30em;
  margin: auto;
}
.image-list-item div:first-of-type::after {
  content: '';
  display: block;
  margin-top: 80%;
}


.energie-box {
    overflow: hidden;
    width: 100%;
    height: 6em;
    margin: auto;
}

.energie {
  width: 60%;
  height: 4em;
  display: block;
  background: linear-gradient(to right,#68c44e,#eeb64b,#eeb64b,#b92020);
  border-radius: 0.5em;
  float: left;
  margin-right: 2em;
  height: 3em;
  margin-bottom: 5em;
}

.s1 {
    width: 108%;
    text-align: left;
}
.s2 {
    width: 104.4%;
   background-color: var(--col8);
    line-height: 0.8em;
    font-size: 0.7em;
    text-align: left;
}
#energieItem {
    width: 11em;
    background-color: var(--chili-color-1);
    color: #ffffff;
    position: relative;
    z-index: 2;
    font-size: 0.8em;
    padding: 0.5em;
    top: 1em;
    text-align: center;
    border-radius: 0.3em;
}
#energieItem::before {
    content: '';
    display: block;
    position: absolute;
    width: 1em;
    height: 1em;
    transform: rotate(45deg);
    background-color: var(--chili-color-1);
    z-index: -1;
    top: -0.2em;
    left: 0.4em;
}
/*
.block.simple.chili-galerie-picture .center {
  max-width: 50em;
}
.block.simple .block-content {
  max-width: 50em;
  margin-top: 2em;
  margin-bottom: 2em;
}

*/
.immo-detail  .center {
  max-width: 50em;
}


.unit-list-item .info div:first-of-type {
  width: 49em;
}

.unit-list-item .info li {
  display: inline-block;
}
.list1 li::before {
  font-size: 3em;
  display: block;
  position: absolute;
  left: 0;
  color: #6cafd0;
  top: 0.5em;
  right: 0;
  margin: auto;
}
.list1 {
  border-spacing: 1em;
  margin-bottom: -15em;
}
.list1 li {
  padding-left: 0em;
  margin-bottom: 2em;
  list-style-type: none;
  display: table-cell;
  position: relative;
  width: 25%;
  padding-top: 6em !important;
  padding: 1em;
    padding-top: 1em;
  padding-top: 1em;
  text-align: center;
  background-color: #eeecec;
  color: #958c8c;
  box-shadow: #00000073 2px 2px 12px 0px;
}
.list1 li strong {
  font-size: 1.3em;
  font-weight: 400;
  margin-bottom: -0.5em;
  display: block;
  color: #225977;
}

.parallax {
  margin-bottom: 0em;
color: #fff;
  text-align: center;
}

.margin {
  margin-bottom: 8em;
}

.parallax h2 {
  color: #fff;
  text-align: center;
}
.list2 {
  margin: 0;
  padding: 0;
}
.list2 li {
  position: relative;
  margin-bottom: 4em;
  list-style-type: none;
}
.list2 li::before {
  position: absolute;
  top: calc( 100% + 0.2em );
  font-size: 3em;
  margin: auto;
  left: 0;
  right: 0;
color: #2259774d;
}

.colored {
  background-color: #ececec;
  color: #69777d;
}
.colored h2 {
  text-align: center;
}


.block.simple.small {
  text-align: center;
}

.block.simple.small .center {
  max-width: 30em;
}
.block.simple.small strong {
  font-weight: 400;
  display: block;
  margin-bottom: 0.5em;
  font-size: 1.4em;
  color: #2d607c;
  font-family: Times New Roman;
  letter-spacing: 0.3em;
}
.parallax .block-content {
  padding: 1em 0em 8em;
}

.block.background .block-content {
  padding: 6em 0em;
}
.block.background h2 {
  color: #fff;
  font-size: 4em;
}


.form-style-1 {
  max-width: 600px;
  margin: auto;
    margin-top: auto;
  background-color: #fff;
  padding: 3em;
  border-radius: 0.4em;
  box-shadow: #000 2px 2px 12px -3px;
  margin-top: -6em;
}
     .form-style-1   label {
            display: block;
            margin-top: 15px;
            font-weight: bold;
        }
   .form-style-1     input, select, textarea {
            width: 100%;
            padding: 8px;
            margin-top: 5px;
        }
      .form-style-1  button {
            margin-top: 20px;
            padding: 10px 20px;
            cursor: pointer;
        }
       .form-style-1 .row {
            display: flex;
            gap: 15px;
        }
      .form-style-1  .row > div {
            flex: 1;
        }




.flying-button {
  position: absolute;
  right: 0;
  top: 9em;
  background-color: #fff;
  color: #000;
  text-decoration: none;
  padding: 1em;
  border-radius: 0.3em;
  box-shadow: inset #8ca2aa 0px 0px 0px 3px;
}

.table1 td:first-of-type{
width:66.6667%;
padding-right:2em;
}

.table1 td:nth-of-type(2) {
  background-color: #eef3f4;
  padding: 2em;
  transform: translate(0,-7em);
  box-shadow: #0006 2px 2px 10px 0px;
}
.table1 td:nth-of-type(2) h2{
color:#FFFFFF;
}
.table1 td:nth-of-type(2) {
  background-color: #0f2b40;
  padding: 2em;
  transform: translate(0,-7em);
  box-shadow: #0006 2px 2px 10px 0px;
  color: #fff;
  position: absolute;
  z-index: 2;
}

.block.colored.two {
  background-color: #a3c1d1;
}

.block.image.alternately .image::before {
  content: '';
  margin-top: 100%;
  display: block;
}
.block.image.alternately .image {
  height: auto !important;
  min-width: 1em;
}

.block.image.alternately .center, .block.image.reverse .center, .block.image .center {
  max-width: calc( 1200px + 4em );
  align-items: flex-start;
}

.logo-footer {
  width: 18em;
  display: block;
}

.chili-default footer {
  padding: 4em 0;
  background-color: #e8e8e8;
  color: #8e8e8e;
}

.colored-3 {
  background-color: #ececec;
  color: #69777d;
  background-image: url(https://queekoo.com/wandelt26/page/images/design/bg2.jpg);
  background-repeat: repeat;
  background-position: center;
  background-size: contain;
}

.colored-3 .block-content {
  padding: 0;
}



.quick-list {
  display: table;
  table-layout: fixed;
}

.quick-list li {
  font-size: 1.5em;
}
.quick-list li {
  display: table-cell !important;
  width: auto !important;
  text-align: center;
  white-space: nowrap;
  padding-right: 2em;
}
.quick-list li:last-of-type {
  width: auto !important;
  text-align: right;
  white-space: normal;
}
.quick-list li::first-line {
  font-size: 0.667em;
}
.immo-detail .price {
  font-size: 3em;
}
.quick-list {
  padding: 0;
  margin: 0;
}

.immo-topic {
  font-size: 2em !important;
}

footer nav a {
  color: #225977;
}


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


@media( max-width: 1000px ){
.list1 li {
  padding-left: 0em;
  margin-bottom: 2em;
  list-style-type: none;
  display: block;
  position: relative;
  width: 100%;
  padding-top: 6em !important;
  padding: 1em;
    padding-top: 1em;
  padding-top: 1em;
  padding-top: 1em;
  text-align: center;
  background-color: #eeecec;
  color: #958c8c;
  box-shadow: #00000073 2px 2px 12px 0px;
}
}








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

@media (max-width: 800px) {
    .galerie-slider-2::before {
      margin-top: 50%;
    }
  .chili-default header {
  height: 6em;

}
.chili-default .content {
  padding-top: 6em;
}

  .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: #ffffff;
      padding:2em 0;
      text-transform: uppercase;
      letter-spacing: 0.05em;
      font-size: 1.2em;
      line-height: 3em;
      border-bottom: solid 1px #fff3;
      width: 100%;
      display: block;
      line-height: 1em;
  font-weight: 300;
    }
  .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 {

    top: 0.25em;

  }
  
    #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 header nav {

    background-color: #0a2939;

  }
.parallax.margin {
 
  background-size: 800vh;
  
}
.chili-default .center {
  width: calc( 100% - 4em );

}

.block.background.big {
  min-height: 45vh;
}
.block.background .block-content {
  padding: 0em 0em;
  max-height: 50vw;
}
#logo {
  width: 50vw;
}
  .chili-default .logo {
    padding: 0em;
    transition: all 0.3s;
    top: 50%;
    margin: 0em 25vw;
    transform: translate(0,-50%);
    height: auto !important;

  }
header {
  background-color: #fff0 !important;
}

.table1 {
  display: block;
}
.table1 td {
  display: block;
  position: relative !important;
  margin: 0em;
}

.block.image .center {
  display: flex;
  flex-direction: column !important;
}

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

.block.image .image {
  width: 50% !important;
  left: 50%;
  margin-top: 3em !important;
}
.form-style-1 .row {
  display: block;
  gap: 15px;
}


.table1 td:nth-of-type(2) {

  transform: none;

}
.block.background {
  min-height: 30vh;
}
  }

.checkbox {
  width: 2em !important;
}
  
button {
  clear: both;
  display: block;
  margin: auto;
    margin-top: auto;
  background-color: var(--chili-color-2);
  color: #FFF;
  border: none;
}