/*html, body { margin: 0px; padding: 0px; height: 100%; border: none; background-color:#FFFFFF; font-family: sans-serif; } */
body {
    margin: 0 auto;
    max-width: 94em;
    font-size: 16px;
    font-family: sans-serif;
}
/*
html {font-size: 16px;}*/
.bg {margin-left: auto; width: 80vw; max-width: 94em; margin-right: auto} 
/*Titel*/
.hry, .harch {color: 626262; text-align: center; text-transform: uppercase;}
.hry { margin-top: 2.5rem; font-weight: 600; }
.harch {font-weight: 400; margin-bottom: 1rem; }
/*Docu Bulletin*/
.htitel {font-size: 1em; font-weight: 600;}	
.hautor, .hpub {font-size: 0.8em; font-weight: 500; }	
.hautor, .hpub, .htitel {line-height: 1.5em; color: 626262; }

img {max-width: 80vw;}

dt {font-weight: 600; text-transform: uppercase; margin-top: 1em; letter-spacing: 0.1rem; }
dd {font-weight: 400;  margin-left: 0em; margin-top: 0.2rem; }
li {font-weight: 400;  list-style: none;  }
.dtlink {color: 004AB9; text-shadow: 1px 1px 2px rgba(184,183,183,0.75);}

a {text-decoration: none; color: #004AB9;}
a:link {color: #004AB9;}
a:visited {color: #404040;}   
a:hover {font-size: 101%; color: #66b3ff;}
a.dt, a.dl, a.li, a.mehr, a.impressum, a.mainlink {color: #3771b2;}
a.mainlinkul {color: #3771b2; text-decoration-color: grey; text-decoration-thickness: 0.2rem;}
a.mehr {font-size: inherit; font-weight: 900; text-shadow: 1px 1px 2px rgba(184,183,183,0.75);}

.header-space { text-align: center; letter-spacing: 0.15rem;  z-index: 20;}

.mainmenue, .mainmenuelinks { text-align: center; text-transform: uppercase; white-space: nowrap; font-weight: 600; letter-spacing: 0.1rem; z-index: 1;}
.mainmenuelinks { position: absolute; writing-mode: vertical-lr; text-orientation: mixed; top: 5rem; right: 92vw; font-size: 0.8rem; } 

.liste, .listecenter, .pubrahmen, .uiahlecturerahmen, .indexbildrahmen {padding-top: 0.5rem;}
.liste { text-align: left; z-index: 22;  }   
.listecenter {text-align: center;}


.impressum { color: 626262; text-align: center;  padding-top: 2rem; padding-bottom: 5rem;}



.uiahlecturerahmen {display: flex; flex-wrap: wrap; align-content: space-evenly; justify-content: center;}
.pubrahmen {display: flex; flex-wrap: wrap; align-content: space-evenly; justify-content: center;}
.pubrahmenleft {display: flex; flex-wrap: wrap; align-content: space-evenly; justify-content: left;}
.indexbildrahmen {display: flex; flex-wrap: wrap; align-content: space-evenly; justify-content: center;}
.uiahlecturebild:hover {transform: scale(1.5);}
.pubbild:hover {transform: scale(1.1);}
.indexbild:hover {transform: scale(1.02); }




/*Pads & Desktops - Portrait*/
@media only screen 
and (min-width: 47rem) 
and (orientation:portrait) { 
	.hry {font-size: 1.85rem;}
	.harch {font-size: 0.9rem}
	dt, dd, li {font-size: 0.7rem}
	a {font-size: 0.75rem;}
	a.dtlink { font-size: inherit;font-weight: inherit;text-decoration: underline;text-decoration-color: #3771b2; }
	
div.impressum {font-size: 0.7rem;}  
img.indexbild { width: 25vw; margin: 0.15rem;}  
img.pubbild {  width: 9vw; margin: 0.15rem; }
div.mainmenue { font-size: 0.8rem;}		
a.mainlink, a.mainlinkul { font-size: inherit; } 
a.mainlinkul { text-decoration-line: underline;} 
img.uiahlecturebild {width: 9vw; margin: 0.15rem;}
 } 
       
/*Pads & Desktops - Landscape*/
@media only screen 
and (min-width: 47rem) 
and (orientation:landscape) { 
	.hry {font-size: 1.85rem;}
	.harch {font-size: 0.9rem}	
	dt, dd, li {font-size: 0.7rem}
	a {font-size: 0.75rem;}
  
img.indexbild  { width: 25vw; margin: 0.15rem;max-width: 25rem;}  
img.pubbild {  width: 7vw; margin: 0.15rem;}	
img.uiahlecturebild {width: 7vw; margin: 0.15rem;}
div.mainmenue {font-size: 0.8rem;}
a.mainlink, a.mainlinkul { font-size: inherit;} 
a.mainlinkul { text-decoration-line: underline; } 
a.mehr {font-size: inherit; font-weight: 900; color: #3771b2}
}

/*Phones - Portrait*/
@media only screen 
and (max-width: 46.95rem) 
and (orientation:portrait) { 
.header-t1 {font-size: 1.65rem;}
img {max-width: 80vw;}
a {font-size: 0.65rem;}
.header-t1 {font-size: 1.5rem;}
dt, dd, li, .header-t2, .header-t3, .mainmenue {font-size: 0.7rem}
.box {padding-bottom: 0rem;}	  
img.indexbild  { width: 24vw; margin: 0.15rem;}	 	  
img.pubbild {  width: 12vw; margin: 0.15rem;} 	
.mainmenue { position: absolute; writing-mode: vertical-lr; text-orientation: mixed; left: 0.8rem; font-size: 0.7rem; } 
div.mainmenue {font-size: 0.75rem;}
a.mainlink, a.mainlinkul { font-size:inherit;} 
a.mainlinkul { text-decoration-line: underline; }  
img.uiahlecturebild {width: 14vw; margin: 0.15rem;}
}           

/*Phones - Landscape*/
@media only screen 
and (max-width: 46.95rem) 
and (orientation:landscape) {
div.header-t1 {font-size: 1.3rem;}	
div.header-t3 {font-size: 0.62rem;}
img {max-width: 80vw;}	
a {font-size: 0.38rem;}
dt, dd, li, .header-t3 {font-size: 0.45rem;}	  
img.indexbild { width: 18vw; margin: 0.15rem;}  
img.pubbild {  width: 8vw; margin: 0.15rem;}	
img.uiahlecturebild {width: 7vw; margin: 0.15rem;}
div.mainmenue {font-size: 0.45rem;}
a.mainlink, a.mainlinkul { font-size: inherit;} 
a.mainlinkul { text-decoration-line: underline; }  
}