/*-- style.css ------------------------------------ */

@import url("reset.css");
@import url("layout.css");
body {
    font-size: 100%;
    font-family: sans-serif;
    color: #666;
    background: #2F2F2F url(../images/background.png) repeat fixed center;
    /*background : #EEE8AA url(../images/background-wooden.png) repeat fixed center;*/
    /*background : #E2E2E2 url(../images/background-lite.png) repeat fixed center;*/
}
a {
    color: #4E4E4E;
    text-decoration: underline;
}
.linkto {
    color: #72B626;
    text-decoration: none;
    font-weight: bold;
}
a:hover {
    color: #282828;
    text-decoration: none;
}
h1,
h2,
h3,
h4 {
    color: #72B626;
    font-weight: bold;
}
h1 {
    font-size: 24px;
}
h2 {
    margin-bottom: 30px;
    font-size: 18px;
}
p+h2 {
    margin-top: 35px;
}
h3 {
    margin-bottom: 25px;
    font-size: 16px;
}
p+h3 {
    margin-top: 30px;
}
h4 {
    margin-bottom: 20px;
    font-size: 14px;
}
p+h4 {
    margin-top: 25px;
}
h5 {
    margin-bottom: 10px;
    font-size: 14px;
}
b,
strong {
    font-weight: bold;
}
em {
    font-style: italic;
}
p {
    margin-bottom: 20px;
}
.alt-slider p {
    margin-bottom: 0px;
}
.alt-slider img {
    margin-bottom: 0px!important;
    margin-top: 20px!important;
}
p+ul,
p+ol {
    margin-top: 20px;
}
ul+p,
ol+p {
    margin-top: 20px;
}
ol ol,
ul ul {
    margin-top: 15px;
    margin-left: 14px;
}
li {
    margin-bottom: 15px;
    margin-left: 20px;
}
ul li {
    list-style: disc outside;
}
ol li {
    list-style: decimal outside;
}
.padding-right {
    padding-right: 20px;
}
.right .padding-right {
    padding-left: 20px;
}
.right .padding-right [class*="col-"] {
    float: left;
}
.fl-right {
    float: right;
}
.text-right {
    text-align: right;
}
.red {
    color: Red;
}
blockquote {
    padding-left: 2%;
    margin-left: 3%;
    font-style: oblique;
    font-size: 13px;
    overflow: hidden;
    margin-bottom: 20px;
    border-left: thick solid #CFCFCF;
}
blockquote p:last-child {
    margin-bottom: 0px;
}
blockquote:before {
    font-size: 20px;
    content: "\f10d";
    font-family: 'FontAwesome';
    float: left;
    margin-right: 10px;
}
#wrapper {
    -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);
    margin: 50px auto 50px auto;
}
.chrome {
    background-color: White;
}
/* --- header ----------------------------------------*/

#header {
    background-color: White;
    padding-top: 40px;
    padding-bottom: 10px;
}
#logo a {
    color: #72b626;
    text-decoration: none;
    font-size: 40px;
}
#logo span {
    position: relative;
    font-size: 13px;
    line-height: 26px;
    padding-left: 8px;
    margin-left: 8px;
    border-left: 1px solid #CFCFCF;
    top: -5px;
}
.top-contact {
    position: relative;
    top: 0px;
}
.phone {
    vertical-align: middle;
    text-align: right;
}
/* --- navigation -------------------------*/

nav {
    background-color: White;
}
nav .col-12 {
    margin-bottom: 0px;
}
#navigation {
    background: #303030;
    display: block;
    width: 100%;
    float: left;
    max-height: 60px;
    position: relative;
}
#navigation ul,
#navigation li {
    list-style: none;
    padding: 0;
    margin: 0;
    display: inline;
}
#navigation ul li {
    float: left;
    position: relative;
    padding-left: 0px;
    background: url(../images/navigation-border.png) no-repeat right 50%;
}
#navigation ul li a {
    display: inline-block;
    color: #fff;
    text-decoration: none;
    padding: 17px 25px;
}
#navigation ul li a:before {
    content: ' '!important;
}
#navigation ul li a:hover {
    background-color: #72b626;
    color: #fff;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}
#navigation .current a {
    background-color: #72b626 !important;
    color: #fff !important;
}
/* --- page title ---------------------------------*/

#page-title {
    border-bottom: 1px solid #e9e9e9;
    display: block;
    margin: 0 0 25px 0;
}
#page-title h1 {
    font-weight: normal;
    padding: 11px 0 26px 0;
}
#bold-line {
    height: 3px;
    width: 100px;
    display: block;
    background: #72b626;
    margin-bottom: -1.8px;
}
/* --- content ------------------------------*/

#content {
    background-color: White;
    padding-top: 20px;
}
.article img {
    margin-bottom: 10px;
    display: block;
}
.article p img {
    float: left;
    margin: 5px 3% 5px 0;
    /*width : 33%!important;*/
}
.article img.fl-right {
    float: right;
    margin: 5px 0 5px 3%;
    width: 33%!important;
}
img.scale-with-grid {
    max-width: 100%;
    height: auto;
}
.haken {
    color: #090;
    font-weight: 700;
}
div.clear {
    clear: both;
    height: 10px
}
/* --- slider -------------------------------------*/

#slider {
    background-color: White;
}
/* --- forms -------------------------------*/

form {
    width: auto!important;
}
textarea {
    width: 400px;
    max-width: 90%!important;
    height: 180px;
    margin: 5px 0 15px 0;
    padding: 8px 10px;
    border: 1px solid #DADADA;
    position: relative;
}
input[type="text"] {
    width: 240px!important;
    max-width: 90%!important;
    margin-bottom: 15px;
    padding: 8px 10px!important;
    border: 1px solid #DADADA;
}
input[type="text"]:focus,
textarea:focus {
    border: 1px solid #A6A6A6;
}
input[type="submit"] {
    padding: 9px 12px!important;
    display: inline-block;
    border: 0px;
    font-weight: bold;
    cursor: pointer;
    width: auto;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    background-color: #72B626;
    color: White;
    text-decoration: none;
}
input[type="submit"]:hover {
    background-color: #aaa;
    color: White;
}
/* --- sidebar -------------------------------------------------*/

#sidebar h3 {
    margin-bottom: 10px;
}
#sidebar .widget {
    margin-bottom: 30px;
}
#sidebar p {
    margin-bottom: 0px;
}
/* --- copy -----------------------------------*/

#copy {
    padding: 20px 0px 6px;
    background: #303030;
}
#copy,
#copy a {
    color: #aaa;
}
#copy img {
    opacity: 0.5;
    margin: 0;
    padding: 0;
}
#copy img:hover {
    opacity: 0.9;
}
#cms {
    margin-left: 10px;
    margin-right: auto;
    width: 31px;
    height: 31px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: relative;
    display: inline-block;
    top: -5px;
    right: 0px;
    background-color: #272727;
}
#cms a {
    display: block;
    width: 20px;
    text-transform: uppercase;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 9px;
    position: absolute;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    text-decoration: none;
    color: #CCCCCC;
}
#cms .gs {
    left: -1px;
    top: -1px;
    background-color: #171717;
}
#cms .ru {
    bottom: -1px;
    right: -1px;
    background-color: #363636;
}
#cms a:hover {
    color: #242424;
    background-color: #EFEFEF;
}
/* --- go to top ------------------------------- */

#gotoTop {
    display: none;
    position: fixed;
    z-index: 150;
    top: 80%;
    right: 1%;
    width: 32px;
    height: 32px;
    transition: background-color .3s linear;
    -moz-transition: background-color .3s linear;
    -webkit-transition: background-color .3s linear;
    -ms-transition: background-color .3s linear;
    -o-transition: background-color .3s linear;
    text-align: center;
    line-height: 30px;
    font-size: 18px;
    background-color: #72B626;
    color: White;
    text-decoration: none;
}
.nummer {
    font-family: Tahoma, Verdana, Arial, sans-serif;
    font-size: 2em;
    text-align: center;
    color: #ffffff;
    padding: 10px 5px 0 5px;
}
.nummer2 {
    font-family: Tahoma, Verdana, Arial, sans-serif;
    font-size: 2em;
    text-align: center;
    color: #3f5665;
    padding: 10px 5px 0 5px;
}
.feld {
    width: 80px;
    height: 80px;
    margin: 10px;
    float: left;
    background-position: center;
    -webkit-border-top-left-radius: 25px;
    -webkit-border-bottom-right-radius: 25px;
    -moz-border-radius-topleft: 25px;
    -moz-border-radius-bottomright: 25px;
    border-top-left-radius: 25px;
    border-bottom-right-radius: 25px;
    box-shadow: 0px 0px 5px grey;
}
.D100 {
    background-color: #25292b;
}
.D106 {
    background-color: #3e5a6c;
}
/*#3d5760*/

.D149 {
    background-color: #525a61;
}
.D155 {
    background-color: #889fb0;
}
.D164 {
    background-color: #3f5665;
}
.D201 {
    background-color: #223856;
}
.D205 {
    background-color: #044ea1;
}
.D209 {
    background-color: #233251;
}
.D210 {
    background-color: #1ecaf8;
}
.D211 {
    background-color: #1fdbee;
}
.D212 {
    background-color: #76c7fd;
}
.D219 {
    background-color: #34349c;
}
.D221 {
    background-color: #007b99;
}
.D246 {
    background-color: #193548;
}
.D250 {
    background-color: #282931;
}
.D256 {
    background-color: #293da8;
}
.D265 {
    background-color: #075196;
}
.D402 {
    background-color: #d32c30;
}
.D406 {
    background-color: #a9202a;
}
.D407 {
    background-color: #fd9cb7;
}
.D408 {
    background-color: #d5222f;
}
.D409 {
    background-color: #a9202a;
}
.D420 {
    background-color: #e12530;
}
.D424 {
    background-color: #fdc6ac;
}
.D425 {
    background-color: #e9bb8c;
}
.D426 {
    background-color: #ff6255;
}
.D427 {
    background-color: #e33333;
}
.D460 {
    background-color: #c21c41;
}
.D463 {
    background-color: #56222d;
}
.D465 {
    background-color: #6d222d;
}
.D467 {
    background-color: #921e39;
}
.D469 {
    background-color: #572d43;
}
.D471 {
    background-color: #b4205a;
}
.D474 {
    background-color: #b81e46;
}
.D488 {
    background-color: #d51b4f;
}
.D603 {
    background-color: #9ecc2b;
}
.D604 {
    background-color: #629f46;
}
.D608 {
    background-color: #118757;
}
.D610 {
    background-color: #00ad4a;
}
.D612 {
    background-color: #118757;
}
.D613 {
    background-color: #629f46;
}
.D615 {
    background-color: #334a38;
}
.D616 {
    background-color: #1b543e;
}
.D617 {
    background-color: #2c8948;
}
.D618 {
    background-color: #74f0d1;
}
.D620 {
    background-color: #007368;
}
.D645 {
    background-color: #4b5037;
}
.D655 {
    background-color: #60623d;
}
.D663 {
    background-color: #2c4539;
}
.D672 {
    background-color: #808143;
}
.D701 {
    background-color: #feea96;
}
.D702 {
    background-color: #ffc214;
}
.D715 {
    background-color: #ffd200;
}
.D716 {
    background-color: #d5db5c;
}
/*daec1b*/

.D717 {
    background-color: #feec00;
}
.D749 {
    background-color: #ebab2c;
}
.D751 {
    background-color: #ffa427;
}
.D757 {
    background-color: #ff4b25;
}
.D764 {
    background-color: #ff7c26;
}
.D766 {
    background-color: #ff7121;
}
.D768 {
    background-color: #fe6123;
}
.D770 {
    background-color: #ff3a1a;
}
.D773 {
    background-color: #f48a27;
}
.D775 {
    background-color: #a94a2b;
}
.D803 {
    background-color: #4b3730;
}
.D806 {
    background-color: #854532;
}
.D807 {
    background-color: #854532;
}
.D809 {
    background-color: #453537;
}
.D811 {
    background-color: #9b5631;
}
.D812 {
    background-color: #48383a;
}
.D813 {
    background-color: #413531;
}
.D814 {
    background-color: #6f442f;
}
.D815 {
    background-color: #be9f6d;
}
.D816 {
    background-color: #c8a76f;
}
.D819 {
    background-color: #b4642e;
}
.D836 {
    background-color: #674331;
}
.D901 {
    background-color: #993c7c;
}
/*#8d2a81*/

.D902 {
    background-color: #652a92;
}
.D903 {
    background-color: #5d2cc8;
}
.D904 {
    background-color: #5f2c84;
}
.D922 {
    background-color: #9e2c6a;
}
/*#ac277f*/

.D923 {
    background-color: #ac277f;
}
.D941 {
    background-color: #c5c4f6;
}
.D959 {
    background-color: #d8a1c4;
}
/*#e6bfee*/

.D961 {
    background-color: #532652;
}
div.clear {
    clear: both;
    height: 10px
}