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

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

/* Fonts */
@font-face {
    font-family: "script";
    src: url("fonts/rastanty-cortez.woff2") format("woff2");
}

.gallery-box p{
	display: none !important;
}

.script{
    font-family: "script" !important;
}

.absolute-footer{
	display: none !important;
}

.link{
	color: #e52421 !important;
}
.link:hover{
	color: #fff !important;
	text-decoration: underline !important;
}

.blog .menu-item-1288{
	color: rgba(114,209,76,0.85) !important;
	box-shadow: 0px -5px 0px 0px rgb(235 231 215) inset !important;
}

.big{
	font-size: 2rem !important;
}

.bigger{
	font-size: 4rem !important;
}

.biggers{
	font-size: 3rem !important;
}

.image-radius img{
	border-radius: 100% !important;
}

.primary-color{
	color: #e52421 !important;
}

.secondary-color{
	color: #1d1d1b !important;
}

.highlight{
	color: #1b9dd9 !important;
}

.highlight-dark{
	color: #15bdca !important;
}

.text-muted{
	color: #a0afbf !important;
}

.text-muted-2{
	color: #a0afbf !important;
}

.top-divider{
	border-top: 2px solid #86a6c5 !important;
}

.nplr{
	padding-left: 0px !important;
	padding-right: 0px !important;
}

.link-mobile{
	padding: 0px !important;
}

.nmb{
	margin-bottom: 0px !important;
}
/* ---- ninja forms send button ---- */

.lh{
	line-height: 1 !important;
}

.lh2{
	line-height: 1.1 !important;
}


.header-button .button:hover{
	color: #fff !important;
	box-shadow: none !important;
}

.header-button .button:active{
	background-color: #fff !important;
}

.header-button .button:focus{
	color: #fff !important;
	background-color: #f3bf00 !important;
	box-shadow: none !important;
}

.nmb{
	margin-bottom: 0px !important;
}


/* ---- button underline left ---- */
.button-is-underline:before{
	left: unset !important;
	width: 80% !important;
}

.button-underline-push-left:before{
	left: 0% !important;
}

.lh{
	line-height: 1 !important;
}

.lh2{
	line-height: 1.1 !important;
}

.button-underline-push-left{
	text-align: left;
	margin-left: 10px;
}



/* ---- section row colum reduce the margin ---- */


.header-nav a:hover{
	color: #1c2024 !important;
	box-shadow: 0px -3px 0px 0px rgba(229, 36, 33, 0.8) inset !important;
}

.header-nav a:focus{
	color: #1c2024 !important;
	box-shadow: 0px -3px 0px 0px rgba(229, 36, 33, 0.8) inset !important;
}

.shadow{
	box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.034), 0 6.7px 5.3px rgba(0, 0, 0, 0.048), 0 12.5px 10px rgba(0, 0, 0, 0.06), 0 22.3px 17.9px rgba(0, 0, 0, 0), 0 41.8px 33.4px rgba(0, 0, 0, 0), 0 0px 80px rgba(0, 0, 0, 0.12);
}

.nav-dropdown a{
	font-size: 1rem !important;
	color: #1c2024 !important;
}

.nav-dropdown {
    border: unset !important;;
    box-shadow: 1px 1px 15px rgb(0 0 0 / 25%);
    border-radius: 5px;
    min-width: 250px;
	padding: 10px 10px !important;
}

.light-font{
	font-weight: 100 !important;
}

.header-nav li:after{
    bottom: unset !important;
	content: unset !important;
}

.header-nav li:before{
	bottom: unset !important;
	content: unset !important;
}

.header:not(.transparent) .header-nav.nav > li > a{
	color: #1c2024 !important;
}

.nf-field-label label{
	font-weight: 300 !important;
}

.nf-form-content{
	margin-top: 30px !important;
}

#nf-field-17, #nf-field-17_1, #nf-field-17_2{
	background-color: #fff !important; 
	color: #F6A45C !important;
	border: 2px solid #a0afbf !important;
}

.nf-field-element input{
	color: black !important;
}

.nf-field-element textarea{
	color: black !important;
}

#nf-field-13{
	color: #000000 !important;
}

#nf-field-17:hover {
	background-color: #F6A45C !important;
	color: #fff !important;
}

.nf-form-content .list-select-wrap .nf-field-element>div, .nf-form-content input:not([type=button]), .nf-form-content textarea {
    background: #fff !important;
    border: 1px solid #a0afbf !important;
	opacity: 0.5 !important;
}

#nf-field-25{
	color: #1d1d1b !important;
	opacity: 0.9 !important;
}

#nf-field-25:hover{
	background-color: #1d1d1b !important;
	color: #fff !important;
}

/* Submit button */
#nf-field-25{
	width: 200px !important;
    padding-top: 5px !important;
}

.pakete .col-inner{
	padding: 40px 20px !important;
}

.entry-author div{
	align-items: center !important;
}

/* Tablepress Styling */

.tablepress{
	background-color: unset !important;
	color: #fff !important;
}

.tablepress h2{
	padding-top: 20px;
	margin-bottom: 0px;
}

.tablepress>:where(thead,tfoot)>*>th, .tablepress>:where(tbody)>.even>*, .tablepress>:where(tbody)>.odd>*{
	background-color: unset !important;
	color: #fff !important;
}

.spalten{
	font-size: 1.3rem !important;
	font-weight: 700 !important;
}

.dataTables_filter input{
	background-color: unset !important;
	border-radius: 5px !important;
	color: #fff !important;
	display: flex !important;
	flex-flow: column !important;
	margin-left: 0px !important;
}

.dataTables_filter{
	display: flex !important;
	float: unset !important;
	justify-content: end !important;
} 

.tablepress th{
	border: 0px !important;
}

.tablepress td{
	border: 0px !important;
	background-color: #18191b !important;
	color: white !important;
}

.dt-search .dt-input{
	background-color: #18191b !important;
}

.material-infos h2{
	margin-top: 50px !important;
	text-transform: unset !important;
	font-size: 2rem !important;
}

.uppercase,h6,span.widget-title,th {
    text-transform: unset !important;
}

/* Ende */

/* Material Tabelle */
#tablepress-3 tbody{
	display: flex !important;
	flex-wrap: wrap !important;
	column-gap: 50px !important;
}

#tablepress-3 tbody tr{
	width: 45% !important;
}


.material h2{
	font-size: 2.5rem !important;
}

.material tr{
	margin-bottom: 70px !important;
}

.material thead{
	display: none !important;
}

.material-intern{
	font-size: 1.5rem !important;
}

.material-beschreibung{
	font-size: 1.1rem !important;
    line-height: 1.5 !important;
	padding-bottom: 40px !important;
}

.material-link{
	font-size: 1.1rem !important;
    border: 2px solid #fff !important;
    padding: 10px 20px !important;
    border-radius: 5px !important;
	color: #18191b !important;
	background-color: white !important;
}

.material-link:hover{
	background-color: #fff !important;
	color: #1c2024 !important;
	transition: background-color 0.5s ease !important;
}

.nmtb{
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}

.menu-item-has-children a{
	text-transform: none !important;
}


/* Ende */

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.tabs-mobile ul{
	display: flex;
    flex-flow: row;
    overflow-x: auto;
	}
	
	.tabs-mobile ul li{
	display: flex !important;
    align-items: baseline !important;
    flex: none !important;
	}
	

	.sidebar-menu .nav > li > a {
    font-size: 1rem !important;
		color: #1c2024 !important;
	}
	
	.button-left{
	float: left !important;
	}
	
	.footer-primary{
		text-align: left !important;
	}
	
	.footer-primary li{
		font-size: 1rem !important;
	}
	
	p, li{
		font-size: 1.2rem !important;
	}
	
	.kasten .col-inner{
		box-shadow: none !important;
	}
	
	.dataTables_filter{
	display: flex !important;
	float: unset !important;
	justify-content: start !important;
} 
	
	.tablepress-id-3 tr {
       float: left;
       width: 100%;
    }

.tablepress-id-3 tbody:after {
      content: "";
      display: table;
      clear: both;
    }
	
	.hinweis-text-mobile{
		font-size: 0.7rem !important;
	}
	
	#tablepress-3 tbody{
	display: flex !important;
	flex-wrap: wrap !important;
	column-gap: 0px !important;
	}

#tablepress-3 tbody tr{
	width: 100% !important;
	}
	
	.small-font-mobile{
		font-size: 1rem !important;
	}
	
	.banner-headline{
		font-size: 2rem !important;
	}
	
	.small-font{
		font-size: 0.75rem !important;
	}
	
}