@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Karla:400,400i,700,700i|Lusitana);
@media all { /** @section Normalisation Module */
  /* (en) Global reset of paddings and margins for all HTML elements */
  /* (de) Globales Zurücksetzen der Innen- und Außenabstände für alle HTML-Elemente */
  * { margin: 0; padding: 0; }
  /* (en) Correction: margin/padding reset caused too small select boxes. */
  /* (de) Korrektur: Das Zurücksetzen der Abstände verursacht zu kleine Selectboxen. */
  option { padding-left: 0.4em; }
  select { padding: 1px; }
  /* (en) Global fix of the Italics bugs in IE 5.x and IE 6 (de) Globale Korrektur des Italics Bugs des IE 5.x und IE 6 @bugfix @affected   IE 5.x/Win, IE6 @css-for    IE 5.x/Win, IE6 @valid      yes */
  * html body * { overflow: visible; }
  /* (en) Fix for rounding errors when scaling font sizes in older versions of Opera browser Standard values for colors and text alignment (de) Beseitigung von Rundungsfehler beim Skalieren von Schriftgrößen in älteren Opera Versionen Vorgabe der Standardfarben und Textausrichtung */
  body { font-size: 100%; background: #fff; color: #000; text-align: left; }
  /* (en) avoid visible outlines on DIV and h[x] elements in Webkit browsers */
  /* (de) Vermeidung sichtbarer Outline-Rahmen in Webkit-Browsern */
  div:target, h1:target, h2:target, h3:target, h4:target, h5:target, h6:target { outline: 0 none; }
  /* (en) HTML5 - adjusting visual formatting model to block level */
  /* (de) HTML5 - Elements werden als Blockelemente definiert */
  article, aside, details, figcaption, figure, footer, header, main, nav, section, summary { display: block; }
  /* (en) HTML5 - default media element styles */
  /* (de) HTML5 - Standard Eigenschaften für Media-Elemente */
  audio, canvas, video { display: inline-block; }
  /* (en) HTML5 - don't show <audio> element if there aren't controls */
  /* (de) HTML5 - <audio> ohne Kontrollelemente sollten nicht angezeigt werden */
  audio:not([controls]) { display: none; }
  /* (en) HTML5 - add missing styling in IE & old FF for hidden attribute */
  /* (de) HTML5 - Eigenschaften für das hidden-Attribut in älteren IEs und FF nachrüsten */
  [hidden] { display: none; }
  /* (en) Prevent iOS text size adjust after orientation change, without disabling user zoom. */
  /* (de) Verdindert die automatische Textanpassung bei Orientierungswechsel, ohne Zoom zu blockieren */
  html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
  /* (en) set correct box-modell in IE8/9 plus remove padding */
  /* (de) Setze das richtige Box-Modell im IE8/9 und entferne unnötiges Padding */
  input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
  /* (en) force consistant appearance of input[type="search"] elements in all browser */
  /* (de) Einheitliches Erscheinungsbild für input[type="search"] Elemente erzwingen */
  input[type="search"] { -webkit-appearance: textfield; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
  input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
  /* (en) Correct overflow displayed oddly in IE 9 */
  /* (de) Korrigiert fehlerhafte overflow Voreinstellung des IE 9 */
  svg:not(:root) { overflow: hidden; }
  /* (en) Address margin not present in IE 8/9 and Safari 5 */
  /* (en) Ergänzt fehlenden Margin in IE 8/9 und Safari 5 */
  figure { margin: 0; }
  /* (en) Clear borders for <fieldset> and <img> elements */
  /* (de) Rahmen für <fieldset> und <img> Elemente löschen */
  fieldset, img { border: 0 solid; }
  /* (en) new standard values for lists, blockquote, cite and tables */
  /* (de) Neue Standardwerte für Listen, Zitate und Tabellen */
  ul, ol, dl { margin: 0 0 1em 1em; }
  li { line-height: 1.5em; margin-left: 0.8em; }
  dt { font-weight: bold; }
  dd { margin: 0 0 1em 0.8em; }
  blockquote { margin: 0 0 1em 0.8em; }
  q { quotes: none; }
  blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
  table { border-collapse: collapse; border-spacing: 0; }
  /** @section Float Handling Module */
  /* (en) clearfix method for clearing floats */
  /* (de) Clearfix-Methode zum Clearen der Float-Umgebungen */
  .ym-clearfix:before { content: ""; display: table; }
  .ym-clearfix:after { clear: both; content: "."; display: block; font-size: 0; height: 0; visibility: hidden; }
  /* (en) alternative solutions to contain floats */
  /* (de) Alternative Methoden zum Einschließen von Float-Umgebungen */
  .ym-contain-dt { display: table; table-layout: fixed; width: 100%; }
  .ym-contain-oh { display: block; overflow: hidden; width: 100%; }
  .ym-contain-fl { float: left; width: 100%; }
  /** @section Column Module default column config: |-------------------------------| | col1    | col3      | col2    | | 20%     | flexible  | 20%     | |-------------------------------| */
  .ym-column { display: table; table-layout: fixed; width: 100%; }
  .ym-col1 { float: left; width: 20%; }
  .ym-col2 { float: right; width: 20%; }
  .ym-col3 { width: auto; margin: 0 20%; }
  .ym-cbox { padding: 0 10px; }
  .ym-cbox-left { padding: 0 10px 0 0; }
  .ym-cbox-right { padding: 0 0 0 10px; }
  /* (en) IE-Clearing: Only used in Internet Explorer, switched on in iehacks.css */
  /* (de) IE-Clearing: Benötigt nur der Internet Explorer und über iehacks.css zugeschaltet */
  .ym-ie-clearing { display: none; }
  /** @section Grid Module */
  .ym-grid { display: table; table-layout: fixed; width: 100%; list-style-type: none; padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0; }
  .ym-gl { float: left; margin: 0; }
  .ym-gr { float: right; margin: 0 0 0 -5px; }
  .ym-g20 { width: 20%; }
  .ym-g40 { width: 40%; }
  .ym-g60 { width: 60%; }
  .ym-g80 { width: 80%; }
  .ym-g25 { width: 25%; }
  .ym-g33 { width: 33.333%; }
  .ym-g50 { width: 50%; }
  .ym-g66 { width: 66.666%; }
  .ym-g75 { width: 75%; }
  .ym-g38 { width: 38.2%; }
  .ym-g62 { width: 61.8%; }
  .ym-gbox { padding: 0 10px; }
  .ym-gbox-left { padding: 0 10px 0 0; }
  .ym-gbox-right { padding: 0 0 0 10px; }
  .ym-equalize { overflow: hidden; }
  .ym-equalize > [class*="ym-g"] { display: table-cell; float: none; margin: 0; vertical-align: top; }
  .ym-equalize > [class*="ym-g"] > [class*="ym-gbox"] { padding-bottom: 10000px; margin-bottom: -10000px; }
  /** @section Form Module */
  /** Vertical-Forms - technical base (standard) |-------------------------------| | form                          | |-------------------------------| |   label                       | |   input / select / textarea   | |-------------------------------| | /form                         | |-------------------------------| (en) Styling of forms where both label and input/select/textarea are styled with display:block; (de) Formulargestaltung, bei der sowohl label als auch input/select/textarea mit display:block; gestaltet werden */
  .ym-form, .ym-form fieldset { overflow: hidden; }
  .ym-form div { position: relative; }
  .ym-form label, .ym-form .ym-label, .ym-form .ym-message { position: relative; line-height: 1.5; display: block; }
  .ym-form .ym-message { clear: both; }
  .ym-form .ym-fbox-check label { display: inline; }
  .ym-form input, .ym-form textarea { cursor: text; }
  .ym-form .ym-fbox-check input, .ym-form input[type="image"], .ym-form input[type="radio"], .ym-form input[type="checkbox"], .ym-form select, .ym-form label { cursor: pointer; }
  .ym-form textarea { overflow: auto; }
  .ym-form input.hidden, .ym-form input[type=hidden] { display: none !important; }
  .ym-form .ym-fbox:before, .ym-form .ym-fbox-text:before, .ym-form .ym-fbox-select:before, .ym-form .ym-fbox-check:before, .ym-form .ym-fbox-button:before { content: ""; display: table; }
  .ym-form .ym-fbox:after, .ym-form .ym-fbox-text:after, .ym-form .ym-fbox-select:after, .ym-form .ym-fbox-check:after, .ym-form .ym-fbox-button:after { clear: both; content: "."; display: block; font-size: 0; height: 0; visibility: hidden; }
  .ym-form .ym-fbox-check input:focus, .ym-form .ym-fbox-check input:hover, .ym-form .ym-fbox-check input:active, .ym-form input[type="radio"]:focus, .ym-form input[type="radio"]:hover, .ym-form input[type="radio"]:active, .ym-form input[type="checkbox"]:focus, .ym-form input[type="checkbox"]:hover, .ym-form input[type="checkbox"]:active { border: 0 none; }
  .ym-form input, .ym-form textarea, .ym-form select { display: block; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 70%; }
  .ym-form .ym-fbox-check input, .ym-form input[type="radio"], .ym-form input[type="checkbox"] { display: inline; margin-left: 0; margin-right: 0.5ex; width: auto; height: auto; }
  .ym-form input[type="image"] { border: 0; display: inline; height: auto; margin: 0; padding: 0; width: auto; }
  .ym-form label, .ym-form .ym-label { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
  .ym-form .ym-fbox-button input { display: inline; overflow: visible; width: auto; }
  .ym-form .ym-inline { display: inline-block; float: none; margin-right: 0; width: auto; vertical-align: baseline; }
  /* default form wrapper width */
  .ym-fbox-wrap { display: table; table-layout: fixed; width: 70%; }
  .ym-fbox-wrap input, .ym-fbox-wrap textarea, .ym-fbox-wrap select { width: 100%; }
  .ym-fbox-wrap input[type="image"] { width: auto; }
  .ym-fbox-wrap input[type="radio"], .ym-fbox-wrap input[type="checkbox"] { display: inline; width: auto; margin-left: 0; margin-right: 0.5ex; }
  .ym-fbox-wrap label, .ym-fbox-wrap .ym-label { display: inline; }
  .ym-full input, .ym-full textarea, .ym-full select { width: 100%; }
  .ym-full .ym-fbox-wrap { width: 100%; }
  /** Columnar forms display - technical base (optional) |-------------------------------------------| | form                                      | |-------------------------------------------| |                                           | |   label   |   input / select / textarea   | |                                           | |-------------------------------------------| | /form                                     | |-------------------------------------------| (en) Styling of forms where label floats left of form-elements (de) Formulargestaltung, bei der die label-Elemente nach links fließen */
  .ym-columnar input, .ym-columnar textarea, .ym-columnar select { float: left; margin-right: -3px; }
  .ym-columnar label, .ym-columnar .ym-label { display: inline; float: left; width: 30%; z-index: 1; }
  .ym-columnar .ym-fbox-check input, .ym-columnar .ym-message { margin-left: 30%; }
  .ym-columnar .ym-fbox-wrap { margin-left: 30%; margin-right: -3px; }
  .ym-columnar .ym-fbox-wrap .ym-message { margin-left: 0%; }
  .ym-columnar .ym-fbox-wrap label { float: none; width: auto; z-index: 1; margin-left: 0; }
  .ym-columnar .ym-fbox-wrap input { margin-left: 0; position: relative; }
  .ym-columnar .ym-fbox-check { position: relative; }
  .ym-columnar .ym-fbox-check label, .ym-columnar .ym-fbox-check .ym-label { padding-top: 0; }
  .ym-columnar .ym-fbox-check input { top: 3px; }
  .ym-columnar .ym-fbox-button input { float: none; margin-right: 1em; }
  .ym-fbox-wrap + .ym-fbox-wrap { margin-top: 0.5em; }
  /* global and local columnar settings for button alignment */
  .ym-columnar fieldset .ym-fbox-button, fieldset.ym-columnar .ym-fbox-button { padding-left: 30%; }
  /** @section Accessibility Module (en) skip links and hidden content (de) Skip-Links und versteckte Inhalte */
  /* (en) classes for invisible elements in the base layout */
  /* (de) Klassen für unsichtbare Elemente im Basislayout */
  .ym-skip, .ym-hideme, .ym-print { position: absolute; top: -32768px; left: -32768px; }
  /* (en) make skip links visible when using tab navigation */
  /* (de) Skip-Links für Tab-Navigation sichtbar schalten */
  .ym-skip:focus, .ym-skip:active { position: static; top: 0; left: 0; }
  /* skiplinks:technical setup */
  .ym-skiplinks { position: absolute; top: 0px; left: -32768px; z-index: 1000; width: 100%; margin: 0; padding: 0; list-style-type: none; }
  .ym-skiplinks .ym-skip:focus, .ym-skiplinks .ym-skip:active { left: 32768px; outline: 0 none; position: absolute; width: 100%; } }

@media print { /** @section print adjustments for core modules (en) float containment for grids. Uses display:table to avoid bugs in FF & IE (de) Floats in Grids einschließen. Verwendet display:table, um Darstellungsprobleme im FF & IE zu vermeiden @bugfix @since     3.0 @affected  FF2.0, FF3.0, IE7 @css-for   all browsers @valid     yes */
  .ym-grid > .ym-gl, .ym-grid > .ym-gr { overflow: visible; display: table; table-layout: fixed; }
  /* (en) make .ym-print class visible */
  /* (de) .ym-print-Klasse sichtbar schalten */
  .ym-print { position: static; left: 0; }
  /* (en) generic class to hide elements for print */
  /* (de) Allgemeine CSS Klasse, um beliebige Elemente in der Druckausgabe auszublenden */
  .ym-noprint { display: none !important; } }

@media all { .ym-hlist { /* (en) containing floats in IE */ /* (de) Einfassen der Floats im IE */ width: 100%; overflow: hidden; position: relative; line-height: 1em; background: transparent; }
  .ym-hlist ul { margin: 0; padding: 0.5em 1.5em; font-family: "Lusitana", Georgia, "Times New Roman", Times, serif; }
  .ym-hlist ul li { display: inline; float: left; font-size: 1.0em; line-height: 1; list-style-type: none; margin: 0; padding: 0; }
  .ym-hlist ul li a, .ym-hlist ul li strong { background: transparent; color: #fff; display: block; font-size: 1.3em; line-height: 2em; padding: 0 0.5em; font-weight: normal; text-decoration: none; width: auto; }
  .ym-hlist ul li a:focus, .ym-hlist ul li a:hover, .ym-hlist ul li a:active { color: #fff; background: #666; background: rgba(255, 255, 255, 0.25); text-decoration: none; outline: 0 none; }
  .ym-hlist ul li.active { background: #666; background: rgba(255, 255, 255, 0.3); color: #fff; }
  .ym-hlist ul li.active strong, .ym-hlist ul li.active a:focus, .ym-hlist ul li.active a:hover, .ym-hlist ul li.active a:active { background: transparent; color: #fff; text-decoration: none; }
  /* ------- search form -------- */
  .ym-searchform { display: block; line-height: 2; padding: 0.9em 1.5em; width: 90%; margin: 0 auto; text-align: center; }
  .ym-searchform .ym-searchfield { -webkit-appearance: none; background: #fff; line-height: 1; padding: 0.25em; width: 60%; border: solid 1px #888; border: solid 1px rgba(255, 255, 255, 0.1); outline: none; -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2); box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2); }
  .ym-searchform .ym-searchbutton { -webkit-appearance: none; background: #5f5f5f; background: rgba(255, 255, 255, 0.2); border-radius: .2em; color: #fff; cursor: pointer; display: inline-block; font-size: 1em; line-height: 1.25; padding: 0.25em; border: solid 1px transparent; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); } }

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; }

.sf-menu li { position: relative; }

.sf-menu ul { position: absolute; display: none; top: 100%; left: 0; z-index: 99; }

.sf-menu li > li { float: left; }

.sf-menu ul li:hover > ul, .sf-menu ul li.sfHover > ul { display: block; }

.sf-menu a { display: block; position: relative; }

.sf-menu ul { top: 32px; left: 0; }

/*** DEMO SKIN ***/
.sf-menu { display: flex; flex-wrap: wrap; margin-bottom: 1em; }

.sf-menu ul { min-width: 12em; /* allow long menu items to determine submenu width */ *width: 12em; /* no auto sub width for IE7, see white-space comment below */ width: auto; }

.sf-menu ul li a { padding: .75em 1em; text-decoration: none; zoom: 1; /* IE7 */ text-align: left; }

.sf-menu li { white-space: nowrap; /* no need for Supersubs plugin */ *white-space: normal; /* ...unless you support IE7 (let it wrap) */ }

.sf-menu ul li { display: block; background-color: #d1d1d1; }

.sf-menu ul ul li { background: #d1d1d1; display: block; }

.sf-menu ul li:hover, .sf-menu ul li.sfHover { background-color: #949494; /* only transition out, not in */ -webkit-transition: none; transition: none; }

/*** arrows (for all except IE7) **/
/* styling for both css and generated arrows */
.sf-arrows .sf-with-ul:after { content: ''; position: absolute; top: 50%; right: 50%; margin-top: 15px; height: 0; width: 0; /* order of following 3 rules important for fallbacks to work */ border: 5px solid transparent; border-top-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */ border-top-color: rgba(255, 255, 255, 0.5); }

.sf-arrows > li > .sf-with-ul:focus:after, .sf-arrows > li:hover > .sf-with-ul:after, .sf-arrows > .sfHover > .sf-with-ul:after { border-top-color: white; /* IE8 fallback colour */ }

/* styling for right-facing arrows */
.sf-arrows ul .sf-with-ul:after { margin-top: -5px; margin-right: -3px; border-color: transparent; border-left-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */ border-left-color: rgba(255, 255, 255, 0.5); }

.sf-arrows ul li > .sf-with-ul:focus:after, .sf-arrows ul li:hover > .sf-with-ul:after, .sf-arrows ul .sfHover > .sf-with-ul:after { border-left-color: white; }

@media screen and (max-width: 768px) { .sf-menu ul { position: relative; } }

body { text-rendering: optimizelegibility; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-text-size-adjust: none; -webkit-font-smoothing: antialiased; -moz-tap-highlight-color: rgba(0, 0, 0, 0); -moz-text-size-adjust: none; -moz-font-smoothing: antialiased; -ms-tap-highlight-color: rgba(0, 0, 0, 0); -ms-text-size-adjust: none; -ms-font-smoothing: antialiased; }

.container { overflow: hidden; background-color: #d1d1d1; /*  Prevents Flickering  */ -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; }

header#top { height: 60px; position: relative; background-color: #f3f5f6; display: none; }

header#top h1 { color: #9aa6af; text-align: left; font-size: 27px; line-height: 60px; font-weight: bold; padding-left: 20px; }

.burger { position: absolute; float: left; padding: 10px; top: 4px; left: 10px; display: none; list-style-type: none; }

.burger li { width: 30px; height: 4px; background-color: #fff; border-radius: 3px; margin: 5px 0; }

.burger.open li { background-color: #d9dde1; }

/*  Removable CSS  */
.header-section, .body-section, .footer-section { padding: 20px; }

.header-section { background-color: #ffffff; }

.body-section { background-color: #f4f5f6; }

.footer-section { background-color: #dadee1; }

.placefiller { text-align: center; font-size: 20px; border: 1px dashed rgba(190, 196, 202, 0.5); }

.header-section .placefiller { line-height: 300px; }

.body-section .placefiller { line-height: 900px; }

.footer-section .placefiller { line-height: 200px; border: 1px dashed rgba(190, 196, 202, 0.9); }

@media only screen and (max-width: 768px) { header#top { display: block; height: 60px; z-index: 2; background-color: #060a0c; position: fixed; top: 0; right: 0; left: 0; /* starting point */ -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  header#top h1 { color: #ffffff; text-align: center; padding-left: 0; display: block; }
  .burger { display: block; }
  /*  Nav Drawer Layout  */
  nav#nav_main { position: relative; }
  nav#nav_main ul { height: 100%; overflow-y: auto; }
  nav#nav_main li { display: block; float: none; }
  nav#nav_main li a.logo { display: none; }
  nav#nav_main li a.active { color: #fff; background-color: #141e23; }
  nav#nav_main li a:hover { color: #fff; background-color: #19252c; }
  nav#nav_main li:first-child a.active, nav#nav_main li:first-child a:hover { border-radius: 10px 0 0 0; }
  .header-section { margin-top: 60px; }
  /* NAVIGATION ANNIMATION */
  nav#nav_main { width: 240px; height: 100%; position: fixed; left: 0; top: 0; margin: 0; background-color: #636363; border-radius: 8px; /* starting point */ opacity: 0; -webkit-transform: translate3d(5%, 0, 0) scale(0.97); -moz-transform: translate3d(5%, 0, 0) scale(0.97); transform: translate3d(5%, 0, 0) scale(0.97); }
  /*Nav Expanding Open Effect*/
  nav#nav_main.open { opacity: 1; display: block; -webkit-transform: translate3d(0, 0, 0) scale(1); -webkit-animation: slideIn .35s ease-in-out; -moz-transform: translate3d(0, 0, 0) scale(1); -moz-animation: slideIn .35s ease-in-out; transform: translate3d(0, 0, 0) scale(1); animation: slideIn .35s ease-in-out; }
  @-webkit-keyframes slideIn { 0% { opacity: .3;
      -webkit-transform: translate3d(5%, 0, 0) scale(0.97); }
    100% { opacity: 1;
      -webkit-transform: translate3d(0, 0, 0) scale(1); } }
  @-moz-keyframes slideIn { 0% { opacity: .3;
      -moz-transform: translate3d(5%, 0, 0) scale(0.97); }
    100% { opacity: 1;
      -moz-transform: translate3d(0, 0, 0) scale(1); } }
  @keyframes slideIn { 0% { opacity: .3;
      transform: translate3d(5%, 0, 0) scale(0.97); }
    100% { opacity: 1;
      transform: translate3d(0, 0, 0) scale(1); } }
  /*Nav Shrinking Closed Effect*/
  nav#nav_main.close { opacity: .3; display: none; -webkit-transform: translate3d(5%, 0, 0) scale(0.97); -webkit-animation: slideOut .3s ease-in-out; -moz-transform: translate3d(5%, 0, 0) scale(0.97); -moz-animation: slideOut .3s ease-in-out; transform: translate3d(5%, 0, 0) scale(0.97); animation: slideOut .3s ease-in-out; }
  @-webkit-keyframes slideOut { 0% { opacity: 1;
      -webkit-transform: translate3d(0, 0, 0) scale(1); }
    100% { opacity: 0;
      -webkit-transform: translate3d(5%, 0, 0) scale(0.97); } }
  @-moz-keyframes slideOut { 0% { opacity: 1;
      -moz-transform: translate3d(0, 0, 0) scale(1); }
    100% { opacity: 0;
      -moz-transform: translate3d(5%, 0, 0) scale(0.97); } }
  @keyframes slideOut { 0% { opacity: 1;
      transform: translate3d(0, 0, 0) scale(1); }
    100% { opacity: 0;
      transform: translate3d(5%, 0, 0) scale(0.97); } }
  /* CONTENT ANNIMATION */
  .content { /* starting point */ -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 1; }
  /*Content Sliding Open Effect*/
  header#top.open, .content.open { -webkit-transform: translate3d(240px, 0, 0); -webkit-animation: open .5s ease-in-out; -moz-transform: translate3d(240px, 0, 0); -moz-animation: open .5s ease-in-out; transform: translate3d(240px, 0, 0); animation: open .5s ease-in-out; }
  @-webkit-keyframes open { 0% { -webkit-transform: translate3d(0, 0, 0); }
    70% { -webkit-transform: translate3d(260px, 0, 0); }
    100% { -webkit-transform: translate3d(240px, 0, 0); } }
  @-moz-keyframes open { 0% { -moz-transform: translate3d(0, 0, 0); }
    70% { -moz-transform: translate3d(260px, 0, 0); }
    100% { -moz-transform: translate3d(240px, 0, 0); } }
  @keyframes open { 0% { transform: translate3d(0, 0, 0); }
    70% { transform: translate3d(260px, 0, 0); }
    100% { transform: translate3d(240px, 0, 0); } }
  /*Content Sliding Closed Effect*/
  header#top.close, .content.close { -webkit-transform: translate3d(0, 0, 0); -webkit-animation: close .3s ease-in-out; -moz-transform: translate3d(0, 0, 0); -moz-animation: close .3s ease-in-out; transform: translate3d(0, 0, 0); animation: close .3s ease-in-out; }
  @-webkit-keyframes close { 0% { -webkit-transform: translate3d(240px, 0, 0); }
    100% { -webkit-transform: translate3d(0, 0, 0); } }
  @-moz-keyframes close { 0% { -moz-transform: translate3d(240px, 0, 0); }
    100% { -moz-transform: translate3d(0, 0, 0); } }
  @keyframes close { 0% { transform: translate3d(240px, 0, 0); }
    100% { transform: translate3d(0, 0, 0); } } }

@media screen and (max-width: 768px) { .ym-hlist { width: 240px; }
  .ym-hlist ul { display: block; float: none; }
  .ym-hlist ul li { display: block; float: none; }
  .ym-searchform { display: block; float: none; text-align: left; width: 240px; padding: 0 10px; margin: 0; }
  .ym-searchform .ym-searchfield { width: 60%; } }

/* media query hlist */
@media all { /* 4 navigation levels defined */
  .ym-vlist { margin: 0 0 1.5em 0; list-style-type: none; background: transparent; border: 0 none; }
  .ym-vlist ul { list-style-type: none; margin: 0 auto; padding: 0; width: 90%; overflow: hidden; border-top: none; border-bottom: 2px #ddd solid; }
  .ym-vlist ul ul { border: 0 none; }
  .ym-vlist li { float: left; width: 100%; margin: 0; padding: 0; background-color: #fff; }
  .ym-vlist a, .ym-vlist strong, .ym-vlist span { display: block; padding: 3px 0px 3px 10%; text-decoration: none; border-bottom: 1px #ddd solid; }
  .ym-vlist a, .ym-vlist a:visited { color: #444; }
  .ym-vlist li span { display: block; font-weight: bold; border-bottom: 1px #ddd solid; }
  .ym-vlist li.active { color: #fff; background-color: #444; }
  .ym-vlist li.active strong { font-weight: bold; }
  .ym-vlist li a, .ym-vlist li strong, .ym-vlist li span { width: 90%; padding-left: 10%; }
  .ym-vlist li a:focus, .ym-vlist li a:hover, .ym-vlist li a:active { background-color: #888; color: #fff; outline: 0 none; }
  .ym-vlist li ul li a, .ym-vlist li ul li strong, .ym-vlist li ul li span { width: 80%; padding-left: 20%; }
  .ym-vlist li ul li a, .ym-vlist li ul li a:visited { background-color: #f8f8f8; color: #333; }
  .ym-vlist li ul li a:focus, .ym-vlist li ul li a:hover, .ym-vlist li ul li a:active { background-color: #888; color: #fff; }
  .ym-vlist li ul li ul li a, .ym-vlist li ul li ul li strong, .ym-vlist li ul li ul li span { width: 70%; padding-left: 30%; }
  .ym-vlist li ul li ul li a, .ym-vlist li ul li ul li a:visited { background-color: #f0f0f0; color: #222; }
  .ym-vlist li ul li ul li a:focus, .ym-vlist li ul li ul li a:hover, .ym-vlist li ul li ul li a:active { background-color: #888; color: #fff; }
  .ym-vlist li ul li ul li ul li a, .ym-vlist li ul li ul li ul li strong, .ym-vlist li ul li ul li ul li span { width: 60%; padding-left: 40%; }
  .ym-vlist li ul li ul li ul li a, .ym-vlist li ul li ul li ul li a:visited { background-color: #e8e8e8; color: #111; }
  .ym-vlist li ul li ul li ul li a:focus, .ym-vlist li ul li ul li ul li a:hover, .ym-vlist li ul li ul li ul li a:active { background-color: #888; color: #fff; }
  /* title */
  .ym-vtitle { font-weight: bold; font-size: 130%; text-align: center; line-height: 1; width: 90%; padding: 7px; margin: 0 auto; color: #fff; background-color: #535353; } }

@media screen { .ym-form { margin: 0 0 1.5em 0; width: 90%; margin: 0 auto; -webkit-box-shadow: 0 0 4px #ddd; box-shadow: 0 0 4px #ddd; }
  .ym-form ol { list-style-type: none; }
  .ym-form fieldset { position: static; background: transparent; margin: 0.75em 0 0.75em 0; padding: 0 0.5em; }
  .ym-form legend { background: transparent; color: #000; font-size: 1.2em; line-height: 1.25em; font-weight: bold; padding: 0 0.5em; }
  .ym-form label, .ym-form .ym-label { color: #666; line-height: 1.5; padding-top: 0.25em; }
  .ym-form h2 { margin-left: 0.5em; margin-bottom: 0; }
  .ym-form .ym-fbox, .ym-form .csc-form-element { padding: 0 1em; margin: 1em 0 0.5em 0; }
  .ym-form .ym-fbox-footer { background: #ececec; border-top: 1px #e0e0e0 solid; padding: 1.5em 1em; margin: 0; }
  .ym-form .ym-fbox + .ym-fbox { margin: 0.5em 0; }
  .ym-form .ym-fbox:last-child, .ym-form .csc-form-element:last-child { margin-bottom: 1em; }
  .ym-form .ym-fbox + .ym-fbox-footer { margin: 1em 0 0 0; }
  .ym-form .ym-fbox :last-child, .ym-form .ym-fbox-footer :last-child, .ym-form .csc-form-element:last-child { margin-bottom: 0; }
  .ym-form .ym-fbox-heading { font-size: 1em; font-size: 100%; color: #000; margin: 1em; }
  .ym-form .ym-fbox-check:focus + label { color: #000; }
  .ym-form .ym-gbox-left { padding: 0 4px 0 0; }
  .ym-form .ym-gbox-right { padding: 0 0 0 4px; }
  .ym-form .ym-gbox { padding: 0 2px 0 2px; }
  /** @section styling form elements */
  .ym-form input, .ym-form textarea, .ym-form select { border: 1px solid #ddd; line-height: 1em; font-family: Arial, Helvetica, sans-serif; -webkit-box-shadow: inset 0 0 4px #eee; box-shadow: inset 0 0 4px #eee; width: 100%; }
  .ym-form input, .ym-form textarea { padding: 4px 0.3em; }
  .ym-form select { padding: 3px 2px 3px 1px; }
  .ym-form input:focus, .ym-form select:focus, .ym-form textarea:focus, .ym-form input:hover, .ym-form select:hover, .ym-form textarea:hover, .ym-form input:active, .ym-form select:active, .ym-form textarea:active { border: 1px #888 solid; background: #fff; }
  .ym-form optgroup { font-family: Arial, Helvetica, sans-serif; font-style: normal; font-weight: bold; }
  .ym-form .ym-fbox-check input, .ym-form input[type="image"], .ym-form input[type="radio"], .ym-form input[type="checkbox"] { border: 0 none !important; background: transparent !important; }
  .ym-form .ym-message { color: #666; margin-bottom: 0.5em; }
  .ym-form .ym-required { color: #800; font-weight: bold; }
  .ym-form input:valid, .ym-form textarea:valid { background-color: #fff; }
  .ym-form input:invalid, .ym-form textarea:invalid { background-color: #fdd; }
  .ym-form .ym-error label { color: #800; font-weight: normal; }
  .ym-form .ym-error input, .ym-form .ym-error select, .ym-form .ym-error textarea { border: 1px #800 solid; }
  .ym-form .ym-error input:hover, .ym-form .ym-error input:focus, .ym-form .ym-error select:hover, .ym-form .ym-error select:focus, .ym-form .ym-error textarea:hover, .ym-form .ym-error textarea:focus { border: 1px #800 solid !important; }
  .ym-form .ym-error .ym-message { color: #800; font-weight: bold; margin-top: 0; }
  /** @section Buttons inspired from: Catalin Rosu (http://www.red-team-design.com/just-another-awesome-css3-buttons) */
  nav.form-navigation { background-color: transparent; }
  .ym-button, .ym-form button, .ym-form input[type="button"], .ym-form input[type="reset"], .ym-form input[type="submit"] { display: inline-block; white-space: nowrap; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eee), color-stop(100%, #ccc)); background-image: -webkit-linear-gradient(top, #eee, #ccc); background-image: -moz-linear-gradient(top, #eee, #ccc); background-image: -ms-linear-gradient(top, #eee, #ccc); background-image: linear-gradient(to bottom, #eee,#ccc); background-color: #eee; filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC'); zoom: 1; border: 1px solid #777; border-radius: .2em; -webkit-box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.8) inset, 0 1px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.8) inset, 0 1px 0 rgba(0, 0, 0, 0.15); color: #333 !important; cursor: pointer; font: normal 1em/2em Arial, Helvetica; padding: 0 1.5em; overflow: visible; /* removes extra side spacing in IE */ text-decoration: none !important; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); }
  .ym-button:hover, .ym-form button:hover, .ym-form input[type="button"]:hover, .ym-form input[type="reset"]:hover, .ym-form input[type="submit"]:hover { background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fafafa), color-stop(100%, #ddd)); background-image: -webkit-linear-gradient(top, #fafafa, #ddd); background-image: -moz-linear-gradient(top, #fafafa, #ddd); background-image: -ms-linear-gradient(top, #fafafa, #ddd); background-image: linear-gradient(to bottom, #fafafa,#ddd); background-color: #fafafa; filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#FFFAFAFA', endColorstr='#FFDDDDDD'); zoom: 1; }
  .ym-button:active, .ym-form button:active, .ym-form input[type="button"]:active, .ym-form input[type="reset"]:active, .ym-form input[type="submit"]:active { -webkit-box-shadow: inset 2px 2px 3px rgba(0, 0, 0, 0.2); box-shadow: inset 2px 2px 3px rgba(0, 0, 0, 0.2); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ccc), color-stop(100%, #bbb)); background-image: -webkit-linear-gradient(top, #ccc, #bbb); background-image: -moz-linear-gradient(top, #ccc, #bbb); background-image: -ms-linear-gradient(top, #ccc, #bbb); background-image: linear-gradient(to bottom, #ccc,#bbb); background-color: #ccc; filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#FFCCCCCC', endColorstr='#FFBBBBBB'); zoom: 1; position: relative; top: 1px; }
  .ym-button:focus, .ym-form button:focus, .ym-form input[type="button"]:focus, .ym-form input[type="reset"]:focus, .ym-form input[type="submit"]:focus { outline: 0; background: #fafafa; }
  .ym-form .csc-form-element-submit input[type="submit"] { margin: 0 0 0 223px; width: 70% !important; }
  /* Button size-scaling classes */
  .ym-button { /* 21px */ /* 18px */ /* 12px */ /* 10px */ }
  .ym-button.ym-xlarge { font-size: 1.5em; }
  .ym-button.ym-large { font-size: 1.2857em; }
  .ym-button.ym-small { font-size: 0.8571em; }
  .ym-button.ym-xsmall { font-size: 0.7143em; }
  /* Button color scheme: primary */
  .ym-button.ym-primary, .ym-form button.ym-primary, .ym-form input[type="button"].ym-primary, .ym-form input[type="reset"].ym-primary, .ym-form input[type="submit"].ym-primary { -webkit-box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 1px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 1px 0 rgba(0, 0, 0, 0.15); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6b6), color-stop(100%, #494)); background-image: -webkit-linear-gradient(top, #6b6, #494); background-image: -moz-linear-gradient(top, #6b6, #494); background-image: -ms-linear-gradient(top, #6b6, #494); background-image: linear-gradient(to bottom, #6b6,#494); background-color: #6b6; filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#FF66BB66', endColorstr='#FF449944'); zoom: 1; border: 1px solid #007; color: #fff !important; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.8); }
  .ym-button.ym-primary:hover, .ym-form button.ym-primary:hover, .ym-form input[type="button"].ym-primary:hover, .ym-form input[type="reset"].ym-primary:hover, .ym-form input[type="submit"].ym-primary:hover { background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6c6), color-stop(100%, #5a5)); background-image: -webkit-linear-gradient(top, #6c6, #5a5); background-image: -moz-linear-gradient(top, #6c6, #5a5); background-image: -ms-linear-gradient(top, #6c6, #5a5); background-image: linear-gradient(to bottom, #6c6,#5a5); background-color: #6c6; filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#FF66CC66', endColorstr='#FF55AA55'); zoom: 1; }
  .ym-button.ym-primary:active, .ym-form button.ym-primary:active, .ym-form input[type="button"].ym-primary:active, .ym-form input[type="reset"].ym-primary:active, .ym-form input[type="submit"].ym-primary:active { -webkit-box-shadow: inset 2px 2px 3px rgba(0, 0, 0, 0.2); box-shadow: inset 2px 2px 3px rgba(0, 0, 0, 0.2); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6c6), color-stop(100%, #5a5)); background-image: -webkit-linear-gradient(top, #6c6, #5a5); background-image: -moz-linear-gradient(top, #6c6, #5a5); background-image: -ms-linear-gradient(top, #6c6, #5a5); background-image: linear-gradient(to bottom, #6c6,#5a5); background-color: #6c6; filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#FF66CC66', endColorstr='#FF55AA55'); zoom: 1; }
  .ym-button.ym-primary:focus, .ym-form button.ym-primary:focus, .ym-form input[type="button"].ym-primary:focus, .ym-form input[type="reset"].ym-primary:focus, .ym-form input[type="submit"].ym-primary:focus { outline: 0; background: #a22c2a; }
  /* Button color scheme: success */
  .ym-button.ym-success, .ym-form button.ym-success, .ym-form input[type="button"].ym-success, .ym-form input[type="reset"].ym-success, .ym-form input[type="submit"].ym-success { -webkit-box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 1px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 1px 0 rgba(0, 0, 0, 0.15); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6b6), color-stop(100%, #494)); background-image: -webkit-linear-gradient(top, #6b6, #494); background-image: -moz-linear-gradient(top, #6b6, #494); background-image: -ms-linear-gradient(top, #6b6, #494); background-image: linear-gradient(to bottom, #6b6,#494); background-color: #6b6; filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#FF66BB66', endColorstr='#FF449944'); zoom: 1; border: 1px solid #070; color: #fff !important; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.8); }
  .ym-button.ym-success:hover, .ym-form button.ym-success:hover, .ym-form input[type="button"].ym-success:hover, .ym-form input[type="reset"].ym-success:hover, .ym-form input[type="submit"].ym-success:hover { background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6c6), color-stop(100%, #5a5)); background-image: -webkit-linear-gradient(top, #6c6, #5a5); background-image: -moz-linear-gradient(top, #6c6, #5a5); background-image: -ms-linear-gradient(top, #6c6, #5a5); background-image: linear-gradient(to bottom, #6c6,#5a5); background-color: #6c6; filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#FF66CC66', endColorstr='#FF55AA55'); zoom: 1; }
  .ym-button.ym-success:active, .ym-form button.ym-success:active, .ym-form input[type="button"].ym-success:active, .ym-form input[type="reset"].ym-success:active, .ym-form input[type="submit"].ym-success:active { -webkit-box-shadow: inset 2px 2px 3px rgba(0, 0, 0, 0.2); box-shadow: inset 2px 2px 3px rgba(0, 0, 0, 0.2); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6a6), color-stop(100%, #484)); background-image: -webkit-linear-gradient(top, #6a6, #484); background-image: -moz-linear-gradient(top, #6a6, #484); background-image: -ms-linear-gradient(top, #6a6, #484); background-image: linear-gradient(to bottom, #6a6,#484); background-color: #6a6; filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#FF66AA66', endColorstr='#FF448844'); zoom: 1; }
  .ym-button.ym-success:focus, .ym-form button.ym-success:focus, .ym-form input[type="button"].ym-success:focus, .ym-form input[type="reset"].ym-success:focus, .ym-form input[type="submit"].ym-success:focus { outline: 0; background: #6c6; }
  /* Button color scheme: warning */
  .ym-button.ym-warning, .ym-form button.ym-warning, .ym-form input[type="button"].ym-warning, .ym-form input[type="reset"].ym-warning, .ym-form input[type="submit"].ym-warning { -webkit-box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 1px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 1px 0 rgba(0, 0, 0, 0.15); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #da4), color-stop(100%, #b72)); background-image: -webkit-linear-gradient(top, #da4, #b72); background-image: -moz-linear-gradient(top, #da4, #b72); background-image: -ms-linear-gradient(top, #da4, #b72); background-image: linear-gradient(to bottom, #da4,#b72); background-color: #da4; filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#FFDDAA44', endColorstr='#FFBB7722'); zoom: 1; border: 1px solid #970; color: #fff !important; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.8); }
  .ym-button.ym-warning:hover, .ym-form button.ym-warning:hover, .ym-form input[type="button"].ym-warning:hover, .ym-form input[type="reset"].ym-warning:hover, .ym-form input[type="submit"].ym-warning:hover { background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eb5), color-stop(100%, #c83)); background-image: -webkit-linear-gradient(top, #eb5, #c83); background-image: -moz-linear-gradient(top, #eb5, #c83); background-image: -ms-linear-gradient(top, #eb5, #c83); background-image: linear-gradient(to bottom, #eb5,#c83); background-color: #eb5; filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#FFEEBB55', endColorstr='#FFCC8833'); zoom: 1; }
  .ym-button.ym-warning:active, .ym-form button.ym-warning:active, .ym-form input[type="button"].ym-warning:active, .ym-form input[type="reset"].ym-warning:active, .ym-form input[type="submit"].ym-warning:active { -webkit-box-shadow: inset 2px 2px 3px rgba(0, 0, 0, 0.2); box-shadow: inset 2px 2px 3px rgba(0, 0, 0, 0.2); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c94), color-stop(100%, #a62)); background-image: -webkit-linear-gradient(top, #c94, #a62); background-image: -moz-linear-gradient(top, #c94, #a62); background-image: -ms-linear-gradient(top, #c94, #a62); background-image: linear-gradient(to bottom, #c94,#a62); background-color: #c94; filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#FFCC9944', endColorstr='#FFAA6622'); zoom: 1; }
  .ym-button.ym-warning:focus, .ym-form button.ym-warning:focus, .ym-form input[type="button"].ym-warning:focus, .ym-form input[type="reset"].ym-warning:focus, .ym-form input[type="submit"].ym-warning:focus { outline: 0; background: #da4; }
  /* Button color scheme: danger */
  .ym-button.ym-danger, .ym-form button.ym-danger, .ym-form input[type="button"].ym-danger, .ym-form input[type="reset"].ym-danger, .ym-form input[type="submit"].ym-danger { -webkit-box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 1px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 1px 0 rgba(0, 0, 0, 0.15); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b66), color-stop(100%, #944)); background-image: -webkit-linear-gradient(top, #b66, #944); background-image: -moz-linear-gradient(top, #b66, #944); background-image: -ms-linear-gradient(top, #b66, #944); background-image: linear-gradient(to bottom, #b66,#944); background-color: #b66; filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#FFBB6666', endColorstr='#FF994444'); zoom: 1; border: 1px solid #700; color: #fff !important; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.8); }
  .ym-button.ym-danger:hover, .ym-form button.ym-danger:hover, .ym-form input[type="button"].ym-danger:hover, .ym-form input[type="reset"].ym-danger:hover, .ym-form input[type="submit"].ym-danger:hover { background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c66), color-stop(100%, #a55)); background-image: -webkit-linear-gradient(top, #c66, #a55); background-image: -moz-linear-gradient(top, #c66, #a55); background-image: -ms-linear-gradient(top, #c66, #a55); background-image: linear-gradient(to bottom, #c66,#a55); background-color: #c66; filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#FFCC6666', endColorstr='#FFAA5555'); zoom: 1; }
  .ym-button.ym-danger:active, .ym-form button.ym-danger:active, .ym-form input[type="button"].ym-danger:active, .ym-form input[type="reset"].ym-danger:active, .ym-form input[type="submit"].ym-danger:active { -webkit-box-shadow: inset 2px 2px 3px rgba(0, 0, 0, 0.2); box-shadow: inset 2px 2px 3px rgba(0, 0, 0, 0.2); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a55), color-stop(100%, #844)); background-image: -webkit-linear-gradient(top, #a55, #844); background-image: -moz-linear-gradient(top, #a55, #844); background-image: -ms-linear-gradient(top, #a55, #844); background-image: linear-gradient(to bottom, #a55,#844); background-color: #a55; filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#FFAA5555', endColorstr='#FF884444'); zoom: 1; }
  .ym-button.ym-danger:focus, .ym-form button.ym-danger:focus, .ym-form input[type="button"].ym-danger:focus, .ym-form input[type="reset"].ym-danger:focus, .ym-form input[type="submit"].ym-danger:focus { outline: 0; background: #c66; }
  /* pseudo elements don't work on input */
  .ym-form button:before, .ym-button:before { background: #ccc; background: rgba(0, 0, 0, 0.1); float: left; width: 1em; text-align: center; font-size: 1.5em; margin: 0 1em 0 -1em; padding: 0 .2em; -webkit-box-shadow: 1px 0 0 rgba(0, 0, 0, 0.5), 2px 0 0 rgba(255, 255, 255, 0.5); box-shadow: 1px 0 0 rgba(0, 0, 0, 0.5), 2px 0 0 rgba(255, 255, 255, 0.5); border-radius: .15em 0 0 .15em; pointer-events: none; }
  .ym-add:before { content: "\271A"; }
  .ym-delete:before { content: "\2718"; }
  .ym-close:before { content: "\2715"; }
  .ym-edit:before { content: "\270E"; }
  .ym-email:before { content: "\2709"; }
  .ym-like:before { content: "\2764"; }
  .ym-next:before { content: "\279C"; }
  .ym-play:before { content: "\25B6"; }
  .ym-reply:before { content: "\27A5"; }
  .ym-save:before { content: "\2714"; }
  .ym-sign:before { content: "\270D"; }
  .ym-spark:before { content: "\2737"; }
  .ym-support:before { content: "\2706"; }
  .ym-star:before { content: "\2605"; }
  /* removes extra inner spacing in Firefox */
  .ym-form button::-moz-focus-inner { border: 0; padding: 0; }
  /* If line-height can't be modified, then fix Firefox spacing with padding */
  .ym-form input[type=button]::-moz-focus-inner, .ym-form input[type=reset]::-moz-focus-inner, .ym-form input[type=submit]::-moz-focus-inner { padding: .4em; }
  /* The disabled styles */
  .ym-form button[disabled], .ym-form button[disabled]:hover, .ym-form input[type=button][disabled], .ym-form input[type=button][disabled]:hover, .ym-form input[type=reset][disabled], .ym-form input[type=reset][disabled]:hover, .ym-form input[type=submit][disabled], .ym-form input[type=submit][disabled]:hover, .ym-button.ym-disabled, .ym-button.ym-disabled:hover { background: #eee; color: #aaa !important; border-color: #aaa; cursor: default; text-shadow: none; position: static; -webkit-box-shadow: none; box-shadow: none; } }

@media screen and (max-width: 1260px) { .ym-form .csc-form-element-submit input[type="submit"] { margin: 0; width: 70% !important; } }

@media all { /** @section global typography settings vertical rhythm settings (based on em-unit) ------------------------------------------- basefont-size:  18px (100%) line-height  :  24px (factor: 1.33333)  */
  /* (en) reset font size for all elements to standard (16 Pixel) */
  /* (de) Alle Schriftgrößen auf Standardgröße (16 Pixel) zurücksetzen */
  html * { font-size: 100%; }
  /** (en) reset monospaced elements to font size 16px in all browsers (de) Schriftgröße von monospaced Elemente in allen Browsern auf 16 Pixel setzen @see: http://webkit.org/blog/67/strange-medium/ */
  textarea, pre, code, kbd, samp, var, tt { font-family: Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier; }
  /*! font-size: 18px; */
  body { font-family: "Karla", Arial, Helvetica, sans-serif; font-size: 100%; color: black; }
  /*--- Headings | Überschriften ------------------------------------------------------------------------*/
  h1, main header h1, h2, main header h2, h3, main header h3, h4, main header h4, h5, main header h5, h6, main header h6 { font-family: "Karla", Arial, Helvetica, sans-serif; font-weight: 400; color: #111a11; margin: 0; padding: 0; }
  h1, main header h1 { /*! font-size: 48px; */ font-size: 266.66667%; line-height: 1; margin: 0 0 0.5em 0; }
  h2, main header h2 { /*! font-size: 32px; */ font-size: 177.77778%; line-height: 1.5; margin: 0 0 0.75em 0; }
  h3, main header h3 { /*! font-size: 24px; */ font-size: 133.33333%; line-height: 1; margin: 0 0 1em 0; }
  h4, main header h4 { /*! font-size: 21px; */ font-size: 116.66667%; line-height: 1.14286; margin: 0 0 1.14286em 0; }
  h5, main header h5 { /*! font-size: 18px; */ font-size: 100%; line-height: 1.33333; margin: 0 0 1.33333em 0; }
  h6, main header h6 { /*! font-size: 14px; */ font-size: 77.77778%; font-weight: bold; line-height: 1.71429; margin: 0 0 1.71429em 0; }
  /* --- Lists | Listen  -------------------------------------------------------------------------------- */
  ul, ol, dl { font-size: 100%; line-height: 1.33333; margin: 0 0 1.33333em 0; }
  ul { list-style-type: disc; }
  ol { list-style-type: decimal; }
  ul ul { list-style-type: circle; margin-top: 0; }
  ol ol { list-style-type: lower-latin; margin-top: 0; }
  ol ul { list-style-type: circle; margin-top: 0; }
  li { font-size: 100%; line-height: 1.33333; margin-left: 1.2em; }
  dt { font-weight: bold; }
  dd { margin: 0 0 1.33333em 0.8em; }
  /* --- general text formatting | Allgemeine Textauszeichnung ------------------------------------------ */
  p { font-size: 100%; line-height: 1.33333; margin: 0 0 1.33333em 0; }
  blockquote, cite, q { font-family: "Lusitana", Georgia, "Times New Roman", Times, serif; font-style: italic; }
  blockquote { background: transparent; color: #444444; margin: 1.33333em 0 0 1.5em; }
  strong, b { font-weight: bold; }
  em, i { font-style: italic; }
  big { /*! font-size: 16px; */ font-size: 88.88889%; line-height: 1.5; }
  small { /*! font-size: 12px; */ font-size: 66.66667%; line-height: 2; }
  pre, code, kbd, tt, samp, var { font-size: 100%; }
  pre { font-size: 100%; line-height: 1.33333; margin: 0 0 1.33333em 0; white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
  pre, code { color: #800; }
  kbd, samp, var, tt { color: #666; font-weight: bold; }
  var, dfn { font-style: italic; }
  acronym, abbr { border-bottom: 1px #aaa dotted; font-variant: small-caps; letter-spacing: .07em; cursor: help; }
  sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
  sup { top: -0.5em; }
  sub { bottom: -0.25em; }
  mark { background: #ff0; color: #000; }
  hr { color: #fff; background: transparent; margin: 0 0 0.66667em 0; padding: 0 0 0.61111em 0; border: 0; border-bottom: 1px #7d7d7d solid; }
  /*--- Links ----------------------------------------------------------------------------------------- */
  a { color: #669934; background: transparent; text-decoration: none; }
  a.no-hover { background-color: transparent !important; }
  a.no-hover:hover, a.no-hover:focus { background-color: transparent; }
  a:active { outline: none; }
  /* (en) maximum constrast for tab focus - change with great care */
  /* (en) Maximaler Kontrast für Tab Focus - Ändern Sie diese Regel mit Bedacht */
  a:hover, a:focus { background-color: #669934; color: #fff; text-decoration: none; }
  a.no-decoration { background: transparent; }
  a.no-decoration:hover, a.no-decoration:focus { background-color: transparent; }
  /* --- images ------------------ */
  img, figure { margin: 0; }
  .flexible { margin-bottom: 1.33333em; max-width: 100%; height: auto; }
  /* IE6 workaround - 2% space for possible borders */
  * html .flexible { width: 98%; }
  .bordered { margin-bottom: 1.33333em; border: 2px #eee solid; border: 2px white solid; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.25); box-shadow: 0 0 3px rgba(0, 0, 0, 0.25); }
  /** ----------------------------------------------------------------------- # Generic Content Classes (en) standard classes for positioning and highlighting (de) Standardklassen zur Positionierung und Hervorhebung @section content-generic-classes */
  .highlight { color: #c30; }
  .dimmed { color: #888; }
  .box { border-radius: 0.3em; border-width: 1px; border-style: solid; border-color: #888; border-color: rgba(0, 0, 0, 0.3); -webkit-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.2); box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.2); color: #444; color: rgba(0, 0, 0, 0.8); padding: 1.27778em; margin: 0 0 1.33333em 0; }
  .box > *:last-child { margin-bottom: 0; }
  .label { font-family: Verdana, Geneva, sans-serif; padding: 1px 6px 2px; display: inline-block; vertical-align: middle; letter-spacing: normal; white-space: nowrap; border-radius: 3px; background: #06C; color: #fff; font-size: 10px; line-height: 12px; }
  .info { background: #f4f4f4; }
  .success { background: #80d880; }
  .warning { background: #e0d079; }
  .error { background: #da6969; }
  .float-left { float: left; display: inline; margin: 0 1em 1.33333em 0; }
  .float-right { float: right; display: inline; margin: 0 0 1.33333em 1em; }
  .center, .align-center { display: block; text-align: center; margin: 0 auto 1.33333em auto; }
  .scripture, p.scripture { width: 90%; padding: 1em; margin: inherit auto; background-color: #cecece; }
  p.quote, span.quote { width: 80%; padding: 1em; margin: inherit auto; border-top: 1px solid #333; border-bottom: 1px solid #333; margin: 1em auto; font-style: italic; }
  p.pull-quote, span.pull-quote { display: block; padding: 15px; width: 30%; font-style: italic; float: left; font-size: 1.4em; background-image: url('vhs-assets-css-6278f15f1ec02bae78bf527430a7fbd2.png'); background-repeat: no-repeat; background-position: left top; }
  p.pullquote-author, span.pullquote-author { display: block; font-size: .75em; text-align: right; }
  span.color-black { color: #000; }
  span.color-white { color: #000; }
  span.color-green { color: #669934; }
  span.color-dark-green { color: #3b571e; }
  .er-button-wrapper { margin-bottom: 1em; }
  .er-button-wrapper.er-button-align-center { text-align: center; }
  .er-button-wrapper.er-button-align-right { text-align: right; }
  .er-button-wrapper a.er-button { padding: 0.9em 1em; display: inline-block; background-color: #d1d1d1; color: #000; transition: all 0.5s ease-in-out; }
  .er-button-wrapper a.er-button:hover, .er-button-wrapper a.er-button:focus { background-color: #949494; color: #000; }
  .er-button-wrapper a.er-button:after, .er-button-wrapper a.er-button:before { padding-left: 0; transition: all 400ms ease-in-out; }
  .er-button-wrapper a.er-button-green { color: #fff; background-color: #669934; }
  .er-button-wrapper a.er-button-green:hover, .er-button-wrapper a.er-button-green:focus { background-color: #3b571e; color: #fff; }
  .er-button-wrapper a.er-button-shadow-dark { -webkit-box-shadow: 5px 5px 5px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 5px 5px 5px 0px rgba(50, 50, 50, 0.75); box-shadow: 5px 5px 5px 0px rgba(50, 50, 50, 0.75); }
  .er-button-wrapper a.er-button-rect-rounded { border-radius: 4px; }
  .er-button-wrapper a.er-button-med { padding-left: 1.9em; padding-right: 1.9em; }
  .er-button-wrapper a.er-button-lg { padding-left: 3.2em; padding-right: 3.2em; }
  .er-button-wrapper a.er-button-icon:after { content: '>'; padding-left: 0.4em; vertical-align: baseline; }
  .er-button-wrapper a.er-button-hover-icon:after { content: '>'; opacity: 0; margin-left: -0.8em; padding-left: 0.4em; vertical-align: baseline; }
  .er-button-wrapper a.er-button-hover-icon:hover:after { opacity: 1; margin-left: 0; }
  .er-button-wrapper a.er-button-custom-icon img { vertical-align: middle; margin-right: 0.4em; }
  /* -- social sharing styles -- */
  #socialshareprivacy { text-align: center; clear: left; }
  .social_share_privacy_area { margin: 10px 0 !important; list-style-type: none; padding: 10px 0 !important; display: block; border-bottom: 1px solid #bbbbbb; border-top: 1px solid #bbbbbb; }
  .social_share_privacy_area li { margin: 0 !important; padding: 0 !important; height: 20px; float: left; }
  .social_share_privacy_area li .dummy_btn { float: left; margin-left: 10px; cursor: pointer; }
  /* Facebook begin */
  .social_share_privacy_area .facebook { width: 25%; display: inline-block; }
  .social_share_privacy_area .facebook .fb_like iframe { width: 145px; height: 21px; }
  /* Facebook end */
  /* Twitter begin */
  .social_share_privacy_area .twitter { width: 25%; }
  .social_share_privacy_area li div.tweet { width: 115px; }
  /* Twitter end */
  /* Google+ begin */
  .social_share_privacy_area .gplus { width: 25%; }
  .social_share_privacy_area li div.gplusone { width: 90px; }
  /* Google+ end */
  /* Switch begin */
  .social_share_privacy_area li .switch { display: inline-block; text-indent: -9999em; background: transparent url(images/socialshareprivacy_on_off.png) no-repeat 0 0 scroll; width: 23px; height: 12px; overflow: hidden; float: left; margin: 4px 0 0; cursor: pointer; }
  .social_share_privacy_area li .switch.on { background-position: 0 -12px; }
  /* Switch end */
  /* Tooltips begin */
  .social_share_privacy_area li.help_info { position: relative; }
  .social_share_privacy_area li.help_info .info, .social_share_privacy_area li .help_info.icon .info { display: none; position: absolute; bottom: 40px; left: 0; width: 290px; padding: 10px 15px; font-size: 12px; line-height: 16px; font-weight: bold; border: 1px solid #ccc; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 0 3px 4px #999; -webkit-box-shadow: 0 3px 4px #999; box-shadow: 0 3px 4px #999; background-color: #fdfbec; color: #000; z-index: 500; }
  .social_share_privacy_area li.gplus.help_info .info { left: -60px; }
  .social_share_privacy_area li .help_info.icon .info { left: -243px; width: 350px; }
  .social_share_privacy_area li.help_info.display .info, .social_share_privacy_area li .help_info.icon.display .info { display: block; }
  .social_share_privacy_area li.help_info.info_off.display .info { display: none; }
  .social_share_privacy_area li .help_info.icon { background: #fff url(images/socialshareprivacy_info.png) no-repeat center center scroll; width: 25px; height: 20px; position: relative; display: inline-block; vertical-align: top; border: 2px solid #e7e3e3; border-right-width: 0; -moz-border-radius: 5px 0 0 5px; -webkit-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; }
  .social_share_privacy_area li.settings_info .settings_info_menu.on .help_info.icon { border-top-width: 0; border-left-width: 0; }
  .social_share_privacy_area li.settings_info .settings_info_menu.perma_option_off .help_info.icon { border-right-width: 2px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
  /* Tooltips end */
  /* Settings/Info begin */
  .social_share_privacy_area li.settings_info { position: relative; top: -2px; }
  .social_share_privacy_area li.settings_info a { text-decoration: none; margin: 0 !important; }
  .social_share_privacy_area li.settings_info .settings_info_menu { background-color: #f3f4f5; border: 2px solid #e7e3e3; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 2px 2px 3px #c1c1c1; -webkit-box-shadow: 2px 2px 3px #c1c1c1; box-shadow: 3px 3px 3px #c1c1c1; left: 0; position: absolute; top: 0; width: 135px; z-index: 1000; }
  .social_share_privacy_area li.settings_info .settings_info_menu.off { border-width: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; background-color: transparent; }
  .social_share_privacy_area li.settings_info .settings_info_menu.off form { display: none; }
  .social_share_privacy_area li.settings_info .settings_info_menu .settings { text-indent: -9999em; display: inline-block; background: #fff url(images/settings.png) no-repeat center center scroll; width: 25px; height: 20px; border: 2px solid #e7e3e3; -moz-border-radius: 0 5px 5px 0; -webkit-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; border-left: 1px solid #ddd; }
  .social_share_privacy_area li.settings_info .settings_info_menu.on .settings { border-top-width: 0; }
  .social_share_privacy_area li.settings_info .settings_info_menu form fieldset { border-width: 0; margin: 0; padding: 0 10px 10px; }
  .social_share_privacy_area li.settings_info .settings_info_menu form fieldset legend { font-size: 11px; font-weight: bold; line-height: 14px; margin: 0; padding: 10px 0; width: 115px; }
  .social_share_privacy_area li.settings_info .settings_info_menu form fieldset input { clear: both; float: left; margin: 4px 10px 4px 0; }
  .social_share_privacy_area li.settings_info .settings_info_menu form fieldset label { display: inline-block; float: left; font-size: 12px; font-weight: bold; line-height: 24px; -moz-transition: color .5s ease-in; -webkit-transition: color .5s ease-in; transition: color .5s ease-in; }
  .social_share_privacy_area li.settings_info .settings_info_menu form fieldset label.checked { color: #090; }
  /* Settings/Info end */
  #mitte #mitte_links { overflow: visible !important; }
  /** ------------------------------------------------------------------------------------------------- # Tables | Tabellen (en) Generic classes for table-width and design definition (de) Generische Klassen für die Tabellenbreite und Gestaltungsvorschriften für Tabellen @section content-tables */
  table { width: 100%; border-collapse: collapse; color: black; border-top: 1px #ccc solid; border-bottom: 1px #ccc solid; margin: 0 0 1.22222em 0; }
  table.narrow { margin: 0 0 1.27778em 0; }
  table.narrow th, table.narrow td { padding: 0 0.5em; line-height: 1.27778; }
  table.fixed { table-layout: fixed; }
  table.bordertable { border: 1px #ccc solid; }
  table.bordertable thead th { background: #e0e0e0; border-right: 1px #ccc solid; border-bottom: 1px #ccc solid; }
  table.bordertable tbody th[scope="row"] { background: #f0f0f0; }
  table.bordertable tbody th { border-right: 1px solid #ccc; }
  table.bordertable tbody td { border-right: 1px solid #ccc; }
  caption { font-variant: small-caps; }
  th, td { line-height: 1.33333em; vertical-align: top; padding: 0.63889em 0.5em; }
  th *:first-child, td *:first-child { margin-top: 0; }
  th.nowrap, td.nowrap { white-space: nowrap; }
  thead th { text-align: left; color: #000; border-bottom: 2px #000 solid; }
  tbody { /* highlight row on mouse over */ }
  tbody th { text-align: left; border-top: 1px solid #ccc; }
  tbody td { text-align: left; border-top: 1px solid #ccc; }
  tbody tr:hover th, tbody tr:hover td { background: #f8f8f8; } }

@media screen and (max-width: 480px) { p.pull-quote, span.pull-quote { display: block; float: none; width: 80%; } }

@media screen { /* force vertical scrollbar */
  body { overflow-y: scroll; }
  /* Layout Module Configuration */
  .ym-wrapper { max-width: 100%; margin: 0 auto; }
  .ym-wbox { padding: 0; }
  /* fallback for missing media queries support*/
  body > header, body > nav, body > main, body > footer { min-width: 760px; }
  /* Basic Element Styling */
  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; }
  /* 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; } }

@media screen and (max-width: 768px) { /* 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"] { /* linearization for grids and columns module */ 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"] { /* reset defined gutter values */ margin: 0; padding: 0 15px; /* optional for containing floats */ overflow: hidden; }
  .secondary { border-top: 1px #888 solid; margin-top: 1.5em !important; padding-top: 1.5em !important; }
  main aside .ym-gbox-right { border: 0 none; } }

@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-c"], .linearize-level-2 > [class*="ym-g"] { /* linearization for grids and columns module */ 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"] { /* reset defined gutter values */ margin: 0; padding: 0 15px; /* optional for containing floats */ overflow: hidden; }
  header .ym-wbox { padding: 0.75em 10px; }
  header h1 { font-size: 1.5em; line-height: 1em; margin: 0; }
  .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%; } }

@media screen { /* force vertical scrollbar */
  body { overflow-y: scroll; background-color: #fff; }
  /* Layout Module Configuration & fallback for unsupported media queries */
  .ym-wbox { padding: 10px; }
  /* Basic Element Styling */
  #slider { color: #fff; padding: 0; background-color: #000; z-index: -1; }
  #slider h1 { background: transparent; color: #fff; }
  .itw-header-standard { text-align: center; padding: 15px 0; }
  .itw-header-standard a:hover, .itw-header-standard a:focus { text-decoration: none; border-bottom: none; background-color: transparent; }
  nav { background: #000; z-index: 0; }
  main { padding: 25px; background-color: #fff; width: 90%; max-width: 1250px; margin: 0 auto; }
  main.itw-flex { display: flex; flex-grow: 1; justify-content: space-around; align-items: stretch; flex-wrap: wrap; }
  main.itw-grid { display: grid; grid-template-columns: auto 350px; grid-template-rows: auto; grid-template-areas: "main aside"
 "content content"; gap: 15px 15px; }
  main.itw-grid .itw-recent { grid-area: main; width: auto; border-right: solid 1px #aaaaaa; padding-right: 25px; }
  main.itw-grid .itw-aside { grid-area: aside; width: auto; }
  main.itw-grid .content { grid-area: content; }
  main .section { width: 100%; padding: 25px; }
  main .itw-aside { background-color: #fff; width: 300px; }
  main .itw-recent { width: calc(100% - 300px); max-width: 1250px; }
  main #itw_reading { background-color: #669934; color: #fff; padding: 20px; }
  main #itw_reading h2 { color: #fff; border-bottom: 1px solid #fff; }
  main #itw_podcast { padding: 20px; }
  main #itw_podcast h2 { border-bottom: 1px solid #000; }
  main .itw-home-col-lists > div:nth-child(2) { border-left: 1px solid #ccc; border-right: 1px solid #ccc; }
  footer { margin: 0; background-color: #636363; color: #FFF; padding: 10px 40px; }
  .er-footer-content-social { vertical-align: middle; }
  .er-footer-copyright { padding: 12px; }
  .er-footer-copyright p { text-align: center; padding: 0; margin: 0; }
  .ym-gbox { padding: 0 1.5em 0 0; }
  .ym-gboxr { margin: 0 0 0 0.75em; }
  .ym-gboxl { margin: 0 0.75em 0 0; }
  /* 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; }
  img, embed, object, video { max-width: 100%; height: auto; }
  img.media-width-small, embed.media-width-small, object.media-width-small, video.media-width-small { max-width: 25%; }
  img.media-width-medium, embed.media-width-medium, object.media-width-medium, video.media-width-medium { max-width: 40%; }
  img.media-width-large, embed.media-width-large, object.media-width-large, video.media-width-large { max-width: 50%; }
  img.media-width-larger, embed.media-width-larger, object.media-width-larger, video.media-width-larger { max-width: 60%; } }

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

/* accomodate the iPad Pro and similar devices */
@media screen and (max-width: 1024px) { main.itw-grid { grid-template-columns: auto 300px; } }

@media screen and (max-width: 768px) { /* 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"] { /* linearization for grids and columns module */ 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"] { /* reset defined gutter values */ margin: 0; padding: 0 15px; /* optional for containing floats */ overflow: hidden; }
  .linearize-grids-level-1, .linearize-grids-level-1 > [class*="ym-g"] { /* linearization for grid module */ display: block; float: none; padding: 0; margin: 0; width: 100% !important; }
  .linearize-grids-level-1 > [class*="ym-g"] > [class*="ym-gbox"] { /* reset defined gutter values */ margin: 0; padding: 0; /* optional for containing floats */ overflow: hidden; }
  .ym-wrapper { margin: 0 auto; }
  header { display: block; }
  #slider, .itw-header-standard { margin-top: 60px; position: relative; z-index: 1; }
  nav { width: 240px; z-index: 0; }
  main { padding: 0 15px; margin: 0; width: calc(100vw - 30px); }
  main.itw-grid { grid-template-columns: 15px 1fr 2fr 15px; grid-template-rows: auto; grid-template-areas: ". main main ."
 ". aside aside ."
 ". content content ."; gap: 15px 0; }
  main.itw-grid .itw-aside { width: 100%; border: none; }
  main.itw-grid .itw-recent { border: none; padding-right: 0px; }
  main.itw-grid .itw-aside-bot { display: none; } }

@media screen and (max-width: 760px) { div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap { float: none !important; }
  .csc-textpic-intext-left-nowrap .csc-textpic-text { margin-left: 0 !important; } }

@media screen and (max-width: 480px) { .linearize-grids-level-2, .linearize-grids-level-2 > [class*="ym-g"] { /* linearization for grid module */ display: block; float: none; padding: 0; margin: 0; width: 100% !important; }
  .linearize-grids-level-2 > [class*="ym-g"] > [class*="ym-gbox"] { /* reset defined gutter values */ margin: 0; padding: 0; /* optional for containing floats */ overflow: hidden; }
  .ym-wbox { padding: 30px 5px; }
  /* Linearisation for Grid- and Column-Module, based on CSS class .linearize-level-2 */
  .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 15px; /* optional for containing floats */ overflow: hidden; }
  .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%; }
  main.itw-grid { grid-template-columns: 15px auto 15px; grid-template-rows: auto; grid-template-areas: ". main ."
 ". aside ."
 ". content ."; }
  main .itw-home-col-lists > div:nth-child(2) { border-left: none; border-right: none; } }

/**************************************/
/* Default styles for news extension */
/**************************************/
@media all { .news .clear { clear: left; }
  .news .nav ul { float: left; display: inline; margin: 0; }
  .news .nav li { float: left; }
  .news .nav a { float: left; display: block; }
  .news .nav:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
  .news .news-list-view ul.f3-widget-paginator { margin-top: 20px; list-style-type: none; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; }
  .news .news-list-view ul.f3-widget-paginator li { line-height: 1; margin-bottom: 12px; }
  .news .news-list-view ul.f3-widget-paginator li.current { background-color: #000; padding: 15px 8px; color: #fff; font-weight: bold; }
  .news .news-list-view ul.f3-widget-paginator li a { padding: 5px 5px; color: #fff; background-color: #669934; }
  .news .news-list-view ul.f3-widget-paginator li a:hover, .news .news-list-view ul.f3-widget-paginator li a:focus { padding: 8px 5px; }
  .news .news-list-view h2.news-list-recent-title { text-align: center; color: #fff; background-color: #01060c; }
  .news .news-list-view .news-list-recent { padding: 0; }
  .news .news-list-view .news-list-recent .news-img-wrap { margin: 10px 0; position: relative; }
  .news .news-list-view .news-list-recent .news-img-wrap a { position: relative; width: 100%; }
  .news .news-list-view .news-list-recent h3 a { color: #01060c; }
  .news .news-list-view .news-list-recent h3 a:hover { background-color: transparent; }
  .news .news-list-view .news-list-recent .header { display: block; position: absolute; bottom: 0; width: 100%; background-color: rgba(32, 52, 70, 0.8); }
  .news .news-list-view .news-list-recent .header:hover { background-color: #67993499; }
  .news .news-list-view .news-list-recent .header h3 { padding: 0.6em; }
  .news .news-list-view .news-list-recent .header h3 a { color: #fff; }
  .news .news-list-view .news-list-recent .header h3 a:hover, .news .news-list-view .news-list-recent .header h3 a:focus { background-color: transparent; color: #fff; }
  .news .news-list-view .news-list-recent .teaser-text p { color: #000; }
  .news .news-list-view .news-list-recent .footer { color: #fff; }
  .news .article { padding-bottom: 15px; margin-bottom: 15px; }
  .news .article .header h1 { border-bottom: 2px solid #000; line-height: 1.4em; text-align: left; font-size: 200%; }
  .news .article .news-detail-info { border-bottom: 1px solid #ccc; display: flex; justify-content: space-between; align-items: flex-start; width: 100%; color: #444444; }
  .news .article .news-detail-date { text-align: left; }
  .news .article .news-detail-author { text-align: right; }
  .news .article .news-img-wrap { float: left; margin: 3px 12px 5px 0; background: #fff; }
  .news .article .news-img-wrap a { display: block; float: left; }
  .news .article .news-img-wrap img { height: auto; }
  .news .article .teaser-text { margin: 20px 0 20px 0; font-size: 24px; }
  .news .article .teaser-text p { margin: 0; color: #000; font-style: italic; }
  .news .article .news-listen-now { padding: 0; margin: 1em 0; }
  .news .article a.more { padding: 0.5em 0.6em; background-color: #01060C; color: #fff; width: auto; }
  .news .article a.more:hover, .news .article a.more:focus { background-color: #545454; }
  .news .article ul.pager { list-style: none; padding-top: 1.5em; }
  .news .article ul.pager li a { font-size: 1.2em; }
  .news .article ul.pager li.next { float: right; }
  .news .article ul.pager li.previous { float: left; }
  .news .article h2 { margin-bottom: 0; }
  .news .article h2 a { color: #000; }
  .news .article h2 a:hover, .news .article h2 a:focus { background-color: #cecece; color: #000; }
  .news .article .news-detail-media-preview { margin-bottom: 2em; }
  .news .article .footer { margin: 0; background-color: #ffffff; color: #272727; padding: 10px 7px; }
  .news .article .footer .news-detail-footer-info { margin: 10px 0; font-size: 110%; line-height: 0; }
  .news .article .shariff { margin-top: 10px; margin-left: -20px; }
  .news .article-flex { display: flex; gap: 15px; padding-bottom: 0; margin-bottom: 15px; margin-top: 15px; transition-property: all; transition-duration: 0.4s; transition-timing-function: ease-in-out; }
  .news .article-flex:hover { margin: 48px 0px; }
  .news .article-flex:hover .article-preview { background-color: #f1f1f1; }
  .news .article-flex:hover .header h2 { color: #669934; }
  .news .article-flex .article-media { width: 20%; }
  .news .article-flex .article-media img { display: block; }
  .news .article-flex .article-preview { width: 80%; padding: 12px; }
  .news .article-flex .news-img-wrap { margin: 0px; background: transparent; }
  .news .article-flex .header h2 { font-size: 150%; font-weight: 600; line-height: 1em; }
  .news .article-flex .teaser-text { margin: 4px 0 20px 0; }
  .news .article-flex .teaser-text p { font-size: 1rem; }
  .news .news-list-recent .article { padding-bottom: 0; }
  .news .news-list-recent .article h3 { margin-bottom: 0; }
  .news .news-list-flex { display: flex; flex-direction: row; justify-content: space-between; align-items: stretch; flex-wrap: wrap; }
  .news .news-list-flex article { width: calc(30% - 24px); padding: 12px; margin-bottom: 25px; color: #000; border: 1px solid #f3f3f3; }
  .news .news-list-flex article:hover { -webkit-box-shadow: -1px 0px 10px 0px rgba(50, 50, 50, 0.32); -moz-box-shadow: -1px 0px 10px 0px rgba(50, 50, 50, 0.32); box-shadow: -1px 0px 10px 0px rgba(50, 50, 50, 0.32); background-color: transparent; color: #000; }
  .news .news-list-flex article.news-item-first { width: 100%; border: none; }
  .news .news-list-flex article.news-item-first h2 { font-size: 2rem; font-weight: 600; line-height: 1.2em; border-bottom: 2px solid #000; }
  .news .news-list-flex article.news-item-first .teaser-text p { font-style: normal; font-size: 1rem; }
  .news .news-list-flex article .news-img-wrap { float: none; margin: 0 auto 1em auto; text-align: center; }
  .news .news-list-flex article .news-img-wrap img { float: none; }
  .news .news-list-flex article h2 { font-size: 1.5rem; text-align: center; line-height: 1.5rem; }
  .news .news-list-flex-featured { flex-direction: row; flex-wrap: wrap; }
  .news .news-list-flex-featured article { width: calc((100% - 40px)/3); }
  .news .news-list-flex-featured article.news-item-first { width: 80%; }
  .news .news-grid-featured-first { grid-area: first; }
  .news .news-grid-featured { grid-area: featured; }
  .news .news-list-grid-container { display: grid; grid-template-columns: 75% auto; grid-template-rows: auto; column-gap: 30px; grid-template-areas: "first featured"; }
  .news .news-list-grid-container article { padding: 12px; }
  .news .news-list-grid-container article:hover { -webkit-box-shadow: -1px 0px 10px 0px rgba(50, 50, 50, 0.32); -moz-box-shadow: -1px 0px 10px 0px rgba(50, 50, 50, 0.32); box-shadow: -1px 0px 10px 0px rgba(50, 50, 50, 0.32); background-color: transparent; color: #000; }
  .news .news-list-grid-container article.news-item-first h2 { font-size: 2.2rem; font-weight: 600; line-height: 1.2em; border-bottom: none; }
  .news .news-list-grid-container article.news-item-first .teaser-text p { font-size: 1.4rem; font-style: normal; margin-bottom: 1rem; }
  .news .news-list-grid-container article.news-item-first .teaser-text h1, .news .news-list-grid-container article.news-item-first .teaser-text h2, .news .news-list-grid-container article.news-item-first .teaser-text h3, .news .news-list-grid-container article.news-item-first .teaser-text h4, .news .news-list-grid-container article.news-item-first .teaser-text h5, .news .news-list-grid-container article.news-item-first .teaser-text h6 { font-size: 1.4rem; font-weight: bold; margin: 0 0 1rem 0; }
  .news .news-list-grid-container article.news-item-first .news-img-wrap { margin: 0 0 20px 0; }
  .news .news-list-grid-container article h2 { font-size: 1.5rem; font-weight: 600; text-align: center; line-height: 1.7rem; }
  .news .news-list-grid-container article a { display: flex; flex-direction: column; }
  .news .news-list-grid-container article a:hover, .news .news-list-grid-container article a:focus { background-color: transparent; text-decoration: none; border-bottom: none; }
  .news .news-list-grid-container article .news-img-wrap { margin: 0 0 14px 0; float: none; }
  .news .news-list-grid-container article .news-img-wrap img { width: 100%; }
  .news .news-list-selected ol { list-style: none; padding: 0 0.5em; counter-reset: itwlist; }
  .news .news-list-selected ol li { counter-increment: itwlist; font-size: 120%; padding: 0.25em; display: flex; align-items: baseline; }
  .news .news-list-selected ol li:before { content: counter(itwlist) ". "; color: #669934; padding-left: 10px; padding-right: 10px; font-weight: 600; }
  .news .news-list-selected ol li:hover { background-color: #f7f7f7; }
  .news .news-list-selected ol li h3 { font-size: 1.33rem; margin: 0; }
  .news .news-list-selected ol li h3 a { color: #000; }
  .news .news-list-selected ol li h3 a:hover, .news .news-list-selected ol li h3 a:focus { color: #000; background-color: transparent; text-decoration: none; border-bottom: none; }
  .news .footer { clear: left; padding: 10px 0 0 0; border-top: 1px solid #eee; margin-top: 15px; color: #888; }
  .news .footer p { line-height: 1em; margin: 0; }
  .news .footer span { display: inline-block; padding-right: 8px; margin-right: 8px; border-right: 1px solid #ddd; }
  .news .footer span:last-child { border-right: 0; }
  .news .footer .news-category a { text-transform: uppercase; }
  .news .no-news-found { color: #DB0202; font-style: italic; }
  .news .page-navigation p { float: left; }
  .news .page-navigation ul { float: right; }
  .news .page-navigation ul li { float: left; display: block; padding: 0 2px; background: none; }
  .news .page-navigation ul li a { display: block; }
  /* detail view back link */
  .news-backlink-wrap { margin: 30px 0 30px 0px; }
  .news-backlink-wrap a, .news-backlink-wrap a:focus { padding: 10px 15px; background-color: #669934; color: #000; }
  .news-backlink-wrap a:hover, .news-backlink-wrap a:active, .news-backlink-wrap a:focus:hover, .news-backlink-wrap a:focus:active { color: #fff; }
  /* category menu view */
  .news-category-view ul li { padding: 5px 8px; }
  .news-category-view ul li li { padding: 2px 8px 2px 12px; }
  .news-category-view > ul > li:nth-child(even) { background: #f9f9f9; border-top: 1px solid #eee; border-bottom: 1px solid #eee; }
  .news-category-view .category-desc { padding-left: 10px; margin-left: 10px; border-left: 1px solid #ddd; }
  /* category grid menu */
  .category-grid-item img { width: 100% !important; height: auto; vertical-align: middle; }
  .category-item-title { width: 100%; background-color: #669934; color: #fff; font-weight: bold; padding: 5px 0; }
  .category-item-title a { color: #fff; padding: 5px 6px; }
  .category-item-title a:hover, .category-item-title a:focus { background-color: transparent; }
  .category-flex { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; }
  .category-flex .category-grid-item { flex-grow: 0; width: 30%; margin-bottom: 25px; }
  /* single view */
  .news-single .footer { margin-bottom: 20px; margin-top: 5px; padding: 10px 0 0 0; border-bottom: 0; border-top: 1px solid #eee; }
  .news-single .article .news-img-wrap { float: none; width: 100%; margin: 0 0 15px 0; }
  .news-single .article .news-img-wrap img { float: none; }
  .news-single .article .news-img-wrap .fitVids-wrapper { position: relative; padding-bottom: 56.25%; height: 0; }
  .news-single .article .news-img-wrap .fitVids-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
  .news-single .teaser-text { font-size: 15px; color: #888; }
  main .news-search-form { margin-top: 1.5em; }
  .news-search-form { background-color: #d1d1d1; }
  .news-search-form div:first-child { display: none; }
  .news-search-form .itw-search-fields { display: flex; justify-content: space-around; align-items: center; }
  .news-search-form .itw-heading-search-articles { font-size: 2.0em; color: #636363; margin-bottom: 0; display: inline-block; }
  .news-search-form .itw-searchfield { width: 33.333%; background-color: #fff; border: 3px solid #636363; font-size: 1.8em; }
  .news-search-form .itw-searchbtn { color: #fff; background-color: #636363; padding: 5px 18px; font-size: 1.4em; border-radius: 3px; }
  .news-search-form .itw-searchbtn:hover { color: #000; }
  .news-text-wrap { margin-top: 15px; margin-bottom: 15px; }
  .news-img-caption { color: #888; }
  /* related news + files */
  .news-related-wrap { display: flex; justify-content: space-between; align-items: stretch; margin-top: 20px; width: 100%; }
  .news-related { width: 50%; padding: 15px; border: 1px solid #eee; display: table-cell; }
  .news-related ul li { line-height: 1em; margin-bottom: 12px; }
  .news-related ul li span { border-right: 1px solid #DDDDDD; display: inline-block; margin-right: 8px; padding-right: 8px; color: #888; }
  .news-related ul li span:last-child { border-right: 0; padding-right: 0; }
  .news-related h4 { margin-bottom: 10px; }
  .news-related-files ul li { margin-bottom: 20px; }
  .news-related-files .news-related-files-link .jpg { background-position: 0 0; }
  .news-clear { clear: left; } }

@media screen and (max-width: 768px) { /*adjust the width of hte category grid */
  .category-flex { justify-content: space-around; }
  .category-flex .category-grid-item { width: 40%; }
  .news .news-list-recent .article h3 { text-align: center; }
  .news .news-list-flex article { width: 29%; }
  .news .article .header h1 { text-align: center; }
  .news-related-wrap { flex-wrap: wrap; flex-grow: 1; }
  .news-related-wrap .news-related-news, .news-related-wrap .news-related-links, .news-related-wrap .news-related-files { width: 100%; }
  .article-flex { transition: none; }
  .article-flex:hover { margin: 15px 0px; }
  .article-flex:hover .article-preview { background-color: transparent; }
  .article-flex:hover .header h2 { color: #000; } }

@media screen and (max-width: 480px) { .itw-home-col-lists > div:nth-child(2) { border-left: none; border-right: none; }
  .category-flex { justify-content: space-around; }
  .category-flex .category-grid-item { width: 90%; }
  .news .news-list-view .news-list-recent { padding: 0; }
  .news .news-list-view .news-list-recent .article { padding-bottom: 0; margin-bottom: 15px; }
  .news .news-list-flex article { width: 100%; }
  .news-search-form .itw-search-fields { flex-direction: column; gap: 10px; align-items: center; padding: 0 0 7px 0; }
  .news-search-form .itw-searchfield { width: 90%; }
  .news .article-flex { flex-wrap: wrap; }
  .news .article-flex .article-media, .news .article-flex .article-preview { width: 100%; }
  .news .article-flex .header h2 { text-align: center; }
  .news .news-list-grid-container { display: grid; grid-template-columns: 100%; grid-template-rows: auto; column-gap: 15px; row-gap: 15px; grid-template-areas: "first"
 "featured"; }
  .news .news-list-grid-container article { padding: 12px; margin-bottom: 0px; }
  .news .news-list-grid-container article:hover { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
  .news .news-list-grid-container article.news-item-first { grid-area: first; }
  .news .news-list-grid-container article.news-item-first h2 { font-size: 2rem; line-height: 1.2em; border-bottom: 2px solid #000; }
  .news .news-list-grid-container article.news-item-first .teaser-text p { font-size: 1rem; font-style: normal; margin-bottom: 1rem; }
  .news .news-list-grid-container article.news-item-first .teaser-text h1, .news .news-list-grid-container article.news-item-first .teaser-text h2, .news .news-list-grid-container article.news-item-first .teaser-text h3, .news .news-list-grid-container article.news-item-first .teaser-text h4, .news .news-list-grid-container article.news-item-first .teaser-text h5, .news .news-list-grid-container article.news-item-first .teaser-text h6 { font-size: 1rem; font-weight: bold; margin: 0 0 1rem 0; }
  .news .news-list-grid-container article h2 { font-size: 1rem; text-align: center; line-height: 1.5rem; }
  .news .news-list-grid-container article a { display: flex; flex-direction: column; }
  .news .news-list-grid-container article a:hover, .news .news-list-grid-container article a:focus { background-color: transparent; text-decoration: none; border-bottom: none; }
  .news .news-list-grid-container article .news-img-wrap { margin: 0; float: none; }
  .news .news-list-grid-container article .news-img-wrap img { width: 100%; } }

@media print { /** @section basic layout preparation */
  /* (en) change font size unit to [pt] - avoids problems with [px] in Gecko based browsers */
  /* (de) Wechsel der der Schriftgrößen-Maßheinheit zu [pt] - Probleme mit [px] in Gecko-Browsern vermeiden */
  body { font-size: 10pt; padding: 0 5px; }
  /* (en) Hide unneeded container of the screenlayout in print layout */
  /* (de) Für den Druck nicht benötigte Container des Layouts abschalten */
  nav, .ym-searchform { display: none; }
  /*------------------------------------------------------------------------------------------------------*/
  /* (en) Avoid page breaks right after headings */
  /* (de) Vermeidung von Seitenumbrüchen direkt nach einer Überschrift */
  h1, h2, h3, h4, h5, h6 { page-break-after: avoid; } }








@media screen {
    /*no highlight on image links */
    a.no-highlight:hover, a.no-highlight:focus{
        text-decoration: none;
        border-bottom: none;
        background-color: transparent;
    }
    /* images using flexbox */
    .eryaml-fb-container{
        display: flex;
        flex-direction: row;
        flex-wrap:wrap;
        justify-content:space-around;
        -ms-align-items: flex-start;
        align-items: flex-start
        
    }
    .eryaml-fb-container img,
    .eryaml-fb-container embed,
    .eryaml-fb-container object,
    .eryaml-fb-container video{
        max-width: 100%;
        height:auto;
    }
    .bp-4-aboveTextCentered,.bp-4-belowTextCentered{
        margin:0 auto;
        float:none;
    }
    .bp-4-aboveTextLeft,.bp-4-belowTextLeft{
        margin:0 auto 0 0;
        float:none;
    }
    .bp-4-aboveTextRight,.bp-4-belowTextRight{
        margin:0 0 0 auto;
        float:none;
    }
    .bp-4-besideTextLeft{
        float:left;
        margin-right: 1em;
    }
    .bp-4-besideTextRight{
        float: right;
        margin-left: 1em;
    }
    [class^="bp-4-colW"]{
        margin:0 auto;
    }
    .bp-4-colW100{
        width:calc(100% - 20px);
        margin:0 auto;
    }
    .bp-4-colW90{
        width:90%;
    }
    .bp-4-colW80{
        width:80%;
    }
    .bp-4-colW70{
        width:70%;
    }
    .bp-4-colW60{
        width:60%;
    }
    .bp-4-colW50{
        width:50%;
    }
    .bp-4-colW40{
        width:40%;
    }
    .bp-4-colW30{
        width:30%;
    }
    .bp-4-colW20{
        width:20%;
    }
    .bp-4-colW10{
        width:10%;
    }
    
    /* fixed width content */
    .bp-4-colW1920{
        width:1920px;
    }
    .bp-4-colW1200{
        width:1200px;
    }
    .bp-4-colW1000{
        width:1000px
    }
    .bp-4-colW800{
        width:800px;
    }
    .bp-4-colW780{
        width:780px;
    }
    .bp-4-colW760{
        width:760px;
    }
    .bp-4-colW480{
        width:480px;
    }
    .bp-4-colW460{
        width:460px;
    }
    .bp-4-colW320{
        width:320px;
    }
    .bp-4-colW300{
        width:300px;
    }
    
    .eryaml-fb-item-bp4-cols1{
        width:calc(100% - 20px)
    }
    .eryaml-fb-item-bp4-cols2{
        width:50%;
    }
    .eryaml-fb-item-bp4-cols3{
        width:33%;
    }
    .eryaml-fb-item-bp4-cols4{
        width:25%;
    }
    .eryaml-fb-item-bp4-cols5{
        width:20%;
    }
    .eryaml-fb-item-bp4-cols6{
        width:16%;
    }
    .eryaml-fb-item-bp4-cols7{
        width:14%;
    }
    .eryaml-fb-item-bp4-cols8{
        width:12%;
    }
    .eryaml-fb-item-bp4-cols9{
        width:11%;
    }
    .eryaml-fb-item-bp4-cols10{
        width:10%;
    }
    /* item ordering for break points */
    .eryaml-itemorder-bp4-img-aboveTextCentered,
    .eryaml-itemorder-bp4-img-aboveTextLeft,
    .eryaml-itemorder-bp4-img-aboveTextRight,
    .eryaml-itemorder-bp4-img-besideTextLeft{ order:1; }
    .eryaml-itemorder-bp4-txt-aboveTextCentered,
    .eryaml-itemorder-bp4-txt-aboveTextLeft,
    .eryaml-itemorder-bp4-txt-aboveTextRight,
    .eryaml-itemorder-bp4-txt-besideTextLeft{ order:2; }
    .eryaml-itemorder-bp4-img-belowTextCentered,
    .eryaml-itemorder-bp4-img-belowTextLeft,
    .eryaml-itemorder-bp4-img-belowtextRight,
    .eryaml-itemorder-bp4-img-besideTextRight{order:2;}
    .eryaml-itemorder-bp4-txt-belowTextCentered,
    .eryaml-itemorder-bp4-txt-belowTextLeft,
    .eryaml-itemorder-bp4-txt-belowtextRight,
    .eryaml-itemorder-bp4-txt-besideTextRight{order:1;}
}

@media screen and (min-width:576px){
    .bp-3-aboveTextCentered,.bp-3-belowTextCentered{
        margin:0 auto;
        float:none;
    }
    .bp-3-aboveTextLeft,.bp-3-belowTextLeft{
        margin:0 auto 0 0;
        float:none;
    }
    .bp-3-aboveTextRight,.bp-3-belowTextRight{
        margin:0 0 0 auto;
        float:none;
    }
    .bp-3-besideTextLeft{
        float:left;
        margin-right: 1em;
    }
    .bp-3-besideTextRight{
        float: right;
        margin-left: 1em;
    }
    .eryaml-section{
        padding:0;
    }
    .bp-3-colW100{
        width:calc(100% - 20px)
    }
    .bp-3-colW90{
        width:90%;
    }
    .bp-3-colW80{
        width:80%;
    }
    .bp-3-colW70{
        width:70%;
    }
    .bp-3-colW60{
        width:60%;
    }
    .bp-3-colW50{
        width:50%;
    }
    .bp-3-colW40{
        width:40%;
    }
    .bp-3-colW30{
        width:30%;
    }
    .bp-3-colW20{
        width:20%;
    }
    .bp-3-colW10{
        width:10%;
    }
    
    /* fixed width content */
    .bp-3-colW1920{
        width:1920px;
    }
    .bp-3-colW1200{
        width:1200px;
    }
    .bp-3-colW1000{
        width:1000px
    }
    .bp-3-colW800{
        width:800px;
    }
    .bp-3-colW780{
        width:780px;
    }
    .bp-3-colW760{
        width:760px;
    }
    .bp-3-colW480{
        width:480px;
    }
    .bp-3-colW460{
        width:460px;
    }
    .bp-3-colW320{
        width:320px;
    }
    .bp-3-colW300{
        width:300px;
    }
    
    .eryaml-fb-item-bp3-cols1{
        width:calc(100% - 20px)
    }
    .eryaml-fb-item-bp3-cols2{
        width:50%;
    }
    .eryaml-fb-item-bp3-cols3{
        width:33%;
    }
    .eryaml-fb-item-bp3-cols4{
        width:25%;
    }
    .eryaml-fb-item-bp3-cols5{
        width:20%;
    }
    .eryaml-fb-item-bp3-cols6{
        width:16%;
    }
    .eryaml-fb-item-bp3-cols7{
        width:14%;
    }
    .eryaml-fb-item-bp3-cols8{
        width:12%;
    }
    .eryaml-fb-item-bp3-cols9{
        width:11%;
    }
    .eryaml-fb-item-bp3-cols10{
        width:10%;
    }
    /* item ordering for break points */
    .eryaml-itemorder-bp3-img-aboveTextCentered,
    .eryaml-itemorder-bp3-img-aboveTextLeft,
    .eryaml-itemorder-bp3-img-aboveTextRight,
    .eryaml-itemorder-bp3-img-besideTextLeft{ order:1; }
    .eryaml-itemorder-bp3-txt-aboveTextCentered,
    .eryaml-itemorder-bp3-txt-aboveTextLeft,
    .eryaml-itemorder-bp3-txt-aboveTextRight,
    .eryaml-itemorder-bp3-txt-besideTextLeft{ order:2; }
    .eryaml-itemorder-bp3-img-belowTextCentered,
    .eryaml-itemorder-bp3-img-belowTextLeft,
    .eryaml-itemorder-bp3-img-belowtextRight,
    .eryaml-itemorder-bp3-img-besideTextRight{order:2;}
    .eryaml-itemorder-bp3-txt-belowTextCentered,
    .eryaml-itemorder-bp3-txt-belowTextLeft,
    .eryaml-itemorder-bp3-txt-belowtextRight,
    .eryaml-itemorder-bp3-txt-besideTextRight{order:1;}
}

@media screen and (min-width:768px){
    .bp-780-aboveTextCentered,.bp-780-belowTextCentered,
    .bp-2-aboveTextCentered, .bp-2-belowTextCentered{
        margin:0 auto;
        float:none;
    }
    .bp-780-aboveTextLeft,.bp-780-belowTextLeft,
    .bp-2-aboveTextLeft, .bp-2-belowTextLeft{
        margin:0 auto 0 0;
        float:none;
    }
    .bp-780-aboveTextRight,.bp-780-belowTextRight,
    .bp-2-aboveTextRight, .bp-2-belowTextRight{
        margin:0 0 0 auto;
        float:none;
    }
    .bp-780-besideTextLeft,
    .bp-2-besideTextLeft{
        float:left;
        margin-right: 1em;
    }
    .bp-780-besideTextRight,
    .bp-2-besideTextRight{
        float: right;
        margin-left: 1em;
    }
    .bp-2-colW100{
        width:calc(100% - 20px);
    }
    .bp-2-colW90{
        width:90%;
    }
    .bp-2-colW80{
        width:80%;
    }
    .bp-2-colW70{
        width:70%;
    }
    .bp-2-colW60{
        width:60%;
    }
    .bp-2-colW50{
        width:50%;
    }
    .bp-2-colW40{
        width:40%;
    }
    .bp-2-colW30{
        width:30%;
    }
    .bp-2-colW20{
        width:20%;
    }
    .bp-2-colW10{
        width:10%;
    }

     /* fixed width content */
    .bp-2-colW1920{
        width:1920px;
    }
    .bp-2-colW1200{
        width:1200px;
    }
    .bp-2-colW1000{
        width:1000px
    }
    .bp-2-colW800{
        width:800px;
    }
    .bp-2-colW780{
        width:780px;
    }
    .bp-2-colW760{
        width:760px;
    }
    .bp-2-colW480{
        width:480px;
    }
    .bp-2-colW460{
        width:460px;
    }
    .bp-2-colW320{
        width:320px;
    }
    .bp-2-colW300{
        width:300px;
    }
    
    .eryaml-fb-item-bp2-cols1{
        width:calc(100% - 20px)
    }
    .eryaml-fb-item-bp2-cols2{
        width:50%;
    }
    .eryaml-fb-item-bp2-cols3{
        width:33%;
    }
    .eryaml-fb-item-bp2-cols4{
        width:25%;
    }
    .eryaml-fb-item-bp2-cols5{
        width:20%;
    }
    .eryaml-fb-item-bp2-cols6{
        width:16%;
    }
    .eryaml-fb-item-bp2-cols7{
        width:14%;
    }
    .eryaml-fb-item-bp2-cols8{
        width:12%;
    }
    .eryaml-fb-item-bp2-cols9{
        width:11%;
    }
    .eryaml-fb-item-bp2-cols10{
        width:10%;
    }
    /* item ordering for break points */
    .eryaml-itemorder-bp2-img-aboveTextCentered,
    .eryaml-itemorder-bp2-img-aboveTextLeft,
    .eryaml-itemorder-bp2-img-aboveTextRight,
    .eryaml-itemorder-bp2-img-besideTextLeft{ order:1; }
    .eryaml-itemorder-bp2-txt-aboveTextCentered,
    .eryaml-itemorder-bp2-txt-aboveTextLeft,
    .eryaml-itemorder-bp2-txt-aboveTextRight,
    .eryaml-itemorder-bp2-txt-besideTextLeft{ order:2; }
    .eryaml-itemorder-bp2-img-belowTextCentered,
    .eryaml-itemorder-bp2-img-belowTextLeft,
    .eryaml-itemorder-bp2-img-belowtextRight,
    .eryaml-itemorder-bp2-img-besideTextRight{order:2;}
    .eryaml-itemorder-bp2-txt-belowTextCentered,
    .eryaml-itemorder-bp2-txt-belowTextLeft,
    .eryaml-itemorder-bp2-txt-belowtextRight,
    .eryaml-itemorder-bp2-txt-besideTextRight{order:1;}
}

@media screen and (min-width: 992px ){
    
    .bp-1200-aboveTextCentered,.bp-1200-belowTextCentered{
        margin:0 auto;
        float:none;
    }
    .bp-1200-aboveTextLeft,.bp-1200-belowTextLeft{
        margin:0 auto 0 0;
        float:none;
    }
    .bp-1200-aboveTextRight,.bp-1200-belowTextRight{
        margin:0 0 0 auto;
        float:none;
    }
    .bp-1200-besideTextLeft{
        float:left;
        margin-right: 1em;
    }
    .bp-1200-besideTextRight{
        float: right;
        margin-left: 1em;
    }
    
    .bp-1200-colW100,.bp-1-colW100{
        width:100%;
    }
    .bp-1200-colW90,.bp-1-colW90{
        width:90%;
    }
    .bp-1200-colW80,.bp-1-colW80{
        width:80%;
    }
    .bp-1200-colW70,.bp-1-colW70{
        width:70%;
    }
    .bp-1200-colW60,.bp-1-colW60{
        width:60%;
    }
    .bp-1200-colW50,.bp-1-colW50{
        width:50%;
    }
    .bp-1200-colW40,.bp-1-colW40{
        width:40%;
    }
    .bp-1200-colW30,.bp-1-colW30{
        width:30%;
    }
    .bp-1200-colW20,.bp-1-colW20{
        width:20%;
    }
    .bp-1200-colW10,.bp-1-colW10{
        width:10%;
    }
    
    /* fixed width content */
    .bp-1200-colW1920,.bp-1-colW1920{
        width:1920px;
    }
    .bp-1200-colW1200,.bp-1-colW1200{
        width:1200px;
    }
    .bp-1200-colW1000,.bp-1-colW1000{
        width:1000px
    }
    .bp-1200-colW800,.bp-1-colW800{
        width:800px;
    }
    .bp-1200-colW780,.bp-1-colW780{
        width:780px;
    }
    .bp-1200-colW760,.bp-1-colW760{
        width:760px;
    }
    .bp-1200-colW680,.bp-1-colW680{
        width:680px;
    }
    .bp-1200-colW660,.bp-1-colW660{
        width:660px;
    }
    .bp-1200-colW480,.bp-1-colW480{
        width:480px;
    }
    .bp-1200-colW460,.bp-1-colW460{
        width:460px;
    }
    .bp-1200-colW320,.bp-1-colW320{
        width:320px;
    }
    .bp-1200-colW300,.bp-1-colW300{
        width:300px;
    }
    
    
    .eryaml-fb-item-bp1200-cols1,.eryaml-fb-item-bp1-cols1{
        width:100%;
    }
    .eryaml-fb-item-bp1200-cols2,.eryaml-fb-item-bp1-cols2{
        width:50%;
    }
    .eryaml-fb-item-bp1200-cols3,.eryaml-fb-item-bp1-cols3{
        width:33%;
    }
    .eryaml-fb-item-bp1200-cols4,.eryaml-fb-item-bp1-cols4{
        width:25%;
    }
    .eryaml-fb-item-bp1200-cols5,.eryaml-fb-item-bp1-cols5{
        width:20%;
    }
    .eryaml-fb-item-bp1200-cols6,.eryaml-fb-item-bp1-cols6{
        width:16%;
    }
    .eryaml-fb-item-bp1200-cols7,.eryaml-fb-item-bp1-cols7{
        width:14%;
    }
    .eryaml-fb-item-bp1200-cols8,.eryaml-fb-item-bp1-cols8{
        width:12%;
    }
    .eryaml-fb-item-bp1200-cols9,.eryaml-fb-item-bp1-cols9{
        width:11%;
    }
    .eryaml-fb-item-bp1200-cols10,.eryaml-fb-item-bp1-cols10{
        width:10%;
    }
    /* item ordering for break points */
    .eryaml-itemorder-bp1-img-aboveTextCentered,
    .eryaml-itemorder-bp1-img-aboveTextLeft,
    .eryaml-itemorder-bp1-img-aboveTextRight,
    .eryaml-itemorder-bp1-img-besideTextLeft{ order:1; }
    .eryaml-itemorder-bp1-txt-aboveTextCentered,
    .eryaml-itemorder-bp1-txt-aboveTextLeft,
    .eryaml-itemorder-bp1-txt-aboveTextRight,
    .eryaml-itemorder-bp1-txt-besideTextLeft{ order:2; }
    .eryaml-itemorder-bp1-img-belowTextCentered,
    .eryaml-itemorder-bp1-img-belowTextLeft,
    .eryaml-itemorder-bp1-img-belowtextRight,
    .eryaml-itemorder-bp1-img-besideTextRight{order:2;}
    .eryaml-itemorder-bp1-txt-belowTextCentered,
    .eryaml-itemorder-bp1-txt-belowTextLeft,
    .eryaml-itemorder-bp1-txt-belowtextRight,
    .eryaml-itemorder-bp1-txt-besideTextRight{order:1;}
}

@media (min-width: 1200px){
    .eryaml-fullwidth-title{
            text-align:center;
            padding:20px;
    }
    
    /**  add dividing line for 2 column grids */
    .eryaml-divider-2px .ym-gr{
        border-left:2px solid #ccc;
    }
    .eryaml-divider-1px .ym-gr{
            border-left:1px solid #ccc;
    }
    .eryaml-fb-item{
            
    }
    .eryaml-fb-item-cols1{
        width:100%;
    }
    .eryaml-fb-item-cols2{
        width:50%;
    }
    .eryaml-fb-item-cols3{
        width:33%;
    }
    .eryaml-fb-item-cols4{
        width:25%;
    }
    .eryaml-fb-item-cols5{
        width:20%;
    }
    .eryaml-fb-item-cols6{
        width:16%;
    }
    .eryaml-fb-item-cols7{
        width:14%;
    }
    .eryaml-fb-item-cols8{
        width:12%;
    }
    .eryaml-fb-item-cols9{
        width:11%;
    }
    .eryaml-fb-item-cols10{
        width:10%;
    }
    
    
    .media-wrapper{
        margin-bottom: 10px;
    }
    
    .media-wrapper-clearfix:before{
        content:"";
        display:table;
    }
    .media-wrapper-clearfix:after{
        clear: both;
        content:".";
        display: block;
        font-size: 0;
        height: 0;
        visibility: hidden;
    }
    .media-wrapper-right{
        float: right;
    }
    .media-wrapper-center{
        margin:0 auto;
    }
    .colW100{
        width:100%;
    }
    .colW90{
        width:90%;
    }
    .colW80{
        width:80%;
    }
    .colW70{
        width:70%;
    }
    .colW60{
        width:60%;
    }
    .colW50{
        width:50%;
    }
    .colW40{
        width:40%;
    }
    .colW30{
        width:30%;
    }
    .colW20{
        width:20%;
    }
    .colW10{
        width:10%;
    }
    /* fixed width content */
    .colW1920{
        width:1920px;
    }
    .colW1200{
        width:1200px;
    }
    .colW1000{
        width:1000px
    }
    .colW800{
        width:800px;
    }
    .colW780{
        width:780px;
    }
    .colW760{
        width:760px;
    }
    .colW680{
        width:680px;
    }
    .colW660{
        width:660px;
    }
    .colW480{
        width:480px;
    }
    .colW460{
        width:460px;
    }
    .colW320{
        width:320px;
    }
   
    .aboveTextCentered,.belowTextCentered{
        margin:0 auto;
        float:none;
    }
    .aboveTextLeft,.belowTextLeft{
        margin:0 auto 0 0;
        float:none;
    }
    .aboveTextRight,.belowTextRight{
        margin:0 0 0 auto;
        float:none;
    }
    .besideTextLeft{
        float:left;
        margin-right: 1em;
    }
    .besideTextRight{
        float: right;
        margin-left: 1em;
    }

    /* item ordering for break points */
    .eryaml-itemorder-img-aboveTextCentered,
    .eryaml-itemorder-img-aboveTextLeft,
    .eryaml-itemorder-img-aboveTextRight,
    .eryaml-itemorder-img-besideTextLeft{ order:1; }
    .eryaml-itemorder-txt-aboveTextCentered,
    .eryaml-itemorder-txt-aboveTextLeft,
    .eryaml-itemorder-txt-aboveTextRight,
    .eryaml-itemorder-txt-besideTextLeft{ order:2; }
    .eryaml-itemorder-img-belowTextCentered,
    .eryaml-itemorder-img-belowTextLeft,
    .eryaml-itemorder-img-belowtextRight,
    .eryaml-itemorder-img-besideTextRight{order:2;}
    .eryaml-itemorder-txt-belowTextCentered,
    .eryaml-itemorder-txt-belowTextLeft,
    .eryaml-itemorder-txt-belowtextRight,
    .eryaml-itemorder-txt-besideTextRight{order:1;}
    
}