body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}.aspect--9\:16,.responsive.ratio-916{padding-bottom:177.7777%}.aspect--1\:1,.responsive.ratio-11{padding-bottom:100%}
		/*	mediaboxAdvanced White theme	*/
		/*	version 2.1 - August 2010		*/
		/*	for mediaboxAdvanced v.1.3.1	*/

		/*	Overlay background styling	*/

#mbOverlay {
	position: fixed;
	z-index: 9998;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #004494;
	cursor: pointer;
}

		/*	Legacy fix for older browsers	*/

#mbOverlay.mbOverlayFF {
	background: transparent url("../../files/images/80.png") repeat;
}

#mbOverlay.mbOverlayIE {
	position: absolute;
}

		/*	Overlay panel styling	*/

#mbCenter {
	position: absolute;
	z-index: 9999;
	left: 50%;
	overflow: hidden;
	background-color: #fff;
	-webkit-border-radius: 0px;
	-khtml-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-webkit-box-shadow: 0px 5px 20px rgba(0,0,0,0.40);
	-khtml-box-shadow: 0px 5px 20px rgba(0,0,0,0.40);
	-moz-box-shadow: 0px 5px 20px rgba(0,0,0,0.40);
	box-shadow: 0px 5px 20px rgba(0,0,0,0.40);
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#000000');
}

#mbCenter.mbLoading {
	background: #fff url("../../files/images/loading3.gif") no-repeat center;
		/*	This style is applied only during animation.	*/
		/*	For example, the next lines turn off shadows	*/
		/*	improving browser performance on slow systems.	*/
		/*	To leave shadows on, just remove the following:	*/
	-webkit-box-shadow: none;
	-khtml-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

#mbImage {
	position: relative;
	left: 0;
	top: 0;

		/*	Inline content styling	*/

	font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;
	line-height: 20px;
	font-size: 12px;
	color: #666;
	text-align: left;
	background-position: center center;
	background-repeat: no-repeat;
	padding: 30px;
	padding-bottom:40px;
	padding-top:120px;
}

		/*	Title, Caption and Button styling	*/

#mbBottom {
	min-height: 20px;
	font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;
	line-height: 20px;
	font-size: 12px;
	color: #999;
	text-align: left;
	padding: 0 10px 10px;
}

#mbTitle, #mbPrevLink, #mbNextLink, #mbCloseLink {
	display: inline;
	color: #666;
	font-weight: bold;
	line-height: 20px;
	font-size: 12px;
}

#mbNumber {
	display: inline;
	color: #999;
	line-height: 14px;
	font-size: 10px;
	margin: auto 10px;
}

#mbCaption {
	display: block;
	color: #666;
	line-height: 14px;
	font-size: 10px;
}

#mbPrevLink, #mbNextLink, #mbCloseLink {
	float: right;
	outline: none;
	margin: 0 0 0 10px;
	font-weight: normal;
}

#mbPrevLink b, #mbNextLink b, #mbCloseLink b {
	color: #666;
	font-weight: bold;
	text-decoration: underline;
}

#mbPrevLink big, #mbNextLink big, #mbCloseLink big {
	color: #666;
	font-size: 16px;
	line-height: 14px;
	font-weight: bold;
}

#mbBottom a, #mbBottom a:link, #mbBottom a:visited {	/* Thanks to Danny Jung for feedback and corrections */
	text-decoration: none;
	color: #666;
}

#mbBottom a:hover, #mbBottom a:active {
	text-decoration: underline;
	color: #999;
}


		/*	Error message styling	*/

#mbError {
	position: relative;
	font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;
	line-height: 20px;
	font-size: 12px;
	color: #000;
	text-align: center;
	border: 10px solid #700;
	padding: 10px 10px 10px;
	margin: 20px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#mbError a, #mbError a:link, #mbError a:visited, #mbError a:hover, #mbError a:active {
	color: #700;
	font-weight: bold;
	text-decoration: underline;
}

#mbNextLink, #mbNumber, #mbCaption, #mbPrevLink {
	display:none;
}

#mbBottom {
	padding:0;
	padding-left:30px;
	padding-bottom:40px;
}

#mbTitle {
	color:#004494;
	font-size:20px;
	font-weight:400;
}

#mbCloseLink {
	background:url(../../templates/images/close.png) no-repeat;
	width:17px;
	height:19px;
	text-indent:-999px;
	overflow:hidden;
	position:absolute;
	right:10px;
	top:10px;
}
@font-face {
    font-family: 'Roboto Slab';
    src: url('../../files/css/./fonts/RobotoSlab-VariableFont_wght.ttf') format('truetype');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

body,
html,
ul,
p,
figure,
h1,
h2,
h3,
h4,
a,
object,
embed,
div {
    margin: 0;
    padding: 0;
    outline: 0
}

input[type=search] {
    -webkit-appearance: none;
    -webkit-box-sizing: content-box;
    margin: 0;
    padding: 0
}

input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
    display: none
}

textarea:focus,
input:focus,
select:focus {
    outline: none
}

input,
textarea {
    font-family: "Roboto Slab", serif
}

body,
html {
    width: 100%
}

body {
    color: #7e7c7c;
    font-size: 14px;
    line-height: 18px;
    background: #f5f5f5 url(../../files/images/body_bg.jpg);
    font-family: "Roboto Slab", serif;
    font-weight: 400
}

strong,
b {
    font-weight: 600
}

ul,
li {
    list-style-type: none;
    margin: 0;
    padding: 0
}

a {
    text-decoration: none;
    color: #000000;
    font-weight: 400;
    font-style: normal
}

td {
    vertical-align: top
}

h1 {
    font-size: 34px;
    line-height: 40px;
    color: #777777;
    margin-bottom: 40px;
    text-transform: uppercase
}

h2 {
    font-size: 20px;
    line-height: 26px;
    color: #777777;
    margin-bottom: 20px;
    text-transform: uppercase
}

h3 {
    margin-bottom: 10px;
    text-transform: uppercase
}

.page_startseite h1 {
    margin-bottom: 0
}

.page_startseite h2 {
    margin-bottom: 0
}

#wrapper {
    max-width: 1400px;
    margin: 0 auto
}

#wrapper_2 {
    -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.3)
}

#container,
#header .inside,
#footer .inside {
    width: 1190px;
    margin: 0 auto
}

#header,
#wrapper {
    background: #FFFFFF
}

#header {
    text-transform: uppercase;
    height: 207px;
    padding-top: 68px;
    -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.3);
    position: relative;
    z-index: 3
}

#header #logo {
    margin: 0 auto;
    width: 486px;
    margin-bottom: 42px;
    display: block;
    position: relative
}

#header #logo h2 {
    position: absolute;
    text-align: center;
    width: 100%;
    bottom: 11px;
    font-style: italic;
    font-weight: 400;
    font-size: 16px;
    color: #565656;
    left: 0;
    margin-bottom: 0;
    font-family: Verdana
}

#header .hauptnavigation ul li {
    float: left;
    line-height: 51px;
    vertical-align: middle;
    height: 51px;
    margin-right: 4px
}

#header .hauptnavigation ul li a,
#header .hauptnavigation ul li strong,
#header .hauptnavigation ul li span {
    color: #000000;
    display: block;
    font-size: 12px;
    padding: 0 28px;
    height: 51px;
    background: #f5f5f5;
    font-weight: 700
}

#header .hauptnavigation ul li.page_startseite {
    width: 44px;
    height: 51px;
    padding: 0;
    text-indent: -999px;
    overflow: hidden
}

#header .hauptnavigation ul li.page_startseite a,
#header .hauptnavigation ul li.page_startseite strong,
#header .hauptnavigation ul li.page_startseite {
    background: url(../../files/images/home.png) no-repeat
}

#header .hauptnavigation ul li.last {
    margin-right: 0
}

#container {
    position: relative;
    z-index: 1;
    min-height: 200px;
    padding-bottom: 50px
}

#footer {
    background: #f5f5f5 url(../../files/images/footer_bg.png) repeat-x;
    padding-top: 25px;
    padding-bottom: 25px;
    font-weight: 700;
    text-transform: uppercase
}

#footer .inside>a {
    background: #bababa;
    display: block;
    float: left;
    color: #FFFFFF;
    height: 51px;
    line-height: 51px;
    vertical-align: middle;
    padding: 0 28px;
    margin-right: 4px;
    font-weight: 700
}

.mod_subscribe {
    background: #bababa;
    display: block;
    float: right;
    color: #FFFFFF;
    height: 51px;
    line-height: 51px;
    vertical-align: middle;
    padding: 0 28px
}

.mod_subscribe .text {
    border: 1px #a1a1a2 solid;
    background: #FFFFFF;
    text-style: italic;
    text-align: center;
    color: #000000;
    width: 200px
}

.mod_subscribe .submit {
    background: #F5F5F5;
    border: none;
    cursor: pointer;
    border: 1px #a1a1a2 solid;
    font-weight: 700
}

.mod_subscribe .nl_beschreibung {
    float: left
}

.mod_subscribe form {
    float: right;
    margin-left: 10px
}

#partner .mod_subscribe {
    float: none
}

.grau_bg {
    background: #f5f5f5;
    padding: 15px 0
}

.rosa_bg {
    background: #FF8A97;
    clear: both;
    text-align: center
}

.rosa_bg a {
    padding: 15px 0;
    color: #fff;
    display: block
}

#main {
    padding-top: 60px
}

.page_startseite #main {
    padding-top: 0
}

.page_startseite .ce_noobSlide {
    float: right
}

.ce_noobSlide {
    padding-bottom: 40px
}

.ce_noobSlide .ce_noobSlide_section {
    background-size: cover
}

.ce_noobSlide .control_buttons {
    position: absolute;
    bottom: 0px;
    width: 100%;
    text-align: center
}

.ce_noobSlide .control_buttons>a,
.ce_noobSlide .control_buttons>span {
    width: 15px;
    height: 19px;
    display: inline-block;
    overflow: hidden;
    text-indent: -999px;
    cursor: pointer;
    padding: 0;
    clear: none
}

.ce_noobSlide .control_buttons>a>span,
.ce_noobSlide .control_buttons>span>span {
    display: block
}

.ce_noobSlide .control_buttons .ce_noobSlide_previous {
    background: url(../../files/images/slider_left.png) no-repeat center center;
    margin-right: 17px
}

.ce_noobSlide .control_buttons .ce_noobSlide_next {
    background: url(../../files/images/slider_right.png) no-repeat center center;
    margin-left: 7px
}

.ce_noobSlide .control_buttons .ce_noobSlide_controls {
    background: url(../../files/images/slider_nav.png) no-repeat center center;
    margin-right: 10px
}

.ce_noobSlide .control_buttons .ce_noobSlide_controls.active {
    background: url(../../files/images/slider_nav_active.png) no-repeat center center
}

.schuh {
    margin-right: 83px;
    margin-bottom: 35px;
    height: 356px;
    background: #FFFFFF;
    width: 310px;
    padding: 10px;
    display: block;
    float: left
}

.schuh.popup:hover {
    -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2)
}

.schuh.popup:hover .info_container {
    opacity: 1
}

.schuh:nth-child(3n) {
    margin-right: 0
}

.schuh .image_container {
    width: 298px;
    height: 298px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #fffffff;
    border: 6px #f5f5f5 solid;
    text-align: center;
    line-height: 310px;
    overflow: hidden
}

.schuh .image_container img {
    position: static;
    vertical-align: middle
}

.schuh.blase .image_container {
    border: none;
    width: 310px;
    height: 310px;
    line-height: inherit
}

.schuh .info_container {
    background: #FFFFFF;
    margin-top: -10px;
    padding-top: 6px;
    opacity: 0.6
}

.schuh .info_container .preis {
    background: url(../../files/images/preis_label.png) no-repeat;
    width: 135px;
    height: 52px;
    line-height: 52px;
    vertical-align: middle;
    text-align: right;
    padding-right: 15px;
    color: #FFFFFF;
    font-size: 28px;
    float: left;
    margin-right: 7px;
    font-weight: 600
}

.schuh .info_container .preis .currency {
    font-weight: 300;
    display: none
}

.schuh .info_container .infos .beschreibung {
    font-size: 12px;
    line-height: 17px
}

.schuh .info_container .infos .hyperlink_txt {
    background: url(../../files/images/button_bestellen.png) no-repeat;
    width: 87px;
    height: 18px;
    overflow: hidden;
    text-indent: -999px;
    display: block
}

.mod_article {
    overflow: visible
}

hr {
    border: none;
    border-top: 1px solid #ccc;
    color: #CCCCCC;
    background-color: #FFFFFF;
    height: 1px;
    margin: 30px 0
}

.formular .text,
.formular .textarea,
.formular .select {
    border: 1px #ccc solid;
    background: none;
    padding: 4px;
    width: 360px;
    margin-bottom: 10px
}

.formular .select {
    width: auto
}

.formular .requiredfields {
    margin-left: 150px
}

.formular table {
    border-collapse: collapse
}

.formular td {
    padding: 0
}

.formular .col_0 {
    width: 150px
}

.formular .submit {
    background: #bababa;
    display: block;
    float: left;
    color: #FFFFFF;
    height: 51px;
    line-height: 51px;
    vertical-align: middle;
    padding: 0 28px;
    margin-right: 4px;
    font-weight: 700;
    border: none;
    cursor: pointer;
    margin-top: 20px
}

.formular select.select_land {
    width: 370px
}

#mbImage {
    overflow-y: auto
}

.lightbox4wardContentInside {
    padding: 20px
}

.ce_ce_lightbox4ward {
    margin-left: 150px;
    margin-top: 30px
}

.partnertable td {
    vertical-align: middle;
    padding: 15px
}

#headline h1 {
    text-transform: none;
    font-size: 28px;
    text-align: center
}

#article-unten {
    text-transform: none
}

.footertext {
    color: #000;
    text-transform: none;
    font-size: 12px;
    font-weight: 400;
    clear: both;
    padding-top: 10px
}

.textnormal {
    text-transform: none
}

div.center.ce_image {
    text-align: center
}

.fullwidth img {
    width: 100%;
    height: auto
}