html, body {
	height: 100%;
}

p {
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	text-align: justify;
}

.page {
	padding-top: 120px;
	padding-bottom: 70px;
}

#footer {
	padding-top: 10px;
	padding-bottom: 10px;
	color: #4d4d4d;
}
#footer .copy {
	margin-top: 8px;
}

.page.team {
	padding-top: 0px;
}

.container-fluid .container,
.container-fluid .container > div {
	padding: 0px;
}

.fill {
	min-height: 100%;
	height: 100%;
	box-sizing:border-box;
	margin-top: 15px;
}

.page.introseite {
	background-image: url(../../images/hintergrund.png);
	background-size: cover;
	text-align: center;
}

.introLogo {
	width: 90%;
	height: auto;
}

.no-padding-left {
	padding-left: 0px !important;
}

.navbar-default {
	background-color: rgba(3, 3, 3, 0.70);
	border: none;
	border-bottom: 1px solid rgba(0,0,0,0.20);
}

.nav.navbar-nav {
	float: right;
}

.navbar-default .navbar-nav>li>a {
	font-size: 15pt;
	color: white;
	font-weight: normal;
}

.navbar-brand {
	width: 190px;
	height: 40px;
	background-image: url(../../images/designprofLogo.png);
	background-size: auto 40px;
	background-repeat: no-repeat;
	background-position: left center;
	margin: 5px 0px 0px 15px;
}

.navbar-default nav a {
	margin-right: 40px;
}

.navbar-default .navbar-nav>li>a:hover {
	color:#c7c7c7;
}

.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a {
	background: transparent;
	font-weight: 600;
	color:white;
}

.collapsing .nav.navbar-nav,
.collapse.in .nav.navbar-nav {
	float: left;
}

.navbar-default .navbar-toggle .icon-bar {
	background-color: white;
}

#flyer {
	background-color: #e74c3c;
}

#themenkarte {
	background-color: #e67e22;
}

#logo {
	background-color: #3498db;
}

#briefbogen {
	background-color: #27ae60;
}

#visitenkarte {
	background-color: #16a085;
}

#platforms,
#impressum {
	background-color: #f1f1f1;
}

/* Styles */

/* ------ Font start --------- */
h1, h2, h3, p, a {
/* 	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", "Calibri Light", sans-serif;  */
	font-family: 'Open Sans', sans-serif;
	font-weight: 100;
}

/* ------ Font ende --------- */

h1 {
  font-size: 2.5em;
  color: white;
  margin-bottom: 18px;
  margin-top: 0px; 
}

h1.gray {
  color: #4d4d4d;
}

h2 {
  font-size: 2em;
  color: white;
  margin-bottom: 15px; 
  margin-top: 7px;
}

h2.gray {
  color: #4d4d4d;
}

h3 {
  font-size: 2rem;
  font-weight: 400;
  color: white;
  margin-bottom: 3px;
  margin-top: 5px;
}

h3.gray {
  color: #4d4d4d;
}

p {
  font-size: 1.4em;
  line-height: 1.27;
  color: white;
}

p.gray {
  color: #4d4d4d;
}

p + p {
	margin-top: 10px;
}

p:last-of-type {
	margin-bottom: 20px;
}

h3 + p {
/* 	font-size: 13pt; */
}

.row p:last-of-type {
	margin-bottom: 0px;
}

a {
	text-decoration: none;
	color: white;	
}

.row + .row { 
	margin-top: 15px;
}

.row:last-of-type {
	margin-bottom: 20px;
}

.icon {
	width: 100%;
	height: auto;
	display: none;
	margin-top: 7px;
}

div.jumbotron.team {
	background: url(../../images/team.png);
	background-size: cover;
	height: 250px;
	background-position: center center;
	margin-left: -15px;
	margin-right: -15px;
	margin-top: -20px;
}

/*
.icon.designprof {
	background-image: url(../../images/designprofIcon.png);
}

.icon.flyer {
	background-image: url(../../images/flyerIcon.png);
}

.icon.logo {
	background-image: url(../../images/logoIcon.png);
}

.icon.themenkarte {
	background-image: url(../../images/themenkarteIcon.png);
}

.icon.visitenkarte {
	background-image: url(../../images/visitenkarteIcon.png);
}

.icon.briefbogen {
	background-image: url(../../images/briefbogenIcon.png);
}
*/

.previewIcon {
/* 	max-width: 116px; */
/* 	max-height: 116px; */
/* 	width: 100%; */
	max-width: 116px;
	max-height: 116px;
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

.previewIcon.flyer {
	background-image: url(../../images/flyerBorderdIcon.png);
}

.previewIcon.logo {
	background-image: url(../../images/logoBorderdIcon.png);
}

.previewIcon.themenkarte {
	background-image: url(../../images/themenkarteBorderdIcon.png);
}

.previewIcon.visitenkarte {
	background-image: url(../../images/visitenkarteBorderdIcon.png);
}

.previewIcon.briefbogen {
	background-image: url(../../images/briefbogenBorderdIcon.png);
}

.contentIcon {
	margin-top: 8px;
	width: 100%;
	max-width: 60px;
/* 	height: 60px; */
	background-repeat: no-repeat;
	background-position: top center;
	background-size: contain;
	-webkit-background-size: contain;	
}

.contentIcon.lernen {
	background-image: url(../../images/lernenIcon.png);
}

.contentIcon.pruefen {
	background-image: url(../../images/pruefenIcon.png);
}

.contentIcon.anregen {
	background-image: url(../../images/anregenIcon.png);
}

.iPhoneDummy {
	height: auto;
	width: 100%;
	margin-top: 20px;
	max-width: 264px;
}

.iPadUndIPhone {
	margin-top: 15px;
}

.iPadUndIPhone img{
	height: auto;
	width: 100%;
}

/*
.iPhoneDummy.briefbogen {
	background-image: url(../../images/iphoneBriefbogen.png);
}

.iPhoneDummy.visitenkarte {
	background-image: url(../../images/iphoneVisitenkarte.png);
}

.iPhoneDummy.logo {
	background-image: url(../../images/iphoneLogo.png);
}

.iPhoneDummy.flyer {
	background-image: url(../../images/iphoneFlyer.png);
}

.iPhoneDummy.themenkarte {
	background-image: url(../../images/iphoneThemenkarte.png);
}
*/

@media (min-width: 768px) {
	.introLogo {
		width: 50%;
	}
	.container-fluid .container > div {
		padding-left: 15px;
		padding-right: 15px;		
	}
	
	div.jumbotron.team {
		height: 430px;
	}
}
@media (min-width: 992px) {
	.iPhoneDummy {
		margin-top: 0px;
	}
	.icon {
		display: block;
		background-repeat: no-repeat;
	}
	/*
.container.app div.col-md-1,
	.container.app div.col-md-7 {
		top: 20vh;
	}
*/
}
@media (min-width: 1200px) {
	body {
		font-size: 16px;
	}
}

@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) { 

	/*
.icon.designprof {
		background-image: url(../../images/designprofIcon@2x.png);
	}
	
	.icon.flyer {
		background-image: url(../../images/flyerIcon@2x.png);
	}
	
	.icon.logo {
		background-image: url(../../images/logoIcon@2x.png);
	}
	
	.icon.themenkarte {
		background-image: url(../../images/themenkarteIcon@2x.png);
	}
	
	.icon.visitenkarte {
		background-image: url(../../images/visitenkarteIcon@2x.png);
	}
	
	.icon.briefbogen {
		background-image: url(../../images/briefbogenIcon@2x.png);
	}
*/

    .contentIcon.lernen {
		background-image: url(../../images/lernenIcon@2x.png);
	}
	
	.contentIcon.pruefen {
		background-image: url(../../images/pruefenIcon@2x.png);
	}
	
	.contentIcon.anregen {
		background-image: url(../../images/anregenIcon@2x.png);
	}
	

	
	.navbar-brand {
		background-image: url(../../images/designprofLogo@2x.png);
		background-size: auto 40px;
	}
	
	.previewIcon.flyer {
		background-image: url(../../images/flyerBorderdIcon@2x.png);
	}
	
	.previewIcon.logo {
		background-image: url(../../images/logoBorderdIcon@2x.png);
	}
	
	.previewIcon.themenkarte {
		background-image: url(../../images/themenkarteBorderdIcon@2x.png);
	}
	
	.previewIcon.visitenkarte {
		background-image: url(../../images/visitenkarteBorderdIcon@2x.png);
	}
	
	.previewIcon.briefbogen {
		background-image: url(../../images/briefbogenBorderdIcon@2x.png);
	}
	
	/*
.iPhoneDummy {
		background-image: url(../../images/iPhoneDummy@2x.png);
	}	
*/
	
	/*
.iPhoneDummy.briefbogen {
		background-image: url(../../images/iphoneBriefbogen@2x.png);
	}

	.iPhoneDummy.visitenkarte {
		background-image: url(../../images/iphoneVisitenkarte@2x.png);
	}
	
	.iPhoneDummy.logo {
		background-image: url(../../images/iphoneLogo@2x.png);
	}
	
	.iPhoneDummy.flyer {
		background-image: url(../../images/iphoneFlyer@2x.png);
	}
	
	.iPhoneDummy.themenkarte {
		background-image: url(../../images/iphoneThemenkarte@2x.png);
	}
*/
}