/* EXT:start Configuration/TypoScript/Foundation/Page */
div.reveal-modal {
  position: absolute;
}
/* small displays */
@media only screen {
}
/* medium displays */
@media only screen and (min-width: 40.0625em) {
	div.reveal-modal {
		position: absolute;
	}
}
/* large displays */
@media only screen and (min-width: 64.0625em) {
	div.reveal-modal {
		position: absolute;
	}
}
/* xlarge displays */
@media only screen and (min-width: 90.0625em) {
	div.reveal-modal {
		position: absolute;
	}
}
/* xxlarge displays */
@media only screen and (min-width: 120.0625em) {
	div.reveal-modal {
		position: absolute;
	}
}body #startBox01 {
  font-family: {$start.korrespondenten.css.fonts.default.font-family};
}
#startBox01 a,
#startBox01 .listview-201 button.buttonaslink {
  color: orange;
}
#startBox01 a,
#startBox01 span.details a,
#startBox01 span.teaser a,
#startBox01 .listview-201 button.buttonaslink {
  transition: color 300ms ease-out 0s;
}

#startBox01 span.details a:hover,
#startBox01 span.details a:focus,
#startBox01 span.teaser a:hover,
#startBox01 span.teaser a:focus,
#startBox01 a:hover,
#startBox01 a:focus,
#startBox01 .listview-201 button.buttonaslink:hover,
#startBox01 .listview-201 button.buttonaslink:focus {
  color: gold;
}

#startBox01 .listview a {
  color: beige;
}
#startBox01 .listview a:hover,
#startBox01 .listview a:focus {
  color: gold;
}
#startBox01 .listview .details a {
  color: orange;
}
#startBox01 .listview .details a:hover,
#startBox01 .listview .details a:focus {
  color: gold;
}


#startBox01 body,
#startBox01 h2,
#startBox01 h3,
#startBox01 h4,
#startBox01 h5,
#startBox01 h6,
#startBox01 p,
#startBox01 ul {
  color: {$start.korrespondenten.css.fonts.default.color};
  font-family: {$start.korrespondenten.css.fonts.default.font-family};
}
#startBox01 h1 {
  color: {$start.korrespondenten.css.fonts.h1.color};
  font-family: {$start.korrespondenten.css.fonts.h1.font-family};
}
#startBox01 .breadcrumbs {
  background: {$start.korrespondenten.css.breadcrumbs.background};
}
#startBox01 .breadcrumbs > * {
  color: orange;
}
#startBox01 .breadcrumbs > * a {
  color: orange;
}
#startBox01 .breadcrumbs > *.current {
  color: gold;
}
#startBox01 .breadcrumbs > *.current a {
  color: gold;
}
#startBox01 .breadcrumbs > *.unavailable {
  color: #CCCCCC;
}
#startBox01 .breadcrumbs > *.unavailable a {
  color: #CCCCCC;
}
#startBox01 .breadcrumbs > *.unavailable:hover, #startBox01 .breadcrumbs > *.unavailable:hover a,
#startBox01 .breadcrumbs > *.unavailable:focus, #startBox01 .breadcrumbs > *.unavailable a:focus {
  color: #CCCCCC;
}
#startBox01 .breadcrumbs > *:before {
  content: "/";
  color: beige;
	top:-1px;
}
#startBox01 .breadcrumbs > *:first-child:before {
  content: unset;
}
#startBox01 footer {
  background-color: #48586F;
  color: silver;
  opacity: 0.9;
}
#startBox01 footer h1, #startBox01 footer h2, #startBox01 footer h3, #startBox01 footer h4,
#startBox01 footer h5, #startBox01 footer h6, #startBox01 footer p, #startBox01 footer ul, #startBox01 footer ol
{
  color:silver;
}
#startBox01 footer a, #startBox01 footer a:link, #startBox01 footer a:visited
{
  color:orange;
}
#startBox01 footer a:active, #startBox01 footer a:focus, #startBox01 footer a:hover, #startBox01 footer .active a,
#startBox01 footer .active a:link, #startBox01 footer .active a:visited
{
  color:gold;
}
#startBox01 footer .active a:active, #startBox01 footer .active a:focus, #startBox01 footer .active a:hover
{
  color:#FFFFFF;
}

#startBox01 .icon-bar {
  background: #48586F;
}
#startBox01 .icon-bar > a,
#startBox01 .icon-bar > * i {
  background: #48586F;
  color: {$start.korrespondenten.css.icon-bar.a};
}
#startBox01 .icon-bar > a:hover,
#startBox01 .icon-bar > * i:hover {
  background: gold;
  color: {$start.korrespondenten.css.icon-bar.a.hover};
}

#startBox01 .panel {
  background: {$start.korrespondenten.css.panel.background};
}
#startBox01 .panel dl,
#startBox01 .panel h1, 
#startBox01 .panel h2, 
#startBox01 .panel h3, 
#startBox01 .panel h4, 
#startBox01 .panel h5, 
#startBox01 .panel h6, 
#startBox01 .panel i,
#startBox01 .panel li, 
#startBox01 .panel p {
  color: {$start.korrespondenten.css.panel.color};
}
#startBox01 .panel a:not(.button),
#startBox01 .panel a:not(.button) i
{
  color: {$start.korrespondenten.css.panel.a.color};
}
#startBox01 .panel a:active:not(.button),
#startBox01 .panel a:focus:not(.button),
#startBox01 .panel a:hover:not(.button),
#startBox01 .panel a:active:not(.button) i,
#startBox01 .panel a:focus:not(.button) i,
#startBox01 .panel a:hover:not(.button) i
{
  color: {$start.korrespondenten.css.panel.a.active.color};
}
#startBox01 .panel .button {
  color: {$start.korrespondenten.css.panel.a.color};
	background: {$start.korrespondenten.css.panel.color};
}


#startBox01 .panel.callout {
  background: {$start.korrespondenten.css.panel.callout.background};
}
#startBox01 .panel.callout dl,
#startBox01 .panel.callout h1, 
#startBox01 .panel.callout h2, 
#startBox01 .panel.callout h3, 
#startBox01 .panel.callout h4, 
#startBox01 .panel.callout h5, 
#startBox01 .panel.callout h6, 
#startBox01 .panel.callout i,
#startBox01 .panel.callout li, 
#startBox01 .panel.callout p {
  color: {$start.korrespondenten.css.panel.callout.color};
}
#startBox01 .panel.callout a,
#startBox01 .panel.callout a i
{
  color: {$start.korrespondenten.css.panel.callout.a.color};
}
#startBox01 .panel.callout a:active,
#startBox01 .panel.callout a:focus,
#startBox01 .panel.callout a:hover,
#startBox01 .panel.callout a:active i,
#startBox01 .panel.callout a:focus i,
#startBox01 .panel.callout a:hover i
{
  color: {$start.korrespondenten.css.panel.callout.a.active.color};
}
body .reveal-modal,
body .reveal-modal dl,
body .reveal-modal h1,
body .reveal-modal h2,
body .reveal-modal h3,
body .reveal-modal i,
body .reveal-modal ol,
body .reveal-modal p,
body .reveal-modal ul {
  background-color: {$start.korrespondenten.css.reveal.background};
	color: {$start.korrespondenten.css.reveal.color};
}
body .reveal-modal a {
	color: {$start.korrespondenten.css.reveal.a.color};
}
body .reveal-modal a:hover {
	color: {$start.korrespondenten.css.reveal.a.color.hover};
}
body .reveal-modal a.close-reveal-modal {
	color: {$start.korrespondenten.css.reveal.close.color};
}
body .reveal-modal a.close-reveal-modal:hover {
	color: {$start.korrespondenten.css.reveal.close.color.hover};
}
body .reveal-modal a.button,
body .reveal-modal a.button:hover {
	background-color: {$start.korrespondenten.css.reveal.button.background};
  color: {$start.korrespondenten.css.reveal.button.color};
}

#startBox01 .siteLine {
/*  background: {$start.korrespondenten.css.sitelines.background};*/
  color: {$start.korrespondenten.css.sitelines.color};
	padding-top: .6em;
}
#startBox01 .siteLine.siteLineTop {
  color: {$start.korrespondenten.css.sitelines.color};
	padding: 0;
}
#startBox01 .siteLine p,
#startBox01 .siteLine p.bodytext {
  color: {$start.korrespondenten.css.sitelines.color};
	font-size: .8rem;
	margin:0;
	opacity: .8;
}
#startBox01 .siteLine a,
#startBox01 .siteLine .menuitem a {
  color: {$start.korrespondenten.css.sitelines.a.color};
}
#startBox01 .siteLine a:active,
#startBox01 .siteLine a:focus,
#startBox01 .siteLine a:hover,
#startBox01 .siteLine .menuitem a:active,
#startBox01 .siteLine .menuitem a:focus,
#startBox01 .siteLine .menuitem a:hover
{
  color: {$start.korrespondenten.css.sitelines.a.active.color};
}

#startBox01 .top-bar {
  background: #48586F;
}
#startBox01 .top-bar a {
  color: white;
	font-weight:normal;
}
#startBox01 .top-bar .name h1 a, #startBox01 .top-bar .name h2 a, #startBox01 .top-bar .name h3 a, #startBox01 .top-bar .name h4 a, #startBox01 .top-bar .name p a, #startBox01 .top-bar .name span a {
  color: white;
}
#startBox01 .top-bar .toggle-topbar a {
  color: white;
}
#startBox01 .top-bar .toggle-topbar.menu-icon a {
  color: white;
}
#startBox01 .top-bar .toggle-topbar.menu-icon a span::after {
  box-shadow: 0px 0px 0px 1px white, 0px 7px 0px 1px white, 0px 14px 0px 1px white;
}

#startBox01 .top-bar.expanded .title-area {
  background: #48586F;
}
#startBox01 .top-bar.expanded .toggle-topbar a {
  color: gold;
}
#startBox01 .top-bar.expanded .toggle-topbar a span::after {
  box-shadow: 0 0 0 1px gold, 0 7px 0 1px gold, 0 14px 0 1px gold;
}

#startBox01 .top-bar-section .divider,
#startBox01 .top-bar-section [role="separator"] {
  border-top: solid 1px #5A6F8E;
}
#startBox01 .top-bar-section .divider-last {
  display:none;
}
#startBox01 .top-bar-section ul li {
  background: #48586F;
  color: white;
}
#startBox01 .top-bar-section ul li > a {
  font-family: {$start.korrespondenten.css.fonts.default.font-family};
  color: white;
}
#startBox01 .top-bar-section ul li.active > a {
  background: #5A6F8E;
  color: beige;
}
#startBox01 .top-bar-section li.active:not(.has-form) > a:not(.button) {
  background: #5A6F8E;
  color: beige;
}
#startBox01 .top-bar-section li:not(.has-form) > a:not(.button):hover {
  background: #5A6F8E;
  color: gold;
}
#startBox01 .top-bar-section ul.dropdown li.title h5 a,
#startBox01 .top-bar-section ul.dropdown li.parent-link a {
  background: #48586F;
  color: white;
}
#startBox01 .top-bar-section ul.dropdown li.title h5 a:hover,
#startBox01 .top-bar-section ul.dropdown li.parent-link a:hover {
  background: #5A6F8E;
  color: gold;
}
#startBox01 .top-bar-section ul li > a.button {
  background-color: #5A6F8E;
  border-color: #007095;
  color: white;
}
#startBox01 .top-bar-section ul li > a.button:hover, #startBox01 .top-bar-section ul li > a.button:focus {
  background-color: #007095;
}
#startBox01 .top-bar-section ul li > a.button:hover, #startBox01 .top-bar-section ul li > a.button:focus {
  color: white;
}
#startBox01 .top-bar-section ul li > a.button.secondary {
  background-color: #e7e7e7;
  border-color: #b9b9b9;
  color: #48586F;
}
#startBox01 .top-bar-section ul li > a.button.secondary:hover, #startBox01 .top-bar-section ul li > a.button.secondary:focus {
  background-color: #b9b9b9;
}
#startBox01 .top-bar-section ul li > a.button.secondary:hover, #startBox01 .top-bar-section ul li > a.button.secondary:focus {
  color: #48586F;
}
#startBox01 .top-bar-section ul li > a.button.success {
  background-color: #43AC6A;
  border-color: #368a55;
  color: white;
}
#startBox01 .top-bar-section ul li > a.button.success:hover, #startBox01 .top-bar-section ul li > a.button.success:focus {
  background-color: #368a55;
}
#startBox01 .top-bar-section ul li > a.button.success:hover, #startBox01 .top-bar-section ul li > a.button.success:focus {
  color: white;
}
#startBox01 .top-bar-section ul li > a.button.alert {
  background-color: #f04124;
  border-color: #cf2a0e;
  color: white;
}
#startBox01 .top-bar-section ul li > a.button.alert:hover, #startBox01 .top-bar-section ul li > a.button.alert:focus {
  background-color: #cf2a0e;
}
#startBox01 .top-bar-section ul li > a.button.alert:hover, #startBox01 .top-bar-section ul li > a.button.alert:focus {
  color: white;
}
#startBox01 .top-bar-section ul li > a.button.warning {
  background-color: #f08a24;
  border-color: #cf6e0e;
  color: white;
}
#startBox01 .top-bar-section ul li > a.button.warning:hover, #startBox01 .top-bar-section ul li > a.button.warning:focus {
  background-color: #cf6e0e;
}
#startBox01 .top-bar-section ul li > a.button.warning:hover, #startBox01 .top-bar-section ul li > a.button.warning:focus {
  color: white;
}
#startBox01 .top-bar-section ul li > button {
  background-color: #5A6F8E;
  border-color: #007095;
  color: white;
}
#startBox01 .top-bar-section ul li > button:hover, #startBox01 .top-bar-section ul li > button:focus {
  background-color: #007095;
}
#startBox01 .top-bar-section ul li > button:hover, #startBox01 .top-bar-section ul li > button:focus {
  color: white;
}
#startBox01 .top-bar-section ul li > button.secondary {
  background-color: #e7e7e7;
  border-color: #b9b9b9;
  color: #48586F;
}
#startBox01 .top-bar-section ul li > button.secondary:hover, #startBox01 .top-bar-section ul li > button.secondary:focus {
  background-color: #b9b9b9;
}
#startBox01 .top-bar-section ul li > button.secondary:hover, #startBox01 .top-bar-section ul li > button.secondary:focus {
  color: #48586F;
}
#startBox01 .top-bar-section ul li > button.success {
  background-color: #43AC6A;
  border-color: #368a55;
  color: white;
}
#startBox01 .top-bar-section ul li > button.success:hover, #startBox01 .top-bar-section ul li > button.success:focus {
  background-color: #368a55;
}
#startBox01 .top-bar-section ul li > button.success:hover, #startBox01 .top-bar-section ul li > button.success:focus {
  color: white;
}
#startBox01 .top-bar-section ul li > button.alert {
  background-color: #f04124;
  border-color: #cf2a0e;
  color: white;
}
#startBox01 .top-bar-section ul li > button.alert:hover, #startBox01 .top-bar-section ul li > button.alert:focus {
  background-color: #cf2a0e;
}
#startBox01 .top-bar-section ul li > button.alert:hover, #startBox01 .top-bar-section ul li > button.alert:focus {
  color: white;
}
#startBox01 .top-bar-section ul li > button.warning {
  background-color: #f08a24;
  border-color: #cf6e0e;
  color: white;
}
#startBox01 .top-bar-section ul li > button.warning:hover, #startBox01 .top-bar-section ul li > button.warning:focus {
  background-color: #cf6e0e;
}
#startBox01 .top-bar-section ul li > button.warning:hover, #startBox01 .top-bar-section ul li > button.warning:focus {
  color: white;
}
#startBox01 .top-bar-section ul li:hover:not(.has-form) > a {
  background-color: #48586F;
  color: gold;
}
#startBox01 .top-bar-section .has-dropdown > a:after {
  border-color: transparent transparent transparent rgba(255, 255, 255, 0.4);
}
#startBox01 .top-bar-section .dropdown label {
  color: #777777;
}

@media only screen and (min-width: 40.063em) {
  #startBox01 .top-bar {
    background: #48586F;
  }
  #startBox01 .top-bar-section li.hover > a:not(.button) {
    background: #48586F;
    color: white;
  }
  #startBox01 .top-bar-section li:not(.has-form) a:not(.button) {
    background: #48586F;
    color: white;
  }
  #startBox01 .top-bar-section li:not(.has-form) a:not(.button):hover {
    background: #5A6F8E;
    color: gold;
    background: #48586F;
    color: white;
  }
  #startBox01 .top-bar-section li.active:not(.has-form) a:not(.button) {
    background: #5A6F8E;
    color: beige;
  }
  #startBox01 .top-bar-section li.active:not(.has-form) a:not(.button):hover {
    background: #5A6F8E;
    color: gold;
  }
  #startBox01 .top-bar-section li.active.has-dropdown > a {
    background: #5A6F8E;
    color: beige;
  }
  #startBox01 .top-bar-section li.has-dropdown > a:after {
    border-color: rgba(255, 255, 255, 0.4) transparent transparent transparent;
  }
  #startBox01 .top-bar-section li.has-dropdown > a {
    background: #48586F;
    color: white;
  }
  #startBox01 .top-bar-section .dropdown li a {
    color: white;
    background: #48586F;
  }
  #startBox01 .top-bar-section .dropdown li:hover:not(.has-form):not(.active) > a:not(.button) {
    background: #5A6F8E;
    color: gold;
  }
  #startBox01 .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {
    background: #48586F;
    color: white;
  }
  #startBox01 .top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {
    background: #5A6F8E;
    color: gold;
  }
  #startBox01 .top-bar-section .dropdown li label {
    background: #48586F;
    color: white;
  }
  #startBox01 .top-bar-section > ul > .divider, #startBox01 .top-bar-section > ul > [role="separator"] {
    border-right: solid 1px #5A6F8E;
  }
  #startBox01 .top-bar-section .has-form {
    background: #48586F;
    color: white;
  }
  .no-js #startBox01 .top-bar-section ul li:hover > a {
    background: #48586F;
    color: white;
  }
  .no-js #startBox01 .top-bar-section ul li:active > a {
    background: #5A6F8E;
    color: white;
  }
  #startBox01 .row {
    max-width: 62.5rem;
  }
  #startBox01 .row .row {
    max-width: none;
  }
  #startBox01 .contain-to-grid .top-bar {
    max-width: 62.5rem;
  }
  #startBox02 {
    max-width: 62.5rem;
  }
	#startBox01 .reveal-modal {
		max-width: 62.5rem;
	}
	#startBox01 .reveal-modal.tiny {
		max-width: 62.5rem;
	}
	#startBox01 .reveal-modal.small {
		max-width: 62.5rem;
	}
	#startBox01 .reveal-modal.medium {
		max-width: 62.5rem;
	}
	#startBox01 .reveal-modal.large {
		max-width: 62.5rem;
	}
	#startBox01 .reveal-modal.xlarge {
		max-width: 62.5rem;
	}
	#startBox01 .reveal-modal.full {
		max-width: 62.5rem;
	}
}        .single-item{
          margin:0;
        }
        .slick-slide figure {
          margin:0;
        }
        .border {
          border-left: 20px solid #c0c;
        }
        .slick-header,
        .slick-text {
          display: inline;
          position: absolute;
          z-index: 1;
        }
        .slick-header {
          bottom: inherit;
          top: 1em;
        }
        .slick-text {
          bottom: inherit;
          top: 7em;
        }
        .slick-header .span,
        .slick-text .span {
        }
        .slick-header .span {
          display: inline;
        }
        .slick-header .span h1 {
          background-color: rgba(0,0,0,0.5);
          color: #FFF;
          font-size: 2em;
          font-weight: bold;
        }
        .slick-text .span {
          display: inline;
        }
        .slick-text .span p {
          background-color: rgba(0,0,0,0.5);
          color: #FFF;
          font-size: 1.4em;
          font-weight: bold;
        }
        /* color */
        #slickcarousel1 .slick-next:before,
				#slickcarousel1 .slick-prev:before, 
        #slickcarousel2 .slick-next:before,
				#slickcarousel2 .slick-prev:before, 
        #slickcarousel3 .slick-next:before,
				#slickcarousel3 .slick-prev:before {
          color: #008CBA;
        }
        #slickcarousel1 .slick-dots li button:before,
        #slickcarousel2 .slick-dots li button:before,
        #slickcarousel3 .slick-dots li button:before {
          color: #008CBA;
        }
        #slickcarousel1 .slick-dots li.slick-active button:before,
        #slickcarousel2 .slick-dots li.slick-active button:before,
        #slickcarousel3 .slick-dots li.slick-active button:before {
          color: #008CBA;
        }
        .slider1 .slick-next:before,
				.slider1 .slick-prev:before, 
        .slider2 .slick-next:before,
				.slider2 .slick-prev:before, 
        .slider3 .slick-next:before,
				.slider3 .slick-prev:before {
          color: #008CBA;
        }
        .slider1 .slick-dots li button:before,
        .slider2 .slick-dots li button:before,
        .slider3 .slick-dots li button:before {
          color: #008CBA;
        }
        .slider1 .slick-dots li.slick-active button:before,
        .slider2 .slick-dots li.slick-active button:before,
        .slider3 .slick-dots li.slick-active button:before {
          color: #008CBA;
        }
        /* position */
        .slick-dots {
          bottom: -45px;
          margin-left:0;
          margin-right:0;
        }
        .slick-next {
          right: -25px;
        }
        .slick-prev {
          left: -25px;
        }