/* Paulus Sanitär & Heizung GmbH */

/*
------
Basics
------
*/

/* Pre-Loader */
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100vw;
	height: 100vh;
	z-index: 9999;
	background: url("/files/paulus/img/Preloader_10.gif") center no-repeat #fff;
}

/* Cookie Meldung */

@media screen and (min-width: 500px) {
	.cc_container {
    	left: 20px !important;
    	right: auto !important;
	}
}


/*
------
Header
------
*/

/*
------
Tagline
------
*/

/* Ticker */

.marquee {
    white-space: nowrap;
    overflow: hidden;
    box-sizing: border-box;
    margin: 0 auto;
    color: #ffffff;
    background-color: #e30014;
}

.marquee .ce_text {
    display: inline-block;
    padding-left: 100%;
    animation: marquee 20s linear infinite;
}

@keyframes marquee {
    0%   { transform: translate(0, 0); }
    100% { transform: translate(-100%, 0); }
}

.marquee .ce_text:hover{
  -webkit-animation-play-state:paused;
  -moz-animation-play-state:paused;
  -o-animation-play-state:paused;
  animation-play-state:paused;
  cursor: pointer;
}

/* Ticker Ende */

.custom-content .centered-wrapper-inner {
	bottom: 0em;
	position: absolute;
	text-align: right;
}

.custom-content .centered-wrapper-inner .typing-headline {
	display: inline-block;
	background: white;
	padding: 1.5em;
	box-shadow: 0px 0px 10px -3px #4a4a4a;
}

.with-subnavigation .centered-wrapper.-viewport-height {
	min-height: calc(100vh - 6.86667em);
}

.bannerbox {
	padding: 1rem;
}

@media screen and (min-width: 1001px) {
	.bannerbox {
		display: inline-block;
		position: absolute;
		top: 58px;
		z-index: 2;
		background: #e30014;
		color: #ffffff;
		max-width: 650px;
		font-size: 0.8rem;
	}
	
	.with-subnavigation .bannerbox {
		top: 108px;
	}
	
	.bannerbox a.button.-single {
    background: white;
    color: #e30014;
	}
	
}

@media screen and (max-width: 1000px) {
	.with-subnavigation .centered-wrapper.-viewport-height {
		min-height: calc(100vh - 17.86667em);
	}
}

@media screen and (max-width: 599px) {
	.with-subnavigation .centered-wrapper.-viewport-height {
		min-height: 500px;
		min-height: 100vh;
	}
}


/*
------
Main
------
*/



/*
------
Footer
------
*/