/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS framework
 * (en) central stylesheet
 * (de) zentrales Stylesheet
 *
 * @creator       YAML Builder V1.2.1 (http://builder.yaml.de)
 * @file          my_layout.css
 * @-yaml-minver  3.3
 * 
 */

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





/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
  margin:      0;
  padding:    0;
  list-style-image: url(../images/square_kl.png);
}
.sf-menu {
  line-height:  1.0;
}
.sf-menu ul { 
  position:    absolute;
  top:      -999em;
  width:      10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
  width:      100%;
}
.sf-menu li:hover {
  visibility:    inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
  float:      left; padding-right:30px;
  position:    relative;
}
.sf-menu a {
  display:    block;
  position:    relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
  left:      0;
  top:      3.5em; /* match top ul list item height */
  z-index:    199;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
  top:      -999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
  left:      10em; /* match ul width */
  top:     0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
  top:      -999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
  left:      10em; /* match ul width */
  top:      0;
}

/*** DEMO SKIN ***/
.sf-menu {
  /*float:      right;*/
  /*margin-bottom:  0;*/
  font-family:  "Lucida Console", Verdana, arial, sans-serif ;
  font-size:100%;padding-top:55px;padding-left:1em;
}
.sf-menu a {
  
  text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
  color:      #666;
}
.sf-menu li li a, .sf-menu li li a:visited  { /* visited pseudo selector so IE6 applies text colour*/
  color:      #666;
}
.sf-menu li {
  background:    transparent; 
}
.sf-menu li li {
  background:    #999; z-index:1500;
}
.sf-menu li li li {
  background:    #999;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active,
.sf-menu li.active  {
  background: white;
  outline:    0;
  color:#99cc33 !important;
  text-decoration:none;
}
.sf-menu li.active a { color:#cc0000;outline:    0;
  text-decoration:none;}
.sf-menu li.active li a { color:#cc0000;outline:    0;
  text-decoration:none;}

/*** arrows **/
.sf-menu a.sf-with-ul {
  padding-right:   2.25em;
  min-width:    1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
  position:    absolute;
  display:    block;
  right:      .75em;
  top:      1.05em; /* IE6 only */
  width:      10px;
  height:      10px;
  text-indent:   -999em;
  overflow:    hidden;
  background:    url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
  top:      1.3em;
  background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
  background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
  background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
  background:  url('../images/shadow.png') no-repeat bottom right;
  padding: 0 8px 9px 0;
  -moz-border-radius-bottomleft: 17px;
  -moz-border-radius-topright: 17px;
  -webkit-border-top-right-radius: 17px;
  -webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
  background: transparent;
}

/* Ende superfish */

/* basemod.css */
/**
 * "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.1 (http://builder.yaml.de)
 * @file          basemod.css
 * @-yaml-minver  3.3
 */

@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: white;
    font-family: verdana, arial, sans-serif ; 
    padding: 0; 
  
  }

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

  /* Layout Properties | Layout-Eigenschaften */
  .page_margins { padding-top:8em; width: auto;  min-width: 320px; max-width: 1150px; background: transparent; font-size:90%;}
  
  #nav .page_margins,
  #footer .page_margins { padding-top:0px;width:100%;}
  #nav .page_margins {padding-left:5px;}
  
  #header { padding: 0; position:relative;float:right;padding-top:10px; }
  
  .logo {padding-right:10px;background-image: url(../images/logo.png); background-repeat:no-repeat; width:250px;height:80px; } 

   #news {  padding:0.5em;
  z-index:199; border:solid silver 1px;  border-bottom: solid #cc0000 3px;  border-top-right-radius:25px;  box-shadow: 1px 1px 3px silver;
 background: #fff;   }
  
  .green   {color:#99cc33;}
  .red    {color:#cc0000;}
  .dgrau  {color:#333;}
  .grau   {color:#999;}
  .hgrau  {color:silver;}
  .white  {color:#fff;}
  .bold    { font-weight:bold; }
  .italic  { font-style:italic; }
  .big    {font-size:120%; font-weight:bold;}
  

  .projekteweb li {
    float:left; padding-right:1.5em; padding-bottom:1.5em;
    position:relative; width:40%; margin-bottom:2em;
    box-shadow: 1px 1px 3px silver;  border-top-right-radius:25px; }

 .projektebeton img {
    float:left; padding:0.5em;
    position:relative; margin-bottom:1em;margin-right:1em;
    box-shadow: 1px 1px 3px silver;  border-top-right-radius:25px; }


.projektegrafik img {
   float:      left; margin-right:1em;
   position:    relative;  box-shadow: 1px 1px 3px silver;  margin-bottom:1em;  border-top-right-radius:25px;     }

 .handwerk {  text-indent: 2em;}

  #nav {
  border-bottom: solid #cc0000 3px;
  z-index:199;
  position:fixed;
  width:100%;background: #fff;
  }
  
  #main { margin:0px; padding:0px;}
  
 
   #footerspruch { font-size:130%; background:#990000;text-align:center;padding:20px;font-family:"Lucida Console",verdana,sans-serif; }
   #footer {  width:100%; background:#333;  text-align:center;}
  .footercontent { font-size:90%;color:white; padding:5px;}

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

.foto {border-bottom: 2px solid silver; border-left: 7px solid #cc0000; border-right:2px solid silver; border-top:2px solid silver; border-top-right-radius:50px;  }

a[href^="#top"]::before {


	color: #cc0000;
	font-size: 2em;
	font-weight: bold

}

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

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

  #col1  { float: left; width: 40%;position:fixed;background-image: url(../images/auge.png);background-repeat:no-repeat;min-height:347px;opacity: .2;
    filter: alpha(opacity=10);
    -moz-opacity: .2; z-index:1;}
  #news { color:black;opacity:1;filter: alpha(opacity=100);   -moz-opacity: 1;}
  #col1full { width: 100%; }
  #col2 { display:none}
  #col3 { width: auto; margin: 0 0 0 40%; /*background:#BDD7FC;*/padding:2px;min-height:347px;}
  #col1_content { text-align:justify;color:#666; font-size:100%;z-index:1;}
  #col1full  	{}
  #col3_content {text-align:justify;color:#666; font-size:100%;z-index:1;}
  #col4_content {text-align:center;color:#666; font-size:100%;width:100%;margin:0;z-index:2000;}

  #col4_content img {width:24.5%;height:auto;z-index:2000;}

    
  /*-------------------------------------------------------------------------*/
}
/* Ende basemod.css */

/* content.css */
/**
 * "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
{
 /**
  * Fonts
  *
  * (en) global settings of font-families and font-sizes
  * (de) Globale Einstellungen für Zeichensatz und Schriftgrößen
  *
  * @section content-global-settings
  */

  /* (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.01%; }

 /**
  * (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;
  }

  /* (en) base layout gets standard font size 12px */
  /* (de) Basis-Layout erhält Standardschriftgröße von 12 Pixeln */
  body {
    font-family:verdabam Arial,Helvetica,sans-serif;
    font-size:100.00%;
    color:#999;
  }

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

  h1,h2,h3,h4,h5,h6 {
    font-family: "Lucida Console", verdana, arial, sans-serif; /*'Arimo', sans-serif;*/
    font-weight:normal;
    color:#cc0000; line-height:150%;
    margin:0; text-align:left;
  /*text-transform:uppercase;*/
  }

  h1 { font-size:250%; }                       /* 30px */
  h2 { font-size:200%; }                       /* 24px */
  h3 { font-size:150%; }                       /* 18px */
  h4 { font-size:130%; }                    /* 16px */
  h5 { font-size:110%; color:silver;}                    /* 14px */
  h6 { font-size:100%; color:#99cc33;}
                      /* 14px */

  /* --- Tabellen  -------------------------------------------------------------------------------- */

table {}

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

  ul, ol, dl { line-height:3em; 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; }

  li { margin-left:2.5em; line-height:1.5em; list-style:square; }

  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:#666;
    background:transparent;
    margin:0 0 0.5em 0;
    padding:0 0 0.5em 0;
    border:0;
    border-bottom:1px #666 solid;
  }

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

  #main a { 
    color: #cc0000; /*#5F81B7; */
  background:transparent; text-decoration:none;  }
  #main a:visited  {     color:#cc0000;  }
  /* (en) maximum constrast for tab focus - change with great care */
  /* (en) Maximaler Kontrast für Tab Focus - Ändern Sie diese Regel mit Bedacht */
  #main a:hover,
  #main a:focus { color:#99cc00; text-decoration:none; outline: 0 none;}

  #main a:active {  color:#cc0000; text-decoration:none; outline: 0 none; }
  
  #header a,
  #header a:visited {color: #cc0000;}
  #header a:focus,
  #header a:hover { color:#99cc00; text-decoration:none; outline: 0 none;}
  #header a:active {color:#cc0000; text-decoration:none; outline: 0 none;  }
  
  .footercontent a, 
  .footercontent a:visited  {   color:white; text-decoration:none; }
  .footercontent a:focus, 
  .footercontent a:hover{ color:#99cc00; text-decoration:none; outline: 0 none;}
  .footercontent a:active {  color:#cc0000; text-decoration:none; 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%; }

 /**
  * ------------------------------------------------------------------------------------------------- #
  *
  * 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 { background:#f8f8f8; color:#666; padding:10px; margin-bottom:0.5em; font-size:91.7%; }

  .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; }



 
 
  



 /**
  * ------------------------------------------------------------------------------------------------- #
  *
  * Miscellaneous | Sonstiges
  *
  * @section content-misc
  */

 /**
  * (en) Emphasizing external Hyperlinks via CSS
  * (de) Hervorhebung externer Hyperlinks mit CSS
  *
  * @section             content-external-links
  * @app-yaml-default    disabled
  */

  /*
  #main a[href^="http://www.my-domain.com"],
  #main a[href^="https://www.my-domain.com"]
  {
    padding-left:12px;
    background-image:url('your_image.gif');
    background-repeat:no-repeat;
    background-position:0 0.45em;
  }
  */
}

/* Responsive */

#main img,
#main audio,
#main video,
#main embed {
  max-width:100%;
  width:auto;
  height:auto;
}

/* TYPO3 Anpassung für Responsive */
DIV.csc-textpic-above DIV.csc-textpic-imagewrap,
DIV.csc-textpic-below DIV.csc-textpic-imagewrap,
DIV.csc-textpic DIV.csc-textpic-imagewrap UL LI,
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image {
        float: none;}

DIV.csc-textpic DIV.csc-textpic-imagerow {
  margin-bottom:.5em;
}

figcaption {
  padding:5px 0 5px 10px;
}

/* tablet portrai */
@media (max-width: 768px) {

 #menu-icon {
    border-left: 5px solid #cc0000;border-bottom: 2px solid silver;border-top: 2px solid silver; border-right: 2px solid silver;  border-top-right-radius:13px;
	display: hidden;
	width: 42px;
	height: 42px;
	background: white url(../images/menu-icon1.png) center;  background-repeat:no-repeat; }

.projekteweb li {    float:     none; width:80%;padding:0;  }

.projektegrafik img { padding-left:2em;padding-right:2em; margin-left:3em;     }



 #sf-menu li {
  float:      none;
  position:  left;
  text-align:left;
  }

 .sf-menu, .sf-menu * {
   margin-left:1em;
}

  .sf-menu {
 padding-top:0.5em;
}

  .hlist {padding-top:1em;}

  	#menu-icon {
        margin-top:0.8em;margin-left:0.8em;margin-bottom:3.2em;
		display:inline-block;

	}

	nav ul, nav:active ul {

		display: none;
		position: absolute;
        background: white;
        width:100%;
        border-top:3px solid #cc0000;
        border-bottom:1px solid silver;
	}

    nav li {
        font-size:110%;
		width: 100%; line-height:180%;

       	}

	nav:hover ul {
          		display: block;	}

#col1,
#col2 {opacity: .1;width:100%;
    filter: alpha(opacity=2);
    -moz-opacity: .1; z-index:1;}
 #col3 { width:100%;
 }
 #col3 {
   margin:0;
   float:left;
 }

#col1_content {display: none; visibility: hidden;background-images: url(images/auge.png);z-index:1;}
 #col3_content {padding:1em;font-size:100%;color:#666;}
 #col4_content {width:100%;text-align:center;}
#col4_content img {width:24%;height:auto;}

#nav .page_margins,
#footer .page_margins { padding-top:0px;width:100%;}
  
  h1 { font-size:200%; }                       
  h2 { font-size:170%; }                       
  h3 { font-size:140%; }                       
  h4 { font-size:123.33%; }                    
  h5 { font-size:106.67%; }                    
  h6 { font-size:100%; }

  #footer .page_margins { font-size:75%;width:100%;}
}

/* larger smartphones */
@media (max-width: 600px;) {




#col4_content img {width:49%;height:auto;}


  

}


/* medium smartphones ----------- */
@media (max-width: 480px) {



#col4_content img {width:75%;height:auto;}

 h1 { font-size:180%; }
 h2 { font-size:150%; }
 h3 { font-size:126%; }
 h4 { font-size:110%; }
 h5 { font-size:100%; }
 h6 { font-size:100%; }


}

/* small smartphone, mobile */
@media (max-width:320px) {
  







}



@media only screen and (max-width: 980px) {
  /**
   * intext images
   */
  /* intext single image */
  div.csc-textpic-intext-left img
  ,div.csc-textpic-intext-right img { max-width: 100%; height: auto; }

  /* intext single image width */
  div.csc-textpic-intext-left .csc-textpic-imagewrap
  ,div.csc-textpic-intext-right .csc-textpic-imagewrap { width: 40%; }
  div.csc-textpic-intext-left .csc-textpic-imagewrap ul li { width: 45%; }

  /* UL: intext images side by side */
  div.csc-textpic div.csc-textpic-imagewrap ul li img { width: 100%; height: auto; }
  div.csc-textpic div.csc-textpic-imagewrap div.csc-textpic-imagerow ul li img { width: auto; }

  /* dl: This will place the images side by side */
  div.csc-textpic-intext-right-nowrap > div { margin-right: 50%; }
  div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap { margin-right: 0; width: 48%; }
}

@media only screen and (max-width: 480px) {
  /* intext single image width */
  div.csc-textpic-intext-left .csc-textpic-imagewrap
  ,div.csc-textpic-intext-right .csc-textpic-imagewrap { width: 50%; }

  /* UL: intext images side by side */
  div.csc-textpic div.csc-textpic-imagewrap ul li { float: none; }
  div.csc-textpic-intext-left .csc-textpic-imagewrap ul li { width: 100%; }
}
/* Ende content.css */

/* import print layout | Druck-Layout einbinden */
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) print stylesheet
 * (de) Druck-Stylesheet
 *
 * @copyright       Copyright 2005-2011, 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.3.1
 * @revision        $Revision:392 $
 * @lastmodified    $Date:2009-07-05 12:18:40 +0200 (So, 05. Jul 2009) $
 */

@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, nav, .logo, .footernav { 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; }

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

 /**
  * @section column selection
  * (en) individually switch on/off any content column for printing
  * (de) (De)aktivierung der Contentspalten für den Ausdruck
  *
  * @see     http://www.yaml.de/en/documentation/css-components/layout-for-print-media.html
  */

  #col1, #col1_content { float:none; width:100%; margin:0; padding:0; border:0; }
  #col2 { display:none; }
  #col3 { display:none; }

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

  /* (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;
  }
  */
  
  .title h1 { font-size:16pt; margin-bottom: 1cm; }
}