body {
    font-family: Arial, sans-serif;
    font-size: 14px;
    color: #494949;
    margin: 0px;
    overflow-y: scroll;
    overflow-x: hidden;
    min-height: 101%;
}

#headbg {
    position: absolute;
    width: 100%;
    height: 88px;
    background: #494949;
    z-index: -10;
}

.wrapper {
    width: 100%;
    max-width: 1900px;
    height: auto;
    margin: 0 auto;
}

#head {
    position: fixed;
    width: 101%;
    height: 88px;
    background: #494949;
    margin: 0 0 0 -2px;
    z-index: 20;
}

#logowrapper {
    float: left;
    width: 100%;
    max-width: 325px;
    height: auto;
    margin: 20px 150px 0 50px;
}

#logo {
    width: 100%;
    max-width: 325px;
    height: auto;
}

/* Menue */

#menue {
    float: left;
    width: 100%;
    max-width: 880px;
    height: 88px;
    margin: 0 15px 0 0;
}

#menue ul {
    margin: 0;
}

#menue li {
    list-style: none outside none;
}

#menue a {
    display: block;
    color: #FFF;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    padding: 1em;
}

#menue > ul > li {
    display: inline-block;
}

#menue > ul > li > a {
    height: 48px;
    padding: 40px 8px 0;
}

#menue > ul > li > a:hover, .menu.on  {
    height: 43px !important;
    border-bottom: 5px solid #1a7d3b;
    text-decoration: none;
}

#menue li > ul {
    display: none;
    position: absolute;
    background: rgba(33,33,33,0.8);
}

#menue li:hover > ul {
    display: block;
}

@media (max-width: 1630px) {
    #menue {
        max-width: 800px;
    }

    #menue a {
        font-size: 13px;
    }
}

@media (max-width: 1375px) {
    #loginicon {
        display: none;
    }
}

@media (max-width: 1385px) {
    #loginwrapper {
        display: none;
    }
}

/* mobile Menu */
.fa {
    font-size: 25px !important;
    color: #fff;
    text-align: right;
}

#mobiltitel {
    position: absolute;
    width: 100% !important;
    max-width: 250px !important;
    padding: 20px 15px;
}

#responsive-menu {
    display: none;
    background: #494949;
    width: 100%;
}

#responsive-menu .fa {
    padding: 10px 0 0 10px;
    margin-top: 27px;
    margin-bottom: -15px;
    min-height: 50px;
    cursor: pointer;
    width: 98%;
}

.resmenu, .resmenu:hover, .resmenu_on, .resmenu_on:hover {
    width: 100%;
    padding: 5px;
}

.menu-items a {
    margin-left: 0;
    padding: 5px 0px;
    display: block;
    height: 16px;
    width: 100%;
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
}

.menu-items {
    width: 100% !important;
    position: absolute;
    z-index: 9999;
    display: none;
    margin-left: 0;
    padding-left: 0;
    background: rgba(73,73,73,0.98);
    border-top: 2px solid #1d1d1b;
    border-bottom: 3px solid #1d1d1b;
}

.menu-items ul {
    width: 100% !important;
}

.menu-items li {
    list-style-type: none;
    width: 100% !important;
    border-bottom: 1px solid #000000;
    border-top: 1px solid #51514e;
    padding: 10px;
}

.mobilmenue {
    text-decoration: none !important;
    cursor: default;
}

.mobilsubmenu {
    margin-left: 15px !important;
}

/* Login */
a.login {
	display				: none;
}

#loginwrapper {
    float: left;
    width: 380px;
    height: auto;
}

#loginicon {
    position: relative;
    float: left;
    margin: 10px;
    z-index: 1;
}

#loginbox1 {
    position: relative;
    float: left;
    font-size: 14px;
    color: #fff;
    margin-top: 5px;
    font-weight: normal;
    z-index: 1;
}

#loginbox2 {
    position: relative;
    float: left;
    font-size: 14px;
    color: #fff;
    padding-top: 25px;
    margin: 9px 0 0 5px;
    font-weight: normal;
    z-index: 1;
}

#login {
    position: relative;
    font-size: 20px;
    color: #fff;
    font-weight: normal;
    margin-bottom: 5px;
    text-transform: uppercase;
    z-index: 1;
}

#loginfeld {
    color: #468f22;
    font-weight: bold;
    width: 100%;
    padding: 1px;
    max-width: 120px;
    height: 20px;
}

.go_button {
    position: relative;
    float: left;
    font-family: Arial, sans-serif;
    color: #fff;
    font-weight: bold;
    border: 1px solid rgba(255,255,255,0.6);
    background: #1a7d3b;
    margin: 53px 0 0 5px;
    padding: 1px;
    font-size: 1em;
    z-index: 150;
}

.go_button:hover {
    position: relative;
    float: left;
    font-family: Arial, sans-serif;
    color: #1a7d3b;
    font-weight: bold;
    border: 1px solid #1a7d3b;
    background: #FFFFFF;
    margin: 53px 0 0 5px;
    font-size: 1em;
    cursor: pointer;
    z-index: 150;
}

#loginbg {
    position: relative;
    width: 144px;
    height: 77px;
    right: -150px;
    background: url(../images/loginbg.png) no-repeat;
    z-index: 0;
}

/* Login-Seite*/
#loginseite_wrapper {
	display: inline-block;
}
#loginbox1_seite {
    position: relative;
	display: inline-block;
    font-size: 14px;
    color: #fff;
    margin: 5px 0 35px 0;
    font-weight: normal;
    z-index: 1;
}

#loginbox2_seite {
    position: relative;
	display: inline-block;
    font-size: 14px;
    color: #fff;
    margin: 5px 0 35px 5px;
    font-weight: normal;
    z-index: 1;
}

.go_button_seite {
    position: relative;
	display: inline-block;
    font-family: Arial, sans-serif;
    color: #fff;
    font-weight: bold;
    border: 1px solid rgba(255,255,255,0.6);
    background: #1a7d3b;
	text-align: center;
    margin-left: 0;
    padding: 1px;
    font-size: 1em;
    z-index: 150;
}

.go_button_seite:hover {
    position: relative;
    display: inline-block;
    font-family: Arial, sans-serif;
    color: #1a7d3b;
    font-weight: bold;
    border: 1px solid #1a7d3b;
    background: #FFFFFF;
    margin: 0 0 0 0;
	text-align: center;
    font-size: 1em;
    cursor: pointer;
    z-index: 150;
}

#loginfeld_seite {
    color: #468f22;
    font-weight: bold;
    width: 100%;
    padding: 1px;
    max-width: 120px;
    height: 20px;
}


/* Headbild */
#headbildwrapper {
    position: relative;
    width: 100%;
    max-width: 1900px;
    max-height: 608px;
    padding-top: 88px;
}

#headbildwrappermobil {
    display: none !important;
}

#headgrafikwrapper {
    position: relative;
}

#socialmediawrapper {
    display: inline-block;
    color: #fff;
    width: auto;
    padding: 20px 0 0 20%;
}

.fb-like {
    display: inline-block;
    margin-bottom: 5px;
}

.maparea {
    position: realtive;
    z-index: 120;
}

.maparea:hover {
    position: absolute;
    background: red;
    z-index: 120;
}

#headgrafik {
    position: absolute;
    width: 100%;
    max-width: 1063px;
    height: auto;
    margin: 100px 400px;
}

#headkontaktwrappermobil {
    display: none;
    float: right;
    width: 100%;
    max-width: 250px;
    min-height: 250px;
    text-align: center;
    background: rgba(73,73,73,0.7);
    border-radius: 25px;
}

#headkontaktwrapper {
    position: absolute;
    right: 140px;
    bottom: 140px;
    width: 100%;
    max-width: 250px;
    min-height: 250px;
    text-align: center;
    background: rgba(73,73,73,0.7);
    border-radius: 25px;
}

#kontakttext {
    font-size: 15px;
    color: #fff;
    text-align: center;
}

#headkontakt {
    position: relative;
    width: 100%;
    max-width: 150px;
    height: auto;
    border-radius: 100%;
}

#kontaktgerd {
    color: #fff;
    text-align: center;
}

#phonecontent {
    font-size: 25px;
    color: #fff;
    text-align: center;
    font-weight: bold;
    margin: -10px 0 -10px 0;
}

#phone {
    background: none;
    color: #fff;
    font-size: 20px !important;
    margin-right: 5px;
}

#headbild {
    width: 101%;
    max-width: 1903px;
    height: auto;
    margin-left: -2px;
    border-bottom: 15px solid #1a7d3b;
}

/* Widget */
#widgetwrapper {
    font-size: 15px;
    width: 100%;
    min-height: 300px;
    max-width: 1685px;
    margin: 30px auto 200px auto;
}

#textwidget {
    width: 90%;
    padding: 0 5%;
}

#widget1 {
    position: relative;
    float: left;
    margin-right: 25px;
    width: 100%;
    max-width: 400px;
    height: 470px;
}

#widget2 {
    position: relative;
    float: left;
    margin-right: 25px;
    width: 100%;
    max-width: 400px;
    height: 470px;
}

#widget3 {
    position: relative;
    float: left;
    margin-right: 25px;
    width: 100%;
    max-width: 400px;
    height: 470px;
}

#widget4 {
    position: relative;
    float: left;
    width: 100%;
    max-width: 400px;
    height: 470px;
}

#widgetbild {
    width: 100%;
    max-width: 400px;
    height: auto;
}

#icon {
    margin: 5px 15px 5px 75px;
}

#widgettitel {
    position: relative;
    font-size: 18px;
    font-weight: bold;
    color: #1a7d3b;
    bottom: 17px;
}

#mehrbutton1 {
    position: absolute;
    float: left;
    width: 100%;
    line-height: 30px;
    color: #fff;
    text-align: center;
    background: #494949;
    bottom: 0;
}

#mehrbutton1:hover {
    color: #fff;
    background: #1a7d3b;
}

#mehrbutton2 {
    position: absolute;
    width: 100%;
    line-height: 30px;
    color: #fff;
    text-align: center;
    background: #494949;
    bottom: 0;
}

#mehrbutton2:hover {
    color: #fff;
    background: #1a7d3b;
}

#mehrbutton3 {
    position: absolute;
    width: 100%;
    line-height: 30px;
    color: #fff;
    text-align: center;
    background: #494949;
    bottom: 0;
}

#mehrbutton3:hover {
    color: #fff;
    background: #1a7d3b;
}

#mehrbutton4 {
    position: absolute;
    width: 100%;
    line-height: 30px;
    color: #fff;
    text-align: center;
    background: #494949;
    bottom: 0;
}

#mehrbutton4:hover {
    color: #fff;
    background: #1a7d3b;
}

/* Widget 2 */
#widgetmorewrapper {
    font-size: 20px;
    width: 100%;
    height: auto;
    max-width: 950px;
    margin: 30px auto;
}

#stellentitel {
    font-size: 26px;
    text-transform: uppercase;
}

#wiebe {
    font-size: 26px;
    font-weight: bold;
    text-transform: uppercase;
}

#stellenangebote {
    display: inline-block;
    float: left;
    width: 100%;
    max-width: 406px;
    height: auto;
    margin-bottom: 40px;
}

#kontakttitel {
    font-size: 26px;
}

#kontakt {
    display: inline-block;
    float: right;
    width: 100%;
    max-width: 306px;
    height: auto;
    margin-bottom: 40px;
}

.mehrbutton {
    width: 173px;
    height: 57px;
    color: #fff;
    padding: 15px 50px 15px 90px;
    background: url(../images/mehrbutton.png) no-repeat;
}

.mehrbutton:hover {
    width: 173px;
    height: 57px;
    color: #fff;
    padding: 15px 50px 15px 90px;
    background: url(../images/mehrbutton_hover.png) no-repeat;
}

/* Newsletter */
#newsletterwrapper {
    font-size: 20px;
    color: #fff;
    width: 100%;
    height: auto;
    max-width: 945px;
    margin: 30px auto;
    background: #2a2a2a;
    border: 3px solid #1a7d3b;
    clear: both;
}

#newslettertext {
    display: inline-block;
    width: 100%;
    max-width: 300px;
    height: auto;
    margin: 10px 100px 10px 10px;
}

#newslettereingabe {
    display: inline-block;
    width: 100%;
    max-width: 230px;
    height: auto;
    margin: 10px;
}

#namefeld {
    width: 100%;
    max-width: 230px;
    height: 21px;
}

#datenschutz {
    display: inline-block;
    font-size: 13px;
    width: 100%;
    max-width: 170px;
    text-align: left;
    height: auto;
    margin: 0 0 0 10px;
}

.datenschutzlink {
    color: #fff;
    text-decoration: underline;
}

.datenschutzlink:hover {
    color: #1a7d3b;
}

#aktzeptiert {
    margin: 7px 0 0 7px;
}

.newsletter_go_button {
    font-family: Arial, sans-serif;
    color: #fff;
    font-weight: bold;
    border: 1px solid rgba(255,255,255,0.6);
    background: #1a7d3b;
    margin-left: 25px;
    padding: 1px;
    font-size: 1em;
}

.newsletter_go_button:hover {
    font-family: Arial, sans-serif;
    color: #1a7d3b;
    font-weight: bold;
    border: 1px solid #1a7d3b;
    background: #FFFFFF;
    margin-left: 25px;
    font-size: 1em;
    cursor: pointer;
}

hr {
    height: 1px;
    width: 100%;
    background: rgba(33,33,33,0.2);
}

/* all */
::-webkit-input-placeholder {
    color: #106c2f;
    font-size: 13px;
    font-weight: bold;
}

::-moz-placeholder {
    color: #106c2f;
    font-size: 13px;
    font-weight: bold;
} /* firefox 19+ */
:-ms-input-placeholder {
    color: #106c2f;
    font-size: 13px;
    font-weight: bold;
} /* ie */
input:-moz-placeholder {
    color: #106c2f;
    font-size: 13px;
    font-weight: bold;
}

#newslettercontentwrapper {
    float: left;
    width: 100%;
}

#newsletterlinks {
    display: inline-block;
    float: left;
    width: 45%;
}

#newsletterrechts {
    display: inline-block;
    float: left;
    width: 45%;
    clear: both;
}

/* Inhalt */
#content {
    float: left;
}

#content2 {
    width: 100%;
    max-width: 1024px;
    margin: 30px auto;
}

#content2links {
    float: left;
    width: 50%;
    max-width: 471px;
    padding: 0 15px 0 15px;
    background: #e5e5e5;
    min-height: 1950px;
    border: 1px solid #106c2f;
}

#content2rechts {
    float: left;
    width: 50%;
    max-width: 470px;
    padding: 0 15px 0 15px;
    min-height: 1950px;
    background: #dadada;
    border: 1px solid #106c2f;
    border-left: 0px;
}

#lwrapper {
    margin: 0 auto;
}

#deuragwrapper {
    float: left;
    max-width: 200px;
    text-align: center;
    background: #ececec;
    border-radius: 15px;
}

#reiseversicherungwrapper {
    float: right;
    width: 240px;
    text-align: center;
    background: #ececec;
    padding: 0 7px 12px 0;
    border-radius: 15px;
}

#content3 {
    width: 100%;
    max-width: 1024px;
    margin: 30px auto;
}

#portalanzeigewrapper {
    width: 100%;
    max-width: 500px;
    height: auto;
    float: left;
    margin: 5px 5px 10px 0;
}

#portalanzeigebild {
    width: 100%;
    max-width: 500px;
    height: auto;
}


/* Footer */
#footerbildwrapper {
    position: relative;
    width: 100%;
    max-width: 1900px;
    height: 374px;
    clear: both;
}

#footerbildtext {
    position: absolute;
    color: #fff;
    font-size: 38px;
    width: 100%;
    max-width: 500px;
    height: auto;
    margin: 210px 490px;
}

#footerberater {
    position: absolute;
    top: 130px;
    right: 30px;
    width: 100%;
    max-width: 350px;
    height: auto;
}

#footerbild {
    width: 101%;
    max-width: 1903px;
    height: auto;
    margin-left: -2px;
}

#footer {
    width: 101%;
    max-width: 1903px;
    height: 100px;
    margin-top: 20px;
    margin-left: -2px;
    text-align: center;
    background: #2a2a2a;
}

#fobox1 {
    display: inline-block;
    color: #fff;
    width: 15%;
    padding: 17px 0;
}

#fobox2 {
    display: inline-block;
    color: #fff;
    width: 15%;
    padding: 17px 0;
}

#fobox3 {
    display: inline-block;
    color: #fff;
    width: 15%;
    padding: 17px 0;
}

#fobox4 {
    display: inline-block;
    color: #fff;
    width: auto;
    padding: 17px 0;
}

a.footerlink {
    position: relative;
    color: #fff;
    z-index: 300;
}

a.footerlink:hover, a.footerlink_on, a.footerlink_on:hover {
    color: #fff;
    text-decoration: underline;
}

#portalbildwrapper {
    width: 100%;
    max-width: 450px;
    height: auto;
    display: inline-block;
    margin: 5px 5px 10px 0;
}

#portalbildwrapperhandel {
    width: 100%;
    max-width: 150px;
    height: auto;
    display: inline-block;
    margin: 5px 50px 10px 50px;
}

#portalhandelbild {
    width: 100%;
    height: auto;
    border-radius: 100%;
}

#portalbildwrapperleistungen {
    width: 100%;
    max-width: 100px;
    height: auto;
    display: inline-block;
    margin: 5px 0 10px 40px;
    clear: both;
}

#portalleistungenbild {
    width: 100%;
    max-width: 100px;
    height: auto;
    border-radius: 100%;
}

#portalbildwrapperfinanzierung {
    width: 100%;
    max-width: 150px;
    height: auto;
    float: right;
    margin: -30px 0 50px 50px;
    clear: both;
}

#portalfinanzierungbild {
    width: 100%;
    max-width: 150px;
    height: auto;
    border-radius: 100%;
}

#portalbildwrapperkostenoptimierung {
    width: 100%;
    max-width: 70px;
    height: auto;
    display: inline-block;
    margin: 5px 65px 10px 65px;
    clear: both;
}

#portaloptimierungbild {
    width: 100%;
    max-width: 150px;
    height: auto;
    border-radius: 100%;
}

.immolist {
    width: 100%;
    max-width: 985px;
    border-top: 1px solid #1a7d3b;
    border-bottom: 1px solid #1a7d3b;
    padding: 2%;
    margin-bottom: 15px;
    min-height: 0;
    color: #1a7d3b;
    background: #f5f5f5;
    float: left;
}

.immoul1 {
    float: left;
    font-size: 16px;
    font-weight: bold;
    margin-left: 55px;
}

.immoul2 {
    float: left;
    font-size: 16px;
    margin-left: 180px;
    font-weight: bold;
}

.immoul3 {
    float: left;
    font-size: 16px;
    margin-left: 180px;
    font-weight: bold;
}

#qr {
    float: right;
    width: 100%;
    max-width: 200px;
    height: auto;
}

* {
    margin: 0;
    padding: 0;
    border: 0;
}

table {
    border-spacing: 0;
}

td {
    font-family: Arial, sans-serif;
    color: #333333;
    vertical-align: top;
}

p {
    margin: 1em 0;
}

div {
    text-align: justify;
}

h1 {
    font-size: 20px;
    color: #1a7d3b;
    margin-bottom: 1em;
    font-weight: bold;
}

h2 {
    font-size: 18px;
    color: #333333;
    margin: 1em 0;
    font-weight: bold;
}

h3 {
    font-size: 16px;
    color: #333333;
    margin: 1em 0;
    font-weight: bold;
}

#breadsign {
    font-size: 14px !important;
    color: #1a7d3b;
    background: none;
    margin-right: 5px;
}

#breadcrumb {
    font-size: 12px;
    color: #555;
    margin: 10px 0 30px 0;
    font-weight: normal;
    border-bottom: 1px solid #999;
}

a {
    color: #1a7d3b;
    font-weight: bold;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

img {
    border: none;
}

#get {
    background: url(http://http-get.de/get.gif) no-repeat;
}

ul {
    margin-left: 1.3em;
}

/* Kontaktformular */

#kontaktlinks {
    float: left;
    width: 47%;
}

#kontaktrechts {
    float: right;
    width: 47%;
}

#Nachricht {
    max-height: 128px;
}

textarea, input, select, input {
    font-family: Arial, sans-serif;
    color: #333333;
    border: 1px solid #aeaeae;
    background: #fff;
    margin: 1px 0;
    font-size: 1em;
    padding: 5px;
}

input.error, select.error, textarea.error {
    border: 1px solid #FF0000;
    background-color: #FFFCE2;
}

/*für den IE*/
input[type=radio] {
    padding: 0px;
    background: 0px;
    border: 1px;
}

.button {
    font-family: Arial, sans-serif;
    color: #fff;
    border: 0px;
    background: #494949;
    margin: 1px 0 15px 0;
    font-size: 13px;
    font-weight: bold;
    padding: 10px 20px;
    border-radius: 25px;
    float: right;
}

.button:hover {
    font-family: Arial, sans-serif;
    color: #fff;
    border: 0px;
    background: #1a7d3b;
    margin: 1px 0 15px 0;
    font-size: 13px;
    cursor: pointer;
}

@media (max-width: 1800px) {
    #logowrapper {
        float: left;
        width: 100%;
        max-width: 300px;
        height: auto;
        margin: 25px 50px 0 50px;
    }

    #logo {
        width: 100%;
        max-width: 300px;
        height: auto;
    }
}

@media (max-width: 1770px) {
    #logowrapper {
        float: left;
        width: 100%;
        max-width: 250px;
        height: auto;
        margin: 30px 50px 0 50px;
    }

    #logo {
        width: 100%;
        max-width: 250px;
        height: auto;
    }
}

@media (max-width: 1720px) {
    /* Widget */
    #widgetwrapper {
        font-size: 15px;
        width: 100%;
        min-height: 300px;
        max-width: 1685px;
        margin: 30px auto 200px auto;
    }

    #textwidget {
        width: 90%;
        padding: 0 5%;
    }

    #widget1 {
        position: relative;
        float: left;
        margin-right: 25px;
        width: 100%;
        max-width: 400px;
        height: 470px;
    }

    #widget2 {
        position: relative;
        float: left;
        margin-right: 25px;
        width: 100%;
        max-width: 400px;
        height: 470px;
    }

    #widget3 {
        position: relative;
        float: left;
        margin-right: 25px;
        width: 100%;
        max-width: 400px;
        height: 470px;
    }

    #widget4 {
        position: relative;
        float: left;
        width: 100%;
        max-width: 400px;
        height: 470px;
    }

    #widgetbild {
        width: 100%;
        max-width: 400px;
        height: auto;
    }

    #icon {
        margin: 5px 15px 5px 75px;
    }

    #widgettitel {
        position: relative;
        font-size: 18px;
        font-weight: bold;
        color: #1a7d3b;
        bottom: 17px;
    }

    #mehrbutton1 {
        position: absolute;
        float: left;
        width: 100%;
        line-height: 30px;
        color: #fff;
        text-align: center;
        background: #494949;
        bottom: 0;
    }

    #mehrbutton1:hover {
        color: #fff;
        background: #1a7d3b;
    }

    #mehrbutton2 {
        position: absolute;
        width: 100%;
        line-height: 30px;
        color: #fff;
        text-align: center;
        background: #494949;
        bottom: 0;
    }

    #mehrbutton2:hover {
        color: #fff;
        background: #1a7d3b;
    }

    #mehrbutton3 {
        position: absolute;
        width: 100%;
        line-height: 30px;
        color: #fff;
        text-align: center;
        background: #494949;
        bottom: 0;
    }

    #mehrbutton3:hover {
        color: #fff;
        background: #1a7d3b;
    }

    #mehrbutton4 {
        position: absolute;
        width: 100%;
        line-height: 30px;
        color: #fff;
        text-align: center;
        background: #494949;
        bottom: 0;
    }

    #mehrbutton4:hover {
        color: #fff;
        background: #1a7d3b;
    }

    #logowrapper {
        float: left;
        width: 100%;
        max-width: 230px;
        height: auto;
        margin: 30px 50px 0 50px;
    }

    #logo {
        width: 100%;
        max-width: 230px;
        height: auto;
    }

    /* Login */
    #loginwrapper {
        float: left;
        width: 380px;
        height: auto;
    }

    #loginicon {
        position: relative;
        float: left;
        margin: 10px;
        z-index: 1;
    }

    #loginbox1 {
        position: relative;
        float: left;
        font-size: 14px;
        color: #fff;
        margin-top: 5px;
        font-weight: normal;
        z-index: 1;
    }

    #loginbox2 {
        position: relative;
        float: left;
        font-size: 14px;
        color: #fff;
        padding-top: 25px;
        margin: 9px 0 0 5px;
        font-weight: normal;
        z-index: 1;
    }

    #login {
        position: relative;
        font-size: 20px;
        color: #fff;
        font-weight: normal;
        margin-bottom: 5px;
        text-transform: uppercase;
        z-index: 1;
    }

    #loginfeld {
        color: #468f22;
        font-weight: bold;
        width: 100%;
        padding: 1px;
        max-width: 120px;
        height: 20px;
    }

    .go_button {
        float: left;
        font-family: Arial, sans-serif;
        color: #fff;
        font-weight: bold;
        border: 1px solid rgba(255,255,255,0.6);
        background: #1a7d3b;
        margin: 53px 0 0 5px;
        padding: 1px;
        font-size: 1em;
    }

    .go_button:hover {
        float: left;
        font-family: Arial, sans-serif;
        color: #1a7d3b;
        font-weight: bold;
        border: 1px solid #1a7d3b;
        background: #FFFFFF;
        margin: 53px 0 0 5px;
        font-size: 1em;
        cursor: pointer;
    }

    #loginbg {
        position: relative;
        width: 144px;
        height: 77px;
        right: -150px;
        background: url(../images/loginbg.png) no-repeat;
        z-index: 0;
    }

    #content2 {
        width: 100%;
        max-width: 1024px;
        margin: 0 auto;
    }

    #content3 {
        width: 100%;
        max-width: 1024px;
        margin: 0 auto;
    }
}

@media (max-width: 1692px) {
    /* Widget */
    #widgetwrapper {
        font-size: 15px;
        width: 100%;
        min-height: 300px;
        max-width: 95%;
        margin: 30px auto 200px auto;
    }

    #textwidget {
        width: 90%;
        padding: 0 5%;
    }

    #widget1 {
        position: relative;
        float: left;
        margin-right: 25px;
        width: 100%;
        max-width: 350px;
        height: 470px;
    }

    #widget2 {
        position: relative;
        float: left;
        margin-right: 25px;
        width: 100%;
        max-width: 350px;
        height: 470px;
    }

    #widget3 {
        position: relative;
        float: left;
        margin-right: 25px;
        width: 100%;
        max-width: 350px;
        height: 470px;
    }

    #widget4 {
        position: relative;
        float: left;
        width: 100%;
        max-width: 350px;
        height: 470px;
    }

    #widgetbild {
        width: 100%;
        max-width: 350px;
        height: auto;
    }

    #icon {
        margin: 5px 15px 5px 55px;
    }

    #widgettitel {
        position: relative;
        font-size: 18px;
        font-weight: bold;
        color: #1a7d3b;
        bottom: 17px;
    }

    #mehrbutton1 {
        position: absolute;
        float: left;
        width: 100%;
        line-height: 30px;
        color: #fff;
        text-align: center;
        background: #494949;
        bottom: 0;
    }

    #mehrbutton1:hover {
        color: #fff;
        background: #1a7d3b;
    }

    #mehrbutton2 {
        position: absolute;
        width: 100%;
        line-height: 30px;
        color: #fff;
        text-align: center;
        background: #494949;
        bottom: 0;
    }

    #mehrbutton2:hover {
        color: #fff;
        background: #1a7d3b;
    }

    #mehrbutton3 {
        position: absolute;
        width: 100%;
        line-height: 30px;
        color: #fff;
        text-align: center;
        background: #494949;
        bottom: 0;
    }

    #mehrbutton3:hover {
        color: #fff;
        background: #1a7d3b;
    }

    #mehrbutton4 {
        position: absolute;
        width: 100%;
        line-height: 30px;
        color: #fff;
        text-align: center;
        background: #494949;
        bottom: 0;
    }

    #mehrbutton4:hover {
        color: #fff;
        background: #1a7d3b;
    }

    #headgrafik {
        position: absolute;
        width: 100%;
        max-width: 1000px;
        height: auto;
        margin: 100px 300px;
    }
}

@media (max-width: 1630px) {
    #headgrafik {
        position: absolute;
        width: 100%;
        max-width: 950px;
        height: auto;
        margin: 100px 300px;
    }

    #logowrapper {
        float: left;
        width: 100%;
        max-width: 230px;
        height: auto;
        margin: 30px 50px 0 50px;
    }

    #logo {
        width: 100%;
        max-width: 230px;
        height: auto;
    }
	
	/* Menue */

	#menue {
		float: left;
		width: 100%;
		max-width: 800px;
		height: 88px;
		margin: 0 15px 0 0;
	}
	
	#menue ul {
		margin: 0;
	}
	
	#menue li {
		list-style: none outside none;
	}
	
	#menue a {
		display: block;
		color: #FFF;
		text-transform: uppercase;
		font-size: 13px;
		font-weight: bold;
		padding: 1em;
	}
	
	#menue > ul > li {
		display: inline-block;
	}
	
	#menue > ul > li > a {
		height: 48px;
		padding: 40px 7px 0;
	}
	
	#menue > ul > li > a:hover, .menu.on  {
		height: 43px !important;
		border-bottom: 5px solid #1a7d3b;
		text-decoration: none;
	}
	
	#menue li > ul {
		display: none;
		position: absolute;
		background: rgba(33,33,33,0.8);
	}
	
	#menue li:hover > ul {
		display: block;
	}

    /* Login */
    #loginwrapper {
        float: left;
        width: 360px;
        height: auto;
    }

    #loginicon {
        position: relative;
        float: left;
        margin: 10px;
        z-index: 1;
    }

    #loginbox1 {
        position: relative;
        float: left;
        font-size: 14px;
        color: #fff;
        margin-top: 5px;
        font-weight: normal;
        z-index: 1;
    }

    #loginbox2 {
        position: relative;
        float: left;
        font-size: 14px;
        color: #fff;
        padding-top: 25px;
        margin: 9px 0 0 5px;
        font-weight: normal;
        z-index: 1;
    }

    #login {
        position: relative;
        font-size: 20px;
        color: #fff;
        font-weight: normal;
        margin-bottom: 5px;
        text-transform: uppercase;
        z-index: 1;
    }

    #loginfeld {
        color: #468f22;
        font-weight: bold;
        width: 100%;
        padding: 1px;
        max-width: 120px;
        height: 20px;
    }

    .go_button {
        float: left;
        font-family: Arial, sans-serif;
        color: #fff;
        font-weight: bold;
        border: 1px solid rgba(255,255,255,0.6);
        background: #1a7d3b;
        margin: 53px 0 0 5px;
        padding: 1px;
        font-size: 1em;
    }

    .go_button:hover {
        float: left;
        font-family: Arial, sans-serif;
        color: #1a7d3b;
        font-weight: bold;
        border: 1px solid #1a7d3b;
        background: #FFFFFF;
        margin: 53px 0 0 5px;
        font-size: 1em;
        cursor: pointer;
    }

    #loginbg {
        position: relative;
        width: 144px;
        height: 77px;
        right: -150px;
        background: url(../images/loginbg.png) no-repeat;
        z-index: 0;
    }

    #content2 {
        width: 100%;
        max-width: 1024px;
        margin: 0 auto;
    }

    #content3 {
        width: 100%;
        max-width: 1024px;
        margin: 0 auto;
    }
}

@media (max-width: 1570px) {
    /* Widget */
    #widgetwrapper {
        font-size: 15px;
        width: 100%;
        min-height: 300px;
        max-width: 1300px;
        margin: 30px auto 200px auto;
    }

    #textwidget {
        width: 90%;
        padding: 0 5%;
    }

    #widget1 {
        position: relative;
        float: left;
        margin-right: 25px;
        width: 100%;
        max-width: 300px;
        height: 470px;
    }

    #widget2 {
        position: relative;
        float: left;
        margin-right: 25px;
        width: 100%;
        max-width: 300px;
        height: 470px;
    }

    #widget3 {
        position: relative;
        float: left;
        margin-right: 25px;
        width: 100%;
        max-width: 300px;
        height: 470px;
    }

    #widget4 {
        position: relative;
        float: left;
        width: 100%;
        max-width: 300px;
        height: 470px;
    }

    #widgetbild {
        width: 100%;
        max-width: 350px;
        height: auto;
    }

    #icon {
        margin: 5px 15px 5px 35px;
    }

    #widgettitel {
        position: relative;
        font-size: 18px;
        font-weight: bold;
        color: #1a7d3b;
        bottom: 17px;
    }

    #mehrbutton1 {
        position: absolute;
        float: left;
        width: 100%;
        line-height: 30px;
        color: #fff;
        text-align: center;
        background: #494949;
        bottom: 0;
    }

    #mehrbutton1:hover {
        color: #fff;
        background: #1a7d3b;
    }

    #mehrbutton2 {
        position: absolute;
        width: 100%;
        line-height: 30px;
        color: #fff;
        text-align: center;
        background: #494949;
        bottom: 0;
    }

    #mehrbutton2:hover {
        color: #fff;
        background: #1a7d3b;
    }

    #mehrbutton3 {
        position: absolute;
        width: 100%;
        line-height: 30px;
        color: #fff;
        text-align: center;
        background: #494949;
        bottom: 0;
    }

    #mehrbutton3:hover {
        color: #fff;
        background: #1a7d3b;
    }

    #mehrbutton4 {
        position: absolute;
        width: 100%;
        line-height: 30px;
        color: #fff;
        text-align: center;
        background: #494949;
        bottom: 0;
    }

    #mehrbutton4:hover {
        color: #fff;
        background: #1a7d3b;
    }
}

@media (max-width: 1525px) {
    #logowrapper {
        float: left;
        width: 100%;
        max-width: 210px;
        height: auto;
        margin: 30px 50px 0 30px;
    }

    #logo {
        width: 100%;
        max-width: 210px;
        height: auto;
    }

    /* Login */
    #loginwrapper {
        float: left;
        width: 360px;
        height: auto;
    }

    #loginicon {
        position: relative;
        float: left;
        margin: 10px;
        z-index: 1;
    }

    #loginbox1 {
        position: relative;
        float: left;
        font-size: 14px;
        color: #fff;
        margin-top: 5px;
        font-weight: normal;
        z-index: 1;
    }

    #loginbox2 {
        position: relative;
        float: left;
        font-size: 14px;
        color: #fff;
        padding-top: 25px;
        margin: 9px 0 0 5px;
        font-weight: normal;
        z-index: 1;
    }

    #login {
        position: relative;
        font-size: 20px;
        color: #fff;
        font-weight: normal;
        margin-bottom: 5px;
        text-transform: uppercase;
        z-index: 1;
    }

    #loginfeld {
        color: #468f22;
        font-weight: bold;
        width: 100%;
        padding: 1px;
        max-width: 110px;
        height: 20px;
    }

    .go_button {
        float: left;
        font-family: Arial, sans-serif;
        color: #fff;
        font-weight: bold;
        border: 1px solid rgba(255,255,255,0.6);
        background: #1a7d3b;
        margin: 53px 0 0 5px;
        padding: 1px;
        font-size: 1em;
    }

    .go_button:hover {
        float: left;
        font-family: Arial, sans-serif;
        color: #1a7d3b;
        font-weight: bold;
        border: 1px solid #1a7d3b;
        background: #FFFFFF;
        margin: 53px 0 0 5px;
        font-size: 1em;
        cursor: pointer;
    }

    #loginbg {
        position: relative;
        width: 144px;
        height: 77px;
        right: -150px;
        background: url(../images/loginbg.png) no-repeat;
        z-index: 0;
    }

    #content2 {
        width: 100%;
        max-width: 1024px;
        margin: 0 auto;
    }

    #content3 {
        width: 100%;
        max-width: 1024px;
        margin: 0 auto;
    }

    #footerbildtext {
        position: absolute;
        color: #fff;
        font-size: 30px;
        width: 100%;
        max-width: 500px;
        height: auto;
        margin: 200px 450px;
    }

    #footerberater {
        position: absolute;
        top: 100px;
        right: 50px;
        width: 100%;
        max-width: 350px;
        height: auto;
    }

    #footer {
        width: 101%;
        max-width: 1903px;
        height: 100px;
        margin-top: -5%;
        margin-left: -2px;
        text-align: center;
        background: #2a2a2a;
    }

    #headkontaktwrapper {
        position: absolute;
        right: 140px;
        bottom: 10%;
        width: 100%;
        max-width: 250px;
        min-height: 250px;
        text-align: center;
        background: rgba(73,73,73,0.7);
        border-radius: 25px;
    }
}

@media (max-width: 1468px) {
    /* Login */
    #loginwrapper {
        float: left;
        width: 340px;
        height: auto;
    }

    #loginicon {
        position: relative;
        float: left;
        margin: 10px;
        z-index: 1;
    }

    #loginbox1 {
        position: relative;
        float: left;
        font-size: 14px;
        color: #fff;
        margin-top: 5px;
        font-weight: normal;
        z-index: 1;
    }

    #loginbox2 {
        position: relative;
        float: left;
        font-size: 14px;
        color: #fff;
        padding-top: 25px;
        margin: 9px 0 0 5px;
        font-weight: normal;
        z-index: 1;
    }

    #login {
        position: relative;
        font-size: 20px;
        color: #fff;
        font-weight: normal;
        margin-bottom: 5px;
        text-transform: uppercase;
        z-index: 1;
    }

    #loginfeld {
        color: #468f22;
        font-weight: bold;
        width: 100%;
        padding: 1px;
        max-width: 110px;
        height: 20px;
    }

    .go_button {
        float: left;
        font-family: Arial, sans-serif;
        color: #fff;
        font-weight: bold;
        border: 1px solid rgba(255,255,255,0.6);
        background: #1a7d3b;
        margin: 53px 0 0 5px;
        padding: 1px;
        font-size: 1em;
    }

    .go_button:hover {
        float: left;
        font-family: Arial, sans-serif;
        color: #1a7d3b;
        font-weight: bold;
        border: 1px solid #1a7d3b;
        background: #FFFFFF;
        margin: 53px 0 0 5px;
        font-size: 1em;
        cursor: pointer;
    }

    #loginbg {
        position: relative;
        width: 144px;
        height: 77px;
        right: -150px;
        background: url(../images/loginbg.png) no-repeat;
        z-index: 0;
    }
}

@media (max-width: 1447px) {
    #headgrafik {
        position: absolute;
        width: 100%;
        max-width: 800px;
        height: auto;
        margin: 100px 300px;
    }

    #logowrapper {
        float: left;
        width: 100%;
        max-width: 210px;
        height: auto;
        margin: 30px 30px 0 30px;
    }

    #logo {
        width: 100%;
        max-width: 210px;
        height: auto;
    }

    /* Login */
    #loginwrapper {
        float: left;
        width: 310px;
        height: auto;
        margin-top: 10px;
    }

    #loginicon {
        position: relative;
        width: 40px;
        float: left;
        margin: 10px;
        z-index: 1;
    }

    #loginbox1 {
        position: relative;
        float: left;
        font-size: 13px;
        color: #fff;
        margin-top: 5px;
        font-weight: normal;
        z-index: 1;
    }

    #loginbox2 {
        position: relative;
        float: left;
        font-size: 13px;
        color: #fff;
        padding-top: 25px;
        margin: 9px 0 0 5px;
        font-weight: normal;
        z-index: 1;
    }

    #login {
        position: relative;
        font-size: 15px;
        color: #fff;
        font-weight: normal;
        margin-bottom: 10px;
        text-transform: uppercase;
        z-index: 1;
    }

    #loginfeld {
        color: #468f22;
        font-weight: bold;
        width: 100%;
        padding: 1px;
        max-width: 100px;
        height: 15px;
    }

    .go_button {
        float: left;
        font-family: Arial, sans-serif;
        color: #fff;
        font-weight: bold;
        border: 1px solid rgba(255,255,255,0.6);
        background: #1a7d3b;
        margin: 51px 0 0 5px;
        padding: 1px;
        font-size: 0.7em;
    }

    .go_button:hover {
        float: left;
        font-family: Arial, sans-serif;
        color: #1a7d3b;
        font-weight: bold;
        border: 1px solid #1a7d3b;
        background: #FFFFFF;
        margin: 51px 0 0 5px;
        font-size: 0.7em;
        cursor: pointer;
    }

    #loginbg {
        position: relative;
        width: 144px;
        height: 77px;
        top: -10px;
        right: -150px;
        background: url(../images/loginbg.png) no-repeat;
        z-index: 0;
    }

    #content2 {
        width: 100%;
        max-width: 1024px;
        margin: 0 auto;
    }

    #content3 {
        width: 100%;
        max-width: 1024px;
        margin: 0 auto;
    }

    #fobox1 {
        display: inline-block;
        color: #fff;
        width: 19%;
        padding: 17px 0;
    }
}

@media (max-width: 1400px) {
    /* Login */
    #loginwrapper {
        float: left;
        width: 310px;
        height: auto;
        margin-top: 10px;
		margin-left: -20px;
    }

    #loginicon {
        position: relative;
        width: 40px;
        float: left;
        margin: 10px 2px 10px 2px;
        z-index: 1;
    }

    #loginbox1 {
        position: relative;
        float: left;
        font-size: 13px;
        color: #fff;
        margin-top: 5px;
        font-weight: normal;
        z-index: 1;
    }

    #loginbox2 {
        position: relative;
        float: left;
        font-size: 13px;
        color: #fff;
        padding-top: 25px;
        margin: 9px 0 0 5px;
        font-weight: normal;
        z-index: 1;
    }

    #login {
        position: relative;
        font-size: 15px;
        color: #fff;
        font-weight: normal;
        margin-bottom: 10px;
        text-transform: uppercase;
        z-index: 1;
    }

    #loginfeld {
        color: #468f22;
        font-weight: bold;
        width: 100%;
        padding: 1px;
        max-width: 100px;
        height: 15px;
    }

    .go_button {
        float: left;
        font-family: Arial, sans-serif;
        color: #fff;
        font-weight: bold;
        border: 1px solid rgba(255,255,255,0.6);
        background: #1a7d3b;
        margin: 51px 0 0 5px;
        padding: 1px;
        font-size: 0.7em;
    }

    .go_button:hover {
        float: left;
        font-family: Arial, sans-serif;
        color: #1a7d3b;
        font-weight: bold;
        border: 1px solid #1a7d3b;
        background: #FFFFFF;
        margin: 51px 0 0 5px;
        font-size: 0.7em;
        cursor: pointer;
    }

    #loginbg {
        position: relative;
        width: 144px;
        height: 77px;
        top: -10px;
        right: -150px;
        background: url(../images/loginbg.png) no-repeat;
        z-index: 0;
    }
}

@media (max-width: 1385px) {
    #logowrapper {
        float: left;
        width: 100%;
        max-width: 200px;
        height: auto;
        margin: 30px 30px 0 30px;
    }

    #logo {
        width: 100%;
        max-width: 200px;
        height: auto;
    }
	
	a.login {
	display				: block;
	float				: left;
	font-size			: 13px;
	color				: #fff;
	font-weight			: bold;
	text-transform		: uppercase;
	padding				: 15px;
	margin				: 25px 0px 0 -15px;
	}
	a.login:hover, a.login_on, a.login_on:hover { 
	color				: #fff;
	text-decoration		: none;
	background			: #1a7d3b;
	padding				: 15px;
	border-radius		: 100%;
	}

    #content2 {
        width: 100%;
        max-width: 1024px;
        margin: 0 auto;
    }

    #content3 {
        width: 100%;
        max-width: 1024px;
        margin: 0 auto;
    }

    #footerbildtext {
        position: absolute;
        color: #fff;
        font-size: 30px;
        width: 100%;
        max-width: 500px;
        height: auto;
        margin: 200px 450px;
    }

    #footerberater {
        position: absolute;
        top: 100px;
        right: 30px;
        width: 100%;
        max-width: 300px;
        height: auto;
    }

    #footer {
        width: 101%;
        max-width: 1903px;
        height: 100px;
        margin-top: -5%;
        margin-left: -2px;
        text-align: center;
        background: #2a2a2a;
    }

    #fobox1 {
        display: inline-block;
        color: #fff;
        width: 19%;
        padding: 17px 0;
    }

    #socialmediawrapper {
        display: inline-block;
        color: #fff;
        width: auto;
        padding: 20px 0 0 10%;
    }

    .fb-like {
        display: inline-block;
        margin-bottom: 5px;
    }
}

@media (max-width: 1335px) {
    #headgrafik {
        position: absolute;
        width: 100%;
        max-width: 700px;
        height: auto;
        margin: 100px 300px;
    }

    #logowrapper {
        float: left;
        width: 100%;
        max-width: 200px;
        height: auto;
        margin: 30px 10px 0 10px;
    }

    #logo {
        width: 100%;
        max-width: 200px;
        height: auto;
    }

    /* Login */
    #loginicon {
        position: relative;
        width: 30px;
        top: 13px;
        float: left;
        margin: 10px;
        z-index: 1;
    }

    #loginbox1 {
        position: relative;
        float: left;
        font-size: 12px;
        color: #fff;
        margin-top: 5px;
        font-weight: normal;
        z-index: 1;
    }

    #loginbox2 {
        position: relative;
        float: left;
        font-size: 12px;
        color: #fff;
        padding-top: 25px;
        margin: 9px 0 0 5px;
        font-weight: normal;
        z-index: 1;
    }

    #login {
        position: relative;
        font-size: 15px;
        color: #fff;
        font-weight: normal;
        margin-bottom: 10px;
        text-transform: uppercase;
        z-index: 1;
    }

    #loginfeld {
        color: #468f22;
        font-weight: bold;
        width: 100%;
        padding: 1px;
        max-width: 90px;
        height: 13px;
    }

    .go_button {
        float: left;
        font-family: Arial, sans-serif;
        color: #fff;
        font-weight: bold;
        border: 1px solid rgba(255,255,255,0.6);
        background: #1a7d3b;
        margin: 51px 0 0 5px;
        padding: 1px;
        font-size: 0.66em;
    }

    .go_button:hover {
        float: left;
        font-family: Arial, sans-serif;
        color: #1a7d3b;
        font-weight: bold;
        border: 1px solid #1a7d3b;
        background: #FFFFFF;
        margin: 51px 0 0 5px;
        font-size: 0.66em;
        cursor: pointer;
    }

    #loginbg {
        position: relative;
        width: 144px;
        height: 77px;
        top: -10px;
        right: -150px;
        background: url(../images/loginbg.png) no-repeat;
        z-index: 0;
    }

    #content2 {
        width: 100%;
        max-width: 1024px;
        margin: 0 auto;
    }

    #content3 {
        width: 100%;
        max-width: 1024px;
        margin: 0 auto;
    }

    #footerbildtext {
        position: absolute;
        color: #fff;
        font-size: 30px;
        width: 100%;
        max-width: 500px;
        height: auto;
        margin: 160px 350px;
    }

    #footerberater {
        position: absolute;
        top: 100px;
        right: 30px;
        width: 100%;
        max-width: 250px;
        height: auto;
    }

    #footer {
        width: 101%;
        max-width: 1903px;
        height: 100px;
        margin-top: -8%;
        margin-left: -2px;
        text-align: center;
        background: #2a2a2a;
    }

    #fobox1 {
        display: inline-block;
        color: #fff;
        width: 19%;
        padding: 17px 0;
    }
}

@media (max-width: 1295px) {
    /* Widget */
    #widgetwrapper {
        font-size: 15px;
        width: 100%;
        min-height: 300px;
        max-width: 1100px;
        margin: 30px auto 200px auto;
    }

    #textwidget {
        width: 90%;
        padding: 0 5%;
    }

    #widget1 {
        position: relative;
        float: left;
        margin-right: 25px;
        width: 100%;
        max-width: 250px;
        height: 470px;
    }

    #widget2 {
        position: relative;
        float: left;
        margin-right: 25px;
        width: 100%;
        max-width: 250px;
        height: 470px;
    }

    #widget3 {
        position: relative;
        float: left;
        margin-right: 25px;
        width: 100%;
        max-width: 250px;
        height: 470px;
    }

    #widget4 {
        position: relative;
        float: left;
        width: 100%;
        max-width: 250px;
        height: 470px;
    }

    #widgetbild {
        width: 100%;
        max-width: 250px;
        height: auto;
    }

    #icon {
        margin: 5px 0 5px 20px;
    }

    #widgettitel {
        position: relative;
        font-size: 16px;
        font-weight: bold;
        color: #1a7d3b;
        bottom: 17px;
    }

    #mehrbutton1 {
        position: absolute;
        float: left;
        width: 100%;
        line-height: 30px;
        color: #fff;
        text-align: center;
        background: #494949;
        bottom: 0;
    }

    #mehrbutton1:hover {
        color: #fff;
        background: #1a7d3b;
    }

    #mehrbutton2 {
        position: absolute;
        width: 100%;
        line-height: 30px;
        color: #fff;
        text-align: center;
        background: #494949;
        bottom: 0;
    }

    #mehrbutton2:hover {
        color: #fff;
        background: #1a7d3b;
    }

    #mehrbutton3 {
        position: absolute;
        width: 100%;
        line-height: 30px;
        color: #fff;
        text-align: center;
        background: #494949;
        bottom: 0;
    }

    #mehrbutton3:hover {
        color: #fff;
        background: #1a7d3b;
    }

    #mehrbutton4 {
        position: absolute;
        width: 100%;
        line-height: 30px;
        color: #fff;
        text-align: center;
        background: #494949;
        bottom: 0;
    }

    #mehrbutton4:hover {
        color: #fff;
        background: #1a7d3b;
    }
}

@media (max-width: 1255px) {
    #logowrapper {
        float: left;
        width: 100%;
        max-width: 200px;
        height: auto;
        margin: 30px 10px 0 10px;
    }

    #logo {
        width: 100%;
        max-width: 200px;
        height: auto;
    }

    /* Login */
    #loginicon {
        position: relative;
        width: 30px;
        top: 13px;
        float: left;
        margin: 10px;
        z-index: 1;
    }

    #loginbox1 {
        position: relative;
        float: left;
        font-size: 12px;
        color: #fff;
        margin-top: 5px;
        font-weight: normal;
        z-index: 1;
    }

    #loginbox2 {
        position: relative;
        float: left;
        font-size: 12px;
        color: #fff;
        padding-top: 25px;
        margin: 9px 0 0 5px;
        font-weight: normal;
        z-index: 1;
    }

    #login {
        position: relative;
        font-size: 12px;
        color: #fff;
        font-weight: bold;
        margin-bottom: 13px;
        text-transform: uppercase;
        z-index: 1;
    }

    #loginfeld {
        color: #468f22;
        font-weight: bold;
        width: 100%;
        padding: 1px;
        max-width: 90px;
        height: 13px;
    }

    .go_button {
        float: left;
        font-family: Arial, sans-serif;
        color: #fff;
        font-weight: bold;
        border: 1px solid rgba(255,255,255,0.6);
        background: #1a7d3b;
        margin: 51px 0 0 5px;
        padding: 1px;
        font-size: 0.66em;
    }

    .go_button:hover {
        float: left;
        font-family: Arial, sans-serif;
        color: #1a7d3b;
        font-weight: bold;
        border: 1px solid #1a7d3b;
        background: #FFFFFF;
        margin: 51px 0 0 5px;
        font-size: 0.66em;
        cursor: pointer;
    }

    #loginbg {
        position: relative;
        width: 144px;
        height: 77px;
        top: -10px;
        right: -150px;
        background: url(../images/loginbg.png) no-repeat;
        z-index: 0;
    }

    #content2 {
        width: 100%;
        max-width: 1024px;
        margin: 0 auto;
    }

    #content3 {
        width: 100%;
        max-width: 1024px;
        margin: 0 auto;
    }

    #fobox1 {
        display: inline-block;
        color: #fff;
        width: 19%;
        padding: 17px 0;
    }

    #headkontaktwrapper {
        position: absolute;
        right: 8%;
        bottom: 10%;
        width: 100%;
        max-width: 250px;
        min-height: 250px;
        text-align: center;
        background: rgba(73,73,73,0.7);
        border-radius: 25px;
    }
}

@media (max-width: 1185px) {
    #logowrapper {
        float: left;
        width: 100%;
        max-width: 170px;
        height: auto;
        margin: 40px 10px 0 10px;
    }

    #logo {
        width: 100%;
        max-width: 170px;
        height: auto;
    }

    /* Login */
    #loginwrapper {
        float: left;
        width: 230px;
        height: auto;
        margin-top: 10px;
        margin-left: -40px;
    }

    #loginicon {
        position: relative;
        width: 27px;
        top: 15px;
        float: left;
        margin: 10px;
        z-index: 1;
    }

    #loginbox1 {
        position: relative;
        float: left;
        font-size: 11px;
        color: #fff;
        margin-top: 5px;
        font-weight: normal;
        z-index: 1;
    }

    #loginbox2 {
        position: relative;
        float: left;
        font-size: 11px;
        color: #fff;
        padding-top: 25px;
        margin: 10px 0 0 5px;
        font-weight: normal;
        z-index: 1;
    }

    #login {
        position: relative;
        font-size: 12px;
        color: #fff;
        font-weight: bold;
        margin-bottom: 14px;
        text-transform: uppercase;
        z-index: 1;
    }

    #loginfeld {
        color: #468f22;
        font-weight: bold;
        width: 100%;
        padding: 1px;
        max-width: 70px;
        height: 13px;
    }

    .go_button {
        float: left;
        font-family: Arial, sans-serif;
        color: #fff;
        font-weight: bold;
        border: 1px solid rgba(255,255,255,0.6);
        background: #1a7d3b;
        margin: 50px 0 0 5px;
        padding: 1px;
        font-size: 0.66em;
    }

    .go_button:hover {
        float: left;
        font-family: Arial, sans-serif;
        color: #1a7d3b;
        font-weight: bold;
        border: 1px solid #1a7d3b;
        background: #FFFFFF;
        margin: 50px 0 0 5px;
        font-size: 0.66em;
        cursor: pointer;
    }

    #loginbg {
        position: relative;
        width: 144px;
        height: 77px;
        top: -10px;
        right: -100px;
        background: url(../images/loginbg.png) no-repeat;
        z-index: 0;
    }

    #content2 {
        width: 100%;
        max-width: 1024px;
        margin: 0;
    }

    #content3 {
        width: 100%;
        max-width: 1024px;
        margin: 0;
    }

    #fobox1 {
        display: inline-block;
        color: #fff;
        width: 21%;
        padding: 17px 0;
    }

    #headkontaktwrapper {
        display: none;
        position: absolute;
        right: 140px;
        bottom: 140px;
        width: 100%;
        max-width: 250px;
        min-height: 250px;
        text-align: center;
        background: rgba(73,73,73,0.7);
        border-radius: 25px;
    }

    #kontakttext {
        font-size: 15px;
        color: #fff;
        text-align: center;
    }

    #headkontaktwrappermobil {
        display: block;
    }

    #kontaktlinks {
        float: none;
        width: 50%;
        margin-left: 10px;
    }

    #kontaktrechts {
        float: none;
        width: 50%;
        margin-left: 10px;
    }

    #Nachricht {
        max-height: 128px;
    }

    #headgrafik {
        position: absolute;
        width: 100%;
        max-width: 600px;
        height: auto;
        margin: 100px 300px;
    }
}

@media (max-width: 1120px) {
    #footerbildtext {
        position: absolute;
        color: #fff;
        font-size: 30px;
        width: 100%;
        max-width: 500px;
        height: auto;
        margin: 140px 380px;
    }

    #footerberater {
        position: absolute;
        top: 70px;
        left: 30px;
        width: 100%;
        max-width: 250px;
        height: auto;
    }

    #footer {
        width: 101%;
        max-width: 1903px;
        height: 100px;
        margin-top: -12%;
        margin-left: -2px;
        text-align: center;
        background: #2a2a2a;
    }

    #portalbildwrapperkostenoptimierung {
        width: 100%;
        max-width: 70px;
        height: auto;
        display: inline-block;
        margin: 5px 25px 10px 25px;
        clear: both;
    }

    #portaloptimierungbild {
        width: 100%;
        max-width: 150px;
        height: auto;
        border-radius: 100%;
    }
}

@media (max-width: 1093px) {
    /* Widget */
    #widgetwrapper {
        font-size: 15px;
        width: 100%;
        min-height: 300px;
        max-width: 930px;
        margin: 30px auto 200px auto;
    }

    #textwidget {
        width: 90%;
        padding: 0 5%;
    }

    #widget1 {
        position: relative;
        float: left;
        margin-right: 25px;
        width: 100%;
        max-width: 200px;
        height: 470px;
    }

    #widget2 {
        position: relative;
        float: left;
        margin-right: 25px;
        width: 100%;
        max-width: 200px;
        height: 470px;
    }

    #widget3 {
        position: relative;
        float: left;
        margin-right: 25px;
        width: 100%;
        max-width: 200px;
        height: 470px;
    }

    #widget4 {
        position: relative;
        float: left;
        width: 100%;
        max-width: 200px;
        height: 470px;
    }

    #widgetbild {
        width: 100%;
        max-width: 200px;
        height: auto;
    }

    #icon {
        width: 100%;
        max-width: 20px;
        height: auto;
        margin: 5px 35px 25px 75px;
    }

    #widgettitel {
        position: relative;
        font-size: 16px;
        font-weight: bold;
        width: 100%;
        color: #1a7d3b;
        bottom: 17px;
        margin-left: 25px;
    }

    #mehrbutton1 {
        position: absolute;
        float: left;
        width: 100%;
        line-height: 30px;
        color: #fff;
        text-align: center;
        background: #494949;
        bottom: 0;
    }

    #mehrbutton1:hover {
        color: #fff;
        background: #1a7d3b;
    }

    #mehrbutton2 {
        position: absolute;
        width: 100%;
        line-height: 30px;
        color: #fff;
        text-align: center;
        background: #494949;
        bottom: 0;
    }

    #mehrbutton2:hover {
        color: #fff;
        background: #1a7d3b;
    }

    #mehrbutton3 {
        position: absolute;
        width: 100%;
        line-height: 30px;
        color: #fff;
        text-align: center;
        background: #494949;
        bottom: 0;
    }

    #mehrbutton3:hover {
        color: #fff;
        background: #1a7d3b;
    }

    #mehrbutton4 {
        position: absolute;
        width: 100%;
        line-height: 30px;
        color: #fff;
        text-align: center;
        background: #494949;
        bottom: 0;
    }

    #mehrbutton4:hover {
        color: #fff;
        background: #1a7d3b;
    }

    /* Newsletter */
    #newsletterwrapper {
        font-size: 20px;
        color: #fff;
        width: 98%;
        height: auto;
        max-width: 945px;
        margin: 30px auto;
        background: #2a2a2a;
        border: 3px solid #1a7d3b;
        clear: both;
    }

    #newslettertext {
        display: inline-block;
        width: 100%;
        max-width: 300px;
        height: auto;
        margin: 10px 100px 10px 10px;
    }

    #newslettereingabe {
        display: inline-block;
        width: 99%;
        max-width: 170px;
        height: auto;
        margin: 10px;
    }

    #namefeld {
        width: 100%;
        max-width: 230px;
        height: 21px;
    }

    #datenschutz {
        display: inline-block;
        font-size: 13px;
        width: 100%;
        max-width: 170px;
        text-align: left;
        height: auto;
        margin: 0 0 0 10px;
    }

    .datenschutzlink {
        color: #fff;
        text-decoration: underline;
    }

    .datenschutzlink:hover {
        color: #1a7d3b;
    }

    #aktzeptiert {
        margin: 2px 0 0 10px;
    }

    .newsletter_go_button {
        font-family: Arial, sans-serif;
        color: #fff;
        font-weight: bold;
        border: 1px solid rgba(255,255,255,0.6);
        background: #1a7d3b;
        margin-left: 25px;
        padding: 1px;
        font-size: 1em;
    }

    .newsletter_go_button:hover {
        font-family: Arial, sans-serif;
        color: #1a7d3b;
        font-weight: bold;
        border: 1px solid #1a7d3b;
        background: #FFFFFF;
        margin-left: 25px;
        font-size: 1em;
        cursor: pointer;
    }

    /* all */
    ::-webkit-input-placeholder {
        color: #106c2f;
        font-size: 13px;
        font-weight: bold;
    }

    ::-moz-placeholder {
        color: #106c2f;
        font-size: 13px;
        font-weight: bold;
    } /* firefox 19+ */
    :-ms-input-placeholder {
        color: #106c2f;
        font-size: 13px;
        font-weight: bold;
    } /* ie */
    input:-moz-placeholder {
        color: #106c2f;
        font-size: 13px;
        font-weight: bold;
    }
	
	a.login {
	display				: block;
	float				: left;
	font-size			: 12px;
	color				: #fff;
	font-weight			: bold;
	text-transform		: uppercase;
	padding				: 15px;
	margin				: 25px 0px 0 -60px;
	}
	a.login:hover, a.login_on, a.login_on:hover { 
	color				: #fff;
	text-decoration		: none;
	background			: #1a7d3b;
	padding				: 15px;
	border-radius		: 100%;
	}

	#menue a {
    display: block;
    color: #FFF;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    padding: 1em;
	}
}

@media (max-width: 1050px) {
    #headgrafik {
        position: absolute;
        width: 100%;
        max-width: 500px;
        height: auto;
        margin: 85px 270px;
    }

    #socialmediawrapper {
        display: inline-block;
        color: #fff;
        width: auto;
        padding: 20px 0 0 10%;
    }

    .fb-like {
        display: inline-block;
        margin-bottom: 5px;
    }
}

@media (max-width: 1040px) {
    #content2 {
        width: 100%;
        max-width: 1024px;
        margin: 30px auto;
    }

    #content2links {
        float: left;
        width: 50%;
        max-width: 451px;
        padding: 0 20px 0 20px;
        background: #e5e5e5;
        min-height: 2100px;
        border: 1px solid #106c2f;
    }

    #content2rechts {
        float: left;
        width: 50%;
        max-width: 450px;
        padding: 0 20px 0 20px;
        min-height: 2100px;
        background: #dadada;
        border: 1px solid #106c2f;
        border-left: 0px;
    }

    #lwrapper {
        display: inline-block;
        margin: 0 auto;
    }

    #deuragwrapper {
        float: left;
        max-width: 200px;
        text-align: center;
        background: #ececec;
        border-radius: 15px;
    }

    #reiseversicherungwrapper {
        float: left;
        width: 240px;
        text-align: center;
        background: #ececec;
        padding: 0 7px 12px 0;
        margin-left: 25px;
        border-radius: 15px;
    }
}

@media (max-width: 1030px) {
    #portalbildwrapperhandel {
        width: 100%;
        max-width: 150px;
        height: auto;
        display: inline-block;
        margin: 5px 40px 10px 40px;
    }

    #portalhandelbild {
        width: 100%;
        height: auto;
        border-radius: 100%;
    }

    #headgrafik {
        position: absolute;
        width: 100%;
        max-width: 500px;
        height: auto;
        margin: 85px 270px;
    }
}

@media (max-width: 1023px) {
    #headbildwrapper {
        display: none !important;
    }

    #headbildwrappermobil {
        display: block !important;
    }

    #headbg, #head {
        display: none;
    }

    #loginwrapper {
        display: none;
    }

    #logo {
        display: none;
    }

    #responsive-menu {
        display: block;
        background: #494949;
        width: 100%;
        z-index: 300;
    }

    #content3 {
        width: 100%;
        max-width: 99%;
        margin: 30px auto;
    }

    #content2links {
        float: none;
        width: 100%;
        max-width: 96%;
        padding: 0 20px 0 20px;
        background: #e5e5e5;
        min-height: 0;
        border: 1px solid #106c2f;
        border-left: 0px;
        border-right: 0px;
    }

    #content2rechts {
        float: none;
        width: 100%;
        max-width: 96%;
        padding: 0 20px 10px 20px;
        min-height: 0;
        background: #dadada;
        border-top: 1px solid #106c2f;
    }

    #socialmediawrapper {
        display: inline-block;
        color: #fff;
        width: auto;
        padding: 20px 0 0 5%;
    }

    .fb-like {
        display: inline-block;
        margin-bottom: 5px;
    }

    #fobox1 {
        display: inline-block;
        color: #fff;
        width: 23%;
        padding: 17px 0;
    }

    #headbildwrapper {
        position: relative;
        width: 100%;
        max-width: 1900px;
        max-height: 608px;
        padding-top: 0;
    }

    .immoul1 {
        float: left;
        font-size: 16px;
        font-weight: bold;
        margin-left: 55px;
    }

    .immoul2 {
        float: left;
        font-size: 16px;
        margin-left: 10%;
        font-weight: bold;
    }

    .immoul3 {
        float: left;
        font-size: 16px;
        margin-left: 10%;
        font-weight: bold;
    }

    #portalbildwrapperhandel {
        width: 100%;
        max-width: 150px;
        height: auto;
        display: inline-block;
        margin: 5px 20px 10px 20px;
    }

    #portalhandelbild {
        width: 100%;
        height: auto;
        border-radius: 100%;
    }
}

@media (max-width: 950px) {
    #headgrafik {
        position: absolute;
        width: 100%;
        max-width: 400px;
        height: auto;
        margin: 85px 270px;
    }

    #responsive-menu .fa {
        padding: 10px 0 0 10px;
        margin-top: 27px;
        margin-bottom: -15px;
        min-height: 50px;
        cursor: pointer;
        width: 97%;
    }

    #footerbildtext {
        position: relative;
        color: #494949;
        font-size: 30px;
        width: 100%;
        max-width: 400px;
        height: auto;
        margin: 15px auto;
    }

    #footerberater {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        max-width: 350px;
        height: auto;
        margin: 15px auto;
    }

    #fobox1, #fobox2, #fobox3, #fobox4 {
        display: none;
    }

    #footer {
        width: 100%;
        max-width: 100%;
        height: 100px;
        margin-top: 0;
        margin-left: -2px;
        text-align: center;
        background: #2a2a2a;
    }

    #socialmediawrapper {
        display: inline-block;
        color: #fff;
        width: auto;
        padding: 0;
        margin: 60px 0;
    }

    .fb-like {
        margin-bottom: 5px;
        margin-right: 10px;
    }
}

@media (max-width: 905px) {
    /* Widget */
    #widgetwrapper {
        font-size: 15px;
        width: 100%;
        min-height: 300px;
        max-width: 90%;
        margin: 30px auto 200px auto;
    }

    #textwidget {
        width: 90%;
        padding: 0 5%;
    }

    #widget1 {
        position: relative;
        float: left;
        margin-right: 25px;
        width: 100%;
        max-width: 350px;
        height: 470px;
    }

    #widget2 {
        position: relative;
        float: left;
        margin-right: 25px;
        width: 100%;
        max-width: 350px;
        height: 470px;
    }

    #widget3 {
        position: relative;
        float: left;
        margin-right: 25px;
        width: 100%;
        max-width: 350px;
        height: 470px;
        clear: both;
    }

    #widget4 {
        position: relative;
        float: left;
        width: 100%;
        max-width: 350px;
        height: 470px;
    }

    #widgetbild {
        width: 100%;
        max-width: 350px;
        height: auto;
    }

    #icon {
        width: 100%;
        max-width: 40px;
        height: auto;
        margin: 5px 15px 5px 75px;
    }

    #widgettitel {
        position: relative;
        font-size: 16px;
        font-weight: bold;
        width: 100%;
        color: #1a7d3b;
        bottom: 17px;
        margin-left: 0;
    }

    #mehrbutton1 {
        position: absolute;
        float: left;
        width: 100%;
        line-height: 30px;
        color: #fff;
        text-align: center;
        background: #494949;
        bottom: 15px;
    }

    #mehrbutton1:hover {
        color: #fff;
        background: #1a7d3b;
    }

    #mehrbutton2 {
        position: absolute;
        width: 100%;
        line-height: 30px;
        color: #fff;
        text-align: center;
        background: #494949;
        bottom: 15px;
    }

    #mehrbutton2:hover {
        color: #fff;
        background: #1a7d3b;
    }

    #mehrbutton3 {
        position: absolute;
        width: 100%;
        line-height: 30px;
        color: #fff;
        text-align: center;
        background: #494949;
        bottom: 25px;
    }

    #mehrbutton3:hover {
        color: #fff;
        background: #1a7d3b;
    }

    #mehrbutton4 {
        position: absolute;
        width: 100%;
        line-height: 30px;
        color: #fff;
        text-align: center;
        background: #494949;
        bottom: 25px;
    }

    #mehrbutton4:hover {
        color: #fff;
        background: #1a7d3b;
    }

    /* Newsletter */
    #newsletterwrapper {
        font-size: 20px;
        color: #fff;
        width: 98%;
        height: auto;
        max-width: 945px;
        margin: 30px auto;
        background: #2a2a2a;
        border: 3px solid #1a7d3b;
        clear: both;
    }

    #newslettertext {
        display: inline-block;
        width: 100%;
        max-width: 300px;
        height: auto;
        margin: 10px 5% 10px 10px;
    }

    #newslettereingabe {
        display: inline-block;
        width: 99%;
        max-width: 170px;
        height: auto;
        margin: 10px;
    }

    #namefeld {
        width: 100%;
        max-width: 230px;
        height: 21px;
    }

    #datenschutz {
        display: inline-block;
        font-size: 13px;
        width: 100%;
        max-width: 170px;
        text-align: left;
        height: auto;
        margin: 0 0 0 10px;
    }

    .datenschutzlink {
        color: #fff;
        text-decoration: underline;
    }

    .datenschutzlink:hover {
        color: #1a7d3b;
    }

    #aktzeptiert {
        margin: 2px 0 0 10px;
    }

    .newsletter_go_button {
        font-family: Arial, sans-serif;
        color: #fff;
        font-weight: bold;
        border: 1px solid rgba(255,255,255,0.6);
        background: #1a7d3b;
        margin-left: 25px;
        padding: 1px;
        font-size: 1em;
    }

    .newsletter_go_button:hover {
        font-family: Arial, sans-serif;
        color: #1a7d3b;
        font-weight: bold;
        border: 1px solid #1a7d3b;
        background: #FFFFFF;
        margin-left: 25px;
        font-size: 1em;
        cursor: pointer;
    }

    /* all */
    ::-webkit-input-placeholder {
        color: #106c2f;
        font-size: 13px;
        font-weight: bold;
    }

    ::-moz-placeholder {
        color: #106c2f;
        font-size: 13px;
        font-weight: bold;
    } /* firefox 19+ */
    :-ms-input-placeholder {
        color: #106c2f;
        font-size: 13px;
        font-weight: bold;
    } /* ie */
    input:-moz-placeholder {
        color: #106c2f;
        font-size: 13px;
        font-weight: bold;
    }
}

@media (max-width: 855px) {
    #headgrafik {
        position: absolute;
        width: 100%;
        max-width: 350px;
        height: auto;
        margin: 85px 270px;
    }
    /* Widget */
    #widgetwrapper {
        font-size: 15px;
        width: 100%;
        min-height: 300px;
        max-width: 550px;
        margin: 30px auto 200px auto;
    }

    #textwidget {
        width: 90%;
        padding: 0 5%;
    }

    #widget1 {
        position: relative;
        float: left;
        margin-right: 25px;
        width: 100%;
        max-width: 250px;
        height: 490px;
    }

    #widget2 {
        position: relative;
        float: left;
        margin-right: 25px;
        width: 100%;
        max-width: 250px;
        height: 490px;
    }

    #widget3 {
        position: relative;
        float: left;
        margin-right: 25px;
        width: 100%;
        max-width: 250px;
        height: 490px;
        clear: both;
    }

    #widget4 {
        position: relative;
        float: left;
        width: 100%;
        max-width: 250px;
        height: 490px;
    }

    #widgetbild {
        width: 100%;
        max-width: 250px;
        height: auto;
    }

    #icon {
        width: 100%;
        max-width: 40px;
        height: auto;
        margin: 5px 5px 15px 25px;
    }

    #widgettitel {
        position: relative;
        font-size: 16px;
        font-weight: bold;
        width: 100%;
        color: #1a7d3b;
        bottom: 17px;
        margin-left: 0;
    }

    #mehrbutton1 {
        position: absolute;
        float: left;
        width: 100%;
        line-height: 30px;
        color: #fff;
        text-align: center;
        background: #494949;
        bottom: 15px;
    }

    #mehrbutton1:hover {
        color: #fff;
        background: #1a7d3b;
    }

    #mehrbutton2 {
        position: absolute;
        width: 100%;
        line-height: 30px;
        color: #fff;
        text-align: center;
        background: #494949;
        bottom: 15px;
    }

    #mehrbutton2:hover {
        color: #fff;
        background: #1a7d3b;
    }

    #mehrbutton3 {
        position: absolute;
        width: 100%;
        line-height: 30px;
        color: #fff;
        text-align: center;
        background: #494949;
        bottom: 25px;
    }

    #mehrbutton3:hover {
        color: #fff;
        background: #1a7d3b;
    }

    #mehrbutton4 {
        position: absolute;
        width: 100%;
        line-height: 30px;
        color: #fff;
        text-align: center;
        background: #494949;
        bottom: 25px;
    }

    #mehrbutton4:hover {
        color: #fff;
        background: #1a7d3b;
    }

    /* Newsletter */
    #newsletterwrapper {
        font-size: 20px;
        color: #fff;
        width: 99%;
        height: auto;
        max-width: 100%;
        margin: 30px auto;
        background: #2a2a2a;
        text-align: center;
        border: 3px solid #1a7d3b;
        clear: both;
    }

    #newslettertext {
        display: inline-block;
        width: 100%;
        max-width: 100%;
        height: auto;
        text-align: center;
        margin: 10px 5% 10px 10px;
    }

    #newslettereingabe {
        display: inline-block;
        width: 99%;
        max-width: 170px;
        height: auto;
        margin: 10px;
    }

    #namefeld {
        width: 100%;
        max-width: 230px;
        height: 15px;
    }

    #datenschutz {
        display: inline-block;
        font-size: 13px;
        width: 100%;
        max-width: 170px;
        text-align: left;
        height: auto;
        margin: 0 0 0 10px;
    }

    .datenschutzlink {
        color: #fff;
        text-decoration: underline;
    }

    .datenschutzlink:hover {
        color: #1a7d3b;
    }

    #aktzeptiert {
        margin: 2px 0 0 10px;
    }

    .newsletter_go_button {
        font-family: Arial, sans-serif;
        color: #fff;
        font-weight: bold;
        border: 1px solid rgba(255,255,255,0.6);
        background: #1a7d3b;
        margin-left: 25px;
        padding: 1px;
        font-size: 1em;
    }

    .newsletter_go_button:hover {
        font-family: Arial, sans-serif;
        color: #1a7d3b;
        font-weight: bold;
        border: 1px solid #1a7d3b;
        background: #FFFFFF;
        margin-left: 25px;
        font-size: 1em;
        cursor: pointer;
    }

    /* all */
    ::-webkit-input-placeholder {
        color: #106c2f;
        font-size: 13px;
        font-weight: bold;
    }

    ::-moz-placeholder {
        color: #106c2f;
        font-size: 13px;
        font-weight: bold;
    } /* firefox 19+ */
    :-ms-input-placeholder {
        color: #106c2f;
        font-size: 13px;
        font-weight: bold;
    } /* ie */
    input:-moz-placeholder {
        color: #106c2f;
        font-size: 13px;
        font-weight: bold;
    }
}

@media (max-width: 810px) {
    h1, h2, h3, #footerbildtext {
        text-align: center;
    }

    #content2links {
        float: none;
        width: 100%;
        max-width: 96%;
        padding: 0 20px 0 20px;
        background: #e5e5e5;
        min-height: 0;
        border: 1px solid #106c2f;
        border-left: 0px;
        border-right: 0px;
    }

    #content2rechts {
        float: none;
        width: 100%;
        max-width: 96%;
        padding: 0 20px 10px 20px;
        min-height: 0;
        background: #dadada;
        border-top: 1px solid #106c2f;
    }

    .immoul1 {
        float: left;
        font-size: 16px;
        font-weight: bold;
        margin-left: 55px;
    }

    .immoul2 {
        float: left;
        font-size: 16px;
        margin-left: 4%;
        font-weight: bold;
    }

    .immoul3 {
        float: left;
        font-size: 16px;
        margin-left: 4%;
        font-weight: bold;
    }
}

@media (max-width: 770px) {
    #headgrafik {
        position: absolute;
        width: 100%;
        max-width: 300px;
        height: auto;
        margin: 55px 240px;
    }
}

@media (max-width: 730px) {
    /* Widget 2 */
    #widgetmorewrapper {
        font-size: 20px;
        width: 100%;
        height: auto;
        max-width: 550px;
        margin: 30px auto;
    }

    #stellentitel {
        font-size: 26px;
        text-transform: uppercase;
    }

    #wiebe {
        font-size: 26px;
        font-weight: bold;
        text-transform: uppercase;
    }

    #stellenangebote {
        display: inline-block;
        float: none;
        width: 100%;
        max-width: 520px;
        height: auto;
        margin-bottom: 10px;
        text-align: center;
    }

    #kontakttitel {
        font-size: 26px;
    }

    #kontakt {
        display: inline-block;
        float: none;
        width: 100%;
        max-width: 520px;
        height: auto;
        margin-bottom: 10px;
        text-align: center;
    }

    .mehrbutton {
        width: 173px;
        height: 57px;
        color: #fff;
        padding: 15px 50px 15px 90px;
        background: url(../images/mehrbutton.png) no-repeat;
    }

    .mehrbutton:hover {
        width: 173px;
        height: 57px;
        color: #fff;
        padding: 15px 50px 15px 90px;
        background: url(../images/mehrbutton_hover.png) no-repeat;
    }
}

@media (max-width: 700px) {
    #headgrafik {
        position: absolute;
        width: 100%;
        max-width: 300px;
        height: auto;
        margin: 45px 200px;
    }

    #content {
        float: none;
    }

    #content2 {
        width: 100%;
        max-width: 1024px;
        margin: 30px auto;
    }

    #content2links {
        float: none;
        width: 100%;
        max-width: 98.5%;
        padding: 0 5px;
        background: #e5e5e5;
        min-height: 0;
        border: 1px solid #106c2f;
        border-left: 0px;
        border-right: 0px;
    }

    #content2rechts {
        float: none;
        width: 100%;
        max-width: 98.5%;
        padding: 0 5px;
        min-height: 0;
        background: #dadada;
        border-top: 1px solid #106c2f;
    }

    #portalbildwrapperleistungen {
        width: 100%;
        max-width: 130px;
        height: auto;
        display: block;
        margin: 10px auto;
        clear: both;
    }

    #portalleistungenbild {
        width: 100%;
        max-width: 130px;
        height: auto;
        border-radius: 100%;
    }

    .immoul1 {
        float: none;
        font-size: 16px;
        font-weight: bold;
        margin-left: 5%;
    }

    .immoul2 {
        float: none;
        font-size: 16px;
        margin-left: 5%;
        font-weight: bold;
    }

    .immoul3 {
        float: none;
        font-size: 16px;
        margin-left: 5%;
        font-weight: bold;
    }

    #portalbildwrapperfinanzierung {
        width: 100%;
        max-width: 150px;
        height: auto;
        float: none;
        display: inline-block;
        margin: 0 0 10px 100px;
        clear: both;
    }

    #portalfinanzierungbild {
        width: 100%;
        max-width: 150px;
        height: auto;
        border-radius: 100%;
    }
}

@media (max-width: 580px) {
    #headgrafik {
        position: absolute;
        width: 100%;
        max-width: 300px;
        height: auto;
        margin: 40px 130px;
    }

    #headkontaktwrappermobil {
        display: block;
        float: none;
        width: 100%;
        max-width: 100%;
        min-height: 250px;
        text-align: center;
        background: rgba(73,73,73,0.7);
        border-radius: 25px;
    }

    #kontaktlinks {
        float: none;
        width: 95%;
        margin-left: 10px;
    }

    #kontaktrechts {
        float: none;
        width: 95%;
        margin-left: 10px;
    }
}

@media (max-width: 567px) {
    /* Widget */
    #widgetwrapper {
        font-size: 15px;
        width: 100%;
        min-height: 300px;
        max-width: 100%;
        margin: 30px auto 15px auto;
    }

    #textwidget {
        width: 90%;
        padding: 0 5%;
    }

    #widget1 {
        position: relative;
        float: none;
        margin-right: 0;
        width: 100%;
        text-align: center;
        max-width: 100%;
        height: 490px;
    }

    #widget2 {
        position: relative;
        float: none;
        margin-right: 25px;
        width: 100%;
        text-align: center;
        max-width: 100%;
        height: 490px;
    }

    #widget3 {
        position: relative;
        float: none;
        margin-right: 25px;
        width: 100%;
        text-align: center;
        max-width: 100%;
        height: 490px;
        clear: both;
    }

    #widget4 {
        position: relative;
        float: none;
        width: 100%;
        text-align: center;
        max-width: 100%;
        height: 490px;
    }

    #widgetbild {
        width: 100%;
        max-width: 400px;
        height: auto;
    }

    #icon {
        width: 100%;
        max-width: 40px;
        height: auto;
        margin: 5px 5px 15px 5px;
    }

    #widgettitel {
        position: relative;
        font-size: 16px;
        font-weight: bold;
        width: 100%;
        color: #1a7d3b;
        bottom: 17px;
        margin-left: 0;
    }

    #mehrbutton1 {
        position: absolute;
        float: left;
        width: 100%;
        line-height: 40px;
        color: #fff;
        text-align: center;
        background: #494949;
        bottom: 25px;
    }

    #mehrbutton1:hover {
        color: #fff;
        background: #1a7d3b;
    }

    #mehrbutton2 {
        position: absolute;
        width: 100%;
        line-height: 40px;
        color: #fff;
        text-align: center;
        background: #494949;
        bottom: 25px;
    }

    #mehrbutton2:hover {
        color: #fff;
        background: #1a7d3b;
    }

    #mehrbutton3 {
        position: absolute;
        width: 100%;
        line-height: 40px;
        color: #fff;
        text-align: center;
        background: #494949;
        bottom: 25px;
    }

    #mehrbutton3:hover {
        color: #fff;
        background: #1a7d3b;
    }

    #mehrbutton4 {
        position: absolute;
        width: 100%;
        line-height: 40px;
        color: #fff;
        text-align: center;
        background: #494949;
        bottom: 25px;
    }

    #mehrbutton4:hover {
        color: #fff;
        background: #1a7d3b;
    }
}

@media (max-width: 500px) {
    #headgrafik {
        position: absolute;
        width: 100%;
        max-width: 250px;
        height: auto;
        margin: 30px 110px;
    }

    #responsive-menu .fa {
        padding: 10px 0 0 10px;
        margin-top: 27px;
        margin-bottom: -15px;
        min-height: 50px;
        cursor: pointer;
        width: 95%;
    }

    #headbild {
        width: 101%;
        max-width: 1903px;
        height: auto;
        margin-left: -2px;
        border-bottom: 5px solid #1a7d3b;
    }

    #content2links {
        float: none;
        width: 100%;
        max-width: 98.5%;
        padding: 0 7px;
        background: #e5e5e5;
        min-height: 0;
        border: 1px solid #106c2f;
        border-left: 0px;
        border-right: 0px;
    }

    #content2rechts {
        float: none;
        width: 100%;
        max-width: 98.5%;
        padding: 0 7px;
        min-height: 0;
        background: #dadada;
        border-top: 1px solid #106c2f;
    }

    #qr {
        display: none;
    }
}

@media (max-width: 462px) {
    #lwrapper {
        display: inline-block;
        width: 100%;
        margin: 0 auto;
    }

    #deuragwrapper {
        float: none;
        width: 100%;
        max-width: 200px;
        text-align: center;
        background: #ececec;
        border-radius: 15px;
        margin: 0 auto;
    }

    #reiseversicherungwrapper {
        float: none;
        width: 240px;
        text-align: center;
        background: #ececec;
        padding: 0 7px 12px 0;
        margin: 10px auto;
        border-radius: 15px;
    }
}

@media (max-width: 400px) {
    #headgrafik {
        position: absolute;
        width: 100%;
        max-width: 200px;
        height: auto;
        margin: 30px 95px;
    }

    #content2links {
        float: none;
        width: 100%;
        max-width: 96%;
        padding: 0 7px;
        background: #e5e5e5;
        min-height: 0;
        border: 1px solid #106c2f;
        border-left: 0px;
        border-right: 0px;
    }

    #content2rechts {
        float: none;
        width: 100%;
        max-width: 96%;
        padding: 0 7px;
        min-height: 0;
        background: #dadada;
        border-top: 1px solid #106c2f;
    }

    #portalbildwrapperfinanzierung {
        width: 100%;
        max-width: 150px;
        height: auto;
        float: none;
        display: inline-block;
        margin: 0 0 10px 50px;
        clear: both;
    }

    #kontaktlinks, #kontaktrechts {
        float: none;
        width: 90%;
        margin-left: 10px;
    }
}

@media (max-width: 380px) {
    #headgrafik {
        position: absolute;
        width: 100%;
        max-width: 180px;
        height: auto;
        margin: 20px 85px;
    }
}

@media (max-width: 330px) {
    #headgrafik {
        position: absolute;
        width: 100%;
        max-width: 170px;
        height: auto;
        margin: 15px 65px;
    }

    #responsive-menu .fa {
        position: relative;
        padding: 10px 0 0 10px;
        margin-top: 27px;
        margin-bottom: -15px;
        min-height: 50px;
        cursor: pointer;
        width: 89.7%;
        z-index: 9999;
    }
	
	#loginseite_wrapper {
	display: inline-block;
	width: 100%;
	}
	#loginfeld_seite {
		color: #468f22;
		font-weight: bold;
		width: 100%;
		padding: 1px;
		max-width: 134px;
		height: 20px;
	}

.go_button_seite {
    position: relative;
	display: inline-block;
	width: 100%;
    font-family: Arial, sans-serif;
    color: #fff;
    font-weight: bold;
    border: 1px solid rgba(255,255,255,0.6);
    background: #1a7d3b;
	text-align: center;
    margin-left: 0;
    padding: 1px;
    font-size: 1em;
    z-index: 150;
}

.go_button_seite:hover {
    position: relative;
    display: inline-block;
    font-family: Arial, sans-serif;
    color: #1a7d3b;
    font-weight: bold;
    border: 1px solid #1a7d3b;
    background: #FFFFFF;
    margin: 2px 0 0 0;
	text-align: center;
    font-size: 1em;
    cursor: pointer;
    z-index: 150;
}
}