



body {
	background: rgb(60, 61, 61); color: rgb(226, 226, 226);
}
h1 {
	color: rgb(157, 157, 157); margin: 0px; line-height: 60px; font-family: "Oregano-Italic", sans-serif; font-size: 60px;
}
h1 span {
	color: rgb(157, 157, 157); line-height: 46px; font-family: "Oregano-Italic", sans-serif; font-size: 26px; font-weight: normal; display: block;
}

p {
	color: rgb(60, 61, 61); line-height: 32px; font-family: "Pompiere-Regular", sans-serif; font-size: 24px;
}
p span {
	color: rgb(31, 163, 255); line-height: 60px; font-family: "Pompiere-Regular", sans-serif; font-size: 48px; font-weight: normal; display: block;
}


header {
	height: 730px; border-bottom-color: rgb(226, 226, 226); border-bottom-width: 0px; border-bottom-style: solid; position: relative;
}

#header_beschreibung h2 {
	color: rgb(238, 238, 238); margin: 20px; line-height: 60px; font-family: "Oregano-Italic", sans-serif; font-size: 50px; text-align: center; position: relative;
}
#header_beschreibung h2 span {
	color: rgb(255, 255, 255); line-height: 46px; font-family: "Oregano-Italic", sans-serif; font-size: 26px; font-weight: normal; display: block; text-align: center; position: relative;
}


.linie_sep {
	margin: 8px 0px; width: auto; border-bottom-color: rgb(228, 228, 228); border-bottom-width: 4px; border-bottom-style: solid;
}







#header_about {
	width: 100%; height: 620px; line-height: 24px; overflow: hidden; position: relative;
}


.main-background {
	/*left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; z-index: 0; background-size: cover; background: rgb(31, 163, 255); background: url("../img/mp4/Standbild1.jpg"); background-repeat: no-repeat;*/
     top: 0px; width: 100%; height: 100%; position: absolute; z-index: 0; background: rgb(31, 163, 255); background: url("../img/mp4/hintergrund/video_home_2.jpg"); background-repeat: no-repeat; background-size: cover;
}



.videocontainer_mp4 {
	margin: auto; width: 2100px; position: relative; background: rgb(31, 163, 255); padding-top: 0px; left: 0px; top: 0px; z-index: 0;
}
.video_wrap {
	width: 1100px; position: relative; left: 0px; top: 0px;
}
video {
	width: 2100px; position: absolute; z-index: 0; top: -560px;
}
















.bg-orange {
	background: rgb(255, 136, 22);
}

.bg-gray-dark {
	background: rgb(60, 61, 61);
}

.background_blau {
	background: rgb(31, 163, 255);
}

.background_texture {
	background: url("../img/sites/about/blue_wood.jpg") no-repeat center;
}


#kkk_text1 span {
	color: rgb(155, 65, 163); line-height: 46px; font-family: "Satisfy", cursive; font-size: 26px; font-weight: normal; display: block;
}




.umfrage_slider {
	height: auto; overflow: hidden; margin-top: 40px; border-top-color: rgb(206, 206, 206); border-top-width: 1px; border-top-style: dashed; position: relative;
    background: rgb(31, 163, 255);
    margin: 0px auto; width: 800px;
}
#das_team {
	padding-left: 40px; padding-bottom: 40px; MARGIN: 0px 0px 0px 25px; DISPLAY: block; FLOAT: left
}
#das_team h3 {
	color: rgb(255, 255, 255); font-family: "Oregano-Italic", sans-serif; font-size: 25px; font-weight: normal; margin-bottom: 0px;
}
#das_team .team_mitglied {
	MARGIN: 0px 0px 10px; DISPLAY: block; FLOAT: left
}
#das_team .team_mitglied .team_mitglied_polaroid {
	FLOAT: left; MARGIN-RIGHT: 20px
}
#das_team .team_mitglied .team_mitglied_container {
	MARGIN-TOP: 12px; WIDTH: 580px; FLOAT: left; MARGIN-LEFT: 10px
}
#das_team .team_mitglied .team_mitglied_container p {
	MARGIN-TOP: 4px; font-size: 18px;
}
#das_team .team_mitglied .team_mitglied_container H2 {
	MARGIN-TOP: 12px !important; HEIGHT: 22px; FONT-SIZE: 32px
}
#das_team .team_mitglied .team_mitglied_container .team_mitglied_polaroid {
	MARGIN-LEFT: -28px !important
}
.team_mitglied_polaroid {
	WIDTH: 206px; BACKGROUND: url(../img/sites/about/background-polaroid-frame.png); HEIGHT: 238px
}
.team_mitglied_polaroid IMG {
	MARGIN: 18px 0px 0px 28px
}
.team_mitglied_leerraum {
	BORDER-BOTTOM: rgb(255, 255, 255) 1px dashed; WIDTH: 380px; MARGIN-LEFT: 195px
}
.bio-read-more {
	MARGIN: 0px; COLOR: #0b486d; FONT-SIZE: 13px; CURSOR: pointer; FONT-WEIGHT: bold
}
.biolinkText {
	TEXT-DECORATION: underline
}
.bio-read-more IMG {
	MARGIN-LEFT: 4px
}
.bio-more {
	DISPLAY: none
}
.team_mitglied_fuss {
	PADDING-BOTTOM: 10px; MARGIN: 10px 5px 10px 0px; PADDING-LEFT: 10px; WIDTH: auto; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
.team_mitglied_fuss .team_mitglied_button {
	FLOAT: right
}





#header_about_video {
	text-align: center; padding-top: 50px;
}
#header_about_video_sticker_kkk_right {
	top: 30px; width: 303px; right: 0px; position: absolute; z-index: 10;
}
#header_about_video_sticker_kkk_left {
	left: 0px; top: 30px; width: 303px; position: absolute; z-index: 10;
}
#header_about_video_sticker_right {
	top: -140px; width: 215px; height: 295px; right: 140px; position: absolute; z-index: 30;
}
#header_about_video_sticker_left {
	left: 0px; top: -140px; width: 173px; height: 293px; position: absolute; z-index: 20;
}
#header_about_video_frame {
	margin: auto; width: 920px; position: relative; z-index: 20;
}
#header_about_video_play {
	left: 42.5%; top: 140px; width: 15%; height: 150px; text-align: center; position: absolute; z-index: 25;
}
#header_about_video_play a {
	transition:opacity 0.1s linear; -webkit-transition: opacity 0.1s linear; -moz-transition: opacity 0.1s linear;
}
#header_about_video_play a:hover {
	opacity: 0.5; -webkit-opacity: 0.5; -moz-opacity: 0.5;
}
#unsere_vision {
	padding: 80px 0px; text-align: center; line-height: 26px; font-size: 18px;
}
#unsere_vision .linie_sep {
	margin: 20px auto;
}
#unsere_vision_text {
	color: rgb(60, 61, 61); padding: 10px 190px; font-family: "Pompiere-Regular", sans-serif; font-size: 26px; display: block;
}
#unsere_vision_text span {
	color: rgb(31, 163, 255); line-height: 60px; font-family: "Pompiere-Regular", sans-serif; font-size: 48px; font-weight: normal; display: block;
}
#unsere_schwerpunkte {
	padding: 80px 0px; color: rgb(225, 225, 225); line-height: 24px;
}
#unsere_schwerpunkte h2 {
	color: rgb(255, 255, 255); line-height: 45px; font-family: "Oregano-Italic", sans-serif; font-size: 45px; margin-top: 0px; margin-bottom: 15px;
}
#unsere_schwerpunkte .unsere_schwerpunkte_block_left {
	width: 47%; float: left;
}
#unsere_schwerpunkte .unsere_schwerpunkte_block_right {
	width: 47%; float: right;
}
#unsere_schwerpunkte .unsere_schwerpunkte_entwicklung {
	margin-bottom: 50px;
}
#unsere_schwerpunkte .process-buffer {
	height: 50px;
}
#unsere_schwerpunkte .unsere_schwerpunkte_image {
	width: 20%; float: left;
}
#unsere_schwerpunkte .unsere_schwerpunkte_image img {
	border: 7px solid rgb(228, 228, 228); border-image: none;
}
#unsere_schwerpunkte .unsere_schwerpunkte_text {
	width: 72%; float: right;
}
#unser_service {
	padding: 80px 0px; line-height: 24px; border-bottom-color: rgb(226, 226, 226); border-bottom-width: 1px; border-bottom-style: solid;
}
#unser_service h3 {
	color: rgb(157, 157, 157); font-family: "Oregano-Italic", sans-serif; font-size: 25px; font-weight: normal;
}
#unser_service .unser_service_block {
	color: rgb(60, 61, 61); width: 31%; margin-right: 2%; float: left;
}
#unser_service .unser_service_block_oben {
	margin-bottom: 35px;
}
#warum_kortschak {
	background: url("../img/bg-whyline.jpg") repeat-y top rgb(250, 250, 250); line-height: 24px; border-bottom-color: rgb(226, 226, 226); border-bottom-width: 1px; border-bottom-style: solid;
}
#warum_kortschak_left {
	width: 45%; float: left;
}
#warum_kortschak_right {
	padding: 60px 0px; width: 45%; float: right; position: relative;
}
#warum_kortschak_text {
	color: rgb(157, 157, 157); padding-top: 50px; padding-bottom: 100px; padding-left: 115px; position: relative; z-index: 10;
}
#warum_kortschak_text h2 {
	color: rgb(157, 157, 157); line-height: 35px; font-family: "Oregano-Italic", sans-serif; font-size: 30px; font-weight: normal;
}
#kortschak_statistik {
	top: 46%; width: 100%; text-align: center; position: absolute;
}
#kortschak_statistik span {
	background: rgb(250, 250, 250); padding: 10px; color: rgb(157, 157, 157); display: inline-block;
}
.kortschak_statistik_block {
	padding: 80px 0px; width: 49%; text-align: center; border-right-color: rgb(207, 206, 206); border-bottom-color: rgb(207, 206, 206); border-right-width: 1px; border-bottom-width: 1px; border-right-style: dashed; border-bottom-style: dashed; float: left;
}
.kortschak_statistik_block h2 {
	margin: 0px; color: rgb(31, 163, 255); line-height: 115px; font-family: "Open Sans Condensed", sans-serif; font-size: 115px;
}
.kortschak_statistik_block span {
	color: rgb(60, 61, 61); font-size: 13px; display: block;
}
#warum_kortschak_effekt {
	left: -2650px; top: 60px; width: 818px; height: 506px; position: absolute;
}
#about_team {
	padding: 90px 0px; line-height: 22px;
}
#das_office {
	background: url("../img/sites/about/about_bild11.jpg") no-repeat top rgb(255, 255, 255); height: 530px; line-height: 24px;
}
@media all and (max-width:1150px)
{
#header_about_video_frame {
	width: 700px; top: 60px;
}
#header_about_video_sticker_kkk_right {
	top: 10px; width: 290px; right: -30px;
}
#header_about_video_sticker_kkk_left {
	left: -30px; top: 10px; width: 290px;
}
#header_about {
	height: 600px;
}
#header_about_video_play {
	top: 25%;
}
.kortschak_statistik_block h2 {
	line-height: 75px; font-size: 75px;
}
.kortschak_statistik_block span {
	font-size: 12px;
}
}
@media all and (max-width:960px)
{
#header_about_video_frame {
	width: 700px;  top: 40px;
}
#header_about_video_sticker_kkk_right {
	top: 30px; width: 250px; right: -80px;
}
#header_about_video_sticker_kkk_left {
	left: -80px; top: 30px; width: 250px;
}
#header_about_video_sticker_right {
	top: -140px; right: 25px;
}
#header_about_video_sticker_left {
	display: none;
}
#unsere_vision_text {
	padding: 10px 100px;
}
#unser_service h2 {
	font-size: 18px;
}
.kortschak_statistik_block {
	padding: 40px 0px;
}
.kortschak_statistik_block h2 {
	line-height: 45px; font-size: 45px;
}
.kortschak_statistik_block span {
	font-size: 10px;
}
#warum_kortschak_text {
	padding: 50px 0px;
}
#warum_kortschak_effekt {
	display: none;
}
#das_office {
	display: none;
}
}
@media all and (max-width:767px)
{
#header_about_video {
	padding-top: 100px;
}
#header_about_video_frame {
	width: 99%; top: -30px;
}
#header_about {
	height: auto; padding-bottom: 50px;
}
#header_beschreibung h2 {
	margin: 40px; font-size: 30px;
}
#header_about_video_sticker_kkk_right {
	top: 10px; width: 35%; right: -10%;
}
#header_about_video_sticker_kkk_left {
	left: -10%; top: 10px; width: 35%;
}
#header_about_video_sticker_right {
	display: none;
}
#header_about_video_play {
	top: 28%;
}
#unsere_vision {
	padding: 30px 0px;
}
#unsere_vision_text {
	padding: 10px;
}
#unsere_schwerpunkte {
	padding: 30px 0px;
}
#unsere_schwerpunkte .unsere_schwerpunkte_block_left {
	width: 100%; margin-bottom: 30px; float: none;
}
#unsere_schwerpunkte .unsere_schwerpunkte_block_right {
	width: 100%; margin-bottom: 30px; float: none;
}
#unsere_schwerpunkte h2 {
	line-height: 25px; font-size: 25px;
}
#unsere_schwerpunkte .unsere_schwerpunkte_text {
	font-size: 22px;
}
#unser_service {
	padding: 30px 0px 60px;
}
#unser_service .unser_service_block {
	width: 100%; margin-right: 0%; margin-bottom: 0px; float: none;
}
#warum_kortschak {
	padding: 30px 0px; background-image: none;
}
#warum_kortschak_text {
	padding: 15px 0px 30px;
}
#warum_kortschak_left {
	width: 100%; float: none;
}
#warum_kortschak_right {
	width: 100%; float: none;
}
#warum_kortschak_right {
	padding-bottom: 10px;
}
#warum_kortschak_leftlls-left {
	border-bottom-color: rgb(236, 236, 236); border-bottom-width: 2px; border-bottom-style: solid;
}
#about_team #umfrage_slider_1 {
	width: 100%;
}
#about_team {
	padding: 40px 0px;
}
.umfrage_slider {
	height: auto; width: auto; padding: 0px 0px 0px 0px;
}
#das_team {
	padding-left: 0px;
}
.team_mitglied_polaroid {
	BACKGROUND: none; width: 80px; padding-left: 10px; padding-right: 10px;
}
.team_mitglied_polaroid IMG {
	MARGIN: 18px 0px 0px 28px; border: 7px solid rgb(115, 220, 255); border-image: none; margin-left: 0px;
}
}

@media all and (max-width:479px)
{
h1 {
	font-size: 46px;
}
#unsere_schwerpunkte .unsere_schwerpunkte_text {
	font-size: 18px;
}
}