@import url('https://fonts.googleapis.com/css2?family=Bungee&display=swap');

/**
 * ProcesssWire.com site template stylesheet. Prepared for use in the basic site profile.
 *
 * Please feel free to use and/or modify under the same license as ProcessWire.
 *
 * Copyright 2010 by Ryan Cramer Design, LLC
 *
 */

html, body {
	height: 100%;
	min-height: 100%;
}

body {
	font-family: 'Arial', sans-serif;
	font-weight: bold;
	text-decoration: none;
}

a {
	text-decoration: none;
}

.grid {
	margin: 20px 0 0 20px;
}

.content {
	overflow: auto;
}

.nav-box {
	width: 80px;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 2;
	
}

.logo {
	display: block;
	transform: rotate(-90deg) translateX(-50%) translateY(-100%);
	background: url(images/kksarch_02.svg);
	background-repeat: no-repeat;
	background-size: contain;
	width: 250px;
	height: 80px;
	text-indent: -9999px;
}

.uk-subnav {
/*	transform: rotate(-90deg) translateX(0) translateY(50%);
	transform-origin: top left;*/
	padding-left: 20px !important;
	list-style-type: none;
}

.subnav li a {
	margin-right: 20px;
	text-transform: uppercase;
}

.projekt-title {
	float: left;
	height: 300px;
	background: #c9d236;
	padding: 0 6rem 0 1rem;
	margin-right: 5px;
}

.float-image {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}



/* COOKIEMANAGEMENT */

.privacywire{position:fixed;bottom:-250%;left:0;right:0;box-shadow:0 -1px 3px rgba(0,0,0,.3);opacity:0;background:#fff;z-index:1;padding:1rem;transition:bottom .3s ease-in,opacity .3s ease}.show-banner .privacywire-banner,.show-message .privacywire-message,.show-options .privacywire-options{bottom:0;opacity:1}.privacywire-header{font-weight:700}.privacywire-ask-consent-blueprint,.privacywire button[hidden],[data-ask-consent-rendered="1"]{display:none}
div.privacywire-wrapper div.privacywire {
    max-width: 350px;
    right: auto;
    z-index: 999;
    transform: translateZ(1px)
}

div.privacywire-wrapper div.privacywire-text ol li, div.privacywire-wrapper div.privacywire-text p,
div.privacywire-wrapper div.privacywire-text ul li, ol div.privacywire-wrapper div.privacywire-text li,
ul div.privacywire-wrapper div.privacywire-text li {
    font-size: .9rem
}

div.privacywire-wrapper a {
    color: #222 !important;
}

div.privacywire-wrapper button {
    display: block;
    width: 100%;
    border: none
}

div.privacywire-wrapper button.allow-all {
    padding: 15px;
    background: #222;
    color: #fff;
    transition: .3s ease;
    cursor: pointer;
}

div.privacywire-wrapper button.allow-all:hover {
    background: #222;
    color: #fff
}

div.privacywire-wrapper button.allow-necessary,
div.privacywire-wrapper button.choose,
div.privacywire-wrapper button.save {
    padding: 6px;
    margin: 6px 0;
    font-weight: 300;
    background: #222;
}

div.privacywire-wrapper button.allow-necessary:hover {
    opacity: 1
}

/*div.privacywire-wrapper button.choose {
    display: none;
    visibility: hidden
}*/






.show-banner > .privacywire-page-wrapper,
    .show-options > .privacywire-page-wrapper,
    .show-message > .privacywire-page-wrapper {
        position: fixed;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        background: rgba(0, 0, 0, 0.6);
        backdrop-filter: blur(5px);
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .privacywire {
        display: none;
    }

    .show-banner .privacywire.privacywire-banner,
    .show-options .privacywire.privacywire-options,
    .show-message .privacywire.privacywire-message {
        display: block;
        position: relative;
        left: auto;
        right: auto;
        bottom: auto;
        max-width: 450px;
    }

    .consent-category-external_media {
      padding: 10vw;
      background: #f2f2f2;
      text-align: center;
    }

.privacywire-consent-button {
  margin: 0;
border: none;
overflow: visible;
font: inherit;
color: inherit;
text-transform: none;
-webkit-appearance: none;
border-radius: 0;
display: inline-block;
box-sizing: border-box;
padding: 0 30px;
vertical-align: middle;
font-size: .875rem;
line-height: 38px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
transition: .1s ease-in-out;
transition-property: color,background-color,border-color;
cursor: pointer;
}

.privacywire-text ul {
  list-style-type: none !important;
}






button.allow-necessary {
	display: none !important;
}
/*.float-image img {
	filter: gray;
  -webkit-filter: grayscale(1);  Google Chrome, Safari 6+ & Opera 15+
  filter: grayscale(1);
}*/
/**
 * WireFatalError is a class that ProcessWire will use to output
 * fatal errors in the design, but only if debug mode is on, or if
 * you are logged in as a superuser.
 *
 */
.WireFatalError {
	background: #a30000;
	color: #fff;
	padding: 1em;
	position: relative;
	z-index: 9999;
}

/*********************************************************************
 * 6. Accessibility helpers
 *
 */

/* Hide visually, but remain approachable for screenreader */

.visually-hidden {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	white-space: nowrap;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	border: 0;
}

/* Show bypass link on hover */

.element-focusable:focus {
	clip: auto;
	overflow: visible;
	height: auto;
}

/* Sample styling for bypass link */

.bypass-to-main:focus {
	top: 0;
	left: 0;
	z-index: 10;
	width: 100%;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background: #333;
	color: #fff;
}