/*!
 *  ATTENTION: This File is Generated by Resources/Private/Theme/** /*
 *  Please do not edit this file directly!!!
 *
 *  Project: hansen-hamburg-tourismus
 *  Version: 1.0.0
 *
 *  Author: Yannick Lagravère
 *  Homepage: https://www.atlantisdx.de
 *  Copyright (c) 2024 atlantis dx GmbH
 *
 *  Build: Tue Oct 08 2024 08:16:53 GMT+0000 (Coordinated Universal Time)
 *
 */
.copyright-text,.tx-bwssugarnltr .copyright-text {
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    max-height: 100%;
    padding: 4px;
    position: absolute;
    right: 4px;
    text-align: end;
    top: 4px;
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    z-index: 1
}

.default-image.copyright-text {
    right: calc(var(--bs-gutter-x)*.5)
}

.tx-bwssugarnltr .copyright-text {
    -webkit-writing-mode: unset;
    -ms-writing-mode: unset;
    writing-mode: unset
}

.tx-bwssugarnltr .copyright-text,.tx-bwssugarnltr .copyright-text .copyright-icon {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg)
}

.copyright-icon {
    display: inline-block;
    font-size: inherit;
    line-height: 14px;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.select-input,input[type=Textarea],input[type=date],input[type=datetime],input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],select,textarea {
    border: 1px solid #c9d5e2!important;
    border: 1px solid #c9d5e2;
    border-radius: 3px;
    height: 40px;
    padding: 10px;
    width: 100%
}

.select-input:not(:-moz-placeholder-shown),input[type=Textarea]:not(:-moz-placeholder-shown),input[type=date]:not(:-moz-placeholder-shown),input[type=datetime]:not(:-moz-placeholder-shown),input[type=email]:not(:-moz-placeholder-shown),input[type=number]:not(:-moz-placeholder-shown),input[type=password]:not(:-moz-placeholder-shown),input[type=search]:not(:-moz-placeholder-shown),input[type=tel]:not(:-moz-placeholder-shown),input[type=text]:not(:-moz-placeholder-shown),input[type=time]:not(:-moz-placeholder-shown),input[type=url]:not(:-moz-placeholder-shown),select:not(:-moz-placeholder-shown),textarea:not(:-moz-placeholder-shown) {
    border-color: #4e6278
}

.select-input:not(:-ms-input-placeholder),input[type=Textarea]:not(:-ms-input-placeholder),input[type=date]:not(:-ms-input-placeholder),input[type=datetime]:not(:-ms-input-placeholder),input[type=email]:not(:-ms-input-placeholder),input[type=number]:not(:-ms-input-placeholder),input[type=password]:not(:-ms-input-placeholder),input[type=search]:not(:-ms-input-placeholder),input[type=tel]:not(:-ms-input-placeholder),input[type=text]:not(:-ms-input-placeholder),input[type=time]:not(:-ms-input-placeholder),input[type=url]:not(:-ms-input-placeholder),select:not(:-ms-input-placeholder),textarea:not(:-ms-input-placeholder) {
    border-color: #4e6278
}

.select-input:not(:placeholder-shown),input[type=Textarea]:not(:placeholder-shown),input[type=date]:not(:placeholder-shown),input[type=datetime]:not(:placeholder-shown),input[type=email]:not(:placeholder-shown),input[type=number]:not(:placeholder-shown),input[type=password]:not(:placeholder-shown),input[type=search]:not(:placeholder-shown),input[type=tel]:not(:placeholder-shown),input[type=text]:not(:placeholder-shown),input[type=time]:not(:placeholder-shown),input[type=url]:not(:placeholder-shown),select:not(:placeholder-shown),textarea:not(:placeholder-shown) {
    border-color: #4e6278
}

.select-input::-webkit-input-placeholder,input[type=Textarea]::-webkit-input-placeholder,input[type=date]::-webkit-input-placeholder,input[type=datetime]::-webkit-input-placeholder,input[type=email]::-webkit-input-placeholder,input[type=number]::-webkit-input-placeholder,input[type=password]::-webkit-input-placeholder,input[type=search]::-webkit-input-placeholder,input[type=tel]::-webkit-input-placeholder,input[type=text]::-webkit-input-placeholder,input[type=time]::-webkit-input-placeholder,input[type=url]::-webkit-input-placeholder,select::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
    color: #4e6278
}

.select-input::-moz-placeholder,input[type=Textarea]::-moz-placeholder,input[type=date]::-moz-placeholder,input[type=datetime]::-moz-placeholder,input[type=email]::-moz-placeholder,input[type=number]::-moz-placeholder,input[type=password]::-moz-placeholder,input[type=search]::-moz-placeholder,input[type=tel]::-moz-placeholder,input[type=text]::-moz-placeholder,input[type=time]::-moz-placeholder,input[type=url]::-moz-placeholder,select::-moz-placeholder,textarea::-moz-placeholder {
    color: #4e6278
}

.select-input:-ms-input-placeholder,input[type=Textarea]:-ms-input-placeholder,input[type=date]:-ms-input-placeholder,input[type=datetime]:-ms-input-placeholder,input[type=email]:-ms-input-placeholder,input[type=number]:-ms-input-placeholder,input[type=password]:-ms-input-placeholder,input[type=search]:-ms-input-placeholder,input[type=tel]:-ms-input-placeholder,input[type=text]:-ms-input-placeholder,input[type=time]:-ms-input-placeholder,input[type=url]:-ms-input-placeholder,select:-ms-input-placeholder,textarea:-ms-input-placeholder {
    color: #4e6278
}

.select-input::-ms-input-placeholder,input[type=Textarea]::-ms-input-placeholder,input[type=date]::-ms-input-placeholder,input[type=datetime]::-ms-input-placeholder,input[type=email]::-ms-input-placeholder,input[type=number]::-ms-input-placeholder,input[type=password]::-ms-input-placeholder,input[type=search]::-ms-input-placeholder,input[type=tel]::-ms-input-placeholder,input[type=text]::-ms-input-placeholder,input[type=time]::-ms-input-placeholder,input[type=url]::-ms-input-placeholder,select::-ms-input-placeholder,textarea::-ms-input-placeholder {
    color: #4e6278
}

.select-input::placeholder,input[type=Textarea]::placeholder,input[type=date]::placeholder,input[type=datetime]::placeholder,input[type=email]::placeholder,input[type=number]::placeholder,input[type=password]::placeholder,input[type=search]::placeholder,input[type=tel]::placeholder,input[type=text]::placeholder,input[type=time]::placeholder,input[type=url]::placeholder,select::placeholder,textarea::placeholder {
    color: #4e6278
}

.select-input.input-icon,input[type=Textarea].input-icon,input[type=date].input-icon,input[type=datetime].input-icon,input[type=email].input-icon,input[type=number].input-icon,input[type=password].input-icon,input[type=search].input-icon,input[type=tel].input-icon,input[type=text].input-icon,input[type=time].input-icon,input[type=url].input-icon,select.input-icon,textarea.input-icon {
    background-position: 10px 10px;
    background-repeat: no-repeat;
    padding: 10px 10px 10px 35px
}

.select-input.input-icon.search,input[type=Textarea].input-icon.search,input[type=date].input-icon.search,input[type=datetime].input-icon.search,input[type=email].input-icon.search,input[type=number].input-icon.search,input[type=password].input-icon.search,input[type=search].input-icon.search,input[type=tel].input-icon.search,input[type=text].input-icon.search,input[type=time].input-icon.search,input[type=url].input-icon.search,select.input-icon.search,textarea.input-icon.search {
    background-image: url(/Assets/images/search.9c8b3dcf.svg)
}

.select-input:focus,input[type=Textarea]:focus,input[type=date]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,select:focus,textarea:focus {
    border-color: #4e6278!important;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #003063
}

.select-input:focus-visible,input[type=Textarea]:focus-visible,input[type=date]:focus-visible,input[type=datetime]:focus-visible,input[type=email]:focus-visible,input[type=number]:focus-visible,input[type=password]:focus-visible,input[type=search]:focus-visible,input[type=tel]:focus-visible,input[type=text]:focus-visible,input[type=time]:focus-visible,input[type=url]:focus-visible,select:focus-visible,textarea:focus-visible {
    outline: none
}

textarea:focus {
    border-color: #4e6278!important;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
    color: #003063
}

.select-input {
    color: #4e6278
}

.select-input:focus-visible {
    color: #003063;
    outline: 0
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(/Assets/images/dropdown.1450a37f.svg);
    background-position: right 8px top 50%;
    background-repeat: no-repeat;
    background-size: 24px 22px
}

.button,button {
    border: 1px solid #c9d5e2;
    border-radius: 3px;
    color: #fff;
    font-size: 16px;
    height: 40px;
    padding: 8px 20px;
    text-decoration: none
}

.button.primary,button.primary {
    background-color: #e10019
}

.button.primary:hover,button.primary:hover {
    background-color: #a6151a;
    color: #fff
}

.button.secondary,button.secondary {
    background-color: #005ca9
}

.button.secondary:hover,button.secondary:hover {
    background-color: #204b86;
    color: #fff
}

.button.tertiary,button.tertiary {
    background-color: unset;
    border: none;
    color: #e10019;
    font-weight: 700;
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 5px
}

.button.tertiary:hover,button.tertiary:hover {
    color: #a6151a
}

.button:disabled,button:disabled {
    background-color: #e3e3e3;
    cursor: not-allowed
}

.button:disabled:hover,button:disabled:hover {
    background-color: #e3e3e3
}

.button:focus-visible,button:focus-visible {
    color: #fff;
    outline: 0
}

.icon-cross:after,.icon-cross:before {
    -webkit-mask-image: url(/Assets/images/cross.8dbee0c5.svg);
    mask-image: url(/Assets/images/cross.8dbee0c5.svg)
}

.icon-download:after,.icon-download:before {
    -webkit-mask-image: url(/Assets/images/download.b6ef38c1.svg);
    mask-image: url(/Assets/images/download.b6ef38c1.svg)
}

.icon-facebook:after,.icon-facebook:before {
    -webkit-mask-image: url(/Assets/images/facebook.46d7b4c8.svg);
    mask-image: url(/Assets/images/facebook.46d7b4c8.svg)
}

.icon-file-pdf:after,.icon-file-pdf:before {
    -webkit-mask-image: url(/Assets/images/file-pdf.206f424d.svg);
    mask-image: url(/Assets/images/file-pdf.206f424d.svg)
}

.icon-instagram:after,.icon-instagram:before {
    -webkit-mask-image: url(/Assets/images/instagram.ab751c5f.svg);
    mask-image: url(/Assets/images/instagram.ab751c5f.svg)
}

.icon-linkedin:after,.icon-linkedin:before {
    -webkit-mask-image: url(/Assets/images/linkedin.27c885ff.svg);
    mask-image: url(/Assets/images/linkedin.27c885ff.svg)
}

.icon-mail:after,.icon-mail:before {
    -webkit-mask-image: url(/Assets/images/mail.5fb8be17.svg);
    mask-image: url(/Assets/images/mail.5fb8be17.svg)
}

.icon-phone:after,.icon-phone:before {
    -webkit-mask-image: url(/Assets/images/phone.fb1b4201.svg);
    mask-image: url(/Assets/images/phone.fb1b4201.svg)
}

.icon-letter:after,.icon-letter:before {
    -webkit-mask-image: url(/Assets/images/letter.417d3687.svg);
    mask-image: url(/Assets/images/letter.417d3687.svg)
}

.icon-plus-square:after,.icon-plus-square:before {
    -webkit-mask-image: url(/Assets/images/plus-square.09a9b2af.svg);
    mask-image: url(/Assets/images/plus-square.09a9b2af.svg)
}

.icon-search:after,.icon-search:before {
    -webkit-mask-image: url(/Assets/images/search.9c8b3dcf.svg);
    mask-image: url(/Assets/images/search.9c8b3dcf.svg)
}

.icon-share:after,.icon-share:before {
    -webkit-mask-image: url(/Assets/images/share.b76ab4d9.svg);
    mask-image: url(/Assets/images/share.b76ab4d9.svg)
}

.icon-trash:after,.icon-trash:before {
    -webkit-mask-image: url(/Assets/images/trash.34448578.svg);
    mask-image: url(/Assets/images/trash.34448578.svg)
}

.icon-x:after,.icon-x:before {
    -webkit-mask-image: url(/Assets/images/x.613b45bf.svg);
    mask-image: url(/Assets/images/x.613b45bf.svg)
}

.icon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.icon.left:before,.icon.no-text:before,.icon.right:after {
    background-color: currentcolor;
    content: "";
    display: inline-block;
    height: 1em;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    width: 1em
}

.icon.left:before {
    margin-right: 8px
}

.icon.right:after {
    margin-left: 8px
}

.icon.no-text {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.icon.no-text:before {
    margin: 0
}


.h1,.h1lookalike,h1 {
    font-size: 48px;
    font-weight: 700;
    line-height: 1.3
}

.h2,.h2lookalike,h2 {
    font-size: 32px;
    font-weight: 700;
    line-height: 1.3
}

.h3,.h3lookalike,h3 {
    font-size: 28px;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 30px
}

@media (max-width: 767.98px) {
    .h3,.h3lookalike,h3 {
        font-size:24px;
        margin-bottom: 20px
    }
}

.h4,.h4lookalike,h4 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 30px
}

@media (max-width: 767.98px) {
    .h4,.h4lookalike,h4 {
        margin-bottom:10px
    }
}

.h5,.h5lookalike,h5 {
    font-size: 17px;
    font-weight: 700
}

.uppercase {
    text-transform: uppercase
}

label {
    color: #003063;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    margin-bottom: 8px
}

a,label .req {
    color: #e10019
}

a.dark {
    color: #c9d5e2
}

a.dark.icon-link:hover {
    background-color: rgba(51,51,51,.3);
    color: #c9d5e2
}

a:focus,a:hover {
    color: #e10019
}

a.icon-link {
    border-radius: 100%;
    height: 38px;
    padding: 4px;
    width: 38px
}

a.icon-link.small {
    height: 32px;
    width: 32px
}

a.icon-link.small:before {
    height: 18px!important;
    width: 18px!important
}

a.icon-link:hover {
    background-color: rgba(51,51,51,.1);
    color: #e10019
}

a.icon-link:before {
    height: 27px!important;
    width: 27px!important
}

a.button:focus {
    background-color: #a6151a;
    color: #fff
}

ol,ul {
    padding-left: 1.7rem
}

ol li,ul li {
    line-height: 1.6rem;
    padding-bottom: .4rem
}

.ce-intext.ce-left ol,.ce-intext.ce-left ul {
    overflow: auto!important;
    padding-left: 1.7rem!important
}

p,span {
    font-size: 17px;
    line-height: 24px
}

p.large,span.large {
    font-size: 20px;
    line-height: 28px
}

p.small,span.small {
    font-size: 15px;
    line-height: 24px
}

.text-center {
    text-align: center
}

.text-start {
    text-align: start
}

.text-end {
    text-align: end
}

.text-justify {
    text-align: justify
}

img {
    display: block;
    height: auto;
    max-width: 100%
}

.ce-image {
    position: relative
}

.tx-bwssugarnltr .copyright-text {
    bottom: 0;
    top: auto
}

.hero-image-wrapper {
    overflow: hidden;
    position: relative;
    text-align: center;
    z-index: 0
}

.hero-image-wrapper .image-headline,.hero-image-wrapper .search-wrapper {
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 1
}

.hero-image-wrapper .image-headline h1,.hero-image-wrapper .search-wrapper h1 {
    color: #fff
}

@media (max-width: 991.98px) {
    .hero-image-wrapper .image-headline h1,.hero-image-wrapper .search-wrapper h1 {
        font-size:26px;
        line-height: 36px
    }
}

.hero-image-wrapper .search-wrapper {
    width: 100%
}

.hero-image-wrapper .img-wrapper .hero-image img {
    max-height: none;
    max-width: none;
    min-height: 100%;
    min-width: 100%;
    position: absolute;
    width: auto
}

@media (max-width: 575.98px) {
    .hero-image-wrapper .img-wrapper .hero-image img {
        max-width:none
    }
}

.hero-image-wrapper .img-wrapper .hero-image.hero-image-large {
    height: 450px
}

@media (max-width: 991.98px) {
    .hero-image-wrapper .img-wrapper .hero-image.hero-image-large {
        height:300px
    }
}

.hero-image-wrapper .img-wrapper .hero-image.hero-image-small {
    height: 300px
}

@media (max-width: 991.98px) {
    .hero-image-wrapper .img-wrapper .hero-image.hero-image-small {
        height:300px
    }
}

.form-control {
    border: none;
    display: grid;
    gap: 13px;
    grid-template-columns: 1em auto
}

.form-control+.form-control {
    margin-top: 1em
}

form>.row {
    margin-bottom: 30px
}

@media (max-width: 767.98px) {
    form>.row {
        margin-bottom:0
    }

    form>.row .col,form>.row .lg {
        margin-bottom: 20px
    }
}

form .form-group .form-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 24px;
    margin: 0!important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

form .form-group .form-label .required {
    color: #e10019;
    font-size: 12px;
    height: 20px
}

form .form-group textarea {
    min-height: 180px!important
}

form .form-group .form-check {
    padding-left: 0
}

form .form-check-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px
}

form .input input.error,form .input textarea.error {
    border-color: #e10019!important
}

form .input div.error,form .input label.error {
    color: #e10019;
    margin-top: 4px
}

form .buttons-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

input[type=checkbox] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    border: 2px solid #003063;
    border-radius: 3px;
    color: currentcolor;
    display: grid;
    font: inherit;
    height: 20px;
    margin: 0;
    place-content: center;
    -webkit-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    transform: translateY(-3px);
    width: 20px
}

input[type=checkbox]:hover {
    border: 2px solid #e10019
}

input[type=checkbox]:before {
    background-color: #003063;
    background-image: url(/Assets/images/check.c3299540.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 14px;
    border: 2px solid #003063;
    border-radius: 3px;
    content: "";
    height: 20px;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    width: 20px
}

input[type=checkbox]:checked:before {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

form .form-group .phone-contact-form {
    width: 49%
}

@media screen and (max-width: 992px) {
    form .form-group .phone-contact-form {
        width:100%
    }
}

.ce-gallery figure.video {
    display: block
}

.ce-gallery .ce-column:has(.video-embed),.ce-gallery .ce-inner:has(.video-embed),.ce-gallery .ce-outer:has(.video-embed) {
    float: none
}

.ce-gallery .video-embed {
    aspect-ratio: 16/9;
    width: 100%
}

.ce-gallery .video-embed iframe {
    height: 100%;
    width: 100%
}

html {
    overflow-x: hidden
}

body,html {
    height: 100%
}

body {
    font-family: HamburgSans,sans-serif;
    font-size: 17px;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    line-height: 1;
    hyphenate-limit-chars: 6 3 3;
    -moz-hyphens: none
}

body>.page {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    min-height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

body>.page main {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}