body
{
    background-color: #000;
}
.shade
{
    height: 100%;

    background-color: rgba(0,0,0,.8);
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
a
{
    color: #fff;
}
h1,
h2,
h3,
h4,
h5,
h6
{
    font-family: Helvetica, Arial, sans-serif;
    /*font-style: italic;*/
}
p
{
    font-family: Helvetica, Arial, sans-serif;
}
#wrapper-bg
{
    padding-top: 40px;

    background-image: url('/img/bg.jpg');
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover;
}
.wrapper
{
    width: 100%;
    margin: 0 auto;
}
.modal_column
{
    float: left;

    width: 48%;
}
@media screen and (max-width:1024px)
{
    .wrapper
    {
        padding: 35px;
    }
}
#modal_wittlich h1,
#modal_wittlich h2,
#modal_wittlich h3,
#modal_wittlich h4,
#modal_wittlich h5,
#modal_wittlich h6,
#modal_wittlich p,
#modal_wittlich a,
#modal_schweich h1,
#modal_schweich h2,
#modal_schweich h3,
#modal_schweich h4,
#modal_schweich h5,
#modal_schweich h6,
#modal_schweich p,
#modal_schweich a,
#modal_zell h1,
#modal_zell h2,
#modal_zell h3,
#modal_zell h4,
#modal_zell h5,
#modal_zell h6,
#modal_zell p,
#modal_zell a,
#modal_pruem h1,
#modal_pruem h2,
#modal_pruem h3,
#modal_pruem h4,
#modal_pruem h5,
#modal_pruem h6,
#modal_pruem p,
#modal_pruem a,
#modal_enkirch h1,
#modal_enkirch h2,
#modal_enkirch h3,
#modal_enkirch h4,
#modal_enkirch h5,
#modal_enkirch h6,
#modal_enkirch p,
#modal_enkirch a,
#modal_bleialf h1,
#modal_bleialf h2,
#modal_bleialf h3,
#modal_bleialf h4,
#modal_bleialf h5,
#modal_bleialf h6,
#modal_bleialf p,
#modal_bleialf a,
#modal_impressum h1,
#modal_impressum h2,
#modal_impressum h3,
#modal_impressum h4,
#modal_impressum h5,
#modal_impressum h6,
#modal_impressum p,
#modal_datenschutz,
#modal_datenschutz h1,
#modal_datenschutz h2,
#modal_datenschutz h3,
#modal_datenschutz h4,
#modal_datenschutz h5,
#modal_datenschutz h6,
#modal_datenschutz p,
#modal_datenschutz strong,
#modal_wittlich h1,
#modal_wittlich h2,
#modal_wittlich h3,
#modal_wittlich h4,
#modal_wittlich h5,
#modal_wittlich h6,
#modal_wittlich p,
#modal_wittlich a,
#modal_cochem h1,
#modal_cochem h2,
#modal_cochem h3,
#modal_cochem h4,
#modal_cochem h5,
#modal_cochem h6,
#modal_cochem p,
#modal_cochem a,
#modal_rissbach h1,
#modal_rissbach h2,
#modal_rissbach h3,
#modal_rissbach h4,
#modal_rissbach h5,
#modal_rissbach h6,
#modal_rissbach p,
#modal_rissbach a
{
    color: #222 !important;
}
#modal_impressum a,
#modal_datenschutz a
{
    color: #c00d11;
}

#modal_wittlich a,
#modal_schweich a,
#modal_zell a,
#modal_pruem a,
#modal_enkirch a,
#modal_bleialf a,
#modal_rissbach a
{
    /*text-decoration: underline;*/
}
#modal_wittlich,
#modal_schweich,
#modal_zell,
#modal_pruem,
#modal_enkirch,
#modal_bleialf,
#modal_rissbach,
#model_cochem
{
    opacity: .9 !important;
}
#modal_wittlich > a.close-reveal-modal,
#modal_schweich > a.close-reveal-modal,
#modal_zell > a.close-reveal-modal,
#modal_pruem > a.close-reveal-modal,
#modal_rissbach > a.close-reveal-modal,
#modal_enkirch > a.close-reveal-modal,
#modal_bleialf > a.close-reveal-modal,
#modal_cochem > a.close-reveal-modal
{
    text-decoration: none;
}
@-webkit-keyframes test
{
    from
    {
        opacity: 0;
    }
    to
    {
        opacity: 1;
    }
}
#wittlich,
#schweich,
#zell,
#enkirch,
#niederpruem,
#bleialf,
#rissbach,
#cochem
{
    transition-timing-function: linear;
    transition-duration: .3s;
    animation-name: test;
}
#wittlich
{
    animation-duration: 1s;
}
#enkirch
{
    animation-duration: 1.5s;
}
#niederpruem
{
    animation-duration: 2s;
}
#rissbach
{
    animation-duration: 2.5s;
}
#bleialf
{
    animation-duration: 3s;
}
#zell
{
    animation-duration: 3.5s;
}
#cochem
{
    animation-duration: 4s;
}

img.thumbnail
{
    display: block;

    margin: 0 auto;
    /*	margin-bottom:25px;*/
}
span.label
{
    /*border-radius:7px;*/
    font-family: 'Source Sans Pro',sans-serif;
    width: 100%;
    transition: all .3s;
    background-color: #c00d11;
}
#pruefstellen span.label {
    border-radius:7px;
}
span.label:hover
{
    background-color: #80090b;
}
#headertitle
{
    font-size: 4rem;
    font-weight: 600;
    /*text-transform: uppercase;*/
    font-style: italic;
}
#headersubtitle
{
    font-size: 1.1rem;
    font-weight: 200;

    text-transform: none;

    color: #6f6f6f;
}
#headerlogox
{
    width: 200px;
}
#header,
#pruefstellen,
#amtliche_leistungen
{
    padding-bottom: 100px;
}

input.input-field,
select.input-field,
textarea.input-field
{
    font-family: Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;

    box-sizing: border-box;
    width: 100%;
    margin-bottom: 15px;
    padding: 13px;

    transition: all .3s;

    color: white;
    border: 2px solid #c00;
    border-radius: 5px;
    outline: 0;
    background-color: rgba(0,0,0,.8);
}
input.input-field:focus,
select.input-field:focus,
textarea.input-field:focus
{
    background-color: rgba(255,255,255,.3);
}
select.input-field otion
{
    color: white;
    background-color: transparent;
}
#amtliche_leistungen
{
    text-align: center;
}
#sachverstaendige
{
    width: 100%;
}
#sachverstaendige h2 {
	text-transform: uppercase;
}
#sachverstaendige h3
{
    margin-top: 50px;
}
#sachver_leistungen
{
    margin-top: 15px;
    margin-bottom: 70px;

    border: none;
		background-color: transparent;
		/* background-color: #c00d11; */
}
#sachver_leistungen p
{
	font-size:1.2em;
    color: #fff;
}
#sachver_leistungen h3
{
    line-height: 2;

    margin-top: 0;

    color: #fff;
}
.footer
{
    padding-top: 80px;

    border-top: 6px solid white;
    /* background-color: rgba(0,0,0,.8); */
		background-color: #c00d11;
}

div.reveal-modal.open:focus
{
    outline-color: #c00;
}


@media screen and (max-width:543px)
{
    #headertitle
    {
        font-size: 2.8rem !important;

        margin-top: 35px;
    }
    #headersubtitle
    {
        font-size: 1rem !important;
    }
    #header,
    #pruefstellen,
    #amtliche_leistungen
    {
        padding-bottom: 30px;
    }
    #pruefstellen p
    {
        margin-top: 1.25rem;
        margin-bottom: 5px;
    }
}