/* ---------------------------------------------------------
   HTML5 Bones
   This stylesheet contains print styling and a section for 
   you to simply add your own. This is a basic template 
   after all.
   ---------------------------------------------------------*/
	html {
        background-color: #351734;
	}
	/* Default link styling */
	a:link { color:#0271fb; }
	a:visited { color:#bd02fb; }
	a:hover, a:focus { color:#000; }
	a:active { color:#fb0e02; }
	

	
/* ---------------------------------------------------------
   Author's styles
   ---------------------------------------------------------*/
	body {
   
	}

	
	
 /*
@font-face {
    font-family: 'jura';
    src: url(/Maschine/FONTS/jura.woff) format('woff'); 
    font-weight: normal; 
    font-style: normal; 
    }
*/

/*
@font-face {
  font-family: GentiumTest;
  src: url(fonts/GenR102.woff) format("woff"),
       url(fonts/GenR102.ttf) format("truetype");
}

*/

@font-face {
    font-family: 'open sans condensed';
    src: 	url(/MASCHINE/fonts/OpenSansCondensed/opensans-condlight-webfont.woff) format('woff'), 
		url(/MASCHINE/fonts/OpenSansCondensed/opensans-condlight-webfont.ttf) format("truetype");
    font-weight: normal;
    font-style: normal;
    }



@font-face {
    font-family: 'open sans light';
    src: 	url(/MASCHINE/fonts/OpenSansLight/opensans-light-webfont.woff) format('woff'), 
		url(/MASCHINE/fonts/OpenSansLight/opensans-light-webfont.ttf) format("truetype");
    font-weight: normal;
    font-style: normal;
    }

	body, table, tr, td, p {	
	font-size: 12pt;
	color: #333;
	}
	.wrap{
	 	margin: auto;
	 	background-color:white;
	}

input, textarea {
	font-family: 'open sans condensed', normal;
	font-size: 1 rem;
	color: #333;
        width: 96%;
}
h1, h2, h3, h4 {
	color: #000;
	font-weight:bold;
	}

h1 {
	text-shadow: 2px 2px 2px #aaa;	
	font-size: 2 rem;
}
h2, h3, h4 {
  	text-shadow: 1px 1px 1px #bbb;
}
h2 {
	font-size: 1.7 rem;
}
h3 {
	font-size: 1.5 rem;
}
h4 {
	font-size: 1.2 rem;
}

.center{
text-align:center;
}	
.banner{
margin: auto;
background-color: #35419F;
color: #fff;


    background: url(/Portrait/Portrait-Gemaelde/htg/piech.jpg) no-repeat right center ;
    background-size: cover;

}
.banner h1,.banner p{ 
    color: white;
}

@media screen and (max-width:760px){
        body, table, tr, td, p {
        font-family: 'open sans condensed', normal;
        font-size: 1.2rem;
        }
        .wrap{
        width:90%;
        padding:2%;
        }
        .banner{
        width: 90%;
        padding: 2%;
        }
        img{
        width:7rem;		
        }
}



@media screen and (min-width:761px){
        .wrap{
        width: 70%;
        padding:3rem;
        }
        img{
        width:auto;		
        }
        body, table, tr, td, p {
        font-family: 'open sans light', normal;
        font-size: 1.2rem;
        }
        .banner{
        width: 70%;
        padding: 3rem;
        }
}









	
/* ---------------------------------------------------------
   Print styles
   ---------------------------------------------------------*/
@media print {
    * {
        color:#000 !important;
        box-shadow:none !important;
        text-shadow:none !important;
		background:transparent !important;
    }
	html { background-color:#fff; }
	/* Hide navigation */
	nav { display:none; }

	/* Show link destinations in brackets after the link text */
	a[href]:after { content: " (" attr(href) ") "; }
	a[href] {
		font-weight:bold;
		text-decoration:underline;
		color:#06c;
		border:none;
	}
	/* Don't show link destinations for JavaScript or internal links */ 
	a[href^="javascript:"]:after, a[href^="#"]:after { content:""; }
	
	/* Show abbr title value in brackets after the text */
	abbr[title]:after { content: " (" attr(title) ")"; }

	figure { 
		margin-bottom:1em; 
		overflow:hidden;
	}

	figure img { border:1px solid #000; }
}