/* gudea-regular - latin */
@font-face {
    font-display: swap;
        font-family: 'Gudea';
          font-style: normal;
          font-weight: 400;
          src: url('/fonts/Gudea-Regular.ttf');
      unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

html {
    height:101%;
    line-height:1.15;
    -webkit-text-size-adjust:100%;
    -webkit-box-sizing:border-box;
        box-sizing:border-box;
}

html,
body {
    background-color:#fefefe;
    font:100% Gudea,sans-serif;
    color:#0a0a0a;
    -webkit-font-smoothing: antialiased; /* Chrome, Safari, Edge */
    -moz-osx-font-smoothing: grayscale; /* Firefox, Safari */
    height:100%;
    margin:0;
    display: flex;
    flex-direction: column;
}

body {
    font-weight: 400;
}

.scroll {
    overflow-x: hidden ;
}


/* ******************************************* */
/* ******* Listen, DIVs, Absätze etc. ******** */
/* ******************************************* */

div,
li,
ol,
u,
ul,
a {
    font-size:1.13rem;
    line-height:1.7rem;
    font-weight: 400;
}

p {
    margin-bottom:1rem;
    font-size:inherit;
    line-height:1.6;
}

b,
strong,
.strong,
.font-weight-bold {
    font-weight: 700;
}

.klein,
.klein * {
    margin-top:.4rem;
    font-size:.9rem;
    line-height:1.5;
}


/* ******************************************* */
/* ******** Überschriften ******** */
/* ******************************************* */

h1,
h2,
h5,
.h1,
.h2,
.h5 {
    margin-bottom:.5rem;
}

h1,
.h1 {
    font-size:3rem;
}

h2,
.h2 {
    font-size:2.5rem;
}

h5,
.h5 {
    margin-top:0;
    font-size:1.4rem;
    line-height:1.4;
}

h1.schall:before,
h2.schall:before {
    display:block;
    text-align:center;
    content:url('/images/schall.png');
}

h1.schall,
h2.schall {
    text-align:center;
    -moz-hyphens: auto;
       -o-hyphens: auto;
       -webkit-hyphens: auto;
       -ms-hyphens: auto;
       hyphens: auto;
}

h1.schall:after,
h2.schall:after {
    display:block;
    margin-bottom:3rem;
    text-align:center;
    line-height:1rem;
    content:url('/images/strich.png');
}


/* ******************************************* */
/* ******** Inhaltsbereich und Footer ******** */
/* ******************************************* */

.container {
    max-width:1408px;
}

#footer {
    position:absolute;
    left: 0;
    right: 0;
}

#footer2 {
    margin:0;
    padding:0;
    background-color:#293133;
}

#footer2 p,
#footer2 a {
    margin:0;
    padding:0;
    font-size:1.13rem;
    line-height:1.7rem;
    color:#f6f6f6;
}

#footer2 sub {
    font-size:100%;
}


/* ******************************************* */
/* ****** blauer Balken mit Überschrift ****** */
/* ******************************************* */

#balken {
    background-position:top right;
    background-repeat:no-repeat;
    background-size: cover;
    background-image: url("/images/background.jpg");
}

#balken h1,
#balken p {
    color:#FEFEFE;
}

#balken h1 {
    font-size:3rem;
    line-height:1.4;
}


/* ******************************************* */
/* ******** Auflistung der Downloads ********* */
/* ******************************************* */

ul.hyperlink {
    padding-left: 0;
    margin-leeft:0;
}

.hyperlink li {
    width:100%;
    text-align:left;
    list-style-type:none;
    /*display:block;*/
    margin: 0 10px 0 0;
    padding:5px 0;
    border-bottom:1px solid #e7e7e7;
    text-indent: hanging 13px;
}

.hyperlink li:nth-child(odd) 
{
	background-color:#f7fbff;
}

a:link, a:visited, a:active, a:hover
{
    border:0;
    outline: 0;
	text-decoration:none;
	color:#0a0a0a;
	font-size:16px;
	font-weight:normal;
	padding:0 5px 0 13px;
	/*background:transparent url('/images/pfeilpoint.gif') 5px 2px no-repeat;*/
}

a:hover
{
	color:#999;
}