/* GANTRY5 DEVELOPMENT MODE ENABLED.

   WARNING: This file is automatically generated by Gantry5. Any modifications to this file will be lost!

   For more information on modifying CSS, please read:

   http://docs.gantry.org/gantry5/configure/styles
   http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet
 */



body { hyphens: auto; font-family: "Titillium Web", "Segoe UI"!important; font-weight: 300; letter-spacing: 0; }

h1, h2, h3, h4, h5 { margin: 0 0 1rem 0!important; font-family: "Titillium Web", "Segoe UI"!important; font-weight: 700; line-height: normal; hyphens: auto; -webkit-hyphens: auto; letter-spacing: -0.01rem; }

body, body p { font-size: 19px; line-height: 150%; }

h1, h2.subheading-category, h2 .subheading-category { font-size: 3rem; letter-spacing: -1px; line-height: 3.5rem; }
h2 { font-size: 2.5rem; line-height: 2.8rem; }
h3 { font-size: 2rem; line-height: 2.2rem; }
h4 { font-size: 1.75rem; line-height: 2rem; }
h5 { font-size: 1.5rem; line-height: 2rem; }

@media (min-width:70rem) and (max-width:90rem) {
	body, body p { font-size: 18px; line-height: 1.7rem; }
	h1, h2.subheading-category, h2 .subheading-category { font-size: 2.5rem; }
	h2 { font-size: 2rem; }
	h3 { font-size: 1.8rem; }
	h4 { font-size: 1.7rem; line-height: 2rem; }
	h5 { font-size: 1.45rem; line-height: 1.6rem; }
}

@media (min-width:48rem) and (max-width:69.938rem) {
	body, body p { font-size: 18px; line-height: 1.7rem; }
	h1, h2.subheading-category, h2 .subheading-category { font-size: 2rem; }
	h2 { font-size: 1.7rem; line-height: 1.8rem; }
	h3 { font-size: 1.6rem; }
	h4 { font-size: 1.5rem; line-height: 1.8rem; }
	h5 { font-size: 1.25rem; line-height: 1.5rem; }
}

@media (max-width:47.938rem) {
	body, body p { font-size: 17px; line-height: 1.6rem; }
	h1, h2.subheading-category, h2 .subheading-category { font-size: 2.3rem; line-height: 2.8rem; }
	h2 { font-size: 2em; line-height: 2.5rem; }
	h3 { font-size: 1.75rem; line-height: 2rem; }
	.hidden-phone { display: none!important; }
	h4 { font-size: 1.5rem; line-height: 1.8rem; }
	h5 { font-size: 1.25rem; line-height: 1.5rem; }
}


a { color: #145F76; }


body p { margin: 0 0 1rem 0; }

strong, b { font-weight: 700; display: inline; }

ul, ol, dl {
	margin-top: 1rem;
	margin-bottom: 1rem;
}
ul ul, ul ol, ul dl, ol ul, ol ol, ol dl, dl ul, dl ol, dl dl {
	margin-top: 0.6rem;
	margin-bottom: 0.6rem;
}
	
ul li, ol li {
	line-height: 1.75rem;
	margin-bottom: 0.6rem;
}

ul.list-unstyled {
	list-style: none;
}

.border-between [class*='col-']:before {
   background: #d2d2d2;
   bottom: 0;
   content: " ";
   left: 0;
   position: absolute;
   width: 1px;
   top: 0;
}

hr {
	margin: 1rem 0;
	border-bottom: 1px solid #ccc;
}
select { font-family: Arial!important; font-size: 16px!important; }
select[size] { height: 40px; }

td, th { border: 1px solid #DDD; }

.dimmed { background-color: #EEE!important; color: #999!important; }
.hidden { display: none!important; }

video { width: 100%; height: auto; margin-bottom: -6px; }

.g-offcanvas-open .g-nav-overlay { background-color: rgba(0,0,0,0.4); }

.cursor-pointer { cursor: pointer; }


.d-none { display: none!important; }
@media only all and (max-width: 59.938rem) {
	.d-mobile-block { display: block!important; }
}
@media only all and (min-width: 59.938rem) {
	.d-desktop-hidden { display: none!important; }
}

/* COLORS
-------------------------------------------------- */

.white { background-color: white; }
.lightbrown { background-color: #d9d7d3!important; }
.lightblue { background-color: #cedcf0!important; /*#e2ecfb!important #D7E3EE #c1e6ee*/; }
.lightgrey { background-color: #F3F3F3!important; color: initial; }
.lightgreen { background-color: #daefbe/*cfe5a3*/; }
.lightorange { background-color: #fae2ce; }
.blue { background-color: #247ba0; color: white; }
.blue a { color: white; }
.grey { background-color: #DDD!important; }
.darkgrey { background-color: #424753!important; color: white; }
.red { background-color: #e32437!important; color: white; }
.red a { color: white; }
.cyan:not(table) { background-color: #1f90b3!important; color: white; }
.darkcyan:not(table) { background-color: #145F76!important; color: white; }
.cyan:not(table) a { color: white; }
.darkcyan:not(table) a { color: white; }
.orange { background-color: #f07305!important; color: white!important; }
.orange a { color: white; }
.limegreen { background-color: #88c823; color: white!important; }
.yellow { background-color: #e3cb00; }
.pink { background-color: #c82396; color: white!important; }
.violet { background-color: #8f4dae; color: white; }
.violet a { color: white; }
.green { background-color: #356c0f!important; color: white!important; }
.green a { color: white; }
/*.green { background-color: #4db2b3; color: white!important; }*/
.black { background-color: #424753; color: white; }



.bd-gray-100 { color:#000; background-color:#f8f9fa }
.bd-gray-200 { color:#000; background-color:#e9ecef }
.bd-gray-300 { color:#000; background-color:#dee2e6 }
.bd-gray-400 { color:#000; background-color:#ced4da }
.bd-gray-500 { color:#000; background-color:#adb5bd }
.bd-gray-600 { color:#fff; background-color:#6c757d }
.bd-gray-700 { color:#fff; background-color:#495057 }
.bd-gray-800 { color:#fff; background-color:#343a40 }
.bd-gray-900 { color:#fff; background-color:#212529 }

.bg_white_transparent20 { background-color: rgba(255,255,255,0.2)!important; }
.bg_white_transparent30 { background-color: rgba(255,255,255,0.3)!important; }
.bg_white_transparent40 { background-color: rgba(255,255,255,0.4)!important; }
.bg_white_transparent50 { background-color: rgba(255,255,255,0.5)!important; }
.bg_white_transparent60 { background-color: rgba(255,255,255,0.6)!important; }


a.cyan:hover, a.darkcyan:hover, a.green:hover, a.orange:hover, a.red:hover, a.violet:hover, a.blue:hover,
.cyan:not(table) a:hover, .green:not(table) a:hover, .orange:not(table) a:hover, .red:not(table) a:hover, .violet:not(table) a:hover, .blue:not(table) a:hover {
	color:rgba(255,255,255,0.5)!important;
}

.gradient-white-grey { background: linear-gradient(180deg, rgba(66,71,83,0.4) 50%, rgba(255,255,255,0) 100%); }
.gradient-cyan-violet { background: linear-gradient(45deg, rgb(56, 148, 176) 10%, rgb(143, 77, 174) 90%); }



/* Font styling 
-------------------------------------------------- */

.f-cyan { color: #1f90b3; }
.f-darkcyan { color: #145F76; }
.f-green { color: #356c0f; }
.f-red { color: #e32437; }
.f-grey { color: #999999; }
.f-white { color: #FFFFFF; }

.small {
	line-height: 94%;
	font-size: 80%;
}
.tiny {
	line-height: 84%;
	font-size: 65%;
}
.huge {
	font-size: 4rem;
}



/* Utility classes 
-------------------------------------------------- */

.display-block { display: block; }
.display-none { display: none; }
.display-inline-block { display: inline-block; }

.align-center { text-align: center; }
.align-left { text-align: left!important; }
.align-right { text-align: right!important; }

.align-baseline    { vertical-align: baseline !important; }
.align-top         { vertical-align: top !important; }
.align-middle      { vertical-align: middle !important; }
.align-bottom      { vertical-align: bottom !important; }
.align-text-bottom { vertical-align: text-bottom !important; }
.align-text-top    { vertical-align: text-top !important; }


@media only all and (min-width:48rem) {
	.sticky { position: sticky!important; position: -webkit-sticky; top: 64px; align-self: flex-start; }
	#g-page-surround { overflow: initial!important; }
}



/* BOOTSTRAP
-------------------------------------------------- */

.nav-tabs.nav-stacked > li > a {
	border: 1px solid #ddd;
}
.btn-group > .btn, .btn-group > .dropdown-menu, .btn-group > .popover {
	font-size: 1.4rem;
}
.accordion-group .accordion-heading { border-bottom: 1px solid white; position: relative; background-color: #DDD; }
.accordion-group .accordion-heading h2 { margin: 0!important; }
.accordion-group .accordion-heading:hover { background-color: #f4f4f4; }
.accordion-group .accordion-heading.last { border-bottom: none; }
.accordion-inner { border-top: none; border-bottom: 1px solid #e5e5e5; padding: 0; }
.accordion-inner.last { border-top: 1px solid #e5e5e5; border-bottom: none; }
.accordion-inner ul { margin: 0; }
.accordion-inner li a { display: block; padding: .3rem 0.7rem; color: inherit; }
.accordion-inner li a:hover { background-color: #f4f4f4; }
.accordion-inner li { padding: 0; }
.accordion a.selected { font-weight: bold; background-color: #f4f4f4; }
.accordion .accordion-heading.active { background-color: #1f90b3; color: white; }
.accordion .accordion-heading.active h2 { color: white; }
.accordion .accordion-heading::after {
	font-family: 'Font Awesome 5 Free';
	content: "\f078";
	font-weight: 900;
	position: absolute;
	right: 10px;
	top: 8px;
}
.accordion .accordion-heading.active::after {
	content: "\f077";
}

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
	padding: 4px 6px;
	font-size: 20px;
}
input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], input:not([type]), textarea {
	width: auto;
}
input[type="radio"], input[type="checkbox"] {
	margin: 0;
	vertical-align: initial;
}
input[type="checkbox"] {
	width: 1.6em;
	height: 1.6rem;
}
input[type="radio"] {
	font-size: 1.25rem;
}
.form-check label {
	margin-left: 0.5rem !important
}
.label, .badge {
	font-size: 1rem;
	font-weight: 100;
	line-height: 1.2rem;
	vertical-align: initial;
	padding: 0 4px;
}
.badge {
	border-radius: 3px;
}

fieldset  {
	width: 100%;
	padding: 1vw 2vw!important;
	margin-bottom: 1rem;
	border: 1px solid #999;
	background-color: #EAEAEA;
}
.border-grey {
	border-color: #ccc !important;
}

.well {
	min-height: 20px;
	padding: 19px;
	margin-bottom: 20px;
	background-color: #f5f5f5;
	border: 1px solid #e3e3e3;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}


/* z-index */

}
.z-n1 { z-index:-1!important }
.z-0 { z-index:0!important }
.z-1 { z-index:1!important }
.z-2 { z-index:2!important }
.z-3 { z-index:3!important }


/* Form horizontal */

.form-horizontal .control-label { width: 30%; }
.form-horizontal .control-group { display: flex; }
@media only all and (max-width:47.938rem) {
	.form-horizontal .control-label { width: 100%; }
	.form-horizontal .controls { margin-left: 0; }
}


/* chosen */

.chosen-container {
	font-size: 1.3rem !important;
	min-width: 245px;
	max-width: calc(100% - 245px);
}
.chosen-container .chosen-results li {
	line-height: 1.3rem!important;
	-webkit-touch-callout: none;
}
.chosen-container-single .chosen-single {
	padding: 8px!important;
	background-color: white!important; 
	background-image: none!important;
}
.chosen-container-single .chosen-single, .chosen-container-active.chosen-with-drop .chosen-single {
	height: 42px!important;
}

.chosen-container .chosen-results li.highlighted {
	background-color: #1f90b3!important;
	background-image: none!important;
	color: #fff;
}
.chosen-container-single .chosen-single div b {
	display: block;
	width: 100%;
	height: 100%;
	background: none;
}
.chosen-container-single .chosen-single div b:after,
.chosen-container-active.chosen-with-drop .chosen-single div b:after {
	content: "\f078";
	font-family: 'Font Awesome 5 Free';
	font-size: 1rem;
	position: absolute;
	top: 10px;
	line-height: 1.1rem;
	right: 10px;
	font-weight: 900;
}
.chosen-container-active.chosen-with-drop .chosen-single div b:after {
	content: "\f077";
}	



/* datepicker */

.datepicker td, .datepicker th {
	border-radius: 0;
}
.datepicker.datepicker-dropdown { padding: 0; }

.datepicker-days { width: 300px; }



/* inputs */

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
	border-radius: 3px; background-color: white;
}



/* buttons */

.edit.item-page .btn-toolbar .btn, .pager.pagenav a, p.readmore .btn, .contact .form-actions .btn, #contact-form .controls .btn-primary.validate, .profile .btn, .login .btn, .logout .btn, .registration .btn, .profile-edit .btn, .remind .btn, .reset .btn, .search #searchForm .btn, .finder #searchForm .btn, .search #search-form .btn, .finder #search-form .btn { border-radius: 3px!important; font-size: initial!important; }


/* pagination */

.pagination ul { box-shadow: none; display: block; margin: 0; }
.pagination { text-align: left; border-top: 1px solid #ddd; margin-top: 2rem; display: block; }
.pagination ul > li { display: inline-block; margin: 0; }
.pagination .pagination__wrapper { display: inline-block; }
.pagination ul > li > a, .pagination ul > li > span {
	background-color: transparent!important;
	border: none;
	padding: 12px 16px;
	margin-top: -3px;
	border-top: 3px solid transparent;
	font-size: 23px;
	color: #145F76;
}
.pagination .page-item.disabled .page-link { color: #999999; }
.pagination ul > li:not(.disabled) > a:hover, .pagination ul > li > a:focus, .pagination ul > .active > a, .pagination ul > .active > span .pagination .page-item.active .page-link {
	background-color: transparent; border-top: 3px solid #1f90b3!important; color: #999999!important;
}
.pagination i {
	font-size: 1.8rem;
	line-height: 17px;
}
@media only screen and (max-width: 35rem)  {
	.pagination ul > li > a, .pagination ul > li > span {
		padding: 12px 7px;
	}
}



/* GRID
-------------------------------------------------- */

.rt-grid-1 { width: 100px }
.rt-grid-2 { width: 200px } 
.rt-grid-3 { width: 300px }
.rt-grid-7 { width: 700px }
.rt-grid-8 { width: 800px }
.rt-grid-9 { width: 900px }
.rt-grid-10 { width: 1000px }
.rt-grid-11 { width: 1100px }
.rt-grid-12 { width: 1200px }


body [class*="rt-grid"] {
  flex: 1;
  min-width: 0;
  min-height: 0;
}

.rt-grid-4 {
  flex: 0 33.3%;
  width: 33.3%;
}
.rt-grid-5 {
  flex: 0 41.7%;
  width: 41.7%;
}
.rt-grid-6 {
  flex: 0 50%;
  width: 50%;
}

#page img[class*="rt-grid"] { display: block; float: none!important; padding: 0!important; margin: 0 0 20px 0!important; max-width: inherit!important; position: relative; width: 100%!important; }





/* TABS
-------------------------------------------------- */
.tabs { list-style: none; border-bottom: solid 1px #e6e6e6; display: block; height: 40px; padding: 0; margin-bottom: 20px; }
.tabs.contained { margin-bottom: 0; margin-left: 0; }
.tabs dt, .tabs li.section-title { color: #b3b3b3; cursor: default; display: block; float: left; font-size: 12px; height: 40px; line-height: 40px; padding: 0; padding-right: 9px; padding-left: 20px; font-weight: normal; width: auto; text-transform: uppercase; }
.tabs dt:first-child, .tabs li.section-title:first-child { padding: 0; padding-right: 9px; }
.tabs dd, .tabs li { display: block; float: left; padding: 0; margin: 0; }
.tabs dd a, .tabs li a { color: #6f6f6f; display: block; height: 40px; line-height: 40px; padding: 0px 23.8px; }
.tabs dd a:focus, .tabs li a:focus { font-weight: bold; color: #1f90b3; }
.tabs dd.active, .tabs li.active { border-top: 3px solid #1f90b3; margin-top: -3px; }
.tabs dd.active a, .tabs li.active a { cursor: default; color: #3c3c3c; background: #fff; border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; font-weight: bold; }
.tabs dd:first-child, .tabs li:first-child { margin-left: 0; }
.tabs.vertical { height: auto; border-bottom: 1px solid #e6e6e6; }
.tabs.vertical dt, .tabs.vertical dd, .tabs.vertical li { float: none; height: auto; }
.tabs.vertical dd, .tabs.vertical li { border-left: 3px solid #cccccc; }
.tabs.vertical dd a, .tabs.vertical li a { background: #f2f2f2; border: none; border: 1px solid #e6e6e6; border-width: 1px 1px 0 0; color: #555; display: block; font-size: 14px; height: auto; line-height: 1; padding: 15px 20px; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; }
.tabs.vertical dd.active, .tabs.vertical li.active { margin-top: 0; border-top: 1px solid #4d4d4d; border-left: 4px solid #1a1a1a; }
.tabs.vertical dd.active a, .tabs.vertical li.active a { background: #4d4d4d; border: none; color: #fff; height: auto; margin: 0; position: static; top: 0; box-shadow: 0 0 0; }
.tabs.vertical dd:first-child a.active, .tabs.vertical li:first-child a.active { margin: 0; }
.tabs.pill { border-bottom: none; margin-bottom: 10px; }
.tabs.pill dd, .tabs.pill li { margin-right: 10px; }
.tabs.pill dd:last-child, .tabs.pill li:last-child { margin-right: 0; }
.tabs.pill dd a, .tabs.pill li a { border-radius: 1000px; background: #e6e6e6; height: 26px; line-height: 26px; color: #666; }
.tabs.pill dd.active, .tabs.pill li.active { border: none; margin-top: 0; }
.tabs.pill dd.active a, .tabs.pill li.active a { background-color: #1f90b3; border: none; color: #fff; }
.tabs.pill.contained { border-bottom: solid 1px #eee; margin-bottom: 0; }
.tabs.pill.two-up dd, .tabs.pill.two-up li, .tabs.pill.three-up dd, .tabs.pill.three-up li, .tabs.pill.four-up dd, .tabs.pill.four-up li, .tabs.pill.five-up dd, .tabs.pill.five-up li { margin-right: 0; }
.tabs.two-up dt a, .tabs.two-up dd a, .tabs.two-up li a, .tabs.three-up dt a, .tabs.three-up dd a, .tabs.three-up li a, .tabs.four-up dt a, .tabs.four-up dd a, .tabs.four-up li a, .tabs.five-up dt a, .tabs.five-up dd a, .tabs.five-up li a { padding: 0 17px; text-align: center; overflow: hidden; }
.tabs.two-up dt, .tabs.two-up dd, .tabs.two-up li { width: 50%; }
.tabs.three-up dt, .tabs.three-up dd, .tabs.two-up li { width: 33.33%; }
.tabs.four-up dt, .tabs.four-up dd, .tabs.two-up li { width: 25%; }
.tabs.five-up dt, .tabs.five-up dd, .tabs.two-up li { width: 20%; }

ul.tabs-content { display: block; margin: 0 0 20px; padding: 0; }
ul.tabs-content > li { display: none; }
ul.tabs-content > li.active { display: block; }
ul.tabs-content.contained { padding: 0; }
ul.tabs-content.contained > li { border: solid 0 #e6e6e6; border-width: 0 1px 1px 1px; padding: 20px; }
ul.tabs-content.contained.vertical > li { border-width: 1px 1px 1px 1px; }

.no-js ul.tabs-content > li { display: block; }



/* TABLE LAYOUT
-------------------------------------------------- */

.table { border: 3px solid #ccc; }
.table p { margin: 0; }
.table thead td, .table thead th { color: white; font-size: 1.1rem; font-weight: bold; }
.table-striped tbody > tr:nth-child(2n+1) > td, .table-striped tbody > tr:nth-child(2n+1) > th { background-color: #f9f9f9; }
.table.green thead td, .table.green thead th { background-color: #439a86; }
.table.violet thead td, .table.violet thead th { background-color: #8f4dae; }
.table.navy thead td, .table.navy thead th { background-color: #0381B3; }

/* Tabellen Design */

table.tab_design3 { width: 100%; border-spacing: 0; border-collapse: separate; background-color: white; }
table.tab_design3 p, table.tab_design3 h4 {	margin: 0; }
table.tab_design3 tr.tab_header td, table.tab_design3 tr.tab_header th,
table.tab_design3 tr.tab_footer td, table.tab_design3 tr.tab_footer th { background: #145F76; }
table.tab_design3.violet tr.tab_header td, table.tab_design3.violet tr.tab_header th,
table.tab_design3.violet tr.tab_footer td, table.tab_design3.violet tr.tab_footer th { background: #8f4dae; }
table.tab_design3 tr.tab_header td, table.tab_design3 tr.tab_header th, table.tab_design3 tr.tab_footer td { font-size: 1em; text-transform: uppercase; color: white; font-weight: 700; }
table.tab_design3 tr.tab_header a { color: white; }
table.tab_design3 tr { }
table.tab_design3 td, table.tab_design3 th { padding: 7px 10px !important; }
table.tab_design3.responsive td, table.tab_design3.responsive th { max-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
table.tab_design3 tr td { padding: 3px 10px!important; border-color: transparent #DDDDDD #DDDDDD transparent; border-width: 1px; border-style: solid; }
table.tab_design3 tr.tab_header td { padding: 7px 10px!important; }
table.tab_design3 tr:nth-child(even) { background: rgba(0,0,0,0.02)!important; }
table.tab_design3 td.celldivider { border-right: 1px solid #CCCCCC; }
table.tab_design3 caption { color: #004477; font-family: "Titillium Web", "Segoe UI"; font-size: 150%; font-style: italic; letter-spacing: 5px; padding: 10px 0; text-align: left; text-indent: 2em; text-transform: uppercase; }
table.tab_design3 .white { background-color: #FFFFFF !important; }
table.tab_design3 .first { background-color: #f1f6fd !important; }
table.tab_design3 .second { background-color: #eeeeee !important; }
table.tab_design3 .third { background-color: #e2d8f0 !important; }

.table-container { overflow-y: auto; }


/* styled responsive tables */
table.styled { border-collapse: collapse; background-color: white; }
table.styled tr:nth-of-type(odd) { background-color: #fafafa;	}
table.styled th { font-weight: 700; text-transform: uppercase; }
table.cyan th, table.cyan th a { background: #1f90b3; color: white; }
table.darkcyan th, table.darkcyan th a { background: #145F76; color: white; }
table.styled td, table.styled th { text-align: left; }
table.first-column-bold tbody tr td:first-child { font-weight: 500; }

@media only screen and (max-width: 30rem)  {

	table.responsive, table.responsive thead, table.responsive tbody, table.responsive th, table.responsive td, table.responsive tr { 
		display: block; 
	}
	table.responsive thead tr { display: none; }	
	table.responsive tr th:first-child, table.responsive tr td:first-child { display: none; }
	table.responsive tr { border: 1px solid #ccc; }
	table.responsive td:before {
		width: 115px;
		white-space: nowrap;
		content: attr(data-column);
		font-weight: bold;
		display: inline-block;
	}
	table.responsive td {
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding: 0.2rem;
	}
}




/* -----------------------------------------------
    LAYOUT 
-------------------------------------------------- */

.parallax {
	position: relative;
	/* background-attachment: fixed; */
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 3rem 0;
}
@media (max-width: 60rem) {
	.parallax {
		padding: 2rem 0;
	}
}


.g-contentcubes .image {
	background-size: cover;
	display: block;
}
.g-contentcubes.schwerpunkte .image {
	height: 370px;
}
.g-contentcubes .text-container div {
	padding: 5rem;
}
@media (max-width: 89.938rem) {
	.g-contentcubes.schwerpunkte .image {
		height: 330px;
	}
}
@media (max-width: 47.938rem) {
	.g-contentcubes.schwerpunkte .image {
		height: 200px;
	}
}
.g-contentcubes .image-position-right {
	flex-flow: row-reverse wrap;
}




/* BLOG
-------------------------------------------------- */
.subheading-category::after, .page-header h1::after, .componentheading::after {
	content: ' ';
	background-color: #1f90b3;
	height: 3px;
	margin-top: 10px;
	width: 10rem;
	display: block;
	position: absolute;
}
.subheading-category, .page-header h1, .componentheading {
	margin: 0 0 2rem 0!important;
	display: block;
	border-bottom: 1px solid #ddd;
	position: relative;
	padding-bottom: 11px;
}

.blog h4 a { color: inherit; }

.blog .pull-right.item-image img, .blog .pull-left.item-image img { max-width: 600px; }
.blog .item-text { padding: 1rem; }
.blog .category-desc {
	margin-bottom: 1.5rem;
}
.blog .item { height: 100%; position: relative; }
.blog .item .panel { position: relative; padding-top: 1.5rem; padding-bottom: 2rem; }
.blog .cat-children { margin: 2rem 0; }
.blog .cat-children { display: flex; flex-wrap: wrap; justify-content: center; }
.blog .cat-children div { margin: 0 0.5rem; }
.blog .cat-children h3 { margin-bottom: 1rem!important; }
.blog .cat-children .badge-info { 
	margin-top: -8px; 
	margin-left: 8px; 
	font-size: 0.8rem;
	line-height: 1rem;
	vertical-align: middle;
}

.blog .cat-children div:not(.first) a::before {
	content: "\f111";
	margin-right: 0.5rem;
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	font-size: 5px;
	vertical-align: middle;
}

.blog .item-image { overflow: hidden; }
.blog .item-image img {
	display: block;
	transition: transform .7s ease-out;
	transform: scale(1);
}
.blog .item-image:hover img {
	transition: transform 2s cubic-bezier(0,.3,.6,1);
	transform: scale(1.1);
}
.blog .imagelink { position: relative; display: block; margin-bottom: 2rem; }
.blog .imagelink h3 {
	position: absolute;
	bottom: 0;
	padding: 0.5rem;
	background-color: #145F76;
	margin: 0 !important;
	color: white !important;
}
.blog .imagelink h3.right {
	right: 0;
}
.blog .imagelink h3.left {
	left: 0;
}
.blog .blog-item-date {
	padding: 1px 6px;
	font-size: 1.1rem;
	margin-bottom: 0.5rem;
	display: inline-block;
	line-height: normal;
	position: absolute;
	top: -14px;
}
.blogfilter label {
	min-width: 80px;
}

@media (max-width: 60rem) {
	.blog .pull-right.item-image img, .blog .pull-leftt.item-image img { max-width: 400px; }
}
@media (max-width: 48rem) {
	.blog .pull-right.item-image { float: none; width: 100%; }
	.blog .pull-left.item-image { float: none; width: 100%; }
	.blog .items-leading .item-image { width: 100%; }
	.blog .item-image img { max-width: 100%; }
	.blog label, .blog .chosen-container { width: 100%!important; min-width: 100%; display: block; }
}
.blog .blog-item-hits {
	margin: 0.5rem 0 0;
	clear: both;
	padding: 0;
	display: block;
	font-family: "Titillium Web", "Segoe UI";
	font-size: 0.9rem;
	text-transform: none;
	color: #9d9d9d;
	letter-spacing: initial;
	position: absolute;
	bottom: 0;
	right: 7px;
	text-align: right;
}
dl.article-info {
	margin: 2rem 0;
	clear: both;
	padding: 0;
}
dl.article-info dd > * {
	display: inline-block;
}
dl.article-info dd {
	font-family: "Titillium Web", "Segoe UI";
	font-size: 1rem;
	text-transform: none;
	color: #424753;
	color: #666;
	letter-spacing: initial;
}
dl.article-info dd:not(:last-child)::after {
	content: " ";
}



/* PAGE
-------------------------------------------------- */

.item-page .leading, .blog .leading {
	margin-top: 0 !important;
	margin-bottom: 1rem;
}
.item-page .introtext, .item-page .introtext p {
	font-size: 1.5rem;
	margin-bottom: 1rem;
	line-height: 1.9rem!important;
	font-weight: 500;
}
@media (max-width:69.938rem) {
	.item-page .introtext, .item-page .introtext p {
		font-size: 1.3rem;
		line-height: 1.6rem!important;
	}
}


.recommended .g-article .content * { color: #424753; }
.articletags .label, .articletags .badge {
	vertical-align: middle;
	font-size: 1.2rem;
	font-weight: 400;
	padding: 7px;
}
.articletags .label-info[href], .articletags .badge-info[href] {
	background: #1f90b3;
}
.articletags .tags li { display: inline-block; padding-left: 0!important; }


.schwerpunkte .text-container { height: 100%; display: table; }
.schwerpunkte .text-container div { display: table-cell; vertical-align: middle; }



/* IMAGE LAYOUT
-------------------------------------------------- */

.captionContainer { margin-bottom: 1rem; }

.pageImageRight { margin: 0.3125rem 0 20px 20px!important; float: right!important; }
.pageImageLeft { margin: 0.3125rem 20px 20px 0!important; float: left!important; }

.pageImageLeft > img, .pageImageRight > img, .captionContainer > img, .pageImageLeft a > img, .pageImageRight a > img, .captionContainer a > img { width: 100%; }
.pageImageLeft > p, .pageImageRight > p, .captionContainer > p, .rt-columnsblock > div > p { font-size: 0.8em; padding: 8px 8px 0; line-height: 1em; margin: 0; }
div.pageImageLeft, div.pageImageRight, .captionContainer { padding: 0 0 8px; background-color: #FFF; }


.rt-columnsblock { background-color: transparent!important; clear: both; }
.rt-columnsblock {
	display: flex;
	flex-flow: row wrap;
	list-style: none;
	margin: 0 -10px 1rem;
	padding: 0;
	text-rendering: optimizespeed;
}
.rt-columnsblock.col2 > img, .rt-columnsblock.col2 > div, .rt-columnsblock.col2 > a {
	flex: 0 calc(50% - 20px);
	width: calc(50% - 20px);
}
.rt-columnsblock.col3 > img, .rt-columnsblock.col3 > div, .rt-columnsblock.col3 > a {
	flex: 0 calc(33.333333% - 20px);
	width: calc(33.333333% - 20px);
}
.rt-columnsblock > div { background-color: #FFF; margin: 0 10px; padding: 0 0 8px; }

@media (max-width: 69.938rem) {
	.rt-columnsblock { margin: 0; }
	.rt-columnsblock.col2 div, .rt-columnsblock.col3 div, 
	div.pageImageLeft, 
	div.pageImageRight, 
	.blog [class*="leading-"]:nth-of-type(2n) [class*="pageImage"] { flex: auto; float: none; width: auto; display: block; margin: 0 0 20px 0!important; }
	.rt-columnsblock.col2 > img, .rt-columnsblock.col2 > div, .rt-columnsblock.col2 > a,
	.rt-columnsblock.col3 > img, .rt-columnsblock.col3 > div, .rt-columnsblock.col3 > a {
		flex-grow: 0;
		flex-basis: 100%;
		max-width: 100%;
	}
	.item-page [class*="rt-grid"] { float: none!important; width: 100%; margin: 0 0 20px 0!important; }
}

@media (max-width: 47.938rem) {
	.captionContainer, .rt-columnsblock {
		margin-left: -0.625rem;
		margin-right: -0.625rem;
	}
}




/* -----------------------------------------------
   ELEMENTS
-------------------------------------------------- */

.panel {   
  display: block;
  position: relative;
  padding: 1rem;
  border-radius: 0;
}
.panel-dynamic {   
  display: block;
  position: relative;
  padding: 2rem!important;
}
@media (max-width: 89.938rem) {
	.panel-dynamic { padding: 2rem!important; }
}
@media (max-width: 69.938rem) {
	.panel-dynamic { padding: 1.5rem!important; }
}
@media (max-width: 47.938rem) {
	.panel-dynamic { padding: 1rem!important; }
}
.tooltip {
	font-size: 1rem;
}


/* BUTTONS
-------------------------------------------------- */

.button.warning { background: #8f4dae; color: #fff; }
.button.warning:hover { background: #9b5db7; }
.button.warning:active { background: #9b5db7; }

.button.danger { background: #D24D57;; color: #fff; }
.button.danger:hover { background: #e15d67; }
.button.danger:active { background: #e15d67; }

.button.info { background: #CA6924; color: #fff; }
.button.info:hover { background: #de8443; }
.button.info:active { background: #de8443; }


.button, .btn {
	display: inline-block;
	font-family: "Titillium Web", "Segoe UI";
	font-weight: 300;
	font-size: 1.2rem;
	line-height: 1.2rem;
	letter-spacing: 0;
	text-transform: none;
	background: #145F76;
	color: #fff;
	border: 1px solid transparent!important;
	border-radius: 3px;
	margin: 0;
	padding: 0.5rem 1.3rem 0.6rem;
	vertical-align: middle;
	text-shadow: none;
	transition: all 0.2s;
	cursor: pointer;
	color: white!important;
}
@media (max-width: 30rem) {
	.button, .btn {
		font-size: 1.1rem;
	}
}
.button:hover, .btn:hover,
.button:active, .btn:active,
.button:focus, .btn:focus {
	background:#2284a1;
	color:#fff;
}
.btn.disabled, .btn[disabled], .btn.disabled:hover, .btn[disabled]:hover {
	color: #333333;
	background-color: #cacaca;
}

.btn-group .btn:last-child { border-left: 1px solid #67bbd5!important; }


.edit.item-page .btn-toolbar .btn, 
.pager.pagenav a, 
p.readmore .btn, 
.contact .form-actions .btn, 
#contact-form .controls .btn-primary.validate, 
.profile .btn, 
.login .btn, 
.logout .btn, 
.registration .btn, 
.profile-edit .btn, 
.remind .btn, 
.reset .btn, 
.search #searchForm .btn, 
.finder #searchForm .btn, 
.search #search-form .btn, 
.finder #search-form .btn {
	display: inline-block;
	font-family: "Titillium Web", "Segoe UI";
	letter-spacing: normal;
	font-size: 1rem;
	line-height: 1rem;
	background: #1f90b3;
	color: #fff;
	border: 1px solid transparent;
	border-radius: 0.5rem;
	font-weight: 400;
	margin: 00;
	padding: 0.5rem 1.5rem;
	vertical-align: middle;
	text-shadow: none;
	transition: all 0.2s;
}

p.readmore { margin: 0; }


.popover-title {
	padding: 4px 14px;
	font-size: 16px;
}
.popover-content {
	margin-top: -10px;
}


/* FORM 
-------------------------------------------------- */

form { margin: 0; }

input.search-query { border-radius: 5px; }


#searchModal { text-align: left; }
#searchModal input { margin: 0; margin-bottom: 1rem; width: 100%; }
#searchModal .close-reveal-modal { color: #424753; }



/* COOKIE CONSENT
-------------------------------------------------- */

.cc_container { padding-bottom:57px!important; }
.cc_container .cc_btn { bottom: 14px!important; } 
.cc_container .cc_btn, .cc_container .cc_btn:visited { background-color: #1f90b3!important; }
.cc_container .cc_message, .cc_container .cc_btn { font-size: 0.75em!important; }



/* LOGO
-------------------------------------------------- */

.g-logo img, .g-logo svg {
	max-height: 70px!important;
	margin: 7px 0;
	width: auto;
}




/* -----------------------------------------------
   SECTIONS
-------------------------------------------------- */

#g-utility, #g-articles, #g-information, #g-above, #g-features, #g-gallery, #g-pre-info { padding: 2rem 0!important; }
@media only all and (max-width:69.938rem) {
	#g-utility, #g-articles, #g-information, #g-above, #g-features, #g-gallery, #g-pre-info { padding: 1rem 0!important; }
}


.area-header { margin: 1rem 0; position: relative; }
@media only all and (max-width:48rem) {
	.area-header { margin: 0; }
}

.area-title {
	margin: 0;
	padding: 0.5rem 0;
}
.area-title .h1, .area-title .h2 {
	margin: 0 0 0.5rem 0 !important;
	font-weight: 700;
	text-transform: uppercase;
	line-height: normal;
	hyphens: auto;
	-webkit-hyphens: auto;
}
.area-title .h2 {
	color: #8f4dae;
	display: block;
	margin: 5px 0 0 !important;
	font-weight: 300;
	text-transform: uppercase;
	font-size: calc(20px + (26 - 20) * ((100vw - 300px) / (1600 - 300))) !important;
}
.area-title .h1 {
	color: #333;
	margin: 0 !important;
	font-size: calc(30px + (38 - 30) * ((100vw - 300px) / (1600 - 300))) !important;
	line-height: 2.6rem;
	letter-spacing: -1px;
	text-transform: uppercase!important;
}
@media only all and (max-width:69.938rem) {
	.area-header { margin: 0; }
	.area-title {
		margin: 0;
		padding: 0.3rem 0.5rem 1rem 0.5rem;
	}	
	.area-title h1 {
		line-height: 2rem;
	}
}




/* HEADER 
-------------------------------------------------- */

#g-header .random-image {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 140px;
	text-align: center;
	position: relative;
}
#g-header .menutitle {
	position: absolute;
	left: 0; 
	right: 0; 
	margin-left: auto; 
	margin-right: auto;
	bottom: 3%;
	text-align: left;
}
#g-header a { color: white; }
#g-header .menutitle h1 { color: rgba(255,255,255,0.3)!important; padding-left: 1.5rem; font-size: calc(25px + (60 - 25) * ((100vw - 300px) / (1600 - 300))) !important; }
#g-header .random-image .overlay {
	background: linear-gradient(180deg,transparent 40%,rgba(0,0,0,.4));
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}
@media only all and (max-width:48rem) {
	.g-home-particles.g-helium-style #g-header {
		margin-top:0;
		padding:0
	}
}




/* NAVIGATION
-------------------------------------------------- */
#g-navigation { background-color: #FFF; }
#g-navigation.g-fixed-element { box-shadow: 0 3px 3px 0 rgba(25, 25, 25, 0.1); }
#g-navigation .nav-logo { width: 238px; flex: 0 0 238px; }
#g-navigation .nav-menu { flex: 1; }
#g-navigation .g-main-nav {
	font-family: "Titillium Web", "Segoe UI";
}
#g-navigation .g-main-nav .g-toplevel > li > a.g-menu-item-container > .g-menu-item-content {
	color: #145f76;
}
#g-navigation .g-grid {
	align-items: center;
}
#g-navigation .g-main-nav .g-toplevel {
	line-height: 48px;
}
#g-navigation .g-main-nav .g-toplevel > li {
	margin: 0 0.30rem;
}
#g-navigation .g-main-nav .g-toplevel > li.g-menu-item-type-heading > .g-menu-item-container,
#g-navigation .g-main-nav .g-toplevel > li.g-menu-item-type-component > .g-menu-item-container {
	font-size: 1.3rem;
	padding: 24px 0;
	font-family: "Titillium Web", "Segoe UI";
	color: #424753;
}
@media only all and (min-width: 69.938rem) {
	#g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container {

		font-size: 23px;
	}

}
#g-navigation .g-main-nav .g-toplevel>li:hover > .g-menu-item-container {
	color:rgba(66, 71, 83, 0.7)
}
#g-navigation .g-main-nav .g-toplevel > li.active > .g-menu-item-container {
	color: #145F76
}
#g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container > .g-menu-item-content {
	padding: 0;
}
#g-navigation .g-main-nav .g-sublevel > li > .g-menu-item-container {
	font-size: 1.2rem;
	font-weight: 300;
}
#g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container {
	font-weight: normal;
}
#g-navigation .g-main-nav .g-toplevel > li.g-parent .g-menu-parent-indicator::after {
	width: 1.25rem;
	padding: 0 0.25rem 0 0rem;
	height: 1.8rem;
	color: #1f90b3;
	opacity: 1;
	content: "\f078";
	font-size: 1.3rem;
}
#g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container .g-menu-parent-indicator {
	vertical-align: middle;
	font-size: 1.6rem;
	font-weight: bold;
	margin-left: 4px;
}
#g-navigation .g-main-nav .g-sublevel > li {
	margin: 0.3125rem 0.9375rem;
	padding: 0;
}
#g-navigation .g-main-nav .g-standard .g-dropdown {
	width: 250px;
}
#g-navigation .g-main-nav .didaktik .g-dropdown {
	width: 260px;
}
#g-navigation .g-main-nav .innichen .g-dropdown {
	width: 300px;
}
	
#g-navigation li.g-dropdown-column { margin: 0; }
#g-navigation .g-dropdown { margin-top: -10px; }
#g-navigation .g-dropdown:before {
	content: "";
	display: block;
	position: absolute;
	top: -10px!important;
	left: 50%;
	margin-left: -10px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 10px 10px 10px;
	border-color: transparent transparent #474c59 transparent;
}	
#g-navigation .g-dropdown.g-dropdown-left:before {
	left: 65%;
}
@media only all and (max-width: 69.938rem) {
	#g-navigation .g-container {
		width: 100%;
	}

}
.g-offcanvas-toggle { display: none; }
.g-offcanvas-toggle.close { display: block; }
#g-offcanvas .g-offcanvas-toggle {
	top: 1.2rem!important;
	opacity: 1;
	font-size: 4rem;
	font-weight: 300;
}
#g-navigation * {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}
#g-navigation .g-offcanvas-toggle .g-content {
	padding: 0!important;
	margin: 0!important;
}
#g-navigation .g-offcanvas-toggle {
	background: none;
	color: #333;
	right: 1rem;
}
#g-navigation.g-fixed-element, #g-header.g-fixed-element { position: fixed; width: 100%; top: 0; left: 0; z-index: 1003; }
#g-navigation.g-fixed-element .g-main-nav .g-toplevel > li > .g-menu-item-container {
	padding: 4px 0!important;
}
#g-navigation .g-logo img, .g-logo svg {
	max-height: 70px !important;
}
#g-navigation.g-fixed-element .g-logo img {
	max-height: 50px !important;
}
#g-navigation .g-main-nav .g-sublevel > li a:hover {
	color: #DDD!important;
}	
#g-navigation .g-main-nav .g-sublevel > li.active a {
	color: #47d2ff!important;
}	
@media only all and (max-width: 59.938rem) {
	#g-navigation .g-offcanvas-toggle {
		width: auto;
		height: auto;
		display: block;
		top: 0;
		padding: 25px 0;
	}
	#navigation { display: none; }
}
@media only all and (min-width: 60rem) {
	#g-navigation .visible-mobile-menu { display: none!important; visibility: hidden; }
}


/* -------------------------------- */

#g-topbar { position: relative; border-bottom: 1px solid #ddd; }
#g-topbar ul {margin: 0; }
#g-topbar ul.menupopular { width: 100%; }
#g-topbar .nav > li > a { display: block; }
#g-topbar .top-commands { flex: 0 0 310px; }
@media only all and (max-width: 30rem) {
#g-topbar .top-commands { flex: 0 0 180px; }
}
#g-topbar .top-menu {
	flex: 1;
	width: 100%;
}
#g-topbar .nav.menu { 
	border: none;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	padding: 0;
}
#g-topbar .nav li {
	padding: 0;
	margin: 0;
	font-size: 21px;
	border: none;
	text-align: center;
}
#g-topbar .nav li a, #g-header .nav li > span {
	margin: 6px 0;
	border-left: 1px solid rgba(255,255,255,.3);
	color: white;
	font-weight: 300;
	font-size: 1.1rem;
	padding: 0 1rem;
}
@media only all and (max-width: 90rem) {
	#g-topbar .nav.menu { 
		justify-content: flex-start;
	}
	#g-topbar .nav li a, #g-header .nav li > span {
		margin: 6px 0;
		padding: 0 12px;
		letter-spacing: -0.01rem;
	}
}
#g-topbar .nav li:first-child a { border: none; }
#g-topbar .icons {
	padding: 0;
	margin: 0;
	text-align: right;
}
#g-topbar .icons img {
	display: inline-block;
	height: 40px;
}
#g-topbar .icons .display-inline-block { margin-left: 1px; }
#g-topbar .login, #login-form { 
	display: inline-block;
	margin: 0;
}
#g-topbar .logout-button input, #g-topbar .login {
	padding: 5px 10px!important;
	font-weight: 500;
}
@media only all and (min-width:60rem) and (max-width:89.938rem) {
	#g-header .nav li > span {
		padding: 0 15px;
	}
}
@media only all and (max-width: 69.938rem) {
	#g-topbar .g-container {
		width: 100%;
	}
	#g-topbar .size-25, #g-topbar .size-30 {
		flex: 0 50%;
		width: 50%;
	}
}
@media only all and (max-width:48rem) {
	#g-topbar .align-right {
		text-align: right !important;
	}
	#g-topbar .nav li a, #g-header .nav li > span {
		padding: 6px 8px;
		margin: 0;
	}
	#g-topbar .logout-button input, #g-topbar .login {
		padding: 7px 10px!important;
	}
}
@media only all and (max-width: 35rem) {
	#g-topbar .size-25, #g-topbar .size-30 {
		flex: 0 100%;
		width: 100%;
	}
}
/* -------------------------------- */
#g-mobilemenu-container .g-toplevel li {
	border-bottom: 1px solid #ddd;
	margin: 0;
	font-weight: 500;
	font-size: 1.3rem;
}
#g-mobilemenu-container .g-toplevel li:last-child,
#g-mobilemenu-container .g-toplevel li:first-child { border: none; }
#g-offcanvas #g-mobilemenu-container ul { z-index: 1; }
#g-offcanvas #g-mobilemenu-container > ul { padding: 1.5rem; }
#g-mobilemenu-container .g-sublevel { padding: 1.5rem; }
#g-offcanvas #g-mobilemenu-container ul > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active,
#g-offcanvas #g-mobilemenu-container ul > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module):hover {
	background: white;
}
#g-offcanvas #g-mobilemenu-container ul > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator {
	border: none;
	background: none;
	border-radius: 0;
	margin: 0;
	padding: 0;
}
#g-offcanvas #g-mobilemenu-container ul>li.g-menu-item-link-parent>.g-menu-item-container>.g-menu-parent-indicator:hover {
	background: none;
}
#g-offcanvas #g-mobilemenu-container ul > li { /*margin: 0 1.5rem;*/ }
#g-offcanvas #g-mobilemenu-container ul > li > .g-menu-item-container { padding: 0.8rem 0; }
#g-mobilemenu-container .g-toplevel li.g-parent .g-menu-parent-indicator::after {
	opacity: 1;
	color: #1f90b3;
	line-height: 3.5rem;
}
#g-mobilemenu-container .g-toplevel li .g-menu-item-content {
	font-size: 1.3rem;
	line-height: 1.6rem;
}
#g-mobilemenu-container .g-sublevel li:last-child {
	border-bottom: 0 !important;
}
#g-mobilemenu-container .g-toplevel li.g-parent .g-menu-parent-indicator {
	top: 0;
	right: 0;
	height: 100%;
	width: 30px;
}
#g-mobilemenu-container .g-go-back a::before { width: 1rem; }
@media (max-width: 48rem) {
	.g-logo { margin: 0; padding-left: 0; }
	.g-logo img, .g-logo svg {
		max-height: 55px;
	}
}



.mod-login, .mod-login h2 { color: initial!important; }

.mod-login .btn {
	padding: 0.5rem 0.6rem;
}

#loginModal h2, #loginModal small {
	color: initial !important;
}
	

.checkbox label:after {
  content: '';
  display: table;
  clear: both;
}

.checkbox { padding: 0; }

.checkbox .cr {
  position: relative;
  display: inline-block;
  border: 1px solid #a9a9a9;
  border-radius: .25em;
  width: 1.3em;
  height: 1.3em;
  float: left;
  margin-right: .5em;
}

.checkbox .cr .cr-icon {
  position: absolute;
  font-size: .8em;
  line-height: 0;
  top: 50%;
  left: 15%;
}

.checkbox label input[type="checkbox"] {
  display: none;
}

.checkbox label input[type="checkbox"]+.cr>.cr-icon {
  opacity: 0;
}

.checkbox label input[type="checkbox"]:checked+.cr>.cr-icon {
  opacity: 1;
}

.checkbox label input[type="checkbox"]:disabled+.cr {
  opacity: .5;
}


/* CAROUSEL
-------------------------------------------------- */

/* Layout Shift fix - Layout Verschiebung */
.g-owlcarousel { display: block!important; }
.g-owlcarousel .g-owlcarousel-item:not(:first-child) { display: none!important; }
.g-owlcarousel img { width: 100%!important; }


.owl-carousel {
	cursor: grab;
}
.g-owlcarousel .g-owlcarousel-item-wrapper .g-owlcarousel-item-content-container .g-owlcarousel-item-content-wrapper {
	align-items: end;
	cursor: grap;
}
.g-owlcarousel .owl-dots {
	bottom: 5%;
}
.g-owlcarousel .g-owlcarousel-item-wrapper .g-owlcarousel-item-content-container {
	width: 100%!important;
}
.g-owlcarousel .owl-dots .owl-dot {
	width: 20px;
	height: 20px;
}
.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot {
	border: none;
	padding: 0 !important;
}
.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next {
	font-size: 2rem;
	font-weight: bold;
}

.owl-carousel .textbox {
	position: absolute;
	width: 35%; 
	bottom: 15%; 
	background-color: rgba(40,40,40,0.7);
	overflow: hidden;
	margin: 0 !important;
	padding: 3% !important;
	hyphens: none;
	display: table;
	transition: all 1.3s ease;
	transition-delay: 0.5s;
	opacity: 0;
	background-repeat: no-repeat;
	background-size: cover;
}
.owl-carousel .textbox.right,
.owl-carousel .textbox.left {
	padding: 0 10%;
}
.owl-carousel .owl-item.active .textbox {
	opacity: 1;
}
.owl-carousel .textbox.left {
	text-align: left !important;
	left: 0%;
}
.owl-carousel .textbox.right {
	text-align: right !important;
	right: 0%;
}
.owl-carousel .owl-item.active .textbox.left {
	left: 10%;
}
.owl-carousel .owl-item.active .textbox.right {
	right: 10%;
}
.owl-carousel .textbox .g-owlcarousel-item-title {
	margin: 0 0 8px 0 !important;
	font-size: calc(15px + (35 - 15) * ((100vw - 300px) / (1600 - 300))) !important;
	line-height: normal !important;
	font-family: "Titillium Web", "Segoe UI"!important;
	font-weight: 700!important;
	line-height: 2.6rem!important;
}
.owl-carousel .textbox p {
	font-size: calc(13px + (20 - 13) * ((100vw - 300px) / (1600 - 300))) !important;
	padding: 0 !important;
	line-height: normal!important;
	text-shadow: 1px 2px 6px rgba(0, 0, 0, 0.3);
}

.owl-carousel .video-overlay-play-button {
	margin: 0;
	position: absolute;
	left: calc(50% - 40px);
	top: calc(50% - 40px);
	z-index: 1000;
}

@media (max-width: 69.938rem) {
	.owl-carousel .textbox.right,
	.owl-carousel .textbox.left {
		width: 50%; 
		padding: 0 5%;
	}
	.g-owlcarousel .g-owlcarousel-item-wrapper .g-owlcarousel-item-content-container .g-owlcarousel-item-content-wrapper .g-owlcarousel-item-content .g-owlcarousel-item-button { font-size: 1.1rem; padding: 0.7rem 1.5rem; }
	.owl-carousel .textbox .g-owlcarousel-item-title { line-height: 2rem!important; }
}
@media only all and (max-width:48rem) {
	.owl-carousel .textbox.right,
	.owl-carousel .textbox.left {
		width: 60%; 
		bottom: 10%
	}
	.owl-carousel .textbox.bottom,
	.owl-carousel .textbox.top {
	}
	.g-owlcarousel .g-owlcarousel-item-wrapper .g-owlcarousel-item-content-container .g-owlcarousel-item-content-wrapper .g-owlcarousel-item-content .g-owlcarousel-item-desc {
		display: block!important;
	}
	.g-owlcarousel .owl-nav .owl-next { right: 0; }
	.g-owlcarousel .owl-nav .owl-prev { left: 0; }
	.owl-carousel .textbox.left { padding: 10px 20px 10px 40px!important; left: 10%; }
	.owl-carousel .textbox.right { padding: 10px 40px 10px 20px!important; right: 10%; }
	.owl-carousel .textbox .g-owlcarousel-item-title { line-height: 1.6rem!important; }

	.g-owlcarousel .owl-dots { display: none; }
}
@media only all and (max-width:40rem) {
	.g-owlcarousel .textbox { display: none; }
	/*
	.owl-carousel .textbox.right,
	.owl-carousel .textbox.left {
		width: 70%; 
	}
	.owl-carousel .textbox.right { right: 15%!important; }
	.owl-carousel .textbox.left { left: 15%!important; }
	*/
}

.g-owlcarousel video { 
	position: absolute; 
	width: 100%; 
	top: 0; 
	left: 0; 
}
@media only all and (min-width:60rem) {
	.g-owlcarousel video { 
		margin-top: -8%;
	}
}





/* BREADCRUMBS
-------------------------------------------------- */

ul.breadcrumbs { white-space: nowrap; margin: 0 0 0 1rem; overflow: hidden; }
ul.breadcrumbs li * { 
   text-decoration: none;
   /* color: #424753; */
}
ul.breadcrumbs li:first-child { margin-right: 14px; }
ul.breadcrumbs li .icon-home {
	line-height: 1.5rem;
	cursor: pointer;
}
ul.breadcrumbs li {
	display: inline-block;
	line-height: 26px;
	margin: 0;
	padding: 6px 10px 6px 4px;
	position: relative;
}
ul.breadcrumbs li a {
	color: #145F76!important;
}
ul.breadcrumbs li::after {
	content: "\f054";
	margin-left: 14px;
	font-family: 'Font Awesome 5 Free';
	font-size: 1rem;
	color: #424753;
	font-weight: 900;
}
ul.breadcrumbs li:first-child::after, ul.breadcrumbs li:last-child::after {
	content: ' ';
}


@media only all and (max-width:47.938rem) {
	#g-breadcrumbs { display: none; }
}




/* SECTIONS
-------------------------------------------------- */

section { padding: 0; }




/* ARTICLES
-------------------------------------------------- */
	




/* USER PROFIEL
-------------------------------------------------- */

.profile-edit .text-muted {
	margin-bottom: 0.5rem!important;
}






/* INTRO
-------------------------------------------------- */

#g-intro { background-color: #312f38; }

#g-intro .areas a { display: flex; align-items: center;
  justify-content: center; }
#g-intro .areas .icon { flex: 0 0 46px; }
#g-intro .areas .text { flex: 1;}
#g-intro .areas .panel { padding: 0.625rem; flex: 1; height: 100%; }
#g-intro .areas img { max-width: 46px; margin-right: 10px; }
#g-intro .areas h4 { font-size: 1.6rem; }


@media (max-width: 69.938rem) {
	#g-intro .areas .img { flex: 0 0 20%; margin: 0; }
	/*#g-intro .areas { margin: 0!important; }*/
	#g-intro .areas .col-12 { padding: 0!important; }
	#g-intro .areas h4 { font-size: 1.3rem; }
}
@media (max-width: 30rem) {
	#g-intro .areas h4 { font-size: 1.1rem; }
}




/* UTILITY
-------------------------------------------------- */

#g-utility {
/*
	background-image: url('../../../../images/homepage/background_events.webp');
	background-color: #d9d9d9 !important;
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
*/	
	position: relative;
	background: rgb(20,95,118);
	background: rgb(20,95,118);
	background: -moz-linear-gradient(45deg, rgba(56, 148, 176,1) 10%, rgba(143,77,174,1) 90%);
	background: -webkit-linear-gradient(45deg, rgba(56, 148, 176,1) 10%, rgba(143,77,174,1) 90%);
	background: linear-gradient(45deg, rgba(56, 148, 176,1) 10%, rgba(143,77,174,1) 90%);
}
#g-utility .g-container::before {
	content: " ";
	position: absolute;
	background: linear-gradient(180deg, rgba(66,71,83,0.4) 50%, rgba(255,255,255,0) 100%);
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
}
#g-utility .area-header .h2, #g-utility .area-header .h1 { color: white; }
#g-utility > .g-container > .g-grid > .g-block > .g-content {
	margin: 0;
}



/* EVENTS
-------------------------------------------------- */

#g-utility #events ul {
	margin: 0;
	display: flex; 
	flex-wrap: wrap; 
}
#g-utility #events .events > ul > li {
	display: block;
	width: 100%;
	list-style: none;
	margin: 0 0 2px 0;
	flex: 0 0 50%;
}
#events ul li:last-child {
	margin: 0;
}
#events .event {
	display: flex;
	flex-wrap: wrap;
	color: #455157;
	margin: 0;
	position: relative;
	cursor: pointer;
	min-height: 65px;
	height: 100%;
	border-left: 6px solid #1f90b3;
	width: 100%;
}
#events .event:hover {
	background-color: #E4E4E4;
}
#events .event::before {
	content: "\f068";
	font-family: 'Font Awesome 5 Free';
	position: absolute;
	top: 17px;
	right: 20px;
	transition: all 0.3s;
	font-size: 1.3rem!important;
	font-weight: 900!important;
	color: #455157;
}
#events .event.collapsed::before {
	content: "\f067";
	color: #B0B0B0;
}
#events .event.collapsed:hover::before {
	color: #455157;
}
#events .event.empty::before, #events .event.empty:hover::before {
	content: " ";
}
#events .event-date {
	flex: 0 0 60px;
	color: white;
}
#events .date { text-align: center; line-height: 1rem; }
#events .day { font-size: 2rem; display: block; line-height: 1.9rem; font-family: "Titillium Web", "Segoe UI"; font-weight: 500; }
#events .month, #events .year { display: inline-block; line-height: 1rem; }
#events .year { margin-left: 4px; display: none; }
#events .event-content {
	flex: 1;
	position: relative;
}
#events .event-content .timestamp {
	font-size: 1.05rem;
}
#events .event-content .collapse > div {
	margin: 0.5rem 0;
}
#events .event-content .collapse div * {
	font-size: 1.25rem;
	margin: 0;
}
#events .event-date .inner {
	padding: 0.5rem;
}
#events .event-content .inner {
	padding: 1rem 2.5rem 1rem 1rem;
}

#events .visible { display: block!important; }
#events .calendar_link.visible { display: inline-block!important; }

#events .more { margin: 2rem 0; position: relative; }


@media (max-width: 47.938rem) {
	#g-utility #events .events > ul > li { flex: 0 0 100%; max-width: 100%; padding: 0!important; }
	#events .event-content p { font-size: 1rem; }
	#events .event-content .inner {
		padding: 0.5rem 2.5rem 0.5rem 0.5rem;
	}
	#events { padding: 0 0.2rem; }
}
.ics {
	padding: 0 9px;
	font-size: 1rem;
	font-weight: bold;
	border: 1px solid #1f90b3;
	display: inline-block;
}
.ics:hover { background-color: rgba(43, 166, 203, 0.3) }

.list-group-item {
	margin-bottom: 0!important;
}


/* INFORMATION
-------------------------------------------------- */

#g-information {
	padding-bottom: 0!important;
}

.quicklinks a {
	display: inline-block;
	color: inherit;
	margin: 0 5px 7px 0;
	padding: 6px 10px;
	border: 1px solid white;
}
.circuit {
	background-image: url('../../../../images/homepage/polygon_background.jpg');
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	padding: 0;
}
#g-information .popular { padding: 2rem 0 3rem; color: white; margin: auto!important; }
@media only all and (max-width:69.938rem) {
	#g-information .popular { padding: 2rem 1rem 3rem; width: 100%; }
}
ul.menupopular { margin: 0; }
.menupopular li {
	display: inline-block;
	margin: 0 5px 7px 0!important;
}
.menupopular li a {
	padding: 6px 10px;
	color: inherit;
	background-color: #145F76;
}
#searchModal .menupopular li a {
	background-color: #145F76;
	margin: 0;
	padding: 0.35rem 1rem;
}
.menupopular li a:hover {
	background-color: #1B728C;
	text-decoration: none;
}
#searchModal .menupopular li a:hover {
	background-color: #1B728C;
}
#g-information img {
	padding: 0;
}




/* FEATURES
-------------------------------------------------- */

#g-features { 
	padding-bottom: 3rem!important; 
	background-image: url(../../../../images/homepage/dots.png);
}
#g-features .parallax {
	background-image: url(../../../../images/homepage/parallax01.jpg);
	padding: 5rem 0;
}
@media only all and (max-width:69.938rem) {
	#g-features .parallax {
		padding: 3rem 0;
	}
}
@media only all and (max-width:47.938rem) {
	#g-features .parallax {
		padding: 0;
	}
}

#g-features h1 { text-transform: inherit; }
#g-features .text-container { height: 100%; display: table; }
#g-features .text-container div { display: table-cell; vertical-align: middle; }
#g-features .image {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	position: relative;
}
#g-features .kiwi .image {
	background-image: url(../../../../images/homepage/frontpage_kiwi.webp);
}
#g-features .zib .image {
	background-image: url(../../../../images/homepage/zib_stelle.webp);
}
#g-features .image img { opacity: 0; }
#g-features .kiwilogo {
	position: absolute;
	left: 10px;
	bottom: 10px;
	z-index: 10;
	width: 18%;
	min-width: 70px;
	opacity: 1!important;
	background: white;
	padding: 2px;
}
#g-features .image::after {
	content: " ";
	position: absolute;
	border-style: solid;
	top: 30%;
}
#g-features .kiwi .image::after {
	right: 0;
	left: auto;
	border-width: 33px 36px 33px 0; /*33px 0 33px 36px;*/
	border-color: transparent #499414 transparent transparent;
}
#g-features .zib .image::after {
	right: auto;
	left: 0;
	border-width: 33px 0 33px 36px;
	border-color: transparent transparent transparent #145F76;
}
#g-features .kiwi .text-container div { border-left: 20px solid #499414; }
#g-features .zib .text-container div { border-right: 20px solid #145F76; }

@media only all and (max-width:69.938rem) {
	#g-features .col-12 { padding: 0; }
}

@media only all and (max-width:47.938rem) {
	#g-features .size-50.panel { 
		padding: 0.3rem;
	}
	#g-features .image {
		min-height: 180px;
	}
	#g-features .image::after {
		border: none;
	}
}

.mod_info .parallax {
	background-image: url(../../../../images/homepage/parallax02.webp);
	padding: 6rem 5%;
}
.mod_info .size-33 {
	width: 33.3333333%;
	flex: 33.3333333%;
}
@media only all and (max-width:89.938rem) {
	.mod_info .parallax {
		padding: 4rem 2%;
	}
}
@media only all and (max-width:69.938rem) {
	.mod_info .parallax {
		padding: 3rem 2%;
	}
}
@media only all and (max-width:47.938rem) {
	.mod_info .size-33 {
		width: 100%;
		flex: 100%;
	}
}
#info-list a {
	padding: 0 0.5rem;
	display: block;
}
#info-list img {
	width: 100%;
}




/* ABOVE
-------------------------------------------------- */

#g-above { background: transparent; }

#documents .documents { display: flex; flex-wrap: wrap; }
#documents .doccats { flex: 0 0 30%; display: flex; flex-wrap: wrap; margin: -2px 0; padding-right: 1rem; }
#documents .doccat { display: flex; font-size: 1.8rem; font-weight: 700; margin: 0 auto; width: 100%; margin: 2px 0; }
#documents .doccat.violet::after, #documents .doccat.cyan::after, #documents .doccat.blue::after {
	content: " ";
	position: absolute;
	width: 200px;
	height: 120px;
	bottom: 0;
	right: 0;
	opacity: 0.4;
	background-repeat: no-repeat;
	background-position-y: bottom;
	
}
#documents .doccat.violet::after {
	background-image: url(../../../../images/homepage/digitale_amtstafel.png);
}
#documents .doccat.cyan::after {
	background-image: url(../../../../images/homepage/pon.png);
}
#documents .doccat.blue::after {
	background-image: url(../../../../images/homepage/pnrr.png);
}
#documents .doclist { flex: 0 0 70%; }

#documents ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  list-style: none;
  margin: 0 -2px;
}

#documents ul li { width: 100%; } 


@media (max-width: 69.938rem) {
}

@media (max-width: 47.938rem) {
	#documents .doccats { flex: 0 0 100%; padding: 0; }
	#documents .doclist { flex: 0 0 100%; }
	#documents .doccat.violet::after, #documents .doccat.cyan::after, #documents .doccat.blue::after { background-image: none; }
}

#documents ul li a:hover {
  background-color: #DDD;
}
#documents .doc-block { margin: 0; overflow: hidden; border-bottom: 1px solid #ccc; }
#documents .doc-element { min-height: 100%; display: flex; flex-wrap: nowrap; align-items: center; padding: 6px 0; }
#documents .download {
	flex: 0 0 90px;
	padding: 0.6rem;
	text-align: center;
}
#documents .document { margin: 0; padding: 0.6rem; flex: 1; }
#documents .document h3 {
	margin: 0 !important;
	text-transform: none;
	width: 100%;
	min-width: 100%;
	line-height: 1.5rem;
}
#documents .info {
	font-size: 1rem;
	font-weight: bold;
	line-height: 1rem;
	margin-top: 8px;
	color: initial;
	color: #5b5b5b;
}
#documents .timestamp { font-size: 80%; line-height: 1.4em; color: #5b5b5b; }

#documents .documents_bottom { text-align: center; }

#documents .visible { display: block!important; }
#documents .more { margin: 2rem 0; }


#statistics .item {
	text-align: center;
	padding: 1rem;
}
#statistics .owl-item {
	border-right: 3px solid #CCC;
}
#statistics {
	margin: 0;
	padding: 0;
}
#statistics .owl-carousel .owl-stage-outer { margin: 0 2px; }
#statistics .counter {
	font-size: 2.5rem;
	line-height: 3rem;
	font-weight: 700;
}
#statistics .counter_desc {
	line-height: 1.4rem;
}

@media (max-width: 47.938rem) {
	#documents {
		padding: 0 0.5rem;
	}
	#documents ul li {
	  width: 100%;
	}
	#statistics { padding: 0 0.5rem!important; }
}
@media (max-width: 30rem) {
	#documents .teaser { display: none; }
	#documents .documents { padding: 0!important; flex: 0 0 100%; }
}



/* FANCYBOX
-------------------------------------------------- */

a[data-fancybox="images"]::after {
	content: "\f002";
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	position: absolute;
	bottom: 5px;
	right: 5px;
	color: white;
	font-size: 1.3rem;
	padding: 0.7rem;
	border-radius: 50%;
	background-color: rgba(0,0,0,.5);
	line-height: 1.3rem;
}
a[data-fancybox="images"] {
	position: relative;
	display: block;
}


/* GALLERY
-------------------------------------------------- */

#g-gallery { padding: 0; }


.imagegallery .collection-cell.main img {
	height: auto;
	width: calc(100% + 6px);
	max-width: inherit;
}

.imagegallery { position: relative; padding: 0; margin: 0; }
.imagegallery .collection-item a, .imagegallery img { width: 100%; }
.imagegallery .header { width: 90rem; margin: 2rem auto 0; }
#img-carousel { padding: 0 0 2rem 0; position: relative; }
.imagegallery .collection {
	margin: 0; padding: 0;
}
.imagegallery .new {
	background: url(../../../../modules/mod_imagegallery/images/new.png) no-repeat;
	height: 32px;
	right: 10px;
	position: absolute;
	top: 10px;
	width: 50px;
	z-index: 10;
}
.imagegallery .more {
	text-align: center;
	margin: 0;
}
.imagegallery .collection-grid {
  display: flex;
  margin: 0;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: stretch;
  flex: 1 0 auto;
}
.imagegallery .collection-grid.nested {
  margin: 0;
}
.imagegallery .collection-cell {
  padding: 0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  flex: 1;
}
.imagegallery .collection-item {
  display: flex;
  padding: 0;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex: 1 0 auto;
  margin: 3px;
  position: relative;
}
.imagegallery .collection-cell._1of2 {
  flex-basis: 50%;
}
.imagegallery a {
	position:relative;
	overflow:hidden
}
.imagegallery img {
	display: block;
	transition: transform .7s ease-out;
	transform: scale(1);
}
.imagegallery a:hover img {
	transition:transform 2s cubic-bezier(0,.3,.6,1);
	transform:scale(1.1)
}

.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 48px;
	height: 48px;
	color: #fff;
	border-radius: 0;
	text-align: center;
	transition: all 0.3s;
	background-color: rgba(0,0,0,0.6);
}
.owl-carousel .owl-nav button.owl-prev .fa,
.owl-carousel .owl-nav button.owl-next .fa {
	font-size: 2rem;
	line-height: 1.9rem;
}
.fa-chevron-right::before {
	content: "\f054" !important;
}
.fa-chevron-left::before {
	content: "\f053"!important;
}
.owl-carousel .owl-nav button.owl-prev:hover,
.owl-carousel .owl-nav button.owl-next:hover {
	background:rgba(255, 255, 255, 0.5);
	border-color:transparent
}
.owl-carousel .owl-nav .owl-prev {
	left:0
}
.owl-carousel .owl-nav .owl-prev .fa {
	left:-1px;
	top:1px
}
.owl-carousel .owl-nav .owl-next {
	right:0
}
.owl-carousel .owl-nav .owl-next .fa {
	left:1px;
	top:1px
}
#img-carousel .owl-dots, #info-carousel .owl-dots {
	position:absolute;
	width:100%;
	text-align:center
}
#img-carousel .owl-dots,
#info-carousel .owl-dots {
	bottom:-40px;
}
.owl-carousel .owl-dots .owl-dot, #info-carousel .owl-dots .owl-dot  {
	display: inline-block;
	background: #424753;
	margin: 0 0.3125rem;
	width: 15px;
	height: 15px;
	border-radius: 15px;
	opacity: 0.75;
	transition: all 0.2s;
}
.owl-carousel .owl-dots .owl-dot.active, .owl-carousel .owl-dots .owl-dot:hover {
	opacity: 1!important;
	background: #ddd!important;
}



#g-gallery .parallax {
	background-image: url(../../../../images/videos/WFO_Bruneck.jpg);
}
#g-gallery .video-wrapper {
    position: relative;
	text-align: center;
	color: white;
}
#g-gallery .video-overlay-play-button {
	margin: 0;
	position: absolute;
	left: calc(50% - 40px);
	top: calc(40% - 40px);
}
#g-gallery a:hover .video-overlay-play-button {
    opacity: 1;
}


/* Search Component ----------------------- */

.searchintro hr { margin: 10px 0; }
.searchintro label { display: inline-block; margin-right: 1rem; }
.result_item h4 { display: inline-block; }
.searchintro input { margin: 0; }
.searchintro input[type="radio"] { margin-top: 9px; }

.com-finder__search { 
	border: 1px solid #ccc;
}
#search-form .btn { 
	margin: 0!important;
}



/* VIDEO
-------------------------------------------------- */

.video-overlay-play-button {
    box-sizing: border-box;
    width: 80px;
    height: 80px;
    display: block;
    opacity: 0.7;
    cursor: pointer;
    transition: opacity 150ms;
}
.video-overlay-play-button:hover {
    opacity: 1;
}
.fancybox-video-container {
	position: relative;
	width: max-content;
}
.fancybox-video-container .video-overlay-play-button {
	position: absolute;
	left: calc(50% - 40px);
	top: calc(50% - 40px);
}
video {
	max-width: 100%;
}





/* TESTIMONIALS
-------------------------------------------------- */

#g-testimonials {
	background-image: none;
	background-color: #DDD;
	padding: 1.5rem 0;
	color: #424753!important;
}
#g-testimonials::before {
	background-color: transparent;
	background-image: none;
	background-image: none;
}



/* BOTTOM
-------------------------------------------------- */

#g-bottom {
	background-color: #515254;
	color: white;
	padding: 1rem 0;
}
#g-bottom .phocamaps-box {
	margin: 0!important;
	height: 208px;
}
#g-bottom .phocamaps-box .leaflet-container {
	height: 208px!important;
}
#g-bottom ul {
	margin: 0 0 0 22px;
	padding: 0;
	border: none;
}
#g-bottom li {
	border: none;
	padding: 0;
	margin: 0;
	list-style-type: disc;
}
#g-bottom .g-block {
	border-right: 1px solid rgba(255,255,255,0.2);
	margin: 0 -1px;
}
#g-bottom .g-block:last-child {
	border: none;
}
#g-bottom a {
	color: white;
}
#g-bottom a:hover {
	color: #DDD!important;
}
#g-bottom li {
	line-height: 2rem;
}
#g-bottom .logo_bottom {
	max-height: 120px; width: auto;
}

@media (min-width:38rem) and (max-width: 69.938rem) {
	#g-bottom .g-block:not(.size-100) {
		flex: 0 50%;
		width: 50%;
		border: none;
	}
	#g-bottom .g-block:nth-child(2n) {
		border-left: 1px solid rgba(255,255,255,0.3);
	}
}



/* SITEMAP
-------------------------------------------------- */

@media (min-width: 993px) { 
	.border-between [class*='col-']:nth-child(3n+1):before {
		display: none;
	}
}
@media (max-width: 992px) { 
	.border-between [class*='col-']:nth-child(2n+1):before {
		display: none;
	}
}
@media (max-width: 768px) { 
	.border-between [class*='col-']:before  {
		display: none;
	}
}

.border-between [class*="col-"] {
	position: relative;
}




/* FOOTER
-------------------------------------------------- */

#g-footer {
	padding: 1rem 0;
}
#g-footer .g-copyright {
	font-size: 1.1rem;
}
#g-footer .g-horizontalmenu li, #g-footer .g-horizontalmenu li a {
	margin: 0;
}
.mostread a:hover { color: white; }



@media only all and (max-width: 47.99rem) {
	#g-footer .g-copyright {
		text-align: left;
	}
}



/* MAINBAR
-------------------------------------------------- */

#g-container-main { background-color: #F0F0F0; }
#g-mainbar { padding: 3rem 0!important; background-color: #F0F0F0; }

@media (max-width: 69.938rem)
{
	#g-mainbar { padding: 1rem 0!important; }
}




/* OFFLINE CSS
-------------------------------------------------- */

.g-offline #frame { min-width: fit-content; }
.g-offline fieldset { padding: 1rem; }
.g-offline form p { padding: 0; margin: 0; }
.g-offline #submit-button { margin-top: 3rem; }



/* RESPONSIVE CSS
-------------------------------------------------- */

@media (max-width: 48rem)
{
	section > .g-container > .g-grid > .g-block > .g-content,
	
	#g-mainbar > .g-grid > .g-block > .g-content {
		padding: 0.3125rem;
		margin: 0.3125rem;
	}
	
	.item-page .page-header {
		margin-bottom: 0.5rem;
	}
}