*        { margin:0; padding:0; border:0; border-collapse:collapse; border-spacing:0;
           text-decoration: none; font-family: Helvetica, Arial, sans-serif; color: black; }
body     { top: 0; bottom: 0; left: 0; right: 0; overflow: hidden; 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: 1024px; height:221px; 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:57.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     { height:42.5%; width: calc((40vh * 0.74) + 15em); display: flex; flex-direction: column;  justify-content: center;}
div.homeTxt      { height: 66%; display: flex; align-items: flex-end; }
span.buchTxt     { text-align:center; margin: 0 0 0 1.25em; font-size: min(4.8vh, 1em); }
         @media  ( (max-width: 32em) and (max-width: 150vh) ) { span.buchTxt { display: none; } }
img.buchCover    { height: 100% ; float: left; box-shadow: 0 0 3px #000; }
a.buchCover      { height:100%; transition: 0.06s ease; }  a.buchCover:hover { transform: scale(1.12); transition: 0.06s ease; }


/* --- standard
calc (min(4.8vh, 1em) * 20 +10em)---*/
h2               { font-size: 1em; font-weight: bold; line-height: 2em; color: #242424; }
h3               { font-size: 1em; font-weight: bold; line-height: 2em; color: #242424; }
h4               { font-variant: small-caps; font-size: 1.125em; font-weight: bold; line-height: 1.2em; padding: 0.25em 0 0.75em 0; 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 }
.txtUID          { font-size: 0.75em; height: 20px; width: 700px ; text-align: left; margin: auto; padding: 0 15% 0 30px; }
.txtFoto         { font-size: 0.75em; height: 20px; text-align: right; margin: auto; padding: 0 12px 0 14em; white-space: nowrap; }
         @media  (max-height: 520px) { .txtUID, .txtFoto { display: none; } }
span.telephone   { }
a.telephone      { display:none; }

.hide_Mobile_PT  { color: #b2b2b2; }
         @media  (max-height: 492px) { .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:56px 0 0 0;
                   overflow-x: hidden; overflow-y: scroll; }
div.content      { min-width: 260px; max-width: 700px; text-align: left; margin: 210px 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: 14px auto 0 auto; padding: 0 15% 0 30px; }
div.links2       { height: 20px; width: 700px ; text-align: left; margin: 14px auto 0 auto; padding: 0 15% 0 0px;
                   font-size: 1.125em; font-weight: bold; }
div.links3       { display:none }

div.bgTxtBox     { text-align: left; height: 221px; width: 700px; margin: 16px auto 0 auto; padding: 0 15% 0 30px;
                   transform: translate(-32px,0)}
/* --- footer uid ---*/
div.scrollbar2   { position: absolute; bottom:0; left:0; right:0; width:100%; height:20px;
                   overflow-x: hidden; overflow-y: scroll; }