/*  
 * Theme Name: uploadcenter
 * Version: 1.00
 * Author: Dirk Koester
 * Description: Basis-Theme für ZDF uploadcenter
 * Tags: uploadcenter
*/

/* -----------------------------------------------------------------------------
 * Reset
 * ---------------------------------------------------------------------------*/ 
* {margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
article, aside, details, figcaption, figure, footer, header, nav, section, summary {display: block;}
audio, canvas, video {display:inline-block;}
audio:not([controls]) {display:none; height:0;}
b,strong {font-weight:bold;}
small {font-size:smaller;}
code, kbd, pre, samp {font-family:monospace, serif;font-size:14px;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;}
pre {background:#f5f5f5;color:#666;font-family:monospace;font-size:14px;margin:20px 0;overflow:auto;padding:20px;white-space:pre;white-space:pre-wrap;word-wrap:break-word;}
html {font-size: 100%;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
img {-ms-interpolation-mode: bicubic;border: 0;vertical-align: middle;width: 100%;max-width:100%;height:auto;display:block;}
svg:not(:root) {overflow: hidden;}
blockquote, q {-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;quotes:none;}
textarea {overflow:auto;vertical-align:top;}
table {border-collapse:collapse;border-spacing:0;width:100%; }
sub,sup {font-size:75%;line-height:0;position:relative;vertical-align: baseline;}
sup {top:-0.5em;}
sub {bottom:-0.25em;}
ul,ol {list-style:none;list-style-image:none;}
button, html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance:button;cursor:pointer;}
button[disabled],input[disabled] {cursor: default;}
button::-moz-focus-inner,input::-moz-focus-inner {border:0;}
input[type="search"]::-webkit-search-decoration {-webkit-appearance:none;}
*::-moz-focus-inner {border:0 none;}
:active, *:focus {outline:medium none;}
iframe {border:0; border:none; margin: 0; overflow:hidden;}
fieldset {border:none; border: 0;}
input {border-radius:0;}
.zdfplayer .scrubBar canvas {display:block}
img.aligncenter {margin:0 auto;}


/* -----------------------------------------------------------------------------
 * Font
 * ---------------------------------------------------------------------------*/ 
@font-face{font-family:"ZDFType Light";src:url("/font/ZDFType-Light.woff2") format("woff2"),url("/font/ZDFType-Light.woff") format("woff"),url("/font/ZDFType-Light.eot?#iefix") format("eot"), url("/font/ZDFType-Light.ttf") format("truetype");}
@font-face{font-family:"ZDFType Bold";src:url("/font/ZDFType-Bold.woff2") format("woff2"),url("/font/ZDFType-Bold.woff") format("woff"),url("/font/ZDFType-Bold.eot?#iefix") format("eot"), url("/font/ZDFType-Bold.ttf") format("truetype");}


/* -----------------------------------------------------------------------------
 * Basic Styling
 * ---------------------------------------------------------------------------*/ 
html {height: 100%;}
body {font-family:"ZDFType Light",sans-serif;font-weight:normal;color:#34393F;background-color:#e8e8e8;overflow-x:hidden;overflow-y:scroll;max-width:1920px;margin:0 auto;} 
*::-moz-selection {background-color: #fa7d19;color: #FFFFFF;}
**::selection{background-color:#fa7d19;color:#FFFFFF;}
hr {border:none;border-top:4px dotted #DDD;}
a {text-decoration:underline;color:#34393F;text-decoration-color:#fa7d19;}
a:hover {text-decoration:underline;}
p a {color:#fa7d19;}


/* -----------------------------------------------------------------------------
 * Headings
 * ---------------------------------------------------------------------------*/
h1,h2,h3,h4,h5,h6 {font-family:"ZDFType Bold",sans-serif;font-weight:400;}
h1 {font-size:21px;}
h1 span.light {font-family:"ZDFType Light";}
h2 span.light {font-family:"ZDFType Light";}


/* -----------------------------------------------------------------------------
 * Helpers
 * ---------------------------------------------------------------------------*/ 
.ia {cursor: pointer;}
.fl, .fr {display: inline-block;}
.fl {float: left;}
.fr {float: right;}
.cl {clear: both;}
.clearfix:after {content:".";clear:both;display:block;visibility:hidden;height:0px;}


/* -----------------------------------------------------------------------------
 * Images
 * ---------------------------------------------------------------------------*/ 
img.center {width:auto;margin:0 auto;}
img.auto, img.size-thumbnail, img.size-medium {width: auto; height: auto;}
img.alignleft {float:left; margin: 0 20px 0 0;}
img.alignright {float:right; margin: 0 0 0 20px;}


/* -----------------------------------------------------------------------------
 * Header
 * ---------------------------------------------------------------------------*/ 
header {overflow:hidden;position:fixed;top:0;left:0;width:100%;z-index:60;}
#gd-header-inner {position:relative;max-width:1920px;width:100%;margin:0 auto;height:80px;background-color:#34393F;color:#ffffff;padding:23px 15px 0 15px;}
#gd-header-left, #gd-header-left-single {position:absolute;left:15px;}
#gd-header-left a img, #gd-header-left-single a img {width:58px;}
#gd-header-center, #gd-header-center-single {width:100%;text-align:center;}
#gd-header-center a, #gd-header-center-single a {color:#FFFFFF;}
#gd-header-right {position:absolute;right:15px;min-width:20%;top:23px;}



/* -----------------------------------------------------------------------------
 * Section 
 * ---------------------------------------------------------------------------*/ 
section.gd-container-light {background-color: #ffffff;}
section.gd-container-gray {background-color: #E8E8E8;}
section.gd-container-dark {background-color: #34393f;}
section.gd-container {position:relative;width:100%;z-index:51;}
section.gd-container-inner {margin:0 auto;width:100%;max-width:1280px;}


/* -----------------------------------------------------------------------------
 * Article - Teaser
 * ---------------------------------------------------------------------------*/ 
article {max-width:750px;margin:0 auto;}
article.gd-article-teaser {float:left;background-size:cover;position:relative;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
article.gd-article-teaser:hover{-webkit-transform:scale(1.055);transform:scale(1.055);}

.gd-teaser-box {width: 100%;bottom: 0;padding:0 4.16%;background-color: #ffffff;}
.gd-teaser-box h2 {padding-top:16px;}
.gd-teaser-box h2 a {color: #434343;}
.gd-teaser-box p {font-size: 18px; line-height: 26px;}
.gd-teaser-date, .gd-teaser-time {font-size: 14px; position: absolute; bottom: 3px;}
.gd-teaser-box h4 {font-size: 14px;line-height: 22px;font-weight: normal;padding-top: 16px;color: #fa7d19;}
.gd-teaser-box h2 {font-size: 22px;line-height: 30px; padding-bottom: 4px;}
.gd-teaser-box {height: 65px;}


/* -----------------------------------------------------------------------------
 * Category Page - Übersichtsseite
 * ---------------------------------------------------------------------------*/ 
section#gd-category-teaser {padding-top:30px;}
header#gd-category-header {position:relative;width:100%;background-repeat:no-repeat;background-size:cover;background-position:right;}
#gd-category-header-box {background-color:#000;background-color:rgba(0,0,0,0.75);padding:25px 20px;}
#gd-category-header-box h1 {color:#FFFFFF;text-align:center;}
#gd-category-header-box p {color:#FFFFFF;padding-top:8px;}

.gd-category-object {padding:0 16px 16px 16px;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;}
.gd-category-object:hover {-webkit-transform:scale(1.055);transform:scale(1.055);}
.gd-category-object-content {background-color:#FFFFFF;padding:25px 20px;min-height:205px;}
.gd-category-object-content h3 {font-size:22px;font-family:"ZDFType Bold";}
.gd-category-object-content h3 a {color:#34393F;}
.gd-category-object-content p {font-size:18px;font-family:"ZDFType Light";line-height:25px;}
.gd-category-link a {font-size:18px;font-family:"ZDFType Bold";color:#34393f;}


/* -----------------------------------------------------------------------------
 * Beitragsseite
 * ---------------------------------------------------------------------------*/ 
.gd-container-page {width:100%;position:relative;}
.gd-single-navigation {margin:0 auto;}
.gd-single-meta {margin:0 auto;max-width:750px;}
.gd-article-header-single h2 {font-size:30px;line-height:30px;}
article.gd-article-single {font-size:21px;line-height:31px;max-width:750px;}
article.gd-article-single img {width:auto;}

.gd-nav {width:40px;height:50px;}
.gd-post-next {background-image: url("/img/arrow-left.png");background-size:40px 50px;}
.gd-post-prev {background-image: url("/img/arrow-right.png");background-size:40px 50px;}



/* -----------------------------------------------------------------------------
 * Article - Post
 * ---------------------------------------------------------------------------*/ 
.wp-caption.alignleft {float: left; margin: 4px 24px 0px 0;}
.wp-caption.alignright {float: right; margin: 4px 0 0px 24px;}
p.wp-caption-text {font-size: 16px; line-height: 24px; font-style: italic; width: auto!important;}

.gd-article-header-single h4 {font-size: 21px; line-height: 35px;color: #fa7d19;}
.gd-article-header-single h3 {font-size: 29px; line-height: 32px;}
.gd-article-header-single .gd-teaser-date-single {font-size: 22px; line-height: 44px; padding-top: 44px;}
.gd-post p {font-size: 24px; line-height: 35px;}
span.guillemet {font-size: 23px;}

.gd-post li, article.gd-article-single li {list-style:disc;margin-left:32px;padding-left:8px;}
.gd-post ul, article.gd-article-single ul {padding:16px 0;}
ul li.Text {list-style:disc;margin-left:20px;}
article p {padding-bottom:24px;}


/* -----------------------------------------------------------------------------
 * Footer
 * ---------------------------------------------------------------------------*/ 
#gd-footer {background-color:#25292E;color:#ffffff;padding:0;position:relative;height:53px;width:100%;}
#gd-imprint-list {margin:0 auto;}
#gd-imprint ul li {display:inline-block;line-height:50px;}
#gd-imprint a {color:#fff;font-size:14px;}


/* -----------------------------------------------------------------------------
 * Bilder-Galerien
 * ---------------------------------------------------------------------------*/ 
#gallery-1 img {border:none !important;}
#gallery-1 .gallery-item {margin: 0px !important;padding: 0 5px 5px 0;} 


/* -----------------------------------------------------------------------------
 * 404
 * ---------------------------------------------------------------------------*/ 
p#p404 {text-align: center; font-size: 333px; line-height: 333px; padding: 200px 0;}



/* -----------------------------------------------------------------------------
 * Formulare
 * ---------------------------------------------------------------------------*/ 
label {font-family:"ZDFType Light";}
input {height:40px;line-height:40px;}
input, textarea {width:100%;max-width:750px;font-family:"ZDFType Light";border:0 none;color:#34393f;margin:0;padding:2px 48px 2px 16px;font-size:21px;margin-bottom:10px;}
textarea {overflow:auto;resize:none;outline:none;min-height:160px;line-height:27px;}
input[type=button] {color:#FFFFFF;background-color:#fa7d19;border-radius:4px;font-family:"ZDFType Bold";padding:0px 16px;font-size:17px;}
input[type=button]:hover {text-decoration:underline;}
input[type=checkbox] {border:0;height:16px;width:16px !important;-webkit-appearance: checkbox !important;}
select {-moz-appearance: none;-webkit-appearance: none;appearance: none;border:none;width:100%;-moz-padding-start: calc(10px - 3px);padding-left: 10px;font-size: 16px;outline:none;cursor:pointer;line-height:40px;border: 1px solid #999999;background-color:#FFFFFF;}
.nf-row {margin-bottom:20px;}





/* -----------------------------------------------------------------------------
 * Ninja Forms Overwrite
 * ---------------------------------------------------------------------------*/ 
.label-above .nf-field-label {margin-bottom:0px !important;}
.nf-field-label label {font-weight:400 !important;}
.files_uploaded {font-size:17px;}
.nf-form-content .nf-field-container #nf-field-37-wrap {background-color:transparent !important;}
button.nf-fu-fileinput-button {color:#FFFFFF;background-color:#fa7d19;border-radius:4px;font-family:"ZDFType Bold";padding:0px 16px;font-size:17px;border:0;line-height:40px;}
button.nf-fu-fileinput-button:hover {text-decoration:underline;}
.nf-fu-progress {background-color:#e8e8e8 !important;border-radius:0px !important;box-shadow:none !important;height:10px !important;}
input[type=file] {padding:0;margin:0;}
.nf-fu-progress-bar {background-color:#fa7d19 !important;}
#ninja_forms_required_items, .nf-field-container, .nf-fu-progress {margin-bottom:8px !important;}
.files_uploaded p {padding:0 !important;}
.files_uploaded {position:absolute;top:0;right:0;}
.nf-error-msg, .ninja-forms-req-symbol {color:#fa7d19 !important;}
.nf-error.listimage-wrap .nf-field-element ul, .nf-error .ninja-forms-field {border:1px solid #fa7d19 !important;}




/* -----------------------------------------------------------------------------
 * Media Queries
 * ---------------------------------------------------------------------------*/ 

/* Nur Phone */
@media screen and (max-width:760px)
{
  body {font-size:17px;line-height:23px;} 
  header h1 {font-size:18px;}
  .gd-article-header-single h2 {font-size:31px;line-height:33px;padding:16px 0 16px 0;}
  header#gd-category-header {height:300px;background-position:center;}
  #gd-category-header-box {margin:118px auto 0;width:100%;height:145px;background-color:#5c6166 !important;position:absolute;bottom:0px;}
  #gd-category-header-box h1 {font-size:26px;}
  #gd-category-header-box p {font-size:18px;line-height:22px;text-align:center;}
  h2#intro-teaser {padding:32px 0 25px 1%;}
  h2 {font-size:26px;}
  #gd-imprint ul li {padding:0 8px;}
  #gd-imprint-list {max-width:252px;}
  
  /* Article Teaser 1x */
  article.gd-article-teaser {width:98%;margin: 1.0% 1.0% 4.2% 1.0%;}
  
  /* Page */
  .gd-container-page {padding:92px 4.2% 100px 4.2%;}
  
  /* Pagination */
  .gd-nav {position:relative;margin-top:16px;}
  .gd-post-prev {float:right;margin-left:auto;}
  .gd-post-next {margin-right:auto;}
  
  /* Search */
  .gd-search-object {width:100%;}
  
  /* Article Teaser */
  .gd-category-object {width:100%;}
  
  /* Section */
  section#gd-first-container-page {padding: 16px 0 0 0;} 
  header + section#gd-first-container {padding: 16px 0 0 0;} 
  section.gd-container-inner {padding:0 2.3%;}
  section.gd-container {padding:0 0 16px 0;}
}

/* Ab Pad */
@media screen and (min-width:761px)
{
  header h1 {font-size:24px;}
  .gd-article-header-single h2 {font-size: 45px; line-height: 53px;padding:16px 0 24px 0;}
  h2 {font-size:30px;}
  h2#intro-teaser {padding: 50px 0 25px 1%;}
  #gd-imprint ul li {padding:0 20px;}
  #gd-imprint-list {max-width:325px;}
  
  /* Pagination */
  .gd-nav {position:absolute;position:fixed;}
  .gd-post-prev {right:16px;top:45%;}
  .gd-post-next {left:16px;top:45%;}
}

/* Phone + Pad */
@media screen and (max-width:1100px)
{
  /* Navigation */
  #gd-hamburger {display:block;z-index:999;}
  span.gd-search-label {display:none;}
  #gd-header-center-single {display:none;}
  #gd-header-left-single {width:58px;margin:0 auto;display:block;position:relative;}
  #gd-header-left-single a {display:block;width:58px;margin:0 auto;}
  #gd-header-left-single a img {margin:0 auto;}

  /* Navigation */
  #gd-container-single-navigation {display:none;}
  #gd-container-single-navigation.show {display:block;}
  #gd-single-cat-image {display:none;}
  .gd-single-navigation {width:100%;}
  navigation#gd-navigation {max-width:100%;margin-bottom:32px;}
  
  /* Article */
  .gd-single-article {width:100%;}
  .gd-single-meta {width:100%;margin-top:32px;}
  section#gd-first-container-page {padding: 32px 0 0 0;} 
  header + section#gd-first-container {padding: 32px 8px 0 8px;} 
}

/* Nur Pad */
@media screen and (min-width:761px) and (max-width:1100px)
{
  body {font-size:19px;line-height:25px;} 
  
  /* Header */
  header#gd-category-header {height:275px;}
  #gd-category-header-box {margin:118px auto 0;width:375px;height:145px;}
  #gd-category-header-box h1 {font-size:26px;}
  #gd-category-header-box p {font-size:18px;line-height:22px;}
    
  /* Article Teaser 2x */
  article.gd-article-teaser {width:48%;margin: 1.0%;}
  
  /* Page */
  .gd-container-page {padding:130px 64px 100px 64px;}
  
  /* Search */
  .gd-search-object {width:50%;}
  
  /* Article Teaser */
  .gd-category-object {width:50%;}
  
    /* Section */
  section.gd-container-inner {padding:0 16px;}
  section.gd-container {padding:0 8px 24px 8px;}
}

/* Ab Desktop */
@media screen and (min-width:1101px)
{
  body {font-size:21px;line-height:27px;} 
  
  /* Header */
  header#gd-category-header {height:380px;}
  #gd-category-header-box {margin:195px auto 0;width:400px;height:175px;}
  #gd-category-header-box h1 {font-size:30px;}
  #gd-category-header-box p {font-size:22px;line-height:27px;}
  
  /* Article Teaser 3x */
  article.gd-article-teaser {width:31.333333%;margin:1.0%;}
  
  /* Navigation */
  #gd-container-single-navigation, #gd-container-single-navigation.show {display:block !important;}
  #gd-single-cat-image {display:block;}
  .gd-single-navigation {width:20%;}
  navigation#gd-navigation {max-width:280px;}
  
  /* Page */
  .gd-container-page {padding:130px 64px 100px 64px;}
  
  /* Article */
  .gd-single-article {margin:0 auto;max-width:820px;}
  .gd-single-meta {width:24%;}
  
  /* Article Teaser */
  .gd-category-object {width:33.3333333%;}
  
  /* Search */
  .gd-search-object {width:33.3333333%;}
  
    /* Section */
  section.gd-container-inner {padding:0 32px;}
  section.gd-container {padding:0 16px 42px 16px;}
  section#gd-first-container-page {padding: 48px 16px 0 16px;} 
  header + section#gd-first-container {padding: 48px 16px 0 16px;} 
}