/* Andere Aufloesungen Media Query Mobilversion responsive */
@import url(mq_screen.css);
@import url(mq_tablet.css);
/* Font PT Sans importieren */

@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  src: local('PT Sans'), local('PTSans-Regular'), url(../Fonts/jizaRExUiTo99u79D0KEwA.ttf) format('truetype');
}
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 700;
  src: local('PT Sans Bold'), local('PTSans-Bold'), url(../Fonts/jizfRExUiTo99u79B_mh0O6tKA.ttf) format('truetype');
}

/* Anpassungen DIHK - jf - 160524 */
/* Farben
 * #f2f2f2 hellgrau
 * #e5e5e5 grau
 * #8e8e8e dunkelgrau
 * #62605f grau MIE
 * #16599c blau MIE
 * #84abd4 himmelblau
*/




/* Frueher den Hauptcontent Umbrechen lassen auf Tablet */
@media screen and (max-width: 600px) {

#wrapperContent {
  margin-top: 50px !important;
}
ul#mainNav li:last-of-type .level2 {right: inherit;}

body div#cCenter,
body div#cright_wrapper,
body div#cRight {
  float: none;
  padding: 0;
  margin-bottom: 20px;
  display: table;
  width: 100%;
}



}


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

body div#cFull,
body div#cCenter,
body div#cright_wrapper,
body div#cRight,
#wrapperFooter > div > div,
#wrapperFooter > div > div:first-child,
#wrapperHeader,
#subline,
#wrapperLogo,
#logo,
#wrapperContent {
  display: block;
  width: 100% !important;
  text-align: left;
  float: none;
}

/* Elemente auf volle Breite ziehen */
#wrapperContent .page-navigation,
form.searchform,
body#page-77 .grid-threecolumns .firstcolumn,
body#page-77 .grid-threecolumns .secondcolumn,
body#page-77 .grid-threecolumns .thirdcolumn {
  width: 100%;
}

.ce-gallery {
  width: 100%;
}

.csc-space-after-25 { margin-bottom: 10px !important; }
.frame_bluebox { padding: 10px 10px 0; }

/*********************************** Navigation ***********************************/
/* Ausklappen */
#wrapperHeader:before {
  display: block;
  width: 100%;
  content: "Menü";
  padding: 20px;
  text-align: center;
  font-size: 13px;
  font-weight: bold;
  text-transform: uppercase;
  box-sizing: border-box;
}
#wrapperHeader .wrapper { display: none; }

#wrapperHeader:active .wrapper,
#wrapperHeader:hover .wrapper,
#wrapperHeader:focus .wrapper,
#wrapperHeader:target .wrapper { display: block; }


ul#mainNav > li > a {
  font-weight: bold;
  padding: 8px 0 0 !important;
  margin-right: 10px;
  font-size: 13px !important;
  border-bottom: none !important;
}

ul#mainNav .level2 {
  left: 0;
  width: 100%;
}

/* Metanavi */
ul#metaNav { float: none; }
ul#metaNav li a {
  padding: 12px 0 18px !important;
  margin: 0 10px 0 0 !important;
}
ul#mainNav li.last {
  padding-right: 20px;
}
ul#langNav li {
  margin: 0;
  line-height: 25px;
}
#breadcrumb { padding: 0; }
#breadcrumb span,
.breadcrumb-class { display: none; }

/* Logo */
#logo { padding-right: 10px; }


#subline > div { display: none; }
.mobileonly { display: block; }
.mobileonly p {
  font-size: 16px;
  line-height: 24px;
}


/*********************************** Startseite ***********************************/
body#page-77 .grid-threecolumns .firstcolumn .csc-space-after-25 { margin: 0 !important; }
body#page-77 .grid-threecolumns .firstcolumn h2 { margin-bottom: 10px; }
body#page-77 .grid-threecolumns .firstcolumn .news-search-form { display: none; }
/*
 * Formular wurde ausgeblendet
body#page-77 .grid-threecolumns .firstcolumn .news-search-form .date,
body#page-77 .grid-threecolumns .firstcolumn .news-search-form .date input,
body#page-77 .grid-threecolumns .firstcolumn .news-search-form .volltext,
body#page-77 .grid-threecolumns .firstcolumn .news-search-form .btn { width: 100%; }
body#page-77 .grid-threecolumns .firstcolumn .news-search-form .volltext { margin-bottom: 10px; }
*/
body#page-77 .grid-threecolumns .firstcolumn > p.bodytext {
  display: block;
  margin: 10px 0 0;
}
body#page-77 .grid-threecolumns .firstcolumn > p.bodytext a {
  display: block;
  margin: 0;
  background: #16599c;
  font-size: 16px;
  height: auto;
  padding: 10px 20px;
  text-align: center;
  width: 100%;
  box-sizing: border-box;
  color: #fff;
  text-decoration: none;
}
body#page-77 .grid-threecolumns .firstcolumn > p.bodytext a:hover,
body#page-77 .grid-threecolumns .firstcolumn > p.bodytext a:focus { background-color: #13497F; }

body#page-77 .grid-threecolumns .secondcolumn ul {
  height: 250px;
  width: 100%;
  box-shadow: 0 -10px 8px rgba(0,0,0,0.15) inset, 0 10px 8px rgba(0,0,0,0.15) inset;
}

body#page-77 .grid-threecolumns .thirdcolumn form select { width: 66%; }


body#page-77 .frame_bluebox .firstcolumn > div,
body#page-77 .frame_bluebox .secondcolumn > div,
body#page-77 .frame_bluebox .thirdcolumn > div { min-height: inherit; }


/*********************************** Veranstaltungen ***********************************/
#cCenter .news-search-form form { padding: 10px; }
#cCenter .news-search-form form .date,
#cCenter .news-search-form form .date input,
#cCenter .news-search-form form .volltext,
#cCenter .news-search-form form .btn { width: 100%; }
#cCenter .news-search-form form .volltext { margin-bottom: 10px; }

/*********************************** Partnerlogos ***********************************/

#partner a {
    width: 100%;
}

/*********************************** Footer ***********************************/
#wrapperFooter { padding: 25px 0 0; }
#wrapperFooter ul li { margin-bottom: 0; }
#wrapperFooter #fNav2 { margin-bottom: 20px; }

/* Ansprechpartnerdatenbank */
#cFull .grid-twocolumns .mi_contacts_listview,
#cFull .grid-twocolumns .mi_contacts_listview + .secondcolumn {
  width: 100%;
}
.mi_contacts_listview .mi_contacts_listWrap { padding-right: 0; }
.mi_contacts_listview .mi_contacts_list_items h3 { padding-right: 60px; }


/*********************************** News ***********************************/
/* Liste fuer News, Veranstaltungen etc. */
body#page-81 #cCenter > .frame-default,
#cCenter .news .news-list-view .article {
  margin-bottom: 6px !important;
  padding-bottom: 10px;
}




} /* mq */