@charset "utf-8";

/* links */
a, a:link, a:visited {
         color: #748223;
         font-weight: bold;
}

a:hover  {
         color:  #374005;
         font-weight: bold;
}


/* Standards  */
body {
         background:#ffffff;

         margin: 0px;

         font-family: 'Roboto';
         font-size: 1.0em;
         color: #5f5f5f;

}

h1 {
         font-size: 1.6em;
         color: #5f5f5f;
         margin: 5px 0px 10px 0px;
}

h2 {
         font-size: 1.4em;
         color: #748223;
         margin: 5px 0px 10px 0px;
}

h3 {
         font-size: 1.2em;
         color: #748223;
         margin: 5px 0px 10px 0px;
}

i { font-family: 'Dancing Script'; font-weight: 700; font-size: 1.2em;}

img { max-width:100%; height:auto; border: 0px; }
.clear         { clear:both; line-height:0.0em; height: 0px; display: block; background-color: #FFDF00; }
.center  { text-align:center; }
.right  { text-align:right; }
.hide { display: none !important; }
.show { display: block; }
.inline-block { display: inline-block; }

ul br {display:none;}
li:nth-child(odd){ background: rgba(115,130,35,0.0); }
li:nth-child(even){ background: rgba(115,130,35,0.0); }

.fett { font-weight: bold; }
.Dunkelolivgruen_im_Text {color: #748223; }
.Dunkelolivgruen_im_Text_gross {color: #748223; font-size: 1.8em; }
.Blau_im_Text {color: #0000FF; text-decoration: underline; text-align: center; }

.bg_1 { display: block; background: rgba(115,130,35,0.2); padding: 10px; }
.bg_2 { display: block; background: rgba(0,0,0,0.1); padding: 10px; }

.round { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
.pad_top { margin: 20px 0px; }

/* Header */
header {
         display: block;
         width: calc(100% - 0px);
         padding: 0px 0px 0px 0px;
         text-align: center;
}

#logo {
         display: block;
         font-size: 1.2em;
         text-align: center;
         margin: 20px 10px;
}

#logo a {
         display: inline-block;
         font-family: 'Dancing Script';
         font-style: normal;
         font-weight: 700;
         font-size: 2.5em;
         color: #748223;
         text-align: center;
}
#logo a:hover { color: #000000; }

#logo span {
         display: block;
         text-align: center;

}

#fewoimages {
         width: 100%;
         height: calc(100vw / 10 - 5px);
         background-color: #748223;
}

article {
         display: block;
         width: calc(100% - 40px);
         max-width: calc(1200px - 40px);

         padding: 10px 20px;
         margin: 10px auto;

         line-height: 1.2em;
}

nav { }

footer {
         display: block;
         background: rgba(115,130,35,0.2);
         width: calc(100% - 40px);
         border-top: 2px #748223 solid;
         padding: 10px 20px;
         margin: 30px 0px 0px 0px;
         text-align: center;
}


/* Inhalte */
.gastgeber { font-size: 1.2em; color: #000000; }
.gastgeber img { float: right; width: 400px; height: auto; margin: 0px 0px 20px 20px; }
.gastgeber i { font-family: 'Dancing Script'; font-size: 1.4em; color: #748223; line-height: 1.2em; }

.preise {
         float: right;
         display: block;
         width: 240px;
         background-color: #748223;
         padding: 25px 0px 0px 0px;
         margin: 5px 0px 5px 20px;

         -webkit-border-radius: 10px;
         -moz-border-radius: 10px;
         border-radius: 10px;

         color: #FFFFFF;
         font-size: 2.4em;
         text-align: center;
         font-weight: bold;
         text-shadow: 1px 1px 1px rgba(0,0,0,0.2);

         -webkit-box-shadow: 0px 15px 15px -15px rgba(0,0,0,0.75);
         -moz-box-shadow: 0px 15px 15px -15px rgba(0,0,0,0.75);
         box-shadow: 0px 15px 15px -15px rgba(0,0,0,0.75);
}

.preise span {
         display: block;
         background-color: #8b9938;
         margin: 15px 0px 15px 0px;
         padding: 5px 0px;

         color: #FFFFFF;
         font-size: 0.4em;
         text-align: center;
}

.fotos-wohnung { text-align: center; }
.fotos-wohnung .image_info { width: calc(100% / 4 - 10px); margin: 5px; padding: 0px; }
.fotos-wohnung br { display: none; }

.image_info { display: inline-block; }
.image_info img { width: 100%; height: auto; border: 0px; margin: 0px; }
.image_info span { display: block; text-align: center; font-size: 1.0em; background-color: #748223; padding: 5px 10px; color: #FFFFFF; }

/* FAQ */
#faq {
        margin: 20px 0px;
}

#faq .item {
        display: block;
         width: 100%;
         margin: 20px 0px 10px 0px;
         padding: 0px;
}

#faq .item b {
        display: block;
         width: calc(100% - 60px);
         padding: 20px 40px 20px 20px;
         cursor: pointer;

         border-bottom: rgba(0,0,0,0.1) 2px solid;
         background-color: #EFEFEF;
         background-repeat: no-repeat;
         background-position: center right;
         background-image: url(../images/arrow_close.png);

         -webkit-box-shadow: 0px 12px 5px -10px rgba(0,0,0,0.2);
         -moz-box-shadow: 0px 12px 5px -10px rgba(0,0,0,0.2);
         box-shadow: 0px 12px 5px -10px rgba(0,0,0,0.2);
         -webkit-border-radius: 6px;
         -moz-border-radius: 6px;
         border-radius: 6px;
}
#faq .item b:hover { background-color: #FFFFFF; }
#faq .item b.active { background-image: url(../images/arrow_open.png); background-color: #EFEFEF; -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; }

#faq .item b span {
        display: inline-block;
         padding: 3px 8px 5px 10px;
         margin-right: 20px;
         background-color: #748223;

         text-align: center;
         font-size: 0.9em;
         color: #FFFFFF;
         text-shadow: rgba(0,0,0,0.1) 1px 1px 0px;

         -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
}

#faq .item .antwort {
         display: none;
         padding: 20px 10px 10px 10px;
         background-color: #748223;

         line-height: 140% !important;
         font-size: 0.9em;
         color: #FFFFFF;
         text-shadow: rgba(0,0,0,0.1) 1px 1px 0px;

         -webkit-box-shadow: inset 0px 12px 5px -10px rgba(0,0,0,0.25);
         -moz-box-shadow: inset 0px 12px 5px -10px rgba(0,0,0,0.25);
         box-shadow: inset 0px 12px 5px -10px rgba(0,0,0,0.25);

         -webkit-border-bottom-right-radius: 6px;
         -webkit-border-bottom-left-radius: 6px;
         -moz-border-radius-bottomright: 6px;
         -moz-border-radius-bottomleft: 6px;
         border-bottom-right-radius: 6px;
         border-bottom-left-radius: 6px;
}

#faq .item .antwort.show { display: block; }



/* Hauptmenü */
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
         margin: 0;
         padding: 0px 0px 0px 0px;
         border: 0;
         list-style: none;
         line-height: 1;
         display: block;
         position: relative;
         -webkit-box-sizing: border-box;
         -moz-box-sizing: border-box;
         box-sizing: border-box;
}

#cssmenu:after,
#cssmenu > ul:after {
         content: ".";
         display: block;
         clear: both;
         visibility: hidden;
         line-height: 0;
         height: 0;
}
#cssmenu #menu-button {
         display: none;
}
#cssmenu {
         font-family: arial,helvetica,verdana,sans-serif;
         background:  #748223; /* hellolivgrün */
}
#cssmenu > ul > li {
         float: left;
}
#cssmenu.align-center > ul {
         font-size: 0;
         text-align: center;
}
#cssmenu.align-center > ul > li {
         display: inline-block;
         float: none;
}
#cssmenu.align-center ul ul {
         text-align: left;
}
#cssmenu.align-right > ul > li {
         float: right;
}
#cssmenu > ul > li > a,
#cssmenu > ul > li > b {
         padding: 15px 10px 12px 10px;
         font-size: 1.1em;
         text-decoration: none;
         color: #dddddd;
         font-weight: bold;
}
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li:hover > b {
         background: #1e3220;
         color: #FFFFFF;
}
#cssmenu > ul > li.has-sub > a,
#cssmenu > ul > li.has-sub > b {
         padding-right: 30px;
}
#cssmenu > ul > li.has-sub > a:after,
#cssmenu > ul > li.has-sub > b:after {
         position: absolute;
         top: 22px;
         right: 11px;
         width: 8px;
         height: 2px;
         display: block;
         background: #dddddd;
         content: '';
}
#cssmenu > ul > li.has-sub > a:before,
#cssmenu > ul > li.has-sub > b:before {
         position: absolute;
         top: 19px;
         right: 14px;
         display: block;
         width: 2px;
         height: 8px;
         background: #dddddd;
         content: '';
         -webkit-transition: all .25s ease;
         -moz-transition: all .25s ease;
         -ms-transition: all .25s ease;
         -o-transition: all .25s ease;
         transition: all .25s ease;
}
#cssmenu > ul > li.has-sub:hover > a:before,
#cssmenu > ul > li.has-sub:hover > b:before {
         top: 23px;
         height: 0;
}

/* Untermenü */
/*************/


#cssmenu ul ul {
         position: absolute;
         left: -9999px;
}
#cssmenu.align-right ul ul {
         text-align: right;
}
#cssmenu ul ul li {
         height: 0;
         -webkit-transition: all .25s ease;
         -moz-transition: all .25s ease;
         -ms-transition: all .25s ease;
         -o-transition: all .25s ease;
         transition: all .25s ease;
}
#cssmenu li:hover > ul {
         left: auto;
}
#cssmenu.align-right li:hover > ul {
         left: auto;
         right: 0;
}
#cssmenu li:hover > ul > li {
         height: 35px;
}
#cssmenu ul ul ul {
         margin-left: 100%;
         top: 0;
}
#cssmenu.align-right ul ul ul {
         margin-left: 0;
         margin-right: 100%;
}

#cssmenu ul ul li a {
         border-bottom: 1px solid rgba(150, 150, 150, 0.15);
         margin-left: -31px;
         padding: 11px 15px;
         width: 170px;
         font-size: 0.8em;
         text-decoration: none;
         color: #dddddd;
         background:  #748223;
}
#cssmenu ul ul li:last-child > a,
#cssmenu ul ul li.last-item > a {
         border-bottom: 0;
}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li a:hover {
         background:  #1e3220; /* dunkelolivgrün */
         color: #ffffff; /*  vorher #ffffff */
}
#cssmenu ul ul li.has-sub > a:after {
         position: absolute;
         top: 16px;
         right: 11px;
         width: 8px;
         height: 2px;
         display: block;
         background: #dddddd;
         content: '';
}
#cssmenu.align-right ul ul li.has-sub > a:after {
         right: auto;
         left: 11px;
}
#cssmenu ul ul li.has-sub > a:before {
         position: absolute;
         top: 13px;
         right: 14px;
         display: block;
         width: 2px;
         height: 8px;
         background: #dddddd;
         content: '';
         -webkit-transition: all .25s ease;
         -moz-transition: all .25s ease;
         -ms-transition: all .25s ease;
         -o-transition: all .25s ease;
         transition: all .25s ease;
}
#cssmenu.align-right ul ul li.has-sub > a:before {
         right: auto;
         left: 14px;
}
#cssmenu ul ul > li.has-sub:hover > a:before {
         top: 17px;
         height: 0;
}

#cssmenu { -webkit-box-shadow: inset 0px 15px 5px -10px rgba(0,0,0,0.25); -moz-box-shadow: inset 0px 15px 5px -10px rgba(0,0,0,0.25); box-shadow: inset 0px 15px 5px -10px rgba(0,0,0,0.25); }
#cssmenu ul { text-align: center; }
#cssmenu ul li { float: none; display: inline-block; text-align: left; }

@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
         #cssmenu {
                 width: 100%;
         }
         #cssmenu ul {
                 width: 100%;
                 display: none;
         }
         #cssmenu.align-center > ul {
                 text-align: left;
         }
         #cssmenu ul li {
                 width: 100%;
                 border-top: 1px solid rgba(120, 120, 120, 0.2);
         }
         #cssmenu ul ul li,
         #cssmenu li:hover > ul > li {
                 height: auto;
         }
         #cssmenu ul li a,
         #cssmenu ul ul li a {
                 width: 100%;
                 border-bottom: 0;
         }
         #cssmenu > ul > li {
                 float: none;
         }
         #cssmenu ul ul li a {
                 padding-left: 15px;
         }
         #cssmenu ul ul ul li a {
                 padding-left: 15px;
         }
         #cssmenu ul ul li a {
                 color: #dddddd;
                 background: none;
         }
         #cssmenu ul ul li:hover > a,
         #cssmenu ul ul li.active > a {
                 color: #ffffff;
         }
         #cssmenu ul ul,
         #cssmenu ul ul ul,
         #cssmenu.align-right ul ul {
                 position: relative;
                 left: 0;
                 width: 100%;
                 margin: 0;
                 text-align: left;
         }
         #cssmenu > ul > li.has-sub > a:after,
         #cssmenu > ul > li.has-sub > a:before,
         #cssmenu ul ul > li.has-sub > a:after,
         #cssmenu ul ul > li.has-sub > a:before {
                 display: none;
         }
         #cssmenu #menu-button {
                 display: block;
                 padding: 17px;
                 color: #dddddd;
                 cursor: pointer;
         }
         #cssmenu #menu-button:after {
                 position: absolute;
                 top: 22px;
                 right: 17px;
                 display: block;
                 height: 4px;
                 width: 20px;
                 border-top: 2px solid #dddddd;
                 border-bottom: 2px solid #dddddd;
                 content: '';
         }
         #cssmenu #menu-button:before {
                 position: absolute;
                 top: 16px;
                 right: 17px;
                 display: block;
                 height: 2px;
                 width: 20px;
                 background: #dddddd;
                 content: '';
         }
         #cssmenu #menu-button.menu-opened:after {
                 top: 23px;
                 border: 0;
                 height: 2px;
                 width: 15px;
                 background: #ffffff;
                 -webkit-transform: rotate(45deg);
                 -moz-transform: rotate(45deg);
                 -ms-transform: rotate(45deg);
                 -o-transform: rotate(45deg);
                 transform: rotate(45deg);
         }
         #cssmenu #menu-button.menu-opened:before {
                 top: 23px;
                 background: #ffffff;
                 width: 15px;
                 -webkit-transform: rotate(-45deg);
                 -moz-transform: rotate(-45deg);
                 -ms-transform: rotate(-45deg);
                 -o-transform: rotate(-45deg);
                 transform: rotate(-45deg);
         }
         #cssmenu .submenu-button {
                 position: absolute;
                 z-index: 99;
                 right: 0;
                 top: 0;
                 display: block;
                 border-left: 1px solid rgba(120, 120, 120, 0.2);
                 height: 46px;
                 width: 46px;
                 cursor: pointer;
         }
         #cssmenu .submenu-button.submenu-opened {
                 background: #1e3220; /*  dunkelolivgrün */
         }
         #cssmenu ul ul .submenu-button {
                 height: 34px;
                 width: 34px;
         }
         #cssmenu .submenu-button:after {
                 position: absolute;
                 top: 22px;
                 right: 19px;
                 width: 8px;
                 height: 2px;
                 display: block;
                 background: #dddddd;
                 content: '';
         }
         #cssmenu ul ul .submenu-button:after {
                 top: 15px;
                 right: 13px;
         }
         #cssmenu .submenu-button.submenu-opened:after {
                 background: #ffffff;
         }
         #cssmenu .submenu-button:before {
                 position: absolute;
                 top: 19px;
                 right: 22px;
                 display: block;
                 width: 2px;
                 height: 8px;
                 background: #dddddd;
                 content: '';
         }
         #cssmenu ul ul .submenu-button:before {
                 top: 12px;
                 right: 16px;
         }
         #cssmenu .submenu-button.submenu-opened:before {
                 display: none;
         }
}

/* Slider */

div[id^="galerie-"] {
         display: block;
         width: 100%;
         height: auto;
         background: rgba(115,130,35,0.1);
}
div[id^="galerie-"] .prev {
         float:left;
         width: 80px;
         height: 600px;
         cursor: pointer;
         background:transparent url(../images/slider_left.png) center center no-repeat;
         border: 0px #000000 solid;
}
div[id^="galerie-"] .prev:hover { background:transparent url(../images/slider_left_hover.png) center center no-repeat; }

div[id^="galerie-"] .next {
         float:right;
         width: 80px;
         height: 600px;
         cursor: pointer;
         background:transparent url(../images/slider_right.png) center center no-repeat;
         border: 0px #000000 solid;
}
div[id^="galerie-"] .next:hover { background:transparent url(../images/slider_right_hover.png) center center no-repeat; }

div[id^="galerie-"] .data {
         float: left;
         margin: 0px 0px;
         padding: 10px;
         width: calc(100% - 160px - 0px);
         text-align: center;
         border: 0px #000000 solid;
         cursor: pointer;
}

div[id^="galerie-"] .data .image_info {
         float: left;
         width: calc(100% - 0px);
         margin: 0px 0px 10px 0px;
}

div[id^="galerie-"] .data .image_info img {
         height: auto;
         width: auto;
         max-height: 580px;
         margin: 0px auto;
         padding: 0px;
         border: 0px #000000 solid;
}

div[id^="galerie-"] .data .image_info span {
         display: inline-block;
         margin: 0px 0px 0px 0px;
         padding: 5px 10px;
         width: auto;
}

div[id^="galerie-"] .dots { display: block; text-align: center; margin: 10px 0px 0px 0px; padding: 0px; border: 0px #000000 solid; }
div[id^="galerie-"] .dots li { display: inline-block; margin: 0px; padding: 0px; list-style: none; cursor: pointer; }
div[id^="galerie-"] .dots button { cursor: pointer; background:#748223; height: 25px; width: 25px; padding: 0px; margin: 5px; border: 0px; text-indent: -9999px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; }
div[id^="galerie-"] .dots li.slick-active button { background: #000000; }


/* SCode */
#scode_box {
         display: inline-block;
         margin: 5px auto;
         padding: 0px;
         width: 300px;
         padding: 0px 0px 0px 0px;
         border: 0px #000000 solid;
         font-size: 0.9em;
}

#scode {
         display: block;
         float: left;
         margin: 0px 0px;
         padding: 0px;
         width: 170px;
         line-height: 10px !important;
         padding: 10px 5px 10px 5px;
}
#scode span, #scode span.black, #scode span.white {
         display: inline-block !important;
         padding: 0px !important;
         margin: 0px !important;
         height: 12px !important;
         width: 7px !important;
         line-height: 10px !important;
         border: 0px #000000 solid;
}

#scode span.black { background-color:#000000; color:#000000; }
#scode span.white { background-color:#E5E5E5; color:#E5E5E5; }
input[name="anfrage_sc"] { width: 100px !important; font-size: 1.9em; float: left !important; margin-top: 0px; }

/* Formulare */
form span { display: block; padding: 0px 10px; margin: 0px; text-align: left; }
input, select, textarea {
         border: 0px rgba(0,0,0,0.0) solid;
         background: rgba(0,0,0,0.1);

         font-family: 'Roboto Condensed';
         font-size: 1.0em;
         color: #000000;

         width: calc(100% - 20px);
         margin: 5px 0px;
         padding: 4px 10px 2px 10px;


         -webkit-border-radius: 3px;
         -moz-border-radius: 3px;
         border-radius: 3px;

         -moz-box-shadow:    inset 2px 2px 3px rgba(0,0,0,0.2);
           -webkit-box-shadow: inset 2px 2px 3px rgba(0,0,0,0.2);
           box-shadow:         inset 2px 2px 3px rgba(0,0,0,0.2);
}
input[type="radio"], input[type="checkbox"] { width: 20px; }
input.error, select.error, textarea.error, .error { border: 2px #DF0000 solid !important; }

input[type="button"], input[type="submit"] {
        cursor: pointer;

         border: 0px #8bca11 solid;
         display: inline-block;

         font-family: 'Roboto Condensed';
         text-align: center;
         font-size: 1.2em;
         font-weight: bold;
         text-shadow: rgba(0,0,0,0.3) 1px 1px 0px;
         color: #FFFFFF;

         padding: 10px 35px 10px 35px;
         margin: 10px 0px 10px 0px;

        background: #748223;

         -webkit-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.15);
        -moz-box-shadow:    0px 3px 0px 0px rgba(0, 0, 0, 0.15);
        box-shadow:         0px 3px 0px 0px rgba(0, 0, 0, 0.15);
         text-decoration:none;

         border: 0px #FFFFFF solid;

         -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
}

input[type="button"]:hover, input[type="submit"]:hover {
         text-shadow: rgba(0,0,0,0.2) 1px 1px 1px;
         color: #FFFFFF;
         background: #000000 !important;
         text-decoration:none;
}

form input[type="checkbox"] { display:none; }
form input[type="checkbox"] + label { width: 50px; height: 20px; border-radius: 20px; border: 2px solid #ddd; background-color: #EEE; display: inline-block; content: ""; float: left; margin-right: 10px; transition: background-color 0.5s linear; margin-top: 0px; }
form input[type="checkbox"] + label:hover { cursor: pointer; }
form input[type="checkbox"] + label::before { width: 16px; height: 16px; border-radius: 16px; background-color: #fff; display: block; content: ""; float: left; margin: 2px 0 0 2px; transition: margin 0.1s linear; }
form input[type="checkbox"]:checked+label{ background-color: #2da820; }
form input[type="checkbox"]:checked+label::before { margin: 2px 0 0 32px; }

form input[type="radio"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; border:none; border-radius: 0; font-size: 1em; }
form input[type="radio"] { width:auto; float:left; margin-right: .75em; background:transparent; border:none; }
form input[type="radio"]:checked, input[type="radio"]:not(:checked) { background: transparent; position: relative; visibility: hidden; margin:0; padding:0; }
form input[type="radio"] + label { cursor: pointer;  margin-top: -5px; }
form input[type="radio"]:checked + label::before, input[type="radio"]:not(:checked) + label::before { content:' '; display:inline-block; width: 20px; height:20px; position: relative; top:4px; border: 1px solid #bbb; background: white; margin-right: 1em; box-shadow: inset 0 1px 1px 0 rgba(0,0,0,.1); }
form input[type="radio"]:checked + label::before, input[type=radio]:not(:checked) + label::before { border-radius: 30px; }
form input[type="radio"]:hover  + label::before { background:#ddd; box-shadow: inset 0 0 0 3px white; }
form input[type="radio"]:checked  + label::before { background: #000000; box-shadow: inset 0 0 0 3px white; }

#box_datenschutz, #box_paket_datenschutz { line-height: 24px; }
div[id^="error_kontakt_"]{ display: inline-block; background-color: #DF0000; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; color: #FFFFFF; padding: 5px 10px; font-size: 0.8em; text-align: center; }

#kontaktform { line-height: 30px; }
#kontaktform label.normal { float: left; width: 220px; }
#kontaktform input[type="radio"] + label { width: 40px; margin: 0px 0px 0px 20px; }
#kontaktform input[type="text"] { float: right; width: calc(100% - 240px); }
#kontaktform .block { float: right; width: calc(100% - 220px); }
#kontaktform input[type="submit"] { float: none; width: calc(100% - 0px); }

#kontaktform .bg_1 { color: #000000; text-align: center; }
#kontaktform .bg_1 .datum { display: block; width: 100%; min-height: 40px; text-align: center; font-size: 1.2em; border: 0px #000000 solid; }
#kontaktform .bg_1 .datum label { float: none; display: inline-block; width: 50px; padding: 5px 5px 0px 5px; border: 0px #000000 solid; }
#kontaktform .bg_1 .datum input { float: none; display: inline-block; padding: 3px 5px; width: 150px; }