@charset "utf-8";
/* CSS Document */

body {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:13px; background: #42413C; background-image: url("https://lionardo-design.de/img/tlo.png"); margin: 0; padding: 0; color: #000; }
ol { list-style-type:none; padding:0; margin:0; background-color:#0fdaf8; font-size:18px; height:2em; line-height:2em; margin-left:30px; }
ol a {display:block; text-decoration:none; color:#000; padding:0 5px; text-align:center; }
ol > li { float:center; width:100%; margin-left:1px; height:auto; border-bottom-left-radius:15px; border-bottom-right-radius:15px; }
ol > li:first-child { margin:0px; text-align:center; }
ol > li:hover { background-color:#0fdaf8; }
ol > li:hover > a { color:#0fdaf8; }
ol > li:hover > ul { display:block; }
ol > li > ul { display:none; list-style-type:none; padding:0; margin:0; }
ol > li > ul > li { position:relative; background-color:#0fdaf8; }
ol > li > ul > li > a { border-top:1px solid #04c9e6; }
ol > li > ul > li:hover { background-color:#000; transition: all 1.1s ease; }
ol > li > ul > li:hover > a { color:#fff; }
ul, ol, dl { padding: 0; margin: 0; }
h1, h2, h3, h4, h5, h6, p { margin-top: 0; padding-right: 15px; padding-left: 15px; }
a img { border: none; }
a:link { color:#11daf8; text-decoration:none;}
a:visited { color:#11daf8; text-decoration:none; }
a:hover, a:active, a:focus { color:#0695aa; text-decoration: none; }
.container { width: 100%; max-width: 1080px; min-width: 320px; background: #FFF; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; }
.header { background: #fff; background-image: url("https://lionardo-design.de/lionardo-cyan/img/cyan-header.jpg"); padding:0px; width:100%; height: 200px; border-radius: 0px 0px 10px 10px; }
.sidebar1 { float: left; width: 1%; padding-bottom: 0px; background-color: #FFF; padding-left: 0px; margin-right: 0.5%; }
.sidebar2 { float: left; width: 1%; background-color: #FFF; }
.content {
	width: 47%;
	float: left;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0.5%;
	padding-right: 0.5%;
	font-size:15px;
	margin-top:2%;
	margin-bottom:5px;
	text-align:right;
}
.content1 {
	width: 47%;
	float: right;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0.5%;
	padding-right: 0.5%;
	font-size:15px;
	margin-top:4%;
	margin-bottom:20px;
	line-height: 190%;
	padding-left:20px;
	padding-right:10px;
}

.content2 {
	width: 100%;
	float: left;
	padding-top: 0;
	padding-bottom: 0;
	font-size:14px;
	margin-top:0px;
	margin-bottom:2%; text-align: left;
	line-height: 170%;
}
.content2a {
	width: 90%;
	margin:5%;
	float: left;
	padding-top: 0;
	padding-bottom: 0;
	font-size:15px;
	margin-top:0px;
	margin-bottom:2%; text-align: center;
	line-height: 170%;
	color:#FFF;
}
.content3 { width: 25%; float: right; padding-top: 0; padding-bottom: 0; padding-left: 0.5%; padding-right: 0.5%; font-size:15px; margin-top:0%; margin-bottom:0px; padding-left:20px; padding-right:10px;}
.content4 { width: 90%; float: right; font-size:15px; margin:5%;  margin-top:3%; margin-bottom:10px; }

.content ul, .content ol { padding: 0 20px 20px 40px; margin:3%; font-size:13px;}
ul.navi { list-style: none; margin-bottom: 15px; }
ul.navi li { float:left; border: 2px solid #04c9e6; border-radius:10px; }
ul.navi a, ul.navi a:visited { padding: 5px 20px 5px 20px; display: block; text-decoration: none; background: #8090AB; color: #000; background-color: #0fdaf8; font-size:11px; }
ul.navi a:hover, ul.navi a:active, ul.navi a:focus { color: #FFF; background-color: #000; border-radius:7px; transition: all 1.1s ease;}
ul.navi_1 { list-style: none; margin-bottom: 5px; }
ul.navi_1 li { float:right; border: 2px solid #04c9e6; border-radius:10px; }
ul.navi_1 a, ul.navi_1 a:visited { padding: 5px 20px 5px 20px; display: block; text-decoration: none; background: #8090AB; color: #000; background-color: #0fdaf8; font-size:13px;}
ul.navi_1 a:hover, ul.navi_1 a:active, ul.navi_1 a:focus { color: #FFF; background-color: #000; border-radius:7px; transition: all 1.1s ease; }
ul.nav { list-style: none; border-top: 1px solid #fff; margin-left:8px; margin-bottom: 0px; font-size:13px; }
ul.nav li { border-bottom: 2px solid #04c9e6; }
ul.nav a, ul.nav a:visited { padding: 5px 5px 5px 13px; display: block; text-decoration: none; color: #000; background-color: #0fdaf8; font-size:13px;}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus { color: #FFF; background-color: #000; transition: all 1.1s ease; }
.footer { padding: 10px 0; background: #0fdaf8; position: relative; border-radius: 10px 10px 0px 0px; clear: both; height:auto; }
.footer_1 { padding: 10px 0; color: #ccc; background: #fff; background-image: url("https://lionardo-design.de/lionardo-cyan/img/cyan-tlo.png"); position: relative; clear: both; font-size:12px;}
.fltrt { float: right; margin-left: 8px; }
.fltlft { float: left; margin-right: 8px; }
.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px; }
.gallery { float:none; position: relative; width:85%; height:auto; background-repeat:no-repeat; background-position:top center; margin-bottom:20px; margin-top:10px; border: 0; background-size:85% auto; z-index:1; }
.foto img { background-position:top center; margin-bottom: 1.2%; margin-top:67%; border: 1px solid #ccc; border-radius: 10px 10px 10px 10px;}
.foto:link { text-decoration:none; }
.foto:hover { background-color: transparent; text-decoration:none; }
.foto span { position: absolute; left: -1000px; border: 0; visibility: hidden; text-decoration:none; }
.foto span img { padding:0px; border:0px; }
.foto:hover span { visibility: visible; top: -80%; left: 0px; z-index: 0; }
.shop_name { padding-top: 50px; padding-bottom:35px; padding-left:40px; padding-right:40px; margin-left:30px; position: relative; color: #fff; font-size:40px; text-decoration: none; font:"aral"; width:auto; }
.shop_name_logo {
	padding-top: 10px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
	margin-left:40px;
	width:300px;
}
.menu_oben { dysplay: block; color: #0fdaf8; height:auto; margin-top: 25px; margin-right: 0px; margin-bottom: 0px; margin-left: 10px; }
.menu_gora_1 {
	dysplay: block;
	position:relative;
	color: #0fdaf8;
	height:25px;
	transition: all 1.5s ease;
	margin:0px 10px 20px 10px;
}
.menu_bok { padding-top: 5px; border-radius: 10px 10px 0px 0px; margin-top:20px; padding-bottom: 20px; color: #000; position: relative; font-size:16px; text-decoration: none; text-align:center; font: "Century Gothic"; background-color: #0fdaf8; background-image: url("https://lionardo-design.de/lionardo-cyan/img/cyan-menu-bok.jpg"); }
.menu_bok1 { padding-top: 5px; border-radius: 10px 10px 0px 0px; margin-top:3px; padding-bottom: 20px; color: #000; position: relative; font-size:16px; text-decoration: none; text-align:center; font: "Century Gothic"; background: #0fdaf8; background-image: url("https://lionardo-design.de/lionardo-cyan/img/cyan-menu-bok.png"); }
.menu_bok2 { display:block; width:auto; height:7px; padding-top: 0px; border-radius: 0px 0px 10px 10px; margin-top:0px; padding-left: 10px; padding-bottom: 10px; color: #000; position: relative; font-size:20px; text-decoration: none; text-align:center; font: "Century Gothic"; background: #0fdaf8; }
.linia { border-bottom: 1px solid #afadad; margin-left:10px; margin-right:10px; }
.menu_tlo { background: #0fdaf8; color:#000; padding: 5px; }
.rama { border-style:solid; border-color: #F00; border-width: 3px; border-radius: 10px 10px 10px 10px; padding: 10px; margin:0px 20px 20px 20px; font-size:20px; text-align:center; }
.tema { background-image: url("https://lionardo-design.de/lionardo-cyan/img/cyan-tema.png"); font:Georgia, "Times New Roman", Times, serif; border-radius: 10px 10px 10px 10px; height:37px; width:auto; color:#FFF; font-size:16px; text-align: center; padding-top: 14px; background-repeat:no-repeat; margin-top: 20px; margin-right: 5px; margin-bottom: 0px; margin-left: 10px; }
.search {
	z-index:3;
	position:relative;
	background-image:url("https://lionardo-design.de/lionardo-cyan/img/cyan-search_box.png");
	width:280px;
	height:28px;
	margin-top:20px;
	background-repeat:no-repeat;
	background-position:top;
}
.search input { border:none;}
.suchen-box { width:280px; height:26px;float:right; z-index:3;}
.suchen-box2 { background-image:url("https://lionardo-design.de/lionardo-cyan/img/cyan-search_box.png"); background-repeat:no-repeat; background-position:bottom; width:265px; height:28px; float:left; margin: 0px 0px 0px 25px; border:none; z-index:3; position:relative; }
input.suche {width:184px; height:24px; margin-left:20px; background:none; color:#FFF; padding-left:10px; font-size:12px;}
input.lupe {background:none; width:40px; height:32px; margin-left:215px; cursor:pointer; margin-top: -30px;}
.post { margin: 2px; width:100%; }
.post1 { width:48%; }
telefon { margin: 2px; float:left; }
.vorteile { font-size:14px; line-height:2em; margin-left:15px; }
#tabele {width:100%; height:auto; padding-top:10px; margin-left:10px; margin-right:10px;}
.bild { width:31.6%; float:left; height:auto; border: 1px solid #ccc; border-radius: 10px 10px 10px 10px; padding-top:10px; padding-bottom:10px; line-height:2em; margin-bottom:10px; margin-left:10px;  text-decoration:none; position:relative; font-family: Arial, Helvetica, sans-serif;}
.bild a:link { color:#000; }
.bild a:hover { color:#666; }
.bild a:active { color:#666; }
.bild a:visited { color:#000; }
.bild a:focus { color:#666; }
img#fotografia:hover{ opacity : 0.60; filter : alpha(opacity=70); transition: all 0.0s ease; }
table.tabele { padding-bottom:10px; padding-top:5px; text-decoration:none;}
.menu_moblile { display:none; }
.mobile_produkte { display:none; }
.zahlung { width:100%; }
.zahlung1 { width:97%; margin: 2%; }
.ende { margin-top:20px; }
.text { margin:7px; }
.logo { height:130px; }
.orginal { width: 42%; float: left; margin:4%; margin-top:2%; font-size:15px; box-shadow:3px 3px 5px 0px #333; border-radius:10px;}
.orginal-text { width: 45%; float: left; color:#fff; text-align:center; padding-top:30px; font-family: 'Comfortaa', cursive; font-size:22px;}
.strzalka { width: 10%; float: left; color:#fff;padding-top:45px; font-family: 'Comfortaa', cursive; font-size:17px; text-align:center; }
.strzalka-mobile { display:none; }
.smartwatch-text { width: 45%; float: right; color:#fff; text-align:center; padding-top:30px; font-family: 'Comfortaa', cursive; font-size:22px;}
.smartwatch-text-mobile { display:none;}
.smartwatch { width: 42%; float: right; margin:4%; margin-top:2%; font-size:15px;  box-shadow:3px 3px 5px 0px #333; border-radius:10px;}
.bild23 { width: 100%; border-radius:10px;}
.bild23 { box-shadow:5px 5px 10px; }
.oder { width: 100%; float:right; font-size:15px; margin-top:20px; margin-bottom:20px; border-radius:10px; background-color:#0fdaf8; position:relative; display:block;  }
.gruby { text-align:center; font-size:90px; color:#FFF; font-family: 'Anton', sans-serif; padding:20px; }
.produkte { padding:20px; padding-top:1px; float:right; }
.baner-big { width:99%; border-radius:10px; margin-top:1.5%; margin-left:0.5%;margin-right:0.5%; margin-bottom:0; }
.big { width:100%; border-radius:10px; }
.mobile-ebay { width:70%; border-radius:2%; margin-bottom:5%;}
.soop {
	position:relative;
	padding:1px;
	width:99%;
	height:auto;
	text-align:center;
 }
.demo { position:relative; width:100%; height:auto; margin:auto; text-align:center; padding:2px; margin-bottom:2%;
  }
.demo-img { width:400px; text-align:center; }
.rama1 { width:80%; height:auto; border-radius:10px; padding:1%; background-color:#ccc; float:left; margin-top:
30px; margin-bottom:20px; border:solid #a5a4a4 1px; margin-left:10%; margin-right:10%;}
.preis1  { font-size:35px; height:40px; line-height:40px; padding-left:30px; text-align:center; font: bold; color:#000; padding:1.5%; padding:10px;}
.sofort1 {background-image:url(https://lionardo-design.de/template/03/img/menu-.png); border-radius:15px; font-size:13px; height:40px; line-height:40px; margin:1%; width:48%; text-align:center; float:left; transition: all 0.6s ease; color:#fff;  }
.sofort1 a:link { color: #fff; text-decoration: none; transition: all 0.6s ease;  }
.sofort1 a:visited { color: #fff; text-decoration: none; transition: all 0.6s ease;  }
.sofort1 a:hover, a:active { color: #fff; text-decoration:none; font-size:14px; transition: all 0.2s ease; }
.sofort1:hover{ opacity : 0.75; filter : alpha(opacity=60); transition: all 0.6s ease; }
.zysk { width:55%;  float:right; margin-left:10%; margin-right: 10%; }
.reklama-mini { width:48%; margin-top: 2%; float: right;}
.r-mini { width:48%; margin-top:2% float: left;}
.nazwa { float:left; padding:2%; width:96%;}
.beispiel { margin:0%; position:relative; height:80%; text-align:center; float:none;}
.beispiel-text {width:60%; float:left; text-align:center; padding:2%; }
.beispiel-foto { width:80%; float:none; text-align:center; padding:0%; transition: all 1.1s ease;}
.beispiel-foto:hover {  opacity :0.60; filter : alpha(opacity=70); transition: all 1.1s ease;}
.beispiel-foto1 { display:none;}
img#fotografia1{ border-radius:10px; border:solid 1px #CCC; }
img#fotografia1:hover{ opacity:filter: alpha(opacity=70); }
.lieferung { width:200px; }
.social { float:left; text-align:right; transition: all 1.1s ease; padding-top:1px; padding-bottom:5px; z-index:3; position:relative; padding-right:1%;
}
.social:hover { transition: all 1.1s ease; opacity : 0.6; filter : grayscale(40%) ; 
}
img#face { border: 2px solid #04c9e6; border-radius:10px; transition: all 1.1s ease;
}
img#face:hover { border: 2px solid #222222; border-radius:10px; transition: all 1.1s ease;
}
.color {background:no-repeat; margin:15px 20px 20px 20px; background-color:#ebebeb; border:1px dashed #c1c1c1; border-radius: 10px 10px 10px 10px; padding: 68px 5px 50px 130px; font-size:17px; font-family: "Courier New", Courier, monospace; background-image:url(https://lionardo-design.de/img/color.png); background-size: auto; }
.farben{ margin:1% ; text-align:center; transition: all 1.1s ease;}
.colour{ width:8%; margin:1% ; border:0px dashed #c1c1c1; border-radius:10px; transition: all 1.1s ease;}
.colour:hover { width:9%; margin:1% ; }
.kasiora { width:96%; margin:2% ;border-radius:10px; }
.impressum { font-size:13px; line-height:30px; }
.sale { width:100%; padding-bottom: 2%; padding-top:2px;}
.sale-img { width:100%; border-radius:10px; }
.reklama { float:left; width:100%; padding-bottom: 2px; padding-top:2px; }
@media screen and (max-width:768px) {
body { font-size:15px; }
.menu_oben { display:none; }
.menu_gora_1 { display:block; width:95%; height:140px; }
ul.navi_1 li { float:none; }
.shop_name { padding-top: 55px; padding-bottom:35px; padding-left:10px; padding-right:0px; margin-left:10px; position: relative; color: #fff; font-size:32px; text-decoration: none; font: "aral"; width:auto; }
.shop_name_logo { padding-top: 25px; padding-bottom:0px; padding-left:0px; padding-right:0px; margin-left:5px; width:150px; }
.logo { height:105px; }
.content { width: 96%; font-size:15px; text-align:center; margin:1%; padding-bottom:1%;}
.content1 { width: 90%; font-size:15px; padding-left:20px; padding-right:20px; margin-top:5px;}
.content2 { width: 100%; font-size:15px; margin:0; padding-bottom:1%;}
.content3 { width: 96%; font-size:15px; text-align:center; margin:2%; padding-bottom:1%;}
.tema { background-repeat:no-repeat; margin-top: 20px; margin-right: 10px; margin-bottom: 0px; margin-left: 10px; }
.menu_moblile {display:block; position:relative; padding-top:0px; margin-top:25px; z-index:2;}
.menu_kontakt { text-align:center; }
.menu_bok { display:block; width:100%; }
.sidebar1 { display:block; width:100%; }
.sidebar2 { display:none; }
.post2 { margin: 2px; width:100px; }
.bild_mobile { display:block; width:98%; float:right; height:auto; margin-left:1%; margin-right:1%; margin-top:2%; }
.zahlung1 { width:180px; margin: 5px; }
ul.nav { margin-right:8px; font-size:15px;}
ul.nav a, ul.nav a:visited {font-size:15px;}
ul.navi_1 a, ul.navi_1 a:visited {font-size:15px;}
.vorteile { font-size:16px; }
.search { margin-top:30px; z-index:3;}
#tabele { margin-left:0; margin-top:0px; margin-bottom:0px;}
.text { margin:5px; }
.gruby { text-align:center; font-size:50px; color:#FFF; font-family: 'Anton', sans-serif; padding:10px; }
.smartwatch-text { font-size:14px; text-align:center;}
.orginal-text { font-size:14px; text-align:center;}
.strzalka { font-size:14px; text-align:center; }
.mobile-ebay { width:100%; border-radius:2%; margin-bottom:1%; }
.demo-img { width:320px; text-align:center; margin-bottom: 3%; }
.zysk { width:100%; padding-bottom:3%; padding-top:3%;}
.soop { position:relative; padding:1px; width:100%; height:auto; margin:auto; text-align:center;
 }
.beispiel { margin:0; position:relative; height:98%; float:left;}
.beispiel-foto { display:none; }
.beispiel-foto1 { display:block; width:98%; float:none; text-align:center; margin:1%; transition: all 1.1s ease; border-radius:10px;}
.beispiel-foto1:hover { opacity :0.60; filter : alpha(opacity=70); transition: all 1.1s ease;}
.beispiel-text {width:68%; float:left; text-align:center; padding:0; }
.lieferung { width:150px; }
.rama1 { width:94%; height:auto; border-radius:10px; padding:1%; float:left; margin-top:
30px; margin-bottom:20px; border:solid #a5a4a4 1px; margin-left:2%; margin-right:2%;}
.social { float:none; text-align:center; transition: all 1.1s ease; padding-top:15px; padding-bottom:10px; z-index:3; padding-right:1%; margin-left: auto; margin-right: auto;
display: inline-block; }
.colour{ width:20%; margin:4% ; border-radius:10px; text-align:center; }
.colour:hover { width:25%; margin:4% ; }
.sale { width:100%; padding-bottom: 5%; padding-top:1%;}