/* Autor */
#autor {
        color: #000000;
         text-shadow: #FFFFFF 1px 1px 0px;
         margin: 0px 0px 0px 0px;
}

#autor h4 {
        margin: 0px 0px 5px 0px;
         color: #000000;
         text-shadow: #FFFFFF 1px 1px 0px;
}

#autor img {
        float:left;
         margin-right: 20px;
         border-radius: 40px;
            -webkit-border-radius: 40px;
            -moz-border-radius: 40px;
        overflow:hidden;
}


/* BC Navigation */
#breadcrump {
         display: block;
         width: calc(100% - 20px);
         margin: 10px auto;
         padding: 0px 10px;

         font-size: 0.8em;
         color: #FFFFFF;
         font-weight: normal;

         text-shadow: #851500 1px 1px 0px;

}

#breadcrump a:link, #breadcrump a:visited {
         height: 20px;
         font-size: 1.0em;
         color: #FFFFFF;
         font-weight: normal;
         text-decoration:underline;
}
#breadcrump a:hover { color: #FFF8AF; }


/* Kontaktanfrage */
#kontaktform { display: block; text-align: center; width: 100%; }
#kontaktform form { width: 90%; margin: 0px 30px; text-align: center; }
#kontaktform form label { display: none; }
#kontaktform form input, #kontaktform form textarea{ float: right; width: calc(100% - 20px); }

/*
#kontaktform form input.sc, #kontaktform form input.sc.fehler {
         float:left;
         width: 120px !important;
}  */

#kontaktform form input[type="submit"] {
         display: block;
         width: calc(100% - 0px);
         font-size: 1.2em;
}

#kontaktform .datenschutz { margin: 20px 0px; }

#kontaktform input.fehler, #kontaktform select.fehler, #kontaktform textarea.fehler {
         border: 2px #DF0000 solid;
         background-color: #EFEFEF;
         color: #000000;
}

#kontaktform div.fehler {
         border: 2px #DF0000 solid;
         background: #FFFFFF;
         padding: 10px;
}


/* Kommentare */
/*
#kommentare { border: 0px #EFEFEF solid; }
#kommentare #kommentarschreiben.hide { display: none; }
#kommentare .kein_kommentar { background: #EFEFEF; padding: 10px; text-align:center; font-size:1.0em; }

#kommentare .error_info, #kommentare .erfolg_info {
        background: #EFEFEF;
         padding: 10px;
         margin: 0px 0px 10px 0px;
         font-size: 0.9em;
         -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
}

#kommentare .erfolg_info { text-align: center; }
#kommentare .error_info span { color: #DF0000; }

#kommentare h5 { background: #FC7528; margin-bottom: 10px; }

#kommentare h4 {
         font-size: 1.1em;
         font-weight: bold;
         text-align:center;
         margin: 0px 0px 5px 0px;
         padding: 5px 0px 5px 0px;
         vertical-align:top;
         text-shadow: rgba(0,0,0,0.2) 1px 1px 0px;
         text-decoration: none;
}

#kommentare .error_info h4 {
         color:#FFFFFF;
         background: #DF0000;
}

#kommentare .erfolg_info h4 {
         color:#FFFFFF;
         background: #00BF00;
}

.kommentartext1 span, .kommentartext2 span {
         display: block;
         background: #DFDFDF;

         padding: 5px 10px 5px 10px;
         margin: 0px 0px 10px 0px;

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

         font-size: 0.9em;
         color: #000000;
         text-align: left;
         position: relative;
}

.kommentartext1 span:after {
        top: 100%;
        left: 20px;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(223, 223, 223, 0);
        border-top-color: #DFDFDF;
        border-width: 10px;
        margin-left: -10px;
}

.kommentartext2 span {
        background: #EFEFEF;
}

.kommentartext2 span:after {
        top: 100%;
        right: 20px;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(239, 239, 239, 0);
        border-top-color: #EFEFEF;
        border-width: 10px;
        margin-left: -10px;
}

#kommentare .user, #kommentare .user a { font-size: 0.9em; color: #8F8F8F; margin-bottom: 10px; text-align: left; }
#kommentare .kommentartext2 .user, #kommentare .kommentartext2 .user a {
         text-align:right;
}
*/

/* Gutschein Addon */
.gutscheine {
        margin: 0px 10px 2px 10px;
         padding: 5px;
         background: transparent;
         border-bottom: 1px #000000 dashed;
}

h2.gutschein {
         font-family: "Trebuchet MS", Verdana;
         font-size: 16px;
         color: #B31C00;
         font-weight: bold;
         text-align: left;
         margin: 0px 0px 8px 0px;
         padding: 0px 0px 0px 0px;
         vertical-align:top;
         text-shadow: #FFFFFF 1px 1px 0px;
}

.gutscheinanzeigen {
        display: none;
         border: 2px #AB1E03 dashed;
         background:#FFCC31;
         color: #AB1E03;
         font-size: 14pt;
         font-weight:bold;
         padding: 3px 5px;
         margin: 5px 0px;
}

.gutscheinbutton {
        cursor: pointer;
}

/* Matched */
#matched .item {
         display: block;
         margin: 0px 0px 2px 0px;
         padding: 2px 5px;
         color: #000000;
         text-shadow: #FFFFFF 1px 1px 0px;
         font-size: 0.9em;
}

#matched .item:nth-child(odd) { background-color: rgba(0,0,0,0.05); }

/* Seitenanzeige */
#seitenanzeige {
         line-height: 30px;
         padding: 5px 10px;
         text-align: center;
}

#seitenanzeige a:link, #seitenanzeige a:visited {
         display: inline-block;

         font-size: 1.1em;
         color: #FFFFFF;
         font-weight: bold;
         text-decoration:none;
         text-align:center;

         background-color: #831500;
         border: 0px #540D00 solid;

         line-height: 30px;
         min-width: 20px;
         padding: 0px 5px 0px 5px;
         margin: 2px;
}

#seitenanzeige a:hover {
         color: #831500;
         text-decoration:none;
         background-color: #FAE6C4;
         border: 0px #CFCFCF solid;
}

#seitenanzeige div {
         display: inline-block;

         font-size: 1.1em;
         font-weight: bold;
         color: #831500;
         text-decoration:none;
         text-align:center;
         vertical-align:middle;

         background-color: #FAE6C4;
         border: 0px #012154 solid;

         line-height: 30px;
         min-width: 20px;
         padding: 0px 5px 0px 5px;
         margin: 2px;
}

/* SCode */
#scode_box {
         display: inline-block;
         margin: 5px auto;
         padding: 10px;
         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; }


#socialmedia_bar {
         display: block;
         width: calc(100% - 0px);
         height: 30px;
         padding: 0px 0px 0px 0px;
         margin-top: 10px;
}

#socialmedia_bar div {
        float:left;
        height: 30px;
        width: calc(100% / 5);
        line-height: 30px;

         -webkit-transition: all 400ms ease;
          -moz-transition: all 400ms ease;
          -ms-transition: all 400ms ease;
          -o-transition: all 400ms ease;
          transition: all 400ms ease;
          background-size: 30px 30px;
}

#socialmedia_bar div a {
         display: block;

         padding-left: 35px;
         height: 30px;
         line-height: 30px;
         width: calc(100% - 35px);

         font-size: 0.8em;
         color: #FFFFFF;
         font-weight: bold;
         text-align: center;
         text-decoration: none;
         text-shadow: none;
         transition: all 0.1s ease 0s;
         background-size: 30px 30px;
}


#socialmedia_bar div.all {
         background:#EFEFEF;
         padding: 0px;
         text-align: center;
         color: #000000;
         font-weight: bold;
}

#socialmedia_bar div.twitter {
         background:#63c9ef url(../images/sm_icon_2_twitter.png) top left no-repeat;
         background-size: 30px 30px;
}

#socialmedia_bar div.twitter:hover {
         background:#00ACED url(../images/sm_icon_2_twitter.png) top left no-repeat;
         background-size: 30px 30px;
}

#socialmedia_bar div.facebook {
         background:#7093cc url(../images/sm_icon_2_facebook.png) top left no-repeat;
         background-size: 30px 30px;
}
#socialmedia_bar div.facebook:hover {
         background:#3f67a9 url(../images/sm_icon_2_facebook.png) top left no-repeat;
         background-size: 30px 30px;
}

#socialmedia_bar div.mail {
         background:#8b8b8b url(../images/sm_icon_2_mail.png) top left no-repeat;
         background-size: 30px 30px;
}
#socialmedia_bar div.mail:hover {
         background:#6b6b6b url(../images/sm_icon_2_mail.png) top left no-repeat;
         background-size: 30px 30px;
}

#socialmedia_bar div.wa {
         background:#8bd231 url(../images/sm_icon_2_wa.png) top left no-repeat;
         background-size: 30px 30px;
}
#socialmedia_bar div.wa:hover {
         background:#70c700 url(../images/sm_icon_2_wa.png) top left no-repeat;
         background-size: 30px 30px;
}