/* roboto-slab-100 - latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/roboto-slab-v24-latin-100.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-slab-v24-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-slab-v24-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-slab-v24-latin-100.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-slab-v24-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-slab-v24-latin-100.svg#RobotoSlab') format('svg'); /* Legacy iOS */
}

/* roboto-slab-300 - latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/roboto-slab-v24-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-slab-v24-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-slab-v24-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-slab-v24-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-slab-v24-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-slab-v24-latin-300.svg#RobotoSlab') format('svg'); /* Legacy iOS */
}

/* roboto-slab-200 - latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/roboto-slab-v24-latin-200.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-slab-v24-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-slab-v24-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-slab-v24-latin-200.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-slab-v24-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-slab-v24-latin-200.svg#RobotoSlab') format('svg'); /* Legacy iOS */
}

/* roboto-slab-regular - latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-slab-v24-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-slab-v24-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-slab-v24-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-slab-v24-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-slab-v24-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-slab-v24-latin-regular.svg#RobotoSlab') format('svg'); /* Legacy iOS */
}

/* roboto-slab-500 - latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/roboto-slab-v24-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-slab-v24-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-slab-v24-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-slab-v24-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-slab-v24-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-slab-v24-latin-500.svg#RobotoSlab') format('svg'); /* Legacy iOS */
}

/* roboto-slab-600 - latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/roboto-slab-v24-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-slab-v24-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-slab-v24-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-slab-v24-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-slab-v24-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-slab-v24-latin-600.svg#RobotoSlab') format('svg'); /* Legacy iOS */
}

/* roboto-slab-700 - latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto-slab-v24-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-slab-v24-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-slab-v24-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-slab-v24-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-slab-v24-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-slab-v24-latin-700.svg#RobotoSlab') format('svg'); /* Legacy iOS */
}

/* roboto-slab-800 - latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/roboto-slab-v24-latin-800.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-slab-v24-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-slab-v24-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-slab-v24-latin-800.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-slab-v24-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-slab-v24-latin-800.svg#RobotoSlab') format('svg'); /* Legacy iOS */
}

/* roboto-slab-900 - latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/roboto-slab-v24-latin-900.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-slab-v24-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-slab-v24-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-slab-v24-latin-900.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-slab-v24-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-slab-v24-latin-900.svg#RobotoSlab') format('svg'); /* Legacy iOS */
}
/* lato-100 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/lato-v23-latin-100.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/lato-v23-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v23-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v23-latin-100.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v23-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v23-latin-100.svg#Lato') format('svg'); /* Legacy iOS */
}

/* lato-100italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 100;
  src: url('../fonts/lato-v23-latin-100italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/lato-v23-latin-100italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v23-latin-100italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v23-latin-100italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v23-latin-100italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v23-latin-100italic.svg#Lato') format('svg'); /* Legacy iOS */
}

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

/* lato-300italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/lato-v23-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/lato-v23-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v23-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v23-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v23-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v23-latin-300italic.svg#Lato') format('svg'); /* Legacy iOS */
}

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

/* lato-italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/lato-v23-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/lato-v23-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v23-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v23-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v23-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v23-latin-italic.svg#Lato') format('svg'); /* Legacy iOS */
}

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

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

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

/* lato-900italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 900;
  src: url('../fonts/lato-v23-latin-900italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/lato-v23-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v23-latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v23-latin-900italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v23-latin-900italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v23-latin-900italic.svg#Lato') format('svg'); /* Legacy iOS */
}
/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/open-sans-v34-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../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('../fonts/open-sans-v34-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../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('../fonts/open-sans-v34-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../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('../fonts/open-sans-v34-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../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('../fonts/open-sans-v34-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../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('../fonts/open-sans-v34-latin-800.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-800.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-800.svg#OpenSans') format('svg'); /* Legacy iOS */
}

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


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

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



*{
background-size: cover;
background-position: center;
box-sizing: border-box;
--accent1: #FF6C00;
--accent1:#FF0;

}

mark {
    background-color: var(--accent1);
}

body {
    padding: 0;
    margin: 0;
font-size:16px;
font-family: 'Lato';
}

header {
    width: 100%;
    z-index: 1;
    height: 15em;
    position: fixed;
    top: 0;
    z-index: 99;
    padding: 0 2em;
}
header::after {
    content: '';
    background-color: #1b1b1c;
    width: 100%;
    height: 3em;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
}
header::before {
    content: '';
    background-color: #0707079e;
    width: 100%;
    height: 9em;
    position: absolute;
    top: 0;
    z-index: -2;
    left: 0;
}


.mainNavigation ul li a {
    text-decoration: none;
    color: #8b8b8b !important;
position:relative;
    padding: 2em;
    display: inline-block;
text-transform: uppercase;
letter-spacing: 0.1em;

}



.logo {
    background-image: url(../images/design/logo.svg);
    max-width: 1200px;
    height: 2em;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left center;
    position: absolute;
    top: 5em;
    left: 0;
    right: 0;
    margin: auto;
}
.footer-logo {
    background-image: url(../images/design/logo.svg);
    height: 1.5em;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left center;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
        margin-bottom: auto;
    margin-bottom: 1.5em;
}

.top-contact {
    margin: auto;
    max-width: 1200px;
    position: relative;
}
.phone {
    background-image: url(../images/design/phone2.svg);
    background-size: 1em !important;
    padding-left: 1.4em;
}

.mail {
    background-image: url(../images/design/mail.svg);
    background-size: 1.8em !important;
    padding-left: 2.2em;
}
.top-contact a:link {
    background-size: 2em;
    background-repeat: no-repeat;
    background-position: left center;
    font-size: 1em;
    color: #8b8b8b;
    text-decoration: none;
    letter-spacing: 0.1em;
    line-height: 3em;
    height: 3em;
    display: inline-block;
    position: relative;
    top: 0em;
    margin-right: 2em;
}

.block.background {
    display: block;
    width: 100%;
    height: auto;
background-attachment: fixed;
min-height: 60vh;
}

.block.background:first-of-type {

    height: 90vh;
}
.block.background:first-of-type .block-content {

transform: translate(0,-50%);
}


.content ul li::before {
    content: '\25B8';
    font-size: 1em;
    text-align: center;
    font-weight: 900;
    line-height: 1.4em;
    width: 20px;
    height: 20px;
    top: 0px;
    bottom: 0px;
    position: absolute;
    display: block;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-left: -1em;
    color: var(--accent1);
}

.parallax-subtitle ul {
    font-size: 1em;
}

.parallax-subtitle li {
    float: left;
    margin-right: 1em;
}


.block-content {
    max-width: 1200px;
    margin: auto;
    text-align: center;
    padding: 0 0em;
    text-align: left;
}

.block.background .block-content {
    position: relative;
    width: 100%;
    text-align: center;
    margin: auto;
    left: 0;
    right: 0;
    top: 50%;
    color: #fff;
    padding-top: 10em;
    padding-bottom: 10em;

}

footer {
    background-color: #27272b;
    padding: 9em;
    color: #8b8b8b;
}

.block {
    position: relative;
padding-top: 2em;
padding-bottom: 2em;
}


.block.background .block-content h2 {
    font-size: 14em;
    font-weight: 700;
    text-transform: uppercase;
line-height: 1em;
margin: 0;
}

.block.background .block-content p {

    font-size: 3em;
    line-height: 1em;
    padding: 0;
    margin: 0;
font-weight: 400;
}


.block.background::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    border: 0;
    bottom: 0;
    background-color: #25242954;
display:none;
}
.block.simple h2 {
    font-weight: 800;
    text-transform: uppercase;
    font-size: 3em;
}
h3{
 font-weight: 300;
}
/*
.block.simple::after {
    content: '';
    background-color: #ffffff;
    width: 140%;
    height: calc( 100% + 8em );
    position: absolute;
    top: -4em;
    transform: perspective(20em) rotateY(2deg);
    z-index: -1;
}
.block.simple::before {
    content: '';
    background-color: #cccccc;
    width: 140%;
    height: calc( 100% + 9em );
    position: absolute;
    top: -4.5em;
    transform: perspective(22em) rotateY(3deg);
    z-index: -2;
}
*/
.block.simple h3 {
    font-size: 3em;
}
.block.simple {
    z-index: 5;
    padding: 0 2em;
}
.parallax-window {
    height: 20em;
    display: block;
    position: relative;
    width: 100%;
    clear: both;
}
.artikel .parallax-window {
    height: 50vh;
}
.parallax-2 {
    height: 90vh;
}

.parallax-window {
    height: 80vh;
width: 100%;
position: relative;
display: block;
margin-top:0em;

}
header .wrapper {
    margin: auto;
    max-width: 1200px;
    position: relative;
}
.mainNavigation {
    position: absolute;
    right: 0;
    width: auto;
    top: 3.2em;
    max-width: 1200px;
    margin: auto;
    left: auto;
    text-align: right;
    z-index: 99;
display: flex;
}
.mainNavigation ul {
    display: flex;
    flex-direction: row;
    float: right;
}
.mainNavigation li {
    list-style-type: none;
    flex-direction: ;
}

@media(min-width:1000px){
  
  .mainNavigation ul li a::after {
    content: '';
    position: absolute !important;
    display: block !important;
    background-color: var(--accent1);
    width: 0%;
    height: 2px;
    left: 0;
    bottom: 1.7em;
    margin: auto;
    right: 0;
    transition: width 0.3s;
    z-index: -1;
}
.mainNavigation ul li a:hover::after {
    width: calc( 100% - 4em );
   
}


.mainNavigation ul li.active a::after {
    content: '';
    position: absolute !important;
    display: block !important;
    background-color: var(--accent1);

    left: 0;
    bottom: 1.7em;
    margin: auto;
    right: 0;
  
    z-index: -1;

    width: calc( 100% - 3em );
    height: 2em;
}

.mainNavigation ul li.active a {
    color: #000 !important;
}
}





.bildliste_ganzseitung.rand {
    position: relative;
    display: block;
    z-index:9;
    color: #8b8b8b;
    background-color: #27272b;
    margin: 0 !important;
padding: 2em;
}



.bildliste_ganzseitung.rand .wrapper {
    display: flex;
    flex-direction: row;
    width: 100%;
    position: relative;
    margin: ;
    max-width: calc( 1200px + 4em );
    margin: 0em auto;
    flex-shrink: ;
}
.segment-wrapper {
    display: flex;
    flex-direction: column;
}
.bildliste_ganzseitung_segment {
    padding: 0 2em;
    flex-grow: 1;
    flex-basis: 0px;
    text-decoration: none;
    position:relative;
}
.bildliste_ganzseitung_segment .image {
    width: 100%;
    display: block;
    height: auto;
    overflow: hidden;
    background-position: center;
    order: 1;
}
.bildliste_ganzseitung_segment .image::after {
    content: '';
    display: block;
    margin-top: 46%;
}
.bildliste_ganzseitung_segment h3 {
order: 2;
}

.bildliste_ganzseitung_segment p{
order: 3;
}

.bildliste_ganzseitung_segment h3::after {
    content: '';
    position: relative;
    display: block;
    width: 3em;
    background-color: var(--accent1);
    height: 0.2em;
    margin-top: 0.5em;
    margin-bottom: -1em;
}
.bildliste_ganzseitung_segment::after {
    display: block;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
   background-color: #ff0;
    left: 0;
    top: -1em;
    z-index: -1;
    transform: scale(0);
    transition: all 0.3s;
    opacity:0;
}
.bildliste_ganzseitung_segment:hover::after {

    transform: scale(1);
      opacity:1;
}

.parallax-content {

    position: absolute;
    top: 50%;

    color: #E0DDDD;
    right: 0;
    max-width: 1200px;
    text-align: left;
    margin: auto;
    left: 0;
    transform: translate(0,-40%);
    z-index:2;
     padding: 0 2em;
}
.parallax-title {
    font-size: 3.5em;
    line-height: 1em;
}
.parallax-subtitle {
    font-size: 1.7em;
}


.border-1 {
    position: absolute;
z-index:1;
    transform: translate(0,-40%);
}

.border-1.bottom {
    transform: rotate(-180deg) translate(0,60%);
}


.parallax-window::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #09090999;
    z-index: 0;
    top: 0;
left: 0;
}


.cookie-message {
    position: fixed;
    z-index: 9999999999;
    display: block;
    background-color: #f3f1f0;
    width: calc( 100% - 2em );
    height: auto;
    bottom: 1em;
    padding: 3em;
    left: 1em;
    box-shadow: #0005 6px 5px 10px;
}
.cookie-message a {
    color: #969fb1;;
    text-decoration: none;
}


.referenz-list {
    width: calc( 100% + 4em );
    text-align: center;
    margin-left: -2em;
}
.referenz-list div {
    width: calc( 20% - 4em );
    overflow: visible;
    display: inline-block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
    margin: 2em;
}

.referenz-list div::after {
    content: '';
    margin-top: 30%;
    display: block;
}

.top-contact address{
display:none;
}


.galerie {
    max-width: 1200px;
    margin: auto;
        margin-top: auto;
    z-index: 9;
    position: relative;
text-align:center;
}

.galerie_ganzseitig {
    width: calc( 25% - 2em );
    display: inline-block;
    position: relative;
    height: auto;
    background-color: beige;
    overflow: hidden;
    margin: 1em;
    border-radius: 0.5em;
}
.galerie_ganzseitig .image {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    display: block;
    position: absolute;
transition: all 0.3s;
transform:scale(1);
}



/*
.galerie_ganzseitig:hover .image {
transform:scale(1.2);
}
*/
.galerie_ganzseitig::after {
    content: '';
    display: block;
    margin-top: 100%;
}

.galerie_ganzseitig .description {
    position: absolute;
    text-align: left;
    line-height: 1em;
    background-color: #0008;
    width: 100%;
    color: #FFF;
    padding: 1em;
    left: 0;
    bottom: 0%;
    transition: all 0.3s;
    transform: translate(0,100%);
}
/*
.galerie_ganzseitig:hover .description {
transform:translate(0,0%);
}
*/
.galerie_ganzseitig .description h4 {
    left: 1em;
    padding: 0;
    margin: 0;
    margin-bottom: 0.5em;
}
.back {
    display: none;
}
footer h3 {
    margin-top: 0;
}
footer nav a {
    text-decoration: none;
    padding-left: 0.7em;
}
.button {
    display: inline-block;
    background-color: yellow;
    clear: both;
    width: auto;
    min-width: auto;
    margin: auto;
    padding: 0.5em 1em;
    text-decoration: none;
    font-weight: 600;
}
footer .center {
    max-width: 1200px;
    margin: auto;
}











.contact-form  input {
    background-color: #e9e9e9;
    padding: 1.3em;
    margin: 0.3em 0;
    display: inline-block;
    width: calc( 50% - 0.2em );
    border-radius: 0.3em;
    color: #000;
    font-weight: 500;
    border:none;
}


textarea {
    font-family: 'Open Sans';
    font-size: 1em;
    width: calc( 100% - 0px );
    height: 5em;
    padding: 0.5em;
    box-sizing: border-box;
  
    font-weight: 100;
    margin: 0px;
    background-color: rgb(233, 233, 233);
    border: 1px solid rgba(255,255,255,0.1);
    clear: both;
    float: none;
    position: relative;
    display: block;
}


.abschicken {
    width: 12em !important;
    border: 0 !important;
    background-color: yellow !important;
    font-size: 1em;
    margin: auto !important;
}


.artikel .parallax-title {
    margin-bottom: 0;
    padding: 0;
}
.artikel .parallax-subtitle {
    font-size: 1.2em;
    max-width: 50%;
    line-height: 1.2em;
}
.artikel .galerie {
    margin: 2em -1em;
        margin-top: 2em;
    margin-top: 2em !important;
}


.grid4 {
    width: 33.3333333%;
    z-index: 3;
    display: block;
    position: relative;
}
/*-------------------------------------------------------------------------------------------------------------------------*/

@media( max-width: 1000px ){
body{
font-size:12px;
}

header {

    height: 10em;

   }
header::after {
    content: '';
    position: fixed;
    height: 100%;
    width: 100%;
    background-color: #fdfdfd;
    left: 100%;
    z-index: -5;
    box-shadow: inset #0003 17px 1px 10px -10px;
transition:all 0.3s;
}
header::before {
    
transition:all 0.3s;
}
.toggled + input + header {

}


#toggle_menu:checked + header::before {
    
   height:100%;
   background-color: #070707cc;
}
.content{
padding-top:10em;
}
.mainNavigation {
    text-align: center;
    top: 6em;
    position: fixed;
    left: -200%;
    text-align: left;
    z-index: -1;
    transition: all 0.3s;
    width: 100%;
    font-size: 1.5em;
}
.mainNavigation li {
    list-style-type: none;
    display: block;
}
#toggle_menu:checked + header .mainNavigation {

   left: 0%;
}
.block.simple h2 {

    font-size: 2em;

}
.parallax-content h2 {

    font-size: 8em;

}
.block.background .block-content p {
    font-family: var(--font2);
    transform: scale(1.9,1);
    font-size: 1.5em;
    line-height: 1em;
    padding: 0;
    margin: 0;
    font-weight: 100;
}
.block.background .block-content h2 {
    font-size: 5em;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1em;
    margin: 0;
}


.logo {
    
  
    height: 1.5em;
  
   
    top: 2.6em;
    left: 1em;
    
}

.top-contact {
    position: fixed;
    right: auto;
    top: 0;
    text-align: left;
    padding: 2em;
    line-height: 1.3em;
    width: 90%;
    left: 100%;
    transition: all 0.3s;

}
.top-contact span {
    display:none;
}
.phone, .mail {
 
  
 display:inline-block;
    min-width: 2em;
    min-height: 2em;
    background-position: center;
    width: 2em !important;
    font-size: 2em !important;
    background-size: 50%;
}

#toggle_menu:checked + header .top-contact {
   
   
}
#toggle_menu:checked + header  {
   height:100%;
   
}
.parallax-mirror {
    
    transition: left 0.3s;
}

.open_menu .parallax-mirror {
    

}


.parallax-window::after {

    background-size: 200%;
}
footer .center {
    width: auto;
    display: block;
    margin: auto;
}
footer .grid3 {
   
    margin: 1em;
    text-align: left;
    border-right: solid 0px #fff2;
    padding: 1em;
    display: block !important;
    float: none;
    vertical-align: top;
    border-bottom: solid 1px #fff2;
}
footer .grid3:nth-of-type(4),footer .grid3:nth-of-type(1){

    border-bottom: none;

}
.referenz-list div {
    width: calc( 50% - 2em );
    overflow: visible;
    display: inline-block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
    margin: 1em;
}
.content {
    padding-top: 0em;
}
.parallax-content {
    position: absolute;
    top: 45%;
    padding: 0em;
    color: #E0DDDD;
    right: 0;
    max-width: 1200px;
    text-align: left;
    margin: auto;
    left: 2em;
    transform: translate(0,-40%);
}
.parallax-content h2 {
    font-size: 2em;
    padding: 0 1em;
    line-height: 1.5em;
}
.parallax-subtitle {
    font-size: 1.5em;
    padding: 0 0.5em;
}


header::before {

    height: 7em;
   
   
}
.mainNavigation ul {
    display: flex;
    flex-direction: column;
    float: left;
    width: 100%;
   margin: 0em 1em;
}
.mainNavigation ul li a {
    text-decoration: none;
    color: #8b8b8b !important;
    position: relative;
    padding: 0em;
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    line-height: 2.7em;
    width: calc( 100% - 2em );
}

.mainNavigation ul li.active a::after {
    content: '';
    position: absolute !important;
    display: block !important;
    background-color: var(--accent1);
    left: 0;
    bottom: 0.3em !important;
    margin: auto;
    right: 0;
    z-index: -1;
    width: calc( 100% - 0em ) !important;
    height: 2em;
}
.phone span{
display:none;
}
.top-contact .phone {
    background-image: url(../images/design/phone.svg);
    right: 2.5em;
    left: auto;
    position: fixed !important;
    top: 0.3em !important;
    background-size: 1em !important;
    width: 2em !important;
    padding: 0 !important;
    margin: 0 !important;
    background-position: center !important;
}
.top-contact {
    position: fixed;
    right: auto;
    top: auto;
    text-align: left;
    padding: 2em;
    line-height: 1.3em;
    width: 90%;
    left: -100%;
    transition: all 0.3s;
    color: #FFF;
    bottom: 2em;

}
.open_menu .top-contact {
  
    left: 0%;
 
}

.top-contact address{
display:block;
}
footer {

    padding: 1em;
    padding-top:7em;

}
.parallax-window {
    height: auto;
    width: 100%;
    position: relative;
    display: block;
    margin-top: 0em;
    min-height: 46vh;
}
.parallax-window {
    height: auto;
    width: 100%;
    position: relative;
    display: block;
    margin-top: 0em;
    min-height: 43em;
}
a[name="startbild"] + section {
    min-height: 70vh !important;
}
.galerie_ganzseitig {
    width: calc( 100% - 2em );
    display: inline-block;
    position: relative;
    height: auto;
    background-color: beige;
    overflow: hidden;
    margin: 1em;
    border-radius: 0.5em;
}
.artikel .parallax-subtitle {
    font-size: 2.3em;
    max-width: 90%;
    line-height: 1.2em;
    padding: 0 !important;
    margin: 0 !important;
}
}


.mainNavigation ul li:nth-of-type(3) a::before {
    content: 'Mobile Heizzentralen';
    position: absolute;
    top: calc( 100% - 3em );
    color: #fff7;
    font-size: 0.6em;
}






.video {
    height: 100%;
    overflow: hidden;
    display: block;
    position: relative;
    clear: both;
    z-index: -1;
    width: 100%;
    top: 0;
}
video {
    width: 100%;
    display: inline-block;
    height: auto;
    top: 50%;
    position: relative;
    margin: auto;
    left: 0;
    right: 0;


   
}

#CG:after{
color:#FFFFFF !important;
}
.details{
transition:all 1s;
height:0px !important;
max-height:0px;


}
input[type=checkbox]:checked+label+.details{
height:auto !important;
max-height:3000px;
transition:all 1s;
}
input[type=checkbox]:checked+label+.details:hover{
overflow:visible;
}
.listWohnungen input[type=checkbox]+label:after{
content:' anzeigen';
display:inline !important;
color:inherit;
border-radius:0px !important;
}
.listWohnungen input[type=checkbox]:checked+label:after{
content:' ausblenden';
display:inline !important;
color:inherit;
border-radius:0px !important;
}
input[type=checkbox]+label+.details{
height:auto !important;
max-height:0px;
transition:all 1s;
}
.listWohnungen{
transition:all 0.5s;
}
.colums{position:relative;width:100%}
footer:before, .background:before{
-webkit-transform: rotate(180deg);
}
.webreferenzen div img:first-of-type{
  -webkit-filter: brightness(100);
  filter: brightness(1000);

}
.topNavigation1 li ul li div:nth-of-type(2){
  -webkit-filter: brightness(100);
  filter: brightness(100);
}
.banner_shadow{
   -webkit-filter: blur(10px);
    -moz-filter: blur(10px);
    -ms-filter: blur(10px);
    -o-filter: blur(10px);
    filter: blur(10px);
transform:translate(1em, 1em);
}
.banner3_shadow{
   -webkit-filter: blur(2px);
    -moz-filter: blur(2px);
    -ms-filter: blur(2px);
    -o-filter: blur(2px);
    filter: blur(2px);
transform:translate(0.2em, 0.2em);
}
#toggle_menu+header .topNavigation1{



}

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

.webreferenzen a:link{
transition:all 0.3s;
display:block;


left:0px;
right:0px;
margin:0px auto;
width:50%;
box-sizing:border-box;
border:3px solid;
color:#FFFFFF !important;
text-decoration:none;
text-align:center;
padding:0.5em;
text-transform:uppercase;
font-weight:100;
background-color:transparent;
}
.webreferenzen a:hover{

display:block;


left:0px;
right:0px;
margin:0px auto;
width:50%;
box-sizing:border-box;
border:3px solid;
color:#FFFFFF !important;
text-decoration:none;
text-align:center;
padding:0.5em;
text-transform:uppercase;
font-weight:100;
background-color:#e2770e;
}



.weiter{
transition:all 0.3s;
display:block;
position:relative;
bottom:30px;
left:0px;
right:0px;
margin:0px auto;
width:22em;
box-sizing:border-box;
border:3px solid;
color:#dd6644 !important;
text-decoration:none;
text-align:center;
padding:0.5em;
text-transform:uppercase;
font-weight:100;
background-color:transparent;
}
.weiter:hover{

display:block;
bottom:30px;
left:0px;
right:0px;
margin:0px auto;

box-sizing:border-box;
border:3px solid;
color:#FFFFFF !important;
text-decoration:none;
text-align:center;
padding:0.5em;
text-transform:uppercase;
font-weight:100;
background-color:#dd6644;
}



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

.galerieFade .outsideTop{
transition:all 1s;
margin-top:300px;
}
.galerieFade .scrollAnimate{

transition:all 1s;
}
.galerieFade .inside{

transition:all 1s;
}

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


.colums:hover  .colum{
transition:all 0.3s;


}
.colum:hover{

transform:scale(1.1);

box-shadow:0px 0px 10px 4px rgba(0,0,0,0.3);

}


.listPages,.listPages section{


}
.content a{
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 ;
width:100% !important;
margin:0px;

position:relative;
left:0px;
clear:both;
}

.toggle{
position:absolute;
top:1px;
background-color:#FFF000;


}

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

}


.topNavigation1 br{
display:none;
}


#toggle_menu+header+label{
color:inherit;
user-select: none;
text-decoration:none;
position:fixed;
z-index:999;
top:0.3em;
right:0.5em;
width:1em;
height:1em;
display:none;
cursor:pointer;
text-align:center;
line-height:60px;
background-color:transparent;
color:#000000;
font-size: 3em;
}

.menuButton:after{

user-select: none;
text-decoration:none;
position:absolute;
z-index:999;
top:0px;
left:0px;
width:100%;
height:100%;
display:block;
color:#ffffff;

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

}
#toggle_menu:checked+header+label:after{
	content: '\00D7 ';
color:#FFFFFF;
text-decoration: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;
background-color:rgba(255,255,255,1) !important;
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;
background-color:rgba(255,255,255,1)  !important;
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{
	counter-reset: li;

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;
}
.scrollAnimate .image{
position:absolute;
height:100%;
width:100%;
background-size:cover;
z-index:0;
opacity:1;
transition:all 1s;

}

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


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

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

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

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

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

}
.register h2{
overflow:hidden;

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

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

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

display:block;


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

display:block;


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

transform:scale(1.1);


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

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



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

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

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

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

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

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

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

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




















.imageBox{
position:relative;
transition:all 0.5s;
background-color:#000000 !important;
padding-bottom:0px !important;
border:0px !important;
cursor:pointer;

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




.imageBox2{
position:relative;
transition:all 0.5s;
background-color:#000000 !important;
padding-bottom:0px !important;
border:0px !important;
cursor:pointer;

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







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:center;
bottom:-2em;

}
.aw_BoxContentNav a:link{
font-size:16px;
height:24px;
width:24px;
line-height:24px;
text-align:center;
display:inline-block;
border-radius:50%;
background-color:#eeeeee;
padding:4px;
margin-right:2px;
color:#666666;
}
.aw_BoxContentNav a:link span:first-of-type{
display:none
}
.aw_BoxContentNavActive{
background-color:#777777 !important;
color:#fff000 !important;

}
.awContentBox{
font-size: 24px;
text-align: left;
font-weight: normal;
vertical-align: top;
font-style: normal;
font-variant: normal;
text-decoration: none;
text-transform: none;
text-shadow: px px px ;
background-color: rgba(0,0,0,0);
box-shadow:  px px px px ;
border-top-style: solid;
border-top-width: 0px;
border-top-color: #D6B991;
border-right-style: solid;
border-right-width: 0px;
border-right-color: #D6B991;
border-bottom-style: solid;
border-bottom-width: 0px;
border-bottom-color: #D6B991;
border-left-style: solid;
border-left-width: 0px;
border-left-color: #D6B991;
width: 100%;
height: 511px;
left: 0%;
right: 0%;
top: 10%;
position: relative;
overflow: hidden;
z-index: 0;
box-sizing: border-box;
-moz-box-sizing: border-box;
margin-bottom:3em;
}
.awBoxContent{
font-family: Arial, Helvetica, sans-serif;
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:100%;
transition:all 1s;

}
.LEFT{
text-align: left;
font-weight: normal;
font-style: normal;
font-variant: normal;
color: #999999;
text-decoration: none;
text-transform: none;

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;
}
.RIGHT{
text-align: left;
font-weight: normal;
font-style: normal;
font-variant: normal;
color: #999999;
text-decoration: none;
text-transform: none;

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;
}
.colum{
width: calc( 100% - 2em );
margin:2em 1em 0px 1em;
height: auto;
display: block;
cursor:pointer;
}




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( 25% - 2em ) !important;
float:left;
height: calc( 100% - 2em );
display:block;
position:relative;

}

.boxSelected{
opacity:1;
position:absolute;

top:0px;

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

z-index:4 !important;

}


.box2 .previousBox,.box2 .nextBox,.box2 .boxSelected{

transition:all 2s;
}

.box1 .boxSelected div div,.box2 .boxSelected div div,.3er .boxSelected div div{
opacity:1;
transition:all 0.6s;
transition-delay:1s;
bottom:50px !important;
background-color:rgba(255,255,255,0.6);


}
.box1 .previousBox div div,.box2 .previousBox div div,.3er .previousBox div div{
opacity:1;
transition:all 0.6s;
transition-delay:0s;
bottom:-200px !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{

}
.box2 .awBoxContent div{
width:100%;
height:100%;

top:0px ;

left:0px;

position:absolute;

}

.box2 .awBoxContent div {
width:100%;
height:100%;
background-size:cover;
background-position:  center;
margin:auto !important;
top:0px ;
bottom:0px ;
left:0px;
right:0px;
position:absolute;
transition:all 0.5s;
}
.box2 .nextBox div div{

top:-100% !important;

}
.box2 .previousBox div div{

top:100% !important;

}
.box2{
background:none !important;

}



.box2 .nextBox{
left:0px;

}
.box2 .previousBox{
left:0px;
}

.box2 .awBoxContent span:first-of-type{
left:2%;
position:absolute;
display:block;
margin:auto;
transition:all 0.5s;
height:6em;
font-size:3em;
width:20%;
text-align:left;
padding:30px;

}
.box2 .awBoxContent span:nth-of-type(2){

position:absolute;
display:block;
margin:auto;
transition:all 0.5s;
height:6em;
font-size:1.2em;
width:20%;
text-align:left;
padding:30px;
top:50%;
}

.box2 .previousBox span:nth-of-type(2){

left:-100%;

}
.box2 .nextBox span:nth-of-type(2){

left:-100%;


}
.box2 .boxSelected span:nth-of-type(2){

left:2%;
display:none;

}


.box2 .previousBox span:first-of-type{

top:-100%;

}
.box2 .nextBox span:first-of-type{

top:100%;


}
.box2 .boxSelected span:first-of-type{
display:none;
top:10%;


}
.box2 .boxSelected a:link{
right:2em;
position:absolute;
display:none !important;
vertical-align: bottom !important;
bottom:2em;


transition:all 0.5s;
transition-delay:0.5s;
height:3em;
font-size:2em;
width:13.6%;
color:rgba(0,0,0,0);
text-decoration:none;
transform:scale(1,1);
background-color:rgba(0,0,0,0.4);

}
.box2 .boxSelected a:link:after{

position:absolute;
display:inline-block !important;
vertical-align: bottom !important;
top:0%;
margin:auto;
bottom:0px;
height:1em;
left:0px;
text-align:center;
content:'weiter';
transition:all 0.5s;
transition-delay:0.5s;

font-size:1em;
width:100%;
color:#ffffff;
text-decoration:none;


}
.box2 .nextBox a{
right:-80%;
position:absolute;
display:block;
top:0%;
bottom:0%;
margin:auto;
transition:all 0.5s;
height:100%;
font-size:4em;
width:20%;
transform:scale(0,1);
}
.box2 .previousBox a{
right:-80%;
position:absolute;
display:block;
top:0%;
bottom:0%;
margin:auto;
transition:all 0.5s;
height:100%;
font-size:4em;
width:20%;
transform:scale(0,1);
}
.box3 .awBoxContent, .box3 .boxSelected{
position:absolute;
top:0px !important;
opacity:1;
width:70%;
left:auto;
height:100%;
top:0px;
right:0px;
display:block;

}
.box2 .awBoxContent{
height:100%;
}
.box3 .aw_BoxContentNav{
position:absolute;
width:30%;
height:100%;
left:0px;
top:0px;
overflow-y:auto;
text-align:left;
padding:20px;
}
.box3 .aw_BoxContentNav a:link{
display:inline-block !important;
width:100px;
height:100px;
margin:2px;
border-radius:0px;
background-position:center;
background-size:cover;
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 .awBoxContent div{
display:block !important;
background-size:cover;
position:absolute;
width:90%;
height:90%;
margin:auto;
left:0px;
top:0px;
bottom:0px;
right:0px;
box-shadow:0px 0px 9px 0px rgba(0,0,0,0.2);
background-position:center;
background-repeat:no-repeat;
}
.box3 .awBoxContent div+div{
display:block !important;
background-size:contain;
position:absolute;
width:100%;
height:100%;
margin:auto;
left:0px;
top:0%;
transition:all 0.5s;
bottom:0px;
right:0px;
box-shadow:0px 0px 9px 0px rgba(0,0,0,0.2);
background-color:rgba(0,0,0,0.2);
background-position:center;
background-repeat:no-repeat;
border-radius:0px;
}
.box3 .nextBox{
position:absolute;
top:0px !important;

width:70%;
left:auto;
height:100%;
top:100%  !important;
right:0px;
display:block;
opacity:0;
z-index:2;
transform:scale(0.5);
}
.box3 .nextBox div+div{
top:100%;
}
.box3 .previousBox div+div{
top:-100%;
}
.box3 .previousBox{
position:absolute;
top:0px !important;

width:70%;
left:auto;
height:100%;
top:-100% !important;
right:0px;
display:block;
opacity:0;
z-index:2;
transform:scale(0.5);
}
.box3{
height:100%;
background-color:#FFFFFF;
}

.box4 .nextBox{
left:100%;

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

.jub {
    background-image: url(../images/design/badge-6948301.svg);
    width: 16vw;
    height: 27vw;
    display: block;
    position: absolute;
    z-index: 99999;
    right: 14vw;
    margin-top: -14vw;
    background-size: contain;
cursor:pointer;
transition:all 0.3s;
}
.jub:hover {
  transform: scale(1.1);
}

/*----------------------------------------------------- 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 input[type=text]{
	width: 180px;
	height:inherit !important;
	font-size:16px !important;
	color:#000000 !important;
	text-align:left;
	position:absolute;
	margin:0px  !important;
	padding:0px 3px  !important;
	padding-top:6px  !important;
	line-height:4px !important;
	top:0px;
	z-index:1;
	border:0px;
	background: transparent !important;
}

.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:0px;
position:relative;
}


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

}

.content li{
list-style-type: none;
margin-left:10px;
position:relative;
}


.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.3);
	box-shadow: 4px 4px 23px #000000;
	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);
}
#galPrev{
	color: #000000;
	text-shadow: px px px ;
    background-color: rgb(255, 255, 255);
	box-shadow: px px px ;
	width: 50px;
	height: 50px;
	left: -15px;
	top: 50%;
	position: absolute;
	display: block;
	cursor: pointer;
	content: '';
    overflow: hidden;
    border-radius: 50%;
}
#galNext {
    color: #AAAAAA;
    text-shadow: px px px;
    background-color: rgb(255, 255, 255);
    box-shadow: px px px;
    width: 50px;
    height: 50px;
    right: -15px;
    top: 50%;
    position: absolute;
    display: block;
    cursor: pointer;
    content: '';
    overflow: hidden;
    border-radius: 50%;
}
#galNext:after{

	font-size: 30px;
	text-align: center;
	font-weight: 100;
	line-height: 50px;
	color: #000000;
	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-size: 30px;
	text-align: center;
	font-weight: 100;
	line-height: 50px;
	color: #000000;
	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:1000px){


input[type="text"]{
width:100% !important;
}
.grid1, 
.grid2,
.grid3,
.grid4,
.grid5,
.grid6,
.grid7,
.grid8,
.grid9,
.grid10,
.grid11,
.grid12 {
width:100%;
}
.grid8{
width:50%;
}
.grid2{
width:50% !important;
}

.listWohnungen label{
width:70% !important;
left:15%;
}
.columsCount{
width:1px !important;
}
.listWohnungen .bild1{
width:100% !important;
}
.kurzbeschreibung{
padding-right: 0em;
position:relative;
margin:0px;
width:100%;
left:0px;
}
.haeuser_start{
width:100%;
}
.banner{
width:100%  !important;
height:auto !important;
top:80%;
bottom:auto !important;
}
.splash{
top: 70%;
bottom:auto !important;
}
.box2{
 height: 80% !important;
}
.topPicture{
height:70% !important;
}
.webreferenzen, .webreferenzen:first-of-type, .webreferenzen:nth-of-type(2){
width:100% !important;
}
.menuButton{
display:block !important;
}
.mail, .phone{
display:none;
}
.topNavigation1{
display:none;
}
.topNavigation1 ul{
margin-left:0px !important;
}
.topNavigation1 li{
display:block;
text-align:center;
border-top:1px solid rgba(255,255,255,0.4);
margin-left:0px !important;
}
.topNavigation1 li:hover ul{
display:none !important;

}




.page{
padding: 9em 5% !important;
margin:0px !important;

box-sizing:border-box;
}
#toggle_menu:checked+header .topNavigation1{
display:block !important;
height:auto;
background-color:#5d1b76;
width:100% !important;
top:5em;
}
#toggle_menu+header .topNavigation1 ul{
width:100%;


}

body{
width:100%;
max-width:100%;
min-width:100%;

}
.center, .center2{
width:90% !important;
max-width:90% !important;
min-width:90% !important;
}
.block-content {
   
    padding: 0px 3em;
   
}
.bildliste_ganzseitung.rand .wrapper {
 
    flex-direction: column;
    
}
.jub {
    background-image: url(../images/design/badge-6948301.svg);
    width: 23vw;
    height: 34vw;
    display: block;
    position: absolute;
    z-index: 99999;
    right: 14vw;
    margin-top: -17vw;
    background-size: contain;
cursor:pointer;
}
}

.searchLayer{
display:none;
}
.map{
display:none;
}

.padding{
box-sizing:border-box;
padding:20px;
}
.move_up .toggle{
display:none;
}
.move_up .toggled{
	text-shadow: px px px ;
	background-color: rgba(0,0,0,0.7);
	box-shadow:  px px px px ;
	width:3em !important;
	height: 3em !important;
	right: 1em !important;
	bottom: 1em !important;
top:auto;
	position: fixed !important;
	display: block !important;
	opacity: 1 !important;
	z-index: 55 !important;
font-size: 1.3em !important;
border-radius:50% !important;
overflow:hidden;
}
.move_up .toggled a:link{
text-decoration:none;
font-size: 4em !important:
width:100%;
height:100%;
display:block;
left:0px;
top:0px;
line-height:2.7em;
text-align:center;
color:#ffffff;
font-family:'Open Sans';
}




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

z-index:4 !important;

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

z-index:4 !important;

}
.awBoxContent div div{
opacity:0;
transition:all 0.3s;
transition-delay:1s;
position:absolute !important;
bottom: 1em !important;
left:1em !important;
right:1em !important;
width: calc( 100% - 7em ) !important;
min-width:calc( 100% - 7em ) !important;
max-width: calc( 100% - 7em ) !important;
top: 1em !important;
font-size:1em;
margin:0px;
padding:0px;
background-color:rgba(255,255,255,0.7);
}
.awBoxContent div:hover div{
opacity:0 !important;

}



.datenschutz label {

    margin-right: 1em;
    margin-bottom: 6em;
    height: 1em;
    width: 1em;
    display: inline-block;
    float: left;

}
.datenschutz {

    color: rgba(255,255,255,0.4);
    font-size: 0.8em;
    line-height: 1.2em;
    padding: 1em;

}
.datenschutz input:checked + label {

    background-color: #B9DE64;

}
.datenschutz input {

    display:inline-block !important;
}


.content {
    display: block;
     background-color: #ffffff;
     margin-top: 0em;
}
body{
  background-color: #ffffff;
  
}



#PicComment{
display:none;
}

.chili-social {
  text-decoration: none !important;
  color: #8b8b8b  !important;
margin-top: 1.3em;
}

.chili-social:before {
 content: '\f16d' !important;

}