/* reset fallback values in modern browsers */
/* ---------------------------------------- */

@media screen and ( min-width: 0px ) {
	.ym-wrapper {
	min-width: 0px;
	}
}

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

  .ym-hlist {
    font-size:14px;}
  .ym-cbox {
    padding:0;} 

  .tableBlock {
   border-spacing:10px;
   margin:0;}

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

 /* -- 760 Pixel -- */
/* --------------- */

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

     /* linearization for column module */
 .linearize-level-1,
  .linearize-level-1 > [class*="ym-g"],
  .linearize-level-1 > [class*="ym-col2"] {
    display: block; 
    float: none;
    padding: 0;
    margin: 0;
    width:auto;  } 

  /* reset defined gutter values */
   .linearize-level-1 > [class*="ym-g"] > [class*="ym-gbox"],
  .linearize-level-1 > [class*="ym-col2"] > [class*="ym-cbox"] {
    overflow: hidden; /* optional for containing floats */
    padding: 0;
    margin: 0; }	

      .ym-col1 { display:none;}

       img.logo-lrz {
      margin-bottom:12px;
      padding-bottom:6px; }
	div.ym-hlist {
		padding-right: 0!important;
            margin-top:0.6em;
		margin-right:0!important;
            margin-bottom:0.2em;
            font-size:0.95em; }

	/* .ym-hlist {
            font-size:0.95em;
            padding:2px;	
	} */

      .ym-hlist li a {
           padding-bottom:2px; }

	header .ym-gr {
		margin-left: 0pt;
		margin-right: -10px;}
	
	.ym-col1 {
    		padding-right:8px;  }
	.ym-col2 {
		padding:0;
               margin:0;}

	 .ym-col3 {
		padding-left:4px;
		padding-right:4px;
                margin-right:-4px;
                margin-left:0;
		width:auto;
          /*     float:left; */
	}

      .hidecol1 .ym-col3 {
        margin-left: 0;
        margin-right: 0; }
      .hidecol2 .ym-col3 {
        margin-left: 0;
        margin-right: 0; }

	.ym-col3 .flexible {
		width:100%;
		height:auto;}
 
	.ym-cbox { 
	  margin-right:1em;}
	.ym-wbox {
     		font-size: 0.925em; /* 16px */
	}

	.ym-searchform {
		display:block;
		float: none;
		width: auto;
		padding-right: 10px;
		text-align: right;}

	.ym-searchform input[type="search"] {
		width: 14%;}

	.ym-cbox-right { padding: 0}

	.ym-cbox-right-mainpage {
	 	padding-left:8px!important;}

	h4.ym-vtitle {
      	font-size:80%; }

	footer .inside img.footer-logo {
		width:60px;}
	
	.footer-link-group h5 {
		font-size:9pt;	}

       .tableBlock {
          border-spacing:5px;
          margin:0;}

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

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

    .tableBlock, .tableRow, .tableCell {
        display: block;
        width: auto; }

    .tableWrap, .tableBlock {
        margin: 0;  }
    .wrap {
     margin:0;
     padding:2px;}
    
    .tableCell {
        margin: 7px 0;
        width:auto;}
    .ym-cbox {
    padding:0!important;    }

    .tableCell img {
     width:auto;
     margin:0;
     padding:0; }
}

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

       /* linearization for column module */
 .linearize-level-1,
  .linearize-level-1 > [class*="ym-g"],
  .linearize-level-1 > [class*="ym-col2"] {
    display: block; 
    float: none;
    padding: 0;
    margin: 0;
    width:auto; } 

  /* reset defined gutter values */
   .linearize-level-1 > [class*="ym-g"] > [class*="ym-gbox"],
  .linearize-level-1 > [class*="ym-col2"] > [class*="ym-cbox"] {
    overflow: hidden; /* optional for containing floats */
    padding: 0;
    margin: 0; }	

      .tableBlock, .tableRow, .tableCell {
        display: block;
        width: 100%;  }

    .tableWrap, .tableBlock {
        margin: 0;  }
    .wrap {
     margin:0;
     padding:2px; }
    
    .tableCell {
        margin: 6px 0;
        width:auto;  }

        .tableCell img {
      width:auto;
      padding:0;
      margin:0;   }
    
  .ym-cbox-right {display:none;}
  .ym-col3 {padding:0; margin:0}
}


/* -- 480 Pixel -- */
/* --------------- */
     
@media screen and ( max-width: 480px) {

	/* Linearisation for Grid- and Column-Module, based on CSS class .linearize-level-2 */
	.linearize-level-2,
	.linearize-level-2 > [class*="ym-g"],
	.linearize-level-2 > [class*="ym-col"] {
		display: block;
		float: left;
		padding: 0;
		margin: 0!important;
		width: auto;}
        /* reset defined gutter values */
	.linearize-level-2 > [class*="ym-g"] > [class*="ym-gbox"],
	.linearize-level-2 > [class*="ym-col"] > [class*="ym-cbox"] {
		overflow: hidden;  /* optional for containing floats */
		padding: 0;
		margin: 0!important;}

	.ym-wbox {
		padding: 0;}

	header {
		padding: 0.5em 10px;	}

	header .ym-gl p {
		font-size: 1em;
		line-height: 1em;
		margin: 0 0 0.5em 2em;} 
      img.logo-lrz {
		max-width:280px; }
      header #topnav {
      	margin-top:15px;
            height:auto; }
      	
	.ym-cbox-right { padding: 0!important;}
	.ym-cbox-left { padding:0;}
	
	/* div.ym-hlist ul {
		width:auto;
            float:left;
		margin:2px;
		padding:0;} */

     .ym-hlist {
        display:none; }
.mobile-menu {
	display: block;
	font-size: 12px;
	font-weight: bold;
	margin: 0;
      padding:0;}

.mobile-menu ul {
    	list-style: none;
	margin: 0 0 6px 0;
	padding: 0;}

.mobile-menu li {
	color: #fff;
      background: #6dadda;
      display: block;
      float: left;
	margin: 0 5px 5px 0;
	padding: 10px 8px;
	position: relative;
	text-transform: uppercase;
      text-align:center;
      letter-spacing:0.029em;
      width:100px;}

.mobile-menu li:hover {background:#444; color:#fff!important; cursor:pointer;}
  
.mobile-menu li a {
  text-decoration: none;
  display:inline;}

.mobile-menu ul li a:link, .mobile-menu ul li a:visited, .mobile-menu ul li a:active { text-decoration: none; color: #fff!important; }

div#crumbcontainer {max-width:100%;}

 * {
     font-size: 117%; }
     .lrz_abstract p {
         font-size: 105%; }
      .ym-hlist li a {
         margin-bottom:2px;
         padding:0; }

	/* .ym-col1 {
		padding-right:0!important;
	} */
	/* div .ym-column .ym-col2 {
	padding-left:3px;
      padding-left:20%;
	margin:0;} */

	div .ym-column .ym-col1, div .ym-column .ym-col2 {
		display:none;}
      
     .ym-column .ym-col1, .ym-column .ym-col2 {
		display:none;}

	.ym-col3 {
		margin-left:0!important;
            margin-right:10px!important; 
		padding:0 0 5px 5px;
	      width:auto;}
	div #top-banner {
		display:none;}
      
   	.ym-col3 img.flexible {
  		width:100%;}

     footer {
       	display:none;} 

      #main,
	.ym-searchform,
	nav .ym-hlist ul {
		padding-left: 5px;
		padding-right: 5px;}

	 .ym-wbox {
     		font-size: 0.9em;	/* 13px / 16px */ }

	.ym-searchform,
	nav .ym-hlist ul,
	nav .ym-hlist li {
		display:block;
		float: none;
		width: auto;
		text-align: left;}

	.ym-searchform input[type="search"] {
		width: 75%;}
	nav .vlist {
		margin:0;}
	
	.ym-wbox .lrz_abstract {
		margin:0;
		padding:0;}
	.ym-wbox .lrz_abstract p {
            font-size:118%;
		font-style:normal;
		color:#444;
		line-height:1.1em; 
		font-weight:500;}

     .ym-gbox-left, .ym-gbox-right {
            border: 1px solid #eee;
            margin:2px 1px; }
      #langnav a {
         margin:0;
         padding:0; }
}

/* optimize forms on small screens by forcing display mode: full */
@media screen and ( max-width: 740px )  {

  .linearize-form [class*="ym-fbox"]:not([class*="ym-fbox-check"]) label,
  .linearize-form .ym-label,
  .linearize-form .ym-message,
  .linearize-form input[type="text"],
  .linearize-form textarea,
  .linearize-form select {
    display: block;
    float: none;
    position: static !important;
    width:100% !important;  }

  .linearize-form .ym-message,
  .linearize-form .ym-fbox-check input {
    margin-left: 0 !important; }
}