.ticker {
z-index: 2000;
width: 100%;
float: left;
/* position: fixed; */
top: 0px;
left: 0px;
margin: 0px auto;
font-size: 1.25em;
font-family: "Cardo", serif;
background-color: #FFF;
padding: 20px 150px;

}
/* The HTML list gets replaced with a single div,
which contains the active ticker item, so you
can easily style that as well */
.ticker  {
display: block;
word-wrap: break-word;
}

ul#webticker {
background-color: #FFF;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fdb913+0,ffac14+100 */
background: #fdb913; /* Old browsers */
background: -moz-linear-gradient(top,  #fdb913 0%, #ffac14 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #fdb913 0%,#ffac14 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #fdb913 0%,#ffac14 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdb913', endColorstr='#ffac14',GradientType=0 ); /* IE6-9 */

}

ul#webticker li {
font-size: 1.8em;
font-family: 'Cardo', serif;
font-weight: 300;
}




a.sublink:hover {
font-size: 1.05em;
padding-top: 15px;
padding-bottom: 15px;
underline: 1px dotted #000;
}
.zwischenkategorie {
float: left;
height: 25px;
line-height: 25px;
position: absolute;
display: block;
}
.hgr {
height: 417px;
}

.hgr2 {
height: 325px;
}

div[class^="col"] {
padding-left: 0px;
padding-right: 0px;
}
.navi_sub_img {
width: 100%;
margin: 0 auto;
}
@media screen and (max-width: 991px) {
    .navi_sub_img {
    margin-top: 20px;
    width: 100%;
    max-height: ;
    border-radius: 0px;
    }
  .navi_element {
    background: none;
    display: block;
    height: auto;
    }
  .navi_element:hover {
      background: none;
    }

}


/* Splash -Seite */
.panel_splash {
background: rgb(255,255,255);
background: -moz-linear-gradient(45deg, rgba(255,255,255,1) 0%, rgba(237,237,237,1) 100%);
background: -webkit-linear-gradient(45deg, rgba(255,255,255,1) 0%,rgba(237,237,237,1) 100%);
background: linear-gradient(45deg, rgba(255,255,255,1) 0%,rgba(237,237,237,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=1 );
width: 100%;
height: 390px;
border-radius: 2px;
border-bottom-right-radius: 20px;
transition: all 0.5s ease-in-out;
overflow: hidden;
}

.panel_splash:hover {
background: rgb(255,255,255);
background: -moz-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(237,237,237,1) 100%);
background: -webkit-linear-gradient(-45deg, rgba(255,255,255,1) 0%,rgba(237,237,237,1) 100%);
background: linear-gradient(-45deg, rgba(255,255,255,1) 0%,rgba(237,237,237,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=1 );
width: 110%;
margin-left: -5%;
height: 390px;
-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.33);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.33);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.33);

}

.panel_splash:hover h2, .panel_splash:hover p {
color: #000;
padding: 0px 33px;
}

.panel_splash:hover img {
border-top: 5px solid #78aa42; width: 100%;

}
.panel_splash h2, .panel_splash p {
padding: 0px 20px;
background: none;
color: #222;
transition: all 0.5s ease-in-out;
line-height: 140%;
}

.panel_splash h2  {
font-size: 2em;
margin: 10px 0px 0px 0px;
}

.panel_splash p  {
font-size: 1em;
word-break: normal;
}

.panel_splash img {
border-top: 5px solid #fdb913; width: 100%;
border-radius: 2px;
transition: all 0.5s ease-in-out;
}

@media screen and (max-width: 991px) {
    .panel_splash {
    background: #FFF;
    width: 100%;
    height: auto;
    border-radius: 2px;
    border-bottom-right-radius: 20px;
    }

    .panel_splash:hover {
    background: rgb(255,255,255);
    width: 100%;
    height: auto;
    margin-left: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    }

    .panel_splash:hover h2, .panel_splash:hover p {
    color: #000;
    padding: 0px 20px;
    }

}