@media screen {
	.hide-on-screen {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 {text-align: left;}
  	#c154 .icon {text-align: left; padding-left:17px; }
  	#c153 .icon {text-align: right; padding-right:17px;}
  	#c139 .icon {text-align: right;}
  	
  	.aside.below-menu #c138 .icon {text-align: center; }
  	.aside.below-menu #c154 .icon {text-align: center; padding-left:0 }
  	.aside.below-menu #c153 .icon {text-align: center; padding-right:0}
  	.aside.below-menu #c139 .icon {text-align: center; }
  	
  	#c3347 .icon {
  		text-align: right;
  		width:370px !important;
  		padding-left:85px;
  	}
    	
}


@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;	}
}

@media screen and (min-width: 980px) {
	.logo-mobile {display:none;}
	header img.flag { margin-left:-15px; }
}

@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; }
  	.box p { font-size: 0.75em; line-height: 1.5em; }    
}

@media screen and (min-width: 768px) {
	#sub-footer .footer-menu {display:none;}	
}




@media (min-width: 200px) and (max-width: 767px) {
  #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:16px 45px 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%; } 
	
	#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;
   }
   
   
   /**** 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;
	}
   
}


@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 !important;
	} 
	
	*,h1,h2,h3,h4,h5,h6,a,p, #content{font-family: Verdana, sans-serif;}
	
	header, #content { position:relative; }
	
	#header { padding: 0; }
	#content { padding: 50px 0; }
	
	
	#content .external-link-new-window, #content .internal-link {
		font-family: Verdana, sans-serif;
	} 

	.row-top, #submenu, .right-col, #c156, #featured, .navbar, .mobile-menu, .footer-menu,
	.link, .hide-on-print, .scrollup, .scrollup [class*="icon-"], .divider  {display:none;}
	
	
	.logo-home-print {
		display:block;	
		position:relative;
		width:100%;
	}
	
	#content .left-col,
	.container,
	.news-list-date,
	.news-list-author {
		padding:0 !important;
		margin:0 !important;
	}
	
	.span8 {
		width:100% !important;
	}
	
	.logo-home-print img {position:absolute; top:-20px; 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;
		top:50px;
		right:0;
	}
	
	.rootline .currentUrl {
		display:block;
		position:relative;
		top:65px;
		width:100%;
		margin-bottom:1.5cm;
	}
	
	a {color:#184d97 !important;}
	
	.list-download ul {
		margin:0;
		padding:0;
	}
	
	#content .list-download .item-image {width:40px;}
	
}