/* CSS rules to be added by Viktor */

/*CSS styles for lenovo thinkpad page*/

.block_1 h4 {
    color: #000;
    font-weight: 700;
    font-size: 15px;
    margin-bottom: 18px;
}

.block_1 p {
    margin-bottom: 15px;
    color: #000;
}

.header_uberschrift {
    font-size: 15px;
    display: inline-block;
    margin-bottom: 20px;
    margin-top: 30px;
}

#header_text h2 {
    font-size: 27px;
    font-weight: 600;
    margin-bottom: 20px;
    color: #fff;
    text-align: left;
}

#header_text p {
    width: 570px;
    color: #fff;
}

#header_text {
    text-shadow: 1px 0 1px #000;
    padding-left: 110px;
    width: 600px;
    height: 350px;
    position: absolute;
    z-index: 3;
    color: #fff;
    letter-spacing: 1px;
}

.notebook_serie {
    margin: 30px 0;
}

.error_wraper {
	display: block;
    width: 30%;
    margin: 0 auto;
    text-align: center;
    color: #999999;
}

.error_not_found {
	font-size: 150px;
    text-align: center;
    font-weight: 600;

}

.error_not_found_text {
	font-size: 27px;
    text-align: center;
    color: #999999;
}

.product-options-wrapper .field {
	margin-bottom:50px !important;
}
.service_title {
	color: #a88731;
    font-weight: bold;
    font-size: 35px;
    text-align: center;
    margin-top: 40px;
	font-size: 40px;
    
}

.premium_gold_service {
	border-color: #a88731;
    border-width: 6px;
    border-style: solid;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 30px;
    padding-right: 30px;
	margin-bottom: 80px;
}

.premium_gold_service-title {
	    text-align: center;
    padding: 5px;
    background-color: #a88731;
    color: #ffffff;
	margin: 0 auto;
    width: 40%;
    letter-spacing: 1px;
    font-weight: bold;
	font-size: 25px;
	margin-bottom: 20px;

}

.premium_gold_service-description {
	line-height: 30px;
    color: #000000;
	text-align: center;
    font-weight: 700;
	padding: 20px;
}

.premium_gold_service-subtitle {
	text-align: center;
    padding: 3px;
    background-color: #a88731;
    color: #ffffff;
	margin: 0 auto;
    width: 20%;
	margin-bottom: 20px;
}

.premium_platin_service {
	border-color: #C0C0C0;
    border-width: 6px;
    border-style: solid;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 30px;
    padding-right: 30px;
	margin-bottom: 80px;
}

.premium_platin_service-title {
	text-align: center;
    padding: 5px;
    background-color: #C0C0C0;
    color: #ffffff;
	margin: 0 auto;
    width: 40%;
	font-size: 25px;
    letter-spacing: 1px;
    font-weight: bold;
	margin-bottom: 20px;
}

.premium_platin_service-descr {
	line-height: 30px;
    color: #000000;
	text-align: center;
    font-weight: 700;
	padding: 20px;
}

.gold_text {
	text-shadow: 4px 1px 3px rgb(138 99 7 / 37%);
    color: #a88731;
    font-size: 120px;
    font-weight: bold;
    line-height: 114px;
}

/*CSS for luxnote gold*/

#service_block { min-width: 768px; max-width: 1200px; height: auto; position: relative; left: 50%; right: 50%; transform: translate(-50%); }
	
.service_cart { width: 257px; height: 168px; position: relative; left: 50%; right: 50%; transform: translate(-50%); }
.service_cart img { position: relative; width: 257px; height: 168px;}
	
#gold_service { min-width: 768px; max-width: 1200px; height: 700px;  background-image: url("https://www.luxnote-hannover.de/media/wysiwyg/luxnote_gold_bg.jpg"); background-repeat: repeat-x;}
#platin_service {min-width: 768px; max-width: 1200px; height: 700px;  background-image: url("https://www.luxnote-hannover.de/media/wysiwyg/luxnote_platin_bg.jpg"); background-repeat: repeat-x; margin-top: 40px;}
	
	
	
	
#luxnote_vorteile h2{letter-spacing: 2px; margin-bottom: 5px; font-family: 'Open Sans', sans-serif; position: relative; width: 100%; text-align: center; color: #222222; font-size: 35px; word-spacing: normal;}
#luxnote_vorteile h3{letter-spacing: 2px; margin-top: 0px; font-weight: 400; font-family: 'Open Sans', sans-serif; position: relative; width: 100%; text-align: center; color: #222222; font-size: 25px; word-spacing: normal; margin-bottom: 40px;}
	

#luxnote_vorteile { min-width: 768px; max-width: 1200px; height: 600px; margin-bottom: 145px; font-family: 'Open Sans', sans-serif; text-align: center; word-spacing: 30px; }
#luxnote_vorteile b { font-weight: 600; font-size: 18px; letter-spacing: 1px;}
	
	
#luxnote_vorteile #vorteil_bronze .vorteile_header , #luxnote_vorteile #vorteil_gold .vorteile_header, #luxnote_vorteile #vorteil_platin .vorteile_header{ width: 250px; position: relative; height: 81px; background-repeat: no-repeat; background-size: contain; padding-left: 20px; padding-top: 18px; font-size: 14px; text-align: left;
box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box;
word-spacing: normal;	
}
	
#luxnote_vorteile #vorteil_bronze .vorteile_header  { background-image: url("https://www.luxnote-hannover.de/media/wysiwyg/h_bronze.jpg"); }
#luxnote_vorteile #vorteil_gold .vorteile_header  { background-image: url("https://www.luxnote-hannover.de/media/wysiwyg/h_gold.jpg"); }
#luxnote_vorteile #vorteil_platin .vorteile_header { background-image: url("https://www.luxnote-hannover.de/media/wysiwyg/h_platin.jpg"); }
	
#luxnote_vorteile #vorteil_bronze	{ background-image: url("https://www.luxnote-hannover.de/media/wysiwyg/0euro.png"); padding-bottom: 120px; background-size: 190px 88px; background-repeat: no-repeat; background-position: right bottom;}
#luxnote_vorteile #vorteil_gold { background-image: url("https://www.luxnote-hannover.de/media/wysiwyg/7euro.png"); padding-bottom: 120px; background-size: 190px 88px; background-repeat: no-repeat; background-position: right bottom;}
#luxnote_vorteile #vorteil_platin {background-image: url("https://www.luxnote-hannover.de/media/wysiwyg/75euro.png"); padding-bottom: 120px; background-size: 190px 88px; background-repeat: no-repeat; background-position: right bottom; }	

#luxnote_vorteile .vorteile_h { position: relative; width: 250px; display: inline-block; border-width: 1px; border-color:#e6e5e6; border-style: solid; word-spacing: normal;	

-webkit-box-shadow:0px 0px 4px 0px rgba(120,120,120,0.56);
-moz-box-shadow: 0px 0px 4px 0px rgba(120,120,120,0.56);
box-shadow: 0px 0px 4px 0px rgba(120,120,120,0.56);}
	
#luxnote_vorteile ul 	{ margin: 0px; padding-inline-start: 0px; text-align: left; margin-left: 20px; margin-top: 20px; }	
#luxnote_vorteile ul li	{ text-decoration: none; list-style: none; font-size: 15px; margin-bottom: 20px; }
#luxnote_vorteile ul li b	{ font-size: 15px; font-weight: 600; }

	
	
#gold_service h1 {text-shadow: 2px 2px 1px rgba(74,74,74,0.78); letter-spacing: 2px; position: relative; width: 100%; text-align: center; color: #FFFFFF; display: inline-block; font-family: 'Open Sans', sans-serif; margin-bottom: 5px; margin-top: 50px; font-size: 35px;}
#gold_service h2 { text-shadow: 1px 1px 1px rgba(74,74,74,0.78); letter-spacing: 2px; position: relative; width: 100%; text-align: center; color: #FFFFFF; display: inline-block; font-family: 'Open Sans', sans-serif; margin-top: 0px; margin-bottom: 40px; font-weight: 400;}
	
#platin_service h2 {text-shadow: 2px 2px 1px rgba(74,74,74,0.78); letter-spacing: 2px; position: relative; width: 100%; text-align: center; color: #FFFFFF; display: inline-block; font-family: 'Open Sans', sans-serif; margin-bottom: 5px; margin-top: 50px; font-size: 35px; text-transform: uppercase; margin-bottom: 50px;}	

	
	
#gold_service .subtitel_ramen  { width: auto; padding-right:63px; padding-left: 63px; height: 53px; width: 340px; position: relative; left: 50%; right: 50%; transform: translate(-50%);
	
	background-image: url("https://www.luxnote-hannover.de/media/wysiwyg/service_gold_l_bg.png"), url("https://www.luxnote-hannover.de/media/wysiwyg/service_gold_r_bg.png");
	background-repeat: no-repeat, no-repeat;
	background-position: left, right;
	background-size: contain, contain;
	
	margin-top: 25px;
	
	
}
	
	
	
#platin_service .subtitel_ramen  { width: auto; padding-right:63px; padding-left: 63px; height: 53px; width: 340px; position: relative; left: 50%; right: 50%; transform: translate(-50%);
	
	background-image: url("https://www.luxnote-hannover.de/media/wysiwyg/service_platin_l_bg.png"), url("https://www.luxnote-hannover.de/media/wysiwyg/service_platin_r_bg.png");
	background-repeat: no-repeat, no-repeat;
	background-position: left, right;
	background-size: contain, contain;
	
	margin-top: 25px;
	
	
}	
	
	
#platin_service .subtitel_ramen .subtitel { text-align: center; background-image: url("https://www.luxnote-hannover.de/media/wysiwyg/service_platin_sub_bg.png"); background-repeat: repeat-x;  height: 53px; font-size: 20px; color: #464646; font-family: 'Open Sans', sans-serif; font-weight: 700; padding-top: 17px; width: 220px; position: relative;}	
	
	
#gold_service .subtitel_ramen .subtitel { text-align: center; background-image: url("https://www.luxnote-hannover.de/media/wysiwyg/service_gold_sub_bg.png"); background-repeat: repeat-x;  height: 53px; font-size: 20px; color: #604900; font-family: 'Open Sans', sans-serif; font-weight: 700; padding-top: 17px; width: 220px; position: relative;}

.service_icon{ width: 84px; height: 54px; display: inline-block;}
.service_icon img{ position: relative; width: inherit;}
	
#gold_service .service_info_block_raster	{ width: 768px; position: relative; left: 50%; right: 50%; transform: translate(-50%); margin-top: 80px;}
#gold_service .service_info_block { color: #926b10; font-size: 16px; font-family: 'Open Sans', sans-serif; text-align: center; width: 33.3333%; float: left;	}
#gold_service .service_info_block_raster	{ width: 100%; position: relative; left: 50%; right: 50%; transform: translate(-50%); }
	
#platin_service .service_info_block_raster	{ width: 768px; position: relative; left: 50%; right: 50%; transform: translate(-50%); margin-top: 80px;}
#platin_service .service_info_block { color: #464646; font-size: 16px; font-family: 'Open Sans', sans-serif; text-align: center; width: 33.3333%; float: left;	}
#platin_service .service_info_block_raster	{ width: 100%; position: relative; left: 50%; right: 50%; transform: translate(-50%); }	
	
	
	
	
#luxnote_info_service  {min-width: 768px; max-width: 1200px; height: 460px;}
.luxnote_info_image {width: 690px; position: relative; left: 50%; right: 50%; transform: translate(-50%); }
.luxnote_info_image img {position: relative; width: inherit;}
	
	
#luxnote_info_service h2{letter-spacing: 2px; position: relative; width: 100%; text-align: center; color: #222222; display: inline-block; font-family: 'Open Sans', sans-serif; margin-bottom: 5px; margin-top: 50px; font-size: 35px; text-transform: uppercase; margin-bottom: 50px;}
	
@media only screen and (max-width: 841px) {		

#luxnote_vorteile { width: 100%; height: auto; margin-bottom: 60px; font-family: 'Open Sans', sans-serif; text-align: center; word-spacing: 10px; }
#luxnote_vorteile .vorteile_h { position: relative; width: 250px; display: block; border-width: 1px; border-color:#e6e5e6; border-style: solid; word-spacing: normal;	
margin-left: auto; margin-right: auto; margin-bottom: 25px;}
	
	
@media only screen and (max-width: 768px) {	
	
	
#service_block { width: 100%; }
	
	
#gold_service { width: 100%; height: auto;}
#platin_service {width: 100%; height: auto;}
	
	
	
#gold_service h1 {font-size: 23px;}
#gold_service h2 { font-size: 13px;}
	
#platin_service h2 {font-size: 23px;}
	
#luxnote_info_service h2 {font-size: 12px;}

#luxnote_vorteile h2{font-size:23px;}
#luxnote_vorteile h3{font-size:13px;}
	

	
#gold_service .service_info_block_raster	{ width: 100%; height:auto;}
#gold_service .service_info_block { width: 100%;  float: none; margin-bottom: 30px;}
#gold_service .service_info_block_raster	{ width: 100%; height:auto;}
	
#platin_service .service_info_block_raster	{ width: 100%;height:auto;}
#platin_service .service_info_block { width: 100%; float: none; margin-bottom: 30px;	}
#platin_service .service_info_block_raster	{ width: 100%; height:auto;}	
	
	
	
	
#luxnote_info_service  {width: 100%;}
.luxnote_info_image { width: 355px; }
	
	
#luxnote_info_service h2{ width: 100%; }
	
	
		
}

@media (max-width: 1000px) {
	.error_wraper {
		width: 50%;
	}

	.error_not_found {
		font-size: 150px;
		text-align: center;
		font-weight: 600;

	}

	.error_not_found_text {
		font-size: 27px;
		text-align: center;
		color: #999999;
	}	
}

@media (max-width: 1150px) {
    #header_text {
        padding-left: 35px !important;
    }

    .header_uberschrift {
        font-size: 13px;
        margin-top: 0px;
    }

    #header_text p {
        width: 504px;
        font-size: 12px;
    }

    #header_text h2 {
        font-size: 20px;
    }
	.gold_text {
    font-size: 74px;
}
}

@media (max-width: 830px) {
    #header_text {
        padding-left: 10px !important;
    }

    #header_text h2 {
        font-size: 18px;
    }
}

@media (max-width: 620px) {
	.error_wraper {
		width: 90%;
	}
	
    #header_text {
        padding-left: 10px !important;
        width: 360px;
    }

    .header_uberschrift {
        margin-bottom: 0px !important;
    }

    #header_text p {
        width: 320px;
        font-size: 9px;
    }

    #header_text h2 {
        font-size: 9px;
        margin-bottom: 0px !important;
        margin-top: 3px !important;
    }
}

@media (max-width: 430px) {
	.premium_gold_service-title {
    width: 50%;

}
.premium_gold_service-subtitle {
    width: 30%;
}
.premium_platin_service-title {
    width: 50%;
}
#luxnote_info_service  {height: 300px;}
}

@media (max-width: 400px) {
    #header_text {
        padding-left: 10px !important;
        width: 360px;
    }

    #header_text p {
        width: 300px;
        font-size: 8px;
    }
	
}