.rs-columns {
  clear: both;
  display: inline-block;
  width: 100%;
}

.rs-column {
  float: left;
  width: 100%;
  margin-top: 7.69231%;
  margin-right: 7.69231%;
}
.rs-column.-large-first {
  clear: left;
}
.rs-column.-large-last {
  margin-right: -5px;
}
.rs-column.-large-first-row {
  margin-top: 0;
}
.rs-column.-large-col-1-1 {
  width: 100%;
}
.rs-column.-large-col-2-1 {
  width: 46.15385%;
}
.rs-column.-large-col-2-2 {
  width: 100%;
}
.rs-column.-large-col-3-1 {
  width: 28.20513%;
}
.rs-column.-large-col-3-2 {
  width: 64.10256%;
}
.rs-column.-large-col-3-3 {
  width: 100%;
}
.rs-column.-large-col-4-1 {
  width: 19.23077%;
}
.rs-column.-large-col-4-2 {
  width: 46.15385%;
}
.rs-column.-large-col-4-3 {
  width: 73.07692%;
}
.rs-column.-large-col-4-4 {
  width: 100%;
}
.rs-column.-large-col-5-1 {
  width: 13.84615%;
}
.rs-column.-large-col-5-2 {
  width: 35.38462%;
}
.rs-column.-large-col-5-3 {
  width: 56.92308%;
}
.rs-column.-large-col-5-4 {
  width: 78.46154%;
}
.rs-column.-large-col-5-5 {
  width: 100%;
}
.rs-column.-large-col-6-1 {
  width: 10.25641%;
}
.rs-column.-large-col-6-2 {
  width: 28.20513%;
}
.rs-column.-large-col-6-3 {
  width: 46.15385%;
}
.rs-column.-large-col-6-4 {
  width: 64.10256%;
}
.rs-column.-large-col-6-5 {
  width: 82.05128%;
}
.rs-column.-large-col-6-6 {
  width: 100%;
}
@media screen and (max-width: 900px) {
  .rs-column {
    margin-top: 7.69231%;
    margin-right: 7.69231%;
  }
  .rs-column.-large-first {
    clear: none;
  }
  .rs-column.-large-last {
    margin-right: 7.69231%;
  }
  .rs-column.-large-first-row {
    margin-top: 7.69231%;
  }
  .rs-column.-medium-first {
    clear: left;
  }
  .rs-column.-medium-last {
    margin-right: -5px;
  }
  .rs-column.-medium-first-row {
    margin-top: 0;
  }
  .rs-column.-medium-col-1-1 {
    width: 100%;
  }
  .rs-column.-medium-col-2-1 {
    width: 46.15385%;
  }
  .rs-column.-medium-col-2-2 {
    width: 100%;
  }
  .rs-column.-medium-col-3-1 {
    width: 28.20513%;
  }
  .rs-column.-medium-col-3-2 {
    width: 64.10256%;
  }
  .rs-column.-medium-col-3-3 {
    width: 100%;
  }
  .rs-column.-medium-col-4-1 {
    width: 19.23077%;
  }
  .rs-column.-medium-col-4-2 {
    width: 46.15385%;
  }
  .rs-column.-medium-col-4-3 {
    width: 73.07692%;
  }
  .rs-column.-medium-col-4-4 {
    width: 100%;
  }
  .rs-column.-medium-col-5-1 {
    width: 13.84615%;
  }
  .rs-column.-medium-col-5-2 {
    width: 35.38462%;
  }
  .rs-column.-medium-col-5-3 {
    width: 56.92308%;
  }
  .rs-column.-medium-col-5-4 {
    width: 78.46154%;
  }
  .rs-column.-medium-col-5-5 {
    width: 100%;
  }
  .rs-column.-medium-col-6-1 {
    width: 10.25641%;
  }
  .rs-column.-medium-col-6-2 {
    width: 28.20513%;
  }
  .rs-column.-medium-col-6-3 {
    width: 46.15385%;
  }
  .rs-column.-medium-col-6-4 {
    width: 64.10256%;
  }
  .rs-column.-medium-col-6-5 {
    width: 82.05128%;
  }
  .rs-column.-medium-col-6-6 {
    width: 100%;
  }
}
@media screen and (max-width: 599px) {
  .rs-column {
    margin-top: 7.69231%;
    margin-right: 7.69231%;
  }
  .rs-column.-large-last {
    margin-right: 7.69231%;
  }
  .rs-column.-large-first-row {
    margin-top: 7.69231%;
  }
  .rs-column.-medium-first {
    clear: none;
  }
  .rs-column.-medium-last {
    margin-right: 7.69231%;
  }
  .rs-column.-medium-first-row {
    margin-top: 7.69231%;
  }
  .rs-column.-small-first {
    clear: left;
  }
  .rs-column.-small-last {
    margin-right: -5px;
  }
  .rs-column.-small-first-row {
    margin-top: 0;
  }
  .rs-column.-small-col-1-1 {
    width: 100%;
  }
  .rs-column.-small-col-2-1 {
    width: 46.15385%;
  }
  .rs-column.-small-col-2-2 {
    width: 100%;
  }
  .rs-column.-small-col-3-1 {
    width: 28.20513%;
  }
  .rs-column.-small-col-3-2 {
    width: 64.10256%;
  }
  .rs-column.-small-col-3-3 {
    width: 100%;
  }
  .rs-column.-small-col-4-1 {
    width: 19.23077%;
  }
  .rs-column.-small-col-4-2 {
    width: 46.15385%;
  }
  .rs-column.-small-col-4-3 {
    width: 73.07692%;
  }
  .rs-column.-small-col-4-4 {
    width: 100%;
  }
  .rs-column.-small-col-5-1 {
    width: 13.84615%;
  }
  .rs-column.-small-col-5-2 {
    width: 35.38462%;
  }
  .rs-column.-small-col-5-3 {
    width: 56.92308%;
  }
  .rs-column.-small-col-5-4 {
    width: 78.46154%;
  }
  .rs-column.-small-col-5-5 {
    width: 100%;
  }
  .rs-column.-small-col-6-1 {
    width: 10.25641%;
  }
  .rs-column.-small-col-6-2 {
    width: 28.20513%;
  }
  .rs-column.-small-col-6-3 {
    width: 46.15385%;
  }
  .rs-column.-small-col-6-4 {
    width: 64.10256%;
  }
  .rs-column.-small-col-6-5 {
    width: 82.05128%;
  }
  .rs-column.-small-col-6-6 {
    width: 100%;
  }
}

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/*Contao*/

/**
 * Clear floats
 */
.block {
	overflow:hidden;
}
.clear,#clear {
	height:0.1px;
	font-size:0.1px;
	line-height:0.1px;
	clear:both;
}

/**
 * Hide invisible elements
 */
.invisible {
	border:0;
	clip:rect(0 0 0 0);
	height:1px;
	margin:-1px;
	overflow:hidden;
	padding:0;
	position:absolute;
	width:1px;
}

/**
 * Custom layout sections
 */
.custom {
	display:block;
}
#container:after,.custom:after {
	content:"";
	display:table;
	clear:both;
}

button{
    background:none;
    cursor:pointer;
    border:none;
    margin:0px;
    padding:0px;
}
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('../../files/css/./fonts/open-sans-v34-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../../files/css/./fonts/open-sans-v34-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local(''),
       url('../../files/css/./fonts/open-sans-v34-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../../files/css/./fonts/open-sans-v34-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local(''),
       url('../../files/css/./fonts/open-sans-v34-latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../../files/css/./fonts/open-sans-v34-latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}


/*Global Styles*/
html,body { 
	height: 100%;
}

html {
	-webkit-text-size-adjust: none;
}

body {
	font-family: 'Open Sans', sans-serif;
	font-size: 100%;
	font-weight:300;
	line-height:1.6;
	color:rgb(163,163,163);
	overflow-y: scroll;
	overflow-x: hidden;
	background-color:rgb(255,255,255);

}

h1{
	font-size:2.1em;
	margin-bottom:2em;
	color:rgb(102,102,102);
}

h2{
	font-size:1.5em;
	margin-bottom:1em;
	color:rgb(102,102,102);
}

h3{
	font-weight:400;
	color:rgb(102,102,102);
}

a:link,
a:visited,
a:focus{
	color:rgb(102,102,102);
	text-decoration:none;
	outline: none;
	-webkit-transition: color .1s ease;
    -moz-transition: color .1s ease;
    -o-transition: color .1s ease;
    transition: color .1s ease;
}

.no-touchevents a:hover{
	color:rgb(163,163,163);
}

p{
	color:rgb(163,163,163);
}



figure{
	line-height:0;
}


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

input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}

.clearfix:after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}

.last{
	margin-right:0!important;
}

.mod_article{
	padding:4em 0;
	position:relative;
	background-color:rgb(255,255,255);
}

.floatWrapper{
	width:105%;
}

.grey{
	color:rgb(163,163,163);
}

.white{
	background-color:rgb(255,255,255);
}

.orange{
	background-color:rgb(250,166,26);
}

.ce_image.float{
	width:calc(50% - .5em);
	float:left;
}

.ce_image{
	margin-bottom:1em;
}

.ce_image.float{
	margin-right:1em;
}

.ce_image.float.last{
	margin-right:0!important;
}


/*Header*/
header{
	padding:2em 0;
	position:relative;
	z-index:9999;
	background-color:rgb(255,255,255);
	width:100%;
	top:0;
	-webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2);
}

header .logo{
	background: url("../../files/layoutdata/korbinianlipp_logo.png") no-repeat;
	background-size:contain;
	width:256px;
	height:39px;
	display:block;
	float:left;
}

.mod_article > .inside,
header .inside,
footer .inside{
	width:1100px;
	margin:0 auto;
}

header nav{
	float:right;
	position:relative;
	top:10px;
	overflow:hidden;
}

header nav li,
footer nav li{
	float:left;
	margin-left:20px;
}

.greyBg2{
	background-color:rgb(250,250,250);
}

.greyBg5{
	background-color:rgb(242,242,242);
}

.ffWrapper{
	font-size:4em;
	text-align:center;
	padding:1em 0;
	color:rgb(163,163,163);
	margin-bottom:0;
}

.ffWrapper > span{
	display:inline-block;
	line-height:100px;
	cursor:default;
}

.ffWrapper span:nth-child(2){
	width:100px;
	height:100px;
	padding:0 30px;
}

.ffWrapper span:nth-child(2) .inside{
	background: url("../../files/layoutdata/ff_heart.svg") no-repeat;
	background-size:contain;
	width:100px;
	height:100px;
	display:block;
	margin-top:25px;
	text-indent:-9999999px;
}


.ce_rsce_field,
.ce_rsce_work{
	width:45%;
	margin-right:5%;
	float:left;
	margin-bottom:4em;
	-webkit-transition: opacity .5s ease;
    -moz-transition: opacity .5s ease;
    -o-transition: opacity .5s ease;
    transition: opacity .5s ease;
    position:relative;
    overflow:visible;
}


.ce_rsce_field .pic{
	padding-top:30%;
	background-size: auto 80%;
	background-position: left center;
	background-repeat:no-repeat;
	margin-bottom:1em;
}

.ce_rsce_field.elearning .pic{
	background-size: auto 60%;
}

.ce_rsce_field.webapp .pic{
	background-size: auto 70%;
}

.ce_rsce_work .pic{
	position:relative;
	margin-bottom:1em;
	overflow:hidden;
}

.ce_rsce_work .pic .overlay{
	position:absolute;
	background: #f26522; /* Old browsers */
	background: -moz-linear-gradient(45deg,  #f26522 0%, #faa61a 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg,  #f26522 0%,#faa61a 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg,  #f26522 0%,#faa61a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f26522', endColorstr='#faa61a',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	width:80px;
	height:80px;
	bottom:-40px;
	right:-40px;
	-webkit-transform: rotate(45deg);
  	-moz-transform: rotate(45deg);
 	-o-transform: rotate(45deg);
  	transform: rotate(45deg);
}

.no-touchevents .ce_rsce_work .pic .overlay{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	opacity:0;
	width:auto;
	height:auto;
	color:rgb(255,255,255);
	font-size:1.5em;
	text-align:center;
	transition: opacity .5s ease;
	background: #f26522; /* Old browsers */
	background: -moz-linear-gradient(45deg,  #f26522 0%, #faa61a 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg,  #f26522 0%,#faa61a 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg,  #f26522 0%,#faa61a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f26522', endColorstr='#faa61a',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	-webkit-transform: rotate(0);
  	-moz-transform: rotate(0);
 	-o-transform: rotate(0);
  	transform: rotate(0);
}

.ce_rsce_work .pic .overlay span.short{
	display:none;
}

.ce_rsce_work .pic .overlay span.long{
	visibility:hidden;
}

.ce_rsce_work .pic .overlay span.plus_1,
.ce_rsce_work .pic .overlay span.plus_2{
	width:20px;
	height:2px;
	background-color:rgb(255,255,255);
	display:block;
	border-radius: 2px;
	margin:0 auto;
	position:absolute;
	left:6px;
	top:38px;
	-webkit-transform: rotate(-45deg);
  	-moz-transform: rotate(-45deg);
 	-o-transform: rotate(-45deg);
  	transform: rotate(-45deg);
}

.ce_rsce_work .pic .overlay span.plus_2{
	-webkit-transform: rotate(45deg);
  	-moz-transform: rotate(45deg);
 	-o-transform: rotate(45deg);
  	transform: rotate(45deg);
}

.no-touchevents .ce_rsce_work .pic .overlay span.plus_2,
.no-touchevents .ce_rsce_work .pic .overlay span.plus_1{
	display:none;
}

.no-touchevents .ce_rsce_work .pic .overlay span.long,
.no-touchevents .ce_rsce_work .pic .overlay span.short{
	position: absolute;
  	top: 50%;
  	width:100%;
  	padding:1em;
  	box-sizing:border-box;
  	transform: translate(-50%, -50%);
  	margin-top:1em;
  	transition: margin .7s ease;
  	visibility:visible;
}

.no-touchevents .ce_rsce_work .pic .overlay:hover{
	opacity:0.9;
}

.no-touchevents .ce_rsce_work .pic .overlay:hover span{
	margin:0;
}

/*Start*/
/*.start .ce_rsce_work{
	opacity:0;
}*/

.start .ce_rsce_work .description{
	max-height:90px;
	white-space:nowrap;
	font-size:1.5em;
}

.start .ce_rsce_work:nth-child(n+5){
	opacity:0;
	width:0;
	margin:0;
	height:0;
}

.start .ce_rsce_work.visible{
 	width:45%;
	opacity:1;
	margin-right:5%;
	margin-bottom:4em;
	height:auto;
}

.start .ce_rsce_work a:hover{
	color:rgb(102, 102, 102);
}

.loadMore{
	border-radius:100%;
	width:70px;
	height:70px;
	display:block;
	position:absolute;
	left:50%;
	transform: translate(-50%, 50%);
	bottom:0;
	display:block;
	z-index:9998;
}

.loadMore .inside{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
}

.loadMore.less span:nth-child(2){
	display:none;
}

.loadMore span{
	width:30px;
	height:2px;
	background-color:rgb(102,102,102);
	display:block;
	border-radius: 2px;
	margin:0 auto;
	position:absolute;
	left:20px;
	top:33px;
}

.loadMore span:nth-child(2){
	-webkit-transform: rotate(90deg);
  	-moz-transform: rotate(90deg);
 	-o-transform: rotate(90deg);
  	transform: rotate(90deg);
}

#space{
	padding-top:0;
}


.works{
	overflow:visible;
}

.works .inside{
	overflow:hidden;
}

.aboutPic{
	width: 370px;
	margin-left:1em;
	margin-bottom:1em;
	float:right;
}



/*Slider*/
.mod_rocksolid_slider{
	position:relative;
}

.rsts-nav{
	width:100%;
	text-align:center;
	margin-top:4em;
}

.rsts-nav-prev, .rsts-nav-next{
	display:none;
}

.rsts-nav-item{
	display:inline;
}

.rsts-nav-item a{
	display:inline-block;
	width:12px;
	height:12px;
	text-indent:-999999px;
	background-color:rgb(253,198,127);
	border-radius:100%;
	margin-right:1em;
}

.rsts-nav-item a.active{
	background-color:rgb(255,255,255);
}

#testimonials blockquote{
	color:rgb(255,255,255);
	font-size:2em;
	margin-bottom:1em;
}

#testimonials span.author{
	font-weight:600;
}




#contact .address{
	width:350px;
	float:left;
	color:rgb(102,102,102);
}


#contact .ce_form{
	margin-left:350px;
	padding:1%;
}


.ce_form label,
.ce_form legend{
	display:none;
}

.ce_form input,
a[type="submit"]{
	line-height:40px;
}

.ce_form input,
.ce_form  textarea,
.ce_form button[type="submit"]{
	border-radius:6px;
	padding:0 1em;
	margin-bottom:6px;
	font-family: 'Open Sans', sans-serif;
	font-size:1em;
	background-color:rgb(255,255,255);
	border:0;
	-webkit-appearance: none;
    width:100%;
    box-sizing:border-box;
    color:rgb(102,102,102);
}

.ce_form .captcha{
	width:50px;
	margin-right:1em;
	text-align:center;
}

.ce_form button[type="submit"]{
	width:40px;
	background-color:rgb(250,166,26);
	display:block;
	height:40px;
	position:relative;
	padding:0;
	float:right;
	margin-top:10px;
}

.ce_form button[type="submit"] span{
	width:20px;
	height:4px;
	background-color:rgb(255,255,255);
	display:block;
	border-radius: 4px;
	margin:0 auto;
	position:absolute;
	-webkit-transition: .5s ease-in-out;
  	-moz-transition: .5s ease-in-out;
  	-o-transition: .5s ease-in-out;
  	transition: .5s ease-in-out;

}

.ce_form button[type="submit"] span:nth-child(1){
	-webkit-transform: rotate(45deg);
  	-moz-transform: rotate(45deg);
 	-o-transform: rotate(45deg);
  	transform: rotate(45deg);
  	top:11px;
  	left:10px;
}

.ce_form button[type="submit"] span:nth-child(2){
	-webkit-transform: rotate(-45deg);
  	-moz-transform: rotate(-45deg);
 	-o-transform: rotate(-45deg);
  	transform: rotate(-45deg);
  	top:23px;
  	left:10px;
}


.ce_form button[type="submit"].active span:nth-child(1){
	-webkit-transform: rotate(120deg);
  	-moz-transform: rotate(120deg);
 	-o-transform: rotate(120deg);
  	transform: rotate(120deg);
  	top:18px;
  	left:11px;
  	width:25px;
}

.ce_form button[type="submit"].active span:nth-child(2){
	-webkit-transform: rotate(-130deg);
  	-moz-transform: rotate(-130deg);
 	-o-transform: rotate(-130deg);
  	transform: rotate(-130deg);
  	top:24px;
  	left:9px;
  	width:12px;
}

.ce_form button[type="submit"].active{
	cursor:default;
}

.ce_form textarea{
	min-height:150px;
	padding:1em;
	resize:none;
}

.ce_form p.error{
	color:red;
}

.ce_form .widget-checkbox{
	float:left;
}

.ce_form input[type="checkbox"] {
    position:absolute;
	opacity:0;
	cursor: pointer;
    width:40px;
    height:40px;
}

.ce_form input[type="checkbox"] + .checkmark{
	display:block;
	cursor:pointer;
}

.ce_form input[type="checkbox"] + .checkmark:before {
	content:'';
    display:block;
    float:left;
    width:20px;
    height:20px;
    border:10px solid white;
    margin-right:1em;
    border-radius: 4px;
    background-color:white;
}

.ce_form input[type="checkbox"]:checked + .checkmark:before {
    background-color: rgb(250,166,26);
    border:10px solid white;
}

.ce_form .widget-explanation a{
	text-decoration:underline;
}

.ce_form .thx{
	float:left;
	margin-right:20px;
	margin-top:7px;
	opacity:0;
}

.ce_form .thx.show{
	opacity:1;
	transition: opacity .5s ease;
}


.empty{
	padding:0;
	min-height:1px;
}

 
 /*Animation*/
.ce_rsce_field .pic,
.ffWrapper{
    animation-iteration-count: 1;
    animation-timing-function: ease-out;
    animation-duration: .6s;
    animation-fill-mode: forwards;
    opacity:0;
}

.ffWrapper{
	animation-name: fadeIn;
	animation-duration: 1s;
	-webkit-animation-delay: 1s; /* Safari 4.0 - 8.0 */
    animation-delay: 1s;
}

.ffWrapper{
	-webkit-animation-delay: 1s; /* Safari 4.0 - 8.0 */
    animation-delay: 1s;
}

.ce_rsce_field:nth-child(even) .pic{
	animation-name: picEven;
}

.ce_rsce_field:nth-child(odd) .pic{
	animation-name: picOdd;
}

 
 @keyframes picEven {
    0% {
    	opacity:0;
        margin-left:20px;
    }
    100% {
    	opacity:1;
        margin-left:0px;
    }
}

@keyframes picOdd{
    0% {
    	opacity:0;
        margin-left:-20px;
    }
    100% {
    	opacity:1;
        margin-left:0px;
    }
}

@keyframes fadeIn{
    0% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}


/*Columns*/
.rs-columns .rs-column:nth-child(1){

	width:50%;
	margin-right:20%;
}

.rs-columns .rs-column:nth-child(2){
	width:30%;
}

.rs-columns .rs-column li{
	margin-bottom:2em;
}

.rs-columns .rs-column li a{
	color:rgb(163,163,163);
}


/*Demo-Frame*/
.demo_frame .header{
	background-color:rgb(233,233,233);
	border-bottom:2px solid rgb(204,204,204);
	padding:19px 10px 19px 10px;
	border-radius:5px 5px 0 0;
}

.demo_frame .circles{
	float:left;
	width:46px;
}

.demo_frame .circles span{
	background-color:rgb(204,204,204);
	height:10px;
	width:10px;
	display:block;
	border-radius:100%;
	margin-top:6px;
	margin-right:3px;
	float:left;
}

.demo_frame .bar{
	background-color:rgb(255,255,255);
	height:22px;
	width:calc(100% - 76px);
	border-radius:3px;
	float:left;
	padding:0 20px;
	box-sizing:border-box;
	white-space:nowrap;
	overflow:hidden;
}

.demo_frame .burger{
	width:20px;
	float:left;
}

.demo_frame .burger_wrapper{
	width:20px;
	height:18px;
	position:relative;
	margin-top:1px;
	margin-left:10px;
}

.demo_frame .burger span{
	background-color:rgb(204,204,204);
	height:2px;
	width:20px;
	display:block;
	position:absolute;
}

.demo_frame .burger span:nth-child(2){
	top:8px;

}

.demo_frame .burger span:nth-child(3){
	top:16px;
	
}


.demo_frame .content{
	width:100%;
	padding-top:62%;
	position: relative;
}

.demo_frame iframe{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	border-radius: 0 0 5px 5px;
}

/*Projectpage*/
.projects .floatWrapper{
	width:calc(100% + 40px);
}

.projects .ce_rsce_work{
	width:25%;
	margin-right:0;
	margin-bottom:0;
	border-bottom:40px solid transparent;
	border-right:40px solid transparent;
	box-sizing:border-box;
}

.projects .ce_rsce_work .pic{
	margin-bottom:0;
}

.projects .ce_rsce_work .description,
.projects .ce_rsce_work .pic .overlay span.long{
	display:none;
}

.no-touchevents .projects .ce_rsce_work .pic .overlay span.short{
	display:inline-block;
	visibility:visible;
	font-size:1rem;
}

/*AJAX Loader*/

.contentSection.ajaxContent{
	display:none;
}

.contentSection{
	width:100%;
	height:100%;
    position:absolute;
}

footer{
	width:100%;
	padding:2em 0;
	background-color:rgb(242,242,242);
}

.home footer{
	background-color:rgb(255,255,255);
}

footer .footer_el{
	float:left;
}

footer .signet{
	background: url("../../files/layoutdata/korbinianlipp_signet.png") no-repeat;
	background-size:contain;
	width:43px;
	height:39px;
	display:block;
}

footer .copyright{
	position:relative;
	top:10px;
	margin-left:20px;
}

footer .nav{
	position:relative;
	float:right;
	top:10px;
}

.backWorks{
	display:block;
	position:relative;
	height:30px;
	padding-left:30px;
	margin-top:2em;
	display:none;
	clear:both;
}

.backWorks span{
	width:20px;
	height:2px;
	background-color:rgb(102,102,102);
	display:block;
	border-radius: 2px;
	position:absolute;
 	webkit-transform: rotate(-45deg);
  	-moz-transform: rotate(-45deg);
 	-o-transform: rotate(-45deg);
  	transform: rotate(-45deg);
  	left:0;
  	top:6px;
}

.backWorks span:nth-child(2){
	-webkit-transform: rotate(45deg);
  	-moz-transform: rotate(45deg);
 	-o-transform: rotate(45deg);
  	transform: rotate(45deg);
  	top:19px;
}

.menuBtn{
	width: 30px;
	height: 25px;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .25s ease;
	-moz-transition: .25s ease;
	-o-transition: .25s ease;
	transition: .25s ease;
	display:none;
	float:right;
}

.menuBtn span{
	display: block;
	position: absolute;
	height: 2px;
	width: 100%;
	background: rgb(102, 102, 102);
	border-radius:2px;
	opacity: 1;
	left: 0;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .25s ease;
	-moz-transition: .25s ease;
	-o-transition: .25s ease;
	transition: .25s ease;
}

.no-touchevents .menuBtn:hover span{
	background: rgb(163, 163, 163);
}

.menuBtn span:nth-child(1) {
	top: 0px;
}

.menuBtn span:nth-child(2),
.menuBtn span:nth-child(3) {
	top: 11.5px;
}

.menuBtn span:nth-child(4) {
	top: 23px;
}


.menuBtn.active span:nth-child(1) {
	top: 18px;
	width: 0%;
	left: 50%;
}

.menuBtn.active span:nth-child(2) {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

.menuBtn.active span:nth-child(3) {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.menuBtn.active span:nth-child(4) {
	top: 18px;
	width: 0%;
	left: 50%;
}

.responsive-video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.responsive-video {
	position: relative;
	padding-bottom: 56.25%; /* Default for 1600x900 videos 16:9 ratio*/
	padding-top: 0px;
	height: 0;
	overflow: hidden;
}

.datenschutz.ce_text ul li{
	list-style:disc;
	list-style-position: inside;
}


@media screen and (max-width: 1200px) {
	.mod_article > .inside,
	header .inside,
	footer .inside{
		width:92%;
		margin:0 auto;
	}

}

@media screen and (max-width: 960px) {





}

@media screen and (max-width: 768px) {

	.floatWrapper{
		width:100%;
	}

	.ce_rsce_field, .ce_rsce_work,.start .ce_rsce_work.visible{
		margin-right:0!important;
		float:none;
		width:100%;
	}

	.ce_rsce_field h2{
		text-align:center;
	}

	.ce_rsce_field .pic{
		background-position: center center;
		background-size:auto 100%!important;
	}

	.start .ce_rsce_work .description{
		max-height:none;
		white-space:normal;
	}

	.ffWrapper span{
		width:100%;
	}

	.ffWrapper{
		padding:0;
		font-size:3em;
		border-bottom:none!important;
	}

	h1.ffWrapper:after{
		border-bottom:none!important;
	}

	.aboutPic{
		width:200px;
	}

	#contact .address{
		float:none;
		width:100%;
		margin-bottom:2em;
	}

	#contact .ce_form{
		margin-left:0;
		padding:0;
	}

	#main{
		margin-top:60px;
	}

	header{
		padding:1em 0;
		position:fixed;
	}

	header .logo{
		width:178px;
		height:27px;
	}

	header nav{
		clear:both;
		width:100%;
		top:0;
		max-height:0;
		-webkit-transition: max-height .5s ease, margin .5s ease;
        moz-transition: max-height .5s ease, margin .5s ease;
        -o-transition: max-height .5s ease, margin .5s ease;
        transition: max-height .5s ease, margin .5s ease;
	}

	header nav.active{
		max-height:500px;
		margin-top:1em;
	}

	header nav ul li{
		float:none;
		clear:both;
		margin-left:0;
		width:100%;
		line-height:3em;
	}

	header nav ul li a{
		display:block;
	}

	#contact,.home footer{
		position:static;
	}

	#empty[style] {
   		top:0!important;
	}

	.projects{
		display:none;
	}

	.backWorks{
		display:block;
	}

	h1{
		text-align:center;
	}

	.home h1:after{
		content:"";
		display:block;
		width:50%;
		margin:0 auto;
		border-bottom:2px solid rgb(250,166,26);
		padding-top:0.5em;
	}

	.menuBtn{
		display:block;
	}

}

@media screen and (max-width: 640px) {
	footer .nav,
	footer .copyright{
		top:0;
		float:none;
	}

	footer .copyright{
		line-height:1;
	}

	footer .footer_nav_wrapper{
		float:left;
	}

	.rs-columns .rs-column{
		width:100%!important;
		margin:0;
	}

	.rs-columns .rs-column:nth-child(1){
		margin-bottom:2em;
	}

	.ce_image.float{
		float:none;
		width:100%;
		margin-right:0;
	}

	.demo_frame .content{
		padding-top:100%;
	}

	footer{
		background-color:rgb(255,255,255);
	}

	.start .ce_rsce_work .pic{
		margin-bottom:0.5em;
	}
}


@media screen and (max-width: 480px) {
	.aboutPic{
		width:100%;
		float:none!important;
		margin-left:0;
		margin-bottom:2em;
	}

	footer .footer_nav_wrapper,
	footer .signet{
		width:100%;
		display:block;
		float:none;
	}

	footer .signet{
		margin-bottom:20px;
	}

	footer .nav, footer .copyright, footer nav li{
		margin-left:0;
	}

	footer nav li{
		margin-right:20px;
	}

	footer .nav{
		margin-top:20px;
	}

}

@media
  screen and (-webkit-min-device-pixel-ratio: 2),
  screen and (min-resolution: 192dpi),
  screen and (min-resolution: 2dppx) {
	header .logo{
		background-image: url("../../files/layoutdata/korbinianlipp_logo_hd.png");
	}

	footer .signet{
		background-image: url("../../files/layoutdata/korbinianlipp_signet_hd.png");
	}
}