* {
margin: 0;
padding: 0;
}
html {
overflow-y: scroll;
}
body {
font-family: Arial, Verdana, sans-serif;
font-size: 16px; /* BST-844: was 12px; */
background-color: #f4f3f1;
color: #333333;
margin: 0;
}
img {
border: 0;
}
h3 {
color: #633b2f;
font-size: 16px;
font-weight: normal;
padding: 8px 0;
}
h4 {
color: #633b2f;
font-size: 14px;
font-weight: normal;
padding: 8px 0;
}
p {
font-size: 16px; /* BST-844: was 12px; */
/* line-height: 22px; */ /* BST-844: 18px; */
line-height: 16px;
}
a {
color: #633B2F;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
hr {
color: #633B2F;
background: #633B2F;
height: 1px;
margin: 20px 0;
border: none;
}
input[type="text"], textarea {
background: url("../images/bg_input.png") no-repeat top left;
}
.mt10{margin-top:10px}
.mt15{margin-top:15px}
.mt20{margin-top:20px}
.mt25{margin-top:25px}
.mt30{margin-top:30px}
.mt35{margin-top:35px}
.mt40{margin-top:40px}
.mb10{margin-bottom: 10px}
.mb15{margin-bottom:15px}
.mb20{margin-bottom: 20px}
.mb25{margin-bottom:25px}
.mb30{margin-bottom:30px}
.mb35{margin-bottom:35px}
.mb40{margin-bottom:40px}
.wrapper {
width: 940px;
margin: 0 auto;
}
.left {
float: left;
}
.img-left {
float: left;
clear: left;
padding: 5px 10px 0 0;
}
.text-left {
text-align: left;
}
.right {
float: right;
}
.img-right {
float: right;
clear: right;
padding: 5px 0 0 10px;
}
.text-right {
text-align: right;
}
.nofloat {
float: none !important;
}
.clear {
clear: both;
}
.phonenumber {
color: #bd5910;
font-size: 18px;
line-height: 26px;
padding: 5px 0 0 0;
}
.bold {
font-weight: bold;
}
.details2 {
display: inline-block;
width: 130px; /* BST-844: was 110px */
}
.details {
display: inline-block;
width: 70px;
}
.grey {
color: #999999;
}
.mr5 {
margin-right: 5px;
}
.mt10 {
margin-top: 10px !important;
}
.m0 {
margin: 0 !important;
}
.w515 {
width: 515px;
}
.no-pt{
padding-top: 0 !important;
}
#anfrage-sidebar .box .pb0{
padding-bottom: 0;
}
#anfrage-sidebar .box .contentheading{
font-size: 1.125rem;
}
#anfrage-sidebar .box .contentheading.bold{
font-weight: bold;
}
#anfrage-sidebar .box .contentheading.bold ~ a{
font-size: 1.125rem;
line-height: 1.5rem;
}
#anfrage-sidebar .box a#sofortBeratenBtn {
align-items: center;
background: none;
border-radius: 0.3125rem;
color:initial;
display:flex;
float: none;
font-size: 1.125rem;
font-weight: 600;
height: auto;
justify-content: center;
line-height: 1.5rem;
margin-bottom: 1rem;
overflow: hidden;
padding: 0.625rem;
width: auto;
transition: background-color 0.5s ease-in-out;
}
#anfrage-sidebar .box a#sofortBeratenBtn:link,
#anfrage-sidebar .box a#sofortBeratenBtn:visited{
background-color: #a5cc3b;
color: #fff;
}
#anfrage-sidebar .box a#sofortBeratenBtn:hover,
#anfrage-sidebar .box a#sofortBeratenBtn:active,
#anfrage-sidebar .box a#sofortBeratenBtn:focus {
background-color: #9cc136;
text-decoration: none;
}
#anfrage-sidebar .box a#sofortBeratenBtn .material-icons{
margin-right: .25em;
}
#anfrage-sidebar .widget.geprueftde{
text-align: center;
}
/* Zeigt Spans wenn CSS nicht geladen werden kann (Anfrageergebnisse) */
.css-hide{
display: none !important;
}
/* --- Universal Buttons --- */
/* small */
.button.button-gray-small, a.button.melden-small{
background: url('../images/buttons/universal/gray-small-left.png') no-repeat left top transparent;
height: 24px;
display: inline-block;
padding-left: 8px;
margin: 5px 5px 0 5px;
width: auto;
}
.button.button-gray-small span, a.button.melden-small span {
background: url("../images/buttons/universal/gray-small-right.png") no-repeat right top transparent;
color: #666;
display: block;
font-size: 12px !important;
width: auto!important;
float: none!important;
height: 20px;
padding: 4px 12px 0 5px;
text-shadow: 1px 2px 2px #ccc;
line-height:16px;
}
.button.button-orange-small{
background: url('../images/buttons/universal/orange-small-left.png') no-repeat left top transparent;
height: 24px;
display: inline-block;
padding-left: 23px;
margin: 5px 5px 0 5px;
}
.button.button-orange-small span {
background: url("../images/buttons/universal/orange-small-right.png") no-repeat right top transparent;
color: #FFFFFF;
display: block;
font-size: 14px !important;
width: auto!important;
float: none!important;
height: 20px;
padding: 4px 15px 0 5px;
text-shadow: 1px 2px 2px #914A15;
line-height:16px;
}
.button.button-orange-small:hover, .button.button-gray-small:hover{
background-position: left -24px;
text-decoration: none;
}
a.button.melden-small:hover{
background: url('../images/buttons/universal/gray-small-left.png') no-repeat left -24px transparent;
}
a.button.melden-small span:hover{
background: url('../images/buttons/universal/gray-small-right.png') no-repeat right -24px transparent;
}
.button.button-orange-small:hover span, .button.button-gray-small:hover span{
background-position: right -24px;
}
/* medium */
.button.button-orange-medium{
background: url('../images/buttons/universal/orange-medium-right.png') no-repeat right top transparent;
height: 38px;
display: inline-block;
padding-right: 24px;
}
.button.button-orange-medium div {
background: url("../images/buttons/universal/orange-medium-left.png") no-repeat left top transparent;
color: #FFFFFF;
display: block;
font-size: 14px !important;
width: auto!important;
float: none!important;
font-weight: bold;
height: 28px;
padding: 10px 5px 0 10px;
text-shadow: 1px 2px 2px #914A15;
line-height:16px;
}
.button.button-green-medium{
background: url('../images/buttons/universal/green-medium-right.png') no-repeat right top transparent;
height: 38px;
display: inline-block;
padding-right: 29px;
}
.button.button-green-medium div {
background: url("../images/buttons/universal/green-medium-left.png") no-repeat left top transparent;
color: #FFFFFF;
display: block;
font-size: 14px !important;
width: auto!important;
float: none!important;
font-weight: bold;
height: 28px;
padding: 10px 5px 0 20px;
text-shadow: 1px 2px 2px #578916;
line-height:16px;
}
.button.button-orange-medium:hover, .button.button-green-medium:hover{
background-position: right -38px;
text-decoration: none;
}
.button.button-orange-medium:hover div, .button.button-green-medium:hover div{
background-position: left -38px;
}
/* large */
.button.button-orange-large{
background: url('../images/buttons/universal/orange-large-right.png') no-repeat right top transparent;
height: 48px;
display: inline-block;
padding-right: 40px;
}
.button.button-orange-large div {
background: url("../images/buttons/universal/orange-large-left.png") no-repeat left top transparent;
color: #FFFFFF;
display: block;
font-size: 16px !important;
width: auto!important;
float: none!important;
font-weight: bold;
height: 38px;
padding: 10px 10px 0 30px;
text-shadow: 1px 2px 2px #914A15;
line-height:25px;
}
.button.button-green-large{
background: url('../images/buttons/universal/green-large-right.png') no-repeat right top transparent;
height: 48px;
display: inline-block;
padding-right: 40px;
}
.button.button-green-large div {
background: url("../images/buttons/universal/green-large-left.png") no-repeat left top transparent;
color: #FFFFFF;
display: block;
font-size: 16px !important;
width: auto!important;
float: none!important;
font-weight: bold;
height: 38px;
padding: 10px 10px 0 30px;
text-shadow: 1px 2px 2px #578916;
line-height:25px;
}
.button.button-orange-large:hover, .button.button-green-large:hover{
background-position: right -48px;
}
.button.button-orange-large:hover div, .button.button-green-large:hover div{
background-position: left -48px;
}
/* --- listen ------------------------------------------------------------------------------------------------------- */
ul.tick li {
padding-left: 35px;
list-style-type: none;
background: url("../images/icons/tick.png") no-repeat center left;
line-height: 22px;
margin-bottom: 6px;
}
ul.arrow li {
padding: 0 0 0 23px;
list-style-type: none;
background: url("../images/icons/arrow_orange.png") no-repeat scroll 2px 5px transparent;
line-height: 18px;
}
ul.triangle li {
padding: 0 0 0 16px;
list-style-type: none;
background: url("../images/icons/triangle_orange.png") no-repeat 0 5px;
line-height: 18px;
}
/* --- buttons ------------------------------------------------------------------------------------------------------ */
button, .button {
cursor: pointer;
border: none;
display: block;
}
button span, a.button span, a.button-read span, a.readon span, a.button-pdf span {
display: none;
}
.button.preise-vergleichen{
background: url('../images/buttons/neu/preise-vergleichen.gif') no-repeat left top transparent;
height:48px;
width:237px;
}
.button.preise-vergleichen:hover{
background-position: 0 -48px;
}
.button.anfrage-weiter{
background: url('../images/buttons/neu/weiter.gif') no-repeat left top transparent;
height:48px;
width:134px;
}
.button.anfrage-weiter:hover{
background-position: 0 -48px;
}
.button-compare {
background: url("../images/index_sprite.png") no-repeat 0 0;
width: 290px;
height: 41px;
}
.button-compare:hover {
background: url("../images/index_sprite.png") no-repeat 0 -41px;
}
.button-compare-btest {
background: url("../images/buttons/neu/preisvergleich.gif") no-repeat 0 0;
width: 290px;
height: 48px;
margin-top: 10px;
}
.button-compare-btest:hover {
background: url("../images/buttons/neu/preisvergleich.gif") no-repeat 0 -48px;
}
.button-informieren {
background: url("../images/buttons/neu/jetzt-informieren_290.gif") no-repeat 0 0;
width: 290px;
height: 48px;
margin-top: 10px;
}
.button-informieren:hover {
background: url("../images/buttons/neu/jetzt-informieren_290.gif") no-repeat 0 -48px;
}
.button-offer {
background: url("../images/anfrage/new_btn_288.gif") no-repeat 0 0;
width: 271px;
height: 48px;
}
.button-offer:hover {
background: url("../images/anfrage/new_btn_288.gif") no-repeat 0 -48px;
}
.button-offer.insurance-button{
background: url("../images/buttons/neu/weitere-informationen.gif") no-repeat left top transparent;
}
.button-offer.insurance-button:hover{
background: url("../images/buttons/neu/weitere-informationen.gif") no-repeat left -48px transparent;
}
.button-offer-more {
background: url("../images/buttons/orange_offer_more.png") no-repeat 0 0;
display: block;
width: 184px;
height: 44px;
margin: -10px -5px 0 0;
}
.button-offer-more:hover {
background: url("../images/buttons/orange_offer_more.png") no-repeat 0 -44px;
}
.button.button-more-information {
background: url("../images/buttons/neu/weitere-informationen.gif") no-repeat scroll left top transparent;
height: 48px;
width: 271px;
}
.button.button-more-information:hover {
background-position: left -48px;
}
.button-offer-more-arrow {
background: url("../images/anfrage/button_more.png") no-repeat scroll 0 0 transparent;
display: block;
width: 180px;
height: 38px;
margin: 0 0 0 0;
}
.button-offer-more-arrow:hover {
background: url("../images/anfrage/button_more.png") no-repeat scroll 0 -37px transparent;
}
.button-get-offer {
background: url("../images/buttons/orange_get_more_offer.png") no-repeat 0 0;
display: block;
width: 197px;
height: 45px;
margin: 10px 139px 0 auto;
}
.button-get-offer:hover {
background: url("../images/buttons/orange_get_more_offer.png") no-repeat 0 -45px;
}
.button-get-offer-animation {
background: url("../images/anfrage/new_btn_250.gif") no-repeat scroll 0 0 transparent;
display: block;
width: 254px;
height: 48px;
margin: 10px 124px 0 auto;
}
.button-get-offer-animation:hover {
background-position: 0 -48px;
}
.button-get-offer-animation.insurance {
background: url("../images/buttons/neu/angebot-erhalten.gif") no-repeat scroll 0 0 transparent;
margin: 10px 0 0 140px;
}
.button-get-offer-animation.insurance:hover {
background-position: 0 -48px;
}
.button-get-more-offer {
background: url("../images/buttons/orange_get_more_offer.png") no-repeat 0 0;
display: block;
width: 197px;
height: 45px;
margin: 10px 139px 0 auto;
}
.button-get-more-offer:hover {
background: url("../images/buttons/orange_get_more_offer.png") no-repeat 0 -45px;
}
.button-compare-small {
background: url("../images/buttons/green_compare_vert.gif") no-repeat 0 0;
width: 178px;
height: 41px;
margin: 15px 0 0 0;
}
.button-compare-small:hover {
background: url("../images/buttons/green_compare_vert.gif") no-repeat 0 -41px;
}
.button-compare-big {
background: url("../images/buttons/green_compare_big.png") no-repeat 0 0;
width: 297px;
height: 50px;
margin: 0 0 0 -5px;
}
.button-compare-big:hover {
background: url("../images/buttons/green_compare_big.png") no-repeat 0 -50px;
}
.button-read, .readon {
background: url("../images/index_sprite.png") no-repeat 0 -170px;
width: 86px;
height: 19px;
margin: 6px;
}
.button-pdf {
background: url("../images/buttons/download_pdf2.png") no-repeat 0 0;
width: 130px;
height: 19px;
margin: 6px;
}
.button-to-pdf {
background: url("../images/buttons/orange_zum_download.png") no-repeat 0 0;
width: 100px;
height: 19px;
margin: 6px 0 6px 6px;
}
.button-pdf span, .button-to-pdf span{
display: none;
}
.button-pdf:hover, .button-to-pdf:hover{
background-position: 0 -19px;
}
.button-read:hover, .readon:hover {
background: url("../images/index_sprite.png") no-repeat 0 -189px;
}
.button-more {
background: url("../images/buttons/orange_more.png") no-repeat 0 0;
width: 61px;
height: 19px;
margin-bottom: 3px;
}
.button-more:hover {
background: url("../images/buttons/orange_more.png") no-repeat 0 -19px;
}
.vcard-basis .button-more,.vcard-premium .button-more {
background: url("../images/buttons/neu/mehr.png") no-repeat 0 0;
width: 73px;
height: 38px;
margin: 0;
}
.vcard-basis div.left > div,.vcard-premium div.left > div {
max-width: 310px;
}
.vcard-basis .button-more:hover,.vcard-premium .button-more:hover {
background: url("../images/buttons/neu/mehr.png") no-repeat 0 -38px;
}
.button-submit {
background: url("../images/buttons/neu/abschicken.png") no-repeat 0 0;
width: 145px;
height: 48px;
margin-right: -5px;
}
.button-submit:hover {
background: url("../images/buttons/neu/abschicken.png") no-repeat 0 -48px;
}
.button-submit-green {
background: url("../images/buttons/neu/abschicken_gruen.png") no-repeat 0 0;
width: 145px;
height: 48px;
margin-right: -5px;
}
.button-submit-green:hover {
background: url("../images/buttons/neu/abschicken_gruen.png") no-repeat 0 -48px;
}
.button-rating-submit {
background: url("../images/buttons/orange-send-rating.png") no-repeat 0 0;
width: 241px;
height: 44px;
margin-right: -5px;
}
.button-rating-submit:hover {
background: url("../images/buttons/orange-send-rating.png") no-repeat 0 -44px;
}
.button-register {
background: url("../images/buttons/orange-register.png") no-repeat 0 0;
width: 186px;
height: 44px;
}
.button-register:hover {
background: url("../images/buttons/orange-register.png") no-repeat 0 -44px;
}
.button-register-ce {
background: url("../images/buttons/neu/kostenlosRegistrieren.gif") no-repeat scroll 0 0 transparent;
width: 315px;
height: 48px;
}
.button-register-ce:hover {
background: url("../images/buttons/neu/kostenlosRegistrieren.gif") no-repeat scroll 0 -48px transparent;
}
.button-free-register {
background: url("../images/buttons/orange-free-register.png") no-repeat 0 0;
width: 221px;
height: 44px;
margin-right: -5px;
}
.button-free-register:hover {
background: url("../images/buttons/orange-free-register.png") no-repeat 0 -44px;
}
.button-angebot {
background: url("../images/buttons/orange_get_single_offer.png") no-repeat 0 0;
display: block;
width: 185px;
height: 44px;
margin-right: -5px;
}
.button-angebot:hover{
background: url("../images/buttons/orange_get_single_offer.png") no-repeat 0 -44px;
}
.button-weiter {
background: url("../images/anfrage/button_next.png") no-repeat scroll 0 0 transparent;
display: block;
width: 96px;
height: 38px;
padding-right: 12px;
}
.button-weiter:hover{
background: url("../images/anfrage/button_next.png") no-repeat scroll 0 -38px transparent;
}
div.all-offers-wrapper {
padding:10px 0 0;
}
div.all-offers-wrapper > .button-weiter.all-offers {
margin:0 auto;
background: url("../images/anfrage/angebote_anfordern.png") no-repeat scroll 0 0 transparent;
width:170px;
}
div.all-offers-wrapper > .button-weiter.all-offers:hover {
background: url("../images/anfrage/angebote_anfordern.png") no-repeat scroll 0 -38px transparent;
}
div.all-offers-wrapper > p {
text-align: center;
margin-top:5px;
color:#666;
}
.button-search {
background: url("../images/buttons/orange_search.png") no-repeat 0 0;
display: block;
width: 147px;
height: 24px;
float: right;
}
.button-search:hover{
background: url("../images/buttons/orange_search.png") no-repeat 0 -24px;
}
.button-search.find-steinmetze, .button-search.find-steinmetze:hover {
background-image: url("../images/buttons/orange_search_steinmetz.png");
}
.button-request {
background: url("../images/buttons/neu/anfrage.png") no-repeat 0 0;
width: 290px;
height: 48px;
display: block;
margin: 6px auto;
}
.button-request:hover {
background: url("../images/buttons/neu/anfrage.png") no-repeat 0 -48px;
}
.button-direct {
background: url("../images/buttons/neu/jetztAnfragen.png") no-repeat 0 0;
width: 240px;
height: 48px;
display: block;
}
.button-direct:hover {
background: url("../images/buttons/neu/jetztAnfragen.png") no-repeat 0 -48px;
}
a.button.melden {
background: url("../images/buttons/neu/eintrag-melden.png") no-repeat 0 0;
width: 239px;
height: 48px;
display: block;
}
a.button.melden:hover {
background: url("../images/buttons/neu/eintrag-melden.png") no-repeat 0 -48px;
}
.button-calculate {
background: url("../images/index_sprite.png") no-repeat -239px -82px;
width: 327px;
height: 44px;
display: block;
margin: 18px auto 6px auto;
}
.button-calculate:hover {
background: url("../images/index_sprite.png") no-repeat -239px -126px;
}
.button-download-pdf {
background: url("../images/buttons/download_pdf.png") no-repeat 0 0;
width: 130px;
height: 19px;
display: inline-block;
vertical-align: middle;
}
.button-download-pdf:hover {
background: url("../images/buttons/download_pdf.png") no-repeat 0 -19px;
}
.button-gutscheinNow {
background: url("../images/buttons/btn_gutschein.gif") no-repeat 0 0;
width: 340px;
height: 41px;
display: block;
}
.button-gutscheinNow:hover {
background: url("../images/buttons/btn_gutschein.gif") no-repeat 0 -41px;
}
.button-gutschein {
background: url("../images/buttons/btn_getGutschein.gif") no-repeat 0 0;
width: 200px;
height: 41px;
display: block;
}
.button-gutschein:hover {
background: url("../images/buttons/btn_getGutschein.gif") no-repeat 0 -41px;
}
.button-zurueckZurStartseite {
background: url("../images/buttons/neu/zurueckZurStartseite.png") no-repeat scroll 0 0 transparent;
display: block;
width: 254px;
height: 48px;
margin: 10px 124px 0 auto;
}
.button-zurueckZurStartseite:hover {
background-position: 0 -48px;
}
.button-zumAnbieter {
background: url("../images/anfrage/zum_anbieter.png") no-repeat scroll 0 0 transparent;
display: block;
width: 161px;
height: 38px;
padding-right: 12px;
}
.button-zumAnbieter:hover {
background-position: 0 -38px;
}
.button-angebotAnfordern {
background: url("../images/anfrage/angebot_anfordern.png") no-repeat scroll 0 0 transparent;
display: block;
width: 161px;
height: 38px;
padding-right: 12px;
}
.button-angebotAnfordern:hover {
background-position: 0 -38px;
}
.button-fensterSchliessen {
background: url("../images/buttons/neu/fensterSchliessen.png") no-repeat scroll 0 0 transparent;
display: block;
width: 200px;
height: 48px;
margin: 10px 124px 0 auto;
}
.button-fensterSchliessen:hover {
background-position: 0 -48px;
}
.button-order-offer {
background: url("../images/buttons/neu/angebot-kostenlos-anfordern.gif") no-repeat scroll 0 0 transparent;
display: block;
width: 300px;
height: 48px;
margin: 0 auto;
}
.button-order-offer:hover {
background-position: 0 -48px;
}
/*a.button.melden {
background: url("../images/buttons/neu/eintrag-melden.png") no-repeat 0 0;
width: 239px;
height: 48px;
display: block;
}
a.button.melden:hover {
background: url("../images/buttons/neu/eintrag-melden.png") no-repeat 0 -48px;
}
a.button.melden-small {
background: url("../images/buttons/eintrag-melden-small.png") no-repeat 0 0;
width: 93px;
height: 19px;
display: block;
margin: 0 2px 3px 0;
margin-bottom: 2px;
}
a.button.melden-small:hover {
background: url("../images/buttons/eintrag-melden-small.png") no-repeat 0 -19px;
}*/
/* --- stars -------------------------------------------------------------------------------------------------------- */
.stars {
width: 61px;
height: 13px;
background: url("../images/icons/stars.png") no-repeat;
margin-bottom: 2px;
}
.resultData .stars {
vertical-align: text-top;
display: inline-block;
}
.resultData .stars .stars {
display: block;
}
.stars span {
display: none;
}
.stars5 {
background-position: 0 0;
}
.stars4 {
background-position: 0 -13px !important;
}
.stars3 {
background-position: 0 -26px;
}
.stars2 {
background-position: 0 -39px;
}
.stars1 {
background-position: 0 -52px;
}
.stars0 {
background-position: 0 -65px;
}
.stars-tip {
display: inline;
width: 61px;
}
/* --- header ------------------------------------------------------------------------------------------------------- */
header {
background-color: #fff;
border-bottom: 1px solid #e0ddd9;
display: block;
}
header #siegel {
margin-top: -66px;
}
header #siegel div {
padding-right: 20px;
}
header #siegel span {
display: block;
color: #20160f;
font-size: 11px;
}
header #logo {
padding-left: 20px;
}
/* --- siegel ------------------------------------------------------------------------------------------------------- */
#siegel a {
float: left;
display: block;
height: 39px;
background: url("../images/index_sprite.png") no-repeat 0 0;
}
#siegel a span {
display: none;
}
#siegel a#zeit {
width: 94px;
background: url("../images/icons/bg_zeit.png") no-repeat 0 0;
}
#siegel a#zeit:hover {
background: url("../images/icons/bg_zeit.png") no-repeat 0 -38px;
}
#siegel a#rtl {
width: 72px;
background-position: 0 -220px;
}
#siegel a#rtl:hover {
background-position: 0 -258px;
}
#siegel a#ntv {
width: 47px;
background-position: -72px -220px;
}
#siegel a#ntv:hover {
background-position: -72px -258px;
}
#siegel a#bild {
width: 35px;
background-position: -119px -220px;
}
#siegel a#bild:hover {
background-position: -119px -258px;
}
#siegel a#welt {
width: 113px;
background-position: -154px -220px;
}
#siegel a#welt:hover {
background-position: -154px -258px;
}
#siegel a#ndr {
width: 49px;
background: url("../images/icons/bg_ndr.png") no-repeat 0 0;
}
#siegel a#ndr:hover {
background: url("../images/icons/bg_ndr.png") no-repeat 0 -38px;
}
#siegel a#regiotv {
width: 50px;
background: url("../images/icons/bg_regiotv.png") no-repeat 0 0;
}
#siegel a#regiotv:hover {
background: url("../images/icons/bg_regiotv.png") no-repeat 0 -38px;
}
#siegel a#wz {
width: 45px;
background: url("../images/icons/bg_wz.png") no-repeat 0 0;
}
#siegel a#wz:hover {
background: url("../images/icons/bg_wz.png") no-repeat 0 -38px;
}
#siegel a#versign {
width: 64px;
background: url("../images/icons/bg_verisign.png") no-repeat 0 0;
}
#siegel a#versign:hover {
background: url("../images/icons/bg_verisign.png") no-repeat 0 -38px;
}
#siegel a#hk {
width: 111px;
background: url("../images/icons/bg_hk.png") no-repeat 0 0;
}
#siegel a#hk:hover {
background: url("../images/icons/bg_hk.png") no-repeat 0 -38px;
}
#siegel a#ssl {
width: 104px;
background-position: -267px -220px;
}
#siegel a#ssl:hover {
background-position: -267px -258px;
}
#siegel a#marktfuehrer {
width: 97px;
background: url("../images/icons/bg_marktfuehrer.png") no-repeat 0 0;
}
#siegel a#marktfuehrer:hover {
background: url("../images/icons/bg_marktfuehrer.png") no-repeat 0 -38px;
}
#siegel a#erfolgsfaktor-familie {
width: 62px;
background-position: -468px -220px;
}
#siegel a#erfolgsfaktor-familie:hover {
background-position: -468px -258px;
}
/* --- header | refactored 2020 ------------------------------------------------------------------------------------- */
.gbv-site-header {
background-color: hsla(0,0%,100%,1);
border-bottom: 1px solid hsla(0,0%,88%,1);
box-shadow: 0 1px 0 1px hsla(0,0%,96%,1);
}
.gbv-site-header * {
box-sizing: border-box;
}
.gbv-site-header .container {
align-items: center;
flex-wrap: wrap;
margin-left: auto;
margin-right: auto;
max-width: 880px;
padding-left: 15px;
padding-right: 15px;
width: 880px;
}
.gbv-site-header .row {
display: flex;
flex-wrap: wrap;
margin-left: -25px;
margin-right: -25px;
}
.gbv-site-logo {
color: hsla(0,0%,0%,1);
display: inline-block;
height: 46px;
margin: 0.625rem 0 1.25rem;
width: 280px;
}
.gbv-header-navigation {
border: 0;
border-radius: 0;
box-shadow: none;
display: flex;
justify-content: space-between;
padding: 0.625rem 0 0;
position: relative;
width: 100%;
z-index: 1;
}
.gbv-header-navigation .navbar-brand {
padding: 0;
}
.gbv-header-navigation .gbv-press-coverage {
display: flex;
margin-left: -10px;
margin-right: -10px;
}
.gbv-header-navigation .gbv-press-coverage > div {
margin-left: 10px;
margin-right: 10px;
}
.gbv-header-navigation .annotation {
font-size: 0.75rem;
margin-bottom: 0;
}
.gbv-header-navigation .nav-item {
height: 39px;
}
.gbv-header-navigation .nav-link {
padding: 0;
}
.gbv-header-navigation .gbv-press-coverage .nav {
display: flex;
flex-wrap: wrap;
padding-left: 0;
margin-bottom: 0;
margin-top: 0;
list-style: none;
}
.gbv-b2b-icon {
display: inline-block;
height: 2.375rem;
margin-right: 0.625rem;
filter: grayscale(100%);
opacity: 0.3;
transition: opacity 0.3s ease-in-out, filter 0.3s ease-in-out;
}
.gbv-b2b-icon:hover, .gbv-b2b-icon:active, .gbv-b2b-icon:focus {
filter: none;
opacity: 1;
}
.gbv-b2b-icon.gbv-icon-press-rtl {
width: 76px;
}
.gbv-b2b-icon.gbv-icon-press-n-tv {
width: 76px;
}
.gbv-b2b-icon.gbv-icon-press-bild {
width: 35px;
}
.gbv-b2b-icon.gbv-icon-press-die-welt {
width: 76px;
}
/* --- Landingpage specific styles ---------------------------------------------------------------------------------- */
.gbv-site-header.gbv-inquiry-landingpage{
background-color: transparent;
/*background-image: linear-gradient(0deg, hsla(0,0%,100%,0.5) 0%, hsla(0,0%,100%,0.1) 100%);*/
border: none;
box-shadow: none;
margin-bottom: -10px;
margin-top: -10px;
}
.gbv-site-header.gbv-inquiry-landingpage .container {
max-width: 100%;
width: 100%;
}
.gbv-site-header.gbv-inquiry-landingpage .row {
margin-right: 10px;
margin-left: 10px;
}
.gbv-site-header.gbv-inquiry-landingpage .gbv-site-logo {
margin-bottom: 1rem;
margin-top: 1rem;
}
.gbv-site-header.gbv-inquiry-landingpage .annotation{
color: hsla(0,0%,80%,1);
font-family: Arial, Verdana, sans-serif;
}
.gbv-site-header.gbv-inquiry-landingpage .gbv-press-review .annotation{
color: hsla(0,0%,90%,1);
}
.gbv-header-navigation .gbv-feedback .nav {
display: flex;
flex-wrap: wrap;
padding-left: 0;
margin-bottom: 0;
margin-top: 0;
list-style: none;
}
.gbv-site-header.gbv-inquiry-landingpage .gbv-b2b-icon {
opacity: 0.6;
}
.gbv-site-header.gbv-inquiry-landingpage .gbv-b2b-icon.gbv-icon-ekomi {
filter: none;
opacity: 1;
height: 70px;
}
.gbv-site-header.gbv-inquiry-landingpage .gbv-b2b-icon:hover,
.gbv-site-header.gbv-inquiry-landingpage .gbv-b2b-icon:active,
.gbv-site-header.gbv-inquiry-landingpage .gbv-b2b-icon:focus {
filter: none;
opacity: 1;
}
/* --- navigation --------------------------------------------------------------------------------------------------- */
nav {
border-top: 1px solid #fff;
display: block;
}
#navigation {
background: url("../images/bg_navigation.png") no-repeat bottom left;
height: 56px;
padding: 0 20px 0 0;
width: 920px;
}
#navigation ul {
display:flex;
justify-content: space-between;
}
#navigation ul li {
list-style: none;
float: left;
height: 56px;
}
#navigation ul li a {
color: #63443a;
font-size: 18px;
text-decoration: none;
display: block;
padding-left: 15px;
}
#navigation ul li:first-child a {
padding-left: 30px;
}
#navigation ul li a span {
background: url("../images/tab_separator.png") no-repeat bottom right;
padding: 22px 25px 13px 0;
display: block;
}
.bg-none {
background: none repeat scroll 0 0 transparent !important;
}
#navigation ul li:last-child a span {
background: none repeat scroll 0 0 transparent;
}
.tinyTipIcon.bg-none:hover {
color: #20160F;
background: none repeat scroll 0 0 transparent !important;
}
/* --- active / hover -- */
#navigation ul li.active a, #navigation ul li a:hover {
background: url("../images/tab.png") no-repeat bottom left;
padding-left: 23px;
margin-left: -8px;
color: #20160f;
}
#navigation ul li.after-current a:hover {
background: url("../images/tab_left.png") no-repeat bottom left;
}
#navigation ul li.active a span, #navigation ul li a:hover span {
background: url("../images/tab.png") no-repeat bottom right;
/*padding-right: 25px;*/
/*margin-right: -8px;*/
}
#navigation ul li.active:first-child a, #navigation ul li:first-child a:hover {
background: url("../images/tab_left_first.png") no-repeat bottom left;
margin-left: 0;
padding-left: 30px;
}
aside {
margin: 3px;
width: 184px;
background: #f7f7f7;
padding: 17px;
float: left;
}
aside ul.menuheadline li {
display: none;
list-style-type: none;
}
aside ul.menuheadline li.active {
display: block;
background: none;
}
aside h1, aside ul.menuheadline li.active {
color: #633b2f;
font-size: 18px;
font-weight: normal;
border-bottom: 1px solid #633b2f;
margin-bottom: 10px;
height: 25px;
}
aside ul.menu_sub li {
list-style-type: none;
font-size: 14px; /* BST-844: was 12px; */
padding-left: 13px;
padding-bottom: 6px;
}
aside ul.menu_sub li ul {
padding-top: 6px;
}
aside ul li.active, aside ul.bestattersuche > li {
background: url("../images/icons/arrow_orange.png") no-repeat 0 2px;
}
aside ul.menu_sub li.active.parent > a {
font-weight: bold;
text-decoration: underline;
}
aside ul.menu_sub li.active.parent > a:hover {
text-decoration: none;
}
aside ul.menu_sub li.current > a {
/*font-weight: bold; BST-844: removed this */
text-decoration: none;
color:#bd5910 !important;
}
aside ul.menu_sub li a, aside ul.menu_sub li ul li a {
color: #202020;
text-decoration: none;
}
aside ul.menu_sub li#current > a:hover, aside ul.menu_sub li a:hover, aside ul.menu_sub li ul li a:hover {
text-decoration: underline;
}
/* --- social bookmarks --------------------------------------------------------------------------------------------- */
.social-bookmarks {
margin-top: 40px;
}
.social-bookmarks a {
background: url("../images/index_sprite.png") no-repeat 0 0;
display: block;
height: 29px;
width: 29px;
}
.social-bookmarks a span {
display: none;
}
.social-bookmarks #facebook {
float: left;
background-position: -400px 0;
}
.social-bookmarks #facebook:hover {
background-position: -400px -29px;
}
.social-bookmarks #google {
float: left;
background: url("../images/icons/social_sprite.png") no-repeat -58px 0 transparent;
}
.social-bookmarks #google:hover {
background-position: -58px -29px;
}
.social-bookmarks #twitter {
float: left;
background-position: -429px 0;
}
.social-bookmarks #twitter:hover {
background-position: -429px -29px;
}
/* --- page and content --------------------------------------------------------------------------------------------- */
.page {
width: 880px;
padding: 10px 30px 0 30px;
margin: 0 auto;
background: url("../images/bg_content.png") repeat-y top left;
}
.page.btest {
padding: 0 30px 0 30px;
}
.page-top {
height: 40px;
width: 880px;
padding: 0 30px;
margin: 0 auto;
background: url("../images/bg_content_top.png") no-repeat top left;
}
.page-bottom {
height: 40px;
width: 880px;
padding: 0 30px;
margin: 0 auto;
background: url("../images/bg_content_bottom.png") no-repeat bottom left;
}
.page-bottom.btest {
height: 30px;
}
#content {
padding: 20px 5px 0 26px;
width: 625px;
float: left;
}
#content h1.contentheading.relative {
position:relative;
}
#content h1.contentheading span.title {
display: inline-block;
width: 500px;
}
#content h1.contentheading div#content-social-buttons {
position:absolute;
right:0px;
bottom:0px;
}
#content h1.contentheading, #content div.componentheading, #newsletter-wholebody h1 {
color: #633b2f;
font-size: 18px;
font-weight: normal;
border-bottom: 1px solid #633b2f;
margin-bottom: 25px;
min-height: 25px;
}
#anfrage-content.white h1.contentheading{
color: #633b2f;
border-bottom: 1px solid #633b2f;
}
#content .blog .contentpaneopen h1.contentheading {
color: #633b2f;
font-size: 16px;
font-weight: normal;
margin: 0 0 5px 0;
border-bottom: none;
/*border-bottom: 1px dashed #633B2F*/;
}
#content .blog .article_column .contentpaneopen h1.contentheading {
margin: 25px 0 5px 0;
}
.domaininfo{
clear: both;
margin-left: 10px;
padding: 20px;
width: 580px;
}
/* --- article and blog --------------------------------------------------------------------------------------------- */
.article-content h3, .article-content h2, .blog_more div strong {
color: #633b2f;
font-size: 16px;
font-weight: normal;
margin: 10px 0;
}
.article-content h2{
padding: 8px 0;
}
.article-content p, .article-content ul li, .blog_more li {
font-size: 16px; /* BST-844: was 12px; */
line-height: 22px; /* BST-844: was 18px; */
color: #333333;
}
.article-content p {
padding-bottom: 6px;
/* BST-844: remove this text-align: justify; */
}
.article-content p a {
color: #8a6c63;
text-decoration: underline;
}
.article-content a:hover {
text-decoration: none;
}
.article-content a.download-link:hover {
text-decoration: underline;
}
.article-content ul, .blog_more ul {
padding: 15px 0;
}
.article-content li, .blog_more li {
background: url("../images/icons/triangle_orange.png") no-repeat 0 4px;
padding-left: 20px;
list-style-type: none;
}
.article-content li a, .blog_more li a {
color: #724e42;
}
.article_separator {
clear: both;
padding-top: 10px;
/*border-bottom: 1px dotted #633B2F;*/
height: 1px;
display: block;
}
.blog .article_separator {
border-bottom: 1px dotted #633B2F;
}
.left.with-image{
padding-top: 0px;
width: 515px;
height: 70px;
}
.left.with-image.autoheight{
padding-top: 0px;
width: 515px;
height: auto;
}
.left.with-image li{
margin-bottom: 10px;
}
#partnerformular p{
margin-bottom: 10px;
}
.register-read{
padding-right: 6px;
text-align: right;
background: url("../images/index_sprite.png") no-repeat scroll 0 -170px transparent;
height: 19px;
margin: 6px;
width: 86px;
}
.register-read:hover{
background-position: 0 -189px;
}
.hidden{
display: none;
}
/* --- pagination --------------------------------------------------------------------------------------------------- */
ul.pagination {
margin: 10px auto;
padding: 10px 0;
display: inline-block;
}
ul.pagination li {
list-style-type: none;
float: left;
font-weight: bold;
text-align: center;
}
ul.pagination span {
display: block;
color: #fff;
background: #BD5910;
min-width: 20px;
padding: 4px 0;
line-height: 12px;
}
ul.pagination span.page-left.inactive {
background: url("../images/icons/page_left_inactive.png") no-repeat center center;
width: 20px;
height: 20px;
padding: 0;
margin-right: 5px;
}
ul.pagination span.page-right.inactive {
background: url("../images/icons/page_right_inactive.png") no-repeat center center;
width: 20px;
height: 20px;
padding: 0;
margin-left: 5px;
}
ul.pagination a > span.page-right.inactive,
ul.pagination a > span.page-left.inactive {
height: 12px;
}
ul.pagination a {
color: #BD5910;
text-decoration: none;
display: block;
min-width: 20px;
padding: 4px 0;
line-height: 12px;
}
ul.pagination a:hover {
text-decoration: underline;
}
.blog ul.pagination li {
margin-right: 16px;
}
.blog ul.pagination li span {
padding: 4px 3px;
}
.blog ul.pagination li:first-child, .blog ul.pagination li:last-child {
display:none;
}
/* --- search ------------------------------------------------------------------------------------------------------- */
.search_box {
padding: 20px;
margin: -17px 0 20px 0;
background: #f7f7f7;
}
.search_form {
width: 545px;
margin: 0 auto;
}
.search_form input[type="text"] {
padding: 3px;
width: 170px;
border: 1px solid #c0c2bd;
margin-right: 15px;
font-size: 14px;
line-height: 16px;
height: 16px;
}
.search_form input[type="text"]:focus {
border: 1px solid #633B2F;
}
.vcards {
width: 642px;
margin-bottom: 20px;
}
.vcards div.vcard {
cursor: pointer;
}
.vcard {
width: 284px;
min-height: 90px;
margin: 9px 17px 9px 0;
padding: 15px 5px 5px 15px;
background: #f7f7f7;
/*border-top: 2px solid #bd5910;*/
float: left;
}
.vcard.vcard-basis,.vcard.vcard-premium{
width: 605px;
}
.vcard .img-left{
padding: 2px 15px 0 0;
}
.vcard.vcard-basis h2,.vcard.vcard-premium h2{
font-size: 16px;
}
.vcard.vcard-basis{
background: #e3e5ea; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZTNlNWVhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNDklIiBzdG9wLWNvbG9yPSIjZjlmYmZjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2M2YzljZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(-45deg, #e3e5ea 0%, #f9fbfc 49%, #c6c9ce 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#e3e5ea), color-stop(49%,#f9fbfc), color-stop(100%,#c6c9ce)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg, #e3e5ea 0%,#f9fbfc 49%,#c6c9ce 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg, #e3e5ea 0%,#f9fbfc 49%,#c6c9ce 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg, #e3e5ea 0%,#f9fbfc 49%,#c6c9ce 100%); /* IE10+ */
background: linear-gradient(135deg, #e3e5ea 0%,#f9fbfc 49%,#c6c9ce 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3e5ea', endColorstr='#c6c9ce',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
}
.vcard.vcard-premium{
background: #ead888; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZWFkODg4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNDklIiBzdG9wLWNvbG9yPSIjZmZmNDlkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U3Y2Q3MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(-45deg, #ead888 0%, #fff49d 49%, #e7cd70 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#ead888), color-stop(49%,#fff49d), color-stop(100%,#e7cd70)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg, #ead888 0%,#fff49d 49%,#e7cd70 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg, #ead888 0%,#fff49d 49%,#e7cd70 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg, #ead888 0%,#fff49d 49%,#e7cd70 100%); /* IE10+ */
background: linear-gradient(135deg, #ead888 0%,#fff49d 49%,#e7cd70 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ead888', endColorstr='#e7cd70',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
}
.reviewer.vcard {
width: auto;
margin: 0;
padding: 0;
background: none;
float: none;
}
.vcard .premium {
font-size: 11px;
font-style: italic;
margin: -14px 1px 0 0;
color: #999;
}
.vcard-premium {
width: 284px;
min-height: 150px;
}
.vcard-premium a.button {
margin-top: 10px;
}
.vcard h2 {
padding: 0 0 6px 0;
line-height: 18px;
font-size: 14px; /* BST-844: was 12px */
}
.vcard h2 a {
font-weight: bold;
line-height: 18px;
color: #633B2F;
text-decoration: none;
}
.vcard h2 span {
font-size: 12px;
color: #633B2F;
}
.vcard h2 a:hover {
text-decoration: underline;
}
.vcard .address {
font-size: 12px;
line-height: 18px;
}
.vcard .address p {
padding-bottom: 6px;
/* BST-844 added this */
font-size: 14px;
line-height: 20px;
}
.address .part {
font-size: 14px; /* BST-844: was 12px */
line-height: 20px; /* BST-844: was 18px */
padding-bottom: 12px;
}
.mapVcard {
background: none;
margin-top: 0;
}
.mapVcard .premium, .mapVcard .basis{
font-size: 11px !important;
}
/* --- footer ------------------------------------------------------------------------------------------------------- */
footer {
width: 900px;
margin: 0 auto;
padding-bottom: 50px;
display: block;
}
footer#mainpage {
padding-bottom: 0;
}
footer#mainpage ul li ul li {
width: 165px;
display: inline-block;
}
footer#mainpage > ul > li:first-child, footer#mainpage > ul > li:first-child + li {
height: auto;
width: 339px;
}
footer#mainpage ul > li > ul {
height: 100px;
width: auto;
}
footer#mainpage ul li ul li {
width: 165px;
display: inline-block;
}
footer ul li {
list-style-type: none;
float: left;
padding-left: 20px;
width: 159px;
border-left: 1px dotted #2a2a2a;
min-height: 80px;
}
footer ul li:first-child {
border-left: none;
}
footer ul li a {
color: #2a2a2a;
font-size: 12px;
line-height: 18px;
font-weight: bold;
display: block;
padding-bottom: 7px;
text-decoration: underline;
}
footer ul li a:hover {
text-decoration: none;
}
footer ul li ul li {
padding: 0;
width: auto;
border: none;
min-height: 0;
float: none;
}
footer ul li ul li a {
color: #633b2f;
font-size: 11px;
line-height: 18px;
font-weight: normal;
text-decoration: none;
padding: 0;
}
footer ul li ul li a:hover {
text-decoration: underline;
}
footer.bottom {
margin-bottom: 30px;
}
#footerExtra {
font-size: 12px;
width: 800px;
margin: 0 auto 40px auto;
text-align: center;
color: #633B2F;
}
#footerExtra p{
font-size: 12px;
}
#footerExtra a {
color: #633B2F;
text-decoration: none;
padding: 0 8px;
border-left: 1px dotted #2A2A2A;
}
#footerExtra a:hover {
text-decoration: underline;
}
#footerExtra a:first-child {
border-left: none;
}
#footer-seo {
width: 860px;
margin: 30px auto;
}
#footer-seo p {
color: #AFA799;
font-size: 12px;
line-height: normal;
}
/* --- teaser ------------------------------------------------------------------------------------------------------- */
#sea-test.landingpage{
background-image: none;
}
#sea-test #landingpage-front {
background: url("../images/landingpage-anfrage-bg.jpg") no-repeat 0 0 transparent;
padding: 0 0 22px 11px;
margin-top: -10px;
}
#sea-test #landingpage-front.notebookTest {
background: url("../images/landingpage-anfrage-bg2.png") no-repeat 0 0 transparent;
}
.landingpage .seaTestFooter #landingpage-pros ul.tick li {
height: 20px;
line-height: 20px;
}
.patch-large {
background: url("../images/landingpage-patch.png") no-repeat scroll -11px -17px transparent;
height: 145px;
left: 413px;
padding: 0 !important;
position: absolute;
top: 44px;
width: 158px;
}
.anfrage-legende {
color: #633b2f;
font-size: 12px;
margin: 0 auto 10px;
text-align: center;
width: 800px;
}
#completerinput, .location-autocomplete {
border: 1px solid #aaa;
float: left;
font-size: 16px;
margin: 4px 6px 0 0;
padding: 10px 20px 9px;
width: 200px;
}
.startseite #completerinput{
float: none;
font-size: 14px;
margin: 0 6px 2px 4px;
padding: 7px 10px 6px;
width: 260px;
}
#teaser-front #teaser-text{
padding: 5px 0 0 56px;
text-align: left;
}
#teaser-front .startseite #bestattervorteile{
padding: 0 0 25px 25px;
}
#teaser-front form.startseite{
padding: 30px 0 20px 90px;
}
.teaser.blume2000 {
padding: 8px;
border: 1px solid #e9e9e9 !important;
height: 160px !important;
}
.teaser.tdp {
padding : 8px;
border: 1px solid #e9e9e9 !important;
height: 320px !important;
}
.seaTestFooter #twoWidgets > div {
float: left;
margin: 40px 15px;
}
.seaTestFooter #twoWidgets .geprueft.test {
margin-left: 56px;
}
.seaTestFooter .icon_tick {
margin-top: 0;
}
.landingpage .seaTestFooter #landingpage-pros {
background-color: #FFFFFF;
box-shadow: 0 0 16px #CCCCCC;
margin: 20px;
padding: 10px 20px;
width: 420px;
}
#sea-test .page{
padding-top: 0;
}
#sea-test #landingpage-front h1{
padding: 36px 0 0 20px;
}
#sea-test #landingpage-front h1.headlineVariant1{
width: 436px;
}
#sea-test #landingpage-front h1.headlineVariant1.centered{
padding: 36px 0 0;
width: 460px;
text-align: center;
}
#sea-test #landingpage-front .geprueft {
bottom: 6px;
right: 6px;
}
#sea-test #landingpage-front #twoWidgets .geprueft {
bottom: 15px;
right: 20px;
}
#sea-test #landingpage-front #twoWidgets .eKomi {
bottom: 12px;
right: 190px;
top: auto;
}
#sea-test #landingpage-logos {
background: url("../images/landingpage-logo-bg.jpg") no-repeat -1px 0 transparent;
margin: 5px -10px 0;
padding: 11px 0 13px 21px;
}
#sea-test .page-bottom{
height: 26px;
margin-bottom: -12px;
}
.sea-test-bg{
background: url("../images/landingpage-short-bg.jpg") no-repeat scroll 0 -12px transparent;
float: left;
padding: 0 0 30px;
}
#sea-test #teaser-info{
background: url("../images/bg_teaser_info.png") no-repeat scroll -10px 0 transparent;
padding-top: 0;
}
#sea-test #teaser-info h3{
border-bottom: medium none;
padding: 33px 0 10px;
}
#sea-test .checklist {
font-size: 16px;
line-height: 30px;
padding: 0 0 0 22px;
color: #20160f;
margin: 18px 0;
}
#sea-test .checklist li {
padding-left: 35px;
list-style-type: none;
background: url("../images/icons/tick.png") no-repeat center left;
}
/* --- Neuer SEA TEST der Landing Pages ----------------------------------------------------------------------------- */
#teaser-front {
background: url("../images/bg_teaser_rechner2.jpg") no-repeat top center;
height: 415px;
position: relative;
}
#teaser-front .tinyTipIcon {
padding-right: 0;
}
.btest #teaser-front {
background: url("../images/bg_teaser_rechner2.jpg") no-repeat top center;
}
#landingpage-front {
padding: 15px 0 40px 40px;
height: 266px;
position: relative;
}
#landingpage-front .tinyTipIcon {
padding-right: 0;
}
#teaser-front h1 {
font-size: 20px;
font-weight: normal;
color: #20160f;
padding: 55px 0 0 35px;
}
#landingpage-front h1 {
font-size: 20px;
line-height: 26px;
font-weight: normal;
color: #20160f;
padding: 50px 0 0 24px;
}
#teaser-front form {
padding: 40px 0 20px 90px;
}
#landingpage-front form {
padding: 0 0 20px 40px;
}
#teaser-front div, #landingpage-front div {
padding-bottom: 20px;
}
#teaser-front .geprueft, #landingpage-front .geprueft {
position: absolute;
right: 15px;
bottom: 15px;
padding: 0;
margin: 0;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
#twoWidgets .geprueft {
border: 1px solid #eaeaea;
right: 20px;
}
#twoWidgets .geprueft.test {
border:none;
bottom: 12px;
}
#teaser-front .eKomi, #landingpage-front .eKomi {
position:absolute;
padding:0;
margin:0;
}
div.eKomi.centered {
text-align: center;
margin:10px 0;
}
.eKomi a {
display:inline-block;
width:129px;
height:129px;
background: url('../images/ekomi-gold-129.png') no-repeat scroll top left transparent;
}
#teaser-front .eKomi {
bottom:12px;
right:195px;
}
#landingpage-front .eKomi {
top:143px;
right:20px;
}
#landingpage-front .geprueft {
right: 35px;
bottom: 10px;
}
#teaser-front .geprueft div, #landingpage-front .geprueft div {
padding-bottom: 0;
}
#teaser-front .geprueft div.salesworker-widgets.small, #landingpage-front .geprueft div.salesworker-widgets.small {
padding: 40px 5px 5px;
}
#teaser-front label, #landingpage-front label {
width: 125px;
display: block;
float: left;
font-size: 16px;
color: #20160f;
}
#teaser-front select, #landingpage-front select {
width: 165px;
font-size: 14px; /* BST-844: was 12px; */
line-height: 14px; /* BST-844: 12px */
color: #20160f;
border: 1px solid #c0c2bd;
}
.btest #teaser-front input[type="text"] {
background: #fff;
border: 1px solid #C0C2BD;
/*color: #20160F;*/
font-size: 12px;
line-height: 14px;
width: 159px;
padding: 2px;
}
#teaser-front select option, #landingpage-front select option {
padding: 2px;
}
#teaser-front .checklist {
font-size: 16px;
line-height: 30px;
padding: 5px 0 0 120px;
color: #20160f;
}
#teaser-front .checklist li {
padding-left: 35px;
list-style-type: none;
background: url("../images/icons/tick.png") no-repeat center left;
}
#ce-bestatter ul.checklist li{
font-size: 16px;
line-height: 30px;
padding: 5px 0 0 35px;
color: #20160f;
list-style-type: none;
background: url("../images/icons/tick.png") no-repeat left 10px transparent;
}
#ce-bestatter > small {
margin-left: 275px;
padding-top: 2px;
}
#ce-bestatter ul.checklist {
margin: 0 0 0 268px;
}
#ce-bestatter .button-register-ce {
margin: 0 0 0 270px;
}
#teaser-text {
font-size: 18px;
padding: 20px 5px;
text-align: center;
color: #20160f;
}
.btest #teaser-text {
padding: 15px 5px;
}
#teaser-text span {
background: url("../images/icons/telephone.png") no-repeat center left;
padding-left: 40px;
color: #bd5910;
}
#teaser-info {
background: url("../images/bg_teaser_info.png") no-repeat top center;
height: 183px;
padding-top: 27px;
}
#teaser-info h3 {
color: #633b2f;
font-size: 18px;
line-height: 18px;
font-weight: normal;
margin: 0 0 20px 10px;
}
#teaser-info ul li {
list-style: none;
color: #633b2f;
font-size: 16px;
line-height: 18px;
float: left;
display: block;
padding-left: 60px;
width: 233px;
}
#teaser-info ul li:first-child {
width: 223px;
}
#teaser-info ul.sublist {
padding-top: 7px;
}
#teaser-info ul.sublist li {
background: url("../images/icons/triangle_brown.png") no-repeat center left;
padding-left: 16px;
color: #20160f;
font-size: 14px; /* BST-844: was 12px; */
line-height: 24px;
float: none;
}
#ce-bestatter {
background: url('../images/bestatter-ce.jpg') no-repeat left top transparent;
width: 628px;
height: 277px;
}
#ce-bestatter h3{
color: #222222;
font-size: 18px;
margin-left: 248px;
padding-top: 35px;
margin-right: 20px;
text-align: center;
margin-bottom: 0;
padding-bottom: 0;
}
.register-p{
padding-bottom: 40px!important;
}
/* --- Laptop Sea Test ---------------------------------------------------------------------------------------------- */
.seaNotebook{
background: url('../images/laptop-bg.jpg') no-repeat 0 0 transparent;
height: 483px;
width: 900px;
margin: 0 auto;
}
.seaNotebook ul{
color: #FFFFFF;
font-size: 18px;
line-height: 28px;
}
.seaNotebook .box-left {
padding: 170px 67px 50px;
}
.seaNotebook .button-green-large div{
background-position: -10px top;
}
.seaNotebook .button-green-large:hover div{
background-position: -10px -48px;
}
.anfrage-notebook input{
border: medium none;
font-size: 18px;
height: 39px;
margin: 4px 0 0 20px;
padding: 0 0 0 12px;
width: 186px;
}
.iefallback {
color: #FFFFFF;
display: none;
font-size: 18px;
margin: 0 0 0 20px;
}
.seaNotebookBanner {
background-color: #FFFFFF;
margin: 0 auto;
width:850px;
padding: 15px 25px;
}
.seaNotebookBanner .box {
font-size: 12px;
width: 179px;
padding-top: 54px;
text-align: center;
float:left;
background: url('../images/icons/lp-notebook-icons.png') no-repeat center -12px transparent;
}
.seaNotebookBanner .box.one { background-position: 55px -6px;}
.seaNotebookBanner .box.two { background-position: -128px -7px;}
.seaNotebookBanner .box.three { background-position: -305px -6px; margin-right: 15px;}
.seaNotebookBanner .box span{
font-size:16px;
display: block;
}
.seaNotebookBanner .geprueft, .seaNotebookBanner .eKomi{
float: left;
margin-top: -42px;
}
.seaNotebookBanner .geprueft{
margin-right: 15px;
}
.notebook-kundenmeinung{
background-color: #FFFFFF;
margin: 0 auto 15px;
padding: 15px 25px 10px;
width: 850px;
}
.notebook-kundenmeinung .kundennmeinungen {
width: 410px;
}
.notebook-kundenmeinung .title{
border-bottom: 1px solid #633B2F;
color: #633B2F;
font-size: 18px;
font-weight: normal;
}
/* --- boxes -------------------------------------------------------------------------------------------------------- */
.row .b1, .row .b2 {
float: left;
width: 388px;
padding: 15px;
border: 1px solid #e9e9e9;
margin: 10px;
height: 516px;
}
.row.row1 .b1, .row.row1 .b2 {
height: 460px !important;
}
.row1 {
margin-top: -18px;
}
.row .title {
font-size: 18px;
color: #633b2f;
border-bottom: 1px solid #633b2f;
font-weight: normal;
}
.row li .box-special {
color: #76574d;
margin: 12px 0 0 0;
}
.row li .box-special .button-read {
margin: -5px -4px 0 0;
}
.row p, .row li {
line-height: 18px;
}
.kundennmeinungen li, .erfahrungsberichte li, .nachrichten li, .downloaduebersicht li {
list-style-type: none;
margin: 10px 0;
padding: 10px;
background-color: #f7f7f7;
color: #333;
font-size: 12px;
line-height: 18px;
}
.downloaduebersicht li{
float: left;
width: 265px;
margin: 10px 0;
background-image: none;
box-shadow: 1px 1px 2px #CCCCCC;
text-align: justify;
}
.article-content ul.downloaduebersicht {
padding-top: 0;
padding-bottom: 0;
}
.downloaduebersicht li .button-read{
margin-bottom: 0;
margin-right: 0;
}
.downloaduebersicht li:nth-child(2n+1){
margin-right: 45px;
}
.downloaduebersicht li.floatRight:nth-child(2n+1){
margin: 5px 0 0 25px !important;
}
.downloaduebersicht li h3{
color: #333333;
display: block;
font-weight: bold;
margin: 0;
padding: 0 0 3px;
font-size: 13px;
}
.downloaduebersicht a.button-toTheDownload, .button-toTheDownload{
display:block;
width: 265px;
margin: 10px 0 0;
height: 48px;
background: url('../images/buttons/neu/downloaden.png') no-repeat center top transparent;
}
.downloaduebersicht a.button-toTheDownload:hover, .button-toTheDownload:hover {
background-position: center -48px;
}
.downloaduebersicht .floatRight {
float: right;
margin: 10px 10px 10px 45px;
}
.downloaduebersicht a span{
display: none;
}
/* BST-844: added this part */
.downloaduebersicht p {
font-size: 12px;
line-height: 18px;
}
.downloaduebersicht .downloaduebersichtContainer{
background-color: #EAEAEA;
padding: 2px 8px;
}
.downloaduebersicht .downloaduebersichtContainer .title {
font-weight: bold;
}
.downloaduebersicht .downloaduebersichtContainer div {
font-size: 14px;
}
.downloaduebersichtContainer .left{
float: left;
width: 125px;
}
.downloaduebersichtContainer .right{
float: right;
width: 120px;
color: #999;
text-align: right;
}
.downloaduebersichtContainer p{
padding: 6px 0;
}
.downloaduebersicht.twoCols li h2.title{
margin: 0;
padding: 0;
}
.nachrichten img.teaser {
width: 83px;
height: 63px;
}
.kundennmeinungen li:first-child {
margin-top: 13px;
}
.kundennmeinungen li .date, .article-content .date, .hreview .m {
padding-top: 5px;
color: #76574d;
text-align: right;
}
.anfragen li {
font-size: 16px;
line-height: 22px;
color: #333;
border-bottom: 1px dotted #633b2f;
list-style-type: none;
padding:5px 10px;
}
.anfragen li:first-child {
padding-top: 20px;
}
.anfragen li span {
font-size: 10px;
line-height: 18px;
color: #76574d;
display: block;
}
#eigene-anfrage {
font-size: 12px;
line-height: 18px;
color: #76574d;
padding: 0;
text-align: center;
}
.ratgeber li {
border-bottom: 1px dotted #633b2f;
list-style-type: none;
padding:5px 0;
}
.ratgeber li:last-child {
border-bottom: none;
}
.bestattungskosten li {
list-style-type: none;
padding: 5px 0 10px 0;
}
.bestattungskosten a.more {
font-weight: bold;
color: #bd5910;
margin-left: 7px;
padding-left: 13px;
background: url("../images/icons/triangle_orange.png") no-repeat left center;
}
.bestattungskosten li:last-child {
/*border-bottom: 1px dotted #633b2f;*/
padding-bottom: 10px;
margin-bottom: 20px;
}
.ratgeber li .title, .nachrichten li .title, .erfahrungsberichte li .title, .row h3.title {
border: none;
font-size: 16px;
padding: 10px 0;
font-weight: normal;
}
.erfahrungsberichte li .title, .nachrichten li .title {
padding: 0 0 10px 0;
}
.ratgeber a, .nachrichten a, .bestattungskosten a {
color: #633b2f;
text-decoration: none;
}
/* --- vergleichsmodule --------------------------------------------------------------------------------------------- */
div.rechner_vertical {
height: 425px;
width: 180px;
background: url("../images/bg_vertikal_rechner.jpg") no-repeat top left;
float: right;
margin: 0 0 15px 15px;
padding: 19px;
}
div.rechner_vertical .heading {
color: #20160f;
font-size: 16px;
line-height: 22px;
font-weight: normal;
padding: 208px 0 7px 0;
}
div.rechner_vertical label {
display: block;
font-size: 14px;
color: #20160f;
padding: 6px 0;
}
div.rechner_vertical select {
width: 178px;
font-size: 12px;
line-height: 12px;
color: #20160f;
border: 1px solid #c0c2bd;
}
div.rechner_vertical select option, div.rechner_horizontal select option {
padding: 2px;
}
div.rechner_horizontal {
height: 240px;
width: 583px;
background: url("../images/bg_horizontal_rechner.jpg") no-repeat top left;
margin: 15px 0;
padding: 0 0 0 32px;
}
.schritte-wrapper div.rechner_horizontal {
padding: 0 0 0 43px;
}
div.rechner_horizontal h2, div.rechner_horizontal .heading {
color: #20160f;
font-size: 17px;
line-height: 22px;
font-weight: normal;
padding: 60px 0 18px 0;
}
div.rechner_horizontal form div {
clear: both;
padding-bottom: 11px;
}
div.rechner_horizontal label {
display: block;
float: left;
width: 122px;
font-size: 15px;
color: #20160f;
padding: 3px 0;
}
div.rechner_horizontal select {
width: 166px;
font-size: 12px;
line-height: 12px;
color: #20160f;
border: 1px solid #c0c2bd;
}
.rechner_horizontal #anfrageform #completerinput{
float: none;
margin: 3px 0 14px 4px;
padding: 7px 10px 6px;
width: 206px;
font-size: 14px;
}
.schritte-wrapper .rechner_horizontal #anfrageform #completerinput{
width: 229px;
}
.rechner_horizontal #anfrageform{
padding-left: 4px;
}
/* --- tabellen ----------------------------------------------------------------------------------------------------- */
table#resultTable {
width: 500px;
margin: 15px auto;
border-collapse: collapse;
border-spacing: 0;
border: 1px solid #8A6C63;
}
.schritte-wrapper table#resultTable {
width: 550px;
}
table#resultTable th {
border-bottom: 1px solid #8A6C63;
font-weight: bold;
}
table#resultTable td, table#resultTable th {
padding: 4px 5px;
}
table#resultTable td.resultTablePreis1, table#resultTable td.resultTablePreis2{
width: 100px;
text-align: right;
padding-right: 20px;
} /* BST-844 added this */
table#resultTable tr:nth-child(odd), table tr.odd {
background: #F7F7F7;
}
table#resultTable td a {
color : #633B2F;
text-decoration: underline;
}
table#resultTable td a:hover {
text-decoration: none;
}
.article-content .table-presse p { padding-bottom: 8px; }
.article-content .table-presse td { height: 50px; vertical-align: bottom; }
.article-content .table-presse.award-presse{
margin-left: 10px;
}
/* --- anfrage ------------------------------------------------------------------------------------------------------ */
.steps {
width: 860px;
height: 50px;
margin: 10px auto;
}
.btest .steps {
margin: 0px auto 20px;
}
.steps span {
display: none;
}
.steps a {
display: block;
float: left;
width: 290px;
height: 48px;
margin: 0 0 6px;
}
aside#anfrage-sidebar div.box h3{
color: #333333;
font-size: 14px;
font-weight: bold;
padding: 5px 0 10px;
}
.steps a:nth-child(2) {
width: 280px;
}
div#step1 {
background: url("../images/anfrage/step1.png") no-repeat top left;
}
div#step2 {
background: url("../images/anfrage/step2.png") no-repeat top left;
}
div#step2.insurance-step {
background: url("../images/anfrage/step2-insurance.png") no-repeat top left;
}
div#step3 {
background: url("../images/anfrage/step3.png") no-repeat top left;
}
div#step3.insurance-step {
background: url("../images/anfrage/step3-insurance.png") no-repeat top left;
}
div#step4 {
background: url("../images/anfrage/step4.png") no-repeat top left;
}
div#step4.insurance-step {
background: url("../images/anfrage/step4-insurance.png") no-repeat top left;
}
div#anfrage-content {
background-color: #f4f3ee;
float: left;
padding: 20px 20px 20px;
width: 580px;
font-size:14px;
margin: 0 21px 0 10px;
}
div#anfrage-content.white {
background-color: #fff;
}
div#anfrage-content h1.contentheading {
color: #333;
font-size: 1.5rem;
font-weight: bold;
margin-bottom: 10px;
min-height: 25px;
}
div#anfrage-content h1.contentheading .inquiry-number{
color:#5faa05;
}
div#anfrage-content .precaution-offers-header {
color: #000;
font-size: 18px;
font-weight: bold;
margin-bottom: 10px;
padding:0;
}
#anfrage-content input[type="text"], textarea {
background-color: #ffffff;
background-image: none;
box-shadow: 1px 1px 2px #D9D9D9 inset;
padding: 5px;
width: 234px;
margin: 0 -10px 5px 0;
}
#anfrage-content input[type="text"]#sterbeort, #anfrage-content input[type="text"]#beisetzungsort1 {
float: left;
width: 245px;
}
#sterbeortDesToten label{
float: left;
}
#anfrage-content select{
background-color: #ffffff;
background-image: none;
box-shadow: 1px 1px 2px #D9D9D9 inset;
margin: 4px -10px 5px 0;
border: 1px solid #CCCCCC;
padding: 4px 2px;
width: 246px;
}
#anfrage-content select#telefon_when{
/*float: right;*/
}
#anfrage-content .result_contact input[type="text"], textarea {
margin: 3px -10px 2px 0;
}
.result_contact .garantie-text{
text-align: center;
line-height: 20px;
margin: 14px 0 16px;
font-size: 14px;
}
.result_contact .secure-connection{
font-size: 13px;
text-align: center;
margin-top: 14px;
}
.secure-connection span.lock{
background: url('../images/icons/lock.png') no-repeat left top transparent;
height: 16px;
width: 16px;
display: inline-block;
vertical-align: text-bottom;
}
.form_button{
background: none repeat scroll 0 0 transparent;
float: right;
padding: 22px 0;
width: 266px;
}
div.form_section {
padding-top: 15px;
}
div.form_row {
margin: 11px 0 0;
padding: 16px 20px 0;
background-color: #fffefc;
box-shadow: 1px 1px 2px #ccc;
position: relative;
}
div.form_row h3 {
color: #633b2f;
font-size: 14px;
line-height: 22px;
width: 540px;
}
div.form_row.double h3{
width: 270px;
padding-right: 0;
}
div.form_row.double .form_input{
/*width: 250px;*/
width: 350px;
}
div.form_row label.input{
display: inline-block;
margin-top: 2px;
}
div.form_row.double div.form_input_right{
float:right;
width: 270px;
}
div.form_input_right .form_input label{
padding-right: 30px;
}
div.form_row h3.question {
color: #333333;
font-weight: bold;
padding: 0px;
}
#anfrage-content form#anfrageform span.tip-icon {
height: 24px;
width: 24px;
position: absolute;
top: 10px;
right: 15px;
padding: 5px;
background: url("../images/anfrage/info-i-gray.png") no-repeat center;
}
div.form_row #input_plz, div.form_row .input-2nd-plz {
width: 192px;
}
div.form_row #input_plz input, div.form_row .input-2nd-plz input#postleitzahlSterbeort{
width: 100px;
}
div.form_row #input_ort,#input_see, div.form_row .input-2nd-ort {
width: 270px; /* BST-807/876: 230px */
}
#postleitzahlBeisetzungsort, #beisetzungsort1{
float: right;
}
#postleitzahlBeisetzungsortLabel, #beisetzungsort1Label{
float: left;
}
/* BST-807/876: add this
#anfrage-content input.ort {
width: 190px;
} */
div.form_row .sterbeort_extra{
float: right;
width: 310px;
}
div.form_row label.multiLineLabel {
float:left;
width: 310px;
}
.form_row.inactive{
background-color: #f4f4f4;
}
.form_row.inactive h3.question{
color: #888;
}
div.form_input {
float: left;
width: 520px; /* BST-807/876: 460px */
padding: 6px 10px 11px;
}
div.form_input.multiLineLabel {
height: 34px;
}
div.form_submit {
float: right;
width: 266px;
background: none;
padding: 22px 0 22px;
}
div.form_input label {
font-size: 14px;
line-height: 24px;
color: #333333;
}
div.form_input label span.voraussichtlich {
display: none;
}
div.form_input input[type=text] {
border: 1px solid #c0c2bd;
padding: 1px;
margin: 3px 10px 0 0;
/*float: right;*/
width: 160px;
}
div.form_input input[type=text].error {
background-color: #FCFAF9;
border: 1px solid #BD5910;
}
div.form_input input[type=text]:focus {
border: 1px solid #633B2F;
}
div.form_input input[type=checkbox], div.form_input input[type=radio] {
margin-right: 3px;
vertical-align: text-top;
}
div.form_input .bestattungsart_extra, div.form_input .sterbeort_extra, .kolumbarium, #row_grab, #row_see {
display: none;
}
.bestattungsart_extra{
display: block;
float: right;
width: 200px;
}
aside#anfrage-sidebar {
background: none;
float: left;
width: 218px;
margin: 0px 0 0;
padding: 0;
}
aside#anfrage-sidebar div.box {
background: none repeat scroll 0 0 #F4F3EE;
padding: 15px;
margin-bottom: 17px;
}
aside#anfrage-sidebar div.box ul.arrow li {
padding-bottom: 6px;
font-size:14px;
}
aside#anfrage-sidebar div.box ul.tick li {
font-size:14px;
padding-left: 23px;
margin-right:-10px;
background: url("../images/anfrage/tick-small.png") no-repeat scroll left center transparent
}
div.infobox {
padding: 15px 20px;
background: #f7f7f7;
margin-bottom: 20px;
}
div.infobox h1 {
color: #633b2f;
font-size: 16px;
font-weight: normal;
padding-bottom: 8px;
}
div.infobox p {
color: #333;
font-size: 12px;
line-height: 18px;
}
aside#anfrage-sidebar p {
color: #333;
font-size: 14px;
line-height: 20px;
}
div.successbox p {
color: #333;
font-size: 16px; /* BST-844: was 14px */
line-height: 22px; /* BST-844: was 21px */
padding-bottom: 7px;
}
div.infobox p a {
color: #8A6C63;
text-decoration: underline;
}
div.infobox p a:hover {
text-decoration: none;
}
.resultbox{
box-shadow: 0 1rem 0 0 #fff;
margin:0 -20px 2rem;
padding:20px;
}
.resultbox p {
color: #333;
font-size: 14px;
line-height: 20px;
}
/* --- Anfrageergebnisse --- */
.iconLegende {
font-size: 12px;
margin-top: 5rem;
}
table.iconLegende {
width: 100%;
}
table.iconLegende tr {
height:23px;
}
table.iconLegende td:first-child {
text-align: center;
padding-right:5px;
}
table.iconLegende td.asterisk-legend-symbol {
font-size: 16px;
}
.iconLegende span {
background: url("../images/anfrage/cross-tick.png") no-repeat 0 2px transparent;
color: #666666;
display: block;
padding-left: 22px;
}
table.iconLegende span {
width: 13px;
height: 14px;
padding-left: 0;
display: inline-block;
}
.tinyTip.legende .bottom{
margin-left: 100px;
}
.iconLegende .green {
background-position: 0 -12px;
}
span.imageNotifier{
color: #666666;
display: block;
font-size: 10px;
margin: 15px 0 0 2px;
}
div#spinnerbox {
display: none;
height: 300px;
position: absolute;
width: 580px;
background: url("../images/anfrage/overlay.png") repeat top left transparent;
}
div#spinnerbox div{
background: url("../images/anfrage/loading.gif") no-repeat scroll center center transparent;
height: 100%;
width: 100%;
}
div.result-container{
background-color: #fffefc;
box-shadow: 1px 1px 2px #CCCCCC;
margin-bottom: 11px;
color: #000;
font-size: 14px;
}
div.result-container.last{
margin-bottom: 2.5rem;
}
#anfrage-content div.result-container{
width: 580px;
}
#anfrage-content div.result-container.chosen {
border: 1px solid #289900;
outline: 2px solid #289900;
}
#anfrage-content div.result-container.chosen .result-kind.left {
width: auto;
}
/* === A/B test BST-1664 === */
#anfrage-content div.result-container.b-version {
padding: 20px;
box-sizing: border-box;
color:#000;
height:439px;
}
#anfrage-content div.result-container.b-version > h1.contentheading {
color : #000;
}
#anfrage-content div.result-container.b-version span.result-prices {
display: block;
text-align: center;
padding:15px 0;
}
#anfrage-content div.result-container.b-version span.result-prices b {
font-size:30px;
}
#anfrage-content div.result-container.b-version div.result-list ul.left {
margin: 14px 30px 0;
}
/* === End of A/B test BST-1664 === */
div.result-kind{
padding: 7px 0 7px 15px;
font-weight: bold;
width: 158px; /* decreased width in order to fit neighbour "Ãœberregionaler Bestatter" in one line */
}
div.result-head{
border-bottom: 1px solid #ebeae9;
width: 100%;
}
.w-center.patches{
padding-top: 4px;
width: 45px;
}
.result-head .patches{
float: right;
margin-right: 3px
}
.result-head .your-choice {
vertical-align: middle;
line-height: 32px;
font-weight: bold;
padding: 0 10px;
}
.result-head .your-choice span, .result-head .your-choice img {
vertical-align: middle;
line-height: normal;
display: inline-block;
}
.result-head .your-choice img {
width: 25px;
top: -2px;
position: relative;
}
.result-head .patches .patch {
display: block;
float: left;
margin: 6px 2px 0;
}
.patches .patch {
height: 20px;
width: 20px;
display: block;
margin: 3px 0 0 13px;
font-size: 0px;
text-indent: -9999px;
}
.patches.legend .patch{
margin: 0;
padding: 3px 0 0 25px;
color: #666;
font-size: 12px;
width: auto;
text-indent: inherit;
min-height: 20px;
height: auto;
}
.patches .patch.local, .patches .patch.DirektVorOrt{
background: url('../images/icons/local-patch-mini.png') no-repeat top left transparent;
}
.patches .patch.DirektVorOrt-new {
background: url('../images/icons/local-patch-mini-new.png') no-repeat top left transparent;
}
.patches .patch.rating, .patches .patch.TopBewertung{
background: url('../images/icons/rating-patch-mini.png') no-repeat top left transparent;
}
.patches .patch.rating, .patches .patch.Transportation{
background: url('../images/icons/info.svg') no-repeat top left transparent;
}
.patches .patch.TopBewertung-new{
background: url('../images/icons/rating-patch-mini-new.png') no-repeat top left transparent;
}
.result-kind .tinyTipIcon{
background-image: none;
padding-right:0;
}
div.result-head .resultData, .result-undertaker-kind{
padding: 7px 15px 7px 0;
}
.result-undertaker-kind.tinyTipIcon{
background: none;
font-weight: bold;
padding-right:0;
}
.resultData .stars-tip{
padding-right: 0;
background: none;
display: block;
margin-top: 2px;
margin-right: 3px;
}
.result-list{
cursor: help;
}
aside#anfrage-sidebar .result-container.filter form label{
padding-top: 15px;
}
div.result-image-container img{
margin: 10px 5px 6px 13px;
}
div.successbox div.result-image-container > div.result-number,
#anfrage-content div.result-image-container > div.result-number {
background-color: #B8B6AB;
border-radius: 50px;
color: #FFF;
font-size: 30px;
height: 50px;
margin: 35px 40px 30px 55px;
width: 50px;
text-align: center;
line-height: 50px;
}
div.successbox div.phone-wrapper {
float: left;
background-color: #A5CC2B;
width: 100%;
border-bottom: 1px solid #ebeae9;
}
div.successbox div.phone-wrapper > a.phone-number {
color: #000;
margin: 7px 0 7px 15px;
display: block;
width:170px;
}
div.successbox div.phone-wrapper > a.phone-number:hover {
text-decoration: none;
}
div.successbox div.phone-wrapper .undertaker-callback {
padding: 4px 15px;
color: white;
font-weight: bold;
cursor: pointer;
transition: background 0.2s ease;
position: relative;
margin: 2px;
display: block;
}
div.successbox div.phone-wrapper .undertaker-callback i {float: left;font-size: 18px;margin-right: 10px;}
.result-container.result-finish b{
font-weight: normal;
}
aside#anfrage-sidebar div.box h3 a{
color: #333;
}
div.result-list-b {
min-width: 300px;
}
div.result-list ul, div.result-list-b ul{
list-style: none;
margin: 10px 10px 0 10px;
}
div.result-list ul li, div.result-list-b ul li{
padding-left: 20px;
background: url("../images/anfrage/cross-tick.png") no-repeat 0 2px transparent;
margin-top: 5px;
}
div.result-list ul li.no-icon, div.result-list-b ul li.no-icon{
padding-left: 0;
background: 0 none;
margin-top: 5px;
}
div.result-list ul li.green, div.result-list-b ul li.green{
background-position: 0 -12px;
}
div.result-price span.price{
color: #333;
font-size: 23px;
font-weight: bold;
display: block;
padding: 15px 17px 21px 0;
}
div.result-price span b{
font-weight: normal;
font-size: 16px;
padding-right: 5px;
}
div.result-price{
text-align: right;
}
div.resultData{
padding: 7px 15px 5px;
}
div.result-error .resultData{
float: left;
width: 360px;
padding: 15px 0 15px 15px;
min-height: 50px;
text-align: justify;
}
div.result-error .button-offer-more-arrow{
margin: 15px 13px 0 0;
}
div.resultData a.filter-reset{
margin-top:10px;
padding-left: 13px;
display: block;
background: url("../images/icons/arrow_orange.png") no-repeat scroll -1px 3px transparent;
}
/* === Update for vergleich success table === */
div.successbox p.vergleich-success-text {
margin-top:20px;
padding-bottom:0;
}
div.result-container.vergleich-success div.result-kind.left {
width:400px;
}
div.result-container.vergleich-success div.phone-number {
font-weight: normal;
}
div.result-container.vergleich-success div.result-price span.price {
padding-top:45px;
}
aside#anfrage-sidebar #changeFilterBox, aside#anfrage-sidebar #changeAnfrageBox {
padding: 9px 5px 5px;
}
aside#anfrage-sidebar #changeFilterBox h3, aside#anfrage-sidebar #changeAnfrageBox h3{
font-size: 14px;
padding-left: 10px;
padding-bottom: 0px;
}
aside#anfrage-sidebar form label{
display: block;
padding: 0 10px 8px;
color: #666;
}
aside#anfrage-sidebar form input[type="text"]#beisetzungsortPostleitzahl2,aside#anfrage-sidebar form input[type="text"]#beisetzungsortPostleitzahl,aside#anfrage-sidebar form input[type="text"]#sterbeortPostleitzahl{
width: 20px;
}
aside#anfrage-sidebar form select{
display: block;
margin-left: 10px;
padding: 2px 2px;
width: 188px;
margin-bottom: 20px;
border: 1px solid #C0C2BD;
color: #333;
font-size: 14px;
}
aside#anfrage-sidebar form input[type=text]{
display: block;
margin-left: 10px;
padding: 2px 2px;
width: 175px;
margin-bottom: 5px;
border: 1px solid #C0C2BD;
color: #333;
font-size: 13px;
}
aside#anfrage-sidebar .change-button{
text-align: right;
}
aside#anfrage-sidebar .change-button input{
background: url("../images/icons/arrow_orange.png") no-repeat scroll 0 4px transparent;
border: none;
color: #333;
cursor: pointer;
padding-left: 10px;
}
aside#anfrage-sidebar .change-button input:hover{
color: #666;
}
aside#anfrage-sidebar div.change-button input{
margin: 5px 6px 10px 0px;
font-size: 14px;
}
/* --- Anfrage 4.Schritt --- */
.result-container.result-finish{
text-align: center;
padding: 10px 0 0;
color: #333;
line-height: 20px;
}
.result-container.result-finish.bestattungen_de{
align-items: flex-start;
background-color: initial;
box-shadow: none;
display:flex;
flex-wrap: wrap;
text-align: initial;
}
.result-container.result-finish.bestattungen_de h1{
color: #333;
font-size: 1.5rem;
font-weight: bold;
margin-bottom: 2.5rem;
min-height: 25px;
width:100%;
}
.result-container.result-finish.bestattungen_de h3{
font-weight: bold;
}
.download-offer-folder{
align-items: center;
background-color: #fff;
border-radius: 5px;
box-shadow: 0 0 8px 0 rgba(102,102,102,0.2);
display: flex;
flex-direction: column;
flex-grow: 1;
justify-content: space-between;
margin-right: 1.5rem;
overflow: hidden;
}
.download-offer-folder .download-folder-icon{
margin: 1rem 0;
}
.download-offer-folder .download-folder-area{
text-align: center;
width: 100%;
}
.download-offer-folder .download-folder{
background-image: linear-gradient(0deg, #333333 0%, #666666 100%);
border-radius: 5px;
color: #fff;
display: block;
font-size: 1rem;
overflow: hidden;
padding: 0.5rem 0;
position: relative;
text-align: center;
width: 100%;
text-decoration: none;
}
.download-offer-folder .download-folder::after{
background-color: #000;
content: "";
height: 100%;
left:0;
opacity: 0;
position: absolute;
top:0;
width:100%;
z-index: 1;
transition: opacity 0.5ms ease-in-out;
}
.download-offer-folder .download-folder:hover::after,
.download-offer-folder .download-folder:active::after,
.download-offer-folder .download-folder:focus::after{
opacity: 0.25;
}
.result-container.result-finish .trenner, .article-content .trenner{
display: block;
height: 30px;
width: 580px;
padding-top: 15px;
padding: 17px 0 9px;
}
div.result_contact .trenner{
background: url("../images/anfrage/box-trenner.png") no-repeat top center transparent;
display: block;
height: 5px;
width: 580px;
margin-left: -30px;
margin-top: 20px;
}
.result-container.result-finish .trenner a, .article-content .trenner a{
background: url("../images/icons/arrow_orange.png") no-repeat scroll -1px 3px;
padding-left: 13px;
}
.article-content .trenner{
width: 623px;
height: 18px;
text-align:center;
}
div.result_contact {
/* border: 1px solid #ebebeb; */
padding: 27px 30px 21px;
margin: 20px 0;
background-color: #FFFEFC;
width: 520px;
float: none;
box-shadow: 1px 1px 2px #CCCCCC;
}
div.result_contact.insurance {
background: #f7f7f7 url("../images/bg_form2.jpg") no-repeat top right;
}
div.result_contact.gutschein {
background: #f7f7f7;
}
div.result_contact table {
border-collapse: collapse;
margin-bottom: 10px;
width: 100%;
}
div.result_contact table td {
padding: 2px;
}
div.result_contact table td label, div.result_contact p label {
font-size: 14px;
color: #333;
line-height: 28px;
}
div.result_contact table td input[type="text"] {
width: 260px;
padding: 3px;
}
div.result_contact table.insurance {
width: 384px;
margin-bottom: 30px;
}
div.result_contact table.insurance td input[type="text"] {
width: 180px;
}
div.result_contact table.insurance-top {
width: 384px;
margin-bottom: 30px;
}
div.result_contact table.insurance-top input {
width: 175px !important;
}
div.result_contact table td input[type="text"].error {
border: 1px solid #BD5910;
background-color: #FCFAF9;
}
div.result_contact table td input[type="text"]:focus {
border: 1px solid #633B2F;
}
.result-container.result-finish p{
text-align: left;
padding: 0 15px 0;
}
.result-container.result-finish.short p{
text-align: center;
display: block;
float: none;
width: 100%;
}
.result-container.result-finish p.block{
float: right;
padding-left: 0;
width: 400px;
}
.result-container.result-finish img.left{
margin: 0 15px 0 15px;
}
a.button.beraten{
background: url("../images/buttons/neu/sofort-beraten.png") no-repeat top left transparent;
height: 48px;
width: 200px;
margin: 15px 0 0 0;
float: left;
}
a.button.beraten:hover{
background-position: 0 -48px;
}
/*updated style of a beraten button and text*/
div#anfrage-content .successbox a#sofortBeratenBtn {
font-size: 18px;
margin-top: 15px;
float: left;
line-height: 29px;
font-weight: 600;
padding: 6px 30px 6px 20px;
background-color: #A5CC3B!important;
color: #FFF;
background: none;
height: auto;
width: auto;
border-radius: 5px;
}
div#anfrage-content .successbox a#sofortBeratenBtn:hover {
text-decoration: none;
background-color: #9CC136 !important;
}
div#anfrage-content .successbox a#sofortBeratenBtn i {
float: left;
margin-right: 10px;
line-height: inherit;
}
div#anfrage-content .successbox a#sofortBeratenBtn ~ i.material-icons {
float: right;
font-size: 30px;
line-height: 41px;
cursor: help;
margin-right: 10px;
display: block;
}
div#anfrage-content .successbox p#sofortBeratenText {
width: auto;
margin-left: 5px;
font-size: 18px;
margin-top: 15px;
float: left;
line-height: 29px;
font-weight: 600;
}
/*end of button update*/
#rueckruf{
float: left;
font-weight: bold;
margin: 25px 20px 0 0;
}
/* --- Sidebar Bekannt aus ------------------------------------------------------------------------------------------ */
.side-logos .side-rtl{
background: url('../images/logoRTL.png') no-repeat center center transparent;
width: 71px;
height: 40px;
}
.side-logos .side-ntv{
background: url('../images/logoNTV-top.png') no-repeat center center transparent;
width: 77px;
height: 40px;
}
.side-logos .side-ndr{
background: url('../images/logoNDR-top.png') no-repeat center 2px transparent;
width: 40px;
height: 40px;
}
.side-logos .side-bild{
background: url('../images/logoBILD.png') no-repeat -1px center transparent;
width: 28px;
height: 40px;
}
.side-logos .side-welt{
background: url('../images/logoWELT-top.png') no-repeat center center transparent;
width: 124px;
height: 40px;
}
.side-logos .side-wz{
background: url('../images/logoWZ-top.png') no-repeat center center transparent;
width: 36px;
height: 40px;
}
.side-logos a{
display: block;
float: left;
}
/* --- bestatter details -------------------------------------------------------------------------------------------- */
.directoryentry h1.contentheading span.item span.fn {
float: none;
color: #633b2f;
font-size: 18px;
font-style: normal;
}
.directoryentry h1.contentheading span.item {
float: none;
}
.directoryentry h1.contentheading span {
float: right;
color: #a9a9a9;
font-size: 14px;
font-style: italic;
line-height: 25px;
}
.directoryentry h2 {
border-bottom: 1px solid #633B2F;
color: #633B2F;
font-size: 18px;
font-weight: normal;
height: 25px;
margin: 20px 0;
}
.directoryentry .description p {
padding-bottom: 12px;
}
.directoryentry #map {
width: 623px;
height: 298px;
border: 1px solid #76574D;
}
.directoryentry .photos {
width: 636px;
}
.directoryentry img.thumbnail {
margin: 0 10px 10px 0;
}
.bewerter{
color: #76574D;
text-align: right;
padding-top: 5px;
}
.remark {
margin-left: 5px;
margin-top: 5px;
padding: 8px;
background-color: #fff;
border-radius: 3px;
border: 1px solid #ddd;
}
.remark b {
font-size: 12px;
}
.remark span {
display: block;
font-size: 14px;
}
/* --- bewertungsbox ------------------------------------------------------------------------------------------------ */
#detailbewertung, #zusatzfragen{
margin: 20px 0 0;
width: 580px;
}
#detailbewertung td, #zusatzfragen td{
border-top: 1px solid #b8b8b8;
padding: 5px 3px;
font-size: 14px;
height: 40px;
}
#detailbewertung .bankdaten td{
padding: 20px 0 15px;
}
#detailbewertung tr.summe td{
border-width: 2px 0 0 0;
}
#detailbewertung tr:nth-child(2n+1), #zusatzfragen tr:nth-child(2n+1) {
background-color: #F4F3EE;
}
textarea#kommentar, textarea#schlechteLeistungen{
width: 330px;
border: 1px solid #b8b8b8;
height: 60px;
margin-right: -4px;
font: 12px/14px arial, sans-serif;
margin-top: 10px;
}
.fancybox-content{
margin: 12px;
font-size: 14px;
}
.button.button-continue{
background: url("../images/buttons/orange_weiter-big.png") no-repeat 0 0;
display: block;
width: 107px;
height: 44px;
float: right;
}
.button.button-continue:hover{
background-position: 0 -44px;
}
.w410{
width: 410px;
}
#kontaktbox .bewertungsfragen label{
width: 275px;
float: left;
margin: 10px 20px 0 0;
padding: 0;
height: auto;
}
#kontaktbox .antwort{
width: 30px;
float: left;
margin: 10px 0;
padding: 0;
}
#kontaktbox .antwort{
width: 30px;
float: left;
margin: 10px 0;
padding: 0;
}
#kontaktbox .bewertungsfragen label.antwortLabel{
width: 20px;
}
#bewertungsbox .basisbewertung{
float: left;
border-top: 1px solid #B8B8B8;
padding: 9px 0 9px 0;
}
#bewertungsbox .basisbewertung.summe{
/*border-width: 2px 0 0 0;*/
width: 475px;
}
#bewertungsbox .basisbewertung:nth-child(2n+1){
background-color: #F4F3EE;
}
.basisbewertung .sternewertung, .basisbewertung .sternewertung-big{
margin: 0 0;
}
#kontaktbox #schlechteLeistungenfrage label{
width: auto;
margin: 10px 0 0;
}
/* --- Extra Bewertungsprozess --- */
#detailbewertung tr td:first-child{
padding-left: 15px;
}
#detailbewertung tr td:last-child{
padding-right: 15px;
}
#detailbewertung select{
width: 285px;
margin-right: 5px;
font-size: 14px;
}
#detailbewertung input[type="text"], #detailbewertung #bestatterangaben{
background-color: #FFFFFF;
background-image: none;
border: 1px solid #CCCCCC;
box-shadow: 1px 1px 2px #D9D9D9 inset;
margin-right: 5px;
padding: 4px 2px;
width: 280px;
}
#detailbewertung textarea, textarea#schlechteLeistungen {
margin: 4px 5px 4px 0;
width: 274px;
height: 60px;
font-size: 14px;
}
#detailbewertung .andererBestatter label{
width: 255px;
margin-top: 7px;
}
#detailbewertung .andererBestatter #bestattername, #detailbewertung .andererBestatter #bestatter{
width: 280px;
}
#detailbewertung .andererBestatter input[type="text"]{
margin-top: 5px;
}
#detailbewertung .basisbewertung span.right{
margin: 5px 0;
}
#detailbewertung .basisbewertung span.right label{
margin-right: 20px;
}
#detailbewertung .basisbewertung.summe > td{
line-height: 14px;
}
.basisbewertung .sternLegende {
font-size: 11px;
}
/* -- ALT -- */
#bewertungsbox{
margin: 13px 0;
}
#bewertungsbox p{
font-weight: bold;
margin-bottom: 10px;
}
#bewertungsbox span{
float: left;
font-size: 11px;
width: 100%;
}
#bewertungsbox textarea{
float: left;
border: 1px solid #ccc;
height: 70px;
margin: 15px 0 15px 12px;
padding: 3px 6px;
resize: none;
width: 590px;
font: 14px/20px Arial, Verdana, Sans-Serif; /* BST-844: was 12px/18px */
}
.sternewertung {
position: relative;
width: 62px;
height: 10px;
margin: 6px 0;
float: left;
}
.sternewertung-big {
position: relative;
width: 100px;
height: 18px;
}
.sternewertung li {
position: absolute;
height: 10px;
cursor: pointer;
list-style-type: none;
}
.sternewertung-big li {
position: absolute;
height: 18px;
cursor: pointer;
list-style-type: none;
}
.sternewertung li:hover, .sternewertung li.aktiv {
background: url('../images/icons/stars_dynamic.png') no-repeat 0 -3px transparent;
}
.sternewertung .wertung1 {
width: 13px;
z-index: 5;
}
.sternewertung .wertung2 {
width: 25px;
z-index: 4;
}
.sternewertung .wertung3 {
width: 37px;
z-index: 3;
}
.sternewertung .wertung4 {
width: 49px;
z-index: 2;
}
.sternewertung .wertung5 {
width: 62px;
z-index: 1;
background: url('../images/icons/stars_dynamic.png') no-repeat 0 -16px transparent;
}
.sternewertung-big li:hover, .sternewertung-big li.aktiv {
background: url('../images/icons/stars2.png') no-repeat 0 -2px transparent;
}
.sternewertung-big .wertung1 {
width: 20px;
z-index: 5;
}
.sternewertung-big .wertung2 {
width: 40px;
z-index: 4;
}
.sternewertung-big .wertung3 {
width: 60px;
z-index: 3;
}
.sternewertung-big .wertung4 {
width: 80px;
z-index: 2;
}
.sternewertung-big .wertung5 {
width: 100px;
z-index: 1;
background: url('../images/icons/stars2.png') no-repeat 0 -20px transparent;
}
button.bewerten{
height: 19px;
width: 111px;
display: block;
background: url('../images/buttons/orange_bewerten.png') no-repeat center top transparent;
float: right;
margin-bottom: 5px;
}
button.bewerten:hover{
background-position: 0 -19px;
}
button.bewertung-senden{
height: 19px;
width: 111px;
display: block;
background: url('../images/buttons/orange_bewerten.png') no-repeat center top transparent;
float: right;
margin: 15px 50px 10px 0;
}
button.bewertung-senden:hover{
background-position: 0 -19px;
}
#kontaktbox input{
border: 1px solid #C0C2BD;
font-family: Arial,sans-serif;
font-size: 12px;
padding: 2px;
width: 230px;
float: right;
height: 16px;
margin: 5px 50px 5px 0;
clear: right;
}
#kontaktbox label{
float: left;
margin: 5px 0 5px 50px;
padding: 4px 0 2px;
width: 100px;
height: 16px;
clear: left;
}
p.teaser{
margin-bottom: 20px;
}
#bewertungsbox .errors{
width: 478px;
float: left;
color: #76574D;
font-size: 14px;
}
#kontaktbox .errors{
color: #76574D;
float: left;
width: 427px;
}
#kontaktbox h3{
padding-bottom: 3px;
border-bottom: 1px solid #633B2F;
margin-bottom: 8px;
}
a.jetztBewerten{
height: 48px;
width: 240px;
background: url('../images/buttons/neu/jetztBewerten288.png') no-repeat top left transparent;
margin-bottom: 15px;
}
a.jetztBewerten:hover{
background-position: 0 -48px;
}
/* --- tooltip ------------------------------------------------------------------------------------------------------ */
.tooltip {
display: none;
}
.tooltip_icon {
width: 18px;
height: 21px;
display: inline-block;
vertical-align: middle;
background: url("../images/icons/tooltip.png") no-repeat -18px 0;
margin-left: 5px;
}
.tooltip_icon:hover {
width: 18px;
height: 21px;
background: url("../images/icons/tooltip.png") no-repeat 0 0;
}
#anfrage-content form#anfrageform .tinyTipIcon {
background: none;
}
#anfrage-content form#anfrageform {
position: relative;
}
#anfrage-content form#anfrageform #Siegel,#iframe .result_contact.angebote #Siegel{
background: url("../images/anfrage/kostenlos-banderole.png") no-repeat right top transparent;
width: 134px;
height: 134px;
position: absolute;
right: -5px;
top: -5px;
}
#anfrage-content form#anfrageform #Siegel.low{
margin-top: 16px;
}
#iframe #fehlerformular .result_contact.angebote #Siegel {
background: url("../images/anfrage/kostenlos-banderole.png") no-repeat scroll right top rgba(0, 0, 0, 0);
height: 134px;
margin: -29px 0 0 420px;
position: absolute;
width: 134px;
}
#fehlerformular .result_contact.angebote #anrede0, #fehlerformular .result_contact.angebote #anrede1{
margin-top: 3px;
}
.tinyTipIcon {
cursor: help;
padding-right: 16px;
background: url("../images/icons/info.png") no-repeat right center;
}
.tinyTipIcon:hover {
color: #BD5910;
}
.rechner_vertical .tinyTipIcon:hover {
color: #20160F;
}
.tinyTip, .biggerTip, .bigger2Tip, .bigger3Tip, .detailedRatingTip, .simpleRatingTip {
min-width: 325px;
width: 325px;
max-width: 500px;
display: block;
padding: 0;
margin: 0 0 0 50px;
}
.biggerTip, .bigger2Tip, .bigger3Tip {
width: 500px;
margin-left: 100px;
}
.bigger2Tip {
margin-left: 150px;
}
.bigger3Tip {
margin-left: 0;
width: 650px;
}
.detailedRatingTip {
width: 250px; /* BST-844: was 200px; */
min-width: 0;
margin-left: 30px;
}
.simpleRatingTip {
width: 250px; /* BST-844: was 200px; */
min-width: 0;
margin-left: 30px;
}
.tinyTip .content, .biggerTip .content, .bigger2Tip .content, .bigger3Tip .content, .detailedRatingTip .content,
.simpleRatingTip .content {
padding: 15px;
font-size: 14px; /* BST-844: was 12px; */
line-height: 20px; /* BST-844: was 18px; */
color: #333;
background: #fff;
border-radius: 3px 3px 3px 3px;
box-shadow: 0 0 8px #999;
}
.bigger3Tip .content {
min-width: 550px;
}
.tinyTip .content .kundennmeinungen li, .biggerTip .content .kundennmeinungen li,
.bigger2Tip .content .kundennmeinungen li, .bigger3Tip .content .kundennmeinungen li {
background: none;
padding: 0 0 3px 0;
}
.tinyTip .top, .biggerTip .top, .bigger2Tip .top, .bigger3Tip .top{
margin-left: 50px;
height: 19px;
background: url(../images/tooltips/tooltip_top.png) 145px top no-repeat;
font: 0/0 sans-serif;
display: none;
position: relative;
}
.tinyTip .bottom, .biggerTip .bottom, .bigger2Tip .bottom, .bigger3Tip .bottom, .detailedRatingTip .bottom,
.simpleRatingTip .bottom {
margin-left: 50px;
height: 19px;
background: url("../images/tooltips/tooltip_bottom.png") no-repeat scroll 0px top transparent;
font: 0/0 sans-serif;
}
.biggerTip .bottom, .bigger2Tip .bottom, .bigger3Tip .bottom,
.biggerTip .top, .bigger2Tip .top, .bigger3Tip .top {
margin-left: 100px;
}
.detailedRatingTip .top, .simpleRatingTip .top {
height: 19px;
background: url(../images/tooltips/tooltip_top.png) 50px top no-repeat;
font: 0/0 sans-serif;
display: none;
position: relative;
}
.bigger3Tip .content p {
padding-bottom: 6px;
}
.bigger3Tip{
color: #444;
}
p.tooltiptitle{
font-size: 16px;
font-weight: bold;
text-align: center;
margin-top: 10px;
}
.tooltip .leistung{
font-size: 14px !important;
}
.bigger3Tip .content .leistung {
float: left;
width: 240px;
padding: 15px 0 7px 35px;
}
.bigger3Tip .content .leistung .inklusive {
margin-left: -25px;
padding-left: 25px;
font-weight: bold;
background: url("../images/anfrage/tick.png") no-repeat 4px 3px transparent;
padding-bottom: 5px;
}
.bigger3Tip .content .leistung .zuzueglich {
padding-bottom: 5px;
margin-left: -25px;
padding-left: 25px;
font-weight: bold;
background: url("../images/anfrage/minus.png") no-repeat 4px 3px transparent;
}
.bigger3Tip .content .leistung ul li {
margin-left: 15px;
padding: 3px 0 3px;
font-size: 12px;
line-height: 15px;
}
.tinyTip .content span{
float: left;
margin: 2px 10px 3px 15px;
width: 130px;
}
.tinyTip .content div.stars.stars0{
float: left;
margin: 2px 5px 0 0;
}
.tinyTip.detailedRating {
width: 260px;
min-width: 260px;
}
.tinyTip.detailedRating .bottom {
background-position: 16px top;
}
/* --- kontaktformular ---------------------------------------------------------------------------------------------- */
#partnerformular {
margin-bottom: -10px;
}
#kontaktformular {
margin: 20px;
}
#kontaktformular .required:after, #partnerformular .required:after {
color: #999999;
content: "*";
}
.newsletter-label{
float: right;
text-align: justify;
width: 335px;
}
#kontaktformular .kontakt_label {
width: 160px;
}
#partnerformular .generic_label {
padding-right:10px;
}
#partnerformular .register_label {
width: 190px;
}
#partnerformular .changedata_label {
width: 205px;
}
#partnerformular .submitcell_additional_save {
width:100px;
}
#partnerformular .submitcell_addphoto {
width:200px;
}
#partnerformular .generic_submitcell {
text-align:right;
}
#partnerformular .generic_submitcell button {
float:right;
}
#partnerformular .submitcell_wide_vorschau {
padding-left: 212px;
padding-right: 30px;
}
#partnerformular .vorschauButtons {
text-align: center;
}
#partnerformular .vorschauButtons input, #partnerformular .vorschauButtons span {
margin-left: 15px;
margin-right: 15px;
}
#partnerformular td.wide {
width: 370px;
}
#partnerformular .partnerformular_half {
width: 185px;
}
#kontaktformular .kontakt_input {
width: 370px;
}
#kontaktformular input, #kontaktformular textarea, #partnerformular input, #partnerformular textarea {
border: 1px solid #c0c2bd;
padding: 2px;
font-family: Arial, sans-serif;
font-size: 12px;
}
#kontaktformular input.error, #kontaktformular textarea.error, #partnerformular input.error, #partnerformular textarea.error {
border: 1px solid #BD5910;
background-color: #FCFAF9;
}
#kontaktformular input:focus, #kontaktformular textarea:focus, #partnerformular input:focus, #partnerformular textarea:focus {
border: 1px solid #633B2F;
}
#kontaktformular p.messages, #partnerformular p.messages {
background: none repeat scroll 0 0 #FFCCCC;
padding: 0;
}
form#kontaktformular td.textarea-cell {
font-size: 0;
}
form#kontaktformular td.textarea-cell textarea {
margin: 0;
}
form#kontaktformular p.privacy-paragraph {
line-height: normal;
}
form#kontaktformular p.privacy-paragraph input.privacy-checkbox,
form#kontaktformular p.privacy-paragraph span.notice {
vertical-align: middle;
line-height: 16px;
font-size: 14px;
}
form#kontaktformular p.privacy-paragraph input.privacy-checkbox {
margin: 0 5px 0 0;
width: auto;
}
form#kontaktformular p.privacy-paragraph span.notice a {
text-decoration: none;
color: #000;
}
form#kontaktformular p.privacy-paragraph span.notice a:hover {
text-decoration: underline;
}
form#kontaktformular button[type="submit"] {
margin-left: -3px;
}
.kontaktformular_wide, .partnerformular_wide {
width: 370px;
}
select.kontaktformular_wide, select.partnerformular_wide {
width: 374px;
}
.partnerformular_anrede {
float: left;
margin-right: 11px;
width: 90px;
border: 1px solid #C0C2BD;
padding: 1px;
height: 21px;
}
.partnerformular_vorname {
width: 127px;
}
.partnerformular_nachname {
float: right;
width: 127px;
}
.kontaktformular_postleitzahl, .partnerformular_postleitzahl {
float: left;
width: 55px;
}
.kontaktformular_ort, .partnerformular_ort {
float: right;
width: 300px;
}
#kontaktformular label {
width: 200px;
font-size: 14px;
}
#kontaktformular td, #partnerformular td {
padding-bottom: 10px;
}
#kontaktformular h1.contentheading {
color: #633b2f;
font-size: 18px;
font-weight: normal;
border-bottom: 1px solid #633b2f;
margin: 10px 0 15px 0;
min-height: 25px;
}
/* --- kontaktformular iframe ----------------------------------------------------------------------------------------*/
html#iframe{
overflow: auto !important;
}
html#iframe body,html#iframe div.result_contact{
padding: 0;
}
html#iframe div.result_contact.angebote {
padding: 27px 30px 21px;
}
html#iframe div#kontaktformular{
margin-top: 10px;
}
html#iframe form#kontaktformular{
padding: 10px 48px 10px;
}
html#iframe .button-gutschein {
margin: 15px 12px 5px;
}
html#iframe div.form_input input[type="text"] {
margin: 1px 10px 0 0;
}
html#iframe #statusmessage{
margin: 25px;
}
html#iframe p{
margin: 10px 0;
font-size: 14px;
line-height: 18px;
}
html#iframe div.garantie{
text-align: justify;
padding-right: 12px;
font-size: 14px;
line-height: 18px;
}
html#iframe h1.contentheading{
margin-top: 0;
}
html#iframe form#fehlerformular input, html#iframe form#fehlerformular textarea,html#iframe form#fehlerformular select {
border: 1px solid #C0C2BD;
font-family: Arial,sans-serif;
font-size: 12px;
padding: 2px;
}
/* --- bestatter register --------------------------------------------------------------------------------------------*/
.grey-register{
padding: 25px 25px 4px;
}
#partnerformular .grey-register .register_label{
font-size: 14px;
width: 210px;
}
.grey-register .partnerformular_wide{
width: 350px;
}
.grey-register .partnerformular_vorname, .grey-register .partnerformular_nachname{
width: 123px;
}
#partnerformular .grey-register td.wide {
width: 355px !important;
}
.grey-register .partnerformular_ort{
width: 264px;
}
.grey-register .partnerformular_anrede{
width: 75px;
}
.grey-register .partnerformular_postleitzahl{
width: 69px;
}
/* --- Loginbereich ------------------------------------------------------------------------------------------------- */
div.desktop h2 {
color: #633b2f;
font-size: 16px;
font-weight: normal;
padding: 0;
margin: 30px 0 15px;
}
div.desktop h2:first-child {
margin: 15px 0;
}
div.desktop ul {
padding: 0;
margin: 15px 0;
}
.featurestable th.activeTh, .featurestable tfoot td.active{
color:#BD5910;
}
.featurestable th{
height:40px;
}
table.featurestable {
border-collapse: collapse;
margin-top: 10px;
width: 100%;
}
table.featurestable td {
text-align: center;
font-size: 14px;
}
table.featurestable td.double-line {
line-height: 16px;
}
table.featurestable tfoot td{
line-height: 14px;
padding-top: 6px;
font-size: 14px;
}
table.featurestable td span.red, table.featurestable td span.green{
height: 39px;
width: 70px;
display: block;
margin: 0 auto;
background: url("../images/icons/checkboxes.png") no-repeat scroll 25px 8px transparent;
font-size: 0px;
text-indent: -9999;
}
table.featurestable tfoot a.button.contract-info{
background: url("../images/buttons/orange_more_inf.png") no-repeat center top transparent;
width: 107px;
height: 44px;
display: block;
margin: 0 auto;
}
table.featurestable tr.even td span.active.text, table.featurestable tr.odd td span.text {
display: inline-block;
height: 39px;
width: 70px;
line-height: 34px;
}
table.featurestable tfoot a.button.contract-info:hover{
background-position: center -44px;
}
table.featurestable tr td span.red{
background-position: 25px -21px;
}
table.featurestable tr.odd td span.active {
background-color: #ebebeb;
}
table.featurestable tr.even td span.active {
background-color: #f2f2f2;
}
table.featurestable td.firstCol {
text-align: left;
padding-left: 10px;
}
table.featurestable tr.odd, table.featurestable tr.even{
border-top: 1px solid #ccc;
height: 40px;
}
tfoot span.small{
font-size: 10px;
}
.button.logout-button{
background: url("../images/buttons/orange_logout.png") no-repeat left top transparent;
height: 19px;
width: 86px;
float: right;
margin-top: 15px;
}
.button.logout-button:hover{
background-position: left -19px;
}
.button.logout-button span{
display: none;
}
.data-content{
background-color: #F7F7F7;
padding: 17px 20px 20px;
}
.data-content .form_row input[type="text"]{
background-color: #FFFFFF;
background-image: none;
box-shadow: 1px 1px 2px #D9D9D9 inset;
margin: 0 0 5px 0;
padding: 5px;
height: 18px;
}
.data-content .form_row{
padding: 15px 15px 0px;
}
.data-content .form_row input.partnerformular_wide{
width: 374px;
}
.data-content .form_input.dualLabel input, .data-content .form_input.dualLabel select{
margin-top: 8px;
}
.data-content .form_input.dualInput input{
width: 179px;
}
.data-content .form_input input.partnerformular_ort{
margin-left: 10px;
}
.data-content div.form_input{
padding: 0 0 15px;
width: 100%;
font-size: 14px;
}
.data-content div.form_input input.partnerformular_vorname, .data-content div.form_input input.partnerformular_nachname{
width: 138px;
margin-left: 10px;
}
.data-content select.partnerformular_anrede{
width: 72px;
margin-right: 0;
font-size: 12px;
height: 24px;
padding: 2px 2px 2px 0;
}
.data-content .form_row p {
font-size: 14px;
line-height: 20px;
}
.data-content .form_row label{
float: left;
width: 175px;
font-size: 14px;
line-height: 20px;
padding-top: 5px;
}
.data-content .multiInputBox{
float: right;
width: 380px;
}
.data-content .form_row .multiInputBox label{
width: 162px;
padding: 0;
height: 20px;
margin: 0 0 10px;
line-height: 20px;
}
.data-content .form_row .multiInputBox input{
float:left;
margin: 0 8px 10px 0;
width: 15px;
height: 20px;
}
.data-content .form_row.switch label{
width: 374px;
}
.data-content .form_row.switch select{
width: 150px;
float: right;
}
.data-content .form_row.switch input[type="checkbox"]{
margin: 6px 0 0 32px;
}
.data-content .form_row input[type="text"]:focus{
border: 1px solid #633b2f;
}
#partnerformular input.button-save-changes{
border:none;
background: url("../images/buttons/orange_save_changes.jpg") no-repeat left top transparent;
height: 19px;
width: 150px;
font-size: 0px;
text-indent: -9999px;
float: right;
margin: 20px 0 0;
cursor: pointer;
}
#partnerformular input.button-save-changes:hover{
background-position: left -19px;
}
#partnerformular .genericOrangeButton button{
display: inline-block;
border: none;
background: url("../images/buttons/orange_left_half.png") no-repeat scroll left top transparent;
color: #fff;
height: 20px;
cursor: pointer;
font-size: 11px;
padding: 0px 0 1px 16px;
}
#partnerformular input[type="checkbox"], #partnerformular input[type="radio"]{
border-width: 0px!important;
}
#partnerformular .genericOrangeButton:hover button{
background-position: left -29px;
}
#partnerformular .genericOrangeButton{
display: block;
height: 20px;
background: url("../images/buttons/orange_right_half.png") no-repeat scroll right 0 transparent;
padding: 0 7px 0 0;
line-height: 14px;
}
#partnerformular .genericOrangeButton:hover{
background-position: right -29px;
}
#partnerformular .buttonGroup {
margin: 20px -4px 10px 0;
float: right;
}
#images .imageBox {
float: left;
margin: 10px 27px;
width: 200px;
border: 1px solid #ccc;
padding: 10px;
}
#images .imageBox img{
border: 1px solid #dedede;
}
#images {
float: left;
}
#images .imageBox label{
width: 160px;
float: left;
margin-bottom: 3px;
padding-left: 10px;
margin: 5px 0 3px;
padding-top: 0;
}
#images .imageBox input{
float: right;
margin: 5px 6px 3px 0;
}
/* --- errors ------------------------------------------------------------------------------------------------------- */
div.landingpage {
width: 938px;
margin: 0 auto;
min-height: 692px;
background: url("../images/bg_landingpage.jpg") no-repeat top left;
}
.landingpage #landingpage-logos {
height: 50px;
padding: 12px 40px 28px 40px;
}
#landingpage-logos div {
font-size: 11px;
}
#landingpage-logos a {
height: 45px;
background: url("../images/logos/sprites.png") no-repeat;
display: inline-block;
margin-top: -8px;
margin-right: 20px;
}
#landingpage-logos a span {
display: none;
}
#landingpage-logos #logo_stern {
width: 125px;
background-position: 0 0;
}
#landingpage-logos #logo_stern:hover {
background-position: 0 -45px;
}
#landingpage-logos #logo_rtl {
width: 75px;
background-position: -125px 0;
}
#landingpage-logos #logo_rtl:hover {
background-position: -125px -45px;
}
#landingpage-logos #logo_ntv {
width: 50px;
background-position: -200px 0;
}
#landingpage-logos #logo_ntv:hover {
background-position: -200px -45px;
}
#landingpage-logos #logo_bild {
width: 36px;
background-position: -250px 0;
}
#landingpage-logos #logo_bild:hover {
background-position: -250px -45px;
}
#landingpage-logos #logo_welt {
width: 104px;
background-position: -286px 0;
}
#landingpage-logos #logo_welt:hover {
background-position: -286px -45px;
}
#landingpage-logos #logo_ndr {
width: 60px;
background-position: -392px 0;
}
#landingpage-logos #logo_ndr:hover {
background-position: -392px -45px;
}
#landingpage-logos #logo_zeit {
width: 110px;
background-position: -450px 0;
}
#landingpage-logos #logo_zeit:hover {
background-position: -450px -45px;
}
#landingpage-logos #logo_katholisch {
width: 130px;
background-position: -560px 0;
margin-right: 0;
}
#landingpage-logos #logo_katholisch:hover {
background-position: -560px -45px;
}
.landingpage h3 {
border-bottom: 1px solid #633B2F;
padding-bottom: 4px;
margin-bottom: 4px;
}
.landingpage #landingpage-pros {
padding: 10px 30px;
width: 210px;
}
.landingpage #landingpage-pros ul.tick {
padding: 10px 0 0 10px;
}
.landingpage #landingpage-pros ul.tick li {
/* BST-844: added this */
font-size: 14px;
line-height: 16px;
background: none;
padding-left: 0;
}
.landingpage #landingpage-reports {
width: 620px;
padding: 10px 38px 10px 10px;
}
.landingpage #landingpage-reports .erfahrungsberichte li {
display: block;
width: 282px;
}
.landingpage #landingpage-reports .erfahrungsberichte li h2 {
font-size: 14px;
line-height: 18px;
color: #633b2f;
}
.landingpage #landingpage-reports .erfahrungsberichte li a.read-more {
padding-left: 16px;
background: url("../images/icons/triangle_orange.png") no-repeat left center;
}
/* --- errors ------------------------------------------------------------------------------------------------------- */
div.errors {
border: 1px solid #BD5910;
padding: 10px;
margin: 10px 0 20px;
color: #BD5910;
background: #EADCD3;
}
div.errors h1 {
font-size: 18px;
line-height: 22px;
padding-bottom: 9px;
}
div.errors ol {
margin-left: 25px;
}
div.errors ol li {
line-height: 18px;
}
#anfrage-sidebar div.errors h1{
font-size: 14px;
border: none;
line-height: 17px;
}
#anfrage-sidebar div.errors ol li{
line-height: 15px;
}
.icon_guaranty {
background: url("../images/icons/guaranty.jpg") no-repeat left center;
padding-left: 35px;
margin-bottom: 5px;
}
.icon_help {
background: url("../images/icons/help.jpg") no-repeat left center;
padding-left: 35px;
margin-bottom: 5px;
}
.icon_info a{
display: block;
height: 25px;
}
.icon_info {
background: url("../images/icons/info.jpg") no-repeat left center;
padding-left: 35px;
padding-bottom: 0 !important;
}
.icon_info_small {
background: url("../images/icons/info-small.png") no-repeat left center;
margin-left:20px;
margin-top:5px;
width:16px;
height:16px;
float:left;
cursor: help;
}
.icon_readmore {
background: url("../images/index_sprite.png") no-repeat -370px 0;
width: 11px;
height: 11px;
display: inline-block;
vertical-align: middle;
}
.icon_tick {
background: url("../images/index_sprite.png") no-repeat -350px 0;
width: 20px;
height: 20px;
display: block;
vertical-align: middle;
margin: 6px 15px 0 0;
float: left;
}
.box .icon_info a.fancybox:hover {
text-decoration: none;
}
h3.award-heading, h2.award-heading{
width: 100%;
float: left;
display: block;
}
p.award-article{
width: 415px;
float: left;
display: block;
}
p.award-link{
display: block;
width: 100%;
float: left;
margin: 10px 0 30px;
}
p.bildrecht {
float: left;
font-size: 9px;
width: 100%;
}
#footerExtra .bewertung {
padding-bottom: 10px;
}
#footerExtra .bewertung .item, #footerExtra .bewertung .worst {
display: none;
}
#footerExtra .bewertung a {
padding: 0;
border: none;
}
/* Newsletter */
#newsletter-wholebody{
padding: 20px;
}
#newsletter-wholebody div.form_input{
padding: 20px;
width: 760px !important;
margin: 0 20px 30px;
}
#newsletter-wholebody .button-submit{
font-size: 0px;
text-indent: -9999px;
border: none;
float: left;
cursor: pointer;
}
#newsletter-wholebody div.form_input input.text-field {
float: left;
margin: 10px 20px 0 240px;
}
#newsletter-wholebody label{
float: left;
width: 100%;
margin-bottom: 20px;
}
div.form_input input[type="checkbox"], div.form_input input[type="radio"] {
margin-right: 8px;
margin-top: 1px;
}
div.form_input input[type="text"] {
border: 1px solid #CCCCCC;
border-radius: 1px 1px 1px 1px;
margin: 3px 10px 0 0;
}
aside#anfrage-sidebar form input[type="text"] {
width: 120px;
background: none repeat scroll 0 0 #fff;
box-shadow: 1px 1px 2px #D9D9D9 inset;
font-size: 14px;
float: right;
margin-left: 0;
margin-right: 10px;
margin-bottom: 20px;
}
aside#anfrage-sidebar form input#beisetzungsortPostleitzahl2[type="text"], aside#anfrage-sidebar form input#beisetzungsortPostleitzahl[type="text"], aside#anfrage-sidebar form input#sterbeortPostleitzahl[type="text"] {
float: left;
margin-left: 10px;
margin-right: 0;
width: 46px;
}
#kontaktbox .antwortLabel {
width: 20px;
}
.bsp-only{
display: none;
}
#anfrageGrundContent , #requestRepeatedContent, #tooManyRecentRequestsContent, #sendebestaetigungContent,
#ortsfrageGrundContent, .fancyBoxContent{
width: 450px;
background-color: #F4F3EE;
padding: 10px;
font-size: 14px;
}
#bewertungsbox {
width: 475px;
background-color: #F4F3EE;
padding: 10px;
margin-top: 0;
font-size: 14px;
}
#bewertungsbox #comment {
width: 460px;
margin: 15px 0 15px 0;
}
#ortsfrageGrundContent {
width: 340px;
}
#anfrageGrundContent p, #requestRepeatedContent p, #tooManyRecentRequestsContent p, #sendebestaetigungContent p,
#ortsfrageGrundContent p, .fancyBoxContent p{
font-size: 14px;
}
#zweiminuhr {
margin: 4px 20px 0 5px;
background: url("../images/anfrage/zweiminuhr.png") no-repeat;
width:90px;
height:89px;
}
#sendebestaetigungContent p {
width: 330px;
word-wrap: break-word;
}
#anfrageGrundContent h2, #requestRepeatedContent h2, #tooManyRecentRequestsContent h2, #sendebestaetigungContent h2,
#ortsfrageGrundContent h2, .fancyBoxContent h2, #fancybox-content #bewertungsbox p.heading{
/*border-bottom: 1px solid #633B2F;*/
color: #633B2F;
margin: 5px 0 20px;
font-weight: normal;
font-size: 18px;
}
#requestRepeated-trenner {
background: url("../images/trennerlinie-transparent.png") no-repeat top center transparent;
display: block;
width: 450px;
padding-top: 15px;
margin-top: 15px;
padding: 17px 0 9px;
text-align: center;
}
#requestRepeated-trenner a{
background: url("../images/icons/arrow_orange.png") no-repeat scroll -1px 3px;
padding-left: 13px;
}
#anfrageGrundContent select{
margin: 20px 0;
box-shadow: 1px 1px 2px #D9D9D9 inset;
padding: 5px;
}
.errorlist.extra{
width: 300px;
overflow: hidden;
}
#anfrageGrundContent input, #ortsfrageGrundContent input{
width: 25px;
float: left;
margin-top: 10px;
}
#anfrageGrundContent label, #ortsfrageGrundContent label {
height: 16px;
width: 420px;
float: left;
margin-top: 10px;
}
#ortsfrageGrundContent label {
width: 300px;
}
#ortsfrageGrundContent .button{
margin: 10px auto 0;
}
div.result_contact table#ohneSiegel {
width: 454px;
}
div.result_contact.ohneSiegel{
background: url("../images/anfrage/siegel2.png") no-repeat scroll right top #FFFEFC;
}
/* --- Store --- */
ul.shoplist li{
color: #333333;
font-size: 12px;
box-shadow: 1px 1px 2px #CCCCCC;
background-color: #F7F7F7;
text-align: justify;
list-style: none;
padding: 10px 15px;
background-image: none;
margin: 0 0 20px;
width: 270px;
float:left;
}
ul.shoplist li:nth-child(2n+1){
margin-right: 25px;
}
ul.shoplist li h3{
padding: 0 5px 5px;
margin: 0;
}
ul.daten {
padding: 5px;
float: left;
}
ul.daten li{
box-shadow: none;
padding: 0;
margin: 0;
width: 260px;
}
ul.daten li span{
display: block;
float: left;
width: 100px;
}
.shoplist img {
height: 180px;
margin: 5px 5px 5px 5px;
width: 260px;
}
a.button-to-shop{
background: url("../images/buttons/neu/orange_zum_produkt.png") no-repeat top left transparent;
height: 48px;
width: 260px;
display: block;
float: left;
margin: 0 5px;
}
a.button-to-shop:hover{
background-position: 0 -48px;
}
a.button-to-shop span, a.button-to-products span{
display:none;
}
a.button-to-products{
background: url("../images/buttons/orange_zu_produkten.png") no-repeat top left transparent;
height: 19px;
width: 116px;
display: block;
float: right;
margin: 3px 0px 0;
}
a.button-to-products:hover{
background-position: 0 -19px;
}
/* ---------------------------------------*/
.honigtopf {
display:none;
}
/* Neues Verzeichnis */
html#iframe #content{
padding: 15px 15px 5px;;
width: auto;
}
html#iframe #fehler_nachricht{
width: 370px !important;
margin-right: 0;
}
html#iframe .button-submit{
font-size: 0px;
text-indent: -9999px;
}
html#iframe form#fehlerformular {
margin: 0!important;
}
/* --- trauersprüche Banner -------------------------------------------------------------------------------------- */
div.ts-banner {
background: url('../images/ts-banner-bg.png') no-repeat left top transparent;
height: 240px;
margin: 15px 0;
padding: 0 0 0 35px;
width: 583px;
}
div.ts-banner .heading {
color: #20160F;
font-size: 17px;
font-weight: normal;
line-height: 22px;
padding: 50px 0 0;
}
div.ts-banner ul{
padding: 13px 0;
}
.button.button-ts-banner {
background: url("../images/buttons/ts-banner.gif") no-repeat scroll left top transparent;
display: block;
height: 48px;
width: 280px;
}
.button.button-ts-banner:hover {
background-position: left -48px;
}
div.ts-banner li {
background: url("../images/icons/tick-green.png") no-repeat scroll left 2px transparent;
height: 25px;
padding-left: 25px;
}
p.trauerspruch{
border-bottom: 1px solid #EAEAEA;
margin: 15px 0;
padding: 0 0 15px;
text-align: center;
}
p.trauerspruch span{
color: #666666;
display: block;
}
/* --- fuer bestatter quick fixes -- */
.register-read.fuer-bestatter {
margin: 6px 6px 0;
}
.img-left.fuer-bestatter {
padding: 5px 10px 0 0 !important;
}
p.bildrecht.fuer-bestatter {
padding-bottom: 24px;
}
.seoPageBox{
margin-top: 13px;
/* BST-844: remove this text-align: justify; */
}
/* Linkbox
##################################################################################*/
.linkbox {
background-color: #F7F7F7;
padding: 15px 20px;
text-align: justify;
}
.linkbox a {
text-decoration: underline;
}
.linkbox a:hover{
text-decoration: none;
}
/* --- extra contact forms --*/
div#extra-contact-content {
background-color: #f4f3ee;
float: left;
padding: 20px 20px 20px;
width: 580px;
font-size:14px;
margin: 5px 21px 0 10px;
}
#extra-contact-content h1.contentheading {
color: #333333;
font-size: 18px;
font-weight: normal;
margin-bottom: 10px;
min-height: 25px;
}
#extra-contact-content input[type="text"], textarea {
background-color: #ffffff;
background-image: none;
box-shadow: 1px 1px 2px #D9D9D9 inset;
padding: 5px;
width: 234px;
margin: 0 -10px 5px 0;
}
#extra-contact-content select{
background-color: #ffffff;
background-image: none;
box-shadow: 1px 1px 2px #D9D9D9 inset;
margin: 4px -10px 5px 0;
border: 1px solid #CCCCCC;
padding: 4px 2px;
width: 246px;
}
#extra-contact-content select#telefon_when{
float: right;
}
#extra-contact-content input[type="text"], #extra-contact-content select, textarea {
margin: 3px -10px 2px 0;
}
#extra-contact-content input[type="checkbox"], #extra-contact-content input[type="radio"] {
margin-right: 8px;
margin-top: 1px;
}
#extra-contact-content .formular-container{
background-color: #fffefc;
box-shadow: 1px 1px 2px #CCCCCC;
margin: 11px 0 0;
font-size: 14px;
color: #333333;
line-height: 20px;
padding: 20px 0 0;
text-align: center;
}
#extra-contact-content .formular-container p {
text-align: left;
font-size: 14px;
padding-left: 20px;
}
#extra-contact-content .formular-container img.left {
margin: 0 15px;
height: 155px;
}
#extra-contact-content form {
margin: 0;
}
#extra-contact-content .formular-container .trenner {
background: url("../images/anfrage/box-trenner.png") no-repeat scroll center top transparent;
display: block;
height: 30px;
margin-top: 15px;
padding: 17px 0 9px;
width: 580px;
}
#extra-contact-content td {
text-align: left;
padding: 2px;
}
aside#anfrage-sidebar.extra-contact {
margin: 5px 0 0;
}
#mobileHint {
width: 100%;
text-align:center;
border-bottom:2px solid #ddd;
border-bottom:0.125rem solid #ddd;
background:#eb8;
padding:10px 0;
padding:0.625rem 0;
font-size:32px;
font-size:2rem;
}
#mobileHint a{
text-decoration: underline;
}
/*
#anfrage-sidebar .button.beraten{
float: none;
background-image: url('../images/buttons/neu/sofort-beraten-small.png');
width: 188px;
}
*/
#partner-hinweis {
font-size:11px;
color: #666;
}
/* TEST ÖSTERREICH / SCHWEIZ */
.test-ausland{
float: left;
font-size: 12px;
margin-top: 4px;
}
.test-ausland span{
text-decoration: underline;
color: #633B2F;
cursor: pointer;
}
.test-ausland span:hover{
text-decoration: none;
}
#iframeContent {
background-color: #F4F3EE;
font-size: 14px;
padding: 10px;
width: 550px;
}
#iframeContent h2 {
border-bottom: 1px solid #633B2F;
color: #633B2F;
font-size: 18px;
font-weight: normal;
margin: 5px 0 20px;
}
#iframeContent .closeTest {
margin: 15px 0 20px;
text-align: center;
}
/*--suche ------------------------------------*/
#desktop-suche #suchformular #query {
width: 65%;
padding: 5px 7px;
background-color: #fff;
color: #777;
border: 1px solid #ddd;
border-top: 1px solid #999;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
#desktop-suche #suchformular button {
width: 27px;
height: 27px;
background: url("../images/icons/lupe.png") no-repeat top left transparent;
border: 0 none;
padding: 0;
margin: 0px;
vertical-align: top;
float: none;
display: inline-block;
}
#desktop-suche p {
font-size: 14px;
margin: 7px 0 25px 0;
}
#desktop-suche #search-results li{
margin: 10px 0;
list-style: none;
padding-left: 13px;
background: url("../images/icons/arrow_orange.png") no-repeat 0 2px;
}
/* Ratgeber Redesign 201311
##################################################################################*/
/* -- seitenleiste ----------------------------------------*/
.aside-wrapper {
float: left;
width: 224px;
}
/* ------ suche ----------------------------------------*/
aside .site-search {
margin-bottom: 11px; /* BST-844: changed to margin-bottom */
/* BST-844: removed border-top: 1px solid #999; */
}
/* BST-844: removed this
aside .site-search form {
margin-top: 24px;
} */
aside .site-search input {
display: inline-block;
vertical-align: top;
width:140px;
padding: 3px;
}
aside .site-search button {
display:inline-block;
vertical-align: top;
float:right;
height: 27px;
}
/* ------ aside teaser module ----------------------------------------*/
.side-teaser {
float: left;
margin: 15px 3px 3px 3px;
width: 218px;
}
/* -- titelbereich ----------------------------------------*/
.content-head {
position: relative;
margin-top: -17px;
}
#content .content-head .contentheading{
position: absolute;
bottom: 0;
width: 100%;
background: url("../images/white-alpha-85.png") repeat top left transparent;
border: 0;
padding: 10px 15px;
margin: 0;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size: 20px;
}
/* == Banner inside content head == */
div#content div#headerBanner {
position:absolute;
right:10px;
top:10px;
height:155px;
width:250px;
background: url("../images/white-alpha-85.png") repeat top left transparent;
}
div#content div#headerBanner > div.eKomi {
position: absolute;
right: 5px;
top: 5px;
}
div#content div#headerBanner > img.logo {
width: 120px;
margin-top: 5px;
margin-left: 5px;
}
div#content div#headerBanner > div.heading {
padding: 0 10px;
text-align: center;
}
div#content div#headerBanner form input.location-autocomplete {
float: none;
position: relative;
display: block;
margin: 5px auto 8px;
height: 20px;
padding: 6px 10px;
width: 195px;
}
div#content div#headerBanner form button {
width: 80%;
height: 35px;
border-radius: 3px;
margin: 0 auto;
padding: 0 15px;
display: block;
font-weight: bold;
}
/* -- breadcrumbs ----------------------------------------*/
.breadcrumbs {
margin: 15px 0;
font-size: 12px;
}
.breadcrumbs, .pathway {
color: #999;
}
.breadcrumbs .separator {
padding: 0 5px;
}
/* -- Schritte Seiten ----------------------------------------*/
.link-liste {
margin-left: 8px;
}
ol.ordered-list {
padding-top:15px;
}
ol.ordered-list li {
list-style-type: decimal;
padding-left: 0px;
list-style-position: outside;
margin-left: 30px;
background-image: none;
}
.article-content.teaser-preview .teaser-wrapper {
float:left;
width: 85px;
height: 100px;
overflow: hidden;
background-position: center;
background-size: cover;
margin: 5px 10px 0 0;
}
.article-content .schritte-wrapper {
border-left: 1px solid #633B2F;
}
.article-content .schritte-wrapper * {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.article-content .schritte-wrapper .schritt-title {
margin: 0;
padding: 8px 0 8px 10px;
letter-spacing: 1px;
letter-spacing: 0.0625rem;
font-size:18px;
}
.article-content .schritte-wrapper .schritt-subtitle {
margin: 0;
font-size: 14px;
color: #898989;
padding: 8px 0 8px 10px;
}
.article-content .schritte-wrapper .title-separator {
width: 30px;
margin: 0;
text-align: left;
}
.article-content .schritte-wrapper .schritt-text {
margin-top:10px;
}
.schritte-wrapper .schritt {
padding: 20px 0;
}
.schritte-wrapper .schritt:first-child {
padding-top:0;
}
.schritte-wrapper .schritt p {
padding: 0 10px;
}
.schritte-wrapper .aufgaben {
width: 80%;
margin: 10px auto 0;
}
.schritte-wrapper .aufgaben li {
width: 50%;
padding:5px;
float: left;
background: none;
}
.schritte-wrapper .aufgaben li.download {
width: 100%;
}
.schritte-wrapper .aufgaben li.download div {
padding: 10px 0 10px 0;
background: #eee;
width: 100%;
display: inline-block;
font-size:14px;
}
.schritte-wrapper .aufgaben li.download div > span {
width: 50%;
padding: 0 10px 0 30px;
float: left;
background: url("../images/icons/triangle_gray.png") no-repeat 12px 5px #eee;
}
.schritte-wrapper .aufgaben li.download div .button-toTheDownload {
float: right;
width: 230px;
margin: 0 10px 0 0;
}
.schritte-wrapper .aufgaben li.download div .button-toTheDownload span{
display: none;
padding: 0;
}
.schritte-wrapper .aufgaben li span{
padding: 10px 10px 10px 30px;
background: url("../images/icons/triangle_gray.png") no-repeat 12px 15px #eee; /* BST-844: was 12px 12px #eee; */
width:100%;
display: inline-block;
font-size: 14px;
}
.schritte-wrapper .rechner_horizontal {
width: 614px;
background-position: 10px 0;
}
/* -- Teaser Boxen ----------------------------------------*/
.teaser-box {
float: left;
margin-bottom: 10px;
}
.ratgebertyp1 .teaser-box {
margin-top: 10px;
}
.teaser-box .teaser{
width: 200px;
float: left;
margin: 8px 0;
border-bottom: 5px solid #fff;
height: 145px;
overflow:hidden;
}
.teaser-box .teaser:hover{
background: none repeat scroll 0 0 #F7F7F7;
border-bottom: 5px solid #F7F7F7;
}
.teaser-box .teaser-title {
font-size: 16px;
font-weight: normal;
color: #633B2F;
margin: 6px 0;
}
.teaser-box .teaser-title, .teaser-box p {
padding: 0 5px;
/* BST-844 added this */
font-size: 14px;
line-height: 20px;
/**/
}
.teaser-box a.middle .teaser{
margin: 8px 12px;
}
.side-teaser .teaser-box a .teaser{
padding: 8px 8px;
margin: 8px 0;
border: 1px solid #e9e9e9;
}
.teaser-box a {
color:#333;
text-decoration: none;
}
.teaser-box .img{
height: 68px;
width: 200px;
}
.teaser-box.bottom-teaser {
margin-top: 10px;
}
/* LANDKARTE AUF STARTSEITE */
.map-container {
background-color: #F7F7F7;
margin: -8px 10px 0;
padding: 15px;
}
.map-container h2{
margin-bottom: 15px;
}
.map-container .text{
line-height: 22px; /* BST-844: was 18px; */
width: 520px;
}
.map-container .text.last{
margin-top: 15px;
}
#vmap{
margin-top: 34px /* BST-844: was 30px; */
}
.jvectormap-region{
cursor: pointer;
}
#jqvmap1_koeln, #jqvmap1_muenchen, #jqvmap1_frankfurt-am-main, #jqvmap1_stuttgart, #jqvmap1_duesseldorf, #jqvmap1_dortmund, #jqvmap1_essen, #jqvmap1_hannover, #jqvmap1_duisburg, #jqvmap1_leipzig, #jqvmap1_nuernberg, #jqvmap1_dresden, #jqvmap1_bochum, #jqvmap1_wuppertal, #jqvmap1_bielefeld, #jqvmap1_mannheim, #jqvmap1_bonn, #jqvmap1_hamburg, #jqvmap1_berlin, #jqvmap1_bremen{
fill: #633B2F;
}
/* Ergo Landingpage*/
.vs-landingpage h2{
padding: 0;
}
#ergo-lp{
width: 630px;
margin: 25px auto 10px;
background: url('../images/ergo/ergo-lp-bg.jpg') no-repeat center top #C7E0F6;
padding: 330px 0 12px;
}
#ergo-lp.ergo-lp-success{
margin: 30px 0 0 10px;
}
#ergo-lp.ergo-lp-success ul li{
list-style: outside none none;
padding-left: 20px;
}
.ergo-lp-content{
margin: 0 20px;
}
.ergo-lp-content h2{
color: #333;
font-size: 23px;
font-weight: normal;
margin-top: 15px;
}
.ergo-lp-content h3{
color: #333;
font-size: 17px;
font-weight: bold;
padding: 4px 0;
margin: 0;
}
#ergo-lp ul{
padding: 0;
}
#ergo-lp ul li{
background: url('../images/ergo/ergo-lp-red-tick.png') no-repeat left 2px transparent;
line-height: 21px;
}
#ergo-send-request{
background: url('../images/ergo/ergo-lp-button-calculate.jpg') no-repeat left top transparent;
font-size: 0;
height: 43px;
margin: 20px 0 0 17px;
text-indent: -9999px;
width: 229px;
display: block;
}
#ergo-send-offer{
background: url('../images/ergo/ergo-lp-button-offer.jpg') no-repeat left top transparent;
font-size: 0;
height: 43px;
margin: 0;
text-indent: -9999px;
width: 229px;
display: inline-block;
}
#ergo-send-request:hover{
background-position: left -43px;
}
#ergo-send-offers:hover{
background-position: left -43px;
}
.ergo-lp-content .ergo-telephone {
margin: 15px 0 0 16px;
}
.ergo-lp-content .ergo-number {
display: block;
font-size: 24px;
line-height: 24px;
margin-bottom: -20px;
}
.ergo-small {
font-size: 12px;
line-height: 12px;
}
.ergo-small b{
line-height: 18px;
}
/* neuer Ergo Banner*/
.ergo-lp-banner {
height: 240px;
width: 625px;
background: url('../images/ergo/ergo-lp-banner.jpg') no-repeat center center transparent;
}
.ergo-lp-banner > a {
display: block;
font-size: 0;
height: 32px;
margin: 188px 0 0 33px;
position: absolute;
text-indent: -9999px;
width: 173px;
}
.ergo-lp-banner > a:hover {
background-color: rgba(255, 255, 255, 0.1);
}
/* neuer Ergo Banner*/
.ergo-lp-banner {
height: 240px;
width: 625px;
background: url('../images/ergo/ergo-lp-banner.jpg') no-repeat center center transparent;
}
.ergo-lp-banner > a {
display: block;
font-size: 0;
height: 32px;
margin: 188px 0 0 33px;
position: absolute;
text-indent: -9999px;
width: 173px;
}
.ergo-lp-banner > a:hover {
background-color: rgba(255, 255, 255, 0.1);
}
/* ergo direkt banner */
.ergo_banner {
border-top: 1px solid gray;
padding-bottom: 7px;
}
.ergo_banner.doppelRand {
border-bottom: 1px solid gray;
}
.ergo_banner .anzeigetitel {
padding: 4px 0 0 0;
color: #333;
font-size: 18px;
font-weight: normal;
display: inline-block;
margin-top: 5px;
}
.ergo_banner .anzeigelabel {
padding: 4px 0;
font-size: 14px;
display: inline-block;
color: gray;
}
iframe.ergo{
border: none;
}
/* BST-807/876 mark answered questions as completed */
#bspAnfrage #anfrageform .form_row.completed {
background: url('../images/anfrage/tick-green-big.png') no-repeat bottom right #E7F6E2;
}
.form_row.errorFound{
background-color: #EADCD3;
}
.button.button-angebot-pdf span{
display:none;
}
.button.button-angebot-pdf{
background: url("../images/buttons/download_pdf_angebot.png") no-repeat 0 0 transparent;
float: right;
height: 19px;
margin-right: 20px;
width: 117px;
}
.button.button-angebot-pdf:hover{
background-position: 0 -19px;
}
.button.button-angebot-pdf.large {
background-image: url("../images/buttons/angebot-pdf-large.png");
height: 28px;
margin-right: 15px;
width: 132px;
}
.button.button-angebot-pdf.large:hover {
background-position: 0 -28px;
}
.rotate {
/* Chrome/Safari */
-webkit-transform: rotate(-55deg);
-webkit-transform-origin: 80% 30% 0;
/* Firefox */
-moz-transform: rotate(-55deg);
-moz-transform-origin: 80% 30% 0;
/* IE9 */
-ms-transform: rotate(-55deg);
-ms-transform-origin: 80% 30% 0;
/* This should work for IE10 and other modern browsers that do not need vendor prefixes */
transform: rotate(-55deg);
transform-origin: 80% 30% 0;
/* IE8 or less - using the "\9" CSS hack so that other browsers will ignore these lines */
zoom: 1\9;
writing-mode: tb-rl\9;
filter: flipv fliph;
height: 100px\9;
margin-top: -60px\9;
margin-left: 15px\9;
}
#successAngebote{
float: left;
margin-top: 20px;
background-color: #FFFEFC;
box-shadow: 1px 1px 2px #CCCCCC;
padding-top: 25px;
}
#successAngebote.new-list {
background-color: #fff;
}
#successAngebote .iconLegende{
margin-top: 0;
}
#successAngebote .iconLegende span{
width: 16px;
padding: 0;
margin: 0 0 0 16px;
}
.successAngeboteHead {
float: left;
width: 100%;
font-weight: bold;
}
.wh-left {
float: left;
height: 55px;
padding-top: 35px;
width: 210px;
padding-left: 10px;
}
.wh-right {
float: left;
padding-top: 35px;
text-align: center;
width: 88px;
}
.wh-center {
float: left;
height: 50px;
padding: 50px 0 0;
width: 45px;
}
.successAngeboteRow {
float: left;
width: 100%;
}
#successAngebote p{
padding: 0 10px;
margin: -10px 0 25px;
}
.result-container.result-finish p {
float: right;
padding-left: 0;
width: 390px;
}
.successAngeboteRow:nth-child(2n) {
background-color: #f9f9f9;
}
.w-left {
float: left;
padding: 10px;
width: 200px;
}
.w-center {
float: left;
width: 45px;
padding-top: 10px;
}
.w-right {
float: left;
text-align: right;
width: 80px;
padding: 10px 0 0 0;
}
/* --- Iframe overrides --- */
html#iframe header, html#iframe nav, html#iframe footer, html#iframe .aside-wrapper, html#iframe .extravote-divider, html#iframe .extravote-notice, html#iframe .extravote-count, html#iframe .page-bottom, html#iframe .extravote-stars, html#iframe .extravote-container{
display: none;
}
html#iframe #cookieNotice{
display: none!important;
}
html#iframe .page{
width: auto;
padding: 0;
margin: 0;
background: none #fff;
}
/* --- Autocompleter --- */
ul.ui-autocomplete.ui-widget-content{
max-height: 350px;
background: none #fff;
font-size: 14px;
box-shadow: 1px 1px 2px #ccc;
border: none;
border-radius: 0;
overflow-y: scroll;
}
ul.ui-autocomplete .ui-menu-item a:hover, ul.ui-autocomplete .ui-menu-item:hover, ul.ui-autocomplete .ui-menu-item a.ui-state-focus, ul.ui-autocomplete .ui-menu-item a.ui-state-active{
border-radius: 0;
border: none;
background: none #f4f3ee;
color:#000;
margin: 0;
}
ul.ui-autocomplete .ui-menu-item.defaultEntry a{
font-weight: bold;
background-color: #f9f9f9;
}
ul.ui-autocomplete .ui-menu-item.defaultEntry a:hover{
background-color: #f4f3ee;
}
/* --- Ergo Landingpage --- */
.page.vs-landingpage{
padding: 5px 55px 10px;
width: 830px;
}
.page.vs-landingpage h1{
border-bottom: 1px solid #633b2f;
color: #633b2f;
font-size: 24px;
font-weight: normal;
margin-bottom: 20px;
}
.vs-box > div{
background-color: #f7f7f7;
padding: 5px 15px;
width: 320px;
float: left;
margin: 15px 20px 10px;
height: 175px;
}
.vs-box > div h3{
margin: 0;
}
.vs-box > div ul{
margin: 0;
padding: 0;
}
.vs-box ul li{
line-height:17px;
margin-top: 7px;
}
.vs-box > div:first-child{
margin-left: 45px;
}
/* --- EXIT INTENT MODAL WINDOW --- */
.gbv-exit-intent {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.gbv-exit-intent .underlay {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-color: rgba(0,0,0,0.5);
cursor: pointer;
-webkit-animation: fadein 0.5s;
animation: fadein 0.5s;
}
.gbv-exit-intent .modal {
width: 800px;
height: 510px;
background-color: #fff;
cursor: default;
z-index: 1;
position: absolute;
margin: auto;
top: 0;
right: 0;
bottom: 0;
left: 0;
border-radius: 4px;
-webkit-animation: popin 0.3s;
animation: popin 0.3s;
}
#exit-intent3 .modal{
width: 580px;
height: 320px;
text-align: center;
}
#exit-intent-ergo .modal{
width: 660px;
height: 290px;
text-align: center;
}
#exit-intent3 h3, #exit-intent-ergo h3{
text-align: center;
}
#exit-intent3 .modal-title{
padding: 8px 0;
}
.sub-title, #exit-intent3 a {
font-size: 20px;
font-weight: 600;
}
#exit-intent3 .img-title span, #exit-intent-ergo .img-title span {
background: url("../images/anfrage/anfrage-lp/phone-brown.png") no-repeat scroll 2px 5px transparent;
padding-left: 40px;
}
#exit-intent3 .button-green-close, #exit-intent-ergo .button-green-close{
margin-top: 25px;
}
@-webkit-keyframes fadein {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-ms-keyframes fadein {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadein {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes popin {
0% {
-webkit-transform: scale(0);
transform: scale(0);
opacity: 0;
}
85% {
-webkit-transform: scale(1.05);
transform: scale(1.05);
opacity: 1;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
@-ms-keyframes popin {
0% {
-ms-transform: scale(0);
transform: scale(0);
opacity: 0;
}
85% {
-ms-transform: scale(1.05);
transform: scale(1.05);
opacity: 1;
}
100% {
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
@keyframes popin {
0% {
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
opacity: 0;
}
85% {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
opacity: 1;
}
100% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
.gbv-exit-intent .modal-title {
font-size: 18px;
background-color: #443D3B;
color: #fff;
padding: 10px;
margin: 0;
border-radius: 4px 4px 0 0;
text-align: center;
}
.gbv-exit-intent h3{
color: #fff;
font-size: 28px;
}
.gbv-exit-intent .img-container{
width: 658px;
margin: 0 auto;
}
.gbv-exit-intent .img-title{
font-size: 20px;
line-height: 1.2;
padding: 20px 35px 10px;
font-weight: bold;
color: #4c424a;
text-align: center;
}
#exit-intent3 .img-title, #exit-intent-ergo .img-title{
font-size: 26px;
}
.gbv-exit-intent .anfrage-content{
bottom: 0;
margin-bottom: 0;
padding: 16px 0;
position: absolute;
width: 100%;
color: #fff;
background-color: #443D3B;
}
.gbv-exit-intent .modal-close{
background: url('../images/anfrage/anfrage-lp/fancy_close.png') no-repeat center center transparent;
height: 30px;
width: 30px;
position: absolute;
right: -5px;
top: -5px;
cursor: pointer;
}
.gbv-exit-intent .button-green-close{
-moz-user-select: none;
background-color: #a5cc3b;
cursor: pointer;
padding: 6px 20px;
text-align: center;
color: #fff;
font: 600 20px/35px "jaf-bernina-sans",sans-serif;
margin: 0 auto;
width: 280px;
}
.gbv-exit-intent .button-green-close:hover{
background-color: #9cc136;
}
.offers-download {
-webkit-box-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.3), inset 0 4px 1px 1px #A5CC3B, inset 0 -3px 1px 1px rgba(110, 138, 34, 0.5);
box-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.3), inset 0 4px 1px 1px #A5CC3B, inset 0 -3px 1px 1px rgba(110, 138, 34, 0.5);
text-shadow: 1px 1px 1px #5a5a5a;
background: url(../images/anfrage/anfrage-lp/pdf-icon.png) no-repeat scroll 42px 11px, -webkit-linear-gradient(#8eb12f, #A5CC3B);
background: url(../images/anfrage/anfrage-lp/pdf-icon.png) no-repeat scroll 42px 11px, -o-linear-gradient(#8eb12f, #A5CC3B);
background: url(../images/anfrage/anfrage-lp/pdf-icon.png) no-repeat scroll 42px 11px, linear-gradient(#8eb12f, #A5CC3B);
background-color: #9cc136;
-webkit-transition: all .1s linear;
transition: all .1s linear;
border-radius: 50%;
color: #fff;
cursor: pointer;
float: left;
font-size: 16px;
font-weight: 600;
height: 48px;
line-height: 1;
margin: 0 0 10px 15px;
padding-top: 97px;
text-align: center;
width: 145px;
}
.offers-download:hover {
background: url(../images/anfrage/anfrage-lp/pdf-icon.png) no-repeat scroll 42px 11px, -webkit-linear-gradient(top, #A5CC3B, #8eb12f);
background: url(../images/anfrage/anfrage-lp/pdf-icon.png) no-repeat scroll 42px 11px, linear-gradient(top, #A5CC3B, #8eb12f);
background-color: #9cc136;
}
.offers-download:active {
background: url(../images/anfrage/anfrage-lp/pdf-icon.png) no-repeat scroll 42px 11px, -webkit-linear-gradient(top, #bfde67, #acc765);
background: url(../images/anfrage/anfrage-lp/pdf-icon.png) no-repeat scroll 42px 11px, linear-gradient(top, #bfde67, #acc765);
-webkit-box-shadow: 0 3px 5px 0 rgba(0,0,0,.4), inset 0 -3px 1px 1px rgba(135, 158, 71, 0.5);
box-shadow: 0 3px 5px 0 rgba(0,0,0,.4), inset 0 -3px 1px 1px rgba(135, 158, 71, 0.5);
background-color: #9cc136;
}
/* --- Bestatterbereich --- */
#login-header{
height: 150px;
background: url('../images/login/header.png') no-repeat center center transparent;
}
#login-header h1{
padding: 12px 0 0 20px;
color: #fff;
font-size: 24px;
}
.bestatterlogin-content h2{
font-weight: bold;
color: #333;
}
.bestatterlogin-content h2.colored-heading {
font-size: 30px;
font-weight: 300;
text-align: center;
color: #76574d;
margin: 30px 140px 20px;
border-bottom: 1px solid #aeaeae;
}
#login-subheader{
background-color: #323232;
color: #f0f0f0;
padding: 0 10px;
}
#login-subheader a{
color: #f0f0f0;
padding: 8px 10px;
display: inline-block;
}
#login-subheader a:hover{
background-color: #444;
text-decoration: none;
}
#login-subheader select{
background-color: #444;
border: medium none;
color: #f0f0f0;
font-size: 16px;
width: 390px;
cursor: pointer;
height: 34px;
}
#login-filiale{
background-color: #444;
cursor: pointer;
}
.percentage-container{
width: 380px;
height: 30px;
background-color: #dedede;
position: relative;
display: inline-block;
}
.percentage-background, .percentage-foreground{
overflow:hidden;
height: 30px;
position: absolute;
}
.percentage-foreground span{
background-color: #aeaeae;
background-image: url('../images/login/stripes.png');
/*color: #f0f0f0;*/
}
.percentage-foreground span.twenty{background-color: #DB3737;}
.percentage-foreground span.fourty{background-color: #DB7F37;}
.percentage-foreground span.sixty{background-color: #DBC837;}
.percentage-foreground span.eighty{background-color: #A7DB37;}
.percentage-foreground span.hundret{background-color: #58DB37;}
.percentage-background span, .percentage-foreground span{
display: block;
font-weight: bold;
height: 30px;
padding-top: 6px;
text-align: center;
width: 380px;
}
.better-undertakers {
text-align: center;
width: 360px;
cursor: help;
}
.login-row .percentage-container {
margin: 0;
width: 360px;
display: inline-block;
}
.login-row .percentage-background span, .login-row .percentage-foreground span {
margin: 0;
width: 360px;
}
.login-table{
border-collapse: collapse;
width: 100%;
}
.login-table td, .login-table th {
padding: 6px 10px;
vertical-align: top;
}
table.login-table.basic-offers td, table.login-table.basic-offers th {
vertical-align: middle;
}
.login-table th {
color: #555;
}
.login-table tr td {
border-top: 1px solid #eaeaea;
}
table.login-table td.title {
font-size:16px;
}
table.login-table td.title span.status{
font-style: italic;
font-family: Segoe UI, Arial, sans-serif;
font-size: 14px;
}
h3.login-table-caption {
background-color: #f0f0f0;
color: #333;
font-size: 16px;
font-weight: bold;
margin: 15px 0 0;
padding: 7px 10px;
}
.login-box {
background-color: #fafafa;
border: 1px solid #efefef;
float: left;
height: 178px;
margin: 15px;
padding: 10px;
text-align: center;
width: 234px;
}
.login-icon {
background: url("../images/login/icons.png") no-repeat scroll center center transparent;
height: 90px;
margin: 0 auto;
width: 90px;
}
.login-icon.house {background-position: 0 0;}
.login-icon.gear {background-position: -93px 0;}
.login-icon.search {background-position: -183px 0; }
.login-icon.tab {background-position: -365px -92px;}
.login-icon.star {background-position: -270px 0;}
.login-icon.notice {background-position: -360px 0;}
.login-icon.question {background-position: -1px -95px;}
.login-icon.arrow {background-position: -92px -92px;}
.login-icon.euro {background-position: -180px -94px;}
.login-icon.diagram {background-position: -271px -95px;}
.login-icon-small {
background: url("../images/login/icons-small.png") no-repeat scroll center center transparent;
height: 30px;
width: 30px;
margin: 0 auto;
}
.login-icon-small.house {background-position: 0 0;}
.login-icon-small.gear {background-position: -30px 0;}
.login-icon-small.search {background-position: -150px 0;}
.login-icon-small.tag {background-position: -418px 0;}
.login-icon-small.star {background-position: -210px 0;}
.login-icon-small.notice {background-position: -240px 0;}
.login-icon-small.question {background-position: -90px 0;}
.login-icon-small.arrow {background-position: -120px 0;}
.login-icon-small.euro {background-position: -61px 0;}
.login-icon-small.diagram {background-position: -181px 0;}
.login-icon-small.back {background-position: -270px 0;}
.login-icon-small.login-star {
background-position: -360px 0;
display: inline-block;
}
.login-icon-small.login-star.gold {background-position: -390px 0;}
.login-box h3{
font-size: 20px;
margin: 0;
color: #333;
}
a .login-box span{
color: #333;
}
a .login-box:hover{
background-color: #f3f3f3;
border-color: #ccc;
}
.progress-container{
width: 430px;
display: inline-block;
margin-bottom: 20px;
}
.progress-container h2{
padding:0;
margin-top:0;
color: #333;
font-weight: bold;
}
#login-submenu{
background-color: #f4f3f1;
box-shadow: 1px 2px 5px #999;
margin-left: -10px;
padding: 10px;
position: absolute;
width: 400px;
z-index: 9999;
display: none;
}
#login-submenu a{
width: 110px;
text-align: center;
color: #333;
height: 65px;
padding: 12px 10px 0;
}
#login-submenu .back-to-overview a{
height: auto;
margin: 0 auto;
padding: 10px;
border-top: 1px solid #ccc;
width: 375px;
background: url('../images/login/to-startpage.png') no-repeat 135px 10px transparent;
}
#login-submenu a:hover{
background-color: #eaeaea;
text-decoration:none;
}
.back-to-overview .login-icon-small.back {
background-position: -270px 0;
display: inline-block;
margin: -7px 0 0 -33px;
position: absolute;
}
.bestatterlogin-content{
padding: 10px;
}
.bestatterlogin-content h1{
font-weight: normal;
margin: 20px 0;
}
#rueckruf-box {
height: 350px;
width: 400px;
}
#rueckruf-box h2{
background-color: #f0f0f0;
color: #333;
font-size: 16px;
font-weight: bold;
padding: 7px 10px;
}
#rueckruf-box p{
padding: 15px 10px;
}
#rueckruf-box textarea {
background-color: #f6f6f6;
border: 1px solid #dedede;
box-shadow: none;
color: #333;
font-family: arial,verdana,sans-serif;
font-size: 14px;
height: 100px;
margin: 10px;
padding: 10px 15px;
resize: none;
width: 345px;
}
.login-button.orange{
border: 1px solid #b25411;
color: #fff;
cursor: pointer;
display: inline-block;
padding: 8px 15px;
font-size: 16px;
background-color: #ca6116;
background-image: -webkit-gradient( linear, left top,left bottom,color-stop(0.1, #DE7E35),color-stop(1, #CA6116) );
background-image: -o-linear-gradient(bottom, #DE7E35 10%, #CA6116 100%);
background-image: -moz-linear-gradient(bottom, #DE7E35 10%, #CA6116 100%);
background-image: -webkit-linear-gradient(bottom, #DE7E35 10%, #CA6116 100%);
background-image: -ms-linear-gradient(bottom, #DE7E35 10%, #CA6116 100%);
background-image: linear-gradient(to bottom, #DE7E35 10%, #CA6116 100%);
}
.login-button.orange:hover{
background-color: #DE7E35;
background-image: -webkit-gradient(linear,left top,left bottom, color-stop(0.1, #E88137),color-stop(1, #D96818) );
background-image: -o-linear-gradient(bottom, #E88137 10%, #D96818 100%);
background-image: -moz-linear-gradient(bottom, #E88137 10%, #D96818 100%);
background-image: -webkit-linear-gradient(bottom, #E88137 10%, #D96818 100%);
background-image: -ms-linear-gradient(bottom, #E88137 10%, #D96818 100%);
background-image: linear-gradient(to bottom, #E88137 10%, #D96818 100%);
}
.login-button.orange.small {
font-size: 14px;
font-weight: normal;
padding: 3px 12px;
}
.login-button.green{
border: 1px solid #85b22c;
color: #fff;
cursor: pointer;
display: inline-block;
padding: 8px 15px;
font-size: 16px;
background-color: #8ebf2d;
background-image: -webkit-gradient( linear, left top,left bottom,color-stop(0.1, #a3d63e),color-stop(1, #8ebf2d) );
background-image: -o-linear-gradient(bottom, #a3d63e 10%, #8ebf2d 100%);
background-image: -moz-linear-gradient(bottom, #a3d63e 10%, #8ebf2d 100%);
background-image: -webkit-linear-gradient(bottom, #a3d63e 10%, #8ebf2d 100%);
background-image: -ms-linear-gradient(bottom, #a3d63e 10%, #8ebf2d 100%);
background-image: linear-gradient(to bottom, #a3d63e 10%, #8ebf2d 100%);
}
.login-button.green:hover{
background-color: #DE7E35;
background-image: -webkit-gradient(linear,left top,left bottom, color-stop(0.1, #A7DB3F),color-stop(1, #97C932) );
background-image: -o-linear-gradient(bottom, #A7DB3F 10%, #97C932 100%);
background-image: -moz-linear-gradient(bottom, #A7DB3F 10%, #97C932 100%);
background-image: -webkit-linear-gradient(bottom, #A7DB3F 10%, #97C932 100%);
background-image: -ms-linear-gradient(bottom, #A7DB3F 10%, #97C932 100%);
background-image: linear-gradient(to bottom, #A7DB3F 10%, #97C932 100%);
}
.login-button.green.small {
font-size: 14px;
font-weight: normal;
padding: 3px 12px;
}
.login-button.gray{
border: 1px solid #eaeaea;
color: #333;
cursor: pointer;
display: inline-block;
padding: 8px 15px;
font-size: 16px;
background-color: #FAFAFA;
background-image: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0, #FAFAFA),
color-stop(1, #EDEDED)
);
background-image: -o-linear-gradient(bottom, #FAFAFA 0%, #EDEDED 100%);
background-image: -moz-linear-gradient(bottom, #FAFAFA 0%, #EDEDED 100%);
background-image: -webkit-linear-gradient(bottom, #FAFAFA 0%, #EDEDED 100%);
background-image: -ms-linear-gradient(bottom, #FAFAFA 0%, #EDEDED 100%);
background-image: linear-gradient(to bottom, #FAFAFA 0%, #EDEDED 100%);
}
.login-button.gray:hover{
background-color: #EDEDED;
background-image: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0, #FFFFFF),
color-stop(1, #F5F5F5)
);
background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #F5F5F5 100%);
background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #F5F5F5 100%);
background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #F5F5F5 100%);
background-image: -ms-linear-gradient(bottom, #FFFFFF 0%, #F5F5F5 100%);
background-image: linear-gradient(to bottom, #FFFFFF 0%, #F5F5F5 100%);
}
.login-button.gray.small {
font-size: 14px;
font-weight: normal;
padding: 3px 12px;
}
.login-button.disabled {
opacity: .7;
color: #999;
border: #999;
cursor: not-allowed;
}
#rueckruf-box .login-button{
bottom: 10px;
position: absolute;
right: 12px;
}
#login-loading{
background: url("../images/anfrage/loading.gif") no-repeat scroll center center rgba(250, 250, 250, 0.8);
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
display: none;
}
#login-loading div{
display:none;
}
#login-loading.error div{
color: #333;
display: inline-block;
font-weight: bold;
height: auto;
margin: 32% 0 0 10%;
width: auto;
}
#login-loading.error {
background: none no-repeat scroll center center rgba(254, 132, 107, 0.8);
}
/* --- Login Form Fields --- */
.login-row {
margin: 15px 0 0;
padding: 15px;
width:400px;
float: left;
}
.login-row.full-width{
width: 830px;
margin: 0;
padding-top: 0;
}
.login-row .login-input {
margin-bottom: 20px;
}
.login-row .login-input input, .login-row .login-input select, .melden-text-input input[type="text"], .login-table input{
background: none no-repeat #f6f6f6;
border: 1px solid #ccc;
box-shadow: none;
color: #333;
font-size: 16px;
padding: 6px 10px;
margin-top: 3px;
}
.login-row .login-input input{
width: 378px;
}
.login-row .login-input select{
height:33px;
}
.login-input .partnerformular_ort{
width: 270px;
}
.login-input.dualLabel select{
padding: 6px;
width: 90px;
float: left;
margin-right: 10px;
}
.login-input.dualInput > label {
display: block;
}
.login-input.dualLabel input{
float:none;
width: 123px;
}
.login-input input.partnerformular_vorname{
margin-right: 10px;
float: left;
}
.login-input input.partnerformular_postleitzahl {
width: 45px;
margin-right: 10px;
}
.login-input input.partnerformular_ort {
float: left;
width: 301px;
}
.login-input .partnerformular_wide.aussteuerung {
width: 400px;
}
.login-row .login-input input.checkbox {
width: auto;
}
.login-input .checkbox-label {
display: inline-block;
float: right;
width: 375px;
}
.login-button-box{
float: left;
width: 860px;
margin-top: 10px;
}
.login-button-box a.second-left-button {
margin-left:7px;
}
.login-input .login-password{
height: 19px;
padding: 6px 10px;
}
.login-input .multiInputBox input, .login-input #images .imageBox input{
margin-right: 5px;
width: auto;
}
.login-input .multiInputBox div{
float: left;
padding: 5px 0;
width: 400px;
}
.login-input .multiInputBox .halfWidth {
width: 200px;
}
.login-input input[type="checkbox"]{
padding: 0;
}
.login-input #zusatzleistung input{
margin-top: 8px;
}
.login-input textarea, .melden-text-input textarea {
background-color: #f6f6f6;
border: 1px solid #ccc;
box-shadow: none;
color: #333;
font-family: arial,verdana,sans-serif;
font-size: 16px;
height: 174px;
margin: 8px 0 0;
padding: 10px 15px;
resize: none;
width: 368px;
}
.login-row #images{
width: 830px;
}
.login-table.basic-offers td{
font-size:14px;
padding: 5px;
}
.login-table.basic-offers th{
padding: 5px;
}
#basisAngebote tr:last-child td{
border-top: 2px solid #ccc;
}
#manualPrice{
width: 85px;
font-weight: bold;
}
#manualPrice.disabled {
background-color: transparent;
border: none;
border-bottom: 2px solid #ccc;
}
.login-icon-small.open, .login-icon-small.close {
background-position: -304px -4px;
display: inline-block;
height: 22px;
margin-right: 10px;
width: 22px;
float: left;
}
.login-icon-small.close {
background-position: -334px -4px;
}
.rechnung .login-table-caption{
cursor: pointer;
}
.login-table tr.additional-content td{
border-bottom: none;
}
.login-notice{
background-color: #efefef;
margin-bottom: 20px;
}
.login-notice h2{
background-color: #ccc;
margin-top: 0;
padding: 5px 20px;
}
.login-notice p {
padding: 0 15px 8px;
font-size: 14px;
line-height: 1.3;
}
.bestatterlogin-content ul.kundenmeinungen li{
background-color: #f7f7f7;
background-image: none;
list-style-type: none;
margin: 15px 25px;
padding: 15px 20px;
}
.bestatterlogin-content ul li{
background: url("../images/login/small-arrow.png") no-repeat scroll left 6px transparent;
list-style-type: none;
padding: 0 0 0 20px;
}
.bestatterlogin-content ul.aussteuerung{
padding: 0;
}
.bestatterlogin-content ul.aussteuerung li{
background: none no-repeat #fff;
padding: 0;
list-style: none;
}
.bestatterlogin-content ul.aussteuerung li span{
padding-left: 10px;
display: block;
}
.login-table td .label{
width: 120px;
display: inline-block;
}
.bestatterlogin-content .errors{
padding: 0 0 10px;
border: none;
background-color: #FFEADC;
}
.bestatterlogin-content .errors h1{
background-color: #a33016;
color: #fff;
font-size: 16px;
font-weight: bold;
margin: 0;
padding: 5px 20px;
}
.bestatterlogin-content .errors ol{
margin: 8px 10px 0;
}
.bestatterlogin-content .errors ol li{
background-image: none;
color: #333;
font-size: 14px;
line-height: 20px;
list-style: inside none disc;
}
.bestatterlogin-content ul.messages li{
background: none #75BF4E;
color: #fff;
font-size: 16px;
font-weight: bold;
margin: 0;
padding: 5px 20px;
}
.pager {
vertical-align: top;
}
.pager .pager-label {
display: inline-block;
margin-right: 10px;
height: 30px;
line-height: 30px;
vertical-align: top;
}
.pager ul.pagination {
margin: 0;
padding: 0;
height: 30px;
display: inline-block;
}
.pager ul.pagination li {
background: none;
margin: 0;
padding: 0;
display: inline-block;
line-height: 30px;
margin-right: 2px;
}
.pager ul.pagination li.active a {
color: #fff;
background: #BD590F;
border: 1px solid #BD590F;
}
.pager ul.pagination li a {
margin: 0;
padding: 0 5px;
display: inline-block;
line-height: 30px;
border: 1px solid #FFF;
}
.pager ul.pagination li a:hover {
border: 1px solid #BD590F;
}
.percentage-subbox {
bottom: -21px;
font-size: 14px;
font-weight: bold;
position: absolute;
right: 0;
}
.percentage-subbox a{
padding-right: 15px;
background: url('../images/login/small-arrow.png') no-repeat right center transparent;
color: #333;
text-decoration: none;
}
.percentage-subbox a:hover{
text-decoration: underline;
}
.tinyTip.star .bottom{
margin-left: 98px;
}
#basisAngebote .cost-input{
width: 85px;
}
#basisAngebote p{
padding-left: 15px;
}
.login-input input.extra-left {
float: left;
width: 260px;
}
.login-input input.extra-right {
float: right;
width: 85px;
}
.login-row.extras .login-input{
margin-bottom: 7px;
}
.login-row.extras{
margin-top: 0;
}
.login-row .layout-box {
float: left;
font-size: 14px;
width: 270px;
margin-right: 5px;
margin-bottom: 10px;
}
.login-row .layout-box:hover {
cursor: pointer;
background-color: #f2f2f2;
}
.login-row .layout-box.active {
cursor: default;
background-color: #efefef;
}
.login-row .layout-box img {
padding-right: 5px;
}
.login-row .layout-box b {
display: inline-block;
padding-top: 2px;
}
#login-tabs{
border:none;
border-radius:0;
background-color: transparent;
margin-top: 50px;
}
#login-tabs ul.ui-tabs-nav {
background-color: transparent;
border: none;
border-radius: 0;
margin-top: -46px;
}
#login-tabs .ui-tabs-nav li {
border-radius: 0;
background-color: #fefefe;
width: 100px;
}
#login-tabs .ui-tabs-nav li a{
color: #333;
font-weight: normal;
text-align: center;
padding-left: 0;
padding-right: 0;
width: 100%;
outline: 0 none;
}
#login-tabs .ui-tabs-nav li.ui-tabs-active {
background-color: #f6f6f6;
border-color: #ccc;
}
#login-tabs .ui-tabs-nav li.ui-tabs-active a{
color: #333;
font-weight: bold;
}
#login-tabs .ui-tabs-nav li.ui-state-hover{
background-color: #f6f6f6;
border-color: #ccc;
}
#login-tabs .ui-tabs-panel{
border: 1px solid #ccc;
border-radius: 0;
background-color: #f6f6f6;
}
.ui-tabs-panel {
font-size: 16px!important;
font-weight: normal!important;
color: #333333!important;
font-family: Arial,Verdana,sans-serif!important;
}
.ui-tabs-panel hr{
background-color: #ccc;
}
#login-tabs label:hover{
cursor: pointer;
}
#login-tabs .content-box textarea{
background-color: #fff;
margin: 0;
}
#login-tabs .content-box .image-container{
background-color: #fff;
border: 1px solid #ccc;
width: 400px;
height: 200px;
margin-right: 15px;
float: left;
text-align: center;
}
.image-container > img {
max-height: 92%;
max-width: 92%;
padding: 8px;
}
#login-tabs .content-box input[type="file"], .preview-page-container input[type="file"] {
margin: 10px 0 15px;
width: 380px;
font-size: 14px;
}
.preview-page-container{
background-color: #f6f6f6;
border: 1px solid #ccc;
padding: 1em 1.4em;
}
.preview-page{
background-color: #fff;
border: 1px solid #ccc;
padding: 0;
width: 400px;
height: 367px;
margin-right: 15px;
float: left;
}
.preview-page .header, .preview-page .footer {
height: 120px;
width: 400px;
}
.preview-page .header img, .preview-page .footer img{
max-height: 120px;
max-width: 400px;
}
.preview-page .header{
border-bottom: 1px solid #efefef;
}
.preview-page .footer{
margin-top:125px;
border-top: 1px solid #efefef;
}
.preview-page-container .info-i,
.hint.info-i{
background: url("../images/anfrage/anfrage-lp/info-i.png") no-repeat scroll center center transparent;
cursor: help;
display: inline-block;
height: 16px;
width: 16px;
}
.char-counter {
background-color: #CFF2B5;
color: #333;
font-size: 10px;
margin: -4px 0 0 180px;
padding: 1px 0;
position: absolute;
text-align: center;
width: 102px;
}
.char-counter.orange{
background-color: #EACDA6;
}
.char-counter.red{
background-color: #FC9E9C;
}
/* --- Cookie Notice --- */
#cookieNotice {
padding: 10px 0;
text-align: center;
font-size: 12px;
background-color: #eee;
display: none;
position: fixed;
bottom: 0;
z-index: 9999;
width: 100%;
border-top: 1px solid #ccc;
line-height: 22px;
}
#cookieNotice a {
color: #666;
text-decoration: underline;
}
#cookieNotice a:hover {
text-decoration: none;
}
#cookieNotice .cookie-notice-close{
display: inline;
padding: 5px 10px;
margin-left: 15px;
background-color: #e0e0e0;
border: 1px solid #ccc;
}
/* --- Vermittlung melden --- */
table.vermittlung-melden td{
padding-top: 8px;
}
form .melden-input{
padding: 5px 0;
}
form .melden-input input{
float: left;
margin: 3px 10px 0 0;
}
form .melden-input label {
display: inline-block;
width: 96%;
}
.melden-text-input{
margin-top: 15px;
}
.melden-text-input label{
width: 100%;
display: block;
margin-top: 5px;
}
.mandatory-text {
float:left;
margin-top:10px;
font-size:14px;
}
#anfrageform .form_input .postltz-label {
margin-left:30px;
float:left;
}
#anfrageform .form_input .postleitzahl {
width:40px;
float:left;
margin-left:10px;
}
/* BST-1296, BST-1297 + BST-1494 */
div#anfrage-content.updated-content {
background-color: #FFF;
padding: 0;
width: 620px;
}
div#anfrage-content.updated-content h1.contentheading.updated {
font-size: 20px;
font-weight: bold;
}
div#anfrage-content.updated-content p.paragraph-updated {
font-size: 14px;
line-height: 20px;
text-align: justify;
}
div#anfrage-content.updated-content h3.burial-type-header, .cityteaser .burial-type-header {
font-weight: bold;
}
div#anfrage-content.updated-content div.burial-types.result-container, .cityteaser .burial-types.result-container {
padding: 10px 20px;
margin-bottom: 10px;
box-shadow: none;
margin-top: 0;
}
div#anfrage-content.updated-content div.burial-types.result-container > a{
margin: 0 7px 0 14px;
}
div#anfrage-content.updated-content div.burial-types.result-container div {
background: url('../images/anfrage/anfrage-lp/icons.png') no-repeat scroll center center #f3f3f3;
width:124px;
height:36px;
padding: 100px 0 0;
margin: 0;
display:inline-block;
text-align: center;
color:#333;
}
div#anfrage-content.updated-content div.burial-types.result-container div.selected {
background-color: #a5cc3b;
}
div#anfrage-content.updated-content div.burial-types.result-container div.fire {
background-position: 31px 18px;
}
div#anfrage-content.updated-content div.burial-types.result-container > div.fire,
div#anfrage-content.updated-content div.burial-types.result-container > a.fire-link{
margin: 0 7px 0 14px;
}
div#anfrage-content.updated-content div.burial-types.result-container div.earth {
background-position: -323px 18px;
}
div#anfrage-content.updated-content div.burial-types.result-container > div.earth,
div#anfrage-content.updated-content div.burial-types.result-container > a.earth-link,
div#anfrage-content.updated-content div.burial-types.result-container > div.sea,
div#anfrage-content.updated-content div.burial-types.result-container > a.sea-link,
div#anfrage-content.updated-content div.burial-types.result-container > div.tree,
div#anfrage-content.updated-content div.burial-types.result-container > a.tree-link{
margin: 0 7px;
}
div#anfrage-content.updated-content div.burial-types.result-container div.sea {
background-position: -133px 18px;
}
div#anfrage-content.updated-content div.burial-types.result-container div.tree {
background-position: -493px 18px;
}
div#anfrage-content.updated-content div.burial-types.result-container > a > div:hover {
background-color: #EAEAEA !important;
}
div#anfrage-content.updated-content div.burial-types.result-container > a:active,
div#anfrage-content.updated-content div.burial-types.result-container > a:hover {
text-decoration: none;
}
div#anfrage-content.updated-content h3.undertakers-list-header {
font-weight: bold;
margin: 10px 0 0;
}
div#anfrage-content.updated-content > div.undertakers-list-wrapper {
background-color: #F4F3EE;
padding: 20px;
margin-top:11px;
}
div#anfrage-content.updated-content > div.result-container.seo-text {
box-shadow: none;
background-color: #FFF;
width: 620px;
}
div#anfrage-content.updated-content > div.result-container.seo-text > h1 {
font-size: 20px;
font-weight: bold;
color: #333;
margin-bottom: 10px;
}
div#anfrage-content.updated-content > div.result-container.seo-text > section {
margin-bottom: 20px;
line-height: 20px;
text-align: justify;
}
div#anfrage-content.updated-content > div.result-container.seo-text > section > h2 {
font-weight: bold;
font-size: 16px;
color: #633B2F;
margin-bottom: 8px;
}
div#anfrage-content.updated-content > div.result-container.seo-text > section > a {
color: #5569A6;
font-weight: bolder;
}
div#anfrage-content.updated-content > div.result-container.seo-text > section span.underline {
text-decoration: underline;
}
/* end of BST-1296, BST-1297 */
/* BST-1494 */
.cityteaser .burial-type-header {
font-weight: bold;
margin-bottom: 0;
padding-left: 68px;
}
.cityteaser .burial-types.result-container {
padding: 10px 55px;
margin-bottom: 10px;
box-shadow: none;
margin-top: 0;
}
.cityteaser div.burial-types.result-container div {
background: url('../images/anfrage/anfrage-lp/icons.png') no-repeat scroll center center #f3f3f3;
width:124px;
height:36px;
padding: 100px 10px 0;
margin: 0 15px;
display:inline-block;
text-align: center;
color:#333;
}
.cityteaser div.burial-types.result-container div.selected{
background-color: #a5cc3b;
}
.cityteaser div.burial-types.result-container div.fire{
background-position: 41px 18px;
}
.cityteaser div.burial-types.result-container div.earth {
background-position: -313px 18px;
}
.cityteaser div.burial-types.result-container div.sea{
background-position: -123px 18px;
}
.cityteaser div.burial-types.result-container div.tree{
background-position: -483px 18px;
}
.cityteaser div.burial-types.result-container > a > div:hover{
background-color: #EAEAEA !important;
}
/* === Partner site Auftragswert melden === */
#anfragswert.bestatterlogin-content input[type="text"],
#anfragswert.bestatterlogin-content textarea {
width:400px;
padding:6px 10px;
}
#anfragswert.bestatterlogin-content input#rechnung2 {
width:280px;
vertical-align: middle;
}
#anfragswert.bestatterlogin-content a.fileUpload.login-button.orange {
position: relative;
display: inline-block;
padding: 6px 10px;
margin-top: 3px;
vertical-align: middle;
}
#anfragswert.bestatterlogin-content a.fileUpload.login-button.orange > input[type="file"] {
position: absolute;
top: 0;
right: 0;
margin: 0;
padding: 0;
font-size: 20px;
cursor: pointer;
opacity: 0;
filter: alpha(opacity=0);
width: 420px;
}
#anfragswert.bestatterlogin-content #submitVermittlung {
margin-top:-40px;
}
html#iframe #anfragswert.bestatterlogin-content .login-row {
width:440px;
}
form.vermittlung-melden label{
width: 415px;
}
html#iframe #anfragswert.bestatterlogin-content .login-row input[type="text"],
html#iframe #anfragswert.bestatterlogin-content .login-row textarea{
width:94%;
padding:6px 3%;
}
html#iframe #anfragswert.bestatterlogin-content a.fileUpload.login-button.orange {
width:24% !important;
text-align: center;
padding:6px 3%;
}
html#iframe #anfragswert.bestatterlogin-content #rechnung2 {
width:62%;
padding:6px 3%;
}
html#iframe #anfragswert.bestatterlogin-content .login-row #submitVermittlung {
margin-top:20px !important;
/*margin-right:10px;*/
}
/*FuneralOfferBean page tabs update*/
#priceListTabs, #basisangebotTabs {
background: transparent;
border: none;
}
#basisangebotTabs > ul.ui-tabs-nav, #priceListTabs > ul.ui-tabs-nav {
background: transparent;
border: none;
padding-left:0;
}
#basisangebotTabs > ul.ui-tabs-nav > li, #priceListTabs > ul.ui-tabs-nav > li {
border: 1px solid #CCC;
border-bottom: 0;
}
#basisangebotTabs > ul.ui-tabs-nav > li.ui-state-focus > a, #priceListTabs > ul.ui-tabs-nav > li.ui-state-focus > a{
outline:none;
}
#basisangebotTabs > ul.ui-tabs-nav > li.ui-state-hover, #priceListTabs > ul.ui-tabs-nav > li.ui-state-hover {
border: 1px solid #CCC;
background-color: #F6F6F6;
border-bottom-width:0;
}
#basisangebotTabs > ul.ui-tabs-nav > li.ui-state-active.ui-state-hover, #priceListTabs > ul.ui-tabs-nav > li.ui-state-active.ui-state-hover {
background:#fff;
}
#basisangebotTabs > ul.ui-tabs-nav > li > a, #priceListTabs > ul.ui-tabs-nav > li > a {
color: #000;
padding: 5px 25px;
}
#basisangebotTabs > div.ui-tabs-panel, #priceListTabs > div.ui-tabs-panel {
border: 1px solid #CCC;
border-radius: 4px;
border-top-left-radius:0;
}
/*Applying fixes to jumped down elements after applying tabs*/
#basisangebotTabs > div.ui-tabs-panel input[type="file"]{
width:330px;
}
#basisangebotTabs > div.ui-tabs-panel div.login-row.extras{
width: 370px;
}
#basisangebotTabs > div.ui-tabs-panel div.login-row.extras .extra-left {
width:250px;
}
#basisangebotTabs > div.ui-tabs-panel div.login-row.extras .extra-right {
width:65px;
}
#vermittlunngSterbename.error {
border-color:#F70F0F;
}
/* === For new JSP undertaker page === */
.text-center {
text-align: center;
}
div.for-undertaker div.errors {
margin-bottom:0;
}
div.for-undertaker div.header div#login-subheader h3 {
color:white;
font-weight: 600;
}
div.for-undertaker div.form-wrapper {
padding:40px 0; float:left; width:100%; text-align: center;
}
div.for-undertaker form#partnerformular {
margin-bottom: 0;
}
div.for-undertaker div.login-form div.form-group, div.for-undertaker div.login-form button.button-weiter{
display: inline-block; vertical-align: middle;
}
div.for-undertaker div.login-form div.form-group {
margin-right:10px;
}
div.for-undertaker aside {
background-color:#DEDEDE;
height:237px;
padding:20px;
margin:0;
font-size:16px;
}
div.for-undertaker aside h4.first-header {
font-weight: bold;
font-size: 17px;
padding-top:0;
}
div.for-undertaker aside h4.second-header {
color:black;
font-weight:normal;
font-size:17px;
}
div.for-undertaker aside > a {
display: block;
margin-bottom:10px;
cursor: pointer;
color:black;
}
div.for-undertaker aside > a.button-orange-medium {
margin-top:10px;
}
div.for-undertaker aside > a:hover {
text-decoration:none;
}
div.for-undertaker aside > a > img {
width:40px;
}
div.for-undertaker div#content {
padding: 0 0 0 13px;
width:auto;
}
div.for-undertaker div#content div#ce-bestatter {
background-position:right top;
width:637px;
background-repeat: repeat-x;
}
div.for-undertaker div#content div#ce-bestatter ul.checklist {
margin: -1px 0 0 272px;
}
div.for-undertaker div#content div#ce-bestatter .button-register-ce {
margin-top:20px;
}
div.for-undertaker h3.intermediate-header {
padding: 20px 0;
color:black;
font-weight:600;
}
div.for-undertaker div#tabs {
padding: 0;border-width: 0;background-color: #DEDEDE;border-radius: 0;
margin:3px 3px -7px 3px;
}
div.for-undertaker div#tabs > ul {
background-color: #FFF;border: 0;padding: 0;border-radius: 0;border-bottom:1px solid silver;
}
div.for-undertaker div#tabs > ul > li {
padding-bottom:0;
z-index : 1;
padding-left: 20px;
padding-right: 20px;
background: none;
border: 0;
cursor: pointer;
}
div.for-undertaker div#tabs > ul > li:not(:first-child) {
margin-left:-20px;
}
div.for-undertaker div#tabs > ul > li::before {
content: "";
position: absolute;
left: 0;
top: 0;
border-width: 15px 10px;
border-style: solid;
border-bottom-color: #EFEFEF;
border-right-color: #EFEFEF;
border-top-color: rgba(0, 0, 0, 0);
border-left-color: rgba(0, 0, 0, 0);
}
div.for-undertaker div#tabs > ul > li > a {
color: #000;
font-size: 16px;
font-weight: 600;
background-color: #EFEFEF;
height: 30px;
padding: 0 10px;
vertical-align: middle;
line-height: 30px;
}
div.for-undertaker div#tabs > ul > li:after {
content: "";
position: absolute;
right: 0;
top: 0;
border-width: 15px 10px;
border-style: solid;
border-bottom-color: #EFEFEF;
border-right-color: rgba(0, 0, 0, 0);
border-top-color: rgba(0, 0, 0, 0);
border-left-color: #EFEFEF;
}
div.for-undertaker div#tabs > ul > li.ui-tabs-active {
z-index:2;
border-bottom: 1px solid #DEDEDE;
cursor: default;
}
div.for-undertaker div#tabs > ul > li.ui-tabs-active::before {
border-bottom-color: #DEDEDE;
border-right-color: #DEDEDE;
}
div.for-undertaker div#tabs > ul > li.ui-tabs-active > a {
background-color: #DEDEDE;
cursor: default;
}
div.for-undertaker div#tabs > ul > li.ui-tabs-active::after {
border-bottom-color: #DEDEDE;
border-left-color: #DEDEDE;
}
div.for-undertaker div#tabs > div.tab-body {
border-radius: 0;
}
div.for-undertaker div#tabs > ul > li > a:focus {
outline:0;
}
div.for-undertaker div#vorteile.tab-body > div, div.for-undertaker div#angebot.tab-body > div {
padding-left: 130px;
position: relative;
margin-bottom:20px;
}
div.for-undertaker div#vorteile.tab-body > div > h3, div.for-undertaker div#angebot.tab-body > div > h3 {
font-weight:600;
margin:0;
}
div.for-undertaker div#vorteile.tab-body > div > span.list-icon, div.for-undertaker div#angebot.tab-body > div > span.list-icon {
position: absolute;
top: 50%;
left: 50px;
margin-top: -45px;
margin-left: -45px;
}
/*div.for-undertaker div#vorteile.tab-body > div > span.list-icon.group {
*//*background: url('../images/icons/glyphicons-44-group@2x.png') no-repeat 0 0;
width: 70px;
height: 44px;
margin-top:-22px;
margin-left:-35px;*//*
}
div.for-undertaker div#vorteile.tab-body > div > span.list-icon.coins {
background: url('../images/icons/glyphicons-38-coins@2x.png') no-repeat 0 0;
width: 52px;
height: 49px;
margin-top:-25px;
margin-left:-25px;
}
div.for-undertaker div#vorteile.tab-body > div > span.list-icon.clock {
background: url('../images/icons/glyphicons-55-clock@2x.png') no-repeat 0 0;
width: 48px;
height: 48px;
margin-top:-24px;
margin-left:-24px;
}*/
div.for-undertaker div#angebot.tab-body ul {
margin:0;
padding:0;
}
div.for-undertaker div#vorteile.tab-body ul > li {
background: url('../images/anfrage/tick.png') no-repeat 0 2px;
padding-left: 30px;
list-style-type: none;
margin:5px 0;
}
div.for-undertaker div#angebot.tab-body ul.left{
width: auto;
}
div#content.custom {
padding:20px; width:auto;
}
div#content.custom table.custom {
margin:0 auto;
}
/*@media screen and (max-width : 768px) {
div.for-undertaker div#login-header {
display: none;
}
div.for-undertaker div#login-subheader {
background: white;
}
div.for-undertaker div.header div#login-subheader h3 {
color:black;
}
}*/
/*div#tabs.for-undertaker > ul > li {
border: 1px solid #C0C0C0;
border-bottom : 1px solid transparent;
background: #F6F6F6;
}
div#tabs.for-undertaker > ul > li.ui-tabs-active {
border-bottom : 1px solid #DEDEDE;
background: #DEDEDE;
}
div#tabs.for-undertaker > ul > li.ui-state-hover {
background: #DEDEDE;
}
div#tabs.for-undertaker > ul > li > a {
padding: .3em .6em;
color: #000;
font-size: 16px;
font-weight: 600;
}
div#tabs.for-undertaker > div.tab-body {
border-color: #C0C0C0;
border-width: 0px 1px 1px;
border-radius: 0;
}*/
/*aside.for-undertaker > a > img, aside.for-undertaker > a > span {
vertical-align: middle;
}*/
/* STAEDTESEITEN */
table.documents {
border-collapse: collapse;
line-height: 1.3;
margin: 0;
}
.documents td {
padding: 12px;
}
.documents td.center{
text-align: center;
}
.documents td.center .green{
color: #56a119;
}
.documents tr:nth-child(2n) {
background-color: #f3f3f3;
}
.city-page-content{
padding-left: 30px;
}
.city-page-content h2 {
margin-left: -30px;
font-size: 20px;
color: #333;
}
.city-page-content h3 {
font-weight: bold;
padding: 0;
}
.city-page-content h2 span{
width: 23px;
}
.table-instructions{
width: 100%;
}
.city-page-table{
font-size: 14px;
width: 100%;
border-collapse: collapse;
}
.city-page-table-copy{
display: none;
position: fixed;
top: 0px;
width: 825px;
background-color: rgb(255, 255, 255);
}
.city-page-table tr td:nth-child(2n), .city-page-table tr th:nth-child(2){
background-color: #f6f6f6;
}
.city-page-table td.abstand {
padding: 5px 8px;
}
.city-page-table td,.city-page-table th{
border: 1px solid #e0e0e0;
}
.city-page-table th{
padding: 5px 8px;
}
.city-page-table .gedreht {
/* Something you can count on */
height: 170px;
white-space: nowrap;
}
.city-page-table .gedreht > div {
transform:
translate(0px,62px) rotate(270deg);
width: 30px;
}
.city-page-table .gedreht > div > span {
/*border-bottom: 1px solid #ccc;*/
padding: 0;
}
.city-page-table span.glyphicons-ok-2, span.glyphicons-ok-2.green {
color: #56a119;
}
.city-page-table span.glyphicons-remove-2, span.glyphicons-remove-2.red {
color: #c80000;
}
.city-page-table .glyphicons {
width: 100%;
text-align: center;
}
.city-page-table .gedreht.zweizeilig>div {
width: 40px;
transform: translate(0px,58px) rotate(270deg);
}
/* === LP TOOLTIP === */
#lp-tooltip{
background-color: #fff;
border: 5px solid #eaeaea;
color: #666;
font-size: 14px;
line-height: 1;
padding: 4px 7px;
position: absolute;
width: 450px;
z-index:9000;
}
#lp-tooltip .content span{
color: #605553;
display: block;
font-size: 14px;
font-weight: 600;
margin-bottom: 3px;
}
#lp-tooltip .tooltip-arrow{
background: url("../images/anfrage/anfrage-lp/tooltip-arrow.png") no-repeat scroll center top transparent;
bottom: -19px;
height: 20px;
left: 218px;
position: absolute;
width: 30px;
}
span.info-sign {
background: url("../images/anfrage/anfrage-lp/info-i.png") no-repeat scroll center center !important;
display: inline-block;
height: 16px;
width: 16px;
vertical-align: text-bottom;
}
#slide11 .info-sign{
vertical-align: middle;
}
span.info-sign.middle {
vertical-align: middle;
}
span.contact-span {
margin-left:10px;
color : #76574D;
font-size:12px;
}
div#geprueftDe.contact-page {
height:328px;
margin-bottom:0 !important;
}
/* === Products page in partner section === */
table.services {
width:100%;
}
table.services>tbody>tr>td, table.services>tbody>tr>th, table.services>tfoot>tr>td, table.services>tfoot>tr>th, table.services>thead>tr>td, table.services>thead>tr>th {
padding: 8px;
line-height: 1.42857143;
min-height:40px;
vertical-align: middle;
text-align: center;
position: relative;
}
table.services th {
padding-top:20px !important;
}
table.services>thead>tr>th, table.services > tfoot > tr > td {
height:20px;
}
table.services>thead>tr>th {
vertical-align: bottom;
}
table.services > tbody > tr:nth-child(odd) {
background: #F7F7F7;
}
table.services > tbody tr > td:first-child {
text-align: left;
}
table.services > tbody td span.glyphicons.glyphicons-ok-2 {
color : #56A119;
}
table.services > tbody td span.glyphicons.glyphicons-remove-2 {
color : #CC071D;
}
table.services > thead th span.glyphicons.glyphicons-crown {
font-size:40px;
color:#FFCA00;
}
table.services > thead th span.glyphicons.glyphicons-certificate {
font-size : 25px;
color:#FF960E;
}
table.services > thead th span.current-status {
position: absolute;top: 0;left: 50%;margin-left: -36px;color: green;
}
table.services > tfoot > tr > td:not(:first-child) {
width: 170px;
}
table.services > tfoot > tr > td img.discount-image {
display: inline-block; vertical-align: middle;
}
table.services > tfoot > tr > td span.additional-text {
font-size: 12px;line-height: 14px;display: block;
}
table.services.starter td:nth-child(2), table.services.starter th:nth-child(2) {
background-color:#dff0d8 ;
}
table.services.starter > tbody > tr:nth-child(odd) > td:nth-child(2), table.services.starter > tbody > tr:nth-child(odd) > th:nth-child(2){
background: rgba(223,240,216,0.5);
}
table.services.profi td:nth-child(3), table.services.profi th:nth-child(3) {
background-color:#dff0d8 ;
}
table.services.profi > tbody > tr:nth-child(odd) > td:nth-child(3), table.services.profi > tbody > tr:nth-child(odd) > th:nth-child(3) {
background: rgba(223,240,216,0.5);
}
table.services.expert td:nth-child(4), table.services.expert th:nth-child(4) {
background-color:#dff0d8 ;
}
table.services.expert > tbody > tr:nth-child(odd) > td:nth-child(4), table.services.expert > tbody > tr:nth-child(odd) > th:nth-child(4) {
background: rgba(223,240,216,0.5);
}
table.services > tfoot > tr.no-background > td {
background-color:transparent !important;
}
/* === PARTNER LOGIN BANNER === */
div.bestatterlogin-content {
position: relative;
}
div.bestatterlogin-content > a.banner {
position: absolute;
display: block;
top:10px;
left:910px;
-webkit-box-shadow: 3px 3px 10px 1px rgba(0,0,0,0.2), -3px 0 10px 1px rgba(0,0,0,0.2);
box-shadow: 3px 3px 10px 1px rgba(0,0,0,0.2), -3px 0 10px 1px rgba(0,0,0,0.2);
}
div.bestatterlogin-content > a.banner > img {
display: block;
}
/* === FORM AFTER EMAIL === */
div#anfrage-content form#anfrageform.erfolg div.variants{
margin:20px 0 20px 30px;
}
div#anfrage-content form#anfrageform.erfolg div.form-row{
padding-bottom:5px;
}
div#anfrage-content form#anfrageform.erfolg div.form-row label {
margin-top: 10px;padding-left:5px; padding-right:5px;
}
div#anfrage-content form#anfrageform.erfolg input.input {
border: 1px solid #c0c2bd;padding: 2px;font-family: Arial,sans-serif;font-size: 14px;
}
div#anfrage-content form#anfrageform.erfolg div.form-text {
font-size:16px;
}
div#anfrage-content form#anfrageform.erfolg textarea#kommentar {
width:100%;
}
/* === Fix for mobile layout of email form === */
@media screen and (max-width: 992px) {
html.support-mobile {
font-size: 100%;
}
body.support-mobile h1 { font-size:1.375rem !important; }
/*body.support-mobile h2 { font-size:3rem !important; }
body.support-mobile h3 { font-size:2.4rem !important; }
body.support-mobile h4 { font-size:1.8rem !important; }
body.support-mobile h5 { font-size:1.4rem !important; }
body.support-mobile h6 { font-size:1.2rem !important; }*/
body.support-mobile div {
width:auto;
}
body.support-mobile div, body.support-mobile input, body.support-mobile textarea {
box-sizing:border-box;
}
body.support-mobile header {
position: absolute;
-webkit-box-shadow: 0 3px 6px -3px #666;
-moz-box-shadow: 0 3px 6px -3px #666;
box-shadow: 0 3px 6px -3px #666;
width: 100%;
top:0;
left:0;
z-index:1000;
padding:6px;
box-sizing:border-box;
}
body.support-mobile header div.wrapper, body.support-mobile div#footerExtra {
width:100%;
}
body.support-mobile div#logo {
padding-left : 0;
text-align: right;
margin-top: 3px;
}
body.support-mobile div#logo > a[href="/"] {
display: inline-block;
width:205px;
height:34px;
background:url('//www.bestattungen.de/templates/bestattungen.de/images/logos/logo_einzeilig.png') no-repeat center;
background-size: cover;
vertical-align: middle;
}
body.support-mobile div#logo > a[href="/"] > img {
display: none;
}
body.support-mobile div#siegel {
display:none;
}
body.support-mobile div.page-top, body.support-mobile div.page-bottom {
display:none;
}
body.support-mobile div.page {
padding: 0.5rem;
position: relative;
background: #FFF none;
margin-top:52px;
}
body.support-mobile div.page > aside {
display: none;
}
body.support-mobile div#anfrage-content{
width:100%;
margin : 5px 0 0 0;
box-sizing : border-box;
padding:8px;
background: #F4F3EE;
}
body.support-mobile div#anfrage-content div.variants {
margin: 20px 0 0 0 !important;
}
body.support-mobile div#anfrage-content div.form-row {
padding-bottom:10px;
}
body.support-mobile div#anfrage-content div.form-row input[type="text"] {
width : 100%;
box-sizing : border-box;
padding: 6px 12px !important;
}
body.support-mobile div.form_button {
width:100% !important;
text-align: center;
}
body.support-mobile div.form_button > button {
display: inline-block;
}
body.support-mobile div#anfrage-content + aside {
display: none;
}
body.support-mobile div#footerExtra > p {
margin : 1em 0;
}
}
/* === Make contact form styles === */
.container {
padding : 0 15px;
}
.container > div.content-row {
margin:0 -15px 15px -15px;
}
.container > div.content-row:before,
.container > div.content-row:after {
content : ".";
display:block;
overflow:hidden;
height:0;
}
.container > div.content-row:after {
clear:both;
}
.container > div.content-row {
zoom : 1; /* IE < 8 */
}
.container > div.content-row > div.content-col {
padding:0 15px;
box-sizing: border-box;
float:left;
}
.container > div.content-row > div.content-col.col-12 {
width:100%;
}
.container > div.content-row > div.content-col.col-6 {
width:50%;
}
.container > div.content-row > div.content-col input,
.container > div.content-row > div.content-col select,
.container > div.content-row > div.content-col textarea {
margin-top: 3px;
}
.container > div.content-row > div.content-col input[type="text"],
.container > div.content-row > div.content-col input[type="email"],
.container > div.content-row > div.content-col input[type="number"]
.container > div.content-row > div.content-col select,
.container > div.content-row > div.content-col textarea {
background: none no-repeat #fff;
border: 1px solid #ccc;
box-shadow: none;
color: #333;
font-size: 16px;
padding: 6px 10px;
resize: none;
width:100%;
box-sizing: border-box;
}
/* === Image free css only button green universal === */
.btn-gbv-green-flat {
border: none;
font-family: Helvetica, Arial, sans-serif;
font-size: 18px;
padding: 8px 18px;
background-color: #68ae1f;
border-radius: 5px;
vertical-align: middle;
color: white;
display: inline-block;
line-height: 24px;
text-decoration: none;
}
.btn-gbv-green-flat:hover {
background-color: #8bae62;
}
.btn-universal-green {
background: rgb(136,191,79); /* Old browsers */
background: -moz-linear-gradient(top, rgba(136,191,79,1) 0%, rgba(129,188,67,1) 5%, rgba(137,194,74,1) 23%, rgba(141,198,74,1) 33%, rgba(140,198,73,1) 49%, rgba(132,193,60,1) 51%, rgba(119,184,41,1) 54%, rgba(111,179,29,1) 59%, rgba(96,171,7,1) 79%, rgba(95,170,5,1) 90%, rgba(104,175,17,1) 92%, rgba(118,171,53,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(136,191,79,1) 0%,rgba(129,188,67,1) 5%,rgba(137,194,74,1) 23%,rgba(141,198,74,1) 33%,rgba(140,198,73,1) 49%,rgba(132,193,60,1) 51%,rgba(119,184,41,1) 54%,rgba(111,179,29,1) 59%,rgba(96,171,7,1) 79%,rgba(95,170,5,1) 90%,rgba(104,175,17,1) 92%,rgba(118,171,53,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(136,191,79,1) 0%,rgba(129,188,67,1) 5%,rgba(137,194,74,1) 23%,rgba(141,198,74,1) 33%,rgba(140,198,73,1) 49%,rgba(132,193,60,1) 51%,rgba(119,184,41,1) 54%,rgba(111,179,29,1) 59%,rgba(96,171,7,1) 79%,rgba(95,170,5,1) 90%,rgba(104,175,17,1) 92%,rgba(118,171,53,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#88bf4f', endColorstr='#86ab5a',GradientType=0 ); /* IE6-9 */
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
text-shadow: 1px 1px 3px #4f4e4f;
color: #ffffff;
font-size: 16px;
padding: 6px 15px;
/* border: solid #dcded4 3px; */
text-decoration: none;
}
.btn-universal-green:hover {
background: rgb(205,217,188); /* Old browsers */
background: -moz-linear-gradient(top, rgba(145,195,91,1) 0%, rgba(138,193,80,1) 8%, rgba(147,200,87,1) 30%, rgba(149,202,87,1) 50%, rgba(141,198,74,1) 53%, rgba(129,190,55,1) 55%, rgba(124,187,48,1) 58%, rgba(111,179,29,1) 73%, rgba(106,176,22,1) 88%, rgba(107,176,23,1) 90%, rgba(115,181,33,1) 93%, rgba(126,174,66,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(145,195,91,1) 0%,rgba(138,193,80,1) 8%,rgba(147,200,87,1) 30%,rgba(149,202,87,1) 50%,rgba(141,198,74,1) 53%,rgba(129,190,55,1) 55%,rgba(124,187,48,1) 58%,rgba(111,179,29,1) 73%,rgba(106,176,22,1) 88%,rgba(107,176,23,1) 90%,rgba(115,181,33,1) 93%,rgba(126,174,66,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(145,195,91,1) 0%,rgba(138,193,80,1) 8%,rgba(147,200,87,1) 30%,rgba(149,202,87,1) 50%,rgba(141,198,74,1) 53%,rgba(129,190,55,1) 55%,rgba(124,187,48,1) 58%,rgba(111,179,29,1) 73%,rgba(106,176,22,1) 88%,rgba(107,176,23,1) 90%,rgba(115,181,33,1) 93%,rgba(126,174,66,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdd9bc', endColorstr='#8bae62',GradientType=0 ); /* IE6-9 */
text-decoration: none;
}
/* --- Anfrage Teaser Sidebar --- */
.sidebar-anfrage{
padding: 15px 10px;
background: #f7f7f7; /* Old browsers */
background: -moz-linear-gradient(top, #f7f7f7 0%, #e3e3e3 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #f7f7f7 0%,#e3e3e3 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #f7f7f7 0%,#e3e3e3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#e3e3e3',GradientType=0 ); /* IE6-9 */
border: 1px solid #e0e0e0;
}
.sidebar-anfrage #sidebarcompleterinput{
padding: 7px 10px 6px;
font-size: 14px;
border: 1px solid #aaa;
width: 165px;
margin-left: 4px;
}
.sidebar-anfrage .heading{
margin: 2px 0 16px 0;
text-align: center;
}
.sidebar-anfrage .button-preise-vergleichen{
background: url(../images/buttons/neu/preise-vergleichen.png) no-repeat left top transparent;
height: 48px;
width: 195px;
display: inline-block;
margin: 12px 0 0;
}
.sidebar-anfrage .button-preise-vergleichen:hover {
background-position: left -48px;
}
.sidebar-anfrage .button-preise-vergleichen span{
display: none;
}
.sidebar-anfrage .tick{
margin-top: 10px;
}
.sidebar-anfrage .tick li{
background: url(../images/anfrage/tick.png) no-repeat 35px 4px transparent;
padding-left: 56px;
margin: 0;
}
div#loadingOverlay {
position: fixed;
width: 100%;
height: 100%;
left: 0;
top: 0;
display: none;
background-color: rgba(0,0,0,0.3);
z-index: 10000;
}
div#loadingOverlay > div.modal {
width: 650px;
height: 200px;
background-color: #fff;
z-index: 1;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin: auto;
border: 3px solid #A0A0A0;
}
div#loadingOverlay > div.modal > h4.title {
color: #4c424a;
font-size: 24px;
font-weight: 600;
margin-top: 25px;
text-align: center;
}
div#loadingOverlay > div.modal > img {
position: absolute;
top: 50%;
left: 50%;
margin-top: -15px;
margin-left: -32px;
}
div.offers-text-block {
width: 400px;
padding-right: 10px;
}
div.offers-text-block ul{
font-size:16px;
margin-left:16px;
}
div.offers-text-block h3 {
color: #000;
}
div.offers-text-block ul li {
padding:5px 0;
}
div.result-container.result-finish div.trenner.call-wrapper {
padding: 10px;
width: 100%;
box-sizing: border-box;
height: auto;
text-align: left;
}
div.result-container.result-finish div.trenner.call-wrapper span {
float: left;
width: 370px;
font-size: 14px;
}
div.result-container.result-finish div.trenner.call-wrapper a#sofortBeratenBtn {
float: right !important;
margin-top: 0 !important;
background: #a5cc3b;
color: #fff;
padding: 6px 35px;
display: block;
font-size: 18px;
text-align: center;
height: auto;
width: auto;
line-height: 1.5;
}
div.result-container.result-finish div.trenner.call-wrapper a#sofortBeratenBtn:hover {
text-decoration: none;
background: #9cc136;
}
/* Terms banner */
.top-banner {
margin-top: 10px;
margin-left: -10px;
margin-right: -10px;
padding: 10px;
font-weight: bold;
position: relative;
}
.top-banner p {
}
.top-banner .btn {
position: absolute;
right: 10px;
top: 12px;
color: #000;
text-decoration: underline;
}
.terms-notice {
background: #d94b3d;
color: #fff;
}
.terms-notice .btn {
color: #fff;
}
.offer-notice {
background: #f3641a;
color: #000;
}
.disclaimer {
font-size: 11px !important;
color: #999 !important;
text-align: left;
}
.button-orange-universal {
background: rgba(198,112,51,1);
-webkit-background: linear-gradient(to bottom, rgba(198,112,51,1) 0%, rgba(198,112,51,1) 48%, rgba(189,88,16,1) 52%, rgba(189,89,16,1) 100%);
background: linear-gradient(to bottom, rgba(198,112,51,1) 0%, rgba(198,112,51,1) 48%, rgba(189,88,16,1) 52%, rgba(189,89,16,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c67033', endColorstr='#bd5910', GradientType=0 );
border-radius:4px;
}
.button-orange-universal:hover {
background: rgba(210, 128, 70, 1);
-webkit-background: linear-gradient(to bottom, rgba(210, 128, 70, 1) 0%, rgba(210, 128, 70, 1) 48%, rgba(201, 106, 36, 1) 52%, rgba(201, 106, 36, 1) 100%);
background: linear-gradient(to bottom, rgba(210, 128, 70, 1) 0%, rgba(210, 128, 70, 1) 48%, rgba(201, 106, 36, 1) 52%, rgba(201, 106, 36, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c67033', endColorstr='#bd5910', GradientType=0 );
border-radius:4px;
}
a.download-attorney {
padding: 10px 0;
width: 157px;
color: #fff;
display: inline-block;
float: right;
margin: 3px;
font-weight: bold;
text-decoration:none;
box-shadow: none;
transition: box-shadow 0.2s ease-in-out;
text-align: center;
border-radius: 5px;
}
a.download-attorney-general {
width: 280px;
line-height: 50px;
text-align: center;
color: white;
font-weight: bold;
border-radius: 5px;
margin: 20px auto;
text-decoration: none;
font-size: 18px;
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
}
/*a.undertaker-callback.button {
background-color: #A5CC2B;
padding: 10px 15px;
color: #fff;
display: inline-block;
float: right;
margin-left: 5px;
margin-top: 5px;
font-weight: bold;
text-decoration:none;
}*/
.bestatterlogin-content #mediationInfo {
background: #eee;
margin-bottom: 10px;
padding: 10px;
border: 1px solid #000;
}
.bestatterlogin-content #mediationInfo p {
font-weight: bold;
}
.bestatterlogin-content #mediationInfo ul {
padding-left: 30px;
padding-top: 0;
padding-bottom: 0;
}
.bestatterlogin-content #mediationInfo ul > li {
list-style-type: disc;
padding-left: 10px;
background: none;
}
.bestatterlogin-content #mediationInfo ul > li span.accent {
font-weight: bold;
font-style: italic;
}
div#loading {
display: none;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(255,255,255, 0.8);
}
div#loading img {
position: absolute;
left: 50%;
top: 50%;
margin-left: -28px;
margin-top: -28px;
}
#content #closeReportErrorBtn {
margin-left:0;
}
.link-hover {
text-decoration: none;
}
.link-hover:hover {
text-decoration: underline;
}
#attorneyInquirySlider {
width: 580px !important;
margin:0 auto 2.5rem;
}
#attorneyInquirySlider ul{
width: 100%;
}
.result-container .button.undertaker-callback {
padding: 10px 15px;
color: #fff;
display: inline-block;
float: right;
margin: 3px;
font-weight: bold;
text-decoration:none;
box-shadow: none;
text-shadow: none !important;
}
.result-container a.undertaker-callback:hover {
/*box-shadow: -3px -1px 10px 0 rgba(0, 0, 0, 0.2);*/
}
.result-container a.undertaker-callback.triggered {
padding-left: 0px !important;
padding-right: 5px !important;
color: #000;
margin-top: 15px;
background: transparent !important;
cursor: default !important;
font-size: 14px;
}
.result-container a.undertaker-callback.triggered:hover {
box-shadow: none !important;
}
/*-- Coronavirus Information Banner*/
.notification-banner {
display:block;
text-decoration:none;
text-align: center;
color:#fff;
background: #d7732a;
background: -moz-linear-gradient(top, #d7732a 0%, #d7732a 50%, #cd5200 51%, #cd5200 100%);
background: -webkit-linear-gradient(top, #d7732a 0%,#d7732a 50%,#cd5200 51%,#cd5200 100%);
background: linear-gradient(to bottom, #d7732a 0%,#d7732a 50%,#cd5200 51%,#cd5200 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7732a', endColorstr='#cd5200',GradientType=0 );
cursor: pointer;
height: 32px;
overflow: hidden;
line-height: 32px;
}
.notification-banner:hover {
background: #e07d36;
background: -moz-linear-gradient(top, #e07d36 0%, #e07d36 50%, #da5d00 51%, #da5d00 100%);
background: -webkit-linear-gradient(top, #e07d36 0%,#e07d36 50%,#da5d00 51%,#da5d00 100%);
background: linear-gradient(to bottom, #e07d36 0%,#e07d36 50%,#da5d00 51%,#da5d00 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e07d36', endColorstr='#da5d00',GradientType=0 );
}
/*-- Coronavirus Information Banner*/
.notification-banner-green {
display:block;
text-decoration:none;
text-align: center;
color:#fff;
background: #a5cc3b none;
cursor: pointer;
height: 32px;
overflow: hidden;
line-height: 32px;
}
.notification-banner-green:hover {
background: #9CC136 none;
}
/*-- Coronavirus Information Banner*/
/*-- Coronavirus Information Banner*/
.rechner-disclaimer {
line-height: 14px;
}
.btn-big-green {
display: inline-block;
border: 4px solid #e9eade;
border-radius: 5px;
min-width: 200px;
cursor: pointer;
}
.btn-big-green span {
background: rgba(131,189,71,1);
background: linear-gradient(180deg, rgba(131,189,71,1) 0%, rgba(140,198,72,1) 49%, rgba(114,183,31,1) 50%, rgba(96,170,6,1) 98%, rgba(118,171,53,1) 100%);
width: 100%;
height: 42px;
display: block;
color: #fff;
font-weight: bold;
text-align: center;
line-height: 42px;
font-size: 1.2em;
text-shadow: 1px 1px 1px #7e7e7e;
border-radius: 3px;
box-shadow: #bebebe 1px 1px 1px;
text-decoration: none;
cursor: pointer;
}
.btn-big-green:hover {
text-decoration: none !important;
cursor: pointer;
}
.btn-big-green:hover span {
background: rgba(139,193,81,1);
background: linear-gradient(180deg, rgba(139,193,81,1) 0%, rgba(141,197,74,1) 49%, rgba(122,185,45,1) 50%, rgba(106,176,22,1) 98%, rgba(118,171,53,1) 100%);
text-shadow: 1px 1px 1px #515151;
cursor: pointer;
}