@charset "UTF-8";
/* CSS Document */

.cont {
	position: relative;
	padding:10px 5px 5px 5px;
}

.mobile {display:block}
.desktop {display:none}

.img, .img img, .container img {
	width:100%;
	height:auto;
}

.cell75 a img {
	display:block;
}

.cell25 {
	position: relative;
	width: 100%;
	float: left;
	height: 0;
	overflow: hidden;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
	background-color:#fff;  
}

.mb {
	padding-bottom:75%;
}

.ob {
    height: auto !important;
	padding:10px 0 0 0;
}
.ob .inner-c {
    position: static;
    width: 100%;
    height: auto;
}
.cell25.ob .teaser {
    position: static;
    padding-right: 15px;
	height:auto;
}

.inner-c {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.cell25 .teaser {
	position:absolute;
	z-index:1;
	padding-right:15px;
	bottom:20px;
	}

.cell25 h1 {
	font-size:1.5em;
	line-height:48px;
	padding:4px 12px 6px 12px;
	font-weight:400;
	letter-spacing:0.04em;
	word-spacing:0.08em;
	color:#fff;
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
	display:inline;
}

.cont h2,.cont h3 {
	font-weight:400;
	letter-spacing:0.02em;
	font-size:1.3em;
	line-height:1.3em;
	margin:0.65em 0 0.65em 0;
	}
	
.cont p, .cont table {
	margin:0 0 0.65em 0;
	font-weight:300;
	letter-spacing:0.02em;
	font-size:1.1em;
	line-height:1.3em;
	padding-top:0.13em;
}

.cont p a {
	font-weight:400;
	text-decoration: none;
	border-bottom: 1px solid #666;
	color: #666;
}

.cont p a:hover{
	background-color:transparent;
	text-decoration:none;
	border-bottom: 1px solid #000;
	color:#000;
	}

.cell75 .container div {
	display:inline-block;
	margin-bottom:2em;
}

.cell75 .container.hits div {
	margin-bottom:0;
	width:100%;
}

.container ul {
	list-style: none;
	padding:0;
	margin:0;
	display:inline-block;
}

.container p {
	-webkit-hyphens: auto;
	-webkit-hyphenate-limit-chars: auto 4;
	-webkit-hyphenate-limit-lines: 2;
	-ms-hyphens: auto;
	-ms-hyphenate-limit-chars: auto 4;
	-ms-hyphenate-limit-lines: 2;
	hyphens: auto;
	hyphenate-limit-chars: auto 4;
	hyphenate-limit-lines: 2;
}

.container > ul > li, .container > ul > .lih li, 
.container > div > ul > li, .container > div > ul > .lih li {
	font-weight:300;
	letter-spacing:0.02em;
	font-size:1.2em;
	line-height:1.4em;
	margin:0 0 0.65em 0;
	padding-left:1em;
}

.container > ul > li::before, .container > .lih > li::before, .container > div > ul > li::before, .container > #introp > ul > li::before {
	content: "•";
	font-size:1.3em;
	display: inline-block;
	width: 1em;
	margin-left:-1em;
	}
	
.container > .infobox > ul > li::before {
	content: none;
	}
	
.container > .infobox > ul > li {
	padding-left: 0;
	}

.container > .li-ki {
	padding-left:6.1em;
}
	
.container > .li-mu {
	padding-left:5.6em;
}
	
.container > .li-un {
	padding-left:8em;
}

.container > .li-ki strong, .container > .li-mu strong, .container > .li-un strong {
	display:none;
}

.container > .li-ki::before {
	content: "Die Kinder";
	font-size:1.1em;
	font-weight:400;
	width: 5.3em;
	margin-left:-5.5em;
	}

.container > .li-mu::before {
	content: "MUBIKIN";
	font-size:1.1em;
	font-weight:400;
	width: 4.9em;
	margin-left:-5.1em;
	}
	
.container > .li-un::before {
	content: "Der Unterricht";
	font-size:1.1em;
	font-weight:400;
	width: 7.1em;
	margin-left:-7.3em;
	}
	
.container > .lih > li:first-child {
	font-weight:400;
	letter-spacing:0.02em;
	font-size:1.3em;
	line-height:1.3em;
	margin:0 0 0.65em -1em;
	}
	
.container > .lih {
	margin-top:0.65em;
	}

.table {
    display: table;
    height:100%;
	width:100%;
}

.cell75 {
	page-break-inside: avoid;
	column-break-inside: avoid;
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid;
	background-color:#fff;
	width:100%;
}

.container {
	padding:20px;
	-webkit-column-gap: 4em;
	-moz-column-gap: 4em;
	column-gap: 4em;
	-webkit-column-count: 1;
	-moz-column-count: 1;
	column-count: 1;
	background-image:url(start_fond.png);
	background-position: right bottom;
	background-repeat: no-repeat;
	background-size:contain;
	min-height:400px;
}

.k2 h2, .k2 h3, .k2 li::before, .k2 .lih li:first-child, .k2 a {color:#91aa08}
.k3 h2, .k3 h3, .k3 li::before, .k3 .lih li:first-child,.k3 a {color:#c18c09}
.k4 h2, .k4 h3, .k4 li::before, .k4 .lih li:first-child,.k4 a {color:#6c76af}
.k5 h2, .k5 h3, .k5 li::before, .k5 .lih li:first-child,.k5 a {color:#b7334a}
.k6 h2, .k6 h3, .k6 li::before, .k6 .lih li:first-child,.k6 a {color:#5fa575}
.k7 h2, .k7 h3, .k7 li::before, .k7 .lih li:first-child,.k7 a {color:#333}

.k2 a:hover {background-color:#91aa08; color:#fff; border-color:#91aa08}
.k3 a:hover {background-color:#c18c09; color:#fff; border-color:#c18c09}
.k4 a:hover {background-color:#6c76af; color:#fff; border-color:#6c76af}
.k5 a:hover {background-color:#b7334a; color:#fff; border-color:#b7334a}
.k6 a:hover {background-color:#5fa575; color:#fff; border-color:#5fa575}
.k7 a:hover {background-color:#333; color:#fff; border-color:#333}

.infobox, .infobox-m {
	margin-top:10px;
	width:auto;
	height:auto;
	padding:1px 20px 15px 20px;
	-webkit-column-break-inside: avoid;
          page-break-inside: avoid;
               break-inside: avoid;
}

.kasten {
	margin-top:10px;
	width:auto;
	height:auto;
	padding:15px 20px 15px 20px;
	-webkit-column-break-inside: avoid;
          page-break-inside: avoid;
               break-inside: avoid;
}

.cell75 .container .infobox-m {
	display:none;
}

.infobox h2, .infobox-m h2 {
	padding:0;
	margin-bottom:-10px;
	font-size: 1.1em;
	line-height:1.2em;
}

.infobox ul {
	padding: 20px 0 0 0;
	width:100%;
	margin:0 !important;
}

.infobox ul, .infobox ul * {
	list-style: none;
}

.infobox ul li {
	margin: 0 0 10px 0;
	padding:0;
}

.infobox li::before, .container > .lih > li:first-child::before, .container ul > .anm::before {
	content: inherit;
	font-size:inherit;
	width: inherit;
	margin-left:inherit;
	}
	
.container ul > .anm {
	margin-bottom: 2em;
	padding-left:0 !important;
	}

.infobox ul li a {
	display: block;
	border: 1px solid;
	letter-spacing: 0.04em;
	word-spacing: 0.08em;
	text-decoration: none;
	font-weight: 400;
	padding: 4px 5px 6px 10px;
	font-size: 1em;
}

.infobox ul li a:hover {
	color:#fff;
}

.ib2 {background-color:rgba(145,170,8,.2)}
.ib3 {background-color:rgba(193,140,9,.2)}
.ib4 {background-color:rgba(108,118,175,.2)}
.ib5 {background-color:rgba(183,51,74,.2)}
.ib6 {background-color:rgba(95,165,117,.2)}
.ib7 {background-color:rgba(51,51,51,.15)}

.f2 {background-color:#e9eece}
.f3 {background-color:#f3e8ce}
.f4 {background-color:#e2e4ef}
.f5 {background-color:#f1d6db}
.f6 {background-color:#dfede3}

.inv {display:none}

.news-image {margin-bottom:0 !important; display:inline !important}
.news-image img {width:100%;padding:10px 10px 0 10px;margin-left:-10px; display:inline !important}

.hit {font-weight:400;font-style:italic}

@media (min-width:400px) {
.news-image img {width:50%;}	
}

@media (min-width:540px) {
.cell25 h1 {
	font-size:2em;
	line-height:60px;
	padding:6px 12px 8px 12px;
}

.cont h2, .cont h3 {
	font-size:1.4em;
	line-height:1.4em;
	margin:0.7em 0 0.7em 0;
	}
	
.container > .lih > li:first-child {
	font-size:1.4em;
}

.cont p, .cont table {
	font-size:1.2em;
	margin:0 0 0.7em 0;
	line-height:1.4em;
	padding-top:0.14em;
}

.cont p.search_it-title {
	margin:0.3em 0 0.4em 0;
}

.container li, .container .lih li {
	font-size:1.2em;
	line-height:1.4em;
	margin:0 0 0.7em 0;
	padding-left:1em;
}

.cont li {
	font-size:1.2em;
	margin:0 0 0.7em 0;
	line-height:1.4em;
}

.infobox h2 {
	font-size: 1.3em;
	line-height:1.4em;
}

.infobox ul {
	padding: 0;
}

.infobox ul li a {
	font-size: 1.1em;
	padding: 4px 5px 0 10px;
	height: 40px;
	}

}

@media (min-width:768px) {

.mobile {display:none !important}
.desktop {display:table-cell}

.cont {
	padding:6px;
}
.ob {
	padding:20px 0 0 0;
}
.mb {
	padding-bottom:40%;
}
.container {
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
	padding:30px 20px 30px 30px;
	width:100%;
}

.cont h2, .cont h3 {
	font-size:1.3em;
	line-height:1.3em;
	margin:0.65em 0 0.65em 0;
	}
	
.container > .lih > li:first-child {
	font-size:1.3em;
}

.cont p, .cont table {
	font-size:1.1em;
	margin:0 0 0.65em 0;
	line-height:1.3em;
	padding-top:0.13em;
}


.container li, .container .lih li {
	font-size:1.1em;
	line-height:1.3em;
	margin:0 0 0.65em 0;
	padding-left:1em;
}

.container li {
	font-size:1.1em;
	line-height:1.3em;
}

.cell75 .container .infobox-m {
	display:block;
	background-image:url(https://mubikin.nuernberg.de/neu18/media/open.png);
	background-repeat:no-repeat;
	background-position:12px 16px;
	width:100%;
	cursor:pointer;
	padding: 15px 20px 15px 20px;
}

.ib2:hover {background-color:#91aa08}
.ib3:hover {background-color:#c18c09}
.ib4:hover {background-color:#6c76af}
.ib5:hover {background-color:#b7334a}
.ib6:hover {background-color:#5fa575}
.ib7:hover {background-color:#333}

.infobox-m h2 {
	margin:0 0 3px 36px !important;
}

.infobox-m:hover h2 {
	color:#fff;
}
.infobox {
	display:none !important;
	}

}

@media (min-width:1025px) {
	
.cont h2, .cont h3 {
	font-size:1.4em;
	line-height:1.4em;
	margin:0 0 0.65em 0;
	}
.container > .lih > li:first-child {
	font-size:1.4em;
}

.cont p, .cont table {
	font-size:1.2em;
	margin:0 0 0.7em 0;
	line-height:1.4em;
	padding-top:0.14em;
}

.container li, .container .lih li {
	font-size:1.2em;
	line-height:1.4em;
	margin:0 0 0.7em 0;
	padding-left:1em;
}

.cont li {
	font-size:1.2em;
	margin:0 0 0.7em 0;
	line-height:1.4em;
}

.cell25 h1 {
	font-size:2.5em;
	line-height:75px;
	padding:7px 20px 10px 30px;
}

.infobox {
	display:none;
	padding:15px 20px 15px 20px;
}

.infobox-m {
	display:none;
	padding:15px 20px 15px 20px;
}

}

@media (min-width:1441px) {
	
#footer p {
    font-size: 15px;
    margin: 20px;
}

#footer img {
    height: 85px;
}

#sitemap {
    padding: 0 20px 0 20px;
}
	
.cont {
	padding:10px;
}
.cell25 {
	position: inherit;
	width: 100%;
	float: inherit;
	height: inherit;
	overflow: inherit;
}

.ob {
	padding:30px 0 0 0;
}

.mb {
	padding-bottom:0;
}

.inner-c {
  position: inherit;
  top: inherit;
  left: inherit;
  width: inherit;
  height: inherit;
	vertical-align: top;
    display: table-cell;
}
.cell25 .teaser {
	position:relative;
	top:30px;
}

.cell25, .cell75 {
	vertical-align: top;
    display: table-cell;
}
.container {
	padding:40px 40px 40px 40px;
}

.cell25 {width:33.33%;}
.cell75 {width:66.66%;}
.container {
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
}
.cell25 h1 {
	font-size:2.8em;
	line-height:95px;
	padding:10px 25px 12px 30px;
}
.cell25 {
	background-position:center center;
}

.cont h3, .container > .lih > li:first-child {
	font-size:1.4em;
	}

.infobox {
	width:100%;
	padding:15px 24px 12px 24px;
}

.infobox ul li {
	margin: 0 0 15px 0;
}

.infobox ul li a {
	border: 2px solid;
	padding: 7px 6px 0 18px;
	height: 48px;
	font-size: 1.3em;
}

}

@media (min-width:1920px) {
	
	#footer p {
    font-size: 17px;
    margin: 20px;
}

#footer img {
    height: 90px;
}

.cell25 {width:25%;}
.cell75 {width:75%;}
.container {
	-webkit-column-count: 3;
	-moz-column-count: 3;
	column-count: 3;
}

.cont h3, .container > .lih > li:first-child {
	font-size:1.6em;
	}

.cell75 .container .infobox-m {
	display:none;
}

.container .infobox {
	padding:15px 30px 20px 30px;
}

.container .infobox {
	display:inline-block !important;
	-webkit-column-break-inside: avoid;
          page-break-inside: avoid;
               break-inside: avoid;
}

.container .infobox {
	cursor:inherit;
	background-image:none;
}

.ib2:hover {background-color:rgba(145,170,8,.2)}
.ib3:hover {background-color:rgba(193,140,9,.2)}
.ib4:hover {background-color:rgba(108,118,175,.2)}
.ib5:hover {background-color:rgba(183,51,74,.2)}
.ib6:hover {background-color:rgba(95,165,117,.2)}
.ib7:hover {background-color:rgba(51,51,51,.15)}

.container .infobox h2 {
	margin:0 0 0.7em 0 !important;
}

.ib2:hover h2 {color:#91aa08}
.container .infobox:hover h2 {color:#c18c0  !important}
.k1 a:hover {color:#e3e3e3}
.k2 a:hover {color:#91aa08}
.k3 a:hover {color:#c18c09}
.k4 a:hover {color:#6c76af}
.k5 a:hover {color:#b7334a}
.k6 a:hover {color:#5fa575}
.k7 a:hover {color:#fff;}

.infobox ul li {
	margin: 0 0 18px 0;
}

.infobox ul li a {
	padding: 7px 6px 0 18px;
	height: 50px;
	font-size: 1.4em;
}
}

.newsbox {background-color: rgba(145,170,8,.2);padding:0 20px 15px 0;}

.newsbox p {margin:20px}

.newsbox ul li {
    padding-left: 1em;
}

.newsbox ul li a {
    font-size: 1.1em;
    padding: 4px 5px 7px 10px;
	display: block;
	border: 1px solid;
	letter-spacing: 0.04em;
	word-spacing: 0.08em;
	text-decoration: none;
	font-weight: 400;
	list-style: none;
	color: #91aa08;
}

.newsbox ul li a:hover {
    background-color: #91aa08;
	color: #fff;
	border-color: #91aa08;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0;
    height: 0;
    overflow: hidden;
	display:block !important;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* lato-300 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/lato-v23-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/lato-v23-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v23-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v23-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v23-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v23-latin-300.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-300italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/lato-v23-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/lato-v23-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v23-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v23-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v23-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v23-latin-300italic.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-regular - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/lato-v23-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/lato-v23-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v23-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v23-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v23-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v23-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/lato-v23-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/lato-v23-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v23-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v23-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v23-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v23-latin-italic.svg#Lato') format('svg'); /* Legacy iOS */
}