/** Extra small devices (portrait phones, less than 576px) **/
@media screen and (max-width: 575px) { 
  .navbar-header {
    width: 100%;
}
.navbar .logo {
    max-width: 200px;
    padding: 0;
    margin-top: 2%;

}
#block-frontend-main-menu ul.menu {
  flex-wrap: wrap;
}
#block-frontend-main-menu ul.menu a {
  display: block;
}
#block-frontend-main-menu ul.menu li {
  width: 100%;
}
.introicons {
  top: -30px;
}
.slick img {
    height: 150%;
    width: 150%;
    max-width: 150%;
    margin-left: -25%;
}
.paragraph--type--slider {
  text-align: center;
  font-size: 0.8em;
}
.paragraph--type--slider .slidertxt {
  position: relative;
  left: auto;
  transform: none;
}
.paragraph--type--slider a {
  width: 100%;
  display: block;
  overflow: hidden;
  font-size: 0.8em;
}
.paragraph--type--slideshow .slick-arrow::before {
  color: gray;
}
.introicons tr, .introicons td,
.fronticons tr, .fronticons td {
  display: inline;
}
.introicons td {
  width: 50%;
  float: left;
}
.fronticons td {
  width: 33.33%;
  float: left;
  box-sizing: border-box;
  padding: 2%;
}
.field--name-field-inhaltselemente {
  padding: 0 10px;
}
}
/** Small devices (landscape phones, 576px and up) **/
@media screen and (min-width: 576px) { 
  .navbar-header {
    width: 100%;
}
.navbar .logo {
    max-width: 200px;
    padding: 0;
    margin-top: 2%;

}
#block-frontend-main-menu ul.menu {
  flex-wrap: wrap;
}
#block-frontend-main-menu ul.menu a {
  display: block;
}
#block-frontend-main-menu ul.menu li {
  width: 100%;
}
.introicons {
  top: -30px;
}
}

/**  Medium devices (tablets, 768px and up) **/
@media screen and (min-width: 768px) { 
  .navbar-header {
    width: 30%;
}
.navbar .logo {
    max-width: 150px;
    padding: 0;
    margin-top: 10%;
}
#navbar-collapse {
  width: 70%;
  margin: 0;
  float: right;
}
#block-frontend-main-menu {
    margin: 0;
}
#block-frontend-main-menu a {
  font-size: 1em;
  display: inline-block;
}
#block-frontend-main-menu .caret {
  display: block;
  margin: 0 auto;
}
#block-kontaktlink {
  display: none;
}
#block-frontend-main-menu ul.menu {
  flex-wrap: nowrap;
}
#block-frontend-main-menu ul.menu li {
  width: auto;
}
.introicons {
  top: -120px;
}
}

/** Large devices (desktops, 992px and up) **/
@media screen and (min-width: 992px) { 
  .navbar-header {
    width: 20%;
}
.navbar .logo {
    margin-top: 5%;
}
#navbar-collapse {
  width: 80%;
  margin: 0;
  float: right;
}
#block-frontend-main-menu {
    width: 80%;
}
#block-frontend-main-menu a {
  font-size: 1.2em;
    padding: 0;
    margin: 0;
    font-size: 1.2em;
}
#block-frontend-main-menu .caret {
  display: inline-block;
  margin: 0 0 0 2px;
}
#block-frontend-main-menu .dropdown-menu {
  min-width: 200px;
}
#block-kontaktlink {
  display: block;
}
.field--name-field-inhaltselemente {
  padding: 0;
}
}

/** Extra large devices (large desktops, 1200px and up) **/
@media screen and (min-width: 1200px) { 
  #block-frontend-main-menu {
    width: 60%;
    margin: 0 10%;
}
}


/** Small devices (< 600px and up) **/
@media screen and (max-width: 600px) { 
.paragraph--type--person {
 width:100% !important;
}
}

@media only screen and (max-width: 600px) {
  .paragraph--type--seitenheader .h1 { font-size:1.5em; }
  h3, .h3 { font-size: 20px; margin-top: 10px; }
}