@font-face{
    font-family:"Neo Sans W01 Light734947";
    src:url("../fonts/neosans/681fbcbc-1907-441a-893a-fc00ecea0267.eot?#iefix");
    src:url("../fonts/neosans/681fbcbc-1907-441a-893a-fc00ecea0267.eot?#iefix") format("eot"),
    url("../fonts/neosans/e0bd859d-12b1-41c1-9b67-003688d01609.woff2") format("woff2"),
    url("../fonts/neosans/a21a792c-051c-4059-8719-ecc8749c99a6.woff") format("woff"),
    url("../fonts/neosans/feee8e94-28a0-416a-88d3-db3912effbc4.ttf") format("truetype");
}
@font-face{
    font-family:"Neo Sans W01 Medium";
    src:url("../fonts/neosans/85c8556d-8a76-4037-a2e2-0f5fd9dabc03.eot?#iefix");
    src:url("../fonts/neosans/85c8556d-8a76-4037-a2e2-0f5fd9dabc03.eot?#iefix") format("eot"),
    url("../fonts/neosans/f056e9e7-3bb5-4f21-b861-ed2a47a0700b.woff2") format("woff2"),
    url("../fonts/neosans/b0eddbbb-9e8e-4e08-bde1-965bb945f73a.woff") format("woff"),
    url("../fonts/neosans/b2931674-c992-42a0-aa22-e9cb15d3383d.ttf") format("truetype");
}
@font-face{
    font-family:"Neo Sans W01 Bold";
    src:url("../fonts/neosans/a0b14394-4dd9-4421-98cf-dfe2f8dc6251.eot?#iefix");
    src:url("../fonts/neosans/a0b14394-4dd9-4421-98cf-dfe2f8dc6251.eot?#iefix") format("eot"),
    url("../fonts/neosans/82a34ab2-92d9-48c4-989d-50d5bd54fdd1.woff2") format("woff2"),
    url("../fonts/neosans/ecedcc38-3aec-48a5-a693-fbfac59dd0ed.woff") format("woff"),
    url("../fonts/neosans/2974017c-634d-4238-9381-e3f0b95a150c.ttf") format("truetype");
}

html, body {
     font-family:'Neo Sans W01 Light734947';
}

h1 {
    color:#cd1619;
    margin-top:30px;
    font-family:'Neo Sans W01 Bold';
    font-size:5em;
    text-align: center;
}


h2, h3 {
    text-transform:uppercase;
    word-wrap: break-word;
}

h2 {
    color:#cd1619;
    margin-top:0;
    font-family:'Neo Sans W01 Bold';
    font-size:3em;
}

h3 {
    font-family:'Neo Sans W01 Medium';
    font-size:2.25em;
    color:#cd1619;
    text-align: center;
}

.privacypage h3 {
    color:white;
    text-align: left;
}

.center {
    margin:0 auto;
}

p {
    font-size:1.4em;
}

a {
    color:#cd1619;
}


/* Header ******************************/
#header{
    height: auto;
    background-color: #ffffff;
    overflow: hidden;
    margin-bottom:30px;
}

#logo{
    margin: 40px auto 0 auto;
    width:150px;
}

#header h2{
    text-align: center;
    font-weight:400;
    font-size: 3.0em;
    margin:50px auto 0 auto;
    color:#cd1619;
    text-transform: uppercase;
     font-family:'Neo Sans W01 Medium';

}

#header p {
    text-align:center;
    margin:0 auto;
    color:#cd1619;
    font-size:1.4em;
}

/* Slider ******************************/
#slider {
    height: auto;
    background-color: #cd1619;
    overflow: hidden;
}
.container-slide {
    max-width:1170px;
    margin:0 auto;
}

 .jssorl-004-double-tail-spin img {
            animation-name: jssorl-004-double-tail-spin;
            animation-duration: 1.2s;
            animation-iteration-count: infinite;
            animation-timing-function: linear;
        }

        @keyframes jssorl-004-double-tail-spin {
            from {
                transform: rotate(0deg);
            }

            to {
                transform: rotate(360deg);
            }
        }


        .jssorb051 .i {position:absolute;cursor:pointer;}
        .jssorb051 .i .b {fill:#fff;fill-opacity:0.5;stroke:#000;stroke-width:400;stroke-miterlimit:10;stroke-opacity:0.5;}
        .jssorb051 .i:hover .b {fill-opacity:.7;}
        .jssorb051 .iav .b {fill-opacity: 1;}
        .jssorb051 .i.idn {opacity:.3;}

        .jssora051 {display:block;position:absolute;cursor:pointer;}
        .jssora051 .a {fill:none;stroke:#fff;stroke-width:360;stroke-miterlimit:10;}
        .jssora051:hover {opacity:.8;}
        .jssora051.jssora051dn {opacity:.5;}
        .jssora051.jssora051ds {opacity:.3;pointer-events:none;}

/* Content ******************************/
#info, #portraits, #list, #request {
    padding-top:50px;
    padding-bottom:50px;
}

#info, #portraits, #list {
    background:#ccc;
}

.rectangle {
    margin-top:20px;
}
.rectangle p {
    font-size:1em;
}


.rectangle-b {
    height:150px;
    width:100px;
    margin-bottom:10px;
    background-color: #cd1619;
}

.rectangle-m {
    height:100px;
    width:70px;
    margin-top:50px;
    margin-bottom:10px;
    background-color: #cd1619;
}

.rectangle-s {
    height:50px;
    width:32px;
    margin-top:100px;
    margin-bottom:10px;
    background-color: #cd1619;
}

.attention p {
    font-weight:700;
    font-size: 1.4em;
    margin-top:20px;
}

#list ul {
    list-style:none;
    margin:0;
    padding:0;
}

#list li {
  padding-left: 1em;
  text-indent: -1.3em;
  font-size:1.4em;
}

#list li::before {
  content: "■ ";
  color: #cd1619;
  margin-right:5px;
}

.dlbtn {
    background:white;
    padding:6px 16px;
    display:inline-block;
    color:#cd1619;
    margin-top:20px;
    margin-right:10px;
    text-transform: uppercase;
}

.dlbtn:hover {
    text-decoration:none;
    color:#cd1619;
}

.shadow {
    -webkit-box-shadow: 0px 0px 37px 0px rgba(0,0,0,0.22);
-moz-box-shadow: 0px 0px 37px 0px rgba(0,0,0,0.22);
box-shadow: 0px 0px 37px 0px rgba(0,0,0,0.22);
}

/* Footer ******************************/
#extra {
    background-color: #cd1619;
    color:white;
}

#extra h3 {
    margin-top:20px;
    margin-bottom:20px;
    text-align: center;
    font-size:1.5em;
    color:white;
}

#footer{
    height: auto;
    overflow: hidden;
    padding-bottom: 10px;
}

#footer a{
	display: inline-block;
	cursor: pointer;
    color:#cd1619;
    font-weight:700;

}

#footer img{
    margin: 6px auto 6px auto;
}

#footer p{
    margin-top: 10px;
}

footer {
    margin-top: 20px;
}
.logo-footer {
    width:60px;
}

.adress p {
    margin-left:20px;
}

.imprint {
    margin-top:15px;
}

/* Impressum ******************************/
#impressum{
    height: auto;
    background-color: #cd1619;
    overflow: hidden;
	padding-bottom: 20px;
}

#impressum h2{
    color: white;
    font-size: 3.0em;
    text-transform: uppercase;
    margin-top: 30px;
    margin-bottom: 35px;
}

#impressum p{
    color: white;
    font-size: 1.4em;
    margin-top: 5px;
	margin-bottom: 5px;
}

/* Datenschutz ******************************/
#datenschutz{
    height: auto;
    background-color: rgba(0, 0, 0, 0.1);
    overflow: hidden;
	padding-bottom: 20px;
}

#datenschutz h2{
    margin:30px 0 35px 0;
    color: #cd1619;
    font-size: 2.9em;
    text-transform: uppercase;
}

#datenschutz p{
    color: black;
    font-size: 1.2em;
    margin-top: 15px;
}
