Eigene Klassen und globale Modifikationen
Effekt sweep right "btn-right"
BUTTON EFFEKT
Read more toggle
Dies ist der sichtbare Text ... ... und hier der versteckte Text!
Hier in jedem HTML-Block eine eigene id eintragen
CSS 2023-01-12
/*mobile fix */
html,
body{
width:100%;
overflow-x:hidden;
}
/*PC Navmenu: Dropdown nach links
@media (min-width: 1025px)
{
.elementskit-dropdown {margin-top:30px!important;}
}
*/
/*sidebar Kontaktbutton */
.stickyside
{position: fixed;
top:20%;
z-index:5}
/*Hamburger Icon*/
.elementskit-menu-hamburger-icon { padding-bottom:4px;margin-bottom:6px!important;margin-top:6px}
.elementskit-menu-toggler{padding:4px 4px 4px 4px!important}
H1,H2,H3 {word-wrap: break-word;}
.stickybottom {position: fixed;
bottom: 2%;animation-name: fadeInUp;animation-duration:2s}
.pum-content
{margin-top:10%;margin-bottom:10%;}
#stickyheaders
{position:fixed!important;
top:0;
width: 100%;}
/*Popup Global rund*/
.dialog-widget-content.dialog-lightbox-widget-content.animated {
border-radius: 30px!important;
}
/*FAQ Generell */
.elementor-tab-title
{font-weight: 400 !important;
color:white!important;
}
.elementor-accordion .elementor-accordion-item {
border-color: var( –e-global-color-primary )!important;
border-radius:25px;
padding:15px 0 15px 0;
background: var( –e-global-color-primary );
}
.elementor-accordion .elementor-accordion-item+.elementor-accordion-item {
border-top:solid 1px!important;
border-color: var( –e-global-color-primary )!important;
margin-top:50px;
padding:15px 0 15px 0;
}
.elementor-accordion-item .elementor-tab-content {
border: none;
margin-top:-10px;}
/*IconBox1*/
.iconbox1 .elementor-icon-box-content {padding:2%;text-align:justify;}
.iconbox1 .elementor-icon-box-icon {text-align:center;}
.iconbox1 .elementor-icon-box-wrapper {background-color:white;border:solid; border-width:1px;padding:5%;
border-color: var( –e-global-color-primary );border-radius:20px }
.iconbox1 .elementor-icon-box-title {color: var( –e-global-color-primary ); text-align:left!important;}
}
.iconbox1 .elementor-icon i:before, .elementor-icon svg:before {color: var( –e-global-color-primary )!important;}
/*Runde boxen*/
.spalterund {border-radius:30px;border-width:1px!important; padding:0px;border:solid;border-color:var( –e-global-color-primary);}
/*Textblöcke rund*/
.p-rund {border-radius:30px;padding:20px;background-color: var( –e-global-color-primary );color:white;}
/*IconListe generell*/
.elementor-widget .elementor-icon-list-icon+.elementor-icon-list-text {margin:px;padding-left:20px!important;line-height:1.8em;}
.elementor-widget .elementor-icon-list-icon i {font-size:110%!important;
color:var( –e-global-color-primary);}
/*Image Box Bild rund*/
.elementor-image-box-img img {border-radius:20px 20px 0 0;
/*Image Box links Mobil*/
@media (max-width: 600px) {
.imagebox-left .elementor-image-box-img {
float: left;
}
}
p-rund
normales Text-widget
Untersuchung der Blutgefäße mit Ultraschall (z.B. zur Frage von Durchblutungsstörungen)
Accordion global
normales accordion-widget
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
iconbox1
Dies ist die Überschrift
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Icon Liste normales widget
- Listenelement #1
- Listenelement #1
- Listenelement #1
- Listenelement #1
spalterund
padding individuell eintragen
Gib hier deine Überschrift ein
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
imagebox global
Bildbreite auf 100% stellen
Dies ist die Überschrift
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
