@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');

#mytopbar {display: none; width: 100%; height: 40px; background-color: #000034; border-bottom: 3px solid #A8E500; }
.menu, h1, h2, h3, p, li, a, div {font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; color: #2e3368;}
.clearit {clear: both;}
a {text-decoration: none;}
.myinnertopbar {width: 100%; max-width: 1260px; margin: 0 auto;}
.mytop {width: 33%; height: 50px; float: left;text-align: center; color: #fff; font-weight: 600; padding-top: 9px; }
.ebay {margin: 0 auto; max-width: 1100px;}
.payhead {font-weight: 600; padding-bottom: 5px;}
.header {width: 100%; max-width: 1100px; border-bottom: 3px solid #A8E500;}
.logo {float: left;}
.logo img {width: 310px; height: auto;}
.logo, .tele {width: 90%; margin: 0 auto; text-align: center;}
.tele { color: #2E3368; font-size: 20px; padding: 25px 20px; font-weight: 600;line-height: 38px; }
.tele a, .last a {color: #2E3368; }
.menu {width: 100%; max-width: 1100px; margin: 10px 0;border-bottom: 3px solid #a8e500 !important;}
ul, li {margin: 0; padding: 0;}
.menuliste li { width: 100%; float: left; list-style-type: none; text-transform: uppercase; font-size: 18px;}
.menuliste li:hover {color: #2e3368; }
.menuliste li a {width: 100%; display: block; text-align: center;color: #2E3368; padding: 12px 0; border-bottom: 1px solid #fff;}
.menuliste li a:hover  {text-decoration: none; border-bottom: 1px solid #2E3368; color: #a8e500; }
.bildundcontent {width: 90%; margin: 0 auto; max-width: 1100px;  }
.zahlung {width: 90%;  font-size: 26px; margin: 0 auto; display: none;}
.mobile { display: block; margin-top: 20px;}
.zahlung .head {padding-bottom: 10px; border-bottom: 1px solid;color: #2E3368; margin-bottom: 10px;}
.zahlung img {width: 75px; margin-right: 8px; border-radius: 6px; margin-bottom: 8px;}
.zahlung .hersteller img {border-radius: 0px !important; width: 150px !important;}
.nolast li:last-child {display: none !important;}

.hersteller_bottom {margin-left: 25px;}
.zahlung img.full {width: 100% !important;}
.zahlung .bottom {margin-bottom: 20px; font-size: 15px;color: #2E3368;}
.inhalt {margin: 20px 0; }
.inhalt ul {margin-left: 40px;}
.bild {width: 100%; margin-top: 10px;}
.wrapper {padding: 6px; background: #fafafa; border: 1px solid #eeeeee; text-align: center; }
.wrapper img {width: 100%;}
.headline {width: 100%;  }
.headline h1 {width: 90%; font-size: 22px; font-weight: 600;  color: #2E3368; text-transform: uppercase; padding-bottom: 20px; margin: 20px auto;}
ul.footermenu {list-style-type: none; font-size: 20px; margin-top: 20px; }
ul.footermenu li {padding-bottom: 15px;}
ul.footermenu li a:hover {color: #a8e500 !important;}
	.newsl {padding: 0 20px;}
	.last a {padding: 10px; border: 1px solid #2e3368; border-radius: 15px;}
	.last a:hover {background: #a8e500;}
.footer {width: 100%; background: #000034; max-width: 1100px; margin-bottom: 20px; padding: 0 5%;}
.block {width: 90%; margin: 0 auto; color: #cccccc;text-align: center; float: left;}
.block h3 {border-bottom:1px solid #cccccc;padding-bottom: 15px;}
.block a {margin: 10px 0;}
/* Icons */
.te {display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto; }
.te-phone-square::before {content: "\f098";}
.te-envelope::before {content: "\f0e0";}
.te-euro::before, .te-eur::before {content: "\f153";}
.te-truck::before {content: "\f0d1";}
.te-mail-reply::before, .te-reply::before {content: "\f112";}
.te-info-circle::before {content: "\f05a";}
.te-envelope::before {content: "\f0e0";}
.button {min-height: 50px;}
h1 {font-size: 22px; text-decoration: none; font-weight: 600;}
h2 { font-size: 20px; text-decoration: none; font-weight: 600;}
ul {margin-top: 10px;}
.inhalt h2 {background: #f8f8fa; border: 1px solid #2e3368; border-radius: 20px; padding: 15px; }
.garantie , .garantie2 {display: none; border-bottom: 1px solid #2e3368; padding-bottom: 10px;}
.garantie h3, .garantie2 h3 {width: 100%; border-bottom: 1px solid #2e3368; padding-bottom: 10px; }
.garantielinks {width: 80%;float: left; text-align: center; }
.garantierechts {width: 80%;float: left;}
.garantie p {font-size: 14px;}
.garantie img , .garantie2 img{width: 100%; max-width: 300px !important; border-radius: 15px !important; margin-bottom: 20px;}
.garantie.Makita, .garantie2.Bosch {display: block !important;}
.nogarantie.Makita, .nogarantie.Bosch {display: none !important;}
	//FOOTER
.my--footer {width: 90%; background: #f8f8fa; margin: 20px auto; }
.my--inner--footer {width: 100%; max-width: 1260px; margin: 0 auto; }
.my--footer--block h4 {margin: 25px 0 15px 0;text-transform: uppercase; font-weight: 600;  }
.my--footer--block p {font-weight: 300; }
.my--footer--block p.hotline  { font-weight: 600;}
.my--footer--block {float: left; width: 100%; margin-right: 0; min-height: 375px; margin-top: 30px; margin-bottom: 30px; background: #f8f8fa; text-align: center; padding-bottom: 30px;  border: 1px solid #f8f8fa; border-radius: 20px;}
.my--footer--block img { height: auto; margin: 12px auto;}
.my--footer--block .zahl ,.my--footer--block .dhl {width: 100px; } 
.my--footer--block .hersteller {width: 150px;}
.my--footer--block .sicherheit {width: 200px;}
.idealo {width: 180px;}
.footer-main .footer--column {width: 100%;}
.footer-main .navigation--link:hover {color: red;}
ul.nolast li:last-child {list-style-type: none; }

@media screen and (min-width: 780px) {
	#mytopbar {display: block;}
	.headline h1 {width: 96%; font-size: 22px; font-weight: 600; margin-top: 20px; color: #2E3368; text-transform: uppercase; 
	background: #f8f8fa; border: 1px solid #2e3368; border-radius: 20px; padding: 2%; margin: 20px auto;
}
	.menu {border: 0;}
	.logo {width: 50%; float: left; margin: 0; }
	.tele {width: 30%; float: right;}
	.tele {text-align: right;}
	.logo {text-align: left;}
	.menuliste li {width: 20%; font-size: 16px;}
	.bildundcontent {width: 69%; margin: 0;float: left;}
	.zahlung {width: 28%; margin: 0 0 0 3% ; float: left; display: block;}
	.mobile {display: none; }
	.block {width: 30%; margin-right: 5%; float: left;}
	.last {margin-right: 0 !important;}
	
	.artdesc {width: 50%; margin-right: 20px;float: left;   padding: 20px;}
	.tedata {width: 40%;float: left;  padding: 20px; }
	.garantielinks {width: 30%; margin-right: 5% !important;float: left; }
	.garantierechts {width: 65%; margin: 0 !important;float: left;}
	
	.my--footer--block {width: 30%; margin-right: 3%; }
	.my--footer--block.last {margin-left: 1% !important;}
	.my--footer--block.last {margin-right: 0 !important;}
	
	}
	
@media screen and (min-width: 1024px) {
	
	menuliste li {width: 20%; font-size: 18px;}
	
	}