body {
   background: var(--yk-color-bg);
  color: var(--yk-color-text);
  font-family: "YKNeueHaas", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}

/* ===== Heading */
h1,h2,h3,h4 {
   margin-bottom: 25px
}
h1 {
    font-size: 3.4rem;
    font-weight: 900;
    color: var(--yk-color-bg);
}
.yk-counter,
h2 {
    font-size: 2.6rem;
    font-weight: 700;
    color: var(--yk-color-primary);
}
h3 {
    font-size: 1.6rem;
    font-weight: 500;
}
h4 {
    font-size: 1.1rem;
    font-weight: 500;

}
  /* ===== Padding ===== */
  .p-100 {
    padding: 100px 0;
  }
.p-t-100 {
    padding-top: 150px;
}
.p-t-60{
    padding-top: 60px;
}
.p-t-200 {
    padding-top: 150px;
}
.p-t-50 {
    padding-top: 50px;
}
.p-b-200 {
    padding-bottom: 150px;
}
.p-t-40 {
    padding-top: 40px;
}
.p-b-100 {
    padding-bottom: 100px;
}
.p-b-25 {
    padding-bottom: 25px;
}
 /* ===== ul ===== */
 ul {
    margin: 0;
    
}

/* ===== yk Navbar Layout: logo left / menu center / phone right ===== */
.yk-site-header {
    background-color: var(--yk-color-primary);
    border-bottom: 1px solid var(--yk-color-border);
}

.yk-navbar {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 15px 0;
  background-color: var(--yk-color-primary);
}

/* Left */
.yk-navbar__logo {
  flex: 0 0 auto;
}

.yk-logo-link {
  text-decoration: none;
  font-weight: 700;
}

/* Center */
.yk-navbar__nav {
  flex: 1 1 auto;
  display: flex;
  justify-content: center;
}

/* WordPress menu base */
.yk-primary-menu {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  gap: 18px;
  align-items: center;
  justify-content: center;
}
.yk-primary-menu > li {
  padding: 0;

}

.yk-primary-menu > li > a {
  text-decoration: none;
  display: inline-block;
  padding: 0;
  color: var(--yk-color-bg);
  transition: var(--yk-ease-standard);
}
.yk-primary-menu > li > a:hover {
  color: var(--yk-color-primary-contrast);
}

/* Right */
.yk-navbar__phone {
  flex: 0 0 auto;
  display: flex;
  justify-content: flex-end;
}

.yk-phone-link {
  text-decoration: none;
  font-weight: 600;
  white-space: nowrap;
}

/* Simple dropdown styling for WP sub-menus (desktop hover) */
.yk-primary-menu li {
  position: relative;
}

.yk-primary-menu .sub-menu {
  display: none;
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  min-width: 220px;
  list-style: none;
  margin: 0;
  padding: 10px 0;
  background: #fff;
  border: 1px solid rgba(0,0,0,0.10);
  border-radius: 10px;
  z-index: 50;
}

.yk-primary-menu li:hover > .sub-menu {
  display: block;
}

.yk-primary-menu .sub-menu a {
  display: block;
  padding: 8px 14px;
  text-decoration: none;
  white-space: nowrap;
}



.home-btn {
    margin-top: 40px;
}
.btn-primary-link {
  color: var(--yk-color-bg);    
  background-color: var(--yk-color-primary-contrast);
  display: inline-block;
  padding: 12px 24px;
  border-radius: var(--yk-radius-xl);
  transition: var(--yk-ease-standard);
}
.btn-primary-link:hover {
  background-color: var(--yk-color-bg);
  color: var(--yk-color-primary);
}
.btn-primary-link.btn-primary-link-border {
  color: var(--yk-color-primary-contrast);    
  background-color: transparent;
border: 1px solid var(--yk-color-primary-contrast);
padding: 12px 24px;
    margin-left: 30px;
}
.btn-primary-link-border:hover {
  background-color: var(--yk-color-primary-contrast);
  color: var(--yk-color-bg);
}
.btn-primary-link .yk-btn__icon {
  display: inline-block;
  margin-left: 10px;
  background-color: var(--yk-color-bg);
  border-radius: var(--yk-radius-xl);
  padding: 5px;
  transition: var(--yk-ease-standard);
}
.btn-primary-link .yk-btn__svg {
  width: 18px;
  height: 18px;
}
.btn-primary-link:hover .yk-btn__icon {
    background-color: var(--yk-color-primary);
}
.yk-btn__icon img {
   transition:var(--yk-ease-standard);
}
.btn-primary-link:hover .yk-btn__icon img {
   transform: rotate(-45deg);
}
/* Home hero */
.home-content {
    text-align: center;
    padding: 170px 0;
    background-color: var(--yk-color-primary);
}

.home-content p {
    color: var(--yk-color-light);
}




/* Home hero video */
.yk-home-video {
  width: 100%;
  margin: 0;
}

.yk-home-video__el {
  width: 100%;
  height: 70vh;
  display: block;
  object-fit: cover;
}

.yk-breadcrumbs__trail a:hover{
	color: var(--yk-color-primary-contrast);
}



.home-content__thumb img{
    object-position: center;
    object-fit: cover;
    width: 100%;
    height: 60vh;
    display: block;
    margin: 0;
}
/* ===== yk Steps OL: circle number beside each li ===== */
ol.yk-steps {
  list-style: none;
  margin: 0;
  padding: 0;
  counter-reset: yk-step;
}

ol.yk-steps > li {
  counter-increment: yk-step;
  position: relative;
}

ol.yk-steps > li::before {
  content: counter(yk-step);
  position: absolute;
  left: 0;
  top: 0;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;

  background: var(--yk-color-primary-contrast);
  color: var(--yk-color-bg);

  font-weight: 700;
  line-height: 1;
}

ol.yk-steps li strong {
    color: var(--yk-color-primary-contrast);
    font-size: 1.2rem;
}
ol.yk-steps li strong,
ol.yk-steps li em {
    margin-left: 65px;
    display: block;
}
.yk-steps em{
    font-style: normal;
}
.yk-service-content h2 {
    color: var(--yk-color-primary);
}

.yk-service-content ul {
margin-bottom: 40px;
}

.yk-service-content ul li:not(:last-child) {
    margin-bottom:15px;
}
.yk-service-content p{
    margin-bottom: 15px;
}
.title-center {
    text-align: center;
}
.yk-service-faq 
.accordion-button{
    background-color: transparent;
}
.yk-service-faq 
.accordion-item
{
  background-color: var(--yk-color-light);
  margin-bottom: 15px;
  border-radius: 15px;
}
h3.accordion-header button{
    font-size: 1.6rem;
    font-weight: 500;
    color: var(--yk-color-primary);
}
.accordion-button:not(.collapsed){
    color: var(--yk-color-primary-contrast);
}
.yk-service-faq 
.accordion-button:not(.collapsed) {
    box-shadow: none;
}
.yk-service-faq .accordion-button::after {
    background-position: 50% 50%;
    background-color: var(--yk-color-primary-contrast);
    background-size: 12px 12px;
  background-repeat: no-repeat;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  color: var(--yk-color-primary-contrast);
  
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}
.yk-service-faq .accordion-button:not(.collapsed)::after{
  background-color: var(--yk-color-primary-contrast);
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}

/* ===== yk Top Services ===== */
.title {
  margin-bottom: 90px;
  position: relative;
  border-bottom: 0;
}
/* الخط */
.title::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: -30px;
	height: 1px;
	background: var(--yk-color-border);

	/* يبدأ من المنتصف (مغلق) */
	transform: scaleX(0);
	transform-origin: 50% 50%;
	transition: transform 1.5s ease;
}

/* عند دخول الـviewport (بسبب auto-attach h2/p -> yk-reveal) */
.title:has(.yk-reveal.is-inview)::after {
	transform: scaleX(1);
}
.title p {
  color: var(--yk-color-primary-contrast);
  margin-bottom: 15px;
}
.yk-row-alt {
    margin-bottom: 100px;
}
.yk-service-card__thumb img{
    width: 100%;
    height: 536px;
    object-fit: cover;
    border-radius: 15px;
}
.yk-service-card__title {
   color: var(--yk-color-primary);
}
.yk-service-item h3 {
    color: var(--yk-color-primary-contrast);
    margin-top: 40px;
}

.yk-service-card__content {
       display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: center;
}

.yk-service-item ul li:not(:last-child){
    margin-bottom:15px; 
}
.yk-service-item ul li a{
    color: var(--yk-color-primary); 
    text-decoration: none;
    transition: var(--yk-ease-standard);
}
.yk-page__content ul li a:has(strong):hover,  .yk-service-item ul li a:hover {
    color: var(--yk-color-primary-contrast);  
}
.yk-service-card--top{
	--yk-tri-color: currentColor;
	--yk-tri-size: 9px;   /* حجم الأيقونة */
	--yk-tri-gap: 8px;    /* المسافة */
	--yk-tri-stroke: 2px;  /* سماكة الخط */

	display: inline-flex;
	align-items: center;
	gap: var(--yk-tri-gap);
	text-decoration: none;
}
.yk-service-card--top::after {
	content: "";
	width: var(--yk-tri-size);
	height: var(--yk-tri-size);
	flex: 0 0 var(--yk-tri-size);
	border-right: var(--yk-tri-stroke) solid var(--yk-tri-color);
	border-bottom: var(--yk-tri-stroke) solid var(--yk-tri-color);
	transform: rotate(-45deg);
	transform-origin: center;

}
.yk-service-card--top:hover {
	color: var(--yk-color-primary-contrast);
  --yk-tri-gap: 15px;
}

/* ===== yk About ===== */

.about-content__text {
  height: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding: 100px 50px;
  border-radius: 15px;
   background-color: var(--yk-color-primary);
   color: var(--yk-color-bg);
}
.about-content__text p:first-child {
    color: var(--yk-color-primary-contrast);
    margin-bottom: 15px;
}
.about-content__text h2 {
   color: var(--yk-color-bg);
}
.about-content__stats {
    margin-top: 100px;
}
.yk-counter {
    color: var(--yk-color-bg);
}
.yk-counter__suffix {
    color: var(--yk-color-primary-contrast);
}

.about-content__thumb {
   height: 100%;
}
.about-content__thumb img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   border-radius: 15px;
}


/* ===== yk Reviews ===== */

.yk-review-card{
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 15px;
  padding: 40px;
  height: 100%;
  background: #fff;
}

.yk-review-card__title{
margin: 15px 0 0;
color: var(--yk-color-primary-contrast);
}


.angebot__content{
  position: relative;
  background-color: var(--yk-color-primary-contrast);
  padding: 100px 70px;
  width: 100%;
  color: var(--yk-color-bg);
  border-radius: 25px;
}

.angebot__content  h2{
  color: var(--yk-color-bg);
} 
.angebot__decor{
	position: absolute;
	top: 0;
	right: 0;
	width: auto;   /* عدّل الحجم */
	height: 100%;
	pointer-events: none;
}
.btn-angebot{
  background-color: var(--yk-color-primary);
}
.angebot-item{
	display: flex;
  padding-top: 15px;
}
.angebot-item .home-btn {
    margin-top: 0;
    margin-right: 70px;
}
.angebot-item__contact a{
	color: var(--yk-color-bg);
}
.angebot-item__contact a:hover{
	color: var(--yk-color-primary);
}
.angebot-item__contact span{
	margin: 0 5px;
}
.yk-footer {
  padding-top: 100px;
  margin-top: 30px;
  background-color: var(--yk-color-primary);
}
.yk-footer h4{
  color: var(--yk-color-bg);
}
.yk-footer__list{
  margin: 0;
  padding: 0;
  list-style: none;
}
.yk-footer__list li:not(:last-child){
  margin-bottom: 15px;
}
.yk-footer__list span,

.yk-footer__list li a{
  color: var(--yk-color-light);
}
.yk-footer__list li a:hover{
  color: var(--yk-color-primary-contrast);
  margin-left: 15px;
}
.yk-footer__copyright{
  color: var(--yk-color-text);
  padding: 20px 0;
  text-align: center;
  border-top: 1px solid rgba(235,244,255,.14);
  margin-top: 60px;
}
.yk-footer__copyright a:hover{
  color: var(--yk-color-primary-contrast);
}
.yk-footer__logo p{
  margin-top: 25px;
  width: 85%;
  color: var(--yk-color-light);
}
.yk-footer__social{
  margin-top: 40px;
}
.yk-footer__social-link{
  color: var(--yk-color-light);
  margin-right: 15px;
}
.yk-footer__social-link:hover{
  color: var(--yk-color-primary-contrast);
}
.yk-footer__link i  {
  margin-right: 5px;
  color: var(--yk-color-primary-contrast);

}
/*page*/
.yk-page__header{
  margin-top: 100px;
  text-align: center;
}
.yk-page__title{
  color: var(--yk-color-primary);
}
.yk-page__thumb img{
  height: 590px;
  object-fit: cover;
  border-radius: 25px;
  margin-top: 40px;
}
.yk-page__content h2:not(.title h2) {
  margin-top: 40px;
}
.yk-page__content h2 + p{
  margin-bottom: 25px;
}
.yk-page__content li:not(:last-child){
  margin-bottom: 15px;
}
.yk-page__content .yk-home-stats{
  margin: 100px 0;
}
.yk-page__content .yk-counter__value{
  color: var(--yk-color-primary-contrast);
}

.yk-page__content .yk-counter__suffix{
  color: var(--yk-color-primary);
}
.yk-page__content .yk-stat-card{
  text-align: center;
}
.yk-cf7 {
  margin-bottom: 120px;
}
.yk-cf7 h2 +p,
.yk-kontakt-team .title   h2 + p{
	color: var(--yk-color-text);
  width: 70%;
}
.yk-kontakt-team__body h3{
	color: var(--yk-color-primary);
}
.yk-kontakt-team__body h4{
	color: var(--yk-color-primary-contrast);
}
.yk-kontakt-team__body p{
	margin-bottom: 15px;
}
.yk-kontakt-team__body a:hover{
	color: var(--yk-color-primary-contrast);
}

.wpcf7-form-control:not(span.wpcf7-form-control){
	width: 100%;
  height: 52px;
  border-radius: 25px;
  border: 1px solid rgba(0,0,0,.33);
  margin-bottom: 30px;
  padding: 15px;
}
span.wpcf7-form-control{
	margin-bottom: 30px;
  display: block;
}


.yk-cf7 strong {
    margin-bottom: 15px;
    display: inline-block;
    color: var(--yk-color-primary);

}
input[type="checkbox" ] ,
input[type="radio"] {
   margin-right: 5px;
}


/* ===== Control Select Arrow (CF7 scoped) ===== */
.yk-cf7 select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;

	/* مساحة للسهم (غيّرها حسب المكان) */
	padding-right: 44px;

	/* سهم مخصص (SVG) */
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' fill-opacity='.55' d='M4.2 6.2a1 1 0 0 1 1.4 0L8 8.6l2.4-2.4a1 1 0 1 1 1.4 1.4l-3.1 3.1a1 1 0 0 1-1.4 0L4.2 7.6a1 1 0 0 1 0-1.4z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: 16px 16px;

	/* مكان السهم: يمين */
	background-position: right 14px center;
}

/* لإخفاء السهم في IE/قديمة Edge */
.yk-cf7 select::-ms-expand { display: none; }

/* ===== إذا تريده على اليسار بدل اليمين ===== */
.yk-cf7 select.yk-select--left {
	padding-left: 44px;
	padding-right: 12px;
	background-position: left 14px center;
}

.yk-cf7 textarea.wpcf7-form-control {
	height: 220px ;
}
.wpcf7 .wpcf7-submit:disabled {
    background-color: var(--yk-color-light);
    color: var(--yk-color-text);
}

.wpcf7-submit{
  background-color: var(--yk-color-primary);
  color: var(--yk-color-bg);
  transition: var(--yk-ease-standard);
}
.wpcf7-submit:hover{
  background-color: var(--yk-color-primary-contrast);
}
/* =========================
   Pretty file input (CF7)
   ========================= */

.yk-cf7 input[type="file"] {
	width: 100%;
	max-width: 100%;
	border: 1px solid rgba(0,0,0,.12);
	border-radius: 12px;
	padding: 10px 12px;
	background: #fff;
	color: rgba(0,0,0,.78);
	font-size: 0.98rem;
	line-height: 1.3;
}

/* زر اختيار الملف (Chrome/Edge/Firefox حديث) */
.yk-cf7 input[type="file"]::file-selector-button {
	border: 0;
	border-radius: 999px;
	padding: 10px 14px;
	margin-right: 12px;
	font-weight: 600;
	cursor: pointer;

	background: var(--yk-color-primary, #0d6efd);
	color: #fff;

	transition: transform .12s ease, opacity .12s ease;
}

.yk-cf7 input[type="file"]::file-selector-button:hover {
	opacity: .95;
	transform: translateY(-1px);
}

.yk-cf7 input[type="file"]::file-selector-button:active {
	transform: translateY(0);
}

/* Firefox قديم */
.yk-cf7 input[type="file"]::-webkit-file-upload-button {
	border: 0;
	border-radius: 999px;
	padding: 10px 14px;
	margin-right: 12px;
	font-weight: 600;
	cursor: pointer;

	background: var(--yk-color-primary, #0d6efd);
	color: #fff;
}

/* Focus */
.yk-cf7 input[type="file"]:focus {
	outline: none;
	border-color: rgba(13,110,253,.55);
	box-shadow: 0 0 0 4px rgba(13,110,253,.12);
}


/* =========================
   CF7 Dropzone (yk)
   ========================= */

.yk-cf7 .yk-dropzone,
.yk-dropzone {
	border: 1px dashed rgba(0,0,0,.20);
	border-radius: 14px;
	background: rgba(0,0,0,.02);
	padding: 14px;
	transition: border-color .15s ease, box-shadow .15s ease, background .15s ease;
}

.yk-dropzone.is-dragover {
	border-color: rgba(13,110,253,.65);
	background: rgba(13,110,253,.06);
	box-shadow: 0 0 0 4px rgba(13,110,253,.10);
}

.yk-dropzone__top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
}

.yk-dropzone__title {
	margin: 0;
	font-weight: 700;
	font-size: 1rem;
	line-height: 1.2;
}

.yk-dropzone__hint {
	margin: 6px 0 0;
	color: rgba(0,0,0,.62);
	font-size: .95rem;
}

.yk-dropzone__actions {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	flex-wrap: wrap;
}

.yk-dropzone__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 0;
	border-radius: 999px;
	padding: 10px 14px;
	font-weight: 700;
	font-size: .95rem;
	cursor: pointer;
	background: var(--yk-color-primary, #0d6efd);
	color: #fff;
	transition: transform .12s ease, opacity .12s ease;
	white-space: nowrap;
}

.yk-dropzone__btn:hover { opacity: .95; transform: translateY(-1px); }
.yk-dropzone__btn:active { transform: translateY(0); }

.yk-dropzone__remove {
	background: transparent;
	color: rgba(0,0,0,.78);
	border: 1px solid rgba(0,0,0,.14);
}

.yk-dropzone__files {
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid rgba(0,0,0,.08);
	color: rgba(0,0,0,.80);
	font-size: .95rem;
}

.yk-dropzone__files.is-empty {
	color: rgba(0,0,0,.55);
}

/* نخفي input file الأصلي بصريًا لكن يبقى قابل للوصول */
.yk-dropzone__input {
	position: absolute !important;
	left: -9999px !important;
	width: 1px !important;
	height: 1px !important;
	overflow: hidden !important;
}

/* ===== yk Kontakt ===== */
.kontakt-item   {
  list-style: none;
margin: 0;
padding: 0;
  text-align: center;
padding-bottom: 100px;
}
.kontakt-item li {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.kontakt-item i{
  margin-right: 10px;
  color: var(--yk-color-bg);
  background-color: var(--yk-color-primary);
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
      margin-bottom: 25px;
}




html.yk-js .yk-reveal {
  transition-delay: var(--yk-delay, 0ms);
}

/* =========================
   YK Scroll Reveal (light)
   ========================= */

/* افتراضيًا: لا تُخفِ شيئًا */
.yk-reveal {
	opacity: 1;
	transform: none;
}

/* فقط عندما يكون JS شغال نطبق الأنيميشن */
html.yk-js .yk-reveal {
	opacity: 0;
	transform: translateY(18px);
	transition: opacity .45s ease, transform .45s ease;
	will-change: opacity, transform;
}

html.yk-js .yk-reveal.is-inview {
	opacity: 1;
	transform: translateY(0);
}

/* الصور */
.yk-reveal-img {
	transform: none;
}

html.yk-js .yk-reveal-img {
	transform: scale(1.06);
	transition: transform .65s ease;
	will-change: transform;
}

html.yk-js .yk-reveal-img.is-inview {
	transform: scale(1);
}

@media (prefers-reduced-motion: reduce) {
	html.yk-js .yk-reveal,
	html.yk-js .yk-reveal-img {
		transition: none !important;
		transform: none !important;
		opacity: 1 !important;
	}
}

@keyframes ykFadeUp {
  from {
    opacity: 0;
    transform: translate3d(0, 18px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

/* افتراضيًا: لا نخفي شيئًا */
.yk-load-reveal {
  opacity: 1;
  transform: none;
}

/* نخفي فقط إذا JS شغال + قبل تفعيل yk-loaded */
html.yk-js .yk-load-reveal {
  opacity: 0;
  transform: translate3d(0, 18px, 0);
}

/* عند التحميل: نُشغّل الأنيميشن مرة واحدة */
html.yk-js.yk-loaded .yk-load-reveal {
  animation: ykFadeUp .65s ease both;
  animation-delay: var(--yk-delay, 0ms);
  will-change: opacity, transform;
}
html.yk-js .yk-reveal {
  transition-delay: var(--yk-delay, 0ms);
}


@media (prefers-reduced-motion: reduce) {
  html.yk-js .yk-load-reveal,
  html.yk-js.yk-loaded .yk-load-reveal {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
  }
}
.yk-404__card {
  border-radius: 16px;
  padding: 32px;
}
.yk-404__card h1{
  color: var(--yk-color-primary);
}
.yk-404__code {
  font-size: 64px;
  line-height: 1;
  margin: 0 0 10px;
  opacity: .35;
}

.yk-404__title {
  margin: 0 0 10px;
}

.yk-404__text {
  margin: 0 0 18px;
}

.yk-404__hint {
  opacity: .7;
  margin-top: 16px;
}
.yk-404__card .btn-primary-link:hover {
    background-color: var(--yk-color-primary);
    color: var(--yk-color-bg);
}

/*media*/



@media (min-width: 991.98px) {
	.yk-top-services .yk-row-alt.yk-row-alt--reverse {
		flex-direction: row-reverse;
	}
  .yk-pl-50 { padding-left: 50px; }
	.yk-pr-50 { padding-right: 50px; }

  .btn-primary-link-border:not(.yk-404__actions .btn-primary-link-border){
    display: none;
  }

}

@media (max-width: 991.98px) {
  .yk-navbar {
    flex-wrap: wrap;
  }

  .yk-navbar__nav {
    order: 3;
    flex: 1 1 100%;
    justify-content: flex-start;
  }

  .yk-primary-menu {
    flex-wrap: wrap;
   align-items: flex-start;
    padding: 50px 0 ;
  }
  .btn-outline-primary{
   display: none;
  }
.mt-3 {
    margin-top: 0 !important;
}
  .navbar-toggler{
    border: none;
    all: unset; 
  }
  .navbar-toggler:focus,
  .yk-navbar__toggler,
.yk-navbar__toggler:focus,
.yk-navbar__toggler:active,
.yk-navbar__toggler:focus-visible {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}
  .navbar-icon{
            display: block;
        height: 2px;
        width: 22px;
        margin-bottom: 7px;
        background-color: var(--yk-color-primary-contrast);
  }
  .home-content{
    padding: 80px 0;
  }
  .about-content__text {
    height: auto;
    display: block;
    padding: 40px;
    margin-bottom: 40px;
}
.yk-service-card__thumb img {
    height: 466px;
    margin-bottom: 40px;
}

.yk-steps li:not(:last-child){
  margin-bottom: 25px;
} 
.yk-steps li:has(em):not(:last-child){
  padding-bottom: 25px;
} 
ol.yk-steps > li::before{
 top: -10px
}
ol.yk-steps:has(em){
  padding-top: 10px;
}
br{
  display: none;
}
.yk-navbar__phone{
  display: none;
}
.angebot-item {
    display: block;
}
.angebot-item .home-btn {
margin-bottom: 25px;
    margin-right: 0;
}
.yk-footer__block{
  margin-bottom: 40px;
}
.yk-page__thumb img{
  height: 466px;
}
.accordion-button{
  font-size: 1.1rem !important;
}

.yk-cf7 h2 +p, .yk-kontakt-team .title h2 + p {
 width: 100%;
}

.angebot__content {
    padding: 70px;
}






}

@media (max-width: 767.98px)
 {
  .yk-home-video__el {
    height: 40vh;
  }
  h1{
    font-size: 2rem;
  }
  .btn-primary-link.btn-primary-link-border{
    margin: 40px 0 0 0;
  }
  .yk-counter, h2 {
    font-size: 1.8rem;
}
.icon-m {display: none;}
.about-content__stats {
    margin-top: 40px;
}
.yk-stat-card {
  margin-bottom: 25px;
}
.about-content__text {
  padding: 30PX 30PX 5PX 30PX;
}
.yk-page__thumb img,
.yk-service-card__thumb img {
        height: 266px;
        border-radius: 15px;
    }
    .angebot__content {
    padding: 40px;
}
.angebot-item {
    padding: 0;
}
.yk-page__content.p-t-100 {
    padding-top: 60px;
}
.wpcf7-list-item {
    display: block;
    margin: 0;
}
.yk-cf7 textarea.wpcf7-form-control {
    border-radius: 15px;
}
}