@charset "UTF-8";
/* moved by compressor */
/* default styles for extension "tx_cssstyledcontent" */
	/* Headers */
	.csc-header-alignment-center { text-align: center; }
	.csc-header-alignment-right { text-align: right; }
	.csc-header-alignment-left { text-align: left; }

	div.csc-textpic-responsive, div.csc-textpic-responsive * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;  }

	/* Clear floats after csc-textpic and after csc-textpic-imagerow */
	div.csc-textpic, div.csc-textpic div.csc-textpic-imagerow, ul.csc-uploads li { overflow: hidden; }

	/* Set padding for tables */
	div.csc-textpic .csc-textpic-imagewrap table { border-collapse: collapse; border-spacing: 0; }
	div.csc-textpic .csc-textpic-imagewrap table tr td { padding: 0; vertical-align: top; }

	/* Settings for figure and figcaption (HTML5) */
	div.csc-textpic .csc-textpic-imagewrap figure, div.csc-textpic figure.csc-textpic-imagewrap { margin: 0; display: table; }

	/* Captions */
	figcaption.csc-textpic-caption { display: table-caption; }
	.csc-textpic-caption { text-align: left; caption-side: bottom; }
	div.csc-textpic-caption-c .csc-textpic-caption, .csc-textpic-imagewrap .csc-textpic-caption-c { text-align: center; }
	div.csc-textpic-caption-r .csc-textpic-caption, .csc-textpic-imagewrap .csc-textpic-caption-r { text-align: right; }
	div.csc-textpic-caption-l .csc-textpic-caption, .csc-textpic-imagewrap .csc-textpic-caption-l { text-align: left; }

	/* Float the columns */
	div.csc-textpic div.csc-textpic-imagecolumn { float: left; }

	/* Border just around the image */
	div.csc-textpic-border div.csc-textpic-imagewrap img {
		border: 2px solid black;
		padding: 0px 0px;
	}

	div.csc-textpic .csc-textpic-imagewrap img { border: none; display: block; }

	/* Space below each image (also in-between rows) */
	div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 10px; }
	div.csc-textpic .csc-textpic-imagewrap .csc-textpic-imagerow-last .csc-textpic-image { margin-bottom: 0; }

	/* colSpace around image columns, except for last column */
	div.csc-textpic-imagecolumn, td.csc-textpic-imagecolumn .csc-textpic-image { margin-right: 10px; }
	div.csc-textpic-imagecolumn.csc-textpic-lastcol, td.csc-textpic-imagecolumn.csc-textpic-lastcol .csc-textpic-image { margin-right: 0; }

	/* Add margin from image-block to text (in case of "Text & Images") */
	div.csc-textpic-intext-left .csc-textpic-imagewrap,
	div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
		margin-right: 10px;
	}
	div.csc-textpic-intext-right .csc-textpic-imagewrap,
	div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
		margin-left: 10px;
	}

	/* Positioning of images: */

	/* Center (above or below) */
	div.csc-textpic-center .csc-textpic-imagewrap, div.csc-textpic-center figure.csc-textpic-imagewrap { overflow: hidden; }
	div.csc-textpic-center .csc-textpic-center-outer { position: relative; float: right; right: 50%; }
	div.csc-textpic-center .csc-textpic-center-inner { position: relative; float: right; right: -50%; }

	/* Right (above or below) */
	div.csc-textpic-right .csc-textpic-imagewrap { float: right; }
	div.csc-textpic-right div.csc-textpic-text { clear: right; }

	/* Left (above or below) */
	div.csc-textpic-left .csc-textpic-imagewrap { float: left; }
	div.csc-textpic-left div.csc-textpic-text { clear: left; }

	/* Left (in text) */
	div.csc-textpic-intext-left .csc-textpic-imagewrap { float: left; }

	/* Right (in text) */
	div.csc-textpic-intext-right .csc-textpic-imagewrap { float: right; }

	/* Right (in text, no wrap around) */
	div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap { float: right; }

	/* Left (in text, no wrap around) */
	div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap { float: left; }

	div.csc-textpic div.csc-textpic-imagerow-last, div.csc-textpic div.csc-textpic-imagerow-none div.csc-textpic-last { margin-bottom: 0; }

	/* Browser fixes: */

	/* Fix for unordered and ordered list with image "In text, left" */
	.csc-textpic-intext-left ol, .csc-textpic-intext-left ul { padding-left: 40px; overflow: auto; }

	/* File Links */
	ul.csc-uploads { padding: 0; }
	ul.csc-uploads li { list-style: none outside none; margin: 1em 0; }
	ul.csc-uploads img { float: left; margin-right: 1em; vertical-align: top; }
	ul.csc-uploads span { display: block; }
	ul.csc-uploads span.csc-uploads-fileName { text-decoration: underline; }

	/* Table background colors: */

	table.contenttable-color-1 { background-color: #EDEBF1; }
	table.contenttable-color-2 { background-color: #F5FFAA; }
	table.contenttable-color-240 { background-color: black; }
	table.contenttable-color-241 { background-color: white; }
	table.contenttable-color-242 { background-color: #333333; }
	table.contenttable-color-243 { background-color: gray; }
	table.contenttable-color-244 { background-color: silver; }
/* default styles for extension "tx_ggratgeber" */
	textarea.f3-form-error {
		background-color:#FF9F9F;
		border: 1px #FF0000 solid;
	}

	input.f3-form-error {
		background-color:#FF9F9F;
		border: 1px #FF0000 solid;
	}

	.tx-gg-ratgeber table {
		border-collapse:separate;
		border-spacing:10px;
	}

	.tx-gg-ratgeber table th {
		font-weight:bold;
	}

	.tx-gg-ratgeber table td {
		vertical-align:top;
	}

	.typo3-messages .message-error {
		color:red;
	}

	.typo3-messages .message-ok {
		color:green;
	}

/* default styles for extension "tx_srfreecap" */
		.tx-srfreecap-captcha label { display: inline-block; width: 150px; }
		img.tx-srfreecap-image { margin-left: 1em; margin-right: 1em; vertical-align: middle; }
		.tx-srfreecap-image-accessible {
			background-color: transparent;
			vertical-align: middle;
		}
		.tx-srfreecap-accessible-link { width: 10em; float: right; vertical-align: middle; margin-right: 7em; }
		.tx-srfreecap-cant-read { display: inline-block; width: 150px; }
		.tx-srfreecap-cant-read a:link { background-color:transparent; font-weight:bold; text-decoration:none; }
/* default styles for extension "tx_srfreecap_pi2" */
		.tx-srfreecap-pi1-captcha label { display: inline-block; width: 150px; }
		img.tx-srfreecap-pi1-image { margin-left: 1em; margin-right: 1em; vertical-align: middle; }
		.tx-srfreecap-pi1-image-accessible {
			background-color: transparent;
			vertical-align: middle;
		}
		.tx-srfreecap-pi1-accessible-link { width: 10em; float: right; vertical-align: middle; margin-right: 7em; }
		.tx-srfreecap-pi1-cant-read { display: inline-block; width: 150px; }
		.tx-srfreecap-pi1-cant-read a:link { background-color:transparent; font-weight:bold; text-decoration:none; }

.tx-gg-sera-faq .news-detailview article {
    position: relative;
}

.tx-gg-sera-faq .news-detailview .question,
.tx-gg-sera-faq .news-detailview .answer {
    margin-bottom: 1.5em;
}

.tx-gg-sera-faq .news-detailview .tags {
    margin-bottom: 1.5em;
}

.tx-gg-sera-faq .news-detailview b {
    display: block;
}

.tx-gg-sera-faq .news-overview.news-detailview article {
    padding-top: 0;
}

.tx-gg-sera-faq button.mehr-button {
    padding: 0;
    border: 0px solid transparent;
    background-color: transparent;
    color: #313131;
    font-weight: 600;
    text-decoration: none;
    margin-left: 15px;
    position: relative;
    border-bottom: 0.071em solid transparent;
}

.tx-gg-sera-faq button.mehr-button:hover {
    color: #df011a;
    border-bottom: 0.071em solid #df011a;
}

.tx-gg-sera-faq button.mehr-button:before {
    content: "w";
    font-family: "sera-icon-font";
    color: #df011a;
    font-size: 12px;
    margin: 0 0.429em 0 0;
    text-decoration: none;
    position: absolute;
    left: -15px;
}
.swal2-modal,.swal2-overlay{position:fixed;display:none}.swal2-overlay{background-color:rgba(0,0,0,.4);left:0;right:0;top:0;bottom:0;z-index:1000}.swal2-modal{background-color:#fff;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;border-radius:5px;box-sizing:border-box;text-align:center;left:50%;top:50%;margin-top:-200px;max-height:90%;overflow-x:hidden;overflow-y:auto;z-index:2000}.swal2-modal:focus{outline:0}.swal2-modal.loading{overflow-y:hidden}.swal2-modal h2{color:#575757;font-size:30px;text-align:center;font-weight:600;text-transform:none;position:relative;margin:0;padding:0;line-height:60px;display:block}.swal2-modal .swal2-spacer{height:10px;color:transparent;border:0}.swal2-modal button.styled{color:#fff;border:0;box-shadow:none;font-size:17px;font-weight:500;border-radius:3px;padding:10px 32px;margin:0 5px;cursor:pointer}.swal2-modal button.styled:not(.loading)[disabled]{opacity:.4;cursor:no-drop}.swal2-modal button.styled.loading{box-sizing:border-box;border:4px solid transparent;width:40px;height:40px;padding:0;margin:-2px 30px;vertical-align:top;background-color:transparent!important;color:transparent;cursor:default;border-radius:100%;-webkit-animation:rotate-loading 1.5s linear 0s infinite normal;animation:rotate-loading 1.5s linear 0s infinite normal}.swal2-modal button:not(.styled).loading:after{display:inline-block;content:"";margin-left:5px;vertical-align:-1px;height:6px;width:6px;border:3px solid #999;border-right-color:transparent;border-radius:50%;-webkit-animation:rotate-loading 1.5s linear 0s infinite normal;animation:rotate-loading 1.5s linear 0s infinite normal}.swal2-modal .swal2-checkbox input,.swal2-modal .swal2-checkbox span,.swal2-modal .swal2-radio input,.swal2-modal .swal2-radio span{vertical-align:middle}.swal2-modal .swal2-image{margin:20px auto;max-width:100%}.swal2-modal .swal2-close{font-size:36px;line-height:36px;font-family:serif;position:absolute;top:5px;right:13px;cursor:pointer;color:#cfcfcf;-webkit-transition:all .1s ease;transition:all .1s ease}.swal2-modal .swal2-close:hover{color:#d55}.swal2-modal>.swal2-checkbox,.swal2-modal>.swal2-input,.swal2-modal>.swal2-radio,.swal2-modal>.swal2-select,.swal2-modal>.swal2-textarea{display:none}.swal2-modal .swal2-content{font-size:18px;text-align:center;font-weight:300;position:relative;float:none;margin:0;padding:0;line-height:normal;color:#555}.swal2-modal .swal2-checkbox,.swal2-modal .swal2-input,.swal2-modal .swal2-radio,.swal2-modal .swal2-select,.swal2-modal .swal2-textarea{margin:20px auto}.swal2-modal .swal2-input:not([type=file]),.swal2-modal .swal2-textarea{width:100%;box-sizing:border-box;border-radius:3px;border:1px solid #d7d7d7;font-size:18px;box-shadow:inset 0 1px 1px rgba(0,0,0,.06);-webkit-transition:all .3s;transition:all .3s}.swal2-modal .swal2-input:not([type=file]).error,.swal2-modal .swal2-textarea.error{border-color:#f06e57!important}.swal2-modal .swal2-input:not([type=file]):focus,.swal2-modal .swal2-textarea:focus{outline:0;box-shadow:0 0 3px #c4e6f5;border:1px solid #b4dbed}.swal2-modal .swal2-input:not([type=file]):focus::-moz-placeholder,.swal2-modal .swal2-textarea:focus::-moz-placeholder{-webkit-transition:opacity .3s 30ms ease;transition:opacity .3s 30ms ease;opacity:.8}.swal2-modal .swal2-input:not([type=file]):focus:-ms-input-placeholder,.swal2-modal .swal2-textarea:focus:-ms-input-placeholder{-webkit-transition:opacity .3s 30ms ease;transition:opacity .3s 30ms ease;opacity:.8}.swal2-modal .swal2-input:not([type=file]):focus::-webkit-input-placeholder,.swal2-modal .swal2-textarea:focus::-webkit-input-placeholder{-webkit-transition:opacity .3s 30ms ease;transition:opacity .3s 30ms ease;opacity:.8}.swal2-modal .swal2-input:not([type=file])::-moz-placeholder,.swal2-modal .swal2-textarea::-moz-placeholder{color:#bdbdbd}.swal2-modal .swal2-input:not([type=file]):-ms-input-placeholder,.swal2-modal .swal2-textarea:-ms-input-placeholder{color:#bdbdbd}.swal2-modal .swal2-input:not([type=file])::-webkit-input-placeholder,.swal2-modal .swal2-textarea::-webkit-input-placeholder{color:#bdbdbd}.swal2-modal .swal2-input:not([type=file]){height:43px;padding:0 12px}.swal2-modal .swal2-input[type=file]{font-size:20px}.swal2-modal .swal2-input[type=number]{max-width:150px}.swal2-modal .swal2-textarea{height:108px;padding:12px}.swal2-modal .swal2-select{color:#555;font-size:inherit;padding:5px 10px;min-width:40%;max-width:100%}.swal2-modal .swal2-radio{border:0}.swal2-modal .swal2-radio label:not(:first-child){margin-left:20px}.swal2-modal .swal2-radio input{margin:0 3px 0 0}.swal2-modal .swal2-checkbox{color:#555}.swal2-modal .swal2-validationerror{background-color:#f1f1f1;margin:0 -20px;overflow:hidden;padding:10px;color:#797979;font-size:16px;font-weight:300;display:none}.swal2-modal .swal2-validationerror::before{content:"!";display:inline-block;width:24px;height:24px;border-radius:50%;background-color:#ea7d7d;color:#fff;line-height:24px;text-align:center;margin-right:10px}.swal2-icon.swal2-info,.swal2-icon.swal2-question,.swal2-icon.swal2-warning{font-size:60px;line-height:80px;text-align:center}.swal2-icon{width:80px;height:80px;border:4px solid grey;border-radius:50%;margin:20px auto 30px;padding:0;position:relative;box-sizing:content-box;cursor:default;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.swal2-icon.swal2-error{border-color:#f27474}.swal2-icon.swal2-error .x-mark{position:relative;display:block}.swal2-icon.swal2-error .line{position:absolute;height:5px;width:47px;background-color:#f27474;display:block;top:37px;border-radius:2px}.swal2-icon.swal2-error .line.left{-webkit-transform:rotate(45deg);transform:rotate(45deg);left:17px}.swal2-icon.swal2-error .line.right{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);right:16px}.swal2-icon.swal2-warning{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;color:#f8bb86;border-color:#f8bb86}.swal2-icon.swal2-info{font-family:"Open Sans",sans-serif;color:#3fc3ee;border-color:#3fc3ee}.swal2-icon.swal2-question{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;color:#c9dae1;border-color:#c9dae1}.swal2-icon.swal2-success{border-color:#a5dc86}.swal2-icon.swal2-success::after,.swal2-icon.swal2-success::before{content:'';position:absolute;width:60px;height:120px;background:#fff}.swal2-icon.swal2-success::before{border-radius:120px 0 0 120px;top:-7px;left:-33px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:60px 60px;transform-origin:60px 60px}.swal2-icon.swal2-success::after{border-radius:0 120px 120px 0;top:-11px;left:30px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:0 60px;transform-origin:0 60px}.swal2-icon.swal2-success .placeholder{width:80px;height:80px;border:4px solid rgba(165,220,134,.2);border-radius:50%;box-sizing:content-box;position:absolute;left:-4px;top:-4px;z-index:2}.swal2-icon.swal2-success .fix{width:7px;height:90px;background-color:#fff;position:absolute;left:28px;top:8px;z-index:1;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.swal2-icon.swal2-success .line{height:5px;background-color:#a5dc86;display:block;border-radius:2px;position:absolute;z-index:2}.swal2-icon.swal2-success .line.tip{width:25px;left:14px;top:46px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.swal2-icon.swal2-success .line.long{width:47px;right:8px;top:38px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}[class^=swal2]{-webkit-tap-highlight-color:transparent}@-webkit-keyframes showSweetAlert{0%{-webkit-transform:scale(.7);transform:scale(.7)}45%{-webkit-transform:scale(1.05);transform:scale(1.05)}80%{-webkit-transform:scale(.95);transform:scale(.95)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes showSweetAlert{0%{-webkit-transform:scale(.7);transform:scale(.7)}45%{-webkit-transform:scale(1.05);transform:scale(1.05)}80%{-webkit-transform:scale(.95);transform:scale(.95)}100%{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes hideSweetAlert{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}100%{-webkit-transform:scale(.5);transform:scale(.5);opacity:0}}@keyframes hideSweetAlert{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}100%{-webkit-transform:scale(.5);transform:scale(.5);opacity:0}}.show-swal2{-webkit-animation:showSweetAlert .3s;animation:showSweetAlert .3s}.show-swal2.no-animation{-webkit-animation:none;animation:none}.hide-swal2{-webkit-animation:hideSweetAlert .15s forwards;animation:hideSweetAlert .15s forwards}.hide-swal2.no-animation{-webkit-animation:none;animation:none}@-webkit-keyframes animate-success-tip{0%,54%{width:0;left:1px;top:19px}70%{width:50px;left:-8px;top:37px}84%{width:17px;left:21px;top:48px}100%{width:25px;left:14px;top:45px}}@keyframes animate-success-tip{0%,54%{width:0;left:1px;top:19px}70%{width:50px;left:-8px;top:37px}84%{width:17px;left:21px;top:48px}100%{width:25px;left:14px;top:45px}}@-webkit-keyframes animate-success-long{0%,65%{width:0;right:46px;top:54px}84%{width:55px;right:0;top:35px}100%{width:47px;right:8px;top:38px}}@keyframes animate-success-long{0%,65%{width:0;right:46px;top:54px}84%{width:55px;right:0;top:35px}100%{width:47px;right:8px;top:38px}}@-webkit-keyframes rotatePlaceholder{0%,5%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}100%,12%{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}}@keyframes rotatePlaceholder{0%,5%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}100%,12%{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}}.animate-success-tip{-webkit-animation:animate-success-tip .75s;animation:animate-success-tip .75s}.animate-success-long{-webkit-animation:animate-success-long .75s;animation:animate-success-long .75s}.swal2-icon.swal2-success.animate::after{-webkit-animation:rotatePlaceholder 4.25s ease-in;animation:rotatePlaceholder 4.25s ease-in}@-webkit-keyframes animate-error-icon{0%{-webkit-transform:rotateX(100deg);transform:rotateX(100deg);opacity:0}100%{-webkit-transform:rotateX(0);transform:rotateX(0);opacity:1}}@keyframes animate-error-icon{0%{-webkit-transform:rotateX(100deg);transform:rotateX(100deg);opacity:0}100%{-webkit-transform:rotateX(0);transform:rotateX(0);opacity:1}}.animate-error-icon{-webkit-animation:animate-error-icon .5s;animation:animate-error-icon .5s}@-webkit-keyframes animate-x-mark{0%,50%{-webkit-transform:scale(.4);transform:scale(.4);margin-top:26px;opacity:0}80%{-webkit-transform:scale(1.15);transform:scale(1.15);margin-top:-6px}100%{-webkit-transform:scale(1);transform:scale(1);margin-top:0;opacity:1}}@keyframes animate-x-mark{0%,50%{-webkit-transform:scale(.4);transform:scale(.4);margin-top:26px;opacity:0}80%{-webkit-transform:scale(1.15);transform:scale(1.15);margin-top:-6px}100%{-webkit-transform:scale(1);transform:scale(1);margin-top:0;opacity:1}}.animate-x-mark{-webkit-animation:animate-x-mark .5s;animation:animate-x-mark .5s}@-webkit-keyframes pulse-warning{0%{border-color:#f8d486}100%{border-color:#f8bb86}}@keyframes pulse-warning{0%{border-color:#f8d486}100%{border-color:#f8bb86}}.pulse-warning{-webkit-animation:pulse-warning .75s infinite alternate;animation:pulse-warning .75s infinite alternate}@-webkit-keyframes rotate-loading{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate-loading{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
.modal-content {
    padding: 0 30px;
}

.modal-footer {
    padding: 0 10px;
}

.swal2-modal .swal2-icon.swal2-question {
    color: #df011a;
    border-color: #df011a;
}

.testresults-table {
    font-size: .9em;
}

.testresults-table th p {
    margin: 0;
}

.quicktest.step2 .test-value .yellow-box.small {
    font-size: 1.1em;
    line-height: 1em;
}

.chart-wrapper-item {
    background: #efefef;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-bottom: 2em;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}  

.chart-wrapper-item .chart-headline {
    background-color: #fdc20b;
    color :#fff;
    margin: -10px -10px 20px -10px;
    line-height: 36px;
    padding: 0 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.recipientlist {
    padding-top: 7px;
}

.tx_ggseratestcenter .table-responsive table.table td a{
    text-decoration: none;
}

#comment.form-control {
    height: 80px;
}

@media screen and (max-width: 1200px) {
    .quicktest.step3 .btn-red.no-icon {
        float: right;
        clear: both;
        margin-top: .5em;
    }
}
#dealerList .hide-table {
    display: none;
}

#dealer-locator-map {
    height: 450px;
}

.dealer-locator-map-wrapper {
    position: relative;
}

.dealer-locator-form .row {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.dealer-locator-form .container .dealer-search-container {
    padding-top: 25px;
    padding-bottom: 25px;
}

.dealer-locator-form .form-inline .form-control {
    height: 40px;
    margin-right: 11px;
    width: 100%;
}



#dealerCountries {
    display: none;
}

.dealerlist_display_none{
    display: none !important;
}

.dealerlist_no_entries {
    text-align: center;
    font-weight: bold;
}

.mobile-dealerlist-entry > .row.top {
    padding-top: .5em;
    border-width: 1px 0 0;
    border-style: solid;
    border-color: #e3e3e3;
}

.mobile-dealerlist-entry > .row.bottom {
    padding-bottom: 1.5em;
}

.mobile-dealerlist-entry h4 {
    font-weight: 300;
}

.mobile-dealerlist-entry:last-child > .row.bottom {
    border-width: 0 0 1px;
    border-style: solid;
    border-color: #e3e3e3;
}

.dealer-locator-map-wrapper .dealer-locator-form .container .col-xs-12 h1 {
    text-align: left;
    margin-bottom: 22px;
    margin-top: 0;
}

.dealer-locator-map-wrapper .dealer-locator-form .form-inline .btn:before {
    content: "k";
    font-family: "sera-icon-font";
    font-size: 14px;
    color: #fff;
    top: 9px;
    left: 18px;
}

.dealer-locator-map-wrapper .dealer-locator-form .dealer-search-container-form{
    padding-left: 0px;
    padding-right: 0px;
}

.tx-gg-sera-dealerlist h1.headline {
    font-size: 30px;
    text-align: left;
    font-weight: 300;
    margin-bottom: 30px;
    margin-top: 0;
}


.dealer-locator-map-wrapper .dealer-locator-form .form-inline .btn {
    height: 40px;
    padding: 9px 16px 9px 55px;
    margin-bottom: 0;
    float: right;
}

.mobile-dealerlist-entry a {
    word-break: break-all;
}

.dealer-search-container select::-ms-expand {
    display: none;
}

/* fix issue with IE arrow on select */
.selectCountry select.form-control::-ms-expand {
    display: none !important;
}

@media screen and (max-width: 1200px) {
    #dealerlistSearchForm .form-group:nth-child(2)::after {
        display: table;
        content: " ";
        clear: both;
    }
    
    #dealer-locator-map {
        height: 290px;
    }

    .dealer-locator-map-wrapper .dealer-locator-form {
        margin: 0 auto;
        width: 100%;
    }

  
}

@media screen and (max-width: 990px) {
    .dealer-locator-map-wrapper .dealer-locator-form .form-inline .form-control {
        margin-top: 10px;
    }
    
    .dealer-locator-map-wrapper .dealer-locator-form .form-inline .btn {
        margin-top: 10px;
    }
    .dealer-locator-map-wrapper .dealer-locator-form .form-inline .form-group{
        padding-left: 0px;
        padding-right: 0px;
    }
}

@media screen and (max-width: 767px) {

    .dealer-locator-map-wrapper .sidebar-toggle {
        position: absolute !important;
        z-index: 200;
        top: 197px;
        right: 50px;
        background-color: #FFF;
    }

    .dealer-locator-map-wrapper .dealer-locator-form .btn {
        float: right;
    }

    .dealer-locator-map-wrapper .dealer-locator-form .container {
        padding: 0;
    }

    .dealer-locator-map-wrapper .dealer-locator-form {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        z-index: 1031;
        height: 100%;
        width: 100%;
        background: #fff;
    }

    .dealer-locator-map-wrapper .dealer-locator-form .form-inline .form-control,
    .dealer-locator-map-wrapper .dealer-locator-form .form-inline .form-control.small {
        width: 100%;
    }

    .dealer-locator-map-wrapper .dealer-locator-form .mobile-btn-back-wrapper {
        margin-bottom: 20px;
    }

    .dealer-locator-map-wrapper .dealer-locator-form .mobile-btn-back-wrapper .mobile-btn-back,
    .dealer-locator-map-wrapper .dealer-locator-form .mobile-btn-back-wrapper .mobile-btn-back:hover,
    .dealer-locator-map-wrapper .dealer-locator-form .mobile-btn-back-wrapper .mobile-btn-back:active,
    .dealer-locator-map-wrapper .dealer-locator-form .mobile-btn-back-wrapper .mobile-btn-back:focus,
    .dealer-locator-map-wrapper .dealer-locator-form .mobile-btn-back-wrapper .mobile-btn-back:visited {
        text-decoration: none;
        color: #313131;
        position: relative;
        left: 30px;
        top: 0;
        color: #313131;
        font-size: 18px;
    }

    .dealer-locator-map-wrapper .dealer-locator-form .container .col-xs-12 {
        width: 100%;
        margin: 0;
        box-shadow: none;
    }

    .dealer-locator-map-wrapper .dealer-locator-form .mobile-btn-back-wrapper .mobile-btn-back:before {
        content: "w";
        display: block;
        color: #313131;
        font-family: "sera-icon-font";
        font-size: 18px;
        position: absolute;
        top: 0;
        left: -30px;
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    #dealer-locator-map {
        height: 250px;
    }

    .dealer-locator-map-wrapper .dealer-locator-form-position {
        position: relative;
    }
    
    .dealer-locator-map-wrapper .dealer-locator-form .dealer-search-container-form{
    padding-left: 15px;
    padding-right: 15px;
    }

    
}

@media screen and (max-width: 540px) {
    .dealer-locator-form .form-group {
        width: 100%;
    }
}
/* start page product segments*/
#c36 h2 {
    height: 2em;
}

/*.linkID-12369 - Koi Professional food sizes */
div.linkID-12369 h2 p {
    margin: 0 5px;
}
div.linkID-12369 h2 {
    background-color: rgb(253, 194, 11);
    color: rgb(255,255,255);
    padding: 10px;
    margin-bottom: 0px;
    font-size: 14px;
    font-weight: bold;
}
div.linkID-12369 table {
    margin: 0;
}
div.linkID-12369 table li {
    text-align: left !important;
}

/* food preview pictures */
div.linkID-12901 img, div.linkID-12903 img, div.linkID-12905 img, div.linkID-12907 img, div.linkID-12908 img, div.linkID-12911 img, div.linkID-12913 img, div.linkID-12915 img, div.linkID-12917 img, div.linkID-12918 img, div.linkID-12919 img, div.linkID-12923 img, div.linkID-12924 img, div.linkID-12925 img, div.linkID-12926 img, div.linkID-12927 img, div.linkID-12928 img, div.linkID-12929 img, div.linkID-12930 img, div.linkID-12931 img, div.linkID-12932 img, div.linkID-12933 img, div.linkID-12951 img, div.linkID-12953 img, div.linkID-12955 img, div.linkID-12957 img, div.linkID-12959 img, div.linkID-12961 img, div.linkID-12963 img, div.linkID-12965 img, div.linkID-12967 img, div.linkID-12969 img, div.linkID-12971 img, div.linkID-12973 img, div.linkID-12975 img, div.linkID-12977 img, div.linkID-12979 img, div.linkID-12981 img, div.linkID-12983 img, div.linkID-12985 img, div.linkID-12987 img, div.linkID-12989 img, div.linkID-12991 img, div.linkID-12993 img, div.linkID-12995 img, div.linkID-12997 img, div.linkID-12999 img, div.linkID-13001 img, div.linkID-13003 img, div.linkID-13005 img, div.linkID-13007 img, div.linkID-13009 img, div.linkID-13011 img, div.linkID-13013 img, div.linkID-13015 img, div.linkID-13017 img, div.linkID-13019 img, div.linkID-13021 img, div.linkID-13023 img, div.linkID-13025 img, div.linkID-13027 img, div.linkID-13029 img, div.linkID-13031 img, div.linkID-13033 img, div.linkID-13035 img, div.linkID-13037 img, div.linkID-13039 img, div.linkID-13041 img, div.linkID-13043 img, div.linkID-13045 img, div.linkID-13047 img, div.linkID-13049 img, div.linkID-13051 img, div.linkID-13053 img, div.linkID-13055 img, div.linkID-13057 img, div.linkID-13059 img, div.linkID-13061 img, div.linkID-13063 img, div.linkID-13065 img, div.linkID-13067 img, div.linkID-13069 img, div.linkID-13071 img, div.linkID-13073 img, div.linkID-13075 img, div.linkID-12902 img, div.linkID-12904 img, div.linkID-12906 img, div.linkID-12909 img, div.linkID-12910 img, div.linkID-12912 img, div.linkID-12914 img, div.linkID-12916 img, div.linkID-12920 img, div.linkID-12921 img, div.linkID-12922 img, div.linkID-12934 img, div.linkID-12935 img, div.linkID-12936 img, div.linkID-12937 img, div.linkID-12938 img, div.linkID-12939 img, div.linkID-12940 img, div.linkID-12941 img, div.linkID-12942 img, div.linkID-12943 img, div.linkID-12944 img, div.linkID-12952 img, div.linkID-12954 img, div.linkID-12956 img, div.linkID-12958 img, div.linkID-12960 img, div.linkID-12962 img, div.linkID-12964 img, div.linkID-12966 img, div.linkID-12968 img, div.linkID-12970 img, div.linkID-12972 img, div.linkID-12974 img, div.linkID-12976 img, div.linkID-12978 img, div.linkID-12980 img, div.linkID-12982 img, div.linkID-12984 img, div.linkID-12986 img, div.linkID-12988 img, div.linkID-12990 div.linkID-12992 img, div.linkID-12994 img, div.linkID-12996 img, div.linkID-12998 img, div.linkID-13000 img, div.linkID-13002 img, div.linkID-13004 img, div.linkID-13006 img, div.linkID-13008 img, div.linkID-13010 img, div.linkID-13012 img, div.linkID-13014 img, div.linkID-13016 img, div.linkID-13018 img, div.linkID-13020 img, div.linkID-13022 img, div.linkID-13024 img, div.linkID-13026 img, div.linkID-13028 img, div.linkID-13030 img, div.linkID-13032 img, div.linkID-13034 img, div.linkID-13036 img, div.linkID-13038 img, div.linkID-13040 img, div.linkID-13042 img, div.linkID-13044 img, div.linkID-13046 img, div.linkID-13048 img, div.linkID-13050 img, div.linkID-13052 img, div.linkID-13054 img, div.linkID-13056 img, div.linkID-13058 img, div.linkID-13060 img, div.linkID-13062 img, div.linkID-13064 img, div.linkID-13066 img, div.linkID-13068 img, div.linkID-13070 img, div.linkID-13072 img, div.linkID-13074 img, div.linkID-13076 img {
    border-radius: 50%;
}

/* GH/KH-plus usage image*/
.linkID-13387 img {
    width: 100%;
}

.news-single article.single-article .article-content > ul {
    padding-left: 40px;
}

.news-single .ce-center .ce-media {
    text-align: center;
}

.news-single div.ce-right.ce-intext > div.ce-gallery {
    float: right;
    margin-left: 0.8em;
}

.news-single div.ce-left.ce-intext > div.ce-gallery {
    float: left;
    margin-right: 0.8em;
}

.wrapper-additionalInformations table.Flex.Standard.FlexTable {
 max-width:100%;
 width: 720px;
 margin: 33px 0 44px;
 font-size: x-small;
 background-color: transparent;
 border-collapse: collapse;
 border-spacing: 0;
  -moz-hyphens: auto;
 -o-hyphens: auto;
 -webkit-hyphens: auto;
 -ms-hyphens: auto;
 hyphens: auto;
}
.wrapper-additionalInformations table.Flex.Standard.FlexTable tr td { 
 padding: 8px 2px;
}
@media screen {
   .wrapper-additionalInformations table.Flex.Standard.FlexTable tr:nth-child(1){
    color: #fff;
   }
   .wrapper-additionalInformations table.Flex.Standard.FlexTable tr:nth-child(1) td{
    background-color: #fdc20b;
   }
}

@media print {
   .wrapper-additionalInformations table.Flex.Standard.FlexTable tr:nth-child(1){
    color: #000;
   }
   .wrapper-additionalInformations table.Flex.Standard.FlexTable tr:nth-child(1) td{
    background-color: #fdc20b;
   }
   .print-hidden {
    display:none;
   }
   form#tx-solr-search-form-pi-search {
    display: none;
   }
}

.wrapper-additionalInformations table.Flex.Standard.FlexTable tr:nth-child(even) {background: rgb(238, 238, 238);}
.wrapper-additionalInformations table.Flex.Standard.FlexTable tr:nth-child(odd) {background: rgb(255, 255, 255);}

[class^="Attribute-Label-"] {
 font-weight:bold;
/* -moz-hyphens: auto;
 -o-hyphens: auto;
 -webkit-hyphens: auto;
 -ms-hyphens: auto;
 hyphens: auto;
 */
}
[class^="Field_"] p {
 
}
.Attribute-Label-197, .Field_197 ,
.Attribute-Label-601, .Field_601 ,
.Attribute-Label-149, .Field_149 ,
.Attribute-Label-150, .Field_150 ,
.Attribute-Label-151, .Field_151 
{
 display: block;
 width: 100%;
 }
.product-detail-content table {
    margin: 0px 0 0px;
}
[class^="Field_"], [class^="Attribute-Label-"] {
 text-align:center;
}
.Attribute-Label-632, .Field_632 ,
.Attribute-Label-634, .Field_634 ,
.Attribute-Label-635, .Field_635 
{
 text-align:left;
}
[class^="csc"] ul {
    list-style-type: disc;
    list-style-position: outside;
    margin-left: 3%;
}
[class^="csc"] ol { 
   list-style-type: decimal; 
   list-style-position: outside; 
}
[class^="csc"] ul ul, ol ul { 
   list-style-type: circle; 
   list-style-position: outside; 
   margin-left: 3%; 
}
[class^="csc"] ol ol, ul ol { 
   list-style-type: lower-latin; 
   list-style-position: outside; 
   margin-left: 3%; 
}
[class^="csc"] nav ul, [class^="csc"] nav ul ul , 
[class^="csc"] .breadcrumb ul , [class^="csc"] .breadcrumb ul ul,
[class^="csc"] .pagination ul , [class^="csc"] .pagination ul ol {
    margin-left: 0%;
}

[class^="csc"] nav ul, [class^="csc"] nav ul ul , [class^="csc"] .breadcrumb ul , [class^="csc"] .breadcrumb ul ul {
    margin-left: 0%;
}
.results-teaser [class^="art"], .results-teaser .breadcrumb ul .ul-h li a {
    color: #999;
    font-size: 12px;
}
.results-list .relevance {
    text-align: right;
}
.results-list-customStyles div .relevance {
    font-size: 12px;
    color: #999;
}
#c10077 .tx-felogin-pi1 ul {
    list-style-type: disc;
}

#c10077 .tx-felogin-pi1 ul li {
    margin-left: 20px;
    margin-right: 20px;
}
.wrapper-contentGeneral-linkID.linkID-13389 div img {
    width: 100%;
}
/* Edge dropdownhack */
@supports (-ms-ime-align:auto) {
    .select.form-group::before {
        top: 5px;
    }
}

#ytplayer {
    max-width: 100%;
}
div.dsgvo ul, div.dsgvo ol{
    margin-bottom: 10px;
}
div.dsgvo ol {
    list-style-type: lower-alpha;
    margin-left: 3%;
}
div.dsgvo h3 {
    text-align: left;
    font-size: 1.25em;
    line-height: 1.4em;
    margin: 1.2em 0 0.9em;
}

#aquaGravelCalcResult {
    margin: 0 1.5% 5% 1.5%
}
#aquaGravelCalcTitle {
    margin: 3% 3%;
}
#aquaGravelCalcRefreshButton {
    margin: 0 0%;
}
.aquaGravelCalcButtonWrapper {
    padding: 0 1.5%;
}
.aquaGravelCalc .row, .aquaGravelCalc form .row {

    margin-left: 0%;
    margin-right: 0%;

}
@media screen {
    .slide .circle h2 {
        font-size: 2em !important;
        color: white;
    }
    .slide .circle h3 {
        color: white;
    }
    .mainContent .yellow-box {
        padding: 28px 24px;
        color: white;
    }
    .mainContent .yellow-box h2 {
        color: white !important;
    }
    #page-215 .contenttable th {
        color: #ffffff;
        background: #fdc20b;
    }
}
ol.ol_inline li {
    list-style-type: decimal;
    float: left;
    margin-left: 1.5em;
}
.productListSpacer {
    width: 100%;
    height: 20px;
}
#page-215 H3 {
    font-size: 1.2em;
    color: #313131;
    font-weight: 600;
    display: block;
    margin-bottom: 0.5em;
}
#page-219 .csc-textpic-caption {
    text-align: center;
}
#page-220 .mainContent h2, 
#page-221 .mainContent h2, 
#page-222 .mainContent h2, 
#page-223 .mainContent h2, 
#page-224 .mainContent h2,
#page-225 .mainContent h2,
#page-234 .mainContent h2,
#page-235 .mainContent h2,
#page-236 .mainContent h2 {
    color: #000000;
    display: flex;
}
#page-220 .circle.red,
#page-221 .circle.red,
#page-222 .circle.red,
#page-223 .circle.red,
#page-224 .circle.red,
#page-225 .circle.red,
#page-234 .circle.red,
#page-235 .circle.red,
#page-236 .circle.red{
    background-color: #e2001a;
}
#page-231 .circle.green{
    background-color: #179439;
}
#page-220 .innerCircle,
#page-221 .innerCircle,
#page-222 .innerCircle,
#page-223 .innerCircle,
#page-224 .innerCircle,
#page-225 .innerCircle,
#page-234 .innerCircle,
#page-235 .innerCircle,
#page-236 .innerCircle,
#page-231 .innerCircle {
    padding: 10px;
}
/* Jobs und Karriere */
#page-218 .panel-title {
  font-size: 20px;
}
.product-detail-content h3 {
    text-align: left;
    font-size: 1.1em;
    margin-bottom: 10px;
    margin-top: 20px;
    font-weight: 600;
}
.foodDetail img {
    border-radius: 50%;
}
.scaperCubesHardscapes table {
    margin: 0 !important;
}
.scaperCubesHardscapes img {
    width: 153px;
}
.scaperCubesDecors img {
    width: 76px;
}
.scaperCubesDecors table td {
    padding: 5px 9px;
}
.productListTeaserText ul li::before {
    content: '';
    display: inline-block;
    width: 11px;
    height: 9px;
    margin-right: 3px;
    background: url(/typo3conf/ext/theme_bootstrap_giftgruen_sera/Resources/Public/Images/check.png) center center no-repeat;
}
.productListTeaserText ul li {
    display: inline-block;
}
.productListTeaserText ul {
    margin-left: 0%;
    margin-bottom: 20px;
}

#page-231 .header-image .circle .innerCircle {
    font-size: 32px;
    font-weight: 400;
    line-height: 34px;
}

/* Datenschutzhinweise gelesen und akzeptiert */
.powermail_fieldwrap_697,
.powermail_fieldwrap_719,
.powermail_fieldwrap_734,
.powermail_fieldwrap_750 {
    display: block;
    margin: 0px 0px 0px 0px;
    clear: both;
}
.powermail_fieldwrap_697 .col-md-6,
.powermail_fieldwrap_719 .col-md-6,
.powermail_fieldwrap_734 .col-md-6,
.powermail_fieldwrap_750 .col-md-6 {
    width: 100% !important;
}
.powermail_fieldwrap_697 .checkbox-row,
.powermail_fieldwrap_719 .checkbox-row,
.powermail_fieldwrap_734 .checkbox-row,
.powermail_fieldwrap_750 .checkbox-row {
    margin-left: 5px;
    margin-bottom: 10px;
}

.powermail_fieldwrap_marker_required_fields {
    display: inline-block;
    margin-bottom: 10px;
}

.femanager_flashmessages>div{background-position:10px 12px;background-repeat:no-repeat;margin-bottom:4px;padding:12px 12px 12px 36px}.femanager_flashmessages>.message-2{background-color:#F6D3CF;background-image:url('../../typo3/sysext/t3skin/icons/gfx/error.png');border:1px solid #D66C68;color:#AA0225}.femanager_flashmessages>.message-1{background-color:#FBF6DE;background-image:url('../../typo3/sysext/t3skin/icons/gfx/warning.png');border:1px solid #B1905C;color:#9E7D4A}.femanager_flashmessages>.message-0{background-color:#CDEACA;background-image:url('../../typo3/sysext/t3skin/icons/gfx/notice.png');border:1px solid #58B548;color:#3B7826}.femanager_flashmessages>.message--1{background-color:#EAF7FF;background-image:url('../../typo3/sysext/t3skin/icons/gfx/information.png');border:1px solid #C5DBE6;color:#4C73A1}.femanager_flashmessages>.message--2{background-color:#F6F7FA;background-image:url('../../typo3/sysext/t3skin/icons/gfx/notice.png');border:1px solid #C2CBCF;color:#444}.femanager_note{background-position:10px 12px;background-repeat:no-repeat;margin-bottom:4px;padding:12px 12px 12px 36px;background-color:#F6F7FA;background-image:url('../../typo3/sysext/t3skin/icons/gfx/notice.png');border:1px solid #C2CBCF;color:#444;list-style-type:none;margin-left:0}.femanager_error{background-position:10px 12px;background-repeat:no-repeat;margin-bottom:4px;padding:12px 12px 12px 36px;background-color:#F6D3CF;background-image:url('../../typo3/sysext/t3skin/icons/gfx/error.png');border:1px solid #D66C68;color:#AA0225;list-style-type:none;margin-left:0}

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80); }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #cccccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #cccccc; }
    .mfp-preloader a:hover {
      color: white; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none; }
button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  filter: alpha(opacity=65);
  padding: 0 0 18px 10px;
  color: white;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover, .mfp-close:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333333; }

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
  color: white;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #cccccc;
  font-size: 12px;
  line-height: 18px; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  filter: alpha(opacity=65);
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover, .mfp-arrow:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
  .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after, .mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before, .mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
    border-right: 17px solid white;
    margin-left: 31px; }
  .mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
    border-left: 17px solid white;
    margin-left: 39px; }
  .mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
    border-left: 27px solid #3f3f3f; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: black; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444444; }
  .mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }

.mfp-ie7 .mfp-img {
  padding: 0; }
.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px; }
.mfp-ie7 .mfp-container {
  padding: 0; }
.mfp-ie7 .mfp-content {
  padding-top: 44px; }
.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0; }


html, body, ul, ol {
  margin: 0;
  padding: 0; }

body {
  font-family: 'Open Sans', Helvetica, sans-serif;
  line-height: 1.714em;
  color: #313131;
  background-color: #fff;
  padding-top: 138px;
  position: relative; }

.extbase-debugger.extbase-debugger-inline {
  position: absolute;
  width: 95%;
  top: 100%; }

.mainContent .tab-content {
  padding-top: 45px; }
  .mainContent .tab-content .tab-pane .csc-header h2 {
    margin: 0 0 30px;
    line-height: 33px;
    font-size: 30px;
    text-align: left;
    font-weight: 300;
    color: #313131; }
  .mainContent .csc-default .csc-header h2.csc-firstHeader {
    margin: 0 0 30px;
    line-height: 33px;
    font-size: 30px;
    text-align: left;
    font-weight: 300;
    color: #313131; }
    .mainContent .csc-default .csc-header h2.csc-firstHeader + h2 {
      margin-top: -10px; }
    .mainContent .csc-default .csc-header h2 {
      font-size: 18px;
      font-weight: 600;
      color: #df011a;
      margin-bottom: 10px; }
  .mainContent .csc-default .csc-header + .csc-textpic-text {
    margin-top: 30px; }
  .mainContent .csc-default.col-md-12 {
    padding-bottom: 50px; }

h1 {
  font-size: 22px;
  margin-bottom: 22px;
  text-align: left; }

h3 {
  text-align: center;
  font-size: 1.571em;
  margin: 0 0 2em;
  line-height: 33px; }
  h3.headline {
    font-size: 30px;
    text-align: left;
    font-weight: 300;
    margin-bottom: 30px; }
  h3.text-left {
    text-align: left; }

h2 {
  font-size: 1.3em;
  font-weight: 600;
  margin-bottom: 1em;
  display: block; }

h4 {
  font-size: 18px;
  font-weight: 600; }

h1.headline + h4 {
  margin-top: -10px; }

h4 + p, p + h4 {
  margin-top: 30px; }

h1.headline + h4 + form {
  margin-top: 50px; }

:focus {
  outline: none; }

.color-red {
  color: #df011a; }

.color-green {
  color: #179439; }

.bg-grey {
  background-color: rgba(0, 0, 0, 0.05);
  width: 100%; }

.shadow-box {
  position: relative;
  z-index: 1; }

.pre-title {
  clear: both;
  float: left;
  width: 100%;
  margin-bottom: 40px;
  position: relative;
  padding-left: 55px; }
  .pre-title .circle-title {
    float: left;
    font-size: 16px;
    color: #313131;
    display: table-cell;
    vertical-align: middle; }
  .pre-title .circle.number {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -20px; }

#ersatzteile-content td .bodytext {
  color: #727272;
  font-size: 13px; }
/* Centered columns */
.row-centered {
  text-align: center; }

.col-centered {
  display: inline-block;
  float: none;
  text-align: left;
  margin-right: -4px; }

.content-box {
  padding: 35px 0;
  background: url(/typo3conf/ext/theme_bootstrap_giftgruen_sera/Resources/Public/assets/border-shadow.png) bottom center no-repeat;
  background-size: contain; }
  .content-box.last {
    margin-bottom: 40px; }
  .content-box h1 {
    margin-top: 25px;
    margin-bottom: 20px; }
  .content-box a {
    display: block;
    color: #df011a;
    text-decoration: underline; }
  .content-box a.mehr-button {
    display: inline-block; }
  .content-box img {
    width: 100%; }
  .content-box .date {
    color: #a9a9a9;
    font-size: 14px;
    margin-bottom: -10px; }
  .content-box h2 {
    line-height: 24px; }

.page-navigation-arrow, .page-navigation-arrow:hover, .page-navigation-arrow:visited, .page-navigation-arrow:focus, .page-navigation-arrow:active {
  position: fixed;
  top: 50%;
  left: 0;
  width: 40px;
  height: 60px;
  background: rgba(0, 0, 0, 0.5);
  z-index: 5;
  font-family: 'sera-icon-font';
  color: #fff;
  font-size: 22px;
  text-align: center;
  padding-top: 18px;
  text-decoration: none; }
  .page-navigation-arrow.arrow-right, .page-navigation-arrow:hover.arrow-right, .page-navigation-arrow:visited.arrow-right, .page-navigation-arrow:focus.arrow-right, .page-navigation-arrow:active.arrow-right {
    left: auto;
    right: 0; }

.circle.red.number {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  color: #fff;
  background: #df011a;
  padding-top: 7px;
  text-align: center;
  font-size: 22px;
  float: left;
  margin-right: 15px; }

.btn-hide {
  display: none; }

.bg-red.red-box {
  background-color: #df011a;
  height: auto;
  border-radius: 0.286em;
  padding: 2em 2em 13px; }
  .bg-red.red-box select {
    margin-bottom: 7px; }
  .bg-red.red-box .btn-search {
    background-image: -owg(linear-gradient(#c80017, #e2001a));
    background-image: -webkit(linear-gradient(#c80017, #e2001a));
    background-image: -moz(linear-gradient(#c80017, #e2001a));
    background-image: -o(linear-gradient(#c80017, #e2001a));
    background-image: linear-gradient(#c80017, #e2001a);
    height: 32px;
    width: 32px;
    color: #fff;
    padding: 0; }
  .bg-red.red-box .btn-search i {
    font-size: 14px; }
  .bg-red.red-box .btn-search:hover {
    background-image: -owg(linear-gradient(#e2001a, #c80017));
    background-image: -webkit(linear-gradient(#e2001a, #c80017));
    background-image: -moz(linear-gradient(#e2001a, #c80017));
    background-image: -o(linear-gradient(#e2001a, #c80017));
    background-image: linear-gradient(#e2001a, #c80017); }
  .bg-red.red-box .dropdown {
    width: 100%;
    margin: 0 auto; }
  .bg-red.red-box .dropdown ul.dropdown-menu {
    width: 100%;
    padding: 0;
    background-color: #efefef; }

.red-title {
  color: #fff;
  font-size: 1.4em;
  font-weight: 300;
  line-height: 1.5em; }
  .red-title img {
    margin: -0.2em 0.5em 0 -0.2em; }

.red-text {
  color: #fff;
  margin-bottom: 1em;
  padding: 0.5em 0;
  font-weight: 500; }

.bg-yellow .yellow-content button.btn-red {
  display: block;
  margin-top: 20px;
  margin-bottom: 0; }

.bg-yellow, .yellow-box {
  background-color: #fdc20b;
  border-radius: 0.286em;
  height: auto;
  overflow: hidden;
  width: 100%; }
  .bg-yellow .col-sm-4, .yellow-box .col-sm-4, .bg-yellow .col-md-4, .yellow-box .col-md-4, .bg-yellow .col-xs-4, .yellow-box .col-xs-4 {
    overflow: hidden;
    position: relative;
    display: table-cell; }
  .bg-yellow .col-sm-4 .image, .yellow-box .col-sm-4 .image, .bg-yellow .col-md-4 .image, .yellow-box .col-md-4 .image, .bg-yellow .col-xs-4 .image, .yellow-box .col-xs-4 .image {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-size: cover !important; }
  .bg-yellow .col-sm-4 .circle, .yellow-box .col-sm-4 .circle, .bg-yellow .col-md-4 .circle, .yellow-box .col-md-4 .circle, .bg-yellow .col-xs-4 .circle, .yellow-box .col-xs-4 .circle {
    width: 140px;
    height: 140px;
    text-align: center;
    background: #df011a;
    font-size: 50px;
    font-weight: 300;
    border-radius: 50%;
    color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -70px;
    margin-top: -70px;
    padding-top: 58px; }
  .bg-yellow .col-sm-8, .yellow-box .col-sm-8, .bg-yellow .col-md-8, .yellow-box .col-md-8, .bg-yellow .col-xs-8, .yellow-box .col-xs-8 {
    display: table-cell;
    float: none; }
  .bg-yellow .yellow-content, .yellow-box .yellow-content {
    padding: 2em 35px 2em 0; }
  .bg-yellow .yellow-content .yellow-title, .yellow-box .yellow-content .yellow-title {
    color: #fff;
    font-size: 1.4em;
    font-weight: 300;
    line-height: 1.5em;
    margin-bottom: 18px;
    display: block; }
  .bg-yellow .yellow-content .yellow-text, .yellow-box .yellow-content .yellow-text {
    color: #fff;
    margin: 0 0 18px 0;
    font-weight: 500;
    max-width: 100%; }

.mainContent .csc-default .yellow-box {
  color: #fff;
  padding: 28px 24px; }
  .mainContent .csc-default .yellow-box .headlineTable {
    display: table; }
    .mainContent .csc-default .yellow-box .headlineTable i {
      display: table-cell;
      height: 100%;
      vertical-align: middle;
      padding-right: 10px;
      float: none; }
      .mainContent .csc-default .yellow-box .headlineTable i:before {
        position: static; }
    .mainContent .csc-default .yellow-box .headlineTable span {
      display: table-cell;
      vertical-align: middle; }
  .mainContent .csc-default .yellow-box h2, .mainContent .csc-default .yellow-box h3, .mainContent .csc-default .yellow-box .csc-header h2.csc-firstHeader {
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 25px;
    margin-top: 0;
    line-height: 29px;
    color: #fff; }
    .mainContent .csc-default .yellow-box h2 .icon, .mainContent .csc-default .yellow-box h3 .icon, .mainContent .csc-default .yellow-box .csc-header h2.csc-firstHeader .icon {
      margin-right: 15px; }
    .mainContent .csc-default .yellow-box h2 .icon-phone, .mainContent .csc-default .yellow-box h3 .icon-phone, .mainContent .csc-default .yellow-box .csc-header h2.csc-firstHeader .icon-phone {
      position: relative;
      top: 3px; }
      .mainContent .csc-default .yellow-box h2 .icon-phone:before, .mainContent .csc-default .yellow-box h3 .icon-phone:before, .mainContent .csc-default .yellow-box .csc-header h2.csc-firstHeader .icon-phone:before {
        content: "I";
        font-family: "sera-icon-font";
        font-size: 24px;
        color: #fff; }

h1.news, h1.contact {
  margin: 0 0 30px;
  line-height: 33px;
  font-size: 30px;
  text-align: left;
  font-weight: 300;
  color: #313131; }

h1.contact {
  margin: 0px; }

.container-padding {
  padding-top: 15px;
  padding-bottom: 15px; }

.product-detail-slider-wrapper {
  padding-top: 25px; }

.mainContent > div.container-padding:nth-child(1) {
  padding-top: 0; }

.caret {
  margin-left: 0.429em;
  margin-top: 0.429em;
  border-top: 0.3em dashed;
  border-top: 0.286em solid \9;
  border-right: 0.3em solid transparent;
  border-left: 0.3em solid transparent;
  vertical-align: top; }

.facebook.fixed {
  position: fixed;
  right: 0;
  top: 217px;
  background: #fff;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.28);
  height: 43px;
  width: 43px;
  display: block;
  z-index: 100; }
  .facebook.fixed i {
    font-size: 31px;
    position: relative;
    left: 9px;
    top: 6px;
    color: #b7b7b7; }
  .facebook.fixed i:hover {
    color: #3b579d; }

.shadow-box {
  box-shadow: inset 0px 11px 8px -10px #ccc, inset 0px -11px 8px -10px #ccc; }

.icon {
  display: inline-block;
  float: left; }
  .icon.icon-file {
    width: 22px;
    height: 27px; }
  .icon.icon-file:before {
    content: "c";
    font-family: "sera-icon-font";
    font-size: 30px;
    position: absolute; }

.page-content {
  padding-top: 40px; }

.panel.panel-default.panel-client {
  margin-top: 40px;
  background: #eee;
  padding: 20px 22px 20px 55px;
  border: 0;
  color: #313131;
  position: relative; }
  .panel.panel-default.panel-client .panel-heading {
    border: 0;
    background: transparent;
    color: #313131;
    font-weight: 600;
    font-size: 15px;
    padding: 0;
    margin-bottom: 9px;
    margin-top: -3px; }
  .panel.panel-default.panel-client .panel-heading .icon-client {
    position: absolute;
    left: 13px;
    top: 13px;
    width: 29px;
    height: 29px; }
    .panel.panel-default.panel-client .panel-heading .icon-client:before {
      content: "e";
      font-family: "sera-icon-font";
      font-size: 30px;
      color: #313131; }
  .panel.panel-default.panel-client .panel-body {
    padding: 0; }
  .panel.panel-default.panel-client .panel-body button {
    margin-top: -44px; }
  .panel.panel-default.panel-client .panel-body .fish-tank b {
    margin-top: 23px;
    display: block; }

.margin-top {
  margin-top: 60px; }

.col-md-3 > .bg-red + .bg-yellow {
  margin-top: 20px;
  float: left; }

p i {
  font-size: 13px;
  color: #313131; }

.extra-padding-bottom {
  padding-bottom: 110px; }

.breadcrumb {
  background: none;
  padding: 20px 0 0; }
  .breadcrumb ul {
    padding-left: 0; }
  .breadcrumb ul li {
    list-style: none;
    margin: 0;
    padding: 0; }
  .breadcrumb .ul-v {
    display: inline-block;
    max-width: calc(100% - 14px); }
  .breadcrumb .ul-h > li {
    display: inline-block;
    vertical-align: top; }
  .breadcrumb .ul-h > li a {
    background: url('/typo3conf/ext/theme_bootstrap_giftgruen_sera/Resources/Public/assets/breadcrumb-arrow.png') right 6px no-repeat;
    color: #313131;
    display: block;
    margin-right: 5px;
    padding-right: 15px;
    text-decoration: underline; }
  .breadcrumb .ul-h > li.active {
    color: #df011a; }
  .breadcrumb .ul-h > li:last-child a {
    background: none; }
  .breadcrumb .toggle {
    cursor: pointer; }
  .breadcrumb .toggle-active {
    transform: rotateX(180deg); }

.pagination {
  width: auto;
  float: right;
  margin: 20px 0 40px 0;
  padding-right: 0; }
  .pagination .pagination-line {
    background-color: #313131;
    height: 3px;
    width: 140px;
    float: left;
    margin: 14px 10px 0 14px; }
  .pagination .pagination-line:after {
    content: "";
    background-color: #fff;
    border: 3px solid #313131;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: block;
    top: -9px;
    left: 10%;
    position: relative; }
  .pagination .ui-widget-content {
    margin-left: 24px; }
  .pagination .ui-slider-handle {
    margin-left: -10px; }
  .pagination span {
    float: left;
    color: #606060;
    margin: 0.3em 0 0 1em; }
  .pagination a.pagination-arrow-right {
    padding: 4px 8px 2px 7px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    color: #313131;
    margin-left: 4px;
    text-decoration: none;
    display: inline-block;
    box-sizing: border-box; }
  .pagination a.pagination-arrow-right:before {
    content: "y";
    font-family: "sera-icon-font";
    color: #313131;
    border-radius: 4px; }
  .pagination a.pagination-arrow-left {
    padding: 4px 7px 2px 8px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    color: #313131;
    margin-left: 4px;
    text-decoration: none;
    display: inline-block;
    box-sizing: border-box; }
  .pagination a.pagination-arrow-left:before {
    content: "z";
    font-family: "sera-icon-font";
    color: #313131;
    border-radius: 4px; }

.ui-widget-content {
  background-color: #313131;
  height: 3px;
  width: 120px;
  float: left;
  margin: 12px 14px 0 14px;
  border: 0; }

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  content: "";
  background-color: #fff;
  border: 3px solid #313131;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  display: block;
  top: -12px;
  left: 10%;
  position: relative; }

.search-sidebar .icon-lupe:before {
  content: "k";
  font-size: 1.125em;
  color: #606060;
  position: relative;
  top: -27px;
  right: 10px;
  float: right; }

.checkboxes {
  margin: 1em 0;
  line-height: 2em; }
  .checkboxes strong {
    display: block; }

label {
  color: #606060;
  font-weight: 400;
  padding-left: 1em; }

.scroll {
  max-width: 250px;
  height: 500px;
  overflow: scroll; }

.lexikon-list ::-webkit-scrollbar {
  background: transparent;
  width: 8px;
  padding: 10px; }

.lexikon-list ::-webkit-scrollbar-button {
  background: transparent; }

.lexikon-list ::-webkit-scrollbar-track {
  background: transparent; }

.lexikon-list ::-webkit-scrollbar-track-piece {
  background: transparent; }

.lexikon-list ::-webkit-scrollbar-thumb {
  background-color: #fdc20b;
  border-radius: 10px;
  height: 50px; }

.lexikon-list ::-webkit-scrollbar-corner {
  background: transparent; }

.lexikon-list ::-webkit-resizer {
  background: transparent; }

.lexikon-list ul {
  list-style: none;
  padding-left: 0; }
  .lexikon-list ul li {
    width: 100%; }
    .lexikon-list ul li:first-child {
      background-color: #efefef;
      padding: 0.5em 0 0.5em 1em; }
    .lexikon-list ul li a {
      color: #606060;
      display: block;
      margin-left: 2em; }
      .lexikon-list ul li a:before {
        content: "";
        border-color: transparent #606060;
        border-style: solid;
        border-width: 0.35em 0 0.35em 0.35em;
        display: block;
        height: 0;
        width: 0;
        left: -1em;
        top: 1.1em;
        position: relative; }
      .lexikon-list ul li a:hover {
        color: #df011a; }
  .lexikon-list .lexikon-headline {
    padding: 0.5em 1em;
    display: block; }

.header-image {
  height: 325px;
  background-size: cover !important;
  background-position: center;
  position: relative; }
  .header-image .circle {
    width: 284px;
    height: 284px;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -142px;
    margin-top: -142px;
    background: #fdc20b;
    color: #fff;
    background: #fdc20b url(/typo3conf/ext/theme_bootstrap_giftgruen_sera/Resources/Public/assets/circle-waves.png) center center no-repeat;
    background-position: -220px 70px;
    display: table; }
  .header-image .circle .innerCircle {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    text-align: center; }
  .header-image .circle .innerCircle {
    font-size: 40px;
    font-weight: 300;
    text-align: center;
    line-height: 50px; }

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
  border: 0; }

.icon-telefon {
  position: relative;
  top: 4px; }
  .icon-telefon:before {
    content: "i";
    font-size: 24px;
    color: #fdc20b;
    padding-right: 6px; }

.icon-haendlersuche {
  position: relative;
  top: 4px;
  margin-left: 20px;
  display: inline-block;
  vertical-align: top; }
  .icon-haendlersuche:before {
    content: "d";
    color: #fff;
    font-size: 24px;
    padding-right: 6px; }

.btn-search > .icon-lupe:before {
  content: "k";
  font-size: 1.125em;
  color: #fff;
  margin-top: 0px;
  margin-right: 2px; }

.scroll-to-top {
  position: fixed;
  bottom: 10px;
  right: 15px;
  background: #fdc20b;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  color: #fff;
  padding-top: 16px;
  text-align: center;
  z-index: 200;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  font-family: 'sera-icon-font';
  font-size: 28px;
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg); }
  .scroll-to-top:hover, .scroll-to-top:focus {
    text-decoration: none;
    color: #fff; }

.sidebar-toggle {
  color: #313131;
  font-size: 15px;
  display: block;
  padding: 16px 15px 17px 30px;
  border-radius: 0.286em;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.125);
  margin-bottom: 15px;
  position: relative; }
  .sidebar-toggle:after {
    content: "l";
    font-family: "sera-icon-font";
    font-size: 18px;
    color: #313131;
    position: absolute;
    right: 20px; }
  .sidebar-toggle:hover, .sidebar-toggle:focus {
    color: #313131;
    text-decoration: none; }

.sidebar-toggled {
  margin-bottom: 0; }
  .sidebar-toggled:after {
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg); }

.margin-btm {
  margin-bottom: 50px; }

.padding-btm {
  padding-bottom: 100px; }

.yellow-box .icon-telefon:before {
  color: #fff; }

.as_wrapper-inner {
  position: relative;
  padding-bottom: 72%;
  height: 0; }
  .as_wrapper-inner .as_imagearea {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    border-radius: 5px; }

.csc-textpic img {
  max-width: 100%;
  height: auto; }

.choose-retailer .actions {
  padding-right: 15px;
  margin-top: 40px; }
  .choose-retailer .row {
    margin-top: 20px; }

@media screen and (max-width: 1200px) {
  .bg-red.red-box {
    padding: 27px 20px 13px; }

  .icon.icon-file {
    height: 50px; }

  .bg-yellow .yellow-content button.btn-red {
    display: block;
    margin-top: 0;
    margin-bottom: 12px; } }

@media screen and (max-width: 990px) {
  .bg-red.red-box {
    width: 100%;
    margin-bottom: 20px; }

  .bg-yellow .yellow-content {
    padding: 20px 20px 40px 20px; }

  .yellow-box {
    display: block;
    float: none !important; }

  body {
    -webkit-transition-property: right;
    -moz-transition-property: right;
    -o-transition-property: right;
    transition-property: right;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-in;
    -moz-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    position: relative;
    right: 0px;
    padding-top: 75px; }
    body:before {
      display: block;
      content: '';
      position: absolute;
      right: 0px;
      left: 0px;
      top: 0px;
      bottom: 0px;
      background: rgba(0, 0, 0, 0.5);
      z-index: -1;
      opacity: 0;
      -webkit-transition-property: opacity;
      -moz-transition-property: opacity;
      -o-transition-property: opacity;
      transition-property: opacity;
      -webkit-transition-duration: 0.5s;
      -moz-transition-duration: 0.5s;
      -o-transition-duration: 0.5s;
      transition-duration: 0.5s;
      -webkit-transition-timing-function: ease-in;
      -moz-transition-timing-function: ease-in;
      -o-transition-timing-function: ease-in;
      transition-timing-function: ease-in; }
    body.header-nav-open {
      position: relative;
      right: 350px; }
      body.header-nav-open:before {
        z-index: 9999;
        opacity: 1; }

  h1 {
    text-align: center;
    font-size: 1.571em; }

  .page-content {
    padding-top: 30px; }
    .page-content .headline {
      margin-left: 0; }

  .bg-red.red-box {
    width: 100%;
    margin-bottom: 20px; }

  .bg-yellow {
    overflow: hidden; }
    .bg-yellow img {
      width: auto;
      height: 100%; }
    .bg-yellow .yellow-content {
      padding: 30px 15px 50px; }
      .bg-yellow .yellow-content .yellow-text {
        max-width: 100%; }
      .bg-yellow .yellow-content button.btn-red {
        display: block;
        margin-top: 12px; }

  .facebook.fixed {
    top: 120px; }

  .breadcrumb .container {
    padding-left: 15px; }

  .panel.panel-default.panel-client .panel-body button {
    float: none !important;
    margin-top: 10px; }

  .icon.icon-file {
    height: 50px;
    margin-top: 0px; }

  .yellow-box h3 .icon {
    margin-top: 0;
    position: relative; } }

@media screen and (max-width: 767px) {
  .bg-yellow .yellow-content {
    padding-bottom: 20px; }

  .bg-yellow img {
    background-size: cover;
    width: 100%; }

  .modal-dialog {
    width: 600px;
    margin: 28% auto; }

  .modal-lg {
    width: 900px; }

  .pagination {
    float: none !important;
    display: block !important;
    position: relative; }
    .pagination .pagination-label {
      display: block !important;
      margin: 0.3em 0 0 !important;
      float: none !important;
      text-align: center; }
    .pagination a.pagination-arrow-right {
      position: absolute;
      top: 0;
      left: 0; }
    .pagination a.pagination-arrow-left {
      position: absolute;
      top: 0;
      right: 0; }

  .paginationSlider {
    display: none !important; } }

@media screen and (max-width: 500px) {
  .container-padding {
    padding-top: 0;
    padding-bottom: 0; }

  .facebook.fixed {
    display: none; }

  h1 {
    text-align: left; }

  .breadcrumb {
    background: none;
    padding: 20px 0 0 0; }

  .pagination {
    margin-left: 0;
    margin-right: 0;
    padding-right: 0;
    clear: both; }
    .pagination > span {
      color: #606060; }
    .pagination .pagination-line {
      width: 105px; }

  .bg-yellow img {
    width: 100%;
    height: 100%; }
    .bg-yellow .col-xs-4, .bg-yellow .col-xs-8 {
      float: left;
      width: 100%;
      display: block; }
    .bg-yellow .col-xs-4 {
      height: 300px; }

  .icon.icon-file:before {
    top: 0; } }

@media screen and (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 5% auto 10%; }
    .modal-dialog.guidebook {
      margin: 30px auto; }
      .modal-dialog.guidebook .modal-header {
        padding: 50px 23px 0; }
        .modal-dialog.guidebook .modal-header .close {
          margin-bottom: 0; }
      .modal-dialog.guidebook .modal-content iframe {
        border: none; }

  .modal-lg {
    width: 900px; } }

.tx-gg-sera-encyclopedia .col-md-3 {
  padding-left: 0px !important; }

.sera-relatedSlider .slick-list {
  width: 83.33333333%;
  float: left; }
  .sera-relatedSlider .slick-slide {
    height: auto; }
  .sera-relatedSlider .slick-arrow {
    position: relative;
    margin-top: 60px;
    z-index: 2;
    height: 100px;
    width: 55px;
    background: rgba(0, 0, 0, 0.5);
    border: 0px;
    border-radius: 5px; }
  .sera-relatedSlider .slick-arrow.slick-next:before {
    content: "u";
    font-family: "sera-icon-font";
    font-size: 28px;
    color: #fff;
    line-height: 44px; }
  .sera-relatedSlider .slick-arrow.slick-prev:before {
    content: "v";
    font-family: "sera-icon-font";
    font-size: 28px;
    color: #fff;
    line-height: 44px; }

.fix-margin {
  margin-bottom: 0px !important; }

.btn-default:active:hover, .btn-default.active:hover, .open > .dropdown-toggle.btn-default:hover, .btn-default:active:focus, .btn-default.active:focus, .open > .dropdown-toggle.btn-default:focus, .btn-default:active.focus, .btn-default.active.focus, .open > .dropdown-toggle.btn-default.focus {
  color: #fff;
  background: transparent;
  border: none; }

.btn:active, .btn.active {
  -webkit-box-shadow: none;
  box-shadow: none; }

.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
  outline: 0;
  outline-offset: 0; }

a:focus {
  outline: 0;
  outline-offset: 0; }

.btn-default {
  color: #fff;
  background: transparent;
  border: none;
  padding: 0.4em 0; }
  .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default:visited {
    color: #fff;
    background: transparent;
    border: none; }
  .btn-default .caret {
    margin-left: 0.286em;
    margin-top: 7px;
    color: #fff; }

.btn {
  position: relative;
  padding: 11px 16px 11px 55px;
  font-size: 16px;
  font-weight: 600;
  border: none;
  border-radius: 4px; }
  .btn:active, .btn:focus {
    color: #fff; }
  .btn:after {
    content: '';
    position: absolute;
    left: 13px;
    top: 7px;
    display: block;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.12); }
  .btn:before {
    content: "m";
    font-family: "sera-icon-font";
    color: #fff;
    position: absolute;
    left: 19px;
    bottom: 15px;
    width: 18px;
    height: 18px;
    display: block;
    z-index: 5; }

.btn-green {
  background-image: -owg(linear-gradient(#179439, #138933));
  background-image: -webkit(linear-gradient(#179439, #138933));
  background-image: -moz(linear-gradient(#179439, #138933));
  background-image: -o(linear-gradient(#179439, #138933));
  background-image: linear-gradient(#179439, #138933);
  color: #fff; }
  .btn-green.no-gradient {
    background: #179439; }
  .btn-green:after {
    background-image: -owg(linear-gradient(#138933, #179439));
    background-image: -webkit(linear-gradient(#138933, #179439));
    background-image: -moz(linear-gradient(#138933, #179439));
    background-image: -o(linear-gradient(#138933, #179439));
    background-image: linear-gradient(#138933, #179439); }

.btn-green:hover {
  background-image: -owg(linear-gradient(#138933, #179439));
  background-image: -webkit(linear-gradient(#138933, #179439));
  background-image: -moz(linear-gradient(#138933, #179439));
  background-image: -o(linear-gradient(#138933, #179439));
  background-image: linear-gradient(#138933, #179439);
  color: #fff;
  position: relative; }
  .btn-green:hover.no-gradient {
    background: #179439; }
  .btn-green:hover:after {
    background-image: -owg(linear-gradient(#179439, #138933));
    background-image: -webkit(linear-gradient(#179439, #138933));
    background-image: -moz(linear-gradient(#179439, #138933));
    background-image: -o(linear-gradient(#179439, #138933));
    background-image: linear-gradient(#179439, #138933); }

.btn-red {
  background-image: -owg(linear-gradient(#e2001a, #c80017));
  background-image: -webkit(linear-gradient(#e2001a, #c80017));
  background-image: -moz(linear-gradient(#e2001a, #c80017));
  background-image: -o(linear-gradient(#e2001a, #c80017));
  background-image: linear-gradient(#e2001a, #c80017);
  color: #fff; }
  .btn-red.no-gradient {
    background: #e2001a; }
  .btn-red:after {
    background-image: -owg(linear-gradient(#bb0419, #e2001a));
    background-image: -webkit(linear-gradient(#bb0419, #e2001a));
    background-image: -moz(linear-gradient(#bb0419, #e2001a));
    background-image: -o(linear-gradient(#bb0419, #e2001a));
    background-image: linear-gradient(#bb0419, #e2001a); }

.btn-red:hover {
  background-image: -owg(linear-gradient(#c80017, #e2001a));
  background-image: -webkit(linear-gradient(#c80017, #e2001a));
  background-image: -moz(linear-gradient(#c80017, #e2001a));
  background-image: -o(linear-gradient(#c80017, #e2001a));
  background-image: linear-gradient(#c80017, #e2001a);
  color: #fff;
  position: relative; }
  .btn-red:hover.no-gradient {
    background: #e2001a; }
  .btn-red:hover:after {
    background-image: -owg(linear-gradient(#e2001a, #bb0419));
    background-image: -webkit(linear-gradient(#e2001a, #bb0419));
    background-image: -moz(linear-gradient(#e2001a, #bb0419));
    background-image: -o(linear-gradient(#e2001a, #bb0419));
    background-image: linear-gradient(#e2001a, #bb0419); }

.btn-blue {
  background-image: -owg(linear-gradient(#0970c8, #005baf));
  background-image: -webkit(linear-gradient(#0970c8, #005baf));
  background-image: -moz(linear-gradient(#0970c8, #005baf));
  background-image: -o(linear-gradient(#0970c8, #005baf));
  background-image: linear-gradient(#0970c8, #005baf);
  color: #fff; }
  .btn-blue.no-gradient {
    background: #0964ba; }
  .btn-blue:after {
    background-image: -owg(linear-gradient(#015bb0, #0970c8));
    background-image: -webkit(linear-gradient(#015bb0, #0970c8));
    background-image: -moz(linear-gradient(#015bb0, #0970c8));
    background-image: -o(linear-gradient(#015bb0, #0970c8));
    background-image: linear-gradient(#015bb0, #0970c8); }

.btn-blue:hover {
  background-image: -owg(linear-gradient(#005baf, #0970c8));
  background-image: -webkit(linear-gradient(#005baf, #0970c8));
  background-image: -moz(linear-gradient(#005baf, #0970c8));
  background-image: -o(linear-gradient(#005baf, #0970c8));
  background-image: linear-gradient(#005baf, #0970c8);
  color: #fff;
  position: relative; }
  .btn-blue:hover.no-gradient {
    background: #0964ba; }
  .btn-blue:hover:after {
    background-image: -owg(linear-gradient(#0970c8, #015bb0));
    background-image: -webkit(linear-gradient(#0970c8, #015bb0));
    background-image: -moz(linear-gradient(#0970c8, #015bb0));
    background-image: -o(linear-gradient(#0970c8, #015bb0));
    background-image: linear-gradient(#0970c8, #015bb0); }

.btn-orange {
  background-image: -owg(linear-gradient(#fe9c02, #f08b05));
  background-image: -webkit(linear-gradient(#fe9c02, #f08b05));
  background-image: -moz(linear-gradient(#fe9c02, #f08b05));
  background-image: -o(linear-gradient(#fe9c02, #f08b05));
  background-image: linear-gradient(#fe9c02, #f08b05);
  color: #fff; }
  .btn-orange.no-gradient {
    background: #ef8905; }
  .btn-orange:after {
    background-image: -owg(linear-gradient(#f08b05, #fe9c02));
    background-image: -webkit(linear-gradient(#f08b05, #fe9c02));
    background-image: -moz(linear-gradient(#f08b05, #fe9c02));
    background-image: -o(linear-gradient(#f08b05, #fe9c02));
    background-image: linear-gradient(#f08b05, #fe9c02); }

.btn-orange:hover {
  background-image: -owg(linear-gradient(#f08b05, #fe9c02));
  background-image: -webkit(linear-gradient(#f08b05, #fe9c02));
  background-image: -moz(linear-gradient(#f08b05, #fe9c02));
  background-image: -o(linear-gradient(#f08b05, #fe9c02));
  background-image: linear-gradient(#f08b05, #fe9c02);
  color: #fff;
  position: relative; }
  .btn-orange:hover.no-gradient {
    background: #ef8905; }
  .btn-orange:hover:after {
    background-image: -owg(linear-gradient(#fe9c02, #f08b05));
    background-image: -webkit(linear-gradient(#fe9c02, #f08b05));
    background-image: -moz(linear-gradient(#fe9c02, #f08b05));
    background-image: -o(linear-gradient(#fe9c02, #f08b05));
    background-image: linear-gradient(#fe9c02, #f08b05); }

.btn-semi, .btn-yellow {
  background-image: -owg(linear-gradient(#fcc10c, #edb302));
  background-image: -webkit(linear-gradient(#fcc10c, #edb302));
  background-image: -moz(linear-gradient(#fcc10c, #edb302));
  background-image: -o(linear-gradient(#fcc10c, #edb302));
  background-image: linear-gradient(#fcc10c, #edb302);
  color: #fff; }
  .btn-semi.no-gradient, .btn-yellow.no-gradient {
    background: #fdc20b; }
  .btn-semi:after, .btn-yellow:after {
    background-image: -owg(linear-gradient(#edb302, #fcc10c));
    background-image: -webkit(linear-gradient(#edb302, #fcc10c));
    background-image: -moz(linear-gradient(#edb302, #fcc10c));
    background-image: -o(linear-gradient(#edb302, #fcc10c));
    background-image: linear-gradient(#edb302, #fcc10c); }

.btn-semi:hover, .btn-yellow:hover {
  background-image: -owg(linear-gradient(#edb302, #fcc10c));
  background-image: -webkit(linear-gradient(#edb302, #fcc10c));
  background-image: -moz(linear-gradient(#edb302, #fcc10c));
  background-image: -o(linear-gradient(#edb302, #fcc10c));
  background-image: linear-gradient(#edb302, #fcc10c);
  color: #fff;
  position: relative; }
  .btn-semi:hover.no-gradient, .btn-yellow:hover.no-gradient {
    background: #fdc20b; }
  .btn-semi:hover:after, .btn-yellow:hover:after {
    background-image: -owg(linear-gradient(#fcc10c, #edb302));
    background-image: -webkit(linear-gradient(#fcc10c, #edb302));
    background-image: -moz(linear-gradient(#fcc10c, #edb302));
    background-image: -o(linear-gradient(#fcc10c, #edb302));
    background-image: linear-gradient(#fcc10c, #edb302); }

.btn-grey {
  background-color: #313131;
  color: #fff;
  margin: 0 15px; }

.btn-grey:hover {
  color: #fff; }

.btn-semi {
  color: #313131;
  padding: 6px 11px 6px 42px; }
  .btn-semi:after {
    height: 20px;
    width: 20px; }
  .btn-semi:before {
    color: #313131;
    top: 9px;
    left: 15px;
    font-size: 12px; }
  .btn-semi:hover {
    color: #313131; }

.btn.small {
  padding: 4px 14px;
  font-size: 15px;
  font-weight: 600; }
  .btn.small:after, .btn.small:before {
    display: none; }

.btn-store-locator-wrapper {
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 100; }
  .btn-store-locator-wrapper.not-fixed {
    position: relative; }
  .btn-store-locator-wrapper a {
    float: right;
    z-index: 20; }

.btn-store-locator {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  font-size: 18px;
  text-align: left;
  height: 50px;
  padding: 0 20px;
  margin: 0;
  line-height: 44px;
  float: right; }
  .btn-store-locator:after, .btn-store-locator:hover:after {
    display: none; }
  .btn-store-locator:before {
    display: none; }
  .btn-store-locator .icon-haendlersuche:before {
    color: #fff;
    float: right;
    margin-top: 10px; }

.btn-search:before {
  display: none; }
  .btn-search:after {
    left: 1px;
    top: 0; }
  .btn-search:hover {
    background-image: -owg(linear-gradient(#bb0419, #e2001a));
    background-image: -webkit(linear-gradient(#bb0419, #e2001a));
    background-image: -moz(linear-gradient(#bb0419, #e2001a));
    background-image: -o(linear-gradient(#bb0419, #e2001a));
    background-image: linear-gradient(#bb0419, #e2001a); }

.btn-dropdown {
  background-color: #fff;
  color: #606060;
  margin-bottom: 0.5em;
  width: 100%;
  text-align: left; }
  .btn-dropdown:hover {
    color: #606060; }
  .btn-dropdown .caret {
    float: right; }

.btn-search {
  background-color: #cf011a;
  border-radius: 50%;
  width: 2.5em;
  height: 2.5em;
  margin-top: 1em;
  float: right;
  display: block; }
  .btn-search:before {
    content: "k";
    font-family: 'sera-icon-font';
    float: left;
    font-size: 1.2em;
    color: #fff;
    margin-left: -0.188em; }

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
  color: #fff;
  text-decoration: none;
  background-color: #df011a; }

.btn.back-to-overview {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  padding: 0;
  font-family: 'sera-icon-font';
  color: #fff;
  font-size: 18px;
  text-align: center;
  padding-top: 8px;
  float: right;
  position: absolute; }
  .btn.back-to-overview:after, .btn.back-to-overview:before {
    display: none; }

.btn-radio:before {
  display: none; }
  .btn-radio:after {
    display: none; }

.red-arrow-table {
  color: #fff;
  font-style: normal;
  width: 30px;
  height: 30px;
  display: inline-block;
  background-image: -owg(linear-gradient(#bb0419, #e2001a));
  background-image: -webkit(linear-gradient(#bb0419, #e2001a));
  background-image: -moz(linear-gradient(#bb0419, #e2001a));
  background-image: -o(linear-gradient(#bb0419, #e2001a));
  background-image: linear-gradient(#bb0419, #e2001a);
  border-radius: 50%;
  margin: 10px auto; }
  .red-arrow-table:hover {
    background-image: -owg(linear-gradient(#c80017, #e2001a));
    background-image: -webkit(linear-gradient(#c80017, #e2001a));
    background-image: -moz(linear-gradient(#c80017, #e2001a));
    background-image: -o(linear-gradient(#c80017, #e2001a));
    background-image: linear-gradient(#c80017, #e2001a); }
  .red-arrow-table:before {
    font-family: "sera-icon-font";
    content: "m";
    font-size: 16px;
    position: relative;
    left: 8px;
    top: 4px; }

.close-table {
  color: #313131;
  font-style: normal;
  width: 30px;
  height: 30px;
  display: inline-block;
  background-image: -owg(radial-gradient(45px 45px, #efefef 10px, #fff 30px));
  background-image: -webkit(radial-gradient(45px 45px, #efefef 10px, #fff 30px));
  background-image: -moz(radial-gradient(45px 45px, #efefef 10px, #fff 30px));
  background-image: -o(radial-gradient(45px 45px, #efefef 10px, #fff 30px));
  background-image: radial-gradient(45px 45px, #efefef 10px, #fff 30px);
  opacity: 1;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
  border-radius: 50%;
  margin: 10px auto; }
  .close-table:hover {
    background-image: -owg(radial-gradient(45px 45px, #ddd 10px, #fff 30px));
    background-image: -webkit(radial-gradient(45px 45px, #ddd 10px, #fff 30px));
    background-image: -moz(radial-gradient(45px 45px, #ddd 10px, #fff 30px));
    background-image: -o(radial-gradient(45px 45px, #ddd 10px, #fff 30px));
    background-image: radial-gradient(45px 45px, #ddd 10px, #fff 30px); }
  .close-table:before {
    font-family: "sera-icon-font";
    content: "i";
    font-size: 16px;
    position: relative;
    left: 7px;
    top: 4px; }

.edit-table {
  color: #313131;
  font-style: normal;
  width: 30px;
  height: 30px;
  display: inline-block;
  background-image: -owg(radial-gradient(45px 45px, #efefef 10px, #fff 30px));
  background-image: -webkit(radial-gradient(45px 45px, #efefef 10px, #fff 30px));
  background-image: -moz(radial-gradient(45px 45px, #efefef 10px, #fff 30px));
  background-image: -o(radial-gradient(45px 45px, #efefef 10px, #fff 30px));
  background-image: radial-gradient(45px 45px, #efefef 10px, #fff 30px);
  opacity: 1;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
  border-radius: 50%;
  margin: 10px auto; }
  .edit-table:hover {
    background-image: -owg(radial-gradient(45px 45px, #ddd 10px, #fff 30px));
    background-image: -webkit(radial-gradient(45px 45px, #ddd 10px, #fff 30px));
    background-image: -moz(radial-gradient(45px 45px, #ddd 10px, #fff 30px));
    background-image: -o(radial-gradient(45px 45px, #ddd 10px, #fff 30px));
    background-image: radial-gradient(45px 45px, #ddd 10px, #fff 30px); }
  .edit-table:before {
    font-family: "sera-icon-font";
    content: "b";
    font-size: 16px;
    position: relative;
    left: 7px;
    top: 4px; }

.btn-search-customer {
  padding-top: 8px; }
  .btn-search-customer:before {
    content: "k";
    font-family: "sera-icon-font";
    color: #fff;
    bottom: 12px; }

.btn-add-customer {
  padding-top: 8px;
  float: right; }
  .btn-add-customer:before {
    bottom: 12px; }

@media screen and (max-width: 990px) {
  .btn-store-locator-wrapper {
    z-index: 100; }
    .btn-store-locator-wrapper.not-fixed {
      position: relative; }
    .btn-store-locator-wrapper a {
      z-index: 20;
      float: left; } }

@media screen and (min-width: 500px) {
  .btn.back-to-overview {
    right: 15px; }
    .btn.back-to-overview:after, .btn.back-to-overview:before {
      display: none; } }

@media screen and (max-width: 500px) {
  footer {
    padding-bottom: 44px; }

  .btn-store-locator {
    float: none;
    display: block; }
    .btn-store-locator .icon-haendlersuche:before {
      color: #fff;
      float: left;
      margin-top: 10px;
      margin-right: 10px; }

  .btn.back-to-overview {
    right: 15px; }
    .btn.back-to-overview:after, .btn.back-to-overview:before {
      display: none; }

  .btn-add-customer {
    float: left; }

  .btn-store-locator-wrapper {
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 100; }
    .btn-store-locator-wrapper.not-fixed {
      position: fixed; }
    .btn-store-locator-wrapper a {
      float: none;
      z-index: 20;
      border-radius: 0;
      padding: 0 15px;
      line-height: 44px;
      height: 44px;
      box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
      margin-left: -15px;
      margin-right: 30px; }

  .scroll-to-top {
    position: fixed;
    bottom: 0;
    right: 0;
    background: #fdc20b;
    width: 44px;
    height: 44px;
    border-radius: 0;
    color: #fff;
    padding-top: 16px;
    text-align: center;
    line-height: 14px;
    font-size: 24px;
    z-index: 200;
    font-family: 'sera-icon-font';
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    box-shadow: none; } }

.btn.no-icon {
  padding: 11px 16px 11px 11px; }
  .btn.no-icon:before {
    display: none;
    content: ''; }
  .btn.no-icon:after {
    display: none;
    content: ''; }

footer {
  color: #fff;
  background: #313131 url(/typo3conf/ext/theme_bootstrap_giftgruen_sera/Resources/Public/assets/footer-waves.png) bottom left repeat-x;
  background-position: 100px 375px;
  overflow: hidden; }
  footer h1 {
    font-size: 1.286em; }
  footer span {
    font-size: 1.286em; }
  footer p {
    line-height: 1.5em;
    font-weight: 300; }
  footer .footer-nav {
    padding: 1.5em 0;
    box-shadow: 0.071em 0.071em 0.429em #2a2a2a; }
  footer .footer-nav ul.nav.navbar-nav li a {
    color: #606060;
    text-transform: uppercase; }
    footer .footer-nav ul.nav.navbar-nav li a:hover {
      background-color: transparent;
      color: #efefef; }
    footer .footer-nav ul.nav.navbar-nav li a:visited, footer .footer-nav ul.nav.navbar-nav li a:active, footer .footer-nav ul.nav.navbar-nav li a:focus {
      background-color: transparent; }
  footer .footer-area {
    padding: 4em 0 1em 0; }
  footer .footer-area img {
    height: 1.571em;
    width: 1.714em;
    margin: 0.143em 0.571em 0.571em -0.143em; }
  footer .footer-area ul {
    list-style: none; }
    footer .footer-area ul li a {
      text-decoration: underline;
      color: #fff;
      font-weight: 300; }
      footer .footer-area ul li a:hover {
        text-decoration: none; }
    footer .footer-area ul li:before {
      content: "";
      border-color: transparent #fff;
      border-style: solid;
      border-width: 0.35em 0 0.35em 0.35em;
      display: block;
      height: 0;
      width: 0;
      left: -1em;
      top: 1.1em;
      position: relative; }
    footer .footer-area ul li:before:hover {
      left: -0.7em; }
    footer .footer-area ul li:first-child:before {
      content: none;
      border: none; }
    footer .footer-area ul li:first-child {
      margin-left: -1em;
      font-size: 1.143em; }
  footer .footer-area p {
    margin-bottom: 2em; }
  footer .footer-links {
    margin-top: 5em; }
  footer .footer-links p {
    margin-bottom: 0; }
  footer .footer-links ul {
    list-style: none;
    float: right;
    display: inline-block; }
    footer .footer-links ul li {
      float: left;
      padding-left: 2em; }
    footer .footer-links ul li a {
      text-decoration: none;
      color: #606060; }
      footer .footer-links ul li a:hover {
        color: #efefef; }
    footer .footer-links ul li:before {
      content: none; }
  footer .fa-facebook-official:before {
    color: #606060;
    font-size: 2.286em; }
  footer .fa-facebook-official:hover:before {
    color: #3b579d; }
  footer .fa-facebook-official {
    float: right;
    margin-top: 0.714em;
    margin-right: 1.071em; }
  footer .tel-number {
    color: #fdc20b; }

@media screen and (max-width: 991px) {
  footer .footer-area .col-sm-6 {
    margin-bottom: 20px; }
    footer .fa-facebook-official {
      margin-top: -42px; }
    footer .col-md-4 br {
      display: none; }
    footer .col-md-4 + .col-md-8 {
      margin-top: 30px; }
    footer .footer-links ul li a {
      color: #fff; } }

@media screen and (max-width: 767px) {
  footer {
    background: #313131; }
    footer .navbar-nav {
      margin: 7.5px 0px; }
    footer .footer-area .col-lg-8 {
      margin-left: 15px;
      margin-top: 20px; }
      footer .footer-area .col-lg-8 .col-lg-3 {
        margin-bottom: 20px; }
    footer .footer-links {
      text-align: center; }
      footer .footer-links ul {
        margin: 10px auto;
        float: left;
        margin-left: 15px; }
      footer .footer-links ul li {
        padding-left: 0;
        padding-right: 1.5em; }
      footer .footer-links p {
        text-align: left; }
    footer .footer-nav {
      position: relative; }
    footer .fa-facebook-official {
      float: left;
      margin-left: 15px;
      margin-right: 0;
      margin-top: 0;
      position: absolute;
      right: 15px;
      top: 36px; }
    footer .footer-area ul {
      padding-left: 0; } }

.navbar-main {
  background-color: #fdc20b;
  background-image: -owg(linear-gradient(#ffc100, #f6b300));
  background-image: -webkit(linear-gradient(#ffc100, #f6b300));
  background-image: -moz(linear-gradient(#ffc100, #f6b300));
  background-image: -o(linear-gradient(#ffc100, #f6b300));
  background-image: linear-gradient(#ffc100, #f6b300);
  border: 0 solid #000;
  color: #fff !important; }
  .navbar-main .icon-lupe:before {
    content: "k";
    font-size: 14px;
    color: #fff;
    position: relative;
    right: 18px; }
  .navbar-main .navbar-brand > img {
    height: 44px;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-timing-function: ease-in;
    -moz-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    transition-timing-function: ease-in; }
  .navbar-main .lang-dropdown {
    width: auto;
    float: right;
    margin-right: 14px; }
  .navbar-main .lang-dropdown > button:hover {
    opacity: 0.7; }
  .navbar-main .lang-dropdown .dropdown-menu {
    width: 57px;
    min-width: 0;
    border: 0;
    border-radius: 0;
    top: 53px; }
    .navbar-main .lang-dropdown .dropdown-menu:before {
      content: '';
      display: block;
      width: 0;
      height: 0;
      border-left: 11px solid transparent;
      border-right: 11px solid transparent;
      border-bottom: 11px solid #fff;
      position: absolute;
      top: -11px;
      right: 12px; }
  .navbar-main .header-nav {
    background-color: #fff;
    width: 100%;
    padding-top: 0.6em;
    height: 66px;
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.18);
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-timing-function: ease-in;
    -moz-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    transition-timing-function: ease-in; }
  .navbar-main .header-nav ul {
    list-style: none; }
  .navbar-main .header-nav .caret {
    color: #606060;
    position: absolute;
    right: -17px;
    top: 12px; }
  .navbar-main .header-nav .open .caret {
    color: #fff; }
  .navbar-main .header-nav .navbar-nav > li {
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .navbar-main .header-nav .navbar-nav > li > a {
      display: block;
      text-decoration: none;
      font-size: 1.2em;
      margin-bottom: 1.1em; }
      .navbar-main .header-nav .navbar-nav > li > a.active {
        color: #df011a;
        border-bottom: 0.2em solid #df011a;
        padding: 0.8em 0 0;
        margin-bottom: 1.1em;
        margin-right: 1.215em;
        margin-left: 1.215em; }
        .navbar-main .header-nav .navbar-nav > li > a.active:visited {
          color: #fff; }
    .navbar-main .header-nav .navbar-nav > li:not(.open) a {
      padding: 0.8em 0 0;
      color: #000;
      margin: 0 30px; }
    .navbar-main .header-nav .navbar-nav > li:not(.open) a:hover {
      color: #df011a; }
      .navbar-main .header-nav .navbar-nav > li:not(.open) a:hover .caret {
        color: #df011a; }
    .navbar-main .header-nav .navbar-nav > li:not(.open) a.mobile-btn-back {
      margin: 0;
      padding: 0;
      font-size: 18px; }
    .navbar-main .header-nav .navbar-nav > li.first a {
      margin-left: 0; }
    .navbar-main .header-nav .navbar-nav > li:last-child a {
      margin-right: 0; }
    .navbar-main .header-nav .navbar-nav > li.active > a {
      color: #df011a;
      background-color: transparent;
      border-bottom: 0.2em solid #df011a; }
  .navbar-main .header-nav .logo.navbar-brand {
    color: #fff !important;
    height: 4em;
    padding: 0.8em 0;
    float: left; }
  .navbar-main .search-form {
    margin-right: -25px;
    margin-top: 20px;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-timing-function: ease-in;
    -moz-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    transition-timing-function: ease-in; }
  .navbar-main .search-form .form-group {
    width: auto;
    position: relative; }
  .navbar-main .search-form .btn-red {
    margin-top: 1px; }
  .navbar-main #logoutform, .navbar-main .userinfo {
    float: left; }
  .navbar-main .dropdown-menu.mega-menu {
    width: auto;
    left: 0;
    right: -2px;
    top: 9.857em;
    border-top: 0.571em solid #179439;
    position: fixed;
    z-index: 1000;
    border-radius: 0;
    border-bottom: 0; }
  .navbar-main .dropdown-menu.mega-menu ul {
    max-width: 1170px;
    width: 100%;
    margin: 0 auto; }
  .navbar-main .dropdown-menu.mega-menu .left-nav {
    position: relative;
    padding-left: 15px;
    padding-right: 15px; }
    @media screen and (max-width: 1250px) {
    .navbar-main .dropdown-menu.mega-menu .left-nav {
      padding: 0 15px; } }
    .navbar-main .dropdown-menu.mega-menu .left-nav > li {
      display: block;
      float: none; }
    .navbar-main .dropdown-menu.mega-menu .left-nav > li > a {
      display: inline-block;
      padding: 11px 0;
      margin-bottom: 8px;
      font-weight: 600;
      width: 265px;
      color: #313131;
      font-size: 18px;
      font-weight: 600;
      margin-left: 0; }
    @media screen and (max-width: 768px) {
      .navbar-main .dropdown-menu.mega-menu .left-nav > li > a {
        width: 100%; } }
    .navbar-main .dropdown-menu.mega-menu .left-nav > li.active > a, .navbar-main .dropdown-menu.mega-menu .left-nav > li > a:hover {
      padding: 11px;
      border-bottom: 0;
      background: #179439;
      color: #fff;
      position: relative;
      left: -15px;
      border-radius: 0.286em;
      text-decoration: none;
      padding-left: 15px !important; }
    @media screen and (max-width: 768px) {
      .navbar-main .dropdown-menu.mega-menu .left-nav > li.active > a, .navbar-main .dropdown-menu.mega-menu .left-nav > li > a:hover {
        left: 0; } }
  .navbar-main .dropdown-menu.mega-menu .middle-links li a, .navbar-main .dropdown-menu.mega-menu .middle-links li a:visited, .navbar-main .dropdown-menu.mega-menu .middle-links li a:focus, .navbar-main .dropdown-menu.mega-menu .middle-links li a:active {
    color: #313131;
    font-size: 15px;
    font-weight: 600;
    margin-left: 0;
    margin-bottom: 12px;
    display: inline-block;
    position: relative;
    margin-left: 15px;
    padding-top: 0; }
    .navbar-main .dropdown-menu.mega-menu .middle-links li a:before, .navbar-main .dropdown-menu.mega-menu .middle-links li a:visited:before, .navbar-main .dropdown-menu.mega-menu .middle-links li a:focus:before, .navbar-main .dropdown-menu.mega-menu .middle-links li a:active:before {
      color: #df011a;
      content: "";
      font-family: "FontAwesome";
      font-size: 1.286em;
      margin: 0 0.429em 0 0;
      text-decoration: none;
      position: absolute;
      left: -15px;
      top: 0; }
    .navbar-main .dropdown-menu.mega-menu .middle-links li a:after, .navbar-main .dropdown-menu.mega-menu .middle-links li a:visited:after, .navbar-main .dropdown-menu.mega-menu .middle-links li a:focus:after, .navbar-main .dropdown-menu.mega-menu .middle-links li a:active:after {
      content: '';
      display: block;
      width: 100%;
      height: 1px;
      background: #fff;
      position: absolute;
      bottom: 2px;
      left: 0;
      right: 0; }
    .navbar-main .dropdown-menu.mega-menu .middle-links li a:hover {
      color: #df011a;
      text-decoration: none; }
    .navbar-main .dropdown-menu.mega-menu .middle-links li a:hover:after {
      background: #df011a; }
    .navbar-main .dropdown-menu.mega-menu .middle-links li.btn {
      display: inline-block;
      float: left;
      width: auto;
      clear: none;
      padding: 0;
      margin-bottom: 40px;
      margin-right: 13px; }
    .navbar-main .dropdown-menu.mega-menu .middle-links li.btn:before {
      bottom: 26px;
      left: 20px; }
    .navbar-main .dropdown-menu.mega-menu .middle-links li.btn:last-child {
      clear: right; }
    .navbar-main .dropdown-menu.mega-menu .middle-links li.btn a {
      clear: none;
      border-bottom: 0;
      color: #fff;
      margin-left: 0;
      padding-top: 11px; }
    .navbar-main .dropdown-menu.mega-menu .middle-links li.btn a:before {
      display: none; }
    .navbar-main .dropdown-menu.mega-menu .middle-links li.btn a:after {
      content: '';
      position: absolute;
      left: 13px;
      top: 6px;
      display: block;
      height: 30px;
      width: 30px;
      border-radius: 50%;
      background-image: -owg(linear-gradient(#138933, #179439));
      background-image: -webkit(linear-gradient(#138933, #179439));
      background-image: -moz(linear-gradient(#138933, #179439));
      background-image: -o(linear-gradient(#138933, #179439));
      background-image: linear-gradient(#138933, #179439); }
    .navbar-main .dropdown-menu.mega-menu .middle-links li.btn a:hover {
      color: #fff; }
  .navbar-main .dropdown-menu.mega-menu .mega-menu-column ul li {
    float: none;
    clear: both;
    width: 100%; }
  .navbar-main .mega-menu {
    padding: 2.857em 0 ! important;
    width: 38.571em;
    border-bottom-left-radius: 0.286em;
    border-bottom-right-radius: 0.286em;
    margin-top: 0; }
  .navbar-main .mega-menu span {
    font-weight: 700; }
  .navbar-main .mega-menu li {
    display: inline-block;
    float: left; }
  .navbar-main .mega-menu li.mega-menu-column {
    margin-right: 3em;
    width: auto; }
  .navbar-main .mega-menu-column.left-menu ul {
    width: 18em; }
    .navbar-main .mega-menu-column.left-menu ul li {
      margin: 0.5em 1em;
      padding: 0; }
    .navbar-main .mega-menu-column.left-menu ul li a {
      margin: 0;
      padding: 0.5em 1em;
      border-bottom: none;
      font-weight: 600;
      color: #313131; }
    .navbar-main .mega-menu-column.left-menu ul li a:hover {
      margin: 0;
      padding: 0.5em 1em;
      border-bottom: none;
      background-color: #179439;
      border-radius: 0.286em;
      color: #fff; }
  .navbar-main .mega-menu-column.img-menu .img-placeholder {
    width: 25em; }
    .navbar-main .mega-menu-column.img-menu .img-placeholder img {
      display: block;
      float: right; }
    .navbar-main .mega-menu-column.img-menu .img-placeholder button {
      margin-top: 4em;
      float: right;
      clear: both; }
  .navbar-main .dropdown-menu.sub, .navbar-main .stat-menu {
    width: 250px;
    padding: 15px 25px;
    left: -35px;
    border-top: 0.571em solid #fdc20b; }
  .navbar-main .dropdown-menu.sub li, .navbar-main .stat-menu li {
    float: none;
    clear: both;
    width: 100%; }
  .navbar-main .dropdown-menu.sub a, .navbar-main .stat-menu a {
    color: #313131;
    font-size: 15px;
    font-weight: 600;
    margin-left: 0;
    margin-bottom: 7px;
    display: inline-block;
    position: relative;
    margin-left: 15px;
    padding: 0;
    padding-top: 5px; }
  .navbar-main .dropdown-menu.sub a:before, .navbar-main .stat-menu a:before {
    color: #df011a;
    content: "";
    font-family: "FontAwesome";
    font-size: 1.286em;
    margin: 0 0.429em 0 0;
    text-decoration: none;
    position: absolute;
    left: -15px;
    top: 2px; }
  .navbar-main .dropdown-menu.sub a:after, .navbar-main .stat-menu a:after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background: #fff;
    position: absolute;
    bottom: 2px;
    left: 0;
    right: 0; }
  .navbar-main .dropdown-menu.sub a:hover, .navbar-main .stat-menu a:hover, .navbar-main .dropdown-menu.sub a:focus, .navbar-main .stat-menu a:focus {
    color: #df011a;
    text-decoration: none;
    background-color: transparent; }
  .navbar-main .dropdown-menu.sub a:hover:after, .navbar-main .stat-menu a:hover:after, .navbar-main .dropdown-menu.sub .active > a:after, .navbar-main .stat-menu .active > a:after {
    background: #df011a; }
  .navbar-main .last .dropdown-menu.sub {
    left: -50px; }
  .navbar-main .dropdown-menu > .active > a, .navbar-main .dropdown-menu > .active > a:hover, .navbar-main .dropdown-menu > .active > a:focus {
    background-color: transparent;
    color: #df011a; }
  .navbar-main .navbar-header {
    float: none;
    height: 75px;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-timing-function: ease-in;
    -moz-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    transition-timing-function: ease-in; }
  .navbar-main .form-control.form-search {
    display: inline-block;
    width: 100%;
    height: 2.4em;
    padding: 0;
    color: #fff;
    background: transparent;
    background-image: none;
    border: none;
    border-radius: 0;
    box-shadow: none;
    transition: none;
    border-bottom: 0.071em solid #fff;
    margin-top: -0.429em;
    width: 245px; }
  .navbar-main .form-search::-moz-placeholder {
    color: #fff;
    opacity: 1; }
  .navbar-main .form-search:-ms-input-placeholder {
    color: #fff; }
  .navbar-main .form-search::-webkit-input-placeholder {
    color: #fff; }
  .navbar-main .form-search:focus::-moz-placeholder {
    color: rgba(255, 255, 255, 0.8);
    opacity: 1; }
  .navbar-main .form-search:focus:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.8); }
  .navbar-main .form-search:focus::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.8); }
  .navbar-main .fa-search:before {
    content: "";
    float: left;
    margin: 0 0 0 -1.286em;
    font-size: 1.125em;
    color: #fff; }
  .navbar-main .open > .dropdown-toggle.btn-default, .navbar-main .open > .dropdown-toggle.btn-default:hover, .navbar-main .open > .dropdown-toggle.btn-default:active, .navbar-main .open > .dropdown-toggle.btn-default:focus {
    color: #fff;
    background-color: transparent;
    border-color: transparent; }
  .navbar-main .left-nav .mega-menu-column.middle-menu {
    color: #000;
    position: absolute;
    left: 340px;
    top: 0;
    right: 22px;
    display: none;
    padding: 0; }
  .navbar-main .left-nav .mega-menu-column.middle-menu.active {
    display: block; }
  .navbar-main .left-nav .mega-menu-column.middle-menu .close {
    position: absolute;
    right: 0;
    bottom: 50px;
    width: 50px;
    height: 50px;
    background-image: -owg(radial-gradient(45px 45px, #efefef 10px, #fff 30px));
    background-image: -webkit(radial-gradient(45px 45px, #efefef 10px, #fff 30px));
    background-image: -moz(radial-gradient(45px 45px, #efefef 10px, #fff 30px));
    background-image: -o(radial-gradient(45px 45px, #efefef 10px, #fff 30px));
    background-image: radial-gradient(45px 45px, #efefef 10px, #fff 30px);
    opacity: 1;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
    border-radius: 50%; }
    .navbar-main .left-nav .mega-menu-column.middle-menu .close:after {
      content: "i";
      font-family: "sera-icon-font";
      font-size: 28px;
      display: block;
      padding: 12px 0 0 11px; }
    .navbar-main .left-nav .mega-menu-column.middle-menu .close:hover {
      background-image: -owg(radial-gradient(45px 45px, #ddd 10px, #fff 30px));
      background-image: -webkit(radial-gradient(45px 45px, #ddd 10px, #fff 30px));
      background-image: -moz(radial-gradient(45px 45px, #ddd 10px, #fff 30px));
      background-image: -o(radial-gradient(45px 45px, #ddd 10px, #fff 30px));
      background-image: radial-gradient(45px 45px, #ddd 10px, #fff 30px); }
  .navbar-main .left-nav .mega-menu-column.middle-menu .middle-text {
    width: 30em;
    color: #313131; }
    .navbar-main .left-nav .mega-menu-column.middle-menu .middle-text span {
      margin: 1em 0; }
    .navbar-main .left-nav .mega-menu-column.middle-menu .middle-text p {
      margin: 1em 0 30px; }
    .navbar-main .left-nav .mega-menu-column.middle-menu .middle-text img {
      position: absolute;
      right: 0;
      top: 0; }
  .navbar-main .header-nav .navbar-nav > .open > a, .navbar-main .header-nav .navbar-nav > .open > a:hover, .navbar-main .header-nav .navbar-nav > .open > a:focus, .navbar-main .header-nav .navbar-nav > .open.active > a, .navbar-main .header-nav .navbar-nav > .open.active > a:hover, .navbar-main .header-nav .navbar-nav > .open.active > a:focus {
    color: #fff;
    background-color: #179439;
    border-bottom: 1.3em solid #179439;
    margin-bottom: 0;
    border-top-left-radius: 0.286em;
    border-top-right-radius: 0.286em;
    padding: 0.8em 30px 0 15px;
    margin-left: 15px; }
  .navbar-main .header-nav .navbar-nav > .open > a .caret, .navbar-main .header-nav .navbar-nav > .open > a:hover .caret, .navbar-main .header-nav .navbar-nav > .open > a:focus .caret, .navbar-main .header-nav .navbar-nav > .open.active > a .caret, .navbar-main .header-nav .navbar-nav > .open.active > a:hover .caret, .navbar-main .header-nav .navbar-nav > .open.active > a:focus .caret {
    right: 12px; }
  .navbar-main .header-nav .navbar-nav > .blue.open > a, .navbar-main .header-nav .navbar-nav > .blue.open > a:hover, .navbar-main .header-nav .navbar-nav > .blue.open.active > a, .navbar-main .header-nav .navbar-nav > .blue.open.active > a:hover, .navbar-main .header-nav .navbar-nav > .blue.open.active > a:focus {
    background-color: #0a64ba;
    border-bottom: 1.3em solid #0a64ba; }
  .navbar-main .header-nav .navbar-nav > .red.open > a, .navbar-main .header-nav .navbar-nav > .red.open > a:hover, .navbar-main .header-nav .navbar-nav > .red.open.active > a, .navbar-main .header-nav .navbar-nav > .red.open.active > a:hover, .navbar-main .header-nav .navbar-nav > .red.open.active > a:focus {
    background-color: #df011a;
    border-bottom: 1.3em solid #df011a; }
  .navbar-main .header-nav .navbar-nav > .orange.open > a, .navbar-main .header-nav .navbar-nav > .orange.open > a:hover, .navbar-main .header-nav .navbar-nav > .orange.open.active > a, .navbar-main .header-nav .navbar-nav > .orange.open.active > a:hover, .navbar-main .header-nav .navbar-nav > .orange.open.active > a:focus {
    background-color: #ef8905;
    border-bottom: 1.3em solid #ef8905; }
  .navbar-main .header-nav .navbar-nav > .yellow.open > a, .navbar-main .header-nav .navbar-nav > .yellow.open > a:hover, .navbar-main .header-nav .navbar-nav > .yellow.open.active > a, .navbar-main .header-nav .navbar-nav > .yellow.open.active > a:hover, .navbar-main .header-nav .navbar-nav > .yellow.open.active > a:focus {
    background-color: #fdc20b;
    border-bottom: 1.3em solid #fdc20b; }
  .navbar-main .header-nav .navbar-nav > .orange .dropdown-menu.mega-menu {
    border-color: #ef8905; }
  .navbar-main .header-nav .navbar-nav > .orange .dropdown-menu.mega-menu .left-nav > li.active > a, .navbar-main .header-nav .navbar-nav > .orange .dropdown-menu.mega-menu .left-nav > li > a:hover {
    background-color: #ef8905; }
  .navbar-main .header-nav .navbar-nav > .orange .dropdown-menu.mega-menu .middle-links li.btn a {
    background-image: -owg(linear-gradient(#f08b05, #fe9c02));
    background-image: -webkit(linear-gradient(#f08b05, #fe9c02));
    background-image: -moz(linear-gradient(#f08b05, #fe9c02));
    background-image: -o(linear-gradient(#f08b05, #fe9c02));
    background-image: linear-gradient(#f08b05, #fe9c02); }
    .navbar-main .header-nav .navbar-nav > .orange .dropdown-menu.mega-menu .middle-links li.btn a:hover {
      background-image: -owg(linear-gradient(#fe9c02, #f08b05));
      background-image: -webkit(linear-gradient(#fe9c02, #f08b05));
      background-image: -moz(linear-gradient(#fe9c02, #f08b05));
      background-image: -o(linear-gradient(#fe9c02, #f08b05));
      background-image: linear-gradient(#fe9c02, #f08b05); }
    .navbar-main .header-nav .navbar-nav > .orange .dropdown-menu.mega-menu .middle-links li.btn a::after {
      background-image: -owg(linear-gradient(#fe9c02, #f08b05));
      background-image: -webkit(linear-gradient(#fe9c02, #f08b05));
      background-image: -moz(linear-gradient(#fe9c02, #f08b05));
      background-image: -o(linear-gradient(#fe9c02, #f08b05));
      background-image: linear-gradient(#fe9c02, #f08b05); }
  .navbar-main .header-nav .navbar-nav > .blue .dropdown-menu.mega-menu {
    border-color: #0964ba; }
  .navbar-main .header-nav .navbar-nav > .blue .dropdown-menu.mega-menu .left-nav > li.active > a, .navbar-main .header-nav .navbar-nav > .blue .dropdown-menu.mega-menu .left-nav > li > a:hover {
    background-color: #0964ba; }
  .navbar-main .header-nav .navbar-nav > .blue .dropdown-menu.mega-menu .middle-links li.btn a {
    background-image: -owg(linear-gradient(#005baf, #0970c8));
    background-image: -webkit(linear-gradient(#005baf, #0970c8));
    background-image: -moz(linear-gradient(#005baf, #0970c8));
    background-image: -o(linear-gradient(#005baf, #0970c8));
    background-image: linear-gradient(#005baf, #0970c8); }
    .navbar-main .header-nav .navbar-nav > .blue .dropdown-menu.mega-menu .middle-links li.btn a:hover {
      background-image: -owg(linear-gradient(#0970c8, #005baf));
      background-image: -webkit(linear-gradient(#0970c8, #005baf));
      background-image: -moz(linear-gradient(#0970c8, #005baf));
      background-image: -o(linear-gradient(#0970c8, #005baf));
      background-image: linear-gradient(#0970c8, #005baf); }
    .navbar-main .header-nav .navbar-nav > .blue .dropdown-menu.mega-menu .middle-links li.btn a::after {
      background-image: -owg(linear-gradient(#0970c8, #005baf));
      background-image: -webkit(linear-gradient(#0970c8, #005baf));
      background-image: -moz(linear-gradient(#0970c8, #005baf));
      background-image: -o(linear-gradient(#0970c8, #005baf));
      background-image: linear-gradient(#0970c8, #005baf); }
  .navbar-main .header-nav .navbar-nav > .red .dropdown-menu.mega-menu {
    border-color: #df011a; }
  .navbar-main .header-nav .navbar-nav > .red .dropdown-menu.mega-menu .left-nav > li.active > a, .navbar-main .header-nav .navbar-nav > .red .dropdown-menu.mega-menu .left-nav > li > a:hover {
    background-color: #df011a; }
  .navbar-main .header-nav .navbar-nav > .red .dropdown-menu.mega-menu .middle-links li.btn a {
    background-image: -owg(linear-gradient(#c80017, #e2001a));
    background-image: -webkit(linear-gradient(#c80017, #e2001a));
    background-image: -moz(linear-gradient(#c80017, #e2001a));
    background-image: -o(linear-gradient(#c80017, #e2001a));
    background-image: linear-gradient(#c80017, #e2001a); }
    .navbar-main .header-nav .navbar-nav > .red .dropdown-menu.mega-menu .middle-links li.btn a:hover {
      background-image: -owg(linear-gradient(#e2001a, #c80017));
      background-image: -webkit(linear-gradient(#e2001a, #c80017));
      background-image: -moz(linear-gradient(#e2001a, #c80017));
      background-image: -o(linear-gradient(#e2001a, #c80017));
      background-image: linear-gradient(#e2001a, #c80017); }
    .navbar-main .header-nav .navbar-nav > .red .dropdown-menu.mega-menu .middle-links li.btn a::after {
      background-image: -owg(linear-gradient(#e2001a, #c80017));
      background-image: -webkit(linear-gradient(#e2001a, #c80017));
      background-image: -moz(linear-gradient(#e2001a, #c80017));
      background-image: -o(linear-gradient(#e2001a, #c80017));
      background-image: linear-gradient(#e2001a, #c80017); }
  .navbar-main .header-nav .navbar-nav > .dropdown .dropdown-menu.mega-menu .middle-text ul {
    list-style: initial; }
  .navbar-main .header-nav .navbar-nav > .dropdown .dropdown-menu.mega-menu .middle-text li {
    margin-left: 20px;
    display: list-item; }
  .navbar-main .btn-close {
    width: 2em;
    height: 2em;
    background-color: #fff;
    color: #313131;
    border-radius: 50%;
    border: 0.071em solid #efefef;
    font-weight: 900;
    font-size: 2em; }
  .navbar-main .login-dropdown {
    position: relative;
    display: inline-block; }
  .navbar-main .login-dropdown > .btn-red {
    margin-right: 15px;
    margin-left: 15px;
    margin-top: 4px; }
  .navbar-main .login-dropdown .dropdown-menu {
    max-width: 390px;
    width: 390px;
    border-radius: 0;
    padding: 13px 16px 20px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    top: 53px;
    border: 0;
    right: -34px; }
    .navbar-main .login-dropdown .dropdown-menu:before {
      content: '';
      display: block;
      width: 0;
      height: 0;
      border-left: 11px solid transparent;
      border-right: 11px solid transparent;
      border-bottom: 11px solid #fff;
      position: absolute;
      top: -11px;
      right: 69px; }
    .navbar-main .login-dropdown .dropdown-menu a {
      font-size: 15px;
      font-weight: 600;
      color: #313131;
      margin-top: 2px;
      display: inline-block;
      text-decoration: none;
      border-bottom: 1px solid transparent;
      position: relative;
      margin-left: 15px; }
    .navbar-main .login-dropdown .dropdown-menu a:hover {
      border-bottom: 1px solid #df011a;
      font-size: 15px;
      font-weight: 600;
      color: #df011a;
      margin-top: 2px;
      display: inline-block;
      text-decoration: none; }
    .navbar-main .login-dropdown .dropdown-menu a.close:hover {
      background-image: -owg(radial-gradient(45px 45px, #ddd 10px, #fff 30px));
      background-image: -webkit(radial-gradient(45px 45px, #ddd 10px, #fff 30px));
      background-image: -moz(radial-gradient(45px 45px, #ddd 10px, #fff 30px));
      background-image: -o(radial-gradient(45px 45px, #ddd 10px, #fff 30px));
      background-image: radial-gradient(45px 45px, #ddd 10px, #fff 30px); }
    .navbar-main .login-dropdown .dropdown-menu a:before {
      color: #df011a;
      content: "";
      font-family: "FontAwesome";
      font-size: 1.286em;
      margin: 0 0.429em 0 0;
      text-decoration: none;
      position: absolute;
      left: -15px;
      top: 0px; }
    .navbar-main .login-dropdown .dropdown-menu .close:hover {
      color: #313131; }
    .navbar-main .login-dropdown .dropdown-menu button {
      padding: 9px 16px 9px 55px; }
    .navbar-main .login-dropdown .dropdown-menu button:after {
      top: 5px; }
  .navbar-main .login-dropdown .close {
    display: block;
    width: 34px;
    height: 34px;
    background-image: -owg(radial-gradient(45px 45px, #efefef 10px, #fff 30px));
    background-image: -webkit(radial-gradient(45px 45px, #efefef 10px, #fff 30px));
    background-image: -moz(radial-gradient(45px 45px, #efefef 10px, #fff 30px));
    background-image: -o(radial-gradient(45px 45px, #efefef 10px, #fff 30px));
    background-image: radial-gradient(45px 45px, #efefef 10px, #fff 30px);
    opacity: 1;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
    border-radius: 50%;
    margin-bottom: 15px; }
    .navbar-main .login-dropdown .close:before {
      display: none; }
    .navbar-main .login-dropdown .close:after {
      content: "i";
      font-family: "sera-icon-font";
      font-size: 18px;
      display: block;
      margin-left: 8px;
      margin-top: 8px; }
    .navbar-main .login-dropdown .close:hover {
      border: 0 !important;
      background-image: -owg(radial-gradient(45px 45px, #eee 10px, #fff 30px));
      background-image: -webkit(radial-gradient(45px 45px, #eee 10px, #fff 30px));
      background-image: -moz(radial-gradient(45px 45px, #eee 10px, #fff 30px));
      background-image: -o(radial-gradient(45px 45px, #eee 10px, #fff 30px));
      background-image: radial-gradient(45px 45px, #eee 10px, #fff 30px); }
  .navbar-main .login-dropdown .form-group {
    width: 100%;
    margin-bottom: 10px; }
  .navbar-main .login-dropdown input.form-control {
    min-width: 100%; }

.navbar > .container .navbar-brand {
  margin-left: 0;
  padding-left: 0; }

.scroll-nav .navbar-brand {
  padding-top: 12px; }
  .scroll-nav .navbar-brand > img {
    height: 28px; }
  .scroll-nav .search-form {
    margin-top: 9px; }
  .scroll-nav .navbar-header {
    height: 53px; }
  .scroll-nav .header-nav {
    padding-top: 0;
    height: 41px; }
  .scroll-nav .header-nav .navbar-nav > li:not(.open) a {
    padding-top: 9px; }
  .scroll-nav .header-nav .navbar-nav > li > a {
    padding-top: 7px;
    margin-top: 2px; }
    .scroll-nav .header-nav .navbar-nav > li > a .caret {
      top: 10px; }
  .scroll-nav .header-nav .navbar-nav > li.active:not(.open) a {
    padding-top: 7px; }
  .scroll-nav .navbar-nav > .open > a, .scroll-nav .navbar-nav > .open > a:hover, .scroll-nav .navbar-nav > .open > a:focus {
    border-bottom: 0;
    padding-top: 9px !important; }
  .scroll-nav .dropdown-menu.mega-menu {
    top: 94px; }
  .scroll-nav .login-dropdown .dropdown-menu:before, .scroll-nav .lang-dropdown .dropdown-menu:before {
    top: -19px; }
  .scroll-nav .header-nav .navbar-nav .blue.open > a, .scroll-nav .header-nav .navbar-nav .blue.open > a:hover, .scroll-nav .header-nav .navbar-nav .blue.open.active > a, .scroll-nav .header-nav .navbar-nav .blue.open.active > a:hover, .scroll-nav .header-nav .navbar-nav .blue.open.active > a:focus {
    border-bottom: 10px solid #0a64ba; }
  .scroll-nav .header-nav .navbar-nav .red.open > a, .scroll-nav .header-nav .navbar-nav .red.open > a:hover, .scroll-nav .header-nav .navbar-nav .red.open.active > a, .scroll-nav .header-nav .navbar-nav .red.open.active > a:hover, .scroll-nav .header-nav .navbar-nav .red.open.active > a:focus {
    border-bottom: 10px solid #df011a; }
  .scroll-nav .header-nav .navbar-nav .orange.open > a, .scroll-nav .header-nav .navbar-nav .orange.open > a:hover, .scroll-nav .header-nav .navbar-nav .orange.open.active > a, .scroll-nav .header-nav .navbar-nav .orange.open.active > a:hover, .scroll-nav .header-nav .navbar-nav .orange.open.active > a:focus {
    border-bottom: 10px solid #ef8905; }
  .scroll-nav .header-nav .navbar-nav .yellow.open > a, .scroll-nav .header-nav .navbar-nav .yellow.open > a:hover, .scroll-nav .header-nav .navbar-nav .yellow.open.active > a, .scroll-nav .header-nav .navbar-nav .yellow.open.active > a:hover, .scroll-nav .header-nav .navbar-nav .yellow.open.active > a:focus {
    border-bottom: 10px solid #fdc20b; }

.navbar-main .header-nav .navbar-nav > li > a {
  font-size: 1.2em; }

.header-nav .s5-header-container {
  text-align: center; }
  .header-nav .s5-header-container > ul {
    float: none;
    display: inline-block; }

@media screen and (max-width: 1200px) {
  .navbar-main .header-nav .navbar-nav > li:not(.open) a, .navbar-main .header-nav .navbar-nav > li.open > a {
    font-size: 15px;
    margin: 0 20.6px; }
    .navbar-main .header-nav .navbar-nav > li:not(.open) a .caret, .navbar-main .header-nav .navbar-nav > li.open > a .caret {
      font-size: 14px;
      margin-right: 2px; }
    .navbar-main .header-nav .navbar-nav > li.open > a {
      margin: 0 0;
      padding-left: 14px;
      padding-right: 14px; }
    .navbar-main .header-nav .navbar-nav > .open > a, .navbar-main .header-nav .navbar-nav > .open > a:hover, .navbar-main .header-nav .navbar-nav > .open > a:focus {
      margin-left: 0;
      padding-right: 2em;
      padding-left: 1.215em;
      margin-right: -7px; }
    .navbar-main .dropdown-menu.mega-menu .middle-links li a {
      margin: 0 0 12px 15px;
      font-size: 15px; }
    .navbar-main .header-nav .navbar-nav > li.first a {
      margin-left: 0; }
    .navbar-main .header-nav .navbar-nav > li:last-child a {
      margin-right: 0; }
    .navbar-main .left-nav .mega-menu-column.middle-menu .close {
      right: 20px; }
    .navbar-main .header-nav .navbar-nav > .open > a, .navbar-main .header-nav .navbar-nav > .open > a:hover, .navbar-main .header-nav .navbar-nav > .open > a:focus, .navbar-main .header-nav .navbar-nav > .open.active > a, .navbar-main .header-nav .navbar-nav > .open.active > a:hover, .navbar-main .header-nav .navbar-nav > .open.active > a:focus {
      margin-right: -7px; }

  .scroll-nav .header-nav .navbar-nav > .open > a, .scroll-nav .header-nav .navbar-nav > .open > a:hover, .scroll-nav .header-nav .navbar-nav > .open > a:focus, .scroll-nav .header-nav .navbar-nav > .open.active > a, .scroll-nav .header-nav .navbar-nav > .open.active > a:hover, .scroll-nav .header-nav .navbar-nav > .open.active > a:focus {
    margin-top: 2px; }

  .navbar-main .header-nav .navbar-nav > li.open > a {
    padding-right: 2em;
    padding-left: 1.215em;
    margin-right: -7px; } }

@media screen and (max-width: 990px) {
  .navbar-main {
    position: absolute; }
    .navbar-main .navbar-toggle {
      border: 0;
      top: 9px;
      display: block; }
      .navbar-main .navbar-toggle:hover, .navbar-main .navbar-toggle.collapsed {
        background: none; }
    .navbar-main .navbar-nav {
      margin: 0;
      padding-top: 40px; }
    .navbar-main .mobile-header {
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      background: #fdc20b;
      color: #fff;
      height: 46px;
      font-size: 18px;
      padding: 10px 0 0 50px; }
      .navbar-main .mobile-header.green {
        background: #179439; }
      .navbar-main .mobile-header.blue {
        background: #0a64ba; }
      .navbar-main .mobile-header.orange {
        background: #ef8905; }
      .navbar-main .mobile-header.red {
        background: #df011a; }
      .navbar-main .mobile-header .mobile-btn-close {
        position: absolute;
        left: 0;
        top: 0;
        background: #fdc20b;
        width: 40px;
        height: 40px; }
        .navbar-main .mobile-header .mobile-btn-close:hover, .navbar-main .mobile-header .mobile-btn-close:active, .navbar-main .mobile-header .mobile-btn-close:focus {
          text-decoration: none; }
        .navbar-main .mobile-header .mobile-btn-close:before {
          content: 'i';
          display: block;
          color: #fff;
          font-family: "sera-icon-font";
          font-size: 18px;
          margin-left: 18px;
          margin-top: 13px; }
    .navbar-main .pre-nav {
      position: fixed;
      right: -350px;
      top: 0;
      z-index: 2;
      display: block;
      max-width: 172px;
      padding-top: 6px;
      width: 100%;
      padding-right: 15px;
      border: 0;
      -webkit-transition-property: right;
      -moz-transition-property: right;
      -o-transition-property: right;
      transition-property: right;
      -webkit-transition-duration: 0.5s;
      -moz-transition-duration: 0.5s;
      -o-transition-duration: 0.5s;
      transition-duration: 0.5s;
      -webkit-transition-timing-function: ease-in;
      -moz-transition-timing-function: ease-in;
      -o-transition-timing-function: ease-in;
      transition-timing-function: ease-in; }
      .navbar-main .pre-nav .navbar-form {
        box-shadow: none; }
      .navbar-main .pre-nav .search-form {
        margin: 0;
        padding: 0;
        border: 0; }
      .navbar-main .pre-nav .navbar-form > .form-group {
        display: none; }
      .navbar-main .pre-nav .login-dropdown {
        display: none; }
    .navbar-main .lang-dropdown .dropdown-menu {
      top: 38px;
      left: auto;
      right: -6px; }
      .navbar-main .lang-dropdown .dropdown-menu:before {
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-bottom: 8px solid #fff;
        top: -8px;
        right: 18px; }
    .navbar-main .login-dropdown .dropdown-menu {
      top: 38px;
      right: -50px;
      left: auto;
      max-width: 350px;
      box-shadow: none;
      display: none; }
      .navbar-main .login-dropdown .dropdown-menu:before {
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-bottom: 8px solid #fff;
        top: -8px;
        right: 89px; }
    .navbar-main .mobile-search-dropdown button {
      display: block;
      width: 50px;
      position: absolute;
      right: 72px;
      top: 19px; }
      .navbar-main .mobile-search-dropdown .dropdown-menu {
        top: 73px;
        width: 100%;
        border-radius: 0px;
        border: 0px;
        color: #606060;
        padding: 10px 5px; }
        .navbar-main .mobile-search-dropdown .dropdown-menu:before {
          content: '';
          display: block;
          width: 0;
          height: 0;
          border-left: 8px solid transparent;
          border-right: 8px solid transparent;
          border-bottom: 8px solid #fff;
          position: absolute;
          top: -8px;
          right: 90px; }
        .navbar-main .mobile-search-dropdown .dropdown-menu .form-control {
          padding-left: 15px;
          padding-right: 15px;
          width: 100%;
          margin-top: 0;
          color: #606060;
          font-size: 18px; }
        .navbar-main .mobile-search-dropdown .dropdown-menu .form-control::-moz-placeholder {
          opacity: 1; }
        .navbar-main .mobile-search-dropdown .dropdown-menu .form-control:-ms-input-placeholder {
          color: #606060; }
        .navbar-main .mobile-search-dropdown .dropdown-menu .form-control::-webkit-input-placeholder {
          color: #606060; }
    .navbar-main .header-nav {
      position: fixed;
      right: -350px;
      top: 0;
      bottom: 0;
      height: 100%;
      overflow: auto;
      max-width: 350px;
      width: 100%;
      -webkit-transition-property: right;
      -moz-transition-property: right;
      -o-transition-property: right;
      transition-property: right;
      -webkit-transition-duration: 0.5s;
      -moz-transition-duration: 0.5s;
      -o-transition-duration: 0.5s;
      transition-duration: 0.5s;
      -webkit-transition-timing-function: ease-in;
      -moz-transition-timing-function: ease-in;
      -o-transition-timing-function: ease-in;
      transition-timing-function: ease-in; }
      .navbar-main .header-nav > .container {
        width: 100%; }
      .navbar-main .header-nav.collapse.in {
        right: 0; }
      .navbar-main .header-nav li {
        display: block !important;
        float: none !important; }
      .navbar-main .header-nav .caret {
        right: 0;
        top: 0; }
      .navbar-main .header-nav .navbar-nav {
        width: 100%; }
        .navbar-main .header-nav .navbar-nav > li {
          border-bottom: 1px solid #efefef;
          padding: 15px 0; }
        .navbar-main .header-nav .navbar-nav > li > a .caret {
          border-left: 0.3em dashed;
          border-top: 0.286em solid \9;
          border-top: 0.3em solid transparent;
          border-bottom: 0.3em solid transparent;
          float: right; }
        .navbar-main .header-nav .navbar-nav > li.active {
          margin-right: 14px; }
          .navbar-main .header-nav .navbar-nav > li.active > a, .navbar-main .header-nav .navbar-nav > li.active > a:hover, .navbar-main .header-nav .navbar-nav > li.active > a:focus, .navbar-main .header-nav .navbar-nav > li.active > a:active {
            border: 0;
            margin-right: 14px;
            width: 100%;
            padding-right: 14px;
            padding-left: 0; }
        .navbar-main .header-nav .navbar-nav > li.open > a {
          padding: 0em 1.215em 0;
          color: #313131;
          background: none;
          margin-bottom: 0;
          border: 0;
          padding-left: 14px;
          font-size: 16px;
          padding-top: 0em;
          font-size: 18px; }
        .navbar-main .header-nav .navbar-nav > li:not(.open) > a {
          padding-top: 0em;
          font-size: 18px;
          margin-right: 14px;
          margin-left: 0; }
        .navbar-main .header-nav .navbar-nav > li > a .caret {
          border-left: 0.4em dashed;
          margin-left: 12px;
          border-top: 0.4em solid transparent;
          border-bottom: 0.4em solid transparent; }
        .navbar-main .header-nav .navbar-nav > .open > a, .navbar-main .header-nav .navbar-nav > .open > a:hover, .navbar-main .header-nav .navbar-nav > .open > a:focus, .navbar-main .header-nav .navbar-nav > .open.active > a, .navbar-main .header-nav .navbar-nav > .open.active > a:hover, .navbar-main .header-nav .navbar-nav > .open.active > a:focus, .navbar-main .header-nav .navbar-nav > .red.open > a, .navbar-main .header-nav .navbar-nav > .red.open > a:hover, .navbar-main .header-nav .navbar-nav > .red.open > a:focus, .navbar-main .header-nav .navbar-nav > .red.open.active > a, .navbar-main .header-nav .navbar-nav > .red.open.active > a:hover, .navbar-main .header-nav .navbar-nav > .red.open.active > a:focus, .navbar-main .header-nav .navbar-nav > .green.open > a, .navbar-main .header-nav .navbar-nav > .green.open > a:hover, .navbar-main .header-nav .navbar-nav > .green.open > a:focus, .navbar-main .header-nav .navbar-nav > .green.open.active > a, .navbar-main .header-nav .navbar-nav > .green.open.active > a:hover, .navbar-main .header-nav .navbar-nav > .green.open.active > a:focus, .navbar-main .header-nav .navbar-nav > .blue.open > a, .navbar-main .header-nav .navbar-nav > .blue.open > a:hover, .navbar-main .header-nav .navbar-nav > .blue.open > a:focus, .navbar-main .header-nav .navbar-nav > .blue.open.active > a, .navbar-main .header-nav .navbar-nav > .blue.open.active > a:hover, .navbar-main .header-nav .navbar-nav > .blue.open.active > a:focus, .navbar-main .header-nav .navbar-nav > .yellow.open > a, .navbar-main .header-nav .navbar-nav > .yellow.open > a:hover, .navbar-main .header-nav .navbar-nav > .yellow.open > a:focus, .navbar-main .header-nav .navbar-nav > .yellow.open.active > a, .navbar-main .header-nav .navbar-nav > .yellow.open.active > a:hover, .navbar-main .header-nav .navbar-nav > .yellow.open.active > a:focus, .navbar-main .header-nav .navbar-nav > .orange.open > a, .navbar-main .header-nav .navbar-nav > .orange.open > a:hover, .navbar-main .header-nav .navbar-nav > .orange.open > a:focus, .navbar-main .header-nav .navbar-nav > .orange.open.active > a, .navbar-main .header-nav .navbar-nav > .orange.open.active > a:hover, .navbar-main .header-nav .navbar-nav > .orange.open.active > a:focus {
          border-bottom: 0;
          color: #313131;
          background: none;
          padding-left: 0; }
      .navbar-main .header-nav .dropdown.yellow > a, .navbar-main .header-nav .dropdown.yellow > a:hover, .navbar-main .header-nav .dropdown.yellow > a:focus, .navbar-main .header-nav .dropdown.yellow > a:visited {
        margin-left: 0;
        padding: 0 1.215em 0 0;
        color: #000; }
        .navbar-main .header-nav .dropdown.yellow .dropdown-menu.stat-menu {
          padding: 0 15px; }
          .navbar-main .header-nav .dropdown.yellow .dropdown-menu.stat-menu .mobile-btn-back {
            margin-left: -8px;
            padding-top: 0;
            font-size: 15px; }
          .navbar-main .header-nav .dropdown.yellow .dropdown-menu.stat-menu .mobile-btn-back:after {
            display: none; }
        .navbar-main .header-nav .dropdown.yellow .dropdown-menu.stat-menu .left-nav > li {
          padding: 0;
          border: 0; }
          .navbar-main .header-nav .dropdown.yellow .dropdown-menu.stat-menu .left-nav > li > a {
            color: #313131;
            font-size: 15px;
            font-weight: 600;
            margin-left: 0;
            margin-bottom: 7px;
            display: inline-block;
            position: relative;
            padding: 0;
            padding-top: 5px;
            padding-left: 20px; }
            .navbar-main .header-nav .dropdown.yellow .dropdown-menu.stat-menu .left-nav > li > a:hover {
              color: #df011a; }
          .navbar-main .header-nav .dropdown.yellow .dropdown-menu.stat-menu .left-nav > li a:before {
            color: #df011a;
            content: "";
            font-family: "FontAwesome";
            font-size: 1.286em;
            margin: 0 0.429em 0 0;
            text-decoration: none;
            position: absolute;
            left: 0;
            top: 6px; }
          .navbar-main .header-nav .dropdown.yellow .dropdown-menu.stat-menu .left-nav > li a:after {
            display: none; }
      .navbar-main .header-nav .dropdown-menu.mega-menu, .navbar-main .header-nav .dropdown-menu.stat-menu {
        display: block !important;
        position: fixed;
        left: auto;
        top: 0;
        bottom: 0;
        right: -350px;
        height: 100%;
        max-width: 350px;
        width: 100%;
        overflow: auto;
        background: #fff;
        border: 0;
        border-top: 0;
        padding-top: 60px !important;
        -webkit-transition-property: all;
        -moz-transition-property: all;
        -o-transition-property: all;
        transition-property: all;
        -webkit-transition-duration: 0.5s;
        -moz-transition-duration: 0.5s;
        -o-transition-duration: 0.5s;
        transition-duration: 0.5s;
        -webkit-transition-timing-function: ease-in;
        -moz-transition-timing-function: ease-in;
        -o-transition-timing-function: ease-in;
        transition-timing-function: ease-in; }
        .navbar-main .header-nav .dropdown-menu.mega-menu .container, .navbar-main .header-nav .dropdown-menu.stat-menu .container {
          width: 100%; }
        .navbar-main .header-nav .dropdown-menu.mega-menu .mobile-btn-back, .navbar-main .header-nav .dropdown-menu.stat-menu .mobile-btn-back {
          position: relative;
          left: 0;
          top: 0;
          background: transparent;
          color: #fff;
          width: 40px;
          height: 40px; }
          .navbar-main .header-nav .dropdown-menu.mega-menu .mobile-btn-back:hover, .navbar-main .header-nav .dropdown-menu.stat-menu .mobile-btn-back:hover, .navbar-main .header-nav .dropdown-menu.mega-menu .mobile-btn-back:active, .navbar-main .header-nav .dropdown-menu.stat-menu .mobile-btn-back:active, .navbar-main .header-nav .dropdown-menu.mega-menu .mobile-btn-back:focus, .navbar-main .header-nav .dropdown-menu.stat-menu .mobile-btn-back:focus, .navbar-main .header-nav .dropdown-menu.mega-menu .mobile-btn-back:visited, .navbar-main .header-nav .dropdown-menu.stat-menu .mobile-btn-back:visited {
            text-decoration: none;
            color: #fff; }
          .navbar-main .header-nav .dropdown-menu.mega-menu .mobile-btn-back:before, .navbar-main .header-nav .dropdown-menu.stat-menu .mobile-btn-back:before {
            content: "w";
            display: block;
            color: #fff;
            font-family: "sera-icon-font";
            font-size: 18px;
            margin-left: 0;
            position: absolute;
            top: 0;
            left: -30px;
            -moz-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            -o-transform: rotate(180deg);
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
        .navbar-main .header-nav .dropdown-menu.mega-menu .left-nav > li > a, .navbar-main .header-nav .dropdown-menu.stat-menu .left-nav > li > a {
          padding: 7px 11px;
          margin-bottom: 0;
          padding-top: 7px;
          font-weight: 500;
          font-size: 18px;
          margin-left: 0; }
        .navbar-main .header-nav .dropdown-menu.mega-menu .left-nav > li, .navbar-main .header-nav .dropdown-menu.stat-menu .left-nav > li {
          border-bottom: 1px solid #efefef; }
        .navbar-main .header-nav .dropdown-menu.mega-menu .left-nav > li, .navbar-main .header-nav .dropdown-menu.stat-menu .left-nav > li {
          padding: 10px 0; }
          .navbar-main .header-nav .dropdown-menu.mega-menu .left-nav > li.active > a, .navbar-main .header-nav .dropdown-menu.stat-menu .left-nav > li.active > a, .navbar-main .header-nav .dropdown-menu.mega-menu .left-nav > li > a:hover, .navbar-main .header-nav .dropdown-menu.stat-menu .left-nav > li > a:hover {
            padding-left: 20px;
            left: 0px;
            width: 100%;
            margin-bottom: 0px;
            margin-top: 0px;
            padding: 7px 11px; }
          .navbar-main .header-nav .dropdown-menu.mega-menu .left-nav > li.active > a a, .navbar-main .header-nav .dropdown-menu.stat-menu .left-nav > li.active > a a, .navbar-main .header-nav .dropdown-menu.mega-menu .left-nav > li > a:hover a, .navbar-main .header-nav .dropdown-menu.stat-menu .left-nav > li > a:hover a {
            margin-top: 10px;
            margin-bottom: 10px; }
          .navbar-main .header-nav .dropdown-menu.mega-menu .left-nav li.active > a, .navbar-main .header-nav .dropdown-menu.stat-menu .left-nav li.active > a {
            margin-bottom: 10px; }
        .navbar-main .header-nav .dropdown-menu.mega-menu .mega-menu-column.middle-menu.active, .navbar-main .header-nav .dropdown-menu.stat-menu .mega-menu-column.middle-menu.active {
          position: static; }
        .navbar-main .header-nav .dropdown-menu.mega-menu .middle-links, .navbar-main .header-nav .dropdown-menu.stat-menu .middle-links {
          margin-left: 20px; }
          .navbar-main .header-nav .dropdown-menu.mega-menu .middle-links li.btn, .navbar-main .header-nav .dropdown-menu.stat-menu .middle-links li.btn {
            margin: 0;
            display: block;
            text-align: left; }
          .navbar-main .header-nav .dropdown-menu.mega-menu .middle-links li.btn:after, .navbar-main .header-nav .dropdown-menu.stat-menu .middle-links li.btn:after, .navbar-main .header-nav .dropdown-menu.mega-menu .middle-links li.btn:before, .navbar-main .header-nav .dropdown-menu.stat-menu .middle-links li.btn:before {
            display: none !important; }
          .navbar-main .header-nav .dropdown-menu.mega-menu .middle-links li.btn a, .navbar-main .header-nav .dropdown-menu.stat-menu .middle-links li.btn a {
            background: none;
            color: #313131;
            margin: 0 0 12px;
            padding: 0;
            margin-left: 15px;
            position: relative;
            text-align: left;
            margin-top: 0px; }
            .navbar-main .header-nav .dropdown-menu.mega-menu .middle-links li.btn a:before, .navbar-main .header-nav .dropdown-menu.stat-menu .middle-links li.btn a:before {
              color: #df011a;
              content: "";
              font-family: "FontAwesome";
              font-size: 1.286em;
              margin: 0 0.429em 0 0;
              text-decoration: none;
              position: absolute;
              left: -15px;
              top: -4px;
              display: block; }
            .navbar-main .header-nav .dropdown-menu.mega-menu .middle-links li.btn a:after, .navbar-main .header-nav .dropdown-menu.stat-menu .middle-links li.btn a:after {
              content: '';
              display: block;
              width: 100%;
              height: 1px;
              background: #efefef;
              position: absolute;
              bottom: 2px;
              left: 0;
              top: auto;
              right: 0;
              display: none; }
            .navbar-main .header-nav .dropdown-menu.mega-menu .middle-links li.btn a:hover, .navbar-main .header-nav .dropdown-menu.stat-menu .middle-links li.btn a:hover {
              color: #df011a; }
              .navbar-main .header-nav .dropdown-menu.mega-menu .middle-links li.btn a:hover:after, .navbar-main .header-nav .dropdown-menu.stat-menu .middle-links li.btn a:hover:after {
                background: #df011a; }
      .navbar-main .header-nav .open .dropdown-menu.mega-menu, .navbar-main .header-nav .open .dropdown-menu.stat-menu {
        right: 0;
        z-index: 5; }

  .header-nav-open .navbar-main .pre-nav {
    right: 0px; }

  .scroll-nav .header-nav {
    padding-top: 8px; }
    .scroll-nav .header-nav .navbar-nav > li:not(.open) a {
      padding-top: 0; }
    .scroll-nav .header-nav .navbar-nav > li > a .caret {
      top: 0; }

  .nav-panel-open .pre-nav {
    display: none !important; }

  .left-nav .mega-menu-column.middle-menu .close {
    display: none; } }

.navbar-toggle .icon-bar {
  display: block;
  width: 26px;
  height: 3px;
  border-radius: 1px; }

.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 5px; }

@media screen and (max-width: 500px) {
  .navbar-nav > .open > a, .navbar-nav > .open > a:hover, .navbar-nav > .open > a:focus {
    background: none;
    border-bottom: none;
    color: #000; } }

@media screen and (max-width: 990px) {
    .left-nav .mega-menu-column.middle-menu {
      position: static; } }

@media screen and (max-width: 990px) {
    .middle-links li.btn {
      margin-bottom: 0; } }

@media screen and (max-width: 990px) {
    .middle-text {
      display: none; } }

@media screen and (max-width: 1250px) {
    .left-nav .mega-menu-column.middle-menu .middle-text img {
      right: 20px; } }
  @media screen and (max-width: 1200px) {
  .left-nav .mega-menu-column.middle-menu .middle-text img {
    width: 200px; } }

@media screen and (max-width: 768px) {
  .navbar > .container .navbar-brand {
    margin-left: 15px;
    padding-left: 0; }

  .logo.navbar-brand {
    color: #fff !important;
    padding: 23px 15px;
    float: left;
    height: auto; }
    .logo.navbar-brand img {
      height: 30px;
      width: auto; } }

@media screen and (max-width: 990px) {
  .navbar-main .icon-lupe:before {
    content: "k";
    font-family: "sera-icon-font";
    font-size: 20px;
    right: 0;
    bottom: -1px; } }

.form-control {
  display: block;
  height: 2.4em;
  width: 100%;
  padding: 0 0 0 1em;
  background: transparent;
  background-color: #fff;
  background-image: none;
  border: none;
  border-radius: 0.286em;
  box-shadow: none;
  margin-top: 1em;
  margin: 0 auto;
  color: #606060; }

input.form-control, select.form-control, textarea.form-control, .filter-select button, div.form-control {
  background: #fff;
  border-radius: 5px;
  display: block;
  width: 100%;
  font-size: 15px;
  border: 1px solid #e7e7e7;
  color: #606060;
  padding: 2px 15px;
  height: 37px;
  box-shadow: inset 0 0 5px #e7e7e7; }

.NFI-wrapper {
  position: relative; }

.NFI-button {
  margin-left: -11px;
  margin-top: 2px;
  position: relative;
  z-index: 20; }

.NFI-filename {
  box-sizing: border-box;
  background-color: transparent;
  z-index: 10;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-width: 0;
  border-color: transparent;
  float: none !important; }

textarea.form-control {
  height: 120px;
  padding-top: 10px; }

select.form-control {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  height: 37px;
  padding: 3px 15px;
  text-indent: 0.01px;
  text-overflow: ""; }

.form-group {
  margin-bottom: 25px; }

.form-group.select {
  position: relative; }
  .form-group.select:before {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    position: absolute;
    right: 25px;
    top: 19px;
    z-index: 5;
    border-top: 0.4em dashed;
    border-left: 0.4em solid transparent;
    border-right: 0.4em solid transparent; }

input.form-control:focus, select.form-control:focus, textarea.form-control:focus {
  border: 1px solid #e7e7e7;
  box-shadow: inset 0 0 9px #e7e7e7; }

.select-wrapper {
  position: relative; }

.select-wrapper:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  right: 15px;
  top: 17px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #313131; }

.col-xs-1.select-wrapper:before, .col-sm-1.select-wrapper:before, .col-md-1.select-wrapper:before, .col-lg-1.select-wrapper:before, .col-xs-2.select-wrapper:before, .col-sm-2.select-wrapper:before, .col-md-2.select-wrapper:before, .col-lg-2.select-wrapper:before, .col-xs-3.select-wrapper:before, .col-sm-3.select-wrapper:before, .col-md-3.select-wrapper:before, .col-lg-3.select-wrapper:before, .col-xs-4.select-wrapper:before, .col-sm-4.select-wrapper:before, .col-md-4.select-wrapper:before, .col-lg-4.select-wrapper:before, .col-xs-5.select-wrapper:before, .col-sm-5.select-wrapper:before, .col-md-5.select-wrapper:before, .col-lg-5.select-wrapper:before, .col-xs-6.select-wrapper:before, .col-sm-6.select-wrapper:before, .col-md-6.select-wrapper:before, .col-lg-6.select-wrapper:before, .col-xs-7.select-wrapper:before, .col-sm-7.select-wrapper:before, .col-md-7.select-wrapper:before, .col-lg-7.select-wrapper:before, .col-xs-8.select-wrapper:before, .col-sm-8.select-wrapper:before, .col-md-8.select-wrapper:before, .col-lg-8.select-wrapper:before, .col-xs-9.select-wrapper:before, .col-sm-9.select-wrapper:before, .col-md-9.select-wrapper:before, .col-lg-9.select-wrapper:before, .col-xs-10.select-wrapper:before, .col-sm-10.select-wrapper:before, .col-md-10.select-wrapper:before, .col-lg-10.select-wrapper:before, .col-xs-11.select-wrapper:before, .col-sm-11.select-wrapper:before, .col-md-11.select-wrapper:before, .col-lg-11.select-wrapper:before, .col-xs-12.select-wrapper:before, .col-sm-12.select-wrapper:before, .col-md-12.select-wrapper:before, .col-lg-12.select-wrapper:before {
  right: 30px; }

.form-control::-moz-placeholder {
  color: #606060;
  opacity: 1; }

.form-control:-ms-input-placeholder {
  color: #606060; }

.form-control::-webkit-input-placeholder {
  color: #606060; }

.form-control:focus::-moz-placeholder {
  color: #606060;
  opacity: 0.5; }

.form-control:focus:-ms-input-placeholder {
  color: #606060;
  opacity: 0.5; }

.form-control:focus::-webkit-input-placeholder {
  color: #606060;
  opacity: 0.5; }

label, .tx-powermail select.form-control {
  color: #313131; }

.form-horizontal label.control-label {
  text-align: left;
  font-weight: 600;
  font-size: 15px; }
  .form-horizontal .radio {
    display: inline-block;
    float: left;
    margin-right: 20px; }

.radio label, .checkbox label {
  padding-left: 10px; }

input[type=file] {
  padding: 0px; }

input[type=file]::-webkit-file-upload-button {
  position: relative;
  padding: 6px 16px 6px 16px;
  font-size: 15px;
  font-weight: 600;
  border: none;
  background-image: -owg(linear-gradient(#e2001a, #c80017));
  background-image: -webkit(linear-gradient(#e2001a, #c80017));
  background-image: -moz(linear-gradient(#e2001a, #c80017));
  background-image: -o(linear-gradient(#e2001a, #c80017));
  background-image: linear-gradient(#e2001a, #c80017);
  color: #fff;
  border-radius: 0.286em;
  margin: 3px 10px 0 4px; }
  input[type=file]::-webkit-file-upload-button:active, input[type=file]::-webkit-file-upload-button:focus {
    color: #fff; }
  input[type=file]::-webkit-file-upload-button:after {
    content: '';
    position: absolute;
    left: 13px;
    top: 6px;
    display: block;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.05); }

.checkbox-row {
  margin-bottom: 40px; }
  .checkbox-row label {
    margin: 5px 0;
    padding-left: 25px;
    display: block;
    position: relative;
    font-size: 15px; }
  .checkbox-row label .icheckbox_square-red {
    position: absolute;
    left: 0;
    top: 5px; }

.form-horizontal label.control-label.col-sm-1 {
  text-align: right; }

.datepicker-wrapper .form-inline input.form-control {
  height: 41px;
  margin-right: 10px;
  margin-bottom: 10px;
  width: 100%; }
  .datepicker-wrapper .form-inline .datepicker-icon {
    position: relative;
    display: inline-block;
    width: 100%; }
    .datepicker-wrapper .form-inline .datepicker-icon:before {
      content: "g";
      font-family: "sera-icon-font";
      font-size: 20px;
      color: #313131;
      position: absolute;
      right: 20px;
      top: 8px; }
  .datepicker-wrapper .form-inline .btn {
    padding-top: 8px; }
    .datepicker-wrapper .form-inline .btn:before {
      bottom: 12px; }

.customer .form-inline input.form-control {
  height: 41px;
  width: 100%;
  margin-bottom: 10px; }
  .customer .form-group {
    margin-bottom: 10px; }

.pika-table th {
  color: #fff; }

.is-today .pika-button {
  color: #df011a; }
  .is-today .pika-button:hover {
    color: #fff; }

.is-selected .pika-button {
  box-shadow: none;
  background: #df011a; }

.pika-button:hover {
  background: #df011a; }

#powermail_field_marker {
  font-style: italic; }

.powermail_fieldwrap_kopieansie .powermail_field {
  float: left;
  width: 75%;
  padding-left: 20px; }
  .powermail_fieldwrap_kopieansie > label {
    font-weight: bold;
    padding-left: 0;
    width: 25%;
    float: left; }
  .powermail_fieldwrap_kopieansie .radio {
    padding-top: 0; }

.powermail_fieldwrap_dateihochladen {
  float: left;
  width: 100%;
  margin-bottom: 25px; }
  .powermail_fieldwrap_dateihochladen .powermail_field {
    float: left; }
  .powermail_fieldwrap_dateihochladen .NFI-button {
    margin-left: 0; }
  .powermail_fieldwrap_dateihochladen .NFI-filename {
    padding: 0 !important; }

.tx-powermail form h4 {
  margin-bottom: 45px; }

button.pull-right.btn.btn-red {
  margin-top: 25px; }

.selectCountry {
  margin-bottom: 30px; }

.femanager_fieldset .alert {
  padding: 0;
  margin-bottom: 0;
  color: #df011a; }
  .femanager_fieldset .form-control.error {
    border: 1px solid #df011a;
    box-shadow: inset 0 0 5px #df011a; }

.femanager_status {
  margin-bottom: 25px; }
  .femanager_status .femanager_flashmessages > .message-0 {
    border-radius: 5px !important;
    background: #179439 !important;
    color: #fff !important;
    border: none !important;
    background-image: url(/typo3conf/ext/theme_bootstrap_giftgruen_sera/Resources/Public/assets/check.svg) !important;
    padding: 25px 25px 25px 60px !important;
    background-size: 30px 50px !important;
    background-position: 18px 11px !important;
    margin-bottom: 25px !important;
    background-repeat: no-repeat !important; }

.femanager_error {
  background-color: #df011a !important;
  border: none !important;
  color: #fff !important;
  border-radius: 5px;
  padding: 25px 25px 25px 80px !important;
  background-image: url(/typo3conf/ext/theme_bootstrap_giftgruen_sera/Resources/Public/assets/fehler.svg) !important;
  background-size: 30px 50px !important;
  background-position: 18px 11px !important;
  margin-bottom: 25px !important;
  background-repeat: no-repeat !important; }

@media screen and (max-width: 990px) {
  .form-group.select:before {
    top: 28px; }

  .select-wrapper:before {
    right: 30px !important; } }

@media screen and (max-width: 767px) {
  .form-group.select:before {
    top: 19px; }

  .select-wrapper:before {
    right: 25px; }

  .form-horizontal .form-group, .form-horizontal .form-group label.col-sm-1 {
    margin-top: 30px; }

  .datepicker-wrapper .form-inline {
    width: 100%; }
    .datepicker-wrapper .form-inline input.form-control {
      height: 41px;
      margin-right: 10px; } }

@media screen and (max-width: 500px) {
  .form-horizontal {
    margin-bottom: 30px; }

  .select-wrapper:before {
    right: 25px; }

  .powermail_fieldwrap_kopieansie > label {
    width: 100%;
    float: left; }
    .powermail_fieldwrap_kopieansie .powermail_field {
      padding-left: 12px; } }
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0; }

.slick-list:focus {
  outline: none; }

.slick-list.dragging {
  cursor: pointer;
  cursor: hand; }

.slick-slider .slick-track, .slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block; }

.slick-track:before, .slick-track:after {
  display: table;
  content: ''; }

.slick-track:after {
  clear: both; }

.slick-loading .slick-track {
  visibility: hidden; }

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px; }

[dir='rtl'] .slick-slide {
  float: right; }

.slick-slide img {
  display: block; }

.slick-slide.slick-loading img {
  display: none; }

.slick-slide.dragging img {
  pointer-events: none; }

.slick-initialized .slick-slide {
  display: block; }

.slick-loading .slick-slide {
  visibility: hidden; }

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

.slider {
  background-color: #efefef;
  padding: 0px;
  height: 650px;
  max-height: 65vh; }
  .slider .slide {
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    height: 650px;
    max-height: 65vh;
    position: relative; }
  .slider .image {
    width: 100%;
    height: 100%;
    background-size: cover !important; }
  .slider .circle {
    text-align: center;
    border-radius: 50%;
    width: 30em;
    height: 30em;
    padding: 4em;
    background-color: #fdc20b;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -15em;
    margin-top: -15em;
    background-image: url(/typo3conf/ext/theme_bootstrap_giftgruen_sera/Resources/Public/assets/circle-waves.png);
    background-repeat: no-repeat;
    background-position: -182px 220px; }
  .slider .circle.layout-110 {
    background-color: #179439; }
  .slider .circle.layout-120 {
    background-color: #0a64ba; }
  .slider .circle.layout-130 {
    background-color: #ef8905; }
  .slider .circle.layout-140 {
    background-color: #df011a; }
  .slider .circle.orient-18 {
    left: 25%; }
  .slider .circle.orient-17 {
    left: auto;
    right: 15%; }
  .slider .circle a {
    color: #fff;
    position: relative;
    margin-left: 15px; }
    .slider .circle a:hover {
      text-decoration: none;
      border-bottom: 0.071em solid #fff; }
  .slider .circle a:before {
    content: "w";
    font-family: "sera-icon-font";
    color: #fff;
    font-size: 12px;
    margin: 0 0.429em 0 0;
    text-decoration: none;
    position: absolute;
    left: -15px; }
  .slider .circle .csc-header > * {
    font-size: 2.857em;
    font-weight: 300;
    line-height: 1.2em;
    color: #fff;
    margin-top: 0;
    margin-bottom: 0;
    display: block;
    width: 250px;
    margin: 0 auto; }
  .slider .circle p {
    color: #fff;
    margin: 2em 0;
    font-weight: 500; }
  .slider .slick-arrow {
    position: absolute;
    left: 22px;
    top: 50%;
    margin-top: -87px;
    z-index: 2;
    height: 175px;
    width: 75px;
    background: rgba(0, 0, 0, 0.5);
    border: 0px;
    border-radius: 5px; }
  .slider .slick-arrow:before {
    content: "v";
    font-family: "sera-icon-font";
    font-size: 30px;
    color: #fff;
    line-height: 44px; }
  .slider .slick-arrow.slick-next {
    left: auto;
    right: 22px; }
    .slider .slick-arrow.slick-next:before {
      content: "u";
      font-family: "sera-icon-font";
      font-size: 28px;
      color: #fff;
      line-height: 44px; }

.content-slider {
  margin-top: 40px; }
  .content-slider img {
    margin: 0px auto; }
  .content-slider h4 {
    line-height: 22px; }
  .content-slider h4, .content-slider p {
    margin-bottom: 30px; }
  .content-slider .slick-arrow, .content-slider .slick-arrow:focus, .content-slider .slick-arrow:hover, .content-slider .slick-arrow:visited, .content-slider .slick-arrow:active {
    position: absolute;
    left: 22px;
    top: 26%;
    z-index: 2;
    border: 0px;
    background: none;
    padding: 0;
    width: 40px;
    height: 60px; }
  .content-slider .slick-arrow:before, .content-slider .slick-arrow:focus:before, .content-slider .slick-arrow:hover:before, .content-slider .slick-arrow:visited:before, .content-slider .slick-arrow:active:before {
    content: "v";
    font-family: "sera-icon-font";
    font-size: 26px;
    color: #313131;
    position: absolute;
    top: 20px;
    left: 7px; }
  .content-slider .slick-arrow.slick-next, .content-slider .slick-arrow:focus.slick-next, .content-slider .slick-arrow:hover.slick-next, .content-slider .slick-arrow:visited.slick-next, .content-slider .slick-arrow:active.slick-next {
    left: auto;
    right: 22px; }
    .content-slider .slick-arrow.slick-next:before, .content-slider .slick-arrow:focus.slick-next:before, .content-slider .slick-arrow:hover.slick-next:before, .content-slider .slick-arrow:visited.slick-next:before, .content-slider .slick-arrow:active.slick-next:before {
      content: "u";
      font-family: "sera-icon-font";
      font-size: 26px;
      color: #313131;
      position: absolute;
      top: 20px;
      left: 7px; }
  .content-slider .slick-dots {
    text-align: center;
    padding-top: 65px;
    margin-bottom: -30px; }
  .content-slider .slick-dots li {
    display: inline-block;
    margin: 0px 6px; }
    .content-slider .slick-dots li button {
      border-radius: 50%;
      color: transparent;
      width: 16px;
      display: block;
      height: 16px;
      background: #fff;
      border: 0;
      padding: 0;
      margin: 0; }
    .content-slider .slick-dots li button:hover {
      background: #ddd; }
    .content-slider .slick-dots li.slick-active button {
      background: #fdc20b; }

.product-slider-small .product .more {
  right: 24px;
  top: 2px; }
  .product-slider-small .slick-arrow {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -27px;
    z-index: 2;
    width: 28px;
    height: 54px;
    border: 0px;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 0.286em; }
  .product-slider-small .slick-arrow:before {
    content: "v";
    font-family: "sera-icon-font";
    color: #fff;
    position: absolute;
    right: 6px;
    top: 16px; }
  .product-slider-small .slick-arrow.slick-next {
    left: auto;
    right: 0;
    background: rgba(0, 0, 0, 0.5); }
    .product-slider-small .slick-arrow.slick-next:before {
      content: "u";
      font-family: "sera-icon-font";
      color: #fff; }
  .product-slider-small .product p.title {
    margin-bottom: 3px !important; }
  .product-slider-small .small-tags {
    margin: 0 auto;
    margin-top: -14px; }

.product-detail-slider img, .product-detail-slider-nav img {
  margin: 0 auto;
  max-width: 100%;
  max-height: 500px; }
  .product-detail-slider .slick-arrow, .product-detail-slider-nav .slick-arrow {
    position: absolute;
    left: 0;
    top: 35%;
    margin-top: -5px;
    z-index: 2;
    width: 28px;
    height: 54px;
    border: 0px;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 0.286em; }
  .product-detail-slider .slick-arrow:before, .product-detail-slider-nav .slick-arrow:before {
    content: "v";
    font-family: "sera-icon-font";
    color: #fff;
    position: absolute;
    right: 7px;
    top: 16px; }
  .product-detail-slider .slick-arrow.slick-next, .product-detail-slider-nav .slick-arrow.slick-next {
    left: auto;
    right: 0;
    background: rgba(0, 0, 0, 0.5); }
    .product-detail-slider .slick-arrow.slick-next:before, .product-detail-slider-nav .slick-arrow.slick-next:before {
      content: "u";
      font-family: "sera-icon-font";
      color: #fff;
      position: absolute;
      right: 6px;
      top: 16px; }

.product-detail-slider {
  margin-top: -30px;
  height: 450px;
  box-sizing: border-box; }

.product-detail-slider-nav {
  max-height: none;
  max-width: none; }
  .product-detail-slider-nav img {
    margin: 10px auto; }
  .product-detail-slider-nav .slide {
    width: 120px;
    height: 112px;
    border-radius: 5px;
    opacity: 0;
    margin: 20px 10px;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.3); }
  .product-detail-slider-nav .slide.slick-active {
    opacity: 1; }
  .product-detail-slider-nav .slide:hover {
    background: #efefef; }

.lexikon-detail-slider img, .lexikon-detail-slider-nav img {
  margin: 0 auto;
  border-radius: 0.286em;
  width: 100%; }
  .lexikon-detail-slider .slick-arrow, .lexikon-detail-slider-nav .slick-arrow {
    position: absolute;
    left: 0;
    top: 30%;
    margin-top: -5px;
    z-index: 2;
    width: 28px;
    height: 54px;
    border: 0px;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 0.286em; }
  .lexikon-detail-slider .slick-arrow:before, .lexikon-detail-slider-nav .slick-arrow:before {
    content: "v";
    font-family: "sera-icon-font";
    color: #fff;
    position: absolute;
    right: 7px;
    top: 17px; }
  .lexikon-detail-slider .slick-arrow.slick-next, .lexikon-detail-slider-nav .slick-arrow.slick-next {
    left: auto;
    right: 0;
    background: rgba(0, 0, 0, 0.5); }
    .lexikon-detail-slider .slick-arrow.slick-next:before, .lexikon-detail-slider-nav .slick-arrow.slick-next:before {
      content: "u";
      font-family: "sera-icon-font";
      color: #fff;
      position: absolute;
      right: 6px;
      top: 17px; }

.lexikon-detail-slider {
  margin-top: 8px; }

.lexikon-detail-slider-nav {
  max-width: 80%;
  margin: 0 auto; }
  .lexikon-detail-slider-nav img {
    width: 100px;
    height: auto;
    margin: 0 auto; }
  .lexikon-detail-slider-nav .slide {
    opacity: 0;
    margin: 20px 0;
    width: 90px;
    max-width: 80%; }
  .lexikon-detail-slider-nav .slide .slideritem--table {
    width: 100%;
    height: 100%;
    display: table; }
  .lexikon-detail-slider-nav .slide .slideritem--tablerow {
    display: table-row;
    width: 100%;
    height: 100%;
    vertical-align: middle; }
  .lexikon-detail-slider-nav .slide .slideritem--tablecell {
    display: table-cell;
    vertical-align: middle; }
  .lexikon-detail-slider-nav .slide.slick-active {
    opacity: 1; }
  .lexikon-detail-slider-nav .slick-arrow {
    margin: -6px -36px; }

.lexikon-slider-small .slick-arrow {
  position: absolute;
  left: 0;
  top: 50%;
  z-index: 2;
  width: 28px;
  height: 54px;
  border: 0px;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 0.286em;
  margin-top: -27px; }
  .lexikon-slider-small .slick-arrow.slick-next {
    left: auto;
    right: 0;
    background: rgba(0, 0, 0, 0.5); }
  .lexikon-slider-small .lexikon p.title {
    margin-bottom: 3px !important; }

@media screen and (max-width: 990px) {
  .product .more {
    right: -10px !important;
    top: 2px; } }

@media screen and (max-width: 990px) {
  .product-detail-slider, .product-detail-slider .slide {
    height: 450px;
    margin-top: 0; }

  .product-detail-slider .slide img {
    height: 100%; } }

@media screen and (max-width: 990px) {
  .content-slider .slick-arrow, .content-slider .slick-arrow:focus, .content-slider .slick-arrow:hover, .content-slider .slick-arrow:visited, .content-slider .slick-arrow:active {
    top: 30%; }

  .slider .circle.left {
    left: 30%; }
    .slider .circle.right {
      right: 20%; } }

@media screen and (max-height: 700px) and (max-width: 990px) {
  .slider, .slider .slide {
    max-height: 65vh;
    height: 65vh;
    overflow: hidden; }
    .slider .circle, .slider .slide .circle {
      height: 25em;
      width: 25em;
      top: 59%;
      left: 50%; }
      .slider .circle.left, .slider .slide .circle.left {
        left: 50%; }
      .slider .circle.right, .slider .slide .circle.right {
        left: 50%; }
      .slider .circle span, .slider .slide .circle span {
        font-size: 2em; }
      .slider .circle p, .slider .slide .circle p {
        font-size: 12px; }
      .slider .circle a, .slider .slide .circle a {
        font-size: 12px; }
        .slider .circle a:before, .slider .slide .circle a:before {
          font-size: 10px; }
    .slider .circle-green-left, .slider .slide .circle-green-left {
      left: 25%; } }

@media screen and (max-width: 767px) {
  .content-slider .slick-arrow, .content-slider .slick-arrow:focus, .content-slider .slick-arrow:hover, .content-slider .slick-arrow:visited, .content-slider .slick-arrow:active {
    top: 20%; } }

.product-step-slider {
  background: #efefef;
  padding: 40px 0;
  max-height: 650px;
  height: 65vh; }
  .product-step-slider .slick-list, .product-step-slider .slick-track {
    height: 100%; }
  .product-step-slider .slide {
    height: 100%;
    position: relative;
    opacity: 0.5; }
  .product-step-slider .slide .product {
    height: 100%;
    position: absolute;
    left: auto;
    right: 100px;
    top: 0;
    width: 135px;
    background-size: contain !important;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-timing-function: ease-in;
    -moz-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    transition-timing-function: ease-in; }
  .product-step-slider .slide .circle {
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-timing-function: ease-in;
    -moz-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    transition-timing-function: ease-in; }
  .product-step-slider .circle:not(.number) {
    text-align: center;
    border-radius: 50%;
    width: 30em;
    height: 30em;
    padding: 4em 2em;
    background-color: #fdc20b;
    position: absolute;
    left: 225px;
    top: 50%;
    margin-top: -15em;
    background: #fdc20b url('../../../../typo3conf/ext/theme_bootstrap_giftgruen_sera/Resources/Private/Public/assets/circle-waves.png') center center no-repeat;
    background-position: -182px 220px;
    display: none; }
  .product-step-slider .circle:not(.number).green {
    background-color: #179439; }
  .product-step-slider .circle:not(.number).blue {
    background-color: #0a64ba; }
  .product-step-slider .circle:not(.number).orange {
    background-color: #ef8905; }
  .product-step-slider .circle:not(.number).red {
    background-color: #df011a; }
  .product-step-slider .circle:not(.number) a {
    color: #fff;
    position: relative;
    margin-left: 15px; }
    .product-step-slider .circle:not(.number) a:hover {
      text-decoration: none;
      border-bottom: 0.071em solid #fff; }
  .product-step-slider .circle:not(.number) a:before {
    content: "w";
    font-family: "sera-icon-font";
    color: #fff;
    font-size: 12px;
    margin: 0 0.429em 0 0;
    text-decoration: none;
    position: absolute;
    left: -15px; }
  .product-step-slider .circle:not(.number) span {
    font-size: 2.857em;
    font-weight: 300;
    line-height: 1.2em;
    color: #fff;
    display: block;
    margin-bottom: 68px; }
  .product-step-slider .circle:not(.number) b {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 33px;
    display: block;
    color: #fff; }
  .product-step-slider .circle:not(.number) p {
    color: #fff;
    margin: 2em 0;
    font-weight: 500; }
  .product-step-slider .circle.number.red {
    position: absolute;
    right: 11%;
    top: 57px;
    z-index: 2;
    height: 54px;
    width: 54px;
    font-size: 26px;
    padding-top: 15px; }
  .product-step-slider .slick-current {
    opacity: 1;
    z-index: 2; }
  .product-step-slider .slick-current .circle {
    display: block; }
  .product-step-slider .slick-current .product {
    left: 25px;
    width: 175px; }
  .product-step-slider .slick-current .circle.number.red {
    left: 212px;
    top: 92px;
    height: 84px;
    width: 84px;
    padding-top: 29px;
    font-size: 36px; }
  .product-step-slider .slick-current + .slick-active .product {
    left: 100px; }
  .product-step-slider .slick-current + .slick-active .circle.number.red {
    right: auto;
    left: 214px; }
  .product-step-slider .slick-arrow {
    position: absolute;
    left: 22px;
    top: 50%;
    margin-top: -87px;
    z-index: 2;
    height: 175px;
    width: 75px;
    background: rgba(0, 0, 0, 0.5);
    border: 0px;
    border-radius: 5px; }
  .product-step-slider .slick-arrow:before {
    content: "v";
    font-family: "sera-icon-font";
    font-size: 30px;
    color: #fff;
    line-height: 44px; }
  .product-step-slider .slick-arrow.slick-next {
    left: auto;
    right: 22px; }
    .product-step-slider .slick-arrow.slick-next:before {
      content: "u";
      font-family: "sera-icon-font";
      font-size: 28px;
      color: #fff;
      line-height: 44px; }
  @media screen and (max-width: 1760px) {
  .product-step-slider .slick-track {
    margin-left: -50px; } }
  @media screen and (max-width: 1440px) {
  .product-step-slider .slick-track {
    margin-left: -110px; } }
  @media screen and (max-width: 1200px) {
  .product-step-slider .slick-track {
    margin-left: -150px; } }
  @media screen and (max-width: 940px) {
  .product-step-slider .slick-track {
    margin-left: -180px; } }
  @media screen and (max-width: 880px) {
  .product-step-slider .slick-track {
    margin-left: -215px; } }
  @media screen and (max-width: 800px) {
  .product-step-slider .slick-track {
    margin-left: 0; }
  .product-step-slider .slick-current .product {
    left: 85px; }
    .product-step-slider .slick-current .circle:not(.number) {
      left: 275px; } }
  @media screen and (min-width: 550px) {
  .product-step-slider .slick-current {
    width: 625px !important; } }
  @media screen and (max-width: 700px) {
  .product-step-slider .slick-track {
    margin-left: -166px; }
  .product-step-slider .slide.slick-current .circle:not(.number) {
    padding: 2em 1em;
    width: 22em;
    height: 22em;
    margin-top: -11em; }
    .product-step-slider .slide.slick-current .circle:not(.number) span {
      font-size: 29px;
      margin-bottom: 30px; }

    .product-step-slider .slide.slick-current .circle.number.red {
      left: 150px;
      top: 0; } }
  @media screen and (max-height: 680px) {
  .product-step-slider .slider .circle {
    height: 26em;
    width: 26em;
    padding: 2.5em;
    margin-left: -13em;
    margin-top: -13em;
    right: 0;
    left: 0; } }
  @media screen and (max-width: 550px) {
  .product-step-slider {
    padding-bottom: 0;
    height: 75vh; }
    .product-step-slider .slick-track {
      margin-left: 0; }

    .product-step-slider .slide.slick-current .product, .product-step-slider .slide .product {
      position: static;
      margin: 0px auto;
      height: 50vh; }
      .product-step-slider .slide.slick-current .circle:not(.number), .product-step-slider .slide .circle:not(.number) {
        position: absolute;
        left: 0;
        bottom: 0;
        height: auto;
        top: auto;
        width: 100%;
        margin: 0;
        border-radius: 0;
        padding: 15px;
        text-align: left; }
        .product-step-slider .slide.slick-current .circle:not(.number) span, .product-step-slider .slide .circle:not(.number) span {
          font-size: 20px;
          margin-bottom: 10px; }
          .product-step-slider .slide.slick-current .circle:not(.number) span br, .product-step-slider .slide .circle:not(.number) span br {
            display: none; }
        .product-step-slider .slide.slick-current .circle:not(.number) b, .product-step-slider .slide .circle:not(.number) b {
          display: none;
          margin-bottom: 10px;
          font-size: 16px; }
      .product-step-slider .slide.slick-current .circle.number.red, .product-step-slider .slide .circle.number.red {
        position: absolute;
        right: 0;
        left: auto;
        top: 0; } }

@media screen and (min-width: 501px) and (max-width: 768px) {
  .slider .circle.left {
    left: 50%; }
    .slider .circle.right {
      left: 50%; } }

@media screen and (max-width: 800px) {
  .slider {
    margin-top: 0px;
    height: auto;
    overflow: hidden;
    max-height: 100%; }
    .slider .slide .circle {
      width: 100%;
      height: auto;
      border-radius: 0px;
      padding: 15px;
      text-align: left;
      position: static;
      margin: 0; }
      .slider .slide .circle span {
        font-size: 22px; }
        .slider .slide .circle span br {
          display: none; }
      .slider .slide .circle p {
        margin: 15px 0px; }
    .slider .slick-arrow {
      position: absolute;
      left: 22px;
      top: 43%;
      z-index: 2;
      height: 54px;
      width: 28px;
      background: rgba(0, 0, 0, 0.5);
      border: 0px;
      border-radius: 5px; }
      .slider .slick-arrow:before {
        content: "v";
        font-family: "sera-icon-font";
        font-size: 30px;
        color: #fff;
        line-height: 44px;
        font-size: 14px;
        position: absolute;
        top: 6px;
        left: 8px; }
      .slider .slick-arrow.slick-next {
        left: auto;
        right: 22px; }
        .slider .slick-arrow.slick-next:before {
          content: "u";
          font-family: "sera-icon-font";
          font-size: 28px;
          color: #fff;
          line-height: 44px;
          font-size: 14px;
          position: absolute;
          top: 6px;
          left: 8px; }
    .slider .slide {
      position: relative;
      max-height: 100%;
      height: auto; }
      .slider .slide .image {
        height: 250px; } }

@media screen and (max-width: 500px) {
  .content-slider img {
    width: 200px;
    height: auto; }
    .content-slider .slick-arrow, .content-slider .slick-arrow:focus, .content-slider .slick-arrow:hover, .content-slider .slick-arrow:visited, .content-slider .slick-arrow:active {
      top: 18%;
      left: 0; }
      .content-slider .slick-arrow.slick-next, .content-slider .slick-arrow:focus.slick-next, .content-slider .slick-arrow:hover.slick-next, .content-slider .slick-arrow:visited.slick-next, .content-slider .slick-arrow:active.slick-next {
        top: 18%;
        right: 0; }

  .product-step-slider .slick-arrow {
    position: absolute;
    left: 22px;
    top: 52%;
    z-index: 2;
    height: 54px;
    width: 28px;
    background: rgba(0, 0, 0, 0.5);
    border: 0px;
    border-radius: 5px; }
    .product-step-slider .slick-arrow:before {
      content: "v";
      font-family: "sera-icon-font";
      font-size: 30px;
      color: #fff;
      line-height: 44px;
      font-size: 14px;
      position: absolute;
      top: 6px;
      left: 8px; }
    .product-step-slider .slick-arrow.slick-next {
      left: auto;
      right: 22px; }
      .product-step-slider .slick-arrow.slick-next:before {
        content: "u";
        font-family: "sera-icon-font";
        font-size: 28px;
        color: #fff;
        line-height: 44px;
        font-size: 14px;
        position: absolute;
        top: 6px;
        left: 8px; } }

@media screen and (max-width: 500px) {
  .product-detail-slider, .product-detail-slider .slide, .product-detail-slider .slide img {
    height: 250px; } }

@media screen and (max-width: 500px) {
  .product-detail-slider-nav, .product-detail-slider-wrapper {
    padding: 0 !important; }

  .product-detail-slider-nav .slick-next {
    margin-right: 15px; }

  .product-detail-slider-nav .slick-prev {
    margin-left: 15px; } }

.news article .date {
  color: #a9a9a9;
  margin-bottom: 0.5em;
  display: block;
  font-size: 14px;
  font-weight: 600; }
  .news article .headline + .color-red {
    margin-top: 0; }
  .news article .article-content p {
    font-size: 15px; }
    .news article .article-content h3 {
      margin: 0 0 0.5em;
      text-align: left;
      font-size: 1.45em;
      font-weight: 600; }
  .news.news-single h3 {
    text-align: left;
    margin: 0.2em 0 0.7em;
    font-size: 1.3em;
    font-weight: 600; }
  .news.news-single h4 {
    font-size: 15px;
    line-height: 1.5em; }
  .news.news-single div.csc-textpic-center .csc-textpic-center-outer, .news.news-single div.csc-textpic-center .csc-textpic-center-inner {
    float: none;
    right: auto; }
  .news.news-single figcaption.csc-textpic-caption, .news.news-single div.csc-textpic .csc-textpic-imagewrap figure {
    display: block;
    font-style: italic; }
  .news .archive {
    margin: 40px auto 0 auto;
    text-align: center; }
  .news .news-related {
    border: none;
    padding: 15px 15px 15px 0; }
  .news .news-related-files ul li {
    list-style: none; }
  .news a:hover, .news a:focus {
    color: #df011a; }
  .news a.download-link:before {
    content: url('/typo3conf/ext/theme_bootstrap_giftgruen_sera/Resources/Public/assets/download_icon.png'); }

a.mehr-button {
  color: #313131;
  font-weight: 600;
  text-decoration: none;
  margin-left: 15px;
  position: relative;
  border-bottom: 0.071em solid transparent; }
  a.mehr-button:hover {
    border-bottom: 0.071em solid #df011a;
    color: #df011a; }
  a.mehr-button:before {
    content: "w";
    font-family: "sera-icon-font";
    color: #df011a;
    font-size: 12px;
    margin: 0 0.429em 0 0;
    text-decoration: none;
    position: absolute;
    left: -15px; }

@media screen and (max-width: 767px) {
  .news {
    padding-left: 15px;
    padding-right: 15px; }
    .news article {
      margin-bottom: 40px; }
    .news .archive {
      width: 8.5em;
      margin-top: 2em; } }

@media screen and (max-width: 500px) {
  .news {
    padding-left: 15px;
    padding-right: 15px; }
    .news article {
      margin-bottom: 40px; }
    .news .archive {
      width: 8.5em;
      margin-top: 2em; } }

.news-overview h2 {
  margin: 1.5em 0; }
  .news-overview article {
    background: url(/typo3conf/ext/theme_bootstrap_giftgruen_sera/Resources/Public/assets/border-shadow.png) bottom center no-repeat;
    padding: 3em 0; }

.news-detailview h1 {
  margin-right: 70px; }

.tags a {
  float: left;
  margin: 0.3em 0.6em 0.3em 0; }
  .tags span {
    font-weight: 600;
    display: block;
    margin: 1em 0; }

.small-tags {
  padding: 0.2em 0.4em !important;
  font-size: 12px !important; }

.csc-default .image-box {
  display: block;
  margin-bottom: 25px;
  position: relative;
  overflow: hidden;
  border-radius: 0.286em; }
  .csc-default .image-box:hover img {
    transform-origin: center center;
    transform: scale(1.1);
    border-radius: 0.286em; }
  .csc-default .image-box img {
    display: block;
    display: block;
    width: 100%;
    height: auto;
    border-radius: 0.286em;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-timing-function: ease-in;
    -moz-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    transition-timing-function: ease-in; }
  .csc-default .image-box .csc-textpic {
    position: relative;
    z-index: 10; }
    .csc-default .image-box .csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
      margin-bottom: 0; }
  .csc-default .image-box .csc-header {
    z-index: 20;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    width: auto;
    padding: 11px 16px;
    text-align: left;
    cursor: pointer;
    background-color: #fdc20b;
    color: white; }
    .csc-default .image-box .csc-header h1, .csc-default .image-box .csc-header h2, .csc-default .image-box .csc-header h3, .csc-default .image-box .csc-header h4, .csc-default .image-box .csc-header h5, .csc-default .image-box .csc-header h6, .csc-default .image-box .csc-header h2.csc-firstHeader {
      font-size: 16px;
      font-weight: 600;
      line-height: 1.42857143;
      margin: 0;
      padding: 0;
      color: white; }
    .csc-default .image-box .csc-header h2.csc-firstHeader + h2 {
      margin-top: 0; }
    .csc-default .image-box .csc-header p {
      margin: 0; }
    .csc-default .image-box .csc-header span {
      font-weight: 300;
      display: block;
      margin-top: 5px;
      white-space: normal;
      padding-right: 40px; }
    .csc-default .image-box .csc-header:after {
      content: '';
      position: absolute;
      display: block;
      left: auto;
      right: 10px;
      bottom: 8px;
      top: auto;
      border-radius: 50%;
      box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.12);
      box-sizing: border-box;
      height: 30px;
      width: 30px;
      background-image: -owg(linear-gradient(#edb302, #fcc10c));
      background-image: -webkit(linear-gradient(#edb302, #fcc10c));
      background-image: -moz(linear-gradient(#edb302, #fcc10c));
      background-image: -o(linear-gradient(#edb302, #fcc10c));
      background-image: linear-gradient(#edb302, #fcc10c); }
    .csc-default .image-box .csc-header:hover:after {
      background-image: -owg(linear-gradient(#fcc10c, #edb302));
      background-image: -webkit(linear-gradient(#fcc10c, #edb302));
      background-image: -moz(linear-gradient(#fcc10c, #edb302));
      background-image: -o(linear-gradient(#fcc10c, #edb302));
      background-image: linear-gradient(#fcc10c, #edb302); }
    .csc-default .image-box .csc-header:before {
      left: auto;
      right: 14px;
      bottom: 16px;
      content: "m";
      font-family: "sera-icon-font";
      color: #fff;
      position: absolute;
      width: 18px;
      height: 18px;
      display: block;
      z-index: 5; }
    .csc-default .image-box .csc-header:hover {
      position: absolute; }
  .csc-default .image-box.image-box-blue .csc-header {
    background-color: #0a64ba; }
    .csc-default .image-box.image-box-blue .csc-header:after {
      background-image: -owg(linear-gradient(#005baf, #0970c8));
      background-image: -webkit(linear-gradient(#005baf, #0970c8));
      background-image: -moz(linear-gradient(#005baf, #0970c8));
      background-image: -o(linear-gradient(#005baf, #0970c8));
      background-image: linear-gradient(#005baf, #0970c8); }
    .csc-default .image-box.image-box-blue .csc-header:hover:after {
      background-image: -owg(linear-gradient(#0970c8, #005baf));
      background-image: -webkit(linear-gradient(#0970c8, #005baf));
      background-image: -moz(linear-gradient(#0970c8, #005baf));
      background-image: -o(linear-gradient(#0970c8, #005baf));
      background-image: linear-gradient(#0970c8, #005baf); }
  .csc-default .image-box.image-box-orange .csc-header {
    background-color: #ef8905; }
    .csc-default .image-box.image-box-orange .csc-header:after {
      background-image: -owg(linear-gradient(#f08b05, #fe9c02));
      background-image: -webkit(linear-gradient(#f08b05, #fe9c02));
      background-image: -moz(linear-gradient(#f08b05, #fe9c02));
      background-image: -o(linear-gradient(#f08b05, #fe9c02));
      background-image: linear-gradient(#f08b05, #fe9c02); }
    .csc-default .image-box.image-box-orange .csc-header:hover:after {
      background-image: -owg(linear-gradient(#fe9c02, #f08b05));
      background-image: -webkit(linear-gradient(#fe9c02, #f08b05));
      background-image: -moz(linear-gradient(#fe9c02, #f08b05));
      background-image: -o(linear-gradient(#fe9c02, #f08b05));
      background-image: linear-gradient(#fe9c02, #f08b05); }
  .csc-default .image-box.image-box-green .csc-header {
    background-color: #179439; }
    .csc-default .image-box.image-box-green .csc-header:after {
      background-image: -owg(linear-gradient(#138933, #179439));
      background-image: -webkit(linear-gradient(#138933, #179439));
      background-image: -moz(linear-gradient(#138933, #179439));
      background-image: -o(linear-gradient(#138933, #179439));
      background-image: linear-gradient(#138933, #179439); }
    .csc-default .image-box.image-box-green .csc-header:hover:after {
      background-image: -owg(linear-gradient(#179439, #138933));
      background-image: -webkit(linear-gradient(#179439, #138933));
      background-image: -moz(linear-gradient(#179439, #138933));
      background-image: -o(linear-gradient(#179439, #138933));
      background-image: linear-gradient(#179439, #138933); }
  .csc-default .image-box.image-box-red .csc-header {
    background-color: #df011a; }
    .csc-default .image-box.image-box-red .csc-header:after {
      background-image: -owg(linear-gradient(#bb0419, #e2001a));
      background-image: -webkit(linear-gradient(#bb0419, #e2001a));
      background-image: -moz(linear-gradient(#bb0419, #e2001a));
      background-image: -o(linear-gradient(#bb0419, #e2001a));
      background-image: linear-gradient(#bb0419, #e2001a); }
    .csc-default .image-box.image-box-red .csc-header:hover:after {
      background-image: -owg(linear-gradient(#e2001a, #bb0419));
      background-image: -webkit(linear-gradient(#e2001a, #bb0419));
      background-image: -moz(linear-gradient(#e2001a, #bb0419));
      background-image: -o(linear-gradient(#e2001a, #bb0419));
      background-image: linear-gradient(#e2001a, #bb0419); }

@media screen and (max-width: 990px) {
  .product-box {
    margin-bottom: 20px;
    margin-right: 0; }
    .product-box img {
      width: 100%; }
    .product-box div {
      bottom: 0; } }

@media screen and (max-width: 500px) {
  .product-box-wrapper {
    width: 100%; } }

.teaser-ratgeber {
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.225);
  background: url(/typo3conf/ext/theme_bootstrap_giftgruen_sera/Resources/Public/assets/ratgeber-waves.png), url(/typo3conf/ext/theme_bootstrap_giftgruen_sera/Resources/Public/assets/ratgeber-waves.png);
  background-repeat: repeat-y, repeat-y;
  background-position: 5% 100px, 95% 100px; }
  .teaser-ratgeber.yellow {
    background-color: #fdc20b; }
  .teaser-ratgeber.green {
    background-color: #179439; }
  .teaser-ratgeber.red {
    background-color: #df011a; }
  .teaser-ratgeber.blue {
    background-color: #0a64ba; }
  .teaser-ratgeber .row {
    position: relative; }
  .teaser-ratgeber .more-arrow, .teaser-ratgeber .more-arrow:hover {
    position: absolute;
    left: 243px;
    bottom: 33px;
    z-index: 30;
    width: 50px;
    height: 50px;
    background-image: -owg(radial-gradient(45px 45px, #efefef 10px, #fff 30px));
    background-image: -webkit(radial-gradient(45px 45px, #efefef 10px, #fff 30px));
    background-image: -moz(radial-gradient(45px 45px, #efefef 10px, #fff 30px));
    background-image: -o(radial-gradient(45px 45px, #efefef 10px, #fff 30px));
    background-image: radial-gradient(45px 45px, #efefef 10px, #fff 30px);
    opacity: 1;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
    border-radius: 50%;
    text-decoration: none; }
  .teaser-ratgeber .more-arrow:after, .teaser-ratgeber .more-arrow:hover:after {
    content: "x";
    font-family: "sera-icon-font";
    font-size: 28px;
    color: #313131;
    display: block;
    margin-top: 15px;
    margin-left: 13px; }
  .teaser-ratgeber .more-arrow:hover {
    background-image: -owg(radial-gradient(45px 45px, #ddd 10px, #fff 30px));
    background-image: -webkit(radial-gradient(45px 45px, #ddd 10px, #fff 30px));
    background-image: -moz(radial-gradient(45px 45px, #ddd 10px, #fff 30px));
    background-image: -o(radial-gradient(45px 45px, #ddd 10px, #fff 30px));
    background-image: radial-gradient(45px 45px, #ddd 10px, #fff 30px); }
  .teaser-ratgeber .image {
    position: relative; }
  .teaser-ratgeber .image img {
    position: absolute;
    top: -50px;
    z-index: 29; }
  .teaser-ratgeber .content {
    color: #fff;
    padding: 33px 0px 26px;
    margin-left: -20px; }
  .teaser-ratgeber .content h3 {
    margin-top: 0px;
    font-size: 22px;
    margin-bottom: 22px;
    text-align: left; }
  .teaser-ratgeber .content p {
    font-size: 15px;
    margin-bottom: 26px; }
  .teaser-ratgeber .content .mehr-button {
    font-size: 15px;
    font-weight: 600;
    color: #fff; }
    .teaser-ratgeber .content .mehr-button:hover {
      text-decoration: none;
      border-bottom: 0.071em solid #fff; }
    .teaser-ratgeber .content .mehr-button:before {
      color: #fff;
      content: "w";
      font-family: "sera-icon-font";
      font-size: 12px;
      margin: 0 0.429em 0 0;
      text-decoration: none;
      position: absolute;
      top: 0;
      left: -15px; }

@media screen and (max-width: 1200px) {
  .teaser-ratgeber .content {
    margin-left: 0; } }

@media screen and (max-width: 991px) {
  .teaser-ratgeber .image img {
    width: 100%;
    top: 25px;
    left: 0; }
    .teaser-ratgeber .content {
      margin-left: 20px; }
    .teaser-ratgeber .more-arrow, .teaser-ratgeber .more-arrow:hover {
      left: 190px;
      bottom: 20px; } }

@media screen and (max-width: 767px) {
  .teaser-ratgeber.yellow {
    background: #fdc20b; }
    .teaser-ratgeber .image img {
      position: static;
      margin: 40px 25px 0 -8px; }
    .teaser-ratgeber .content {
      margin-left: 15px; }
    .teaser-ratgeber .more-arrow, .teaser-ratgeber .more-arrow:hover {
      left: 420px;
      bottom: 240px; } }

@media screen and (max-width: 500px) {
  .teaser-ratgeber {
    overflow: hidden; }
    .teaser-ratgeber .image img {
      position: static;
      margin: 40px 25px 0 -8px; }
    .teaser-ratgeber .content {
      margin-left: 0px;
      padding: 33px 15px 26px; }
    .teaser-ratgeber .more-arrow, .teaser-ratgeber .more-arrow:hover {
      bottom: auto;
      top: 220px;
      left: auto;
      right: 20px; } }

.product-left-right {
  padding-bottom: 60px;
  margin-bottom: 57px;
  background: url(/typo3conf/ext/theme_bootstrap_giftgruen_sera/Resources/Public/assets/border-shadow.png) bottom center no-repeat; }
  .product-left-right.last {
    background: none;
    padding-bottom: 0;
    margin-bottom: 0; }
  .product-left-right h4 {
    margin-bottom: 30px;
    line-height: 23px; }
  .product-left-right p {
    margin-bottom: 40px; }
  .product-left-right .btn {
    margin-right: 15px;
    margin-bottom: 10px;
    display: inline-block; }
  .product-left-right .col-sm-4.col-sm-push-8 img {
    float: right; }
  .product-left-right img {
    display: block; }
  .product-left-right .pre-title .circle-title {
    font-weight: 600; }

@media screen and (max-width: 990px) {
  .product-left-right.row {
    margin-right: 0; }
    .product-left-right img {
      width: 100%; }
    .product-left-right .btn {
      margin-right: 0; } }

@media screen and (max-width: 767px) {
  .product-left-right.row {
    margin-right: -15px; }
    .product-left-right img {
      width: 100%;
      margin-bottom: 20px; }
    .product-left-right .col-sm-8 + .col-sm-4 {
      margin-top: 20px; }
    .product-left-right .col-sm-4 + .col-sm-8 {
      margin-bottom: 20px; } }

.panel-group .panel {
  background: transparent;
  border: 0;
  box-shadow: none; }
  .panel-group .panel-heading {
    border-radius: 0;
    background: none;
    border: 0;
    color: #313131;
    padding: 16px 0;
    font-size: 18px;
    font-weight: 600; }
  .panel-group .panel-heading a {
    display: block;
    color: #df011a; }
    .panel-group .panel-heading a:before {
      content: "l";
      font-family: "sera-icon-font";
      font-size: 14px;
      float: right;
      color: #313131;
      -moz-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      -o-transform: rotate(180deg);
      -webkit-transform: rotate(180deg);
      transform: rotate(180deg); }
    .panel-group .panel-heading a:focus {
      text-decoration: none !important;
      border: 0 !important; }
    .panel-group .panel-heading a.collapsed {
      color: #313131; }
    .panel-group .panel-heading a.collapsed:before {
      content: "l";
      font-family: "sera-icon-font";
      font-size: 14px;
      float: right;
      -moz-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg); }
  .panel-group .panel-body {
    padding: 35px 0;
    border-top: 0;
    font-size: 15px; }
  .panel-group .panel-body ul {
    margin: 0px 0 0 40px; }
  .panel-group .panel-body p.bodytext {
    margin-bottom: 0; }
  .panel-group .panel-default > .panel-heading {
    border-top: 0;
    background: url(/typo3conf/ext/theme_bootstrap_giftgruen_sera/Resources/Public/assets/border-shadow.png) bottom center no-repeat; }
  .panel-group .panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top: 0; }

.modal .modal-content {
  border-radius: 0.286em;
  border: 0; }
  .modal .modal-header {
    padding: 30px 23px 0;
    border-bottom: 0; }
  .modal .modal-header h4 {
    font-size: 30px;
    font-weight: 300; }
  .modal .modal-body {
    padding: 30px 23px; }
  .modal .close {
    display: block;
    width: 34px;
    height: 34px;
    background-image: -owg(radial-gradient(45px 45px, #efefef 10px, #fff 30px));
    background-image: -webkit(radial-gradient(45px 45px, #efefef 10px, #fff 30px));
    background-image: -moz(radial-gradient(45px 45px, #efefef 10px, #fff 30px));
    background-image: -o(radial-gradient(45px 45px, #efefef 10px, #fff 30px));
    background-image: radial-gradient(45px 45px, #efefef 10px, #fff 30px);
    opacity: 1;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
    border-radius: 50%;
    margin-bottom: 15px;
    position: absolute;
    top: 18px;
    right: 18px; }
  .modal .close:after {
    content: '';
    display: block;
    width: 34px;
    height: 34px;
    background: url("/typo3conf/ext/theme_bootstrap_giftgruen_sera/Resources/Public/assets/close-small.png") center center no-repeat; }
  .modal .close:hover {
    background-image: -owg(radial-gradient(45px 45px, #ddd 10px, #fff 30px));
    background-image: -webkit(radial-gradient(45px 45px, #ddd 10px, #fff 30px));
    background-image: -moz(radial-gradient(45px 45px, #ddd 10px, #fff 30px));
    background-image: -o(radial-gradient(45px 45px, #ddd 10px, #fff 30px));
    background-image: radial-gradient(45px 45px, #ddd 10px, #fff 30px); }
  .modal .close span {
    display: none; }

@media screen and (max-width: 500px) {
  .modal .modal-dialog {
    width: 100%;
    position: absolute;
    margin: 20% auto; }
    .modal .modal-dialog .modal-content {
      border-radius: 0.286em;
      border: 0;
      width: 90%;
      margin: 0 auto;
      left: 15px;
      right: 15px;
      position: absolute; } }

.modal .guidebook .modal-content {
  padding: 0 0; }
  .modal .guidebook .modal-content .modal-body {
    padding: 15px; }

@media screen and (min-width: 768px) {
  .modal .guidebook.modal-lg {
    width: 1000px; } }

.history-chart {
  margin-right: 20px;
  width: 100%;
  height: 400px;
  background: #f4f4f4; }
  .history-chart circle {
    fill: #f4f4f4;
    stroke: #313131;
    stroke-width: 3px;
    r: 9px; }
  .history-chart path {
    stroke: #313131;
    stroke-width: 3px; }
  .history-chart #defs + rect {
    fill: #f4f4f4; }

.history-chart-image {
  background: url(/typo3conf/ext/theme_bootstrap_giftgruen_sera/Resources/Public/assets/diagramm.png) left top no-repeat;
  background-size: contain;
  width: 100%;
  height: 500px; }

.result-box.history-chart-wrapper {
  margin-top: 80px; }
  .result-box.history-chart-wrapper > p {
    font-weight: 600;
    font-size: 15px; }
  .result-box.history-chart-wrapper header {
    font-size: 15px;
    padding: 7px 10px; }
  .result-box.history-chart-wrapper .content {
    padding-left: 0; }

.tx-felogin-pi1 h3 {
  color: #df011a;
  margin-bottom: 5px; }
  .tx-felogin-pi1 h3 + div {
    color: #313131;
    text-align: center; }
  .tx-felogin-pi1 form {
    margin-top: 2em; }
  .tx-felogin-pi1 ul {
    list-style-position: outside;
    list-style-type: none;
    padding-left: 5px; }
  .tx-felogin-pi1 ul li {
    position: relative; }
    .tx-felogin-pi1 ul li a {
      font-size: 15px;
      font-weight: 600;
      color: #313131;
      margin-top: 2px;
      display: inline-block;
      text-decoration: none;
      border-bottom: 1px solid transparent;
      position: relative;
      margin-left: 15px; }
    .tx-felogin-pi1 ul li a:hover {
      border-bottom: 1px solid #df011a;
      font-size: 15px;
      font-weight: 600;
      color: #df011a;
      margin-top: 2px;
      display: inline-block;
      text-decoration: none; }
    .tx-felogin-pi1 ul li a:before {
      content: "w";
      font-family: "sera-icon-font";
      color: #df011a;
      font-size: 12px;
      margin: 0 0.429em 0 0;
      text-decoration: none;
      position: absolute;
      left: -15px; }

.seo {
  color: #313131; }
  .seo h2 {
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 17px; }
  .seo p {
    margin-bottom: 20px;
    font-size: 14px; }
  .seo b {
    font-weight: 600; }

@media screen and (max-width: 500px) {
  .seo {
    padding-top: 30px;
    padding-bottom: 30px; }

  .seo h1 {
    margin-left: 0; } }

.sidebar {
  border-radius: 0.286em;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.125);
  margin-bottom: 3em;
  max-width: 250px; }
  .sidebar nav {
    display: block; }
  .sidebar nav > ul {
    padding-left: 0; }
    .sidebar nav > ul li {
      list-style: none; }
    .sidebar nav > ul > li > a {
      display: block;
      padding: 8px 15px 14px 30px;
      color: #313131;
      font-size: 15px;
      box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.055); }
    .sidebar nav > ul > li > a:hover {
      color: #df011a; }
    .sidebar nav > ul > li > a:before {
      content: "";
      border-color: transparent #606060;
      border-style: solid;
      border-width: 0.35em 0 0.35em 0.35em;
      display: block;
      height: 0;
      width: 0;
      left: -1em;
      top: 1.1em;
      position: relative; }
    .sidebar nav > ul > li.parent ul {
      display: none; }
    .sidebar nav > ul > li.active > a {
      color: #df011a; }
    .sidebar nav > ul > li.open > a {
      color: #df011a;
      box-shadow: none; }
    .sidebar nav > ul > li.open ul {
      display: block;
      padding-left: 50px;
      box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.055); }
      .sidebar nav > ul > li.open ul a {
        padding: 12px 0px;
        color: #313131;
        display: block; }
        .sidebar nav > ul > li.open ul a:hover {
          color: #df011a; }
      .sidebar nav > ul > li.open ul li.active a {
        color: #df011a; }
  .sidebar .number {
    color: #a1a1a1;
    margin-left: 5px;
    display: inline-block; }
  .sidebar .number:hover span {
    text-decoration: none; }

.sidebar-padding {
  padding: 1em; }

@media screen and (max-width: 767px) {
  .sidebar {
    max-width: 100%; }

  .scroll {
    max-width: 100%; } }

@media screen and (max-width: 500px) {
  .sidebar {
    margin-bottom: 20px;
    max-width: 100%; }
    .sidebar nav {
      max-width: 100%; }

  .tags {
    margin-bottom: 20px;
    float: left; } }

.mainContent ul.ce-menu {
  padding-left: 0;
  margin-left: 0;
  border-radius: 0.286em;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.125); }

.mainContent ul.ce-menu li {
  list-style: none; }

.mainContent ul.ce-menu > li a {
  display: block;
  color: #313131;
  font-size: 15px; }

.mainContent ul.ce-menu > li > a {
  padding: 8px 15px 14px 30px;
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.055); }

.mainContent ul.ce-menu > li a:hover, .mainContent ul.ce-menu > li a.active {
  color: #df011a; }

.mainContent ul.ce-menu > li > a:before {
  content: "";
  border-color: transparent #606060;
  border-style: solid;
  border-width: 0.35em 0 0.35em 0.35em;
  display: block;
  height: 0;
  width: 0;
  left: -1em;
  top: 1.1em;
  position: relative; }

.mainContent ul.ce-menu > li ul {
  display: none;
  padding-left: 50px;
  margin-left: 0;
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.055); }

.mainContent ul.ce-menu > li ul.open {
  display: block; }

.mainContent ul.ce-menu > li ul a {
  padding: 12px 0px; }

.tx-solr .tx-solr-search-form-pi-results input {
  margin-bottom: 10px; }
  .tx-solr .results-entry, .tx-solr h4.results {
    padding: 35px 0;
    background: url(/typo3conf/ext/theme_bootstrap_giftgruen_sera/Resources/Public/assets/border-shadow.png) bottom center no-repeat;
    background-size: contain; }
  .tx-solr .results-entry a:hover, .tx-solr h4.results a:hover, .tx-solr .results-entry a:focus, .tx-solr h4.results a:focus {
    color: #df011a; }
  .tx-solr .results-highlight {
    background-color: #ff0; }
  .tx-solr .filter-element {
    display: block;
    padding: 14px 15px 14px 30px;
    color: #313131;
    font-size: 15px;
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.055); }
  .tx-solr .filter-element a {
    color: #313131; }
    .tx-solr .filter-element a:before {
      content: "";
      border-color: transparent #606060;
      border-style: solid;
      border-width: 0.35em 0 0.35em 0.35em;
      display: block;
      height: 0;
      width: 0;
      left: -1em;
      top: 1.1em;
      position: relative; }
  .tx-solr .filter-element.remove-filter a:before {
    border: 0;
    background: url(/typo3conf/ext/theme_bootstrap_giftgruen_sera/Resources/Public/assets/close-small.png) center center no-repeat;
    width: 8px;
    height: 8px;
    background-size: contain;
    top: 16px; }
  .tx-solr .btn.small {
    padding: 8px 14px;
    width: 100%; }
  .tx-solr .search-pagination {
    margin-top: 25px; }
  .tx-solr .text-right {
    text-align: right; }
  .tx-solr .pagination .tx-pagebrowse-current, .tx-solr .pagination .tx-pagebrowse-page {
    padding: 0 5px; }
  .tx-solr .pagination .tx-pagebrowse-current {
    color: #df011a; }
  .tx-solr .pagination .tx-pagebrowse-page a {
    color: #606060; }
  .tx-solr .pagination .pagination-arrow-left {
    margin-left: 10px; }
  .tx-solr .pagination .pagination-arrow-right {
    margin-right: 10px; }

ul.ui-autocomplete {
  background-color: #fff !important;
  list-style: none;
  padding: 10px;
  height: auto !important;
  z-index: 5000;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
  -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, .175); }

.tx-solr-q {
  margin-bottom: 10px; }

ul.tx-pagebrowse {
  list-style: none; }
  ul.tx-pagebrowse li {
    display: inline-block; }
  ul.tx-pagebrowse li ol {
    list-style: none; }

@media screen and (max-width: 767px) {
  .tx-solr .pagination a.pagination-arrow-left, .tx-solr .pagination a.pagination-arrow-right {
    position: static; } }

.product-listing {
  padding-bottom: 0px; }
  .product-listing h1 {
    font-size: 30px;
    font-weight: 300;
    text-align: left; }
  .product-listing .product {
    min-height: 400px; }
  .product-listing .product .img {
    height: 200px; }
    .product-listing .product .img .tablerow {
      display: table-row;
      vertical-align: middle; }
    .product-listing .product .img .tablerow .tablecell {
      display: table-cell;
      vertical-align: middle; }
  .product-listing .product .desc ul {
    list-style: none; }
    .product-listing .product .desc ul li:before {
      content: '';
      display: inline-block;
      width: 11px;
      height: 9px;
      margin-right: 3px;
      background: url(/typo3conf/ext/theme_bootstrap_giftgruen_sera/Resources/Public/Images/check.png) center center no-repeat; }
    .product-listing .product .desc ul li {
      display: inline; }
  .product-listing .product .desc.small {
    font-size: 10px;
    line-height: 12px; }
  .product-listing .product .desc.medium {
    font-size: 12px;
    line-height: 14px; }

.product {
  margin-bottom: 50px; }
  .product > a {
    color: #313131;
    text-decoration: none;
    display: block;
    clear: both;
    position: relative; }
  .product > a:hover {
    color: #df011a; }
  .product > a:hover, .product > a:focus, .product > a:active {
    text-decoration: none; }
  .product.transparent {
    opacity: 0.4; }
  .product.transparent:hover {
    opacity: 1; }
  .product .btn {
    color: #fff;
    display: table; }
  .product .btn:hover {
    color: #fff; }
  .product .small-tags {
    display: table;
    margin: 0px auto; }
  .product .more {
    position: absolute;
    right: 35px;
    top: 34px;
    width: 50px;
    height: 50px;
    background-image: -owg(radial-gradient(45px 45px, #efefef 10px, #fff 30px));
    background-image: -webkit(radial-gradient(45px 45px, #efefef 10px, #fff 30px));
    background-image: -moz(radial-gradient(45px 45px, #efefef 10px, #fff 30px));
    background-image: -o(radial-gradient(45px 45px, #efefef 10px, #fff 30px));
    background-image: radial-gradient(45px 45px, #efefef 10px, #fff 30px);
    opacity: 1;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
    border-radius: 50%;
    font-style: normal !important; }
  .product .more:after {
    content: "x";
    font-family: "sera-icon-font";
    font-size: 28px;
    color: #313131;
    display: block;
    margin-top: 15px;
    margin-left: 13px; }
  .product .more:hover {
    background-image: -owg(radial-gradient(45px 45px, #ddd 10px, #fff 30px));
    background-image: -webkit(radial-gradient(45px 45px, #ddd 10px, #fff 30px));
    background-image: -moz(radial-gradient(45px 45px, #ddd 10px, #fff 30px));
    background-image: -o(radial-gradient(45px 45px, #ddd 10px, #fff 30px));
    background-image: radial-gradient(45px 45px, #ddd 10px, #fff 30px); }
  .product .img {
    margin: 0px auto 29px;
    display: table; }
  .product .title {
    padding-top: 18px;
    font-weight: 600;
    font-size: 15px;
    background: url(/typo3conf/ext/theme_bootstrap_giftgruen_sera/Resources/Public/assets/product-shadow.png) top center no-repeat;
    background-size: 100%;
    display: block;
    width: 100%;
    text-align: center;
    color: #313131; }
  .product .desc {
    font-size: 14px;
    text-align: center; }

.guidebook img {
  -webkit-box-shadow: 0px 0px 10px 0px rgba(168, 166, 168, 0.5);
  -moz-box-shadow: 0px 0px 10px 0px rgba(168, 166, 168, 0.5);
  box-shadow: 0px 0px 10px 0px rgba(168, 166, 168, 0.5); }
  .guidebook > a:hover .img {
    position: relative; }
    .guidebook > a:hover .img:after {
      content: '';
      display: block;
      position: absolute;
      left: 0px;
      right: 0px;
      top: 0px;
      bottom: 0px;
      background: rgba(0, 0, 0, 0.5);
      z-index: 2; }
    .guidebook > a:hover .img:before {
      content: "a";
      font-family: "sera-icon-font";
      color: #fff;
      font-size: 38px;
      background-color: #fdc20b;
      display: block;
      width: 75px;
      height: 75px;
      border-radius: 50%;
      position: absolute;
      top: 50%;
      left: 50%;
      margin-top: -37px;
      margin-left: -37px;
      z-index: 3;
      padding: 28px 18px;
      transition: opacity 0.25s ease-in-out;
      -moz-transition: opacity 0.25s ease-in-out;
      -webkit-transition: opacity 0.25s ease-in-out; }

.product-detail-content .tags {
  clear: both;
  float: left;
  width: 100%;
  margin-bottom: 50px;
  margin-top: -10px; }
  .product-detail-content h2 {
    margin-bottom: 25px; }
  .product-detail-content table {
    margin: 33px 0 44px; }
  .product-detail-content .panel-body {
    height: 4px;
    padding: 0px;
    height: auto; }
  .product-detail-content ul {
    margin-left: 20px; }
  .product-detail-content ul ul {
    margin-left: 20px; }

@media screen and (max-width: 990px) {
  .product-detail-content {
    padding-top: 30px; } }

.store-locator-map-wrapper {
  height: 650px;
  position: relative;
  overflow: hidden; }
  .store-locator-map-wrapper .store-locator-form {
    position: absolute;
    left: 0px;
    bottom: 44px;
    right: 0px;
    z-index: 2;
    width: 1170px;
    margin: 0 auto; }
  .store-locator-map-wrapper .store-locator-form .select:before {
    right: 30px; }
  .store-locator-map-wrapper .store-locator-form .container .col-xs-12 {
    background: #fff;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.125);
    border-radius: 0.286em;
    padding: 25px;
    margin: 0 auto;
    width: 100%; }
    .store-locator-map-wrapper .store-locator-form .container .col-xs-12 h1 {
      text-align: left;
      margin-bottom: 22px; }
  .store-locator-map-wrapper .store-locator-form .form-inline .form-control {
    width: 250px;
    height: 40px;
    margin-right: 11px; }
    .store-locator-map-wrapper .store-locator-form .form-inline .form-control.small {
      width: 130px; }
    .store-locator-map-wrapper .store-locator-form .form-inline .form-control .btn {
      float: right; }
    .store-locator-map-wrapper .store-locator-form .form-inline .btn {
      height: 40px;
      padding: 9px 16px 9px 55px;
      margin-bottom: 0; }
    .store-locator-map-wrapper .store-locator-form .form-inline .btn:after {
      top: 5px; }
    .store-locator-map-wrapper .store-locator-form .form-inline .btn:before {
      content: "k";
      font-family: "sera-icon-font";
      font-size: 14px;
      color: #fff;
      top: 9px;
      left: 18px; }
  .store-locator-map-wrapper #store-locator-map {
    height: 650px; }

@media screen and (max-height: 700px) {
  .store-locator-map-wrapper {
    max-height: 65vh; }
    .store-locator-map-wrapper #store-locator-map {
      max-height: 65vh; } }

@media screen and (max-width: 1200px) {
  .store-locator-map-wrapper .store-locator-form {
    margin: 0 auto;
    width: 100%; }
    .store-locator-map-wrapper .store-locator-form .form-inline .form-control {
      width: 193px; } }

@media screen and (max-width: 990px) {
  .store-locator-map-wrapper .store-locator-form {
    margin: 0 auto;
    width: 100%; }
    .store-locator-map-wrapper .store-locator-form .form-inline .form-control {
      width: 322px;
      margin-top: 10px; }
      .store-locator-map-wrapper .store-locator-form .form-inline .form-control.small {
        width: 185px; }
      .store-locator-map-wrapper .store-locator-form .form-inline .btn {
        margin-top: 10px; } }

@media screen and (max-width: 767px) {
  .store-locator-map-wrapper {
    height: auto; }
    .store-locator-map-wrapper .sidebar-toggle {
      position: absolute;
      z-index: 200;
      top: 197px;
      right: 50px;
      background-color: #fff; }
    .store-locator-map-wrapper #store-locator-map {
      height: 250px; }
    .store-locator-map-wrapper .store-locator-form {
      position: fixed;
      top: 0;
      right: 0;
      left: 0;
      bottom: 0;
      z-index: 1031;
      height: 100%;
      width: 100%;
      background: #fff; }
      .store-locator-map-wrapper .store-locator-form h1 {
        margin-left: 0; }
      .store-locator-map-wrapper .store-locator-form .container {
        padding: 0; }
        .store-locator-map-wrapper .store-locator-form .container .col-xs-12 {
          width: 100%;
          margin: 0;
          box-shadow: none; }
      .store-locator-map-wrapper .store-locator-form .form-inline .form-control, .store-locator-map-wrapper .store-locator-form .form-inline .form-control.small {
        width: 100%; }
      .store-locator-map-wrapper .store-locator-form .mobile-btn-back-wrapper {
        margin-bottom: 20px; }
        .store-locator-map-wrapper .store-locator-form .mobile-btn-back-wrapper .mobile-btn-back {
          position: relative;
          left: 30px;
          top: 0;
          color: #313131;
          font-size: 18px; }
          .store-locator-map-wrapper .store-locator-form .mobile-btn-back-wrapper .mobile-btn-back:hover, .store-locator-map-wrapper .store-locator-form .mobile-btn-back-wrapper .mobile-btn-back:active, .store-locator-map-wrapper .store-locator-form .mobile-btn-back-wrapper .mobile-btn-back:focus, .store-locator-map-wrapper .store-locator-form .mobile-btn-back-wrapper .mobile-btn-back:visited {
            text-decoration: none;
            color: #313131; }
          .store-locator-map-wrapper .store-locator-form .mobile-btn-back-wrapper .mobile-btn-back:before {
            content: "w";
            display: block;
            color: #313131;
            font-family: "sera-icon-font";
            font-size: 18px;
            position: absolute;
            top: 0;
            left: -30px;
            -moz-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            -o-transform: rotate(180deg);
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg); } }

table {
  width: 100%;
  border-radius: 0.286em;
  overflow: hidden;
  border: 0; }
  table a {
    color: #df011a;
    text-decoration: underline; }
  table a:hover {
    color: #313131; }
  table thead {
    background: #fdc20b;
    color: #fff; }
  table th, table td {
    padding: 8px 16px; }
  table tbody tr:nth-child(even) {
    background: #eee; }

.table-responsive {
  border: 0;
  -webkit-overflow-scrolling: touch;
  border-radius: 0.286em; }
  .table-responsive .table-responsive-handymode-show {
    display: none; }

.table {
  max-width: 1000%; }

@media screen and (max-width: 990px) {
  .tx_ggseratestcenter input.form-control {
    margin-bottom: 10px; }
    .tx_ggseratestcenter .form-group {
      margin-left: 0px; }
    .tx_ggseratestcenter .table-responsive .table-responsive-handymode-disable {
      display: none !important; }
      .tx_ggseratestcenter .table-responsive .table-responsive-handymode-show {
        display: table-cell !important; }
      .tx_ggseratestcenter .table-responsive table {
        table-layout: auto !important; }

  .table-responsive {
    /*.close-table {
     height: 20px;
     width: 20px;
     &:before {
     font-size: 12px;
     left: 4px;
     top: 2px;
     }
     }
     .edit-table {
     height: 20px;
     width: 20px;
     &:before {
     font-size: 12px;
     left: 4px;
     top: 2px;
     }
     }
     .red-arrow-table {
     height: 20px;
     width: 20px;
     &:before {
     font-size: 12px;
     left: 5px;
     top: 2px;
     }
     }*/ }
    .table-responsive table {
      max-width: 100% !important;
      table-layout: fixed;
      word-break: break-all; } }

@media screen and (max-width: 767px) {
  .table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td {
    white-space: normal; }

  td, th {
    font-size: 12px; }

  .tx_ggseratestcenter .table-responsive .table-responsive-handymode-disable {
    display: none !important; }
    .tx_ggseratestcenter .table-responsive .table-responsive-handymode-show {
      display: table-cell !important; }
    .tx_ggseratestcenter .table-responsive table {
      table-layout: auto !important; } }

.quicktest .step-location {
  margin-bottom: 45px; }
  .quicktest .step-location ul {
    padding-left: 0; }
  .quicktest .step-location li {
    display: inline-block;
    width: 53px;
    height: 53px;
    max-height: 53px;
    border-radius: 50%;
    background: #e2e2e2;
    color: #fff;
    text-align: center;
    padding-top: 14px;
    font-size: 26px;
    margin-right: 67px;
    position: relative; }
    .quicktest .step-location li:after {
      display: block;
      content: '';
      height: 3px;
      width: 71px;
      position: absolute;
      right: 100%;
      top: 50%;
      margin-top: -1px;
      background: #e2e2e2; }
    .quicktest .step-location li.first:after {
      display: none; }
    .quicktest .step-location li:last-child {
      margin-right: 0; }
    .quicktest .step-location li.active {
      background: #df011a; }
    .quicktest .step-location li.active:after {
      background: #df011a; }
  .quicktest h4.color-red {
    margin-bottom: 27px; }
  .quicktest.step1 .col-md-4 {
    margin-bottom: 4px; }
    .quicktest.step1 .col-md-4 .info-dropdown {
      width: 27px;
      height: 27px;
      position: absolute;
      right: 24px;
      top: 0px; }
    .quicktest.step1 .col-md-4 .info-dropdown .dropdown-menu {
      right: -5px;
      top: 50px;
      left: auto;
      border-radius: 0;
      border: 0;
      padding: 10px 15px;
      width: 350px; }
    .quicktest.step1 .col-md-4 .info-dropdown .dropdown-menu:before {
      content: '';
      display: block;
      width: 0;
      height: 0;
      border-left: 8px solid transparent;
      border-right: 8px solid transparent;
      border-bottom: 8px solid #fff;
      position: absolute;
      top: -8px;
      right: 10px; }
    .quicktest.step1 .col-md-4 .info {
      background-image: -owg(linear-gradient(#c80017, #e2001a));
      background-image: -webkit(linear-gradient(#c80017, #e2001a));
      background-image: -moz(linear-gradient(#c80017, #e2001a));
      background-image: -o(linear-gradient(#c80017, #e2001a));
      background-image: linear-gradient(#c80017, #e2001a);
      width: 27px;
      height: 27px;
      position: absolute;
      right: 0px;
      top: 10px;
      z-index: 3;
      border-radius: 50%;
      border: 0; }
    .quicktest.step1 .col-md-4 .info:after {
      content: "f";
      font-family: "sera-icon-font";
      color: #fff;
      position: absolute;
      left: 6px;
      top: 3px;
      width: 3px;
      height: 13px;
      display: block; }
  .quicktest.step1 .product-box div {
    margin-bottom: 0;
    height: 44px;
    line-height: normal;
    text-indent: 8px;
    color: #fff; }
    .quicktest.step1 .product-box div:before {
      right: 22px;
      bottom: 14px; }
    .quicktest.step1 .product-box .iradio_square-red {
      width: 22px;
      height: 22px;
      padding: 0;
      margin: 7px 0 10px 15px; }
    .quicktest.step1 .product-box label {
      color: #fff !important;
      font-weight: 600 !important; }
  .quicktest.step2 .test-value {
    margin-bottom: 11px; }
    .quicktest.step2 .test-value .yellow-box {
      width: 68px;
      height: 68px;
      float: left;
      font-size: 24px;
      padding: 20px 13px;
      position: relative;
      text-align: center;
      font-weight: 300; }
    .quicktest.step2 .test-value .title {
      padding: 21px 0 21px 15px;
      float: left;
      font-size: 15px; }
    .quicktest.step2 .test-value .title.centered {
      width: 105px;
      margin-top: 10px;
      padding: 0 0 0 15px; }
    .quicktest.step2 .test-value .select {
      padding: 16px 0; }
    .quicktest.step2 .test-value .select-wrapper:before {
      top: 31px;
      right: 15px; }
    .quicktest.step2 .test-value .unit {
      padding: 22px 16px; }
  .quicktest .actions {
    padding-right: 15px;
    margin-top: 40px; }
  .quicktest .actions .btn-red {
    float: right;
    margin-right: 0;
    right: 0; }
  .quicktest .actions .mehr-button {
    float: left;
    margin-top: 10px;
    margin-right: 10px; }
    .quicktest .actions .mehr-button.stepback:before {
      content: 'y'; }
  .quicktest .actions .back {
    color: #313131;
    font-size: 16px;
    font-weight: 600;
    position: relative;
    margin-right: 20px; }
    .quicktest .actions .back:before {
      color: #df011a;
      content: "";
      font-family: "FontAwesome";
      font-size: 1.286em;
      margin: 0 0.429em 0 0;
      text-decoration: none;
      position: absolute;
      left: -15px; }
    .quicktest .actions .back:hover {
      color: #df011a; }
  .quicktest .actions a.mehr-button:before {
    top: 1px; }
  .quicktest span.subscript {
    position: absolute;
    bottom: 14px;
    font-size: 13px; }

.result-box {
  border-radius: 0.286em;
  clear: both;
  margin: 20px 0; }
  .result-box header {
    background: #fdc20b;
    color: #fff;
    font-size: 18px;
    padding: 15px 22px;
    border-top-left-radius: 0.286em;
    border-top-right-radius: 0.286em; }
  .result-box header span.subscript {
    left: 1px;
    margin-right: 5px; }
  .result-box .content {
    background: #f4f4f4;
    margin: 0;
    border-bottom-left-radius: 0.286em;
    border-bottom-right-radius: 0.286em;
    padding: 23px 20px 23px 5px; }
  .result-box .content p {
    font-size: 15px;
    margin-bottom: 26px; }
  .result-box .content .value {
    display: block;
    margin-bottom: 30px;
    padding-left: 14px;
    font-size: 15px; }
  .result-box .content h2 {
    font-size: 22px;
    line-height: 30px;
    font-weight: 500;
    margin-bottom: 18px; }
  .result-box .content .optimal {
    margin-bottom: 55px; }

.circle-t {
  width: 140px;
  height: 140px;
  display: block;
  border-radius: 50%;
  margin: 0 auto;
  color: #fff;
  padding-top: 58px;
  font-size: 38px;
  text-align: center;
  font-weight: 300;
  float: none;
  line-height: 60px;
  position: relative; }
  .circle-t:before {
    font-family: "sera-icon-font";
    font-size: 30px;
    position: absolute;
    top: 8%;
    left: 42%; }
  .circle-t.green {
    background: #179439; }
  .circle-t.yellow {
    background: #fdc20b; }
  .circle-t.red {
    background: #df011a; }
  .circle-t.min-standard-1:before {
    content: "D"; }
  .circle-t.min-standard-2:before {
    content: "E"; }
  .circle-t.min-standard-3:before {
    content: "F"; }
  .circle-t.min-standard-4:before {
    content: "G"; }
  .circle-t.min-standard-5:before {
    content: "H"; }
  .circle-t.med-standard-1:before {
    content: "p"; }
  .circle-t.med-standard-2:before {
    content: "s"; }
  .circle-t.med-standard-3:before {
    content: "r"; }
  .circle-t.med-standard-4:before {
    content: "t"; }
  .circle-t.med-standard-5:before {
    content: "q"; }
  .circle-t.max-standard-1:before {
    content: "C"; }
  .circle-t.max-standard-2:before {
    content: "B"; }
  .circle-t.max-standard-3:before {
    content: "A"; }
  .circle-t.max-standard-4:before {
    content: "n"; }
  .circle-t.max-standard-5:before {
    content: "o"; }

a.close-table {
  position: relative;
  width: 30px;
  height: 30px;
  background-image: -owg(radial-gradient(45px 45px, #efefef 10px, #fff 30px));
  background-image: -webkit(radial-gradient(45px 45px, #efefef 10px, #fff 30px));
  background-image: -moz(radial-gradient(45px 45px, #efefef 10px, #fff 30px));
  background-image: -o(radial-gradient(45px 45px, #efefef 10px, #fff 30px));
  background-image: radial-gradient(45px 45px, #efefef 10px, #fff 30px);
  opacity: 1;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
  border-radius: 50%; }
  a.close-table:after {
    content: "i";
    font-family: "sera-icon-font";
    font-size: 18px;
    display: block;
    padding: 12px 0 0 11px; }
  a.close-table:hover {
    background-image: -owg(radial-gradient(45px 45px, #ddd 10px, #fff 30px));
    background-image: -webkit(radial-gradient(45px 45px, #ddd 10px, #fff 30px));
    background-image: -moz(radial-gradient(45px 45px, #ddd 10px, #fff 30px));
    background-image: -o(radial-gradient(45px 45px, #ddd 10px, #fff 30px));
    background-image: radial-gradient(45px 45px, #ddd 10px, #fff 30px); }

@media screen and (min-width: 767px) and (max-width: 990px) {
  .quicktest.step2 .test-value .yellow-box {
    float: left !important;
    margin-right: 10px; }
    .quicktest.step2 .test-value .select {
      padding: 16px 15px; }
    .quicktest.step2 .test-value .title {
      padding: 21px 0; }
      .quicktest.step2 .test-value .title.centered {
        width: 100px;
        margin-top: 10px;
        padding: 0; }
    .quicktest.step1 .col-md-4 .info {
      right: 0px; }
    .quicktest.step3 .circle {
      width: 100px;
      height: 100px;
      font-size: 30px;
      padding-top: 39px; }
    .quicktest.step3 .bg-yellow .col-sm-4 .circle, .quicktest.step3 .bg-yellow .col-md-4 .circle, .quicktest.step3 .yellow-box .col-sm-4 .circle, .quicktest.step3 .yellow-box .col-md-4 .circle {
      margin-left: -41px;
      margin-top: -50px; } }

@media screen and (max-width: 767px) {
  .quicktest.step2 .test-value .select {
    padding: 16px 15px; }
    .quicktest.step2 .test-value .title {
      padding: 21px 0; }
      .quicktest.step2 .test-value .title.centered {
        margin-top: 10px;
        padding: 0; }
    .quicktest.step1 .col-md-4 .info {
      right: 15px; } }

@media screen and (max-width: 500px) {
  .quicktest .step-location {
    margin-bottom: 45px; }
    .quicktest .step-location ul {
      padding-left: 0; }
    .quicktest .step-location li {
      display: inline-block;
      width: 53px;
      height: 53px;
      max-height: 53px;
      border-radius: 50%;
      background: #e2e2e2;
      color: #fff;
      text-align: center;
      padding-top: 14px;
      font-size: 26px;
      margin-right: 16px;
      position: relative; }
      .quicktest .step-location li:after {
        display: block;
        content: '';
        height: 3px;
        width: 20px;
        position: absolute;
        right: 100%;
        top: 50%;
        margin-top: -1px;
        background: #e2e2e2; }
      .quicktest .step-location li.first:after {
        display: none; }
      .quicktest .step-location li:last-child {
        margin-right: 0; }
      .quicktest .step-location li.active {
        background: #df011a; }
        .quicktest .step-location li.active:after {
          background: #df011a; }
    .quicktest.step1 .col-md-4 .info {
      right: 0; } }
/* iCheck plugin Square skin, red
 ----------------------------------- */
.icheckbox_square-red {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  margin: 0;
  padding: 0;
  width: 18px;
  height: 18px;
  background: url(/typo3conf/ext/theme_bootstrap_giftgruen_sera/Resources/Public/assets/checkbox-radial.png) no-repeat;
  border: none;
  cursor: pointer; }

.iradio_square-red {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  margin: 0;
  padding: 0;
  width: 22px;
  height: 22px;
  background: url(/typo3conf/ext/theme_bootstrap_giftgruen_sera/Resources/Public/assets/checkbox-radial.png) no-repeat;
  border: none;
  cursor: pointer; }

.icheckbox_square-red {
  background-position: 0 0; }

.icheckbox_square-red.hover {
  background-position: -18px 0; }

.icheckbox_square-red.checked {
  background-position: -36px 0; }

.icheckbox_square-red.disabled {
  background-position: -54px 0;
  cursor: default; }

.icheckbox_square-red.checked.disabled {
  background-position: -72px 0; }

.iradio_square-red {
  background-position: -89px 0; }

.iradio_square-red.hover {
  background-position: -112px 0; }

.iradio_square-red.checked {
  background-position: -136px 0; }

.iradio_square-red.disabled {
  background-position: -159px 0;
  cursor: default; }

.iradio_square-red.checked.disabled {
  background-position: -182px 0; }

@font-face {
  font-family: "sera-icon-font";
  src: url('../../../../typo3conf/ext/theme_bootstrap_giftgruen_sera/Resources/Public/fonts/sera-icon-font.eot');
  src: url('../../../../typo3conf/ext/typo3conf/ext/theme_bootstrap_giftgruen_sera/Resources/Public/fonts/sera-icon-font.eot?#iefix') format("embedded-opentype"), url('../../../../typo3conf/ext/theme_bootstrap_giftgruen_sera/Resources/Public/fonts/sera-icon-font.woff') format("woff"), url('../../../../typo3conf/ext/theme_bootstrap_giftgruen_sera/Resources/Public/fonts/sera-icon-font.ttf') format("truetype"), url('../../../../typo3conf/ext/theme_bootstrap_giftgruen_sera/Resources/Public/fonts/sera-icon-font.svg#sera-icon-font') format("svg");
  font-weight: normal;
  font-style: normal; }

[data-icon]:before {
  font-family: "sera-icon-font" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "sera-icon-font" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-auge-anschauen:before {
  content: "a"; }

.icon-bearbeiten-tabelle:before {
  content: "b"; }

.icon-bewerbung:before {
  content: "c"; }

.icon-haendlersuche:before {
  content: "d"; }

.icon-icon-kunde:before {
  content: "e"; }

.icon-info-icon-test:before {
  content: "f"; }

.icon-kalender:before {
  content: "g"; }

.icon-kreuz-menue:before {
  content: "h"; }

.icon-kreuz-tabelle:before {
  content: "i"; }

.icon-location:before {
  content: "j"; }

.icon-lupe:before {
  content: "k"; }

.icon-pfeil-akkordeon:before {
  content: "l"; }

.icon-pfeil-buttons:before {
  content: "m"; }

.icon-skala-oben-orange-unten-01:before {
  content: "n"; }

.icon-skala-oben-gruen:before {
  content: "o"; }

.icon-skala-mitte-rot-unten:before {
  content: "p"; }

.icon-skala-mitte-rot-oben:before {
  content: "q"; }

.icon-skala-mitte-gruen:before {
  content: "r"; }

.icon-skala-mitte-gelb-unten:before {
  content: "s"; }

.icon-skala-mitte-gelb-oben:before {
  content: "t"; }

.icon-pfeil-slider-rechts:before {
  content: "u"; }

.icon-pfeil-slider-links:before {
  content: "v"; }

.icon-pfeil-rot:before {
  content: "w"; }

.icon-pfeil-paginierung-rechts:before {
  content: "x"; }

.icon-pfeil-paginierung-links:before {
  content: "y"; }

.icon-pfeil-kreis:before {
  content: "z"; }

.icon-skala-oben-orange-unten-02:before {
  content: "A"; }

.icon-skala-oben-rot-unten-01:before {
  content: "B"; }

.icon-skala-oben-rot-unten-02:before {
  content: "C"; }

.icon-skala-unten-gruen:before {
  content: "D"; }

.icon-skala-unten-orange-oben-01:before {
  content: "E"; }

.icon-skala-unten-orange-oben-02:before {
  content: "F"; }

.icon-skala-unten-rot-oben-01:before {
  content: "G"; }

.icon-skala-unten-rot-oben-02:before {
  content: "H"; }

.icon-telefon:before {
  content: "I"; }

.icon-zur-uebersicht:before {
  content: "J"; }

.lexikon-overview .lexikon-box {
  background: url(/typo3conf/ext/theme_bootstrap_giftgruen_sera/Resources/Public/assets/border-shadow.png) bottom center no-repeat;
  padding: 30px 0; }
  .lexikon-overview article {
    padding: 1.5em 0 0 0em; }
  .lexikon-overview img {
    width: 100%; }
  @media screen and (max-width: 767px) {
  .lexikon-overview .pagination {
    float: left !important;
    width: 100%; } }

.single-article .date {
  color: #a9a9a9;
  font-size: 14px; }
  .single-article .headline + .color-red {
    margin-top: -20px; }
  .single-article .article-img {
    margin: 25px 0;
    border-radius: 0.286em;
    overflow: hidden; }
  .single-article .article-img img {
    width: 100%;
    height: auto; }
  .single-article .article-actions {
    margin-top: 50px; }

.link-liste {
  padding-top: 0; }
  .link-liste header {
    background-color: #fdc20b;
    background-image: -owg(linear-gradient(#ffc100, #f6b300));
    background-image: -webkit(linear-gradient(#ffc100, #f6b300));
    background-image: -moz(linear-gradient(#ffc100, #f6b300));
    background-image: -o(linear-gradient(#ffc100, #f6b300));
    background-image: linear-gradient(#ffc100, #f6b300);
    padding: 20px 15px;
    margin-bottom: 30px; }
  .link-liste header img {
    height: 44px; }
  .link-liste .links li {
    display: block;
    padding: 5px 0;
    list-style-type: none; }
    .link-liste .links li a, .link-liste .links li a:hover, .link-liste .links li a:focus, .link-liste .links li a:active {
      color: #313131;
      text-decoration: none;
      display: block; }
    .link-liste .links li a:hover {
      color: #df011a; }

.tx-gg-sera-frontend .bg-grey.shadow-box {
  margin-bottom: -50px; }

.tx-gg-sera-frontend .panel-group .panel-body .download-list {
  margin: 1em 0 0 40px; }

.tx-gg-sera-frontend .panel-group .panel-body .download-list-title {
  font-weight: 600;
  list-style: none;
  margin-left: -20px; }

.tx-gg-sera-frontend .matName, .tx-gg-sera-frontend .matNumber {
  display: block;
  font-size: 9px;
  line-height: 9px;
  color: #999; }

.tx-gg-sera-frontend .matName.matNameHeader {
  color: inherit; }

.tx-gg-sera-frontend .sparepart-desc {
  color: #999;
  font-size: 0.8em; }
  .tx-gg-sera-frontend .sparepart-desc ul > p {
    display: none; }

.tx-gg-sera-frontend .sparepart-desc ul {
  text-align: left;
  margin: 0; }
  .tx-gg-sera-frontend .sparepart-desc ul li::before {
    content: url(/typo3conf/ext/theme_bootstrap_giftgruen_sera/Resources/Public/Images/check.png);
    padding-right: 4px;
    padding-left: 4px; }
  .tx-gg-sera-frontend .sparepart-desc ul li {
    display: inline; }

.s5-recommended-product-slider .sera-relatedSlider button.slick-arrow {
  margin: 10px;
  margin-top: 139px;
  width: 28px;
  height: 54px;
  border: 0px;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 0.286em; }
  .s5-recommended-product-slider .sera-relatedSlider button.slick-arrow::before {
    position: absolute;
    left: 8px;
    top: 6px;
    font-size: 14px; }

.complexattribute-picposition-left {
  display: table-cell;
  vertical-align: top; }
  .complexattribute-picposition-left img {
    margin-right: 10px;
    margin-top: 6px;
    float: left;
    clear: left; }

.complexattribute-picposition-right {
  display: table-cell;
  vertical-align: top; }
  .complexattribute-picposition-right img {
    margin-left: 10px;
    margin-top: 6px;
    float: right;
    clear: right; }

.complexattribute-textposition-left, .complexattribute-textposition-right {
  display: table-cell;
  vertical-align: top;
  width: 100%; }

.complexattribute-picposition-center {
  text-align: center;
  padding-bottom: 6px; }

.complexattribute-picposition-above {
  padding-bottom: 6px; }

.complexattribute-picposition-below {
  padding-top: 6px; }

.complexattribute-picposition-in_text_right {
  float: right; }
  .complexattribute-picposition-in_text_right img {
    margin-left: 10px;
    margin-top: 6px;
    float: right;
    clear: right; }

.complexattribute-picposition-in_text_left {
  float: left; }
  .complexattribute-picposition-in_text_left img {
    margin-right: 10px;
    margin-top: 6px;
    float: left;
    clear: left; }

.complexattribute-pic-columns-table tr {
  background: none !important; }

.wrapper-contentWebEV-linkID {
  clear: both; }

.wrapper-contentWebEV table th, .wrapper-contentGeneral table th, .wrapper-contentWebEV table td, .wrapper-contentGeneral table td {
  border: 0px; }

.col-md-6.product-detail-content {
  overflow: hidden; }

.complexattribute-pic-columns-img {
  max-width: 100%;
  height: auto;
  width: 100%; }

.nav-tabs {
  border: 0; }
  .nav-tabs > li > a {
    color: #313131;
    border: 0;
    font-size: 18px;
    font-weight: 600;
    padding-left: 0;
    margin-right: 15px; }
  .nav-tabs > li > a:hover {
    color: #df011a;
    background-color: transparent;
    border: 0; }
  .nav-tabs > li.active > a, .nav-tabs > li.active a:hover, .nav-tabs > li.active a:active, .nav-tabs > li.active a:focus {
    color: #df011a;
    border: 0; }

.tab-content {
  padding-top: 15px; }
  .tab-content .intro {
    margin-bottom: 40px; }
  .tab-content .form-inline {
    margin: 10px 0 30px; }
  .tab-content .form-inline .form-group {
    width: 30%;
    margin-right: 10px; }
  .tab-content .form-inline input, .tab-content .form-inline .filter-select button {
    height: 41px;
    width: 100%;
    margin-right: 18px;
    text-align: left; }
  .tab-content .form-inline .filter-select .caret {
    position: absolute;
    right: 15px;
    top: 12px; }
    .tab-content .form-inline .filter-select .dropdown-menu {
      right: 0;
      border: 0;
      margin-top: 10px;
      box-shadow: 0 0 5px rgba(0, 0, 0, 0.125); }
    .tab-content .form-inline .filter-select .scrollable.lexikon-list ul li:first-child {
      padding: 0;
      background: none; }
    .tab-content .form-inline .filter-select .scrollable.lexikon-list ul li {
      padding: 8px 0; }
    .tab-content .form-inline .filter-select .scrollable {
      max-height: 250px;
      overflow-y: auto;
      overflow-x: hidden;
      padding: 10px 5px; }
    .tab-content .form-inline .filter-select .footer {
      background: #f4f4f4;
      text-align: left;
      margin-bottom: -5px; }
    .tab-content .form-inline .filter-select .footer a {
      font-size: 13px;
      font-weight: 600;
      color: #313131;
      padding: 5px 0;
      line-height: 23px; }
    .tab-content .form-inline .filter-select .footer a:hover {
      background-color: transparent;
      text-decoration: none; }
    .tab-content .form-inline .filter-select .footer a:before {
      content: 'i';
      font-family: 'sera-icon-font';
      display: block;
      text-align: center;
      width: 24px;
      height: 24px;
      background-image: -owg(radial-gradient(45px 45px, #efefef 10px, #fff 30px));
      background-image: -webkit(radial-gradient(45px 45px, #efefef 10px, #fff 30px));
      background-image: -moz(radial-gradient(45px 45px, #efefef 10px, #fff 30px));
      background-image: -o(radial-gradient(45px 45px, #efefef 10px, #fff 30px));
      background-image: radial-gradient(45px 45px, #efefef 10px, #fff 30px);
      opacity: 1;
      box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
      border-radius: 50%;
      border: none;
      display: inline-block;
      top: 0; }
      .tab-content .form-inline .filter-select .footer a:before:hover {
        background-image: -owg(radial-gradient(45px 45px, #ddd 10px, #fff 30px));
        background-image: -webkit(radial-gradient(45px 45px, #ddd 10px, #fff 30px));
        background-image: -moz(radial-gradient(45px 45px, #ddd 10px, #fff 30px));
        background-image: -o(radial-gradient(45px 45px, #ddd 10px, #fff 30px));
        background-image: radial-gradient(45px 45px, #ddd 10px, #fff 30px);
        text-decoration: none; }
  .tab-content .form-inline button[type=submit] {
    padding-top: 8px; }
    .tab-content .form-inline button[type=submit]:after {
      top: 5px; }
    .tab-content .form-inline button[type=submit]:before {
      content: "k";
      font-family: "sera-icon-font";
      font-size: 14px;
      color: #fff;
      top: 10px;
      left: 18px; }
  .tab-content table {
    margin-top: 20px; }
  .tab-content table + .pagination {
    margin-top: 50px; }
  .tab-content .actions {
    clear: both;
    width: 100%;
    text-align: right;
    padding-bottom: 30px; }
  @media screen and (max-width: 767px) {
  .tab-content .form-inline .form-group {
    width: 100%; } }

.panel.with-nav-tabs .panel-heading {
  padding: 0;
  border-bottom: 1px solid #efefef;
  -webkit-box-shadow: inset 0px -10px 10px -10px #ccc;
  box-shadow: inset 0px -10px 10px -10px #ccc; }

.panel.with-nav-tabs {
  -webkit-box-shadow: none;
  box-shadow: none; }

.panel.with-nav-tabs .nav-tabs {
  border-bottom: none; }

.panel.with-nav-tabs .nav-justified {
  margin-bottom: -1px; }
/********************************************************************/
/*** PANEL DEFAULT ***/
.with-nav-tabs.panel-default .nav-tabs > .open > a, .with-nav-tabs.panel-default .nav-tabs > .open > a:hover, .with-nav-tabs.panel-default .nav-tabs > .open > a:focus, .with-nav-tabs.panel-default .nav-tabs > li > a:hover, .with-nav-tabs.panel-default .nav-tabs > li > a:focus {
  color: #df011a; }

.with-nav-tabs.panel .nav-tabs > li.active > a, .with-nav-tabs.panel .nav-tabs > li.active > a:hover, .with-nav-tabs.panel .nav-tabs > li.active > a:focus {
  color: #df011a;
  background-color: #fff;
  border-color: #ddd;
  border-bottom-color: transparent;
  border-radius: 0.286em 0.286em 0 0;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.125);
  padding: 10px 20px; }

.with-nav-tabs.panel .nav-tabs > li.active > a:after {
  height: 9px;
  width: 100%;
  background: white;
  content: '';
  position: absolute;
  bottom: -9px;
  left: 0; }
/*!
 * Pikaday
 * Copyright © 2014 David Bushell | BSD & MIT license | http://dbushell.com/
 */
.pika-single {
  z-index: 9999;
  display: block;
  position: relative;
  color: #333;
  background: #fff;
  border: 1px solid #ccc;
  border-bottom-color: #bbb;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }

.pika-single:before, .pika-single:after {
  content: " ";
  display: table; }

.pika-single:after {
  clear: both; }

.pika-single {
  *zoom: 1; }

.pika-single.is-hidden {
  display: none; }

.pika-single.is-bound {
  position: absolute;
  box-shadow: 0 5px 15px -5px rgba(0, 0, 0, .5); }

.pika-lendar {
  float: left;
  width: 240px;
  margin: 8px; }

.pika-title {
  position: relative;
  text-align: center; }

.pika-label {
  display: inline-block;
  *display: inline;
  position: relative;
  z-index: 9999;
  overflow: hidden;
  margin: 0;
  padding: 5px 3px;
  font-size: 14px;
  line-height: 20px;
  font-weight: bold;
  background-color: #fff; }

.pika-title select {
  cursor: pointer;
  position: absolute;
  z-index: 9998;
  margin: 0;
  left: 0;
  top: 5px;
  filter: alpha(opacity=0);
  opacity: 0; }

.pika-prev, .pika-next {
  display: block;
  cursor: pointer;
  position: relative;
  outline: none;
  border: 0;
  padding: 0;
  width: 20px;
  height: 30px;
  text-indent: 20px;
  white-space: nowrap;
  overflow: hidden;
  background-color: transparent;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 75% 75%;
  opacity: 0.5;
  *position: absolute;
  *top: 0; }

.pika-prev:hover, .pika-next:hover {
  opacity: 1; }

.pika-prev, .is-rtl .pika-next {
  float: left;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==');
  *left: 0; }

.pika-next, .is-rtl .pika-prev {
  float: right;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=');
  *right: 0; }

.pika-prev.is-disabled, .pika-next.is-disabled {
  cursor: default;
  opacity: 0.2; }

.pika-select {
  display: inline-block;
  *display: inline; }

.pika-table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  border: 0; }

.pika-table th, .pika-table td {
  width: 14.2857142857%;
  padding: 0; }

.pika-table th {
  color: #999;
  font-size: 12px;
  line-height: 25px;
  font-weight: bold;
  text-align: center; }

.pika-button {
  cursor: pointer;
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  outline: none;
  border: 0;
  margin: 0;
  width: 100%;
  padding: 5px;
  color: #666;
  font-size: 12px;
  line-height: 15px;
  text-align: right;
  background: #f5f5f5; }

.pika-week {
  font-size: 11px;
  color: #999; }

.is-today .pika-button {
  color: #3af;
  font-weight: bold; }

.is-selected .pika-button {
  color: #fff;
  font-weight: bold;
  background: #3af;
  box-shadow: inset 0 1px 3px #178fe5;
  border-radius: 3px; }

.is-inrange .pika-button {
  background: #d5e9f7; }

.is-startrange .pika-button {
  color: #fff;
  background: #6cb31d;
  box-shadow: none;
  border-radius: 3px; }

.is-endrange .pika-button {
  color: #fff;
  background: #3af;
  box-shadow: none;
  border-radius: 3px; }

.is-disabled .pika-button {
  pointer-events: none;
  cursor: default;
  color: #999;
  opacity: 0.3; }

.pika-button:hover {
  color: #fff;
  background: #ff8000;
  box-shadow: none;
  border-radius: 3px; }
/* styling for abbr */
.pika-table abbr {
  border-bottom: none;
  cursor: help; }

body.facebook {
  padding-top: 0 !important; }

#layoutEmpty {
  padding-top: 1em !important;
  padding-bottom: 2em !important; }

.cc_container .cc_btn, .cc_container .cc_btn:visited {
  background-color: #fdc20b !important;
  color: #df011a !important; }

.page-layout-10 .mainContent {
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px; }
  @media screen and (min-width: 768px) {
    .page-layout-10 .mainContent {
      width: 750px; } }
  @media screen and (min-width: 992px) {
    .page-layout-10 .mainContent {
      width: 970px; } }
  @media screen and (min-width: 1200px) {
    .page-layout-10 .mainContent {
      width: 1170px; } }
  .page-layout-10 .mainContent h2 {
    color: #df011a; }
  .page-layout-10 .mainContent li {
    list-style-position: inside; }
  .page-layout-10 .mainContent .csc-textpic-caption {
    color: #888; }
  .page-layout-10 .mainContent #ytplayer {
    max-width: 100%; }

.tx-femanager .qq-uploader{position:relative;width:100%}
.tx-femanager .qq-upload-button-focus{outline:1px dotted #000000}
.tx-femanager .qq-upload-drop-area,
.tx-femanager .qq-upload-extra-drop-area{position:absolute;top:0;left:0;width:100%;height:100%;min-height:30px;z-index:2;background:#FF9797;text-align:center}
.tx-femanager .qq-upload-drop-area span{display:block;position:absolute;top:50%;width:100%;margin-top:-8px;font-size:16px}
.tx-femanager .qq-upload-extra-drop-area{position:relative;margin-top:50px;font-size:16px;padding-top:30px;height:20px;min-height:40px}
.tx-femanager .qq-upload-drop-area-active{background:#FF7171}
.tx-femanager .qq-upload-list{margin:0;padding:0;list-style:none}
.tx-femanager .qq-upload-list .alert{text-align:center;margin-top:10px}
.tx-femanager .qq-upload-list li{margin:0;padding:9px;line-height:15px;font-size:16px}
.tx-femanager .qq-upload-file,
.tx-femanager .qq-upload-spinner,
.tx-femanager .qq-upload-size,
.tx-femanager .qq-upload-cancel,
.tx-femanager .qq-upload-retry,
.tx-femanager .qq-upload-failed-text,
.tx-femanager .qq-upload-finished,
.tx-femanager .qq-upload-delete{margin-right:12px}
.tx-femanager .qq-upload-delete{font:0/0 a !important;text-shadow:none;color:transparent !important;display:inline-block !important;margin-top:3px}
.tx-femanager .qq-upload-spinner{display:inline-block;width:15px;height:15px;vertical-align:text-bottom}
.tx-femanager .qq-drop-processing{display:none}
.tx-femanager .qq-drop-processing-spinner{display:inline-block;width:24px;height:24px;vertical-align:text-bottom}
.tx-femanager .qq-upload-finished{display:none;width:15px;height:15px;vertical-align:text-bottom}
.tx-femanager .qq-upload-retry,.tx-femanager .qq-upload-delete{display:none;color:#000000}
.tx-femanager .qq-upload-cancel,.tx-femanager .qq-upload-delete{color:#000000}
.tx-femanager .qq-upload-retryable .qq-upload-retry{display:inline}
.tx-femanager .qq-upload-size,
.tx-femanager .qq-upload-cancel,
.tx-femanager .qq-upload-retry,
.tx-femanager .qq-upload-delete{font-size:12px;font-weight:normal}
.tx-femanager .qq-upload-failed-text{display:none;font-style:italic;font-weight:bold}
.tx-femanager .qq-upload-failed-icon{display:none;width:15px;height:15px;vertical-align:text-bottom}
.tx-femanager .qq-upload-fail .qq-upload-failed-text{display:inline}
.tx-femanager .qq-upload-retrying .qq-upload-failed-text{display:inline;color:#D60000}
.tx-femanager .qq-upload-list li.qq-upload-success{background-color:#5DA30C;color:#FFFFFF}
.tx-femanager .qq-upload-list li.qq-upload-fail{background-color:#D60000;color:#FFFFFF}
.tx-femanager .qq-progress-bar{background:-moz-linear-gradient(top, #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #1e5799), color-stop(50%, #2989d8), color-stop(51%, #207cca), color-stop(100%, #7db9e8));background:-webkit-linear-gradient(top, #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%);background:-o-linear-gradient(top, #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%);background:-ms-linear-gradient(top, #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%);background:linear-gradient(to bottom, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%);width:0%;height:15px;border-radius:6px;margin-bottom:3px;display:none;margin-top:10px}
.tx-femanager .fileupload_image{max-width:200px;margin-top:20px}

/* ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
    /* relevance */

    .results-list-customStyles .relevance {
        height: auto;
        font-style: italic;
        display: inline-block;
        font-weight: lighter;
        font-size: .8em;
        float: right;
    }

    .results-list-customStyles .relevance-label,
    .results-list-customStyles .relevance-bar,
    .results-list-customStyles .relevance-percent {
        float: left;
        margin-right: 3px;
    }

    .results-list-customStyles .relevance-bar {
        height: 20px;
        padding-top: 3px;
    }

    .results-list-customStyles .tx-solr-relevance-bar {
        width: 100px;
        height: 12px;
        border: 1px solid #ccc;
        font-size: 1px;
        padding: 1px;
        display: inline-block;
        vertical-align: middle;
        margin-left: 8px;
    }

    .results-list-customStyles .tx-solr-relevance,
    .results-list-customStyles .tx-solr-relevance-fill {
        margin-right: 0 !important;
        height: 8px;
        padding: 0;
        float: left;
    }

    .results-list-customStyles .tx-solr-relevance {
        background-color: #fdbc00;
    }

    .results-list-customStyles .tx-solr-relevance-fill {
        background-color: #ccc;
    }


    /* breadcrumbs */
    .results-list-customStyles .breadcrumb {
      background: none;
      padding: 5px 0 0;
      margin-bottom: 0;
    }
    .results-topic {
        margin-top: 0;
    }
    body .tx-solr .results-entry, .tx-solr h4.results {
        padding: 24px 0;
        padding-bottom: 29px;
    }
      .results-list-customStyles .breadcrumb ul {
        padding-left: 0; }
      .results-list-customStyles .breadcrumb ul li {
        list-style: none;
        margin: 0;
        padding: 0; }
      .results-list-customStyles .breadcrumb .ul-v {
        display: inline-block;
        max-width: calc(100% - 14px); }
      .results-list-customStyles .breadcrumb .ul-h > li {
        display: inline-block;
        vertical-align: top; }
      .results-list-customStyles .breadcrumb .ul-h > li a {
        background: url('/typo3conf/ext/theme_bootstrap_giftgruen_sera/Resources/Public/assets/breadcrumb-arrow.png') right 6px no-repeat;
        color: #313131;
        display: block;
        margin-right: 5px;
        padding-right: 15px;
        text-decoration: underline; }
      .results-list-customStyles .breadcrumb .ul-h > li.active {
        color: #df011a; }
      .results-list-customStyles .breadcrumb .ul-h > li:last-child a {
        background: none; }
      .results-list-customStyles .breadcrumb .toggle {
        cursor: pointer; }
      .results-list-customStyles .breadcrumb .toggle-active {
        transform: rotateX(180deg); }



    .max-width-height-100px {
        max-width: 100px;
        max-height: 100px;
    }

    .original-download {
        /*position: absolute;
        bottom: 0;
        left: 100%;
        margin-left: 20px;
        width: 200px;*/
        display: inline-block;
        padding-left: 18px;
    }
    .results-teaser.tx_ggserafrontend_domain_model_keyvalue__picture img {
        float: left;
    }
    .results-teaser.tx_ggserafrontend_domain_model_keyvalue__picture .container-download-original {
        width: 100%;
        position: relative;
        display: inline-block;
    }

    .artNumbers_stringS {
        display: none;
    }
    .artMatNumbers_stringS {
        display: none;
    }

    .tx_ggserafrontend_domain_model_keyvalue .artNumbers_stringS,
    .tx_ggserafrontend_domain_model_keyvalue__picture .artNumbers_stringS,
    .tx_ggserafrontend_domain_model_keyvalue_pdf .artNumbers_stringS,
    .tx_ggserafrontend_domain_model_keyvalue_sparepartlist .artNumbers_stringS {
        display: block;
        font-size: 12px;
    }
    .tx_ggserafrontend_domain_model_keyvalue .artMatNumbers_stringS,
    .tx_ggserafrontend_domain_model_keyvalue__picture .artMatNumbers_stringS,
    .tx_ggserafrontend_domain_model_keyvalue_pdf .artMatNumbers_stringS,
    .tx_ggserafrontend_domain_model_keyvalue_sparepartlist .artMatNumbers_stringS {
        display: block;
        font-size: 10px;
        line-height: 10px;
    }
    .entry-type-tx_ggserafaq_domain_model_faq .results-topic a {
        max-width: 515px;
        display: inline-block;
    }

    .pdffileMat {
        display: none;
    }
    .pdffileMat span {
        display: none;
    }
    .tx_ggserafrontend_domain_model_keyvalue_sparepartlist .pdffileMat {
        display: block;
    }
    .tx_ggserafrontend_domain_model_keyvalue_sparepartlist .pdffileMat span {
        display: inline-block;
    }
    .tx_ggserafrontend_domain_model_keyvalue_pdf .pdffileMat span {
        display: inline-block;
    }
    .entry-type-tx_ggserafrontend_domain_model_keyvalue_pdf .pdffileMat {
        display: block;
    }


    .entry-type-tx_ggratgeber_domain_model_manual_ratpdf .pdffileMat {
        display: block;
    }
    .entry-type-tx_ggratgeber_domain_model_manual_ratpdf .pdffileMat span {
        display: inline-block;
    }

    .entry-type-tx_ggratgeber_domain_model_manual_ratepaper .pdffileMat {
        display: block;
    }
    .entry-type-tx_ggratgeber_domain_model_manual_ratepaper .pdffileMat span {
        display: inline-block;
    }

    .entry-type-tx_ggratgeber_domain_model_manual_ratpdf .results-topic a,
    .entry-type-tx_ggratgeber_domain_model_manual_ratepaper .results-topic a {
        /*cursor: default !important;
        text-decoration: none !important;*/
    }


    .results-list-customStyles .breadcrumb .ul-h > li.active {
        display: none;
    }
    .results-list-customStyles .tx_ggserafrontend_domain_model_keyvalue_themewelten .breadcrumb .ul-h > li.active {
        display: inline-block;
        font-size: 12px;
    }
    .results-list-customStyles .tx_ggserafrontend_domain_model_keyvalue_themewelten .breadcrumb .ul-h > li > a {
        background: url(/typo3conf/ext/theme_bootstrap_giftgruen_sera/Resources/Public/assets/breadcrumb-arrow.png) right 6px no-repeat !important;
    }

    .results-teaser .sparePartList.manualPdfLInkToDoc {
        display: none;
    }

    .results-list-customStyles ul { 
        margin-left: 0 !important;
    }

    .results-list-customStyles .eekLabels img {
        display: none;
    }

    .results-list-customStyles .caret.toggle {
        display: none;
    }
    .results-list-customStyles .pdffileMat {
        display: none !important;
    }
    

    .h3-grouped {
        text-align: left;
        margin: 70px 0 20px 0;
        color: #df001b;
        background: #f9f9f9;
        padding: 3px 17px;
        font-size: 26px;
        text-align: center;
    }

    .faq_question_subtitle {
        margin-top: 40px;
        margin-bottom: 0;
    }
    .picture-in-content-solr {
        max-width: 115px;
        max-height: 115px;
        float: left;
        padding-right: 15px;
        padding-bottom: 15px;
    }

    .result-content.tx_ggseraencyclopedia_domain_model_entry {
        min-height: 70px;
    }


    /* responsive */
    @media screen and (max-width: 1024px) {
        .results-list-customStyles .relevance {
            height: auto;
            font-style: italic;
            display: block;
            font-weight: lighter;
            float: unset;
        }

        .results-list-customStyles .results-topic {
            line-height: 2em;
        }
    }


    @media screen and (max-width: 767px) {

        .facetsmenu-wrap #tx-solr-facets-available.cst-hide {
            display: none;
        }

        .facetsmenu-wrap #tx-solr-faceting h4 {
            position: relative;
            cursor: pointer;
        }
        .facetsmenu-wrap #tx-solr-faceting h4:before {
            content: "";
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 7px 0 7px 9px;
            border-color: transparent transparent transparent #5f5f5f;
            position: absolute;
            top: 2px;
            left: -15px;
        }
        .facetsmenu-wrap #tx-solr-faceting h4.opened:before {
            content: "";
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 10px 6.5px 0 6.5px;
            border-color: #5f5f5f transparent transparent transparent;
            position: absolute;
            top: 5px;
            left: -17px;
        }

    }


    





body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;backface-visibility:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;height:100%;left:0;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-webkit-transform:translateZ(0);transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.87;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s,visibility 0s linear .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s,visibility 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;text-align:center;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;-webkit-transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;height:100%;margin-right:-.25em;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--next{z-index:99995}.fancybox-slide--image{overflow:visible;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px 6px 0}.fancybox-slide--iframe{padding:44px 44px 0}.fancybox-content{background:#fff;display:inline-block;margin:0 0 6px;max-width:100%;overflow:auto;padding:0;padding:24px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{-webkit-animation-timing-function:cubic-bezier(.5,0,.14,1);animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;margin:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;-webkit-transform-origin:top left;transform-origin:top left;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-drag .fancybox-content{cursor:-webkit-grab;cursor:grab}.fancybox-is-dragging .fancybox-content{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--html .fancybox-content{margin-bottom:6px}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;margin:0;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff;height:calc(100% - 44px);margin-bottom:44px}.fancybox-iframe,.fancybox-video{background:transparent;border:0;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{vertical-align:top}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;cursor:pointer;display:inline-block;height:44px;margin:0;outline:none;padding:10px;transition:color .2s;vertical-align:top;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:focus,.fancybox-button:hover{color:#fff}.fancybox-button.disabled,.fancybox-button.disabled:hover,.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default}.fancybox-button svg{display:block;overflow:visible;position:relative;shape-rendering:geometricPrecision}.fancybox-button svg path{fill:transparent;stroke:currentColor;stroke-linejoin:round;stroke-width:3}.fancybox-button--pause svg path:nth-child(1),.fancybox-button--play svg path:nth-child(2){display:none}.fancybox-button--play svg path,.fancybox-button--share svg path,.fancybox-button--thumbs svg path{fill:currentColor}.fancybox-button--share svg path{stroke-width:1}.fancybox-navigation .fancybox-button{height:38px;opacity:0;padding:6px;position:absolute;top:50%;width:38px}.fancybox-show-nav .fancybox-navigation .fancybox-button{transition:opacity .25s,visibility 0s,color .25s}.fancybox-navigation .fancybox-button:after{content:"";left:-25px;padding:50px;position:absolute;top:-25px}.fancybox-navigation .fancybox-button--arrow_left{left:6px}.fancybox-navigation .fancybox-button--arrow_right{right:6px}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#555;cursor:pointer;height:44px;margin:0;padding:6px;position:absolute;right:0;top:0;width:44px;z-index:10}.fancybox-close-small svg{fill:transparent;opacity:.8;stroke:currentColor;stroke-width:1.5;transition:stroke .1s}.fancybox-close-small:focus{outline:none}.fancybox-close-small:hover svg{opacity:1}.fancybox-slide--iframe .fancybox-close-small,.fancybox-slide--image .fancybox-close-small,.fancybox-slide--video .fancybox-close-small{color:#ccc;padding:5px;right:-12px;top:-44px}.fancybox-slide--iframe .fancybox-close-small:hover svg,.fancybox-slide--image .fancybox-close-small:hover svg,.fancybox-slide--video .fancybox-close-small:hover svg{background:transparent;color:#fff}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small{display:none}.fancybox-caption{bottom:0;color:#fff;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:25px 44px;right:0}.fancybox-caption:before{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAEtCAQAAABjBcL7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHRJREFUKM+Vk8EOgDAIQ0vj/3+xBw8qIZZueFnIKC90MCAI8DlrkHGeqqGIU6lVigrBtpCWqeRWoHDNqs0F7VNVBVxmHRlvoVqjaYkdnDIaivH2HqZ5+oZj3JUzWB+cOz4G48Bg+tsJ/tqu4dLC/4Xb+0GcF5BwBC0AA53qAAAAAElFTkSuQmCC);background-repeat:repeat-x;background-size:contain;bottom:0;content:"";display:block;left:0;pointer-events:none;position:absolute;right:0;top:-25px;z-index:-1}.fancybox-caption:after{border-bottom:1px solid hsla(0,0%,100%,.3);content:"";display:block;left:44px;position:absolute;right:44px;top:0}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{-webkit-animation:a .8s infinite linear;animation:a .8s infinite linear;background:transparent;border:6px solid hsla(0,0%,39%,.5);border-radius:100%;border-top-color:#fff;height:60px;left:50%;margin:-30px 0 0 -30px;opacity:.6;padding:0;position:absolute;top:50%;width:60px;z-index:99999}@-webkit-keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;-webkit-transform:scale3d(1.5,1.5,1.5);transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;-webkit-transform:rotate(1turn);transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;-webkit-transform:rotate(0deg);transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;-webkit-transform:scale3d(0,0,0) translate3d(-100%,0,0);transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;-webkit-transform:scale3d(0,0,0) translate3d(100%,0,0);transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;-webkit-transform:scaleX(1) translateZ(0);transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0) scale(.1) skew(-10deg);transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0) scale(.1) skew(10deg);transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#fff;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:transparent;top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs>ul{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x>ul{overflow:hidden}.fancybox-thumbs-y>ul::-webkit-scrollbar{width:7px}.fancybox-thumbs-y>ul::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y>ul::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs>ul>li{-webkit-backface-visibility:hidden;backface-visibility:hidden;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs-loading{background:rgba(0,0,0,.1)}.fancybox-thumbs>ul>li{background-position:50%;background-repeat:no-repeat;background-size:cover}.fancybox-thumbs>ul>li:before{border:4px solid #4ea7f9;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs .fancybox-thumbs-active:before{opacity:1}@media (max-width:800px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs>ul>li{max-width:calc(100% - 10px)}}
/**************************************/
/* Default styles for news extension */
/**************************************/
.news .clear {
	clear: both;
}

.news .nav ul {
	float: left;
	display: inline;
	margin: 0;
}

.news .nav li {
	float: left;
}

.news .nav a {
	float: left;
	display: block;
}

.news .nav:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.news .article {
	padding-bottom: 15px;
	margin-bottom: 15px;
}

.news .article:last-child {
	padding-bottom: 0;
	margin-bottom: 0;
}

.news .article:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.news .article .news-img-wrap {
	float: left;
	margin: 3px 12px 5px 0;
	background: #fff;
}

.news .article .news-img-wrap a {
	display: block;
	float: left;
	padding: 4px;
	border: 1px solid #ddd;
	background: #fff;
}

.news .article .news-img-wrap img {
	float: left;
	height: auto;
	width: auto;
}

.news .article .teaser-text {
	margin: 0 0 10px 0;
}

.news .article h3 {
	margin-bottom: 0;
}

.news .footer {
	clear: both;
	padding: 10px 0 0 0;
	border-top: 1px solid #eee;
	margin-top: 15px;
	color: #888;
}

.news .footer p {
	line-height: 1em;
}

.news .footer span {
	display: inline-block;
	padding-right: 8px;
	margin-right: 8px;
	border-right: 1px solid #ddd;
}

.news .footer span:last-child {
	border-right: 0;
}

.news .footer .news-category a {
	text-transform: uppercase;
}

.news .no-news-found {
	color: #DB0202;
	font-style: italic;
}

.news .page-navigation p {
	float: left;
}

.news .page-navigation ul {
	float: right;
}

.news .page-navigation ul li {
	float: left;
	display: block;
	padding: 0 2px;
	background: none;
}

.news .page-navigation ul li a {
	display: block;
}

/* category menu view */
.news-category-view ul li {
	padding: 5px 8px;
}

.news-category-view ul li li {
	padding: 2px 8px 2px 12px;
}

.news-category-view > ul > li:nth-child(even) {
	background: #f9f9f9;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}

.news-category-view .category-desc {
	padding-left: 10px;
	margin-left: 10px;
	border-left: 1px solid #ddd;
}

/* single view */
.news-single .footer {
	margin-bottom: 20px;
	margin-top: 5px;
	padding: 10px 0 0 0;
	border-bottom: 0;
	border-top: 1px solid #eee;
}

.news-single .article .news-img-wrap {
	float: right;
	width: 282px;
	margin: 0 0 0 25px;
}

.news-single .article .news-img-wrap img {
	float: none;
}

.news-single .teaser-text {
	font-size: 15px;
	color: #888;
}

.news-text-wrap {
	margin-bottom: 10px;
}

.news-img-caption {
	color: #888;
}

/* related news + files */
.news-related-wrap {
	display: table;
	margin-top: 20px;
	width: 100%;
}

.news-related {
	width: 50%;
	padding: 15px;
	border: 1px solid #eee;
	display: table-cell;
}

.news-related ul li {
	line-height: 1em;
	margin-bottom: 12px;
}

.news-related ul li span {
	border-right: 1px solid #DDDDDD;
	display: inline-block;
	margin-right: 8px;
	padding-right: 8px;
	color: #888;
}

.news-related ul li span:last-child {
	border-right: 0;
	padding-right: 0;
}

.news-related h4 {
	margin-bottom: 10px;
}

.news-related-files ul li {
	margin-bottom: 20px;
}

.news-related-files .news-related-files-link .jpg {
	background-position: 0 0;
}

.news-clear {
	clear: both;
}