/* ADDITIONAL FIXES
  	–––––––––––––––––––––––––––––––––––––––––––––––––– */
	img {
		border: none;
	}
	b, strong {
  		font-weight: bold;
	}
		
	/* TEXT
  	–––––––––––––––––––––––––––––––––––––––––––––––––– */
	p {
		margin-bottom: 15px;
		line-height: 1.4em;
	}

	h1 {
		font-size: 28px;
		margin-bottom: 20px;
		line-height: 1.4em;
		text-align: left;
	}
	h2 {
		font-size: 18px;
		margin-bottom: 5px;
		line-height: 1.4em;
		text-align: left;
	}
	h3 {
		font-size: 12px;
		margin-bottom: 5px;
		line-height: 1.4em;
		text-align: left;
	}
	
	/* IDS
  	–––––––––––––––––––––––––––––––––––––––––––––––––– */
	#main {
		margin: 25px auto;
		width: 700px;
		border: 1px solid grey;
		font-family: arial, helvetica, sans-serif;
		color: #001f47;
	}
	#header {
		padding: 20px 0 0;
		position: relative;
	}
	#content {
		padding: 0 0 10px 0;
    	margin-top: -20px;
		background: url("bilder/bg.jpg") no-repeat;
		background-position: center;
		background-size: cover;
	}
	#footer {
		padding: 0 0 0 0;
	}
	#logo {
		text-align: center;
	}	
	/* CUSTOM CLASSES
  	–––––––––––––––––––––––––––––––––––––––––––––––––– */
	.container {
		position: relative;
		width: 90%;
		margin: 0 auto;
	}
	.break {
		display: block;
	}
.imagetext {
			padding-top: 25px;
		}
		.marked {
			color: #e60064;
		}
	/* COLUMN CLASSES
  	–––––––––––––––––––––––––––––––––––––––––––––––––– */
	.leftCol {
		float: left;
		width: 39%;
	}
	.rightCol {
		float: right;
		width: 59%;
		text-align: right;
	}
	.clearfix:after {
		content: "";
		clear: both;
		display: block;
		height: 0;
	}
.col-h2{
	color: #a0a5c2;
	font-weight: 400;
	font-size: 18px;
}
.slogan {
    position: absolute;
    left: 5%;
    bottom: 18%;
    color: 
    #FFF;
    font-weight: bold;
    font-size: 64px;
}
		
	/* IMAGES
  	–––––––––––––––––––––––––––––––––––––––––––––––––– */
	#header img {
		width: 100%;
		height: auto;
	}
	#logo img {
		max-width: 120px;
	}
	
	/* LISTS
  	–––––––––––––––––––––––––––––––––––––––––––––––––– */
	ul {
		padding-left: 18px;
		margin-bottom: 20px;
		line-height: 1.3em;
	}
	li {
		padding-left: 1px;
	}

	/* LINKS
  	–––––––––––––––––––––––––––––––––––––––––––––––––– */
	a {
		color: #001f47;
		text-decoration: none;
  		background-color: transparent;
	}
	a:hover {
		text-decoration: underline;
	}
	a:active, a:hover {
  		outline: 0;
	}

	/* BUTTON
  	–––––––––––––––––––––––––––––––––––––––––––––––––– */
	.section-button {
		padding: 30px 0px;
		text-align: right;
	}
	.btn {
		text-align: center;
		color: #ffffff;
		padding: 0.4em 2em;
		border: none;
		-webkit-border-radius: 12px;
		-moz-border-radius: 12px;
		border-radius: 12px;
		cursor: pointer;
		text-decoration: none;
		-webkit-transition: background-color 0.5s ease;
		-moz-transition: background-color 0.5s ease;
		-o-transition: background-color 0.5s ease;
		transition: background-color 0.5s ease;
		background-color: #e60064;
		font-weight: bold;
		font-size: 16px;
	}
	a.btn:hover {
		color: #ffffff;
		background-color: #e60064;
	}
		
	/* RESPONSIVE
  	–––––––––––––––––––––––––––––––––––––––––––––––––– */

	@media only screen and (max-width:859px) {
	#main {
		margin: 0;
		border: none;
		width: 100%;
	}
	.leftCol, .rightCol {
		float: none;
		width: 100%;
	}
	.break {
		display: none;
	}
		#content {
			background-attachment: fixed;
		}
		.slogan {
			font-size: 7vw;
		}
	}
  
  .section--1 h2.section-content__title:after {
    font-size: 18px;
    color: #a0a5c2;
    content: " - bunt und bedeutsam";
    font-weight: 400;
  }
  
    .section--2 h2.section-content__title:after {
    font-size: 18px;
    color: #a0a5c2;
    content: " - ganz und gar";
    font-weight: 400;
  }
  
      .section--3 h2.section-content__title:after {
    font-size: 18px;
    color: #a0a5c2;
    content: " - echt und ehrlich";
    font-weight: 400;
  }