@charset "utf-8";
/* CSS Document */
header{
position: relative;
text-align: center;
font-family: 'Open Sans', sans-serif;
min-height: 230px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff5d5d+0,ff4545+71 */
background: #ff5d5d; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, #ff5d5d 0%, #ff4545 71%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, #ff5d5d 0%,#ff4545 71%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, #ff5d5d 0%,#ff4545 71%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5d5d', endColorstr='#ff4545',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
.logo-headline{ text-transform: uppercase; color: #fff;}
.logo{ padding-top: 50px;}
.navigation-bottom{  margin-top: 50px;}
.nav a{color: #fff;}

a, a:active, a:focus {color:#000; text-decoration: none; outline: none;}

a{font-family: 'Open Sans', sans-serif; text-transform: uppercase; font-weight: 100;}
a:hover{color: #000; text-decoration: none;}
.divider{border-right: 1px solid #cf3838; border-left:1px solid #ff7676;}
.nav-item{
font-size: 12px;
margin: 3px;
}
.content{text-align: center;}
.about-me{margin-top: 20px;max-width: 1280px;margin: 30px auto;}
h1{font-family: 'Open Sans Condensed', sans-serif; font-weight:bold;font-size: 1.8rem;color: #ff4242;text-transform: uppercase;/*! margin-top: 50px; */}
h2{font-family: 'Open Sans', sans-serif;font-size: 1rem;text-transform: uppercase;line-height: 0;margin-bottom: 30px;}
.img-container{float: left;}
img.big{margin-top: 5px;}
img.small{}
.description{}
.description p{font-family: 'Open Sans', sans-serif;text-align: left;font-size: 0.9rem;line-height: 140%;display: inherit;padding: 0px 10px; }
.numberzone{text-align: center;line-height: 140%;display: flex; margin: 0 auto;}
.rufan{font-family: 'Open Sans Condensed', sans-serif; font-weight:bold;text-align: left;}
.number{font-family: 'Open Sans Condensed', sans-serif; font-weight:bold; font-size: 40px;line-height: 80%;color: #ff4242;text-align: left;}
.tarif{font-family: 'Open Sans', sans-serif;font-size: 10px;line-height: 120%;font-weight: 300;color: #999999;text-align: left;margin-top: 10px;}
.block{width: 40%;padding: 10px;text-align: left;}
.img_block{position: relative;}
.name{font-family: 'Open Sans Condensed', sans-serif; font-weight:bold;font-size: 1.4rem;color: #ff4242;text-transform: uppercase;/*! margin-top: 50px; */}
.place{font-family: 'Open Sans', sans-serif;font-size: 0.8rem;text-transform: uppercase;line-height: 100%;margin-bottom: 30px;}
.show{font-family: 'Open Sans', sans-serif;font-size: 0.75rem;text-transform: uppercase;margin-bottom: 0px;}
.show span{background: #ff4242; color: #ffffff;padding: 0 5px;}
.suprise{font-family: 'Open Sans Condensed', sans-serif; font-weight:bold;
font-size: 1.5rem;
color: #ff4242;
text-transform: uppercase;}
.block_in{display: table-cell;width: 50%;padding: 0 10px;}
.in{font-size: 0.9rem;text-transform: uppercase;font-family: 'Open Sans Condensed', sans-serif; font-weight:bold;font-weight: 100;}
.time{font-size: 25px;font-family: 'Open Sans Condensed', sans-serif; font-weight:bold;color: #ff4242;}
.divider2{width: 1px;border-right: 1px dashed;display: table-cell;}
strong{font-weight: bolder; font-family: 'Open Sans Condensed', sans-serif; font-weight:bold;font-weight: 100; color: cadetblue;}
.online{position: absolute;top: 18px;right: 450px;font-size: 12px;text-transform: uppercase;}
.themenblock{}

.themenheadline{text-align: left;margin-bottom: 10px;display: block;overflow: hidden;clear: both;}
.icon{background: #ff4242;width: 40px;height: 40px;text-align: center;vertical-align: center;float: left;padding: 5px;border-radius: 5px;}
.themenblock .icon img{width: 25px;}
h6{float: left;font-family: 'Open Sans Condensed', sans-serif; font-weight:bold;font-size: 1.4rem;text-transform: uppercase;padding: 0px 10px;color: #ff4242;line-height: 100%;}
h7 {
    float: left;
    padding: 0 10px;
    text-transform: uppercase;
    line-height: 100%;
    font-size: 16px;
    margin-top: -3px;
}
.themenblock{text-align: left;margin-bottom: 40px;}
.themenblock p{font-size: 0.9rem;text-align: justify;padding: 10px 0px 0px 0px;margin: 10px 0px 5px 0px; min-height: 140px;line-height: 120%;}
.themenblock img{width: 100%;}
.divider-horizontal{
clear: both;
height: 1px; width: 100%;
border-bottom: 1px solid #ff4242;
margin-bottom: 50px;
max-width: 1280px;
margin: 30px auto;
}
.thema{ width:100%;padding: 0 0 15px 0px;border-bottom: 1px dashed #000;}
h8{font-family: 'Open Sans Condensed', sans-serif; font-weight:bold;font-size: 1.5rem;color: grey;text-decoration: underline;margin: 40px;}
.img-container{float: left; width: 45%; margin-bottom: 30px;}
.img-container img{width:100%;}
.text{text-align: left;
    display: grid;
    padding: 0px 15px;

}
.text p{font-size: 0.9rem; }
footer{background: rgba(62,62,62,1.00);

width: 100%; display: none;}
footer p{ text-align:center; color:#fff; font-size:0.8rem;margin: 0;min-height: 50px;overflow: hidden;padding: 15px;}
.mobile{ display: none;}
.desktop{display: block;text-align: center;margin: 0 auto;}


@media only screen and (max-width: 1024px) {
  .mobile{ display: block;}
  .desktop{display: none;}
  .icon{display: none;}
  h7{line-height: 100%; padding: 0;}
  h6{padding: 0;}
  .img-container{ width: 100%;}
  footer{display: none;}
  
}
.contact-area{}
form{max-width: 500px;width: 100%;}
label{color: #ff4242; font-family: 'Patua One', cursive;font-size: 16px;text-transform: uppercase;}
input{ width: 100%;background: #f4eeee;border: none;line-height: 200%;border-radius: 3px;padding: 5px;}
textarea{width: 100%;max-height: 150px;border: none;background: #f4eeee;margin-bottom: 5px;padding: 5px;}
input.submit-button{font-family: 'Patua One', cursive; background: #ff4242; color: #fff; max-width: 250px;text-align: center;}