/* links */
a:link, a:visited {
         font-family: 'PT Sans', sans-serif;
           font-size: 13px;
         color: #19232D;
         font-weight: bold;
         text-decoration: none;
}

a:hover {
         font-family: 'PT Sans', sans-serif;
           font-size: 13px;
         color: #000000;
         font-weight: bold;
         text-decoration: underline;
}

a.button_green, a.button_green:link, a.button_green:visited {
         float: right;
         background: #219900; /* Old browsers */
        background: -moz-linear-gradient(top,  #219900 0%, #20c400 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top,  #219900 0%,#20c400 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom,  #219900 0%,#20c400 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#219900', endColorstr='#20c400',GradientType=0 ); /* IE6-9 */
        border: 1px #219900 solid;

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

         color: #FFFFFF;
         text-shadow: #219900 1px 1px 0px;
         font-size: 1.1em;
         line-height: 1.6em;
         padding: 2px 8px;
         text-decoration: none;
         font-weight: bold;
         text-align: center;
         cursor: pointer;

         -webkit-box-shadow: inset 0px 0px 1px 0px rgba(82, 232, 0, 0.99);
        -moz-box-shadow:    inset 0px 0px 1px 0px rgba(82, 232, 0, 0.99);
        box-shadow:         inset 0px 0px 1px 0px rgba(82, 232, 0, 0.99);
}

a.button_green:hover {
        background: #f2825b; /* Old browsers */
        background: -moz-linear-gradient(top,  #f2825b 0%, #e55b2b 50%, #f07146 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top,  #f2825b 0%,#e55b2b 50%,#f07146 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom,  #f2825b 0%,#e55b2b 50%,#f07146 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2825b', endColorstr='#f07146',GradientType=0 ); /* IE6-9 */

         border: 1px #e55b2b solid;
         color: #FFFFFF;
         text-shadow: #e55b2b 1px 1px 0px;
         text-decoration: none;

         -webkit-box-shadow: inset 0px 0px 1px 0px rgba(250, 165, 140, 0.99);
        -moz-box-shadow:    inset 0px 0px 1px 0px rgba(250, 165, 140, 0.99);
        box-shadow:         inset 0px 0px 1px 0px rgba(250, 165, 140, 0.99);
}

a.button, a.button:link, a.button:visited {
         float: left;
        background: #e0dfd7; /* Old browsers */
        background: -moz-linear-gradient(top,  #e0dfd7 0%, #efeee6 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top,  #e0dfd7 0%,#efeee6 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom,  #e0dfd7 0%,#efeee6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0dfd7', endColorstr='#efeee6',GradientType=0 ); /* IE6-9 */

        border: 1px #e0dfd7 solid;

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

         color: #87867a;
         text-shadow: #FFFFFF 1px 1px 0px;
         font-size: 1.1em;
         line-height: 1.6em;
         padding: 2px 6px;
         text-decoration: none;
         font-weight: bold;
         text-align: center;
         cursor: pointer;

         -webkit-box-shadow: inset 0px 0px 1px 0px rgba(255, 255, 255, 0.99);
        -moz-box-shadow:    inset 0px 0px 1px 0px rgba(255, 255, 255, 0.99);
        box-shadow:         inset 0px 0px 1px 0px rgba(255, 255, 255, 0.99);
}

a.button:hover {
        background: #efeee6; /* Old browsers */
        background: -moz-linear-gradient(top,  #efeee6 0%, #e0dfd7 99%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top,  #efeee6 0%,#e0dfd7 99%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom,  #efeee6 0%,#e0dfd7 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efeee6', endColorstr='#e0dfd7',GradientType=0 ); /* IE6-9 */


         border: 1px #e0dfd7 solid;
         color: #5F5F5F;
         text-shadow: #FFFFFF 1px 1px 0px;
         text-decoration: none;
}

#mehrinfo { text-align: center; margin: 10px 0px 25px 0px; }
#mehrinfo a.button_green, #mehrinfo a.button_green:link, #mehrinfo a.button_green:visited {
         float: none;
         display: inline-block;
         -webkit-border-radius: 6px;
         -moz-border-radius: 6px;
         border-radius: 6px;
         font-size: 1.3em;
         line-height: 1.8em;
         padding: 5px 8px;
}

/* standarts */
body {
        background:#f7f6f3 url(../images/header.jpg) top center no-repeat;

         margin:0;
         padding:0;
         min-width: 320px !important;
         width:100%;
         height:100%;

         font-size: 1.0em;
         font-family: 'PT Sans', sans-serif;
}

.clear { clear:both; }
.pad { padding: 10px 15px; }
.left { float: left; }
.center { text-align: center; }
.right { float: right; }
.justify { text-align: justify; }
.block { display: block; }
.round { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.small { font-size: 0.8em; }
img { border: 0px; }

table { border: 0px; padding: 0px; margin: 0px; cell-padding: 2px; cell-spacing: 2px;}
td { vertical-align:top; text-align: left; }

blockquote { font-size: 18pt; color: #2F2F2F; text-align: center; text-shadow: #FFFFFF 1px 1px 0px; }
blockquote p:before { content: ' „ ' ' '; font-size: 24pt; color: #9F9F9F; font-family: Georgia, serif; }
blockquote p:after { content: ' ' ' “ '; font-size: 24pt; color: #9F9F9F; font-family: Georgia, serif; }

ul, ol { margin: 5px; padding: 5px; }
ul li, ol li { font-size: 1.0em; padding: 2px 5px; }
ul li:nth-child(even), ol li:nth-child(even) { background: #F7F6F3; }
ul li:nth-child(odd), ol li:nth-child(odd) { background: #F7F6F3; }


/* Überschriften */
h1 {
         font-size: 2.1em;
         font-weight: bold;
         text-align:center;
         vertical-align:top;
         color:#CD1709;
         margin: 0px 0px 5px 0px;
         padding: 0px 0px 0px 0px;
         font-family: 'Roboto', sans-serif;
         text-shadow: #FFFFFF 1px 1px 0px;
}

h2 {
         font-size: 1.4em;
         font-weight: bold;
         text-align:center;
         vertical-align:top;
         color: #6C1103;
         margin: 0px 0px 10px 0px;
         padding: 0px 0px 0px 0px;
         font-family: 'Roboto', sans-serif;
         text-shadow: #FFFFFF 1px 1px 0px;
}

h3 {
         display: block;
         font-size: 1.1em;
         font-weight: normal;
         text-align:center;
         vertical-align:top;
         color: #FFFFFF;
         margin: 5px auto 5px auto;
         padding: 2px 5px 2px 10px;
         background: #928d8c;
         font-family: 'Roboto', sans-serif;
}

h4 {
         font-size: 1.3em;
         font-weight: bold;
         text-align:center;
         vertical-align:top;
         color:#5F5F5F;
         margin: 5px 0px 10px 0px;
         padding: 0px 0px 0px 0px;
         text-shadow: #FFFFFF 1px 1px 0px;
}

h5 {
         display: block;
         font-size: 1.2em;
         font-weight: bold;
         text-align:center;
         vertical-align:top;
         color:#5F5F5F;
         margin: 2px 0px 2px 0px;
         padding: 0px 0px 0px 0px;
         background-color:#F8F8F6;
}

#wrapper{
         width: 800px;
        margin: 0px auto;
}

#logo {
         width: 320px;
         margin: 0px 0px 0px 440px;
         padding: 0px 0px 0px 20px;
         border-left: 3px #CD1709 solid;
}

#logo a {
         font-size: 1.8em;
         font-weight: bold;
         text-align:left;
         vertical-align:top;
         color:#CD1709;
         margin: 0px 0px 5px 0px;
         padding: 0px 0px 0px 0px;
         text-shadow: #FFFFFF 1px 1px 0px;
         font-family: 'PT Sans', sans-serif;
         text-shadow: #FFFFFF 1px 1px 0px;
         text-decoration: none;
}

#logo a span {
        display: block;
         font-size: 0.6em;
         font-weight: bold;
         text-align: left;
         vertical-align: top;
         color: #928D8C;
         margin: 10px 0px 5px 0px;
         padding: 0px 0px 0px 0px;
         text-shadow: #FFFFFF 1px 1px 0px;
         font-family: 'Roboto', sans-serif;
         text-shadow: #FFFFFF 1px 1px 0px;
}
#logo a:hover {
        text-decoration: none;
}


#header {
         width: 800px;
         height: 210px;
         text-align: left;
         margin: 0px auto 0px auto;
         padding: 40px 0px 0px 0px;
}

#inhalte {
         width: 800px;
         text-align: left;
         margin: 20px auto 0px auto;
         padding: 0px;
}

#inhalte_startseite {
         width: 800px;
         text-align: left;
         margin: 20px auto 0px auto;
         padding: 0px;
}


/* Footer */
#footer{
         width: 800px;
         margin: 20px auto;
         padding:0px;
         text-align: center;
}

#footer_innen {
        font-size: 0.8em;
        color: #5F5F5F;
        text-align: center;
        padding: 20px 20px 0px 20px;
         border-top: 2px #CD1709 solid;
}

#footer_innen a:link, #footer_innen a:visited, #footer_innen a:hover {
           font-size: 0.9em;
         color: #5F5F5F;
         font-weight: bold;
         text-decoration: none;
}

#footer_innen a:hover {
           font-size: 0.9em;
         color: #CD1709;
         font-weight: bold;
         text-decoration: none;
}

/* items */
.item {
         float: left;
         width: 250px;
         margin: 5px 0px 15px 0px;
         background: #FFFFFF;

         color: #000000;
         font-size: 1.0em;
         font-weight: normal;

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

         -webkit-box-shadow: 0px 0px 6px 0px rgba(168, 168, 168, 0.65);
        -moz-box-shadow:    0px 0px 6px 0px rgba(168, 168, 168, 0.65);
        box-shadow:         0px 0px 6px 0px rgba(168, 168, 168, 0.65);
}

.item:nth-child(3n+1) {
        margin: 5px 25px 15px 25px;
         border: 0px #000000 solid;
}

.item .title {
        display: block;
        padding: 2px 10px 2px 10px;
         height: 50px;
         vertical-align: middle;
}
.item .info {
         height: 160px;
         overflow: hidden;
         padding: 2px 10px 2px 10px;
         font-size: 0.9em;
         text-align: left;
         color: #5F5F5F !important;
}
.item .info i, .item .info b, .item .info u {
         font-style: normal;
         text-decoration: none;
         font-weight: normal;
}
.item ul, .item ol {
        padding: 10px 10px 10px 10px;
}
.item ul li, .item ol li {
        padding: 2px 5px 2px 5px;
         font-style: italic;
         color: #000000;
         overflow: hidden;
         height: 1.5em;
}
.item .buttons {
        padding: 2px 10px 10px 10px;
}

.item ul li i, .item ol li i { font-style: normal; }
.item ul li b, .item ol li b { font-weight: normal; }
.item ul li u, .item ol li u { text-decoration: none; }

/* Boxen */
.contentbox {
         width: 100%;
         margin: 5px auto 15px auto;
         background: #FFFFFF;

         color: #000000;
         font-size: 1.0em;
         font-weight: normal;
}

.contentbox .top {
         display: block;
         margin: 0px;
         padding: 3px 10px;
         background: #575757;
         -webkit-border-top-left-radius: 9px;
        -webkit-border-top-right-radius: 9px;
        -moz-border-radius-topleft: 9px;
        -moz-border-radius-topright: 9px;
        border-top-left-radius: 9px;
        border-top-right-radius: 9px;

         color: #FFFFFF;
         font-size: 1.6em;
         text-align: center;
         font-weight: bold;
         text-shadow: #000000 1px 1px 1px;
}

.contentbox .top2 {
         display: block;
         margin: 0px;
         padding: 3px 10px;
         background: #c3c3c3;
         -webkit-border-top-left-radius: 9px;
        -webkit-border-top-right-radius: 9px;
        -moz-border-radius-topleft: 9px;
        -moz-border-radius-topright: 9px;
        border-top-left-radius: 9px;
        border-top-right-radius: 9px;

         color: #575757;
         font-size: 1.6em;
         text-align: center;
         font-weight: bold;
         text-shadow: #FFFFFF 1px 1px 1px;
}

#anbieter ul, #anbieter ol { margin: 0px; padding: 0px; }
#anbieter ul li, #anbieter ol li { font-size: 1.0em; list-style: none; }
#anbieter ul li:nth-child(even),#anbieter ol li:nth-child(even) { background: #FFFFFF; }
#anbieter ul li:nth-child(odd), #anbieter ol li:nth-child(odd) { background: #EFF1F1; }

img.content { float: left; margin: 0px 10px 10px 0px; }

/*
///////////////////////////////////
        Media-Querys
///////////////////////////////////
*/

@media (max-width: 480px) {
        .item {
                 width: 100% !important;
                 margin: 5px 0px 15px 0px;
        }
        .item:nth-child(2n+1) {
                margin: 5px 0px 15px 0px !important;
        }
         .item .info { max-height: 120px; }
}
@media (max-width: 580px){
        .item img {
                 min-width: 200px;
                 width: inherit;
                 height: auto;
         }

         .item:nth-child(3n+1) {
                margin: 5px 0px 15px 0px;
        }

         .item .buttons { text-align: center !important; padding: 2px 0px 10px 0px; margin: 2px 0px 10px 0px;  }
         .item .buttons a.button, .item .buttons a.button_green {
                 float: none;
                 display: inline-block;
                 width: calc(100% - 40px);
                 text-align: center;
                 margin: 5px 0px !important;
         }

         h1 { font-size: 1.8em;}
}

@media (max-width: 800px){
        body {
                background:#f7f6f3 url(../images/header_mobile.jpg) center 130px no-repeat;
         }
         #header { height: 280px; }
        #wrapper, #header, #inhalte, #inhalte_startseite, #footer { width: calc(100% - 20px); padding: 0px 10px; }
        .item {
                 width: calc(50% - 15px);
                 margin: 5px 0px 15px 0px;
                 text-align: center;
        }
         .item:nth-child(3n+1) {
                margin: 5px 0px 15px 0px;
        }

         .item:nth-child(2n+1) {
                margin: 5px 0px 15px 30px;
                 border: 0px #000000 solid;
        }

         #logo {
                 width: 300px;
                 margin: 0px auto;
                 padding: 0px 0px 0px 0px;
                 border-left: 0px #CD1709 solid;
                 text-align: center;
        }
         #logo a {
                 font-size: 1.6em;
         }
         #logo a span {
                 text-align: center;
         }
}

@media (min-width: 1080px){
        #inhalte, #inhalte_startseite, #footer { width: 1080px; }
        .item {
                 width: calc(25% - 20px);
                 margin: 5px 10px 15px 10px;
                 text-align: center;
        }

         .item:nth-child(3n+1) {
                 margin: 5px 10px 15px 10px;
        }

         .small { padding: 0px 15px;}
}