/*
Theme Name: Handelsforum Rhein - Lahn - Kadence
Theme URI: https://360idee.de
Author: Marek Fleger
Author URI: https://360idee.de
Description: 360iDEE form Kadence child Thema
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Template: kadence
Text Domain: Handelsforum Rhein - Lahn
Tags: two-columns, three-columns, one-column, right-sidebar, left-sidebar, footer-widgets, blog, e-commerce, flexible-header, full-width-template, buddypress, custom-header, custom-background, custom-menu, custom-colors, sticky-post, threaded-comments, translation-ready, rtl-language-support, featured-images, theme-options
*/
/* MENU TOP */
HEADER UL LI
{
	padding: 0px !important;
}
.header-navigation .header-menu-container ul ul li.menu-item {
  border-bottom: 1px solid #115157 !important;
}

/* HEADER*/
.ss3-force-full-width, .n2-ss-slider{
	background-color: #0E0E0E;
}


/* KONTAKT */
.kontakt BR
{
	display: block;
	margin-bottom: 2px;
	font-size: 2px;
	line-height: 2px;
}
.kontakt .kontakt-column
{
	float: left;
	width: 50%;
	//border: 1px solid #000;
	padding: 0px 15px 0px 15px;
}
.kontakt .wpcf7-form-control-wrap
{
	padding: 0px;
	margin: 0px;
}
.kontakt P
{
	margin: 0px;
}
.kontakt .kontakt-column INPUT, .kontakt .kontakt-column100 INPUT
{
	width: 100%;
	color: #000000;
	background-color: rgba(255, 255, 255, 0.704);
	border: 1px solid rgba(69, 72, 74, 0.273);
	height: 60px;
	margin-top: 15px;
}
.kontakt .kontakt-column100 SELECT,
{
	width: 50%;
	color: #000000;
	background-color: rgba(255, 255, 255, 0.704);
	border: 1px solid rgba(69, 72, 74, 0.273);
	height: 60px;
	margin-top: 15px;
}
.kontakt .kontakt-column TEXTAREA
{
	width: 100%;
	color: #000000;
	border: 1px solid rgba(69, 72, 74, 0.273);
	background-color: rgba(255, 255, 255, 0.704);
	height: 207px;
	margin-top: 15px;
}
.kontakt .kontakt-columnt100
{
	float: left;
	width: 100%;
	padding: 0px 15px 0px 15px;
}
.kontakt INPUT.send-mail
{
	border: 1px solid #F3F3F3;
}
.kontakt .kontakt-columnt70, 
{
	width: 70%;
	float: left;
	font-size: 16px;
	line-height: 16px;
	margin-bottom: 15px;
	margin-top: 15px;
}
.kontakt .kontakt-columnt100.kontakt-small {
  font-size: 12px;
}
.kontakt .kontakt-columnt30
{
	text-align: right;
	width: 30%;
	float: left;
	margin-top: 15px;
}
.wpcf7-response-output
{
	border: 1px solid #F97404 !important;
	color: #FFFFFF !important;
	width: 100%;
	float: left;
	background-color: #F97404 !important;
}
.wpcf7-spinner
{
	display: none;
}
.kontakt .wpcf7-not-valid-tip {
  position: absolute;
  margin-top: -10px !important;
  font-size: 12px;
  background: #212424 !important;
  width: fit-content !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
  margin-bottom: -10px !important;
}

@media only screen and (max-width: 900px)
{
	.kontakt .kontakt-column, .kontakt .kontakt-columnt70, .kontakt .kontakt-columnt30
	{
		width: 100%;
	}
}
/* BERATUNG  FORM */
.beratung .beratung-column
{
	width: 100%;
}
.beratung .beratung-column INPUT, .beratung .beratung-column SELECT
{
	width: 100%;
	color: #FFFFFF;
	background-color: #373737;
	border: 1px solid rgba(69, 72, 74, 0.273);
	height: 50px;
	margin-top: 6px;
	padding-top: 0px;
}
.beratung .beratung-column INPUT::placeholder
{
	color: #818181;
}
.beratung .beratung-column SELECT
{
	width: 30%;
	color: #FFFFFF;
	background-color: #373737;
	border: 1px solid rgba(69, 72, 74, 0.273);
	height: 50px;
	margin-top: 6px;
	padding-top: 0px;
}
.beratung .beratung-column SELECT OPTION
{
	color: #FFFFFF !important;
}
.beratung .beratung-small
{
	font-size: 12px;
	margin-bottom: 25px;
	margin-top: 15px;
	color: #FFFFFF;
}
.beratung .wpcf7-not-valid-tip
{
	color: #29B1B7 !important;
	padding: 0px;
	margin: 0px;
}
.beratung .wpcf7-response-output
{
	border: 1px solid #29B1B7 !important;
	color: #FFFFFF !important;
	width: 100%;
	background-color: #29B1B7 !important;
}
.beratung .wpcf7-not-valid-tip {
  position: absolute;
  margin-top: -10px !important;
  font-size: 12px;
  background: #212424 !important;
  width: fit-content !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
  margin-bottom: -10px !important;
}
@media (max-width: 768px) {
    .beratung .beratung-column SELECT.wpcf7-form-control.wpcf7-select.mobile-full {
      width: 100%;
    }
}
/*END  BERATUNG  FORM */

/*BERATUNG FORM TURKIS*/
#form-turkis .beratung .beratung-column INPUT, #form-turkis .beratung .beratung-column SELECT
{
	color: #0D3537 !important;
	background-color: #FFFFFF;
	border: 1px solid #32979B;
}
#form-turkis .beratung .beratung-column SELECT
{
	color: #0D3537 !important;
	background-color: #FFFFFF;
	border: 1px solid #32979B;
}
#form-turkis .beratung .beratung-column SELECT OPTION
{
	color: #0D3537 !important;
}
#form-turkis .kontakt .wpcf7-not-valid-tip {
  position: absolute;
  margin-top: -10px !important;
  font-size: 12px;
  background: #212424 !important;
  width: fit-content !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
  margin-bottom: -10px !important;
}


/* FOOTER */
FOOTER H3
{
	color: #FFFFFF;
	font-family: "Aboreto", Sans-serif !important;
}
FOOTER H3 SPAN
{
	color: #00AAB2;
}
/*FOOTER*/
FOOTER.site-footer
{
	color: #FFFFFF;
	font-size: 14px;
	background: url("https://handelsforum-rl.de/wp-content/uploads/2023/10/icon_bottom_background2.png") bottom left / 700px 595px no-repeat border-box padding-box #2A2A2A !important;
	margin-top: 200px !important;
}
FOOTER.site-footer A
{
	text-decoration: none !important;
	color: #FFFFFF !important;
}
FOOTER.site-footer A:hover
{
	text-decoration: none !important;
	color: #00AAB2 !important;
}
FOOTER.site-footer H2.widget-title
{
	color: #00AAB2 !important;
	padding: 0 !important;
	margin: 0 !important;
}
FOOTER.site-footer H4,FOOTER.site-footer H3 
{
	color: #FFFFFF;
}
FOOTER.site-footer H4 SPAN, FOOTER.site-footer H3 SPAN
{
	color: #00AAB2;
}
FOOTER.site-footer svg
{
	filter: invert(96%) sepia(96%) saturate(17%) hue-rotate(288deg) brightness(104%) contrast(105%) !important;
	/*margin-right: 5px !important;*/
	/*+placement: 0px 2px !important;*/
	position: relative !important;
	left: 0px !important;
	top: 2px !important;
}
.logo-bottom
{
	max-width: 250px !important;
}
/* FOOTER BUTTON PHONE & MAIL */
.button-container
{
	position: fixed;
	bottom: 60px;
	right: 5px;
	display: flex;
	flex-direction: column;
	//gap: 10px;
	z-index: 10;
}
.button-container .button-kontakt
{
	display: flex;
	align-items: center;
	gap: 10px;
	background-color: #1C8286;
	color: white;
	padding: 10px;
	text-decoration: none;
	border-radius: 0px;
	transition: background-color 0.3s;
	border: 1px solid #1D8286;
	margin-bottom: 7px;
	font-size: 18px;
}
.button-container .button-kontakt:hover
{
	background-color: #12585B !important;
	color: #FFFFFF !important;
	border: 1px solid #186A6D;
}
.button-container .button-kontakt SVG
{
	filter: brightness(0) saturate(100%) invert(99%) sepia(6%) saturate(440%) hue-rotate(4deg) brightness(120%) contrast(100%);
	margin-left: 0px;
	margin-top: -2px;
}
/* BLOG ARCHIV */