/* PROFIL ================================================== */
#start {
background: #39F;
/*height: 100vh;*/
padding-top: 300px;
}
#start .tablerow {
display: table-row;
}
#start p {
color: #FFF;
}
.table {
display: table;
width: 100%;
height: 100%;
}
.table-row {
display: table-row;
width: 100%;
}
.table-cell {
display: table-cell;
vertical-align: middle;
}
.schwerpunkt {
margin-bottom: 405px;
}
.schwerpunkt:last-child {
margin-bottom: 0;
}
.schwerpunkt-titel {
font-family: 'CoreHumanistSans-Light';
text-align: left;
font-size: 50px;
line-height: 120%;
margin-bottom: 5px;
color: #FFF;
}
.schwerpunkt-text {
font-family: 'KarlaRegular', sans-serif;
font-size: 20px;
text-align: left;
line-height: 120%;
color: #FFF;
}
.schwerpunkt-button button, 
.schwerpunkt-button button:active, 
.schwerpunkt-button button:focus {
background: #39F;
color: #fff;
font-size: 16px;
padding: 11px 10px;
cursor: pointer;
margin: 20px auto 50px 0;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
border: 1px solid rgba(255,255,255,0.7);
outline: none;
display: block;
width: 135px;
font-family: 'KarlaRegular', sans-serif;

}
.schwerpunkt-button button:hover {
background: #FFF;
}
.schwerpunkt-button button a {
color: #FFF;
}
.schwerpunkt-button button:hover a {
color: #39F;
}

/* Änderungen 05.12.2016 */

body {background: #39F;}

.intro {
	font-weight: normal;
	font-size: 40px;
	line-height: 48px;
	text-align: left;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	color:#FFF;
	}
	
.intro a, .intro:hover a {
	color:#FFF;
	}
	
.schwerpunkt.slide {margin-bottom: 0!important; max-width: 140px;}

.drop:first-child {margin-left: 0!important;}

.drop {width: 16%!important;}

.rel {position: relative; margin-left: 0;}

x.schwerpunkt-text {position: absolute; width: 100%; left: 0;top: 140px; max-width: 600px;}

.schwerpunkt-button button, .schwerpunkt-button button:active, .schwerpunkt-button button:focus {width: auto!important;}

#logo {background:#39F; padding-top: 30px; margin-top: 0;}
#logo img {width: 100%; max-width: 194px;}
#footer {height: auto; background:#39F; margin: 0 auto; display: block; max-width: 980px; width: 100%; position: absolute; bottom: 0; padding-bottom: 0!important; left: 0;
right: 0;}

#footer p {baclground-color: transparent; color: #fff;}

#drop-content {margin-left: 0!important; position: relative;}
#drop-content .schwerpunkt-text {position: absolute;}


.schwerpunkt-button a, .schwerpunkt-button a:active, .schwerpunkt-button a:focus {
    background: #39F;
    color: #fff;
    font-size: 16px;
    padding: 11px 10px;
    cursor: pointer;
    margin: 20px auto 50px 0;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid rgba(255,255,255,0.7);
    outline: none;
    display: block;
    width: 135px;
    font-family: 'KarlaRegular', sans-serif;
}

.schwerpunkt-button a:hover {background: #fff; color: #39F;}


/* FOOTER - VERTEILER LINKS */

#verteiler {background: rgb(50,50,50); padding-top: 10px;}

#verteiler .schwerpunkt.slide {margin-bottom: 0!important; max-width: 140px;}

#verteiler .drop:first-child {margin-left: 0!important;}

#verteiler .drop {width: 16%!important;}

#verteiler .rel {position: relative; margin-left: 0;}

#verteiler .schwerpunkt-button button, .schwerpunkt-button button:active, .schwerpunkt-button button:focus {width: auto!important;}

#verteiler #drop-content {margin-left: 0!important; position: relative;}
#verteiler #drop-content .schwerpunkt-text {font-size: 14px;}
#verteiler #drop-content .schwerpunkt-text {position: absolute; color: #fff;}

#verteiler{position: relative;}

#verteiler .schwerpunkt-button a, .schwerpunkt-button a:active, .schwerpunkt-button a:focus {
    background: #fff;
color: #39F;
font-size: 16px;
padding: 11px 10px;
cursor: pointer;
margin: 20px auto 50px 0;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
border: 1px solid rgba(255,255,255,0.7);
outline: none;
display: block;
width: 135px;
font-family: 'KarlaRegular', sans-serif;
}

#verteiler .schwerpunkt-button a:hover {background: #fff; color: #666;}

#profil-c {height: 100vh; position: relative;}

/* MEDIA QUERIES  ============================================ */
@media screen and (max-height: 860px), screen and and (max-width: 1100px) {
	#start {
	height: auto;
	padding: 145px 0;
	}
}

@media screen and (max-width: 768px) {
	
	.drop {width: 18%!important;}
	.intro {font-size: 35px; line-height: 125%;}
	#footer {bottom:1%;}
	#profil-c {height: 100vh;}
}

@media screen and (max-width: 667px) {
	#footer {position: relative!important;}
	#start {padding-top: 100px;}
	.column, .columns {float: left; margin-right: 2%;}
	.drop {width: 22%!important;}
	.intro {font-size: 35px; line-height: 125%;}
}

@media screen and (max-width: 600px) {
.schwerpunkt-text {
font-size: 18px;
line-height: 130%;
}
.schwerpunkt-titel {
font-size: 40px;
}
.schwerpunkt-button button {
padding: 8px 10px;
}
}

@media screen and (max-width: 520px) {
	.intro {font-size: 30px; line-height: 125%;}
	#drop-content {display: none;}
	#verteiler #drop-content {min-height: auto;}
	.drop {width: 180px!important; margin: 20px 0!important;}
	.drop:first-child {margin-left: 0!important;}
	.column, .columns {float: none!important; margin-right: auto!important;}
	#footer {position: relative!important;}
	#start {padding-top: 100px;}
	.schwerpunkt-button a, .schwerpunkt-button a:active, .schwerpunkt-button a:focus {margin: 0!important;}
	.rel {margin: 40px 0;}
}