@charset "UTF-8";

@media all
{
  
  html body {min-width: 500px;}
	.jyaml-mobilenav {
		background: #fff;
		color: #fff;
		text-align: left;
	}
    .jyaml-mobilenav .mobilenav-title {
    color:#333;  
    background: #d9d9d9;
    background: -moz-linear-gradient(top, #fff 50%, #d9d9d9 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#fff), color-stop(100%,#d9d9d9));
    background: -webkit-linear-gradient(top, #fff 50%,#d9d9d9 100%);
    background: -o-linear-gradient(top, #fff 50%,#d9d9d9 100%);
    background: -ms-linear-gradient(top, #fff 50%,#d9d9d9 100%);
    background: linear-gradient(to bottom, #fff 50%,#d9d9d9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#d9d9d9',GradientType=0 );
    text-shadow: 0px  4px  9px  rgba(0 ,0 ,0 , 0.3);
    padding: 5px 8px;
	}
	.jyaml-mobilenav .mobilenav-title {
		font-size: 16px;
        cursor: pointer;
        font-family: "KlavikaM",Arial,Helvetica,sans-serif;
    	overflow: hidden;
		text-overflow: ellipsis;
    	white-space: nowrap;
    	font-weight: bold;
	}
    .mobilenav-title strong {font-weight: normal;}
	.jyaml-mobilenav .mobilenav-active {
		font-weight: normal;
	}
  .mobilenav-menu-title {font-family: "KlavikaB",Arial,Helvetica,sans-serif; font-weight: normal;}
   
	.jyaml-mobilenav .mobilenav-title .icon-list:before {
	  background:url(../images/navigation/icon-list.svg) 0 center no-repeat;
	  padding-left:1.6em;
	  text-align:center;
	  content:'';
	}
	.jyaml-mobilenav .mobilenav-menu ul,
	.jyaml-mobilenav .mobilenav-menu ul li,
	.jyaml-mobilenav .mobilenav-menu ul li a {
		display: block;
		overflow: hidden;
		background: #fff;
		width: 100%;
		padding: 0;
		margin: 0;
		border: 0;
	}
	.jyaml-mobilenav .mobilenav-menu {
		font-size: 14px;
		border-bottom: 3px solid #45484d;
	}
	.jyaml-mobilenav div.menuitem-content {
		background: #f6f6f6;
		border-bottom: 1px solid #45484d;
		padding: 5px;
		color: #333;
	}

	.jyaml-mobilenav .mobilenav-menu ul li a {
		border-bottom: 1px solid #45484d;
		color: #000;

		background: #f6f6f6;
		background: -moz-linear-gradient(top,  #f6f6f6 0%, #e4e4e4 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(100%,#e4e4e4));
		background: -webkit-linear-gradient(top,  #f6f6f6 0%,#e4e4e4 100%);
		background: -o-linear-gradient(top,  #f6f6f6 0%,#e4e4e4 100%);
		background: -ms-linear-gradient(top,  #f6f6f6 0%,#e4e4e4 100%);
		background: linear-gradient(to bottom,  #f6f6f6 0%,#e4e4e4 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#e4e4e4',GradientType=0 );
	}
	.jyaml-mobilenav .mobilenav-menu ul li a:hover,
	.jyaml-mobilenav .mobilenav-menu ul li a:focus,
	.jyaml-mobilenav .mobilenav-menu ul li a:active {
    background: #b3b3b3;
		background: -moz-linear-gradient(top,  #b3b3b3 0%, #999999 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b3b3b3), color-stop(100%,#999999));
		background: -webkit-linear-gradient(top,  #b3b3b3 0%,#999999 100%);
		background: -o-linear-gradient(top,  #b3b3b3 0%,#999999 100%);
		background: -ms-linear-gradient(top,  #b3b3b3 0%,#999999 100%);
		background: linear-gradient(to bottom,  #b3b3b3 0%,#999999 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3b3b3', endColorstr='#999999',GradientType=0 );

		color: #fff; */
	}
	.jyaml-mobilenav .mobilenav-menu ul li a.current_link {
		background: #949494;
		background: -moz-linear-gradient(top,  #949494 0%, #7e7e7e 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#949494), color-stop(100%,#7e7e7e));
		background: -webkit-linear-gradient(top,  #949494 0%,#7e7e7e 100%);
		background: -o-linear-gradient(top,  #949494 0%,#7e7e7e 100%);
		background: -ms-linear-gradient(top,  #949494 0%,#7e7e7e 100%);
		background: linear-gradient(to bottom,  #949494 0%,#7e7e7e 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#949494', endColorstr='#7e7e7e',GradientType=0 );

		color: #fff;
	}
	.jyaml-mobilenav .mobilenav-menu ul>li>a.separator,
	.jyaml-mobilenav .mobilenav-menu ul>li>a.separator:hover,
	.jyaml-mobilenav .mobilenav-menu ul>li>a.separator:focus,
	.jyaml-mobilenav .mobilenav-menu ul>li>a.separator:active {
		background: #f6f6f6 ;
		color: #000;
		border-bottom: 0;
		cursor: default;
	}


	.jyaml-mobilenav .mobilenav-menu ul li a span {
		display: block;
		width: auto;
	}
	.jyaml-mobilenav .mobilenav-menu ul li a span.item-title {
		padding: 5px;
	}
	.jyaml-mobilenav .mobilenav-menu ul li a span.subtitle {
		color: #666;
		font-size: 11px;
	}
	.jyaml-mobilenav .mobilenav-menu ul li a:hover span.subtitle,
	.jyaml-mobilenav .mobilenav-menu ul li a:focus span.subtitle,
	.jyaml-mobilenav .mobilenav-menu ul li a:active span.subtitle,
	.jyaml-mobilenav .mobilenav-menu ul li a.current_link span.subtitle{
		color: #eee;
	}
	.jyaml-mobilenav .mobilenav-menu ul li a span.subtitle-empty {
		display: none;
	}

	.jyaml-mobilenav .mobilenav-menu ul li li a span.item-title {
		padding-left: 20px;
    font-size: 0.8em;
    line-height: 1em;
	}
	.jyaml-mobilenav .mobilenav-menu ul li li li a span.item-title {
		padding-left: 40px;
	}
	.jyaml-mobilenav .mobilenav-menu ul li li li a span.item-title {
		padding-left: 60px;
	}
	.jyaml-mobilenav .mobilenav-menu ul li li li li a span.item-title {
		padding-left: 80px;
	}
	.jyaml-mobilenav .mobilenav-menu ul li li li li a span.item-title {
		padding-left: 100px;
	}

  li.item-678 a span.item-title img, li.item-679 a span.item-title img {position: relative; top: 2px;}
  li.item-680 a span.item-title img {position: relative; top: 7px;}
  li.item-678 a span.item-title span.image-title, li.item-679 a span.item-title span.image-title {display: inline; padding-left: 4px;}
  li.item-680 a span.item-title span.image-title {display: inline;} 
  div.jyaml-mobilenav div.mobilenav-menu ul.menu li.item-680 a span.item-title {padding: 2px;}

/* Mobil-Menüpunkte ausblenden */
    
  li.item-674, li.item-675, li.item-676, li.item-677, li.item-678, li.item-679, li.item-680, li.item-727, li.item-728, li.item-729, li.item-980, li.item-1296 {display: none;}
  
    
 }

/* Generic linearize of grids on small screens */

/* reset fallback values in modern browsers */
@media screen and (min-width: 0px) {
	.ym-wrapper {
		min-width: 0px;
	}
}

/* normal screens, tablet(landscape)  */
@media screen and (max-width: 980px) {
	/* only remove gutters for more place */
	body {
		padding: 0;
		margin: 0;
	}
	header {
		padding-top: 0;
		margin-top: 0;
	}
}
/* Special 4 Aktuelles-Pic */
@media screen and (max-width: 940px) {
  .musealog_aktuelles img {margin-top: -20px;}
}

/* small screens and tablet(portrait) */
@media screen and (max-width: 740px), screen and (max-width: 768px) {

	/* Make a large image flexible in width */
	img {
		max-width: 100%;
       	height: auto;
	}
    /* Mobil-Menüpunkte einblenden */
     li.item-674, li.item-675, li.item-676, li.item-677, li.item-678, li.item-679, li.item-680, li.item-727, li.item-728, li.item-729, li.item-1296 {display: inline;}
      /* Grundlayout */
    html {padding: 3px 0;}
    .site-logo {border-width: 2px 3px 3px; width: 95%; margin-top: 5px;}
    .fahne, .fahnen, .category-desc img, .login-description img, .musealogflip img {display: none;}
    header img {display: none;}
    /* header {background: url(../images/musealoglogo428px.png) no-repeat fixed center right;} */
    .header_image img {display: block; padding: 5px 4px 4px; height: 57px; right: 7px; position: absolute; width: auto;}
    header {height: 67px; width: auto; border: #fff 3px solid; 
    background: #ae9a77;
    background: -moz-linear-gradient(45deg,  #e7e1b2 0%, #ae9a77 70%);
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#ae9a77), color-stop(70%,#e7e1b2));
    background: -webkit-linear-gradient(45deg,  #ae9a77 0%,#e7e1b2 70%);
    background: -o-linear-gradient(45deg,  #e7e1b2 0%,#ae9a77 70%);
    background: -ms-linear-gradient(45deg,  #e7e1b2 0%,#ae9a77 70%);
    background: linear-gradient(45deg,  #ae9a77 0%,#e7e1b2 70%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7e1b2', endColorstr='#ae9a77',GradientType=1 );

  } /* Farbe aus Menü: #BCB19A*/
    #main {margin: -13px 0 10px; top: 0;}
  .musealog_aktuelles img {margin-top: 0px;}
  .subheading-category {position: relative; font-size: 0.6em; top: -9px; left: 0px; color: #2f6eb1; background: #fff; padding-left: 0; text-shadow: none;}
  .login_intern h2, .phoca_intern h2, .com_flippingbook-view-book h2, .page-header h2 {height: auto; font-size: 1.8em; top: 0; left: 0; color: #2f6eb1; background: #fff; padding-left: 0; position: relative; text-shadow: none; margin: 10px 0 10px 0;}
  .phoca_intern h2 {margin-bottom: -15px; padding-left: 5px;}
  .musealogteaser, .login-description {font-weight: normal; font-size: 1.09em; line-height: 1.5em; margin: -5px 0 5px 0;
    padding: 0 0 10px;}
  .kleinmitabstandw, .kleinohneabstand, .matlinkoben, .matlinkmitte, .matlinkunten, .projektelinkoben, .projektelinkunten {font-size: 1.09em !important; line-height: 1.5em;}
  .breadcrumbs {display: none;}
  /* Museen */
  .item-page_museen .muse-1, .item-page_museen .muse-2 {padding: 0; width: 100%; margin: .5em 0 .5em 0;}
  .item-page_museen .muse-3 {position: relative; width: 100%; top: .5em; left: 0; padding: 0 0 1em 0; margin-bottom: 1em; border-bottom: 2px solid #ccc;}
  .item-page_museen .muse-4 {display: none;}
  .item-page_museen .museentext19 {margin: .5em 0 0 0;}
  .item-page_museen .museumsadressen19 {margin: .5em 0 .5em 0; padding: .5em 0 .5em 0; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc;}
  .blog_mus19 .items-row, .blog_mus .items-row {border-bottom: none; padding: 0;}
  .blog_mus19 .items-row .readmore {margin:0; padding: 0 0 1em 0; border-bottom: 1px solid #ccc;} 
  .blog_mus .items-row .mskizlink {margin:0; padding: .5em 0 1em 0; border-bottom: 1px solid #ccc;}
  .blog_mus19 .row-last .column-last .readmore, .blog_mus .row-last .column-last .mskizlink {border-bottom: 2px solid #ccc;} 
  .blog_mus19 img, .blog_mus img {margin-top: 14px;}
  
  
/*  #breadcrumbstop {top: -14px; right: 3px;}
  .breadcrumbs {font-size: 0.9em;} */
/*  .ym-wrapper {margin-top: 10px;}
  .ym-col3 {margin-top: 10px;} */
  .ym-cbox {margin-top: 0px;}
  h2 {margin-top: 5px;}
  .zweispaltig {padding: 5px 0 0;}
  .rechtespalte {padding: 0;}
  .linkespalte {padding: 0 0 5px 0;}
  .blog_projekte .linkespalte, .blog_uprojekte .linkespalte, .blog_boerse .linkespalte {border-bottom: 1px solid #CCCCCC; margin-bottom: 14px;}
  .mustab {margin-bottom: 14px; border-bottom: 1px solid #CCCCCC;}  
  .kurstab {margin-bottom: 5px; border-bottom: 1px solid #CCCCCC;} 
  .zwischenzeile {border-bottom: 1px solid #CCCCCC;}
  .blog_teilnahme .zwischenzeile {border-bottom: 2px solid #CCCCCC;}
  p, .musealogohneabsatz {font-size: 1.09em;}
  .pd-title {margin-right: 5px;}
  .pd-filename {margin: 0;}
  .box {float: none; height: auto;}
  .box2, .box3, .box4 {width: 100%; margin-top: 10px; height: auto;}
  .box1 {display: none;}
  .box4 {top: 0;}
  footer .ym-cbox {margin-top: 0px; padding-left: 3px;}
  #navbottom {margin-top: 0};
  /* .ym-hlist {display: none;} */
  
/* Ausblendungen im unteren Menue 
  .item-473.page-sfx-_materialien { display: none; }
  .item-476.page-sfx-_impressum {display: none;}
  .item-513.page-sfx-_intern {display: none;} */
  
  .moduletable_bottombox h3 {font-size: 1.25em; margin-bottom: 10px;}
  .custom_bottombox .deskline {display: inline;}
  .custom_bottombox p {margin: 0 0 0 5px; line-height: 1.5em;}
  .mobileline {display: block;}
  .printzz {display: inline;}
  .not4mobile {display: none;}
  .fb_musback {background-color: #fff; padding: 5px 0 0 0;}
  .fb_musback img {border: 1px #3c3c3c solid;}
  #nav_bar {padding: 10px 0;}
      .dreispaltig img {margin-top: 5px; display: block; margin-left: auto; margin-right: auto;}
    .namenteambild {text-align: center;}
    .mteam {font-size: 1.09em; line-height: 1.5em; margin-bottom: 1em;}
    .just4mobile {display: inline;}
    .mspalte1, .mspalte2, .mspalte3, .mwechsel {clear: both; margin:0; width: auto;}
    .mspalte2 {margin-top: 1em;}
  
	/* Linearize only inner main columns (not col-x), e.g. category blog with multiple columns */
	#main .ym-equalize > * > .ym-gbox,
	#main .ym-equalize > * > .ym-gbox-left,
	#main .ym-equalize > * > .ym-gbox-right {
		padding-bottom: 0 !important;
		margin-bottom: 0 !important;
	}
	#main .ym-grid,
	#main .ym-grid > [class*="ym-g"],
	#main .ym-grid > [class*="ym-col"] {
		display: block !important;
		float: none !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		width: 100% !important;
	}
	#main .ym-grid > [class*="ym-g"] > [class*="ym-gbox"],
	#main .ym-grid > [class*="ym-col"] > [class*="ym-cbox"] {
		padding-left: 0;
		padding-right: 0;

		/* optional for containing floats */
		overflow: hidden;
	}
  .linkespalte {float: none; width: 100%;}
  .rechtespalte {float: none; width: 100%;}
}

/* mobile phones, small tablets and very small screens */
@media screen and (max-width: 500px) {

  
  
	/* Linearize all columns */
	.ym-column,
	.ym-column .ym-col1,
	.ym-column .ym-col2,
	.ym-column .ym-col3 {
		display: block !important;
		float: none !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		width: 100% !important;
	}

	/* disable equal heights for grids */
	.ym-equalize > * > .ym-gbox,
	.ym-equalize > * > .ym-gbox-left,
	.ym-equalize > * > .ym-gbox-right {
		padding-bottom: 0 !important;
		margin-bottom: 0 !important;
	}

	/* Linearize all grids */
	.ym-grid,
	.ym-grid > [class*="ym-g"],
	.ym-grid > [class*="ym-col"] {
		display: block !important;
		float: none !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		width: 100% !important;
	}
	.ym-grid > [class*="ym-g"] > [class*="ym-gbox"],
	.ym-grid > [class*="ym-col"] > [class*="ym-cbox"] {
		padding-left: 0;
		padding-right: 0;

		/* optional for containing floats */
		overflow: hidden;
	}

	/* Linearize the horizontal navigation 
	body .ym-hlist ul,
	body .ym-hlist ul li {
		display:block;
		float: none;
		width: auto;
		text-align: left;
	}
	body .ym-hlist ul {
		padding: 0.5em;
	}
	body .ym-hlist ul li {
		margin-bottom: 2px;
	}
	body .ym-hlist ul li span.subtitle-empty {
		display: none !important;
	} */
}

/* small mobile phones */
@media screen and (max-width: 240px) {

	/* reduce font size for very small displays */
	body {
		font-size: smaller;
	}
}

