/* Vendor-fix */
HTML, BODY { -moz-appearance:none; -webkit-text-size-adjust:none; }
INPUT[type="text"], INPUT[type="password"], INPUT[type="search"], INPUT[type="tel"], INPUT[type="email"], INPUT[type="url"], INPUT[type="button"], INPUT[type="submit"], INPUT[type="reset"] { -moz-appearance:none; -webkit-appearance:none; }
SELECT { -moz-appearance:none; -webkit-appearance:none; }
TEXTAREA { -moz-appearance:none; -webkit-appearance:none; }

/* CSS Document */
HTML, BODY { height:100%; }
BODY { margin:0 0 0 0; padding:0 0 0 0; background-color:#FFFFFF; color:#122232; font-size:120%; font-family:'Roboto Condensed',Arial,Helvetica,sans-serif; }
IMG { border:none; }
FORM { margin:0 0 0 0; padding:0 0 0 0; }
H1, .h1 { color:#3B485B; font-size:1.8em; font-weight:bold; margin:auto 0 0.6em 0; text-transform:uppercase; }
H2 { color:#3B485B; font-size:1.5em; font-weight:bold; margin:auto 0 0.6em 0; text-transform:uppercase; }
H3 { color:#3B485B; font-size:1.2em; font-weight:bold; margin:auto 0 0.6em 0; text-transform:uppercase; }
P { font-size:1em; margin:auto 0 0.8em 0; line-height:1.36; }
UL, OL { margin:auto 0 0.8em 0; }
IMG { max-width:100%; height:auto; }
FIGURE { margin:0 0 0 0; padding:0 0 0 0; }
FIELDSET { margin:0 0 0 0; padding:0 0 0 0; border:0; }
INPUT, SELECT, TEXTAREA { font-family:'Roboto Condensed',Arial,Helvetica,sans-serif; line-height:normal; padding:10px; font-size:1em; outline:none; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }

H1, .h1, H2, H3 { line-height:normal; font-family:'Roboto Condensed',Arial,Helvetica,sans-serif; }

/* links */
A { color:#F07E1E; text-decoration:none; outline:none; -o-transition:all 0.33s; -moz-transition:all 0.33s; -webkit-transition:all 0.33s; -ms-transition:all 0.33s; transition:all 0.33s; }
A:hover { color:#666666; text-decoration:none; }

/* Hyphens */
H1, H2, H3, P, LI { -moz-hyphens:auto; -webkit-hyphens:auto; -ms-hyphens:auto; -o-hyphens:auto; hyphens:auto; }

/* Animations */
.animation { opacity:0; }
.animation.animated { opacity:1; }

/* Colors */
.white { color:#FFFFFF; }
.grey { color:#80888F; }
.blue { color:#3B485B; }
.orange { color:#F07E1E; }
.clearFix { clear:both; height:1px; }
.bigger { font-size:1.12em; }
.smaller { font-size:0.86em; }

/* Alignment */
.alignLeft { text-align:left; }
.alignCenter { text-align:center; }
.alignRight { text-align:right; }
.alignJustify { text-align:justify; }

/* Scroll down icon */
.scrollDown { position:absolute; left:50%; bottom:0; z-index:120; }
.scrollDown A { display:block; width:2em; height:2em; line-height:2em; margin:0 0 -1em -1em; text-align:center; color:#FFFFFF; background-color:#F07E1E; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; }
.scrollDown A:hover { background-color:#C8610D; }
.contentBox .scrollDown { bottom:-60px; }

/* General design */
#wrapper { position:relative; min-height:100%; padding-bottom:178px; margin:0 auto; overflow:hidden; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
#header {}
#footer { position:absolute; left:0; bottom:0; width:100%; }

/* Container - Neu */
#topArea,
#naviArea,
#customerArea,
#contentArea,
#footArea { clear:both; width:100%; padding:0 0 0 0; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }

#topContainer,
#naviContainer,
#customerContainer,
#contentContainer,
#footContainer { position:relative; margin:0 auto 0 auto; width:1080px; max-width:100%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }

#topContainer:after,
#naviContainer:after,
#customerContainer:after,
#contentContainer:after,
#footContainer:after { content:''; clear:both; display:block; }

#topArea { background-color:#FFFFFF; }
#topContainer {}
#naviArea { background-color:#FFFFFF; }
#naviContainer {}
#naviContainer:after { content:''; display:block; clear:both; }
#customerArea { padding:0 0 0 0; background-color:#3B485B; border-bottom:1px solid #FFFFFF; }
#customerContainer {}
#contentArea { padding:0 0 0 0; }
#contentContainer { width:auto; /*overflow:hidden;*/ }
#footArea { background-color:#3B485B; }
#footContainer { padding:2em 0; }

/* sonstige Elemente */
#logo { width:250px; position:absolute; left:20px; top:30px; -o-transition:all 0.33s; -moz-transition:all 0.33s; -webkit-transition:all 0.33s; -ms-transition:all 0.33s; transition:all 0.33s; }
#logo A { display:block; }
#logo IMG { display:block; -o-transition:all 0.33s; -moz-transition:all 0.33s; -webkit-transition:all 0.33s; -ms-transition:all 0.33s; transition:all 0.33s; }
 
/* Kopfnavi */
#naviHead { position:absolute; right:20px; top:0; z-index:100; }
#naviHead UL { margin:0 0 0 0; padding:0 0 0 0; } 
#naviHead UL LI { float:left; position:relative; margin:0 0 0 1em; padding:0 0 0 0; list-style-type:none; font-size:0.8em; font-weight:300; font-family:'Roboto Condensed',Arial,Helvetica,sans-serif; } 
#naviHead UL LI > A { display:block; padding:0 1em; line-height:1.66em; color:#FFFFFF; background-color:#F07E1E; }
#naviHead UL LI.act > A,
#naviHead UL LI > A:hover { background-color:#C8610D; color:#FFFFFF; }

/* Login-Box - Neu */
#loginBox { display:none; position:fixed; left:0; top:0; right:0; bottom:0; background-color:rgba(59,72,91,0.8); z-index:300; }
#loginBoxContent { position:absolute; left:50%; top:55%; margin:-50px 0 0 -150px; width:300px; max-width:95%; padding:30px; background-color:#F2F4F7; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; -o-transition:all 0.33s; -moz-transition:all 0.33s; -webkit-transition:all 0.33s; -ms-transition:all 0.33s; transition:all 0.33s; }
.act #loginBoxContent { top:50%; }
#loginBoxContent:after { content:''; display:block; clear:both; }
#loginBoxContent LABEL { display:none; clear:both; font-size:0.75em; }
.ie6 #loginBoxContent LABEL, .ie7 #loginBoxContent LABEL, .ie8 #loginBoxContent LABEL, .ie9 #loginBoxContent LABEL { display:block; }
#loginEmail,
#loginPasswort { padding:8px; width:100%; margin:0 0 20px 0; background:#FFFFFF; border:1px solid #CAD3DF; border-width:0 0 3px 0; }
#loginEmail:focus, 
#loginEmail:hover, 
#loginPasswort:focus,
#loginPasswort:hover { border-color:#546681; }
#loginPasswortLink { float:left; margin:10px 0 0 0; font-size:0.8em; }
#loginPasswortLink A { color:#222222; }
#loginPasswortLink A:hover { color:#555555; }
#loginSubmit { float:right; padding:0.3em 0.8em; cursor:pointer; border:0; color:#FFFFFF; background-color:#F07E1E; }
#loginSubmit:hover { background-color:#C8610D; } 
#loginBox .close { display:block; position:absolute; right:0; top:0; width:2em; height:2em; line-height:2em; text-align:center; background-color:#FFFFFF; }
#loginBox .close:hover { color:#F07E1E; }

/* Hauptnavigation - Neu */
#naviMain { float:right; margin:20px 20px 20px 0; -o-transition:all 0.33s; -moz-transition:all 0.33s; -webkit-transition:all 0.33s; -ms-transition:all 0.33s; transition:all 0.33s; }
#naviMain UL { margin:0 0 0 0; padding:0 0 0 0; } 
#naviMain UL LI { float:left; margin:0 0 0 0.9em; padding:0 0 0 0; line-height:50px; list-style-type:none; font-size:1.36em; font-weight:normal; letter-spacing:-1px; } 
#naviMain UL LI A { display:block; color:#3B485B; text-transform:uppercase; -o-transition:none; } 
#naviMain UL LI.act A, 
#naviMain UL LI.cur A, 
#naviMain UL LI A:hover { color:#F07E1E; } 

/* Kunden-Info */
#customerInfoLabel { float:left; padding:38px 20px 0 20px; font-size:1.25em; line-height:1; color:#FFFFFF; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
#customerInfo { float:right; width:360px; max-width:100%; z-index:100; font-size:0.85em; }
#customerInfoContent { position:relative; height:100px; margin:0 20px; padding:15px 20px; line-height:1; background-color:#F2F4F7; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; -o-transition:all 0.33s; -moz-transition:all 0.33s; -webkit-transition:all 0.33s; -ms-transition:all 0.33s; transition:all 0.33s; }
#customerInfoContent:after { content:''; clear:both; display:block; }
#customerInfoContent I.icon { position:absolute; right:20px; font-size:1.5em; color:#F07E1E; -o-transition:all 0.33s; -moz-transition:all 0.33s; -webkit-transition:all 0.33s; -ms-transition:all 0.33s; transition:all 0.33s; }
#customerInfoContent P { display:block; margin:0 0 0 0; line-height:1.25; }
#customerInfoContent P SPAN { font-size:0.9em; }
#customerInfoContent UL { margin:0.75em 0 0 0; padding:0 0 0 0; }
#customerInfoContent UL LI { margin:0 2em 0 0; padding:0 0 0 0; float:left; list-style-type:none; }
#customerInfoContent UL LI:last-child { margin-right:0; }
#customerInfoContent A { color:#F07E1E; }
#customerInfoContent A I { font-size:14px; margin-right:0.33em; }
#customerInfoContent A:hover { color:#C8610D; }

/* Subnavi */
.subNavi {}
.subNavi UL { margin:0 0 0 0; padding:0 0 0 0; } 
.subNavi UL LI { margin:0 0 0 0; padding:0.5em 0; list-style-type:none; border-top:1px solid #DDDDDD; text-transform:uppercase; } 
.subNavi UL LI.firstItem { border-top:none; }

#naviToggle { float:right; margin:20px 0 20px 0; height:50px; line-height:50px; padding:0 20px; display:none; font-size:21px; cursor:pointer; color:#3B485B; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; -o-transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -ms-transition:all 0.5s; transition:all 0.5s; }
#naviToggle SPAN { margin-left:0.33em; text-transform:uppercase; }
#naviToggle:hover {}

/* Sidebar global */
#menuSidebar { display:none; }
.menuSidebar::-webkit-scrollbar { width:8px; height:8px; }
.menuSidebar::-webkit-scrollbar * { background:transparent; }
.menuSidebar::-webkit-scrollbar-thumb { background:rgba(255,255,255,0.25) !important; }
.menuSidebar { position:fixed; top:0; width:300px; background:#F2F4F7; height:100%; font-size:1em; overflow-x:hidden; z-index:1000; color:#FFFFFF; }
.menuSidebarOverlay { display:none; position:fixed; left:0; top:0; width:100%; height:100%; background-color:rgba(59,72,91,0.8); z-index:250; } 
.menuSidebarOpen { -moz-box-shadow:3px 0 5px rgba(0,0,0,0.25); -webkit-box-shadow:3px 0 5px rgba(0,0,0,0.25); box-shadow:3px 0 5px rgba(0,0,0,0.25); }
.menuSidebarInner { overflow-y:auto; }
.menuSidebarLeft { left:-300px; }
.menuSidebarRight { right:-300px; }
.menuSidebarClose { position:absolute; top:0; width:3em; height:50px; line-height:50px; text-align:center; cursor:pointer; font-size:14px; color:#3B485B; }
.menuSidebarClose:before { text-indent:0; text-align:center; font-family:'FontAwesome'; content:"\f00d"; font-size:17px;  }
.menuSidebarClose:hover { color:#F07E1E; }
.menuSidebarLeft .menuSidebarClose { right:0; }
.menuSidebarRight .menuSidebarClose { left:0; }
/* Sidebar menu */
.menuSidebar UL { font-size:1.2em; margin:0 0 0 0; padding:0 0 0 0; float:none; height:auto; position:relative; line-height:1; }
.menuSidebar UL LI { display:block; position:relative; margin:0 0 0 0; line-height:1; }
.menuSidebar UL LI A { display:block; padding:0.44em 0.66em; color:#3B485B; border-bottom:1px solid rgba(255,255,255,0.8); }
.menuSidebar UL LI A I { margin-right:0.3em; }
.menuSidebar UL LI UL { font-size:0.9em; display:none; background:rgba(255,255,255,0.15); }
.menuSidebar UL LI UL LI A { padding-left:1.2em; }
.menuSidebar UL LI UL LI UL { font-size:0.94em; }
.menuSidebar UL LI UL LI UL LI A { padding-left:1.8em; }
.menuSidebar UL LI UL LI UL LI UL LI A { padding-left:2.4em; }
.menuSidebar I.subtoggle { display:block; position:absolute; right:0; top:0; width:40px; height:1em; margin:0 0 0 0; padding:0.66em 0;color:#FFFFFF; border-left:1px solid rgba(255,255,255,0.1); font-size:1em; cursor:pointer; font-style:normal; text-align:center; -o-transition:all 0.33s; -moz-transition:all 0.33s; -webkit-transition:all 0.33s; -ms-transition:all 0.33s; transition:all 0.33s; }
.menuSidebar I.subtoggle:before { font-family:'FontAwesome'; content:"\f0d7"; font-size:14px; }
.menuSidebar I.subtoggle.open:before { content:"\f0d8"; }
.menuSidebar I.subtoggle.open,
.menuSidebar I.subtoggle:hover { color:#FFFFFF; }
.menuSidebar UL LI.sub > DIV > A,
.menuSidebar UL LI.sub > A { padding-right:2.5em; }
.menuSidebar UL LI.act,
.menuSidebar UL LI.cur { border-left:5px solid #F07E1E; }
.menuSidebar UL LI.cur > DIV > A,
.menuSidebar UL LI.cur > A,
.menuSidebar UL LI A:hover { color:#000000; background:rgba(255,255,255,0.33); }

.menuSidebar_section0 { height:50px; padding:11px 0 0 10px; background:#FFFFFF; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
.menuSidebar_section0 IMG { display:block; width:220px; }
.menuSidebar #copyright { display:none; }
.menuSidebar_section1 UL LI { font-weight:bold; }

.menuSidebar #customerInfoContent { display:none; background:#3B485B; margin:0 0 0 0; font-size:0.9em; height:auto; }
.menuSidebar #customerInfoContent I.icon { color:#FFFFFF; }
.menuSidebar #customerInfoContent UL { margin:0.75em 0 0 0; padding:0 0 0 0; font-size:1em; }
.menuSidebar #customerInfoContent UL LI { margin:0 2em 0 0; padding:0 0 0 0; float:left; list-style-type:none; font-weight:normal; }
.menuSidebar #customerInfoContent UL LI:last-child { margin-right:0; }
.menuSidebar #customerInfoContent UL LI A { padding:0 0 0 0; border:0; }
@media only screen and (max-width:680px) {
.menuSidebar #customerInfoContent { display:block; }
.menuSidebar #customerInfoContent A:hover { background:none; }
}

/* Sticky header */
.stickyPlaceholder { height:90px; }
.sticky { position:fixed !important; left:0 !important; top:0 !important; width:100% !important; z-index:115; -moz-box-shadow:0 2px 4px rgba(0,0,0,0.2); -webkit-box-shadow:0 2px 4px rgba(0,0,0,0.2); box-shadow:0 2px 4px rgba(0,0,0,0.2); }
.sticky #logo { top:13px; width:200px; }
.sticky #naviMain { margin-top:0; margin-bottom:0; }
.sticky #naviToggle { margin-top:0; margin-bottom:0; }


/* Fussnavi */
#naviFoot { text-align:center; padding:0 0 2em 0; }
#naviFoot UL { display:inline-block; margin:0 0 0 0; padding:0 0 0 0; color:#666666; line-height:1; font-size:0.8em; } 
#naviFoot UL LI { display:inline-block; margin:0 0 0 0; padding:0 0.5em; list-style-type:none; color:#FFFFFF; border-left:1px solid #FFFFFF; } 
#naviFoot UL LI A { color:#FFFFFF; }
#naviFoot UL LI.act A,
#naviFoot UL LI A:hover { color:#8B9BB4; }

/* Copyright */
#naviFoot UL LI#copyright { border-left:0; }

/* Social-Icons */
#socialIcons { clear:both; text-align:center; }
#socialIcons UL { display:inline-block; margin:0 0 0 0; padding:0 0 0 0; text-align:center; }
#socialIcons UL LI { display:inline-block; margin:0 0 0 0; padding:0 0.33em; list-style-type:none; }
#socialIcons UL LI A { display:block; width:40px; height:40px; line-height:40px; color:#3B485B; background:#FFFFFF; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; }
#socialIcons UL LI A:hover { background-color:#8B9BB4; }
#socialIcons UL LI I { font-size:21px; line-height:40px; }

#linkTop { display:block; position:fixed; margin:0 0 0 0; right:20px; bottom:-50px; z-index:100; -o-transition:all 0.33s; -moz-transition:all 0.33s; -webkit-transition:all 0.33s; -ms-transition:all 0.33s; transition:all 0.33s; }
#linkTop.show { bottom:20px; }
#linkTop A { position:relative; display:block; padding:0 0 0 0; width:40px; height:40px; line-height:40px; font-size:1em; text-align:center; color:#3B485B; background-color:rgba(232,232,232,0.66); -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; }
#linkTop A I { margin:0 0 0 0 !important; font-size:28px; line-height:40px; }
#linkTop A SPAN { display:none; }
#linkTop A I:before { content:'\f106'; }
#linkTop A:hover { color:#FFFFFF; background-color:#F07E1E; }


/* Content */
.contentSection { clear:both; position:relative; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
.contentSectionWhite { background-color:#FFFFFF;}
.contentSectionGrey { background-color:#F4F2F1; /*#F2F3F4*/ }
.contentSectionBlue { background-color:#3B485B; }
.contentSectionLightBlue { background-color:#F2F4F7; }
.contentSectionOrange { background-color:#F07E1E; }
.contentSectionLightOrange { background-color:#FCE8D8; }
.contentSectionShadow { box-shadow:0 1px 5px rgba(0,0,0,0.2); -moz-box-shadow:0 1px 5px rgba(0,0,0,0.2); -webkit-box-shadow:0 1px 5px rgba(0,0,0,0.2); }
.contentSectionContent:after { content:''; display:block; clear:both; }
.contentSectionContent { margin:0 auto; width:1080px; max-width:100%; padding:40px 0; position:relative; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }

.contentBox { display:inline-block; vertical-align:top; margin-right:-4px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; position:relative; max-width:100%; }
.contentBoxInner { margin:20px; padding:0; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
.contentBoxInner:after { content:''; visibility:hidden; display:block; clear:both; }

.contentBoxTeaser { position:relative; margin:-12px -12px 12px -12px; }
.contentBoxTeaser IMG { display:block; width:100%; height:auto; }

.contentBox11 { width:100%; }
.contentBox21 { width:50%; /*max-width:484px;*/ }
.contentBox31 { width:33.3%; /*max-width:322px;*/ }
.contentBox32 { width:66.6%; /*max-width:644px;*/ }
.contentBox41 { width:25%; }
.contentBox42 { width:50%; }
.contentBox43 { width:75%; }
.contentBox51 { width:20%; }
.contentBox52 { width:40%; }
.contentBox53 { width:60%; }
.contentBox54 { width:80%; }
.contentBox61 { width:16.666%; }
.contentBox62 { width:33.333%; }
.contentBox63 { width:50%; }
.contentBox64 { width:66.666%; }
.contentBox65 { width:83.333%; }

.contentBoxHead { -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; position:relative; }
.contentBoxHeadHighlight { padding:0.3em 0.5em; background:rgba(0,0,0,0.1); }
.contentBoxHead .title,
.contentBoxHead H1,
.contentBoxHead H2,
.contentBoxHead H3,
.contentBoxHead H4,
.contentBoxHead H5,
.contentBoxHead H6 { margin-bottom:auto; }
.contentBoxHead P.subtitle { font-size:1.36em; margin:auto; }

.contentBoxHead + .contentBoxContent { margin-top:1em; }

.contentBoxContent { position:relative; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
.contentBoxWhite .contentBoxContent,
.contentBoxGrey .contentBoxContent,
.contentBoxBlue .contentBoxContent,
.contentBoxOrange .contentBoxContent,
.contentBoxBorder .contentBoxContent,
.contentBoxShadow .contentBoxContent { padding:20px; }
.contentBoxWhite .contentBoxContent { background-color:#FFFFFF;}
.contentBoxWhite .contentBoxContent * {}
.contentBoxGrey .contentBoxContent { background-color:#F4F2F1; /*#F2F3F4*/ }
.contentBoxGrey .contentBoxContent * {}
.contentBoxBlue .contentBoxContent { background:#3B485B; }
.contentBoxBlue .contentBoxContent * { color:#FFFFFF; }
.contentBoxOrange .contentBoxContent { background:#F07E1E; }
.contentBoxOrange .contentBoxContent * { color:#FFFFFF; }
.contentBoxShadow .contentBoxContent { -moz-box-shadow:0 1px 5px rgba(0,0,0,0.2); -webkit-box-shadow:0 1px 5px rgba(0,0,0,0.2); box-shadow:0 1px 5px rgba(0,0,0,0.2); }
.contentBoxBorder .contentBoxContent { border:1px solid #DDDDDD; }
.contentBoxContent:after { content:''; display:block; clear:both; }
.contentBoxContent > P:last-child,
.contentBoxContent > UL:last-child { margin-bottom:auto !important; }
.contentBoxFoot { background-color:#F6F6F6; margin:20px -20px -20px -20px; padding:1em; -moz-border-radius:0 0 3px 3px; -webkit-border-radius:0 0 3px 3px; border-radius:0 0 3px 3px; }
.contentBoxFoot:after { content:''; display:block; clear:both; }
.contentBoxSub { margin:-20px; }

.contentBoxIcon { display:block; width:1.2em; height:1.2em; line-height:1.2em; font-size:1.8em; text-align:center; color:#D4D0CE; }
.contentBoxIconTop .contentBoxInner { margin-top:2em; }
.contentBoxIconTop .contentBoxContent { margin-top:2em; }
.contentBoxIconTop .contentBoxIcon { position:absolute; left:50%; margin-left:-0.8em; top:0; z-index:20; }
.contentBoxIconLeft .contentBoxInner {}
.contentBoxIconLeft .contentBoxContent { padding-left:3em; }
.contentBoxIconLeft .contentBoxIcon { position:absolute; left:30px; top:36px; font-size:1.5em; z-index:20; }

/* Trennlinie */
.dividerBar { margin:12px auto 0 auto; width:1136px; max-width:100%; border-top:1px solid #CCCCCC; }

/* Listen */
.listLines { padding:0 0 0 0; border-top:1px solid #DDDDDD; }
.listLines LI { margin:0 0 0 0; padding:0.66em 0; border-bottom:1px solid #DDDDDD; list-style-type:none; }
.listLines LI I.fa { width:1.5em; margin-right:0.5em; }

.listZebra LI:nth-child(odd) { background-color:#F2F4F7; }

.listRound { margin:0 0 0.8em 0; padding:0 0 0 0; list-style-type:none !important; overflow:hidden; }
.listRound > LI { position:relative; margin-left:0 !important; padding-left:1.6em !important; list-style-type:none; padding-top:0.5em; padding-bottom:0.5em; }
.listRound > LI:before { content:'\f111'; display:inline-block; margin:0 0.5em 0 -1.8em; position:relative; top:-0.2em; width:1em; font-size:0.66em; color:#F07E1E; font-family:'FontAwesome'; font-weight:normal; }

.listCheck { margin:0 0 0.8em 0; padding:0 0 0 0; list-style-type:none !important; overflow:hidden; }
.listCheck > LI { position:relative; margin-left:0 !important; padding-left:1.6em !important; list-style-type:none; padding-top:0.5em; padding-bottom:0.5em; }
.listCheck > LI:before { content:'\f00c'; display:inline-block; margin:-0.05em 0.5em 0 -1.5em; width:1em; font-size:0.9em; color:#F07E1E; font-family:'FontAwesome'; font-weight:normal; }

.listCheck2 { margin:0 0 0.8em 0; padding:0 0 0 0; list-style-type:none !important; overflow:hidden; color:#444444; }
.listCheck2 > LI { position:relative; margin-left:0 !important; padding-left:1.6em !important; list-style-type:none; font-size:1.5em; }
.listCheck2 > LI:before { position:relative; top:0.05em; content:'\f05d'; display:inline-block; margin:0 0 0 -1.25em; width:1em; font-size:1.25em; color:#F07E1E; font-family:'FontAwesome'; font-weight:normal; }

.listFacts { margin:0 0 0 0; padding:0 0 0 0; list-style-type:none !important; overflow:hidden; text-align:left; }
.listFacts > LI { position:relative; margin:0 0 0.8em 0; margin-left:0 !important; padding-left:2.4em !important; list-style-type:none; font-size:1em; }
.listFacts > LI I { position:absolute; left:0; top:0.2em; content:'\f05d'; display:block; width:1em; height:1em; padding:0.5em; font-size:1em; color:#FFFFFF; background-color:#F07E1E; font-family:'FontAwesome'; font-weight:normal; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; }

.list2cols:after,
.list3cols:after,
.list4cols:after { content:''; display:block; clear:both; }

.list2cols LI { float:left; width:50%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
.list3cols LI { float:left; width:33.333%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
.list4cols LI { float:left; width:25%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }


/* Badges */
.listBadge LI { position:relative; padding-top:0.33em; padding-bottom:0.33em; }
.listBadge LI A { width:85%; display:inline-block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.badge { position:relative; top:-0.1em; display:inline-block; padding:0.1em 0.3em; margin:-0.15em 0; min-width:0.5em; font-size:0.8em; font-weight:bold; text-align:center; background-color:#BBBBBB; color:#FFFFFF; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
.badgeRight { position:absolute; right:0; }
.listLines .badgeRight { top:0.66em; }


/* Bilder */
.imageTop { margin:0; margin-bottom:20px; }
.imageLeft { float:left; margin-top:0.25em; margin-right:20px; }
.imageRight { float:right; margin-top:0.25em; margin-left:20px; }
.imageBottom { margin:0; margin-top:20px; }
.imageTopOver { margin-bottom:20px; position:relative; }
.imageLeftOver { float:left; margin-right:20px; position:relative; }
.imageRightOver { float:right; margin-left:20px; position:relative; }
.imageBottomOver { margin-top:20px; position:relative; }
.imageBorder { border:1px solid #DDDDDD; }

.contentBoxGrey .imageTopOver,
.contentBoxBlue .imageTopOver,
.contentBoxOrange .imageTopOver,
.contentBoxBorder .imageTopOver,
.contentBoxShadow .imageTopOver { margin:-20px; margin-bottom:20px; }
.contentBoxGrey .imageLeftOver,
.contentBoxBlue .imageLeftOver,
.contentBoxOrange .imageLeftOver,
.contentBoxBorder .imageLeftOver,
.contentBoxShadow .imageLeftOver { margin:-20px; margin-right:20px; }
.contentBoxGrey .imageRightOver,
.contentBoxBlue .imageRightOver,
.contentBoxOrange .imageRightOver,
.contentBoxBorder .imageRightOver,
.contentBoxShadow .imageRightOver { margin:-20px; margin-left:20px; }
.contentBoxGrey .imageBottomOver,
.contentBoxBlue .imageBottomOver,
.contentBoxOrange .imageBottomOver,
.contentBoxBorder .imageBottomOver,
.contentBoxShadow .imageBottomOver { margin:-20px; margin-top:20px; }

.imageTop IMG,
.imageLeft IMG,
.imageRight IMG,
.imageBottom IMG,
.imageTopOver IMG,
.imageLeftOver IMG,
.imageRightOver IMG,
.imageBottomOver IMG { display:block; margin:0 auto; }
.imageTopOver IMG,
.imageBottomOver IMG { width:100%; }
.imageOverlay { position:absolute; left:0; bottom:0; right:0; background-color:rgba(59,72,91,0.8); padding:24px 0; text-align:center; }

/* sonstige Stile */
.iconMailAt { position:relative; top:1px; }
.clearFix { clear:both; display:block; }

/* Seitennavigation */
.pageNavi { line-height:1; margin:1.5em 0 0 0; font-family:'Roboto Condensed',Arial,Helvetica,sans-serif; }
.pageNavi UL { margin:0 0 0 0; padding:0 0 0 0; text-align:center; }
.pageNavi UL LI { display:inline-block; margin:0 -4px 0 0; padding:0 0 0 0; list-style-type:none; }
.pageNavi A { display:block; padding-left:0; color:#444444; width:2.25em; height:2.25em; line-height:2.25em; font-size:1.15em; text-align:center; background:#EEEEEE; border:1px solid #DDDDDD; }
.pageNavi A:before { display:none; }
.pageNavi A:hover { background:none; padding-left:0; }
.pageNavi UL LI.pageNaviArrow {}
.pageNavi UL LI.pageNaviArrow A { }
.pageNavi UL LI.pageNaviArrowOff A { background-color:#FFFFFF; color:#CCCCCC !important; }
.pageNavi UL LI.pageNaviArrow .icon { font-family:'FontAwesome'; font-weight:normal; font-size:28px; font-style:normal; }
.pageNavi UL LI.pageNaviArrowPrev .icon:before { content:'\f104'; }
.pageNavi UL LI.pageNaviArrowNext .icon:before { content:'\f105'; }
.pageNavi UL LI.pageNaviInfo { height:2.25em; padding:0 1em; text-align:center; font-size:1em; color:#999999; }

/* Links */
#contentContainer P > A, #contentContainer P > B > A, #contentContainer LI > A { color:#222222; }
#contentContainer P > A:before, #contentContainer P > B > A:before, #contentContainer LI > A:before { content:'\f0da\202F'; font-family:'FontAwesome'; font-weight:normal; color:#F07E1E; }
#contentContainer P > A:hover, #contentContainer P > B > A:hover, #contentContainer LI > A:hover { color:#555555; }
#contentContainer H1 A, #contentContainer H2 A { color:#F07E1E; }
#contentContainer A.neutral:before { display:none; }

/* Buttons - neu */
A.button { display:inline-block; padding:0.4em 0.8em; font-size:1em; line-height:1; cursor:pointer; font-family:'Roboto Condensed',Arial,Helvetica,sans-serif; color:#FFFFFF !important; border:0; background-color:#F07E1E !important; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
A.buttonSize1 { font-size:1em; padding:0.4em 0.8em; }
A.buttonSize2 { font-size:1.15em; padding:0.5em 1em; }
A.buttonSize3 { font-size:1.3em; padding:0.6em 1.2em; }
A.buttonWidth100 { width:100%; }
A.button:hover { background-color:#C8610D !important; color:#FFFFFF !important; } 
A.button:before { display:none; color:#FFFFFF !important; }
A.buttonMore:before { display:inline; content:'\f0da'; font-family:'FontAwesome'; margin-right:0.4em; }
.linkBack { margin-bottom:1em; }
.linkBack .button { float:none; }


/* Formulare */
.form { margin:0 0 0 0; }
.formHead { clear:both; padding:20px 40px; background-color:#E4E9EF; }
.formHead:after { content:''; display:block; clear:both; }
.formHead H3 { margin:0 0 0 0; font-size:1.25em; }
.formContent { clear:both; padding:20px; background-color:#F2F4F7; }
.formContent:after { content:''; display:block; clear:both; }
.formContent H3 { background-color:#E4E9EF; font-weight:normal; line-height:1; padding:0.5em; margin:10px 0; }
.formHead + .formContent { -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; }
.formFoot { clear:both; padding:20px 40px; background-color:#E4E9EF; }
.formFoot SPAN { font-size:0.8em; color:#666666; } 
.formFoot:after { content:''; display:block; clear:both; }
.formColumn { float:left; width:100%; padding:10px 20px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
.formColumn11 { width:100%; }
.formColumn21 { width:50%; }
.formColumn31 { width:33.333%; }
.formColumn32 { width:66.666%; }
.formField { padding:10px 0; position:relative; }
.formFieldInline { display:inline-block; margin-right:10px; }
.formField2col UL { margin:-10px 0 10px 0; padding:0 0 0 0; }
.formField2col UL LI { position:relative; display:inline-block; width:49%; padding:10px 0 0 0; margin:0 0 0 0; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
.formField3col UL { margin:-10px 0 10px 0; padding:0 0 0 0; }
.formField3col UL LI { position:relative; display:inline-block; width:32%; padding:10px 0 0 0; margin:0 0 0 0; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
.formField:after { content:''; display:block; clear:both; }
.formField LABEL { display:none; clear:both; font-size:0.8em; }
.formField INPUT, .formField SELECT, .formField TEXTAREA { background:#FFFFFF; font-size:1em; width:100%; margin:0 0 0 0; padding:8px; border:1px solid #CAD3DF; border-width:0 0 3px 0; }
.formField INPUT:focus, 
.formField INPUT:hover, 
.formField SELECT:focus,
.formField SELECT:hover,
.formField TEXTAREA:focus,
.formField TEXTAREA:hover { border-color:#546681; }
.formField INPUT[type=checkbox], .formField INPUT[type=radio] { width:auto; padding:0; border:0; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; }
.formFieldDisabled INPUT, .formFieldDisabled SELECT, .formFieldDisabled TEXTAREA { border:1px dotted #DDDDDD; background:#F9F9F9; }
.ie6 .formField LABEL, .ie7 .formField LABEL, .ie8 .formField LABEL, .ie9 .formField LABEL { display:block; }
.formField LABEL.inputLabel { display:inline-block; font-size:0.9em; }
OPTION { background:#FFFFFF; color:#111111; }
.submit { float:right; padding:0.3em 0.8em; font-size:1.15em; cursor:pointer; color:#FFFFFF; background-color:#F07E1E; font-family:'Roboto Condensed',Arial,Helvetica,sans-serif; border:0; }
.submit:hover { background-color:#C8610D; color:#FFFFFF; } 

INPUT[type=checkbox] { width:auto; padding:0; border:0; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; }
INPUT[type=checkbox] { position:absolute; left:2px; top:14px; }
INPUT[type=checkbox] + label { display:inline-block; position:relative; font-size:1em; padding-left:1.5em; }
INPUT[type=checkbox] + label:before { content:''; position:absolute; left:0; top:0; background-color:#FFFFFF; display:block; width:20px; height:20px; line-height:18px; font-size:14px; font-weight:normal; text-align:center; border:1px solid #AFBDCF; font-family:'FontAwesome'; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
INPUT[type=checkbox]:checked + label:before { background-color:#F07E1E; border-color:#F07E1E; color:#FFFFFF; content:"\f00c"; } 

INPUT[type=radio] { width:auto; padding:0; border:0; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; }
INPUT[type=radio] { position:absolute; left:4px; top:16px; }
INPUT[type=radio] + label { display:inline-block; position:relative; font-size:1em; padding-left:1.5em; }
INPUT[type=radio] + label:before { content:''; position:absolute; left:0; top:0; display:block; width:20px; height:20px; font-size:1px; background-color:#FFFFFF; border:1px solid #AFBDCF; font-family:'FontAwesome'; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
INPUT[type=radio]:checked + label:before { border:7px solid #F07E1E; } 

SELECT { padding-right:22px !important; background-image:url(../pix/select-dropdown.svg) !important; background-repeat:no-repeat !important; background-position:right 8px center !important; }
.ie SELECT { padding-right:5px !important; background-image:none !important; }

.contentSectionGrey .formHead,
.contentSectionLightBlue .formHead,
.contentSectionBlue .formHead,
.contentSectionLightOrange .formHead,
.contentSectionOrange .formHead { padding:0 0 0 0; background:none; }
.contentSectionGrey .formContent,
.contentSectionLightBlue .formContent,
.contentSectionBlue .formContent,
.contentSectionLightOrange .formContent,
.contentSectionOrange .formContent { padding:0 0 0 0; margin:-20px -20px 0 -20px; background:none; }
.contentSectionGrey .formFoot,
.contentSectionLightBlue .formFoot,
.contentSectionBlue .formFoot,
.contentSectionLightOrange .formFoot,
.contentSectionOrange .formFoot { padding:0 0 0 0; margin:0 0 0 0; background:none; }


/* Spezielle Formulare */
#formKontakt TEXTAREA { height:11.9em; }
#formAnmeldung {}
#formHaendlerregistrierung TEXTAREA { height:5.4em; }
#formGratisTest {}


/* SEITE: Alle */
#contentSectionTitle { min-height:175px; color:#FFFFFF; background:url(../../images/sonstige/PageTitle-bg.jpg) no-repeat center center; background-size:cover; }
#contentSectionTitle .contentSectionContent { padding:0 0 0 0; }
#contentSectionTitle .contentBoxInner { margin:50px 20px; }
#contentSectionTitle H1,
#contentSectionTitle P { margin:0 0 0 0; color:#FFFFFF; }


/* SEITE: Startseite */
#sectionStartHero { max-height:600px; background:url(../../images/start/Image_Header.jpg) no-repeat center top; background-size:cover; }
#sectionStartHero .contentSectionContent { width:1200px; }
#sectionStartHero .contentBox21 .contentBoxContent { padding:120px 0 60px 0; }
#sectionStartHero H1 {}
#sectionStartHero P { margin:2em 0 3em 0; max-width:450px; }


/* SEITE: Ratgeber */
.pageRatgeber #contentSectionTitle { background-image:url(../../images/sonstige/PageTitle-Ratgeber.jpg); }


/* SEITE: Lieferanten */
.pageLieferanten #contentSectionTitle { background-image:url(../../images/sonstige/PageTitle-Lieferanten.jpg); }
.pageLieferanten #contentContainer { min-height:700px; }
#sectionLieferantenSuche { border-top:1px solid #FFFFFF; }
#formLieferantenSuche { position:relative; width:500px; max-width:100%; margin:30px auto; }
#formLieferantenSuche .formColumn { padding:0 0 0 0; margin:0 0 0 0; }
#formLieferantenSuche .formContent { padding:0 0 0 0; margin:0 0 0 0; }
#formLieferantenSuche .formField { padding:0 0 0 0; margin:0 0 0 0; }
#formLieferantenSuche #lieferantenSucheInput { width:100%; height:44px; line-height:44px; padding:0 48px 0 8px; border:2px solid #D2D6DA; outline:none; }
#formLieferantenSuche #lieferantenSucheInput:hover,
#formLieferantenSuche #lieferantenSucheInput:focus { border-color:#BBBFCC; }
#formLieferantenSuche #lieferantenSucheSubmit { position:absolute; right:2px; top:2px; width:40px; height:40px; padding:0 0 0 0; line-height:40px; background-color:#F07E1E; color:#FFFFFF; cursor:pointer; font-family:'FontAwesome'; font-size:21px; border:0; }
#formLieferantenSuche #lieferantenSucheSubmit:hover { background-color:#C8610D; color:#FFFFFF; } 
#sucheHilfeToggle { position:absolute; left:50%; bottom:0; width:4em; margin-left:-2.36em; background-color:#D2D6DA; color:#3B485B; padding:0.25em 0.5em; text-align:center; cursor:pointer; }
#sucheHilfeToggle:hover { background-color:#BBBFCC; color:#000000; }

#formLieferantenSuche .formFieldError #lieferantenSucheInput { border-color:#F07E1E; }
#formLieferantenSuche .formFieldError:before { content:'min. 3 Zeichen'; display:block; position:absolute; left:0; bottom:100%; padding:0.2em 0.5em; font-size:0.8em; line-height:1; color:#FFFFFF; background-color:#F07E1E; }

#sectionLieferantenSucheHilfe { display:none; position:fixed; left:0; top:0; right:0; bottom:0; background-color:rgba(59,72,91,0.8); z-index:300; }
#sectionLieferantenSucheHilfe .contentSectionContent { position:absolute; left:50%; top:55%; margin:-200px 0 0 -320px; width:640px; max-width:95%; max-height:95%; padding:30px; background-color:#F2F4F7; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; -o-transition:all 0.33s; -moz-transition:all 0.33s; -webkit-transition:all 0.33s; -ms-transition:all 0.33s; transition:all 0.33s; }
#sectionLieferantenSucheHilfe.act .contentSectionContent { top:50%; }
#sectionLieferantenSucheHilfe .close { display:block; position:absolute; right:0; top:0; width:2em; height:2em; line-height:2em; text-align:center; background-color:#FFFFFF; }
#sectionLieferantenSucheHilfe .close:hover { color:#F07E1E; }

/* Kategorien - Index*/
#categoriesIndexToggle { position:absolute; left:50%; bottom:0; width:9em; margin-left:-5em; }
#categoriesIndexToggle A { display:block; background-color:#D2D6DA; color:#3B485B; padding:0.33em 0.5em; line-height:1; text-align:center; cursor:pointer; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
#categoriesIndexToggle A I { margin:-0.05em 0 0 0.5em; float:right; font-size:21px; color:#3B485B; }
#categoriesIndexToggle A:hover { background-color:#BBBFCC; color:#000000; }
#categoriesIndexToggle A.act I:before { content:'\f139'; }
#sectionSucheKategorienIndex { display:none; }
#sectionSucheKategorienIndex .contentSectionContent { padding:18px 0; }
.categoriesIndex { text-align:left; }
.categoriesIndex UL { margin:0 0 0 0; padding:0 0 0 0; }
.categoriesIndex UL LI { margin:0 0 0.25em 0; padding:0 0 0 0; float:left; width:33%; list-style-type:none; }
.categoriesIndex UL LI A { display:block; padding:0.5em 0.25em; line-height:1; color:#3B485B; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.categoriesIndex UL LI A:hover { color:#222222; background-color:#F2F4F7; }
.categoriesIndex UL LI A IMG { float:left; margin:-0.5em 0.5em -0.5em 0; }
.categoriesIndex UL LI A:before { display:none; }

/* Kategorien - Liste*/
#sectionCategoryBoxes .contentBox { float:none; display:inline-block; vertical-align:top; margin-right:-2px; }
#sectionCategoryBoxes .contentBox H3 { position:relative; text-transform:none; text-align:left; }
#sectionCategoryBoxes .contentBox H3 A { color:#3B485B; }
#sectionCategoryBoxes .contentBox H3 .badge { /*top:0.2em;*/s font-size:0.7em; }
.categoriesList { position:relative; text-align:left; }
.categoriesList UL { margin:0 0 0 0; }
.categoriesList UL LI A:before { display:none; }
.categoriesList .secondList { display:none; border-top:0; }
.categoriesList .toggle { position:relative; clear:both; border-top:1px solid #DDDDDD; text-align:center; }
.categoriesList .toggle I { display:block; margin:0 auto; width:2em; height:2em; line-height:2em; text-align:center; color:#3B485B; background-color:#DDDDDD; cursor:pointer; -moz-border-radius:0 0 3px 3px; -webkit-border-radius:0 0 3px 3px; border-radius:0 0 3px 3px; }
.categoriesList .toggle:hover { border-color:#CCCCCC; }
.categoriesList .toggle:hover I { color:#222222; background-color:#CCCCCC; }
.categoriesList .toggle.open I:before { content:'\f077'; }
.categoriesList .toggle.open:before { display:none; }


/* Suggest */
#formLieferantenSuche .searchError #lieferantenSucheInput { border-color:#F07E1E; }
#formLieferantenSuche .searchError:before { content:'min. 3 Zeichen'; display:block; position:absolute; left:0; bottom:100%; padding:0.2em 0.5em; font-size:0.8em; line-height:1; color:#FFFFFF; background-color:#F07E1E; }

#searchInfo { position:absolute; left:0; right:0; top:100%; text-align:center; }

#suggest_container { position:absolute; left:0; right:0; top:100%; z-index:199; text-align:left; -moz-box-shadow:0 3px 6px rgba(0,0,0,0.125); -webkit-box-shadow:0 3px 6px rgba(0,0,0,0.125); box-shadow:0 3px 6px rgba(0,0,0,0.125); }
#suggest { display:none; position:relative; z-index:200; width:100%; max-height:70vh; overflow:auto; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
#suggest UL { margin:0 0 0 0; padding:0.25em; background-color:#FFFFFF; border-bottom:3px solid #3B485B; }
#suggest UL LI { position:relative; margin:0 0 1px 0; padding:0.25em 2em 0.25em 0.25em; list-style-type:none; color:#222222; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#suggest UL LI.suggestHeader { font-size:0.8em; padding-top:0.33em; font-weight:bold; color:#3B485B; text-transform:uppercase; }
#suggest UL LI.suggestRow { color:#666666; background-color:#F2F4F7; cursor:pointer; }
#suggest UL LI.suggestRow .suggestTextQuery { font-size:0.9em; }
#suggest UL LI.suggestRow .suggestTextAmount { position:absolute; right:0; font-size:0.8em; padding:0 0.33em; }
#suggest UL LI.suggestRow .suggestTextQueryTyped { background-color:rgba(0,0,0,0.1); -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; }
#suggest UL LI.suggestHighlight,
#suggest UL LI.suggestRow:hover { color:#000000; background-color:#E4E9EF; }
	

/* SEITE: Anmeldung */
.pageAnmeldung #contentSectionTitle { background-image:url(../../images/sonstige/PageTitle-Anmeldung.jpg); }


/* SEITE: Tipps */
.pageTipps #contentSectionTitle { background-image:url(../../images/sonstige/PageTitle-Tipps.jpg); }
.tippsList { margin:-20px; }
.tippsList:after { content:''; display:block; clear:both; }
.tippsList UL { margin:0 0 0 0; padding:0 0 0 0; text-align:center; }
.tippsList UL LI { display:inline-block; text-align:left; margin:0 -2px; padding:20px; width:33.333%; min-width:270px; max-width:360px; list-style-type:none; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
.tippsListItem { position:relative; background-color:#F4F2F1; padding-bottom:20px; overflow:hidden; -o-transition:all 0.33s; -moz-transition:all 0.33s; -webkit-transition:all 0.33s; -ms-transition:all 0.33s; transition:all 0.33s; }
.tippsListItem .image { display:block; }
.tippsListItem .image A { display:block; width:100%; height:100%; position:relative; overflow:hidden; }
.tippsListItem .image A:after { z-index:10; content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0); -o-transition:all 0.33s; -moz-transition:all 0.33s; -webkit-transition:all 0.33s; -ms-transition:all 0.33s; transition:all 0.33s; }
.tippsListItem .image IMG { display:block; width:100%; height:auto; }
.tippsListItem H3 { height:4em; overflow:hidden; padding:20px; margin:0 0 0 0; font-weight:normal; text-transform:none; }
.tippsListItem .button { z-index:20; position:absolute; left:50%; top:150px; margin:-0.9em -4em; width:8em; opacity:0; text-align:center; -o-transition:all 0.33s; -moz-transition:all 0.33s; -webkit-transition:all 0.33s; -ms-transition:all 0.33s; transition:all 0.33s;}
.tippsListItem:after { content:''; display:block; clear:both; }
.tippsListItem:hover { background-color:#E4E0DE; }
.tippsListItem:hover .image A:after { background-color:rgba(59,72,91,0.6); }
.tippsListItem:hover .button { top:125px; opacity:1; }

.socialBookmarks { padding:8px  0 0 0; text-align:right; }

.tippsDetailImage { position:relative; float:right; margin:0 0 4px 8px; border:1px solid #DBDBDB; }
.tippsDetailListLink { display:block;  margin:0 0 0 0; padding:0 0 0 0; border-top:1px solid #DBDBDB; }
.tippsDetailListLink LI { margin:0 0 0 0; padding:6px; border-bottom:1px solid #DBDBDB; list-style-type:none; }
#conentSectionTippsDetailBar { background-image:url(../../images/sonstige/PageTitle-Anmeldung.jpg); }
#conentSectionTippsDetailBar P { display:block; margin:1em 0 0 0; font-size:1.5em; text-transform:uppercase; font-weight:bold; }

.tippsMini { margin:0 0 0 0; padding:0 0 0 0; border-top:1px solid #DBDBDB; }
.tippsMini LI { margin:0 0 0 0; padding:5px 0 5px 0; border-bottom:1px solid #DBDBDB; list-style-type:none; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.tippsMini LI SPAN { float:left; display:block; width:61px; height:14px; padding:1px 0 0 0; margin:0 6px 0 0; background:url(../pix/news-date-bg.png) no-repeat left center; font-size:10px; color:#FFFFFF; text-align:center; }


/* SEITE: Drop-Shipping */
.youtubeContainer {}
.youtubeContainerInner { position:relative; display:inline-block; max-width:100%; }
.youtubeContainerContent { position:relative; display:block; width:640px; max-width:100%; padding-bottom:56.25%; background-color:#000000; }
.youtubeContainerCenter { text-align:center; }
.youtubeContainerCenter .youtubeContainerInner { margin:0 auto; }
.youtubeContainer IMG { position:absolute; left:0; top:0; width:100%; height:100%; cursor:pointer; }
.youtubeContainer IFRAME { display:none; position:absolute; left:0; top:0; width:100%; height:100%; }


/* SEITE: Test */
.pageDropshipping-test #contentSectionTitle { background-image:url(../../images/sonstige/PageTitle-Test.jpg); }


/* SEITE: Test-Ergebnis */
#sectionTestErgebnis P { overflow:hidden; }
#sectionTestErgebnis .gauge { margin:1em 1em 1em 0; }
.gauge {  position:relative; width:240px; height:120px; }
.gauge .scale { position:absolute; width:100%; height:100%; background:url(../pix/Anzeige-Einsteiger-Profi.svg) no-repeat center top; }
.gauge .pin { display:block; position:absolute; z-index:20; right:50%; bottom:0; margin:0 -7px -7px 0; width:14px; height:14px; background:#999999; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; -o-transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); transform:rotate(0deg); -moz-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; -webkit-animation-fill-mode:both; animation-fill-mode:both; }
.gauge .pin:after { display:block; content:''; z-index:18; position:absolute; right:50%; bottom:4px; margin:0 6px 0 0; width:85px; height:6px; background:#999999; background:linear-gradient(to bottom, #999999 49%, #888888 50%); border-radius:50% 0 0 50%; }


/* SEITE: Ratgeber */
.pageDrop-shipping #contentSectionTitle { background-image:url(../../images/sonstige/PageTitle-DropShipping.jpg); }


/* SEITE: Presse */
.presseList:after { content:''; display:block; clear:both; }
.presseList UL { margin:0 0 0 0; padding:0 0 0 0; }
.presseList UL LI { margin:0 0 0 0; padding:1em 0; list-style-type:none; border-bottom:1px solid #DDDDDD; }
.presseList UL LI:after { content:''; clear:both; display:block; }
.presseList UL LI .date { display:inline-block; padding:0.2em 0.5em; margin:0 0 0.8em 0; font-size:0.75em; background:#CCCCCC; color:#FFFFFF; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; }
.presseList UL LI .title {}
.presseList UL LI .text {}
.presseList UL LI .image { float:right; margin:0.3em 0 0 1em; border:1px solid #DDDDDD; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
.presseList UL LI .image IMG { display:block; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }

.presseDetail {}
.presseDetail .image { float:right; margin:0 0 0.5em 1em; border:1px solid #DDDDDD; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
.presseDetail .image IMG { display:block; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }


/* SEITE: Erfahrungen */
.erfahrungen {}
.erfahrungen:after { content:''; display:block; clear:both; }
.erfahrungen UL { margin:0 0 0 0; padding:0 0 0 0; }
.erfahrungen UL LI { margin:0 0 2em 0; padding:0 0 0 0; list-style-type:none; }
.erfahrungen UL LI:after { content:''; clear:both; display:block; }
.erfahrungen UL LI .person { float:left; width:36%; padding:0.25em 1em; text-align:right; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; -o-transition:all 0.33s; -moz-transition:all 0.33s; -webkit-transition:all 0.33s; -ms-transition:all 0.33s; transition:all 0.33s; }
.erfahrungen UL LI .person P { margin:0 0 0 0 !important; font-size:0.9em; }
.erfahrungen UL LI .person IMG { position:relative; top:0; left:0; float:right; margin:0 0 0 1em; width:64px; height:64px; border:3px solid #E4E0DE; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; -o-transition:all 0.33s; -moz-transition:all 0.33s; -webkit-transition:all 0.33s; -ms-transition:all 0.33s; transition:all 0.33s; }
.erfahrungen UL LI .zitat { position:relative; float:right; margin:0 0 0 0 !important; width:62%; padding:0.75em 1em; background:#F4F2F1; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; -o-transition:all 0.33s; -moz-transition:all 0.33s; -webkit-transition:all 0.33s; -ms-transition:all 0.33s; transition:all 0.33s; }
.erfahrungen UL LI .zitat:before { content:''; position:absolute; right:100%; top:1.25em; border-right:0.75em solid #F4F2F1; border-top:0.75em solid transparent; border-bottom:0.75em solid transparent; -o-transition:all 0.33s; -moz-transition:all 0.33s; -webkit-transition:all 0.33s; -ms-transition:all 0.33s; transition:all 0.33s; }
/*
.erfahrungen UL LI:nth-child(odd) .person { float:right; text-align:left; }
.erfahrungen UL LI:nth-child(odd) .person IMG { float:left; margin:0 1em 0 0; }
.erfahrungen UL LI:nth-child(odd) .zitat { float:left; }
.erfahrungen UL LI:nth-child(odd) .zitat:before { right:auto; left:100%; border-left:0.75em solid #F4F2F1; border-right:0; }
*/
.erfahrungen UL LI:hover .zitat { background-color:#D4D0CE; }
.erfahrungen UL LI:hover .zitat:before { border-left-color:#D4D0CE; border-right-color:#D4D0CE; }
.erfahrungen UL LI:hover IMG { top:-2px; border-color:#D4D0CE; -moz-box-shadow:0 2px 5px rgba(0,0,0,0.1); -webkit-box-shadow:0 2px 5px rgba(0,0,0,0.1); box-shadow:0 2px 5px rgba(0,0,0,0.1); }


/* SEITE: Members-Login */
#contentLoginInfo .button { margin:0 0.5em 0.5em 0; }


/* Seite Members-Index */
.membersIndex {}
.membersIndex:after { content:''; clear:both; display:block; }
.membersIndex UL { margin:-20px; padding:0 0 0 0; text-align:center; }
.membersIndex UL LI { display:inline-block; width:25%; min-width:148px; max-width:270px; margin:0 -2px; padding:20px; list-style:none; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
.membersIndex UL LI A { display:block; }
.membersIndex UL LI A:before { display:none; }
.membersIndex UL LI DIV { position:relative; overflow:hidden; }
.membersIndex UL LI IMG { display:block; width:100%; -o-transition:all 0.33s; -moz-transition:all 0.33s; -webkit-transition:all 0.33s; -ms-transition:all 0.33s; transition:all 0.33s; }
.membersIndex UL LI SPAN { display:block; position:absolute; left:0; top:0; right:0; bottom:0; background-color:rgba(59,72,91,0.6); transition:all 0.33s; -o-transition:all 0.33s; -moz-transition:all 0.33s; -webkit-transition:all 0.33s; -ms-transition:all 0.33s; }
.membersIndex UL LI H3 { margin:0 0 0 0; padding:0.5em 0; background-color:#3B485B; color:#FFFFFF; line-height:1; text-align:center; font-weight:normal; font-size:1.2em; border-top:4px solid #F07E1E; -o-transition:all 0.33s; -moz-transition:all 0.33s; -webkit-transition:all 0.33s; -ms-transition:all 0.33s; transition:all 0.33s; }
.membersIndex UL LI A:hover SPAN { background-color:rgba(59,72,91,0); }
.membersIndex UL LI A:hover > DIV > IMG { -moz-transform:scale(1.2) rotate(5deg); -webkit-transform:scale(1.2) rotate(5deg); -o-transform:scale(1.2) rotate(5deg); -ms-transform:scale(1.2) rotate(5deg); transform:scale(1.2) rotate(5deg);  }
.membersIndex UL LI A:hover H3 { color:#FFFFFF; background-color:#F07E1E; }


/* SEITE: Members-Lieferanten */
.lieferantenAnfragen { text-align:left; }
.lieferantenAnfragen UL { margin:0 0 0 0; padding:0 0 0 0; }
.lieferantenAnfragen UL LI { margin:0 0 0 0; padding:0.5em; list-style:none; position:relative; }
.lieferantenAnfragen UL LI:after { content:''; clear:both; display:block; }
.lieferantenAnfragen UL LI:nth-child(odd) { background-color:#F2F4F7; }
.lieferantenAnfragen UL LI A { position:relative; display:block; padding-right:3.6em; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.lieferantenAnfragen UL LI SPAN { position:absolute; right:0; top:auto; margin-top:0.2em; font-size:0.8em; color:#999999; }

.lieferantenAnfragen UL LI .delete { position:absolute; right:0; top:0; }
.lieferantenAnfragen UL LI .delete A { padding:0.5em; margin:0 0 0 0; text-align:center; }
.lieferantenAnfragen UL LI .delete A:before { content:'\f057'; font-family:'FontAwesome'; color:#999999; }
#contentBoxLieferantenFavoriten .lieferantenAnfragen UL LI { padding-right:2em; }

.lieferantenListe { text-align:left; }
.lieferantenListe UL { margin:0 0 0 0; padding:0 0 0 0; }
.lieferantenListe UL LI { margin:0 -1em; padding:1em; list-style:none; position:relative; }
.lieferantenListe UL LI:hover { background-color:rgba(0,0,0,0.03); }
.lieferantenListe UL LI:hover A { color:#F07E1E; }
.lieferantenListe H3 { margin:auto 0 0.25em 0; }
.lieferantenListe P { position:relative; margin:auto 0 0.15em 0; padding-left:1.5em; }
.lieferantenListe P:before { position:absolute; left:0; top:0; width:1em; content:''; font-family:'FontAwesome'; color:#999999; }
.lieferantenListe P.location { font-weight:bold; }
.lieferantenListe P.location:before { content:'\f041'; }
.lieferantenListe P.products { font-size:0.9em; padding-left:1.7em; }
.lieferantenListe P.products:before { content:'\f1b2'; }


/* SEITE: Members-Lieferanten-Details */
.lieferantenData { text-align:left; padding:1em; background-color:#F2F4F7; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; }
.lieferantenData H3 { margin:0 0 0.5em 0; }
.lieferantenData UL { margin:0 0 0 0; padding:0 0 0 0; }
.lieferantenData UL LI { margin:0 0 0 0; padding:0.33em 0; line-height:1; list-style:none; /*border-top:1px solid #DDDDDD;*/ }
.lieferantenData UL LI EM { float:left; width:33.333%; font-size:0.8em; font-style:normal; font-weight:bold; color:#444444; text-transform:uppercase; }

.lieferantenFacts { padding:1em 0 0 0; text-align:left; }
.lieferantenFacts:after { content:''; display:block; clear:both; visibility:hidden; }
.lieferantenFacts UL { margin:0 0 0 0; padding:0 0 0 0; }
.lieferantenFacts UL LI { float:left; width:33.333%; margin:0.5em 0; padding:0 0; line-height:1.25; font-size:1.15em; list-style:none; }
.lieferantenFacts UL LI I { float:left; display:block; width:1.75em; height:1.75em; line-height:1.75; font-size:1.15em; margin-right:0.25em; font-weight:normal; text-align:center; color:#3B485B; background-color:#F2F4F7; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; }
.lieferantenFacts UL LI EM { display:block; font-size:0.7em; font-style:normal; font-weight:bold; color:#444444; text-transform:uppercase; }

.lieferantenScreenshot { position:relative; padding-bottom:90%; background:url(../../images/intern/screenshotFrame.png) no-repeat center top; background-size:cover; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
.lieferantenScreenshot A { position:absolute; left:0; top:0; right:0; padding:4.25%; height:66%; display:block; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; overflow:hidden; }
.lieferantenScreenshot IMG { width:100%; }

.lieferantenLinkWebsite,
.lieferantenLinkProblem,
.lieferantenLinkFavAdd,
.lieferantenLinkFavRemove { margin-bottom:0.8em; }
.lieferantenLinkWebsite .button,
.lieferantenLinkProblem .button,
.lieferantenLinkFavAdd .button,
.lieferantenLinkFavRemove .button { text-align:left; padding-left:1em; font-size:1.15em; text-transform:none; }
.lieferantenLinkWebsite .button:before,
.lieferantenLinkProblem .button:before,
.lieferantenLinkFavAdd .button:before,
.lieferantenLinkFavRemove .button:before { display:inline-block; font-family:'FontAwesome'; margin-right:0.5em; }

.lieferantenLinkWebsite .button:before { content:'\f08e'; }
.lieferantenLinkProblem .button:before { content:'\f06a'; }
.lieferantenLinkFavAdd .button:before { content:'\f005'; }
.lieferantenLinkFavRemove .button:before { content:'\f00d'; }

#databaseDataFormProblem { display:none; }
#databaseDataFormProblem:after { content:''; display:block; clear:both; visibility:hidden; }
#databaseDataFormProblem .formContent { padding:10px; }
#databaseDataFormProblem .formFoot { padding:20px; }
#databaseDataFormProblem .submit {}
#databaseDataFormProblem #problemFieldSonstigesText { display:none; }

.tabs { margin-bottom:1em; text-align:left; }
.tabsToggles { position:relative; margin:0 0 1em 0; padding:0 0 0 0; }
.tabsToggles:after { content:''; clear:both; display:block; }
.tabsToggles LI { margin:0 0 0 0; padding:0 2px 0 0; list-style-type:none; float:left; line-height:1; font-weight:bold; }
.tabsToggles LI A { position:relative; display:block; margin:0 0 0 0; padding:0.66em 1em; color:#3B485B !important; background-color:#F2F4F7; }
.tabsToggles LI A:before { display:none; }
.tabsToggles LI.act A,
.tabsToggles LI A:hover { color:#FFFFFF !important; background-color:#F07E1E; }
.tabsToggles LI.act A:after { content:''; display:block; position:absolute; left:50%; bottom:-6px; margin-left:-6px; border-top:6px solid #F07E1E; border-left:6px solid transparent; border-right:6px solid transparent; }
.tabsPanels { position:relative; }
.tabsPanels .tabsPanel { display:none; }
.tabsPanels .tabsPanel.act { display:block; }

.lieferantenDetailProducts UL { padding:0 0 0 0; border-top:1px solid #DDDDDD; }
.lieferantenDetailProducts UL LI { margin:0 0 0 0; padding:0.66em 0; float:left; width:33.333%; border-bottom:1px solid #DDDDDD; list-style-type:none; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
.lieferantenDetailProducts UL LI I.fa { width:1.5em; margin-right:0.5em; }
.lieferantenDetailProducts UL:after { content:''; display:block; clear:both; }

.lieferantenDetailLabels UL { padding:0 0 0 0; border-top:1px solid #DDDDDD; }
.lieferantenDetailLabels UL LI { margin:0 0 0 0; padding:0.66em 0; float:left; width:33.333%; border-bottom:1px solid #DDDDDD; list-style-type:none; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
.lieferantenDetailLabels UL LI I.fa { width:1.5em; margin-right:0.5em; }
.lieferantenDetailLabels UL:after { content:''; display:block; clear:both; }


/* SEITE: Members-Marktanalyse */
#formMarktanalyseSuche { margin:10px auto; width:500px; max-width:100%; text-align:center; background:none; }
#formMarktanalyseSuche .formContent { margin:0 0 0 0; padding:0 0 0 0; }
#formMarktanalyseSuche .formField { margin:0 0 0 0; padding:0 0 0 0; }
#formMarktanalyseSuche #marktanalyseSearchInput { width:100%; height:44px; line-height:44px; padding:0 48px 0 8px; border:2px solid #D2D6DA; outline:none; }
#formMarktanalyseSuche #marktanalyseSearchInput:focus,
#formMarktanalyseSuche #marktanalyseSearchInput:hover { border-color:#BBBFCC; }
#formMarktanalyseSuche #marktanalyseSubmit { position:absolute; right:2px; top:2px; width:6em; padding:0 0 0 0; height:40px; line-height:40px; border:0; font-size:1.15em; color:#FFFFFF; background-color:#F07E1E; cursor:pointer; }
#formMarktanalyseSuche #marktanalyseSubmit:hover { background-color:#C8610D; }

/* Marktanalyse - Letzte Suchanfragen */
.analyseAnfragen { text-align:left; }
.analyseAnfragen UL { margin:0 0 0 0; padding:0 0 0 0; }
.analyseAnfragen UL LI { margin:0 0 0 0; padding:0.5em; list-style:none; position:relative; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.analyseAnfragen UL LI:after { content:''; clear:both; display:block; }
.analyseAnfragen UL LI:nth-child(odd) { background-color:#F2F4F7; }
.analyseAnfragen UL LI A { position:relative; display:block; padding-right:3.6em; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.analyseAnfragen UL LI SPAN { position:absolute; right:0; top:auto; margin-top:0.2em; font-size:0.8em; color:#999999; }
.analyseAnfragen UL LI .delete { position:absolute; right:0; top:0; }
.analyseAnfragen UL LI .delete A { position:static; right:auto; top:auto; padding:0.5em; text-align:center; color:#999999; }
.analyseAnfragen UL LI .delete A:hover { color:#000000; }

#contentBoxMarktanalyseFavoriten .analyseAnfragen UL LI { padding-right:2em; }

/* Marktanalyse - Suche-Vergleich */
#formMarktanalyseSucheVergleich { margin:10px auto; width:100%; max-width:100%; text-align:center; background:none; }
#formMarktanalyseSucheVergleich .formContent { margin:0 0 0 0; padding:0 0 0 0; }
#formMarktanalyseSucheVergleich .formField { margin:0 0 0 0; padding:0 10px; width:28%; float:left; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
#formMarktanalyseSucheVergleich .formField INPUT[type="text"] { width:100%; height:44px; line-height:44px; padding:0 48px 0 8px; border:2px solid #D2D6DA; outline:none; }
#formMarktanalyseSucheVergleich .formField INPUT[type="text"]:focus,
#formMarktanalyseSucheVergleich .formField INPUT[type="text"]:hover { border-color:#BBBFCC; }
#formMarktanalyseSucheVergleich .formFieldSubmit { width:16%; }
#formMarktanalyseSucheVergleich .submit { width:100%; margin:2px 0 0 0; padding:0 0 0 0; height:40px; line-height:40px; border:0; font-size:1.15em; color:#FFFFFF; background-color:#F07E1E; cursor:pointer; }
#formMarktanalyseSucheVergleich #marktanalyseSubmit:hover { background-color:#C8610D; }

/* Marktanalyse - Formular-Modal-Box */
#sectionMarktanalyseVergleichen { display:none; position:fixed; left:0; top:0; right:0; bottom:0; background-color:rgba(59,72,91,0.8); z-index:300; }
#sectionMarktanalyseVergleichen .contentSectionContent { position:absolute; left:50%; top:55%; margin:-200px 0 0 -320px; width:400px; max-width:95%; max-height:95%; padding:30px; background-color:#F2F4F7; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; -o-transition:all 0.33s; -moz-transition:all 0.33s; -webkit-transition:all 0.33s; -ms-transition:all 0.33s; transition:all 0.33s; }
#sectionMarktanalyseVergleichen.act .contentSectionContent { top:50%; }
#sectionMarktanalyseVergleichen .close { display:block; position:absolute; right:0; top:0; width:2em; height:2em; line-height:2em; text-align:center; background-color:#FFFFFF; }
#sectionMarktanalyseVergleichen .close:hover { color:#F07E1E; }
#sectionMarktanalyseVergleichen .formContent { background:none; margin:0 0 0 0; padding:0 0 0 0; }
#sectionMarktanalyseVergleichen .formFoot { background:none; padding:20px 0 0 0; }


/* SEITE: Shop-Software */
#contentBoxShopsoftware1 .contentBoxContent,
#contentBoxShopsoftware2 .contentBoxContent {}
.shopsoftwareScreenshotContainer { max-width:320px; margin:1em auto; background:none; }
.shopsoftwareScreenshot { position:relative; width:100%; padding:4.25% 4.25% 28% 4.25%; background:url(../../images/intern/screenshotFrame.png) no-repeat center top; background-size:cover; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
.shopsoftwareScreenshot IMG { display:block; margin:0 0 0 0 !important; }
.shopsoftwareScreenshot SPAN.free { position:absolute; left:-10px; top:45%; display:block; padding:0.25em 1em; color:#FFFFFF; text-transform:uppercase; font-weight:bold; background-color:#F07E1E; -moz-border-radius:0 1em 1em 0; -webkit-border-radius:0 1em 1em 0; border-radius:0 1em 1em 0; -moz-box-shadow:1px 1px 1px rgba(0,0,0,0.5); -webkit-box-shadow:1px 1px 1px rgba(0,0,0,0.5); box-shadow:1px 1px 1px rgba(0,0,0,0.5); }
.shopsoftwareScreenshot SPAN.free:before { content:''; display:block; position:absolute; left:0; top:-5px; border-bottom:5px solid #C8610D; border-left:10px solid transparent; }
.banderole { position:relative; margin:0 -30px 1em -30px; padding:0.5em; background-color:#F07E1E; color:#FFFFFF; }
.banderole * { margin:0 0 0 0; color:#FFFFFF; }
.banderole:before { content:''; display:block; position:absolute; left:0; top:-5px; border-bottom:5px solid #C8610D; border-left:10px solid transparent; }
.banderole:after { content:''; display:block; position:absolute; right:0; top:-5px; border-bottom:5px solid #C8610D; border-right:10px solid transparent; }
.priceBox { background-color:#F2F4F7; margin-top:1em; padding:1em 1em 0.2em 1em; }


/* SEITE: Ihre Daten */
#contentBoxDatenRechnung { margin-top:0.66em; }
#contentBoxDatenRechnung .contentBoxContent { padding:1em; background-color:#FFFFFF; }


/* Mobil */
.is-mobile #naviToggle { display:block; }
.is-mobile #topArea { display:none; }
.is-mobile #naviMain { display:none; }
.is-mobile #menuSidebar { display:block; }


/* Responsive */
@media only screen and (max-width:1024px) {
#naviToggle { display:block; }
#topArea { display:none; }
#naviMain { display:none; }
#naviFoot { display:none; }
#menuSidebar { display:block; }
}

@media only screen and (max-width:976px) {
.contentBox31 { width:50%; }
.contentBox32 { width:100%; }

/* SEITE: Start */
#sectionStartHero { background-position:40% center; }
#sectionStartHero .contentBox21 { width:66%; }

/* SEITE: Members Lieferanten-Details */
.lieferantenDetailProducts UL LI,
.lieferantenDetailLabels UL LI { width:50%; }
}

@media only screen and (max-width:900px) {
#customerInfoLabel SPAN { display:none; }

.list2cols.listFacts LI,
.list3cols.listFacts LI,
.list4cols.listFacts LI { width:100%; }

/* SEITE: Start */
#sectionStartHero .contentBox21 .contentBoxContent { padding-top:60px; }
#sectionStartPraxistipps .contentBox21 { text-align:center; }
#sectionStartPraxistipps .contentBox21 .imageLeftOver { margin:0 0 1em 0; float:none; }

/* SEITE: Lieferanten */
#sectionLieferantenSucheHilfe .contentBoxInner { margin:10px; }

/* SEITE: Tipps */
.tippsList UL LI { width:50% }

/* SEITE: Erfahrungen */
.erfahrungen UL LI .person,
.erfahrungen UL LI:nth-child(odd) .person { width:40%; }
.erfahrungen UL LI .zitat,
.erfahrungen UL LI:nth-child(odd) .zitat { width:56%; }

/* SEITE: Members-Index */
.membersIndex UL LI { width:50%; }

/* SEITE: Members Lieferanten */
.categoriesIndex UL LI { width:50%; }
}

@media only screen and (max-width:680px) {
H1, H2, H3 { text-transform:none; }

#naviToggle SPAN { display:none; }
#naviFoot { display:none; }
#logo { top:33px; width:200px; }

#customerInfoLabel { padding:20px;  }
#customerInfo { display:none; }
/*
#customerInfo { width:auto; padding:23px 0; }
#customerInfoContent { background:none; padding:0; }
#customerInfoContent I.icon,
#customerInfoContent P { display:none; }
#customerInfoContent UL { margin:0 0 0 0; }
#customerInfoContent { height:auto; }
*/

.contentSectionContent { text-align:center; padding:36px 0; }
.contentBox11,
.contentBox21,
.contentBox31,
.contentBox32,
.contentBox41,
.contentBox42,
.contentBox43,
.contentBox51,
.contentBox52,
.contentBox53,
.contentBox54,
.contentBox61,
.contentBox62,
.contentBox63,
.contentBox64,
.contentBox65 { width:100%; text-align:left; }
.contentBoxHead { text-align:center; }
.contentBoxContent { text-align:center; }

.formContent { text-align:left; padding:0; }
.formColumn21,
.formColumn31 { width:100%; }
.formFoot { padding:20px; }

.list2cols LI,
.list3cols LI,
.list4cols LI { width:100%; }

.imageLeft,
.imageRight,
.imageLeftOver,
.imageRightOver { margin:0 0 1em 0; float:none; }

/* SEITE: Start */
#sectionStartHero { background-position:left center; }
#sectionStartHero .contentSectionContent { text-align:left; }
#sectionStartHero .contentBox21 { width:100%; }
#sectionStartHero .contentBox21 .contentBoxContent { padding-top:0; padding-bottom:0; }
#sectionStartHero P { margin:1em 0; }

/* SEITE: Lieferanten */
.pageLieferanten #contentContainer { min-height:800px; }
#sectionLieferantenSucheHilfe .contentSectionContent { margin-left:-150px; width:300px; }
#sectionLieferantenSucheHilfe .contentBoxInner { margin:10px 0; }

/* SEITE: Test */
#formGratisTest .formField3col UL LI { width:100% }
#formGratisTest .formColumn21,
#formGratisTest .formColumn31 { padding:0 20px; }

/* SEITE: Test Ergebnis */
#sectionTestErgebnis .gauge { margin:1em auto; }

/* SEITE: Tipps */
.tippsList UL LI { width:100% }

/* SEITE: Erfahrungen */
.erfahrungen UL LI .person,
.erfahrungen UL LI:nth-child(odd) .person { float:none; margin:0 0 0 0; padding:1em 0; width:100%; }
.erfahrungen UL LI .zitat,
.erfahrungen UL LI:nth-child(odd) .zitat { float:none; margin:0 0 0 0; width:100%; }
.erfahrungen UL LI .zitat:before,
.erfahrungen UL LI:nth-child(odd) .zitat:before { left:auto; right:23px; top:auto; bottom:100%; margin-left:-0.75em; bordr-top:0; border-left:0.75em solid transparent; border-right:0.75em solid transparent; border-bottom:0.75em solid #F4F2F1; }
.erfahrungen UL LI:hover .zitat:before { border-bottom-color:#D4D0CE; border-left-color:transparent; border-right-color:transparent; }

/* SEITE: AGB */
.pageAgb H1 { font-size:1.5em; }

/* SEITE: Datenschutz */
.pageDatenschutz H1 { font-size:1.25em; }

/* SEITE: Haendlerregistrierung */
.pageHaendlerregistrierung H1 { font-size:1.5em; }

/* SEITE: Members-Index */
.membersIndex UL { margin:-10px; }
.membersIndex UL LI { padding:10px; }
.membersIndex UL LI H3 { font-size:1.1em; }


/* SEITE: Members Lieferanten */
.categoriesIndex UL LI { width:100%; }

/* SEITE Members-Lieferanten-Details */
.lieferantenFacts UL LI { width:100%; }
.lieferantenDetailProducts UL LI,
.lieferantenDetailLabels UL LI { width:100%; }

/* SEITE: Members-Marktanalyse */
#formMarktanalyseSuche .formField { text-align:center; }
#formMarktanalyseSuche #marktanalyseSubmit { position:static; right:auto; top:auto; margin-top:0.5em; }

/* SEITE: Members-Marktanalyse-Vergleich */
#formMarktanalyseSucheVergleich .formField { width:50%; padding-bottom:1em; }
}

@media only screen and (max-width:480px) {
#customerInfoLabel { float:none; }
#customerInfo { float:none; padding:0 0 20px 0; }

/* SEITE: Ratgeber */
#formRatgeber { margin-bottom:1em; }

/* SEITE: Members-Lieferanten-Details */
.lieferantenData UL LI EM { float:none; width:auto; display:block; margin-bottom:0.2em; }

/* SEITE: Members-Marktanalyse-Vergleich */
#formMarktanalyseSucheVergleich .formField { width:100%; text-align:center; }
#formMarktanalyseSucheVergleich .submit { width:auto; padding-left:1em; padding-right:1em; float:none; }
}

@media only screen and (max-width:370px) {
#contentBoxShopsoftware1 .contentBoxContent, #contentBoxShopsoftware2 .contentBoxContent { padding-bottom:15em; }
}