﻿@charset "utf-8";

* {
	box-sizing: border-box;
}

.header {
	width: 100%;
	margin-bottom: 100px;
}

p {
	margin-bottom: 0px;
}

ul.fracht {
	width: 100%;
	padding: 0px;
	display: inline-block;	
	margin-top: 0px;
}

.header ul {
	width: 50%;
	padding: 0px;
	display: inline-block;
	padding-left: 25px;
	float: right;
}


.header ul li,
ul.fracht li {
	float: left;
	list-style-type: none;
	padding: 0px;
	list-style-position:inside;
}

.header ul.vorteile {
	list-style-image: url(http://ebay.gigabiker.de/icon_liste.png);
}

.header ul.vorteile li.second {
	float: none;
	text-align: left;
}

.header ul.fracht li.eu,
ul.fracht li.eu {
    background-image: url(http://ebay.gigabiker.de/icon_liste_eu.png);	
    background-repeat: no-repeat;
    margin-left: 15px;
    padding-left: 35px;
}

.header ul.fracht li.de,
ul.fracht li.de {
    background-image: url(http://ebay.gigabiker.de/icon_liste_de.png);	
    background-repeat: no-repeat;
    margin-left: 15px;
    padding-left: 35px;
}
.header ul.vorteile li {
	margin-right: 25px;
	font-size: 18px;
}

.header img {
	width: 50%;
}
  
.master {
  font-family: Tahoma !important;
  width: 85%;
  margin: auto;
  border: 1px solid #333333;
  padding: 15px;
  text-shadow: 1px 1px 0px #fff;
}

.master p,
.master ul li {
  font-size: 14px;
  line-height: 160%;  
}

.leftcontainer {
	width: 50%;
	float: left;
	padding-right: 25px;
	}

.rightcontainer .angebot {
	font-size: 18px;
}
	
.rightcontainer {
	width: 50%;
	float: right;
	padding-left: 25px;
	}
		
.rightcontainer h2 {
  font-family: Arial;
  font-size: 28px;
  font-weight: bold;
  color: #ff7801;
  margin-top: 30px;
	}
	
.leftcontainer img {
   margin: auto;
   display: block;
   width: 100%;
	}

.clear  {
  clear: both;
}

.dhl-logo {
	width: 25%;
	border-radius: 3px;
}

.logo {
	width: 50%;
	text-align: center;
	float: left;
}

.logo img {
	width: 40%;
}


	
	
	
@media all and (max-width: 1160px) {
  
  .master {
	  width: 95%;
  }
  
  .logo {
	  width: 100%;
  }
  
  .logo img {
	  width: 30%;
  }
  
  .leftcontainer {
	width: 100%;
	float: none;
	padding-right: 0px;
	}

.rightcontainer {
	width: 100%;
	float: none;
	padding-left: 0px;
	}
  
 .header {
	text-align: center;
	width: 100%;
	margin-bottom: 25px;
} 

.rightcontainer h2 {
  margin-top: 20px;
}
  
.header ul {
	width: 100%;
	padding: 0px;
	display: inline-block;
	text-align: center;
}  

.header ul.vorteile li.second {
	float: left;
}
  
}