/* Typo */
/*
@font-face {
    font-family: 'Open Sans';
    src: url('/errorpage/092020/opensans-regular-webfont.woff2') format('woff2'),
         url('/errorpage/092020/opensans-regular-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Open Sans';
    src: url('/errorpage/092020/opensans-italic-webfont.woff2') format('woff2'),
         url('/errorpage/092020/opensans-italic-webfont.woff') format('woff');
    font-weight: 400;
    font-style: italic;

}
@font-face {
    font-family: 'Open Sans';
    src: url('/errorpage/092020/opensans-bold-webfont.woff2') format('woff2'),
         url('/errorpage/092020/opensans-bold-webfont.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}
*/
/**
Bildpositionierung
*/
@media screen and (min-width: 660px) {
.content-container .csc-textpic {
    max-width: 800px;
  padding-top: 10px !important;
  padding-bottom: 10px;
}
.content-container .csc-textpic h2 {
  padding-top: 0px !important;
}
.csc-textpic.csc-textpic-intext-right figure {
  float:right;
}
.csc-textpic.csc-textpic-intext-right-nowrap,
.csc-textpic.csc-textpic-intext-left-nowrap
{
  margin-bottom: 10px;  
}
.csc-textpic.csc-textpic-intext-right-nowrap figure {
    float: right;
    height: 100%;
}
.csc-textpic.csc-textpic-intext-left figure {
    float: left;
    padding-right: 20px;
}
.csc-textpic.csc-textpic-intext-left-nowrap figure {
    float: left;
    height: 100%;
}
.csc-textpic-intext-left-nowrap .csc-textpic-text {
    padding-left: 10px;
}
.csc-textpic-center-outer {
    width: 100%;
/* 20200606 Hg
    text-align: center;
*/
}
.csc-textpic.csc-textpic-right.csc-textpic-above figure {
    width: 100%;
    text-align: right;
}
.csc-textpic.csc-textpic-below {
    margin-bottom: 20px;
}
.csc-textpic.csc-textpic-right.csc-textpic-below figure {
    width: 100%;
    text-align: right;
}
.csc-textpic.csc-textpic-center.csc-textpic-above p {
    clear: both;
}
}
.csc-textpic.csc-textpic-intext-left figure {
    padding-right: 20px;
}

/**
PM Anpassungen
*/

dt {}

dt {
    max-width: 800px;
    font-size: 14px;
    line-height: 22px;
    text-transform: none;
    border-bottom: 0 !important;
}

dd span {
    text-align: left;
    margin: 0;
    padding: 0;
/* 20200608 Hg
    padding-left: 20px !Important;
*/
    font-size: 14px !important;
    line-height: 22px;
    text-transform: none;
}

.news-single-backlink a {
    font-size: 14px !important;
    line-height: 22px;
    text-transform: none;
}

h2.h2mu
{
  border-bottom: 0;
}

p.pen
{
    text-transform: none !important;
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 400;
    color: #0F3286;
    letter-spacing: normal;
    font-size: 0.95rem;
    line-height: 1.3rem;
}

article #toclickcontent
{
  width: auto !important;
}

.einrichtungaktion {
    padding-top: 8px
}

.row
{
  display: flex;
    flex-flow: row;
    align-items: stretch;
}

.row .col
{
  flex: 1;
  display: block;
  margin-right: 10px;
  margin-left: 10px;
  padding: 10px;
    box-sizing: border-box;
  width: 100%;
}

.row .col img
{
  max-width: 100%;
  height: auto;
}

.row .col:first-child {
    margin-left: 20px;
}
.row .col:last-child {
    margin-right: 20px;
}

.content-container ul.slides,
.content-container ol.flex-control-nav
{
  max-width: none;
}

#content-column2-0
{
  padding: 0;
    margin: 0;
    width: initial;
    box-sizing: border-box;
    flex-basis: 100%;
}

#breadcrumb
{
  margin-bottom: 0px;
}

/* SLIDER */
.tx-ws-flexslider .caption-wrapper .caption-text
{
  height: auto;
    padding: 20px;
    padding-top: 7px;
    background-color: rgba(255, 255, 255, 0.8);
    top: auto;
    bottom: 30px;
}

.caption-wrapper h1.caption-title
{
  font-size: 24px;
    letter-spacing: 0.02em;
    line-height: initial;
    padding: 10px 0 0px 0 !important;
    font-weight: normal;
    margin-top: 0;
  margin-bottom: 10px;
}

.caption-wrapper p
{
  color: #333;
}

div.light-blue-bg
{
  background-color: rgba(15, 50, 133, 0.12);
  padding-top: 1px;
    padding-bottom: 20px;
}

.container,
#home-content.home #title
{
  margin:0 auto;
  width:100%;
  min-width:0;
  max-width:1440px;
  padding:0 20px;
  box-sizing:border-box;
}

#container.home
{
  position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    background-color: transparent !important;
  z-index: 3;
}

.flexslider ul.slides li::before
{
  content: '';
    height: 50%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: linear-gradient( to bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0) );
}

/* Temporary News Styling */
.news-latest-item {
    flex: 1;
  border-top: 4px solid #0F3286;
}

.news-latest-item {
    display: flex;
    align-items: center;
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: #eee;
    flex-grow: 1;
    margin-left: 40px;
}

.news-latest-item:first-child {
    margin-left: 0px;
}


p.news-latest-date {
    font-weight: bold;
    padding-left: 10px;
    padding-right: 10px;
    /* height: 100%; */
}

.news-latest-container a h2 {
    border-top: none !important;
    margin-right: 15px !important;
    padding-left: 15px !important;
    /* background-color: white; */
}

span.news-latest-date {
    margin: 10px;
    background-color: white;
    border: 2px solid #ddd;
    border-radius: 5px;
    height: 100%;
    align-items: center;
    display: flex;
}

.news-latest-container {
    display: flex;
    margin-top: 20px;
}

.content-container.home
{
  margin-top: 0px;
}

#container.home .top-bar
{
  background-color: transparent !important;
}

#container.fullwindow-container .csc-frame div,
#container.fullwindow-container .csc-frame iframe
{
  max-width: 100%;
  
}

#home-content #title .col
{
  margin: 0; padding: 0;
}

#home-content
{
  padding-top: 162px;
}

#content-column2-1.home
{
  width: 100%;
  margin: 0;
  padding: 0;
}

#home-content .container,
#home-content.home #title
{
  margin:0 auto; width:100%; min-width:0; max-width:1440px; padding:0 20px; box-sizing:border-box;
  margin-top: 40px;
    margin-bottom: 0px;
  overflow: hidden;
}

#home-content #title .container
{
  margin-bottom: 0px !important;
}

h1.extra-large {
    font-size: 40px;
    line-height: 60px;
}

#home-content.home #content-bottom-nav
{
  padding-top: 60px;
}

p.pmn {
    text-transform: none !important;
    font-family: 'Open Sans', sans-serif !important;
  font-weight: 400;
    color: #0F3286;
  letter-spacing: normal;
}

.content-container h3.t3ddy-accordion-header.ui-state-hover,
.content-container h3.t3ddy-accordion-header.ui-state-focus
{
/*    color: #444; */
    text-decoration: none;
    font-weight: normal;
}

#content-right p, #content-right li, #content-right article .csc-textpic-text p {
    font-size: 14px;
    line-height: 1.4rem;
}

#content-right h3 {
    font-size: 16px;
    letter-spacing: 0.02em;
    line-height: normal;
    padding: 5px 0 0 0 !important;
}

@media screen and (max-width: 720px)
{
  .news.well.news-special
  {
    flex-flow: column;
  }
  .news.well.news-special div.news-latest-title,
  .news.well.news-special div.teaser-text
  {
    height: auto !important;
  }
}

@media screen and (min-width: 960px)
{
  
  #subtitle
  {
    height: 100%;
    max-height: 42px;
    align-items: center;
    display: flex;
    justify-content: center;
    transition: all 0.4s ease-in-out;
    background-color: white !important;
  }
  #subtitle.sticky {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    max-height: 60px;
    background-color: white;
    border-bottom: 3px solid #0f3286;
        z-index: 1;
  }

  #subtitle.sticky #nav-basic > ul {
    margin: 0 auto;
    width: 100%;
    min-width: 0;
    max-width: 1440px;
    padding: 0 20px;
    box-sizing: border-box;
  }

  #subtitle.sticky #nav-basic {
    display: flex;
    justify-content: center;
    margin-left: 40px;
  }
  #container.sticky #title
  {
    padding-top: 42px !important;
  }
  
}

@media screen and (max-width:1000px) {
 h2.news-latest-title
  {
    font-size: 1.05rem !important;
  }
.news.well.news-special div.teaser-text
  {
    height: 180px;
  }
}

/* PHONE */
@media screen and (max-width:960px) {
  .row
  {
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }
  
  .news-latest-container
  {
    flex-flow: column;
  }
  .news-latest-item
  {
    margin-left: 0px !important;
    margin-top: 20px;
  }
  
  .content-container.home
  {
    margin-top: 120px;
  }
  #container.home .top-bar
  {
    background-color: white !important;
  }
  
  #home-content .callist {
    flex-flow: column;
  }

#home-content .callist .summary {
    text-align: center;
}
  
  
  h1.extra-large {
    font-size: 20px;
    line-height: 30px;
  }
  
  
  
  #home-content
  {
    padding-top: 60px;
  }
  
  #home-content #title,
  #home-content #title .container
  {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

@media screen and (max-width:600px) {
  #home-content .vevent
  {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 40px;
    text-align: center;
  }
  #home-content .vevent .summary
  {
    margin-top: 20px;
  }
}

@media screen and (min-width:961px) {
  .show-only-on-mobile
  {
    display: none !important;
  }
}

@media screen and (max-width:960px) {
  .hide-on-mobile
  {
    display: none !important;
  }
  #home-content.home #title .container
  {
    margin-top: 55px !important;
  }
  #logo, #split-logo {border-bottom: 3px solid #0f3286;padding-top: 3px;}
}

@media screen and (max-width: 414px) and (orientation: portrait),
screen and (max-width: 736px) and (orientation: landscape)
{
  .cc-window.cc-top
  {
    bottom: 0 !important;
    top: auto !important;
  }
}

.cc-banner
{
  bottom: 0 !important;
    top: auto !important;
}

.content-container h2
{
  border-top: 0 !important;
}

#nav-mobile ul>li.act>a, #nav-mobile ul>li.firstNAct>a, #nav-basic ul>li.firstNAct>a {font-weight: bold;}



.flex-control-paging li a
{
  border-radius: 0px;
    width: 30px;
    height: 7px;
}


/** EVENTS STYLING */

#home-content .callist {
    display: flex;
    /* width: auto; */
    overflow: hidden;
    /* max-width: 100%; */
    border: 0;
    border-bottom: none !important;
    margin-left: 20px;
    margin-right: 20px;
  flex: 1;
}

#home-content .tx-cal-controller
{
  display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 40px;
  margin-top: 20px;
}

#home-content  .tx-cal-controller .prev,
#home-content  .tx-cal-controller .next
{
  border: 0;
    outline: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #efefef;
    color: #888;
    font-weight: bold;
  transition: 0.2s all ease-in-out;
}

#home-content  .tx-cal-controller .next:hover
{
  transform: translateX(5px);
}

#home-content  .tx-cal-controller .prev:hover
{
  transform: translateX(-5px);
}

#home-content .vevent {
    min-width: 33%;
    flex: 1;
    display: flex;
    /* margin-right: 20px; */
    /* box-sizing: border-box; */
    /* padding-right: 20px; */
    border-bottom: 0px !important;
  display: none;
}

#home-content .vevent.visible
{
  display: flex;
}

#home-content .vevent .dtstart-container > * {
    display: none;
}

#home-content .vevent .dtstart-container > span.eventday:first-child {
    display: block;
    font-size: 30px;
    color: #4A4A4A;
    font-weight: bold;
}

#home-content .vevent .dtstart-container > span.eventday:first-child::after
{
  /* content: "."; */
}

@keyframes toLeft
{
  from {
    opacity: 0;
    transform: translateX(150px);
  }
  to {
    opacity: 1;
    transform: translateX(0px);
  }
}

@keyframes toRight
{
  from {
    opacity: 0;
    transform: translateX(-150px);
  }
  to {
    opacity: 1;
    transform: translateX(0px);
  }
}


#home-content .vevent
{
  animation-duration: 0.2s;
  animation-timing-function: ease-in-out;
}

#home-content .vevent.toRight
{
  animation-name: toRight;
}

#home-content .vevent.toLeft
{
  animation-name: toLeft;
}


#home-content .tx-cal-controller .even
{
  background-color: transparent !important;
}

#home-content .vevent .dtstart-container > span.eventmonth:nth-child(3) {
    display: block;
    font-size: 14px;
}

#home-content .vevent .summary {
    flex: 1;
    color: #0F3286;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    box-sizing: border-box;
    padding-left: 20px;
    font-size: 18px;
  padding-right: 20px;
      word-break: break-word;
}

#home-content .dtstart-container {
    height: 70px;
    width: 100px;
  min-width: 100px;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    border: 1px solid #707070;
    border-bottom: 4px solid #0F3286;
  font-size: 0px;
  align-self: center;
}

#home-content .pagination {
    display: none;
}

/* TAB DESIGN */

ul.t3ddy-tabContainer-tabList {
    background-color: transparent !important;
  border: 0;
    border-bottom: 1px solid #ccc;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
/*    border-bottom: 3px solid #0F3286; */
    opacity: 1;
/*    color: #0F3286; */
}

.ui-tabs .ui-tabs-nav li, .ui-tabs .ui-tabs-nav li a {
    color: #333;
}

.ui-tabs .ui-tabs-nav li {
    background: transparent;
    opacity: 0.8;
    padding-bottom: 1px;
    transition: 0.3s all ease-in-out;
    border-bottom: 3px solid white;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active a {color: #0F3286;}

.ui-tabs .ui-tabs-nav li:hover {
    border-bottom: 3px solid #0F3286;
    /* padding-bottom: 1px; */
    opacity: 0.5;
}

.align-center {
    text-align: center;
}

h1
{
  line-height: 1.8rem;
}

.csc-textpic-left .csc-textpic-imagewrap {
  
  margin-right: 20px;
}

.news.well.news-special {
    display: flex;
}

.news.well.news-special .article .news-img-wrap img {
    width: 100%;
}

.news.well.news-special .article {
    flex: 1;
    box-sizing: border-box;
/* 20200609 Hg
    padding-right: 20px;
*/
}

.news.well.news-special .article a:hover {
  transform: scale(1.0);
}

.news.well.news-special .news-container
{
  height: 100%;
}

.news.well.news-special .news-container a {
    display: flex;
    flex-flow: column;
  height: 100%;
  transition: 0.15s all ease-in-out;
}

.news.well.news-special .news-container a:hover h2
{
  text-decoration: underline;
}

h2.news-latest-title {
  font-size: 1.2rem;
  margin-top: 6px;
}

.news.well.news-special div.news-latest-title {
  background-color: white;
/* 20200609 Hg
    padding: 10px;
*/
    box-sizing: border-box;
  height: 70px;
}

.news.well.news-special div.teaser-text {
  background-color: white;
/* 20200609 Hg
    padding: 10px;
*/
/* 20200606 Hg
  height: 145px;
  overflow: hidden;
*/
   overflow:auto;
}

.news.well.news-special .article .news-img-wrap
{
  margin: 0;
  float: none;
    border-bottom: 3px solid;
  display: block;
  height: auto;
  min-height: 1px;
  padding: 0;
  margin: 0;
}

.news.well.news-special .news .teaser-text p {
    color: #5F5F5F;
  font-size: 0.95rem;
    line-height: 1.3rem;
}

#home-content.home #title {
    margin-top: 0px;
}

#home-content.home #title .container {
    margin-top: 0px;
    padding-left: 0;
    padding-right: 0;
}

#nav-basic li.act > a {
    font-weight: 700 !important;
}

#nav-basic li.act > ul li a {
    font-weight: normal !important;
}

article
{
  clear: both;
}

article iframe {
    max-width: 100%;
}

#content-right h1 {
    margin-bottom: 8px;
}


/** MENU BUG FIXES */
@media screen and (max-width:960px) {
  .news.well.news-special div.news-latest-title
  {
    height: 100px;
  }
  .news.well.news-special div.teaser-text
  {
    height: 205px;
  }
  nav#nav-mobile
  {
    position: fixed !important;
  }

  #home-content.home #title
  {
    margin-top: 50px;
  }
  .top-bar, #split-logo
  {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
  }
  #container
  {
    padding-top: 74px;
  }
  #split-logo
  {
    margin-top: 36px;
  }
  #content-right article
  {
    padding-left: 10px;
  }
  .einrichtungaktion > div {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-left: 37px;
  }
  .einrichtungaktion .csc-textpic-text {margin-left: 10px;}
  nav#nav-mobile
  {
    position: fixed;
    top: 0px;
    overflow-y: scroll;
    max-height: 80%;
    max-height: calc(100% - 115px);
    overscroll-behavior: contain;
  }
  #subtitle.sticky+#title{margin-top:0px;}
  #home-content .vevent {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px;
}
#home-content .dtstart-container
{
  margin-bottom: 10px;
}
#home-content .vevent .summary {
    font-size: 21px;
}

#container.home
{
  position: fixed;
    left: 0;
    top: 0;
    right: 0;
    padding-top: 30px;
}
body > #container {
    padding-top: 116px;
}
}

@media screen and (max-width:660px) {
.news.well.news-special div.teaser-text
  {
    height: auto !important;
  }
  #container
  {
    padding-top: 0;
  }
  body > #container {
    padding-top: 0px;
  }
  

  ul.flex-direction-nav {
    display: none;
  }
  #home-content .callist
  {
    margin-left: 0;
    margin-right: 0;
  }
}  

p.pal {font-family: 'Open Sans', sans-serif !important;font-size: 20px;border-top: none;}

/** Anpassung Galerie: /medien/mediathek/bilder/gebaeude/ **/
.csc-textpic-imagecolumn.csc-textpic-firstcol {
    float: left;
    margin-bottom: 10px;
/*  margin-right: 10px;*/
}
.csc-textpic-imagerow {
    display: flex;
}

.csc-textpic-imagerow img
{
    margin-right: 10px;
}

#content-right article .csc-default p
{
  font-size: 14px;
  line-height: 1.4rem;
  font-family: 'Open Sans', sans-serif;
}


section article .news .news-single-item h2
{
  margin-top: -10px !important;
}

/** Unterstreichung in Links ausblenden (Wunsch) */
.slidercontent .caption-text a {
    text-decoration:  none !important;
}

a.mail
{
  text-decoration: underline !important;
}


#nav-basic>ul>li>ul
{
  max-width: 500px;
}

#nav-basic>ul>li>ul>li a
{
  overflow: hidden;
    word-break: normal;
  white-space: normal;
  line-height: 25px;
    padding-top: 6px;
    padding-bottom: 6px;
}


article h2 {
    margin-top: 0;
}

.flex-direction-nav
{
  display: none; /* Feedback vom 28.04.2020 */
}

/**
IE 11 only!
*/
@media screen and (max-width: 660px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .content-container
  {
    display: block !important;
  }
  #content-right {
    float: none !important;
  }
  

  body > #container
  {
    padding-top: 0px !important;
  }
 }

 @media screen and (max-width: 960px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .news.well.news-special,
  .row
  {
    flex-flow: column;
  }

  .home#container
  {
    position: fixed;
    top: 0;
    padding-top: 30px;
  }

  body > #container
  {
    padding-top: 116px;
  }
  .news.well.news-special .article,
  .row .col,
  #home-content .vevent
  {
    flex: none;
  }
 }


/** Anpassungen vom 06.05.2020 */
.news-list-view p.news-latest-date {
    padding-left: 0px;
}

.news-list-view .news-latest-title h2 {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

.news-list-view .news-latest > p {
    display: none;
}

.einrichtungname ul {
    padding-left: 0px;
}

article ul li a:hover {
    text-decoration: underline;
}

.news-special .article .teaser-text p { color: #5F5F5F; }

.vevent .summary a:hover {
    text-decoration: underline;
}

#home-content .dtstart-container {
    height: 50px;
    width: 43px;
    max-width: 43px;
    min-width: 43px;
/*    justify-content: flex-start;*/
    display: block;
    flex-flow: column;
}

#home-content .vevent .dtstart-container > span.eventday:first-child {
    font-weight: normal;
    font-size: 17px;
    display: block;
    align-self: center;
    justify-self: center;
    margin-top: 4px;
    text-align: center;
}

#home-content .vevent .dtstart-container > span.eventmonth:nth-child(3) {
    font-size: 17px;
    color: #4A4A4A;
    text-align: center;
}

.content-container img {
    max-width: 100%;
    height: auto;
}

@media screen and (max-width:660px) 
{
  .csc-textpic-imagerow {
    display: flex;
    flex-flow: column;
    width: 100%;
    justify-content: center;
    align-items: center;
}

.csc-textpic-imagerow img {
    width: 100%;
}

.csc-textpic-imagerow .csc-textpic-imagerow {
    padding: 0;
}

.csc-textpic-imagecolumn {
    margin-right: 0 !important;
    margin-bottom: 0;
}
}

/** Abstandsänderungen */
/* BEFORE */
.csc-frame.csc-space-before-extra-small
{
  padding-top: 0px;
}
.csc-frame.csc-space-before-small
{
  padding-top: 15px;
}
.csc-frame.csc-space-before-medium
{
  padding-top: 30px;
}
.csc-frame.csc-space-before-large
{
  padding-top: 45px;
}
.csc-frame.csc-space-before-extra-large
{
  padding-top: 60px;
}

/* AFTER */
.csc-frame.csc-space-after-extra-small
{
  padding-bottom: 0px;
}
.csc-frame.csc-space-after-small
{
  padding-bottom: 15px;
}
.csc-frame.csc-space-after-medium
{
  padding-bottom: 30px;
}
.csc-frame.csc-space-after-large
{
  padding-bottom: 45px;
}
.csc-frame.csc-space-after-extra-large
{
  padding-bottom: 60px;
}

/** Feedback: 15.05.2020 */
#home-content .dtstart-container,
#home-content .vevent .dtstart-container > span.eventday:first-child,
#home-content .vevent .dtstart-container > span.eventmonth:nth-child(3)
{
  line-height: 20px
}

#home-content .vevent .dtstart-container > span.eventday:first-child,
#home-content .vevent .dtstart-container > span.eventmonth:nth-child(3)
{
  height: 20px;
}
