@CHARSET "UTF-8";
:lang(de) {display: none;}
:lang(ru) {display: none;}

/*************************************** Navigation Leonhardt RL  *********************************************/

			#layout #main nav {width: auto; height: auto; margin: 0 auto; font-family: Times New Roman, Arial, sans, sans-serif; border: 0px solid black;}

				#layout #main nav #header-content {width: auto; height: auto; background-color: #fff; border: 0px solid black;}

				#layout #main nav #lang_design {width: 100%; max-width: 1024px; height: 50px; margin: 0 auto; border: 0px black;}

					#layout #main nav #lang_design #language{width: auto; height: 50px; float: right; padding: 0; border-left: 1px solid #E8E8E7; border-right: 1px solid #E8E8E7;}

						#layout #main nav #lang_design #language #description_language {border: 0px solid black;}

							#layout #main nav #lang_design #language #description_language span {font-size: 2em; color: #2255CB; font-weight: normal; border: 0px solid black;}

						#layout #main nav #lang_design #language #language_de {width: auto; height: 50px; margin: 0; padding: 0 0.2rem 0 0.2rem; border-right: 1px solid #E8E8E7;}

							#layout #main nav #lang_design #language #language_de a {color: #0091FF; line-height: 1.6em; font-size: 2em; font-weight: normal; letter-spacing: -0.03em; text-decoration: none;}

								#layout #main nav #lang_design #language #language_de a:hover {color: red;}

						#layout #main nav #lang_design #language #language_en {width: auto; height: 50px; margin: 0; padding: 0 0.2rem 0 0.2rem; border: 0px solid black;}

							#layout #main nav #lang_design #language #language_en a {color: #2255CB; line-height: 1.6em; font-size: 2em; font-weight: normal; letter-spacing: -0.03em; text-decoration: none;}

								#layout #main nav #lang_design #language #language_en a:hover {color: red;}

						#layout #main nav #lang_design #language #language_ru {width: auto; height: 50px; margin: 0; padding: 0 0.2rem 0 0.2rem; border: 0px solid black;}

							#layout #main nav #lang_design #language #language_ru a {color: #0091FF; line-height: 1.6em; font-size: 2em; font-weight: normal; letter-spacing: -0.03em; text-decoration: none;}

								#layout #main nav #lang_design #language #language_ru a:hover {color: red;}

					#layout #main nav #lang_design #change{width: 30%; height: 50px; float: left; padding: 0 0 0 10px; border: 0px solid black;}

						#layout #main nav #lang_design #change ul {margin: 0; padding: 0; list-style-type: none; border: 0px solid black;}

							#layout #main nav #lang_design #change ul li {float: left; margin: 0; padding-left: 10px; border: 0px solid black;}

								#layout #main nav #lang_design #change ul li a {color: #0091FF; font-size: 2.9em; line-height: 1.1em; font-weight: normal; letter-spacing: -0.03em; text-decoration: none;}

									#layout #main nav #lang_design #change ul li a:hover {color: red;}

						#layout #main nav #lang_design #change ul .change_1 a {color: #2255CB;}

                    #layout #main nav #lang_design #login{width: auto; height: 50px; padding: 0 1rem 0 1rem; border-left: 1px solid #E8E8E7;}

                        #layout #main nav #lang_design #login a {color: #2255CB; line-height: 1.6em; font-size: 2em; font-weight: normal; text-align: center; letter-spacing: -0.03em; text-decoration: none;}

                            #layout #main nav #lang_design #login a:hover {color: red;}

                    #layout #main nav #lang_design #shop{width: 90px; height: 50px; padding-left: 10px; border-left: 1px solid #E8E8E7;}

                        #layout #main nav #lang_design #shop a {color: #2255CB; line-height: 1.5em; font-size: 2em; font-weight: normal; text-align: center; letter-spacing: -0.03em; text-decoration: none; border: 0px solid black;}

                            #layout #main nav #lang_design #shop a:hover {color: red;}

					#layout #main nav #lang_design #design{width: auto; height: 47px; float: right; margin: 3px 10px 0 10px; border: 0px solid black;}

						#layout #main nav #lang_design #design #description_design {border: 0px solid black;}

							#layout #main nav #lang_design #design #description_design span {font-size: 1.2em; color: #2255CB; font-weight: normal; border: 0px solid black;}

						#layout #main nav #lang_design #design #color_blue {width: 0.9rem; height: 2.5rem; margin: 4px 0 0 2px; background-color: #2255CB; border: 0px solid black;}

							#layout #main nav #lang_design #design #color_blue img{width: 0.9rem; height: 2.5rem; border: 0px solid black;}

						#layout #main nav #lang_design #design #color_orange {width: 0.9rem; height: 2.5rem; margin: 4px 0 0 2px; background-color: #9E0A49; border: 0px solid black;}

							#layout #main nav #lang_design #design #color_orange img{width: 0.9rem; height: 2.5rem; border: 0px solid black;}

						#layout #main nav #lang_design #design #color_green {width: 0.9rem; height: 2.5rem; margin: 4px 0 0 2px; background-color: #0D7307; border: 0px solid black;}

							#layout #main nav #lang_design #design #color_green img{width: 0.9rem; height: 2.5rem; border: 0px solid black;}

                #layout #main nav #line_design {width: 100%; height: 40px; background-color: #2255CB; border: 0px solid black;}

					#layout #main nav #line_design  #line_design_middle {width: 100%; max-width: 1024px; height: 40px; margin: 0 auto; padding: 0; border: 0px inset black;}

					#layout #main nav #line_design  #small_menues {width: 35px; height: 40px; float: left; margin: 0 0 0 5px; padding: 0; border: 0px inset black;}

						#layout #main nav #line_design  #small_menues ul {margin: 0; padding: 0; list-style-type: none; border: 0px solid black;}

							#layout #main nav #line_design  #small_menues ul li {width: 35px; height: 38px; float: left; cursor: pointer; margin: 0; padding: 0; border: 0px solid gray;}

								#layout #main nav #line_design  #small_menues ul li .small_menue {width: 35px; height: 5px; background-color: #ffffff; margin: 0; border: 0px inset black;}

								#layout #main nav #line_design  #small_menues ul li i{padding-top: 3px}

                                #layout #main nav #line_design  #small_menues ul li .container { display: inline-block; cursor: pointer; padding-top: 1px; border: 0px inset black;}

									#layout #main nav #line_design  #small_menues ul li .container .bar1, .bar2, .bar3 { width: 35px; height: 5px; background-color: #ffffff; margin: 6px 0; transition: 0.4s;}

									#layout #main nav #line_design  #small_menues ul li .change .bar1 {	-webkit-transform: rotate(-45deg) translate(-9px, 6px);	transform: rotate(-45deg) translate(-9px, 6px);}

									#layout #main nav #line_design  #small_menues ul li .change .bar2 {opacity: 0;}

									#layout #main nav #line_design  #small_menues ul li .change .bar3 {	-webkit-transform: rotate(45deg) translate(-8px, -8px);	transform: rotate(45deg) translate(-8px, -8px);}

					#layout #main nav #line_design  #small_headline {width: calc(100% - 40px); height: 40px; float: left; margin: 0; padding: 0; border: 0px inset black;}

						#layout #main nav #line_design  #small_headline #headline_top { width: auto; height: 40px; margin: 0 auto; clear: both; border: 0px inset black;}

							#layout #main nav #line_design  #small_headline #headline_top h2{color: #ffffff; text-align: center; line-height: 40px;}

                    #layout #main nav #line_design  #small_logout {width: 10rem; height: 40px; line-height: 2.5rem; float: left; margin: 0 0 0 0.5rem; padding: 0; border: 0px inset black;}

                        #layout #main nav #line_design  #small_logout h2 a { color: #fff; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-weight: bold; letter-spacing: -0.02em;}

                            #layout #main nav #line_design  #small_logout h2 a:hover { color: red;}

				/*********************************************************************************************************/

				#layout #main nav #lang_design_line {width: 100%; height: 1px; background-color: #E8E8E7;}

/*************************************** Navigation  *********************************************/

				#layout #main nav #navigation {width: 100%; max-width: 1024px; height: 37px; margin: 0 auto; padding: 0; z-index: 25; border: 0px solid black;}

					#layout #main nav #navigation #logo {float: left;}

						#layout #main nav #navigation #logo ul {margin: 0; padding: 0; list-style-type: none; border: 0px solid black;}

							#layout #main nav #navigation #logo ul li {float: left; margin: 0; border: 0px solid black;}

								#layout #main nav #navigation #logo ul .logo_1 a{margin-left: 20px; padding: 1px 8px 1px 8px; font-weight: bold; font-size: 1.8em; line-height: 33px; letter-spacing: -0.02em; color: #fff; background: #2255CB; text-decoration: none;}

								#layout #main nav #navigation #logo ul .logo_2 a{padding-left: 2px; font-weight: normal; font-size: 1.8em; line-height: 33px; letter-spacing: -0.02em; color: #0091FF; text-decoration: none;}

					#layout #main nav #navigation #topnavigation {float: left; border: 0px solid black;}

						#layout #main nav #navigation #topnavigation ul {position: absolute; margin: 0; padding: 0; list-style-type: none; z-index: 10000; border: 0px solid black;}

							#layout #main nav #navigation #topnavigation ul .topmenu {float: left; margin: 0; padding: 0; border: 0px solid black;}

							#layout #main nav #navigation #topnavigation ul .first {margin-left: 5px;}

							#layout #main nav #navigation #topnavigation ul .link {display: block; padding: 9px 5px 11px; border: 0px solid black;}

							/** Hintergrund TOP Menu **/
							#layout #main nav #navigation #topnavigation ul li:hover {background: #2255CB; color: #fff; border-top-left-radius: 5px; border-top-right-radius: 5px;}

								#layout #main nav #navigation #topnavigation ul li ul {display: none;}

								#layout #main nav #navigation #topnavigation ul li li {float: none; margin: 0;}

								#layout #main nav #navigation #topnavigation ul li:hover ul {display: block; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}

									#layout #main nav #navigation #topnavigation ul li .sublast a {border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}

									#layout #main nav #navigation #topnavigation ul li .subfirst a {border-top-right-radius: 5px;}

						#layout #main nav #navigation #topnavigation a {position: relative; display: block; padding: 0 5px 0 0; text-decoration: none; font-weight: normal; font-size: 1em; line-height: 15px; letter-spacing: 0; color: #000; text-transform: uppercase;}

							#layout #main nav #navigation #topnavigation li li a {padding: 5px 15px; font-weight: normal; font-size: 20px; color: #fff; line-height: 1.25em; background: #0091FF; text-transform: none; letter-spacing: 0;}

								#layout #main nav #navigation #topnavigation li li a:hover {color: #fff; background: #2255CB;}

								#layout #main nav #navigation #topnavigation li li:hover {border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}

						#layout #main nav #navigation #topnavigation p {position: relative; display: block; padding: 0; font-weight: normal; font-size: 1.7em; line-height: 18px; letter-spacing: -0.02em; color: #0091FF; text-transform: uppercase;}

/************************************ Breadcrumbs navigation ******************************************/

			#layout #main #picture_top {width: 100%; height: 90px; margin: 0 auto 0.2rem 0; padding: 0; background-color: #fff; border: 0px solid red;}

				#layout #main #picture_top #picture_content {width: 100%; height: 90px; padding: 0; margin: 0; background-color: #2255CB; border: 0px solid black;}

					#layout #main #picture_top #picture_content #picture_content_headline {width: 100%; height: 40px; padding-top: 20px; margin: 0; border: 0px solid black;}

						#layout #main #picture_top #picture_content #picture_content_headline h2 {text-align: center; color: #fff; letter-spacing: -0.02em;  border: 0px solid black;}

				#layout #main #picture_top #picture_content #nav_breadcrumbs {width: 100%; max-width: 1024px; height: 30px; margin: 0 auto; padding-left: 10px; font-family: Times New Roman, Arial, sans, sans-serif; border: 0px solid black;}

					#layout #main #picture_top #picture_content #nav_breadcrumbs ul { margin: 0; padding: 0; list-style-type: none; border: 0px solid black;}

						#layout #main #picture_top #picture_content #nav_breadcrumbs ul li { margin: 0; padding: 0; float: left; border: 0px solid black;}

							#layout #main #picture_top #picture_content #nav_breadcrumbs ul li a{ text-decoration: none; }

								#layout #main #picture_top #picture_content #nav_breadcrumbs ul li a:hover { color: red; border: 0px solid black;}

							#layout #main #picture_top #picture_content #nav_breadcrumbs ul li a { padding: 0; font-weight: normal; font-size: 1.25em; line-height: 26px; letter-spacing: -0.02em; color: #fff;}

								#layout #main #picture_top #picture_content #nav_breadcrumbs ul li p { padding: 0; font-weight: normal; font-size: 1.25em; line-height: 26px; letter-spacing: -0.02em; color: #fff;}

								#layout #main #picture_top #picture_content #nav_breadcrumbs ul li .breadcrumbs_start{ padding: 0 5px 0 0;}

								#layout #main #picture_top #picture_content #nav_breadcrumbs ul li .breadcrumbs_loop{ padding: 0;}

/********************** SUB Navigation *********************/

nav ul {
    list-style: outside none none;
}

#header-nav-panel
{
    border: 0px inset black;
    width:100%;
    overflow-y:auto;
    overflow-x:hidden;
    -webkit-box-flex:1;
    -webkit-flex:1 0 100%;
    -ms-flex:1 0 100%;
    flex:1 0 100%;
    -webkit-box-ordinal-group:6;
    -webkit-order:5;
    -ms-flex-order:5;
    order:5;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-flex-direction:column;
    -ms-flex-direction:column;
    flex-direction:column;
    z-index:999;
    background:#3F3F3F;
    background-repeat: repeat;
    background-size:contain;
    -webkit-transition:top .15s ease-in-out;
    transition:top .15s ease-in-out;
    -webkit-box-align:start;
    -webkit-align-items:flex-start;
    -ms-flex-align:start;
    align-items:flex-start;
    box-shadow:0 2px 2px 0 rgba(0,0,0,.4);
    display: none;
}

.fullscreen-nav
{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-flex-direction:column;
    -ms-flex-direction:column;
    flex-direction:column;
    margin:0 auto;
    padding:1rem .625rem 10.5rem;
    max-width:75rem;
    width:100%
}

@media (min-width:54em)
{
    .fullscreen-nav
    {
        padding-top:1rem
    }
}

.fullscreen-nav-list
{
    max-width:900px;
    -webkit-box-flex:1;
    -webkit-flex-grow:1;
    -ms-flex-positive:1;
    flex-grow:1;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -webkit-flex-direction:row;
    -ms-flex-direction:row;
    flex-direction:row;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
@media screen and (min-width:0\0)
{
    .fullscreen-nav-list
    {
        width:100%
    }
}
@media (min-width:54em)
{
    .fullscreen-nav-list
    {
        display:-webkit-box;
        display:-webkit-flex;
        display:-ms-flexbox;
        display:flex;
        margin:0 auto
    }

}
.fullscreen-nav-list-icon
{
    position:absolute;
    left:100%;
    bottom:-10px
}
.fullscreen-nav-list-icon.howto
{
    margin-left:-108px
}
.fullscreen-nav-list-icon.fitness
{
    margin-left:-84px
}
.fullscreen-nav-list-icon.find
{
    margin-left:-119px
}
.fullscreen-nav-list-icon.about
{
    margin-left:-72px
}
.fullscreen-nav-list-item
{
    -webkit-box-flex:1;
    -webkit-flex-grow:1;
    -ms-flex-positive:1;
    flex-grow:1;
    -webkit-flex-basis:45%;
    -ms-flex-preferred-size:45%;
    flex-basis:45%;
    box-sizing:border-box
}
@media (min-width:45em)
{
    .fullscreen-nav-list-item
    {
        padding:0 1rem 1rem
    }
}
.fullscreen-nav-title
{
    padding-bottom:.3rem;
    border-bottom:1px solid #848484;
    padding-top:5px;
    position:relative;
    overflow:hidden
}
.fullscreen-nav-title a
{
    color:#fff;
    font-size:1.625rem;
    line-height:1;
    font-weight:700;
}
.fullscreen-nav-title span
{
    color:#fff;
    font-size:1.625rem;
    line-height:1;
    font-weight:700;
}
.fullscreen-nav-title a:hover
{
    color:#FC0
}
.fullscreen-nav-sub
{
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size:1.2rem;
    line-height:0.7em;
    font-weight:700
}
.fullscreen-nav-sub li:last-child
{
    -webkit-column-span:all;
    -moz-column-span:all;
    column-span:all
}
.fullscreen-nav-sub a
{
    color:#fff;
    padding:.6rem 0;
    display:inline-block
}
.fullscreen-nav-sub a:hover
{
    color:#FC0
}
.fullscreen-nav-sub .text-btn-icon
{
    left:-7px;
    margin-left:5px
}
@media (min-width:45em)
{
    .fullscreen-nav
    {
        -webkit-box-orient:horizontal;
        -webkit-box-direction:normal;
        -webkit-flex-direction:row;
        -ms-flex-direction:row;
        flex-direction:row
    }
}

@media (min-width:45em)
{
    .fullscreen-nav-alternate .fullscreen-nav-list
    {
        display:-webkit-box;
        display:-webkit-flex;
        display:-ms-flexbox;
        display:flex;
        margin:0 auto;
    }
}

/** Sprach buttons **/
#layout #main nav #lang_design .btn, .button {
    display: inline-block;
    font-size: 11px;
    font-weight: 400;
    background-color: #e53d01;
    color: white;
    text-transform: uppercase;
    text-align: center;
    height: 32px;
    line-height: 32px;
    border: solid black 0px;
}

#layout #main nav #lang_design input[value]{
    font-size: 1.2em;
    line-height: 24px;
    font-weight: 400;
    background-color: #fff;
    color: #2255CB;
    text-align: center;
    border: solid black 0px;
}

#layout #main nav #lang_design input[value]:hover{
    color: red;
    cursor: pointer;
}

#layout #main nav #lang_design .btn:hover, .button:hover {
    background-color: black;
}

@media only screen and (min-width: 776px) {
    #layout #main nav #lang_design .btn,	.button {
        height: 40px;
        line-height: 40px;
        font-size: 14px;
    }
}

@media only screen and (min-width: 1024px) {
    #layout #main nav #lang_design .btn,	.button {
        height: 48px;
        line-height: 48px;
        font-size: 15px;
    }
}

#layout #main nav #lang_design .btn-large {
    height: 32px;
    line-height: 32px;
    font-size: 13px;
    letter-spacing: 0.5px;
}

@media only screen and (min-width: 776px) {
    #layout #main nav #lang_design .btn-large {
        height: 40px;
        line-height: 40px;
        font-size: 14px;
    }
}

@media only screen and (min-width: 1024px) {
    #layout #main nav #lang_design .btn-large {
        height: 48px;
        line-height: 48px;
        font-size: 16px;
        letter-spacing: 1px;
    }
}

#layout #main nav #lang_design .btn-small {
    height: 32px;
    line-height: 32px;
    font-size: 13px;
}

#layout #main nav #lang_design .inverse {
    background-color: white;
    color: #2255CB;
}

#layout #main nav #lang_design .inverse:hover {
    background-color: white;
    color: red;
}

#layout #main nav #lang_design a {
    color: inherit;
    text-decoration: none;
}

#layout #main nav #lang_design a:hover {
    text-decoration: none;
}

#layout #main nav #lang_design ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

/*************************************** Ende der Navigation  ****************************************/