html {
  margin: 0px;
  padding: 0px;
}

body {
  margin: 0px;
  padding: 0px;
  font-family: "Lato",sans-serif;
  font-size: 16px;
  background-color:#f5f5f5;
}

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

table tbody strong {
    font-size: 0.9rem;
}

table {
  border:0;
  max-width:100%;
  overflow-x: scroll;
  margin-bottom: 20px;
}

table thead {
  background-color:#004D88;
}

table th {
  background-color:#004D88;
  color:white;
  border-spacing: 0;
  padding: 15px 10px;
  text-align: left !important;
  font-size: 1.2rem !important;
  margin: 0;
  border: 0; 
}

table th p {
  color:white;
  padding: 0px !important;
  text-align: left !important;
  font-size: 1.2rem !important;
  margin: 0 !important;
}

table th *{ 
color:white;
}

table td {
  border:0;
  border-collapse: collapse;
  margin: 0px;
  padding: 10px;
  border-bottom:1px solid lightgray;
  font-size: 0.9rem;
}

table td p {
padding: 0px !important;
margin: 0px !important; 
}

table img {
min-width:30px!important;
}

table td a.download img {
min-width:0!important;
}

.ce-textpic, .ce-image, .ce-nowrap .ce-bodytext, .ce-gallery, .ce-row, .ce-uploads li, .ce-uploads div {
overflow-x:auto;
}

.ce-gallery img {
    padding: 5px 0px;
}

/* Clear */

.cf:before,
.cf:after { content: ""; display: table; }
.cf:after { clear: both; }




#wrapper {
  width: 100%;
  background-color: #f5f5f5;
}

#sprache-in > *:not(.current) {
color:#004d88!important;
}

#sprache-in > .current > a:hover {
color:#5bc5f1!important;
}

#sprache-in > *:not(.current):hover {
color:#5bc5f1!important;
}



/************************************************************************** 
                      Wechselbilder
**************************************************************************/

.headerklein {
  position: relative;
}

@media(min-width: 1376px){
.headerklein {margin-top: 171px !important;}
}

#wechselslider {
  width: 100%;
  position: relative;
  top: 169px;
  left: 0px;
  margin-bottom: 0px;
  padding-bottom: 0px;
}

#wechselslider_01 {
  width: 100%;
  background-size: cover;
  display: none;
  top: 0px;
  left: 0px;
  position: absolute;
  z-index: 97;
}

#wechselslider_02 {
  width: 100%;
  min-height: 50px;
  background-size: cover;
  display: none;
  top: 0px;
  left: 0px;
  position: absolute;
  z-index: 97;
}

#wechselslider_03 {
  width: 100%;
  min-height: 50px;
  background-size: cover;
  display: none;
  top: 0px;
  left: 0px;
  position: absolute;
  z-index: 97;
}

#wechselslider-in .activ {
  display: block;
}

/**************************************************************************
                Wechselbilder Ende 
**************************************************************************/
/**************************************************************************
                Grauer Bereich 
**************************************************************************/

.gb {
  width: 100%;
  background-color: rgba(0,0,0,0.3);
  position: absolute;
  z-index: 99;
  top: 250px;
}

.gb h4 {
  color: #5bc5f1;
  font-size: 1.5vw;
  margin: 15px 0px 0px 0px;
  text-transform: uppercase;
}

.gb h5 {
  color: #ffffff;
  font-size: 3.5vw;
  margin: 0px 0px 5px 0px;
  text-transform: uppercase;
}

.gb p {
  color: #ffffff;
  font-size: 1vw;
  margin: 5px 0px;
}

@media(min-width:1500px){

.gb h4 {
  /*font-size: 2.25rem;*/
  font-size: 1.50rem;
}

.gb h5 {
  /*font-size: 5.25rem;*/
  font-size: 3.5rem;
}

.gb p {
  /*font-size: 1.5rem;*/
  font-size: 0.8rem;
}

}

@media(max-width:1024px){
.gb p {
  /*font-size: 1.5rem;*/
  font-size: 1rem;
}
}

/**************************************************************************
               Grauer Bereich Ende
**************************************************************************/
/**************************************************************************
               Dots
**************************************************************************/

#dots {
  height: 40px;
  width: 100%;
  bottom: 0px;
  left: 0px;
  position: absolute;
  z-index: 99;
}

#dots-in {
  width: 100px;
  margin: 0 auto;
}

#dots-in > div {
  float: left;
  width: 30px;
}

#dots-in > div > div {
  margin-right: 10px;
  background-image: url('../img/dot-pass.png');
  background-repeat: no-repeat;
  height: 20px;
  cursor: pointer;
}

#dots-in > div > div:hover {
  background-image: url('../img/dot-hover.png');
}

#dot_01 .dot-activ, #dot_02 .dot-activ, #dot_03 .dot-activ {
  background-image: url('../img/dot-act.png');
  background-repeat: no-repeat;
}
/**************************************************************************
                        Dots Ende
**************************************************************************/
/**************************************************************************
                         wb Anfang 
**************************************************************************/

#wb {
  position: absolute;
  width: 100%;
  background-color: #ffffff;
  top: 30px;
  z-index: 99;
}

#wb-in {
  /* width: 80%; */
  width:1157.6px;
  max-width:100%;
  margin: 0 auto;
  height: 115px; /* 136px */
  max-height: 115px;
}

#logo {
  float: left;
  margin-top: 10px; /* 14px */
}

#logo-in img {
  max-height: 100%;
  height: 70px;
  width: auto;
  image-rendering: optimizequality;
  margin-left:4%;
}

#wb-mob {
  display: none;
  /*position: absolute;*/
  width: 100%;
  background-color: #ffffff;
  /*top: 0px;
  z-index: 99;*/
}

#wb-mob-in {
  width: 98%;
  margin: 30px auto 0;
}

#logo-mob {
  float: left;
}

#logo-mob-in img {
  max-height: 80px;
  width: auto;
}

/* HM */

.dropdown {
  height: 0px;
  visibility: hidden;
  margin: 0px;
  overflow: hidden;
}

#hm {
  float: left;
  padding-top: 44px;
}

nav#hm-in {
  padding-left: 4.3192812716%;
}

nav#hm-in ul {
  margin: 0px;
  padding: 0px;
}
nav#hm-in ul li{
    float:left;
    padding-left:0px;
    list-style:none;

}
nav#hm-in ul li a{
  color:#004d88;
  text-decoration:none;
  font-size:1rem;
}

nav#hm-in ul li i.hm-i {
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 1.3rem;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  float:left;
  padding-right: 5px;
  margin-top: 0px;
  /*padding-left: 10px;
  */
}

nav#hm-in ul li i.hm-i:before {
  content: "\f105";
  color: #ffffff;
}

nav#hm-in ul li ul li:hover i.hm-i:before {
  color: #5bc5f1;
}

nav#hm-in ul li ul li.zweiteebeneact i.hm-i:before {
  color: #5bc5f1;
}

nav#hm-in ul li:hover a{
  color:#5bc5f1;
  /*background-color: #004d88;*/
}

nav#hm-in ul#ersteebene li {
  display:block;
  margin-left: 0px;
}

nav#hm-in ul#ersteebene li a{
  display:inline-block; /* */
  margin-left: 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 0px; /* 10px */
  margin-right: 5px;

}
nav#hm-in ul#ersteebene li.ersteebeneact a{
  color:#5bc5f1;
}
nav#hm-in ul li ul#zweiteebene{
    margin:0px;
    display:none;
    padding:0px;
    padding-top:0px;
    position:absolute;
    z-index:2;
}


nav#hm-in ul li ul#zweiteebene li{
  white-space:nowrap;
  display:block;
  float:none;
  /*background-image: url('../img/um-bg_02.jpg');
  background-repeat: no-repeat;
  background-position: 0 7px;
  background-size: auto 100%;*/
}

nav#hm-in ul#ersteebene li.ersteebeneact ul#zweiteebene li{
  display:block;
  float:none;
  /*background-image: url('../img/um-bg_02.jpg');
  background-repeat: no-repeat;
  background-position: 0 7px;
  background-size: auto 100%;*/
}

nav#hm-in ul li ul#zweiteebene li:first-child a{
  background: none;
}

nav#hm-in ul#ersteebene li.ersteebeneact ul#zweiteebene li:first-child a{
  background: none;
}

nav#hm-in ul li ul#zweiteebene li a{
  display:block;
  padding:10px 15px 10px 20px;
  margin:0px;
  color: #ffffff;
  border:none;
  border-bottom:#5bc5f1 1px solid;
}

nav#hm-in ul#ersteebene li.ersteebeneact ul#zweiteebene li a{
  display:block;
  padding:10px 15px 10px 20px;
  margin:0px;
  color: #ffffff;
  border:none;
  border-bottom:#5bc5f1 1px solid;
  background: none;
}

nav#hm-in ul li ul#zweiteebene li:last-child a{
  background: none;
  border: 0px;
}

nav#hm-in ul#ersteebene li.ersteebeneact ul#zweiteebene li:last-child a{
  background: none;
  border: 0px;
}

nav#hm-in ul li ul#zweiteebene li a:hover {
      color:#5bc5f1;
}

nav#hm-in ul#ersteebene li.ersteebeneact ul#zweiteebene li a:hover {
      color:#5bc5f1;
}

nav#hm-in ul li ul#zweiteebene li:hover {
  /*background-image: url('../img/um-bg-act.jpg');
  background-repeat: no-repeat;
  background-position: 0 7px;
  background-size: auto 100%;*/
}

nav#hm-in ul#ersteebene li.ersteebeneact ul#zweiteebene li:hover {
  /*background-image: url('../img/um-bg-act.jpg');
  background-repeat: no-repeat;
  background-position: 0 7px;
  background-size: auto 100%;*/
}

nav#hm-in ul li ul#zweiteebene li.zweiteebeneact {
  /*background-image: url('../img/um-bg-act.jpg');
  background-repeat: no-repeat;
  background-position: 0 7px;
  background-size: auto 100%;*/
}

nav#hm-in ul#ersteebene li.ersteebeneact ul#zweiteebene li.zweiteebeneact {
  /*background-image: url('../img/um-bg-act.jpg');
  background-repeat: no-repeat;
  background-position: 0 7px;
  background-size: auto 100%;*/
}

nav#hm-in ul li ul#zweiteebene li.zweiteebeneact a{
  color:#ffffff;
  background: none;

}

nav#hm-in ul#ersteebene li.ersteebeneact ul#zweiteebene li.zweiteebeneact a{
  color:#5bc5f1;
  background: none;
}

/* HM Ende */

/* Suche */

#suchwrap {
  float: right;
  margin-top: 44px;
}

#suchwrap-in {
  height: 100%;
}

#lupe-in {
  max-width: 50px;
  max-height: 46px;
  cursor: pointer;
}

img#lupeimg {
  max-width: none;
}

#sucheaufklappen {
  background-color: #ffffff;
  position: absolute;
  z-index: 70;
  bottom: -70px;
  width: 300px;
  height: 70px;
  right: 35px;
  overflow: hidden;
}

#sucheaufklappen-in fieldset {
  border: 0px;
}

#suchwrap-mob {
  float: right;
  height: 100%;
}

#suchwrap-mob-in {
  height: 100%;
}

#lupe-mob {
  padding-top: 20px;
  padding-right: 5px;
}

#lupe-mob-in {
  max-width: 50px;
  max-height: 46px;
  cursor: pointer;
}

#sucheaufklappen-mob {
  /*background-color: #ffffff;
  position: absolute;
  z-index: 70;
  bottom: -50px;
  width: 300px;
  height: 50px;
  right: 35px;*/
  background-color: #ffffff;
  position: absolute;
  z-index: 99;
  bottom: -50px;
  width: 300px;
  height: 50px;
  right: 0%;
  top: 80px;
  visibility: hidden;
}

.search-input {
  width: 240px;
  float: left;
}

.indexedsearch-form input {
  width: 210px;
  margin-left: 20px;
  margin-top: 10px;
  padding: 5px;
  border: 1px solid #004d88;
}

.indexedsearch-search-submit {
  width: 60px;
  float: left;
}

.indexedsearch-search-submit input {
  max-width: 30px;
  height: auto;
  margin-top: 5px;
  border: 0px;
}

/* Suchuebersicht */
.tx-indexedsearch-searchbox p, 
.tx-indexedsearch-rules, 
.tx-indexedsearch-searchbox legend,
.tx-indexedsearch-searchbox label,
.tx-indexedsearch-info {
  display: none;
}

.tx-indexedsearch-searchbox fieldset {
  border: 0px;
}

.tx-indexedsearch-form {
  float: left;
}

.tx-indexedsearch-form input {
  height: 30px;
  padding-left: 5px;
  width: 220px;
}

.tx-indexedsearch-search-submit {
  float: left;
}

.tx-indexedsearch-search-submit input {  
  border:0px;
  background-color: #ffffff !important;
  font-size: 0px;
  width: 30px;
  height: 30px;
  cursor: pointer; 
  background-image: url('../img/lupe.jpg');
  background-size: cover;
  margin-left: 5px;
}

.tx-indexedsearch-browsebox li {
  display: inline-block;
  margin-right: 10px;
}
/* Suche Ende */

/* Login */

#loginwrap {
  float: right;
  margin-top: 44px;
}

#loginwrap-in {
  /* padding-right: 10px; */
  padding:10px;
  padding-left:0px;
  position: relative;
}

#loginwrap-in .zu {
  /* background-image: url('../img/login-close.jpg'); */
  background-repeat: no-repeat;
  cursor: pointer;
}

#loginwrap-in .auf {
  /* background-image: url('../img/login-open.jpg'); */
  background-repeat: no-repeat;
  cursor: pointer;
}


#loginaufklappen {
  background-color: #004d88;
  height: 166px;
  width: 300px;
  position: absolute;
  z-index: 70;
  bottom: -166px;
  right: 10px;
} 

.login-btn { cursor: pointer;}

.login-close {
    color: white;
    cursor: pointer;
    float: right;
    padding-left: 5px;
    padding-right: 10px;
    /*padding-top: 10px;*/
}

/*
#loginaufklappen {
    background-color: #004d88;
    bottom: -185px;
    height: 195px;
    position: absolute;
    right: 10px;
    width: 300px;
    z-index: 70;
}
*/

#loginwrap-mob {
  float: right;
}

#loginwrap-mob-in {
  padding-right: 10px;
}

#loginwrap-mob-in .zu {
  background-image: url('../img/login-close.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  cursor: pointer;
}

#loginwrap-mob-in .auf {
  background-image: url('../img/login-open.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  cursor: pointer;
}

#loginaufklappen-mob {
  /*background-color: #004d88;
  height: 166px;
  width: 300px;
  position: absolute;
  z-index: 70;
  bottom: -166px;
  right: 10px;*/
  background-color: #004d88;
    height: 166px;
    width: 300px;
    position: absolute;
    z-index: 99;
    top: 80px;
    right: 10px;
  visibility: hidden;
}
/* Login Ende */

/* Sprache */

#sprache {
  float: right;
  padding:10px;
  margin-top: 44px;
}

#sprache a, #sprache span{padding-left:10px;}
#sprache span{color:#004d88;}

#sprache-mob {
  float: right;
}

@media(max-width: 425px){
#sprache, #loginwrap, #suchwrap {
  margin-top: 0px;
}

#nav-toggle {
  margin-top: 5px !important;
}
}

/* Sprache Ende */

/**************************************************************************
                           wb Ende 
**************************************************************************/
.drittel {
  width: 33%;
  float: left;
}

.drittel .drittel-in {
  padding-left: 5%;
  padding-right: 5%;
}

.drittel:last-child {
  width: 34%;
  float: left;
}

.drittel img {
  width:100%;
}

.drittel:nth-child(2) .drittel-in {
  padding-left: 0%;
  padding-right: 10%;
}

.drittel:last-child .drittel-in {
  padding-left: 10%;
  padding-right: 0%;
  /*text-align: right;*/
}

/*.drittel:last-child .drittel-in p {
  text-align: left;
  padding-left: 1%;
}*/

@media(max-width: 960px){
.drittel:last-child .drittel-in p {
  
  padding-left: 0%;
}
}

.content > .in{
  margin-left: 10%;
  margin-right: 10%;
}

.content h1 {
  color:#004d88;
  border-bottom:2px solid #004d88;
  text-align: center;
  text-transform: uppercase;
  padding-bottom: 20px;
  padding-top: 40px;
  clear:both;
  font-size: 1.9rem;
}

.content h2 {
  font-size: 1.5rem;
    clear:both;
}

.content h3 {
  font-size: 1rem;
}

.content p {
  line-height: 1.5rem;
  font-size: 0.9rem;
  margin-bottom: 14px;
  margin-top: 0px;
  color: #004d88;
}

@media(min-width:1024px){
  #weisserbereich .ce-bodytext {
    column-count:1;
  background-color: #f5f5f5 !important;
  }

.zs-in {
  column-count:2;
  padding-bottom: 15px;
}
  /* #weisserbereich .ce-bodytext p{margin:0 0 32px;} */
}
/**************************************************************************
                           CONTENT EBENE 1
**************************************************************************/
#blauerbereich {
  background-color: #5bc5f1;
  /*margin-top: 190px;*/
}

#blauerbereich h1 {
  border-color:#ffffff;
  color: #ffffff;
}

#blauerbereich p{
  color: #004d88;
  min-height: 3.9rem;
}

#blauerbereich .csc-textpic-caption {
  padding-top: 10px;
  padding-bottom: 20px;
  color: #ffffff;
  font-size: 0.9rem;
}

/**************************************************************************
                           CONTENT EBENE 1 ENDE
**************************************************************************/


/**************************************************************************
                           CONTENT EBENE 2
**************************************************************************/
#grauerbereich {
  background-color: #f5f5f5;
  /*Anpassung LD WACON (Weißer Balken unter dem Slider)*/
  margin-top: -5px;
}

#grauerbereich h1 {
  /*border-color:#ffffff;*/
  color: #004d88;
}

#grauerbereich p{
  color: #004d88;
  /*min-height: 3.9rem;*/
}

/*
#grauerbereich-in div:last-child {
  padding-bottom: 30px;
}
*/

/*
#grauerbereich-in div:last-child div:last-child {
  padding-bottom: 0px;
}
*/

/**************************************************************************
                           CONTENT EBENE 2 ENDE
**************************************************************************/

/**************************************************************************
                           Footer
**************************************************************************/

#footer {
  width: 100%;
  background-color: white;
}

#footer-in {
  width: 80%;
  margin: 0 auto;
  padding-top: 30px;
}

.footerspalte {
  width: 20%;
  float: left;
}

.footerspalte-in {
  padding-left: 5%;
  padding-right: 5%;
}

.footerspalte:first-child .footerspalte-in {
  padding-left: 0px;
}

.footerspalte-in h3 {
  color: #5bc5f1;
  font-size: 1rem;
  text-transform: uppercase;
}

.footerspalte-in p {
  font-size: 0.8rem;
}

.footerspalte-in p a {
  color: #000000;
  color:#5bc5f1;
}

.footerspalte-in p a:hover {
  color: #004d88;
  }

/*#footer1-in div:last-child {
  padding-bottom: 30px;
}*/

/* 
#footer1-in div:last-child div:last-child {
  padding-bottom: 0px;
}
*/

/**************************************************************************
                           Footer ENDE
**************************************************************************/
/**************************************************************************
                           cr
**************************************************************************/

#cr {
  width: 100%;
  background-color: #004d88;
}

#cr-in {
  width: 80%;
  margin: 0 auto;
  height: 90px;
}

#cr-in p {
  color: #ffffff;
  margin-top: 35px;
}

/**************************************************************************
                           cr ENDE
**************************************************************************/
/**************************************************************************
                           Login
**************************************************************************/
#loginaufklappen-in {padding-top: 15px; padding-left: 15px;}

#loginaufklappen-in .tx-felogin-pi1 h3 {
  display: none;
}

#loginaufklappen-in .tx-felogin-pi1 .einleitung {
  display: none;
}

#loginaufklappen-in .tx-felogin-pi1 fieldset {
  border: 0px;
  /*padding-top: 15px;*/
  margin-top: 0px;
  padding-top: 0px;
  padding-left: 0px;
  margin-left: 0px;
}

#loginaufklappen-in .tx-felogin-pi1 legend {
  display: none;
}

#loginaufklappen-in .tx-felogin-pi1 label {
  display: none;
}

#loginaufklappen-in .tx-felogin-pi1 input {
  border: 0px;
  margin-bottom: 15px;
  width: 99%;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  padding-right: -5px;
  background-color: #e1e2e9;
}

#loginaufklappen-in .tx-felogin-pi1 input.login-btn {
  background-color: #5bc5f1;
  color: #ffffff;
  width: 40%;
  margin-bottom: 0px;
}

#loginaufklappen-in p {
  margin: 0px;
  /*padding-left: 0.75rem;*/
  padding-right: 0.75rem;
}

#loginaufklappen-in p a {
  color: #ffffff;
  text-decoration: none;
}

#loginaufklappen-in p a:hover {
  text-decoration: underline;
}

/****/
#loginaufklappen-mob-in .tx-felogin-pi1 h3 {
  display: none;
}

#loginaufklappen-mob-in .tx-felogin-pi1 .einleitung {
  display: none;
}

#loginaufklappen-mob-in .tx-felogin-pi1 fieldset {
  border: 0px;
  padding-top: 15px;
}

#loginaufklappen-mob-in .tx-felogin-pi1 legend {
  display: none;
}

#loginaufklappen-mob-in .tx-felogin-pi1 label {
  display: none;
}

#loginaufklappen-mob-in .tx-felogin-pi1 input {
  border: 0px;
  margin-bottom: 15px;
  width: 99%;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  padding-right: -5px;
  background-color: #e1e2e9;
}

#loginaufklappen-mob-in .tx-felogin-pi1 input.login-btn {
  background-color: #5bc5f1;
  color: #ffffff;
  width: 40%;
  margin-bottom: 0px;
}

#loginaufklappen-mob-in p {
  margin: 0px;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

#loginaufklappen-mob-in p a {
  color: #ffffff;
  text-decoration: none;
}

#loginaufklappen-mob-in p a:hover {
  text-decoration: underline;
}

#wb .tx-felogin-pi1 div {
  color: #ffffff;
}
/**************************************************************************
                           Login ENDE
**************************************************************************/
@media only screen and (max-width: 1330px) {
#blauerbereich p {
  min-height: 6.5rem;
}
}

@media only screen and (max-width: 960px) {
.drittel, .drittel:last-child {
  width: 100%;
  float: none;
}
.drittel:nth-child(2) .drittel-in, .drittel:last-child .drittel-in, .drittel .drittel-in {
  padding-left: 20%;
  padding-right: 20%;
}

#blauerbereich p {
  color: #004d88;
  min-height: 0;
  line-height: 1.3rem;
}

.news-list-view .article, .news-list-view .article:last-child {
  width: 100%;
  float: none;
}

.news-list-view .article:first-child .article-in, .news-list-view .article .article-in, .news-list-view .article:last-child .article-in {
  /* padding-left: 20%;
  padding-right: 20%;
  */
  padding-left:15px;
  padding-right:15px;
}

.footerspalte {
  width: 50%;
  float: left;

}

.footerspalte:first-child .footerspalte-in {
  padding-left: 5px;
}

}

@media only screen and (max-width: 720px) { /* 900 vorher */
#wb-in {
  /* width: 90%; */
  padding-right:5%;
  box-sizing:border-box;
}
}

#nav-toggle{display:none;}
/*@media only screen and (max-width: 1101px) {*/
@media only screen and (max-width: 720px) { /* 900 vorher 1024 */

#hm {
position: static!important;
}

#nav-toggle {
  display: block;
    float:right;
    margin-left:20px;
  margin-top: 48px;
}

#sucheaufklappen-mob, #loginaufklappen-mob {
  visibility: visible;
}

.dropdown {
  visibility: visible;
  height: auto;
}

}

@media only screen and (max-width: 600px) {
  #wb {top:72px !important;}
}

@media only screen and (max-width: 700px) {
.drittel-in {
  padding-left: 10%;
  padding-right: 10%;
}

.news-list-view .article .article-in {
  padding-left: 5%;
  padding-right: 5%;
}

.footerspalte {
  width: 100%;
  float: none;
}

.footerspalte-in {
  padding-left: 10px;
  padding-right: 10px;
}


}

.text-center{text-align:center;}
.button{font-size:24px;font-weight:bold;padding:10px 70px;border:4px solid #5bc5f1;border-radius:8px;text-transform:uppercase;}

@media (max-width:640px){
  #wechselslider .gb{top:10% !important;}
  #wechselslider .gb-in{height:auto !important;}
  #wechselslider h4{font-size:4vw;}
  #wechselslider h5{font-size:5vw;}
  #wechselslider p{display:none;}
  #wrapper .drittel-in{padding:0;}
  #dots{height:30px;}
  #dots-in > div{width:25px;}
  #dots-in > div > div{background-size:contain;}
  #lupe-mob-in{max-width:22px;}
}

/*#wb-in{padding-top:30px;}*/
#logo{/*margin-top:-30px;*/}

#blautop{background:#004D88;color:white;padding:13px;}
#blautop a{display:inline-block;color:white;margin-right:12px;white-space:nowrap;margin-bottom:5px;}
#blautop span{margin-right:8px;vertical-align:bottom;}
/* #login-button{width:130px;height:40px;background-position:100% -50px;} */

/*@media(min-width:1102px){*/
@media(min-width: 721px )  { /* 1025px */
    #hm{display:block !important;}
    nav#hm-in ul li:hover ul#zweiteebene{
        display:block;
        background-color: #004d88;
        height: auto;
    }

    nav#hm-in ul#ersteebene > li{position:relative;}
    nav#hm-in ul#ersteebene > li > span{ /* position:absolute;right:5px;top:13px; */ font-size:100%;}
    nav#hm-in ul#ersteebene > li:hover > span, nav#hm-in ul#ersteebene > li.ersteebeneact > span{color:#5bc5f1;}
    ul#zweiteebene{/*width:300%;*/border-radius:8px;box-shadow: 10px 10px 26px -10px rgba(0,0,0,0.75);}

    #blautop{padding:13px;position:absolute;top:0;left:0;right:0;z-index:190;}
    #wb{position:fixed;transition: top 200ms;/*padding:14px 0;*/}
}

/*@media(max-width:1101px){*/
@media(max-width: 720px){ /* 900 vorher 1024px */
    #hm{clear:left;}
    #hm li > span{display:none;}
    nav#hm-in{padding:1% 0;}
    nav#hm-in ul li{display:block;float:none;position:static;}
    nav#hm-in ul li ul#zweiteebene{display:block;position:static;background:none;box-shadow:0;}
    nav#hm-in ul li ul#zweiteebene li a{color:#004D88;}
    #login-button{width:55px;}
    /*#wechselslider, #sprache span{display:none;}*/
    #wb{/*position:relative;*/}
    #loginaufklappen, #sucheaufklappen{left:0;right:0;width:100%;}
    #loginwrap-in{position:static;}
    nav#hm-in ul#ersteebene li.ersteebeneact ul#zweiteebene li a{color: #5bc5f1 !important;}
    #hm {display:none;}  /* NEU */
    /*#blauerbereich {margin-top: 142px;}*/
    #wechselslider {top: 118px; margin-top:-2px!important;} /* 140px */
}

@media(max-width: 1375px){
    
    .headerklein {margin-top: 172px !important;}
}

@media (max-width: 1024px){
.headerklein {
    margin-top: 120px!important;
}
}

@media(max-width:509px){
.button {font-size:3vw;white-space:nowrap;}
  }

@media(max-width: 480px){
    #logo{width:100%;float:left;width: auto;/*margin-top:-50px;*/}
    #wechselslider {top:140px;}
    /*#blauerbereich {margin-top: 215px;}*/
}

#lupe-in > img {
    height: auto;
    max-width: 100%;
    padding: 10px;
    width: 20px;
}


.hm-i {
    display: none;
}

.forceG10p {
width:100%;
  padding-left:10%;
  padding-right:10%;
  background-color:#f5f5f5;
  margin:0!important;
  padding-top:10px;
}


.lupe-close {
    display: block;
    padding-right: 10px;
    text-align: right;
  cursor:pointer;
}

img#lupeimg {
    height: 21px;
    /*margin-top: 7px;*/
    max-width: none;
}

@media (max-width: 1116px) {
.rand-in.cf > #grauerbereich{
width:100%!important;
  max-width:100%!important;
  display:block!important;
}
} 

@media (min-width: 1004px) {
#suchwrap {max-width:3%;}
#loginwrap {max-width:5%;}
#sprache {max-width:7%;}
#logo {max-width:20%;}

#hm {width:70%;}
#hm > nav > ul { width:100%; display:table;}
#hm > nav > ul > li {display:table-cell!important; float:none;}
}

@media (min-width: 1104px) {
#hm {width:72%;}
}

@media (min-width: 720px ) and (max-width:1003px ) { /* 900 vorher */
ul#ersteebene li:last-child ul {
  /* margin-left:-32px!important; */
  /* margin-left:-48%!important; */
  position:absolute;
  right:0;
  }
}

@media(max-width:1003px){
#logo-in img {
    max-height: 100%;
    width: auto;
    height: 70px;
}

#hm {
    float: left;
    padding-top: 0px;
    position: inherit;
    top: 90px;
    left: 10%;
    width: 90%;
}

nav#hm-in {
    padding-left: 0px;
}

/* Ab hier neu 19.09.17 */
#hm {
position:absolute;
  width:100%;
  left: 0;
  margin-top:-4px;
  padding-left: 1%;
  padding-right: 1%;
  box-sizing: border-box;
}

nav#hm-in > ul {display:table; width:100%;}
nav#hm-in > ul > li {
  display:table-cell!important;
  float:none;
    /* width: 14.2857142857%; */
  }
nav#hm-in > ul > li > a {
margin-top:0;
  padding-top:0!important;
}


}

@media (max-width: 720px) { /* 900 vorher */
nav#hm-in > ul {display:block; width:100%;}
nav#hm-in > ul > li {
  display:block!important;
  }
}

@media (max-width: 1008px) {
#wb-in {
  height:136px;
}
}

/*News Anpassung WACON 23.09.2019 LD*/
@media only screen and (max-width: 600px) 
{
  .col-4
  {
    width: 100% !important;
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  
  .col
  {
    width: 100% !important;
  }
  .articlebox:nth-child
  {
    padding-right: 0px !important;
  }
  
  .news-list-view
  {
    padding-right: 0px !important;
  }
}

/* Referenzliste */

.kundenreferenzliste-wrap {
  width: 100%; 
  display: flex;
  flex-wrap: wrap;
}


.kundenreferenzliste {
  float: left;
  width: 33%;
  
}

@media(max-width:1050px){
.kundenreferenzliste {
  float: left;
  width: 50%;
  
}
}

@media(max-width:630px){
.kundenreferenzliste {
  float: left;
  width: 100%;
  
}
}

@media (max-width:603px) {
#wb {
top:76px!important;
  }
}

.kr-logo {
  float:left;
  width:100px;
}

.kr-info {
  float:left;
  /* width:80%; */
  width: 50%;
  min-width:150px;
}

.kr-info-in {
  padding-left: 2%;
}

.kr-logo img {
max-width:100px;
  min-width:100px;
}

.kr-info-in p {
  padding-top: 0;
  margin-top: 0;
}

    #wechselslider {margin-top:-4px!important;}
/* Referenzliste Ende */

.frame-layout-5 {
width:49%;
  display:inline-block;
}

@media (max-width: 880px) {
.frame-layout-5 {
display:block;
  width: 100%;
}
}

#grauerbereich-in * {
    vertical-align: top;
}

.ce-uploads li {
    background-image: none !important;
}

.headerklein {
top: -5px;
}

@media (max-width: 432px) {
#sprache {
margin-top:0;
}
}

.ce-border img {border: 1px solid #004d88; padding: 20px; }


/*ÄNDERUNGEN WACON LUKAS DOERR 23.09.2019*/



/*Galerie Anpassung WACON 12.11.2019 LD*/
figcaption.image-caption {
  opacity: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  padding: 0;
  background: rgba(255,255,255,0.7);
  -webkit-transition: opacity 500ms;
  -moz-transition: opacity 500ms;
  -o-transition: opacity 500ms;
  transition: opacity 500ms;
  cursor: pointer;
}

figcaption.image-caption:hover {
  opacity: 1;
}

.ce-textpic a:hover + figcaption.image-caption {
  opacity: 1;
}

figcaption.image-caption .desc {
  position: absolute;
  top: calc(50% - 20px);
  left: 0;
  margin-left: 0;
  width: 100%;
  text-align: center;
  color: #000;
  z-index: 10;
  line-height: 1.5rem;
    font-size: 0.9rem;

 
}

/*ÄNDERUNGEN WACON Benjamin Oeffinger 12.11.2019*/


/*ÄNDERUNGEN WACON Lukas Dörr 18.03.2020 + Maurice Haxel 02.04.2020*/

@media only screen and (max-width: 768px) {
  .video-embed-item {
     max-width: 100%;
     height: auto;
  }

  .ce-gallery img {
     padding: 0px;
  }

  .ce-intext.ce-left .ce-gallery {
     margin: 0px;
     margin-bottom: 20px;
  }

  .ce-gallery, .ce-nowrap .ce-bodytext {
  width: 100%;
}

.ce-left .ce-gallery, .ce-column, .image
{
  width: 100% !important;
}

img.image-embed-item, .ce-gallery img
{
margin-left: auto; margin-right: auto;
  padding: 0px !important;
  
}

img.ce-gallery
{
padding: 0px !important;
}

}

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

img.image-embed-item
{
padding: 0px !important;
}
}