@charset "utf-8";

:root {
	--sol-blue-light: rgb(55, 163, 218);
	--sol-green-light: rgb(66, 155, 70);
	--sol-red-light: rgb(239, 23, 0);
	--sol-yellow-light: rgb(255, 229, 76);
	--sol-orange-light: rgb(255, 128, 0);	
	--sol-blue-dark: rgb(43, 106, 145);
	--sol-green-dark: rgb(10, 105, 33);
	--sol-red-dark: rgb(182, 23, 26);
	--sol-yellow-dark: rgb(226, 189, 3);
	--sol-orange-dark: rgb(204, 72, 0);
	--sol-blue-navcolor: #368fc3;	
	--sol-green-navcolor: rgb(57, 131, 60);
}


html { height: 100%; min-height: 100%; }
body { height: 100%; min-height: 100%; overflow-x: hidden; font-weight: 400; font-size: 16px; line-height: 1.3em; background: #ffffff; color: #000000; font-family: 'Roboto', sans-serif; }

div { position: relative; }
img { -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0); backface-visibility: hidden; transform: translateZ(0); }

ul { margin-bottom: 1.5em; padding-left: 1em; }
ul li { margin-bottom: 0.5em; line-height: 1.3em; }

ol { margin-bottom: 1.5em; padding-left: 1em; }
ol li { margin-bottom: 0.5em; line-height: 1.3em; }

/* Button bootstrap classes */
.btn { font-size: 1.2em; border-radius: 6px; }

.btn-primary { background-color: #3ea3dc; border-color: #3ea3dc; color: #ffffff!important; }
.btn-primary:hover { background-color: #59b4e8; border-color: #59b4e8; }

.btn-primary.focus, .btn-primary:focus { box-shadow: none;  }
.btn-primary.active, .btn-primary:active { box-shadow: none!important; background-color: #59b4e8!important; border-color: #59b4e8!important; }

.btn-secondary { background-color: #6c757d; border-color: #6c757d; color: #ffffff!important; }
.btn-secondary:hover { background-color: #7d8791; border-color: #7d8791; }

.btn-secondary.focus, .btn-secondary:focus { box-shadow: none;  }
.btn-secondary.active, .btn-secondary:active { box-shadow: none!important; background-color: #7d8791!important; border-color: #7d8791!important; }

.btn-outline-primary { color: #EE152C; border-color: #EE152C; }
.btn-outline-primary:hover { background-color: #EE152C; border-color: #EE152C; }

/* Custom */
.cover { background-position: center; background-repeat: no-repeat; background-size: cover; }

main { z-index: 1; position: fixed; left: 300px; top: 0; bottom: 0; right: 0; transition: 500ms; }
main.hide { left: 0; }
main .inner { position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow-x: hidden; overflow-y: auto; padding: 0 4em 4em; }

.sidebar { z-index: 100; position: fixed; left: 0; top: 0; bottom: 0; width: 300px; background: #3ea3dc; box-shadow: 0 0 8px rgba(0,0,0,0.3); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); transition: 500ms; }
.sidebar_toggle_button { display: none; border-radius: 5px; position: absolute; top: 1.5em; right: -72px; width: 40px; height: 40px; padding: 18px 0 0 7px; background: #3ea3dc; cursor: pointer; transition: 300ms; }
.sidebar .inner { position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow-y: auto; padding: 8em 2em 3em; }


/* von Reto eingefügt */
a { text-decoration: none; }
.small { font-size: 0.8em;}
#navi {
	text-align:right;
}
.show_kommentare, .show_kommentare:hover {
	color:#C3C130;
}
.hide_kommentare, .hide_kommentare:hover, .bemerkung-trigger, .bemerkung-trigger:hover {
	color: #000000;
}
.kommentar {
    margin-top:2em;
    margin-bottom:1em;
    font-style:italic;
}
.kommentar-autor {
    font-style: normal;
    font-size:12px;        
}
.logout, .logout:hover {
	font-size:0.8em;
	color: #fff;
	padding: 20px 0;
}
.label_left {
	position:absolute;
	left:0px;
	top:-6px;
	/* bottom:-6px; */
	/*font-size:12px;*/
	color:#2b6a91;
	font-weight:bold;
}
.label_right {
	position:absolute;
	right:0px;
	top:-6px;
	/* bottom:-6px; */
	/* font-size:12px; */
	color:#2b6a91;
	font-weight:bold;
}

@media only screen and (max-width: 1000px) {
	main { left: 0; }
	main .inner { padding: 0 2em 2em; }
	
	.sidebar { -webkit-transform: translate3d(-300px, 0, 0); transform: translate3d(-300px, 0, 0); }
	.sidebar_toggle_button { display: block; }
	.sidebar .inner { padding: 6em 2em 3em; }
}

.sidebar.active { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.sidebar.active .sidebar_toggle_button { border-radius: 0 5px 5px 0; right: -40px; }
main.active { -webkit-transform: translate3d(300px, 0, 0); transform: translate3d(300px, 0, 0); }

.logo_container { text-align: right; padding: 3em 0; transition: 500ms; }
img.logo  { width: 200px; }

@media only screen and (max-width: 1000px) {
	.logo_container { padding: 2em 0; }
}

.mainnav {}
.mainnav ul { padding: 0; margin: 0; display: block; border-top: solid 1px #368fc3; }
.mainnav ul li { margin: 0; list-style: none; }
.mainnav ul li a { display: block; padding: 1em 0 0.9em; border-bottom: solid 1px #368fc3; color: #ffffff; }
.mainnav ul li a:hover { color: #333; text-decoration: none; }
.mainnav ul li.active a { color: #333; }

.subnav { }
.subnav ul { padding: 0; margin: 0; display: block; border-top: none; }
.subnav ul li { margin: 0; }
.subnav ul li a { display: block; padding-left: 1em; font-size: 0.9em; line-height: 1.2em;}

.mainnav ul li.active .subnav ul li a { color: #ffffff; }
.mainnav ul li.active .subnav ul li a:hover { color: #333; }
.mainnav ul li.active .subnav ul li.active a { color: #333; }

.form-group { margin-bottom: 0.5rem; }
.custom-control { min-height: 0; -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); }
.custom-control-label::before { cursor: pointer; }
.form-control.input_search { padding: 0.4rem 3rem 0.4rem 0.75rem; height: calc(1.5em + .75rem + 12px); }
.button_search_submit {font-size: 1.6em; background: transparent; border: none; padding: 12px; border-radius: .25rem; position: absolute; right: 0; top: 0; }

.menuicon { position: absolute; right: 8px; top: 11px; width: 25px; height: 25px; }
.menuicon .line { width: 25px; height: 2px; background: #ffffff; position: absolute; transition: 300ms; }
.menuicon .line:nth-of-type(1) { top: 0px; }
.menuicon .line:nth-of-type(2) { top: 8px; }
.menuicon .line:nth-of-type(3) { top: 16px; }
.active .menuicon .line:nth-of-type(1) { top: 8px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.active .menuicon .line:nth-of-type(2) { opacity: 0.0; visibility: hidden; }
.active .menuicon .line:nth-of-type(3) { top: 8px; -webkit-transform: rotate(45deg); transform: rotate(45deg); }


/* Sidebar Farben */
.sidebar.blue {
	background-color: var(--sol-blue-light);
}
.sidebar.green {
	background-color: var(--sol-green-light);
}
.sidebar.yellow {
	background-color: var(--sol-yellow-dark);
}
.sidebar.orange {
	background-color: var(--sol-orange-light);
}
.sidebar.red {
	background-color: var(--sol-red-light);
}

/* Mainnav Borders und Active Color */
.mainnav ul li.active a {
    color: #333;
}
.mainnav ul li.active .subnav ul li a:hover { 
	color: #333; 
}

.sidebar.blue .mainnav ul li a {
	border-bottom-color: var(--sol-blue-navcolor);
}
.sidebar.blue .mainnav ul {
	border-top-color:var(--sol-blue-navcolor);
}
.sidebar.green .mainnav ul li a {
	border-bottom-color: var(--sol-green-navcolor);
}
.sidebar.green .mainnav ul {
	border-top-color:var(--sol-green-navcolor);
}
.sidebar.yellow .mainnav ul li a {
	border-bottom-color: rgba(255, 229, 76,.8);
}
.sidebar.yellow .mainnav ul {
	border-top-color: rgba(255, 229, 76,.8);
}
.sidebar.orange .mainnav ul li a {
	border-bottom-color: rgba(204, 72, 0,.5);
}
.sidebar.orange .mainnav ul {
	border-top-color: rgba(204, 72, 0,.5);
}
.sidebar.red .mainnav ul li a {
	border-bottom-color: rgba(182, 23, 26,.8);
}
.sidebar.red .mainnav ul {
	border-top-color: rgba(182, 23, 26,.8);
}

/* hamburger icon button */
.sidebar.blue .sidebar_toggle_button {
	background-color: var(--sol-blue-light);
}
.sidebar.green .sidebar_toggle_button {
	background-color: var(--sol-green-light);
}
.sidebar.yellow .sidebar_toggle_button {
	background-color: var(--sol-yellow-dark);
}
.sidebar.orange .sidebar_toggle_button {
	background-color: var(--sol-orange-light);
}
.sidebar.red .sidebar_toggle_button {
	background-color: var(--sol-red-light);
}


/* ------------------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------------------ */
.sticky_footer {
	position:absolute;
	bottom:0px;
	right:0px;
	padding-right:2em;
	padding-top:1em;
	padding-bottom:1em;
	background-color:#fff;
	width:100%;
}
.sticky_footer img {
	max-height: 12px;
}
.border-top {
    border-top: 1px solid #dee2e6 !important;
}
a {
	text-decoration:none !important;
}

.dropdown-toggle {
	white-space: normal !important;
}