@import url("/styles/sonne.css");
@import url("/styles/zimt_sonne.css");
@import url("/styles/zimt_sonne2.css");
@import url("/styles/presse.css");
@import url("/styles/in_work.css");

.slicknav_menu, #mobileMenu, #mobileBox{
display:none;
}


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

body {
    background-color: #fff !important;
    padding-top: 0px;
}

.slicknav_nav .slicknav_arrow {
  font-size: 1em;
}

.slicknav_menu{
    display:block;
    background-image: url(styles/links.png);
    background-position: left center;
	background-position: 12px -18px;
	background-size: 15%;
    background-repeat: no-repeat;

    background-color: #00365e !important;
    margin-bottom:1em;
}

.slicknav_btn {
    background-color: #fff;
}
.slicknav_menu .slicknav_icon-bar {
    background-color: #00365e;
}

#col1, #col2, #dep_logo, #col3_header, #nav{
  display: none !important;
}


#col3{
  margin:0;
  width:auto !important;
  background-image: none;
  }

#col3.editable_content{
  width: auto !important;
}

.page_margins{
  min-width: 400px;
}

#col1,#col2 #department_logo, #col2 .grauer_balken, #col2 .gcsinfobox, #balken_orange{
  display: none;
}

#col3{
  clear:both;
  margin:0;
  padding:0;
}

#col2{
  clear: both !important;
  margin:0 !important;
  padding:0 !important;
  width:100% !important;
  position: sticky;
  bottom:0;
  left:0;
  
}


.slicknav_menu{
  background-color: #fff;
}

.slicknav_nav a{
  color: #fff;
}


.slicknav_menu ul, .slicknav_menu li{
  margin:0;
}

   #foot{
padding:0;
}


/* Infoboxen auf der rechten Seite START */
   #mobileBox{
display:block;
     margin-top: 2em;
font-size:1.2em;
   }
   #mobileBox .outerinfobox {
background-color:#fff;
}
#mobileBox .outerinfobox {
        padding:0;
margin-bottom:1em;

}



#mobileBox .outerinfobox .infobox {
	position: relative;
	width: 100%;
margin-bottom:1em;
}
#mobileBox .outerinfobox .infoboxheader{
        color:#00365e;
	font-size: 1em;
        font-weight:bold;
	background-color:#e9e9f4;
	margin:0;
        padding:2px 6px;
        font-weight:bold;
}

#mobileBox .outerinfobox .infoboxheader::after {
	content: "[+]";
	float: right;
	color: #030385;
}

#mobileBox .outerinfobox .infoboxheader.extend::after {
	content: "[-]";
	float: right;
	color: #030385;
}

#mobileBox .outerinfobox .infoboxheader.suchbox{
background-color:#808085;
background-color:#ddd;
color:#00365e;
}

#mobileBox .outerinfobox div.infoboxcontent{
        padding:2px 6px 2px 6px;
        line-height:1.4em; 
        margin:0;
        color:#000;
	text-decoration: none;
background-color:#fff;
border-bottom:1px solid #ccc;
font-size:0.9em;
}

#mobileBox .outerinfobox div.infoboxcontent a{
background-color:#fff;
}
#mobileBox .outerinfobox div.infoboxcontent a:hover{
background-color:#fff;
}


#mobileBox .outerinfobox .infoboxheader a{
	color:#00365e;
	text-decoration:none;
}

#mobileBox .infoboxcontent a{
color:#00365e;
text-decoration:none;
}


#mobileBox .infobox p{
margin:0 0 0.2em 0;
padding:0 0 0.2em 0;
}

/* Infoboxen auf der rechten Seite ENDE */

/* Start der eigentlichen Inhalte f. mobile */
   tableXXX{
      display: block;
      max-width: -moz-fit-content;
      max-width: fit-content;
      margin: 0 auto;
      overflow-x: auto;
      white-space: nowrap;
   }
   
body{
font-size:1em;
}

.equalize > div {
	display: block !important;
	float: none !important;
        width: 100% !important;
}

div.subcolumns.c20l,div.subcolumns.c20r,
div.subcolumns.c40l,div.subcolumns.c40r,
div.subcolumns.c60l,div.subcolumns.c60r,
div.subcolumns.c80l,div.subcolumns.c80r,
div.subcolumns.c25l,div.subcolumns.c25r,
div.subcolumns.c33l,div.subcolumns.c33r,
div.subcolumns.c50l,div.subcolumns.c50r,
div.subcolumns.c66l,div.subcolumns.c66r,
div.subcolumns.c75l,div.subcolumns.c75r,
div.subcolumns.c38l,div.subcolumns.c38r,
div.subcolumns.c62l,div.subcolumns.c62r{
width:100% !important;
clear:both;
}
   
#zielgruppe{
	overflow-x: auto !important;
}

.content_mitte {
    clear: both;
}

.portal img {
    display:none;
}

.links_mitte {
    width: 100%;
    float: none;
    margin-top: 2em;
    border-left: none;
}


.portal .content_mitte ul {
    padding: none !important;
    text-indent: 0 !important;
    padding-left:0 !important;
}


.content_mitte p {
    padding-right: unset;
}

#col3 {
    background-image: none !important;
}


.page_margins {
	min-width: auto !important;
}

/* zertifikate Startseite */
#certCDstart #certs .cert_item {
	display: block;
	float: left !important;
	margin: 1em;
}
#certCDstart {
	width: 100%;
	max-height: unset;
}

#slides ul li img{
xxxdisplay:none;
}

#slides .container {
	ffloat: unset;
	fposition: absolute;
	width: 100%;
	fdisplay: block;
        height:100%;
}

#slides .contrast{
height:100%;
}

#slides .slides-pagination {
    bottom: 0;
    top: unset;
}

#slides .container h1 {
    background-color: #fff;
    background: rgba(255, 255, 255, 0.9) !important;
    color: #00365e !important;
    padding: 0 15px;
}


#slides .container p {
    margin: 0 0 1em 0;
    background-color: #fff;
    color: #000;
    font-size:1.1em;
    background: rgba(255, 255, 255, 0.9) !important;
    padding: 15px;
}

.contrast {
    background: none !important;
}

#startseite_news_n_icons .weitere_meldungen a img{
    padding-right: 2em;
}








.slicknav_menu {
    background-image: none !important;
}

.slicknav_brand {
    padding: unset;
}

body > div.slicknav_menu > div.slicknav_brand > a > img{
height: 100%;
}

ul.slicknav_nav ul {
    margin-left: 1em !important;
}

div#col3_header {
    display: block !important;
}

}