/* INHALTSVERZEICHNIS 
	
	1.0 - GLOBAL
	2.0 - LAYOUT
	3.0 - NAVIGATION
	3.1 - SUBNAVIGATION
	4.0 - INHALT
	4.1 - KONTAKTFORMULAR
	4.2 - BILDGALERIE
	4.3 - MULTILIST
	5.0 - PRINT

*/


/*	FARBEN



*/

@media all {
    /* 1.0 GLOBAL */
    a,
    p,
    td,
    li,
    h1,
    h2,
    h3,
    label,
    input,
    textarea,
    select,
    span {
        font-family: Arial, Helvetica, sans-serif;
        
        line-height: 18px;
        color: #333;
    }
    a,
    a:hover {
        color: #0101a2;
        text-decoration: none;
    }
    img,
    a img {
        border: none;
    }
    /* 2.0 LAYOUT */
    body {
        margin: 0;
        padding: 0;
        background: url(hg.png) repeat-x;
		font-size: 12px;
    }
    #rahmen {
        padding: 0 0 0 0;
        margin: 0 auto 0 auto;
        width: 988px;
    }
    #top {
        width: 918px;
        height: 137px;
        background: url(top.png) no-repeat;
        padding: 0 35px 0 35px;
    }
    #logo {
        width: 283px;
        height: 111px;
        float: left;
    }
    #navi {
        height: 76px;
        float: left;
        padding: 49px 0 0 100px;
    }
    #animation {
        width: 930px;
        height: 267px;
        padding: 0 0 11px 29px;
    }
    #slideshow {
        width: 930px;
        height: 267px;
        z-index: 1;
        position: absolute;
        margin: 0;
    }
    #subnavi {
        z-index: 2;
        position: absolute;
        margin: 0;
    }
    #metanavi {
        width: 911px;
        height: 40px;
        padding: 1px 26px 10px 0;
        margin: 0 0 0 26px;
        background: url(metanavi-hg.png) no-repeat;
    }
    #content {
        width: 912px;
        padding: 0 0 0 38px;
    }
    .team {
        padding-bottom: 15px;
    }
    .teamy {
        align-content: "left";
        max-width: 150px;
        padding: 0 15px 0 0;
    }
    .bildundtext {
        float: left;
        padding: 0 15px 5px 0;
    }
    #infospalte {
        width: 275px;
        float: left;
    }
    #news {
        width: 270px;
        background: #fff;
        border: 1px solid #d0d0d0;
        padding: 0 0 15px 0;
        margin: 0 0 22px 0;
    }
    #adresse {
        width: 270px;
        background: #fff;
        border: 1px solid #d0d0d0;
        padding: 0 0 0 0;
    }
    #text {
        float: right;
        width: 538px;
        background: #fff;
        border: 1px solid #d0d0d0;
        padding: 30px 30px 30px 30px;
    }
    #fuss {
        width: 885px;
        height: 39px;
        padding: 0 26px 10px 26px;
        margin: 21px 0 0 26px;
        background: url(bottom.png) no-repeat;
    }
    /* 3.0 NAVIGATION */
    #navi ul {
        margin: 0;
        padding: 0;
    }
    #navi li {
        float: left;
        list-style: none;
    }
    #navi li a {
        padding: 0 20px 0 20px;
        line-height: 76px;
        color: #fff;
        text-transform: uppercase;
        display: block;
        font-weight: bold;
		font-size: 12px;
    }
    #navi li a:hover {
        background: url(navi-hover.png) repeat-x;
    }
    #navi li a.rex-current,
    #navi li a.rex-active {
        background: url(navi-active.png) repeat-x;
    }
    #metanavi ul {
        float: right;
        margin: 0;
        padding: 0;
    }
    #metanavi li {
        float: left;
        list-style: none;
    }
    #metanavi li a {
        line-height: 30px;
        color: #333;
        padding: 0 14px 0 15px;
        border-right: 1px solid #333;
    }
    #metanavi li#rex-article-7 a {
        border: none;
        padding: 0 0 0 15px;
    }
    /* 3.1 SUBNAVIGATION */
    #subnavi ul {
        padding: 29px 0 0 63px;
        margin: 0;
    }
    #subnavi li {
        padding: 0 0 5px 0;
        list-style: none;
        margin: 0;
        float: none;
    }
    #subnavi li a {
        line-height: 31px;
        padding: 0 10px 0 10px;
        color: #fff;
        background: url(subnavi-li.png) repeat-x;
        display: block;
    }
    #subnavi li a:hover,
    #subnavi li a.rex-current {
        background-image: url(subnavi-active.png);
    }
    /* 4.0 INHALT */
    #infospalte h1 {
        line-height: 30px;
        text-transform: uppercase;
        background: url(h1.png) repeat-x;
        padding: 0 0 0 15px;
        margin: 0;
		font-size: 1rem;
    }
    #infospalte p {
        padding: 0 0 0 15px;
    }
    #text h1 {
        color: #6a6a6a;
        font-size: 24px;
        line-height: 24px;
        text-transform: uppercase;
        padding: 0 0 20px 0;
        margin: 0;
    }
    #text h3 {
        color: #6a6a6a;
        font-size: 16px;
        line-height: 20px;
        padding: 10px 0 2px 0;
        margin: 0 0 7px 0;
        border-bottom: 1px dotted #6a6a6a;
    }
    #text p {
        line-height: 18px;
        padding: 0 0 5px 0;
        margin: 0;
    }
    #text ul {
        margin: 0;
        padding: 0 0 10px 15px;
    }
    #text div.marken {
        float: left;
        padding: 0 25px 0 0;
        min-height: 75px;
        width: 120px;
        text-align: center;
    }
    #fuss p {
        float: left;
        line-height: 30px;
        margin: 0;
        padding: 0;
    }
    #fuss p.vidyo {
        float: right;
    }
    #fuss p a {
        color: #333;
    }
    /* 4.1 FORMULAR */
    label {
        float: left;
        width: 256px;
        text-align: left;
        margin: 5px 0 0 0;
    }
    fieldset {
        margin: 10px 2px 10px 17px;
        padding: 20px 5px 5px 5px;
        border: 1px solid #cccccc;
    }
    input.formgen_submit {
        margin: 20px 0 10px 263px;
        text-transform: lowercase;
        font-weight: normal;
        width: 240px;
    }
    input,
    select,
    input.formgen_required {
        width: 232px;
        border: 1px solid #d0d0d0;
        background: #fff;
        margin: 5px 0 0 8px;
        /* Textausrichtung gegenueber "label" */
        padding: 2px;
    }
    select {
        width: 238px;
    }
    input.radio {
        width: 12px;
        border: 1px solid #d0d0d0;
        background: #fff;
        margin: 5px 0 0 8px;
        /* Textausrichtung gegenueber "label" */
        padding: 2px;
        text-align: left;
    }
    div.radio {
        float: left;
        padding: 0 10px 5px 0;
    }
    textarea {
        width: 232px;
        height: 100px;
        border: 1px solid #d0d0d0;
        background: #fff;
        margin: 5px 0 0 8px;
        /* Textausrichtung gegenueber "label" */
        padding: 2px;
    }
    legend {
        color: #ffffff;
        padding: 0 5px 0 5px;
        margin: 0 0 0 17px;
    }
    ul.formgen_error_list li {
        color: #fe0100;
    }
    /* 4.2 BILDGALERIE */
    a.lb {
        padding: 0 5px 15px 0;
    }
    a.lb img {
        padding: 4px;
        border: 1px solid #ddd;
    }
    /* 4.3 MULTILIST */
    #infospalte div.newslist {
        padding: 15px 15px 0 15px;
        margin: 0 0 0 0;
    }
    #text div.newslist {
        padding: 0 0 15px 0;
        margin: 0 0 0 0;
    }
    div.news span.date {}
    div.newsimage {
        float: left;
        padding: 0 10px 15px 0;
    }
    div.newsimage a img {
        padding: 0 0 0 0;
    }
    div.newstext {
        padding: 0 0 0 0;
    }
    div.newstext p {
        padding: 0;
        margin: 0;
    }
}


/* 5.0 PRINT */

@media print {}


 


 /* 2022 */
#text h1 {
    color: #6a6a6a;
    font-size: 24px;
    line-height: 24px;
    text-transform: uppercase;
    padding: 0 0 20px 0;
    margin: 0;
    text-transform: uppercase;
    font-size: 2rem !important;
    line-height: 125%;
    font-weight: 100 !important;
    padding-bottom: 1rem !important;
    letter-spacing: -.1rem;
}
#text h3 {
    color: #000000;
    font-size: 16px;
    line-height: 20px;
    padding: 10px 0 2px 0;
    margin: 0 0 7px 0;
    border-bottom: 1px dotted #6a6a6a;
}
#text p {
    line-height: 125%;
    padding: 0 0 1rem 0;
 
}
#text p:last-child {
    line-height: 125%;
    /* padding: 0 0 1rem 0; */
    margin: 0 0 1rem 0;
}

#text h2, #text h3 ,#text h4, #text h5 {
	line-height: 125%;
    font-weight: 300 !important;
    padding-bottom: 1rem !important;
    letter-spacing: -.025rem;
    color: hsl(0deg 0% 30%);
}

#text p>a#lpBTN {
    display: block;
    margin: 1.5rem auto -0.5rem;
    width: 250px;
    background-image: repeating-linear-gradient(0deg, rgb(255 0 0 / 80%), transparent 2px);
    text-align: center;
    padding: 1.2rem 1.75rem;
    font-size: 1.5rem;
    color: white;
    letter-spacing: -.5px;
    border-radius: 1rem;
    font-weight: 600;
    filter: drop-shadow(0px 5px 7px red);
}


/*
#text div.marken {
    float: left;
    padding: 0 2% 0 0;
    min-height: 5vh;
    width: fit-content;
    text-align: center;
}
*/