/*
Theme Name: UUU 2017
Author: meap GmbH
Author URI: http://www.meap.de
Description: Theme für den Ultimativer Ultimo Ultra in der Version für das Jahr 2017
Version: 1.0
Text Domain: hartfuessler2017
*/

@CHARSET "UTF-8";


/* Allgemein */
*                      { outline: 0; }
a:link,
a:active,
a:visited,
a:focus,
a:hover                { color: #116889; text-decoration: none; }
a:hover                { text-decoration: underline; }
body                   { background: #002446; color: #fff; font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: normal; margin: 0; padding: 0; overflow-x: hidden; }
h1,h2                  { color: #ff5740; font-weight: 700; margin: 15px 0;   text-transform: uppercase; }
h3, h4, h5, h6         { color: #ff5740; font-family: 'Open Sans', sans-serif; font-weight: 400; margin-bottom: 0; text-transform: none; }
h1                     { font-size: 1.4em; }
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; }


div 					{ box-sizing:border-box;}

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

/* Header */
.pagename               { display: none; }
.subheader-mobile       { display: none; }


.pageheader .header img { display: block; margin: 0 auto; } 
.pageheader a.logo		{ position: absolute; top: 0; float: left; width: 20%; max-width: 400px; }

.pageheader .header-mobile,
.pageheader .fr-link    { display: none; }
.subheader .container   { border-bottom: 4px solid #116889; overflow: hidden; padding: 15px 0; margin-bottom: 20px; }
.menu-wrapper           { float: left; padding-top: 10px; }
#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; }
#menu-warenkorb a      { color: #fff; text-transform: uppercase; }
#menu-warenkorb        { list-style: none; margin: 0; padding: 0; }
#menu-warenkorb li     { display: inline-block; margin-right: 20px; }
#menu-warenkorb li.current-menu-item   { font-weight: bold; }
.register               { float: right; width: 31.3333333333%;  }
.register a   			{ display: block; text-align: center; box-sizing: border-box; margin-left: 14px;  }

/* 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: #fff; font-weight: 800; font-size: 1.6em; line-height:1.3; }
#col2 h2        		               	{ text-transform: none; }
#col2 h3                        		{ color: #116889; font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 1em; margin-bottom: 0; text-transform: none; }
#col2 .sidebar-right-wrapper   			{ padding: 0 0 0 20px; }
#col2 .sidebar-right-wrapper h2 		{ text-transform: uppercase; font-weight: 600; margin-top:0; }
#col2 .sidebar-right-wrapper p  		{ line-height: 1.75; }
#col2 .sidebar-right-wrapper a  		{ color: #fff;}
#col2 .sidebar-right-wrapper a:hover	{ text-decoration:underline; }
#col2 .widget                   		{ border-top: 4px solid #116889; padding: 30px 0px 10px 0px; }
#col2 .widget:first-child       		{ border-top: none; padding-top: 0; padding-bottom:15px; }
#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; }



.sidebar-right-wrapper #slideshow-widget{ border-top: none; padding-top: 0; }
.sidebar-right-wrapper h2#slideshow-title{ border-top: 4px solid #ff5740; padding-top:30px; margin-bottom:0; font-weight: 800;  font-size: 1.6em; margin-top:0;  }

div#text-14 .textwidget div:first-child { margin-bottom: 2em; }

/* Ende Rechte Spalte */

/* Footer */
.pagefooter { background: #fff; color: #000; margin-top: 30px; padding: 10px 0px; }
.pagefooter dt { color: #002446; 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   { 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; padding-top: 0; }
.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  {  }
/* Ende Startseite */

/* News */
.news-item          { margin-bottom: 40px; }
.news-content img   { margin: 1rem 0; }
.news-header h1     { margin-bottom: 0.25em; }
.news-date          { color: #fff;  color: #fff; font-weight: lighter; margin-bottom: 0.75em; }
.news-more-link a   { color: #116889; display: block;  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: #116889; border: 1px solid #002446; color: #002446; margin: 20px 0; padding: 10px; }
#col2 #quickjump-widget ul   { list-style: outside square; margin: 0; padding-left: 20px; }
#col2 #quickjump-widget ul a { color: #002446; }
#col2 #quickjump-widget h2   { color: #002446; 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:23%; margin-left: 0; padding: 1em 2em;}
/* Ende Partner */

/* Ende Content-Seite */

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

#partnerseite li {
    width: 22%;
    height: 120px;
}

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

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

    .pagefooter .rag    { height: auto; max-width: 90%; }
}

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

    /* Header */
    .pageheader .header-mobile                               { border-bottom: 1px solid #116889; display: block; margin-bottom: 10px; }
    .pageheader .header-mobile img                           { display: block; }
   
    .pageheader a.logo										 { width: 30%;  }
   
    .pageheader .fr-link                                     { background: #002446; display: inline-block; left: 0; padding: 10px; position: absolute; top: 50px; }
    .pageheader .fr-link img                                 { display: block; }
    .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: #116889; 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; margin-top: 15px; }
    .subheader-mobile .combined-mobile-menu.expand  { background: #116889; box-shadow: inset 0px 0px 10px 5px rgba(0, 0, 0, 0.5); }
    .subheader-mobile .combined-mobile-menu:after   { border-bottom: 5px solid #116889; bottom: -4px; content: ''; display: block; #116889; left: 0; margin: 0 2%; position: absolute; width: 96%; }
    .subheader-mobile .combined-mobile-menu:before  { border-top: 5px solid #116889; content: ''; display: block; #116889; 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: #002446; }
    .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: #ff5740; 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; }     
    
    
        .pagefooter .footer-2 .menu-wrapper     { display: none; }
    
    
    /* Ende Footer */
    
    /* Hauptinhalt */
    #col1               { width: 98%; }
    #col2               { display: none !important; }
    /* Ende Hauptinhalt */
    
    /* Content */
    
    /* News */
    .news-more-link a   { }
    /* Ende News */
    
    /* Trails */
    .trails-archive .trail-item { width: 98%; }
    /* Ende Trails */
    
    /* Infos */
    .page-5 .quickjump      { float: none; margin-left: 0; }
    /* Ende Infos */
    
    /* Ende Content */
}

@media (min-width: 768px) {
    ul.columns-1 li {
        width: 100%;
        display: block;
    }
    ul.columns-2 li {
        width: 49%;
        display: inline-block;
    }
    ul.columns-3 li {
        width: 32%;
        display: inline-block;
    }
    ul.columns-4 li {
        width: 24%;
        display: inline-block;
    }
    ul.columns-5 li {
        width: 19%;
        display: inline-block;
    }

    .add_to_cart_button {
        display: block;
    }
}