body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}
.cc-head>*:first-child{margin-top:0}.cc-head>*:last-child{margin-bottom:15px}.contao-cookiebar{--ccb-backdrop: rgba(0, 0, 0, .75);--ccb-anim-duration: .5s;--ccb-checked-clr: #399d32;--ccb-checked-bg: #dcf3db;--ccb-unchecked-clr: #9c9b99;--ccb-unchecked-bg: #fff;--ccb-disabled-clr: #c8c7c5;--ccb-disabled-bg: #f4f4f4;position:fixed;inset:0;z-index:9999;display:flex;align-items:var(--ccb-align, center);justify-content:var(--ccb-justify, center);letter-spacing:0;padding:15px;max-height:100dvh;box-sizing:border-box;pointer-events:none;overflow:hidden;color:var(--ccb-clr, #444)}.contao-cookiebar *{box-sizing:border-box}.contao-cookiebar p{color:var(--ccb-text, #868686);line-height:1.4}.contao-cookiebar label{position:relative;display:block;padding:8px 13px 8px 0;line-height:1.2rem}.contao-cookiebar label.group{font-weight:600}.contao-cookiebar input{position:absolute;width:1px;height:1px;outline:0 none;opacity:0}.contao-cookiebar input+label{padding:8px 13px 8px 45px;cursor:pointer}.contao-cookiebar input+label:before,.contao-cookiebar input+label:after{content:"";position:absolute;border-radius:10px}.contao-cookiebar input+label:before{top:7px;left:0;width:35px;height:18px;margin:0;box-sizing:content-box;background:var(--ccb-unchecked-bg);border:1px solid var(--ccb-unchecked-clr);transition:border-color .2s}.contao-cookiebar input+label:after{display:block;top:11px;left:4px;width:12px;height:12px;background:var(--ccb-unchecked-clr);transition:background .2s,margin-left .2s,padding .2s}.contao-cookiebar input+label:active:after{padding-left:5px}.contao-cookiebar input.cc-group-half+label:after{background:linear-gradient(to right, var(--ccb-unchecked-clr) 0%, var(--ccb-unchecked-clr) 50%, var(--ccb-checked-clr) 50%, var(--ccb-checked-clr) 100%)}.contao-cookiebar input:checked+label:after{background:var(--ccb-checked-clr);margin-left:17px}.contao-cookiebar input:checked+label:active:after{margin-left:12px}.contao-cookiebar input:checked+label:before{background:var(--ccb-checked-bg);border-color:var(--ccb-checked-clr)}.contao-cookiebar input:disabled+label{pointer-events:none}.contao-cookiebar input:disabled+label:after{background:var(--ccb-disabled-clr)}.contao-cookiebar input:disabled+label:before{background:var(--ccb-disabled-bg);border-color:var(--ccb-disabled-clr)}.contao-cookiebar .cc-btn{display:inline-block;cursor:pointer;width:100%;padding:8px 14px;margin-bottom:8px;font-size:15px;outline:0 none;border:1px solid var(--ccb-btn-bdr, #cfcfcf);border-radius:4px;color:var(--ccb-btn-clr, #444);background:var(--ccb-btn-bg, #f5f5f5)}.contao-cookiebar .cc-btn:hover{background:var(--ccb-btn-bg-hvr, #ececec)}.contao-cookiebar .cc-btn:last-child{margin-bottom:0}.contao-cookiebar .grayscale{--ccb-btn-bg: #f1efef;--ccb-btn-bg-hvr: #ececec}.contao-cookiebar .grayscale .success{--ccb-btn-bg: #fbfbfb;--ccb-btn-bg-hvr: #f7f7f7}.contao-cookiebar .highlight .success{--ccb-btn-bg: #4e9e3e;--ccb-btn-bg-hvr: #4c933f;--ccb-btn-bdr: #3e7830;--ccb-btn-clr: #fff}.cc-inner{display:inline-block;overflow-y:auto;max-height:100%;max-width:100%;padding:23px;border-radius:3px;opacity:0;pointer-events:none;visibility:hidden;font-size:1rem;text-align:left;background:var(--ccb-bg, #fff);box-shadow:var(--ccb-box-shadow, rgba(99, 99, 99, 0.2)) 0 2px 8px 0;animation:var(--ccb-anim, cookiebar-middle-in) var(--ccb-anim-duration) ease-in-out forwards}.cc-group{position:relative;border:1px solid var(--ccb-bdr, #d0d0d0);border-radius:5px;margin-bottom:10px}.cc-cookie-info{font-size:.875rem;background:var(--ccb-info-bg, #fff);border:1px solid var(--ccb-info-bdr, #efefef);padding:10px;border-radius:5px}.cc-cookie-info>div>span{font-weight:600}.cc-cookie-info>div+div{margin-top:5px;word-wrap:break-word}.cc-cookie-info+button.cc-detail-btn-details{margin-top:15px}.cc-cookies{background:var(--ccb-cookies-bg, #fbfbfb);border-radius:0 0 5px 5px}.cc-cookies>p{font-size:.875rem}.cc-cookies>p,.cc-cookies>.cc-cookie{margin:0;padding:15px;border-top:1px solid var(--ccb-cookies-bdr, #fbfbfb)}.cc-cookie label.cookie+*{margin-top:10px}.cc-cookie p{margin:0 0 15px;font-size:.875rem}.cc-cookie-desc p{margin-bottom:0}.cc-footer,.cc-info{text-align:center}.cc-info{margin-top:15px}.cc-info>p{font-size:.875rem}.cc-info>a{display:inline-block;font-size:.813rem;color:var(--ccb-detail-clr, #a2a2a2);text-decoration:none}.cc-info>a:hover{color:var(--ccb-detail-clr-hvr, #717171)}.cc-info>a+a:before{display:inline-block;content:"·";margin-right:5px}.cc-active .cc-inner{opacity:1;pointer-events:auto;visibility:visible}.cc-active.cc-blocked{pointer-events:auto;animation:cookiebar-overlay-in var(--ccb-anim-duration) ease-in-out forwards}.cc-saved.cc-inner{opacity:0;pointer-events:none;visibility:hidden}.cc-saved.cc-blocked{pointer-events:none;animation:cookiebar-overlay-out var(--ccb-anim-duration) ease-in-out forwards}.cc-left{--ccb-justify: flex-start}.cc-right{--ccb-justify: flex-end}.cc-top{--ccb-align: flex-start}.cc-top.cc-active{--ccb-anim: cookiebar-top-in}.cc-top.cc-saved{--ccb-anim: cookiebar-top-out}.cc-middle.cc-active{--ccb-anim: cookiebar-middle-in}.cc-middle.cc-saved{--ccb-anim: cookiebar-middle-out}.cc-bottom{--ccb-align: flex-end}.cc-bottom.cc-active{--ccb-anim: cookiebar-bottom-in}.cc-bottom.cc-saved{--ccb-anim: cookiebar-bottom-out}@media(min-width: 768px){.contao-cookiebar .cc-btn{width:auto;margin-bottom:0}.cc-inner{max-width:var(--ccb-max-width, 750px)}}@keyframes cookiebar-overlay-in{0%{background:rgba(0,0,0,0)}to{background:var(--ccb-backdrop)}}@keyframes cookiebar-overlay-out{0%{background:var(--ccb-backdrop)}to{background:rgba(0,0,0,0);visibility:hidden}}@keyframes cookiebar-top-in{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes cookiebar-top-out{0%{opacity:1;visibility:visible;transform:translateY(0)}to{opacity:0;visibility:hidden;transform:translateY(-100%)}}@keyframes cookiebar-middle-in{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes cookiebar-middle-out{0%{opacity:1;visibility:visible;transform:scale(1)}to{opacity:0;visibility:hidden;transform:scale(0)}}@keyframes cookiebar-bottom-in{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes cookiebar-bottom-out{0%{opacity:1;visibility:visible;transform:translateY(0)}to{opacity:0;visibility:hidden;transform:translateY(100%)}}.cc-group{display:flex;flex-wrap:wrap;justify-content:space-between;align-content:center}.cc-group>label{flex-grow:1;margin:5px 0 5px 10px}.cc-cookies{display:none;width:100%}.cc-detail-btn{padding:8px 10px;line-height:1.2rem}.cc-detail-btn-details{text-decoration:underline;padding:0;margin:0 0 10px}.cc-detail-btn,.cc-detail-btn-details{display:inline-block;color:var(--ccb-detail-clr, #a2a2a2);border:0 none;outline:0 none;background:rgba(0,0,0,0);font-size:13px;letter-spacing:0;text-transform:initial;cursor:pointer}.cc-detail-btn span:nth-child(2),.cc-detail-btn-details span:nth-child(2){display:none}.cc-detail-btn.cc-active span:nth-child(1),.cc-detail-btn-details.cc-active span:nth-child(1){display:none}.cc-detail-btn.cc-active span:nth-child(2),.cc-detail-btn-details.cc-active span:nth-child(2){display:inline}.cc-detail-btn:hover,.cc-detail-btn-details:hover{background:rgba(0,0,0,0);color:var(--ccb-detail-clr-hvr, #717171)}
/*
 * 
 * style.css
 * Copyright 2021 Christian Urban <info@maio31.de>
 * Stylesheet: murban
 * Theme: murban
 *
 */

* { padding: 0; margin: 0; border: 0; box-sizing: border-box; }

body, html { scroll-snap-type: y proximity; }

html, ::placeholder { font-size: 10px; font-family: Ubuntu; }

a { text-decoration: none; }

p, label, button, input, textarea, ::placeholder, footer nav, li, .cookiebar_default .cc-info > a
{ 
    font-size: calc(.1vw + 1.4rem); 
    font-weight: 400; 
    line-height: 1.55em; 
}

p.designer
{
	font-size: calc(.1vw + 1rem);
    font-weight: 500;
    text-transform: uppercase;
    margin-top: 1rem;
}

p.designer + h3 { margin-top: 0; }

h2 { font-size: calc(.4vw + 1.7rem); font-weight: 800; line-height: 2em; }

h3 { font-size: calc(.35vw + 1.55rem); font-weight: 500; line-height: 2em; margin-top: 1rem; }

h4 { font-size: calc(.1vw + 1.4rem); line-height: 1.55em; margin-top: 1rem; font-weight: 500; }

header nav, .blue, .brown, h2, .gallery_control > div { font-family: Montserrat Alternates; text-transform: lowercase; }

header nav { font-size: calc(.62745vw + 20px); line-height: 1em; }
body.scroll header nav { font-size: calc(.125vw + 20px); }

.blue, .brown 
{
    font-size: calc(4.5vw + 3rem); /* 144px */
    font-weight: 500;
    line-height: 1.55em;
}

.gallery_control > div { line-height: 1.35em; font-size: calc(.1vw + 1.4rem); font-weight: 500; }
.gallery_control > .active { border-bottom: .2rem solid; font-weight: 800; }

.brown { float: right; }

p, label, button, input, textarea, ::placeholder, footer nav, li, h2, h4 { color: rgb(77,77,77); }
.blue, h3, a { color: rgb(51,85,139); }
.brown, a:hover { color: #a9775a; }
.white, #kontakt h2, #kontakt p, #kontakt a, #kontakt label, #kontakt button, 
input, textarea, ::placeholder, .project_info > *, .gallery_control > div { color: #fff; }

#article-3 li { list-style: inside; }

body 
{
    width: 100%; height: 100%;
    //background: url(/files/manodera/img/Entwurf_02.png);
    position: relative;
}

    #wrapper 
    {
	height: 100%;
	display: grid;
	grid-template-rows: minmax(auto, max-content) auto minmax(auto, max-content);
	position: relative;
    }
    
	#wrapper > header, 
	#wrapper   main > .inside, 
	#wrapper   #kontakt, 
	#wrapper > footer 
	{
	    position: relative;
	    display: grid;
	    grid-template-columns: minmax(3vw, 1fr) minmax(auto, 1800px) minmax(3vw, 1fr);
	}
    
	    #wrapper > header > .inside, 
	    #wrapper   main > .inside > .mod_article, 
	    #wrapper   #kontakt > .inside, 
	    #wrapper > footer > .inside
	    {
		grid-column: 2/3;
	    }
	    
	    #wrapper   main > .inside > .mod_article.wide
	    {
		grid-column: 1/4;
	    }
	    
	#wrapper > header 
	{
	    z-index: 100;
	    position: sticky;
	    top: 0;
	    padding: 5rem 0 calc(1.35vh + 5rem) 0;
	    width: 100%; 
	    z-index: 100;
	    background: rgba(255,255,255,.8);
	}
	
	body.scroll #wrapper > header { padding: 3rem 0; }
	    
	    #wrapper > header > .inside 
	    {
		display: grid;
		grid-template-columns: 1fr calc(3.1376vw + 114px) 1fr;
	    }
	    
	    body.scroll #wrapper > header > .inside { grid-template-columns: 1fr 6.7rem 1fr; }
	    
		#wrapper > header > .inside > nav { margin: auto 0 0 0; }
		body.scroll #wrapper > header > .inside > nav { margin: auto 0; }
		
		    #wrapper > header > .inside > nav.right > div { float: right; }
		    
			#wrapper > header > .inside > nav > div > div { float: left; }
			#wrapper > header > .inside > nav > div > div.unnecessary { margin: 0 0 0 1em; }
			#wrapper > header > .inside > nav.right > div > div.unnecessary { margin: 0 1em 0 0; }
		
		#wrapper > header > .inside > #logo { margin-bottom: -13.5%; }
		body.scroll #wrapper > header > .inside > #logo { margin-bottom: 0; }
		
		    #wrapper > header > .inside > #logo > .big { display: inline; }
		    
		    #wrapper > header > .inside > #logo > .small { display: none; }
	
	#headline, #team, #projekte, #produkte, #social { padding-top: calc(2.7vw + 10rem); }
	
	#kontakt { padding: 0 0 10rem 0; }
	
	    #kontakt > .white_gap { height: calc(2.7vw + 10rem); background: #fff; grid-column: 1/-1; margin-bottom: 10rem; }
	    
	#wrapper #stage
	{
	    //background: url(/files/manodera/img/Design/PXL_20210717_121945159.jpg);
	    height: 86vh; /* calc(100vh + 7rem) */
	    //background-size: cover;
	    //background-position: center;
	}
	
	    #wrapper #stage > div, #wrapper #stage > div > figure { height: 100%; }
	    
		#wrapper #stage img { height: 100%; object-fit: cover; }
	    
	#wrapper #headline
	{
	    padding: calc(9.7vw + 7vh + 15.6rem) 6.3vw calc(7vw + 7vh) 6.3vw;
	}
	
	#wrapper #projekte {}
	
	    #wrapper #projekte .ce_metamodel_content
	    {
		width: 100%;
		position: relative;
	    }
		#wrapper #projekte .ce_metamodel_content .gallery_wrapper
		{
		    display: grid;
		    grid-template-rows: 1fr;
		    grid-auto-flow: column;
		    grid-auto-columns: 100%;
		    height: 85vh;
		    overflow: hidden;
		    position: relative;
		}
		    #wrapper #projekte .ce_metamodel_content .gallery_wrapper .image_wrap
		    {	
			display: grid;
			//grid-template-columns: minmax(3vw, 1fr) minmax(auto, 1800px) minmax(3vw, 1fr);
			grid-template-rows: 1fr auto 1fr;
			position: relative;
		    }
		    
		    #wrapper #projekte .gallery_wrapper .literaturhaus { grid-template-columns: 2fr 5fr 3fr 2fr 4fr 3fr; }
		    #wrapper #projekte .gallery_wrapper .pausenraum { grid-template-columns: 1fr; }
		    #wrapper #projekte .gallery_wrapper .kueche { grid-template-columns: 1fr; }
	    
			/* #wrapper #projekte .ce_metamodel_content .gallery_wrapper .image_wrap > img */
			#wrapper #projekte .ce_metamodel_content .gallery_wrapper .image_wrap > picture
			{
			    width: 100%;
			    height: 85vh;
			    grid-row: 1/4;
			}
			
			    #wrapper #projekte .ce_metamodel_content .gallery_wrapper .image_wrap > picture > img
			    {
				object-fit: cover;
				height: 100%;
				width: 100%;
			    }
	    
			#wrapper #projekte .ce_metamodel_content .gallery_wrapper .image_wrap > .info_wrap 
			{
			    grid-row: 2/3;
			    position: absolute;
			    display: grid;
			    grid-template-columns: minmax(3vw, 1fr) minmax(auto, 1800px) minmax(3vw, 1fr);
			    width: 100%;
			}
	    
			    #wrapper #projekte .ce_metamodel_content .gallery_wrapper .image_wrap > .info_wrap > .project_info
			    {
				grid-column: 2/3;
			    }
			    
				#wrapper #projekte .ce_metamodel_content .gallery_wrapper .image_wrap > .info_wrap > .project_info > *
				{
				    margin: 0;
				    line-height: 1.55em;
				}
				
		#wrapper #projekte .ce_metamodel_content .control_wrap
		{
		    position: absolute;
		    display: grid;
		    grid-template-columns: minmax(3vw, 1fr) minmax(auto, 1800px) minmax(3vw, 1fr);
		    bottom: 5rem;
		    width: 100%;
		}
		
		    #wrapper #projekte .ce_metamodel_content .control_wrap > .gallery_control
		    {
			grid-column: 2/3;
		    }
		    
			#wrapper #projekte .ce_metamodel_content .control_wrap > .gallery_control > div
			{
			    float: left;
			    margin-right: 2rem;
			    cursor: pointer;
			}
		
		/*
		#wrapper #projekte .ce_metamodel_content .image_wrap,
		#wrapper #projekte .ce_metamodel_content .project_info
		{
		    height: 100%;
		}
	
		#wrapper #projekte .ce_metamodel_content .project_info
		{
		    background-position: center;
		    background-size: cover;
		}
		*/
	    
	#wrapper #produkte .ce_metamodel_content,
	#wrapper #produkte .product_wrap,
	#wrapper #team .ce_metamodel_content,
	#wrapper #team .product_wrap,
	#wrapper .mod_cfg_instagram,
	#wrapper #kontakt > .inside
	{
	    display: grid;
	    grid-gap: 5rem;
	}
	
	#wrapper #team .ce_metamodel_content, #wrapper #team .product_wrap { grid-template-columns: repeat(auto-fill, minmax(325px, 1fr)); }
	#wrapper #produkte .ce_metamodel_content, #wrapper #produkte .product_wrap { grid-template-columns: repeat(auto-fill, minmax(500px, 1fr)); } 
	
	#wrapper #social > .mod_cfg_instagram { grid-template-columns: repeat(auto-fill, minmax(275px, 1fr)); }
	    
	//#wrapper .ce_metamodel_content img { margin-bottom: 1rem; }
	
	#wrapper #produkte img 
	{     
	    height: 50vh;
	    width: 100%;
	    object-fit: cover; 
	}
	
	#wrapper #social .ce_text
	{
	    margin-bottom: 5rem;
	}
	
		#wrapper #social .item 
		{
			overflow: hidden;
			aspect-ratio: 1/1;
		}
		
			#wrapper #social .item img 
			{
				height: 100%;
				object-fit: cover;
			}
	
	#wrapper #kontakt 
	{ 
	    background: rgb(51,85,139);
	}
	
	    #wrapper #kontakt > .inside { grid-template-columns: repeat(auto-fill, minmax(500px, 1fr)); }
		
	    /* FORM */
	    #wrapper input, #wrapper textarea
	    {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		border:none;
		border-radius: 0;
		width: 100%
	    }
	    
	    /* graceful degradation for ie8 */
	    #wrapper input[type='checkbox'] 
	    {
		width:auto;
		float:left;
		margin-right: .75rem;
		background:transparent;
		border:none;
	    }
	    
	    #wrapper input[type='checkbox']:checked,
	    #wrapper input[type='checkbox']:not(:checked) 
	    {
		background: transparent;
		position: relative;
		visibility: hidden;
		margin:0;
		padding:0;
	    }
	    
	    #wrapper input[type='checkbox'] + label
	    {
		cursor: pointer;
	    }
	    
	    #wrapper .mod_article form > .formbody .widget-checkbox
	    {
		//float: left;
		margin-top: -12px;		/* margin-top: 3px; */
	    }
	    
		    #wrapper .mod_article form > .formbody .widget-checkbox label
		    {
			display: block;
			line-height: 2.5rem;
			margin-bottom: 1.5rem;
		    }
	    
			    #wrapper input[type='checkbox']:checked + label::before,
			    #wrapper input[type='checkbox']:not(:checked) + label::before
			    {
				content:' ';
				display: inline-block;
				width: 49px;
				height: 49px;
				position: relative;
				top: 20px;
				background: rgb(51,85,139);
				margin-right: 1rem;
				box-shadow: inset 0 0 0 15px rgb(73,102,151);
			    }

			    #wrapper input[type='checkbox']:hover + label::before
			    {
				//background: rgb(9,44,255);
				box-shadow: inset 0 0 0 15px rgb(113,136,174);
			    }

			    #wrapper input[type='checkbox']:checked + label::before 
			    {
				background: rgb(166,113,84);
				box-shadow: inset 0 0 0 15px rgb(73,102,151);
			    }
	    
	    #wrapper .mod_article form > .formbody .widget > label, #wrapper .mod_article form > .formbody .widget legend { display: none; }
	    
	    #wrapper .mod_article form > .formbody .widget:first-of-type input { margin-top: 1rem; }
		
	    #wrapper .mod_article form > .formbody .widget > input, #wrapper .mod_article form > .formbody .widget > textarea 
	    { 
		width: 100%; 
		padding: 1.2rem 1.6rem; 
		margin: .8rem 0; 
		background: rgba(255,255,255,.1); 
	    }
	    
	    #wrapper .mod_article form > .formbody .widget > button 
	    { 
		padding: 1.2rem 1.6rem;
		background: rgba(255,255,255,.1);
		margin-top: 1.6rem;
	    }
	    /* FORM */
	    
	    #wrapper #kontakt > .inside .maps > div { margin-top: 1rem; min-height: 34vh; }
	    
		#wrapper #kontakt > .inside .maps > div input.text { background: rgb(73,102,151); }
		
		#wrapper #kontakt > .inside .maps > div input + input { margin-top: .8rem; }
	    
	/* FOOTER */

	#wrapper footer { padding: 5.5rem 0 5rem 0; }
	
	    #wrapper footer ul { list-style: none; }
	    
		#wrapper footer ul li { float: left; }
	    
		#wrapper footer ul li + li::before { content: "|"; padding: 3rem; }
		
    /* COOKIEBAR */
    .contao-cookiebar .highlight .cc-btn.success 
    {
	background: rgb(51,85,139);
	border-color: rgb(77,77,77);
    }
    
    .contao-cookiebar input:checked + label:before 
    {
	background: #fff;
	border-color: rgb(51,85,139);
    }
    
    .contao-cookiebar input:checked + label:after 
    {
	background: rgb(51,85,139);
    }
    /* COOKIEBAR */
		
@media all and (max-width: 700px) 
{

    #wrapper #kontakt > .inside { grid-template-columns: 1fr; }
    
    #wrapper footer ul { text-align: center; }
    
	#wrapper footer ul li { float: none; }
	
	#wrapper footer ul li + li::before { content: " "; padding: 0; }
	
	#wrapper footer ul li + li { margin-top: 1rem; }
	    
}

@media all and (max-width: 650px)
{
    header .unnecessary { display: none; }
}

@media all and (max-width: 450px)
{
    header nav { font-size: calc(.125vw + 20px); }
    #wrapper > header { padding: 3rem 0; }
    #wrapper > header > .inside { grid-template-columns: 1fr 6.7rem 1fr; }
    #wrapper > header > .inside > nav { margin: auto 0; }
    #wrapper > header > .inside > #logo > .big { display: none; }
    #wrapper > header > .inside > #logo > .small { display: inline; }
    #wrapper > header > .inside > #logo { margin-bottom: 0; }
}

/* montserrat-alternates-500 - latin */
@font-face {
  font-display: swap;
  font-family: 'Montserrat Alternates';
  font-style: normal;
  font-weight: 500;
  src: url('../../files/manodera/fonts/montserrat-alternates-v12-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../files/manodera/fonts/montserrat-alternates-v12-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/manodera/fonts/montserrat-alternates-v12-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/manodera/fonts/montserrat-alternates-v12-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../../files/manodera/fonts/montserrat-alternates-v12-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/manodera/fonts/montserrat-alternates-v12-latin-500.svg#MontserratAlternates') format('svg'); /* Legacy iOS */
}
/* montserrat-alternates-800 - latin */
@font-face {
  font-display: swap;
  font-family: 'Montserrat Alternates';
  font-style: normal;
  font-weight: 800;
  src: url('../../files/manodera/fonts/montserrat-alternates-v12-latin-800.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../files/manodera/fonts/montserrat-alternates-v12-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/manodera/fonts/montserrat-alternates-v12-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/manodera/fonts/montserrat-alternates-v12-latin-800.woff') format('woff'), /* Modern Browsers */
       url('../../files/manodera/fonts/montserrat-alternates-v12-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/manodera/fonts/montserrat-alternates-v12-latin-800.svg#MontserratAlternates') format('svg'); /* Legacy iOS */
}
/* ubuntu-regular - latin */
@font-face {
  font-display: swap;
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  src: url('../../files/manodera/fonts/ubuntu-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../files/manodera/fonts/ubuntu-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/manodera/fonts/ubuntu-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/manodera/fonts/ubuntu-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../../files/manodera/fonts/ubuntu-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/manodera/fonts/ubuntu-v15-latin-regular.svg#Ubuntu') format('svg'); /* Legacy iOS */
}
/* ubuntu-500 - latin */
@font-face {
  font-display: swap;
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 500;
  src: url('../../files/manodera/fonts/ubuntu-v15-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../files/manodera/fonts/ubuntu-v15-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/manodera/fonts/ubuntu-v15-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/manodera/fonts/ubuntu-v15-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../../files/manodera/fonts/ubuntu-v15-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/manodera/fonts/ubuntu-v15-latin-500.svg#Ubuntu') format('svg'); /* Legacy iOS */
}
/* ubuntu-700 - latin */
@font-face {
  font-display: swap;
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 700;
  src: url('../../files/manodera/fonts/ubuntu-v15-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../files/manodera/fonts/ubuntu-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/manodera/fonts/ubuntu-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/manodera/fonts/ubuntu-v15-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../../files/manodera/fonts/ubuntu-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/manodera/fonts/ubuntu-v15-latin-700.svg#Ubuntu') format('svg'); /* Legacy iOS */
}