/* stylesheet des Subthemes */
/* Farbwert blau HTL Steyr Logo -> #C2DEF3 */

body { 
	--color-primary: #C2DEF3; /*--color-primary: #2DA2C5;*/ 
	--color-secondary: #C2DEF3;
	--text-color: #4a4a4a;
	--file-link-color: #0D3D71;
}

a {
  color: #0D3D71; /* #000 */
  background-color: transparent;
  text-decoration: none;
  transition: color 0.4s ease;
}
.region-primary-menu ul.menu li a {
  /*color: #000;*/
  /*color:white;*/
  color:#0D3D71;
  font-weight:bold;
}
.region-primary-menu ul.menu li ul li a {
	color:var(--text-color);
}
.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; }



.header.dark {background-color:white; padding:0 0 0 0; gap:0rem; }

.header .header-top { background-color:#1f2433; }
.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; }

.site-brand img {
	max-height:88px;
}

p { margin-top:0.6rem; margin-bottom:0.6rem; }

ul li:first-child { padding-top:0px; }

header .page-header { padding: 2rem 0; background-color:#1f2433; }

#block-samc-content ul li { padding:2px 0; }

.block-region.region-featured-bottom {
	border-top:4px solid var(--color-primary);
	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;
}
.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-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; }
.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);	
}

/* 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 */
.fc-view-container .fc-event { font-size:0.75em; }
.fc-view-container .fc-content:hover { white-space:normal; }
.fc-popover.fc-more-popover { width:400px; }
.fc-popover.fc-more-popover .fc-event-container a { }


/* 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:0 50px; }
.ckeditor-accordion-container > dl dt > a, .ckeditor-accordion-container > dl dt > a:not(.button) {
	background-color:#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); }

@media screen and (max-width: 992px) {

}
