/*****
Theme Name: MH Magazine Child
Theme URI: https://www.mhthemes.com/themes/mh/magazine/
Author: MH Themes, Child Theme: Matthias Luh, Thomas Rinneberg
Author URI: https://www.mhthemes.com/
Template: mh-magazine
Description: MH Magazine is a clean, modern and fully responsive premium magazine WordPress theme for blogs, online magazines, news websites and other editorial projects. The theme includes useful page templates, several custom widgets and advanced theme options including colorpickers with unlimited colors to create your own color scheme.
Version: 3.9.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mh-magazine-child
Domain Path: /languages/
Tags: one-column, two-columns, left-sidebar, right-sidebar, flexible-header, custom-background, custom-colors, custom-header, custom-menu, custom-logo, featured-images, footer-widgets, theme-options, threaded-comments, full-width-template, post-formats, translation-ready, rtl-language-support, blog, entertainment, news
*****/

/* Platz für 2-stellige Nr. in Aufzählungen schaffen */
.ref li {
	margin-left: 4px;
}

.post .entry-content.clearfix>p.invers,
.post .entry-content.clearfix>p.invers>a
{
	background-color: #0965c8;
	color:#fff;
	width: fit-content;
}

/* Schriftgröße "Letzte Aktualisierung" */
.last-modified {
	font-size: 13px;
}

/* Schriftgröße + Abstand der Tags am Seitenende auf kl. Bildschirmen */
@media only screen and (max-width: 665px) {
	.mh-wrapper {
		padding:8px;
	}
	.entry-tags {
		font-size: .70rem;
	}
	.entry-tags .li, .entry-tags i.fa {
	line-height: 8px;
	margin-right: 10px;
	}
	.entry-tags li, .entry-tags i.fa {
	line-height: 8px;
	margin-right: 10px;
	margin-bottom:10px;
	}
	.entry-tags li a {
	padding-left: 10px;
	padding-right: 10px;
	}
}

/* Footer, 4. Spalte */
#custom_html-7 {
	margin-bottom: 0;
}

/* ========== EEC-Style für Tabellen ==========
 *	
 *	Damit die nachfolgenden Styles angewendet werden, 
 *	müssen Tabellen in ein DIV mit der Klasse 'table-wrap'
 *	eingefasst sein.
 *  Wird die Tabelle mit dem Widget eingefügt, sind am Ende
 *  alle Tabelleneigenschaften (Breite, usw.) zu entfernen.
 *
 *  Die 1. Tabellenspalte ist standardmäßig linksbündig ausgerichtet,
 *	alle weitern Spalten zentriert.
 *
 *  Dem umschließenden DIV können folgende weitere Klassen hinzugefügt werden:
 *
 *	Klasse					|		
 *	================+======================================================
 *	zebra-striped		|	Jede 2. Zeile wird farbig hinterlegt.
 *	default-right		|	Alle Spalten (außer der 1. Sp.) werden rechtsbündig 
 *									|	ausgerichtet.
*/
.table-wrap {
	text-align: -webkit-center;
}
.table-wrap table {
	width:auto;
	border: 1.1px solid #d5d9e8;
}
.table-wrap table th {
	background-color:#0965c8;
	color:#fff;
}
.table-wrap.zebra-striped table tbody tr:nth-child(even) {
	background-color:#d5d9e8;
}
.table-wrap table td {
	text-align:center;
}
.table-wrap.default-right table td {
	text-align:right;
}
.table-wrap table tbody tr th:first-child {
	text-align:left;
}
.table-wrap table tbody tr td:first-child {
	text-align:left;
}

/* YouTube-Videos in voller Breite anzeigen */
.video-container.youtube {
	position: relative;
  width: 100%;
  padding-bottom: 56.25%;
}
.yt-video {
	position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;	
}

/* Schatten um Bilder */
#main-content .box-shadow {
	-webkit-box-shadow: 3px 3px 8px 3px rgba(0,0,0,0.6);
	-moz-box-shadow: 3px 3px 8px 3px rgba(0,0,0,0.6);
	box-shadow: 3px 3px 8px 3px rgba(0,0,0,0.6);
}

/* Bilder etwas verkleinern, damit der linke Rand sichtbar wird */
#main-content .size-full-reduced {
	width: 98%;
	height: auto;
}

#main-content .box-shadow-reduced {
	margin-top: 3px;
	margin-left: 3px;
	-webkit-box-shadow: 3px 3px 8px 3px rgba(0,0,0,0.6);
	-moz-box-shadow: 3px 3px 8px 3px rgba(0,0,0,0.6);
	box-shadow: 3px 3px 8px 3px rgba(0,0,0,0.6);
	width: 98%;
	height: auto;
}

#main-content .box-shadow-reduced figure {
		margin: 10px 0 10px 0;
    padding-top: 0px;
    padding-bottom: 0px;    
    line-height: 0;	
}





/* ==== Donate-Box stylen ==== */
hr.donate_box {
	max-width: 300px;
}
hr.donate_box.before {
	margin-top: 20px;
}
hr.donate_box.after {
	margin-bottom: 20px;
}
#donate-box-container {
  max-width: 500px;
  margin: 16px auto;
  background-color: #1988FF;
  color: #fff;
  padding: 10px;
  
  /* Hintergrundbild */
  background-image: url(/wp-content/uploads/2021/10/Moebiusband-EEC_400px.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-blend-mode: soft-light;
}
#donate-box-container h3 {
	margin-bottom: 4px;
}

#donate-box-container h3,
#donate-box-container a {
  color: #fff;
  transition: 0.25s ease-out;
}
#donate-box-container table {
	border-collapse: collapse; 
	width: 100%;
	margin-bottom: 4px;
}
#donate-box-container td {
	width: 50%;
	text-align: center;
}
#donate-box-container .btn {
  font-weight: 600;
}
#donate-box-container .btn:hover {
  background-color: #0965C8;
  text-decoration: none;
}

#donate-box-container table,
#donate-box-container td {
	border-style: none;	
}
#donate-box-container .btn {
	background-color: #FF4233;
	padding: 6px 20px;	
}
    
/* On small screens */
@media only screen and (max-width: 402px) {
	#donate-box-container tr {
		display: flex; 
		flex-direction: row;
		flex-wrap: wrap;		
	}
	#donate-box-container td {
		width: 100%; 
	}
	#donate-box-container table td:last-of-type {
		margin-top: 12px;
	}
}

/* Adjustments because of print button */
.pdfprnt-bottom-right img {
	margin-right: 16px;
}

@media only screen and (min-width: 666px) {
	.pdfprnt-buttons.pdfprnt-bottom-right{
	  width: 100%;
	  /* height: 100%; */
	  position: absolute;
	  left: 0;
	}
	.db_post_end #donate-box-container {
		position: relative;
	  z-index: 10;
	}
}
    
/* ==== Tabelle auf SharePic-Seite stylen ==== */
.tblSharePics th {
	text-align: left;
	font-style: italic;
  background: #0965C8;
  color: white;
}
#main-content .tblSharePics td>figure {
	margin-top: 0;
}
.tblSharePics td {
	vertical-align: top;
	padding: 10px;
}

/* Zebra striping */
.tblSharePics tr:nth-of-type(odd) { 
  background: #ebebeb; 
}

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

	/* Force table to not be like tables anymore */
	.tblSharePics, .tblSharePics thead, .tblSharePics .tblSharePics tbody, .tblSharePics th, .tblSharePics td, .tblSharePics tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	.tblSharePics thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	.tblSharePics tr { 
		border: 1px;
		solid #ccc;
		margin-bottom: 15px;
	}
	
	.tblSharePics td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #ccc; 
		position: relative;
		/* padding-left: 50%; */
	}

	
	/* Label the data */
	.tblSharePics td:nth-of-type(2):before { content: "Langer Text: "; font-weight: 600; color: 0965C8; }
	.tblSharePics td:nth-of-type(3):before { content: "Kurzer Text: "; font-weight: 600; color: 0965C8; }
	
}




/* ========== Seitenspezifische Styles ========== */

/* Lug & Trug in der Automobilindustrie: kein Inhaltsverzeichnis! */
.postid-2395 .lwptoc {
	display: none;
}

/* Kein Beitragsbild */
.postid-5693 .entry-thumbnail {
	display: none;
}
.postid-5848 .entry-thumbnail { /* Atomkraft: Zweifelhafte Wiederbelebungsversuche */
	display: none;
}


.postid-6395 .entry-thumbnail {	/* Interaktive Grafiken */
	display: none;
}

/* online-Energieberatung: PDF-Button verstecken */
.page-id-6853 .pdfprnt-buttons {
	display: none;
}

/* Newsletter-Admin-Pages */
.page-id-8895 .pdfprnt-buttons {
	display:none;
}

#mailing-administration, #mailing-lists {
    background-color: #0965c8;
    border-radius: 6px;
    padding: 16px;
    padding-bottom: 1px;
}
#mailing-administration label {
	font-size:16px;
}
#mailing-administration option,
#mailing-administration input[type="text"],
#test-adressen label {
	font-size:15px;
}

#mailing-administration p{
	font-size:15px;
	padding-top:20px;
}

/* Buttons */
.page-id-8895 .button {
    background-color: #001a4b;
    color: #ffffff;
    border-color: #000829;
    font-size:20px;
    padding: 9px 22px;
    cursor: pointer;
    border: none;
    -webkit-appearance: none;
}
.page-id-8895 .add-email-address:hover {
    color: #6494ed;
    border-color: #4272cb;
}
.page-id-8895 input.button {
    border-radius: 4px;
}
.page-id-8895 input.button:hover{
	background-color: #6494ed;
  border-color: #4272cb;
}

.page-id-8895 .avia_codeblock select, 
.page-id-8895 .avia_codeblock input[type='text'] {
	background-color: rgb(232, 240, 254) !important;
}
.page-id-8895 #subject {
	width: 96%;
}

.page-id-8895 .av-special-heading-tag {
	color: white;
}

.page-id-8895 .main_color .tabcontainer .tab.active_tab  {
	color: white !important;
}

.page-id-8895 a.add-email-address {
	color:white;
}


#mailing-preview td, #mailing-preview th {
	background: white;
} 
.page-id-8895 .av-special-heading .special-heading-inner-border {
  border-top-color: #fff;
  border-top-width: 2px !important;	
}

#main-content #test-adressen {
	list-style-type: none;
	margin-left: 10px;
}

#test-adressen li {
	margin: 0;
	line-height: 28px;
}
#test-adressen input{
	width:auto;
	margin:6px 10px 6px 0;
}

/* Alle Checkboxen ein wenig vergrößern, Hand bei Mouseover */
#test-adressen input[type="checkbox"] {
	transform: scale(1.2);
	cursor: pointer;
}
#test-adressen label {
	cursor: pointer;
}

.add-email-address {
	cursor: pointer;
}
.page-id-8895 .button:disabled {
	background: lightgray;
	cursor: auto;
}

.page-id-8895 .form-group {
    width: 42%;
    clear: both;
    margin-right: 20px;
    display: inline-grid;
}

/* IFRAME stylen */
.page-id-8895 iframe{
    overflow:hidden;
    width:0;
    height:0;
    display:block;
    margin: 0 auto;
    padding: 8px;
    border: 2px solid;
}

/* PopUp stylen */
.mfp-content .form_element{
	margin-bottom:20px;
}
.mfp-content .form_element .textarea_label{
	margin-right: 14px;
}
.mfp-content .form_element input[name="test-address"]{
	width: 300px;
}
.mfp-content p.form_element {
	margin-bottom:0;
}

/* === Unsubscribe page === */
.page-id-9067 #main .entry-content-wrapper .content {
	padding-top: 0;
}
.page-id-9067 #unsubscribe_success,
.page-id-9067 #already_unsubscribed,
.page-id-9067 #not_found,
.page-id-9067 #invalid_call {
	display:none;
}
.page-id-9067 #unsubscribe_success .info-success {
	background-color: #d4edda;
	padding: 10px;
	font-size: 1.1rem;
}

.page-id-9067 #already_unsubscribed p {
	background-color: #fff3cd;
	padding: 10px;
	font-size: 1.1rem;
}
.page-id-9067 #not_found p {
	background-color: #f8d7da;
	padding: 10px;
	font-size: 1.1rem;
}
.page-id-9067 #invalid_call p {
	background-color: #f8d7da;
	padding: 10px;
	font-size: 1.1rem;
}

#frmReason .first_form{
	margin: 6px 0;	
}
#frmReason input[type="radio"] {
	transform: scale(1.2);
	cursor: pointer;
  display: inline;
	position: relative;
	margin-right: 4px;
  top: -2px;
  left: -4px;
}
#frmReason label {
	cursor: pointer;
}

#main-content #frmReason .text_area {
	background-color: rgb(190,220,250);
	margin-left: 24px;
	margin-top:2px;
	padding-top: 0;
}
@media screen and (min-width: 900px) {
	#frmReason {
		padding-left: 50px;
		padding-right: 50px;
	}
}
#frmReason #send_btn {
	padding: 8px 20px;
	border-radius: 4px;
	min-width: unset;
	margin-left: 24px;
	cursor: not-allowed;
	font-size: 20px;
	padding: 9px 22px;
	border: none;
	-webkit-appearance: none;
}
#frmReason #send_btn:hover:not(:disabled) {
	background-color: #001a4b;
	color: #ffffff;
	border-color: #000829;
}

.page-id-9067 .thank-you {
	margin-left: 24px;
	display: none;
	font-weight: 600;
  font-size: 20px;
}

.page-id-9067 .pdfprnt-buttons {
	display:none;
}