l/*
Theme Name: beziehungsweise weiterdenken
Theme URI: http://www.bzw-weiterdenken.de/
Description: Standard-Theme der Webseite "beziehungsweise - weiterdenken".
Version: 1.0
Author: soundsites, multimedia kompakt, Jonatan Steller
Author URI: http://www.soundsites.de/
Tags: blue, pink, custom header, fixed width, two columns, widgets
*/
html {	box-sizing: border-box;}

*,
*::before,
*::after {
	box-sizing: inherit;
}
html{font-size: 62.5%;-moz-osx-font-smoothing: grayscale;-webkit-font-smoothing: antialiased;}
body{background-color:#e9eadb;}
body,h1,h2,h3,h4,p,ul,ol,li,div,td,th,b,i {
 font-family: 'barlowregular',Arial,Helvetica,sans-serif;line-height:1.5;
}
body,h1,h2,h3,h4,div,p,td,th,b,i,ul,ol,li,img {
 margin: 0;
 padding: 0;
}
h1, h2, h3, h4{font-family: 'droid_serifbold_italic', serif; color:#677371;font-weight:normal; font-style:normal;}
h1 {  font-size: 3rem; padding: 2rem 0; }
h2 { font-size: 3rem; line-height: 1.3; background: transparent; color:#c60d72; }
h2.h2klein { font-size:2rem; }
h3 { font-size: 2.5rem; }
h3.h3klein { font-family: 'barlowregular',Arial,Helvetica,sans-serif; font-size: 2rem; }
h4 { font-size: 2.3rem; font-weight: normal; }
p { text-align: left; font-size: 1.8rem; }
img { border: 0; max-width:100%; height:auto;}
#inhalt img { border: 10px solid #f5f6e8; }
a { color: #111;  font-family: 'barlowmedium';}
em a{
	font-family: 'barlowmedium_italic';
	font-style:normal;
}
a:hover, a:focus, a:active, div#menu_oben a.li_red, em a:hover { 
	color: #c60d72; 
}
h1 a, h2 a, h3 a, h4 a{
	font-family: 'droid_serifbold_italic', serif;
}
h3 a:link, h3 a:visited { text-decoration: none; }
h3 a:hover, h3 a:focus, h3 a:active { text-decoration: underline; }
li.widget a.blocklink:link, li.widget a.blocklink:visited, li.widget a.blocklink:hover, li.widget a.blocklink:focus, li.widget a.blocklink:active { 
	display: block; 
	padding: 3px 5px 3px 5px; 
	color: #fff; 
	text-decoration: none; 
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition:    all 0.4s ease-in-out;
	-ms-transition:     all 0.4s ease-in-out;
	-o-transition:      all 0.4s ease-in-out;
	transition:         all 0.4s ease-in-out;
}
hr { border: 0; width: 100%; height: 1px; padding: 0; margin: 0; color: #fff; background-color: #797f59; }
figcaption, div#inhalt .wp-caption p.wp-caption-text{
	font-size:1.8rem;
	padding: 1rem 0 0;
	margin: 0 !important;
	font-family: 'barlowitalic';
}
strong{
	font-family: 'barlowsemibold';
	font-weight:normal;
}
em{
	font-family: 'barlowitalic';
	font-style:normal;
}
strong em, em strong{
	font-family: 'barlowsemibold_italic';
	font-weight:normal;
}

body {
 text-align: center;
}

#container {
 text-align: left;
 margin: 0 auto;
 padding: 0;
 width: 100%;
 background: #fff;
 max-width:1250px;
}
header #banner{
	width:100%;
	height:175px;
	background: url(logo.gif) no-repeat center 40px;
}

#links{
	background: #797f59;
	width:250px;
	float:left;
	min-height: 300px;
	margin-top: 2rem;
}

#inhalt {
	margin-left: calc(250px + 4rem);
	text-align: left;
	min-height: 445px;
	margin-top:2rem;
	margin-right:4rem;
}
.home #inhalt {
	margin-top:0;
	margin-right:0;
	display:-ms-grid;
	display:grid;
	grid-template-columns: calc(100% - 320px - 4rem) 320px;
  	grid-template-rows: auto auto;
}

#metanavi{
  font-size: 1.6rem;
  width:100%;
}

div#metavnavi_container{background: #c60d72; padding: 0.5rem 2rem; display:flex; justify-content:space-between;align-items:center;}
div#metanavi ul { 
	width:100%; 
	text-align: left; 
	margin: 0; 
	list-style: none; 
	line-height: 4rem; 
	display:flex;
	}
div#metanavi li { line-height:4rem;font-family: 'barlowsemibold'; display: inline; margin-right: 2rem; position: relative;}
div#metanavi li.astm-search-menu{
	display:flex;
	align-items:center;
	margin-left:auto;
}
.is-menu a{
	display:flex;
}
.link_bg { background: transparent; color:#666666; margin-right: 10px;}

div#metanavi a {color:#fff;  text-decoration:none; }
div#metanavi a:hover{ 
	color:#d9a1c8; 
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition:    all 0.4s ease-in-out;
	-ms-transition:     all 0.4s ease-in-out;
	-o-transition:      all 0.4s ease-in-out;
	transition:         all 0.4s ease-in-out;
}


div#menu ul { padding: 1rem 0; list-style: none; text-align: left; margin: 0; }
div#menu ul li { margin-bottom: 0; font-size:2rem; }

div#menu a { padding: 0.8rem 2rem; text-decoration:none;color: #ffffff; font-family: 'barlowsemibold'; display: block; }
div#menu a:link, div#menu a:visited { color: #ffffff; }
div#menu a:hover, div#menu a:active, div#menu a:focus{ 
		color: #fff; 
		background: #c60d72; 
		-webkit-transition: all 0.4s ease-in-out;
		-moz-transition:    all 0.4s ease-in-out;
		-ms-transition:     all 0.4s ease-in-out;
		-o-transition:      all 0.4s ease-in-out;
		transition:         all 0.4s ease-in-out;
	}

div#menu .markiert a { color: #fcd787; }

div#metanavi ul.sub-menu{
	display:none;
	padding:1.5rem 2rem;
	margin-top:-1.4rem;
	margin-left:-2rem;
	background-color:#C60D72;
	min-width:190px;
}
div#metanavi li.menu-item-has-children:hover ul.sub-menu{
	display:block;
	position:absolute;
	left:0;
	/*padding-bottom:2rem;*/
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition:    all 0.4s ease-in-out;
	-ms-transition:     all 0.4s ease-in-out;
	-o-transition:      all 0.4s ease-in-out;
	transition:         all 0.4s ease-in-out;
	
}
div#metanavi ul.sub-menu li{
	display:block;
	left:0;
	top:0;
	position:relative;
	padding:0.5rem 0;
}

li.widget { padding-left: 2rem; font-size: 2rem; color: #fff; margin: 0 0 1rem 0; }
li.widget h2 { font-size: 2rem; margin: 1rem; color: #fff; }
li.widget p { margin: 5px; color: #fff; }
li.widget form p { margin: 0; padding: 0; }
li.widget a { padding: 0; }
li.widget form { margin: 0 0 0 5px; padding: 0; font-size: 1.8rem; }
li.widget form input { font-size: 1.8rem; }
li.widget form label { color: #fff; font-weight: normal; }
form#searchform input[type=text] { width: 200px; }
form#searchform input[type=submit] { margin-left:0.5rem; }
form#searchform input[type=submit]:hover { 
	background-color:#aaa; 
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition:    all 0.4s ease-in-out;
	-ms-transition:     all 0.4s ease-in-out;
	-o-transition:      all 0.4s ease-in-out;
	transition:         all 0.4s ease-in-out;
}
label, input[type=text], input[type=checkbox], input[type=radio] {
 font-size: 0.8em;
}
input,textarea { color: #111; background: #fff; }
input[type=submit] { color: #111; background: #fff; clear: both; cursor: pointer; }
label.screen-reader-text { display: none; }


#links ul { list-style: none; }
li.widget_categories { padding-left: 0; font-size: 1em; color: #fff; background: transparent; margin: 0; }
li.widget_categories h2 { display: none; }

li.widget_categories ul { padding: 45px 0 65px 0; list-style: none; text-align: left; margin: -5px 0 0 0; }
li.widget_categories ul li { margin-bottom: 15px; }

li.widget_categories a { padding: 2px 3px 2px 21px; text-decoration:none;color: #ffffff; }
li.widget_categories a:link, li.widget_categories a:visited { color: #ffffff; }
li.widget_categories a:hover, li.widget_categories a:active, li.widget_categories a:focus{ 
		color: #333333; 
		background: transparent; 
		-webkit-transition: all 0.4s ease-in-out;
		-moz-transition:    all 0.4s ease-in-out;
		-ms-transition:     all 0.4s ease-in-out;
		-o-transition:      all 0.4s ease-in-out;
		transition:         all 0.4s ease-in-out;
	}
.link_bg1 {  padding: 2px 3px 2px 21px;color: #cccccc; background: transparent; }


#followandsearch {
  display:flex;
  flex-flow:column wrap;
  align-items:center;
  text-align: right;
  list-style: none;
  position:fixed;
  top:4rem;
  right:0;
}
#followandsearch .textwidget {
  display:flex;
  flex-flow:column wrap;
}
#followandsearch h2 {
  display: none;
}
#followandsearch .widget {
  height: auto;
}
#followandsearch #text-2 {
  padding: 0;
  margin:0;
}
#followandsearch #search-3 {
  padding: 0;
  position: relative;
  margin:0;
}
#followandsearch input {
  border: 0;
  background: #f5f6e8;
  padding:0.3rem 1rem 0.5rem;
}

#commentform input, #commentform textarea {
  border: 0;
  background: #f5f6e8;
  padding:1rem;
  padding: 2rem 2rem 2rem;
  font-size:2rem;
  font-family: 'barlowregular';
}
#commentform input[type=submit] { background: #c60d72; color:#fff;font-family: 'barlowsemibold';}
#commentform input[type=submit]:hover { 
	background: #f5f6e8; 
	color:#c60d72;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition:    all 0.4s ease-in-out;
	-ms-transition:     all 0.4s ease-in-out;
	-o-transition:      all 0.4s ease-in-out;
	transition:         all 0.4s ease-in-out;
}
#rechts1 { 
	width: 320px; 
	margin-left: 4rem;
	-ms-grid-column-start: 2;
	grid-column-start: 2;
	-ms-grid-column-end: 3;
	grid-column-end: 3;
	-ms-grid-row-start: 1;
	grid-row-start: 1;
	-ms-grid-row-end: 2;
 	grid-row-end: 2;
}
.startseiteinhalt {  float: left; width: 420px;  }
.s1news{  text-align: left; margin: 2rem 0 2rem 0; padding: 0; color: #111; background: #f5f6e8; }
.info {color: #fff; background: #c60d72; padding: 1rem 3rem; margin: 0; height: auto; }
.info h2 { font-size: 2rem; color: #fff; text-align: left; position: relative; padding:0;margin:0;}

.clear { clear: both; }
.clearright { clear: right; }

div#inhalt h1, div#inhalt h3, div#inhalt h4, div#inhalt p, div#inhalt ul { margin-top: 1rem; padding: 0; }
div#inhalt h3 { margin-bottom: 1.5rem; font-size:3rem;}
div#inhalt h4 { margin: 3rem 0 2.5rem 0; }
div#inhalt h2 { padding: 1.3rem 0 0 0; }
div#inhalt .info h2{padding:0;}
div#inhalt p { 
	margin-bottom: 2rem;
}
div#inhalt p a { 
   word-wrap:break-word;
}
div#inhalt p.nobreak { white-space:nowrap; }
div#inhalt p.topminus { margin-top: 0.5rem; }
div#footer p { text-align:center; margin-bottom: 0; color:#fff; padding:0; }

div#inhalt .artikelliste p { margin: 0; padding: 0; font-size: 1em; }

div#inhalt div.termin { margin: 25px 20px 0 20px; padding-top: 10px; border-top: #797f59 1px solid; }
div#inhalt div.termin p { padding: 0; }

div#inhalt .metaangaben { margin-top: 30px; width:50%;}
.shariff{width:calc(50% - 2rem);float:right;margin-left:4rem;}

div#inhalt ul { list-style: disc; margin-bottom: 2rem;  }
div#inhalt ul li {
 padding: 0;
 margin: 2rem 0 2rem 3rem;
 font-size: 2rem;
 list-style: none;
}
div#inhalt ul li:before {
	content:'';
	display:inline-block;
	border:2px solid #c60d72;
	background-color:#F5F6E8;
	border-radius:10px;
	width:10px;
	height:10px;
	margin-right:1.5rem;
 	margin-left:-3rem;
 	text-align:left;
}

div#inhalt div.aligncenter { margin: 10px auto 15px auto; text-align: center; }
div#inhalt img.aligncenter { display: block; margin: 10px auto 15px auto; clear:none;}
div#inhalt div.aligncenter p.wp-caption-text { text-align: center; }
div#inhalt div.alignnone, div#inhalt img.alignnone { margin: 2rem 0 2rem; }
div#inhalt div.alignleft, div#inhalt img.alignleft { float: left; margin: 1rem 2rem 2rem 0; }
div#inhalt div.alignright, div#inhalt img.alignright { float: right; margin: 1rem 0 2rem 2rem; }
div#inhalt .wp-caption { padding: 0; margin: 0; }

div#inhalt img.wp-smiley { border: none; }


.druck { font-size: 1.8rem; line-height: 100%; float: right; margin-right: 0; padding: 2rem 0 0; }

div#inhalt .s1news p { font-size: 1.8rem; margin: 0; padding: 1.25rem 2.5rem 0rem; text-align: left; }
div#inhalt .s1news p:last-child { padding-bottom: 1.5rem; }
div#inhalt .s1news a { font-weight: normal; font-family: 'barlowsemibold';color:#111; }


#footer {
 color: #fff;
 background: #c60d72;
 clear: both;
 height: auto;
 padding: 2rem 0;
 margin-top:4rem;
}

.links { float: left; padding-left: 130px; margin-right: 20px; }
.rechts { float: right; margin: 0; padding: 0; width: 14em; }
.back { padding-top: 20px; }
.abstand { padding-top: 15px; }
.err { color: #EA5E00; font-weight: normal; font-family: 'barlowsemibold'; }
.invisible{ display:none; }
.minimum { min-height: 350px; }
.clear { clear: both; }
.versteckt {
left: -2000px;
top: 0;
position: absolute;
color: #111;
background: transparent;
}
.versteckt ul { text-align: left; display: block; font-weight: normal; font-family: 'barlowsemibold'; font-size: 0.8em; }
.versteckt ul li a:focus, div.versteckt ul li a:active {
left: 510px;
top: 3px;
position: absolute;
color: #111;
background: transparent;
width: 200px;
}
div#inhalt p.medien { padding-left: 0; }
div#inhalt p.schmal { width: 90%; }
.mini2 {letter-spacing: -0.1em;}
.mini {font-size: 0.5em;}
.vorspann { letter-spacing: 0.05em; }

div#inhalt h4.termin { margin: 12px 0 20px 0; padding: 0; }

div#inhalt label { display: block; }
div#inhalt form p { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0.7em; }
div#inhalt input[type=text] { width: calc(100% - 4rem); }
div#inhalt textarea { width: calc(100% - 4rem); }
div#inhalt p.kommentarabschicken { clear: both; }

div#inhalt cite.fn { font-style: normal; }
div#inhalt .comment-author { font-weight: normal; font-family: 'barlowsemibold';}
div#inhalt .comment-author span.says { font-family: 'barlowregular'; }
div#inhalt .comment-author { display: inline; }
div#inhalt .commentmetadata { display: inline; float: right; }
div#inhalt .comment em { display: inline; float: right; }
div#inhalt .commentmetadata a:link, div#inhalt .commentmetadata a:active, div#inhalt .commentmetadata a:visited { text-decoration: none; font-style: normal; font-family: 'barlowitalic';}
div#inhalt .commentmetadata a:hover { text-decoration: underline; font-style: normal; font-family: 'barlowitalic'; }
div#inhalt .kommentarliste { margin: 2rem 0 0;  padding: 2rem 0 0; list-style: none; border-top: #797f59 1px solid; }
div#inhalt .kommentarliste li { margin: 0 0 20px 0;  padding: 0 0 20px 0; border-bottom: #797f59 1px solid; }
div#inhalt .kommentarliste li:before{display:none;}
div#inhalt .kommentarliste p { margin: 8px 0 0 0; padding: 0; font-size: 1em; }

.stickypost { 
	margin:0 0 4rem; 
}
.home-content { 
	-ms-grid-column-start: 1;
	grid-column-start: 1;
	-ms-grid-column-end: 2;
	grid-column-end: 2;
	-ms-grid-row-start: 1;
	grid-row-start: 1;
	-ms-grid-row-end: 2;
  	grid-row-end: 2;
  	margin-top:2rem;
}
.stickypostende { margin: 4rem 0; border-bottom: #797f59 1px solid; }
.zaehlmarke { display: inline; }
div#inhalt .zaehlmarke img { display: inline; border: none; }

/* Social Media-Buttons */

#inhalt div.sharedaddy {
	width: 150px;
	float: right;
	margin: 0;
	padding: 0;
}
#inhalt div.sharedaddy div.sd-block {
	padding: 18px 0 0 0;
	border-top: none;
}

#inhalt .share {
  float: right;
  width: 180px;
  margin: -6px 0 0 10px;
  padding: 0;
  overflow: hidden;
}

#inhalt .share li {
  float: right;
  width: 80px;
  list-style: none;
  margin: 10px 10px 0 0;
  padding: 0;
}

#inhalt .share a,
#inhalt .share a:visited {
  background: #f5f6e8;
  color: #111;
  text-decoration: none;
  display: block;
  text-align: center;
  border-radius: 3px;
  padding: 4px 0;
}

#inhalt .share-facebook a,
#inhalt .share-twitter a,
#inhalt .share-facebook a:visited,
#inhalt .share-twitter a:visited {
  color: #fff;
}

#inhalt .share-facebook a,
#inhalt .share-facebook a:visited {
  background: #3b5998;
}

#inhalt .share-twitter a,
#inhalt .share-twitter a:visited {
  background: #00acee;
}

#inhalt .share a:hover,
#inhalt .share a:focus,
#inhalt .share a:active {
  opacity: 0.8;
  -webkit-transition: all 0.4s ease-in-out;
	-moz-transition:    all 0.4s ease-in-out;
	-ms-transition:     all 0.4s ease-in-out;
	-o-transition:      all 0.4s ease-in-out;
	transition:         all 0.4s ease-in-out;
}

.wp-block-image{
	margin-bottom:2rem !important;
}

.wp-block-image .aligncenter {
    clear:none;
}


/* Newsletter */

body.newsletter div#inhalt { padding: 0 20px; }
body.newsletter div#inhalt h1, body.newsletter div#inhalt h2, body.newsletter div#inhalt h3, body.newsletter div#inhalt h4, body.newsletter div#inhalt p, body.newsletter div#inhalt ul { padding-left: 0; padding-right: 0; }
body.newsletter div#inhalt h2 { margin-bottom: 20px; }
body.newsletter div#inhalt { text-align: left; font-size: 0.8em; }
body.newsletter div#inhalt p { font-size: 1em; }
font.required, .poweredphplist { display: none; }
body.newsletter table { margin: 10px 0; }

@media handheld, only screen and (max-width: 1024px) {
	.home-content {
	    -ms-grid-column-start: 1;
	    grid-column-start: 1;
	    -ms-grid-column-end: 2;
	    grid-column-end: 2;
	    -ms-grid-row-start: 2;
	    grid-row-start: 2;
	    -ms-grid-row-end: 3;
	    grid-row-end: 3;
	    margin-top: 2rem;
	    margin-right:4rem;
	}
	.home #inhalt{
		grid-template-columns: 100%;
  		grid-template-rows: auto auto;
	}
	
	#rechts1 {
	    width: calc(100% - 4rem);
	    margin-left: 0;
	    margin-right:4rem;
	    -ms-grid-column-start: 1;
	    grid-column-start: 1;
	    -ms-grid-column-end: 2;
	    grid-column-end: 2;
	    -ms-grid-row-start: 1;
	    grid-row-start: 1;
	    -ms-grid-row-end: 2;
	    grid-row-end: 2;
	}
}
@media handheld, only screen and (max-width: 900px) {
	html{
		font-size:55%;
	}
	div#inhalt .metaangaben {
	    width: 100%;
	}
	.shariff {
	    width: 100%;
	    float: none;
	    margin-left: 0;
	}
	.shariff.shariff-align-flex-end ul {
	    justify-content: flex-start !important;
	    align-items: flex-start !important;
	}
	div#metavnavi_container {
	    background: transparent !important;
	    padding: 0;
	    display: block;
	}
	#followandsearch {
	    right: auto;
	    top:0.5rem;
	    left:4rem;
	}
	#followandsearch .textwidget {
	    display: flex;
	    flex-flow: row wrap;
	}
	#followandsearch .textwidget a {
	    margin-right:0.5rem;
	}
		#responsive-menu-container #responsive-menu-title {
	    font-family: 'droid_serifitalic';
	    font-size: 3rem;
	}
	#responsive-menu-container li.responsive-menu-item.anker-page a {
	    background-color:#797f59 !important;
	    color:#fff !important;
	    border-color:#797F59 !important;
	}
	#responsive-menu-container li.responsive-menu-item.anker-page a:hover,
	#responsive-menu-container li.responsive-menu-item.anker-page .responsive-menu-current-item a {
	    background-color:#C60D72 !important;
	    color:#fff !important;
	    border-color:#C60D72 !important;
	}
	#responsive-menu-container li.responsive-menu-item.markiert a,
	#responsive-menu-container li.responsive-menu-item.markiert a:hover,
	#responsive-menu-container li.responsive-menu-item.markiert.responsive-menu-current-item a{
		color:#fcd782 !important;
	}
	#inhalt {
	    margin-left: 4rem;
	    margin-right:4rem;
	}
	button#responsive-menu-button{
		z-index:100000 !important;
	}
	#responsive-menu-container #responsive-menu-title {
	    padding: 25px 5%;
	}
	.responsive-menu-open button#responsive-menu-button.is-active{
		padding-top:3.5%;
		-webkit-transition: all 0.4s ease-in-out;
		-moz-transition:    all 0.4s ease-in-out;
		-ms-transition:     all 0.4s ease-in-out;
		-o-transition:      all 0.4s ease-in-out;
		transition:         all 0.4s ease-in-out;
	}
	header{
		border-bottom:5px solid #C60D72;
		border-top:40px solid #C60D72;
	}
	#responsive-menu-container #responsive-menu li.responsive-menu-item a:hover .responsive-menu-subarrow {
	    border-right-color:#c60d72 !important;
	}
}
@media handheld, only screen and (max-width: 650px) {
	header #banner {
	   background-size:contain;
	   height:170px;
	   margin:2rem;
	   width: calc(100% - 4rem);
	   background-position:center;
	}
}
@media handheld, only screen and (max-width:400px) {
	header #banner {
	   height:110px;
	   background-position:center;
	}
	#inhalt {
	    margin-left: 2rem;
	}
	.home-content{
		margin-right:2rem;
	}
	.wp-block-image .aligncenter {
	    margin-left: 0;
	    margin-right: 0;
	}
	#inhalt img{
		border:0;
	}
	#attachment_30{
		width:100% !important;
	}
	#rechts1 {
	    width: calc(100% - 2rem);
	    margin-right: 2rem;
	}
	#footer {
	    padding: 2rem;
	}
}