/*
 Theme Name:     Divi Child-Theme
 Theme URI:      http://www.elegantthemes.com
 Description:    Divi Child-Theme
 Author:         Divi.world
 Author URI:     https://divi.world
 Template:       Divi
 Version:        1.0.0
*/

@font-face {
	font-family: "clemente";
	font-style: normal;
	font-weight: 200;
	src: url('fonts/ClementePDac-ExtraLight.eot') format("embedded-opentype"),
		 url('fonts/clementepdac-extralight-webfont.woff2') format("woff2"),
		 url('fonts/clementepdac-extralight-webfont.woff') format("woff");
}
@font-face {
	font-family: "clemente";
	font-style: normal;
	font-weight: 400;
	src: url('fonts/ClementePDag-Book.eot') format("embedded-opentype"),
		 url('fonts/clementepdag-book-webfont.woff2') format("woff2"),
		 url('fonts/clementepdag-book-webfont.woff') format("woff");
}
@font-face {
    font-family: 'barlow';
    src: url('fonts/barlow-light-webfont.woff2') format('woff2'), url('fonts/barlow-light-webfont.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'barlow';
    src: url('fonts/barlow-regular-webfont.woff2') format('woff2'), url('fonts/barlow-regular-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'barlow';
    src: url('fonts/barlow-medium-webfont.woff2') format('woff2'), url('fonts/barlow-medium-webfont.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'barlow';
    src: url('fonts/barlow-semibold-webfont.woff2') format('woff2'), url('fonts/barlow-semibold-webfont.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}
@font-face {
   font-family: 'barlow';
    src: url('fonts/barlow-bold-webfont.woff2') format('woff2'), url('fonts/barlow-bold-webfont.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'barlow semi condensed';
    src: url('fonts/barlowsemicondensed-extralight-webfont.woff2') format('woff2'),  url('fonts/barlowsemicondensed-extralight-webfont.woff') format('woff');
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: 'barlow semi condensed';
    src: url('fonts/barlowsemicondensed-regular-webfont.woff2') format('woff2'), url('fonts/barlowsemicondensed-regular-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'barlow semi condensed';
    src: url('fonts/barlowsemicondensed-semibold-webfont.woff2') format('woff2'), url('fonts/barlowsemicondensed-semibold-webfont.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'barlow condensed';
    src: url('fonts/barlowcondensed-regular-webfont.woff2') format('woff2'), url('fonts/barlowcondensed-regular-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'fontello';
    src: url('fonts/fontello.woff2') format('woff2'), url('fonts/fontello.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: never;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0em;
  text-align: center;
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-download:before { content: '\e800'; }
.icon-door-open-solid:before { content: '\e801'; font-size: .75em; display: inline-block; padding-right: .3625em; position: relative; top:-.23em }
.icon-fontello_flag-uk:before { content: '\e802'; }
.icon-facebook:before { content: '\f09a'; }
.icon-instagram:before { content: '\f16d'; }

h2, h3, h4, h5, h6, p, span, ul, li, tr, td, a {
	font-family: 'barlow',Helvetica,Arial,Lucida,sans-serif !important;
}


/****** F O R M A T *********************************************/
div > p, span, ul, li, tr, td {
	font-weight: 300;
	padding: 0;
}
div > ul, li {
	margin: 0;
}
b, strong, a, .bold {
	font-weight: 500;
}
h1 {
	font-family: 'clemente', 'barlow semi condensed',Helvetica,Arial,Lucida,sans-serif ;
	font-weight: 400;
	font-size: 3em ;
	color: rgba(255,255,255,0.36);
}
h3 {
	font-size: 1.8em !important;
	font-weight: 700 !important;	
}
h2, h4 {
	font-size: 1.2em !important;
	font-weight: 600 !important;
 	line-height: 1.375em !important;
}
.os-bold {
	font-family: 'clemente', 'barlow semi condensed',Helvetica,Arial,Lucida,sans-serif !important;
	font-weight: 400 !important;
}
.os-light {
	font-family: 'clemente', 'barlow semi condensed',Helvetica,Arial,Lucida,sans-serif !important;
	font-weight: 200 !important;
}

/****** P R E F O R M A T *********************************************/
.et_pb_section, .et_pb_row {
	width: 100% !important;
	margin: 0 auto !important;
	padding: 0 !important;
	max-width: 1360px !important;
}
#main-content .et_pb_row, #os-footer .et_pb_row {
	padding: 2vw 4vw !important;
}
#main-content .et_pb_row.os-fullwidth {
	padding: 0vw !important;
}
.os-page-section .os-page-text-top {
	margin-top: 0.5em !important;
}
.os-parallax {
	min-height: 50vh;
	height: 50vh;
}
.et_pb_module p {
	margin-bottom: 0.75em;
 	line-height: 1.3636em;
}
/* B A C K G R O U N D  P A G E */
.os-page-section {
	position: relative;
	overflow: hidden;
}
.os-page-section::before {
	 content: "";
	 position: absolute;
	 width: 176vw;
	 height: 176vw;
	 top: 16vw;
	 left: -60vw;
	 z-index: 0;
	 transform: rotate(-12deg);
	 filter: opacity(8%); 
}
/* T A B - M O D U L E */
.et_pb_tab, .et_pb_tabs, .et_pb_tab_0 {
	padding: 0 !important;
	border: none !important;
}
.et_pb_all_tabs {
	background: transparent !important;
}
ul.et_pb_tabs_controls:after {
  display: none;
}
ul.et_pb_tabs_controls {
	background-color: transparent;
	display: table !important;
	position: relative !important;
 	border: none !important;
	text-align: left !important;
	padding: 0 !important;
	margin: .5em 0 2vw 0 !important;
 	left: 33.3333% !important;
}
ul.et_pb_tabs_controls li {
	position: relative;
 	border: none !important;
	background: transparent !important;
	padding: 0 !important;
 	line-height: 1em !important;
}
.et_pb_tabs_controls li a {
	font-family: 'barlow', sans-serif;
	font-weight: 500 !important;
 	font-size: 1em;
	text-transform: uppercase !important;
 	line-height: 1em !important;
	color: rgba(255,255,255,.5) !important;
	text-align: left !important;	
	padding: 0 !important;
	margin: 0 1.5em 0 0 !important;
 	display: inline-block;
}
.et_pb_tabs_controls li.et_pb_tab_active a {
	color: rgba(255,255,255,1) !important;
	font-weight: 700 !important;
}
/* G R A D I E N T */
.os-header-row-0, .os-footer-info-row {
	background: #e1017d; /* Old browsers */
	background: -moz-linear-gradient(left, #e1017d 12%, #f8ae15 62%, #fce764 100%) !important; /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(12%, #e1017d), color-stop(62%, #f8ae15), color-stop(100%, #fce764)) !important; /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #e1017d 12%, #f8ae15 62%, #fce764 100%) !important; /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #e1017d 12%, #f8ae15 62%, #fce764 100%) !important; /* Opera 11.10+ */
	background: -ms-linear-gradient(left, #e1017d 12%, #f8ae15 62%, #fce764 100%) !important; /* IE10+ */
	background: linear-gradient(to right, #e1017d 12%, #f8ae15 62%, #fce764 100%) !important; /* W3C */
}


/****** H E A D E R ************************************************/
#os-header, .os-header-home-row {
	position: relative !important;
}
#os-header {
	z-index: 1 !important;
	width: 100% !important;
}
/* remove transition from menu */
.menu-item a {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: color 0 ease-in;
    transition: none !important;
	color: white;
}
/* T O P - M E N U */
#os-header .os-header-row-0 {
	min-height: 2em !important;
	height: 2em !important;
	max-height: 2em !important;
	width: 100% !important;
}
.os-header-row-0 {
	padding: 0vw 1vw !important;
	margin: 0 !important;
}
#menu-socialmedia, #menu-imprint {
	width: 100% !important;
	margin: 0 !important;
}
.os-menu-socialmedia, .os-menu-imprint {
	background: none !important;
}
.os-menu-socialmedia li,
.os-menu-socialmedia li a,
.os-menu-socialmedia.fab {
	font-size: 1em !important;
	line-height: 2em !important;
	margin: 0 !important;
	padding: 0 !important;
}
.os-menu-socialmedia li a {
	padding-right: 1em !important;	
}
.os-menu-imprint {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-end !important;
}
.os-menu-imprint li,
.os-menu-imprint li a {
	margin: 0 !important;
	padding: 0 !important;
	line-height: 2.5em !important;
	font-size: .875em !important;
}
.os-menu-imprint li a {
	padding-left: 1em !important;
}
.os-menu-imprint .english {
	background: url(https://openspace.ruhr/wp-content/uploads/2021/04/flag-uk-solid2.svg) no-repeat !important;
	background-size: 100% !important;
	height: 100% !important;
	width: auto !important;
	padding-left: 2.5em;
}
/* M A I N - M E N U */
.postid-1471 .os-menu-row, .postid-1454 .os-menu-row, .postid-1368 .os-menu-row, .postid-1368 .os-menu-row, .postid-1368 .os-menu-row, .postid-1368 .os-menu-row, .postid-1368 .os-menu-row, .postid-1368 .os-menu-row {
	background-position: 100% 100% !important;
}
.postid-1462 .os-menu-row, .postid-1405 .os-menu-row, .postid-1364 .os-menu-row, .postid-1405 .os-menu-row, .postid-1021 .os-menu-row, .postid-1003 .os-menu-row, .postid-988 .os-menu-row, .postid-1939 .os-menu-row {
	background-position: 100% 0% !important;
}
.os-header-row-1::before {
	content: '';
	background-image: linear-gradient(184deg, rgba(0,0,0,1) 18%, rgba(0,0,0,0) 48%) !important;
	height: 50vh !important;
	width: 100% !important;
	z-index: 0 !important;
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
}
#os-header .os-header-row-1 {
	padding-right: 2vw !important;
}
.os-menu {
	padding-top: 3vw !important;
	background: none !important;
	height: 50vh !important;
}
.os-menu .et_pb_menu__wrap {
	justify-content: flex-end !important;
}
.os-menu ul li a,
.os-menu ul li a span.os-menu-inside {
	color: rgba(255,255,255,0.5) !important;
	font-family: 'barlow semi condensed', sans-serif !important;
	font-size: 1.6em !important;
	font-weight: 600 !important;
}
.os-menu ul li a span.os-menu-inside {
	font-size: 1em !important;
	font-weight: 400 !important;
}
.os-menu ul li.current-menu-item a,
.os-menu ul li.current-menu-item a span.os-menu-inside {
	color: rgba(255,255,255,1) !important;
}
.os-page-head-icon::before {
 	position: absolute !important;
	bottom: -8px !important;
 	right: 0 !important;
 	width: 24% !important;
	filter: drop-shadow(4px 4px 6px rgba(0,0,0,0.36));
	opacity: 0.92;
}
#os-header .os-header-row-1 .os-row-col-0 {
	background: none !important; 
}
#os-header .os-header-row-1 .os-row-col-1 {
	background: none !important; 
}
/* H E A D E R - H O M E */
#os-header .os-header-home-row {
 	position: absolute !important;
 	top: 2em !important;
 	z-index: 10 !important;
	width: 100% !important;
}
#os-header .os-home-slider-row {
	background-color: #000000 !important;
}
/* H E A D E R - I M P R I N T */
.os-header-section-imp .os-header-row-1::before {
	background-image: none !important;
	height: auto !important;
}
.os-menu-row-imp {
	display: flex;
	align-items: flex-end;
	align-items: flex-start;
	background: #000000;
	padding-right: 2vw !important;
}
.os-header-section-imp .os-menu {
	height: 20vh !important;
}


/****** F O O T E R ************************************************/
#os-footer .os-footer-info-row {
	padding: 4vw 6vw !important;
}
.os-footer-info-text p, .os-footer-info-text h1 {
	text-align: center !important;
}
#os-footer .os-footer-sponsor-row {
	padding: 2vw 4vw !important;	
}
.os-footer-sponsor-text p {
	color: #424448 !important;
	text-align: center !important;
}
#os-footer .os-footer-sponsorlogo-row {
	padding: 0 4vw 2vw 4vw !important;
	width: 80% !important;
	margin: 0 auto !important;
}


/****** H O M E  **********************************************/
#os-home .os-home-row-0,
#os-home .os-home-row-1 {
	padding: 1vw !important;
}
#os-home .os-home-row-1 {
	padding-top: 0vw !important;
}
#os-home .os-home-text {
	background-origin: content-box !important;
	background-size: 6vw auto !important;
	padding: 1em !important;
	margin: 0 !important;
    background-position: bottom right;
    min-height: 12vw;
	width: 94% !important;
    transition: background-color 300ms ease 0ms,background-image 300ms ease 0ms;
}







#os-home .os-home-text-welcome {
	width: 98% !important;
}
#os-home .os-home-text-welcome p {
	padding-right: 5em !important;
}
#os-home .os-home-text-blog {
	padding: 0 !important;
	margin: 0 !important;
    min-height: auto;
	width: 100% !important;
	background-color: none !important;
}
#os-home .os-home-text-blog-head {
	padding-bottom: 0 !important;
	margin: 0 !important;
	background-color: none !important;
}
#os-home .os-home-text-blog-text {
	padding-top: 0 !important;
	margin: 0 !important;
}
#os-home .et_pb_post {
 	height: auto !important;
 	max-height: auto !important;
 	width: 100% !important;
 	border: 0 !important;
 	padding: 0 5em 0 0 !important;
 	margin: 0 !important;
 	background-color: none !important;
}
#os-home .et_pb_post p {
 	background-color: none !important;
	font-family: "barlow" !important;
	color: white !important;
	font-size: 1em !important;
 	line-height: auto;
    font-weight: 300 !important;
 	padding: 0 !important;
 	margin: 0 !important;
}
#os-home h2.entry-title {
	font-weight: 600 !important;
	font-size: 1em !important;
 	padding: 0 !important;
 	margin: 0 !important;
}
#os-home p.post-meta {
	font-size: .8em !important;
	padding-bottom: 1vh !important;
}
#os-home .os-home-row-0 .et_pb_column_1 {
    transform: translateX(2%) translateY(0px);
	width: 49% !important;
 	padding: 1em !important;
 	margin: 0 !important;
    transition: background-color 300ms ease 0ms,background-image 300ms ease 0ms;
	background-origin: content-box !important;
	background-size: 6vw auto !important;
}


/*add a neceassry position to the blog posts*/

.et_pb_blog_grid .et_pb_post, .et_pb_posts .et_pb_post {
position: relative;
}

/*make the title link spread over the entire post*/

.et_pb_blog_grid .et_pb_post .entry-title a:after, .et_pb_posts .et_pb_post .entry-title a:after {
position: absolute;
display: block;
content: "";
width: 100%;
height: 100%;
left: 0;
top: 0;
}

/*change the mouse cursor into a pointer*/

.et_pb_blog_grid .et_pb_post:hover, .et_pb_posts .et_pb_post:hover {
cursor: pointer;
}











#os-home .os-home-text-0 {
	width: 100% !important;
}
#os-home .os-home-text-0 p {
	padding-right: 12vw;
}
#os-home .os-home-row-1 h3XXX {
	font-size: 1.4em !important;
	margin: 0 !important;
}
#os-home .os-home-row-1 p {
	font-family: 'barlow semi condensed' !important;
	font-size: 1em !important;
	font-weight: 400 !important;
	display: none;
}
.os-inside {
	font-weight: 400;	
	display: none;
}


/****** T R A I N I N G **********************************************/
.page-id-9353 .os-page-head-icon::before {
	content: url('https://openspace.ruhr/wp-content/uploads/2021/01/head_train_right.svg');
}
.os-training-section {
	background-color: #650631 !important;
}
.os-training-section::before {
	background: url("https://openspace.ruhr/wp-content/uploads/2021/01/head_train_right.svg") 0 0 no-repeat;
}
#training .os-training-row .et_pb_text h3 {
	color: #F2948D !important;
}
.os-training-list {
	padding: 1em 0em   !important;
}
.os-training-list li {
	display: inline-block !important;
	padding: .25em 1em .25em 1em;
	background: rgba(0,0,0,.24)
}
.os-training-list li:nth-child(1) {
 	width: 15% !important;
}
.os-training-list li:nth-child(2) {
 	width: 25% !important;
}
.os-training-list li:nth-child(3) {
	width: 40% !important;
	text-transform: uppercase;
}
ul.downloads li {
	list-style-type: none !important; 
	padding: 1em 0 0 0 !important;
}


/****** T E A M **********************************************/
.page-id-14830 .os-page-head-icon::before {
	content: url('https://openspace.ruhr/wp-content/uploads/2021/01/head_team_right.svg');
}
.os-team-section {
	background-color: #9a2926 !important;
}
.os-team-row-col_1 {
	position: absolute !important;
}
.os-team-row-col_2 {
  position: relative !important;
  width: 100% !important;
  margin: 0 !important;
}
.os-team-row .et_pb_text h3 {
  color: #ec7b78 !important;
}
.os-team-row-col_2 ul.et_pb_tabs_controls {
/*	width: 66.6667% !important; */
}
/* F O O G A L L E R Y */
.foogallery {
	 padding: 0 !important;
	 display: flex !important;
	 flex-direction: row !important;
	 flex-wrap: wrap !important;
	 justify-content: center !important;
	 align-content: flex-start !important;
	 align-items: flex-start !important;
}
.fg-image-wrap img {
 	width: 600px !important;
	height: auto !important;
}
.fg-type-image {
	margin: 0 !important;
 	width: 33.333333% !important;
}
.fg-caption-desc {
	display: none;
}
.fg-caption-title {
	font-family: 'barlow', sans-serif !important; 
	font-size: 1.625em !important;
	font-weight: 400 !important;
	color: rgba(255,255,255,.66) !important;
	text-align: left !important;
	line-height: 1.4em !important;
 	padding-left: 1em !important;
}
#team .fg-image-overlay {
 	background-color: rgba(229,48,52,1) !important;
}
/* F O O B O X */
.fbx-caption-desc {
	font-family: 'barlow', sans-serif !important; 
	font-size: 1.4em !important;
	color: #ffff !important;
	text-align: left !important;
	line-height: 1.4em !important;
}
.fbx-caption-title {
	font-family: 'barlow', sans-serif !important; 
	font-size: 2.2em !important;
	color: #ffff !important;
	text-align: left !important;
	line-height: 1.8em !important;
}


/****** B L O G **************************************************/
#os-blog-layout-section,
#os-blog-layout-section .et_pb_row,
#os-blog-layout-row,
#os-blog-layout-text {
	padding: 0 !important;
	margin: 0 !important;
	background: none !important;
	width: 100% !important;
}



#blog {
	background: #212224;
}
.page-id-18685 .os-page-head-icon::before {
	content: url('https://openspace.ruhr/wp-content/uploads/2021/01/head_blog_right.svg');
}
#blog .os-blog-row {
	padding-bottom: 1vw !important;
}
#blog .os-blog-row-blog {
	padding-top: 0vw !important;
}
.os-blog-row .et_pb_text h3 {
 	color: #b94800 !important;
}
.os-blog-module {
	column-count: 3 !important;
	column-gap: 1vw;
}
#blog .et_pb_post {
 	height: 42vh !important;
 	max-height: 42vh !important;
 	width: 100% !important;
 	margin-bottom: 2vw !important;
 	background-color: #b94800;
 	overflow: hidden;
 	border: 0 !important;
 	padding: 0 !important;
}
.et_pb_image_container, .entry-featured-image-url {
 	padding: 0 !important;
 	margin: 0 !important;
}
.entry-featured-image-url img {
	-webkit-filter: grayscale(100%);
 	filter: grayscale(100%);
 	object-fit: cover;
	height: 20vh !important;
}
.et_pb_post p {
	font-family: "barlow semi condensed" !important;
	font-size: .8em !important;
 	line-height: 1.25em;
}
h2.entry-title, p.post-meta, .post-content p {
 	padding: 0 1vh 0vh 1vh !important;
 	margin: 0 !important;
}
.post-content p {
 	font-weight: 400 !important;
}
h2.entry-title {
	font-weight: 600 !important;
	font-size: 1em !important;
	padding-top: 2vh !important;
}
p.post-meta {
	margin: .75vh 0 1vh 0 !important;
 	font-weight: 600 !important;
}

/* P O S T S */
.os-post-section {
	background: #212224 !important;
}
.os-post-section::before {
 	width: 176vw;
 	height: 176vw;
 	top: 10vw;
 	left: -10vw;
 	background: url("https://openspace.ruhr/wp-content/uploads/2021/03/head_blog_trans_grad_white.svg") 0 0 no-repeat;
 	transform: rotate(-8deg);
 	filter: opacity(24%); 
}
.os-post-row .et_pb_text h3 {
 	color: #b94800 !important;
}
.os-post-row .os-post-head h2 {
 	padding: 0 !important;
}
.os-post-row .os-post-date {
 	color: #fabe22 !important;
 	font-size: .875em;
 	padding: 0 0 .5em 0;
 	text-align: right !important;
}
.os-post-content {
 	background: none !important;
}
.os-post-content p, .os-post-content li {
 	color: rgb(214,214,214) !important;
}


/****** F A Q **********************************************/
.page-id-7561 .os-page-head-icon::before {
	content: url('https://openspace.ruhr/wp-content/uploads/2021/01/head_faq_right.svg');
}
#faq {
	background: rgba(0,85,98,0.88);
}
.os-faq-section::before {
 	background: url("https://openspace.ruhr/wp-content/uploads/2021/01/head_faq_right.svg") 0 0 no-repeat;
}
.os-faq-row .et_pb_text h3 {
 	color: #1b9ba4 !important;
}
.os-faq-accordion .et_pb_toggle .et_pb_toggle_title:before {
    content:'\43';
}
.os-faq-accordion .et_pb_toggle_open .et_pb_toggle_title:before {
	display: block !important;
	content:'\42' !important;
}
h5.et_pb_toggle_title {
	font-size: 1em;
	font-weight: 600 !important;
	margin: 0 !important;
	padding: 0 !important;
	color: #87cbd1 !important;
}
.et_pb_toggle_content {
 	padding: 1em 2em 1em 1em;
	color: #87cbd1 !important;
}
.et_pb_toggle_close, .et_pb_toggle_open {
	padding: .675em 0em !important;
	margin-bottom: 2em !important;
	border: none !important;
	border-bottom: 2px solid rgba(27,155,164,0.44) !important;
	background: none !important;
}


/****** G A L E R I E *****************************/
.page-id-12225 .os-page-head-icon::before {
	content: url('https://openspace.ruhr/wp-content/uploads/2021/01/head_gal_right5.svg');
}
.os-gallery-section {
	background: #002a4e;
}
#gallery .os-gallery-row {
	padding-bottom: 1vw !important;
}
.os-gallery-row .et_pb_text h3 {
	color: #4c94bf !important;
}
#gallery .os-gallery-row-1 {
	padding-top: 0vw !important;
}
#gallery .os-gallery-pics,
#gallery .os-gallery-video {
  	margin: 0;
	padding: 0;
}


/****** I N S I D E *****************************/
.page-id-15209 .os-page-head-icon::before {
	content: url('https://openspace.ruhr/wp-content/uploads/2021/01/head_about_right.svg');
}
.os-wir-section {
 	background-color: #0c5000 !important;
}
.os-wir-section::before {
 	background: url("https://openspace.ruhr/wp-content/uploads/2021/01/head_about_right.svg") 0 0 no-repeat;
}
.os-wir-row .et_pb_text h3 {
 	color: #5ea231 !important;
}
.os-about-tabs ul.et_pb_tabs_controls {
 	left: 0% !important;
	padding-top: .15em !important; 
}
.os-about-tabs .et_pb_tabs_controls li a {
	font-weight: 400 !important;
	font-size: .75em;
	color: rgba(255,255,255,.36) !important;
	text-align: left !important;
}
.os-about-tabs .et_pb_tabs_controls li.et_pb_tab_active a {
	color: rgba(255,255,255,.68) !important;
	font-weight: 600 !important;
}
.os-openspace-partner-logos {
	background: rgba(255,255,255,.2);
	display:flex;
 	padding: 1em 0 1em 2em !important;
 	margin: 1em 0 !important;
}
.os-openspace-partner-logos li {
	display:flex;
	flex-flow: row wrap;
	justify-content:center;
	align-content:flex-start;
	list-style: none;
	padding: 0;
}
.os-openspace-partner-logos li:nth-child(1) {
 	width: 40% !important;
}
.os-openspace-partner-logos li:nth-child(2) {
	 width: 30% !important;
	 margin-left: 2%;
}
.os-openspace-partner-logos li:nth-child(3) {
 	width: 20% !important;
}
.os-openspace-partner-logos li:nth-child(1) img {
  width: 100% !important;
}
.os-openspace-partner-logos li:nth-child(2) img {
  width: 80% !important;
}
.os-openspace-partner-logos li:nth-child(3) img {
  width: 80% !important;
}


/****** I M P R E S S U M *****************************/
.os-imp-section {
	background: #202223;
}

/****** C F 7 *****************************/
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea {
    width: 100%;
	padding: 1em;
	background-color: rgba(255,255,255,0.06);
	border: 3px solid rgba(255,153,51,0.82) !important;
	border-radius: 3px;
	color: rgba(255,255,255,1);
	font-size: 0.8636em;
}
.wpcf7-response-output {
	display: none !important;
}
.wpcf7 .ajax-loader {
	position: absolute !important;
}
/* T O P */
.os-cf7-top {
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}
.wpcf7-form label {
	padding: 0 0em 1em 0;
	display: inline-block;
	width: 48%;
}
label.os-cf7-textarea {
	width: 100% !important;
}
/* B O T T O M */
.os-cf7-bottom {
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items : flex-end;
	align-content: flex-end;
	margin: 0;
	padding: 0;
}
.os-cf7-quiz {
	max-width: 82%;
	margin: 0;
	padding: 0;
}
p.os-spam-protect-head {
	font-size: 0.8636em;
	padding: 0;
	margin: 0 0 .2727em 0;
}
span.random-math-quiz label {
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start !important;
	margin: 0;
	padding: 0;
}
span.wpcf7-quiz-label {
	display: inline-block !important;
	padding: 0 !important;
	margin: 0 !important;
	font-size: 0.8636em;
	width: auto !important;
}
input.wpcf7-quiz {
	font-size: 0.7727em;
	width: 10% !important;
	color: white !important;
	background: rgba(255,255,255,0.12) !important;
	padding: .2272em 0 !important;
	margin: 0 0 0 0.8636em !important;
	text-align: center;
}
.wpcf7-form .wpcf7-submit {
	background: rgba(255,255,255,0.06);
	color: #ffffff;
	border: 1px solid white;
	padding: .75em;
	font-size: 0.8636em;
	cursor: pointer;
	margin: 0;
}


/****** P O P U P *********************************************/
/* Popup Theme 18512: os */
.pum-theme-18512 .pum-container,
.pum-theme-content-only .pum-container {
	background-image: url(https://openspace.ruhr/wp-content/uploads/2021/04/bg_yellow.svg);
	background-size: cover;
	padding: 2.8em !important;
	border-radius: 12px !important;
	box-shadow: 4px 4px 4px 4px rgba( 2, 2, 2, 0.50 ) !important;
} 
.pum-theme-18512 .pum-content p,
.pum-theme-content-only .pum-content p {
	color: #ffffff;
	font-family: inherit;
	font-weight: 400;
	font-size: 1.4em;
	color: rgba(0,0,0,.48);
}
.pum-theme-18512 .pum-content h4,
.pum-theme-content-only .pum-content h4 {
	color: #ffffff;
	font-family: inherit;
	font-size: 2.8em !important;
	color: rgba(0,0,0,.72);
} 
table.popup-table {
		margin: 2em 0;
	}
table.popup-table td {
	text-align: center;
	font-size: 1.2em;
	font-weight: 600 !important;
	padding: 1em 0;
	color: rgba(0,0,0,.48);
	border: solid 2px rgba(0,0,0,.24);
}
table.popup-table td:nth-child(1) {
	width: 11% !important;
}
table.popup-table td:nth-child(2),
table.popup-table td:nth-child(3),
table.popup-table td:nth-child(4),
table.popup-table td:nth-child(5){
	width: 18% !important;
}
.size-custom {
	width: 800px !important;
}



/*====================================================================*/
/****** @ M E D I A ***************************************************/
@media all and (min-width: 981px) and (max-width: 1405px) {
	#os-home .os-home-row-1 p {
		font-size: .9em !important;
	}
	#os-home .os-home-text {
		background-size: 8vw auto !important;
    	min-height: 18vw;
		padding: .5em !important;
	}
	#os-home .os-home-row-0 .et_pb_column_1 {
		background-size: 8vw auto !important;
		padding: .5em !important;
	}
}


/* Responsive Styles 981px - 1100px */
@media all and (min-width: 981px) and (max-width: 1100px) {
	.os-menu ul li a {
		font-size: 1.3em !important;
	}
	.os-menu ul li a span.os-menu-inside {
		font-size: 1em !important;
	}
	#os-home .os-home-row-1 h3 {
		font-size: 1.2em !important;
	}
	#os-home .os-home-row-1 p {
		display: none !important;
	}
	#team .et_pb_tabs_controls li a {
		font-family: 'barlow semi condensed', sans-serif !important;
		margin: 0 0.636363636em 0 0 !important;
	}
	#page-container {
		margin: 0 auto !important;
		padding: 0 !important;
		width: 100% !important;
	}
	.os-cf7-bottom {
		justify-content: flex-end;
	}
	.os-cf7-quiz {
		max-width: 100%;
		width: 100%;
	}
	span.random-math-quiz label {
		justify-content: space-between !important;
	}
	.wpcf7-form .wpcf7-submit {
		margin-top: 1em;
	}
}


@media (max-width: 980px) {
	#main-content .et_pb_row, #os-footer .et_pb_row {
		padding: 4vh 2vh !important;
	}
	.os-page-section {
		padding: 0 !important;
		max-width: 100% !important;
		overflow: hidden !important;
	}
	.et_pb_module p, .et_pb_module li, .et_pb_module td, #os-home .et_pb_post p {
		font-size: .875em !important;
	}
	h3 {
		font-size: 1.4em !important;
	}
	.os-page-row .os-row-col-0 {
		padding: 0 !important;
		margin: 0 !important;
	}
	.os-page-row .os-row-col-0 h3 {
		padding: 0 !important;
		margin: 0 !important;
	}
	/* H E A D E R ***************************************/
	#page-container {
		margin: 0 auto !important;
		padding: 0 !important;
		width: 100% !important;
	}
	#os-header, .os-header-section {
		padding: 0% !important;
	}
	.os-header-row-0 {
		display: flex !important;
		flex-wrap: nowrap !important;
	}
	.os-header-row-0 .et_pb_menu__menu {
		display: flex;
	}
	.os-header-row-0 .et_mobile_nav_menu {
		display: none;
	}
	.os-menu-socialmedia .et_pb_menu__wrap {
		display: flex !important;
		justify-content: flex-start !important;
	}
	.os-header-row-0 .os-row-col-0 {
		width: 24.0000% !important;
	}
	.os-header-row-0 .os-row-col-1 {
		width: 76.0000% !important;
	}
	.os-menu-imprint .et_pb_menu_inner_container {
		float: right !important;
	}
	.os-header-row-1::before {
		height: 40vh !important;
		background-image: linear-gradient(184deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 48%) !important;
	}
	.os-header-row-1 .os-row-col-0 {
		width: 64.0000% !important;
	}
	.os-header-row-1 .os-row-col-1 {
		width: 36.0000% !important;
	}
	#os-header .os-header-row-1 .et_mobile_menu {
		margin: 0 !important;
		padding: 0 0 .5em 0 !important;
		border: 0 !important;
		background: rgba(46,46,46,0.68) !important;
		top: 5.8vh;
		left: -12.5vw !important;
		width: 50vw !important;
	}
	.os-header-row-1 .et_mobile_menu li {
		background: rgba(46,46,46,0.68) !important;
		padding: 0;
	}
	.os-header-row-1 .et_mobile_menu li a {
		background: rgba(46,46,46,0.68) !important;
		font-size: 1.4em !important;
		margin: 0 !important;
		padding: 1em 0 0 4vh !important;
	}
	#os-header .os-menu {
		height: 40vh !important;
		position: relative !important;
		top: 0 !important;
		z-index: 9999 !important;
	}
	#os-header.os-header-section-imp .os-menu {
		height: 20vh !important;
	}
	#os-header .os-page-head-icon::before {
		width: 48% !important;
	}
	/* H E A D E R - H O M E */
	#os-header .os-header-home-row {
		position: absolute !important;
		top: 2em !important;
		z-index: 10 !important;
		width: 100% !important;
		display: flex !important;
		flex-wrap: nowrap !important;
	}
	.os-header-home-row .os-row-col-0 {
		width: 64.0000% !important;
	}
	.os-header-home-row .os-row-col-1 {
		width: 36.0000% !important;
	}
	/* F O O T E R */
	#os-footer .os-footer-info-text h1 {
		font-size: 2em !important;
	}
	.os-footer-sponsor-row {
		padding: 2vw 4vw !important;	
	}
	.os-footer-sponsor-text p {
		color: #424448 !important;
		text-align: center !important;
	}
	.os-footer-sponsorlogo-row {
		padding: 0vw 4vw !important;
	}
	.os-footer-sponsorlogo-row .os-footer-sponsorlogo {
		margin-bottom: 2vw !important;
	}
	/* P O P U P */
	.size-custom {
		width: 90% !important;
	}
	table.popup-table td {
		font-size: 1em;
		padding: 1em .5em;
	}
	/* C F 7 */
	.os-cf7-bottom {
		justify-content: flex-end;
	}
	.os-cf7-quiz {
		max-width: 100%;
		width: 100%;
	}
	span.wpcf7-quiz-label {
		font-size: 1em;
	}
	/* H O M E */
	#os-home .os-home-row {
		padding: 0 !important;
	}
	#os-home .os-home-row-1 .os-row-col-2,
	#os-home .os-home-row-1 .os-row-col-3,
	#os-home .os-home-row-1 .os-row-col-4 {
		/*edit
		width: 33.333% !important;
		*/
		width: 50.000% !important;
	}
	#os-home .os-home-row .os-home-text-welcome {
		padding-right: 1em !important;
	}
	
	
	/*edit*/
	#os-home .os-home-text-welcome p {
	padding-right: 1em !important;
	}
	#os-home .et_pb_post {
		padding-right: 1em !important;
	}
	#os-home .os-home-row-0 .et_pb_column_1 {
		transform: translateX(0%) translateY(0px);
		width: 100% !important;
	}
	
	
	
 	#os-home .os-home-text {
		background-size: 6vh auto !important;
	    min-height: 16vh;
		width: 100% !important;
		padding: 2vh !important;
	}
	#os-home .os-home-row-0 .et_pb_column_1 {
		background-size: 6vh auto !important;
		padding: 2vh !important;
	}
	
	#os-home .os-home-text {
		transform: translateX(0%) translateY(0px) !important;
	}
	/* T R A I N I N G */
	#training .os-training-list ul {
		padding: 0 0 0 .5em !important;
		margin: 0 !important;
		width: 100% !important;
	}
	#training .os-training-list li {
		padding: 0 !important;
		margin: 0 !important;
		font-size: .75em !important;
	}
	#training .os-training-list li:nth-child(1) {
		width: 10% !important;
	}
	#training .os-training-list li:nth-child(2) {
		width: 33% !important;
	}
	#training .os-training-list li:nth-child(3) {
		width: 54% !important;
	}
	/* T E A M */
	#team .os-team-row {
		padding: 4vh 2vh !important;
	}
	#team .os-team-row-col_1 {
  		position: initial !important;
	}
	#team #foogallery-gallery-5890 .fg-caption-title {
		font-size: 1.2em !important;
		line-height: 1.2em !important;
	}
	#team .fg-type-image {
  		width: 100.0000% !important;
	}
	#team #foogallery-gallery-5890 .fg-type-image {
  		width: 50.0000% !important;
	}
	#team .os-team-row ul.et_pb_tabs_controls {
		left: 0px !important;
		top: 0 !important;
		padding: 1vh 0 2vh 0vh !important; 
	}
	.os-team-tabs ul, .os-about-tabs ul {
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: nowrap !important;
		padding-bottom: .5em !important;
	}
	#gallery .fg-type-image {
  		width: 100.0000% !important;
	}
	#gallery .fg-type-image {
  		width: 50.0000% !important;
	}
	#gallery .os-gallery-row {
		padding-bottom: 0vh !important;
	}
	/* B L O G */
	.os-blog-module {
		column-count: 2 !important;
		column-gap: 2vh;
	}
	/* F A Q */
	#faq .et_pb_toggle_content {
		padding: 1em 0em !important;
	}

}


/* Responsive Styles Smartphone Portrait */
@media all and (max-width: 479px) {
	#os-header .os-header-row-0 {
		min-height: 4.5vh !important;
		height: 4.5vh !important;
		max-height: 4.5vh !important;
	}
	.os-menu-socialmedia li,
	.os-menu-socialmedia li a,
	.os-menu-socialmedia.fab {
		font-size: 2vh !important;
		line-height: 4.5vh !important;
	}
	.os-menu-imprint li,
	.os-menu-imprint li a {
		line-height: 4.5vh !important;
		font-size: 2vh !important;
	}
	.os-header-row-1 .et_mobile_menu li a {
		font-size: 1em !important;
		padding-top: .5em !important;
	}
	#os-header .os-header-home-row {
		top: 4.5vh !important;
	}
	#os-header .os-page-head-icon::before {
		width: 64% !important;
	}
 	#os-home .os-home-text {
		background-size: 8vh auto !important;
	    min-height: 24vh;
	}
	#os-home .os-home-row-0 .et_pb_column_1 {
		background-size: 8vh auto !important;
	}
	#os-home .os-home-row-1 .os-row-col {
		width: 50.0000% !important;
	}
	#os-home .os-home-row-1 .os-row-col-4 {
		width: 100.0000% !important;
	}
	#team .et_pb_tabs_controls li a {
		font-family: 'barlow semi condensed', sans-serif !important;
		font-weight: 400 !important;
		font-size: 0.818181818em;
		margin: 0 .4em 0 0 !important;
	}
	.fg-caption-title {
		font-size: 1.5em !important;
	}
	table.popup-table {
		display: none;
		height: 0;
		margin: 0;
		padding: 0;
	}
	.pum-theme-18512 .pum-container,
	.pum-theme-content-only .pum-container {
		padding: 1.6em !important;
		border-radius: 6px !important;
	}
	.pum-theme-18512 .pum-content p,
	.pum-theme-content-only .pum-content p {
		font-size: 1.2em;
	}
	.pum-theme-18512 .pum-content h4,
	.pum-theme-content-only .pum-content h4 {
		font-size: 2em !important;
	}
	.os-blog-module {
		column-count: 1 !important;
		column-gap: 0vh;
	}	
	#blog .et_pb_post {
		height: 50vh !important;
		max-height: 50vh !important;
 		margin-bottom: 2vh !important;
	}
	.os-cf7-top {
		display: block;
	}
	.wpcf7-form label {
		width: 100%;
	}
	.os-cf7-bottom,
	span.random-math-quiz label {
		justify-content: center !important;
	}
	input.wpcf7-quiz {
		width: 24% !important;
		padding: .7272em 0 !important;
		margin: 1em !important;
	}
	span.wpcf7-quiz-label {
		text-align: center;
	}
}


/* Responsive Styles Small Smartphone Portrait */
@media all and (max-width: 380px) {
	.os-menu-imprint li,
	.os-menu-imprint li a {
		font-size: 1.75vh !important;
	}
	#team .et_pb_tabs_controls li a {
		font-weight: 400 !important;
		font-size: 0.727272727em;
		margin: 0 .375em 0 0 !important;
	}
 }




/* Responsive Styles Large Desktop And Above */
@media all and (min-width: 1405px) {
 }

/* Responsive Styles Standard Desktop Only */
@media all and (min-width: 1100px) and (max-width: 1405px) {
 }

/* Responsive Styles Standard Desktop Only */
@media all and (min-width: 981px) and (max-width: 1405px) {
 }

/* Responsive Styles Desktop Only */
@media all and (min-width: 981px) {
 }

/* Responsive Styles 981px - 1100px */
@media all and (min-width: 981px) and (max-width: 1100px) {
 }

/* Responsive Styles Tablet And Below */
@media all and (max-width: 980px) {
 }

/* Responsive Styles 782px */
@media screen and (max-width: 782px) {
 }

/* Responsive Styles Tablet Portrait */
@media all and (max-width: 768px) {
 }

/* Responsive Styles Smartphone Only */
@media all and (max-width: 767px) {
}

/* Responsive Styles Smartphone Portrait */
@media all and (max-width: 479px) {
 }

/* Responsive Styles Tablet And Below */
@media all and (min-width: 768px) and (max-width: 980px) {
 }

/* Responsive Styles Small Smartphone Portrait */
@media all and (max-width: 380px) {
 }