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

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

			#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: #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_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: #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_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%; min-width: 350px; 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: 110px; 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 #lang_design #search{width: auto; height: 50px; padding: 0 1rem 0 1rem; border: 0px solid #E8E8E7;}

                        #layout #main nav #lang_design #search .search_field {color: #2255CB; line-height: 1.6em; font-size: 1.4em; font-weight: normal; text-align: center; letter-spacing: -0.03em; text-decoration: none; margin-top: 7px;}

                        #layout #main nav #lang_design #search .search_button {
                            display: inline-block;
                            font-weight: 600;
                            color: #fff;
                            text-align: center;
                            background-color: #007bff;
                            border-color: #007bff;
                            padding: 0.4rem 0.5rem 0.3rem 0.5rem;
                            font-size: 1.3rem;
                            margin: 0;
                            line-height: 1.3;
                            border-radius: 0.25rem;
                            -webkit-appearance: none; /* Apple Button CSS inactive setzen */
                            transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
                        }

                        #layout #main nav #lang_design #search .search_button:hover {
                            color: #fff;
                            background-color: #0069d9;
                            border-color: #0062cc;
                        }

                #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-weight: bold; letter-spacing: -0.03em;}

							#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;}

/** 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  ****************************************/