/*========================================================
        hube & friends
        1. Allgemeine HTML-Elemente
========================================================*/

/*http://css-tricks.com/rems-ems/*/
/*
2DO

*/



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, font, 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 {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    margin: 0;
    outline: 0 none;
    padding: 0;
    vertical-align: baseline;
}
html {
    height: 100%;
    /*font-size: 16px;*/
    font-size: 20px;
    /* SPINNER */
    background-color: #000;
    background-attachment: fixed;
    background-position: center center; 
    background-repeat: no-repeat;
    background-image: url('../pix/spinner.gif'); 
    background-size: 300px;

}

body {
    background-color: #fff;
    color: #000;
    font-family: 'Outfit', Arial, sans-serif;
    font-weight: 300;
    z-index: -32; /* damit body unter #heldIos liegt (sonst überdeckt bg-color von body #heldIos)*/
    height: 100%;
    line-height: 1.375;
    position: relative;
    /* bei position fixed ist schrift im safari dünner*/
    /*http://stackoverflow.com/questions/22204752/mac-safari-font-rendering-changes-thinner-when-any-element-on-the-page-gets-posi*/
    -webkit-font-smoothing: subpixel-antialiased;
}
h1, h2, h3 {
    /*font-family: 'Be Vietnam Pro', sans-serif;*/
      
}

h1, h2 {
    margin: 0px;
    margin-bottom: .5em;
    font-weight: 300;
    font-size: 4rem; /* 4rem */  
}
h1 .subline,
h2 .subline {
    display: block;
    font-size: .6em;
    padding: 0;
    margin: 0;
    margin-top: -.2em;
}   
h1 { /* titel! */
    font-size: 8rem; /* 5rem;*/
    /*text-transform: uppercase;*/
}

h2 { 
    margin-bottom: .5em; 
    /*text-transform: uppercase;*/
    font-size: 3.5rem;
    font-weight: 100;
}  /* ca. 20px  120%*/ 

h3 { 
    margin-bottom: .5em; 
    /*text-transform: uppercase;*/
    font-size: 3rem;
    font-weight: 100;
}  /* ca. 20px  120%*/ 
h3 .subline {
    display: block;
    font-size: .8rem;
    line-height: 1;
}

h4 {    
    font-size: 1.5rem;
    margin-bottom: 0em; 
    /*text-transform: uppercase;*/
    font-weight: 100;
     }  /* ca. 18px */  
h5 { font-size: 1.05rem; }   /* ca. 16px */ 
h6 { font-size: 1.02rem; }  /* ca. 14px */

ol, ul {
    list-style: none outside none;
}

div {
    overflow: visible;
}

a:link { text-decoration: none;   color: #000;}

a:visited { color: #000;}

a:hover, a:focus {  text-decoration: none;}

a:active{   color: #000;}

a { text-decoration: none; outline: none;}/* outline entfernt beim klicken den gepunkteten rahmen um den link*/

p, h3, ul {
    font-size: 1.2rem; /*ex 1.2rem;  wegen zuwenig text vergrößert*/
    word-spacing: .1rem;
    margin: 0;
    text-align: left;
    margin-bottom: 1em;
}

ul ul {
    margin: 0;
    margin-left: 1em;
}

li {
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
}
ul.bulletListe {
    list-style: none outside disc;
    padding-left: 1em;
    font-size: .8rem;
}

img {
    border: none;
}


.kursiv {
    font-style: italic;
}
 
.fett {
    font-weight: 500; 
}

.zentriert {
    text-align: center;
}
.unterstrichen {
    text-decoration: underline;
}

.schatten {
    -moz-box-shadow: 0 0 25px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.3);
}

.floatLeft {
    float: left;
}

.floatRight {
    float: right;
}
/* micro clearfix
http://nicolasgallagher.com/micro-clearfix-hack/ */
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}
.cf:after {
    clear: both;
}
/**  http://nicolasgallagher.com/micro-clearfix-hack/
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}

.lazy { /* lazy load per default ausgeblendet, wird nir bei aktivem js eingeblendet 
            in custom.js  ->  $("img.lazy").show().lazyload({... */
    display: none;
}

.unsichtbar {
    display: none;
}

.displayNone {
  display: none;
}


/*https://css-tricks.com/snippets/css/drop-caps/*/
.drop-cap:first-letter {
    float: left;
    font-size: 2.7em;
    font-size: 3em;
    line-height: 0.65;
    font-weight: 400;
    margin: 0.15em 0.0em 0.1em 0;
}


/*========================================================
        2. DIV-Bereiche
========================================================*/







#header {
    z-index: 999;
    position: absolute;
    position: fixed;

top: -85px;
    left: 0;
    width: 100%;
    height: 120px;
    height: 80px;
    background: rgba(0, 0, 0, 0.47);
        /*background: rgba(255, 255, 255, 0.9);*/
     border-bottom: 1px solid rgba(255,255,255, .2);
         box-shadow: 0px 4px 10px -10px rgba(0, 0, 0, 0.6);

      -webkit-transition: all 0.3s ease 0s;
       -moz-transition: all 0.3s ease 0s;
        -ms-transition: all 0.3s ease 0s;
         -o-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
}  



#header.headerSichtbar  {

top: 0;

}


 #header.headerSichtbar label.hamburger {

    margin-top: -10px;
}
 #header.headerSichtbar .hamburgerLinie { 

    
    box-shadow: none;

}









#logo {
    position: absolute;
    top: 0;
    left: 0;
}

#logo img {
   height: 80px;
   height: 70px;
   width: auto;
   margin-left: 20px;
   margin-top: 20px;
   margin-top: 5px;
}





#menueHolder { 
    position: absolute; /* ex RELATIVE*/
    /*position: fixed;*/ /*?????????*/
    right: 0;
    top: 25px;
    width: 100%; 
    /*height: 100%; */
    margin-left:auto; 
    margin-right: auto; 
    /*background: #17B5EB;*/
}

input#hamburger { display: none; }
label.hamburger {
    display: block;
    width: 1.3em;
    height: 1em;
    position: relative;
    position: absolute;
    right: 8%;
    right: 20px;
    /*padding: 1em; clickbereich vergrößern*/
    cursor: pointer;
    padding: 10px;
    z-index: 100;
    text-align: center;
    margin-top: 73px;
}





.hamburger {
    text-align: right;
    color: #000;
    padding-top: .2rem;
    font-size: 2rem;
}

.hamburgerLinie { 
    display: block; 
    position: absolute; 
    right: 0;
    margin-right: 10px;
    height: 2px; /*5px*/
    width: 40px; 
    background: #fff;
    /*border-radius: 2px;*/
    -webkit-transition: all 0.3s ease 0s;
       -moz-transition: all 0.3s ease 0s;
        -ms-transition: all 0.3s ease 0s;
         -o-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
    transform-origin: center; 
    box-shadow: 0px 1px 1px rgba(0,0,0,.73);

    box-shadow: 0px 1px 4px 1px rgb(0 0 0 / 42%);


}
/*.indexSeite .hamburgerLinie { 
    box-shadow: 0px 1px 1px rgba(0,0,0,1);
}*/

#hamburgerLinie1 { top: 12px; }
#hamburgerLinie2 { top: 24px; }
#hamburgerLinie3 { top: 36px; }

    
#hamburger:checked + .hamburger #hamburgerLinie1 {
    transform: translateY(12px) rotate(-45deg);
    box-shadow: 0px 1px 1px rgba(255,255,255,0);
}

#hamburger:checked + .hamburger #hamburgerLinie2 {
    opacity: 0;
    box-shadow: 0px 1px 1px rgba(255,255,255,0);
}

#hamburger:checked + .hamburger #hamburgerLinie3 {
    transform: translateY(-12px) rotate(45deg);
    box-shadow: 0px 1px 1px rgba(255,255,255,0);
}


#menue { 
    height: 0; 
    margin-top: -3.3rem; /*-8rem;*/
    padding-top: 8rem;
    padding-top: 7rem;
    /* damit menue oben den #navi bereich überdeckt  aber logo liegt drüber*/
    max-height: 0; 
    overflow: hidden; 
    background: rgba(255,255,255,.0); /* entweder scrollIn oder fade In */
    text-align: center;
    transition: all .3s; 
}

#hamburger:checked + .hamburger  + #menue { 
    height: 3000px;    
    height: 100vh;
    /* krücke weil #menueholder darf nicht height:100% sein, sonst überdeckt er steuerelemete von slideshow. 
    so "dehnt" #menue den #menueholder nur bei #hamburger:checked  */
    max-height: 0;
    max-height: 100%; /* entweder scrollIn oder fade In */
    background: rgba(0,0,0,.73); 
    /*background: rgba(0,0,0,.32);*/
    backdrop-filter: blur(5px);
}

/*#header:has(> #hamburger:checked) { 
    top: 0!important;
    display: none;
}*/

#menue ul { 
    width: 12em;
    display: inline-block;
    padding: 0 20px;
    margin-bottom: 0;
}
#menue ul li { 
    text-align: center;
    list-style-type: none; 
    color: white; 
    padding: .2em 0;
}
#menue ul li:last-child {
    border-bottom: 0;
}

#menue ul li a { 
    font-size: 1.5rem;
    font-size: 2rem;
    /*text-transform: uppercase;*/
    text-shadow: 0 0 20px rgba(0,0,0,1); 
    color: #fff; 
    text-decoration: none; 
    display: block;
    margin: 0 1em;
    margin-bottom: .3em;
    -webkit-transition: all 0.8s ease 0s;
       -moz-transition: all 0.3s ease 0s;
        -ms-transition: all 0.3s ease 0s;
         -o-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
}

#menue ul li a:link { }

#menue ul li a:visited { }

#menue ul li a:hover { 
    margin-left: 0;
}

#menue ul li a:focus { }

#menue ul li a:active { }

#menue ul li a { }





#navi { 
    position: relative;
    margin: 0 auto;
    padding-top: 10px;
    z-index: 100;
    text-align: center;
}








 .held {
        /*position: relative;*/
        z-index: 2;
/*        display: inline-block;
        vertical-align: top;*/
        /*width: 50%;*/
        padding-left: 4vw;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
/*min-height: 600px;*/
        padding-top: 100px;
        padding-bottom: 100px;
box-sizing: border-box;
box-shadow: 12px 0px 16px 0px rgb(0 0 0 / 42%);


    position: absolute;
    width: 50vw;
    height: 100vh;



/*background-color: hsl(200 15% 15% / .6);*/
/*background-color: hsl(200 20% 20% / 1);*/

  background-color: hsl(200 25% 20% / .3) /* !important*/;
  backdrop-filter: blur(3px);
  

    /*animation: 9s ease-in-out 0s infinite rainbow;*/

    
        
}
/*@keyframes rainbow{
    0%    { background-color: hsl(200 15% 15% / .6);}
    12.5% { background-color: hsl(155 15% 15% / .6);}
    25%   { background-color: hsl(110 15% 15% / .6);}
    37.5% { background-color: hsl(65 15% 15% / .6);}
    50%   { background-color: hsl(20 15% 15% / .6);}
    62.5% { background-color: hsl(335 15% 15% / .6);}
    75%   { background-color: hsl(290 15% 15% / .6);}
    87.5% { background-color: hsl(245 15% 15% / .6);}
    100%  { background-color: hsl(200 15% 15% / .6);}


}*/


.zweiSpalter.halbeHoehe .held {
    height: 70%;
    /*background-color: red;*/
  }


.zweiSpalter {
    padding:0;
    margin-top: 0;


    background-color: #282828;
    background-color:  #232b29;


    display: initial;

    /*background-color: hsl(200 30% 30% / 1);*/
    background-color: hsl(200 15% 15% / 1);
    /*background-color: hsl(200 20% 20% / 1);*/

    /*animation: 90s ease-in-out 0s infinite rainbow;*/
        
}
/*@keyframes rainbow{
    0%    { background-color: hsl(200 15% 15% / 1);}
    12.5% { background-color: hsl(155 15% 15% / 1);}
    25%   { background-color: hsl(110 15% 15% / 1);}
    37.5% { background-color: hsl(65 15% 15% / 1);}
    50%   { background-color: hsl(20 15% 15% / 1);}
    62.5% { background-color: hsl(335 15% 15% / 1);}
    75%   { background-color: hsl(290 15% 15% / 1);}
    87.5% { background-color: hsl(245 15% 15% / 1);}
    100%  { background-color: hsl(200 15% 15% / 1);}


}*/




.zweiSpalter.halbeHoehe  {

height: 70%;
}
.zweiSpalter.halbeHoehe .heldText img {

width: 22vw;
}





.zweiSpalter.halbeHoehe .decoration
{
height: 70%;
}
/*.zweiSpalter .decoration,*/
.zweiSpalter.halbeHoehe .decoration .decorationImage,
.zweiSpalter.halbeHoehe .decoration .decorationImage img {

height: 100%;
}








#signatur {
    position: absolute;
    left: 4vw;
    bottom: 30px;
    font-size: 1.5vw;
    font-size: 5vw;
    font-size: 55pt;
    font-weight: 200;
    line-height: 1;
    color: #fff;
    white-space: nowrap;
    letter-spacing: .1em;
    letter-spacing: .03em;
    margin-bottom: 0;
    text-shadow: 2px 9px 16px rgba(0, 0, 0, .5);
}

#signatur span {
/*display: block;*/
font-size: .36em;
margin-top: .2em;

   }

.heldText {
    display: inline-block;
    width: 100%;
    /*background-color: #282828;*/
    color: #fff;    
    text-shadow: 2px 9px 16px rgba(0, 0, 0, .5);
}

.heldText h1,
.heldText h2 {
    font-size: 17.3vw;
    font-size: 12vw;
    font-size: 13vw;
    font-weight: 300;
    line-height: 1;
    margin: 0 0 -.1em -.05em;
    color: #fff;
    white-space: nowrap;
    letter-spacing: .05em;
    }

.heldText h1 span {
    /*das wäre cool */
    /*https://fossheim.io/writing/posts/css-text-gradient/*/
    display: block;
    font-size: 2.5vw;
    font-weight: 300;
    white-space: nowrap;
    /*https://www.mediaevent.de/css-text-mit-verlauf-fuellen/*/
    /*     background-image:linear-gradient(90deg,blue, green,yellow,red,purple);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    width: fit-content;*/
    font-size: 2.4vw;
    letter-spacing: .1em;
    padding-left: .35em;
}


.heldText img {
    z-index: -1;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 30vw;
    /*opacity: .2;*/
    margin-left: 0;

}



                                                                                .heldAbstandUnten----- {
                                                                                        max-height: 120px;
                                                                                        height: calc(50vh - 300px);
                                                                                display: none;
                                                                                    }




.decoration {
        display: inline-block;
        vertical-align: top;
        width: 100%;
        position: relative;
        z-index: 1;
        background-color: #282828;
/* wenn height 100vh auskommentiert -> panorama effekt !!!! */

        height: 100vh;
    }

.decorationImage {
    -webkit-transition: opacity .5s, visibility .5s;
    transition: opacity .5s, visibility .5s;
    opacity: 1;
    visibility: inherit;
    z-index: 2;
    cursor: pointer;
    background: #000;
}
.decorationImage img {
    max-height: 100vh;
    /*min-height: 600px;*/
    object-fit: cover;
    height: 100vh;
    width: 100%;
}
.decorationVideo {
    height: 100%;

}
#video1, 
#video2,
#video3, 
#video4,
#video5, 
#video6,
#video7 {
  z-index: 1;
  display: initial;
}
#videoMobil1,
#videoMobil2,
#videoMobil3,
#videoMobil4,
#videoMobil5,
#videoMobil6,
#videoMobil7 {
  z-index: 0;
  display: none;
}
@media (max-aspect-ratio: 1/1.2) {
#video1, 
#video2,
#video3, 
#video4,
#video5, 
#video6,
#video7 {
    z-index: 0;
    display: none;
  }
#videoMobil1,
#videoMobil2,
#videoMobil3,
#videoMobil4,
#videoMobil5,
#videoMobil6,
#videoMobil7 {
    z-index: 1;
    display: initial;
}
  }




                                                                            .decorationImage .image-height-setter------------------ {
                                                                                display: block;
                                                                                background-color: #fff;

                                                                            }



.decorationVideo video {
    width: 100%;
    height: 100%;
    object-fit: cover;

    /*cooler effect*/
    /*object-fit: contain;*/
}


.videoCover {
    height: 100%;
    width: 100%;
    /*background-color: #0000006b;*/
    position: absolute;
    top: 0;
    left: 0;
}





.copy {
    background-color: #fff;
    font-size: 3rem;
    padding: 3rem;
    font-weight: 200;
    letter-spacing: .03em;
}

.copy p, 
.copy h3,
.lightbox {
    max-width: 960px;
    margin: 0 auto;
    margin-bottom: .2em;
}
.copy p {
    margin-bottom: 1em;
}
.copy p.zitat {
    border-top: 1px solid #000;
    padding-top: .5em;
    padding-bottom: .5em;
    font-weight: 400;
}


.copy h3 {
    font-size: 2.7rem;
    max-width: 50%;
    max-width: 960px;
    margin bottom:  1em;   
    text-decoration: underline;
    text-transform: lowercase;
    margin: 0 auto;
    margin-bottom: 0.3em;
    text-decoration: underline;
    line-height: 1.1em;
    margin-top: 1em;
}
.copy h3.first {
  margin-top: 0;
}

.copy h3 span {
    display: inline-block;
    max-width: 64%;
    background-color: initial !important;
    box-shadow:  none;
    padding: 0;
    text-decoration: underline;
    font-weight: 600 !important;
}

.copy p span.fett,
.copy h3 span.fett {
    font-weight: 400;
}


.copy h3 img {
    margin: 20px;
    margin-top: 0;
    margin-right: 0;
    max-width: 200px;
    float: right;
}


 #uebermichZiel {
    display: inline-block;
    padding-top: 8em;
    margin-top: -8em;
 }

#footer {
    position: relative;
    z-index: 10;
    background-color: #fff;
    color: #0000;
    font-size: .8rem;
    font-weight: 300;
    margin: 0;
    padding: 0;  
    filter: invert(1);    
}

#footer .zeile {
    border-top: 3px solid #000;
        padding: 3rem;
    padding-top: 2rem;
    padding-bottom: 3rem
}

#footer p {
    margin: 0;
    color: #000;
    font-size: .7rem;
    font-size: 1rem;
    letter-spacing: .06rem;
    text-align: center;
}

#footer .floatLeft {
    /*text-transform: uppercase;*/
    margin: 0;
    padding: 0;
}
#footer .floatLeft img {
    width: 20px;
    height: auto;
    transform: translateY(5px);
}
#footer .floatLeft p {
    margin: 0;
    color: #000;
   
    /* text-align: center; */
    display: inline-block;
    margin-right: 4vw;
    margin-right: 3vw;
    margin-right: 4em;
}
#footer .floatRight p {
    display: inline-block;
}
#footer .floatRight p#footerSpalteImpressum {
    padding-right: 1em;
}


#footer a:link { color: #000;}

#footer a:visited { color: #000;}

#footer a:hover { 
    color: #000;
    text-decoration: underline;
}
#footer a:focus { color: #000;}

#footer a:active { color: #000;}

#footer a {  
    color: #000;
    outline: none;/* outline entfernt beim klicken den gepunkteten rahmen um den link*/

}





/*========================================================
        3. Impressum / Datenschutz
========================================================*/



#datenschutzSeite .copy h3,
#datenschutzSeite .copy h4,
#datenschutzSeite .copy h5,
#datenschutzSeite .copy h6,
#datenschutzSeite .copy ul,

#impressumSeite .copy h3,
#impressumSeite .copy h4,
#impressumSeite .copy h5,
#impressumSeite .copy h6,
#impressumSeite .copy ul {
    max-width: 960px;
    text-decoration: underline;
    text-transform: initial;
    margin: 0 auto;
    margin-bottom: 0.3em;
    text-decoration: none;
    line-height: 1em;
    margin-top: 1em;
}
#datenschutzSeite .copy h3,
#impressumSeite .copy h3 {
    font-size: 2.4rem;
    font-weight: 500;
    text-decoration: underline;
}


#datenschutzSeite .copy h4,
#impressumSeite .copy h4 {
    font-size: 2rem;
}
#datenschutzSeite .copy h5,
#impressumSeite .copy h5 {
    font-size: 1.5rem;
    font-weight: 200;
}
#datenschutzSeite .copy h6,
#impressumSeite .copy h6 {
    font-size: 1.1rem;
    font-weight: 500;
}

#datenschutzSeite .copy ul,
#impressumSeite .copy ul {
    list-style: none outside disc;
    padding-left: 1em;
    font-size: 1rem;
    word-spacing: .1rem;
    text-align: left;
    margin-bottom: 1em;
    line-height: 1.375;


}

#datenschutzSeite .decoration,
#impressumSeite .decoration,
#datenschutzSeite .held,
#impressumSeite .held {
    height: 75vh;
}










@media only screen and (min-width: 901px)  and (max-width: 1500px) { /*881 1000*/
    .zweiSpalter .held #signatur {
        font-size: 5vw;

    }
    .zweiSpalter .held #signatur span.sigDot {
        display: inline;
    }

    .zweiSpalter .held #signatur span {
        font-size: .36em;
        display: inline;
              

    }


    #footer .floatLeft p {
    margin-right: 2rem;
    display: block;
    margin: 0;
}
    #footer #footerSpalteLinks {
        float: initial;
        width: initial;
        padding: 0;
    }

    #footer #footerSpalteRechts {
        float: initial;
        width: initial;
        /*padding: 3rem 0;*/
        padding-top: 1rem;
        text-align: center;
    }

    #footer .zeile {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }




}

@media only screen and (min-width: 601px)  and (max-width: 900px) { /*881 1000*/

    .heldText h1 span {

    font-size: 3.4vw;

}

.heldText h2 {

    font-size: 16vw;
     /*text-shadow: 0 0 10px rgba(0,0,0,.5); */

}

    .zweiSpalter .held #signatur {
        font-size: 7vw;

    }
    .zweiSpalter .held #signatur span.sigDot {
        display: none!important;
    }

    .zweiSpalter .held #signatur span {
        display: block;
        font-size: .4em;

    }

    .copy img {
        float: initial;
        margin: 0 auto;

        display: block;
    }

    .copy h3 {
    font-size: 1.5rem;
}



        #footer .floatLeft p {
    margin-right: 2rem;
    display: block;
    margin: 0;
}
    #footer #footerSpalteLinks {
        float: initial;
        width: initial;
        padding: 0;
    }

    #footer #footerSpalteRechts {
        float: initial;
        width: initial;
        /*padding: 3rem 0;*/
        padding-top: 1rem;
        text-align: center;
    }

    #footer .zeile {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }

}
@media only screen and (min-width: 0px)  and (max-width: 600px) { /*881 1000*/


    #menue ul li a { 
    font-size: 1.8rem;
    margin-bottom: 0;
}





    .heldText h1  {

    /*text-shadow: 0 0 10px rgba(0,0,0,.5); */

}


    .heldText h1 span {

    font-size: 4.4vw;
    font-size: 6vw;
    /*text-shadow: 0 0 10px rgba(0,0,0,.5); */

}


.heldText h2 {

    font-size: 16vw;
     /*text-shadow: 0 0 10px rgba(0,0,0,.5); */

}
    .zweiSpalter .held #signatur {
        font-size: 9vw;

    }
        .zweiSpalter .held #signatur span.sigDot {
        display: none!important;
    }

    .zweiSpalter .held #signatur span {
                display: block;
        font-size: .6em;

    }


.copy {

    padding-left: 1rem;
padding-right: 1rem;
    }

.copy img {

    float: initial;


        float: initial;
        margin: 0 auto;

        display: block;
}


    .copy h3 {
        font-size: 1.5rem;

    }
.copy h3 span {

    max-width: initial;

}

    .copy p {
    font-size: 1rem;

}





    #footer .floatLeft p {
    margin-right: 2rem;
    display: block;
    margin: 0;
}
    #footer #footerSpalteLinks {
        float: initial;
        width: initial;
        padding: 0;
    }

    #footer #footerSpalteRechts {
        float: initial;
        width: initial;
        /*padding: 3rem 0;*/
        padding-top: 1rem;
        text-align: center;
    }

    #footer .zeile {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }


}