/*
 Theme Name:   netacad
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1


*/
body {
	border-top: 2px solid var(--accent);
}
a:not(.gb-button) {
	color: #c51341;
  text-decoration: underline;
}
.icon-arrow-up {
  color: white;
}
li a { text-decoration: none !important;}
body:not(.veranstaltungen-template-default) .inside-header {
  border-bottom: 1px solid var(--accent);
}
.polygon-grid {
	position: absolute !important;
	top:-94px;
}
.site-header {
	z-index: 100;
}
.button-effect .gb-icon {
	transition: transform 0.15s ease-in;
}
.button-effect:hover .gb-icon {
	transform: translateX(4px);
}
h2 {
	position: relative;
}


/* Teaser Veranstaltung -------------- Start */
.event-grid-container {
	padding-right: 0px;
	padding-bottom: 60px;
	padding-left: 0px;

}
@media (max-width: 767px) {
	.event-grid-container {
	  padding-right: 0px;
	  padding-left: 0px;
	  padding-bottom: 30px;
	}
  }
.event-grid {
 
	row-gap: 40px;
	margin-left: -40px;
	display: flex;
  flex-wrap: wrap;
}
.event-grid > .gb-grid-column {
	padding-left: 40px;
	width: 50%;
}
@media (max-width: 767px) {
	.event-grid > .gb-grid-column {
	  width: 100%;
	}
  }

.event-cont {
 z-index: 1;
height: 100%;
  position: relative;
  overflow-x: hidden;
  overflow-y: hidden;
  padding: 30px 30px 30px;
  background-color: var(--base-3);
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.1), var(--base));
  border-right: 1px solid var(--accent);
  border-left: 1px solid var(--accent);
  border-top: 1px solid var(--accent);
  border-bottom: 5px solid var(--accent);
}
.event-cont.EAMKON::after {
  content: "";
  z-index: -2;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
  background-image: url(/wp-content/themes/netacad/img/eamkon-grid-16-16-16.svg);
  background-position: bottom right;
  background-repeat: no-repeat;
  background-attachment: scroll;
}
.event-cont.DATAGOVKON::after {
  content: "";
  z-index: -2;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
  background-image: url(/wp-content/themes/netacad/img/datagovkon-grid-18-18.svg);
  background-position: bottom right;
  background-repeat: no-repeat;
  background-attachment: scroll;
}
.event-cont.SMARTPROCESSKON::after {
  content: "";
  z-index: -2;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
  background-image: url(/wp-content/themes/netacad/img/smartprocess-grid.svg);
  background-position: bottom left;
  background-repeat: no-repeat;
  background-attachment: scroll;
}
.event-cont.EAMKON-last::after {
  content: "";
  z-index: -2;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
  background-image: url(/wp-content/themes/netacad/img/EAM-Polygon-grid.svg);
  background-position: top right;
  background-repeat: no-repeat;
  background-attachment: scroll;
  opacity: 0.8;
}
.event-cont.DATAGOVKON-last::after {
  content: "";
  z-index: -2;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
  background-image: url(/wp-content/themes/netacad/img/DATA-Polygon-grid.svg);
  background-position: top right;
  background-repeat: no-repeat;
  background-attachment: scroll;
  opacity: 0.6;
}
.event-cont.EAMKON-last, .event-cont.DATAGOVKON-last {
  padding-bottom: 0px;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: normal;
  align-items: normal;
  align-content: stretch;
}
.event-cont-first {
  display: block;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  align-self: auto;
  order: 0;
}
.event-cont-last {
  display: block;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
  align-self: auto;
  order: 0;
  background-color: #c2c4c5;
  margin-right: -30px;
  margin-left: -30px;
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 15px;
  padding-bottom: 8px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.event-cont-last-cont {
  display: flex;
  align-items: flex-start;
  column-gap: 0.8em;
  z-index: 10;
  position: relative;
}
.event-cont-last-cont span svg {
  width: 2.3em;
  height: 2.5em;
  fill: #847f7f;
  opacity: 0.8;
}
.event-cont.EAMKON-last p.event-moreinfo, .event-cont.DATAGOVKON-last p.event-moreinfo {
  margin-bottom: 0em;
  padding-bottom: 10px;
}
.event-cont.EAMKON-last p.event-thema, .event-cont.DATAGOVKON-last p.event-thema {
  padding-top: 15px;
  margin-bottom: 0em;
  font-size: 18px;
  line-height: 25px;
  padding-right: clamp(0rem, -1.517rem + 6.4725vw, 6.25rem);
}
.event-cont.EAMKON-last p.event-moreinfo, .event-cont.DATAGOVKON-last p.event-moreinfo {
  margin-left: -30px;
  padding-left: 30px;
  margin-right: -30px;
  padding-right: 30px;
  padding-top: 10px;
  color: white;
  font-size: 18px;
  text-align: right;
}
.event-cont.EAMKON-last p.event-moreinfo a, .event-cont.DATAGOVKON-last p.event-moreinfo a {
  color: white;
}

@media (max-width: 767px) {
	.event-cont {
	  padding-right: 10px;
	  padding-bottom: 20px;
	  padding-left: 10px;
	}
  }

.event-date-cont {
display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: -30px -30px 30px;
}
.event-date-cont-left {

}

.event-claim::before, .event-claim::after {
  content: " ";
  width: 1.719vw;
  height: 0.26vw;
  background-color: #939292;
}
.claim::before, .claim::after {
  content: " ";
  width: 1.719vw;
  height: 0.26vw;
  background-color: #939292;
}

@media (max-width: 767px) {
  .event-claim {
      margin-bottom: 5px; 
  }
  .event-claim::before, .event-claim::after {
    height: 0.66vw;
  }
  .claim::before, .claim::after {
    height: 0.66vw;
  }
  .wp-block-navigation.is-vertical {
    --navigation-layout-align: center !important;
  }
}
.event-date-cont-right {
  padding: 3px 15px 3px 15px;
  border-bottom-left-radius: 15px;
  background-color: var(--accent);
}
.DATAGOVKON-last .event-head, .EAMKON-last .event-head {
  font-size: 35px;
}
.DATAGOVKON-last .event-claim, .EAMKON-last .event-claim {
  font-size: 15px;
}
@media (max-width: 767px) {
	.event-date-cont-right {
	  padding-right: 30px;
	  padding-left: 15px;
    font-size: 15px;
    padding-top: 3px;
    padding-bottom: 3px;
	}
}
.event-date-cont-text {
margin-bottom: 0px;
  color: var(--base-3);
}
h2:not(.event-head, .participant_name, .wc-block-components-title, .woocommerce-order-details__title, .woocommerce-column__title, .woocommerce-product-details__short-description h2 )::after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 2px;
  width: 30px;
  height: 5px;
  background-color: var(--accent);
  animation: growUnderline 0.5s ease forwards;
}
.header_full {
  content: "";
  z-index: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
  position: relative;
  overflow-x: hidden;
  overflow-y: hidden;
  
  background-color: var(--accent);
  color: var(--base-3);

}
.header_full::before {
content: "";
  background-image: url(/wp-content/uploads/2024/11/grid-big-7.png) !important;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto;
  z-index: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: inherit;
  pointer-events: none;
  opacity: 0.5;
}
.header_full::after {
  content: "";
  z-index: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
}
.logo_cont {
  position: relative;
  padding: 25px 10px 10px 30px;
  background: rgb(255,255,255);
  background: linear-gradient(90deg, rgba(255,255,255,0.95) 68%, rgba(255,255,255,0) 100%); 
}
@media (max-width: 477px) {
  .logo_cont {
    margin-left: -20px;
    margin-right: -20px;
    background: rgb(255,255,255);
    padding-left: 20px;
    padding-top: 15px;
  }
  .second-claim {
    
  }
  .head_container {
    padding-top: 0px !important;
  }
}

.head_container {
  padding-top: 20px;
}

.second-claim {
  font-size: 25px;
  line-height: 1.3em;
  margin-top: 10px;
  margin-bottom: 10px;
  color:rgba(0, 0, 0, 0.8)
}

.event-thema {
font-size: 25px;
margin-bottom: 20px;
  line-height: 1.2em;
  font-weight: 400;
  text-transform: none;
}
@media (max-width: 767px){
.event-thema {
  font-size: 22px;
}
.second-claim {
  font-size: 18px;
  line-height: 1.3em;
  margin-top: 10px;
  margin-bottom:-10px;
}
}
.event-moreinfo a{
  color: black !important;
  font-size: 16px;
}
a.btn-download {
  display: inline-flex;
  align-items: center;
  column-gap: 0.5em;
  padding: 7px 10px 7px 20px;
  border-radius: 60px;
  border: 1px solid var(--accent);
  background-color: var(--base-3);
  color: var(--accent);
}
a.btn-download .gb-icon {
  line-height: 0;
}
a.btn-download:hover, a.btn-download:active, a.btn-download:focus {
  border-color: var(--accent);
  background-color: var(--accent);
  color: var(--base-3);
}
a.btn-call-for-presentations, a.btn-read-more {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  column-gap: 0.5em;
  text-align: center;
  padding: 7px 16px;
  margin-right: 20px;
  border-radius: 60px;
  border: 1px solid var(--accent);
  background-color: var(--base-3);
  color: var(--contrast-2);
}
a.btn-read-more {
  margin-right: 0px !important;
}
a.btn-call-for-presentations:hover, a.btn-call-for-presentations:active, a.btn-call-for-presentations:focus {
  border-color: var(--accent);
  background-color: var(--accent);
  color: var(--base-3);
}
a.btn-read-more:hover, a.btn-read-more:active, a.btn-read-more:focus  {
  border-color: var(--accent);
  background-color: white !important;
  color: black !important;
}

a.btn-anmelden, input.btn-anmelden {
display: inline-flex;
  align-items: center;
  justify-content: center;
  column-gap: 0.5em;
  text-align: center;
  padding: 7px 10px 7px 20px;
  margin-right: 20px;
  border-radius: 60px;
  border: 1px solid var(--accent);
  background-color: var(--accent);
  color: var(--base-3);
}
@media (max-width: 1140px) {
  a.btn-anmelden {
    margin-bottom: 8px;
  }
}
@media (max-width: 767px) {
	a.btn-call-for-presentations {
	  margin-top: 0px;
	  margin-bottom: 10px;
    font-size: 15px;
    padding: 3px 8px 3px 18px;
	}
  a.btn-anmelden {
    margin-bottom: 8px;
    font-size: 15px;
    padding: 3px 8px 3px 18px;
  }
  a.btn-download, a.btn-read-more {
    font-size: 15px;
    padding: 3px 8px 3px 18px;
  }
}
input.btn-anmelden {
  padding: 7px 20px 7px 20px;
}
a.btn-anmelden:hover, a.btn-anmelden:active, a.btn-anmelden:focus, input.btn-anmelden:hover, input.btn-anmelden:active, input.btn-anmelden:focus {
  border-color: var(--accent);
  background-color: white;
  color: var(--contrast-2);
}
a.btn-anmelden .gb-icon svg, a.btn-call-for-presentations .gb-icon svg, a.btn-read-more .gb-icon svg {
  width: 1.2em;
  height: 1.2em;
}
a.btn-download .gb-icon svg {
  
}
a.btn-anmelden .gb-icon, a.btn-call-for-presentations .gb-icon, a.btn-read-more .gb-icon {
  line-height: 0;
}
.speaker_container .gb-grid-column {
  width: 25%;
  padding-left: 25px;

}
@media (max-width: 1167px) {
  .speaker_container .gb-grid-column {
    width: 50%;
  }
}
@media (max-width: 570px) {
  .speaker_container .gb-grid-column {
    width: 100%;
    padding-left: 0px;
  }
}
.speaker_card {
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 20px;
  border-bottom: 1px solid var(--accent);
  background-color: var(--base-3);
  box-shadow: 0 5px 30px 0 rgba(0,0,0,0.1);
  text-align: center;
}
.speaker-testimonial {
  height: 150px;
}
.speaker_head {
 text-align: center;
font-size: 24px;
margin-bottom: 40px;
font-weight: 400;
}
.speaker_all {
justify-content: center;
  row-gap: 40px;
	margin-left: -40px;
}
.speaker_cont {
width: 33.33%;
text-align: center;
	padding-left: 40px;
}
@media (max-width: 1024px) {
.speaker_cont {
width: 50%;
}
}
@media (max-width: 767px) {
  .speaker_cont {
    width: 100%;
  }
}
.speaker_cont .wp-block-image{
text-align: center;
}
.speaker_cont p{
margin-bottom:0;
	line-height: 1.3;
}
.speaker_cont .wp-block-image figure img.speaker_img {
object-fit: cover;
  width: 150px;
  height: 150px;
}
.speaker_name {
	padding-top:20px;
 font-weight:bold;
}
.speaker_funktion {
font-size: 15px;
}
.speaker_firma {
	font-size: 15px;
color: var(--accent);
}
.grid.alle .no-speaker-notice-box {
  display:none;
}
p.event_datum {
	position:relative; 
	font-weight: bold;
  font-size: clamp(0.875rem, 0.8462rem + 0.1282vw, 1rem);
}
p.xxevent_datum:after {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='69.619px' height='24.484px' viewBox='0 0 69.619 24.484' enable-background='new 0 0 69.619 24.484' xml:space='preserve'%3E %3Cpolygon fill='%23e9bac7' points='0.507,24.474 12.619,0 69.619,0'/%3E %3Cpolyline fill='%239c0005' points='69.619,0 7.296,10.796 12.619,0'/%3E %3C/svg%3E");
  position:absolute;
	right: 0;
	bottom:-34px;
}
.datum_container {
  margin-left: 15px;
}
/* Teaser Veranstaltung -------- ENDE */
/* Unsere Partner Veranstaltung ----------*/
@keyframes display {
  0% {
    transform: translateX(200px);
    opacity: 0;
  }
  10% {
    transform: translateX(0);
    opacity: 1;
  }
  20% {
    transform: translateX(0);
    opacity: 1;
  }
  30% {
    transform: translateX(-200px);
    opacity: 0;
  }
  100% {
    transform: translateX(-200px);
    opacity: 0;
  }
}

.partner-cont-inner {
  position: relative;
overflow: hidden;
  height: 220px;
}
.partner-cont-inner h3 {
font-weight: 700;
	font-size: 20px;
  color: var(--contrast-3);
}
.partner-cont-inner:hover .partner-logo {
  animation-play-state: paused; /* Animation stoppen bei Mouse-over */
}
.partner-cont-inner > .partner-logo   {
  position: absolute;
  top:80px;
  left: calc(50% - 130px);
  opacity: 0;
  animation: display 10s infinite;
}
.partner-logo img {
  max-width: 92%;
}
.partner-logo:nth-child(2) {
  animation-delay: 2s;
}
.partner-logo:nth-child(3) {
  animation-delay: 4s;
}
.partner-logo:nth-child(4) {
  animation-delay: 6s;
}
.partner-logo:nth-child(5) {
  animation-delay: 8s;
}
.partner-logo:nth-child(6) {
  animation-delay: 10s;
}
/* Unsere Partner Veranstaltung ----------ENDE */
/* Single Seite Veranstaltung ------------- */
.firmen_liste_head {
	color: var(--accent);
}
ul#firmen-liste {
	margin: 0;
	width: fit-content;
	 -webkit-column-rule: 1px solid #d2d5d8;
     -moz-column-rule: 1px solid #d2d5d8;
          column-rule: 1px solid #d2d5d8;
	    -moz-column-fill: #d2d5d8;
       column-gap: 50px;
}
ul#firmen-liste li {
	 list-style: none;
}
ul.column_1 {
  columns: 1 auto;
  margin-bottom: 3em;
}
ul.column_2 {
  columns: 2 auto;
  margin-bottom: 3em;
}
ul.column_3 {
  columns: 3 auto;
  margin-bottom: 3em;
}
@media (max-width: 967px) {
	ul.column_3{
  columns: 2 auto;
  margin-bottom: 2em;
}
}
@media all and (max-width: 650px) {
	ul.column_2, ul.column_3{
  columns: 1 auto;
  margin-bottom: 1em;
}
}

/* Call for Presentations Formular */
@media all and (min-width: 650px) {
  .form-row {
    display: flex;
  }
}
.inputs p {
	margin-bottom: 0.5em;
}
label {
	font-size: 16px;
}
.form-col {
  flex: 1;
  margin-bottom: 1rem;
}
@media all and (min-width: 650px) {
  .form-col:first-of-type {
    margin-right: 0.55rem;
  }
}
.form-textarea {
  margin-right: 0 !important ;
	
}
.form-textarea textarea {
height: 48px !important ;
}
.form-textarea textarea,
.form-textarea-contact textarea,
.form-col input,
.form-col select {
  width: 100%;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  border-color: #b4b5bc !important;
}
select {
  padding: 12px 14px !important;
}
.gb-accordion__item-open {
	/* border: 1px solid #b4b5bc !important; */
}
.checkboxevents span label {
  color: var(--accent);
}
/* Call for Presentations Formular -----------ENDE */
hr.wp-block-separator {
  border: 0px solid !important;
}


/* Flip Clock */
.main-example {
  margin: 0 auto;
  width: 100%;
}
.main-example .countdown-container {
  height: 100px;
}
.main-example .time {
  border-radius: 5px;
  box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);
  display: inline-block;
  text-align: center;
  position: relative;
  height: 70px;
  width: 48px;
  margin-right:3px;
  word-spacing: 0;
  letter-spacing: normal;
  text-rendering: auto;

  -webkit-perspective: 479px;
  -moz-perspective: 479px;
  -ms-perspective: 479px;
  -o-perspective: 479px;
  perspective: 479px;

  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;

  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);

  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
  -o-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}
.countdown-container .time:first-child {
  margin-left:0;
}
.main-example .count {
  background: #494949;
  color: #f8f8f8;
  display: block;
  font-family: 'Oswald', sans-serif;
  font-size: 1.5em;
  line-height: 70px;
  overflow: hidden;
  position: absolute;
  text-align: center;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
  top: 0;
  width: 100%;

  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);

  -webkit-transform-style: flat;
  -moz-transform-style: flat;
  -ms-transform-style: flat;
  -o-transform-style: flat;
  transform-style: flat;
}
.main-example .count.top {
  border-top: 1px solid rgba(255,255,255,0.2);
  border-bottom: 1px solid rgba(255,255,255,0.1);
  border-radius: 5px 5px 0 0;
  height: 50%;

  -webkit-transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}
.main-example .count.bottom {
  background-image: linear-gradient(rgba(255,255,255,0.1), transparent);
  background-image: -webkit-linear-gradient(rgba(255,255,255,0.1), transparent);
  background-image: -moz-linear-gradient(rgba(255,255,255,0.1), transparent);
  background-image: -ms-linear-gradient(rgba(255,255,255,0.1), transparent);
  background-image: -o-linear-gradient(rgba(255,255,255,0.1), transparent);
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  border-radius: 0 0 5px 5px;
  line-height: 0;
  height: 50%;
  top: 50%;

  -webkit-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  -o-transform-origin: 50% 0;
  transform-origin: 50% 0;
}
.main-example .count.next {
}
.main-example .label {
  font-size: 0.8em;
  margin-top: 5px;
  display: block;
  position: absolute;
  top: 72px;
  width: 100%;
  color:#959fac;
}
/* Animation start */
.main-example .count.curr.top {
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  -ms-transform: rotateX(0deg);
  -o-transform: rotateX(0deg);
  transform: rotateX(0deg);
  z-index: 3;
}
.main-example .count.next.bottom {
  -webkit-transform: rotateX(90deg);
  -moz-transform: rotateX(90deg);
  -ms-transform: rotateX(90deg);
  -o-transform: rotateX(90deg);
  transform: rotateX(90deg);
  z-index: 2;
}
/* Animation end */
.main-example .flip .count.curr.top {
  -webkit-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  -ms-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;

  -webkit-transform: rotateX(-90deg);
  -moz-transform: rotateX(-90deg);
  -ms-transform: rotateX(-90deg);
  -o-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
}
.main-example .flip .count.next.bottom {
  -webkit-transition: all 250ms ease-in-out 250ms;
  -moz-transition: all 250ms ease-in-out 250ms;
  -ms-transition: all 250ms ease-in-out 250ms;
  -o-transition: all 250ms ease-in-out 250ms;
  transition: all 250ms ease-in-out 250ms;

  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  -ms-transform: rotateX(0deg);
  -o-transform: rotateX(0deg);
  transform: rotateX(0deg);
}
/* Flip Clock ENDE */

/* Speaker */
hr.speaker {
  margin-bottom: 10px !important;
  margin-top: 10px !important;
}


.teaser-trend .gb-icon {
  margin-top: -10px;
}
.logo-quad {
  width: 30px !important;
  height: 30px !important;
}
.logo-landscape {
  width: 100px !important;
  height: auto !important;
}
.logo-portrait {
  width: auto !important;
  max-height: 30px !important;
}
.logo-svg {
  max-width: 100px !important;
  max-height: 30px !important;
}

/* Isotope Masonry Grid */

.masonry-filters ul {
  margin: 0px 0 40px;
  padding: 0;
  list-style: square;
}
@media only screen and (min-width: 639px) {
	.masonry-filters ul {
  	padding-left: 80px;
  	}
}
@media only screen and (max-width: 639px) {
	ol, ul {
    margin: 0 0 1.5em 1em !important;
  }
}
.masonry-filters ul li {
  /* display: inline-block; */
  margin-right: 10px;
  color: #000000ad;
  cursor: pointer;
  font-size: 16px;
  
}
.masonry-filters ul li span {

  color: var(--accent);
  font-weight: bold;
  text-transform: uppercase;
}
.masonry-filters ul li:first-child {
  
}
.masonry-filters ul li:hover {
  color: var(--accent);
}
/* ---- grid ---- */
/* clear fix */

.grid {
  display: flex;
  flex-wrap: wrap;
  row-gap: 25px;
  margin-left: -25px;
}
.grid:after {
  content: '';
  display: block;
  clear: both;
}


.grid-item,.grid-sizer {
  box-sizing: border-box;
  padding-left: 25px;
 /* width: 33.33%; */
 width: 25%; 
  height: 460px !important;
  margin-bottom:25px;
}
.no-speaker-item {
  width: auto; 
}
.gb-container-b8ead86c {
  padding:30px 30px 40px !important;
}
@media only screen and (max-width: 1024px) {
  .grid {
    margin-left: 45px;
  }
  .grid-item{
    width: 285px;
  }
  
}
@media only screen and (max-width: 820px) {
  .grid {
    margin-left: 60px;
  }
  .grid-item {
    width: 285px;
    height: 370px;
  }
}
@media only screen and (max-width: 639px) {
  .grid {
    margin-left: 0px;
  }
  .grid-item {
    width: 100%;
    height: 370px;
    padding-left: 0px;
  }
}


.display-none {
  display: none !important;
}
.owl-nav {
  position: absolute;
  bottom: 40px;
  left: 30px;
}
@media only screen and (max-width: 639px) {
.owl-nav {
  display: none;
}
}
.owl-events {
  width:100% !important;
}



.owl-events .owl-nav button span{
  background-color: var(--accent) !important;
  border-radius: 100%;
  padding: 0px 15px 3px !important;
  color: white;
  font-size: 30px;
}
.owl-carousel .owl-nav button.owl-prev {
  margin-right: 5px;
}
/* Event Anmeldung Styles */
.single-tribe_events .tribe-blocks-editor .tribe-events-single-event-title {
  font-size: 2.8em !important;
  line-height: 2.8em !important;
}

.owl-carousel {
  width:245px
}

ul#menu-off_canvas-menue {
  margin: 0 0 1.5em 0em !important;
}
.gallery-head {
  max-width: 1400px;
  padding: 30px 60px 0px 60px;
  margin-right: auto;
  margin-left: auto;
}
@media (max-width: 767px) {
  .gallery-head {
    padding-top: 30px;
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 20px;
  }
}

.gallery-cont {
  position: relative;
  padding-top: 10px;
  padding-bottom: 60px;
  margin-top: 0px;
  margin-bottom: 0px;
  background-color: var(--base-2);
}

/* Woocommerce */
.woocommerce-breadcrumb, .wc-block-components-checkbox  {
  display: none !important;
}

div.woocommerce-message a.button, div.woocommerce-message a.button:focus, div.woocommerce-message a.button:hover, div.woocommerce-message a, div.woocommerce-message a:focus, div.woocommerce-message a:hover {
  text-decoration: underline;
}
@media (max-width: 768px) {
  div.woocommerce-message a.button, div.woocommerce-message a.button:focus, div.woocommerce-message a.button:hover, div.woocommerce-message a, div.woocommerce-message a:focus, div.woocommerce-message a:hover {
    float: none !important;
    margin-top: 10px;
  }
}
.woocommerce .product_title {
  margin-top: 20px !important;
  margin-bottom: 0px;
}
.woocommerce-product-details__short-description h2 {
  margin-bottom: 50px;
}
@media (max-width: 768px) {
  .site-header .header-image {
    width: 200px;
  }
  .has-items-in-cart  .header-image {
    width: 150px;
  }
  .woocommerce-product-details__short-description h2 {
    font-size: 1.2em;
    margin-bottom: 0px;
  }
  .woocommerce .product_title {
    margin-bottom: 10px;
  }
  h1 {
    font-size: 1.8em !important;
  }
  hr {
    margin-bottom: 30px;
    margin-top: 30px;
  }
  .woocommerce div.product form.cart .variations td, .woocommerce div.product form.cart .variations th {
    line-height: 1.6em;
  }
  .wp-block-woocommerce-cart-order-summary-block, .wp-block-woocommerce-proceed-to-checkout-block {
    padding-left: 20px;
    padding-right: 20px;
  }
  .wc-block-cart-item__total-price-and-sale-badge-wrapper {
    padding-right: 20px;
  }
  .entry-content .alignwide, body:not(.no-sidebar) .entry-content .alignfull {
    padding-left: 20px;
    padding-right: 20px;
  }
  .woocommerce ul.order_details li {
    float: none;
    margin-bottom: 5px;
  }
  .woocommerce ul.order_details li strong {
    display: inline-block;
  }
  .woocommerce table.shop_table td, .woocommerce table.shop_table th {
    padding: 5px 0 5px 5px !important;
  }
}
.variations tbody tr th.label, .variations tbody tr td.value select {
  display:none !important;	
}
#pa_color{
	display:none;	
}
body.woocommerce-page  .inside-article {
  padding-top: 30px;
  padding-right: 60px;
  padding-left: 60px;
}
@media only screen and (max-width: 639px) {
  body.woocommerce-page  .inside-article {
    padding-right: 0px;
    padding-left: 0px;
  }
}
.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
  float: none;
  width: 100%;
  clear: none;
}
.variable-items-wrapper, .stock.in-stock, .wc-gzd-additional-info, .wp-block-woocommerce-empty-cart-block h2  {
  display: none !important;
}
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price, .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price {
  color: var(--accent);
  font-size: 1.55em;
}
.woocommerce .quantity .qty {
  width: 6.631em;
}
.woocommerce-variation-price {
  margin-bottom: 30px;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt {
  background-color: var(--accent);
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt:hover {
  background-color: var(--accent-dark);
}
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) .woocommerce-breadcrumb {
  font-size: .8em;
}

.rudr-variation-radios input {
  margin-right: 15px;
}
.wc-block-components-button__text {
  color: white;
}
/* leerer Warenkorb kein Icon */
.mobile-bar-items.wc-mobile-cart-items:not(.has-items),
.main-navigation .wc-menu-item:not(.has-items) {
    display: none;
}
.cart-contents.shopping-cart.has-svg-icon {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

span.gp-icon.shopping-cart  svg {
  height: 1.5em !important;
  width: 1.5em !important;
 top: 0;
}
.woocommerce-Price-amount.amount {
  color: var(--accent);
}
.shopping-cart .amount {
  color: var(--accent-dark);
}
body.woocommerce-page .site{
  background-color: white;
}

.woocommerce-table--order-details.shop_table.order_details tfoot tr th, .woocommerce-table--order-details.shop_table.order_details tfoot tr td {
  border-bottom: 1px solid #ccc;
}

.generate-back-to-top {
  z-index: 10000;
}

.alignfull {
  margin-left: calc(-100vw / 2 + 100% / 2);
  margin-right: calc(-100vw / 2 + 100% / 2);
  max-width: 100vw;
  width: auto;
}

.teilnehmer_acco_item.gb-accordion__item-open {
  border: 1px solid var(--global-color-9) !important;
}

/* Footer Login-Styling */
.footer-logout-container, #footer-loginform, .login-remember {
  margin-bottom:5px;
  font-size: 16px;
}

/* Formularfelder */
#footer-loginform input[type="text"], 
#footer-loginform input[type="password"] {
    width: 100%;
    margin-bottom: 10px;
    padding: 8px;
    border: 1px solid #ccc;
}
.login-username, .login-password, .login-submit {
  margin-bottom: 0;
}
/* Buttons */
.login-btn, .logout-btn, #wp-submit {
    background-color: var(--accent);
    color: white;
    padding: 7px 16px;
    border: none;
    border-radius: 30px;
    text-decoration: none !important;
    display: inline-block;
    cursor: pointer;
    font-size: 16px;
    margin-bottom: 5px;
}
.login-btn:hover, .logout-btn:hover, #wp-submit:hover {
  color: white  !important;
  background-color: var(--accent-dark) !important;
}

.logout-btn {
    background-color: #d9534f; /* Rot für Logout */
}