/*
Theme Name: Themify-Ultra Designalltag
Description: Child theme for Ultra
Author: Robin Busch
Template: themify-ultra 
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
/*

/* write custom css */
/*----------------------------------------------
Inhaltsverzeichnis

1 – Fonts
2 – Body / Main (Default)
3 – Header
4 – Footer
5 – Headings (H1-H6)
6 – Paddings / Margins
7 – Classes / ID's
8 – Misc / Modules

-----------------------------------------------*/


/* 
================================================
1 – FONTS (@font)
================================================ 
*/

/*Corporate S Regular*/
@font-face{
font-family:"Corporate S W01 Regular1487088";
src:url("/wp-content/fonts/1487088/f79e96c9-2979-42fb-a3e8-b336b73cd1aa.eot?#iefix");
src:url("/wp-content/fonts/1487088/f79e96c9-2979-42fb-a3e8-b336b73cd1aa.eot?#iefix") format("eot"),url("/wp-content/fonts/1487088/ca23dca4-640b-45ca-9503-c2331db89517.woff2") format("woff2"),url("/wp-content/fonts/1487088/d9b02372-4db7-4c79-88eb-07bd2084dfbc.woff") format("woff"),url("/wp-content/fonts/1487088/868bf158-9d1b-4fd6-835f-8e5c7a4e0587.ttf") format("truetype");
}

/*Corporate S Medium*/
@font-face{
font-family:"Corporate S W01 Medium1487103";
src:url("/wp-content/fonts/1487103/4d5cbfb6-dbc1-420a-b4ea-0dc49395b681.eot?#iefix");
src:url("/wp-content/fonts/1487103/4d5cbfb6-dbc1-420a-b4ea-0dc49395b681.eot?#iefix") format("eot"),url("/wp-content/fonts/1487103/6c56140e-d632-423c-ac3a-f92d31af4a66.woff2") format("woff2"),url("/wp-content/fonts/1487103/d8a826cb-944a-4f7e-b374-5585aac0f7f5.woff") format("woff"),url("/wp-content/fonts/1487103/2f2b3459-2783-4bee-b8b5-5580f159ada8.ttf") format("truetype");
}

/*Corporate S Demi*/
@font-face{
font-family:"Corporate S W01 Demi1487117";
src:url("/wp-content/fonts/1487117/87d7ac4a-5d6b-4b7f-ba81-ea1d416a5264.eot?#iefix");
src:url("/wp-content/fonts/1487117/87d7ac4a-5d6b-4b7f-ba81-ea1d416a5264.eot?#iefix") format("eot"),url("/wp-content/fonts/1487117/4c551aff-18bb-4621-ac3d-990527d915b0.woff2") format("woff2"),url("/wp-content/fonts/1487117/0e27a8b3-f3b6-4504-b533-c877f8ad375f.woff") format("woff"),url("/wp-content/fonts/1487117/3779e721-17bb-41ad-9c90-42f171694b02.ttf") format("truetype");
}

/*Corporate S Light*/
@font-face{
        font-family:"Corporate S W01 Light";
        src:url("/wp-content/fonts/885764/a4e15547-0e81-415e-9386-22cefb0e0c38.eot?#iefix");
        src:url("/wp-content/fonts/885764/a4e15547-0e81-415e-9386-22cefb0e0c38.eot?#iefix") format("eot"),url("/wp-content/fonts/885764/23edaca0-5dd1-40fc-aeb2-db31ee5239d4.woff2") format("woff2"),url("/wp-content/fonts/885764/1c7e8feb-d184-494e-8619-777ea84813c4.woff") format("woff"),url("/wp-content/fonts/885764/6e9cfebc-c1d5-4d9e-8604-3f410db68ced.ttf") format("truetype");
    }

/*Corporate S Extrabold*/
@font-face{
        font-family:"CorporateSW01-Extrabold_885809";
        src:url("/wp-content/fonts/885809/8980326f-3f59-45a5-a8c5-0bfab43c785e.eot?#iefix");
        src:url("/wp-content/fonts/885809/8980326f-3f59-45a5-a8c5-0bfab43c785e.eot?#iefix") format("eot"),url("/wp-content/fonts/885809/6a9e372a-d47f-4371-8d2e-f33fd6e5da88.woff2") format("woff2"),url("/wp-content/fonts/885809/502b2f11-ced2-400a-9735-bd9fd7759b75.woff") format("woff"),url("/wp-content/fonts/885809/49309d6e-71c0-4196-aa65-1d5c0e7b130a.ttf") format("truetype");
    }


/*This CSS resource incorporates links to font software which is the valuable copyrighted property of Monotype and/or its suppliers. You may not attempt to copy, install, redistribute, convert, modify or reverse engineer this font software. Please contact Monotype with any questions regarding Web Fonts: http://www.fontshop.com */

/*=========================================================================
2 – BODY | MAIN
=========================================================================*/

/*Entfernt oberen Abstand (Layout / Body)*/
#content, 
.single.single-fullwidth-layout #content {
	padding: 0;
	margin-bottom: 0;
}

/*Stellt oberen Abstand wieder auf Default solange Seite bearbeitet wird*/
.themify_builder_active #content, 
.themify_builder_active.single.single-fullwidth-layout #content {
	padding-top: 5.75%;
}

#content .post {
	margin-bottom: 0;
}

/*Globale Seitenbreite (Default)*/
.pagewidth, 
.themify_builder_row .row_inner {
	width: auto!Important;
	max-width: 100%;
	margin: 0 auto;
	margin-left: 3vw;
	margin-right: 3vw;
}

/*Seitenbreite Default bei Fullwidth Row Inner*/
.full_width 
.themify_builder_row .row_inner {
	width: 94vw;
}

.full_width #layout {	
	margin-left: 0;
	margin-right: 0;
	width: 100%;
}

/*Entfernt Abstand von Oben für Content*/
#pagewrap, 
.hfeed {
	padding-top: 0!Important;
}

/*Globale Schrifthandhabung*/
* {
	font-family:"Corporate S W01 Light";
	font-style:normal;
	font-weight: normal;
	
	-ms-text-size-adjust:100%;
	-webkit-text-size-adjust:100%;
	-webkit-font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
	-moz-osx-font-smoothing:grayscale;
	
	-moz-hyphens: auto;
	-o-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto; 
}

/*Body*/
body {
	background-color: #000;
	color: #f0f0f0;
}


/*========== Links ==========*/

/*Links Default*/
a {
	font-family:"Corporate S W01 Medium1487103";
 	color:white;
	text-decoration:none!important;
	cursor: pointer!Important;
}

a:hover {
	color:#b7b7b7;

}

/*Links mit der Class="active" werden bold hervorgehoben*/
a.active {
	font-family:"CorporateSW01-Extrabold_885809";
	color: white;
}

/*entfernt outline bei angeklickten Links*/
a:focus {
	outline: none!Important;
    outline-color: initial!Important;
    outline-style: none!Important;
    outline-width: 0px!Important;
}

/*User Text-Selection*/
::selection {
	background: #cccccc5c;
}

::-moz-selection {
	background: #cccccc5c;
}

/*========== Listen / Auflistungen ==========*/
ul, ol {
	margin: 0;
	padding: 0;
	margin-left: 1em;
}

ul {
	list-style: circle;
}

/*--------------------------------------*/
@media screen and (max-width: 1024px) {
/*--------------------------------------*/


	/*Globale Seitenbreite (Default)*/
	.pagewidth, 
	.full_width .themify_builder_row .row_inner {
		margin-left: 5vw;
		margin-right: 5vw;
	}
	
	/*Seitenbreite Default bei Fullwidth Row Inner*/
	.full_width .themify_builder_row .row_inner {
		width: 90vw;
	}
	
	body:not(.mobile_menu_active) #headerwrap .header-icons {
		right: 5vw
	}
	

}/*========================================================================
3.1 – HEADER (Navigation)
=========================================================================*/

#header {
	padding-bottom: 0;
	padding-top: 2vw;
}

#headerwrap.fixed-header #header {
	padding-bottom: 0;
	padding-top: 2vw;
}


#headerwrap {
	background-color: transparent;
    position: fixed;
	border-bottom: none;
	top: 0;
}

#headerwrap.fixed-header {
	background-color: transparent;
}

#headerwrap.fixed-header #site-logo {
	margin: 0;
}

#site-logo {
	margin: 0;
	padding-left: 2px;
}

#site-logo a {
	color: white;
}

#site-logo img, 
.fixed-header #headerwrap #site-logo img {
	width: 250px;
	height: auto;
}

#menu-icon, .menu-icon-inner {
	color: white;
	width: 30px;
	height: 25px;
}

#headerwrap.fixed-header #site-logo img:not(#sticky_header_logo) {
	height: auto;
}


body:not(.mobile_menu_active) #headerwrap .header-icons {
	right: 3vw!Important;
	top: 2vw!Important;
	-webkit-transform: translateY(0)!Important;
	transform: translateY(0)!Important;
}


/*Hide Header while scrolling (additional JS needed: "header on scroll animation")*/
.nav-up {
		/*-webkit-transform: translateY(-100px);
    	transform: translateY(-100px);*/
		top: -100px!Important;
}


body:not(.mobile_menu_active).sidemenu-active #headerwrap, 
#headerwrap.fixed-header, 
.mobile_menu_active.sidemenu-active #headerwrap 
{
		transition: all .75s cubic-bezier(.19,1,.22,1);
		-webkit-transition: all .75s cubic-bezier(.19,1,.22,1);
}

#site-description {
	display: none;
}

/*--------------------------------------*/
@media screen and (max-width: 1024px) {
/*--------------------------------------*/

	.mobile_menu_active #header {
		padding-top: 2.5vw;
		
	}
	
	.mobile_menu_active #headerwrap.fixed-header #header {
		height: auto;
		padding-top: 2.5vw;
	}
	
	.mobile_menu_active #site-logo {
		margin: 0;
		padding-left: 3px;
	}
	

}/*--------------------------------------*/
@media screen and (max-width: 680px) {
/*--------------------------------------*/


	#site-logo img, 
	.fixed-header #headerwrap #site-logo img {
		width: 200px;
		height: auto;
		max-height: 40px!Important;
		margin-top: 8px!Important;
	}
	
	#headerwrap.fixed-header #site-logo img:not(#sticky_header_logo) {
		height: auto;
		width: 200px;
	}

}/*-------------------------------------
3.2 – SIDEMENU (Hamburger)
--------------------------------------*/

body:not(.mobile_menu_active).sidemenu-right, 
body:not(.mobile_menu_active).sidemenu-right #headerwrap.fixed-header {
	left: 0;
}

body:not(.mobile_menu_active) .sidemenu {
	width: 50%;
	background-color: #181818;
	padding: 6vw 3vw;
	
	transition: all .75s cubic-bezier(.19,1,.22,1);
    transition-property: all;
    transition-duration: 0.75s;
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    transition-delay: initial;
}

body:not(.mobile_menu_active) #mobile-menu {
	right: -50%;
}

/* Desktop: wenn das Sidemenu aktiv ist, ins Bild fahren */
body:not(.mobile_menu_active) #mobile-menu.sidemenu-on {
    right: 0;
}

body:not(.mobile_menu_active) #headerwrap #menu-icon-close {	
	font-size: 30px;
	color: #b7b7b7b7;
	top: 2vw;
	right: 3vw;
}

body:not(.mobile_menu_active) #headerwrap #menu-icon-close:hover {	
	color: white;
}

#headerwrap #main-nav a, 
#headerwrap #main-nav ul a {
	font-family:"CorporateSW01-Extrabold_885809";
	font-size: 7.5vh;
	line-height: 8.5vh;
	letter-spacing: .05vw;
	text-align: right;
	font-weight: normal;
	margin: 0;
	padding: 0;
	border: 0;
	
	color: #b7b7b7;

}

#headerwrap #main-nav a:hover, 
#headerwrap #main-nav ul a:hover {
	color: white;
}

#headerwrap #main-nav .current_page_item>a, 
#headerwrap #main-nav .current-menu-item>a {
	color: white;
}

.header-widget {
	display: block!Important;
	text-align: right;
	float: right;
	bottom: 4vw;
    right: 3vw;
    position: absolute;
	height: auto;
}

.header-widget .widget {
	padding: 0;
	margin: 0;
}

.header-widget a {
	color: #b7b7b7;
}

.header-widget a:hover {
	color: white;
}


/*stellt sicher dass Scrollbar sichtbar ist*/
body.mobile-menu-visible {
	overflow-y: visible;
}

.navbar-wrapper {
	display: grid;
}

/*--------------------------------------
3.3 – TABLET MENU
--------------------------------------*/
@media screen and (max-width: 1024px) {
/*--------------------------------------*/
	
	.mobile_menu_active #mobile-menu.sidemenu-on {
		right: 0;
	}
	
	body:not(.header-overlay):not(.header-minbar):not(.header-leftpane):not(.header-rightpane).mobile-menu-visible.mobile_menu_active.sidemenu-right, 
	body:not(.header-overlay):not(.header-minbar):not(.header-leftpane):not(.header-rightpane).mobile-menu-visible.mobile_menu_active.sidemenu-right #headerwrap.fixed-header {
		left: 0;
	}
	
	.mobile_menu_active .sidemenu {
		width: 100%;
		background-color: #181818;
		padding-top: 15vw;
		padding-bottom: 5vw;
		padding-left: 5vw;
		padding-right: 5vw;

	}
		
	.mobile_menu_active #mobile-menu {
		right: -100%;
		
		transition: all .75s cubic-bezier(.19,1,.22,1);
    	transition-property: all;
    	transition-duration: 0.75s;
    	transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    	transition-delay: initial;
	}
	
	.mobile_menu_active #headerwrap #main-nav a, 
	.mobile_menu_active #headerwrap #main-nav ul a {
		text-align: right;
		font-size: 8.5vw;
		line-height: 11vw;
		font-weight: normal;
		margin: 0;
		padding: 0;
		border: 0;
		color: #b7b7b7;

	}
	
	.mobile_menu_active #headerwrap #main-nav a:hover, 
	.mobile_menu_active #headerwrap #main-nav ul a:hover {
		color: white;
	}

	#headerwrap #main-nav .current_page_item>a, 
	#headerwrap #main-nav .current-menu-item>a {
		color: white;
	}
	
	.mobile_menu_active #menu-icon-close {
		font-size: 35px;
		color: white;
		right: 5vw;
		top: 5vw;
		
	}
	
	.mobile_menu_active .header-widget {
		position: static;
		display: inline-block!Important;
		float: right;
		text-align: right;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin-top: 15vw;
	}
	
	.mobile_menu_active .header-icons {
		right: 5vw;
	}

}/*--------------------------------------
3.4 – MOBILE MENU
--------------------------------------*/
@media screen and (max-width: 680px) {
/*--------------------------------------*/
		
	.mobile_menu_active #headerwrap #main-nav a, 
	.mobile_menu_active #headerwrap #main-nav ul a {
		text-align: right;
		font-size: 50px;
		line-height: 60px;
		font-weight: normal;
		margin: 0;
		padding: 0;
		border: 0;
		color: #b7b7b7;
		
	}
	
	.fixed-header #headerwrap #site-logo img {
		max-height: 30px;
		margin-top: 5px;
	}

	
}/*--------------------------------------
3.4.2 – MOBILE MENU SMALL
--------------------------------------*/
@media screen and (max-width: 480px) {
/*--------------------------------------*/
		
	.mobile_menu_active #headerwrap #main-nav a, 
	.mobile_menu_active #headerwrap #main-nav ul a {
		text-align: right;
		font-size: 40px;
		line-height: 48px;
		
	}
	
}/*=======================================================================
4 - FOOTER
=========================================================================*/

#footerwrap {  
	text-align: left;
 	border-top: none;
 	background-color: #f0f0f0;
	padding-top: 3vw;
	padding-bottom: 3vw;
}

#footer h5, #footer h6 {
	color: black;
}

#footer a {
	font-family:"Corporate S W01 Medium1487103";
	color: black;
	text-decoration: none;
}

#footer a:hover {
  color: #414141;
}

.footer-text {
	padding: 0;
	padding-top: 3vw;
}
	

/*=====================================================*/
@media screen and (max-width: 1024px) {
	
	#footerwrap {
		padding-top: 5vw;
		padding-bottom: 5vw;
	}
	
}/*========================================================================
5 – HEADINGS
=========================================================================*/

/*Allgemeine Handhabung*/
h1,h2,h3,h4,h5,h6,p {
	color: #f0f0f0;
	margin: 0;
	letter-spacing: 0;
	font-style:normal;
	font-weight: normal;
}

/*======= Lauftext / Absatz =======*/
p, body {
	font-family:"Corporate S W01 Light";			/*Schriftfamilie*/
	font-size: 1.25vw;								/*Schriftgrösse*/
	line-height: 1.65vw;								/*Zeilenabstand*/
	letter-spacing: .01vw;							/*Laufweite*/
	
	color: #f0f0f0;									/*Farbe*/

	font-style: normal;								/*Stil*/
	font-weight: normal;							/*Schriftschnitt*/
	text-transform: none;							/*Buchstabenart*/
	}

/*======= H1 – Haupttitel =======*/
h1 {
	font-family:"CorporateSW01-Extrabold_885809";	/*Schriftfamilie*/
	font-size: 3.5vw;								/*Schriftgrösse*/
	line-height: 4.25vw;							/*Zeilenabstand*/
	letter-spacing: .025vw;							/*Laufweite*/
	
	color: #fff;									/*Farbe*/
	
	font-style: normal;								/*Stil*/
	font-weight: normal;							/*Schriftschnitt*/
	text-transform: none;							/*Buchstabenart*/
}

/*======= H2 – Untertitel =======*/
h2 {
	font-family:"Corporate S W01 Light";
	font-size: 3.5vw;
	line-height: 4.25vw;
	letter-spacing: .02vw;
	
	color: #fff;
	
	font-style: normal;
	font-weight: normal;
	text-transform: none;
	
	-moz-hyphens: auto;
	-o-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto; 
}

/*======= H3 Rubriktitel (unbenutzt) =======*/
h3 {
	font-family:"CorporateSW01-Extrabold_885809";
	font-size: 2vw;
	line-height: 2.75vw;
	letter-spacing: .02vw;
	
	color:#FFF;
	
	font-style: normal;
	font-weight: normal;
	text-transform: none;
	padding-bottom: .75vw;
}

/*======= H4 Text mittelgross =======*/
h4 {
	font-family:"Corporate S W01 Light";
	font-size: 2vw;
	line-height: 2.75vw;
	letter-spacing: .015vw;
	
	color: #f0f0f0;
	
	font-style: normal;
	font-weight: normal;
	text-transform: none;
}

/*======= H5 Untertitel / Auflistungen =======*/
h5, .counter-text {
	font-family:"CorporateSW01-Extrabold_885809";
	font-size: 1.25vw;
	line-height: 1.75vw;
	letter-spacing: .015vw;
	
	color: #FFF;
	
	font-style: normal;
	font-weight: normal;
	text-transform: none;
	padding-bottom: .25vw;
}

/*======= H6 Footer / Lauftext =======*/
h6 {
	font-family:"Corporate S W01 Light";
	font-size: 1vw;
	line-height: 1.5vw;
	letter-spacing: .01vw;
	
	color: #f0f0f0;
	
	font-style: normal;
	font-weight: normal;
	text-transform: none;
}

/*========= Strong (Fett) ===========*/

h2 strong, 
h4 strong, 
h6 strong, 
p strong {
	font-family:"CorporateSW01-Extrabold_885809";
}

/*===================Ultrabook / Laptop =====================*/
@media screen and (max-width: 1680px) {
/*=====================================================================.*/
 
	p, body {
		font-size: 1.5vw;
		line-height: 2vw;
		letter-spacing: .01vw;
	}
	
	h1 {
		font-size: 5vw;
		line-height: 6vw;
		letter-spacing: .03vw;
		padding-bottom: 0;
	}
	
	h2 {
		font-size: 5vw;
		line-height: 6vw;
		letter-spacing: .025vw;
	}
 
	h3 {
		font-size: 2.5vw;
		line-height: 3.45vw;
		letter-spacing: .025vw;
		padding-bottom: 1vw;
	}
  
	h4 {
		font-size: 2.5vw;
		line-height: 3.45vw;
		letter-spacing: .02vw;
	}
	
	h5, .counter-text {
		font-size: 1.5vw;
		line-height: 2vw;
		letter-spacing: .015vw;
		padding-bottom: .75vw;
	}
	
	h6 {
    	font-size: 1.5vw;
    	line-height: 2vw;
		letter-spacing: .01vw;
	}

	/*Kontaktformular Text*/
	.control-label {
    	font-size:1vw!important;
    	line-height:2px!important;
	}

    
/*=====================================================================.*/
}
/*========================iPad / Tablet=============================*/
@media screen and (max-width: 1280px) {
	
	p, body {
		font-size: 25px;
		line-height: 30px;
		letter-spacing: 0;
	}
	
	h1 {
		font-size: 50px;
		line-height: 60px;
		letter-spacing: .5px;
		padding-bottom: 0;
	}
	
	h2 {
		font-size: 50px;
		line-height: 60px;
		letter-spacing: .2px;
	}
	
	h3 {
		font-size: 35px;
		line-height: 42px;
		letter-spacing: .3px;
		padding-bottom: 15px;
	}
	
	h4 {
		font-size: 35px;
		line-height: 42px;
		letter-spacing: .1px;
	}
	
	h5, .counter-text {
		font-size: 25px;
		line-height: 30px;
		letter-spacing: .1px;
		padding-bottom: 10px;
	}
	
	h6 {
		font-size: 25px;
		line-height: 30px;
		letter-spacing: 0;
	}


}/*======================== HD-MOBILE =============================*/
@media screen and (max-width: 680px) {
/*=====================================================================.*/
   
	p, body {
		font-size:20px;
		line-height:24px;
		letter-spacing:0;
	}
	
	h1 {
		font-size:40px;
		line-height:48px;
		padding-bottom:0;
	}
	
	h2 {
    	font-size:40px;
    	line-height:48px;
	}
	
	h3 {
		font-size:25px;
		line-height:30px;
		letter-spacing:0;
		padding-bottom: 10px;
	}
	
	h4 {
		font-size:25px;
		line-height:30px;
	}
	
	h5, .counter-text {
		font-size:20px;
		line-height:24px;
		letter-spacing:0;
		padding-bottom: 5px;
	} 
	
	h6 {
		font-size:20px;
		line-height:24px;
	}
  
	
	
  /*Kontaktformular Text*/
  .control-label
  {
    font-size:18px!important;
    line-height:25px!important;
  }
  
  .know_how_text
  {
    font-size:30px;
    line-height:36px;
  }
  
  .footer-widgets span
  {
    letter-spacing:.75vw;
  }
    
	
}/*========================== SD-MOBILE ===============================*/
@media screen and (max-width: 460px) {
/*=====================================================================.*/
   
	p, body {
		font-size:18px;
		line-height:22px;
		letter-spacing:0;
	}
	
	h1 {
		font-size:30px;
		line-height:36px;
	}
	
	h2 {
    	font-size:30px;
    	line-height:36px;
	}
	
	h3 {
		font-size:24px;
		line-height:29px;
		letter-spacing:0;
	}
	
	h4 {
		font-size:24px;
		line-height:29px;
	}
	
	h5, .counter-text {
		font-size:18px;
		line-height:22px;
		letter-spacing:0;
	} 
	
	h6 {
		font-size:18px;
		line-height:22px;
	}
  
	
}/*=========================================================================
6 – PADDINGS / MARGINS (DEFAULT)
=========================================================================*/
	
/*Innenabstand für Überschriften*/
h1, h3, h5 {
	/*padding-bottom: 0;*/		/*Kein zusätzlicher Abstand*/
}

/*Innenabstand für Lauftexte*/
h2, h4, p {
	padding-bottom: 1.5vw;		/*Abstand danach innerhalb eines Textes*/
}

/*Innenabstand für jeweils letztes Element (Nur Lauftexte)*/
p:last-child, 
h2:last-child, 
h4:last-child {
	padding-bottom: 3vw;

}

/*======================== iPad / Tablet / Mobile =============================*/
@media screen and (max-width: 1280px) {

	
	/*Innenabstand für Lauftexte*/
	h2, h4, p {
		padding-bottom: 2.5vw;		/*Abstand danach innerhalb eines Textes*/
	}

	/*Innenabstand für jeweils letztes Element (Nur Lauftexte)*/
	p:last-child, 
	h2:last-child, 
	h4:last-child {
		padding-bottom: 5vw;
	}
	

}/* =========================================================================
7 – CLASSES
============================================================================

/*Setzt über und unter einem Element einen Innenabstand ein.*/
.setpadding {
  padding-bottom:5vw;
  padding-top:5vw;
}

/*Setzt über einem Element einen Innenabstand ein.*/
.setpaddingtop {
	padding-top:5vw;
}

/*Setzt unter einem Element einen Innenabstand ein.*/
.setpaddingbottom {
	padding-bottom:5vw;
}

/*Abstand von Oben für den ersten Container im Layout (damit Inhalt nicht hinter Header ist)*/
.setpadding-firstrow {
 	padding-top: 9vw;
	margin-top: 0;
}

/*Setzt über und unter einem Element einen Aussenabstand ein.*/
.setmargin {
  padding-bottom:5vw;
  padding-top:5vw;
}

/*Setzt über einem Element einen Aussenabstand ein.*/
.setmargintop {
	padding-top:5vw;
}

/*Setzt unter einem Element einen Aussenabstand ein.*/
.setmarginbottom {
	padding-bottom:5vw;
}

/*stellt Bei Objekt Abstände (links und rechts) ein wie default.*/
.setwidth {
	padding-left: 3vw;
	padding-right: 3vw;
}

/*Boxen im Spaltenraster*/
.setbox {
  min-height:30vw;
  width:100%;
  display:block;
  padding-left:3vw;
  padding-right:3vw;
  padding-top:3vw;
  padding-bottom:3vw;
}

/*Zwingt die Textauswahl durch user dazu, den kompletten text auf einmal auszuwählen*/
.force-user-selection {
	-webkit-user-select: all;
    -moz-user-select: all;
    -ms-user-select: all;
    user-select: all;
	cursor: copy;
}

/*Keine Silbentrennung*/
.force-no-hyphens * {
	-moz-hyphens: none;
	-o-hyphens: none;
	-webkit-hyphens: none;
	-ms-hyphens: none;
	hyphens: none; 
}

/*Weisser Hintergrund + Schwarzer Text*/
.force-invert-colors {
	background-color: #f0f0f0!Important;
	color: black!Important;
}

.force-invert-colors h1, 
.force-invert-colors h2, 
.force-invert-colors h3, 
.force-invert-colors h4, 
.force-invert-colors h5, 
.force-invert-colors h6, 
.force-invert-colors p {
	color: black!Important;
}

/* mittet Text vertikal ein (innherhalb von Box)*/
.boxverticalalign {
	min-height: 25vw;
    height: 50%;
	width:100%;
    max-height: 30vw;
	background-color: #242424;
	display:table;
	padding-left:3vw;
	padding-right:3vw;
	padding-top:3vw;
	padding-bottom:3vw;
}

.boxverticalalign h1, 
.boxverticalalign h2, 
.boxverticalalign h3, 
.boxverticalalign h4, 
.boxverticalalign h5, 
.boxverticalalign h6 {
	display: table-cell;
	vertical-align: middle;
	padding: 0;
}

/*Zitate*/
.quote h1, 
.quote h2, 
.quote h3, 
.quote h4 {
    padding: 0;
    margin: 1vw 3vw 3vw;
	
	-moz-hyphens: none;	/*keine Silbentrennung*/
	-o-hyphens: none;
	-webkit-hyphens: none;
	-ms-hyphens: none;
	hyphens: none; 
}

/*Einzug bei Zitaten*/
.quote h1, 
.quote h3 {
	text-indent: -.575em;	/*Einzung von links*/
}

.quote h2, 
.quote h4 {
	text-indent: -.35em;	/*Einzung von links*/
}

/*--------------------------------------*/

/*Auflistung aller Classes*/
.classes-list {
	border-top: 1px solid white;
	margin-top: 25px;
	margin-bottom: 25px;
}

/*Fakten bei Portrait*/
.portrait_facts
{
  font-size:10vw;
  line-height:12vw;
  margin-left:-.75vw;
}

/* Abstand knowhowbox */
.knowhowbox {
	padding-top: 5vw; 
	padding-bottom: 5vw;
}

/*Auflistung Kompetenzen Home*/
.kompetenzen p {
	padding-bottom: .75vw;
}

.kompetenzen {
	padding-bottom: 5vw;
}


/*------------------ Knowhowbox --------------------*/

.knowhowbox {
	padding-top: 5vw; 
	padding-bottom: 5vw;
	background-color: #242424;
}

.knowhowbox h4 {
	margin-bottom: 0;
	padding-bottom: 0;
}

.linkbox a {
	border: 2px solid #FFF;
	padding: 5px 25px 10px 25px;
	display: inline-block;
	vertical-align: middle;	
}

.linkbox a:hover {
	color: #242424;
	background-color:#FFF;
}

.knowhow-gallery, .knowhow-gallery img {
	cursor: default;
}

/*--------------------------------------*/
@media screen and (max-width: 1024px) {
/*--------------------------------------*/

	.setpadding {
  		padding-bottom: 10vw;
  		padding-top: 10vw;
	}

	.setpaddingtop {
		padding-top: 10vw;
	}


	.setpaddingbottom {
		padding-bottom: 10vw;
	}	
	
	.setpadding-firstrow {
		padding-top: 10vw;
	}
	
	/*Boxen im Spaltenraster*/
	.setbox {
		min-height:30vw;
		width:100%;
		display:block;
		padding-left:5vw;
		padding-right:5vw;
		padding-top:5vw;
		padding-bottom:5vw;
	}

	.setwidth {
		padding-left: 5vw;
		padding-right: 5vw;
	}

	
}/*--------------------------------------*/
@media screen and (max-width: 680px) {
/*--------------------------------------*/
	
	
	 .setbox {
		 height:auto;
		 width:auto;
		 padding-left:5vw;
		 padding-right:5vw;
		 padding-top:5vw;
		 padding-bottom:15vw;
		 margin-top:1px;
  }
		
	.setpadding {
  		padding-bottom: 25px;
  		padding-top: 25px;
	}

	.setpaddingtop {
		padding-top: 25px;
	}


	.setpaddingbottom {
		padding-bottom: 25px;
	}	
	
	.setpadding-firstrow {
		padding-top: 75px;
	}
	
	.quote h1, 
	.quote h2, 
	.quote h3, 
	.quote h4 {
    	margin: 2.5vw 0 7.5vw 10vw;
	}


}/*=====================================================================================
8 – MISC / Modules
====================================================================================== */

/*Module Title*/
.module-title {
	margin: 0;
	font-size: 1em;
}

/*----------------------------------------
Slider Pro
----------------------------------------*/

/*entfernt Abstand von unten bei allen Slidern*/
.module-slider, 
.module-pro-slider {
	margin-bottom: -1px;
}

/*stellt Slider-Pro auf die Proportionen des Browser-Fensters*/
.module-pro-slider .slider, 
.module-pro-slider .sp-mask, 
.module-pro-slider .sp-slide {
	height: 100vh!Important;
	width: 100%!Important;
}

/*Hintergrundbilder: Ausschnitt nehmen*/
.module-pro-slider .sp-slide {
	position: absolute;
	background-size: cover;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background: no-repeat center center ;

}

/*stellt Breite von Textfeldern (innerhalb Slider) ein*/
.module-pro-slider .bsp-slide-content-left .sp-slide-text, 
.module-pro-slider .bsp-slide-content-right .sp-slide-text {
	width: 90%!Important;
}

/*Overlay bei allen Pro-Slidern / Text wird von unten ausgerichtet*/
.module-pro-slider .bsp-layers-overlay {
	vertical-align: bottom!Important;
	background-color: rgba(0, 0, 0, 0.075);
	background-blend-mode: multiply;
	visibility: visible;
}

/*Entfernt Default-Abstand für Text (innerhalb von Slidern)*/
.module-pro-slider h1, 
.module-pro-slider h2 {
	margin-bottom: 0;
	padding-bottom: 0;
}

/*Innenabstand von Slidern*/
.module-pro-slider .sp-slide-wrap {
    padding: 3vw!Important;
    box-sizing: border-box;
	display: flex;
}

/*Aussenabstand für Pfeile*/
.module-pro-slider .sp-horizontal .sp-previous-arrow {
	left: 3vw!Important;
}

.module-pro-slider .sp-horizontal .sp-next-arrow {
	right: 3vw!Important;
}

/*Pfeilgrösse*/
.module-pro-slider .sp-arrow {
	font-size: 2em!Important;
}

/*Pfeildicke*/
.module-pro-slider .sp-arrow:after {
	border-width: 3px!important;
    border-top-color: inherit;
}

/*stellt Timer Bar global auf weiss*/
.module-pro-slider .bsp-timer-bar {
	background-color: white!Important;
}


/*--------- Slider bei Projekten (Slider Pro mit Class="projectslider") ----------*/

/*Blendet Pfeile auf Projektslidern aus*/
.projectslider .sp-arrow {
	visibility: hidden;
}

/*Parallax-Effekt auf Projektslidern*/
.projectslider .sp-slide {   
	background: no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.projectslider {
	pointer-events: none;
  	touch-action: pan-x;

}

/*--------- Slider bei Kompetenzen (Grösserer Text + Vertikal eingemittet) ----------*/

/*Spezielle gehandhabter Text in erstem Slide*/
.slider_kompetenzen .sp-slide-0 .bsp-layers-overlay {
	vertical-align: middle!Important;
	padding: 0 5vw;
	
}
/*Grosser Text bei erstem Slide*/
.slider_kompetenzen .sp-slide-0 .bsp-layers-overlay h2 {
	font-size: 5.5vw;
	line-height: 6.5vw;
}

/*--------- Neutrale Slider (kein Projektslider und kein Parallax-Slider) / Class=".slider-neutral"----------*/

/*Stellt neutralen Slider auf Seitenverhältnis von 16/9*/
.slider_neutral .slider, 
.slider_neutral .sp-mask, .slider_neutral .sp-slide {
	height: 56.25vw!Important; /*Rechnung: Breite: 16=100vw / Höhe: 9=56.25vw;*/
}

.slider_neutral .bsp-layers-overlay {
	background-color: transparent;
}

/*--------------------------------------*/
@media screen and (max-width: 1024px) {
/*--------------------------------------*/

	.module-pro-slider .sp-slide-wrap {
    	padding: 5vw!Important;
	}
	
	.sp-slide {   
		pointer-events: none;
		background: no-repeat center center ;
	}
	
	.module-pro-slider .sp-horizontal .sp-previous-arrow {
		left: 5vw!Important;
	}

	.module-pro-slider .sp-horizontal .sp-next-arrow {
		right: 5vw!Important;
	}
	
	/*deaktiviert Parallax-Effekt auf Projektslidern*/
	.projectslider .sp-slide {   
		background: no-repeat center center;
}

}/*--------------------------------------*/
@media screen and (max-width: 480px) {
/*--------------------------------------*/
	
	/*stellt Slider-Pro auf maximale Screenhöhe*/
	.module-pro-slider .slider, 
	.module-pro-slider .sp-mask, 
	.module-pro-slider .sp-slide {
		height: 50vh!Important;
	}
	
	.slider_neutral .slider, 
	.slider_neutral .sp-mask, 
	.slider_neutral .sp-slide {
	height: 56.25vw!Important; /*Rechnung: Breite: 16=100vw / Höhe: 9=56.25vw;*/
	}
	
	/*Spezielle gehandhabter Text in erstem Slide*/
	.slider_kompetenzen .sp-slide-0 .bsp-layers-overlay {
		vertical-align: middle!Important;
		padding: 0 6vw;
	
	}
	/*Grosser Text bei erstem Slide*/
	.slider_kompetenzen .sp-slide-0 .bsp-layers-overlay h2 {
		font-size: 30px;
		line-height: 35px;
	}

}/*---------------------------------------
CONTACT-FORM (Formulare)
----------------------------------------*/

.form-control, 
textarea, 
input[type=text], 
input[type=password], 
input[type=search], 
input[type=email], 
input[type=url], 
input[type=number], 
input[type=tel], 
input[type=date], 
input[type=datetime], 
input[type=datetime-local], 
input[type=month], 
input[type=time], 
input[type=week],
textarea
{	background-color:transparent;
	color:#f0f0f0;
	border:1px solid #b7b7b7;
	padding: .5vw;
	max-width:none;
	box-sizing:border-box;
	width:100%;
}
 
/*Submit Button*/
button, 
input[type=reset], 
input[type=submit]
{
	background-color: transparent;
	border: 2px solid white;
	border-radius: 0;
	color: white;
	padding: .5vw;
	text-transform: none;
}

button:hover, 
input[type=reset]:hover, 
input[type=submit]:hover
{
	background-color:white;
	border: 2px solid white;
	color:#000;
}

/*span.wpcf7-not-valid-tip*/

span[role=alert], 
div[role=alert] {
	color: black;
    font-size: 1em;
    font-weight: normal;
    background-color: white;
	border: none;
    border-radius: 0;
    display: inline-block;
    padding: .1vw .5vw;
    vertical-align: middle;
	margin: 0;
	display: inline-block;
}


/*----------------------------------------
Image Pro (Overlay)
----------------------------------------*/

.module-pro-image .image-pro-overlay {
	background-color: rgba(24,24,24, 0.75)!Important;
	Text-align: left!Important;
	padding-left: 3vw;
	padding-right: 3vw;
	padding-bottom: 3vw;
	padding-top: 9vw;
}

.module-pro-image .image-pro-overlay-inner {
	position: relative!Important;
    top: 0!Important;
    left: 0!Important;
    right: 0!Important;
    transform: none!Important;
	-webkit-transform: none!Important;
}

.module-pro-image.entrance-effect-partial-overlay .image-pro-overlay {
	top: 100%!Important;
}

.module-pro-image.entrance-effect-partial-overlay .image-pro-wrap:hover .image-pro-overlay {
	top: 0%!Important;
}

/*--------------------------------------*/
@media screen and (max-width: 1024px) {
/*--------------------------------------*/

	.module-pro-image .image-pro-overlay {
		padding-left: 5vw;
		padding-right: 5vw;
		padding-bottom: 5vw;
		padding-top: 4em;
}
}/*----------------------------------------
Counter / Timer
----------------------------------------*/

.module-counter {
	text-align: left!Important;
    line-height: initial;
	margin-bottom: 0!Important;	
}

.module-counter .bc-timer {
	font-size: 10vw!Important;
    text-align: left!Important;
    color: white;
	font-family: "Corporate S W01 Light";
	margin-left: -.75vw;
}

/*--------------------------------------*/
@media screen and (max-width: 1024px) {
/*--------------------------------------*/

	.module-counter .bc-timer {
		font-size: 100px!Important;
    	margin-left: -5px;
	}
	
}/*----------------------------------------
Timeline Menu
----------------------------------------*/

.timeline-menu {
    width: 10vw;
    position: fixed!Important;
    z-index: 2;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
	padding-left: 15px;
    border-left: 2px solid white;
}

.timeline-menu ul li {
	height: 50px;
	vertical-align: middle; 
	display: table!Important;
}

.timeline-menu ul li a {
	color: white!Important;
	padding: 0!Important;
	font-size: 20px;
	vertical-align: middle;
	display: table-cell!Important;
}

.timeline-menu ul li a:hover {
	color: white!Important;
	font-size: 35px;

}

.timeline-menu ul li a.active {
	font-size:35px;
}
.timeline-menu .ui.nav.vertical {
	width: 100%;
    max-width: 100%;
}

.timeline-menu .ui.nav{
	margin: 0;
	display: block;
}

.timeline-menu .ui.nav.vertical > li + li {
	border: none;
}


/*----------------------------------------
Overlay Query Portfolio
----------------------------------------*/

.disp-cell, .single .post-meta, .single .post-title {
    width: 100%;
    text-align: left;
	line-height: inherit;
}

.disp-cell.valignmid {
    vertical-align: top;
}

.post-title {
	line-height: 1.25em;
	padding-bottom: 0;
}

.loops-wrapper.grid3 .post-title h2, 
.loops-wrapper.grid3 .post-title a, 
.loops-wrapper.grid4 .post-title h2, 
.loops-wrapper.grid4 .post-title a{
	font-family:"CorporateSW01-Extrabold_885809";
	margin: 0;
    padding: 0;
    letter-spacing: normal;
	opacity: inherit;
}

.loops-wrapper.overlay .post-image + .post-content{
	top: 0;
    bottom: 0;
    left: 0;
    right: 0;
	padding: 3vw;
	
	background-color: rgba(0, 0, 0, 0.65);
	
    position: absolute;
    overflow: hidden;
    height: 100%;
	cursor: pointer;
	opacity: 0;
}

.loops-wrapper.overlay .post-image + .post-content:hover {
	opacity: 1;
}

.loops-wrapper.overlay .post-content a, 
.loops-wrapper.overlay .post-content p {
		-moz-hyphens: none;
	-o-hyphens: none;
	-webkit-hyphens: none;
	-ms-hyphens: none;
	hyphens: none; 
}

.loops-wrapper.grid3 .entry-content p, 
.loops-wrapper.grid4 .entry-content p {
    font-size: 1.75vw;
	line-height: 2vw;
    letter-spacing: normal;
	opacity: inherit;
}

.hide-article {display: none;}


/*------------------- Weitere Projekte -------------------*/

.more-projects {
	padding-top: 5vw;
	padding-bottom: 2.5vw;
}

.more-projects h4 {
	padding-bottom: 0;
}


.more-projects .linkbox {
	margin-left: 0;
	margin-top: 0;
}


/*--------------------------------------*/
@media screen and (max-width: 1024px) {
/*--------------------------------------*/
	
	.post-title {
	line-height: 1em;
	padding-bottom: 1.5vw!Important;
	}
	
	.loops-wrapper.overlay .post-image + .post-content {
		padding: 5vw;
	}
	
	.loops-wrapper.overlay .post-image + .post-content h2 {
		margin-bottom: 0;
	}
	
	.loops-wrapper.grid3 .post-title h2, 
	.loops-wrapper.grid3 .post-title a, 
	.loops-wrapper.grid4 .post-title h2, 
	.loops-wrapper.grid4 .post-title a{
		font-size: 25px;
		line-height: 30px;
	}
	
	.loops-wrapper.grid3 .entry-content p, 
	.loops-wrapper.grid4 .entry-content p {
		font-size: 25px;
		line-height: 30px;
	}
	
	.more-projects {
		padding-top: 75px;
	}
	
	.more-projects .linkbox {
	margin-left: 5vw;
	margin-top: 20px;
	
}

}/*---------------------------------------
Portfolio Post Filter
----------------------------------------*/

.post-filter {
    text-align: left;
    margin-bottom: 0;
    margin: 0 auto;
    padding: 1.5vw 3vw;
	background-color: #181818;
}

.post-filter li {
	margin: 0 1vw;
}

.post-filter .active {
	margin-right: .75vw;
}

.post-filter li:first-child {
	margin-left: 0;
}

.post-filter li a {
	font-family:"Corporate S W01 Light";
	font-size: 1.75vw;
	letter-spacing: .035vw;
	font-weight: normal;
	color: #b7b7b7;
	text-decoration: none;
    text-transform: none;
    position: relative;
    opacity: 1;
    
}

.post-filter li a:hover {
	color: white;
}

.post-filter .active a {
	font-family:"CorporateSW01-Extrabold_885809";
	color: white;
	letter-spacing: .025vw;
	transition: none;
}

.post-filter li.active a:after {
	display: none;
}

/*--------------------------------------*/
@media screen and (max-width: 1024px) {
/*--------------------------------------*/
	
	.post-filter {
		padding: 5vw;
		background-color: #181818;
		letter-spacing: 0;
	}
	
	.post-filter.active {
		margin: 0;
	}
	
	.post-filter li {
		margin: 0;
		display: table;
		padding: .25vw 0;	
		width: 100%;
	}
	
	.post-filter li a {
   		font-size: 25px;
		letter-spacing: 0;
		line-height: normal;
	}
	
	.post-filter.active li a {
   		font-size: 25px;
		letter-spacing: 0;
	}

}/*---------------------------------------
Portfolio Layout
----------------------------------------*/

.featured-area {
	display: none;
	visibility: hidden;
}

.post-nav {
	display: none;
}

.post-nav a {
	color: #f0f0f0
}

.post-nav .arrow {
	color: #f0f0f0
}

.post-nav a:hover, 
.post-nav .arrow:hover, 
.post-nav a:hover span {
	color: #b7b7b7
}

/*---------------------------------------
Menu Kompetenzen
----------------------------------------*/

.menu-kompetenzen {
    padding: 1.5vw 3vw;
	background-color: #181818;
	
}

#menu-kompetenzen {
	margin: 0 auto;
	text-align: center;
}

#menu-kompetenzen li {
	margin: 0 1vw;
	padding: 0;
	background: none;
}

#menu-kompetenzen li:first-child {
	padding-left: 0;
	margin-left: 0;
}

#menu-kompetenzen li a{
	font-family:"Corporate S W01 Light";
	font-size: 1.75vw;
	letter-spacing: .035vw;
	margin: 0;
	padding: 0;
	color: #b7b7b7;
	text-decoration: none;	
}

#menu-kompetenzen .current-menu-item a{
	font-family:"CorporateSW01-Extrabold_885809";
	color: white!Important;
	letter-spacing: .025vw;
	transition: none;
}

#menu-kompetenzen li a:hover {
	color: white;
}

/*--------------------------------------*/
@media screen and (max-width: 1024px) {
/*--------------------------------------*/
	
	.menu-kompetenzen {
		padding: 2.5vw 5vw;
		text-align: left;
	}
	
	#menu-kompetenzen li {
		display: table;
		margin-left: 0;
	}
	
	#menu-kompetenzen li a {
   		font-size: 25px;
	}
	
	
}/*---------------------------------------
Signaletikpfeil nach Unten
----------------------------------------*/

/*Pfeil nach Unten*/
.arrow-wrap {
    position: absolute;
    z-index: 1;
    right: 3vw;
    top: -8vw;
    width: 40px;
    height: 40px;
    font-size: 0.5em;
    display: block;
}

.arrow-down p {
	padding: 0;
}

/*--------------------------------------*/
@media screen and (max-width: 1024px) {
/*--------------------------------------*/
	
	.arrow-wrap {
     top: -75px;
	}
	
	
}/*---------------------------------------
Video
----------------------------------------*/

/*Fallback-Image / Slider mit Hintergrund-video*/
.video-fallback, .video-fallback .sp-slide[style^="background-image:"]{
	visibility: hidden;
}

/*stellt Seitenverhältnis bei Videos auf min 16/9*/
.video-row {
	min-height: 56.25vw; /*Rechnung: Breite: 16=100vw / Höhe: 9=56.25vw;*/
}


/*--------------------------------------*/
@media screen and (max-width: 1024px) {
/*--------------------------------------*/
	
	.video-fallback, .video-fallback .sp-slide[style^="background-image:"] {
		visibility: visible;
	}

}/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
																							CSS END
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/