@import url(http://fonts.googleapis.com/css?family=Raleway:400,700,600,500,300,200,100);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600);

body{
	color:#fff;
	font-family: 'Open Sans', sans-serif;
	margin:0;
	background: #2C3E50;
}

h1,h2,h3,h4,h5 {
	font-family: 'Raleway', sans-serif; 
	word-break:break-all;
	-webkit-hyphens: auto;
    -moz-hyphens: auto;
	hyphens: auto;
	}

h1{
	font-size:3.5em;	
	margin-bottom:16px;
	font-weight:100;
}

h2{
	font-size:2.5em;	
	margin-bottom:16px;
	font-weight:100;
}

h3{
	font-size:1.5em;	
	margin-bottom:16px;
	font-weight:100;
}

#logo img{
	max-width:570px;
	max-height:104px;
	width:100%;	
}

p{line-height:160%;}

p a{
	color:#fff;
	font-weight:bold;
	text-decoration:underline;	
}

.footer a{
	font-weight:normal !important;
	text-decoration:none;	
}

.footer div p{font-size:smaller;}
	
.wrapper{
	padding:45px;
}

.maincontent{
	max-width:1180px;
	margin:0 auto;
}

.center{
	text-align:center;	
}

.dc{
	height:330px;
}

.flat-green{background:#16a085;}
.flat-blue{background:#3498db;}
.flat-yellow{background:#f1c40f;}
.flat-red{background:#e74c3c;}
.flat-orange{background:#f39c12;}
.flat-asphalt{background:#34495e;}
.flat-midnight{background:#2C3E50;}
.flat-grey{background:#BDC3C7;}
.flat-turquoise{background:#1ABC9C;}
.flat-black{background:#000;color:#fff;}
.flat-amethyst{background:#9b59b6;color:#fff;}
.flat-white{background-color:#fff;color:#000;}

.blackfriday{
	background-image: url('/img/radierer.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: right;
	background-position-y: 0px;	
}

.blueprint{background:center url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABaAAD/7gAmQWRvYmUAZMAAAAABAwAVBAMGCg0AAAHEAAACAwAAAkoAAAJ//9sAhAABAQEBAQEBAQEBAgEBAQICAgEBAgICAgICAgICAwIDAwMDAgMDBAQEBAQDBQUFBQUFBwcHBwcICAgICAgICAgIAQEBAQICAgUDAwUHBQQFBwgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAj/wgARCAAQABADAREAAhEBAxEB/8QAjAAAAwEAAAAAAAAAAAAAAAAAAAMEBwEAAwEAAAAAAAAAAAAAAAAAAAMIAhABAQEBAAMAAAAAAAAAAAAAAQMAEBEhAhEAAgICAgMBAAAAAAAAAAAAAREhAgASMVFhgaEiEgEAAAAAAAAAAAAAAAAAAAAgEwACAwEBAQAAAAAAAAAAAAAAARARIUExYf/aAAwDAQACEQMRAAABzOtZZk2sBDF//9oACAEBAAEFArWt8VLV1TzUPf8A/9oACAECAAEFAgyYef/aAAgBAwABBQJcOTn/2gAIAQICBj8CH//aAAgBAwIGPwIf/9oACAEBAQY/Arq9hrbaUS0pUcYKblfkLwCx9y+ghxrUgegZwMdd8PP/2gAIAQEDAT8hQzn1ekiNcjS+KGQXkAk23HWqgf/aAAgBAgMBPyGdmz//2gAIAQMDAT8hnZI//9oADAMBAAIRAxEAABAfn//aAAgBAQMBPxCx6QwqpRDAQlWHApSV4QId/9oACAECAwE/EJGvP//aAAgBAwMBPxBbRqMj/9k=); }

input[type=email]{
	padding:10px;
	border-radius:4px;
	background-color:#ecf0f1;
	border:none;
	font-size:1em;
	width:200px;
	margin-right:10px;
	margin-top:10px;
	font-family: 'Raleway', sans-serif;
}

input[type=submit]{
	padding:10px;
	border-radius:4px;
	background-color:rgba(46,204,113,0.75);
	border:none;
	font-size:1em;
	width:200px;
	margin-top:10px;
	margin-right:15px;
	color:#fff;
	cursor:pointer;
	webkit-transition: All 500ms ease;
	-moz-transition: All 500ms ease;
	-ms-transition: All 500ms ease;
	-o-transition: All 500ms ease;
	transition: All 500ms ease;
	-webkit-appearance: none;
	font-family: 'Raleway', sans-serif;
}

input[type=submit]:hover{
	background-color:rgba(39,174,96,1);
}
	
.showcase{
	background:#fff;
	border-radius:50%;
	width:300px;
	height:300px;
	margin:20px auto;
	background-size: cover !important;
}

.showcase2{
	background:#fff;
	border-radius:25px;
	width:300px;
	height:300px;
	margin:20px auto;
	background-size: cover !important;
}

.showcase3{
	background:#fff;
	border-radius:10px;
	width:300px;
	height:150px;
	margin:20px auto;
	background-size: contain !important;
	background-position:center;
	background-repeat:no-repeat;
}

.showcasetext{
	width:260px;
	text-align:center;
	margin:0 auto;	
}

.famousframe{
	max-width:325px;
	width:100%;
	margin-top:-30px;
	margin-bottom:-30px;	
}

.applestore{
	width:100%;
	margin-top:60px;	
}

@media only screen and (min-width: 1280px) {
	.applestore{
	width: 130%;
    margin-left: -140px;
	}
}

@media only screen and (max-width: 768px) {
	.famousframe{
	margin-top:0px;
	margin-bottom:0px;	
	}
}

@media only screen and (max-width: 390px) {
	.showcase{
	width:200px;
	height:200px;
	}
	
	.cart select{
	zoom:1 !important;
	}
}

.itemcase{
	background:#fff;
	border-radius:25px;
	width:150px;
	height:150px;
	margin:20px auto;
}

.icon{
	width:64px;	
	vertical-align:middle;
	webkit-transition: All 500ms ease;
	-moz-transition: All 500ms ease;
	-ms-transition: All 500ms ease;
	-o-transition: All 500ms ease;
	transition: All 500ms ease;
	margin-right:3px;
}

.icon-footer{
	width:57px;
	height:31px;
	vertical-align:top;	
	margin:2px;
}

.icon:hover{
	opacity:0.85;
}

.clear{
	clear:both;	
}

.zoom-effect{	
	transition:All 250ms ease;
	-webkit-transition:All 250ms ease;
	-moz-transition:All 250ms ease;
	-o-transition:All 250ms ease;
}

.zoom-effect2{	
	transition:All 250ms ease;
	-webkit-transition:All 250ms ease;
	-moz-transition:All 250ms ease;
	-o-transition:All 250ms ease;
	background: #fff;
}

.zoom-effect:hover, .zoom-effect2:hover{
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05);
}


.copyright{
	text-align:center;
	text-transform: uppercase;
	font-weight:100;	
	font-size:0.7em;
	color:#CCC;
	max-width:500px;
	margin:20px auto;
	margin-bottom:-20px;
}

.btn-order{
	text-align:center;
	margin: 20px auto 0 auto !important;
	padding:10px;
	border-radius:4px;
	background-color:#2C3E50;
	border:none;
	font-size:1.2em;
	width:200px;
	margin-top:10px;
	margin-right:15px;
	color:#fff;
	cursor:pointer;
	webkit-transition: All 500ms ease;
	-moz-transition: All 500ms ease;
	-ms-transition: All 500ms ease;
	-o-transition: All 500ms ease;
	transition: All 500ms ease;
}

.btn-order:hover{
	background-color:#34495E;
}

.btn-currency{
	float:left;
	text-align:center;
	margin:10px;
	margin-bottom:30px;
	padding:10px;
	border-radius:4px;
	background-color:#2C3E50;
	border:none;
	font-size:1.2em;
	width:80px;
	margin-top:10px;
	margin-right:15px;
	color:#fff;
	cursor:pointer;
	webkit-transition: All 500ms ease;
	-moz-transition: All 500ms ease;
	-ms-transition: All 500ms ease;
	-o-transition: All 500ms ease;
	transition: All 500ms ease;
}

.btn-currency:hover{
	background-color:#34495E;
}

.btn-link{
	text-decoration:none;
	color:#fff;	
}

.btn-order img{
	margin-left:10px;width: 32px;vertical-align:text-bottom;	
}

.photo{
	border:18px solid #fff;
	border-radius:5px;
	width:88%;
}

.cart{
	clear:both;
	margin-top:25px;
	padding:25px;
	background:#ecf0f1;
	color:#666;
	border-radius:3px;
}

.cart a{
	color:#BDC3C0;
}

.cart table{
	width:100%;
}

.cart table td{
	vertical-align: middle;
	padding-right:20px;
}

.cartimg{
	text-align:center;	
}

.cartimg img{
	border-radius:50%;
	width:100px;
	height:100px;	
}

.cartprice{
	text-align:center;	
	min-width:60px;
}

.cart select{
	font-size:1em;
	padding:8px;
	zoom:1.25;
	margin:3px;
	font-family: 'Raleway', sans-serif;
	max-width: 227px;
}

.cart input[type=text], input[type=email]{
	font-size:1em;
	padding:8px;
	border:1px #999 solid;
	border-radius:3px;
	background:#fff;
	margin:3px;
	font-family: 'Raleway', sans-serif;
}

.zahlung{
	text-align:center;
	float:left;
	width:200px;
	padding:10px;
	background-color: #fff;
	border-radius: 4px;
	margin: 10px;	
}

.kaufen{
	border:none !important;
	width:220px !important;
}

.newsletter{
	margin-right: 10px !important;
	margin-top: 10px !important;
}

#twitter-widget-0 {
    width:100% !important;
  }
  
.youtube-embedded{
	width:100%;
	max-width:560px;
	height:315px	
}