@charset "UTF-8"; /* CSS Document */

/* ====================== CSS Device Adaption  ====================== */

@-ms-viewport { /*der viewport meta-tag von apple wird nicht von MS und W3C empfohlen*/
	width: extended-to-zoom;
	zoom: 1.0;
	}
 	 
/* ===============================================================
	HTML5 display definitions
	============================================================== */

/* Über den universellen CSS Selektor * wird das Styling ausnahmslos auf alle Elemente angewendet */
*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	}
*:focus:not(:focus-visible) {
    outline: none
	}
/* style mit :focus-visible die Tastaturfokusanzeige mit einer 1px starken gestrichelten Outline und einem 2px Versatz zum fokussierten Element hat */
*:focus-visible {
    outline: 1px dashed currentColor; 
    outline-offset: 2px;
	}
	
:root { font-size: 16px; line-height: 1.25; }  /* default */

/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is using em units
 * 2. Prevent iOS text size adjust on device orientation change, without disabling user zoom
 * 3. Force vertical scrollbar in non-IE
 */
html { 
	/*width: 100vw;
	height: 100vh;*/
	font-size: 100%; /* 1*/
		-webkit-text-size-adjust: 100%; /* 2 */
		-moz-text-size-adjust: 100%;
		-ms-text-size-adjust: 100%; /* 2 */
		-o-text-size-adjust: 100%;
	font-size-adjust: auto;
	text-size-adjust: 100%;
	text-align:center; /* center the container in IE Browser */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      -webkit-tap-highlight-color: rgba( 0, 0, 0, 0 );  /*Remove taphighlight  on iOS*/
   accent-color: hotpink;  
      -webkit-overflow-scrolling: touch;	
   scroll-behavior: smooth;
	}

html>/**/body {
    height: 100%; /*ie hack*/
	}

body { 
   min-height: 100vh;
      -moz-font-feature-settings:"kern" 1, "dlig" 1, "ss01" 1, "opbd" 1, "onum" 1;
   font-feature-settings: "kern" 1, "dlig" 1 "ss01" 1, "opbd" 1, "onum" 1;
	accent-color: hotpink;
	  -webkit-animation: bugfix infinite 1s;
	animation: webkitfix 1s forwards infinite; 
   }
@supports (font-variant-numeric: oldstyle-nums) {
    body {
        font-feature-settings: normal;
        font-variant-numeric: oldstyle-nums;
       }
   }

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

a, abbr, acronym, address, applet, article, aside, audio,
b, big, blockquote, body,
canvas, caption, center, cite, clear, code,
dd, del, details, dfn, dialog, div, dl, dt,
em, embed,
fieldset, figcaption, figure, float, font, footer, form,
h1, h2, h3, h4, h5, h6, header, hgroup, hr, html,
i, iframe, img, ins,
kbd,
label, legend, ul>li,
mark, menu, meter, main,
nav,
object, output,
p, pre, progress,
q,
rp, rt, ruby,
s, samp, section, small, strike, span, strong, sub, summary, sup,
table, tbody, td, tfoot, th, thead, time, tr, tt,
u, ul,
var, video,
xmp {
  border: 0;
  margin: 0;
  padding: 0;
  font: inherit;
  outline:0;
  background-color:transparent;
}

/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
ul[role='list'],
ol[role='list'] {
  list-style: none;
}

/* ==============================================================
	Links
	============================================================ */
a, button, input, select, textarea, lable, summary {
/* killing the 300-350ms touch delay on mobile Browser */
		-webkit-overflow-scrolling: touch;	 
		-ms-touch-action: manipulation;
	touch-action: manipulation;
	}

/* --- follow a-style has to maintain list of order --- */
a { 
	padding: 0.5rem; margin: -.5rem; /* increase the clickable area on links */
	cursor: pointer; 
	text-decoration:none;
	font-style:normal; 
	white-space:nowrap;
	background-color: transparent; /* Remove the gray background color from active links in IE 10 */
		-webkit-tap-highlight-color: rgba(255,20,0,0.5); /* iOS link highlight color */
	text–decoration–skip: ink; /* determine where the underline will not be drawn, will skip descenders */
	}  

a, a:link, a:visited { 
		-webkit-transition: all .2s ease-in-out;
		-moz-transition: all .2s ease-in-out;
		-ms-transition: all .2s ease-in-out;
		-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;  
	}
	 
a:focus, a:hover, a:active  {  
	outline:0; 
	}

a[download] {
  	font-weight: normal;
	}
	
/* Remove border when inside `a` element in IE 8/9/10 */
a img { 
	-ms-interpolation-mode: bicubic;
	vertical-align: middle; 
	max-width:100%;
	height:auto;
	border-style: none;
	}

/*
 * Remove text-shadow in selection highlight
 * These selection declarations have to be separate
  * Customize the background color to match your design.
 */
::-moz-selection {
    text-shadow: none;
	color: currentColor;
	}
::selection { 
	text-shadow: none; 
	color: currentColor; 
	}

/* ============================================================
	Typography  
=============================================================*/

/* Balance text wrapping on headings */
h1, h2, h3, h4 {
  text-wrap: balance;
}

h1, h2, h3, h4,button, input, label, mark, ol, p, b, big, strong, 
figcaption, li, small, table, td, tr, ul ,blockquote, dl {
      -webkit-hyphens: auto;
      -webkit-hyphenate-limit-before: 3;
      -webkit-hyphenate-limit-after: 3;
      -webkit-hyphenate-limit-chars: 6 3 3;
      -webkit-hyphenate-limit-lines: 2;
      -webkit-hyphenate-limit-last: always;   
      -webkit-hyphenate-limit-zone: 8%;

      -moz-hyphens: auto;
      -moz-hyphenate-limit-chars: 6 3 3;
      -moz-hyphenate-limit-lines: 2;  
      -moz-hyphenate-limit-last: always;
      -moz-hyphenate-limit-zone: 8%;

      -ms-hyphens: auto;
      -ms-hyphenate-limit-chars: 6 3 3;
      -ms-hyphenate-limit-lines: 2;
      -ms-hyphenate-limit-last: always;   
      -ms-hyphenate-limit-zone: 8%;

   hyphens: auto;
   hyphenate-limit-chars: 6 3 3;
   hyphenate-limit-lines: 2;
   hyphenate-limit-last: always;   
   hyphenate-limit-zone: 8%;
}

/**
 * Add the correct background and color in IE 9-.
 */
mark { 
  color:#F00; 
  background-color:#FF0; 
  padding: .25em; 
  margin: -.25em;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub, sup {
	font-size: 75%;
	font-weight: lighter;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
	}

sub {
	bottom: -0.2rem;
	 font-feature-settings: "subs" 1;
}

sup { 
	top: -0.2em;
	font-feature-settings: "sups" 1; 
}

/**
 * Address style set to bolder in Ffox 4+, Safari, and Chrome
 * Makes browsers agree. IE + Opera = font-weight: bold. 
 * Gecko + WebKit = font-weight: bolder */
b, strong {
  font-weight: bolder;
  letter-spacing: 0.020em;
  word-spacing: 0.05em;
}

/**
 * Address styling not present in Safari and Chrome.
 */
dfn { font-style: italic; }

/*
 * A better looking default horizontal rule
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
	max-width:80rem; /*1280*/
	margin: 1em auto;
	-moz-box-sizing: content-box;
	box-sizing: content-box; /* 1 */
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #fff;
	padding: 0;
	overflow: visible; /* 2 */
}

ins { background: #ff9; color: #000; text-decoration: none; }

/** 
 *Redeclare monospace font family
 * Address odd `em`-unit font size rendering in all browsers.
 */
pre, code, kbd, samp { 
	font-family: 'courier new', monospace, serif; 
	font-size: 16px; /* Pixel-Fallback für old Browser, muss in css oberhalb stehen*/
	font-size: 1.0rem;
	}

/**
 * Contain overflow in all browsers
 * Improve readability of pre-formatted text in all browsers 
 */
pre { 
	white-space: pre; 
	white-space: pre-wrap; 
	word-wrap: break-word;  
	overflow: auto;
	}

blockquote { margin: 0 1rem; }
blockquote p { hanging-punctuation: first; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] { border-bottom: 1px dotted; }

/*
 * Remove default fieldset styles.
 */
fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */
textarea {
    resize: vertical;
}

/* ==============================================================
   Embedded content
   =============================================================== */
/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 */
audio,
canvas,
iframe,
img,
svg,
video {
   vertical-align: middle;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */
[hidden], template {
  display: none;
}

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}

 /* ===============================================================
   Tables
   =============================================================== */

/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

td, caption, th {
  padding: 0;
  font-weight: normal;
}

/* Forms */
/* ========================================================================== */

/* 1. Change the font styles in all browsers 2. Remove the margin in Firefox and Safari */
button, input, optgroup, select, textarea {
  font: inherit; /* 1 */
}

/* Remove the default vertical scrollbar in IE 10+ */
textarea {
  overflow: auto;
}

/* Make sure textareas without a rows attribute are not tiny */
textarea:not([rows]) {
  min-height: 10em
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button, input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button, select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/* Anything that has been anchored to should have extra scroll margin */
:target {
  scroll-margin-block: 5ex;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
	*margin-left: -7px;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}



/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details, /* 1 */
menu {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
	-ms-touch-action: double-tap-zoom;
	touch-action: double-tap-zoom;  
}

/**
 * Add the correct display in IE.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none !important;
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers
 */
.hidden {
    display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * 1. For long content, line feeds are not interpreted as spaces and small width
 *    causes content to wrap 1 word per line:
 */
.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap; /* 1 */
}

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    -webkit-clip-path: none;
    clip-path: none;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
    white-space: inherit;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */
.invisible {
    visibility: hidden;
}

/* ===============================================================
 	Functional Styles (Required)
   =============================================================== */
/* Tim Pietrusky advanced checkbox hack (Android <= 4.1.2) */
body { 
	-webkit-animation: bugfix infinite 1s; 
	}

@-webkit-keyframes bugfix { 
	from { padding:0; } to {padding:0; } 
	}

@-webkit-keyframes webkitfix {
   100% { z-index: auto; }
   }
/*
 * Nicolas Gallagher micro clearfix for modern browsers - Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
	clear: both;
	font-size: 0;
	height: 0;
	visibility: hidden;
}

/* IE-Patch für IE 7*/
*:first-child+html .clearfix { min-height: 0; }
 /* IE-Patch für IE 6*/
* html .clearfix { height: 1%; }
/* For IE 6/7 only - Include this rule to trigger has Layout and contain floats. */
.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */
@media print {
	
	@page {
	  margin: 1cm !important;
	}
	
	*, *:before, *:after {
		background: transparent !important;
		color: #000 !important; /* Black prints faster */
		box-shadow: none !important;
		text-shadow: none !important;
		filter:none !important; -ms-filter:none !important;
		font-size:12pt !important; /* Standardwert 12pt als optimale Lösung für eine gute Lesbarkeit */
	}
  
	footer { display: none; } /* wird im Printlayout nicht gedruckt */
	
	#menu-wrap, #menu { display: none; }
	
	body {
		width: 100% !important;
		margin: 0 !important;
		padding: 0 !important; 
		line-height: 1.5; 
		font-family: 'Helvetica Neue', Helvetica, Arial, serif;
		overflow:visible; 
	}
	body:after {
		content: "\ (c)2018 - public content";
		border-top: 1px solid #999;
	}
	
	ol, ul {
	  list-style: none;
	}
	
	blockquote, q {
	  quotes: none;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
	  content: '';
	  content: none;
	}
	
	a, a:visited {
     	text-decoration: underline;
		color: #d5000d;
	  	font-weight: bold;
    }

    a[href]:after { /* Hyperlink-adresse wird so in der Druckversion ausgewiesen*/
        content: " (" attr(href) ")";
		 white-space:normal;
    }

    abbr[title]:after { /* Hyperlink-title wird damit in der Druckversion ausgewiesen*/
        content: " (" attr(title) ")";
		 white-space:normal;
    }
	[href].print-href:after, 
	 .print-href a[href]:not(:empty):not([href^="#"]):after {
		content:" (" attr(href) ")"; /* Hyperlink Zieladresse wird so in der Druckversion ausgewiesen*/
		font-weight:normal; 
		}
	
/* Don't show links for images, or javascript/internal links */
    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
		}

/* GENERAL ELEMENT TYPE STYLES */

	audio, video, img { max-width:100% !important }
	
	ul li {
	  list-style: disc inside;
	  padding-left: 20px;
	}
	ol li {
	  list-style: decimal inside;
	  padding-left: 3px;
	}
	pre {
     white-space: pre-wrap !important;
    }
   pre, blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

 /*
  * Printing Tables:
  */

    thead {
        display: table-header-group;
    }

    tr, img {
        page-break-inside: avoid;
    }

    p, h2, h3 {
        orphans: 3;
        widows: 3;
    }

    h2, h3, tr, pre, tr, blockquote  {
        page-break-after: avoid;
		}
}