@media screen {
	.hide-on-screen {display:none;}
	.hidden-summary {display:none;}
}

@media screen and (min-width: 1200px) {

    .list-topnews {width:220px;text-align: right;margin-left:50px;}

	.article.list-home .news-list-date,
	.article.list-home .item-headline { padding-right:17px;}

	.article.list-home .teaser-text p,
	.article.list-home .news-list-author {
		padding-right:7px;
	}

	#c138 .icon, #frame-138 .icon {text-align: left;}
  	#c154 .icon, #frame-154 .icon {text-align: left;}
  	#c153 .icon, #frame-153 .icon {text-align: right;}
  	#c139 .icon, #frame-139 .icon {text-align: right;}

  	.aside.below-menu #c138 .icon, .aside.below-menu #frame-138 .icon {text-align: center; }
  	.aside.below-menu #c154 .icon, .aside.below-menu #frame-154 .icon {text-align: center; padding-left:0 }
  	.aside.below-menu #c153 .icon, .aside.below-menu #frame-153 .icon {text-align: center; padding-right:0}
  	.aside.below-menu #c139 .icon, .aside.below-menu #frame-139 .icon {text-align: center; }

  	#c3347 .icon, #frame-3347 .icon {
  		text-align: right;
  		width:370px !important;
  		padding-left:48px;
  	}

	/* 6 Quader Mobile Version unsichtbar */
	#c7893,#frame-7893 {display:none;}
	/* 6 Quader Mobile Version unsichtbar */

	/* Mehr Abstand QR-Codes Magazin-App-Seite */
	#frame-13870 div.ce-column {
	margin-right:70px;
	}
	/* Mehr Abstand QR-Codes Magazin-App-Seite */

	/* ANFANG Open Sans Condensed für Pulldown Digitalisierungskompass (WPK) */
	.dropdown-menu .id-699 a {
		font-family: 'Open Sans Condensed' !important;
	}
	/* ENDE Open Sans Condensed für Pulldown Digitalisierungskompass (WPK) */

}


@media screen and (min-width: 980px) and (max-width: 1199px) {

	.aside.below-menu .span2 { width:135px; }
	.navbar .nav > li > a { font-size: 1.125em;	top: 2.375em; top: 2.375rem;}
	.navbar .nav li {		width:120px;	}

	#submenu ul li a { font-size:0.9em;	}
	#submenu ul li.level-title a { font-size:1em;	}

	.dropdown-menu { min-width:120px; width:120px;}
	.dropdown-menu li a { padding:0.25em; padding:0.25rem;}

	header ul.nav li .dropdown-menu li a {
		font-size:0.75em;
		font-size:0.75rem;
		line-height:1em;
		line-height:1rem;
	}

   .form-search .search-query, .form-subscription .search-query { width:208px;	}

	/* 6 Quader Mobile Version unsichtbar */
	#c7893, #frame-7893 {display:none;}
	/* 6 Quader Mobile Version unsichtbar */

	/* ANFANG Open Sans Condensed für Pulldown Digitalisierungskompass (WPK) */
	.dropdown-menu .id-699 a, .dropdown-menu .id-384 a, .dropdown-menu .id-166 a {
		font-family: 'Open Sans Condensed' !important;
	}
	/* ENDE Open Sans Condensed für Pulldown Digitalisierungskompass (WPK) */
	
	
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {

	#header__login a {
		font-size: 10px;
	}

}

@media screen and (min-width: 980px) {
	.logo-mobile {display:none;}
	header img.flag { margin-left:-14px; }

	/* 6 Quader Mobile Version unsichtbar */
	#c7893, #frame-7893 {display:none;}
	/* 6 Quader Mobile Version unsichtbar */

	/* ANFANG Open Sans Condensed für Pulldown Digitalisierungskompass (WPK) */
	.dropdown-menu .id-699 a {
		font-family: 'Open Sans Condensed' !important;
	}
	/* ENDE Open Sans Condensed für Pulldown Digitalisierungskompass (WPK) */
}

@media screen and (min-width: 768px) and (max-width: 979px)  {
    #content .row .left-col h1:before {/*content:"768-979px >";*/}

    #header .offset2 {}
    #header .container .offset3 {margin-left:5px;}
    #header .container .span9 {width:auto;}

    #header .container .span5 { width:250px;	}
    #header .container .span3.searchbox { }

    #header .top-menu a {margin-left:0.75em;}
	#header .row-top .link-login td.login-middle {padding:0 15px 0 7px;}

    .form-search .search-query, .form-subscription .search-query { width:100px; }


    .logo-home img { margin-top:0px; display:none;  }
    .logo-mobile { text-align:left; z-index:1000; }
    .logo-mobile img {border:0px solid red; position:absolute; top:6px; right:23px; height:22px; }

    .aside.below-menu .span2 { width:98px; }

    .navbar .nav > li > a { font-size: 1.125em;	top: 25px; }
  	.navbar .nav li {width:135px; }
  	.navbar .nav > li.active.menuitem-0 {margin-left:5px;}

  	#submenu ul li a { font-size:0.9em;	}
  	#submenu ul li.level-title a { font-size:1em;	}

  	.dropdown-menu { min-width:135px; width:135px; top: 63%}
  	.dropdown-menu li a { padding:0.25em; padding:0.25rem;}

  	header ul.nav li .dropdown-menu li a {
  		font-size:0.75em;
  		font-size:0.75rem;
  		line-height:1em;
  		line-height:1rem;
  	}

    .box h2,
  	h2 { font-size: 1.0em; line-height: 1.25em !important; }
  	.box p { font-size: 0.75em; line-height: 1.5em; }

	/* 6 Quader Mobile Version unsichtbar */
	#c7893,#frame-7893 {display:none;}
	/* 6 Quader Mobile Version unsichtbar */

	/* Englische Flagge Tablet Version unsichtbar */
	.flaglink {display:none;}
	/* Englische Flagge Tablet Version unsichtbar */


	/* ANFANG Open Sans Condensed für Pulldown Digitalisierungskompass (WPK) */
	.dropdown-menu .id-699 a {
		font-family: 'Open Sans Condensed' !important;
	}
	/* ENDE Open Sans Condensed für Pulldown Digitalisierungskompass (WPK) */

	/* ANFANG Open Sans Condensed für rechtes Menü Digitalisierungskompass (WPK) */
	.area-digitalisierung .sublevelmenu h1 a, .area-mitglieder-vdb .sublevelmenu h1 a, .area-mitglieder-formulare .sublevelmenu h1 a, .area-oeffentlichkeit-tb .sublevelmenu h1 a {
		font-family: 'Open Sans Condensed' !important;
		font-weight: bold !important;
	}
	/* ENDE Open Sans Condensed für rechtes Menü Digitalisierungskompass (WPK) */
}

@media screen and (min-width: 768px) {
	#sub-footer .footer-menu {display:none;}

	/* 6 Quader Mobile Version unsichtbar */
	#c7893,#frame-7893 {display:none;}
	/* 6 Quader Mobile Version unsichtbar */

	/* ANFANG Open Sans Condensed für Pulldown Digitalisierungskompass (WPK) */
	.dropdown-menu .id-699 a {
		font-family: 'Open Sans Condensed' !important;
	}
	/* ENDE Open Sans Condensed für Pulldown Digitalisierungskompass (WPK) */
}


@media (min-width: 200px) and (max-width: 767px) {

	/* 6 Quader Desktop/Tablet Version unsichtbar */
	#c88, #frame-88 {display:none;}
	/* 6 Quader Desktop/Tablet Version unsichtbar */

  #content .row .left-col h1:before { /*content:"200-480px > ";*/}

  /* Markierung auf mobile ermöglichen */
  h1,h2,h3,h4,h5,h6,p {-webkit-user-select: auto;}

  .row-top .row .tx-kesearch-pi1,
  .hide-on-mobile,
  #submenu,
  #header #main-menu,
  #header #mobile-menu,
  #header .row-top .link-login td.login-middle,
  .scrollup,
  .news-list-category .hide-on-screen,
  #mobile-news-list-home .news-list-category,
  #mobile-news-list-home .teaser-text,
  #mobile-news-list-home .article .article-footer {display:none;}

  .hidden-desktop {
    display: inherit !important;
  }
  .visible-desktop {
    display: none !important;
  }
  .visible-phone {
    display: inherit !important;
  }
  .hidden-phone {
    display: none !important;
  }



  /*Bugfix*/
  #header .row-nav {display:inline;}
  #header .top-menu {display:none; }

  #header .row-top { height:50px; }
  #header .row-top.fixed { position: fixed; top:0; left:0; width: 100%; z-index:9999;  }  /*this make our menu fixed top */

  #header .logo-home img { margin:0; display:none; }
  #header .logo-mobile { text-align:center; }
  #header .logo-mobile img {border:0px solid red; position:absolute; top:8px; height:35px; margin-left:30px;}

  #header .link-login { width:auto; /*position: absolute;*/ top: 0px; left:0; margin-left: 0; }
  #header .link-login table { width:auto; }
  #header .link-login td { padding:0; margin:0;}
  #header .link-login td.login-left { padding:15px 15px 17px 15px; }
  #header .link-login td.login-right { text-align:left; padding:3px 10px 0 15px;  }
  #header .row-top .link-login .popover {
  		  top: 39px !important;
    	  left: 0px !important;
    	  width:100% }
  #header .row-top .link-login .popover-content p {padding-left:12px; }


  #featured {margin-top:49px;}
  #featured .sublevelmenu ul li { text-align:center; }
  #featured .sublevelmenu .btn { margin-bottom:5px; }
  #featured .sublevelmenu h1 {padding: 10px 0 0 15px; }
  #featured .sublevelmenu h1 i.icon-sort-down,
  #featured .sublevelmenu h1 i.icon-sort-up {float: right; top: -10px; right:5px; position:relative; padding:0;}
  #featured .sublevelmenu h1 i.icon-sort-up {top:5px;}

  #content [class*="span"] {
		display:block;
		width:auto;
		float:none;
		margin-top:0px;
  }

  .container {width:auto; padding:0;}

  #content .container,
  #footer .container { padding:0 10px; }

  div nav ul.csc-menu,
  nav ul.csc-menu li { display:block; }


  #menu-trigger {
		display:block;
		width:auto;
		text-align: right;
		float:right;
		color:#fff;
		background: transparent;
		color:#fff;
		border: none;
		text-transform: none;
		font-size:1.3em;
	    line-height:1em;
	    padding:13px 15px 14px 10px;
	}

    #menu-trigger .icon-64 {  position:absolute; top:0; right:0; margin:0; font-size:1.5em; color:#fff;}


    #bottom .row { margin-left:0; }

	#bottom .span3,
    #content .aside [class*="span2"] { margin:0; padding:0px; width:auto; }



    #content .left-col, .right-col {padding:0;}

	.top-menu a	{ display:block; }

	#mobile-news-list-home .news-list-view {
		position:relative;
		border-top:1px solid #A2A2A2;
		display:table;
		width:100%;
	}

	#mobile-news-list-home .article{
		position:relative;
		border-bottom:1px solid #A2A2A2;
	}

	#mobile-news-list-home .article,
	#mobile-news-list-home .article .article-header,
	#mobile-news-list-home .article .item-headline {
		background:#fff;
	}

	#mobile-news-list-home .article.view-on-mobile.table-wrap,
	#list-topnews .csc-menu.table-wrap {
		width:100%;
	}

	#mobile-news-list-home .article.view-on-mobile.table-wrap > .table-cell-wrap.left{
		width:95%;

	}

	#content .list-topnews li a.table-cell-wrap.left {
		display:table-cell;
		width:95%;
		text-align: left;
		padding:10px 0 10px 10px;
	}

	.table-cell-wrap.right{
		padding:10px;
		display:table-cell;
		width:5%;
		text-align:right;
		vertical-align: middle;
	}

	.table-cell-wrap [class*='icon-']{
		padding:0 7px 0 0;
		margin:0;
		display:inline;
	}

	.jPanelMenu-panel {
		border-left:0px solid #fff;
	}


	#content .form-search .input-append { width:97%; border:0px solid red;}
  	#content .form-search .input-append input { width:96%; }
  	.area-mitglieder #content .form-search .input-append input { width:100%; }

	#jPanelMenu-menu .mobile-title {
		margin-top:50px;
		height:35px;
		padding:7px 0 0 0px;
		font-size:1.1em;
		font-weight:bold;
		text-align:center;
	}


	#jPanelMenu-menu,
	#jPanelMenu-menu ul,
	#jPanelMenu-menu ul li {
		margin:0;
		padding:0;
	}

	#jPanelMenu-menu ul.accordion,
	#jPanelMenu-menu ul.accordion li {
		position:relative;
		list-style-type:none;
		display:block;
		width:100%;
		line-height:26px;
		float:none;
	}

  	#jPanelMenu-menu ul.accordion li:last-child {border-bottom:0;}


	#jPanelMenu-menu ul.accordion {
		margin:0;  padding:0;
	}

	#jPanelMenu-menu ul.accordion > li > a{
	}

	#jPanelMenu-menu ul.accordion li a {
		font-size:1em;
		font-weight:600;
		color:#fff;
		display:block;
		width:242px;
		padding:0.5em 0;
	}

	#jPanelMenu-menu ul.accordion li.active > a {
	}

	#jPanelMenu-menu ul.accordion li.active > a,
	#jPanelMenu-menu ul.accordion li.active button {
	}

	#jPanelMenu-menu ul.accordion li button{
		color:#fff;
	}

	#jPanelMenu-menu ul.accordion li button [class*='icon-']{
		margin:0;
	}

	#jPanelMenu-menu ul.accordion li button,
	#jPanelMenu-menu ul.accordion li button:focus  {
		position:absolute;
		width:40px;
		height:40px;
		border:0;
		right:0;
		top:0;
		box-shadow: none;
		padding:0;
	}

	#jPanelMenu-menu ul.accordion li > a{
		padding-left:0.5em;
	}

	#jPanelMenu-menu ul.accordion .mobile-submenu li > a {
		padding-left:1em;
		font-size:0.875em;
	}

	#jPanelMenu-menu .felogin {
		float:right;
		text-align:right;
		padding-right:0.5em;
	}

	#jPanelMenu-menu .tx-srlanguagemenu a,
	#jPanelMenu-menu .felogin,
	#jPanelMenu-menu .felogin a {
		color:#fff;
	}

	#jPanelMenu-menu div.tx-srlanguagemenu-links > div {
		 padding:0; margin:0;
	}

	#jPanelMenu-menu .tx-kesearch-pi1 .submitbutt {display:none;}
	#jPanelMenu-menu .tx-kesearch-pi1 {
		position:relative;
		padding:10px 5px 0 7px;
	    height:40px;
	    overflow:hidden;
	}

	#jPanelMenu-menu .input-append button {
		background: transparent;
		box-shadow: none;
		color:#fff;
		border:none;
	}

	#jPanelMenu-menu .input-append input{
		padding:0.25em 0 0.25em 0.5em;
		border:none;

    	box-shadow: none;
	}

	#jPanelMenu-menu .input-append input:focus {
		border:none;
		box-shadow: none;
	}

	#jPanelMenu-menu a.feed-twitter  {text-align:center;}

    .jPanelMenu-panel .sublevelmenu {
        padding:10px 10px 10px 10px;
        width:auto;
    }

    .jPanelMenu-panel .sublevelmenu .btn {
		text-transform: none;
		width:95%;
		text-align:center;
    }


  .container {width:auto; padding:0; }
  #content .container,
  #footer .container {padding:0 5px 0 5px;}

  #bottom .span3,
  #content .aside [class*="span2"] {
    	width:45%;
		float:left;
    	margin:0 0 0 10px;
  }

  .aside.below-menu .span4 { margin-left: 5px; margin-right: 5px;}
  #content .aside.below-menu .row {margin-left:0;}

  .span12 {
    width: 100%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
   }


   #footer #sub-footer .container {padding:0;}
   #sub-footer .span12 {margin-left:10px;}
   #sub-footer .footer-menu {text-align:center; padding-left:20px;}
   #sub-footer .footer-menu a {font-size:0.9em; font-size:0.9rem;  }



   /* vCards */
   .vCardOverlay { position: fixed; overflow-y: scroll; }

   .vCardOverlay .content-wrap {
   		width:212px;
   		width:80%;
   		top: 60px !important;
   }

   .vCardOverlay .content-wrap .csc-textpic-imagewrap {
   		margin-right:0px !important;
   		margin-left:10px;
   }

   .vCardOverlay .csc-textpic-text {
   		margin-left:0;
   		padding-left:10px;
   		padding-right:10px;
   		font-size:10px;
   }

/* ANFANG VISITENKARTEN NEU */
.ce-left .ce-gallery, .ce-column {
	float: inherit;
	margin-left: 5px;
	margin-top: 5px;
}
#featured .ce-left .ce-gallery, #featured .ce-column {
	margin-left: 0px;
	margin-top: 0px;
}
/* ENDE VISITENKARTEN NEU */


   /**** Typography mobile ***/

   h1 { font-size: 20px; }
   h2 { font-size: 18px; }
   h3 { font-size: 18px; font-weight:600; }

   #content h1 { font-size: 20px; }
   #content h2 { font-size: 18px; }
   #content h3 { font-size: 16px; font-weight:600; }

   .modal.fade.in {top:70px;}
   .modal {
    	right: 20px;
    	left: 20px;
    	width: auto;
    	margin: 0px;
	}

/*** Feedback-Optionen ***/

.nfeedback {
	margin-bottom:1rem;
}

#c13281, #frame-13281 {
	display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
	margin-top: 1em;
	}

}


@media (min-width: 481px) and (max-width: 767px) {

   #featured {margin-top:29px;}
   .vCardOverlay .content-wrap { width:85%; }
   .vCardOverlay .content-wrap .csc-textpic-imagewrap {margin-left:0px;}
   .vCardOverlay .csc-textpic-text { margin-left:45% }

   /*#content .aside [class*="span2"] {*/
   #sub-footer .span12 {margin-left:0px;}
   #sub-footer .footer-menu { padding-left:0px; }

   #bottom .span3 {
   	  width:23%;
   	  margin:0 0 0 10px;
   	  float:left;
   }




}




@media print {

	body {
		margin: 1.0cm 2.0cm 1.0cm 2.0cm !important;
		width:auto !important;
		display:block;
		/*max-width: 100%;*/
		/*margin: auto !important;*/
	}
		/*#wrapper {*/
		/*	border:1px solid #999;*/
		/*	overflow: hidden;*/
		/*}*/

	*,h1,h2,h3,h4,h5,h6,a,p, #content{font-family: Verdana, sans-serif !important;}

	header, #content { position:relative; }
	#header .row {
		margin:0px !important;
	}

	#header { padding: 15px 0 0 0;margin-bottom:50px !important; }
	#content { padding: 0 0 50px 0 !important; }


	#content .external-link-new-window, #content .internal-link {
		font-family: Verdana, sans-serif;
	}

	.row-top, #submenu, .right-col, #c156, #frame-156, #featured, .navbar, .mobile-menu, .footer-menu,
	.link, .hide-on-print, .scrollup, .scrollup [class*="icon-"], .divider  {display:none;}

	#content-nav {
		display:none !important;
	}

	.logo-home-print {
		display:block;
		position:relative;
		width:100%;
		min-height: 102px;
	}
	.logo-home-print img {
		margin-left: 0px !important;
		margin-top: 0px !important;
	}

	#content .left-col,
	.container,
	.news-list-date,
	.news-list-author {
		padding:0 !important;
		margin:0 !important;
	}
	.container {
		padding:0px !important;
		width:100% !important;
	}
	#content {
		/*border:1px solid #999;*/
		padding:0px 1px !important;
		clear: both;
	}
	#content > div {
		/*border:1px solid #999;*/
		display:block !important;
	}
	.content-item--inner > .row {
		margin-left:0px !important;
	}
	.span8 {
		clear: both;
		width:100% !important;
		margin:0px !important;
		float:none !important;
	}
	/*.span4 {
		width:100% !important;
		margin:0px !important;
		float:none !important;
	}*/

	/*TW--logo .logo-home-print img {position:absolute; top:-20px; right:0;}*/
	.logo-home-print img {position:absolute; top:0px; right:0;}
	.logo-home {display:none;}


	#sub-footer p { color:#DDD !important;}

	.rootline {display:block;position:relative;}

	.rootline p,
	.rootline ul li {
		color:#184d97 !important;
		font-size:1.375em !important;
		line-height: 1.375em !important;
		margin:0;
	}

	.rootline .currentUrl p {
		margin-top:0.5em;
		font-size:1em !important;
		text-align:right;
	}

	.rootline .breadcrumb,
	.rootline .currentUrl {
		display:inline-block;
		position: absolute;
		/*TW--logo top:50px;*/
		top:0px;
		right:0;
	}

	.rootline .currentUrl {
		display:block;
		position:relative;
		/*TW--logo top:65px;*/
		top:0px;
		width:100%;
		/*TW--logo margin-bottom:1.5cm;*/
	}

	a {color:#184d97 !important;}

	.list-download ul {
		margin:0;
		padding:0;
	}

	#content .list-download .item-image {width:40px;}

	.form2print {display:none;}

	.nfeedback {
		display: none !important;
	}


/* ANFANG Entfernen der Breadcrumbs und URL im Header

	.rootline, .breadcrumb, .currentUrl, .rootline .currentUrl, .rootline .currentUrl p, .rootline .breadcrumb {
		display:none;
	}

/* ENDE Entfernen der Breadcrumbs und URL im Header */


/* ANFANG Entfernen der URL im Header

	.currentUrl, .rootline .currentUrl {
		display:none;
	}

   ENDE Entfernen der URL im Header */


/* ANFANG Entfernen der Breadcrumbs im Header */

	.breadcrumb, .rootline .breadcrumb {
		display:none;
	}

/* ENDE Entfernen der Breadcrumbs im Header */

/* ANFANG Sonderregeln für Firefox */

	@-moz-document url-prefix() {
		.logo-home-print img {position:absolute; top:0px; right:-20px;}

		body {
			margin: 1.0cm 1.75cm 1.0cm 2.0cm !important;
		}

		#header { padding: 0; }
		#content { padding: 50px 810px 0px 0px; }

		.rootline .currentUrl {
			display:block;
			position:relative;
			/*TW--logo top:-20px;*/
			top:0px;
			width:100%;
			margin-bottom:0px;
		}
	}

/* ENDE Sonderregeln für Firefox */

}
@media (min-width: 980px) and (max-width: 1199px) {
	.hidden-desktop {
		display: none !important;
	}
}
@media (min-width: 1200px) {
	.hidden-desktop {
		display: inherit !important;
	}
	.hidden-large {
		display: none !important;
	}
}
