/*
 Theme Name: MedEcon Ruhr
 Theme URI:
 Description: MedEcon Ruhr Theme
 Author: 72dpi
 Author URI: http://www.72dpi.de/
 Version: 2.0
*/


body {
	color: #4B575F;
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
	font-size: .95rem;
	background-color: #fff;
}

a {
	text-decoration: none;
	color: #3E6AA3;
}
	a:hover {
		text-decoration: none;
	}
	a:focus {
		outline: none;
	}

img {
	max-width: 100%;
	height: auto;
}
	img [src$=".svg"] {
	 max-width: auto;
	 width: 100%;
	 height: auto;
	}

ul, li {
	margin: 0;
	padding: 0;
}

.med-blue { color: #3E6AA3; }
.mr-blue { color: #9DBCD8; }
.mr-grey { color: #7A8188; } /* 75% WKG Black*/

.size80 	{ width: 80px; }
.size110 	{ width: 110px; }
.size120 	{ width: 120px; }


/* Main Wrap
-------------------------------------------------------------------------------------------------- */
.wrap {
	max-width: 1120px;
	margin-left: auto;
	margin-right: auto;
}


/* Header
-------------------------------------------------------------------------------------------------- */
header {
	padding: .75rem 0;
	background: #F2F5FA;
}

header .wrap {
  position: relative;
}
  header ul.social {
    position: absolute;
    top: 0;
    right: 1rem;
    display: flex;
    list-style: none;
    font-size: 2rem;
    z-index: 1;
  }
    header ul.social i {
      margin: 0 0 0 .5rem;
    }

.site-logo {
	width: 12rem;
	height: auto;
}
	@media (min-width: 720px) {
		.site-logo {
			width: 16rem;
		}
    header ul.social {
      top: -.5rem;
    }
	}


/* Header - Subrow
-------------------------------------------------------------------------------------------------- */
#subheader-row {
	background: #4B575F;
	color: #d0d0d0;
	padding-top: .5rem;
	padding-bottom: .5rem;
}
	#logo-wkg {
		display: none;
	}
	@media (min-width: 720px) {
		#logo-wkg {
			display: flex;
			align-items: center;
			height: 100%;
		}
			#logo-wkg img {
				width: 20rem;
			}
	}

	.topics-trigger,
	.search-trigger {
		display: inline-block;
		color: #fff;
		padding: .5em .5em .5em 0;
	}
		.topics-trigger:hover,
		.search-trigger:hover {
			text-decoration: none;
			color: #9DBCD8;
		}

	#tourbook-button span.tourbook-online {
		display: inline-block;
		text-transform: uppercase;
		font-size: .8rem;
		background: #D4501C;
		color: #fff;
		padding: .3em .4rem;
		margin-top: -2rem;
		border-radius: 3px;
	}
	span.gmr {
		display: none;
	}
@media all and (min-width: 720px) {
	span.gmr {
		display: inline-block;
	}	
}



/* Front Page Visual
-------------------------------------------------------------------------------------------------- */
.slider-row {
	background-color: #9DBCD8;
}
	.swiper-frontpage-slider {
		margin-bottom: 1rem;
		margin-left: -12px;
		margin-right: -12px;
	}
	
	.slider-row .swiper-slide {
		height: 16rem;
		background-position: center center;
		background-size: cover;
	}

/* Swiper Plugin Overrides*/
.slider-row .swiper-pagination {
	bottom: 20px;
}
.swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	background: #fff;
	opacity: 1;
}
	.swiper-pagination-bullet-active {
		background-color: #D4501C;
	}

.slider-row .wrap > div:nth-child(2) {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}
	.slider-row h1 {
		font-size: 1.3rem;
		color: #fff;
	}
	.slider-row p {
		font-size: .95rem;
		line-height: 135%;
		color: #fff;
	}
	.slider-row .intro-info a {
		color: #fff;
		text-decoration: underline;
	}

@media all and (min-width: 720px) {
	.swiper-frontpage-slider {
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
	}
	.slider-row .swiper-slide {
		height: 44vh;
		min-height: 18rem;
		max-height: 22rem;
	}
}




/* Typo
-------------------------------------------------------------------------------------------------- */

article a:hover,
aside a:hover {
	text-decoration: underline;	
}

h1, h2, h3, h4, h5, h6 {
	margin-top: 0;
}

h1 {
	font-size: 2rem;
}

h2 {
	font-size: 1.6rem;
	margin-bottom: .3rem;
	line-height: 130%;
}
	article.post h2 {
		margin-top: 1.2rem;
		font-size: 1.5rem;
		line-height: 125%;
	}
	article.post h3 {
		margin-top: 1.2rem;
		font-size: 1.3rem;
	}

article.post hgroup {
	margin-bottom: 2rem;
	padding: .7rem 0;
	border-top: 4px solid #9DBCD8;
	border-bottom: 4px solid #9DBCD8;
}
	article.post hgroup h1 {
		margin-bottom: .3rem;
		font-size: 2.2rem;
		line-height: 130%;
	}
	article.post hgroup h2 {
		margin: .5em 0;
		font-size: 1.5rem;
		line-height: 130%;
		color: #9DBCD8;
	}


h3 {
	font-size: 1.3rem;
	margin-bottom: .5rem;
	line-height: 135%;
}

h4 {
	font-size: 1.2rem;
	margin-bottom: .5rem;
	line-height: 135%;
}

h5 {
	margin: 0 0 1rem 0;
	padding: .3rem 0 0 0;
	font-size: .8rem;
	text-transform: uppercase;
	letter-spacing: .1rem;
	color: #9DBCD8;
}

p {
	margin: 0 0 1rem 0;
	line-height: 150%;
}
	article p:first-of-type {
		margin-top: 0;
	}
	.meta {
		font-size: .85rem;
		color: rgba(75,87,95,.75);
	}
	.alert {
		padding: 1rem;
		background: #F2F5FA
	}
	p.topic {
		display: inline-block;
		background-color: rgba(157,188,216,.2);
		border-radius: .8rem;
		text-transform: uppercase;
		font-size: .8rem;
		color: rgba(75,87,95,.75);;
		padding: .1rem .75rem;
		text-decoration: none;
		letter-spacing: .05rem;
	}

.non-bold {
	font-weight: 400;
}

address {
	font-style: normal;
}

article code {
	padding: .1rem .2rem;
	background-color: rgba(157,188,216,.2);
}


article blockquote {
	margin: 0 0 1.5rem 0;
	padding: 0 0 0 1.5rem;
	display: inline-block;
	position: relative;
	line-height: 145%;
	font-style: italic;
}
	article blockquote:after {
		position: absolute;
		content: "";
		top: 0;
		bottom: 0;
		left: 0;
		background-color: #9DBCD8;
		border-radius: .3rem;
		width: .3rem;
	}

hr {
	clear: both;
	height: 1px;
	border-style: none;
	color: #d0d0d0;
	background-color: #ddd;
}

mark {
	background: #9DBCD8;
	padding: .1em .3rem;
	color: #fff;
}


.debug-box {
	border: 2px solid #D42E31;
	padding: .5rem;
}
	.debug-box h6 {
		text-transform: uppercase;
		font-size: .8rem;
		color:  #D42E31;
	}

article ul,
ul.list-simple,
.sidebar aside ul:not([class]) {
	list-style: square;
	margin: .5em 0 1.5em 0;
	padding: 0 0 0 0;
}
	article li,
	ul.list-simple li,
	.sidebar aside ul li:not([class]) {
		margin: 0 0 0 1rem;
		line-height: 150%;
	}


article ol {
	margin: .5em 0 1.5em 0;
	padding: 0 0 0 0;
}


aside.intro-home h1 {
		font-size: 1.3rem;
	}

.sidebar aside ul.nobullets {
	list-style: none;
}
	.sidebar aside ul.nobullets li {
		margin: 0;
		padding-bottom: .5rem;
		border-bottom: 1px solid #fff;
		margin-top: .5rem;
	}


ul.ddownloads_list {
	list-style: none;
	margin: 1rem 0;
	padding: 0;
}
	ul.ddownloads_list li {
		position: relative;
		margin: 0;
		padding: .25rem 0 .25rem 2rem;
	}
		ul.ddownloads_list li:nth-child(odd) {
			background-color: rgba(242,245,250,.75);
		}
		ul.ddownloads_list li::before {
			position: absolute;
			left: .75rem;
			top: .3rem;
			display: inline-block;
			font-family: FontAwesome;
			content: '\f13a';
			color: rgba(62,106,163,1);
		}

/* Typo Specials
-------------------------------------------------------------------------------------------------- */

#related-row {
	background: #F2F5FA;
	padding: 2em 0 3em 0;
}

article aside {
	clear: both;
	display: block;
}

hgroup.project-title {
	margin-bottom: 1rem;
}
	hgroup.project-title h1 {
		margin-bottom: .5rem;
	}
	hgroup.project-title h4 {
		color: #9DBCD8;
	}

article.news-teaser {
	padding-bottom: .7rem;
	border-bottom: 1px solid #F2F5FA;
	margin-bottom: .7rem;
}
	article.news-teaser figure {
		float: left;
		margin: 0;
		padding: 0;
	}
		article.news-teaser figure.first-pic {
			float: left;
			margin: 0;
			padding: 0;
			width: 33%;
		}
	article.news-teaser div.teaser-text {
		float: right;
		width: 78%;
	}
		article.news-teaser div.teaser-text-first {
			float: right;
			width: 63%;
		}
	article.news-teaser h2 {
		font-weight: bold;
		margin-bottom: .5rem;
	}
	article.news-teaser img {
		margin-top: .3rem;
	}

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

		article.news-teaser div.teaser-text,
		article.news-teaser div.teaser-text-first {
			float: none;
			width: 100%;
			display: inline;
		}
		article.news-teaser figure,
		article.news-teaser figure.first-pic {
			padding-right: 1rem;
			max-width: 80px;
		}

	}






/* Shortcode Notes
-------------------------------------------------------------------------------------------------- */
.note {
	margin: 1.5rem 0;
	border: 1px solid #eee;
	border-radius: 4px;
	box-shadow: 0 2px 12px rgba(0,0,0,.1);
	clear: both;
	display: flex;
	flex-direction: column;
	overflow: hidden;
}
	.note div:first-child {
		min-width: 3rem;
		text-align: center;
		color: #fff;
		padding: .5rem;
		background-color: #9DBCD8;
	}
	.note div:first-child i {
		color: #fff;
		font-size: 1.3rem;
	}
	.note div:last-child {
		padding: .8rem 1rem;
		line-height: 150%;
		background-color: #F2F5FA;
		flex: 1;
	}
	
	.note div:last-child *:empty {
		display: none;
	}
	.note div:last-child * {
		margin-top: 0;
	}


@media(min-width: 480px) {
	.note {
		flex-direction: row;
	}

}



/* sidebar
-------------------------------------------------------------------------------------------------- */
.sidebar aside {
	background: #F2F5FA;
	padding: .25rem 1rem;
	margin-bottom: 2rem;
}
	.sidebar aside h4 {
		margin: -.25rem -1rem 1.5rem -1rem;
		padding: .3rem 1rem;
		color: #fff;
		background: #9DBCD8;
		position: relative;
		text-transform: uppercase;
	}
		.sidebar aside h4:before {
			position: absolute;
			bottom: -15px;
			right: 0;
			content:"";
			width:0;
			height:0;
			border-left: 15px solid #9DBCD8;
			border-right: 15px solid transparent;
			border-bottom: 15px solid transparent;
		}

		.sidebar li.current_page_item {
			font-weight: bold;
		}

.floater.is_stuck {
	margin-top: 1rem;
}


/* Swiper Slider Aside
-------------------------------------------------------------------------------------------------- */
	figure.aside-slider {
		position: relative;
		margin-bottom: 1rem;
	}
		figure.aside-slider img {
			display: block;
		}
		figure.aside-slider figcaption {
			position: absolute;
			display: block;
			left: 0;
			bottom: 0;
			padding: .3rem;
			background-color: rgba(255,255,255,.75);
			font-weight: bold;
		}


/* Categories & Tags
-------------------------------------------------------------------------------------------------- */
#tag-row {
	background: #E1EBF3;
	padding: 2em 0;
}

.tag-cloud {
	margin: 1em 0;
}
	.tag-cloud a {
		color: #9DBCD8;
	}
		.tag-cloud a:hover {
			color: #3E6AA3;
		}
			.tag-cloud .tag-size-xs { color: rgba(62,106,163,.2); }
			.tag-cloud .tag-size-s 	{ color: rgba(62,106,163,.4); }
			.tag-cloud .tag-size-m 	{ color: rgba(62,106,163,.6); }
			.tag-cloud .tag-size-l 	{ color: rgba(62,106,163,.8); }
			.tag-cloud .tag-size-xl	{ color: rgba(62,106,163,1); }

.tags a {
	background: #4B575F;
	border-radius: 4px;
	padding: .1em .5rem;
	color: #f2f2f2;
	line-height: 200%;
	white-space: nowrap;
}
	.tags a:hover {
		background: #9DBCD8;
		text-decoration: none;
	}







.select-wrapper {
	width: 100%;
	padding: .5em 0;
}
	.sw-left {
		float: left;
		width: 49%;
	}
	.sw-right {
		float: right;
		width: 49%;
	}

	ul.tabs-menu {
		list-style: none;
		width: 100%;
		margin: 1rem 0;
	}
		ul.tabs-menu li {
			display: inline;
			padding: 7px 10px;
			border: none;
			background: #F2F5FA;
		}
			ul.tabs-menu li a {
				text-decoration: none;
				display: inline-block;
			}
				ul.tabs-menu li.current {
					background: #4B575F;
				}
					ul.tabs-menu li.current a {
						color: #fff;
					}

	#newsfilter-tab-1 {
	 display: block;
	}
		.tab-content {
			display: none;
		}


.member-list-item {
	margin: 0 .5rem .5rem 0;
	padding: .5rem .5rem .5rem 2.5rem;
	background-color: #F2F5FA;
	line-height: 135%;
	box-shadow: .2rem .2rem .3rem rgba(0,0,0,.1);
}
	.member-list-item:hover {
		background-color: rgba(157,188,216,.3);
	}
	.member-list-item span {
		position: relative;
	}
	.member-list-item span::before {
		position: absolute;
		left: -1.6rem;
		topp: 0;
		font-family: "FontAwesome";
		content: "\f0fa";
	}

@media(min-width: 480px) {
	.member-list-item {
		min-height: 6rem;
	}
}	

/* Mitglieder
-------------------------------------------------------------------------------------------------- */
.member-info {
  background: #F2F5FA;
  padding: 1rem 0;
}

.member-logo {
  padding: 1rem;
  background-color: #fff;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 1rem rgba(0,0,0,.075);
}
  .member-logo img {
    width: 100%;
    max-width: 14rem;
    max-height: 10rem;
  }



ul.contact-data {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 1.1rem;
}
  ul.contact-data li {
    margin: 0;
    padding: .5rem 0;
    line-height: 100%;
    border-bottom: 1px solid rgba(157,188,216,.5);
	}
  ul.contact-data li:first-child {
    border-top: 1px solid rgba(157,188,216,.5);
	}






.member-footer {
	border-top: 3px solid #9DBCD8;
	padding: .5rem 1em .5rem 1rem;
	margin-bottom: 1rem;
}


/* Team & Verein
-------------------------------------------------------------------------------------------------- */
.member-card {
	margin-bottom: 1rem;
	background-color: #F2F5FA;
	height: calc(100% - 1rem);
}
	.member-card figure {
		margin: 0 0 1rem 0;
		height: 10rem;
		background-position: center center;
		background-size: cover;
	}
	.member-card div {
		padding: .1rem .75rem;
	}

/*	border-right: 1px solid rgba(75,87,95,.2);
	border-bottom: 1px solid rgba(75,87,95,.2);*/




/* Termine
-------------------------------------------------------------------------------------------------- */
DIV.shortdate {
	position: relative;
	float: left;
	background: #D4501C;
	width: 3.5rem;
	height: 3.5rem;
	margin: .4em 1em 0 0;
	text-align: center;
}
	DIV.shortdate:after {
		position: absolute;
		bottom: -10px;
		right: 10px;
		content:"";
		width:0;
		height:0;
		border-left: 10px solid transparent;
		border-right: 10px solid #D4501C;
		border-bottom: 10px solid transparent;
	}
	span.shortdate-day {
		display: block;
		color: #fff;
		font-size: 1.5rem;
		font-weight: bold;
		margin: 4px 0 0 0;
		padding: 0;
	}
	span.shortdate-month {
		display: block;
		color: #fff;
		margin: -3px 0 0 0;
		padding: 0;
		text-transform: uppercase;
		font-size: .9rem;
	}

		/* remove triangle for mobile */
		@media all and (max-width : 600px) {
			DIV.shortdate:after {
				display: none;
			}
		}






/* Single Post Browse Buttons
-------------------------------------------------------------------------------------------------- */
.browse {
	margin: 1em 0;
	padding: .7em 0;
}
	.browse-left {float: left;}
	.browse-right {float: right;}



/* Single Post Browse Buttons - Arrows
-------------------------------------------------------------------------------------------------- */
.browse-post-left,
.browse-post-right {
	position: fixed;
	top: 50vH;
	font-size: 2.4rem;
}
	.browse-post-left {
		left: .5rem;
	}
	.browse-post-right {
		right: .5rem;
	}
		.browse-post-left a,
		.browse-post-right a {
			background: none;
			color: #9DBCD8;
		}
			.browse-post-left a:hover,
			.browse-post-right a:hover {
				background: none;
				color: #4B575F;
			}
@media screen and (max-width : 1024px) {
	.desktop {
		display: none;
	}
}


/* Images
-------------------------------------------------------------------------------------------------- */
.alignleft {
	float: left;
	margin: 0 1.2em 1em 0;
}
.alignright {
	float: right;
	margin: 0 0 1em 1.2rem;
}
.aligncenter {
	margin: 0 auto;
}

img.cover-magazine {
	float: left;
	margin: 0 1rem 0 0;
	box-shadow: .3rem .3rem .75rem rgba(0,0,0,.15);
	width: 9rem;
	/*transform: rotate(-2.5deg);*/
}
img.cover-image {
	display: block;
	margin: .5rem auto;
	box-shadow: .3rem .3rem .75rem rgba(0,0,0,.15);
	/*transform: rotate(-2.5deg);*/
}

.swiper-aside-slider img {
	width: 100%;
}





/* Images with Captions
-------------------------------------------------------------------------------------------------- */

figure.pf-image {
	margin-bottom: 1rem;
	max-width: 12rem;
}
	figure.pf-image img {
		border-radius: .75rem;
	}


figure.wp-caption {
	margin: 0 0 1.5rem 0;
	background-color: #F2F5FA;
}
	figure.wp-caption figcaption {
		padding: .5rem;
		font-size: .9rem;
		color: #4B575F;
		line-height: 150%;
		hyphens: auto;
	}

@media (max-width: 479px) {
	figure.wp-caption,
	figure.wp-caption figcaption {
		width: 100% !important;
		max-width: none !important;
	}
}

@media (min-width: 480px) {
	figure.wp-caption.alignleft {
		float: left;
		margin-right: 2rem;
	}
	figure.wp-caption.alignright {
		float: right;
		margin-left: 2rem;
	}
}

@media (min-width: 1024px) {
	figure.wp-caption.alignnone {
		width: 110%;
		position: relative;
		left: -10%;
	}
		figure.wp-caption.alignnone img {
			width: 100%;
			max-width: none;
		}
	figure.wp-caption.alignleft {
		margin-left: -10%;
	}
	figure.wp-caption.alignright {

	}
}





/* footer
-------------------------------------------------------------------------------------------------- */
#footer-row {
	padding: 2em 0;
	background: #4B575F;
	color: #d0d0d0;
}
	#footer-row a {
		color: #9DBCD8;
	}
	#footer-row a:hover {
		text-decoration: underline;
	}

#partner-row {
	background: #fff;
	padding: 1em 0;
}
	#partner-row ul {
		width: 100%;
		list-style: none;
		padding: 0;
		margin: 0;
	}
		#partner-row ul li {
			margin: 0;
			padding: 0 .5em 0 0;
			float: left;
			color: #666;
			width: 25%;
		}
			#partner-row ul li img {
				display: block;
			}

footer ul.social {
  display: flex;
  list-style: none;
  font-size: 2rem;
}
  footer ul.social i {
    margin: 0 .5rem 0 0;
  }


/* 400px
---------------------------------------------------------------------------------------------------*/
@media all and (max-width : 500px) {

	#searchform {
		float: none;
		width: 100%;
	}

	h1,	article.post hgroup h1 {
		font-size: 1.6rem;
	}
	h2,	article.post hgroup h2 {
		font-size: 1.3rem;
	}

	.sw-left,
	.sw-right {
		float: none;
		width: 100%;
		margin: .5em 0;
	}

	.wp-caption {
		float: none;
		margin: 0;
		width: 100% !important;
	}
		.wp-caption img {
			width: 100% !important;
		}

}



/* Projekte
-------------------------------------------------------------------------------------------------- */

.featured-project-item {
	display: flex;
	margin: 0 0 1rem 0;
	padding-right: 1rem;
}

aside.featured-projects .project-logo {
	margin: 0 1rem 0 0;
	padding: .5rem;
	background-color: rgba(157,188,216,.2);
	border-radius: .75rem;
	width: 7rem;
}
	aside.featured-projects .project-logo figure {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: contain;
		height: 4rem;
	}



.card-project {
	margin: 0 0 1rem 0;
	overflow: hidden;
}
	.card-project .project-logo {
		margin-bottom: 1rem;
		padding: 1rem 1rem;
		background-color: rgba(157,188,216,.2);
		border-radius: .75rem;
	}
	.card-project figure {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: contain;
		height: 8rem;
	}
	.logo-project {
		margin: 1rem;
	}
	.card-project h3 {
		font-size: 1rem;
	}
	.card-project h4 {
		font-size: .9rem;
	}

/* single-project */
@media all and (min-width : 720px) {
	.single-project-order-1 {	order: 1; }
	.single-project-order-2 {	order: 3; }
	.single-project-order-3 {	order: 2; }
	.single-project-order-4 {	order: 4; }
}

/* tax-project */
@media all and (min-width : 720px) {
	.tax-themen-order-1 {	order: 1; }
	.tax-themen-order-2 {	order: 3; }
}

figure.project-partner {
	margin: 1rem 0;
	padding: .75rem;
	background-color: #f5f5f5;
	border-radius: .75rem;
}
	figure.project-partner img {
		mix-blend-mode: multiply;
	}


/* Projekte Taxonomy Menu 
------------------------------------------------------------------------------------------------ */
.tax-list-projects {
	list-style: none;
	margin: 0 0 1.5rem 1.8rem;
}
	.tax-list-projects li {
		position: relative;
	}
		.tax-list-projects li a:before {
			position: absolute;
			content: "";
			left: -1.8rem;
			top: .4rem;
			width: 1.3rem;
			height: 1.3rem;
			background-color: rgba(75,87,95,1);
			border-radius: 50%;
		}
		.tax-list-projects li a {
			display: inline-block; 
			margin: .5rem 0;
		}
	.tax-list-projects li.current-cat a {
		font-weight: bold;
	}
		.tax-list-projects li.current-cat a:before {
			background-color: #D4501C;
		}
	

/* Shortcode Projekt Teaser
------------------------------------------------------------------------------------------------ */
.project-teaser {
	margin: 1.5rem 0;
	padding: 1rem;
	display: flex;
	flex-direction: column;
	border-top: 4px solid #9DBCD8;
	border-bottom: 4px solid #9DBCD8;
	background-color: #F2F5FA;
}
	.project-teaser .project-info {
		padding-top: 1rem;
	}
		.project-teaser figure {
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			background-repeat: no-repeat;
			background-position: left center;
			background-size: contain;
			height: 5rem;
		}


@media screen and (min-width : 720px) {
	.project-teaser {
		flex-direction: row;
	}
		.project-teaser .project-logo {
			flex: 0 1 25%;
		}
		.project-teaser .project-info {
			padding-left: 2rem;
			flex: 0 1 75%;
		}
}



/* Plugin Overrides
---------------------------------------------------------------------------------------------------*/

.mfp-bg {
	background: #4B575F;
	opacity: 0.95;
  filter: alpha(opacity=95);
}
.search-overlay.mfp-bg {
	background: #9DBCD8;
	opacity: 0.95;
  filter: alpha(opacity=95);
}



/* Category Tags, Buttons, etc.
-------------------------------------------------------------------------------------------------- */
a[rel*=category] {
  position: relative;
	display: inline-block;
  padding: .1rem .5rem .1rem 1.5rem;
  margin: 0 5px 10px 0;
	border-radius: .3rem;
  text-decoration: none !important;
	background-color: #F2F5FA;
	color: #3E6AA3;
}
	a[rel*=category]:before {
		font-family: FontAwesome;
		content: '\f02b';
		top: .2rem;
		left: .5rem;
		position: absolute;
		color: #3E6AA3;
	}
		a[rel*=category]:hover {
			background: #9DBCD8;
			color: #fff;
		}


a.button,
.browse-right a,
.browse-left a,
input[type=submit] {
	display: inline-block;
	padding: .25rem .5rem;
	text-decoration: none !important;
	background: #9DBCD8;
	color: rgba(255,255,255,.95);
	font-size: .9rem;
	border: none;
	text-transform: uppercase;
  border-radius: .3rem;
}
	a.button:hover,
	.browse-right a:hover,
	.browse-left a:hover,
	input[type=submit]:hover {
		background: #4B575F;
	}


a.btn-small-white {
	display: inline-block;
	background-color: #fff;
	border-radius: .8rem;
	text-transform: uppercase;
	font-size: .8rem;
	color: #4B575F;
	padding: .1rem .75rem;
	text-decoration: none;
	letter-spacing: .05rem;
	border: 1px solid #fff;
}
	a.btn-small-white i {
		color: #9DBCD8;
	}
	a.btn-small-white:hover {
		text-decoration: none;
	}
		a.btn-small-white:hover i {
			color: #4B575F;
		}

a.btn-small-blue {
	display: inline-block;
	background-color: rgba(157,188,216,.2);
	border-radius: .8rem;
	text-transform: uppercase;
	font-size: .8rem;
	color: rgba(75,87,95,.75);;
	padding: .1rem .75rem;
	text-decoration: none;
	letter-spacing: .05rem;
	border: 1px solid #fff;
}
	a.btn-small-blue i {
		color: #9DBCD8;
	}
	a.btn-small-blue:hover {
		text-decoration: none;
	}
		a.btn-small-blue:hover i {
			color: #4B575F;
		}

.edit a,
a.post-edit-link {
	display: inline-block;
	padding: 2px 5px;
	background: #D4501C;
	color: #fff;
	font-size: .85rem;
	text-transform: uppercase;
	text-decoration: none;
  border-radius: 2px;
}
	.edit a:hover,
	a.post-edit-link:hover {
		text-decoration: none;
	}


/* Topics Overlay
-------------------------------------------------------------------------------------------------- */
#topics-overlay {

}
	#wkg-overlay-map {
		margin: 2em auto 0;
		max-width: 300px;
	}
	#wkg-overlay-logo {
		margin: 1em auto 0;
		max-width: 600px;
		margin-bottom: 1.5rem;
		text-align: center;
	}
		#wkg-overlay-logo a {
			color: #fff;
			text-decoration: underline;
	}
		#wkg-overlay-logo-image {
			max-width: 400px;
		}
	#topics-overlay h3 {
		color: #fff;
	}
	#topics-overlay p,
	#topics-overlay ul li,
	#topics-overlay ul li a {
		color: #fff;
	}


	h3.wkg::before {
		margin-right: .5rem;
		content: "\f041";
		font-family: FontAwesome;
		font-size: 2.8rem;
		color: #82BBD5;
	}

ul.listbox {
	display: flex;
	flex-direction: column;
	list-style: none;
	margin: 0;
	padding: 0;
}
	ul.listbox li {
		padding: 0;
		margin: .2rem 0;
	}
		ul.listbox li a {
			display: block;
			padding: .2rem 1rem;
			background-color: rgba(255,255,255,.3);
			border-radius: 1rem;
			text-decoration: none;
		}
			ul.listbox li a:hover {
				background-color: rgba(255,255,255,.5);
			}
	

/* Search Overlay
-------------------------------------------------------------------------------------------------- */
#search-overlay .wrap {
	text-align: center;
}
	#logo-medecon {
		margin: 0 auto 1rem;
	}
		#logo-medecon img {
			max-width: 200px;
		}
	#search-overlay-wrap {
		display: flex;
		justify-content: space-between;
		margin: 0 auto;
		max-width: 550px;
		background: #fff;
		border: .3rem solid #4B575F;
	}
		#search-overlay-wrap input[type=text] {
			font-size: 45px;
			background: none;
			color: #4D5760;
			width: 80%;
		}
		#search-overlay-wrap button {
			border: none;
			background: none;
			color: #4D5760;
			width: 20%;
		}
			#search-overlay-wrap button:hover {
				color: #9DBCD8;
			}

				#search-searchresult {
					margin-bottom: 2rem;
				}


/* Map
-------------------------------------------------------------------------------------------------- */
#map {
	width: 100%;
	height: 220px;
}
#map-small {
	width: 100%;
	height: 250px;
}
	#map img,
	#map-small img {
		max-width: inherit;
	}
	
@media (min-width : 600px) {
	body.page-template-page-kontakt #map {
		height: 440px;
	}
}	

/* Gallery
-------------------------------------------------------------------------------------------------- */
.med-gallery-wrapper {
	margin: 0 0 1.5rem 0;
}

ul.med-gallery {
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	list-style: none;
}
	.med-gallery li {
		margin: 0;
		padding: 0;
		flex: 0 0 20%;
	}
		.med-gallery li::before {
			content: "";
			padding: 0;
		}
	.med-gallery img {
		display: block;
		border-right: .3rem solid #fff;
		border-bottom: .3rem solid #fff;
	}
	.med-gallery figure {
		position: relative;
	}
		.med-gallery figure figcaption {
			display: none;
		}
		.med-gallery figure:hover figcaption {
			display: flex;
			justify-content: center;
			align-items: center;
			position: absolute;
			left: 0;
			top: 0;
			right: 0;
			bottom: 0;
			background-color: rgba(255,255,255,.25);
			color: #fff;
			padding: 0 .5rem;
		}
		
		
/* Forms
-------------------------------------------------------------------------------------------------- */
fieldset {
	margin: 1em 0;
	padding: 0;
	border: none;
}
	fieldset.contactform {
		padding: 0 1rem;
		background:	#F2F5FA;
	}

label {
	font-size: .8rem;
	text-transform: uppercase;
	color: #4D5760;
}

dl.cform {

}
	dl.cform dt {
		margin: 0 0 .2em 0;
	}
	dl.cform dd {
		margin: 0 0 .5em 0;
	}
	dl.cform dd.sendbutton {
		margin: 1em 0 0 0;
	}

input[type=text],
input[type=email],
input[type=password],
textarea {
	width: 100%;
	padding: .4rem;
	color: #333;
	background: #fff;
	border: none;
}

textarea {
	height: 8rem;
}

select {
	padding: .2rem;
	color: #333;
	background: #f9f9f9;
	border: 1px solid #ccc;
}


/* Forms - Contact Form 7 styles */
.screen-reader-response {
	display: none;
}

	.wpcf7-not-valid-tip {
		display: block;
		color: #D4501C;
	}
	input[type=text].wpcf7-not-valid,
	input[type=email].wpcf7-not-valid,
	input[type=password].wpcf7-not-valid,
	textarea.wpcf7-not-valid {
		border: 2px solid #D4501C;
	}

.wpcf7-mail-sent-ok {
	background: #57AA27;
	color: #fff;
	padding: .5rem;
	border-radius: 3px; /* default */
}


/*Cookie Banner
--------------------------------------------------------------------------------- */
#cookiebanner {
	position: fixed;
	bottom: 1rem;
	right: 1rem;
	max-width: 18rem;
	background-color: rgba(157,188,216,1);
	color: #fff;
	padding: 1rem;
	box-shadow: 0 0 .5rem rgba(0,0,0,.4);
	font-size: .9rem;
	z-index: 1001;
}

	#cookiebanner a {
		color: #fff;
		text-decoration: underline;
	}
	#close-cookiebanner {
		position: absolute;
		top: .4rem;
		right: .4rem;
	}