/*
Theme Name: The Layouter Child Theme
Description: This is a custom child theme for The Layouter Clients
Theme URI:   https://thelayouter.de
Author: the.Layouter
Author URI:  https://thelayouter.de
Template: thelayouter
Version: 1.0
*/


body h1, body h2, body h3, body h4, body h5, body h6{
	color: #073d61;
}

body h1 b, body h1 strong, body h1 .bold{
	/* color: #f0b323; */
}


body b, body strong, body .bold{
	font-family: inherit
}

.herosection_buttons .phonebutton{
	margin-left: 20px;
}

body .text-lg{
	font-size: 1.25rem;
	line-height: 1.5;
}


.cmplz-cookiebanner.cmplz-show{
	box-shadow: rgb(0 0 0 / 5%) 0px 10px 20px, rgb(0 0 0 / 4%) 0px 6px 6px !important;
}

.wkrft_wrap {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 1.5rem; /* 24px */
  padding-top: 1.5rem;
  line-height: 1rem;
  font-weight: 500;
}

.wkrft_item {
  display: flex;
  align-items: center;
  gap: 0.5rem; /* 8px */
}

.wkrft_icon {
  width: 1.25rem;
  height: 1.25rem;
  color: #34d399;
}

.header-small-line{
	letter-spacing: 2px;
	text-transform: uppercase;
	font-weight: bold;
	color: #073d61;
	font-size: 0.85rem;
}

button.cmplz-btn.cmplz-manage-consent.cmplz-show{
		top: calc(100% - 80px) !important;
		width: 50px!important;
		height: 50px !important;
		border-radius: 100% !important;
		padding: 0px !important;
		min-width: 50px !important;
		background: var(--cmplz_button_accept_background_color) !important;
	box-shadow: rgb(0 0 0 / 5%) 0px 10px 20px, rgb(0 0 0 / 4%) 0px 6px 6px !important;
}

button.cmplz-btn.cmplz-manage-consent.cmplz-show:hover{
	box-shadow: rgb(0 0 0 / 9%) 0px 10px 20px, rgb(0 0 0 / 13%) 0px 6px 6px !important;
}

button.cmplz-btn.cmplz-manage-consent.cmplz-show svg{
	width: 30px !important;
	height: 30px !important;
	margin-bottom: -5px;
}

.cmplz-description{
	line-height: 18px;
}

#cmplz-document, .editor-styles-wrapper .cmplz-unlinked-mode{
	max-width: 100%;
}

.cmplz-links li{
	list-style: none;
}

.small-footer-links{
	margin-top: 10px !important;
}

.small-footer-links a{
	font-size: 14px !important;
}

.no-margins-and-paddings{
	margin: 0px !important;
	padding: 0px !important;
}


.cli-tab-footer .wt-cli-privacy-accept-btn{
	background-color: #000000;
}

.cli-tab-section .cli-tab-content{
	padding-left: 0px !important;
	padding-right: 0px !important;
}

.cli-bar-btn_container{
	text-align: center !important;
	padding-top: 10px;
	padding-bottom: 10px;
	display: inline-block;
	margin-left: 0px !important;
}

.cli-style-custom{
	font-size: 13px !important;
	line-height: 18px !important;
	}

	.footer-dsgvo a{
		color: #666666;
	}


	.hidemobile{
	display: inline-block;
	}
		
	.showmobile{
	display: none;
	}
	
	.wkrft_badges {
	  display: flex;
	  flex-wrap: wrap;
	  gap: 0.75rem; /* 12px */
	}
	
	.wkrft_badges {
	  display: flex;
	  flex-wrap: wrap;
	  gap: 0.75rem; /* 12px – entspricht gap-3 */
	}

	
	.wkrft_badge {
	  display: inline-flex;
	  align-items: center;
	  gap: 0.5rem; /* 8px */
	  border-radius: 2.5rem;
	  padding: 0.375rem 0.75rem; /* 1.5 / 3 */
	  font-size: 0.85rem;
	  font-weight: 500;
	}
	
	.wkrft_icon-sm {
	  width: 1rem;  /* 16px */
	  height: 1rem; /* 16px */
	}
	
	/* Farben */
	.wkrft_bg_green  { background-color: rgba(16, 185, 129, 0.20); }
	.wkrft_text_green { color: #6ee7b7; }
	
	.wkrft_bg_blue   { background-color: rgba(59, 130, 246, 0.20); }
	.wkrft_text_blue { color: #93c5fd; }
	
	.wkrft_bg_amber  { background-color: rgba(245, 158, 11, 0.20); }
	.wkrft_text_amber { color: #fcd34d; }

	.leistungstitelh3 h3{
		margin-top: 15px;
		font-size: 1rem !important;
		letter-spacing: 0.5px !important;
		text-transform: uppercase !important;
	}
	
	.leistungstitelh3 p{
		font-size: 0.85rem;
	}
	
	.fullwidth-button{
		width: 100%;
	}

@media only screen and (max-width: 999px) and (min-width: 1px){

	.hidemobile{
	display: none;
	}
	
	.showmobile{
	display: inline-block;
	}
	
	.current-menu-item{
		font-weight: bold;
	}

	#start .row-bg-layer{
		background: linear-gradient(
		45deg, rgba(7, 61, 97, 1) 6%, rgba(0, 0, 0, 1.0) 92%) !important;
	}
	
	.wkrft_wrap {
	  display: flex;
	  flex-wrap: wrap;
	  flex-direction: column;
	}
	
	.herosection_buttons .phonebutton{
		margin-left: 0px;
	}
	
	.herosection_buttons .nectar-button{
		width: 100%;
	}

}