/*
Styles by Dockschiff Digital
- Responsive -
*/


@media screen and (max-width: 768px)  {

    body { font-size: 18px; }
    .content { padding-bottom: 40px; padding-top: 40px; }
    .page-template-template-startseite .content { padding-top: 0px; padding-bottom: 0px; }
    .start-content h1 { font-size: 1.4rem; }
    .h1, h1 { font-size: 2rem; }
    .logo-unterseiten, .header-logo img { height: 40px; margin-bottom: 20px; }
    .header-login { padding: 0 20px 0 0px; }
    .wpml-ls-legacy-list-horizontal { padding-right: 10px; }
    .header-top a, a.wpml-ls-link { font-size: 14px; }
    #account-nav a.account-nav-link span { display: none; }
    ul#account-nav { position: absolute; top: 5px; right: 5px; }
    #account-nav li { padding-right: 0px; padding-left: 10px; }
    .start-content { padding-top: 60px; }
    .nav-toogle { padding-right: 10px; }
    .off-canvas { width: 80%; padding: 20px; }
    .ausr-single { margin-right: 10px; width: 100px; }
    .start-video-area { height: 250px; }
    .start-video-overlay { background: rgba(20, 31, 54, 0.15); width:100%; height:100%; }
    #teaserkacheln, #start-news-teaser { padding: 40px 0 0 0; }

    a.btn-default, button.btn-default {font-size: 14px; }
    #cta-start { padding-top: 15px; }
    #cta-start.more-padding { padding-bottom: 15px; }
    .cta-slide-inner { text-align: center;}
    .cta-text { font-size: 16px; }
    .cta-button { flex: auto; }

    .single-gewinner-teaser { padding-top: 40px; padding-bottom: 40px; }
    .single-gewinner-teaser .btn-default { margin-bottom: 20px; }
    .single-gewinner-teaser .winner, .dcp-info-box, .page-template-template-gewinner .winner, .page-template-template-nominierte .winner  { border: 1px solid #273644; margin-bottom: 20px;  }
    .dcp-info-box { margin-top: 40px; }
    .related-title { margin-bottom: 20px; }
    .gewinner-top-inner { padding-bottom: 20px; }
    .gewinner-top-column {height: 60px; margin-top: 5px; padding: 10px 0 10px;}
    .gewinner-top .awards .cat {width: 40px; height: 40px;}
    #gewinner-top-awards{height: 40px; bottom: 0px; position: relative;}
    .gewinner-top-column h1{position: relative; bottom: 0px; margin-top: 10px; font-size: 22px; line-height: 1.4;}
    #gewinner-meta label:not(:first-child) {margin-top: 20px;}

    .single-teaser-news {margin-bottom: 34px; }
    .news-teaser-top { margin-top: 0px; margin-bottom: 20px; }
    .news-image { margin-bottom: 15px; }
    #start-news-teaser h2 { font-size: 35px; }
    #start-news-teaser h3 { font-size: 22px; margin-bottom: 20px; }
    .news-teaser { margin-bottom: 10px; }

    #reminder-einreichen { padding: 40px 0; }
    #reminder-einreichen h2 { margin-bottom: 20px; }
    .re-claim { margin-bottom: 0px; }
    #reminder-einreichen .grid-padding-x>.cell { padding-left: 0; padding-right: 0; }
    .partner-text { margin-bottom: 20px; text-align: center; }
    #footer-main { padding: 40px 0; }
    .footer-logo { margin-bottom: 40px; }
    #footer-main h4, .fi-text { margin-bottom: 10px; }
    .single-fm { margin-bottom: 30px; }
    .single-fm:last-child { margin-bottom: 0px; }
    ul#footer-links span { display: none; }
    ul#footer-links.menu { flex-wrap: inherit; }
    .social { margin-bottom: 20px; float: left; }
    .social a { float: left;  }

    #pageheader { padding: 20px 0; }
    #pageheader h2, h1.page-title-preis { font-size: 28px; margin-bottom: 20px; }
    #preis-seiten h2 { font-size: 24px; }
    #pageheader .ph-kurztext { height: auto; }

    #preis-nav-container { padding-bottom: 20px; }
    .img-preis img { height: 180px; margin-bottom: 20px; }

    .single-ausrichter { padding: 20px; }
    .ausr-logo { margin-bottom: 20px; }
    #lr { padding-top: 20px; padding-bottom: 20px; }
    .single-lr { margin-bottom: 40px; }

    #jury { margin: 40px 0 0px 0; }
    .jury-titles h3 { margin-bottom: 40px; }
    .hj-image { margin-bottom: 10px; height: 350px; }
    .hj-name, .hj-position { font-size: 18px; }
    .hj-name { margin-bottom: 5px; }
    .hj-position { padding-bottom: 10px; }

    .preis-download { padding: 20px; text-align: center; }
    .preis-download i { margin: 0 0 20px 0; }
    .zi-dl-text { font-size: 18px; margin-bottom: 20px;  }

    #preis-nav { display: none; } .preis-nav-select { display: block; }

    #news-list, #news-featured { padding-bottom: 40px; padding-top: 40px; }
    #news-featured h3 { font-size: 24px; }
    #news-list h2 { margin-bottom: 40px; }
    #news-list h3 { margin-bottom: 10px; }
    #news-list .news-date, #news-featured .news-date { margin-bottom: 10px; }
    #news-list .news-teaser { margin-bottom: 20px; }
    .news-teaser { margin-bottom: 20px; }
    .news-image-wrapper img { height: 160px; }
    .page-navigation { padding-top: 20px; }
    #blog-single h1 { font-size: 28px; margin-bottom: 15px; }
    #infobox-dcp { padding: 40px 0; }
    #infobox-dcp img { width: 50%; display: block; margin-bottom: 40px; }
    #infobox-dcp h2 { margin-top: 40px; margin-bottom: 20px; font-size: 22px; }
    .pagination li { display: inline-block; }
    .news-infos {margin-top: 40px; }
    ul.keyfacts { padding: 20px 20px 20px 40px; margin-bottom: 20px;  }
    #news-list .btn-default {float: left; }

    .page-template-template-gewinner .content, .page-template-template-nominierte .content { padding-top: 20px; }
    .page-template-template-gewinner .page-title, .page-template-template-nominierte .page-title { margin-bottom: 20px; }
    #gewinner-nominierte .cell { margin-bottom: 20px; }

    #gewinner-filter { flex-direction: column; align-items: stretch; gap: 20px; padding: 20px; border-radius: 20px; margin-bottom: 40px; }
    .filter-block { width: 100%; }
    .filter-select-wrapper { width: 100%; }
    .filter-divider { display: none; }
    .search-wrapper { width: 100%; margin-left: 0; height: 52px; }
    .search-wrapper input { font-size: 15px; }
    .post-not-found { text-align: center; padding-bottom: 40px; padding-top: 40px; }
    .post-not-found .text-right { text-align: center; }
    .header-top { padding-bottom: 10px; }
    .gewinner-top { height: 260px; }
    .gewinner-top h1 { font-size: 25px; }
    h1.dcp-dot::before, h2.dcp-dot::before, h3.dcp-dot::before, h4.dcp-dot::before, h5.dcp-dot::before, h6.dcp-dot::before { width: 1.5rem; height: 1.5rem;}
    .page-template-template-presse .main {margin-bottom: 40px; }
    h3.headline-account-contact { font-size: 20px; margin-top: 40px; }
    #einreichen-kontakt { margin-bottom: 40px; }

    #einreichungen .einreichung {padding: 20px;}
    #einreichungen .einreichung .image{margin-bottom: 20px;}
    #einreichungen .einreichung .actions a.pdf-link {margin-left: 0px;}
    #einreichungen .einreichung .text .date {position: relative;}
    #einreichungen .einreichung .actions {text-align: left;width: fit-content;margin-top: 20px;display: inline-block;}
    #einreichungen .einreichung .actions-wrapper {position: relative;height: 100%;padding-right: 0px;text-align: left;min-height: 0px;}
    #einreichungen .einreichung .status { position:relative; bottom:0px; float:right; display:block; margin-top:20px; }
    #einreichungen .einreichung .status .circle-wrapper { height:30px; width:30px; position:relative; float:right; }
    #einreichungen .einreichung .status i::before { font-size:14px; }
    #einreichungen .einreichung-button-wrapper a.btn-cta-btn { width:100%; text-align:center; }
    #einreichungen .einreichung .status .circle-wrapper i { top: 31%; }
    .cta-account { padding: 15px; margin-top: 20px; margin-bottom: 0px; font-size: 16px;  }
    .page-template-template-auth .page-title { margin-bottom: 20px; }
    .login-bild { margin-top: 40px; }

    #timeline { padding-top: 40px; }
    .tl-line-full { display: none; }
    .tl-item { flex-direction: column; align-items: center; margin-bottom: 40px; }
    .tl-left { width: auto; margin-bottom: 25px; }
    .tl-number { width: 56px; height: 56px; font-size: 20px; transform: scale(1); }
    .tl-right { width: 100%; margin-left: 0; padding: 20px; border-radius: 20px; }
    .tl-title { font-size: 18px; }
    .tl-date { font-size: 15px; margin: 6px 0 14px; }
    .tl-descr { font-size: 16px; line-height: 1.5; }

    #teilnehmen.content h2 { font-size: 25px; }
    #teilnehmen.content  #teilnahmebedingungen h2 { text-align: left; margin-bottom: 40px; }
    #teilnahmebedingungen { margin-top: 0px; margin-bottom: 0px; text-align: center; }
    #teilnahmebedingungen .btn-default { margin-top: 20px; }
    #akkordeon .accordion-title h3, #einreichen-steps .accordion-title h3, #kategorien .kat-head h3 { font-size: 16px; }
    .einreichen-cta-box { padding: 25px; }
    #einreichen-cta .text-right { text-align: left; }
    #einreichen-cta .btn-default { margin-top: 20px; }
    #einreichen-steps { margin-top: 40px;}
    #teilnehmen.content #einreichen-steps h2 { margin-bottom: 40px; }
    #kategorien .kat-icon img { width: 35px; height: 35px; }
    #akkordeon .accordion-title, #kategorien .accordion-title, #einreichen-steps .accordion-title { padding: 15px 15px; }

}