/* 
Theme Name: Twenty Twelve Child 
Theme URL: https://relaunch.eichelgartenschule.de
Description: Twenty Twelve Child 
Theme Author: I.D.E.E. Susanne Zöller
Author URL: https://idee-im-web.de.de
Template: twentytwelve 
Version: 1.0.0 
Text Domain: twentytwelve-child 
*/
/* GENERELL */
html, body {
	font-size: 100%;
	padding: 0;
	margin: 0;
}
a {
	text-decoration: none;
}
/* TRENNER */
.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
	width: 100%;
}
hr {
	background-color: #cc1a0c;
}
/* SCHRIFTARTEN */
@font-face {
	font-family: 'PlaywriteDEGrund-VariableFont_wght';
	font-style: normal;
	font-weight: 300;
	src:  url('/wp-content/themes/twentytwelve-child/fonts/PlaywriteDEGrund-VariableFont_wght.woff2') format('woff2'),
		  url('/wp-content/themes/twentytwelve-child/fonts/PlaywriteDEGrund-VariableFont_wght.woff') format('woff'),
		  url('/wp-content/themes/twentytwelve-child/fonts/PlaywriteDEGrund-VariableFont_wght.ttf') format('truetype')
}
/* ÜBERSCHRIFTEN */
h1.entry-title, h1, h2, h3, h4, h5, h6 {
	font-family: 'PlaywriteDEGrund-VariableFont_wght', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
}
.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 {
	line-height: 1.1;
	margin: 0.5em 0;
}
.entry-content h1 {
	font-size: 2.25em;
}
.entry-content h2 {
	font-size: 2em;
}
.entry-content h3 {
	font-size: 1.75em;
}
.entry-content h4 {
	font-size: 1.5em;
}
.entry-content h5 {
	font-size: 1.25em;
}
.entry-content h6 {
	font-size: 1em;
}
/* HEADER */
.site-header {
	padding: 0;
}
.site-header h1 {
	font-size: 1.25em;
}
/* MAIN-NAVIGATION */
.main-navigation {

}
.main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul {
	border: 0;
}
.main-navigation li {
	font-family: 'PlaywriteDEGrund-VariableFont_wght', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.75em;
	font-weight: bolder;
	margin-top: 2px;
	line-height: 1.5;
}
.main-navigation li a {
	text-transform: none;
	text-decoration: none;
}
.main-navigation li a:visited {
	
}
.main-navigation li a:hover {
	text-decoration: underline;
	text-decoration-color: currentcolor;
	text-decoration-thickness: 2px;
	text-decoration-style: wavy;
}
.main-navigation li a:focus {
	
}
.main-navigation li a:active {
	
}
/* MENÜPUNKTE */
/* Wir über uns */
li#menu-item-1374.wir-ueber-uns-nav a {
	color: #cc1a0c;	
}
li#menu-item-1374.wir-ueber-uns-nav a:visited {
	color: #cc1a0c;	
}
li#menu-item-1374.wir-ueber-uns-nav a:hover {
	color: #cc1a0c;
}
li#menu-item-1374.wir-ueber-uns-nav a:focus {
	color: #cc1a0c;
}
li#menu-item-1374.wir-ueber-uns-nav a:active {
	color: #cc1a0c;
}
/* Schul-Profil */
li#menu-item-1644.schulprofil-nav a {
	color: #fdde00;	
}
li#menu-item-1644.schulprofil-nav a:visited {
	color: #fdde00;
}
li#menu-item-1644.schulprofil-nav a:hover {
	color: #fdde00;
}
li#menu-item-1644.schulprofil-nav a:focus {
	color: #fdde00;
}
li#menu-item-1644.schulprofil-nav a:active {
	color: #fdde00;
}
/* Schul-Sozialarbeit */
li#menu-item-1306.schulsozialarbeit-nav a {
	color: #008080;	
}
li#menu-item-1306.schulsozialarbeit-nav a:visited {
	color: #008080;
}
li#menu-item-1306.schulsozialarbeit-nav a:hover {
	color: #008080;
}
li#menu-item-1306.schulsozialarbeit-nav a:focus {
	color: #008080;
}
li#menu-item-1306.schulsozialarbeit-nav a:active {
	color: #008080
;
}
/* Schul-Leben */
li#menu-item-1307.schulleben-nav a {
	color: #993366;	
}
li#menu-item-1307.schulleben-nav a:visited {
	color: #993366;
}
li#menu-item-1307.schulleben-nav a:hover {
	color: #993366;
}
li#menu-item-1307.schulleben-nav a:focus {
	color: #993366;
}
li#menu-item-1307.schulleben-nav a:active {
	color: #993366;
}
/* Schul-ABC */
li#menu-item-1302.schulabc-nav a {
	color: #315381;	
}
li#menu-item-1302.schulabc-nav a:visited {
	color: #315381;
}
li#menu-item-1302.schulabc-nav a:hover {
	color: #315381;
}
li#menu-item-1302.schulabc-nav a:focus {
	color: #315381;
}
li#menu-item-1302.schulabc-nav a:active {
	color: #315381;
}
/* TOGGLER */
.menu-toggle, .menu-toggle:hover, .menu-toggle:focus, .menu-toggle:active, .menu-toggle.toggled-on, button:hover {
	color: #fff;
	background-color: #cc1a0c;
	background-repeat: repeat-x;
	background-image: none;
	border: 1px solid #cc1a0c;
	border-radius: 3px;
	box-shadow: 0 1px 2px rgba(253, 222, 0, 0.1);
}
/* WIDGET HEADER */
#sidebar-header {
	width: 97%;
	height: auto;
	margin: 2rem 0;
	font-size: 1.75rem;
	padding: 0.25rem 1rem 1rem 1rem;
	background-color: #fff;
	background-image: linear-gradient(#eee .1em, transparent .1em);
	background-size: 100% 1em;
}
#sidebar-header h2 {
	font-family: Courier New;
	font-size: 2em;
	font-weight: bolder;
	text-align: center;
}
#sidebar-header p {
	font-family: Courier New;
	color: #cc1a0c;
	text-align: center;
}
#sidebar-header li {
	text-align: center;
}
#sidebar-header a {
	font-family: Courier New;
	color: #cc1a0c;
}
/* WIDGET SIDEBAR */
.widget-area {
	width: 83%;
	height: auto;
	padding: 25px;
	background: #fdde00 linear-gradient(150deg, #efec88 0%, #fefabc 100%);
	border: 1px solid #cccccc;
	box-shadow: 0px 5px 13px rgba(0,0,0,0.3);
	transform: none;
}
.widget-area .widget {
	padding: 0;
	margin: 0;
}
.widget-area .sidebar {
}
.widget-area .sidebar .widget p, .widget-area-sidebar .widget li, .widget-area-sidebar .widget .textwidget {
	font-size: 1em;
}
.widget-area .sidebar a {
	color: #4e4e4e;
}
.widget-area .sidebar a:visited {
	color: #4e4e4e;
}
.widget-area h2.wp-block-heading.sidebar {
	font-size: 2.25em;
	color: #cc1a0c;
	padding: 0.5em 0.5em 0 0;
}
ul.wp-block-list {
	padding: 1em;
	list-style-type: disc;
	color: #cc1a0c;
}
ul.wp-block-list li a {
	font-size: 1.25em;
    line-height: 0.5em;
}
/* WIDGET SIDEBAR RIGHT */
.widget-right {
	width: 83%;
	height: auto;
	padding: 25px;
	background: #fff;
	border: 1px solid #cccccc;
	box-shadow: 0px 5px 13px rgba(0,0,0,0.3);
	transform: none;
}
.widget-right .widget {
	padding: 0;
	margin: 0;
}
.widget-right .sidebar {
}
.widget-right .sidebar .widget p, .widget-right-sidebar .widget li, .widget-right-sidebar .widget .textwidget {
	font-size: 1em;
}
.widget-right .sidebar a {
	color: #4e4e4e;
}
.widget-right .sidebar a:visited {
	color: #4e4e4e;
}
.widget-right h2.wp-block-heading.sidebar {
	font-size: 2.25em;
	color: #cc1a0c;
	padding: 0.5em 0.5em 0 0;
}
ul.wp-block-list {
	padding: 1em;
	list-style-type: disc;
	color: #cc1a0c;
}
ul.wp-block-list li a {
	font-size: 1.25em;
    line-height: 0.5em;
}
/* .wp-block-latest-posts.wp-block-latest-posts__list.sidebar {
	padding: 1em;
	list-style: none;
}
.wp-block-latest-posts.wp-block-latest-posts__list.sidebar li a,
.wp-block-latest-posts.wp-block-latest-posts__list.sidebar li a:visited,
.wp-block-latest-posts.wp-block-latest-posts__list.sidebar li a:hover,
.wp-block-latest-posts.wp-block-latest-posts__list.sidebar li a:focus,
.wp-block-latest-posts.wp-block-latest-posts__list.sidebar li a:active {
	font-size: 1em;
	text-decoration: none;
	line-height: 0.25em;
}
*/
.site-content nav {
  line-height: 1.25;
}
/* CONTENT */
.site-content article {
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: 0;
}
.entry-header .entry-title {
	font-size: 2em;
	text-transform: none;
	text-align: center;
}
.entry-content p {
	font-size: 1em;
	line-height: 1.25;
	margin: 1em 0;
}
.entry-content ul {
	list-style: disc outside;
	margin: 0.5em 0;
}
.entry-content ul li {
	line-height: 1.5;
}
.entry-content ul li::marker {
	color: #21759b;
}
.entry-content li {
	margin: 0 0 0 1em;
}
.entry-content a {
	font-size: 1em;
	color: #21759b;
	line-height: 0.75em;
}
.entry-content a:visited {
	color: #21759b;
}
.entry-content img {
	margin-top: 10px;
}
/* SCHUL-ABC */
.entry-content .schul-abc p {
	margin: 0;
	line-height: 1.25;
}
.entry-content .schul-abc a {
	font-size: 1em;
}
.entry-content .schul-abc img {
	margin-top: 3em;
}
/* FOOTER */
footer.entry-meta {
	display: none;
}
ul#menu-footer {
	text-align: center;
}
ul#menu-footer li {
	font-size: 1.25em;
}
/* SCROLL-TO-TOP-BUTTON */
.topbutton {
     height: 50px;
     width: 50px;
     position: fixed;
     right: 5px;
     bottom: 5px;
     Z-index: 1;
     background-image:url("/wp-content/uploads/2024/12/scroll-to-top-button_50x50px.png");
     background-repeat: no-repeat;
     display: none;
}

/* MEDIA QUERIES */
@media screen and (min-width: 600px) {
	.site {
		padding: 0 1.714285714rem;
	}
	.site-header h1 {
		font-size: 2em;
		text-align: center !important;
		line-height: 1.285714286;
		margin-bottom: 1rem;
	}
	.site-content {
		float: none;
		width: 100%;
	}
	.main-navigation ul.nav-menu,
	.main-navigation div.nav-menu > ul {
		display: none !important;
	}
	.main-navigation ul.nav-menu.toggled-on,
	.menu-toggle {
		display: inline-block !important;
	}
	.main-navigation li {
		display: block !important;
		text-align: center;
		margin: 0;
	}
	.main-navigation li a {
		line-height: 1.42857143 !important;
	}
	.widget-area {
		float: none;
		width: 80%;
		margin: 2.714285714rem 2rem;
		transform: none;
	}
	.widget-right {
		float: none;
		width: 80%;
		margin: 2.714285714rem 2rem;
		transform: none;
	}
}
@media screen and (min-width: 960px) {
	body.custom-background-white .site {
		padding: 0 1.714285714rem;
	}
	.site-header h1 {
		font-size: 1.5em;
		text-align: center !important;
		line-height: 1.285714286;
		margin-bottom: 1rem;
	}
	.site-content {
		float: none;
		width: 100%;
	}
	.widget-area {
		width: 87%;
		transform: none;
	}
	.widget-right {
		width: 87%;
		transform: none;
	}
}
@media screen and (min-width: 1024px) {
	
	.entry-header .entry-title {
		font-size: 2.5em;
	}
	.entry-content p {
		font-size: 1em;
		line-height: 1.5;
	}
	.entry-content h1 {
		font-size: 2.5em;
	}
	.entry-content h2 {
		font-size: 2.25em;
	}
	.entry-content h3 {
		font-size: 2em;
	}
	.entry-content h4 {
		font-size: 1.75em;
	}
	.entry-content h5 {
		font-size: 1.5em;
	}
	.entry-content h6 {
		font-size: 1.25em;
	}
	.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 {
		line-height: 1.4;
	}
	.entry-content a {
		font-size: 1.25em;
		color: #21759b;
		line-height: 0.75em;
	}
	.widget-area {
		transform: none;
	}
	.widget-right {
		transform: none;
	}
	.wp-block-latest-posts.wp-block-latest-posts__list.sidebar li a,
	.wp-block-latest-posts.wp-block-latest-posts__list.sidebar li a:visited,
	.wp-block-latest-posts.wp-block-latest-posts__list.sidebar li a:hover,
	.wp-block-latest-posts.wp-block-latest-posts__list.sidebar li a:focus,
	.wp-block-latest-posts.wp-block-latest-posts__list.sidebar li a:active {
		font-size: 1.25em;
		line-height: 0.5em;
	}
	footer.entry-meta {
		display: none;
	}
	ul#menu-footer {
		text-align: center;
	}
	ul#menu-footer li {
		font-size: 1.25em;
	}
}
@media screen and (min-width: 1280px) {
	.site {
		max-width: 100%;
		padding: 0 1.714285714rem;
	}
	.site-header h1 {
		font-size: 1.5em;
		text-align: center !important;
		line-height: 1.285714286;
		margin-bottom: 1rem;
	}
	.site-content {
		float: left;
		width: 65.104166667%;
	}
	img.header-image {
		width: 100%;
		height: auto;
	}
	.menu-toggle {
		display: none !important;
	}
	.main-navigation ul.nav-menu,
	.main-navigation div.nav-menu > ul {
		display: inline !important;
	}
	.main-navigation li {
		display: inline !important;
		font-size: 1.75em;
	}
	.main-navigation li a {
		padding: 0.5em;
	}
	.entry-header .entry-title {
		font-size: 2em;
	}
	.entry-content p {
		font-size: 1em;
		line-height: 1.5;
	}
	.entry-content h1 {
		font-size: 2.75em;
	}
	.entry-content h2 {
		font-size: 1.75em;
	}
	.entry-content h3 {
		font-size: 1.75em;
	}
	.entry-content h4 {
		font-size: 1.5em;
	}
	.entry-content h5 {
		font-size: 1.25em;
	}
	.entry-content h6 {
		font-size: 1em;
	}
	.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 {
		line-height: 1.4;
	}
	.entry-content a {
		font-size: 0.75em;
		color: #21759b;
		line-height: 1.285714286;
	}
	.widget-area {
		float: right;
		width: 23.042%;
		transform: rotate(3deg);
	}
	.widget-right {
		float: right;
		width: 23.042%;
		transform: rotate(3deg);
	}
	.wp-block-latest-posts.wp-block-latest-posts__list.sidebar li a,
	.wp-block-latest-posts.wp-block-latest-posts__list.sidebar li a:visited,
	.wp-block-latest-posts.wp-block-latest-posts__list.sidebar li a:hover,
	.wp-block-latest-posts.wp-block-latest-posts__list.sidebar li a:focus,
	.wp-block-latest-posts.wp-block-latest-posts__list.sidebar li a:active {
		font-size: 1.25em;
		line-height: 0.5em;
	}
	ul.wp-block-list li a {
		font-size: 1.15em;
	}
	footer.entry-meta {
		display: none;
	}
	ul#menu-footer {
		text-align: center;
	}
	ul#menu-footer li {
		display: inline;
		font-size: 1.25em;
		padding: 1em;
	}
}
@media screen and (min-width: 1920px) {
	.site {
		max-width: 100%;
		padding: 0 1.714285714rem;
	}
	.site-header h1 {
		font-size: 1.75em;
		text-align: center !important;
		line-height: 1.285714286;
		margin-bottom: 1rem;
	}
	.main-navigation li {
		font-size: 2.5em;
	}
	.entry-header .entry-title {
		font-size: 2.5em;
	}
	.entry-content p {
		font-size: 1.25em;
		line-height: 1.5;
	}
	.entry-content h1 {
		font-size: 3.5em;
	}
	.entry-content h2 {
		font-size: 2.25em;
	}
	.entry-content h3 {
		font-size: 2em;
	}
	.entry-content h4 {
		font-size: 1.75em;
	}
	.entry-content h5 {
		font-size: 1.5em;
	}
	.entry-content h6 {
		font-size: 1.25em;
	}
	.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 {
		line-height: 1.5;
	}
	.entry-content a {
		font-size: 1em;
	}
}