.blog-side-wrapper {
  max-width:750px;
  position:fixed;
  
  overflow:hidden;   
  right:-680px;
  z-index:99;
}
#blog-side-search {
  top:30rem;  
}
#blog-side-tags {
  top:38rem;
}
#blog-side-top {
  bottom:10%;
}
.blog-side-container {
  background:#008196;
  border-top-left-radius: 7px;
  border-bottom-left-radius: 7px;
  margin-bottom:1em;
  
  display:flex;  
  flex-flow: row wrap;
  align-items:center;
  align-content:center;
  justify-content: space-between;  
}
.blog-side-item {
  padding:1em;  
}
.blog-side-icon { 
  display:flex;
  align-content:center;  
  flex-basis:40px;
  vertical-align:middle;
  text-align:center;
}
.blog-side-item .block h3 {
  margin:0;padding:0;font-size:0;height:0;
}
.blog-side-content {
  flex-grow:2;  
  flex-basis:0; 
  width:800px;
}
.blog-side-content ul,
.blog-side-content li,
.blog-side-content ul li{
  margin:0;
  padding: 0;
  text-indent: 0;
  list-style-type: none;  
}

.blog-side-content li {
  display:inline-block;
}

.blog-side-content a {
  color:#fff;
}

.blog-side-content a:hover {
  color:#fff;
}

#blog-side-tags ul {
  display:flex;
  flex-flow: column wrap;
  height:80px;
  justify-content: space-around;
}
/*
 * Google Search
 * */
#blog-side-search table, #blog-side-search tr, #blog-side-search td, #blog-side-search th, #blog-side-search .gsc-input-box, #blog-side-search .cse .gsc-control-cse, #blog-side-search .gsc-control-cse {
  margin:0;
  padding:0;
  border:0;
  background:none;
}
#blog-side-search form.gsc-search-box {
  margin:0;
}
#blog-side-search .gsc-input {
  background:#008196;
}
#blog-side-search .gsc-search-button .gsc-search-button-v2 {
  background: #fff;
  border:0;
  border-radius:0;
  padding:0 30px;
  /*margin-bottom: 0.1rem;  */
  border-collapse:collapse;
}
#blog-side-search .gsc-search-button .gsc-search-button-v2 svg {
  display:none;
}
#blog-side-search .gsc-search-button .gsc-search-button-v2::after {
  color:#008196;
  content:" ";
  background-image: url('//cdn2.hubspot.net/hubfs/1535545/Rebranding%202019/Icons/pfeil-tuerkis.png');
  background-size:20px;
  background-repeat:no-repeat;
  background-position: right;  
  display: block;
  width: 20px;
  height: 30px;  
  line-height:30px;
}
/* clear search X */
#blog-side-search .gsib_b {
  background:#fff; 
}
#blog-side-search .gsib_b .gsst_a .gscb_a {
   color:#008196;
}
#gsc-i-id1 {
  background:#008196;  
}

/* Smaller than desktop (e.g. tablets) */
@media (max-width: 991px) {  
}

/* Smaller than tablets (e.g. mobile phones) */
@media (max-width: 767px) {  
  #blog-side-tags, #blog-side-search {
    display:none;
  }
}

/* IE10+ Settings */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  #blog-side-search .blog-side-container, #blog-side-tags .blog-side-container {
    width:750px;
  }
}
/* Edge Settings */
@supports (-ms-ime-align:auto) { 
  #blog-side-search .blog-side-container, #blog-side-tags .blog-side-container {
    width:750px;
  }  
}