@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url(fonts/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4gaVI.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  src: url(fonts/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsgH1x4gaVI.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  src: url(fonts/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsg-1x4gaVI.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(fonts/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0Rk8ZkWVAewA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url(fonts/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0RkxhjWVAewA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(fonts/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0RkyFjWVAewA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

.instruments  {
           margin:0;
           padding:0;
           float:none;
           height:588px;
           width:460px;
        }

.instruments ul li {
        display: inline;
        list-style: none;
        width: 72px;
        min-height: 68px;
        float: left;
        margin: 1px 0 1px 0;
                padding:2px;
        text-align: center;
        }

.instruments img {
     border:none
        }

.instruments ul li a {
        font-family: 'NobileRegular', Verdana, Arial, sans-serif !important;
        text-decoration:none !important;
        border:none !important;
        font-weight: normal;
    font-style: normal;
        font-size: 9px;
        line-height:8px;
        }

.wrapper { word-wrap: break-word; float:left; width:60%; padding:0px 20% 0px 20%; margin:0px auto; }   /* #2d874f; */    /*003e6d*/
a {color:#000; text-decoration: none; font-weight:600; color:#003e6d}

a:hover {text-decoration:underline; color:#003e6d;}

ul {padding-left:16px; margin-left:0px; }

ul.simple
{
        list-style-image:url('imgs/check.png');
}

li {padding-bottom:5px;}

h1 {color:#003e6d; font-size:30px; line-height:38px; }

h2 {color:##0000cd; font-size:24px; line-height:30px; padding-bottom:8px;}

h3 {color:#003e6d; }

h4 {color:#003e6d; font-weight:bold; }

#body {background-color:#ededed; margin:0px auto; font-family: 'Open Sans', sans-serif;}

#navigation {float:left; width:100%; height:238px; background-image: url('imgs/bg_stripblau.gif'); background-size:contain;}

#text_calc {width: calc(100% - 130px)}

#logo_container {float:left; display:block; padding-left:30px; padding-top:10px; width:160px;}

#mobile_nv_bm {display:none;}

#topnav {display:none;}

#logo_dk {width:150px; margin-top:-2px;; }

#logo_container_mobil {display:none;}

#contact_mobile {display:none;}

#contact_header {float:left; padding-top:83px; width: calc(100% - 220px); padding-right:30px; font-weight:bold;}

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

#adresse {display:block; padding-right:10px;float:right; font-size:19px; color:#ffffff;}

.icon_adb {display:block; float:right; width:20px; padding-right:10px;}

#telefon {display:block; padding-right:10px;float:right; font-size:19px; color:#ffffff;}

#call_me {display:block; padding-right:10px; float:right; font-size:23px; margin-top:-3px;color:#ffffff; font-variant:small-caps}

#menu_wrapper {margin-top:40px; float:left; width:100%; height:38px;}

.menu_inner {float:right; height:38px;}

.menu_element a, .menu_element a:visited {float:left; height:26px; background-color:#fff; margin-left:0px; padding:1px 7px 1px 7px; color:#003e6d; font-weight:bold; text-decoration:none; letter-spacing:0px; font-size:18px;} /* 2 x 13 statt 18 */

.menu_element a:hover {background-color:#003e6d; color:#fff; font-weight:bold;}

#menu_element_active {float:left;  background-color:#003e6d; height:26px;  padding:1px 7px 1px 7px; color:#fff; font-weight:bold; margin:0px; letter-spacing:0px; font-size:18px;}

#menu_main_active {display:none; float:left; margin-left:10px; width:23px; height:10px;}

.menu_main_inactive {float:left; margin-left:10px; width:23px; height:10px; }

.submenu_element a {float:left; height:26px; background-color:#fff; padding:0px 7px 0px 7px; color:#333; font-weight:500; text-decoration:none; letter-spacing:normal; font-size:17px; }  /* 3 x 14 statt 17 */

.submenu_element a:hover {font-weight:500; letter-spacing:0px; font-size:17px;}

.submenu_element_sel {float:left; font-size:17px; margin-left:0px; height:26px; background-color:#fff; padding:0px 7px 0px 7px; color:#333; font-weight:500; text-decoration:underline; letter-spacing:0px; }

.submenu_element_sel a {text-decoration: underline; font-weight:normal; color:#333333;}

#submenu_wrapper {margin-top:-2px; margin-left:-36px; float:left; width:105%; height:38px;}

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

#info_block {float:right; width:540px; margin:10% 30px 60px 0px; height:200px; background-color:#003e6d;}

#info_text {width:430px; position:relative; left:115px; top:-137px; color:#fff;}

#info_block_inner {width:130px; position:relative; left:-30px; top:23px;}

#info_head {font-size:30px; font-weight:bold;}

#header_bild {float:left; width:100%; background-size:cover; background-image: url('imgs/header_home.jpg');}

#info_link {display:inline; background-color:#fff; border-radius:3px; padding:2px 9px 2px 9px; text-decoration: none; color:#003e6d; font-weight:500; margin-top:8px;margin-right:20px; text-align:center;}

#footer {padding:20px 6% 19px 6%; float:left; width:88%; background-color: #003e6d; color:#fff; background-size: 15%;}

.footer_link a {float:right; padding:0px 20px 0px 20px; text-decoration:none; color:#fff;}

.footer_link a:hover {float:right; padding:0px 20px 0px 20px; text-decoration:underline;}

#content_area {padding:15px 6% 50px 6%; float:left; width:88%; background-color: #fff; background-image: url('imgs/bg_contentblau.gif'); background-position: right top; background-repeat: no-repeat; background-size: 15%}

#mobil_tel {float:left; font-size:18px; color:#003e6d;}

#mobil_spacing {float:left; width:100%; height:38px;}

#mobil_adresse {float:left; font-size:18px; color:#fff;}

.mobil_floater {float:left;}

.mobil_floater img {width:20px; margin-right:10px;}

.picture_frame { float:right; padding:5px 0px 12px 20px; width:40%}

.picture { width:100%; }

.picture_text {font-size:13px; font-weight:600; color:#003e6d;}

.clear {clear:both;}


@media (min-width: 1358px) and (max-width: 1870px) {

.menu_element a, .menu_element a:visited, .menu_element a:hover,#menu_element_active {font-size:14px; padding-top:4px; font-weight:bold;}      /*4*/

        .submenu_element a, .submenu_element a:hover, .submenu_element_sel, .submenu_element_sel a { padding-top:6px; font-size:14px; }       /*6*/

        .wrapper {
    float:left; width:70%; padding:0px 15% 0px 15%; margin:0px auto;
  }

        #call_me {display:block; font-size:21px; margin-top:-3px;}

        #adresse {font-size:17px;}

        #submenu_wrapper {margin-top:-2px; margin-left:-36px; float:left; width:105%; height:38px;}

        #telefon {font-size:17px;}

        #logo_dk {margin-top:-4px;}

     /*   .submenu_element a, .submenu_element a:hover, .submenu_element_sel, .submenu_element_sel a {letter-spacing:0px; color:#333;}   */
}

@media (min-width: 1190px) and (max-width: 1357px) {

        .menu_element a, .menu_element a:visited, .menu_element a:hover,#menu_element_active {font-size:14px; padding-top:4px; font-weight:bold;}

        .submenu_element a, .submenu_element a:hover, .submenu_element_sel, .submenu_element_sel a { padding-top:6px; font-size:14px; }

        .wrapper {
    float:left; width:80%; padding:0px 10% 0px 10%; margin:0px auto;
         }

        #call_me {display:block; font-size:21px; margin-top:-3px;}

        #adresse {font-size:17px;}

        #telefon {font-size:17px;}

        #logo_dk {margin-top:-4px;}

}

@media (min-width: 1102px) and (max-width: 1189px) {

        .menu_element a, .menu_element a:visited, .menu_element a:hover,#menu_element_active {font-size:13px; padding-top:4px; font-weight:bold;}

        .submenu_element a, .submenu_element a:hover, .submenu_element_sel, .submenu_element_sel a { padding-top:7px; font-size:13px; }

        .wrapper {
    float:left; width:84%; padding:0px 8% 0px 8%; margin:0px auto;
         }

        #call_me {display:block; font-size:21px; margin-top:-3px;}

        #adresse {font-size:17px;}

        #telefon {font-size:17px;}

        #logo_dk {margin-top:-4px;}

}

@media (min-width: 980px) and (max-width: 1101px) {

        .menu_element a, .menu_element a:visited, .menu_element a:hover,#menu_element_active {font-size:13px; padding-top:4px; font-weight:bold;}

        .submenu_element a, .submenu_element a:hover, .submenu_element_sel, .submenu_element_sel a  { padding-top:7px; font-size:13px; }

        .wrapper {
    float:left; width:94%; padding:0px 3% 0px 3%; margin:0px auto;
         }

        #call_me {display:block; font-size:21px; margin-top:-3px;}

        #adresse {font-size:17px;}

        #telefon {font-size:17px;}

        #logo_dk {margin-top:-4px;}

}

@media (min-width: 920px) and (max-width: 979px) {

        .menu_element a, .menu_element a:visited, .menu_element a:hover,#menu_element_active {font-size:12px; padding-top:4px; font-weight:bold;}

        .submenu_element a, .submenu_element a:hover, .submenu_element_sel, .submenu_element_sel a   { padding-top:6px; font-size:12px; }

        .wrapper {
    float:left; width:100%; padding:0px 0% 0px 0%; margin:0px auto;
         }

        #call_me {display:block; font-size:21px; margin-top:-3px;}

        #adresse {font-size:17px;}

        #telefon {font-size:17px;}

        #logo_dk {margin-top:-4px;}

}

@media (min-width: 884px) and (max-width: 919px) {

        .menu_element a, .menu_element a:visited, .menu_element a:hover,#menu_element_active {font-size:12px; padding-top:4px; font-weight:bold;}

        .submenu_element a, .submenu_element a:hover, .submenu_element_sel, .submenu_element_sel a   { padding-top:6px;font-size:12px; }

        .wrapper {
    float:left; width:100%; padding:0px 0% 0px 0%; margin:0px auto;
         }

        #call_me {display:block; font-size:21px; margin-top:-3px;}

        #adresse {font-size:17px;}

        #telefon {font-size:17px;}

        #logo_dk {margin-top:-4px;}

}

@media (min-width: 800px) and (max-width: 820px) {

        .menu_element a, .menu_element a:visited, .menu_element a:hover,#menu_element_active {font-size:11px; padding-top:4px; letter-spacing:-0.5px; font-weight:bold;}

        .submenu_element a, .submenu_element a:hover, .submenu_element_sel, .submenu_element_sel a   { letter-spacing:-1px; padding-top:6px; font-size:11px; }

        .wrapper {
    float:left; width:100%; padding:0px 0% 0px 0%; margin:0px auto;
         }

        #submenu_wrapper {margin-top:-2px; margin-left:-57px;float:left; width:110%; height:38px;}

        #call_me {display:block; font-size:19px; margin-top:-3px;}

        #adresse {font-size:15px; letter-spacing:-0.5px;}

        #telefon {font-size:15px; letter-spacing:-0.5px;}

        #logo_dk {width:130px; margin-top:15px;}

        #navigation {height:238px;}

        .footer_link a {font-size:14px; float:right; padding:0px 8px 0px 8px; text-decoration:none; color:#fff;}

        .footer_link a:hover {font-size:14px; float:right; padding:0px 8px 0px 8px; text-decoration:underline;}

}



@media (min-width: 821px) and (max-width: 883px) {

        .menu_element a, .menu_element a:visited, .menu_element a:hover,#menu_element_active {font-size:11px; padding-top:4px; letter-spacing:-0.5px; font-weight:bold;}      /* Original:15px 11 */

        .submenu_element a, .submenu_element a:hover, .submenu_element_sel, .submenu_element_sel a   { letter-spacing:-1px; padding-top:6px; font-size:11px; }               /* Original:14px 11 */

        .wrapper {
    float:left; width:100%; padding:0px 0% 0px 0%; margin:0px auto;
         }

        #call_me {display:block; font-size:20px; margin-top:-3px;}

        #adresse {font-size:16px; letter-spacing:-0.5px;}

        #telefon {font-size:16px; letter-spacing:-0.5px;}

        #logo_dk {width:130px; margin-top:15px;}

        #navigation {height:238px;}

        .footer_link a {font-size:14px; float:right; padding:0px 8px 0px 8px; text-decoration:none; color:#fff;}

        .footer_link a:hover {font-size:14px; float:right; padding:0px 8px 0px 8px; text-decoration:underline;}

}

@media (min-width: 768px) and (max-width: 799px) {

        .menu_element a, .menu_element a:visited, .menu_element a:hover,#menu_element_active {font-size:10px; padding-top:4px; letter-spacing:-0.5px; font-weight:bold;}   /* Original:_ 14px */

        .submenu_element a, .submenu_element a:hover, .submenu_element_sel, .submenu_element_sel a   { letter-spacing:-1px; padding-top:8px;font-size:10px; }   /* Original: 13px */

        .wrapper {
    float:left; width:100%; padding:0px 0% 0px 0%; margin:0px auto;
         }

        #submenu_wrapper {margin-top:-2px; margin-left:-26px; float:left; width:105%; height:38px;}

        #logo_dk {width:130px; margin-top:15px;}

        #call_me {display:block; font-size:18px; margin-top:-3px;}

        #adresse {font-size:14px; letter-spacing:-0.5px;}

        #telefon {font-size:14px; letter-spacing:-0.5px;}

        #logo_dk {width:130px; margin-top:15px;}

        #navigation {height:238px;}

        .footer_link a {font-size:14px; float:right; padding:0px 8px 0px 8px; text-decoration:none; color:#fff;}

        .footer_link a:hover {font-size:14px; float:right; padding:0px 8px 0px 8px; text-decoration:underline;}      /* Original: 12px */

}



@media (min-width: 321px) and (max-width: 767px) {

        .wrapper {
    float:left; width:100%; padding:0px 0% 0px 0%; margin:0px auto;}

        #contact_mobile {display:block; padding-top:12px;}

        #contact_header {display:none;}

        #navigation {float:left; width:100%; height:195px; background-image: url('imgs/bg_strip_mobilblau.png'); background-size:contain;}

        #logo_container {display:none;}

        #logo_container_mobil img {width:32px;}

        #logo_container_mobil {display:block; float:left; width:110px;}

        #logo_container_mobil img {width:120px; margin-left:15px; margin-top:15px;}

        #contact_mobile { float:left; padding-top:30px; width: calc(100% - 165px); padding-left:40px; font-weight:bold;}

        #info_block {float:left; width:100%; height:80%; padding:20px 0px 20px 0px; margin-left:0px; margin-right:0px; margin-top:100px; margin-bottom:0px;}

        #info_block_inner {float:left; width:30%; position:static;}

        #info_text { float:left; width: calc(70% - 30px); padding-left:15px; padding-right:15px; position:static; color:#fff; word-wrap: break-word;}

        #info_link {margin-top:10px; display:block; padding-bottom:7px; padding-top:7px;}

        .picture_frame { float:right; padding:5px 0px 12px 20px; width:100%}

        .picture {width:100%;}

        h1 {font-size:26px; line-height:29px}

        h2 {line-height:26px;}

        #header_bild {float:left; width:100%; background-size:contain; background-image: url('imgs/header_home.jpg');}


        #topnav {
          overflow: hidden;
          background-color: #003e6d;
          position: fixed;
          top:0px;
          width:100%;

        }

        #topnav #mob_links {
          display: none;
          padding-top:10px;
          padding-bottom:14px;
        }

        #topnav a {
          color: #fff;
          padding: 3px 40px;
          text-decoration: none;
          font-size: 17px;
          display:block;

        }

        #topnav a:hover {

          color: fff;
          text-decoration: underline;
        }

        .active {
          background-color: #003e6d;
          color: white;
        }

        #mobile_nv_bm {display:block;}

        #topnav {display:block;}

        .footer_link a {font-size:14px; float:right; padding:0px 8px 0px 8px; text-decoration:none; color:#fff;}

        .footer_link a:hover {font-size:14px; float:right; padding:0px 8px 0px 8px; text-decoration:underline;}
}


@media (min-width: 1px) and (max-width: 320px) {

        #topnav {
    overflow: hidden;
    background-color: #003e6d;
    position: fixed;
    top: 0px;
    width: 100%;
}

        .wrapper {
    float:left; width:100%; padding:0px 0% 0px 0%; margin:0px auto;}

        h1 {
    font-size: 21px;
    line-height: 23px;
        }

        h2 {
    line-height: 21px;
        font-size: 18px;
        }

        h2 {
    line-height: 19px;
        font-size: 16px;
        }

        #info_head {
    font-size: 20px;
    font-weight: bold;
        }

        #info_text {
    float: left;
    width: calc(70% - 30px);
    padding-left: 15px;
    padding-right: 15px;
    position: static;
    color: #fff;
    word-wrap: break-word;
    font-size: 14px;
        }

        #mobil_adresse, #mobil_tel { font-size:14px; }

        #contact_mobile {display:block; padding-top:12px; padding-left:34px; }

        #contact_header {display:none;}

        #navigation {float:left; width:100%; height:195px; background-image: url('imgs/bg_strip_mobilblau.png'); background-size:contain;}

        #logo_container {display:none;}

        #logo_container_mobil img {width:32px;}

        #logo_container_mobil { display:block; float:left; width:90px;}

        #logo_container_mobil img {width:90px; margin-left:15px; margin-top:15px;}

        #contact_mobile { float:left; padding-top:30px; width: calc(100% - 165px); padding-left:20px; font-weight:bold;}

        .mobil_floater img { width:14px; }

        #navigation { height:177px; }

        #info_block {float:left; width:100%; height:80%; padding:20px 0px 20px 0px; margin-left:0px; margin-right:0px; margin-top:100px; margin-bottom:0px;}

        #info_block_inner {float:left; width:30%; position:static;}

        #info_text { float:left; width: calc(70% - 30px); padding-left:15px; padding-right:15px; position:static; color:#fff; word-wrap: break-word;}

        #info_link {margin-top:10px; display:block; padding-bottom:7px; padding-top:7px;}

        .picture_frame { float:right; padding:5px 0px 12px 20px; width:100%}

        .picture {width:100%;}


        #header_bild {float:left; width:100%; background-size:contain; background-image: url('imgs/header_home.jpg');}


        #topnav {
          overflow: hidden;
          background-color: #003e6d;
          position: fixed;
          top:0px;
          width:100%;


        }

        #topnav #mob_links {
          display: none;
          padding-top:10px;
          padding-bottom:14px;
        }


        #topnav a {
          color: #fff;
          padding: 3px 40px;
          text-decoration: none;
          font-size: 15px !important;
          display:block;
          padding-top:5px !important;
          padding-bottom:3px !important;
          margin-bottom:3px !important;

        }

        #topnav a:hover {

          color: fff;
          text-decoration: underline;
        }

        .active {
          background-color: #00e000;
          color: white;
        }

        #content_area { font-size:12px; }

        #mobile_nv_bm {display:block;}

        #topnav {display:block;}

        .footer_link a {font-size:14px; float:right; padding:0px 8px 0px 8px; text-decoration:none; color:#fff;}

        .footer_link a:hover {font-size:14px; float:right; padding:0px 8px 0px 8px; text-decoration:underline;}
}