/*
Theme Name: Koehn-Design
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

/*************** HEADER   ***************/
.header.transparent:not(.stuck) {
  background: #fff3;
  border-bottom: 1px solid #fff7;
}


/*.header-main .nav > li > a
{
	color:white;
}
*/


.startbanner {
	height: 80vh !important;
}

.ux-menu h3 {
	text-decoration:underline;
}

.uxmenu li a {
	color:#777777 !important;
}

/*.stuck .icon-menu {
  color: #484747 !important;
}
*/

/*************** HAUPTMENÜ   ***************/

.sub-menu .menu-item {
	font-size:14px !important;
}

.nav-dropdown {
  background-color: #fffffff7 !important;
}


/*************** KONTAKTFORMULARE   ***************/

.ff-btn-submit {
	background-color: #ed1d25 !important;
}


/*************** Anleitungsvideos   ***************/
.video-fit {
	padding-top: 0px !important;
}




/*************** STARTSEITE   ***************/
/*
 #main {

background-image: url("http://08.web219.s247.goserver.host/wp-content/uploads/2023/11/hintergr.webp");
background-repeat: repeat-y;
}

.row-main {
	background-color:white;
}
*/

/*************** SPONSOREN   ***************/

.sponsorrow {
		margin-bottom:-30px 
		}
		
.sponsblock {
	margin-top:100px;
}


/*************** Portfolio   ***************/

.portfolio-box-category {
	display:none;
}

.portfolio-box .image-cover {
  padding-top: 60% !important;
}



.portfolio-box .image-cover img {
  object-position: 50% 00% !important;
  object-fit: cover;
  width: 100%;
  aspect-ratio: 16/9;
  height: auto;
}



/*************** Kontakt-Bilder   ***************/
.image-cover img {
	object-position: 50% 00% !important;
}



/*************** Sponsoren-Slider   ***************/
.sponsoren-slider img {
  object-fit: contain;
  padding-top:30px;
}



/*************** Team-Member   ***************/
.box-image-inner {
	border-radius: 0% !important;
}


/*************** Trainingszeiten   ***************/

table.paleBlueRows {
  border: 1px solid #FFFFFF;
  text-align: center;
  border-collapse: collapse;
  width:auto !important;
}
table.paleBlueRows td, table.paleBlueRows th {
  border: 7px solid #FFFFFF;
  padding: 8px 6px;
}
table.paleBlueRows tr:nth-child(even) {
  background: #F5F5F5;
}
table.paleBlueRows thead {
  background: #021924;
  border-bottom: 5px solid #FFFFFF;
}
table.paleBlueRows thead th {
  font-size: 17px;
  font-weight: bold;
  color: #FFFFFF;
  text-align: center;
  border-left: 2px solid #FFFFFF;
}
table.paleBlueRows thead th:first-child {
  border-left: none;
}

table.paleBlueRows tfoot td {
  font-size: 14px;
}


/*************** Tabellendesign  ***************/


.NullAcht-Tabelle {
  border-collapse: collapse;
}

.NullAcht-Tabelle th {
  border-right: 1px solid white;
}

.NullAcht-Tabelle th:last-child {
  border-right: none;
}




/*************** Tabelle von Ultimate Frisbee  ***************/

table.minimalistBlack  {
  border: 0px solid #EBEBEB;
  background-color: #F8F8F8;
  width: 100%;
  text-align: left;
  border-collapse: collapse;
}
table.minimalistBlack td, table.minimalistBlack th {
  border: 1px solid #EBEBEB;
  padding: 5px 4px;
}
table.minimalistBlack tbody td {
  font-size: 13px;
}
table.minimalistBlack thead {
  background: #FFFFFF;
  background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 66%, #FFFFFF 100%);
  background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 66%, #FFFFFF 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #ffffff 66%, #FFFFFF 100%);
  border-bottom: 1px solid #000000;
}
table.minimalistBlack thead th {
  font-size: 15px;
  font-weight: bold;
  color: #000000;
  text-align: center;
}
table.minimalistBlack tfoot td {
  font-size: 14px;
}


/*************** UX-Block Hauptmenü  ***************/

.menu-box .col  {
	padding-bottom:10px !important;
	padding-left:5px !important;
}

.ux-menu-link__text {
	font-size:14px;
}



/*************** NEWSARCHIV ***************/
.newstab .tab {
  margin: 0 15px !important;
}

/*************** Anleitungsvideos ***************/


/* Nur während MediaElement.js-Vollbild */
html.mejs-fullscreen .mejs-container video,
html.mejs-fullscreen .mejs__container video {
  object-fit: contain !important;   /* statt cover/fill */
  width: 100% !important;
  height: 100% !important;
}

/* Schwarze Balken/Flächen */
html.mejs-fullscreen .mejs-container,
html.mejs-fullscreen .mejs__container,
html.mejs-fullscreen .mejs-mediaelement,
html.mejs-fullscreen .mejs__mediaelement {
  background: #000 !important;
}

/* Falls etwas clippt (manche Themes setzen overflow:hidden) */
html.mejs-fullscreen .mejs-container *,
html.mejs-fullscreen .mejs__container * {
  overflow: visible !important;
}

html.mejs-fullscreen .mejs-container video,
html.mejs-fullscreen .mejs__container video {
  position: static !important;   /* oder: position: relative !important; */
}




@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}