/* tinos-regular - latin */
@font-face {
    font-family: 'Tinos';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/tinos-v24-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
       url('../fonts/tinos-v24-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/tinos-v24-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/tinos-v24-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/tinos-v24-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/tinos-v24-latin-regular.svg#Tinos') format('svg'); /* Legacy iOS */
}
/* tinos-italic - latin */
@font-face {
    font-family: 'Tinos';
    font-style: italic;
    font-weight: 400;
    src: url('../fonts/tinos-v24-latin-italic.eot'); /* IE9 Compat Modes */
    src: local(''),
       url('../fonts/tinos-v24-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/tinos-v24-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/tinos-v24-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/tinos-v24-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/tinos-v24-latin-italic.svg#Tinos') format('svg'); /* Legacy iOS */
}
/* tinos-700 - latin */
@font-face {
    font-family: 'Tinos';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/tinos-v24-latin-700.eot'); /* IE9 Compat Modes */
    src: local(''),
       url('../fonts/tinos-v24-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/tinos-v24-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/tinos-v24-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/tinos-v24-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/tinos-v24-latin-700.svg#Tinos') format('svg'); /* Legacy iOS */
}
/* tinos-700italic - latin */
@font-face {
    font-family: 'Tinos';
    font-style: italic;
    font-weight: 700;
    src: url('../fonts/tinos-v24-latin-700italic.eot'); /* IE9 Compat Modes */
    src: local(''),
       url('../fonts/tinos-v24-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/tinos-v24-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/tinos-v24-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/tinos-v24-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/tinos-v24-latin-700italic.svg#Tinos') format('svg'); /* Legacy iOS */
}
/* roboto-300 - latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/roboto-v30-latin-300.eot'); /* IE9 Compat Modes */
    src: local(''),
        url('../fonts/roboto-v30-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../fonts/roboto-v30-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
        url('../fonts/roboto-v30-latin-300.woff') format('woff'), /* Modern Browsers */
        url('../fonts/roboto-v30-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../fonts/roboto-v30-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-regular - latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/roboto-v30-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
       url('../fonts/roboto-v30-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-500 - latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/roboto-v30-latin-500.eot'); /* IE9 Compat Modes */
    src: local(''),
       url('../fonts/roboto-v30-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-900 - latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 900;
    src: url('../fonts/roboto-v30-latin-900.eot'); /* IE9 Compat Modes */
    src: local(''),
       url('../fonts/roboto-v30-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-900.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-900.svg#Roboto') format('svg'); /* Legacy iOS */
}

.symbol {
    display: inline-block;
}

.symbol::before {
    content: "\0040";
}

strong{
    font-weight: 700;
}

html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    float: left;
    clear: both;
    font-family: 'Roboto', arial, sans-serif;
    font-size: 16px;
    font-weight: 300;
    color: #272727;
}

.text-right {
    text-align: right;
}

.text-left {
    text-align: left;
}

.text-center {
    text-align: center;
}

.text-justify {
    text-align: justify;
}

img {
    max-width: 100%;
    height: auto;
}

.videocontainer{
    color: #272727;
}

.ce-gallery.videocontainer .video[data-type="external"] {
    background: #eee;
}

.video-embed .video-defer {
    opacity: 1;
}

.ce-gallery.videocontainer {
    width: 100%;
	float: left;
	clear: both;  
}

.ce-right .ce-gallery.videocontainer{
    float: right;
}

.ce-gallery.videocontainer .video-column {
    width: 100%;
    float: left;
}

.ce-gallery.videocontainer[data-ce-columns="1"] .video-column {
	width: 100%;
	float: left;
	clear: both;
}

.ce-gallery.videocontainer figure.video {
	display: block;
}

.video-embed iframe, 
.video-embed a.videoiframelink,
.iframevideo a.videoiframelink {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.video-embed a.videoiframelink,
.iframevideo a.videoiframelink  {
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0;
    color: transparent;
    overflow: hidden;
    text-indent: -999px;
    display: none;
}

.loadiframenow a.videoiframelink,
.mediaconsent.loadok a.videoiframelink,
.frame-type-textmedia.frame-layout-10 .videobox  a.videoiframelink  {
    display: flex;
}

.video-embed a.videoiframelink::before,
.iframevideo a.videoiframelink::before,
.frame-type-textmedia.frame-layout-10 .videobox  a.videoiframelink::before {
    content: "";
    display: block;
    width: 70px;
    height: 50px;
    background: #000000;
    border-radius: 5px;
    transition: opacity 0.3s ease;
	box-shadow: 0 0 60px 0 #FFFFFF;
	opacity: 0.8;
}

.video-embed a.videoiframelink:hover::before,
.iframevideo a.videoiframelink:hover::before,
.frame-type-textmedia.frame-layout-10 .videobox  a.videoiframelink:hover::before {
	opacity: 0.9;
}

.video-embed a.videoiframelink::after,
.iframevideo a.videoiframelink::after,
.frame-type-textmedia.frame-layout-10 .videobox  a.videoiframelink::after {
    content: "";
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 10px 0 10px 20px;
    border-color: transparent transparent transparent #FFFFFF;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -10px 0 0 -8px;
    z-index: 3;
}

.video[data-type="external"] .video-embed {
    padding: 0;
}

.videobox {
    padding-top: 56.25%;
    overflow: hidden;
}

.mediaconsent > a.videoiframelink {
    display: none;
}

body.lb_body {
    height: auto !important;
    max-width: 800px;
    width: 90vw;
}

#lightbox {
    width: 96%;
    margin: 10px 2%;    
}

/* -- Headervideo -- */
.mob_button {
    right: 1%;
    top: 0;
    position: absolute;
    z-index: 5;
    margin: 4px 0 0 0;
    width: 60px;
    height: 60px;
    cursor: pointer;
	display: none;
}

.mob_button span {
	background-color: #c01717;
	height: 3px;
	left: 7px;
	margin-top: -1px;
	position: absolute;
	top: 50%;
	width: 45px;
	transition: all 0.3s ease 0.3s;
}

.mob_button span::after, .mob_button span::before {
	backface-visibility: hidden;
	background-color: #c01717;
	content: "";
	height: 3px;
	position: absolute;
	transform: translateZ(0px);
	transition: all 0.3s ease 0.3s;
	width: 100%;
	display: block;
}

.mob_button span::before {
	transform: translateY(-12px);
}

.mob_button span::after {
	transform: translateY(12px);
}

.mobnavvisible.mob_button span {
	background-color: transparent;
}

.mobnavvisible.mob_button span::before {
	transform: translateY(0px) rotate(-45deg);
}

.mobnavvisible.mob_button span::after {
	transform: translateY(0px) rotate(45deg);
}

.frame-type-textmedia.frame-layout-11 > .rahmen {
    width: 100% !important;
    max-width: none !important;
    float: left !important;
    clear: both !important;
    margin: 0 !important;
    display: block !important;
}

.frame-type-textmedia.frame-layout-11 .ce-gallery {
    margin: 0;
    width: 100%;
    float: left;
    clear: both;
    position: relative;
}

.frame-type-textmedia.frame-layout-11 .ce-gallery::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}

.frame-type-textmedia.frame-layout-11 .video-embed .video-preview {
    height: 100%;
}

.frame-type-textmedia.frame-layout-11 .video-embed .video-preview img {
    width: 100%;
    max-width: none;
    height: auto;
}

.frame-type-textmedia.frame-layout-11.loadingok .video-embed .video-preview {
    display: none;
}

.frame-type-textmedia.frame-layout-11 .video[data-type="internal"] .video-embed .video-embed-item {
    width: 100%;
}

#inhaltsbereich{
    float: left;
    clear: both;
    width: 100%;
    /* position: relative; */
}
/* -- Überschriften -- */
h1, h2, h3, h4, h5{
    font-family: 'Tinos', arial, sans-serif;
    font-style: italic;
    margin: 0;
}

h1, h2{
    color: #c01717;
    font-size: 48px;
    font-weight: 700;
	margin: 0 0 10px 0;
}

h2{
    font-size: 36px;
}

h2:not(.zweizeilig){
    margin-bottom: 15px;
}

#inahtslbereich h2,
#inhaltsbereich h3{
    opacity: 0;
}

.leistungen h2.folgt,
h2.folgt, h3{
    color: #272727;
    font-size: 30px;
    font-weight: 400;
}
h3 strong {
    font-size: 36px;
    font-weight: 700;
    color: #c01717;
}

header{
    margin-bottom: 20px;
}

#inhaltsbereich .ce-intext.ce-left .ce-gallery{
    margin-right: 60px;
}
#inhaltsbereich .ce-intext.ce-right .ce-gallery{
    margin-left: 60px;
}
/* -- Überschriften -- */
/* -- Navi -- */
#oben{
    float: left;
    width: 90%;
    clear: both;
    padding: 0 5%;
    position: fixed;
    z-index: 5;
    background: #fff;
}

.logo{
    float: left;
    margin: 20px 0
}

.navi{
    float: right;
    /* margin: 45px 250px 0 0; */
    margin: 82px 0px 0 0;
}

.topnavi{
    display:none;
    position: absolute;
    right: 300px;
    top: 26px;
}
.topnavi ul {
    list-style-type: none;
    padding:0px;
    margin:0px;
}
.topnavi li{
    display: inline-block;
    position: relative;
    float:left;
}

.topnavi li a{
    text-decoration: none;
    color: #272727;
    padding: 0px;
    font-size: 14px;
    float: left;
    padding: 0 10px 0 10px;
    /* padding-bottom: 58px; */
}

.topnavi li a{
    border-right: 1px solid #272727;
}
.topnavi li:last-child a{
    border-right: 0px solid #272727;
}
.telefon{
    position: absolute;
    right: 5%;
    top: 10px;
}

.telefon a{
    background: 
        url(/fileadmin/cn_website/images/phone.svg) 5% center/25px no-repeat,
        linear-gradient(0deg, rgba(192, 23, 23, 1) 0%, rgba(192, 23, 23, 1) 100%);
    color: #fff;
    text-decoration: none;
    padding: 10px 20px 10px 40px;
    border-radius: 5px;
}

.hnavi{
    list-style-type: none;
    margin: 0;
    padding: 0;
    /* width: 605px; */
    display: flex;
    justify-content: space-between;
}

.hnavi > li{
    display: inline-block;
    position: relative;
}

.hnavi > li > a{
    text-decoration: none;
    color: #272727;
    padding: 10px 15px;
    font-size: 18px;
    float: left;
    /* padding-bottom: 58px; */
}

.hnavi > li.act > a,
.hnavi > li:hover > a{
    font-weight: 500;
}

.hnavi li.ifsub:hover .unavi{
    display: block;
}

.unavi{
    display: none;
    position: absolute;
    list-style-type: none;
    margin: 0px 0 0 0;
    padding: 0;
    top: 100%;
    background: #fff;
    min-width: 240px;
    padding: 25px;
}

.unavi h3{
    font-size: 20px;
    font-family: 'Roboto';
    font-weight: 700;
    font-style: normal;
    color: #272727;
    margin-bottom: 30px;
max-width:200px;
}

.unavi li{
    position: relative;
    padding-left: 35px;
	padding-bottom:5px;
}

.unavi li a{
    color: #272727;
    text-decoration: none;
}

.unavi li::before{
    content: '';
    position: absolute;
    left: 0;
    top: 2px;
    width: 17px;
    height: 17px;
    background: 
        url(/fileadmin/cn_website/images/rechts.svg) center center/8px no-repeat,
        linear-gradient(0deg, rgba(192, 23, 23, 1) 0%, rgba(192, 23, 23, 1) 100%);
    border-radius: 50%;
}
.unavi li.act a,
.unavi li a:hover{
    font-weight: 700;
}

#oben.scroll{
    box-shadow: 0px -10px 20px 0px #413f3f;
}

#oben.scroll .logo {
    float: left;
    margin: 10px 0;
}

#oben.scroll .logo img{
    max-height: 100px;
    width: auto;
}

#oben.scroll .navi {
    /* margin: 15px 250px 0 0; */
    margin: 45px 0 0 0;
}

#oben.scroll .hnavi > li > a{
    padding-bottom: 23px;
}

#oben.scroll .topnavi,
#oben.scroll .telefon{
display:none;
    /* top: 10px; */
}
/* -- Navi -- */

/* -- Header -- */
#header{
    opacity: 0;
    float: left;
    clear: both;
    width: 100%;
    max-height: 700px;
    overflow: hidden;
    margin-top: 135px;
}

#header .ce-textpic{
    position: relative;
}

#header .ce-gallery{
    margin: 0;
}

/* #header .ce-gallery::after{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #413f3f;
    opacity: 0.4;
} */
.page1 #header .ce-bodytext {
	top: 40%;
    bottom: unset;
}

#header .ce-bodytext{
    position: absolute;
    top: unset;
    bottom: 40px;
    left: 15%;
    color: #fff;
    font-size: 45px;
    font-weight: 500;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    float: none;
    width: auto;
    text-shadow: 0 0 20px #000;
}

#header .ce-bodytext strong{
    font-weight: 900;
}

#header .ce-bodytext p{
    margin: 25px 0;
}

/*slogan bei über uns kleiner */
.page42 #header .ce-bodytext{
    font-size: 35px;
    bottom:130px;
}
/* -- Header -- */

/* -- Inhaltsbereich -- */
#inhaltsbereich > .frame-default,
#inhaltsbereich > .frame-produktlogos {
    float: left;
    clear: both;
    width: 100%;/* 
    margin-top: 40px; */
}
/*
#inhaltsbereich > .ap + .frame-default{
    margin-top: -20px;
}
*/
.geldanlage > .frame > .rahmen, 
#inhaltsbereich > .frame > .rahmen,
#footer > .frame >.rahmen,
.zweispaltig {
    width: 90%;
    max-width: 1200px;
    margin: 0 calc(50% - 600px);
    float: left;
}

.zweispaltig {
    margin-top:70px;
}
#inhaltsbereich > .frame-type-shortcut > .rahmen {
    width: 100%;
    max-width: unset;
    margin: 0;
}
#inhaltsbereich > .frame-type-shortcut:not(.frame-rauten) > div > div >.rahmen {
    width: 90%;
    max-width: 1200px;
    /* margin: 0 calc(50% - 600px); */
    margin: 0 auto;
}
#inhaltsbereich a{
    color: #c01717;
    text-decoration: none;
}

#header.sub{
    margin-bottom: 100px;
}

#inhaltsbereich > .frame + .frame{
    margin-top: 100px;
    float: left;
    clear: both;
    width: 100%;
}

#inhaltsbereich > .frame-space-after-1 + .frame{
    margin-top: 0;
}

#inhaltsbereich ul,
#inhaltsbereich ol {
    list-style-type: none;
    margin: 0;
    padding: 5px 0 0;
}

#inhaltsbereich ul li,
#inhaltsbereich ol li{
    position: relative;
    padding-left: 35px;
}

#inhaltsbereich ul li + li,
#inhaltsbereich ol li + li {
    margin-top: 7px;
}

#inhaltsbereich ul li::before{
    content: '';
    position: absolute;
    left: 0;
    top: 2px;
    width: 17px;
    height: 17px;
    background: 
        url(/fileadmin/cn_website/images/rechts.svg) center center/8px no-repeat,
        linear-gradient(0deg, rgba(192, 23, 23, 1) 0%, rgba(192, 23, 23, 1) 100%);
    border-radius: 50%;
}
#inhaltsbereich ul li.feed-item::before{
    display: none;
}

#inhaltsbereich ol li::before {
    content: '';
    position: absolute;
    left: 5px;
    top: 5px;
    width: 10px;
    height: 10px;
    background: #c01717;
    transform: rotate(45deg); 
}

/* -- Rauten -- */
.frame-rauten{
    position: absolute;
    top: 360px;
    right: 0;
    width: 625px;
    height: 625px;
    z-index: 2;
    overflow-x: clip;
    padding-left: 130px;
    overflow-y: visible;
}

.frame-rauten::before{
    content: '';
    position: absolute;
    width: 625px;
    height: 625px;
    background: rgba(238, 238, 238, 0.5);
    transform: rotate(45deg);
}

#inhaltsbereich > .frame-rauten > .rahmen{
    width: 100%;
    max-width: unset;
    margin: 0 !important;
}

.frame-rauten .linkoverlay {
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background: rgba(0,0,0,0);
    transition: all 0.3s ease;
}

.frame-rauten .frame > .rahmen{
    background: #413f3f;
    width: 100%;
    padding-top: 30px;
    padding-bottom: 30px;
    width: 156px;
    text-align: center;
}

.frame-rauten .frame .linkoverlay:hover + .rahmen{
    background: #c01717;
}

.frame-rauten .ce-textpic{
    transform: rotate(-45deg);
}

#inhaltsbereich .frame-rauten .ce-bodytext a{
    color: #fff;
}

.frame-rauten .frame{
    float: left;
    position: absolute;
    transform: rotate(45deg);
}

.frame-rauten .frame:nth-child(1){
    top: 110px;
    left: 230px;
}
.frame-rauten .frame:nth-child(2){
    top: 110px;
    right: 110px;
}
.frame-rauten .frame:nth-child(3){
    top: 235px;
    left: 360px;
}
.frame-rauten .frame:nth-child(4){
    bottom: 110px;
    right: 110px;
}
.frame-rauten .frame:nth-child(5){
    bottom: 110px;
    left: 230px;
}
/* -- Rauten -- */
/* -- rot-graue Boxen 5-spaltig -- */
#inhaltsbereich > .frame-rotgrau {
    opacity: 0;
}

#inhaltsbereich > .frame-rotgrau > .rahmen{
    width: 100%;
    max-width: inherit;
    margin: 0 !important;
    color: #fff;
}

.frame-rotgrau h2{
    color: #fff;
    font-size: 30px;
	font-weight:400;
}
.frame-rotgrau li h3{
    color: #fff;
    font-size: 24px;
    min-height: 34px;
}

.frame-rotgrau .tx_cn-columns .row > div > div{
    margin: 0 !important;
    width: 80%;
    padding: 20px 10% 0;
    background: #413f3f;
}

.frame-rotgrau .tx_cn-columns .row > div > div header, 
.frame-rotgrau .tx_cn-columns .row > div > div header h2{
    margin-bottom: 0;
}

.frame-rotgrau .tx_cn-columns .row > div > div p{
    margin-bottom: 0;
}

.frame-rotgrau .tx_cn-columns .row > div:nth-child(even){
    margin-top: -20px;
}

.frame-rotgrau .tx_cn-columns .row > div:nth-child(even) > div{
    background: #c01717;
}

.frame-rotgrau .tx_cn-columns .row > div:nth-child(even) > div .rahmen{
    margin-top: 20px;
}

#inhaltsbereich .frame-rotgrau ul li{
    padding-left: 45px;
}

#inhaltsbereich .frame-rotgrau ul li::before{
    width: 32px;
    height: 32px;
    background:
        url(/fileadmin/cn_website/images/rechts.svg) center center/16px no-repeat,
        linear-gradient(0deg, rgba(192, 23, 23, 1) 0%, rgba(192, 23, 23, 1) 100%);
}

#inhaltsbereich .frame-rotgrau .tx_cn-columns .row > div:nth-child(even) > div ul li::before{
    background:
        url(/fileadmin/cn_website/images/rechts.svg) center center/16px no-repeat,
        linear-gradient(0deg, rgba(65, 63, 63, 1) 0%, rgba(65, 63, 63, 1) 100%);
}

/* -- rot-graue Boxen 5-spaltig -- */
/*Roter / Grauer Kasten bei ETF*/
/*Erscheinungsbild Roter Kasten */
/*einzelne Kästen über "LI" -> Abwechselnd rot und grau */ 

/*#inhaltsbereich .topics .frame-roter-kasten {
    margin-left:20%;
}*/

.page57 .topics .frame-roter-kasten {
    background: #413f3f;
}

#inhaltsbereich .frame-roter-kasten ul li {
    background: #413f3f;
    font-family: 'Tinos', arial, sans-serif;
    font-style: italic;    
    color: #fff;
    font-size: 20px;
    padding: 30px 40px 30px 70px;
    margin: 0 0 20px 0 !important;
}

#inhaltsbereich .frame-roter-kasten ul li:nth-child(even) {
    background: #413f3f;
    font-family: 'Tinos', arial, sans-serif;
    font-style: italic;    
    color: #fff;
    font-size: 20px;
    padding: 30px 40px 30px 70px;
}
        
#inhaltsbereich .frame-roter-kasten ul li::before{
    background: 
        url(/fileadmin/cn_website/images/rechts.svg) center center/13px no-repeat,
        linear-gradient(0deg, rgba(192, 23, 23, 1) 0%, rgba(192, 23, 23, 1) 100%) !important;
    width: 22px;
    height: 22px;
    margin:30px;
}

#inhaltsbereich .frame-roter-kasten ul li:nth-child(even)::before{
    background:
        url(/fileadmin/cn_website/images/rechts.svg) center center/13px no-repeat,
        linear-gradient(0deg, rgba(192, 23, 23, 1) 0%, rgba(192, 23, 23, 1) 100%) !important;
    width: 22px;
    height: 22px;
    margin:30px;
}

/*TOPICS*/
/*Roter Kasten bei Geldanlage mit Icons davor*/
.einleitungstext {
    float:left;
    width:55%;
    padding-right:5%;
    /* margin-top:40px; */
    margin-bottom:50px;
}
.einleitungstext h3 {
    font-size: 30px !important;
    font-weight: 400 !important;
}
/*multicontent 2 spalitg`*/
.leistungen .frame-grau .col-50 {
    width:45%;
    padding-right:5%;
}
.einleitungstext .frame-style-2column .col-50{
    width:45%;
    padding-right:5%;
    position: relative;
    margin-top:100px;
}

.einleitungstext .frame-style-2column .col-50::before {
    content: '';
    position: absolute;
    left: 0;
    top: -60px;
    width: 40px;
    height: 40px;
    background: url(/fileadmin/cn_website/images/rechts.svg) center center / 20px no-repeat, linear-gradient(0deg, rgba(192, 23, 23, 1) 0%, rgba(192, 23, 23, 1) 100%);
    border-radius: 50%;
    transform: rotate(90deg);
}

/*aufzählungen */ 
    .einleitungstext .ce-bodytext ul{
    margin-top: 50px !important; 
    }
.einleitungstext .ce-bodytext li {
    margin-bottom: 40px;
    padding-left:50px !important;
}

#inhaltsbereich .einleitungstext .ce-bodytext ul li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 2px;
    width: 30px;
    height: 30px;
    background: url(/fileadmin/cn_website/images/rechts.svg) center center / 8px no-repeat, linear-gradient(0deg, rgba(192, 23, 23, 1) 0%, rgba(192, 23, 23, 1) 100%);
    border-radius: 50%;
}
        
.topics .ce-gallery {
    margin-right:20px !important;
    margin-top:40px;
}
.topics {
    width:40%;
    float:left;
    margin-top:40px;
}


.topics .rahmen{
    /* background: #413f3f; */
    color: #fff;        
    padding: 5%;
    width:90%;
    margin-bottom:30px;
}

/* topics grauer hintergrund*/
.topics .frame-grau {
    background:none;
    padding:  0;
    position: relative;
    color: #fff;
    float: left;
    clear: both;
    width: 100%;
    margin-top: 0px;
}
.topics .frame-grau .rahmen{
    background: #413f3f;
    color: #fff;        
    padding: 5%;
    width:90%;
    margin-bottom:30px;
}
.topics .frame-grau::before {
    display: none;
}

.topics h3, .topics h3 strong {
    color:#fff;
    margin:0 !important;
    font-size:20px;
}
.topics h3 strong {
    font-size:24px;
}
.topics p {
    margin:0;
} 
.leistungen blockquote,
.leistungen blockquote p {
    margin:0px !important;
    padding: 0px !important;
}

.topics blockquote {
    margin:0px !important;
    padding: 0px !important;
    font-size:20px;
}  

.leistungen h2,
.leistungen .frame-grau h2 {
    font-size:48px;    
}

/*Icons kapitalanlageimmobilien*/
.leistungen .frame-style-3column.frame-layout-2 img {
    width:50px;
    height:auto;
}
.leistungen .frame-style-3column.frame-layout-2 .col-33{
    text-align:center;
    width: 31.3%;
    padding: 0 1%;
    margin-top: 30px;
}


/*vorteile */

#c758 .tx_cn-columns .row > div {
    background: #fff;
    width:15%;
    padding: 3% 1% 1% 1%;
    margin: 0 2% 0 0;
    box-shadow: 0px 3px 6px rgb(0 0 0 / 16%);
    border-left: 4px solid #413F3F;
    overflow: visible;
}
#c758  .tx_cn-columns {
    text-align:center;
    margin-top:60px;
}
#c758  .tx_cn-columns img {
    max-width:80px;
    height:auto;
}
#c758  .tx_cn-columns h3 {
   font-size:24px;
   margin-top:20px;
   margin-bottom: 0px;
}
#c758  .tx_cn-columns p {
    margin:0px;
 }
/*rechnung*/
.topics .rechnung {
    width:90%;
    font-size:20px !important
}
.topics .rechnung hr{
    width:100%;
    border-top: 1px solid #413f3f;
}        

.topics .rechnung td:nth-child(2){
    border-left:1px solid #fff;
    padding-left:20px;
}

.topics .rechnung strong {
    margin: 10px 0 10px 0;
    float:left;
    width:100%;
    text-align:center;
}

.topics .rechnung tr:last-child hr {
    border-top:1px solid #fff;
    border-bottom:1px solid #fff;
    height:4px;
    border-right:0px;
    border-left:0px;
}

/*Button in TOPICS-Leiste */ 
#inhaltsbereich .topics .frame-ankerlinks .rahmen {
    border-radius: 20px;
    border:2px solid #413F3F;
}

.leistungen .link-external-blank,
#inhaltsbereich .topics .frame-ankerlinks a { 
    color:#fff !important;
    margin: 10px 0 0 0;
    padding: 0 0 0 50px;
    float:left;    
    font-size:24px;
    font-family: 'Tinos', arial, sans-serif;
    font-style: italic;
    background: url(/fileadmin/cn_website/images/rechts.svg) 15px center/11px no-repeat,linear-gradient(0deg,rgba(192,23,23,1) 0%,rgba(192,23,23,1) 100%)
}
/*grosser button */
.leistungen .link-external-blank  { 
    border-radius: 20px;
    border:2px solid #c01717; 
    color:#fff !important;
    margin: 20px 0 0 0;
    padding: 20px 20px 20px 50px;
    float:left;    
    font-size:24px;
    font-family:'Roboto',arial,sans-serif;
    font-style: normal;
    font-weight: 500;
    background: url(/fileadmin/cn_website/images/rechts.svg) 15px center/11px no-repeat,linear-gradient(0deg,rgba(192,23,23,1) 0%,rgba(192,23,23,1) 100%)
}

/*Grüner button*/
.leistungen .link-external-blank[title="nachhaltig"] { 
    border-radius: 20px;
    border:2px solid #1d6d04; 
    color:#fff !important;
    margin: 20px 0 50px 0;
    padding: 20px 20px 20px 50px;
    float:left;    
    font-size:24px;
    font-family:'Roboto',arial,sans-serif;
    font-style: normal;
    font-weight: 500;
    background: url(/fileadmin/cn_website/images/rechts.svg) 15px center/11px no-repeat,linear-gradient(0deg,rgba(29,109,4,1) 0%,rgba(29,109,4,1) 100%)
}

/*Grafik dreieck der geldanlage*/
.frame-layout-1.frame-roter-kasten,
.frame-dreieck {
    float:left !important;
    width:50% !important;
    clear: none;
}

/* -- ETFs --*/
/* Ansprechpartner */
.frame-kontakt.frame-layout-1 .ce-column{
 position: relative;
}

.frame-kontakt.frame-layout-1 figcaption{
    display: none;
    position: absolute;
    bottom:0px;
    background: rgba(192,23,23,0.8);
    color:#fff;
    font-family: 'Tinos', arial, sans-serif;
    font-size:16px !important;
    padding: 5% !important;
    width:90% !important;
    cursor: pointer;
    transition: all 0.4s ease;
}

.frame-kontakt.frame-layout-1 .image:hover figcaption{
    display:block !important;
    transition: all 0.4s ease;
}   


#c671 {
    margin: 50px 0 0 0 !important;
}
/*Geldanlagen Übersicht einzelne Themen grauer Block */
.leistungen .frame-grau.frame-layout-1 {
    margin-top:50px !important;
}

.frame-grau.frame-layout-1 strong{
    font-weight: 500 !important;
}

#c695 #inhaltsbereich .more {
    
    font-weight: 600 !important;
}

.frame-grau.frame-layout-1 .col-50{
    width:29% !important;
    padding: 0 10% 0 10%;
    position: relative;
}    

.frame-grau.frame-layout-1 h3, .frame-grau.frame-layout-1 h4{
    font-size:30px;
    color:#fff;
    font-weight: 800;
}    
  

.frame-grau.frame-layout-1 .col-25{
    position: relative;
    margin-top:100px;
    width:20%;
    padding:0 2%;
}    


.frame-grau.frame-layout-1 .col-100{
    position: relative;
    margin-top:100px;
    width:90%;
    padding:0 1% 0 2%;
    border-bottom: 1px solid #fff;
}    
      
.frame-grau.frame-layout-1 .col-20::before,  
.frame-grau.frame-layout-1 .col-25::before{
    content: '';
    position: absolute;
    left: 45%;
    top: -60px;
    width: 40px;
    height: 40px;
    background: url(/fileadmin/cn_website/images/rechts.svg) center center / 20px no-repeat, linear-gradient(0deg, rgba(192, 23, 23, 1) 0%, rgba(192, 23, 23, 1) 100%);
    border-radius: 50%;
    transform: rotate(90deg);
}
            
            
.frame-grau.frame-layout-1 .col-100::before{
    content: '';
    position: absolute;
    left: 2%;
    top: -60px;
    width: 40px;
    height: 40px;
    background: url(/fileadmin/cn_website/images/rechts.svg) center center / 20px no-repeat, linear-gradient(0deg, rgba(192, 23, 23, 1) 0%, rgba(192, 23, 23, 1) 100%);
    border-radius: 50%;
    transform: rotate(90deg);
}
                    
    
.frame-grau.frame-layout-1 .col-50::before {
    content: '';
    position: absolute;
    left: 45%;
    top: -60px;
    width: 40px;
    height: 40px;
    background: url(/fileadmin/cn_website/images/rechts.svg) center center / 20px no-repeat, linear-gradient(0deg, rgba(192, 23, 23, 1) 0%, rgba(192, 23, 23, 1) 100%);
    border-radius: 50%;
    transform: rotate(90deg);
    }

.frame-grau.frame-layout-1 .col-25:first-child,
.frame-grau.frame-layout-1 .col-25:nth-child(2),
.frame-grau.frame-layout-1 .col-25:nth-child(3),
.frame-grau.frame-layout-1 .col-50:first-child
    {
       border-right:1px solid #fff;
    }    


/*Bildunterschrift rechtsbündig*/
.leistungen figcaption {
    text-align: right;
}
.leistungen .frame-grau .ce-border img {
    border-right:10px solid #525051;
    border-bottom:10px solid #525051;
}

.leistungen .frame-grau .ce-border .ce-column {
    background: none !important;
    padding: 0px !important;
    margin: 0px !important;
}


.leistungen .frame-grau img[title="Finanzcockpit"] {
    border-right: 0px solid #525051;
    border-bottom: 0px solid #525051;
    background:#fff;
}

/* -- News -- */
.news{
    width: 90%;
    margin: 60px 5% 0;
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev {
    position: absolute;
    background: 
        url(/fileadmin/cn_website/images/rechts.svg) center center/25px no-repeat,
        linear-gradient(0deg, rgba(192, 23, 23, 1) 0%, rgba(192, 23, 23, 1) 100%);
    left: auto;
    right: -60px;
    top: calc(50% - 27px);
    width: 35px;
    height: 35px;
    display: block;
    text-indent: 999px;
    overflow: hidden;
}

.owl-carousel .owl-nav button.owl-prev {
    transform: rotate(180deg);
    left: -60px;
    right: auto;
}

.news-img-wrap a{
    padding: 0 !important;
    border: none !important;
}

.news-listslider-container .article{
    position: relative;
    max-width: 300px;
}

.news-listslider-container .article h3{
    line-height: 18px;
    margin-top: 25px;
    float: left;
    clear: both;
    width: 100%;
}

.news-listslider-container .article h3 a{
    font-family: 'Roboto';
    font-size: 18px;
    font-weight: 500;
    font-style: normal;
    line-height: normal;
}

.news-listslider-container .article .news-content{
    padding-bottom: 20px;
}

.news-listslider-container .article .news-text{
    margin-bottom: 10px;
    float: left;
    clear: both;
    width: 100%;
}

.news-listslider-container .article .news-img-wrap {
    float: left;
    margin: 0;
	height: 200px;
	overflow:hidden;
    background: #fff;
}

.news-listslider-container .article .news-img-wrap  a {
    height:100% !important;
	width:100% !important;
}

.news-listslider-container .article .news-img-wrap img {
    height: 200px;
    width: 100% !important;
    object-fit: cover;
    object-position: middle center;
}

#inhaltsbereich .news .more{
    position: absolute;
    bottom: 0;
    left: 0;
    background: 
        url(/fileadmin/cn_website/images/weiter.png) 15px center/11px no-repeat,
        linear-gradient(0deg, rgba(192, 23, 23, 1) 0%, rgba(192, 23, 23, 1) 100%);
    color: #fff;
    padding: 10px 20px 10px 40px;
    border-radius: 5px;
    border: 1px solid #c01717;
    font-size: 14px;
    font-weight: 600;
}

#inhaltsbereich .news .more:hover{
    background: 
        url(/fileadmin/cn_website/images/weiter_rot.png) 15px center/11px no-repeat,
        linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 100%);
    color: #c01717;
}

.news-single .news-backlink-wrap{
    margin-top: 100px;
}

#inhaltsbereich .news-related-wrap ul li::before{
    top: 0;
}

.news-single .article .news-img-wrap.vorschaubild{
    width: 450px;
    max-width: 40%;
}

.news-single .article .news-img-wrap.vorschaubild .outer{
    float: left;
    clear: both;
    width: 100%;
}

.news-single .article .news-img-wrap.weitere{
    float: left;
    clear: both;
    width: 100%;
    margin: 40px 0 0;
    display: flex;
    flex-wrap: wrap;
}
.news-single .article .news-img-wrap.weitere .outer img{
    max-height: 235px;
    margin: 0 5px 5px 0;
}

/* .news-single .zusatzcontent .ce-gallery.videocontainer{
    max-width: 500px !important;
} */

.news-single .zusatzcontent .ce-gallery.videocontainer .videobox{
    max-width: 0;
}

.news-list-container .article{
    position: relative;
	border-bottom:1px dotted grey;
	padding: 0 0 30px 0;
}

 #inhaltsbereich .news .news-list-container .more{
	float: right;
	position: relative;
    /*position: absolute;
    right: 0;
    bottom: 30px; */
}

#inhaltsbereich ul.f3-widget-paginator{
    display: flex;
    flex-wrap: wrap;
}

#inhaltsbereich ul.f3-widget-paginator li{
    margin: 0;
    padding: 0;
}

#inhaltsbereich ul.f3-widget-paginator li + li{
    margin-left: 15px;
}

#inhaltsbereich ul.f3-widget-paginator li.current{
    font-weight: 500;
}

#inhaltsbereich ul.f3-widget-paginator li::before{
    display: none;
}

#inhaltsbereich ul li.next a,
#inhaltsbereich ul li.previous a{
    color: transparent;
    text-indent: -9999px;
    width: 16px;
    display: block;
}

#inhaltsbereich ul li.next a::before,
#inhaltsbereich ul li.previous a::before {
    content: '';
    position: absolute;
    left: 0;
    top: 1px;
    width: 16px;
    height: 16px;
    background: url(/fileadmin/cn_website/images/rechts.svg) center center/8px no-repeat,
        linear-gradient(0deg, rgba(192, 23, 23, 1) 0%, rgba(192, 23, 23, 1) 100%);
    border-radius: 50%;
}

#inhaltsbereich ul li.previous a::before{
    transform: rotate(180deg);
}
/* -- News -- */

.frame-grau,
.frame-stellen {
    background: #413f3f;
    padding: 35px 0; 
    position: relative;
    color: #fff;
    float: left;
    clear: both;
    width: 100%;
    margin-top: 40px;
}
#inhaltsbereich > .frame-hellgrau + .frame-grau,
#inhaltsbereich > .frame-hellgrau + .frame-stellen,
#inhaltsbereich > .frame-layout-4 + .frame-grau,
#inhaltsbereich > .frame-layout-4 + .frame-stellen  {
    margin-top: 0;
}
/* #inhaltsbereich > .frame-hellgrau > .rahmen header,
#inhaltsbereich > .frame-hellgrau > .rahmen .ce-bodytext {
    max-width: 700px;
} */
.frame-type-shortcut .frame-grau,
.frame-type-shortcut .frame-stellen {
    margin-top: 0;
}

#inhaltsbereich > .frame-grau > .rahmen,
#inhaltsbereich > .frame-stellen > .rahmen {
    position: relative;
    z-index: 2;
}

.frame-grau::before,
.frame-stellen::before {
    content: '';
    height: 375px;
    width: 375px;
    position: absolute;
    bottom: -60px;
    left: -110px;
    background-color: #fff;
    opacity: 10%;
    transform: rotate(45deg);
    z-index: 1;
}

.frame-grau h2.folgt,
.frame-grau h3,
.frame-stellen h2.folgt,
.frame-stellen h3{
    color: #fff;
}

.frame-grau header, 
.frame-stellen header {
    margin-bottom: 30px;
}
#inhaltsbereich .frame-stellen ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: stretch;
    gap: 10px 40px;
}
#inhaltsbereich .frame-stellen ul li {
    text-align: center;
    margin: 15px 0;
    padding: 0;
    /* width: 460px; */
    width: calc(50% - 80px);
}
#inhaltsbereich .frame-stellen ul li::before {
    display: none;
}
#inhaltsbereich .frame-stellen li a {
    font-size: 26px;
    line-height: 1.2em;
    font-weight: 700;
    color: #fff;
    padding: 30px;
    border: 1px solid #fff;
    display: block;    
    height: calc(100% - 62px);
    transition: all 0.4s ease-in-out;
}

#inhaltsbereich .frame-stellen li a:hover {
    border: 1px solid #c01717;
    background: rgba(192, 23, 23, 0.30);
} 
#inhaltsbereich .frame-stellen li strong a  {
    position: relative;
}
#inhaltsbereich .frame-stellen li strong a::before {
    content: 'Ausbildung';
    position: absolute;
    left: 0;
    top: -6px;
    width: 110px;
    height: 30px;
    background: #c01717;
    /* box-shadow: 0px -5px 0px 0px #c01717; */
    font-size: 18px;
    line-height: 1.6em;
}
#inhaltsbereich .frame-stellen li strong a::after {
    content: '';
    position: absolute;
    top: -6px;
    left: 110px;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 5px 0 0 5px;
    border-color: transparent transparent transparent #961212;
    transform: rotate(0deg);
}
#inhaltsbereich .frame-benefits .ce-textpic {
    overflow: visible;
}
#inhaltsbereich .frame-benefits .ce-gallery {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    gap: 30px;
    overflow: visible;
} 
#inhaltsbereich .frame-benefits .ce-row {
    width: 160px;
    background: #fff;
    padding: 30px;
    margin: 0;
    box-shadow: 0px 3px 6px rgb(0 0 0 / 16%);
    border-left: 4px solid #413F3F;
    overflow: visible;
}

.leistungen .frame-layout-3 .col-20  {
    width: 18%;
    background: #fff;
    padding: 30px 0;
    margin: 10px 1% 0 0;
    box-shadow: 0px 3px 6px rgb(0 0 0 / 16%);
    border-left: 4px solid #413F3F;
    overflow: visible;
}

.leistungen .frame-layout-3 .col-20 h3 {
    font-size:22px;
    text-align:center;
}


#inhaltsbereich .frame-benefits .ce-column,
#inhaltsbereich .frame-benefits .image {
    width: 100%;
}
#inhaltsbereich .frame-benefits img {
    margin: 0 auto;
    max-width: 90px;
}
#inhaltsbereich .frame-benefits .ce-gallery figcaption {
    font-size: 18px;
    line-height: 1.2em;
    font-weight: 700;
    padding-top: 20px;
    text-align: center;
    display: inline-block;
}
/* Rahmen Benefits im Slider */
#inhaltsbereich .frame-benefits .owl-carousel .owl-stage-outer {
    padding: 10px 0;
}
#inhaltsbereich .frame-benefits .owl-carousel.ce-gallery {
    gap: 0;
    margin: 0 30px;
    width: calc(100% - 60px);
}
#inhaltsbereich .frame-benefits .owl-carousel .ce-row {
    margin: 0 auto;
}
#inhaltsbereich .frame-benefits .owl-carousel .owl-nav button.owl-next {
    right: -40px;
}
#inhaltsbereich .frame-benefits .owl-carousel .owl-nav button.owl-prev {
    left: -40px;
}

/* Rahmen Hochzähl-Effekt */
.frame-countereffekt .tx_cn-columns .row .col- {
    width: 29%;
    margin: 0 2%;
    float: left;
    clear: none;
    text-align: center;
    font-family: 'Tinos', arial, sans-serif;
}
.frame-countereffekt .tx_cn-columns .row .col- > .frame {
    width: 100%;
}
.frame-countereffekt p {
    font-size: 30px;
    line-height: 1.2em;
    margin: 0 0 10px 0;
}
.frame-countereffekt strong {
    font-size: 60px;
    line-height: 1.2em;
    color: #c01717;
}
.frame-countereffekt .tx_cn-columns > .row > div > div .ce-bodytext u{
    color: transparent;
}

.frame-countereffekt .tx_cn-columns > .row > div > div .ce-bodytext u.zaehlerstart,
.frame-countereffekt .tx_cn-columns > .row > div > div .ce-bodytext u::after {
    color: #c01717;
}

.frame-countereffekt img {
    width: 80px;
}

/* Rahmen Bommel im Header */
.frame-bommel {
    position: relative;
    margin: 0 !important;
}
.frame-bommel .ce-gallery {
    position: absolute;
    top: -140px;
    left: 15%;
    width: auto;
    height: auto;
    margin: 0;
    z-index: 1;
}
.frame-bommel img {
    transform: rotate(-15deg);
}

.frame-hellgrau,
.frame-layout-4 {
    background: #F0F0F0;
    padding: 35px 0;
}

.kennstdueinenbox{
    margin: 50px 0;
}

#inhaltsbereich > .frame-schmal > .rahmen{
    max-width: 700px;
}

.geldanlage .frame-schmal .ce-bodytext{
    max-width: 750px;
}
.ap{
    position: absolute;
    bottom: 0;
    right: calc(50% - 600px);
    width: 300px;
    color: #fff;
    padding-bottom: 15px;
}

.ap h3 {
	font-size:25px; 
	font-weight:700;
	color:#c01717;
}
.ap .frame-default {
	background:#f8f8f8;
}

.frame-layout-1 {
	margin-top:0px !important;

}

.ap .ce-textpic{
    background: #c01717;
}

.ap .ce-bodytext{
    width: 90%;
    padding: 5px 5% 0;
    float: left;
}
#inhaltsbereich .ap .ce-textpic a.link-mail {
    color: #fff;
}
.ap .ce-bodytext strong{
    font-size: 18px;
}


#inhaltsbereich.sub{
    position: relative;
}

#inhaltsbereich .ap a[href^=tel],
#inhaltsbereich .ap a[href='#']{
    font-size: 14px;
    background: 
        url(/fileadmin/cn_website/images/phone.svg) 5px center/25px no-repeat,
        linear-gradient(0deg, rgba(192, 23, 23, 1) 0%, rgba(192, 23, 23, 1) 100%);
    color: #fff;
    text-decoration: none;
    float: left;
    padding: 10px 10px 10px 45px;
	border-radius:4px;
}

#inhaltsbereich .ap a[href='#']{
    background: 
        url(/fileadmin/cn_website/images/mail.svg) left center/30px no-repeat,
        linear-gradient(0deg, rgba(192, 23, 23, 1) 0%, rgba(192, 23, 23, 1) 100%);
}

#inhaltsbereich > .ap > .rahmen{
    width: 100% !important;
    margin: 0 !important;
}

#inhaltsbereich .ap + .ap{
    margin-top:0px !important;
}


/*
#inhaltsbereich .ap + .frame > .rahmen{
    width: 90%;
    margin: 0;
    float: right;
} */

/* -- Formular -- */
.powermail_fieldset{
    margin: 0;
    padding: 0;
    border: none;
}

.powermail_field{
    float: left;
    clear: both;
    width: 100%;
    margin-bottom: 10px;
}

.powermail_input, .powermail_textarea {
    float: left;
    clear: both;
    width: calc(100% - 32px);
    padding: 15px;
    resize: none;
    font-family: 'Urwdin', arial;
    font-size: 14px;
    border: none;
    background: #eee;
    border: 1px solid #fff;
    -webkit-appearance: none;
}

.powermail_submit{
    background: #c01717;
    padding: 10px 15px;
    border-radius: 5px;
    color: #fff;
    border: 1px solid #c01717;
    font-size: 16px;
    width: 100%;
    margin-top: 10px;
    cursor: pointer;
    -webkit-appearance: none;
	max-width:300px;
}

.powermail_submit:hover{
    background: #fff;
    color: #c01717;
}

.powermail-errors-list{
    color: #c01717;
}



.powermail-errors-list {
	float:left;
	clear:left;
}


#inhaltsbereich .powermail-errors-list li{
    padding-left: 20px;
}



.powermail_fieldwrap.layout1 {
float:left;
width:45%; 
margin: 0 5% 0 0;
}




.powermail_fieldwrap.layout2 {
float:left;
width:20%; 
margin: 0 2% 0 0;
}


.btn-group .btn-default 
{
margin: 0 5px 20px 0;	
} 


.btn-group .btn-primary 
{
background: #c01717;
border: 1px solid #c01717;
}

.powermail_tab_navigation {
	clear:left;
	float:right;
	margin: 0 5% 0 0;
}

.powermail_tab_navigation .pull-right::before {
	content: "weiter";
	padding-right:5px;
}


.powermail_tab_navigation .btn-warning {
	float:left;
	margin-right:20px;
}

.powermail_tab_navigation .btn-warning::after {
	content: "zur\00fc ck";
	padding-left:5px;
}



.powermail_select {
	height: 40px;
	font-size:16px;
	padding: 5px 0;
	margin: 0 0 30px 0;
}


.powermail_fieldwrap_type_radio {
	margin-top:20px !important;
	clear:left;
}



.powermail_fieldwrap_type_radio.powermail_fieldwrap.layout1 {
	max-width:200px !important;
}


.powermail_fieldwrap_type_captcha .powermail_captcha {
	float:left;
	/* margin-top:10px;	 */
    padding: 15px;
    resize: none;
    font-family: 'Urwdin',arial;
    font-size: 14px;
    border: none;
    background: #eee;
    border: 1px solid #fff;
    -webkit-appearance: none;
}	
.powermail_fieldwrap_type_captcha img {
	float:left;
	clear:left;
	margin-top:10px;
}
/* Anpassungen Powermail BS */
.powermail_form.layout1 .powermail_fieldset {
    width: 48%;
    float: left;
    margin: 0 2% 0 0;
}
.powermail_form.layout1 .powermail_fieldset:nth-child(2n) {
    margin: 0 0 0 2%;
}
.powermail_form.layout1 h3 {
    margin-bottom: 30px;
}
.powermail_fieldwrap label {
    margin-bottom: 10px;
    float: left;
    clear: both;
}
.powermail_fieldwrap .powermail_file {
    width: calc(100% - 32px);
    padding: 15px;
    background: #eee;
    border: 1px solid #fff;
}
/* Anpassungen Powermail BS */
/* -- Formular -- */

/*Link more */
#inhaltsbereich .more {
    background: url(/fileadmin/cn_website/images/rechts.svg) 15px center/11px no-repeat, linear-gradient(0deg, rgba(192, 23, 23, 1) 0%, rgba(192, 23, 23, 1) 100%);
    color: #fff;
    padding: 10px 20px 10px 40px;
    border-radius: 5px;
    border: 1px solid #c01717;
    font-size: 14px;
    font-weight: 600;
	transition: all 0.3s ease;
	display:inline-block;
    margin: 5px;
}



#inhaltsbereich .more:hover {
    background: url(/fileadmin/cn_website/images/rechts.svg) 25px center/11px no-repeat, linear-gradient(0deg, rgba(192, 23, 23, 1) 0%, rgba(192, 23, 23, 1) 100%);
	transition: all 0.3s ease;
}



/*Link more grau */
#inhaltsbereich .more[title*="btn-grau"] {
    background: #413f3f;
    color: #fff;
    padding: 10px 20px;
    width: auto;
    text-align: center;
    border-radius: 5px;
    border: 1px solid #413f3f;
    font-size: 16px;
    font-weight: 600;
    transition: all 0.3s ease;
    display: inline-block;
	margin: 0 10px;
	font-family:'Roboto',arial,sans-serif;
	font-style:normal;
}



#inhaltsbereich .more[title*="btn-grau"]:hover {
    background: #fff;
    border: 1px solid #413f3f;
	color:#413f3f;
}


#inhaltsbereich .ce-gallery figcaption a,
#inhaltsbereich .ce-gallery figcaption {
    width:100%; 
/* 	display:block;
	color:#fff; */
	padding: 10px 0 0 0;
	font-size:14px;
	font-style:italic;
text-align: right;
display: block;
color:#272727;
}

#inhaltsbereich .leistungen .ce-gallery figcaption a,
#inhaltsbereich .leistungen .ce-gallery figcaption {
    width:100%; 
/* 	display:block;
	color:#fff; */
	padding: 10px 0 0 0;
	font-size:14px;
	font-style:italic;
text-align: right;
display: block;
color:#fff;
}



#inhaltsbereich .ce-border .ce-column {
	background:#ccc;
	padding:10px;
	margin: 10px;
}

/** Produktlogos ***/

.frame-produktlogos .ce-gallery {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.frame-produktlogos .ce-row {
    background: #f6f6f6;
    width: 16%;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
}


.frame-produktlogos .ce-row img{
    max-width:90%;
	margin: 0 auto;
}


/* Finanzen dreispaltig */

#inhaltsbereich .frame-layout-1 {
	padding: 5%; 
	width:90% !important;
}


.frame-layout-1 .col-33 {
	padding: 0 5% 0 0;
	width: 28% !important;
}

.frame-layout-1 h3 {
	color:#c01717;
}

/* Accordion*/

.ui-accordion-header {
    padding: 15px 0 5px 0;
    border-top: 1px solid #413f3f;
    margin: 0px 0 0px 0;
    position: relative;
}

.ui-accordion-header:first-child{
    border: none;
}

#inhaltsbereich h3.ui-accordion-header a{
    font-family: 'Roboto', arial, sans-serif;
    color: #272727;
    font-size: 16px;
    font-weight: 300;
    font-style: normal;
    padding-left: 30px;
    float: left;
}

#inhaltsbereich .frame-grau h3.ui-accordion-header a{
    color: #fff;
}

#inhaltsbereich .frame-grau .ui-accordion-header {
    border-color: #fff;
}

.ui-accordion-header::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0.45em;
    width: 21px;
    height: 21px;
    background:
        url(/fileadmin/cn_website/images/rechts.svg) center center/8px no-repeat,
        linear-gradient(0deg, rgba(192, 23, 23, 1) 0%, rgba(192, 23, 23, 1) 100%);
    border-radius: 50%;
}

.ui-state-active::after{
	transform: rotate(90deg);
}

.frame-ankerlinks {
	width:100%;
	margin-bottom:50px;
	float:left;	
}

.frame-ankerlinks .ce-bodytext{
	margin: -10px 0 0 0;
}

.frame-ankerlinks ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    overflow: hidden !important;
}

#inhaltsbereich .frame-ankerlinks ul li{
    padding: 0;
    width: calc(50% - 10px);
    margin: 0 0 10px 0;
}

#inhaltsbereich a.ankerlink{
    background: #c01717;
    color: #fff;
    padding: 10px 0;
    width: 100%;
    text-align: center;
    border-radius: 5px;
    border: 1px solid #c01717;
    font-size: 16px;
    font-weight: 400;
	transition: all 0.3s ease;
	display:inline-block;
}

#inhaltsbereich a.ankerlink:hover{
    background: #fff;
    color: #c01717;
}

#inhaltsbereich .frame-ankerlinks li::before{
    display: none;
}

.page16 #header {
    position: relative;
    overflow: inherit;
}
#c833 {
    position: absolute;
    right: 28%;
    bottom: -60px;
    z-index: 2;
}
 
.frame-immo {
    float: right;
    margin-right: 15vw;
    margin-top: -180px;
}

 #inhaltsbereich > .frame-immo + .frame{
    margin-top: 0;
}

#inhaltsbereich > .frame-immo > .rahmen{
    width: 100%;
    max-width: 100%;
    margin: 0;
    float: left;
}

/*/Ueber uns - GFs Mehr Abstand zwischen Bildern */
.frame-kontakt.frame-style-3column .col-25 {
    margin-right: 10px;
}

/* -- Inhaltsbereich -- */
/* -- Footer -- */
#footer{
    background: #413f3f;
    color: #fff;
    float: left;
    clear: both;
    width: 100%;
    margin-top: 100px;
}

#footer > .frame{
    float: left;
    clear: both;
    width: 100%;
}

#footer a{
    color: #fff;
    text-decoration: none;
}

#footer > .tx_cn-multicontent.frame-layout-0{
    background: #c01717;
    padding: 15px 0;  
    font-style: italic;
}

#footer > .tx_cn-multicontent.frame-layout-0 a[href='#'] {
	background:none;
}


#footer > .tx_cn-multicontent.frame-layout-0 header,
#footer > .tx_cn-multicontent.frame-layout-0 h2{
    margin: 0 !important;
}



#footer .tx_cn-multicontent h2,
#footer .tx_cn-multicontent h3 a{
    color: #fff;
    font-size: 30px;
    margin: 0;
    font-weight: 700;
    text-decoration: none;
}

#footer .tx_cn-multicontent h3 a{
    margin-left: 20px;
}

#footer .tx_cn-multicontent .col-50:last-child .ce-textpic{
    margin: 20px 0 0 15%;
    display: flex;
    align-items: center;
}

#footer > .tx_cn-multicontent.frame-layout-1{
    padding: 50px 0;
    background: #413f3f;
}

#footer > .tx_cn-multicontent.frame-layout-1 .ce-bodytext{
    margin: 0 !important;
}

#footer > .tx_cn-multicontent.frame-layout-1 .ce-bodytext ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: space-between;
}

#footer > .tx_cn-multicontent.frame-layout-1 .ce-bodytext ul li:first-child{
    margin-left: 70px;
}

#footer > .tx_cn-multicontent.frame-layout-1 .ce-bodytext ul strong{
    font-size: 20px;
    margin-bottom: 30px;
    float: left;
}

#footer .frame-type-menu_subpages:first-child > .rahmen{
    margin-left: 30%;
}

#footer .frame-type-menu_subpages h2{
    font-family: 'Roboto';
    font-size: 20px;
    font-style: normal;
}

#footer a[href^=tel],
#footer a[href='#']{
    font-size: 14px;
    background: 
        url(/fileadmin/cn_website/images/phone.svg) 5% center/20px no-repeat,
        linear-gradient(0deg, rgba(192, 23, 23, 1) 0%, rgba(192, 23, 23, 1) 100%);
    color: #fff;
    text-decoration: none;
    padding: 10px 20px 10px 50px;
    border-radius: 5px;
    float: left;
    margin-top: 30px;
}

#footer a[href='#']{
    background: 
        url(/fileadmin/cn_website/images/mail.svg) 5% center/25px no-repeat,
        linear-gradient(0deg, rgba(192, 23, 23, 1) 0%, rgba(192, 23, 23, 1) 100%);
}

#footer .frame-type-menu_pages ul,
#footer .frame-type-menu_subpages ul{
    padding: 0;
    list-style-type: none;
}

#footer .frame-type-menu_pages ul li,
#footer .frame-type-menu_subpages ul li{
    position: relative;
    padding-left: 35px;
}

#footer .frame-type-menu_pages ul li + li,
#footer .frame-type-menu_subpages ul li + li{
    margin-top: 7px;
}

#footer .frame-type-menu_pages:first-child ul li:before,
#footer .frame-type-menu_subpages:first-child ul li::before{
    content: '';
    position: absolute;
    left: 0;
    top: 2px;
    width: 17px;
    height: 17px;
    background: 
        url(/fileadmin/cn_website/images/rechts.svg) center center/8px no-repeat,
        linear-gradient(0deg, rgba(192, 23, 23, 1) 0%, rgba(192, 23, 23, 1) 100%);
    border-radius: 50%;
}

#footer > .frame-type-menu_pages,
#footer > .frame-type-menu_subpages{
    background: #272727;
    padding: 10px 0;
}

#footer > .frame-type-menu_pages ul,
#footer > .frame-type-menu_subpages ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: center;
}

#footer > .frame-type-menu_pages ul li,
#footer > .frame-type-menu_subpages ul li{
    display: inline-block;
    margin: 0 5px;
}

#footer > .frame-type-menu_pages ul li + li,
#footer > .frame-type-menu_subpages ul li + li{
    border-left: 1px solid #eee;
    margin: 0;
    padding: 0 5px;
}

#footer > .frame-type-menu_pages ul li a,
#footer > .frame-type-menu_subpages ul li a{
    color: #eee; 
}

/* -- Footer -- */

/* -- Footer -- */

blockquote {
    font-family: 'Tinos', arial, sans-serif;
    font-style: italic !important;
    font-size: 24px;
}

/*Referenzobjekt Immobilien*/
/*Kennzeichnen als verkauft*/
.list-refobject .estate-image {
	position:relative;
}

.list-refobject .estate-image::before {
	content:"verkauft";
	padding:10px;
	font-size:12px;
	background: #c01717;
	color:#fff;
	position:absolute;
	left:0px;
	top:10px;
}

/* ETF Global */

.frame-etf-global .col-25 {
    border: 1px solid #000;
    border-radius: 10px;
    padding: 1%;
    width: 20% !important;
    margin: 0 1% 0 0;
}
.frame-etf-global .col-25:hover {
    background:#ccc;
    transition: all 0.2s ease;
}
.frame-etf-global .col-25 {
    border: 1px solid #000;
    border-radius: 10px;
}

.frame-etf-global .col-25 .ce-gallery {
    margin-right: 20px !important;
}
.frame-etf-global .col-25 img{
    width: 50px;
}

    .frame-etf-global .tx_cn-columns .col-25 > div {
        margin-left: 6% !important;
        margin-right: 0  !important;
    }

    .frame-etf-global .tx_cn-columns[data-cols="4"] .row > div > div {
        width: 94% !important;
    }



    .frame-etf-global .tx_cn-columns .row + .row {
        margin-top: 20px;
    }


.frame-etf-global .ce-gallery,
.frame-etf-global .ce-bodytext {  
    display: flex;
    align-items: center;
    /* justify-content: center; */
    height:70px;
}

.frame-etf-global h4 {  
    float:left;
    margin-right:10px;
    font-size:26px;
}

.frame-etf-global p strong{
    font-weight: 400;
}

.frame-layout-3 .col-50:first-child {
    padding: 0 10px 0 0;
    width:45% !important;
}


.frame-layout-3 .col-50:last-child {
    padding: 0 0px 0 10px;
    width:45% !important;
}


.frame-layout-3 .col-60:first-child {
    padding: 0 5% 0 0;
    width:55% !important;
}

/* Anpsrechpartner ETF */
.frame-kontakt.frame-layout-2  .ce-gallery {
    width:60%;
    margin-top:30px;
}
.frame-kontakt.frame-layout-2  .ce-gallery img{
    max-width:200px;
}
.frame-kontakt.frame-layout-2  .ce-bodytext {
    width:65%;
    float:left;
    clear:none;
    padding: 0 0 0 2%;
}
.frame-kontakt.frame-layout-2  .ce-bodytext h3{
    font-family: 'Roboto', arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    padding:0px;
    margin:0px;
    font-weight:600
}
.frame-kontakt.frame-layout-2 .frame-default{
    margin-bottom:30px;
    width:25%;
    float:left;
   }

.mapsoverlay {
    background: rgba(245,245,245,1) !important;
}

.btn.btn-default {
	margin-top:50px;
}

.btn.btn-danger {
	float:left;
	font-size:12px;
	margin-top:50px;
}

.btn.btn-primary:not(.powermail_submit) {
	float:right;
	width: 200px;
	margin-top:50px;
}
hr {
    width: 80%;
    margin: 0 auto;
    border-top: 1px solid #c01717;
}

/* Rahmen  Bild mit Abstadn nach oben*/
.frame-bild-abstand {
    background: #413f3f;
    padding: 35px 0;
    position: relative;
    color: #fff;
    float: left;
    clear: both;
    width: 100%;
    margin-top: 40px;
}

#inhaltsbereich > .frame-hellgrau + .frame-bild-abstand,
#inhaltsbereich > .frame-layout-4 + .frame-bild-abstand {
    margin-top: 0;
}

.frame-type-shortcut .frame-bild-abstand {
    margin-top: 0;
}

#inhaltsbereich > .frame-bild-abstand > .rahmen,
#inhaltsbereich > .frame-type-shortcut .frame-bild-abstand > .rahmen {
    position: relative;
    z-index: 2;
}

.frame-bild-abstand::before {
    content: '';
    height: 375px;
    width: 375px;
    position: absolute;
    bottom: -60px;
    left: -110px;
    background-color: #fff;
    opacity: 10%;
    transform: rotate(45deg);
    z-index: 1;
}

#inhaltsbereich .frame-bild-abstand .ce-textpic,
#inhaltsbereich .frame-bild-abstand .ce-row {
    overflow: visible;
}

#inhaltsbereich .frame-bild-abstand .ce-gallery {
    margin-top: -80px;
    overflow: visible;
}

#inhaltsbereich .frame-bild-abstand img {
    max-width: 420px;
    width: 100%;
    box-shadow: 2px 4px 10px hsla(0, 0%, 0%, 0.5);
}

.frame-bild-abstand h2.folgt,
.frame-bild-abstand h3 {
    color: #fff;
}

.frame-bild-abstand header {
    margin-bottom: 30px;
}



#c16 .ce-bodytext{
    position:relative;
    z-index: 2;
}

/*** mediaconsent ***/
.video[data-type="external"] .video-embed {
  /*padding-top: unset;*/
}

#c840 .tx_cn-columns .row,
#c842 .tx_cn-columns .row,
#c844 .tx_cn-columns .row,
#c848 .tx_cn-columns .row,
#c853 .tx_cn-columns .row {
    background-color: #666;
}

#c840 .tx_cn-columns .row .col-100 > div,
#c842 .tx_cn-columns .row .col-50 > div,
#c844 .tx_cn-columns .row .col-33 > div,
#c848 .tx_cn-columns .row .col-25 > div,
#c853 .tx_cn-columns .row .col-20 > div {
    background-color: #333;
}