/* Effekte */
.top_wrap,
#main .dce_5x_more a,
.dce_5x_text,
a.booklink,
.dce_zimmerblock .slick-prev:before,
.dce_zimmerblock .slick-next:before,
.slick-dots li button::before,
.logo svg{
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;	
}


/* telbook_wrap */

.showtel,
.telbook_wrap a,
.telbook_wrap a:link,
.telbook_wrap a:active,
.telbook_wrap a:visited,
.telbook_wrap a:hover {
	display: inline-block;
	height: 40px;
	line-height: 36px;
	text-transform: uppercase;
	padding:0 20px;
}

.showtel {
	text-transform: none;
}

.showtel:hover {
	cursor: pointer;
}

.showtel,
a.tel_top,
a.tel_top:link,
a.tel_top:active,
a.tel_top:visited,
a.tel_top:hover {
	color:#777777;
	border:2px solid;
	border-color: #777777;
}

a.tel_top,
a.tel_top:link,
a.tel_top:active,
a.tel_top:visited,
a.tel_top:hover {
	display: none;
}

a.tel_top.active,
a.tel_top.active:link,
a.tel_top.active:active,
a.tel_top.active:visited,
a.tel_top.active:hover {
	display: inline-block;
}

a.book_top,
a.book_top:link,
a.book_top:active,
a.book_top:visited,
a.book_top:hover {
	background:#777777;
	border:2px solid;
	border-color: #777777;
	color:#fff;
	margin-left: 30px;
}

/* RESPONSIVE */
@media (max-width: 1440px) {}
@media (max-width: 1366px) {}
@media (max-width: 1279px) {}
@media (max-width: 1023px) {
	
	.showtel {
		display: none;
	}
	a.tel_top, a.tel_top:link, a.tel_top:active, a.tel_top:visited, a.tel_top:hover {
		display: inline-block;
	}
}
@media (max-width: 767px) {
	
	a.book_top, a.book_top:link, a.book_top:active, a.book_top:visited, a.book_top:hover {
		margin-left: 5px;
		border:1px solid;
	}
		
	.showtel, .telbook_wrap a, .telbook_wrap a:link, .telbook_wrap a:active, .telbook_wrap a:visited, .telbook_wrap a:hover {
		padding:0 5px;
		text-transform: none;
		border:1px solid;
	}
}
@media (max-width: 359px) {}


/* ###################################################################################################### */
/* ###################################################################################################### */



/* Hamburger Icon */

.hamburg { 
   display: inline-block;
   width: 30px; 
   height: 60px; 
   position: relative;
   margin-left: auto; 
   margin-right: auto;
   float:left;
	
}

	.hamburg:hover {
		cursor:pointer;
	}
	
	.scroll .hamburg,
	.nobanner .hamburg {
		
	}

    .line { 
       position: absolute; 
       left:0px;
       height: 2px; 
       width: 30px; 
       background: #777777; 
       border-radius: 0px;
       display: block; 
       transition: 0.5s; 
       transform-origin: center; 
    }

    .line:nth-child(1) { top: 22px; }
    .line:nth-child(2) { top: 30px; }
    .line:nth-child(3) { top: 38px; }

       
    .hamburg.checked {
    }

    .hamburg.checked .line:nth-child(1){
       transform: translateY(8px) rotate(-45deg);
    }

    .hamburg.checked .line:nth-child(2){
       opacity:0;
    }

    .hamburg.checked .line:nth-child(3){
       transform: translateY(-8px) rotate(45deg);
    }

/* RESPONSIVE */
@media (max-width: 1440px) {}
@media (max-width: 1366px) {}
@media (max-width: 1279px) {}
@media (max-width: 1023px) {
    

    
}
@media (max-width: 767px) {}
@media (max-width: 359px) {}

/* ###################################################################################################### */
/* ###################################################################################################### */


/* BASICS */
.sm {
    position: relative;
    z-index: 9999;
    -webkit-tap-highlight-color: rgba(0,0,0,0);

}
.sm,
.sm ul,
.sm li {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    line-height: normal;
    text-align: left
}
.sm > li > ul {
    display: none
}
.sm li,
.sm a,
.sm a:link,
.sm a:hover,
.sm a:active,
.sm a:visited,
.sm a:focus {
    display: block;
    position: relative;
    white-space: nowrap;
    line-height: 1;
    transition: none;
	width:100%;
	text-align: center;
}
.sm a.disabled {
    cursor: default
}
/* ###### */
/* RESPONSIVE */
/* ########## */


/* ###################################################################################################### */
/* ###################################################################################################### */


/* FIRST LEVEL */
#menu {
    display: flex;
    justify-content: center;
    align-items: center;
	flex-direction: column;
}
    #menu > li:not(:last-child) {
        
    }
	
	#menu > li:last-child {
		
	}
	
        #menu > li > a,
        #menu > li > a:link,
        #menu > li > a:hover,
        #menu > li > a:active,
        #menu > li > a:visited,
        #menu > li > a:focus {
            position: relative;            
			color:#777777;
            line-height: 48px;
			font-size:20px;
			display: block;
            /*background-position: right 50%;
            background-repeat: no-repeat;
            background-size: 8px 8px;*/
        }
            #menu > li > a.has-submenu {
                padding-right: 16px;
				padding-right:0;
            }
            #menu > li > a > span.sub-arrow {
                position: absolute;
                top: 50%;
                right: 0;
                z-index: 2;
                transform: translateY(-50%);
                display: inline-block;
                width: 8px;
                height: 8px;
				display:none;
            }
            #menu > li > a > span.sub-arrow::after {
                color: #a7a8aa;
                content: '+';
                position: absolute;
                top: 55%;
                left: 50%;
                transform: translate(-50%,-50%);
                z-index: 2;
                font: normal normal normal 14px/1 FontAwesome;
                font-size: inherit;
                text-rendering: auto;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale
            }
        #menu > li > a:hover,
        #menu > li > a.selected,
        #menu > li:hover > a {
        }
		
		
		
/* ########### */
/* RESPONSIVE */
@media (max-width: 1440px) {
    #menu > li:not(:last-child) {
        margin-right: 18px
    }
}

@media (max-width: 1279px) {
    #menu > li:not(:last-child) {
        margin-right: 15px
    }
	
	
}

@media (max-width: 1023px) {
    #menu {
        display: block
    }
        #menu > li:not(:last-child) {
            margin-right: 0;
        }
            #menu > li > a,
            #menu > li > a:link,
            #menu > li > a:hover,
            #menu > li > a:active,
            #menu > li > a:visited,
            #menu > li > a:focus,
            #menu > li > a.has-submenu {
                color: #000;
				line-height:65px;
				padding:0 0 0 10px;
				text-transform:none;
                
            }
            #menu > li > a.has-submenu {
                background: none;
                padding:0 0 0 10px;
            }
                #menu > li > a.has-submenu span {
                    display: inline-block;
                    width: 32px;
                    height: 44px;
                    background-color: #fff;
                    position: absolute;
                    right: 0;
                    top: 30px;
                    z-index: 2;
					
                }
				
				#menu > li > a > span.sub-arrow::after {
					color:#3b583d;
				}
				
				
                #menu > li > a.has-submenu.highlighted span::after {
                    content: '-';
					color:#3b583d;
                }
				
			#menu > li:last-child {
				margin-right:0;	
			}
    
            #menu > li:last-child a {
                border-bottom:0;
            }
}
/* ########## */


/* ###################################################################################################### */
/* ###################################################################################################### */


/* SECOND LEVEL */
#menu ul {
    position: absolute;
    background-color:#fff;
    padding: 8px 16px;
	left:-16px !important;
    -webkit-box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.25);
	-moz-box-shadow:    0px 5px 5px 0px rgba(50, 50, 50, 0.25);
	box-shadow:         0px 5px 5px 0px rgba(50, 50, 50, 0.25);

}
.top-wrap.fixed #menu ul {
    box-shadow: 0 0 8px rgba(69,69,69,.8)
}
    #menu ul a,
    #menu ul a:link,
    #menu ul a:hover,
    #menu ul a:active,
    #menu ul a:visited,
    #menu ul a:focus {
        color:#000;
        line-height: 40px;
        font-size: 1em;
		border-bottom:1px dotted #5a7865 ;
		padding:0 14px;
    }
	#menu ul a:hover {
        color:#5a7865 ;
    }
	
	#menu ul li:last-child a {
		border:none;
	}
	
/* ############ */
/* RESPONSIVE */
@media (max-width: 1023px) {
    #menu ul {
        position: static;
        background-color: transparent;
        padding: 0;
        margin-bottom: 0px;
        transform: none;
        box-shadow: none !important
    }
        #menu ul a,
        #menu ul a:link,
        #menu ul a:hover,
        #menu ul a:active,
        #menu ul a:visited,
        #menu ul a:focus {
            color: #808080;
            padding: 0 8px 0 20px;
        }
		
	
}
/* ########## */

@media (max-width: 767px) {
#menu > li > a, #menu > li > a:link, #menu > li > a:hover, #menu > li > a:active, #menu > li > a:visited, #menu > li > a:focus, #menu > li > a.has-submenu {
	line-height:50px;	
}

#menu > li > a.has-submenu span {
	height:50px;
	top:25px;	
}

}


/* diverse Menüs */

#footer a,
#footer a:link,
#footer a:active,
#footer a:visited,
#footer a:hover {
    color:#fff;
}


/* RESPONSIVE */
@media (max-width: 1440px) {}
@media (max-width: 1366px) {}
@media (max-width: 1279px) {}
@media (max-width: 1023px) {}
@media (max-width: 767px) {}
@media (max-width: 359px) {}


/* ###################################################################################################### */
/* ###################################################################################################### */