/***
* Latest
**********/

hr.contact {
  margin-top: 1rem;
  margin-bottom: 1rem;
  /*margin-left: 3em;
  margin-right: 3rem;*/
  width: 20%;
  border: 0;
  border-top: 1px solid rgb(255, 255, 255);
}

/***
* Google Schrift
*****************/

/*body {
	overflow-x: hidden;
}*/

html, body, p, h1, h2, h3, h4, h5, h6 {
    	font-family: Helvetica, Arial, sans-serif !important;
}

/*
* text-left-equipment
**********************/

.text-left-equipment {
	text-align: none;
	text-align:left !important;
	margin: -15px auto 10px 45% !important;
}


@media (max-width: 768px) {
  	.text-left-equipment {
    		margin: -15px auto 10px 36% !important;
  	}
}	

/*
* Error
***********/

.page-content-error {
	margin-top: 30px;
}
.page-content-error .alert {
	margin-top: 40px;
	margin-bottom: 40px;
}
.page-content-error h3 {
	margin-bottom: 60px;
}

.page-content-error #footer {
    position: absolute;
    bottom: 0;
    width: 100%;
}

/* 
* E-Mail/Brand at top of HOME
*******************************/

.pre-nav-home {
	position: relative;
	background-color: #343a40;
	width: 100%;
	
}

.pre-nav-home a:link {
    	vertical-align: middle;
    	font-size: 11px;
	display: inline-block;
	/*padding: 10px 0;*/
	/*line-height: 1.2em;*/
	color: #b6b6b6;
}

.pre-nav-home a:hover, .pre-nav-home a:visited {
	color: #ffcc00;
	color: #fff;
 	text-decoration: none;
}

.pre-nav {
	position: relative;
	background-color: #343a40;
	width: 100%;
	color: #b6b6b6
}


/***
* Google Icons
***************/

/* eventuell nicht nötig!!! */
.material-icons.md-18.orange600 { 
	color: #FB8C00;
	font-size: 18px; 
}

.pre-nav-home .material-icons.md-16 { 
	color: #ffcc00;
	font-size: 16px; 
	vertical-align: bottom;
}

.footer-tile .material-icons.md-16 { 
	color: #ffcc00;
	font-size: 16px; 
}

.footer-tile .material-icons.md-18 { 
	color: #ffcc00;
	font-size: 18px; 
}

.page-content-imprint .material-icons.md-16 {
	font-size: 16px;
}


/*
* Breadcrumb
**************/

#breadcrumb {
	margin-top: 0 !important;
}

.breadcrumb-item.disabled a {
  	color: #6c757d !important;
  	pointer-events: none;
  	cursor: default;
}


/*
* break long links
********************/

a {
	word-wrap: break-word;
}


/*
* For Parallaxes and Non-Parallaxes
************************************/

.page-content-agb .row,
.page-content-data-protection .row,
.page-content-contact .row,
.page-content-home .row,
.page-content-imprint .row,
.page-content-pricing .row, 
.page-content-agb .col-12,
.page-content-data-protection .col-12,
.page-content-contact .col-12,
.page-content-home .col-12,
.page-content-imprint .col-12,
.page-content-pricing .col-12 {
	margin-right: 0px !important;
	margin-left: 0px !important;
	padding-right: 0px !important;
	padding-left: 0px !important;
}


/*
* Parallax for section HOME-INTRO
**********************************/

.parallax-home-intro {
	width: 100%; 
	min-height: 500px;
}

.parallax-window-home-intro {
	min-height: 520px; 
	width: 100%; 
	background: white; 
	opacity: 0.6;
}

.parallax-window-home-intro .caption {
	position: relative;
	width: 100%; 
	color: #000;
	padding-top: 120px;
}

.caption span.border {
	background-color: #222; 
	color: #fff; 
	padding: 18px; 
	font-size: 25px;
	font-size: 4vw; 
	letter-spacing: 10px;
}

.parallax-window-home-intro .caption span.border {
	background-color: #000; 
}


.parallax-home-intro .caption p {
	line-height: 2;
}


/*
* Non-Parallaxes
******************/

.non-parallax-white,
.non-parallax-dark,
.non-parallax-red,
.non-parallax-rose {
	position: relative;  
	padding: 40px 60px; 
	text-align: center;
}

.non-parallax-white {
	background-color: white; 
}

.non-parallax-dark {
	background-color: #282E34; 
}

.non-parallax-red {
	background-color: #d64b0b; 
}

.non-parallax-rose {
	background: #834d4d;
}

.non-parallax-white h3 {
	letter-spacing: 5px; 
	text-transform: uppercase; 
}

.non-parallax-white h3 {
	color: #777;
}

.non-parallax-dark h3,
.non-parallax-red h3,
.non-parallax-rose h3  {
	color: white;
}

.non-parallax-rose h3 {
	margin-bottom: 0 !important;
}


/* Turn off parallax scrolling for tablets and phones */
@media only screen and (max-device-width: 1024px) {
  .parallax-home-intro {
    background-attachment: scroll;
  }
}

/* Turn off menu bottom right */
@media (max-width: 768px) {
  .right-bottom {
    display: none;
  }
}


/* 
* section HOME-PROJECT
*************************/

.info-stripe-project {
	padding-top: 100px;
	padding-bottom: 100px;
	width: 100%;
	background-color: #fff;
}

.info-stripe-project h5.info-stripe-supinfo {
	font-size: 17px;
	line-height: 27px;
	font-weight: 700;
	margin: 0 0 10px;
	font-style: normal;
}

.info-stripe-project h1.info-stripe-info {
	margin: 0 0 10px;
	font-style: normal;
	font-weight: bold;
	line-height: 1.1;
	font-size: 2.5rem;
	text-align: center;
}

.info-stripe-project .btn.btn-dark {
	padding: 15px 48px;
	border: none !important;
	border-radius: 40px;
}

.info-stripe-project .btn-dark:hover {
  	background: #d64b0b;
  	color: #fff;
	padding: 15px 48px;
}


/*
* section EQUIPMENT
**********************/

#home-equipment .carousel-item p {
	/*opacity: 1 !important;*/
	color: #000;
}

#home-equipment .carousel-item.active /*, .carousel-item-next, .carousel-item-prev*/ {
  	display: block;
}

#home-equipment .carousel-inner {
  	min-height: 520px;
  	/*border: 1px solid #fff;*/
  	background-color: #bbbbbb;
	padding-top: 80px;
}

#home-equipment .carousel-indicators li {
  	width: 10px;
  	height: 10px;
  	border-radius: 100%;
}

#home-equipment .carousel-indicators .active {
  	background-color: #d64d0b !important;
  	width: 10px !important;
  	height: 10px !important;
  	border-radius: 100% !important;
}

#home-equipment .carousel-indicators li:hover {
  	background-color: #d64d0b !important;
  	width: 10px !important;
  	height: 10px !important;
  	border-radius: 100% !important;
}

#home-equipment .carousel-item h1 {
	opacity: 1;
    	letter-spacing: 5px;
    	text-transform: uppercase;
    	color: #111;
	padding-top: 100px;
}

#home-equipment .carousel-item h2 {
	opacity: 1;
    	letter-spacing: 5px;
    	text-transform: uppercase;
    	color: #111;
	margin-bottom: 10px;
}

#home-equipment .parallax-equipment {
	width: 100%; 
	min-height: 500px;
}

#home-equipment .parallax-window-equipment {
	min-height: 520px; 
	width: 100%; 
	background: white; 
	opacity: 0.7;
}

/* Turn off parallax scrolling for tablets and phones */
@media only screen and (max-device-width: 1024px) {
  .parallax-equipment {
    background-attachment: scroll;
  }
}


/* 
* section PRODUCTIONS with button "more"
*****************************************/

.blogBox > div {
	min-height: 220px;
}

.productions-media-objects .col-odd {
	margin-bottom: 25px;
}

@media (min-width: 768px) {
	.productions-media-objects .col-odd {
	margin-bottom: 0px;
	}
}

.productions-media-objects .artist {
	font-style: italic;
}

.productions-media-objects .title {
	color: #00f;
	letter-spacing: 2px;
}

.productions-media-objects .contract {

}

.productions-media-objects .btn-small {
	font-size: 0.8rem; 
	line-height: 1;
}

.productions-media-objects .fa-external-link-alt {
	font-size: 12px;
	margin-right: 5px;
	padding-bottom: 2px;
	display: inline-block
	vertical-align: middle;
	line-height: 1;
}

/* Thanks to Scott Madara: https://www.solodev.com/blog/web-design/adding-a-load-more-button-to-your-content.stml */

#loadMore {
    text-align: center;
    width: 100%;
	margin-top: -100px;
}

#loadMore .btn.btn-dark {
	padding: 15px 48px;
	border: none !important;
	border-radius: 40px;
}

#loadMore .btn-dark:hover {
  	background: #d64b0b;
  	color: #fff;
	padding: 15px 48px;
}


/*
* Footer Tiles at HOME
***********************/

.footer-tile {
	padding: 15px 20px;
}

.footer-tile h4.footer-headline {
	color: #fff;
	font-size: 16px;
	font-style: italic;
	text-align: left;
	line-height: 1.6em;
	text-transform: uppercase;	
}

.breakline {
	background: transparent;
    	display: block;
    	height: 10px;
	padding-bottom: 20px;
	position: relative;
	width: 100%;
}

.breakline::before {
    	content: '';
	background: #ffcc00;
	height: 2px;
    	position: absolute;
    	top: 0;
    	left: 0;
    	width: 100%;
}

.breakline-thin {
	background: transparent;
    	display: block;
    	height: 10px;
	padding-bottom: 20px;
	position: relative;
	width: 100%;
}

.breakline-thin::before {
    	content: '';
	background: #ffcc00;
	height: 1px;
    	position: absolute;
    	top: 0;
    	left: 0;
    	width: 100%;
}


.footer-tile p, .footer-tile h6 {
	color: #707070;
	font-size: 1em;
}

.footer-tile a:link,
.systrust a:link {
	color: #b6b6b6;
}

.footer-tile a:hover, .footer-tile a:visited,
.systrust a:hover, .systrust a:visited {
	color: #ffcc00;
 	text-decoration: none;
}

.footer-tile-3 .ref-thumbnail:hover img {
	transform: scale(1.3); 
	-webkit-transform: scale(1.3);
	-ms-transform: scale(1.3);
}

.footer-tile-3 .ref-thumbnail {
		text-align: center;
	}

.footer-tile-3 p {
	line-height: 1.2;
}

@media (min-width: 768px) {
	.footer-tile-3 .ref-thumbnail {
		text-align: left;
	}
}


/*
* cookieconsent
****************/

.cc-color-override-688238583.cc-window {
	border-top: 1px solid #ffcc00;
}

.cc-animate.cc-revoke.cc-active.cc-bottom {
	border: 1px solid #ffcc00;
	border-bottom: none;
}


/*
* Back To Top
***************/

.back-to-top {
    	position: fixed;
    	bottom: 15px;
    	right: 25px;
    	display: none;
}


/*
* Copyright for mobiles
************************/

.copyright {
	padding-bottom: 60px;
}

@media (min-width: 768px) {
	.copyright {
		padding-bottom: 40px;
	}
}


/*
* Data-Protection - Imprint - AGB - Pricing
*********************************************/

.page-content-data-protection .parallax-data-protection {
	width: 100%; 
	min-height: 300px;
}

.page-content-agb .parallax-agb {
	width: 100%; 
	min-height: 300px;
}

.page-content-imprint .parallax-imprint {
	width: 100%; 
	min-height: 300px;
}

.page-content-pricing .parallax-pricing {
	width: 100%; 
	min-height: 300px;
}

.page-content-data-protection .parallax-window-data-protection {
	min-height: 420px; 
	width: 100%; 
	/*background: black; 
	opacity: 0.65;*/
}

.page-content-agb .parallax-window-agb {
	min-height: 420px; 
	width: 100%; 
	background: white; 
	opacity: 0.35;
}

.page-content-imprint .parallax-window-imprint {
	min-height: 420px; 
	width: 100%; 
	background: white; 
	opacity: 0.35;
}

.page-content-pricing .parallax-window-pricing {
	min-height: 420px; 
	width: 100%; 
	background: white; 
	opacity: 0.35;
}

.page-content-data-protection .caption {
	position: relative;
	width: 100%; 
	padding-top: 100px;
}

.page-content-agb .caption {
	position: relative;
	width: 100%; 
	/*color: #000;*/
	padding-top: 100px;
}

.page-content-imprint .caption {
	position: relative;
	width: 100%; 
	/*color: #000;*/
	padding-top: 100px;
}

.page-content-pricing .caption {
	position: relative;
	width: 100%; 
	/*color: #000;*/
	padding-top: 100px;
}

.page-content-data-protection span.border {
	background-color: #6b7171; 
	color: #fff; 
	padding: 18px; 
	font-size: 4vw; 
	letter-spacing: 7px;
}
 
.page-content-agb span.border, 
.page-content-imprint span.border,
.page-content-pricing span.border {
	background-color: #111; 
	color: #fff; 
	padding: 18px; 
	font-size: 4vw; 
	letter-spacing: 7px;
}

.page-content-data-protection h3, 
.page-content-agb h3, 
.page-content-imprint h3,
.page-content-pricing h3 {
	letter-spacing: 5px; 
	text-transform: uppercase; 
	font: 20px 'Lato', sans-serif; 
	color: #111;
	text-align:left;
	margin-bottom: 50px;
	/*word-wrap: break-word;*/
}

.page-content-data-protection .non-parallax-data-protection, 
.page-content-agb .non-parallax-agb, 
.page-content-imprint .non-parallax-imprint,
.page-content-pricing .non-parallax-pricing {
	position: relative; 
	color: #777; 
	background-color: white; 
	padding: 50px 80px; 
	text-align: left;
}

.page-content-pricing #info-stripe-title-1 {
	border-bottom: 1px solid #777;
}

.page-content-pricing #info-stripe-title-1 h3 {
	margin-bottom: 0;
}


/* Turn off parallax scrolling for tablets and phones */
@media only screen and (max-device-width: 1024px) {
  	.page-content-data-protection .parallax-data-protection, 
	.page-content-agb .parallax-agb, 
	.page-content-imprint .parallax-imprint,
	.page-content-pricing . parallax-pricing {
    		background-attachment: scroll;
  	}
}

/* Turn off menu bottom right */
@media (max-width: 768px) {
  	.page-content-data-protection .right-bottom, 
	.page-content-agb .right-bottom,
	.page-content-imprint .right-bottom,
 	.page-content-pricing .right-bottom {
    		display: none;
  	}
}


/*
* Productions
***************/

.card-columns {
	column-gap: 0.75rem;
}

.card-columns .card {
	border-radius: 0px;
}

.card-columns .bg-dark h4, 
.card-columns .bg-dark p,
.card-columns .bg-primary h4,
.card-columns .bg-primary p,
.card-columns .bg-secondary h4,
.card-columns .bg-secondary p {
	color: white;
}

.card-columns p a {
	color: inherit;
}

.card-columns .fa-external-link-alt {
	font-size: 12px;
	margin-right: 5px;
	padding-bottom: 2px;
	display: inline-block
	vertical-align: middle;
	line-height: 1;
}


/*
* KONTAKT
*************/

.page-content-contact {
	/*margin-bottom: 30px;*/
}

.page-content-contact .parallax-contact {
	width: 100%; 
	min-height: 500px;
}

.page-content-contact .parallax-window-contact {
	min-height: 520px; 
	width: 100%; 
	background: white; 
	opacity: 0.35;
}

.page-content-contact .caption-contact {
	position: relative;
	width: 100%; 
	/*color: #000;*/
	padding-top: 120px;
}

.page-content-contact .caption-contact span.border {
	background-color: #111; 
	color: #fff; 
	padding: 18px; 
	font-size: 4vw; 
	letter-spacing: 10px;
}

/* Turn off parallax scrolling for tablets and phones */
@media only screen and (max-device-width: 1024px) {
  .parallax-contact {
    background-attachment: scroll;
  }
}

/* Turn off menu bottom right */
@media (max-width: 768px) {
  .right-bottom {
    display: none;
  }
}

.page-content-contact .contact-info {
	text-align: center;
}

.page-content-contact .contact-info .material-icons.md-24 {
	font-size: 24px;
	color: #00f;
	padding-right: 5px;
	vertical-align: text-bottom;
}

.page-content-contact .contact-info h4 {
    	display: inline-block;
    	text-transform: uppercase;
    	font-size: 15px;
    	letter-spacing: 2px;
}

.page-content-contact .contact-info p, .contact-info a {
	color: #00f;
}


/*
* section EQUIPMENT OVERVIEW
*********************************/

.tiles-9 {
	position: relative;
	padding: 0;
	margin: 0;
}

.tiles-9 .tile-inner {
	position: relative;
	padding: 50px 5px 0;
	height: 480px;
	background-size: cover;
}

.tiles-9 .tile-inner h1 {
	margin: 0 0 10px;
	font-style: italic;
	text-align: left;
	font-family: 'Georgia', sans-serif;
	font-weight: normal;
	line-height: 1.1;
	font-size: 2.5rem;
}

.tiles-9 .bg-dark .tile-inner  h1 {
	color: white;
}

.tiles-9 .tile-inner .subtext { 
   	position: absolute;
    	bottom: 0.5em;
    	right: 0;
    	font-size: 2em;
    	line-height: 1em;
    	font-family: 'Lato', sans-serif;
    	color: 	rgba(255,255,255,.4);
	transition: color .3s;
}

.tiles-9 .tile-inner:hover .subtext {
    	color: rgba(255,2355,255,1);
	font-size: 3.2em;
	transition: 1s;
}