/*
18.11.2021 - David S. - preis_alt eingebaut
*/
/* fuer Touch-Geraete einfach die Klasse .touchDevice davor schreiben (Erkennung und Setzung der Klasse in Javascript) */
label.disabled {
color: #bbbbbb;
}
input[type="number"] {
-moz-appearance: textfield;
-webkit-appearance: none;
}
/* Colorbox */
#colorbox, #cboxOverlay, #cboxWrapper {
padding: 15px 15px 0 0;
}
.cboxContent {
padding:1em;
}
#cboxClose, #cboxPrevious, #cboxNext {
width: 30px;
height: 30px;
outline:none;
font-size: 0;
padding: 0;
border:0;
background-repeat:no-repeat;
}
#cboxPrevious, #cboxNext {
width: 30px!important;
height: 30px!important;
box-shadow:none;
}
#cboxPrevious, #cboxNext {
padding: 10px;
}
#cboxClose{position: absolute;
top: -15px;
right: -15px;
background: transparent url('/img/fancybox/fancybox.png') -40px 0px;
cursor: pointer;
z-index: 1103;
/*display: none;*/}
#cboxClose:hover, #cboxPrevious:hover, #cboxNext:hover {box-shadow:none;}
#cboxPrevious, #cboxNext, #cboxSlideshow{position:absolute; bottom:-29px; background:url(/img/fancybox/fancybox.png) no-repeat 0px 0px; width:23px; height:23px; text-indent:-9999px;}
#cboxPrevious{left:15px; top:49%; background-position: -40px -30px!important;}
/*#cboxPrevious.hover{background-position:-51px 0px;}*/
#cboxNext{right:15px!important; background-position: -40px -60px!important;top:49%;}
/*#cboxNext.hover{background-position:-75px 0px;}*/
.cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:49%;bottom:0;}
.cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px;}
.cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
.cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px;}
/* Ende Colorbox */
.boxSlider { display:inline-block;margin-right:1em;float:left;}
.min {visibility:hidden;width:50px;}
.max {width:50px;}
ul.hinweis_user li span {
color: #e08802;
cursor: pointer;
text-decoration: underline;
}
.hinweis_user ul li {
}
ul.absatz_popup {
text-align:left;
}
.absatz_popup > p {
font-weight:bold;
text-align:center;
}
ul.hinweis_user {/*color:#fff!important;*/
text-align:left!important;
}
ul.hinweis_user li {/*color:#fff!important;*/
line-height:2em;
}
.hinweis_user ul li {
}
.absatz_popup_ {
text-align:left;
}
.absatz_popup_ > p {
font-weight:bold;
text-align:center;
}
.clear { clear: both; }
.button_leiste {margin-right:auto;margin-left:auto;max-width:150px;margin-top: 1em;}
#beispielbilder {margin-top:10px;}
#beispielbilder span {margin-bottom:10px;}
#beispielbilder img {height:34px;width:24px;float:left;margin:2px;}
.konfi_button {display:flex;font-size:11px;width:100%;box-sizing: border-box;background-position:left center;background-repeat:no-repeat;min-height:40px;cursor:pointer;border:1px solid #ddd;margin-top:12px;gap: 8px;align-items:stretch;}
.konfi_button:first-child { margin-top: 0; }
.konfi_button a:link, a.konfi_button:link {text-decoration:none;color:#444!important;}
.konfi_button a:visited, a.konfi_button:visited {text-decoration:none;color:#444!important;}
.konfi_button_image {
display: flex;
background-color: #cecece;
align-items: center;
}
.konfi_button_image img {
display: block;
}
.konfi_button_text {
display: flex;
align-items: center;
}
.modellwahl_wrap {overflow:hidden;max-width:1200px;}
body .konfigurator, .konfigurator p, .konfigurator li, .konfigurator td, .konfigurator select, .konfigurator input
, body #fancybox-content, #fancybox-content p, #fancybox-content li, #fancybox-content td
{
/* font-family: Verdana,Helvetica,Swiss; */
/* font-size: 8pt; */
color: #444444;
}
#ges_breite_wert {text-align:right;}
.overlib_bildwrap {
margin:4px;padding:2px;background-color: #cee0f2;
display: inline;
float: left;
min-height: 250px;
width: 188px;
}
.overlib_bildwrap img {max-width:180px;height:auto;margin:2px;}
.overlib_bildwrap span {max-width:180px;height:auto;margin:2px;padding:5px;display:inline-block;}
#bildname {
padding:4px;
font-size:12pt;
}
#fancybox-content { /* nicht ".touchDevice #fancybox-content" - die Div Box mit IFRAM befindet sich ausserhalb der Klasse .touchDevice
/* Diese Angabe ist dazu da, um auf dem IPad im IFrame (Modellbeschreibung) scrollen zu koennen */
-webkit-overflow-scrolling: touch;
overflow: auto;
}
#custom-fancybox-close {
background: url("fancybox.png") repeat scroll -40px 0 rgba(0, 0, 0, 0);
cursor: pointer;
height: 30px;
position: absolute;
right: -15px;
top: -15px;
width: 30px;
z-index: 1103;
}
.touchDevice .box_properties_area img {
/* dass man das auf den Geraeten besser druecken kann */
width: 20px;
height: 20px;
vertical-align: top;
}
.touchDevice img[src*="frage_9"] {
width: 14px;
}
[onclick], input[type="radio"], input[type="checkbox"], label {
cursor: pointer;
}
.ajax_lade {
visibility: hidden;
}
.konfigurator {
margin-top: 1em;
margin-bottom: 3em;
margin-left: auto;
margin-right: auto;
max-width: 1600px;
}
.main_wrap {
display: flex;
flex-direction: row;
}
.box_main {
flex: 2 0 0;
border-top: 6px solid #cecece;
border-left: 1px solid #cecece;
border-right: 1px solid #cecece;
border-bottom: 1px solid #cecece;
}
.box_optionen {
flex: 1 0 0;
margin-left: 1em;
margin-top: 0;
}
#auswahl_geteilt{
width: 100%;
}
#label_geteilt{
display: flex;
justify-content: space-between;
width: calc(100% - 1ex);
font-size: 12px;
max-width: 100%;
}
#label_geteilt .checkbox_geteilt{
padding: 0.6em;
}
#label_geteilt .wrapper_hinweis_versandkosten_geteilt{
overflow: hidden;
display: flex;
align-items: center;
height: 2.5em
}
#label_geteilt .wrapper_hinweis_versandkosten_geteilt:before {
content: '';
border-top: 1.4em solid #f4f4f4;
border-bottom: 1.4em solid #f4f4f4;
border-right: 1.4em solid #0060DF;
}
#label_geteilt .hinweis_versandkosten_geteilt{
padding: 0.6em 4em 0.6em 0.5em;
background-color: #0060DF;
color: white;
white-space: initial;
}
#label_geteilt .hinweis_versandkosten_highlighted{
font-weight: 600;
}
@media (max-width: 1400px) {
.main_wrap {
flex-direction: column;
}
.box_main {
}
.box_optionen {
margin-left: 0;
margin-top: 5px;
}
#label_geteilt{
justify-content: start;
}
.checkbox_geteilt{
margin-right: 1em;
}
}
.btnPfeil {
background-image: url(pfeile/pfeil_rechts_weiss.svg);
background-repeat: no-repeat;
background-position: 96% center;
padding-right: 2em !important;
display: inline-block;
background-color: #357dbc;
color: #ffffff;
padding-left: 0.5em;
padding-top: 0.5em;
padding-bottom: 0.5em;
text-decoration: none;
}
.tabelle_masse {
position:relative;
width: 100%;
border-spacing: 0;
}
.tabelle_masse > tr > td, .tabelle_masse > tbody > tr > td {
vertical-align: middle;
padding: 0;
}
.mass_b1, .mass_h1, .mass_b2, .mass_h2, .mass_h3 {
display: none;
}
.schritt_ueberschrift {
padding-left: 43px;
font-weight: bold;
font-size: 12px;
margin-top: 2em;
margin-bottom: 1em;
position: relative;
line-height: 1em; /* einige Websites haben line-heigt: 2em auf den document body */
}
.schritt_ueberschrift_pfeil {
position: absolute;
left: 0;
top: -2px;
}
.schritt_ueberschrift_pfeil_img {
display: block;
}
.schritt_ueberschrift_pfeil_text {
position: absolute;
left: 13px;
top: 0.2em;
color: #ffffff;
}
.schritt_box {
margin-left: 43px;
margin-top: 1em;
padding-bottom: 12px;
}
.tbl_design {
border-spacing: 0;
}
.tbl_design > tr > td, .tbl_design > tbody > tr > td {
vertical-align: top;
padding-left: 0;
padding-top: 0;
padding-bottom: 0;
padding-right: 10px;
}
.masseingabe td {
white-space: nowrap;
padding-top: 6px;
}
.masseingabe tr:first-child td {
padding-top: 0;
}
.masseingabe select {
font-size:9px;
width: 70px;
}
.masseingabe input[type="text"], .masseingabe input[type="number"] {
text-align: right;
border: 1px solid #d1d1d1;
border-radius: 3px;
background-color: #f8f8f8;
font-size: 10px;
margin-left: 1em;
box-shadow: inset 0 0 2px #dddddd;
width: 7em;
}
.masseingabe input[type="text"]:focus, .masseingabe input[type="number"]:focus {
box-shadow: 0 0 3px #aaaaaa;
}
.mass_umrechnung { /* .masseingabe .mass_umrechnung --> hier nicht nur bei der Masseingabe, sondern auch bei der Laenge der Bedienelemente */
padding-left: 1em;
color: #888888;
font-size: 12px;
text-align: right;
}
.masseingabe .mass_slope {
display: none;
}
.touchDevice .masseingabe select, .touchDevice input[type="text"], .touchDevice input[type="number"] { /* Platz fuer die Finger schaffen */
margin-top: 0.4em;
margin-bottom: 0.4em;
}
.konfigurator select {
border: 1px solid #d1d1d1;
border-radius: 3px;
background-color: #f8f8f8;
font-size: 10px;
}
.konfigurator select:focus {
box-shadow: 0 0 3px #aaaaaa;
}
.konfigurator select:disabled {
color: #bbbbbb;
}
.input_lb label {
display: none;
}
.hinweis {
color: #FF0000;
font-size: 12px;
font-weight: bold;
}
.abschlussprofil_wahl_box > div {
display: inline-block;
margin: 4px;
width: 190px;
vertical-align: top;
}
.abschlussprofil_wahl_box > div:first-child {
margin-left: 0;
}
.abschlussprofil_wahl_box > div:last-child {
margin-right: 0;
}
.listAbschlussprofilHolz {
}
.listAbschlussprofilHolz > label {
display: inline-block;
margin-bottom: 1em;
}
.abschlussprofil_wahl_box img, .listAbschlussprofilHolz img {
width: 190px;
}
.gruppewahl {
width: 100%;
min-width: 700px;
border-spacing: 0;
}
.gruppewahl .tdline {
height: 9px;
}
.gruppewahl td {
padding: 0;
}
.gruppewahl_ueberschrift_mass {
font-size: 12px;
text-align: left;
padding: 0.5em !important;
border: 1px solid #cecece;
margin-bottom: 9px;
}
.gruppewahl_ueberschrift_platzhalter {
width: 7px;
}
.gruppewahl_ueberschrift_standard {
width: 108px;
background-color: #cecece;
text-transform: uppercase;
font-weight: normal;
color: #ffffff;
padding: 0.5em;
font-size: 12px;
text-align: center;
}
.gruppen {
display: flex;
justify-content: space-around;
}
/*
@media (max-width: 800px) {
.gruppen {
flex-wrap: wrap;
}
}
*/
.gruppen .gruppe {
font-size: 11px;
text-align: center;
white-space: nowrap;
background-color: #f4f4f4;
border-top: 0;
border-bottom: 0;
border-left: 0;
border-right: 0;
flex: 1 0 0;
}
.gruppen .gruppe div {
padding: 4px;
border-top: 9px solid #ffffff;
border-bottom: 9px solid #ffffff;
border-left: 0;
border-right: 0;
}
.gruppen .gruppe.gruppe_selected {
font-weight: bold;
border-top: 0;
border-bottom: 0;
border-left: 9px solid #ffffff;
border-right: 9px solid #ffffff;
}
.gruppen .gruppe.gruppe_selected div {
border-top: 9px solid #cecece;
border-bottom: 9px solid #ffffff;
border-left: 0;
border-right: 0;
}
.gruppen .gruppe input[type="radio"] {
margin: 10px;
padding: 0;
}
.gruppewahl_auswahl_standard {
text-align: center;
cursor: pointer;
vertical-align: top;
}
.gruppewahl_auswahl_standard > div {
border: 1px solid #f4f4f4;
height: 117px;
padding: 4px;
color: #888888;
margin-top: 9px;
}
#auswahl_modell {
margin-top: 1em;
margin-right: 1em;
}
#auswahl_modell > table {
/*table-layout: fixed;*/
border-spacing: 0;
}
#auswahl_modell > table > tr > td, #auswahl_modell > table > tbody > tr > td {
vertical-align: top;
padding-top: 0;
padding-bottom: 0;
padding-left: 8px;
padding-right: 8px;
float:left;
}
.auswahl_modell_relative {
position: relative;
/* width: 118px; */
max-width: 130px; /* so das "Soft-Mittelzug Automatik" in der Bezeichnung umbricht */
}
.auswahl_modell {
color: #a0a0a0;
border: 1px solid #dedede;
z-index: 1;
background-color: #ffffff;
/*
transition: all 1s;
-webkit-transition: all 1s; geht leider nur teilweise */ /* Safari */
}
.auswahl_modell_activated {
color: #444444;
box-shadow: 2px 2px 2px #999999;
}
.auswahl_modell_highlighted {
position: absolute;
z-index: 2;
}
.auswahl_modell_upper {
text-align: center;
margin: 1px;
}
.auswahl_modell_bezeichnung {
padding: 6px;
background-color: #f4f4f4;
}
.auswahl_modell_highlighted .auswahl_modell_bezeichnung {
font-weight: bold;
color: #444444;
}
.auswahl_modell_activated .auswahl_modell_bezeichnung {
font-weight: bold;
color: #444444;
background-color: #cecece;
}
.auswahl_modell_highlighted {
display: table;
}
.auswahl_modell_img {
margin-top: 2px;
margin-left: 30px;
margin-right: 30px;
margin-bottom: 2px;
width: 50px;
/* -ms-interpolation-mode: bicubic; */
/* transform: rotate( .0001deg ); */
}
.auswahl_modell_highlighted .auswahl_modell_img {
width: 120px;
}
.auswahl_modell_info {
display: none;
text-align: center;
margin: 1em;
}
.auswahl_modell_highlighted .auswahl_modell_info {
display: block;
}
.auswahl_modell_info_link {
cursor: help;
}
.auswahl_modell_informationen {
padding-left: 12px;
margin: 10px;
text-align: left;
list-style-type: circle;
display: none;
}
.auswahl_modell_highlighted .auswahl_modell_informationen {
display: block;
}
.auswahl_modell_informationen li {
font-size: 9px;
}
.auswahl_modell_preis {
text-align: right;
padding-right: 7px;
padding-top: 4px;
padding-bottom: 4px;
background-image: -webkit-linear-gradient(90deg, #ffffff 50%, #dedede 100%);
background-image: -moz-linear-gradient(90deg, #ffffff 50%, #dedede 100%);
background-image: -o-linear-gradient(90deg, #ffffff 50%, #dedede 100%);
background-image: linear-gradient(90deg, #ffffff 50%, #dedede 100%);
}
.auswahl_modell_highlighted .auswahl_modell_preis {
font-weight: bold;
}
.auswahl_modell_activated .auswahl_modell_preis {
font-weight: bold;
}
.auswahl_modell_waehlen {
text-align: center;
color: #ffffff;
margin-top: 10px;
margin-left: 20px;
margin-right: 20px;
margin-bottom: 10px;
background-color: #772d89;
padding: 3px;
border: 1px solid #ffffff;
border-radius: 1px;
box-shadow: 1px 1px 3px 0px #e0e0e0;
display: none;
}
.auswahl_modell_highlighted .auswahl_modell_waehlen {
display: block;
}
.design_kl {
position: relative;
margin-left: auto;
margin-right: auto;
}
.design_kl img {
display: inline-block;
}
.bild_kl {
position: relative;
width: 60px;
height: 80px;
margin-left: auto;
margin-right: auto;
}
.bild_kl_img {
display: inline-block;
width: 60px;
height: 80px;
}
.bild_kl_system {
width: 60px;
position: absolute;
text-align: center;
top: 10px;
left: 0;
}
.bild_kl_na { /* klein not avalable */
position: absolute;
left: 0;
top: 0;
}
.msg_keinemodelle {
color: #888888;
font-style: italic;
}
.konfigurator_link {
color: #000000;
line-height: 2em;
text-decoration: none;
cursor: pointer;
}
.konfigurator_link:before {
content: "\00BB \00A0";
color: #000000;
}
.konfigurator_link > span{
text-decoration: underline;
}
#btn_messen, #btn_dachfenstertypbestimmung {
display: none;
}
#hinweisbilder img {
margin-top: 1em;
margin-bottom: 1em;
}
#link_modellbeschreibung {
position: relative;
margin-left: 30px;
font-weight: normal;
}
#link_modellbeschreibung > img {
vertical-align: top;
position: absolute;
left: -21px;
top: -25px;
border: 0;
}
#link_modellbeschreibung > span {
font-size: 10px;
}
.box_bemassung_bild {
text-align: center;
}
#bemassung_bild {
/* width: 100%; */
max-height: 410px;
margin-left:20px;
margin-right:20px;
margin-top: 20px;
margin-bottom: 20px;
}
.zsf {
width: 260px;
margin-top: 5px;
margin-left: auto;
margin-right: 0;
margin-bottom: 1em;
text-align: right;
}
.zsf_info {
background-color: #cecece;
padding: 10px;
}
#einzelpreis {
font-size: 20px;
font-weight:bold;
display: flex;
flex-direction: column;
}
/* .preis_alt und .preis_neu gibt es bei shop.wf.ag */
.preis_alt{
text-decoration: line-through;
text-decoration-thickness: from-font;
}
.preis_neu{
color: #ee1f26;
}
.zsf_menge {
width: 40px;
border: 0;
border-radius: 1px;
margin-top: 4px;
font-size: 11px;
}
.plusminus {
border: 0;
width: 7px;
height: 15px;
vertical-align: bottom;
}
.notizen {
font-size: 11px;
width: 100%;
margin: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
padding: 4px;
border-left: 1px solid #D8D8D8;
border-right: 1px solid #D8D8D8;
border-top: 0;
border-bottom: 0;
}
.warenkorb_btn {
border-width: 1px;
font-size: 12px;
text-align: left;
width: 100%;
display: flex;
align-items: center;
justify-content: space-around;
}
.warenkorb_btn .warenkorb_text {
font-weight: bold;
text-transform: uppercase;
}
.warenkorb_btn img {
}
#auswahl_befestigungen table {
border-spacing: 0;
}
#auswahl_befestigungen table td {
vertical-align: top;
}
.befestigung_gruppe {
border-bottom: 1px dotted #444444;
}
.box_optionen {
background-color: #f4f4f4;
padding-top: 12px;
padding-right: 12px;
padding-bottom: 12px;
}
.box_optionen input[type="text"], .box_optionen input[type="number"] {
border-width: 1px;
}
.box_optionen input[type="checkbox"] {
margin-left: 4px;
margin-right: 3px;
margin-top: 2px; /* wenn die Zeile durch dieses Element zu gross wird funktioniert das floaten nicht richtig */
margin-bottom: 2px;
}
.box_optionen > table {
border-spacing: 0;
width: 100%;
}
/* .box_optionen > table > tr > td, .box_optionen > table > tbody > tr > td { */
.box_optionen td { /* gilt jetzt auch fuer Unter-Tabellenzellen, z.B. bei Einfall(, Einlauf)profil */
vertical-align: top;
}
.optionen {
white-space: nowrap;
padding-left: 1ex;
padding-right: 1ex;
display: none;
float: left;
margin-left: 12px;
margin-top: 1em;
}
#auswahl_befestigung {
white-space: normal;
}
#video_montage_reparatur {
margin-top: 2em;
}
.box_optionen > table > tr > td select, .box_optionen > table > tbody > tr > td select {
font-size: 11px;
}
.optionen_ue {
font-size: 12px;
margin-top: 8px;
margin-bottom: 4px;
font-weight: bold;
}
.info_icon {
/* width: 18px; */
height: 18px;
vertical-align: middle;
position: relative;
bottom: 1px;
margin-left: 5px;
}
#id_profilfarbe_wahl {
width: 10px;
height: 10px; /* nicht groesser machen, sonst wirds im IE 9/10 zu gross und die nachfolgenden Boxen werden daneben, statt da drunter gefloatet */
border: 1px solid #000000;
display: inline-block;
}
.box_optionen_box {
display: block;
padding: 0.5em;
background-color: #ffffff;
border-left: 1px solid #cecece;
border-right: 1px solid #cecece;
border-bottom: 1px solid #cecece;
}
.box_optionen_box img {
float: left;
margin-right: 1em;
width: 60px;
}
.box_optionen_select {
background-color: #f0f0f0;
background-image: -webkit-linear-gradient(180deg, #f5f5f5 0%, #f5f5f5 50%, #e9e9e9 50%, #e9e9e9 100%);
background-image: -moz-linear-gradient(180deg, #f5f5f5 0%, #f5f5f5 50%,#e9e9e9 50%, #e9e9e9 100%);
background-image: -o-linear-gradient(180deg, #f5f5f5 0%, #f5f5f5 50%,#e9e9e9 50%, #e9e9e9 100%);
background-image: linear-gradient(180deg, #f5f5f5 0%, #f5f5f5 50%,#e9e9e9 50%, #e9e9e9 100%);
border-left: 1px solid #cecece;
border-right: 1px solid #cecece;
border-bottom: 1px solid #cecece;
position: relative;
}
.box_optionen_select > table {
width: 100%;
border-spacing: 0;
}
.box_optionen_select > table td {
padding: 0;
}
.box_optionen_select > table td:first-child {
padding-left: 1em;
padding-top: 0.5em;
padding-bottom: 0.5em;
}
.box_optionen_select > table td:last-child {
width: 15px;
background-color: #ffffff;
text-align: center;
vertical-align: middle;
}
#bedienung_hinweisKindersicherung {
width: 113px;
margin-top: 0.2em;
color: #888888;
white-space: normal;
}
.aufpreis {
font-size: 80%;
}
.sprechblase {
display: block; /* ueberschreibt die Angabe in der Haupt-Css-Datei (css.css) */
padding: 1em;
border: 1px solid #ff0000;
position: absolute;
text-align: left;
font-size: 10px;
/*
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
*/
background: #ffffff;
color: #000000;
top: 0;
left: 30px;
background-image: -webkit-linear-gradient(166deg, #ffffff 47%, #dddddd 100%);
background-image: -moz-linear-gradient(166deg, #ffffff 47%, #dddddd 100%);
background-image: -o-linear-gradient(166deg, #ffffff 47%, #dddddd 100%);
background-image: linear-gradient(166deg, #ffffff 47%, #dddddd 100%);
}
.sprechblase:before {
content: ' ';
position: absolute;
width: 0;
height: 0;
left: 10px;
bottom: -14px;
border: 7px solid;
border-color: #ff0000 transparent transparent #ff0000;
}
.sprechblase:after {
content: ' ';
position: absolute;
width: 0;
height: 0;
left: 11px;
bottom: -12px;
border: 6px solid;
border-color: #ffffff transparent transparent #ffffff;
}
.sidebar_info {
width: 220px;
color: #888888;
border-left: 1px solid #cecece;
border-bottom: 1px solid #cecece;
background-image: -webkit-linear-gradient(45deg, #f4f4f4 0%, #ffffff 50%);
background-image: -moz-linear-gradient(45deg, #f4f4f4 0%, #ffffff 50%);
background-image: -o-linear-gradient(45deg, #f4f4f4 0%, #ffffff 50%);
background-image: linear-gradient(45deg, #f4f4f4 0%, #ffffff 50%);
}
.sidebar_info div, .sidebar_info ul, .sidebar_info li, .sidebar_info p {
font-size: 11px;
}
.sidebar_info > div {
padding: 1em;
}
.sidebar_info > div .icon_achtung {
position: absolute;
left: -13px;
top: -3px;
}
.sidebar_info ul {
padding-left: 14px;
margin: 0;
}
#hinweisbilder img {
margin-top: 1em;
margin-bottom: 1em;
}
.hinweisbox {
display: none;
/*
margin-top: 1em;
margin-bottom: 1em;
*/
}
.hinweisbox .video_montage_reaparatur {
display: block;
margin-top: 1em;
}
/* fuer das Info-Fenster "Laenge der Bedienelemente und Kindersicherheit" */
.msgboxhtml_buttons {
text-align: right;
margin: 1em;
}
.msgboxhtml_buttons > div {
display: inline-block;
text-decoration: underline;
cursor: pointer;
padding-top: 0.5em;
padding-bottom: 0.5em;
padding-left: 1em;
padding-right: 1em;
}
.msgboxhtml_buttons_x {
cursor: pointer;
font-weight: 500;
text-align: right;
}
.zoom_bild {
margin: 1em;
}
#img_ersatzlamellen{
text-align:center;
margin-top:1em;
display: none;
}
#img_lamelle_oberteil{
max-width:100%;
width:300px;
}
.hinweis_fenster_grafik { /*Einzelne Grafiken im "Weitere Informationen" Hinweis Fenster*/
margin-bottom: 1em;
max-width: 330px;
}
.hinweis_fenster_grafik_text { /*Einzelne Grafiken mit Text im "Weitere Informationen" Hinweis Fenster*/
padding: 0em 0.5em 0em 0.5em;
flex-grow: 1;
max-width: 300px;
}
.hinweis_fenster_grafik_ges { /*Alle Grafiken zusammen im "Weitere Informationen" Hinweis Fenster*/
display: flex;
margin-bottom: 1em;
justify-content: center;
}
.hinweis_fenster_window {
max-width: 1000px;
color: #444444;
padding: 10px;
}
.hinweis_fenster_header {
text-align: center;
background-color: #5f5f5f;
color: #ffffff;
padding: 1em;
position: relative;
display:flex;
justify-content: right;
}
.hinweis_fenster_header > div{
width:34%;
}
.bedienhoehe_pruefen {
font-weight: bold;
color: #FF0100;
}
.warnung_bedienhoehe {
display:flex;
margin-left: 1em;
margin-bottom: 1em;
}
.warnung_bedienhoehe_icon {
width: 2.5em;
margin: 0.5em 1em 0.5em 1em;
}
.header_hinweis {
font-weight: bold;
font-size: 13px;
}
.bedienhoehe_din_en_13120 {
font-size: 11px;
}
.hinweis_fenster_grafik_warnung {
padding: 1em;
display: flex;
flex-direction: column
}
.msgboxhtml_buttons_abbrechen {
background-color: #989898; color: #ffffff;
}
.msgboxhtml_buttons_ok {
background-color: #444444; color: #ffffff;
}
@media (max-width: 1000px) {
.hinweis_fenster_window {
overflow-y: scroll;
}
.hinweis_fenster_grafik_ges {
flex-wrap: wrap;
}
}