/*
 * Theme "School": ehemals interne Stylesheets aus dem Contao-Backend
 * (der interne CSS-Editor entfaellt in Contao 5). Reihenfolge und Media-Queries
 * entsprechen den bisherigen Einstellungen im Seitenlayout.
 */

/* Basic_settings */
/* Basic_settings.css */
body{background-color:#ffffff;font-family:"Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;;color:#00292B}body.boxed{background-image:url("../images/illustration/i17.jpg");background-position:center top;background-repeat:no-repeat;background-attachment:fixed}#header{background-color:#ffffff;border-color:#3f51b5}#container{background-color:#ffffff}#footer{background-color:#00292B;color:#ffffff}#header-bar{transition: all .5s ease-in-out}#header-bar.headroom--not-top{background-color:rgba(255,255,255,.95);transition: all .5s ease-in-out}#logo{width:30%}.nav-side{background-color:#3f51b5}.hero{background-color:#B9E000;color:#fff;text-transform:uppercase;letter-spacing:.2em;background-attachment:fixed;background-size: 100%}a{color:#3f51b5}a:hover{color:#648EBE}p.info,p.time{}h1,h2,h3,h4,h5,h6{font-weight:400}h1{font-family:"Ubuntu", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;}h2{font-family:"Ubuntu", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;;font-weight:bold}h3{font-family:"Ubuntu", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;}h4{font-family:"Ubuntu", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;}h5{font-family:"Ubuntu", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;}h6{font-family:"Ubuntu", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;}#main h1:after,#main h2:after,.masonry_news h4:after{border-color:#B9E000}#main h3:before{background-color:#B9E000}blockquote,q{color:#00292B}*::selection{background-color:#B9E000}mark{padding:2px;background-color:#3f51b5;border-radius:3px}figcaption{background-color:rgba(255,255,255,.8);color:#00292B}.light{color:#fff;text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4)}.box{border-color:#00292B}.infobox{background-color:#198991}.mod_article .ce_text.intro{font:1.8rem "Homemade Apple", cursive;font-weight:normal}td.weekend{background-color:#C1CEDC}*[class*="btn"] a,a.btn,a.btn-large,a.btn-small,input[type="submit"],button [type="submit"]{border-color:#00292B;color:#00292B}*[class*="btn"] a:hover,a.btn:hover,a.btn-large:hover,a.btn-small:hover,input[type="submit"]:hover,button.submit:hover{border-color:#198991;color:#198991}*[class*="btn"].invert a,a.btn.invert,a.btn-small.invert,a.btn-large.invert{background-color:#00292B;color:#fff}*[class*="btn"].invert a:hover,a.btn.invert:hover,a.btn-small.invert:hover,a.btn-large.invert:hover{background-color:#198991}.light *[class*="btn"] a,.light a.btn,.light a.btn-large,.light a.btn-small,.light input[type="submit"],.light button[type="submit"],*[class*="btn"].light a,.light.btn-large a,.light.btn-small a,.light button[type="submit"]{border-color:#fff;color:#fff}.light *[class*="btn"].invert a,*[class*="btn"].light.invert a{color:#00292B}.light *[class*="btn"] a:hover,a.btn:hover,a.btn-large:hover,a.btn-small:hover,*[class*="btn"].light a:hover,a.btn.light:hover,a.btn-large.light:hover,a.btn-small.light:hover,.light button[type="submit"]:hover{border-color:#198991;color:#198991}#nav li ul,#nav > ul > li:hover > a,#nav > ul:not( :hover ) > li.active > a,#nav ul.level_1 li.trail{background-color:#B9E000}#nav li ul li a:hover,#nav li ul:not( :hover ) li.active a,#nav ul li.active{background-color:#B9E000}#nav li.trail ul.level_2 a{color:#3f51b5}#nav li.trail ul.level_2 a:hover{color:#fff}#nav li a{color:#00292B}#nav li a:active{background-color: #198991 !important}#nav li ul{background-color:#B9E000}#nav li ul.level_2 li.active{background-color:rgba(0,0,0,.2)}#nav > ul > li > a,#nav > ul.level_1 > li > span.active,#nav > ul.level_1 >li > span.forward,#nav > ul.level_1 > li > strong.active,#nav > ul.level_1 >li > strong.forward{font:1.6rem/7rem "Ubuntu", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;;font-weight:bold;color:#3f51b5}#nav li ul.level_2 a,#nav ul.level_2 li span.active,#nav ul.level_2 li strong.active{color:#3f51b5}#nav li ul li a:hover,#nav li ul:not( :hover ) li.active a{background-color:#3f51b5}#nav a.submenu:after,#nav span.submenu:after,#nav strong.submenu:after{border-top-color:#3f51b5}.mod_navigation.subnav > ul > li a:hover,.mod_navigation.subnav > ul > li.active span,.mod_navigation.subnav > ul > li.active strong{background-color:rgba(63,81,181,.1)}.color-1{background-color:#00292B}.color-2{background-color:#3f51b5}.color-3{background-color:#198991}.color-4{background-color:#264761}.color-5{background-color:#FE384D}.color-6{background-color:#B9E000}.color-7{background-color:#C1CEDC}.color-8{background-color:#648EBE}.color-9{background-color:#dedede}input[type="email"],input[type="number"],input[type="search"],input[type="text"],input[type="tel"],input[type="url"],input[type="password"],textarea,select{background-color:rgba(63,81,181,.1);border-top:0px solid #00292B;border-right:0px solid #00292B;border-bottom:1px solid #00292B;border-left:0px solid #00292B;color:#00292B}.card,.two-cards,.three-cards,.four-cards,.five-cards,.six-cards{background-color:#fff;border:1px solid rgba(0,41,43,.1);border-radius:3px;-webkit-transition: all .5s; transition: all .5s}.mod_eventlist .layout_upcoming .info-block{background-color:rgba(63,81,181,.1)}.mod_eventlist .layout_upcoming .more a{background-color:#3f51b5}.mod_eventlist .layout_upcoming .more a:hover{background-color:rgba(63,81,181,.8)}.mod_eventlist .layout_upcoming .more a:before{color:#fff}.mod_eventlist .layout_upcoming .more a:hover:before{color:rgba(255,255,255,.4)}.mod_eventlist .layout_upcoming p.info{border-color:#3f51b5}.mod_eventlist .layout_upcoming .month{color:#00292B}.mod_eventlist .layout_upcoming .day{color:#3f51b5}.mod_eventlist .highlights .date-label{background-color:#fff;-webkit-box-shadow:3px 3px 5px 0 rgba(0,0,0,.6);box-shadow:3px 3px 5px 0 rgba(0,0,0,.6)}.mod_eventlist .highlights .day{color:#3f51b5}.mod_eventlist .highlights .month{color:#3f51b5}.mod_calendar .event{margin-bottom:1px;padding-right:5px;padding-left:5px;border-radius:3px}.mod_calendar .event.cal_1{background-color:rgba(0,41,43,.5)}.mod_calendar .event.cal_2{background-color:rgba(63,81,181,.5)}.mod_calendar .event.cal_3{background-color:rgba(25,137,145,.5)}.mod_calendar .event.cal_4{background-color:rgba(38,71,97,.5)}.mod_calendar .event.cal_5{background-color:rgba(185,224,0,.5)}.style-1{background-color:#264761;color:#ffffff}.style-2{background-color:#C1CEDC;color:#648EBE}.style-3{background-color:#B9E000;color:#ffffff}.style-4{background-image:url("../images/building/b8.jpg");background-position:right center;background-repeat:no-repeat;background-attachment: fixed; background-size: cover; /*creates parallax effect (sort of). Disabled for tablet and small screens. */}.style-5{background-image:url("../images/illustration/i5.jpg");background-position:center top;background-repeat:no-repeat;background-attachment: fixed; background-size: cover; /*creates parallax effect (sort of). Disabled for tablet and small screens. */}.overlay-1:before{background-color:rgba(0,41,43,.9)}.overlay-2:before{background-color:rgba(63,81,181,.9)}.overlay-3:before{background-color:rgba(25,137,145,.9)}.overlay-4:before{background-color:rgba(38,71,97,.9)}.overlay-5:before{background-color:rgba(254,56,77,.9)}.overlay-6:before{background-color:rgba(185,224,0,.9)}.overlay-7:before{background-color:rgba(255,255,255,.4)}a.cboxElement:after{background-color:rgba(185,224,0,.7);background-image:url("files/icon-scale03.png")}a.linked_image:after{background-color:rgba(185,224,0,.7);background-image:url("files/icon-scale01.png")}.masonry_news a.teaser-text{color:#00292B}.more a:after,p a:after,a.hyperlink_txt:after{background-color:#B9E000}

/* Settings_Desktop */
@media (min-width: 1200px) {
/* Settings_Desktop.css */
.full-width #main *[class*="mod_"] .inside,.full-width #footer .inside{max-width:1200px}.boxed #wrapper{max-width:1200px}.boxed #header-bar{max-width:1200px}#header-bar .inside{max-width:1200px}.has-columns #container{max-width:1200px}.add-left #left{width:25%;left: calc(-100% + 25%)}.add-left.add-right #left{width:25%;left: calc(-100% + 25% + 25%)}.add-right #right{width:25%}.add-left #main{width: calc(100% - 25%);left: 25%}.add-right #main{width: calc(100% - 25%)}.add-left.add-right #main{width: calc(100% - 25% - 25%);left: 25%}.hero .inside{max-width:1200px}body{font-size:1.5em}h1{font-size:4.5rem}h2{font-size:3.5rem}h3{font-size:2.8rem}h4{font-size:2.4rem}h5{font-size:1.8rem}h6{font-size:1.5rem}
}

/* Settings_Tablet */
@media (min-width: 769px) and (max-width: 1199px) {
/* Settings_Tablet.css */
.full-width #main div[class*="mod_"] .inside,.full-width #footer .inside{width:100%}.boxed #wrapper{max-width:960px}.boxed #header-bar{max-width:960px}.boxed #header-bar .inside{max-width:960px}.add-left.add-right #left,.add-left.add-right #right{width:50%}body{font-size:1.6em}h1{font-size:3.5rem}h2{font-size:3.2rem}h3{font-size:3.0rem}h4{font-size:2.6rem}h5{font-size:2.0rem}h6{font-size:1.5rem}
}

/* Settings_small */
@media (max-width: 768px) {
/* Settings_small.css */
body.boxed{background-image:none}body{font-size:1.5em}h1{font-size:3.8rem}h2{font-size:3.5rem}h3{font-size:2.8rem}h4{font-size:2.4rem}h5{font-size:2.0rem}h6{font-size:1.5rem}
}

/*
 * Theme "School": Contao 5 kennt das Feld "Bildabstand" nicht mehr.
 * Die bisherigen Abstaende werden ueber diese Klassen gesetzt (per SQL an die Elemente gehaengt).
 */
.img-margin-1 .image_container { margin-top: 30px !important; margin-left: 30px !important; }
.img-margin-2 .image_container { margin-right: 15px !important; margin-bottom: 15px !important; }
.img-margin-3 .image_container { margin-right: 5px !important; margin-bottom: 10px !important; margin-left: 5px !important; }
.img-margin-4 .image_container { margin-bottom: 2rem !important; }
.img-margin-5 .image_container { margin-right: 20px !important; margin-bottom: 20px !important; margin-left: 20px !important; }
.img-margin-6 .image_container { margin-top: 1cm !important; margin-right: 1cm !important; margin-bottom: 1cm !important; margin-left: 1cm !important; }

/* Startseite/Inhaltsbereich "style-2": weisser Hintergrund, Text und Ueberschriften dunkel wie auf den Unterseiten */
.style-2 { background-color: #fff; color: #00292B; }

/* News-Titel: beim Hovern Limetten-Unterstrich wie bei "Weiterlesen" und dem Impressum-Link */
.layout_latest h3 a, .layout_latest h4 a {
	background: linear-gradient(#B9E000, #B9E000) no-repeat left bottom / 0 2px;
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
	transition: background-size 0.3s ease-in-out;
}
.layout_latest h3 a:hover, .layout_latest h4 a:hover { background-size: 100% 2px; }

/* Theme "School": Druckansicht - nur der Inhalt, ohne Kopf, Navigation, Titelbild und Fusszeile */
@media print {
	@page { margin: 15mm 15mm 18mm; }

	#header, #footer, #popup_search, #mobile-menu, .nav-side, .search_label, .search_label_mobile,
	.mod_breadcrumb, .header-image, .title-image, .mod_article.header-image,
	.more, .back, .pdf_link, .ce_youtube, iframe { display: none !important; }

	/* Einblend-Animationen sofort sichtbar, sonst fehlen Inhalte im Ausdruck */
	.animation, .wow, .animated { visibility: visible !important; animation: none !important; opacity: 1 !important; transform: none !important; }

	html, body, #wrapper, #container, #main, .style-1, .style-2, .style-3, .style-4, .style-5 {
		background: #fff !important; color: #000 !important; box-shadow: none !important;
	}
	body { font-size: 11pt; }
	a { color: #000 !important; }

	/* Schulname als Kopfzeile */
	#wrapper:before {
		content: "Ganztagsgrundschule Bruchmühlbach-Martinshöhe";
		display: block;
		margin-bottom: 8mm;
		padding-bottom: 2mm;
		border-bottom: 1px solid #000;
		font: bold 12pt "Ubuntu", "Helvetica Neue", Helvetica, Arial, sans-serif;
		letter-spacing: .05em;
	}
	#container, #main, .mod_article, .mod_article > .inside { margin-top: 0 !important; padding-top: 0 !important; }

	h1, h2, h3, h4 { page-break-after: avoid; break-after: avoid; }
	img, figure, table, .layout_latest, .layout_upcoming { page-break-inside: avoid; break-inside: avoid; }
	img { max-width: 100% !important; height: auto !important; }
}

/* Zwei-Klick-Loesung fuer Google Maps und YouTube (files/school/js/consent-embed.js) */
.consent-embed { display: inline-block; vertical-align: bottom; max-width: 100%; box-sizing: border-box; }
.consent-embed iframe { display: block; max-width: 100%; border: 0; }
.consent-embed.is-loaded { height: auto !important; }
.consent-placeholder {
	display: flex; flex-direction: column; align-items: center; justify-content: center;
	height: 100%; min-height: 200px; padding: 1.5em; box-sizing: border-box;
	background-color: #f2f2f2; border: 1px solid #e1e1e1; text-align: center; color: #00292B;
}
.consent-placeholder p { margin: .4em 0; max-width: 34em; line-height: 1.5; }
.consent-placeholder .consent-text { font-size: .9em; }
.consent-placeholder button {
	margin: .25em; padding: .5em 1.2em; border: 2px solid #3f51b5; border-radius: 3px;
	background-color: #3f51b5; color: #fff; font: inherit; cursor: pointer; transition: all .3s ease-in-out;
}
.consent-placeholder button.consent-always { background-color: #fff; color: #3f51b5; }
.consent-placeholder button:hover, .consent-placeholder button:focus { border-color: #B9E000; }
.consent-placeholder .consent-link { font-size: .85em; }
.consent-revoke {
	margin-top: .4em; padding: 0; border: 0; background: none; color: #3f51b5;
	font: inherit; font-size: .8em; text-decoration: underline; cursor: pointer;
}
.responsive .consent-embed { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; }
@media print { .consent-embed { display: none !important; } }