@charset "UTF-8";
/* CSS Document */
/* ##### GENERELL SETTINGS #####----------------------------------*/
body {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	background-color:var(--c_greylight);
	color:var(--c_darkblue);
	font-family:'catamaran-regular';
	font-size:18px;
	line-height:1.4em;
	letter-spacing:0.04em;
}

@font-face {
    font-family:'catamaran-regular';
    src: url('https://www.werbeundform.com/at2/css/fonts/catamaran/regular/catamaran-regular-webfont.eot');
    src: url('https://www.werbeundform.com/at2/css/fonts/catamaran/regular/catamaran-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://www.werbeundform.com/at2/css/fonts/catamaran/regular/catamaran-regular-webfont.woff2') format('woff2'),
         url('https://www.werbeundform.com/at2/css/fonts/catamaran/regular/catamaran-regular-webfont.woff') format('woff'),
         url('https://www.werbeundform.com/at2/css/fonts/catamaran/regular/catamaran-regular-webfont.ttf') format('truetype'),
         url('https://www.werbeundform.com/at2/css/fonts/catamaran/regular/catamaran-regular-webfont.svg#catamaranregular') format('svg');
    font-weight:normal;
    font-style:normal;
}

@font-face {
    font-family:'catamaran-light';
    src: url('https://www.werbeundform.com/at2/css/fonts/catamaran/light/catamaran-light-webfont.eot');
    src: url('https://www.werbeundform.com/at2/css/fonts/catamaran/light/catamaran-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://www.werbeundform.com/at2/css/fonts/catamaran/light/catamaran-light-webfont.woff2') format('woff2'),
         url('https://www.werbeundform.com/at2/css/fonts/catamaran/light/catamaran-light-webfont.woff') format('woff'),
         url('https://www.werbeundform.com/at2/css/fonts/catamaran/light/catamaran-light-webfont.ttf') format('truetype'),
         url('https://www.werbeundform.com/at2/css/fonts/catamaran/light/catamaran-light-webfont.svg#catamaranlight') format('svg');
    font-weight:normal;
    font-style:normal;
}

@font-face {
    font-family:'catamaran-black';
    src: url('https://www.werbeundform.com/at2/css/fonts/catamaran/black/catamaran-black-webfont.eot');
    src: url('https://www.werbeundform.com/at2/css/fonts/catamaran/black/catamaran-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://www.werbeundform.com/at2/css/fonts/catamaran/black/catamaran-black-webfont.woff2') format('woff2'),
         url('https://www.werbeundform.com/at2/css/fonts/catamaran/black/catamaran-black-webfont.woff') format('woff'),
         url('https://www.werbeundform.com/at2/css/fonts/catamaran/black/catamaran-black-webfont.ttf') format('truetype'),
         url('https://www.werbeundform.com/at2/css/fonts/catamaran/black/catamaran-black-webfont.svg#catamaranblack') format('svg');
    font-weight:normal;
    font-style:normal;
}

/* ##### LINKS ##### ----------------------------------*/

a { color:inherit; text-decoration:none; border:0 none;}
a:hover { cursor:pointer; }
a.txtlink { text-decoration:underline; color:var(--c_red);}
a.txtlink.external { color:#000000;}
a.txtlink:hover, a.formdetail_link:hover { opacity:0.8;}
a:link img {border:0px;}

/* ##### HEADLINES | TXT | MARKUPS ##### ----------------------------------*/

h1, h2, h3, h4 { margin:0; padding:0; font-weight:normal;}
h1 { font-family:'catamaran-black'; font-size:4.2em; line-height:1.1em;}
h2 { font-family:'catamaran-regular'; font-size:1.2em; line-height:1.3em;}
h3 { font-family:'catamaran-light'; font-size:0.9em; line-height:1.2em;}
h4 { font-family:'catamaran-light'; font-size:0.9em; line-height:1.2em;}

b { font-weight:normal; font-family:'catamaran-black';}
p { margin:0; padding:0; line-height:1.4em; float:left;}
small { font-size:0.8em;}

.txt_center { text-align:center;}
.txt_left { text-align:left;}
.txt_right { text-align:right;}
.txt_block { text-align:justify;}
.uppercase { text-transform:uppercase;}

#arbeitsfelder .txt_col04 > h1 { text-transform:uppercase; font-size:1.4em;}
h1, h2, h3, h4, .bak_text, .txt_about {-webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -ms-font-smoothing: antialiased; -o-font-smoothing: antialiased;}

/* ##### ELEMENTS / TAGS ##### ----------------------------------*/
hr {
	width:100%;
	margin:20px 0 30px 0;
	border-bottom:1px solid rgba(17,21,23,0.5);
	border-top:0px;
	border-left:0px;
	border-right:0px;
}
.borderline { width:100%; height:1px; float:left;}
.borderline.light { background-color:rgba(255,255,255,0.5);}
.borderline.dark { background-color:rgba(0,0,0,0.5);}
.borderline.red { background-color:rgba(227,6,19,0.5);}

.omega { float:right !important;}
.alpha { float:left !important;}

/* ##### COLOURS ##### ----------------------------------*/

body { 
	--c_black:rgba(0,0,0,1);
	--c_greylight:rgba(245,245,245,1);
	--c_white:rgba(255,255,255,1);
	--c_red:rgba(227,6,19,1);
	--c_softred:rgba(233,66,86,1);
	--c_darkblue:rgba(17,21,23,1);
}

.bg_black {background-color:var(--c_black);}
.bg_greylight {background-color:var(--c_greylight);}
.bg_white {background-color:var(--c_white);}
.bg_softred {background-color:var(--c_softred);}
.bg_red {background-color:var(--c_red);}
.c_white {color:var(--c_white);}

/* ##### PAGE SELECTOR ##### ----------------------------------*/
.page_content#start { 
	min-height:608px;
	box-shadow:inset 0px 0px 0px 6px rgba(233,66,86,1);
	background-color:rgba(255,255,255,1);
	background-image:url(../img/elements/wf_atlas.jpg);
	background-position:50% 50%;
	background-repeat:no-repeat;
	margin-top:-58px;
}
.page_content#arbeitsfelder { 
	background-color:var(--c_softred);
	color:var(--c_white);
	
	background:-ms-linear-gradient(180deg, rgba(232,66,86,1) 0%, rgba(150,71,71,1) 100% );
	background:-webkit-linear-gradient(180deg, rgba(232,66,86,1) 0%, rgba(150,71,71,1) 100% );
	background:-moz-linear-gradient(180deg, rgba(232,66,86,1) 0%, rgba(150,71,71,1) 100% );
	background:-o-linear-gradient(180deg, rgba(232,66,86,1) 0%, rgba(150,71,71,1) 100% );
	background:linear-gradient(180deg, rgba(232,66,86,1) 0%, rgba(150,71,71,1) 100% );
}

.page_content#projekte-arbeiten { background-color:var(--c_softred); color:var(--c_white); width:90%; padding:50px 5% 40px 5%;}
.page_content#projekte-arbeiten h1 { padding-bottom:40px;}
.page_content#statements { min-height:500px; color:var(--c_darkblue); padding:0; width:100%;}
.page_content#kontakt { width:100%; padding:0;}
/* ##### PAGE CONTENT ##### ----------------------------------*/

.page_content { width:84%; padding:80px 8% 80px 8%; float:left;}
.page_content .row { width:100%; float:left;}

.page_content .col.fullwidth { width:100%; float:left; margin:0 0 0 0;}
.col.main { width:78%; float:left; margin:0 2% 20px 0;}
.col.side { width:20%; float:left; margin:0 0 20px 0%;}

.page_content .intro { width:400px; float:left;}
.page_content h2 { padding:10px 0 10px 0; }

.divider {
	width:28px;
	height:1px;
	float:left;
	margin:5px 0 10px 0;
	background-color:rgba(17,21,23,0.5);
}

.page_content h2 + .divider { margin:20px 0;}

.page_content .intro > .row > h2 { font-family:'catamaran-light'; font-size:4em; line-height:1.1em;} 
.page_content .intro > .row > p {
	font-family:'catamaran-black';
	font-style:normal;
	font-size:5.3em;
	line-height:1.0em;
}

.page_content .intro p::first-letter { margin-right:-0.08em;}

.page_content .intro > .row.we-are-from-vorarlberg { margin-top:80px;}
.page_content .intro > .row.we-are-from-vorarlberg span { width:100%; float:left; font-size:0.8em; line-height:1.4em; letter-spacing:0.2em;}
.page_content .intro > .row.we-are-from-vorarlberg span a { text-decoration:underline;}
.page_content .intro > .row.we-are-from-vorarlberg .icon { width:16px; float:left; margin:8px 0 0 0;}

.page_content#arbeitsfelder .innerrow > .col.fullwidth h1 { margin:0; padding:0;}
.page_content#arbeitsfelder .innerrow > .col.fullwidth h1,
.page_content#arbeitsfelder .innerrow > .col.fullwidth h2 { width:100%; float:left; text-align:center;}

.page_content#arbeitsfelder .wrap_maincat { width:100%; float:left; margin:40px 0 100px 0;}
.page_content#arbeitsfelder .wrap_maincat .maincat { width:23%; float:left; margin:0 1%; background-color:rgba(0,0,0,0.15);}
.page_content#arbeitsfelder .wrap_maincat .maincat:hover {box-shadow:0px 20px 40px rgba(17,21,23,0.4); -webkit-transform:translate(0, -20px);-moz-transform:translate(0, -20px);-ms-transform:translate(0, -20px);-o-transform:translate(0, -20px);}

.page_content#arbeitsfelder .wrap_maincat .maincat .illustration { width:100%; max-width:200px; height:200px; float:none; margin:50px auto 20px auto;}
.page_content#arbeitsfelder .wrap_maincat .maincat:hover .illustration { transform:scale(0.9); -webkit-transform:scale(0.9); -moz-transform:scale(0.9); -ms-transform:scale(0.9); -o-transform:scale(0.9);}
.page_content#arbeitsfelder .wrap_maincat .maincat .text { width:100%;}
.page_content#arbeitsfelder .wrap_maincat .maincat .text h1 { text-align:center; font-size:1.5em; color:var(--c_white); margin-bottom:30px;}

.innerrow {
	width:100%;
	max-width:1200px;
	margin:0 auto;
	padding:0 0%;
	float:none;
}

.txt_about { width:100%; float:left;}

.txt_about .leftcol {
	width:30%;
	float:left;
	margin:0 5% 0 0;
	text-align:right;
}

.txt_about .rightcol {
	width:65%;
	float:left;
	margin:120px 0 0 0;
	text-align:left;
}

.txt_about .leftcol h1 {width:100%; float:left; font-size:2.8em;}
.txt_about .leftcol .cta_item {width:100%; float:left; margin-top:80px;}
.txt_about .leftcol .cta_item b { font-size:1.3em; margin-bottom:12px; float:left; width:100%;}

.txt_about .rightcol p { max-width:590px; font-family:'catamaran-light'; font-size:1.2em; line-height:1.5em;}

.txt_col03 h1 { font-size:1.6em; text-align:center; text-transform:uppercase; margin-bottom:40px;}
.txt_col03 p {
	-webkit-column-count: 3;
	-webkit-column-gap: 1;
	-moz-column-count: 3;
	-moz-column-gap: 1;
	-ms-column-count: 3;
	-ms-column-gap: 1;
	-o-column-count: 3;
	-o-column-gap: 1;
	column-count:3;
	column-gap: 1;	
}

.page_content .category_headline { width:100%; float:left; text-align:center;}
.page_content .category_headline > h1 {
	font-family:'catamaran-black';
	font-size:6.0em;
	line-height:1.04em;
	padding:0;
}

.page_content .category_intro { width:100%; float:left; text-align:center;}
.page_content .category_intro h2, .page_content .category_intro p {width:60%; padding:10px 20%; float:left;}
.page_content .category_intro p { font-size:1.4em;}

.category_cta_wrap {
	width:100%;
	float:left;
	display:flex;
	justify-content:center;
}

.category_cta_wrap.start { margin-top:0;}

.page_content .txt_top {
	width:70%;
	float:left;
	font-size:1.16em;
	line-height:1.6em;
	margin:20px 0 50px 0;
	color:rgba(0,0,0,0.6);
}

.txt_sub { width:100%; float:left;}
.txt_sub > .info { 
	font-size:0.7em;
	float:left;
	text-transform:uppercase;
	margin-bottom:2px;
}

.txt_sub > .box { width:90%; padding:38px 5%;}

.txt_sub > .info:before {
	content:'';
	width:60px;
	height:1px;
	background-color:rgba(0,0,0,0.4);
	float:left;
	margin:10px 16px 0 -20px;
}

.txt_sub > .box > .image {
	width:200px;
	height:200px;
	margin:20px 0;
	overflow:hidden;
	box-shadow:0px 0px 20px rgba(0,0,0,0.1);
}

.txt_sub > .box > .text { width:64%; margin:20px 5% 0 5%;}
.txt_sub > .box > .text.noimage { width:90%; margin:20px 5% 0 5%;}
.txt_sub > .box > .text h2 { margin-bottom:8px;}

.txt_sub > .box:nth-of-type(even) > .image { float:left;}
.txt_sub > .box:nth-of-type(even) > .text {float:right;}
.txt_sub > .box:nth-of-type(odd) > .image { float:right;}
.txt_sub > .box:nth-of-type(odd) > .text {float:left; text-align:right;}


.datenschutz, .datenschutz p, .datenschutz h1, .datenschutz h2, .datenschutz h3, .datenschutz b { width:100%; float:left;}
.datenschutz h2 { margin-top:40px;}

article.steps { width:100%; float:left; margin:80px 0 0 0;}

.four_steps h2,
article.steps h2 { text-transform:uppercase;}
.four_steps h2::first-letter,
article.steps h2::first-letter { font-size:4.0em;}

article.steps b { width:100%; float:left; margin:30px 0 0 0;}

.section.fullwidth { width:100%; padding:60px 0; margin:0; float:left;}
.section.fullwidth > .row.inner {
	width:100%;
	max-width:1200px;
	float:none;
	margin:0 auto 0 auto;
}
.section.fullwidth > .row.inner .col06 {padding-top:100px; padding-bottom:100px;}
.section.fullwidth > .borderline { margin:0 0 80px 0;}

.category_web .c_button.web,
.category_design .c_button.design,
.category_konzeption .c_button.konzeption,
.category_beratung .c_button.beratung { outline:1px solid rgba(0,0,0,0.6) !important; color:rgba(0,0,0,0.8) !important; background-color:rgba(0,0,0,0.0)}

.section.fullwidth .category_select { width:96%; max-width:1200px; margin:0px auto -20px auto; padding:0 2%;}
.section.fullwidth .category_select span { float:left; text-transform:uppercase; font-size:0.8em; letter-spacing:0.2em; margin:0 0 0 0;}
.section.fullwidth .category_select .c_button { 
	width:auto; 
	padding:1px 1% 1px 1%; 
	margin:0px 1%; 
	font-size:0.65em;
	letter-spacing:0.2em;
	float:left;
	font-family:'catamaran-black';
	outline:1px solid rgba(0,0,0,0.1);
	color:rgba(0,0,0,0.5);
	text-align:center;
}
.section.fullwidth .category_select .c_button:hover { color:var(--c_black);}

input#welt-bak:checked ~ #sphere_wrap { display:none;}
input#welt-bak:checked ~ .sphere_bak { display:block;}

.sphere_bak {
	width:400px;
    position:absolute;
    padding:0;
    top:150px;
    left:50%;
    margin:0 0 0 -200px;
	display:none;
}

.sphere_bak > img { position:absolute; top:0;}

.bak_text { 
	width:100%;
	position:absolute;
	top:170px;
	text-align:center;
	color:var(--c_white);
	font-size:1.3em;
	letter-spacing:0.2em;
}

.bak_buttonwrap {
	width:100%; 
	position:absolute;
	top:210px;
	
	display: flex ;
	flex-direction: row ;
	flex-wrap: wrap ;
	justify-content: center ;
	align-items: center ;
	align-content: center ;
}

.bak_buttonwrap > a .bak_button{
	width:auto;
	padding:10px 12px 6px 12px;
	margin:5px 5px;
	line-height:1.0em;
	text-transform:uppercase;
	background-color:var(--c_darkblue);
	color:var(--c_white);
	letter-spacing:0.1em;
	font-size:0.9em;
}

label > .backup {
	width:100px;
	position:absolute;
	right:0;
	top:600px;
	padding:10px 8px 8px 10px;
	font-size:0.6em;
	line-height:1.2em;
	text-transform:uppercase;
	letter-spacing:0.1em;
	background-color:transparent;
	color:var(--c_darkblue);
	box-shadow:0px 0px 1px rgba(0,0,0,1);
}

label > .backup:hover { border-right:12px solid var(--c_red); background-color:var(--c_darkblue); color:var(--c_white); box-shadow:0px 0px 1px rgba(0,0,0,0);} 

/* ##### PANELS CONTENT CHANGER ##### ----------------------------------*/

input#share-option:checked ~ .popup_page { display:block;}
input#share-option:checked ~ .popup_page + .popupbackground { display:block;}

input#share-option-start:checked ~ .popup_page { display:block;}
input#share-option-start:checked ~ .popup_page + .popupbackground { display:block;}

input.radio { display:none;}
label:hover { cursor:pointer;}

/* ##### POPUP PAGE ##### ----------------------------------*/

.popup_page {
	width:60%;
	margin:10% 20% 0 20%;
	padding:60px 0;
	position:fixed;
	top:0;
	left:0;
	background-color:var(--c_white);
	color:var(--c_black);
	box-shadow:0px 0px 100px 4pt rgba(0,0,0,0.5);
	z-index:12000;
	display:none;
}
.popup_page .close {
	width:20px;
	height:20px;
	padding:10px;
	position:relative;
	top:-60px;
	right:0;
	float:right;
	background-color:var(--c_darkblue);
}
.popup_page .c_wrap { width:80%; padding:20px 10%;}
.popup_page .c_wrap:nth-of-type(1) h1 { font-size:2.6em; margin:0px 0 20px 0;}

.popup_page .c_wrap:nth-of-type(2) { padding-top:40px; margin-top:20px; border-top:1px solid rgba(0,0,0,0.1);}
.popup_page .c_wrap:nth-of-type(2) h2 { text-transform:uppercase;}

.popup_page .icon_wrap > .share_item > a .icon { 
	width:40px;
	height:40px;
	padding:16px;
	margin:20px 20px 0 0;
	float:left;
	background-color:var(--c_darkblue);
}
.popup_page .icon_wrap > .share_item > a .icon:hover { background-color:var(--c_red);}
.popupbackground {
	position:fixed;
	top:0;
	left:0;
	width:100%; 
	min-height:100%;
	background-color:rgba(17,21,23,0.6);
	z-index:9000;
	display:none;
}

/* ##### SERVICES ##### ----------------------------------*/

.wrap_services { width:100%; float:left;}

.wrap_services .s_item {
	width:25.33%;
	min-height:248px;
	margin:40px 2% 0px 2% !important;
	padding:32px 2%;
	background-color:var(--c_white);
	color:var(--c_darkblue);
	display:inline-table;
    float:left;
}

.wrap_services .col08 > .s_item { width:82%; margin:40px 5% 0px 5%; padding:32px 4%;}

.wrap_services .s_item:hover {
	box-shadow:0px 20px 40px rgba(17,21,23,0.4); 
	-webkit-transform:translate(0, -20px);
	-moz-transform:translate(0, -20px);
	-ms-transform:translate(0, -20px);
	-o-transform:translate(0, -20px);
}
.wrap_services .s_item > h2 { text-transform:uppercase;}
.wrap_services .s_item .divider { margin:10px 0 20px 0;}
.wrap_services .s_item > p { color:rgba(82,92,96,0.8);}

/* ##### BUTTONS ##### ----------------------------------*/

a > .bto.ic_link { color:var(--c_red);}
.bto.ic_link { width:100%; float:left; margin:20px 0;}
.bto.ic_link .icon { float:left; width:22px; height:22px; margin:0;}
.bto.ic_link span { 
	float:left; 
	margin:-2px 10px 0 0; 
	text-transform:uppercase;
	font-size:0.8em;
	letter-spacing:0.2em;
}
.row.links > a .bto.ic_link { width:auto !important; margin:20px 50px 0 0;}
.row.links > a .bto.ic_link span { margin:-3px 10px; }

.bto_wrap.mobile {
	width:100%;
	float:left;
	margin:40px 0 0 0;
	
	display:none;
	flex-direction:row;
	flex-wrap:wrap ;
	justify-content:center;
	align-items:stretch;
	align-content:center;
}

.bto.backlink {
	width:240px;
	margin:20px auto;
	text-transform:uppercase;
	letter-spacing:0.2em;
}

.bto.backlink:hover {color:var(--c_red);}

.bto.backlink .icon{
	width:40px;
	float:left;
	margin:-1px 15px 0 -10px;
}

.bto.galprev, .bto.galnext {
	width:12px;
	margin:-20px 0 0 0;
	position:fixed;
	top:50%;
	background-color:rgba(17,21,23,0.1);
}

.bto.galprev:hover, .bto.galnext:hover {background-color:var(--c_darkblue);}

.bto.galprev { left:0; padding:22px 25px 16px 22px;}
.bto.galnext { right:0; padding:22px 22px 16px 25px;}

.bto.red_button { padding:10px 24px 10px 24px; background-color:var(--c_red); color:var(--c_white);}
.bto.white_button { padding:10px 24px 10px 24px; background-color:var(--c_white); color:var(--c_red);}
.bto.black_button { padding:14px 24px 14px 24px; background-color:var(--c_darkblue); color:var(--c_white); line-height:1.0em;}

.bto.red_button, .bto.white_button, .bto.black_button {
	width:auto;
	float:left;
	margin:20px 0;
	text-transform:uppercase;
	font-size:0.7em;
	letter-spacing:0.1em;
} 

.bto.black_button:hover {
	-webkit-transform:skewY(0deg) rotate(0deg) translateY(-5px);
}

.bto.red_button > span { width:100%; float:left;}
.bto.red_button > img { width:36px; margin:-5px 0 0 -24px; float:right;}

.bto.white_button > span { width:100%; float:left;}
.bto.white_button > img { width:36px; margin:-5px 0 0 -24px; float:right;}

.bto_filter_selector {
	width:auto;
	float:left;
	padding:2px 20px 6px 20px; 
	background-color:var(--c_darkblue); 
	color:var(--c_white);
}

/* ##### BOX ##### ----------------------------------*/

.box {
	width:80%;
	margin:26px 0 5px 0;
	padding:36px 10%;
	background-color:var(--c_white);
	float:left;
}

.bg_white .box { outline:1px solid rgba(0,0,0,0.1); background-color:rgba(250,250,250,1)}

.box > a > .bto.ic_link {margin:5px 0; }

.col.side > .box h2,
.col.side > .box p { width:100%; float:left;}

/* ##### STATEMENTS ##### ----------------------------------*/

.wrap_statements { width:90%; float:left; padding:40px 5% 0 5%; position:relative;}

input#statement-01:checked ~ .customercase.cu-01,
input#statement-02:checked ~ .customercase.cu-02,
input#statement-03:checked ~ .customercase.cu-03,
input#statement-04:checked ~ .customercase.cu-04,
input#statement-05:checked ~ .customercase.cu-05 { display:block;}

input#statement-01:checked ~ .showcase_selector_wrap > .selector_navitem.back > label.label-05,
input#statement-02:checked ~ .showcase_selector_wrap > .selector_navitem.back > label.label-01,
input#statement-03:checked ~ .showcase_selector_wrap > .selector_navitem.back > label.label-02,
input#statement-04:checked ~ .showcase_selector_wrap > .selector_navitem.back > label.label-03,
input#statement-05:checked ~ .showcase_selector_wrap > .selector_navitem.back > label.label-04 {display:block;}

input#statement-01:checked ~ .showcase_selector_wrap > .selector_navitem.foreward > label.label-02,
input#statement-02:checked ~ .showcase_selector_wrap > .selector_navitem.foreward > label.label-03,
input#statement-03:checked ~ .showcase_selector_wrap > .selector_navitem.foreward > label.label-04,
input#statement-04:checked ~ .showcase_selector_wrap > .selector_navitem.foreward > label.label-05,
input#statement-05:checked ~ .showcase_selector_wrap > .selector_navitem.foreward > label.label-01 {display:block;}

.wrap_statements .customercase {
	width:100%;
	margin:0;
	float:left;
	display:none;
}

.wrap_statements .customercase > .image {width:28%;float:left;}
.wrap_statements .customercase > .image img { float:left; margin:0; padding:0;}

.wrap_statements .customercase > .statement {
	width:40%;
	height:auto;
	float:left;
	margin:8% 0 11% 30%;
}

.wrap_statements .customercase > .statement .name { font-size:0.8em; text-transform:uppercase;}
.wrap_statements .customercase > .statement .text { width:100%; float:left; margin:0 0 20px 0;}
.wrap_statements .customercase > .statement .text h1 { 
	width:100%; 
	float:left; 
	font-size:1.4em; 
	text-transform:uppercase;
	color:var(--c_softred);
}

.wrap_statements > .background {
	position:absolute;
	width:100%;
	left:0;
	top:0;
	height:auto;
	min-height:100%;
	background-color:var(--c_white);
	z-index:-10;
	overflow:hidden;
}

.wrap_statements > .background > .tri { position:absolute;}
.wrap_statements > .background > .tri.tr01 {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 500px 200px 0;
	border-color: transparent rgba(0,0,0,0.05) transparent transparent;
	right:0;
}

.wrap_statements > .background > .tri.tr02 {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 200px 1200px 0 0;
	border-color: rgba(0,0,0,0.02) transparent transparent transparent;
	left:0;
}

.wrap_statements > .background > .tri.tr03 {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 100px 100px 0 300px;
	border-color: rgba(0,0,0,0.02) transparent transparent transparent;
	left:50%;
}

/* ##### PROJEKTE ##### ----------------------------------*/

input#show-all-projekts:checked + .overall { height:auto; overflow:visible; float:left; position:auto;}
input#show-all-projekts:checked + .overall .before { display:none;}
input#show-all-projekts:checked + .overall:before { display:none;}

label.show-me {
	font-size:1.2em;
	margin:3px 0 0 -80px;
	width:160px;
	position:absolute;
	left:50%;
}

.overall {
	width:100%;
	float:left;
	height:1250px;
	overflow:hidden;
	position:relative;
}

.overall:before {
	content:'';
	width:99.25%;
	height:100px;
	position:absolute;
	z-index:100;
	bottom:100px;
	left:0;

	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 100%);
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 100%);
}

.overall .before {
	width:99.25%;
	height:100px;
	position:absolute;
	z-index:100;
	bottom:0;
	left:0;
	background-color:var(--c_white);
}

h1.projekt_intro { font-size:3.5em; width:100%; float:left; margin:0 0 20px 0;}

/* PROJEKTE  SHOWCASE */

input.hidden, input.hiddeninput { display:none;}
input#case-01:checked ~ .showcase_wrap > .casewrap > .projektitem:nth-of-type(1),
input#case-01:checked ~ .showcase_wrap > .casewrap > .projektitem:nth-of-type(2),
input#case-01:checked ~ .showcase_wrap > .casewrap > .projektitem:nth-of-type(3),
input#case-01:checked ~ .showcase_wrap > .casewrap > .projektitem:nth-of-type(4),
input#case-02:checked ~ .showcase_wrap > .casewrap > .projektitem:nth-of-type(5),
input#case-02:checked ~ .showcase_wrap > .casewrap > .projektitem:nth-of-type(6),
input#case-02:checked ~ .showcase_wrap > .casewrap > .projektitem:nth-of-type(7),
input#case-02:checked ~ .showcase_wrap > .casewrap > .projektitem:nth-of-type(8),
input#case-03:checked ~ .showcase_wrap > .casewrap > .projektitem:nth-of-type(9),
input#case-03:checked ~ .showcase_wrap > .casewrap > .projektitem:nth-of-type(10),
input#case-03:checked ~ .showcase_wrap > .casewrap > .projektitem:nth-of-type(11),
input#case-03:checked ~ .showcase_wrap > .casewrap > .projektitem:nth-of-type(12),
input#case-04:checked ~ .showcase_wrap > .casewrap > .projektitem:nth-of-type(13),
input#case-04:checked ~ .showcase_wrap > .casewrap > .projektitem:nth-of-type(14),
input#case-04:checked ~ .showcase_wrap > .casewrap > .projektitem:nth-of-type(15),
input#case-04:checked ~ .showcase_wrap > .casewrap > .projektitem:nth-of-type(16),
input#case-05:checked ~ .showcase_wrap > .casewrap > .projektitem:nth-of-type(17),
input#case-05:checked ~ .showcase_wrap > .casewrap > .projektitem:nth-of-type(18),
input#case-05:checked ~ .showcase_wrap > .casewrap > .projektitem:nth-of-type(19),
input#case-05:checked ~ .showcase_wrap > .casewrap > .projektitem:nth-of-type(20),
input#case-06:checked ~ .showcase_wrap > .casewrap > .projektitem:nth-of-type(21),
input#case-06:checked ~ .showcase_wrap > .casewrap > .projektitem:nth-of-type(22),
input#case-06:checked ~ .showcase_wrap > .casewrap > .projektitem:nth-of-type(23),
input#case-06:checked ~ .showcase_wrap > .casewrap > .projektitem:nth-of-type(24),
input#case-07:checked ~ .showcase_wrap > .casewrap > .projektitem:nth-of-type(25),
input#case-07:checked ~ .showcase_wrap > .casewrap > .projektitem:nth-of-type(26),
input#case-07:checked ~ .showcase_wrap > .casewrap > .projektitem:nth-of-type(27),
input#case-07:checked ~ .showcase_wrap > .casewrap > .projektitem:nth-of-type(28),
input#case-08:checked ~ .showcase_wrap > .casewrap > .projektitem:nth-of-type(29),
input#case-08:checked ~ .showcase_wrap > .casewrap > .projektitem:nth-of-type(30),
input#case-08:checked ~ .showcase_wrap > .casewrap > .projektitem:nth-of-type(31),
input#case-08:checked ~ .showcase_wrap > .casewrap > .projektitem:nth-of-type(32),
input#case-09:checked ~ .showcase_wrap > .casewrap > .projektitem:nth-of-type(33),
input#case-09:checked ~ .showcase_wrap > .casewrap > .projektitem:nth-of-type(34),
input#case-09:checked ~ .showcase_wrap > .casewrap > .projektitem:nth-of-type(35),
input#case-09:checked ~ .showcase_wrap > .casewrap > .projektitem:nth-of-type(36),
input#case-10:checked ~ .showcase_wrap > .casewrap > .projektitem:nth-of-type(37),
input#case-10:checked ~ .showcase_wrap > .casewrap > .projektitem:nth-of-type(38),
input#case-10:checked ~ .showcase_wrap > .casewrap > .projektitem:nth-of-type(39),
input#case-10:checked ~ .showcase_wrap > .casewrap > .projektitem:nth-of-type(40) { display:block;}

.projektitem.p-01 .teaserimage { background-image:url(../img/work/prev/p_preview_hut_01.jpg);}
.projektitem.p-02 .teaserimage { background-image:url(../img/work/prev/p_preview_sod_01.jpg);}
.projektitem.p-03 .teaserimage { background-image:url(../img/work/prev/p_preview_vup_01.jpg);}
.projektitem.p-04 .teaserimage { background-image:url(../img/work/prev/p_preview_man_01.jpg);}
.projektitem.p-05 .teaserimage { background-image:url(../img/work/prev/p_preview_hih_01.jpg);}
.projektitem.p-06 .teaserimage { background-image:url(../img/work/prev/p_preview_zeies_01.jpg);}
.projektitem.p-07 .teaserimage { background-image:url(../img/work/prev/p_preview_roo_01.jpg);}
.projektitem.p-08 .teaserimage { background-image:url(../img/work/prev/p_preview_hut_02.jpg);}
.projektitem.p-09 .teaserimage { background-image:url(../img/work/prev/p_preview_pic_01.jpg);}
.projektitem.p-10 .teaserimage { background-image:url(../img/work/prev/p_preview_buf_01.jpg);}
.projektitem.p-11 .teaserimage { background-image:url(../img/work/prev/p_preview_vup_02.jpg);}
.projektitem.p-12 .teaserimage { background-image:url(../img/work/prev/p_preview_ebu_01.jpg);}
.projektitem.p-13 .teaserimage { background-image:url(../img/work/prev/p_preview_vgv_01.jpg);}
.projektitem.p-14 .teaserimage { background-image:url(../img/work/prev/p_preview_wd_01.jpg);}
.projektitem.p-15 .teaserimage { background-image:url(../img/work/prev/p_preview_nwm_01.jpg);}
.projektitem.p-16 .teaserimage { background-image:url(../img/work/prev/p_preview_kat_01.jpg);}
.projektitem.p-17 .teaserimage { background-image:url(../img/work/prev/p_preview_obh_01.jpg);}
.projektitem.p-18 .teaserimage { background-image:url(../img/work/prev/p_preview_sod_02.jpg);}
.projektitem.p-19 .teaserimage { background-image:url(../img/work/prev/p_preview_sch_01.jpg);}
.projektitem.p-20 .teaserimage { background-image:url(../img/work/prev/p_preview_lut_01.jpg);}
.projektitem.p-21 .teaserimage { background-image:url(../img/work/prev/p_preview_wd_02.jpg);}
.projektitem.p-22 .teaserimage { background-image:url(../img/work/prev/p_preview_wes_01.jpg);}
.projektitem.p-23 .teaserimage { background-image:url(../img/work/prev/p_preview_kat_02.jpg);}
.projektitem.p-24 .teaserimage { background-image:url(../img/work/prev/p_preview_hut_03.jpg);}
.projektitem.p-25 .teaserimage { background-image:url(../img/work/prev/p_preview_oki_01.jpg);}
.projektitem.p-26 .teaserimage { background-image:url(../img/work/prev/p_preview_man_02.jpg);}
.projektitem.p-27 .teaserimage { background-image:url(../img/work/prev/p_preview_kls_01.jpg);}
.projektitem.p-28 .teaserimage { background-image:url(../img/work/prev/p_preview_ger_01.jpg);}
.projektitem.p-29 .teaserimage { background-image:url(../img/work/prev/p_preview_obh_02.jpg);}
.projektitem.p-30 .teaserimage { background-image:url(../img/work/prev/p_preview_bem_01.jpg);}
.projektitem.p-31 .teaserimage { background-image:url(../img/work/prev/p_preview_sch_02.jpg);}
.projektitem.p-32 .teaserimage { background-image:url(../img/work/prev/p_preview_maa_01.jpg);}
.projektitem.p-33 .teaserimage { background-image:url(../img/work/prev/p_preview_vfinder_01.jpg);}
.projektitem.p-34 .teaserimage { background-image:url(../img/work/prev/p_preview_maa_02.jpg);}
.projektitem.p-35 .teaserimage { background-image:url(../img/work/prev/p_preview_maa_03.jpg);}
.projektitem.p-36 .teaserimage { background-image:url(../img/work/prev/p_preview_buf_02.jpg);}

/*
input.val-01:checked ~ .showcase_selector_wrap > .selector_navitem > label { opacity:1;}
input.val-02:checked ~ .showcase_selector_wrap > .selector_navitem > label { opacity:1;}
*/

input#case-01:checked ~ .showcase_selector_wrap > .selector_navitem.back > label.label-09,
input#case-02:checked ~ .showcase_selector_wrap > .selector_navitem.back > label.label-01,
input#case-03:checked ~ .showcase_selector_wrap > .selector_navitem.back > label.label-02,
input#case-04:checked ~ .showcase_selector_wrap > .selector_navitem.back > label.label-03,
input#case-05:checked ~ .showcase_selector_wrap > .selector_navitem.back > label.label-04,
input#case-06:checked ~ .showcase_selector_wrap > .selector_navitem.back > label.label-05,
input#case-07:checked ~ .showcase_selector_wrap > .selector_navitem.back > label.label-06,
input#case-08:checked ~ .showcase_selector_wrap > .selector_navitem.back > label.label-07,
input#case-09:checked ~ .showcase_selector_wrap > .selector_navitem.back > label.label-08 {display:block;}

input#case-01:checked ~ .showcase_selector_wrap > .selector_navitem.foreward > label.label-02,
input#case-02:checked ~ .showcase_selector_wrap > .selector_navitem.foreward > label.label-03,
input#case-03:checked ~ .showcase_selector_wrap > .selector_navitem.foreward > label.label-04,
input#case-04:checked ~ .showcase_selector_wrap > .selector_navitem.foreward > label.label-05,
input#case-05:checked ~ .showcase_selector_wrap > .selector_navitem.foreward > label.label-06,
input#case-06:checked ~ .showcase_selector_wrap > .selector_navitem.foreward > label.label-07,
input#case-07:checked ~ .showcase_selector_wrap > .selector_navitem.foreward > label.label-08,
input#case-08:checked ~ .showcase_selector_wrap > .selector_navitem.foreward > label.label-09,
input#case-09:checked ~ .showcase_selector_wrap > .selector_navitem.foreward > label.label-01 {display:block;}

input#cat_webdesign:checked ~ .showcase_wrap > .casewrap > .projektitem[title*="Webdesign"] { display:block;}
input#cat_webdesign:checked ~ .showcase_wrap > .casewrap > .projektitem:not([title*="Webdesign"]) { display:none;}
input#cat_inhouse_programmierung:checked ~ .showcase_wrap > .casewrap > .projektitem[title*="Inhouse-Programmierung"] { display:block;}
input#cat_inhouse_programmierung:checked ~ .showcase_wrap > .casewrap > .projektitem:not([title*="Inhouse-Programmierung"]) { display:none;}
input#cat_mobile_web_app:checked ~ .showcase_wrap > .casewrap > .projektitem[title*="Mobile"] { display:block;}
input#cat_mobile_web_app:checked ~ .showcase_wrap > .casewrap > .projektitem:not([title*="Mobile"]) { display:none;}
input#cat_social_media:checked ~ .showcase_wrap > .casewrap > .projektitem[title*="Social"] { display:block;}
input#cat_social_media:checked ~ .showcase_wrap > .casewrap > .projektitem:not([title*="Social"]) { display:none;}
input#cat_seo:checked ~ .showcase_wrap > .casewrap > .projektitem[title*="SEO"] { display:block;}
input#cat_seo:checked ~ .showcase_wrap > .casewrap > .projektitem:not([title*="SEO"]) { display:none;}
input#cat_corporate_design:checked ~ .showcase_wrap > .casewrap > .projektitem[title*="Corporate"] { display:block;}
input#cat_corporate_design:checked ~ .showcase_wrap > .casewrap > .projektitem:not([title*="Corporate"]) { display:none;}
input#cat_illustration:checked ~ .showcase_wrap > .casewrap > .projektitem[title*="Illustration"] { display:block;}
input#cat_illustration:checked ~ .showcase_wrap > .casewrap > .projektitem:not([title*="Illustration"]) { display:none;}
input#cat_grafik_design:checked ~ .showcase_wrap > .casewrap > .projektitem[title*="Grafik"] { display:block;}
input#cat_grafik_design:checked ~ .showcase_wrap > .casewrap > .projektitem:not([title*="Grafik"]) { display:none;}
input#cat_print_design:checked ~ .showcase_wrap > .casewrap > .projektitem[title*="Print"] { display:block;}
input#cat_print_design:checked ~ .showcase_wrap > .casewrap > .projektitem:not([title*="Print"]) { display:none;}
input#cat_aussenwerbung:checked ~ .showcase_wrap > .casewrap > .projektitem[title*="Aussenwerbung"] { display:block;}
input#cat_aussenwerbung:checked ~ .showcase_wrap > .casewrap > .projektitem:not([title*="Aussenwerbung"]) { display:none;}
input#cat_autobeschriftung:checked ~ .showcase_wrap > .casewrap > .projektitem[title*="Autobeschriftung"] { display:block;}
input#cat_autobeschriftung:checked ~ .showcase_wrap > .casewrap > .projektitem:not([title*="Autobeschriftung"]) { display:none;}
input#cat_branding:checked ~ .showcase_wrap > .casewrap > .projektitem[title*="Branding"] { display:block;}
input#cat_branding:checked ~ .showcase_wrap > .casewrap > .projektitem:not([title*="Branding"]) { display:none;}
input#cat_kampagnen:checked ~ .showcase_wrap > .casewrap > .projektitem[title*="Kampagnen"] { display:block;}
input#cat_kampagnen:checked ~ .showcase_wrap > .casewrap > .projektitem:not([title*="Kampagnen"]) { display:none;}
input#cat_strategie_entwicklung:checked ~ .showcase_wrap > .casewrap > .projektitem[title*="Strategie"] { display:block;}
input#cat_strategie_entwicklung:checked ~ .showcase_wrap > .casewrap > .projektitem:not([title*="Strategie"]) { display:none;}
input#cat_content_marketing:checked ~ .showcase_wrap > .casewrap > .projektitem[title*="Content"] { display:block;}
input#cat_content_marketing:checked ~ .showcase_wrap > .casewrap > .projektitem:not([title*="Content"]) { display:none;}
input#cat_informations_architektur:checked ~ .showcase_wrap > .casewrap > .projektitem[title*="Architektur"] { display:block;}
input#cat_informations_architektur:checked ~ .showcase_wrap > .casewrap > .projektitem:not([title*="Architektur"]) { display:none;}
input#cat_kommunikation:checked ~ .showcase_wrap > .casewrap > .projektitem[title*="Kommunikation"] { display:block;}
input#cat_kommunikation:checked ~ .showcase_wrap > .casewrap > .projektitem:not([title*="Kommunikation"]) { display:none;}

input#cat_none:checked ~ .cat_filter > label.lb-00,
input#cat_webdesign:checked ~ .cat_filter > label.lb-01,
input#cat_inhouse_programmierung:checked ~ .cat_filter > label.lb-02,
input#cat_mobile_web_app:checked ~ .cat_filter > label.lb-03,
input#cat_social_media:checked ~ .cat_filter > label.lb-04,
input#cat_seo:checked ~ .cat_filter > label.lb-05,
input#cat_corporate_design:checked ~ .cat_filter > label.lb-06,
input#cat_illustration:checked ~ .cat_filter > label.lb-07,
input#cat_grafik_design:checked ~ .cat_filter > label.lb-08,
input#cat_print_design:checked ~ .cat_filter > label.lb-09,
input#cat_aussenwerbung:checked ~ .cat_filter > label.lb-10,
input#cat_autobeschriftung:checked ~ .cat_filter > label.lb-11,
input#cat_branding:checked ~ .cat_filter > label.lb-12,
input#cat_kampagnen:checked ~ .cat_filter > label.lb-13,
input#cat_strategie_entwicklung:checked ~ .cat_filter > label.lb-14,
input#cat_content_marketing:checked ~ .cat_filter > label.lb-15,
input#cat_informations_architektur:checked ~ .cat_filter > label.lb-16,
input#cat_kommunikation:checked ~ .cat_filter > label.lb-17 { background-color:var(--c_darkblue); box-shadow:0px 0px 0px 1pt rgba(255,255,255,0.0);}

input#filter_selection:checked ~ .cat_filter { display:block;}

.cat_filter {width:100%; float:left; margin:0 auto 40px auto; display:none;}
.cat_filter > label:hover { background-color:rgba(255,255,255,0.4);}

.cat_filter > label { box-shadow:0px 0px 0px 1pt rgba(255,255,255,0.5);}
.cat_filter > label, 
.cat_filter > span {
	width:auto; 
	float:left; 
	margin:8px 0 0 8px;
	padding:3px 9px 6px 9px;
	text-transform:uppercase;
	letter-spacing:0.1em;
	font-size:0.7em;
	line-height:1.0em;
}

.showcase_wrap { width:100%; float:left; min-height:600px;}
.showcase_selector_wrap {width:84px; float:left; margin:14px 0 14px 0.5%;}

.selector_navitem {
	width:32px;
	height:32px;
	float:left;
	margin:0 10px 0 0;
}

.selector_navitem.back {}
.selector_navitem.foreward {}
.selector_navitem > label { display:none;}

.filter_selector_wrap { width:auto; float:left; margin:14px 0;}

.selector_item_preview { width:92%; float:left;}

.casewrap {display:flex;}

.casewrap, .cat_filter {
	flex-direction:row;
	flex-wrap:wrap ;
	justify-content:center;
	align-items:stretch;
	align-content:center;
}

.casewrap > .projektitem {
	width:24%;
	float:left;
	height:auto;
	margin:0 0.5% 16px 0.5%;
	color:var(--c_black);
	background-color:var(--c_white);
	display:none;
}

.casewrap > .projektitem:hover {
	box-shadow:0px 20px 40px rgba(17,21,23,0.4); 
	-webkit-transform:translate(0, -20px);
	-moz-transform:translate(0, -20px);
	-ms-transform:translate(0, -20px);
	-o-transform:translate(0, -20px);
}

.casewrap > .projektitem .teaserimage {
	width:100%; 
	height:280px;
	float:left;
	position:relative;
	background-color:var(--c_darkblue);
	background-size:cover;
	background-position:50% 50%;
	background-repeat:no-repeat;
}

.projektitem .teaserimage .icon {
	position:absolute;
	top:41%;
	left:50%;
	width:24px;
	height:24px;
	padding:4px;
	margin:0 0 0 -16px;
	background-color:var(--c_red);
	opacity:0;
}

.projektitem a:hover .teaserimage > .icon { opacity:1;}
.projektitem .wrap_labels,
.projektitem .description { width:90%; float:left; padding:16px 5% 10px 5%; background-color:var(--c_white);}
.projektitem .description h1 { font-size:1.5em; font-family:'catamaran-black';}
.projektitem .description b { font-size:0.8em; font-family:'catamaran-black'; text-transform:uppercase; line-height:1.0em !important;}
.projektitem .wrap_labels { padding:0 5% 16px 5%;}
.projektitem .wrap_labels .label {
	width:auto;
	float:left;
	line-height:1.2em;
	padding:3px 12px 4px 12px;
	margin:5px 8px 5px 0;
	box-shadow:0px 0px 0px 1pt rgba(17,21,23,0.1);
	font-size:0.6em;
	letter-spacing:0.2em;
	text-transform:uppercase;
}

.cta.projekte { width:100%; margin:60px 0; float:left; font-size:1.4em; line-height:1.3em;}
.cta.projekte a {color:var(--c_red);}
.cta.projekte .col06 { width:42%; padding:8px 4% 4px 4%; margin:0; float:left;}
.cta.projekte .col06:nth-of-type(1) { text-align:right; border-right:1px solid var(--c_darkblue); margin-left:-1px;}
.cta.projekte .col06:nth-of-type(2) { text-align:left;}

.projekt_detail { width:82%; float:left; padding:0px 9% 40px 9%;}

.projekt_detail > .image { width:100%; float:left; margin:60px auto;}
.projekt_detail > .image.small { width:48%; float:left; margin:60px 0;}
.projekt_detail > .image.small.first { width:48%; float:left; margin:60px 2% 60px 0;}
.projekt_detail > .image > img { margin-bottom:-10px;}

.projekt_detail h1 { font-size:3.6em; margin:60px 0 0 0; letter-spacing:0.01em;}
.projekt_detail h2  {font-size:1.2em; margin:-10px 0 0 0; letter-spacing:0.06em;}
.projekt_detail h1, .projekt_detail h2 { 
	width:100%; 
	float:left; 
	text-align:center;
	font-family:'catamaran-black';
	text-transform:uppercase;
}
.projekt_detail > .description { width:80%; margin:80px 10%; float:left;}
.projekt_detail > .description p {
	-webkit-column-count: 3;
	-webkit-column-gap: 1;
	-moz-column-count: 3;
	-moz-column-gap: 1;
	-ms-column-count: 3;
	-ms-column-gap: 1;
	-o-column-count: 3;
	-o-column-gap: 1;
	column-count: 3;
	column-gap: 1;	
}
.wrap_projektpreview { width:100%; float:left; position:relative; float:left; min-height:327px; padding:20px 0;}
.wrap_projektpreview .projekt_previewitem { position:absolute; box-shadow:0px 0px 30px 2pt rgba(0,0,0,0.3); width:220px;}
.wrap_projektpreview .projekt_previewitem img {margin:0; float:left;}
.wrap_projektpreview .projekt_previewitem:nth-of-type(1) {left:50%; margin-left:-110px; z-index:10;}
.wrap_projektpreview .projekt_previewitem:nth-of-type(2) {left:50%; margin-left:-220px; z-index:8; transform:scale(0.95); -webkit-transform:scale(0.95); -moz-transform:scale(0.95); -ms-transform:scale(0.95); -o-transform:scale(0.95);}
.wrap_projektpreview .projekt_previewitem:nth-of-type(3) {left:50%; margin-left:0px; z-index:8; transform:scale(0.95); -webkit-transform:scale(0.95); -moz-transform:scale(0.95); -ms-transform:scale(0.95); -o-transform:scale(0.95);}
.wrap_projektpreview .projekt_previewitem:nth-of-type(4) {left:50%; margin-left:-280px; z-index:6; transform:scale(0.9); -webkit-transform:scale(0.9); -moz-transform:scale(0.9); -ms-transform:scale(0.9); -o-transform:scale(0.9);}
.wrap_projektpreview .projekt_previewitem:nth-of-type(5) {left:50%; margin-left:60px; z-index:6; transform:scale(0.9); -webkit-transform:scale(0.9); -moz-transform:scale(0.9); -ms-transform:scale(0.9); -o-transform:scale(0.9);}

/* ##### KONTAKT ##### ----------------------------------*/

.header { width:100%; float:left; position:relative;}

.header .fullwidth_image {
	width:100%;
	height:580px;
	position:absolute;
	background-image:url(../img/elements/wf_building_03.jpg);
	background-position:50% 50%;
	background-size:cover;
}

.header .headline {
	width:100%;
	position:relative;
	z-index:100;
	top:100px;
	position:relative;
	float:right;
	text-align:right;
	color:var(--c_white);
	text-transform:uppercase;
	text-shadow:0px 0px 20px rgba(0,0,0,0.5);
}
.header .headline h2 { font-size:1.5em;}
.header .headline h1 {font-family:'catamaran-black'; font-size:2.2em;}

.contact_details {
	width:100%;
	float:left;
	margin:420px 0 140px 0;
}

.header .address_wrap {}
.header .address_wrap .item { 
	width:240px;
	height:280px;
	padding:24px 20px;
	margin:0 10px;
	float:left;
	top:340px;
	font-style:normal; 
	font-size:1.0em;
	background-color:var(--c_white);
	box-shadow:0px 0px 20px rgba(0,0,0,0.3);
	position:relative;
	z-index:100;
}

.header .address_wrap address {font-style:normal;}
.header .address_wrap address h1 { font-family:'catamaran-black'; font-size:1.2em;}
.header .address_wrap address a { color:var(--c_red);}

.header .address_wrap .item  > .image {
	width:110px;
	height:110px;
	float:none;
	margin:10px auto 20px auto;
	background-position:50% 50%;
	background-size:cover;
}
.header .address_wrap .item  > .image[title~=Reinhard] { background-image:url(../img/profile/wf_reinhardgasser.jpg);}
.header .address_wrap .item  > .image[title~=Timon] { background-image:url(../img/profile/wf_timonlutz.jpg);}
.header .address_wrap .item  > .image[title~=Eric] { background-image:url(../img/profile/wf_ericlechner.jpg);}

.header .address_wrap .item  > h2 { text-transform:uppercase; text-align:center; width:100%;}
.header .address_wrap .item  > .divider.center { float:none; margin:20px auto;}
.header .address_wrap .item  > p { width:100%; float:left; margin:0 0 0 0; text-align:center; font-size:0.9em;}
.header .address_wrap .item  > p a:hover { color:var(--c_red);}

/* ##### FOOTER ##### ----------------------------------*/

.footer.small {
	width:auto;
	position:absolute;
	top:725px;
	left:24px;
	right:24px;
}
.footer.small .icon {
	width:22px;
	height:22px;
	float:left;
	margin:0 1% 0 0;
}
.footer.small .icon:hover span { display:block;}
.footer.small .icon span { 
	display:none;
	width:100px;
	text-transform:uppercase;
	font-size:0.7em;
	letter-spacing:0.2em;
	position:absolute;
	margin:-100px 0 0 -36px;
}
.footer .disclaimer { float:right; width:80%;}
.footer.small .disclaimer .item.share { border:0px none; padding:0 0 0 2%;}
.footer .disclaimer .item:hover { text-decoration:underline; padding:0 3%;}
.footer .disclaimer .item { 
	width:auto;
	float:right;
	padding:0 2%;
	border-right:1px solid rgba(17,21,23,0.6);
	font-size:0.7em;
	letter-spacing:0.2em;
}

.footer.big {
	width:80%;
	padding:50px 10%;
	position:absolute;
	bottom:0;
	left:0;
	background-color:var(--c_darkblue);
	color:var(--c_white);
}

.footer.big .item { width:auto; float:left; margin:0 2% 0 0;}

/* ##### SUB MENU ##### ----------------------------------*/

.sub_menu {
	width:100%;
	float:left;
	margin:10px 0 20px 0;
	color:rgba(17,21,23,0.6);
}
.sub_menu > a { font-size:0.9em; float:left; margin:0 16px 0 0; padding:2px 18px 0 0; border-right:1px solid rgba(0,0,0,0.2);}
.sub_menu > a:last-of-type { padding:2px 0px 0 0; border-right:0px solid rgba(0,0,0,0);}
.sub_menu > a:hover { color:var(--c_darkblue); }
.sub_menu > a.c_link {font-family:'catamaran-black'; letter-spacing:0.06em;}

/* ##### NAV ##### ----------------------------------*/

#wrap_nav .logo {
	width:158px;
	float:left;
	margin:24px 0 0 24px;
	position:relative;
	z-index:40;
}

#wrap_nav #nav { position:relative; top:0; height:auto; z-index:9000;}

#wrap_nav #nav:target > a .open { display:none;}
#wrap_nav #nav:target > a .close { background-color:var(--c_red);}
#wrap_nav #nav:target > .container { display:block;}
#wrap_nav #nav:not(:target) > a .close { display:none;}

#wrap_nav #nav .open,
#wrap_nav #nav .close {
	width:24px;
	height:90px;
	padding:20px;
	position:fixed;
	top:0;
	right:0;
	z-index:1000;
	display:block;
	color:var(--c_white);
}

#wrap_nav #nav .open { background-color:var(--c_darkblue);}
#wrap_nav #nav .close { background-color:var(--c_red);}

#wrap_nav #nav .open .icon,
#wrap_nav #nav .close .icon { float:left; width:100%;}
#wrap_nav #nav .open span,
#wrap_nav #nav .close span { float:left; font-size:0.6em; letter-spacing:0.3em; margin:18px 0 0 -10px;}
#wrap_nav #nav > .container { 
	display:none;
	position:fixed;
	top:0;
	z-index:50;
	left:0;
	width:100%;
	min-height:100%;
	height:auto;
	background-color:var(--c_darkblue);
	color:var(--c_white);
}
#wrap_nav #nav > .container .level_01 { width:90%; margin:15% 5% 0 5%; float:left;} 
#wrap_nav #nav > .container .level_02 { 
	width:99.8%; 
	margin:50px 0.1% 0 0.1%; 
	position:fixed;
	bottom:2px;
}
#wrap_nav #nav > .container .level_02:before {
	content:'';
	width:1px;
	height:13%;
	position:fixed;
	left:32%;
	top:42%;
	margin:0 0 0 -1px;
	border-right:1px dashed rgba(255,255,255,0.5);
}
#wrap_nav #nav > .container .level_01 .navitem { 
	width:19%;
	float:left;
	padding:0 0.5%;
	text-align:center;
	text-transform:uppercase;
	border-right:1px solid rgba(255,255,255,0.5);
	margin-left:-1px;
}
#wrap_nav #nav > .container .level_01 a:first-of-type .navitem {border-left:1px solid rgba(255,255,255,0.5); margin-left:-2px;}
#wrap_nav #nav > .container .level_01 a:last-of-type .navitem {border-right:1px solid rgba(255,255,255,0.5); margin-left:-1px;}
#wrap_nav #nav > .container .level_01 a:hover .navitem { color:rgba(255,255,255,0.3);}
#wrap_nav #nav > .container .level_01 .navitem span,
#wrap_nav #nav > .container .level_01 .navitem small { width:100%; float:left; line-height:1.0em;}
#wrap_nav #nav > .container .level_01 .navitem span { font-size:1.4em; letter-spacing:0.3em;}
#wrap_nav #nav > .container .level_01 .navitem small { font-size:0.7em; letter-spacing:0.2em;}
#wrap_nav #nav > .container .level_02 .category {
	width:24.8%;
	min-height:300px;
	margin:0 0.1%;
	float:left;
	background-color:rgba(255,255,255,0.1);
}
#wrap_nav #nav > .container .level_02 .category a:hover {color:rgba(255,255,255,0.3);}
#wrap_nav #nav > .container .level_02 .category a h1 {
	width:90%;
	float:left;
	margin:24px 5%;
	font-size:1.4em;
	letter-spacing:0.1em;
	text-decoration:underline;
}
#wrap_nav #nav > .container .level_02 .category ul {
	width:100%;
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	text-transform:uppercase;
}
#wrap_nav #nav > .container .level_02 .category ul li {
	width:90%;
	margin:5px 5%;
	letter-spacing:0.2em;
	font-size:0.8em;
}

/* ##### FOUR STEPS ##### ----------------------------------*/

.four_steps {
	width:100%;
	float:left;
	margin:0px 0%;
	position:relative;
}

.four_steps .step_item {
	width:80px;
	height:50px;
	text-align:center;
	font-size:1.2em;
	padding:25px 0 5px 0;
	margin:0 4%;
	background-color:var(--c_white);
	color:var(--c_black);
	box-shadow:0px 0px 0px 5pt rgba(255,255,255,0.2);
	position:absolute;
	left:50%;
	z-index:5;
}

.four_steps .step_item:nth-of-type(1) + span {margin:10px 0 0 -350px;} 
.four_steps .step_item:nth-of-type(2) + span {margin:10px 0 0 -150px;} 
.four_steps .step_item:nth-of-type(3) + span {margin:10px 0 0 50px;} 
.four_steps .step_item:nth-of-type(4) + span {margin:10px 0 0 250px;} 

.four_steps .step_item:nth-of-type(1) {margin:-90px 0 0 -340px;} 
.four_steps .step_item:nth-of-type(2) {margin:-90px 0 0 -140px;} 
.four_steps .step_item:nth-of-type(3) {margin:-90px 0 0 60px;} 
.four_steps .step_item:nth-of-type(4) {margin:-90px 0 0 260px;} 

.four_steps h2 {margin:40px 0 0 4%;}
.four_steps .step_item:hover {box-shadow:0px 0px 0px 8pt rgba(255,255,255,0.2), 0px 0px 0px 16pt rgba(255,255,255,0.2);} 

.four_steps .step_item + span {
	width:100px;
	text-align:center;
	font-family:'catamaran-black';
	position:absolute;
	left:50%;
}

.four_steps .text_wrap {
	width:60%;
	float:left;
	padding:25px 2%;
	margin:100px 18% 20px 18% !important;
	background-color:var(--c_white);
	color:rgba(160,160,160,1);
}

.four_steps .text_wrap:before {
	content:'';
	width:56%;
	height:1px;
	background-color:rgba(255,255,255,0.7);
	position:absolute;
	left:0;
	margin:-175px 22% 0 22%;
	z-index:1;
}

.four_steps > input#step-01:not(:checked) ~ .text_wrap p.text-01,
.four_steps > input#step-02:not(:checked) ~ .text_wrap p.text-02,
.four_steps > input#step-03:not(:checked) ~ .text_wrap p.text-03,
.four_steps > input#step-04:not(:checked) ~ .text_wrap p.text-04 { display:none;}

.four_steps > input#step-01:checked ~ .text_wrap p.text-01,
.four_steps > input#step-02:checked ~ .text_wrap p.text-02,
.four_steps > input#step-03:checked ~ .text_wrap p.text-03,
.four_steps > input#step-04:checked ~ .text_wrap p.text-04 { display:block;}

.four_steps > input#step-01:checked + label,
.four_steps > input#step-02:checked + label,
.four_steps > input#step-03:checked + label,
.four_steps > input#step-04:checked + label { box-shadow:0px 0px 0px 5pt rgba(255,255,255,0.2), 0px 0px 0px 10pt rgba(255,255,255,0.2);}

.four_steps > input#step-01:checked + label:hover,
.four_steps > input#step-02:checked + label:hover,
.four_steps > input#step-03:checked + label:hover,
.four_steps > input#step-04:checked + label:hover { box-shadow:0px 0px 0px 8pt rgba(255,255,255,0.2), 0px 0px 0px 16pt rgba(255,255,255,0.2);}

.mobile_only { display:none;}
.desktop_only { display:block;}

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

	#wrap_nav #nav > .container .level_01 { margin:12% 5% 0 5%;}
	#wrap_nav #nav > .container .level_01 .navitem span { font-size:1.2em; letter-spacing:0.2em;}
	#wrap_nav #nav > .container .level_01 .navitem small { font-size:0.7em; letter-spacing:0.2em;}
	#wrap_nav #nav > .container .level_02:before { height:10%; top:36%;}
	
	.page_content .category_headline > h1,
	.page_content .wrap_biglink > p {font-size:4.8em;}
	.wrap_projekte .projektitem .teaserimage {height:220px;}

}

@media screen and (max-width:1366px) {
	
	h1 { font-size:3.6em;}
	h2 { font-size:1.0em;}
	h3 { font-size:0.8em;}
	h4 { font-size:0.8em;}
		
	#wrap_nav #nav > .container .level_01 .navitem span { font-size:1.0em; letter-spacing:0.2em;}
	#wrap_nav #nav > .container .level_01 .navitem small { font-size:0.6em; letter-spacing:0.2em;}
	#wrap_nav #nav > .container .level_02:before { height:10%; top:36%;}
	#wrap_nav #nav > .container .level_02 .category a h1 { font-size:1.1em;}
	
	.page_content .col.fullwidth,
	.col.main,
	.col.side { width:100%; float:left; margin:0 0 0 0;}
	.col.side > article { width:48%; margin:70px 2% 0 0; float:left;}
	.col.side > hr { display:none;}
	.page_content .txt_col04 p {
		-webkit-column-count: 3;
		-webkit-column-gap: 1;
		-moz-column-count: 3;
		-moz-column-gap: 1;
		-ms-column-count: 3;
		-ms-column-gap: 1;
		-o-column-count: 3;
		-o-column-gap: 1;
		column-count: 3;
		column-gap: 1;	
	}
	.wrap_projekte .projektitem .teaserimage { height:200px;}
	.wrap_services .s_item {
		width:27.33%;
		min-height:240px;
		margin:24px 1% 0px 1% !important;
		padding:30px 2%;
	}
	.section.fullwidth .row.inner.resize { width:90%; margin:0 5%;}
	.wrap_projektpreview {transform:scale(0.8); -webkit-transform:scale(0.8); -moz-transform:scale(0.8); -ms-transform:scale(0.8); -o-transform:scale(0.8);}
	
	.casewrap > .projektitem .teaserimage { height:182px;}
}

@media screen and (max-width:1024px) {
	
	#wrap_nav #nav > .container { position:absolute;}
	#wrap_nav #nav > .container .level_01 { width:90%; margin:5% 5% 0 5%; float:left;} 
	#wrap_nav #nav > .container .level_02 { 
		width:99.8%; 
		margin:61px 0.1% 0 0.1%; 
		float:left;
		position:relative;
		bottom:auto;
	} 
	#wrap_nav #nav > .container .level_01 .navitem { 
		width:99%;
		padding:10px 0.5%;
		text-align:left;
		border:0px none !important;
		margin-left:0;
	}
	#wrap_nav #nav > .container .level_02:before {
		width:1px;
		height:51%;
		position:absolute;
		left:2.5%;
		top:-51%;
		margin:0 0 0 -1px;
		border-right:1px dashed rgba(255,255,255,0.5);
	}
	#wrap_nav #nav > .container .level_02 .category { width:49.8%; margin:1px 0.1%;}
	
	.page_content#start {min-height:505px;}
	.footer.small {top:680px}
	
	.page_content .category_headline { margin-top:40px;}
	.page_content .category_headline > h1,
	.page_content .wrap_biglink > p {font-size:3.8em;}
	.page_content .category_intro h2, .page_content .category_intro p {width:80%; padding:10px 10%; float:left;}
	
	.wrap_services a:nth-of-type(odd) > .s_item { width:45%; margin-right:1% !important;} 
	.wrap_services a:nth-of-type(even) > .s_item{ width:46%; margin-right:0% !important;} 
	.wrap_services {width:98.5%; padding:0 0.5% 0 1%; float:left;}
	.wrap_services .s_item {
		width:45%;
		min-height:240px;
		margin:8px 0 0 0 !important;
		padding:30px 2%;
	}
	
	.wrap_projektpreview {transform:scale(0.7); -webkit-transform:scale(0.7); -moz-transform:scale(0.7); -ms-transform:scale(0.7); -o-transform:scale(0.7);}
	.txt_sub > .box > .text { width:58%; margin:20px 5% 0 5%;}
	.section.fullwidth > .row.inner .col06 {padding-top:10px; padding-bottom:10px;}	
	
	.four_steps h2 { margin:0 0 0 5%;}
	.four_steps .step_item {width:60px; height:40px; padding-top:20px;}
	.four_steps .step_item + span { width:60px; font-size:0.7em;}
	
	.four_steps .step_item:nth-of-type(1) + span {margin:-10px 0 0 -240px;} 
	.four_steps .step_item:nth-of-type(2) + span {margin:-10px 0 0 -105px;} 
	.four_steps .step_item:nth-of-type(3) + span {margin:-10px 0 0 20px;} 
	.four_steps .step_item:nth-of-type(4) + span {margin:-10px 0 0 160px;} 
	
	.four_steps .step_item:nth-of-type(1) {margin:-90px 0 0 -240px;} 
	.four_steps .step_item:nth-of-type(2) {margin:-90px 0 0 -105px;} 
	.four_steps .step_item:nth-of-type(3) {margin:-90px 0 0 25px;} 
	.four_steps .step_item:nth-of-type(4) {margin:-90px 0 0 160px;} 
	
	.four_steps .text_wrap {margin:50px 18% 20px 18% !important;}
	.four_steps .text_wrap:before {width:56%; margin:-135px 22% 0 22%;}
	
	.showcase_wrap { height:auto;}
	.casewrap > .projektitem { width:49%; margin:10px 0.5%;}
	
	.page_content#arbeitsfelder .wrap_maincat .maincat .illustration { width:70%; height:auto; margin:20px 15% 0px 15%;}
	
	.txt_about .leftcol {
		width:100%;
		margin:0;
		text-align:left;
	}
	
	.txt_about .leftcol h1 { font-size:1.8em;}
	
	.txt_about .leftcol .cta_item {margin-top:40px;}
	
	.txt_about .rightcol {
		width:100%;
		margin:40px 0 20px 0;
		text-align:left;
	}
	
}

@media screen and (max-width:768px) {
	
	h1 { font-size:2.6em;}
	h2 { font-size:0.8em;}
	h3 { font-size:0.8em;}
	h4 { font-size:0.8em;}
	
	.mobile_only { display:block;}
	.desktop_only { display:none;}
	
	#wrap_nav #nav > .container { position:absolute;}
	
	.page_content#start {min-height:505px;}
	.footer.small {top:780px}
	
	.category_cta_wrap.start {margin-top:-200px;}
	
	.page_content#start {
		background-position: 50% 0%;
   		background-size: contain;
	}
	
	.page_content .txt_top {width:100%;}
	.page_content {width:88%; padding:120px 6% 40px 6%;}
	.page_content#kontakt { padding:0 0 40px 0;}
	.page_content#statements { min-height:auto;}
	.page_content .intro {width:220px;}
	.page_content .intro > .row.we-are-from-vorarlberg { margin-top:200px; margin-bottom:30px;}
	
	.cta.projekte { font-size:1.0em; line-height:1.3em;}
	.projekt_detail { width:90%; float:left; padding:0px 5% 40px 5%;}
	.projekt_detail h1 { font-size:2.4em;}
	.projekt_detail h2  {font-size:1.2em;}
	.projekt_detail > .description p {
		-webkit-column-count: 2;
		-webkit-column-gap: 1;
		-moz-column-count: 2;
		-moz-column-gap: 1;
		-ms-column-count: 2;
		-ms-column-gap: 1;
		-o-column-count: 2;
		-o-column-gap: 1;
		column-count: 2;
		column-gap: 1;	
	}
	.bto.galprev { top:80%; left:0; padding:12px 15px 06px 12px;}
	.bto.galnext { top:80%; right:0; padding:12px 12px 06px 15px;}
	.page_content .category_headline > h1,
	.page_content .wrap_biglink > p {font-size:2.8em;}
	.page_content .txt_col04 p {
		-webkit-column-count: 2;
		-webkit-column-gap: 1;
		-moz-column-count: 2;
		-moz-column-gap: 1;
		-ms-column-count: 2;
		-ms-column-gap: 1;
		-o-column-count: 2;
		-o-column-gap: 1;
		column-count: 2;
		column-gap: 1;	
	}
	.wrap_contact .team_wrap { width:90%; margin:20px 5% 30px 5%;}
	.wrap_contact .team_wrap .team_item { width:30%; float:left; margin:0 1.6%; background-color:var(--c_white);}
	.wrap_contact .map { max-height:400px; overflow:hidden;}
	
	.txt_sub > .box > .image { margin:20px auto; float:none !important;}
	.txt_sub > .box > .text { width:100%; margin:20px 0 0 0; text-align:left !important ;}	
	
	.four_steps h1 { 
		font-size:1.4em;	
		width:90%;
		float:left;
		margin:0 5%;
	}
	.four_steps {margin-bottom:20px;}
	.four_steps .step_item:nth-of-type(1) + span {margin:150px 0 0 -150px;} 
	.four_steps .step_item:nth-of-type(2) + span {margin:150px 0 0 -70px;} 
	.four_steps .step_item:nth-of-type(3) + span {margin:150px 0 0 5px;} 
	.four_steps .step_item:nth-of-type(4) + span {margin:150px 0 0 90px;} 
	
	.four_steps .step_item:nth-of-type(1) {margin:80px 0 0 -150px;} 
	.four_steps .step_item:nth-of-type(2) {margin:80px 0 0 -70px;} 
	.four_steps .step_item:nth-of-type(3) {margin:80px 0 0 10px;} 
	.four_steps .step_item:nth-of-type(4) {margin:80px 0 0 90px;} 
	
	.four_steps .text_wrap {margin:180px 18% 20px 18% !important;}
	.four_steps .text_wrap:before {width:40%; margin:-122px 30% 0 30%;}
	
	.wrap_statements .customercase { margin-bottom:40px;}
	.wrap_statements .customercase > .image { display:none;}
	.wrap_statements .customercase > .statement {width:90%; margin:5% 5%;}
		
	.header .headline {
		width:90%;
		top:100px;
		text-align:center;
		padding:0 5%;
	}
	.header .headline h2 { font-size:1.2em;}
	.header .headline h1 { font-size:1.6em;}
	
	.header .address_wrap .item { 
		width:80%;
		height:auto;
		padding:24px 5%;
		margin:10px 5%;
		top:auto;
	}
	
	.header .address_wrap .item:nth-of-type(1) { margin-top:150px;} 
	
	.contact_details {
		width:90%;
		float:left;
		margin:10px 5%;
	}

}

@media screen and (max-width:540px) {
	
	h1 { font-size:2.0em;}
	h2 { font-size:1.0em; margin:-5px 0 0 0;}
	h3 { font-size:0.8em;}
	h4 { font-size:0.8em;}
	
	.projekt_detail h1 { font-size:2.0em; margin-top:40px;}
	.projekt_detail h2  {font-size:1.0em;}
	.projekt_detail { width:100%; float:left; padding:0px 0% 40px 0%;}
	.bto.galprev { top:80%; left:0; padding:8px 12px 4px 8px;}
	.bto.galnext { top:80%; right:0; padding:8px 8px 4px 12px;}
	
	#wrap_nav #nav .open,
	#wrap_nav #nav .close { width:20px; height:20px; padding:16px;}
	#wrap_nav #nav .open span,
	#wrap_nav #nav .close span { display:none;}
	#wrap_nav #nav > .container .level_01 { width:80%; margin:5% 10% 0 10%; float:left;} 
	#wrap_nav #nav > .container .level_02 .category { width:99.8%; margin:1px 0.1%;}
	#wrap_nav #nav > .container .level_02:before { height:25%; left:5%; top:-25%;}
	
	#wrap_nav .logo {margin: 24px 0 0 5%;}
	
	.page_content#start {padding-top:10px;}
	.page_content .intro { 
		width:100%;
		text-align:center;
		margin-top:305px;
		font-size:0.6em;
	}
	
	.page_content .txt_col04 p {
		-webkit-column-count: 1;
		-webkit-column-gap: 0;
		-moz-column-count: 1;
		-moz-column-gap: 0;
		-ms-column-count: 1;
		-ms-column-gap: 0;
		-o-column-count: 1;
		-o-column-gap: 0;
		column-count: 1;
		column-gap: 0;	
	}
	
	.page_content .wrap_biglink {border-left:10px solid var(--c_darkblue);}
	.page_content .category_headline > h1,
	.page_content .wrap_biglink > p {font-size:1.8em;}
	.page_content { padding-bottom:20px; padding-top:40px;}
	
	.page_content#projekte-arbeiten { padding-bottom:80px; padding-top:20px;}
	
	.page_content .intro h1 + .divider { display:none;}
	.page_content .intro .row > label .bto.ic_link { display:none;}
	
	.page_content .intro > .row.we-are-from-vorarlberg { display:none;}
	.page_content .category_intro h2, .page_content .category_intro p { width:90%; padding:12px 5%;}
	.page_content .category_intro p { font-size:1.0em;}
	.page_content .intro > .row > p { text-align:center; width:100%;}
	
	.page_content#arbeitsfelder .wrap_maincat {margin:16px 0 40px 0;}
	
	.page_content#arbeitsfelder .wrap_maincat .maincat { width:48%; margin:10px 1% 0 1%; background-color:rgba(0,0,0,0);}
	.page_content#arbeitsfelder .wrap_maincat .maincat .illustration {width:82%; max-width:200px; height:auto; float:none; margin:5px auto;}
	.page_content#arbeitsfelder .wrap_maincat .maincat .text h1 { margin:0 0 10px 0; font-size:1.0em;}
	.txt_col03 p {
		-webkit-column-count: 1;
		-webkit-column-gap: 1;
		-moz-column-count: 1;
		-moz-column-gap: 1;
		-ms-column-count: 1;
		-ms-column-gap: 1;
		-o-column-count: 1;
		-o-column-gap: 1;
		column-count:1;
		column-gap: 1;	
	}
	
	.page_content#projekte-arbeiten h1 { padding-bottom:0px;}
	
	.projektitem .wrap_labels .label {    
		padding:3px 8px 4px 8px;
    	margin:2px 5px 5px 0;
		font-size:0.6em;
	}
	
	.projekt_detail > .description {
		width:96%;
		margin:0px 2%;
	}
	
	.projekt_detail > .image { margin:30px auto;}

	.col.side > article { width:100%; margin:40px 0 0 0; float:left;}
	.col.side > hr { display:block;}
	
	.popup_page .close .icon { width:100% !important; margin:0 !important;}
	.popup_page .close {top:-10px;}
	.popup_page .c_wrap { width:90%; padding:16px 5% 20px 5%;}
	.popup_page .icon_wrap { width:100%; float:left; margin-bottom:40px;}
	.popup_page h2 {font-size: 14px;}
	.popup_page {
		width:98%;
		margin:3px 1%;
		padding:10px 0;
		position:fixed;
		top:0;
		font-size:1.0em !important;
	}
	
	.overall .before {width: 100%;}
	.overall:before {width: 100%;}
	
	.casewrap > .projektitem { width:99%; margin:10px 0.5%;}
	.casewrap > .projektitem:after { display:none;}
	.casewrap > .projektitem .teaserimage { height:180px;}
	
	.wrap_projekte {
		width:100%;
		float:left;
		flex-direction:row;
		-webkit-column-count: 1;
		-webkit-column-gap: 0;
		-moz-column-count: 1;
		-moz-column-gap: 0;
		-ms-column-count: 1;
		-ms-column-gap: 0;
		-o-column-count: 1;
		-o-column-gap: 0;
		column-count: 1;
		column-gap: 0;	
	}
	.wrap_projekte .projektitem { width:100%; margin:0 0% 10px 0;}
	.wrap_projekte .projektitem .description b {margin-top:-5px; float:left;}
	.projekt_detail > .description p {
		-webkit-column-count:1;
		-webkit-column-gap: 1;
		-moz-column-count: 1;
		-moz-column-gap: 1;
		-ms-column-count: 1;
		-ms-column-gap: 1;
		-o-column-count: 1;
		-o-column-gap: 1;
		column-count: 1;
		column-gap: 1;	
	}
	
	.footer.small {
		width:100%;
		position:relative;
		left:0 !important;
		right:0 !important;
		top:0;
		float:left;
		margin:20px 0 0 0;
		padding:0 0 0 0;
	}
	.footer.small .icon {
		width:10%;
		height:auto;
		float:left;
		margin:20px 11.6%;
	}
	.footer .disclaimer { 
		width:100%;
		float:left; 
		margin:0; 
		padding:20px 0 0 0; 
		border-top:1px solid rgba(17,21,23,0.6);
		font-size:0.8em;
	}
	.footer .disclaimer .item { 
		width:100%;
		float:left;
		padding:0 !important;
		margin:0;
		text-align:left;
		border-right:0px solid rgba(17,21,23,0);
	}
	
	.wrap_contact > .wrap_box { width:100%; float:left; position:relative;}
	.wrap_contact > .wrap_box > .box { padding:0; background-color:rgba(255,255,255,0); width:100%; }
	.wrap_contact .background_image { margin:20px 0;}
	.wrap_contact .team_wrap { width:100%; margin:10px 0;}
	.wrap_contact .team_wrap .team_item { width:100%; float:left; padding:0; margin:0 0 16px 0;}
	
	.wrap_services {width:100%; padding:0; float:left;}
	.wrap_services .s_item {min-height:180px; float: left;}
	.wrap_services a:nth-of-type(odd) > .s_item { width:84%; margin:10px 2% 0 2% !important; padding:30px 6% 0 6% !important;} 
	.wrap_services a:nth-of-type(even) > .s_item { width:84%; margin:10px 2% 0 2% !important; padding:30px 6% 0 6% !important;} 
		
	.wrap_services .col08 > .s_item { width:82%; margin:40px 5% 0px 5% !important; padding:32px 4%;}

	.section.fullwidth { padding:32px 0;}
	.section.fullwidth .row.inner.resize { width:80%; margin:0 10%;}
	.section.fullwidth > .borderline {margin:0 0 40px 0;}
	
	.wrap_projektpreview {transform:scale(0.55); -webkit-transform:scale(0.55); -moz-transform:scale(0.55); -ms-transform:scale(0.55); -o-transform:scale(0.55);}
	
	.section.fullwidth .category_select {}
	.section.fullwidth .category_select span {width:100%; margin:0 0 5px 0;}
	.section.fullwidth .category_select .c_button { margin:0 1% 6px 1%; padding:2px 2% 0px 2%;}
	
	.four_steps .text_wrap { width:80%; padding:20px 5%; margin:180px 5% 20px 5% !important;}
	.four_steps .text_wrap:before { width:70%; margin:-142px 15% 0 15%;}
	
	.bto.black_button { margin:-20px 0 20px 0;}
	
	.category_cta_wrap.start {margin-top:-44px;}
	
	.bto_wrap.mobile { display:flex;}
	
	.row.links > a .bto.ic_link {margin: 20px 0px 0 0;}

}