*        { margin:0; padding:0; border:0; border-collapse:collapse; border-spacing:0;
         text-decoration: none; font-family: Helvetica, Arial, sans-serif; color: black; -webkit-text-size-adjust: none; }
body     { top: 0; bottom: 0; left: 0; right: 0; overflow: hidden; background-color: #000; scrollbar-color: #aaa #eee;  scrollbar-width: thin; }
/* -------------- HINTERGRUNDEBENEN -------------- */
img#bg            { position:fixed; top: 0; bottom: 0; left: 0; right: 0; width:100%; height:100%; }
img.bgTxt         { width: 512px; height:110px; opacity: .7}

div.bgRechts       { position: fixed; top:0; right: 0; float:right; text-align:right; height:100%; width: 100%; overflow-y: scroll;  }
img.bgRechtsScale  { height:100%; margin: 0 0 -20px 0  }
img.bgRechtsScale1 { height:100%; margin: 0 0 -20px 0  }   /* --- transp. mobile PT --- */

/* -------------- LINKS KOPFZEILE -------------- */
p.links          { font-size: 1.3125em; line-height: 1.0em; color: #b2b2b2; }
a.links          { color: #b2b2b2; transition: .3s ease; } a.links:hover  { color: black; transition: .3s ease; }
p.linksBottom    { font-size: 1.3125em; line-height: 1.0em; color: black; }
a.linksBottom    { color: black; transition: .3s ease; }         a.linksBottom:hover  { color: #b2b2b2; transition: .3s ease; }
span.links       { color: black; }

/* -------------- CONTENT -------------- */
/* --- home ---*/

div.max_width_home { position: absolute; top: 0; width: calc((100% - 65vh) * 0.8); height: 100%; text-align: center; }
div.contentHome  { max-width: 250px; width: 100%; height: 100%; text-align: center; margin: 0 auto 0 auto; padding: 0 0 0 36px; }

div.HomeLinks    { height:87.5%; min-height: 13em; width: calc(max(7vh, 2.375em) * 5.8); display: flex; flex-direction: column; justify-content: center; text-align: left; }
span.homeTitle   { font-size: 2.25em; font-size: max(7vh, 2.25em); line-height: 1.375em; color: #545454; font-weight: 100; letter-spacing:0.025em; }
a.home           { font-size: 2.25em; font-size: max(7vh, 2.25em); line-height: 1.1875em; color: #545454; font-weight: 900; transition: .2s ease; }
a.home:hover     { padding: 0 0 0 .4em; color:  #545454; transition: .2s ease; }
         @media  ( max-height:  360px ) { span.homeTitle, a.home { font-size: min( 10vh, 2.25em); } div.HomeLinks {min-height: 60%; } }

div.HomeCont     { display: none; }

/* --- standard ---*/
h2               { font-size: 1em; font-weight: bold; line-height: 2em; color: #242424; }
h3               { display: none; }
h4               { font-variant: small-caps; font-size: 1.125em; font-weight: bold; line-height: 2em; color: #242424; }
p                { font-size: 1em; line-height: 1.5em; }
a.type_3         { color: #000; transition: .2s ease; } .type_3:hover { color: #afafaf; transition: .2s ease;  }

.txtZitat        { font-style: italic;}
span.telephone   { display: none; }
a.telephone      { }
.txtUID          { font-size: 0.75em; height: 20px; width: 700px ; text-align: left; margin: auto; padding: 0 15% 0 30px; }
.txtFoto         { display:none; }

.hide_Mobile_PT  { color: #b2b2b2; }
.hide_Kont       { display: none; }

dl               { font-size: 1em; line-height: 1.5em; }
dt               { float: left; }
.dd1             { margin-left: 3.75em }   /* -liste VITA inszenierung- */
.dd2             { margin-left: 8.25em }   /* -liste VITA rollen - */
.dd3             { margin-left: 0.75em }   /* -liste angebot/ziele C:SR- */
.dd4             { margin-left: 4.25em }   /* -KONTAKT links - */

/* -------------- CONTAINER -------------- */
div.max_width    { position: absolute; top: 0; width: calc(100% - 40vh); height: 100%; text-align: center; }
div.max_width_bottom { position: absolute; top: 0; width: calc(100% - 47vh); height: 100%; text-align: center; }
/* --- content ---*/
div.scrollbox    { position: absolute; top:0; bottom:0; left:0; right:0;  width:100%; height:auto; margin: 44px 0 0 0;
                   overflow-x: hidden; overflow-y: scroll; }
div.content      { min-width: 260px; max-width: 700px; text-align: left; margin: 102px auto 0 auto; padding: 0 15% 0 30px; }
/* --- links & BG ---*/
div.scrollbar    { position: absolute; top:0; left:0; right:0;  width:100%; height:100%;
                   overflow-x: hidden; overflow-y: scroll; }
div.links        { height: 20px; width: 700px ; text-align: left; margin: 12px auto 0 auto; padding: 0 15% 0 30px; }
div.links2       { height: 8px; width: 700px ; text-align: left; margin: 18px auto 0 auto; padding: 4px 15% 0 0px;
                   font-size: 1.125em; font-weight: bold; }
div.links3       { height: 16px; width: 700px ; text-align: left; margin: 0px auto 0 auto; padding: 0 15% 0 0px;
                   font-size: 1.125em; font-weight: bold; }
div.bgTxtBox     { text-align: left; height: 221px; width: 700px; margin: 24px auto 0 auto; padding: 0 15% 0 30px;
                   transform: translate(-16px,0)}
/* --- footer uid ---*/
div.scrollbar2   { position: absolute; bottom:0; left:0; right:0; width:100%; height:20px;
                   overflow-x: hidden; overflow-y: scroll; }