/**
 * Theme Name:     uniCONTROL
 * Theme URI:      www.uni-control.it
 * Description:    Smart Home & Automation
 * Author:         Pircher Stefan
 * Author URI:     www.ps-design.it
 * Version:        1.0
 */

/* ============================
   > CONTENTS
   ==================
		> BODY, HTML
		> LINKS
		> WRAPPER
		> HEADER
		> FOOTER
		> BACKTOP
		> COOKIE-LAW
*/

/* ============================
   > BODY, HTML
   ================== */

body, html, input, textarea, button, select, option {
		font-family:'Rajdhani', Arial, Helvetica, sans-serif;
		font-size:16px; line-height:26px; color:#fff;
}
body { background:#414140; }

/* ============================
   > LINKS
   ================== */

a:link 			{ font-family:'Rajdhani', Arial, Helvetica, sans-serif; font-size:16px; color:#383838; text-decoration:none; }
a:visited 	{ font-family:'Rajdhani', Arial, Helvetica, sans-serif; font-size:16px; color:#383838; text-decoration:none; }
a:active 		{ font-family:'Rajdhani', Arial, Helvetica, sans-serif; font-size:16px; color:#383838; text-decoration:none; }
a:hover 		{ font-family:'Rajdhani', Arial, Helvetica, sans-serif; font-size:16px; color:#383838; text-decoration:none; }

/* ============================
   > PRELOADER
   ================== */

div#preloader {
		position:fixed; top:0; z-index:99;
		width:100%; height:100%; overflow:visible;
		background:rgba(56,56,55,1) url('images/loading.svg') no-repeat center;
		background-size:48px 48px;
}

/* ============================
   > FLEXBOX
   ================== */

.flex {
		display:-webkit-flex;
		display:-ms-flexbox;
		display:flex;
}

/* ============================
   > TRANSITIONS
   ================== */

ul.mainmenu li a,
div.btnwrap .cta,
div.btnwrap span,
div.btnwrap .more:after,
div.btnwrap .cta span:before,
div#advantages .grid .item h5:before,
div#advantages .grid .item .overlay:after,
div#projekte .splide .inner:after,
div#projekte .splide .is-visible,
div#projekte .splide .is-active,
div#footer a, .modelli input.choose,
div#stagetype a.learnmore,
.modelli a.datasheet {
		-webkit-transition:all .4s;
		-moz-transition:all .4s;
		transition:all .4s;
}
div#intro h1:after {
		-webkit-transition:all .8s;
		-moz-transition:all .8s;
		transition:all .8s;
}

/* ============================
   > H/V CENTERING
   ================== */

.halign { left:50%; transform:translateX(-50%); }
.valign { top:50%; transform:translateY(-50%); }
.hvalign { top:50%; left:50%; transform:translate(-50%,-50%); }

/* ============================
   > LANG-DROPDOWN
   ================== */

.lang-drop {
		margin-left:28px;
		padding:6px 12px;
}
.lang-drop ul li a {
		position:relative;
		padding:0 0 0 24px;
		font-size:13px; color:#fff;
		text-transform:none;
		font-weight:500;
}
.lang-drop ul li.active {
		display:none;
}
.lang-drop ul li a:before {
		position:absolute; content:'';
		width:16px; height:11px; top:8px; left:0;
		background-size:contain !important;
}
.lang-drop ul li.it a:before {
		background:url(images/flag-italiano.webp) no-repeat;
}
.lang-drop ul li.de a:before {
		background:url(images/flag-deutsch.webp) no-repeat;
}

/* media-queries */
@media screen and (max-width: 480px) {
		#header .lang-drop {
				display:none;
		}
}

/* ============================
   > WRAPPERS
   ================== */

div.wrap {
		max-width:1200px;
		position:relative;
		margin:0 auto;
}
div.paddtop {
		padding:118px 0 0;
}
div.paddtopbott {
		padding:118px 0;
}

/* media-queries */
@media screen and (max-width: 1280px) {
		div.wrap {
				max-width:none;
				margin:0 40px;
		}
}
@media screen and (max-width: 980px) {
		div.paddtop {
				padding:88px 0 0;
		}
		div.paddtopbott {
				padding:88px 0;
		}
}
@media screen and (max-width: 720px) {
		div.paddtop {
				padding:68px 0 0;
		}
		div.paddtopbott {
				padding:68px 0;
		}
}
@media screen and (max-width: 480px) {
		div.wrap {
				margin:0 28px;
		}
		div.paddtop {
				padding:48px 0 0;
		}
		div.paddtopbott {
				padding:48px 0;
		}
}

/* ============================
   > HEADER
   ================== */

div#header {
		position:fixed; z-index:7;
		background:#383837; width:100%;
		box-sizing:border-box;
		/* hide-header-onscroll */
		top:0; transition:top 200ms ease-in-out;
}
div#header .wrap {
		align-items:center; height:100px;
		justify-content:space-between;
}
div#header.nav-up {
    top:-100px;
}
/* logo */
div#header .logo {
		/*background:url('images/unicontrol.png') no-repeat;*/
		background:url('images/unicontrol.svg') no-repeat center;
		width:220px; height:52px; background-size:contain;
}

/* login-u-registration */
.useful {
		display:inline-flex;
		margin:30px 0 30px;
		display:none; /* < ausgeblendet */
}
.useful a {
		font-size:16px; color:#fff;
		font-weight:600; display:block;
		text-transform:uppercase;
		letter-spacing:.1em;
		padding:6px 12px;
}
.useful .nl {
		cursor:pointer;
		color:#ffc200;
}

/* nicht-verwendet */
.useful .login {
		color:#ffc200;
}
.useful .register {
		background:#414140;
		color:#919191;
}

/* media-queries */
@media screen and (max-width: 720px) {
		div#header .useful .login,
		div#header .useful .register,
		div#header .useful .nl {
				display:none;
		}
}

/* ============================
   > MAINMENU
   ================== */

ul.mainmenu {
		display:inline-flex;
		margin:36px 0 auto;
}
ul.mainmenu li {
		position:relative;
}
ul.mainmenu li a {
		display:block; padding:0 16px;
		font-size:18px; font-weight:500;
		letter-spacing:.1em; color:#fff;
		text-transform:uppercase;
		text-decoration:none;
}
ul.mainmenu li a:hover,
ul.mainmenu li.current-menu-item a {
		color:#ffc200;
}

/* media-queries */
@media screen and (max-width: 980px) {
		ul.mainmenu {
				display:none;
		}
}

/* ============================
   > MOBILEMENU
   ================== */

.mmtrigger {
		position:relative; cursor:pointer;
		margin-left:28px; /*padding:6px 12px;*/
		display:none !important;
}

/* menu-animation */
#mmenu {
		position:relative;
		width:38px; height:28px;
		-webkit-transition:.5s ease-in-out;
		-moz-transition:.5s ease-in-out;
		-o-transition:.5s ease-in-out;
		transition:.5s ease-in-out;
		cursor:pointer;
}
#mmenu span {
		position:absolute;
		width:100%; height:2px;
		background:#fff; display:block;
		border-radius:9px; opacity:1; left:0;
		-webkit-transform:rotate(0deg);
		-moz-transform:rotate(0deg);
		-o-transform:rotate(0deg);
		transform:rotate(0deg);
		-webkit-transition:.25s ease-in-out;
		-moz-transition:.25s ease-in-out;
		-o-transition:.25s ease-in-out;
		transition:.25s ease-in-out;
}
#mmenu span:nth-child(1) { top:0px; }
#mmenu span:nth-child(2),
#mmenu span:nth-child(3) { top:12px; }
#mmenu span:nth-child(4) { top:24px; }
#mmenu.open span:nth-child(1) { top:12px; width:0%; left:50%; }

#mmenu.open span:nth-child(2) {
		-webkit-transform:rotate(45deg);
		-moz-transform:rotate(45deg);
		-o-transform:rotate(45deg);
		transform:rotate(45deg);
}
#mmenu.open span:nth-child(3) {
		-webkit-transform:rotate(-45deg);
		-moz-transform:rotate(-45deg);
		-o-transform:rotate(-45deg);
		transform:rotate(-45deg);
}
#mmenu.open span:nth-child(4) {
		top:18px; left:50%; width:0%;
}

/* menu-overlay */
#mmoverlay {
		position:fixed; z-index:8;
		width:100%; height:calc(100%);
		top:100px; opacity:0; visibility:hidden;
  	transition:visibility 0.3s, opacity 0.3s linear;
		background:rgba(65,65,64,1);
}
#mmoverlay.open {
		visibility:visible; opacity:1;
}
.bodyfixed {
		overflow:hidden;
}

/* mobile-mainmenu */
#mmoverlay ul.mainmenu {
		display:block; position:absolute;
		transform:translate(-50%,-50%);
		top:40%; left:50%; padding:0;
		overflow:visible; margin:0;
}
#mmoverlay ul.mainmenu li {
		float:none; display:block;
		width:100%; position:relative;
		text-align:center; margin:0;
		opacity:0; padding:28px 0;
}
#mmoverlay ul.mainmenu li a {
		text-transform:none;
		letter-spacing:2px;
		font-size:48px;
		padding:0;
}
#mmoverlay ul.mainmenu li a:hover,
#mmoverlay ul.mainmenu li.current-menu-item a {
		color:#919191;
}
#mmoverlay.open ul.mainmenu li {
		animation:fadeInRight .5s ease forwards;
}

/* useful-bottom */
#mmoverlay .useful {
		position:absolute; opacity:0;
		left:25%; right:25%; margin:0;
		justify-content:space-around;
		/*text-align:center;*/
}
#mmoverlay .useful .mmtrigger {
		display:none !important;
}
#mmoverlay.open .useful {
		animation:fadeInBottom .5s ease forwards;
		animation-delay:.9s;
}

/* langdrop-sidebar */
#mmoverlay .lang-drop {
		margin-left:0;
}

/* fade-in-keyframe-animation */
#mmoverlay.open ul.mainmenu li:first-of-type { animation-delay:.3s; }
#mmoverlay.open ul.mainmenu li:nth-of-type(2) { animation-delay:.4s; }
#mmoverlay.open ul.mainmenu li:nth-of-type(3) { animation-delay:.5s; }
#mmoverlay.open ul.mainmenu li:nth-of-type(4) {	animation-delay:.6s; }
#mmoverlay.open ul.mainmenu li:last-of-type { animation-delay:.7s; }

/* keyframe-animations */
@keyframes fadeInRight {
  0% {
    opacity:0;
    left:80%;
  }
  100% {
    opacity:1;
    left:0;
  }
}
@keyframes fadeInBottom {
  0% {
    opacity:0;
    bottom:-120px;
  }
  100% {
    opacity:1;
    bottom:120px;
  }
}

/* media-queries */
@media screen and (max-width: 980px) {
		.mmtrigger {
				display:block !important;
		}
}
@media screen and (max-width: 720px) {
		#mmoverlay ul.mainmenu {
				top:35%;
		}
		#mmoverlay ul.mainmenu li {
				padding:22px 0;
		}
		#mmoverlay ul.mainmenu li a {
				font-size:38px;
		}
		#mmoverlay .useful {
				/*display:block;*/
		}
}
@media screen and (max-width: 480px) {
		#mmoverlay ul.mainmenu {
				top:30%;
		}
		#mmoverlay ul.mainmenu li {
				padding:12px 0;
		}
		#mmoverlay ul.mainmenu li a {
				font-size:28px;
		}
}

/* ============================
   > HEADLINES
   ================== */

h1 { font-size:68px; font-weight:600; }
h2 { font-size:20px; font-weight:500; }
h3 { font-size:32px; font-weight:500; }
h4 { font-size:60px; font-weight:600; }
h5 { font-size:40px; font-weight:600; }
h1, h3 { color:#fff; }
h1, h2, h5 { line-height:108%; }
h3 { line-height:128%; }
h4 { line-height:100%; }

/* media-queries */
@media screen and (max-width: 1200px) {
		h1 { font-size:58px; }
}
@media screen and (max-width: 980px) {
		h1 { font-size:48px; }
}
@media screen and (max-width: 720px) {
		h1 { font-size:38px; }
}
@media screen and (max-width: 480px) {
		h1 { font-size:28px; }
		h2 { font-size:16px; }
		h3 { font-size:22px; }
}
@media screen and (max-width: 360px) {
		h1 { font-size:24px; }
		h1 br { display:none; }
		h3 { /*font-size:18px;*/ font-size:20px; }
}

/* ============================
   > SECTIONS
   ================== */

section {
		text-align:center; margin-bottom:60px;
		font-size:22px; line-height:28px;
}
section h4 {
		margin-bottom:28px;
}
section h4 strong {
		font-weight:600;
}

/* media-queries */
@media screen and (max-width: 980px) {
		section {
				font-size:20px;
				margin-bottom:48px;
				line-height:26px;
		}
		section h4 {
				margin-bottom:22px;
				font-size:42px;
		}
}
@media screen and (max-width: 720px) {
		section {
				font-size:18px;
				margin-bottom:38px;
				line-height:24x;
		}
		section h4 {
				margin-bottom:22px;
				font-size:38px;
		}
}
@media screen and (max-width: 480px) {
		section {
				font-size:16px;
				margin-bottom:28px;
				line-height:22px;
		}
		section br {
				display:none;
		}
		section h4 {
				margin-bottom:22px;
				font-size:28px;
		}
}

/* ============================
   > HERO-SHOT
   ================== */

div#hero-shot {
		margin-top:100px;
		text-align:center;
		position:relative;
		padding:118px 0;
}
div#hero-shot h1 {
		margin:18px 0 28px;
}
div#hero-shot h2,
div#intro h2 {
		text-transform:uppercase;
		letter-spacing:.2em;
		color:#ffc200;
}
div#hero-shot h3 {
		position:relative;
		max-width:480px;
		margin:0 auto;
}
div#hero-shot h3:after {
		position:absolute; content:'';
		background:url('images/unicontrol-server.png') no-repeat center;
		width:241px; height:218px; top:0; right:-250px;
}
div.btnwrap {
		display:inline-flex;
		margin-top:60px;
}
div.btnwrap a {
		letter-spacing:.6px;
		font-weight:600; padding:19px 79px;
		font-size:24px; color:#414140;
}

/* call-to-action-btn */
div#hero-shot .cta,
div#intro .cta {
		position:relative;
		background:#ffc200;
		border-radius:38px;
}
div.btnwrap a,
div.btnwrap a span {
		position:relative;
}
div.btnwrap .cta span:before {
		position:absolute; content:''; opacity:0;
		background:url('images/ico-right.svg') no-repeat 0 6px;
		width:28px; height:23px; left:-18px; filter:invert();
		background-size:20px 16px;
}
div#hero-shot .cta:hover {
		background:#ebb200;
}
div.btnwrap .cta:hover span {
		padding-left:18px;
}
div.btnwrap .cta:hover span:before {
		opacity:1;
}

/* media-queries */
@media screen and (max-width: 1200px) {
		div#hero-shot {
				padding:88px 0;
		}
		div#hero-shot h3:after {
				width:200px; height:181px;
				background-size:contain;
				right:-200px;
		}
}
@media screen and (max-width: 980px) {
		div#hero-shot h3:after {
				width:160px; height:145px;
				right:-150px;
		}
		div.btnwrap a {
				padding:16px 49px;
		}
}
@media screen and (max-width: 860px) {
		div#hero-shot h3:after {
				position:relative;
				display:block; right:0;
				margin:28px auto 0;
		}
		div.btnwrap {
				margin-top:40px;
		}
}
@media screen and (max-width: 720px) {
		div#hero-shot {
				padding:68px 0;
		}
		div#hero-shot h3:after {
				width:120px; height:109px;
				margin:18px auto 0;
		}
		div.btnwrap a {
				width:100%;
		}
}
@media screen and (max-width: 480px) {
		div#hero-shot {
				padding:48px 0;
		}
		div#hero-shot h1 {
				margin:18px 0;
		}
		div.btnwrap {
				display:block;
				max-width:90%;
				margin:30px auto 0;
		}
		div.btnwrap a {
				display:block; padding:12px 0;
				font-size:16px !important;
		}
		div#intro .btnwrap .cta {
				margin:0 0 10px !important;
				white-space:nowrap;
		}
		div#hero-shot .btnwrap a {
				/*width:100%;*/
		}
}
@media screen and (max-width: 360px) {
		div#hero-shot {
				padding:28px 0;
		}
}

/* ============================
   > MEDIA-VIDEO
   ================== */

div#media {
		margin-bottom:80px;
		position:relative;
}
div#media:after {
		position:absolute;
		width:100%; z-index:-1;
		top:80px; bottom:-80px;
		background:#383837;
		content:'';
}
div#media .mediawrap {
		max-width:1200px;
		position:relative;
		text-align:center;
		margin:0 auto;
}
div#media .mediawrap .overlay {
		position:absolute;
		width:801px; height:602px;
		top:49px; left:342px;
}
div#media .mediawrap .my-slider-progress {
		position:absolute;
		width:50%; bottom:-80px; left:45%;
		transform:translateX(-50%);
}
div#media .splide__arrow {
		background:#ffc200;
}
div#media .splide__arrow svg {
		/*fill:#ff0000;*/
}
div#media .mediawrap img {
		/*max-width:100%;
		height:auto;*/
}
div#media .caption {
		position:absolute; max-width:400px;
		font-size:22px; line-height:28px;
		bottom:80px; left:64px;
}
div#media .caption h5 {
		margin-bottom:14px;
}
div#media .caption h5:before {
		position:absolute; content:''; top:-90px; left:0;
		background:#ffc200 url('images/ico-music.webp') no-repeat center;
		width:68px; height:68px; border-radius:50px;
}

/* splide-options */
div#media .splide__slide {
		opacity:0.5;
		-webkit-transition:all .4s;
		-moz-transition:all .4s;
		transition:all .4s;
}
div#media .splide .is-active {
		opacity:1;
}

/* media-queries */
@media screen and (max-width: 1200px) {
		div#media .mediawrap {
				max-width:720px;
		}
		div#media .mediawrap img {
				max-width:720px;
				height:auto;
		}
		div#media .mediawrap .overlay {
				width:480px; height:360px;
				top:30px; left:205px;
		}
		div#media .splide__slide img {
				max-width:480px; height:auto;
		}
		/*div#media {
				margin-bottom:0;
		}
		div#media:after {
				display:none;
		}*/
}
@media screen and (max-width: 980px) {
		/*div#media .caption {
				bottom:40px; left:40px;
				font-size:20px;
		}
		div#media .caption h5 {
				font-size:34px;
		}*/
}
@media screen and (max-width: 720px) {
		div#media {
				margin-bottom:0;
		}
		div#media:after {
				bottom:0;
		}
		div#media .mediawrap {
				background:url('images/unicontrol-visu-mobile.webp') no-repeat center;
				width:360px; height:520px;
		}
		div#media .mediawrap .overlay {
				width:305px; height:229px;
				top:40px; left:29px;
		}
		div#media .mediawrap img.mockup {
				display:none;
		}
		div#media .splide__slide img {
				display:block ; max-width:305px;
		}
		div#media .mediawrap .my-slider-progress {
				bottom:auto; top:-40px;
		}
		div#media .splide__arrows {
				display:none;
		}
		/*div#media .caption {
				line-height:22px;
				font-size:18px;
		}
		div#media .caption h5 {
				margin-bottom:12px;
				font-size:28px;
		}
		div#media .caption h5:before {
				top:-60px; width:48px; height:48px;
				background-size:contain;
		}*/
}
@media screen and (max-width: 480px) {

		/*div#media .caption {
				left:28px; bottom:28px;
		}
		div#media .caption span {
				display:none;
		}
		div#media .caption h5:before {
				top:6px;
		}
		div#media .caption h5 {
				margin:0 0 0 60px;
				font-size:24px;
		}*/
}

/* ============================
   > ADVANTAGES
   ================== */

div#advantages .grid {
		display:grid; grid-gap:20px;
		grid-template-columns:repeat(2, 1fr);
}
div#advantages .grid .item {
		background:#383837;
		position:relative;
}
div#advantages .grid .item .inner {
		font-size:22px; padding:40px 0;
		text-align:center; line-height:28px;
		background:transparent; color:#fff;
		/*max-width:60%;*/ margin:0 auto; max-width:80%;
}
div#advantages .grid .item .overlay {
		position:absolute; width:100%;
		background:#f4f4f4; color:#383838;
		height:0; z-index:1; overflow:hidden;
		font-size:20px; line-height:26px;
		/* transition */
		-webkit-transition:all .4s;
		-moz-transition:all .4s;
		transition:all .4s;
}
div#advantages .grid .item .overlay strong {
		display:block; margin-bottom:28px;
		font-size:34px; font-weight:600;
		line-height:111%;
}
div#advantages .grid .item .overlay div {
		padding:50px; font-weight:500;
}
div#advantages .grid .item .overlay div .mobile {
		display:none;
}
div#advantages .grid .item:hover .overlay {
		height:100%;
}
div#advantages .grid .item .overlay:after {
		position:absolute; width:90px; height:90px;
		top:30px; right:-80px; opacity:0;
}
div#advantages .grid .item:hover .overlay:after {
		right:30px; opacity:1;
}
div#advantages .grid .item h5 {
		font-size:38px; font-weight:600;
		line-height:100%; color:#fff;
}
/* icons-vantaggi */
div#advantages .grid .item h5:before,
div#advantages .grid .item .overlay:after {
		background-repeat:no-repeat;
		content:''; border-radius:50%;
		background-position:center;
		background-color:#ffc200;
		/*background-size:50%;*/
}
div#advantages .grid .visualisierung h5:before,
div#advantages .grid .visualisierung .overlay:after {
		background-image:url('images/ico-visualisierung.webp');
}
div#advantages .grid .knx h5:before,
div#advantages .grid .knx .overlay:after {
		background-image:url('images/ico-knx.webp');
}
div#advantages .grid .unimodul h5:before,
div#advantages .grid .unimodul .overlay:after {
		background-image:url('images/ico-unimodul.webp');
}
div#advantages .grid .gateway h5:before,
div#advantages .grid .gateway .overlay:after {
		background-image:url('images/ico-gateway.webp');
}
div#advantages .grid .alexa h5:before,
div#advantages .grid .alexa .overlay:after {
		background-image:url('images/ico-alexa.webp');
}
div#advantages .grid .fernzugriff h5:before,
div#advantages .grid .fernzugriff .overlay:after {
		background-image:url('images/ico-fernzugriff.webp');
}
div#advantages .grid .item h5:before {
		display:block; margin:0 auto 38px;
		width:150px; height:150px;
		/*background-size:50%;*/
}
div#advantages .grid .item .overlay:after {
		background-size:100%;
}

/* jquery-appear */
div.grid .item {
		opacity:0;
}
div.grid .fadein {
		animation:fadeInLeft .5s ease forwards;
		animation-delay:.35s;
}
div.grid div:first-of-type { animation-delay:.4s; }
div.grid div:nth-of-type(2) { animation-delay:.45s; }
div.grid div:nth-of-type(3) {	animation-delay:.5s; }
div.grid div:nth-of-type(4) {	animation-delay:.55s; }
div.grid div:nth-of-type(5) {	animation-delay:.6s; }
div.grid div:last-of-type { animation-delay:.65s; }

@-webkit-keyframes fadeInLeft {
		0% {
				opacity:0;
				-webkit-transform:translate3d(-40%, 0, 0);
				transform:translate3d(-40%, 0, 0);
		}
		100% {
				opacity:1;
				-webkit-transform:none;
				transform:none;
		}
}

/* media-queries */
@media screen and (max-width: 1200px) {
		div#advantages .grid .item h5 {
				font-size:32px;
		}
		div#advantages .grid .item h5:before {
				width:120px; height:120px;
				background-size:contain;
		}
		div#advantages .grid .item .overlay {
				font-size:18px;
		}
		div#advantages .grid .item .overlay:after {
				width:70px; height:70px;
				top:20px; right:-70px;
		}
		div#advantages .grid .item:hover .overlay:after {
				right:20px;
		}
		div#advantages .grid .item .overlay div {
				padding:40px;
		}
		div#advantages .grid .item .overlay div p {
				max-width:90%;	
		}
		div#advantages .grid .item .overlay strong {
				font-size:24px; margin-bottom:28px;
		}
}
@media screen and (max-width: 980px) {
		div#advantages .grid {
				grid-gap:18px;
		}
		div#advantages .grid .item .inner {
				max-width:88%;
				padding:38px 0;
				font-size:20px;
		}
		div#advantages .grid .item h5:before {
				width:100px; height:100px;
		}
		div#advantages .grid .item h5 {
				/*margin:0 0 8px;*/
				font-size:28px;
		}
		div#advantages .grid .item .overlay div {
				padding:28px;
		}
		div#advantages .grid .item .overlay div p {
				max-width:none;	
		}
		div#advantages .grid .item .overlay {
				font-size:16px; line-height:normal;
		}
		div#advantages .grid .item .overlay strong {
				margin-bottom:18px;
				font-size:22px;
		}
		div#advantages .grid .item .overlay p:last-of-type {
				/*display:none;*/
		}
		div#advantages .grid .item .overlay:after {
				width:68px; height:68px;
				top:18px; right:-68px;
				display:none;
		}
		div#advantages .grid .item .overlay div p {
				/*display:none;*/
		}
		div#advantages .grid .item .overlay div .mobile {
				display:block;
		}
		div#advantages .aboutus {
				margin-top:28px;
				padding:28px;
		}
		div#advantages .aboutus .shortdesc {
				grid-column:1/3;
		}
}
@media screen and (max-width: 720px) {
		div#advantages .grid {
				grid-template-columns:repeat(1, 1fr);
				grid-gap:18px;
		}
		div#advantages .wrap {
				margin:0 18px;
		}
		div#advantages .aboutus .larcher,
		div#advantages .aboutus .brothers {
				display:none;
		}
		div#advantages .aboutus .shortdesc {
				grid-column:none;
		}
}
@media screen and (max-width: 480px) {
		div#advantages .grid .item {
				display:flex; align-items:center;
		}
		div#advantages .grid .item .inner {
				font-size:18px; line-height:22px;
				max-width:80%; padding:28px 0;
		}
		div#advantages .grid .item h5:before {
				width:80px; height:80px;
		}
		div#advantages .grid .item h5 {
				font-size:24px;
		}
		div#advantages .grid .item .overlay,
		div#advantages .aboutus .shortdesc,
		div#advantages .aboutus .shortdesc a {
				/*line-height:20px;
				font-size:15px;*/
		}
		div#advantages .grid .item .overlay strong {
				margin-bottom:15px;
				font-size:19px;
		}
		div#advantages .grid .item .overlay strong br {
				display:none;
		}
		div#advantages .grid .item {
				min-height:228px;
		}
}
@media screen and (max-width: 360px) {
		div#advantages .grid .item .inner {
				line-height:20px;
				font-size:16px;
		}
		div#advantages .grid .item h5:before {
				width:60px; height:60px;
				margin:0 auto 18px;
		}
		div#advantages .grid .item h5 {
				font-size:22px;
		}
		div#advantages .grid .item .overlay {
				/*line-height:18px;
				font-size:13px;*/
		}
		div#advantages .grid .item .overlay strong {
				/*margin-bottom:10px;*/
				font-size:17px;
		}
		div#advantages .grid .item .overlay div {
				padding:18px; line-height:normal;
		}
}

/* ============================
   > SERVER-MODELLE
   ================== */

div#server .grid {
		margin:0;
}

/* link-zu-online-dokumentation */
.onlinedoc {
		display:flex; align-items:center;
		background:#383837; margin-top:60px;
		justify-content:space-between;
}
.onlinedoc .ico, .onlinedoc a {
		border-radius:0;
}
.onlinedoc .ico {
		background:#ffc200 url('images/ico-doc.svg') no-repeat;
		background-position:center; background-size:auto 40px;
		width:40px; height:40px; padding:9px 20px;
		border-bottom-left-radius:4px;
		border-top-left-radius:4px;
}
.onlinedoc h6 {
		font-weight:500;
		font-size:22px;
}
.onlinedoc a {
		font-size:20px; padding:16px 60px;
		display:block; text-decoration:none;
		font-weight:600; color:#414140;
		border-bottom-right-radius:4px;
		border-top-right-radius:4px;
		background-color:#ffc200;
}
.onlinedoc a:hover {
		background-color:#ebb200;
}

/* media-queries */
@media screen and (max-width: 980px) {
		.onlinedoc h6 {
				font-size:20px;
		}
}
@media screen and (max-width: 720px) {
		div#server .splide__pagination {
				margin-bottom:10px;
		}
		div#server section {
				margin-bottom:48px;
		}
		.onlinedoc {
				flex-direction:column;
		}
		.onlinedoc .ico {
				background-color:transparent;
				padding:12px; filter: invert(1);
		}
		.onlinedoc a {
				padding:12px 0; width:100%;
				text-align:center; margin-top:16px;
				border-bottom-left-radius:4px;
				border-top-right-radius:0;
		}
}
@media screen and (max-width: 480px) {
		div#server .wrap {
				margin:0 18px;
		}
		.onlinedoc h6,
		.onlinedoc a {
				font-size:18px;
		}
		.onlinedoc a {
				margin-top:10px;
				padding:10px 0;
		}
}

/* ============================
   > DESIGNVORSCHLÄGE
   ================== */

div#projekte section {
		margin-bottom:60px;
}
div#projekte .splide__slide {
		background:#383837;
		transition:all ease 1s;
		border-radius:3px;
}
div#projekte .splide__slide .inner {
		font-size:18px; padding:34px;
}
div#projekte .splide a {
		cursor:pointer;
}
div#projekte .splide img {
		max-width:100%;
		height:auto;
}
div#projekte .splide .is-active {
		background:#383838;
		border-bottom:none;
		color:#383838;
}
div#projekte .splide .is-active .inner {
		/*max-height:800px;*/
}
div#projekte .splide span {
		/*color:#888;*/ line-height:128%;
		display:block; font-size:20px;
		color:#ffc200;
}
div#projekte .splide .is-active span {
		/*color:#ffc200;*/
}
div#projekte .splide strong {
		display:block; font-weight:600;
		letter-spacing:.4px; color:#fff;
		text-transform:uppercase;
}

/* splide-progressbar */
.my-slider-progress,
.splide__progress {
		display:none;
}

/* splide-pagination */
.splide__pagination {
		margin-bottom:20px;
		bottom:100%;
}
.splide__pagination__page {
		width:12px; height:12px;
		margin:4px;	background:#383837;
		transform:none !important;
}
.splide__pagination__page.is-active {
		background:#ffc200 !important;
}

/* media-queries */
@media screen and (max-width: 480px) {
		div#projekte .splide .splide__slide .inner {
			padding:28px; font-size:15px;
			line-height:20px;
		}
		div#projekte .wrap {
				margin:0 18px;
		}
}

/* ============================
   > SPLIDE-SLIDER
   ================== */

/* incl-imageslider */
.my-slider-progress {
    background:#414140;
} 
.my-slider-progress-bar {
		width:0; height:2px;
		transition:width 400ms ease;
		background:#ffc200;
}

/* teaser-animation */
.splide__slide .titolo {
		display:block;
		font-weight:600;
		margin:0 0 8px;
		font-size:30px;
}
.splide__slide .sottotitolo {
		font-size:20px;
		max-width:30%;
}
.splide__slide .copyright {
		font-weight:500;
		font-size:14px;
}
.splide__slide .meta {
		position:absolute; z-index:1;
		bottom:48px; left:48px;
		text-align:left;
}
.splide__slide .meta .titolo,
.splide__slide .meta .sottotitolo {
		-webkit-animation-duration:.6s;
		animation-duration:.6s;
		-webkit-animation-fill-mode:both;
		animation-fill-mode:both;
		-webkit-animation-name:fadeOutLeft;
		animation-name:fadeOutLeft;
}
.splide__slide.is-active .meta .titolo,
.splide__slide.is-active .meta .sottotitolo {
		-webkit-animation-delay:.4s;
		animation-delay:.4s;
		-webkit-animation-duration:.6s;
		animation-duration:.6s;
		-webkit-animation-fill-mode:both;
		animation-fill-mode:both;
		-webkit-animation-name:fadeInLeft;
		animation-name:fadeInLeft;
}
.splide__slide.is-active .meta .sottotitolo {
		-webkit-animation-delay:.8s;
		animation-delay:.8s;
}
div.overlay {
		position:absolute; bottom:0;
		width:100%; height:200px;
		/* css-gradient */
		background:rgb(0,0,0);
		background:linear-gradient(0deg, rgba(0,0,0,.8) 0%, rgba(255,255,255,0) 100%);
}

@-webkit-keyframes fadeInLeft {
		0% {
				opacity: 0;
				-webkit-transform: translate3d(0, -100%, 0);
				transform: translate3d(0, -100%, 0);
		}
		100% {
				opacity: 1;
				-webkit-transform: none;
				transform: none;
		}
}
@keyframes fadeInLeft {
		0% {
				opacity: 0;
				-webkit-transform: translate3d(0, -100%, 0);
				transform: translate3d(0, -100%, 0);
		}
		100% {
				opacity: 1;
				-webkit-transform: none;
				transform: none;
		}
}
@-webkit-keyframes fadeOutLeft {
		0% {
				opacity: 1;
		}
		100% {
				opacity: 0;
				-webkit-transform: translate3d(0, -100%, 0);
				transform: translate3d(0, -100%, 0);
		}
}
@keyframes fadeOutLeft {
		0% {
				opacity: 1;
		}
		100% {
				opacity: 0;
				-webkit-transform: translate3d(0, -100%, 0);
				transform: translate3d(0, -100%, 0);
		}
}

/* @media-queries */
@media screen and (max-width: 720px) {
		.splide__slide .meta {
				bottom:20px; left:20px;
		}
		.splide__slide .titolo {
				font-size:20px; margin:0;
		}
		.splide__slide .sottotitolo {
				font-size:14px;
		}
}
@media screen and (max-width: 480px) {
		.splide__slide .titolo {
				font-size:18px;
		}
		.splide__slide .sottotitolo {
				display:none;
		}
}



/* modelli-di-palco */
div.content {
		margin-top:168px;
}
div.content h3 {
		font-weight:600;
}

.modelli div {
		border-bottom-right-radius:4px;
		border-bottom-left-radius:4px;
}
.modelli div.stage {
		background-image:linear-gradient(to bottom, #2c2c2b, #2f2f2e, #323231, #353534, #383837);
		text-align:center;
}
.modelli .stage h3 {
		font-size:22px; font-weight:500;
		padding:12px 22px; color:#fff;
		border-top-left-radius:4px;
		border-top-right-radius:4px;
		background-color:#383837;
		text-transform:uppercase;
		text-align: center;
}
.modelli div img {
		max-width:100%;
		margin-top:26px;
		height:auto;
}
.modelli .desc {
		/*padding:28px 36px 0;*/
		padding:28px 24px;
		text-align:center;
}
.modelli .desc li {
		border-bottom:1px dashed #484848;
		padding:6px;
		font-size: 17px;
}
.modelli .desc li span {
		text-decoration:none;
		color:#ebb200;
}
.modelli .grid strong {
		display:block; color:#fff;
		font-size:16px; line-height:normal;
		padding:28px; text-align:center;
}
.modelli .grid strong span {
		font-weight:600;
		color:#ffc200;
}
.modelli a.datasheet {
		display:block; cursor:pointer;
		font-size:13px; color:#fff; max-width:60%;
		line-height:normal; text-decoration:none;
		background:transparent; text-align:center;
		letter-spacing:1px; border-radius:20px;
		margin:0 auto 28px; padding:6px 0 5px;
		border:1px solid #656564;
}
.modelli a.datasheet:hover {
		background:#656564;
}
.modelli input.choose,
.modelli a.choose {
		font-size:20px; cursor:pointer;
		width:100%; font-weight:600;
		padding:12px 0; border:none;
		background-color:#ffc200;
		color: #414140;
}
.modelli input.choose:hover,
.modelli a.choose:hover {
		background-color:#ebb200;
}
.modelli a.choose {
		display:block;
}

/* wr-submit-disabled */
.modelli input.choose:disabled {
		background-color:#656564;
		cursor:not-allowed;
}

/* @media-queries */
@media screen and (max-width: 1200px) {
		.modelli .grid {
				grid-gap:20px;
		}
}
@media screen and (max-width: 980px) {
		.modelli .grid {
				grid-template-columns:repeat(2, 1fr);
		}
}
@media screen and (max-width: 640px) {
		div.content {
				margin-top:138px;
		}
		.modelli .grid {
				display:block;
		}
		.modelli div.stage {
				margin-bottom:40px;
		}
		.modelli .stage h3 {
				padding:10px 0;
				letter-spacing:.8px;
				font-size:20px;
		}
		.modelli input.choose {
				width:60%;
		}
}
@media screen and (max-width: 480px) {
		.modelli div.stage {
				margin-bottom:28px;
		}
		.modelli div img {
				max-width:148px;
		}
		.modelli .desc {
				padding:18px;
		}
		.modelli .desc li {
				font-size:15px;
				padding:4px;
		}
		.modelli .stage h3 {
				font-size:18px;
				padding:8px 0;
		}
		.modelli input.choose,
		.modelli a.choose {
				font-size:18px;
				padding:10px 0;
		}
		.modelli .grid strong {
				font-size:14px;
		}
}

/* video-montaggio */
.video .wrap {
		margin-bottom:68px;
}
.video .video-holder {
		margin:28px auto 48px;
}
.video form {
		margin-top:28px;
}
.video form label {
		display:inline-block;
		margin:28px 0 18px;
}
.video form input {
		margin-left:10px; max-width:200px;
		padding:10px 14px !important;
}
.video form input[type='submit'] {
		padding-bottom:11px !important;
		border-radius:4px !important;
}

/* vantaggi-del-noleggio */
.vantaggi .wrap {
		margin-bottom:68px;
}
.vantaggi .flex {
		margin:28px 0;
}
.vantaggi .flex .pic img {
		max-width:100%;
		height:auto;
}
.vantaggi .flex .pic,
.vantaggi .flex .list {
		align-self:center;
}
ul.benefits {
		align-self:center;
		margin-left:40px;
}
ul.benefits li {
		color:#fff; font-weight:500;
		padding:12px 0 12px 55px;
		position:relative;
}
ul.benefits li:before {
		background:url('images/ico-step-check.png') no-repeat center;
		width:46px; height:41px; top:-2px; left:0;
		position:absolute; content:'';
}


/* impressioni */
.imagegrid {
		display:grid; grid-gap:18px;
		grid-template-columns:repeat(4, 1fr);
		margin-top:28px;
}
.imagegrid img {
		display:block;
		max-width:100%;
		height:auto;
}
.imagegrid a {
		cursor:pointer;
}

/* @media-queries */
@media screen and (max-width: 980px) {
		.imagegrid {
				grid-template-columns:repeat(3, 1fr);
		}
}
@media screen and (max-width: 720px) {
		.imagegrid {
				grid-template-columns:repeat(2, 1fr);
		}
		.chisiamo img.sede,
		.chisiamo img.team {
				float:none; margin:0;
		}
		.chisiamo img.team {
				margin:0 0 18px;
		}
		.chisiamo .wrap h3 {
				margin-bottom:28px;
		}
		.chisiamo .wrap h4 {
				font-size:22px;
		}
		.vantaggi .flex {
				flex-wrap:wrap;
		}
		ul.benefits {
				margin:20px 0 0;
		}
		.chisiamo .grid {
				grid-template-columns:repeat(2, 1fr);
		}
}
@media screen and (max-width: 480px) {
		.imagegrid {
				grid-template-columns:repeat(1, 1fr);
		}
		ul.benefits li {
				padding:8px 0 8px 48px;
		}
		ul.benefits li:before {
				width:36px; height:32px; top:0;
				background-size:contain;
		}
		.video form label,
		.video form input {
				display:block;
		}
		.video form input {
				max-width:none;
				margin-bottom:8px;
				margin-left:0;
		}
		.chisiamo .grid {
				grid-template-columns:repeat(1, 1fr);
		}
}

/* ============================
   > REQUEST-BOX
   ================== */

#request {
		position:fixed; z-index:999; height:0; overflow:hidden;
		background-image:linear-gradient(to bottom, #2c2c2b, #2f2f2e, #323231, #353534, #383837);
		display:flex; justify-content:center; align-items:center;
		bottom:0; left:0; right:0; transition:height ease .4s;
}
#request.active {
		height:75%;
}
#request .close {
		position:absolute; cursor:pointer;
		top:0; right:0; width:50px; height:50px; /*filter:invert(100%);*/
		background:#ffc200 url(images/ico-close.png) no-repeat center;
}
#request .inner {
		padding:40px 40px 0; opacity:0;
		transition:opacity ease 2s;
}
#request.active .inner {
		opacity:1;
}
#request .inner strong {
		display:block; font-size:28px;
		font-weight:500; line-height:111%;
		margin-bottom:28px;
}
#request .inner strong span {
		font-size:34px;
		color:#ffc200;
}
#request .inner strong span#output {
		text-transform:uppercase;
}

/* media-queries */
@media screen and (max-width: 720px) {
		#request.active {
				display:block;
				height:100%;
		}
		#request .inner strong {
				font-size:24px;
		}
		#request .inner strong span {
				font-size:28px;
		}
}
@media screen and (max-width: 480px) {
		#request.active {
				overflow:auto;
		}
		#request .inner {
				padding:40px 20px 0;
		}
		#request .inner strong {
				margin-bottom:18px;
				font-size:20px;
		}
		#request .inner strong span {
				font-size:24px;
		}
		#request .close {
				width:40px; height:40px;
		}
}

/* ============================
   > CF7-STYLES
   ================== */

/* form-grid */
div#request .wpcf7 {
		max-width:980px;
}
div#request .wpcf7 .flex {
		flex-wrap:wrap;
}
div#request .wpcf7 .grid {
		display:grid; grid-gap:20px;
		grid-template-columns:repeat(2, 1fr);
}

/* pflichtfelder */
.wpcf7 a {
		text-decoration:underline;
		color:#ffc200;
}
.wpcf7 u {
		text-decoration:none;
		color:#ffc200;
}

/* focus-deaktivieren */
input:focus,
select:focus,
textarea:focus,
button:focus {
    outline:none;
}

/* form-field-styles */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="select"],
.wpcf7 input[type='submit'],
.wpcf7 label.select,
.wpcf7 textarea,
/* post-password-form */
.post-password-form input[type="password"] {
		width:100%; font-size:22px;
		font-weight:400; color:#fff;
		padding:10px 0 10px 18px;
		border:1px solid #bbb;
		box-sizing:border-box;
		background:transparent;
}

/* textarea-styles */
.wpcf7 label.message {
		grid-column:1 / -1;
}
.wpcf7 textarea {
		height:100px; resize:none;
}

/* placeholder-styles */
::-webkit-input-placeholder { opacity:1; }
::-moz-placeholder { opacity:1; }
:-ms-input-placeholder { opacity:1; }
:-moz-placeholder { opacity:1; }

/* :focus-styles */
input[type="text"]:focus,
input[type="email"]:focus,
textarea:focus {
		border:1px solid #fff;
}

/* custom-checkbox-styles */
div.wpcf7 label.privacy {
		display:inline-flex;
		margin-top:18px;
}
div.wpcf7 label.privacy div {
		line-height:27px;
		margin-left:18px;
}
div.wpcf7 label.privacy div,
div.wpcf7 label.privacy div a {
		font-size:15px; line-height:normal;
}
div.wpcf7 label.privacy span.privacy {
		align-self:end;
}
div.wpcf7 input[type="checkbox"] {
		background:#414140; border:none;
		-webkit-appearance:none; outline:none;
		position:relative; width:40px; height:20px;
		transition:.5s; border-radius:10px;
}
div.wpcf7 input:checked[type="checkbox"] {
		background:#ffc200 ;
}
div.wpcf7 input[type="checkbox"]:before {
		position:absolute; content:'';
		width:20px; height:20px; top:0; left:0;
		background:#fff; transform:scale(1.1);
		box-shadow:0 2px 5px rgba(0,0,0,.2);
		transition:.5s; border-radius:10px;
}
div.wpcf7 input:checked[type="checkbox"]:before {
		left:20px;
}
div.wpcf7 .privacy .wpcf7-list-item {
		display:inline; margin:0;
}

/* submit-button-styles */
.wpcf7 input[type="submit"],
.post-password-form input[type="submit"] {
		font-size:22px; border:none;
		/*width:auto;*/ padding:19px 0;
		color:#383838; line-height:100%;
		background:#ffc200; font-weight:600;
}
.wpcf7 input[type="submit"]:disabled {
		cursor:default; color:#383838;
		background:#bbb;
}
.wpcf7 input[type="submit"]:disabled:hover {
		color:#383838; cursor:not-allowed;
		background:#bbb;
}
.wpcf7 input[type="submit"]:hover,
.post-password-form input[type="submit"]:hover {
		transition:all .4s;
		background:#ebb200;
		cursor:pointer;
}

/* recaptcha-styles */
.wpcf7 .recaptcha {
		padding:22px 0;
		display:block;
}
.wpcf7 .recaptcha, .wpcf7 .recaptcha a {
		font-size:14px;
		line-height:normal;
}
.wpcf7 .recaptcha a {
		/*color:#ffc200;*/
}

/* recaptcha-badge-ausblenden */
.grecaptcha-badge { visibility:hidden; }

/* cf7-response-output */
.wpcf7 form.invalid u { color:#ff0000 !important; }
.wpcf7 input.wpcf7-not-valid { border:1px solid #ffc200 !important; }
.wpcf7 span.wpcf7-not-valid-tip, div.wpcf7 div.screen-reader-response { display:none; }
.wpcf7 form .wpcf7-response-output { font-weight:500; margin:0 0 24px; padding:18px; text-align:center; font-size:18px; }
.wpcf7 form.sent .wpcf7-response-output { border:1px solid #05e029 !important; background:#e6fce9; color:#484848; }
.wpcf7 form.invalid .wpcf7-response-output { border:1px solid #ff0000 !important; background:#ffe5e5; color:#484848; }

/* media-queries */
@media screen and (max-width: 980px) {
		div#form .cf7 {
				max-width:none;
		}
}
@media screen and (max-width: 720px) {
		.wpcf7 input[type="text"],
		.wpcf7 input[type="email"],
		.wpcf7 input[type="select"],
		.wpcf7 input[type='submit'],
		.wpcf7 label.select,
		.wpcf7 textarea,
		/* nl-subscription-styles */
		form.es_subscription_form [type="text"],
		form.es_subscription_form [type="email"],
		form.es_subscription_form [type='submit'] {
				font-size:18px;
		}
		.wpcf7 input[type="submit"],
		form.es_subscription_form [type='submit'] {
				/*padding:10px 24px 12px;*/
				font-size:18px;
		}
}
@media screen and (max-width: 480px) {
		div#request .wpcf7 .grid {
				grid-template-columns:repeat(1, 1fr);
				grid-gap:8px;
		}
		.wpcf7 input[type="text"],
		.wpcf7 input[type="email"],
		.wpcf7 input[type="select"],
		.wpcf7 input[type='submit'],
		.wpcf7 label.select,
		.wpcf7 textarea,
		/* nl-subscription-styles */
		form.es_subscription_form [type="text"],
		form.es_subscription_form [type="email"],
		form.es_subscription_form [type='submit'],
		/* privacy-schieberegler */
		div.wpcf7 label.privacy div,
		div.wpcf7 label.privacy div a {
				/*font-size:14px;*/
		}
		.wpcf7 input[type="submit"],
		form.es_subscription_form [type='submit'] {
				font-weight:600;
				padding:12px 20px;
				/*letter-spacing:.8px;
				font-size:16px;*/
		}
		.wpcf7 form .wpcf7-response-output {
				font-size:16px;				
				line-height:normal;
				padding:10px;
		}
}

/* ============================
   > PAGE-TEMPLATE
   ================== */

.stdpage h1 {
		margin-bottom:38px;
		font-size:48px;
}
.stdpage .wrap {
		margin-bottom:68px;
}
.stdpage .wrap h3 {
		font-size:28px;
		margin:28px 0 12px;
		font-weight:500;
}
.stdpage .wrap a {
		text-decoration:underline;
		color:#ebb200;
}
.stdpage .wrap a,
.stdpage .wrap {
		line-height:normal;
		font-size:18px;
}
.stdpage .wrap a:hover {
		text-decoration:none;
}
.stdpage .wrap p {
		margin-bottom:18px;
}
.stdpage .wrap strong {
		font-weight:600;
}
/* aufzählungen */
div.wrap ul.liste {
		list-style:none;
}
div.wrap ul.liste li {
		background:url('images/ico-li.webp') no-repeat 0px 8px;
		line-height:24px; margin:8px 0; padding-left:20px;
}
/* download-link */
body.page-downloads .stdpage .wrap a {
		font-size:22px; font-weight:500;
}
/* pwd-button */
.post-password-form input[type="password"] {
		max-width:250px;
}
.post-password-form input[type="submit"] {
		padding:14px 28px;
		margin-left:6px;
}
.post-password-form input {
		margin-top:12px;
}
.post-password-form label {
		display:none;
}

/* media-queries */
@media screen and (max-width: 720px) {
		.stdpage h1 {
				margin-bottom:28px;
		}
		.stdpage .wrap h3 {
				font-size:24px;
		}
		body.page-downloads .stdpage .wrap a {
				font-size:20px;
		}
}
@media screen and (max-width: 480px) {
		.stdpage h1 {
				margin-bottom:18px;
		}
		.stdpage .wrap h3 {
				font-weight:600;
				font-size:20px;
		}
		.post-password-form input[type="password"] {
				padding:7px 0 7px 12px;
		}
		.post-password-form input[type="submit"] {
				font-size:18px;
				padding:10px 28px;
				margin-left:0;
		}
		body.page-downloads .stdpage .wrap a {
				font-size:18px;
		}
}
@media screen and (max-width: 360px) {
		.stdpage h1 {
				font-size:28px;
		}
}

/* ============================
   > FOOTER
   ================== */

div#footer {
		background:#383837;
}
div#footer a:hover {
		color:#919191 !important;
}

/* footer-header */
div#footer .fheader {
		height:100px; align-items:center;
		border-bottom:1px solid #5a5a59;
}
div#footer .fheader a,
div#footer .fheader p {
		letter-spacing:.8px;
		font-size:16px; color:#fff;
		font-weight:400;
}
div#footer .fheader p {
		flex:1;
}
div#footer .fheader:before {
		display:block; width:128px; height:30px;
		background:url('images/unicontrol.svg') no-repeat center;
		background-size:contain; content:'';
		margin:32px 68px 32px 0;
}

/* mail-u-tel-icons */
div#footer .getintouch {
		display:inline-flex;
}
div#footer .getintouch a {
		display:block; width:50px; height:50px;
		background:url('images/ico-mail-tel.png') no-repeat left;
		transition:none; text-decoration:none;
}
div#footer .getintouch .mail { background-position:top left; }
div#footer .getintouch .tel {	background-position:bottom left; }
div#footer .getintouch .mail:hover { background-position:top right; }
div#footer .getintouch .tel:hover {	background-position:bottom right; }

/* footer-grid */
div#footer .grid {
		display:grid; grid-gap:45px;
		grid-template-columns:repeat(3, 1fr);
		padding:80px 0;
}
div#footer .grid .item {
		opacity:1;
}
div#footer .grid .item strong {
		display:block; margin-bottom:20px;
		font-weight:600; color:#ffc200;
		text-transform:uppercase;
		letter-spacing:.8px;
}
div#footer .grid a {
		font-size:16px; color:#fff;
		display:block; padding:2px 0;
		float:left; clear:left;
		letter-spacing:.8px;
		cursor:pointer;
}

/* social-media-icons */
div#footer .social strong {
		margin-left:14px;
}
div#footer .social div {
		display:inline-flex;
}
div#footer .social a {
		display:block; width:32px; height:32px;
		background:url('images/larcher-social-media.webp') no-repeat;
		text-decoration:none; padding:0; margin:0 4px;
}
div#footer .social a.fb { background-position:left; }
div#footer .social a.ig { background-position:center; }
div#footer .social a.yt { background-position:right; }
div#footer .social a:hover {
		opacity:.4;
}

/* footer-copyright */
div#footer .copyright {
		justify-content:center;
		align-items:center; height:68px;
		background:#353534;
}
div#footer .copyright p {
		margin-right:25px;
}
div#footer .copyright span:before {
		content:'-';
}
div#footer .copyright,
div#footer .copyright a {
		font-size:15px; font-weight:400;
		letter-spacing:.8px;
}
div#footer .copyright a {
		color:#fff; position:relative;
		margin:0 25px 0 30px;
}
div#footer .copyright a:before {
		content:'•'; left:-30px;
		position:absolute;
}
div#footer .copyright a:hover:before {
		color:#fff;
}

/* media-queries */
@media screen and (max-width: 980px) {
		div#footer .grid {
				grid-gap:28px; padding:48px 0;
				/*grid-template-columns:repeat(3, 1fr);*/
		}
		div#footer .grid .item {
				justify-self:center;
				text-align:center;
		}
		div#footer .grid a {
				float:none; clear:none;
		}
		div#footer .copyright {
				flex-wrap:wrap;
				padding:18px 0 8px;
				height:auto;
		}
		div#footer .copyright p {
				text-align:center; margin:0;
				display:block; width:100%;
		}
		div#footer .copyright a:first-of-type:before {
				display:none;
		}
}
@media screen and (max-width: 720px) {
		div#footer .grid {
				grid-template-columns:repeat(2, 1fr);
				grid-gap:18px;
		}
		div#footer .grid .item:last-of-type {
				grid-column:1 / -1;
		}
		div#footer .social strong {
				margin-left:0;
		}
}
@media screen and (max-width: 480px) {
		div#footer .grid {
				padding:28px 0 12px;
				display:block;
		}
		div#footer .grid a {
				padding:0;
		}
		div#footer .grid .item .adress {
				line-height:180%;
		}
		div#footer .grid .item div {
				transition:all 0.3s ease-out;
				overflow:hidden; margin:4px 0 8px;
				opacity:0; max-height:0;
		}
		div#footer .grid .item .show {
    		transition:all 0.4s ease-in;
				max-height:500px; opacity:1;
		}
		div#footer .grid .item strong {
				margin-bottom:0;
				cursor:pointer;
		}
		div#footer .social div {
				display:block;
		}
		div#footer .social div a {
				display:inline-block;
		}
		div#footer .fheader {
				display:block; height:auto;
				padding:22px 0 12px;
				text-align:center;
		}
		div#footer .fheader:before {
				width:100%; margin:0 0 18px;
				background-position:center;
		}
		div#footer .fheader a {
				display:block;
		}
		div#footer .getintouch {
				margin-top:12px;
		}
		div#footer .copyright {
				padding:18px 10%;
		}
		div#footer .copyright span:before {
				display:block; content:'';
		}
		div#footer .copyright p,
		div#footer .copyright a {
				line-height:normal;
		}
		div#footer .copyright a {
				margin:0 10px;
		}
		div#footer .copyright a:before {
				left:-12px;
		}
		div#footer .copyright a:last-of-type:before {
				display:none;
		}
}

/* ============================
   > POPUP-STYLES
   ================== */



/* ============================
   > FANCYBOX
   ================== */

.popup {
		display:none;
}
.fancybox-active {
  	height:100% !important;
}
.fancybox-progress {
		background:#ffc200;
}

/* media-queries */


/* ============================
   > VIDEO-EMBED
   ================== */

.video-holder {
		/*margin:28px auto 68px;*/
		position:relative;
		display:inline-block;
		padding-bottom:60%;
		width:100%;
}
.video-holder iframe {
		height:100% !important;
		width:100% !important;
		position:absolute;
		top:0; left:0;
}

/* ============================
   > BACKTOP
   ================== */

a.backtop {
		position:fixed; cursor:pointer; z-index:8;
		bottom:10px; right:10px; width:60px; height:50px;
		background:#ffc200 url('images/backtop.webp') no-repeat center;
}
a.backtop:hover { opacity:.9; }