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

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