/*               min-width: 1200px             */
/*                     LG                      */
/* ------------------------------------------- */
/*     min-width: 992px - max-width: 1199px    */
/*                     MD                      */
/* ------------------------------------------- */
/*     min-width: 768px - max-width: 991px     */
/*                     SM                      */
/* ------------------------------------------- */
/*               max-width: 767px              */
/*                     XS                      */
/* ------------------------------------------- */
/* ved unsponsive, udkommenteres media queries */

/* Custom */

@media (min-width: 1200px) {
    .map-full, .map-side {
        height: 350px;
    }

    #menu > ul > li > a {
          padding: 15px 36px 0;
    }
		.de-DE #menu > ul > li > a {
           padding: 15px 27px;
    }
	.fr-FR #menu > ul > li > a {
           padding: 15px 11px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .map-full, .map-side {
        height: 300px;
    }

    #menu > ul > li > a {
          padding: 15px 23.5px 0;
    }
		.de-DE #menu > ul > li > a {
           padding: 15px 15px;
    }
	.fr-FR #menu > ul > li > a {
           padding: 15px 3px;
		   font-size:12px;
    }

    .background-billede {
        background-image: url('../images/bg.png');
        background-repeat: no-repeat;
        background-position-x: 60%;
        width: 100%;
        height: 306px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .logo {
            text-align: center;
    margin: 15px auto;
    display: block;
    height: 115px;
    }

    #menu > ul > li > a {
    }

    .background-billede {
        background-image: url('../images/bg.png');
        background-repeat: no-repeat;
        background-position-x: 60%;
        width: 100%;
        height: 306px;
    }

#google_translate_element{
float:none;
}

.texten{    float: none;
    margin-right: 0;

}
}


    @media (max-width: 767px) {
        .resp-img img {
            display: block;
            width: 320px;
            margin-left: auto;
            margin-right: auto;
        }

        .resp-knap {
            margin-bottom: 10px;
        }

        .map-side {
            margin-bottom: 10px;
        }

        .logo {
            text-align: center;
    margin: 15px auto;
    display: block;
    height: 100px;
        }

        .margin-top-mobile {
            margin-top: 40px;
        }
		
		.bx-wrapper{
			display:none;
	}
	
	/* .header-tlf{
	display:none;
	} */


#google_translate_element{
float:none;
}

.texten{    float: none;
    margin-right: 0;

}
    }
	



@media (max-width: 550px) {
    .gallery-item {
        width: 50%;
    }

    .header-tlf {
        display: none;
    }

    .margin-top-mobile {
        margin-top: 40px;
    }

    .background-billede {
        background-image: url('../images/bg.png');
        background-repeat: no-repeat;
        background-position-x: 60%;
        width: 100%;
        height: 306px;
    }
	.bx-wrapper{
	display:none;
	}
	.header-tlf{
	display:none;
	}

.logo{

  text-align: center;
    margin: 15px auto;
    display: block;
    height: 100px;
}

#google_translate_element{
float:none;
}

.texten{    float: none;
    margin-right: 0;

}

.newsletterCustomCol {
	width:100%;
	margin-bottom:20px;
}

}


/* Menu */
@media all and (max-width: 991px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {

    /* Responsive menu color control */
    #menu * {
        border-color: #222 !important;
        background-color: #7ebce3;
        color:#282828;
    }

    #menu > ul > li > a, .text-holder, #menu:before, .toggle {
        color: #efefef;
    }

        #menu > ul > li > a:hover {
            color: #efefef;
        }

    #menu > ul > li.active > a {
        color: #efefef;
    }

    #menu > ul > li.has-sub:hover > a {
        color: #efefef;
    }

    #menu > ul > li.has-sub > ul > li.has-sub:hover > a {
        background: rgba(0,0,0,0);
        color: #efefef;
    }

    #menu > ul ul > a:hover {
        background: rgba(0,0,0,0);
        color: #efefef;
    }

    #menu > ul ul > li.active > a {
        background: rgba(0,0,0,0);
        color: #efefef;
    }

    #menu > ul ul {
        background: rgba(0,0,0,0);
    }

        #menu > ul ul li a {
            color: #efefef;
        }

            #menu > ul ul li a:hover {
                background: rgba(0,0,0,0);
                color: #efefef;
            }

    .header-menu {
        background-color: #fff !important;
    }

    .menu-bar #menu ul li {
        height: 30px;
    }

        .menu-bar #menu ul li a {
            height: 30px;
        }

    .header-menu {
        position: relative !important;
    }

    /* Reset */
    #menu > ul > li:hover > ul, #menu > ul > li > ul > li:hover > ul {
        display: none;
    }

    #menu > ul ul, #menu > ul ul ul, #menu > ul > li > ul > li:hover > ul {
        opacity: 1;
        visibility: visible;
        display: none;
        padding: 0px;
        position: relative;
        width: 100%;
        left: 0;
        margin-left: 0;
        border-radius: 0;
        text-align: left;
        box-shadow: 0 0 0 rgba(0,0,0,0);
        -webkit-transition: initial;
        -moz-transition: initial;
        -o-transition: initial;
        transition: initial;
    }

    #menu ul, #menu a, #menu li {
        width: 100% !important;
        margin: 0 !important;
    }

    #menu * {
        line-height: 1em;
        float: none !important;
    }

    #menu > ul {
        display: none;
    }


    /* Responsiv menu css */
    #menu {
        border: 1px solid #222;
        margin: 15px 0;
    }

        #menu > .text-holder {
            padding: 13px 10px;
            display: block;
            cursor: pointer;
            text-transform: uppercase;
        }

        #menu a {
            border-top: 1px solid;
        }

        #menu > ul > li > a, #menu > ul ul > li > a, #menu > ul ul ul li a {
            padding: 9px 10px;
        }

        #menu > ul ul > li > a {
            padding-left: 20px;
        }

        #menu > ul ul ul li a {
            padding-left: 30px;
        }

        #menu > ul ul a:before {
            content: "-";
            display: inline-block;
        }

        #menu .open {
            display: block !important;
        }

            #menu .open:before {
                transform: rotate(0deg) !important;
                display: block !important;
            }


        /* Menu knap */
        #menu .toggle {
            padding: 9px 11px;
            background-color: rgba(0,0,0,0);
            display: block;
            border-left: 1px solid;
            position: absolute;
            right: 0;
            text-align: center;
            cursor: pointer;
        }

            #menu .toggle span:before {
                content: "\e014";
                font-family: 'Glyphicons Halflings';
            }

            #menu .toggle span {
                background-color: rgba(0,0,0,0) !important;
                display: block;
                -moz-transition: all 200ms ease-in-out;
                -o-transition: all 200ms ease-in-out;
                -webkit-transition: all 200ms ease-in-out;
                transition: all 200ms ease-in-out;
                -moz-transform: rotate(-45deg);
                -ms-transform: rotate(-45deg);
                -o-transform: rotate(-45deg);
                -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg);
            }

        #menu .toggled {
            background-color: rgba(0,0,0,0.1);
        }

            #menu .toggled span {
                -moz-transform: rotate(0deg);
                -ms-transform: rotate(0deg);
                -o-transform: rotate(0deg);
                -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
            }


        /* Textholder knap */
        #menu > .toggle {
            padding: 14px 12px;
            right: 15px;
        }

            #menu > .toggle span, #menu > .toggle span:before, #menu > .toggle span:after {
                width: 20px;
                height: 2px;
                background-color: #fff !important;
                border-radius: 2px;
                display: block;
            }

            #menu > .toggle span {
                -moz-transform: rotate(0deg);
                -ms-transform: rotate(0deg);
                -o-transform: rotate(0deg);
                -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
                display: block;
                position: relative;
                margin: 5px 0;
            }

                #menu > .toggle span:before {
                    content: '';
                    position: absolute;
                    top: -6px;
                }

                #menu > .toggle span:after {
                    content: '';
                    position: absolute;
                    top: 6px;
                }
}
/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */
