@charset "utf-8";

/* CSS Document */

body {
    padding-top: 142px;
}

.impressumcopyright {
    width: 100%;
}

.impressum {
    float: none;
}

.copyright {
    float: none;
    text-align: center;
    width: 100%;
}

#FooterMenuBar2 li a {
    padding: 0;
    margin: 0;
    border: none;
}

.footer_contact {
    width: 100%;
    float: none;
    text-align: center;
}

.footer2 {
    text-align: center;
    padding-bottom: 40px;
}

.footer2 ul.FooterMenuBarHorizontal li {
    width: 100%;
}

#thelist td {
    display: block;
    width: 100%;
    padding: 0;
}

#thelist table {
    width: 100%;
}

#inner-content-usr input,
#inner-content-usr select,
#inner-content-usr textarea {
    width: 94%;
    padding: 3%;
}

.favourites {
    display: none;
}

#gMapDirSubmit {
    margin-top: 30px;
}

#gMapDirFrom,
#gMapDirTo {
    width: 25%;
}

#gMapDirToInfo,
#gMapDirFromInput {
    width: 75%;
}

#inner-content-usr input[type="checkbox"] {
    width: 13px !important;
    box-shadow: none !important;
}

#inner-content-usr input#anf_Sonstiges_text {
    width: 100px !important;
    padding: 3px;
}

.menu-toggle {
    display: block !important;
    cursor: pointer;
    color: #24a331;
    margin: 0 5%;
    text-align: center;
    float: right;
    padding: 0;
}

#navi ul {
    display: none;
}

#navi ul.toggled-on {
    display: block;
    float: right;
    height: auto;
    padding-bottom: 5px;
    padding-top: 0;
    position: relative;
    width: 100%;
    z-index: 10000;
    border-top: 1px solid #24a331;
}

ul.MenuBarHorizontal {
    margin-top: 0 !important;
}

#navi ul.toggled-on li {
    display: block !important;
    clear: both;
    width: 100% !important;
    border-bottom: 1px solid #24a331;
    padding: 0;
    margin: 0 !important;
    text-align: left;
}

#navi ul.toggled-on li ul li {
    border-bottom: none !important;
}

#navi ul.toggled-on li a {
    padding: 15px 10px !important;
    background-image: none;
    background-color: #ffffff;
    border: none;
    margin-left: 0;
    text-transform: uppercase;
    color: #777777;
}

ul.MenuBarHorizontal ul {
    height: auto !important;
}

#navi ul.toggled-on li a:hover,
#navi ul.toggled-on li.current a,
#navi ul.toggled-on li.active a {
    background-color: #24a331;
    color: #ffffff;
}

#navi ul.MenuBarHorizontal li.current ul,
#navi ul.MenuBarHorizontal li.active ul {
    background-color: transparent;
    display: block !important;
    left: 0 !important;
    margin: 0 !important;
    padding: 0;
    position: relative;
    width: 100%;
    z-index: 10000;
    border: none;
    opacity: 1;
    visibility: visible !important;
}

#navi ul.MenuBarHorizontal li ul li:last-child {
    border-bottom: none;
}

#navi ul.MenuBarHorizontal li.current ul a,
#navi ul.MenuBarHorizontal li.active ul a {
    background-color: #ffffff;
    color: #777777;
    padding: 5px !important;
    padding-left: 40px !important;
    font-size: 14px;
    text-align: left;
    border-bottom: none;
    text-transform: none;
    background: url(../img/submenu_bg.png) 20px center no-repeat #f2f2f2;
}

#navi ul.MenuBarHorizontal li.active ul a:hover,
#navi ul.MenuBarHorizontal li.current ul a:hover,
#navi ul.MenuBarHorizontal li.active ul li.current a {
    color: #ffffff !important;
    background-color: #024b96 !important;
}

#navi ul.MenuBarHorizontal li.current ul li ul li a,
#navi ul.MenuBarHorizontal li.active ul li ul li a,
#navi ul.MenuBarHorizontal li.active ul li.current ul li a {
    background-color: #ffffff !important;
    color: #333333 !important;
    padding: 5px !important;
    padding-left: 80px !important;
    font-size: 12px;
    text-align: left;
    border-bottom: 1px solid #cccccc;
    text-transform: none;
}

#navi ul.MenuBarHorizontal li.active ul li ul li a:hover,
#navi ul.MenuBarHorizontal li.current ul li ul li a:hover,
#navi ul.MenuBarHorizontal li.active ul li.active ul li.current a {
    color: #333333 !important;
    background-color: #eae7d5 !important;
}

#navi ul.toggled-on li.current ul,
#navi ul.toggled-on li.active ul {
    display: block !important;
}

#navi ul.MenuBarHorizontal li.current ul li:hover {
}

[data-icon]::before {
    content: attr(data-icon);
    display: inline-block;
    font-size: 1.2em;
    padding: 0;
}

[data-icon] {
    color: #ffffff;
}

[data-icon]:hover {
    color: #65ba4a;
}

.menu_cst {
    margin-top: 0 !important;
    position: absolute;
    right: 0;
    top: 48px;
    width: 100%;
    z-index: 960;
    transition: top 0.3s ease;
}

.top_cst.fixed .menu_cst {
    top: 32px;
}

.logo {
    float: none;
    display: block;
    margin: auto;
    max-width: 200px;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 990;
}

.logo img {
    max-width: 200px;
}

.menu {
    margin-top: 0;
}

.left_cst,
.right_cst {
    width: 100%;
}

.banner {
    height: auto;
    background-size: auto 100%;
    padding: 20px 0;
}

.newsfilter_volltext_txt,
.newsfilter_ort,
.vertragsart {
    float: left;
    width: 32%;
    margin-right: 2%;
}

.newsfilter_art {
    float: left;
    width: 32%;
    margin-right: 0;
}

.newsfilter_zimmer {
    width: 49%;
    float: left;
    margin-right: 2%;
}

.newsfilter_left_button {
    width: 49%;
    float: left;
    margin-right: 0;
}

#form_submit {
    width: 100% !important;
}

.title_input {
    color: #4b525b;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 5px;
    margin-top: 5px;
}

.banner_cst #fade img.fade_big {
    height: 340px !important;
    width: auto !important;
    max-width: auto !important;
}

.banner_cst #fade img {
    min-height: 155px !important;
    height: 155px !important;
    width: 763px !important;
    max-width: 763px !important;
}

@media screen and (max-width: 560px) {
    .responsive_table2 {
        display: none;
    }

    .newsimg {
        width: 100%;
        margin-bottom: 10px;
        height: auto;
    }

    .newsimg img {
        width: 100%;
        max-width: 282px;
        margin: auto;
        display: block;
    }

    .newsshorttext,
    .newscontent h2 {
        width: 90%;
        margin-right: 5%;
        margin-left: 5%;
    }

    .news_nug_cont {
        width: 90%;
        margin: 15px 5%;
        height: auto;
    }

    .news_nug_cont:nth-child(3n) {
        margin: 15px 5%;
    }

    .head_conact {
        display: none;
    }

    .favourites_wrapper {
        text-align: center;
    }

    .head_buttons {
        width: 100%;
    }

    .head_buttons #star_btn {
        float: none;
    }

    .head_buttons .favCount {
        float: none;
        margin-left: 34px;
        margin-top: -33px;
    }

    .head_buttons a {
        border-left: none;
        display: block;
        width: 33.33%;
        text-align: center;
        float: left;
        height: 45px;
        padding: 0;
    }

    .head_buttons a:last-child {
        border: none;
    }

    .footer_item {
        width: 100% !important;
        text-align: center !important;
    }

    .footer1 {
        padding-top: 0;
        padding-bottom: 40px;
    }

    .copyright {
        float: none;
    }

    .footer_item h2 {
        margin-bottom: 0;
        margin-top: 30px;
    }

	#partner .footer_item_content {
		justify-content: center;
		margin-left: 0;
	}

	#plc_siegel {
		justify-content: center;
	}

    #galleria {
        margin-top: 0;
    }

    .newsfilter_volltext_txt,
    .newsfilter_ort,
    .newsfilter_art,
    .newsfilter_zimmer,
    .newsfilter_left_button,
    .vertragsart {
        width: 100%;
        margin: 0;
    }

    #searchform {
        padding-top: 10px;
        padding-bottom: 0;
    }

    .form_top {
        margin-top: 0;
    }

    .banner_cst #fade img.fade_big {
        height: 500px !important;
        width: 2462px !important;
        max-width: 2462px !important;
    }
}

@media screen and (max-width: 350px) {
    .menue_box {
        width: 100%;
        margin-right: 0;
    }

    .category,
    #highslideGal li {
        width: 100%;
        margin-right: 0;
    }
}
