/* Reset and Fonts reset.css included by styles.css */

/* ------------------------------------------------------- Eric Meyer's "Reset CSS" 2.0 */

* {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
  font-size: 1rem;
  text-decoration:none;
}

ol, ul{padding-left: 2.5em}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
/*ol, ul {list-style: none;}*/

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table{border-collapse: collapse; border-spacing: 0;}
body th{font-weight: bold; text-align: left;}

img {max-width: 100%}

em {font-style:italic}

a{background-repeat:no-repeat;}

sub, sup{font-size: 85%}
sub {vertical-align: sub;}
sup {vertical-align: super;}/*position: relative; top: -.3rem;*/

/* -------------------------------------------------------------------------- My Resets */

html {box-sizing: border-box;}
*/*, *::before, *::after */{box-sizing: inherit;}

*:focus, *:focus-visible{outline: none;}

a:hover, a:hover span, a:focus, a:focus span {text-decoration: underline;}


hr{margin:0; height:1px; border:none; background: silver}

.clear:before, .clear:after, .clearfix:before, .clearfix:after, .nb_edit{content: ''; display: table;}
.clear, .clearfix:before{clear:both;}

.hidden, .hide{display:none}
span.marked{color:#CC0000}
span.highlight{font-weight:bold;}
.striked{text-decoration: line-through}


input:not([type='checkbox']):not([type='radio']):not([type='image']):not([type='file']), select, textarea{
  border: 1px solid silver;
  max-width: 100%;
  height:1.35rem;
  color:black;
  padding: 0 0.2rem;
  vertical-align: top;
}


input:not([type='button']):not([type='reset']):not([type='submit']):not([type='file']), select{
  background-color: white;
}

textarea {height:auto}

select{width:auto;}
select[size] {height:auto; max-height:none;}
select[style*="height"]{max-height:none;}

/*Hover und Focus*/
input:not([type='button']):not([type='reset']):not([type='submit']):not([type='checkbox']):not([type='radio']):hover,
input:not([type='button']):not([type='reset']):not([type='submit']):not([type='checkbox']):not([type='radio']):active,
input:not([type='button']):not([type='reset']):not([type='submit']):not([type='checkbox']):not([type='radio']):focus,
select:hover, select:active, select:focus,
textarea:hover, textarea:active, textarea:focus
{border-color: #0099ff;}/*#95B8E7*/

input[type='checkbox'], input[type='radio']{
  width:auto !important;
  height:auto !important;
  vertical-align: bottom;
  position: relative;
  top: -.06rem;
  overflow: hidden;
  margin:0 .2rem 0 0;}

summary{font-weight:bold; cursor:pointer}

table{page-break-inside:auto}
tr{page-break-inside:avoid; page-break-after:auto}
caption{text-align: left}

/* ------------------------------------------------------------ Open Sans Font Families */

@font-face {
    font-family:'Open Sans';
    src: url('fonts/opensans/opensans-regular.eot');
    src: url('fonts/opensans/opensans-regular.woff') format('woff'),
         url('fonts/opensans/opensans-regular.ttf') format('truetype'),
         url('fonts/opensans/opensans-regular.svg#opensans-regular') format('svg');
    font-weight:normal;
    font-display: swap;
}

@font-face {
    font-family:'Hyperlegible';
    src: url('fonts/hyperlegible/AtkinsonHyperlegibleNext-Light.ttf') format('truetype');
    font-weight: 300;
    font-display: swap;
}
@font-face {
    font-family:'Hyperlegible';
    src: url('fonts/hyperlegible/AtkinsonHyperlegibleNext-ExtraLight.ttf') format('truetype');
    font-weight: 100 200;
    font-display: swap;
}
@font-face {
    font-family:'Hyperlegible';
    src: url('fonts/hyperlegible/AtkinsonHyperlegibleNext-Regular.ttf') format('truetype');
    font-weight: normal;
    font-display: swap;

}
@font-face {
    font-family:'Hyperlegible';
    src: url('fonts/hyperlegible/AtkinsonHyperlegibleNext-SemiBold.ttf') format('truetype');
    font-weight: 500 600;
    font-display: swap;

}
@font-face {
    font-family:'Hyperlegible';
    src: url('fonts/hyperlegible/AtkinsonHyperlegibleNext-Bold.ttf') format('truetype');
    font-weight: bold 900;
    font-display: swap;

}


@font-face {
    font-family:'Inclusive';
    src: url('fonts/inclusive/InclusiveSans-Light.ttf') format('truetype');
    font-weight: 100 300;
    font-display: swap;
}
@font-face {
    font-family:'Inclusive';
    src: url('fonts/inclusive/InclusiveSans-Regular.ttf') format('truetype');
    font-weight: normal;
    font-display: swap;

}
@font-face {
    font-family:'Inclusive';
    src: url('fonts/inclusive/InclusiveSans-SemiBold.ttf') format('truetype');
    font-weight: 500 600;
    font-display: swap;

}
@font-face {
    font-family:'Inclusive';
    src: url('fonts/inclusive/InclusiveSans-Bold.ttf') format('truetype');
    font-weight: bold 900;
    font-display: swap;

}

@font-face {
	font-family: 'Elusive';
  src: url('fonts/elusive/elusiveicons-webfont.eot');
  src: url('fonts/elusive/elusiveicons-webfont.woff') format('woff'),
       url('fonts/elusive/elusiveicons-webfont.ttf') format('truetype'),
  		 url('fonts/elusive/elusiveicons-webfont.svg?v=2.0.0#elusiveiconsregular') format('svg');
	font-weight: normal;
	font-style: normal;
}


/* ------------------------------------------------------------------------ Animationen */
@keyframes spin {
  from{transform: rotate(0deg);}
  to {transform: rotate(360deg);}
}
@keyframes spinY{
  0%, 100% {transform: rotateY(0deg);}
  20% {transform: rotateY(360deg);}
}

@keyframes wink {
  0%,100% {transform: rotate(0deg);}
  25% {transform: rotate(45deg);}
  50% {transform: rotate(0deg);}
  75% {transform: rotate(-45deg);}
}

@keyframes pulse {
  0% {transform: scale(1);}
  50% {transform: scale(1.5);}
  100% {transform: scale(.75);}
  100% {transform: scale(1);}
}

@keyframes wobble {
  0%,100% {transform: translateX(0%);}
  15% {transform: translateX(-25%) rotate(-5deg);}
  30% {transform: translateX(20%) rotate(3deg);}
  45% {transform: translateX(-15%) rotate(-3deg);}
  60% {transform: translateX(10%) rotate(2deg);}
  75% {transform: translateX(-5%) rotate(-1deg);}
}