/* Custom Fonts */
/*@font-face {
    font-family: 'brokendetroit';
    src: url('/wp-content/fonts/Broken-Detroit.eot');
    src: url('/wp-content/fonts/Broken-Detroit.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/fonts/Broken-Detroit.woff2') format('woff2'),
        url('/wp-content/fonts/Broken-Detroit.woff') format('woff'),
        url('/wp-content/fonts/Broken-Detroit.svg#Broken-Detroit') format('svg');
    font-weight: normal;
    font-style: normal;
}*/
/*@font-face {
    font-family: 'lintsecregular';
    src: url('/wp-content/fonts/lintsec-webfont.eot');
    src: url('/wp-content/fonts/lintsec-webfont.eot?#iefix') format('embedded-opentype'),
         url('/wp-content/fonts/lintsec-webfont.woff2') format('woff2'),
         url('/wp-content/fonts/lintsec-webfont.woff') format('woff'),
         url('/wp-content/fonts/lintsec-webfont.ttf') format('truetype'),
         url('/wp-content/fonts/lintsec-webfont.svg#lintsecregular') format('svg');
    font-weight: normal;
    font-style: normal;
}*/
@font-face {
    font-family: 'badgrunge';
    src: url('/wp-content/fonts/badgrunge.eot');
    src: url('/wp-content/fonts/badgrunge.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/fonts/badgrunge.woff2') format('woff2'),
        url('/wp-content/fonts/badgrunge.woff') format('woff'),
         url('/wp-content/fonts/badgrunge.ttf') format('truetype'),
        url('/wp-content/fonts/badgrunge.svg#BADGRUNGE') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*@font-face {
    font-family: 'orkneyregular';
    src: url('/wp-content/fonts/Orkney-Regular.eot');
    src: url('/wp-content/fonts/Orkney-Regular.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/fonts/Orkney-Regular.woff2') format('woff2'),
        url('/wp-content/fonts/Orkney-Regular.woff') format('woff'),
        url('/wp-content/fonts/Orkney-Regular.ttf') format('ttf');
    font-weight: normal;
    font-style: normal;
}*/
/* Body */
/*:root {
  color-scheme: light dark;
}
body {
  font-family: Orkney-Regular, Open Sans;
  font-weight: 400;
  color: #111;
}
@media (prefers-color-scheme: dark) {
	body {
		background-color: #fff;
		color: #000;
	}
}*/

/* Header */
header {
		z-index: 100;
		position: relative;
}
/*.home .wp-block-site-logo {
  width: 0;
  line-height: 0;
  visibility: hidden;
}*/
.wp-block-site-logo {
  margin: 0 0 -5% 0;
}

/* Offcanvas Menu */
.offcanvasmenu .wp-block-navigation__responsive-container {
    width: 25%;
}
@media screen and (max-device-width: 992px) {
    .offcanvasmenu .wp-block-navigation__responsive-container {
        width: 50%;
  }
}

@media screen and (max-device-width: 768px) {
    .offcanvasmenu .wp-block-navigation__responsive-container {
        width: 80%;
  }
}

.offcanvasmenu .wp-block-navigation ul, .wp-block-navigation ul li {
    padding: 3px 0;
}
.offcanvasmenu .wp-block-navigation__responsive-container.is-menu-open {
		padding: 1% 5%;
}
.offcanvasmenu .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container {
		padding-left: 1rem;
}
.wp-block-navigation .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content {
    padding: 0em 0em;
}
.offcanvasmenu {
    margin-right: 10px;
}

@media (max-width: 980px) {
		.wp-block-navigation__responsive-container-open svg {
       height: 30px;
       width: 40px;
		}
}

/* Content / Blocks */
.textoutline {
		/*text-shadow: 2px -2px 3px black;*/
		filter: drop-shadow(0 0 2px black);
}

.para-nowrap {
		white-space: nowrap;
}

.videospalte {
		margin-bottom: -3px;
}

.overimage {
  display: flex;
  align-items: flex-end;
}
.overimage video {
  width: 100%;
  z-index: 90;
}
.overimage img {
  width: 100%;
  margin-left: -100%;
  z-index: 100;
}

p {
    display: block;
    margin-block-start: 0;
    margin-block-end: 10px;
    margin-inline-start: 0;
    margin-inline-end: 0;
}
h1, h2, h3, h4, h5, h6 {
    margin-block-start: 10px;
    margin-block-end: 5px;
    margin-inline-start: 0;
    margin-inline-end: 0;
    font-weight: bold;
}
ul {
    display: block;
    list-style-type: inherit;
    margin-block-start: 0;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 0;
    unicode-bidi: isolate;
}
li {
		list-style-type: none;
}

.wp-block-post-featured-image img, .wp-block-post-featured-image .block-editor-media-placeholder, .wp-block-post-featured-image .wp-block-post-featured-image__overlay {
    border-radius: 0;
}

.badgrunge {
		font-family: badgrunge;
}


/* Home */
.probetrainings {
		padding-left: 10%;
}
@media (max-width: 980px) {
		.probetrainings {
				padding-left: 0;
		}
}

/* TablePress */
/*@media screen and (max-device-width: 768px) {
  .rankingform .row-1 p {
	  transform: rotate(-90deg);
  }
}*/
.tpspkurs {
		background:#CEAA18;
		border-radius:5px;
		padding:4px;
}

.home-stundenplan {
		font-size: 12px;
		--padding: 4px;
    --head-bg-color: #222;
		--text-color: #000;
    --head-text-color: #fff;
    --odd-text-color: var(--text-color);
    --odd-bg-color: #222;
    --even-text-color: var(--text-color);
    --even-bg-color: #222;
    --hover-text-color: var(--text-color);
    --hover-bg-color: #333;
    --border-color: #ddd;
}
.home-stundenplan>:not(caption)>*>* {
    text-align: center;
}

/* My Calendar */
.wp-block-table td, .wp-block-table th {
    border: none;
    padding: 0.3em 0.5em;
}

/*.todays-events {
		display: flex;
		flex-wrap: wrap;
}
.todays-events li {
		list-style-type: none;
		display: block;
		flex: 1 1 14%;
}
@media (max-width: 980px) {
  .todays-events li {
    flex: 1 1 25%;
   }
}*/

.upcoming-events li {
		list-style-type: none;
}

/*.home .upcoming-events {
		display: flex;
		flex-wrap: wrap;
}
.home .upcoming-events li {
		list-style-type: none;
		display: block;
		flex: 1 1 48%;
		margin: 0 2% 0 0;
}
@media (max-width: 1280px) {
  .home .upcoming-events li {
    flex: 1 1 48%;
		margin: 0 2% 0 0;
   }
}
@media (max-width: 980px) {
  .home .upcoming-events li {
    flex: 1 1 100%;
   }
}

.todays-events .todays-events-home a {
	color: #555;	
}
.todays-events .todays-events-home a:hover {
	color: #fff;	
}*/

/* Hidden */
@media screen and (min-device-width: 1279px)  {
  .hiddenmonitor {
			visibility: hidden;
			width: 0;
			height: 0;
			padding: 0;
			margin: 0;
  }
}
@media screen and (max-device-width: 1279px) and (min-device-width: 768px)  {
  .hiddenlaptop {
			visibility: hidden;
			width: 0;
			height: 0;
			padding: 0;
			margin: 0;
  }
}
@media screen and (max-device-width: 768px) and (min-device-width: 480px)  {
  .hiddentablet {
			visibility: hidden;
			width: 0;
			height: 0;
			padding: 0;
			margin: 0;
  }
}
@media screen and (max-device-width: 480px)  {
  .hiddenmobile {
			visibility: hidden;
			width: 0;
			height: 0;
			padding: 0;
			margin: 0;
  }
}

/* Image Animations */
@media (min-device-width: 992px)  {
  .imgzoom1:hover {
	  transform: rotate(0deg) scale(1.1);
	  z-index: 10;
  }
  .imgzoom1  {
	  transition: all 0.1s ease-out 0s;
  }
  .imgzoom2:hover {
	  transform: rotate(0deg) scale(1.2);
	  z-index: 10;
  }
  .imgzoom2  {
  	transition: all 0.1s ease-out 0s;
  }
  .imggrey img:hover {
  	filter: none;
	  -webkit-filter: none;
    color: inherit;
  }
  .imggrey img {
	  filter: grayscale(100%);
	  -webkit-filter: grayscale(1);
  }
}

/* Images */
:where(figure) {
    margin: 0;
}

/* Breite */
.width50 {
		width: 50%;
}
.width100 {
		width: 100%;
}

/* Responsive Container / Video */
.resp-container {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding-top: 56.25%;
}
.resp-container-portrait {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding-bottom: 177.78%;
}
.resp-container iframe, .resp-container-portrait iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

/* Stundenplan */
.kursplantag {
   color: #000;
   font-size: 20px;
}
.kursplanzeit {
   color: #000;
   font-size: 18px;
   margin: 0;
   padding: 10px 0 0 0;
}
.kursplanzeit2 {
   color: #000;
   font-size: 18px;
   padding: 0;
   transform: rotate(-90deg);
	 margin: 16px 0 0 0;
}

.kursplankurs {
   border: 2px solid #CEAA18;
   background-color: #222;
   border-radius: 20px;
   padding: 5px 3px;
   margin: 0 5px;
	 text-align: center;
}
/*.kursplankurs p {
   text-align: center;
}*/
.min30 {
	 min-height: 60px;
}
.min45 {
	 min-height: 100px;
}
.min60 {
	 min-height: 120px;
}
.kursplankurs .kursname {
   color: #fff;
   font-size: 20px;
   padding: 0;
   margin: 5px 0;
   line-height: 18px;
   font-weight: bolder;
}
.kursplankurs .kurszeit {
   color: #fff;
   font-size: 12px;
   line-height: 12px;
   padding: 5px 0 0 0;
   margin: 0 0 5px;
}
.kursplankurs .kursinfo {
   color: #fff;
   font-size: 12px;
   line-height: 12px;
   padding: 0 0 5px 0;
   margin: 5px 0 10px;
}

@media (max-device-width: 940px)  {
.kursplantag {
   font-size: 16px;
}
.kursplanzeit  {
   font-size: 18px;
}
.kursplanzeit2  {
   font-size: 18px;
}
.kursplankurs .kursname {
   font-size: 20px;
}
.kursplankurs .kurszeit {
   font-size: 10px;
}
.kursplankurs .kursinfo {
   font-size: 12px;
}
.kursplankurs {
   margin: 0 3px;
}
}
@media (max-device-width: 760px)  {
.kursplantag {
   transform: rotate(-20deg);
}
.kursplantag {
   font-size: 12px;
}
.kursplanzeit  {
   font-size: 14px;
   /*transform: rotate(-90deg);*/
	 /*margin: 45px -50px 0 -60px;*/
}
.kursplanzeit2  {
   font-size: 14px;
   transform: rotate(-90deg);
	 margin: 16px 0 0 0;
}
.kursplankurs .kursname {
   font-size: 12px;
   line-height: 14px;
   margin: 5px 0;
}
.kursplankurs .kurszeit {
   font-size: 10px;
   line-height: 10px;
}
.kursplankurs .kursinfo {
   font-size: 10px;
   line-height: 10px;
}
.kursplankurs {
   margin: 0 1px;
}
}

/* Animations */
.bounceinright1 .ultp-image-block, bounceinright2, bounceinright3, bounceinright4, bounceinright5 {
    visibility: visible;
    animation-duration: 500ms;
    animation-delay: 200ms;
    animation-name: bounceInRight;
}
.bounceinright2 {
    animation-delay: 400ms;
}
.bounceinright3 {
    animation-delay: 600ms;
}

.bounceinright4 {
    animation-delay: 800ms;
}
.bounceinright5 {
    animation-delay: 1000ms;
}
.bounceinleft1, .bounceinleft2, .bounceinleft3, .bounceinleft4, .bounceinleft5 {
    visibility: visible;
    animation-duration: 500ms;
    animation-delay: 200ms;
    animation-name: bounceInLeft;
}
.bounceinleft2 {
    animation-delay: 400ms;
}
.bounceinleft3 {
    animation-delay: 600ms;
}

.bounceinleft4 {
    animation-delay: 800ms;
}
.bounceinleft5 {
    animation-delay: 1000ms;
}

/* CFF */
.cp_cff_professional {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 10px;
    background: linear-gradient(to bottom, #2a2a2a 0%, #5a5a5a 100%);
}

/* div columns */
.col3, .col2 {
		display: flex;
		flex-wrap: wrap;
}
.col31 {
  width: 33.3%;
	display: block;
  float: left;
  /*padding: 10px;*/
}
.col32 {
  width: 33.3%;
	display: block;
  float: left;
  /*padding: 10px;*/
}
.col33 {
  width: 33.3%;
	display: block;
  float: left;
  /*padding: 10px;*/
}
.col21 {
  width: 50%;
	display: block;
  float: left;
  /*padding: 10px;*/
}
.col22 {
  width: 50%;
	display: block;
  float: left;
  /*padding: 10px;*/
}
@media (max-device-width: 940px)  {
  .col31 {
  width: 50%;
  }
  .col32 {
  width: 50%;
  }
  .col33 {
  width: 100%;
  }
  .col21 {
    width: 50%;
  }
  .col22 {
    width: 50%;
  }
}
@media (max-device-width: 760px)  {
  .col31 {
  width: 100%;
  }
  .col32 {
  width: 100%;
  }
  .col33 {
  width: 100%;
  }
  .col21 {
    width: 100%;
  }
  .col22 {
    width: 100%;
  }
}