/*
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: #bd2f01; text-decoration: none; }
a:hover                { text-decoration: underline; }
body                   { background: #71958b; color: #fff; font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: normal; margin: 0; padding: 0; }
h1,h2                  { color: #344130; font-weight: 700; margin: 10px 0; text-transform: uppercase; }
h3, h4, h5, h6         { color: #344130; 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%; }
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: #fe5500; color: #fff; 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 #c9d2d9; overflow: hidden; padding: 15px 0; }
.menu-wrapper           { float: left; }
#menu-hauptmenue a      { color: #c9d2d9; 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: #c9d2d9; 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 #c9d2d9; 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: 10px 0px; }
.pagefooter dt { color: #71958b; 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 dd .rag { float:left; width:27%; margin-right:6%; }
.pagefooter .footer-1   { padding-bottom: 10px; }
.pagefooter .footer-2   { border-top: 4px solid #344130; 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                                      { margin-top: 10px; max-width: 60%; }
.pagefooter .rag                                     { height: auto; max-width: 184px; }
/* 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: #c9d2d9; }
.news-more-link a   { background: #bd2f01; color: #fff; 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: #bd2f01; border: 1px solid #71958b; color: #fff; margin: 20px 0; padding: 10px; }
#col2 #quickjump-widget ul   { list-style: outside square; margin: 0; padding-left: 20px; }
#col2 #quickjump-widget ul a { color: #fff; }
#col2 #quickjump-widget h2   { color: #fff; 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; width:21%; margin-left: 0; padding: 1em 2em; min-height: 70px}
.page-318 li img            {height: 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 #c9d2d9; display: block; margin-bottom: 10px; }
    .pageheader .header-mobile img                           { display: block; }
    .pageheader .language-box                                { background: #71958b; 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: #c9d2d9; margin-bottom: 20px; overflow: hidden; font-weight: bold;  }
    .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: #344130; box-shadow: inset 0px 0px 10px 5px rgba(0, 0, 0, 0.5); }
    .subheader-mobile .combined-mobile-menu:after   { border-bottom: 5px solid #c9d2d9; 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 #c9d2d9; 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: #71958b; }
    .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: #344130; 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 */
}
.pagefooter #text-5 dd {
    display: inline-block;
    width: 32%;
}

.pagefooter #text-5 dd img {
    float: none;
    width: 100%;
}

.pagefooter #text-5 dd .rag {
    float: none;
    width: 100%;
}

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

img{
    height: auto;
}