body {font-family: 'Merriweather Sans', sans-serif;font-size: 14px;} h1, h2, h3, h4, h5 {font-family: 'Merriweather Sans', sans-serif;} h1 {font-size: 30px;} h2 {font-size: 22px;font-weight: bold;} h3 {font-size: 18px;} /* #content a {color: #ecbb09;font-weight: bold;} #content .btn {color: inherit;font-weight: normal;} */ .golden {color: #fcd136;} .golden:hover {color: #ecbb09;} .golden2 {color: #ecbb09;font-weight: bold;} .golden2:hover {color: #e0b000;} .qtip-text {display: none;} .has-qtip {border-bottom: 1px dashed #333;} .qtip {font-size: 13px;line-height: 18px;} .smallfont {font-size: 12px;line-height: 17px;} .sansserif {font-family: 'Merriweather Sans', sans-serif;} .branded {font-family: 'Rock Salt';} .branded sup {font-size: 10px;top: -15px;} .citation {font-weight: 300;font-style: italic;} .citation-big {font-size: 24px;line-height: normal;} .citation-author {font-weight: 300;font-size: 13px;margin-top: -10px;} .indent {margin-left: 30px;margin-right: 30px;} .space {height: 20px;} .green, .green a {color: #21cb60 !important;} .readon-toggle {cursor: pointer;} .readon {display: none;} .no-js .readon-toggle {display: none;} .no-js .readon {display: block;} .box {padding: 15px 18px;display: inline-block;box-shadow: 0 0 10px rgba(0,0,0,0.2);border-radius: 2px;} .box+.box {margin-left: 15px;} .box-sm {padding: 5px 10px;} .box-md {padding: 10px 13px;} .box-lg {padding: 15px 18px;} .box a, a.box {color: black;text-decoration: none;} #header {background: #2e4a58 url("/img/header_egg_small.jpg") no-repeat center top;height: 100px;} #logo {display: none;margin: 50px 0 0 0;font-size: 20px;color: white;text-shadow: 0 0 10px rgba(0,0,0,0.7);} #menu .branded {color: white;} #menu .navbar {border-radius: 0;} #menu a.active {color: #fcd136;} #content {margin: 40px 0;font-family: Merriweather, serif;font-size: 16px;line-height: 24px;} #content p {margin-bottom: 20px;} #content .citation-big:first-child {text-align: right;} #content .citation-big:first-child+.citation-author {text-align: right;margin-bottom: 40px;} .special-tableform {display: table-row;} .special-tableform div {display: table-cell;padding-bottom: 20px;} .special-tableform-left {padding-right: 20px;} .special-tableform-right {min-width: 150px;} .special-table-padding td {padding: 3px 5px;} .special-table-padding td:first-child {padding-left: 0;} .special-table-padding td:last-child {padding-right: 0;} .special-table-border td {border: 1px solid #b7b7b7;padding: 3px 5px !important;} .special-style-1 td:last-child {text-align: center;width: 160px;} .btn-styled {font-size: 15px;padding: 4px 8px 3px 8px;} .btn-pseudo {font-size: 15px;position: relative;top: 4px;} .workbook-button-div {margin: 10px 0;} #editworkbook {text-align: center;} #editworkbook .well {text-align: left;width: 90%;margin: 0 auto;} #editworkbook .situation {margin: 30px 0;font-size: large;font-weight: bold;} #editworkbook .reaction {margin: 30px 0;} #editworkbook .effectslider .ui-slider-range, #editworkbook .probabilityslider .ui-slider-range {background-color: #337ab7;} #editworkbook .effect {margin: 30px 0;} #editworkbook .effectslider, #editworkbook .probabilityslider {margin-bottom: 20px;} #editworkbook .effectslider td, #editworkbook .probabilityslider td {padding: 3px 10px;} #editworkbook .effectslider td:nth-child(1), #editworkbook .probabilityslider td:nth-child(1) {width: 20%;text-align: right;} #editworkbook .effectslider td:nth-child(2), #editworkbook .probabilityslider td:nth-child(2) {width: 60%;text-align: center;} #editworkbook .effectslider td:nth-child(3), #editworkbook .probabilityslider td:nth-child(3) {width: 20%;text-align: left;} #editworkbook .slidertext {font-size: 14px;} #editworkbook .impossible .helptext {display: inline-block;font-weight: normal;margin-right: 10px;} #editworkbook .impossible label {display: inline-block;font-weight: normal;} #editworkbook .continuebtn {margin-top: 30px;position: relative;} #editworkbook .continuebtn .break {position: absolute;bottom: 0;right: 0;font-size: 12px;line-height: normal;} #editworkbook .well {position: relative;} #editworkbook .tip-righttop {/* position: absolute;right: 7px;top: 3px; */font-size: 12px;} .tip-septil {font-family: 'Merriweather Sans', sans-serif; text-align: center;line-height: 15px;} .tip-septil-header {font-size: 13px;} .tip-septil-agerange {padding-top: 5px;} #selectionworkbook label {font-weight: normal;margin-bottom: 0;} #bubblewrap {margin: 0 0 50px 0;} #bubblechart {} #bubblechart {position: relative;} #bubbletooltip { position: absolute; width: 300px; padding: 10px; background-color: rgba(255, 255, 255, 0.9); border-radius: 3px; box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.85); line-height: normal; } #bubbletooltip .situation {margin-bottom: 7px;border-bottom: 1px solid gray;padding-bottom: 7px;text-align: center;} #bubbletooltip .wrap {font-size: 13px;position: relative;font-family: sans-serif;} #bubbletooltip .wrap span.what {display: inline-block;width: 120px;text-align: right;position: relative;} #bubbletooltip .wrap span.data {display: inline-block;position: absolute;left: 130px;padding: 1px 2px;border-radius: 2px;} #bubbletooltip .wrap span.verysmall {display: inline-block;font-size: 10px;position: absolute;left: 0;top: 0;right: 60px;line-height: 8px;} #bubblecontrols {position: relative;margin: 0 0 20px 0;} #bubblecontrols button {padding-left: 5px;padding-right: 5px;} #bubblecontrols span {display: block;} #bubblecontrols span span {display: inline;} #bubblecontrols>div {display: inline-block;margin: 0 20px 5px 0;} #bubblecontrols #bubblecontrols-effect {position: absolute;left: 730px;top: 0;} #bubblecontrols #bubblecontrols-probability {position: absolute;left: 730px;top: 63px;} #bubblecontrols-color-flash {height: 34px;} .control-slider {width: 300px;} .control-slider .ui-slider-range {background-color: #ccc;} .slider-wrap {display: inline-block;border: 1px solid #ccc;border-radius: 5px; padding: 9px 20px;} #bubblelegend {width: 1000px;} #bubblelegend .sort-reaction > span, #bubblelegend .sort-category > span { display: block; position: absolute; text-align: center; color: #555; line-height: normal; width: 570px; } #bubblelegend .sort-reaction > span > span, #bubblelegend .sort-category > span > span { border-radius: 3px; margin: 0 auto; padding: 7px 10px; background-color: #f5f5f5; -webkit-print-color-adjust: exact; } #bubblelegend .sort-category > span {width: 190px;} #bubblelegend .sort-reaction .r0 {top: 300px;} #bubblelegend .sort-reaction .r05 {top: 525px;} #bubblelegend .sort-reaction .r1 {top: 750px;} #bubblelegend .sort-reaction .c0 {left: 0px;} #bubblelegend .sort-reaction .c05 {left: 310px;} #bubblelegend .sort-reaction .c1 {left: 620px;} #bubblelegend .sort-category .r0 {top: 200px;} #bubblelegend .sort-category .r1 {top: 500px;} #bubblelegend .sort-category .r2 {top: 800px;} #bubblelegend .sort-category .c0 {left: 0;} #bubblelegend .sort-category .c1 {left: 190px;} #bubblelegend .sort-category .c2 {left: 380px;} #bubblelegend .sort-category .c3 {left: 570px;} #bubblelegend .sort-category .c4 {left: 760px;} #bubblelegend .sort-category .c5 {left: 950px;} #bubblelegend .color {position: absolute;top: 0;right: 50px;font-family: 'Merriweather Sans', sans-serif;color: #555;} #bubblelegend .color text {fill: #555;} #allreact-controls span {display: block;} #allreact-controls span span {display: inline;} #allreact-controls>div {display: inline-block;margin: 0 0 10px 0;} #percentagesbycat {width: auto;} #percentagesbycat th.percent {text-align: center;} #percentagesbycat td.percent {text-align: right;padding-right: 15px;width: 80px;} #percentagesbycat .title {} #percentagesbycat .generic {} #percentagesbycat .weak {} #percentagesbycat .strong {} #percentagesbycat tfoot tr:first-child td {border-top: 2px solid #ddd;background-color: white;font-weight: bold;} #percentagesbycat td:nth-child(3), #percentagesbycat th:nth-child(3), #percentagesbycat td:nth-child(6), #percentagesbycat th:nth-child(6), /* #percentagesbycat td:nth-child(8), #percentagesbycat th:nth-child(8), */ #percentagesbycat tr.spanned td:nth-child(4) {border-left: 1px dashed #ccc;} #percentagesbycat tr.spanned td {text-align: center;font-size: 14px;} #percentagesbycat tr.spanned td:nth-child(1) {width: 20px;} #percentagesbycat tr.spanned td:nth-child(2) {width: 140px;} #percentagesbycat tr.spanned td:nth-child(4) {width: 120px;} #percentagesbycat tr.spanned td:nth-child(3) {width: 180px;} #percentagesbycat tr.spanned td:nth-child(4) {width: 180px;} #selectedreactions {box-shadow: 0px 0px 25px #ccc;} .topbotspace {margin: 30px 0;} .colorbar {display: inline-block;height: 25px;padding: 2px 4px;border-radius: 3px;} .graphic {padding: 6px 8px 0 8px !important;} dl.factor-legend {font-style: italic;font-size: 14px;} dl.factor-legend dt {float: left;} dl.factor-legend dd {margin: 5px 0 5px 30px;} dl.factor-legend dt.large + dd {margin-left: 150px;} .legend-header {font-family: Merriweather, serif;margin: 0;font-size: 14px;font-style: italic;color: black;} .example-wrap {font-size: 14px;line-height: 20px;padding: 0 20px;border: 1px solid #ccc;border-radius: 5px;} .example-wrap p {margin-bottom: 10px !important;} .example-wrap ul {padding-left: 20px;} .example-header {font-size: 17px;} .bg {padding: 2px 3px;border-radius: 2px;} .bg-blue {color: white;background-color: #1d87ff;} .bg-gray {color: white;background-color: #bbb;} .has-firstemot {position: relative;} .has-firstemot .firstemot {position: absolute;display: block;font-size: 10px;bottom: 22px;left: 0;right: 0;} .has-firstemot .normal {position: relative;top: 7px;} #bubblecontrols .has-firstemot .firstemot {bottom: 17px;} .has-ofinci {position: relative;} .has-ofinci .ofinci {position: absolute;display: block;font-size: 10px;bottom: 0;left: 0;right: 0;} .has-ofinci .normal {position: relative;bottom: 5px;} .small-twoline {font-size: 12px;text-align: center;line-height: 10px;position: relative;top: 5px;} .lebenswerte-table-refine {} .lebenswerte-table-refine td:nth-child(1), .lebenswerte-table-refine td:nth-child(2), .lebenswerte-table-refine td:nth-child(3), .lebenswerte-table-refine th:nth-child(1), .lebenswerte-table-refine th:nth-child(2), .lebenswerte-table-refine th:nth-child(3) { width: 40px; text-align: center; } .lebenswerte-table-refine td:nth-child(1) {background-color: #a3f6b8;} .lebenswerte-table-refine td:nth-child(2) {background-color: #ffe88b;} .lebenswerte-table-refine td:nth-child(3) {background-color: #ffbbac;} /* .action-link {padding: 2px 5px;border: 1px solid gray;border-radius: 3px;} */ @media (min-width: 768px) { #header {background: #2e4a58 url("/img/header_egg_medium.jpg") no-repeat center top;height: 200px;} #logo {display: block;margin: 100px 0 0 0;font-size: 40px;} .branded sup {font-size: 15px;top: -25px;} } @media (min-width: 992px) { } @media (min-width: 1200px) { #header {background: #2e4a58 url("/img/header_egg_large.jpg") no-repeat center top;height: 300px;} #logo {display: block;margin: 150px 0 0 0;font-size: 60px;} .branded sup {font-size: 20px;top: -55px;} } .box-golden { color: #222; border: 1px solid #997517; background: #fceabb; /* Old browsers */ background: -moz-linear-gradient(-45deg, #fceabb 0%, #fccd4d 17%, #f2b832 65%, #fbdf93 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#fceabb), color-stop(17%,#fccd4d), color-stop(65%,#f2b832), color-stop(100%,#fbdf93)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(-45deg, #fceabb 0%,#fccd4d 17%,#f2b832 65%,#fbdf93 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(-45deg, #fceabb 0%,#fccd4d 17%,#f2b832 65%,#fbdf93 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(-45deg, #fceabb 0%,#fccd4d 17%,#f2b832 65%,#fbdf93 100%); /* IE10+ */ background: linear-gradient(135deg, #fceabb 0%,#fccd4d 17%,#f2b832 65%,#fbdf93 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } #content .box-golden a, #content a.box-golden {color: #222;} a.box-golden:hover { background: #f9e09f; /* Old browsers */ background: -moz-linear-gradient(-45deg, #f9e09f 0%, #f9c134 17%, #efad1f 65%, #f9d26d 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#f9e09f), color-stop(17%,#f9c134), color-stop(65%,#efad1f), color-stop(100%,#f9d26d)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(-45deg, #f9e09f 0%,#f9c134 17%,#efad1f 65%,#f9d26d 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(-45deg, #f9e09f 0%,#f9c134 17%,#efad1f 65%,#f9d26d 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(-45deg, #f9e09f 0%,#f9c134 17%,#efad1f 65%,#f9d26d 100%); /* IE10+ */ background: linear-gradient(135deg, #f9e09f 0%,#f9c134 17%,#efad1f 65%,#f9d26d 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9e09f', endColorstr='#f9d26d',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } @media print { .container {width: auto;} #header {height: auto;} #logo {margin: 20px 0;font-size: 26px;text-align: right;} #logo sup {position: relative;font-size: 10px;top: -20px;} .pagebreakafter {page-break-after: always;} .nopagebreakinside {page-break-inside: avoid;} .table-print-friendly tr, .table-print-friendly tr td, .table-print-friendly tr th {page-break-inside: avoid;} .table-print-friendly tr td {margin: 4px 0 4px 0;} #bubblecontrols button {padding: 3px 6px;} #bubblecontrols button.active {border: 2px solid black;font-weight: bold;} } /* merriweather-300 - latin */ @font-face { font-family: 'Merriweather'; font-style: normal; font-weight: 300; src: url('../fonts/merriweather-v19-latin-300.eot'); /* IE9 Compat Modes */ src: local('Merriweather Light'), local('Merriweather-Light'), url('../fonts/merriweather-v19-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/merriweather-v19-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/merriweather-v19-latin-300.woff') format('woff'), /* Modern Browsers */ url('../fonts/merriweather-v19-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/merriweather-v19-latin-300.svg#Merriweather') format('svg'); /* Legacy iOS */ } /* merriweather-300italic - latin */ @font-face { font-family: 'Merriweather'; font-style: italic; font-weight: 300; src: url('../fonts/merriweather-v19-latin-300italic.eot'); /* IE9 Compat Modes */ src: local('Merriweather Light Italic'), local('Merriweather-LightItalic'), url('../fonts/merriweather-v19-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/merriweather-v19-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/merriweather-v19-latin-300italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/merriweather-v19-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/merriweather-v19-latin-300italic.svg#Merriweather') format('svg'); /* Legacy iOS */ } /* merriweather-regular - latin */ @font-face { font-family: 'Merriweather'; font-style: normal; font-weight: 400; src: url('../fonts/merriweather-v19-latin-regular.eot'); /* IE9 Compat Modes */ src: local('Merriweather Regular'), local('Merriweather-Regular'), url('../fonts/merriweather-v19-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/merriweather-v19-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/merriweather-v19-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/merriweather-v19-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/merriweather-v19-latin-regular.svg#Merriweather') format('svg'); /* Legacy iOS */ } /* merriweather-700 - latin */ @font-face { font-family: 'Merriweather'; font-style: normal; font-weight: 700; src: url('../fonts/merriweather-v19-latin-700.eot'); /* IE9 Compat Modes */ src: local('Merriweather Bold'), local('Merriweather-Bold'), url('../fonts/merriweather-v19-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/merriweather-v19-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/merriweather-v19-latin-700.woff') format('woff'), /* Modern Browsers */ url('../fonts/merriweather-v19-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/merriweather-v19-latin-700.svg#Merriweather') format('svg'); /* Legacy iOS */ } /* merriweather-700italic - latin */ @font-face { font-family: 'Merriweather'; font-style: italic; font-weight: 700; src: url('../fonts/merriweather-v19-latin-700italic.eot'); /* IE9 Compat Modes */ src: local('Merriweather Bold Italic'), local('Merriweather-BoldItalic'), url('../fonts/merriweather-v19-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/merriweather-v19-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/merriweather-v19-latin-700italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/merriweather-v19-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/merriweather-v19-latin-700italic.svg#Merriweather') format('svg'); /* Legacy iOS */ } /* merriweather-sans-regular - latin */ @font-face { font-family: 'Merriweather Sans'; font-style: normal; font-weight: 400; src: url('../fonts/merriweather-sans-v9-latin-regular.eot'); /* IE9 Compat Modes */ src: local('Merriweather Sans'), local('MerriweatherSans-Regular'), url('../fonts/merriweather-sans-v9-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/merriweather-sans-v9-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/merriweather-sans-v9-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/merriweather-sans-v9-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/merriweather-sans-v9-latin-regular.svg#MerriweatherSans') format('svg'); /* Legacy iOS */ } /* merriweather-sans-italic - latin */ @font-face { font-family: 'Merriweather Sans'; font-style: italic; font-weight: 400; src: url('../fonts/merriweather-sans-v9-latin-italic.eot'); /* IE9 Compat Modes */ src: local('Merriweather Sans Italic'), local('MerriweatherSans-Italic'), url('../fonts/merriweather-sans-v9-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/merriweather-sans-v9-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/merriweather-sans-v9-latin-italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/merriweather-sans-v9-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/merriweather-sans-v9-latin-italic.svg#MerriweatherSans') format('svg'); /* Legacy iOS */ } /* merriweather-sans-700 - latin */ @font-face { font-family: 'Merriweather Sans'; font-style: normal; font-weight: 700; src: url('../fonts/merriweather-sans-v9-latin-700.eot'); /* IE9 Compat Modes */ src: local('Merriweather Sans Bold'), local('MerriweatherSans-Bold'), url('../fonts/merriweather-sans-v9-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/merriweather-sans-v9-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/merriweather-sans-v9-latin-700.woff') format('woff'), /* Modern Browsers */ url('../fonts/merriweather-sans-v9-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/merriweather-sans-v9-latin-700.svg#MerriweatherSans') format('svg'); /* Legacy iOS */ } /* merriweather-sans-700italic - latin */ @font-face { font-family: 'Merriweather Sans'; font-style: italic; font-weight: 700; src: url('../fonts/merriweather-sans-v9-latin-700italic.eot'); /* IE9 Compat Modes */ src: local('Merriweather Sans Bold Italic'), local('MerriweatherSans-BoldItalic'), url('../fonts/merriweather-sans-v9-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/merriweather-sans-v9-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/merriweather-sans-v9-latin-700italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/merriweather-sans-v9-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/merriweather-sans-v9-latin-700italic.svg#MerriweatherSans') format('svg'); /* Legacy iOS */ } /* rock-salt-regular - latin */ @font-face { font-family: 'Rock Salt'; font-style: normal; font-weight: 400; src: url('../fonts/rock-salt-v8-latin-regular.eot'); /* IE9 Compat Modes */ src: local('Rock Salt Regular'), local('RockSalt-Regular'), url('../fonts/rock-salt-v8-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/rock-salt-v8-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/rock-salt-v8-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/rock-salt-v8-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/rock-salt-v8-latin-regular.svg#RockSalt') format('svg'); /* Legacy iOS */ }