/**
 * Style 2
 *
 * Hamburger to "x" (htx). Takes on a hamburger shape, bars slide
 * down to center and transform into an "x".
 */
.cmn-toggle-switch {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 60px;
  height: 60px;
  font-size: 0;
  text-indent: -9999px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-shadow: none;
  border-radius: none;
  border: none;
  cursor: pointer;
  background: none;
}

.cmn-toggle-switch:focus {
  outline: none;
}

.cmn-toggle-switch span {
  display: block;
  position: absolute;
  top: 27px;
  left: 15px;
  right: 15px;
  height: 4px;
  background: #000;
}

.cmn-toggle-switch span::before,
.cmn-toggle-switch span::after {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: #000;
  content: "";
}
.cmn-toggle-switch span::before {
  top: -10px;
}
.cmn-toggle-switch span::after {
  bottom: -10px;
}


.cmn-toggle-switch__htx {
    background-color: #fff;
}

.cmn-toggle-switch__htx span {
  -webkit-transition: background 0 0.3s;
          transition: background 0 0.3s;
}

.cmn-toggle-switch__htx span::before,
.cmn-toggle-switch__htx span::after {
  -webkit-transition-duration: 0.3s, 0.3s;
          transition-duration: 0.3s, 0.3s;
  -webkit-transition-delay: 0.3s, 0;
          transition-delay: 0.3s, 0;
}

.cmn-toggle-switch__htx span::before {
  -webkit-transition-property: top, -webkit-transform;
          transition-property: top, transform;
}

.cmn-toggle-switch__htx span::after {
  -webkit-transition-property: bottom, -webkit-transform;
          transition-property: bottom, transform;
}

/* active state, i.e. menu open */
.cmn-toggle-switch__htx.active {
  background-color: #ffec55;
}

.cmn-toggle-switch__htx.active span {
  background: none;
}

.cmn-toggle-switch__htx.active span::before {
  top: 0;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.cmn-toggle-switch__htx.active span::after {
  bottom: 0;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.cmn-toggle-switch__htx.active span::before,
.cmn-toggle-switch__htx.active span::after {
  -webkit-transition-delay: 0, 0.3s;
          transition-delay: 0, 0.3s;
}


/* tablet */
@media (max-width: 1340px){
    .home .main-menu > li {
        margin-right: 1px;
    }
    .home .main-menu {
        margin-left: 30px;
    }
    .home .main-menu li a {
        padding: 5px 10px;
    }
    .home .main-menu .sub-menu li a {
        padding: 9px 10px;
    }
    .nav-logo {
        margin-right: 30px;
    }
    .header.sticky .main-menu li a {
        padding: 20px 15px 15px;
    }
}
@media (min-width: 1100px) and (max-width: 1340px) {
    .home .main-menu {
        margin-left: 80px;
    }
}
@media (min-width: 992px) and (max-width: 1100px) {
    .home .main-menu {
        margin-left: 100px;
    }
}

/* tablet */
@media (max-width: 991px) {
    .cmn-toggle-switch {
        display: block;
    }
    .header {
        top: 0;
    }
    .main-menu {
        float: none!important;
        margin: 0!important;
        margin-top: 60px!important;
        position: relative;
        z-index: 1000;
        margin-left: -15px!important;
        margin-right: -15px!important;
        background: #fff;
    }
    .main-menu li {
        display: block!important;
        margin: 0!important;
    }
    .main-menu li.current-menu-item > a, .main-menu li .sub-menu li.current-menu-item a {
        color: #000!important;
        background: #ffec55; /* Old browsers */
		/*
        background: -moz-linear-gradient(top,  #fef468 0%, #ece13b 100%); /* FF3.6-15 *--/
        background: -webkit-linear-gradient(top,  #fef468 0%,#ece13b 100%); /* Chrome10-25,Safari5.1-6 *--/
        background: linear-gradient(to bottom,  #fef468 0%,#ece13b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ *--/
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fef468', endColorstr='#ece13b',GradientType=0 ); /* IE6-9 *--/
		*/
    }
    .main-menu li a {
        color: #000!important;
        border: 0!important;
        text-align: right!important;
        padding: 10px 14px!important;
    }
    .main-menu li:after, .main-menu li a:after {
        display: none!important;
    }
    .main-menu .sub-menu {
        position: static!important;
        display: none!important;
        height: 0px!important;
        opacity: 1!important;
        visibility: visible!important;
        box-shadow: none!important;
        border: 0!important;
        padding: 0!important;
        -webkit-transition: none !important;
        -moz-transition: none !important;
        -ms-transition: none !important;
        -o-transition: none !important;
    }
    .main-menu .sub-menu.open {
        display: block!important;
        height: auto!important;
    }
    .main-menu .sub-menu a {
        padding-right: 30px!important;
        position: relative!important;
        -webkit-transition: none !important;
        -moz-transition: none !important;
        -ms-transition: none !important;
        -o-transition: none !important;
    }
    .main-menu .sub-menu li a:after {
        display: block!important;
        content: "‹"!important;
        position: absolute;
        top: 10px;
        right: 15px;
    }
    .header.sticky .main-menu li .sub-menu li, .main-menu li .sub-menu li {
        background: none;
    }
    .main-menu li .sub-menu li:hover a {
        background: none!important;
    }
    .nav-search {
        display: none;
    }
    .main-menu {
        display: none;
    }
    .referenten-item {
        width: 25%;
    }
    .nav-logo {
        position: absolute!important;
        width: 60px!important;
        height: 60px!important;
        top: 0!important;
        left: 0!important;
        background-size: cover!important;
        margin-top: 0!important;
    }
    .tp-static-layers {
        width: 50%;
    }
    .slider-box {
        padding-left: 100px!important;
    }
    .tp-bullets {
        display: none!important;
    }
    .section-uber {
        padding: 20px 0;
    }
    .section-uber .btn.btn-arrow {
        margin-bottom: 30px;
    }
    .section-referenten .btn {
        margin-bottom: 30px;
    }
    .referent-item {
        width: 20%;
    }
    .gbv::after {
        display: none;
    }
    .gbv p {
        padding: 0 30px;
    }
    .section-internationale {
        padding: 30px 0;
    }
    .page-header {
        padding: 0!important;
        background-size: cover!important;
        background-position: center;
        height: 400px;
    }
    .page-header-bg {
        display: none;
    }
    .page-header-title {
        padding: 120px 0 0;
        text-shadow: 3px 3px 3px rgba(0,0,0,0.9);
    }
    .page-header-title h1 {
        font-size: 38px;
    }
    .page-subtitle {
        font-size: 26px;
        line-height: normal;
    }
    .gbv-box {
        padding: 30px 0;
    }
    .tabs-caption li {
        margin-right: 0;
    }
}


/* mobile */
@media (max-width: 767px) {
    .header {
        position: static;
        z-index: 10000;
    }
    .tp-bullets, .tp-tabs, .tp-thumbs {
        display: none!important;
    }
    .forcefullwidth_wrapper_tp_banner {
        x-display: none!important;
    }
    .tp-static-layers::after {
        display: none;
    }
    .accordion-wrapper-title {
        font-size: 28px;
    }
    .accordion-title {
        font-size: 22px;
    }
    .accordion-padding-right {
        padding-right: 0;
    }
    .vorstand-item {
        width: 100%;
    }
    .vorstand-data {
        display: none!important;
    }
    .referent-box {
        font-size: 0;
        margin-left: -20px;
        padding-top: 30px;
    }
    .referent-item {
        width: 135px;
        height: 135px;
        margin: 0 0 20px 20px;
    }
    .referent-name {
        padding-top: 40px;
    }
    .section-gbv {
        padding: 30px 0;
    }
    .gbv {
        padding-bottom: 30px;
    }
    .gbv p {
        padding: 0 15px;
        font-size: 16px;
    }
    .gbv-title {
        font-size: 40px;
    }
    .gbv-sub-title {
        font-size: 26px;
    }
    .section-internationale {
        padding: 30px 0;
    }
    .content {
        padding: 0;
    }
    .referent-list-toggle {
        max-width: 100%;
    }
    .referent-list-bg {
        width: 100%;
    }
    .ref-box {
        width: 100%;
    }
    .footer {
        height: auto;
        margin-top: 0;
    }
    .footer-menu {
        float: none;
        text-align: center;
    }
    .footer-social {
        float: none;
        margin-left: 0;
        text-align: center;
    }
    .footer-copyright {
        text-align: center;
    }
    .section-internationale img {
        margin-bottom: 20px;
    }
    .referenten-item {
        width: 50%;
    }
    .referenten-item img {
        width: 100%;
    }
    .referenten-more {
        padding-top: 38%;
    }
    .themen {
        padding: 30px 0;
    }
    .themen-form {
        margin-bottom: 30px;
    }
    .tips-content {
        padding-right: 20px;
    }

    .referenten {
        padding: 30px 0;
    }
    .referenten-name {
        font-size: 36px;
    }
    .referenten-img {
        margin-top: 30px;
    }
    .referenten-info {
        padding-top: 0;
        text-align: left;
    }
    .referenten-data {
        margin: 10px 0 0;
    }

    .tabs {
        margin: 15px 0 30px;
    }
    .tabs-caption li {
        width: 100%;
    }
    .tabs-caption li.active::after {
        display: none;
    }

    .page-gallery-item {
        width: 100%;
    }

    .themen-item {
        width: 100%;
    }

    .theme-box {
        padding: 30px 0;
    }
    .theme-link {
        border: 0;
        margin-bottom: 30px;
    }

    .vortragsborse-info img {
        margin-bottom: 30px;
    }

    .searchandfilter .sf-field-taxonomy-referent_termine{
    	width: 100%;
    	display: block!important;
    }

    .searchandfilter .sf-field-taxonomy-ort_termine{
    	width: 100%;
    	display: block!important;
    }

    .searchandfilter .sf-field-taxonomy-kontinent_termine{
    	width: 100%;
    	display: block!important;
    }

    .searchandfilter .sf-field-taxonomy-date_termine{
    	width: 100%;
    	display: block!important;
    }

    .searchandfilter label{
    	width: 100%;
    }

    .date-box{
      padding-bottom: 10px;
    }

    .text-box{
      padding-bottom: 10px;
    }

    .place-box{
      padding-bottom: 10px;
    }

    .refe-box{
      padding-bottom: 30px;
    }
}