/*
Theme Name: Liebigschule
Description: A Child Theme for the Enfold Wordpress Theme. 
Version: 1.0
Author: spoondesign
Author URI: https://www.spoondesign.de
Template: enfold
*/

/* Typo */

h1, h2, h3, h4, h5, h6 {
	letter-spacing: 0.05vh;
}

#main p > a:hover {
    text-decoration: none;
	border-bottom: 2px solid;
}

#main p > a:hover img {
    margin-bottom: -2px;
}

#main p > a[class*="lightbox-added"] {
  border: none !important;
}

#socket a:hover {
    text-decoration: none;
}

blockquote {
    border-left-style: dotted;
    border-left-width: 3px;
    padding-left: 16px;
    margin-bottom: 1.5em;
    margin-right: 1.5em;
    font-size: 1.2em;
    line-height: 1.6em;
    font-weight: 300;
    max-width: 88%;
}

.lehrer-liste p {
    column-count: 4;
    margin: 0px;
}

@media screen and (max-width: 989px) {
	.lehrer-liste p { column-count: 2; }
}

@media screen and (max-width: 479px) {
	.lehrer-liste p { column-count: 1; }
}

.avia-button:active {
    border: none !important;
}

.av-image-caption-overlay p {
    font-size: 1rem;
}

/* Logo */

.logo, .logo a {
    overflow: visible;
}

.logo a::after {
    content: '';
    background: url('/wp-content/uploads/images/lio-titel.svg');
	width: 20vw;
	max-width: 260px;
    height: 100%;
    background-repeat: no-repeat;
    background-position-y: center;
    background-size: contain;
    float: left !important;
	margin-left: 15px;
	transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
}

.logo img, .logo svg {
    float: left !important;
    max-height: 100px !important;
    top: 10px;
}

.header-scrolled .logo img, .header-scrolled .logo svg {
    max-height: 60px !important;
    top: 4px;
	transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
}

.header-scrolled .logo a::after {
    background-position-y: 15px;
	transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
}

@media only screen and (min-width: 768px) and (max-width: 989px) {
	.logo a::after { width: 230px; }
}

@media only screen and (max-width: 767px) {
	
	.responsive .logo img, .responsive .logo svg { display: none; }
	
	.logo a::after {
    content: '';
    background: url(/wp-content/uploads/images/lio-logo.svg);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position-y: center;
    background-size: contain;
    float: left !important;
    margin-left: 0px;
	}
}

/* Top Menü */

#header .sub_menu {
    bottom: -18px;
    right: 8px;
    top: unset;
}

@media only screen and (max-width: 767px) {
.responsive #header .sub_menu ul {
    text-align: right;
    position: relative;
    bottom: -5px;
    right: -10px;
	}
}

/* Suche */

#menu-item-search a {
    color: #878887 !important;
}

.first-level-link.current-menu-item > a {
    color: #878887 !important;
}

@media only screen and (max-width: 479px) {
	#menu-item-search { display: none !important; }
}

.ajax_search_response h4 {
    font-size: 16px;
    font-family: 'roboto','HelveticaNeue','Helvetica Neue','Helvetica-Neue',Helvetica,Arial,sans-serif;
    color: #333;
}

.av_ajax_search_title {
    text-transform: none;
    font-size: 14px;
    font-weight: normal;
    color: #333 !important;
}

.ajax_search_excerpt {
    font-style: normal;
}

.template-search .entry-content-wrapper .post-title {
    font-size: 18px;
    margin: 0px !important;
}

.template-search .entry-content-wrapper .post-meta-infos {
    font-size: 15px;
    top: 1px;
}

/* Mega Menü */

#header .avia_mega_div {
    box-shadow: 0px 3px 6px -4px hsla(0,0%,56.1%,.5);
}

#top #header .mega_menu_title a {
    font-size: 18px;
    font-weight: 400;
    pointer-events: none;
    letter-spacing: 1px;
    margin-bottom: 6px;
	line-height: 140%;
	color: #79242f;
}

#top #header .mega_menu_title a:hover, #top .avia_mega_div ul li > a:hover {
    text-decoration: none;
    color: #79242f !important;
	background-color: transparent;
}

#header .avia_mega_div .sub-menu .avia-bullet {
    display: none;
}

#header .avia_mega_div ul li ul.sub-menu li a {
    font-size: 14px;
    padding: 6px 0px !important;
}

#top #header .avia_mega_div > .sub-menu.avia_mega_hr {
    padding-top: 10px;
}

@media only screen and (max-width: 989px) {
.responsive #top .nomobile.menu-item {
    display: none;
	}
}

.menu-bold a {
    font-weight: 700 !important;
    letter-spacing: 0.035em;
}

/* Untermenüs */

.a-z-menu {
    box-shadow: 0 0 2px 1px rgba(0,0,0,0.1);
}

/* Startseite */

#start-news {
	border-radius: 0px;
	border-left: 3px dotted #a81010;
	padding: 5px 15px 10px 25px;
	outline: 20px solid #F5F4F3;
}

@media only screen and (min-width: 990px) {
	#start-news { 
		top: -80px; 
	}
}

@media only screen and (max-width: 989px) {
	#start-news {
    	margin-bottom: 75px !important;
    	margin-top: 15px !important;
	}
}

@media screen and (max-width: 479px) {
	#start-news {
		outline: 25px solid #F5F4F3;
		border: none !important;
    	width: calc(100% + 50px) !important;
    	top: -25px;
    	left: -25px;
		margin-bottom: 50px !important;
    	margin-top: 0px !important;
	}
}

/* Seiten Banner */

#header-headline-sektion {
    overflow: hidden;
}

#header-headline-background::before {
    position: inherit;
    content: '';
    left: -200%;
    width: 200%;
    height: 100%;
    visibility: visible;
    background-color: rgba(245,244,243,0.8);
}

#header-headline-background {
    height: 100%;
    position: absolute;
    top: 0;
    display: table;
    background-color: rgba(245,244,243,0.8);
    max-width: 60%;
	max-height: 33vh;
}

#header-headline {
    display: table-cell;
    vertical-align: middle;
    hyphens: auto;
}

span.no-break {
    hyphens: none;
}

#header-headline-background::after {
    position: inherit;
    content: '';
    width: 0;
    height: 0;
    border-bottom: 40vh solid transparent;
    visibility: visible;
    border-left: 200px solid rgba(245,244,243,0.8);
}

/* Blog */

.blog-meta .small-preview {
    display: none;
}

#top .fullsize .template-blog .post-meta-infos, #top .fullsize .template-blog .post-title {
    text-align: left;
}

.entry-content-header .post-meta-infos, .single-post .post-title.entry-title {
    pointer-events: none;
}

.text-sep {
    padding: 2px;
    font-size: 0px;
}

.post-title.entry-title {
    padding: 0px !important;
    margin: 10px 0 -5px !important;
}

.entry-content p {
    font-size: 16px;
    text-align: left;
    line-height: 1.65em;
}

body .alignleft, .entry-content-wrapper a:hover .alignleft {
    margin: 5px 20px 5px 0;
}

body .alignright, .entry-content-wrapper a:hover .alignright {
    margin: 5px 0 5px 15px;
}

.wp-caption-text {
    font-size: 13px !important;
    line-height: 144% !important;
	font-style: normal;
    padding: 3px 10px 5px 5px;
    font-family: 'roboto','HelveticaNeue','Helvetica Neue','Helvetica-Neue',Helvetica,Arial,sans-serif;
    color: #888;
}

/* Zurück-Button */

a.java-back {
    font-size: 13px;
    color: #fff !important;
    padding: 3px 0 2px;
    background: #a81010;
    display: flow-root;
    max-width: 80px;
    text-align: center;
    text-decoration: none !important;
    margin-top: 30px;
    border: none;
    border-bottom: 1px solid #860000;
    border-radius: 3px;
}

a.java-back:hover {
    background: #AF2626;
	transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
}

#footer-page a.java-back {
	display: none;
}

/* Blog-Masonry */

#top .container .av-masonry.av-large-gap {
    padding: 0px;
}

.av-masonry-entry .avia-arrow {
    display: none;
}

.av-masonry-entry .av-masonry-entry-title {
    font-size: 18px;
}

.av-masonry-date, .av-masonry-text-sep, .av-masonry-author {
    font-size: 12px;
}

.av-masonry-entry .av-masonry-date::after {
    content: 'Weiterlesen';
    padding: 3px 13px;
    font-size: 13px;
    background: #fff;
    display: block;
    border-radius: 3px;
    width: max-content;
    margin-top: 10px;
	transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
}

.av-masonry-entry .av-masonry-date:hover::after {
	color: #fff;
    background: #a81010;
	transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
}

/* Abstand (Whitespace) mit Linie */

.dotted-line {
    border-top: 3px dotted #a81010 !important;
    margin-top: 50px !important;
}

/* Akkordeon */

#top .togglecontainer p.toggler {
    border-color: #79242f;
}

.toggle_icon .vert_icon, .toggle_icon .hor_icon {
    background: #79242f;
}

/* Kalender */

.ics-calendar * {
    font-size: 0.9rem;
}

.ics-calendar-label {
    font-size: 1.5rem;
	padding: 5px 0px 15px;
}

.ics-calendar-month-grid ul.events {
	color: #000;
}

#top .event:nth-child(2n) {
    filter: brightness(1.05);
}

.ics-calendar-month-grid ul.events li {
    border-bottom: 1px solid #f9f9f9;
}

.ics-calendar-month-grid ul.events li.all-day,
.ics-calendar-month-grid .events .time {
    font-weight: inherit;
}

.ics-calendar .today.has_events {
    background: #fcfcfc;
    box-shadow: inset 4px 0px 0px 0px #eee;
}

.events .title_in_hover_block {
    display: none;
}

.ics-calendar-month-grid .day {
    color: #333;
	background: #eee;
}

.ics-calendar-month-grid .past, .main_color .ics-calendar-month-grid tr:nth-child(2n) {
    background: #f9f9f9 !important;
}

.ics-calendar-month-grid .off {
    background: inherit;
}

.ics-calendar-month-grid {
    outline: 1px solid #FCFCFC;
    outline-offset: -1px;
}

/* Downloads */

ul.dlm-downloads {
    margin-top: 25px;
	list-style: none outside !important;
    margin-left: 0;
}

.dlm-downloads li {
    margin-left: 0;
}

.download-link {
    background: #a81010;
	padding: 12px 16px 10px;
	font-size: 13px;
	min-width: 90px;
	line-height: 133%;
	color: #fff !important;
    border-radius: 25px !important;
    box-decoration-break: clone;
	display: inline-block;
    margin: 3px 0px 12px;
}

.download-link:hover {
    background: #B02727 !important;
	text-decoration: none !important;
	border-bottom: none !important;
	transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
}

#top a.download-link::before {
	content: url("/wp-content/uploads/images/download-icon.png");
	padding-right: 2px; 
	opacity: 1;
	position: unset; 
	display: inline;
}

@media screen and (min-width: 480px) {
	#jahresplan .dlm-downloads { column-count: 2; }
}

.dlm-xhr-loading-gif, .dlm-xhr-progress {
	display: none !important;
}

/* Speiseplan */

html.avia-mozilla #speiseplan .avia_codeblock::before {
    content: '';
    background-color: #EDEDF0;
    width: 100%;
    height: 33px;
    display: block;
    position: absolute;
}

/* Kooperationspartner-Element (mit Fallback für "aspect-ratio") */

.kooperation a.slide-image:hover {
    background: #fff;
}

.kooperation a.slide-image {
    aspect-ratio: 1/1;
	margin: 5px !important;
	border-radius: 0px !important;
}

@supports not (aspect-ratio: 1/1) {
  .kooperation a.slide-image::before {
    float: left;
    padding-top: 100%;
    content: "";
  }

  .kooperation a.slide-image::after {
    display: block;
    content: "";
    clear: both;
  }
}

.slide-image img {
    position: absolute !important;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto !important;
	padding: 2vh;
	max-height: 90%;
}

/* Bilder Copyright-Angaben (Overlay) */

.avia-image-container.av-has-copyright.av-copyright-icon-reveal .avia-copyright {
    background-color: rgba(0, 0, 0, 0.4);
    right: 5px;
    bottom: 5px;
    border-radius: 15px;
	min-height: 2em;
}

.avia-image-container.av-has-copyright.av-copyright-icon-reveal .avia-copyright:hover {
    width: calc(100% - 10px);
	line-height: 130%;
	padding-top: 4px;
}

.avia-image-container.av-has-copyright.av-copyright-icon-reveal .avia-copyright:hover::after {
    background-color: transparent;
}

/* Kontakt */

#top input[type="text"], #top input[type="input"], #top input[type="password"], #top input[type="email"], #top input[type="number"], #top input[type="url"], #top input[type="tel"], #top input[type="search"], #top textarea, #top select {
	font: 1em 'roboto', 'HelveticaNeue', 'Helvetica Neue', 'Helvetica-Neue', Helvetica, Arial, sans-serif;
}

.input_checkbox_label {
	font-size: 0.9rem !important;
    font-weight: normal !important;
}

.av_contact_privacy_check .input_checkbox_label {
	font-size: 0.8rem !important;
	line-height: 140% !important;
    font-weight: normal !important;
}

/* Enfold Honeypot */

form p.hidden {
    display: none;
}

/* Videos */

.avia_playpause_icon {
    background: rgba(0,0,0,0.45);
    top: 45%;
	height: 70px;
	border-radius: 22px;
}

#top .avia_playpause_icon::before {
    line-height: 72px;
}

.avia_playpause_icon::after {
    content: 'Mit dem Abspielen des Videos laden Sie externe Inhalte und stimmen der Datenübertragung und dem Speichern von Cookies zu.';
    position: absolute;
    line-height: 140%;
	width: 375px;
	left: -146%;
    top: 125%;
    text-align: center;
    background: rgba(0,0,0,0.5);
    padding: 10px;
    border-radius: 6px;
    color: #fff;
}

/* Footer */

#footer-page {
    border: none;
}

#footer-partner {
    background-repeat: no-repeat;
    background-image: url(/wp-content/uploads/images/footer-corner.png);
    background-position: 100% 100%;
    background-attachment: scroll;
}

#footer-partner .image-overlay-inside {
    display: none;
}

#footer-partner .avia-gallery .avia-gallery-thumb a img {
	background: transparent !important;
}

.footer-partner {
	margin: 0px !important;
	padding: 10px;
	}

@media screen and (min-width: 990px) {
	.footer-partner { width: 10% !important; }
}

@media screen and (min-width: 768px) and (max-width: 989px) {
	.footer-partner { width: 20% !important; }
	#top #footer-partner .avia-gallery .avia-gallery-thumb a { width: 16%; }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
	.footer-partner { width: 20% !important; }
	#top #footer-partner .avia-gallery .avia-gallery-thumb a { width: 25%; }
}

@media screen and (max-width: 479px) {
	.footer-partner { width: 50% !important; }
	#top #footer-partner .avia-gallery .avia-gallery-thumb a { width: 33%; }
}

#footer-partner-breakpoint { clear: unset; }

#footer-info .av-section-color-overlay {
    background-repeat: no-repeat;
    background-image: url(/wp-content/uploads/images/lio-stencil.png);
    background-position: 90% 100%;
    background-attachment: scroll;
}

/* Scroll to top */

#scroll-top-link {
	border-radius: 50%;
}

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

.responsive #scroll-top-link {
    display: block;
    right: 20px;
    bottom: 20px;
    height: 40px;
    width: 40px;
    line-height: 38px;
	border-radius: 50%;
}	}