@import url("/file/css/600.css") (max-width: 600px);

@import url("/file/css/800.css") (min-width: 601px) and (max-width: 800px);

@import url("/file/css/1280.css") (min-width: 801px) and (max-width: 1280px);

@import url("/file/css/1920.css") (min-width: 1281px);

/*@import url(http://fonts.googleapis.com/css?family=Quattrocento:400,700);*/

header > div > div,
section > div,
footer > div
{
	display: block;
	margin: 0 auto;
	max-width: 900px;
}

a
{
    color: #D31D1D;
    text-decoration: none;
}

a:hover
{
    text-decoration: inherit;-webkit-transition: all 0.2s 0.05s cubic-bezier(0.25,0.1,0.25,1);
	-moz-transition: all 0.2s 0.05s cubic-bezier(0.25,0.1,0.25,1);
	-ms-transition: all 0.2s 0.05s cubic-bezier(0.25,0.1,0.25,1);
	-o-transition: all 0.2s 0.05s cubic-bezier(0.25,0.1,0.25,1);
	transition:all 0.2s 0.05s cubic-bezier(0.25,0.1,0.25,1);
}

 a:hover img
{
	-webkit-transform: scale(1.01);	
	-moz-transform: scale(1.01);	
	-ms-transform: scale(1.01);	
	-o-transform: scale(1.01);
	transform: scale(1.01);	-webkit-transition: all 0.2s 0.05s cubic-bezier(0.25,0.1,0.25,1);
	-moz-transition: all 0.2s 0.05s cubic-bezier(0.25,0.1,0.25,1);
	-ms-transition: all 0.2s 0.05s cubic-bezier(0.25,0.1,0.25,1);
	-o-transition: all 0.2s 0.05s cubic-bezier(0.25,0.1,0.25,1);
	transition:all 0.2s 0.05s cubic-bezier(0.25,0.1,0.25,1);
}   

hr
{
    background: none repeat scroll 0 0 #CECECE;
    border-color: #FFFFFF;
    border-left: medium none;
    border-right: medium none;
    border-style: none none solid;
    border-top: medium none;
    height: 2px;
}

img
{
    max-width: 100%;
}

#map img
{
    max-width: inherit;
}

/**
 * header menu
 */

#menu-root
{
    padding: 0;
    border: 0;
    z-index: 101;
    width: 100%;
    background: #F8F8F8;
    position: relative;
}

#home
{
    margin: 32px 0 22px 0;
    display: inline-block;
    vertical-align: middle;
}

#menu-root #menu
{
	margin: 0;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    white-space: nowrap;
    z-index: 100;
    vertical-align: bottom;
    box-shadow: none;
    display: block;
    position: relative;
}

#menu-root #menu .menu-element
{
    display: inline-block;
}


#menu-root #menu .menu-element-link
{
    color: #1c1a1a;
    position: relative;
    text-decoration: none;
    transition: color 0.3s ease 0s;
    background: transparent;
    vertical-align: middle;
    line-height: 1.1em;
    padding: 16px 18px 15px 18px;
    display: inline-block;
    text-align: center;
    position: relative;
    overflow: hidden;
}

#menu-root #menu .menu-element-link:hover
{
    text-decoration: underline;
    color: #000;
}

#menu-root #menu .menu-element-link.focus
{
    text-decoration: none;
    border: none;
    color: #D00012;
    background-image:-moz-linear-gradient(62% 9% -90deg,rgb(248,248,248) 0%,rgb(255,255,255) 100%); 
    background-image:-webkit-gradient(linear,62% 9%,62% 72%,color-stop(0, rgb(248,248,248)),color-stop(1, rgb(255,255,255)));
    background-image:-webkit-linear-gradient(-90deg,rgb(248,248,248) 0%,rgb(255,255,255) 100%);
    background-image:-o-linear-gradient(-90deg,rgb(248,248,248) 0%,rgb(255,255,255) 100%);
    background-image:-ms-linear-gradient(-90deg,rgb(248,248,248) 0%,rgb(255,255,255) 100%);
    background-image:linear-gradient(180deg,rgb(248,248,248) 0%,rgb(255,255,255) 100%);
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#fff8f8f8,endColorstr=#ffffffff,GradientType=0)";
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#fff8f8f8,endColorstr=#ffffffff,GradientType=0);
}

#menu-root #menu .menu-element-link.focus:hover
{
    cursor: default;
}

#menu-root #menu button
{
	display: none;
}

button#menuMobileButton::before
{
    content: "Menü";
    display: block;
    position: absolute;
    left: -3em;
    top: 30%;
    font-size: 1.5em;
    font-weight: 400;
    color: #dad8d8;
}

.anchor
{
    position: absolute;
    margin-top: -70px;
}

p,
.likeP
{
    font-size: 0.82em;
    line-height: 1.7em;
    margin: 0.5em 0;
}

footer p
{
    font-size: 0.8em;
}

footer a
{
    text-decoration: none;
}

.hyphons
{
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto;
    hyphens: auto;
}

article header
{
	width: 100%;
    min-height: inherit;
}

.small
{
    font-size: 0.8em;
       
}

li
{
    margin-bottom: 15px;
    margin-left: 25px;   
}

/*---------------------------------------------------
   List of Content
---------------------------------------------------*/

nav.loc
{
    border: 1px solid #CCCCCC;
    font-size: 0.72em;
    line-height: 140%;
    margin-bottom: 5px;
    margin-top: 5px;
    max-width: 50%;
    background-color: #F9F9F9;
}

nav.loc.fR
{
    margin-left: 10px;
}

nav.loc.fL
{
    margin-right: 10px;
}

nav.loc ol,
nav.loc strong
{
    margin: 10px;
    display: block;
    text-align: center;
}

nav.loc ol li
{
    margin-left: 25px;   
    margin-bottom: 8px;
    text-align: left;
}

.greyBG
{
    background-color: #EEEEEE;
}

.pA2
{
    padding: 15px;
}

.partnerLogoArea div
{
    width: 300px;
    height: 100px;
    border: #CCCCCC;
    box-shadow: 0px 0px 3px 0px #666;
    background-color: white;
    padding: 10px;
    text-align: center;
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
}

.partnerLogoArea div img
{
    min-height: 50px;
    max-width: 100%;
    max-height: 100%;
}


#lb
{
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.5);
    display: block;
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#lb > div
{
    min-width: 200px;
    max-width: 450px;
    margin-top: 10%;
    margin-left: auto;
    margin-right: auto;
    padding: 15px;
    background-color: white;
    box-shadow: 0 0 3px 1px #000;
}

.tabArea
{
    border-bottom: 1px solid #CCCCCC;
    height: 25px;
}

.tabArea > a
{
    border-left: 1px solid #EEE;
    border-right: 1px solid #EEE;
    border-top: 1px solid #EEE;
    border-bottom: none;
    border-radius: 5px 5px 0 0;
    padding: 8px 20px;
    margin-right: 3px;
    color: inherit;
    transition: all 0.5s;
}

.tabArea > a:hover
{
    padding-top: 10px;
}

.tabArea > a.focus
{
    border-color: #CCCCCC;
}

/***************************************************************************************
 * Ferienwohnung Ludwig                                                                *
****************************************************************************************/

body
{
    font-family: 'Quattrocento', Arial, Calibri, sans-serif;
    font-weight: 400;
    font-size: 100%;
    line-height: 1.4em;
    background: #F8F7F3;
    color: #727272;
}

header
{
    border-bottom: none;
    width: 100%;
}

header > div
{
    box-shadow: 0px 0px 4px #666;
    background-color: #F8F7F3;
    height: 50px;
    left: 0;
    max-width: none;
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 105;
}

header nav#menu
{
	position: absolute;
    z-index: 100;
    display: inline-block;
}

header nav#menu a
{
    display: inline-block;
    position: relative;
    text-decoration: none;
    padding: 12px 8px;
    margin-left: 12px;
    background: transparent;
    color: #727272;
}

header nav#menu > a:hover
{
    text-decoration: underline;
}

header nav#menu a.focus
{
    color: #D31D1D;    
    text-decoration: none;
}
    
section
{
    min-height: 705px;
    background-color: #F8F7F3;
    position: relative;
    z-index: 2;
}

section .sectionHeader,
section .sectionBody
{
    background: #fff;
    border: 1px solid #E5E5E5;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

section .sectionHeader
{
    border-top: 0px;
}

section .sectionBody
{
    /*padding: 5px 40px;*/  
}

section hr.deco
{
    border-bottom: 0px;
    height: 20px;
    background: #C73631;
    box-shadow: inset 0px 15px 5px -15px #333;
}

section img.c
{
    display: block;
    margin-left: auto;
    margin-right: auto;
}

footer
{
	background-color: #F7E9C6;
    overflow: auto;
    position: relative;
    width: 100%;
    height: 60px;
    z-index: 2;
}

h1,
.likeH1,
.h1
{
    vertical-align: top;
    font-size: 2em;
    color: #393C3F;
    font-weight: 400;
    line-height: 2.8em;
    margin: 0px;
}

h2,
.likeH2,
.h2
{
    vertical-align: top;
    font-size: 1.8em;
    color: #393C3F;
    font-weight: 400;
    line-height: 2.5em;
    margin: 0px;
}

h3,
.likeH3
.h3
{
    font-size: 1em;
    line-height: 1.3em;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0px;
    margin-right: 0px;
    font-weight: bold;
    display: block;
}

p,
.likeP
{
    font-size: 1em;
    line-height: 1.7em;
    margin: 0.5em 0;
}

#emotionImgArea
{
    position: inherit;
    overflow: hidden;
    position: fixed;
    z-index: 1;
    box-shadow: none;
    top: 50px;
}

#emotionImgArea > div
{
    background: transparent no-repeat center top;
    background-size: auto 100%;
    max-width: 100%;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0%;
    top: 0px;
    transition: all 0.8s;
}

#emotionImgArea > div.out
{
    left: 0px;
}

#emotionImgArea > div.back
{
    left: -10%;
}

#emotionImgArea > div.in
{
    left: -5%;
}

div#menu-root > a
{
    float: left;
}

div#menu-root > a > img
{
    margin-top:  -77px;
    transition: margin-top ease-in 0.3s;
    z-index: 101;
    position: relative;
}

div#menu-root > a:hover > img
{
    margin:  -50px 0;
}

#map
{
    width: 100%;
    height: 450px;
}

div.imgContainer
{
    position: relative;
    transition: all 0.8s ease 0s;
    min-height: 200px;
}

div.imgContainer > img
{
	display: block;
	margin-left: auto;
    transition: all 0.8s ease 0s;
    max-width: 100%;
}

div.imgContainer > .thumbLine
{
    /*bottom: -100px;
    height: 65px;
    overflow: hidden;
    position: absolute;
    right: 0;
    display: inline-block;*/
    height: auto;
    position: relative;
    float: right;  
}

#bigImage1Loader,
#bigImage2Loader,
#bigImage3Loader
{
    position: absolute;
    top: 50%;
    left: 50%;
}

.thumbLine a
{
    text-decoration: none;
}

.imageThumb
{
    width: 60px;
    height: 60px;
    overflow: hidden;
    display: inline-block;
    text-align: center;
}

.imageThumb > img
{
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: inherit;
    min-height: 60px;
    min-width: 60px;
}

#focusThumb
{
    box-shadow: 0px 0px 0px 2px #737C8B;
}


/***************************************************************************************
 * Basic Calendar                                                                        *
****************************************************************************************/

.calendarArea
{
    position: relative;
    width: 100%;
    height: 235px;    
}

.datePicker
{
    width: inherit;
    height: auto;
    box-shadow: 0 0 4px 0 #666666;
    background-color: white;
}

.calendarArea > div.sites > div
{
    width: 100%;
    text-align: center;
    border-collapse: collapse;
    border-spacing: 0;
    position: absolute;
    transition: all 0.8s;
    opacity: 1;
    top: 0px;
    visibility: visible;
    
}

.datePicker > div.sites > div
{
    position: inherit;
}

.calendarArea > div.sites > div.previous
{
    top: -100%;
    opacity: 0;
    visibility: hidden;
}

.calendarArea > div.sites > div.next
{
    top: +100%;
    opacity: 0;
    visibility: hidden;
}

.calendarArea > div.sites > div > table
{
    width: 100%;
}

.calendarArea .weekDay
{
    font-size: 0.9em;
}

.calendarArea tr
{
    height: auto;
}

.datePicker tr
{
    height: 20px;
}

.calendarArea th.weekNumber
{
    font-size: 0.8em;
}

.calendarArea tr th
{
    text-align: center !important;
    text-transform: inherit;
    padding: 0px;
}

.calendarArea tr td
{
    border: 0 none;
    padding: 0px;
}

.datePicker tr td
{
    width: 25px;
}

.calendarArea tr td.day
{
    text-align: center;
    padding: 3px;
}

.calendarArea tr:hover td.day:hover
{
    background-color: #f1f1f1;
}

.calendarArea td:empty:hover
{
    background-color: transparent;
}

.calendarArea tr:hover td.day
{
    background-color: #f7f7f7;
}

.calendarArea tr:hover td.day
{
    cursor: pointer;
}

.calendarArea .dateToDay > div
{
    border-bottom: 1px solid #727272;
    cursor: help;
    color: #FF1717;
}

.calendarArea .currentDay
{
    font-weight: bold;
}

.calendarArea td > div
{
    position: relative;
}

.datePicker td > div
{
    cursor: pointer;
}

.calendarArea tr td .toolTip
{
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    bottom: 0;
    margin-bottom: 20px;
    margin-left: -40px;
    padding: 10px;
    position: absolute;
    width: 100px;
    z-index: 1;
    display: none;
    text-align: center;
    cursor: default;
}

.calendarArea tr td:last-child .toolTip
{
    right: 0px;
    margin-left: 0px;
}

.calendarArea tr td:first-of-type .toolTip
{
    left: 0px;
    margin-left: 0px;
}

.calendarArea td:hover .toolTip
{
    display: block;
}

.calendarArea .nextMonth
{
    cursor: pointer;
    left: 10px;
    position: absolute;
    top: 0;
    z-index: 1;
}

.calendarArea .previousMonth
{
    cursor: pointer;
    right: 10px;
    position: absolute;
    top: 0;
    z-index: 1;
}

.calendarArea button
{
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    font-size: 20px;
    height: 20px;
    line-height: 20px;
    margin: 0 10px;
}

.calendarArea button[disabled]
{
    color: transparent !important;
    cursor: wait;
}

.datePicker button[disabled]
{
    color: inherit !important;
    cursor: pointer;
}


/***************************************************************************************
 * Basic Loader                                                                        *
****************************************************************************************/

.loaderBG
{
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.7);
    z-index: 100000;
    margin: 0px !important;
}

.loaderBG > div
{
    width: 100%;
    top: calc(40% - 60px);
    position: fixed;
    background-color: white;
    height: 120px;
}

.loaderBG > div > span
{
    float: left;
    font-size: 30px;
    line-height: 4em;
    padding-left: 50px;
    position: absolute;
}

#loader 
{
    float: right;
    height: 50px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 35px;
    position: relative;
    width: 828px;
}

.loader 
{
    position:absolute;
    top:0;
    background-color:#ffffff;
    width:50px;
    height:50px;
    -moz-animation-name:bounce_fountainG;
    -moz-animation-duration:1.3s;
    -moz-animation-iteration-count:infinite;
    -moz-animation-direction:linear;
    -moz-transform:scale(.3);
    -moz-border-radius:66px;
    -webkit-animation-name:bounce_fountainG;
    -webkit-animation-duration:1.3s;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-direction:linear;
    -webkit-transform:scale(.3);
    -webkit-border-radius:66px;
    -ms-animation-name:bounce_fountainG;
    -ms-animation-duration:1.3s;
    -ms-animation-iteration-count:infinite;
    -ms-animation-direction:linear;
    -ms-transform:scale(.3);
    -ms-border-radius:66px;
    -o-animation-name:bounce_fountainG;
    -o-animation-duration:1.3s;
    -o-animation-iteration-count:infinite;
    -o-animation-direction:linear;
    -o-transform:scale(.3);
    -o-border-radius:66px;
    animation-name:bounce_fountainG;
    animation-duration:1.3s;
    animation-iteration-count:infinite;
    animation-direction:linear;
    transform:scale(.3);
    border-radius:66px;
}

#loader_1 
{
    left:0;
    -moz-animation-delay:0.52s;
    -webkit-animation-delay:0.52s;
    -ms-animation-delay:0.52s;
    -o-animation-delay:0.52s;
    animation-delay:0.52s;
}

#loader_2 
{
    left:104px;
    -moz-animation-delay:0.65s;
    -webkit-animation-delay:0.65s;
    -ms-animation-delay:0.65s;
    -o-animation-delay:0.65s;
    animation-delay:0.65s;
}

#loader_3 
{
    left:207px;
    -moz-animation-delay:0.78s;
    -webkit-animation-delay:0.78s;
    -ms-animation-delay:0.78s;
    -o-animation-delay:0.78s;
    animation-delay:0.78s;
}

#loader_4
{
    left:311px;
    -moz-animation-delay:0.91s;
    -webkit-animation-delay:0.91s;
    -ms-animation-delay:0.91s;
    -o-animation-delay:0.91s;
    animation-delay:0.91s;
}

#loader_5
{
    left:414px;
    -moz-animation-delay:1.04s;
    -webkit-animation-delay:1.04s;
    -ms-animation-delay:1.04s;
    -o-animation-delay:1.04s;
    animation-delay:1.04s;
}

#loader_6
{
    left:518px;
    -moz-animation-delay:1.17s;
    -webkit-animation-delay:1.17s;
    -ms-animation-delay:1.17s;
    -o-animation-delay:1.17s;
    animation-delay:1.17s;
}

#loader_7
{
    left:621px;
    -moz-animation-delay:1.3s;
    -webkit-animation-delay:1.3s;
    -ms-animation-delay:1.3s;
    -o-animation-delay:1.3s;
    animation-delay:1.3s;
}

#loader_8
{
    left:725px;
    -moz-animation-delay:1.43s;
    -webkit-animation-delay:1.43s;
    -ms-animation-delay:1.43s;
    -o-animation-delay:1.43s;
    animation-delay:1.43s;
}

@-moz-keyframes bounce_fountainG{
    0%{
    -moz-transform:scale(1);
    background-color: rgba(0,0,0,0.7);
    }
    
    100%{
    -moz-transform:scale(.3);
    background-color:#FFFFFF;
    }
}

@-webkit-keyframes bounce_fountainG{
    0%{
    -webkit-transform:scale(1);
    background-color: rgba(0,0,0,0.7);
    }
    
    100%{
    -webkit-transform:scale(.3);
    background-color:#FFFFFF;
    }
}

@-ms-keyframes bounce_fountainG{
    0%{
    -ms-transform:scale(1);
    background-color: rgba(0,0,0,0.7);
    }
    
    100%{
    -ms-transform:scale(.3);
    background-color:#FFFFFF;
    }
}

@-o-keyframes bounce_fountainG{
    0%{
    -o-transform:scale(1);
    background-color: rgba(0,0,0,0.7);
    }
    
    100%{
    -o-transform:scale(.3);
    background-color:#FFFFFF;
    }
}

@keyframes bounce_fountainG{
    0%{
    transform:scale(1);
    background-color: rgba(0,0,0,0.7);
    }
    
    100%{
    transform:scale(.3);
    background-color:#FFFFFF;
    }
}

.iframe
{
	max-width:100%;	
}

.iframe-wrapper {
    position: relative;
    padding-bottom: 65%;
    height: 0;
    overflow: hidden;
}

.iframe-wrapper > iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

[class^="clicon-"]:before, [class*=" clicon-"]:before {
    content: "";
    background-size: contain;
    background-repeat: no-repeat;
    font-style: normal;
    font-weight: normal;
    speak: none;
    background-position: 50%;
    display: inline-block;
    text-decoration: inherit;
    width: 1rem;
    height: 1rem;
    max-width: 5rem;
    max-height: 5rem;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1rem;
    padding: 0px 0.3rem;
}

.clicon:before {
    position: absolute;
    max-height: 1.5rem;
    max-width: 1.5rem;
    line-height: 1.5rem;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0 !important;
}

.clicon-360:before
{
    width: 3rem;
    height: 3rem;
	max-width: 256px;max-height: 256px;background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA0ODAgNDgwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0ODAgNDgwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjY0cHgiIGhlaWdodD0iNjRweCI+CjxnPgoJPGc+CgkJPGc+CgkJCTxwYXRoIGQ9Ik0zOTEuNTAyLDIxMC43MjVjLTUuMzExLTEuNTItMTAuODQ2LDEuNTU1LTEyLjM2NCw2Ljg2NWMtMS41MTksNS4zMSwxLjU1NSwxMC44NDYsNi44NjQsMTIuMzY0ICAgICBDNDMxLjY0NiwyNDMuMDA4LDQ2MCwyNjEuOTQyLDQ2MCwyNzkuMzY3YzAsMTIuNzUyLTE1LjUxLDI2Ljc0OS00Mi41NTIsMzguNDAyYy0yOS43NTIsMTIuODItNzEuOTU4LDIyLjItMTE4Ljg5MSwyNi40MjUgICAgIGwtNDAuOTYzLTAuNTU1Yy0wLjA0NywwLTAuMDkzLTAuMDAxLTAuMTM5LTAuMDAxYy01LjQ2LDAtOS45MjIsNC4zODktOS45OTYsOS44NjVjLTAuMDc1LDUuNTIyLDQuMzQyLDEwLjA2LDkuODYzLDEwLjEzNCAgICAgbDQxLjQ3OSwwLjU2MmMwLjA0NiwwLDAuMDkxLDAuMDAxLDAuMTM2LDAuMDAxYzAuMjk3LDAsMC41OTMtMC4wMTMsMC44ODgtMC4wMzljNDkuMTk2LTQuMzg2LDkzLjc3OS0xNC4zMzksMTI1LjUzOC0yOC4wMjQgICAgIEM0NzAuNTIxLDMxNi42NzYsNDgwLDI5NC41MjQsNDgwLDI3OS4zNjdDNDgwLDI1MS40MjQsNDQ4LjU3LDIyNy4wNDYsMzkxLjUwMiwyMTAuNzI1eiIgZmlsbD0iI0Q4MDAyNyIvPgoJCQk8cGF0aCBkPSJNOTYuODc5LDE5OS4zMzNjLTUuNTIyLDAtMTAsNC40NzctMTAsMTBjMCw1LjUyMyw0LjQ3OCwxMCwxMCwxMEgxMzh2NDEuMzMzSDk2Ljg3OWMtNS41MjIsMC0xMCw0LjQ3Ny0xMCwxMCAgICAgczQuNDc4LDEwLDEwLDEwSDE0OGM1LjUyMywwLDEwLTQuNDc3LDEwLTEwVjE0OGMwLTUuNTIzLTQuNDc3LTEwLTEwLTEwSDk2Ljg3OWMtNS41MjIsMC0xMCw0LjQ3Ny0xMCwxMHM0LjQ3OCwxMCwxMCwxMEgxMzggICAgIHY0MS4zMzNIOTYuODc5eiIgZmlsbD0iI0Q4MDAyNyIvPgoJCQk8cGF0aCBkPSJNMTg4Ljg3OSwyODAuNjY3aDYxLjMzNGM1LjUyMiwwLDEwLTQuNDc3LDEwLTEwdi02MS4zMzNjMC01LjUyMy00LjQ3Ny0xMC0xMC0xMGgtNTEuMzM0VjE1OEgyNDBjNS41MjMsMCwxMC00LjQ3NywxMC0xMCAgICAgcy00LjQ3Ny0xMC0xMC0xMGgtNTEuMTIxYy01LjUyMywwLTEwLDQuNDc3LTEwLDEwdjEyMi42NjdDMTc4Ljg3OSwyNzYuMTksMTgzLjM1NiwyODAuNjY3LDE4OC44NzksMjgwLjY2N3ogTTE5OC44NzksMjE5LjMzMyAgICAgaDQxLjMzNHY0MS4zMzNoLTQxLjMzNFYyMTkuMzMzeiIgZmlsbD0iI0Q4MDAyNyIvPgoJCQk8cGF0aCBkPSJNMjkxLjEyMSwyODAuNjY3aDYxLjMzNGM1LjUyMiwwLDEwLTQuNDc3LDEwLTEwVjE0OGMwLTUuNTIzLTQuNDc4LTEwLTEwLTEwaC02MS4zMzRjLTUuNTIyLDAtMTAsNC40NzctMTAsMTB2MTIyLjY2NyAgICAgQzI4MS4xMjEsMjc2LjE5LDI4NS41OTksMjgwLjY2NywyOTEuMTIxLDI4MC42Njd6IE0zMDEuMTIxLDE1OGg0MS4zMzR2MTAyLjY2N2gtNDEuMzM0VjE1OHoiIGZpbGw9IiNEODAwMjciLz4KCQkJPHBhdGggZD0iTTE4Mi44NTcsMzA1LjUzN2MtMy41NjctNC4yMTYtOS44NzctNC43NDMtMTQuMDkzLTEuMTc2Yy00LjIxNywzLjU2Ny00Ljc0Myw5Ljg3Ni0xLjE3NywxNC4wOTNsMjIuMzY2LDI2LjQ0ICAgICBjLTQ3LjE5Ni0zLjU5OS04OS45NDEtMTIuMjQ5LTEyMS4zNy0yNC42NUMzNy43MDgsMzA4LjA2LDIwLDI5My4xNjIsMjAsMjc5LjM2N2MwLTE2LjAxOCwyMy43MzYtMzMuMjgsNjMuNDkzLTQ2LjE3NiAgICAgYzUuMjU0LTEuNzA0LDguMTMxLTcuMzQ0LDYuNDI3LTEyLjU5OGMtMS43MDMtNS4yNTMtNy4zNDUtOC4xMy0xMi41OTctNi40MjdjLTIzLjEyOSw3LjUwMi00MS40NywxNi40MjctNTQuNTE1LDI2LjUyNiAgICAgQzcuNjc0LDI1Mi40MTIsMCwyNjUuNDIzLDAsMjc5LjM2N2MwLDIzLjEwNCwyMS4xNzgsNDMuNjcxLDYxLjI0Miw1OS40OGMzMi41NjQsMTIuODQ5LDc2LjIyNywyMS44NjksMTI0LjIyNiwyNS43NTggICAgIGwtMTkuOTQ0LDIyLjEwNGMtMy43LDQuMS0zLjM3NiwxMC40MjQsMC43MjUsMTQuMTIzYzEuOTEyLDEuNzI2LDQuMzA4LDIuNTc2LDYuNjk2LDIuNTc2YzIuNzMxLDAsNS40NTMtMS4xMTMsNy40MjctMy4zMDEgICAgIGwzNi4zODctNDAuMzI1YzEuNjU4LTEuODM3LDIuNTc2LTQuMjI0LDIuNTc2LTYuNjk5di0wLjc2NGMwLTIuMzY1LTAuODM4LTQuNjUzLTIuMzY1LTYuNDU4TDE4Mi44NTcsMzA1LjUzN3oiIGZpbGw9IiNEODAwMjciLz4KCQkJPHBhdGggZD0iTTM4MS40MTQsMTM3LjQ4Nmg0MC44NzljNS41MjIsMCwxMC00LjQ3NywxMC0xMFY4Ni41OTJjMC01LjUyMy00LjQ3OC0xMC0xMC0xMGgtNDAuODc5Yy01LjUyMiwwLTEwLDQuNDc3LTEwLDEwdjQwLjg5NCAgICAgQzM3MS40MTQsMTMzLjAwOSwzNzUuODkyLDEzNy40ODYsMzgxLjQxNCwxMzcuNDg2eiBNMzkxLjQxNCw5Ni41OTJoMjAuODc5djIwLjg5NGgtMjAuODc5Vjk2LjU5MnoiIGZpbGw9IiNEODAwMjciLz4KCQk8L2c+Cgk8L2c+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==);	

}



/* ----------------------------------------------------------------------------------------------------------
   Media Queries
---------------------------------------------------------------------------------------------------------- */

@media (max-width:600px) {
    
}

@media (max-width:960px) {

}

@media (max-width:1201px) and (min-height:769px) {

}

@media (min-width:1201px) and (min-height:769px) {
}

/**
* max-width: 768px
*/
@media all 
and (max-width : 768px) 
{
	#menu-root nav#menu
	{
		position: relative;
		padding-top: 54px;
		float: none;
		z-index: 1;
		display: block;
	}
	
	#menu-root nav#menu > div
	{
		background-color: white;
		display: none;
	}
	
	#menu-root #menu .menu-element-link
	{
		display: block;
		margin: 0;
		padding: 15px;
		width: auto;
		font-size: 1.2em;
	}
	
	#menu-root #menu .menu-element-link:last-of-type 
	{
		border-color: #f4f4f4;
		border-bottom: solid 1px #f4f4f4;
	}
	
	#menu-root nav#menu button
	{
		-moz-user-select: none; 
		-khtml-user-select: none; 
		-webkit-user-select: none; 
		-o-user-select: none; 
		user-select: none; 
		background: url("/file/img/layout/menu_mobile.svg") no-repeat left top transparent;
		background-size: 100% 100%;
		cursor: pointer;
		display: block;
		height: 54px;
		position: absolute;
		right: 6px;
		top: 0px;
		width: 54px;
		border: none;
	}
	
	.no-svg #menu-root nav#menu button
	{
		background-image: url("/file/img/layout/menu_mobile.png");
	}
	
	#menu-root nav#menu.open button
	{
		opacity: 0.6;   
	}
	
	#menu-root nav#menu.open div
	{
		display: block !important;
	}
	
	#menu-root nav#menu.open > div
	{
		position: absolute;
		z-index: 1;
		width: 100%;
	}	
}