@charset "UTF-8";
/* CSS Document */
html{
  box-sizing: border-box;
    scroll-behavior: smooth;
}
.fett{
    font-weight: bold;
    font-family: myfont3;
}
       
        
       body {
           height: 100%;
           background-color: #333333;
		   width: 950px; margin-left: auto; margin-right: auto;
}
.design{
	margin: -78px 0 0 -80px;
} 
.logo2{
	margin-left: 50px;
}
        .screen{
        position: relative;
width: 900px;
height: 600px;
z-index: 10;
left: 50%;
margin-left: -450px;
top: 40px;
background-color: #85919A;  
        }
        
         div.top-nav {
           position: relative;
            width: 900px;
            height:30px;
            z-index: 200;
             margin-bottom: -11px;
            left: 50%;
            margin-left: -446px;
            top: 40px;
}
        div.top-nav a{
            font-family: myfont1;
            color:#9B9B9B;
            padding-top:0; padding-bottom: 0; padding-left: 0; padding-right: 1%;
            font-size: 13px;
            
        }
        .kundenstimmen{
            float:right; 
            margin-right:-2px; 
            margin-top: -3px;
        }
.art{
            float:right; 
            margin-right:10px; 
            margin-top: -3px;
        }
   #kundenstimmen {
                font-size:17px; 
            color:rgba(221,221,221,1.00);
            

}
        #art {
                font-size:17px; 
            color:rgba(221,221,221,1.00);
            

}
#zertifikat{
	z-index: 500;
}
#zertifikat:hover{
    width: 300px;
    height: auto;   
    transition: 1s ease-in-out;
	
}
.eisvogel{
	float: left;
	padding-right: 25px;
}

        div.oben, div.logo, div.schoenheit, div.vogel, div.schoenschmucck{
            position: absolute;
            z-index: 200;
        }
        div.oben{
             padding-top:69px; padding-left: 12px;
            font-size: 25px;
           /* color:#9B9B9B;*/
            color:rgba(255,255,255,1.00);
              text-shadow: 1px 1px rgba(133,145,154,0.80);

        }
          div.logo{
             padding-top:43px;margin-left:-43px;z-index: 300;
            
        }
         
        div.schoenschmucck{
             padding-top:75px;padding-left: 385px;
            
             
        }
         div.vogel{
             position: relative;
             float: right;
            
                 
        }

        
        div.mitte{
	position: absolute;
	margin-top: 200px;
	width: 100%;
	background-color: rgba(255,255,255,1.00);
	height: 300px;
	top: -1px;
        }
       
         div.bottom-nav {
  position: absolute;
             display: -webkit-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  bottom: 25px;
  height: 30px;
  width: 100%;
z-index: 1;
}
        ul{
            text-align:center;
            
        }
        ul li{
            float: left;
            padding-top:0; padding-bottom: 0px; padding-left: 13px; padding-right:13px;
            list-style-type: none; 	
            color:rgba(252,252,252,1.00);	


           
        }
        div.bottom-nav ul li a{
             font-size: 17px;
        }
        .punkt{
            margin-top: 5px;

            
        }

        a:link {
            font-family: myfont1;
            z-index: 100;
    text-decoration:none;
	font-style: normal;
	font-size : 14px;
	font-weight : normal;
	line-height:140%;
   color:rgba(252,252,252,1.00);	
	}
		 	 
a:visited{
	color : white;	
    } 
	 	 
a:active{   	
	color:rgba(221,221,221,1.00);	
  	} 
	
a:hover{
	color : #333333;
  	}
        .bild01 {
            position: relative;
            float: left;

           
        }
        .bild01 img {
            position: absolute;
            padding: 25px 25px 25px 60px;

        }
        .bild02 img {
            position: absolute;
            padding: 25px 25px 25px 394px;

        }


.text_kundenstimmen, .text_impressum{
    position: relative;
    font-family: myfont2;
    font-size: 13px;
    padding: 30px 91px;
    height: 240px;
    overflow: scroll;
    text-align: left;
}
.text_kundenstimmen, .text_impressum p{
    text-align: left;
        }
.text_kundenstimmen hr{
    margin: 20px 0px;
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(249,181,0,1.00), rgba(0, 0, 0, 0));
}

 .pfeil{
            margin-left: 15px;
            
        }
.unten{
    color: grey;
    font-size: 30px;
}

        #end{
        margin-bottom:50px;
        }
.text_impressum a{
    color:#333333;
    text-decoration: underline;
    font-size: 13px;
}
.text_impressum li{
    color:#333333;
    text-align: left;
   
}
.abstand{
    margin-bottom: 150px;
}
.bild_schmuck01{
    z-index: 2;
    float: left;
    padding-left: 25px;padding-top: 25px;padding-botom: 25px;
    width: 440px;
}
.bild_schmuck02{
    position:absolute;
    z-index: 3;
    padding-left: 395px;padding-top: 25px;padding-botom: 25px;
    width: 228px;
 
}
.bild_schmuck03{
    position:absolute;
    z-index: 4;
    padding-left: 650px;padding-top: 25px;padding-botom: 25px;
    width: 228px;
}

.bild_schrift {
    color:rgba(22,48,80,1.00);
   /* background-color: bisque;*/
    font-family: myfont1;
    font-size: 13px;
    text-align: center;
    position: absolute;
    margin-top: 480px;
    width: 100%;
}
.bilder_schrift {
    color:rgba(22,48,80,1.00);
   /* background-color: bisque;*/
    font-family: myfont1;
    font-size: 13px;
    text-align: center;
    position: absolute;
    margin-top: 280px;
    width: 100%;
}
.weiter {
    font-family: myfont1;
    position: absolute;
    margin-left:815px;
    margin-top: 478px;
    float:right;
    font-size: 13px;
}
.weiter a{
        color:#333333;

}
.bild_schmuck04{
    float: left;
    padding-left: 25px;padding-top: 25px;
    width: 440px;
}
.bild_schmuck04 img{
    float: left;
    padding-right: 20px;
}
.bild_schmuck05{
   position:absolute;
    z-index: 3;
    padding-left: 465px;padding-top: 25px;padding-botom: 25px;
    width: 228px;
}
.bild_schmuck06{
    position: absolute;
    z-index: 1;
    padding-left: 680px;
    padding-top: 25px;padding-botom: 25px;
    width: 228px;
   
}
 .bilder01 {
            margin: 24px 0px 0px 85px;
            position: absolute;
            float: left;  
             width: 900px;
        }
.bilder01 img{
    border: #d4d3c5 solid 15px;
    border-style: inset;
}

.bilder01 img:nth-last-of-type(1) {
                        margin-left: 20px
}
.bilder01 img:nth-last-of-type(2) {
                        margin-left: 20px
}
    .buecher01 {
    margin: 11px 0px 0px 39px;
    }   
.buecher01 img{
    padding-left: 47px;
    background-color: white;
    border: rgba(188,188,188,1.00) thin solid;}
.buecher01 a{
    color: #333333;
    padding: 15px;
    text-decoration: underline;
    font-size: 13px;
}
.buecher01 a:hover{
    color:rgba(87,142,195,1.00)
}
.ausnahme {
    color:rgba(249,181,0,1.00);
font-family: myfont3;}
.ausnahme:hover{
    color: #333333
    
}
.aktlink a{
    color: #333333;
    
    text-decoration: underline;
    font-size: 13px;
    
}
.aktlink a:hover{
    color:rgba(87,142,195,1.00)
}
.song {
    margin-top: -4px;
}
.song a{
    color: #333333;
    padding: 15px;
    text-decoration: underline;
    font-size: 13px;
}
.song a:hover{
    color:rgba(87,142,195,1.00)
}

.text_corly{
   width: 550px;
    margin-left: 200px;
}.corly {
    margin-left: -30px;
    float: left;
    border: #d4d3c5 solid 15px;
    border-style: inset;
    
    
}

.specials_01 {
    padding: 21px 25px ;
    width: 100%;
}

.specials01_text {
    padding: 0px 15px;
     font-family: myfont2;
    font-size: 13px;
    height: 275px;
    overflow:hidden;
    text-align: left;
    
}


.breite img {
    padding-right:5px;
}
.aktuelles {
    background-color: aqua;
    border: rgba(187,230,230,1.00) solid 1px;
    flaot:right;  
}
.text_aktuelles{
    margin-left:151px;
}
.text_kontakt{
    font-family: myfont2;
    font-size: 13px;
    height: 250px; 
    text-align: left;
}
.text_kontakt a{
    color: #333333;
    text-decoration: underline;
    font-size: 13px;
}
.text_kontakt a:hover{
    color:rgba(87,142,195,1.00)
}

.kontakt {
    padding:35px;
}


.kontakt img{
    margin-right: 22px;
    float: left;
}