@charset "utf-8";

/* Textart-Formatierung: */
article h1,h2,h3,h4,h5,p,li,ol,ul,td,small,fieldset,label {
    color: #505050;
}

/* Überschriften */
h1{
 	font-size: 1.75em;
	font-weight:normal;
	line-height: 2em;
	background-color : #E0E0E0;
	border-color : #696969;
	border-style : solid;
	border-bottom-width : 1px;
	border-top-width : 1px;
	border-right-width : 0px;
	border-left-width : 0px;
	padding-left : 0.3em;
}
h2{
    font-size: 1.5em;
    font-weight:normal;
    line-height: 1.75em;
	border-color : #696969;
	border-style : solid;
	border-bottom-width : 1px;
	border-top-width : 1px;
	border-right-width : 0px;
	border-left-width : 0px;
	padding-left : 0.3em;
	margin-top: 1.5em;
}
h3{
    font-size: 1.25em;
    font-weight:normal;
    line-height: 1.5em;
	margin-top: 1.5em;
}

h4,h5 {
    font-size: 1.125em;
    line-height: 1.25em;
    font-style : italic;
    font-weight : normal;
	margin-top: 1.5em;
}

summary{
    font-size: 1.25em;
    font-weight:normal;
    line-height: 1.5em;
    margin-top: 1.5em;
    margin-bottom: 1.0em;
    color : #447ED5;
    }
summary:hover{
    text-decoration : underline;
    }

blockquote{
	font-family : verdana, geneva, arial, helvetica, sans-serif;
	color : darkmagenta;
	font-style: italic;
	background-color : #E4D0B3;
    margin : 0.625em 1.875em 0.625em 1.875em;
    padding : 0.625em;
    border : 1px solid #505050;
    border-radius: 0.625em;
    font-size: 1em;
    line-height: 1.25em;
}
/* Code-Formatierung: >code< inline, >pre< für Codeblöcke */
code {
	font-family : "Courier New", Courier, monospace;
	color: darkgreen;
	white-space: pre-wrap;
    margin: 0;
    padding: 0;
    font-size: 1em;
    line-height: 1.25em;
}
pre {
	background-color : #E0E0E0;
    margin : 0.625em 0.625em 0.625em 0.625em;
    padding : 0.625em;
    border : 1px solid #505050;
    border-radius: 0.625em;
    font-size: 1em;
    line-height: 1.25em;
}
/* umrandeter Kasten */
.kasten {
    margin : 0.625em 0.625em 0.625em 0.625em;
    padding : 0.625em;
    border : 1px solid #505050;
}

hr {
    border: none;
    border-top: .25em solid #E4BF88;
    height: 1px;
    }

/* Textelemente */
p,li,ol,ul,td {
    font-size: 1em;
    line-height: 1.5em;
    }
p.small {
    font-size: 0.75em;
    line-height: 0.875em;
    }

/* kleiner Text und Hervorhebungen */
small {
    margin: 0;
    padding: 0;
    font-size: 0.75em;
    line-height: .875em;
    }
em {
    margin: 0;
    padding: 0;
    font-size: 1em;
    line-height: 1.25em;
    }
strong {
    margin: 0;
    padding: 0;
    font-size: 1em;
    line-height: 1.25em;
    }


article ol,ul {
    margin-left:1.5em;
    }
article p, ol, ul {
    margin-top: 0.5em;
    }
article li {
    padding:0em;
    }
/* Kopfzeile in Tabellen */
table {
    border-collapse: collapse;
    margin: 0.5em 1em 0.5em 1em;    /* top right bottom left */
    }
th {
	border : none;
    font-size: 1em;
    font-weight:bold;
    text-align : left;
    font-size: 1em;
    line-height: 1.25em;
    }
th, td {
    padding: 0.2em 0.75em 0.2em 0.75em;    /* top right bottom left */
    }
/* Zebra striping */
thead tr { 
    background: #DED2C1; 
    }
tbody tr:nth-of-type(even) { 
    background: #DED2C1; 
    }

/* 
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 760px
and also iPads specifically.
*/
@media 
only screen and (max-width: 35em),
(min-device-width: 48em) and (max-device-width: 64em)  {

	/* Force table to not be like tables anymore */
	table, thead, tbody, th, td, tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) 
	thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}*/
	
	tr { border: 1px solid #ccc; }
	
	td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		/*padding-left: 50%; - Platz für Tabellen-Label*/
		text-align: left; /* anstelle der Tabellenheader-Versteck-Aktion  */
	}
	
	td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		/*width: 45%;  - Platz für Tabellen-Label*/
		padding-right: 10px; 
		white-space: nowrap;
	}
	
	/*
	Label the data
	td:nth-of-type(1):before { content: "First Name"; }
	td:nth-of-type(2):before { content: "Last Name"; }
	td:nth-of-type(3):before { content: "Job Title"; }
	td:nth-of-type(4):before { content: "Favorite Color"; }
	td:nth-of-type(5):before { content: "Wars of Trek?"; }
	td:nth-of-type(6):before { content: "Secret Alias"; }
	td:nth-of-type(7):before { content: "Date of Birth"; }
	td:nth-of-type(8):before { content: "Dream Vacation City"; }
	td:nth-of-type(9):before { content: "GPA"; }
	td:nth-of-type(10):before { content: "Arbitrary Data"; }
*/
	}



/* Textverlinkungen */
article A:LINK {
    color : #447ED5;
    background-color : transparent;
    text-decoration : none;
    margin: 0;
    padding: 0;
}
article A:VISITED {
    color : #9A44D5;
    background-color : transparent;
    text-decoration : none;
}
article A:HOVER {
    color : #447ED5;
    background-color : transparent;
    text-decoration : underline;
}

/* Externe Links kennzeichnen*/
/* Alle Links kennzeichnen (intern + extern) */
article a[href^="http://"],
article a[href^="https://"] {
    background:transparent url(/logos/ext_link_kl.png) center right no-repeat;
    display:inline-block;
    padding: 0px 18px 0px 0px;
    margin: 0px;
   }
/* Alle internen Links nachbearbeiten */
 article a[href^="http://privat.albicker.org"],
 article a[href^="https://privat.albicker.org"],
 article a[href^="http://localhost:1313"]
  {
    padding: 0;
    background: transparent;
    margin: 0px;
}
/* Affiliate Links kennzeichnen*/
a[href*="/MERKMAL/"]:after {
    content: " TEXT";
    color: #de2723;
    vertical-align: super;
}