@import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;700&display=swap');
			* { position: relative; }
			a { color: black; }
			hr { background: #3A6A85; height: 1px; border: none }
			#main .news a, #main .news .slink, .news .teaThema, .news h1 a:hover { color: #0092de; }
			#main .pedagogy a, #main .pedagogy .slink, .pedagogy .teaThema, .pedagogy h1 a:hover { color: #41a62a; }
			#main .school a, #main .school .slink, .school .teaThema, .school h1 a:hover { color: #de5659; }
			#main .contact a, #main .contact .slink, .contact .teaThema, .contact h1 a:hover { color: #db4bc4; }
			body { background: #fff; margin: 0; padding: 0; text-align: center; font-size: 10px; font-family: "Ubuntu"; font-weight: 300; -webkit-hyphens: auto;
 -moz-hyphens: auto;
 -ms-hyphens: auto;
 hyphens: auto; }
bold, strong { font-weight: 400;}
h1, h2, h3, h4, h5, h6 {  -webkit-hyphens: manual;
 -moz-hyphens: manual;
 -ms-hyphens: manual;
 hyphens: manual; color: #3a6a85; line-height: 1.5em; font-weight: 400; }
			img { vertical-align: bottom; border: none; }
			header { margin: auto; margin-top: 40px; }
			nav#head { font-size : 1.6em; display: inline-block; position: absolute; left: 0; top: 0; }
			nav#head ul { list-style: none; margin: 0; padding: 0; display: inline-block; margin-bottom: 3px; }
			nav#head ul li { display: inline-block; margin-right: 20px; }
			nav#head a { text-decoration: none; color: black; }
			nav#head a:hover { text-decoration: underline; }
			
			#pictos { position: absolute; right: 0; display: inline-block }
			#pictos img { margin-left: 40px; }
			
			#keyvisual { background: url('/static/images/amtshof-ottersberg.start.jpg') no-repeat center bottom; background-size: cover; width: auto; height: 526px; }
			#headRib { width: auto; height: 151px; }
			.news #headRib { background: #0092de url('/static/images/head-aktuelles.jpg') no-repeat center top; border-bottom: 10px solid #a3d8f3; }
			.school #headRib { background: #de5659 url('/static/images/head-schule.jpg') no-repeat center top; border-bottom: 10px solid #f3c2c3; }
			.pedagogy #headRib { background: #41a62a url('/static/images/head-paedagogik.jpg') no-repeat center top; border-bottom: 10px solid #badfb2; }
			.contact #headRib { background: #db4bc4 url('/static/images/head-kontakt.jpg') no-repeat center top; border-bottom: 10px solid #f2beea; }
			
			nav#main { font-size : 2.4em; line-height: 46px; font-family: 'Ubuntu'; font-weight:normal; text-align: center;
				background: url('/static/images/nav-shadow.png') repeat-x; min-height: 8px;
			}
			nav#main ul { list-style: none; margin: 0; padding: 0; }
			nav#main ul li { display: inline-block; width: 223px; height: 56px; }
			nav#main a { position: absolute; z-index: 1000; display: block; text-decoration: none; margin: 0 20px; background: url('/static/images/main-nav-bg.png') no-repeat scroll top left;
				width: 183px;
				height: 56px; }
			nav#main .slink { position: absolute; z-index: 1000; display: block; cursor: pointer; margin: 0 20px; background: url('/static/images/main-nav-bg.png') no-repeat scroll top left;
				width: 183px;
				height: 56px; }
			nav#main .subnav { position: absolute; width: 100%; font-size: 0.7em; line-height: 2.5em; top: 0; white-space: nowrap; display: none; text-align: left; -webkit-hyphens: manual;
 -moz-hyphens: manual;
 -ms-hyphens: manual;
 hyphens: manual; }
			nav#main .subnav li { display: block; margin: 0px; height: auto; border-bottom: 1px solid #fff; }
			nav#main .subnav li a { display: block; z-index: 1; position: relative; padding: 0 12px; color: white; background: none; margin: 0; width: auto; height: auto; }
			
			nav#main .news .subnav li { background: rgba(0,146,222,0.8); }
			nav#main .pedagogy .subnav li { background: rgba(65,166,42,0.8); }
			nav#main .school .subnav li { background: rgba(222,86,89,0.8); }
			nav#main .contact .subnav li { background: rgba(219,75,196,0.8); }
			nav#main .subnav li.subhead { height: 64px; }
			
			nav#main .news .subnav li a:hover { background: #0092de; }
			nav#main .pedagogy .subnav li a:hover { background: #41a62a; }
			nav#main .school .subnav li a:hover { background: #de5659; }
			nav#main .contact .subnav li a:hover { background: #db4bc4; }
			
			#nextEvent { position: absolute; left: 140px; bottom: 32px; color: white; font-size: 1.6em; text-align: left }
			#nextEvent .eventCat { display: inline-block; text-transform: uppercase; background: #0092de; padding: 0.2em 0.5em; margin-bottom: 1px; }
			#nextEvent .event { background: #0092de; padding: 0.5em 0.5em; min-width: 280px; }
			#nextEvent .eventTitle { font-size: 2.25em; font-weight: 400; }
			
			#sor { position: absolute; right: 0; bottom: 32px; }
			
			.news article { background: url('/static/images/artbg-aktuelles.jpg') no-repeat; background-size: 100% auto; }
			.school article { background: url('/static/images/artbg-schule.jpg') no-repeat; background-size: 100% auto; }
			.pedagogy article { background: url('/static/images/artbg-paedagogik.jpg') no-repeat; background-size: 100% auto; }
			.contact article { background: url('/static/images/artbg-kontakt.jpg') no-repeat; background-size: 100% auto; }
			section { font-size: 1.5em; }
			.innerSec { text-align: left; width: 1180px; margin: auto; padding: 1.5em 0; overflow: hidden; }
			#innerHead1 { width: 1180px; margin: auto; height: 160px }
			#innerHead2 { position: absolute; width: 100%; bottom: 0; text-align: center; }
			#innerHead21 { width: 1180px; margin: auto; }
			
			#teaserRow { margin-right: -20px; }
			.teaser { width: 280px; display: inline-block; margin-left: 16px; vertical-align: top; }
			.teaser:first-child { margin-left: 0; }
			.teaser .teaThema { font-size: 1.25em; height: 2em; }
			.teaser h1{ font-size: 1.5em; margin-bottom: 0.2em; line-height: 1.5em; }
			.teaser .teaBild a { display: block; }
			.teaser .teaText { line-height: 1.5em; }
			.video { position: absolute; left: 50%; top: 50%; margin-left: -41px; margin-top: -41px; }
			
			h1 { font-size: 2.3em; font-family: "Ubuntu"; font-weight: normal; }
			h1 a { text-decoration: none; }
			
			footer { background: #2e5368; color: white; font-size: 1.2em; }
			footer .innerSec {  padding: 2.5em 0 80px 0; }
			footer a { color: white; }
			#topLink { margin-top: -58px; margin-bottom: -58px; }
			
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

.leveler, .leveler * { vertical-align: middle; }

.labelinside { display: block; margin-bottom: 10px; }
.labelinside input { background: rgba(255,255,255,0.2); padding: 0.5em; color: white; border: none; font-size: 1em; width: 216px; }
.labelinside label { cursor: text; z-index: 1; font-size: 1em; left: 0; padding: 0.4em; position: absolute; top: 0; color: rgba(255,255,255,0.6); }
button, a.button { 
	border: none; color: rgba(255,255,255,0.8);
      background-image: linear-gradient(top, #0377c8 0%, #026eb9 100%);
      background-image: -moz-linear-gradient(top, #0377c8 0%, #026eb9 100%);
      background-image: -webkit-linear-gradient(top, #0377c8 0%, #026eb9 100%);
      background-image: -ms-linear-gradient(top, #0377c8 0%, #026eb9 100%);
      border-radius: 8px;
      padding: 10px 0;
      width: 230px;
      margin: 15px 0;
      font-size: 1em; cursor: pointer; text-decoration: none; display: inline-block; text-align: center; }

#loginBlock { float: right; font-size: 1.2em; width: 280px; }
#loginBlock form { margin-top: 15px; }
#addressBlock { float: left; }
#navIcon { display: none; }


#headName { position: absolute; font-size: 4.8em; color: white; left: 300px; bottom: 0px; text-transform: uppercase; }
#leftCol { width: 280px; float: left; margin-right: 20px; }
#leftCol .head { text-transform: uppercase; color: #8d8d8d; margin: 25px 0; font-size: 1.1em; }
#subnav {  font-size: 1.2em }
#subnav ul { list-style: none; margin: 0; padding: 0; border-top: 1px dotted #b7c2cc; }
#subnav ul ul li { margin-left: 14px; font-size: 0.85em }
#subnav ul ul li a { text-indent: -0.6em; padding-left: 1.6em; }
#subnav ul ul li a::before { content: "- "; }
#subnav ul ul { margin-bottom: -1px }
#subnav ul li {  border-bottom: 1px dotted #b7c2cc; }
#subnav a { display: block; text-decoration: none; margin: 1px 0; padding: 8px 15px; }
.news #subnav a { border-left: 3px solid #0092de; color: #0092de; }
.school #subnav a { border-left: 3px solid #de5659; color: #de5659; }
.pedagogy #subnav a { border-left: 3px solid #41a62a; color: #41a62a; }
.contact #subnav a { border-left: 3px solid #db4bc4; color: #db4bc4; }
#subnav a:hover { color: #fff; }
.news #subnav a:hover { background: #0092de; }
.school #subnav a:hover { background: #de5659; }
.pedagogy #subnav a:hover { background: #41a62a; }
.contact #subnav a:hover { background: #db4bc4; }
#subnav a.active:hover { background: #3a6a85; border-color: #3a6a85; color: #fff; }
#subnav a.active { color: #3a6a85; }
#subnav a.current { border-color: #3a6a85; }
#fullCol { width: 1180px; float: left; line-height: 1.6em; }
#midCol { width: 880px; float: left; line-height: 1.6em; }
#mainCol { width: 580px; float: left; margin-right: 20px; line-height: 1.6em; min-height: 600px; }
#mainCol h1 { font-size: 2.2em; margin: 0.5em 0; }
#mainCol h2 {  font-size: 1.6em; margin: 1em 0 0.5em 0; }
.news #mainCol a { color: #0092de; }
.school #mainCol a { color: #de5659; }
.pedagogy #mainCol a { color: #41a62a; }
.contact #mainCol a { color: #db4bc4; }

blockquote { border-left: 1px solid #d1d1d1; padding-left: 12px; font-weight: 400 }

#rightCol { width: 280px; float: left; padding-top: 120px; line-height: 1.4em; }
.news #rightCol { background: url('/static/images/info-aktuelles.png') center top no-repeat; }
.school #rightCol { background: url('/static/images/info-schule.png') center top no-repeat; }
.pedagogy #rightCol { background: url('/static/images/info-paedagogik.png') center top no-repeat; }
.contact #rightCol { background: url('/static/images/info-kontakt.png') center top no-repeat; }
.box { padding: 0 15px; background: white; border-radius: 7px; border: 1px solid #d6dce1; font-size: 0.85em; box-shadow: 0 0 5px #e0e0e0; margin-bottom: 35px; }
.box .head { margin: 1em 0; font-weight: 400; font-size: 1.2em }
.innerSec { overflow: visible; }
ul.downloads { list-style: none; margin: 1.5em 0; padding: 0; }
ul.downloads li { margin-bottom: 4px; }
ul.downloads li a { display: inline-block; padding: 6px 0 6px 36px; }
ul.downloads li.pdf a { background: url('/static/images/dl-pdf.gif') no-repeat left center; }
.gStart { position: absolute; left: 10px; bottom:10px; }
.small { font-size: 0.8em; line-height: 1.6em; }
.soft { color: rgba(0,0,0,0.6); }
.hint { display: inline-block; font-style: italic; background: #fff7c8; border: 1px solid #ffe965; border-radius: 10px; padding: 4px 12px; }
.success { display: inline-block; font-style: italic; background: #d4fec7; border: 1px solid #90ff65; border-radius: 10px; padding: 4px 12px; }
.keinUmbruch { white-space: nowrap; }

.blockList { padding-top: 1.5em; margin-top: 1.5em; }
.dl.blockList { padding-top: 0.5em; }
.blockEntry { margin-bottom: 1.5em; padding-bottom: 1.5em; }
.dl.blockEntry { margin-bottom: 0.5em; padding-bottom: 0.5em; }
.bigDate { float: left; width: 80px; text-align: center; border: 1px solid #e0e0e0; font-weight: 400; padding: 0.8em 0; }
.bigDate .day { display: block; font-size: 3em; line-height: 1em; }
.bigDate .month { display: block; font-size: 1.5em; }
.eventInfo { margin-left: 100px; }
.singleDate { display: inline-block; border: 1px solid #e0e0e0; font-weight: 400; padding: 0.8em; }
.singleDate .daytime { display: block; font-size: 1.3em; }

.bordered { border-top: 1px dashed #b7c2cc; }
.bordered .blockEntry { border-bottom: 1px dashed #b7c2cc; }
.pdfDown { font-size: 1.2em; padding: 6px 0 6px 44px; background: url('/static/images/dl-pdf.gif') no-repeat left center; }

#marketForm { position: relative; margin-top: 3em; }
#marketForm fieldset { border: none; padding: 2em; margin-bottom: 2em; }
#marketForm legend { font-size: 1.2em; font-weight: 400; color: #fff; background: #3a6a85; padding: 0.5em; }
#marketForm .formRow { position: relative; margin-bottom: 1em; }
#marketForm #formPicture table { width: 400px; border: 1px solid #006DB8; }
#marketForm #formPicture table table { width: auto; border: none; display: none; }
#marketForm input { font-size: 1em; }
#marketForm textarea { font-size: 1em; font-family: trebuchet ms; }
#marketForm input.base { border: 1px solid #cdcdcd; width: 400px; margin-bottom: 0.5em; padding: 0.3em; }
#marketForm textarea.base { border: 1px solid #cdcdcd; width: 400px; height: 200px; padding: 0.3em; }
#marketForm .baseExtra { display: block; }
.anzDate { font-style: italic; font-size: 0.9em; }
.anzTitle { font-size: 1.2em; }
.halfBlock { display: inline-block; width: 49%; vertical-align: top; }
.personName { font-size: 1.25em; color: #3a6a85; line-height: 1.5em; font-weight: 400; }
.nosee { display: none; }
.linkPic { float: left; margin-right: 3em; }

#vertretung { width: 100%; border-collapse: collapse; }
#vertretung tr { border-bottom: 1px dashed #afbec8; }
#vertretung td { padding: 5px; }
#vertretung th { padding: 5px; }
#vertretung .kl { text-align: center; background: #2e5368; color: white; padding: 5px; width: 3em; }
#vertretung .ps { color: #41a62a; }
#vertretung .new { background: #fff15f; margin-bottom: -1px; }
.miss { color: #ff3939; }
.come { color: #41a62a; }

.banner { margin: 2em 0; }
.banner__left { width: 540px; float: left; background: #beb1e0; color: #fff; padding: 20px; height: 96px; }
.banner__left .logo {  margin-bottom: 0.5em; }
.banner__left .claim { display: block; clear: left; background: #fff; color: #beb1e0; font-size: 1.2em; text-align: center; padding: 3px 0; }
.banner__left a { text-decoration: none; color: #fff; }
.banner__right { width: 538px; float: right; border: 1px solid #c9c9c9; padding: 20px; font-size: 1.2em; text-align: center; height: 94px; }
.ster { text-transform: uppercase; font-size: 1.55em; font-weight: 700; padding: 6px 0 4px 0; -webkit-hyphens: none;
 -moz-hyphens: none;
 -ms-hyphens: none;
 hyphens: none;  }
.ster a { color: #cd3730; text-decoration: none; }

.alert__container { position: absolute; bottom: 50px; left:0; padding: 0 140px; width: 100%; box-sizing:border-box; text-align: left; }
.alert__box { background: rgba(219,75,196,0.8); font-size: 2em; color: #fff; padding: 1em; }

.elastic-video { position: relative; padding-bottom: 55%; padding-top: 15px; height: 0; overflow: hidden; }
.elastic-video-3-4 { position: relative; padding-bottom: 73%; padding-top: 15px; height: 0; overflow: hidden; }
.elastic-video iframe, .elastic-video video { position: absolute; top: 0; left: 0; width: 100%!important; height: 100%!important; }
.elastic-video-3-4 iframe, .elastic-video-3-4 video { position: absolute; top: 0; left: 0; width: 100%!important; height: 100%!important; }

.we_blockControls button { background: #ddd; }

		@media only screen and (max-width: 1200px) {
			#innerHead1, #innerHead21 { width: 980px; }
			.innerSec { width: 980px; }
			#keyvisual { height: 480px; }
			nav#main { font-size: 2.2em; }
			section { font-size: 1.3em; }
			nav#head, nav#footer { font-size : 1.5em; }
			#nextEvent { position: absolute; left: 115px; }
			#nextEvent .eventTitle { font-size: 2em; }
			.teaser { width: 230px; }
			.teaser img { max-width: 230px; height: auto; }
			#loginBlock, #addressBlock { width: 230px; }
			
			#headName { font-size: 4em; left: 250px; }
			#leftCol, #rightCol { width: 230px; }
			#rightCol img { max-width: 198px; height: auto; }
			#mainCol { width: 480px; }
			#fullCol { width: 980px; }
			#midCol { width: 730px; }
			#mainCol img { max-width: 480px; height: auto; }
			.banner__left { width: 440px; font-size: 0.9em; }
			.banner__right { width: 438px; }
			.banner__right img { max-width: 433px; height: auto; }
		}
		
	span.editMode { color: red; font-size: 13px; }
	div.editMode { margin: 10px 0; color: red; font-size: 13px; }
	.nowysiwyg { font-size: 13px; font-family: "Ubuntu"; font-weight: 300; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; line-height: 1.5em; }