/*
Theme Name: NGB Divi mods
Theme URI: http://elegantthemes.com
Description: NGB specific Divi mods
Author: Thomas Weber
Author URI: http://notengrafik.com/
Template: Divi
Version: 1.0.0
License: -/-
*/
/*@font-face {
	font-family: 'Folha Grafico';
	src: url('/wp-content/fonts/Folha_Grafico-Black_Italic.eot');
	src: url('/wp-content/fonts/Folha_Grafico-Black_Italic.eot?#iefix') format('embedded-opentype'),
	     url('/wp-content/fonts/Folha_Grafico-Black_Italic.woff') format('woff'),
	     url('/wp-content/fonts/Folha_Grafico-Black_Italic.woff2') format('woff2'),
	     url('/wp-content/fonts/Folha_Grafico-Black_Italic.svg#svgFontName') format('svg');
	font-weight: 800;
	font-style: italic;
}

@font-face {
	font-family: 'Folha Grafico';
	src: url('/wp-content/fonts/Folha_Grafico-Black.eot');
	src: url('/wp-content/fonts/Folha_Grafico-Black.eot?#iefix') format('embedded-opentype'),
	     url('/wp-content/fonts/Folha_Grafico-Black.woff') format('woff'),
	     url('/wp-content/fonts/Folha_Grafico-Black.woff2') format('woff2'),
	     url('/wp-content/fonts/Folha_Grafico-Black.svg#svgFontName') format('svg');
	font-weight: 800;
	font-style: normal;
}*/
@font-face {
  font-family: 'Folha Grafico';
  src: url("/wp-content/fonts/Folha_Grafico-Bold_Italic.eot");
  src: url("/wp-content/fonts/Folha_Grafico-Bold_Italic.eot?#iefix") format("embedded-opentype"), url("/wp-content/fonts/Folha_Grafico-Bold_Italic.woff") format("woff"), url("/wp-content/fonts/Folha_Grafico-Bold_Italic.woff2") format("woff2"), url("/wp-content/fonts/Folha_Grafico-Bold_Italic.svg#svgFontName") format("svg");
  font-weight: 700;
  font-style: italic; }
@font-face {
  font-family: 'Folha Grafico';
  src: url("/wp-content/fonts/Folha_Grafico-Bold.eot");
  src: url("/wp-content/fonts/Folha_Grafico-Bold.eot?#iefix") format("embedded-opentype"), url("/wp-content/fonts/Folha_Grafico-Bold.woff") format("woff"), url("/wp-content/fonts/Folha_Grafico-Bold.woff2") format("woff2"), url("/wp-content/fonts/Folha_Grafico-Bold.svg#svgFontName") format("svg");
  font-weight: 700;
  font-style: normal; }
@font-face {
  font-family: 'Folha Grafico';
  src: url("/wp-content/fonts/Folha_Grafico-Light_Italic.eot");
  src: url("/wp-content/fonts/Folha_Grafico-Light_Italic.eot?#iefix") format("embedded-opentype"), url("/wp-content/fonts/Folha_Grafico-Light_Italic.woff") format("woff"), url("/wp-content/fonts/Folha_Grafico-Light_Italic.woff2") format("woff2"), url("/wp-content/fonts/Folha_Grafico-Light_Italic.svg#svgFontName") format("svg");
  font-weight: 200;
  font-style: italic; }
@font-face {
  font-family: 'Folha Grafico';
  src: url("/wp-content/fonts/Folha_Grafico-Light.eot");
  src: url("/wp-content/fonts/Folha_Grafico-Light.eot?#iefix") format("embedded-opentype"), url("/wp-content/fonts/Folha_Grafico-Light.woff") format("woff"), url("/wp-content/fonts/Folha_Grafico-Light.woff2") format("woff2"), url("/wp-content/fonts/Folha_Grafico-Light.svg#svgFontName") format("svg");
  font-weight: 200;
  font-style: normal; }
@font-face {
  font-family: 'Folha Grafico';
  src: url("/wp-content/fonts/Folha_Grafico-Medium_Italic.eot");
  src: url("/wp-content/fonts/Folha_Grafico-Medium_Italic.eot?#iefix") format("embedded-opentype"), url("/wp-content/fonts/Folha_Grafico-Medium_Italic.woff") format("woff"), url("/wp-content/fonts/Folha_Grafico-Medium_Italic.woff2") format("woff2"), url("/wp-content/fonts/Folha_Grafico-Medium_Italic.svg#svgFontName") format("svg");
  font-weight: 500;
  font-style: italic; }
@font-face {
  font-family: 'Folha Grafico';
  src: url("/wp-content/fonts/Folha_Grafico-Medium.eot");
  src: url("/wp-content/fonts/Folha_Grafico-Medium.eot?#iefix") format("embedded-opentype"), url("/wp-content/fonts/Folha_Grafico-Medium.woff") format("woff"), url("/wp-content/fonts/Folha_Grafico-Medium.woff2") format("woff2"), url("/wp-content/fonts/Folha_Grafico-Medium.svg#svgFontName") format("svg");
  font-weight: 500;
  font-style: normal; }
@font-face {
  font-family: 'Folha Grafico';
  src: url("/wp-content/fonts/Folha_Grafico-Regular_Italic.eot");
  src: url("/wp-content/fonts/Folha_Grafico-Regular_Italic.eot?#iefix") format("embedded-opentype"), url("/wp-content/fonts/Folha_Grafico-Regular_Italic.woff") format("woff"), url("/wp-content/fonts/Folha_Grafico-Regular_Italic.woff2") format("woff2"), url("/wp-content/fonts/Folha_Grafico-Regular_Italic.svg#svgFontName") format("svg");
  font-weight: 400;
  font-style: italic; }
@font-face {
  font-family: 'Folha Grafico';
  src: url("/wp-content/fonts/Folha_Grafico-Regular.eot");
  src: url("/wp-content/fonts/Folha_Grafico-Regular.eot?#iefix") format("embedded-opentype"), url("/wp-content/fonts/Folha_Grafico-Regular.woff") format("woff"), url("/wp-content/fonts/Folha_Grafico-Regular.woff2") format("woff2"), url("/wp-content/fonts/Folha_Grafico-Regular.svg#svgFontName") format("svg");
  font-weight: 400;
  font-style: normal; }
@font-face {
  font-family: FontAwesome;
  src: url(/wp-content/fonts/fontawesome-webfont.woff);
  font-weight: bold; }
#wp-toolbar #wp-admin-bar-et-use-visual-builder {
  display: none; }

/*** Expand the content area to fullwidth ***/
@media (min-width: 981px) {
  #left-area {
    width: 100%;
    padding: 23px 0px 0px !important;
    float: none !important; } }
#main-content .container:before {
  display: none; }

body {
  width: 100vw;
  overflow-x: hidden;
  font-variant-numeric: oldstyle-nums;
  font-size: 18px; }

small {
  font-size: smaller; }

#main-content .container {
  padding-top: 0; }

/*article > .entry-content > p:first-child {
	display: none;
}*/
#left-area ul {
  line-height: inherit; }

#left-area p + ul {
  padding-top: 1em; }

.ngb-motto {
  background-size: cover;
  width: 100vw;
  	/*
    // This if for a shadow at the bottom of the motto background
  	&:after {
  		content: "";
  		position: absolute;
  		bottom: 0;
  		bottom: -5px;
  		width: 100%;
  		height: 40px;
  		margin-bottom: -35px;
  	}*/ }
  @media only screen and (min-width: 1350px) {
    .ngb-motto {
      margin-left: calc( (100% - 100vw) * .5 ); } }
  .ngb-motto .et_pb_text_inner {
    background-color: rgba(255, 255, 255, 0.8);
    padding: .7em 1em;
    width: 80vw;
    max-width: 1080px;
    margin-left: auto;
    margin-right: auto; }
    .ngb-motto .et_pb_text_inner > h1 {
      padding: 0;
      margin: 0; }
  .ngb-motto .et_pb_row {
    width: 80%; }

body.category-gmbh-2 .ngb-motto,
body.category-gmbh .ngb-motto {
  background-image: url(/wp-content/uploads/2015/12/background-gmbh.jpg);
  /*&:after {
  	box-shadow: 0 -5px $box-shadow-radius $gmbh-shadow-color;
  }*/ }
  body.category-gmbh-2 .ngb-motto h1,
  body.category-gmbh .ngb-motto h1 {
    text-align: right; }

body.category-gbr-2 .ngb-motto,
body.category-gbr .ngb-motto {
  background-image: url(/wp-content/uploads/2017/11/GbR-front-01.jpg);
  /*&:after {
  	box-shadow: 0 -5px $box-shadow-radius $gbr-shadow-color;
  }*/ }

body:not(.category-gbr):not(.category-gmbh):not(.category-gbr-2):not(.category-gmbh-2) .ngb-motto {
  background-image: url(/wp-content/uploads/2017/12/blogstart2.jpg); }

body .intro {
  padding-top: 3em;
  padding-bottom: 0; }
  body .intro .et_pb_text {
    font-size: 25.5px;
    font-style: italic;
    font-weight: 400;
    line-height: 1.6em; }

body:not(.category-gbr):not(.category-gbr-2):not(.category-gmbh):not(.category-gmbh-2) .intro .et_pb_button,
body:not(.category-gbr):not(.category-gbr-2):not(.category-gmbh):not(.category-gmbh-2) .intro .et_pb_bg_layout_light.et_pb_module.et_pb_button {
  display: table-cell;
  width: 100%;
  height: 4.2em;
  vertical-align: middle; }
  body:not(.category-gbr):not(.category-gbr-2):not(.category-gmbh):not(.category-gmbh-2) .intro .et_pb_button.gmbh,
  body:not(.category-gbr):not(.category-gbr-2):not(.category-gmbh):not(.category-gmbh-2) .intro .et_pb_bg_layout_light.et_pb_module.et_pb_button.gmbh {
    color: #016; }
  body:not(.category-gbr):not(.category-gbr-2):not(.category-gmbh):not(.category-gmbh-2) .intro .et_pb_button.gbr,
  body:not(.category-gbr):not(.category-gbr-2):not(.category-gmbh):not(.category-gmbh-2) .intro .et_pb_bg_layout_light.et_pb_module.et_pb_button.gbr {
    color: #801; }

h1, h2, h3, h4 {
  /* TODO: Make this work! */
  line-height: 1.2em;
  font-weight: bold; }

article h1 {
  margin-top: .5em; }

h2 {
  margin-top: .5em; }

body > * {
  font-family: 'Folha Grafico'; }

a {
  color: #016; }

#logo {
  max-height: 67%;
  transform: initial; }

/*#top-menu li.current-menu-item {
	color: #000;
}*/
/* TODO: Remove/modify when we have colored background */
#top-menu-nav > #top-menu a,
#top-menu-nav > #top-menu li.current-menu-item > a {
  color: #333333; }

/* As we want the actual text of blurbs to start at the same y-position,
headings should have even height, independant of whether they are one or two
lines long. (When they are longer, this won't help, though.) */
div.et_pb_blurb_container > h4 {
  min-height: 2.7em; }

body.category-gmbh-2 h1 a, body.category-gmbh-2 h2 a, body.category-gmbh-2 h3 a, body.category-gmbh-2 h4 a,
body.category-gbr-2 h1 a,
body.category-gbr-2 h2 a,
body.category-gbr-2 h3 a,
body.category-gbr-2 h4 a,
body.category-gmbh h1 a,
body.category-gmbh h2 a,
body.category-gmbh h3 a,
body.category-gmbh h4 a,
body.category-gbr h1 a,
body.category-gbr h2 a,
body.category-gbr h3 a,
body.category-gbr h4 a,
body h1 a,
body h2 a,
body h3 a,
body h4 a {
  color: #333; }
body.category-gmbh-2 h1:not(.entry-title) a:after, body.category-gmbh-2 h2:not(.entry-title) a:after, body.category-gmbh-2 h3:not(.entry-title) a:after, body.category-gmbh-2 h4:not(.entry-title) a:after,
body.category-gbr-2 h1:not(.entry-title) a:after,
body.category-gbr-2 h2:not(.entry-title) a:after,
body.category-gbr-2 h3:not(.entry-title) a:after,
body.category-gbr-2 h4:not(.entry-title) a:after,
body.category-gmbh h1:not(.entry-title) a:after,
body.category-gmbh h2:not(.entry-title) a:after,
body.category-gmbh h3:not(.entry-title) a:after,
body.category-gmbh h4:not(.entry-title) a:after,
body.category-gbr h1:not(.entry-title) a:after,
body.category-gbr h2:not(.entry-title) a:after,
body.category-gbr h3:not(.entry-title) a:after,
body.category-gbr h4:not(.entry-title) a:after,
body h1:not(.entry-title) a:after,
body h2:not(.entry-title) a:after,
body h3:not(.entry-title) a:after,
body h4:not(.entry-title) a:after {
  font-family: FontAwesome;
  content: "\f08e";
  font-size: 14px;
  margin-left: .2em; }

.et_pb_blurb_content {
  max-width: 20em; }

.fullwidth-blurb .et_pb_blurb_content {
  margin: 0;
  max-width: unset; }

.logo-tiles {
  word-spacing: 20px;
  text-align: center; }
  .logo-tiles > .logo-tile {
    word-spacing: normal;
    text-align: center;
    display: inline-block;
    width: 255px;
    height: 145px;
    background-color: #ddd;
    margin: 10px 0;
    padding: 10px;
    vertical-align: bottom; }
    .logo-tiles > .logo-tile > .logo-container {
      background-color: #fff;
      width: 235px;
      padding: 5px; }
      .logo-tiles > .logo-tile > .logo-container > img {
        vertical-align: middle;
        height: 65px;
        width: 225px;
        text-align: center;
        object-fit: contain; }
    .logo-tiles > .logo-tile > .client-name {
      text-align: center;
      height: 3em;
      padding-top: .5em;
      line-height: 1.2em; }

.composers {
  text-align: justify;
  word-spacing: 200%; }
  .composers > .composer {
    word-spacing: normal; }

/*#content-area table.contact {
	width: auto;
	border: none;
	margin-top: .5em;
	margin-bottom: 1.5em;

	td {
		border: none;
		margin: 0;
		padding: 0;

		&:first-child {
			min-width: 5em;
		}
	}
}*/
#privacy p {
  font-size: smaller; }

#main-footer {
  position: relative; }
  #main-footer a.social {
    font-family: FontAwesome;
    font-size: 2.5em;
    padding: 0 .2em; }
    #main-footer a.social[href^="https://github.com"]:before {
      content: "\f09b"; }
    #main-footer a.social[href^="https://twitter.com"]:before {
      content: "\f099"; }
  #main-footer #footer-widgets {
    display: flex;
    padding-top: 22px;
    overflow: hidden; }
    #main-footer #footer-widgets > .footer-widget {
      flex: initial;
      margin: 0;
      width: auto !important; }
      #main-footer #footer-widgets > .footer-widget .addresses {
        word-spacing: 2em; }
        #main-footer #footer-widgets > .footer-widget .addresses > .address {
          word-spacing: normal;
          display: inline-block; }
          #main-footer #footer-widgets > .footer-widget .addresses > .address + .address {
            margin-bottom: 1em; }
      #main-footer #footer-widgets > .footer-widget:last-child {
        flex: auto;
        position: relative; }
        #main-footer #footer-widgets > .footer-widget:last-child > .widget_custom_html {
          height: 100%; }
          #main-footer #footer-widgets > .footer-widget:last-child > .widget_custom_html > .custom-html-widget {
            position: absolute;
            right: 0;
            text-align: right; }
            @media only screen and (min-width: 768px) {
              #main-footer #footer-widgets > .footer-widget:last-child > .widget_custom_html > .custom-html-widget {
                bottom: 0; } }
            @media only screen and (max-width: 767px) {
              #main-footer #footer-widgets > .footer-widget:last-child > .widget_custom_html > .custom-html-widget {
                top: .5em; } }
  #main-footer #et-footer-nav {
    background-color: transparent; }
    #main-footer #et-footer-nav > .container > .bottom-nav li {
      font-size: inherit; }
      #main-footer #et-footer-nav > .container > .bottom-nav li a {
        color: #fff; }
  @media only screen and (min-width: 768px) {
    #main-footer #et-footer-nav {
      position: absolute;
      width: 40vw;
      margin-left: 30vw; }
      #main-footer #et-footer-nav > .container > .bottom-nav {
        text-align: center;
        padding: 0; } }
  @media only screen and (min-width: 768px) and (max-width: 980px) and (min-width: 768px) {
    #main-footer #et-footer-nav {
      margin-top: calc(-8% - .9em); } }
  @media only screen and (min-width: 768px) and (min-width: 981px) {
    #main-footer #et-footer-nav {
      margin-top: -1.7em; } }

  #main-footer #footer-bottom {
    padding: 0 0 22px; }
  #main-footer:before {
    content: "";
    position: absolute;
    width: 100vw;
    left: 0;
    height: 100%; }

/*body #main-footer:before {
	box-shadow: 0 -5px $box-shadow-radius $neutral-shadow-color;
}

body.category-gmbh-2 #main-footer:before,
body.category-gmbh #main-footer:before {
	box-shadow: 0 -5px $box-shadow-radius $gmbh-shadow-color;
}

body.category-gbr-2 #main-footer:before,
body.category-gbr #main-footer:before {
	box-shadow: 0 -5px $box-shadow-radius $gbr-shadow-color;
}*/
/* Those titles are unpredictable. Where we want them, we add them explicitly to the page instead */
h1.entry-title.main_title {
  display: none; }

/*.qtranxs-available-languages-message {
	font-size: .8em;
	line-height: $narrow-line-height;
	margin-bottom: 1em;
}*/
html[lang^=de] [lang^=en],
html[lang^=en] [lang^=de] {
  display: none; }

.et_mobile_menu,
.nav li ul {
  border-color: #016; }

body .et_pb_post .post-meta,
body .et_pb_bg_layout_light .et_pb_post .post-meta {
  font-size: 14px; }
body .et_pb_post .wp-caption,
body .et_pb_bg_layout_light .et_pb_post .wp-caption {
  border: none;
  background-color: transparent;
  margin-bottom: 0; }
  body .et_pb_post .wp-caption p.wp-caption-text,
  body .et_pb_bg_layout_light .et_pb_post .wp-caption p.wp-caption-text {
    font-size: 14px;
    padding: 0;
    line-height: 1.3em;
    margin-top: .4em; }
  @media only screen and (min-width: 981px) {
    body .et_pb_post .wp-caption.alignright, body .et_pb_post .wp-caption.alignnone,
    body .et_pb_bg_layout_light .et_pb_post .wp-caption.alignright,
    body .et_pb_bg_layout_light .et_pb_post .wp-caption.alignnone {
      margin: 0 0 0 30px;
      float: right; } }
  @media only screen and (max-width: 980px) {
    body .et_pb_post .wp-caption,
    body .et_pb_bg_layout_light .et_pb_post .wp-caption {
      float: none;
      margin: auto; } }

.et_pb_posts a.more-link {
  clear: none; }

body span.mobile_menu_bar:before {
  color: #333; }
body .et_pb_bg_layout_light.et_pb_module.et_pb_button {
  color: #333; }
body div.inverted .et_pb_module.et_pb_button {
  color: #fff; }
body #main-footer,
body #footer-bottom {
  background-color: #333; }

body #main-header:after {
  box-shadow: 0 5px 6px rgba(15, 15, 15, 0.3); }

body:not(.single-post).category-gmbh-2 span.mobile_menu_bar:before, body:not(.single-post).category-gmbh span.mobile_menu_bar:before {
  color: #016; }
body:not(.single-post).category-gmbh-2 .et_pb_bg_layout_light.et_pb_module.et_pb_button, body:not(.single-post).category-gmbh .et_pb_bg_layout_light.et_pb_module.et_pb_button {
  color: #016; }
body:not(.single-post).category-gmbh-2 div.inverted .et_pb_module.et_pb_button, body:not(.single-post).category-gmbh div.inverted .et_pb_module.et_pb_button {
  color: #fff; }
body:not(.single-post).category-gmbh-2 #main-footer,
body:not(.single-post).category-gmbh-2 #footer-bottom, body:not(.single-post).category-gmbh #main-footer,
body:not(.single-post).category-gmbh #footer-bottom {
  background-color: #016; }
body:not(.single-post).category-gmbh-2 div.inverted, body:not(.single-post).category-gmbh div.inverted {
  background-color: #016; }
  body:not(.single-post).category-gmbh-2 div.inverted *, body:not(.single-post).category-gmbh-2 div.inverted h1, body:not(.single-post).category-gmbh-2 div.inverted h2, body:not(.single-post).category-gmbh-2 div.inverted h3, body:not(.single-post).category-gmbh-2 div.inverted h4, body:not(.single-post).category-gmbh div.inverted *, body:not(.single-post).category-gmbh div.inverted h1, body:not(.single-post).category-gmbh div.inverted h2, body:not(.single-post).category-gmbh div.inverted h3, body:not(.single-post).category-gmbh div.inverted h4 {
    color: #fff; }
  body:not(.single-post).category-gmbh-2 div.inverted a, body:not(.single-post).category-gmbh div.inverted a {
    color: #aaa; }
  body:not(.single-post).category-gmbh-2 div.inverted:before, body:not(.single-post).category-gmbh div.inverted:before {
    content: "";
    left: calc( 50% - 50vw );
    position: absolute;
    top: 0;
    height: 100%;
    width: 100vw;
    margin: 0;
    padding: 0;
    background-color: inherit; }
body:not(.single-post).category-gmbh-2 #main-header:after, body:not(.single-post).category-gmbh #main-header:after {
  box-shadow: 0 5px 6px rgba(0, 5, 31, 0.3); }
body:not(.single-post).category-gbr-2 span.mobile_menu_bar:before, body:not(.single-post).category-gbr span.mobile_menu_bar:before {
  color: #801; }
body:not(.single-post).category-gbr-2 .et_pb_bg_layout_light.et_pb_module.et_pb_button, body:not(.single-post).category-gbr .et_pb_bg_layout_light.et_pb_module.et_pb_button {
  color: #801; }
body:not(.single-post).category-gbr-2 div.inverted .et_pb_module.et_pb_button, body:not(.single-post).category-gbr div.inverted .et_pb_module.et_pb_button {
  color: #fff; }
body:not(.single-post).category-gbr-2 #main-footer,
body:not(.single-post).category-gbr-2 #footer-bottom, body:not(.single-post).category-gbr #main-footer,
body:not(.single-post).category-gbr #footer-bottom {
  background-color: #801; }
body:not(.single-post).category-gbr-2 div.inverted, body:not(.single-post).category-gbr div.inverted {
  background-color: #801; }
  body:not(.single-post).category-gbr-2 div.inverted *, body:not(.single-post).category-gbr-2 div.inverted h1, body:not(.single-post).category-gbr-2 div.inverted h2, body:not(.single-post).category-gbr-2 div.inverted h3, body:not(.single-post).category-gbr-2 div.inverted h4, body:not(.single-post).category-gbr div.inverted *, body:not(.single-post).category-gbr div.inverted h1, body:not(.single-post).category-gbr div.inverted h2, body:not(.single-post).category-gbr div.inverted h3, body:not(.single-post).category-gbr div.inverted h4 {
    color: #fff; }
  body:not(.single-post).category-gbr-2 div.inverted a, body:not(.single-post).category-gbr div.inverted a {
    color: #aaa; }
  body:not(.single-post).category-gbr-2 div.inverted:before, body:not(.single-post).category-gbr div.inverted:before {
    content: "";
    left: calc( 50% - 50vw );
    position: absolute;
    top: 0;
    height: 100%;
    width: 100vw;
    margin: 0;
    padding: 0;
    background-color: inherit; }
body:not(.single-post).category-gbr-2 a, body:not(.single-post).category-gbr a {
  color: #801; }
body:not(.single-post).category-gbr-2 #main-header:after, body:not(.single-post).category-gbr #main-header:after {
  box-shadow: 0 5px 6px rgba(65, 0, 8, 0.3); }

html[lang^=en] body.category-gmbh-2 .logo_container > a:after,
html[lang^=en] body.category-gmbh .logo_container > a:after {
  content: "digital development"; }

html[lang^=de] body.category-gmbh-2 .logo_container > a:after,
html[lang^=de] body.category-gmbh .logo_container > a:after {
  content: "Digitale Entwicklung"; }

html[lang^=en] body.category-gbr-2 .logo_container > a:after,
html[lang^=en] body.category-gbr .logo_container > a:after {
  content: "music engraving"; }

html[lang^=de] body.category-gbr-2 .logo_container > a:after,
html[lang^=de] body.category-gbr .logo_container > a:after {
  content: "Notensatz"; }

body,
body .et_pb_post p,
body .et_pb_bg_layout_light .et_pb_post p,
body .et_pb_bg_layout_light .et_pb_post .post-meta {
  color: #333; }
@media only screen and (min-width: 981px) {
  body .logo_container {
    display: none; } }
body .logo_container > .logo_helper {
  display: none; }
body .logo_container > a {
  display: inline-block;
  margin-top: .7em;
  font-size: 25.5px;
  line-height: .8em; }
  body .logo_container > a > img#logo {
    display: none; }
  body .logo_container > a:before, body .logo_container > a:after {
    display: block;
    width: 100%;
    text-align: right; }
  body .logo_container > a:before {
    content: "Notengrafik Berlin";
    font-variant: small-caps;
    font-weight: 600;
    letter-spacing: 0.05em; }
  body .logo_container > a:after {
    font-style: italic;
    font-weight: 300;
    margin-left: -.06em; }
body #main-header {
  height: 79px; }
  body #main-header #et-top-navigation {
    padding-top: 20px; }
    body #main-header #et-top-navigation #top-menu {
      				/*& > li.qtranxs-lang-menu {
      					& > a {
      						display: none;
      					}
      
      					& > ul {
      						// TODO: Ideally, unify this with respective ul styles of logo-like menu
      						// item
      						position: relative;
      						visibility: visible;
      						display: inline;
      						opacity: 1;
      						border: none;
      						background: none;
      						box-shadow: none;
      						padding-top: 0;
      						width: auto;
      
      						& > li {
      							display: inline;
      							padding: 0;
      							line-height: 1em;
      
      							& > a {
      								display: inline;
      								padding: 0;
      
      								// We want to hide the default caption of the menu
      								font-size: 0;
      
      								&:before, &:after {
      									font-size: $default-main-menu-font-size;
      									font-variant: small-caps;
      								}
      
      								& > img {
      									display: none;
      								}
      							}
      
      							&.qtranxs-lang-menu-item-de > a:before {
      								content: "de";
      							}
      
      							&.qtranxs-lang-menu-item-en > a:before {
      								content: "en";
      							}
      
      							// Add divider bar between both languages
      							&:not(:last-child) > a:after {
      								content: " / ";
      							}
      						}
      					}
      				}*/ }
      body #main-header #et-top-navigation #top-menu li.current-menu-ancestor a {
        color: inherit; }
      body #main-header #et-top-navigation #top-menu li > a {
        font-size: 22px; }
      body #main-header #et-top-navigation #top-menu > li:first-child {
        position: absolute;
        left: 0; }
        body #main-header #et-top-navigation #top-menu > li:first-child > a {
          display: inline;
          font-variant: small-caps;
          font-size: 25.5px;
          color: #333;
          width: auto;
          padding-right: 0.5em;
          padding-left: 30px; }
          body #main-header #et-top-navigation #top-menu > li:first-child > a:after {
            display: none; }
        body #main-header #et-top-navigation #top-menu > li:first-child > ul.sub-menu {
          display: inline;
          position: static;
          background: transparent;
          border: none;
          box-shadow: none;
          visibility: visible;
          opacity: 1; }
          body #main-header #et-top-navigation #top-menu > li:first-child > ul.sub-menu > li {
            display: inline;
            position: static;
            line-height: 1em;
            padding: 0; }
            body #main-header #et-top-navigation #top-menu > li:first-child > ul.sub-menu > li > a {
              display: inline;
              font-style: italic;
              font-weight: 300;
              font-size: 25.5px;
              width: auto;
              padding: 0.15em 0.5em; }
              body #main-header #et-top-navigation #top-menu > li:first-child > ul.sub-menu > li > a:hover {
                opacity: inherit; }
              body #main-header #et-top-navigation #top-menu > li:first-child > ul.sub-menu > li > a:after {
                display: none; }
            body #main-header #et-top-navigation #top-menu > li:first-child > ul.sub-menu > li > ul {
              position: absolute;
              visibility: visible;
              left: 0;
              top: 17.5px;
              opacity: 1;
              border: none;
              width: 100vw;
              padding: 0.2em 30px;
              margin-top: .6em;
              text-align: left; }
              body #main-header #et-top-navigation #top-menu > li:first-child > ul.sub-menu > li > ul > li {
                padding-right: 22px;
                padding-left: 0; }
                body #main-header #et-top-navigation #top-menu > li:first-child > ul.sub-menu > li > ul > li > a {
                  width: auto;
                  padding: 0;
                  color: #fff; }
      body #main-header #et-top-navigation #top-menu > li.wpml-ls-menu-item {
        padding-right: 0; }
        body #main-header #et-top-navigation #top-menu > li.wpml-ls-menu-item > a {
          display: inline;
          padding: 0;
          font-size: 0; }
          body #main-header #et-top-navigation #top-menu > li.wpml-ls-menu-item > a:before, body #main-header #et-top-navigation #top-menu > li.wpml-ls-menu-item > a:after {
            font-size: 25.5px;
            font-variant: small-caps; }
        body #main-header #et-top-navigation #top-menu > li.wpml-ls-menu-item.wpml-ls-item-de > a:before {
          content: "de"; }
        body #main-header #et-top-navigation #top-menu > li.wpml-ls-menu-item.wpml-ls-item-en > a:before {
          content: "en"; }
        body #main-header #et-top-navigation #top-menu > li.wpml-ls-menu-item:not(:last-child) > a:after {
          content: " / "; }
        body #main-header #et-top-navigation #top-menu > li.wpml-ls-menu-item.wpml-ls-current-language > a:before {
          border-bottom: 0.15em solid #333; }
  body #main-header:after {
    content: "";
    position: absolute;
    width: 100vw;
    height: calc(100% - 1px);
    top: 0;
    left: 0;
    pointer-events: none; }

body:not(.category-gmbh):not(.category-gbr):not(.category-gmbh-2):not(.category-gbr-2) #page-container,
body.single-post #page-container {
  padding-top: 55px; }
  body:not(.category-gmbh):not(.category-gbr):not(.category-gmbh-2):not(.category-gbr-2) #page-container #main-header,
  body.single-post #page-container #main-header {
    height: 57px; }
    body:not(.category-gmbh):not(.category-gbr):not(.category-gmbh-2):not(.category-gbr-2) #page-container #main-header #et-top-navigation #top-menu > li:first-child > ul.sub-menu > li:nth-child(1) > ul,
    body.single-post #page-container #main-header #et-top-navigation #top-menu > li:first-child > ul.sub-menu > li:nth-child(1) > ul {
      visibility: hidden;
      opacity: 0;
      transition: visibility 0.8s linear;
      transition: opacity 0.8s linear;
      color: #fff;
      background-color: #801; }
    body:not(.category-gmbh):not(.category-gbr):not(.category-gmbh-2):not(.category-gbr-2) #page-container #main-header #et-top-navigation #top-menu > li:first-child > ul.sub-menu > li:nth-child(1):hover > a,
    body.single-post #page-container #main-header #et-top-navigation #top-menu > li:first-child > ul.sub-menu > li:nth-child(1):hover > a {
      color: #fff;
      background-color: #801; }
    body:not(.category-gmbh):not(.category-gbr):not(.category-gmbh-2):not(.category-gbr-2) #page-container #main-header #et-top-navigation #top-menu > li:first-child > ul.sub-menu > li:nth-child(1):hover > ul,
    body.single-post #page-container #main-header #et-top-navigation #top-menu > li:first-child > ul.sub-menu > li:nth-child(1):hover > ul {
      visibility: visible;
      opacity: 1;
      transition: opacity 0.8s step-start; }
    body:not(.category-gmbh):not(.category-gbr):not(.category-gmbh-2):not(.category-gbr-2) #page-container #main-header #et-top-navigation #top-menu > li:first-child > ul.sub-menu > li:nth-child(2) > ul,
    body.single-post #page-container #main-header #et-top-navigation #top-menu > li:first-child > ul.sub-menu > li:nth-child(2) > ul {
      visibility: hidden;
      opacity: 0;
      transition: visibility 0.8s linear;
      transition: opacity 0.8s linear;
      color: #fff;
      background-color: #016; }
    body:not(.category-gmbh):not(.category-gbr):not(.category-gmbh-2):not(.category-gbr-2) #page-container #main-header #et-top-navigation #top-menu > li:first-child > ul.sub-menu > li:nth-child(2):hover > a,
    body.single-post #page-container #main-header #et-top-navigation #top-menu > li:first-child > ul.sub-menu > li:nth-child(2):hover > a {
      color: #fff;
      background-color: #016; }
    body:not(.category-gmbh):not(.category-gbr):not(.category-gmbh-2):not(.category-gbr-2) #page-container #main-header #et-top-navigation #top-menu > li:first-child > ul.sub-menu > li:nth-child(2):hover > ul,
    body.single-post #page-container #main-header #et-top-navigation #top-menu > li:first-child > ul.sub-menu > li:nth-child(2):hover > ul {
      visibility: visible;
      opacity: 1;
      transition: opacity 0.8s step-start; }
    body:not(.category-gmbh):not(.category-gbr):not(.category-gmbh-2):not(.category-gbr-2) #page-container #main-header #et-top-navigation #top-menu > li > ul > li > ul:after,
    body.single-post #page-container #main-header #et-top-navigation #top-menu > li > ul > li > ul:after {
      content: "";
      position: absolute;
      box-shadow: 0 5px 6px rgba(15, 15, 15, 0.3);
      left: 0;
      bottom: 0;
      width: 100vw;
      height: 100vh;
      z-index: -1;
      pointer-events: none; }

body:not(.single-post).category-gbr-2 #main-header #et-top-navigation #top-menu > li:first-child > ul.sub-menu, body:not(.single-post).category-gbr #main-header #et-top-navigation #top-menu > li:first-child > ul.sub-menu {
  visibility: visible;
  opacity: 1; }
  body:not(.single-post).category-gbr-2 #main-header #et-top-navigation #top-menu > li:first-child > ul.sub-menu > li:nth-child(1) > a, body:not(.single-post).category-gbr-2 #main-header #et-top-navigation #top-menu > li:first-child > ul.sub-menu > li:nth-child(1) > ul, body:not(.single-post).category-gbr #main-header #et-top-navigation #top-menu > li:first-child > ul.sub-menu > li:nth-child(1) > a, body:not(.single-post).category-gbr #main-header #et-top-navigation #top-menu > li:first-child > ul.sub-menu > li:nth-child(1) > ul {
    color: #fff;
    background-color: #801; }
  body:not(.single-post).category-gbr-2 #main-header #et-top-navigation #top-menu > li:first-child > ul.sub-menu > li:nth-child(2) > ul, body:not(.single-post).category-gbr #main-header #et-top-navigation #top-menu > li:first-child > ul.sub-menu > li:nth-child(2) > ul {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0.8s linear;
    transition: opacity 0.8s linear;
    color: #fff;
    background-color: #016; }
  body:not(.single-post).category-gbr-2 #main-header #et-top-navigation #top-menu > li:first-child > ul.sub-menu > li:nth-child(2):hover > a, body:not(.single-post).category-gbr #main-header #et-top-navigation #top-menu > li:first-child > ul.sub-menu > li:nth-child(2):hover > a {
    color: #fff;
    background-color: #016; }
  body:not(.single-post).category-gbr-2 #main-header #et-top-navigation #top-menu > li:first-child > ul.sub-menu > li:nth-child(2):hover > ul, body:not(.single-post).category-gbr #main-header #et-top-navigation #top-menu > li:first-child > ul.sub-menu > li:nth-child(2):hover > ul {
    visibility: visible;
    opacity: 1;
    transition: opacity 0.8s step-start; }
  body:not(.single-post).category-gbr-2 #main-header #et-top-navigation #top-menu > li:first-child > ul.sub-menu:hover > li:nth-child(2):not(:hover) > ul, body:not(.single-post).category-gbr #main-header #et-top-navigation #top-menu > li:first-child > ul.sub-menu:hover > li:nth-child(2):not(:hover) > ul {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0.8s linear;
    transition: opacity 0.8s linear; }
body:not(.single-post).category-gmbh-2 #main-header #et-top-navigation #top-menu > li:first-child > ul.sub-menu, body:not(.single-post).category-gmbh #main-header #et-top-navigation #top-menu > li:first-child > ul.sub-menu {
  visibility: visible;
  opacity: 1; }
  body:not(.single-post).category-gmbh-2 #main-header #et-top-navigation #top-menu > li:first-child > ul.sub-menu > li:nth-child(2) > a, body:not(.single-post).category-gmbh-2 #main-header #et-top-navigation #top-menu > li:first-child > ul.sub-menu > li:nth-child(2) > ul, body:not(.single-post).category-gmbh #main-header #et-top-navigation #top-menu > li:first-child > ul.sub-menu > li:nth-child(2) > a, body:not(.single-post).category-gmbh #main-header #et-top-navigation #top-menu > li:first-child > ul.sub-menu > li:nth-child(2) > ul {
    color: #fff;
    background-color: #016; }
  body:not(.single-post).category-gmbh-2 #main-header #et-top-navigation #top-menu > li:first-child > ul.sub-menu > li:nth-child(1) > ul, body:not(.single-post).category-gmbh #main-header #et-top-navigation #top-menu > li:first-child > ul.sub-menu > li:nth-child(1) > ul {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0.8s linear;
    transition: opacity 0.8s linear;
    color: #fff;
    background-color: #801; }
  body:not(.single-post).category-gmbh-2 #main-header #et-top-navigation #top-menu > li:first-child > ul.sub-menu > li:nth-child(1):hover > a, body:not(.single-post).category-gmbh #main-header #et-top-navigation #top-menu > li:first-child > ul.sub-menu > li:nth-child(1):hover > a {
    color: #fff;
    background-color: #801; }
  body:not(.single-post).category-gmbh-2 #main-header #et-top-navigation #top-menu > li:first-child > ul.sub-menu > li:nth-child(1):hover > ul, body:not(.single-post).category-gmbh #main-header #et-top-navigation #top-menu > li:first-child > ul.sub-menu > li:nth-child(1):hover > ul {
    visibility: visible;
    opacity: 1;
    transition: opacity 0.8s step-start; }
  body:not(.single-post).category-gmbh-2 #main-header #et-top-navigation #top-menu > li:first-child > ul.sub-menu:hover > li:nth-child(2):not(:hover) > ul, body:not(.single-post).category-gmbh #main-header #et-top-navigation #top-menu > li:first-child > ul.sub-menu:hover > li:nth-child(2):not(:hover) > ul {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0.8s linear;
    transition: opacity 0.8s linear; }

/*
// Make links to the non-active language less strong
html[lang^=en] {
	.qtranxs-lang-menu-item-de > a:before {
		opacity: .6;
	}
}
html[lang^=de] {
	.qtranxs-lang-menu-item-en > a:before {
		opacity: .6;
	}
}*/
/*
html[lang^=en] .qtranxs-lang-menu-item-en > a:before,
html[lang^=de] .qtranxs-lang-menu-item-de > a:before {
	border-bottom: .15em solid $dark-text-color;
}*/
body.single #et-main-area {
  margin-top: 2em; }

.wp-post-navigation {
  margin-top: 3em; }
  .wp-post-navigation > div {
    padding: 0 1.1em;
    font-size: inherit;
    line-height: 1.2em;
    width: auto;
    max-width: 50%; }
    .wp-post-navigation > div > a:after {
      margin: 0;
      top: 0;
      line-height: inherit;
      color: inherit;
      font-family: FontAwesome;
      font-size: 25.5px; }
  .wp-post-navigation > .wp-post-navigation-pre > a:after {
    content: "\f104"; }
  .wp-post-navigation > .wp-post-navigation-next > a:after {
    content: "\f105"; }
  .wp-post-navigation .wp-post-navigation-start {
    width: auto;
    display: inline-block;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    padding: 0; }

.et-dropdown-removing > ul {
  display: unset; }

.mfp-fade.mfp-bg.mfp-removing {
  opacity: 1; }

img.mfp-img {
  background-color: #fff; }

body.page article.type-page > div.entry-content:last-child {
  margin-bottom: 2em; }

body.category-gbr-2.et_header_style_left .et-fixed-header #et-top-navigation nav > ul > li > a,
body.category-gbr.et_header_style_left .et-fixed-header #et-top-navigation nav > ul > li > a {
  padding-bottom: 0; }

.featured {
  margin-top: 2em;
  margin-bottom: 2em; }
  .featured:before {
    content: "";
    left: -4em;
    top: -1em;
    padding: 1em 4em;
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: #f6f6f6; }

.et_pb_button_module_wrapper {
  text-align: center; }

a.portfolio:after {
  content: "\f105";
  position: absolute;
  padding-left: .35em;
  font-family: FontAwesome;
  font-size: 25.5px; }

#footer-widgets ul.menu {
  word-spacing: 2em;
  font-size: 14px;
  line-height: 1.7em;
  	/*& > li:nth-child(2) > a:before {
  		content: "+";
  		position: absolute;
  		left: -1.1em;
  	}
  
  	& > li:nth-child(3) > a:before {
  		content: "=";
  		position: absolute;
  		left: -1.1em;
  	}*/
  /*& > li:nth-child(2) > a {
  	border
  }*/
  margin-top: -2em; }
  #footer-widgets ul.menu > * {
    word-spacing: normal; }
  #footer-widgets ul.menu li {
    padding-left: 0;
    margin-bottom: 0; }
    #footer-widgets ul.menu li:before {
      display: none; }
  #footer-widgets ul.menu > li {
    margin-top: 2em;
    display: inline-block;
    vertical-align: top;
    /*& + li {
    	margin-left: 1.5em;
    }*/ }
    #footer-widgets ul.menu > li > a {
      font-style: italic;
      font-size: 1.16em;
      font-weight: 400; }
    #footer-widgets ul.menu > li > ul {
      margin-top: .4em; }
      #footer-widgets ul.menu > li > ul > li {
        margin-left: .1em; }

pre, code {
  background-color: #f6f6f6;
  font-size: .9em; }

.et-search-form, blockquote {
  border-color: #016; }

body:not(.visited):before, body:not(.visited):after {
  position: fixed;
  content: "";
  left: 0;
  width: 100vw;
  height: 50vh;
  z-index: 999;
  opacity: 0;
  animation: fadeout 3s;
  pointer-events: none; }

body:before {
  top: 0;
  background-color: #005BBB; }

body:after {
  bottom: 0;
  background-color: #FFD500; }

@keyframes fadeout {
  from {
    opacity: 1;
    pointer-events: auto; }
  70% {
    opacity: 1;
    pointer-events: auto; }
  71% {
    pointer-events: none; }
  to {
    opacity: 0;
    pointer-events: none; } }

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