/* Font Face Definition */
@font-face {
	font-family: 'H_Oz Handicraft BT';
	src: url('../fonts/ozhandicraftbt_roman.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

#nyomdaitartalom {
	background-color:#FFFFFF;
}

#headerwrap {
	background-color:#FFFFFF;
}

#headeralso22 {
	margin:0;
	display: flex;
	flex-wrap: wrap;
}

@media only screen and (min-width: 1200px) {
	#headerwrap {
		background-image: url('../kepek/header/ritter_fuggony4.png');
		background-position: right bottom;
		background-repeat: no-repeat;
	}
}

#mindenrenyomunk {
	font-weight:bold;
	font-style:italic;
}

#d22headertextblock  a.sky {
	background-color:#cdeddb;
	color:#006871 !important;
	text-decoration: none;
}

#d22headertextblock  a.sky:before {
	content: '» ';
}

#nyomtatas_lang_2017 {
	background-color:#cdeddb;
	border-radius: 0 0 5px 5px !important;
	padding:3px;
}

#nyomtatas_telefon {
	background-color:#006871;
	border-radius: 0 0 5px 5px !important;
	display: inline-block;
	color:#FFFFFF;
	padding:3px;
	font-size:0.8rem;
}

#nyomtatas_email {
	background-color:#006871;
	border-radius: 0 0 5px 5px !important;
	display: inline-block;
	color:#FFFFFF;
	padding:3px;
	font-size:0.8rem;
}

@media only screen and (min-width: 1200px) {
	#d22headertextblock {
		max-width:500px;
		margin-top:30px;
	}
	
	#nyomtatas_telefon {
		float:left;
	}
	
	#nyomtatas_email {
		float:left;
	}
}

#header_kereses_input_2017 {
	font-size: 0.75rem;
	height: 32px;
	padding: 6px 12px 6px 35px;
	border: 2px solid #11998e;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	transition: all 0.3s ease;
	outline: none;
	width: 100%;
	background-color: #f8f9fa;
	background-image: url('data:image/svg+xml;utf8,<svg fill="%2311998e" height="16px" width="16px" version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="m495,466.1l-119.2-119.2c29.1-35.5 46.5-80.8 46.5-130.3 0-113.5-92.1-205.6-205.6-205.6-113.6,0-205.7,92.1-205.7,205.7s92.1,205.7 205.7,205.7c49.4,0 94.8-17.4 130.3-46.5l119.1,119.1c8,8 20.9,8 28.9,0 8-8 8-20.9 0-28.9zm-443.2-249.4c-1.42109e-14-91 73.8-164.8 164.8-164.8 91,0 164.8,73.8 164.8,164.8s-73.8,164.8-164.8,164.8c-91,0-164.8-73.8-164.8-164.8z"/></svg>');
	background-repeat: no-repeat;
	background-position: 10px center;
	background-size: 16px 16px;
	box-shadow: 0 2px 8px rgba(17, 153, 142, 0.15);
}

#header_kereses_input_2017:focus {
	border-color: #006871;
	box-shadow: 0 0 0 3px rgba(17, 153, 142, 0.2);
	background-color: #ffffff;
	background-image: url('data:image/svg+xml;utf8,<svg fill="%23006871" height="16px" width="16px" version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="m495,466.1l-119.2-119.2c29.1-35.5 46.5-80.8 46.5-130.3 0-113.5-92.1-205.6-205.6-205.6-113.6,0-205.7,92.1-205.7,205.7s92.1,205.7 205.7,205.7c49.4,0 94.8-17.4 130.3-46.5l119.1,119.1c8,8 20.9,8 28.9,0 8-8 8-20.9 0-28.9zm-443.2-249.4c-1.42109e-14-91 73.8-164.8 164.8-164.8 91,0 164.8,73.8 164.8,164.8s-73.8,164.8-164.8,164.8c-91,0-164.8-73.8-164.8-164.8z"/></svg>');
}

#header_kereses_input_2017::placeholder {
	color: #999;
}

#keresobox22 {
	position: relative !important;
}

@media only screen and (min-width: 768px) {
	#keresobox22 {
		margin-top: 30px;
		margin-bottom: 5px;
	}	
}

#headerjobb22 {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
}

@media only screen and (max-width: 767px) {
	#headerjobb22 {
		height: 75px;
		width: 100%
	}	
	#header_kereses_input_2017 {
		max-width: 150px;
	}
}

#nyomdaimunkatarsakatkeresunk {
	border: none !important;
	background: linear-gradient(135deg, #ffe064 0%, #ffd700 100%) !important;
	height: auto !important;
	padding: 6px 10px !important;
	font-size: 0.7rem !important;
	border-radius: 8px !important;
	-webkit-border-radius: 8px !important;
	-moz-border-radius: 8px !important;
	width: auto !important;
	max-width: none !important;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
	transition: all 0.3s ease !important;
	overflow: hidden !important;
	white-space: nowrap !important;
	margin-top: -5px !important;
	margin-bottom: 5px !important;
}

#nyomdaimunkatarsakatkeresunk:hover {
	transform: translateY(-2px) !important;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
}

#nyomdaimunkatarsakatkeresunk a {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	font-weight: 600 !important;
	white-space: nowrap !important;
}

#nyomdaimunkatarsakatkeresunk img {
	height: 20px !important;
	margin-right: 6px !important;
}

#nyomtataskozep_2017 {
    background-color:#FFFFFF;
	color:#3399cc;
	background-image:none;
}

#nyomdakozep {
	background-color:#edf9f3;
}

#tartalmimenu_2017 {
	padding: 8px 0 !important;
	background: linear-gradient(135deg, #006871 0%, #11998e 100%);
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.tartalmimenusplit2017 {
	padding: 4px 5px;
}

.tartalmimenusplit2017 h4 {
	margin: 0;
	padding: 8px 12px;
	background: rgba(255, 255, 255, 0.1);
	border-radius: 8px;
	transition: all 0.3s ease;
	border: 1px solid rgba(255, 255, 255, 0.2);
}

.tartalmimenusplit2017 h4:hover {
	background: rgba(255, 255, 255, 0.2);
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.tartalmimenusplit2017 a.dusk {
	color: #ffffff !important;
	text-decoration: none;
	font-weight: 600;
	font-size: 14px;
	display: block;
}

.tartalmimenusplit2017 a:before {
	content: '» ';
	margin-right: 5px;
	font-weight: bold;
}

.termeklistaelemx {
    background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
    border: none !important;
    border-radius: 10px;
    margin-bottom: 5px;
    transition: all 0.3s ease;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
}

.termeklistaelemx:hover {
    background: linear-gradient(135deg, #e8f5f3 0%, #d4ede7 100%);
    box-shadow: 0 4px 12px rgba(17, 153, 142, 0.2);
}

.oldalmenubox {
    display: flex;
    align-items: center;
    padding: 6px 8px;
    position: relative;
}

.oldalmenuikon {
    width: 30px;
    height: 30px;
    margin-right: 8px;
    transition: transform 0.3s ease;
    pointer-events: none;
}

.termeklistaelemx:hover .oldalmenuikon {
    transform: scale(1.05);
}

.oldalmenudoboz {
    border-bottom: 0px;
    flex: 1;
    position: relative;
}

.oldalmenulink::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}

.oldalmenulink {
    color: #006871 !important;
    font-weight: 600;
    font-size: 14px;
    transition: color 0.3s ease;
}

.oldalmenudoboz .dropdown-menu {
    background: #fff;
    border: 1px solid #e9ecef;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    margin-top: 0;
    padding: 8px 0;
    position: absolute !important;
    float: none !important;
    width: auto !important;
    min-width: 200px !important;
    left: 8px !important;
    top: 100% !important;
    z-index: 1000;
    white-space: nowrap;
}

.oldalmenudoboz .dropdown-menu li {
    width: 100%;
}

.oldalmenudoboz .dropdown-menu li a {
    padding: 8px 15px;
    color: #006871 !important;
    font-size: 13px;
    transition: background-color 0.2s ease;
    display: block;
    width: 100%;
}

.oldalmenudoboz .dropdown-menu li a:hover {
    background-color: #e8f5f3;
    color: #11998e !important;
}

.lekerekitett {
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	border-radius: 0px !important;	
}

a, a:visited {
	color: #FF6600;
}

footer a, footer a:visited {
	color: #FFFFFF;
	text-decoration: underline;
}

a.whitelink22, a.whitelink22:visited {
	color: #FFFFFF;
}

a:hover {
	text-decoration:none;
}

a.egyebmenu22{
	color:#006871;
	font-weight:bold;
}

.oldalmenulink {
	color: #006871 !important;
	font-weight: 600;
	font-size: 14px;
	transition: color 0.3s ease;
}

.oldalmenulink:hover {
	color: #11998e !important;
	text-decoration: none;
}

/* Jobb menü */
#ajanlatmenu_2017 {
	background-color:transparent;
	color: #006871;
	padding: 10px 0 10px 0;
	margin-top:10px;
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	border-radius:0px !important;
}

#ajanlatainkbol {
	margin: 	0 auto 10px auto; 
	font-weight:bold; 
	font-style:	italic;
	color: #006871;
	font-size:	1.1rem;
}

.ajanlatmenucaption {
	color: #006871;
	font-weight:bold;
}

#ajanlatmenu_akcio {
	background-color: #ff3838;
	width:100%;
	max-width:250px;
	/* height:20px; */
	padding:5px;
	color:#ffffff;
}

#ajanlatmenu_akciopic {
    background-image: url('../kepek/ritter_banner.png');
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #ffffff;
	max-width:250px;
	width:100%;
	height:240px;
	padding:5px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

#ajanlatmenu_akciopic::after {
	content: '2026';
	position: absolute;
	top: 55%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 50px;
	font-weight: bold;
	color: #ffffff;
	text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
	pointer-events: none;
}

#ajanlatmenu_arkereso {
	background-color: #006871;
	width:100%;
	max-width:205px;
	/* height:80px; */
	padding:5px;
	color:#ffffff;
	text-align:left;
}

#ajanlatmenu_arkeresopic {
    background-image: url('../kepek/oldalmenu/arkereso.svg');
	background-size: cover;
	width:122px;
	height:95px;
	float:right;
	position:relative;
	top:-20px;
}

#lablec {
	background-color:#006871;
	color:#FFFFFF;
	margin:10px 0 0 0;
	padding: 20px 5px 25px 5px;
}

.lablecoszlop {
	padding:20px 0 0 30px;
}

/* New modern footer styles */
.footer-modern {
	background-color: #006871;
	color: #FFFFFF;
	padding: 30px 0;
	margin-top: 20px;
}

.footer-hero-image {
	width: 100%;
	max-width: 500px;
	height: 200px;
	object-fit: cover;
	border-radius: 8px;
	margin-bottom: 20px;
}

.footer-section {
	margin-bottom: 30px;
}

.footer-section h4 {
	color: #FFFFFF;
	font-size: 1.1rem;
	margin-bottom: 15px;
	font-weight: bold;
}

.footer-contact-item {
	display: flex;
	align-items: center;
	margin-bottom: 12px;
	color: #FFFFFF;
}

.footer-contact-item img {
	width: 24px;
	height: 24px;
	margin-right: 10px;
}

.footer-contact-item a {
	color: #FFFFFF;
	text-decoration: none;
}

.footer-contact-item a:hover {
	color: #cdeddb;
	text-decoration: underline;
}

.footer-social {
	margin-top: 20px;
}

.footer-social h4 {
	margin-bottom: 15px;
}

.footer-social-icons {
	display: flex;
	gap: 15px;
	flex-wrap: wrap;
}

.footer-social-icons a {
	display: inline-block;
}

.footer-social-icons img {
	width: 32px;
	height: 32px;
	transition: opacity 0.3s ease;
}

.footer-social-icons img:hover {
	opacity: 0.8;
}

.footer-menu {
	list-style: none;
	padding: 0;
}

.footer-menu li {
	margin-bottom: 8px;
}

.footer-menu a {
	color: #FFFFFF;
	text-decoration: underline;
	font-size: 0.9rem;
}

.footer-menu a:hover {
	color: #cdeddb;
}

@media (max-width: 768px) {
	.footer-hero-image {
		height: 150px;
	}
	
	.footer-social-icons {
		justify-content: center;
	}
}

.ritterterkep {
	width:100%;
}

@media only screen and (max-width: 767px) {
	.ritterterkep {
		width:85%;
	}
}


/* Nyitóoldal */

#nyomdaibemutatkozas a {
	content: '» ';
	color:#006871;
	background-color:#cdeddb;
	font-style:italic;
}

#nyomdaibemutatkozas a:before {
	content: '» ';
}

#opctrl {
	background-color:#cdeddb;
	border:0; 	
}

#opctrl > .active > a {
	border:0;
	border-radius:0;
}

.lbmenu22 a {
	text-transform: uppercase;
	color:#006871;
	font-style:italic;
}

.lbmenu22 a:before {
	content: '» ';
}

#gyorsajanlatkeres {
	background-color:#04a64b !important;
	text-align:left;
	color:#FFFFFF;
	font-style:italic;
	text-transform: uppercase;
}

#gyorsajanlatkerestermekek a {
	color:#000000;
}

/* Egyenlő magasságú oszlopok */
@media (min-width: 768px) {
	.row.equal {
	display: flex;
	flex-wrap: wrap;
	}
}

/* Minden oldalon közös */
.referenciafej {
	background-color:#04a64b !important;
	color:#FFFFFF !important;
	font-style:italic;
	text-transform: uppercase;
	font-weight:normal;
	text-align:left
}

.blokkfej {
	background-color:#006871 !important;
	color:#FFFFFF !important;
	font-style:italic;
	text-transform: uppercase;
	font-weight:normal;
	text-align:left
}

.carousel-control.left, .carousel-control.right {
	color:#006666;
}

/* Korábbi munkák blokk */
.korabbimunkak {
	background-color:#006871;
}

.korabbimunkak a {
	color:#FFFFFF;
	font-weight:bold;
	font-style:italic;
}

.korabbimunkak  a:after {
	content: ' »';
}

.ezalapjan {
	font-weight:bold;
	text-decoration:none;
	color:#FFFFFF;
	background-color:#960000;
}

a.ezalapjan:hover {
	color:#FFFFFF;
}

a.ezalapjan:visited {
	color:#FFFFFF;
}

a.ezalapjan:after {
	content: ' »';
}


/* Aloldal típusok */

/* Rendelés oldalak */
#oldaltipus_rendeles a{
	color:#0ca64b !important;
}

#oldaltipus_rendeles h4{
	background-color:#006871;
	color: #FFFFFF;
	display:inline-block;
	padding:5px;
}

#rendelesoldal_szerkesszeatform{
	background-color:#9bdbb7;
	padding:10px
}

#rendelesoldal_szerkesszeatform .btn-default {
	background-color:#006871;
	color:#FFFFFF;
	font-style:italic;
	font-weight:bold;
}

#rendelesoldal_panel{
	background-color:#fffde6;
	padding-top:0;
}

#rendelesoldal_fejlec{
	text-align:left;
}

#rendelesoldal_fejlec h1 , #rendelesoldal_fejlec h3{
	color:#006666;
}

#rendelesoldal_keresesazonnali{
	background-color:#9bdbb7;
	padding:5px;
	text-align:center;	
}

#rendelesoldal_keresesazonnali .btn-default {
	background-color:#006871;
	color:#FFFFFF;
	font-style:italic;
	font-weight:bold;
	border-radius:0 !important;
}

#rendelesoldal_tipuslink{
	background-color:#006871;
	color:#99c3c6;
	padding:5px;
	text-align:center;
}

#rendelesoldal_tipuslink a, #rendelesoldal_arakmegtekintese a  {
	color:#ffffff !important;
}

#rendelesoldal_arakmegtekintese {
	background-color:#006871;
	color:#99c3c6;
	padding:5px;
	margin-top:10px;
	text-align:center;
}

/* Árajánlat oldalak */
#oldaltipus_arajanlat a{
	color:#0ca64b !important;
}

#arajanlatoldal_tipus{
	padding:5px;
	background-color:#fffde6;
	margin-top:10px;
	text-align:left;
}

#oldaltipus_arajanlat .breadcrumb {
	background-color:#fffde6;
}

#arajanlatoldal_panel{
	background-color:#fffde6;
}

#arajanlatoldal_szerkesszeatform{
	background-color:#9bdbb7;
	padding:10px
}

#arajanlatoldal_szerkesszeatform .btn-default {
	background-color:#006871 !important;
	color:#FFFFFF !important;
	font-style:italic;
	font-weight:bold;
}

#arajanlatoldal_szerkesszeatform a {
	color:#000000 !important;
}

#arajanlatoldal_tovabb {
	padding:5px;
	background-color:#fffde6;
	margin-top:10px;
	text-align:center;
}

/* Modern Footer Styles */
.footer-modern {
	background-color: #006871;
	background-image: url('../kepek/hatter.png');
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: cover;
	color: white;
	padding: 20px 0;
	margin-top: 30px;
	position: relative;
}

.footer-left {
	padding-right: 30px;
}

.footer-hero-image-large {
	margin-bottom: 15px;
}

.footer-hero-image-large img {
	width: 100%;
	height: 200px;
	object-fit: cover;
	border-radius: 8px;
}

.footer-contact-row {
	margin-bottom: 15px;
}

.footer-contact-item {
	display: flex;
	align-items: flex-start;
	margin-bottom: 20px;
	text-align: left;
}

.contact-icon {
	width: 64px;
	height: 64px;
	margin-right: 20px;
	margin-top: 2px;
	flex-shrink: 0;
}

.contact-text {
	color: white;
	line-height: 1.4;
	text-align: left;
	font-family: 'Calibri', sans-serif;
}

.contact-text strong {
	color: white;
	font-weight: bold;
}

.contact-text em {
	font-style: italic;
}

.contact-text a {
	color: white;
	text-decoration: none;
	transition: all 0.3s ease;
}

.contact-text a:hover {
	color: #9bdbb7;
	text-decoration: underline;
}

.footer-social-section {
	margin-bottom: 15px;
	margin-top: 10px;
}

.footer-social-section h3 {
	color: white;
	font-size: 48px;
	margin-bottom: 15px;
	font-weight: bold;
	font-family: 'H_Oz Handicraft BT', serif;
	text-align: left;
}

.footer-social-section-top {
	margin-bottom: 50px;
	margin-top: 0;
	text-align: left;
}

.footer-social-section-top h3 {
	color: white;
	font-size: 48px;
	margin-bottom: 15px;
	font-weight: bold;
	font-family: 'H_Oz Handicraft BT', serif;
	text-align: left;
}

.social-icons {
	display: flex;
	gap: 10px;
}

.social-icons a {
	display: inline-block;
}

.social-icons img {
	width: 32px;
	height: 32px;
	transition: opacity 0.3s;
}

.social-icons img:hover {
	opacity: 0.8;
}

.social-icons-large {
	display: flex;
	gap: 15px;
	flex-wrap: wrap;
	justify-content: flex-start;
}

.social-icons-large a {
	display: inline-block;
}

.social-icons-large img {
	width: 48px;
	height: 48px;
	transition: opacity 0.3s;
}

.social-icons-large img:hover {
	opacity: 0.8;
}

.footer-email-section {
	margin-top: 20px;
}

.footer-separator {
	width: 2px;
	background-color: white;
	position: absolute;
	left: -15px;
	top: 0;
	bottom: 0;
	min-height: 100%;
}

.footer-right {
	padding-left: 30px;
	position: relative;
	padding-top: 0;
}

.footer-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	text-align: left;
}

.footer-menu li {
	margin-bottom: 12px;
	border-bottom: 1px solid rgba(255,255,255,0.2);
	padding-bottom: 8px;
	padding-left: 0;
	transition: all 0.3s ease;
	position: relative;
	overflow: hidden;
}

.footer-menu li:last-child {
	border-bottom: none;
}

.footer-menu li:hover {
	padding-left: 15px;
	border-bottom-color: #9bdbb7;
	transform: translateX(5px);
}


.footer-menu a {
	color: white;
	text-decoration: underline;
	font-size: 18px;
	line-height: 1.5;
	transition: all 0.4s ease;
	font-family: 'Calibri', sans-serif;
	display: block;
	position: relative;
}

.footer-menu a:hover {
	color: #9bdbb7;
	text-decoration: none;
	text-shadow: 0 0 8px rgba(155, 219, 183, 0.5);
	transform: scale(1.05);
}

/* Responsive adjustments */
@media (max-width: 768px) {
	.footer-separator {
		display: none;
	}
	
	.footer-left, .footer-right {
		padding-left: 15px;
		padding-right: 15px;
	}
	
	.footer-contact-row {
		margin-bottom: 15px;
	}
	
	.social-icons {
		justify-content: center;
	}
}