/* Wired Modification */

.site-main {margin-top: 0px;}
.wired.wired-logo { margin-left: 42px; }
.site-header .header-tag { margin-left: 30px; color: #FFF;}
.transparent .hero-content {background-color: transparent; }
.ce-hero {overflow: hidden; height: 720px;}
.ce-hero .hero-title { color: #FFF;}
.ce-hero .hero-wrapper { height: 533px; }
.ce-hero .hero-tag { vertical-align: text-bottom; font-family: "ProximaNova Regular",Helvetica,sans-serif; font-weight: 500;}

.article-credits { color: #FFF; font-family: "ProximaNova Regular",Helvetica,sans-serif; line-height: 1.2; text-transform: uppercase;}

/* Slider controls*/
.vertical-align { top: 79%; }
.slider-controls .vertical-align {top: 77%;}

h2 {margin-top: 0;}
.article-excerpt { padding-bottom: 70px; margin-bottom: 0; }
.article-slider .slider-items { width: 16000px;} /* Damit mehr als 6 Slider reinpassen */
.article-slider .slider-item { max-width: 800px; }
.article-content {background-color: #ece2dd;}
.comments .article-full {font-size: 95%; margin-bottom: 20px;}
.comments .article-full p {margin-bottom: 30px;}
.comments-items { border-top: none;}

.article-excerpt .expert-initial {   padding: 10px 28px 0;}

/* Scrolly CSS */
a.longtext:hover {text-decoration: none;}
.paddingTop {padding-top: 40px;}
#bgHeader {position: absolute; top: 0; left: 0; background-color: transparent; width: 100%;}
.bgHeaderImage {display: block; width: 100%; height: auto; }
.bgHeaderVideo {opacity: 1; width: 100%; height: auto;}
#sliderTop{display: none;}

/* sliderTop Firefox Mac */
#sliderTop {margin: 0;}
#sliderTop.article-slider .slider-item { margin-right: 0 !important;}
#sliderTop.article-slider .slider-items { margin: 0; }
#sliderTop .vertical-align {top: 93%;}

/* .edgeWrapper iframe {pointer-events: none;} */

.down-arrow { background-color: #000;
    cursor: pointer;
    height: 50px;
    line-height: 50px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    width: 50px;
    z-index: 500;
    margin: 0 auto;
}

#credits {
	color: #FFF;
	font-size: 100%;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
	padding: 0 3%;
    font-family: "ProximaNova Regular",Helvetica,sans-serif;
    text-align: center;
    text-transform: uppercase;
    line-height: 1.35em;
}

#credits h2 {
	text-align: center;
	text-transform: uppercase;
	font-size: 130%;
	text-decoration:underline;
}


/* waypoint notifications, for test only */
.notifications-wrapper {
  height: 0;
  left: 0;
  overflow: visible;
  position: fixed;
  right: 0;
  top: 40%;
  z-index: 2000;
}

.notifications {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  margin: 0 auto;
  width: 420px;

}
.notifications > p {
    background: none repeat scroll 0 0 #e2eaf2;
    border-top: 1px solid #c5d5e5;
    color: red;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 32px;
    margin: 0;
    text-align: center;
}


/* edge responsive */

.edgeWrapper{
    position: relative;
    height: 0;
    background-color: rgba(0,0,0,0.04);
}
.edgeWrapper iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border: none;
}

#edge1Container {max-width: 493px !important; display: none;}
.edge1Size {width: 493px; height: 540px;}
.edge1Ratio { padding-bottom: 109.53%; }

#edge2Container {max-width: 660px; display: none; }
.edge2Size {width: 660px; height: 660px;}
.edge2Ratio {
    padding-bottom: 100%;
}
#edge2Container iframe html body {overflow: hidden;}

/* Video responsive */
.videoWrapper {
    position: relative;
    height: 0;
}

.videoWrapper object,
.videoWrapper embed,
.videoWrapper video,
.videoObject {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.wideScreen {
    padding-bottom: 56.25%;
}

.fourBYthree {
    padding-bottom: 75%;
}

.chrome_25 {
    padding-top: 25px;
}

.chrome_35 {
    padding-top: 35px;
}


/* von THOMAS */

/* Header */
.ce-hero {
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
}
.article-date-author {
    color: #FFF;
}
.article-credits a {
    text-shadow: none;}
.share {
    color: #fff;
}

/* Comments */
.comments-control {
    border-bottom: 1px solid #000;
}
.comments-items {
    border-bottom: 1px solid #000;
}
.comments-control:hover {
    background-color: rgba(0, 0, 0, 0.04);
}
.comments .article-full {
    padding: 0 2.5%;
}
.comments-items {
    background: rgba(0, 0, 0, 0.04);
}
.comments-items .item {
    padding-top: 40px;
    margin-top: 0;
}


/* MEDIA QUERIES /////////////////////////////
*/
/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 640px) {
    .bgHeaderImage {display: block;}
    .bgHeaderVideo {display: none;}
    #credits {display: none;}
    #edge1 {display: none;}
    .edge1Ratio { padding-bottom: 118.53%; }
    #sliderTop{display: block;}
    #edge1Container { max-width: 313px !important; }
    #sliderTop .slider-controls {display: block;}
    #sliderTop .vertical-align {top: 93%;}
    #sliderTop.article-slider { overflow: hidden;}
    #sliderTop.article-slider {margin-bottom: 0 !important; background-color: transparent !important;}
    #sliderTop.article-slider .slider-items {margin: 0;}
    #sliderTop.article-slider .slider-item { width: 313px !important; margin-right: 0 !important; }

    .comments-control .comments-right { width: 86%; }
    .comments-control .comments-left { width: 10%; }
    .comments-control .comments-count { font-size: 16px; font-weight: normal; padding-left: 15px; }
    .comments-control .comments-toggle { padding-right: 10px; }

}

@media only screen
and (min-device-width : 360px)
and (max-device-width : 640px) {
    #edge1Container { max-width: 330px !important; }
    .edge1Ratio { padding-bottom: 109.53%; }
    #sliderTop.article-slider .slider-item { width: 330px !important; margin-right: 0 !important;}
}