/*allgemein*/

body {
  margin: 40px;
}

p {
	font-family: "Segoe", "Segoe UI", "DejaVu Sans", "Trebuchet MS", "sans-serif";
	text-align: justify;
	text-decoration: none;
	-o-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}

.allincl {
	display: grid;
	grid-template-columns: repeat(4, 180px);
	grid-template-rows: repeat(2, 92px) repeat(7, auto) 295px;
}			

/*Header*/
.bgnav { display: grid;
		grid-column: 1/5;
		grid-row: 1/3;
		background: url("../img/bg_nav.jpg") no-repeat;
		grid-template-columns: 1fr 1fr 1fr 1fr;
		grid-template-rows: 1fr 1fr;
		}

.portf 
{	display: grid;
	grid-column: 1;
	grid-row: 1;
	margin: -30px -30px 0px 0px;
}

.titel
{	display: grid;
	grid-column: 3;
	grid-row: 1;
}			

.naviga 
{ 	display: grid;
	grid-column: 2/4;
	grid-row: 2; 
	justify-content: center;
	align-content: center;
}

/*Header Schriften*/

.arbeitenuspuren
{ 	font-size: 10pt;
	line-height: 12pt;
	text-align: center;
}

a.nav { 
	font-family: "Consolas", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "Monaco", "Courier New", "monospace";
	font-size: 15pt; 
    color: black;
	text-decoration: none;
	text-align: center;
}


/*Mitte Portfolio-Einträge*/
.ol_1 { display: grid; grid-column: 1/3; grid-row: 3/4; padding:5px;}
.or_1 { display: grid; grid-column: 3/5; grid-row: 3/4; padding:5px;}
.ol_2 { display: grid; grid-column: 1/3; grid-row: 4/5; padding:5px;}
.or_2 { display: grid; grid-column: 3/5; grid-row: 4/5; padding:5px;}
.ol_3 { display: grid; grid-column: 1/3; grid-row: 5/6; padding:5px;}
.or_3 { display: grid; grid-column: 3/5; grid-row: 5/6; padding:5px;}
.ol_4 { display: grid; grid-column: 1/3; grid-row: 6/7; padding:5px;}
.or_4 { display: grid; grid-column: 3/5; grid-row: 6/7; padding:5px;}
.ol_5 { display: grid; grid-column: 1/3; grid-row: 7/8; padding:5px;}
.or_5 { display: grid; grid-column: 3/5; grid-row: 7/8; padding:5px;}
.ol_6 { display: grid; grid-column: 1/3; grid-row: 8/9; padding:5px;}
.or_6 { display: grid; grid-column: 3/5; grid-row: 8/9; padding:5px;}
.ol_7 { display: grid; grid-column: 1/3; grid-row: 9/10; padding:5px;}
.or_7 { display: grid; grid-column: 3/5; grid-row: 9/10; padding:5px;}

p.fliesstext
{	font-size: 10pt;
	line-height: 12pt;
	align-content: start;
}

p.ueber {
	font-size: 12pt;
	line-height: 12pt;	
	font-weight: bold;
}


/* Navi unten - footer */
.footer
{ 	display: grid;
	grid-column: 1/5;
	grid-row: 10;
	background: url("../img/bg_footer.jpg") no-repeat;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-template-rows: 1fr 1fr;
	}

.navifooter
{ 	display: grid;
	grid-column: 2/4;
	grid-row: 1; 
	justify-content: center;
	align-content: flex-end;
}
.copyright
{ 	display: grid;
	grid-column: 1;
	grid-row: 2; 
	margin: -10px 0px 0px -5px;
}


/* Unterseiten */
.about_li {
	display: grid;
	grid-column: 1/3;
	grid-row: 3;
	}

.about_re {
	display: grid;
	grid-column: 3/5;
	grid-row: 3;
	}

.imp {
	display: grid;
	grid-column: 1/5;
	grid-row: 3;
	}

/* alte css */

.schraeg {
	font-style: italic;
}
.fett {
	font-weight: bold;
}

/*Links */
a {
	color: black;
	font-size: 12pt;
	line-height: 120%;
	letter-spacing: -0.2;
	text-decoration: none;
	-o-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}

a.fnlinks {
	color: deeppink;
	font-variant-caps: all-small-caps;
}
a.navi_ob {
	font-variant-caps: all-small-caps;
    display: inline-flex;
}