@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');

/** kannekesler **/

/**
* { outline: 2px dotted yellow !important; }
**/

:root {
--bs-gray: #505456; /* 80, 84, 86 */
--bs-red: #E22313; /* 226, 35, 19 */
--bs-primary-rgb: 226, 35, 19;
--bs-link-color-rgb: 226, 35, 19;
}

.front .navbar-nav {
--bs-nav-link-color: #FFFFFF;
--bs-nav-link-hover-color: rgba(255,255,255,0.75);
--bs-navbar-active-color:  rgba(255,255,255,0.5);
}

.not-front .navbar-nav {
--bs-nav-link-color: #505456;
--bs-nav-link-hover-color: rgba(0,0,0,0.75);
--bs-navbar-active-color:  rgba(0,0,0,0.5);
}


a img { transition: all 250ms linear 0s; }
a:hover img { opacity:0.75; }

b, .fw-bold { font-weight: 600 !important; }
.fw-bold2 { font-weight: 700 !important; }
strong, .fw-bolder { font-weight: 800 !important; }
.bg-pink { background:#FEE; }
.bg-red { background:var(--bs-red); }

body { font-family: "Montserrat", sans-serif; max-width:1920px; width:100%; margin:0 auto; min-width:300px; }

.front header { background: black url('../img/fokep_1920x1080.webp') no-repeat top center / cover;  }
.not-front header { background: black url('../img/fokep_1920x1080.webp') no-repeat top center / cover; display:inline-block; width:100%; min-height:calc(100vh - 110px); display:flex; }

.page-url-uber-uns header, .page-url-about-us header, .page-url-rolunk header { background-image: url('../img/rolunk_1920x1080.webp'); }
.page-url-media header, .page-url-medien header { background-image: url('../img/media_1920x1080.webp'); }
.page-url-szakteruleteink header, .page-url-unsere-fachgebiete header, .page-url-areas-of-expertise header,
.category-szakteruleteink header, .category-unsere-fachgebiete header, .category-areas-of-expertise header { background-image: url('../img/szakteruletek_1920x1080.webp'); }
.page-url-munkatarsaink header, .page-url-colleagues header, .page-url-unsere-mitarbeiter header, 
.category-munkatarsaink header, .category-colleagues header, .category-unsere-mitarbeiter header { background-image: url('../img/munkatarsaink_1920x1080.webp'); }

.front header::before {  display:block; content: ""; top: 0; left: 60%; width: 40%; height: 100%; z-index:0; position: absolute; background: #E22313; mix-blend-mode: multiply; }
.not-front header::before { display:block; content: ""; top: 0; left: 0%; width: 30%; height: 100%; z-index:0; position: absolute; background: #E22313; mix-blend-mode: multiply; }

.fa-bounce { position:relative; animation: bounceArrow ease-in-out 1.0s infinite; }
@keyframes bounceArrow { 0% { top: -20px; } 50% { top: -5px; } 100% { top: -20px; } }

.navbar { font-size: clamp(1rem, 0.25rem + 1vi, 1.25rem); z-index:10; }
.navbar-nav .nav-link { font-weight:700; }
@media (min-width: 992px) {
.navbar-nav .nav-link { padding-top:0; }
}

.navbar-brand .logo { height:32px; }

/**
.tape { z-index:0;background:#e22313;left:70%;width:30%; mix-blend-mode: multiply;height:100%; }
**/

.videos .ratio-16x9 img { object-fit: cover; height:100%; }

.clmn-2 { columns: 1; }

blockquote { position:relative; }
blockquote p:before { font-family: Georgia, serif; content:"”"; font-size:10em;position:absolute; top:-0.5em; left:0; opacity:0.05; }
blockquote p span { font-family: Georgia, serif; font-style:italic; }
blockquote p cite { display:block; font-style: normal; font-size:1em; padding:0.5em 0 1em; color:#e22313; }

.bg-multiply { background:#e22313; mix-blend-mode: multiply; }
.bg-multiply2::before { display:block; content: ""; top: 0; left: 0; width: 100%; height: 100%; position: absolute; background: #e22313; mix-blend-mode: multiply; }

.filter-gray { filter: grayscale(1); }

.front .intro-top { margin:10vh 0 0 1em;  z-index:2;}
.front .intro-top h2 { font-size: clamp(1.5rem, 0.045rem + 7.273vi, 5.5rem);line-height:1em; }
.front .intro-top h3 { font-size:clamp(1.125rem, 0.398rem + 3.636vi, 3.125rem); }
.front .intro-bottom { position: relative;  z-index:3; text-align:right; }
.front .intro-bottom .intro-text p { font-size:clamp(1rem, 0.875rem + 0.625vi, 1.5rem); }
.front .intro-bottom .intro-text p span { font-size:clamp(1.25rem, 1.063rem + 0.938vi, 2rem); }
.front .intro-home { display:block; margin-top:10vw; z-index:1;overflow:hidden; padding-bottom:1em; }
.front .intro-text .fw-normal { margin-bottom: 20px; }

.not-front .intro-top { margin:10vh 0 0 1em;  z-index:2;}
.not-front .intro-bottom h2 { font-size: clamp(1.5rem, 0.045rem + 7.273vi, 3.8rem);line-height:1em; hyphenate-limit-chars: 12 5 9; hyphens: auto; }
/*.not-front .intro-bottom { position: relative;  z-index:3; text-align:right; }*/
.not-front .intro-home { display:block; /*margin-top:10vw;*/ z-index:1;overflow:hidden; padding-bottom:1em; align-self:center; /*hyphens:auto;*/ }
.not-front .intro-text .fw-normal { margin-bottom: 20px; }
.not-front main h2 { hyphenate-limit-chars: 12 5 9; hyphens: auto; }

@media (min-width: 480px) and (max-width: 1200px) {
    .front .intro-text .fw-normal { max-width: 50%; margin: 0 0 20px auto; }
}

.image-text-section__image, .text-image-section__image { min-height:240px; }

@media (min-width: 480px) and (max-width: 1179px) {
 /*.tape { left: 50%; width:50%; }*/
 .front header::before { left: 50%; width: 50%; }
 .not-front header::before { left: 0%; width: 50%; }
 .navbar-brand .logo { height:38px; }
 .front .intro-home { display:block; margin-top:10vw; }
 .front .intro-bottom {  text-align:left; }

 .not-front .intro-home { display:block; /*margin-top:10vw;*/ }
 .not-front .intro-bottom {  text-align:left; }

}

@media (min-width: 1200px) {
  .clmn-2 { columns: 2; gap: 3em; }
  .clmn-2 > p { padding-top:0 !important; }
 /*.tape { left: 50%; width:30%; }*/
 .front header { min-height:100vh; }
 .front header::before { left: 50%; width: 30%; }
 .not-front header::before { left: 25%; width: 25%; }
 .navbar-brand .logo { height:64px; }
 .front .intro-top { margin:0vh 11vw 0; }
 .front .intro-bottom { /*position: absolute;*/ text-align:left; }
 .front .intro-home { /*display:flex;*/ margin-top: 20vh; }

 .not-front .intro-top { margin:0vh 11vw 0; }
 .not-front .intro-bottom { /*position: absolute;*/ text-align:left; }
 .not-front .intro-home { /*display:flex;*/ /*margin-top: 20vh;*/ }

}

@media (max-width: 992px) {
  .front .navbar ul.navbar-nav { background: #303336; padding-left: 0.5em; z-index:100; position:relative; }
  .not-front .navbar ul.navbar-nav { background: #eee; padding-left: 0.5em; z-index:100; position:relative; }
  .image-text-section__image, .text-image-section__image { aspect-ratio: 16 / 9; }
}

.front .dropdown-menu {
--bs-dropdown-bg: #202226;
--bs-dropdown-link-color:#f1f1f1;
--bs-dropdown-link-hover-bg: #E22313;
--bs-dropdown-link-active-bg: #E22313;
border:none;
margin-left:-0.5em;
}
.dropdown-item { font-weight:bold; }


.not-front .dropdown-menu {
--bs-dropdown-bg: #202226;
--bs-dropdown-link-color:#f1f1f1;
--bs-dropdown-link-hover-bg: #E22313;
--bs-dropdown-link-active-bg: #E22313;
--bs-dropdown-link-disabled-color:#777;
border:none;
margin-left:-0.5em;
}

.page-category .subpages a:hover .bg-multiply2 { height:100%; }


/** for messages **/
.sysmess .modal-content { background:transparent; border:none; }
.sysmess .alert { border-width:10px; }
.sysmess .btn-close { position:relative; top:-10px; left:10px; }


/**
================================================================================================
================================================================================================
================================================================================================
================================================================================================
================================================================================================
 
 **/
 

/**

.navbar-nav {
--bs-nav-link-color: #212806;
--bs-link-hover-color: red;
--bs-navbar-active-color: #7a3104;
}

html { background: white; }
body { min-width:320px; font-weight:300; font-family: 'Inter', Helvetica, Arial, sans-serif; }
.text-bold, .fw-bold, b { font-weight: 600; }
.text-bolder, .fw-bolder, strong { font-weight:800; }
.text-small, small { font-size:0.9em; }
.content img { max-width:100%; }

.tooltip { text-transform: none; }
.tooltip-inner { min-width:300px; padding: 7px 5px 10px;  }

.nav-pills .nav-item { border-bottom:2px solid var(--bs-nav-pills-link-active-bg); }

@media (min-width: 768px) and (max-width: 991px) { }
**/

/**
@media (max-width: 767px) { 
    .header-block { min-height:210px; }
}
@media (min-width: 992px) and (max-width: 1199px) {
 .header-block { height:422px; }
}
@media (min-width: 1200px) {
 .header-block { height:509px; }
}

/* -- print -- */

/**
@media print {

  a,a:visited {text-decoration:none;color:#333 !important;}
  a[href]:after {content:"";}
  abbr[title]:after {content:"";}
  a[href^="#"]:after,a[href^="javascript:"]:after {content:"";}
  img { page-break-inside: aviod !important; }
  h2, h3 { page-break-before: avoid; page-break-inside: avoid; }
  
  html, body, .container { width:100% !important; max-width:100% !important; margin:0; }
  .navbar { display:inherit; max-width:100% !important; border:0; margin:0; position:static; margin:0; }
  #navbar, .navbar-nav, .navbar-toggle { display:none; }
  .navbar-header { width: 90% !important; max-width:90% !important; text-align:center; display:block !important; position:static !important; float:none; }
  .navbar-header:after { content:""; clear:both; float:none; }
  .navbar-brand { display:inline-block !important; margin: 0 auto !important; width:100% !important; max-width:100% !important;  float:none; }
  .logo { float:none; }
  .breadcrumb { display:none !important; }
  .page-header { margin:2em 0.5em; clear:both; display:block; content:""; overflow:hidden; text-align:center; }
  blockquote { border:0; color:#555 !important; }
  .pbr1 { page-break-before: always; }
  mark, .mark { background:#999 !important; }

}
**/

/*EOF*/