/*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);*/

/* open-sans-300 - latin */

/* open-sans-regular - latin */
/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../../page/fonts/open-sans-v34-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../page/fonts/open-sans-v34-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../page/fonts/open-sans-v34-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../page/fonts/open-sans-v34-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../../page/fonts/open-sans-v34-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../page/fonts/open-sans-v34-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../../page/fonts/open-sans-v34-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../page/fonts/open-sans-v34-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../page/fonts/open-sans-v34-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../page/fonts/open-sans-v34-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../../page/fonts/open-sans-v34-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../page/fonts/open-sans-v34-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-500 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 500;
  src: url('../../page/fonts/open-sans-v34-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../page/fonts/open-sans-v34-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../page/fonts/open-sans-v34-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../page/fonts/open-sans-v34-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../../page/fonts/open-sans-v34-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../page/fonts/open-sans-v34-latin-500.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../../page/fonts/open-sans-v34-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../page/fonts/open-sans-v34-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../page/fonts/open-sans-v34-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../page/fonts/open-sans-v34-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../../page/fonts/open-sans-v34-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../page/fonts/open-sans-v34-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../../page/fonts/open-sans-v34-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../page/fonts/open-sans-v34-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../page/fonts/open-sans-v34-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../page/fonts/open-sans-v34-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../../page/fonts/open-sans-v34-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../page/fonts/open-sans-v34-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-800 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: url('../../page/fonts/open-sans-v34-latin-800.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../page/fonts/open-sans-v34-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../page/fonts/open-sans-v34-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../page/fonts/open-sans-v34-latin-800.woff') format('woff'), /* Modern Browsers */
       url('../../page/fonts/open-sans-v34-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../page/fonts/open-sans-v34-latin-800.svg#OpenSans') format('svg'); /* Legacy iOS */
}

.content {
    display: block;
}

.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;
}
:root{
--col1:#FF6600;
--col2:#16365D;
--col3:#FFA366;
--col4:#DBEDFF;
--col5:#3F81D2;
--col6:#0D223A;
--col7:#C0C0C0;
--col8:#F3F7F9;
--col9:#E1E4E5;
--col10:#E8EEF5

}

.regionen h3::before {
    display: inline-block;
    width: 2em;
    height: 3em;
    background-image: url(../images/design/location_white.svg);
    content: '';
    background-size: 3em;
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: -1em;
    margin-right: 0.5em !important;
}
.regionen h3 {
    height: 3em;
    line-height: 1em;
    width: 18em !important;
    padding: 0 !important;
    margin: 0 !important;
    text-align: center;
    width: 100% !important;
    display: block;
    min-width: 100%;
}
body{
	color: #555555;
	font-family: 'Open Sans' !important;
	font-size: 16px;
	text-shadow: px px px ;
	box-shadow:  px px px px pxpxpxpxpxpxpxpx;
	padding: 0px;
	margin: 0px;
counter-reset: div;

background-color: #ffffff;
  counter-reset: section;     

background-color: var(--col8);
}

.content > a {
    float: left;
}
address {
    font-style: normal;
}
h2 {
    color: var(--col2);
    font-size: 2.5em;
    line-height: 1em;
    margin: 0.75em 0rem;
        margin-bottom: 0.75em;
    margin-bottom: 0.75em;
    margin-bottom: 0.75em;
    paddin: 0px;
    font-weight: 300;
}
h3 {
    color: var(--col1);
    font-weight: 400;
    max-width: 66.6667%;
    margin:  1em auto;
    font-size: 1.3em;
}
footer{


	width: 100%;
	position: relative;
	display: block;
	float: left;
	clear: both;
padding: 2em 4em;
background-color: var(--col6);
color: #fff;

}
footer a:link{

text-decoration: none;
color:#FFFFFF;
display:block;
}

header {
    color: rgba(255,255,255,1);
    top: 0;
    position: fixed;
z-index: 999999999;
    width: 100%;
    height: 10em;
    transition: all 0.3s;

background-color:#FFFFFFDD;
box-shadow: #0002 0px 3px 20px;
}

@media(min-width:1000px){
.toggled + input + header {
    
    height: 6em;
}
.toggled + input + header .mainNavigation {
    margin-top: 1em;
}

.toggled + input + header .logo {
    top: 2.4em;
    height: 3em;
}

.toggled + input + header .contact {
   

}

.box_orange::before {
    content: '';
    display: block;
    margin-top: 0%;
}
.box_orange {
    display: table;
    float: left;
    background-color: var(--col1);
    width: 100%;
    text-align: center;
    border-spacing: 0em;
    overflow: hidden;
    font-size: 0.8em;
}

.box_orange .chili-slider-segment {
    display: block;
    position: relative !important;
    opacity: 1 !important;
    width: 33%;
    border-spacing: 0px;
    float: left;
    z-index: 6666666;
    left: auto !important;
    margin: 0;
    padding: 0;
}



.box_orange .aw_BoxContentNav,.box_orange .RIGHT,.box_orange .LEFT{
display:none !important;
}



.box_orange .chili-slider-segment .background {
    width: 49.6%;
    display: inline-block;
    float: none !important;
    padding: 0em;
    margin: 0;
    vertical-align: top;
    text-align: center;
}

}



.symbolliste_ganzseitig_segment {
    display: block;
    height: 8em;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 3em;
    color: #FFF !important;
    padding-top: 2em;
    margin: 0em;
margin-top: 4em;
margin-bottom: 2em;
}



footer .social:link {
    display: block !important;
    float: left !important;
    left: 0 !important;
    margin-right: 1em;
}


.chili-slider-segment div{
	colorVar: color-1;
	text-shadow: px px px ;
	background-attachment: scroll !important;
	box-shadow:  px px px px ;
}
.logo-bottom{
	colorVar: color-1;
	text-shadow: px px px ;
	background-image: url(../images/design/logo.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	box-shadow:  px px px px pxpxpxpxpxpxpxpx;
	width: 100%;
	height: 19%;
	position: relative;
	display: block;
	float: left;
	clear: both;
	margin-top: 4%;
	margin-bottom: 4%;
}
.content {
    colorVar: rgba(76,104,124,1);
    text-shadow: px px px;
    box-shadow: px px px px;
    height: 100%;
    margin-top: 0;
transition:all 0.3s;
padding-top:10em;
width:100% !important;

}
.up{
	colorVar: color-1;
	text-shadow: px px px ;
	box-shadow:  px px px px ;
	position: absolute;
}
.logo {
    colorVar: rgba(76,104,124,1);
    text-shadow: px px px;
    background-image: url(../images/design/logo.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    box-shadow: px px px px pxpxpxpx;
    width: 22em;
    height: 4em;
    left: 0px;
    position: absolute;
    margin-right: auto;
    margin-left: auto;
    font-size: 1em;
    top: 3.5em;
    text-decoration: none;
    font-family: light;
    font-family: 'Kaushan Script';
    text-align: center;
    transition: all 0.3s;
    line-height: 1em;
}
.awContentBox.box1 {
    width: 100%;
    height: 27em;
    position: relative;
    display: block;
float: left;
}
.chili-slider.box2 {
    width: 100%;
    height: 27em;
    position: relative;
    display: block;
    float: left;
    background-color: var(--col10);
    overflow: visible;
overflow-y: visible;
z-index: 333333333;
overflow-x: visible;

}

.top-contact {
    background-color: var(--col2);
    height: 2em;
}


.top-contact p {
    list-style-type: none !important;
    display: inline-block;
    width: 24%;
    line-height: 2em;
    padding: 0;
    margin: 0;
    text-align: center;
}

.mainNavigation {
    position: absolute;
    right: 0;
    text-align: right;
    color: var(--col2);
margin-top: 3em;
transition: margin-top 0.3s;
}
.mainNavigation li {
    list-style-type: none !important;
display: inline;
}
.mainNavigation  li br {
    display: none;
}

.mainNavigation li a:link{
    text-decoration: none;
padding: 1em;
font-weight: 500;
}
.aw_BoxContentNav div span:nth-of-type(1) {
    display: none !important;
}
.aw_BoxContentNav div {
    width: 2em;
    display: inline-block;
}
.block {
    display: block;
    margin: 0;
    position: relative;
    float: left;
    text-align: center;
    width: 100%;
overflow-x:hidden;
}

.background {
    background-position: center;
    background-size: cover;
}
.block.background {
    padding-top: 6em;
    padding-bottom: 6em;
    text-align: left;
    padding-left: 50%;
    padding-right: 4em;
}
.block-content {
    margin: 9em;
    max-width: 80%;
    margin: auto;
    left: 0;
    right: 0;
    float: none;
    clear: both;
    display: block;
    position: relative;
padding-top: 1em;
padding-bottom: 1em;
z-index: 1;
}
.block-content p {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}


.liste_typ1 {
    width: 90%;
    left: 0px;
    right: 0px;
    display: table;
    margin-right: auto;
    margin-left: auto;
    border-spacing: 2em;

margin-bottom: -8em;
z-index: 99;
position: relative;
}

.liste_typ1_segment {
    text-align: center;
    border: solid 1px #0003;
    border-radius: 1em;
    padding: 2em;
padding-bottom: 3em;
background-color: #fff;
}

.liste_typ1 .image {
    display: block;
    width: 8em;
    height: 8em;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin: auto;
    margin-top: -2em;
    margin-bottom: -2em;
}
.liste_typ1_segment h2 {
    height: 2em !important;
    font-size: 1.5em;
    font-weight: 700;

}

.liste_typ1_segment .label {
    position: absolute;
    text-align: center;
    width: 100%;
    left: 0;
    bottom: 1em;
    color: var(--col1);
}

.liste_typ1_segment a {
    position: absolute;
    bottom: 2em;
    margin: auto;
    left: 0;
    right: 0;
    height: 3em;
    padding: 0 2em;
    text-decoration: none;
    font-weight: 700;
}

.liste_typ2 {
    float: left;
    clear: both;
    width: 100%;
    padding-left: 12em;
    padding-bottom: 4em;
}
.liste_typ2_segment div {
    text-align: justify;

}
.liste_typ2_segment {
    display: inline-block;
    width: calc(33.3334% - 8em );
    height: auto;
    margin: 2em;
    text-align: center;
    text-decoration: none;
transition:all 0.3s 0.2s;
transform:translate(0);
opacity:1;
vertical-align: top;
}
.liste_typ2_segment div {
    text-align: justify;
}
.liste_typ2_segment .image {
    display: block;
    width: 3em;
    height: 3em;
    margin: auto;
    background-size: contain;
}
.liste_typ2_segment h2 {
    font-size: 1.3em;
    font-weight: 600;
height: 2.5em;
line-height:1.2em;
}
.liste_typ2_segment input + div + div {
    display: none;
}
.liste_typ2_segment input:checked + div + div {
    display: block !important;
}
.liste_typ2_segment input:checked + div {
    display: none;
}

.box2 .chili-slider-segment{
    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;
    z-index: 3;
    left: 0%;
    transition: all 0.3s;
    max-width: 1000px;
    margin: auto;
    left: 0;
    right: 0;
opacity:0;
}

.box2 .chili-slider-segment.boxSelected{
  
opacity:1;
}
.box2 .chili-slider-segment div {
    width: calc( 50% - 2em );
    float: left;
    position: relative;
    margin: 1em;
    height: calc( 100% - 6em );
    padding: 2em;
    text-align: center !important;
}
.box2 .chili-slider-segment div span:nth-of-type(1) {
    background-color: #fff;
    display: block;
    padding: 2em;
    height: calc( 100% - 3em );
    margin: -;
    margin-bottom: 1em;
    border-radius: 1em;
   position: relative;
}
.box2 .chili-slider-segment div span:nth-of-type(1)::after {
    content: '';
    background-color: #fff;
    width: 3em;
    height: 3em;
    position: absolute;
    transform: skew(0,118deg);
    bottom: 0.4em;
right:20%;
z-index: -1;
}

.box2::after {
    content: '';
    font-size: 1em;
    line-height: 0.5em;
    position: absolute;
    right: 4em;
    color: #D4DBE4;
    background-image: url(../images/design/sign_1.svg);
    width: 12em;
    height: 12em;
    display: block;
    top: -5em;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.aw_BoxContentNav div {
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 div {
    background-color: #fff;

}
.aw_BoxContentNav div span {
    display: none !important;
}

.aw_BoxContentNav {

    bottom: 1em !important;
}
.ablauf li {
    list-style-type: none;
    padding: 0;
        padding-top: 0px;
        padding-bottom: 0px;
        padding-left: 0px;
    margin: 1em 0px;
        margin-top: 1em;
    padding-left: 4em;
    position: relative;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 5em;
    height: 1em;
}
.ablauf li::before {
    display: block;
    content: '';
    width: 1px;
    height: 2em;
    background-color: var(--col2);
    left: 1.5em;
    position: relative;
    top: -4.5em;
    margin-left: 0em;
    margin-top: 2em;
    margin-bottom: 1em;
    position: absolute;
}
.ablauf li::after {
    counter-increment: section;
    content: counter(section);
    display: inline-block;
    width: 3em;
    height: 3em;
    background-color: var(--col2);
    color: #FFF;
    text-align: center;
    line-height: 3em;
    border-radius: 50%;
    margin-right: 1em;
    position: absolute;
    left: 0;
    top: 0;
}
.ablauf ul {
    margin: 0;
margin-top: 3em;
margin-bottom: 4em;
}
.ablauf h3 {
    color: var(--col2);
    font-size: 1.3em;
    margin: 0;
    max-width: 100%;
margin-bottom: -1em;
}
.kompetenz ul {
    
    padding:  0;
    margin: 0;
padding-right:4em;
}
.kompetenz li {
    list-style-type: none;
    padding: 1em 0;
        padding-left: 0px;
    font-size: 1.2em;
    background-image: url(../images/design/013-analyse.svg);
    background-size: 3em;
    background-repeat: no-repeat;
    background-position: left top 1em;
    padding-left: 4em;
}


.kompetenz li:nth-of-type(1) {
    
    background-image: url(../images/design/024-rakete.svg);

}
.kompetenz li:nth-of-type(2) {
    
    background-image: url(../images/design/paper.svg);

}
.kompetenz li:nth-of-type(3) {
    
    background-image: url(../images/design/027-bewertung.svg);

}
.kompetenz li:nth-of-type(4) {
    
    background-image: url(../images/design/026-schnelle-zeit.svg);

}
.liste_typ4 {
    float: left;
    clear: both;
    display: table;
    width: 100%;
    border-spacing: 6em 2em;
}

.liste_typ4_segment {
    display: table-cell;
    text-decoration: none;
    background-size: 6em;
    background-repeat: no-repeat;
    padding-top: 5em;
    background-position: top center;
}


.liste_typ4_segment:nth-of-type(3) {
    background-size: 4.5em;
    background-position: top 1em center;
}

.liste_typ4_segment div {
    text-align: justify;
}
.liste_typ4_segment h2 {
    font-weight: 700;
    font-size: 1.5em;
height: 2em;
line-height: 1.2em;
}

.block.colored {
    background-color: var(--col10);

}
.colored {
    color: inherit;
}

.liste_typ5 {
    float: left;
    clear: both;
    display: table;
    width: 100%;
    border-spacing: 6em;
}

.liste_typ5_segment {
    display: table-cell;
    text-decoration: none;
    background-size: 50%;
    background-repeat: no-repeat;
    padding-top: 0em;
    background-position: top center;
    text-align: center;
    background-image: none !important;
}
.liste_typ5_segment h2 {
    font-weight: 700;
    font-size: 1.5em;
height:2em;
line-height: 1.2em;
}

.liste_typ5_segment div {
    text-align: justify;
}
.liste_typ5_segment .image {
    display: block;
    width: 100%;
    height: auto;
    overflow: hidden;
    background-size: cover;
margin-bottom: 1em;
}
.liste_typ5_segment .image::after {
    display: block;
    margin-top: 66.667%;
    content: '';
}
.liste_typ5_segment aside {
    margin-top: 2em;
}


.wir {
    display: table;
    width: 80%;
    margin: 4em auto;
}
.wir li {
    display: table-cell;
    font-weight: 700;
    padding-top: 4em;
    background-image: url(../images/design/019-interview.svg);
    background-size: 3em;
    background-repeat: no-repeat;
    background-position: top center;
color: var(--col2);
}


.kontakt {
    display: table;
    width: 100%;
    margin: 4em auto 1em auto;
    max-width: 53em;
    color: var(--col2);
}
.kontakt li {
    display: table-cell;
    padding-top: 5em;
    background-image: url(../images/design/019-interview.svg);
    background-size: 2em;
    background-repeat: no-repeat;
    background-position: top 1em center;
    font-size: 1.2em;
    position: relative;
}
.kontakt li::before {
    display: block;
    position: absolute;
    content: '';
    border: solid 2px var(--col1);
    width: 4em;
    height: 4em;
    border-radius: 50%;
    top: 0;
    margin: auto;
    left: 0;
    right: 0;
}
.kontakt li:nth-of-type(1) {

    background-image: url(../images/design/006-standort.svg);

}
.kontakt li:nth-of-type(2) {

    background-image: url(../images/design/004-anruf.svg);

}

.kontakt li:nth-of-type(3) {

    background-image: url(../images/design/007-email.svg);

}

.profile-wrapper {
    display: table;
    margin: auto;
    width: 100%;
}

.profile-wrapper .grid8 {
    display: table-cell;
    float: none;
}
.grid4.profile::after {
    content: '';
    display: block;
    margin-top: 0%;
}
.profile {
    height: auto;
    position: relative;
    display: table-cell;
    float: none;
}
/*
.profile-image {
    background-image: url(../images/design/heike_steinwender.jpg);
    background-size: cover;
    height: auto;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    display: block;
    width: 15em;
    height: 15em;
    border-radius: 50%;
    top: 2em;
    right: 0;
}
*/
.profile-image {
    background-image: url(../images/design/2_PNG-Bild.png);
    background-size: 100%;
    height: auto;
    background-repeat: no-repeat;
    background-position: top 0em center;
    position: absolute;
    display: block;
    width: 100%;
    height: calc( 100% - 4em );
    bottom: 4em;
    right: 0;
}

.grid4.profile span:nth-of-type(1) {
    position: absolute;
    bottom: 0em;
    left: 0;
    width: 9em;
}
.grid4.profile span:nth-of-type(2) {
    position: absolute;
    bottom: 1em;
    left: 0;
    width: 12em;
    display: block;
    text-align: left;
    font-size: 1.5em;
}
.grid4.profile span:nth-of-type(2)::first-line {
    font-size: 0.5em;
}
.wir + .grid8 {
    margin-top: 3em;
    line-height: 1.2em;
padding-right:4em;
text-align:justify;
}
#contact {
    float: left;
    display: table;
    width: 100%;
    position: relative;
    border-spacing: 2em;
}
.karte {
    position: absolute;
    display: table-cell;
    z-index: 8;
    height: calc( 100% - 4em ) !important;
    width: calc( 50% - 3em );
}

#contactForm {
    display: table-cell;
    vertical-align: top;

    
}
#contactForm input, #contactForm select {
    width: calc( 33.3334% - 1em );
    float: left;
    padding: 1em;
    margin: 0.5em;
    border-radius: 0.3em;
    border: solid 1px #E0E3E8;
    height: 5em;
}
#contactForm input:nth-of-type(3), #contactForm input:nth-of-type(4) {
    width: calc( 50% - 1em );
}
#contactForm textarea {
    width: calc( 100% - 1em );
    height: 10em;
  
    padding: 1em;
    margin: 0.5em;
    border-radius: 0.3em;
    border: solid 1px #E0E3E8;
font-family: inherit;
font-size: 0.8em;

}

#contactForm h2 {
    padding-top: 0;
    margin-top: 0;
}

.input.full {
    font-size: 0.7em;
    padding: 1em;
    line-height: 1.5em;
}
.absenden {
    background-color: var(--col1);
    color: #FFF;
    font-size: 1em;
    padding: 0.4em !important;
    height: 3em !important;
    border: none !important;
}

.absenden {
    background-color: var(--col1);
    color: #FFF;
    font-size: 1em;
    padding: 0.4em !important;
    height: 3em !important;
    border: none !important;
    margin: auto !important;
    display: block;
    position: relative;
    left: 0;
    right: 0;
    float: none !important;
}


.styled-button {
    background-color: var(--col1);
    font-size: 1em;
    padding: 0.6em 1em !important;
    border: none !important;
    border-radius: 0.3em;
    color: #FFF !important;
    text-decoration: none;
    transition: all 0.3s;
    display: inline-block;
    line-height: 1.5em;
}
.styled-button:hover {
    background-color: #FFF;
    color: var(--col1) !important;
}
#ac + label {
    background-color: var(--col8);
    margin-right: 1em;
    border: solid 2px var(--col1);
}



.block-region {
 
    display: table;
    float: left;
margin-top: 4em;
background-color: #FFF;
width:100%;
overflow:hidden;
}
.block-region .image {
    display: table-cell;
    background-image: url(../images/design/karte.jpg);
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: contain;
    width: 40%;
    height: 100%;

    position: relative;
z-index: 1;
}

.block-region .block-content {
    display: table-cell !important;
    left: auto;
    position: relative;
    width: 60%;
    text-align: center;
    padding: 0em;
        padding-bottom: 2em;
    padding-bottom: 8em;
    margin: 0;
z-index: 1;
}
.block-region .block-content::before {
    content: '';
    display: block;
    position: absolute;
    background-color: var(--col6);
    width: 90em;
    height: 100%;
    top: 0;
    left: 0%;
    transform: skew(-13deg);
    z-index: -1;
}
.block-region .block-content li {
    display: inline-block;
    width: 33%;
    vertical-align: top;
    color: #FFF;
padding: 0.5em;
font-size:0.8em;
}
.block-region .block-content h2, .block-region .block-content h3 {
    color: #FFFFFF;
}
.parallax-window {
    width: 100%;
    position: relative;
    display: block;
    float: left;
    clear: both;
    padding-top: 25vh !important;
    padding-bottom: 25vh;
}



.scrollAnimate{
float:left;
clear:both;

}
@media(min-width:1200px){

.scrollAnimate[data-animation="outsideBottom"] .liste_typ2_segment{
opacity:0;
}
.scrollAnimate[data-animation="outsideBottom"]  .liste_typ2_segment:nth-of-type(1){
transform:translate(-2em,2em);
}
.scrollAnimate[data-animation="outsideBottom"]  .liste_typ2_segment:nth-of-type(2){
transform:translate(0,2em);
}
.scrollAnimate[data-animation="outsideBottom"]  .liste_typ2_segment:nth-of-type(3){
transform:translate(2em,2em);
}
.scrollAnimate[data-animation="outsideBottom"]  .liste_typ2_segment:nth-of-type(4){
transform:translate(-2em,4em);
}
.scrollAnimate[data-animation="outsideBottom"]  .liste_typ2_segment:nth-of-type(5){
transform:translate(0,4em);
}
.scrollAnimate[data-animation="outsideBottom"]  .liste_typ2_segment:nth-of-type(6){
transform:translate(2em,4em);
}
 .liste_typ2_segment:nth-of-type(4){
transition:all 0.3s 0.5s;
}
 .liste_typ2_segment:nth-of-type(5){
transition:all 0.3s 0.5s;
}
 .liste_typ2_segment:nth-of-type(6){
transition:all 0.3s 0.5s;
}
.box_orange .LEFT,.box_orange .RIGHT {

    display: none;
}

}



@keyframes l1{
0%{opacity:0;transform:translate(0,4em)}
70%{opacity:0;transform:translate(0,4em)}
100%{opacity:1;transform:translate(0,0em)}
}

.liste_typ1_segment:nth-of-type(1){
animation: l1 1s;
}
.liste_typ1_segment:nth-of-type(2){
animation: l1 1.2s;
}
.liste_typ1_segment:nth-of-type(3){
animation: l1 1.4s;
}
.liste_typ1_segment:nth-of-type(4){
animation: l1 1.6s;
}

.object-item {
    width: calc( 33.3334% - 1em );
    position: relative;
    display: block;
    vertical-align: top;
    margin: 0 0.5em 1em 0.5em;
    background-color: #fff;
    text-decoration: none;
    color: var(--col6) !important;
    overflow: hidden;
    transition: all 0.3s 0.5s, width 0.5s 0s,margin 0.5s 0s;
    float: left;
    height: 35em;
}



.object-item.Verkauft::after,.object-item.Vermietet::after,.object-item.Referenzobjekt::after {
    display: block;
    color: ;
    content: 'VERKAUFT';
    position: absolute;
    width: 80%;
    top: 10%;
    left: -24%;
    line-height: 2em;
    background-color: #F60;
    color: #FFFFFF;
    font-size: 1.2em;
    transform: rotate(-45deg);
}
.object-item.Vermietet::after {
    content: 'VERMIETET';
}
.object-item.Referenzobjekt::after {
    content: 'REFERENZ';
}

.object-item.Referenzobjekt .price {
    display:none;
}

.object-item .image {
    width: 100%;
    height: auto;
    background-size: cover;
    overflow: hidden;
    background-position: center;
}

.object-item .image::after {
    content: '';
    margin-top: 60%;
    display: block;
}

.object-item .list {
    display: table;
    width: 100%;
    font-size: 0.8em;
margin-top: 1em;
text-align: left;
margin-left: 2em;
table-layout: auto !important;
}

.object-item .list div {
    display: table-cell;
    background-size: 2em;
    background-repeat: no-repeat;
    background-position: top 0.5em left;
}
.object-item .list div {
    width: 22% !important;
}
.object-item .list div:nth-of-type(4) {
    width: 28% !important;
}

.object-item .list div:nth-of-type(1) {
    width: 28% !important;
}


.object-item .list div span:first-of-type {
    font-size: 1.2em;
    display: block;
    padding-left: 2em;
    line-height: 2em;
font-weight: 700;
}

.object-item h3 {
    color: var(--col2);
    font-weight: 700;
    padding-left: 1em;
    padding-right: 1em;
    margin-left: 0;
    margin-right: 0;
    width: 100% !important;
    max-width: 100%;
    height: 3em;
    overflow: hidden;
}

.object-item .ort {
    background-image: url(../images/design/006-standort.svg);
    background-size: 1.3em;
    background-repeat: no-repeat;
    background-position: left center;
    margin-left: 1.5em;
    position: relative;
    width: auto;
    display: block;
    text-align: left;
    padding-left: 2em;
}
.object-item .price {
    font-size: 1.5em;
    line-height: 3em;
}

.qm {
    background-image: url(../images/design/plans.svg);
}
.room{
    background-image: url(../images/design/door.svg);
}

.floor{
    background-image: url(../images/design/konstruktion.svg);
}
.nk{
    background-image: url(../images/design/euro.svg);
}


.bj {
    background-image: url(../images/design/kalender.svg);
}

.hg{
background-image: url(../images/design/euro.svg);
}
.gs {
    background-image: url(../images/design/selection.svg);
}
.topPicture {
    height: 30vh;
    background-position: center;
    background-size: cover;
}

.artikel-topic {
    text-align: center;
}

.artikel-content {
    text-align: center;
    width: 96%;
    margin: auto;
    max-width: 1400px;
}

.block.colored.objekt-slider-box {
    margin-bottom: 0em;
}


.chili-slider.image-slider {
    height: auto;
    overflow: hidden;
    position: relative;
    width: 60%;
    float: left;
margin-bottom: 0em;
margin-top:1em;
}
.image-slider .chili-slider-segment  {
    height: calc( 100% - 7.5em );
}

.chili-slider.image-slider:before {
   margin-top:80%;
display:block;
content:'';
}
.chili-slider.image-slider .chili-slider-segment {
    background-size: cover;
}


#objekt-main-content .block-content {
    width: 60%;
    margin: 0;
}

.objekt-layer .wrapper {
    max-width: 1150px;
    margin: auto;
    position: relative;
}


.objekt-layer .block.colored .block-content{

    padding-top: 0em;
   
}


.objekt-short-details {

    width: 40%;
float:left;
position:relative;
color: var(--col6);
}

.objekt-short-details  .list {
    display: table;
    width: 100%;
    font-size: 0.8em;
margin-top: 0em;
text-align: left;
margin-left: 2em;
}

.objekt-short-details .list div {
    display: block;
    background-size: 2.5em;
    background-repeat: no-repeat;
    background-position: center top 25%;
    padding-left: 0em;
    margin: 0 0.2em;
    margin-bottom: 2em;
    border-bottom: solid 1px #0002;
    margin-bottom: 0;
    padding-bottom: 0em;
    padding-top: 0em;
    width: calc( 50% - 1em );
    float: left;
    height: auto;
    overflow: hidden;
    position: relative;
}
.objekt-short-details .list div span:first-of-type {
    font-size: 2.2em;
    display: block;
    padding-left: 0em;
    line-height: 1em;
    margin: 0em;
    position: absolute;
    bottom: calc( 50% - 1.5em );
    text-align: center;
    width: 100%;
}
.objekt-short-details .list div span:last-of-type {
    position: absolute;
    top: calc( 50% - 1.5em);
    width: 100%;
    text-align: center;
}

.objekt-short-details .list div::after {
    content: '';
    margin-top: 100%;
    display: block;
}


.objekt-short-details .preis {
    font-size: 4em !important;
    text-align: right;
    font-weight: 100;
    line-height: 1em;
    padding: 0.3em 0;
    border-bottom: solid 1px #0002;
    margin-left: 0.8em;
}

.objekt-short-details .preis span {
    font-size: 0.3em;
    display: block;
    line-height: 1em;
}

.objekt-short-details .preis span:nth-of-type(2) {
    font-weight: 600;
font-size: 0.2em;
}

.objekt-layer .block-content {
    max-width: 1150px;
}

.energie-box {
    overflow: hidden;
    width: 170%;
    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;
}

#angaben {
    float: left;
    width: 40%;
    padding-left: 5em;
    background-image: url(../images/design/heating.svg);
    background-size: 3em;
    background-repeat: no-repeat;
    background-position: left 1.5em top 0.1em;
}

#angaben div:nth-of-type(1),#angaben div:nth-of-type(2)  {
    font-size: 1.2em;
    color: var(--col2);
}
#angaben div:nth-of-type(3),#angaben div:nth-of-type(4) {
    font-size: 0.8em;

}

.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(--col2);
    color: var(--col10);
    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(--col2);
    z-index: -1;
    top: -0.2em;
    left: 0.4em;
}

.details {
    width: 36em;
    margin: auto;
}
.details td {
    border-bottom: solid 1px #0002;
    line-height: 3em;
}
.details td:first-of-type {
    text-align: left;
}
.details td:last-of-type {
    text-align: right;
}
.details tr:last-of-type td {
    border: none !important;
}
.object-item h3 {
    color: var(--col2);
    font-weight: 700;
    padding-left: 1em;
    padding-right: 1em;
    margin-left: 0;
    margin-right: 0;
    width: 100% !important;
    max-width: 100%;
    height: 4em;
    overflow: hidden;
    background-color: var(--col2);
    color: #fff;
    margin-top: 0.2em;
    padding-top: 0.5em;
}

.aussattung {
    text-align: left;
    width: 35em;
    margin: auto;
}

.aussattung li {
    list-style-type: none;
    background-image: url(../images/design/check_2.svg);
    background-size: 1.5em;
    background-repeat: no-repeat;
    padding-left: 0em;
    background-position: right top 0.5em;
    line-height: 3em;
    border-bottom: solid 1px #0002;
}
#objekt-main-content {
    position: relative;
    clear: both;
    float: left;
}

#objekt-contact-wrapper {
    position: absolute;
    left: 0;
    right: 0;
    max-width: 1150px;
    margin: auto;
height: 1px;
}

#objekt-contact {
    width: calc( 40% - 2em );
    right: 0;
    position: relative;
    left: auto;
    float: right;
    background-color: var(--col8);
    padding: 2em;
    height: auto;
    box-shadow: #0002 2px 2px 12px;
    margin-top: -2em;
    z-index: 88;
}

#objekt-contact #contactForm input, #contactForm select {

    float: left;
    padding: 1em;
    margin: 0.5em;
    border-radius: 0.3em;
    border: solid 1px #E0E3E8;
    height: 4em;
    font-size: 0.75em;
}
#objekt-contact #contactForm textarea {

    height: 10em;
    padding: 1em;
    margin: 0.5em;
    border-radius: 0.2em;
    border: solid 1px #E0E3E8;
font-family: inherit;
font-size: 0.8em;
}
#objekt-contact form {
    padding: 0;
    margin: -0.5em;
}


#info .block {
    text-align: justify !important;
}


.back {
    display: block;
    float: left;
    clear: both;
    width: 100%;
    margin: auto;
    left: 0%;
    right: 0;
    position: relative;
}

.back a:link {
    display: block;
    margin: 2em auto;
    width: 10em;
    text-align: center;
    background-color: var(--col1);
    color: #FFF !important;
    text-decoration: none;
    line-height: 2em;
    border-radius: 0.3em;
}

.box2 .aw_BoxContentNav div, .referenz-slider .aw_BoxContentNav div {
    width: 1em;
    height: 1em;
    border-radius: 50%;
}

.box2 .aw_BoxContentNav,  .referenz-slider  .aw_BoxContentNav {
    margin: auto;
    width: 100%;
    text-align: center;
    left: 0;
    right: 0;
width: auto !important;
}



.referenz-slider .nextBox{
opacity:1;
right:-58em !important;
}


.referenz-slider .chili-slider-segment{
transition: none !important;
transform: translate(29em,0);
}


.referenz-slider .previousBox{
opacity:1;
left:-58em !important;
}



footer .grid3 p {
    background-image: url(../images/design/white/006-standort.svg);
    background-size: 1.5em;
    background-repeat: no-repeat;
    padding-left: 2.5em;
    margin-bottom: 1.5em;
    margin-top: 0;
}

footer .grid3 p:nth-of-type(2) {
    background-image: url(../images/design/white/004-anruf.svg);
    
}
footer .grid3 p:nth-of-type(3) {
    background-image: url(../images/design/white/005-mobiltelefon.svg);
    
}
footer .grid3 p:nth-of-type(4) {
    background-image: url(../images/design/white/007-email.svg);
    
}


footer .grid9 h3 {
    margin: 0;
    margin-bottom: 1em;
}

footer .grid9 .grid4 a:link {
    line-height: 2.5em;
}

.styled-button-2 {
    color: var(--col1);
    position: relative;
    display: inline-block;
cursor: pointer;
}
.styled-button-2::after {
    display: inline-block;
    position: relative;
    width: 1em !important;
    height: 1em !important;
    content: '';
    background-image: url(../images/design/arrow_left.svg);
    background-position: center bottom;
    background-size: contain;
    background-repeat: no-repeat;
    transform: rotate(-90deg);
    margin-left: 1em;
}
.liste_typ2_segment input:checked + div + div + p  .styled-button-2::after {

    transform: rotate(90deg);

}
.styled-button-2::before {
    content: 'mehr lesen';
}

.liste_typ2_segment input:checked + div + div + p .styled-button-2::before {
    content: 'weniger anzeigen';
}
a[name="kontakt"] {
    margin-top: 20em;
}

.parallax-2 {
    height: 50vh;
    background-size: cover;
    background-position: center;
float: left;
clear: both;
width: 100%;
}
.toggle:first-of-type {
    position: absolute;
    margin-top: 4em;
}


a[name="uberuns"] {
    margin-top: 21em;
}

#contactForm h3 {
    padding-left: 0;
    margin-left: 0;
}
.object-number {
    position: absolute;
    right: 0;
    padding: 0.5em 1em;
    color: var(--col2);
    font-weight: 700;
    background-color: #fffa;
}

.object-item .list div span:first-of-type:empty::before {
    content: '\00a0\00a0';
    display: block;
}
footer h5 {
    font-size: 1.17em;
    line-height: 1em;
    margin: 0 0 1em 0;
    font-size: 1.3em;
    font-weight: 400;
}



.tippgeber {
    display: table;
    max-width: 50em;
    margin: auto;
    border-spacing: 5em;
width: 90%;
}



.tippgeber-content {
    text-align: left;
  max-width: 50em;
    margin: auto;
        margin-bottom: auto;
    margin-bottom: 12em;
    width: 90%;
}


.tippgeber li {
    display: table-cell;
  
    background-image: url(../images/design/plaudern.svg);
    height: 6em;
    background-size: 7em;
    background-position: top center;
    background-repeat: no-repeat;
    padding-top: 8em;
}
.tippgeber li:nth-of-type(2) {
    
    background-image: url(../images/design/haus.svg);
  
}
.tippgeber li:nth-of-type(3) {
    
    background-image: url(../images/design/geschenkbox.svg);
  
}


/*------------------------------------BETREUTES WOHNEN--------------------------------------------------------------------------------------------*/
.betreutes-wohnen .list {
    width: 66%;
    margin: 5em auto;
}


.betreutes-wohnen .list {
    width: 100%;
    margin: 5em auto;
    padding-left: 6em;
}
.betreutes-wohnen .list div {
    background-repeat: no-repeat;
    background-size: 2.5em;
    width: 15em;
    display: inline-block;
    text-align: left;
    padding-left: 3em;
    background-position: center left;
}
.betreutes-wohnen .list div span {
    display: block;
}

.lagebeschreibung .image {
    display: block;
    float: left;
    width: 30%;
    height: auto;
    overflow: hidden;
    position: relative;
    background-size: cover;
    margin-right: 2em;
}
.lagebeschreibung .image::after {
    margin-top: 100%;
    content: '';
    display: block;
}
.wohnstandard {
    clear: both;
}



.wohnstandard div:first-of-type {
    width: 60%;
    float: left;
}


.wohnstandard .images {
    width: 30%;
    float: left;
    position: relative;
margin-left: 2em;
margin-top: 2em;
}

.wohnstandard .images .image {
    width: calc( 50% - 1em );
    height: auto;
    margin: 0.5em;
    overflow: hidden;
    background-size: cover;
float: left;
}

.wohnstandard .images .image::after {
    content: '';
    margin-top: 66%;
    display: block;
}


.wohnungstypen {
    float: left;
    clear: both;
    background-color: var(--col10);
    width: 100%;
    text-align: center;
}
.wohnungstypen table {
    margin: auto;
    border-spacing: 0;
}
.wohnungstypen table td {
    border-bottom: solid 1px;
    padding: 0.5em 1em;
}
.wohnungstypen table tr:nth-of-type(1) td {
    border-bottom: none;
}
.wohnungstypen table td:first-of-type {
    width: 20em;
    text-align: left;
    font-size: 0.7em;
    line-height: 1.5em;
}
.wohnungstypen table td:first-of-type:first-line {

    font-size: 1.4em;
font-weight:600;
  
}

.grid6 {
    text-align: center;
    margin-bottom: 2em;
}

.wohnungstypen aside {
    font-weight: 600;
}

/*------------------------------------ R E F E R E N Z E N--------------------------------------------------------------------------------------------*/


.referenz-slider {
    margin-top: 0em;
    clear: both;
    float: left;
    position: relative;
    width: calc( 100% - 4em );
    height: 31em;
    margin-left: 2em;
overflow: hidden;
}
.referenz-slider .chili-slider-segment {
    max-width: 1200px;
    margin: auto;
    left: 0;
    right: 0;
}


/*------------------------------------ P O P U P --------------------------------------------------------------------------------------------*/

.popup {
    position: fixed;
    z-index: 9999999999999;
    right: 1em;
    bottom: 1em;
    background-color: #f60;
    padding: 2em;
    min-width: 32em;
    border-radius: 1em;
}


.block.background.full {
    padding-top: 6em;
    padding-bottom: 6em;
    text-align: left;
    padding-left: 0%;
    padding-right: 0;
}


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


@media(max-width:1400px){

    body{
    font-size:14px;
    }
.artikel-content {
    text-align: center;
    width: calc( 100% - 2em );
    margin: auto;
}
.referenz-slider {

    height: 35em;

}
}
@media(max-width:1200px){

 
.object-item {
    width:calc( 50% - 1em );
}

}



@media(max-width:1000px){

header{
height:8em;
}


h2 {
  
    font-size: 7.5vw;
   
}

.logo {
    position: relative;
    margin-right: auto;
    margin-left: auto;
    left: 0;
    right: 0;
    font-size: 0.8em;
    top: 1.5em;
    width: 30%;
    display: block;
}

.content {
 padding-top: 8em;
}

#toggle_menu + header + label::after {
    content: '\2261 ';
    color: #000000;
    text-decoration: none;
}
.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 {
    color: inherit;
    user-select: none;
    text-decoration: none;
    position: fixed;
    z-index: 9999999999;
    top: 0.7em;
    right: 0.2em;
    width: 1em;
    height: 1em;
    display: block;
    cursor: pointer;
    text-align: center;
    line-height: 1em;
    background-col000000FFFFFF;
    font-size: 4em;
    transition: top 0.3s;
}



#toggle_menu:checked + header + label::after {
    content: '\00D7 ';
    text-decoration: none;
color:#ffffff;
}


.open_menu {
margin-left: -80%;
margin-right: 80%;

}
.open_menu #toggle_menu + header + label {

    right: 0%;

}

.mainNavigation ul {
    padding: 4em;
}


.mainNavigation li {
    list-style-type: none !important;
    display: block;
}


.mainNavigation li a:link {
    text-decoration: none;
    padding: 1em;
    font-weight: 500;
    font-size: 1.5em;
    padding: 1em !important;
    display: block;
}

.mainNavigation {
    position: fixed;
    
    text-align: right;
    color: var(--col10);
    margin-top: 3em;

    width: 80%;
   transition:all 0.3s;
    height: 100%;
  background-color: var(--col6);
    top: 0;
    margin-top: 0 !important;
    right: -80%;
z-index:99999999;

}

.open_menu .mainNavigation {
    position: fixed;
    right: 0;
    text-align: right;
   
    margin-top: 3em;

    width: 80%;
    right: 0;
    height: 100%;

    top: 0;
    margin-top: 0 !important;
}
.block.background {
    padding-top: 6em;
    padding-bottom: 6em;
    text-align: left;
    padding-left: 5%;
    padding-right: 4em;
}

.liste_typ1 {
    width: 100%;
    left: 0px;
    right: 0px;
    display: table;
    margin-right: auto;
    margin-left: auto;
    border-spacing: 0.5em;
    margin-bottom: -8em;
    z-index: 99;
    position: relative;
}

.liste_typ1_segment {
    text-decoration-line: none;
    text-decoration-style: solid;
    position: relative;
    display: block;
    width: calc( 100% - 0.4em );
    float: left;
    height: 20em;
    margin: 0.2em;
}
.liste_typ2_segment {
    display: block;
    width: calc(100% - 4em );
    height: auto;
    margin: 2em;
    text-align: center;
    text-decoration: none;
    transition: all 0.3s 0.2s;
    transform: translate(0);
    opacity: 1;
}
.liste_typ2 {
    float: left;
    clear: both;
    width: 100%;
    padding-left: 0;
    padding-bottom: 4em;
}
.liste_typ5 {
   
    border-spacing: 0em;
}
.liste_typ5_segment {
    display: inline-block;
    text-align: center;
    width: calc( 50% - 1em );
    margin: 0.5em;
    vertical-align: top;
}

#contact {
    float: left;
    display: block;
    width: 100%;
    position: relative;
}
.karte {
    position: relative;
    display: block;
    z-index: 8;
    height: calc( 100% - 4em ) !important;
    width: calc( 100% - 0em );
}
.wir {
    display: block;
    width: 100%;
    margin: 0em auto;
}

.wir + .grid8 {
    margin-top: 3em;
    font-size: 1.3em;
    line-height: 1.2em;
    padding-right: 0em;
}
..chili-slider.box2 {
    width: 100%;
    height: 80vh;
    position: relative;
    display: block;
    float: left;
    background-color: var(--col10);
}
.box2 .chili-slider-segment div {
    width: 19em;
    float: none;
    position: relative;
    margin: 0.2em;
    height: auto;
    padding: 1em;
    text-align: center !important;
    left: calc( 50% - 11em );
}
.box2 ..chili-slider-segment  div span:nth-of-type(1) {
    background-color: #fff;
    display: block;
    padding: 1em;
    height: calc( 100% - 2em );
    margin: -;
    margin-bottom: 1em;
    border-radius: 1em;
    position: relative;
    font-size: 1em;
    line-height: 1.2em;
}

.box2 ..chili-slider-segment  div:nth-of-type(2) {
    float: none;
    left: calc( 50% - 8em );
}


.wir li {
    display: block;
    font-weight: 700;
    padding-top: 0em;
    background-image: url(../images/design/019-interview.svg);
    background-size: 3em;
    background-repeat: no-repeat;
    background-position: top left;
    color: var(--col2);
    text-align: left;
    padding-left: 5em;
    line-height: 3em;
    margin-top: 2em;
}

.kontakt li {
    display: block;
    padding-top: 1em;
    background-image: url(../images/design/019-interview.svg);
    background-size: 2em;
    background-repeat: no-repeat;
    background-position: top 1.2em left 1.1em;
    font-size: 1.2em;
    position: relative;
    margin-bottom: 1.8em;
    text-align: left;
    padding-left: 5.2em;
height: 4em;
}
.kontakt li::before {
    display: block;
    position: absolute;
    content: '';
    border: solid 2px var(--col1);
    width: 4em;
    height: 4em;
    border-radius: 50%;
    top: 0;
    margin: 0;
    left: 0;
    right: 0;
}


#contactForm input, #contactForm select {
    width: calc( 100% - 1em );

}

.grid1, 
.grid2,
.grid3,
.grid4,
.grid5,
.grid6,
.grid7,
.grid8,
.grid9,
.grid10,
.grid11,
.grid12 {
width:100%;
}

.liste_typ4_segment {
    display: block;
    text-decoration: none;
    background-size: 6em;
    background-repeat: no-repeat;
    padding-top: 5em;
    background-position: top center;
}


.box_orange {
    display: block;
    float: left;
    background-color: var(--col1);
    width: 100%;
    text-align: center;
    border-spacing: 2em;
    height: 12em;
    position: relative;
}

.box_orange .chili-slider-segment{
    display: table;
    position: absolute !important;
    width: 100%;
    height: 27em;
    opacity: 0 !important;
left:100%;

}

.box_orange .aw_BoxContentNav {
    display: none;


}

.box_orange .nextBox{
left:100%;
}
.box_orange .previousBox{
left:-100%;
}

.box_orange .boxSelected{
left:0%;
    opacity: 1 !important;
}

.box_orange .chili-slider-segment  {
 
    width: calc( 100% - 4em );
    
    margin-left: 2em;
}


.block-region .image {
    display: none;
   
}
.block-region .block-content li {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    color: #FFF;
    padding: 1em;
    font-size: 0.8em;
}
.block-region .block-content::before {

    transform: skew(-0deg);

}
.object-item {
    width: calc( 50% - 0.2em );
    margin: 0 0.1em 1em 0.1em;
    height: 26em;
   
}
.object-item .list span:nth-of-type(2) {
    display: none;
}
.object-item .list div span:first-of-type {
    font-size: 1.2em;
    display: block;
    padding-left: 0em;
    line-height: 2em;
    font-weight: 700;
    padding-top: 2em;
}
.object-item .list div:nth-of-type(1) {
    width: auto !important;
}
.object-item .ort {
    
    white-space: nowrap;
    overflow: hidden;
	text-overflow:ellipsis;
}
.object-item .price {
    font-size: 2em;
    line-height: 1em;

    text-align: right;
    padding: 0.5em;
}
.object-item h3 {
    color: var(--col2);
    font-weight: 600;
    padding-left: 0.5em;
    padding-right: 0.5em;
    margin-left: 0;
    margin-right: 0;
    width: 100% !important;
    max-width: 100%;
    height: 4em;
    overflow: hidden;
    background-color: var(--col2);
    color: #fff;
    margin-top: 0.2em;
    padding-top: 0.5em;
    font-size: 1em;
    
}
.price span {
    color: #acacac;
    display: block;
    font-size: 0.5em;
}

.object-item .list {
    display: table;
    width: 100%;
    font-size: 0.8em;
    margin-top: 1em;
    text-align: left;
    margin-left: 0em;
    table-layout: auto !important;
}
.object-item .list div span:first-of-type {
    font-size: 1.2em;
    display: block;
    padding-left: 0em;
    line-height: 2em;
    font-weight: 700;
    padding-top: 2em;
    text-align: center;
}
.object-item .list div {
    display: table-cell;
    background-size: 2em;
    background-repeat: no-repeat;
    background-position: top 0.5em center;
}
.chili-slider.image-slider {
    height: auto;
    overflow: hidden;
    position: relative;
    width: calc( 100% - 2em );
    float: left;
    margin-bottom: 0em;
    margin-top: 1em;
    margin-left: 1em;
}
.chili-slider.image-slider::before {
    margin-top: calc( 80% + 8em );
    display: block;
    content: '';
}
.objekt-short-details {
    width: 90%;

}
#objekt-main-content {
    position: relative;
    clear: both;
    float: left;
    width: 100%;
}
#objekt-main-content .block-content {
    width: calc( 100% - 4em );
    margin: 0;
    margin-left: 2em;
}
#objekt-contact-wrapper {
    position: relative;
    left: 0;
    right: 0;
    max-width: 100%;
    margin: auto;
    height: 1px;
}
#objekt-contact {
    width: calc( 100% - 0em );
    right: 0;
    position: relative;
    left: auto;
    float: right;
    background-color: var(--col10);
    padding: 2em;
    height: auto;
    box-shadow: none;
    margin-top: 0em;
}
.details {
    width: 100%;

}
.aussattung {

       width: 100%;
    
}

.energie-box {
    overflow: hidden;
    width: 100%;
    height: auto;
    margin: auto;
}
.energie {
    width: 100%;
    height: 4em;
    display: block;
    background: linear-gradient(to right,#68c44e,#eeb64b,#eeb64b,#b92020);
    border-radius: 0.5em;
    float: none;
}
#angaben {
    float: none;
    width: 100%;
    padding-left: 4em;
    background-image: url(../images/design/konstruktion.svg);
    background-size: 2em;
    background-repeat: no-repeat;
    background-position: left 0.5em top 0.5em;
    clear: both;
    margin-top: 3em;
}
.top-contact p {
    display: none;
}
.top-contact p:nth-of-type(2) {
    display: block;
    margin: auto;
    width: 100%;
}
.box2::after {
    content: '';
    font-size: 1em;
    line-height: 0.5em;
    position: absolute;
    right: 2em;
    color: #D4DBE4;
    background-image: url(../images/design/sign_1.svg);
    width: 7em;
    height: 7em;
    display: block;
    top: -3em;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.mainNavigation li {
    list-style-type: none !important;
    display: block;
    border-bottom: solid 1px #fff2;
}

.tippgeber {
    display: table;
    max-width: 50em;
    margin: auto;
    border-spacing: 2em;
    width: 100%;
}
.tippgeber li {
    display: table-cell;
    background-image: url(../images/design/plaudern.svg);
    height: 5em;
    background-size: 5em;
    background-position: top center;
    background-repeat: no-repeat;
    padding-top: 6em;
}
.liste_typ4_segment h2 {
    font-weight: 700;
    font-size: 1.5em;
    height: auto;
    line-height: 1.2em;
}

.profile-wrapper {
    display: block;
    margin: auto;
    width: 100%;
}
.profile-wrapper .grid4, .profile-wrapper .grid8 {
   display: block;
}

.profile-image {
    background-size: 140%;
    height: auto;
    background-repeat: no-repeat;
    background-position: top center;
    position: relative;
    display: block;
    width: 50%;
    height: 17em;
    top: 2em;
    right: 0;
    margin-bottom: 6em;
    float: right;
}
.grid4.profile span:nth-of-type(1) {
    position: absolute;
    top: 19em;
    left: 0;
    width: 9em;
    right: 15em;
}
.grid4.profile span:nth-of-type(2) {
    position: absolute;
    top: 10.3em;
    left: 0;
    width: 12em;
    display: block;
    text-align: left;
    font-size: 1.5em;
    right: 4em;
}
.grid4.profile::after {
    content: '';
    display: none;

}

.referenz-slider .object-item {
    width: calc( 100% - 1em );
}
.wohnungstypen {

    overflow-x: scroll;
}

.lagebeschreibung .image {
    display: block;
    float: left;
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
    background-size: cover;
    margin-right: 2em;
    background-position: center;
    margin-bottom: 2em;
}
.lagebeschreibung .image::after {
    margin-top: 50%;
    content: '';
    display: block;
}
.wohnstandard div:first-of-type {
    width: 100%;
    float: left;
}
.wohnstandard .images {
    width: 100%;
    float: left;
    position: relative;
    margin-left: 0em;
    margin-top: 2em;
}
.wohnungstypen-table {
   overflow-x:scroll;
}
.wohnungstypen table {
    margin: auto;
    border-spacing: 0;
    width: 800px;
}
.referenz-slider {
    height: 120vw;
    margin-top: 2em;
width: calc( 100% - 0em );
margin-left: 0em;
}
.betreutes-wohnen .list {
    width: 100%;
    margin: 5em auto;
}
.betreutes-wohnen .list div {
    display: block !important;
    width: 100% !important;
    margin-bottom: 2em;
}

.referenz-slider .nextBox{
opacity:0;
right:-100% !important;
}


.referenz-slider .chili-slider-segment {
transition: all 0.3s !important;
width: 90%;
}


.referenz-slider .previousBox{
opacity:0;
left:-100% !important;
}

.referenz-slider .object-item .list div {
   display: table-cell  !important;
}
.box2 .aw_BoxContentNav, .referenz-slider .aw_BoxContentNav {
    
    max-width: 85%;
}
.topPicture {
    height: 15vh;
    background-position: center;
    background-size: cover;
}
#filter .grid6, #filter .grid4, #filter .grid3, #filter .grid2 {
    padding-right: 0em !important;
}

}

#tour3d{
width: 100%;
height: 25vw;
}
@media (max-aspect-ratio: 40/39)
{
#tour3d{
width: 100%;
height: 70vh;
}
}


.object-item.has-tour .image::before {
    content: '';
    background-image: url(../images/design/360-degrees.svg);
    width: 6em;
    height: 4em;
    background-color: #fff8;
    background-size: contain;
    display: block;
    position: absolute;
    background-repeat: no-repeat;
    background-position: center top 0.5em;
    top: 0em;
}

.video {
    height: 40em;
    overflow: hidden;
    display: block;
    position: relative;
    clear: both;
    
}
.video::before {
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #25475757;
    display: block;
    z-index: 1;
    position: absolute;
}
a[name='video']+div+a + .block.background {

    background-image: none !important;
    margin-top: -36em;
}
a[name='video']+div+a+div .block-content h2, a[name='video']+div+a+div .block-content p{
    color:#FFFFFF;
}

.video + .block.background {
    margin-top: -48em;
    z-index: 1;
    background-image: none !important;
}
.video + .block.background .block-content h2, a[name='video']+div+a+div .block-content p{
    color:#FFFFFF;
}
video{
    width:100%;
    display:inline-block;
    height:auto;
    top: 50%;position: absolute;
    margin:auto;
    left:0;
    right:0;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
}

.hidden,.hidden-type,.hidden-location{
    transform: scale(0);
    width: 0;
    margin: 0;
    transition: all 0.3s, width 0.5s 0.4s,margin 0.5s 0.4s;
}





@media (max-width: 800px) {
    video{
        width:300%;
        left:-100%;
        height:100%;
    }
    .grid3.double {
        width: 50%;
        overflow: hidden;
    }
  }

/*
  .aw_slider {
    overflow: visible;
    display: block;
    position: relative;
    width: 100%;
    height: 1px;
    background-color: rgb(255, 102, 0);
    float: left;
    clear: both;
    text-align: center;
    line-height: 2em;
    margin-bottom: 2em !important;
}
*/
.aw_slider {
    overflow: visible;
    display: block;
    position: relative;
    width: 100%;
    height: 20px;
    background-color: rgba(142, 152, 164, 0.24);
    float: left;
    clear: both;
    text-align: center;
    line-height: 2em;
    margin-bottom: 0em !important;
    border-radius: 9px;
    margin-top:1em;
}
@media (max-width: 1000px) {
.aw_slider {
   
    margin-bottom: 1em !important;

}
}

.aw_slider::before {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    background-image: url(images/raster.png);
    background-size: 3px;
    left: 0px;
    top: 0px;
    opacity: 0.3;
    content: ' ';
}
/*
.aw_slider-item {
    font-size: 0.6em;
    width: 2em;
    height: 2em;
    display: block;
    background-color: #FFFFFF;
    border-radius: 50%;
    position: absolute;
    top: calc( -0.7em + 1px );
    left: 0px;
    transition: box-shadow 0.3s, transforn 0.3s, background-color 0.3s;
    box-shadow: #FFFFFF 0px 0px 0px 0px;
    transform: scale(1);
    cursor: pointer;
    z-index: 1;
}
*/
.aw_slider-item {
    font-size: 0.6em;
    width: 2em;
    height: 2em;
    display: block;
    background-color: #F60;
    border-radius: 50%;
    position: absolute;
    top: calc( -0.7em + 7px );
    left: 0px;
    transition: box-shadow 0.3s, transforn 0.3s, background-color 0.3s;
    box-shadow: #FFFFFF 0px 0px 0px 0px;
    transform: scale(1);
    cursor: pointer;
    z-index: 1;
}

.aw_slider-item::before {
    font-size: 2em;
    width: 2em;
    height: 2em;
    display: block;
    background-color: #FFFFFF;
    border-radius: 50%;
    position: absolute;
    top: -0.5em;
    left: -0.5em;
    opacity: 0;
    cursor: pointer;
    z-index: 1;
    content: ' ';
}
.aw_slider span::after {
    content: ' k';
}


.aw_slider span {
    padding: 1em;
    line-height: 1.2em;
    padding: 0 20px 0 0;
    color: #16365d;
    font-weight: 700;
    margin-top: ;
    position: relative;
    display: block;
    float: left;
    transform: translate(0,-2.9em);
}

#filter .grid6 ,#filter .grid4,#filter .grid3,#filter .grid2{
    padding-right: 2em;
}
#filter h3 {
    text-align: left !important;
    margin: 0 0 0.5em 0;
}

.aw_slider aside {
    position: absolute;
    width: 100%;
    background-color:#ffc9a5;
    height: 100%;
    top: 0;
    z-index: -1;
    border-radius: 1em;
}
#space-slider span::after {
    content: ' m\00B2';
}
.aw_slider span:nth-of-type(2) {
    float: right;
    padding-right: 0;
}
#filter {
    padding-bottom: 1em !important;
    padding: 0.5em;
        padding-bottom: 0.5em;
}
.styled-select-2 {
    width: calc( 100% - 1em );
    display: block;
    position: relative;
    text-align: left;
    overflow: hidden;
    background-color: #f60;
    border-radius:1em;
    padding-left:0.3em;
    margin-top: 1.6em;

}



.styled-select-2 select {
    width: calc( 100% + 2em );
    height: 2em;
    line-height: 2em;
    background-color: transparent;
    border: 0;
    color: #FFF;
}




@font-face {
	font-family: light;
	src: url('fonts/Arian-LT-Light.ttf');
}
@font-face {
	font-family: bold;
	src: url('fonts/Arian-LT-Bold.ttf');
}

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;
}
.meinungen{
filter: saturate(0%) !important;
-webkit-filter: saturate(0%) !important;
}


.kunden{

filter: saturate(0);

-webkit-filter: saturate(0);
transition:all 0.5s;
background-color:rgba(255,255,255,0);
box-shadow:rgba(0,0,0,0) 0px 0px 0px 1px;
}
.kunden:hover{
opacity:1;

filter: saturate(1);

-webkit-filter: saturate(1);
background-color:rgba(255,255,255,0);

box-shadow:rgba(0,0,0,0.0) 0px 0px 2px 1px;
}

.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: auto;
}
.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:12px;

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


}

.chili-slider-segment {
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;

}
.chili-slider .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;
}
.chili-slider .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 .awBoxContent div {
width:calc( 100% - 0em ) !important;
float:left;
display:block;
position:relative;
height: calc( 100% - 0em ) !important;
transition: all 1.3s;
}
.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;
}

input[type="checkbox"]{
display:none !important;

}
input[type="checkbox"]+label{
display:inline-block;
background-color:#ffffff;
width:20px;
height:20px;
cursor:pointer;
border-radius:4px;
position:relative;

}

input[type="checkbox"]:checked+label{

background-position:center;
background-repeat:no-repeat;
display:inline-block;
background-color:#00adef;
	background-image: url(../images/design/haken.png);
width:20px;
height:20px;
position:relative;
background-color: var(--col1) !important;

}

input[type="checkbox"]:checked+label:after{
content: '\2713';
position:absolute;
width:100%;
height:100%;
color:#FFFFFF;
text-align:center;
font-size:1em;
line-height:1.6em;
}
.margin{
margin:1.5em 0.75em;
padding:1.5em;

}

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

@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%;
}
.video video {
    width: 300%;
    display: block;
    top: 50%;
    position: absolute;
    transform: translate(0,-50%);
}
nav ul {
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
}
header .top-contact{
    color: #fff;
    top: 0%;
    text-align: right;
    z-index: 66;
    position: absolute;
    width: 100%;
    right: 0;
    height: 2em;
    right: 0vh;
    transform: none;
}


#toggle_menu + header + label::after {
    content: '\2261 ';
    color: #16365d !important;
    text-decoration: none;
}
.logo {

    top: 3.5em;

}

}

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

}



.image-slider .aw_BoxContentNav {
    position: absolute;
    z-index: 999;
    left: 0px;
    width: 100%;
    text-align: center;
    bottom: 0em !important;
    height: 6em;
width:1200px;
    padding: 0;
    margin: 0 -0.6em;
}
.image-slider.chili-slider .aw_BoxContentNavLink{
   
    display: inline-block !important;
    width: 6em !important;
    height: 6em !important;
 
}
.image-slider .nextBox {
    left: 0%;
    z-index: 0;
}

.image-slider.chili-slider .aw_BoxContentNav span:nth-of-type(2){
    background-image: url(https://images.propstack.de/photos/nnAuA4MX2AL3FpGgkveP7VN7/photo/gHL9yEpRe8AJ36BMraAPr8Vn/medium_DSC07009_10_11_12_13.jpg);
    display: block !important;
    width: 6em;
    height: 6em;
    top: 0;
    position: absolute;
    background-size: cover;
    background-position: center;
}


.image-slider.chili-slider .aw_BoxContentNav .active {
    background-color: transparent !important;
}


.cookie-message {
    background-color: #f60 !important;
  
}

a[name="referenzen"] {
    display: block;
    position: relative;
    float: left;
    clear: both;
    margin-top: -9em;
}