.warpper{
  display:flex;
  flex-direction: column;
  align-items: center;
}

h3.kategoriehead {
    text-transform: capitalize;
}
.center.domenas {
  margin-top: -20px;
  margin-bottom: 20px;
}
.statserach {
  border-top: 1px solid #ccc;
  padding: 10px 0px;
  margin-bottom: 20px;
}
ul.regionsearcher {
    -moz-column-count: 4;
    -moz-column-gap: 20px;
    -webkit-column-count: 4;
    -webkit-column-gap: 20px;
    column-count: 4;
    column-gap: 20px;
}

.velkepis {
  text-transform: capitalize;
}
.tab{
  cursor: pointer;
  padding:10px 20px;
  margin:0px 2px;
  background:#000;
  display:inline-block;
  color:#fff;
  border-radius:3px 3px 0px 0px;
  box-shadow: 0 0.5rem 0.8rem #00000080;
}
.panels{
  background:#fffffff6;
  min-height:200px;
  width:100%;
  border-radius:3px;
  overflow:hidden;
  padding:20px;
}
.panel{
  display:none;
  animation: fadein .8s;
}
@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
.panel-title{
  font-size:1.5em;
  font-weight:bold
}
.radio{
  display:none;
}
#one:checked ~ .panels #one-panel,
#two:checked ~ .panels #two-panel,
#three:checked ~ .panels #three-panel{
  display:block
}
#one:checked ~ .tabs #one-tab,
#two:checked ~ .tabs #two-tab,
#three:checked ~ .tabs #three-tab{
  background:#fffffff6;
  color:#009ae1;
  border-top: 3px solid #009ae1;
}





.kategoriehead.velkepis {
  text-transform: capitalize;
}
.kategoriehl {
    text-align: center;
    padding: 3px;
    margin-bottom: 20px;
    float: left;
}
img.kategorieimg {
    display: block;
}
span.kategoriepocet {
    font-size: 14px;
    padding-left: 10px;
    display: block;
    color: grey;
}
.circular--landscape {display: block;position: relative;background: #efefef;width: 188px;height: 200px;overflow: hidden;border-radius: 50%;margin: 0 auto;margin-bottom: 10px;} 
.circular--landscape img {width: auto;}

/* Style the tab */
.tab {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
  color: grey;
}

/* Style the buttons inside the tab */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 17px;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
  display: none;
  border-top: none;
}


@media all and (min-width: 0px) and (max-width: 600px) {
.kategoriehl {
        float:  none !important;
}
.tabs {
  text-align: center;
}
ul.regionsearcher {
  -moz-column-count: 2 !important;
  -moz-column-gap: 20px;
  -webkit-column-count: 2 !important;
  -webkit-column-gap: 20px;
  column-count: 2 !important;
  column-gap: 20px;
}
}