@font-face {
  font-family: 'Lora';
  font-style: normal;
  font-weight: 400;
  src: local('Lora'), local('Lora-Regular'), url(fonts/lora/4vqKRIwnQQGUQQh-PnvdMA.woff2) format('woff2');
}
@font-face {
  font-family: 'Lora';
  font-style: normal;
  font-weight: 700;
  src: local('Lora Bold'), local('Lora-Bold'), url(fonts/lora/P18Nsu9EiYldSvHIj_0e5w.woff2) format('woff2');
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(fonts/opensans/DXI1ORHCpsQm3Vp6mXoaTegdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(fonts/opensans/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(fonts/opensans/MTP_ySUJH_bn48VBG8sNSugdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 100;
  src: local('Lato Hairline'), local('Lato-Hairline'), url(fonts/lato/GtRkRNTnri0g82CjKnEB0Q.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2212, U+2215;
}

/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 100;
  src: url(fonts/lato/S6u8w4BMUTPHh30AUi-qJCY.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 100;
  src: url(fonts/lato/S6u8w4BMUTPHh30AXC-q.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}



* {
margin: 0;
padding: 0;
outline: none !important;
border: 0px solid;
}

html {
height: 101%;
}

body {
background: #FFF;
font-family: 'Open Sans', Arial, Verdana, sans-serif;
font-size: 14px;
font-weight: 300;
color: #000;
text-align: center;
margin: auto;
position: relative;
height: 100%;
}

h1, h2, h3 {
margin-top: 0px;
}

h1 {
font-family: 'Lora', serif;
font-weight: 400;
font-size: 21px;
color: #000;
margin-bottom: 0.5em;
line-height: 26px;
}

h2 {
font-family: 'Lora', serif;
font-weight: 400;
font-size: 20px;
color: #000;
margin-bottom: 0.5em;
line-height: 25px;
}

h3 {
font-family: 'Lora', serif;
font-weight: 400;
font-size: 18px;
color: #000;
margin-bottom: 0.5em;
line-height: 23px;
}

h4 {
font-family: 'Lora', serif;
font-weight: 400;
font-size: 15px;
color: #000;
margin-bottom: 0.5em;
line-height: 23px;
}

p {
margin-bottom: 1em;
line-height: 19px;
}

p.stars0{
display:none;
}

input {
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
}

header {
background: #0067a1 url(images/navibg.jpg) no-repeat left bottom;
background-size: cover;
width: 100%;
text-align: center;
margin: auto;
color: #FFF;
padding: 0;
position: relative;
}

header #logo {
float: left;
margin-left: 15px;
margin-bottom: 13px;
width: 130px;
}

header #logo a {
background: url(images/lohi-logo-rd.png) no-repeat top left;
background-size: 130px 95px;
width: 130px;
height: 95px;
display: block;
}

header .header_text {
display: none;
}

#topnav {
display: none;
}

header nav {
display: none;
}

#menu-toggle {
float: right;
width: 48px;
padding-top: 15px;
margin-right: 15px;
}

#menu-toggle a {
background: url(images/menu-toggle.png) no-repeat top left;
background-size: 48px 40px;
width: 48px;
height: 40px;
display: block;
}

section#search_form {
width: 100%;
text-align: center;
margin: auto;
background: #FFF;
border: 1px solid #999;
border-right: 0px solid;
border-top: 0px solid;
}

section #search input {
vertical-align: middle;
}

section #search input.search_text {
font-size: 14px;
color: #999;
padding: 10px 0 10px 15px;
width: 86%;
float: left;
}

input.search_submit {
background: url(images/search.png) no-repeat top left;
background-size: 44px 42px;
width: 44px;
height: 42px;
text-indent: -10000px;
float: right;
}

main {
background: #FFF;
width: 100%;
text-align: left;
margin: auto;
padding: 20px 15px;
/* border-bottom: 1px solid #d6d6d6; */
}

main.frontpage {
border-bottom: 1px solid #d6d6d6;
}

main span.detail {
display: inline-block;
}

main span.detail a {
background: #ffad09;
color: #774e00;
padding: 4px 16px;
font-size: 14px;
border: 1px solid #e59b0d;
font-weight: 400;
text-decoration: none;
display: block;
}

main span.detail a:hover {
background: #ffbe3c;
}

main ul {
list-style-type: none;
margin-left: 10px;
}

main ul li {
background: url(images/content-list.png) no-repeat left 4px;
padding-left: 18px;
margin-bottom: 7px;
}

main blockquote {
font-size: 14px;
color: #000 !important;
border: 1px solid #d5d5d5 !important;
background-color: #f4f4f4 !important;
padding: 12px !important;
display: block !important;
font-weight: 400;
margin: 20px 0 20px 0 !important;
}

main img {
width: 100%;
height: auto;
}

.internal-link img {
width: auto;
height: auto;
}

.csc-textpic figure figcaption {
color: #000;
font-size: 12px;
border-bottom: 1px solid #d6d6d6;
padding: 5px 10px;
}

iframe.youtube {
width: 100%;
height: 253px;
border: 0px solid;
}

aside {
background: #FFF;
width: 100%;
text-align: left;
margin: auto;
}

aside .formfield input.text {
border: 1px solid #999;
font-size: 14px;
color: #999;
padding: 10px 0 10px 15px;
width: 100%;
margin-bottom: 8px;
}

aside .formfield input.form_submit {
background: #ffad09;
color: #774e00;
padding: 4px 16px;
font-size: 14px;
border: 1px solid #e59b0d;
font-weight: 400;
}

.important {
color: #E59B0D !important;
}

aside .more_container {
display: none;
}

aside span.detail {
display: inline-block;
}

aside span.detail a {
background: #ffad09;
color: #774e00;
padding: 4px 16px;
font-size: 14px;
border: 1px solid #e59b0d;
font-weight: 400;
text-decoration: none;
display: block;
}

aside span.detail a:hover {
background: #ffbe3c;
}

aside blockquote {
font-size: 14px;
color: #000 !important;
border: 1px solid #d5d5d5 !important;
background-color: #f4f4f4 !important;
padding: 12px !important;
display: block !important;
font-weight: 400;
margin: 20px 0 20px 0 !important;
}

aside ul {
list-style-type: none;
margin-left: 10px;
}

aside ul li {
background: url(images/content-list.png) no-repeat left 4px;
padding-left: 18px;
margin-bottom: 7px;
}

a.external-link-new-window img {
width: auto;
height: auto;
}

footer {
background: #0067a1 url(images/test.jpg) no-repeat center center;
background-size: cover;
width: 100%;
padding: 20px 15px 30px;
font-size: 14px;
color: #FFF;
text-align: left;
position: absolute;
}

footer section {
width: 100%;
}

footer .contact {
margin-bottom: 40px;
}

footer .formfield {
/*background: #FFF;*/
}

footer .formfield input {
vertical-align: middle;
}

footer .formfield input.beratungsstelle_text {
font-size: 14px;
color: #999;
padding: 10px 0 10px 15px;
width: 80%;
float: left;
border: 1px solid #0067A1;
}

.beratungsstelle_text {
font-size: 14px;
color: #999;
padding: 10px 0 10px 15px;
width: 80%;
float: left;
border: 1px solid #66CCFF;
}

footer .links {
margin-bottom: 40px;
}

footer .links ul {
list-style-type: none;
}

footer .links ul li {
float: left;
width: 45%;
margin-bottom: 5px;
}

footer .links ul li a {
color: #FFF;
font-weight: 600;
}

footer .links ul li a:hover {
text-decoration: underline;
}

footer h2 {
color: #FFF;
}

footer .find_us ul {
list-style-type: none;
text-align: center;
margin: auto;
padding-top: 10px;
}

footer .find_us ul li {
float: left;
width: 33%;
}

.clearer {
display: block;
clear: both;
}

#navrd, #sh_container { 
display: none;
}

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl, .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr, .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br, .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  background: #005e9b;
  border: 0px solid;
  font-weight: normal;
}

.tx-jfmulticontent-pi1 .ui-accordion h3 a  {
  color: #FFF;
}

.ui-state-default .ui-icon {
  background-image: url("images/ui-icons_ffffff_256x240.png");
}

.ui-widget-content {
color: #000;
font-family: "Open Sans",Arial,Verdana,sans-serif;
font-size: 14px;
font-weight: 300;
}

.ui-widget-content p {
line-height: 21px;
}

.tx-indexedsearch-browsebox {
width: 100%;
padding-top: 1px;
}

.tx-indexedsearch-browsebox ul.browsebox {
float: none;
text-align: center;
margin: auto;
}

.tx-indexedsearch-browsebox ul.browsebox li {
background: transparent;
}

.tx-indexedsearch-icon.icon img {
width: 18px;
height: 16px;
}

.tx-indexedsearch-res .tx-indexedsearch-res {
padding: 8px;
background: #F4F4F4;
margin-bottom: 5px;
}

.cp-is-box {
padding: 8px;
background: #005e9b;
margin-bottom: 5px;
color: #FFF;
}

.cp-is-box ul {
margin-bottom: 0px;
padding-top: 8px;
}

.cp-is-box ul li a {
color: #FFF;
}

.cp-is-box .tx-indexedsearch-browsebox p {
margin-bottom: 0px;
}

.cp-is-box .tx-indexedsearch-whatis {
margin-bottom: 0px;
margin-top: 0px;
}

.cp-is-box .tx-indexedsearch-whatis {
width: 50%;
float: left;
}

.cp-is-box .tx-indexedsearch-browsebox {
width: 50%;
float: right;
text-align: right;
}

.cp-is-box ul.browsebox {
display: none !important;
}

#tx_indexedsearch input.tx-indexedsearch-searchbox-button.submit {
background: url(images/search.png) no-repeat top left;
background-size: 44px 42px;
width: 44px;
height: 42px;
text-indent: -10000px;
float: left;
}

#tx_indexedsearch input.tx-indexedsearch-searchbox-sword.sword {
font-size: 14px;
color: #999;
padding: 10px 0 10px 15px;
width: 230px;
float: left;
border: 1px solid #999;
border-right: 0px solid;
}

.cp-is-form-table {
width: 100%;
}

.cp-is-form-table .cp-is-col1 {
width: 100px;
}

.cp-is-form-table .cp-is-col2 {
width: 100px;
}

footer .csc-space-after-50 {
margin-bottom: 0px !important;
}

.anythingSlider-cs-portfolio .anythingControls {
background: rgba(244,244,244,0.8) !important;
position: absolute !important;
bottom: 0px !important;
width: 100%;
}

.anythingSlider-cs-portfolio .arrow {
bottom: 10px !important;
}

.anythingSlider-cs-portfolio {
margin: 0px !important;
}

.anythingSlider-cs-portfolio .arrow a {
background-image: url(images/cs-portfolio.png) !important;
}

main nav ul li {
background: url("images/content-list.png") no-repeat scroll left 6px rgba(0, 0, 0, 0);
margin-bottom: 25px;
font-size: 16px;
}

main nav ul li ul {
padding-top: 7px;
}

main nav ul li ul li {
margin-bottom: 3px;
}

.cpslide .header_bigfont {
display: block;
font-family: "Lora",serif;
font-size: 26px;
font-weight: 400;
line-height: 31px;
margin-bottom: 14px;
}

.news-latest-container {
background: transparent;
}

p.news-single-imgcaption {
border-bottom: 1px solid #d6d6d6;
color: #000;
font-size: 12px;
padding: 5px 10px;
}

#c337 {
text-align: left;
}

#lohi {
min-height: 100%;
padding-bottom: 514px;
}

footer {
bottom: 0;
}

.pagination > li > a, .pagination > li > span {
margin-bottom: 10px;
}

.tx-indexedsearch-browsebox .browsebox {
    border-radius: 4px;
    display: inline-block;
    margin: 20px 0;
    padding-left: 0;
}

.tx-indexedsearch-browsebox .browsebox > li:first-child > a, .tx-indexedsearch-browsebox .browsebox > li:first-child > span, .tx-indexedsearch-browsebox .browsebox > li:first-child > strong {
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    margin-left: 0;
}

.tx-indexedsearch-browsebox .browsebox > li > a, .tx-indexedsearch-browsebox .browsebox > li > span, .tx-indexedsearch-browsebox .browsebox > li > strong {
    margin-bottom: 10px;
}

.tx-indexedsearch-browsebox .browsebox > li > a, .tx-indexedsearch-browsebox .browsebox > li > span, .tx-indexedsearch-browsebox .browsebox > li > strong {
    background-color: #fff;
    border: 1px solid #ddd;
    color: #337ab7;
    float: left;
    line-height: 1.42857;
    margin-left: -1px;
    padding: 6px 12px;
    position: relative;
    text-decoration: none;
}

.tx-indexedsearch .tx-indexedsearch-browsebox LI {
margin-right: 0px;
padding-left: 0px;
}

.tx-indexedsearch-browsebox .browsebox > li > a:hover, .tx-indexedsearch-browsebox .browsebox > li > span:hover, .tx-indexedsearch-browsebox .browsebox > li > strong:hover {
background: #EEE;
border-color: #DDD;
color: #23527c;
}

.social_share_privacy_area li {
background: transparent;
}

.social_share_privacy_area img {
width: auto;
height: auto;
}

.news-list-item .cp-news-list-image {
float: left;
width: 100%;
margin-right: 15px;
}

.news-list-item .cp-news-list-text {
float: left;
width: 100%;
}

.news-single-img {
margin: 0;
padding: 0;
margin-right: 15px;
margin-bottom: 15px;
}

main .shariff ul li {
padding-left: 0;
background: transparent;
}



  .news-latest-item {
  background: #f4f4f4;
  min-height: 425px;
  font-size: 15px;
  margin: 0 !important;
  margin-right: 14px !important;
  margin-bottom: 20px !important;
  }
  
  .news-latest-container H4 {
  min-height: 60px;
  line-height: 21px;
  font-size: 15px;
  }
  
  .news-latest-item > p {
  font-size: 15px;
  }
  
  .news-latest-item .teasertext {
  font-size: 15px;
  font-weight: 300;
  display: block;
  margin-bottom: 12px !important;
  }
  
  .news-latest-morelink {
  font-size: 15px;
  font-weight: 400;
  }
  
  .more_container .news-list-item {
  border-bottom: 0px solid #d6d6d6;
  font-size: 14px;
  margin-bottom: 1.2em;
  padding-bottom: 0px;
  }
  
  .more_container .news-list-item h3 {
  font-size: 14px;
  margin-bottom: 0px;
  font-family: 'Open Sans', Arial, Verdana, sans-serif;
  font-weight: 400;
  }
  
  .news-list-browse-more {
  font-weight: 400;
  }






@media screen and (min-width: 200px) {
  section #search input.search_text {
  width: 70%;
  }
}

@media screen and (min-width: 320px) {
  #cp-slider {
  height: 480px;
  }

  #cp-slider .ls-inner .cpslide {
  top: 160px !important;
  width: 290px !important;
  }
  
  section #search input.search_text {
  width: 83%;
  }
}

@media screen and (max-width: 350px) {

  .cp-news-list-image img, .news-single-img img, .news-single-imgcaption, 
  .csc-textpic.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap img, 
  .csc-textpic.csc-textpic-intext-right .csc-textpic-imagewrap img, 
  .csc-textpic.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap img,
  .csc-textpic figure figcaption
  {
  width: 100% !important;
  height: auto !important;
  }
  
}

@media screen and (min-width: 375px) {
  #cp-slider {
  height: 500px;
  }

  #cp-slider .ls-inner .cpslide {
  top: 180px !important;
  width: 345px !important;
  }
}

@media screen and (min-width: 415px) {
  #cp-slider {
  height: 480px;
  }

  #cp-slider .ls-inner .cpslide {
  top: 200px !important;
  width: 385px !important;
  }
  
}

@media screen and (max-width: 415px) {

  #tx_indexedsearch input.tx-indexedsearch-searchbox-sword.sword {
    width: 80%;
  }

}

@media screen and (max-width: 355px) {

  #tx_indexedsearch input.tx-indexedsearch-searchbox-sword.sword {
    width: 70%;
  }

}


@media screen and (min-width: 460px) {
  #cp-slider {
  height: 490px;
  }

  #cp-slider .ls-inner .cpslide {
  top: 220px !important;
  width: 430px !important;
  }
}

@media screen and (min-width: 480px) {
  #cp-slider {
  height: 500px;
  }

  #cp-slider .ls-inner .cpslide {
  top: 230px !important;
  width: 450px !important;
  }
  
  .news-list-item .cp-news-list-text {
  width: 30%;
  }
  
  .news-list-item .cp-news-list-image {
  float: left;
  width: 300px;
  }
}

@media screen and (min-width: 530px) {
  #cp-slider {
  height: 520px;
  }

  #cp-slider .ls-inner .cpslide {
  top: 250px !important;
  width: 500px !important;
  }
}

@media screen and (max-width: 480px) {
  .csc-textpic.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap,
  .csc-textpic.csc-textpic-intext-right .csc-textpic-imagewrap,
  .csc-textpic.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap,
  .news-single-img,
  .cp-news-list-image
  {
  float: none;
  width: 100%;
  }

  .csc-textpic.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap figure, 
  .csc-textpic.csc-textpic-intext-right .csc-textpic-imagewrap figure,
  .csc-textpic.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap figure
  {
  display: block;
  }
  
  .csc-textpic.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap img, 
  .csc-textpic.csc-textpic-intext-right .csc-textpic-imagewrap img, 
  .csc-textpic.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap img,
  .news-single-img img,
  .cp-news-list-image img
  {
  width: auto;
  height: auto;
  float: none;
  }

  .csc-textpic.csc-textpic-intext-left-nowrap .csc-textpic-text, 
  .csc-textpic.csc-textpic-intext-right .csc-textpic-text,
  .csc-textpic.csc-textpic-intext-right-nowrap .csc-textpic-text
  {
  width: 100%;
  clear: none;
  margin-left: 0px;
  }
  
  div.csc-textpic-intext-right .csc-textpic-imagewrap, div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
  margin-left: 0px;
  }
  
  .news-list-item .cp-news-list-text {
  width: 100%;
  }
}

@media screen and (max-width: 567px) {
  
  .tx-jfmulticontent-pi1 .csc-textpic.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap img, 
  .tx-jfmulticontent-pi1 .csc-textpic.csc-textpic-intext-right .csc-textpic-imagewrap img,
  .tx-jfmulticontent-pi1 .csc-textpic.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap img
  {
  width: auto;
  height: auto;
  }

  .tx-jfmulticontent-pi1 .c50l, .tx-jfmulticontent-pi1 .c50r {
  width: 100%;
  float: none;
  }
  
  .tx-jfmulticontent-pi1 .subcl {
  padding: 0;
  }
  
  .tx-jfmulticontent-pi1 .subcr {
  padding: 0 0 0 5px;
  }
  
  .news-single-img {
  margin-bottom: 1em;
  }
  
}

@media screen and (min-width: 575px) {
  #cp-slider {
  height: 540px;
  }

  #cp-slider .ls-inner .cpslide {
  top: 270px !important;
  width: 500px !important;
  }
  
  .news-list-item .cp-news-list-text {
  width: 40%;
  }
}

@media screen and (min-width: 624px) {
  #cp-slider {
  height: 560px;
  }

  #cp-slider .ls-inner .cpslide {
  top: 290px !important;
  width: 500px !important;
  }
}

@media screen and (min-width: 664px) {
  #cp-slider {
  height: 580px;
  }

  #cp-slider .ls-inner .cpslide {
  top: 310px !important;
  width: 500px !important;
  }
  
  .news-list-item .cp-news-list-text {
  width: 50%;
  }
}

@media screen and (min-width: 710px) {
  #cp-slider {
  height: 600px;
  }

  #cp-slider .ls-inner .cpslide {
  top: 330px !important;
  width: 500px !important;
  }
}

@media screen and (min-width: 755px) {
  #cp-slider {
  height: 620px;
  }

  #cp-slider .ls-inner .cpslide {
  top: 350px !important;
  width: 500px !important;
  }
}

@media screen and (min-width: 800px) {
  #cp-slider {
  height: 640px;
  }

  #cp-slider .ls-inner .cpslide {
  top: 370px !important;
  width: 500px !important;
  }
}

@media screen and (min-width: 845px) {
  #cp-slider {
  height: 660px;
  }

  #cp-slider .ls-inner .cpslide {
  top: 390px !important;
  width: 500px !important;
  }
}

@media screen and (min-width: 890px) {
  #cp-slider {
  height: 680px;
  }

  #cp-slider .ls-inner .cpslide {
  top: 410px !important;
  width: 500px !important;
  }
}

@media screen and (min-width: 940px) {
  #cp-slider {
  height: 720px;
  }

  #cp-slider .ls-inner .cpslide {
  top: 430px !important;
  width: 500px !important;
  }
}

@media screen and (max-width: 810px) { 

  #c337 .c25l, #c337 .c25r {
  width: 50%;
  border-bottom: 1px solid #d6d6d6;
  padding: 20px 0px 10px 5px;
  text-align: left;
  }
  
  #c337 {
  width: 100%;
  }
  
  #c337 .c25l, #c337 .c25r {
  padding: 20px 15px 5px 15px;
  } 
}

@media screen and (min-width: 810px) { 

  #c337 {
  width: 100%;
  padding: 40px 15px 40px 15px;
  border-bottom: 1px solid #d6d6d6;
  }
  
}

@media screen and (max-width: 715px) {
  #c337 .c25l, #c337 .c25r {
  min-height: 300px;  
  }
}

@media screen and (max-width: 700px) {
  #c337 .c25l, #c337 .c25r {
  min-height: 300px;  
  }
}

@media screen and (max-width: 663px) {
  #c337 .c25l, #c337 .c25r {
  min-height: 285px;  
  }
}

@media screen and (max-width: 519px) {
  #c337 .c25l, #c337 .c25r {
  width: 49%;
  }
}

@media screen and (max-width: 600px) {

  #c337 .c25l, #c337 .c25r {
  min-height: 0 !important;  
  }

  .c25l, .c25r {
  width: 100%;
  border-bottom: 1px solid #d6d6d6;
  padding: 20px 15px 5px 15px;
  text-align: left;
  }
  
  #c337 .c25l, #c337 .c25r {
  width: 100%;
  border-bottom: 1px solid #d6d6d6;
  padding: 20px 15px 5px 15px;
  text-align: left;
  }
  
  .c25l .subcr, .c25r .subcr, .c25l .subcl, .c25r .subcl {
  padding: 0px;
  }
  
  .c25l .csc-textpic-imagewrap, .c25r .csc-textpic-imagewrap {
  width: 100px;
  margin-right: 15px;
  }
  
  .c25l .csc-textpic-text, .c25r .csc-textpic-text {
  float: left;
  width: 63%;
  clear: none !important;
  }
  
  .news-latest-item {
  float: none;
  margin: 0px;
  width: 100%;
  max-width: none;
  font-size: 16px;
  padding-bottom: 10px;
  background: #f4f4f4;
  margin-bottom: 20px;
  }
  
  .news-latest-item img {
  width: 100%;
  height: auto;
  }

}

@media screen and (max-width: 350px) {
  .c25l .csc-textpic-text, .c25r .csc-textpic-text {
  width: 58%;
  }
}

@media screen and (max-width: 977px) {

.ytmv18 {
height: 350px !important;
}

  #cp-slider .ls-nav-next, #cp-slider .ls-nav-prev {
  display: none;
  }

  #cp-slider {
  overflow-x: hidden;
  width: 100%;
  border-bottom: 1px solid #d6d6d6;
  }

  #cp-slider .ls-inner .cpslide {
  left: 15px !important;
  position: absolute !important;
  font-size: 14px !important;
  text-align: left;
  }

  #cp-slider .ls-slide, #cp-slider .ls-layer {
  overflow: visible !important;
  }

  #cp-slider .col-xs-9 {
  width: 74% !important;
  }

  #cp-slider .form-control {
  width: 91% !important;
  }

  #cp-slider .bs-suchfeld-content {
  margin-bottom: 15px;
  }

}


/* Auflösung 320px - 480px */

@media screen and (min-width: 480px) {

  section .links {
  float: left;
  width: 45%;
  }
  
  section .find_us {
  float: right;
  width: 45%;
  }

}


@media screen and (min-width: 567px) {

  section.contact {
  width: 47%;
  float: left;
  margin-bottom: 30px;
  }
  
  section.links {
  float: right;
  width: 47% !important;
  margin-bottom: 30px;
  }
  
  section.find_us {
  float: none !important;
  width: 50% !important;
  text-align: center !important;
  margin: auto !important;
  clear: both;
  }
  
  #lohi {
  padding-bottom: 300px;
  }
  
}

@media screen and (min-width: 600px) {

  iframe.youtube {
  width: 50%;
  float: left;
  }
  
  aside .newsletter_form {
  width: 47%;
  display: block;
  float: left;
  }
  
  aside .more_container {
  width: 47%;
  display: block;
  float: right;
  padding: 20px 15px 20px 0;
  }
  
  section#search_form {
  float: left;
  width: 57.5%;
  margin-top: 51px;
  border-top: 1px solid #999;
  }
  
  #menu-toggle {
  padding-top: 52px;
  }
  
  section #search input.search_text {
  width: 75%;
  }
  
  #logo {
  margin-right: 4%;
  }
  
  .clearer.top {
  clear: none;
  }
  
}

@media screen and (min-width: 800px) {
  
  section.contact {
  width: 30% !important;
  float: left !important;
  margin-right: 3.5%;
  }
  
  section.links {
  width: 34% !important;
  float: left !important;
  }
  
  section.find_us {
  width: 30% !important;
  float: right !important;
  clear: none;
  }
  
  section#search_form {
  float: left;
  width: 66.25%;
  margin-top: 51px;
  border-top: 1px solid #999;
  }
  
  aside .news_container {
  border-bottom: 0px solid;
  float: left;
  width: 67.5%;
  min-height: 400px;
  }
  
  aside .newsletter_form {
  float: right;
  width: 30%;
  padding: 20px 15px 20px 0;
  }
  
  aside .more_container {
  float: right;
  width: 30%;
  padding: 20px 15px 20px 0;
  }
  
  main .main-content {
  float: left;
  width: 67.5%;
  }
  
  iframe.youtube {
  float: right;
  width: 30%;
  }
  
  #lohi {
  padding-bottom: 181px;
  }
  
  .shariff-button.whatsapp {
  display: none !important;
  }

}

@media screen and (max-width: 950px) {
  .frontpage_aside .news_container {
  width: 100% !important;
  }
  
  aside.frontpage_aside .newsletter_form {
  width: 300px !important;
  float: left !important;
  margin-right: 15px !important;
  }
  
  aside .more_container {
  width: 300px !important;
  float: left !important;
  }
}


aside.borderbottom {
border-bottom: 1px solid #d6d6d6;
}

.lasth3 {
margin-bottom: 12px;
}

.socialLink {
display: block;
margin-bottom: 15px;
}

@media screen and (max-width: 978px) {

  html {
  height: 100%;
  }

  body {
  background: #FFF;
  position: relative;
  height: 100%;
  }
  
  #lohi {
  position: absolute;
  top: 0;
  left: 0%;
  width: 100%;
  box-shadow: -10px 0 25px #000;
  z-index: 2;
  }
  
  #navrd .sub {
  display: none;
  }
  
  #navrd {
  position: fixed;
  top: 0;
  left: 100%;
  display: block;
  background: #00416a;
  height: 100%;
  width: 50%;
  text-align: left;
  overflow-y: auto;
  z-index: 1;
  }
  
  #navrd ul {
  list-style-type: none;
  margin-bottom: 0px;
  }
  
  #navrd ul li {
  border-bottom: 1px solid #004f80;
  }
  
  #navrd ul li a {
  display: block;
  color: #f0f0f0;
  padding: 1em 1em 1em 2.5em;
  }
  
  #navrd ul li a:hover {
  background: #00629e !important;
  text-decoration: none !important;
  }
  
  #navrd ul li.active .sub {
  display: block;
  padding-bottom: 1em;
  background: #00629e;
  }
  
  #navrd ul li.active a {
  background: #00629e;
  }
  
  #navrd ul li ul li {
  border-bottom: 0px solid;
  }
  
  #navrd ul li ul li a {
  padding: 0.8em 0.8em 0.8em 2.75em;
  font-size: 13px;
  }
  
  #navrd ul li ul li.active a, #navrd ul li ul li a:hover {
  background: #0075bc !important;
  }
  
  #navrd ul li.hasSub a {
  background: url(images/rd-menu-closed.png) no-repeat 14px 19px;
  }
  
  #navrd ul li.hasSub a:hover {
  background: #0075bc url(images/rd-menu-closed-active.png) no-repeat 14px 19px !important;
  }
  
  #navrd ul li.active.hasSub a {
  background: #0075bc url(images/rd-menu-opened-active.png) no-repeat 14px 19px;
  }
  
  #navrd ul li.active.hasSub a:hover {
  background: #0075bc url(images/rd-menu-opened-active.png) no-repeat 14px 19px !important;
  }
  
  #navrd ul li.hasSub ul li a {
  background-image: none;
  background-color: #00629e;
  }
  
  #navrd ul li.active.hasSub ul li a {
  background-image: none;
  background-color: #00629e;
  }
  
  #navrd ul li.active.hasSub ul li a:hover {
  background-image: none !important;
  }
  
  #navrd ul li.hasSub ul li a:hover {
  background-image: none !important;
  }
  
  #sh_container {
  display: none !important;
  }
  
  aside {
  padding: 20px 15px;
  }
  
  .cp-news-list-image img {
  width: auto;
  height: auto;
  float: none;
  }
  
  .cp-related-col {
  margin-bottom: 20px;
  border-bottom: 1px solid #d6d6d6;
  padding-bottom: 20px;
  text-align: left;
  }
  
  .cp-related-col-img {
  display: block;
  margin-bottom: 10px;
  }
  
  #cp-news-related {
  padding: 20px 15px;
  text-align: left;
  }
  
}

@media screen and (min-width: 978px) {

  #lohi {
  position: relative;
  padding-bottom: 181px;
  }

  .cpWidthTaker {
  width: 978px; 
  text-align: center; 
  margin: auto; 
  position: relative;
  }
  
  #wrapper {
  width: 978px;
  }
  
  footer #footer-content, aside, main, #header-content {
  width: 978px;
  text-align: left;
  margin: auto;
  }
  
  section.find_us, footer .find_us ul {
  text-align: left !important;
  }
  
  section.links {
  width: 28% !important;
  margin-bottom: 0px !important;
  }
  
  section.contact, section.find_us {
  width: 31.3% !important;
  margin-right: 0 !important;
  }
  
  section.contact {
  margin-right: 5.2% !important;
  }
  
  footer {
  padding: 20px 15px 20px;
  }
  
  main {
  padding: 60px 0 40px;
  }
  
  aside {
  padding: 35px 0;
  }
  
  iframe.youtube {
  width: 31.3%;
  }
  
  main, aside {
  width: 100%;
  }
  
  #main-content, #aside-content, #aside-content2, #c1249 {
  width: 978px;
  margin: auto;
  text-align: left;
  }
  
  aside .news_container {
  padding: 0px;
  width: 64.5%;
  }
  
  h1 {
  font-size: 24px;
  line-height: 33px;
  }
  
  h2 {
  font-size: 21px;
  }
  
  aside .newsletter_form, aside .more_container { 
  padding: 0px;
  width: 31.3%;
  }
  
  section#search_form {
  width: 300px;
  }
  
  section #search input.search_text {
  width: 248px;
  }
  
  #menu-toggle {
  display: none;
  }
  
  header nav {
  display: block;
  }
  
  header #logo {
  margin-left: 0px;
  margin-bottom: 22px;
  width: 163px;
  margin-right: 195px !important;
  }
  
  header #logo a {
  background: url(images/lohi-logo.png) no-repeat top left;
  background-size: 163px 134px;
  width: 163px;
  height: 134px;
  }
  
  header .header_text {
  display: block;
  float: left;
  font-size: 22px;
  font-weight: 300;
  color: #FFF;
  padding: 12px 0 7px 17px;
  }
  
  header .header_text p {
  margin-bottom: 0px !important;
  }
  
  section#search_form {
  margin-top: 0px;
  float: right;
  }
  
  #topnav {
  display: block;
  float: right;
  padding: 20px 0;
  width: 610px;
  }
  
  #topnav ul {
  list-style-type: none;
  margin: 0 !important;
  float: right;
  }
  
  #topnav ul li {
  float: left;
  }

  #topnav ul li a {
  background: url(images/topnav.png) no-repeat left center;
  display: block;
  padding: 0 7px;
  color: #FFF;
  font-size: 13px;
  }
  
  #topnav ul li a:hover {
  text-decoration: underline;
  }
  
  #topnav ul li.first a {
  background: transparent;
  }
  
  header nav {
  float: left;
  font-size: 17px;
  padding-top: 10px;
  }
  
  header nav ul {
  list-style-type: none;
  margin: 0 !important;
  }
  
  header nav ul li {
  float: left;
  }
  
  header nav ul li a {
  color: #FFF;
  display: block;
  padding: 10px 18px 9px 18px;
  }
  

  header nav ul li a:hover {
  color: #FFF;
  text-decoration: none;
  }

  header nav ul li .sub {
  background: #005e9b;
  position: absolute;
  top: 155px;
  left: 0;
  width: 100%;
  border-top: 1px solid #1269a2;
  display: none;
  z-index: 1000 !important;
  }
  
  header nav ul li .sub ul {
  width: 978px !important;
  text-align: center !important;
  margin: auto !important;
  padding-left: 358px;
  }
  
  header nav ul li.active .sub {
  height: 38px !important;
  }
  
  header nav ul li:hover a {
  background: #2676aa;
  }
  
  header nav ul li ul li a {
  background: #005e9b !important;
  font-size: 13px;
  padding: 9px 10px;
  }
  
  header nav ul li.active a {
  background: #005e9b;
  }
  
  header nav ul li ul li a:hover {
  background: #2676aa !important;
  }
  
  header nav ul li ul li.active a  {
  background: #2676aa !important;
  }
  
  header nav a:focus, header nav a:active, header nav a:visited {
  color: #FFF !important;
  text-decoration: none !important;
  }
  
  
  #sh_container {
  background: #0067a1 url(images/navibg.jpg) no-repeat left bottom;
  background-size: cover;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100000;
  }

  #small_header {
  width: 978px;
  text-align: center;
  margin: auto;
  color: #FFF;
  padding: 0;
  }
  
  #small_header #sh_logo {
  margin-left: 0px;
  width: 115px;
  margin-right: 243px !important;
  float: left;
  }
  
  #small_header #sh_logo a {
  background: url(images/lohi-logo-rd.png) no-repeat left center;
  background-size: 95px 69px;
  width: 115px;
  height: 84px;
  display: block;
  }
  
  #small_header #sh_menu {
  float: left;
  font-size: 17px;
  padding-top: 41px;
  }
  
  #small_header #sh_menu ul {
  list-style-type: none;
  margin: 0 !important;
  }
  
  #small_header #sh_menu ul li {
  float: left;
  }
  
  #small_header #sh_menu ul li a {
  color: #FFF;
  display: block;
  padding: 10px 18px 9px 18px;
  }
  

  #small_header #sh_menu ul li a:hover {
  color: #FFF;
  text-decoration: none;
  }

  #small_header #sh_menu ul li .sub {
  background: #005e9b;
  position: fixed;
  top: 84px;
  left: 0;
  width: 100%;
  border-top: 1px solid #1269a2;
  display: none;
  }
  
  #small_header #sh_menu ul li .sub ul {
  width: 978px !important;
  text-align: center !important;
  margin: auto !important;
  padding-left: 358px;
  }
  
  #small_header #sh_menu ul li.active .sub {
  display: block !important;
  height: 38px !important;
  }
  
  #small_header #sh_menu ul li:hover a {
  background: #2676aa;
  }
  
  #small_header #sh_menu ul li ul li a {
  background: #005e9b !important;
  font-size: 13px;
  padding: 9px 10px;
  }
  
  #small_header #sh_menu ul li.active a {
  background: #005e9b;
  }
  
  #small_header #sh_menu ul li ul li a:hover {
  background: #2676aa !important;
  }
  
  #small_header #sh_menu ul li ul li.active a  {
  background: #2676aa !important;
  }
  
  #small_header #sh_menu a:focus, #small_header #sh_menu a:active, #small_header #sh_menu a:visited {
  color: #FFF !important;
  text-decoration: none !important;
  }
  
  #mid {
  width: 978px;
  text-align: center;
  margin: auto;
  }
  
  main.main-left {
  float: left;
  width: 623px;
  text-align: left;
  }
  
  main.main-left #main-content {
  width: auto !important;
  }
  
  aside.aside-right {
  float: right;
  width: 306px;
  text-align: left;
  padding: 60px 0 40px;
  }
  
  aside.aside-right #aside-content {
  width: auto !important;
  }
  
  main .mc-left {
  float: left;
  width: 623px;
  }
  
  main .mc-right {
  float: right;
  width: 306px;
  }
  
  main .main-content {
  width: 100% !important;
  float: none;
  }
  
  .ls-slide {
  position: relative;
  }
  
  .ls-slide .ls-l {
  width: 100% !important;
  }
  
  #cp-slider .ls-inner .cpslide {
  background: rgb(255, 255, 255);
  background: rgba(255, 255, 255, 0.7);
  width: 260px !important;
  height: 285px !important;
  padding: 17px !important;
  position: absolute !important;
  top: 40px !important;
  left: 50% !important;
  text-align: left;
  }
  
  #cp-slider .cpslide .header_bigfont {
  font-size: 26px;
  font-family: 'Lora', serif;
  font-weight: 400;
  margin-bottom: 14px;
  display: block;
  line-height: 31px;
  }
  
  #cp-slider .cpslide span.detail a {
  background: #ffad09;
  color: #774e00;
  padding: 8px 11px;
  font-size: 15px;
  border: 1px solid #e59b0d;
  font-weight: 400;
  text-decoration: none;
  display: inline-block;
  }

  #cp-slider .cpslide span.detail a:hover {
  background: #ffbe3c;
  }

  #cp-slider .cpslide.slide01 {
  height: 210px !important;
  top: 95px !important;
  }
  
  #cp-slider .cpslide.slide02 {
  left: -10px !important;
  width: 430px !important;
  padding: 7px !important;
  background: transparent !important;
  }
  
  #cp-slider .cpslide.slide03 {
  left: 62% !important;
  width: 220px !important;
  height: 222px !important;
  top: 80px !important;
  }
  
  #cp-slider .cpslide.slide04 {
  left: 58% !important;
  top: 65px !important;
  height: 265px !important;
  }
  
  .ls-container {
  overflow: hidden;
  }
  
  .cp-news-single-date {
  margin-bottom: 15px;
  }
  
  .news-single-item h1 {
  margin-bottom: 5px;
  }
  
  .news-list-item {
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid #d6d6d6;
  }

.news-list-item.noborder {
border-bottom: 0px;
margin-bottom: 0px;
padding-bottom: 0px;
}
  
  .news-list-item h2 {
  font-size: 16px;
  }
  
  .news-list-container IMG {
  margin: 0;
  }
  
  .news-list-item p {
  margin: 0px !important;
  }
  
  .news-latest-item {
  background: #f4f4f4;
  min-height: 425px;
  font-size: 15px;
  margin: 0 !important;
  margin-right: 14px !important;
  }
  
  .news-latest-container H4 {
  min-height: 60px;
  line-height: 21px;
  font-size: 15px;
  }
  
  .news-latest-item > p {
  font-size: 15px;
  }
  
  .news-latest-item .teasertext {
  font-size: 15px;
  font-weight: 300;
  display: block;
  margin-bottom: 12px !important;
  }
  
  .news-latest-morelink {
  font-size: 15px;
  font-weight: 400;
  }
  
  .more_container .news-list-item {
  border-bottom: 0px solid #d6d6d6;
  font-size: 14px;
  margin-bottom: 1.2em;
  padding-bottom: 0px;
  }
  
  .more_container .news-list-item h3 {
  font-size: 14px;
  margin-bottom: 0px;
  font-family: 'Open Sans', Arial, Verdana, sans-serif;
  font-weight: 400;
  }
  
  .news-list-browse-more {
  font-weight: 400;
  }

  #c337 {
  width: 100%;
  padding: 40px 0 40px 0;
  border-bottom: 1px solid #d6d6d6;
  }
  
  #c337 .tx-jfmulticontent-pi1 {
  width: 978px;
  text-align: center;
  margin: auto;
  }
  
  #c337 .tx-jfmulticontent-pi1 .subcolumns {
  text-align: left;
  }
  
  .cp-news-single-subheader {
  width: 295px;
  float: right;
  }
  
  #cp-slider {
  position: relative;
  height: auto;
  }
  
  #c561 {
  position: absolute;
  top: 393px;
  left: 0px;
  width: 100%;
  z-index: 999;
  background: rgba(255, 255, 255, 0.5);
  }
  
  #c561 p {
  margin-bottom: 0px;
  }
  
  #c561 .header-tabs {
  width: 978px;
  text-align: center;
  margin: auto;
  }
  
  #c561 ul {
  list-style-type: none;
  margin: 0 !important;
  }
  
  #c561 ul li {
  float: left;
  }
  
  #c561 ul li a {
  display: block;
  font-size: 14px;
  font-weight: 600;
  color: #212d5f;
  padding: 10px 20px;
  }
  
  #c561 ul li a:hover {
  background: #FFF;
  text-decoration: none;
  }
  
  #cp-news-related {
  text-align: left;
  padding-bottom: 110px;
  padding-top: 18px;
  border-top: 1px solid #d6d6d6;
  }
  
  #cp-news-related .cp-related-col {
  width: 222px;
  float: left;
  margin-right: 30px;
  }
  
  #cp-news-related .cp-related-col.cp-col4 {
  margin-right: 0px;
  }
  
  #cp-news-related img {
  width: 222px;
  display: block;
  margin-bottom: 5px;
  }
  
  #cp-news-related a {
  display: block;
  margin-bottom: 5px;
  font-weight: 400;
  }
  
  .cpslide.slide04 #beitragsrechner {
  margin-bottom: 25px;
  }
  
  .cpslide.slide04 #beitragsrechner p {
  clear: both;
  text-align: left !important;
  margin-bottom: 0px;
  }
  
  .cpslide.slide04 #beitragsrechner .beitrag {
  margin-bottom: 0px;
  margin-top: 0px;
  }
  
  .cpslide.slide04 #beitragsrechner .form-control {
  width: 90%;
  }
  
  .cpslide.slide04 #beitragsrechner p.cold-md-6 {
  float: left;
  width: 40%;
  clear: none !important;
  padding: 6px 0px 0px 8px;
  }
  
  .cpslide.slide04 #beitragsrechner p.jahresbeitrag {
  float: none;
  width: 90%;
  padding: 15px 0 10px;
  }
  
  .cpslide.slide02 #search2 {
  margin-bottom: 20px;
  padding-top: 10px
  }
  
  .cpslide.slide02 #search2 .col-md-10 {
  width: 82.5%;
  }
  
  .news-list-item .cp-news-list-text {
  float: left;
  width: 305px;
  }
 
  .news-list-item .cp-news-list-image {
  float: left;
  width: 300px;
  }
  
}
/*  todo marketing  breite fuer andere device   */


/*  Beratungsstellenanzeige (bs_anzeige.tpl) */

.bsanzeige {

}

.maps {
margin-top: -60px;
height: 250px;
padding:0;
}


.bs-tel {
  background-image: url(images/Bilder-Allgemein/telefon.png);
  background-repeat: no-repeat;
  background-size:20px;
  padding-left:27px;
  height:22px;
  width:20px;
}

.bs-zvl {
  background-image: url(images/Bilder-Allgemein/zvl-logo.png);
    background-repeat: no-repeat;
  height:30px;
  width:240px;
}
.bs-zvl1 {
  background-image: url(images/Bilder-Allgemein/zvl-logo.png);
    background-repeat: no-repeat;
  height:30px;
  width:240px;

}
.bs-zvl0 {
 display: none;

}
.bs-zvl-text {
  font-size:13px;
  margin:5px 0px 15px 0px;
  padding-left:70px;
  padding-top:3px;
}

.bs-mail {
  background-image: url(images/Bilder-Allgemein/mail.png);
    background-repeat: no-repeat;
  height:30px;
  width:240px;
  margin:0px 20px 0px 0px;

}

.bs-mail-text {
  margin:0 0 5px;
  padding-left:30px;
  padding-top:1px;
}

.bsdatawrap{

}

.bsleiterbild {
  margin-top:-130px;
  margin-bottom:30px;
}

.bsaddr{
  padding-top:10px;
  padding-bottom:10px;

}

.bsdata1 {

}

.bsdata2 {

}

.bsdata3{

}
.bsdata4{


}
.bsdata5{

}

span.detailbs {

}

span.detailbs a {

}

span.detailbs a:hover {
  
}

#c1260 .details {
min-height: 72px;
}

#c1260 img {
height: 106px;
}

aside table {
    font-size: 14px;
    font-weight: 300;
}




.wholeSlide {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 433px;
z-index: 0;
}

/*wholeslideblue*/

#cp-slider .wholeSlide .cpslide .header_bigfont {
padding: 0 25px;
font-size: 47px;
font-weight: 400;
margin-bottom: 40px;
line-height: 53px;
}

#cp-slider .wholeSlide .cpslide .header_bigfont::before {
content: "[";
color: #FFF !important;
font-size: 222px;
position: absolute;
left: 0;
top: 21%;
font-family: 'Lato',Arial,Verdana,sans-serif;
font-weight: 100;
}

#cp-slider .wholeSlide .cpslide .header_bigfont::after {
content: "]";
color: #FFF;
font-size: 222px;
position: absolute;
right: 0;
top: 21%;
font-family: 'Lato',Arial,Verdana,sans-serif;
font-weight: 100;
}

#cp-slider .ls-inner .wholeSlide .cpslide {
left: 23% !important;
background: transparent;
text-align: center;
color: #FFF !important;
width: 450px !important;
font-family: 'Open Sans',Arial,Verdana,sans-serif;
}

#cp-slider .wholeSlide .cpslide.slide01 {
top: 38px !important;
}

#cp-slider .wholeSlide .cpslide.slide01 p {
font-size: 19px !important;
line-height: 26px !important;
}
/*
.gradientPink, #Start2018 > .ls-inner > .ls-slide:nth-child(2) img.ls-bg, #Start2018 > .ls-inner > .ls-slide:nth-child(4) img.ls-bg {
background: #efb4d3; 
background: -moz-linear-gradient(top, #efb4d3 0%, #e787b7 100%); 
background: -webkit-linear-gradient(top, #efb4d3 0%,#e787b7 100%); 
background: linear-gradient(to bottom, #efb4d3 0%,#e787b7 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efb4d3', endColorstr='#e787b7',GradientType=0 ); 
}

.gradientBlue, #Start2018 > .ls-inner > .ls-slide:nth-child(1) img.ls-bg, #Start2018 > .ls-inner > .ls-slide:nth-child(3) img.ls-bg {
background: #55c3e8 !important;
background: -moz-linear-gradient(top, #55c3e8 0%, #18b2e1 100%) !important;
background: -webkit-linear-gradient(top, #55c3e8 0%,#18b2e1 100%) !important;
background: linear-gradient(to bottom, #55c3e8 0%,#18b2e1 100%) !important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#55c3e8', endColorstr='#18b2e1',GradientType=0 ) !important;
}
*/

#Start2018 {
overflow: hidden;
}

#Start2018 > .ls-inner > .ls-slide img.ls-bg {
height: 433px !important;
width: auto !important;
margin-top: 0px !important;
}

#Start2018 > .ls-inner > .ls-lt-container .ls-lt-tile img {
height: 433px !important;
width: auto !important;
margin-top: 0px !important;
}

#Start2018 .ls-inner {
background: transparent !important;
}

#Start2018 > .ls-inner > .ls-lt-container {
width: 100% !important;
}

#cp-slider .wholeSlide.wholeSlide02 .cpslide .header_bigfont {
padding: 29px 25px 25px;
margin-bottom: 0px;
}

#cp-slider .wholeSlide.wholeSlide03 .cpslide .header_bigfont {
font-size: 41px;
line-height: 48px;
margin-bottom: 68px;
}

#cp-slider .wholeSlide.wholeSlide04 .cpslide .header_bigfont {
padding: 29px 25px 25px;
}

#cp-slider .wholeSlide .cpslide.snc04 p {
    font-size: 16px !important;
    line-height: 23px !important;
}

#Start2018 .cpWidthTaker {
height: 100%;
}

.beitragsrechner-form-style.widthStart {
width: 160px;
height: 24px;
}
/*
.beitrag.widthStart {
width: 75px;
display: inline-block;
padding: 8px 8px 0;
margin-left: 18px;
background: #ffad09;
color: #774e00;
border: 1px solid #e59b0d;
margin-top: 0px;
height: 28px;
}*/

.beitrag.widthStart {

    width: 75px;
    display: inline-block;
    padding: 4px 8px 4px;
    margin-left: 18px;
    background: #ffad09;
    color: #774e00;
    border: 1px solid #e59b0d;
    margin-top: 0px;
    height: 28px;
    line-height: normal !important;
    font-size: 18px !important;
    vertical-align: top;

}

#beitragsrechnerStart {
padding-top: 7px;
}

.ncimage {
position: absolute;
top: 0;
height: 100%;
width: auto;
}

.ncimage img {
height: 100%;
width: auto;
}

.ncimage.ncimage01 {
right: -7%;
}

.ncimage.ncimage02 {
right: -5%;
}

.ncimage.ncimage03 {
right: -7%;
}

.ncimage.ncimage04 {
right: -5%;
}

#cp-slider .ls-inner .wholeSlide .cpslide {
left: -2.5% !important;
}
/*
@media screen and (max-width: 1810px) { 

.ncimage.ncimage01, .ncimage.ncimage02, .ncimage.ncimage03, .ncimage.ncimage04 {
right: 10%;
}

#cp-slider .ls-inner .wholeSlide .cpslide {
left: 21.4% !important;
}

}

@media screen and (max-width: 1530px) { 

.ncimage.ncimage01, .ncimage.ncimage02, .ncimage.ncimage03, .ncimage.ncimage04 {
right: 0%;
}

}*/

@media screen and (max-width: 978px) { 

#Start2018 > .ls-inner > .ls-slide.ls-animating {
right: -100% !important;
}

.ls-l, #Start2018 .wholeSlide {
width: 100% !important;
height: 100% !important;
}

#cp-slider .ls-inner .wholeSlide .cpslide {
left: 0% !important;
height: 210px !important;
}

/*#Start2018 .ls-slide, #Start2018 .wholeSlide {
height: 400px !important;
}*/

#cp-slider .cpslide span.detail a {
    background: #ffad09;
    color: #774e00;
    padding: 8px 11px;
    font-size: 15px;
    border: 1px solid #e59b0d;
    font-weight: 400;
    text-decoration: none;
    display: inline-block;
    line-height: normal !important;
}


#cp-slider .ls-inner .wholeSlide.wholeSlide02 .cpslide {
left: 3% !important;
width: 400px !important;
}

#cp-slider .wholeSlide.wholeSlide02 .cpslide .header_bigfont::before {
left: -19px;
}

#cp-slider .wholeSlide.wholeSlide02 .cpslide .header_bigfont::after {
right: -22px;
}

#cp-slider .wholeSlide.wholeSlide02 .col-xs-9 {
width: 80% !important;
}

.beitrag.widthStart {
    margin-left: 9px;
    margin-right: 9px;
}

}

@media screen and (max-width: 900px) { 

#cp-slider #Start2018 .col-xs-9 {
width: 80%;
}

  #cp-slider .ls-inner .wholeSlide .cpslide {
  left: 1% !important;
  }

  #cp-slider .wholeSlide .cpslide .header_bigfont {
  padding: 17px 25px 0px 25px; 
  }

  #cp-slider .wholeSlide.wholeSlide03 .cpslide .header_bigfont {
  font-size: 35px;
  line-height: 42px;
  margin-bottom: 60px;
  }

  #cp-slider .ls-inner .wholeSlide .cpslide {
  width: 390px !important;
  }
  
  #cp-slider .wholeSlide .cpslide .header_bigfont {
  font-size: 40px;
  line-height: 47px;
  }
  
  #cp-slider .wholeSlide .cpslide.snc04 p {
  font-size: 14px !important;
  line-height: 21px !important;
  }
  
  #cp-slider .wholeSlide .cpslide.slide01 p {
  font-size: 16px !important;
  line-height: 24px !important;
  }  
  
  #Start2018 .form-control {
  display: inline-block !important;
  }
  
  #cp-slider #Start2018 .form-control {
  width: auto !important;
  }
  
  #cp-slider .wholeSlide.wholeSlide04 .cpslide .header_bigfont::before {
  content: "[";
  color: #FFF !important;
  font-size: 160px;
  position: absolute;
  left: 0;
  top: 14%;
  font-family: 'Lato',Arial,Verdana,sans-serif;
  font-weight: 100;
  }

  #cp-slider .wholeSlide.wholeSlide04 .cpslide .header_bigfont::after {
  content: "]";
  color: #FFF;
  font-size: 160px;
  position: absolute;
  right: 0;
  top: 14%;
  font-family: 'Lato',Arial,Verdana,sans-serif;
  font-weight: 100;
  }

  #cp-slider .wholeSlide.wholeSlide04 .cpslide .header_bigfont {
  padding: 17px 25px 0px;
  }  

  #cp-slider .wholeSlide .cpslide.slide01 p {
  font-size: 14px !important;
  line-height: 22px !important;
  }
  
        #cp-slider .wholeSlide .cpslide.slide01 {
        top: 26px !important;
        }
}

@media screen and (max-width: 800px) { 

.ncimage {
display: none;
}

#Start2018 .ls-slide, #Start2018 {
height: 400px !important;
}

#cp-slider .ls-inner .wholeSlide .cpslide {
    left: 50% !important;
    margin-left: -195px;
}

#cp-slider .ls-inner .wholeSlide.wholeSlide02 .cpslide {
left: 48.5% !important;
}

}

.form-control2 {
    display: inline-block;
    width: 160px;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

@media screen and (max-width: 390px) { 

#cp-slider .ls-inner .wholeSlide .cpslide {
width: 100% !important;
margin-left: -50%;
}

#cp-slider .wholeSlide .cpslide .header_bigfont {
padding: 23px 25px 12px 25px;
}

#cp-slider .wholeSlide .cpslide .header_bigfont {
font-size: 33px;
line-height: 40px;
}

#cp-slider .wholeSlide.wholeSlide03 .cpslide .header_bigfont {
font-size: 28px;
line-height: 35px;
margin-bottom: 60px;
}

#cp-slider .wholeSlide.wholeSlide02 .cpslide .header_bigfont {
padding: 43px 25px 25px;
margin-bottom: 0px;
}

}

@media screen and (max-width: 420px) { 

#cp-slider .ls-inner .wholeSlide.wholeSlide02 .cpslide {
left: 48.5% !important;
margin-left: -45% !important;
width: 92% !important;
}

#cp-slider .wholeSlide.wholeSlide02 .col-xs-9 {
   width: 78% !important;
}

}

@media screen and (max-width: 370px) { 
#cp-slider .wholeSlide.wholeSlide02 .col-xs-9 {
width: 74.5% !important;
}
}




.ncYoutube {
    background-img: url("/images/Bilder-Allgemein/lebensfacetten-film-youtube.jpg");
    background-color: #000;
    margin-bottom: 30px;
    position: relative;
    padding-top: 56.25%;
    overflow: hidden;
    cursor: pointer;
}
.ncYoutube img {
    width: 100%;
    top: -16.82%;
    left: 0;
    opacity: 0.7;
}
.ncYoutube .play-button {
    width: 90px;
    height: 60px;
    background-color: #333;
    box-shadow: 0 0 30px rgba( 0,0,0,0.6 );
    z-index: 1;
    opacity: 0.8;
    border-radius: 6px;
}
.ncYoutube .play-button:before {
    content: "";
    border-style: solid;
    border-width: 15px 0 15px 26.0px;
    border-color: transparent transparent transparent #fff;
}
.ncYoutube img,
.ncYoutube .play-button {
    cursor: pointer;
}
.ncYoutube img,
.ncYoutube iframe,
.ncYoutube .play-button,
.ncYoutube .play-button:before {
    position: absolute;
}
.ncYoutube .play-button,
.ncYoutube .play-button:before {
    top: 50%;
    left: 50%;
    transform: translate3d( -50%, -50%, 0 );
}
.ncYoutube iframe {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}

#cp-slider {
height: auto;
}

@media screen and (min-width: 978px) {

  #Start2018 .ls-slide, #Start2018 {
  height: 433px !important;
  overflow: hidden !important;
  }

}

@media screen and (min-width: 1920px) {

  #Start2018 > .ls-inner > .ls-slide img.ls-bg {
  height: 433px !important;
  width: 100% !important;
  margin-top: 0px !important;
  margin-left: 0px !important;
  }  

#Start2018 > .ls-inner > .ls-lt-container .ls-lt-tile img {
    height: 433px !important;
    width: 100% !important;
    margin-top: 0px !important;
    margin-left: 0px !important;
}

}

@media screen and (min-width: 1920px) {

  #LohiMuenchen > .ls-inner > .ls-slide img.ls-bg {
  height: auto !important;
  width: 100% !important;
  margin-top: 0px !important;
  margin-left: 0px !important;
  }  

#LohiMuenchen > .ls-inner > .ls-lt-container .ls-lt-tile img {
    height: auto !important;
    width: 100% !important;
    margin-top: 0px !important;
    margin-left: 0px !important;
}

}





@media screen and (max-width: 978px) {

  .c20l, .c20r {
  width: 33%;
  }

  .c20r {
  float: left;
  margin-left: 0px;
  }

  .subcr {
  padding: 0 0 0 0;
  }

  .subcl {
  padding: 0 0 0 0;
  }
  
  .c20l div.csc-textpic-left .csc-textpic-imagewrap,
  .c20r div.csc-textpic-left .csc-textpic-imagewrap {
  float: none !important;
  margin: auto !important;
  text-align: center !important;
  display: inline-block !important;
  }

  .c20l div.csc-textpic,
  .c20r div.csc-textpic {
  text-align: center !important;
  }

}

@media screen and (max-width: 620px) {

  .c20l, .c20r {
  width: 50%;
  }

}

@media screen and (max-width: 420px) {

  .c20l, .c20r {
  width: 100%;
  }

}

.news-single-item img {
max-width: 100%;
width: auto;
height: auto;
}

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

.tx-indexedsearch-percent.percent {
display: none;
}

.powermail_fieldset .infotext {
font-size: 13px;
}



.checkContainer {
    display: block;
    float: left;
    position: relative;
    padding-left: 28px;
    margin-bottom: 0;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  width: 20px;
  height: 20px;
}

/* Hide the browser's default checkbox */
.checkContainer input.checkbox {
    position: absolute;
    opacity: 0;
    cursor: pointer;
  z-index: 100;
  height: 20px;
  width: 20px;
  margin: 0px;
  left: 0;
  top: 0;
}

/* Create a custom checkbox */
.checkContainer .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background: #eee url(images/checkbox-unchecked.png) no-repeat top left;
}

/* When the checkbox is checked, add a blue background */
.checkContainer input.checkbox:checked ~ .checkmark {
    background: #eee url(images/checkbox-checked.png) no-repeat top left;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkContainer .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.checkContainer input.checkbox:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.checkContainer .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
}

.powermail_check_inner label {
font-weight: 300;
}

main img.nonFull {
max-width: 95px;
}

.barrierefreiBTN {
width: 250px;
height: 50px;
display: block;
background: url(/fileadmin/lohi/bsseiten/images/barrierefrei.png);
}

.barrierefreiBTN-content {
padding: 14px 0px 0px 72px;
font-size: 16px;
color: #222a58;
}



.gehoerlosBTN {
width: 250px;
height: 50px;
display: block;
background: url(/fileadmin/lohi/bsseiten/images/gehoerlosentelefon.png);
}

.gehoerlosBTN-content {
padding: 3px 0px 0px 72px;
font-size: 16px;
color: #222a58;
}

.gehoerlosBTN-content strong {
font-size: 14px;
}

.gehoerlosBTN-content a {
color: #222a58;
}


a.a404419, a.a404420,
#small_header #sh_menu ul li a.a404419, #small_header #sh_menu ul li a.a404420,
#navrd ul li a.a404419, #navrd ul li a.a404420 {
display: none;
}

a.a404419.showMenuPunkt, a.a404420.showMenuPunkt,
#small_header #sh_menu ul li a.a404419.showMenuPunkt, #small_header #sh_menu ul li a.a404420.showMenuPunkt,
#navrd ul li a.a404419.showMenuPunkt, #navrd ul li a.a404420.showMenuPunkt {
display: block;
}

.bssuche-Sub {
background: #EEE;
padding: 10px;
margin-left: 15px;
margin-right: 15px;
}

.bssuche-Sub .formfield {
display: inline-block;
margin: 0;
}

.bssuche-Sub .formfield .label {
color: #888;
font-weight: 300;
font-size: 14px;
}


.bssuche-Sub .formfield select {
background: #FFF;
padding: 3px;
border: 1px solid #888;
color: #888;
font-weight: 300;
font-size: 14px;
}


.cState.verfuegbarkeit {
margin: 10px 0;
}

.cState.verfuegbarkeit a {
display: block;
width: 25px;
height: 25px;
border: 1px solid #EEE;
background-color: silver;
border-radius: 30px;
cursor: pointer;
}

.cState.verfuegbarkeit.green a {
background-color: #20af24;
border-color: #20af24;
}

.cState.verfuegbarkeit.red a {
background-color: #bb2d19;
border-color: #bb2d19;
}

.cState.verfuegbarkeit.yellow a {
background-color: #f9cd00;
border-color: #f9cd00;
}

.gmaps-privacy-info {
margin: auto;
width: 100%;
max-width: 978px;
}

.gmaps-privacy-info-content {
padding-left: 210px;
padding-top: 40px;
}

#linkss .gmaps-privacy-info {
background-color: rgba(229, 227, 223,0.6);
}

#linkss .gmaps-privacy-info-content {
padding-left: 25px;
padding-top: 25px;
padding-right: 25px;
padding-bottom: 25px;
}

#activateGMaps {
cursor: pointer;
}

#kontaktformularAutumn .phoneRow {
display: none;
}