/* neues Stylesheet für studervandenberg.ch, Jan 2022 */

/* total reset */
* { margin:0px; padding:0px; border:0px; font-size:100%; font:inherit; vertical-align:baseline; outline:none;}

/* schema */
:root {
	--normalBG:			white;						
	--normalCOL:		black;	
	--editorialCOL:	black;    /* hsl(340, 100%, 45%) */
	--linkCOL:			hsl(226, 100%, 60%);    				/* hsl(340, 100%, 45%) */
	--hoverCOL:			hsl(226, 100%, 40%);    /* hsl(340, 100%, 40%) */

	--linkBG:			#eee;                  /* #eee */
	--hoverBG:			#ccc;                 /* #ddd */
	--headerBG:			white;                   /* #fff */
	--dropdownBG:		#eee;                 /* #f9f9f9 */

	--normMargin:		0.4rem;                    /* 0.4rem */
}

/* Schriften */
@font-face			{ font-family:text; src:url(media/mw-b.txf); }		/* mw-b.txf		*/ 
@font-face			{ font-family:gross; src:url(media/mw-k.txf); }		/* mw-k.txf	*/
@font-face			{ font-family:kursiv; src:url(media/mw-bi.txf); }	/* mw-bi.txf		*/

body 				 	{ font-family:text, sans-serif; }
b						{ font-family:text, sans-serif; font-weight:bold; }
i						{ font-family:kursiv, sans-serif; } 
b i, i b				{ font-family:kursiv, sans-serif; font-weight:bold; }
h1, h2				{ font-family:gross, sans-serif; }
h3, .listlink a	{ font-family:gross, sans-serif; }
h3 a					{ font-family:gross, sans-serif; }

/* Media Sets Font sizes*/
@media all and (max-width:619px) 									{ body { font-size:88%; }  .wListPreview { width:180px }  .pListPreview { width:220px } } 	
@media all and (min-width:620px)  and (max-width:759px)		{ body { font-size:91%; }  .wListPreview { width:195px }  .pListPreview { width:230px } } 	
@media all and (min-width:760px)  and (max-width:899px)		{ body { font-size:94%; }  .wListPreview { width:210px }  .pListPreview { width:240px } }
@media all and (min-width:900px)  and (max-width:1039px)		{ body { font-size:97%; }  .wListPreview { width:225px }  .pListPreview { width:250px } }
@media all and (min-width:1040px) and (max-width:1179px)		{ body { font-size:100%; } .wListPreview { width:240px }  .pListPreview { width:260px } }
@media all and (min-width:1180px) and (max-width:1319px)		{ body { font-size:103%; } .wListPreview { width:255px }  .pListPreview { width:270px } }
@media all and (min-width:1320px)									{ body { font-size:106%;}  .wListPreview { width:270px }  .pListPreview { width:280px } }

h1					{ font-size:250%; line-height:115%; }
h2					{ font-size:150%; line-height:132%; }
h3					{ font-size:120%; }
#imgCounter		{ font-size:90%;  }
.switchImg a  	{ font-size:140%; }	
.datum, .klein	{ font-size:90%;  }
#topCap			{ font-size:85%; line-height:1em; }
sup				{ font-size:80%; vertical-align:text-top; }

body 				{ background-color: var(--normalBG); color: var(--normalCOL); overflow-y: scroll;	overflow-x: hidden; }
table 			{ border-spacing: 0px; }
#header 			{ position:sticky; top:0px; left:0px; right:0px; background-color: var(--headerBG); }
#kopfW 			{ position:relative; z-index: -1; }
#footer 			{ position:fixed; bottom:0px; left:0px; right:0px; background-color: var(--footerBG); }
.titel         { margin-left:calc(var(--normMargin)*0.5); }
.titel         { margin-left:var(--normMargin); }
.datum         { margin-left:var(--normMargin); }
#lesetext, #beschreibung, #ausstellung, #links { margin:var(--normMargin); margin-bottom: calc(4 * var(--normMargin)); width:96%; }
#lesetext p, #beschreibung p, #ausstellung p, .editorial p {margin-top: calc(1 *var(--normMargin));}
#WPBottomMenu  { margin:0px; margin-bottom: calc(3 * var(--normMargin)); width:96%; }
.editorial 		{ color:var(--editorialCOL); margin:var(--normMargin); margin-bottom: calc(3 * var(--normMargin)); width:96%; }
#VideoDiv      { margin:var(--normMargin); margin-bottom: var(--normMargin); width:100%; }
#visual        { width:100%; margin-bottom:var(--normMargin); }
#topCap, .menuLink { margin-left:var(--normMargin) }
p.switchImg		{ background:none; margin-left:var(--normMargin); margin-bottom:calc(var(--normMargin)*4); }

/* work index entry */
.wListEntry			{ width:99%; }
.wListPreview		{ vertical-align:top; padding:var(--normMargin); }
.wListPreview img	{ vertical-align:top; border:0px; margin:0px; padding:0px; width:100%; }
.wListDescription	{ vertical-align:top; }	
.listLink			{margin-top:0em; line-height:1.4em;}
/* work index a-z */
ul.menuLink			{ margin-left:0; }
.pAlfabet			{ font-weight:bold; }
/* place index */
.pListEntry			{ width:99%; margin-left:var(--normMargin); margin-bottom:var(--normMargin); }
.pListPreview		{ vertical-align:top; }
.pListDescription	{ vertical-align:top; min-width:140px; }	
/* place index topic */
ul h3, td h3, td h3 a { line-height:1.3em;}

/* Links */
/* Textlinks */
a, a:link, a:visited		{ text-decoration:none; color:var(--linkCOL);  background-color:var(--linkBG); }
a:hover						{ color:var(--hoverCOL); background-color:var(--hoverBG); } 

/* Menulinks */
.menuLink a, menuLink a:link, .menuLink a:visited	{ background-color:var(--normalBG); color:var(--linkCOL); }
.menuLink a:hover			{ background-color:var(--hoverBG); color:var(--hoverCOL);} 
.menuLink a:after			{ content:"\2192"; padding-left:0.3em; padding-right:0.5em; }
a.menuLink					{margin-left:0px;}
p.menuLink					{margin-left:0px;}

/* next und previous */
.fileLink a, fileLink a:link, .fileLink a:visited	{ 	background-color:var(--normalBG); color:var(--linkCOL); }
.fileLink a:hover			{ background-color:var(--hoverBG); color:var(--hoverCOL);} 
.nextLink:after			{ content:"\2192"; padding-left:0.3em; padding-right:0.3em;}
.backLink:before			{ content:"\2190"; padding-left:0.3em; padding-right:0.3em;}

/* Image Links */
.switchImg a				{ padding:0em;  vertical-align:baseline;}
.switchImg a, .switchImg a:link, .switchImg a:visited, .switchImg a:hover { background:none; }			
/* Listentitel als Links */
.listLink a, .listLink a:link, .listLink a:visited	{ background-color:var(--normalBG); color:var(--normalCOL); } 
.listLink a:hover			{ background-color:var(--hoverBG); }
/* Image Link Korrektur Abstand unten */
.imgLink a:hover			{ background-color:var(--normalBG); }
.imgLink a, .imgLink img { background-color:var(--normalBG); vertical-align:bottom; margin-bottom:0em; margin-top:0.1em; }
iframe						{ margin-bottom:-1em; padding:0px; }

/* Listen */
ul								{ list-style:none; margin-left:0; padding-left:0; margin-top:1em;}
li								{ margin-left:1.0em; }
li::before					{ content:"– "; width:1em; margin-left:-1em; }
#beschreibung li			{ margin-left:1.5em; }
#beschreibung li::before { content:""; width:1.5em; margin-left:-1.5em; }
#ausstellung li			{ margin-left:1em; }
#ausstellung li::before	{ content:"– "; width:1em; margin-left:-1em; }

/* spezial bio */
table.biotable1		{ margin:0px; padding:0px; border:0px;}
td.biotd1 				{ font-style:italic; margin:0px; padding:0px; vertical-align:top; border:0px; height:0.6em;}
td.biotd1a				{ width:5em; font-style:italic; margin:0px; padding:0px; vertical-align:top; border:0px; height:0.6em;}
table.biotable2		{ margin:0px; margin-top:2em; padding:0px; border:0px;}
td.biotd2 				{ margin:0px; padding:0px; vertical-align:top; border:0px; height:0.6em;}
td.biotd2a				{ width:5em; margin:0px; padding:0px; vertical-align:top; border:0px; height:0.6em;}
small						{font-size:80%;}

/* spezial biblio */
li.biblio				{ margin-bottom:0.2em;}
ul.biblio				{ margin-right:2%;}


/* Layout breakpoints */
@media only screen and (max-width:899px) { 
	body, div, #topImg { margin-left:0%; width:100%; } 
}
@media only screen and (min-width:900px) { 
	body, div, #topImg { margin-left:auto; margin-right:auto; width:900px; } 
}

/* Druck */	
@media print  			{ 
	body { font-size:100%; } 
	a { color:black; } 
	img { width:60%; } 
	iframe, #header, #footer, #VideoDiv, #videoButton, #videoBox { visibility:hidden; }
} 

/* hamburger  Nov 2016 */
#XXbutton 								{ 
	background-color: var(--normalBG); color: white; padding: 0px; margin:0px; border: none; cursor: pointer; }
#XXbutton:hover, #XXbutton:focus { 
	background-color: var(--hoverBG); }
#XXbuttontext							{ 
	position:absolute; top:2px;left:calc(40px + var(--normMargin));width:500px; padding:0px; padding-left:0.2em; display:block; }
#XXmenu 									{ 
	position: relative; display: inline-block; vertical-align:middle; margin-left: 0px; }
#XXdropdown 							{ 
	font-size:150%; display: none; border:0px; margin:0px; padding:0px; position: absolute; 
	background-color: var(--dropdownBG); width: auto; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.5); }
#XXdropdown a 							{ 
	color:var(--linkCOL); background:var(--linkBG); padding: 4px 12px; display: block; }
#XXdropdown a:hover					{ 
	color:var(--hoverCOL); background-color:var(--hoverBG); }

/* Media Sets sizes Dropdown */
@media all and (max-width:619px) 								{ #XXdropdown { font-size:150%; min-width:100px; } }	
@media all and (min-width:620px) and (max-width:759px)	{ #XXdropdown { font-size:145%; min-width:100px; } }
@media all and (min-width:760px) and (max-width:899px)	{ #XXdropdown { font-size:140%; min-width:100px; } }
@media all and (min-width:900px) and (max-width:1039px)	{ #XXdropdown { font-size:135%; min-width:100px; } }
@media all and (min-width:1040px) and (max-width:1179px)	{ #XXdropdown { font-size:130%; min-width:100px; } }
@media all and (min-width:1180px) and (max-width:1319px)	{ #XXdropdown { font-size:125%; min-width:100px; } }
@media all and (min-width:1320px)								{ #XXdropdown { font-size:120%; min-width:100px; } }