@charset "UTF-8";
/* * * * * CD/CI Stadt Thale */
@import "custom-default22C4.css";
/*IV20240611_Kundenlayout angepasst (Mantis-Ticket:https://sdsrv4/mantis/view.php?id=3453) und im gleichen Zuge noch aufgeräumt, da noch vieles 
aus C2 vorhanden war*/
/*IV20240613_Kunde hat sich für Variante mit kräftigem Grün entschieden, daher wurde dezentes Grün entfernt*/

/* font */
@font-face {
	font-family:'Diavlo Black';
	font-style: normal;
	font-weight: 400;
	src: local('Diavlo Black'),
	url(fonts/diavlo/Diavlo_BLACK_II.woff) format('woff'), /* Modern Browsers */
	url(fonts/diavlo/Diavlo_BLACK_II.woff2) format('woff2'); /* Super Modern Browsers */
}
@font-face {
	font-family:'Verdana';
	font-style: normal;
	font-weight: 400;
	src: local('Verdana'),
	url(fonts/verdana/verdana.woff) format('woff'), /* Modern Browsers */
	url(fonts/verdana/verdana.woff2) format('woff2'); /* Super Modern Browsers */
}

/* definitions */
:root {
	/* font definition */
	--font-headline: 'Diavlo Black';
	--font-text: 'Verdana';
	
	/* color name definition */
	--primary:#A5C400;
	--primary-hover:#8fab00;
	--primary-active:#799100;
	--primary-disabled:#e3edb1;
	--secondary: #ec6726;
	--secondary-hover: #e45814;
	--secondary-active: #cd4f12;
	--secondary-disabled: #e2bca9;
	
	--accordion: #A5C400;
	--accordion-hover: #8fab00;
	--accordion-active: #799100;
	--accordion-disabled: #e3edb1;
	
	--checkbox: #E7E2E5;
	--checkbox-hover: #E7E2E5;
	--checkbox-active: #A5C400;
	--checkbox-disabled: #E7E2E5;
	--neutral-color: #57444E; /* an inverted color recommended */
	
	--body-text: var(--neutral-color);
	--body-bg: #ffffff;
	--textmessage-bg: rgba(225, 231, 195, 0.74);
	--header-text: #fff;
	--header-bg: var(--primary); /*Variation mit kräftigem Grün*/
	--logo: url('../images/custom-stadt_thale-logo_1.jpg');
	
	/* element color definition */
	--btn-primary-text: #fff;
	--btn-primary-hover-text: #fff; /* also valid for :focus */
	--btn-primary-active-text: #fff; /* also valid for :checked */
	--btn-primary-active-bg: var(--secondary); /* also valid for :checked */
	--btn-primary-active-border: var(--secondary); /* also valid for :checked */
	--btn-primary-disabled-text: #beb9bb; /* also valid for :checked */
	
	--btn-secondary-text: #fff;
	--btn-secondary-hover-text: #fff; /* also valid for :focus */
	--btn-secondary-active-text: #fff; /* also valid for :checked */
	--btn-secondary-disabled-text: #46505c; /* also valid for :checked */
	
	/** only Online-Dienste SEARCH documents **/
	--btn-outline-primary-text: var(--secondary);
	--btn-outline-primary-bg: transparent;
	--btn-outline-primary-border: var(--secondary);
	--btn-outline-primary-hover-text: #fff; /* also valid for :focus */
	--btn-outline-primary-hover-bg: var(--secondary); /* also valid for :focus */
	--btn-outline-primary-hover-border: var(--secondary); /* also valid for :focus */
	--btn-outline-primary-active-text: #fff; /* also valid for :checked */
	--btn-outline-primary-active-bg: var(--secondary-active); /* also valid for :checked */
	--btn-outline-primary-active-border: var(--secondary-active); /* also valid for :checked */
	--btn-outline-primary-disabled-text: #fff; /* also valid for :checked */
	--btn-outline-primary-disabled-bg: var(--secondary-disabled); /* also valid for :checked */
	--btn-outline-primary-disabled-border: var(--secondary-disabled); /* also valid for :checked */
	--btn-outline-primary-shadow: 0 0 0 0.25rem var(--secondary-disabled);
}

/* layout */
body, html {
	font-family: var(--font-text);
	color: var(--body-text);
	background: var(--body-bg);
}

/* buttons */
body.portal #btnDownload {
	display:none;
	visibility: hidden;
}
#btnShare {
	color: var(--btn-primary-text);
    background-color: var(--btn-primary-bg);
    border: var(--btn-primary-border);
    border-radius: .25rem;
    padding: .375rem 1.25rem;
}
#btnShare i.fa {
	font-size: 2rem;
}
.btn-primary:focus{
	background-color:var(--secondary);
}
.btn-style2:focus{
	background-color:var(--secondary)!important;
	border-color:var(--secondary)!important;
}
.btn-style2:active{
	background-color:var(--secondary)!important;
	border-color:var(--secondary)!important;
}
/* Online-Dienste */
.OnlineDienste h4 {
	font-family: var(--font-headline);
	font-weight: normal !important;
}
/*IV20231115 old, IV20240611_new: Anpassungen auf Kundenwunsch vorgenommen, nicht benoetigte Elemente entfernt*/
/*Navbar*/
.navbar{
	padding-left: 10px;
	padding-right: 10px;
}
img#navbarImg {
	min-height: 125px;
	min-width: 125px;
}
.img-fluid{
	max-width: unset;
}
#wrapper .navbar{
	padding-left: 10px;
	padding-right:10px;
}
.navbar-brand{
	color: var(--body-text);
	margin-right: 2em;
}
/* Für Variation mit kräftigem Grün*/
.navbar-light .navbar-nav .nav-link{
	color: var(--primary-disabled); 
}
.navbar-light .navbar-nav .nav-link > i{
	font-weight: 300;
}
/* Für Variation mit kräftigem Grün*/
#wrapper .navbar .navbar-nav > li.nav-item > a:hover,
#wrapper .navbar-nav > li.nav-item > .nav-link.activated{
	border-color: var(--primary-disabled);
	background-color: var(--primary-disabled);
	color: var(--body-text);
}
#wrapper .navbar-nav > li.nav-item > .nav-link.activated{
	font-weight: 600;
}
#wrapper .navbar-nav > li.nav-item > .nav-link.activated > i {
	font-weight: 900;
}
/*Footer*/
.footerBarBtn{
	color: var(--body-text);
}
.footerBarBtn:hover{
	background-color: var(--primary-disabled);
}

/*Home*/
#textmessage{
	background-color: var(--textmessage-bg)!important;
}
h3, .card-title {
	font-family: var(--font-headline);
	color: var(--body-text);
}

/*Terminbuchung*/
.card-header{
	font-family: var(--font-headline);
	color: var(--body-text);
}
.card-body{
	color: var(--body-text);
}
.fa-calendar-alt{
	color: var(--btn-primary-bg);
}
.fa-calendar-alt:active{
	color: var(--btn-primary-active-bg);
}

/*Portal*/
body.portal .navbar-nav > li.nav-item > a:focus {
	color: var(--body-text);
	font-weight: 600;
}
/** Für Variation mit kräftigem Grün**/
body.portal .navbar-nav > li.nav-item > a:focus{
	border-color: var(--primary-disabled);
	background-color: var(--primary-disabled);
	color: var(--body-text);
}
body.portal .navbar-nav > li.nav-item > a:focus > i{
	font-weight: 400;
}
/** Für Variation mit kräftigem Grün**/
#menu .navbar-nav > li.nav-item > a:hover{
	border-color: var(--primary-disabled);
	background-color: var(--primary-disabled);
	color: var(--body-text);
}
body #tileContentContainer .tile h2.tileHeader {
	box-shadow: none;
}
body.portal h4, h2 {
	font-family: var(--font-headline);
	color: var(--body-text);
}
/** Bei Variation mit kräftigem Grün**/
.tile.Timeline2 .timelineGuiContainer .navbar{
	background-color: var(--primary-disabled);
}
.badge{
	font-family: var(--font-text);
}

/*FAQ*/
.tile.FAQ .container .navbar{
	background-color: var(--primary-disabled);
	border: 1px solid var(--primary);
}