/* colors from main.css */
/* primary color: #004f9f
   secundary color (abgetönt Stufe 4):  #4c83bb
   tertiary color (schattiert Stufe 5): #002f5f
   quartary color (abgetönt Stufe 10): #e5edf5
   Kontrastfarbe (Termine, Auflistungen): #4c83bb
   https://www.color-hex.com/  
   Favicon Generator: https://favicon.io/  */

{box-sizing:border-box; min-height:0px}
h1, h2 {color: #004f9f;}
a {color: #4c83bb;}
a:hover {color: #004f9f;}
hr {border-color:#999;}
::-webkit-scrollbar-track{background-color:#e5edf5;}
::-webkit-scrollbar {background-color: #e5edf5;}
::-webkit-scrollbar-thumb {background-color:#acacac;}

/* rte text formatting */
.link-internal-more {border:solid 2px  #004f9f;}
.link-internal-more:hover {border-color: #4c83bb;}
.allnews {border:solid 2px  #004f9f;}
.allnews:hover {color:#fff;border:solid 2px  #004f9f;background-color: #004f9f}
.link-button {color:#fff; background-color: #004f9f;}
.link-button:hover {background-color: #4c83bb; color:#fff;}

/* dynlogo */
#homelink {color: #004f9f;}
#homelink .logo span {color: #004f9f;}

/*header */
/*#headerimg {background-color:#e5edf5;min-height:300px;} 300px ist Standardwert für Headerbild*/
#headerimg {background-color:#e5edf5;min-height:0px;}

/* mobile header */
#mobile-header {background-color: #004f9f;}
#mobile-header a {color:#fff;}

#smallnav a {border-right:1px solid #fff; color:#000;}

/* owl slider */
.owl-theme .owl-controls .owl-page span {background-color:rgba(255, 255, 255, 0.6);}
.owl-theme .owl-controls .owl-page.active span {background-color:#004674;}
.owl-theme .owl-controls .owl-buttons div { color: #004f9f;}

/* slider layout 1 */
.tx-ff-owl-slider .layout-1 picture::after {background:rgba(0,0,0,0.42);}
.tx-ff-owl-slider .layout-1 h3 {color:#fff;}
.tx-ff-owl-slider .layout-1 p {color:#fff;}
.tx-ff-owl-slider .layout-1 .link-more {color:#fff; background-color: #004f9f;}
.tx-ff-owl-slider .layout-1 .link-more:hover {background-color: #4c83bb; color:#fff;}

/* slider layout 2 + 3 overall */
.tx-ff-owl-slider .layout-3 .slider-caption {background-color:#fff;}
.tx-ff-owl-slider .layout-2 h3,
.tx-ff-owl-slider .layout-3 h3 {color:#000000;}
.tx-ff-owl-slider .layout-2 p,
.tx-ff-owl-slider .layout-3 p {color:#000;}
.tx-ff-owl-slider .layout-2 .link-more,
.tx-ff-owl-slider .layout-3 .link-more {color:#fff; background-color: #004f9f;}
.tx-ff-owl-slider .layout-2 .link-more:hover,
.tx-ff-owl-slider .layout-3 .link-more:hover {background-color: #4c83bb; color: #004f9f;}

/* servicenav */
#servicenav li a {color:#00235d;}

 /* search */
#topbox form#searchform fieldset input#searchinput {background-color:#e5edf5;}
.tx-indexedsearch-form input {background-color:#e5edf5;}
.tx-indexedsearch-search-submit input {color:#fff; background-color: #004f9f;}
.tx-indexedsearch-search-submit input:hover {background-color:  #4c83bb; color: #004f9f;}

.tx-indexedsearch-res {border-bottom: dotted 1px #c1c1c1;}
.tx-indexedsearch-res:nth-child(2n) {background-color:#e5edf5;}

.tx-indexedsearch-browsebox li a {color: #004f9f; border:1px solid #dddddd;}
.tx-indexedsearch-browsebox li a:hover {color:#fff; background-color: #004f9f; border:1px solid  #004f9f;}

/* mainnav */
#topnav {background-color: #004f9f;}
#topnav ul a {color:#fff;}
#topnav ul li.act > a,
#topnav ul li > a:hover {color:#4c83bb;}
#topnav ul .dropdown {background-color:#e5edf5;height:auto;padding:0px;min-height: 0px;left:inherit;width:auto}

#topnav .secondlvl {height:auto;min-height: 0px;width:100%}
#topnav .secondlvl li {display:block;}
#topnav .secondlvl li > a {color: #004f9f; border-bottom:1px solid rgba(0,0,0,0.2);}
#topnav .secondlvl li:hover > a,
#topnav .secondlvl li.act > a {color: #4c83bb;}

#topnav .secondlvl li:hover .thirdlvl {display:block}
#topnav .thirdlvl {background-color:#e5edf5;height:auto;top:inherit;min-height: 0px;z-index:1000;width:100%;min-width:100%;padding-left:60px;padding-right:30px;margin-top:-54px}
#topnav .thirdlvl li > a {color: #004f9f;}
#topnav .thirdlvl li:hover > a,
#topnav .thirdlvl li.act > a {color: #4c83bb;}

/* mobile menu */
#sidr-main {background-color:#f3f3f3}
#sidr-main .plus::after,
#sidr-main .minus::after {color:#aaaaaa;}

#sidr-main #firstlvl li {border-top:1px solid  #4c83bb;}
#sidr-main #firstlvl li:last-child {border-bottom:1px solid  #4c83bb;}
#sidr-main #firstlvl li.open,
#sidr-main #firstlvl li.act {background-color:#f9f9f9;}

#sidr-main #firstlvl li.open .plus::after,
#sidr-main #firstlvl li.act .plus::after {color:#aaaaaa !important;}

#sidr-main #firstlvl a {color:#000;}
#sidr-main #firstlvl > li.act > a {color: #004f9f;}

#sidr-main #firstlvl ul > li.act > a {color: #004f9f; }

/* maincontent */
/* special bar */
#breadcrumb {color: #4c83bb;}
#breadcrumb a {color: #4c83bb;}
#breadcrumb a:hover {color:#004f9f;}

.contenttable > tbody > tr:nth-of-type(odd) {background-color: #f9f9f9;}

/* right */
.frame-layout-1 {background-color:#e5edf5;}



/* accordion */
.frame-layout-2 p {background-color:#e5edf5;}
.frame-layout-2 h2 {color: #4c83bb; background-color:#e5edf5;}
.frame-layout-2 h2:hover {background-color: #004f9f; color:#fff;}
.frame-layout-2 .act h2 {background-color: #004f9f; color:#fff;}
/* added from escen */
.frame-layout-2 h2 {color: #4c83bb; background-color:#e5edf5;}

/* text on image */
.text-on-image .link-internal-more {color: #004f9f; border:solid 2px  #004f9f;}

/* shariff */
.shariff .shariff-button a {background:none; color: #004f9f;}
.shariff .shariff-button a:hover {background:none; color:#013b42;}

/* losung */
#losungen-losung,
#losungen-lehrtext,
#losungen-terms {background-color:#e5edf5;}
#losungen-main .header h2 {color:#000;}
#losungen-main .links-bottom {border-top:1px solid #fff;}
#losungen-main .links-bottom a {color: #004f9f;}
#losungen-main .links-bottom a:hover {color: #4c83bb;}
#losungen-main .losung-nav a {color: #004f9f;}
#losungen-main .losung-nav a:hover {color: #4c83bb;}
#innerwrapper .col-25 #losungen-main .losung-nav a i {color: #004f9f;}


/* powermail */
.powermail_fieldwrap_type_input input,
.powermail_fieldwrap_type_select select,
.powermail_fieldwrap_type_textarea textarea,
.powermail_fieldwrap_type_captcha input {border: none; border:solid 1px  #4c83bb;}
.powermail_fieldwrap .powermail_submit {color:#fff; background-color: #004f9f;}
.powermail_fieldwrap .powermail_submit:hover {background-color:#013b42; color:#fff;}
.parsley-errors-list li {color:red;}

/* 2 cols 100% */
.full-2 h2 {color:#fff;}
.full-2 h3 {color:#fff;}
.full-2 p {color:#fff;}
.full-2 .cols-50-inner-left {background-color: #004f9f;}
.full-2 .link-internal-more {color:#fff; background-color: #4c83bb;}

.full-2 .link-button { color: #fff; background-color: #272727; }
.full-2 .link-button:hover { color: #fff; background-color: #141414; }

/* new frame von escen (background) */
.frame-background.bg_gray:before {background-color:#e5edf5;}

/* footer */
#contact {background-color: #004f9f; color:#fff;}
#contact .infotext a {color:#fff;}
#contact .infotext a:hover {color:#4c83bb;}
#metanav a {color:#fff;}
#metanav a:hover {color:#4c83bb;}
#footerbottom .madewith {border-right:1px solid  #004f9f;}


/* colors from news.css */
.news-list-container .news-list-item {border-bottom:dotted 1px #c1c1c1;}
.news-list-item .subheader p {color:#000;}
/* detail */
.news-single-item h2 {color: #004f9f;}
.news-single-author {border-bottom: dotted 1px #c1c1c1;}
.news-single-backlink a {color:#fff; background-color: #004f9f;}
/* list */
.news-list-item h3 a {color: #004f9f;}
.news-list-item .news-list-image a {color:#000;}
.news-list-item h3 a:hover {color: #4c83bb;}
.news-list-item .news-list-image a:hover {color: #004f9f;}
.cal-list-event .cal-button a {color: #fff; background-color:  #004f9f;}
.cal-list-event .cal-button a:hover {background-color:  #4c83bb; color:  #004f9f;}

/* category selector */
.news-catmenu .event-btn,
.news-catmenu .reset-catfilter {color:#fff; background-color: #004f9f;}
.news-catmenu .event-btn:hover,
.news-catmenu .reset-catfilter:hover {background-color: #4c83bb; color: #004f9f;}
/* pagebrowser */
.tx-ttnews-browsebox td {color: #004f9f; border:1px solid #dddddd;}
.tx-ttnews-browsebox td:hover,
.tx-ttnews-browsebox .tx-ttnews-browsebox-SCell {color:#fff !important; background-color:  #004f9f; border: 1px solid  #004f9f;}
.tx-ttnews-browsebox .tx-ttnews-browsebox-SCell a {color:#fff !important; background-color:  #004f9f; border: 1px solid  #004f9f;}
.tx-ttnews-browsebox td:hover a,
.tx-ttnews-browsebox .tx-ttnews-browsebox-SCell a {color:#fff !important;}
/* home */
.home .news-list-container .news-list-item {background-color:#e5edf5;}
.home .news-list-item .subheader p {color:#000;}
/* lk news */
.home .news-extern .news-list-item {background-color:#e5edf5;}
.home .news-extern .subheader {color: #004f9f;}

/* colors from addressviewer.css */
.child-details > a {border:dotted 1px #c1c1c1;}
.child-details-list .child-result {border-bottom:dotted 1px #c1c1c1;}
.news-single-backlink a:hover {background-color: #4c83bb; color:#fff;}
#user-lkbsaddress-institution-search-form .submit input {color: #fff; background-color: #004f9f;}
#user-lkbsaddress-institution-search-form .submit input:hover {background-color: #4c83bb; color:#fff;}

/* colors from calendar.css */
/* overall */
.cal-show-event .cal-info {background-color:#e5edf5;}
.style-default .cal-widget-date {background-color:#7f7d7e; color:#fff;}
.style-default .cal-widget-img figcaption {color:#000; background-color:rgba(255,255,255,0.5);}

.style-default .cal-widget-time {background-color: #004f9f; color:#fff;}

.cal-latest-event-info .cal-category,
.cal-list-event-info .cal-category {color: #004f9f;}
.cal-list-title {color: #4c83bb;}

#calPagination li a {color: #004f9f; border:1px solid #dddddd;}
#calPagination li.active a,
#calPagination li a:hover {color:#fff; background-color: #004f9f; border:1px solid  #004f9f;}

/* latest */
/* specific style for homepage */
.home .style-default .cal-data {background-color:#e5edf5;}
.home .style-default .slick-prev::before,
.home .style-default .slick-next::after {color:#000;}
.home .style-default .slick-disabled::before {color:#e1e1e1;}
.home .cal-nav-buttons .allevents {border:solid 2px  #004f9f;}
.home .cal-nav-buttons .allevents:hover {color:#fff;border:solid 2px  #004f9f;background-color: #004f9f}
.home .allevents {margin:20px auto 0}

/* list */
.style-default .cal-list-event-info {background-color:#eff0f2;}

/* detail */
.tx-nf-lkcal .typo3-messages li.alert-info {color:crimson;}

.cal-show-event .cal-category {color: #004f9f;}
.cal-show-event .cal-info {background-color:#eff0f2;}
.cal-show-event .btn {color:#fff; background-color: #004f9f;}
.cal-show-event .btn:hover {background-color: #4c83bb; color:#fff;}

/* style-2 */
.home .style-2 {color:#fff;}
.style-2 .cal-latest-title {color:#fff;}
.home .style-2 .cal-search-widget {border-top:1px solid #3f3f3f;}
.style-2 .cal-button a {color:#fff;}
.style-2 .cal-button a:hover {color:#bababa;}
.home .style-2 .btn-group button {background-color:#272727; color:#fff;}
.home .style-2 .btn-group button:hover {background-color:#141414; color:#fff;}
.home .style-2 .allevents {background-color:#272727; color:#fff; border: solid 2px #272727;}
.home .style-2 .allevents:hover {border: solid 2px #141414; background-color:#141414;}

/* widget */
.pb-calendar .top-frame > .control-frame a:hover {background:none; color: #004f9f !important;}
.pb-calendar > .calendar-head-frame > .row > .col {background-color: #ddd !important; color: #999 !important;}

/* search */
.cal-search {background-color:#e5edf5;}
.cal-search .form-control {color:#555555 !important; background-color:#ffffff !important; border:1px solid #cccccc !important;}
.cal-search .btn-group button {color: #fff; background-color:  #4c83bb;}
.cal-search .btn-group button:hover {background-color:#000;}

/* colors from download.css */
.tx-mitdownload-pi1 hr {border-bottom: dotted 1px #c1c1c1;}
.tx-mitdownloadsearch-pi1 {background-color:#e5edf5;}

/* colors from gallery.css */
div.user-lkbsgallery {background-color:#eff0f2;}
.gallery .slick-prev::before,
.gallery .slick-next::before {color:black;}

/* colors from lebensbegleitung.css */
.navigation ul > li > a {background-color:#e3e3e3; color: #004f9f; border-bottom:1px solid #e9e9e9;}
.navigation ul > li.cur > a,
.navigation ul > li.act > a {color:#fff; background-color:#c6c6c6;}
.navigation ul ul li a {color:#888; background-color:#eff0f2;}
.navigation ul ul > li.cur > a {color:#333; background-color:#eff0f2;}
.col-pos-9 .bg-gray {background-color:#e5edf5;}

/* colors from links.css */
.tt-links-container {border-bottom:dotted 1px #c1c1c1;}

/* colors from home.css */
#socialbar {border-top:1px solid #eff0f2 !important;}

/* mobile optimization */

@media only screen and (max-width: 1024px) {
  /* overwrite colors from home.css */
 #losungen-main .losung-nav a i {color: #004f9f !important;}
}

@media only screen and (max-width: 990px) {
  #searchform {background-color: #004f9f;}
}

@media only screen and (max-width: 768px) {
  .tx-ff-owl-slider .layout-2 .slider-caption,
  .tx-ff-owl-slider .layout-3 .slider-caption,
  .tx-ff-owl-slider .layout-1 .slider-caption {background-color:#e5edf5;}
  .tx-ff-owl-slider .layout-1 .slider-caption h3,
  .tx-ff-owl-slider .layout-2 .slider-caption h3,
  .tx-ff-owl-slider .layout-3 .slider-caption h3 {color:#000;}
  .tx-ff-owl-slider .layout-1 .slider-caption p,
  .tx-ff-owl-slider .layout-2 .slider-caption p,
  .tx-ff-owl-slider .layout-3 .slider-caption p  {color:#000;}

  .shariff {background-color:#fff;}
  .shariff ul::before {color:#cecece;}
}

@media only screen and (max-width: 640px) {
  /* overwrites colors from home.css */
  .style-2 .cal-data .cal-latest-event {border-bottom:1px solid #3f3f3f !important;}
  .style-2 .cal-data .cal-latest-event:nth-child(2n) {border-bottom:none !important;}
}

/* ipad pro */
/* Landscape */
@media only screen
  and (min-width: 1024px)
  and (max-height: 1366px)
  and (orientation: landscape)
  and (-webkit-min-device-pixel-ratio: 1.5) {
  .touchdevice  #topnav ul, #searchform {background-color: #004f9f;}
}

.container {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 133.33%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

/* Then style the iframe to fit in the container div with full height and width */
.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}