#ai-header-main {
  background: url('../img/ai-main_header.jpg') no-repeat;
  background-size: cover;
  background-position: center;
  min-height: 400px;
  padding-top: 160px;
}

h1 {
  font-size: 50px;
  color: #AE9166;
  font-weight: bold;
  text-shadow: 0 1px 1px #202020;
  text-align: center;
  margin-left:-0px;
}


h2, h3, h4 {
  color: #AE9166;
  /*font-weight: bold;*/
}

section { padding: 0px 0; }

#about {
  padding-bottom: 75px;
}

footer {
  margin-top: 75px;
}
#about .about-des {
  padding-top: 5px;
  padding-bottom: 15px;
}

#portfolio {
    text-align: center;
    padding-bottom: 5px;
    padding-top: 20px;
}

#portfolio img {
  width: auto;
  transition: all 0.4s ease-in;
  opacity: 0.8;
  padding: 1px;
  border-radius: 4px;
}


/*
#about img:hover {
  opacity: 1;
  
}

#about img {
  width: auto;
  transition: all 0.4s ease-in;
  opacity: 0.8;
  border-radius: 3px;
}
*/

.embed-container {
  position: relative; 
  padding-bottom: 100%; /* ratio 16x9 */
  height: 0; 
  overflow: hidden; 
  width: 100%;
  height: auto;
}
.embed-container iframe {

  position: absolute; 
  top: 0; 
  left: 0px; 
  width: 100%; 
  height: 100%; 
}
/* ratio 4x3 */
.embed-container.ratio4x3 {
  padding-bottom: 100%;
}

.nivo-lightbox-theme-default.nivo-lightbox-overlay { 
	background: #666;
	background: rgba(0,0,0,0.92); 
}


.nivo-lightbox-wrap  {
	position: absolute;
	top: 5%;
	bottom: 3%;
	left: 2%;
	right: 2%;
}

.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:10px 33px;margin-left:-1px;line-height:1.42857143;color:#D0AF51;text-decoration:none;background-color:#fff;border:1px solid #ddd}



.btn_fixed {
  margin-top: 10px;
  margin-left: 10px;
  margin-right: 10px;
}


a:hover {
    color: #101010;
    text-decoration: none;
}


.btn {
	background: transparent;
	border: 2px solid #BFB4A5;
	border-radius: 0px;
	box-shadow: none;
	color: #BFB4A5;
	padding: 12px 18px;
	font-size: 14px;
	font-weight: normal; 
	transition: all 0.4s ease-in;
	border-radius: 3px 3px 3px 3px;
	background-color: #37312f;
	border: none;
}


.btn_more {
	background: transparent;
	border: 1px solid #5E5952;
	border-radius: 3px 3px 3px 3px;
	box-shadow: none;
	color: #BFB4A5;
	padding: 12px 12px;
	font-weight: normal;
	transition: all 0.4s ease-in;
	background-color: #37312f;
	font-size: 1.15em;
	border: none;
}

.btn_more:hover {
  background: #D0AF51;
  border-color: transparent;
}


/* Big Pictures */
.big-picture-container {
	cursor: pointer;
	display: inline-block;
	position: relative;
	max-width: 103%;
	
}
.big-picture-overlay {
	background: rgba(104, 97, 86, 0.4);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
.big-picture-title {
	color: rgb(216,216,216);
	font-size: 2.6em;
}
.big-picture-title span {
	display: block;
	text-align: center;
}
.big-picture-title .smaller-text {
	font-size: 0.5em;
	font-weight: 300;
	letter-spacing: 3px;
}

.icon-button-1 {
    position: fixed;
	top: 206px;
    left: 20px;
    width: 50px;
    height: 50px;
	/*transform:translateY(-25%);*/
    background-image: url('../img/icon_up1.png');
    background-size: cover; /* Bildgröße anpassen */
    background-position: center;
    border: none;
    border-radius: 50%; /* Für einen runden Button */
    cursor: pointer;
    z-index: 1000;
}


.icon-button-2 {
    position: fixed;
	/*top: 333px;*/
    top: 50%;
    left: 20px;
    width: 50px;
    height: 50px;
	transform:translateY(-50%);
	/*transform:translateX(-20%);*/
    background-image: url('../img/icon_left1.png');
    background-size: cover; /* Bildgröße anpassen */
    background-position: center;
    border: none;
    border-radius: 50%; /* Für einen runden Button */
    cursor: pointer;
    z-index: 1000;
}

.icon-button-3 {
    position: fixed;
	/*top: 333px;*/
    top: 50%;
    right: 20px;
    width: 50px;
    height: 50px;
	transform:translateY(-50%);
	/*transform:translateX(-85%);*/
    background-image: url('../img/icon_right1.png');
    background-size: cover; /* Bildgröße anpassen */
    background-position: center;
    border: none;
    border-radius: 50%; /* Für einen runden Button */
    cursor: pointer;
    z-index: 1000;
}





/* media 960 */
@media ( max-width: 960px ) {

  #ai-header-main {
      min-height: 300px;
	  padding-top: 110px;

  }  
  #h1 {
    font-size: 30px;
  }  
 
  .btn_fixed {
	background: #e8e8e8;
    margin-top: -85px;
  }   
}

/* media 720 */
@media ( max-width: 720px ) {

  #ai-header-main {
      min-height: 250px;
	  padding-top: 60px;
  }  
  #h1 {
    font-size: 30px;
  }
  
.icon-button-1 {
    left: 3px;
 }
  
.icon-button-2 {
    left: 3px;
 }  

.icon-button-3 {
    right: 3px;
 }   
  
  
}