html {  font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body {  margin: 0; }  article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {  display: block; } audio, canvas, progress, video {  display: inline-block; vertical-align: baseline; } audio:not([controls]) {  display: none;  height: 0; } [hidden], template {  display: none; }  a {  background-color: transparent; } a:active, a:hover {  outline: 0; }  abbr[title] {  border-bottom: 1px dotted; } b, strong {  font-weight: bold; } dfn {  font-style: italic; } h1 {  font-size: 2em;  margin: 0.67em 0; } mark {  background: #ff0;  color: #000; } small {  font-size: 80%; } sub, sup {  font-size: 75%;  line-height: 0;  position: relative;  vertical-align: baseline; } sup {  top: -0.5em; } sub {  bottom: -0.25em; }  img {  border: 0; } svg:not(:root) {  overflow: hidden; }  figure {  margin: 1em 40px; } hr {  -moz-box-sizing: content-box;  box-sizing: content-box;  height: 0; } pre {  overflow: auto; } code, kbd, pre, samp {  font-family: monospace, monospace;  font-size: 1em; } button, input, optgroup, select, textarea {  color: inherit; font: inherit; margin: 0; } button {  overflow: visible; } button, select {  text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] {  -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] {  cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner {  border: 0;  padding: 0; } input {  line-height: normal; } input[type="checkbox"], input[type="radio"] {  box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {  height: auto; } input[type="search"] {  -webkit-appearance: textfield; -moz-box-sizing: content-box;  -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {  -webkit-appearance: none; } fieldset {  border: 1px solid #c0c0c0;  margin: 0 2px;  padding: 0.35em 0.625em 0.75em; } legend {  border: 0; padding: 0; } textarea {  overflow: auto; } optgroup {  font-weight: bold; }  table {  border-collapse: collapse;  border-spacing: 0; } td, th {  padding: 0; }  body {  } .main-grid {  margin: 0; }  @font-face { font-family: 'fontello'; src: url('fonts/font/fontello.woff'); font-weight: normal; font-style: normal;} #content h1 {  color: #2980b9; margin-top: 0px;  font-size: 27px;  line-height: 28px;  clear: both;  padding: 10px;  margin-bottom: 30px;  border: 1px solid #2980b9; } #content h2 {  background: #2980b9;  color: #fff; font-size: 23px;  line-height: 26px;  clear: both;  margin-top: 40px;  margin-bottom: 10px;  padding: 10px; } #content h3 {  font-size: 20px;  line-height: 26px;  margin-top: 40px;  margin-bottom: 10px; } #content h2 a {  color: #fff; text-decoration: none; } a.arrow {  text-decoration: none; background-color: #f59b07;  color: #fff; padding: 10px 12px; margin-top: 20px; display: inline-block; } a:hover {  opacity: 0.8; } navigation a:hover {  opacity: 1.0; } a.arrow::after {  content: "»";  font-size: 18px;  padding-left: 5px; } @media (min-width: 720px) { a.arrow { margin-top: 0px; } } #content hr {  display: none; } #left h2 {  color: #fff;  font-size: 23px;  line-height: 25px;  margin-bottom: 17px;  border-bottom: 1px dotted #fff; } #content h2:first-of-type {  margin-top: 0; } ul {  list-style: none; } li.bell {  background: url(images/klingelton.png) no-repeat left top;  padding: 0px 0px 0px 40px; } #left div.box {  background-color: #2980b9;  color: #fff; padding: 20px;  margin-bottom: 30px; } #left p, #content p {  margin-bottom: 15px; } #left a, #left a:visited, #right a:active, #left a:active{  color: #fff; } .row-margin-bottom {  margin-bottom: 30px; } img.wallpaper-preview {  border: 20px solid #333;  border-left-width: 3px;  border-right-width: 3px;  border-radius: 8px;  -moz-border-radius: 8px;  -webkit-border-radius: 8px; } #wallpaper {  width: 30%;  margin: 0 30px 30px 0;  float: left; } #wallpaper img {  max-width: 100%;  height: auto; } #gad1, #gad2, #gad3, #gad4 { text-align: center; display:block; position: relative; width: 100%; } #gad1 {  margin-bottom: 30px; } #gad1 {  margin-top: 30px; } #gad4 div {  padding: 0px 40px;  display: block; } #gad2 {  margin-bottom: 30px; } #gad3 {  margin-top: 30px; margin-bottom: 30px; } #amazonmp3 {  text-align: center;  width: 160ṕx;  margin-right: 20px;  margin-bottom: 10px; } .url-download {  margin-top: 40px;  text-align: center;  margin-bottom: 20px; } #pagination {  text-align: center;  margin-top: 30px; } #pagination a {  text-decoration: none; } #pagination a,#pagination span,.folder-navi a {  margin: 1%;  height: 50px; width: 50px; display: inline-block; background-color: #f39c12;  color: #fff; line-height: 50px; font-size: 17px; text-align: center; text-decoration: none;  }  .folder-navi { font-size: 0px; display: block;  } .folder-navi:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .folder-navi a { width: 100%; display: block; margin-bottom: 15px; overflow: hidden; } @media (min-width: 1200px) { .folder-navi a { margin: 1%; width: 31.33333%; box-sizing: border-box; display: block; float: left; } .folder-navi { margin: -1%; } } #pagination span.ditto_currentpage,#pagination .ditto_off {  background-color: #2980b9; } #pagination div {  width: 100%;  margin: auto; font-size: 0px; margin: -1%; } #wp-start, #wp-overview {  margin: 0 -15px; } #wp-overview div {  width: 25%;  float: left;  } #wp-start div {  width: 33%;  float: left;  } @media (min-width: 1200px) { #wp-start div {  width: 20%; } } #wp-start a, #wp-overview a { display: block; padding: 15px; } #wp-start img, #wp-overview img, #start-best img {  max-width: 100%;  height: auto; box-sizing: border-box; } #wp-overview h3 {  margin: 0;  text-align: center; height: 100px; } #wp-overview h3 a {  text-decoration: none; } .best-start {  width: 100%;  clear: both;  display: block; } .best-start a {  float: left;  text-decoration: none;  padding-bottom: 30px;  width: 100%; } .best-start a::after {  content: "»";  font-size: 18px;  line-height: 18px;  padding-left: 5px; } .best-start img {  float: left;  margin: 0 30px 5px 0;  width: 70px;  border-radius: 4px; } #content .best-start h3 {  margin-top: -3px; }  @media (min-width: 720px) { .best-start img { width: 150px;  }  .best-start a { width: 48%; padding-right: 2%;  }  #gad1 { margin-top: 0px;  }  #crumps { text-align: left;  }  #search { text-align: right; display: block;  }  #submit { text-align: right; display: block;  } #content {} } @media (max-width: 550px) {  #content h1 { margin-top: 0px; margin-bottom: 5xp;  }  #content h2 { margin-top: 0px; margin-bottom: 5xp;  }  div.row-margin-bottom { margin-bottom: 10px;  }  #pagination {  margin-bottom: 30px; }  }  @media (min-width: 400px) {}  @media (min-width: 550px) {}  @media (min-width: 750px) {}  @media (min-width: 1000px) {}  @media (min-width: 1200px) {} p.ringtone-download { text-align: center; } p.ringtone-download button { margin: 10px; } footer { width: 100%; background-color: #2980b9; display: block; padding-top: 50px; padding-bottom: 50px; margin-top: 50px; }  footer * { color: #fff!important; } footer input[type="text"] { float: left;  margin-right: 5px; }  footer input[type="text"], footer input[type="submit"] { background-color:#2980b9;  border: 1px solid #fff;  } footer input[type="submit"]:hover, footer input[type="submit"]:focus{  border-color: #fff;  outline: 0; } #amztop,#amzbtm { text-align: center; } #amztop iframe,#amzbtm iframe { margin: 15px auto 0 auto; width: 120px; } @media (min-width: 720px) { #amztop { position: relative; } #amztop iframe { margin: 0; position: absolute; left: 50%; margin-left: -60px; } } #crumps { color: #2980b9; margin-top: 30px; margin-bottom: 30px; } #crumps * { color: #2980b9; } .social { text-align: center; } #social a,.social a { display: inline-block; color: #fff; text-decoration: none; line-height: 35px!important; font-family: "fontello"; font-size: 22px; margin-left: 3px; padding: 10px; color: #2980b9 } #social div { text-align: right; } @media all and (max-width: 720px) { #extra { display: none; } #content h1 { margin-top: 10px;  }  #wrapper { } #header,#header .row { margin: 0; padding: 0; width: 100%; } } .audio-player { text-align: center; padding: 10px; } .img-responsive { max-width: 100%; height: auto; }  #klika-amz a { position: relative; display: block; margin-top: 0px; margin-bottom: 15px; text-decoration: none; padding-left: 90px; min-height: 80px; }  #klika-amz a img { position: absolute; width: 80px; left: 0px; } .anzeige { font-size: 11px; } audio, audio * { border-radius: 0!important; -webkit-border-radius: 0px!important; } p.abo { text-align: center; } p.abo a { color: #cc0000; background: url(images/yt.png) no-repeat top right; padding: 0px 40px 0px 0px ; text-decoration: none; font-weight: bold; }