@charset "utf-8";

@import url(http://fonts.googleapis.com/css?family=Lato:100);

* {
	margin: 0;
}

/* TARGET FIREFOX ONLY*/
@-moz-document url-prefix(){
	.text-shadow{
		color: #32fbc2;
		/*color: #ffe100;*/
	}
}

<!--[if IE]>
	.text-shadow{
		color: #32fbc2;
		/*color: #ffe100;*/
	}
<![endif]-->


body {
	margin-top: -20px;
	text-align: left;
	font-family: Helvetica, sans-serif;
	color: black;
	max-width: 100vw;
	/*background: url(images/pattern.png)!important;*/
	transition: all 0.3s;
}

a{
	color: black;
}

a:hover{
	text-decoration: none;
	color: black;
	transform: none;
}

blockquote {
	margin: 0 0 0!important;
}

.section{
	position: relative;
}
.navbar {
	color: black!important;
	z-index: 999;
	width: 100%;
	position: fixed;
}

.navbar-brand{
	display: none;
}

.navbar .navbar-default .navbar-fixed-top .shrink{
	font-size: 18px;
}

.navbar.shrink {
	font-size: 1.8rem;
	background: rgba(255,255,255,1);
  min-height: 35px;
}

.navbar.shrink:after{
	width: 95.2%;
	margin: 0 auto;
  border-bottom: 1px solid #ddd;
}

.navbar.shrink.navbar-default {
	padding: 0px;
}

.navbar.shrink.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a {
	border-radius: 0px;
	box-shadow: none;
	/*background-color: black;
	color: white;*/
}

.navbar-default .navbar-toggle .icon-bar {
	background-color: black;
}

#defaultNavbar1 > ul.nav.navbar-nav.navbar-right > li{
	margin-left: 0px;
	margin-right: 15px;
}

#defaultNavbar1 > ul{
	margin-right: 15px;
}


.social-mobile :before{
	display: none;
}

/*.container-text-home {
	transform: translateY(82%);
}*/

.container-text-home.h1{
		line-height: 1220%;
}

.pattern-overlay{
	/*background: url(images/pattern.png);*/
	z-index: 5!important;
	position: absolute;
}

.welcome-container{
	width: 66%;
	margin: 0 auto;
	height: 100%;
}

.text-positioner{
	top: 50%;
  position: relative;
	transform: translate(0,-66%);
}

.videotext  {
	font-size: 12vw;
	color: transparent;
	text-transform: uppercase;
	display: block;
	position: absolute;;
	margin: -0.8vw;
	font-weight: 700;
	overflow: visible;
	z-index: 2;
	background: linear-gradient(256deg, #0cace8, #ff0808, #ffd908, #4bff08, #08fdff);
	background-size: 1000% 1000%;
	-webkit-animation: gradientanimation 18s ease infinite;
	-moz-animation: gradientanimation 18s ease infinite;
	-o-animation: gradientanimation 18s ease infinite;
	animation: gradientanimation 18s ease infinite;
	@-webkit-keyframes gradientanimation {
	    0%{background-position:0% 50%}
	    50%{background-position:100% 50%}
	    100%{background-position:0% 50%}
	}

	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;

	text-fill-color: transparent;
	background-clip: text;
}

	@-moz-document url-prefix() {
	  .videotext{
	     background: none;
	  }
	}

	@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
		.videotext{
	     background: none;
	  }

		.text-shadow{
			color: #32fbc2;
		}
	}

	@-moz-keyframes gradientanimation {
	    0%{background-position:0% 50%}
	    50%{background-position:100% 50%}
	    100%{background-position:0% 50%}
	}
	@-o-keyframes gradientanimation {
	    0%{background-position:0% 50%}
	    50%{background-position:100% 50%}
	    100%{background-position:0% 50%}
	}
	@keyframes gradientanimation {
	    0%{background-position:0% 50%}
	    50%{background-position:100% 50%}
	    100%{background-position:0% 50%}
	}

	.text-shadow  {
		font-size: 12vw;

		-webkit-animation: color_change 1s infinite alternate;
		-moz-animation: color_change 1s infinite alternate;
		-ms-animation: color_change 1s infinite alternate;
		-o-animation: color_change 1s infinite alternate;
		animation: color_change 1s infinite alternate;

		text-transform: uppercase;
		margin: -0.8vw;
		font-weight: 700;
		z-index: 1;
		position: relative;
		display: block;
		text-shadow:
						 1px 1px black,
						 2px 2px black,
						 3px 3px black,
						 4px 4px black,
						 5px 5px black,
						 6px 6px black,


						 0.25px 0.25px black,
						 1.25px 1.25px black,
 						 2.25px 2.25px black,
 						 3.25px 3.25px black,
 						 4.25px 4.25px black,
 						 5.25px 5.25px black,

						 0.5px 0.5px black,
						 1.5px 1.5px black,
 						 2.5px 2.5px black,
 						 3.5px 3.5px black,
 						 4.5px 4.5px black,
 						 5.5px 5.5px black,

						 0.75px 0.75px black,
						 1.75px 1.75px black,
						 2.75px 2.75px black,
						 3.75px 3.75px black,
						 4.75px 4.75px black,
						 5.75px 5.75px black;
}

h1 span.subtext-mobile{
		display: none;
		font-size: 0.7em;
		line-height: 150%;
		margin-top: 5px;
}

#defaultNavbar1 {
<!--	background: white;-->
}

/*#section-1{
	border-bottom: 1px solid lightgray;
}*/

.section-1 {
	height: 100vh;
	/*background: white;*/
	margin-bottom: 40px;
}

#flickty{
	padding-top: 20vh;
	border-top: 1px solid #f2f2f2;
}

.main-carousel{
	top: 50%;
	transform: translate(0,-46%);
	height: 90%;
}


img.noscreen{
	box-shadow: 0px 17px 10px -13px rgba(0, 0, 0, 0.4);
	border: none!important;
	border-radius: 0px!important;
}

.bilder-container-inner .ohnerand > img {
	box-shadow: 0px 17px 10px -13px rgba(0, 0, 0, 0.4);
	border: none!important;
	border-radius: 0px!important;
}

body > section.section-1 > div.pattern-image{
	background: url(images/pattern.png);
	background-color: #f2f2f2;
	height: 100%;
	width: 100%;
	opacity: 0.533;
	z-index: -1!important;
	position: absolute;
	transition: all 0.5s;
	display: inline;
	top: 0px;
	border-bottom: 1px solid lightgrey;
}

body > section.section-1 > div.pattern-image img{
	bottom: 0px;
	position: absolute;
	max-width: 100%;
}

.opaque{
	opacity: 0.0!important;
}

.section-2 {
	height: 100%;
	/*background: yellow;*/
	overflow: auto;
	/*white-space: nowrap;*/

}

#section2::-webkit-scrollbar {
		display: none;
    width: 13px;
    height: 13px;
		background-color: rgba(0, 0, 0, 0.1);;
		scrollbar-face-color: ThreeDFace !important;
		scrollbar-shadow-color: ThreeDDarkShadow !important;
		scrollbar-highlight-color: ThreeDHighlight !important;
		scrollbar-3dlight-color: ThreeDLightShadow !important;
		scrollbar-darkshadow-color: ThreeDDarkShadow !important;
		scrollbar-track-color: Scrollbar !important;
		scrollbar-arrow-color: ButtonText !important;
}

#section2::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(0,0,0,3);
    -webkit-box-shadow: inset 5px 50px 1px rgba(0,0,0,1);
}
::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(0,0,0,1);
}

#section2 {
	display: none;
	padding-left: 70px;
	/*padding-top: 200px;*/
	height: 90%;
	/*background: yellow;*/
	overflow: auto;
	/*white-space: nowrap;*/
}

.post {
	max-width: 800px;
	margin-left: 50px;
	margin-right: 50px;
}

.flickity-prev-next-button{
	background: transparent!important;
	transform: scale(0.5)!important;
	top: 95.3%!important;
}

.flickity-prev-next-button.previous{
	left: 5px!important;
}

.flickity-prev-next-button.next{
	right: 5px!important;
}

.flickity-page-dots .dot {
  height: 4px;
  width: 40px;
  margin: 0;
  border-radius: 0;
}

.flickity-prev-next-button .arrow{
	fill: black!important;
}

.carousel-cell{
	padding-left: 2.5vw;
}

.flickity-page-dots {
  bottom: 10px!important;
}


#flickity > div > ol > li:after {
	content: "-----------------";
	color: white;
	border-bottom: 1px solid white;
	width: 100%;
}

#flickity > div > ol > li.dot.is-selected{
	/*border-radius: 5px!important;
	border-bottom: 1px solid black;
	border-top: 1px solid black;*/
	z-index: 15;
	background-color: black;
}

/*#flickity > div > ol:after {
	display: block;
	content: "";
	border-top: 1px solid lightgray;
	margin-left: 70px;
	margin-right: 70px;
	margin-top: -4px;
}*/

.carousel-cell .rahmen{
	width: 75vh;
	/*width: 50vw;*/
	border-radius: 20px;
	margin-bottom: 50px;
	transition: all 0.3s!important;
}

.carousel-cell .rahmen > h3{
	border-bottom: 1px solid lightgray;
	margin-top: 50px;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

/*
.carousel-cell.is-selected > p {
	visibility: visible!important;
}
*/

/*
.carousel-cell .rahmen > p{
	color: rgba(0,0,0,0.7);
}
*/

/*
.is-selected .rahmen > p{
	color: black;
}
*/

.carousel-cell .rahmen > div > img{
/*	max-height: 66vh;*/
	max-width: 100%;
	border-radius: 2vh;
	border: 2vh solid black;
	box-shadow: 0px 17px 10px -13px rgba(0, 0, 0, 0.4);
	transition: all 0.3s;
}

.carousel-cell .rahmen > img{
/*	max-height: 66vh;*/
	max-width: 100%;
	border-radius: 20px;
	border: 20px solid black;
	box-shadow: 0px 17px 10px -13px rgba(0, 0, 0, 0.4);
	transition: all 0.3s;
}

.graypadding{
	padding: 4vw;
	background-color: #f2f2f2;
}

.carousel-cell .duennerrahmen > img{
/*	max-height: 66vh;*/
	max-width: 100%;
	border-radius: 0px;
	border: 1px solid black;
	box-shadow: 0px 17px 10px -13px rgba(0, 0, 0, 0.4);
	transition: all 0.3s;
	margin-top: 10px;
  margin-bottom: 7px;
	/*border: 20px solid transparent;*/
}

.carousel-cell .ohneschatten .graypadding > img{
/*	max-height: 66vh;*/
	max-width: 100%;
	box-shadow: 0px 17px 10px -13px rgba(0, 0, 0, 0.4);
	border-radius: 0px;
	transition: all 0.3s;
	border: 0px!important;
  margin-top: 17px;
}

.ohneschatten{
	box-shadow: none!important;
}

/*.carousel-cell .rahmen > img:hover{
	box-shadow: 0px 37px 20px -20px rgba(0, 0, 0, 0.2);
	transform: translate(0px, -5px);
}*/

.flickity-viewport{
	top: 50%;
	width: 100%;
	transform: translate(0,-52%);
}

/*div.carousel-cell:nth-child(1){
	padding-left: 2.5vw;
}*/

.galeriebild > img{
	height: 450px;
	border: 20px solid black;
	border-radius: 20px;
	margin-bottom: 50px;
	box-shadow: 0px 17px 10px -13px rgba(0, 0, 0, 0.4);
	transition: all 0.3s;
}

.galeriebild > img:hover{
	box-shadow: 0px 37px 20px -20px rgba(0, 0, 0, 0.2);
	transform: translate(0px, -5px);
}



tr {
	vertical-align: top;
}

#services{
	/*
	background: url(images/mountain_peaks_covered_with_snow_1920x1080.jpg);
	*/
	height: 100%;
	text-align: center;
	margin-bottom: 5px;
}

.padding{
	padding-left: 50px;
	padding-right: 50px;
}

.col-xs-4 .unterleistung{
	max-height: 100%;
	max-width: 100%;
	padding: 15%;
}

.inner-box 	.unterleistung img{
	max-height: 100%!important;
	max-width: 100%!important;
}

.section-content{
	top: 50%;
	transform: translate(0,14%);
}

#services h2{
	/*font-weight: 700;*/
	text-align: center;
	margin-left: 30px;
	margin-right: 30px;
	font-size: 2vw;
}

#services .services p{
	text-align: left;
}

.full-width{
	width: 100%;
}

.outer-box{
	padding: 30px;
}

.inner-box{
	background: white;
	border-radius: 1px;
	border: 1px solid lightgray;
	padding: 20px;
  box-shadow: 0px 25px 20px -20px rgba(0, 0, 0, 0.1);
	max-height: 55vh;
	overflow: hidden;
}

.inner-box img{
	max-width: 150px;
	max-height: 14vh;
}

.inner-box p{
	text-align: left;
}

.inner-box ul{
	padding-left: 25%;
	text-align: left;
	font-weight: 400;
	font-size: 20px!important;
}

.inner-box ul li{
	font-weight: 1.5em;
}

.btn-default {
    color: #FFF;
    background-color: #000;
    border-color: #ccc;
    border-radius: 50px;
}

.section-3 {
	height: auto;
}

#section3 {
	padding-top: 100px;
	padding-bottom: 50px;
}

footer{
	margin-top: 70px;
	height: 70px;
	width: 100%;
	border-top: 1px solid lightgray;
	background-color: white;
	text-align: left;
	color: black;
	text-decoration: none;
	padding-top: 20px;
}

footer a{
	color: black;
	padding-left: 50px;
	padding-right: 50px;
}

.img-rounded{
	border-radius: 100%;
	max-width: 100%;
	box-shadow: 0px 17px 10px -13px rgba(0, 0, 0, 0.4);
	margin-top: 20px;
}

.blurry-bg{
	background-color: rgba(255,255,255,0.4);
  border: 1px solid #e4e4e4;
  box-shadow: 0px 25px 20px -20px rgba(0, 0, 0, 0.1);
}

.portrait{
	border-radius: 10px;
	border-radius: 200px 200px 5px 5px;
}

.skillz{
	font-weight: 300;
	text-align: center;
	list-style: none;
	-webkit-padding-start: 0px;
	padding-left: 0px;
}

.skillz h3{
	border-bottom: 1px solid rgba(0,0,0,0.2);
	padding-bottom: 10px;
	padding-top: 30px;
}

.ausbildung{
	border-radius: 5px;
	margin-bottom: 15px;
	margin-top: 20px;
	width: 100%;
}

.position-ausbildung{
}

.quote{
	font-weight: 300;
	display: absolute;
	background-color: #f1f1f1;
	border-radius: 5px;
	margin-top: 3vh;
	margin-bottom: 5vh;
	border: 1px solid #e4e4e4;
  box-shadow: 0px 15px 20px -10px rgba(0, 0, 0, 0.1);
}

blockquote{
	border-color: #b7b7b7!important;
}

blockquote:before{
	content: open-quote;
	font-size: 8em;
	line-height: 0;
  vertical-align: -0.42em;
}

.quotationmark {
	font-weight: 100;
	font-size: 80px;
	height: 100%;
	font-family: lato;
	margin-top: 25%;
	position: relative;
}

.quotationmark .left{

}

.quotationmark .right{
}

.schule{
	top: 490px;
}

.beruf{
	top: 763px;
}

.ausbildung li{
	margin-bottom: 25px;
}

#section3 > div > div > div > div.vita.col-md-6.col-xs-12.col-md-offset-1 > div > div:nth-child(1){
	padding-left: 15px;
	padding-right: 15px;
}

#section3 > div > div > div > div.vita.col-md-6.col-xs-12.col-md-offset-1 > div > div:nth-child(3){
	padding-left: 15px;
	padding-right: 15px;
}

#section3 > div > div > div > div.vita.col-md-6.col-xs-12.col-md-offset-1 > div > div:nth-child(4){
	padding-left: 15px;
	padding-right: 15px;
}

.ausbildung h3{
	border-bottom: 1px solid rgba(0,0,0,0.2);
	padding-bottom: 9px;
	text-align: center;
	margin-top: 10px;
}

.ausbildung h4{
	text-align: left;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 1.5rem;
	line-height: 150%;
	border-bottom: 1px solid lightgrey;
}

.ausbildung h5{
	line-height: 150%;
}

.ausbildung ul{
	margin-top: 20px;
	padding-left: 28px;
}

.progress-bar {
	background-color: #B9B9B9;
	border-radius: 15px;
}

.progress{
	height: 7px;
	background-color: white;
	border-radius: 15px;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: 1px solid #e4e4e4;
}

.progress:after {
	display: block;
	transform: translate(0,10px);
	content: "";
}

.hPage {
	background-color: lightgray;
	height: 100%;
	display: inline-block;
	width: 100%;
}


.wrapper {
	height: 100%;
	/*background: yellow;*/
}

html, body {
	height: 100%;
}

.navbar-default{
	padding-top: 15px;
	padding-bottom: 15px;
	font-size: 2rem;
	background-color: transparent;
	border-color: transparent;
}

.navbar-fixed-top{
	top: 0;
}

.navbar-default .navbar-toggle {
	border-color: transparent;
}

.navbar-default .navbar-nav > li > a {
	transition: all 0.2s;
	color: black!important;
}

.navbar-default .navbar-nav > li > a:hover{
    text-shadow: 1px 3px 10px rgba(0,0,0,0.2);
		display: inline-block;
		transform: translate(0,-20)!important;
		margin-top: -2px;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a{
	background: transparent;
	color: black!important;
	/*box-shadow: 0px 7px 10px -5px rgba(0, 0, 0, 0.4);*/
}

.floating-scroll-button{
	width: 98vw;
	bottom: 5vh;
	text-align: center;
	position: absolute;
	color: black!important;
	font-size: 2em;
	transform: scale(0.8);
}


/*ROUND BUTTON

.floating-scroll-button a{
	transition: all 0,5s;
	font-size: 1em;
	color: white;
	background-color: black;
	border-width: 10px 20px 10px 20px;
	border-style: solid;
	border-color: black;
	border-radius: 30px;
	cursor: pointer;
	box-shadow: 0px 17px 10px -13px rgba(0, 0, 0, 0.4);
	transition: all 300ms;
	display: inline-block;
}*/

.floating-scroll-button a{
	transition: all 0,5s;
	font-size: 1em;
	color: white;
	background-color: black;
	border-width: 10px 20px 10px 20px;
	border-style: solid;
	border-color: black;
	cursor: pointer;
	/*box-shadow: 0px 17px 10px -13px rgba(0, 0, 0, 0.4);*/
	transition: all 300ms;
	display: inline-block;
}

.floating-scroll-button a:hover{
	text-decoration: none;
	box-shadow: 0px 17px 20px -10px rgba(0, 0, 0, 0.3);
	transform: translate(0px, -5px);
}

.cta-contact{
	width: 100%;
	position: relative;
	padding-top: 12vh;
	max-height: 100%;
}

.cta-contact h3{
	font-size: 24px;
	display: inline-block;
	position: relative;
}

.cta-contact h3:before,
.cta-contact h3:after {
  content: "";
  position: absolute;
  height: 15px;
  border-bottom: 1px solid #a5a5a5;
  top: 0;
  width: 31vw;
}

.cta-contact h3:before{
	right: 100%;
	margin-right: 20px;
}

.cta-contact h3:after{
	left: 100%;
	margin-left: 20px;
}

.floating-scroll-button.getintouch{
	bottom: 0vh!important;
	position: relative;
	margin-top: 2vh;
}

/*WORK PIECES*/

.piece{
	width: 90%;
	margin: 0 auto;
}

.description-outer{
  padding-left: 1vw;
	position: fixed;
	width: 90%;
	height: 100vh;
	/*top: 45%;*/
	/*transform: translate(0,-50%);*/
}

.description-inner{
	top: 45%;
	position: relative;
	/*height: 60vh;*/
	max-width: 360px;
	width: 90%;
	transform: translate(0,-50%);
}

.description-inner h2{
  font-size: 40px;
  letter-spacing: -1px;
  padding-top: 2vh;
}

.description-inner h2 small{
  color: black!important;
	font-size: 24px;
	padding-bottom: 10px;
	letter-spacing: 0;
	/*border-bottom: 1px dotted #cacaca;*/
}

.beschreibung{
	bottom: 0;
	left: 0;
	padding-top: 1vh;
}

.beschreibung ul{
	margin-top: 20px;
	list-style: none;
	padding-left: 0px !important;
}

.beschreibung ul li{
	border-bottom: 1px solid lightgray;
	padding: 8px 0;
}

.bilder-container{
  width: 65%;
  margin-right: -2%;
  float: right;
  position: relative;
  left: 10px;
  /*margin-bottom: 5vh;*/
}

.bilder-container-inner{
	padding: 3vw 8vw 8vw 8vw;
	/*border: 1px solid lightgray;*/
  background-color: #f2f2f2;
	/*margin-bottom: 4.1vh!important;*/
}

.bilder-container img{
	height: auto;
	width: 100%;
	display: block;
	margin-top: 8vw;
	box-shadow: 0px 17px 10px -13px rgba(0, 0, 0, 0.4);
}

.bilder-container .rand img{
	border: 12px solid black;
	border-radius: 15px;
}

.small{
	color: black!important;
}

.backlink{
	/*padding-top: 16vh;*/
	font-size: 18px;
	display: block;
	position: absolute;
	bottom: 3vh;
	margin-left: -3vw;
}

.backlink-mobile{
	display: none;
}

/*
.backlink:before{
	margin-bottom: 10px;
	content: "";
	display: block;
	width: 500%;
  border-top: 1px solid lightgray;
	margin-left: -2px;
}
*/

/*MEDIA QUERIES*/

@media  (min-width: 1900px){
	.subtext {
		font-size: 1.05em;
	}
}

@media  (min-width: 1400px){

	.carousel-cell .rahmen {
		width: 50vw;
	}
	.inner-box {
		max-height: 60vh;
	}
}

@media (min-width: 1000px){
	.container-text-home {
		/*transform: translateY(75%)!important;*/
	}

	.subtext {
		font-size: 1em!important;
		animation: type 4s steps(60, end)!important;
	}

	.bilder-container-inner{
		min-height: 100vh;
	}
}

@media (max-width:1368px){
	.container-text-home {
    /*transform: translateY(52%)!important;*/
	}

	.subtext{
		font-size: 0.82em!important;
	}

	.outer-box{
		padding: 0px!important;
	}

	.videotext{
		font-size: 11.6vw;
	}

	.text-shadow{
		font-size: 11.6vw;
	}

	.padding{
		padding-left: 0;
		padding-right: 0;
		transform: scale(0.95);
	}

	.inner-box {
		max-height: 72%!important;
	}

	.inner-box img {
		max-width: 100%!important;
	}

	hr {
		margin-top: 10px!important;
		margin-bottom: 10px!important;
	}

	#services h2 {
    padding-top: 13px;
		margin-bottom: 2vh;
	}

	.cta-contact{
		transform: scale(0.8);
	}

	.floating-scroll-button.getintouch{
		transform: scale(0.8);
		margin-top: 5px;
	}
}

@media (max-width: 1280px){
	.subtext{
		font-size: 2.2vw!important;
	}
}

@media (max-width: 1000px){
	.container-text-home {
    /*transform: translateY(68%);*/
	}

	.subtext{
		font-size: 1em!important;
	}
}

@media (min-width:777px){

	#flickity > div > ol > li.dot.is-selected{
		transform: none;
	  transform: translate(0px,3px);
	}

	/* dots are lines */

	#flickity > div > ol > li {
	  height: 7px;
	  width: 7.2%;
	  margin: 1px;
	  border-radius: 0;
		background-color: white;
		border-bottom: 1px solid lightgray;
		opacity: 1!important;
	}


	/*ol.flickity-page-dots{
		position: absolute;
	}*/

	.container-text-home {
    /*transform: translateY(50%);*/
	}

	.subtext{
		font-size: 0.9em;
	}
}

@media (min-width:480px){

	.nav > li {
		margin-left: 15px;
	}
}

@media (max-width:480px){

	.navbar-brand{
		display: block!important;
	}

	.navbar-default .navbar-brand{
		padding-left: 20px!important;
	}

	.navbar-brand > span > img{
		height: 25px;
		margin-top: -5px;
	}

	.welcome-container{
		width: 90%;
	}

	.text-positioner{
		top: 28%;
	}

	.subtext{
		display: none!important;
	}

	.subtext-mobile{
		display: inline-block!important;
	}

	.navbar{
		display: inline;
	}

	:before,
	:after {
		display: none;
	}

	.social-mobile{
		display: inline-block!important;
    width: 23.7%;
	}

	.social-mobile :before{
		display: inline;
	}

	.floating-scroll-button a{
    transform: scale(1);
	}

	footer a{
		display: block;
		padding-bottom: 10px;
	}

	.container-text-home {
		transform: none;
	}

	.flickity-prev-next-button{
		display: none;
	}

	.nav > li {
		display: block;
		margin-right: 0px;
		margin-bottom: 10px;
		padding-top: 10px;
		text-align: center;
		content-align: center;
	}

	.navbar-right{
		display: none;
	}

	.navbar-default .navbar-toggle .icon-bar {
	    background-color: black;
	}

	.navbar-default .navbar-collapse{
		background-color: white;
		border-bottom: 1px solid black;
	}

	.videotext{
		font-size: 16vw;
	}

	.videotext .letterspacing{
		letter-spacing: 30px!important;
	}

	.text-shadow{
		font-size: 16vw;
	}

	.container-text-home{
		font-size: 2;
		/*font-size: 1.5em;*/
	}

	.carousel-cell{
		padding-left: 2.5vw;
	}

	.flickity-page-dots .dot {
		border-radius: 0px!important;
	}

	.carousel-cell .ohneschatten .graypadding > img{
		margin: 8.5px 0;
	}

	.description-outer{
		position: relative;
		top: 30%;
		transform: none;
		height: auto;
	}

	.description-inner{
		width: 100%;
		height: auto;
		margin-top: 15vh;
		transform: none;
	}

	.beschreibung{
		position: relative;
		padding-top: 0;
	}

	.description-inner h2 small{
		font-size: 20px;
	}

	.bilder-container{
		margin-right: 0;
		left: 0px;
		margin-left: 5%;
		width: 90%;
		position: absolute;
	}

	.backlink{
		display: none;
	}

	.backlink-mobile{
		float: left;
		display: inline-block;
		width: 50%;
		text-align: left;
		font-size: 1.333em;
		margin: 15px 0px;
	}


	.description-outer{
		width: 100%!important;
	}

	.next-piece{
		float: right;
		text-align: right;
		margin-right: -2px;
	}

	.backlink-mobile:before{
		margin-bottom: 10px;
		content: "";
		display: block;
		width: 101%;
	  border-top: 1px solid lightgray;
		margin-left: -2px;
	}
}

@media (max-width:376px){

	.full-width h3{
		font-size: 1.5em!important;
	}

	blockquote{
		font-size: 14px;
	}

	#services {
		height: 270%;
		padding-top: 40px;
	}

	.carousel-cell .rahmen {
		width: 95vw;
	}

	/*.carousel-cell .rahmen .grauerrahmen{
	    max-height: 66vh;
	    max-width: 100%;
	    border-radius: 20px;
	    border: 20px solid black;
	    box-shadow: 0px 17px 10px -13px rgba(0, 0, 0, 0.4);
	    transition: all 0.3s;
	}*/

	body > section.section-1 > div.pattern-image{
		visibility: hidden;
		margin-top: 0px;
	}

	.outer-box{
		margin-bottom: 20px;
	}

	#services h2 {
		font-size: 24px;
		margin-bottom: -10px;
	}

	.section-content {
		top: 0;
		transform: none;
	}

	/*.carousel-cell .rahmen > img {
		border: 15px solid black!important;
	}*/

	.container-text-home{
		transform: translateY(22vh);
	}

	.container-text-home{
		font-size: 2em;
		/*font-size: 1.5em;*/
	}

	.floating-scroll-button {
	  transform: scale(0.8);
	}

	/*.floating-scroll-button > a > img{
		display: none;
	}*/

	#services{
		margin-bottom: 75px;
		border-top: 1px solid #f2f2f2;
	}

	#section3 {
		padding-bottom: 0px;
		padding-top: 50px;
		border-top: 1px solid #f2f2f2;
	}

	.cta-contact{
		padding-top: 0;
	}

	.cta-contact .text-center{
		transform: none;
		margin-bottom: 100px!important;
	}

	.cta-contact h3{
		margin-top: 0;
	}

	.skillz {
		display: none;
	}

	.img-rounded {
		max-width: 70%;
		margin-left: 15%;
		/*margin-bottom: 20px;*/
	}

	.portrait {
		border-radius: 200px;
	}

	.portrait {
		border: none;
		box-shadow: none;
	}

	footer{
		margin-top: 10px;
		height: auto;
		text-align: center;
		padding-bottom: 10px;
	}

	footer .scrolltotop a{
		padding-bottom: 15px;
	}

@media (max-width:320px){
	.container-text-home {
		transform: translateY(18vh);
	}

	.container-text-home{
		font-size: 2em;
		/*font-size: 1.5em;*/
	}
}
}