/* Style Sheet tr.web.authoring */
/* http://www.thorsten-reinicke.de/ */
/* © 2017 Thorsten Reinicke */



/* ********** FONT & BODY ********** */

@font-face {
  font-family: Raleway ; 
  src:	url(Raleway/Raleway-Regular.ttf) ; }

@font-face {
  font-family: Raleway-Italic ; 
  src:	url(Raleway/Raleway-Italic.ttf) ; }

@font-face {
  font-family: Raleway-Bold ; 
  src:	url(Raleway/Raleway-Bold.ttf) ; }

body {
	font-family: Raleway, Arial, sans-serif ; 
	padding: 0 0 48px 0 ; 
	border: 0 ; 
	margin: 0 ; }

a {
	text-decoration: none ; }


/* ********** MAIN ********** */

main {
	padding: 0 ; 
	border: 0px solid black ; 
	margin: 158px 0px 67px 0px ; }

main h2 {
	color: #000000 /* 556677 */ ; 
	font-size: 24px ; 
	font-weight: normal ; 
	line-height: 1.5 ; 
	letter-spacing: 0px ; 
	border: 0 ; 
	margin: 0 0 0 8% ; }

main > h2 { 
	font-size: 30px ; }

main article:first-child h2 {
	font-family: Raleway, Arial, sans-serif ; 
	color: #000000 /*76808A 556677 */ ; 
	font-size: 24px ; 
	font-weight: normal ; 
	font-style: normal ;
	line-height: 1.5 ; 
/*	text-transform: uppercase ; */
	font-variant: small-caps ; 
	display: inline-block ; 
	letter-spacing: 0px ; 
	border: 0 ; 
	margin: 0 0 0 8% ; }

main h3 {
	font-family: Raleway, Arial, sans-serif ; 
	color: #000000 /* 445566 */ ; 
	font-size: 21px ; 
	font-weight: normal ; 
	line-height: 1.5 ; 
	letter-spacing: 0px ; 
	padding: 0 ; 
	border: 0px solid black ; 
	margin: 0 0 0 8% ; }

main h4 {
	font-family: Raleway, Arial, sans-serif ; 
	color: #000000 /* 445566 */ ; 
	font-size: 18px ; 
	font-weight: normal ; 
	line-height: 1.5 ; 
	letter-spacing: 1px ; 
	padding: 0 ; 
	border: 0px solid black ; 
	margin: 0 0 0 8% ; }

ul#nav {
	padding: 0 ; 
	background:  ; }

ul#nav li {
	padding: 0 ; 
	list-style-type: none ; }


ul#nav li a {
	display: block ; }

main p, ul li {
	font-family:  ; 
	font-size: 16px ; 
	line-height: 1.5 ; 
	letter-spacing: 1px ; 
	text-align: justify ; 
	padding: 0 ; 
	border: 0px solid black ; 
	margin:  ; }


main > p:nth-child() {
	margin-top:  ; 
	margin-left: 8% ; 
	margin-right: 8% ; }

main p {
	margin-left: 8% ; 
	margin-right: 8% ; }

div p:first-child, div p:nth-child(2),div p:nth-child(3),div p:nth-child(4),div p:nth-child(5) {
	margin-left: 0 ; 
	margin-right: 0 ; }


/* ********** NAVIGATION ********** */

ul#nav {
	position: fixed ; 
	right: 24px ; 
	top: 96px ; }

footer address a:before
{	content: "\25E2\00A0" ; 
	color: #003366 ; 
	font-size: 10px ; 
	margin-right: 0px ; }

footer address a:hover:before {
	content: "\25E5\00A0" ; 
	color: #FF3366 ; 
	font-size: 10px ; 
	margin-right: 0px ; }


footer address a:before {
	font-size: px ; } 

/* main a:active:before, */
footer address a:active:before {
	content: "\25E5\00A0" ; 
	color: lightsteelblue ; }


article#referenzen a:link img,
article#referenzen a:visited img {
	border: 1px solid #778899 ; }

article#referenzen a:hover img {
	border: 1px solid #FF3366 ; }

article#referenzen a:active img {
	border: 1px solid #445566 ; }


/*
a:hover, a:link, a:visited {
	-webkit-transition: all 0.5s ease-in-out ; 
	transition: all 0.5s ease-in-out ; }

a:active {
	-webkit-transition: all 0s ease-in-out ; 
	transition: all 0s ease-in-out ; } */

a:link,
a:visited {
	color: #223355 ; }

a:hover {
	color: #445566 ; }

a:active {
	color: lightsteelblue ; }






div.eins {
	-webkit-column-count: 2 ; 
	-moz-column-count: 1 ; 
	-ms-column-count: 1 ; 
	-o-column-count: 1 ; 
	column-count: 1 ; 
	margin: 16px 13% 16px 13% ; }


div p:first-child {
	margin-top: 0 ; }

div.column {
	margin: 16px 13% 16px 13% ; 
	padding: 0 0 6px 0 ; 
	border: 0px solid red ; 

	-webkit-column-count: 2 ; 
	-moz-column-count: 2 ; 
	-ms-column-count: 2 ; 
	-o-column-count: 2 ; 
	column-count: 2 ; 

	-webkit-column-width: 440px ; 
	-moz-column-width: 440px ; 
	-ms-column-width: 440px ; 
	-o-column-width: 440px ; 
	column-width: 440px ; 

	-webkit-column-gap: 48px ; 
	-moz-column-gap: 48px ; 
	-ms-column-gap: 48px ; 
	-o-column-gap: 48px ; 
	column-gap: 48px ; }  


section {
	margin-left: 21% ; 
	margin-right: 4% ; }

figure {
	font-size: 16px ; 
	line-height: 1.5 ; 
	letter-spacing: 1px ; 
	text-align: center ; 
	margin: 0 24px 24px 0 ; }

section figure {
	display: inline-block ; }





/* ********** FOOTER ********** */

footer {
	position:  ; 
	left: 0 ; 
	right: 0 ; 
	bottom: 0 ; 
	padding: 0 ; 
	border: 0 ; 
	margin: 0 ; 
	background: #FFFFFF ; }

footer address {
	color: #000000 ; 
	font-style: normal ; 
	font-size: 14px ;  
	text-align: center ; 
	letter-spacing: 1px ; 
	padding: 12px 0 12px 0 ; 
	border: 0 ; 
	margin: 0 ; }

footer address small {
	font-size: 12px ; }

footer address img {
	width: 24px ; 
	height: 12px ; 
	padding: 0 ; 
	border: 0 ; 
	margin: 0 4px 0 0 ; }