/* normalize.css */
button,hr,input{overflow:visible}audio,canvas,progress,video{display:inline-block}progress,sub,sup{vertical-align:baseline}html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0} menu,article,aside,details,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{}button,select{text-transform:none}[type=submit], [type=reset],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none}
/* reset.css */
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}

/* Font Face */
@font-face {
  font-family: 'Trade_BoldCondensed';
  src: url('./fonts/trade-webfont.woff') format('woff'),
       url('./fonts/trade-webfont.ttf') format('truetype');
}
@font-face {
  font-family: 'Trade_Light';
  src: url('./fonts/trade1-webfont.woff') format('woff'),
       url('./fonts/trade1-webfont.ttf') format('truetype');
}
@font-face {
  font-family: 'Trade_Regular';
  src: url('./fonts/trade2-webfont.woff') format('woff'),
       url('./fonts/trade2-webfont.ttf') format('truetype');
}
@font-face {
  font-family: 'Trade_Bold';
  src: url('./fonts/trade3-webfont.woff') format('woff'),
       url('./fonts/trade3-webfont.ttf') format('truetype');
}

/* General */
strong{
	font-family: 'Trade_Bold', sans-serif;
}
a{
	color: #111;
	text-decoration: none;
	transition: all 0.2s ease;
}
a:hover, a:active, a:focus{
	color: #333;
}
.container a{
	color: #fff;
	text-decoration: none;
	transition: all 0.2s ease;
	border-bottom: 1px solid transparent
}
.container a:hover, .container a:active, .container a:focus{
	color: #efefef;
	border-color: #fff;
}

.btn-o{
	display: inline-block;
	font-family: 'Trade_Bold', sans-serif;
	padding: 10px 25px;
	border-radius: 5px;
	border: 2px solid rgba(255,255,255,0.8) !important;
	color: #fff;
	background-color: transparent;
	transition: all 0.2s ease;
	text-transform: uppercase;
}
.btn-o:hover,
.btn-o:active,
.btn-o:focus{
	border: 2px solid rgba(255,255,255,1) !important;
}
.kk-link{
	-ms-flex: 1 0 100%;
	    -webkit-flex: 1 0 100%;
	    flex: 1 0 100%;
	text-align: center;
	padding: 10px;
}

/* Pagination */
ul.page-numbers{
	display: block;
	width: 100%;
	margin: 10px 0;
}
ul.page-numbers li {
	display: inline-block;
}
ul.page-numbers li .page-numbers{
	font-size: 0.8em;
	font-family: 'Trade_Bold', sans-serif;
	display: inline-block;
	border-radius: 3px;
	padding: 5px 10px;
	background-color: transparent;
	color: #fff;
	transition: all 0.3s ease;
	
	cursor: pointer;
	border: 2px solid #fff;
}
ul.page-numbers li .page-numbers:hover,
ul.page-numbers li .page-numbers:active,
ul.page-numbers li .page-numbers:focus{
	color: #111;
	background-color: #fff;
}
ul.page-numbers li .page-numbers.current{
	background-color: #fff;
	color: #111;
	cursor: initial;
}

/* Colors 
	Dark blue grey: #41464d
*/
html{
	height: 100%;
	box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}

body{
	font-family: 'Trade_Regular', sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 15px;
	color: #111;	
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;

	background-size: 100%;
	background-repeat: repeat-y;
	height: 100%;
	 background-image: url(/wp-content/themes/koelblkruse/img/pattern_bg.jpg);
}
@media screen and (max-width: 414px){
	body{
		font-size: 13px;
	}
}
.page-content{
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-direction: column;
	    -webkit-flex-direction: column;
	    flex-direction: column;
	height: 100%;
}
.container{
	-ms-flex: 1 0 auto;
	    -webkit-flex: 1 0 auto;
	    flex: 1 0 auto;
	width: 100%;
	max-width: 980px;
	margin: 0 auto;
	background-color: #111;
	box-shadow: 0 0 5px rgba(0,0,0,0.5);
	padding: 2em 20px 10px 20px;
	color: #fff;
	position: relative;
}

[data-page="presse"] .container {
    position: unset;
}

/* Header */
.header-wrap{
	-ms-flex: 0 0 auto;
	    -webkit-flex: 0 0 auto;
	    flex: 0 0 auto;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-pack: start;
		-webkit-justify-content: flex-start;
		justify-content: flex-start;
	-ms-flex-align: flex-start;
		-webkit-align-items: flex-start;
		align-items: flex-start;
	-ms-flex-wrap: wrap;
	    -webkit-flex-wrap: wrap;
	    flex-wrap: wrap;

	position: relative;
	
	width: 100%;
	max-width: 980px;
	margin: 0 auto -50px auto;
	padding: 20px;

	z-index: 99;
}
.header-image{
	max-height: 150px;
	
}
.header-content{
	-ms-flex: 1;
	    -webkit-flex: 1;
	    flex: 1;
	text-align: right;
}
.header-content .header-img{
	width: 100%;
	max-width: 200px;
}
.header-content h2{
	font-family: 'Trade_Bold', sans-serif;
	font-size: 2.8em;
	color: #111;
	text-align: right;
}
.header-wrap .back-btn{
	position: absolute;
    bottom: 48px;
    right: 2px;
    padding: 5px 15px;
    background-color: orange;
    color: #111;
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
    transition: all 0.2s ease;
}
.header-wrap .back-btn:hover{
	cursor: pointer;
	padding: 5px 15px 15px 15px;
}
.header-wrap .back-btn:after{
	content: '';
    position: absolute;
    height: 5px;
    background-color: #111;
    bottom: -3px;
    left: 0;
    width: 100%;
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
    box-shadow: 0 0 2px rgba(0,0,0,0.5);
}

.header-wrap .ueberuns-btn{
	position: absolute;
    bottom: 48px;
    right: 180px;
    padding: 7px 15px;
    color: #111;
    background-color: #BEDB39;
    -webkit-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg);
    transition: all 0.2s ease;
    font-family: 'Trade_Bold', sans-serif;
}
.header-wrap .ueberuns-btn:hover,
.header-wrap .ueberuns-btn.active{
	cursor: pointer;
	padding: 7px 15px 15px 15px;
}
.header-wrap .ueberuns-btn.active{
	text-decoration: underline;
}
.header-wrap .ueberuns-btn:after{
	content: '';
    position: absolute;
    height: 5px;
    background-color: #111;
    bottom: -3px;
    left: 0;
    width: 100%;
    -webkit-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    transform: rotate(3deg);
    box-shadow: 0 0 2px rgba(0,0,0,0.5);
}

.header-wrap .projekte-btn{
	position: absolute;
    bottom: 48px;
    right: 103px;
    padding: 7px 15px;
    color: #111;
    background-color: #FD7400;
    -webkit-transform: rotate(2deg);
    -ms-transform: rotate(2deg);
    transform: rotate(2deg);
    transition: all 0.2s ease;
    font-family: 'Trade_Bold', sans-serif;
}
.header-wrap .projekte-btn:hover,
.header-wrap .projekte-btn.active{
	cursor: pointer;
	padding: 7px 15px 15px 15px;
}
.header-wrap .projekte-btn.active{
	text-decoration: underline;
}
.header-wrap .projekte-btn:after{
	content: '';
    position: absolute;
    height: 5px;
    background-color: #111;
    bottom: -3px;
    left: 0;
    width: 100%;
    -webkit-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
    box-shadow: 0 0 2px rgba(0,0,0,0.5);
}
@media screen and (max-width: 414px){
	.header-wrap{
		-ms-flex-pack: center;
		    -webkit-justify-content: center;
		    justify-content: center;
	}
	.header-wrap.with-submenu{
		margin-bottom: 0;
	}
	.header-wrap.with-submenu .back-btn,
	.header-wrap.with-submenu .ueberuns-btn,
	.header-wrap.with-submenu .projekte-btn{
		bottom: -2px;
	}
	.header-wrap.with-submenu .ueberuns-btn{
		right: auto;
		left: 5px;
	}
	.header-wrap.with-submenu .projekte-btn{
		right: auto;
		left: 98px;
	}
	.header-image-href{
		-ms-flex-order: 2;
		-webkit-order: 2;
		order: 2;
	}
	.header-image{
		max-height: 100px;
	}
	.header-content{
		-ms-flex-order: 1;
		    -webkit-order: 1;
		    order: 1;
		-ms-flex: 1 0 100%;
		    -webkit-flex: 1 0 100%;
		    flex: 1 0 100%;
		margin-bottom: 10px;

		text-align: center;
	}
	.header-content h2{
		text-align: center;
	}
	.header-content h2{
		font-size: 2.5em;
	}
}

/* Startseite */
.home-wrap{
	height: 90vh;
}
.home-wrap > div {
	display: none;
	width: 100%;
	height: 100%;
}
.home-wrap .startseite_desktop {
	display: block;
}
@media only screen and (max-width: 414px) and (orientation: portrait){
	.home-wrap .startseite_desktop {
		display: none;
	}
	.home-wrap .startseite_iphone_portrait {
		display: block;
	}
}
@media only screen and (max-width: 414px) and (orientation: landscape){
	.home-wrap .startseite_desktop {
		display: none;
	}
	.home-wrap .startseite_iphone_landscape {
		display: block;
	}
}
.home-wrap div svg{
	display: block;
	width: 100%;
	height: 100%;
}
.home-wrap div svg g {
	cursor: pointer;
	-webkit-transform-origin: center;
	-ms-transform-origin: center;
	transform-origin: center;
	transition: all 0.2s ease;
}
.home-wrap div svg g:hover{
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
}

/* KKFM */
.kkfm-objekte{
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	    -webkit-flex-wrap: wrap;
	    flex-wrap: wrap;
	-ms-flex-align: start;
	    -webkit-align-items: flex-start;
	    align-items: flex-start;
	width: 100%;
}
.kkfm-content{
	-ms-flex: 1 0 50%;
	    -webkit-flex: 1 0 50%;
	    flex: 1 0 50%;

	text-align: left;
	line-height: 1.2em;

	padding: 10px;
    text-align: justify;

}
.kkfm-content h3{
	font-family: 'Trade_Bold', sans-serif;
	font-size: 1.5em;
	margin-bottom: 10px;
}
.kkfm-content p{
	margin-bottom: 10px;
}
.kkfm-kontakt{
	text-align: right;
}
.kkfm-link{
	-ms-flex: 1 0 100%;
	    -webkit-flex: 1 0 100%;
	    flex: 1 0 100%;
	text-align: center;
	padding: 20px 10px;
}
.kkfm-objekte .kkfm-item-wrap{
	-ms-flex: 0 0 25%;
	    -webkit-flex: 0 0 25%;
	    flex: 0 0 25%;
	padding: 10px;
}
.kkfm-objekte .kkfm-item-image{
	width: 100%;
	height: 125px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.kkfm-objekte .kkfm-item-content{
	font-size: 0.8em;
	margin-top: 5px;
}
.kkfm-objekte .kkfm-item-content strong{
	display: inline-block;
	font-size: 1.2em;
	margin: 2px 0 5px 0;
}
@media screen and (max-width: 414px){
	.kkfm-content{
		-ms-flex: 1 0 100%;
		    -webkit-flex: 1 0 100%;
		    flex: 1 0 100%;
	}
	.kkfm-objekte .kkfm-item-wrap{
		-ms-flex: 0 0 50%;
	    -webkit-flex: 0 0 50%;
	    flex: 0 0 50%;
	}
	.kkfm-kontakt{
		text-align: left;
	}
}

/* Construction Management */
.construction-management{
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	    -webkit-flex-wrap: wrap;
	    flex-wrap: wrap;
}
.construction-management-image-wrap{
	-ms-flex: 1 0 50%;
	    -webkit-flex: 1 0 50%;
	    flex: 1 0 50%;

	padding: 10px;
}
.construction-management-content{
	-ms-flex: 1 0 50%;
	    -webkit-flex: 1 0 50%;
	    flex: 1 0 50%;

	padding: 10px;
	text-align: justify;
	line-height: 1.2em;
}
.construction-management-content p{
	margin-bottom: 10px;
}
.construction-management-image-wrap .image{
	width: 100%;
	height: 300px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.construction-management-image-wrap .image-sub{
	padding: 10px 0;
}
@media screen and (max-width: 414px){
	.construction-management-image-wrap{
		-ms-flex: 1 0 100%;
		    -webkit-flex: 1 0 100%;
		    flex: 1 0 100%;

		-ms-flex-order: 2;

		    -webkit-order: 2;

		    order: 2;
	}
	.construction-management-content{
		-ms-flex: 1 0 100%;
		    -webkit-flex: 1 0 100%;
		    flex: 1 0 100%;

		-ms-flex-order: 1;

		    -webkit-order: 1;

		    order: 1;
	}
	.construction-management-image-wrap .image{
		height: 200px;
	}
}

/*Videos*/
.videos-wrap{
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	    -webkit-flex-wrap: wrap;
	    flex-wrap: wrap;
}
.videos-wrap .video-item{
	-ms-flex: 0 0 50%;
	    -webkit-flex: 0 0 50%;
	    flex: 0 0 50%;

	padding: 10px;
}
.videos-wrap .video-item .video-title{
	font-family: 'Trade_Bold', sans-serif;
	padding: 5px 5px 5px 0;
	font-size: 1.5em;
}
.embed-container { 
	position: relative; 
	height: 0;
	overflow: hidden;
	max-width: 100%;
	height: auto;
}
.embed-container iframe,
.embed-container object,
.embed-container embed { 
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.fake-border{
    width: 100%;
    height: 100%;
    background-color: transparent;
    border: 2px solid #111;
}

.video-js .vjs-big-play-button {
	left: calc(50% - 1.5em) !important;
	top: calc(50% - 0.75em) !important;
	border-radius: 0px !important;
}


@media screen and (max-width: 414px){
	.videos-wrap .video-item{
		-ms-flex: 0 0 100%;
		    -webkit-flex: 0 0 100%;
		    flex: 0 0 100%;
		padding: 10px;
	}
}

/* Kontakt */
.kontakt-content{
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	    -webkit-flex-wrap: wrap;
	    flex-wrap: wrap;

	text-align: justify;
	line-height: 1.4em;
}
.kontakt-info,
.kontakt-address{
	-ms-flex: 1 0 50%;
	    -webkit-flex: 1 0 50%;
	    flex: 1 0 50%;

	padding: 10px;
}
.kontakt-info h3,
.kontakt-address h3{
	font-family: 'Trade_Bold', sans-serif;
	margin-bottom: 10px;
}
.kontakt-info p,
.kontakt-address p{
	margin-bottom: 10px;
}
.kontakt-address{
	text-align: right;
}
.kontakt-map {
	max-width: 100%;
	height: 400px;
	margin: 10px;
	border-radius: 3px;
}
.kontakt-map img {
   max-width: inherit !important;
}
.map_wrap{
	width: 100%;
}
.map_wrap img{
	width: auto;
	max-width: 100%;
	height: auto;
	display: block;
  margin: 0 auto;
  transition: all 0.2s ease;
  -webkit-transform:  scale(0.98);
  -ms-transform:  scale(0.98);
  transform:  scale(0.98);
}
.map_wrap img:hover{
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}
.anfahrt-wrap{
	padding: 20px 0;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	    -webkit-flex-wrap: wrap;
	    flex-wrap: wrap;

	line-height: 1.2em;

	border-bottom: 1px solid rgba(255,255,255,0.1);
}
.anfahrt-title{
	display: block;
	width: 100%;
	font-family: 'Trade_Bold', sans-serif;
	font-size: 2em;
	padding: 10px 20px;
	text-align: center;
	border-bottom: 1px solid rgba(255,255,255,0.1);
}
.anfahrt-wrap:last-child{
	border-bottom: none;
}
.anfahrt-item{
	padding: 10px;
	-ms-flex: 1 0 50%;
	    -webkit-flex: 1 0 50%;
	    flex: 1 0 50%;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;
	-ms-flex-pack: start;
	    -webkit-justify-content: flex-start;
	    justify-content: flex-start;
	-ms-flex-align: start;
	    -webkit-align-items: flex-start;
	    align-items: flex-start;
}
@media screen and (max-width: 414px){
	.anfahrt-item{
		-ms-flex: 1 0 100%;
		    -webkit-flex: 1 0 100%;
		    flex: 1 0 100%;
	}
}
.anfahrt-item .icon-wrap{
	border-radius: 3px;
	background-color: #0066b3;
	color: #fff;
	padding: 5px;
	font-size: 1.5em;
	margin: 0 15px 0 0;
	text-align: center;
}
.anfahrt-item div{
	margin-top: 5px;
}
.anfahrt-item h3{
	font-family: 'Trade_Bold', sans-serif;
	margin-bottom: 10px;
}
.anfahrt-item h3 .anfahrt-hl{
	background-color: #0066b3;
	color: #fff;
	padding: 2px 5px;
	border-radius: 2px;
}

@media screen and (max-width: 414px){
	.kontakt-info,
	.kontakt-address{
		-ms-flex: 1 0 100%;
		    -webkit-flex: 1 0 100%;
		    flex: 1 0 100%;
	}
	.kontakt-address{
		text-align: left;
	}
	.acf-map{
		height: 200px;
	}
}

/* Aktuelles */
.aktuelles-wrap{
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	    -webkit-flex-wrap: wrap;
	    flex-wrap: wrap;
	padding: 10px;
}
.aktuelles-item{
	-ms-flex: 1 0 100%;
	    -webkit-flex: 1 0 100%;
	    flex: 1 0 100%;
	padding: 20px 0;
}
.aktuelles-item-inner{
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	    -webkit-flex-wrap: wrap;
	    flex-wrap: wrap;
}
.aktuelles-image{
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center top;

	-ms-flex: 0 0 400px;
	    -webkit-flex: 0 0 400px;
	    flex: 0 0 400px;
	height: 350px;
	position: relative;
}

.aktuelles-image.hochformat{
	background-size: cover;
	height: auto;
	width: 400px;		
}*

.aktuelles-content{
	-ms-flex: 1;
	    -webkit-flex: 1;
	    flex: 1;
	padding-left: 20px;
}
.aktuelles-title{
	font-family: 'Trade_Bold', sans-serif;
	font-size: 1.5em;
	margin-bottom: 5px;
}
.aktuelles-date{
	display: block;
	font-family: 'Trade_Bold', sans-serif;
	font-size: 0.8em;
	margin-bottom: 20px;
}
.aktuelles-date i{
	margin-right: 5px;
}
.aktuelles-description{
	line-height: 1.4em;
	text-align: justify;
}
.aktuelles-description a{
	margin-top: 20px;
	font-weight: bold;
}
.aktuelles-description p{
	margin-bottom: 10px;
}
@media screen and (max-width: 414px){
	.aktuelles-image{
		-ms-flex: 1 0 100%;
		-webkit-flex: 1 0 100%;
		flex: 1 0 100%;
		margin-bottom: 10px;
		height: 200px;
	}
	.aktuelles-content{
		padding-left: 0;
		-ms-flex: 1 0 100%;
    -webkit-flex: 1 0 100%;
    flex: 1 0 100%;
	}
	.aktuelles-date{
		margin-bottom: 10px;
	}
}

/* Stellenanzeigen */
.bewerbung-wrap{
	padding: 10px;
}
.stellenanzeige-title{
	font-family: 'Trade_Bold', sans-serif;
	font-size: 1.2em;
	margin-bottom: 10px;
}
.stellenanzeige-entry{
	font-size: 1em;
	margin-bottom: 2px;
	color: silver;
}
/* Stellenanzeigen > Table */
.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 2rem;
}
.table .btn-o{
	white-space: nowrap;
}
.table > thead > tr,
.table > tbody > tr,
.table > tfoot > tr {
  transition: all 0.3s ease;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  text-align: left;
  padding: 1em 1.6em;
  vertical-align: middle;
  border-top: 0;
  transition: all 0.3s ease;
}
.table > thead > tr > th {
  font-weight: 700;
  color: #fff;
  vertical-align: bottom;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.table > tbody + tbody {
  border-top: 1px solid rgba(255, 255, 255, 0.05);
}
.table .no-entrys{
	text-align: center;
	font-weight: 700;
	font-size: 1.5em;
}
.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
  background-color: rgba(255, 255, 255, 0.05);
}
@media screen and (max-width: 768px) {
  .table-responsive-vertical > .table {
    margin-bottom: 0;
    background-color: transparent;
  }
  .table-responsive-vertical > .table > thead,
  .table-responsive-vertical > .table > tfoot {
    display: none;
  }
  .table-responsive-vertical > .table > tbody {
    display: block;
  }
  .table-responsive-vertical > .table > tbody > tr {
    display: block;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 2px;
    margin-bottom: 1em;
  }
  .table-responsive-vertical > .table > tbody > tr > td {
    display: block;
    vertical-align: middle;
    text-align: center;
  }
  .table-responsive-vertical > .table-hover > tbody > tr:hover > td,
  .table-responsive-vertical > .table-hover > tbody > tr:hover {
    background-color: rgba(255, 255, 255, 0.05);
  }
  .table-responsive-vertical > .table-hover > tbody > tr > td:hover {
    background-color: rgba(255, 255, 255, 0.05);
  }
}

/* Presse */
.presse-wrap{
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	    -webkit-flex-wrap: wrap;
	    flex-wrap: wrap;
	padding: 10px;
}
.presse-item{
	-ms-flex: 1 0 100%;
	    -webkit-flex: 1 0 100%;
	    flex: 1 0 100%;
	padding: 20px 0;
}
.presse-item-inner{
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	    -webkit-flex-wrap: wrap;
	    flex-wrap: wrap;
}
.presse-image{
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;

	-ms-flex: 0 0 400px;
	    -webkit-flex: 0 0 400px;
	    flex: 0 0 400px;
	height: 350px;
	position: relative;
}
.presse-content{
	-ms-flex: 1;
	    -webkit-flex: 1;
	    flex: 1;
	padding-left: 20px;
}
.presse-title{
	font-family: 'Trade_Bold', sans-serif;
	font-size: 1.5em;
	margin-bottom: 20px;
}
.presse-date{
	display: block;
	font-family: 'Trade_Bold', sans-serif;
	font-size: 0.8em;
	margin-bottom: 5px;
}
.presse-date i{
	margin-right: 5px;
}
.presse-description{
	line-height: 1.4em;
	margin-bottom: 20px;
	text-align: justify;
}
.presse-description p{
	margin-bottom: 10px;
}
@media screen and (max-width: 414px){
	.presse-image{
    -webkit-flex: 1 0 100%;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
		margin-bottom: 10px;
		height: 200px;
	}
	.presse-content{
		padding-left: 0;
    -webkit-flex: 1 0 100%;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
	}
	.presse-date{
		margin-bottom: 10px;
	}
}

/* Wer wir sind / Über uns */
/* Aktuelles */
.ueber-uns-wrap{
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	    -webkit-flex-wrap: wrap;
	    flex-wrap: wrap;
	padding: 10px;
}
.ueber-uns-item{
	-ms-flex: 1 0 100%;
	-webkit-flex: 1 0 100%;
	    flex: 1 0 100%;
	padding: 20px 0;
}
.ueber-uns-item-inner{
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	    -webkit-flex-wrap: wrap;
	    flex-wrap: wrap;
}
.ueber-uns-content{
	-ms-flex: 1;
	    -webkit-flex: 1;
	    flex: 1;
	padding: 0 20px;
}
.ueber-uns-title{
	font-family: 'Trade_Bold', sans-serif;
	font-size: 1.5em;
	margin-bottom: 5px;
}
.ueber-uns-date{
	display: block;
	font-family: 'Trade_Bold', sans-serif;
	font-size: 0.8em;
	margin-bottom: 20px;
}
.ueber-uns-date i{
	margin-right: 5px;
}
.ueber-uns-description{
	line-height: 1.4em;
	margin-bottom: 20px;
	text-align: justify;
}
.ueber-uns-description p{
	margin-bottom: 10px;
}
@media screen and (max-width: 414px){
	.ueber-uns-content{
		padding-left: 0;
		padding-right: 0;
	}
	.ueber-uns-date{
		margin-bottom: 10px;
	}
}

/* Projekte */
.projekte-wrap{
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	    -webkit-flex-wrap: wrap;
	    flex-wrap: wrap;

	padding: 10px;
}
.projekte-item{
	-ms-flex: 0 0 33.333%;
	    -webkit-flex: 0 0 33.333%;
	    flex: 0 0 33.333%;
	padding: 10px;
}
.projekte-item-inner{
	position: relative;
}
.projekte-image-wrap{
	position: relative;
}
.projekte-image-wrap .btn-o{
	margin-top: 10px;
	margin-bottom: 10px;
}
.image-overlay{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(to top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 100%);

	display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
	-ms-flex-direction: column;
	    -webkit-flex-direction: column;
	    flex-direction: column;
	-ms-flex-pack: end;
	    -webkit-justify-content: flex-end;
	    justify-content: flex-end;

	-ms-flex-align: center;
	    -webkit-align-items: center;
	    align-items: center
}
.projekte-image{
	width: 100%;
	height: 275px;
	
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;

	position: relative;
}
.projekt-kategorie{
	text-align: center;
	padding: 2px 5px;
}
.projekt-titel{
	font-size: 1.5em;
	text-align: center;
	font-family: 'Trade_Bold', sans-serif;
	padding: 5px;
}
.projekt-meta{
	text-align: center;
	padding: 2px 5px 5px 5px;
	font-size: 0.8em;
}
@media screen and (max-width: 414px){
	.projekte-item{
		-ms-flex: 0 0 100%;
		    -webkit-flex: 0 0 100%;
		    flex: 0 0 100%;
		padding: 10px;
	}
	.projekte-image{
		height: 200px;
	}
}

/* Projekt Single */
.projekt-single-wrap{
	padding: 10px;
}
.projekt-single-image-wrap{
	position: relative;
}
.projekt-single-image{
	width: 100%;
	height: 450px;
	
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;

	position: relative;
}
.projekt-single-image-overlay{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(to top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%);

	display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
	-ms-flex-direction: column;
	    -webkit-flex-direction: column;
	    flex-direction: column;
	-ms-flex-pack: center;
	    -webkit-justify-content: center;
	    justify-content: center;

	-ms-flex-align: center;
	    -webkit-align-items: center;
	    align-items: center
}
.projekt-single-image-overlay .projekt-kategorie{
	font-size: 1.2em;
}
.projekt-single-image-overlay .projekt-titel{
	font-size: 3em;
}
.projekt-single-content{
	line-height: 1.4em;
	padding: 10px;
	margin: 20px 0;
	text-align: justify;
}

.projekt-single-content p {
	margin-bottom: 1.4em;
}
.projekt-single-gallery{
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-pack: start;
	    -webkit-justify-content: flex-start;
	    justify-content: flex-start;
	-ms-flex-align: start;
	    -webkit-align-items: flex-start;
	    align-items: flex-start;
	-ms-flex-wrap: wrap;
	    -webkit-flex-wrap: wrap;
	    flex-wrap: wrap;
}
.projekt-single-gallery-image-wrap{
	-ms-flex: 1 0 300px;
	    -webkit-flex: 1 0 300px;
	    flex: 1 0 300px;
	height: 300px;
	padding: 10px;
}
.projekt-single-gallery-image-wrap.double{
	-ms-flex: 1 0 600px;
	    -webkit-flex: 1 0 600px;
	    flex: 1 0 600px;
	height: 300px;
}
.projekt-single-gallery-image{
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;

	width: 100%;
	height: 100%;

	position: relative;
}

@media screen and (max-width: 414px){
	.projekt-single-image{
		height: 250px;
	}
	.projekt-single-gallery-image-wrap{
		-ms-flex: 1 0 100%;
		    -webkit-flex: 1 0 100%;
		    flex: 1 0 100%;
		height: 200px;
		padding: 10px;
	}
	.projekt-single-gallery-image-wrap.double{
		-ms-flex: 1 0 100%;
		    -webkit-flex: 1 0 100%;
		    flex: 1 0 100%;
		height: 200px;
	}
}

/* Quiz */
.slide-btn, .answer{
	cursor: pointer;
}
.quiz-wrap{
	margin-top: 20px;
	overflow: hidden;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	width: 100%;
	border-radius: 3px;
	border: 2px solid rgba(255,255,255,0.8);
}
.quiz-slide{
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex: 1 0 100%;
	    -webkit-flex: 1 0 100%;
	    flex: 1 0 100%;

	-ms-flex-wrap: wrap;
	    -webkit-flex-wrap: wrap;
	    flex-wrap: wrap;

	transition: all 0.2s ease;
}
.quiz-slide-left{
	-ms-flex: 0 0 60%;
	    -webkit-flex: 0 0 60%;
	    flex: 0 0 60%;
}
.quiz-slide-right{
	-ms-flex: 0 0 40%;
	    -webkit-flex: 0 0 40%;
	    flex: 0 0 40%;
}
@media screen and (max-width: 414px){
	.quiz-slide-left{
		-ms-flex: 0 0 100%;
		    -webkit-flex: 0 0 100%;
		    flex: 0 0 100%;
	}
	.quiz-slide-right{
		-ms-flex: 0 0 100%;
		    -webkit-flex: 0 0 100%;
		    flex: 0 0 100%;
	}
}
.quiz-image{
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 500px;
}
.quiz-slide-left img{
	width: 100%;
}
@media screen and (max-width: 414px){
	.quiz-image{
		min-height: 300px;
	}
}
.quiz-text{
	text-align: center;
	padding: 10px 40px;
	line-height: 1.4em;
}
@media screen and (max-width: 414px){
	.quiz-text{
		padding: 20px 20px;
	}
}
.quiz-text h2{
	font-family: 'Trade_Bold', sans-serif;
	font-size: 1.5em;
	margin-bottom: 10px;
	text-align: center;
	line-height: 1.2em;
}
.quiz-text .infotext{
	margin: 20px 0;
	text-align: center;
}
.answer-wrap{
	margin: 20px 0;
}
.answer-wrap li{
	display: block;
	margin: 10px 0;
}
.answer{
	display: block;
	text-transform: unset;
}
.answer-tt{
	display: none;
}
.answer-bool{
	font-family: 'Trade_Bold', sans-serif;
	margin-bottom: 5px;
}
.quiz-btn{
	margin-top: 10px;
	cursor: pointer;
	padding: 7px 20px;
}

/* Schachtel (Pralinen) */
.schachtel-wrap{
	padding: 0 20px;
}
.schachtel-titel{
	font-family: 'Trade_Bold', sans-serif;
	margin-bottom: 10px;
	font-size: 1.5em;
}
/* Bild + Text */
.schachtel-bild_text{
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	    -webkit-flex-wrap: wrap;
	    flex-wrap: wrap;
	padding: 20px 0 40px 0;
}
.schachtel-bild_text-img{
	width: 100%;
	max-width: 338px;
	height: 100%;
}
.schachtel-bild_text-content{
	-ms-flex: 1;
	    -webkit-flex: 1;
	    flex: 1;
	padding: 0 0 0 20px;
	line-height: 1.2em;
	text-align: justify;
}
@media screen and (max-width: 414px){
	.schachtel-bild_text-content{
		-ms-flex: 0 0 100%;
	    	-webkit-flex: 0 0 100%;
	    	flex: 0 0 100%;

	   	padding: 20px 0 0 0;
	}
}
/* Inhalt + Galerie */
.schachtel-inhalt_galerie{
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	    -webkit-flex-wrap: wrap;
	    flex-wrap: wrap;
	-ms-flex-align: start;
	    -webkit-align-items: flex-start;
	    align-items: flex-start;
	padding: 20px 0 40px 0;
}
.schachtel-inhalt_galerie-video-wrap{
	-ms-flex: 0 0 338px;
	-webkit-flex: 0 0 338px;
	    flex: 0 0 338px;
}
.schachtel-inhalt_galerie-video{
	width: 100%;
	height: auto;
}
.schachtel-inhalt_galerie-text{
	-ms-flex: 1;
	    -webkit-flex: 1;
	    flex: 1;
	padding: 0 0 0 20px;
	line-height: 1.2em;

	text-align: justify;
}
.schachtel-inhalt_galerie-text p{
	margin-bottom: 10px;
}
@media screen and (max-width: 414px){
	.schachtel-inhalt_galerie-video-wrap,
	.schachtel-inhalt_galerie-text{
		-ms-flex: 1 0 100%;
	    	-webkit-flex: 1 0 100%;
	    	flex: 1 0 100%;
	}
	.schachtel-inhalt_galerie-text{
		padding: 20px 0 0 0;
	}
}
/* Video */
.schachtel-video{
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	    -webkit-flex-wrap: wrap;
	    flex-wrap: wrap;
	padding: 20px 0 40px 0;
}
.schachtel-video-wrap{
	-ms-flex: 0 0 338px;
	-webkit-flex: 0 0 338px;
	    flex: 0 0 338px;
}
.schachtel-video-wrap video{
	width: 100%;
	height: auto;
}
.schachtel-video-content{
	-ms-flex: 1;
	    -webkit-flex: 1;
	    flex: 1;
	padding-left: 20px;
	line-height: 1.2em;
}
@media screen and (max-width: 414px){
	.schachtel-video-wrap,
	.schachtel-video-content{
		-ms-flex: 1 0 100%;
	    	-webkit-flex: 1 0 100%;
	    	flex: 1 0 100%;
	}
	.schachtel-video-content{
		padding: 20px 0 0 0;
	}
}
/* Zertifikate */
.schachtel-zertifikate{
	padding: 20px 0 40px 0;
}
.schachtel-zertifikate-content{
	text-align: justify;
	line-height: 1.2em;
	margin-bottom: 20px;
}
.schachtel-zertifikate-content p{
	margin-bottom: 10px;
}
.schachtel-zertifikate a{
	margin: 0 0 10px 0;
}

/* Impressum */
.impressum-wrap{
	text-align: justify;
	padding: 10px;
	line-height: 1.4em;
}
.impressum-wrap h2{
	font-family: 'Trade_Bold', sans-serif;
	font-size: 1.5em;
	margin-top: 20px;
	margin-bottom: 10px;
}
.impressum-wrap h2:first-child{
	margin-top: 0;
}
.impressum-wrap p{
	margin-bottom: 10px;
}

/* Footer */
.page-footer{
	/*height: 100%;*/
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;

	-webkit-justify-content: center;

	-ms-flex-pack: center;

	justify-content: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;

	position: relative;
}
.page-footer .brand{
	-webkit-flex: 1 0 100%;
	-ms-flex: 1 0 100%;
	flex: 1 0 100%;
	/* width: 100%; */
	max-width: 250px;
	/*IE-Explorer*/
	width: 250px;
}
.page-footer .lang-switch{
	-webkit-flex: 1 0 100%;
	-ms-flex: 1 0 100%;
	flex: 1 0 100%;
	text-align: center;
}
.social{
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
}
.social li{
	-ms-flex: 1 auto;
	    -webkit-flex: 1 auto;
	    flex: 1 auto;
	padding: 10px;
	cursor: pointer;
	transition: all 0.2s ease;
}
.social li:hover{
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
}
@media screen and (max-width: 414px){
	.social{
		margin-top: 10px;
	}
}

.rechte-info:hover + .coupontooltip {
    display: flex;
}

.coupontooltip {
    display: none;
    background-color: rgba(16,16,16,0.8);
    color: #fff;
    position: absolute;
    z-index: 1000;
    font-size: 10px;
    overflow: hidden;
    width: 100%;
    height: 100%;
    padding: 25px;
    flex-direction: row;
    align-content: center;
    align-items: center;
    justify-content: center;

}

.projekt-single-gallery-image .rechte {
	position: absolute;
	bottom: 0px;
	padding: 4px 5px;
	background-color: #111;
	width: 100%;
	font-size: 10px;
}

/* Maps ACF */
.acf-map {
	width: 100%;
	height: 400px;
	margin: 20px 0;
}

/* fixes potential theme css conflict */
.acf-map img {
   max-width: inherit !important;
}

.rechte-info {
	z-index: 1001;
    background-color: rgba(16,16,16,1);
    border-radius: 50%;
    min-width: 20px;
    line-height: 20px;
    font-size: 11px;
    text-align: center;
    top: 5px;
    position: absolute;
    right: 5px;
}