@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700");
body { font-family: 'Roboto', sans-serif; overflow-x: hidden; font-size: 16px; color: #2c2c2c; line-height: 1.5; font-weight: 400; }

#wrapper_content { max-width: 95%; margin: auto; }

.clearfix { clear: both; }

.flex { display: flex; }

.light { color: #1a1a1a; }

.current { font-weight: 700; }

.hidden { display: none; }

.nav_slide { transform: translateX(200%); }

.nav_bar { top: 0; width: 100%; background: white; border-bottom: 1px solid #1a1a1a; padding: 1em 0; }

.nav_bar_wrapper { max-width: 95%; margin: auto; justify-content: space-between; }

h1 { font-size: 1.25em; text-transform: uppercase; }

h2 { font-size: 1.25em; }

h2, h3 { text-transform: uppercase; }

h3, h4 { font-weight: 300; font-size: 1em; }

h5 { color: #1a1a1a; }

section { margin-top: 1em; }

.no_scroll { overflow-y: hidden; }

.nav_mobile_wrapper { position: sticky; width: 100%; top: 0; }

#nav_mobile, #nav_mobile_werke { transition: all ease 0.2s; height: 100vh; width: 100%; position: absolute; background: rgba(255, 255, 255, 0.9); }

#nav_mobile ul li, #nav_mobile_werke ul li { border-bottom: 1px solid #1a1a1a; }

#nav_desktop { display: none; }

nav { display: flex; flex-direction: column; text-transform: uppercase; }

#nav_mobile li, #nav_mobile_werke li { padding: 1em 0; }

nav li { margin: 0 2.5%; }

.nav_mobile_item_werke { cursor: pointer; display: flex; }

.nav_arrow_next, .nav_arrow_back { cursor: pointer; height: 1.25em; width: auto; vertical-align: text-top; }

#nav_mobile_burger { z-index: 5; cursor: pointer; margin-top: 6px; }

#nav_mobile_burger .line { width: 24px; border-bottom: 3px solid #2c2c2c; margin-top: 3px; background-color: #2c2c2c; border-radius: 6px; transition: all ease 0.2s; }

#nav_mobile_burger .line.first-of-type { margin-top: 0; }

#nav_mobile_burger .line.animation:first-of-type { transform: translateY(6px); }

#nav_mobile_burger .line.animation:last-of-type { transform: translateY(-6px); }

article, .event_content { margin-bottom: 1.25em; }

.event_content_flex { margin-top: 1em; }

.event_content_flex ul { color: #1a1a1a; font-size: 0.75em; }

.event_content_flex p { margin-top: 1em; border-left: 1px solid #1a1a1a; padding-left: 1em; }

table { margin-top: 1em; font-size: 0.75em; }

table td { padding-right: 1em; }

#vita img { width: 100%; max-width: 1440px; }

#vita ul { font-weight: 700; text-transform: uppercase; }

#vita ul a { font-weight: 300; border-bottom: 1px solid #1a1a1a; }

.profile_pic { width: 50%; height: auto; }

.vita_content { margin-top: 1em; }

.vita_content h2 { display: flex; cursor: pointer; display: inline; line-height: 0.1; }

.vita_content h2 span { padding-left: 8px; }

.vita_content ul li { font-size: 0.75em; font-weight: 300; }

#werke img { width: 100%; max-width: 1440px; }

#werke ul { line-height: 1.2; margin-bottom: 3em; }

#werke hr { margin-bottom: 1em; }

#impressum h3, #impressum h4 { margin-top: 1em; }

#impressum h2:last-of-type { margin-top: 2em; }

#impressum ul { max-width: 720px; }

@media screen and (min-width: 768px) { .nav_mobile_wrapper { display: none; } .logo { line-height: 1.25; margin-bottom: 1.5em; } .wrapper_flex { width: 95%; max-width: 1440px; margin: auto; display: flex; margin-top: 5em; } #nav_desktop { display: block; width: 200px; position: fixed; height: auto; } #nav_desktop li { margin: 0; } #nav_desktop_werke { font-size: 0.75em; padding-left: 1em; padding-top: 0; } #nav_desktop_werke li { margin-bottom: 0.5em; } section { margin-top: 4.8em; margin-left: 220px; } section p { max-width: 720px; } .menu-item-4 { padding-top: 3em; color: #fafafa; font-size: 12px; } }

* { margin: 0; padding: 0; }

ul { list-style-type: none; }

a { text-decoration: none; color: black; }

img { box-sizing: border-box; }

/*# sourceMappingURL=style.css.map */