* {
    -webkit-tap-highlight-color: rgba(0,0,0,0); /* make transparent link selection, adjust last value opacity 0 to 1.0 */
	margin:0px; padding:0px;
	font-family:'Segoe UI', 'HelveticaNeue-Light', 'HelveticaNeue', Helvetica, Arial, sans-serif;
}

/* Prevent CSS Fontsize Changes for Viewport */
body, html , * {  text-size-adjust:none; -ms-text-size-adjust:none;  -moz-text-size-adjust:none; -o-text-size-adjust:none; -webkit-text-size-adjust:none; max-height:99999px; }
div {-webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-focus-ring-color: rgba(255, 255, 255, 0); -webkit-tap-highlight-color: transparent; outline: none;}

body {
    -webkit-touch-callout: none;                /* prevent callout to copy image, etc when tap to hold */
    -webkit-text-size-adjust: none;             /* prevent webkit from resizing text to fit */
    -webkit-user-select: none;                  /* prevent copy paste, to allow, change 'none' to 'text' */
    background-color:#FFFFFF;
    font-size:15px;
    height:100%;
    margin:0px;
    padding:0px;
    width:100%;
}

a { text-decoration:none; }
a:hover { text-decoration:underline; }
input, select { border-width:0px; padding:5px; font-size:16px; }
ul.p, ul.k, ul.rp, ul.t { list-style-type:none; margin-top:10px; }
ul.p li, ul.rp li, ul.k li, .back, .more { float:left; position:relative; padding:5px; padding-right:0px; margin:5px; margin-left:0px; margin-right:20px; font-weight:500; font-size:14px; height:22px; line-height:22px; vertical-align:center; background-color:#AA0000; color:white; cursor:pointer;  }
.us .more { background-color:#045dc0; }
ul.p li:after, ul.k li:after , ul.rp li:after, .more:after { position: absolute; left: 100%; top: 50%; height: 0; width: 0; border: solid transparent; content: " "; border-width: 16px; margin-top: -16px; border-left-color: #AA0000; }
.us .more:after { border-left-color:#045dc0; } 
.back:after { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; 	width: 0; position: absolute; border-right-color: #AA0000; border-width: 16px; margin-top: -16px; }
.back { display:inline-block; float:none; margin-left:15px; margin-top:1em; padding-right:5px; padding-left:0px; }
h1 .back { margin-top:0px; margin-left:20px; }
ul.p li:hover, ul.k li:hover, ul.rp li:hover, .more:hover { filter:brightness(120%); -webkit-filter:brightness(120%);  }
.more_p, .more_k { display:none; }
ul.p li:not(.sel) { background-color:#390; }
ul.p li:not(.sel):after { border-left-color:#390; }
ul.k li:not(.sel) { background-color:#045DC0; }
ul.k li:not(.sel):after { border-left-color:#045DC0; }
ul.t li { float:left; padding:4px; margin:0px; margin-top:-5px; margin-bottom:5px; margin-right:10px; background-color:#eee; font-size:14px; font-weight:400; border-radius: 10px; border:1px solid white;cursor: pointer;} 
.de ul.t li { color: #a00; }
.us ul.t li { color: #015BFF; }
ul.t li:hover { background-color:#DDDDDD; }
li.sel { font-weight:bold; }
ul.rp li { font-size:18px; }
pre { white-space:pre-wrap; }

#error {  border: 2px black dashed; margin: 10px;  padding: 10px; text-align: center; padding-top: 50px; padding-bottom: 50px; }

/*Header*/
header { top:0px; left:0px; width:100%;  height:50px; line-height:30px; vertical-align:middle; padding-left:5px; color:white; overflow:hidden; z-index:1; }
.de header, .de footer { background-color:#AA0000; }
.us header, .us footer { background-color:#045DC0; }
#search { display:table; width:100%; max-width:1000px; table-layout:fixed; margin-left: auto; margin-right: auto; }
header #site, header a { display:inline; font-size:20px; font-weight:400; margin-right:10px; line-height:1em; overflow:hidden; color:white; text-decoration:none; }
#search #site, #search #center, #search #right, #search #action { display:table-cell; white-space: nowrap; overflow:hidden; vertical-align:middle; } 
#search #site { width:57px; min-width:57px; vertical-align:top; padding-top:2px; }
#search #site a { white-space:normal; font-size:15px; font-weight:200; }
header #searchdesc { position: relative; width: 97%; height: 40px; line-height:40px; vertical-align:middle; background-color: white; color: #CCCCCC; font-size: 18px; font-weight:200; padding-left:5px; overflow:hidden; }
header #searchname { position:absolute; top:0px; left:0px; font-weight:400; width:100%; font-size:20px;  background-color:transparent; }
header #searchname.filled1 {  background-color:#FFFFFF; }

#search #center { width:100%; min-width:10%; }
#search #right { width:85px; min-width:80px; }
header #searchregion { width:70px; margin-left:5px; margin-right:10px; background-color:white; }
#search #action { width:70px; min-width:70px;  }
header #searchbutton { display:inline-block; width:100%; height:50px; line-height:50px; padding:0px; text-align:center; vertical-align:middle; color:white;  background-repeat:no-repeat; background-position:center; cursor:pointer; transition: all .25s ease; }
.de header #searchbutton { background-color:#D20000; background-image:url(../img/search.png); }
.us header #searchbutton { background-color:#298EFF; background-image:url(../img/search-us.png); background-size:39px 25px; }
header #searchbutton:hover { filter:brightness(120%); -webkit-filter:brightness(120%); }
header #searchloading { width:30px; height:30px; margin:10px; margin-left:20px; margin-right:20px; vertical-align:middle; }

header #ext_header { display:none; cursor:pointer; height:100%; vertical-align:top; }
header #ext_header #ext_loading { width:18px; line-height:50px; vertical-align:middle; }
header #ext_header #ext_title { display:inline-block; max-width:80%; height:30px; margin-top:15px; vertical-align:middle; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; }

article { margin-top:20px; z-index:100; max-width:990px; margin-left:auto; margin-right:auto; }

iframe.frame { position:fixed; left:0px; top:5%; width:100%; height:95%; border-width:0px; background-color:black;}

#loading { position:fixed; top:50%; left:50%; }

#start { margin:5%; margin-top:100px; color:#AAAAAA; font-size:20px; font-weight:500; font-style:italic; text-align:center; }
#start span { color:#CC0000; }

/*Footer*/
footer { width:100%;  height:30px; line-height:30px; vertical-align:middle; padding-left:5px; margin-top:20px; }
footer #links  { width:100%; max-width:1000px; margin-left: auto; margin-right: auto; }
footer #links a { display:inline-block; margin-right:30px; color:white; font-weight:200; }

/*Results*/
#results  h1 { color:#AA0000; font-size:20px; font-weight:400; line-height:24px; margin-bottom:10px; }
#fav { color:#FFD143; font-weight:600; font-size:24px; vertical-align:bottom; cursor:pointer; }
#results h2 { color:#FFFFFF; background-color:#999999; font-size:18px; font-weight:200; text-transform:uppercase; margin-top:1.5em; line-height:30px; letter-spacing:0.3px; cursor:pointer; }
#results h2:hover { filter:brightness(120%); -webkit-filter:brightness(120%); }
#results h2 span { display:inline-block; padding:0px 5px; min-width:27px; text-align:center; }
.de #results h2 span { background-color:#AA0000; }
.us #results h2 span { background-color:#045DC0; }
#results a { display:block; text-decoration:none; font-size:16px; font-weight:500; margin-top:1em; }
.de #results a { color:#AA0000; }
.us #results a { color:#015BFF; }
.de #results li a, .us #results li a { color:white; }
#results li a { display:inline; color:inherit; font-size:inherit; font-weight:inherit; }
#results p.space { height:1em; }
#results input[type=button] { margin-top: 10px; border-radius: 10px; background-color: #EEEEEE; border-width:0px; cursor:pointer; }
.de #results input[type=button] { color: #a00; }
.us #results input[type=button] { color: #015BFF; }
#results input[type=button]:hover { background-color:#DDDDDD; }
#results #tags a { display: inline-block; font-weight: 400; padding-right: 12px; white-space: nowrap; }
#results #tags a.p { font-size:11px; }
#results #tags a.h6 { font-size:13px; }
#results #tags a.h5 { font-size:15px; }
#results #tags a.h4 { font-size:18px; font-weight: 600; }
#results #tags a.h3 { font-size:20px; font-weight: 600; }
#results figure { float:left; }
#results figure img { display:none; }

/*Ads*/
ins { text-decoration:none; }
ins .ad { float:right; left:0px; right:0px; color:#AAA; width:50px; font-size: 10px; }

.ep img, .jw img, .ae img, .sp img, .me img { margin-right:20px; vertical-align:middle; }
.ep a, .jw a, .ae a, .sp a, .me a { margin-right:5px; }
.ae a span { color:#aaa; font-size:11px; display: block; margin-top: -7px; margin-left: 50px;}
.yr { display:block; width:300px; margin-left:auto; margin-right:auto; margin-top:1em; margin-bottom:1em; }

/*Cookiebalken*/
#cookiebar {
  background-color: #fefefe;
  border-bottom: 1px solid #efefef;
  color: #b0b0b0;
  font-size: 14px;
  padding:2px;
  padding-left:10px;
  margin-bottom:5px;
  text-align:left;
  width:100%;
  height:24px;
  line-height:24px;
  vertical-align:middle;
  overflow:hidden;
}
#cookiebar input {
  background-color:#dadada;
  border-width:0;
  color:#888;
  float:right;
  margin-right:12px;
  padding:0px;
  height:24px;
  width:90px;
  cursor:pointer;
}

#cookiebar a {
  color:#888
}

/* Portrait layout (default) */
.app {
    //background:url(../img/logo.png) no-repeat center top; /* 170px x 200px */
    position:absolute;             /* position in the center of the screen */
    left:50%;
    top:50%;
    height:50px;                   /* text area height */
    width:225px;                   /* text area width */
    text-align:center;
    padding:180px 0px 0px 0px;     /* image height is 200px (bottom 20px are overlapped with text) */
    margin:-115px 0px 0px -112px;  /* offset vertical: half of image height and text area height */
                                   /* offset horizontal: half of text area width */
}

/* Landscape layout (with min-width) */
@media screen and (min-aspect-ratio: 1/1) and (min-width:400px) {
    .app {
        background-position:left center;
        padding:75px 0px 75px 170px;  /* padding-top + padding-bottom + text area = image height */
        margin:-90px 0px 0px -198px;  /* offset vertical: half of image height */
                                      /* offset horizontal: half of image width and text area width */
    }
}

/* Phone Vertical*/
@media screen and (max-aspect-ratio: 13/9) and (max-width:400px) { 
	article { margin-top:0px; }
	#results h2, #results a { margin-top:0.5em }
	.more_p, .more_k { display:block; }
	.h,.hp,.hk { display:none; }
	.de #more_p:after, .de #more_k:after { content: "Mehr..." }
	.us #more_p:after, .us #more_k:after { content: "More..." }
}

@keyframes fade {
    from { opacity: 1.0; }
    50% { opacity: 0.4; }
    to { opacity: 1.0; }
}
 
@-webkit-keyframes fade {
    from { opacity: 1.0; }
    50% { opacity: 0.4; }
    to { opacity: 1.0; }
}
 
.blink {
    animation:fade 3000ms infinite;
    -webkit-animation:fade 3000ms infinite;
}