/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/


/* +--------------------
 * | Local Fonts
 * +--------------------
 */

/* raleway-100 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 100;
  src: url('fonts/raleway-v19-latin-100.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/raleway-v19-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/raleway-v19-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/raleway-v19-latin-100.woff') format('woff'), /* Modern Browsers */
       url('fonts/raleway-v19-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/raleway-v19-latin-100.svg#Raleway') format('svg'); /* Legacy iOS */
}

/* raleway-200 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 200;
  src: url('fonts/raleway-v19-latin-200.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/raleway-v19-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/raleway-v19-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/raleway-v19-latin-200.woff') format('woff'), /* Modern Browsers */
       url('fonts/raleway-v19-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/raleway-v19-latin-200.svg#Raleway') format('svg'); /* Legacy iOS */
}

/* raleway-300 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/raleway-v19-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/raleway-v19-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/raleway-v19-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/raleway-v19-latin-300.woff') format('woff'), /* Modern Browsers */
       url('fonts/raleway-v19-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/raleway-v19-latin-300.svg#Raleway') format('svg'); /* Legacy iOS */
}

/* raleway-regular - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/raleway-v19-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/raleway-v19-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/raleway-v19-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/raleway-v19-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/raleway-v19-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/raleway-v19-latin-regular.svg#Raleway') format('svg'); /* Legacy iOS */
}

/* raleway-500 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/raleway-v19-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/raleway-v19-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/raleway-v19-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/raleway-v19-latin-500.woff') format('woff'), /* Modern Browsers */
       url('fonts/raleway-v19-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/raleway-v19-latin-500.svg#Raleway') format('svg'); /* Legacy iOS */
}

/* raleway-600 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/raleway-v19-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/raleway-v19-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/raleway-v19-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/raleway-v19-latin-600.woff') format('woff'), /* Modern Browsers */
       url('fonts/raleway-v19-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/raleway-v19-latin-600.svg#Raleway') format('svg'); /* Legacy iOS */
}

/* raleway-700 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/raleway-v19-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/raleway-v19-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/raleway-v19-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/raleway-v19-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/raleway-v19-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/raleway-v19-latin-700.svg#Raleway') format('svg'); /* Legacy iOS */
}

/* raleway-800 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 800;
  src: url('fonts/raleway-v19-latin-800.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/raleway-v19-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/raleway-v19-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/raleway-v19-latin-800.woff') format('woff'), /* Modern Browsers */
       url('fonts/raleway-v19-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/raleway-v19-latin-800.svg#Raleway') format('svg'); /* Legacy iOS */
}

/* raleway-900 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 900;
  src: url('fonts/raleway-v19-latin-900.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/raleway-v19-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/raleway-v19-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/raleway-v19-latin-900.woff') format('woff'), /* Modern Browsers */
       url('fonts/raleway-v19-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/raleway-v19-latin-900.svg#Raleway') format('svg'); /* Legacy iOS */
}

/* raleway-100italic - latin */
@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 100;
  src: url('fonts/raleway-v19-latin-100italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/raleway-v19-latin-100italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/raleway-v19-latin-100italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/raleway-v19-latin-100italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/raleway-v19-latin-100italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/raleway-v19-latin-100italic.svg#Raleway') format('svg'); /* Legacy iOS */
}

/* raleway-200italic - latin */
@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 200;
  src: url('fonts/raleway-v19-latin-200italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/raleway-v19-latin-200italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/raleway-v19-latin-200italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/raleway-v19-latin-200italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/raleway-v19-latin-200italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/raleway-v19-latin-200italic.svg#Raleway') format('svg'); /* Legacy iOS */
}

/* raleway-300italic - latin */
@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 300;
  src: url('fonts/raleway-v19-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/raleway-v19-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/raleway-v19-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/raleway-v19-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/raleway-v19-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/raleway-v19-latin-300italic.svg#Raleway') format('svg'); /* Legacy iOS */
}

/* raleway-italic - latin */
@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/raleway-v19-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/raleway-v19-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/raleway-v19-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/raleway-v19-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/raleway-v19-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/raleway-v19-latin-italic.svg#Raleway') format('svg'); /* Legacy iOS */
}

/* raleway-500italic - latin */
@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 500;
  src: url('fonts/raleway-v19-latin-500italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/raleway-v19-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/raleway-v19-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/raleway-v19-latin-500italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/raleway-v19-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/raleway-v19-latin-500italic.svg#Raleway') format('svg'); /* Legacy iOS */
}

/* raleway-600italic - latin */
@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 600;
  src: url('fonts/raleway-v19-latin-600italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/raleway-v19-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/raleway-v19-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/raleway-v19-latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/raleway-v19-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/raleway-v19-latin-600italic.svg#Raleway') format('svg'); /* Legacy iOS */
}

/* raleway-700italic - latin */
@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 700;
  src: url('fonts/raleway-v19-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/raleway-v19-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/raleway-v19-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/raleway-v19-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/raleway-v19-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/raleway-v19-latin-700italic.svg#Raleway') format('svg'); /* Legacy iOS */
}

/* raleway-800italic - latin */
@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 800;
  src: url('fonts/raleway-v19-latin-800italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/raleway-v19-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/raleway-v19-latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/raleway-v19-latin-800italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/raleway-v19-latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/raleway-v19-latin-800italic.svg#Raleway') format('svg'); /* Legacy iOS */
}

/* raleway-900italic - latin */
@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 900;
  src: url('fonts/raleway-v19-latin-900italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/raleway-v19-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/raleway-v19-latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/raleway-v19-latin-900italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/raleway-v19-latin-900italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/raleway-v19-latin-900italic.svg#Raleway') format('svg'); /* Legacy iOS */
}


/* +--------------------
 * | Header
 * +--------------------
 */

.et_header_style_left .logo_container {
	text-align: center;
}

#et_search_icon:hover, .mobile_menu_bar::before, .mobile_menu_bar::after {
    color: #fff !important;
}

.et_menu_container .mobile_menu_bar::before {
	content: "";
	background-image: url('images/icon-menue-inaktiv.png');
	width: 53px;
	height: 42px;
	display: inline-block;
	background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}

/* Change order for subtitle/title */
.et_pb_fullwidth_header .et_pb_fullwidth_header_container .header-content {
  display: flex;
  flex-direction: column;
}

/*
.et_pb_fullwidth_header .et_pb_fullwidth_header_container .et_pb_fullwidth_header_subhead {
  order: 1;
}

.et_pb_fullwidth_header .et_pb_fullwidth_header_container .et_pb_module_header {
  order: 2;
}
*/

/* search icon */

.mobile_menu_bar.et_pb_header_toggle.et_toggle_fullscreen_search,
.mobile_menu_bar.et_pb_header_toggle.et_toggle_fullscreen_menu {
  float: left;
  display: inline-block;
  width: auto;
  margin-right: 2em;
  padding-bottom: 0 !important;
}

.et_menu_container .mobile_search_bar::before {
  content: "";
  background-image: url('images/icon-suche-inaktiv.png');
  width: 53px;
  height: 42px;
  display: inline-block;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}


/* special header logo */

.home #main-header {
  background-color: transparent;
}

.home #main-header.et-fixed-header {
  background-color: #000; 
}
 
.home #main-header:not(.et-fixed-header) .logo_container {
    height: 0;
    opacity: 0;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}


/* fix fullscreen menu */

.et_header_style_fullscreen.et_pb_no_top_bar_fullscreen .et_slide_in_menu_container {
  padding-top: 0 !important;
}

.et_mobile_menu li a:hover, 
.nav ul li a:hover {
  opacity: 1;
  text-decoration: underline;
}



/* faster */

.et_header_style_fullscreen .et_pb_fullscreen_nav_container .et_mobile_menu {
  -webkit-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}


.et_header_style_fullscreen .et_slide_in_menu_container {
  -webkit-transition: 0.25s ease-in-out,padding-top 0s;
  transition: 0.25s ease-in-out,padding-top 0s;
}

/*
.et_mobile_menu li a, .nav li li a {
  -webkit-transition: none;
  transition: none;
}
*/

.et_pb_fullscreen_menu_opened .et_mobile_menu li {
  -webkit-transition-delay: 0s !important;
  transition-delay: 0s !important;
}

.et_pb_fullscreen_nav_container a {
  font-weight: 300;
}

/* transparenter */
.et_header_style_fullscreen .et_slide_in_menu_container.et_pb_fullscreen_menu_opened {
    opacity: .85;
}

/*make close menu icon larger*/
.et_header_style_fullscreen .et_slide_in_menu_container span.mobile_menu_bar.et_toggle_fullscreen_menu {
  right: 40px;
  top: 40px;
}

@media screen and (max-width: 980px) {
  .et_header_style_fullscreen .et_slide_in_menu_container span.mobile_menu_bar.et_toggle_fullscreen_menu {
    right: 20px;
    top: 20px;
  }  
}

.et_pb_fullscreen_menu_animated .mobile_menu_bar:before {
    font-size: 80px;
}

.et_menu_container .mobile_search_bar:hover::before {
  background: url('images/icon-suche-aktiv.png');
  background-size: contain;
  background-repeat: no-repeat;
  width: 53px;
  height: 42px;
  background-position: center;
}


@media screen and (max-width: 980px) {

  #page-container {
    padding-top: 68px !important;
  }

  .mobile_menu_bar.et_pb_header_toggle.et_toggle_fullscreen_search,
  .mobile_menu_bar.et_pb_header_toggle.et_toggle_fullscreen_menu {
    float: none;
    position: absolute;
    top: 12px;
    margin-right: 0;
  }

  .mobile_menu_bar.et_pb_header_toggle.et_toggle_fullscreen_menu {
    right: 0;
  }

  .mobile_menu_bar.mobile_search_bar.et_pb_header_toggle.et_toggle_fullscreen_search.full-screen-search-eye {
    left: 0;
  }

  #full-screen-search form div {
    width: 75% !important;
    left: 37.5% !important;
  }

  /* try to fix mobile menu */
  .et_header_style_left #logo, .et_header_style_split #logo {
    max-width: 100%;
  }

  .et_pb_svg_logo #logo, .et_pb_svg_logo.et_header_style_split .et-fixed-header .centered-inline-logo-wrap #logo {
    height: 100%;
  }

  #logo {
    max-height: 100%;
  }

  .logo_container {
    margin-top: 1.3em;
  }

  .container {
    width: 90%;
  }
}

/* +--------------------
 * | Fix links on dark
 * +--------------------
 */

.et_pb_bg_layout_dark a {
    color: #fff;
}

/* add underline in text modules */
.et_pb_text_inner a {
  text-decoration: underline;
}


/* +--------------------
 * | Fix Awards
 * +--------------------
 */

.awards .et_pb_main_blurb_image img {
    max-height: 171px;
    width: auto;
}


/* +--------------------
 * | Struktur
 * +--------------------
 */

.et_pb_fullwidth_header .et_pb_fullwidth_header_container.center .header-content {
	width: 100%;
	max-width: 1080px;
}

/* +--------------------
 * | Wer wir sind
 * +--------------------
 */

/*

.einfach-anders .et_pb_blurb_container .et_pb_module_header span {
	background-color: #fff;
    color: #000;
	box-decoration-break: clone;
	padding: 0 5px;
	line-height: 1.4;
}

.einfach-anders .et_pb_row {
  padding-left: 1em;
  padding-right: 1em;
  width: calc(100% - 2em);
}
*/

/* +--------------------
 * | Titel Effekt Marker
 * +--------------------
 */

.home .et_pb_fullwidth_header_container .et_pb_module_header span,
.home .et_pb_fullwidth_header_subhead span,
.black-label .et_pb_blurb_container .et_pb_module_header span {
  background-color: #000;
  color: #fff;
  box-decoration-break: clone;
  padding: 0 15px 5px 15px;
  align-self: center;
  line-height: 1.2;
}

/* +--------------------
 * | Wissenspool (aka Blog)
 * +--------------------
 */

@media screen and (min-width: 768px) {
  .et_pb_posts .et_pb_post .entry-featured-image-url img {
    max-width: 30%;
    margin-right: 2em;
    float: left;
  }

  .et_pb_posts .et_pb_post:nth-of-type(2n) .entry-featured-image-url img {
    max-width: 30%;
    margin-left: 2em;
    margin-right: 0;
    float: right;
  }

  .et_pb_posts .et_pb_post:nth-of-type(2n) .entry-title,
  .et_pb_posts .et_pb_post:nth-of-type(2n) .post-meta,
  .et_pb_posts .et_pb_post:nth-of-type(2n) .post-content {
    text-align: right;
  }

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

.wissenspool p + h2,
.wissenspool p + h3 {
  margin-top: 1em;
}

cite {
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
}

.wp-block-button__link {
  border-radius: 14px;
  background-color: #000;
  padding: 6px 12px;
  text-transform: uppercase;
  text-decoration: none !important;
  font-size: 18px;
  font-weight: bold;
  border-top-left-radius: 0;
}

.wp-block-button__link:hover {
  text-decoration: underline !important;
}

.widget_text .et_pb_button {
  color: #FFFFFF !important;
  border-width: 0px !important;
  border-radius: 14px;
      border-top-left-radius: 0;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  background-color: #000000;
}

.widget_text .et_pb_button:hover {
  background-color: rgba(0,0,0);
}

/* +--------------------
 * | Custom Back To Top Button
 * +--------------------
 */
  
.et_pb_scroll_top.et-visible {
    opacity: 1;
    -webkit-animation: fadeInBottom 1s 1 cubic-bezier(.77,0,.175,1);
    -moz-animation: fadeInBottom 1s 1 cubic-bezier(.77,0,.175,1);
    -o-animation: fadeInBottom 1s 1 cubic-bezier(.77,0,.175,1);
    animation: fadeInBottom 1s 1 cubic-bezier(.77,0,.175,1);
}
  
.et_pb_scroll_top.et-pb-icon {
    right: 30px;
    bottom: 30px;
    border-radius: 25px;
    background: rgba(255, 255, 255, 1);
    padding: 10px;
    color: #00264B;
    box-shadow: 0px 0px 15px rgba(0,0,0,0.4);
}
  
  
.et_pb_scroll_top.et-pb-icon:hover {
    background: #fff;
}
  
.et_pb_scroll_top:before {
    content: "\32";
    font-weight: bold;
}


/* +--------------------
 * | Style Vertical Navigation Menu
 * +--------------------
 */

.et-vert-menu .et_pb_menu__menu > nav > ul {
    flex-direction: column;
    width: 100%;
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.et-vert-menu .et_pb_menu__menu > nav > ul > li {
    justify-content: center;
    text-align: center;
}


@media all and (min-width: 981px) {
.et-vert-menu .et_pb_menu__menu, .et-vert-menu .et_pb_menu__menu>nav {
    width: 100%; /*width of the vertical navigation menu*/
  }
}


/* +--------------------
 * | Hide Mobile Menu in Footer
 * +--------------------
 */
 
@media only screen and (max-width: 980px) {
     
    footer .et_pb_menu__menu {
        display: block !important;
    }
 
    footer #et_mobile_nav_menu, footer .et_mobile_nav_menu { 
        display: none !important;
    }
 
}

footer a:hover {
  opacity: 1;
  text-decoration: underline;
}



/* +--------------------
 * | Change column order on mobile
 * +--------------------
 */

@media all and (max-width: 980px) {

  /*** wrap row in a flex box ***/
  .custom_row {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  -webkit-flex-wrap: wrap; /* Safari 6.1+ */
  flex-wrap: wrap;
  }
   
  /*** custom classes that will designate the order of columns in the flex box row ***/
  .first-on-mobile {
  -webkit-order: 1;
  order: 1;
  }
   
  .second-on-mobile {
  -webkit-order: 2;
  order: 2;
  }
   
  .third-on-mobile {
  -webkit-order: 3;
  order: 3;
  }
   
  .fourth-on-mobile {
  -webkit-order: 4;
  order: 4;
  }
  /*** add margin to last column ***/
  .custom_row:last-child .et_pb_column:last-child {
  margin-bottom: 30px;
  }

  .first-on-mobile {
    margin-bottom: 30px !important;
  }

  .second-on-mobile {
    margin-bottom: 0;
  }
 
}

/* +--------------------
 * | Margin / Typo / BG-Trenner für Seite ohne Divi
 * +--------------------
 */


body.blog #main-content .container, 
body.single-post #main-content .container {
    padding-bottom: 58px;
    font-family: Raleway, sans-serif;
    font-size: 16px;
}

body.blog #main-content,
body.single-post #main-content {
    border-bottom: 100px solid #000;
}

/* Styles für Wissenspool 
body.blog #main-content {
 font-family: Raleway, Open Sans,Arial,sans-serif;
 color:#000000;
}

body.blog #main-content h1,
body.single-post #main-content h1 {
 font-size: 70px;
 font-weight: 100;
 line-height: 1.2em;
}

body.blog #main-content h2,
body.single-post #main-content h2 {
 font-size: 40px;
 font-weight: 200;
 line-height: 1.2em;
}

body.blog #main-content h3,
body.single-post #main-content h3 {
 font-size: 25px;
 font-weight: 300;
 line-height: 1.2em;
}

body.blog #main-content h4,
body.single-post #main-content h4 {
 font-size: 18px;
 line-height: 1.2em;
}

body.blog #main-content h5,
body.single-post #main-content h5 {
 font-size: 16px;
 line-height: 1.2em;
}

body.blog #main-content h6,
body.single-post #main-content h6 {
 font-size: 14px;
 line-height: 1.2em;
}

body.blog #main-content blockquote,
body.single-post #main-content blockquote {
 margin: 10px 0 30px;
}

.wp-block-pullquote {
 text-align: left;
 font-weight: 300;
 margin: 0px 0 0px;
 padding: 0em 0;
}

.wp-block-pullquote p {
 line-height: 1.3;
}

.wp-block-separator {
 margin-top: 60px;
 margin-bottom: 60px;
}

body.blog #main-content a,
body.single-post #main-content a:hover {
 text-decoration: underline;
}

#left-area ul,
.entry-content ul,
.et-l--body ul,
.et-l--footer ul,
.et-l--header ul,
body.et-pb-preview #main-content .container ul {
 list-style-type: square;
 padding:0 0 23px 0em;
}
*/

/* +--------------------
 * | Portfolio
 * +--------------------
 */

@media screen and (min-width: 768px) {
  .et_pb_portfolio .et_pb_portfolio_item {
    float: left;
    width: 48%;
    margin-right: 4%;
  }

  .et_pb_portfolio .et_pb_portfolio_item:nth-of-type(2n) {
    margin-right: 0;
  }
}

.et_pb_portfolio .et_pb_portfolio_item {
    margin-bottom: 3em;
}


/* +--------------------
 * | Filterbares Portfolio
 * +--------------------
 */

.et_pb_filterable_portfolio .et_pb_portfolio_filters {
  display: block;
  text-align: center;
}

.et_pb_filterable_portfolio .et_pb_portfolio_filters ul {
  text-align: center;
  margin: 0 auto;
  display: inline-block;
}

.et_pb_filterable_portfolio .et_pb_portfolio_filters li {
  margin-left: 4px;
}

.et_pb_filterable_portfolio .et_pb_portfolio_filters li a {
  color: #000;
  border: none;
  text-transform: uppercase;
}

.et_pb_filterable_portfolio .et_pb_portfolio_filters li:last-child a {
  border-radius: 0;
}

.et_pb_filterable_portfolio .et_pb_portfolio_filters li:first-child a {
  border-radius: 0;
}

.et_pb_filterable_portfolio .et_pb_portfolio_filters li a:hover {
  color: #000;
  background-color: #fff;
  text-decoration: underline;
}

.et_pb_filterable_portfolio .et_pb_portfolio_filters li a.active {
    background-color: #fff;
    border: 1px solid #000;
}

@media screen and (max-width: 767px) {
  .et_pb_column .et_pb_filterable_portfolio .et_pb_portfolio_filters li {
    margin: 0px auto 4px auto !important;
    float: none;
  }
}

/* +--------------------
 * | Style WP-PageNavi Pagination
 * +--------------------
 */


/* Add a border */
.wp-pagenavi span, .wp-pagenavi a, .wp-pagenavi :last-child { 
    border: 1px solid #000 !important; 
    padding: 6px 12px; 
    margin: 0;  
}
.wp-pagenavi span, .wp-pagenavi a { border-right: none !important; }

/* Style the default text */
.wp-pagenavi span, .wp-pagenavi a { 
    font-weight: bold !important; 
    color: #000 !important
}

/* Style the current / hovered page link */
.wp-pagenavi span.current,
.wp-pagenavi a:hover { 
    color: #000 !important; 
    text-decoration: underline;
}

/* Style the page count text */
.wp-pagenavi :first-child { color: #000 !important; }

/* Add text to the "next" link */
.wp-pagenavi .nextpostslink, .wp-pagenavi .previouspostslink {
    color: #000 !important;
}
.wp-pagenavi .nextpostslink:before { content: 'Weiter '; }
.wp-pagenavi .previouspostslink:after { content: ' Zurück'; }

.wp-pagenavi { 
  border-top: none; 
  text-align: center;
}


/* +--------------------
 * | Xing-Icon
 * +--------------------
 */

/* +--------------------
 * | Icon Font
 * +--------------------
 */

@font-face {
  font-family: 'social-emis';
  src: url('fonts/social-emis.eot?9119705');
  src: url('fonts/social-emis.eot?9119705#iefix') format('embedded-opentype'),
       url('fonts/social-emis.woff2?9119705') format('woff2'),
       url('fonts/social-emis.woff?9119705') format('woff'),
       url('fonts/social-emis.ttf?9119705') format('truetype'),
       url('fonts/social-emis.svg?9119705#social-emis') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'social-emis';
    src: url('../font/social-emis.svg?9119705#social-emis') format('svg');
  }
}
*/
 
 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "social-emis";
  font-style: normal;
  font-weight: normal;
  speak: never;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
 
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 
.icon-twitter:before { content: '\e808'; } /* '' */
.icon-call:before { content: '\e80c'; } /* '' */
.icon-linkedin:before { content: '\e80d'; } /* '' */
.icon-rss:before { content: '\e80e'; } /* '' */
.icon-skype:before { content: '\e80f'; } /* '' */
.icon-youtube:before { content: '\e810'; } /* '' */
.icon-vimeo:before { content: '\e811'; } /* '' */
.icon-xing-alt:before { content: '\e812'; } /* '' */
.icon-email:before { content: '\e813'; } /* '' */
.icon-facebook:before { content: '\e815'; } /* '' */
.icon-youtube-alt:before { content: '\f167'; } /* '' */
.icon-xing:before { content: '\f168'; } /* '' */
.icon-youtube-play:before { content: '\f16a'; } /* '' */

/* Changing Google+ to Xing */
.et-social-google-plus a.icon::before {
    content: "\E812";
    font-family: "social-emis" !important;
}

#top-header .container {
    font-weight: 400;
}


/* +--------------------
 * | Icon Font
 * +--------------------
 */

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}

.social-footer .et-menu-nav ul,
#et-secondary-nav ul {
  list-style: none;
  margin:     0 0 25px;
  text-align: center;
}

.social-footer .et-menu-nav ul li,
#et-secondary-nav ul li {
  display:  inline-block;
  position: relative;
  width: 16px;
  height: 16px;
}

.social-footer .et-menu-nav li a,
#et-secondary-nav li a {
  display: inline-block;
}

.social-footer .et-menu-nav li a::before,
#et-secondary-nav li a::before {
  display:        inline-block;
  font-family:    'social-emis';
  font-size:      16px;
  vertical-align: top;
  color: #fff;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.social-footer .et-menu-nav li a[href*="linkedin.com"]::before,
#et-secondary-nav li a[href*="linkedin.com"]::before {
  content: '\E80D';
}

.social-footer .et-menu-nav li a[href*="xing.com"]::before,
#et-secondary-nav li a[href*="xing.com"]::before {
  content: '\E812';
}

#et-secondary-nav li a[href*="linkedin.com"]::before {
  color:   #2867b2;
}

#et-secondary-nav li a[href*="xing.com"]::before {
  color:   #026466;
}

/* +--------------------
 * | Fix Contact form message on dark
 * +--------------------
 */

.et-pb-contact-message {
  color: #fff;
}


/* +--------------------
 * | Silbentrennung
 * +--------------------
 */

.et_pb_text_inner p[style="text-align: justify;"],
.et_pb_blurb_description p[style="text-align: justify;"] {
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}


/* +--------------------
 * | Password protected page/post
 * +--------------------
 */

.post-password-required .et_pb_section {
  margin-bottom: 6em;
  background: #000;
  color: #fff;
}

.et_password_protected_form .et_submit_button,
.et_password_protected_form h1,
.et_password_protected_form p {
  color: #fff !important;
}

.et_password_protected_form .et_submit_button:hover {
  border-color: #fff;
  padding: .3em 2em .3em .7em !important; 
}