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


/* ******************************************* */
/* ************ Pseudo-Navigation ************ */
/* ******************************************* */
#navi {
    margin-top:5px;
}

#navi li {
    float:left;  
    list-style: none;
    color: #0a0a0a;
    margin-right: 20px;
}

#navi li, #navi li a {
    font-size: 1rem;
    line-height: 1.2rem;
    font-weight:bold;
}

#navi li .active_nav {
    color: #C00D0e;
}

#navi li a:hover {
    color: #E7BB70;
}


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


/* ******************************************* */
/* ****************** Button ***************** */
/* ******************************************* */

.btn-primary:link,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    margin:0 0 1rem;
    padding:.85em 1em;
    background-color:#0060aa;
    border:1px solid #0060aa;
    border-radius:3px;
    font-size:1rem;
    line-height:1;
    color:#fefefe;
    font-weight: bold;
    -webkit-transition: background-color .25s ease-out, color .25s ease-out;
    transition: background-color .25s ease-out, color .25s ease-out;
}


/* ******************************************* */
/* ******** Ü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:center center;
    background-repeat:no-repeat;
    background-size: cover;
    background-image: url("/images/background1.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-left:0;
}

.hyperlink li {
    width:100%;
    text-align:left;
    list-style-type:none;
    /*display:block;*/
    margin: 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;
}