body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}
:root{--hc-black: black;--hc-black-bis: hsl(0, 0%, 7%);--hc-black-ter: hsl(0, 0%, 14%);--hc-grey-darker: hsl(0, 0%, 21%);--hc-grey-dark: hsl(0, 0%, 29%);--hc-grey: hsl(0, 0%, 48%);--hc-white: white}.wcag-square,.wcag-size{transform:scale(0.4)}.wcag-size:visited{color:var(--hc-black)}.contrast-size-switcher button{background:none;border:none;padding:0;display:flex}.contrast-size-switcher button:focus{background:none}.high-contrast a,.high-contrast a:visited{text-decoration:underline}.high-contrast .hc-invert:not(.hc-greyscale),.high-contrast .hc-invert-pictures:not(.hc-greyscale-pictures) img,.high-contrast .hc-invert-pictures:not(.hc-greyscale-pictures) svg{filter:invert(1)}.high-contrast .hc-greyscale:not(.hc-invert),.high-contrast .hc-greyscale-pictures:not(.hc-invert-pictures) img,.high-contrast .hc-greyscale-pictures:not(.hc-invert-pictures) svg{filter:grayscale(1)}.high-contrast .hc-invert.hc-greyscale,.high-contrast .hc-invert-pictures.hc-greyscale-pictures img,.high-contrast .hc-invert-pictures.hc-greyscale-pictures svg{filter:invert(1) grayscale(1)}.high-contrast .hc-bg-black{background:var(--hc-black) !important}.high-contrast .hc-bg-black,.high-contrast .hc-bg-black *{color:var(--hc-white) !important}.high-contrast .hc-bg-black-bis{background:var(--hc-black-bis) !important}.high-contrast .hc-bg-black-bis,.high-contrast .hc-bg-black-bis *{color:var(--hc-white) !important}.high-contrast .hc-bg-black-ter{background:var(--hc-black-ter) !important}.high-contrast .hc-bg-black-ter,.high-contrast .hc-bg-black-ter *{color:var(--hc-white) !important}.high-contrast .hc-bg-grey-darker{background:var(--hc-grey-darker) !important}.high-contrast .hc-bg-grey-darker,.high-contrast .hc-bg-grey-darker *{color:var(--hc-white) !important}.high-contrast .hc-bg-grey-dark{background:var(--hc-grey-dark) !important}.high-contrast .hc-bg-grey-dark,.high-contrast .hc-bg-grey-dark *{color:var(--hc-white) !important}.high-contrast .hc-bg-grey{background:var(--hc-grey) !important}.high-contrast .hc-bg-grey,.high-contrast .hc-bg-grey *{color:var(--hc-white) !important}.high-contrast .hc-bg-white{background:var(--hc-white) !important}.high-contrast .hc-bg-white,.high-contrast .hc-bg-white *{color:var(--hc-black) !important}.high-contrast .hc-text-white,.high-contrast .hc-text-white *{color:var(--hc-white) !important}.high-contrast .hc-hover-text-white:hover,.high-contrast .hc-hover-text-white:hover *,.high-contrast .hc-hover-text-white:focus,.high-contrast .hc-hover-text-white:focus *{color:var(--hc-white) !important}.high-contrast .hc-text-black,.high-contrast .hc-text-black *{color:var(--hc-black) !important}.high-contrast .hc-hover-text-black:hover,.high-contrast .hc-hover-text-black:hover *,.high-contrast .hc-hover-text-black:focus,.high-contrast .hc-hover-text-black:focus *{color:var(--hc-black) !important}.high-contrast .hc-hover-bg-black:hover,.high-contrast .hc-hover-bg-black:focus,.high-contrast .hc-hover-bg-black:focus-visible{background:var(--hc-black) !important}.high-contrast .hc-hover-bg-black-bis:hover,.high-contrast .hc-hover-bg-black-bis:focus,.high-contrast .hc-hover-bg-black-bis:focus-visible{background:var(--hc-black-bis) !important}.high-contrast .hc-hover-bg-black-ter:hover,.high-contrast .hc-hover-bg-black-ter:focus,.high-contrast .hc-hover-bg-black-ter:focus-visible{background:var(--hc-black-ter) !important}.high-contrast .hc-hover-bg-grey-darker:hover,.high-contrast .hc-hover-bg-grey-darker:focus,.high-contrast .hc-hover-bg-grey-darker:focus-visible{background:var(--hc-grey-darker) !important}.high-contrast .hc-hover-bg-grey-dark:hover,.high-contrast .hc-hover-bg-grey-dark:focus,.high-contrast .hc-hover-bg-grey-dark:focus-visible{background:var(--hc-grey-dark) !important}.high-contrast .hc-hover-bg-grey:hover,.high-contrast .hc-hover-bg-grey:focus,.high-contrast .hc-hover-bg-grey:focus-visible{background:var(--hc-grey) !important}.high-contrast .hc-hover-bg-white:hover,.high-contrast .hc-hover-bg-white:focus,.high-contrast .hc-hover-bg-white:focus-visible{background:var(--hc-white) !important}.high-contrast .wcag-square,.high-contrast .wcag-size,.high-contrast .wcag-size:visited{color:#fff;fill:#fff}.high-contrast .text-decoration-none,.high-contrast .text-decoration-none a{text-decoration:none}.first-headline.block,.subheadline{font-size:0.7em;font-weight:300;display:block}.first-headline:not(.block){font-weight:300}.first-headline:not(.block)+.main-headline{font-weight:700}
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}
.content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666}
@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) YAML core stylesheet
 * (de) YAML Basis-Stylesheet
 *
 * Don't make any changes in this file!
 * Your changes should be placed in any css-file in your own stylesheet folder.
 *
 * @copyright       Copyright 2005-2010, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.2.1
 * @revision        $Revision: 454 $
 * @lastmodified    $Date: 2010-01-01 17:31:10 +0100 (Fr, 01. Jan 2010) $
 */

@media all
{
 /**
  * @section browser reset
  * @see     http://www.yaml.de/en/documentation/css-components/base-stylesheet.html
  */

  /* (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; } /* LTR */
  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; }
  * html iframe, * html frame { overflow:auto; }
  * html frameset { overflow:hidden; }

  body {
    /* (en) Fix for rounding errors when scaling font sizes in older versions of Opera browser */
    /* (de) Beseitigung von Rundungsfehler beim Skalieren von Schriftgrößen in älteren Opera Versionen */
    font-size:100.01%;

    /* (en) Standard values for colors and text alignment */
    /* (de) Vorgabe der Standardfarben und Textausrichtung */
    background:#fff;
    color:#000;
    text-align:left; /* LTR */
  }

  /* (en) avoid visible outlines on DIV containers in Webkit browsers */
  /* (de) Vermeidung sichtbarer Outline-Rahmen in Webkit-Browsern */
  div { outline:0 none; }

  /* (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 and cite */
  /* (de) Neue Standardwerte für Listen & Zitate */
  ul, ol, dl { margin:0 0 1em 1em; } /* LTR */
  li {
    line-height:1.5em;
    margin-left:0.8em; /* LTR */
  }

  dt { font-weight:bold; }
  dd { margin:0 0 1em 0.8em; } /* LTR */

  blockquote { margin:0 0 1em 0.8em; } /* LTR */

  blockquote:before, blockquote:after,
  q:before, q:after { content:""; }

 /*------------------------------------------------------------------------------------------------------*/

 /**
  * @section clearing methods
  * @see     http://yaml.de/en/documentation/basics/general.html
  */

  /* (en) clearfix method for clearing floats */
  /* (de) Clearfix-Methode zum Clearen der Float-Umgebungen */
  .clearfix:after {
    clear:both;
    content:".";
    display:block;
    font-size:0;
    height:0;
    visibility:hidden;
  }

  /* (en) essential for Safari browser !! */
  /* (de) Diese Angabe benötigt der Safari-Browser zwingend !! */
  .clearfix { display:block; }

  /* (en) alternative solution to contain floats */
  /* (de) Alternative Methode zum Einschließen von Float-Umgebungen */
  .floatbox { overflow:hidden; }

  /* (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 */
  #ie_clearing { display:none; }

 /*------------------------------------------------------------------------------------------------------*/

 /**
  * @section hidden elements | Versteckte Elemente
  * @see     http://www.yaml.de/en/documentation/basics/skip-links.html
  *
  * (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 */
  .skip, .hideme, .print {
    position:absolute;
    top:-32768px;
    left:-32768px; /* LTR */
  }

  /* (en) make skip links visible when using tab navigation */
  /* (de) Skip-Links für Tab-Navigation sichtbar schalten */
  .skip:focus, .skip:active {
    position:static;
    top:0;
    left:0;
  }

  /* skiplinks:technical setup */
  #skiplinks { 
    position:absolute;
    top:0px; 
    left:-32768px; 
    z-index:1000; 
    width:100%;
    margin:0; 
    padding:0; 
    list-style-type:none;   
  }
  
  #skiplinks a.skip:focus,
  #skiplinks a.skip:active {
    left:32768px; 
    outline:0 none;
    position:absolute; 
    width:100%;
  }  
}

@media screen, projection
{

 /**
  * @section base layout | Basis Layout
  * @see     http://www.yaml.de/en/documentation/css-components/base-stylesheet.html
  *
  * |-------------------------------|
  * | #header                       |
  * |-------------------------------|
  * | #col1   | #col3     | #col2   |
  * | 200 px  | flexible  | 200px   |
  * |-------------------------------|
  * | #footer                       |
  * |-------------------------------|
  */

  #header { position:relative; }

  /* (en) Text Alignment for #topnav content */
  /* (de) Textausrichtung für #topnav Inhalte */
  #topnav { text-align:right; }  /* LTR */

  /* (en) Absolute positioning only within #header */
  /* (de) Absolute Positionierung erfolgt nur innerhalb von #header */
  #header #topnav {
    position:absolute;
    top:10px;
    right:10px; /* LTR */
  }

  /* (en) Backup for correct positioning */
  /* (de) Absicherung korrekte Positionierung */
  #header, #nav, #main, #footer { clear:both; }

  #col1 { float:left; width:200px; }
  #col2 { float:right; width:200px; }
  #col3 { width:auto; margin:0 200px; }

  /* (en) Preparation for absolute positioning within content columns */
  /* (de) Vorbereitung für absolute Positionierungen innerhalb der Inhaltsspalten */
  #col1_content, #col2_content, #col3_content { position:relative; }

 /*------------------------------------------------------------------------------------------------------*/

 /**
  * @section subtemplates
  * @see     http://www.yaml.de/en/documentation/practice/subtemplates.html
  */
  .subcolumns { width:100%; overflow:hidden; }

  /* (en) alternative class for optional support of old Mozilla/Netscape browers */
  /* (de) Alternative Klasse zur optionalen Unterstützung alter Mozilla/Netscape-Brower */
  .subcolumns_oldgecko { width:100%; float:left; }

  .c20l, .c25l, .c33l, .c40l, .c38l, .c50l, .c60l, .c62l, .c66l, .c75l, .c80l { float:left; }
  .c20r, .c25r, .c33r, .c40r, .c38r, .c50r, .c60r, .c66r, .c62r, .c75r, .c80r { float:right; margin-left:-5px; }

  .c20l, .c20r { width:20%; }
  .c40l, .c40r { width:40%; }
  .c60l, .c60r { width:60%; }
  .c80l, .c80r { width:80%; }
  .c25l, .c25r { width:25%; }
  .c33l, .c33r { width:33.333%; }
  .c50l, .c50r { width:50%; }
  .c66l, .c66r { width:66.666%; }
  .c75l, .c75r { width:75%; }
  .c38l, .c38r { width:38.2%; }
  .c62l, .c62r { width:61.8%; }

  .subc  { padding:0 0.5em; }
  .subcl { padding:0 1em 0 0; }
  .subcr { padding:0 0 0 1em; }

  .equalize, .equalize .subcolumns { overflow:visible; display:table; table-layout:fixed; }

  .equalize > div {
    display:table-cell;
    float:none; 
    margin:0; 
    overflow:hidden;
    vertical-align:top;
  }
}

@media print
{
 /**
  * (en) float clearing for .floatbox and subtemplates. Uses display:table to avoid bugs in FF & IE
  * (de) Float Clearing für .floatbox und die Subtemplates. 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
  */

  .subcolumns > div,
  .floatbox { 
    overflow:visible; 
    display:table;
  } 

  /* (en) make .print class visible */
  /* (de) .print-Klasse sichtbar schalten */
  .print { 
    position:static; 
    left:0;
  }

  /* (en) generic class to hide elements for print */
  /* (de) Allgemeine CSS Klasse, um beliebige Elemente in der Druckausgabe auszublenden */
  .noprint { display:none !important; }
}

@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Vertical list navigation "vlist"
 * (de) Vertikale Navigationsliste "vlist"
 *
 * @copyright       Copyright 2005-2010, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.2.1
 * @revision        $Revision:392 $
 * @lastmodified    $Date:2009-07-05 12:18:40 +0200 (So, 05. Jul 2009) $
 */

@media all
{
  /* title */
  h6.vlist {
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
    font-size:100%;
    width:90%;
    padding:3px 0px 3px 10%; /* LTR */
    margin:0;
    color:#444;
    background-color:#fff;
    border-top:2px #ddd solid;
    border-bottom:4px #888 solid;
  }

  .vlist {
    width:100%;
    overflow:hidden;
    margin:0 0 1.5em 0;
    list-style-type:none;
    border-bottom:2px #ddd solid;
  }

  .vlist ul {
    list-style-type:none;
    margin:0;
    padding:0;
  }

  .vlist li {
    float:left; /* LTR */
    width:100%;
    margin:0;
    padding:0;
  }

  .vlist a,
  .vlist strong,
  .vlist span {
    display:block;
    padding:3px 0px 3px 10%;
    text-decoration:none;
    border-bottom:1px #ddd solid;
  }

  .vlist a,
  .vlist a:visited {
    color:#444;
  }

  .vlist li span {
    display:block;
    font-weight:bold;
    border-bottom:1px #ddd solid;
  }

  /* active list element */
  .vlist li.active {
    color:#fff;
    background-color:#800;
    font-weight:bold;
  }

  /* Level 1 */
  .vlist li a,
  .vlist li strong,
  .vlist li span { width:90%; padding-left:10%; } /* LTR */

  .vlist li a:focus,
  .vlist li a:hover,
  .vlist li a:active { background-color:#a88; color:#fff; outline: 0 none; }

  /* Level 2 */
  .vlist li ul li a,
  .vlist li ul li strong,
  .vlist li ul li span { width:80%; padding-left:20%; } /* LTR */

  .vlist li ul li a, 
  .vlist li ul li a:visited { background-color:#f8f8f8; color:#333; }
  .vlist li ul li a:focus,
  .vlist li ul li a:hover,
  .vlist li ul li a:active { background-color:#a88; color:#fff; }

  /* Level 3 */
  .vlist li ul li ul li a,
  .vlist li ul li ul li strong,
  .vlist li ul li ul li span { width:70%; padding-left:30%; } /* LTR */

  .vlist li ul li ul li a,
  .vlist li ul li ul li a:visited{ background-color:#f0f0f0; color:#222; }
  .vlist li ul li ul li a:focus,
  .vlist li ul li ul li a:hover,
  .vlist li ul li ul li a:active { background-color:#a88; color:#fff; }

  /* Level 4 */
  .vlist li ul li ul li ul li a,
  .vlist li ul li ul li ul li strong,
  .vlist li ul li ul li ul li span { width:60%; padding-left:40%; } /* LTR */

  .vlist li ul li ul li ul li a,
  .vlist li ul li ul li ul li a:visited { background-color:#e8e8e8; color:#111; }
  .vlist li ul li ul li ul li a:focus,
  .vlist li ul li ul li ul li a:hover,
  .vlist li ul li ul li ul li a:active { background-color:#a88; color:#fff; }
}

@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS framework
 * (en) stylesheet for screen layout
 * (de) Stylesheet für das Bildschirm-Layout
 *
 * @creator       YAML Builder V1.2 (http://builder.yaml.de)
 * @file          basemod.css
 * @-yaml-minver  3.2
 */

@media screen, projection
{
  /** 
   * (en) Forcing vertical scrollbars in IE8, Firefox, Webkit & Opera 
   * (de) Erzwingen vertikaler Scrollbalken in IE8, Firefox, Webkit & Opera 
   *
   * @workaround
   * @affected IE8, FF, Webkit, Opera
   * @css-for all
   * @valid CSS3
   */

  body { overflow-y: scroll; }

  /*-------------------------------------------------------------------------*/

  /* (en) Marginal areas & page background */
  /* (de) Randbereiche & Seitenhintergrund */
  body { background: #efefef url("../../files/layout/css/screen/images/bg_blue.gif") repeat-x top left fixed; padding: 10px 0; }

  /* Layout Alignment | Layout-Ausrichtung */
  .page_margins { margin: 0 auto; }

  /* Layout Properties | Layout-Eigenschaften */
  .page_margins { width: auto;  min-width: 740px; max-width: 90em; background: #fff; }
  .page { padding: 0px; }
  #header { /*padding: 45px 2em 1em 20px;*/ color: #000; background: #fff; position:relative;z-index: 999;}
  #topnav { color: #aaa; background: transparent; }
  #nav {  }
  div.hlist {  }
  .mod_navigation ul {z-index:5;}
  #main { z-index:1; }


  /* (en) navigation: horizontal adjustment | (de) horizontale Ausrichtung  */
  #nav ul { margin-left: 0; }

  /*-------------------------------------------------------------------------*/

  /**
   * (en) Formatting content container
   * (de) Formatierung der Inhalts-Container
   *
   */

  #col1 { float: right; width: 33%}
  #col2 { display:none}
  #col3 { width: auto; margin: 0 33% 0 0}
  #col1_content { padding: 0 20px 0 10px }
  #col3_content { padding: 0 20px 0 30px }


  /* set column dividers */ 
  #col3 { border-right: 1px #ddd solid }
	
  /*-------------------------------------------------------------------------*/
}

@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Uniform design of standard content elements
 * (de) Einheitliche Standardformatierungen für die wichtigten Inhalts-Elemente
 *
 * @copyright       Copyright 2005-2010, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.2.1
 * @revision        $Revision:392 $
 * @lastmodified    $Date:2009-07-05 12:18:40 +0200 (So, 05. Jul 2009) $
 * @appdef yaml
 */

@media all
{
  
 body {
    font-family: Open Sans, sans-serif;
    
    color:#444;
	background:#fff;
	padding: 0;
  }
  
#main .inside .ce_text p,
#main .inside .ce_text ul {
    padding-right: 30px;
    line-height: 24px;
 font-size: 15px;
}
  
  .teaser { font-size: 15px;
  line-height: 24px;
  margin-bottom: 10px;}
  
  .more {font-size: 12px;
  font-weight: bold;}  
  
  
  
.mod_form {
    position: absolute;
    right: 0;
    margin-top: -40px;
	z-index:999;
	width:300px;
}
.mod_form form {
    float: right;
}

.mod_search input,
.mod_form input {
    border: 1px solid #eaeaea;
    padding: 4px 6px;
}

.mod_search button.submit,
.mod_form button.submit {
    font-size: 12px;
    padding: 5px;
    background: #4492c5;
    color: #fff;
    border: 1px solid #4492c5;
}

.mod_search .widget-text,
.mod_search .widget-submit,
.mod_form .search .widget-text,
.mod_form .search .widget-submit {
    display: inline;
}


footer #footer1, footer #footer2 {
    width: 50%;
    float: left;
}
footer p {
    margin: 0;
	font-size: 14px;
}
#footer {
    border-top: 1px solid #eaeaea;
    padding: 20px 0;
    background: #f4f4f4;
    display: block;
    min-height: 200px; margin-top:20px;
}
#footer h2 {
    font-size: 20px;
}

.slicknav_menu{ display:none;}
#wrapper	{ background:#fff; max-width:1150px; margin: 10px auto;}
#container 	{ margin: 0 auto;}

#main .inside h1 {
    font-size: 30px;
    padding: 10px 0;
    border-bottom: 1px solid #eaeaea;
    border-top: 1px solid #eaeaea;
}

#container #main .inside .mod_article {
}
#right .mod_newslist.block {
    border: 1px solid #eaeaea;
	background:#fff;
}
#right .mod_newslist .block {
    padding: 15px 15px 0px 15px;
}

 .mod_newslist h2 {
    text-align: center;
    padding: 10px 0;
    background: #f4f4f4;
    font-size: 18px!important;
    border-bottom: 1px solid #eaeaea;
}
  
  
#right  .mod_eventlist  {
    border: 1px solid #eaeaea;
	background:#fff;
}
#right  .mod_eventlist .teaser {
    margin: 15px 15px 0px 15px;
}

  
  #right  .mod_eventlist h3 {
    margin: 5px 15px 0px 15px;
    font-size: 17px;
}
  
   #right  .mod_eventlist .more {
    margin: 10px 15px 0px 15px;
}
  
#right .mod_eventlist h2 {
    text-align: center;
    padding: 10px 0;
    background: #f4f4f4;
    font-size: 18px!important;
    border-bottom: 1px solid #eaeaea;
} 
  
  
  #right .mod_eventlist .block h2 {
    max-width: 100%;
    font-size: 20px;
    line-height: normal;
    margin: 0;
}

#right .mod_eventlist .date
  {font-size: 14px;
  margin-left: 15px;
 }

 #main .event h1 {font-size: 22px;
  border: none;}
  
  
  .day {display: none;} 
  .time {display: none;}
  .date {display: none;}    

#projekte h2 {
    text-align: center;
    padding: 10px 0;
    background: #f4f4f4;
    font-size: 18px!important;
    border-bottom: 1px solid #eaeaea;
}
  
  
#projekte{
    border: 1px solid #eaeaea;
	background:#fff;
}  
  
  #projekte p {padding-left: 15px;
  margin: 0px; 
    
  font-size: 14px!important;}  

 .mod_newslist .block h2 {
    background: none;
    padding: 0;
    border-bottom: none;
    text-align: left;
    font-size: 17px!important;
}
  
  #main .mod_newslist .block h2 {font-size: 24px!important;}  
   #main .mod_newslist .block h3 {font-size: 17px!important;}  
  
.mod_newslist .teaser img {
    width: 100% !important;
    height: auto;
}

.mod_newslist .layout_short .ce_text {
    font-size: 15px;
    line-height: 24px;
    margin-bottom: 10px;
}

#right .mod_newslist.block h2 {
    max-width: 100%;
    font-size: 20px;
    line-height: normal;
    margin: 0;
}

#logo {
    padding: 0;
	width:230px;
	margin-top:20px;
}

#logo img {
    display: block;
}


.slider-control {
    background: #4492c5;
}
.slider-control .slider-prev {
    font-size: 12px;
    left: 10px!important;
}
.slider-control .slider-next {
    font-size: 12px;
    right: 10px !important;
}


/* Main */

#nav{
	list-style: none;
	position:relative;
	overflow: visible;
	z-index:99;
	 font-family: 'Source Sans Pro',sans-serif;
	 border-top: 1px solid #eaeaea;
	 margin-top:10px; top:3px;
  	}

#nav ul {
    margin-right:10px;
}
#nav ul li {
    float:left;
    list-style-type:none;
    margin:40px 5px 0 0;
    padding:5px;
    padding-right: 5px;
    font-size:15px;
   }



#nav ul li{
	position: relative;
	margin:0px;
}
#nav ul li { padding:15px 10px;}
#nav ul ul li { padding:0 10px;}


#nav  li {float: left}

#nav ul li.last{
margin:0px;
	
}

#nav li a{
	color:#5b5b5d;
	border-bottom:none;
}
#nav li.active {
    color: #4492c5;
}

#nav strong.active,
#nav strong.trail {
    font-weight: normal;
}

#nav ul li .last .trail{
margin-right:20px;
}

#nav li:hover > ul{
	display: block;
}
#nav ul li a.trail {
    color: #000!important;
}
/* Sub-menu */
#nav ul ul li.active {
    padding: 10px 10px 10px 20px;
    color: #4492c5;
}




#nav ul ul{
    list-style: none;
    margin: 0;
    padding: 0px 0;    
    display: none;
    position: absolute;
    top: 50px;
    left: 0;   
    background:#b2c1ca;
	border:0px;
	z-index:9999999;
}


#nav ul ul li:hover {
  border-top: none;
  padding-top: 0px;
  
}

#nav ul ul li.active:hover {
    padding: 10px 20px;
	background:inherit;
}

#nav ul li ul li:last-child{   
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;    
}

#nav ul li ul a{    
    padding: 10px;
    height: auto;
    line-height: 1;
    display: block;
    white-space: nowrap;
    float: none;
    text-transform: none;
	color:#fff;
	width:170px;
}

*html #nav ul li ul a{ /* IE6 */   
	height: 10px;
	width: 150px;
}

*:first-child+html #nav ul li ul a{ /* IE7 */    
	height: 10px;
	width: 150px;
}
#nav ul li ul a:hover{
color:#333;
}

#nav ul li ul li:last-child {
}

/* Clear floated elements */
#nav:after{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

* html #nav             { zoom: 1; } /* IE6 */
*:first-child+html #nav { zoom: 1; } /* IE7 */




  /*--- Headings | Überschriften ------------------------------------------------------------------------*/

  h1,h2,h3,h5,h6 {
     font-family: Open Sans, sans-serif;
    font-weight:normal;
	color:#3079a9;
    margin:0 0 0.25em 0;
	
  }
  

  h1 { font-size:230%; }                       /* 30px */
  h2 { font-size:130%; }                       /* 24px */
  h3 { font-size:130%; }                       /* 18px */
  h4 { font-size:123.33%; }                    /* 16px */
  h5 { font-size:116.67%; }                    /* 14px */
  h6 { font-size:116.67%; }                    /* 14px */

  /* --- Lists | Listen  -------------------------------------------------------------------------------- */

  ul, ol, dl { line-height:1.5em; margin:0 0 1em 1em; }
  ul { list-style-type:disc; }
  ul ul { list-style-type:circle; margin-bottom:0; }

  ol { list-style-type:decimal; }
  ol ol { list-style-type:lower-latin; margin-bottom:0; }


  
 #main li { margin-left:1em; line-height:1.4em;
  }
#main .inside .mod_newslist {
    padding-right: 20px;
}
  dt { font-weight:bold; }
  dd { margin:0 0 1em 0.8em; }

  /* --- general text formatting | Allgemeine Textauszeichnung ------------------------------------------ */

  p { line-height:1.5em; margin:0 0 1em 0;}

  blockquote, cite, q {
    font-family:Georgia, "Times New Roman", Times, serif;
    font-style:italic;
  }
  blockquote { margin:0 0 1em 1.6em; color:#666; }

  strong,b { font-weight:bold; }
  em,i { font-style:italic; }

  big { font-size:116.667%; }
  small { font-size:91.667%; }
 
  pre { line-height:1.5em; margin:0 0 1em 0; }
  pre, code, kbd, tt, samp, var { font-size:100%; }
  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:91.6667%; line-height:0; }

  hr {
    color:#fff;
    background:transparent;
    margin:0 0 0.5em 0;
    padding:0 0 0.5em 0;
    border:0;
    border-bottom:1px #ddd solid;
  }

.more {border-bottom: 1px solid #eaeaea;
padding-bottom: 10px;
}

  /*--- Links ----------------------------------------------------------------------------------------- */

  a { color:#3079a9; background:transparent; text-decoration:none; }
  a:visited  { color:#3079a9; }

  /* (en) maximum constrast for tab focus - change with great care */
  /* (en) Maximaler Kontrast für Tab Focus - Ändern Sie diese Regel mit Bedacht */
  a:focus { text-decoration:underline; color:#000; }
  a:hover,
  a:active { color:#aaa; text-decoration:underline; outline: 0 none; }

  /* --- images (with optional captions) | Bilder (mit optionaler Bildunterschrift) ------------------ */

  p.icaption_left { float:left; display:inline; margin:0 1em 0.15em 0; }
  p.icaption_right { float:right; display:inline; margin:0 0 0.15em 1em; }

  p.icaption_left img,
  p.icaption_right img { padding:0; border:1px #888 solid; }


  p.icaption_left strong,
  p.icaption_right strong { display:block; overflow:hidden; margin-top:2px; padding:0.3em 0.5em; background:#eee; font-weight:normal; font-size:91.667%; }
  
  .mod_upcoming_events .event {  padding: 5px 5px 0px 0px; }
  .mod_upcoming_events a { color: #3079A9;  padding-left: 20px; text-decoration: underline; }
  .mod_upcoming_events a:hover { color: #AAA; padding-left: 20px; text-decoration: underline; }
  .mod_upcoming_events .date { color:#000; font-weight: bold; }
  .mod_last_events .event {  padding: 5px 5px 0px 0px; }
  .mod_last_events a { color: #3079A9;  padding-left: 20px; text-decoration: underline; }
  .mod_last_events a:hover { color: #AAA; padding-left: 20px; text-decoration: underline; }
  .mod_last_events .date { color:#000; font-weight: bold; }
  .eventlist a { color: #3079A9;  padding-left: 0px; text-decoration: underline; }
  .eventlist a:hover { padding-left: 0px; }
  .block .layout_simple { margin-bottom: 10px;  font-weight: bold; }  
  .block .layout_simple a { margin-bottom: 4px; padding: 0px; font-weight: normal; text-decoration: underline; }
  .block .layout_simple .date { font-weight: bold; }
  .mod_period_events .event {  padding: 5px 5px 0px 0px; }
  .mod_period_events a { color: #3079A9;  padding-left: 20px; text-decoration: underline; }
  .mod_period_events a:hover { color: #AAA; padding-left: 20px; text-decoration: underline; }
  .mod_period_events .date { color:#000; font-weight: bold; }
  
 /* --------slider ------------------------------ */
 
 .slider {padding: 14px;
border: 1px dotted #ddd;
margin-bottom: 20px;} 
  
  
 /**
  * ------------------------------------------------------------------------------------------------- #
  *
  * 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; }

  .info { font-size: 14px; }

  .note { background:#efe; color:#040; border:2px #484 solid; padding:10px; margin-bottom:1em; }
  .important { background:#ffe; color:#440; border:2px #884 solid; padding:10px; margin-bottom:1em; }
  .warning { background:#fee; color:#400; border:2px #844 solid; padding:10px; margin-bottom:1em; }

  .float_left { float:left; display:inline; margin-right:1em; margin-bottom:0.15em; }
  .float_right { float:right; display:inline; margin-left:1em; margin-bottom:0.15em; }
  .center { display:block; text-align:center; margin:0.5em auto; }

 /**
  * ------------------------------------------------------------------------------------------------- #
  *
  * 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:auto; border-collapse:collapse; margin-bottom:0.5em; border-top:0px #888 solid; border-bottom:0px #888 solid; }
  table caption { font-variant:small-caps; }
  table.full { width:100%; }
  table.fixed { table-layout:fixed; }

  th,td { padding:0.5em; }
  thead th { color:#000; border-bottom:0px #800 solid; }
  tbody th { background:#e0e0e0; color:#333; }
  tbody th[scope="row"], tbody th.sub { background:#f0f0f0; }

  tbody th { border-bottom:1px solid #fff; text-align:left; }
  tbody td { border-bottom:1px solid #eee; }

  /*tbody tr:hover th[scope="row"],
  tbody tr:hover tbody th.sub { background:#f0e8e8; }
  tbody tr:hover td { background:#fff8f8; }*/
  
  /*Accordeon*/
  
  .ce_accordion
  {
     width:99.5%;
     /*float:left;*/
     /*clear:both;*/
     margin-left:0px;
     border-right:0px solid #dfdfdf;
     border-left:0px solid #dfdfdf;
  }
  
  h1.ce_accordion
  {
     width:90%;
     margin:6px 0px 0px 24px;
     padding:6px;
     background-color:#f0f0f0;
     border:1px solid #dfdfdf;
     font-weight:bold;
     font-size:1.2em;
     line-height:1;
  }
  
  .ce_accordion .toggler
  {
     border-top:0px;
     font-weight:normal;
  }
  
  .ce_accordion .accordion div
  {
     border-bottom:0px solid #dfdfdf;
  }
  

 .ce_accordion .toggler
  {
     padding-bottom: 0.5em;
     /*background-color:#E9E9E9;*/
     background-position:left bottom;
     background-repeat:repeat-x;
     border-top:0px solid #dfdfdf;
     border-bottom:1px solid #dfdfdf;
     font-size:21px;
     font-family: "Georgia",Times,serif;
     font-variant: small-caps;
	 color: #3079a9;
     cursor:pointer;
     letter-spacing: 0.05em;
  }
  
  .ce_accordion .toggler:hover
{
    background-position:right center;
    color:#aaa;
    text-decoration: underline;
} 
  
  .ce_accordion .accordion div
  {
     padding:0.3em 0.2em;
  }
 
 /*skip navigation*/ 
  .invisible
	{
	position: absolute;
	left: -1000px;
	top: -1000px;
	width: 0px;
	height: 0px;
	overflow: hidden;
	display: inline;
	}
	
#kontakt .block {
	overflow:visible;
}
#kontakt label {
	
	font-size:12px;
	margin-bottom:10px;
	float: left;
	width: 150px;
}


#kontakt select{
	border:1px solid #DBD8D8;
	font-size:12px;
	margin-bottom:19px;
	padding:6px 10px;
}


#kontakt input:focus, #f1 textarea:focus{border-color:#3E76BA;}
#kontakt input{width:180px;}
 textarea {width:480px;}
 .checkbox_container label{display:inline;}
 .checkbox_container input{width:auto;}


	
#kontakt form{position:relative;}
#kontakt form label {
	color:#323569;
	display:block;
	font-size:12px;
	margin-bottom:4px;
}
#kontakt form input, form textarea{
	border:1px solid #DBD8D8;
	background:#fff;
	color:#111;
	font-size:12px;
	margin-bottom:19px;
	padding:6px 10px;


}
#kontakt form input:focus, form textarea:focus{border:1px solid #039;}
#kontakt form input{width:180px;}
#kontakt form .submit_container input{
	background:#eee;
	width:auto;
	}
#kontakt form textarea {width:70%;}
.captcha_text{color:#888;font-style:italic;font-size:11px;}
.type-check{
	margin-bottom:10px;
	margin-top:-5px;
	}
  
  

}


@media only screen and (min-width: 961px) and (max-width: 1149px) {
  
#main .inside .ce_text p, #main .inside .ce_text ul {
    line-height: 22px;
    padding-left: 20px;
    padding-right: 20px;}
  
   #main .inside .ce_text h2, h3 { padding-left: 20px;}
	h1, h2, h3, h5, h6 { padding: 0 20px; text-align: center;}
	footer h1, h2, h3, h5, h6 {
    padding:0;
    text-align: left;}

  
}

@media only screen and (max-width: 960px) {
	#nav{ display:none;} .slicknav_menu{ display: block;}
	#logo { margin: 20px auto; padding: 0; width: 230px;}
	#main .inside .ce_text p, #main .inside .ce_text ul {
    line-height: 22px;
    padding-left: 20px;
    padding-right: 20px;}
  
  #main .inside .ce_text h2, h3 { padding-left: 20px;}
	h1, h2, h3, h5, h6 { padding: 0 20px; text-align: center;}
	footer h1, h2, h3, h5, h6 {
    padding:0;
    text-align: left;}
	.mod_form {
    margin: 0 auto 20px;
    position: inherit;
    right: 0;
    width: 240px;
    z-index: 999;
}

	}
@charset "utf-8";
/* CSS Document */

/*
Mobile Menu Core Style
*/

.slicknav_btn { position: relative; display: block; vertical-align: middle; float: right; padding: 0.438em 0.625em 0.438em 0.625em; line-height: 1.125em; cursor: pointer; }
.slicknav_menu .slicknav_menutxt { display: block; line-height: 1.188em; float: left; }
.slicknav_menu .slicknav_icon { float: left; margin: 0.188em 0 0 0.438em; }
.slicknav_menu .slicknav_no-text { margin: 0 }
.slicknav_menu .slicknav_icon-bar { display: block; width: 1.125em; height: 0.125em; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em }
.slicknav_nav { clear: both }
.slicknav_nav ul,
.slicknav_nav li { display: block }
.slicknav_nav .slicknav_arrow { font-size: 0.8em; margin: 0 0 0 0.4em; }
.slicknav_nav .slicknav_item { cursor: pointer; }
.slicknav_nav .slicknav_row { display: block; }
.slicknav_nav a { display: block }
.slicknav_nav .slicknav_item a,
.slicknav_nav .slicknav_parent-link a { display: inline }
.slicknav_menu:before,
.slicknav_menu:after { content: " "; display: table; }
.slicknav_menu:after { clear: both }
/* IE6/7 support */
.slicknav_menu { *zoom: 1 }

/*
User Default Style
Change the following styles to modify the appearance of the menu.
*/

.slicknav_menu {
    font-size:16px;
}
/* Button */
.slicknav_btn {
    margin: 5px 5px 6px;
    text-decoration:none;

}
/* Button Text */
.slicknav_menu .slicknav_menutxt {
    color: #fff;
}
/* Button Lines */
.slicknav_menu .slicknav_icon-bar {
  background-color: #fff;
}
.slicknav_menu {
    background:#4492c5;
	background-size: 30%;
}
.slicknav_menu ul li strong.active {
    padding: 15px;
}
.slicknav_nav {
    color:#fff;
    margin:0;
    padding:0;
    font-size:0.875em;
	background:#4492c5;
}
.slicknav_nav, .slicknav_nav ul {
    list-style: none;
    overflow:hidden;
}
.slicknav_nav ul {
    padding:0;
    margin:0 0 0 0px;
}
.slicknav_nav .slicknav_row {
    padding:5px 10px;
    margin:2px 5px;
}
.slicknav_nav a{
    padding:5px 10px;
    margin:5px 5px;
    text-decoration:none;
    color:#fff;
}
.slicknav_nav .slicknav_item a,
.slicknav_nav .slicknav_parent-link a {
    padding:0;
    margin:0;
}
.slicknav_nav .slicknav_row:hover {
    color:#fff;
}
.slicknav_nav a:hover{
    color:#4697db;
}
.slicknav_nav .slicknav_txtnode {
     margin-left:15px;
}
@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) print stylesheet
 * (de) Druck-Stylesheet
 *
 * @copyright       Copyright 2005-2010, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.2.1
 * @revision        $Revision:302 $
 * @lastmodified    $Date:2008-12-14 11:23:55 +0100 (So, 14. Dez 2008) $
 */


@media print
{
 /**
  * @section basic layout preparation
  * @see     http://www.yaml.de/en/documentation/css-components/layout-for-print-media.html
  */

  /* (en) change font size unit to [pt] - avoiding problems with [px] unit in Gecko based browsers  */
  /* (de) Wechsel der der Schriftgrößen-Maßheinheit zu [pt] - Probleme mit Maßeinheit [px] in Gecko-basierten Browsern vermeiden */
  body { font-size:10pt; }

  /* (en) Hide unneeded container of the screenlayout in print layout */
  /* (de) Für den Druck nicht benötigte Container des Layouts abschalten */
  #topnav, #nav, #search { 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; }

  /*------------------------------------------------------------------------------------------------------*/

  /* (en) optional output of acronyms and abbreviations*/
  /* (de) optionale Ausgabe von Auszeichnung von Abkürzungen */

  /*
    abbr[title]:after, 
    acronym[title]:after { content:'(' attr(title) ')'; }
  */

  /*------------------------------------------------------------------------------------------------------*/

  /* (en) optional URL output of hyperlinks in print layout */
  /* (de) optionale Ausgabe der URLs von Hyperlinks */
  /*
  a[href]:after {
    content:" <URL:"attr(href)">";
    color:#444;
    background:inherit;
    font-style:italic;
  }
  */

}