KKeine Bearbeitungszusammenfassung |
KKeine Bearbeitungszusammenfassung |
||
(245 dazwischenliegende Versionen von 2 Benutzern werden nicht angezeigt) | |||
Zeile 1: | Zeile 1: | ||
/*** Diese css-Styles werden von der Vorlage {{ | /*** Diese css-Styles werden von der Vorlage {{Set_lang}} automatisch eingebunden! ***/ | ||
/*** Alle anderen müssen dieses css wie folgt einbinden: <templatestyles src="Vorlage:Styles.css" /> ***/ | /*** Alle anderen müssen dieses css wie folgt einbinden: <templatestyles src="Vorlage:Styles.css" /> ***/ | ||
/****** Beginn Workaround für LiveWiki *****/ | |||
. | .fas.fa-sun-bright::before { | ||
content: ""; | |||
} | } | ||
. | .fa-paragraph-left::before { | ||
content: ""; | |||
} | } | ||
. | .fa-close::before { | ||
content: ""; | |||
} | } | ||
/********** Ende Workaround für LiveWiki *****/ | |||
/****** Kann wieder raus, wenn in scss _position_ entfernt ******/ | |||
. | .mw-collapsible-text { /*z-index und position raus, padding-left geändert */ | ||
padding-left: 0.25em; | |||
display: unset; | |||
} | } | ||
. | .mw-collapsible-toggle-default::before, | ||
.dezent .mw-collapsible-toggle-default::before, | |||
.bigdezent .mw-collapsible-toggle-default::before { | |||
content: "\f25a"; | |||
font-family: "Font Awesome 6 Pro"; | |||
font-weight: 300; | |||
} | } | ||
. | .hover .mw-collapsible-toggle-default::before { | ||
content: ""; | |||
} | |||
} | |||
. | .mw-collapsible .mw-collapsible-toggle-default::after { | ||
content: ""; | |||
} | |||
} | |||
.info .mw-collapsible-toggle-default::before, | |||
.info-collapsed .mw-collapsible-toggle-default::before { | |||
content: "\f05a"; | |||
} | } | ||
.fab.fa-windows .mw-collapsible-toggle-default::before { | |||
. | content: "\f17a"; | ||
font-family: "Font Awesome 6 Brands"; | |||
} | } | ||
.fab.fa-linux .mw-collapsible-toggle-default::before { | |||
content: "\f17c"; | |||
font-family: "Font Awesome 6 Brands"; | |||
} | } | ||
.embedvideo-thumbnail__image { | |||
width: inherit; | |||
height: inherit; | |||
object-fit: cover; | |||
position: absolute; | |||
} | |||
/* | /***** *****/ | ||
.Preview { | |||
display: none; | |||
} | |||
. | .Not-Preview-yes.Preview-yes { | ||
display: none; | |||
display: | } | ||
} | |||
. | .Preview.Preview-yes { | ||
display: block; | |||
display: | padding-bottom: 1em; | ||
position: absolute; | |||
top: -4em; | |||
left: 8.5em; | |||
} | |||
} | |||
.Preview + p{ | |||
display: inline-flex; | |||
} | |||
. | .Preview-yes .prev a:nth-child(1) { | ||
display: block; | |||
padding-bottom: 1em; | |||
} | |||
. | .sp-lang-de ~ * .prev a:nth-child(1)::before { | ||
color: rgba(0,0,0,0.7); | |||
content: "Vorherige Version:"; | |||
font-weight: normal; | |||
} | |||
.sp-lang-en ~ * .prev a:nth-child(1)::before { | |||
color: rgba(0,0,0,0.7); | |||
content: "Previous version:"; | |||
font-weight: normal; | |||
} | |||
. | .sp-lang-de ~ .Preview-yes .prev a:nth-child(1)::before { | ||
content: 'Aktuelle Dokumentation:'; | |||
color: rgba(0,0,0,0.7); | |||
color: | font-weight: bold; | ||
font- | } | ||
} | |||
. | .sp-lang-en ~ .Preview-yes .prev a:nth-child(1)::before { | ||
content: 'Current documentation:'; | |||
color: rgba(0,0,0,0.7); | |||
font-weight: bold; | |||
} | } | ||
.sp-lang-de ~ .Preview-yes .prev a:nth-child(2)::before { | |||
. | color: rgba(0,0,0,0.7); | ||
content: "Vorherige Version:" !important; | |||
font-weight: normal; | |||
font-weight: | margin-right: 3.65em; | ||
} | } | ||
. | .sp-lang-en ~ .Preview-yes .prev a:nth-child(2)::before { | ||
color: rgba(0,0,0,0.7); | |||
content: "Vorherige Version:" !important; | |||
font-weight: normal; | |||
margin-right: 3.65em; | |||
} | } | ||
. | /*************************/ | ||
.button a.image { | |||
display: inline-block; | display: inline-block; | ||
padding-right: 2px; | |||
} | } | ||
.button-2 .button a.image { | |||
vertical-align: -2px; | |||
padding-right: 20px; | |||
} | } | ||
.button .button-1 a.image { | |||
vertical-align: -1px; | |||
} | } | ||
.mw- | .mw-editform #wpTextbox1 { | ||
color:black!important; | |||
} | } | ||
/* | /* hr { | ||
text-align:left; | |||
}*/ | |||
/* ausgelagert in common.css | |||
.toctogglespan { | |||
display: inline-flex; | |||
. | |||
. | |||
} | } | ||
*/ | |||
. | .inaktiv { | ||
opacity: 0.35; | |||
. | |||
} | } | ||
. | .Hover-icon::before { | ||
position: relative; | |||
z-index: 0; | |||
left: 1em; | |||
margin-left: -1em; | |||
} | } | ||
.neu-menu .Hover-icon.fal.fa-hand-pointer::before { | |||
margin-left: -12px; /* andernfalls wird die URL */ | |||
} /* 2-Zeilig umgebrochen, weil…? */ | |||
. | .tolltip { | ||
position: absolute; | |||
} | } | ||
. | .tolltip.links .mw-collapsible-content { | ||
right:100%; | |||
} | } | ||
.tolltip:hover .mw-collapsible-content { | |||
display: block !important; | |||
} | } | ||
.tolltip .mw-collapsible-content { | |||
position: relative; | |||
background: gainsboro; /* aliceblue; */ | |||
z-index: 20; | |||
/* top: 0.5em; */ | |||
padding: 5px; | |||
margin: 0.25em; | |||
border: #ec971f; | |||
} | } | ||
/* | |||
.tolltip .mw-collapsible-toggle { | |||
color: unset; | |||
display: inline-block; | |||
background: unset; | |||
border: unset; | |||
padding: unset; | |||
font-size: 100%; | |||
text-align: left; | |||
float: unset; | |||
width: 1.5em; | |||
position:relative; | |||
left:-1.3em; | |||
} | |||
.tolltip .mw-collapsible-toggle-default::before { | |||
content:unset; | |||
} | |||
*/ | |||
.hover .mw-collapsible-toggle { | |||
background: none; | |||
border: none; | |||
} | } | ||
. | .tolltip .sptable2 td { | ||
background: | background: aliceblue; | ||
} | } | ||
. | .inline-table, | ||
.code.inline-table { | |||
display:inline-table; | |||
} | } | ||
.mw-collapsible.info { | |||
background: unset; | |||
border: | border: none; | ||
} | |||
/* | |||
.pd5 tr td li[class*="list--element__"] { | |||
padding-left: 1.7em; | |||
} | |||
*/ | |||
/* .startbox-body-breit .spc__menu { | |||
white-space: pre; | |||
} | } */ | ||
. | .nui.button, | ||
.new_design ~ * .button { | |||
border-radius: 2px; | |||
border-color: #a6a6a6; | |||
background: #dedede; | |||
position: relative; | |||
vertical-align: middle; | |||
border-color: | |||
} | } | ||
. | .accordion { | ||
content: "\f067"; | |||
display: block; | |||
font-family: "Font Awesome 6 Pro"; | |||
font-weight: 300; | |||
position: absolute; | position: absolute; | ||
top: - | top: 50%; | ||
right: 16px; | |||
width: 2em; | |||
height: 2em; | |||
border: 3.75px solid rgba(255, 255, 255, 0.85); | |||
line-height: 2.2em; | |||
text-align: center; | |||
border-radius: 50%; | |||
background: #ccc; | |||
color: #fff; | |||
transition: 0.3s; | |||
} | } | ||
/* *************** | |||
.status-text.bc__rotaus::before { | |||
content: '\f05e'; | |||
font-family: 'Font Awesome 6 Pro'; | |||
font-weight: 500; | |||
padding-right: 0.5em; | |||
font- | |||
font-weight: | |||
} | } | ||
. | .status-text.bc__gelb::before { | ||
content: | content: '\f071'; | ||
font-family: | font-family: 'Font Awesome 6 Pro'; | ||
font-weight: | font-weight: 500; | ||
padding-right: 0.5em; | |||
} | } | ||
. | .status-text.bc__gruen::before, | ||
.status-text.bc__grün::before { | |||
content: '\f058'; | |||
font-family: 'Font Awesome 6 Pro'; | |||
font-weight: 500; | |||
padding-right: 0.5em; | |||
} | } | ||
. | .status-text.bc__blau::before { | ||
content: '\f05a'; | |||
font-family: 'Font Awesome 6 Pro'; | |||
font-weight: 500; | |||
padding-right: 0.5em; | |||
} | } | ||
**************** */ | |||
. | /* .Bild-ui p .dialog-header { | ||
margin-bottom: -0.5em; | |||
} */ | |||
} | |||
@media (max-width: 1600px) { | |||
.dialog-button i + .icon-text { | |||
display: none; | |||
} | } | ||
} | |||
. | .reiter.utm.last { | ||
margin-left: 0; | |||
} | |||
.reiter. | .reiter.utm.inaktiv { | ||
opacity: 01; | |||
font-size: unset; | |||
background: #dedede; | |||
border-color: #dedede; | |||
border- | |||
} | } | ||
.dialog-button .icon-save-and-restart { | |||
margin: 3px; | |||
margin | |||
} | } | ||
. | .new_design ~ * th.Bild > .img-container.blank, | ||
.new_design ~ * td.Bild > .img-container.blank { | |||
background: none; | |||
border: none; | |||
padding-top: 0px; | |||
} | } | ||
.fc__pink { | |||
. | color: #b20396; | ||
} | } | ||
/******* Heidenei - Änderungen für SASS ******/ | |||
.img-container.Bild-t, .new_design ~ * + * ~ .img-container.blank { | |||
width: calc(46% - 33px); /* zuvor: 52% */ | |||
margin-right: 10px; | |||
margin-left: 0.5em; | |||
} | |||
. | .reiter.utm > div { | ||
display: inline-flex; | |||
} | } | ||
. | .new_design ~ * .UTM.ui-fieldset-legend > span, | ||
.new_design ~ * .reiter.utm > span, | |||
} | .new_design ~ .reiter.utm > span { | ||
/* float: left; */ | |||
font-weight: bold; | |||
border: 0 none; | |||
border-left-width: 0px; | |||
border-left-style: none; | |||
border-left-color: currentcolor; | |||
border-left: solid 2px #e74c3c; | |||
padding-left: 6px; | |||
background: white; | |||
color: #404040; | |||
} | |||
.new_design ~ * .UTM.ui-fieldset-legend, | |||
.new_design ~ * .reiter.utm, | |||
.new_design ~ .reiter.utm { | |||
padding: 1px 3px 1px 4px; | |||
background: white; | |||
border: 1px solid rgba(0, 0, 0, 0.1); | |||
vertical-align: middle; | |||
font-size: 98%; | |||
} | |||
. | .new_design ~ * .bc__rotaus { | ||
background: #e74c3c; | |||
} | } | ||
. | .button.aktiv { | ||
background: #fff; | |||
border-radius: 0px; | |||
border-top: 1px solid rgba(0,0,0,0.3); | |||
border-bottom: 2px solid #e74c3c; | |||
border-left: 0.05em solid rgba(0,0,0,0.3); | |||
border-right: 0.05em solid rgba(0,0,0,0.3); | |||
padding: 0px 3px; | |||
color: rgba(0,0,0,0.5); | |||
clear: both; | |||
/*max-height: 1.5em;*/ | |||
} | |||
.status-text.blue { | |||
background-color: #337AB7; /* früher: #F0AD4E; */ | |||
border-color: #285f8f; | |||
font-size: small; | |||
} | |||
. | .spc__default.inline { | ||
display: inline; | |||
display: | |||
} | } | ||
. | .thumbcaption #mw-customcollapsible-Inhalte.icon { | ||
display: inline-block; | |||
} | } | ||
. | .new_design ~ .neu-menu .button.button-default.UTM.icon { | ||
background: #aaa; | |||
} | } | ||
. | .img-container.Bild-t.width100 { | ||
width: auto; | |||
} | } | ||
. | .height-auto { | ||
height: auto; | |||
} | } | ||
td #mw-customcollapsible-Inhalte { | |||
display: contents; | |||
display: | |||
} | } | ||
#mw-customcollapsible-Inhalte.inline-block { | |||
display: inline-block; | |||
} | } | ||
. | .dialog-header.passiv, | ||
.dialog-header.passiv * .dialog-menu, | |||
.dialog-header.passiv * .dialog-pfad, | |||
.dialog-header.passiv * .dialog-pfad *, | |||
.dialog-header.passiv > * { | |||
background-color: #545861; | |||
} | } | ||
. | .mt1em { | ||
margin-top: 1em; | |||
} | } | ||
. | .Bild .img-container + .img-container.mt1em { | ||
margin-right: 0; | |||
} | } | ||
. | .ic-eingabe.PIN { | ||
width: 1.5em; | |||
text-align: center; | |||
} | } | ||
. | .topRightCircle { | ||
font- | position: absolute !important; | ||
z-index: 10; | |||
top: -14px; | |||
left: calc(100% - 9px); | |||
line-height: 8px; | |||
padding: 6px; | |||
font-size: 10px; | |||
background-color: #e74c3c; | |||
color: #fff; | |||
display: block; | |||
border-radius: 50%; | |||
border: 2px solid; | |||
} | } | ||
. | .spc__default.PIN { | ||
position: relative; | |||
margin-top: 1em; | |||
margin-right: 0.5em; | |||
} | } | ||
. | .img-container.Bildwechsel { | ||
position: relative; | |||
} | } | ||
/* Ist nicht sanitized.css daher → common.css | |||
. | .img-container.Wechselbild { | ||
opacity: 0; | |||
position: absolute; | |||
top: 0; | |||
transition: opacity 300ms ease; | |||
-moz-transition: opacity 300ms ease; | |||
-webkit-transition: opacity 300ms ease; | |||
-o-transition: opacity 300ms ease; | |||
} | } | ||
*/ | |||
. | .img-container.Bildwechsel:hover .Wechselbild { | ||
opacity: 1; | |||
} | } | ||
.new_design ~ * .button.first { | |||
. | border-top-left-radius: 24px; | ||
border-bottom-left-radius: 24px; | |||
} | } | ||
. | .new_design ~ * .button.middle { | ||
border-radius: 0; | |||
} | } | ||
.new_design ~ * .button.last { | |||
. | border-top-right-radius: 24px; | ||
border-bottom-right-radius: 24px; | |||
} | } | ||
. | .new_design ~ * .button.aktiv.first, | ||
.new_design ~ * .button.aktiv.middle, | |||
.new_design ~ * .button.aktiv.last { | |||
background-color: #468847; | |||
color: rgba(255, 255, 255, 0.6); | |||
border-bottom: unset; | |||
} | } | ||
. | .Einrücken2, .einrücken2 { | ||
margin-left: 2.5em; | |||
width: auto; | |||
} | } |
Aktuelle Version vom 21. März 2024, 17:48 Uhr
/*** Diese css-Styles werden von der Vorlage {{Set_lang}} automatisch eingebunden! ***/ /*** Alle anderen müssen dieses css wie folgt einbinden: <templatestyles src="Vorlage:Styles.css" /> ***/ /****** Beginn Workaround für LiveWiki *****/ .fas.fa-sun-bright::before { content: ""; } .fa-paragraph-left::before { content: ""; } .fa-close::before { content: ""; } /********** Ende Workaround für LiveWiki *****/ /****** Kann wieder raus, wenn in scss _position_ entfernt ******/ .mw-collapsible-text { /*z-index und position raus, padding-left geändert */ padding-left: 0.25em; display: unset; } .mw-collapsible-toggle-default::before, .dezent .mw-collapsible-toggle-default::before, .bigdezent .mw-collapsible-toggle-default::before { content: "\f25a"; font-family: "Font Awesome 6 Pro"; font-weight: 300; } .hover .mw-collapsible-toggle-default::before { content: ""; } .mw-collapsible .mw-collapsible-toggle-default::after { content: ""; } .info .mw-collapsible-toggle-default::before, .info-collapsed .mw-collapsible-toggle-default::before { content: "\f05a"; } .fab.fa-windows .mw-collapsible-toggle-default::before { content: "\f17a"; font-family: "Font Awesome 6 Brands"; } .fab.fa-linux .mw-collapsible-toggle-default::before { content: "\f17c"; font-family: "Font Awesome 6 Brands"; } .embedvideo-thumbnail__image { width: inherit; height: inherit; object-fit: cover; position: absolute; } /***** *****/ .Preview { display: none; } .Not-Preview-yes.Preview-yes { display: none; } .Preview.Preview-yes { display: block; padding-bottom: 1em; position: absolute; top: -4em; left: 8.5em; } .Preview + p{ display: inline-flex; } .Preview-yes .prev a:nth-child(1) { display: block; padding-bottom: 1em; } .sp-lang-de ~ * .prev a:nth-child(1)::before { color: rgba(0,0,0,0.7); content: "Vorherige Version:"; font-weight: normal; } .sp-lang-en ~ * .prev a:nth-child(1)::before { color: rgba(0,0,0,0.7); content: "Previous version:"; font-weight: normal; } .sp-lang-de ~ .Preview-yes .prev a:nth-child(1)::before { content: 'Aktuelle Dokumentation:'; color: rgba(0,0,0,0.7); font-weight: bold; } .sp-lang-en ~ .Preview-yes .prev a:nth-child(1)::before { content: 'Current documentation:'; color: rgba(0,0,0,0.7); font-weight: bold; } .sp-lang-de ~ .Preview-yes .prev a:nth-child(2)::before { color: rgba(0,0,0,0.7); content: "Vorherige Version:" !important; font-weight: normal; margin-right: 3.65em; } .sp-lang-en ~ .Preview-yes .prev a:nth-child(2)::before { color: rgba(0,0,0,0.7); content: "Vorherige Version:" !important; font-weight: normal; margin-right: 3.65em; } /*************************/ .button a.image { display: inline-block; padding-right: 2px; } .button-2 .button a.image { vertical-align: -2px; padding-right: 20px; } .button .button-1 a.image { vertical-align: -1px; } .mw-editform #wpTextbox1 { color:black!important; } /* hr { text-align:left; }*/ /* ausgelagert in common.css .toctogglespan { display: inline-flex; } */ .inaktiv { opacity: 0.35; } .Hover-icon::before { position: relative; z-index: 0; left: 1em; margin-left: -1em; } .neu-menu .Hover-icon.fal.fa-hand-pointer::before { margin-left: -12px; /* andernfalls wird die URL */ } /* 2-Zeilig umgebrochen, weil…? */ .tolltip { position: absolute; } .tolltip.links .mw-collapsible-content { right:100%; } .tolltip:hover .mw-collapsible-content { display: block !important; } .tolltip .mw-collapsible-content { position: relative; background: gainsboro; /* aliceblue; */ z-index: 20; /* top: 0.5em; */ padding: 5px; margin: 0.25em; border: #ec971f; } /* .tolltip .mw-collapsible-toggle { color: unset; display: inline-block; background: unset; border: unset; padding: unset; font-size: 100%; text-align: left; float: unset; width: 1.5em; position:relative; left:-1.3em; } .tolltip .mw-collapsible-toggle-default::before { content:unset; } */ .hover .mw-collapsible-toggle { background: none; border: none; } .tolltip .sptable2 td { background: aliceblue; } .inline-table, .code.inline-table { display:inline-table; } .mw-collapsible.info { background: unset; border: none; } /* .pd5 tr td li[class*="list--element__"] { padding-left: 1.7em; } */ /* .startbox-body-breit .spc__menu { white-space: pre; } */ .nui.button, .new_design ~ * .button { border-radius: 2px; border-color: #a6a6a6; background: #dedede; position: relative; vertical-align: middle; } .accordion { content: "\f067"; display: block; font-family: "Font Awesome 6 Pro"; font-weight: 300; position: absolute; top: 50%; right: 16px; width: 2em; height: 2em; border: 3.75px solid rgba(255, 255, 255, 0.85); line-height: 2.2em; text-align: center; border-radius: 50%; background: #ccc; color: #fff; transition: 0.3s; } /* *************** .status-text.bc__rotaus::before { content: '\f05e'; font-family: 'Font Awesome 6 Pro'; font-weight: 500; padding-right: 0.5em; } .status-text.bc__gelb::before { content: '\f071'; font-family: 'Font Awesome 6 Pro'; font-weight: 500; padding-right: 0.5em; } .status-text.bc__gruen::before, .status-text.bc__grün::before { content: '\f058'; font-family: 'Font Awesome 6 Pro'; font-weight: 500; padding-right: 0.5em; } .status-text.bc__blau::before { content: '\f05a'; font-family: 'Font Awesome 6 Pro'; font-weight: 500; padding-right: 0.5em; } **************** */ /* .Bild-ui p .dialog-header { margin-bottom: -0.5em; } */ @media (max-width: 1600px) { .dialog-button i + .icon-text { display: none; } } .reiter.utm.last { margin-left: 0; } .reiter.utm.inaktiv { opacity: 01; font-size: unset; background: #dedede; border-color: #dedede; } .dialog-button .icon-save-and-restart { margin: 3px; } .new_design ~ * th.Bild > .img-container.blank, .new_design ~ * td.Bild > .img-container.blank { background: none; border: none; padding-top: 0px; } .fc__pink { color: #b20396; } /******* Heidenei - Änderungen für SASS ******/ .img-container.Bild-t, .new_design ~ * + * ~ .img-container.blank { width: calc(46% - 33px); /* zuvor: 52% */ margin-right: 10px; margin-left: 0.5em; } .reiter.utm > div { display: inline-flex; } .new_design ~ * .UTM.ui-fieldset-legend > span, .new_design ~ * .reiter.utm > span, .new_design ~ .reiter.utm > span { /* float: left; */ font-weight: bold; border: 0 none; border-left-width: 0px; border-left-style: none; border-left-color: currentcolor; border-left: solid 2px #e74c3c; padding-left: 6px; background: white; color: #404040; } .new_design ~ * .UTM.ui-fieldset-legend, .new_design ~ * .reiter.utm, .new_design ~ .reiter.utm { padding: 1px 3px 1px 4px; background: white; border: 1px solid rgba(0, 0, 0, 0.1); vertical-align: middle; font-size: 98%; } .new_design ~ * .bc__rotaus { background: #e74c3c; } .button.aktiv { background: #fff; border-radius: 0px; border-top: 1px solid rgba(0,0,0,0.3); border-bottom: 2px solid #e74c3c; border-left: 0.05em solid rgba(0,0,0,0.3); border-right: 0.05em solid rgba(0,0,0,0.3); padding: 0px 3px; color: rgba(0,0,0,0.5); clear: both; /*max-height: 1.5em;*/ } .status-text.blue { background-color: #337AB7; /* früher: #F0AD4E; */ border-color: #285f8f; font-size: small; } .spc__default.inline { display: inline; } .thumbcaption #mw-customcollapsible-Inhalte.icon { display: inline-block; } .new_design ~ .neu-menu .button.button-default.UTM.icon { background: #aaa; } .img-container.Bild-t.width100 { width: auto; } .height-auto { height: auto; } td #mw-customcollapsible-Inhalte { display: contents; } #mw-customcollapsible-Inhalte.inline-block { display: inline-block; } .dialog-header.passiv, .dialog-header.passiv * .dialog-menu, .dialog-header.passiv * .dialog-pfad, .dialog-header.passiv * .dialog-pfad *, .dialog-header.passiv > * { background-color: #545861; } .mt1em { margin-top: 1em; } .Bild .img-container + .img-container.mt1em { margin-right: 0; } .ic-eingabe.PIN { width: 1.5em; text-align: center; } .topRightCircle { position: absolute !important; z-index: 10; top: -14px; left: calc(100% - 9px); line-height: 8px; padding: 6px; font-size: 10px; background-color: #e74c3c; color: #fff; display: block; border-radius: 50%; border: 2px solid; } .spc__default.PIN { position: relative; margin-top: 1em; margin-right: 0.5em; } .img-container.Bildwechsel { position: relative; } /* Ist nicht sanitized.css daher → common.css .img-container.Wechselbild { opacity: 0; position: absolute; top: 0; transition: opacity 300ms ease; -moz-transition: opacity 300ms ease; -webkit-transition: opacity 300ms ease; -o-transition: opacity 300ms ease; } */ .img-container.Bildwechsel:hover .Wechselbild { opacity: 1; } .new_design ~ * .button.first { border-top-left-radius: 24px; border-bottom-left-radius: 24px; } .new_design ~ * .button.middle { border-radius: 0; } .new_design ~ * .button.last { border-top-right-radius: 24px; border-bottom-right-radius: 24px; } .new_design ~ * .button.aktiv.first, .new_design ~ * .button.aktiv.middle, .new_design ~ * .button.aktiv.last { background-color: #468847; color: rgba(255, 255, 255, 0.6); border-bottom: unset; } .Einrücken2, .einrücken2 { margin-left: 2.5em; width: auto; }