/*
Theme Name: NO/OK Bootstrap
Theme URI: http://www.nook.ch/
Description: NO/OK Bootstrap Theme
Version: 1.0
Author: Denis Grütze
Author URI: http://www.nook.ch/
Template: nook_bootstrap
*/

@font-face {
	font-family: 'icomoon';
	src:url('fonts/icomoon.eot?iez4io');
	src:url('fonts/icomoon.eot?iez4io#iefix') format('embedded-opentype'),
		url('fonts/icomoon.ttf?iez4io') format('truetype'),
		url('fonts/icomoon.woff?iez4io') format('woff'),
		url('fonts/icomoon.svg?iez4io#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

html {
	height: 100%;
	width: 100%;
}
body {
	font-family: 'Fira Sans', sans-serif;
	font-weight:400;
	height: 100%;
	width: 100%;
	
	position: relative;
    
}
body.page .pageSection {
	/*min-height:100%;*/
}

body.page {
	background-color:#222222;
}

body.page #displaySection-0 {
	width:100%;
	height:0;
	min-height:0;
	padding:0;
	margin:0;
}

body.category {
	color:#fff;
	background-color:#222;
}
body.category #displaySection-0 {
	width:100%;
	height:0;
	padding:0;
	margin:0;
}
.tooltip {
	font-family: 'Karla', sans-serif;
	font-size:75%;
}
/* ----------------------------------
		Custom Carousel Styles
-----------------------------------*/
.carousel {
	/* Set the carousel height here*/
	height: 100%;
	margin-bottom:20px;
	overflow:visible;
	background-color:#000;
}
.carousel .item,
.carousel .active {
	height: 100%;
}
.carousel .carousel-inner {
	height: 100%;
	-webkit-box-shadow: 0 0 0 0px white, 0 2px 8px -2px #000;
	-moz-box-shadow: 0 0 0 0px white, 0 2px 8px -2px #000;
	box-shadow: 0 0 0 0px white, 0 2px 8px -2px #000;
}
.carousel .carousel-indicators{
	position:absolute;
	bottom: -25px;
	text-align:center;
}
.carousel .carousel-indicators li {
	text-align:center;
	text-indent: 0;
	margin: 0;
	margin-left:5px !important;
	margin-right:5px !important;
	width: 30px;
	height: 30px;
	border: none;
	border-radius: 50%;
	line-height: 30px;
	color: #000;
	background-color:rgba(255,255,255,1);
	transition: all 0.25s ease;
	/*
	border-radius: 0 0 20px 20px;
	-moz-border-radius: 0 0 20px 20px;
	-webkit-border-radius: 0 0 20px 20px;
	*/
	 -webkit-box-shadow: 0 4px 8px -4px #000000;
	-moz-box-shadow: 0 4px 8px -4px #000000;
	box-shadow: 0 4px 8px -4px #000000;
}
.carousel .carousel-indicators li.active,
.carousel .carousel-indicators li:hover {
	margin: 0;
	width: 30px;
	height: 30px;
	color: #fff;
	background-color:rgba(0,0,0,1);
	-webkit-transform: scale(1.4);
	-moz-transform: scale(1.4);
	-o-transform: scale(1.4);
	transform: scale(1.4);
}
.carousel .carousel-caption {
	bottom: 20%;
	width: auto;
	right:20px;
	left:20px;
	text-align:right;
}
.carousel .carousel-caption h3 {
	font-size:250%;
	text-align:right;
	line-height:137%;
	padding:0;
	margin-bottom:0px;
}

/* Workaround for Internet Explorer 10 and above */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { 
	.carousel .carousel-caption h3 {
		margin-bottom:1px;
	}
}
.carousel .carousel-caption p {
	font-size:200%;
	text-align:right;
}
.carousel .carousel-caption span.blackBg {
	background-color:rgba(0,0,0,0.7);
	padding:3px;
	white-space:pre-wrap;
}
.carousel .carousel-control {
	display:none;
}

/* Carousel Fade Snimation */
.carousel-fade .carousel-inner .item {
	opacity: 0;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
	opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
	left: 0;
	opacity: 0;
	z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
	opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}
/* Background images are set within the HTML using inline CSS, not here */
.fill {
	width: 100%;
	height: 100%;
	background-position: center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
}
/* Blur for Carousel Background Images */
.blur {
	filter: blur(5px);
	-webkit-filter: blur(5px);
	-moz-filter: blur(5px);
	-o-filter: blur(5px);
	-ms-filter: blur(5px);
}

/* ----------------------------------
		Custom Footer Styles
-----------------------------------*/
.footer {
	margin:0;
	padding:0;
	padding-top:10px;;
	padding-bottom: 10px;
	background-color:#222;
	color:#E1E1E1;
	/*border: 2px solid red;*/
	display:block;
	background-color:#000;
}
body.category .footer,
body.page .footer{
	background-color:#000;
}
.footer p {
	margin:0;
	padding:5px;
	font-size:130%;
}
h1.footer {
	font-size:130%;
	font-weight:300;
	color:#585854;
	background-color: transparent !important;
	margin:0 !important;
	padding:0 !important;
	padding-bottom:10px !important;
}

.footer_p_style {
	margin:0;
	padding-top:5px !important;
	padding-bottom:5px !important;
	font-size:130% !important;
	line-height:1.4em !important;
	display:block;
}

.footer .container {
	width:100%;
	margin:0;
	padding:0;
}
.footer a {
	color:#E1E1E1;
	text-decoration:none;
	cursor:pointer;
}
.footer a i{
	color:#E1E1E1;
	text-decoration:none;
	cursor:pointer;
	
	margin:10px;
	margin-top:0;
		margin-right:5px;
	padding:0;
}
.footer a i:hover{
	color:#fff;
	text-decoration:none;
	cursor:pointer;
	
	margin:10px;
	margin-top:0;
	margin-right:5px;
	padding:0;
}
.footer .tooltip.left .tooltip-arrow,
.footer .tooltip.right .tooltip-arrow {
	background-color:#222;
	color:#222;
	border-left-color:#fff;

}
.footer .tooltip  .tooltip-inner {
	background-color:#fff;
	color:#222;
}
/* ----------------------------------
		Custom Address Styles
-----------------------------------*/
address i,
address i:first-child{
	margin:0;
	vertical-align:middle;
}
/* ----------------------------------
		Custom Horizontal Ruler Styles
-----------------------------------*/
.container hr {
	/*border: 1px solid red;*/
	margin-top:20px;
	margin-bottom:20px;
}
/* ----------------------------------
		Custom Headline Styles
-----------------------------------*/
h3.sectionHeadline{
	font-size:350%;
	text-align:center;
	padding-top:6%;
	padding-bottom:80px;
}
/* ----------------------------------
		Custom Blockqoute Styles
-----------------------------------*/
blockquote {
	border-left: none;
}
blockquote p:before {
	content: "\f10d"; 
	font-family: FontAwesome;
	float: left;
	margin-right: 10px;
}
blockquote p:after {
	content: "\f10e";
	font-family: FontAwesome;
	/*float: left;*/
	margin-left: 10px;
}

.modal-content textarea {
	resize: none;
}

/* ----------------------------------
		Custom .pageSection Styles
-----------------------------------*/
.pageSection {
	width:100%;
	height:auto;
	/*min-height:100%;*/
	padding:0;
	margin:0;
	/*border-bottom: 1px dotted #ccc;*/
}
.pageSection .container-fluid {
	width:100%;
	height:auto;
	padding:0;
	margin-left:auto;
	margin-right:auto;
}
.pageSection-last {
	border-bottom: none;
}
.pageSection-first {
	border-bottom: none;
	padding-bottom:0px;
}
.pageSection p {
	width:100%;
	height:auto;
	padding:0px;
	margin:0px;
}
/* ----------------------------------
		Custom #displaySection Styles
-----------------------------------*/
#displaySection-0 {
	padding-top:0px;
	/* set home page carousel here */
	height:70%;
	padding-bottom:50px;
	background-color:none;
}
#displaySection-1 {
	background-color:none;
}
#displaySection-2 {
	background-color:none;
}
#displaySection-3 {
	background-color:none;
	/*min-height:100%;*/
}
#displaySection-4 ul i {
	cursor:default;
}
/* ----------------------------------
		Custom Project Color Styles
-----------------------------------*/
.background-t-baselfinanz {
	background-color:rgba(37,81,120,0.9);
}
.background-t-umeo {
	background-color:rgba(110,159,135,0.9);
}
.background-t-gonjiammusicfestival {
	background-color:rgba(42,172,134,0.9);
}
.background-t-walzwerk {
	background-color:rgba(74,139,161,0.8);
}
.background-t-infors {
	background-color:rgba(255,128,0,0.8);
}
.background-t-bankcoop {
	background-color:rgba(233,93,15,0.8);
}
.background-t-bankcler {
	background-color:rgba(0,158,226,0.8);
}
.background-t-careerplus {
	background-color:rgba(87,37,58,0.8);
}
.background-t-bkb {
	background-color:rgba(0,0,0,0.8);
}
.background-t-schlebach {
	background-color:rgba(0,0,0,0.8);
}
.background-t-hueglipark {
	background-color:rgba(176,127,72,0.8);
}
.background-t-pjundt {
	background-color:rgba(127,178,226,0.8);
}
.background-t-espressimo {
	background-color:rgba(227,6,19,0.8);
}
.background-t-diversewebprojekte {
	background-color:rgba(150,168,30,0.8);
}
.background-t-reichlinhess {
	background-color:rgba(1,101,91,0.8);
}
.background-t-sacsektionbasellandclubnachrichten {
	background-color:rgba(229,50,61,0.8);
}
.background-t-gremper-2022 {
	background-color:rgba(223,2,54,0.8);
}
.background-t-wcgg-2025 {
	background-color:rgba(141,34,59,0.8)
}


.projectContentBackground {
	width:100%;
	height:auto;
	/*border:2px solid red;*/
	float:left;
	padding:0;
	margin:0;
}


/* ----------------------------------
		Custom Color Styles
-----------------------------------*/
.yellow {
	background-color:yellow;
}
.gray {
	background-color:#EFEFEF;
}
.background-t-orange {
	background-color:rgba(255,128,0,0.8);
}
.background-t-black {
	background-color:rgba(0,0,0,0.7);
}

.green {
	color:#3C0;
}
.blue {
	color:#39F;
}
.red {
	color:#F33;
}

.gradient-gray {
	/* fallback */
	background-color: #cccccc;

	/* Safari 4-5, Chrome 1-9 */
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#cccccc));
	/* Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient(top, #cccccc, #ffffff);
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(top, #cccccc, #ffffff);
	/* IE 10 */
	background: -ms-linear-gradient(top, #cccccc, #ffffff);
	/* Opera 11.10+ */
	background: -o-linear-gradient(top, #cccccc, #ffffff);
}
.backgroundImageA {
	color:#fff;
	background-image:url('wp-content/themes/nook_bootstrap/images/wendepunkt_com_new-1.png');
	background-size:contain;
	background-position:top;
	background-repeat:no-repeat;
	/*
	background-position: center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;*/
}
.projectBgInfors,
.backgroundImageB {
	background-image:url('https://www.wendepunkt.com/wp-content/uploads/wendepunkt_infors_hg_kampagnen.jpg');
	background-position:center;
	background-repeat: no-repeat;
	width: 100%; 
	height: 100%;
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
	
	/*background-size: 100% auto;*/
	position: fixed; 
	z-index: -1; 
	content: '';
}

.projectBgInforsUsa {
	background-image:url('https://www.wendepunkt.com/wp-content/uploads/wendepunkt_infors_hg_usa.jpg');
	background-position:center;
	background-repeat: no-repeat;
	width: 100%; 
	height: 100%;
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
	
	/*background-size: 100% auto;*/
	position: fixed; 
	z-index: -1; 
	content: '';
}
.projectBgDiverseWebprojekte {
	background-image:url('https://www.wendepunkt.com/wp-content/uploads/wendepunkt_websites_hg.jpg');
	background-position:center;
	background-repeat: no-repeat;
	width: 100%; 
	height: 100%;
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
	
	/*background-size: 100% auto;*/
	position: fixed; 
	z-index: -1; 
	content: '';
}
.projectBgDiverseCI-CD {
	background-image:url('https://www.wendepunkt.com/wp-content/uploads/wendepunkt_diverse-ci-cd_hg.jpg');
	background-position:center;
	background-repeat: no-repeat;
	width: 100%; 
	height: 100%;
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
	
	/*background-size: 100% auto;*/
	position: fixed; 
	z-index: -1; 
	content: '';	
}
.projectBgInforsEve{
	background-image:url('https://www.wendepunkt.com/wp-content/uploads/wendepunkt_eve_hg.jpg');
	background-position:center;
	background-repeat: no-repeat;
	width: 100%; 
	height: 100%;
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
	
	/*background-size: 100% auto;*/
	position: fixed; 
	z-index: -1; 
	content: '';
}
.projectBgInforsGesamtauftritt {
	background-image:url('https://www.wendepunkt.com/wp-content/uploads/2015/10/infors_cd_full-hd.jpg');
	background-position:center;
	background-repeat: no-repeat;
	width: 100%; 
	height: 100%;
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
	
	/*background-size: 100% auto;*/
	position: fixed; 
	z-index: -1; 
	content: '';
}

.projectBgGonjiamMusicFestival {
	background-image:url('https://www.wendepunkt.com/wp-content/uploads/wendepunkt_gmf_main.jpg');
	background-position:center;
	background-repeat: no-repeat;
	width: 100%; 
	height: 100%;
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
	
	/*background-size: 100% auto;*/
	position: fixed; 
	z-index: -1; 
	content: '';
}

.projectBgWalzwerk {
	background-image:url('https://www.wendepunkt.com/wp-content/uploads/wendepunkt_walzwerk_hg.jpg');
	background-position:center;
	background-repeat: no-repeat;
	width: 100%; 
	height: 100%;
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
	
	/*background-size: 100% auto;*/
	position: fixed; 
	z-index: -1; 
	content: '';
}
.projectBgCareerplus {
	background-image:url('https://www.wendepunkt.com/wp-content/uploads/wendepunkt_careerplus_hg_eb.jpg');
	background-position:center;
	background-repeat: no-repeat;
	width: 100%; 
	height: 100%;
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
	
	/*background-size: 100% auto;*/
	position: fixed; 
	z-index: -1; 
	content: '';
}

.projectBgCareerplusAuftritt {
	background-image:url('https://www.wendepunkt.com/wp-content/uploads/wendepunkt_careerplus_cd_hg.jpg');
	background-position:center;
	background-repeat: no-repeat;
	width: 100%; 
	height: 100%;
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
	
	/*background-size: 100% auto;*/
	position: fixed; 
	z-index: -1; 
	content: '';
}
.projectBgBankCler {
	background-image:url('https://www.wendepunkt.com/wp-content/uploads/cler_brustkrebsaktion_hg.jpg');
	background-position:center;
	background-repeat: no-repeat;
	width: 100%; 
	height: 100%;
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
	
	/*background-size: 100% auto;*/
	position: fixed; 
	z-index: -1; 
	
	/*content: '';*/
}
.projectBgBankCler062018 {
	background-image:url('https://www.wendepunkt.com/wp-content/uploads/cler_news_hg.jpg');
	background-position:center;
	background-repeat: no-repeat;
	width: 100%; 
	height: 100%;
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
	
	/*background-size: 100% auto;*/
	position: fixed; 
	z-index: -1; 
	
	/*content: '';*/
}
.projectBgBankClerAnlegen {
	background-image:url('https://www.wendepunkt.com/wp-content/uploads/wendepunkt_cler_screens-anlegen_hg.jpg');
	background-position:center;
	background-repeat: no-repeat;
	width: 100%; 
	height: 100%;
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
	
	/*background-size: 100% auto;*/
	position: fixed; 
	z-index: -1; 
	
	/*content: '';*/
}

.projectBgTrattoriaAntichiSapori {
	background-image:url('https://wendepunkt.com/wp-content/uploads/wendepunkt_trattoria-antichi-sapori_hg.jpg');
	background-position:center;
	background-repeat: no-repeat;
	width: 100%; 
	height: 100%;
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
	
	/*background-size: 100% auto;*/
	position: fixed; 
	z-index: -1; 
	
	/*content: '';*/
}



.projectBgBankCler082018 {
	background-image:url('https://www.wendepunkt.com/wp-content/uploads/cler_ma-mailing_hg.jpg');
	background-position:center;
	background-repeat: no-repeat;
	width: 100%; 
	height: 100%;
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
	
	/*background-size: 100% auto;*/
	position: fixed; 
	z-index: -1; 
	
	/*content: '';*/
}
.projectBgBankcoop {
	background-image:url('https://www.wendepunkt.com/wp-content/uploads/wendepunkt_bc_xmas_hg.jpg');
	background-position:center;
	background-repeat: no-repeat;
	width: 100%; 
	height: 100%;
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
	
	/*background-size: 100% auto;*/
	position: fixed; 
	z-index: -1; 
	
	content: '';
}
.projectBgBankcoopNachhaltigkeit {
	background-image:url('https://www.wendepunkt.com/wp-content/uploads/wendepunkt_bc_nachhaltigkeit_hg.jpg');
	background-position:center;
	background-repeat: no-repeat;
	width: 100%; 
	height: 100%;
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
	
	/*background-size: 100% auto;*/
	position: fixed; 
	z-index: -1; 
	content: '';
}
.projectBgBankcoopBroschueren {
	background-image:url('https://www.wendepunkt.com/wp-content/uploads/wendepunkt_bc_bro_hg.jpg');
	background-position:center;
	background-repeat: no-repeat;
	width: 100%; 
	height: 100%;
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
	
	/*background-size: 100% auto;*/
	position: fixed; 
	z-index: -1; 
	content: '';
}
.projectBgBKB {
	background-image:url('https://www.wendepunkt.com/wp-content/uploads/wendepunkt_bkb_sponsoring-fcb_hg.jpg');
	background-position:center;
	background-repeat: no-repeat;
	width: 100%; 
	height: 100%;
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
	
	/*background-size: 100% auto;*/
	position: fixed; 
	z-index: -1; 
	content: '';
}
.projectBgBKB_2020_a {
	background-image:url('https://www.wendepunkt.com/wp-content/uploads/wendepunkt_bkb_stadtlauf2019_hg.jpg');
	background-position:center;
	background-repeat: no-repeat;
	width: 100%; 
	height: 100%;
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
	
	/*background-size: 100% auto;*/
	position: fixed; 
	z-index: -1; 
	content: '';
}
.projectBgBKB_2020_b {
	background-image:url('https://www.wendepunkt.com/wp-content/uploads/wendepunkt_bkb-aktuell_hg.jpg');
	background-position:center;
	background-repeat: no-repeat;
	width: 100%; 
	height: 100%;
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
	
	/*background-size: 100% auto;*/
	position: fixed; 
	z-index: -1; 
	content: '';
}

.projectBgBKB_2022_a {
background-image:url('https://www.wendepunkt.com/wp-content/uploads/wendepunkt_bkb-kinderwelt-flip_hg.jpg');
	background-position:center;
	background-repeat: no-repeat;
	width: 100%; 
	height: 100%;
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
	
	/*background-size: 100% auto;*/
	position: fixed; 
	z-index: -1; 
	content: '';
}

.projectBgBaselfinanz {
	background-image:url('https://www.wendepunkt.com/wp-content/uploads/wendepunkt_bsf_hg.jpg');
	background-position:center;
	background-repeat: no-repeat;
	width: 100%; 
	height: 100%;
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
	
	/*background-size: 100% auto;*/
	position: fixed; 
	z-index: -1; 
	content: '';
}



.projectBgBKBgellert {
	background-image:url('https://www.wendepunkt.com/wp-content/uploads/wendepunkt_bkb_gellert_hg.jpg');
	background-position:center;
	background-repeat: no-repeat;
	width: 100%; 
	height: 100%;
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
	
	/*background-size: 100% auto;*/
	position: fixed; 
	z-index: -1;
	/*content: '';*/
}

.projectBgBKBaeschen {
	background-image:url('https://www.wendepunkt.com/wp-content/uploads/wendepunkt_bkb_aeschen_hg.jpg');
	background-position:center;
	background-repeat: no-repeat;
	width: 100%; 
	height: 100%;
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
	
	/*background-size: 100% auto;*/
	position: fixed; 
	z-index: -1;
	/*content: '';*/
}

.projectBgBKBstyleguides {
	background-image:url('https://www.wendepunkt.com/wp-content/uploads/wendepunkt_bkb_styleguide_hg.jpg');
	background-position:center;
	background-repeat: no-repeat;
	width: 100%; 
	height: 100%;
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
	
	/*background-size: 100% auto;*/
	position: fixed; 
	z-index: -1;
	/*content: '';*/
}
.projectBgBKBbroschueren {
	background-image:url('https://www.wendepunkt.com/wp-content/uploads/wendepunkt_bkb_brosch_newsletter_hg.jpg');
	background-position:center;
	background-repeat: no-repeat;
	width: 100%; 
	height: 100%;
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
	
	/*background-size: 100% auto;*/
	position: fixed; 
	z-index: -1;
	/*content: '';*/
}
.projectBgBKBanlageberatung {
	background-image:url('https://www.wendepunkt.com/wp-content/uploads/wendepunkt_bkb_anlageberatung_hg.jpg');
	background-position:center;
	background-repeat: no-repeat;
	width: 100%; 
	height: 100%;
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
	
	/*background-size: 100% auto;*/
	position: fixed; 
	z-index: -1;
	content: '';
}
.projectBgBKBnachhaltigkeit {
	background-image:url('https://www.wendepunkt.com/wp-content/uploads/wendepunkt_bkb_nachhaltigkeit_hg.jpg');
	background-position:center;
	background-repeat: no-repeat;
	width: 100%; 
	height: 100%;
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
	
	/*background-size: 100% auto;*/
	position: fixed; 
	z-index: -1;
	content: '';
}
.projectBgBKBladyconsult {
	background-image:url('https://www.wendepunkt.com/wp-content/uploads/wendepunkt_bkb_lc_hg.jpg');
	background-position:center;
	background-repeat: no-repeat;
	width: 100%; 
	height: 100%;
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
	
	/*background-size: 100% auto;*/
	position: fixed; 
	z-index: -1;
	content: '';
}
.projectBgEspressimo {
	background-image:url('https://www.wendepunkt.com/wp-content/uploads/wendepunkt_espressimo_hg.jpg');
	background-position:center;
	background-repeat: no-repeat;
	width: 100%; 
	height: 100%;
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
	
	/*background-size: 100% auto;*/
	position: fixed; 
	z-index: -1;
	content: '';
}
.projectBgHueglipark {
	background-image:url('https://www.wendepunkt.com/wp-content/uploads/wendepunkt_hueglipark_hg.jpg');
	background-position:center;
	background-repeat: no-repeat;
	width: 100%; 
	height: 100%;
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
	
	/*background-size: 100% auto;*/
	position: fixed; 
	z-index: -1;
	content: '';
}
.projectBgPjundt {
	background-image:url('https://www.wendepunkt.com/wp-content/uploads/wendepunkt_pj_hg.jpg');
	background-position:center;
	background-repeat: no-repeat;
	width: 100%; 
	height: 100%;
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
	
	/*background-size: 100% auto;*/
	position: fixed; 
	z-index: -1;
	content: '';
}
.projectBgWarteck {
	background-image:url('https://www.wendepunkt.com/wp-content/uploads/wendepunkt_warteckinvest_hg.jpg');
	background-position:center;
	background-repeat: no-repeat;
	width: 100%; 
	height: 100%;
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
	
	/*background-size: 100% auto;*/
	position: fixed; 
	z-index: -1;
	content: '';
}
.projectBgSchlebach {
	background-image:url('https://www.wendepunkt.com/wp-content/uploads/wendepunkt_schlebach_hg.jpg');
	background-position:center;
	background-repeat: no-repeat;
	width: 100%; 
	height: 100%;
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
	
	/*background-size: 100% auto;*/
	position: fixed; 
	z-index: -1;
	content: '';
}

.projectBgReichlinHessWebsite {
	background-image:url('https://www.wendepunkt.com/wp-content/uploads/wendepunkt_reichlin-hess_hg.jpg');
	background-position:center;
	background-repeat: no-repeat;
	width: 100%; 
	height: 100%;
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
	
	/*background-size: 100% auto;*/
	position: fixed; 
	z-index: -1;
	content: '';
}
.projectBgUmeo {
	background-image:url('https://www.wendepunkt.com/wp-content/uploads/wendepunkt_umeo_hg.jpg');
	background-position:center;
	background-repeat: no-repeat;
	width: 100%; 
	height: 100%;
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
	
	/*background-size: 100% auto;*/
	position: fixed; 
	z-index: -1;
	content: '';
}
.projectBgSACSektionBasellandClubnachrichten {
	background-image:url('https://www.wendepunkt.com/wp-content/uploads/wendepunkt_sac-bl_hd.jpg');
	background-position:center;
	background-repeat: no-repeat;
	width: 100%; 
	height: 100%;
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
	
	/*background-size: 100% auto;*/
	position: fixed; 
	z-index: -1;
	content: '';	
}
.projectBgBKBKinderwelt {
	background-image:url('https://www.wendepunkt.com/wp-content/uploads/wendepunkt_bkb-kinderwelt-flip_hg.jpg');
	background-position:center;
	background-repeat: no-repeat;
	width: 100%; 
	height: 100%;
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
	
	/*background-size: 100% auto;*/
	position: fixed; 
	z-index: -1;
	content: '';	
}
.projectBgGremper2022 {
	background-image:url('https://www.wendepunkt.com/wp-content/uploads/wendepunkt_gremper_22-23_bg.png');
	background-position:center;
	background-repeat: no-repeat;
	width: 100%; 
	height: 100%;
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
	
	/*background-size: 100% auto;*/
	position: fixed; 
	z-index: -1;
	content: '';	
}
.projectBgBKB_2022_kinderkampagne {
	background-image:url('https://www.wendepunkt.com/wp-content/uploads/wendepunkt_bkb_kinderkampagne_bg.jpg');
	background-position:center;
	background-repeat: no-repeat;
	width: 100%; 
	height: 100%;
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
	
	/*background-size: 100% auto;*/
	position: fixed; 
	z-index: -1;
	content: '';	
}
.projectBgBKB_2025_125jahre {
	background-image:url('https://www.wendepunkt.com/wp-content/uploads/wendepunkt_bkb_125-logo.jpg');
	background-position:center;
	background-repeat: no-repeat;
	width: 100%; 
	height: 100%;
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
	
	/*background-size: 100% auto;*/
	position: fixed; 
	z-index: -1;
	content: '';	
}
.projectBgBKB_2025_esc {
	background-image:url('https://www.wendepunkt.com/wp-content/uploads/wendepunkt_esc_hg.jpg');
	background-position:center;
	background-repeat: no-repeat;
	width: 100%; 
	height: 100%;
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
	
	/*background-size: 100% auto;*/
	position: fixed; 
	z-index: -1;
	content: '';	
}
.projectBgBKB_2025_flipmagazin {
	background-image:url('https://www.wendepunkt.com/wp-content/uploads/wendepunkt_flip-magazin_hg.jpg');
	background-position:center;
	background-repeat: no-repeat;
	width: 100%; 
	height: 100%;
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
	
	/*background-size: 100% auto;*/
	position: fixed; 
	z-index: -1;
	content: '';	
}
.projectBgWCGG_2025_broccione {
	background-image:url('https://www.wendepunkt.com/wp-content/uploads/wendepunkt_broccione_hg.jpg');
	background-position:center;
	background-repeat: no-repeat;
	width: 100%; 
	height: 100%;
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
	
	/*background-size: 100% auto;*/
	position: fixed; 
	z-index: -1;
	content: '';	
}

.backgroundImageA .thumbnail{
	color:#000;
}


#filterOptions {
	margin-bottom:20px;
}



.nav li,
.nav a {
	/*font-size:110%;*/
	border:none;
	outline: none;
}

.navbar-brand {
	
	position:absolute;
	width:150px;
	height:auto;
	padding:0;
	padding-top:0px;
	padding-left:0;
	margin-left:0 !important;
	margin-top:0;
	/*border:1px solid red;*/
}
.menu-logo {
	
	width:100%;
	height:auto;
	margin:0;
	padding:0;
	/*border:1px solid green;*/
}

.post-information > div {
	padding-top:10px !important;
	padding-bottom:10px!important;
}
.post-information i.fa-clock-o{
	cursor:default;
	margin:10px;
	margin-left:0;
	padding-left:0px;
	padding-top:0px;
	padding-right:0px;
	padding-bottom:0px;
	color: #E1E1E1;
}
.post-information i.fa-arrow-circle-o-up,
.post-information i.fa-arrow-circle-o-down {
	cursor:default;
	margin:10px;
	/*margin-left:0;
	margin-right:0;*/
	padding-left:0;
	padding-top:0;
	padding-right:0;
	padding-bottom:0;
	color: #E1E1E1;
}
.post-information i.fa-clock-o:hover {
	cursor:default;
	color: #000;
}
.post-information i.fa-arrow-circle-o-up:hover,
.post-information i.fa-arrow-circle-o-down:hover {
	cursor:pointer;
	color: #000;
}



ul.fa-ul li {
	padding-bottom:10px;
}
i.fa-li{
	margin-left:0;
	margin-top:-4px;
	margin-left:5px;
	padding-right:5px;
	font-size:160%;
	line-height:1em;
}



.row {
	width:92%;
	max-width: 900px;
	margin-left:auto;
	margin-right:auto;
}

.row-no-padding {
	width:100% !important;
	max-width: 100%  !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	padding-left: 0px !important;
	padding-right: 0px !important;

}

.col-no-padding {
	margin-top:0 !important;
	margin-bottom:0 !important;
	margin-left: 0;
	margin-right: 0;
	padding-left: 0px !important;
	padding-right: 0px !important;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}



.video-left-padding{
	padding-left: 40px;
}
.video-right-padding{
	padding-right: 40px;
}



@media (max-width: 768px) {
.video-left-padding{
	padding-left: 0px !important;
}
.video-right-padding{
	padding-right: 0px !important;
}
}




.project-no-padding {
	margin-top:0 !important;
	margin-bottom:0 !important;
	margin-left: 0;
	margin-right: 0;
	padding-left: 0px !important;
	padding-right: 0px !important;
	padding-top: 20px !important;
	padding-bottom: 20px !important;
}
.project-no-padding-next {
	margin-top:0 !important;
	margin-bottom:0 !important;
	margin-left: 0;
	margin-right: 0;
	padding-left: 0px !important;
	padding-right: 0px !important;
	padding-top: 0px !important;
	padding-bottom: 20px !important;
}

.col-padding {
	margin-left: 0;
	margin-right: 0;
	padding-left: 10px !important;
	padding-right: 10px !important;
	padding-bottom: 10px !important;
	padding-top: 10px !important;
}

.col-no-padding .thumbnail {
	position: relative;
	width:100%;
	height:auto;
	padding:0;
	margin:0;
	border:none;
	background-color:transparent !important;
	border-right:1px solid transparent;
	border-bottom:1px solid transparent;
}

.col-padding .thumbnail {
	position: relative;
	width:100%;
	height:auto;
	padding:0;
	margin:0;
	border:none;
}
/*
.row-no-padding .thumbnail.full-width-thumnail{
	position: relative;
	width:100%;
	height:auto;
	padding:0;
	margin:0;
	border:none;
	border-right:none;
	border-bottom:1px solid white;
}
*/
.col-no-padding .thumbnail img {
	width:100%;
	height:auto;
	padding:0;
	margin:0;
	border:none;
	/*border-radius:10px;
	border-color:transparent;*/
}
.thumbnail-no-border {
	border:none;
	padding:0;
}
.thumbnail-no-border img {
	border:none;
	margin:0;
	padding:0;
}

#navbar-wp {
	margin-top:15px;
	margin-left:30px;
	margin-right:30px;
	border-radius:10px;
}

@media (max-width: 767px) {
	#navbar-wp {
		margin-top:0;
		margin-left:0;
		margin-right:0;
		border-radius:0;
	}
}



#navbar-content {
	/*
	border:1px solid red;
	margin-left:auto;
	margin-right:auto;*/
}


/* customized light nav bar style */
.navbar-light {
  background-color: rgba(255,255,255,0.9);
  border-color: rgba(255,255,255,0.9);
 border-bottom: none !important;
 font-weight:300 !important;
 /*height: 70px;*/
/* border: 1px solid red;*/
}
.navbar-light .navbar-brand {
  color: #ffffff;
}
.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
  color: #ffffff;
}
.navbar-light .navbar-text {
  color: #ffffff;
}

.navbar-light  .navbar-nav > li > a:hover{
	color: #96A821;
	/*font-weight:700;*/
	background-color:transparent;
}

.navbar-light .navbar-nav > li > a{
	display:block;
	color: #585854;
	font-weight:300 !important;
	background-color:transparent;
	text-decoration:none;
	padding-left: 10px;
	padding-right: 10px;
	/*margin-top: 10px !important;*/
	/*border: 1px solid red;*/
}


.navbar-light .navbar-nav > li > .active > a{
	color: #96A821;
	/*font-weight:700;*/
	background-color:transparent;
}
.navbar-light .navbar-nav > li > a:hover,
.navbar-light .navbar-nav > li > .active > a:hover{
	/*color: #ffffff;*/
	background-color:transparent;
}

.navbar-light .navbar-nav > li > a:focus,
.navbar-light .navbar-nav > .active > a:focus {
 /* color: #ffffff;*/
   background-color:transparent;
}
.navbar-light .navbar-nav > .active > a, .navbar-light .navbar-nav > .active > a:hover {
  color: #96A821;
 /* font-weight:700;*/
  /*background-color: rgba(0,0,0,0.7);*/
 background-color:transparent;
}
.navbar-light .navbar-nav > .open > a, .navbar-light .navbar-nav > .open > a:hover, .navbar-light .navbar-nav > .open > a:focus {
  color: #ffffff;
  background-color:  #585854;
}
.navbar-light .navbar-toggler,
.navbar-inverse .navbar-toggler  {
	
  border-color:  transparent;
}
.navbar-light .navbar-toggler:hover, .navbar-light .navbar-toggler:focus,
.navbar-inverse .navbar-toggler:hover, .navbar-inverse .navbar-toggler:focus {
  background-color:  transparent;
}
.navbar-light .navbar-toggler .icon-bar,
.navbar-inverse .navbar-toggler .icon-bar {
  background-color: #ffffff;
}
.navbar-light .navbar-collapse,
.navbar-light .navbar-form,
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-color: #585854;
  border-top: none !important;
    box-shadow:none;
}
.navbar-light .navbar-link,
.navbar-inverse .navbar-link {
  color: #ffffff;
}
.navbar-light .navbar-link:hover,
.navbar-inverse .navbar-link:hover {
  color: #ffffff;
}

.navbar-toggler {
  /*  width: 100%;*/
    float: none;
    margin-right: 0;
	color:#fff;
}

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

/* customized nav container bar style */
.navbar-collapse{
	/*border:1px solid red;*/
	width:100%;
	height:40px;
	margin:0;
	padding:0;
	/*border: 10px solid #4577CB !important;*/
}
.navbar-nav {
	/*-webkit-transition: all 2s ease-in-out;
	-moz-transition: all 2s ease-in-out;
	-o-transition: all 2s ease-in-out;
	transition: all 2s ease-in-out;*/
	padding:0;
	margin:0;
	padding-top:2px;
	/*height:50px;*/
	/*padding-bottom:20px;*/
	/*border:1px solid green;*/
}

.page .navbar-nav {
	/*-webkit-transition: all 2s ease-in-out;
	-moz-transition: all 2s ease-in-out;
	-o-transition: all 2s ease-in-out;
	transition: all 2s ease-in-out;*/
	padding:0;
	margin:0;
	padding-top:2px;
	/*padding-top:23px;*/
	/*padding-bottom:20px;*/
	/*border:1px solid green;*/
} 
.navbar-light .navbar-nav{
	
	
	text-align:center;
}
.navbar-inverse .container,
.navbar-light .container{
	margin-left:auto;
	margin-right:auto;
	padding:0;
	width:94%;
	/*background-color:rgba(255,0,0,0.02);*/
	
}
.navbar-inverse .navbar-nav{
	width:100%;
	text-align:center;
}

.navbar-light  .navbar-nav > li,
.navbar-inverse .navbar-nav > li {
	float: none;
	display:inline-block;
	padding:0;
	margin:0;
	/*padding-left:10px;
	padding-right: 10px;
	border: 1px solid red;*/
}
/*
.navbar-light .navbar-nav > li {
	float:none;
	width:auto;
	display: inline-block;
	padding:0 !important;
	margin:0 !important;
	border:1px solid blue;

}
*/
/* customized inverse nav bar style */
.navbar-inverse {
	background-color: rgba(255,255,255,0.9);
	border-color: rgba(255,255,255,0.9);
	border-bottom: none !important;
	font-weight:300 !important;
	/*height:70px;*/
}
.navbar-inverse .navbar-brand {
	color: #585854;
}
.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
	color: #585854;
}
.navbar-inverse .navbar-text {
	color: #585854;
}
/* Default Link */
.navbar-inverse .navbar-nav > li > a,
.navbar-inverse .navbar-nav > a {
	display:block;
	color: #585854;
	background-color:transparent;
	text-decoration:none;
	padding-left: 10px;
	padding-right: 10px;
	/*margin-top: 10px !important;*/
}
/* Default Link - hover*/
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > a:hover{
	color: #96A821;
	/*font-weight:700;*/
	background-color:transparent;
}
/* Active Link */
.navbar-inverse .navbar-nav > li > .active > a,
.navbar-inverse .navbar-nav > .active > a {
	color: #96A821;
	/*font-weight:700;*/
	background-color:transparent;
}
/* Active Link - Hover*/
.navbar-inverse .navbar-nav > li > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:hover {
	color: #96A821;
	background-color:transparent;
}
/* Default Link - Focus*/
.navbar-inverse .navbar-nav > li > a:focus {
	color: #585854;
	background-color:transparent;
}
/* Active Link - Focus*/
.navbar-inverse .navbar-nav > .active > a:focus{
	color: #585854;
	background-color:transparent;
}
/* Default Link - Focus + Hover*/
.navbar-inverse .navbar-nav > li > a:focus:hover {
	color: #96A821;
	background-color:transparent;
}






	body.page {
		/*padding-top:50px;*/
	}


@media (max-width: 810px) {
.navbar-brand {
	display:none;
}
}

@media (max-width: 767px) {
	
	body.page {
		padding-top:0;
	}
	
	
	.navbar-light,
	.navbar-inverse {
  background-color: #585854;
  border-color: #585854;
 border-bottom: none !important;
 font-weight:300;
 font-size:200%;
 
 -webkit-transition: none !important;
  transition: none !important;
}

.navbar-nav {
	/*border:1px solid red;*/
	margin:0;
	padding:0;
	width:100%;
}
.navbar,
.navbar .container-fluid {
	/*margin:0;
	margin-left:0 !important;
	margin-right:0 !important;
	padding:0;
	width:100%;
	
 -webkit-transition: none !important;
  transition: none !important;*/
}

.navbar-collapse {
	margin:0;
	padding:0;
	/*padding-left: 15px;*/
	/*margin-bottom:40px;*/
	
 -webkit-transition: none !important;
  transition: none !important;
}
	

	
	.collapse {
	 -webkit-transition: none !important;
  transition: none !important;	
		}

	
	
	
	
.navbar-inverse .navbar-nav > li {
	float: none;
	display:block;
	padding:0;
	margin:0;
	
}

.navbar-light .navbar-nav > li > a,
.navbar-inverse .navbar-nav > li > a{
	color: #ffffff;
	font-weight:300;
	font-size:200%;
	background-color:transparent;
/*	border:1px solid green;*/
	margin-left:0 !important;
}
.navbar-brand {
	display:none;
}

  .navbar-light .navbar-nav .open .dropdown-menu > li > a {
    color: #ffffff;
  }
  .navbar-light .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-light .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #ffffff;
  }
  .navbar-light .navbar-nav .open .dropdown-menu > .active > a, .navbar-light .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-light .navbar-nav .open .dropdown-menu > .active > a:focus,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #ffffff;
    background-color:#585854;
  }
  
  
     
	.navbar-light,
	.navbar-inverse {
  background-color:transparent !important;
  border-color: transparent !important;

}

.mobile_nav_open {
  background-color:#363634 !important;
  border-color:#363634 !important;
  /*background-image: url("https://www.wendepunkt.com/wp-content/uploads/e.png");*/
  background-image: url("https://www.wendepunkt.com/wp-content/uploads/wendepunkt_e.svg");
  background-size: 50px 50px;
  background-repeat: no-repeat;
  /*background-attachment: fixed;*/
  /*background-position: center 80%;*/
  background-position: center bottom 70px;
}
.navbar-collapse {
    /*height: 100vh !important;
	max-height: 100vh !important;*/
	
	height: 100dvh !important;
	max-height: 100dvh !important;
}
.navbar-toggler {
	position:absolute;
	right:10px;
	top: 10px;
    width: auto !important;
    /*float: right !important;*/
    margin: 0;
	color:#585854 !important;
	background-color: #FFF !important;
	border-color: transparent !important;
	border: none !important;
}
.navbar-toggler .navbar-toggler-icon{
	color:#585854 !important;
	background-color:transparent !important;
}
.navbar-toggler.active .navbar-toggler-icon{
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-toggler:focus {
    /*Below line will remove the border from the icon
    I have used bootstrap icon here */
    /* This will only remove the shadow effect */
    /* Border is still there */
    /* if you don't want any border then set the property equals to zero */
    border: 0 !important;
    box-shadow: none !important;
  
    /* This will remove the rounded corner(radious-border)
    and give square border */
    /* border-radius: 0 !important; */    
}
.navbar-toggler-icon{
	color:#FFF !important;
	border-color:#FFF !important;
	background-color:transparent !important;
}

.navbar-light .navbar-toggler,
.navbar-inverse .navbar-toggler{
	/*background-color:transparent !important;*/
	border-color: transparent !important;
}
.navbar-toggler.active  {
	background-color: transparent !important;
	border-color: transparent !important;
}
.navbar-light .navbar-toggler:hover, .navbar-light .navbar-toggler:focus,
.navbar-inverse .navbar-toggler:hover, .navbar-inverse .navbar-toggler:focus {
	background-color: transparent;
	border-color: transparent !important;
}
.navbar-light .navbar-toggler .icon-bar,
.navbar-inverse .navbar-toggler .icon-bar {
	background-color: transparent;
}

.no-transition {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
}
#navbar-content {
	/*border:1px solid #fff;*/
	display: flex;
  align-items: center;
  height: 80%;
	}
}

/* ///////////////////////////// NAVIGATION POSITIONS ///////////////////////////// */
.navbar-brand {
	/*border: 1px solid red;*/
	margin-top:-3px;
	opacity:0;
}
body.page .navbar-brand {
	opacity:100;
}
.navbar-right {
	/*border: 1px solid green;*/
	padding:0;
	margin:0;
}
.main-navbar {
	font-size:160%;
}


/*
.navbar-inverse .navbar-link {
	color:#F3C;
}
.navbar-inverse .navbar-link:hover {
	color:#996;
}

.navbar-inverse .navbar-nav > li > .active > a{
	color: #e1e1e1;
	background-color:transparent;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > .active > a:hover{
	#e1e1e1;
	background-color:transparent;
}

.navbar-inverse .navbar-nav > a,
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover {
	color: #e1e1e1;
	background-color:transparent;
}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
	color: #e1e1e1;
	background-color:#0000ff;
}
.navbar-inverse .navbar-toggle {
	border-color: rgba(0,0,0,0.7);
}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
	background-color: rgba(0,0,0,0.7);
}
.navbar-inverse .navbar-toggle .icon-bar {
	background-color: #ffffff;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
	border-color: #ffffff;
}
.navbar-inverse .navbar-link {
	color: #e1e1e1;
}
.navbar-inverse .navbar-link:hover {
	color: #e1e1e1;
}
*/
/*
@media (max-width: 767px) {
	.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
		color: #ffffff;
	}
	.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
		color: #ffffff;
	}
	.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
	color: #ffffff;
	background-color: rgba(0,0,0,0.7);
	}
}
*/








a.wpIconLink:focus,
i:focus[class^="wpicon-"],
i:focus[class*=" wpicon-"]:focus,
.btn:focus,.btn:active:focus,.btn.active:focus,
.btn.focus,.btn:active.focus,.btn.active.focus {
    outline: none;
}
/* hide resize handler on input textareas */
textarea {
	resize:none;
}

address h3.address-headline {
	margin:0;
	padding:0;
	font-size:140%;
	text-align: left;
	/*border: 1px solid red;*/
}

.gm-style-iw + div {
	display: none;
}
.gm-style-iw {
	text-align:center;
}


div.circle-avatar{
/* make it responsive */
max-width: 60%;
width:60%;
height:auto;
display:block;
/* div height to be the same as width*/
padding-top:60%;

/* make it a cirkle */
border-radius:50%;
border: 5px solid #red;

/* Centering on image`s center*/
background-position-y: center;
background-position-x: center;
background-repeat: no-repeat;

/* it makes the clue thing, takes smaller dimention to fill div */
background-size: cover;

/* it is optional, for making this div centered in parent*/
margin: 0 auto;
top: 0;
left: 0;
right: 0;
bottom: 0;
}













object {
	pointer-events:none;
	
}
svg {
	width:100%;
	height:auto;
}


body {
	font-family: 'Fira Sans', sans-serif;
	color:#585854;
	/*overflow-y:scroll;
	overflow-x:hidden;*/
}
.carousel-caption p {
	font-family: 'Fira Sans', sans-serif;
}
.pageSection p {
	font-weight:300;
	font-size:235%;
	/*letter-spacing: -0.3px;*/
}
p.smalltext{
	font-size:180%;
}
h3.sectionHeadline{
	/*font-size:350%;
	text-align:center;*/
	padding-bottom:10px;
	/*margin-top:17.2%;*/
	margin-bottom:0px;
	margin-top:108px;
	margin-left:auto;
	margin-right:auto;
	width:85%;
	font-weight:700;
	font-size: 560%;
	color:#585854;
	/*color:#FF0000;*/
	/*letter-spacing: 5px;*/
	/*border: 1px solid red;*/
}
h3 {
	color:#585854;
	/*color:#FF0000;*/
}
h3.agenturHeadline {
	margin-top:80px;
	font-weight:700;
	font-size: 960%;
}


#displaySection-0 {
	height:0;
	/*width:100%;*/
	margin:0;
	padding:0;
}

#displaySection-1 h3 {
	display:none;
}

#displaySection-1.pageSection  {
	display:table;
	/*width:100%;*/
	height:100%;
	min-height:100%;
	padding:0;
	margin:0;
	/*border-bottom: 1px solid #000;*/
	/*text-align:center;*/
	/*table-layout: fixed;*/
	/*border: 1px solid red;*/
	/*background-image:url('https://www.wendepunkt.com/wp-content/themes/wendepunkt_bootstrap/images/stripes-red-pattern.png');*/
}
#displaySection-1.pageSection .container-fluid{
	/*width:100%;*/
	height:100%;
	padding:0px;
	display:table-cell;
	vertical-align:middle;
	/* table-layout: fixed;*/
}
body {
	
}
/*
body.page #displaySection-1.pageSection,
body.page #displaySection-1.pageSection .container {
	width:100%;
	display:block;
	height:auto;
	min-height:0;
	float:left;

}
*/
.pageSectionWrapper {
		/*border:5px solid green;*/
		/*width:100%;
		max-width:auto;*/
		/*display:block;*/
		width:100%;
	/*	max-width:3000px;*/
		height:100%;
		margin:0 !important;
		padding:0 !important;
		/*max-height:100%;
		overflow-y: hidden; */
		/*position:relative;
		overflow:hidden;*/
		/*float:none;*/
		float: left;
}
.pageSection {
	/*border:1px solid red;*/
	width:100%;
	height:auto;
	min-height:100%;
	/*display: block;*/
	/*overflow-y:hidden;
	float:left;
	padding:0 !important;
	margin:0 !important;*/
	display:block;
	/*border:none;*/
	position:relative;
	left:0;
	top:0;
	/*border-right:1px solid black;*/
	/*overflow-y:scroll;*/
}
#displaySection-0 {
	/*border:1px solid red;*/
	width:0px;
	height:auto;
	min-height:100%;
	/*display: block;*/
	float:left;
	/*border:none;*/
	padding:0;
	margin:0;
}

.row {
	/*border: 1px solid red;*/
}

#projectHolder {
	padding:0;
	margin:0;
	border:none !important;
}

#projectHolder .col-no-padding {
	padding:15px !important;
}
@media (max-width: 767px) {
	#projectHolder .col-no-padding {
		padding-top:0 !important;
		padding-bottom:15px !important;
	}
}


.image-box-mask {
/*
	background-color:rgba(0,0,0,0.5);
*/
	color:#ffffff;
	
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	
	width: 102%;
	height: 102%;
	position: absolute;
	overflow: hidden;
	top: -1px;
	left: -1px;
	padding:0;
	/*z-index:1;*/
	/*-webkit-transition: 1s ease-in-out;*/
	
	/*
	-webkit-transition-property:opacity;
-webkit-transition-duration:.3s;
	-webkit-transition-delay:0;
	*/
	-webkit-transform: translateZ(0);
	-webkit-transition: opacity .3s ease-in-out 0s;
	-moz-transition: opacity .3s ease-in-out 0s;
	-o-transition: opacity .3s ease-in-out 0s;
	-ms-transition: opacity .3s ease-in-out 0s;
	transition: opacity .3s ease-in-out 0s;
	
	/*-webkit-backface-visibility: hidden;*/
}


.page .row-fluid,
.page .col-no-padding,
.page .image-box-active,
.page .backgroundProjekt {
	/*border:1px solid red;*/
	margin:0 !important;
	pdding: 0 !important;
}



.page .image-box-mask {
/*
	background-color:rgba(0,0,0,0.5);
*/



	color:#ffffff;
	
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	
	width: 100%;
	height: 100vh;
	position: absolute;
	overflow: hidden;
	top: 0px;
	left: 0px;
	margin:0;
	padding:0;
	/*z-index:-1;*/
	
	/*pointer-events:none;*/
	/*-webkit-transition: 1s ease-in-out;*/
	
	/*
	-webkit-transition-property:opacity;
-webkit-transition-duration:.3s;
	-webkit-transition-delay:0;
	*/
	/*-webkit-transform: translateZ(0);*/
	-webkit-transition: opacity .3s ease-in-out 0s;
	-moz-transition: opacity .3s ease-in-out 0s;
	-o-transition: opacity .3s ease-in-out 0s;
	-ms-transition: opacity .3s ease-in-out 0s;
	transition: opacity .3s ease-in-out 0s;
	
	/*-webkit-backface-visibility: hidden;*/
}


.image-box-active {
	height:100%;
}

.image-box h2,
.image-box p {
	margin: 0;
	position: relative;
	text-align: center;
}
.image-box hr,
.image-box-active hr {
	margin-top:20px;
	margin-bottom:6px;
	width:20%;
	border-bottom:2px solid white;
	margin-left: auto !important;
	margin-right: auto !important;
}

.image-box hr {
	display:none !important;
}
@media (max-width: 767px) {
	.image-box-active hr {
	margin-top:10px;
	margin-bottom:0px;
}
}

.image-box h2 {
/* font-weight: normal !important;
  //font-family: 'Nova Square', cursive;
  //font-size: 22px;
 // text-transform: uppercase;
 // background: rgba(0, 0, 0, 0.8);
 */

 font-weight:300;
 font-size:270%;
 
 margin-top:10%;
 margin-bottom:10px;
 
  background: transparent;
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -o-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
  
  -webkit-transition: .3s ease-in-out 0s;
  -moz-transition: .3s ease-in-out 0s;
  -o-transition: .3s ease-in-out 0s;
  -ms-transition: .3s ease-in-out 0s;
  transition: .3s ease-in-out 0s;
 
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
}
.image-box-active h2 {
	margin-top:25%;
	font-size:500% ;
	font-weight:300;
}
/*
.image-box-active h2 strong,
.image-box h2 strong
*/
b, strong {
	 font-weight:500;
}

.image-box-active p,
.image-box p {
 /*
 	font-weight: normal !important;
	font-family: verdana, sans-serif;
	font-size: 18px;
	text-align: center;
*/

	font-weight:300;
	font-size:120%;
	color:#ffffff;
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-o-transform: scale(0.8);
	-ms-transform: scale(0.8);
	transform: scale(0.8);
	
	  -webkit-transition: .3s ease-in-out 0s;
  -moz-transition: .3s ease-in-out 0s;
  -o-transition: .3s ease-in-out 0s;
  -ms-transition: .3s ease-in-out 0s;
  transition: .3s ease-in-out 0s;
  padding-bottom:8px !important;
}

.image-box-active p {
	padding-top:10px;
	font-size:135%;
}

.image-box {
	z-index: 9;
	cursor: default;
	overflow: hidden;
	text-align: center;
	position: relative;
	width:100%;
	height:100%;
	/*border:none !important;*/
	border-radius:10px;
	/*background-color:#F00;*/
	float:left !important;
}
a div.image-box {
	cursor:pointer;
}
.image-box-active img,
.image-box img {
	/*display: block;*/
	margin:0;
	padding:0;
	border:none;
	-webkit-transform: scale(1.04);
	-moz-transform: scale(1.04);
	-o-transform: scale(1.04);
	-ms-transform: scale(1.04);
	transform: scale(1.04);

	position: relative;
	
	-webkit-transition: .3s ease-in-out 0s;
	-moz-transition:  .3s ease-in-out 0s;
	-o-transition:  .3s ease-in-out 0s;
	-ms-transition:  .3s ease-in-out 0s;
	transition:  .3s ease-in-out 0s;

	
	width: 100%;
	height: auto;
	
	top: -1px;
	left: -1px;
	/*border:none !important;*/
}
.image-box-active img,
.no-touch .image-box:hover > img,
.touch .image-box > img {
	-webkit-transform: scale(1.3);
	-moz-transform: scale(1.3);
	-o-transform: scale(1.3);
	-ms-transform: scale(1.3);
	transform: scale(1.3);

/*
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity: 0.3;
*/
}

.page.image-box-active img{
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);

/*
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity: 0.3;
*/
}

.image-box-active > .image-box-mask,
.no-touch .image-box:hover > .image-box-mask,
.touch .image-box > .image-box-mask {
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}
.image-box-active h2,
.image-box-active p,
.image-box-active hr,
.touch .image-box h2,
.touch .image-box p,
.touch .image-box hr,
.image-box:hover h2,
.image-box:hover p,
.image-box:hover hr {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);

	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}



@media (max-width: 767px) {
	/*
.image-box > img,
.image-box:hover > img {
	-webkit-transform: scale(1.04);
	-moz-transform: scale(1.04);
	-o-transform: scale(1.04);
	-ms-transform: scale(1.04);
	transform: scale(1.04);
}
.image-box > .image-box-mask,
.image-box:hover > .image-box-mask {
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}
.image-box h2,
.image-box:hover h2,
.image-box p,
.image-box:hover p {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);

	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}
*/
}




a.wpIconLink,
a:hover.wpIconLink {
	text-decoration:none;
}


i[class^="wpicon-"],
i[class*=" wpicon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration:none;
	line-height: 1;

	/*font-size:100px;*/
	color:#96A821;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

i.wpicon-wendepunkt_pfeil:before {
	content: '\e010';
	font-size:80px;
	line-height:1.2;
	color: #fff;
}
.no-touch i:hover.wpicon-wendepunkt_pfeil:before,
.touch i.wpicon-wendepunkt_pfeil:before {
	content: '\e013';
	color: #fff;
}


i.wpicon-wendepunkt_pfeil_right:before {
	content: '\e014';
	font-size:80px;
}
i:hover.wpicon-wendepunkt_pfeil_right:before {
	content: '\e017';
	color: #96a821;
}

i.wpicon-wendepunkt_pfeil_down:before {
	content: '\e010';
	font-size:80px;
}
i:hover.wpicon-wendepunkt_pfeil_down:before {
	content: '\e013';
	color: #96a821;
}


i.wpicon-wendepunkt_pfeil_toptop:before {
	content: '\e018';
	font-size:80px;
}
i:hover.wpicon-wendepunkt_pfeil_toptop:before {
	content: "\e019";
	color: #96a821;
	text-decoration:none;
}

i.wpicon-wendepunkt_button_kontakt1:before {
	content: '\e000';
	color: #585858;
	font-size:140px;
}
i:hover.wpicon-wendepunkt_button_kontakt1:before {
	content: "\e001";
	color: #585858;
}

i.wpicon-wendepunkt_button_kontakt2:before {
	content: '\e002';
	color: #585858;
	font-size:140px;
}
i:hover.wpicon-wendepunkt_button_kontakt2:before {
	content: "\e003";
	color: #585858;
}

i.wpicon-wendepunkt_button_kontakt3:before {
	content: '\e004';
	color: #585858;
	font-size:140px;
}
i:hover.wpicon-wendepunkt_button_kontakt3:before {
	content: "\e005";
	color: #585858;
}


i.wpicon-wendepunkt_close_neg:before {
	content: "\e00a";
	color: #fff;
	font-size:70px;
	text-decoration:none;
}
i:hover.wpicon-wendepunkt_close_neg:before {
	content: "\e00a";
	color: #96a821;
	font-size:70px;
	text-decoration:none;
}

i.wpicon-wendepunkt_button_project:before {
	content: "\e008";
	color: #fff;
	font-size:70px;
	line-height:1.2;
	text-decoration:none;
}
.no-touch i:hover.wpicon-wendepunkt_button_project:before,
.touch i.wpicon-wendepunkt_button_project:before {
	content: "\e008";
	color: #fff;
	font-size:70px;
	text-decoration:none;
}
@media (max-width: 767px) {
	i.wpicon-wendepunkt_button_project:before,
	.no-touch i:hover.wpicon-wendepunkt_button_project:before,
.touch i.wpicon-wendepunkt_button_project:before {
	font-size:40px;
	}
}



button.wpicon-wendepunkt_button_kontakt4_de:before {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration:none;
	line-height: 1;

	font-size:120px;
	content: '\e006';
	color:#96A821;
}
button:hover.wpicon-wendepunkt_button_kontakt4_de:before {
	content: '\e007';
	/*color: #585858;*/
}

button.wpicon-wendepunkt_button_kontakt4_de {
	border:none;
	background-color:rgba(0,0,0,0) !important;
}













body.page {
	color:#FFFFFF;
	/*background-color:#222222;*/
}
body.page .pageSection {
	min-height:auto;
}
body.page #displaySection-1.pageSection,
body.page #displaySection-2.pageSection  {
	display:block;
	/*width:100%;*/
	height:auto;
	min-height:100%;
	padding:0;
	margin:0;
	border-bottom: 1px solid #000;
	/*text-align:center;*/
	/*table-layout: fixed;*/
	/*border: 1px solid red;*/
	/*background-image:url('https://www.wendepunkt.com/wp-content/themes/wendepunkt_bootstrap/images/stripes-red-pattern.png');*/
	
}
body.page #displaySection-1.pageSection .container-fluid, 
body.page #displaySection-2.pageSection .container-fluid {
	/*width:100%;*/
	/*height:100%;*/
	padding:0px;
	display:block;
	/*vertical-align:middle;
	 table-layout: fixed;*/
}

.rowBottomPage {
	display:block;
	position:absolute;
	/*border: 1px solid red;*/
	width:100%;
	text-align:center;
	bottom:0;
	padding-bottom:80px;
}

.rowBottomPageNext {
	margin-top:80px;
	margin-bottom:80px;
}

#contact-form input,
#contact-form textarea {
	text-align:center;
	font-size:200%;
	line-height:140% !important;
	padding:4px !important;
	color:#585854;
	height:auto;
}


/* Image Swiper CSS */
.swiper-container {
	width: 100%;
	height: 550px;
	overflow:hidden;
}
.swiper-slide img{
	display: block;
	width: auto;
	height: 550px;
	object-fit: cover;
	border-radius:10px;
}
.swiper-slide {
	height: 550px;
  width: auto;

	background-position: center;
	background-size: cover;
	
	
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
 	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	 align-items: center;
}
.swiper-slide:nth-child(1n) {
	width: auto !important;
}

.swiper-button-next,
.swiper-button-prev {
	top:550px !important;
}

.swiper-button-white {
	color:#FFF !important; 
}

.swiper-pagination-bullet{
    width: 8px !important;
    height: 8px !important;
    margin: 0 8px!important;
}
.swiper-pagination-bullet-active {
	background:#585854 !important;
	
}
.swiper-custom-pagination {
    width:100%;
	display:block;
	padding-top:40px;
	text-align:center;
}

@media (max-width: 767px) {
	.swiper-container {
		height: 200px;
	}
	.swiper-slide img{
		height: 200px;
	}
	.swiper-button-next,
	.swiper-button-prev {
		top:244px !important;
	}
}



.fullWindowBox {
	display: inline-block;
	/*border:10px solid red;*/
	width:100%;
	
	min-height:100vh;
	height:100vh;
	
	margin:0 !important;
	padding:0 !important;
}
.fullWindowBoxFirst {
	display: block;
	/*border:10px solid red;*/
	width:100%;
	
	min-height:100vh;
	height:100vh;
	
	margin:0 !important;
	padding:0 !important;
}
.backgroundProjekt {
	background-color:#222222 !important;
}
p {
	color:#585854;
	/*color:#FF0000;*/
}
p a {
	color:#96A821;
	text-decoration:none;
}
p a:hover,
p a:focus {
	color:#96A821;
	text-decoration:underline;
	outline:none;
}
/*
.wpicon-wendepunkt_pfeil 001
.wpicon-wendepunkt_pfeil_left_neg 002
.wpicon-wendepunkt_pfeil_right 005
*/
body.page #displaySection-1 h2.sectionHeadline{
	font-size:350%;
	text-align:center;
	padding-top:140px;
	padding-bottom:80px;
	margin:0;
	display:block;
}
.white-text {
	display:block;
	color:#ffffff;
	margin:0;
	padding:0;
}


#infowindow_content {
	font-size:100%;
}
#infowindow_content p {
	font-size:130%;
}


.leistungenicontext {
	/*border: 1px solid red;*/
	padding-top:10px !important;
}
/*
i {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.wpicon-wendepunkt_button_kontakt1:before {
	content: "\e001";
}
.wpicon-wendepunkt_button_kontakt2:before {
	content: "\e002";
}
.wpicon-wendepunkt_button_kontakt3:before {
	content: "\e003";
}
.wpicon-wendepunkt_button_kontakt4_de:before {
	content: "\e004";
}
.wpicon-wendepunkt_button_project:before {
	content: "\e005";
}
.wpicon-wendepunkt_pfeil:before {
	content: "\e006";
}
.wpicon-wendepunkt_pfeil_left_neg:before {
	content: "\e007";
}
.wpicon-wendepunkt_pfeil_over .path1:before {
	content: "\e008";
	color: rgb(150, 168, 33);
}
.wpicon-wendepunkt_pfeil_over .path2:before {
	content: "\e009";
	margin-left: -1em;
	color: rgb(255, 255, 255);
}
.wpicon-wendepunkt_pfeil_right:before {
	content: "\e00a";
}
.wpicon-wendepunkt_pfeil_right_neg:before {
	content: "\e00b";
}
.wpicon-wendepunkt_pfeil_toptop:before {
	content: "\e00c";
}
*/

/* Only affects 1600px width and higher */
@media only screen and (min-width: 1600px){ 
body { font-size: 10px; }
.project-no-padding {
	padding-top: 80px !important;
	padding-bottom: 80px !important;
}
.project-no-padding-next {
	padding-top: 0px !important;
	padding-bottom: 80px !important;
}
}
/* Only affects 1200px-1600px width */
@media only screen and (max-width: 1600px){ 
body { font-size: 10px; }
.project-no-padding {
	padding-top: 80px !important;
	padding-bottom: 80px !important;
}
.project-no-padding-next {
	padding-top: 0px !important;
	padding-bottom: 80px !important;
}

}
/* Only affects 900px-1200px width */
@media only screen and (max-width: 1200px){ body { font-size: 10px; }}
/* Only affects 600px-900px width */
@media only screen and (max-width: 900px){ body { font-size: 10px; }}
/* Only affects 400-600px width */
@media only screen and (max-width: 600px){ 
body { font-size: 8px; }
p.smalltext{ font-size:235%; }
.project-no-padding {
	padding-top: 20px !important;
	padding-bottom: 20px !important;
}
.project-no-padding-next {
	padding-top: 0px !important;
	padding-bottom: 20px !important;
}
.image-box-active h2 {
	
	font-size:300%;
	
}
}
/* Only affects 400px width and lower */
@media only screen and (max-width: 400px){
	body { font-size: 8px; }
	p.smalltext{ font-size:235%; }
	h3.agenturHeadline {
	/*margin-top:80px;
	font-weight:700;*/
	font-size: 500%;
}
.project-no-padding {
	padding-top: 20px !important;
	padding-bottom: 20px !important;
}
.project-no-padding-next {
	padding-top: 0px !important;
	padding-bottom: 20px !important;
}
.image-box-active h2 {
	
	font-size:300%;
	
}
	}


@media (max-width: 767px) {

.image-box h2 {
	
	font-size:220%;
	
}
}

@media (max-width: 992px) {

.image-box h2 {
	
	font-size:220%;
	
}
}



@media only screen and (min-width: 1600px){

.image-box h2 {
	
	/*font-size:270%;*/
	
}
	}
	
	@media only screen and (min-width: 1800px){

.image-box h2 {
	
	/*font-size:270%;*/
	
}
	}

.navbar-toggle .icon-bar {
	position: relative;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}

.navbar-toggle.active .icon-bar:nth-of-type(2) {
	top:6px;
	-webkit-transition: rotate(45deg);
	-moz-transition: rotate(45deg);
	-ms-transition: rotate(45deg);
	-o-transition: rotate(45deg);
	transform: rotate(45deg);
}
.navbar-toggle.active .icon-bar:nth-of-type(3) {
	opacity:0;
}
.navbar-toggle.active .icon-bar:nth-of-type(4) {
	top:-6px;
	-webkit-transition: rotate(-45deg);
	-moz-transition: rotate(-45deg);
	-ms-transition: rotate(-45deg);
	-o-transition: rotate(-45deg);
	transform: rotate(-45deg);
}



.collapsing {
  -webkit-transition: height 0.15s;
  -moz-transition: height 0.15s;
  -ms-transition: height 0.15s;
  -o-transition: height 0.15s;
  transition: height 0.15s;

}
.navbar .navbar-toggle .icon-bar,
.navbar-inverse .navbar-toggle .icon-bar {
  margin-left: auto;
  margin-right: auto;
}

#map-canvas {
	background-image:url('https://www.wendepunkt.com/wp-content/uploads/maps.jpg');
	background-position:center center;
	background-repeat: no-repeat;
	
	
	background-color:transparent !important;
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
	
	/*background-size: 100% auto;*/
	
	}
	
	#map-canvas-en {
	background-image:url('https://www.wendepunkt.com/wp-content/uploads/maps_en.jpg');
	background-position:center center;
	background-repeat: no-repeat;
	
	
	background-color:transparent !important;
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
	
	/*background-size: 100% auto;*/
	
	}
	
	
	
/* Scroll Image in Computer Display */
.website_scroller_outer {
	/*border: 1px solid #fff !important;*/
	position: relative;
	z-index:1;
}
.website_scroller_outer img {
	z-index:2;
}
.website_scroller_inner {
	/*border: 1px solid #ff0000 !important;*/
	position:absolute;
	z-index:3;
	top:17.52%;
	bottom:34.04%;
	left:16.25%;
	right:17.02%;
	overflow-y:scroll;
}

/* image swap with animated gif @ contact */
.wpIconLink .gif_swap {
	display:inline-block;
	position:relative;
	width:140px;
	height:140px;
}
.wpIconLink .gif_swap.small{
	display:inline-block;
	position:relative;
	width:70px;
	height:70px;
}


@media (max-width: 767px) {
.wpIconLink .gif_swap.small{
	width:50px;
	height:50px;
}
}



.wpIconLink .gif_swap .img_org {
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	width:100%;
	height:auto;
}
.wpIconLink .gif_swap .img_hover {
	opacity:0;
	position:absolute;
	top:0;
	left:0;
	z-index:2;
	width:100%;
	height:auto;
}
.wpIconLink:hover .gif_swap .img_org {
	opacity:0;
}
.wpIconLink:hover .gif_swap .img_hover {
	opacity:1;
}
.fullWindowBox .image-box-active .wpIconLink .gif_swap.small img,
.fullWindowBoxFirst .image-box-active .wpIconLink .gif_swap.small img {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	
}










.page #carouselExample,
.page #carouselExample2,
.page #carouselExample3 {
	background-color: #222222 !important;
	background-image:url("https://www.wendepunkt.com/wp-content/uploads/wendepunkt_bg-slider.png");
	background-position:center center;
	background-repeat: no-repeat;
	
	-webkit-background-size: contain;
	-moz-background-size: contain;
	background-size: contain;
	-o-background-size: contain;
}
.page .carousel .carousel-inner {
	box-shadow:none !important;
}
.page .carousel .carousel-indicators .active {
	background-color:#fff !important;
	height:3px;
}

.navbar-nav .nav-link.active {
	color:#96A821;
}
	
#collapse-holder {
	flex-direction: column;
}
		
#projectStart {
	z-index:99999 !important;
}
			
.page .image-box-mask {
	display: flex;
  	justify-content: center;
 	align-items: center;
 	flex-direction: column;
}



.page .image-box-mask h2{
	margin-top:0;
}

.image-box-mask {
	display: flex;
  	justify-content: center;
 	align-items: center;
 	flex-direction: column;
}
.image-box-mask h2{
	margin-top:0;
}

.navbar-toggler {
	/*position:absolute;
	right:10px;
	top: 10px;
  	width: auto !important;
  
    margin: 0;
	color:#585854 !important;
	background-color: #FFF !important;
	border-color: transparent !important;
	border: none !important;*/
	border-radius:2px;
	height:50px !important;
}

.animated-hamburger {
    width: 30px !important;
    height: 20px !important;
    position: relative !important;
    margin: 0px !important;
    -webkit-transform: rotate(0deg) !important;
    -moz-transform: rotate(0deg) !important;
    -o-transform: rotate(0deg) !important;
    transform: rotate(0deg) !important;
    -webkit-transition: .5s ease-in-out !important;
    -moz-transition: .5s ease-in-out !important;
    -o-transition: .5s ease-in-out !important;
    transition: .5s ease-in-out !important;
    cursor: pointer !important;
}
    
.animated-hamburger span {
    display: block !important;
    position: absolute !important;
    height: 3px !important;
    width: 100% !important;
    border-radius: 9px !important;
    opacity: 1 !important;
    left: 0 !important;
    -webkit-transform: rotate(0deg) !important;
    -moz-transform: rotate(0deg) !important;
    -o-transform: rotate(0deg) !important;
    transform: rotate(0deg) !important;
    -webkit-transition: .25s ease-in-out !important;
    -moz-transition: .25s ease-in-out !important;
    -o-transition: .25s ease-in-out !important;
    transition: .25s ease-in-out !important;
}
    
.animated-hamburger span {
    background: #585854; !important;
}
.animated-hamburger.open span {
    background: #fff; !important;
}
    
.animated-hamburger span:nth-child(1) {
    top: 0px !important;
    -webkit-transform-origin: left center !important;
    -moz-transform-origin: left center !important;
    -o-transform-origin: left center !important;
    transform-origin: left center !important;
}
    
.animated-hamburger span:nth-child(2) {
    top: 10px !important;
    -webkit-transform-origin: left center !important;
    -moz-transform-origin: left center !important;
    -o-transform-origin: left center !important;
    transform-origin: left center !important;
}
    
.animated-hamburger span:nth-child(3) {
    top: 20px !important;
    -webkit-transform-origin: left center !important;
    -moz-transform-origin: left center !important;
    -o-transform-origin: left center !important;
    transform-origin: left center !important;
}
    
.animated-hamburger.open span:nth-child(1) {
    -webkit-transform: rotate(45deg) !important;
    -moz-transform: rotate(45deg) !important;
    -o-transform: rotate(45deg) !important;
    transform: rotate(45deg) !important;
    top: 0px !important;
    left: 8px !important;
}
    
.animated-hamburger.open span:nth-child(2) {
    width: 0% !important;
    opacity: 0 !important;
}
    
.animated-hamburger.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg) !important;
    -moz-transform: rotate(-45deg) !important;
    -o-transform: rotate(-45deg) !important;
    transform: rotate(-45deg) !important;
    top: 21px !important;
    left: 8px !important;
}

.zirbeldruese_top {
	width:20px;
	height:auto;
	margin-top:20px;
	margin-bottom:30px;
}
.zirbeldruese_bottom {
	width:20px;
	height:auto;
	margin-top:30px;
	/*margin-bottom:30px;*/
}
	
.autoColumnsText {
	-webkit-column-gap: 20px;
	-moz-column-gap: 20px;
	column-gap: 20px;
    -webkit-column-count: 3;
	-moz-column-count: 3;
	column-count: 3;
}
@media (max-width: 767px) {
	.autoColumnsText {
	-webkit-column-gap: 20px;
	-moz-column-gap: 20px;
	column-gap: 20px;
    -webkit-column-count: 1;
	-moz-column-count: 1;
	column-count: 1;
}
}




#cmplz-document {
	display:block;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}
#cmplz-cookies-overview h4,
#cmplz-cookies-overview h5,
#cmplz-cookies-overview div {
	color:#000;
}
#cmplz-document p {
	color:#fff;
}
#cmplz-document .cmplz-dropdown summary h3 {
	color:#fff !important;
	display:block !important;;
}
.cmplz-show-banner {
	cursor:pointer;
}

#cmplz-cookiebanner-container,
#cmplz-cookiebanner-container .cmplz-title
#cmplz-cookiebanner-container .cmplz-message{
	font-family: 'Fira Sans', sans-serif;
}


#datenschutz-document {
	display:block;
	max-width:800px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}
#datenschutz-document p {
	font-size:14px;
	color:#fff;
}
#datenschutz-document p strong{
	display:inline-block;
	font-size:22px;
	padding-bottom:10px;
	margin-top:15px;
	margin-bottom:10px;
}



/* test scroller */

.scroll_container {
  display:block;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  padding:0;
  margin:0;
  /*margin-right:15px;
  margin-left:15px;*/
}

.scrolling {
  border:none;
  animation: marquee 150s linear infinite;
  display: inline-block;
  padding:0;
  margin:0;
  
  line-height:90%;
  font-size:140px;
  font-weight:300;
}
.scrollingb {
  border:none;
  animation: marqueeback 240s linear infinite;
  display: inline-block;
  padding:0;
  margin:0;
  
  line-height:90%;
  font-size:100px;
  font-weight:300;
}
.scrollingc {
  border:none;
  animation: marquee 320s linear infinite;
  display: inline-block;
  padding:0;
  margin:0;
  
  line-height:90%;
  font-size:200px;
  font-weight:300;
}
.scrollingd {
  border:none;
  animation: marqueeback 150s linear infinite;
  display: inline-block;
  padding:0;
  margin:0;
  
  line-height:90%;
  font-size:60px;
  font-weight:300;
}
.scrollinge {
  border:none;
  animation: marquee 150s linear infinite;
  display: inline-block;
  padding:0;
  margin:0;
  
  line-height:100%;
  font-size:100px;
  font-weight:300;
}



@keyframes marquee {
  from {
    transform: translateX(0);
  }
  to { 
    transform: translateX(-100%);
  }
}
@keyframes marqueeback {
  from {
    transform: translateX(-100%);
  }
  to { 
    transform: translateX(0);
  }
}











@media (max-width: 767px) {
#leistungen_icon_1 object,
#leistungen_icon_1 object img,
#leistungen_icon_2 object,
#leistungen_icon_3 object img,
#leistungen_icon_4 object,
#leistungen_icon_5 object img,
#leistungen_icon_4 object,
#leistungen_icon_4 object img {
	width: 40% !important;
}
}

@media (max-width: 767px) {
#kontakt_icon_1 .gif_swap,
#kontakt_icon_2 .gif_swap,
#kontakt_icon_3 .gif_swap {
	width: 80px !important;
	height: 80px !important;
}
#kontakt_icon_1 p:first-of-type,
#kontakt_icon_2 p:first-of-type,
#kontakt_icon_3 p:first-of-type {
	display:none !important;
}
#kontakt_icon_1 p.smalltext,
#kontakt_icon_2 p.smalltext,
#kontakt_icon_3 p.smalltext {
	margin-top:10px;
}
.rowBottomPageNext {
	margin-top:40px;
	margin-bottom:40px;
}
}

.footer-brand {
	display:none;
}
@media (max-width: 767px) {
	.footer-brand {
		display:inline-block;
	}
	.footer-brand img {
		width:150px;
		height:auto;
		margin-bottom:20px;
	}
}

/* Langugae Buttons in Main Menu */
.nav-item .menu_language_a,
.nav-item .menu_language_b{
	/*display:none !important;*/
}
.nav-item .menu_language_a.ial,
.nav-item .menu_language_b.ial{
	font-weight:500 !important;
}
@media (min-width: 810px) {
	.nav-item .menu_language_a{
		/*border: 1px solid red;*/
		padding-right:3px !important;
	}
	.nav-item .menu_language_b{
		/*border: 1px solid red;*/
		padding-left:9px !important;
	}
	
	li.nav-item:has(.menu_language_a):after {
		position:absolute;
		margin-top:-32px;
		margin-left:14px;
		content: '|';
		color:#585854;
		
		/*display:none !important;*/
	}
	
	
	
	
}

@media (max-width: 810px) {
	li.nav-item:has(.menu_language_a){
		/*border:1px solid red;*/
		display: inline-block !important;
		width: 50% !important;
		margin-top:1px;
		
		border-right: 1px solid #ffffff;
		
	}
	li.nav-item:has(.menu_language_b){
		/*border:1px solid red;*/
		display: inline-block !important;
		width: 50% !important;
		margin-top:-54px;
		margin-left:50%;
		
	}
	
	/*
	li.nav-item:has(.menu_language_a):after {
		position:absolute;
		margin-top:-48px;
		margin-left:50%;
		font-size:26px;
		content: '|';
		color:#ffffff;
		
		
	}*/
	
	
	li.nav-item:has(.menu_language_a) a {
		text-align:right;
	}
	li.nav-item:has(.menu_language_b) a {
		text-align:left;
	}
}