/* cmsms stylesheet: Default modified: Montag, 9. November 2026 11:12:26 */
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 {
margin-top: 25px;
text-align: left; /* nur wenn Depot-Badge aktiv */
}

#header-badge-depot {
position: absolute;
right: 15px;
bottom: 30px;
z-index: 99;
}

#header-badge-depot img {
width: 200px;
height: 200px;
}

#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;
}

#back {
position: fixed;
right: 30px;
bottom: 30px;
z-index: 1000;
opacity: 0;
visibility: hidden;
transition: opacity 0.2s ease;
}

#back.is-visible {
opacity: 1;
visibility: visible;
}

#back a {
display: flex;
align-items: center;
justify-content: center;
width: 48px;
height: 48px;
color: #fff;
background-color: rgba(2, 53, 129, 0.65);
border: 1px solid rgba(255, 255, 255, 0.4);
border-radius: 50%;
text-decoration: none;
}

#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 {
text-align: center; /* nur wenn Depot-Badge aktiv */
}

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

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

#header-badge-depot {
bottom: -30px;
}

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

#back {
display: none;
}

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

@media(min-width: 1024px) {
#footer-links {
display: flex;
}

#footer-nav li {
display: inline;
}

#footer-nav li + li {
margin-left: 15px;
}

#footer-copyright {
margin-left: auto;
}
}
/* 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;
}
}