/* -- ALLGEMEIN  ------------------------------------------------------------ */

/* Firefox hält einige seltsame Stile für Fieldsets parat, bei denen width die
   responsive Tabelle stört. Dies kann ohne einen Firefox-spezifischen Hack,
   den wir nicht in Bootstrap zur Verfügung stellen, nicht umgangen werden:   */
@-moz-document url-prefix() { fieldset { display: table-cell; } }

.img-center { display: block; margin-right: auto;  margin-left: auto; margin-bottom: 20px; }
.img-left { float: left !important; margin-right: 20px; margin-bottom: 20px; }
.img-right { float: right !important; margin-left: 20px; margin-bottom: 20px; }

.se-rechtliches-no-se { margin: 30px; }

.no-top-margin { margin-top: 0; }
.no-right-margin { margin-right: 0; }
.no-bottom-margin { margin-bottom: 0; }
.no-left-margin { margin-left: 0; }
.no-top-padding { padding-top: 0; }
.no-right-padding { padding-right: 0; }
.no-bottom-padding { padding-bottom: 0; }
.no-left-padding { padding-left: 0; }

/* -- CAPTCHA  -------------------------------------------------------------- */
.captcha{margin:0 0 10px 0; }
.captcha_input{width:70px !Important; margin:0 12px 0 0px; float:left !Important; }
.captcha_rahmen{background-color:#ffffff; padding:4px; border:1px solid #D4D4D4; width:120px; line-height:1 !Important; float:left; font-size:8px; text-align:center;}
.captchac{color:#000000; background-color:#000000;}
.captchab{color:#ffffff; background-color:#ffffff;}

/* -- 404  ------------------------------------------------------------------ */
.col-404 h1 { margin-top: 40px !Important; }
.col-404 a { color: #303; }
.col-404 a:hover { color: red; text-decoration: none;}
.col-404 p.sub { margin-top: 0px !Important; font-size: 20px;}
.col-404 .big-404 { margin-top: 0px !Important; font-size: 256px; }
.col-404 .big-404 span.s404-1 { color: #999;}
.col-404 .big-404 span.s404-2 { color: #ff9d9d;}

/* -- Responsive Video/Image ------------------------------------------------ */
.responsive-video{position:relative;  padding-bottom:56.25%;  padding-top:15px;  height:0;  overflow:hidden;  margin-bottom:12px;}
.responsive-video iframe{position:absolute;  top:0;  left:0;  width:100%;  height:100%;}
.img-hresponsive { display: block; height: 100%; width: auto; }

/* -- WARENKORB  ------------------------------------------------------------ */
.cart-basic { z-index: 9998; color: #333;}
.cart-basic .spfix { display: block; width: 100px; float:left; margin-right: 6px;}
.cart-basic * h4 { font-size: 14px; font-weight: bold; border-bottom: 1px solid #ddd; padding-bottom: 4px;}
.cart-basic table.cart {}
.cart-basic .cart-agb { padding: 10px; background: #ffffcc; margin-bottom: 6px; margin-top: 6px;}
.cart-basic .cart-artikel { padding: 10px; background: #fafafa; }

/* -- GASTEBUCH  ------------------------------------------------------------ */
.gb-modal { z-index: 9998; }
.gb-modal h4, .gb-modal label { color: #333; }

/* -- COOKIE - BOX  --------------------------------------------------------- */
#cookie_box { position: fixed; z-index: 9999; bottom: 0; left: 0; width: 100%; padding: 15px 40px; background: #555; color: #fff; }
#cookie_box .cookie-text { padding-top: 8px }
#cookie_box a { margin-right: 10px; }

/* -- ANKER ELEMENT --------------------------------------------------------- */
.se-anker-div {	width: 100%; text-align: center; }
.se-anker { width: auto; list-style: none; margin: 0 auto; margin: 2px auto; line-height: 1.4; padding-left: 0; }
.se-anker li { display: inline; text-align: center; margin-right: 6px; padding: 4px 8px; background: #efefef; color: #333;}

/* -- FROALA ---------------------------------------------------------------- */
img.fr-fil{z-index:1; position:relative; margin:auto; overflow:auto; padding:10px 10px 10px 3px; float:left !important;}
img.fr-fil.fr-dib{float:none !important; margin-left:0 !important;}
img.fr-fir{z-index:1; position:relative; margin:auto; overflow:auto; padding:10px 3px 10px 10px; float:right !important;}
img.fr-fir.fr-dib{float:none !important; margin-right:0 !important;}
img.fr-fin{z-index:1; position:relative; margin:auto; overflow:auto; float:none;}
img.fr-fin.fr-dib{padding:10px 0;}
img.fr-dib{vertical-align:top; display:block;}
a.fr-file{position:relative;}
a.fr-file:before{position:relative; display:inline-block; font-family:FontAwesome; font-style:normal; font-weight:normal; line-height:1; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; content:"\f0c6"; top:0; padding-right:3px;}
.froala-view table, table.fr-tag{border-collapse:collapse; empty-cells:show; width:100%; margin-bottom:10px; margin-top:10px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.froala-view table td, table.fr-tag td{border:solid 1px #cccccc; padding:5px; vertical-align:top;}
.froala-view table th, table.fr-tag th{background:#e6e6e6; border:solid 1px #cccccc; padding:5px; vertical-align:top;}
.froala-view pre, pre.fr-tag{white-space:pre-wrap;
    /* CSS3 */
    white-space:-moz-pre-wrap;
    /* Mozilla,post millennium */
    white-space:-pre-wrap;
    /* Opera 4-6 */
    white-space:-o-pre-wrap;
    /* Opera 7 */
    word-wrap:break-word;
    /* Internet Explorer 5.5+ */
    border:solid 1px #cccccc; background:#fcfcfc; padding:10px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -moz-background-clip:padding; -webkit-background-clip:padding-box; background-clip:padding-box; font-family:"Courier New",Courier,monospace;}
.froala-view blockquote, blockquote.fr-tag{margin-left:20px; margin-right:0; margin-top:0; padding-left:20px; position:relative; font-style:italic; border-left:solid 5px #cccccc;}
.froala-view hr, hr.fr-tag{height:0px; border:0; border-top:solid 1px #cccccc; clear:both;}
.fr-fvn{float:none; display:block !important; text-align:center !important;}
.fr-fvl{float:left; margin:10px 10px 10px 1px;}
.fr-fvr{float:right; margin:10px 1px 10px 10px;}
.fr-tnv{float:none !important; margin:auto; text-align:center; display:block !important;}
.fr-tnv.fr-fvl{text-align:left;}
.fr-tnv.fr-fvr{text-align:right;}

/* -- SOCIAL - BUTTONS ------------------------------------------------------ */
a.btn-social{  filter:progid:DXImageTransform.Microsoft.Gradient(enabled='false');  -webkit-box-shadow:none;  -moz-box-shadow:none;  box-shadow:none;  background-image:none;  border:0;  padding:6px 8px !Important;  margin-right:2px;  margin-bottom:2px;  font-size:12px !Important;  color:#fff !Important;  background-color:#333;}
a.btn-social i { font-family:'FontAwesome' !Important; }
a.btn-social:hover{background-color:#999;  color:#000 !Important;}
a.btn-Facebook,a.btn-Facebook:visited{background-color:#3b5998; color:#fff !Important;  }
a.btn-Facebook:hover,a.btn-Facebook:active{background-color:#2d4373; color:#fff !Important; }
a.btn-Spotify,a.btn-Spotify:visited{background-color:#1ed760; color:#fff !Important;  }
a.btn-Spotify:hover,a.btn-Spotify:active{background-color:#17a84a; color:#fff !Important; }
a.btn-Instagram,a.btn-Instagram:visited{background-color:#3f729b; color:#fff !Important;  }
a.btn-Instagram:hover,a.btn-Instagram:active{background-color:#305777; color:#fff !Important; }
a.btn-Twitter,a.btn-Twitter:visited{background-color:#55acee; color:#fff !Important;  }
a.btn-Twitter:hover,a.btn-Twitter:active{background-color:#2795e9; color:#fff !Important; }
a.btn-Xing,a.btn-Xing:visited{background-color:#1f6768; color:#fff !Important;  }
a.btn-Xing:hover,a.btn-Xing:active{background-color:#333; color:#fff !Important; }
a.btn-GooglePlus,a.btn-GooglePlus:visited{background-color:#dd4b39; color:#fff !Important;  }
a.btn-GooglePlus:hover,a.btn-GooglePlus:active{background-color:#c23321; color:#fff !Important; }
a.btn-Pinterest,a.btn-Pinterest:visited{background-color:#cb2027; color:#fff !Important;  }
a.btn-Pinterest:hover,a.btn-Pinterest:active{background-color:#9f191f; color:#fff !Important; }
a.btn-LinkedIn,a.btn-LinkedIn:visited{background-color:#007bb6; color:#fff !Important;  }
a.btn-LinkedIn:hover,a.btn-LinkedIn:active{background-color:#005983; color:#fff !Important; }
a.btn-Foursquare,a.btn-Foursquare:visited{background-color:#f94877; color:#fff !Important;  }
a.btn-Foursquare:hover,a.btn-Foursquare:active{background-color:#f71752; color:#fff !Important; }
a.btn-Reddit,a.btn-Reddit:visited{background-color:#eff7ff; color:#000 !Important;  }
a.btn-Reddit:hover,a.btn-Reddit:active{background-color:#bcddff; color:#000 !Important; }
a.btn-YouTube,a.btn-YouTube:visited{background-color:#cd332d; color:#fff !Important;  }
a.btn-YouTube:hover,a.btn-YouTube:active{background-color:#ac2b26; color:#fff !Important; }
a.btn-Soundcloud,a.btn-Soundcloud:visited{background-color:#f50; color:#fff !Important;  }
a.btn-Soundcloud:hover,a.btn-Soundcloud:active{background-color:#f40; color:#fff !Important; }
a.btn-Instagram,a.btn-Instagram:visited{background-color:#3f729b; color:#fff !Important;  }
a.btn-Instagram:hover,a.btn-Instagram:active{background-color:#305777; color:#fff !Important; }
a.btn-Tumblr,a.btn-Tumblr:visited{background-color:#2c4762; color:#fff !Important;  }
a.btn-Tumblr:hover,a.btn-Tumblr:active{background-color:#1c2d3f; color:#fff !Important; }
a.btn-DeviantArt,a.btn-DeviantArt:visited{background-color:#475c4d; color:#05cc47 !Important;  }
a.btn-DeviantArt:hover,a.btn-DeviantArt:active{background-color:#475c4d; color:#fff !Important; }
a.btn-DropBox,a.btn-DropBox:visited{background-color:#1087dd; color:#fff !Important;  }
a.btn-DropBox:hover,a.btn-DropBox:active{background-color:#0d6aad; color:#fff !Important; }
a.btn-GitHub,a.btn-GitHub:visited{background-color:#444; color:#fff !Important;  }
a.btn-GitHub:hover,a.btn-GitHub:active{background-color:#2b2b2b; color:#fff !Important; }
a.btn-StumbleUpon,a.btn-StumbleUpon:visited{background-color:#eb4823; color:#fff !Important;  }
a.btn-StumbleUpon:hover,a.btn-StumbleUpon:active{background-color:#c13011; color:#fff !Important; }
a.btn-WhatsApp,a.btn-WhatsApp:visited{background-color:#009f01; color:#fff !Important;  }
a.btn-WhatsApp:hover,a.btn-WhatsApp:active{background-color:#006200; color:#fff !Important; }
a.btn-Skype,a.btn-Skype:visited{background-color:#00aaf1; color:#fff !Important;  }
a.btn-Skype:hover,a.btn-Skype:active{background-color:#0083bb; color:#fff !Important; }
a.btn-Steam,a.btn-Steam:visited{background-color:#000; color:#fff !Important;  }
a.btn-Steam:hover,a.btn-Steam:active{background-color:#555; color:#fff !Important; }
a.btn-Vimeo,a.btn-Vimeo:visited{background-color:#1ab7ea; color:#fff !Important;  }
a.btn-Vimeo:hover,a.btn-Vimeo:active{background-color:#1295bf; color:#fff !Important; }
a.btn-Vine,a.btn-Vine:visited{background-color:#00b386; color:#fff !Important;  }
a.btn-Vine:hover,a.btn-Vine:active{background-color:#00936f; color:#fff !Important; }
a.btn-Yahoo,a.btn-Yahoo:visited{background-color:#720e9e; color:#fff !Important;  }
a.btn-Yahoo:hover,a.btn-Yahoo:active{background-color:#500a6f; color:#fff !Important; }
a.btn-Wordpress,a.btn-Wordpress:visited{background-color:#21759b; color:#fff !Important;  }
a.btn-Wordpress:hover,a.btn-Wordpress:active{background-color:#175671; color:#fff !Important; }

.ladda-button{position:relative}
.ladda-button .ladda-spinner{position:absolute;z-index:2;display:inline-block;width:32px;height:32px;top:50%;margin-top:-16px;opacity:0;pointer-events:none}
.ladda-button .ladda-label{position:relative;z-index:3}
.ladda-button .ladda-progress{position:absolute;width:0;height:100%;left:0;top:0;background:rgba(0,0,0,0.2);visibility:hidden;opacity:0;-webkit-transition:0.1s linear all !important;-moz-transition:0.1s linear all !important;-ms-transition:0.1s linear all !important;-o-transition:0.1s linear all !important;transition:0.1s linear all !important}
.ladda-button[data-loading] .ladda-progress{opacity:1;visibility:visible}
.ladda-button,.ladda-button .ladda-spinner,.ladda-button .ladda-label{-webkit-transition:0.3s cubic-bezier(0.175,0.885,0.32,1.275) all !important;-moz-transition:0.3s cubic-bezier(0.175,0.885,0.32,1.275) all !important;-ms-transition:0.3s cubic-bezier(0.175,0.885,0.32,1.275) all !important;-o-transition:0.3s cubic-bezier(0.175,0.885,0.32,1.275) all !important;transition:0.3s cubic-bezier(0.175,0.885,0.32,1.275) all !important}
.ladda-button[data-style=zoom-in],.ladda-button[data-style=zoom-in] .ladda-spinner,.ladda-button[data-style=zoom-in] .ladda-label,.ladda-button[data-style=zoom-out],.ladda-button[data-style=zoom-out] .ladda-spinner,.ladda-button[data-style=zoom-out] .ladda-label{-webkit-transition:0.3s ease all !important;-moz-transition:0.3s ease all !important;-ms-transition:0.3s ease all !important;-o-transition:0.3s ease all !important;transition:0.3s ease all !important}
.ladda-button[data-style=expand-right] .ladda-spinner{right:14px}
.ladda-button[data-style=expand-right][data-size="s"] .ladda-spinner,.ladda-button[data-style=expand-right][data-size="xs"] .ladda-spinner{right:4px}
.ladda-button[data-style=expand-right][data-loading]{padding-right:56px}
.ladda-button[data-style=expand-right][data-loading] .ladda-spinner{opacity:1}
.ladda-button[data-style=expand-right][data-loading][data-size="s"],.ladda-button[data-style=expand-right][data-loading][data-size="xs"]{padding-right:40px}
.ladda-button[data-style=expand-left] .ladda-spinner{left:14px}
.ladda-button[data-style=expand-left][data-size="s"] .ladda-spinner,.ladda-button[data-style=expand-left][data-size="xs"] .ladda-spinner{left:4px}
.ladda-button[data-style=expand-left][data-loading]{padding-left:56px}
.ladda-button[data-style=expand-left][data-loading] .ladda-spinner{opacity:1}
.ladda-button[data-style=expand-left][data-loading][data-size="s"],.ladda-button[data-style=expand-left][data-loading][data-size="xs"]{padding-left:40px}
.ladda-button[data-style=expand-up]{overflow:hidden}
.ladda-button[data-style=expand-up] .ladda-spinner{top:-32px;left:50%;margin-left:-16px}
.ladda-button[data-style=expand-up][data-loading]{padding-top:54px}
.ladda-button[data-style=expand-up][data-loading] .ladda-spinner{opacity:1;top:14px;margin-top:0}
.ladda-button[data-style=expand-up][data-loading][data-size="s"],.ladda-button[data-style=expand-up][data-loading][data-size="xs"]{padding-top:32px}
.ladda-button[data-style=expand-up][data-loading][data-size="s"] .ladda-spinner,.ladda-button[data-style=expand-up][data-loading][data-size="xs"] .ladda-spinner{top:4px}
.ladda-button[data-style=expand-down]{overflow:hidden}
.ladda-button[data-style=expand-down] .ladda-spinner{top:62px;left:50%;margin-left:-16px}
.ladda-button[data-style=expand-down][data-size="s"] .ladda-spinner,.ladda-button[data-style=expand-down][data-size="xs"] .ladda-spinner{top:40px}
.ladda-button[data-style=expand-down][data-loading]{padding-bottom:54px}
.ladda-button[data-style=expand-down][data-loading] .ladda-spinner{opacity:1}
.ladda-button[data-style=expand-down][data-loading][data-size="s"],.ladda-button[data-style=expand-down][data-loading][data-size="xs"]{padding-bottom:32px}
.ladda-button[data-style=slide-left]{overflow:hidden}
.ladda-button[data-style=slide-left] .ladda-label{position:relative}
.ladda-button[data-style=slide-left] .ladda-spinner{left:100%;margin-left:-16px}
.ladda-button[data-style=slide-left][data-loading] .ladda-label{opacity:0;left:-100%}
.ladda-button[data-style=slide-left][data-loading] .ladda-spinner{opacity:1;left:50%}
.ladda-button[data-style=slide-right]{overflow:hidden}
.ladda-button[data-style=slide-right] .ladda-label{position:relative}
.ladda-button[data-style=slide-right] .ladda-spinner{right:100%;margin-left:-16px}
.ladda-button[data-style=slide-right][data-loading] .ladda-label{opacity:0;left:100%}
.ladda-button[data-style=slide-right][data-loading] .ladda-spinner{opacity:1;left:50%}
.ladda-button[data-style=slide-up]{overflow:hidden}
.ladda-button[data-style=slide-up] .ladda-label{position:relative}
.ladda-button[data-style=slide-up] .ladda-spinner{left:50%;margin-left:-16px;margin-top:1em}
.ladda-button[data-style=slide-up][data-loading] .ladda-label{opacity:0;top:-1em}
.ladda-button[data-style=slide-up][data-loading] .ladda-spinner{opacity:1;margin-top:-16px}
.ladda-button[data-style=slide-down]{overflow:hidden}
.ladda-button[data-style=slide-down] .ladda-label{position:relative}
.ladda-button[data-style=slide-down] .ladda-spinner{left:50%;margin-left:-16px;margin-top:-2em}
.ladda-button[data-style=slide-down][data-loading] .ladda-label{opacity:0;top:1em}
.ladda-button[data-style=slide-down][data-loading] .ladda-spinner{opacity:1;margin-top:-16px}
.ladda-button[data-style=zoom-out]{overflow:hidden}
.ladda-button[data-style=zoom-out] .ladda-spinner{left:50%;margin-left:-16px;-webkit-transform:scale(2.5);-moz-transform:scale(2.5);-ms-transform:scale(2.5);-o-transform:scale(2.5);transform:scale(2.5)}
.ladda-button[data-style=zoom-out] .ladda-label{position:relative;display:inline-block}
.ladda-button[data-style=zoom-out][data-loading] .ladda-label{opacity:0;-webkit-transform:scale(0.5);-moz-transform:scale(0.5);-ms-transform:scale(0.5);-o-transform:scale(0.5);transform:scale(0.5)}
.ladda-button[data-style=zoom-out][data-loading] .ladda-spinner{opacity:1;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none}
.ladda-button[data-style=zoom-in]{overflow:hidden}
.ladda-button[data-style=zoom-in] .ladda-spinner{left:50%;margin-left:-16px;-webkit-transform:scale(0.2);-moz-transform:scale(0.2);-ms-transform:scale(0.2);-o-transform:scale(0.2);transform:scale(0.2)}
.ladda-button[data-style=zoom-in] .ladda-label{position:relative;display:inline-block}
.ladda-button[data-style=zoom-in][data-loading] .ladda-label{opacity:0;-webkit-transform:scale(2.2);-moz-transform:scale(2.2);-ms-transform:scale(2.2);-o-transform:scale(2.2);transform:scale(2.2)}
.ladda-button[data-style=zoom-in][data-loading] .ladda-spinner{opacity:1;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none}
.ladda-button[data-style=contract]{overflow:hidden;width:100px}
.ladda-button[data-style=contract] .ladda-spinner{left:50%;margin-left:-16px}
.ladda-button[data-style=contract][data-loading]{border-radius:50%;width:52px}
.ladda-button[data-style=contract][data-loading] .ladda-label{opacity:0}
.ladda-button[data-style=contract][data-loading] .ladda-spinner{opacity:1}
.ladda-button[data-style=contract-overlay]{overflow:hidden;width:100px;box-shadow:0px 0px 0px 3000px rgba(0,0,0,0)}
.ladda-button[data-style=contract-overlay] .ladda-spinner{left:50%;margin-left:-16px}
.ladda-button[data-style=contract-overlay][data-loading]{border-radius:50%;width:52px;box-shadow:0px 0px 0px 3000px rgba(0,0,0,0.8)}
.ladda-button[data-style=contract-overlay][data-loading] .ladda-label{opacity:0}
.ladda-button[data-style=contract-overlay][data-loading] .ladda-spinner{opacity:1}