/* Reconstructed from Contao 4 tl_style SQL; validate against original site if possible. */

/* Col1 :: Border-color */

#wrapper-0,
#footer,
p.quote ,
p.information,

.toggler.active,
#main .ce_table thead th,

.mod_eventlist .event-entry:hover .header, 
.mod_newslist .block:hover p.info {
  border-color: #145598;
}

/* col1 :: background */

.mainnavi .top-menu-title,
input.submit,
button.submit {
  font-size: 22px;
  background-color: #145598;
  color: #ffffff;
  background: #145598;
  padding: 8px 15px !important;
  border: none;
}

/* $col1 :: color */

span.mandatory,
a, h1, h2 .mod_navigation li a,
h2 .mod_customnav li a,
p.information {
  color: #145598;
}

/* col2: border */

#header .sliderwrapper figcaption.caption, 
#header .headerpic figcaption.caption,
#header .headerpic  figcaption.caption,
#header .mod_navigation ul li a.trail, 
#header .mod_navigation ul li span.active, 
#header .mod_navigation ul li span.forward,
#header .mod_customnav ul li a.trail, 
#header .mod_customnav ul li span.active, 
#header .mod_customnav ul li span.forward,
#left .mod_navigation ul  li a.trail, 
#left .mod_navigation ul  li span.active, 
#left .mod_navigation ul  li span.forward,
form input:focus, form textarea:focus,
p.warning {
  border-color: #FFA500;
}

/* col2:: color */

a:hover,
p.warning,
.slider-control .slider-menu b.active {
  color: #FFA500!important;
}

/* Col3 :: color */

p.quote,
#header .mod_navigation ul  li a:hover, #header .mod_navigation ul  li span:hover,
#header .mod_customnav ul li a:hover, #header .mod_customnav ul li span:hover,
h3 , h4, h5, h6,
#header .mod_navigation ul li a.trail, #header .mod_navigation ul li span.active, #header .mod_navigation ul li span.forward,
#header .mod_customnav ul li a.trail, #header .mod_customnav ul li span.active, #header .mod_customnav ul li span.fprward,
#left .mod_navigation ul  li a, #left .mod_navigation ul  li span {
  color: #353535!important;
}

#header .logo {
  width: 180px;
}

/* Hochstellenn von hochgestellten Zeichen */

sup {
  vertical-align: text-bottom;
}

/* col3 :: border */

.toggler {
  border-color: #353535;
}

#left {
  position: absolute;
  left: 0px;
  margin-left: 0px;
}

.mod_navigation h3 {
  display: none;
  color: #145598 !important;
}

.mod_article h1 {
  margin-bottom: 20px;
  padding-bottom: 5px;
}

#header .mod_customnav ul li {
  float: left;
}

body,
#container {
  background: #fff;
}

.formbody .mandatory span.mandatory {
  position: static;
  display: inline;
}

form .widget {
  padding-left: 0;
}

select {
  border: 1px solid #ccc;
  padding: 8px;
}

#header .mod_form {
  position: absolute;
  right: 0;
}

body.safari input[type=search] {
  -webkit-appearance: textfield;
  padding-right: 0px !important;
}

/* Entfernen der doppelten Linie bei Links */

#left .mod_navigation ul li a span {
  border-bottom: 0;
}

.hyperlink_txt {
  margin-top: 15px;
}

.news_list_with_filter_filter {
  text-align: right;
  position: absolute;
  top: 68px;
  right: 0;
}

.news_list_with_filter_filter .filter-entry-list {
  display: inline-block;
}

.news_list_with_filter_filter .filter-headline,
.news_list_with_filter .newslist_with_filter_headline_top,
.news_list_with_filter .newslist_with_filter_headline_additional {
  display: none;
  margin-bottom: 0px;
}

.news_list_with_filter_filter select {
  display: inline-block;
  vertical-align: top;
  padding: 6px 6px 6px 6px;
}

.news_list_with_filter_filter button.submit {
  display: none;
  margin-top: 0px;
}

.layout_latest {
  font-size: 0px;
  /*border-style: dotted;*/
  padding-top: 10px;
  padding-bottom: 10px;
  border-width-bottom: 1px;
  border-color: #CCC;
}

.layout_latest .image_container {
  width: 25%;
  float: none;
  display: inline-block;
  vertical-align: top;
  margin-right: 2%;
}

.layout_latest .image_container img {
  width: 100%;
  height: auto;
}

.layout_latest .text_block {
  width: 73%;
  line-height: 16px;
  display: inline-block;
}

/* Nachrichten-Meldungen */

.layout_latest h2 {
  width: 73%;
  display: inline-block;
  margin-top: 0px;
}

.layout_latest p {
  font-size: 12px;
}

.layout_latest .headline {
  min-height: 30px;
  margin-top: 0px;
  margin-bottom: 5px;
}

.layout_latest .headline .highlight_icon {
  width: 25%;
  height: 30px;
  display: inline-block;
  margin-right: 2%;
}

.layout_latest p.info .subheadline {
  vertical-align: top;
  font-weight: bold;
}

.layout_latest p.info time {
  float: right;
}

.layout_latest.highlight {
  background-color: #ffffff;
}

.layout_latest.highlight .highlight_icon {
  background-position: right center;
  background-repeat: no-repeat;
  background-image: url("/files/logos/EPTS_Bildmarke_mini.jpg");
  background-size: auto 30px;
}

/* Seitenwähler-Formatierung */

.mod_newsarchive .pagination {
  padding-top: 20px;
}

/* Seitenwähler-Formatierung */

.mod_newsarchive .pagination p {
  margin-bottom: 2px;
}

/* Seitenwähler-Formatierung */

.mod_newsarchive .pagination li {
  display: inline-block;
  margin-right: 10px;
}

/* Erfolgsmeldung */

p.confirm {
  border-style: solid;
  margin-top: 10px;
  margin-bottom: 20px;
  padding: 5px 5px 5px 5px;
  border-width: 1px 1px 1px 1px;
  background-color: #e7e7e7;
  border-color: #0e7a00;
  color: #0e7a00;
}

/* Fehlermeldung */

p.error {
  margin-top: 10px;
  margin-bottom: 20px;
}

.navi-footer {
  display: inline-block;
  text-align: left;
}

.navi-footer li {
  display: inline-block;
  margin-right: 15px;
}

.navi-footer li a,
.navi-footer li span.active {
  color: #145598;
}

.footer-social-media {
  float: right;
}

.footer-social-media .social-media-icon {
  font-size: 30px;
}

.footer-social-media .social-media-facebook:before {
  content: "\f082";
}

.footer-social-media .social-media-twitter:before {
  content: "\f081";
}

.footer-social-media .social-media-instagram:before {
  content: "\f16d";
}

.footer-social-media .social-media-linkedin:before {
  content: "\f08c";
}

.ce_gallery ul {
  column-count: 4;
  column-gap: 20px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.ce_gallery li {
  break-inside: avoid;
  margin-bottom: 20px;
}

.ce_gallery img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 10px;
  transition: transform 0.3s ease;
}

.ce_gallery img:hover {
  transform: scale(1.03);
}