/*
Theme Name: Mediathek Klimagerechtigkeit
Theme URI: http://underscores.me/
Author: Gerhard Janke
Author URI: http://pastorixx.de/
Description: Mediendatenbank der Infostelle Klimagerechtigkeit
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: klikat
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Klimakatalog is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
    ## Posts and pages
	## Asides
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/


@font-face {
    font-family: 'Work-Sans';
	font-display: swap;
    src: url('fonts/source-sans-3-v18-latin-regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Work-Sans-i';
	font-display: swap;
    src: url('fonts/work-sans-v19-latin-italic.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Work-Sans-300';
	font-display: swap;
    src: url('fonts/work-sans-v19-latin-300.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Work-Sans-300i';
	font-display: swap;
    src: url('fonts/work-sans-v19-latin-300italic.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Work-Sans-600';
	font-display: swap;
    src: url('fonts/work-sans-v19-latin-600.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}






@font-face {
    font-family: 'Source-Sans-3';
	font-display: swap;
    src: url('fonts/source-sans-3-v18-latin-regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Source-Sans-3-600';
	font-display: swap;
    src: url('fonts/source-sans-3-v18-latin-600.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}


/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
	font-family: 'Work-Sans', sans-serif;
	font-size: 10px;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}

body {
	margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

a:active,
a:hover {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-family: 'Work-Sans-600';
	font-weight: normal;
}

dfn,i,em {
	font-family: 'Work-Sans-i';
	font-style: normal;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1em 40px;
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"] {
	-webkit-appearance: textfield;
	box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	color: #000;
	font-family: 'Work-Sans', sans-serif;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	font-family: 'Source-Sans-3-600';
	font-weight: normal;
	line-height: 1.2;
}

p {
	margin: 0 0 1em 0;
}

dfn,
cite,
em,
i {
	font-family: 'Work-Sans-i';
	font-style: normal;
}

strong,b {
	font-family: 'Work-Sans-600';
	font-weight: normal;
}
blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #fff; /* Fallback for when there is no custom background color defined. */
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: "" "";
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 20px 0;
	padding: 0 0 0 30px;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
	color: rgba(0, 0, 0, .8);
	line-height: 1;
	padding: .6em 1em .4em;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	border-color: #aaa #bbb #bbb;
	box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	color: #111;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
	padding: 3px;
}

textarea {
	padding-left: 3px;
	width: 100%;
}

/*--------------------------------------------------------------
# Layout
--------------------------------------------------------------*/
body {

}



.site-header {
	width: 100%;
	padding: 26px 30px;
	margin: 0 0 30px 0;
	display: flex;
	column-gap: 5vw;
}

.site-content, .site-footer {
	position: relative;
	background: #fff;
}


img.logooekumenewerk {
	height: 80px;
}

.header-content {
	flex-grow: 1;
	display: flex;
	justify-content: space-between;
}

.header-content a, .header-content a:hover {
	text-decoration: none;
}

.klimabrand {
	margin-top: 12px;
	font-family: 'Work-Sans-600';
	font-size: 2vw;
	line-height: 1.2;
	color: #004551;
}

.schutz {
	font-family: 'Work-Sans';
	color: #76b82a;
	font-size: 0.8em;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: #004551;
	font-family: 'Work-Sans';
	text-decoration: none;
}

a:visited {
	color: #004551;
}

a:hover,
a:focus,
a:active {
	color: #71AF28;
	text-decoration: underline;
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
	font-family: 'Source-Sans-3';
	text-transform: uppercase;
	font-size: 1.4rem;
	margin-top: 12px;
}
.main-navigation ul{
	list-style: none;
	margin: 0;
	padding-left: 0;
	display: flex;
	column-gap: 30px;
	align-items: center;
}

.main-navigation ul li {
	position: relative;
	padding-bottom: 15px;
}

.main-navigation ul > li > ul {
	display: flex;
	flex-direction: column;
	background-color: #ffffff !important;
	padding: 0 !important;
	border: 1px solid #ededed;
	box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.2);
	margin-top: 15px !important;
	width: 200px;
	overflow: hidden;
	position: absolute;
	left: -12px;
	z-index: 99999;
	transition: 0.2s opacity, 0.2s transform, 0.2s visibility;
	opacity:0;
	transform: translateY(10px);
	visibility: hidden;
}

.main-navigation ul > li:hover > ul {
	opacity:1;
	transform: translateY(0px);
	visibility: visible;
}

.main-navigation ul ul li {
	padding: 20px 15px;
}

.main-navigation ul ul li:hover {
	background: #ededed;
}

.main-navigation a, .kartei1, .menusearch input {
	font-family: 'Source-Sans-3';
	color: #000;
	display: block;
	text-decoration: none;
	text-transform: uppercase;
	cursor: pointer;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {

	
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul a {
	width: 200px;
	line-height: 1.2;
}



.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}


.menusearch form {
	position: relative;
}

.menusearch form svg {
	position: absolute;
position: absolute;
  right: 4px;
  top: 4px;
}

.menusearch input, .menusearch input:focus {
	text-transform: none;
}

.menusearch input[type="text"] {
	width: 180px;
	padding-right: 30px;
}

.menusearch .search-submit {
	margin: 0 0 0 30px;
}
/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
/*.site-header:before,
.site-header:after,
*/
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}


/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
.content-area article {
  width: 100%;
  max-width: 760px;
  padding: 0 2%;
  margin: 0 auto;
  font-family: 'Work-Sans-300';
  line-height: 1.6;
  font-size: 1.8rem;
}

/*--------------------------------------------------------------
# Frontpage
--------------------------------------------------------------*/
.home .content-area article {
  max-width:100%;	
   column-count: 3; 
   column-gap:2em;
   column-width: 270px;
   column-rule-style:dotted; 
   column-rule-width:1px; 
   column-rule-color:silver;
}

.home .content-area article header {
	display: none;
}

.home .content-area article .entry-content	{
	margin: 0;
	hyphens:auto;
	orphans:2; 
	widows: 2;
	line-height: 1.4;
	font-size: 1.6rem;
}

.home .content-area article .entry-content h3 {
	font-family: 'Work-Sans-600';
	line-height: 1.4;
	font-size: 1.6rem;
	text-align: left;
	hyphens:none;
	margin: 0 0 1em 0;
	column-break-after: avoid;
	break-after: avoid;
	-webkit-column-break-inside: avoid;
}



/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/

h1.entry-title {
    color: #004551;
    font-size: 40px;
	text-transform: uppercase;
	text-align: center;
	margin: 0 0 30px 0;
}

.entry-content h3 {	
	color: #004551;
	font-size: 16px;
	letter-spacing: 0.6px;
}

.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Kartei
--------------------------------------------------------------*/
.colorbox {
	background:  #eee;
	padding: 2vw 5vw;
	margin: 30px 0;
}

.colorbox.katalog article {
	padding: 40px 0;	
}


.kataloginfo {
	text-align: center;
	padding-bottom: 30px;
	font-family: 'Work-Sans-300';
	font-size: 1.6rem;
}


.filterbox {
	background: url("img/mediathek.jpg") no-repeat center center;
	background-size: cover;
	padding: 40px;
}

.filterbox option:checked {
	background: #fff;
	color: #000;
}

.filterbox.kategorien {
	background: url("img/kategorien.jpg") no-repeat center center;
}

.filterbox.medienarten {
	background: url("img/medienarten.jpg") no-repeat center center;
}

.filterbox.altersgruppen {
	background: url("img/altersgruppen.jpg") no-repeat left top;
}

.filterbox.erscheinungsjahre {
	background: url("img/erscheinungsjahre.jpg") no-repeat center center;
}


.katalogsuche {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	column-gap: 10px;
	row-gap: 20px;
}

.katalogsuche select {
	width: 100%;
	padding: 0;
	background: rgba(255,255,255,0.8);
	font-size: 1.2em;
}

.katalogsuche option {
	padding: 3px 10px;
}

.katalogsuche label {
	display: block;
	font-family: 'Work-Sans-600';
	padding: 5px;
	background: rgba(0,0,0,0.6);
	text-align: center;
	color: #fff;
	text-transform: uppercase;
	
}

.katalogsuche button {
	all: unset;
	grid-column-start: 2;
	grid-column-end: 4;
	margin: 0 20%;
	background: #40747d;
	color: #fff;
	font-size: 2rem;
	line-height: 2;
	text-align: center;
	cursor: pointer;
	box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.3);	
}

.katalogsuche .submitbox {
	grid-column-start: 1;
	grid-column-end: 5;
	display: flex;
	align-items: flex-start;
	margin: 0 auto;

}

.katalogsuche .submitbox label {
	font-family: 'Work-Sans-300';
	font-size: 0.8em;	
}

.submitbox input[type=checkbox] {
	transform: scale(1.5);
	margin: 10px;
}


.ergebnisgrid {
	display: grid;
	grid-template-columns: max-content auto;
	grid-column-gap: 30px;
	grid-row-gap: 6px;
	margin: 30px 0;
	font-size: 1.4rem;
	line-height: 1.3;
}

.ergebnisgrid .title.head {
	font-family: Source-Sans-3-600;
}

.ergebnisgrid .title {
	text-align: right;
}



.accordionheader {
	border-top: solid 1px #aaa;
	display: flex;
	justify-content: space-between;
	align-items: center;
	column-gap: 30px;
	cursor: pointer;
}

.accordionheader:first-child {
	border-top: none;
}

.accordionheader h3 {
	margin: 0;
	padding: 10px 0;
	font-family: 'Work-Sans-600';
	font-size: 1.6rem;
	line-height: 1.3;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.accordionheader.ui-accordion-header-active h3 {
	white-space: wrap;
}

.accordionheader img {
	height: 20px;
	transform:rotate(0deg);
	transition: transform 0.2s;
}

.accordionheader.ui-accordion-header-active img {
	transform:rotate(90deg);
}

.accordioncontent {
	font-size: 1.6rem;
	line-height: 1.3;
	width: 100%;
	padding-bottom: 30px;
	hyphens: auto;
}

.accordiongrid {
	display: grid;
	grid-template-columns: max-content auto;
	grid-column-gap: 30px;
	grid-row-gap: 6px;
	margin-bottom: 30px;
}

.feld-wert.shorten {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;	
}

.card-img {
	margin-top: 30px;
}







.mejs-container {
	margin: 30px 0 0 0;
	float: left;
}

.feld-video {
	clear: both;
	float: left;
	max-width: 100%;
	margin: 30px 0;
}




/*--------------------------------------------------------------
## Kontaktformular
--------------------------------------------------------------*/

#dasmailformular {
	width: 100%;
	background: #eee;
	padding: 30px 0;
}

#kontaktformular {
	max-width: 760px;
	padding: 0 2%;
	margin: 0 auto;
	font-family: 'Work-Sans-300';
	line-height: 1.6;
	font-size: 1.8rem;
}


#kontaktformular label, #kontaktformular input {
	display: none;
}

#kontaktformular label#ldername, #kontaktformular input#dername,
#kontaktformular label#lemail, #kontaktformular input#email,
#kontaktformular label#lcontent {
	display: block;
	font-size: 0.8em;
}

#kontaktformular button {
	all: unset;
	margin: 20px 0 0 0;
	padding: 0 30px;
	background: #40747d;
	color: #fff;
	font-size: 0.9em;
	line-height: 2;
	text-align: center;
	cursor: pointer;
	box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.3);	
}

.mailalert {
	margin: 40px auto;
	padding: 0 0 0 30px;
	max-width: 760px;
	font-size: 1.6rem;
	border-left: solid 5px #004551;
}

/*--------------------------------------------------------------
## Footer
--------------------------------------------------------------*/



#footersvg svg {
	width: 100vw;
	display: block;
}

#footerinfo {
	background: #004551;
	border-top: solid 1px #fff;
	min-height: 80px;
	padding: 0 30px;
	display: flex;
	justify-content: end;
	align-items: center;
}

.login {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 30px;
	height: 30px;
}

.login:hover {
	background: rgba(255,255,255,0.3);
}
.login a {
	display: block;
	width: 100%;
	height: 100%;
}

ul.footer-menu {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	column-gap: 20px;
}

ul.footer-menu li {
	
}

ul.footer-menu li a {
	font-family: 'Work-Sans-300';
	text-transform: uppercase;
	font-size: 14px;
	text-decoration: none;
	color: #fff;	
}


/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comments-area {
	margin: 30px 0 0 0;
	font-size: 1.2rem;
	float: left;
}

.comments-area b, .comments-area strong, .comments-area a {
	color: #404040;
	font-weight: normal;
	font-family: 'Work-Sans';
}

.comments-area a.clickcomment {
    color: #fbb03f;
    font-family: 'Work-Sans';	
}

.comment-list {
	margin: 0 0 30px 0;
}

.comment-author.vcard {
    float: left;
    margin: 0 20px 0 0;
}

.comment-content > p {
	font-family: 'Work-Sans-300i';
	margin: 0 0 10px 0;
}

h3#reply-title {
	margin: 0;
}

.comment-notes {
    margin: 0;
}

#comment {
	height: 30px;
}

.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

.countdownbox {
	display: block;
}

.comment-form-author {
	clear: both;
}

.comment-form-author, .comment-form-email, #commentform .form-submit {
	float: left;
	margin: 0 20px 0 0;
}

.comment-form-url {
	display: none;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

.wpcf7-form {
	max-width: 600px;
}


/*--------------------------------------------------------------
# Responsive
--------------------------------------------------------------*/

@media screen and (max-width: 1250px) {
		img.logooekumenewerk {
			display: none;
		}
		.klimabrand {
			margin-top: 0;
			font-size: 2.6vw;
		}
		.katalogsuche {
			grid-template-columns: 1fr 1fr;
		}

		.katalogsuche button {
			grid-column-start: 1;
			grid-column-end: 3;
		}

}

@media screen and (max-width: 950px) {
		.klimabrand {
			font-size: 2rem;
		}
		.header-content {
			flex-direction: column;
		}
		li.menusearch {
			display: none;
		}
		.main-navigation {
			margin-top: 20px;
		}
}

@media screen and (max-width: 650px) {
		.katalogsuche {
			display: block;
		}
		
		.katalogsuche .filterbox {
			margin-bottom: 20px;
		}
		
		.katalogsuche button {
			display: block;
			min-width: 200px;
			margin: 0 auto;
		}
}