/* cmsms stylesheet: Default modified: Donnerstag, 5. November 2026 15:51:38 */
CMS Made SimpleAdministration - Lützel Finanzplanung
Mein Konto Willkommen: centalus
Modulhilfe
Mein Konto
Webseite ansehen
Abmelden
 
Öffnen/Schließen 
CMS
Öffnen/Schließen CMS
Inhalt
Öffnen/Schließen Inhalt
Layout
Öffnen/Schließen Layout
Designverwaltung
Benutzerverwaltung
Öffnen/Schließen Benutzerverwaltung
Erweiterungen
Öffnen/Schließen Erweiterungen
Webseiten-Administration
Öffnen/Schließen Webseiten-Administration
Meine Einstellungen
Öffnen/Schließen Meine Einstellungen
DesignverwaltungModulhilfe
Stylesheet bearbeiten: Default (2)


Speichern
 
Abbrechen
 
Anwenden

*Alias: Alias

Default

Erstellungsdatum: Erstellungsdatum

Samstag, 7. November 2020 14:48:58

Änderungsdatum: Änderungsdatum

Sonntag, 15. November 2020 10:07:49

StylesheetMedientypMedienabfrageBeschreibungDesignsErweitert
Stylesheet: Stylesheet

html {
overflow-y: scroll;
}

body {
color: #000;
font: normal 100%/2 'Roboto', sans-serif;
}

* {
margin: 0;
padding: 0;
box-sizing: border-box;
}

a {
color: #000;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

ul {
list-style: none;
}

hr {
border: 0;
height: 1px;
background-color: #ddd;
}

img,
iframe,
canvas,
video,
object,
embed {
max-width: 100%;
}

img {
border: 0;
vertical-align: middle;
}

small,
small a {
color: #555;
}

label {
cursor: pointer;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
color: #023581;
font-weight: normal;
line-height: 1.5;
}

h1 { font-size: 180%; }
h2 { font-size: 160%; }
h3 { font-size: 140%; }
h4 { font-size: 130%; }
h5 { font-size: 120%; }
h6 { font-size: 110%; }

table {
width: 100%;
border-collapse: collapse;
}

table th,
table td {
padding: 5px 10px;
text-align: left;
vertical-align: middle;
word-break: break-word;
}

table th {
border-bottom: 3px solid #eee;
}

table tfoot {
font-weight: bold;
}

.table-border {
border: 1px solid #eee;
}
.table-border td {
border-bottom: 1px solid #eee;
}

.table-compact {
font-size: small;
}

input, button, select, textarea {
color: inherit;
font-size: inherit;
font-family: inherit;
line-height: inherit;
}

input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}

.alert,
.alert a {
color: #fff;
}

.alert {
padding: 30px;
background-color: #78909c;
}

.alert .fa {
margin-right: 5px;
}

.alert-info {
background-color: #81d4fa;
}

.alert-success {
background-color: #0f9d58;
}

.alert-error {
background-color: #cb4437;
}

.alert-warning {
background-color: #f4b400;
}

.text-info,
.text-info a {
color: #81d4fa;
}

.text-success,
.text-success a {
color: #0f9d58;
}

.text-error,
.text-error a {
color: #cb4437;
}

.text-warning,
.text-warning a {
color: #f4b400;
}

.text-overflow {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

.text-break {
word-break: break-all;
}

.list {
padding-left: 15px;
list-style: disc;
}

.fb_invalid,
.error_message {
color: red;
}

.fbr_helptext {
padding: 10px;
margin: 5px 0 15px;
font-size: small;
font-weight: normal;
color: #fff;
background-color: #222;
position: relative;
}

.fbr_helptext:after {
content: '';
position: absolute;
bottom: -9px;
left: 10px;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid #222;
}

.formbuilderform {
text-align: left;
padding: 30px;
background-color: #eee;
border-radius: 5px;
}

.formbuilderform fieldset {
border: 0;
}

.formbuilderform legend {
width: 100%;
display: block;
padding: 5px 10px;
background-color: #ddd;
text-transform: uppercase;
font-size: small;
}

.formbuilderform fieldset,
.formbuilderform div {
margin-top: 20px;
}
.formbuilderform fieldset:first-child,
.formbuilderform div:first-child {
margin: 0;
}

.formbuilderform label {
display: block;
margin-bottom: 5px;
font-weight: bold;
font-size: small;
}

.formbuilderform input[type="checkbox"] + label {
display: inline
}

.button,
.formbuilderform input[type="submit"],
.formbuilderform input[type="button"] {
color: #fff;
background-color: #023581;
border: 0;
border-radius: 5px;
cursor: pointer;
display: inline-block;
padding: 10px 15px;
text-align: center;
white-space: nowrap;
}

.formbuilderform input[type="text"],
.formbuilderform input[type="email"],
.formbuilderform textarea {
background-color: #ffffff;
border: 2px solid transparent;
border-radius: 5px;
outline: 0;
padding: 15px;
width: 100%;
}

.formbuilderform input[type="text"]:focus,
.formbuilderform input[type="email"]:focus,
.formbuilderform textarea:focus {
background-color: #fff;
border: 2px solid #888;
}

.formbuilderform textarea {
height: 100px;
transition:height .5s;
}

.formbuilderform textarea:focus {
height: 200px
}

.fl {float: left; }
.fr {float: right; }

.tl {text-align: left; }
.tc {text-align: center; }
.tr {text-align: right; }
.tj {text-align: justify; }

.u {
text-decoration: underline;
}

.w100 { width: 100%; }
.w90 { width: 90%; }
.w80 { width: 80%; }
.w70 { width: 70%; }
.w60 { width: 60%; }
.w50 { width: 50%; }
.w40 { width: 40%; }
.w30 { width: 30%; }
.w20 { width: 20%; }
.w10 { width: 10%; }

.w {
max-width: 1100px;
margin: 0 auto;
}

.g {
margin-left: -30px;
margin-right: -30px;
}

.g:after,
.clear:after {
display: table;
content: '';
clear: both;
}

.g-xs-1, .g-xs-2, .g-xs-3, .g-xs-4, .g-xs-5, .g-xs-6, .g-xs-7, .g-xs-8, .g-xs-9, .g-xs-10, .g-xs-11, .g-xs-12,
.g-sm-1, .g-sm-2, .g-sm-3, .g-sm-4, .g-sm-5, .g-sm-6, .g-sm-7, .g-sm-8, .g-sm-9, .g-sm-10, .g-sm-11, .g-sm-12,
.g-md-1, .g-md-2, .g-md-3, .g-md-4, .g-md-5, .g-md-6, .g-md-7, .g-md-8, .g-md-9, .g-md-10, .g-md-11, .g-md-12,
.g-lg-1, .g-lg-2, .g-lg-3, .g-lg-4, .g-lg-5, .g-lg-6, .g-lg-7, .g-lg-8, .g-lg-9, .g-lg-10, .g-lg-11, .g-lg-12,
.g-xl-1, .g-xl-2, .g-xl-3, .g-xl-4, .g-xl-5, .g-xl-6, .g-xl-7, .g-xl-8, .g-xl-9, .g-xl-10, .g-xl-11, .g-xl-12 {
padding-left: 30px;
padding-right: 30px;
}

.g-centered {
float: none;
margin-left: auto;
margin-right: auto;
}

.g-no-gutters {
margin-left: 0;
margin-right: 0;
}

.g-no-gutters > [class^="g-"],
.g-no-gutters > [class*=" g-"] {
padding-left: 0;
padding-right: 0;
}

.v-sm-b, .v-sm-i, .v-sm-ib, .v-sm-tc,
.v-md-b, .v-md-i, .v-md-ib, .v-md-tc,
.v-lg-b, .v-lg-i, .v-lg-ib, .v-lg-tc,
.v-xl-b, .v-xl-i, .v-xl-ib, .v-xl-tc {
display: none !important;
}

@media(min-width: 320px) {
.g-xs-1, .g-xs-2, .g-xs-3, .g-xs-4, .g-xs-5, .g-xs-6, .g-xs-7, .g-xs-8, .g-xs-9, .g-xs-10, .g-xs-11, .g-xs-12 {
	float: left;
}	
.g-xs-1  {width: 8.33333333%; }
.g-xs-2  {width: 16.66666667%; }
.g-xs-3  {width: 25%; }
.g-xs-4  {width: 33.33333333%; }
.g-xs-5  {width: 41.66666667%; }
.g-xs-6  {width: 50%; }
.g-xs-7  {width: 58.33333333%; }
.g-xs-8  {width: 66.66666667%; }
.g-xs-9  {width: 75%; }
.g-xs-10 {width: 83.33333333%; }
.g-xs-11 {width: 91.66666667%; }
.g-xs-12 {width: 100%; }

.h-xs    {display: none !important; }
.v-xs-b  {display: block !important; }
.v-xs-i  {display: inline !important; }
.v-xs-ib {display: inline-block !important; }
.v-xs-tc {display: table-cell !important; }
}

@media(min-width: 480px) {
.g-sm-1, .g-sm-2, .g-sm-3, .g-sm-4, .g-sm-5, .g-sm-6, .g-sm-7, .g-sm-8, .g-sm-9, .g-sm-10, .g-sm-11, .g-sm-12 {
	float: left;
}
.g-sm-1  {width: 8.33333333%; }
.g-sm-2  {width: 16.66666667%; }
.g-sm-3  {width: 25%; }
.g-sm-4  {width: 33.33333333%; }
.g-sm-5  {width: 41.66666667%; }
.g-sm-6  {width: 50%; }
.g-sm-7  {width: 58.33333333%; }
.g-sm-8  {width: 66.66666667%; }
.g-sm-9  {width: 75%; }
.g-sm-10 {width: 83.33333333%; }
.g-sm-11 {width: 91.66666667%; }
.g-sm-12 {width: 100%; }

.h-sm    {display: none !important; }
.v-sm-b  {display: block !important; }
.v-sm-i  {display: inline !important; }
.v-sm-ib {display: inline-block !important; }
.v-sm-tc {display: table-cell !important; }
}

@media(min-width: 768px) {
.g-md-1, .g-md-2, .g-md-3, .g-md-4, .g-md-5, .g-md-6, .g-md-7, .g-md-8, .g-md-9, .g-md-10, .g-md-11, .g-md-12 {
	float: left;
}
.g-md-1  {width: 8.33333333%; }
.g-md-2  {width: 16.66666667%; }
.g-md-3  {width: 25%; }
.g-md-4  {width: 33.33333333%; }
.g-md-5  {width: 41.66666667%; }
.g-md-6  {width: 50%; }
.g-md-7  {width: 58.33333333%; }
.g-md-8  {width: 66.66666667%; }
.g-md-9  {width: 75%; }
.g-md-10 {width: 83.33333333%; }
.g-md-11 {width: 91.66666667%; }
.g-md-12 {width: 100%; }

.h-md    {display: none !important; }
.v-md-b  {display: block !important; }
.v-md-i  {display: inline !important; }
.v-md-ib {display: inline-block !important; }
.v-md-tc {display: table-cell !important; }
}

@media(min-width: 1024px) {
.g-lg-1, .g-lg-2, .g-lg-3, .g-lg-4, .g-lg-5, .g-lg-6, .g-lg-7, .g-lg-8, .g-lg-9, .g-lg-10, .g-lg-11, .g-lg-12 {
	float: left;
}
.g-lg-1  {width: 8.33333333%; }
.g-lg-2  {width: 16.66666667%; }
.g-lg-3  {width: 25%; }
.g-lg-4  {width: 33.33333333%; }
.g-lg-5  {width: 41.66666667%; }
.g-lg-6  {width: 50%; }
.g-lg-7  {width: 58.33333333%; }
.g-lg-8  {width: 66.66666667%; }
.g-lg-9  {width: 75%; }
.g-lg-10 {width: 83.33333333%; }
.g-lg-11 {width: 91.66666667%; }
.g-lg-12 {width: 100%; }

.h-lg    {display: none !important; }
.v-lg-b  {display: block !important; }
.v-lg-i  {display: inline !important; }
.v-lg-ib {display: inline-block !important; }
.v-lg-tc {display: table-cell !important; }
}

@media(min-width: 1280px) {
.g-xl-1, .g-xl-2, .g-xl-3, .g-xl-4, .g-xl-5, .g-xl-6, .g-xl-7, .g-xl-8, .g-xl-9, .g-xl-10, .g-xl-11, .g-xl-12 {
	float: left;
}
.g-xl-1  {width: 8.33333333%; }
.g-xl-2  {width: 16.66666667%; }
.g-xl-3  {width: 25%; }
.g-xl-4  {width: 33.33333333%; }
.g-xl-5  {width: 41.66666667%; }
.g-xl-6  {width: 50%; }
.g-xl-7  {width: 58.33333333%; }
.g-xl-8  {width: 66.66666667%; }
.g-xl-9  {width: 75%; }
.g-xl-10 {width: 83.33333333%; }
.g-xl-11 {width: 91.66666667%; }
.g-xl-12 {width: 100%; }

.h-xl    {display: none !important; }
.v-xl-b  {display: block !important; }
.v-xl-i  {display: inline !important; }
.v-xl-ib {display: inline-block !important; }
.v-xl-tc {display: table-cell !important; }
}

#header,
#footer {
background-color: #eee;
}

#header {
text-align: center;
}

#header,
#header a,
#footer,
#footer a,
#footer small {
color: #fff;
}

#header .inner,
#footer .inner {
padding: 40px 30px;
background: #023581;
background: radial-gradient(circle, #1e4e97, #023581);
}

#header .inner {
position: relative;
box-shadow: inset 0 -30px 30px -30px #000;
}

#header-nav,
#header-badge {
margin-top: 25px;
}

#footer-cfp {
padding-bottom: 140px;
background-image: url('https://www.luetzel-finanzplanung.de/uploads/layout/img/logo_cfp.png');
background-position: center bottom;
background-repeat: no-repeat;
}

#footer-nav,
#footer-copyright {
margin: 15px 0;
}

#main .inner {
padding: 30px;
box-shadow: 10px 0 10px -5px #ddd, -10px 0 10px -5px #ddd;
}

#main .inner h2,
#main .inner h3,
#main .inner h4 {
margin-top: 30px;
}

#main .inner p,
#main .inner ul,
#main .inner table,
#main .inner .formbuilderform {
margin-top: 15px;
}

.menuactive {
text-decoration: underline;
}

.highslide img {
border: 0 !important;
}

@media(min-width: 768px) {
.w {
padding-left: 30px;
padding-right: 30px;
}

#header .inner,
#footer .inner {
padding: 40px 60px;
}

#header-nav li {
display: inline;
margin: 0 15px;
}

#header-badge {
margin: 0;
transform: rotate(15deg);
position: absolute;
right: -75px;
bottom: -75px;
z-index: 99;
}

#footer-cfp {
padding-left: 160px;
padding-bottom: 0;
background-position: top left;
}

#main .inner {
padding: 60px;
}
}

/* Auf größeren Bildschirmen grundsätzlich ausblenden */
#back-to-top {
    display: none;
}

/* Nur auf schmalen Bildschirmen */
@media screen and (max-width: 767px) {

    #back-to-top {
        display: flex;
        align-items: center;
        justify-content: center;

        position: fixed;
        right: 16px;
        bottom: 20px;
        bottom: calc(20px + env(safe-area-inset-bottom, 0px));
        z-index: 1000;

        width: 48px;
        height: 48px;
        border-radius: 50%;

        background-color: rgba(2, 53, 129, 0.65);
        color: #ffffff;
        border: 1px solid rgba(255, 255, 255, 0.4);
        text-decoration: none;

        opacity: 0;
        visibility: hidden;
        pointer-events: none;

        transition: opacity 0.2s ease;
    }

    #back-to-top.is-visible {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }

    #back-to-top:hover {
        background-color: rgba(2, 53, 129, 0.9);
        text-decoration: none;
    }

    #back-to-top:focus-visible {
        outline: 2px solid #023581;
        outline-offset: 3px;
    }

    #back-to-top svg {
        display: block;
        flex-shrink: 0;
    }
}

/* Animation bei entsprechender Systemeinstellung abschalten */
@media (prefers-reduced-motion: reduce) {
    #back-to-top {
        transition: none;
    }
}
 
/* ==========================================
   Runder Störer im Kopfbereich
   ========================================== */

/* Bezugspunkt für den Störer */
#header .inner {
    position: relative;
    overflow: visible;
}

/* Verlinkte PNG-Grafik – Desktop 30 % größer */
#header-depot {
    display: block;
    position: absolute;
    z-index: 10;

    width: 208px;
    height: auto;

    right: 28px;
    bottom: -18px;

    line-height: 0;
    border-radius: 50%;
    text-decoration: none;
}

#header-depot img {
    display: block;
    width: 100%;
    height: auto;
    border: 0;
}

#header-depot:focus-visible {
    outline: 3px solid #b6924b;
    outline-offset: 5px;
}

/* Desktop:
   Unterhalb des Logos Platz für Menü und Störer vorsehen */
@media screen and (min-width: 768px) {

    #header-nav {
        min-height: 72px;
        padding-right: 165px;
    }
}

/* Smartphone:
   Navigation links, Störer rechts daneben */
@media screen and (max-width: 767px) {

    #header .inner {
        padding: 30px 24px 35px;
    }

    #header-nav {
        position: relative;
        min-height: 210px;
        margin-top: 28px;
        padding-right: 150px;
        text-align: left;
    }

    #header-nav ul {
        display: block;
        margin: 0;
        padding: 0;
        text-align: left;
    }

    #header-nav li {
        display: block;
        margin: 0;
        padding: 0;
    }

    #header-nav a {
        display: inline-block;
        padding: 4px 0;
    }

    /* Mobil 80 % größer */
    #header-depot {
        width: 194.4px;
        right: 20px;
        bottom: 0;
        transform: translateY(10%);
    }
}

/* Sehr schmale Smartphones */
@media screen and (max-width: 359px) {

    #header .inner {
        padding-left: 16px;
        padding-right: 16px;
    }

    #header-nav {
        padding-right: 125px;
    }

    /* Ebenfalls rund 80 % größer */
    #header-depot {
        width: 161.6px;
        right: 12px;
        bottom: 0;
        transform: translateY(10%);
    }
}
Copyright © CMS Made Simple™ 2.2.18 “Apex”DokumentationForenÜberEntwickler
/* cmsms stylesheet: Roboto modified: Sonntag, 8. November 2020 15:06:51 */
/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('https://www.luetzel-finanzplanung.de/uploads/layout/fonts/roboto-v20-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto'), local('Roboto-Regular'),
       url('https://www.luetzel-finanzplanung.de/uploads/layout/fonts/roboto-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://www.luetzel-finanzplanung.de/uploads/layout/fonts/roboto-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://www.luetzel-finanzplanung.de/uploads/layout/fonts/roboto-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('https://www.luetzel-finanzplanung.de/uploads/layout/fonts/roboto-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://www.luetzel-finanzplanung.de/uploads/layout/fonts/roboto-v20-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* cmsms stylesheet: Cookies modified: Samstag, 7. November 2020 18:18:02 */
#cookie-alert {
display: none;
background-color: #000;
background-color: rgba(0,0,0,.5);
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 9999;
overflow: hidden;
}

#cookie-message {
color: #000;
background-color: #fff;
margin: 15px;
padding: 30px;
border-radius: 5px;
box-shadow: 0 0 30px #000;
}

#cookie-title {
font-weight: bold;
font-size: large;
margin-bottom: 15px;
}

#cookie-more {
display: none;
font-size: small;
max-height: 200px;
margin-top: 15px;
padding: 15px;
background-color: #eee;
overflow-y: scroll;
}

#cookie-more h1,
#cookie-more h2,
#cookie-more h3,
#cookie-more h4 {
line-height: 1.1;
}

#cookie-more h1,
#cookie-more h2,
#cookie-more h3,
#cookie-more h4,
#cookie-more p {
margin: 0 0 10px 0;
}

#cookie-more a {
color: #4285f4;
text-decoration: none;
}

#cookie-buttons {
margin-top: 45px;
text-align: center;
}

#cookie-btn-more,
#cookie-btn-confirm {
width: 100%;
cursor: pointer;
text-decoration: none;
display: inline-block;
padding: 10px 15px;
color: #fff;
background-color: #4285f4;
border-radius: 5px;
}

#cookie-btn-more {
margin: 0 0 15px 0;
color: #444;
background-color: #fff;
}

@media(min-width:640px){
#cookie-message {
margin: 10% auto;
max-width: 600px;
}

#cookie-buttons {
text-align: right;
}

#cookie-btn-more,
#cookie-btn-confirm {
width: auto;
}

#cookie-btn-more {
margin: 0 15px 0 0;
}
}