@import url("https://fonts.googleapis.com/css2?family=Sora:wght@500;600;700&family=Source+Serif+4:ital,opsz,wght@0,8..60,400;0,8..60,600;1,8..60,400&display=swap");
@import url("impeccable-overdrive.css");

      html, body {
        height: 100%;
        width: 100%;
        padding: 0;
        margin: 0;
      }
		@font-face
			{
			font-family: yazitipi;
			src: url('bauhaus.eot');
			src: local(yazitipi), url('bauhaus.ttf') format('truetype');
			}	
      #tamekran {
        z-index: 1;
        min-height: 100%;
        min-width: 1024px;
        width: 100%;
        height: auto;

        /* Set up positioning */
        position: fixed;
        top: 0;
        left: 0;

      }
	  #altbar {
        z-index: 10;
        width: 100%;
        height: 25px;
        position: fixed;
		opacity:0.8;
		background:#000;
		bottom:0px;
      }
	  
	  #altsagyazi {
        z-index: 11;
        position: fixed;
		color:#fff;
		opacity:0.8;
		bottom:5px;
		left:5px;
		font-family:Arial;
		font-size:11px;
      }		  
      #orta {
        position: relative;
        z-index: 2;
        width: 980px;
        min-height: 50px;
        margin: 50px auto;
        color: #333;
      }
      #animasyon {
        position: absolute;
        z-index: 10;
		float:right;
		top:200px;
		left:400px;
      }
      #ustlinkler {
        position: absolute;
        z-index: 510;
		float:right;
		top:40px;
		right:0px;
      }	  
      a:link, a:visited, a:hover {
        color: #666;
		text-decoration: none;		
      }

	  #ortabar {
			width: 980px;
			height: 530px;
			margin: 0 auto;
			background: url(images/boya2.png) no-repeat;
		}
		#orta {
			width: 980px;
			min-height: 530px;
			height: auto;
			overflow: visible;
			margin: 50px auto;
		}
      #icresimalani {
        position: absolute;
        z-index: 10;
		top:90px;
		right:50px;
      }
	  #icresimalaniduvar {
        position: absolute;
        z-index: 10;
		top:80px;
		right:30px;
		width: 590px;
		margin-left:10px;
		padding:7px;
		text-align:justify;
		font-family:arial;
		font-size:12px;
		line-height: 20px;		
      }
			  #icresimlink {
				position: fixed;
				z-index: 10;
				top:555px;
				margin: 5px 10px 0 140px;
			  }
			  #icresimlink a{

				bottom:0px;
				margin: 0 13px 0 0;
				opacity:1;
			  }
			#icresimlink  a:hover{
				opacity:0.8;
			}
			
			  #icresimlink1 {
				position: fixed;
				z-index: 10;
				top:550px;
				margin: 0 30px 0 0;
			  }
			  #icresimlink1 a{

				bottom:0px;
				margin: 0 13px 0 0;
				opacity:1;
			  }
			#icresimlink1  a:hover{
				opacity:0.8;
			}
			
      #resimatolyesiyazi {
        position: absolute;
        z-index: 10;
		top:90px;
		/*right:50px;*/
		width: 980px;
		text-align: justify;
		color:#fff;
		/*font-family:yazitipi,  Verdana, Arial, sans-serif;*/
		font-family:'Arial', sans-serif;
		font-size:12px;
		line-height:20px;
		margin-bottom: 20px;
      }	  
	  p {
	  text-indent:30px;
	  text-align: justify;
	  
	  }

      #resimatolyesiyazi a:link{
        color: #fff;
		text-decoration: none;
      }	

      #resimatolyesiyazi a:hover, #resimatolyesiyazi a:visited{
        color: #fff;
		text-decoration: underline;
      }		  
	  	  #ortabariletisim {
			width: min(980px, 100%);
			height: auto;
			min-height: 120px;
			margin: 0 auto;
			padding: 6.75rem 12px 2rem;
			box-sizing: border-box;
			background: none;
		}

      #ortabariletisim #icresimalani {
        position: relative;
        top: auto;
        right: auto;
        left: auto;
        z-index: 10;
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
      }

      #ortabariletisim .iletisim-kutu {
        max-width: 520px;
        width: 100%;
        margin: 0 auto;
        padding: 0.95rem 1.15rem 1.25rem;
        background: oklch(0.99 0.008 96 / 0.94);
        color: oklch(0.22 0.03 55);
        font-family: "Source Serif 4", Georgia, serif;
        font-size: 14px;
        line-height: 1.62;
        text-align: left;
        box-sizing: border-box;
        border-radius: 6px;
        box-shadow: 0 4px 24px rgb(0 0 0 / 0.12);
      }

      #ortabariletisim .iletisim-kutu h2 {
        margin: 0 0 0.65rem;
        font-family: "Sora", ui-sans-serif, system-ui, sans-serif;
        font-size: 1.05rem;
        font-weight: 700;
        letter-spacing: 0.04em;
        color: oklch(0.2 0.04 55);
      }

      #ortabariletisim .iletisim-kutu p {
        margin: 0 0 0.75rem;
        text-indent: 0;
        text-align: left;
      }

      #ortabariletisim .iletisim-kutu .iletisim-map-link {
        display: inline-block;
        margin: 0.25rem 0 0.5rem;
        font-family: "Sora", ui-sans-serif, sans-serif;
        font-size: 0.88rem;
        font-weight: 600;
      }

      #ortabariletisim .iletisim-kutu .iletisim-harita {
        display: block;
        width: 100%;
        max-width: 460px;
        height: auto;
        margin-left: auto;
        margin-right: auto;
        margin-top: 0.65rem;
        border-radius: 4px;
        border: 1px solid oklch(0.88 0.02 80);
      }

      #ortabariletisim .iletisim-kutu ul.iletisim-diger {
        margin: 0.5rem 0 0;
        padding-left: 1.1rem;
      }

      #ortabariletisim .iletisim-kutu ul.iletisim-diger li {
        margin-bottom: 0.35rem;
      }
	  	  #ortabaratolye {
			width: 980px;
			height: 530px;
			margin: 0 auto;
			/*background: url(images/cocuk1.png) no-repeat;*/
			/*background-position: left bottom;*/
			
		}	
	  	  #ortabarmanifesto {
			width: 980px;
			min-height: 620px;
			height: auto;
			overflow: visible;
			margin: 0 auto;
			background: url(images/manif2.png) no-repeat;
			background-position: left bottom;
			padding-bottom: 2rem;

		}	
	  	  #ortabarbiyog {
			width: 980px;
			min-height: 620px;
			height: auto;
			overflow: visible;
			margin: 0 auto;
			background: url(images/fns1.png) no-repeat;
			background-position: left bottom;
			padding-bottom: 2rem;
		}			
	  	  #ortabarduvar {
			width: 980px;
			height: 950px;
			margin: 0 auto;
			background: url(images/duvarnew.png) no-repeat;
			background-position: left bottom;
		
			
		}		
	  	  #ustdallar {
			width: 980px;
			height: 650px;
			margin: 0 auto;
			background: url(images/dallar1.png) no-repeat;
			background-position:right top;
			top:-75px;
        position: absolute;
		z-index: -1;
			
		}	
	  	  #ustdallar2 {
			width: 1107px;
			height: 650px;
			margin: 0 auto;
			background: url(images/dallar2.png) no-repeat;
			background-position:right top;
			top:-75px;
        position: absolute;
		z-index: -1;
			
		}
      #iframeic {
        position: absolute;
        z-index: 10;
		top:158px;
		right:45px;
		overflow-x: hidden;
      }		
	  
      #iframeicmani {
        position: absolute;
        z-index: 10;
		top:148px;
		right:41px;
		overflow-x: hidden;
      }

      /* Biyografi: soldaki düzen resmi viewport’a sabitlenir; metin sütunu tam beyaz panel */
      body.page-biyografi #ortabarbiyog {
        position: relative;
        background-image: url(images/fns1.png);
        background-repeat: no-repeat;
        background-position: center bottom;
        background-size: 980px auto;
        background-attachment: fixed;
      }

      body.page-biyografi #ortabarbiyog::after {
        content: "";
        display: table;
        clear: both;
      }

      body.page-biyografi #iframeic {
        position: relative;
        float: right;
        top: auto;
        right: auto;
        margin-top: 158px;
        margin-right: 45px;
        margin-bottom: 1.5rem;
        width: min(530px, calc(100% - 60px));
        max-width: 530px;
        overflow: visible;
        z-index: 20;
        box-sizing: border-box;
        background-image: url(images/4x4art.png);
        background-color: oklch(0.991 0.008 96);
        padding: 14px clamp(14px, 4vw, 22px) 28px;
      }

      body.page-biyografi #iframeic #icyazilar {
        max-width: 68ch;
        margin: 0;
        text-align: justify;
        hyphens: auto;
        -webkit-hyphens: auto;
        font-family: "Source Serif 4", Georgia, serif;
        font-size: clamp(14px, 1.05vw + 13px, 16px);
        line-height: 1.75;
        letter-spacing: 0.012em;
        color: oklch(0.22 0.03 55);
        background: none;
        background-color: transparent;
        padding: 0;
        box-sizing: border-box;
      }

      body.page-biyografi #iframeic #icyazilar p {
        margin: 0 0 1.08rem;
        text-indent: 1.65em;
      }

      body.page-biyografi #iframeic #icyazilar p:first-of-type {
        text-indent: 0;
      }

      body.page-biyografi #iframeic #icyazilar .exhibit-list {
        margin: 0;
        padding-left: 1.25rem;
        padding-bottom: 0;
        text-align: left;
      }

      body.page-biyografi #iframeic #icyazilar .exhibit-list li {
        margin-bottom: 0.4rem;
        text-indent: 0;
      }

      body.page-biyografi #iframeic #icyazilar .exhibit-list li:last-child {
        margin-bottom: 0;
      }

      body.page-biyografi #iframeic #icyazilar h2.article-section {
        margin: 1.25rem 0 0.65rem;
        font-family: "Sora", ui-sans-serif, system-ui, sans-serif;
        font-weight: 700;
        font-size: clamp(0.78rem, 0.08vw + 0.73rem, 0.9rem);
        letter-spacing: 0.065em;
        text-indent: 0;
        text-align: center;
      }

      body.page-biyografi #iframeic #icyazilar a:link,
      body.page-biyografi #iframeic #icyazilar a:visited {
        color: #c44b6e;
      }

      body.page-biyografi #iframeic #icyazilar a:hover {
        color: #a33d5c;
        text-decoration: underline;
      }

      @media (max-width: 720px) {
        body.page-biyografi #ortabarbiyog {
          background-attachment: scroll;
          background-position: left bottom;
        }
      }

      body.page-biyografi {
        padding-bottom: 3rem;
      }

      body.page-biyografi #orta {
        height: auto !important;
        min-height: 620px !important;
        overflow: visible !important;
      }
	  img.border {
border: 2px solid #eee ;
padding: 1px 1px 1px 1px ;
width:65px;
height:65px;
}
img.border:hover{
border:2px solid #666;
padding: 1px 1px 1px 1px ;
}

	  img.border1 {
border: 2px solid #eee ;
padding: 1px 1px 1px 1px ;
width:65px;
height:55px;
}
img.border1:hover{
border:2px solid #666;
padding: 1px 1px 1px 1px ;
}

.sag{

	float: right;
	width: 432px;
	margin-left: 15px;
}

.sol{

	width: 980px;
	height: 530px;
	margin: 0 auto;
	/*background: url(images/2015/cocuk-atolyesi/26.jpg) no-repeat;*/
	background-position: left bottom;
}

.resim{

	padding-top:15px;
	height:350px;
}

.resim2{

	padding-top:15px;
}

.resim3{

	padding-top:15px;
	height:400px;
}
#cocukatolyesiyazi {

	float:left;
	width: 300px;
	height: 170px;
	margin: 0 26px 5px 0;
	color: #fff;
	font-size: 15px;
	text-align: center;
	text-decoration: none;

}

#cocukatolyesiyazi a:hover{

	font-size: 15px;
	text-align: center;
	color:oklch(0.52 0.15 274);
}

#hobiatolyesi {

	float:left;
	width: 300px;
	height: 170px;
	margin: 0 26px 0 0;
	color: #fff;
	font-size: 15px;
	text-align: center;
}

#hobiatolyesi a:hover{
	
	font-size: 15px;
	text-align: center;
	color:oklch(0.52 0.15 274);
}

#cocuk {

	float:left;
	width:300px;
	height:175px;
	margin: 0 26px 0 0;
	color: #fff;
	font-size: 15px;
	text-align: center;
}

#cocuk a:hover{

	font-size: 15px;
	text-align: center;
	color:oklch(0.52 0.15 274);
}

#resimler{

	float: right;
}

#hiza{

	
	width: 980px;
	text-align: left;
	color: #fff;
	margin-top: 10px;
	font-family:'Arial', sans-serif;
	font-size:12px;
	line-height:20px;


}
#hiza a{

	width: 980px;
	text-align: left;
	color: #fff;
	color: #f34747;
	text-decoration: underline;
	font-family:'Arial', sans-serif;
	font-size:12px;
	line-height:20px;

}

.resimhiza{

	width: 300px;
	height: 280px;
	float: left;
	margin-bottom: 2px;
	opacity: 1;
	border: 5px solid #333;
    border-radius: 10px;

}

.yazi{

	font-family:'Arial', sans-serif;
	color: white;
	float:right;
	margin-top: 33px;
	margin-right: 40px;
	font-size:14px;
}

#solresim {

	position:absolute;left: -340px; top:5px; 
	width: 326px;
	height: 435px;
	/*background: url(images/2015/cocuk-atolyesi/solresim.jpg) no-repeat;*/
	font-family:'Arial', sans-serif;
	color: #fff;
	font-size: 12px;
	line-height: 20px;
	text-align: center;

}

#solresim a{

	color: #f34747;
	text-decoration: underline;
	font-family:'Arial', sans-serif;
	font-size: 12px;
	line-height: 20px;
}

.duzen {

	position:absolute;left: -315px; top:105px; 
	width: 379px;
	height: 435px;
	font-family:'Arial', sans-serif;
	color: #fff;
	font-size: 12px;
	line-height: 20px;
}

.duzen2{

	position:absolute;left: -340px; top:5px; 
	width: 326px;
	height: 435px;
	font-family:'Arial', sans-serif;
	color: #fff;
	font-size: 12px;
	line-height: 20px;
	text-align: center;
}

.duzen2 a{

	color: #f34747;
	text-decoration: underline;
	font-family:'Arial', sans-serif;
	font-size: 12px;
	line-height: 20px;
}

.resimhiza:hover{

	opacity: 0.6;
}

.duzen3{

	position:absolute;left: -345px; top:5px; 
	width: 353px;
	height: 435px;
	font-family:'Arial', sans-serif;
	color: #fff;
	font-size: 12px;
	line-height: 20px;
	text-align: center;
}

#altkisim{

	width: 980px;
	height: 150px;
	margin-top: 115px;
}

#solkisim{

	width: 300px;
	height: 220px;
	float: left;
	margin-right: 27px;
}

#ortakisim{

	width: 300px;
	height: 220px;
	float: left;
	margin-right: 27px;
}

#sagkisim{

	width: 300px;
	height: 220px;
	float: left;
	margin-right: 26px;
}

.duzen4{

	float: left;
	margin-right: 10px;

}
img.duzen4 {
border: 2px solid #eee ;
padding: 1px 1px 1px 1px ;
width:65px;
height:65px;
}
img.duzen4:hover{
border:2px solid #666;
padding: 1px 1px 1px 1px ;
}

#kisim1{

	float: left;
	width: 203px;
	margin-bottom: 15px;
	color: #fff;
	text-decoration: none;
	

}
#kisim1 p{

	text-indent: 0px;
	font-family: Verdana, Arial, sans-serif;
	font-size:13px;
}
#kisim2 p{

	text-indent: 0px;
	font-family: Verdana, Arial, sans-serif;
	font-size:13px;
}
#kisim3 p{

	text-indent: 0px;
	font-family: Verdana, Arial, sans-serif;
	font-size:13px;
}
#kisim4 p{

	text-indent: 0px;
	font-family: Verdana, Arial, sans-serif;
	font-size:13px;
}
#kisim5 p{

	text-indent: 0px;
	font-family: Verdana, Arial, sans-serif;
	font-size:13px;
}

#kisim2{

	float: left;
	width: 210px;
	margin-left: 10px;
	color: #fff;
	text-decoration: none;
}

#kisim3{

	float: left;
	width: 160px;
	margin-bottom: 15px;
	color: #fff;
	text-decoration: none;
}

#kisim4{

	float: left;
	width: 185px;
	margin-bottom: 15px;
	color: #fff;
	text-decoration: none;
}

#kisim5{

	float: left;
	width: 196px;
	color: #fff;
	text-decoration: none;
}


#kisim1 a{

	text-decoration: none;
	font-family: Verdana, Arial, sans-serif;
	color:oklch(0.52 0.15 274);
}
#kisim1 a:hover{

	text-decoration: underline;
	font-family: Verdana, Arial, sans-serif;
	color:oklch(0.52 0.15 274);
}

#kisim2 a{

	text-decoration: none;
	font-family: Verdana, Arial, sans-serif;
	color:oklch(0.52 0.15 274);
}
#kisim2 a:hover{

	text-decoration: underline;
	font-family: Verdana, Arial, sans-serif;
	color:oklch(0.52 0.15 274);
}

#kisim3 a{

	text-decoration: none;
	font-family: Verdana, Arial, sans-serif;
	color:oklch(0.52 0.15 274);
}
#kisim3 a:hover{

	text-decoration: underline;
	font-family: Verdana, Arial, sans-serif;
	color:oklch(0.52 0.15 274);
}

#kisim4 a{

	text-decoration: none;
	font-family: Verdana, Arial, sans-serif;
	color:oklch(0.52 0.15 274);
}
#kisim4 a:hover{

	text-decoration: underline;
	font-family: Verdana, Arial, sans-serif;
	color:oklch(0.52 0.15 274);
}

#kisim5 a{

	text-decoration: none;
	font-family: Verdana, Arial, sans-serif;
	color:oklch(0.52 0.15 274);
}
#kisim5 a:hover{

	text-decoration: underline;
	font-family: Verdana, Arial, sans-serif;
	color:oklch(0.52 0.15 274);
}

#yazi1{

	position:absolute;
	font-family:'Arial', sans-serif;
	color: #fff;
	font-size: 12px;
    margin-bottom: 31px;
}

#yazi2{

	position:absolute;
	font-family:'Arial', sans-serif;
	color: #fff;
	font-size: 12px;
	width: 333px;
    margin-bottom: 31px;
}

.yer{

	position:absolute;left: -410px; top:105px; 
	width: 326px;
	height: 435px;
	/*background: url(images/2015/cocuk-atolyesi/solresim.jpg) no-repeat;*/
	font-family:'Arial', sans-serif;
	color: #fff;
	font-size: 12px;
	line-height: 20px;
}
.yer1{

	position:absolute;left: -360px; top:105px; 
	width: 350px;
	height: 435px;
	/*background: url(images/2015/cocuk-atolyesi/solresim.jpg) no-repeat;*/
	font-family:'Arial', sans-serif;
	color: #fff;
	font-size: 12px;
	line-height: 20px;
}

.yer2{

	position:absolute;left: -365px; top:3px; 
	width: 350px;
	height: 435px;
	font-family:'Arial', sans-serif;
	color: #fff;
	font-size: 12px;
	line-height: 20px;
}

.yer3{

	position:absolute;left: -365px; top:103px; 
	width: 350px;
	height: 435px;
	font-family:'Arial', sans-serif;
	color: #fff;
	font-size: 12px;
	line-height: 20px;
}
.yer4{

	position:absolute;left: -365px; top:104px; 
	width: 350px;
	height: 435px;
	font-family:'Arial', sans-serif;
	color: #fff;
	font-size: 12px;
	line-height: 20px;
}

.yazi3{

	font-family:'Arial', sans-serif;
	color: white;
	float:right;
	margin-top: 50px;
	margin-right: 88px;
	font-size: 14px;
}

.yazi4{

	font-family:'Arial', sans-serif;
	color: white;
	float:right;
	margin-top: -5px;
	margin-right: 88px;
	font-size: 14px;
}

.yazi5{

	font-family:'Arial', sans-serif;
	color: white;
	float:right;
	margin-top: -22px;
	margin-right: 88px;
	font-size: 14px;
}


#baslik{

	margin-top: 10px;
	text-align: center;
	width: 320px;

}

.ust{

	text-align:center; 
	font-size:19px;
}

.baslik2{

	font-family:'Arial', sans-serif; 
	width:100%; 
	text-align:center; 
	font-size:22px; 
	margin-bottom:60px;

}
 iframe.noScrolling{
           width: 310px; /*or any other size*/
           height: 175px; /*or any other size*/
           overflow: hidden;
        }

.sol1 {

	width: 285px;
}

.sol2 {

	width: 295px;
}

.sol3 {

	width: 315px;
}

img.resim1{
border: 2px solid #eee ;
padding: 1px 1px 1px 1px ;
width:65px;
height:65px;
margin-left: 53px;
}
img.resim1:hover{
border:2px solid #666;
padding: 1px 1px 1px 1px ;
}

img.resim2{
border: 2px solid #eee ;
padding: 1px 1px 1px 1px ;
width:65px;
height:65px;
margin-left: 48px;
}
img.resim2:hover{
border:2px solid #666;
padding: 1px 1px 1px 1px ;
}

img.resim3{
border: 2px solid #eee ;
padding: 1px 1px 1px 1px ;
width:65px;
height:65px;
margin-left: 32px;
}
img.resim3:hover{
border:2px solid #666;
padding: 1px 1px 1px 1px ;
}

img.resim4{
border: 2px solid #eee ;
padding: 1px 1px 1px 1px ;
width:65px;
height:65px;
margin-left: 46px;
}
img.resim4:hover{
border:2px solid #666;
padding: 1px 1px 1px 1px ;
}

img.resim5{
border: 2px solid #eee ;
padding: 1px 1px 1px 1px ;
width:65px;
height:65px;
margin-left: 25px;
}
img.resim5:hover{
border:2px solid #666;
padding: 1px 1px 1px 1px ;
}

.footer{

	margin-bottom: 95px;
}

.footer2{

	margin-top: 150px;
	padding-bottom: 100px;
}

.footer3{

	margin-top: 58px;
}

/* ------------------------------------------------------------------
   Impeccable bolder — yüzey: brand portfolyo /
   Güçlü tipografi çifti, tint’li nötrler, pigment vurgusu; düzen korundu.
   ------------------------------------------------------------------ */

:root {
  --imu-accent-warm: oklch(0.52 0.11 43);
  --imu-accent-warm-pressed: oklch(0.42 0.12 43);
  --imu-accent-cool: oklch(0.52 0.15 274);
  --imu-ink: oklch(0.28 0.03 55);
  --imu-muted: oklch(0.46 0.038 52);
  --imu-whisper: oklch(0.98 0.012 95);
  --imu-floor: oklch(0.21 0.022 48);
  --font-sans-imu: "Sora", ui-sans-serif, system-ui, sans-serif;
  --font-serif-imu: "Source Serif 4", Georgia, "Times New Roman", serif;
  --ease-out-strong: cubic-bezier(0.25, 1, 0.5, 1);
  --imu-focus-ring: oklch(0.52 0.11 43);
  --imu-focus-ring-on-dark: oklch(0.96 0.05 95);
}

#icresimalaniduvar {
  font-family: var(--font-serif-imu);
  font-size: 15px;
  line-height: 1.68;
  letter-spacing: 0.01em;
  color: var(--imu-ink);
  max-width: 68ch;
}

#orta {
  color: var(--imu-ink);
}

body a:link,
body a:visited {
  color: var(--imu-muted);
  transition:
    color 180ms var(--ease-out-strong),
    opacity 180ms var(--ease-out-strong);
}

body a:hover {
  color: var(--imu-accent-warm);
}

body a:active {
  color: var(--imu-accent-warm-pressed);
}

body a:focus-visible {
  outline: 2px solid var(--imu-focus-ring);
  outline-offset: 3px;
  border-radius: 2px;
}

#resimatolyesiyazi a:focus-visible {
  outline-color: var(--imu-focus-ring-on-dark);
}

#resimatolyesiyazi {
  font-family: var(--font-sans-imu);
  font-size: 14px;
  line-height: 1.62;
  font-weight: 500;
  letter-spacing: 0.02em;
  color: var(--imu-whisper);
}

#resimatolyesiyazi a:link,
#resimatolyesiyazi a:visited,
#resimatolyesiyazi a:hover {
  color: oklch(0.985 0.014 98);
}

#altbar {
  background: var(--imu-floor);
  opacity: 0.94;
}

#altsagyazi {
  font-family: var(--font-sans-imu);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--imu-whisper);
  opacity: 0.94;
  z-index: 621 !important;
}

#ustlinkler a:focus-visible,
#icresimlink a:focus-visible,
#icresimlink1 a:focus-visible {
  outline: 2px solid var(--imu-focus-ring);
  outline-offset: 4px;
  border-radius: 4px;
}

#icresimlink a,
#icresimlink1 a {
  font-family: var(--font-sans-imu);
  font-weight: 600;
  letter-spacing: 0.06em;
}

img.border:hover,
img.border1:hover,
img.resim2:hover {
  transition:
    border-color 200ms var(--ease-out-strong),
    transform 260ms var(--ease-out-strong);
}

.footer4{

	margin-top: 55px;
}

/* ------- Impeccable overdrive: stacking (ambient sits above tamekran) ------- */
body:has(#tamekran)::before {
  z-index: 1;
}

body:has(#tamekran) #tamekran {
  z-index: 0 !important;
}

body:has(#tamekran) #orta {
  z-index: 2 !important;
}

#gallery .caption {
  z-index: 600 !important;
}

#gallery a.show {
  z-index: 500 !important;
}

#ustlinkler {
  z-index: 510 !important;
}

#altbar {
  z-index: 620 !important;
}

#icresimlink,
#icresimlink1 {
  z-index: 610 !important;
}

/* Manifesto: uzun metin + iframe alanı alta taşıyorsa taşmana izin ver */
body:has(#ortabarmanifesto) #orta {
  height: auto;
  min-height: 620px;
  overflow: visible;
}

/* Biyografi ( :has yoksa yedek ) */
body:has(#ortabarbiyog) #orta {
  height: auto;
  min-height: 620px;
  overflow: visible;
}