.inner-block {
  padding: 0 0 100px 0;
}

.cat-box {
  padding: 2px 4px 0 4px;
  font-size: 22px !important;
  font-weight: 600;
}

.cat-title h1 {
  font-size: 1.8rem;
  font-weight: 600;
}

.sub-cat-title {
  overflow: hidden;
  padding: 0 25px 15px 25px;
  /* background: #1A92DB; */
  /* background: #ccc; */
  -moz-border-radius: 0 0 0 0;
  -webkit-border-radius: 0 0 0 0;
  border-radius: 0 0 0 0;
}

ul.dyncat {
  list-style: none;
  -webkit-column-count: 1;
  -moz-column-count: 1;
  column-count: 1;
}

@media (min-width: 720px) {
  ul.dyncat {
    list-style: none;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }
}

@media (min-width: 960px) {
  ul.dyncat {
    list-style: none;
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
  }
}

@media (max-width:992px) {
  #breadcrumbs {padding-top: 1.5rem}
}

@media (max-width:576px) {
  #page-container {padding: 0px;}
  .breadcrumb-item span {font-size: 0.8rem;}
  span.hidden-mobile {display: none; }

  .cat-box p {font-size: 0.8rem;}
}

@media (min-width:577px) {

	span.hidden-desktop  {display: none; }

}

/* ul.dyncat > li { display: block; height: 40px; }
ul.dyncat > li > div.cat-title { float: left }
ul.dyncat > li > div.cat-number { float: right } */

#overlay {
    position: fixed; /* Sit on top of the page content */
    /*display: none;  Hidden by default */
    width: 100%; /* Full width (cover the whole page) */
    height: 100%; /* Full height (cover the whole page) */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.4); /* Black background with opacity */
    z-index: -2; /* Specify a stack order in case you're using a different order for other elements */
    /* cursor: pointer; Add a pointer on hover */
}

// Definition Textgröße textsize
// Extra small devices (portrait phones, less than 576px)
// No media query for `xs` since this is the default in Bootstrap

// Small devices (landscape phones, 576px and up to 768px)

// Medium devices (tablets, 768px and up)
@media (max-width: 576px) { 
	.textsize {
		font-size: 18px;
	} 

}

// Large devices (desktops, 992px and up)
@media (max-width: 992px) { 
	.textsize {
		font-size: 22px;
	} 

}

// Extra large devices (large desktops, 1200px and up)
@media (max-width: 1200px) { 
	.textsize {
		font-size: 24px;
	} 

}

// Definition Textgröße textsize2
// Extra small devices (portrait phones, less than 576px)
// No media query for `xs` since this is the default in Bootstrap

// Small devices (landscape phones, 576px and up to 768px)
@media (max-width: 768px) { 
	.textsize2 {
		font-size: 20px;
	}
	
}

// Medium devices (tablets, 768px and up)
@media (min-width: 577px) { 
	.textsize2 {
		font-size: 22px;
	} 

}

// Large devices (desktops, 992px and up)
@media (min-width: 992px) { 
	.textsize2 {
		font-size: 24px;
	} 

}

// Extra large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { 
	.textsize2 {
		font-size: 26px;
	} 

}