/* stylesheet des Subthemes */
/* Farbwert blau HTL Steyr Logo -> #C2DEF3 */
:root {
  --color-htl: #3e5787; /* HTL Blau */
  --color-htl2: #d9dde8; /* HTL Blau light - im Headerbild der zweite Blauwert */
  --color-art: #b23c30;				/* Art and Design */
  --color-it: rgb(116, 138, 68); 	/* IT */
  --color-elektronik: #dc6413;		/* Elektronik */
  --color-mechatronik: #37708e;		/* Mechatronik */
  --color-maschinenbau: #51816b;		/* Maschinenbau */
  --color-bg: #3e5787; /* Hintergrundfarbe für großen Header und Footerbereich */
}
body { 
	--color-primary: #C2DEF3; /*--color-primary: #2DA2C5;*/ 
	--color-secondary: #C2DEF3;
	--text-color: #4a4a4a;
	--file-link-color: #0D3D71;
	font-size:16px; /* 22.02.2026 */
	font-family: "clother", sans-serif;
	font-weight: 400; /* Standard: Regular */
	font-style: normal;
}

.art-and-design table thead tr th { background-color:var(--color-art); }
.art-and-design table tbody tr.sum-row td { background-color:var(--color-art); }
.elektronik table thead tr th { background-color:var(--color-elektronik); }
.elektronik table tbody tr.sum-row td { background-color:var(--color-elektronik); }
.it table thead tr th { background-color:var(--color-it); }
.it table tbody tr.sum-row td { background-color:var(--color-it); }
.maschinenbau table thead tr th { background-color:var(--color-maschinenbau); }
.maschinenbau table tbody tr.sum-row td { background-color:var(--color-maschinenbau); }
.mechatronik table thead tr th { background-color:var(--color-mechatronik); }
.mechatronik table tbody tr.sum-row td { background-color:var(--color-mechatronik); }


a {
  color: #0D3D71; /* #000 */
  background-color: transparent;
  text-decoration: none;
  transition: color 0.4s ease;
}

table tr td { border:1px solid var(--color-htl); }

article.node h5 { text-transform: initial; }

.region-primary-menu ul.menu li a {
  /*color: #000;*/
  /*color:white;*/
  /*color:#0D3D71;*/
  color:var(--color-htl);
  font-weight:bold;
  font-size:1rem; /* HTML-Tag ist mit 18px Basis */
}
.region-primary-menu ul.menu li ul li a {
	/*color:var(--text-color);*/
	color:#0D3D71;
}
.search-icon {
	color:#0D3D71;
}
a.file-link {
	color: var(--file-link-color);
}
ul.htl-symbol { list-style-type:none; padding-left:0rem; margin-top:16px; margin-bottom:16px; }
ul.htl-symbol li { padding:2px 0px }
ul.htl-symbol li::before { content: "◢" " "; color: #9fbcdc; }

#block-samc-mahi-content img.portrait { display:inline-block; border-radius:50%; border:4px solid var(--color-htl); }
.ckeditor-col-container .align-left { margin-top:10px; padding-right:20px; }
.ckeditor-col-container table.table tr td { border-width:0px; }

.header.dark {background-color:white; padding:0 0 0 0; gap:0rem; }

.header .header-top {  background-color:var(--color-bg); /* background-color:#3e5787; */ }
.header .header-top .region-header-top { justify-content: right; }
.header .header-top .block-content ul {list-style-type:none; }
.header .header-top .block-content ul li { display:inline-block; padding-left:32px; font-size:75%; padding-bottom:0;}
.header .header-top .block-content ul li a { color:white; }

.header .header-main { padding:0.4rem 0 0.4rem 0; }

.header .page-header { background-image:none; }
header .page-header { padding: 1.5rem 0; background-color:var(--color-bg); /* padding: 2rem 0; background-color:#3e5787; */ }

.site-brand img {
	max-height:88px;
	padding:8px 0px;
}

p { margin-top:0.6rem; margin-bottom:0.6rem; }

ul li:first-child { padding-top:0px; }

#block-samc-content ul li { padding:2px 0; }

.block-region.region-featured-bottom {
	border-top:4px solid var(--color-htl);
	background: #ffffff;
	/*background: linear-gradient(1deg,rgba(255, 255, 255, 1) 0%, rgba(194, 222, 243, 1) 100%);*/
}
.block-region.region-featured-bottom .block-content{
	max-width:1200px;
	margin:0 auto;
	padding-top:1em;
	padding-bottom:2em;
}
.block-region.region-featured-bottom .auszeichnungen {
	display:flex;
	justify-content:space-between;
	gap: 4%;
	align-items: center;
}
.block-region.region-featured-bottom .auszeichnungen > div {

}
.block-region.region-featured-bottom .block-content h3 {
	margin-bottom:0.75em;
}
.block-region.region-featured-bottom .block-content img {
	
}

nav.pager { margin-top: 1.5rem; } 
nav.pager a { color:white; /*background-color:#0D3D71;*/ }

/* footer */
footer.dark { 
	background-color:var(--color-bg);
}
.footer-container {
	gap: 1rem;
	flex-direction: initial;
	flex-wrap:wrap;
}
.footer-container .footer-blocks.footer-region {
	padding-bottom:1%;
	border-bottom:1px solid white;
}
.footer-container .footer-bottom.footer-region {
	width:33%; 
}
.footer-container .footer-bottom.footer-region ul li {
	display:inline-block;
}
.footer-container .footer-bottom.footer-region ul li:before {
	background-color:initial;
}
.footer-container .footer-bottom.footer-region ul li a{
	margin-right:24px;
	
}
.footer-container .footer-bottom-last.footer-region {
	width:65%;
}
.copyright {
	font-size: 0.8rem;
}

/* Suche */
.view-suchergebnis .view-header p { font-weight:bold; } 
.view-suchergebnis .views-row { margin: 0 0 1em 0; padding: 1rem; background: #C2DEF3; }
.view-suchergebnis .views-row .views-field-title { font-weight: bold; }
.view-suchergebnis .views-row .views-field-search-api-excerpt { font-size:90%; }
.view-suchergebnis .views-row a:hover { color:#0D3D71; }


/* Abteilung */
.node-type-abteilung .field--name-field-galerie .field-items { display:flex; justify-content: space-between; flex-wrap: wrap; row-gap: 20px; }
.node-type-abteilung .field--name-field-galerie .field-items > .field-item { width:19%; }
.node-type-abteilung .field--name-field-keywords .field-label:before { content:""; }
.node-type-abteilung .field--name-field-keywords { margin-top:1rem; }
.node-type-abteilung .field--name-field-keywords .field-items { display:flex; } 
.node-type-abteilung .field--name-field-keywords .field-items .field-item { padding-right:2%; }
.node-type-abteilung .field--name-field-keywords .field-items .field-item:before {
	content: "#";
	color: var(--color-primary);	
}
.region-sidebar-second >.block:has(.Art-and-Design) {
  background-color: var(--color-art); 
}
.region-sidebar-second >.block:has(.Informationstechnologie---Netzwerktechnik) {
  background-color: var(--color-it); 
}
.region-sidebar-second >.block:has(.Elektronik-und-Technische-Informatik) {
  background-color: var(--color-elektronik); 
}
.region-sidebar-second >.block:has(.Maschinenbau---Fahrzeugtechnik) {
  background-color: var(--color-maschinenbau); 
}
.region-sidebar-second >.block:has(.Mechatronik) {
  background-color: var(--color-mechatronik); 
}

.field--name-field-lehrerbild img { width: auto; max-width: 50%; }
.Art-and-Design.views-row .node-type-lehrer.node-view-mode-abteilung {
	color:white; 
}
.Informationstechnologie---Netzwerktechnik.views-row .node-type-lehrer.node-view-mode-abteilung {
	color:white; 
}
.Elektronik-und-Technische-Informatik.views-row .node-type-lehrer.node-view-mode-abteilung {
	color:white; 
}
.Maschinenbau---Fahrzeugtechnik.views-row .node-type-lehrer.node-view-mode-abteilung {
	color:white; 
}
.Mechatronik.views-row .node-type-lehrer.node-view-mode-abteilung {
	color:white; 
}
.node-type-lehrer.node-view-mode-abteilung .field--name-field-lehrerbild {
	margin-bottom:4%;
}
.node-type-lehrer.node-view-mode-abteilung .telefon {
	margin-top:4%;
}
.sidebar #block-samc-mahi-views-block-termine-abteilungen-block-1 { background: #3e5787; }
.sidebar #block-samc-mahi-views-block-termine-abteilungen-block-2 { background: #3e5787; }
.sidebar #block-samc-mahi-views-block-termine-abteilungen-block-3 { background: #3e5787; }
.sidebar #block-samc-mahi-views-block-termine-abteilungen-block-4 { background: #3e5787; }
.sidebar #block-samc-mahi-views-block-termine-abteilungen-block-5 { background: #3e5787; }


/* Termine */
.view-termine .view-content h3 { /*border-bottom:4px solid*/ background-color:#C2DEF3; padding:6px;margin-top:24px; }
.view-termine .view-content h3:first-child { margin-top:0; }
.view-termine .views-row { display:flex; gap:10px; }
.view-termine .views-row .uhrzeit { min-width:120px; }
.view-termine .views-row.Informationstechnologie .views-field-title { color:rgb(255, 214, 77); }
.view-termine .views-row.Maschinenbau .views-field-title { color:#17c1ff; } 
.view-termine .views-row.Mechatronik .views-field-title { color:#bdd044; } 
.view-termine .views-row.Elektronik .views-field-title { color:#fff067; }
.view-termine .views-row.ArtandDesign .views-field-title { color:#f49b38; }
.view-termine .views-row.HTLSteyr .views-field-title { color:#9fbcdc; }

/* Termine FullCalendarView */
.view-kalender .view-filters { position: absolute; left: 17%; font-size: 0.75em; }
.view-kalender .view-filters #edit-actions { display:none; }
.view-kalender .view-content { font-size:0.9em; }
.view-kalender .view-content .fc-toolbar { font-size:0.8em; }
.view-kalender .fc-view-container .fc-event { font-size:0.75em; }
.view-kalender .fc-view-container .fc-content { cursor:pointer; cursor:hand; }
.view-kalender .fc-view-container .fc-content.open { white-space:normal }  
.view-kalender .fc-view-container .fc-content:hover { /*white-space:normal;*/ }
.view-kalender .fc-popover.fc-more-popover { width:400px; }
.view-kalender .fc-popover.fc-more-popover .fc-event-container .fc-content { white-space:normal; }
.view-kalender .fc-popover.fc-more-popover .fc-event-container a { }
.view-kalender .js-drupal-fullcalendar button::before, 
.view-kalender .js-drupal-fullcalendar .button::before, 
.view-kalender .js-drupal-fullcalendar .button-primary::before, 
.view-kalender .js-drupal-fullcalendar .button-secondary::before, 
.view-kalender .js-drupal-fullcalendar .button-dark::before { background-color: initial; }
.view-kalender .js-drupal-fullcalendar .fc-sat { width: 10% !important; }
.view-kalender .js-drupal-fullcalendar .fc-sun { width: 10% !important; }

/* Lehrerview */
.view-lehrer { font-size:14px; }
.view-lehrer .view-content { display:flex; flex-wrap:wrap; }
.view-lehrer .view-content .group { width:33%; margin-bottom:1.5%; }
.view-lehrer .view-content .group h3 { line-height:1.2em; margin-bottom:0.1rem; }

/* Termine Sidebar */
.view-termine-abteilungen .view-header h3 { font-size:90%; }
.view-termine-abteilungen .views-row { font-size:80%; border-bottom:1px solid white; padding: 4px 0 4px 0; }
.view-termine-abteilungen .views-row:last-child { border-bottom:0px; }
.view-termine-abteilungen .views-row .views-field-title { font-weight:bold; color:#C2DEF3; }

/* Akkordion Effekt */
.ckeditor-accordion-container > dl { border: 1px solid #0D3D71; }
.ckeditor-accordion-container > dl dd { padding:8px 50px; }
.ckeditor-accordion-container > dl dt > a, .ckeditor-accordion-container > dl dt > a:not(.button) {
	background-color:var(--color-htl); /* #0D3D71 */
	border-bottom:1px solid #fff
	
}
.ckeditor-accordion-container > dl dt > a:hover, .ckeditor-accordion-container > dl dt > a:not(.button):hover {
  background-color: #0D3D71;
  box-shadow: none;
  color: var(--color-secondary);
  text-decoration: none;
}

/* Hightlight-Farbe für gefundene Suchbegriffe */
.highlight { background-color: rgba(194,222,243, 0.4); }

/* Berufsreifeprüfung - Styles für Prüfungen */
.view-pruefungen { margin-bottom:16px; }
.view-pruefungen .view-content { display: grid; grid-template-columns: 1fr 1fr; border:1px solid black; }
.view-pruefungen .view-content .group {  border-bottom:1px solid black; padding:16px; }
.view-pruefungen .view-content .group:last-child {  border-bottom:0px solid black; }
.view-pruefungen .view-content h3 { display:block; }
.view-pruefungen .view-content .views-row { }
.view-pruefungen .view-content .views-row .views-field-title { }
.view-pruefungen .view-content .ausgebucht {
	font-size:80%;
	background-color:#ffb668;
	border:1px solid #ffb668;
	border-radius:2px;
	padding:0px 2px;
}

/* View Downloads Formulare Logo */
.view-downloads .view-content { display:flex; flex-wrap: wrap; justify-content:space-between; }
.view-downloads .view-content .views-group  { margin-top:1rem; width:49%; }
.view-downloads .view-content .views-group h3 { background: var(--color-htl); color:white; }
.view-downloads .view-content .views-group .accordion-arrow { 
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0 12px 3px 16px;
	border-right: 2px solid white;
	border-bottom: 2px solid white;
	transform: rotate(45deg);
	transition: transform 250ms ease;
}
.view-downloads .view-content .views-group .accordion-arrow.is-open { transform: rotate(225deg); }
.view-downloads .view-content .views-group .views-row { display:none; }
.view-downloads .view-content .views-group:nth-child(-n+2) .views-row { display:block; }
/* Ende View Donwloads */


/* Colorbox Einstellungen für Anwendung im Editor */
.galerie-container {
  display: grid;
  /*grid-template-columns: repeat(4, minmax(0, 1fr));*/
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}
.field--name-field-media-image {
  width: 100%;
}

figure[role="group"] {
  position: relative;
  margin: 0;
  overflow: hidden;
}

figure[role="group"] > div,
figure[role="group"] .field-item,
figure[role="group"] a {
  display: block;
  width: 100%;
}

figure[role="group"] img {
  display: block;
  width: 100%;
  height: auto;
}

/* Bildunterschrift im unteren Bildbereich */
figure[role="group"] figcaption {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 12px;
  color: #fff;
  background: rgba(62, 87, 135, 0.85);
  font-size: 0.95rem;
  line-height: 1.4;
  box-sizing: border-box;
}

/* Tablet: 2 Spalten */
@media (max-width: 991px) {
	.galerie-container {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

/* Smartphone: 1 Spalte */
@media (max-width: 575px) {
  .galerie-container {
    grid-template-columns: 1fr;
  }
}
/* Ende Colorbox Einstellungen für Anwendung im Editor */


@media screen and (max-width: 992px) {
	.view-lehrer .view-content .group { width:50%; margin-bottom:1.5%; }
}

@media screen and (max-width: 800px) {
	.view-calendar2 .view-filters { position:relative; left:0px; }
	.js-drupal-fullcalendar .fc-scroller { height:auto !important; }
}

@media screen and (max-width: 600px) {
	.view-lehrer .view-content .group { width:100%; margin-bottom:1.5%; }
}


/* Reseten diverster Einstellungen aus dem BaseTheme */
button::before, .button::before, .button-primary::before, .button-secondary::before, .button-dark::before {
	background-color:transparent;
}