@charset 'UTF-8';/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */.slick-dots,
ol,
ul
{
    list-style: none;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
header:after,
hgroup,
html:after,
main,
menu,
nav,
section,
summary
{
    display: block;
}

blockquote:after,
blockquote:before,
header:after,
html:after,
q:after,
q:before
{
    content: '';
}

h1,
html:after
{
    position: absolute;

    width: 100%;
}

.Logo,
.Logo img,
.u_Center,
h1,
html:after
{
    width: 100%;
}

.Map-wrap,
.Prices-wrap,
.u_Center,
html:after
{
    max-width: 1040px;
}

.slick-loading .slick-slide,
.slick-loading .slick-track,
.u_Hidden,
header:after
{
    visibility: hidden;
}

body,
html,
sub,
sup
{
    position: relative;
}

audio,
canvas,
progress,
video
{
    display: inline-block;

    vertical-align: baseline;
}

audio:not([controls])
{
    display: none;

    height: 0;
}

[hidden],
template
{
    display: none;
}

a
{
    background-color: transparent;
}

a:active,
a:hover
{
    outline: 0;
}

abbr[title]
{
    border-bottom: 1px dotted;
}

mark
{
    color: #000;;
    background: #ff0;
}

sub,
sup
{
    line-height: 0;
}

sup
{
    top: -.5em;
}

sub
{
    bottom: -.25em;
}

svg:not(:root)
{
    overflow: hidden;
}

hr
{
    box-sizing: content-box;
    height: 0;
}

pre,
textarea
{
    overflow: auto;
}

button,
input,
optgroup,
select,
textarea
{
    font: inherit;

    margin: 0;;

    color: inherit;
}

.MetaNavigation a.u_Active,
optgroup
{
    font-weight: 700;
}

button
{
    overflow: visible;
}

button,
select
{
    text-transform: none;
}

button,
html input[type=button],
input[type=reset],
input[type=submit]
{
    cursor: pointer;;

    -webkit-appearance: button;
}

button[disabled],
html input[disabled]
{
    cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner
{
    padding: 0;;

    border: 0;
}

input
{
    line-height: normal;
}

input[type=checkbox],
input[type=radio]
{
    box-sizing: border-box;
    padding: 0;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button
{
    height: auto;
}

input[type=search]
{
    box-sizing: content-box;;

    -webkit-appearance: textfield;
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration
{
    -webkit-appearance: none;
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video
{
    font: inherit;

    margin: 0;
    padding: 0;

    vertical-align: baseline;;

    border: 0;
}

*,
.slick-dots li button:before,
.slick-next:before,
.slick-prev:before
{
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


body
{
    line-height: 1;

    z-index: 20;;

    margin: 0;

    background-color: #000;

    min-height: 1vh;
}

blockquote,
q
{
    quotes: none;
}

blockquote:after,
blockquote:before,
q:after,
q:before
{
    content: none;
}

table
{
    border-spacing: 0;;
    border-collapse: collapse;
}

*
{
    box-sizing: border-box;
}

html
{
    font-family: 'Open Sans',sans-serif;
    font-size: 24px;
    font-weight: 300;
    line-height: 1.4;

    color: #fff;
    background-color: #000;

        -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

html:after
{
    z-index: 10;
    bottom: 0;
    left: 50%;

    height: 100%;
    min-height: 100vh;
    margin-left: -520px;

    background-color: #000;
}

header:after
{
    clear: both;

    height: 0;
}

strong
{
    font-weight: 600;
}

em
{
    font-style: italic;
}

h1
{
    font-size: 32px;

    top: 150px;
}

.Header,
.Logo
{
    position: relative;
}

.u_Upper
{
    text-transform: uppercase;
}

.u_Center
{
    margin: 0 auto;
    padding: 20px;

    background-color: #000404;
}

.u_Hidden
{
    opacity: 0;
}

.Header
{
    padding: 60px 20px 60px;

    text-align: center;
}

.Logo
{
    display: inline-block;

    max-width: 640px;
    margin: 0;
}

.Prices,
.Slider
{
    padding: 16px 0;
}

.Logo figcaption
{
    font-size: 16px;

    position: absolute;
    right: 0;
    bottom: 0;

    letter-spacing: .025em;
}

.Stoerer
{
    position: absolute;
    z-index: 10;
    top: 25px;
    right: 7.5%;

    display: block;

    width: 250px;

    filter: drop-shadow(0 0 1.75rem rgba(255, 255, 255, .4)) drop-shadow(0 0 .25rem rgba(255, 255, 255, 1))
}


.LogoUnique
{
    position: relative;

    display: block;

    width: 100%;
    margin: 0;
    padding-bottom: 32px;
    text-align: center;
}

.LogoUnique img
{
    width: 100%;
    max-width: 5rem
}

.Prices,
.Prices-wrap,
.Slider,
.Stoerer img
{
    width: 100%;
}

.Slider
{
    position: relative;

    display: block;

    height: 312px;

    background-color: #fff;
}

.Slick,
.Slick div
{
    height: 280px;
}

.Slick div img
{
    height: 100%;
}

.Map,
.Prices
{
    position: relative;

    display: block;

    height: 312px;

    background-color: #fff;;
}

.slick-slide
{
    transition: filter 1s;

    outline: 0;

    filter: grayscale(100%);
}

.Address a:after,
.MetaNavigation a:after
{
    bottom: 0;

    content: '';
    transition: left 333ms,right 333ms;

    border-bottom: #fff 1px solid;
}

.slick-slide.slick-active
{
    filter: grayscale(75%);
}

.slick-slide.slick-current
{
    filter: grayscale(0);
}

.Prices-wrap
{
    margin: -300px auto 0;
}

.Prices-wrap:after
{
    clear: both;

    content: '';
}

.Prices-item
{
    display: block;
    float: left;

    width: 50%;
    padding: 20px;
}

.Map,
.Map-wrap,
.Prices-item img
{
    width: 100%;
}

.Map
{
    padding: 16px 0;
}

.Map:after
{
    clear: both;

    content: '';
}

.Map-wrap
{
    margin: -150px auto 0;
}

.Map-wrap:after
{
    clear: both;

    content: '';
}

.Map-item
{
    display: block;
    float: left;

    width: 66.6666666667%;
    padding: 20px;
}

.Map-item img
{
    width: 103%;
}

.Map-address
{
    display: block;
    float: right;

    width: 33.3333333333%;
    margin-top: 150px;
    padding: 20px 20px 20px 0;
}

.Map-address p
{
    font-size: 12px;
    line-height: 1.2em;

    margin: 6px;

    color: #000404;
}

.Impress-item
{
    font-size: 16px;
    line-height: 1.2em;

    width: auto;
    max-width: 400px;
    padding: 20px;

    color: #000;
}

.Impress-item a
{
    color: #000;
}

.Address a,
.MetaNavigation a
{
    text-decoration: none;

    color: #fff;
}

.Impress-disclaimer
{
    font-size: 14px;

    max-width: 800px;
}

.Address,
.MetaNavigation
{
    font-size: 16px;
    font-style: normal;
    line-height: 1.5em;

    display: block;

    text-align: center;;
    letter-spacing: .025em;
}

.Address
{
    clear: both;

    padding: 60px 20px;
}

.Address a
{
    position: relative;
}

.Address a:after
{
    position: absolute;
    right: 50%;
    left: 50%;
}

.Address a:hover:after
{
    right: 0;
    left: 0;
}

.MetaNavigation a
{
    position: relative;
}

.privacy,
.privacy a
{
    color: #000;
}

.MetaNavigation a:after
{
    position: absolute;
    right: 50%;
    left: 50%;
}

.slick-list,
.slick-slider,
.slick-track
{
    position: relative;

    display: block;
}

.MetaNavigation a:hover:after
{
    right: 0;
    left: 0;
}

.privacy
{
    font-size: 12px;

    width: 100%;
    max-width: 960px;
    margin: 0 auto;
    padding: 20px;

    background-color: #fff;
}

.privacy ol,
.privacy p,
.privacy ul
{
    line-height: 1.3em;

    margin: 12px 0;
}

::-moz-selection
{
    background: #fff;
    text-shadow: none;
}

::selection
{
    background: #fff;
    text-shadow: none;
}

audio,
canvas,
iframe,
img,
svg,
video
{
    vertical-align: middle;
}

@media only screen and (max-width:1040px)
{
    html:after
    {
        left: 0;

        margin-left: 0;
    }

    .Map-wrap
    {
        margin-top: -100px;
    }

    .Map-address
    {
        margin-top: 100px;
    }

    .Stoerer
    {
        top: 370px;
        right: -5px;
    }


}

@media only screen and (max-width:800px)
{
    .Map-address,
    .Map-item
    {
        float: none;

        width: 100%;
    }

    .Map-address,
    .Map-wrap
    {
        margin-top: 0;
    }

    .Prices-item
    {
        width: 100%;
    }

    .Map
    {
        height: auto;
    }

    .Map-address
    {
        padding: 20px;
    }

    .Stoerer
    {
        width: 200px;
    }


}

@media only screen and (max-width:540px)
{
    .Stoerer
    {
        position: relative;
        top: 0;

        width: 90%;
        margin: 0 auto;
        padding: 40px 0 0;
    }


}

.slick-slider
{
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
     -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    overflow: hidden;

    margin: 0;
    padding: 0;
}

.slick-list:focus
{
    outline: 0;
}

.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-list,
.slick-slider .slick-track
{
    transform: translate3d(0,0,0);
}

.slick-track
{
    top: 0;;
    left: 0;
}

.slick-track:after,
.slick-track:before
{
    display: table;;

    content: '';
}

.slick-track:after
{
    clear: both;
}

.slick-slide
{
    display: none;;
    float: left;

    height: 100%;
    min-height: 1px;
}

[dir=rtl] .slick-slide
{
    float: right;
}

.slick-slide img
{
    display: block;
}

.slick-slide.slick-loading img
{
    display: none;
}

.slick-slide.dragging img
{
    pointer-events: none;
}

.slick-initialized .slick-slide
{
    display: block;
}

.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}

.slick-arrow.slick-hidden
{
    display: none;
}

.slick-dots,
.slick-next,
.slick-prev
{
    position: absolute;

    display: block;

    padding: 0;
}

.slick-loading .slick-list
{
/*    background: url(https://www.thelook-hanseviertel.de/css/ajax-loader.gif) center center no-repeat #fff;*/
}

@font-face
{
    font-family: slick;
    font-weight: 400;
    font-style: normal;;

    src: url(https://www.thelook-hanseviertel.de/css/fonts/slick.eot);
    src: url(https://www.thelook-hanseviertel.de/css/fonts/slick.eot#iefix) format('embedded-opentype'),url(https://www.thelook-hanseviertel.de/css/fonts/slick.woff) format('woff'),url(https://www.thelook-hanseviertel.de/css/fonts/slick.ttf) format('truetype'),url(https://www.thelook-hanseviertel.de/css/fonts/slick.svg#slick) format('svg');
}

.slick-next,
.slick-prev
{
    font-size: 0;
    line-height: 0;

    top: 50%;

    width: 20px;
    height: 20px;

    cursor: pointer;
    transform: translate(0,-50%);

    color: transparent;
    border: none;
    outline: 0;;
    background: 0 0;
}

.slick-next:focus,
.slick-next:hover,
.slick-prev:focus,
.slick-prev:hover
{
    color: transparent;;
    outline: 0;
    background: 0 0;
}

.slick-next:focus:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-prev:hover:before
{
    opacity: 1;
}

.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before
{
    opacity: .25;
}

.slick-next:before,
.slick-prev:before
{
    font-family: slick;
    font-size: 20px;
    line-height: 1;

    opacity: .75;;
    color: #fff;
}

.slick-prev
{
    left: -25px;
}

[dir=rtl] .slick-prev
{
    right: -25px;;
    left: auto;
}

.slick-prev:before
{
    content: '←';
}

.slick-next:before,
[dir=rtl] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}

[dir=rtl] .slick-next
{
    right: auto;;
    left: -25px;
}

[dir=rtl] .slick-next:before
{
    content: '←';
}

.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    bottom: -25px;

    width: 100%;;
    margin: 0;

    text-align: center;
}

.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}

.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;;

    color: transparent;
    border: 0;
    outline: 0;
    background: 0 0;
}

.slick-dots li button:focus,
.slick-dots li button:hover
{
    outline: 0;
}

.slick-dots li button:focus:before,
.slick-dots li button:hover:before
{
    opacity: 1;
}

.slick-dots li button:before
{
    font-family: slick;
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;;
    color: #000;
}

.slick-dots li.slick-active button:before
{
    opacity: .75;;
    color: #000;
}