* {
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
list-style:none;
}

.cwerk {
margin-left: -34px;
font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
list-style:none;
color: black;
}
.cwerk img, iframe, p, figure, li{
width: 226px;
margin-left: 0px;
}


body::after {
bottom:1em;
content:'Resize Viewport ↘';
font-size:.8em;
opacity:0.5;
position:fixed;
right:1em;
}

.container {
margin:0 auto;
max-width:1600px;
}

.logo {
color:#FFF;
display:block;
padding:1em;
text-decoration:none;
width:100%;
}

.site-nav {
margin:0 auto;
width:100%;
}

.site-nav li {
float:left;
position:relative;
width:100%;
}

.site-nav a {
background:rgba(0,0,0,0.2);
border-top:1px solid rgba(0,0,0,0.5);
color:#FFF;
display:block;
font-size:1.2em;
font-weight:700;
height:100%;
padding:1em;
text-decoration:none;
width:100%;
}

.breadcrumb {
text-align:center;
}

.sub-menu li:last-of-type {
padding-bottom:0;
}

.sub-menu .sub-menu a {
background:rgba(0,0,0,0.6);
}

.toggle-site-nav {
background-image:url(https://arteurope.2pex.de/images/arteurope_leer.png);
color:#FFF;
cursor:pointer;
display:block;
height:66px;
margin:0 auto;
padding:1em;
width:66px;
z-index:10;
}

.toggle-site-nav:hover {
background:rgba(0,0,0,0.4);
z-index:9000;
}

.js .toggle-sub-menu {
background:#FF6347;
cursor:pointer;
display:block;
height:50px;
opacity:.5;
padding:1em;
position:absolute;
right:0;
top:1px;
width:100%;
}

.js .toggle-sub-menu.active {
background:#cc0;
}

.toggle-sub-menu:hover,.toggle-sub-menu.active:hover {
background-color:lime;
}

#cd-nav ul {
bottom:20px;
max-width:400px;
overflow:hidden;
position:fixed;
right:5%;
transform:scale(0);
transform-origin:100% 100%;
transition:transform .3s visibility 0 .3s;
visibility:hidden;
width:90%;
z-index:1;
}

#cd-nav ul.is-visible {
transform:scale(1);
transition:transform .3s visibility 0 0;
visibility:visible;
}

.cd-nav-trigger {
bottom:20px;
height:44px;
overflow:hidden;
position:fixed;
right:5%;
text-indent:100%;
white-space:nowrap;
width:44px;
z-index:2;
}

.site-nav a:hover,.sub-menu a {
background:rgba(0,0,0,0.4);
}

.js .site-nav,.js .sub-menu,.toggle-sub-menu {
display:none;
}

@media screen and min-width900px{
.logo {
width:auto;
}

.site-nav {
display:block!important;
margin:0 auto;
width:100%;
}

.site-nav a {
border:none;
font-size:15px;
}

.site-nav li {
padding:0;
width:auto;
}

.site-nav li:hover {
background:#000;
}

.has-sub-menu a {
padding-right:2em;
}

.site-nav li > .sub-menu {
display:none;
left:-25px;
padding:0 25px 25px;
position:absolute;
top:50px;
width:300px;
z-index:10;
}

.sub-menu {
display:none;
}

.sub-menu li {
width:100%;
}

.sub-menu > a {
display:block;
width:100%;
}

.has-sub-menu .has-sub-menu .sub-menu {
display:none;
left:224px;
padding:0 25px 25px;
position:absolute;
top:0;
width:300px;
}

.toggle-site-nav {
display:none!important;
}

.sub-left > .sub-menu {
left:auto;
right:0;
}

.site-nav .sub-menu .sub-left > .sub-menu {
left:-275px;
}
}