@media screen and (min-width:150px) and (max-width:320px){
section{
	width:100%;
}
body>nav.open .nav-background{
	padding-top:50px;
}
body {
    font-size:100%;
  }
/* Typography
-------------------------------------------------------------- */
section{
	width:100%;
}
body>nav.open .nav-background{
	padding-top:50px;
}
.col header{
	padding:0;
	text-align:center;
}
/* Typography
-------------------------------------------------------------- */
p{
}
h1{
	font-size:40px;
	font-weight:bold;
}
h1.main{
	font-size:70px;
}
h2 {
	font-size:38px;
	line-height: 1em;
	font-weight:normal;
}
h3 {
	font-size:25px;
	line-height:1.2em;
}
h4 {
}
h4.big{
	font-size:30px;
}
h5 {
	font-size:16px;
}
h6 {
	font-size:14px;
	line-height:1.5em;
}
a.scrollToTop{
	right:20px;
	bottom:20px;
}
a.scrollToTop:hover{
	right:20px;
	bottom:20px;
}
header img{
	max-height:100px;
}
#scroll_down{
	display:none;
}
/*  Home page   ============================================================================= */
section.home {
/* 
	min-height:500px;
 */
}
section.home header img{
	max-width:75%;
}
#content.home{
	display:table-cell;
	margin:0;
	vertical-align:middle;
}
section.main{
	background-color:#252122;	
}
.nav_main{
	display:none;
}
ul.main{

}
ul.main li{
}
ul.main li a{
}
/*  clock ============================================================================= */
#clock{
	position:absolute;
	width:100px;
	right:100px;
	bottom:10px;
}
.outer_face {
    position: relative;
    width:100px; /* width of clock */
    height:100px; /* height of clock */
    border-radius:100px; /* clock round corner radius */
	background:url('../img/clock_circle.svg') no-repeat;
    }
 /*  Hallo page   ============================================================================= */
section.hallo {
	height:450px;
	background:url('../img/resolution/hallo_600.jpg') no-repeat top right;
}
section.hallo header{
}
#content.hallo{
}
#main{
}
section.hallo_2 {
	max-width:320px;
	top:-70px;
}
section.hallo_2 .col.span_1_of_3{
	height:300px;
}
section.hallo_2 .col.span_1_of_3.img_1,section.hallo_2 .col.span_1_of_3.img_2{
	background-size:cover;
}
.red{
}
section.hallo_2.col header{
}
section.hallo_2 .col p{
}
.black{
}
/*  Wir page  ============================================================================= */
#main_wir{
}
section.wir_1 {
	height:600px;
}
#content.wir_1{
}
section.wir_1 header{
	margin-top:0;
}
.content_wir_1{
	max-width:100%;
}
#scroll_down{
}
#scroll_down img{
}
a.scroll{
}
section.wir_2{
	padding:50px 0;
}
section.wir_3{
	padding-bottom:30px;
}
#content.wir_3{
	height:250px;
	background:url('../img/resolution/erfahrung_small.jpg') no-repeat top right;
}
#content.wir_3 .text_box{
	display:none;
}
#content.wir_3a {
	color:#252112;
	display:initial;
}
#content.wir_3a .text {
	padding:10px;
}
#content.wir_3a p{
	color:#252112;
	padding:10px 0;
}
section.wir_4{
	padding-bottom:30px;
}
section.wir_4 img{
	max-width:100%;
}
.content_wir_4_text{
	padding:10px;
	text-align:left;
}
section.wir_4 .col{
}
.col p{
}
/*  Arbeiten Page   ============================================================================= */
section.arbeiten_1 {
	height:500px;
}
#content.arbeiten_1{
}
.content_arbeiten_1 header{
	margin-top:-100px;
}
/*  Section Arbeiten_2   ============================================================================= */
#main.arbeiten_2{
}
section.arbeiten_2{
	padding:30px 0;
}
table.arbeiten{
	width:100%;
	background-size:320px;
}
table.arbeiten td{
	color:#000;
	text-align:left;
	line-height:24px;
	font-size:14px;
	font-family: 'Merriweather', serif;
}
table.arbeiten td.left{
	clear:both;
	max-width:100%;
	padding:10px 20px;
}
table.arbeiten td.right{
	clear:both;
	max-width:100%;
	padding:10px 20px;
}
table.arbeiten img{
	max-width:80px;
	padding:10px 0;
}
table.arbeiten td img{
	max-height:90px;
	margin:0 auto;
	width:50px;
	display:block;
}
table.arbeiten p{
	color:#000;
	text-align:center;
	font-style:italic;
}
table.arbeiten th{
	padding-top:50px;
}
/*  Section Arbeiten_5   ============================================================================= */
section.arbeiten_5{
	padding:80px 0;
	max-width:100%;
}
section.arbeiten_5 h2{
	margin-bottom:50px;
	padding:0 10px;
}
.arbeiten_5_col{
	background:none;
	padding:20px 0;
	margin:0;
}
.arbeiten_6_col{
	background:#2b292b;
	padding:20px 0;
	margin:0;
}
.arbeiten_5_col:hover,.arbeiten_6_col:hover{
}
/*  Section Arbeiten_6   ============================================================================= */
section.arbeiten_6{
	padding:80px 0;
}
section.arbeiten_6 img{
	max-width:95%;
}
#content.arbeiten_6{
	display:none;
}
#content.arbeiten_6a{
	display:initial;
}
#content.arbeiten_6 .col{
	padding:0;
}
/* Digital page   ============================================================================= */
section.digital_1 {
	height:650px;
}
svg.digital{
	max-height:100px;
	max-width:100%;
}
#content.digital_1{
	padding:10px;
}
.text_box{
	padding:15px;
	max-width:100%;
	padding:0;
}
/*  Section digital_2  ============================================================================= */
section.digital_2 {
	padding:80px 20px 160px 20px;
}
/*  Section digital_3  ============================================================================= */
section.digital_3 {
	max-width:100%;
}
section.digital_3 .col.span_1_of_3{
	height:350px;
}
a.col_img_1,a.col_img_2,a.col_img_3,a.col_img_1:hover,a.col_img_2:hover,a.col_img_3:hover{
}
section.digital_3 .col.span_1_of_3 header{
	padding:50px 20px;
}
/*  Section digital_5  ============================================================================= */
section.digital_5 {
	max-width:100%;
	padding:80px 0;
}
section.digital_5 .col.span_1_of_4{
	height:80px;
	margin:0;
}
.digital_5_col,.digital_5a_col{
	padding:0 10px;
}
section.digital_5 .col.span_1_of_4.hide{
display:none;
}
.digital_5_col:hover,.digital_5a_col:hover{
}
.digital_5a_col{
}
.digital_5a_col:hover{
}
.digital_5 .col header{
}
/*  Office page ============================================================================= */
section.office_1 {
	height:800px;
}
#content.office_1 img{
	max-height:100px;
}
section.office_2{
	padding:80px 0 140px 0;
}
section.office_3{
	max-width:100%;
	top:-100px;
}
section.office_3 img{
	width:100%;
}
section.office_4{
	padding:0 0 50px 0;
}
.office_3_col{
	min-height:200px;
	width:100%;
	padding:0 20px;
}
section.office_5{
	width:100%;
	padding-bottom:100px;
}
section.office_5 img{
	width:100%;
}
section.office_3 .col.span_1_of_3.map a{
	display:block;
	height:340px;
}
.office_5_col_1:hover,.office_5_col_2:hover,.office_5_col_3:hover,.office_5_col_4:hover,.office_5_col_5:hover{
	width:480px;
}
/*  Elearning page ============================================================================= */
section.elearning_1{
	height:auto;
}
section.elearning_1 img{
	max-width:160px;
	padding:15px 0;
}
#content.elearning_1{
	padding-top:120px;
}
#main.elearning_2{
}
section.elearning_2{
	width:100%;
}
section.elearning_2 .text_box{
	padding:50px;  
}
section.elearning_2 .text_box_1{
	padding:100px 50px 0 50px;  
}
section.elearning_2 .text_box p,section.elearning_2 .text_box_1 p{
}
section.elearning_2 h2{
}
#back{
}
/* Footer  ============================================================================= */
section.footer{
}
.footer_inner{
	max-width:100%;
	padding-top:20px;
}
.footer_impr{
	padding:30px 0;
}
.footer button{
}
.footer_inner img{
	max-width:120px;
	padding-top:15px;
}
.footer table.links{
	margin:0 auto;
}
/*  Popup window   ============================================================================= */
#impressum{
}
#impressum .wrapper{
	max-width:100%;
	margin:0 auto;
	padding:50px 20px;
}
p.impressum{
	padding-top:50px;
}
.impressum_close{
	background:url('../img/close.png') no-repeat;
	position:absolute;
	top:50px;
	right:10px;
	height:28px;
	width:28px;
	padding:60px 0;
}
}
@media screen and (min-width:321px) and (max-width:480px){
section{
	width:100%;
}
body>nav.open .nav-background{
	padding-top:50px;
}
body {
    font-size:100%;
  }
/* Typography
-------------------------------------------------------------- */
section{
	width:100%;
}
body>nav.open .nav-background{
	padding-top:50px;
}
.col header{
	padding:0 20px;
}
/* Typography
-------------------------------------------------------------- */
p{
}
h1{
	font-size:45px;
	font-weight:bold;
}
h1.main{
	font-size:70px;
}
h2 {
	font-size:38px;
	line-height: 1em;
	font-weight:normal;
}
h3 {
	font-size:25px;
	line-height:1.2em;
}
h4 {
}
h4.big{
	font-size:30px;
}
h5 {
	font-size:16px;
}
h6 {
	font-size:14px;
	line-height:1.5em;
}
a.scrollToTop{
	right:10px;
	bottom:10px;
}
a.scrollToTop:hover{
	right:10px;
	bottom:10px;
}
header img{
	max-height:100px;
}
/*  Home page   ============================================================================= */
section.home {
/* 
	height:500px;
 */
}
section.home header img{
	max-width:75%;
}
#content.home{
	display:table-cell;
	margin:0;
	vertical-align:middle;
}
section.main{
	background-color:#252122;	
}
.nav_main{
	display:none;
}
ul.main{

}
ul.main li{
}
ul.main li a{
}
/*  clock ============================================================================= */
#clock{
	position:absolute;
	width:100px;
	right:50px;
	margin:0 auto:
}
.outer_face {
    position: relative;
    width:100px; /* width of clock */
    height:100px; /* height of clock */
    border-radius:100px; /* clock round corner radius */
	background:url('../img/clock_circle.svg') no-repeat;
    }
 /*  Hallo page   ============================================================================= */
section.hallo {
	height:450px;
	background:url('../img/resolution/hallo_600.jpg') no-repeat top center fixed;
}
section.hallo header{
	margin-top:-70px;
}
#content.hallo{
}
#main{
}
section.hallo_2 {
	max-width:600px;
	top:-100px;
}
section.hallo_2 .col.span_1_of_3{
	height:300px;
}
section.hallo_2 .col.span_1_of_3.img_1{
	background:url('../img/resolution/hallo_img_1_big.jpg') no-repeat;
}
section.hallo_2 .col.span_1_of_3.img_2{
	background:url('../img/resolution/hallo_img_2_big.jpg') no-repeat;
}
section.hallo_2 img {
	width:100%;
}
.red{
}
section.hallo_2.col header{
}
section.hallo_2 .col p{
}
.black{
}
/*  Wir page  ============================================================================= */
#main_wir{
}
section.wir_1 {
	height:500px;
}
#content.wir_1{
}
section.wir_1 header{
	margin-top:0;
}
.content_wir_1{
	max-width:100%;
}
#scroll_down{
}
#scroll_down img{
}
a.scroll{
}
section.wir_2{
	padding:50px 0;
}
section.wir_3{
	padding-bottom:0;
}
#content.wir_3{
	height:250px;
	background:url('../img/resolution/erfahrung_small.jpg') no-repeat top right;
}
#content.wir_3 .text_box{
	display:none;
}
#content.wir_3a {
	color:#252112;
	display:initial;
}
#content.wir_3a .text {
	padding:50px;
}
#content.wir_3a p{
	color:#252112;
	padding:10px;
}
section.wir_4{
	padding-bottom:30px;
}
section.wir_4 img{
	max-width:100%;
}
.content_wir_4_text{
	padding:20px;
	text-align:left;
}
section.wir_4 .col{
}
.col p{
}
/*  Arbeiten Page   ============================================================================= */
section.arbeiten_1 {
	height:500px;
}
#content.arbeiten_1{
}
.content_arbeiten_1 header{
	margin-top:-100px;
}
/*  Section Arbeiten_2   ============================================================================= */
#main.arbeiten_2{
}
section.arbeiten_2{
	padding:30px 0;
}
table.arbeiten{
	width:100%;
	background-size:320px;
}
table.arbeiten td{
	color:#000;
	text-align:left;
	line-height:24px;
	font-size:14px;
	font-family: 'Merriweather', serif;
}
table.arbeiten td.left{
	clear:both;
	max-width:100%;
	padding:10px 20px;
}
table.arbeiten td.right{
	clear:both;
	max-width:100%;
	padding:10px 20px;
}
table.arbeiten img{
	max-width:80px;
	padding:10px 0;
}
table.arbeiten td img{
	max-height:90px;
	margin:0 auto;
	width:50px;
	display:block;
}
table.arbeiten p{
	color:#000;
	text-align:center;
	font-style:italic;
}
table.arbeiten th{
	padding-top:50px;
}
/*  Section Arbeiten_5   ============================================================================= */
section.arbeiten_5{
	padding:80px 0;
	max-width:100%;
}
section.arbeiten_5 h2{
	margin-bottom:50px;
	padding:0 10px;
}
.arbeiten_5_col{
	background:none;
	padding:20px 0;
	margin:0;
}
.arbeiten_6_col{
	background:#2b292b;
	padding:20px 0;
	margin:0;
}
.arbeiten_5_col:hover,.arbeiten_6_col:hover{
}
/*  Section Arbeiten_6   ============================================================================= */
section.arbeiten_6{
	padding:80px 0;
}
section.arbeiten_6a img{
	width:100%;
}
#content.arbeiten_6{
	display:none;
}
#content.arbeiten_6a{
	display:initial;
}
#content.arbeiten_6a.col.span_1_of_2{
	width:50%;
}
#content.arbeiten_6a .col{
	margin:0;
}
/* Digital page   ============================================================================= */
section.digital_1 {
	height:750px;
}
svg.digital{
	max-height:100px;
	max-width:320px;
}
#content.digital_1{
}
.text_box{
	padding:15px;
}
/*  Section digital_2  ============================================================================= */
section.digital_2 {
	padding:80px 0 160px 0;
}
/*  Section digital_3  ============================================================================= */
section.digital_3 {
	max-width:100%;
}
section.digital_3 .col.span_1_of_3{
	height:350px;
}
a.col_img_1,a.col_img_2,a.col_img_3,a.col_img_1:hover,a.col_img_2:hover,a.col_img_3:hover{
	background-size:90px;
}
section.digital_3 .col.span_1_of_3 header{
	padding:50px;
}
/*  Section digital_5  ============================================================================= */
section.digital_5 {
	max-width:100%;
	padding:80px 0;
}
section.digital_5 .col.span_1_of_4{
	height:80px;
	margin:0;
}
.digital_5_col,.digital_5a_col{
	padding:0 10px;
}
section.digital_5 .col.span_1_of_4.hide{
display:none;
}
.digital_5_col:hover,.digital_5a_col:hover{
}
.digital_5a_col{
}
.digital_5a_col:hover{
}
.digital_5 .col header{
}
/*  Office page ============================================================================= */
section.office_1 {
	height:700px;
}
#content.office_1 img{
	max-height:100px;
}
section.office_2{
	padding:80px 0 140px 0;
}
section.office_3{
	max-width:100%;
	top:-100px;
}
section.office_3 img{
	width:100%;
}
section.office_4{
	padding:0 10px 50px 10px;
}
.office_3_col{
	min-height:200px;
	width:100%;
	padding:0 20px;
}
section.office_5{
	display:none;
}
section.office_5a .col{
	display:initial;
	border:1px solid #2b292b;
	display:table;
	height:200px;
}
section.office_3 .col.span_1_of_3.office{
	background:url('../img/resolution/office_big.jpg') no-repeat center center;
	background-size:cover;
}
section.office_3 .col.span_1_of_3.map{
	background:url('../img/resolution/map_big.jpg') no-repeat center center;
	background-size:cover;
}
.office_5_col_1:hover,.office_5_col_2:hover,.office_5_col_3:hover,.office_5_col_4:hover,.office_5_col_5:hover{
	width:480px;
}
/*  Elearning page ============================================================================= */
section.elearning_1{
	height:auto;
}
section.elearning_1 img{
	max-width:160px;
	padding:15px 0;
}
#content.elearning_1{
	padding-top:120px;
}
#main.elearning_2{
}
section.elearning_2{
	width:100%;
}
section.elearning_2 .text_box{
	padding:50px;  
}
section.elearning_2 .text_box_1{
	padding:100px 50px 0 50px;  
}
section.elearning_2 .text_box p,section.elearning_2 .text_box_1 p{
}
section.elearning_2 h2{
}
#back{
}
/* Footer  ============================================================================= */
section.footer{
}
.footer_inner{
	max-width:100%;
	padding-top:20px;
}
.footer_impr{
	padding:20px 0;
}
.footer button{
}
.footer_inner img{
	max-width:120px;
	padding-top:15px;
}
.footer table.links{
	margin:0 auto;
}
/*  Popup window   ============================================================================= */
#impressum{
}
#impressum .wrapper{
	max-width:100%;
	margin:0 auto;
	padding:50px 20px;
}
p.impressum{
	padding-top:50px;
}
.impressum_close{
	background:url('../img/close.png') no-repeat;
	position:absolute;
	top:50px;
	right:10px;
	height:28px;
	width:28px;
	padding:60px 0;
}
}
@media screen and (min-width:481px) and (max-width:600px){
/* Content
-------------------------------------------------------------- */
section{
	width:100%;
}
body>nav.open .nav-background{
	padding-top:50px;
}
body>nav li a{
	font-size:35px;
}
a.scrollToTop{
	right:20px;
	bottom:20px;
}
a.scrollToTop:hover{
	right:20px;
	bottom:20px;
}
body>nav #logo{
}
header img{
	max-height:120px;
}
/* Typography
-------------------------------------------------------------- */
p{
	font-size:13px;
}
h1{
	font-size:45px;
	font-weight:bold;
}
h1.main{
	font-size:80px;
}
h2 {
	font-size:42px;
	line-height: 1em;
	font-weight:normal;
}
h3 {
	font-size:30px;
	line-height:1.2em;
}
h4 {
	font-size:13px;
	line-height:1.2em;
}
h4.big{
	font-size:16px;
}
h5 {
	font-size:12px;
	line-height: 1.5em;
}
h6 {
	font-size:14px;
	line-height:1.5em;
}
span{
	font-size:12px;
}
span.mail {
  font-size:12px;
 }
 a.scrollToTop{
	right:20px;
	bottom:20px;
}
a.scrollToTop:hover{
	right:20px;
	bottom:20px;
}
/*  Home page   ============================================================================= */
section.home {
}
section.home header img{
	max-width:75%;
}
#content.home{
	display:table-cell;
	margin:0;
	vertical-align:middle;
}
section.main{
	background-color:#252122;	
}
.nav_main{
	display:none;
}
ul.main{

}
ul.main li{
}
ul.main li a{
}
/*  clock ============================================================================= */
#clock{
	position:absolute;
	width:100px;
	right:100px;
	bottom:10px;
}
.outer_face {
    position: relative;
    width:100px; /* width of clock */
    height:100px; /* height of clock */
    border-radius:100px; /* clock round corner radius */
	background:url('../img/clock_circle.svg') no-repeat;
    }
/*  Hallo page   ============================================================================= */
section.hallo {
	height:400px;
}
section.hallo header{
	margin-top:-50px;
}
#content.hallo{
}
#main{
}
section.hallo_2 {
	max-width:100%;
	top:-50px;
}
section.hallo_2 .col.span_1_of_3,section.hallo_2 .col.span_1_of_3 img{
	max-height:200px;
}
section.hallo_2 img {
	width:100%;
}
.red{
}
.col header{
	padding:10px;
}
section.hallo_2 .col p{
}
.black{
}
/*  Wir page  ============================================================================= */
#main_wir{
}
section.wir_1 {
	height:500px;
}
#content.wir_1{
}
section.wir_1 header{
	margin-top:-70px;
}
.content_wir_1{
	max-width:85%;
}
#scroll_down{
}
#scroll_down img{
}
a.scroll{
}
section.wir_2{
	padding:80px 0;
}
section.wir_3{
	padding-bottom:0;
}
#content.wir_3{
	height:250px;
}
#content.wir_3 .text_box{
	display:none;
}
#content.wir_3a {
	color:#252112;
	padding:50px 20px;
	display:initial;
}
#content.wir_3a .text {
	padding:25px;
}
#content.wir_3a p{
	color:#252112;
	padding:10px;
}
section.wir_4 img{
	max-width:100%;
}
.content_wir_4_text{
	padding:20px;
	text-align:left;
}
section.wir_4 .col{
}
.col p{
}
/*  Arbeiten Page   ============================================================================= */
section.arbeiten_1 {
	height:500px;
}
#content.arbeiten_1{
}
.content_arbeiten_1 header{
	margin-top:-100px;
}
#content.arbeiten_1 header img{
	max-height:120px;
}
/*  Section Arbeiten_2   ============================================================================= */
#main.arbeiten_2{
}
section.arbeiten_2{
	padding:30px 0;
}
table.arbeiten{
	width:100%;
	color:#000;
	background-size:450px;
}
table.arbeiten td{
	font-size:13px;
}
table.arbeiten td.left{
	font-size:13px;
	padding:0 10px;
	max-width:50%;
	
}
table.arbeiten td.right{
	padding:0 10px;
	font-size:13px;
	max-width:50%;
}
table.arbeiten img{
	max-width:90px;
}
table.arbeiten td img{
}
table.arbeiten p{
	padding:0 20px;
}
table.arbeiten th{
}
/*  Section Arbeiten_5   ============================================================================= */
section.arbeiten_5{
	padding:100px 0;
	max-width:100%;
}
section.arbeiten_5 h2{
	margin-bottom:50px;
}
.arbeiten_5 .col{
	margin:0;
}
.arbeiten_5_col{
	padding:15px 0;
}
.arbeiten_6_col{
	padding:15px 0;
}
.arbeiten_5_col:hover,.arbeiten_6_col:hover{
}
/*  Section Arbeiten_6   ============================================================================= */
section.arbeiten_6{
	color:#000;
	padding:115px 0;
}
section.arbeiten_6a img{
	max-width:49%;
}
#content.arbeiten_6{
	display:none;
}
#content.arbeiten_6a{
	display:initial;
}
#content.arbeiten_6a .col{
	margin:0;
}
/* Digital page   ============================================================================= */
section.digital_1 {
	height:600px;
}
#content.digital_1{
}
.text_box{
	padding:30px 30px;
}
/*  Section digital_2  ============================================================================= */
section.digital_2 {
	padding:80px 0 160px 0;
}
svg.digital{
	max-height:100px;
}
/*  Section digital_3  ============================================================================= */
section.digital_3 {
	max-width:100%;
}
section.digital_3 .col.span_1_of_3{
	height:400px;
}
a.col_img_1,a.col_img_2,a.col_img_3,a.col_img_1:hover,a.col_img_2:hover,a.col_img_3:hover{
	background-position:50% 95%;
}
section.digital_3 .col.span_1_of_3 header{
	padding:40px 15px;
}
/*  Section digital_5  ============================================================================= */
section.digital_5 {
	max-width:100%;
	padding:80px 0;
}
section.digital_5 .col.span_1_of_4{
	height:150px;
}
.digital_5_col,.digital_5a_col{
}
.digital_5_col:hover,.digital_5a_col:hover{
}
.digital_5a_col{
}
.digital_5a_col:hover{
}
.digital_5 .col header{
}
/*  Office page ============================================================================= */
section.office_1 {
	height:650px;
}
#content.office_1{
}
#content.office_1 img{
	max-height:90px;
}
section.office_2{
	padding:100px 0;
}
section.office_3{
	max-width:100%;
	top:-40px;
}
section.office_3 .col.span_1_of_3{
	height:200px;
}
section.office_3 .col.span_1_of_3.office{
	background:url('../img/resolution/office_small.jpg') no-repeat top center;
}
section.office_3 .col.span_1_of_3.map{
	background:url('../img/resolution/map_small.jpg') no-repeat top center;
}
section.office_3 .col.span_1_of_3.map a{
	height:inherit;
}
.office_3_col{
}
section.office_4{
	padding:60px 0;
}
section.office_5{
	width:98%;
}
section.office_5 .col{
  height:150px;
 }

/*  Elearning page ============================================================================= */
section.elearning_1{
	min-height:400px;
}
section.elearning_1 img{
	max-height:90px;
}
#content.elearning_1{
	padding-top:90px;
}
#main.elearning_2{
}
section.elearning_2{
	top:-80px;
	width:90%;
}
section.elearning_2 .text_box{
	padding:80px 30px;  
}
section.elearning_2 .text_box_1{
	padding:80px 30px 0 30px;   
	border:none;
}
section.elearning_2 .text_box p,section.elearning_2 .text_box_1 p{
	color:#000;
	text-align:left;
	padding-bottom:10px;
}
section.elearning_2 h2{
	padding-bottom:0;
}
#back{
}
/* Footer  ============================================================================= */
section.footer{
	background-color:#252122;
}
.footer_inner,.footer_inner_home{
	max-width:95%;
}
.footer_impr{
}
.footer button{
}
.footer_inner img{
	max-width:120px;
}
.footer table td,.footer table td:hover{
	height:20px;
}
/*  Popup window   ============================================================================= */
#impressum{
}
#impressum .wrapper{
	max-width:100%;
	margin:0 auto;
	padding:50px 20px;
}
p.impressum{
	padding-top:50px;
}
.impressum_close{
	background:url('../img/close.png') no-repeat;
	position:absolute;
	top:50px;
	right:50px;
	height:28px;
	width:28px;
	padding:60px 0;
}
}
@media screen and (min-width:601px) and (max-width:768px){
/* Content
-------------------------------------------------------------- */
section{
	width:100%;
}
body>nav.open .nav-background{
	padding-top:50px;
}
a.scrollToTop{
	right:20px;
	bottom:20px;
}
a.scrollToTop:hover{
	right:20px;
	bottom:20px;
}
body>nav #logo{
}
/* Typography
-------------------------------------------------------------- */
p{
	font-size:13px;
}
h1{
	font-size:45px;
	font-weight:bold;
}
h1.main{
	font-size:100px;
}
h2 {
	font-size:42px;
	line-height: 1em;
	font-weight:normal;
}
h3 {
	font-size:30px;
	line-height:1.2em;
}
h4 {
	font-size:15px;
	line-height:1.2em;
}
h4.big{
	font-size:18px;
}
h5 {
	font-size:13px;
	line-height: 1.5em;
}
h6 {
	font-size:14px;
	line-height:1.5em;
}
span{
	font-size:13px;
}
span.mail {
  font-size:13px;
 }
 /*  Home page   ============================================================================= */
section.home {
/* 
	height:600px;
 */
}
section.home header img{
}
#content.home{
}
section.main{
}
.nav_main{
}
ul.main{
}
ul.main li{
}
ul.main li a{
}
ul.main li a:hover{
}
/*  Hallo page   ============================================================================= */
section.hallo {
	height:400px;
}
section.hallo header{
	margin-top:-50px;
}
#content.hallo{
}
#main{
}
section.hallo_2 {
	max-width:100%;
	top:-50px;
}
section.hallo_2 .col.span_1_of_3,section.hallo_2 .col.span_1_of_3 img{
	max-height:200px;
}
section.hallo_2 img {
	width:100%;
}
.red{
}
.col header{
	padding:0 15px;
}
section.hallo_2 .col header{
	padding:0 20px;
}
section.hallo_2 .col p{
}
.black{
}
/*  Wir page  ============================================================================= */
#main_wir{
}
section.wir_1 {
	height:500px;
}
#content.wir_1{
}
section.wir_1 header{
	margin-top:-70px;
}
.content_wir_1{
	max-width:85%;
}
#scroll_down{
}
#scroll_down img{
}
a.scroll{
}
section.wir_2{
	padding:80px 0;
}
section.wir_3{
	padding-bottom:0;
}
#content.wir_3{
	height:350px;
}
#content.wir_3 .text_box{
	display:none;
}
#content.wir_3a {
	color:#252112;
	display:initial;
}
#content.wir_3a .text {
	padding:50px;
}
#content.wir_3a p{
	color:#252112;
	padding:10px 0;
}
section.wir_4{
	max-width:100%;
	padding-bottom:90px;
}
section.wir_4 img{
	max-width:100%;
}
.content_wir_4_text{
	padding:20px;
	text-align:left;
}
section.wir_4 .col{
}
.col p{
}
/*  Arbeiten Page   ============================================================================= */
section.arbeiten_1 {
	height:500px;
}
#content.arbeiten_1{
}
.content_arbeiten_1 header{
	margin-top:-100px;
}
/*  Section Arbeiten_2   ============================================================================= */
#main.arbeiten_2{
}
section.arbeiten_2{
	padding:50px 0;
}
table.arbeiten{
	width:100%;
	color:#000;
	background-size:500px;
}
table.arbeiten td{
	font-size:13px;
}
table.arbeiten td.left{
	font-size:13px;
	padding-left:10px;
	max-width:280px;
	
}
table.arbeiten td.right{
	padding-right:10px;
	font-size:13px;
	max-width:280px;
}
table.arbeiten img{
	max-width:90px;
}
table.arbeiten td img{
	max-height:80px;
}
table.arbeiten p{
	padding:0 20px;
}
table.arbeiten th{
	padding:0;
}
/*  Section Arbeiten_5   ============================================================================= */
section.arbeiten_5{
	padding:100px 0;
	max-width:100%;
}
section.arbeiten_5 h2{
	margin-bottom:50px;
}
.arbeiten_5 .col{
	margin:0;
}
.arbeiten_5_col{
	padding:15px 0;
}
.arbeiten_6_col{
	padding:15px 0;
}
.arbeiten_5_col:hover,.arbeiten_6_col:hover{
}
/*  Section Arbeiten_6   ============================================================================= */
section.arbeiten_6{
	color:#000;
	padding:115px 0;
}
section.arbeiten_6a img{
	max-width:49%;
}
#content.arbeiten_6{
	display:none;
}
#content.arbeiten_6a{
	display:initial;
}
#content.arbeiten_6a .col{
	margin:0;
}
/* Digital page   ============================================================================= */
section.digital_1 {
	height:600px;
}
#content.digital_1{
}
.text_box{
	padding:30px 30px;
}
/*  Section digital_2  ============================================================================= */
section.digital_2 {
	padding:100px 0 200px 0;
}
svg.digital{
	max-height:120px;
}
/*  Section digital_3  ============================================================================= */
section.digital_3 {
	max-width:100%;
}
section.digital_3 .col.span_1_of_3{
	height:350px;
}
a.col_img_1,a.col_img_2,a.col_img_3,a.col_img_1:hover,a.col_img_2:hover,a.col_img_3:hover{
}
section.digital_3 .col.span_1_of_3 header{
	padding:40px 15px;
}
/*  Section digital_5  ============================================================================= */
section.digital_5 {
	max-width:100%;
	padding:80px 0;
}
section.digital_5 .col.span_1_of_4{
	height:150px;
}
.digital_5_col,.digital_5a_col{
}
.digital_5_col:hover,.digital_5a_col:hover{
}
.digital_5a_col{
}
.digital_5a_col:hover{
}
.digital_5 .col header{
}
/*  Office page ============================================================================= */
section.office_1 {
	height:600px;
}
#content.office_1{
}
#content.office_1 img{
	max-height:90px;
}
section.office_2{
	padding:100px 0;
}
section.office_3{
	max-width:100%;
	top:-40px;
}
section.office_3 .col.span_1_of_3{
	height:300px;
}
section.office_3 .col.span_1_of_3.office{
	background:url('../img/office.jpg') no-repeat top center;
}
section.office_3 .col.span_1_of_3.map{
	background:url('../img/map.jpg') no-repeat top center;
}
section.office_3 .col.span_1_of_3.map a{
	height:200px;
}
.office_3_col{
}
section.office_4{
	padding:60px 0;
}
section.office_5{
	width:100%;
}
section.office_5 .col{
  height:150px;
 }
.office_5_col_1,.office_5_col_2,.office_5_col_3,.office_5_col_4,.office_5_col_5,.office_5_col_6,.office_5_col_7{
  display:table-cell;
	margin:0;
	vertical-align:middle;
}
.office_5_col_1:hover{
	background:url('../img/goslar.png') no-repeat;
	color:#ffffff;
}
.office_5_col_2:hover{
	background:url('../img/hamburg.png') no-repeat;
	color:#ffffff;
}
.office_5_col_3:hover{
	background:url('../img/kiev.png') no-repeat;
	color:#ffffff;
}
.office_5_col_4:hover{
	background:url('../img/palma.png') no-repeat;
	color:#ffffff;
}
.office_5_col_5:hover{
	background:url('../img/skopje.png') no-repeat;
	color:#ffffff;
}
.office_5_col_6:hover{
	background:url('../img/pristina.png') no-repeat;
	color:#ffffff;
}
.office_5_col_7:hover{
	background:url('../img/seminyak.jpg') no-repeat;
	color:#ffffff;
}
/*  Elearning page ============================================================================= */
section.elearning_1{
	min-height:400px;
}
section.elearning_1 img{
	max-height:90px;
}
#content.elearning_1{
	padding-top:90px;
}
#main.elearning_2{
}
section.elearning_2{
	top:-80px;
	width:90%;
}
section.elearning_2 .text_box{
	padding:80px 30px;  
}
section.elearning_2 .text_box_1{
	padding:80px 30px 0 30px;   
	border:none;
}
section.elearning_2 .text_box p,section.elearning_2 .text_box_1 p{
	color:#000;
	text-align:left;
	padding-bottom:10px;
}
section.elearning_2 h2{
	padding-bottom:0;
}
#back{
}
/* Footer  ============================================================================= */
section.footer{
	background-color:#252122;
}
.footer_inner,.footer_inner_home{
	max-width:95%;
}
.footer_impr{
}
.footer button{
}
.footer_inner img{
	max-width:150px;
}
}
@media screen and (min-width:769px) and (max-width:960px){
section{
	width:100%;
}
body>nav.open .nav-background{
	padding-top:50px;
}
a.scrollToTop{
	right:30px;
	bottom:30px;
}
a.scrollToTop:hover{
	right:30px;
	bottom:30px;
}
/* Typography
-------------------------------------------------------------- */
p{
	font-size:13px;
}
h1{
	font-size:45px;
	font-weight:bold;
}
h2 {
	font-size:42px;
	line-height: 1em;
	font-weight:normal;
}
h3 {
	font-size:35px;
	line-height:1.2em;
}
h4 {
	font-size:19px;
	line-height:1.2em;
}
h4.big{
	font-size:22px;
}
h5 {
	font-size:13px;
	line-height: 1.5em;
}
h6 {
	font-size:14px;
	line-height:1.5em;
}
/*  Hallo page   ============================================================================= */
section.hallo {
}
section.hallo header{
	margin-top:-70px;
}
#content.hallo{
}
#main{
}
section.hallo_2 {
	max-width:95%;
	top:-100px;
}
section.hallo_2 .col.span_1_of_3{
	max-height:270px;
}
.red{
}
.col header{
	padding:0 20px;
}
section.hallo_2 .col header{
	padding:0 20px;
}
section.hallo_2 .col p{
}
.black{
}
/*  Wir page  ============================================================================= */
#main_wir{
	background-color:#f4f4f4;
}
section.wir_1 {
	height:600px;
}
#content.wir_1{
}
section.wir_1 header{
	margin-top:-100px;
}
.content_wir_1{
	max-width:70%;
	margin:0 auto;
}
#scroll_down{
	position:absolute;
	bottom:25px;
	margin:0 auto;
	width:100%;
}
#scroll_down img{
	max-width:20px;
}
a.scroll{
}
section.wir_2{
	padding:80px 0;
}
section.wir_3{
	padding-bottom:0;
}
#content.wir_3{
	height:350px;
}
#content.wir_3 .text_box{
	display:none;
}
#content.wir_3a {
	color:#252112;
	display:initial;
}
#content.wir_3a .text {
	padding:50px;
}
#content.wir_3a p{
	color:#252112;
	padding:10px 0;
	display:initial;
}
section.wir_4{
	max-width:100%;
}
section.wir_4 img{
	max-width:100%;
}
.content_wir_4_text{
}
section.wir_4 .col{
}
.col p{
}
/*  Arbeiten Page   ============================================================================= */
section.arbeiten_1 {
	height:600px;
}
#content.arbeiten_1{
}
.content_arbeiten_1 header{
	margin-top:-100px;
}
/*  Section Arbeiten_2   ============================================================================= */
#main.arbeiten_2{
}
section.arbeiten_2{
	padding:80px 0;
}
table.arbeiten{
	width:769px;
	color:#000;
	background-size:500px;
}
table.arbeiten td{
	font-size:13px;
}
table.arbeiten td.left{
	font-size:13px;
	padding-left:10px;
}
table.arbeiten td.right{
	padding-right:10px;
	font-size:13px;
}
table.arbeiten img{
	max-width:90px;
}
table.arbeiten td img{
	max-height:85px;
}
table.arbeiten p{
	padding:0 20px;
}
/*  Section Arbeiten_5   ============================================================================= */
section.arbeiten_5{
	padding:80px 0;
	max-width:769px;
}
section.arbeiten_5 h2{
	margin-bottom:50px;
}
.arbeiten_5 .col{
	margin:2px 0 0 2px;
}
.arbeiten_5_col{
	padding:20px 0;
}
.arbeiten_6_col{
	padding:20px 0;
}
.arbeiten_5_col:hover,.arbeiten_6_col:hover{
}
/*  Section Arbeiten_6   ============================================================================= */
section.arbeiten_6{
	color:#000;
	padding:115px 0;
}
#content.arbeiten_6{
	max-width:769px;
	margin:0 auto;
}
#content.arbeiten_6 img{
	max-width:150px;
}
#content.arbeiten_6 .col{
	padding:20px 0;
}
/* Digital page   ============================================================================= */
section.digital_1 {
	height:600px;
}
#content.digital_1{
}
.text_box{
}
/*  Section digital_2  ============================================================================= */
section.digital_2 {
	background-color:#f4f4f4;
	padding:100px 10px 200px 10px;
	color:#000;
}
/*  Section digital_3  ============================================================================= */
section.digital_3 {
	max-width:100%;
}
section.digital_3 .col.span_1_of_3{
	height:320px;
}
a.col_img_1,a.col_img_2,a.col_img_3,a.col_img_1:hover,a.col_img_2:hover,a.col_img_3:hover{
	background-position:50% 95%;
}
section.digital_3 .col.span_1_of_3 header{
	padding:40px 20px;
}
/*  Section digital_5  ============================================================================= */
section.digital_5 {
	padding:80px 0 100px 0;
}
section.digital_5 .col.span_1_of_4,.digital_5a .col.span_1_of_2{
	height:200px;
}
.digital_5_col,.digital_5_1_col{
}
.digital_5_col:hover,.digital_5_1_col:hover{
}
.digital_5a_col,.digital_5a_1_col{
}
.digital_5a_col:hover,.digital_5a_1_col:hover{
}
.digital_5 .col header{
	padding:0;
	text-align:center;
}
/*  Office page ============================================================================= */
section.office_1 {
	height:600px;
}
#content.office_1{
}
#content.office_1 img{
	max-height:150px;
}
section.office_2{
	padding:100px 0 170px 0;
	color:#000;
	background-color:#f4f4f4;
}
section.office_3{
	top:-100px;
	max-width:98%;
}
section.office_3 .col.span_1_of_3{
	height:290px;
}
section.office_3 .col.span_1_of_3.map a{
	height:290px;
}
section.office_4{
	padding:80px 0;
}
section.office_5{
	width:98%;
}
section.office_5 .col{
  height:200px;
 }
/*  Elearning page ============================================================================= */
section.elearning_1{
	background-color:#252122;
	height:500px;
}
section.elearning_1 img{
	max-width:160px;
	padding:15px 0;
}
#content.elearning_1{
	padding-top:45px;
}
#main.elearning_2{
}
section.elearning_2{
	top:-150px;
	background-color:#fff;
	width:769px;
	color:#000;	
}
section.elearning_2 .text_box{
}
section.elearning_2 .text_box_1{
	padding:100px 100px 0 100px;  
}
section.elearning_2 .text_box p,section.elearning_2 .text_box_1 p{
}
section.elearning_2 h2{
}
#back{
}
/* Footer  ============================================================================= */
section.footer{
}
.footer_inner,.footer_inner_home{
	max-width:95%;
}
.footer_impr{
}
.footer button{
}
.footer_inner table img{
}
.footer_inner img{
}
}
@media screen and (min-width:1201px){

section.home{
}
section.hallo {
}
section.wir_1 {
}
#content.wir_3{
}
section.arbeiten_1 {
	background:url('../img/resolution/arbeiten_1_1600.jpg') no-repeat top center fixed;
	background-size:cover;
}
section.digital_1 {
	background:url('../img/resolution/digital_1_1600.jpg') no-repeat center center fixed;
	background-size:cover;
}
section.office_1 {
	background:url('../img/resolution/berlin_1600.jpg') no-repeat center center fixed;
	background-size:cover;
}
}
@media screen and (min-width:1601px){
#logo{
	padding-left:200px;
}
section.home{
	background-size:cover;
}
.footer_inner img, .footer_inner_home img{
	  max-width:250px;
}
section.hallo {
	background:url('../img/resolution/hallo_1900.jpg') no-repeat top center fixed;
	height:1100px;
}
section.wir_1 {
	background:url('../img/resolution/wir_1900.jpg') no-repeat top center fixed;
}
#content.wir_3{
	background:url('../img/resolution/erfahrung_1900.jpg') no-repeat top center;
}
section.arbeiten_1 {
	background:url('../img/resolution/arbeiten_1_1900.jpg') no-repeat top center fixed;
}
section.digital_1 {
	background:url('../img/resolution/digital_1_1900.jpg') no-repeat top center fixed;
}
section.office_1 {
	background:url('../img/resolution/berlin_1900.jpg') no-repeat top center fixed;
}

}