/* fira-sans-condensed-200 - latin */ @font-face { font-family: 'Fira Sans Condensed'; font-style: normal; font-weight: 200; src: url('../fonts/fira_sans_codensed/fira-sans-condensed-v10-latin-200.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/fira_sans_codensed/fira-sans-condensed-v10-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/fira_sans_codensed/fira-sans-condensed-v10-latin-200.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/fira_sans_codensed/fira-sans-condensed-v10-latin-200.woff') format('woff'), /* Modern Browsers */ url('../fonts/fira_sans_codensed/fira-sans-condensed-v10-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/fira_sans_codensed/fira-sans-condensed-v10-latin-200.svg#FiraSansCondensed') format('svg'); /* Legacy iOS */ } /* fira-sans-condensed-200italic - latin */ @font-face { font-family: 'Fira Sans Condensed'; font-style: italic; font-weight: 200; src: url('../fonts/fira_sans_codensed/fira-sans-condensed-v10-latin-200italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/fira_sans_codensed/fira-sans-condensed-v10-latin-200italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/fira_sans_codensed/fira-sans-condensed-v10-latin-200italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/fira_sans_codensed/fira-sans-condensed-v10-latin-200italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/fira_sans_codensed/fira-sans-condensed-v10-latin-200italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/fira_sans_codensed/fira-sans-condensed-v10-latin-200italic.svg#FiraSansCondensed') format('svg'); /* Legacy iOS */ } /* fira-sans-condensed-300 - latin */ @font-face { font-family: 'Fira Sans Condensed'; font-style: normal; font-weight: 300; src: url('../fonts/fira_sans_codensed/fira-sans-condensed-v10-latin-300.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/fira_sans_codensed/fira-sans-condensed-v10-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/fira_sans_codensed/fira-sans-condensed-v10-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/fira_sans_codensed/fira-sans-condensed-v10-latin-300.woff') format('woff'), /* Modern Browsers */ url('../fonts/fira_sans_codensed/fira-sans-condensed-v10-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/fira_sans_codensed/fira-sans-condensed-v10-latin-300.svg#FiraSansCondensed') format('svg'); /* Legacy iOS */ } /* fira-sans-condensed-300italic - latin */ @font-face { font-family: 'Fira Sans Condensed'; font-style: italic; font-weight: 300; src: url('../fonts/fira_sans_codensed/fira-sans-condensed-v10-latin-300italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/fira_sans_codensed/fira-sans-condensed-v10-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/fira_sans_codensed/fira-sans-condensed-v10-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/fira_sans_codensed/fira-sans-condensed-v10-latin-300italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/fira_sans_codensed/fira-sans-condensed-v10-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/fira_sans_codensed/fira-sans-condensed-v10-latin-300italic.svg#FiraSansCondensed') format('svg'); /* Legacy iOS */ } /* fira-sans-condensed-regular - latin */ @font-face { font-family: 'Fira Sans Condensed'; font-style: normal; font-weight: 400; src: url('../fonts/fira_sans_codensed/fira-sans-condensed-v10-latin-regular.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/fira_sans_codensed/fira-sans-condensed-v10-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/fira_sans_codensed/fira-sans-condensed-v10-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/fira_sans_codensed/fira-sans-condensed-v10-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/fira_sans_codensed/fira-sans-condensed-v10-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/fira_sans_codensed/fira-sans-condensed-v10-latin-regular.svg#FiraSansCondensed') format('svg'); /* Legacy iOS */ } /* fira-sans-condensed-italic - latin */ @font-face { font-family: 'Fira Sans Condensed'; font-style: italic; font-weight: 400; src: url('../fonts/fira_sans_codensed/fira-sans-condensed-v10-latin-italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/fira_sans_codensed/fira-sans-condensed-v10-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/fira_sans_codensed/fira-sans-condensed-v10-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/fira_sans_codensed/fira-sans-condensed-v10-latin-italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/fira_sans_codensed/fira-sans-condensed-v10-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/fira_sans_codensed/fira-sans-condensed-v10-latin-italic.svg#FiraSansCondensed') format('svg'); /* Legacy iOS */ } /* fira-sans-condensed-500 - latin */ @font-face { font-family: 'Fira Sans Condensed'; font-style: normal; font-weight: 500; src: url('../fonts/fira_sans_codensed/fira-sans-condensed-v10-latin-500.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/fira_sans_codensed/fira-sans-condensed-v10-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/fira_sans_codensed/fira-sans-condensed-v10-latin-500.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/fira_sans_codensed/fira-sans-condensed-v10-latin-500.woff') format('woff'), /* Modern Browsers */ url('../fonts/fira_sans_codensed/fira-sans-condensed-v10-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/fira_sans_codensed/fira-sans-condensed-v10-latin-500.svg#FiraSansCondensed') format('svg'); /* Legacy iOS */ } /* fira-sans-condensed-500italic - latin */ @font-face { font-family: 'Fira Sans Condensed'; font-style: italic; font-weight: 500; src: url('../fonts/fira_sans_codensed/fira-sans-condensed-v10-latin-500italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/fira_sans_codensed/fira-sans-condensed-v10-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/fira_sans_codensed/fira-sans-condensed-v10-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/fira_sans_codensed/fira-sans-condensed-v10-latin-500italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/fira_sans_codensed/fira-sans-condensed-v10-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/fira_sans_codensed/fira-sans-condensed-v10-latin-500italic.svg#FiraSansCondensed') format('svg'); /* Legacy iOS */ } /* fira-sans-condensed-600 - latin */ @font-face { font-family: 'Fira Sans Condensed'; font-style: normal; font-weight: 600; src: url('../fonts/fira_sans_codensed/fira-sans-condensed-v10-latin-600.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/fira_sans_codensed/fira-sans-condensed-v10-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/fira_sans_codensed/fira-sans-condensed-v10-latin-600.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/fira_sans_codensed/fira-sans-condensed-v10-latin-600.woff') format('woff'), /* Modern Browsers */ url('../fonts/fira_sans_codensed/fira-sans-condensed-v10-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/fira_sans_codensed/fira-sans-condensed-v10-latin-600.svg#FiraSansCondensed') format('svg'); /* Legacy iOS */ } /* fira-sans-condensed-600italic - latin */ @font-face { font-family: 'Fira Sans Condensed'; font-style: italic; font-weight: 600; src: url('../fonts/fira_sans_codensed/fira-sans-condensed-v10-latin-600italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/fira_sans_codensed/fira-sans-condensed-v10-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/fira_sans_codensed/fira-sans-condensed-v10-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/fira_sans_codensed/fira-sans-condensed-v10-latin-600italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/fira_sans_codensed/fira-sans-condensed-v10-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/fira_sans_codensed/fira-sans-condensed-v10-latin-600italic.svg#FiraSansCondensed') format('svg'); /* Legacy iOS */ } /* fira-sans-condensed-700 - latin */ @font-face { font-family: 'Fira Sans Condensed'; font-style: normal; font-weight: 700; src: url('../fonts/fira_sans_codensed/fira-sans-condensed-v10-latin-700.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/fira_sans_codensed/fira-sans-condensed-v10-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/fira_sans_codensed/fira-sans-condensed-v10-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/fira_sans_codensed/fira-sans-condensed-v10-latin-700.woff') format('woff'), /* Modern Browsers */ url('../fonts/fira_sans_codensed/fira-sans-condensed-v10-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/fira_sans_codensed/fira-sans-condensed-v10-latin-700.svg#FiraSansCondensed') format('svg'); /* Legacy iOS */ } /* fira-sans-condensed-700italic - latin */ @font-face { font-family: 'Fira Sans Condensed'; font-style: italic; font-weight: 700; src: url('../fonts/fira_sans_codensed/fira-sans-condensed-v10-latin-700italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/fira_sans_codensed/fira-sans-condensed-v10-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/fira_sans_codensed/fira-sans-condensed-v10-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/fira_sans_codensed/fira-sans-condensed-v10-latin-700italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/fira_sans_codensed/fira-sans-condensed-v10-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/fira_sans_codensed/fira-sans-condensed-v10-latin-700italic.svg#FiraSansCondensed') format('svg'); /* Legacy iOS */ } /* fira-sans-condensed-800 - latin */ @font-face { font-family: 'Fira Sans Condensed'; font-style: normal; font-weight: 800; src: url('../fonts/fira_sans_codensed/fira-sans-condensed-v10-latin-800.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/fira_sans_codensed/fira-sans-condensed-v10-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/fira_sans_codensed/fira-sans-condensed-v10-latin-800.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/fira_sans_codensed/fira-sans-condensed-v10-latin-800.woff') format('woff'), /* Modern Browsers */ url('../fonts/fira_sans_codensed/fira-sans-condensed-v10-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/fira_sans_codensed/fira-sans-condensed-v10-latin-800.svg#FiraSansCondensed') format('svg'); /* Legacy iOS */ } /* fira-sans-condensed-800italic - latin */ @font-face { font-family: 'Fira Sans Condensed'; font-style: italic; font-weight: 800; src: url('../fonts/fira_sans_codensed/fira-sans-condensed-v10-latin-800italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/fira_sans_codensed/fira-sans-condensed-v10-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/fira_sans_codensed/fira-sans-condensed-v10-latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/fira_sans_codensed/fira-sans-condensed-v10-latin-800italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/fira_sans_codensed/fira-sans-condensed-v10-latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/fira_sans_codensed/fira-sans-condensed-v10-latin-800italic.svg#FiraSansCondensed') format('svg'); /* Legacy iOS */ } /* open-sans-300 - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: url('../fonts/open_sans/open-sans-v34-latin-300.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/open_sans/open-sans-v34-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/open_sans/open-sans-v34-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/open_sans/open-sans-v34-latin-300.woff') format('woff'), /* Modern Browsers */ url('../fonts/open_sans/open-sans-v34-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/open_sans/open-sans-v34-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-regular - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: url('../fonts/open_sans/open-sans-v34-latin-regular.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/open_sans/open-sans-v34-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/open_sans/open-sans-v34-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/open_sans/open-sans-v34-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/open_sans/open-sans-v34-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/open_sans/open-sans-v34-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-500 - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 500; src: url('../fonts/open_sans/open-sans-v34-latin-500.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/open_sans/open-sans-v34-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/open_sans/open-sans-v34-latin-500.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/open_sans/open-sans-v34-latin-500.woff') format('woff'), /* Modern Browsers */ url('../fonts/open_sans/open-sans-v34-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/open_sans/open-sans-v34-latin-500.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-600 - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; src: url('../fonts/open_sans/open-sans-v34-latin-600.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/open_sans/open-sans-v34-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/open_sans/open-sans-v34-latin-600.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/open_sans/open-sans-v34-latin-600.woff') format('woff'), /* Modern Browsers */ url('../fonts/open_sans/open-sans-v34-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/open_sans/open-sans-v34-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-700 - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: url('../fonts/open_sans/open-sans-v34-latin-700.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/open_sans/open-sans-v34-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/open_sans/open-sans-v34-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/open_sans/open-sans-v34-latin-700.woff') format('woff'), /* Modern Browsers */ url('../fonts/open_sans/open-sans-v34-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/open_sans/open-sans-v34-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-800 - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 800; src: url('../fonts/open_sans/open-sans-v34-latin-800.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/open_sans/open-sans-v34-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/open_sans/open-sans-v34-latin-800.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/open_sans/open-sans-v34-latin-800.woff') format('woff'), /* Modern Browsers */ url('../fonts/open_sans/open-sans-v34-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/open_sans/open-sans-v34-latin-800.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-300italic - latin */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 300; src: url('../fonts/open_sans/open-sans-v34-latin-300italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/open_sans/open-sans-v34-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/open_sans/open-sans-v34-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/open_sans/open-sans-v34-latin-300italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/open_sans/open-sans-v34-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/open_sans/open-sans-v34-latin-300italic.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-italic - latin */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 400; src: url('../fonts/open_sans/open-sans-v34-latin-italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/open_sans/open-sans-v34-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/open_sans/open-sans-v34-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/open_sans/open-sans-v34-latin-italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/open_sans/open-sans-v34-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/open_sans/open-sans-v34-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-500italic - latin */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 500; src: url('../fonts/open_sans/open-sans-v34-latin-500italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/open_sans/open-sans-v34-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/open_sans/open-sans-v34-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/open_sans/open-sans-v34-latin-500italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/open_sans/open-sans-v34-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/open_sans/open-sans-v34-latin-500italic.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-600italic - latin */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 600; src: url('../fonts/open_sans/open-sans-v34-latin-600italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/open_sans/open-sans-v34-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/open_sans/open-sans-v34-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/open_sans/open-sans-v34-latin-600italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/open_sans/open-sans-v34-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/open_sans/open-sans-v34-latin-600italic.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-700italic - latin */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 700; src: url('../fonts/open_sans/open-sans-v34-latin-700italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/open_sans/open-sans-v34-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/open_sans/open-sans-v34-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/open_sans/open-sans-v34-latin-700italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/open_sans/open-sans-v34-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/open_sans/open-sans-v34-latin-700italic.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-800italic - latin */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 800; src: url('../fonts/open_sans/open-sans-v34-latin-800italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/open_sans/open-sans-v34-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/open_sans/open-sans-v34-latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/open_sans/open-sans-v34-latin-800italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/open_sans/open-sans-v34-latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/open_sans/open-sans-v34-latin-800italic.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* fallback */ @font-face { font-family: 'Material Icons'; font-style: normal; font-weight: 400; src: url(../fonts/material_icons/material_icons.woff2) format('woff2'); } .material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -moz-font-feature-settings: 'liga'; -moz-osx-font-smoothing: grayscale; } body { position:relative; background-color: #EFEFEF; text-align: center; font-family: 'Open Sans', Arial, sans-serif; font-size: 11pt; margin: 0px; color: #111; } p , div, ul, li, a, td, span, input, textarea { font-family: 'Open Sans', Arial, sans-serif; font-size: 11pt; } a:link, a:visited{ color: #0075bf; } a:hover, a:active, a:focus{ color: #486654; text-decoration: underline; } a img { border: none; } table { border-spacing: 0; border-collapse: collapse; } p{margin: 10px 0px 5px 0px;} div.spacer{border-top: 1px solid #DDD;height: 1px;margin: 4px 0px;} i.small{font-size: 17pt;vertical-align: middle;} i.smaller{font-size: 12pt; vertical-align: middle;} .pointer{cursor: pointer;} li { margin-bottom: 10px; } ul.checked{ list-style: none; padding-left: 0; margin: 5px 0; } ul.checked li{ margin-left: 20px; margin-bottom: 5px; } ul.checked li::before{ content: '\2713 '; color: #3daf00; font-size: larger; margin-left: -20px; padding-right: 6px; } blockquote { border-left: 5px solid #ccc; padding: 6px 10px; font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 11pt; color: #555; font-style: italic; } h1{ font-family: 'Fira Sans Condensed', sans-serif; font-size: 24pt; font-weight: bold; margin: 0px 0px 10px 0px; padding: 0px; } h2{ font-family: 'Fira Sans Condensed', sans-serif; font-size: 20pt; color: #005b93; margin: 0px 0px 5px 0px; padding: 0px 0px 5px 0px; font-weight: 600; } h3{ font-family: 'Fira Sans Condensed', sans-serif; font-size: 16pt; color: #005b93; margin: 0px 0px 5px 0px; padding: 0px 0px 5px 0px; font-weight: 600; } h3.boxed{ color: #FFF; text-shadow: 1px 1px 1px #005b93; padding: 5px 10px; background: #618955; background: -moz-linear-gradient(-45deg, #618955 0%, #8bbaa4 39%, #e7f4ba 100%); background: -webkit-linear-gradient(-45deg, #618955 0%,#8bbaa4 39%,#e7f4ba 100%); background: linear-gradient(135deg, #618955 0%,#8bbaa4 39%,#e7f4ba 100%); } .underlined{ border-bottom: 1px dashed #71937f; border-bottom: 1px solid #DDD; } .center{ text-align: center; } .text_grau { color: #666; font-size: 8pt; } img.icon { vertical-align: top; margin-right: 5px; } img.icon_big { vertical-align: top; margin: 0px 10px 30px 0px; float: left; } /* FORMS AND INPUT */ div.form_left{ width: 140px; margin: 0px 10px 10px 10px; float: left; } div.form_right { margin: 0px 0px 10px 10px; float: left; } div.form_desc { margin: 0px 0px 10px 10px; float: left; width: 300px; font-size: 8pt; color: #666; } input.text, select.text, textarea.text { color: #0075bf; box-sizing: border-box; resize: vertical; border: 1px solid #CCC; border-radius: 2px; padding: 7px; margin-bottom: 7px; } [type='checkbox']+label, [type='radio']+label { display:inline-block; vertical-align:baseline; margin-left:.5rem; margin-right:1rem; margin-bottom:0 } [type='checkbox']+label[for], [type='radio']+label[for] { cursor:pointer } label>[type='checkbox'], label>[type='radio'] { margin-right:.5rem } .form-container { padding: 20px; } .col-25 { float: left; width: 25%; } .col-33 { float: left; width: 33%; } .col-50 { float: left; width: 50%; } .col-75 { float: left; width: 75%; } .form-row{ margin-bottom: 15px; } .form-label{ float: left; width: 25%; text-align: right; padding-right: 20px; } .form-input{ float: left; width: 50%; text-align: left; } .form-desc-right{ float: left; width: 100%; text-align: left; padding-left: 25%; color: #666; font-size: 10pt; } .form-row:after { content: ""; display: table; clear: both; } .clearfix:after { content: ""; display: table; clear: both; } .form-desc{ width: 100%; color: #666; font-size: 9pt; } /* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other */ @media screen and (max-width: 600px) { .col-25, .col-50, .col-75, .form-label, .form-input, .form-desc-right { width: 100%; } .form-label, .form-input, .form-desc-right { text-align: left; padding: 0; } } .strech{ width: 100%; } /* END FORMULARE */ /* TABLE AND ROWS */ table.nb_os_table{ border: 1px solid #DDD; border-bottom: 2px solid #DDD; border-collapse: collapse; } table.nb_os_table tr:hover{ background-color: #F9F9F9; } td.nb_os_table_header{ font-size: 10pt; font-family: Tahoma, Arial, Verdana, sans-serif; color: #111; text-shadow: 1px 1px 1px #999; padding: 7px 10px 7px 5px; border-bottom: 1px solid #CCC; vertical-align: bottom; background-color: #EEE; } td.nb_os_table_header_sub{ font-size: 8pt; font-weight: bold; color: #999; border-bottom: 2px solid #DDD; padding: 6px 7px 2px 7px; } td.nb_os_table_row{ padding: 4px 5px 4px 5px; border-bottom: 1px solid #DDD; vertical-align: top; } @media only screen and (max-width: 600px) { table{ overflow: scroll; } } div.table{ margin-left: auto; margin-right: auto; display: table; background-color: #FFF; } div.tr { display: table-row; } div.td { display: table-cell; } div.th{ display: table-cell; font-size: 10pt; font-weight: bold; color: #777; border-bottom: 1px solid #CCC; } div.th, div.td{ padding: 8px 5px; } div.tr:nth-child(2n) { background: #F7F7F7; } div.tr:hover{ background: #eaf3f7; -moz-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s; } /* END TABLE */ /* BUTTONS */ .cancel_button, .default_button, .info_button{ border: none; height: 35px; color: #FFF; font-family: 'Open Sans', sans-serif; font-weight: bold; padding: 0 12px; margin-bottom: 10px; cursor: pointer; transition: all ease 0.2s; } .cancel_button{ background-color: #999; text-shadow: 1px 1px 1px #666; } .cancel_button:hover{ background-color: #777; } .info_button{ background-color: #FFF; border: 2px solid #009de9; color: #009de9; } .info_button:hover{ background-color: #a9d8e5; } .default_button, .default_button:focus{ background-color: #009de9; /* CIOS COLOR */ text-shadow: 1px 1px 1px #005b93; } .default_button:hover{ background-color: #0075bf; /* CIOS COLOR */ } .default_button:active{ background-color: #005b93; /* CIOS COLOR */ } div.default_button{ line-height: 35px; text-align: center; } div.default_button a{ display: block; color: #FFF; text-decoration: none; } div.cancel_button{ line-height: 35px; text-align: center; } div.cancel_button a{ display: block; color: #FFF; text-decoration: none; } /* END BUTTONS */ /* HEADER */ div.cios_before_header{ background-color: #97aaaf; /* CIOS COLOR */ height: 7px; } div.cios_before_header div a, div.cios_before_header div span{ color: #FFF; line-height: 16px; margin: 10px; font-family: Arial,Helvetica Neue,Helvetica,sans-serif; } .flex-container{ display: flex; } div.cios_header{ position: relative; background-color: #FFF; text-align: center; border-bottom: 1px solid #CCC; box-shadow: 0px 0px 5px #999; -webkit-box-shadow: 0px 0px 5px #999; -moz-box-shadow: 0px 0px 5px #999; margin: 0px; margin-bottom: 10px; padding: 0px; } div.cios_header_content{ position: relative; width: 1200px; height: 100px; margin: auto; padding:0; } @media only screen and (max-width: 1200px) { div.cios_header_content{ width: 100%; padding: 5px; } div.cios_header_logo{ padding-left: 10px; } } div.cios_header_logo{ position: absolute; top: 0px; left: 0px; bottom: 0px; width: 20%; padding-top: 15px; box-sizing: border-box; text-align: left; } div.cios_header_logo img{ max-width: 100%; max-height: 100%; } div.cios_header_search{ box-sizing: border-box; position: absolute; top: 0px; left: 20%; bottom: 0px; width: 60%; height: 70px; padding: 10px 0px; padding-left: 10px; margin:0; } input.cios_header_search_input{ width: 100%; height: 40px; padding: 0px 10px; background-color: #FFF; border: 1px solid #CCC; } input.cios_header_search_input:focus{ box-shadow: 0px 0px 5px #60a0b2; } input.cios_header_search_btn{ position: absolute; top: 10px; right: 0px; width: 80px; height: 40px; line-height: 40px; margin:0 !important; } #nb_os_header_searchAjaxContent{ position: absolute; top: 60px; left: 0px; right: 0px; height: auto; max-height: 300px; background-color: #FFF; border: 1px solid #999; overflow-y: auto; z-index: 1000; display: none; } div.nb_os_searchAjaxContent_Item{ text-align: left; padding: 4px 10px; border-bottom: 1px solid #DDD; } div.nb_os_searchAjaxContent_ItemActive{ background-color: #EEE; cursor: pointer; } div.cios_header_cart{ position: absolute; top: 0px; right: 0px; bottom: 0px; box-sizing: border-box; width: 20%; padding-top: 15px; } div.cios_header_mobile_basket{ display: none; } div.cios_header_cart_content{ display: inline-block; width: 73%; text-align: right; padding-top: 12px; color: #111; } div.cios_header_cart_content a{ color: #111 !important; } div.cios_header_cart_image{ display: inline-block; width: 25%; text-align: right; height: 70px; vertical-align: top; padding-left: 7px; } div.cios_header_cart_image img{ max-width: 99%; max-height: 99%; } @media only screen and (max-width: 950px) { div.cios_header_cart_image{ display: none; } div.cios_header_nav span{ display: none; } div.cios_header_cart{ padding-top: 0px; } div.cios_header_cart_content{ padding-top: 10px; } } div.cios_header_nav{ position: absolute; left: 20%; bottom: 0px; height: 30px; width: 60%; color: #111; box-sizing: border-box; padding-bottom: 10px; padding-left: 10px; margin:0; text-align: left; } div.cios_header_nav a{ color: #111; margin-right: 15px; } .cios_header_nav_featured_btn{ position: absolute; right: 0px; top: -5px; width: 150px; height: 30px; line-height: 25px; border: 2px solid #0075bf; text-align: center; margin: -3px; margin-left: 30px; border-radius: 4px; } div.cios_header_nav_featured_btn a{ margin: 0; color: #0075bf; } input.nb_os_header_search:focus{ color: #1B8231; box-shadow: 0px 0px 7px #DDD; -webkit-box-shadow: 0px 0px 7px #DDD; -moz-box-shadow: 0px 0px 7px #DDD; -ms-box-shadow: 0px 0px 7px #DDD; -o-box-shadow: 0px 0px 7px #DDD; } div.nb_os_mobile_header_menu_btn{ display: none; position: relative; width: 50px; padding: 5px; border-radius: 4px; text-align: center; background-color: #555; color: #FFF; cursor: pointer; } div.nb_os_mobile_header_menu_btn i{ font-size: 14pt; } div.nb_os_mobile_header_menu_btn span{ display: block; font-size: 8pt; margin-top: -3px; } div.nb_os_mobile_header_navIcons{ display: none; position: absolute; top: 5px; right: 5px; width: 90px; height: 40px; text-align: right; padding-top: 7px; padding-right: 10px; } div.nb_os_mobile_header_navIcons a i{ font-size: 28px !important; margin-right: 7px; color: #111; } @media only screen and (max-width: 800px) { div.cios_header_content{ height: 120px; } div.nb_os_mobile_header_menu_btn, div.nb_os_mobile_header_navIcons{ display: block; } div.cios_header_logo{ position: absolute; top: 5px; left: 75px; text-align: left; width: auto; max-width: 50%; height: 40px; line-height: 40px; padding: 0; box-sizing: border-box; text-align: left; } div.cios_header_search{ bottom: 0px; left: 0px; right: 0px; top: auto; width: 100%; height: 60px; padding: 0 5px; text-align: left; box-sizing: border-box; } input.cios_header_search_input{ position: relative; top: auto; right: auto; left: auto; bottom: auto; width: 80%; height: 40px; padding: 0; margin: 0; box-sizing: border-box; } input.cios_header_search_btn{ position: relative; float: right; top: auto; right: auto; left: auto; bottom: auto; width: 19%; height: 40px; line-height: 40px; padding: 0; margin: 0; box-sizing: border-box; } input.cios_header_search_btn::after{ clear: both; } div.cios_header_cart{ display: none; } div.cios_header_mobile_basket{ display: none; position: fixed; top: 0px; left: 0px; right: 0px; height: 40px; line-height: 40px; text-align: right; z-index: 100; background-color: #111; color: #FFF; font-size: 12pt; padding: 0px 10px; } div.cios_header_mobile_basket a, div.cios_header_mobile_basket a span{ margin: 0; color: #FFF; font-size: 12pt; } #headerCartNumberMobile{ position: absolute; background-color: #d60000; width: 27px; height: 27px; top: 0px; right: 0px; color: #FFF; font-weight: bold; text-align: center; line-height: 25px; font-size: 10pt; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; border: 1px solid #FFF; } div.cios_header_cart_content{ display: inline-block; width: 100%; text-align: right; padding-top: 0; color: #111; font-size: 90%; } div.cios_header_nav{ display: none; } } div.nb_os_mobile_menu{ position: fixed; top: 0px; left: 0px; bottom: 0px; right: 70px; text-align: left; overflow-y: auto; z-index: 250; display: none; } div.nb_os_mobile_menu_overlay{ position: fixed; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: 200; display: none; background-color: #111; opacity: 0.5; } .nb_os_mobile_fixed_body{ position: fixed; top:0; bottom:0; left:0; right:0; overflow: hidden; } div.nb_os_mobile_menu_section1{ position: relative; background-color: #FFF; } div.nb_os_mobile_menu_section2{ position: relative; background-color: #EEE; } div.nb_os_mobile_menu_close{ position: fixed; top: 0px; right: 0px; width: 70px; background-color: #EEE; height: 50px; line-height: 50px; box-shadow: 0px 1px 2px #888; display: none; z-index: 240; } div.nb_os_mobile_menu_close_inner{ position: absolute; top: 8px; right: 20px; width: 32px; height: 32px; background-image: url(/public/images/mobile/mobile_menu_opener5.png); background-repeat: no-repeat; background-position: bottom left; cursor: pointer; } div.nb_os_mobile_menu_item{ position: relative; } div.nb_os_mobile_menu_item_link{ margin-right: 80px; text-align: left; padding: 20px 0px 20px 0px; overflow: hidden; } div.nb_os_mobile_menu_item_link a:link, div.nb_os_mobile_menu_item_link a:visited{ color: #444; font-size: 9pt; text-decoration: none !important; padding-left: 10px; display: block; text-transform: uppercase; font-family: Arial, sans-serif; } div.nb_os_mobile_menu_item_collapse{ position: absolute; top: 0px; right: 0px; height: 50px; width: 80px; background-image: url(/public/images/mobile/mobile_collapse.png); background-repeat: no-repeat; background-position: 24px 11px; cursor: pointer; } div.nb_os_mobile_menu_item_collapse_open{ background-position: 24px -22px; } div.nb_os_mobile_menu_item_spacer{ border-top: 1px solid #DDD; margin: 0px 10px; display: block; height: 1px; overflow: hidden; } div.nb_os_mobile_menu_item_title{ text-align: left; height: 50px; line-height: 50px; overflow: hidden; padding: 0px; color: #444; padding-left: 10px; display: block; font-weight: bold; font-family: Arial, sans-serif; font-size: 14pt; text-transform: uppercase; background-color: #EEE; } /* END HEADER */ /* TOP NAVIGATION */ div.sf-topmenu{ background-color: #e3e3e3; background-image: -webkit-gradient(linear,0 0,0 100%,from(#f0f0f0),to(#d0d0d0)); background-image: -webkit-linear-gradient(top,#f0f0f0,#d0d0d0); background-image: linear-gradient(180deg,#f0f0f0,#d0d0d0); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFF0F0F0",endColorstr="#FFD0D0D0",GradientType=0); box-shadow: 0 1px 4px rgba(0,0,0,.55); height: 50px; margin-top: -10px; margin-bottom: 10px; border-bottom: 1px solid #CCC; } @media only screen and (max-width: 800px) { div.sf-topmenu{ display: none; } } /* END TOP NAVIGATION */ /* FOOTER */ div.footer { box-sizing: content-box; border-top: 1px solid #CCC; text-align: left; background-color: #EEE; box-shadow: inset 0px 0px 2px #FFF, inset 1px 0px 100px #CCC; -moz-box-shadow: inset 0px 0px 2px #FFF, inset 1px 0px 100px #CCC; -webkit-box-shadow: inset 0px 0px 2px #FFF, inset 1px 0px 100px #CCC; } p.footer_heading { font-size: 1.1em; color: #333; font-weight: bold; } ul.footer_nav { list-style-type: none; margin: 0; padding: 0; } ul.footer_nav a:link, ul.footer_nav a:visited { color: #333; } div.footer_note{ font-size: 10pt; color: #555; text-align: center; } /* END FOOTER*/ /* Newsletter footer-integration, opt-in and opt-out styles */ div.newsletter_pagefooter_image{ max-width: 80px; height: 80px; } div.newsletter_pagefooter_image img{ max-width: 100%; max-height: 100%; } p.newsletter_title{ color: #111; } /* END Newsletter footer-integration, opt-in and opt-out styles */ /* SEARCH */ div.globalSearch{ position: relative; width: 500px; } input.globalSearch{ height: 30px; margin-right: 10px; width: 450px; padding: 5px; } #globalSearchResults{ position: absolute; top: 47px; left: 7px; width: 460px; z-index: 20; min-height: 100px; background-color: #FFF; border: 1px solid #999; box-shadow: 0px 2px 4px #CCC; -moz-box-shadow: 0px 2px 4px #CCC; -webkit-box-shadow: 0px 2px 4px #CCC; display: none; } /* END SEARCH */ /* MAINSCREEN & CONTENT-AREA */ div.nb_os_mainscreen, .content_wrapper{ position: relative; max-width: 1200px; margin:auto; padding: auto !important; text-align: left; } @media only screen and (max-width: 1200px) { div.nb_os_mainscreen{ width: 100%; padding: 10px; } .content_wrapper{ width: 100%; } } div.nb_os_content { padding: 10px 10px 20px 10px; margin: auto; box-sizing: content-box; } .content-block{ background: #FFFFFF; border-radius: 3px; box-shadow: 0px 2px 4px rgba(0,0,0,0.1); margin: 0px 0px 15px 0px; padding: 10px; } @media only screen and (max-width: 450px) { .content-block{ background: #FFFFFF; border-radius: 0; margin: 0px 0px 15px 0px; padding: 5px; } } .flex{ display: -ms-flexbox; /* IE 10 */ display: flex; } .flex-wrap{ display: -ms-flexbox; /* IE 10 */ display: flex; justify-content : space-between; -ms-flex-align: justify; flex-wrap: wrap; /* Standardwert = nowrap */ } .flex1{ flex-basis: 7%; } .flex2{ flex-basis: 16.6%; } .flex3{ flex-basis: 24.9%; } .flex4{ flex-basis: 33.2%; } .flex5{ flex-basis: 40%; } .flex6{ flex-basis: 48%; } .flex7{ flex-basis: 58.1%; } .flex8{ flex-basis: 66.4%; } .flex9{ flex-basis: 74.7%; } .flex10{ flex-basis: 83%; } .flex11{ flex-basis: 91.3%; } .flex12{ flex-basis: 100%; } .flex1, .flex2, .flex3, .flex4, .flex5, .flex6, .flex7, .flex8, .flex9, .flex10, .flex11, .flex12{ padding: 10px; flex-grow: 1; flex-shrink: 1; } .flex-25{ flex-basis: 25%; flex-grow: 1; flex-shrink: 1; min-width: 150px; border: 1px solid red; } .flex-50{ flex-basis: 50%; flex-grow: 1; flex-shrink: 1; border: 1px solid red; } .flex-75{ flex-basis: 75%; flex-grow: 1; flex-shrink: 1; border: 1px solid red; } .flex-shrink{ flex: 6; flex-shrink: 1; flex-basis: 30%; order: 1; border: 1px solid red; } /* END MAINSCREEN & CONTENT-AREA */ /* CLEAR-NAV FOR SEARCH-PAGE */ div.clear_nav{ display: block; } div.clear_nav a:link, div.clear_nav a:visited{ display: block; padding: 7px 0px 7px 10px; color: #111; background-color: #FFF; text-decoration: none !important; border-bottom: 1px solid #EEE; } div.clear_nav a:hover, div.clear_nav a:active{ color: #111; background-color: #EEE; border-bottom: 1px solid #DDD; } /* END CLEAR-NAV FOR SEARCH-PAGE */ /* LEFT SIDE MENU */ ul.left_side_menu{ margin-left: 0; list-style: none; padding: 0; margin: 0; position: relative; background: white; line-height: 1.3; } ul.left_side_menu > li{ display: block; border-bottom: 1.3px solid #d9d9d9; font-size: inherit; margin: 0; padding: 0; list-style: none; line-height: 1.3; font-weight: normal; color: #333; } ul.left_side_menu > li a{ padding: 10px; color: #333; margin-bottom: 0; line-height: 1; text-decoration: none; display: block; cursor: pointer; background-color: transparent; } ul.left_side_menu > li a:hover{ transition: 0.5s; background: #DDD; } /* END LEFT SIDE MENU */ /* ITEM LOOP */ div.nb_os_item_loop_list{ position: relative; height: 140px; margin: auto; padding: auto; } div.nb_os_item_loop_list_img{ position: absolute; top: 0px; left: 0px; text-align: center; z-index: 5; } div.nb_os_item_loop_list_img img{ width: 120px; height: 120px; margin-top: 5px; border: 1px solid #CCC; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } div.nb_os_item_loop_list_title{ position: absolute; top: 5px; left: 140px; right: 5px; text-align: left; height: 42px; overflow: hidden; z-index: 5; } div.nb_os_item_loop_list_title a:link, div.nb_os_item_loop_list_title a:visited{ font-family: Tahoma, Arial, Verdana, sans-serif; font-size: 12pt; color: #111; } div.nb_os_item_loop_list_desc{ position: absolute; top: 45px; bottom: 45px; left: 140px; right: 5px; font-family: Tahoma, Arial, Verdana, sans-serif; font-size: 10pt; color: #555; overflow: hidden; z-index: 5; } div.nb_os_item_loop_list_iconlist{ position: absolute; bottom: 5px; width: 380px; right: 210px; height: 30px; text-align: right; overflow: hidden; z-index: 5; } div.nb_os_item_loop_list_price{ position: absolute; bottom: 5px; width: 200px; right: 0px; text-align: right; font-family: 'Open Sans', Tahoma, Arial, Verdana, sans-serif; font-size: 22pt; color: #111; z-index: 5; } /* END ITEM LOOP */ /* LOOP RECENT VIEWS*/ div.nb_os_item_loop_side { position: relative; margin-bottom: 10px; height: 80px; cursor: pointer; } div.nb_os_item_loop_side_img{ position: absolute; top: 5px; left: 5px; width: 60px; height: 60px; z-index: 5; } div.nb_os_item_loop_side_img img { width: 60px; height: 60px; border: 1px solid #DDD; } div.nb_os_item_loop_side_title{ position: absolute; top: 5px; left: 75px; right: 5px; overflow: hidden; z-index: 5; } div.nb_os_item_loop_side_title a:link, div.nb_os_item_loop_side_title a:visited{ color: #111; font-size: 10pt; } /* END LOOP RECENT VIEWS*/ /* BOXES */ div.infobox{ padding: 10px; text-align: left; background-color: #F4F0C1; color: #444; border: 1px solid #BCB676; box-shadow: inset 0px 0px 0px #FFF, 0px 0px 4px #DDD; -moz-box-shadow: inset 0px 0px 0px #FFF, 0px 0px 4px #DDD; -webkit-box-shadow: inset 0px 0px 0px #FFF, 0px 0px 4px #DDD; } div.nb_os_box_header{ padding: 6px 10px; background: #005b93; color: #FFF; font-family: 'Open Sans', sans-serif; font-weight: 600; } div.nb_os_box_content{ position: relative; padding: 7px; color: #111; background-color: #FFF; border: 1px solid #CCC; box-shadow: 1px 1px 2px #DDD; -moz-box-shadow: 1px 1px 2px #DDD; -webkit-box-shadow: 1px 1px 2px #DDD; } .nb_os_box_header_grey{ border: 1px solid #B2B1B1; padding: 5px 10px; border-bottom: none; background-color: #DDD; box-shadow: inset 1px 1px 1px #EFEFEF, 0px 0px 4px #DDD; -webkit-box-shadow: inset 1px 1px 1px #EFEFEF, 0px 0px 4px #DDD; -moz-box-shadow: inset 1px 1px 1px #EFEFEF, 0px 0px 4px #DDD; font-family: 'Open Sans', sans-serif; font-weight: 600; color: #444; text-shadow: 1px 1px 1px #FFF; text-align: left; } div.nb_os_box_content_grey{ border: 1px solid #B2B1B1; padding: 10px; background-color: #F6F6F6; box-shadow: inset 0px 0px 1px #FFF, 0px 0px 4px #DDD; -webkit-box-shadow: inset 0px 0px 1px #FFF, 0px 0px 4px #DDD; -moz-box-shadow: inset 0px 0px 1px #FFF, 0px 0px 4px #DDD; -ms-box-shadow: inset 0px 0px 1px #FFF, 0px 0px 4px #DDD; -o-box-shadow: inset 0px 0px 1px #FFF, 0px 0px 4px #DDD; } /* END BOXES */ /* ARTICLE-PAGE-SYTLES */ div.articleDetail_content { } div.articleDetail_content:after { content: ""; display: table; clear: both; } div.articleDetail_galeryContent { float: left; width: 30%; } div.articleDetail_info{ float: left; padding: 0px 20px; width: 50%; } div.articleDetail_floatRight{ float: left; width: 20%; } div.articleDetail_image { padding: 0px; width: 100%; max-height: 400px; overflow: hidden; text-align: center; border: 1px solid #DDD; } div.articleDetail_image img { width: auto !important; height: auto !important; max-width: 100% !important; max-height: 400px !important; } div.articleDetail_image_galery{ margin-top: 10px; padding: 7px; background-color: #EEE; } div.articleDetail_image_galeryImages{ width: 63px; height: 63px; border: 1px solid #DDD; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; background-color: #FFF; overflow: hidden; float: left; padding: 5px; cursor: pointer; } div.articleDetail_image_galeryImages:hover{ border-color: #999; } div.articleDetail_image_galeryImages_active{ border-color: #5384BC; box-shadow: 0px 1px 2px #8EABCC; -moz-box-shadow: 0px 1px 2px #8EABCC; -webkit-box-shadow: 0px 1px 2px #8EABCC; } div.articleDetail_image_galeryImages img{ width: 60px; height: 60px; } @media only screen and (max-width: 800px) { div.articleDetail_floatRight{ display: none; } div.articleDetail_galeryContent { width: 50%; } div.articleDetail_info{ padding: 0 0 0 20px; width: 50%; } } @media only screen and (max-width: 700px) { div.articleDetail_galeryContent { width: 100%; } div.articleDetail_info{ padding: 10px 0; width: 100%; } } h1.articleDetail_title { color: #111; margin: 0px; } div.articleDetail_description{ font-size: 12pt; } div.articleDetail_conditions{ position: relative; } div.articleDetail_buying_area{ background: #EFEFEF; background: linear-gradient(to bottom, #F7F7F7 30%, #DDD 100%); background: -moz-linear-gradient(top, #F7F7F7 30%, #DDD 100%); background: -webkit-linear-gradient(top, #F7F7F7 30%, #DDD 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F7F7F7', endColorstr='#DDD',GradientType=0 ); padding: 0; vertical-align:bottom; margin-bottom: 15px; } div.articleDetail_ItemPrice { display: inline-block; width: calc(99% - 320px); min-width: 200px; font-size: 26pt; padding: 0 10px; white-space: nowrap; margin:auto; vertical-align:top; } div.articleDetail_quantity{ display: inline-block; width: 320px; text-align: right; margin:auto; text-align:left; vertical-align:top; } div.articleDetail_price_old{ position: relative; background: #EFEFEF; background: linear-gradient(to bottom, #F7F7F7 30%, #EEE 100%); background: -moz-linear-gradient(top, #F7F7F7 30%, #EEE 100%); background: -webkit-linear-gradient(bottom, #F7F7F7 30%, #EEE 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F7F7F7', endColorstr='#EEE',GradientType=0 ); padding: 5px 10px 5px 90px; margin-bottom: 10px; color: red; font-weight: bold; font-size: 12pt; } img.articleDetail_price_old_deal{ position: absolute; top: -6px; left: 10px; z-index: 10; } div.articleDetail_basket{ } div.articleDetail_toBasket_btn{ display: inline-block; vertical-align:top; width: 120px; height: 60px; text-align: center; background: #009de9; background: -moz-linear-gradient(top, #009de9 42%, #0075bf 100%); background: -webkit-linear-gradient(top, #009de9 42%,#0075bf 100%); background: linear-gradient(to bottom, #009de9 42%,#0075bf 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009de9', endColorstr='#009de9',GradientType=0 ); cursor: pointer; } div.articleDetail_toBasket_btn:hover{ background: #60892a; background: -moz-linear-gradient(top, #009de9 0%, #005b93 100%); background: -webkit-linear-gradient(top, #009de9 0%,#005b93 100%); background: linear-gradient(to bottom, #009de9 0%, #005b93 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#84c143', endColorstr='#005b93',GradientType=0 ); } @media only screen and (max-width: 800px) { div.articleDetail_toBasket_btn{ width: 60px; } } div.articleDetail_toBasket_btn i{ height: 60px; line-height: 60px; vertical-align: middle; color: #FFF; font-size: 30pt; text-shadow: 1px 1px 1px #555; } label.articleDetail_quantity_label{ color: #666; } div.articleDetail_quantity_btn{ display: inline-block; width: 60px; height: 60px; font-family: Arial, sans-serif; font-weight: bold; font-size: 24pt; border: 1px solid #CCC; text-align: center; box-shadow: 0px 0px 2px #FFF; color: #555; vertical-align: bottom; cursor: pointer; background: #FFF; padding-top: 7px; user-select: none; -moz-user-select: none; -webkit-user-select: none; } div.articleDetail_quantity_btn:hover{ color: #FFF; background: #60892a; background: -moz-linear-gradient(top, #009de9 0%, #005b93 100%); background: -webkit-linear-gradient(top, #009de9 0%,#005b93 100%); background: linear-gradient(to bottom, #009de9 0%, #005b93 100%); } input.articleDetail_quantity { display: inline-block; height: 60px; width: 50px; font-weight: bold; font-size: 16pt; border: 1px solid #CCC; text-align: center; box-shadow: 0px 0px 2px #FFF, inset 0px 0px 20px #DDD; color: #555; vertical-align: bottom; } input.articleDetail_quantity:focus{ border: 1px solid #6BCCEF; box-shadow: 0px 0px 2px #FFF, inset 0px 0px 20px #A4E0F4; color: #111; } section.article_info_container{ } div.article_info_content{ padding-bottom: 20px; margin-bottom: 20px; border-bottom: 3px solid #EEE; } ul.article_info_nav{ list-style: none; background: #EEE; margin: 0; margin-bottom: 15px; padding: 10px; } ul.article_info_nav li{ display: inline; margin: 0px 10px; } ul.article_info_nav li{ display: inline-block; margin: 0px 10px; } ul.article_info_nav li a{ font-size: 12pt; display: block; } ul.article_info_nav li a:hover{ font-weight: 600; text-decoration: none; } div.artikel_variants{ position: relative; width: 250px; float: right; } div.articleDetail_inBasketMsg{ background-color: #BDEA98; padding: 4px; font-family: Tahoma, Arial, Verdana, sans-serif; font-size: 10pt; color: #111; text-align: center; font-weight: bold; margin-bottom: 7px; display: none; } div.ItemInCartNotice{ width: 270px; height: 43px; background-image: url(/public/images/v2_2013/backgrounds/infobanner_green.png); background-position: top left; background-repeat: no-repeat; font-family: Tahoma, Arial, Verdana, sans-serif; font-size: 10pt; color: #FFF; text-shadow: 1px 1px 1px #444; text-align: center; font-weight: bold; line-height: 55px; margin-left: 10px; margin-top: 10px; } div.bulkPricesNumber{ float:left; width: 100px; } div.bulkPricesPrice{ float: right; } div.variantList{ position: relative; background-color: #F1F2F2; padding: 7px; } div.variantListTitle{ margin-bottom: 5px; } div.variantListSelector{ position: relative; border: 1px solid #CCC; background-color: #FFF; padding: 7px; padding-right: 100px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; box-shadow: 0px 0px 3px #CCC; -moz-box-shadow: 0px 0px 3px #CCC; -webkit-box-shadow: 0px 0px 3px #CCC; overflow: hidden; cursor: pointer; } div.variantListSelector:hover{ border: 1px solid #97aaaf; box-shadow: 0px 1px 3px #97aaaf; -moz-box-shadow: 0px 1px 3px #97aaaf; -webkit-box-shadow: 0px 1px 3px #97aaaf; } div.variantListSelector:after{ content: ""; position: absolute; top: 15px; right: 10px; width: 0; height: 0; border: 6px solid #111; border-left-color: transparent; border-right-color: transparent; border-bottom: none; } div.variantListSelector:hover:after{ border-top-color: #97aaaf; } div.variantListItems{ border: 1px solid #BBBBBB; margin-top: -1px; background-color: #FFF; display: none; overflow: hidden; } div.variantListItemsTable{ display: table; width: 100%; } div.variantListItemEntry{ height: 30px; background-color: #FFF; overflow: hidden; display: table-row; width: 100%; } div.variantListItemEntry:hover{ background-color: #EAF5F7; cursor: pointer; } div.variantListItemEntryActive{ background-color: #D7E7EA; color: #111; overflow: hidden; } div.variantListItemEntryCell{ display: table-cell; padding: 5px 10px; overflow: hidden; } .align-right{ text-align: right; } div.artikel_view_loop_box { float:left; margin: 0px 10px 0px 0px; width: 170px; height: auto; max-height: 300px; border-bottom: 1px solid #FFF; text-align: center; } div.artikel_view_loop_box_title { height: 40px; max-height: 40px; overflow: hidden; } div.artikel_view_loop_box_title a:link, div.artikel_view_loop_box_title a:visited { color: #111; text-decoration: underline; font-weight: 10pt; font-weight: bold; } div.artikel_view_loop_box_desc { font-weight: 7pt; color: #999; height: 55px; max-height: 55px; overflow: hidden; } div.artikel_view_loop_box_image img { border: none; width: 100px; height: 100px; } div.rating_star{ background-image: url(./images/icons/star32.gif); background-position: top left; width: 32px; height: 32px; margin-right: 3px; float: left; cursor: pointer; } div.article_info_media_item{ display: inline-block; text-align: center; margin: 5px; border: 1px solid #CCC; background-color: #FFF; box-shadow: 1px 1px 2px #888; border-radius: 2px; } div.article_info_media_item a{ display: block; min-width: 180px; padding: 10px; height: 100px; } /* END ARTICLE-PAGE-SYTLES */ /* WARENKORB */ div.checkout_basket{ } div.checkout_basket_item{ border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; margin-bottom: -1px; padding: 20px 0; overflow: hidden; } div.checkout_basket_item:hover{ transition: 0.5s; background-color: #F5F5F5; } div.checkout_basket_item > *{ vertical-align: top; } div.checkout_basket_item_image{ float: left; width: 15%; height: 120px; } div.checkout_basket_item_image img{ max-width: 100%; max-height: 100%; border: 1px solid #DDD; padding: 5px; } div.checkout_basket_item_info{ position: relative; float: left; width: 40%; height: 120px; padding: 0 10px; } div.checkout_basket_item_info > a{ color: #111; font-weight: 600; } div.checkout_basket_item_quantity{ float: left; width: 17%; height: 120px; border-left: 1px solid #DDD; border-right: 1px solid #DDD; padding: 0 10px; text-align: center; } div.checkout_basket_item_quantity label{ font-size: 10pt; } input.checkout_basket_item_quantity_input{ width: 80px; height: 40px; border: 1px solid #CCC; -moz-appearance: textfield; -webkit-appearance: textfield; appearance: textfield; box-sizing: border-box; padding: 0 6px; font-size: 10pt; } select.checkout_basket_item_quantity_input{ width: 80px; border: 1px solid #CCC; box-sizing: border-box; padding: 5px 6px; background: #FFF; color: 111; text-align: center; } div.checkout_basket_item_price{ float: left; width: 13.5%; height: 120px; text-align: right; } div.checkout_basket_item_price span, div.checkout_basket_item_price_sum span{ font-size: 9pt; } div.checkout_basket_item_price_sum{ float: right; width: 13.5%; height: 120px; text-align: right; font-weight: bold; border-left: 1px solid #DDD; } div.checkout_basket_item_delete{ position: absolute; bottom: 0; left: 0; right: 0; height: 26px; padding-left: 10px; } div.checkout_basket_item_delete > a{ color: #888; font-size: 10pt; text-decoration: none; transition: 0.6s; } div.checkout_basket_item_delete > a:hover{ color: #111; } div.checkout_basket_item_tabel_header{ height: 30px; border: none; font-size: 10pt; } @media only screen and (max-width: 670px) { div.checkout_basket_item_tabel_header{ display: none; } div.checkout_basket_item_image{ float: left; width: 30%; height: 120px; } div.checkout_basket_item_info{ float: right; width: 68%; height: auto; min-height: 120px; padding: 0 10px; } div.checkout_basket_item_delete{ position: relative; bottom: auto; left: 0; right: auto; height: auto; padding-left: 0px; text-align: left; margin: 15px 0px; } div.checkout_basket_item_quantity{ float: left; width: 40%; height: auto; border-left: 1px solid #DDD; border-right: 1px solid #DDD; padding: 0 10px; text-align: left; } div.checkout_basket_item_price{ float: left; width: 34%; height: auto; text-align: right; } div.checkout_basket_item_price_sum{ float: right; width: 25%; height: auto; text-align: right; font-weight: bold; border-left: 1px solid #DDD; } } div.checkout_basket_voucher{ flex: 1 1 auto; -ms-flex: 1 1 auto; -webkit-flex: 1 1 auto; width: calc(95% - 400px); padding: 20px 0; } div.checkout_basket_summary{ flex: 0 1 auto; -ms-flex: 0 1 auto; -webkit-flex: 0 1 auto; width: 400px; border: 1px solid #CCC; padding: 10px; } div.checkout_basket_summary_left_col{ float: left; text-align: left; width: 70%; border-bottom: 1px solid #CCC; padding: 5px 0px; } div.checkout_basket_summary_right_col{ float: right; text-align: right; width: 30%; border-bottom: 1px solid #CCC; padding: 5px 0px; } @media only screen and (max-width: 950px) { div.checkout_basket_summary{ width: 100%; display: block; margin: 10px 0; } div.checkout_basket_voucher{ width: 100%; display: block; margin: 10px 0; padding: 0; } } div.checkout_payment_types{ border: 1px solid #CCC; padding: 10px; } div.pt-row{ border-bottom: 2px solid #DDD; padding-bottom: 15px; margin-bottom: 15px; } div.pt-row-disabled{ color: #777 !important; } div.pt-row:after { content: ""; display: table; clear: both; } div.pt-row-left{ float: left; width: 15%; padding-bottom: 7px; } div.pt-row-right{ float: left; width: 85%; } div.pt-row-right p{ margin: 0; } @media only screen and (max-width: 900px) { div.pt-row-left{ width: 100%; } div.pt-row-right{ width: 100%; } } /* END WARENKORB */ /* CHECKOUT BASKET STEPS */ ul.checkout-steps{ list-style: none; margin:0; padding:0 0 10px 0; text-align: center; border-bottom: 1px solid #CCC; } li.checkout-step{ list-style: none; display: inline-block; white-space: nowrap; padding: 0 3%; margin:0; } @media only screen and (max-width: 1050px) { li.checkout-step{ padding: 0 20px; } li.checkout-step:first-child{ padding-left: 0px; } li.checkout-step:last-child{ padding-right: 0; } } @media only screen and (max-width: 850px) { li.checkout-step{ padding: 0; padding: 8px; } } @media only screen and (max-width: 750px) { ul.checkout-steps{ display: none; } } li.checkout-step a{ color: #666; text-decoration: none; } li.checkout-step.active a{ font-weight: bold; } li.checkout-step a span.steps-number{ display: inline-block; font-weight: bold; background-color: #666; text-shadow: 1px 1px 1px #308402; width: 22px; height: 22px; color: #FFF; text-align: center; border-radius: 20px; -moz-border-radius: 20px; } li.checkout-step.active a span.steps-number{ background-color: #388E3C; } li.checkout-step:hover a span.steps-number{ background-color: #388E3C; } li.checkout-step:hover a span.steps-text{ color: #388E3C; } span.steps-text{ display: inline-block; font-family: Open Sans,Arial,Helvetica,sans serif; height: 22px; line-height: 22px; } /* END CHECKOUT BASKET STEPS */ /* CONTACT-FORMS */ div.contactForm_inputBox{ position: relative; height: 35px; margin-bottom: 10px; } input.contactForm_input{ position: absolute; top: 0px; left: 0px; border: 1px solid #999; padding: 5px 5px 5px 160px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background-color: #FFF; font-size: 12pt; color: #333; z-index: 10; } input.contactForm_input:focus{ background-color: #F6F6F6; } textarea.contactForm_textarea{ border: 1px solid #999; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background-color: #FFF; font-size: 12pt; color: #333; padding: 5px; } textarea.contactForm_textarea:focus{ background-color: #F6F6F6; } label.contactForm_label{ position: absolute; top: 7px; left: 10px; max-width: 150px; background-color: none; color: #777; z-index: 20; } label.contactForm_labelTextarea{ color: #777; display: block; } /* END CONTACT-FORMS*/ /* LOGIN AND LOST PASSWORD */ div.center_div_outer{ position: relative; text-align: center; margin: auto; width: 100%; } div.center_div_inner{ margin:auto; width: 500px; text-align: left; } div.login_container_left{ width: 430px; padding-right: 20px; float: left; } div.login_container_right{ width: 200px; padding: 100px 0px 0px 0px; float: left; } /* END LOGIN AND LOST PASSWORD */ /* CAPTCHA */ div.nb_captcha{ display: -ms-flexbox; display: -webkit-flex; display: flex; border: 1px solid #999; background-color: #F3F3F3; padding: 7px; margin: 10px 0; } div.nb_captcha_img{ flex: 1 1 auto; -ms-flex: 1 1 auto; -webkit-flex: 1 1 auto; width: 49%; max-width: 200px; padding: 0 5px; } div.nb_captcha_img img{ max-width: 100%; } div.captcha_input { flex: 1 1 auto; -ms-flex: 1 1 auto; -webkit-flex: 1 1 auto; width: 49%; max-width: 200px; padding: 0 5px; } div.captcha_input input{ max-width: 100%; padding: 7px; font-size: 24pt; color: #111; } @media only screen and (max-width: 400px) { div.nb_captcha{ display: block; } div.nb_captcha_img, div.captcha_input { width: 100%; max-width: 100%; margin: 5px 0; text-align: center; } } /* END CAPTCHA */ /* PAGINATION */ fieldset.pagination{ } label.controls_pagination{ font-size: 10pt; margin-left: 20px; } .ui-menu{ text-align: left; } .ui-selectmenu-button.ui-button{ width: auto; } div.pagination_centered{ margin: 0; padding: 0; text-align: center; } ul.nb_pagination{ padding: 10px 0px; border-top: 1px solid #DDD; } li.nb_pagination_button{ display: inline-block; width: 30px; height: 45px; line-height: 45px; color: #777; text-align: center; background-color: none; transition: background-color 300ms ease-out; border-radius: 3px; margin: 0px; padding: 0px; } li.nb_pagination_button a:link, li.nb_pagination_button a:visited, li.nb_pagination_button a:active, li.nb_pagination_button a:hover{ display: block; font-family: Arial, sans-serif; color: #777; text-shadow: 1px 1px 1px #FFF; text-decoration: none; margin: 0; padding: 0; } li.nb_pagination_button:hover{ background-color: #EEE; transition: background-color 300ms ease-out; } li.nb_pagination_button_active, li.nb_pagination_button_active:hover{ font-family: Arial, sans-serif; color: #FFF; font-weight: bold; text-shadow: 1px 1px 1px #6A844B; background-color: #7FAA4B; transition: background-color 300ms ease-out; } li.nb_pagination_button_big{ width: 70px; } li.nb_pagination_middle{ width: 30px; height: 45px; text-align: right; display: inline; color: #444; } @media only screen and (max-width: 600px) { fieldset.pagination{ width: 100%; border-top: 2px solid #EEE; border-bottom: 2px solid #EEE; padding-top: 15px; } label.controls_pagination{ display: block; margin: auto; } .ui-selectmenu-button.ui-button{ margin-bottom: 10px; width: 100%; } } table.nb_pagination_container{ position: relative; background-color: #F9F9F9; font-size: 7pt; font-weight: bold; color: #666; padding: 3px 0px; width: 100%; } table.nb_pagination_container td{ vertical-align: middle; padding: 5px 7px; } td.nb_pagin_goto_td { width: 30px; } .nb_pagin_goto_next{ background-image: url(/public/images/icons/pagination_iconset24.png); background-repeat: none; background-position: 24px 0px; } a.nb_pagin_goto_button{ width: 24px; height: 24px; padding: 0px; display: block; vertical-align: middle; text-decoration: none !important; } .nb_pagin_goto_next:hover, .nb_pagin_goto_next:active{ background-position: 24px -24px; } .nb_pagin_goto_next_disabled{ background-image: url(/public/images/icons/pagination_iconset24.png); background-repeat: none; background-position: 24px 24px; } .nb_pagin_goto_prev{ background-image: url(/public/images/icons/pagination_iconset24.png); background-repeat: none; background-position: 0px 0px; } .nb_pagin_goto_prev:hover, .nb_pagin_goto_prev:active{ background-position: 0px -24px; } .nb_pagin_goto_prev_disabled{ background-image: url(/public/images/icons/pagination_iconset24.png); background-repeat: none; background-position: 0px 24px; } select.nb_pagin_select{ font-size: 8pt; font-weight: nornal; color: #666; padding: 2px 1px 2px 7px; border: 1px solid #CCC; } select.nb_pagin_select option{ } /* END PAGINATION */ /* Cookie permission note */ #cookie_permission_note{ position: fixed; top: 0px; left: 0px; right: 0px; height: auto; background-color: #555555; border-top: 1px solid #333; color: #FFF; font-weight: bold; text-shadow: 1px 2px 1px #111; font-size: 10pt; font-family: Tahoma, Verdana, Arial, sans-serif; z-index: 1000; margin: 0px -30px; padding: 10px 30px; opacity: 0.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; /* IE 8 */ filter: alpha(opacity=90); /* IE 5-7 */ -moz-opacity: 0.9; /* Netscape */ -khtml-opacity: 0.9; /* Safari 1.x */ display: none; } div.cookie_permission_note:hover{ opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE 8 */ filter: alpha(opacity=100); /* IE 5-7 */ -moz-opacity: 1; /* Netscape */ -khtml-opacity: 1; /* Safari 1.x */ } span.cookie_permission_note_btn{ height: 30px; line-height: 30px; padding: 4px 10px; margin-left: 10px; color: #FFF; text-shadow: 1px 2px 1px #111; background-color: #222; font-weight: normal; font-size: 10pt; cursor: pointer; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; -ms-border-radius: 4px; } span.cookie_permission_note_btn:hover{ color: #00CBFF; background-color: #111; } /* END Cookie permission note */ /* DEBUGGGER */ #nb_os_loading_overlay{ position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; background-color: #111; opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 8 */ filter: alpha(opacity=50); /* IE 5-7 */ -moz-opacity: 0.5; /* Netscape */ -khtml-opacity: 0.5; /* Safari 1.x */ z-index: 1000; display: none; } #nb_os_loading_window{ position: fixed; top: 200px; left: 50%; width: 300px; margin-left: -150px; background-color: #FFF; z-index: 1010; display: none; } #nb_os_loading_window_LoadingBar{ margin: 20px 0px 20px 20px; height: 8px; width: 20px; overflow: hidden; background-color: #147CCC; border: 1px solid #1664A0; box-shadow: inset 0px 0px 1px #FFF; -moz-box-shadow: inset 0px 0px 1px #FFF; -webkit-box-shadow: inset 0px 0px 1px #FFF; -ms-box-shadow: inset 0px 0px 1px #FFF; -o-box-shadow: inset 0px 0px 1px #FFF; } #nb_os_DebugWindow{ position: fixed; top: 0px; right: 10px; width: 400px; height: auto; border: 1px solid #999; background-color: #FFF; color: #111; z-index: 1000; padding: 10px; text-align: left; } #nb_os_DebugWindowContent{ overflow-y: auto; max-height: 300px; } /* END DEBUGGER */ div.btn_scroll_to_top{ position: fixed; bottom: 30px; right: 10px; width: 60px; height: 60px; border-radius: 3px; background: rgb(255, 255, 255); /* Fall-back for browsers that don't support rgba */ background: rgba(0, 0, 0, 0.2); z-index: 9000; padding: 20px 7px 0; display: none; } div.btn_scroll_to_top img{ width: 100%; vertical-align: top; } div.btn_scroll_to_top:active{ background-color: #F07D00; } /*.container{ padding: 10px; outline: 1px solid #DDD; } div.col-md-1, div.col-md-2, div.col-md-3, div.col-md-4, div.col-md-5, div.col-md-6, div.col-md-7, div.col-md-8, div.col-md-9, div.col-md-10, div.col-md-11, div.col-md-12 { overflow: hidden; background-color: #FFF; outline: 1px solid #CCC; margin-bottom: 5px; margin-top: 5px; } */ /* NOTIFICATIONS */ div.nb_notification{ box-sizing: content-box; display: block; padding: 10px; margin: 5px 0; } div.nb_notification.success{ background-color: #97dd90; color: #004010; } div.nb_notification.info{ background-color: #f5d75c; } div.nb_notification.error{ background-color: #ffbaba; color: #990000; } div.nb_notification.warning{ background-color: #ace2f9; color: #00468c; } i.notification{ font-size: 18pt; vertical-align: middle; } /* END NOTIFICATIONS */ /* NETBLADE FLEX */ div.nb_container{ display: flex; display : -ms-flexbox; -ms-flex-wrap : wrap; flex-wrap : wrap; box-sizing: border-box; } div.nb_content{ box-sizing: border-box; } div.nb_content p img{ max-width: 100%; height: auto; } div.float50{ display: block; flex:none; float: left; width: 50%; box-sizing: border-box; padding: 0px 20px; } div.float50:nth-child(1n){ padding-left: 0px; } div.float50:nth-child(2n){ padding-right: 0px; } div.float50 img{ max-width: 100%; } @media only screen and (max-width: 700px){ div.float50{ float: none; display: block; padding: 10px 0px; width: 100%; } } /* END NETBLADE FLEX */ /* BREADCRUMB */ div.nb_os_breadcrumb{ background: none; border-radius: 3px; -moz-border-radius: 3px; padding: 7px 10px; margin-bottom: 10px; font-size: 10pt; } .nb_os_breadcrumb ul{ margin-left: 0; padding-left: 0; display: inline; } .nb_os_breadcrumb ul li{ margin-right: 3px; list-style: none; display: inline; font-size: 10pt; } .nb_os_breadcrumb ul li:not(:last-child):after{ margin-left: 6px; content: '\203A'; } .nb_os_breadcrumb ul li:first-child { margin-left: 0; } .nb_os_breadcrumb ul li:first-child:before { color: #777; content: 'Sie sind hier: '; margin-right: 6px; } .nb_os_breadcrumb ul li a, .nb_os_breadcrumb ul li a span{ color: #111; font-size: 10pt; } /* END BREADCRUMB */ .nopadding, .no-padding{ } .nomargin{ margin-left: -15px; margin-right: -15px; } div.content{ width: 75%; flex-grow: 3; box-sizing: border-box; } /* TODO: Flexbox-Styles für alte Browser -MS- anpassen und testen! */ div.sidebar, div.nb_sidebar{ width: 20%; width: 250px; flex-grow: 0; flex-shrink: 0; box-sizing: border-box; } div.nb_os_content > div.nb_sidebar:first-child{ } div.nb_sidebar:nth-child(1) { margin-right: 15px; } div.nb_sidebar:nth-child(2) { margin-left: 15px; } div.nb_sidebar:nth-child(3) { margin-left: 15px; } @media only screen and (max-width: 800px) { div.content{ width: 100%; flex-grow: 1; flex-shrink: 1; overflow: hidden; } div.sidebar, div.nb_sidebar{ display: none; } } .fl{ float: left; } .fr{ float: right; } .marginRight, .margin-right{ margin-right: 10px; } .clear{ clear: both; } .light{ color: #666 !important; } .lighter{ color: #999 !important; } .fc_hightlight{ color: #00aeff !important; } .teaser{ background-color: #EEE; padding: 10px; margin-bottom: 10px; } .teaser-image{ padding: 0px; overflow: hidden; } .teaser-image img{ max-width: 100%; } span.small{ font-size: 10pt; } ul.nav{ padding: 0px; margin: 0px; } ul.nav li{ list-style-type: none; border-bottom: 1px solid #DDD; transition: 0.3s; } ul.nav li:last-child{ } ul.nav li a{ display: block; padding: 7px; color: #111; transition: 0.3s; background-color: #FFF; font-family: 'Open Sans' !important; font-size: 11pt; } ul.nav li:hover, ul.nav li a:hover{ background-color: #EEE; } ul.nav li a i{ } li.level0 a{ text-transform: uppercase; font-weight: bold; color: #388E3C !important; } li.level1 a{ font-weight: bold; } li.level2 a{ margin-left: 10px; } li.level3 a{ margin-left: 20px; } li.level4 a{ } .material-icons.md-18 { font-size: 18px; } .material-icons.md-24 { font-size: 24px; } .material-icons.md-36 { font-size: 36px; } .material-icons.md-48 { font-size: 48px; } .fc_light, .fc_light a{ color: #6a7a72; } .middle{ vertical-align: middle; } /* ITEM LOOP LIST-STYLE */ div.item_loop_list{ position: relative; border: 1px solid #DDD; border-left: none; border-right: none; margin-top: -1px; /* Border-Collapse-Hack */ padding: 15px 5px; box-sizing: content-box; } div.item_loop_list_image{ width: 20%; float: left; } div.item_loop_list_image img{ width: 100%; height: 100%; } div.item_loop_list_details{ width: 77%; float: right; } h3.item_loop_list_title, h3.item_loop_list_title a{ font-size: 12pt; font-weight: 600; color: #111; margin-right: 70px; } @media only screen and (max-width: 500px) { div.item_loop_list{ background-color: #FFF; margin-bottom: 20px; } div.item_loop_list_details{ width: 100%; float: none; } div.item_loop_list_image{ float: none; margin: auto; text-align: center; width: 100%; } div.item_loop_list_image img{ max-height: 150px; width: auto; } h3.item_loop_list_title, h3.item_loop_list_title a{ margin-right: 0; } } /* ITEM LOOP GALLERY-STYLE */ div.item_flex_container { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } div.item_loop_flexboxX { position: relative; flex: 1 1 auto; -ms-flex: 1 1 auto; -webkit-flex: 1 1 auto; width: calc(25% - 10px); max-width: 400px; margin-right: 10px; margin-bottom: 10px; padding: 10px; overflow: hidden; } div.item_loop_flexbox { position: relative; flex: 0 0 calc(25% - 10px); -ms-flex: 0 0 calc(25% - 10px); -webkit-flex: 0 0 calc(25% - 10px); width: calc(25% - 10px); margin-right: 10px; margin-bottom: 10px; padding: 10px; overflow: hidden; } div.item_loop_gallery{ border: 1px solid #EEE; } div.item_loop_gallery.small{ flex: 1 1 auto; -ms-flex: 1 1 auto; -webkit-flex: 1 1 auto; width: calc(16.66% - 10px); min-width: 100px; max-width: 200px; } div.gallery-slide{ position: relative; overflow: hidden; } div.item_loop_slider{ background-color: #FFF; } div.swiper-button-ontop{ } div.item_loop_gallery:hover:not(.item_loop_featured){ border-color: #DDD; box-shadow: 1px 1px 3px #CCC; } h3.item_loop_gallery_title, h3.item_loop_gallery_title a{ font-size: 13pt; font-weight: bold; line-height: 1.3; color: #333; margin: 0px; height: 80px; overflow: hidden; } h3.item_loop_gallery_title.small, h3.item_loop_gallery_title.small a{ height: 50px; overflow: hidden; } div.item_loop_gallery_desc{ height: 85px; overflow: hidden; margin-bottom: 10px; } div.item_loop_gallery_image{ text-align: center; width: 100%; height: 200px; margin: auto; } div.item_loop_gallery_image.small{ width: 100%; height: 200px; } div.item_loop_gallery_image img{ max-width: 100%; max-height: 100%; } @media only screen and (max-width: 1000px) { div.item_loop_flexbox { max-width: auto; min-width: calc(33% - 10px); margin-bottom: 10px; padding: 10px; } } @media only screen and (max-width: 700px) { div.item_loop_flexbox { flex: 1 1 auto; -ms-flex: 0 1 auto; -webkit-flex: 0 1 auto; max-width: auto; min-width: calc(50% - 10px); margin-bottom: 10px; padding: 10px; } } @media only screen and (max-width: 600px) { div.item_loop_flexbox:not(.item_loop_gallery.small) { flex: none; -ms-flex: none; -webkit-flex: none; display: block; max-width: auto; width: 100%; margin: 10px 0; padding: 10px; } } @media only screen and (max-width: 450px) { div.item_loop_flexbox, div.item_loop_gallery{ flex: none; -ms-flex: none; -webkit-flex: none; display: block; max-width: 100%; width: 100%; margin: 10px 0; padding: 10px; } div.item_loop_gallery.small{ width: 50%; flex-grow: 0; flex-shrink: 0; } .item_loop_gallery_title.small a{ font-size: 10pt; } } /* ITEM LOOP GENERAL STYLES */ .item_loop_sale_percent{ position: absolute; right: 0px; top: 20px; width: 70px; background-color: #00aeff; padding: 2px; color: #FFF; font-family: 'Open Sans', sans-serif; font-size: 16pt; font-weight: bold; text-align: center; border-radius: 3px; } .item_loop_sale_percent.small{ position: absolute; right: 0px; top: 10px; width: 50px; font-size: 14pt; } .item_loop_price{ position: relative; font-size: 17pt; font-weight: bold; overflow: hidden; color: #333; } div.item_loop_price_small > .item_loop_price{ font-size: 16pt !important; } .strike_through{ content: ''; position: absolute; top: 50%; left: 0; width: 100%; height: 3px; background: #00aeff; margin-top: -1px; transform: rotate(-10deg); z-index: 2; } .item_loop_price > .small{ font-size: 10pt !important; } div.item_loop_iconbox{ width: auto; display: inline-block; background-color: #E3E8EF; padding: 4px 7px; margin-right: 5px; margin-bottom: 5px; text-align: center; font-size: 10pt; color: #444; } div.item_loop_iconbox img{ border: none; vertical-align:middle; margin-bottom: 3px; margin-right:5px; } div.item_loop_featured{ border-color: #fcc900; } div.item_loop_featured_stamp{ position: absolute; top: 0px; left: -5px; width: 120px; height: 25px; line-height: 25px; text-align: left; font-weight: bold; background-color: #fcc900; font-size: 12pt; padding-left: 10px; font-family: 'Open Sans', sans-serif; text-align: center; border-radius: 3px; } @media only screen and (max-width: 800px) { .item_loop_sale_percent{ position: absolute; top: 10px; right: 10px; left: auto; width: auto; padding: 5px 10px; } } /* item_loop_small for recent view and accessories */ div.item_loop_small_container{ margin: 0 -5px; width: 100%; box-sizing: border-box; } .item_loop_small_container:after { content: ""; display: table; clear: both; } div.item_loop_small{ float: left; width: 20%; min-width: 200px; height: 90px; overflow: hidden; } div.item_loop_small-f40{ float: left; width: 40%; padding: 5px; max-width: 80px; max-height: 80px; } div.item_loop_small-f60{ float: left; width: 60%; padding: 5px; } div.item_loop_small-img{ border: 1px solid #DDD; padding: 3px; } div.item_loop_small-img img{ max-width: 100%; } a.item_loop_small-title{ color: #111; } @media only screen and (max-width: 500px) { div.item_loop_small{ float: none; display: block; width: 100%; } } /* END ITEM LOOP */ /* SUBCAT-TEASER FOR CATEGORY-PAGE */ ul.bounceList{ margin: 0px; padding: 0px; } ul.bounceList li{ list-style: none; background: url("data:image/gif;base64,R0lGODlhBAAHAJEAAAAAAP///zMzM////yH5BAEAAAMALAAAAAAEAAcAAAIJ1C6GOtnm2hkFADs=") no-repeat 0px 7px; padding: 0px 0px 0px 10px; margin: 5px 20px 5px 0px; width: 300px; float: left; } /* END SUBCAT-MENU FOR CATEGORY-PAGE */ /* MORE STYLES */ div.addresses_delete{ position: absolute; top: 0px; right: 0px; width: 35px; height: 35px; text-align: center; } div.addresses_delete a i{ font-size: 30px; color: #666; text-decoration: none; } div.addresses_delete a i:hover{ color: #111; } div.addresses_controls{ margin-top: 7px; } div.addresses_controls a{ display: block; padding: 5px; margin-bottom: 5px; text-decoration: none; background-color: #EFEFEF; border: 1px solid #EFEFEF; line-height: 30px; } div.addresses_controls a:hover{ background-color: #DDD; border: 1px solid #CCC; } /* END MORE STYLES */ /* DESKTOP / MOBILE ONLY STYLES */ @media only screen and (max-width: 800px) { .desktop-only{ display: none !important; } .mobile-only{ display: block !important; } } @media only screen and (min-width: 800px) { .desktop-only{ display: block !important; } .mobile-only{ display: none !important; } } @media only screen and (max-width: 600px) { .hide-on-mobile{ display: none !important; } } /* END DESKTOP / MOBILE ONLY STYLES */ /* TO-DO-APP STYLES */ a.todo_set_success, a.todo_set_success i{ color: #CCC; text-decoration: none; } a.todo_set_success:hover, a.todo_set_success i:hover{ color: #61B764; } /* END TO-DO-APP STYLES*/ /* NETBLADE MODAL WINDOW */ div.nb_modal_box{ position: fixed; z-index: 110; left: 50%; top: 50%; transform: translate(-50%,-50%); background-color: #fff; box-sizing: border-box; max-width: 450px; width: 90%; display: none; } div.nb_modal_overlay{ position: fixed; background-color: #000; opacity: 0.7; width: 100%; height: 100%; z-index: 100; top: 0; left: 0; right: 0; bottom: 0; display: none; } div.nb_modal_header{ position: relative; padding: 10px; padding-right: 50px; font-size: 12pt; font-weight: bold; background-color: #DBDBDB; background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#DBDBDB)); background-image: -webkit-linear-gradient(top, #FFF, #DBDBDB); background-image: -moz-linear-gradient(top, #FFF, #DBDBDB); background-image: -ms-linear-gradient(top, #FFF, #DBDBDB); background-image: -o-linear-gradient(top, #FFF, #DBDBDB); background-image: linear-gradient(to bottom, #FFF, #DBDBDB); } div.nb_modal_header_close{ position: absolute; top: 0px; right: 0px; width: 40px; font-size: 18pt; font-weight: normal; font-family: Arial,sans-serif; text-align: center; height: 40px; line-height: 40px; cursor: pointer; } p.center{ text-align: center; } div.nb_modal_content{ padding: 10px; box-sizing: border-box; } /* END NETBLADE MODAL WINDOW */