/* =============================== */
/* ====  diahow_styles.css    ==== */
/* =============================== */

/*
This CSS resource incorporates links to font software which is the valuable copyrighted
property of Monotype and/or its suppliers. You may not attempt to copy, install,
redistribute, convert, modify or reverse engineer this font software. Please contact Monotype
with any questions regarding Web Fonts:  http://www.linotype.com
*/

@import url(reset.css);
@import url("https://fast.fonts.net/lt/1.css?apiType=css&c=8dcf2b84-0448-4884-a627-a6980ab946fd&fontids=1475944"); 
@font-face{
    font-family: "Univers LT W01_45 Light1475944";
    font-weight: 300;
    src: url("Fonts/1475944/a91ff084-fc8b-43f4-b0ea-111254b68524.eot?#iefix");
    src: url("Fonts/1475944/a91ff084-fc8b-43f4-b0ea-111254b68524.eot?#iefix") format("eot"),
    url("Fonts/1475944/9fa24f1f-00d8-4d28-910f-78e925eaead6.woff2") format("woff2"),
    url("Fonts/1475944/d64e7bbc-e9ea-46ad-982c-6195ae4a3c61.woff") format("woff"),
    url("Fonts/1475944/d270a34d-b6b8-4c07-8454-03a6a3db7603.ttf") format("truetype"),
    url("Fonts/1475944/b2ea19ff-0237-4d94-a107-eaa12af161ef.svg#b2ea19ff-0237-4d94-a107-eaa12af161ef") 
       format("svg");
}

html {
   height: 100%;
   font-size: 11.5px;
}
body {
   margin: 0;
   height: 100%;
   font-family: 'Univers LT W01_45 Light1475944', Helvetica, Arial, sans-serif;
   font-size: 1.36rem;   /*  Umstellung auf 1 Schriftgröße    */
   line-height: 1.2; 
   font-weight: 300;
   -webkit-font-smoothing: antialiased; 
}
#screen {
   position: relative;
   width: 100%;
   height: 100%;
   background-color: #ddd;
   overflow: hidden;
}
#film {                     /*  div  */
    position: relative;
    left: 0;
    margin: 0;
    height: 100%;
    white-space: nowrap;
    font-size: 0;
    text-align: left;
}   
.frame {                    /*  div  */
   position: relative;
   display: inline-block;
   padding: 0;
   vertical-align: top;
   width: 100%; 
   height: 100%;
   overflow: hidden;
   margin-right: 4px;
   /* background-color: rgba(255, 0, 0, 0.1); */
   background-image: url(../grafik/loading.gif);
   background-repeat: no-repeat;
   background-position: center;
}
.frame img {
   display: block;
   position: absolute;
   top: -9999px;
   bottom: -9999px;
   left: -9999px;
   right: -9999px;
   margin: auto;       
   min-height: 100%;
   min-width: 100%;
}
#b-name-container {
   position: fixed;
   top: 32px;
   left: 12px;
   width: 100%;
   max-width: 1000px;
   margin: 0 auto;
   text-align: right;
   border: 0px solid red;
}
a#b-name, a#buero-link {
    display: block; 
    margin-right: 62%;
    min-width: 250px;
}
span.g-name {
    white-space: nowrap;
}

div#gshs {
    font-size: 72%;
    line-height: 1.2;
}

@media only screen and (min-width: 1000px) {
    #b-name-container {
       left: calc(50% - 493px);
    }
}

@media only screen and (min-width: 850px) {
    html {
       font-size: 16px;
    }
}    

@media only screen and (min-width: 420px) {
   span#gbr {
        float: right;
        margin-right: -8em;
    }
}    


a#b-name {
   font-family: 'Univers LT W01_45 Light1475944', Helvetica, Arial, sans-serif;
   font-weight: 300;
   font-size: 1.5rem;
   color: white;
   padding: 1px 6px;
  /*  background-color: rgba(255,255,255,0.4); */
}
a#b-name:link {
   font-weight: 300;
   color: white;
   text-decoration: none;
}
a#b-name:visited {
   color: white;
   text-decoration: none;
}

a#buero-link {
   font-family: 'Univers LT W01_45 Light1475944', Helvetica, Arial, sans-serif;
   font-weight: 300;
   font-size: 1.5rem;
   color: white;
   padding: 1px 6px;
  /*  background-color: rgba(255,255,255,0.4); */
}
a#buero-link:link {
   font-weight: 300;
   color: white;
   text-decoration: none;
}
a#buero-link:visited {
   color: white;
   text-decoration: none;
}


#img-nav {
    position: fixed;
    padding: 10px;
    width: calc(100% - 20px);
    left: 0;
    top: calc(50% - 540px);
}
#prv, #nxt {
    font-size: 48px;
    color: rgba(255,255,255,0.5);
    cursor: pointer;
    padding-top: 500px;
    padding-bottom: 500px;
    border: 0px solid red;
}
#prv {
    float: left;
    padding-right: 33%;
}
#nxt {
    float: right;
    padding-left: 33%;
}