@media only screen
and (min-width : 1281px) {
  .resp {
    display: none;
  }  
}

/* 1280 */
@media only screen
and (max-width : 1280px) {
  .noresp {
    display: none;
  }
  .container {
    padding-left: 20px;
    padding-right: 20px;
  } 
  header {
    height: 100px !important;
    top: 0;
  }
  main {
    padding-top: 100px;
  }
  header #brand-line {
    height: 100px;
  }
  header #brand-line .dekor-container {
    position: absolute;
    left: 20px;
  }
  header #brand-line .dekor-container img {
    object-fit: cover !important;
  }
  #cookie {
    left: calc(50% - 225px);
    bottom: 20px;
  }
  footer #contact-line .logo-container {
    padding-left: 20px;
  }
  footer #contact-line .button-container {
    padding-right: 20px;
  }
  footer #contact-line .button-container a i {
    padding-right: 0;
  }
  footer #contact-line .button-container a {
    padding: 0 15px;
  }
  section#page-content h2::after {
    display: none;
  }
  section#page-content h2 {
    white-space: normal;
    width: 100%;
  }
  section#page-content ul.arrows {
    padding-left: 30px;
  }
  section#page-content ul.arrows li::before {
    left: -25px;
  }
  main.splash section#page-image-container {
    height: 400px;
  }
  #main-timing {
    height: auto;
    bottom: 60px;
    width: max-content;
    max-width: calc(100% - 40px);
    padding: 20px;
  }
  #midweek-course {
    font-size: 14px;
  }
  #main-timing h2 {
    text-align: center;
  }
  #main-timing h3 {
    font-size: 36px;
  }
  header #brand-line .dekor-container {
    width: 300px;
  }
  header nav {
    position: fixed;
    width: 100%;
    background: rgba(255,190,11,0.95);
    top: 0;
    left: 0;
    z-index: -1;
    height: 0;
    opacity: 0;
    justify-content: center;
    padding: 30px 30px 0 30px;
    overflow: hidden;
  }
  header nav.visible {
    height: 100%;
    opacity: 1;
    z-index: 3000;
  }
  header nav ul {
    flex-direction: column;
    justify-content: flex-start !important;
  }
  header nav li {
    height: auto;
    width: 100%;
    justify-content: center;
  }
  header nav li:not(:last-child) {
    padding-bottom: 10px;
    border-bottom: rgba(186,41,84,0.5) 1px dotted;
    margin-bottom: 10px;
  }
  header nav a {
    height: auto;
    width: 100%;
    justify-content: center;
    background: none !important;
    text-align: center;
  }
  header nav li.selected a::after {
    display: none;
  }
}

/* 992 */
@media only screen
and (max-width : 992px) {
  main:not(.splash) #page-content {
    background-size: 300% auto;
  }
  .items.col-2 .entry {
    width: calc((100% / 1) - 30px);
  }
  #registration-form .row {
    flex-direction: column;
  }
  #registration-form input,
  #registration-form textarea {
    width: 100% !important;
    margin: 0 !important;
  }
  #registration-form .row input:last-child,
  #registration-form .row button:last-child {
    margin-top: 20px !important;
  }  
  #registration-form button {
    width: 100%;
    margin-left: 0 !important;
    height: 60px;
  }
}

/* 768 */
@media only screen
and (max-width : 768px) {
  .items.col-3 .entry {
    width: calc((100% / 1) - 30px);
  }
  section#hurry {
    height: auto;
    padding: 50px 20px;
  }
  section#page-content .instructor .wrapper {
    flex-direction: column;
  }
  section#page-content .instructor .wrapper .data-container {
    margin-top: 30px;
  }
  section#page-content .instructor .wrapper .data-container h2 span {
    display: block;
  }
  section#page-content .instructor .background-image-container {
    width: 550px;
    height: 550px;
  }
  main.contact .contact {
    flex-direction: column;
    align-items: center;
  }
  main.contact .contact a:last-child {
    margin-top: 15px;
  }
  section#page-content .quote-photo .entry {
    flex-direction: column;
  }
  section#page-content .quote-photo .quote {
    padding: 30px 0 15px 0;
  }
  section#page-content .quote-photo .quote h2 span,
  section#page-content .quote-text .quote h2 span {
    display: block;
  }
  section#hitel3-container .container::after {
    display: none; 
  }
  #main-timing {
    bottom: 30px;
  }
  #midweek-course {
    font-size: 14px;
  }  
}

/* 576 */
@media only screen
and (max-width : 576px) {
  footer #contact-line .button-container a {
    padding: 0 15px;
  }
  header #brand-line .dekor-container {
    width: 250px;
  }
  section#page-content .instructor .background-image-container {
    display: none;
  }
  section#page-content .instructor .image-container {
    width: 100%;
  }
  #cookie {
    flex-direction: column;
    width: calc(100% - 40px);
    left: 20px;
  }
  #cookie .icon {
    justify-content: center;
  }
  #cookie .content {
    padding: 0;
    margin-top: 20px;
  }
  #cookie span {
    text-align: center;
  }
  #cookie .button {
    margin-left: auto;
    margin-right: auto;
  }
  section#page-image-container {
    height: 200px;
  }
  section#hitel1-container h2 span,
  section#hitel2-container h2 span {
    top: -15px;
  }
  main.splash section#page-image-container {
    height: 500px;
  }  
}