.sidebar {height: 100%;width: 70px;top:0;overflow-x: hidden;transition: 0.5s;position:fixed;z-index:9;left:0;border-right:solid 1px #909090;background-image:url(../img/transparent.png);}
.sidebar_small {height: 100%;width: 280px;position: fixed;z-index:999;top: 0;left: 0;overflow-x: hidden;transition: 0.5s;padding-top: 70px;padding-top:120px;background:#202020;border-right:solid 1px #909090;}
.tg_menu{display:none;}
.tg_menu_hidden{display:block;z-index:9999;}
.tg_menu1{display:block;z-index:9999;}
.tg_menu_hidden1{display:none;}
#tg_menu{margin-left:30px;}
#tg_menu1{text-align:left;}
#tg_menu ul > li  {list-style:none;margin:0;padding:0;}
#tg_menu ul {margin:0;padding:0;}
#tg_menu1 ul > li  {list-style:none;margin-left:25px;}
#tg_menu1 ul {margin:0;padding:0;}
#mobile-nav {display: block;}
.menuContainer {display: inline-block;cursor: pointer;}
.bar1,.bar2,.bar3 {width: 25px;height: 3px;margin: 5px 0;transition: 0.4s;color:#fff}
.barcolor{background:#fff}
.barcolor1{background:#fff}
.change .bar1 {-webkit-transform: rotate(-45deg) translate(-5px, 6px);transform: rotate(-45deg) translate(-6px, 0px);}
.change .bar2 {opacity: 0;}
.change .bar3 {-webkit-transform: rotate(45deg) translate(-8px, -8px);transform: rotate(45deg) translate(-10px, -6px);}
a.menulink:link{font-size:20px;color:#fff;display:block;margin-bottom:15px;}
a.menulink:visited{font-size:20px;color:#fff;display:block;margin-bottom:15px;}
.roterlink{color:#1589e5;}
.test{display:none;}
.visible{position:absolute;overflow-x: hidden;left:80px;width:150px;height:30px;background:#505050;color:#fff;border-radius:3px;margin:auto;text-align:center;display:block;padding-top:2px;z-index:997;margin-top:5px}
.bar_around_small{height: 100%;width: 160px;position: fixed;top: 0;left: 0;overflow-x: hidden;transition: 0.5s;z-index:9;padding-top:150px;padding-left:30px;}
.menubutton{top:25px;left:29px;}
.menu-shrink {top:25px;left:29px;}
.barr_dark{background-color:#000}
.lang_color-shrink {top:10px;right:50px}
.tooltip-toggle {cursor: pointer;position: relative;}
.tooltip-toggle::before {position: absolute;top: -8px;left: -187px;background-color: #1589e5;border-radius: 3px;color: #fff;content: attr(data-tooltip);text-transform: none;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;width: 153px;height:30px;padding-top:3px;z-index:9999999999999999;}
.tooltip-toggle::before,.tooltip-toggle::after {color: #efefef;font-size: 16px;opacity: 0;pointer-events: none;text-align: center;}
.tooltip-toggle:hover::before,.tooltip-toggle:hover::after {opacity: 1;-webkit-transition: all 0.75s ease;transition: all 0.75s ease;}
.tooltip-toggle1 {cursor: pointer;position: relative;}
.tooltip-toggle1::before {position: absolute;top: -8px;left: 187px;background-color: #fff;border-radius: 3px;color:#202020;content: attr(data-tooltip);text-transform: none;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;width: 400px;height:auto;padding:30px;z-index:9999999999999999;box-shadow: 0 8px 6px -6px #707070;text-align:left}
.tooltip-toggle1::before,.tooltip-toggle::after {color: #202020;font-size: 16px;opacity: 0;pointer-events: none;text-align: left;}
.tooltip-toggle1:hover::before,.tooltip-toggle:hover::after {opacity: 1;-webkit-transition: all 0.75s ease;transition: all 0.75s ease;}
a.scroll-link1 {float: left;position: relative;padding-bottom: 5px;padding-top: 1px;text-decoration: none;display:block;}
a.new_w {width:160px}
a.scroll-link1:after {content: '';display: block;position: absolute;bottom: 0;left: 50%;height: 3px;width: 0;background: transparent;}
.scroll-link1:after {transition: width .5s ease, background-color .5s ease, left .5s ease;}
.scroll-link1:hover:after {width: 100%;left: 0;background: #1589e5;}
a.scroll-link1_ohne {float: left;position: relative;text-decoration: none;display:block;}
a.scroll-link1_ohne:after {content: '';display: block;position: absolute;bottom: 0;left: 50%;height: 3px;width: 0;background: transparent;}
.scroll-link1_ohne:after {transition: width .5s ease, background-color .5s ease, left .5s ease;}
.scroll-link1_ohne:hover:after {width: 100%;left: 0;background: #1589e5;display:block;}
a.ip:link{color:#000}
a.ip:visited{color:#000}
#top_but {display: none;position: fixed;bottom: 50px;right: 20px;z-index: 99;font-size: 18px;border: none;outline: none;background-color: #303030;color: white;cursor: pointer;padding: 10px;border-radius: 4px;font-weight:bold}
#top_but:hover {background-color: #1589e5;}

  @media only screen and (max-width : 768px) {
      a.new_w {width:100%}
      .sidebar {height: 100%;width: 0px;top:0;overflow-x: hidden;transition: 0.5s;position:fixed;z-index:9999;left:0;background-image:url(../img/transparent4.png);border-right:solid 1px #909090;}
      #tg_menu1{display:none;}
      a.scroll-link1:link{font-size:16px;}
      a.scroll-link1:visited{font-size:16px;}
      .bar_around{width:1px !important}
      .bar_around_small{width:200px;}
      #tg_menu{margin-left:20px;}
      .sidebar_small {height: 100%;width: 200px;position: fixed;z-index: 1;top: 0;left: 0;overflow-x: hidden;transition: 0.5s;padding-top: 70px;padding-top:120px;background-image:url(../img/transparent4.png);border-left:solid 1px #909090;}
  }
  @media (min-width: 768px) and (max-width: 992px) {

  }
  @media (min-width: 768px) and (max-width: 992px) {
      a.new_w {width:100%}
  }
  @media (min-width: 992px) and (max-width: 1300px) {

  }
  @media (max-width: 480px) {
      a.scroll-link1:link{font-size:16px;display:block;margin-bottom:15px;}
      a.scroll-link1:visited{font-size:16px;display:block;margin-bottom:15px}
      a.scroll-link1_ohne:link{font-size:16px;width:100%}
      a.scroll-link1_ohne:visited{font-size:16px;width:100%}
      a.scroll-link1 {float: left;font-size:16px;width:100%}
      .sidebar_small {background-image:url(../img/transparent.png);}
  }
  @media only screen
  and (min-device-width : 768px)
  and (max-device-width : 1024px)
  and (orientation : portrait) {

}