/*
Theme Name: Hartfüssler Trail 2015
Author: meap GmbH
Author URI: http://www.meap.de
Description: Theme für den Hartfüssler Trail in der Version für das Jahr 2015
Version: 1.1
Text Domain: hartfuesslertrail2015
*/

@CHARSET "UTF-8";


/* Allgemein */
*                      { outline: 0; }
a:link,
a:active,
a:visited,
a:focus,
a:hover                { color: #fff; text-decoration: none; }
a:hover                { text-decoration: underline; }
body                   { background: #BE9D7C; color: #fff; font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: normal; margin: 0; padding: 0; }
h1,h2                  { color: #003259; font-weight: 700; margin: 10px 0; text-transform: uppercase; }
h3, h4, h5, h6         { color: #003259; font-family: 'Open Sans', sans-serif; font-weight: 400; margin-bottom: 0; text-transform: none; }
h1                     { font-size: 1.5em; }
h2                     { font-size: 1.2em; }
h3                     { font-size: 1.1em; }
h4                     { font-size: 0.9em; }
img                    { border: 0; max-width: 100%; height: auto; }
p, ul                  { margin: 0 0 20px; }
ul                     { list-style-type: square; list-style-position: outside; padding-left: 20px; }
table                  { margin: 0 0 20px; width: 100%; }
tfoot                  { font-style: italic; }
th                     { text-align: left; }
td.right,
th.right               { text-align: right; }
td.center,
th.center              { text-align: center; }
td, th                 { vertical-align: top; }
dl                     { margin: 0; }

/* Buttons */
a.btn   { background: #003259; color: black; font-weight: 700; font-size: 1.3em; padding: 3px 15px; text-decoration: none; text-transform: uppercase; }
/* Ende Buttons */

/* Header */
.pagename               { display: none; }
.subheader-mobile       { display: none; }
.pageheader .header-mobile,
.pageheader .language-box   { display: none; }
.subheader .container   { border-bottom: 4px solid #fff; overflow: hidden; padding: 15px 0; }
.menu-wrapper           { float: left; }
#menu-hauptmenue a      { color: #fff; text-transform: uppercase; }
#menu-hauptmenue        { list-style: none; margin: 0; padding: 0; }
#menu-hauptmenue li     { display: inline-block; margin-right: 20px; }
#menu-hauptmenue li.current-menu-item   { font-weight: bold; }
.register               { float: right; padding-right: 10px; }
/* Ende Header */

/* Container + Grid */
.container  { margin: auto; width: 960px; }
*[class*="col-"] {
    box-sizing: border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -moz-background-clip:padding-box !important;
    -webkit-background-clip:padding-box !important;
    background-clip:padding-box !important;
    display: inline-block !important;
    float: left;
    margin: 0 1% !important;
    padding: 0;
}
.row                { display: block; margin: 0 -1% !important; clear: both; overflow: hidden; padding: 0; }
.col-1       { width:   6.3333333333%; }
.col-2       { width:  14.6666666667%; }
.col-3       { width:  23%; }
.col-4       { width:  31.3333333333%; }
.col-5       { width:  39.6666666667%; }
.col-6       { width:  48%; }
.col-7       { width:  56.3333333333%; }
.col-8       { width:  64.6666666667%; }
.col-9       { width:  73%; }
.col-10      { width:  81.3333333333%; }
.col-11      { width:  89.6666666667%; }
.col-12      { width: 98%; }
/* Ende Container + Grid */

/* Rechte Spalte */
#col2 h1,
#col2 h2                        { color: ; font-weight: 800; font-size: 1.6em; }
#col2 h2                        { text-transform: none; }
#col2 h3                        { color: #fff; font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 1em; margin-bottom: 0; text-transform: none; }
#col2 .sidebar-right-wrapper    { padding: 0 20px 0 20px; }
#col2 .widget                   { border-top: 4px solid #fff; padding: 20px 0px 0px 0px; }
#col2 .widget:first-child       { border-top: none; padding-top: 0; }
#col2 ul                        { list-style: none; margin: 0 0 30px 0; padding: 0; }
#col2 .highlight                { font-weight: 800; font-size: 1.6em; }
#col2 .qualifying-race          { display: block; margin-bottom: 20px; max-width: 70%; }
#col2 .fb                       { max-width: 25%; }
#col2 #text-9 ul                { list-style: square outside; padding-left: 20px; }
#col2 .fr-link                  { text-decoration: none; }
#col2 #text-13                  { margin-top: 15px; }
/* Ende Rechte Spalte */

/* Footer */
.pagefooter { background: #fff; color: #000; margin-top: 30px; padding: 30px 0px; }
.pagefooter dt { color: #BE9D7C; font-weight: 700; margin-top: 10px; }
.pagefooter dd { margin: 0; }

/*.pagefooter #text-5	{ width:64%; padding-bottom:2em; }
.pagefooter #text-11 { width:64%; float:right; padding-bottom:2em; }
.pagefooter #text-11 .textwidget { width:60%; }*/

.pagefooter #text-4 img	{ width: 70%; }
.pagefooter #text-5 img	{ width: 70%; }

.pagefooter #text-5	{ width: 64.6666666667%; padding-bottom:2em; }
.pagefooter #text-11 { width:100%; float:left; padding-bottom:2em; }
.pagefooter #text-11 .textwidget {width:100%;}

.pagefooter #text-5 .textwidget > :first-child,
.pagefooter #text-11 .textwidget > :first-child{display: flex; flex-wrap: wrap; margin: -1rem;}

.pagefooter #text-11 {
	margin-top: 4rem !important;
}

.pagefooter #text-4 dl:nth-child(1) dt {
margin-top: 0;
}
.pagefooter #text-4 dl:nth-child(2) dt {
margin-bottom: 1rem;
}


 @media only screen and (min-width: 690px) {
.pagefooter #text-4 dl:nth-child(2) {
margin-top: 8rem;
}
}


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

.pagefooter #text-5 {
width: 100%
}

.pagefooter dd {
width: calc(100% / 2 - 2rem) !important;
}

.pagefooter img {
max-width: 100% !important;
}

.pagefooter .widget,
.pagefooter #text-11 {
	margin-top: 1rem !important;
}
}


.pagefooter #text-5 .textwidget dd {margin: 1rem 1rem 0 1rem; width: calc(100% / 3 - 2rem)}
.pagefooter #text-11 .textwidget dd {margin: 1rem 1rem 0 1rem; width: calc(100% / 5 - 2rem)}

.pagefooter #text-5 .textwidget dt,
.pagefooter #text-11 .textwidget dt {margin-left: 1rem; width: 100%;}
.pagefooter .textwidget dt {margin-top: 1rem;}

/*.pagefooter dd .rag { float:left; width:27%; margin-right:6%; }*/

.pagefooter .footer-1   { padding-bottom: 10px; }
.pagefooter .footer-2   { border-top: 4px solid #003259; color: #b5b5b5; overflow: hidden; padding-top: 10px; }
.pagefooter .footer-2 a { color: #b5b5b5; }
.pagefooter .footer-2 .copyline         { float: left; }
.pagefooter .footer-2 .menu-wrapper     { float: right; }
.pagefooter .footer-2 .menu             { display: inline-block; list-style: none; margin: 0; padding: 0; }
.pagefooter .footer-2 .menu li          { display: inline-block; padding: 0 5px; position: relative; z-index: 1; }
.pagefooter .footer-2 .menu li:first-child:before    { border-left: 0; }
.pagefooter .footer-2 .menu li:before                { border-left: 1px solid #b5b5b5; content: ''; height: 80%; position: absolute; left: -1px; top: 10%; z-index: 0; }
.pagefooter img                                      { max-width: 100%; }
.pagefooter .rag                                     { height: auto; max-width: 100%; }

/* Ende Footer */

/* Content-Seiten */

/* Startseite */
.frontpage .news-more-link  { margin-top: 30px; }
/* Ende Startseite */

/* News */
.news-item          { margin-bottom: 40px; }
.news-header h1     { margin-bottom: 0; }
.news-date          { color: #fff; }
.news-more-link a   { background: #fff; color: #BE9D7C; display: block; padding: 10px; text-decoration: none; }
/* Ende News */

/* Trails */
.trail-item         { margin-bottom: 40px; }
/* Ende Trails */

/* Geschichte */
.page-9 h3          { margin-bottom: 0; }
.page-9 p           { margin: 0 0 30px 0; }
/* Ende Geschichte */

/* Infos */
#col2 #quickjump-widget      { background: #fff; border: 1px solid #BE9D7C; color: black; margin: 20px 0; padding: 10px; }
#col2 #quickjump-widget ul   { list-style: outside square; margin: 0; padding-left: 20px; }
#col2 #quickjump-widget ul a { color: black; }
#col2 #quickjump-widget h2   { color: black; margin-bottom: 5px; }
/* Ende Infos */

/* Partner */
.page-318 h2.partner		{ color:#fff; }
.page-318 ul				{ clear:both; margin:0 !important; display:inline-block; background-color:#fff; padding:0; list-style-type:none; padding-top: 1.2em; padding-bottom: 1em; width: 100%; }
.page-318 li				{ float:left; text-align: center; width:21%; margin-left: 0; padding: 1em 2em; min-height: 70px}
.page-318 li img            {height: auto; max-height: 70px; width: auto;}
/* Ende Partner */

/* Ende Content-Seite */

/* Wichtige Standart-Wordpress-Klassen */
.alignleft  { float: left; margin-right: 10px; }

/* Media-Queries */
/* Tablet-Style */
@media (max-width: 959px) {

    .container  { margin: 0; padding: 0 2%; width: 96%; }
    .pageheader .container  { padding: 0; width: 100%; }
    .subheader .container  { padding: 15px 2%; width: 96%; }

    .pagefooter .footer-2 .menu-wrapper     { display: none; }
    .pagefooter .rag    { height: auto; max-width: 90%; }
}

/* Phone-Style */
@media (max-width: 690px) {

    /* Header */
    .pageheader .header-mobile                               { border-bottom: 1px solid #fff; display: block; margin-bottom: 10px; }
    .pageheader .header-mobile img                           { display: block; }
    .pageheader .language-box                                { background: #BE9D7C; display: inline-block; left: 0; padding: 10px 10px 5px 5px; position: absolute; top: 0px; }
    .pageheader .language-box img                            { display: inline; margin-left: 5px; }
    .pageheader .header                                      { display: none; }
    .subheader                                      { display: none; }
    .subheader-mobile                               { display: block; }
    .subheader-mobile .date,
    .subheader-mobile .place                        { font-weight: 800; font-size: 1.3em; }
    .subheader-mobile .page-name                    { font-weight: 700; }
    .subheader-mobile .date                         { text-transform: uppercase; }
    .subheader-mobile #text-8                       { color: #fff; margin-bottom: 20px; overflow: hidden;  }
    .subheader-mobile .qualifying-race              { float: left; margin-right: 10px; max-width: 23%; }
    .subheader-mobile .btn                          { display: block; margin: 15px 0; padding: 3px 0; text-align: center; width: 100%; }
    .subheader-mobile .combined-mobile-menu         { padding: 10px 0; position: relative; }
    .subheader-mobile .combined-mobile-menu.expand  { background: #BE9D7C; box-shadow: inset 0px 0px 10px 5px rgba(0, 0, 0, 0.5); }
    .subheader-mobile .combined-mobile-menu:after   { border-bottom: 5px solid #fff; bottom: -4px; content: ''; display: block; #0c2f4f; left: 0; margin: 0 2%; position: absolute; width: 96%; }
    .subheader-mobile .combined-mobile-menu:before  { border-top: 5px solid #fff; content: ''; display: block; #0c2f4f; left: 0; margin: 0 2%; position: absolute; top: -4px; width: 96%; }
    .subheader-mobile .menu-wrapper                 { float: none; }
    .subheader-mobile .menu                         { display: block; list-style: none; margin: 0; padding: 0; width: 100%; }
    .subheader-mobile .menu li                      { display: block; text-decoration: center; }
    .subheader-mobile .menu li.current-menu-item    { font-weight: bold; }
    .subheader-mobile .menu a                       { color: #fff; display: block; text-align: center; text-decoration: none; }
    .subheader-mobile .menu a:hover                 { background: #BE9D7C; }
    .subheader-mobile #menu-hauptmenue-1 a          { text-transform: uppercase; padding: 5px 0; }
    .subheader-mobile #menu-footer a                { font-size: 0.8em; padding: 3px; }
    .subheader-mobile .menu-expand-link             { float: right; }
    .subheader-mobile .menu-expand-link a           { color: #003259; text-decoration: none; }
    .subheader-mobile .page-name                    { float: left; }
    .subheader-mobile .menu-head                    { overflow: hidden; text-transform: uppercase; }
    /* Ende Header */

    /* Footer */
    .pagefooter .widget     { width: 98%; }
    .pagefooter .rag        { height: auto; max-width: 184px; }
	.pagefooter #text-11 	{ float:none; }

    /* Ende Footer */

    /* Hauptinhalt */
    #col1               { width: 98%; }
    #col2               { display: none !important; }
    /* Ende Hauptinhalt */

    /* Content */

    /* News */
    .news-more-link a   { text-align: center; }
    /* Ende News */

    /* Trails */
    .trails-archive .trail-item { width: 98%; }
    /* Ende Trails */

    /* Infos */
    .page-5 .quickjump      { float: none; margin-left: 0; }
    /* Ende Infos */

    /* Ende Content */
}


.page-318 li {
    min-height: 100px;
}

/** 2021 **/

.quicklist-item ul {
	display: none;
}

/*#menu-hauptmenue a {
	color: #DCDB1F;
}*/

.news-more-link a,
a.btn {
color: #003259;
background-color: #fff;
}

#col2 #quickjump-widget h2 {
color: #fff;
}

#col2 #quickjump-widget {
background-color: transparent;
border: none;
}

.news-date {
	color: #003259;
	font-weight: bold;
}

.sidebar-right-wrapper .widget_text ul li {
	color: #003259;
}

.quicklist-item.h2 {
    font-size: 16px;
    margin-top: 5px;
    margin-bottom: 5px;
}