/* CSS Document */
@-ms-viewport {
width: device-width;
}

@viewport {
width: device-width;
}




.ma-infinitypush-close-subnav:after{
	display: none!important;
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 

#mainnav ul.level_1 li a {
padding: 17px 8px 18px;
font-size: 0.75em;
}

#mainnav ul.level_2 li {
width: 30%;
max-width: 220px;
padding: 0em 1em;
}

#mainnav ul.level_2 {
width: 100%;
max-width: 768px;
padding: 1em 0em;
}

#main {
width: 100%;
max-width: 768px;
margin-right: 7px;
padding-bottom: 4em;
}

.float_left, .float_right{
float: none;
clear: both;
width: 100%;
}

#right {
display: none;
}

#logo .tschrift {
width: 240px;
max-width: 240px;
}

#header .mod_form {
margin-right: 1em;
}

#container{
background: none;
background-color: #FFFFFF
}

#footer .news_short .newslistimage{
width: 30%;
}

#footer .news_short .newslistimage img {
max-width: 100%;
width: 100%;
}
#footer .news_short .newslistimage .image_container.float_left {
margin: 0px 0.5em 0px 0px;
}
}



/* smartphone optimierung */
@media only screen and (max-width: 767px) {

#main .fullsize, .mod_breadcrumb {
display: none;
}

#main .banner:after{
content: '';
padding: 0;
}

.ma-infinitypush-wrapper .ma-infinitypush-button{
top: 116px;
} 

.fullsize{
max-width: 800px;
width: 100%;
}

.cd-top {
right: 20px;
bottom: 20px;
}

.float_left, .float_right{
float: none;
clear: both;
width: 100%;
}

.image_container.float_left{
margin-right: 0;
padding: 0;
}
.image_container.float_right{
margin-left: 0;
padding: 0;
}

.newslistimage img, .image_container.float_left img, .image_container.float_right img{
width: 100%;
max-width: 100%;
height: auto;
}

#container {
background-color: #FFF;
background-image: none;
}

#header #navigation{
min-height: 3em;
height: 3em;
}

#header {
width: 100%;
min-height: 200px;
background-position: left 30px;
}

#header #mainnav {
min-height: 3em;
display: none;
}

#header .inside{
height: auto;
max-height: 115px;
}

#logo{
width: 100%;
margin: 1em 0px 1em 20px;
max-height: 110px;
}

#logo .tsignet{
width: 25%!important;
height: auto;
max-height: 100%;
max-width: 110px;
}

#logo .tschrift{
width: 60%;
height: auto;
}

#topnav {
width: 100%;
right: 0px;
top: 0px;
position: absolute;
float: none;
display: none;
}

#header .mod_customnav ul{
float: none;
display: block;
width: 96%;
margin: 0px 2%;
}

#topnav li a, #topnav li span {
padding-right: 4px;
padding-left: 4px;
font-size: 0.7em;
text-decoration: none;
color: #878585;
line-height: 2.5em;
}


#mainnav ul.level_1 > li.submenu > a:after{
content: '+';
display: block;
line-height: 20px;
font-size: 1em;
text-align: center;
padding: 8px 15px 8px 5px;
position: relative;
float: right;
}



#header .mod_form {
display: inline-block;
float: right;
position: absolute;
margin-top: 50px;
z-index: 9990;
right: 0;
text-align: right;
}

.searchtext .text {
width: 50%;
background: none;
background-color: #f6f6f6;
}


.newthreats{
padding-left: 0px;
margin-top: 0px;
max-width: 100%!important;
padding-top: 50px;
border-left: 0;
border-right: 0;
background-color: #ffffff;
border-bottom: 1px solid #d80001;
max-height: 40px;
}

.newthreats ul{
width: 100%;
max-width: 100%!important;
margin-top: -8px !important;
}

.newthreats ul li {
padding: 5px 10px 5px;
list-style-type: none;
}

.newthreats ul li p.latest_short_subheadline{
	display: none;
}


.newthreats:before {
left: 0px;
top: 0px;
position: absolute;
display: block;
padding: 5px;
background-color: #C20C20;
font-size: 0.9em;
line-height: 1.8em;
font-weight: bold;
color: #FFF;
content: "Aktuelle Bedrohungen";
font-style: normal;
width: 100%;
height: 30px;
z-index: 999;
}

.newthreats .inside:before {
background: none;
color: #fff;
content: "";
display: inline-block;
font-size: 0.9em;
font-style: normal;
font-weight: bold;
left: 0;
line-height: 1.8em;
padding: 5px 0px 5px 0px;
position: absolute;
top: 0;
}

#header .newthreats .inside {
background: none;
background-color: #FFFFFF;
border-bottom: solid 1px #d80001;
font-style: italic;
margin: 0 auto;
max-height: 40px;
max-width: 770px;
padding-left: 0px;
position: relative;
width: 100%;
}

#main{
padding-bottom: 0em;
}

.mod_article{
padding: 0px!important;
}

#main .inside, #right .inside{
padding-top: 1.5em;
padding-right: 1em;
padding-left: 1em;
}

#socialshareprivacy {
display: none;
}

.mod_hofff_shariff.block {
    margin: 1em 0em 1em 0em;
}

.shariff .orientation-horizontal li:nth-child(4){
/*margin-right: 3%;*/
}

.shariff .orientation-horizontal li {
min-width: 50px;
}

.newslistimage {
width: 100%;
float: none;
margin-right: 0em;
margin-bottom: 1em;
}

.newslistcontent.teaserimage {
width: 100%;
float: none;
}

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

#startseite .mod_newslist{
margin-top: 1em;
}

#main .mod_newslist .layout_latest, #main .mod_newslist .layout_related, .ce_teaser{
border-bottom: solid 1px #878585;
margin-bottom: 1em;
padding-bottom: 1.5em;
}

#startseite .mod_newslist.tagestipp .layout_latest, #startseite .mod_newslist.sonderthema .layout_latest {
margin-bottom: 1em;
margin-left: 1em!important;
margin-right: 1em!important;
padding: 0px 2em 1em 2em;
}

#main .mod_article .mod_newslist.sonderfeature{
margin-right: 0em;
margin-left: 0em;
}

.mod_newslist.sonderfeature .layout_latest h2{
margin: 0px 0em 0px -1em;
}

.mod_newslist.sonderfeature .layout_latest h2 a{
line-height: 1.2em;
}

.mod_newslist.tagestipp h4.tagestipp:after, .mod_newslist.sonderthema h4.sonderthema:after{
margin-left: -0.9em;
}

h4.tagestipp, h4.sonderthema {
margin-left: -0.85em;
}

#right {
width: 100%;
padding-bottom: 4em;
padding-left: 0em;
background-color: #f6f6f6;	
}

#right .inside{
background-color: #ffffff;
padding-left: 0.6em;
padding-right: 0.6em;
padding-top: 0em;
border-top: 20px solid #f6f6f6;	
}

#right .inside h3:first-child{
margin-top: 0;
}

#footer{
background: none;
background-color: #666;
}

.copyright p{
padding: 0px 1em;
}

#footer .ce_image.block{
text-align: center;
}

#footer h6.ce_headline {
padding-left: 1em;
}

.copyright{
background: #666 url("/files/design/bg-footer-line.png") repeat-x scroll left bottom;
width: 100%;
display: block;
float: none;
}

.socialfooter{
right: 70px;
}

#footer .ce_sliderStart{
padding: 0px 1em;
}

#footer .footernav{
width: 100%;
display: block;
float: none;
background-color: #f6f6f6;
padding: 5px 1em;
text-align: left;
}

#footer .mod_customnav{
padding: 0px 1em;
}


#cookie-bar {line-height:0.9em;}
#cookie-bar p {font-size:0.6em;}


/*Navigation*/
.submenuwrapper {
display: block;
}

.ma-infinitypush-wrapper .ma-infinitypush > ul, .ma-infinitypush-wrapper .ma-infinitypush > ol{
padding-left: 0px!important;
}

#mainnav ul.level_1 li:after{
content: "";
}

#mainnav ul.level_1 li, #mainnav ul.level_1 li a {
display: block;
margin: 0px;
padding: 0px;
font-size: 0.983em;
}

#mainnav ul.level_1 li:hover{
background-color: #fff150;
}

#mainnav ul.level_1 li a:hover{
background-color: #fff150;
}

#mainnav ul.level_1 li a{
display:block;
padding: 8px 0px 8px 10px!important;
}

#mainnav ul.level_2 li {
width: 100%;
max-width: 100%;
float: none;
display: block;
margin: 0px;
padding: 0em 0px 0em 0px;
}

#mainnav ul.level_2 li.first {
padding-top: 1em;
}

#mainnav ul.level_2 li a{
display:block;
padding: 1px 0px 1px 10px!important;
}

#mainnav li.submenu:hover ul.level_2{display:none;margin:0 0;left: 0!important;right: 0!important; width: 100%;}

#header .mod_navigation ul{float:none;display:block;margin:0;padding:0;list-style-type:none}
#mainnav ul.level_2{width:100%;max-width:960px;left:0;right:0;position:absolute;margin:0;padding:0;background-color:#ffcf00!important;font-weight:normal;text-decoration:none;color:#fff;z-index:1}

.animation-element{display: none;}

.fxd{
position: fixed!important;
}

#header .mod_form.fxd{
position: fixed!important;
top: 0;
margin-top: 5px;
}

.ma-infinitypush-wrapper .ma-infinitypush-button.fxd{
position: fixed!important;
top: 3px;
margin-left: 88%!important;
}


.articelnav.pagination h6, .ce_hyperlink h4, #main .mod_newslist h6, .weiter_links > h4, .weiter_links > h6{
	overflow: hidden;
}

}

@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 60px;
    width: 60px;
    right: 30px;
    bottom: 30px;
  }
}