.wrapper {
  background: none repeat scroll 0 0 #fff;
  border: 1px solid #fff; border-radius: 5px; box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.4);
  font-family: arial;
  overflow:hidden;
}
#hintergrund { background: url(https://www.tv-grawe.de/ebay-grawe/shopback2.jpg) repeat-x scroll 0 0 rgba(0, 0, 0, 0); height: 110px; width: 100%;margin:0 auto;}
#header {background:url(https://www.tv-grawe.de/ebay-grawe/logo_head.png) no-repeat; min-width:300px;height:110px;margin: 0;}
div.kopfzeile { background-color: #F5F5F5; padding: 20px; font-family: arial;text-align: center;}
@media screen and (min-width: 601px) {
  div.kopfzeile {
    font-size: 18px;
  }
}

@media screen and (max-width: 600px) {
  div.kopfzeile {
    font-size: 14px;
  }
}
.bild {text-align: center;}
.one { max-width: 100%; height: auto;}
.content {/* background: #c80000; */ }
@import "bourbon";
/* Android 2.3 :checked fix */
@keyframes fake {
  from {
    opacity: 1;
  }
  to {
    opacity: 1;
  }
}
.agency-menu-bd {
  animation: fake 1s infinite;
  background-color: #f5f5f5;
}
.worko-tabs {
  margin: 20px auto;
  width: 100%;
  color: #000;
}
.worko-tabs .state {
  position: absolute;
  left: -10000px;
}
.worko-tabs .flex-tabs {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.worko-tabs .flex-tabs .tab {
  flex-grow: 1;
  max-height: 40px;
}
.worko-tabs .flex-tabs .panel {
  background-color: #f5f5f5;
  padding: 20px 30px 20px 20px;
  min-height: 300px;
  display: none;
  width: 100%;
  flex-basis: auto;
}
.worko-tabs .tab {
  display: inline-block;
  padding: 10px;
  vertical-align: top;
  background-color: #f5f5f5;
  cursor: hand;
  cursor: pointer;
            font-size: 152%;
  border-left: 10px solid #484848;
}
.worko-tabs .tab:hover {
  background-color: #f5f5f5;
}
#tab-one:checked ~ .tabs #tab-one-label,
#tab-two:checked ~ .tabs #tab-two-label,
#tab-three:checked ~ .tabs #tab-three-label,
#tab-four:checked ~ .tabs #tab-four-label {
  background-color: #f5f5f5;
  cursor: default;
  border-left-color: #f47e43;
}
#tab-one:checked ~ .tabs #tab-one-panel,
#tab-two:checked ~ .tabs #tab-two-panel,
#tab-three:checked ~ .tabs #tab-three-panel,
#tab-four:checked ~ .tabs #tab-four-panel {
  display: block;
}
@media (max-width: 600px) {
  .flex-tabs {
    flex-direction: column;
  }
  .flex-tabs .tab {
    background: #f5f5f5;
    border-bottom: 1px solid #f47e43;
  }
  .flex-tabs .tab:last-of-type {
    border-bottom: none;
  }
  .flex-tabs #tab-one-label {
    order: 1;
  }
  .flex-tabs #tab-two-label {
    order: 3;
  }
  .flex-tabs #tab-three-label {
    order: 5;
  }
  .flex-tabs #tab-four-label {
    order: 7;
  }
  .flex-tabs #tab-one-panel {
    order: 2;
  }
  .flex-tabs #tab-two-panel {
    order: 4;
  }
  .flex-tabs #tab-three-panel {
    order: 6;
  }
  .flex-tabs #tab-four-panel {
    order: 8;
  }
  #tab-one:checked ~ .tabs #tab-one-label,
  #tab-two:checked ~ .tabs #tab-two-label,
  #tab-three:checked ~ .tabs #tab-three-label,
  #tab-four:checked ~ .tabs #tab-four-label {
    border-bottom: none;
  }
  #tab-one:checked ~ .tabs #tab-one-panel,
  #tab-two:checked ~ .tabs #tab-two-panel,
  #tab-three:checked ~ .tabs #tab-three-panel,
  #tab-four:checked ~ .tabs #tab-four-panel {
    border-bottom: 1px solid #f47e43;
  }
}

#tab-one-panel, #tab-two-panel, #tab-three-panel, #tab-four-panel  {background: #fff;
}
#tab-one-panel strong {font-weight:bold;}
#tab-two-panel strong {font-weight:bold;}
#tab-three-panel strong {font-weight:bold;}
#tab-four-panel strong {font-weight:bold;}

strong {font-weight:bold;}

/**
 * Generic Styling
*/
#body {
  background: #f5f5f5;
  /* min-height: 100vh; */
	box-sizing: border-box;
	/* padding-top: 10vh; */
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 300;
  line-height: 1.5;
  max-width: 60rem;
  margin: 0 auto;
  font-size: 82%;
}


.tabs p {font-weight: 400;}

.icontainer {
  width: 100%;
  height: auto;
list-style:square inside;
  /*add flexbox style*/
  display: flex;
  flex-direction: row;
  justify-content: space-around;
 }

.ibox{
  width: 32%;
/*  height:300px; */
list-style:square inside;
  box-sizing: border-box;
  font-size; 50px;
 }

/*add responsive media quaries*/

@media screen and (max-width:1200px){
  .ibox{
   width: 40%;
}}
@media screen and (max-width:600px){
  .ibox{
   width: 90%;
}}

#fuss {
font-size:10px;
color:#ccc;
text-align: center;
}


.iboxen{
  width: 32%;
/*  height:300px; */
list-style:square inside;
  box-sizing: border-box;
  font-size; 50px;
 }

/*add responsive media quaries*/

@media screen and (max-width:1200px){
  .iboxen{
   width: 40%;
}}
@media screen and (max-width:600px){
  .iboxen{
   width: 90%;
}}