/* ---------------------------------------------[      botika superstylin'      ]----------------------------------------- */

body {
	color: #333;
	font-family: 'Roboto', sans-serif;
	/* background-image: url('../irudi/atzewall.jpg');
	background-position: top; */
/*	background-size: cover;*/
	display: flex;
	min-height: 100vh;
	flex-direction: column;
	justify-content: space-between;
}
html, body {
/*
	width: 100%;
	height: 100%;
*/
}
:root {
	--kolorea: #444;
}
.kol { color: var(--kolorea); }
.bako { background-color: var(--kolorea); }
.boko { border-color: var(--kolorea); }

.nisans, .nisans p, input, textarea, .dbtext p, .dbtext li {
	/*font-family: 'Roboto', sans-serif;*/
}
.bestefont {
	font-family: 'Caveat', serif;
}
body, .bakobody {
	background-color: #FFF;
}
a {	color: #1E1919; transition: background .2s ease-in-out; }
p a {	color: #333; }
a:visited {	/*color: #444;*/ }
a:hover {	color: #2F2C26; }
a:active {	color: #ADADAF; }
.nion {	/*color: #cc3380;*/ }
::selection {
	background: #DFDCDC;
	/*color: #000;*/
}
strong, b, .dbtext strong {
	font-weight: 600;
}
body ::-moz-selection {
	background: #DFDCDC;
}
html { box-sizing: border-box; }
*, *:before, *:after { box-sizing: inherit; }

/*div { outline: 1px solid var(--kolorea); }*/

/* ---------------------------------------------[           kolore             ]----------------------------------------- */

a:hover { color: #666; }
.kol_ { color: var(--kolorea); }
.kol_over:hover, a:hover .kol_over { color: var(--kolorea); }
.boko_, a.boko_:hover, .boko_over:hover, a:hover .boko_over { border-color: var(--kolorea); }
.bako_, .bako_over:hover, a:hover .bako_over { background-color: var(--kolorea); }

.kol0 { color: #111; }
.kol0over:hover, a:hover .kol0over { color: #111; }
.boko0, a.boko0:hover, .boko0over:hover, a:hover .boko0over { border-color: #111; }
.bako0, .bako0over:hover, a:hover .bako0over { background-color: #111; }
.kol1 { color: #869FA5; }
.kol1over:hover, a:hover .kol1over { color: #869FA5; }
.boko1, a.boko1:hover, .boko1over:hover, a:hover .boko1over { border-color: #869FA5; }
.bako1, .bako1over:hover, a:hover .bako1over { background-color: #869FA5; }
.kol2 { color: #333; }
.kol2over:hover, a:hover .kol2over { color: #333; }
.boko2, a.boko2:hover, .boko2over:hover, a:hover .boko2over { border-color: #333; }
.bako2, .bako2over:hover, a:hover .bako2over { background-color: #333; }
.kolargi { color: #CFA8AB; }
.kolargioverwhite { color: #17A3BF; }
.kolilun { color: #2F2C26; }
.kolgrey { color: #AAA; }
.bakogrey { background-color: #AAA; }
.bokogrey { border-color: #AAA; }

/* ---------------------------------------------[           $egitura             ]----------------------------------------- */

header {
	width: 100%;
	transition: top 0.25s ease-in-out;
/*	padding-bottom: 0rem;*/
	top: 0;
	z-index: 1000;
	padding-bottom: 2rem;
}
header.ison {
	/*padding-bottom: 0;*/
	background-color: #FFF;
}
main {
	margin-bottom: auto;
}
footer {
	margin-top: 2rem;
	position: relative;
}

.horipad {
	margin: 0 auto;
	padding: 0 1rem;
}
.goiko.ison {
	background-color: #FFF;
	overflow: hidden;
}
.goiko .horipad {
	position: relative;
	/*overflow: hidden;*/
}

.gora {
	width: 3rem;
	height: 2rem;
	line-height: 2rem;
	text-align: center;
	position: fixed;
	z-index: 1001;
	right: 1.5rem;
	bottom: 0;
	font-weight: 300;
	display: none;
	border-radius: .25rem .25rem 0 0;
	background-color: rgba(0,0,0,.85);
	/*box-shadow: 0 0 4px #111;*/
	border-color: #FFF;
	border-style: solid;
	border-width: 1px 1px 0 1px;
	color: #FFF;
}
span.goraka {
	font-size: 2rem;
	font-weight: 700;
	display: inline-block;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
	transform-origin: 50% 50%;
	padding-bottom: .3125rem;
}

.gora:hover {
	border-width: 1px 1px 0 1px;
/*	background-color: #FF0000;*/
	color: #FFF;
}
.dbtext {
	text-align: left;
	max-width: 900px;
}
#imagelightbox{
	border: 1px solid #CCC;
}

/* ---------------------------------------------[           $berezi             ]----------------------------------------- */

img.imgatze {
	position: fixed;
	opacity: .1;
	z-index: 0;
	left: .5rem;
	bottom: .5rem;
	z-index: -1;
	width: 95%;
}

.parbig {
/*	margin-top: 2rem;*/
}
.parbig strong {
	color: #333;
	font-size: 1.0625em;
}
.parbig::first-letter {
	font-size: 2rem;
	font-weight: 400;
	line-height: 1;
}
.loader {
	display: none;
}

/* ---------------------------------------------[           $common             ]----------------------------------------- */

.lodifont {	font-weight: 700; }
.normalfont { font-weight: 400; }
.breakword {
	word-wrap: break-word;
 /*-ms-word-break: break-all;
     word-break: break-all;*/
     word-break: break-word; /* Non standard for webkit */
-webkit-hyphens: auto;
   -moz-hyphens: auto;
    -ms-hyphens: auto;
        hyphens: auto;
}

main {
	clear: both;
	overflow: hidden;
	padding: 0 0 1rem;
}
main .horipad {
	/*min-height: 20rem;*/
}

.but {
	color: #444;
	display: inline-block;
	/* font-size: 1.0625rem; */
/*	border-radius: .3125rem;*/
	background-color: #FFF;
	transition: background-color 0.15s ease-out;
	padding: .4375rem 1rem .3125rem;
	/* margin: .25rem; */
	text-align: center;
	border: none;
	border: 1px solid #CCC;
	font-weight: 400;
}
.but.nomar {
	margin: 0;
}
.but:hover {
	color: #333;
	background-color: #CCC;
	border: 1px solid #AAA;
}
.but:hover .icon {
	color: #FFF;
}
.but.bako {
	color: #444;
	background: #D4CDC1;
}

.videobox {
	margin: .125rem 0;
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 0px;
	height: 0;
	clear: both;
	overflow: hidden;
	border: 1px solid #DFD5C3;
}
.videobox iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* ---------------------------------------------[           $hizk             ]----------------------------------------- */

header .hizk {
	display: flex;
	padding-top: 1.4375rem;
	position: absolute;
	left: -10rem;
	z-index: 1001;
	transition: left .2s ease-out;
	top: 0;
}
.ison .hizk {
	left: 1.4375rem;
	position: fixed;
}
header .hizk a {
	color: #FFF;
	display: block;
/*	background-color: rgba(0,0,0,.4);*/
	font-size: 1.25rem;
	padding: .5rem .6875rem .5rem;
	text-transform: uppercase;
}
.hizk li a.nion {
	font-weight: 600;
}
/*
header .hizk li a.nion {
	background-color: rgba(0,0,0,.6)
}
header .hizk li {
	border-right: 1px solid #FFF;
}
header .hizk li:last-child {
	border-right: none;
}
*/
footer .hizk {
	display: flex;
	text-transform: uppercase;
	/* border-top: 1px solid #666; */
}
footer .hizk li {
	/* flex: 1 1; */
	/* border-right: 1px solid #FFF; */
}
footer .hizk li:last-child {
	/* border-right: none; */
}
footer .hizk li a {
	/* color: #FFF;
	display: block;
	background-color: rgba(0,0,0,.66); */
	padding: .25rem 0;
	margin-right: .5rem;
}
footer .hizk li a.nion {
	/* background-color: rgba(0,0,0,1) */
}

/* ---------------------------------------------[           $goiko             ]----------------------------------------- */

.logodiv {
	padding: 0;
	text-align: left;
	margin-bottom: .0625rem;
	position: relative;
	padding-top: 1.25rem;
	max-width: 70vw;
}
.ison .logodiv {
	/*opacity: 0;*/
}
.logo img {
	max-width: 70vw;
}
.logo span {
	display: inline-block;
	padding: 0 .125rem;
	/*transition: padding 0.15s ease-in-out;*/
}
.logo:hover span {
	/*padding: 0;
	color: #000;*/
}
.mailandtelhizkordez {
	display: none;
}

/* ---------------------------------------------[           $menua             ]----------------------------------------- */

.burger {
  width: 50px;
  height: 50px;
  position: fixed;
  top: 20px;
  right: 20px;
  border-radius: 4px;
  z-index: 10;
  background-color: var(--kolorea);
}
.burger:hover {
  background-color: #000;
}
.burger span {
  position: relative;
  margin-top: 9px;
  margin-bottom: 9px;
  user-select: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -15px;
  margin-top: -1.5px;
	display: none;
}
.burger span span {
	display: none;
}
.burger span, .burger span::before, .burger span::after {
  display: block;
  width: 30px;
  height: 4px;
  background-color: #FFF;
  outline: 1px solid transparent;
  transition-property: background-color, transform;
  transition-duration: 0.3s;
}
.burger span::before, .burger span::after {
  position: absolute;
  content: "";
}
.burger span::before {
  top: -9px;
}
.burger span::after {
  top: 9px;
}
.burger.clicked {
  background-color: #000;
}
.burger.clicked span {
  background-color: transparent;
}
.burger.clicked span::before {
  transform: translateY(9px) rotate(45deg);
}
.burger.clicked span::after {
  transform: translateY(-9px) rotate(-45deg);
}
.burger.clicked span:before, .burger.clicked span:after {
  /*background-color: #000;*/
}
.burger:hover {
  cursor: pointer;
}
.overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  transition: all 0.2s ease-out;
  background-color: var(--kolorea);
  opacity: 0;
  visibility: hidden;
}
.overlay.show {
  opacity: 1;
  visibility: visible;
}


.showhidemenu {
	display: block;
	z-index: 1500;
	margin: 1rem 1rem 1rem 0;
	font-weight: 300;
	z-index: 1001;
	float: right;
	transition: top .4s ease-out;
	position: fixed;
	right: 0;
}
.nav-up .showhidemenu {
    top: -6rem;
}
.nav-down .showhidemenu {
   top: 0;
}
.showhidemenu span {
/*
	color: #FFF;
	background-color: #000;
	text-align: center;
	font-size: 2.5rem;
	height: 3rem;
	width: 3rem;
	display: inline-block;
	line-height: 1.0625;
	border-radius: .125rem;
	box-shadow: 0 0 2px #FFF;
	transition: all .15s ease-out;
*/
}
.showhidemenu:hover span {
/*	background-color: #F00;*/
}
.showhidemenu.nion span {
/*	background-color: #F00;*/
	/*-ms-transform: rotate(90deg); /* IE 9 */
  /*-webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
  /*transform: rotate(90deg);*/
}

nav {
	bottom: 0;
	left: -100vw;
	display: flex;
	position: fixed;
	z-index: 1000;
	width: 100%;
	overflow-y: auto;
	height: calc(100vh - 5rem);
	/*	transition: all .2s ease-out;*/
}
.sitemap nav.submenu {
	top: auto;
	bottom: auto;
	left: 1rem;
	display: block;
	position: relative;
	height: auto;
}
nav.submenu {
	left: auto;
	height: auto;
	position: relative;
	/* display: none; */
	overflow-y: hidden;
	z-index: 0;
	width: 100%;
}
nav.submenu .s1menu {
	width: 100%;
}
.sitemap .s1menu li a {
	font-size: .8125em;
}
.sitemap .s1menu li a:before {
	content: "\2022";
	margin-right: .25rem
}
aside .submenu {
	/* margin-top: -.25rem */
}
aside .submenu ul li a {
	/* font-size: .9375em; */
	/* color: #FFF;
	text-transform: uppercase;
	background-color: #333;
	border-bottom: 1px solid #111;
	transition: color .2s ease-out;
	padding: .625rem 1rem; */
}
.submenu ul li a {
	/* display: block; */
	padding: .125rem 1rem;
}
aside .s1menu {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}
aside .submenu .s1menu > li > a {
	padding: .125rem .375rem;
}
aside .submenu .s1menu > li:first-child > a {
	padding-left: 0;
}
aside .submenu .s1menu > li {
	/* width: 100%; */
	margin-right: 2px;
	text-align: center;
}
aside .submenu ul li a {
	color: inherit;
	display: block;
	/* text-transform: uppercase; */
	background-color: transparent;
	border-bottom: 1px solid transparent;
	transition: color .2s ease-out;
/*	padding: .5rem auto;*/
	text-align: center;
}
aside .submenu ul li a.nion span {
	border-bottom: 1px solid #999;
}
aside .submenu ul li a.nion, aside .submenu ul li a:hover {
	/* border-color: var(--kolorea);
	color: var(--kolorea); */
}
aside .submenu ul li li a {
	padding: .5rem 0 .5rem 1rem;
}
.submenu .s1menu li a.nion {
	color: var(--kolorea);
	/* border-color: var(--kolorea); */
}
.submenuicon .icon {
	padding: .125rem;
}
.nion .submenuicon .icon {
	background-color: var(--kolorea);
}


.sitemap .submenu ul li:last-child {
	margin-bottom: .5rem;
}
a.submenuarrow {
	float: right;
	margin-left: 1rem;
	border-style: solid;
	border-width: 0 0 0 1px;
	border-color: #999;
	width: 2.5rem;
	color: #000;
	/*border-radius: 0 .5rem .5rem 0;*/
}
aside .submenu ul li a.submenuarrow {
	/* text-align: center; */
}
nav.show {
	left: 0;
	/*background: #FFF;
	border-top: 1px solid #DDD;
	height: 100vh;
	align-items: center;
	bottom: 0;*/
}
.super .horipad,
nav .horipad {
	position: relative;
}

.menu {
	width: 100%;
	margin: auto;
}
.menutxt {
	display: none;
}
.menu li {
	opacity: 0;
	top: 2rem;
	position: relative;
	transition: all .2s ease-out;
	text-align: left;
	padding-left: 1rem;
	/*display: inline;
	overflow: hidden;
	margin-bottom: -.3125rem;*/
}
.menu li a {
	position: relative;
}
.menu li.nion a {
	font-weight: 700;
}
.menu > li > a {
	color: #FFF;
	display: inline-block;
	font-size: 1.125rem;
	line-height: 1.375;
	transition: color .2s ease-out;
	padding: .625rem 1rem;
}
@-webkit-keyframes menuin { 100% { top: 0; opacity: 1; } }
@-moz-keyframes menuin { 100% { top: 0; opacity: 1; } }
@-o-keyframes menuin { 100% { top: 0; opacity: 1; } }
@keyframes menuin { 100% { top: 0; opacity: 1; } }
.noscroll .menu li { 
	animation: menuin .125s forwards ease-out;
}
.noscroll .menu li:nth-child(1)  { 
	animation-delay: .2s;
}
.noscroll .menu li:nth-child(2)  {
	animation-delay: .25s;
}
.noscroll .menu li:nth-child(3) {
	animation-delay: .3s;
}
.noscroll .menu li:nth-child(4)  { 
	animation-delay: .35s;
}
.noscroll .menu li:nth-child(5)  {
	animation-delay: .4s;
}
.noscroll .menu li:nth-child(6) {
	animation-delay: .45s;
}
.noscroll .menu li:nth-child(7) {
	animation-delay: .5s;
}
.navigation .s1menu {
	display: none;
	position: absolute;
	z-index: 9;
}
.navigation .menu > li > a:hover + ul.s1menu {
/*	display: block;*/
}
.menu li ul, .sitemap li ul {
  margin-left: 0;
}
.opensubmenu {
	color: #FFF;
	padding: .75rem;
	background-color: #333;
}
.opensubmenu:hover, .ison.opensubmenu {
	color: #FFF;
	background-color: var(--kolorea);
}

main .s2menu {
	display: none;
}
main ul li ul.s2menu {
	margin-left: 0;
}
main .s2menu.subon {
	display: block;
}
main .s3menu {
	display: none;
}
main .s3menu.subon {
	display: block;
}

.edulist, .edulist ul, .redactor-layer ul {
	/*font-size: 1.0625rem;*/
	text-align: left;
	margin: .25rem 0 .5rem;
	list-style: disc inside;
	padding-left: .75rem;
	text-indent: -1.125rem;
}
.edulist li {
	line-height: 1.1875;
	margin: .4375rem 0;
}

.eguteframe {
	border: none;
	width: 100%;
}

.social {
	font-size: 1.0625rem;
}
.super .social {
	display: none;
}
.social a {
	width: 1.75rem;
	height: 1.75rem;
	text-align: center;
	display: inline-block;
	line-height: 1.75;
	/* color: #FFF; */
}
footer .social a {
	border-radius: 100%;
}
.contactsocial .social a {
	width: auto;
	height: 2rem;
	color: #6f1b1f;
	line-height: 1.6875;
	margin-right: .5rem;
}
.contactlinks .contactsocial .icon {
	font-size: 1.375rem;
}

.super .social a { color: #FFF; }
.super a.instagram { background-color: #e95950; border-color:#e95950; }
.super a.facebook {	background-color: #3b5998; border-color:#3b5998; }
.super a.twitter { background-color: #00aced; border-color:#00aced; }
.super a.youtube { background-color: #cd201f; border-color:#cd201f; }
.super a.linkedin {	background-color: #0077B5; border-color:#0077B5; }
.super a.cart {	background-color: #40c00d; border-color:#40c00d; }
.super .social a:hover { background-color: #000; }
footer a.instagram:hover, .share a.instagram:hover { background-color: #e95950; }
footer a.facebook:hover, .share a.facebook:hover { background-color: #3b5998; }
footer a.twitter:hover, .share a.twitter:hover { background-color: #00aced; }
footer a.youtube:hover, .share a.youtube:hover { background-color: #cd201f; }
footer a.linkedin:hover, .share a.linkedin:hover { background-color: #0077B5; }
footer a.cart:hover, .share a.cart:hover { background-color: #40c00d; }
footer a.mail:hover, .share a.mail:hover { background-color: #134EA0; }
footer .social a:hover { color: #FFF; }

.atzemask {
	background-image: url('../irudi/svg/brush.svg');
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

button svg, li svg, span > svg {
	position: absolute;
	display: block;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	fill: #000;
	z-index: 0;
}
button > span, .nirelsvg > span {
	z-index: 1;
	position: relative;
}

.azpimarra.bepads {
	padding-bottom: 0;
}
.margoa {
	display: block;
	padding: .75rem .75rem 0;
	margin-bottom: 2rem;
	background-color: #FFF;
	transition: all ease-out .2s;
	border: 1px solid #FFF;
}
/* .imgdiv,  */
.margoa, .itzala {
	box-shadow: 1px 1px 3px #CCC, -1px -1px 3px #CCC;
}
.margoa:hover {
	box-shadow: none;
	border: 1px solid #666;
}

/* ----------------------------------------------[           $edukiak             ]----------------------------------------- */

.overlaymap, .overlaypdf, .overlayikusgai {
	bottom:0;
	left:0;
	width: 100%;
	height: 100%;
	display: none;
	position: fixed;
	z-index: 2000;
	background-color: rgba(255,255,255,.9);
	overflow: hidden;
}
.overlayikusgai {
	display: block;
}

#foriframe, #forpdf {
	position: absolute;
	z-index: 2005;
}
#foriframe, #if, #forpdf {
	border: 0;
	width: 100%;
	height: 100%;
	display: block;
}
.closemap, .closemaponurl, .closepdf {
	top: 0;
	position: absolute;
	z-index: 2010;
	font-size: 3.5rem;
	color: #333;
	padding: .75rem .75rem 0;
	text-shadow: 0 0 2px #999;
	display: inline-block;
	line-height: 1.125;
}
.closemap, .closemaponurl {
	right: 0;
}
.closemap span, .closemaponurl span {
	color: #333;
}
a:hover.closemap span, a:hover.closemaponurl span {
	color: #333;
}
.closepdf {
	left: 0;
}
.closepdf span {
	color: #333;
}
a:hover.closepdf span {
	color: #FFF;
}
.overlaymap .donut, .overlayikusgai .donut {
	position: absolute;
	top: 50%;
	left: 50%;
	padding: .5rem;
	transform: translate(-50%, -50%);
	z-index: 2001;
}

.cookies {
	right: 0;
	bottom: 0;
	position: fixed;
	/*max-width: 350px;*/
	text-align: center;
	margin: 0 auto;
	width: 100%;
	z-index: 900;
}
.cookies > div {
	color: #FFF;
	background: rgba(45,45,45,.9);
	padding: .375rem 1rem;
	text-align: left;
	font-weight: 200;
}
.cookies p {
	text-align: left;
	font-size: .8125rem;
	margin-bottom: .25rem;
}
.cookies p a {
	border: none;
}
.cookies p a:hover {
	color: #F00;
	border: none;
}
.cookies a:not(.closeekie) {
	/*text-decoration: underline;*/
}
.cookies a.closeekie {
	font-size: 1.5rem;
	float: right;
}
.cookies button {
	padding: .3rem .6rem;
	background: #333;
	box-shadow: 0 0 2px rgba(15,15,15,.9);
	color: #FFF;
}
.cookies button:hover {
	background: #FFF;
	color: #333;
}

.berrilist .imgdiv {
	min-height: 5em;
	position: relative;
	margin-bottom: 1em;
}
.berrilist .videobox {
	margin-bottom: 1em;
}
.imgdiv img {
	width: 100%;
}
.imgdiv .loader, .wrapper .loader {
	/* display: none; */
}
picture img {
	width: 100%;
}

/* ----------------------------------------------[           $beko             ]----------------------------------------- */

footer {
	clear: both;
}
footer .horipad {
	padding-top: 2rem;
	padding-bottom: 1rem;
}
footer .horipad {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}
footer .belocation {
	width: 100%;
}
.logobe {
	max-width: 3rem;
}
.becontact a {
	display: block;
}
.copy {
	display: flex;
	font-size: .75rem;
	justify-content: space-between;
}
.copy .nion {
	font-weight: 600;
}
.copy ul li:first-child,
.copy ul li:nth-child(2) {
	display: none;
}
.copy ul li:not(.copyright, :nth-child(4))::after {
	content: '|';
	font-size: .75rem;
	margin-left: .4375rem;
	margin-right: .25rem;
	background-color: transparent;
}
.copy ul li:not(.copyright) {
	margin-right: .25rem;
}
.copy ul li a {
	font-size: .8125rem;
}

/* ----------------------------------------------[           $contact             ]----------------------------------------- */

.miframe {
	/*height: 800px;*/
	width: 100%;
	border: 0;
	border: 1px solid #D1D1D1;
}
.divformap {
	overflow: hidden;
}
.divformap div:first-child {
	margin-bottom: -4px;
	position: relative;
}
.inputerror {
	border-color: #D33;
	border-style: dashed;
}
#echo {
	line-height: 1;
}
.contactbox input, .contactbox textarea {
	background-color: rgba(255,255,255,.2);
}
.contactbox label .icon {
	color: var(--kolorea);
	width: 1.1875rem;
	text-align: center;
	font-size: .75rem;
}
.contactbox div label {
	width: 99.9%;
	display: block;
	text-align: left;
	padding-left: 1px;
	background-color: transparent;
	padding: .25rem .25rem 0;
	margin-top: .5rem;
	font-weight: 300;
	color: #CCC;
}
.contactbox div label::before {
	content: none;
}
.contactbox label:hover {
/*	border-color: #CCC;*/
}
.contactbox div label.kol2 {
	background-color: #FFF;
	border-color: #CCC;
}
.contactbox label + input, .contactbox label + textarea {
	margin-top: 0;
	border-color: #CCC;
	border-style: solid;
	border-width: 0 0 1px;
}
.contactbox label + input:hover, .contactbox label + textarea:hover,
.contactbox label + input:focus, .contactbox label + textarea:focus {
	border-color: var(--kolorea);
/*	border-width: 0 1px 1px;*/
}
label.iblok:before {
	content: "";
}
.contactimg {
	max-width: 22rem;
}

/* -----------------------------------------[           orokor last to win           ]------------------------------------ */

a.niof, a:hover.niof {
	color: #CCC; cursor: default;
}

.prevnext {
	font-size: 1.625rem;
}
.prevnext a {
	background-color: transparent;
}
.prevnext span.eskb {
	border-radius: .3125rem;
	padding: .125rem .125rem .0625rem;
	border: 1px solid #EFE5DE;
	background-color: #DFDCDC;
	/*display: block;
	border-bottom: 1px dashed #BBB;*/
}
.prodprevnext {
	/*border-radius: .3125rem;
	padding: .25rem .125rem .0625rem;
	border: 1px solid #FFF;
	background-color: #EAEAEA;*/
}
.ataprevnext {
	float: right;
	padding: 0 .25rem;
	background-color: var(--kolorea);
	border-radius: .3125rem .3125rem 0 0;
}
.ataprevnext a {
	line-height: 1;
	font-weight: 700;
	padding: 0 .375rem;
}
.ataprevnext a.niof, .prodprevnext a.niof {
	opacity: .5;
}
.ataprevnext a:not(.niof), .prodprevnext a:not(.niof) {
	color: #333;
}
.ataprevnext a:not(.niof):hover, .prodprevnext a:not(.niof):hover {
	color: #666;
}

.text-gradient {
/*  @supports (--css: variables) {*/
    background: linear-gradient(to left, var(--kolorea), #000);
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
/*  }*/
}

/* ----------------------------------------------[           elements           ]----------------------------------------- */

h1 {
	font-weight: 400;
	display: block;
	text-align: left;
	margin-right: 1px;
	font-weight: 300;
	text-transform: uppercase;
	margin: 0 0 1rem 0;
	font-size: 13vw;
}
h1 span {
	line-height: 1;
}
.ata2 h1 {
	margin-bottom: -.5rem;
}
h1, h1 a, h1 a:hover {
	color: #111;
}
h3 {
	color: #333;
}
hr {
	border-bottom: 1px solid #333;
}
.borexpo { border-style: solid; border-width: 0 0 2px 0; }