@font-face {
  font-display: optional;
  font-family: 'Marcellus';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/marcellus-v13-latin-regular.woff2') format('woff2'); 
}

@font-face {
  font-display: optional;
  font-family: 'Butler';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/butler-medium.woff2') format('woff2'); 
}

html {
    font-family:sans-serif;
    line-height:1.15;
}

*,
:before,
:after,
::after,
::before {
    box-sizing: border-box;
    text-rendering: optimizeLegibility;
}

:focus {
    outline: 0
}

body {
    width: 100%;
    height: 100%;
    background-color: #f9f9f9;
    font-family: "Marcellus", Helvetica, Arial, sans-serif;
    overflow-x: hidden;
    margin:0;
    font-size:1rem;
    font-weight:400;
    line-height:1.5;
    text-align:left;
}

@media (max-width: 767px) {
    body {
        padding: 0;
    }
}

.skip-link
{
background: #f9f9f9;
color: #333;
font-weight: 700;
left: 50%;
padding: 4px;
position: absolute;
transform: translateY(-100%);
transition: transform 0.3s;
}

.skip-link:focus
{
transform: translateY(0%);
}

::selection {
    background: #ff9900;
    color: #fff
}

a {
    text-decoration: none;
    background-color: transparent;
}

a,
a:hover,
a:visited {
    color: #ff9900;    /*  #c8b46f im contact.css  */
}

a:focus {
    color: #ff9900;
}

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

pre,
blockquote {
    border-left: none;
    page-break-inside: avoid;
}

p {
    margin-top: 0;
    margin-bottom: 1rem;
    color: #333;
    font-weight: 400;
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-family: "Marcellus", Helvetica, Arial, sans-serif;
}

li {
    list-style: none;
}

figure {
    margin: 0;
}

.text-center {
	text-align:center
}

hr {
    width: 80px;
    height: 1px;
    border: 0;
    margin: 15px auto;
    display: block;
    background-color: #333;
}

.container-fluid {
    max-width: 1920px;
}

.no-gutter > [class*="col-"] {
    padding-right: 0;
    padding-left: 0;
}

.section {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.head-shadow {
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2);
    border-bottom: 1px solid #fff;
}

.button-link-wrap-sec {
    width: 200px;
    height: 70px;
    z-index: 100;
    position: relative;
    display: block;
    margin: 30px auto;
}

.button-link-wrap-sec a {
    text-shadow: 0 1px 1px rgba(255, 255, 255, .9);
}

.button-link-wrap-sec a:hover {
    color: #f9f9f9;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}

.button-link-wrap-sec:hover .button-link-sec:before {
    transition: transform 0.35s cubic-bezier(.17, .84, .44, 1);
    transform: translateZ(0);
    opacity: 1;
}

.button-link-wrap-sec:hover .button-link-sec:after {
    transition: none;
    transform: translateZ(0);
    opacity: 0;
}

.button-link-wrap-sec.dark-style .button-link-sec {
    border: 1px solid #f9f9f9;
    color: #f9f9f9;
}

.button-link-wrap-sec.dark-style a {
    text-shadow: 0 1px 1px rgba(0, 0, 0, .4);
}

.button-link-wrap-sec.dark-style a:hover {
    border: 1px solid #ff9900;
}

.button-link-sec.dark-style:before {
    background-color: #ff9900;
}

.button-link-wrap-sec .button-link-sec {
    width: 100%;
    text-align: center;
    display: inline-block;
    text-decoration: none;
    overflow: hidden;
    border: 1px solid #ff9900;
    padding: 21px 0;
    font-family: "Marcellus", Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 1.25rem;
    letter-spacing: 0;
    line-height: 1.75rem;
    color: #ff9900;
    position: relative;
    transition: color 0.15s ease-in-out;
}

.button-link-sec:before {
    top: 0;
    left: 0;
    content: "";
    background-color: #ff9900;
    position: absolute;
    width: 100%;
    height: 100%;
    transform: translate3d(0, 105%, 0);
    transition: transform 0.35s cubic-bezier(.17, .84, .44, 1);
    z-index: -1;
}

@media (max-width: 500px) {
    .dsg54-button-call-me {
        z-index: 99;
        display: inline-block;
        margin-top: 10px;
        padding: 14px 12px 12px;
        border: 2px solid #f9f9f9;
        width: 60px;
        height: 60px;
        border-radius: 50%;
        transition: all 0.3s ease-out;
        font-size: 30px;
        line-height: 30px;
        letter-spacing: 0;
        text-transform: uppercase;
        color: #ff9900;
        text-shadow: 0 1px 1px rgba(255, 255, 255, 1);
        box-shadow: inset 0 1px 0 rgba(183, 183, 183, 0.5), 0 2px 2px rgba(0, 0, 0, 0.3), 0 0 4px 1px rgba(0, 0, 0, 0.2);
        background: rgba(251, 251, 251, 0.6);
    }

    .dsg54-button-call-me:hover,
    .dsg54-button-call-me:visited {
        text-decoration: none;
        color: #ff9900;
        background: rgba(251, 251, 251, 0.3);
        text-shadow: 0 1px 0 rgba(0, 0, 0, 0.6);
    }

    .dsg54-button-call-me:hover:after {
        width: 100%;
    }

    .dsg54-button-call-me svg {
        padding: 0 0 5px;
        font-size: 2.2em;
        color: #ff9900;
        fill: #ff9900;
    }
}


@media (min-width: 501px) {
    .dsg54-button-call-me {
        visibility: hidden;
        display: none;
    }
}

.info-ccm19
{
border-radius: 0.25rem;
font-size: 1.25rem;
line-height: 1.75rem;
font-weight: 400;
padding: 1rem;
border-width: 1px 1px 1px 6px;
border-style: solid;
box-shadow: 0 1px 5px 0 rgb(0 0 0 / 0.1), 0 1px 5px -1px rgb(0 0 0 / 0.1);
border-color: rgb(0 0 0 / 0.3);
border-left-color: #ff9900;
background-color: #f9f9f9;
color: #333;
}

.info-ccm19 .content-ccm19
{
font-weight: 400;
font-size: 1.25rem;
line-height: 1.75rem;
margin: 0.5rem 0 0 0;
}

.info-ccm19 .title-svg
{
font-weight: 400;
font-size: 1rem;
line-height: 1.5rem;
margin: 0;
display: flex;
align-items: center;
}

.info-ccm19 .title-svg svg
{
margin-right: 0.5rem;
}

h3.nice-headline {
    display: block;
    padding: 0;
    margin: 1.5rem 0;
    text-align: left;
    font-family: "Butler", Helvetica, Arial, sans-serif;
    color: #505050;
    font-size: 1.8rem;
    line-height: 2.3rem;
    letter-spacing: 0;
    font-weight: 400;
}

h4.nice-subheadline {
    display: block;
    padding: 8px;
    margin: 0;
    text-align: left;
    font-family: "Butler", Helvetica, Arial, sans-serif;
    color: #505050;
    font-size: 1.6rem;
    line-height: 2.1rem;
    letter-spacing: 0;
    font-weight: 400;
}

h4.nice-blogheadline {
    display: block;
    padding: .4rem 0 .5rem .3rem;
    margin: 3rem 0 1rem 0;
    text-align: left;
    font-family: "Marcellus", Helvetica, Arial, sans-serif;
    letter-spacing: 0;
    font-size: 1.8rem;
    line-height: 2.0rem;
    text-indent: .5rem;
    font-weight: 400;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .1);
    background-color: #e9e9e9;
    border-left: 3px solid #333;
}

@media (min-width:501px) and (max-width:767px) {
    h3.nice-headline {
        margin: 1.4rem 0;
        font-size: 1.6rem;
        line-height: 2.1rem;
    }
    h4.nice-subheadline {
        font-size: 1.4rem;
        line-height: 1.9rem;
    }
}

@media (max-width:500px) {
    h3.nice-headline {
        margin: 1rem 0;
        font-size: 1.5rem;
        line-height: 1.8rem;
        overflow: hidden;
    }
    h4.nice-subheadline {
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
}

.dsg54-customer-section-title {
    margin: 40px 0 0 10px;
    padding: 0;
    text-align: left;
}

.dsg54-customer-subtitle-caption {
    margin: 0;
    padding: 0;
    color: #999;
}

.dsg54-customer-section-title h3 {
    position: relative;
    margin: 0 0 .5rem .1rem;
    padding: .6em 0 0;
    word-wrap: break-word;
    font-family: "Butler", Helvetica, Arial, sans-serif;
    text-align: center;
    font-weight: 300;
    letter-spacing: -0.05rem;
color: #ff9900;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
}

@media (max-width:767px) {
    .dsg54-customer-section-title h3 {
        font-size: 1.8rem;
        line-height: 1.8rem;
    }

    .dsg54-customer-subtitle-caption {
        font-size: 1.15rem;
        line-height: 1.65rem;
    }
}

@media (min-width:768px) and (max-width:1199px) {
    .dsg54-customer-section-title h3 {
        font-size: 2.0rem;
        line-height: 2rem;
    }
}

@media (min-width:1200px) {
    .dsg54-customer-section-title h3 {
        font-size: 2.2rem;
        line-height: 2rem;
    }
}


[class^="vline"] {
    width: 1px;
    height: 100%;
    background: rgba(255, 255, 255, .3);
    position: absolute;
    top: 0;
    bottom: 0;
    transform: scaleY(0);
    transform-origin: top left;
    animation-name: lineanim;
    animation-iteration-count: infinite;
    animation-timing-function: cubic-bezier(.785, .135, .15, .86);
    animation-duration: 3s;
    z-index: 2
}

.vline-1 {
    left: 20%;
    animation-delay: 1s
}

.vline-2 {
    left: 40%;
    animation-delay: 0s
}

.vline-3 {
    left: 60%;
    animation-delay: 2s
}

.vline-4 {
    left: 80%;
    animation-delay: 1.5s
}

@media (max-width:500px) {
    [class^="vline"],
    .vline-1,
    .vline-2,
    .vline-3,
    .vline-4 {
        visibility: hidden;
        display: none
    }
}

@keyframes lineanim {
    50% {
        transform: scaleY(1);
        transform-origin: top left
    }
    50.1% {
        transform-origin: bottom left
    }
    100% {

        transform: scaleY(0);
        transform-origin: bottom left
    }
}


dl.dsg54-mustermann-impressum-anschrift {
    margin: 7px 0 20px;
}

.dsg54-mustermann-impressum-anschrift dt {
    margin: 1.5rem 0;
    padding: 0;
    font-family: "Butler", Helvetica, Arial, sans-serif;
    color: #505050;
    font-size: 1.8rem;
    line-height: 2.3rem;
    letter-spacing: 0;
    font-weight: 400;
}

@media (min-width:501px) and (max-width:767px) {
    .dsg54-mustermann-impressum-anschrift dt {
        margin: 1.4rem 0;
        font-size: 1.6rem;
        line-height: 2.1rem;
    }
}

@media (max-width:500px) {
    .dsg54-mustermann-impressum-anschrift dt {
        margin: 1rem 0;
        font-size: 1.5rem;
        line-height: 1.8rem;
        overflow: hidden;
    }
}

dl.dsg54-mustermann-impressum-anschrift dd {
    margin: 0;
    font-family: "Marcellus", Helvetica, Arial, sans-serif;
    color: #333;
    font-weight: 400;
    font-size: 1.25rem;
    line-height: 1.75rem;
}


dl.dsg54-mustermann-impressum-anschrift dd span {
    margin: 0;
    color: #333;
    font-size: 0.875rem;
    line-height: 1.4rem;
}

#cookie-notice {
    display: none;
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999;
    max-width: 570px;
    margin: auto;
    padding: 1.8rem;
    border: 1px solid #777;
    background-color: #333;
    box-shadow: 0 0 0.25rem rgba(255, 255, 255, 0.1);
    font-family: "Marcellus", Helvetica, Arial, sans-serif;
    line-height: 1.6rem;
    font-size: 0.9rem;
    text-align: center;
    color: #fff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
}

#cookie-notice .cookiey {
    position: absolute;
    top: -1.7em;
    left: -2.5em;
    width: 80px;
    height: 82px;
}

@media (max-width: 1199px) {
    #cookie-notice .cookiey {
        top: -0.5em;
        left: -1.2em;
        width: 60px;
        height: 62px;
    }
}

a.cookie-notice-more {
    margin: 0 0.25rem;
    color: #fff;
}

a.cookie-notice-more:hover {
    color: #fff;
}

a.cookie-notice-close {
    margin: 1rem 0 0;
    padding: 0.2rem 0.7rem;
    border: 1px solid #fff;
    border-radius: 0.3rem;
    line-height: 24px;
    text-decoration: none;
    color: #fff;
}

a.cookie-notice-close:hover {
    text-decoration: none;
    color: #fff;
}

@media only screen and (max-width: 767px) {
    #cookie-notice .cookiey {
        display: none;
        visibility: hidden;
    }
    #cookie-notice {
        padding: 1rem;
    }
    .cookie-notice-close {
        margin: 0 0 0 1.8rem;
        padding: 0.5rem;
        line-height: 44px;
    }
}

@media only screen and (min-width: 768px) {
    .cookie-notice-close {
        float: right;
    }
    #cookie-notice {
        padding: 1.2rem;
    }
}

@media only screen and (max-width: 1199px) {
    #cookie-notice {
        bottom: 0;
    }
}

@media only screen and (min-width: 1200px) {
    #cookie-notice {
        bottom: 1rem;
    }
}

.go-top {
    position: fixed;
    z-index: 500;
    bottom: 0.5em;
    right: 0.5em;
    text-decoration: none;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.3);
    font-size: 30px;
    padding: 0.1em 0.3em;
    display: none;
    border-radius: 3px;
}

.go-top:hover {
    background-color: rgba(0, 0, 0, 0.6);
    text-decoration: none;
}

@media (max-width: 1199px) {
    .go-top {
        bottom: 1.5em;
    }
}

.line-link {
    position: relative;
    line-height: inherit;
    display: inline-block
}

@media screen and (min-width:1199px) {
    .line-link:after {
        content: "";
        position: absolute;
        width: 0;
        bottom: 0;
        height: 1px;
        background: currentColor;
        right: 0;
        transition: width 0.3s cubic-bezier(.37, 0, .21, 1.02)
    }

    .line-link:hover:after {
        left: 0;
        right: auto;
        width: 100%
    }
}

.wrapper-reveal-ltrb {
    width: auto;
    height: auto;
    position: relative;
    margin: 0;
    padding: 0;
    content: " ";
    display: inline-block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden
}

.wrapper-reveal-ltrb:after {
    content: " ";
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}

.cover-reveal {
    position: absolute;
    content: " ";
    display: block;

    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    background-color: #505050
}

.cover-reveal.textrevealerh3 {
    width: auto;
    height: auto;
    max-height: 3.6em;
    margin: .4em 0 0 0;
    background-color: #ff9900
}

.d54reveal
{
position: relative;
visibility: hidden;
width: 100%;
height: 100%;
max-width: 100%;
overflow: hidden;
}

.d54reveal.d54reveal-overlay
{
background: rgb(255, 153, 0);
}

.d54reveal img
{
width: 100%;
object-fit: cover;
height: auto;
}

#dsg54-site-navi {
    position: fixed;
    right: 0;
    display: inline-block;
    font-family: "Marcellus", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-size: .7em;
    font-weight: 500;
    transition: all 0.5s;
    z-index: 999;
    opacity: 1;
    transform: translateX(100%);
}

#dsg54-site-navi.top {
    margin-top: 0;
    top: 0
}

body.dsg54-menu-main-show #dsg54-site-navi {
    margin-top: 0;
    top: 0
}

@media (max-width:767px) {
    #dsg54-site-navi {
        top: 10%;
        margin-top: -45px
    }
}

@media (min-width:768px) {
    .small-text-center {
        text-align: left
    }

    #dsg54-site-navi {
        top: 50%;
        margin-top: -45px
    }
}

.dsg54-bt-menu {
    display: inline-block;
    width: 90px;
    height: 90px;
    padding: 30px 0;
    color: #fff;
    background-color: #ffa310;
    background: linear-gradient(90deg, #ff9900 0%, #ee8f00 100%);
    vertical-align: middle;
    transition: all 0.5s;
    box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.3);
}

.dsg54-bt-menu:hover,
.dsg54-bt-menu:visited,
.dsg54-bt-menu:active,
.dsg54-bt-menu:focus {
    background-color: #ffa310;
    background: linear-gradient(90deg, #ff9900 0%, #ee8f00 100%);
    color: #fff;
    text-decoration: none;
    cursor: pointer;
}

.dsg54-bt-menu strong {
    display: block;
    letter-spacing: 1px;
    margin-top: 2px;
    color: #fff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}

.dsg54-btn-toggle {
    display: inline-block;
    width: 60px;
    height: 18px;
    transition: 0.5s all;
    position: relative;
    vertical-align: middle;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}

.dsg54-btn-toggle > span {
    transition-duration: 0.45s;
    transition-property: transform, opacity;
    transition-delay: 0s;
    backface-visibility: hidden;
    transform-origin: 50% 50%;
    display: block;
    position: absolute;
    left: 15px;
    top: 0;
    right: 25px;
    background: #fff;
    height: 2px;
    transition: 0.5s all;
}

.dsg54-btn-toggle > span:nth-child(1) {
    right: 15px;
    top: 7px;
}

.dsg54-btn-toggle > span:nth-child(2) {
    top: 14px;
}

.dsg54-menu-main-show .dsg54-btn-toggle > span:nth-child(2) {
    transform: translate(0, -8px) rotate(45deg);
    width: 30px!important;
}

.dsg54-menu-main-show .dsg54-btn-toggle > span:nth-child(1) {
    transform: translate(0, 0) rotate(-45deg);
}

.dsg54-menu-main-show .dsg54-btn-toggle > span:nth-child(3) {
    opacity: 0;
}

.dsg54menu_overlay {
    display: flex;
    position: fixed;
    top: 0;
    width: 100%;
    height: 100vh;
    left: 0;
    background: #262626;
    z-index: 997;
}

.dsg54menu_overlay1 {
    display: flex;
    position: fixed;
    top: 0;
    width: 100%;
    height: 100vh;
    left: 0;
    background: #1f1f1f;
    z-index: 997;
}

.dsg54menu_bg {
    position: absolute;
    z-index: 1;
    background: #1f1f1f;
    width: 100%;
    height: 100%;
    transition: left 0.3s linear;
    top:-100vh;
}

.dsg54menu_vline {
    position: relative;
    z-index: 3;
    width: 1px;
    height: 100%;
    background-color: #3c3c3c;
    opacity: 0;
}

.dsg54menu_left_part {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 50px 2.9% 41px
}

.dsg54menu_right_part {
    padding: 0 0 0 10px;
    position: relative;
    z-index: 2;
    height: 100%;
    width: 80%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center
}

@media screen and (max-width: 768px) {
    .dsg54menu_right_part {
        width: calc(100% - 2.9% - 43px - 2.9%);
        padding: 0;
    }
}

.dsg54menu_links_list {
    padding: 0;
    margin: 0;
    list-style: none;
    min-width: 320px;
}

@media screen and (max-width: 767px) {
    .dsg54menu_links_list {
        margin: 0 0 0 8em;
    }
}

@media screen and (min-width: 768px) {
    .dsg54menu_links_list {
        margin: 0 0 0 7em;
    }
}

.dsg54menu_links_item a:hover{
text-decoration: none;
}

.dsg54menu_links_item {
    margin: 20px 0;
    overflow: hidden;
    width: 100%;
    min-width: 320px;
}

@media screen and (max-width: 768px) {
    .dsg54menu_links_item {
        margin: 30px 0;
    }
}
.dsg54menu_close {
    cursor: pointer;
    height: 35px;
    width: 35px;
}

.dsg54menu_links_item_link {
    font-family: "Marcellus", Helvetica, Arial, sans-serif;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 1);
    font-size: 3.5vh;
    font-weight: 400;
    letter-spacing: 0.02em;
    display: block;
    position: relative;
    overflow: hidden;
    float: left;
    text-decoration: none;
}

a.dsg54menu_links_item_link:hover {
    color: #f9f9f9;
}

a.dsg54menu_links_item_link {
    color: #e2e2e2;
}

.dsg54menu_links_item_link:before,
.dsg54menu_links_item_link:after {
    width: 100%;
    height: 4px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    content: "";
    background-color: #fff;
}

.dsg54menu_links_item_link:after {
    transition: transform 0.8s cubic-bezier(.165, .84, .44, 1);
    transform: translate3d(102%, 0, 0);
    opacity: 1;
}

.dsg54menu_links_item_link:before {
    transform: translate3d(-102%, 0, 0);
    opacity: 0;
}

.dsg54menu_links_item_link:hover:before {
    transition: transform 0.6s cubic-bezier(.165, .84, .44, 1);
    transform: translateZ(0);
    opacity: 1;
}

.dsg54menu_links_item_link:hover:after {
    transform: translateZ(0);
    opacity: 0;
    transition: none;
}

nav.dsg54menu_right_part li.has-sub a,
nav.dsg54menu_right_part li.has-sub {
    cursor: pointer;
}

nav.dsg54menu_right_part li .sub-menu {
    position: relative;
    display: none;
    clear: both;
    float: left;
    margin: 0;
    padding: 0;
    white-space: nowrap;
    min-width: 280px;
}

.sub-menu li {
    display: block;
    padding: 4px 0;
    margin: 0;
}

.sub-menu li a {
    display: block;
    cursor: pointer;
    padding: 0;
    z-index: 1;
    text-decoration: none;
    font-size: 1.2em;
    color: rgba(255, 255, 255, 0.8);
    font-weight: 400;
    font-family: "Marcellus", Helvetica, Arial, sans-serif;
}

.sub-menu li:hover > a,
.sub-menu li.subopen > a,
.sub-menu li.active > a {
    color: #fff;
}

.slidemenu54-addresses {
    position: relative;
    z-index: 1;
    width: 100%;
    padding-left: 345px;
    margin: 0 0 -60px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    transform: translateY(-60px);
}

.slidemenu54-address {
    opacity: 1;
}

.slidemenu54-address a,
.slidemenu54-address a:hover {
    color: #f9f9f9;
}

.slidemenu54-address a:hover {
    text-decoration: none;
}

.slidemenu54-addressinfo {
    opacity: 1;
    font-family: "Marcellus", Helvetica, Arial, sans-serif;
    font-weight: 400;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
    font-size: 1.1rem;
    color: #f9f9f9;
    line-height: 1.25rem;
}


@media (min-width:1200px) and (max-width:1500px) {
    .slidemenu54-addresses {
        padding-left: 200px;
        width: 100%;
    }
    .slidemenu54-addressinfo {
        font-size: 1.1em;
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .slidemenu54-addresses {
        padding-left: 30px;
        max-width: 965px;
    }
    .slidemenu54-addressinfo {
        font-size: 1.05em;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .slidemenu54-addresses {
        padding-left: 5px;
        padding-right: 5px;
        max-width: 100%;
    }
    .slidemenu54-addressinfo {
        font-size: .85em;
    }
}

@media (max-width:767px) {
    .slidemenu54-addresses {
        display: none;
        visibility: hidden;
    }
}

.ar-listing {
    float: left;
    margin: 1em 0 2em
}

.ar-listing li {
    float: left;
    width: 100%;
    list-style: square;
    list-style-position: inside;
    margin-left: 0;
    font-weight: 400;
    font-size: 1.25em;
    line-height: 1.9rem;
    font-family: "Marcellus", Helvetica, Arial, sans-serif;
    color: #333;
}

.ar-listing li strong {
    font-weight: 700
}

.dsg54home-social-media {
    display: none;
    flex-direction: column;
    position: fixed;
    top: 60%;
    z-index: 90;
    transform: translateY(-50%);
}

.dsg54home-social-media a {
    display: block;
    padding: 15px 5px;
    color: #999;
}

.dsg54home-social-media a:hover,
.dsg54home-social-media a:focus {
    color: #333;
    text-decoration: none;
}

.dsg54scroll-sign {
    display: none;
    align-items: center;
    position: fixed;
    bottom: 35px;
    z-index: 90;
    transform: translateY(50%) rotate(-90deg);
    transform-origin: left center;
    color: #333;
    text-shadow: none;
    font-size: 11px;
    pointer-events: none;
    opacity: 1
}

.dsg54scroll-sign.disapear {
    opacity: 0;
}

.dsg54scroll-sign:before {
    content: "";
    display: block;
    width: 55px;
    height: 1px;
    margin-right: 25px;
    background-color: #333;
}

.dsg54scroll-sign span {
    display: block;
    width: 32px;
    height: 20px;
    position: relative;
    margin-right: 10px;
    border-radius: 300px;
    border: 1px solid #333;
}

.dsg54scroll-sign span:before {
    content: "";
    width: 8px;
    height: 1px;
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: #333;
}

@media (min-width: 992px) {
    .dsg54home-social-media {
        display: flex;
        left: 25px;
    }

    .dsg54scroll-sign {
        display: flex;
        bottom: 50px;
        left: 35px;
    }
}

@media (max-width: 1199px) {
    .dsg54home-social-media {
        display: none;
        visibility: hidden;
    }

    .dsg54scroll-sign {
        display: none;
        visibility: hidden;
    }
}


@media (min-width: 1200px) {
    .dsg54home-social-media {
        left: 40px;
    }

    .dsg54scroll-sign {
        left: 60px;
    }
}

.d54load-curtain
{
position: fixed;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
align-content: center;
z-index: 99998;
left: 0;
top: 0;
height: 100vh;
width: 100%;
overflow: hidden;
background-color: #262626;
}

.d54load-container
{
position: fixed;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
align-content: center;
z-index: 99999;
left: 0;
top: 0;
height: 100vh;
width: 100%;
overflow: hidden;
background-color: #f9f9f9;
}

.d54load-header
{
display: flex;
align-items: center;
justify-content: center;
height: 100vh;
background-color:#f9f9f9;
}

.d54load-text
{
position: relative;
min-width: 300px;
min-height: 150px;
padding: 0;
}

.d54load-text .slogan
{
position: relative;
flex: unset;
width: fit-content;
margin: 0;
padding: 2rem;
font-size: 3rem;
font-family: "Marcellus", Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
color: #262626;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
}

.d54load-text-dark
{
color: #ff9900;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
}

.d54load-lines-left
{
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 50%;
display: block;
background: #f9f9f9;
}

.d54load-lines-left:after
{
position: absolute;
content: "";
display: block;
height: 100%;
width: 2px;
left: 100%;
background: #262626;
}

.d54load-lines-right
{
position: absolute;
display: block;
top: 0;
bottom: 0;
right: 0%;
width: 50%;
background: #f9f9f9;
}

.d54load-lines-right:after
{
position: absolute;
content: "";
display: block;
width: 2px;
height: 100%;
right: 100%;
background: #262626;
}

@media(max-width:580px) {
    .d54load-text {
        min-width: 230px;
        min-height: 100px;
    }

    .d54load-text .slogan {
        margin: 0;
        padding: 1rem;
        font-size: 2.1rem;
    }
}

.dsg54-mustermann-info-box-greystrip {
    padding-bottom: 30px;
    padding-top: 30px;
    text-align: center;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2);
    border: 1px solid #fff;
}

.dsg54-mustermann-info-box-greystrip.bg-grey {
    background: linear-gradient(to top, rgba(79, 79, 79, 0.92) 0%, rgba(69, 69, 69, 0.92) 100%);
}

.dsg54-mustermann-info-box-greystrip-heading {
    display: flex;
    align-items: center;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
}


@media (max-width: 767px) {
    .dsg54-mustermann-info-box-greystrip-heading {
        flex-direction: column;
    }
}

.dsg54-mustermann-info-box-greystrip-left {
    text-align: right;
    margin: 0;
    padding: 0;
}

.dsg54-mustermann-info-box-greystrip-left h2 {
    margin: 0;
    padding: 0;
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 1.1;
    font-family: "Butler", Helvetica, Arial, sans-serif;
    vertical-align: baseline;
color: #ff9900;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
}

.dsg54-mustermann-info-box-greystrip-left h3 {
    margin: 0;
    padding: 0;
    font-size: 1.5rem;
    font-weight: 300;
    line-height: 1.1;
    letter-spacing: 0;
    font-family: "Butler", Helvetica, Arial, sans-serif;
    vertical-align: baseline;
color: #ff9900;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
}

.dsg54-mustermann-info-box-greystrip-heading p {
    flex: 1;
    border-left: 1px solid #efefef;
    line-height: 2rem;
    font-family: "Marcellus", Helvetica, Arial, sans-serif;
    color: #f9f9f9;
    text-align: left;
}

@media (min-width: 1200px) {
    .dsg54-mustermann-info-box-greystrip-heading p {
        margin: 0 0 0 28px;
        padding: 12px 0 12px 20px;
        font-size: 1.2rem;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .dsg54-mustermann-info-box-greystrip-heading p {
        margin: 0 0 0 16px;
        padding: 12px 0 12px 10px;
        font-size: 1.1rem;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .dsg54-mustermann-info-box-greystrip-heading p {
        margin: 0 0 0 28px;
        padding: 12px 0 12px 20px;
        font-size: 1.1rem;
    }
}

@media (max-width: 767px) {
    .dsg54-mustermann-info-box-greystrip-heading p {
        margin: 20px 0 0 28px;
        padding: 12px 0 12px 20px;
        font-size: 1.1rem;
    }
}

.label {
    position: absolute;
    top: 0;
    z-index: 100;
    width: 400px;
    transform: rotate(90deg);
    transform-origin: 0 0;
    font-family: "Marcellus", Helvetica, Arial, sans-serif;
    font-size: 0.875rem;
    line-height: 0.875rem;
    font-weight: 300;
    letter-spacing: 3px;
    color: #333;
    text-align: left;
    text-shadow: 0 1px rgba(255, 255, 255, 1)
}

.label span {
    vertical-align: middle;
    display: inline-block;
    margin-right: 20px;
    height: 2px;
    width: 30px;
    background: #ccc;
}

.label strong {
    margin-right: 20px;
    font-family: "Marcellus", Helvetica, Arial, sans-serif;
    font-weight: 400;
    color: #333;
}

.label-float.topy-100 {
    top: -100px;
}

.label-float.topy80 {
    top: 80px;
}

.label-float.topy0 {
    top: 0;
}

.label-float {
    position: relative;
    left: 0;
    width: 100%;
    z-index: 50;
    text-transform: uppercase;
}

@media (max-width: 1199px) {
    .label-float {
        display: none;
    }
}

.label-right {
    right: -340px;
    text-align: left;
}

.label-left {
    left: 60px;
}

.block-subtitle,
.button-arrow,
.d-inline-flex {
    display: inline-flex;
}

.dsg54-header-main-wrapper
{
display: flex;
height: 100vh;
width: 100vw;
padding: 15px;
}

@media (min-width:768px)
{
.dsg54-header-main-wrapper {
    padding: 30px;
  }
}

@media (min-width:1200px)
{
.dsg54-header-main-wrapper {
    padding: 60px;
  }
}

.dsg54-header-main-bgimage
{
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
align-content: center;
height: 100%;
width: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: 50% 5%;
background-color: transparent;
}

#dsg54-heroimg
{
position: absolute;
object-fit: cover;
object-position: 80% 10%;
width: 100%;
height: 100%;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 0;
padding: 0;
}

@media (max-width: 500px) {
#dsg54-heroimg {
    object-position: 60% 10%;
    }
}

.dsg54-header-main-vcenter-child
{
white-space: normal;
display: flex;
vertical-align: middle;
justify-content: center;
align-content: center;
align-items: center;
}

#dsg54-header-top h1
{
font-family: "Marcellus", Helvetica, Arial, sans-serif;
color: #fff;
margin-top: 5.55rem;
font-size: 3rem;
font-weight: 300;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
}

#dsg54-header-top h1 span
{
color: #ff9900;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
}

#dsg54-header-top h2
{
font-family: "Marcellus", Helvetica, Arial, sans-serif;
color: #fff;
font-size: 1.4rem;
font-weight: 300;
position: relative;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
}

@media (min-width:768px) and (max-width:991px)
{
#dsg54-header-top h1 {
    font-size: 2.6rem;
  }
#dsg54-header-top h2 {
    font-size: 1.3rem;
  }
}

@media (max-width:767px)
{
#dsg54-header-top h1 {
    font-size: 2.1rem;
  }
#dsg54-header-top h2 {
    font-size: 1.2rem;
  }
}

dsg54head-intro-headline-reveal {
    position: relative;
    display: inline-block;
    overflow: hidden;
    margin: 1em 0
}

 .dsg54-revealbar {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 100%;
    background-color: #f9f9f9
}

.dsg54-page-top-scroll
{
position: absolute;
left: 0;
right: 0;
bottom: 0;
margin: 0 auto;
width: 3px;
height: 67px;
opacity: 0;
}

@media screen and (max-width: 768px)
{
.dsg54-page-top-scroll {
    display: none;
    visibility: hidden;
  }
}

.dsg54-page-top-text
{
position: absolute;
width: auto;
left: -21px;
top: -20px;
font-size: 1rem;
line-height: 1.1rem;
text-transform: uppercase;
font-weight: 300;
color: #fff; 
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.dsg54-page-top-slide
{
position: absolute;
top: 0;
left: 2px;
width: 1px;
height: 100%;
background-color: #fff; 
}

.dsg54-page-top-roller
{
position: absolute;
left: 1px;
top: 0;
width: 100%;
height: 28px;
border-radius: 2px;
background-color: #fff;
animation: scroll 1.5s infinite alternate ease-in-out;
}

@keyframes scroll {
  from {
            transform: translate3d(0, 0, 0); }
  to {
            transform: translate3d(0, 39px, 0); }
}

.dsg54-footer-area
{
font-family: "Marcellus", Helvetica, Arial, sans-serif;
background-color: #1f1f1f;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
overflow: hidden;
}

img.dsg54-footer-content-inner-logo
{
height:45px;
}

.dsg54-footer-top
{
text-align: right;
}

.dsg54-footer-top img
{
margin-bottom: -650px;
width: 100%;
}

@media (min-width: 768px) and (max-width: 1199px) {
  .dsg54-footer-top img {
    margin-bottom: -350px;
  }
}

@media (max-width: 767px) {
  .dsg54-footer-top img {
    margin-bottom: 0;
  }
}

.dsg54-footer-top-line
{
position: relative;
}

@media (min-width: 1200px) {
  .dsg54-footer-content {
    padding-left: 55px;  /* 55px */
  }
}

@media  (min-width: 992px) and (max-width: 1199px) {
  .dsg54-footer-content {
    padding-left: 100px;
  }
}

@media (max-width: 767px) {
  .dsg54-footer-content {
    background-color: #1f1f1f;
  }

  .dsg54-footer-content .container {
    padding: 2rem;
    background-color: #1f1f1f;
  }
}

.dsg54-footer-row {
  margin-left: -500px;
}

@media (max-width: 767px) {
  .dsg54-footer-row {
    margin-left: 0;
    margin-right: 0;
  }
}

.dsg54-footer-content-inner
{
background-color: #1f1f1f;
display: grid;
grid-template-columns: repeat(12, 1fr);
padding-left: 450px;
position: relative;
z-index: 9;
}

@media (min-width: 768px) and (max-width: 1199px) {
  .dsg54-footer-content-inner {
    padding-left: 470px;
    padding-top: 80px;
  }
}

@media (max-width: 767px) {
  .dsg54-footer-content-inner {
    padding-left: 0;
    padding-top: 60px;
    grid-template-columns: 1fr;
  }
}

.dsg54-footer-content-inner-style
{
position:relative;
}

.dsg54-footer-content-inner-style ul
{
position:relative;
margin:0;
padding:0;
}

.dsg54-footer-content-inner-style li
{
position: relative;
margin: 0;
padding-bottom:0;
font-size: 1.2rem;
line-height: 1.8rem;
display:block;
font-weight: 400;
color: #fff;
background-color: #1f1f1f;
}

.dsg54-footer-content-inner-style li:last-child
{
margin-bottom:0;
padding-bottom:0;
border-bottom:none;
}


.dsg54-footer-content-inner-style li a
{
color: #fff;
background-color: #1f1f1f;
display:inline-block;
transition: all 0.3s ease;
text-decoration: none;
}

.dsg54-footer-content-inner-style li a:hover
{
color: #fff;
background-color: #1f1f1f;
padding-left: 5px;
}

.dsg54-footer-content-inner-grid
{
grid-column: span 4;
padding: 80px 0 100px;
}

@media (min-width: 768px) and (max-width: 1199px) {
  .dsg54-footer-content-inner-grid {
    grid-column: 1/6;
    padding: 0 0 50px 0;
  }
}

@media (max-width: 767px) {
  .dsg54-footer-content-inner-grid {
    padding: 0 0 50px 0;
    grid-column: span 4;
  }
}

.dsg54-footer-slogan {
  font-family: "Marcellus", Helvetica, Arial, sans-serif;
  max-width: 310px;
  font-weight: 400;
  font-size: 1.1rem;
  line-height: 1.3rem;
  color: #f9f9f9;
  margin: 2em 0;
}

.dsg54-footer-grid-slogan
{
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 2.0rem;
  padding:0;
  text-transform: capitalize;
  margin-bottom: 35px;
  position: relative;
color: #ff9900;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
}

.dsg54-footer-grid-title
{
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 2.0rem;
  padding:0;
  text-transform: capitalize;
  margin-bottom: 35px;
  position: relative;
color: #ff9900;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
}

.dsg54-footer-grid-title::before
{
content: '';
position: absolute;
left:0;
bottom: -10px;
background-color: #e2e2e2;
height: 2px;
box-sizing: border-box;
width: 50px;
}

@media (max-width: 767px) {
.dsg54-footer-grid-title::before {
    display: none;
    visibility: hidden;
   }
}

.dsg54-footer-content-inner-grid:nth-child(2) {
  grid-column: span 2;
  padding: 80px 0 100px;
}

@media (min-width: 768px) and (max-width: 1199px) {
  .dsg54-footer-content-inner-grid:nth-child(2) {
    grid-column: 7/-1;
    padding: 0 0 50px 0;
  }
}

@media (max-width: 767px) {
  .dsg54-footer-content-inner-grid:nth-child(2) {
    padding: 0 0 50px 0;
    grid-column: span 4;
  }
}

.dsg54-footer-content-inner-grid:nth-child(3) {
  grid-column: span 2;
}

@media (min-width: 768px) and (max-width: 1199px) {
  .dsg54-footer-content-inner-grid:nth-child(3) {
    grid-column: span 6;
    padding: 50px 60px 0 0;
  }
}
@media (max-width: 767px) {
  .dsg54-footer-content-inner-grid:nth-child(3) {
    padding: 0 0 50px 0;
  }
}

.dsg54-footer-content-inner-grid:nth-child(4) {
    grid-column: span 4;
    grid-row: span 2;
    background-color: #262626;
    padding: 80px 70px 30px;
    text-align: left;
    margin-left: 0;
}

@media (min-width: 768px) and (max-width: 1199px) {
  .dsg54-footer-content-inner-grid:nth-child(4) {
    grid-column: span 6;
    padding: 50px 30px;
    margin-left: 0;
  }
}

@media  (max-width: 767px) {
  .dsg54-footer-content-inner-grid:nth-child(4) {
    padding: 0;
    margin-left: 0;
    background-color: #1f1f1f;
  }
}

.dsg54-footer-grid-title-fourth {
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 1.8rem;
  color: #fff;
  text-align: left;
}

.dsg54-footer-content-inner-grid-fourth p.opening-time {
  font-weight: 500;
  font-size: 1.1rem;
  line-height: 1.2rem;
  color: #fff;
  padding: 0.2rem;
  margin: 0 auto;
}

.dsg54-footer-content-inner-grid-fourth p.opening-day {
  font-weight: 400;
  font-size: 1.1rem;
  line-height: 1.2rem;
  color: #999;
  padding: 0.2rem;
  margin: 0 auto;
}

@media  (max-width: 767px) {
.dsg54-footer-content-inner-grid-fourth {
  padding-bottom: 35px;
  }

.dsg54-footer-content-inner-grid-fourth p.opening-time {
  margin: 0;
  text-align: left;
}

.dsg54-footer-content-inner-grid-fourth p.opening-day {
  margin: 0;
  text-align: left;
  }
}

.dsg54-footer-content-inner-copyright {
  grid-column: span 4;
  border-top: 1px solid #333;
  margin-left: 0;
  padding: 35px 0 15px 0;
}

@media  (min-width: 768px) and (max-width: 1199px) {
  .dsg54-footer-content-inner-copyright {
    grid-column: 1/-1;
    text-align: center;
    border-top: 0;
  }
}
@media (max-width: 767px) {
  .dsg54-footer-content-inner-copyright {
    grid-column: 1/-1;
    grid-row: 7;
    text-align: center;
    border-top: 0;
    padding-top: 35px;
  }
}

.dsg54-footer-content-inner-copyright p {
  font-weight: 400;
  font-size: 0.9rem;
  line-height: 1.4rem;
  color: #fff;
}

.dsg54-footer-content-inner-copyright p a,
 .dsg54-footer-content-inner-copyright p a:hover{
  color: #fff;
}

@media  (max-width: 991px) {
  .dsg54-footer-content-inner-copyright p {
    max-width: 99%;
  }
}

.dsg54-footer-content-inner-style-link > a {
  display: inline-block;
  position: relative;
}

.dsg54-footer-content-inner-style-link > a:after {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  bottom: 0;
  height: 2px;
  margin: 0;
  right: 0;
  left: 5px;
  background-color: #fff;
  transition: all 0.3s ease-in 0s;
}

.dsg54-footer-content-inner-style-link > a:hover:after {
  width: 100%;
}

.dsg54-mustermann-news-info-container {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 20px 30px;
    background: url(../img/02-bg/mustermann-08.webp);
    background-repeat: no-repeat;
    padding: 45px 45px 90px;
}

@media (min-width:1200px) {
    .dsg54-mustermann-news-info-container {
        padding: 0;
        max-width: 1160px;
        background-position: 15% 55%;
        background-size: 299px 358px;
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .dsg54-mustermann-news-info-container {
        background-position: 55% 35%;
        background-size: 50% 33%;
    }
}

@media (min-width:767px) and (max-width:991px) {
    .dsg54-mustermann-news-info-container {
        background-position: 42% 38%;
        background-size: 65% 33%;
    }
}

.dsg54-mustermann-news-info {
    position: relative;
    flex-grow: 1;
    flex-basis: 280px;
    padding: 40px 25px 25px;
    max-width: 100%;
    background-color: #f4f4f4;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .2);
    box-shadow: inset 0 -1px 3px rgba(0, 0, 0, .2);
    opacity: .9;
}

.dsg54-mustermann-news-info-intro {
    position: relative;
    flex-grow: 1;
    flex-basis: 280px;
    padding: 40px 25px 25px;
    max-width: 100%;
    background: transparent;
}

.dsg54-mustermann-news-info-intro h2 {
    margin-top: 0;
    font-size: 2.1rem;
    line-height: 2.1rem;
    letter-spacing: -0.1rem;
    font-weight: 400;
    font-family: "Butler", Helvetica, Arial, sans-serif;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
    color: transparent;
    background: repeating-linear-gradient(0deg, #B67B03 0.1em, #DAAF08 0.2em, #FEE9A0 0.3em, #DAAF08 0.4em, #B67B03 0.5em); 
    background-clip: text;
}

.dsg54-mustermann-news-info-intro span {
    font-family: "Marcellus", Helvetica, Arial, sans-serif;
}

.dsg54-mustermann-news-info h3 {
    margin: 0 0 1em;
    font-size: 1.4rem;
    line-height: 1.8rem;
    font-weight: 400;
    color: #333;
    font-family: "Marcellus", Helvetica, Arial, sans-serif;
}

.dsg54-mustermann-news-info a {
    color: #ff9900;
    font-weight: 300
}

.dsg54-mustermann-news-info-text {
    margin: 0 0 2em;
    font-weight: 300
}

.dsg54-mustermann-news-info-text p {
    font-size: 1rem;
    line-height: 1.5rem
}

.dsg54-mustermann-news-info-published {
    font-weight: 300;
    font-size: .8rem;
    line-height: 1.2rem;
    letter-spacing: .5px;
    margin: 0 0 5px
}

.dsg54-mustermann-news-info img {
    display: inline-block;
    width: 100%;
    height: auto
}

.dsg54-mustermann-news-info-details {
    margin: 1em 0
}

.dsg54-mustermann-news-info-info {
    display: inline-block
}

.time-date-author
{
padding: 0 0 1em 0;
color: #999;
font-size: 0.9rem;
font-family: "Marcellus", Helvetica, Arial, sans-serif;
font-weight: normal;
text-align: left;
}

.entry-content
{
padding: 0;
}

.entry-content p
{
text-align: justify;
}

.entry-content figure.alignleft
{
float: left;
margin-left: 0;
margin-right: 20px;
}

.entry-content figure.alignright
{
float: right;
margin-right: 0;
margin-left: 20px;
}

.entry-content figure.alignleft:after,
.entry-content figure.alignright:after
{
clear: both;
}

.entry-content figure
{
position: relative;
padding: 2px;
display: table;
background-color: rgba(255, 255, 255, 0.8);
border-radius: 2px;
box-shadow: 0 1px 2px rgba(153, 153, 153, 0.25);
}
		
.entry-content figure:hover,
.entry-content figure:focus
{
border-color: #ff9900;
box-shadow: 0 1px 4px rgba(255, 102, 0, 0.25);
}

.entry-content figure img
{
display: block;
width: 100%;
height: 100%;
}

.entry-content figure figcaption
{
clear: left;
margin: .95em 0;
text-align: center;
font-style: italic;
line-height: 1.5rem;
display: table-caption;
caption-side: bottom;
color: #999;
font-size: 0.9rem;
text-shadow: 0 1px 0 rgba(255,255,255,.5);
}

.author-box
{ 
margin: 40px 0 10px 0;
padding: 0 0 20px 0;
border-top: 1px solid #efefef;
border-bottom: 1px solid #efefef;
}

.author-box h3
{
margin: 10px 0 10px 0;
padding: 0;
font-size: 1.4rem;
font-family: "Marcellus", Helvetica, Arial, sans-serif;
font-weight: normal;
color: #999;
}

.author-left
{
float: left;
width: 80px;
margin: 0 15px 0 0;
}

.author-right
{
float: left;
font-size: 0.875rem;
margin: 5px 0 0 10px;
font-family: "Marcellus", Helvetica, Arial, sans-serif;
color: #999;
} 

.author-pic img
{
padding: 1px;
background: #999;
}

.author-name
{
font-weight: 400;
}

.author-bio
{
padding: 5px 0 5px 0;
} 

.author-box .clearboth
{
clear:both
}

.recent-box h5
{
margin: 0 0 10px 0;
padding: 0;
font-size: 1.4rem;
font-family: "Marcellus", Helvetica, Arial, sans-serif;
font-weight: normal;
color: #999;
}

.attachment-recent-thumbnails
{
padding: 1px;
background: #ff9900;
width: 75px;
height: 75px;
}

.widget-posts 
{
padding-left: 0;
padding-right: 0;
}

.widget-posts li
{
padding: 10px 0;
display: inline;
float: left;
font-size: 1.15rem;
line-height: 1.4rem;
}

.widget-posts li a
{
display: inline;
line-height: 20px;
}

.widget-posts li img
{
width: 75px;

margin-right: 20px;
float: left;
}

.widget-posts-details
{
overflow: hidden;
top: 0;
font-size: 1.15rem;
line-height: 1.4rem;
}

.widget-posts-details a
{
margin-bottom: 8px;
font-size: 1.15rem;
line-height: 1.4rem;
}

.comment-reply-link
{
position: relative;
padding-left: 18px;
}    

.comment-reply-link:before
{
position: absolute;
content: "";
left: 0;
top: -2px;
}

.search-excerpt
{
padding: 3px;
background-color: #ccc;
color: #505050;
}

.pagination h2.screen-reader-text
{
display: none;
visibility: hidden;
}

.pagination
{
position: relative;
display: block;
padding: 0 0 40px 0;
margin: 40px 0 0 0;
border-radius: 0;
}
 
.pagination .nav-links
{
position: relative;
}
 
.pagination .nav-links ul
{
margin: 0;
padding: 0;
}
 
.pagination .nav-links li
{
list-style: none;
margin: 0 12px 0 0;
padding: 0;
float: left;
border-radius: 4px;
box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
}
 
.nav-links li span.current
{
display: block;
padding: 10px 12px;
background: #505050;
border: 1px solid #505050;
line-height: 1;
border-radius: 4px;
color: #fff;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}
 
.nav-links li a
{
padding: 10px 12px;
background: #ff9900;  
color: #fff;
text-decoration: none;
border: 1px solid #57431c;
border-radius: 4px;
display: block;
line-height: 1;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}

.nav-links li a.next,
.nav-links li a.prev
{
padding: 10px 12px;
background: #ff9900;
color: #fff;
text-decoration: none;
border: 1px solid #57431c;
border-radius: 4px;
display: block;
line-height: .95;
}



.nav-links li a:hover
{
background: #505050;
border-color: #505050;
color: #fff;
border-radius: 4px;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}

.pagination > li > a,
.pagination > li > span
{
padding: 10px 12px;
margin-left: -1px;
border-radius: 4px;
border: 0;
}

.dsg54-space1vw {
height: calc(1vw + 3em);
}

.dsg54-space2vw {
height: calc(2vw + 3em);
}

.dsg54-space3vw {
height: calc(3vw + 3em);
}

.dsg54-space4vw {
height: calc(4vw + 3em);
}

.dsg54-space5vw {
height: calc(5vw + 3em);
}

.dsg54-space10vw {
height: calc(10vw + 3em);
}




#zappei-starke-marken
{
color: #f8f8f8;
padding: 50px 0 70px 0;
}

#zappei-starke-marken .overlay
{
height: auto;
background-attachment: fixed;
}

.zappei-starke-marken-logo ul
{
display: inline-block;
width: 100%;
}

.zappei-starke-marken-logo ul li
{
border-bottom: 1px solid #dadada;
border-right: 1px solid #dadada;
padding-bottom: 50px;
padding-top: 50px;
text-align: center;
}

.zappei-starke-marken-logo ul li:nth-child(4)
{
border-right: medium none;
border-right: 1px solid #f7f7f7;
}

.zappei-starke-marken-logo ul li:nth-child(8)
{
border-right: medium none;
border-right: 1px solid #f7f7f7;
}

.zappei-starke-marken-logo ul li:nth-child(12)
{
border-right: medium none;
border-right: 1px solid #f7f7f7;
}

.zappei-starke-marken-logo ul li:nth-child(16)
{
border-right: medium none;
border-right: 1px solid #f7f7f7;
}

.zappei-starke-marken-logo ul li:nth-child(20)
{
border-right: medium none;
border-right: 1px solid #f7f7f7;
}

.zappei-starke-marken-logo ul li:nth-child(17)
{
border-bottom: medium none;
border-bottom: 1px solid #f7f7f7;
}

.zappei-starke-marken-logo ul li:nth-child(18)
{
border-bottom: medium none;
border-bottom: 1px solid #f7f7f7;
}

.zappei-starke-marken-logo ul li:nth-child(19)
{
border-bottom: 1px solid #f7f7f7;
border-right: 1px solid #f7f7f7;
}

@media (max-width: 767px)
{
.zappei-starke-marken-logo ul li {
    border: 1px solid #f7f7f7;
  }

.zappei-starke-marken-logo ul li img {
    text-align: center;
  }
}

.zappei-starke-marken-logo .anmt-image-zoom
{
overflow: hidden;
}

.zappei-starke-marken-logo .anim-img-zoom img
{
transform:scale(1) translateZ(0);
transition-property:transform,-webkit-transform;
transition-duration:.5s;
transition-timing-function:ease;
}

.zappei-starke-marken-logo .anim-img-zoom:hover img
{
transform:scale(1.1) translateZ(0)
}

ul.zappei-listing
{
float: left;
margin: 0 0 20px 0;
padding: 0;
}

ul.zappei-listing li
{
margin: 0;
padding-left: 12px;
background: url(../img/01-icons/dot.png) 0 10px no-repeat;
font-weight: 400;
font-size: 16px;
line-height: 30px;
color: #333;
list-style: none;
}

.text-center
{
text-align: center;
margin: 0 auto;
}