/*
 Theme Name:   Stackable Child
 Description:  Child Theme für Gesamtschule Bockmühle
 Author:       Marek Eggemann
 Author URI:   https://www.marek-eggemann.de
 Template:     stackable
 Version:      2.7
 Text Domain:  stackable-child
*/


/** Schriften **/
/*@font-face { font-family: 'gothic regular'; src: url('https://2020.ge-bockmühle.de/wp-content/themes/stackable-child/f/gothica1-regular.woff') format('woff'); }
@font-face { font-family: 'gothic bold'; src: url('https://2020.ge-bockmühle.de/wp-content/themes/stackable-child/f/gothica1-bold.woff') format('woff'); }
@font-face { font-family: 'gothic black'; src: url('https://2020.ge-bockmühle.de/wp-content/themes/stackable-child/f/gothica1-black.woff') format('woff'); }
@font-face { font-family: 'gothic extrabold'; src: url('https://2020.ge-bockmühle.de/wp-content/themes/stackable-child/f/gothica1-extrabold.woff') format('woff'); }*/


/*@font-face { font-family: 'inter italic'; src: url('https://2020.ge-bockmühle.de/wp-content/themes/stackable-child/f/inter-italic.woff') format('woff'); }
@font-face { font-family: 'inter bold'; src: url('https://2020.ge-bockmühle.de/wp-content/themes/stackable-child/f/inter-bold.woff') format('woff'); }
@font-face { font-family: 'inter bold italic'; src: url('https://2020.ge-bockmühle.de/wp-content/themes/stackable-child/f/inter-bolditalic.woff') format('woff'); }
@font-face { font-family: 'inter extrabold'; src: url('https://2020.ge-bockmühle.de/wp-content/themes/stackable-child/f/inter-extrabold.woff') format('woff'); }
@font-face { font-family: 'inter extrabold italic'; src: url('https://2020.ge-bockmühle.de/wp-content/themes/stackable-child/f/inter-extrabolditalic.woff') format('woff'); }
@font-face { font-family: 'inter black'; src: url('https://2020.ge-bockmühle.de/wp-content/themes/stackable-child/f/inter-black.woff') format('woff'); }
@font-face { font-family: 'inter black italic'; src: url('https://2020.ge-bockmühle.de/wp-content/themes/stackable-child/f/inter-blackitalic.woff') format('woff'); }*/
@font-face { font-family: 'inter regular'; src: url('https://ge-bockmühle.de/wp-content/themes/stackable-child/f/inter-regular.woff') format('woff');}
@font-face { font-family: 'inter bold'; src: url('https://ge-bockmühle.de/wp-content/themes/stackable-child/f/inter-bold.otf') format('opentype'); }

@font-face { font-family: 'courier prime'; src: url('https://ge-bockmühle.de/wp-content/themes/stackable-child/f/courier-prime.ttf') format('truetype'); }
@font-face { font-family: 'courier prime italic'; src: url('https://ge-bockmühle.de/wp-content/themes/stackable-child/f/courier-prime-italic.ttf') format('truetype'); }
@font-face { font-family: 'courier prime bold italic'; src: url('https://ge-bockmühle.de/wp-content/themes/stackable-child/f/courier-prime-bold-italic.ttf') format('truetype'); }

/** Kalender auf neuer Seite aktuell abgeschaltet 
#mySidenav, #mySidenav + span {
	display: none;
}**/



/**body.custom-background {
	background-image: url('https://2020.ge-bockmühle.de/wp-content/themes/stackable-child/bg-images/rotator.php') !important;
}**/

body #page {
	filter: unset !important;
} 

#content.site-content {
	margin-top: 50px;
}

/** POP UP Maker Plugin **/
#popmake-1837 {
	/**top: 10vh !important;
	left: 6vw !important;
	width: calc(100% - 12vw) !important;
	height: calc(100% - 20vh) !important;**/
	margin-left: 0 !important;
	border: 3px solid black;
	padding-top: 14vh !important;
	display: flex !important;
	align-items: center;
	justify-content: center;
	padding-bottom: 15vh !important;
}

.pum-theme-1828 .pum-container, .pum-theme-standard-theme .pum-container {
	background-color: rgb(255, 255, 255) !important;
	box-shadow: none !important;
}

.pum-theme-1828 .pum-content + .pum-close, .pum-theme-standard-theme .pum-content + .pum-close {
	padding: 15px !important;
	padding-top: 10px !important;
	background-color: rgb(0, 0, 0) !important;
	font-size: 40px !important;
	box-shadow: none !important;
	text-shadow: none !important;
}

.pum-theme-1828, .pum-theme-standard-theme {
	background-color: rgba(255, 255, 255, 0.92) !important;
}

.pum-theme-1828 .pum-title, .pum-theme-standard-theme .pum-title, .pum-theme-1828 .pum-content, .pum-theme-standard-theme .pum-content {
	text-align: center !important;
}

/** Accessibility Tool **/
body .accessibility-trigger.aioa_bottom_right button {
	bottom: 10% !important;
	right: 3px !important;
}


/** GDPR plugin / Datenschutz-Pop-Up **/
.gdpr.gdpr-privacy-bar {
	background-color: rgba(255, 255, 255, 0.97);
	height: 100vh !important;
	width: 100vw !important;
	top: 0 !important;
	bottom: unset !important;
	background-image: url('img/gesamtschule-bockmuehle-icons.png');
	background-position-x: 25px;
	background-repeat: no-repeat;
}

.gdpr-wrapper {
	height: 30vh;
	width: 50vw;
	min-width: 800px;
	min-height: 350px;
	background: #fff !important;
	margin: auto !important;
	top: 30vh;
	position: relative;
	box-shadow: 4px 4px 10px #00000026 !important;
	bottom: unset;
}

.gdpr.gdpr-privacy-bar .gdpr-wrapper .gdpr-content p, .gdpr.gdpr-reconsent-bar .gdpr-wrapper .gdpr-content p {
    color: #000;
}

.gdpr.gdpr-privacy-bar .gdpr-wrapper .gdpr-content p, .gdpr :not(textarea):not(input):not(select) {
	font-family: 'inter regular', sans-serif !important;
	font-weight: normal !important;
	font-size: 1.2rem !important;
}

.gdpr.gdpr-privacy-bar .gdpr-wrapper .gdpr-content a {
    background: url('img/yellow-block.png');
	background: url('img/hellgelb-block.png');
	background-position-x: 0%;
	background-position-y: 0%;
	background-repeat: repeat;
	background-size: auto;
    background-size: 100% 5px;
    background-repeat: repeat-x;
    background-position: 0px calc(100% - 2px);
    padding: 0px;
    line-height: 100%;
}

.gdpr.gdpr-privacy-bar .gdpr-wrapper .gdpr-content, .gdpr.gdpr-reconsent-bar .gdpr-wrapper .gdpr-content {
    text-align: left;
}

.gdpr.gdpr-privacy-bar .gdpr-wrapper .gdpr-content a:hover, .gdpr.gdpr-privacy-bar .gdpr-wrapper .gdpr-content a:active, .gdpr.gdpr-privacy-bar .gdpr-wrapper .gdpr-content a:focus {
	background: none;
}

/** Button Preferences wird nicht angezeigt **/
.gdpr-preferences {
	display: none !important;
}

.gdpr.gdpr-privacy-bar .gdpr-agreement {
	font-size: 2rem !important;
	background: #ffcc00;
	color: #000;
	border: 0px;
	box-shadow: none;
	text-shadow: none;
	padding: 25px;
	border-radius: 0px !important;
}

.gdpr.gdpr-privacy-bar .gdpr-agreement:hover, .gdpr.gdpr-privacy-bar .gdpr-agreement:focus, .gdpr.gdpr-privacy-bar .gdpr-agreement:active {
	color: #fff !important;
	background: #000 !important;
	box-shadow: none !important;
}


/** Seite "Stilvorlagen" **/
.page-id-383 #kalenderblock {
	display: none;
}


/**
* Masthead - Shrink on Scroll
**/
header.shrink {
	height:50px;
	transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
}

#primary header.shrink {
	height: 0px;
	height: 50px;
	transition: all 0s ease-in-out;
	-moz-transition: all 0s ease-in-out;
	-webkit-transition: all 0s ease-in-out;
	-o-transition: all 0s ease-in-out;
}

.single-post #primary header.shrink {
	height: 0px;
}

header#masthead.shrink {
	/**position:fixed; Änderung am 23.5.2023 da der Sticky-Header nicht mehr oben aufgesetzt war **/ 
	position: sticky;
	clear:both!important;
	width:100%;
	height:50px!important;
	max-height:50px!important;
	min-height:50px!important;
	z-index:9999;
	transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	top: 0;
	padding-top: 0px;
}

.shrink .site-branding img {
    width: 50%;
}

.shrink .site-header-wrapper {
	background-size: cover;
	box-shadow: 0px 0px 25px #56565657;
	padding-top: 22px;
    padding-bottom: 8px;
	background: #fff;
}

header.shrink .site-menu {
	max-width: calc(98% - 350px);
	top: 22px;
}

/** Moodle Button **/
#moodle-button {
	position: absolute;
	top: 100px;
	right: calc(2% + 25px);
	z-index: 6;
	/** auf Wunsch abgeschaltet **/ display: none; 
}

#moodle-button a {
	background: transparent;
	border: 1px solid #000;
	padding: 15px;
}

#moodle-button a:hover, #moodle-button a:active, #moodle-button a:focus {
	background: #000;
	border: 1px solid #000;
	padding: 15px;
	color: #fff !important;
}

.site-header.shrink + #content #moodle-button {
	top: 40px;
}

#menu-item-777, #menu-item-3838 {
	display: none;
}

#shiftnav-toggle-main #menu-item-3838 {
	display: block;
}

header#masthead.shrink + #content #moodle-button a {
	background: #fff;
}

header#masthead.shrink + #content #moodle-button a:hover, header#masthead.shrink + #content #moodle-button a:active, header#masthead.shrink + #content #moodle-button a:focus {
	background: #000;
}

/** Button BILDUNGSCAMPUS **/
#menu-item-2851 {
	background: #fff;
	border: 5px solid #ffcc00;
	padding: 0px;
	position: absolute;
	top: 60px;
	left: 13px;
}

#menu-item-2851 a {
	margin: 0px;
	padding: 15px;
}

.site-header.shrink #menu-item-2851 {
	top: 72px;
}

/** Sidebar mit Abstand nach oben; damit Navigation passt **/
.theiaStickySidebar {
	padding-top: 50px !important;
}


/** Typografie und Allgemeines **/
body {
	font-family:"inter regular", sans-serif !important;
	font-size: 20px;
	font-size: 1.1rem;
	color: #000;
	background-image: linear-gradient(to right, white 50%, #e2e2e2 100%);
	background-image: linear-gradient(to right, white 55%, #e2e2e2 80%, #e2e2e2 100%);
}

h1, h2, h3, h4, h5, h6, p, li, dt, dl, ul, ol, table, td, tr, th, a, button, span, code, kbd, pre, samp, blockquote, address, big, cite, em, font, img, small, strike, sub, sup, fieldset, form, label, legend, caption, .main-navigation a, .widget-small {
	font-size: 1.25rem;
	font-size: 1.1rem;
	font-weight: normal;
	color: #000;
}

em {
	font-size: 1.20rem;
	line-height: 1;
	font-family: 'courier prime bold italic', serif !important;
	font-style: normal;
	letter-spacing: 0;
}

h2 {
	font-size: 1.25rem;
}

#primary ul + h2, #primary p + h2, #primary span + h2, #primary div + h2 {
	margin-top: 50px !important;
}

hr {
	background-color: #c9c9c9;
}

p, ul, ol {
	margin-bottom: 25px;
}

b, strong, .fettschrift {
	font-weight: normal;
	font-family: 'inter bold', sans-serif;
}

.entry-content p.ics-calendar-error {
	font-size: 1.20rem;
	line-height: 1;
	font-family: 'courier prime italic', sans-serif !important;
	font-style: normal;
	letter-spacing: 0;
}

blockquote {
	line-height: 1.25;
    border-left: 0px solid #c3c3c3;
    border-left-width: 0px;
	padding-left: 35px;
	position: relative;
}

blockquote:before {
	content: url('img/quote-mark.png');
	height: 29px;
	width: 20px;
	position: absolute;
	left: -10px;
	top: 4px;
}	

.entry-content blockquote, .entry-content blockquote p {
	font-family: 'courier prime italic', serif !important;
	font-style: normal;
	font-weight: normal;
	font-size: 1.45rem;
}

a, .entry-content a, .entry-content .cat-aktuell-sehr-wichtig a {
	color: #000 !important;
	border: 0px;
	box-shadow: none;
	background: url('img/yellow-block.png');
	background: url('img/hellgelb-block.png');
	background-size: 100% 5px;
	background-repeat: repeat-x;
	background-position: 0px calc(100% - 1px);
	padding: 0px;
	line-height: 100%;
}

#secondary .menu li a {
	background: url('img/grey-block.png');
	background-size: 100% 5px;
	background-repeat: repeat-x;
	background-position: 0px calc(100% - 6px);
	padding: 0px;
}

#secondary .menu li a:hover, #secondary .menu li a:active, #secondary .menu li a:focus {
	background: none;
}


.entry-content .cat-aktuell-sehr-wichtig a:after {
	content: url('img/wichtig-zeichen-pk.png');
	position: absolute;
	margin-left: 7px;
	margin-top: -3px;
}

.entry-content .cat-aktuell-sehr-wichtig a:hover:after {
	content: url('img/wichtig-zeichen-pk-h.png');
}

.main-navigation a {
	color: #000 !important;
	border: 0px;
	box-shadow: none;
	background: none;
	background-size: 100% 100%;
	background-repeat: repeat-x;
	background-position: 0px 0px;
	padding: 0px;
	line-height: 100%;
	padding: 10px;
	transition: ease 0.3s;
}

.shrink .site-menu .main-navigation .primary-menu a {
	font-size: 1rem;
}

.main-navigation a:hover, .main-navigation a:focus, .main-navigation a:active, .main-navigation .current-menu-item a {
	color: #000 !important;
	border: 0px;
	box-shadow: none;
	background: #ffcc00;
	background-size: 100% 110%;
	background-repeat: repeat-x;
	background-position: 0px 0px;
	padding: 10px;
	line-height: 100%;
}

#menu-hauptmenue-top > #menu-item-341 {
	display: none;
}

.shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item > .shiftnav-target {
	color: #000 !important;
}

.shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item.shiftnav-active > .shiftnav-target {
	background-color: #ffcc00 !important;
}
	

.widget_nav_menu ul li a, #aktuell-block-startseite ul li a {
	background-position: 0px calc(100% - 4px);
}

#aktuell-block-startseite ul li a {
	background-position: 0px calc(100% - 6px);
}

a.custom-logo-link {
	background: none;
}

.site-title a {
	background-position: 0px calc(100% - 2px);
}

a:hover, a:active, a:focus, .entry-content .cat-aktuell-sehr-wichtig a:focus, .entry-content .cat-aktuell-sehr-wichtig a:hover, .entry-content .cat-aktuell-sehr-wichtig a:active {
	border-bottom: 0px;
	background: none;
}

.main-navigation .primary-menu .current_page_item > a, .main-navigation .primary-menu .current-menu-item > a, .main-navigation .primary-menu .current_page_ancestor > a {
    border-color: var(--s-header-menu-text-color);
	border: 0px;
}

.entry-title, h2.ics-calendar-title, .site-title a, .ics-calendar .ics-calendar-select, h2.widget-title, h1, #primary .entry-header {
	font-size: 1.6rem;
	color: #000;
}

.entry-content p {
	font-family:"inter regular", sans-serif !important;
}

h1, h2, h3, h4, h5, h6, .site-title, #primary .ics-calendar-label {
	font-family:"inter bold", sans-serif !important;
	letter-spacing: 0 !important;
	font-weight: normal;
	margin: 0px 0px 25px 0px !important;
}

.entry-title {
	margin-bottom: 50px !important;
}

h3, .su-spoiler-style-default > .su-spoiler-title {
	font-family: 'courier prime' !important;
	font-size: 1.45rem !important;
	line-height: 1.6rem;
}

.widget_text p {
	color: #000;
	padding: 0px;
	margin: 0px 0px 15px 0px;
}

.footer-copyright {
	font-family:"courier prime", monospace !important;
}

.thc-inline-content .thc-list, .mc-main  {
	font-family:"courier prime", monospace;
	font-size: 1.6em;
}

.entry-content p, .entry-content ol, .entry-content ul, .entry-content dl, .entry-content dt, .widget_text p, .widget_text ol, .widget_text ul, .widget_text dl, .widget_text dt, .widget-content .rssSummary {
	font-family:"inter regular", sans-serif !important;
}

.color-accent, .color-accent-hover:hover, .color-accent-hover:focus, :root .has-accent-color, .has-drop-cap:not(:focus)::first-letter, .wp-block-button.is-style-outline, a, body:not(.overlay-header) .primary-menu > li > a, body:not(.overlay-header) .primary-menu > li > .icon, .modal-menu a, .footer-menu a, .footer-widgets a, #site-footer .wp-block-button.is-style-outline, .wp-block-pullquote::before, .singular:not(.overlay-header) .entry-header a, .archive-header a, .header-footer-group .color-accent, .header-footer-group .color-accent-hover:hover {
	color: #000 !important;
}

ul {
	margin: 0px 0px 25px 0px;
	padding-left: 20px;
}

.entry-content ul.display-posts-listing, .widget_nav_menu ul {
	padding-left: 0px;
}

.display-posts-listing li {
	list-style-type: none;
	padding: 0px;
}

/** Beiträge mit Kontaktdaten über display posts shortcode ausgegeben **/
ul.kontaktliste-in-beitrag, #primary .entry-content .su-spoiler ul.kontaktliste-in-beitrag {
	padding-left: 0px;
}

.kontaktliste-in-beitrag > li {
	list-style: none;
}

.kontaktliste-in-beitrag > li .title {
	display: none;
}

/** TinyMCE Custom Styles **/
.rahmen-um-inhalt, .rahmen-grau {
	border: 1px solid #c9c9c9;
	padding: 35px 35px 45px 35px; 
	width: 100%;
	position: relative;
	display: block;
}

.rahmen-grau {
	margin-bottom: 35px;
}

.rahmen-grau p:last-child {
	margin-bottom: 0px;
}

p .rahmen-um-inhalt > a {
	margin-right: 50px;
}

.link-zu-pdf, .link-zu-doc {
	margin-right: 0px;
}

.link-zu-pdf:after {
	content: url('img/pdf-icon.gif');
	position: relative;
	right: 0px;
	padding-left: 15px;
	top: 13px;
	width: 29px;
	height: 41px;
	background: #fff;
	padding-right: 20px;
}

.link-zu-doc:after {
	content: url('img/doc-icon.gif');
	position: relative;
	right: 0px;
	padding-left: 15px;
	top: 13px;
	width: 29px;
	height: 41px;
	background: #fff;
	padding-right: 20px;
}

#primary a.su-button span {
	font-size: 1.2rem !important;
	padding: 12px 18px 12px 18px !important;
	border: 0px !important;
}

/** Single Post **/
.single-post .entry-hero.lazy {
	background-size: auto;
	width: 100%;
}

.entry-hero::before {
	background: #ffffff00;
}

.single-post .entry-hero-wrapper .entry-meta {
	display: none;
}

.single-post .entry-hero-wrapper {
	padding: 0px;
	margin: 0px 0px 0px 2%;
}

.single-post #primary .entry-hero-wrapper {
    padding: 0px;
    margin: 0px 0px 0px 0px;
}

.single-post .entry-hero.lazy + .site-content-wrapper #primary {
	padding-top: 0px;
}

.entry-hero {
	text-shadow: none;
}

#primary .entry-hero {
	min-height: unset;
	display: block;
}

.post-navigation .post-title {
    font-size: 1.25rem;
	line-height: 1.65rem;
}

.post-navigation a {
    padding-bottom: 40px;
}

/** Original Hero-Image (als Hintergrundbild) abgeschaltet **/
#content > .entry-hero {
	display: none;
}

.entry-hero .entry-title {
	color: #000;
}

.entry-author {
	display: none;
}

.single-post .post-navigation .post-title {
	font-family: 'inter regular', sans-serif;
	font-weight: normal;
} 

.single-post .post-navigation {
	margin: 0;
	width: 100%;
	max-width: none;
	border-bottom: 0px solid #c3c3c3;
}

.single-post .post-navigation a {
	background: #ffcc00;
}

.single-post .post-navigation .nav-previous {
	width: 49%;
	float: left;
	background-image: none;
	text-shadow: none;
}

.single-post .post-navigation .nav-next {
	width: 49%;
	float: right;
	background-image: none;
	text-shadow: none;
}

.post-navigation .nav-next a:hover, .post-navigation .nav-previous a:hover {
    background-color: #000000;
}

.single-post .post-navigation .nav-next a, .single-post .post-navigation .nav-previous a {
	border: 1px solid #c3c3c3;
	border: 1px solid #ffcc00;
	background-color: #ffcc00;
}

.single-post .post-navigation .nav-next a:hover, .single-post .post-navigation .nav-previous a:hover, .post-navigation .nav-next a:focus, .post-navigation .nav-next a:hover {
	border: 1px solid #000000;
	background-color: #000000 !important;
}

.post-navigation .nav-next .post-title, .post-navigation .nav-previous .post-title {
	color: #000 !important;
}

.post-navigation a:hover .post-title {
    color: #ffffff !important;
}

.post-navigation .nav-next a:focus .post-title, .post-navigation .nav-next a:hover .post-title, .post-navigation .nav-previous a:focus .post-title, .post-navigation .nav-previous a:hover .post-title {
    color: #fff !important;
}

.post-navigation .meta-nav, .post-navigation .nav-next .meta-nav, .post-navigation .nav-previous {
	color: #ccc !important;
	text-transform: none;
}

.single-post .entry-meta {
	display: none;
}

.single-post .entry-footer .posted-on a {
	background: none;
	font-family: 'courier prime', monospace;
	font-size: 0.6rem;
	text-transform: uppercase;
	letter-spacing: 0.1rem;
}

.single-post .entry-footer .posted-on a:hover {
	box-shadow: none;
}




/** Admin Bar **/
#wpadminbar a, #wpadminbar, #wpadminbar .display-name  {color: #fff !important;}
body:not(.overlay-header) .primary-menu ul {background: #f2f2f2 !important;}
body:not(.overlay-header) .primary-menu > li > ul::after {border-bottom-color: #f2f2f2 !important;}



/** Buttons 
button:not(.toggle), .button, .faux-button, .wp-block-button__link, .wp-block-file .wp-block-file__button, input[type="button"], input[type="reset"], input[type="submit"], .bg-accent, .bg-accent-hover:hover, .bg-accent-hover:focus, :root .has-accent-background-color, .comment-reply-link {
	background: #f2f2f2 !important;
}

.is-style-outline .wp-block-button__link {
	border: 0px !important;
}
**/

/** Header 
.singular .entry-header {
    background-color: transparent;
}

**/

.site-header {
    box-shadow: none;
	background: #fff0;
}

/**

.site-logo img {
    width: 100%;
}

.home .entry-header {
	display: none;
}

[class*="__inner-container"] > :not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
    max-width: none;
}

.home .thc-inline-content .date {
	float: none !important;
	display: block !important;
}

.home .thc-inline-content .name {
	float: left;
}

**/


/** Menü 
.menu-modal-inner {
	overflow-x: hidden;
}
**/


/** --------------------------------------------------------------

		NAVIGATION
		
-----------------------------------------------------------------**/
body:not(.overlay-header) .primary-menu ul, .main-navigation ul {
    background: #fff !important;
}

.main-navigation ul {
    background: #ffffff00 !important;
}

.main-navigation ul ul li {
    border-bottom: 0px solid;
}

.main-navigation ul ul {
    border-width: 0;
}

.main-navigation {
    margin-top: 0;
}

.main-navigation li {
	margin-right: 15px;
	margin-left: 0px;
}

header .site-menu {
	position: absolute;
    top: 25px;
    right: 0;
}

/** --------------------------------------------------------------

		STARTSEITE
		
-----------------------------------------------------------------**/
.home #primary article .hentry-wrapper > .entry-header {
	display: none;
}

#primary #aktuell-block-startseite .display-posts-listing li a, #secondary .widget_nav_menu ul li a {
	font-size: 1.6rem;
	line-height: 130%;
	font-family: 'courier prime', serif;
}

.home #aktuell-block-startseite > ul {
	padding-right: 45px;
}

.home #primary .entry-content #top-beitrag-startseite .display-posts-listing a.image {
	float: left;
	position: relative;
	top: -110px;
	margin-right: -15px;
	z-index: 1;
}

#top-beitrag-startseite {
	padding-top: 110px;
	margin-bottom: 60px;
}

.home #top-beitrag-startseite li.cat-teaser-auf-startseite-maximal-ein-beitrag, .page-id-3579 #top-beitrag-startseite li.cat-teaser-auf-startseite-maximal-ein-beitrag {
	min-height: 182px;
}

.home #primary .entry-content #top-beitrag-startseite .display-posts-listing li > a:first-child:before {
    /**content: '';
    position: absolute;
    background-color: #fff;
    height: 190px;
    width: 40px;
    z-index: 2;
    bottom: 0;
    right: 0;**/
}

.home #primary .entry-content #top-beitrag-startseite .display-posts-listing a.title, .page-id-3579 #primary .entry-content #top-beitrag-startseite .display-posts-listing a.title {
    font-family: "inter bold", sans-serif !important;
	font-size: 1.25rem;
    letter-spacing: 0 !important;
    font-weight: normal;
    margin: 0px 0px 25px 0px !important;
	float: unset;
	display: -webkit-box;
	max-width: max-content;
	background: none;
	padding-top: 0px;
    position: relative;
    left: 0px;
    z-index: 2;
}

.home #primary .entry-content #top-beitrag-startseite .display-posts-listing li > a.title:after, .page-id-3579 #primary .entry-content #top-beitrag-startseite .display-posts-listing li > a.title:after {
    content: '';
    position: absolute;
    background-color: #fff;
    height: 252px;
	width: 350px;
	z-index: -1;
	opacity: 0.9;
	top: -10px; /** passend zum aktuellen abstrakten Bild "neubau-der-schule-p.gif" **/
	left: -10px;
	opacity: 1;
	top: -30px;
	left: -30px;
}

.home #primary .entry-content #top-beitrag-startseite .display-posts-listing .excerpt, .page-id-3579 #primary .entry-content #top-beitrag-startseite .display-posts-listing .excerpt {
	display: block;
	z-index: 2;
	left: 0px;
	position: relative;
}

.home #primary .entry-content #top-beitrag-startseite .display-posts-listing .excerpt-more, .page-id-3579 #primary .entry-content #top-beitrag-startseite .display-posts-listing .excerpt-more {
	font-size: 0px;
	display: block;
    position: relative;
    float: unset;
    margin-top: 39px;
}

.home #primary .entry-content #top-beitrag-startseite .display-posts-listing .excerpt-more a, .page-id-3579 #primary .entry-content #top-beitrag-startseite .display-posts-listing .excerpt-more a {
	color: #000000;
	background: none;
	background-color: #ffcc00;
	padding: 12px 18px 12px 18px !important;
	font-size: 1.1rem !important;
}

a.moodle-button {
	padding: 12px 18px 12px 18px;
	display: block;
	background: #ffcc00;
	float: left;
	clear: left;
	margin-top: 20px;
	margin-bottom: 20px;
}

.home #primary .entry-content #top-beitrag-startseite .display-posts-listing .excerpt-more a:hover, .home #primary .entry-content #top-beitrag-startseite .display-posts-listing .excerpt-more a:active, .home #primary .entry-content #top-beitrag-startseite .display-posts-listing .excerpt-more a:focus, a.moodle-button:hover, a.moodle-button:focus, a.moodle-button:active {
	color: #fff !important;
	background-color: #000;
}

/** Ultimate Maps Plugin auf Startseite **/
.ums_map_opts {
	margin-bottom: 25px;
}

.ums_map_opts .leaflet-popup-content-wrapper {
	padding: 20px;
	border-radius: 0px;
}

.leaflet-popup-content {
	margin: 0px;
}

.leaflet-popup-content-wrapper .infobox-title, .leaflet-popup-content-wrapper .umsMarkerTitle {
	font-size: 1.1rem !important;
	text-align: left !important;
	font-family: 'inter regular' !important;
	font-weight: normal;
	margin-bottom: 5px !important;
}

.leaflet-container a.leaflet-popup-close-button {
	padding: 4px 8px 0 0 !important;
	font-family: 'inter bold', sans-serif !important;
	font-weight: normal !important;
	font-size: 1.5rem !important;
	top: 2px !important;
	right: 5px !important;
}

.leaflet-touch .leaflet-bar a:first-child, .leaflet-touch .leaflet-bar a:last-child {
	border-top-left-radius: 0px !important;
	border-top-right-radius: 0px !important;
}

.leaflet-bar a {
	background: none !important;
	background-color: #ffcc00 !important;
	border-bottom: 0 !important;
	margin-bottom: 2px !important;
}

.leaflet-bar a:hover {
	background-color: #000 !important;
	color: #fff !important;
	border-bottom: 0 !important;
}

.leaflet-control-zoom-in, .leaflet-control-zoom-out {
	font-family: 'inter regular', sans-serif !important;
	text-indent: 0 !important;
}

.leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar {
	border: 0px solid rgba(0,0,0,0) !important;
}

.leaflet-container .leaflet-control-attribution {
    background: #fff;
    background: rgb(255, 255, 255) !important;
}

.leaflet-control a {
    font-size: 0.8rem !important;
}

/** Open Street Map Plugin auf Startseite **/
#primary .map .ol-popup {
	padding: 30px !important;
	border-radius: 0 !important;
	border: 0px !important;
	min-width: none !important;
}

#primary .map .ol-popup-closer {
	background: none !important;
}

.map.undefined {
	margin-bottom: 25px;
	width: 100% !important;
	border: 0px !important;
}

.map.undefined, .map.undefined .ol-viewport {
	overflow: visible !important;
}

.ol-attribution ul {
	padding-right: 0px !important;
}

.ol-attribution.ol-control {
	bottom: 0px !important;
	background: #fff !important;
	background-color: #fff !important;
	width: 100% !important;
	max-width: none !important;
}

.ol-attribution li, .ol-attribution li a {
	font-size: 0.8rem !important;
}

.map.undefined .ol-layer canvas {
	width: 100% !important;
}

.ol-control {
	background-color: transparent !important;
	border-radius: 0px !important;
}

.ol-control button {
	font-family: 'inter regular', sans-serif !important;
    color: #000 !important;
    font-size: 1.25rem !important;
    font-weight: normal !important;
    height: 35px !important;
    width: 35px !important;
    background-color: #ffcc00 !important;
    border: none !important;
	margin: 5px !important;
	border-radius: 0px !important;
}

.ol-control button:hover, .ol-control button:focus, .ol-control button:active {
    color: #fff !important;
    background-color: #000 !important;
}

#primary .ums_map_opts h3.umsMarkerTitle {
	font-family: 'inter bold', sans-serif !important;
}

#ultimate_maps_3_19747 .leaflet-popup-content .umsMarkerDesc, #ultimate_maps_3_19747 .leaflet-popup-content .umsMarkerDesc p, #primary .ums_map_opts .umsMarkerDesc > p {
    font-size: 1.1rem !important;
    margin: 0 0 5px 0 !important;
}

.ums_map_opts .leaflet-pane .leaflet-tile-pane {
	-webkit-filter: grayscale(100%) contrast(1.1);
	-moz-filter: grayscale(100%) contrast(1.1);
	-ms-filter: grayscale(100%) contrast(1.1);
	-o-filter: grayscale(100%) contrast(1.1);
	filter: grayscale(100%) contrast(1.1);
}


/** --------------------------------------------------------------

		LAYOUT
		
-----------------------------------------------------------------**/
#primary {
	padding-top: 65px;
	max-width: 900px;
	margin-left: auto;
	margin-left: 0px;
}

.single-post #primary {
	margin-bottom: 0px;
}

#primary .site-main {
	padding-bottom: 75px;
}

/** Startseite **/
#aktuell-block-startseite {
	padding: 2% 0 0 10%;
	margin-bottom: 75px;
}



/** Content in der Höhe angepasst bei shrinked Header **/
.shrink + #content {
	/**top: 115px;**/
	top: 70px;
	position: relative;
}

.shrink + .entry-content {
	margin-top: 24px;
}

.home .shrink + .entry-content {
	margin-top: 0px;
}

/** Header **/
.site-branding {
    margin: 0;
    padding: 0;
	width: 532px;
    height: 75px;
}

.shrink .site-branding {
    height: 55px;
}

.site-branding img {
	max-width: none !important;
	width: 100%;
	height: auto;
	transition: ease 0.3s;
}

.site-branding img:hover {
	opacity: 0.2;
}

header .site-menu {
    margin-right: 2%;
    margin-left: auto;
    max-width: calc(98% - 550px);
}

/** Primary (Main Content) **/
.site-content-wrapper {
	z-index: 2;
}

body:not(.no-sidebar) .site-content-wrapper, .widget-area-wrapper {
    width: 100%;
	max-width: none;
	display: block;
}

.hentry-wrapper {
	width: 100%;
}

.site-header-wrapper {
    width: calc(100% - 2%);
    padding-top: 30px;
    margin-left: 2%;
}

.site-header-wrapper {
    width: 100%;
    padding-top: 30px;
    padding-left: 2%;
	margin: 0px;
	background: #ffffff00;
}

body:not(.no-sidebar) .content-area {
	width: calc(98% - 550px);
	float: left;
	margin-bottom: 60px;
	padding: 0px 0px 0px 2%;
    clear: both;
    display: block;
}

.content-area {
	width: 100%;
	float: left;
}

body .content-area {
    width: calc(98% - 550px);
    float: left;
    padding: 0px 0px 0px 2%;
    clear: both;
    display: block;
}

.hentry {
    padding-bottom: 0;
    padding-top: 0;
}

.hentry-wrapper {
	max-width: none;
}

.site-content-wrapper {
	max-width: none;
}

.site-content-wrapper #primary .entry-hero img {
    margin: 15px auto 35px auto;
    /**width: 30%;**/
    display: block;
	width: 100%;
    /**max-height: 700px;**/
	max-height: unset;
}

.site-content-wrapper #primary .entry-hero img + p.caption {
	text-align: right;
	font-size: 10px;
	margin-top: -25px;
}

.wp-block-image figcaption {
	text-align: right;
	font-size: 10px;
	margin-top: 5px;
}

#primary .entry-content img {
	margin-top: 7px;
}

#primary .entry-content #top-beitrag-startseite img {
	max-width: 350px;
	box-shadow: 6px 6px 2px #dddddd8a;
}

#primary .entry-content #top-beitrag-startseite img:hover {
	filter: grayscale(30%) contrast(0.9);
}

#primary .entry-content .metaslider img {
    margin-top: 0px;
	width: 100%;
	box-shadow: 6px 6px 2px #dddddd8a;
}

.home #primary .entry-content .metaslider img {
	width: 80%;
}

.su-tabs {
	margin: 10px 0px 1.5em 0px !important;
	border-radius: 0px !important;
	padding: 0px !important;
	background: #e3e3e3 !important;
}

.su-tabs-nav  {
	background: #fff;
}

.su-tabs-nav span {
    margin-right: 0px !important;
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
	color: #000 !important;
    font-size: 1.1rem !important;
	font-family: 'inter regular', sans-serif !important;
	padding: 15px 30px 15px 30px !important;
	border-top: 1px solid #e3e3e3;
	border-right: 0px solid #e3e3e3;
	border-left: 1px solid #e3e3e3;
	background-image: linear-gradient(to top, #e3e3e3 0%, #fff 80%, #fff 100%) !important;
}

.su-tabs-nav span:hover {
	background: #fff !important;
	background-image: none !important;
}

.su-tabs-nav span.su-tabs-current {
    background: #fff !important;;
    border-top: 1px solid #e3e3e3;
    border-right: 0px solid #e3e3e3;
    border-left: 1px solid #e3e3e3;
	position: relative;
}

.su-tabs-nav span:last-child, .su-tabs-nav span:last-child + span.su-tabs-current {
	border-right: 1px solid #e3e3e3;
}

.su-tabs-nav span.su-tabs-current::before {
    content: '';
    background-color: #fff;
    background-size: 1px 100%;
    background-repeat: no-repeat;
    position: absolute;
    background-position: bottom;
    z-index: 1;
    width: 100%;
    height: 1px;
    display: block;
    bottom: 0px;
    left: 0;
}

.su-tabs-pane {
    border-bottom-right-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
	color: #000 !important;
    font-size: 1.1rem !important;
	font-family: 'inter regular', sans-serif !important;
	padding: 30px !important;
	border-top: 1px solid #e3e3e3;
}

.su-tabs-pane-open {
	margin: 1px;
	margin-top: 0px;
	margin-bottom: 0;
	bottom: 1px;
	position: relative;
}

aside#secondary.widget-area {
	padding-top: 70px;
}

.home aside#secondary.widget-area {
	padding-top: 0px;
}

aside#secondary.widget-area .rahmen-grau {
	background-color: #fff;
}

aside#secondary #text-9 {
	position: relative;
	top: 20px;
	padding-left: 12px;
}

/** Wordpress-Galerie in Artikel **/
.gallery .gallery-item .wp-caption-text {
	font-size: 10px !important;
	text-align: right !important;
	padding-top: 10px !important;
	font-style: normal !important;
}

/** Metaslider ohne Links in den Captions (z.B. in Beiträgen) **/
.metaslider .caption-wrap {
	background: white !important;
	opacity: 1 !important;
	top: 10px;
	position: relative !important;
}

.home .metaslider .caption-wrap {
	position: absolute !important;
	top: unset;
}

/**.home .metaslider .caption-wrap a {
	background-size: 5px !important;
}**/

.metaslider .caption {
    padding-top: 5px !important;
	padding-right: 0px !important;
    color: #000 !important;
    font-size: 10px !important;
    text-align: right !important;
}

/** Metaslider auf Startseite: Bildershow mit Veranstaltungen & Projekten **/
.home .metaslider {
	float: left;
	clear: both;
	margin-bottom: 75px;
}

#metaslider-id-662 .slides .caption-wrap {
	width: 50%;
	padding: 20px 0px 0px 20px;
	opacity: 1;
	background: #fff;
	right: 0;
	left: unset;
	/**bottom: -7px;**/
	/**bottom: -44px;**/
	right: -7px;
	bottom: unset;
	top: calc(100% - 50px);
	margin-bottom: -6px;
}

#metaslider-id-662 .slides .caption {
	text-align: left !important;
	padding-left: 15px;
}

#metaslider-id-662 .slides .caption-wrap a {
	text-align: left;
	float: none;
	font-family: 'courier prime', serif;
	font-size: 1.6rem;
	line-height: 130%;
	bottom: -4px;
	position: relative;
	background-position: 0px calc(100% - 6px);
}

/** Metaslider auf Startseite: Schülerprojekte & Auszeichnungen **/
#metaslider-id-245 {
	max-height: 311px;
	height: max-content;
	border: 1px solid #c9c9c9;
	background: #fff;
}

.metaslider {
	margin-bottom: 1.5em;
}

#metaslider-id-245 .flex-viewport {
	max-height: 311px;
	height: max-content;
}

#metaslider-id-245.metaslider .flexslider {
	max-height: 311px;
	height: max-content;
}

#metaslider-id-245 ul li img {
	width: auto;
	margin: auto;
	max-width: 90%;
}

.entry-content #metaslider-id-245.metaslider a {
	background-size: 100%;
}

.metaslider .flexslider .flex-direction-nav li a, #metaslider-id-662.metaslider-flex.ms-theme-default a.flex-next:focus, #metaslider-id-662.metaslider-flex.ms-theme-default a.flex-prev:focus {
	background-image: url('img/pfeil-links-rechts.png') !important;
	background-size: 136px 100%;
	background-position: 0px calc(100% - 0px);
	width: 68px !important;
	height: 101px !important;
	top: calc(50% - 63px) !important;
	margin: 0px !important;
}

.metaslider .flexslider .flex-direction-nav li.flex-nav-prev a {
	background-position: 0px 0px;
}

.metaslider .flexslider .flex-direction-nav li.flex-nav-next a {
	background-position: right 0px;
}

.metaslider .flexslider .flex-direction-nav li a:hover {
	background-image: url('img/pfeil-links-rechts-h.png') !important;
	text-shadow: none !important;
}

.slides li:focus-within {
	outline: 0px solid rgba(255, 255, 255, 0) !important;
}

/** Kalenderliste im Content **/
.ics-calendar > .ics-calendar-title {
	display: none;
}

#primary .entry-content .ics-calendar .ics-calendar-label {
	/**border-bottom: 1px dotted #9cbe0c;**/
	border-bottom: 1px dotted #aeaeae;
    padding-bottom: 10px;
    text-transform: uppercase;
    font-family: 'courier prime' !important;
	font-size: 1.95rem !important;
	color: #e2007a !important;
	color: #000 !important;
}

#primary .entry-content .ics-calendar .ics-calendar-date {
	margin-bottom: 5px !important;
}

#primary .entry-content .ics-calendar .ics-calendar-date-wrapper .events:last-child {
    margin-bottom: 45px;
    /**border-bottom: 1px dotted #9cbe0c;**/
	border-bottom: 1px dotted #aeaeae;
    padding-bottom: 25px;
}

/** Shortcodes im Content **/
.su-pullquote-align-left {
	/**border: 1px solid #97bf0d !important;**/
	border: 1px solid #e3e3e3 !important;
	padding: 35px 35px 35px 35px !important;
	width: 50% !important;
	margin: 10px 1.5em 1.2em 0px !important;
}

.su-pullquote-align-right {
	/**border: 1px solid #97bf0d !important;**/
	border: 1px solid #e3e3e3 !important;
	padding: 35px 35px 35px 35px !important;
	width: 50% !important;
	margin: 10px 0px 1.2em 1.5em !important;
}

.su-note {
	/**width: 50%;**/
	width: 100%;
	float: left;
	/**margin: 10px 35px 25px 0px !important;**/
	margin: 10px 0px 1.5em 0px !important;
	border-color: #e2007a !important;
	border-width: 5px !important;
	border-radius: 0px !important;
	background-color: #fff !important;
}

.su-note h1 {
	margin-top: -16px !important;
}

.su-note h2 {
	margin-top: -12px !important;
}

.su-note h1:after {
	content: url('img/wichtig-zeichen-pk-h.png');
	position: relative;
	top: 12px;
	left: 8px;
}

.su-note h2::after {
    content: url('img/wichtig-zeichen-pk-h.png');
    position: relative;
    top: 12px;
    left: 8px;
}

.su-note-inner {
    padding: 35px !important;
    border-width: 0 !important;
    border-style: solid !important;
	background-color: #fff !important;
	border-radius: 0px !important;
}

.home .su-note {
	width: 100%;
	margin: 10px 0px 25px 0px !important;
}

.su-spoiler {
	margin-bottom: 25px !important;
	/**border-bottom: 1px dotted #9cbe0c;**/
	border-bottom: 1px dotted #aeaeae;
	padding-bottom: 18px;
}

aside #text-9 .su-spoiler {
	border-bottom: 0px;
}

#alle-beitraege-block .su-spoiler {
    margin-bottom: 0px !important;
    border-bottom: 0px dotted #ffffff00;
    padding-bottom: 0px;
}

.su-spoiler-style-default > .su-spoiler-title {
	font-weight: normal;
	font-size: 1.25rem;
	padding-top: 0 !important;
	padding-left: 30px !important;
}

#alle-beitraege-block .su-spoiler-title {
	width: max-content;
    background: #ffcc00;
    padding-top: 30px !important;
    padding-bottom: 26px;
    padding-left: 30px !important;
    padding-right: 30px;
}

#alle-beitraege-block .su-spoiler-title > .su-spoiler-icon {
	top: -5px !important;
	left: -5px !important;
}

#alle-beitraege-block .su-spoiler-content.su-u-clearfix.su-u-trim {
	background: #ffcc00;
}

#alle-beitraege-block .su-spoiler-content.su-u-clearfix.su-u-trim ul {
	padding: 30px !important;
}

#alle-beitraege-block .su-spoiler-content.su-u-clearfix.su-u-trim ul li a {
	background: none;
}

#alle-beitraege-block .su-spoiler.su-spoiler-style-default.su-spoiler-icon-plus .su-spoiler-icon::before {
	background: #fff;
}

#alle-beitraege-block .su-spoiler.su-spoiler-style-default.su-spoiler-icon-plus.su-spoiler-closed .su-spoiler-icon::before {
	background: #ffcc00;
}


#alle-beitraege-block .su-spoiler-content.su-u-clearfix.su-u-trim ul li a:hover, #alle-beitraege-block .su-spoiler-content.su-u-clearfix.su-u-trim ul li a:active, #alle-beitraege-block .su-spoiler-content.su-u-clearfix.su-u-trim ul li a:focus {
    text-decoration: underline;
}

.su-spoiler-style-default > .su-spoiler-content {
    padding-left: 0 !important;
	top: -9px;
	position: relative;
}

.su-spoiler-style-default > .su-spoiler-title:hover, .su-spoiler-style-default > .su-spoiler-title:active, .su-spoiler-style-default > .su-spoiler-title:focus {
	text-decoration: underline;
}

.su-spoiler-title:focus {
  outline: none !important;
}

.su-spoiler-icon {
    font-size: 1.25rem;
    font-family: 'inter regular', sans-serif !important;
	top: 0px !important;
	line-height: 20px !important;
}

.su-spoiler-icon-plus.su-spoiler-closed .su-spoiler-icon::before {
	border: 1px solid #ffcc00;
	content: '+' !important;
	font-size: 1.25rem;
	background: #ffcc00;
	border-radius: 100%;
	height: 24px !important;
	width: 24px !important;
	left: -4px !important;
	top: -2px !important;
	position: absolute;
}

.su-spoiler-icon-plus.su-spoiler-closed .su-spoiler-icon:hover:before, .su-spoiler-icon-plus.su-spoiler-closed .su-spoiler-icon:active:before, .su-spoiler-icon-plus.su-spoiler-closed .su-spoiler-icon:focus:before {
	border: 1px solid #000;
	border-radius: 100%;
	background: #ffcc00;
}

.su-spoiler-icon-plus .su-spoiler-icon::before {
    content: '–' !important;
	border: 1px solid #000;
	border-radius: 100%;
	height: 24px !important;
	width: 24px !important;
	left: -4px !important;
	top: -2px !important;
	position: absolute;
}


/** Marginale / (Custom) Sidebar right **/
#kalenderblock {
	width: 35%;
	width: 550px;
	float: left;
	padding-left: 2%;
	margin-right: 2%;
	margin-right: auto;
	margin-top: 60px;
	/**order: 2;**/
}

#kalenderblock {
	display: none;
}

.home #kalenderblock, .page-id-261 #kalenderblock, .page-id-3579 #kalenderblock {
	display: block;
}

/** Footer **/
.widget-footer-bottom-area {
    border-top: 0px;
}

.site-footer {
    border-top: 0px;
}

.widget-footer-top-area {
    background: #fff;
}

/** Sidebar **/
#secondary .widget_nav_menu ul {
	border: 0px;
}

#secondary .widget-small.widget_nav_menu li, #primary #aktuell-block-startseite ul li {
	border: 0px;
	max-width: max-content;
	padding: 0px;
	margin-bottom: 10px;
}

#secondary .widget-small.widget_nav_menu li a {
	display: unset;
	margin-bottom: 5px;
	padding: 0px;
}

#primary #aktuell-block-startseite ul li a  {
	display: unset;
	margin-bottom: 5px;
	padding: 0px;
}

.site-content-wrapper .widget-area {
    width: 35%;
	width: 510px;
    padding: 0 0 0 2%;
    float: left;
    /**order: 3;**/
    margin-right: 0;
    margin-left: auto;
    right: 0;
    position: relative;
}

.widget-footer-area {
    padding-top: 0;
}

#tertiary {
	clear: both;
	padding: 70px 0px 100px 0px;
	width: 100%;
	box-shadow: 0px 0px 25px #5656561f;
	/**background-image: url('img/bg-footer-01.png');**/
	background-repeat: no-repeat;
    background-position: bottom right;
    background-size: auto;
    background-color: #fff;
	z-index: 1;
	position: relative;
}

#tertiary.widget-area .widget {
	float: left;
}

#tertiary #text-3, #tertiary #text-7, #tertiary #text-2 {
	padding-right: 0px;
	padding-left: 0px;
}

#tertiary #text-2 {
	width: 550px;
}

#tertiary #text-3, #tertiary #text-7 {
	width: calc(52% - 275px);
	max-width: 450px;
}

#tertiary #text-3 {
	width: calc(46% - 275px);
	margin-left: 2%;
	max-width: 325px;
}

#tertiary #text-7 { 
	max-width: 575px;
}

#tertiary p, #tertiary a{
	font-size: 1rem !important;
}

#tertiary .widget-small .widget-title  {
	font-size: 1.25rem;
}

/** Unterer Footer (Logoleiste) **/
#tertiary.widget-area .widget-footer-area.widget-footer-bottom-area .widget {
	clear: none;
	width: auto;
	padding: 0px;
	margin-right: 20px;
}

#tertiary.widget-area .widget-footer-area.widget-footer-bottom-area .widget:nth-child(3), #tertiary.widget-area .widget-footer-area.widget-footer-bottom-area .widget:nth-child(4), #tertiary.widget-area .widget-footer-area.widget-footer-bottom-area .widget:last-child {
	margin-right: 0px;
}

#tertiary.widget-area .widget-footer-area.widget-footer-bottom-area {
	background-image: url('img/schatten-bottom-footer.png');
	background-repeat: no-repeat;
    background-position: top left;
    padding-top: 95px;	
}



/**#tertiary.widget-area .widget-footer-area.widget-footer-bottom-area .widget-area-wrapper {
	grid-template-rows: 170px;
	grid-template-columns: 0px 250px 250px 250px 210px 250px 250px;
	display: grid;
	margin-left: 2%;
}**/

#tertiary.widget-area .widget-footer-area.widget-footer-bottom-area .widget-area-wrapper {
	margin-left: 2%;
}

#tertiary.widget-area .widget-footer-area.widget-footer-bottom-area .widget-area-wrapper .widget {
	width: 250px;
}

#tertiary.widget-area .widget-footer-area.widget-footer-bottom-area .widget:nth-child(4) {
	width: 220px;
	margin: auto;
	display: block;
}

#tertiary.widget-area .widget-footer-area.widget-footer-bottom-area .widget:nth-child(4) img {
	margin: auto;
	display: block;
}



/** Single Post **/
.single-post .site-main .post {
	padding-bottom: 40px;
}

.single-post .entry-hero + .site-main .entry-header-wrapper {
	display: none;
}


/** ics Calendar Plugin **/
#kalenderblock .ics-calendar.layout-month .ics-calendar-month-grid thead tr th:nth-child(6), .ics-calendar.layout-month .ics-calendar-month-grid thead tr th:nth-child(7) {
	display: none;
}

#kalenderblock .ics-calendar.layout-month .ics-calendar-month-grid tbody tr td:nth-child(6), .ics-calendar.layout-month .ics-calendar-month-grid tbody tr td:nth-child(7) {
	display: none;
}


/** My Calendar Plugin **/
.my-calendar-header .mc-format, .my-calendar-header .my-calendar-date-switcher, .my-calendar-header .mc-print, .my-calendar-header .mc-time, .mc_bottomnav.my-calendar-footer {
	display: none;
}



/** ics calendar **/
#primary .ics-calendar dl.events {
    margin: 0;
}

.ics-calendar-month-grid td {
    height: 90px;
}

.ics-calendar-month-grid tr:last-child td {
    height: 100px;
}

#primary .ics-calendar dl.events dt.time {
    font-weight: normal;
	padding: 0px;
}

#primary .ics-calendar .event .title {
	margin-bottom: 15px;
	display: block;
}

table {
	border-color: #000;
}

#kalenderblock .ics-calendar-month-grid {
    max-width: 510px;
    line-height: 1;
}

#kalenderblock .ics-calendar-month-grid:before {
	content: '';
	width: 1px;
	height: 497px;
	position: absolute;
	left: 0px;
	bottom: 0px;
	background-color: #c9c9c9;
	z-index: 3;
	top: unset;
}

#kalenderblock .ics-calendar table {
	border-color: #c9c9c9;
	margin: 0px;
	border: 1px solid #c9c9c9;
	font-family: 'Inter Regular', sans-serif;
	font-weight: normal;
	font-style: normal;
	background-color: #f1fbff;
	background-color: #fff;
}

#kalenderblock .ics-calendar .ics-calendar-month-grid th, .ics-calendar .ics-calendar-month-grid td {
	background: #ffffff00;
	color: #000000;
	padding: 0;
	text-align: left;
	text-transform: none;
	font-weight: normal;
	font-size: 100%;
	border: 0px solid #c9c9c9;
}

#kalenderblock .ics-calendar .ics-calendar-month-grid th:before, .ics-calendar .ics-calendar-month-grid td:before {
	width: 80%;
	background-color: #000;
	background-position: left 10%;
	content: '';
	position: absolute;
	bottom: 0px;
	height: 1px;
}

#kalenderblock .ics-calendar .ics-calendar-month-grid .past {
	background: #ffffff00;
	opacity: 1;
	position: relative;
}

#kalenderblock .ics-calendar .ics-calendar-month-grid ul.events li {
    border-bottom: 0px solid
}

#kalenderblock .ics-calendar .ics-calendar-month-grid .past .day, .ics-calendar .ics-calendar-month-grid .past .events {
	background: #ffffff00;
	opacity: 0.1;
}

#kalenderblock .ics-calendar .ics-calendar-month-grid .day {
    background: #ffffff00;
    font-weight: normal;
    padding: 0;
}

#kalenderblock .ics-calendar .ics-calendar-month-grid ul.events li.all-day {
    background: #ffffff00;
    border-bottom: none;
    font-weight: normal;
    padding: 0;
}

#kalenderblock .ics-calendar .ics-calendar-month-grid td.future.empty {
	opacity: 1;
}

#kalenderblock .ics-calendar .ics-calendar-month-grid td.future.empty .day {
	opacity: 0.1;
}

#kalenderblock .ics-calendar .ics-calendar-month-grid td.future.empty .day, .ics-calendar .ics-calendar-month-grid td.past.empty .day, .ics-calendar .ics-calendar-month-grid td.past.empty .day {
	opacity: 0.1;
}

#kalenderblock .ics-calendar .ics-calendar-month-grid td.today.empty .day {
	opacity: 1;
}

/** "ganztägig" **/
#kalenderblock .ics-calendar .ics-calendar-month-grid .events .all-day-indicator, #primary .ics-calendar.layout-list .all-day-indicator {
	display: none;
}

#kalenderblock .ics-calendar .ics-calendar-month-grid td.today.empty .day:after {
	content: url('img/today-empty-marker.png');
	opacity: 0.5;
}

#kalenderblock .ics-calendar .ics-calendar-month-grid ul.events li {
    padding: 0;
}

#kalenderblock .ics-calendar .ics-calendar-month-grid .events .all-day-indicator {
    font-size: 80%;
    text-transform: none;
}

#kalenderblock .ics-calendar .ics-calendar-month-grid .events .time {
    font-size: 80%;
    font-weight: normal;
}

#kalenderblock .ics-calendar .ics-calendar-month-grid .events .multiday_first > .time { 
	display: none;
}

#kalenderblock .ics-calendar .ics-calendar-month-grid th::before, .ics-calendar .ics-calendar-month-grid td::before {
    width: 100%;
    background-color: #c3c3c3;
    content: '';
    position: absolute;
    bottom: 0px;
    height: 1px;
    left: 0;
}

#kalenderblock .ics-calendar .ics-calendar-month-grid th:nth-child(1):before, .ics-calendar .ics-calendar-month-grid td:nth-child(1):before {
    width: 90%;
	width: 92%;
    background-color: #c3c3c3;
    content: '';
    position: absolute;
    bottom: 0px;
    height: 1px;
	right: 0;
	left: unset;
}

#kalenderblock .ics-calendar .ics-calendar-month-grid th:nth-child(5):before, .ics-calendar .ics-calendar-month-grid td:nth-child(5):before {
    width: 90%;
    background-color: #c3c3c3;
    content: '';
    position: absolute;
    bottom: 0px;
    height: 1px;
	right: unset;
	left: 0;
}

#kalenderblock .ics-calendar .ics-calendar-month-grid tbody tr:last-child td:before {
	width: 80%;
	background-color: #ffffff00;
	background-position: left 10%;
	content: '';
	position: absolute;
	bottom: 0px;
	height: 0px;
}

#kalenderblock .ics-calendar .ics-calendar-month-grid td::after {
    width: 1px;
    background-color: #c3c3c3;
    content: '';
    position: absolute;
    bottom: 0px;
    height: 100%;
    right: 0;
}

#kalenderblock .ics-calendar .ics-calendar-month-grid th::after {
    width: 1px;
    background-color: #c3c3c3;
    content: '';
    position: absolute;
    bottom: 0px;
    height: 70%;
    right: 0;
}

#kalenderblock .ics-calendar .ics-calendar-month-grid th:nth-child(5):after {
    width: 0px;
}

#kalenderblock .ics-calendar .ics-calendar-month-grid tbody tr:nth-child(5) td:nth-child(5):after, #kalenderblock .ics-calendar .ics-calendar-month-grid tbody tr:nth-child(6) td:nth-child(5):after {
    width: 0px;
}

#kalenderblock .ics-calendar .ics-calendar-month-grid td:nth-child(5):after, .ics-calendar .ics-calendar-month-grid tr:last-child td:nth-child(5):after, .ics-calendar .ics-calendar-month-grid th:nth-child(5):after {
    width: 0px;
    background-color: #c3c3c300;
    content: '';
    position: absolute;
    bottom: 0px;
    height: 100%;
    right: 0;
}

#kalenderblock .ics-calendar .ics-calendar-month-grid tr:last-child td::after {
    width: 1px;
    background-color: #c3c3c3;
    content: '';
    position: absolute;
	top:0px;
    bottom: unset;
    height: 90%;
    right: 0;
}

#kalenderblock .ics-calendar-month-grid .today .day {
    background: #ffffff00;
    color: #000 !important;
	font-family: 'inter bold', sans-serif;
}

#kalenderblock .ics-calendar-month-grid .today .day * {
    color: #000 !important;
}

#kalenderblock .ics-calendar .ics-calendar-month-grid tbody tr td.today .day:after {
	content: url('img/today-marker.png');
	width: 63px;
	height: 63px;
	position: absolute;
	/**top: -18px;**/
	top: -22px;
	left: calc(-21px + 2.85714%);
	background-color: #c3c3c300;
	z-index: -2;
}

#kalenderblock .ics-calendar .ics-calendar-month-grid tbody tr:first-child td.today .day::after {
	top: -22px;
}

#kalenderblock .ics-calendar .ics-calendar-month-grid tbody tr:nth-child(3) td.today .day::after {
    width: 63px;
    height: 63px;
    position: absolute;
    top: -22px;
	left: -15px;
    background-color: #c3c3c300;
    z-index: -2;
}

#kalenderblock .ics-calendar .ics-calendar-month-grid tbody tr:nth-child(3) td.today:nth-child(3) .day::after, #kalenderblock .ics-calendar .ics-calendar-month-grid tbody tr:nth-child(3) td.today:nth-child(4) .day::after, #kalenderblock .ics-calendar .ics-calendar-month-grid tbody tr:nth-child(3) td.today:nth-child(5) .day::after, #kalenderblock .ics-calendar .ics-calendar-month-grid tbody tr:nth-child(4) td.today .day::after, #kalenderblock .ics-calendar .ics-calendar-month-grid tbody tr:nth-child(5) td.today .day::after, #kalenderblock .ics-calendar .ics-calendar-month-grid tbody tr:nth-child(6) td.today .day::after {
    content: url('img/today-marker.png');
    width: 63px;
    height: 63px;
    position: absolute;
    top: -22px;
    left: calc(-18px + 2.85714%);
    background-color: #c3c3c300;
    z-index: -2;
	/** markierung des Tages neu platzieren Änderung vom 23.8.22 **/left: -14px;
}

#kalenderblock .ics-calendar .ics-calendar-month-grid tbody tr td.today {
	mix-blend-mode: multiply;
	position: relative;
}

#kalenderblock .ics-calendar .ics-calendar-month-grid tbody {
	z-index: 0;
	position: relative;
}

#kalenderblock .ics-calendar .ics-calendar-month-grid thead {
	z-index: 1;
	position: relative;
}

#kalenderblock .ics-calendar-month-grid th, .ics-calendar-month-grid td {
	width: calc(14.2857% - 0.95238%);
}

#kalenderblock .ics-calendar-month-grid th:first-child, .ics-calendar-month-grid th:nth-child(5), .ics-calendar-month-grid td:first-child, .ics-calendar-month-grid td:nth-child(5) {
	width: 14.2857%;
}

#kalenderblock .ics-calendar .ics-calendar-month-grid tr th, .ics-calendar .ics-calendar-month-grid tr td {
	padding-left: 1.42857% !important;
	padding-bottom: 1.42857% !important;
	position: relative;
} 

.ics-calendar .ics-calendar-month-grid tr td {
	height: 97px !important;
}

.ics-calendar .ics-calendar-month-grid tr td.off {
	padding-bottom: 0px;
	position: relative;
}

/**.ics-calendar .ics-calendar-month-grid tr:first-child {
	min-height: 111px;
	display: block;
	width: 100%;
} **/

#kalenderblock .ics-calendar .ics-calendar-month-grid tr th {
	padding-top: 10px;
	padding-bottom: 10px;
} 

#kalenderblock .ics-calendar .ics-calendar-month-grid tr th, #kalenderblock .ics-calendar .ics-calendar-month-grid .past .day span, #kalenderblock .ics-calendar .ics-calendar-month-grid .events li, #kalenderblock .ics-calendar .ics-calendar-month-grid .events li span, #kalenderblock .ics-calendar .ics-calendar-month-grid .future .day span, #kalenderblock .ics-calendar .ics-calendar-month-grid .today .day span {
	font-size: 80% !important;
	font-size: 1rem;
	/** Änderung 23.8.22: Position der farbigen Markierung verbessern  position: absolute; **/
}

#kalenderblock .ics-calendar .events .time .show_on_hover {
    font-size: inherit;
}

#kalenderblock .ics-calendar .ics-calendar-month-grid .events li span.title {
	font-size: 80%;
}

.ics-calendar-month-grid .events .title {
    line-height: 1.2 !important;
}

#kalenderblock .ics-calendar-month-grid ul.events {
    min-height: 70px;
}

#kalenderblock .ics-calendar .ics-calendar-select {
	border: none;
	float: left;
	margin-bottom: 25px;
	font-family: 'inter regular', sans-serif;
	font-weight: normal;
	font-style: normal;
	z-index:2;
	background: #ffffff00;
}

select option {
	color: #red;
}

#kalenderblock .ics-calendar.layout-month {
	position: relative;
	z-index: 0;
}

#kalenderblock .past.has_events .events .time {
	display: none;
}


/**#kalenderblock .ics-calendar.layout-month select:before {
    z-index: 1;
    content: '+';
    position: relative;
    width: 30px;
    height: 31px;
    background-color: #ffcc00;
    background-size: 30px 30px;
    left: -2px;
    padding-left: 9px;
    padding-top: 0px;
    float: left;
    top: 4px;
    margin-right: 15px;
}**/

#kalenderblock .ics-calendar.layout-month:hover:before, #kalenderblock .ics-calendar.layout-month:active:before, #kalenderblock .ics-calendar.layout-month:focus:before {
    background-color: #000;
	color: #fff;
}

#kalenderblock .ics-calendar.layout-month .ics-calendar-title, .ics-calendar.layout-month .ics-calendar-label, #kalenderblock .ics-calendar-description, #primary .ics-calendar > .ics-calendar-description {
	display: none !important;
}

#kalenderblock .ics-calendar.layout-month select {
	-webkit-appearance: none;
	appearance:none;
	width:120%;
	background:none;
	background:transparent;
	border:none;
	outline:none;
	left: -44px;
	padding-left: 55px;
	max-width: 350px;
}

#kalenderblock .ics-calendar.layout-month select {
	background-image: url('img/select-plus.png');
	background-repeat: no-repeat;
	background-position: left 269px top 8px;
	background-size: 25px 25px;
}

#kalenderblock .ics-calendar.layout-month select:hover, #kalenderblock .ics-calendar.layout-month select:focus {
	background-image: url('img/select-plus-h.png');
}

#kalenderblock .ics-calendar.layout-month select>option:hover, #kalenderblock .ics-calendar.layout-month select>option:active, #kalenderblock .ics-calendar.layout-month select>option:focus {
	background-color: yellow !important;
	color: #000 !important;
}


/** Kalender übernehmen {ics-datei} **/
.ics-datei {
	margin-bottom: 85px;
}

.ics-datei a:hover, .ics-datei a:active, .ics-datei a:focus {
	filter: grayscale(100%) brightness(0.30);
}

.ics-datei a img {
	float: left;
	margin-left: 9px;
	margin-right: 15px;
}

.ics-datei a p {
	font-size: 0.9rem;
	top: 3px;
	position: relative;

}

.ics-datei a { 
	background: none !important;
}





/** Scroll to Top Button **/
.scroll-top-inner {
    opacity: 0.6 !important;
    background: #58c6f2 !important;
    border-radius: 100% !important;
	border: 0 !important;
}

.scroll-top-inner:hover, .scroll-top-inner:active, .scroll-top-inner:focus {
    opacity: 1 !important;
}

.scroll-top-inner:before {
	content: url('img/pfeil-nach-oben.png');
	height: 30px;
	width: 26px;
	position: absolute;
	z-index: 5;
	top: 10px;
	left: 12px;
}
	

.scroll-top-inner span {
    right: 0 !important;
	top: -1px;
	color: #58c6f2 !important;
}

/** Footer **/
#colophon {
	display: none;
}

/** Shiftnav Responsive Menü **/
.shiftnav:after {
    height: 0 !important;
    width: 0 !important;
}

#shiftnav-toggle-main, #shiftnav-toggle-main-button {
    background: #ffcc00 !important;
	background: #fff !important;
}

#shiftnav-toggle-main {
	border: 1px solid #c9c9c9;
}

#shiftnav-toggle-main-button {
	color: #000 !important;
}

#shiftnav-toggle-main {
    font-size: 19px;
    top: 28px !important;
    right: 17px !important;
	transform: translateX(0px) !important;
	z-index: 999999 !important;
}

.shiftnav .shiftnav-inner .shiftnav-panel-close {
	visibility: hidden;
}

.shiftnav.shiftnav-skin-standard-dark {
	background-color: #fff !important;
	padding-top: 15px !important;
	padding-left: 15px !important;
}

.shiftnav.shiftnav-right-edge {
    -webkit-transform: translateX(100vw) !important;
    -moz-transform: translateX(100vw) !important;
    -ms-transform: translateX(100vw) !important;
    -o-transform: translateX(100vw) !important;
    transform: translateX(100vw) !important;
}

.shiftnav.shiftnav-right-edge.shiftnav-open-target {
	-webkit-transform: translateX(0) !important;
    -moz-transform: translateX(0) !important;
    -ms-transform: translateX(0) !important;
    -o-transform: translateX(0) !important;
    transform: translateX(0) !important;
}


#menu-hauptmenue-top-1 {
	padding: 0px !important;
	background-color: #ffffff00 !important;
}

.shiftnav, .shiftnav-no-transforms .shiftnav {
	width: 100vw !important;
	background-image: url('img/bg-shiftnav.png') !important;
	background-position: right bottom !important;
	background-repeat: no-repeat !important;
	background-size: auto;
}

.shiftnav .shiftnav-menu-title {
	display: none !important;
}

.shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu > li.menu-item > .shiftnav-target {
	text-transform: none !important;
	text-shadow: none !important;
	border: none !important;
	-webkit-box-decoration-break: clone;
}

.shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item.current-menu-item > .shiftnav-target {
	background: #ffcc00 !important;
}

.shiftnav ul.shiftnav-menu li.menu-item > .shiftnav-target, .shiftnav ul.shiftnav-menu li.shiftnav-retract > .shiftnav-target {
	width: max-content !important;
    padding: 7px 15px !important;
	margin-bottom: 15px;
}

.shiftnav ul.shiftnav-menu li.menu-item > .shiftnav-target {
	font-size: 1.6rem !important;
}

.shiftnav-target:hover, .shiftnav-target:active, .shiftnav-target:focus {
	background: #ffcc00 !important;
}
/**.menu-item-777 {
    margin-top: 50px;
    border: 0px solid;
    max-width: max-content;
    padding: 0;
    margin-left: 15px;
    margin-top: 50px;
}

.menu-item-777 a {
	padding: 15px;
	margin: 0px;
	border: 1px solid #000;
}

.menu-item-777 a:hover, .menu-item-777 a:active, .menu-item-777 a:focus {
	background: #000;
	color: #fff;
}**/

/** Neue Startseite page-id-3579 **/
body.page-id-3579 {
	background-image: none;
}

body.page-id-3579 .content-area {
	width: 98%;
	float: right;
	padding: 0px;
}

.page-id-3579 #primary {
	max-width: 100%;
	margin-left: 0px;
	padding-left: 0px;
	padding-top: 45px;
}

.page-id-3579 .entry-hero {
	position: relative;
	right: 0px;
	max-height: 70vh;
	max-width: 83%;
	height: 70vh;
	width: 83%;
	overflow: hidden;
	float: right;
	margin-bottom: 75px;
	box-shadow: 6px 6px 2px #dddddd8a;
	
}

.page-id-3579 .site-content-wrapper #primary .entry-hero img {
	margin: 0px auto 35px auto;
}

.page-id-3579 .site-content-wrapper #primary .entry-hero img {
	display: block;
	width: auto;
	min-height: 70vh;
	max-width: unset;
	max-height: unset;
	object-fit: cover;
	width: -webkit-fill-available;
}

.page-id-3579 #aktuell-block-startseite {
	padding: 9% 0 0 0%;
	position: absolute;
	z-index: 2;
}

.page-id-3579 #primary #aktuell-block-startseite ul li {
	background: #fff;
	padding: 16px;
	margin-bottom: 0px;
	margin-bottom: -9px;
}

.page-id-3579 #primary #aktuell-block-startseite ul li.cat-aktuell-sehr-wichtig {
	padding-right: 58px;
}

.home .site-content-wrapper #primary .entry-hero img + p.caption, .page-id-3579 .site-content-wrapper #primary .entry-hero img + p.caption {
	position: absolute;
	top: 5px;
	right: 10px;
	margin-top: 0px;
	writing-mode: vertical-rl;
	-webkit-writing-mode: vertical-rl;
	float: left;
	text-shadow: 0px 2px 1px rgba(255, 255, 255, 0.6);
	letter-spacing: 2px;
}

.page-id-3579 #kalenderblock {
	background: #fff;
	padding-bottom: 0px;
	z-index: 5;
	position: relative;
}

.page-id-3579 .ics-datei {
	clear: both;
}

/** Top-Beitrag auf Startseite (abgeschaltet) **/
.page-id-3579 #top-beitrag-startseite {
	display: none;
}

/** Top-Beitrag auf Startseite (abgeschaltet) **/
#icons-random {
	position: absolute;
	width: 100vw;
	height: 70vh;
	z-index: 1;
	mix-blend-mode: multiply;
}



/* The side navigation menu */

.sidenav {
	height: 100%; /* 100% Full-height */
	width: 0; /* 0 width - change this with JavaScript */
	position: fixed; /* Stay in place */
	z-index: 12; /* Stay on top */
	top: 0;
	right: -90px;
	background-color: #FFF; 
	overflow-x: hidden; /* Disable horizontal scroll */
	padding-top: 60px; /* Place content 60px from the top */
	transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
	box-shadow: -5px 0px 25px #56565657;
	overflow: visible; /** eingefügt um aktuelen Tag in linker Spalte vollständig anzuzeigen **/
}

/* The navigation menu links */
.sidenav a {
	padding: 8px 8px 8px 32px;
	text-decoration: none;
	font-size: 25px;
	color: #818181;
	display: block;
	transition: 0.3s;
}

/* When you mouse over the navigation links, change their color */
.sidenav a:hover {
	color: #f1f1f1;

}

/* Position and style the close button (top right corner) */
.sidenav .closebtn {
	width: 0px;
	position: fixed;
	top: 0;
	/**right: 25px; **/
	font-size: 36px;
	margin-left: 50px;
	transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
}

/* Style page content - use this if you want to push the page content to the right when you open the side navigation 

#main {
	transition: margin-left .5s;
	padding: 20px;
} */

#mySidenav + span {
	right: 0px;
	position: fixed;
	top: 55vh;
	z-index: 9;
	height: 237px;
	width: 90px;
	background-image: url("https://xn--ge-bockmhle-0hb.de/wp-content/uploads/2025/11/button-kalender.svg");
	background-size: auto;
	background-repeat: no-repeat;
	color: rgba(255, 255, 255, 0);
	color: transparent;
	cursor: pointer;
}

#mySidenav + span:hover, #mySidenav + span:active, #mySidenav + span:focus {
	background-image: url("https://xn--ge-bockmhle-0hb.de/wp-content/uploads/2025/11/button-kalender-hover.svg");
}

/**#mySidenav::after {
	content: url("https://xn--ge-bockmhle-0hb.de/wp-content/uploads/2025/11/hintergrund-slideout-kalender.png");
	position: fixed;
	display: block;
	width: 200px;
	height: 300px;
	right: 0px;
	z-index: -10;
	background-size: 922px 1249px;
	background-size: contain;
	top: 310px;
}**/
	

/**#mySidenav + span::before {
	background: radial-gradient(circle,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
	content: "Kalender";
 }**/

#mySidenav .closebtn {
	top: 55vh;
	z-index: 4;
	position: fixed;
	margin: 0;
	padding: 0;
	width: 0px;
	height: 237px;
	right: -90px;
	color: rgba(255, 255, 255, 0) !important;
	background: url("https://xn--ge-bockmhle-0hb.de/wp-content/uploads/2025/11/button-kalender-close.svg");
	background-repeat: no-repeat;
	background-size: 90px 237px;
	float: right;
	background-position-x: right;
	
}

#mySidenav .closebtn:hover, #mySidenav .closebtn:active, #mySidenav .closebtn:focus {
	background-image: url("https://xn--ge-bockmhle-0hb.de/wp-content/uploads/2025/11/button-kalender-close-hover.svg");
	
}

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}

/** Seite springt nach oben, wenn shrinkheader **/
.page-id-3579 header#masthead.shrink ~ #content {
	top: 77px;
	position: relative;
}

/** Pfeile (links & rechts) für Beitragsslider 
https://xn--ge-bockmhle-0hb.de/wp-content/uploads/2025/11/pfeil-links-rechts.png		**/



/** Post Carousel Slider mit Teasern von Beiträgen **/
/** Post Carousel **/
#psacp-post-carousel-wrap-1 {
	clear: both;
	width: 80vw;
	margin: auto;
	margin-right: calc(10vw + 2%);
	margin-left: calc(10vw - 2%);
}

.psacp-post-img-bg {
	box-shadow: 6px 6px 2px #dddddd8a;
}

.page-id-3579 #primary .entry-content .psacp-post-carousel-content img {
	margin-top: 0px;
	mix-blend-mode: multiply;
	position: relative;
	z-index: 3;
}

.psacp-post-img-bg:after {
	content:'';
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(204,204,204,0.4);
	z-index: 2;
	position: absolute;
	top: 0px;
}

#primary .entry-content #psacp-post-carousel-wrap-1img {
	margin-top: 0;
}

#primary .entry-content .psacp-post-carousel-wrap.psacp-design-2 .psacp-post-carousel-content {
	text-align: left;
	border: 0px;
	padding: 30px;
}

#primary .entry-content .psacp-post-title {
	margin: 0px !important;
}

#primary .entry-content .psacp-post-carousel-wrap.psacp-design-2 .psacp-post-margin-content {
	padding: 0px;
	left: 20%;
	position: relative;
	max-width: 80%;
	top: -48px;
	z-index: 3;
}

#primary .entry-content .psacp-post-carousel-wrap.psacp-design-2 .psacp-post-margin-content::after {
	content: '';
	height: 100px;
	width: calc(100% + 35px);
	left: -20px;
	position: absolute;
	top: -15px;
	background: #fff;
	z-index: 0;
	}

#primary .entry-content h2.psacp-post-title {
	font-family: "inter regular" !important;
	font-weight: normal;
	z-index: 1;
	position: relative;
	display: block;
	transition: color 0.3s;
}

#primary .entry-content h2.psacp-post-title a:hover, #primary .entry-content h2.psacp-post-title a:active, #primary .entry-content h2.psacp-post-title a:focus {
	color: #999 !important;
}

#primary .entry-content h2.psacp-post-title a {
	background: none;
	font-size: 22px;
	line-height: 30px;
}

.psacp-post-carousel-wrap .owl-dots .owl-dot.active {
	background: #ffcc00;
	border: 1px solid #ffcc00;
}

.psacp-post-carousel-wrap .owl-dots .owl-dot {
	width: 20px !important;
	height: 20px !important;
	padding: 0px !important;
	background: none;
	margin: 0 5px;
	border-radius: 100%;
	display: inline-block;
	box-shadow: none;
	border: 1px solid #c4c4c4;
}

#psacp-post-carousel-wrap-1 .owl-nav {
	top: 120px !important;
	margin-top: 0px;
}

#psacp-post-carousel-wrap-1 .owl-prev {
	right: unset;
	position: absolute;
	left: -75px;
	bottom: unset;
	padding: 0px !important;
	background: none;
	background-image: url('img/pfeil-links-rechts.png') !important;
	background-size: 136px 100% !important;
	background-position: 0px calc(100% - 0px) !important;
	width: 68px !important;
	height: 101px !important;

}

#psacp-post-carousel-wrap-1 .owl-next {
	right: unset;
	position: absolute;
	right: -75px;
	left: unset;
	bottom: unset;
	padding: 0px !important;
	background: none;
	background-image: url('img/pfeil-links-rechts.png') !important;
	background-size: 136px 100% !important;
	background-position: 100% calc(100% - 0px) !important;
	width: 68px !important;
	height: 101px !important;

}

#psacp-post-carousel-wrap-1 .owl-prev:hover, #psacp-post-carousel-wrap-1 .owl-prev:focus, #psacp-post-carousel-wrap-1 .owl-prev:active {
	background-image: url('img/pfeil-links-rechts-h.png') !important;
}

#psacp-post-carousel-wrap-1 .owl-next:hover, #psacp-post-carousel-wrap-1 .owl-next:focus, #psacp-post-carousel-wrap-1 .owl-next:active {
	background-image: url('img/pfeil-links-rechts-h.png') !important;
}

.owl-nav .owl-prev span, .owl-nav .owl-next span {
	color: rgba(255, 255, 255, 0);
}

.psacp-post-content {
	z-index: 2;
	position: relative;
	float: right;
}

.psacp-post-desc {
	display: none;
}

.psacp-post-content a.psacp-rdmr-btn {
	padding: 12px;
	background: #ffcc00; 
	margin-top: 5px;
	transition: all 0.3s;
}

.psacp-post-content a.psacp-rdmr-btn:hover, .psacp-post-content a.psacp-rdmr-btn:active, .psacp-post-content a.psacp-rdmr-btn:focus {
	padding: 12px;
	background: #000;
	color: #fff; 
}

.page-id-3579 #primary + #kalenderblock {
	display: none;
}

.page-id-3579 #secondary {
	width: 98%;
}

#secondary .rahmen-grau {
	overflow: hidden;
}

.page-id-3579 #sch-sek, .page-id-3579 #bild-camp, .page-id-3579 #ref-prak {
	float: left;
	width: 33.3%;
}

#bild-camp .kontaktliste-in-beitrag {
	margin-bottom: 0px;
}

#karte {
	width: 50%;
}








/** Mediaqueries **/

@media screen and (max-width: 1625px){
.main-navigation a {
    font-size: 1rem;
}

.site-branding img {
    max-width: none !important;
    width: 65%;
}

header .site-menu {
    max-width: calc(98% - 400px);
}

.shrink .site-branding img {
    width: 50%;
}
}

@media screen and (max-width: 1480px){
#tertiary.widget-area .widget-footer-area.widget-footer-bottom-area .widget-area-wrapper {
    grid-template-columns: 0px 16% 16% 16% 16% 16% 16%;
}
}

@media screen and (max-width: 1325px){
.gdpr.gdpr-privacy-bar .gdpr-wrapper, .gdpr.gdpr-reconsent-bar .gdpr-wrapper {
    padding: 25px 25px;
}
}

@media screen and (max-width: 1325px){
#aktuell-block-startseite {
    padding-left: 0;
}
}

@media screen and (max-width: 1285px){
.home #primary .entry-content #top-beitrag-startseite .display-posts-listing a.image {
    top: -150px;
    margin-right: -120px;
}
}

@media screen and (max-width: 1285px){
#primary .entry-content > ul, #primary .entry-content .su-spoiler ul {
	padding-left: 20px;
}
}

@media screen and (max-width: 1235px) {
#masthead.site-header.shrink .site-header-wrapper {
	padding-bottom: 41px;
}

#masthead.site-header.shrink .site-branding {
	top: 12px;
	position: relative;
}

#masthead.site-header.shrink .site-branding img {
	width: 56%;
}
.page-id-3579 #sch-sek, .page-id-3579 #bild-camp, .page-id-3579 #ref-prak {
    float: unset;
	width: 100%;
}
#mapConElem_3_37500 {
    width: 80%;
    height: 500px;
}
#karte {
    width: 80%;
}
#karte .ums_MapPreview {
    height: 500px;
}
}

@media screen and (max-width: 999px){
.site-menu, .menu-toggle {
	display: none;
}
#masthead.site-header.shrink .site-header-wrapper {
	padding-bottom: 8px; 
    padding-top: 17px;
}
.back-top {
	display: none !important;
}
#menu-item-777 {
	display: block;
}
#moodle-button {
	display: none;
}
#masthead.site-header.shrink .site-branding {
	top: 0px;
}

#masthead.site-header.shrink .site-branding img {
	width: 50%;
}
}

@media screen and (max-width: 1225px){
.home #primary .entry-content #top-beitrag-startseite .display-posts-listing li > a.title:after {
    width: calc(100% + 30px);
}
}


@media screen and (max-width: 1175px){
#tertiary #text-2 {
	clear: left;
	width: calc(96% - 375px);
	margin-left: calc(2% + 375px);
	max-width: none;
}

#tertiary #text-3 {
    width: 45%;
    max-width: 375px;
}
#tertiary #text-7 {
	width: calc(96% - 375px);
	max-width: none;
}
}

@media screen and (max-width: 1025px){
#tertiary.widget-area .widget-footer-area.widget-footer-bottom-area .widget:nth-child(3), #tertiary.widget-area .widget-footer-area.widget-footer-bottom-area .widget:nth-child(4), #tertiary.widget-area .widget-footer-area.widget-footer-bottom-area .widget:last-child {
    margin-right: 20px;
    width: 250px;
}
}

@media screen and (max-width: 1015px){
body:not(.no-sidebar) .content-area {
	width: 98%;
}

body {
    background-image: none;
}

#primary {
    max-width: none;
}

aside#secondary.widget-area {
	padding-top: 0px;
	width: 98%;
	max-width: none;
	border-top: 0px;
	margin-bottom: 60px;
}

aside#secondary #text-9 {
	padding-left: 0;
}

.single-post #primary {
	margin-bottom: 0px;
}

body .content-area {
    width: 98%;
}

.home #primary .entry-content .metaslider img {
    width: 100%;
}

#kalenderblock {
    width: 98%;
	margin-left: 2%;
	padding-left: 0px;
}

.ics-calendar-select {
	float: none;
}

#kalenderblock .ics-calendar-month-grid {
    max-width: 98%;
}

.page-id-261 #kalenderblock {
	display: none;
}

#kalenderblock .ics-calendar table {
	margin-bottom: 75px;
}

#kalenderblock .ics-calendar-month-grid ul.events {
    min-height: 12.5vw;
}

#kalenderblock .ics-calendar-month-grid tbody tr td {
    /**height: calc(15px + 12.5vw);**/
	contain: content;
	height: auto !important;
}

/**#secondary {
	display: none;
}**/
}

@media screen and (max-width: 925px){
.gdpr-wrapper {
    height: 70vh;
    width: 70vw;
    min-width: unset;
    min-height: unset;
    top: 15vh;
}

#tertiary #text-7 {
    width: 49%;
	float: left;
}

#tertiary #text-3 {
    width: 47%;
	max-width: none;
	float: left;
}

#tertiary #text-2 {
    clear: left;
    width: 49%;
    margin-left: 49%;
}

#content.site-content {
    margin-top: 0;
}

#psacp-post-carousel-wrap-1 .owl-prev, #psacp-post-carousel-wrap-1 .owl-next {
    background-size: 96px 100% !important;
    height: 68px !important;
	width: 48px !important;
}
#psacp-post-carousel-wrap-1 .owl-next {
	right: -40px;
}
#psacp-post-carousel-wrap-1 .owl-prev {
	left: -40px;
}
}

@media screen and (max-width: 875px){
#metaslider-id-662 .slides .caption-wrap {
    width: 75%;
    bottom: -2px;
}
}


@media screen and (max-width: 782px){
#kalenderblock .ics-calendar-month-grid tbody tr {
    height: unset;
}
#kalenderblock .ics-calendar-month-grid::before {
	height: 0px;
	width: 0px;
	display: none;
}
#kalenderblock .ics-calendar.layout-month select {
    padding-left: 43px;
}
#kalenderblock .ics-calendar.layout-month select {
	padding-left: 0px;
}

#kalenderblock .ics-calendar.layout-month select {
	left: 0px;
}

.ics-calendar .ics-calendar-month-grid tr td {
	padding-left: 0 !important;
}

#kalenderblock .ics-calendar .ics-calendar-month-grid .day span {
	font-family: 'inter bold', sans-serif;
	font-weight: normal;
	margin-bottom: 0px;
}

#kalenderblock .ics-calendar .ics-calendar-month-grid .future .day span, #kalenderblock .ics-calendar .ics-calendar-month-grid .events li span, #kalenderblock .ics-calendar .ics-calendar-month-grid .today .day span {
	font-size: 1.1rem !important;
}

#kalenderblock .ics-calendar .ics-calendar-month-grid .today .day span {
	margin-bottom: 0px;
}
#kalenderblock .ics-calendar table {
    border: 0px;
	background-color: #ffffff00;
}
#kalenderblock .events .event {
	margin-bottom: 15px;
}
.ics-calendar-month-grid tbody tr td, .ics-calendar:not(.nomobile) .ics-calendar-month-grid td {
	border: 0px;
	border-bottom: 1px solid #c9c9c9;
	margin-bottom: 25px;
}
.ics-calendar-past-events-toggle, body:not(#tinymce) .ics-calendar:not(.nomobile) .phone_only.inline_block {
	height: 0px;
	overflow: hidden;
	width: 0px;
}
#kalenderblock .ics-calendar .ics-calendar-month-grid .events .time, #kalenderblock .ics-calendar .ics-calendar-month-grid .events li span.title, #kalenderblock .ics-calendar .ics-calendar-month-grid tr th, #kalenderblock .ics-calendar .ics-calendar-month-grid .past .day span, #kalenderblock .ics-calendar .ics-calendar-month-grid .events li, #kalenderblock .ics-calendar .ics-calendar-month-grid .events li span, #kalenderblock .ics-calendar .ics-calendar-month-grid .future .day span, #kalenderblock .ics-calendar .ics-calendar-month-grid .today .day span {
	font-size: 0.9125rem;
	font-size: 1.25rem;
	line-height: 1.5;
}
#kalenderblock .ics-calendar .ics-calendar-month-grid th:nth-child(1)::before, .ics-calendar .ics-calendar-month-grid td:nth-child(1)::before, #kalenderblock .ics-calendar .ics-calendar-month-grid th::before, .ics-calendar .ics-calendar-month-grid td::before, #kalenderblock .ics-calendar .ics-calendar-month-grid th:nth-child(5)::before, .ics-calendar .ics-calendar-month-grid td:nth-child(5)::before, #kalenderblock .ics-calendar .ics-calendar-month-grid td::after, #kalenderblock .ics-calendar .ics-calendar-month-grid tr:last-child td::after {
    width: 0px;
    height: 0px;
}
#kalenderblock .ics-calendar .ics-calendar-month-grid tr th, .ics-calendar .ics-calendar-month-grid tr td {
    padding-bottom: 25px;
}
#kalenderblock .ics-calendar .ics-calendar-month-grid tr th, .ics-calendar .ics-calendar-month-grid tr td {
    padding-left: 0;
}
#kalenderblock .ics-calendar .ics-calendar-select {
	float: none;
}
#kalenderblock .ics-calendar .ics-calendar-month-grid tbody tr:nth-child(3) td.today:nth-child(3) .day::after, #kalenderblock .ics-calendar .ics-calendar-month-grid tbody tr:nth-child(3) td.today:nth-child(4) .day::after, #kalenderblock .ics-calendar .ics-calendar-month-grid tbody tr:nth-child(3) td.today:nth-child(5) .day::after, #kalenderblock .ics-calendar .ics-calendar-month-grid tbody tr:nth-child(4) td.today .day::after, #kalenderblock .ics-calendar .ics-calendar-month-grid tbody tr:nth-child(5) td.today .day::after, #kalenderblock .ics-calendar .ics-calendar-month-grid tbody tr:nth-child(6) td.today .day::after {
	content:'';
}
#kalenderblock .ics-calendar .ics-calendar-month-grid tbody tr td.today .day::after {
    content: normal;
}
#kalenderblock .ics-calendar-month-grid .today .day {
	background: #bcd6ec;
	width: max-content;
	padding: 8px 14px 9px 14px;
	margin-bottom: 10px;
}
#kalenderblock .ics-calendar-month-grid ul.events {
    min-height: unset;
}
}

@media screen and (max-width: 768px){
.su-tabs-nav span {
    margin-right: 0px !important;
}
}

@media screen and (max-width: 700px){
#tertiary #text-3, #tertiary #text-2, #tertiary #text-7 {
    width: 98%;
    max-width: none;
    float: left;
	margin-right: 0px;
	margin-left: 2%;
}
#tertiary {
    padding: 70px 0px 200px 0px;
    /**background-image: url('img/bg-footer-01-kl.png');**/
    background-position: bottom;
    background-size: 100%;
}
}

@media screen and (max-width: 48em){
.su-pullquote-align-right {
    border: 1px solid #97bf0d !important;
    border: 1px solid #e3e3e3 !important;
    padding: 35px 35px 35px 35px !important;
    width: 100% !important;
    margin: 1.5em 0px 1.5em 0px !important;
	clear: right;
}
.su-pullquote-align-left {
    border: 1px solid #97bf0d !important;
    border: 1px solid #e3e3e3 !important;
    padding: 35px 35px 35px 35px !important;
    width: 100% !important;
    margin: 1.5em 0px 1.5em 0px !important;
	clear: left;
}
blockquote:before {
    content: url(img/quote-mark-kl.png);
    height: 23px;
    width: 18px;
    position: absolute;
    left: -2px;
    top: 4px;
}
}

@media screen and (max-width: 645px){
.page-id-3579 #primary {
	padding-bottom: 0px;
	margin-bottom: 0px;
}
}

@media screen and (max-width: 645px){
.shiftnav-target {
	box-decoration-break: clone;
	display: unset !important;
}

.shiftnav ul.shiftnav-menu li.menu-item {
    margin-bottom: 15px !important;
	padding-right: 90px !important;
}

.home #primary .entry-content #top-beitrag-startseite .display-posts-listing a.image {
	float: none;
	top:0px;
	display: block;
	margin-bottom: 15px;
	margin-right: 0px;
	background: none;
}

#primary {
    padding-top: 0px;
}

#primary .entry-content #top-beitrag-startseite img {
    max-width: none;
}

#primary .entry-content #top-beitrag-startseite img {
    width: 100%;
    margin-right: 0px;
    margin-bottom: 2%;
}

.home #primary .entry-content #top-beitrag-startseite .display-posts-listing li > a.title::after {
    background-color: #ffffff00;
    height: 0px;
}

#top-beitrag-startseite {
    padding-top: 0px;
}
.home #primary .entry-content #top-beitrag-startseite .display-posts-listing li > a.title::after {
    top: 0;
    left: 0;
}
}

@media screen and (max-width: 525px){
body {
	font-size: 15px !important;
}
.gdpr.gdpr-privacy-bar .gdpr-wrapper .gdpr-content p, .gdpr :not(textarea):not(input):not(select) {
	font-size: 0.9rem !important;
}

.gdpr.gdpr-privacy-bar .gdpr-agreement {
	font-size: 1.5rem !important;
}

.gdpr-wrapper {
    height: 70vh;
    width: 90vw;
    top: 15vh;
}

h1, h2, h3, h4, h5, h6, p, li, dt, dl, ul, ol, table, td, tr, th, a, button, span, code, kbd, pre, samp, blockquote, address, big, cite, em, font, img, small, strike, sub, sup, fieldset, form, label, legend, caption, .main-navigation a {
	font-size: 0.9125rem;
}

#primary .entry-content blockquote, #primary .entry-content blockquote p {  
	font-size: 1.1rem;
}

.home #primary .entry-content #top-beitrag-startseite .display-posts-listing .excerpt-more a {
	font-size: 0.9125rem !important;
}

.shrink .site-menu .main-navigation .primary-menu a {
	font-size: 0.75rem;
}

.entry-title, h2.ics-calendar-title, .site-title a, .ics-calendar .ics-calendar-select, h2.widget-title, h1 {
	font-size: 1.2rem;
}

#primary .entry-content .ics-calendar .ics-calendar-label {
    font-size: 1.55rem !important;
}

h3, .su-spoiler-style-default > .su-spoiler-title {
    font-size: 1.1rem !important;
    line-height: 1.5rem;
}

.thc-inline-content .thc-list, .mc-main  {
	font-size: 1.2em;
}

#primary #aktuell-block-startseite .display-posts-listing li a, #secondary .widget_nav_menu ul li a, #metaslider-id-662 .slides .caption-wrap a {
	font-size: 1.2rem;
}

#kalenderblock .ics-calendar .ics-calendar-month-grid th, .ics-calendar .ics-calendar-month-grid td {
	font-size: 100%;
}

#kalenderblock .ics-calendar.layout-month select {
	padding-left: 9px;
}

#kalenderblock .ics-calendar .ics-calendar-month-grid .day {
	padding-left: 9px;
}

#kalenderblock .ics-calendar .ics-calendar-month-grid tr th, #kalenderblock .ics-calendar .ics-calendar-month-grid .past .day span, #kalenderblock .ics-calendar .ics-calendar-month-grid .events li, #kalenderblock .ics-calendar .ics-calendar-month-grid .events li span, #kalenderblock .ics-calendar .ics-calendar-month-grid .future .day span, #kalenderblock .ics-calendar .ics-calendar-month-grid .today .day span {
	font-size: 0.75rem;
}

#kalenderblock .ics-calendar.layout-month select {
    background-position: left 210px top 2px;
}

.entry-content .cat-aktuell-sehr-wichtig a::after {
	content: '';
	height: 30px;
	width: 30px;
	background-image: url('img/wichtig-zeichen-pk.png');
	background-repeat: no-repeat;
	background-size: 30px;
}
.entry-content .cat-aktuell-sehr-wichtig a:hover:after, .entry-content .cat-aktuell-sehr-wichtig a:focus:after, .entry-content .cat-aktuell-sehr-wichtig a:active:after {
	content: '';
	height: 30px;
	width: 30px;
	background-image: url('img/wichtig-zeichen-pk-h.png');
	background-repeat: no-repeat;
	background-size: 30px;
}
.su-note h1::after {
	content:'';
	height: 30px;
	width: 30px;
	position: absolute;
	background-image: url('img/wichtig-zeichen-pk-h.png');
	background-repeat: no-repeat;
	background-size: 30px;
	top: unset;
	left: unset;
	margin-top: -2px;
	margin-left: 7px;
}
.su-note h1 {
    margin-top: 0px !important;
}
#kalenderblock .ics-calendar .ics-calendar-month-grid .events .time, #kalenderblock .ics-calendar .ics-calendar-month-grid .events li span.title, #kalenderblock .ics-calendar .ics-calendar-month-grid tr th, #kalenderblock .ics-calendar .ics-calendar-month-grid .past .day span, #kalenderblock .ics-calendar .ics-calendar-month-grid .events li, #kalenderblock .ics-calendar .ics-calendar-month-grid .events li span, #kalenderblock .ics-calendar .ics-calendar-month-grid .future .day span, #kalenderblock .ics-calendar .ics-calendar-month-grid .today .day span {
	font-size: 0.9125rem;
	line-height: 1.5;
}
.post-navigation .post-title {
    font-size: 0.9125rem;
	line-height: 1.5;
}
}

@media screen and (max-width: 525px){
.gdpr-wrapper {
	height: 90vh;
	top: 5vh;
}

#primary img {
	/**width: 96%;**/
	margin-right: 0px;
	margin-bottom: 2%;
	margin: 0px;
}
}

@media screen and (max-width: 485px){
.site-header {
    background: #ffffff00;
}

.site-branding img {
    max-width: none !important;
    width: calc(98% - 90px);
}

.shrink .site-branding img {
    width: calc(98% - 90px);
}

.shrink .site-header-wrapper {
    box-shadow: none;
    background: #fff0;
	top: -80px;
	position: relative;
}

.site-header.shrink {
	background: #ffffff00;
	top: -80px;
	position: relative;
}
}

@media screen and (max-width: 650px) {
.site-header {
    background: #ffffff00;
}

.shrink .site-header-wrapper {
    box-shadow: none;
    background: #fff0;
	top: -80px;
	position: relative;
}

.site-header.shrink {
	background: #ffffff00;
	top: -80px;
	position: relative;
}
header#masthead.shrink {
	height: 0px;
	width: 0px;
}
}

@media screen and (min-width: 1px){
.shiftnav {
    max-width: none !important;
}
}









/** Footer **/
/**.footer-nav-widgets-wrapper {
	background: #f2f2f2;
}

@media screen and (min-width:1000px) {
.header-inner.section-inner {
	margin-left: 4rem !important;
}
}

@media screen and (max-width:775px) {
.home .thc-inline-content .date {
	width: 50%;
}
}

@media screen and (max-width: 999px){
.mobile-nav-toggle {
	height: 60px;
	background-color: rgb(255, 238, 0) !important;
	background: #ffcc00 !important;
    padding-top: 7px !important;
    padding-bottom: 30px !important;
}

.mobile-nav-toggle .toggle-text {
	font-family: "inter regular", sans-serif;
	color: #000 !important;
	font-size: 0.8em;
}

.search-toggle .toggle-text {
	font-family: "inter regular", sans-serif;
	color: #000 !important;
	font-size: 0.8em;
}
	
.mobile-search-toggle {
	right: 20px;
	left: auto;
	top: 70px;
}

.header-titles-wrapper {
    justify-content: left;
}

.header-inner .toggle {
    align-items: normal;
    margin-top: 26px;
}

#site-header .section-inner {
	margin-left: 0px;
}

#site-header {
    background: transparent;
	margin-bottom: 30px;
}
}

@media screen and (max-width: 699px){
.header-titles-wrapper {
	padding-left: 2rem !important;
	padding-right: 0px !important;
	max-width: 90% !important;
}

.header-inner .toggle {
	padding-right: 0px !important;
}
}

@media screen and (max-width: 520px){
.header-inner .toggle {
    margin-top: 25vw;
}

.site-logo img {
    max-height: none;
}

#site-header {
    margin-bottom: 26vw;
}

.header-inner {
    max-width: 100%;
    width:100%;
}

.header-titles-wrapper {
    padding-right: 2rem !important;
    max-width: 100% !important;
}
}
**/