/**
 * "Yet Another Multicolumn Layout" - YAML CSS Framework
 *
 * central stylesheet - layout example "flexible-grids"
 *
 * @copyright       Copyright 2005-2012, Dirk Jesse
 * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-CDL (http://www.yaml.de/license.html)
 * @link            http://www.yaml.de
 */

/* Google Font API */
/*@import url(http://fonts.googleapis.com/css?family=Droid+Serif:400,400italic,700|Droid+Sans:700);*/
@import url(https://fonts.googleapis.com/css?family=Armata|Tauri|Courgette);
@import url(https://fonts.googleapis.com/css?family=Raleway:500);/*Footerfont*/
/*@import url(http://fonts.googleapis.com/css?family=Roboto:400,400italic);*/
/*@import url(http://fonts.googleapis.com/css?family=Roboto:400,400italic|Varela+Round);*/
/*Gute Fonts-Alternativen:*/
/*@import url(http://fonts.googleapis.com/css?family=Monda|Merienda|Dosis);*/
/*@import url(https://fonts.googleapis.com/css?family=Ek+Mukta|Ruthie|Pacifico|Sacramento);*/

/* import core styles | Basis-Stylesheets einbinden */
@import url(../yaml/core/base.css);

/* import screen layout | Screen-Layout einbinden */
@import url(../yaml/navigation/hlist.css);
@import url(../yaml/navigation/vlist.css);
/*@import url(../yaml/forms/gray-theme.css);*/

@import url(../yaml/screen/typography.css);
/*@import url(../yaml/screen/screen-FULLPAGE-layout.css);*/
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*@import url(template.css);*/
/*@import url(buttons/component-02.css);*/
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/* import print layout | Druck-Layout einbinden */
@import url(../yaml/print/print.css);

/*================< MUSTER >=====================================*/
/*WICHTIG bei der ID und Klassenbezeichnung:
	Die Namen sollten die Bedeutung/Funktion des Elements beschreiben
	und NICHT dessen Gestaltung: z.B. slogan, infobox, logo ... */

/*================< Browser-RESET in base.css >==================*/

/*================< SCHRIFT UND FARBEN >=========================*/
/*	Farben: lila Schrift: #440044,
	Header: #e3ddd9
	Horizontal Navigation: #F7F7F7
	body: #F7F7F7*/

@media screen {
/*html { overflow-y:scroll;}*//*NICHT nötig: Scrollbar rechts */
html {font-size:100%;}
html>body {font-size:16px;}
body {
	font-family:"Armata", Arial, Helvetica, sans-serif;
	background-color:#f7f7f7;/*e3ddd9 =================< FARBE: BODY >===========*/
	color:#444;/*=================< SCHRIFTFARBE: BODY >===========*/
}
/*===================! ! ! ! ! BOX-MODELL ! ! ! ! !==============================*/
*,
*:after,
*::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
/*------------------------------------------------------------------------*/

/*h3[kapitel = "uebersicht"] { color:blue; }*//*Selektorbeispiel für h3*/

p#slogan {
	font-family:"Courgette", Arial, Helvetica, sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family:"Tauri", Arial, Helvetica, sans-serif;
	font-weight:400;
	color:#999;
}
.italic { font-style:italic;}
.bg-01 {background:#205D68 url(../img/bg_test_a.jpg) left bottom no-repeat;}
.bg-02 { background:#205D68 url(../img/bg_aside_05.gif) left top repeat-y;}
.bg-03 {background:#205D68 url(../img/bg_handboeller02.jpg) bottom center no-repeat;}
#startseite {/*Vorsorglich*/}
#telefonseelsorge {/*Vorsorglich*/}
#veranstaltungen {/*Vorsorglich*/}
#kontakt {/*Vorsorglich*/}
#impressum {/*Vorsorglich*/}
#sponsoren {/*Vorsorglich*/}
#recht {background:#f7f7f7 url(../img/bg_recht_01.jpg) no-repeat top center fixed;}

#link-col-r {/*Vorsorglich*/}

/*.c-box {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.b-box {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}*/

/*YAML*/
/* force vertical scrollbar */
body {overflow-y: scroll;}
/* Layout Module Configuration */
.ym-wrapper {max-width: 90em; margin: 0 auto;}/*default =80em in base.css*/
.ym-wbox {padding: 1.5em;}
/* fallback for missing media queries support*/
body > header, body > nav, body > main, body > footer {min-width: 760px;}
	
/* --------------- Basic Element Styling ---------------------*/
header {
	background: #e3ddd9;/* ffeebc=================< FARBE: HEADER >===========*/
	color: #000;
}
header h1 {
	background: transparent;
	color: #fff;
}
header .ym-wbox {
	padding: 1.5em;
}
main .info {
	margin-bottom: 1.5em;
}
main aside .ym-gbox-right {
	border-left: 1px #ddd solid;
}
footer {
	background: #eee;
	color: #444;
}
footer p {
	margin: 0;
}
footer .ym-wbox {
	padding: 1.5em;
}
.ym-gbox {
	padding: 0 1.5em;
}
.ym-gbox-left {
	padding: 0 1.5em 0 0;
}
.ym-gbox-right {
	padding: 0 0 0 1.5em;
}
.ym-cbox {
	padding: 0 16px;/*Rand links-rechts der column-box*/
}
.ym-cbox-left {
	padding: 0 10px 0 0;/*Rand rechts der linken column-box*/
}
.ym-cbox-right {
	padding: 0 0 0 40px;/*Rand links der rechten column-box*/
}

/* skip links styling */
.ym-skiplinks a.ym-skip:focus,
.ym-skiplinks a.ym-skip:active {
    color: #fff;
    background: #333;
    border-bottom: 1px #000 solid;
    padding: 10px 0;
    text-align: center;
    text-decoration: none;
}
}

/* reset fallback values in modern browsers */
@media screen and (min-width: 0px) {
  body > header, body > nav, body > main, body > footer {
    min-width: 0;
  }
}

/*================< LAYOUT >=====================================*/
/*================< Bereich HEADER >=============================*/
img.logo {background-color: transparent; color:#fff;}
h1#logo a:hover,
h1#logo a:focus,
h1#logo a:active {background-color:transparent;}
div.ym-wbox.ts-header {
	height:170px;/*header-höhe (min 120px)*/
}
/*div.ym-wbox.ts-header.aktive {height:130px;}*/
.jn-relative {position:relative;}/*als Container für position: absolute (s.u.)*/
h1#logo {
	position:absolute;
	left:26px;
	top:6px;
	padding:0;
	margin:0;
	height:22%;/*flexible Logo-Größe*/
	width:22%;/*flexible Logo-Größe*/
	z-index:10;
}
p#slogan {
	position:absolute;
	top:60px;
	left:29%;
	padding:5px 0 5px 0;
	margin-bottom:0;
	font-size:342.85714%;/*228.57143%, 342.85714%*/
	line-height: 1.3125;
}
p#slogan span {
	color:#404;/*Schriftfarbe*/
	display:block;/*Block erzeugen = neue Zeile*/
	text-align:right;/*rechtsbündig ausrichten*/
	padding-right:1em;
}
div#vereinsname {
	position:absolute;
	text-align:right;
	right:10px;
	bottom:-20px;/*padding umgehen*/
	padding:0;
	margin:0;
	width:75%;/*flexible Größe durch %*/
}
/* Navigation oben links */
.jn-navinorm {
	display:inline;
	float:right;
	color:#000;
	font-size:0.7rem;
	line-height:2;
	margin:0em;
	padding:0;
}
.jn-navinorm a {
	padding:0 0.4em;
	color:#000;
}
.jn-navinorm span.standort {
	background-color:#ddd;
	color: #F00;/*f60*/
}
/*================< LAYOUT >=====================================*/
/*================< Bereich HORIZONTALE NAVIGATION >=============*/
nav {
	background: #f7f7f7;/*D0D0D0,E3D5BB*/
	border-top: #DDD solid 2px;
}
.ym-hlist {
	background-color: transparent;/*f7f7f7,D0D0D0,E3D5BB*/
}
nav[role="navigation"] {
	box-shadow: 0 3px 3px rgba(40, 40, 40, 0.3);
	margin-bottom: 0.2em;
}
.ym-hlist ul li a, .ym-hlist ul li strong {
    background: transparent none repeat scroll 0 0;
    color: #666;/*aaa*/
    text-shadow: 0 1px 1px rgba(80, 80, 80, 0.6);/*0.5*/
}
  .ym-hlist ul li a:focus,
  .ym-hlist ul li a:hover,
  .ym-hlist ul li a:active {
    color: #f7f7f7;
    background: #000;/*666*/
    background: rgba(0, 0, 0, 0.35);/*(255, 255, 255, 0.25)*/
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.4);/*0.5*/
    border-radius: 0.2em;
    text-decoration: none;
    outline: 0 none;
  }
/*Klappmenue*/
ul#menu.navindent {
	padding-left:25%;
}
.ym-hlist ul li.active strong {
	background: none repeat scroll 0 0 #e3ddd9;
	color: #404;
	font-weight:bold;
	text-decoration: none;
	-moz-border-radius:3px 3px 3px 3px; /* Firefox */
	-webkit-border-radius:3px 3px 3px 3px; /* Chrome, Safari */
	-khtml-border-radius:3px 3px 3px 3px; /* Konqueror */
	border-radius:3px 3px 3px 3px; /* CSS3 */
	behavior:url(border-radius.htc); /* Internet Explorer */
}
/*================< LAYOUT >=====================================*/
/*================< Bereich VERTIKALE NAVIGATION >=============*/
.jn-hr-list {
    border-color: #ccc;
    border-width: 0 0 1px;
    margin: 0;
    padding: 0;
	margin-top:1em;
}
.jn-list.ym-hlist ul {
    margin: 0;
    padding: 0.4em;
}
.jn-list.ym-hlist ul li a, .ym-hlist ul li strong {
    color: #069;
	text-shadow:none;
}
.jn-list.ym-hlist ul li a, .ym-hlist ul li strong {
    background: transparent none repeat scroll 0 0;
    color: #069;/*069*/
    font-size: 1rem;
    font-weight: bold;
    /*line-height: 2.5;*/
    padding: 0 0.6em;
	text-shadow:none;
    width: auto;
}
  .jn-list.ym-hlist ul li a:focus,
  .jn-list.ym-hlist ul li a:hover,
  .jn-list.ym-hlist ul li a:active {
    color: #fff;
    background: #888;
    /*background: rgba(255, 255, 255, 0.25);*/
    border-radius:0;
  }
  .jn-list.ym-hlist ul li.active {
    background: #888;
    /*background: rgba(255, 255, 255, 0.3);*/
    border-radius:0;
    color: #fff;
  }
/*  .jn-list.ym-hlist ul li.active strong,
  .jn-list.ym-hlist ul li.active a:focus,
  .jn-list.ym-hlist ul li.active a:hover,
  .jn-list.ym-hlist ul li.active a:active {
    background: transparent;
    color: #fff;
    text-decoration: none;
  }*/

/*================< Bereich ALLGEMEIN >==========================*/
.hidden-jn {display: none;}
.abstand-top-01 {margin-top:2rem;}
.small {font-size:0.9rem;}
.inline {padding:0 0.3rem;}
.size-h1 {
	/* font-size: 48px; */
	font-size: 342.85714%;
	line-height: 1.2;/*0.875*/
	margin: 0 0 0.4375em 0;
}

.size-h2 {
	/* font-size: 32px; */
	font-size: 228.57143%;
	line-height: 1.3125;
	margin: 0 0 0.65625em 0;
}

.size-h3 {
	/* font-size: 24px; */
	font-size: 171.42857%;
	line-height: 1.25;/*0.875*/
	margin: 0 0 0.875em 0;
}

.size-h4 {
	/* font-size: 21px; */
	font-size: 150%;
	line-height: 1;
	margin: 0 0 1em 0;
}

.size-h5 {
	/* font-size: 18px; */
	font-size: 128.57143%;
	line-height: 1.16667;
	margin: 0 0 1.16667em 0;
}

.size-h6 {
	/* font-size: 14px; */
	font-size: 100%;
	font-weight: bold;
	line-height: 1.5;
	margin: 0 0 1.5em 0;
	padding-left:1rem;
}
.flexible-00 {
	/* NO margin */
	height: auto;
	max-width: 100%;
}
.center-00 {
	display: block;
	margin: 0 auto;
	text-align: center;
}
/*Hinweiszeile für Datum*/
.stand {
	font-size:84%;
	color:#bbb;
	text-align:left;
	padding:0;
	margin:0;
}
.jn-hr1 {
	/*jn hr-Formatierung*/
	border-color:#220022;/*Linienfarbe*/
	margin: 0px 0px 0.75em;/*Abstand nach unten*/
	padding: 0px 0px 0.67857em;/*Abstand nach oben*/
	border-width: 0px 0px 1px;/*Linienstärke*/
}
.jn-hr2 {
	/*jn hr-Formatierung*/
	border-color:#ddd;/*Linienfarbe*/
	margin: 0px 0px 0.75em;/*Abstand nach unten*/
	padding: 0px 0px 0.67857em;/*Abstand nach oben*/
	border-width: 0px 0px 2px;/*Linienstärke*/
}
.jn-bordered-01 {
	border: 1px #bbb solid;
}
/*Rahmen*/
.jn-bordered-02 {
	/*margin-bottom: 1.5em;*/
	border: 2px #bbb solid;
	-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
}
.notiz-0000 {
	margin: 0 auto;
	text-align: center;
}
.notiz-1000 {
	/*Rand nur oben*/
	padding-top:1.42857em;
}
.notiz-1010 {
	/*Rand nur oben und unten*/
	/*font-size:0.9375em;*/
	/*color: rgba(240, 240, 190, 0.9);*/
	padding:1.42857em 0;
}
.notiz-1111 {
	/*Rand rundherum*/
	padding:1.42857em;
}
.bg-001 {background-color: #eee;}
.bg-002 {background-color: #f0eae6;}
/*.bg-003 {background-color: #979797;}*/
.bg-neutral {background-color: #f7f7f7;}/*=bg-color vom body*/

.bg-001 .ym-gbox,
.bg-002 .ym-gbox,
.bg-neutral .ym-gbox,
.jn-bordered .ym-gbox {
	padding:1.42857em;
}
.bg-neutral .ym-gbox-left,
.bg-neutral .ym-gbox-right {
	padding-top:1.42857em;
}
/*.bg-001 .ym-gbox p,
.bg-002 .ym-gbox p,
.bg-neutral .ym-gbox p,
.jn-bordered .ym-gbox p,
.bg-neutral .ym-gbox-left p,
.bg-neutral .ym-gbox-right p {
	font-size:90%;
}*/
.maincontent {
	word-spacing:1px;
	line-height:1.6;
	padding-right:2rem;
	text-align:justify;
}
.fb-inlinecontent {
	word-spacing:1px;
	line-height:1.5;
	padding:1rem;
	text-align:justify;
	display:none;
}
.fb-inlinecontent p {
	font-size:0,5rem;/**/
}
p.hot-nr {
	/*font-size: 100%;*/
	font-weight:bold;
	line-height: 1.5;
	margin: 0 0 0 0;
	text-align:center;
	letter-spacing:0.1em;
}
.hot-zeile {
	text-align:right;
	color:#404;
	font-weight:bold;
	padding-right:1rem;
	margin-bottom:1rem;
}
.konto, .kontakt-TS {
	padding:1rem 0;
	border-top: #ccc solid 2px;
	border-bottom: #ccc solid 2px;
	text-align:center;
	font-size:90%;
	color:#111;
}
.kontakt-de, .link-im-text {
	font-weight:bold;
	padding:0 0.5rem;
	color:#202;
}
.tel-vors {
	padding:1rem 0;
	border-top: #ccc solid 2px;
	text-align:center;
	font-size:90%;
	color:#111;
}

/*================< Bereich ALLGEMEIN >==========================*/
/*                      SPALTEN                                  */

.ym-col3 p {color:#505;}/*s.S.133*/
.ym-col3 h1,
.ym-col3 h2,
.ym-col3 h3,
.ym-col3 h4,
.ym-col3 h5,
.ym-col3 h6 {color: #404;}
/*Vertikale (v) Spaltenverschiebung*/
.col1-v-start {margin-top:2rem;}
.col3-v-start {margin-top:8rem;}
.ym-col3 {padding-left:1em;}
/*.aside.ym-col3 {padding-left:1em; padding-right:1em;}*/
.ym-column a {
	color: #069;/* base: #fdd703 */
	font-weight:bold;
	transition: background-color 1s ease;/* muss doppelt (s.unten) wegen in-out-Wirkung */
}
/*.ym-column a.linkimtext {

	padding-left:0.3em;
	padding-right:0.3em;
}*/
/*Link im Textfluss*/
.ym-column a:hover,
.ym-column a:focus {
	color:#fff;
	background-color:#888;
	transition: background-color 1s ease;/* muss doppelt (s.oben) wegen in-out-Wirkung */
}
.bildungsspender.opak a,
.k_projekt.opak a,
.ym-column .opak a,
.ym-column .opak a {
	transition: opacity 0.75s ease;
}
.bildungsspender.opak a:hover,
.bildungsspender.opak a:focus,
.k_projekt.opak a:hover,
.k_projekt.opak a:focus,
.ym-column .opak a:hover,
.ym-column .opak a:focus {
	background-color: transparent;
	opacity:0.5;
	transition: opacity 0.75s ease;
}
a.mehr {
	display:inline-block;
	padding:0.3rem 0.5rem;
	margin:0.5rem 0;	
	background-color:#ddd;
	border-top:2px solid #D1D1D1;
	border-bottom:2px solid #D1D1D1;
}
p.beitritt-druck {display:none;}
@media print {
	/*NUR PRINT*/
	p.beitritt-druck {display: block;}
}
/*================< Bereich FOOTER >=============================*/
footer {
	border-top:5px solid #888;
	background-color:#220022;/* ==========> FARBE FOOTER: #220022*/
	color:#ddd;
}
#jn-footer {
	font-family: 'Raleway', sans-serif;
	padding-top:1px;
	margin-top:2px;
	letter-spacing:1px;/*Abstand zwischen den Buchstaben*/ 
}
#jn-footer a {
	color:#fdd703;/*#fdd703*/
	font-size:0.8rem;
	transition: background-color 0.5s ease;/* muss doppelt (s.unten) wegen in-out-Wirkung */
}
#jn-footer a:hover,
#jn-footer a:focus {
	color:#1a4a53;
	background-color:#ccc;
	transition: background-color 0.5s ease;/* muss doppelt (s.unten) wegen in-out-Wirkung */
}
#jn-footer a:active {
	color:#ff0;
	background-color:#f30;
}
.ym-gbox.fo-links span {
	display:block;
	text-align:left;
	line-height:2.5;/*erzeugt die Höhe*/
	font-size:0.8rem;
}
.ym-gbox.fo-links span a {
	padding-left:0.3em;
}
.ym-gbox.fo-links span a:hover,
.ym-gbox.fo-links span a:focus {
	line-height:2;
	padding:1em 2em;
}
.ym-gbox.fo-links span.yaml a:hover,
.ym-gbox.fo-links span.yaml a:focus {
	line-height:2;
	padding:0.5em 0.75em;
}
.ym-gbox.fo-center,
.ym-gbox.fo-designer {
	padding-left:0;
	padding-right:0;
}
.ym-gbox.fo-designer a {
	display:block;
	line-height:7.5;/* erzeugt die Höhe hier 7.5 */
	text-align:right;
	padding-right:3%;
}
.ym-gbox.fo-center a {
	display:block;
	text-align:center;
	line-height:2.5;/*erzeugt die Höhe*/
}
.ym-gbox.fo-center a span.standort {
	color:#F00;
}
.fo-designer a:hover,
.fo-designer a:focus {
	text-align:center;
}
.fo-vlinie-li {
	border-left:2px solid #666;
}
.fo-vlinie-re {
	border-right:2px solid #666;
}
address {
	font-family:Georgia, "Times New Roman", Times, serif;
	text-align:center; /**/
	font-size:80%;/**/ 
	font-style:normal;/**/ 
	letter-spacing:2px;/*Abstand zwischen den Buchstaben*/ 
	line-height:1.5;/*Zeilenabstand, ohne Einheit*/
	color:#fff;
}
.bildungsspender {
	position:fixed; top:232px; left:8px;
}
/*==============================< Bilder >=============================================================*/
		.bilderzeile {
		padding-top:1em;
		padding-bottom:1em;
		border-bottom:2px solid #ddd;
		}
		.bilderzeile:last-of-type { margin-bottom:2em; border-bottom: none;}

		/* NUR Bild */
		.a-bild a {
			background: transparent none repeat scroll 0 0;
			color: transparent;
			text-decoration: none;
			transition: opacity 0.75s ease;
		}
		.a-bild a:hover,
		.a-bild a:focus {
			background-color: transparent;
			color: white;
			text-decoration: none;
			opacity:0.5;
			transition: opacity 0.75s ease;
		}
		.texzentr {
			text-align:center;
		}
		a img.flexible {
			max-width:100%;
			height:auto;
			margin:0;
		}
		p { 
			-webkit-hyphens: auto;
			hyphens: auto; 
		}

/*==============================< SPECIALS >=============================================================*/
.fancybox-custom .fancybox-skin {
	box-shadow: 0 0 50px #222;
}
/* hintergrund bei mouseover =off*/
[class*="fancybox"] a:link, .linkoff a:link {
	background-color:transparent;
}

/*-------------------------------< Responsive Slides ONLY >----------------------------------------------*/
/* Original: responsiveslides.css ===>>   ! http://responsiveslides.com v1.54 by @viljamis  */
.rslides {position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0;}
.rslides li {-webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; padding:0; margin:0;}
.rslides li:first-child {position: relative; display: block; float: left;}
.rslides img {display: block; height: auto; float: left; width: 100%; border: 0;}


/*================< BREAKPOINTS >================================*/
/*@media screen and ( max-width: 880px )  {
h1#logo {height:202px;width:168px; left:2px; top:3px;}
}
@media screen and ( max-width: 800px )  {
h1#logo {height:162px;width:128px; left:2px; top:3px;}
}*/
/* -------- Vertikale Position ----------------------- */
@media screen and ( max-height: 440px )  {
	.bildungsspender {
		position:fixed; top:180px; left:2px;
	}
}

/* -------- Desktop first: von oben nach unten ------- */
@media screen and ( max-width: 1410px )  {
	p#slogan {font-size:310%;/*228.57143%*/}

}
@media screen and ( max-width: 1280px )  {
	/* Linearisation for Grid- and Column-Module, based on CSS class .linearize-level-1 */
	.linearize-level-1, .linearize-level-1 > [class*="ym-c"], .linearize-level-1 > [class*="ym-g"] {
		display: block;
		float: none;
		padding: 0;
		margin: 0;
		width: auto !important;
	}
	.linearize-level-1 > [class*="ym-c"] > [class*="ym-cbox"], .linearize-level-1 > [class*="ym-g"] > [class*="ym-gbox"] {
		margin: 0;
		padding: 0;
		overflow: hidden;
	}
	.col3-v-start {margin-top:2rem;}
	.lt1280none {display:none;}
	p#slogan {font-size:280%;/*228.57143%*/
	top:65px;}
	.bilderzeile {
		border-bottom: none;
	}
}
@media screen and ( max-width: 1148px )  {
	p#slogan {font-size:256%;/*228.57143%*/
	top:75px;}

}
@media screen and ( max-width: 1100px )  {
	p#slogan {font-size:230%;/*228.57143%*/
	left:30%;
	top:80px;}
}
@media screen and ( max-width: 1024px )  {
	/* Linearisation for Grid- and Column-Module, based on CSS class .linearize-level-2 */
	.linearize-level-2, .linearize-level-2 > [class*="ym-c"], .linearize-level-2 > [class*="ym-g"] {
		display: block;
		float: none;
		padding: 0;
		margin: 0;
		width: auto !important;
	}
	.linearize-level-2 > [class*="ym-c"] > [class*="ym-cbox"], .linearize-level-2 > [class*="ym-g"] > [class*="ym-gbox"] {
		margin: 0;
		padding: 0;
		overflow: hidden;
	}
	.ym-gl.jn-bordered,
	.ym-gr.jn-bordered,
	.ym-gl[class*="bg-0"],
	.ym-gr[class*="bg-0"] {
		padding:1.42857em;
	}
	.ym-gl.bg-neutral,
	.ym-gr.bg-neutral {
		border:none;
		padding-top:1.42857em;
		padding-bottom:1.42857em;
	}
	.ym-vlist li a {line-height: 3rem; font-size:1rem;}/*Höhe der Buttonzeile*/
	.maincontent {padding-right:0; text-align: left;}
	.maincontent.opak {text-align: center;}
	.jn1024off {display: none;}/*von oben unter 1024px*/

}
@media screen and ( max-width: 960px )  {
	p#slogan {font-size:216%;/*228.57143%*/
	top:85px;}
}
@media screen and ( max-width: 946px )  {
	ul#menu.navindent {padding-left:8%;}
	h1#logo {
	left:6px;
	/*top:6px;
	padding:0;
	margin:0;*/
	height:176px;/* 20%flexible Logo-Größe*/
	width:176px;/* 20%flexible Logo-Größe*/
	z-index:10;
}
	p#slogan {font-size:202%;/*228.57143%*/
	left:32%;}
}
@media screen and ( max-width: 900px )  {
	/*.un900off {display:none;}*/
	.jn900off {display: none;}/*von oben unter 900px*/
	p#slogan {font-size:180%;/*228.57143%*/}
}

@media screen and (max-width: 798px) {
	/* Linearisation for Grid- and Column-Module, based on CSS class .linearize-level-3 == 760 */
	.linearize-level-3, .linearize-level-3 > [class*="ym-c"], .linearize-level-3 > [class*="ym-g"] {
		/* linearization for grids and columns module */
		display: block;
		float: none;
		padding: 0;
		margin: 0;
		width: auto !important;
	}
	.linearize-level-3 > [class*="ym-c"] > [class*="ym-cbox"], .linearize-level-3 > [class*="ym-g"] > [class*="ym-gbox"] {
		/* reset defined gutter values */
		margin: 0;
		padding: 0;
		/* optional for containing floats */
		overflow: hidden;
	}
	.fo-copy, .yaml {padding-left: 1em;}

	.secondary {
		border-top: 1px #888 solid;
		margin-top: 1.5em !important;
		padding-top: 1.5em !important;
	}

	main aside .ym-gbox-right {
		border: 0 none;
	}

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

	.ym-searchform input[type="search"] {width: 14%;}
	.lt800none { display:none;}/* lt = less than */
	h1 { font-size:171.42857%;}
	
	p.endelinie,
	.notiz-1111,
	.ym-gl.jn-bordered,
	.ym-gr.jn-bordered,
	.ym-gl[class*="bg-0"],
	.ym-gr[class*="bg-0"],
	.ym-gr[class*="endelinie"] {
		border:none;
		padding:1.42857em 0;
		/*border-top:2px #bbb solid;*/
		border-bottom:2px #bbb solid;
		background:#f7f7f7 none no-repeat;
	}
	.col3-start {margin-top:0.8em;}
	#jn-footer a {font-size:1.2rem;}
	.ym-gbox.fo-designer a {line-height:2.5; text-align: center; padding-right:0;}
	.jn800off {display: none;}/*von oben unter 800px*/

/*  NEU  */
.jn-list.ym-hlist ul {
    font-size: 100%;
    margin: 0;
    padding:0;/* 0.5em 1.5em*/
    display: block;
    float: none;
    line-height: 2.5;
    border-top: 2px #ddd solid;
    border-bottom: 2px #ddd solid;
	margin-bottom:1em;
  }
.jn-list.ym-hlist ul li {
     font-size: 100%;
   display: block;
    float: none ;/*left*/
    font-size: 1.0em;
    line-height: 2;
    /*list-style-type: none;*/
    margin: 0 .25em 0 0;
    padding: 0;
    line-height: 2.5;
  }
.jn-list.ym-hlist a,
.jn-list.ym-hlist strong,
.jn-list.ym-hlist span {
    border-bottom: 1px #ddd solid;
  }
.ym-vlist li a {line-height: 4rem; font-size:1rem;}/*Höhe der Buttonzeile*/
}
@media screen and (max-width: 758px) {
	.ym-hlist ul li a, .ym-hlist ul li strong {padding: 0 0.4em;}
	ul#menu.navindent {padding-left:1%; padding-right:1%;}
	p#slogan {font-size:170%;/*228.57143%*/}
}
@media screen and ( max-width: 690px )  {
	p#slogan {font-size:160%;/*228.57143%*/}
}

@media screen and (max-width: 480px) {
  /* Linearisation for Grid- and Column-Module, based on CSS class .linearize-level-4 */
  .linearize-level-4, .linearize-level-4 > [class*="ym-c"], .linearize-level-4 > [class*="ym-g"] {
    /* linearization for grids and columns module */
    display: block;
    float: none;
    padding: 0;
    margin: 0;
    width: auto !important;
  }
  .linearize-level-4 > [class*="ym-c"] > [class*="ym-cbox"], .linearize-level-4 > [class*="ym-g"] > [class*="ym-gbox"] {
    /* reset defined gutter values */
    margin: 0;
    padding: 0;
    /* optional for containing floats */
    overflow: hidden;
  }

  header .ym-wbox {
    padding: 0.75em 10px;
  }
  header h1 {
    font-size: 1.5em;
    line-height: 1em;
    margin: 0;
  }

  footer .ym-wbox,
  .ym-wbox,
  .ym-searchform,
  nav .ym-hlist ul {
    padding-left: 10px;
    padding-right: 10px;
  }

  .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%;
  }
	.jn480off {display: none;}/*von oben unter 480px*/
}

/* -------- Mobile first: von unten nach oben ------- */
@media screen and ( min-width: 799px )  {
	.ht800none, .hot-zeile { display:none;}
}

/*================< MUSTER >=====================================*/
/*EINSCHALTEN bei 3-Spalter*/
/*.ym-col1 { width: 60%; float:left; margin-left: 20%; }*/ /* center column */
/*.ym-col2 { width: 20%; float:left;  margin-left: -80%; }*/ /* left column */
/*.ym-col3 {  float:right; width: 20%; margin-left: -5px; margin-right: 0%; }*/ /* right column */

/*EINSCHALTEN bei 2-Spalter*/
.ym-col1 { float: right; width: 75%; } /* content */
.ym-col3 { margin: 0 75% 0 0; } /* sidebar */

/*FIXIERTER HOME-BUTTON oben rechts*/
.fixiert {
	position: fixed;
	right:2px;/*Position von rechts*/
	top:2px;/*Position von oben*/
	background-color: #ddd;/*#ddd*/
	width:80px;/*px = fixe Breite bleibt bei jedem Viewport gleich / variabel dann %*/
	border: #222 solid 4px;
	border-radius:8px;
	/*height:10px;*//*OHNE height: Höhe = Schrift*/
	padding:5px;
	z-index:200;
	font:normal 100% arial, sans-serif;
	text-align:center;
	color:#ddd;
	margin:0;
}
.fixiert a {
	display:block;
	text-decoration:none;
	background-color: #020C01;
	color:#ddd;
	border:0;
	padding:0.5rem;/*erzeugt die Höhe von"a"*/
}

.fixiert a:hover,
.fixiert a:focus {
	background:#D6D6D6;
	/*border-bottom:none;*/
	color:#222;
	text-decoration:none;
}
.fixiert a:active {
	background:#585858;
	color:#fff;
}