/*
 Theme Name:   GeneratePress Child
 Description:  GeneratePress Child Theme
 Author:       Pixelpolka
 Author URI:   https://www.pixelpolka.de
 Template:     generatepress
 Version:      1.0
 Text Domain:  generatepress-child
*/





/* =================================================== BASICS =================================================== */


/* GeneratePress Site CSS */ .single .comments-area {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 40px;
    padding-right: 40px;
	 margin-bottom:200px !important;
}

@media(max-width:767px) {
	.hero-bg-image-container:before {
	    background-position: center bottom;
	    background-size: 95% auto;
	}
	.single .comments-area {
		padding-left: 20px;
	    padding-right: 20px;
		margin-bottom:100px !important;
	}
} /* End GeneratePress Site CSS */


/* --- Basics --- */

body, html {
	line-height: calc(22px + .2vw) !important;
}

.hidden {
	display: none;
}

.site-content {
	min-height: 80vh;
}


/* ---- Navigation ---- */

.main-navigation {
	background-color: transparent;
}
.main-navigation.is_stuck {
	background-color: var(--accent);
}

.main-nav .sub-menu {
	width: 340px;
}

.main-nav .sub-menu li a {
	line-height: 1.4 !important;
}

.main-navigation .main-nav ul li a {
	padding-right: 0;
}

.site-footer .sub-menu .menu-item {
	list-style: square;
}

#menu-impressum-und-datenschutz li:nth-of-type(1) {
	border-right: 1px solid var(--base-3);
	padding-right: 20px;
}

#primary-menu a,
#secondary-navigation a {

}

#primary-menu .current-menu-item a,
#primary-menu a:hover,
#secondary-navigation .current-menu-item a,
#secondary-navigation a:hover {
	text-decoration: underline;
}

.menu-bar-item a[role="button"] {
	display: flex;
}

/* --------- Hero ---------- */


.site-header {
	background: linear-gradient(360deg, var(--global-color-9) 0%, var(--accent) 100%) !important;
}

.page-hero {
	min-height: 35vh !important;
}


/* ------ Links ------ */

a {
 text-underline-offset: 0.18em;
}
.site-footer a {
	text-decoration: none;
}
.site-footer a:hover {
	text-decoration: underline;
}

.wp-block-read-more::after {
	content: ' …';
}

.entry-title > a {
	color: var(--accent);
}

.entry-title > a:hover {
	text-decoration: underline;
	color: var(--global-color-8);
}

/* ---- Überschriften ---- */

h1, h2, h3 {
	hyphens: auto;
	text-wrap: balance;
}

h1 {
	font-size: calc(1.8rem + 2vw);
	line-height: calc(1em + 0.1vw);
}

h2 {
	font-size: calc(1.3rem + .4vw) !important;
	line-height: calc(1.2em + 0.05vw);
}

h3 {
	font-size: calc(1.2rem + .3vw) !important;
	line-height: calc(1.3em + 0.2vw);
}

.entry-title {
	margin-top: 4vw;
}

.untertitel {
	font-weight: 600;
	font-size: 1.2rem;
	line-height: 1.4;
}

.single	.untertitel {
	margin-bottom: 4rem;
}

.unterrichtsentwurf h2,
p + h2 {
	margin-top: 60px;
}

.unterrichtsentwurf h3 {
	margin-top: 50px;
}

/* nummerierte Zwischenüberschriften */

body {
	counter-reset: ebene1;
}

.unterrichtsentwurf h2:before {
  content: counter(ebene1) ". ";
  counter-increment: ebene1;
}
.unterrichtsentwurf h2 {
	counter-reset: ebene2;
	text-indent: -1.1em;
  margin-left: 1.1em;
}

.unterrichtsentwurf h3:not(.no-counter):before {
    content: counter(ebene1) "." counter(ebene2) " ";
    counter-increment: ebene2;
}
.unterrichtsentwurf h3:not(.no-counter) {
	counter-reset: ebene3;
}
.unterrichtsentwurf h2 br {
	display: none !important;
}

/* -------- Zitate ---------- */

blockquote {
	line-height: 1.4;
}

/* ------- Listen --------- */

.single-unterrichtsidee ul.wp-block-list li {
	list-style: square;
	margin-bottom: 1.5rem;
}

.entry-content ul.wp-block-list {
	margin-left: 1em;
}

.single-unterrichtsidee .entry-content ul.wp-block-list {
	margin-left: 2.5em !important;
}

.bold-line {
	margin-top: 2.3em;
	margin-bottom: .7em;
}

.footer-widget-3 {
	font-size: 1rem;
	line-height: 1.3;
}


/* ------ Teaser --------- */

body:not(.home) .gb-query-loop-wrapper {
	margin-top: calc(2rem + 2vw);
}

.gb-query-loop-item h2 a {
	text-decoration: none;
	hyphens: auto;
}
.gb-query-loop-item h2 a:hover {
	text-decoration: underline;
}

.gb-query-loop-item h2 {
	margin-bottom: 1rem;
	hyphens: auto;
}
.gb-query-loop-item .wp-block-read-more {
	text-decoration: underline;
}

body:not(.home, .page-child) .entry-content {
	margin-top: calc(2em + 4vw)
}

/*
.section-unterrichtsentwuerfe {
	padding-top: calc(2em + 4vw)
}
*/

[class*="teaser-"] [class*="teaser-"] {
	padding: 20px 20px 15px;
	flex-grow: 1;
}


.teaser-raster {
	margin-top: 8rem;;
}

.teaser-raster > .wp-block-column {
	display: flex;
	flex-direction: column;

}
[class*="-invers"] * {
	color: #fff !important;
}
.teaser-hellgrau {
	background-color: var(--base);
}
.teaser-grau {
	background-color: var(--contrast-3);
}

.teaser-blau-invers {
	background-color: var(--accent);
}

.teaser-dunkelblau-invers {
	background-color: var(--global-color-9);
}
.teaser-hellblau-invers {
	background-color: var(--global-color-8);
}

.teaserbild {
	width: 100%;
	min-height: 200px;
	max-height: 230px;
	object-fit: cover;

}


/* ---------------------- Unterrichtsideen ---------------------- */


.teaser-unterrichtsideen {
	display: grid;
	margin-bottom: 3rem;
}

.teaser-unterrichtsideen:nth-of-type(1) {
	margin-top: 5rem;
}


.teaser-unterrichtsideen h2 a {
	text-decoration: none;
}

.teaser-unterrichtsideen h2 a:hover {
	text-decoration: underline;
}

.teaser-unterrichtsideen ul {
	margin-left: 0;
}
.teaser-unterrichtsideen ul li {
	list-style-type: none;
}

@media (min-width: 700px) {
	.teaser-unterrichtsideen {
		grid-template-columns: 66% 33%;
	}
}


/* ---------- Buttons ------------ */

a.wp-block-file__button,
a.wp-block-file__button:hover {
	color: #fff;
}


/* ----- Tabelle ------- */

.unterrichtsentwurf table {
	hyphens: auto;
}
th:not(.narrow-column), td:not(.narrow-column) {
	min-width: 120px;
}

thead tr {
	vertical-align: bottom;
}
th {
	text-align: left;
}

tbody tr {
	vertical-align: top;
}


/* ---- Literaturverzeichnis ---- */

.literaturverzeichnis > ul{
	text-indent: -2em;
	margin-left: 2em;
}
.literaturverzeichnis > ul > li {
	list-style-type: none !important;
	margin-bottom: 1.2em;
}
.literaturverzeichnis > ul > li > ul {
	text-indent: 0;
	margin-left: 0;
}
.literaturverzeichnis > ul > li > ul > li  {
	list-style: square;
	margin-bottom: 0 !important;
}
.literaturverzeichnis p {
	margin-top: 2.3em;
	margin-bottom: .7em;
}


/* ------- Fußnoten ------ */
p sup {
	margin-left: -.1em;
  padding-right: .2em;
}
p sup a {
	text-decoration: none;
}

a.footnote-back-link {
	text-decoration: none;
}
ol.footnotes {
	max-width: 1200px;
  padding: 0 1vw 100px 1vw;
  margin-right: auto;
  margin-left: auto;
	line-height:1.3;
}
ol.footnotes .footnote {
	margin-bottom: .8em;
}

.ui-tooltip-content {
	font-size: .9rem;
	line-height: 1.3;
}

/* Inhaltsverzeichnis */
.page-id-28 .ez-toc-sticky {
	display: none !important;
}

.ez-toc-open-icon {
	top: 160px !important;
}
.ez-toc-title-container {
	padding-bottom: .5rem;
}
#ez-toc-container {
	padding: 1em 1.5em 1em 1em;
}

.ez-toc-counter nav ul li a::before,
.ez-toc-sticky-toggle-counter nav ul li a::before {
	text-align: right;
	margin-right: .5em !important;
}



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

#footer-widgets {
	background: linear-gradient(360deg, var(--global-color-9) 0%, var(--accent) 100%);
}

.footer-widget-1 aside:nth-of-type(2) {
	margin-bottom: 1rem;
	font-size: 32px;
	line-height: 1;
	font-weight: bold;
}
.footer-widget-1 aside:nth-of-type(3) {
	font-size: 22px;
}


.footer-widget-2 {
	display: flex;
	flex-wrap: wrap;
    align-items: center;
    align-content: flex-start;
    padding-left: 2rem;
}

.footer-widget-1 {
	max-width: 390px;
}
.footer-widget-3 {
	max-width: fit-content;
}

@media (max-width: 767px) {
	.footer-widget-1 {
		padding-bottom: 2rem;
		border-bottom: 1px solid var(--base-3);
		max-width: unset;
	}
	.footer-widget-2 {
		gap: 1.5rem;
		padding-left: unset;
		padding-bottom: 2rem;
		border-bottom: 1px solid var(--base-3);
	}
	.footer-widget-2 .widget {
		margin-bottom: 0;
	}
}



/* ================================================================================ */




/* --- Mobil-Anpassungen ------ */

@media (max-width: 500px) {
	p {
		hyphens: auto;
	}
	a.wp-block-file__button {
		margin-top: 1rem;
	}
}

/* ----- Tabellen --------- */

@media
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {

	table, thead, tbody, th, td, tr {
		display:block;
		border: none !important;
		background-color: var(--base-3);
	}

	table, tbody {
		padding-bottom: 2rem;
		background-color: var(--base-2);
	}

	thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	tr {
	  margin-bottom: 1rem;
	}

	td {
		border-bottom: 1px solid #000 !important;
		border-left: 1px solid #000 !important;
		border-right: 1px solid #000 !important;
		position: relative;
		padding-left: 35% !important;
	}
	td:nth-of-type(1) {
		border-top: 1px solid #000 !important;
	}

	td:before {
		position: absolute;
    top: 10px;
    left: 6px;
    width: 35%;
    padding-right: 10px;
    display: inline-block;
    font-weight: 600;
    hyphens: auto;
		font-size: .9rem;
		letter-spacing: -.02rem;
		line-height: 1.3;
	}

	/*
	Label the data
	*/

	.page-id-497 td:nth-of-type(1):before { content: "Phase"; }
	.page-id-497 td:nth-of-type(2):before { content: "Ziel"; }
	.page-id-497 td:nth-of-type(3):before { content: "Sozialform"; }
	.page-id-497 td:nth-of-type(4):before { content: "Mittel"; }
	.page-id-497 td:nth-of-type(5):before { content: "Inhalte/Schwerpunkte"; }
	.page-id-497 td:nth-of-type(6):before { content: "Zeit"; }



	.page-id-436 td:nth-of-type(1):before { content: "Zeit"; }
	.page-id-436 td:nth-of-type(2):before { content: "Situation"; }
	.page-id-436 td:nth-of-type(3):before { content: "Lehrhandlungen / Lernumgebung"; }
	.page-id-436 td:nth-of-type(4):before { content: "Material, Medien, Sozialform"; }


	.page-id-13 td:nth-of-type(1):before { content: "Zeit"; }
	.page-id-13 td:nth-of-type(2):before { content: "Phasen u. Sozialform"; }
	.page-id-13 td:nth-of-type(3):before { content: "Inhalt, Methode, Organisation, Differenzierung"; }
	.page-id-13 td:nth-of-type(4):before { content: "Medien"; }


	.page-id-595 .tabelle-7 td:nth-of-type(1):before { content: "Aufgabe"; }
	.page-id-595 .tabelle-7 td:nth-of-type(2):before { content: "M3 1."; }
	.page-id-595 .tabelle-7 td:nth-of-type(3):before { content: "M3 2."; }
	.page-id-595 .tabelle-7 td:nth-of-type(4):before { content: "M4 1."; }
	.page-id-595 .tabelle-7 td:nth-of-type(5):before { content: "M4 2."; }

	.page-id-595 .tabelle-8 td:nth-of-type(1):before { content: "Zeit"; }
	.page-id-595 .tabelle-8 td:nth-of-type(2):before { content: "Inhalt und L-SuS-Interationen"; }
	.page-id-595 .tabelle-8 td:nth-of-type(3):before { content: "Medien / Materialien"; }
	.page-id-595 .tabelle-8 td:nth-of-type(4):before { content: "Sozialform"; }

}

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

.page-id-648 table,
.page-id-648 thead,
.page-id-648 tbody,
.page-id-648 th,
.page-id-648 td,
.page-id-648 tr {
		display:block;
		border: none !important;
		background-color: var(--base-3);
	}

.page-id-648 table,
.page-id-648 tbody {
		padding-bottom: 2rem;
		background-color: var(--base-2);
	}

.page-id-648 thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

.page-id-648 tr {
	  margin-bottom: 1rem;
	}

.page-id-648 td {
		border-bottom: 1px solid #000 !important;
		border-left: 1px solid #000 !important;
		border-right: 1px solid #000 !important;
		position: relative;
		padding-left: 35% !important;
	}
.page-id-648 td:nth-of-type(1) {
		border-top: 1px solid #000 !important;
	}

.page-id-648 td:before {
		position: absolute;
    top: 10px;
    left: 6px;
    width: 35%;
    padding-right: 10px;
    display: inline-block;
    font-weight: 600;
    hyphens: auto;
		font-size: .9rem;
		letter-spacing: -.02rem;
		line-height: 1.3;
	}

	.page-id-648 td:nth-of-type(1):before { content: "Phase / Zeit"; }
	.page-id-648 td:nth-of-type(2):before { content: "Ziele"; }
	.page-id-648 td:nth-of-type(3):before { content: "Inhalte"; }
	.page-id-648 td:nth-of-type(4):before { content: "Methoden"; }
	.page-id-648 td:nth-of-type(5):before { content: "Interaktion"; }
	.page-id-648 td:nth-of-type(6):before { content: "Material"; }
	.page-id-648 td:nth-of-type(7):before { content: "Begründung"; }


}

@media (min-width: 900px) and (max-width: 2000px) {
		.page-id-648 table {
		 font-size: calc(.75rem + .2vw);
    line-height: 1.3;
	}
	th:not(.narrow-column), td:not(.narrow-column) {
		min-width: 9vw
	}

}

/* ============================================ Mitgliederbereich =================================== */

.um a.um-button,
.um a.um-button.um-disabled:active,
.um a.um-button.um-disabled:focus,
.um a.um-button.um-disabled:hover,
.um input[type=submit].um-button,
.um input[type=submit].um-button:focus,
.um .um-button.um-alt,
.um input[type=submit].um-button.um-alt {
	background: var(--accent) !important;
	color: #fff !important;
}


.um-form-container {
	max-width: 450px;
}


.inside-right-sidebar .wp-block-group__inner-container {
	padding: 40px;
	background-color: var(--base-3);
}
.inside-right-sidebar .widget {
	margin-top: calc(2em + 4vw);
	padding: unset;
}

/*
.um-field-area-password input[type="password"] {
	position: relative !important;
}
.um-field-area-password input[type="password"]::after {
	content: 'Ihr Passwort muss aus mindestens 8 Zeichen bestehen und mindestens einen Kleinbuchstaben, einen Großbuchstaben und eine Zahl enthalten.';
    min-height: 200px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    outline: 1px solid red;
}
*/

#passwort_hinweis {
    resize: none;
    background-color: transparent;
    border: none !important;
    padding: 0 !important;
}


.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

/* =========================================== Blog ================================================= */

.blog .generate-columns-container article {
	padding-bottom: 40px !important;
}