@charset "utf-8";
/* CSS Document */

@import url("https://use.typekit.net/vad4sbj.css");


/* RESETTINGS */

/* Eric Meyers Reset | http://meyerweb.com/eric/tools/css/reset/  | v2.0 | 20110126 | License: none (public domain) */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
    /* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}

/* myResets */
header, footer, body, section, div, article, h1, h2, h3, h4, h5, p {margin: 0px; padding: 0px; border: none;}
* {box-sizing: border-box; left: auto;}



/* FARBDEFINITIONEN

    color: Standard-Blau-PBMT: rgb (13,0,130)
    color: Standard-Background "Smokewhiteblue": rgb (253,251,255)
    color: Standard-Background "OffWhite": rgb (255,251,255)
    color: Standard-Background grey: 'darkgrey' [rgb (169,169,169)]
    color: Standard-Background mygrey: 'darkgrey' [rgb (165,165,165)]
    color: Standard-Schriftfarbe grey: 'dimgray' [rgb (105,105,105)]
    color: Standard-Background Seiteninhalt "blanchedalmond": rgb (255,235,205)
    color: Standard-Background Seiteninhalt: rgb (255,248,237)
    color: Standard-Orange Seiteninhalt: rgb (247,147,30)

ÜBERSICHT DER MINIMALBREITEN

Fußzeile funktioniert bis zu einer Minimalbreite von 280px
Kopfzeile funktioniert bis zu einer Minimalbreite von 300 (250)px

Flip-Boxes funktionieren bis zu einer Minimalbreite von 450 (theoretisch bis zu 400)
State-Buttons funktionieren bis zu einer Minimalbreite von 365
Set-Cards funktionieren bis zu einer Minimalbreite von 300
Level-3-Inhalte funktionieren bis zu einer Minimalbreite von 400

*/

/* ====================================================================================================================================
                ----- Standardformatierungen / Kopf- und Fußzeile / Navigation -----
    ==================================================================================================================================== */

/* Blockformate, übergreifend, Site-Struktur entsprechend */

html {
    font-size: 10px;
	box-sizing: border-box;
    scroll-behavior: smooth;}
body {
    margin: 0px ;
    padding: 0px;
    width: 100%;
    line-height: 1em;
    font-size: 1.6em;
    font-family: karmina-sans, sans-serif;
    font-style: normal;
    font-weight: 300;
    font-color: red;
    font-kerning: normal;
    font-variant-ligatures: normal;
    font-variant-ligatures: discretionary-ligatures;
    background-color: rgb(165,165,165);
    background-size: 100% 100%;
    background-repeat: no-repeat;}
header {
    position: fixed;
    text-align: center;
    top: 0px;
    left: 0px;
    width: 92%;
    margin-left: 4%;
    margin-right: 4%;
    padding: 0px;
    height: 115px;
    z-index: 100;
    background-color: none;
    border-bottom: 1px solid black;
    transition: 0.3s;}
#header-background {
    background-color: rgb(255,251,255);
    position: fixed;
    top: 0px;
    width: 100%;
    height: 135px;
    z-index: 90;
    transition: 0.3s;}
#main {
    margin: 135px 0px 0px 0px;
    padding: 65px 0px 200px 0px;
    background-color: rgb(255,251,255);
    transition: 0.3s;}
footer {
    background-color: rgb(165,165,165);
    width: 100%;
    margin: 0px;
    padding: 75px 0px 0px 0px;}



/* Standard-Link-Format */

:link, :visited, :focus, :hover, :active {
    text-decoration: none;}
a {
    color: currentColor;
    cursor: pointer;}
a:link {
    color: currentColor;}
a:visited {
    color: currentColor;}
a:focus {
    color: rgb(13,0,130);}
a:hover {
    color: rgb(13,0,130);}
a:active {
    color: rgb(13,0,130);
    font-style: italic;}



/* Standard-Absatzformate */

h1 {
    font-family: basel-neue, sans-serif;
    font-variant-ligatures: normal;
    font-style: normal;
    font-weight: 500;
    font-size: 3em;
    letter-spacing: -0.01em;
    line-height: 1.15em;
    color: rgb(13,0,130);
    text-align: center;
    margin: 0px auto 0.7em auto;}
h1.Banner {
    font-size: 70px;
    font-weight: 400;
    letter-spacing: -0.02em;
    padding: 0px;
    margin: 0px;
    margin-bottom: 35px;}
h2 {
    font-family: basel-neue, sans-serif;
    font-variant-ligatures: normal;
    font-weight: 500;
    font-style: italic;
    font-size: 2.1em;
    line-height: 1.1em;
    letter-spacing: -0.03em;
    color: rgb(13,0,130);
    text-align: center;
    margin-top: 50px;
    margin-bottom: 35px;}
section h2:first-child {margin-top: 0px;}
h3 {
    font-family: museo-sans-rounded, sans-serif;
    font-variant-ligatures: normal;
    font-style: normal;
    font-weight: 500;
    font-size: 1.6em;
    line-height: 1.15em;
    color: rgb(13,0,130);
    margin-top: 0px;
    margin-bottom: 0.4em;}
h4 {
    font-family: museo-sans-rounded, sans-serif;
    font-variant-ligatures: normal;
    font-style: normal;
    font-weight: 300;
    font-size: 1.2em;
    letter-spacing: .01em;
    line-height: 1.15em;
    color: rgb(13,0,130);
    margin-top: 0px;
    margin-bottom: 0.4em;}
h5 {
    font-family: museo-sans-rounded, sans-serif;
    font-variant-ligatures: normal;
    font-style: normal;
    font-weight: 500;
    font-size: 1.1em;
    letter-spacing: .01em;
    line-height: 1.15em;
    color: rgb(13,0,130);
    margin-top: 0px;
    margin-bottom: 0.4em;}
h6 {
    font-family: museo-sans-rounded, sans-serif;
    font-variant-ligatures: normal;
    font-style: normal;
    font-weight: 500;
    font-size: 1.1em;
    letter-spacing: .01em;
    line-height: 1.15em;
    color: rgb(13,0,130);
    margin-top: 0px;
    margin-bottom: 0.4em;}
p+h3, p+h4, p+h5, p+h6 {margin-top: 0.8em;}

p, article {
    hyphens: auto;
    font-size: 19px;
    line-height: 1.3em;
    font-variant-ligatures: common-ligatures;
    margin-top: 0px;
    margin-bottom: 0.3em;
    color: rgba(80,80,80,1.00);}
footer p {
    font-size: 16px;
    line-height: 1.2em;
    color: black;}
p.emphasis {
    margin-bottom: 0.5em;
    margin-right: 15%;
    text-align: center;
    color: rgb(13,0,130);
    font-weight: 400;
    letter-spacing: 0.03em;}
blockquote {
    font-size: 20px;
    font-style: italic;
    line-height: 1.3em;
    font-variant-ligatures: discretionary-ligatures;
    text-indent: -6px;
    margin-top: 0px;
    margin-bottom: 0.3em;
    color: rgba(80,80,80,1.00);}
cite {
    font-size: 15px;
    line-height: 1.3em;
    text-align: right;
    margin-top: 0px;
    margin-bottom: 0.3em;
    color: rgba(80,80,80,1.00);}
footer h3 {
    font-family: Basel Neue;
    font-style: normal;
    font-weight: 400;
    font-size: 1.2em;
    color: rgb(13,0,130);
    margin-top: 0px;
    margin-bottom: 0.5em;}



/* Zeichenformate */

em, i {font-style: italic;}
i {font-variant-ligatures: discretionary-ligatures;}




/* Navigation */

nav {
    font-family: basel-neue;
    font-weight: 400;
    font-size: 17px;
    font-variant-ligatures: common-ligatures;    
    font-variant-ligatures: discretionary-ligatures;
    font-variant-ligatures: historical-ligatures;
    font-variant-ligatures: contextual;}
nav.BottomNavigation {
    font-size: 15px;
    letter-spacing: 0.01em;}

nav ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;}
nav ul li {
    margin: 0px;
    padding: 0px 15px;}
.MOP {
    padding: 0px 10px;
    margin-bottom: 11px;}
.dropdown1-item {
    padding: 0px;
    margin-bottom: 10px;}
.NavBar {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;}
#TopNavigation {
    position: relative;
    top: 88px;
    max-width: 100%;
    margin: auto;
    text-align: center;
    transition: 0.3s;}

.NavBar > li {height: 25px;}

#TopNavigation .einblenden2 {display: none;}
#TopNavigation .einblenden1400 {display: none;}

#TopNavigation a::before {display: block; content: attr(name); font-weight: bold; font-style: normal; overflow: hidden; height: 0px;}

#TopNavigation a.sub {position: relative;}
.subImg {
    display: block;
    position: relative;
    top: -19px;
    margin: 0px auto;
    padding: 0px;
    transform: scale(0.5);
    opacity: 0.3;}


#einblenden4 {
    display: none;}

.BottomNavigation {
    margin: 0px 10%;
    padding-bottom: 45px;
    text-align: center;}

.anchor-divider {
    position: relative;
    top: -163px;
    margin: 0px;
    padding: 0px;}


/* Dropdown Navigation */

.dropdown {    /* The container <div> - needed to position the dropdown content */
    position: relative;
    display: inline-block;}
.dropdown-content {    /* Dropdown Content (Hidden by Default) */
    display: none;
    position: absolute;
    top: 20px;
    padding: 25px 35px;
    min-width: 155px;
    background-color: rgb(253,251,255);
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1000;}
#dropdown-content-1 {left: 0px;}
#dropdown-content-2 {right: 0px;}

.dropdown:focus ul.dropdown-content, .dropdown:hover ul.dropdown-content, .dropdown:active ul.dropdown-content {
    display: block;}


/* Alternative Navigation */

#NavTrigger {
    display: none;
    width: 35px;
    height: 38px;
    position: absolute;
    top: 28px;
    right: 0px;
    margin: 0px;
    padding:  1px 0px;
    border: 1px solid dimgray;
    border-radius: 7%;
    cursor: pointer;
    transition: 0.5s;}
#NavTrigger:focus, #NavTrigger:hover, #NavTrigger:active {
    color: rgb(13,0,130);}

.overlay {    /* The Overlay (background) */
    height: 0;
    width: 100%;
    position: fixed;    /* Stay in place */
    z-index: 100;         /* Sit on top */
    left: 0;
    top: 0;
    background-color: rgb(253,251,255);         /* Black fallback color */
    background-color: rgba(253,251,255,0.97);    /* Black mit Transparenz */
    overflow-x: hidden;                         /* Disable horizontal scroll */
    transition: 0.7s;}                           /* transition effect to slide down the overlay */
.overlay-content {    /* Position the content inside the overlay */
    position: relative;
    top: 95px;        /* 95px top margin to avoid conflict with the close button on smaller screens */
    width: 100%;
    text-align: center;}
.overlay li {    /* The navigation links inside the overlay */
    padding-bottom: 10px;
    text-decoration: none;
    font-size: 24px;
    line-height: 1.1em;
    color: dimgray;
    transition: 0.3s;} /* Transition effects on hover (color) */
.overlay .closebtn {    /* Position and style the close button (top right corner) */
    position: absolute;
    top: 30px;
    right: 30px;
    font-size: 50px;}


.alternativeNav-Trigger {    /* The container <div> - needed to position the dropdown content */
    position: relative;
    display: block;}

.dropdown-content-alternate {    /* Dropdown Content (Hidden by Default) */
    display: none;
    margin: 15px 0px 0px 0px;    
    transition: all 0.9s ease-in-out;}

.dropdown2-item {
    display: block;
    padding: 0px;
    margin: 0px auto;
    max-width: 250px;
    font-weight: 300;
    line-height: 1em;}
.dropdown-content-alternate li {
    font-size: 18px;
    font-style: normal;}
.overlay-content>li:last-child {
    padding-bottom: 100px;}

.alternativeNav-Trigger:focus .dropdown-content-alternate, .alternativeNav-Trigger:hover .dropdown-content-alternate, .alternativeNav-Trigger:active .dropdown-content-alternate {
    display: block;}


/* Navigation - Link-Formate */

a.Navigation, a.Navigation:link, a.Navigation:visited {color: dimgray;}

a.Navigation:focus, a.Navigation:hover, a.Navigation:active {color: rgb(13,0,130); font-weight: 500;}

a.NavigationBottom:link, a.NavigationBottom:visited {color: rgb(255,251,255);}

a.NavigationBottom:focus, a.NavigationBottom:hover, a.NavigationBottom:active {color: red; font-style: normal;}

div#SeitenTitel a:active {font-style: normal;}

a.externallink {position: relative; margin-right: 35px}
a.externallink::after {
    content: url("../icons_und_logo/icon_ext_Link.svg");
    height: 10px;
    position: absolute;
    transform: translateX(-49px) translateY(-02px) scale(0.14);}

a.currentlink{color: rgb(13,0,130) !important; font-style: italic;}     /* Ist nur ein vorläufiger Workaround: die Klasse muß irgendwie im DOM gesetzt werden, entweder manuell oder per Javascript */


/* Kopfzeilenelemente */

#Logo {
    width: 130px;
    position: absolute;
    top: 10px;
    left: -31px;
    transition: 0.3s;}
#SeitenTitel {
    position: fixed;
    top: 40px;
    width: inherit;
    margin: 0px auto;
    text-align: center;
    font-family: basel-neue;
    font-style: normal;
    font-weight: normal;
    font-size: 2.1em;
    transition: 0.5s;}
#TitelName {
    font-weight: 500;
    font-size: 1.07em;
    color: rgb(13,0,130);}
.TitelBenennung {
    font-family: politica;
    font-weight: 400;
    color: #7F7F7F;}
.einblenden1 {
    display: none;}
#SocialMedia {
    position: absolute;
    right: 0.1%;
    transition: 0.5s;
    z-index: 99;}
.SocialMediaLink {
    width: 25px;
    margin: 0px 3px 3px 0px;
    transition: 0.3s;}
.SocialMediaLink:focus, .SocialMediaLink:hover, .SocialMediaLink:active {
    transform: scale(1.3) translateY(2px);}



/* Fusszeilenelemente (vor Fußzeile) - Link nach oben */

div.TopLink {
    position: relative;
    width: 31px;
    height: 30px;
    margin: -21px auto -9px auto;
    padding: 0px 0px;
    border: 1px solid rgba(13,0,130,0.5);
    border-radius: 7%;
    cursor: pointer;}
img.TopLink {
    position: relative;
    top: -10px;
    left: -10px;
    width: 50px;
    height: 50px;
    transform: rotate(180deg);
    opacity: 0.3;}



/* Fusszeilenelemente */

div#Fusszeile {
    display: flex;
    justify-content: center;
    position: static;
    width: 100%;
    margin: 0px 0px 35px 0px;}
div#FusszeilePortfolio {
    text-align: right;
    width: 300px;
    margin: 1px 0px;
    padding-right: 20px;
    padding-left: 20px;}
div#FusszeileImpressum {
    text-align: left;
    width: 300px;
    margin: 1px 0px;
    padding-right: 20px;
    padding-left: 20px;}
#Bildspalte-footer {
    width: 350px;
    margin: 0px;}
#GalerieFooter {
    width: 100%;
    margin: 0px;}
.DekoBild-footer {
    width: 350px;
    margin: 0px auto;
    padding: 0px;}




/* ====================================================================================================================================
                ----- BODY -----
    ==================================================================================================================================== */

/* Seiteninhalte */








/* ====================================================================================================================================
                ----- Seitenkopf- und Fußteil - Media-Queries und Responsiv-Design -----
    ==================================================================================================================================== */

/* BREAKPOINTS AND RESPONSIVE-DESIGN */


/* Die Ausrichtung der oberen Seiteninhalte und ein paar Formatierungen */

@media (max-width: 2000px) {
    #main {padding: 40px 0px 150px 0px;}
    h1 {font-size: 2.6em; line-height: 1.15em;}
    h1.Banner {font-size: 65px; margin-bottom: 35px;}
    .anchor-divider {top: -138px;}
    a.externallink::after {transform: translateX(-51px) translateY(-03px) scale(0.13);}}

@media (max-width: 1500px) {
    #main {padding: 35px 0px 150px 0px;}
    h1 {font-size: 2.3em; line-height: 1.15em;}
    h1.Banner {font-size: 60px; margin-bottom: 35px;}
    .anchor-divider {top: -133px;}
    a.externallink::after {transform: translateX(-51px) translateY(-03px) scale(0.125);}}

@media (max-width: 1200px) {
    #main {padding: 25px 0px 150px 0px;}
    h1 {font-size: 2.0em; line-height: 1.0em;}
    h1.Banner {font-size: 50px; margin-bottom: 35px;}
    .anchor-divider {top: -123px;}
    a.externallink::after {transform: translateX(-50px) translateY(-04px) scale(0.12);}}

@media (max-width: 965px) {.anchor-divider {top: -120px;}}

@media (max-width: 800px) {
    #main {padding: 30px 0px 150px 0px;}
    h1 {font-size: 1.7em; line-height: 1.0em;}
    h1.Banner {font-size: 45px; margin-bottom: 30px;}
    .anchor-divider {top: -100px;}
    a.externallink::after {transform: translateX(-50px) translateY(-05px) scale(0.12);}}

@media (max-width: 650px) {.anchor-divider {top: -95px;}}

@media (max-width: 550px) {
    #main {padding: 30px 0px 150px 0px;}
    h1 {font-size: 1.5em; line-height: 1.0em;}
    h1.Banner {font-size: 35px; margin-bottom: 30px;}
    a.externallink {position: relative; margin-right: 25px}
    a.externallink::after {transform: translateX(-53px) translateY(-05px) scale(0.11);}

}



/* Kopf- und Fußzeilenanpassungen und generelles Layout */

@media (max-width: 1400px) {
    
    #TopNavigation a.ausblenden1400 {display: none;}
    #TopNavigation a.einblenden1400 {display: block;}
}

@media (max-width: 1050px) {
    
    #TopNavigation a.ausblenden50 {display: none;}
    #TopNavigation a.einblenden2 {display: block;}
}


@media (max-width: 1000px) {

    /* Fusszeilen-Umbau */
    div#Fusszeile {
        flex-flow: wrap;
        width: 600px;
        margin: 0px auto 35px auto;}
    div#FusszeilePortfolio {
        text-align: left;
        order: 3;
        flex: auto;
        padding-top: 25px;
        margin: 0px;}
    div#FusszeileImpressum {
        text-align: right;
        order: 2;
        flex: auto;
        padding-top: 25px;
        margin: 0px;}
    div#Bildspalte-footer {
        order: 1;
        width: 100%;
        text-align: center;}
}



@media (max-width: 965px) {

    #main {
        margin-top: 110px;}

    /* Kopfzeilenelemente */
    #header-background {
        height: 110px;}
    header {
        height: 87px;}
    #Logo {
        width: 99px;
        top: 7px;
        left: -23px;}
    #SeitenTitel {
        top: 25px;
        font-size: 1.6em;}
    .MOP {
        margin-bottom: 1px;}
    #TopNavigation {
        top: 63px;
        font-size: 15px;
        max-width: 100%;}
    .SocialMediaLink {
        display: block;
        width: 19px;
        margin-right: 1px;}
    #SocialMedia {
        top: 22px;
        z-index: 99;}
    #SocialMedia:focus, #SocialMedia:hover {
        transform: scale(1.7) translateY(20px);}
    .SocialMediaLink:focus, .SocialMediaLink:hover, .SocialMediaLink:active {
        transform: scale(1.3) translateX(-2px) translateY(2px);}
    
    .subImg {top: -21px; transform: scale(0.5);}
}


@media (max-width: 900px) {
    
    .ausblenden1 {display: none;}
}



@media (max-width: 800px) {

    #main {
        margin-top: 103px;}

    /* Kopfzeilenelemente */
    #header-background {
        height: 103px;}
    header {
        height: 69px;}
    #Logo {
        width: 85px;
        top: 0px;
        left: -20px;}
    #SeitenTitel {
        top: 20px;
        font-size: 1.3em;}
    .MOP {
        margin-bottom: 7px;}
    #TopNavigation {
        top: 48px;
        font-size: 14px;
        max-width: 79%;}
    .SocialMediaLink {
        width: 19px;
        display: inline;}
    #SocialMedia {
        top: 73px;
        width: 100px;
        left: 0px;
        right: 0px;
        margin: 0px auto;}
    #SocialMedia:focus, #SocialMedia:hover {
        transform: scale(1.8) translateY(7px);}
    .SocialMediaLink:focus, .SocialMediaLink:hover, .SocialMediaLink:active {
        transform: scale(1.3) translateX(0px) translateY(5px);}

    .ausblenden2 {
        display: none;}
    #NavTrigger {
        display: block;}
    
    .subImg {top: -24px; transform: scale(0.4);}
}



@media (max-width: 770px) {

    /* Fusszeilen-Navigation */
    .BottomNavigation {
        max-width: 400px;
        margin: 0px auto}
    nav.BottomNavigation ul li {
        padding: 0px 10px;
        width: 200px;}
    .left {
        text-align: right;
        margin-bottom: 10px;}
    .right {
        text-align: left;
        margin-bottom: 10px;}
    .center {
        text-align: center;}
}



@media (max-width: 650px) {

    #main {
        margin-top: 85px;}

    /* Kopfzeilenelemente */
    #header-background {
        height: 85px;}
    header {
        height: 58px;}
    #Logo {
        width: 65px;
        top: 5px;
        left: -15px;}
    #SeitenTitel {
        top: 15px;
        font-size: 1.15em;}
    #SocialMedia {
        top: 62px;}
    #TopNavigation {
        top: 39px;
        max-width: 75%;}
    #NavTrigger {
        top: 17px;}
    
    .subImg {top: -25px; transform: scale(0.3);}
}



@media (max-width: 625px) {

    /* Fusszeilen-Umbau */
    footer {
        padding-top: 50px;}
    div#Fusszeile {
        flex-flow: nowrap;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        width: 100%;}
    div#FusszeilePortfolio {
        text-align: center;
        order: 1;
        padding: 0px 0px 20px 0px;
        margin: 0px;}
    div#FusszeileImpressum {
        text-align: center;
        order: 3;
        width: 300px;
        padding: 25px 0px 0px 0px;
        margin: 0px;}
    div#Bildspalte-footer {
        order: 2;
        text-align: center;}
    .DekoBild-footer {
        width: 300px;
        margin: 0px auto;
        padding: 0px;}
    #footer-title-break {
        display: none;}
    footer h3 {
        white-space: normal;}
}



@media (max-width: 500px) {
    
    /* Kopfzeilenelemente */
    .ausblenden2 {display: none;}
    .TitelBenennung {font-family: politica-condensed; font-weight: 400;}
}



@media (max-width: 450px) {

    /* Fusszeilen-Umbau */
    .ausblenden3 {display: none;}
    .einblenden1 {display: inline;}
}



@media (max-width: 425px) {

    /* Fusszeilen-Umbau */
    .BottomNavigation .NavBar {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-content: center}
    .left, .right, .center {text-align: center;}
    .DekoBild-footer {width: 275px;}
}



@media (max-width: 400px) {
    
    /* Kopfzeilenelemente */
    #TopNavigation ul li {padding: 0px 5px;}
}



@media (max-width: 380px) {
    
    /* Kopfzeilenelemente */
    #TopNavigation {display: none;}
    .ausblenden3 {display: inline;}
    .einblenden1 {display: none;}
    .ausblenden4 {display: none;}
    #einblenden4 {display: inline;}
}



@media (max-width: 325px) {
    
    /* Fusszeilen-Umbau */
    #footer-title-break {display: inline;}
    .DekoBild-footer {width: 250px;}
    #Fusszeile div {width: 250px;}
}