body:before,h2:before,h3:before{content:"";top:0}body:before,nav{position:fixed;left:0}.text-centered,nav{text-align:center}nav{background-image:url(/img/assets/kachel-footer-navi.jpg)}footer,h2,h3{position:relative}*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}*,:active,:focus{outline:0}body,html{margin:0;padding:0;font-size:16px;color:#001534;overflow-x:hidden}@media all and (max-width:480px){body,html{font-size:14px}}body{font-family:Walsheim}body:before{width:100%;height:6px;background-color:#f65;z-index:8}a{color:inherit;text-decoration:none}.font-emphasis,.ui-gridview-copybox h3{font-family:Sectra;font-style:italic}.font-emphasis-normal{font-family:Sectra}.wrapper{max-width:1440px;margin:0 auto;padding-left:40px;padding-right:40px}.wrapper.isProjects{max-width:1300px}.text-upper{text-transform:uppercase}.text-white{color:#fff}.text-red{color:#f65}.text-litschi{color:#b7696b}.text-green{color:#788b74}.text-blue{color:#91a8d1}.text-yellow{color:#dec100}.letter-spacing{letter-spacing:3px}.fullwidth{display:block;width:100%;height:auto}h1,h2,h3,h4{margin:0;padding:0;font-weight:400}h2,h3{padding-top:20px}h2:before,h3:before{position:absolute;background-color:#fff;height:1px;left:0;width:40px}h3:before{background-color:#000}.text-small{font-size:.9rem}.text-medium{font-size:1.2rem}.text-large,h4{font-size:1.4rem}.text-larger,h2,h3{font-size:1.6rem}.text-largest{font-size:2rem}.text-head{font-size:3.75rem}.text-subhead{font-size:2.45rem}.text-hero{font-size:6rem}.vspace-xxl{margin-top:120px}.vspace-xl{margin-top:90px}.vspace-l{margin-top:60px}.vspace-m{margin-top:40px}.vspace-s{margin-top:30px}.vspace-xs{margin-top:20px}.vspace-xss{margin-top:10px}.flex-view{display:-webkit-box;display:-ms-flexbox;display:flex}.flex-view-bgview{width:55%;background-repeat:no-repeat;background-position:center;background-size:cover}.flex-view-copyview{width:45%}.flex-view-copyview .copy{padding-top:150px;padding-bottom:150px;margin-left:15%;margin-right:15%;max-width:460px;line-height:1.3}.flex-view-copyview .copy.compact{padding-top:75px;padding-bottom:75px}nav{z-index:10;background-color:#122643;right:0;top:-6px;color:#fff;padding-top:70px;padding-bottom:90px;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);-webkit-transition:-webkit-transform .2s ease-out;-o-transition:transform .2s ease-out;transition:transform .2s ease-out;transition:transform .2s ease-out,-webkit-transform .2s ease-out}nav .brand-item{margin-bottom:60px}nav.open{-webkit-transform:none;-ms-transform:none;transform:none}.nav .burger .burger-svg__bars{-webkit-transition:fill .2s linear;-o-transition:fill .2s linear;transition:fill .2s linear}#studiokomo .st0,nav.open+.nav .burger .burger-svg__bars{fill:#fff}.socials{display:none}nav.open+.nav .socials a{-webkit-transition:color .2s linear;-o-transition:color .2s linear;transition:color .2s linear;color:#fff}.nav-sub .glue{height:1px;width:15px;background-color:#fff;margin-left:5px;margin-right:5px}.nav-item{margin-top:20px;margin-bottom:20px;-webkit-transform:translate3d(-100px,0,0);transform:translate3d(-100px,0,0);opacity:0;-webkit-transition:opacity 150ms linear;-o-transition:opacity 150ms linear;transition:opacity 150ms linear}.nav-item:nth-child(odd){-webkit-transform:translate3d(100px,0,0);transform:translate3d(100px,0,0)}nav.open .nav-item{-webkit-transform:none;-ms-transform:none;transform:none;opacity:1;-webkit-transition:opacity .3s linear 350ms,-webkit-transform 150ms ease-out .4s;-o-transition:opacity .3s linear 350ms,transform 150ms ease-out .4s;transition:opacity .3s linear 350ms,transform 150ms ease-out .4s;transition:opacity .3s linear 350ms,transform 150ms ease-out .4s,-webkit-transform 150ms ease-out .4s}.nav-sub{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:1rem;margin-top:5px}footer{background-color:#071b3a;}



footer
{
    font-size: 1.1rem;
    color:#fff;
    padding-bottom: 60px;
    padding-top: 20px;
}

.footer-grid a:not(.sub)
{
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 1.3rem;
    display:inline-block;
    margin-bottom: 10px;
}

.footer-nav
{
    text-align: right;
    padding-right: 40px;
}

@media all and (min-width: 769px)
{
    .footer-grid {
	color: #fff;
	display: grid;
	grid-template-columns: 30% 15% 1fr;
    grid-column-gap: 40px;
    line-height: 1.4;
    padding-top: 40px;
    padding-bottom: 40px;
}
    
    
    
   
    
}



@media all and (max-width: 768px)
{
     div .sub:last-child {
        margin-bottom: 20px;
        display: inline-block;
    }

    div.address
    {
        margin-bottom: 30px;
    }
    
    .footer-nav
    {
        margin-top:50px;
    }
}

h1.sectionHeadline
{
	font-family: Walsheim;
	font-size: 2rem;
	text-transform: uppercase;
	text-align: center;
	font-weight: 600;
	padding-top:15px;
	padding-bottom: 25px;
	letter-spacing: 1px;
}


.soclink
{
	display:inline-block;
}

.soclink:nth-child(2)
{
	margin-right:10px;
}

.tabnav
{
	position: relative;
}

.tabnav a
{
	font-size: .8rem;
text-transform: uppercase;letter-spacing: 1.5px;
	
}

.tabnav a:hover,
.tabnav a.active
{
	color:#ff6655;
}

.tabnav-wrapper
{
	margin-top:40px; display: flex;justify-content: space-between;align-items: center;
}

.category_pulldown
{
	position: absolute;
	padding: 10px;
	padding-bottom: 15px;
	background:#fff;
	display: flex;
	flex-direction: column;
	z-index: 10;
	left:0;
	top:25px;
	box-shadow: rgba(0,0,0,0.1) 0 8px 20px 0;
	
	opacity: 0;
	pointer-events: none;
	transition: opacity 300ms linear;
	
}

.category_pulldown.show
{
	opacity: 1;
	pointer-events: auto;
}

.category_pulldown a
{
	padding: 5px;
	line-height: 1;
}

@media all and (max-width: 768px)
{
	.tabnav-wrapper
	{
		flex-direction: column;
	}
	
	.tabnav
	{
		margin-top:20px;
	}
	
	.category_pulldown a {
	
	margin-top: 5px;
}
	
	
}

.promo-marquee {
	height: 45px;
	background-color: #0f25f5;
	color: #fff;
	display: flex;
	align-items: center;
	letter-spacing: 1px;
	font-size: .9rem;
	font-weight: 600;
    width:100vw;
    overflow: hidden;
}

.marquee-copy {
  white-space: nowrap;
  animation: marquee 40s linear infinite;
    display: flex;
    justify-content: center;
    gap:80px;
    margin-left: 100%;
    transform: translateX(0%);
}

.marquee-copy:hover {
          animation-play-state: paused;
}

.marquee-copy a
{
    text-decoration: underline;
}

@keyframes marquee {
  0% {
    margin-left: 100%;
    transform: translateX(0%);
  }
  100% {
    margin-left: 0%;
    transform: translateX(-100%);
  }
}

@media all and (max-width: 768px)
{
    .promo-marquee {
        font-size: .73rem;
    }
}

@media all and (max-width: 768px)
{
   .marquee-copy span:nth-child(2),
    .marquee-copy span:nth-child(3),
     .marquee-copy span:nth-child(4),
     .marquee-copy span:nth-child(5)
    {
        display:none;
       
    }
}

body.has-marquee .headnav ul
{
    top: 133px !important;
}

body.has-marquee label.mobilemenu
{
    top: 45px !important;
}

@media all and (max-width: 768px) 
{
    .marquee-copy {
  animation: marquee 20s linear infinite;
  
}
}