@charset "utf-8";
/* CSS Document */

* {    box-sizing: border-box; }

/* dm-sans-regular - latin */
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/dm-sans-v6-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/dm-sans-v6-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/dm-sans-v6-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/dm-sans-v6-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/dm-sans-v6-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/dm-sans-v6-latin-regular.svg#DMSans') format('svg'); /* Legacy iOS */
}
/* dm-sans-italic - latin 
@font-face {
  font-family: 'DM Sans';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/dm-sans-v6-latin-italic.eot'); /* IE9 Compat Modes * /
  src: local(''),
       url('fonts/dm-sans-v6-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 * /
       url('fonts/dm-sans-v6-latin-italic.woff2') format('woff2'), /* Super Modern Browsers  */
       url('fonts/dm-sans-v6-latin-italic.woff') format('woff'), /* Modern Browsers * /
       url('fonts/dm-sans-v6-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS * /
       url('fonts/dm-sans-v6-latin-italic.svg#DMSans') format('svg'); /* Legacy iOS * /
}*/
/* dm-sans-500 - latin */
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/dm-sans-v6-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/dm-sans-v6-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/dm-sans-v6-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/dm-sans-v6-latin-500.woff') format('woff'), /* Modern Browsers */
       url('fonts/dm-sans-v6-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/dm-sans-v6-latin-500.svg#DMSans') format('svg'); /* Legacy iOS */
}
/* dm-sans-500italic - latin 
@font-face {
  font-family: 'DM Sans';
  font-style: italic;
  font-weight: 500;
  src: url('fonts/dm-sans-v6-latin-500italic.eot');  /* IE9 Compat Modes * /
  src: local(''),
       url('fonts/dm-sans-v6-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 * /
       url('fonts/dm-sans-v6-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers * /
       url('fonts/dm-sans-v6-latin-500italic.woff') format('woff'), /* Modern Browsers * /
       url('fonts/dm-sans-v6-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS * /
       url('fonts/dm-sans-v6-latin-500italic.svg#DMSans') format('svg'); /* Legacy iOS * /
} */
/* dm-sans-700 - latin */
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/dm-sans-v6-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/dm-sans-v6-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/dm-sans-v6-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/dm-sans-v6-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/dm-sans-v6-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/dm-sans-v6-latin-700.svg#DMSans') format('svg'); /* Legacy iOS */
}
/* dm-sans-700italic - latin 
@font-face {
  font-family: 'DM Sans';
  font-style: italic;
  font-weight: 700;
  src: url('fonts/dm-sans-v6-latin-700italic.eot'); /* IE9 Compat Modes * /
  src: local(''),
       url('fonts/dm-sans-v6-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8  * /
       url('fonts/dm-sans-v6-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers * /
       url('fonts/dm-sans-v6-latin-700italic.woff') format('woff'), /* Modern Browsers * /
       url('fonts/dm-sans-v6-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS * /
       url('fonts/dm-sans-v6-latin-700italic.svg#DMSans') format('svg'); /* Legacy iOS * /
}*/

body {
  color: #060606;
  font-family: "DM Sans", sans-serif;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 0.28px;
  line-height: 24px;
  margin: 0
}

h1, h2, h3 {
 	font-family: "DM Sans", sans-serif;
	margin: 0
}

h1 {
  font-size: 32px;
  font-weight: 500;
  line-height: 42px;
}

h2 {
  font-size: 27px;
  font-weight: 600;
  line-height: 37px;
  text-align: center;
}

h3 {
  font-size: 26px;
  font-weight: 500;
  line-height: 36px;
}

/*.page a:hover,
.page a,
a:hover,*/
a {
	color:#060606;
	/*text-decoration: none;*/
}

button {
	color: black;
}

.green {
	background-color: #C6D497
}

.grey {
	background-color: #D3DDDF
}

.light-blue {
	background-color: #B5E3FF
}

.blue {
	background-color: #99D5D3
}

.beige {
	background-color: #EBEBE5
}

.light-green {
	background-color:#E8EDD5
}

.light-grey {
	background-color: #EDF1F2
}

.col--6 {
	width: 50%
}

.container {
	max-width: 1120px;
	margin: 0 auto
}

.testimonials .container,
.text-center .container,
.icons .container, 
.list .container,
.listohne .container,
.accordion .container, 
.accordionlist .container,
.contactform .container {
	max-width: 700px;
}

.logo img {
	width: 150px
}

.navbar {
	display: flex;
    justify-content: space-between;
	padding: 20px 0;
	flex-wrap: nowrap !important;
}

.nav ul {
	display: flex;
    justify-content: flex-end
}

.nav ul li {
	list-style-type: none;
}

.nav ul li a {
	text-decoration: none;
	color: #060606;
	padding: 10px 20px;
	font-size: 15px;
    font-weight: 600;
	display:block
}

.nav ul li a.active {
	text-decoration:underline
}


.btn-default {
	cursor: pointer;
	background-color: #fff;
	
}
.button_grey {
	border-radius: 2px;
	background-color: #D3DDDF;
	margin: 0 25px;
	cursor: pointer;
}

.button_blue {
	border-radius: 2px;
    background-color: #99D5D3;
	border:none;
	cursor: pointer;
}

.header__image {
	background-image: url("assets/header.jpg");
	background-repeat: no-repeat;
	padding:188px 0 158px 50px;
	position: relative;
}



.headercontent__image {
	background-image: url("assets/finanzplanersuche-header.jpg");
	background-repeat: no-repeat;
	padding:263px 0 30px 95px
}

.finanzplanersuche_img {
	background-image: url("assets/finanzplanersuche-header.jpg")
}

.applause_img {
    background-image: url(assets/applause.jpg)
}

.buildingblocks_img {
    background-image: url(assets/buildingblocks.jpg)
}

.businessethics_img {
    background-image: url(assets/businessethics.jpg)
}

.businesspartner_img {
    background-image: url(assets/businesspartner.jpg)
}

.handshake_img {
    background-image: url(assets/handshake.jpg)
}

.meeting_img {
    background-image: url(assets/meeting.jpg)
}

.steps_img {
    background-image: url(assets/steps.jpg)
}

.wfpd_img {
    background-image: url(assets/WFPD.jpg);
	background-repeat: no-repeat;
	padding:608px 0 30px 95px
}


.gmw_img {
    background-image: url(assets/GMW.jpg);
	background-repeat: no-repeat;
	padding:608px 0 30px 95px
}

.vorstand-img .box {
	padding-bottom: 40px
}

.headercontent__image .box {
	padding-bottom:50px
}
.headerbigcontent {
	padding: 60px 0
}

.headerbigcontent .container > div {
	padding: 65px 190px;
}

.box {
	background-color: #99D5D3;
	padding:30px;
	box-sizing: content-box;
}

.header__image .box {
	padding-bottom: 0px
}

.header-image {
	width: 100%;
	display: block;
}

.box p {
	float: left
}

.afpsquares {
	background-image:url("assets/afp-squares.svg");
    position: relative;
    right: -45px;
	top:-20px;
    background-repeat: no-repeat;
    background-position: right;
    background-size: 28px 108px;
    height: 108px;
    width: 100%;
}

.header__image .box,
.headercontent__image .box,
.contact-img .box{
	width:395px;
}

.headercontent__image h1 {
	float: left
}

.headercontent__image .afpsquares {
	top:20px
}
.header__image .box p {
  font-size: 17px;
  letter-spacing: 0.29px;
  line-height: 25px;
}

.btn-default, 
button.button_blue,
button.button_grey {
	border-radius: 2px;
	padding: 15px 40px;
	border: none;
	font-weight: 600;
	font-size: 15px;
    color: inherit;
	text-decoration: none;
	white-space:nowrap;
	cursor: pointer;
    display: inline-block;
}

.btn-liste {
	/*border-radius: 2px;
	padding: 15px 40px;
	border: none;
	font-weight: 600;*/
	font-size: 15px;
    color: inherit;
	text-decoration: none;
	/* white-space:nowrap;*/
	text-align: left;
	cursor: pointer;
}

.cfp-buttons-container {
    display: flex;
    width: 95%;
    align-items: center;
    justify-content: space-between;
    padding: 50px 0;
}


.cfp-search-form .container {
	width: 900px
}

.space {
	padding:30px 0 30px 0;
}

.space65 {
	padding:65px 0 65px 0;
}

.space20 {
	padding:20px 0 20px 0;
}

.space100 {
	padding:100px 0 100px 0;
}

.text-center {
	text-align: center
}

.center {
	justify-content: center;
}

.cfp-search-form {
	margin-bottom:30px
}

.cfp-search-form form {
	display:flex;
	justify-content: space-evenly;
	gap:100px;
	margin-top: 50px
}

.cfp-search-form form > div > input[type=text] {
	width: 100%;
}

.cfp-search-form form div input {
	width: auto;
}


.cfp-search-form form > div {
	width:33%;
	text-align: left;
	position: relative;
}
.cfp-search-form form > div > button {
	font-weight: inherit;
    border: 1px solid #99D5D3;
    border-radius: 2px;
    padding: 12px;
    color: rgb(133, 133, 133);
    width:100%;
    text-align:left
}

button.multiselect.dropdown-toggle.btn.btn-default::after {
    content: "";
    background-image: url(assets/arrow-down-lightblue.svg);
    display: inline-block;
    width: 20px;
    height: 10px;
    background-repeat:no-repeat;
    position:absolute;
    right:10px;
    margin-top:3px;
}

button.multiselect.dropdown-toggle.btn.btn-default[open=true]::after {
	transform: rotate(180deg);
} 

.cfp-search-form button {
    cursor: pointer;
}

.cfp-search-form form > div > button ~ div {
	display: none;
	position: absolute;
    background: white;
    padding: 10px;
    box-shadow: 0 3px 5px rgb(0 0 0 / 13%);
    border-radius: 0px;
    top: 68px;
    width: 100%;
}
.cfp-search-form form > div > button[open] ~ div {
	display: block;
	z-index: 1;
}

.cfp-content {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 25px;
}

.cfp-col33 {
    width: 32.333%;
}

.cfp-col50 {
    width: 50%;
}

.cfp-col66-border {
    width: 64%;
    border-left: 1px solid #337250;
    padding-left: 30px;
}

.cfp-col50-border {
    width: 50%;
    border-left: 1px solid #337250;
    padding-left: 30px;
    min-height: 550px;
}

.cfp-login-formgroup {
    width: 95%;
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
}


label {
	display: block;
	font-size: 13px;
}

.checkbox label {
	display: inline;
}

.checkbox.float {
    display: flex;
    gap: 5px;
}

input:not([type=checkbox]):not([type=button]):not([type=reset]):not([type=radio]), select, textarea {
	width:100%;
	border: 1px solid #99D5D3;
  	border-radius: 2px;
	padding: 10px;
	font-size: 16px;
	font-family: "DM Sans", sans-serif;
}

.cfp-search-form .text-center {
	margin-top: 44px
}

.career .container {
	background-image: url("assets/career-bg.jpg");
	background-repeat: no-repeat;
	padding:85px 0px 84px 0;
	display: flex;
	justify-content: flex-end
}

.career .box {
	width: 426px;
	margin-right: 21px
}

.career a.btn-default {
	float: left
}

.career .afpsquares {
	top:30px
}
.tiles .row, 
.icons .row {
	display: flex;
	gap:20px;
	margin-bottom: 20px;
}

.tiles .btn-default {
	display:inline-block
}

.icons .row {
	justify-content: center;
	margin-bottom: 30px
}

.tiles .row div {
	padding: 50px;
	width:100%
}

.testimonials {
	padding-top: 80px;
	padding-bottom: 140px
}

#owl-testimonials .item {
	display: flex;
	gap: 20px
}
.testimonial-image {
	width: 33%;
	flex-shrink: 0;
}

#owl-testimonials .owl-item.active {
	color: inherit;
}

.quote {
	flex-grow: 2;
	background-image: url("assets/quote.svg");
	background-repeat: no-repeat;
	background-position:top left;
	text-align: right;
}

.name, .job {
	font-size: 14px
}

.testimonial-image img {
	border-radius: 300px;
	width: 250px
}

.icons {
	padding-top:0
}

.list {
	padding-top:47px;
	padding-bottom: 86px
}

.listohne {
	padding-top:0px;
	padding-bottom: 50px
}


.list-item-box {
	list-style-type: none;
	padding-left: 0;
}

.list-item-box li {
	margin-bottom: 15px;
	display: flex;
	align-items: center;
}

.list-item-box li::before {
  content: "";
	min-width: 19px;
	height: 19px;
	display: inline-block;
	margin-right: 20px;
    vertical-align: text-bottom;
}

.greenbox:not(li),
.list-item-box li.greenbox::before{
  background-color: #C6D497 !important;
}

.bluebox:not(li),
.list-item-box li.bluebox::before{
  background-color:#B5E3FF !important;
}

.greybox:not(li),
.list-item-box li.greybox::before{
  background-color:#D3DDDF !important;
}

.turkisbox:not(li),
.list-item-box li.turkisbox::before {
	background-color: #99D5D3 !important;
}


.list h2 {
	margin-bottom: 52px;
}

.listohne h2 {
	margin-bottom: 52px;
}

.columns .container {
	display: flex;
	gap: 50px;
	max-width:900px;
	align-items: center;
}

.columns h2 {
	text-align: left;
}

.step01, .step02, .step03 {
	width: 60px;
    /*height: 41px;*/
    border-radius: 100px;
    color: #fff;
    font-size: 34px;
    display: inline-block;
    padding-top: 19px;
	padding-bottom: 15px;
}

.step01 {
	background-color: #C6D497
}

.step02 {
	background-color: #D3DDDF
}

.step03 {
	background-color: #B5E3FF
}

.hide {
	display: none !important
}

.show:not(.bootbox) {
	display: flex !important;
	background-color: #F4F7F7;
	padding:15px 45px;
	flex-wrap: wrap;
	/*justify-content: center;*/
    column-gap: 20px;
    row-gap: 20px;
}

.accordionbutton {
	background-color: #99D5D3;
	border: none;
	width: 100%;
	padding:15px 45px;
	display: block;
	font-weight: 600;
	text-align: left;
	font-size: 16px;
	font-family: "DM Sans", sans-serif;
	box-shadow:1px 2px 4px 0px rgb(0 0 0 / 20%);
	z-index: 100;
    position: relative;
}

.accordion .member {
	width: calc(100% / 3 - 15px);
}

.accordion .member img {
	width:170px;
	height: 170px;
	border-radius:300px
}

.accordion .member .title {
	color: #868686;
	font-size: 14px
}

.accordionlist .show {
	padding:34px 24px 22px 45px
}

.accordionlist ul {
	padding:0
}

.accordionlist ul li {
	list-style: none;
	padding-bottom:20px
}


.container.buttons,
.searchresults .container,
.back .container, 
.searchdetail .container {
	width: 750px;
}

.sortbar,
.searchamount,
.treffer,
.searchresultitem,
.searchresultitem .col--4,
.searchresultitem .col--8,
.searchresultitem .col--6,
.amount {
	display: flex
}

.sortbar {
	background-color: #F4F7F7;
	padding: 10px 19px;
	font-size:14px;
	align-items: baseline
}

.sortbar div {
	border:none;
	background:transparent;
	font-weight: 600;
    text-align: right;
	width:150px;
	cursor: pointer;
	position: relative;
}

.searchamount {
	justify-content: space-between;
	margin: 20px 0
}

.amount select {
	/*width: auto;*/
	width: 65px;
    margin-left: 21px;
}

.treffer {
	font-size: 18px;
	font-weight: 600;
}

.searchamount, 
.amount {
	align-items: baseline
}

.searchresultitem {
	background-color: #F4F7F7;
	margin-bottom: 10px;
}

.searchresultitem > *:first-child {
	width: 60%;
    margin: 20px;
	border-right: 1px solid #D2D2D2;
	padding-right: 20px;
	flex-grow: 1;
}

.searchresultitem .col--4 {
	width:32%;
}

.searchresultitem .contact {
	font-size: 14px;
	margin-left: 0;
}

.searchresultitem img {
	width: 120px;
	height: 120px;
	border-radius: 200px;
	margin-right: 20px;
}

.searchresultitem .name {
	font-weight: 600;
	font-size: 14px;
}

.searchresultitem .description {
	padding: 5px 0;
}

.searchresultitem .certificates {
	padding: 20px 0;
	width: 100%;
}

.searchresultitem .certificates div {
	border-radius: 18px;
    background-color: #99D5D3;
    display: inline-block;
    padding: 2px 15px;
    margin-bottom: 10px;
    font-size: 13px;
    font-weight: 500;
    margin-right: 10px;
}

.searchresultitem .certificates .name {
    display: block;
    background: no-repeat;
	padding: 0
}

.searchresultitem .link {
	background-color: #CDE8E7;
}

.searchresultitem .link a {
	background-image: url("assets/arrow-right.svg");
	background-repeat: no-repeat;
	background-position: center;
    width: 40px;
    height: 100%;
    background-color: #CDE8E7;
    background-size: 10px;
	display: block;
	flex-shrink: 0;
	cursor: pointer;
}

/*
.pagination {
	display: flex;
    justify-content: flex-end;
	align-items: baseline
}

.pag-back, .pag-next {
	font-size:14px
}

.pag-back {
	margin-right: 17px
}

.pag-next {
	margin-left: 17px
}

.pag-number {
    margin-left: 3px;
    margin-right: 3px;
    border: 1px solid #99D5D3;
    width: 26px;
    height: 26px;
    text-align: center;
    border-radius: 3px
}

.pag-number.active {
	background-color: #99D5D3;
	color: #060606
}
*/
.back {
	margin-top: 100px;
	margin-bottom: 33px
}

.searchdetail {
	font-size: 14px
}

.searchdetail > div {
	background-color: #F4F7F7;
}

.detailscontact {
	padding: 44px 54px;
	display: flex;
    flex-wrap: wrap
}

.detailscertificates {
	display: flex;
    flex-wrap: wrap;
	margin: 0 54px 34px;
    padding-bottom: 44px;
    border-bottom: 1px solid #D2D2D2
}

.detailscontact > div, 
.detailscertificates > div {
	width: 50%;
	margin-bottom: 10px;
}

.detailscontact strong,
.detailscertificates strong {
	margin-right: 3px;
}

.detailscontact a {
	color: #060606;
	text-decoration: none
}

.detailstext {
	padding:0 54px 41px
}

.active {
	color: #24B102
}

.nocertificate {
	color: #BA0000
}

.suspended {
	color: #CE6A00
}

.contact-img .box {
	padding-bottom: 0px
}

.contact-img .afpsquares {
	top:-20px
}
.contactform {
	padding-top: 77px;
	margin: 0 33px;
}


.f-container > div,
.contactform form > div > div:not(.f-container) {
	width: 47%
}
.f-container {
	position: relative;
    border-bottom: 1px solid #f1f1f1;
    padding-top: 30px;
}
.cross {
	position: absolute;
	top:8px;
	right: 0;
	width: 20px;
	height: 20px;
	cursor: pointer;
}

.cross svg {
	width: 100%;
	height: 100%;
}

.f-container,
.contactform form > div:first-child {
	display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-between;
}

.contactform textarea {
    padding: 20px
}

.contactform form > div > div:last-child {
	flex-grow: 2	
}

.contactform button {
	margin-top: 37px
}

.registerform {
	padding-top: 50px;
	margin: 0 15px;
}

.registerform form > div {
	gap: 20px;
}

.registerform form > div > div:first-child {
	display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-between;
}

.registerform textarea {
    padding: 20px
}

.registerform form,
.registerform form > div {
	width: 100%;
}

.registerform form > div > div > div:last-child {
	flex-grow: 2	
}

.registerform button {
	margin-top: 37px
}

.register-buttons-container {
    display: flex;
    width: 95%;
    align-items: center;
    justify-content: space-between;
    padding: 20px 0;
    flex-wrap: wrap;
}

.login-error {
	color: red;
	margin-bottom: 15px;
}


.contact-img {
	background-image: url("assets/afp-kontakt.png");
}


footer {
	background-color: #2E2E2E;
	padding: 35px 0px;
	margin-top: 74px
}

footer ul {
	display: flex;
	justify-content: center;
	padding: 0
}

footer ul li {
	list-style-type: none;
	border-left: 1px solid #7B7B7B
}

footer ul li:first-child {
	border-left: none
}

footer ul li a {
	color: #fff;
	text-align: center;
	text-decoration: none;
	font-size: 15px;
	margin:0 30px
}

.newsletterbox {
	padding-top: 25px
}

.newsletterbox .box {
	text-align: center;
	padding-top: 74px;
    padding-bottom: 60px;
    font-size: 32px;
    font-weight: 100;
    line-height: 60px
}

.newsletterbox .box h1 {
	font-size: 46px
}

.newsletterintro {
	padding: 65px 0 65px 0;
	background-color: #EBEBE5;
}

.newsletterintro div.container > div:first-child,
.index {
	width: 30%
}

.newsletterintro div.container > div:first-child {
	text-align: center;
	font-weight: 100;
	font-size: 14px
}

.newsletterintro div img {
	width: 70%
}

.newsletterintro div.container > div:last-child,
.newslettercontentlist {
	width: 60%
}

.newsletter {
	padding: 65px 0 65px 0;
}

.newsletter .container {
	display: flex;
	max-width: 900px;
	gap:20px
}

.newslettercontent {
	padding-bottom: 25px
}

.headline {
	display: flex;
    justify-content: space-between;
	background-color: #EDF1F2;
	padding: 15px 35px;
	border-top:1px solid #979797;
	align-items:center
}

.newslettercontentlist > div:first-child .headline {
	border-top: none;
}

.headline h3 {
	font-size: 20px;
	line-height: 26px
}

.headline .logo {
	padding:0
}

.newslettercontent div {
	padding: 15px 35px
}

.newslettercontent button {
	background-color: #D4EDEC;
	box-shadow: none;
	font-weight: 100;
	cursor:pointer
}

.newslettercontent button::after {
    margin-top: 10px;
    transform: rotate(90deg);	
}

.newslettercontent button.open::after {
    margin-top: -5px;
    transform: rotate(-90deg);	
}

.newslettercontent button.less::after {
	margin-top:-2px;
	transform: rotate(270deg);
}

.newslettercolumn {
	display: flex;
	gap:20px
}

.newslettercontent > div > div,
.accordionlist .newslettercontent .show,
.newslettercolumn div {
	padding: 0px;
}

.accordionlist .newslettercontent .show {
	background-color: white;
}

.newslettercontent > div:not(.headline) > div {
	width: 100%;
}

.newslettercontent > div:not(.headline) > div > img {
	width: 100%;
	height: auto;
}

.newslettercontent .btn-default {
	display: inline-block;
}

.index ul {
	margin:0
}

.index ul li {
	background-color: #99D5D3;
	padding-bottom: 0
}

.index ul li a {
	color:#fff;
	display: block;
	padding:15px;
	border-bottom:1px solid #FFF;
	text-decoration: none;
	font-weight: 100
}

.index a.active {
	font-weight: bold;
	font-size: 20px
}


@media screen and (max-width: 1024px) {
	
	.headercontent__image {
    	padding: 237px 0 30px 95px;
	}

	.finanzplanersuche_img .box {
		padding-bottom: 80px
	}
}



@media (max-width: 1000px) {

	.cfp-search-form .container {
		width: 100%;
	}
	
	.cfp-search-form form {
		flex-direction: column
	}	
	
	.cfp-search-form form {
		gap:20px;
		margin: 20px 66px
	}
	
	.cfp-search-form form div {
		width:100%
	}
	
}


@media (max-width: 768px) {
	.container,
	.testimonials .container,
	.text-center .container,
	.icons .container, 
	.list .container,
	.accordion .container, 
	.accordionlist .container,
	.contactform .container,
	.cfp-search-form .container,
	.searchresults .container, 
	.back .container, 
	.searchdetail .container,
	.newsletter .container {
		width: 100%;
	}
	
	
	.carousel,
	.cfp-search-form form,
	.searchresultitem,
	.detailscontact,
	.searchresultitem .col--4,
	.contactform form,
	footer ul {
		flex-direction: column
	}
	
	.logo {
		margin-left: 33px
	}
	
	.logo img {
    	width: 120px;
	}
	
	h2 {
		font-size:23px
	}
	
	.header__image, 
	.headercontent__image,
	.contact-img {
		background-repeat: no-repeat;
		padding: 70% 0 30% 0;
		background-position: top center;
		background-size: contain;
		margin:0 33px
	}
	
	.header__image {
		background-image: url(assets/header-mobile.jpg);		
	}
	
	.headercontent__image {
		padding-bottom: 0;
		background-image: url(assets/header-mobile.jpg);	
		background-size:cover
	}
	
	.finanzplanersuche_img {
    	background-image: url(assets/finanzplanersuche-header-mobile.jpg);
    	background-size:contain
	}	
	
	.applause_img {
    background-image: url(assets/applause-small.jpg)
	}

	.buildingblocks_img {
	    background-image: url(assets/building-blocks-small.jpg)
	}
	
	.businessethics_img {
	    background-image: url(assets/busienssethics-small.jpg)
	}

	.businesspartner_img {
	    background-image: url(assets/businesspartner-small.jpg)
	}
	
	.handshake_img {
	    background-image: url(assets/handshake-small.jpg)
	}
	
	.meeting_img {
	    background-image: url(assets/meeting-small.jpg)
	}

	.steps_img {
	    background-image: url(assets/steps-small.jpg)
	}
		
	
	.header__image .box, 
	.headercontent__image .box, 
	.contact-img .box {
    	width: auto;
	}
	
	
	.cfp-search-form form {
		gap:20px;
		margin: 20px 66px
	}
	
	.cfp-search-form form div {
		width:100%
	}

	
	.text-center {
		margin: 0 33px;
		padding-bottom: 0px
	}
		
	.career .box {
		background-image: none;
		margin-right: 0
	}
	
	.career .container {
    	background-image: url(assets/career-bg-mobile.jpg);
    	padding: 375px 0 0 0;
		background-size: 100%
	}
	
	.career .afpsquares {
		display: none
	}
		
	.quote {
		flex-grow: 1;
		background-position: top center;
		text-align: center;
		margin: 0 33px
	}
	
	.testimonial-image {
		text-align: center
	}
	
	.testimonials {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	
	.headerbigcontent .container > div {
		padding: 34px 17px;
		text-align: left
	}
	
	.list, .listohne {
		padding-left: 33px;
		padding-right: 33px;
	}
	
	.columns .container {
		width: auto;
		flex-direction: column
	}
	
	.columns .container h2,
	.columns .container p {
		padding:0 33px
	}
	
	.columns.grey .container div:first-child {
		order:2
	}
	
	.columns.grey .container div:last-child {
		order:1
	}
	
	.columns.space65 {
		 padding: 0px 0 44px 0;
	}
	
	.text-center.beige,
	.text-center.light-grey,
	.text-center, .light-green {
		margin: 0;
		padding: 33px
	}
	
	.text-center.light-grey {
		text-align: left
	}
	
	.accordion {
		padding: 33px 33px
	}
	
	.accordionlist {
		padding: 33px 33px 65px 33px
	}
	
	.show {
		flex-direction: column;
		margin:0;
		padding: 33px 15px 25px 15px;
		row-gap:0px
	}
	
	.accordion .member {
		width: auto;
		text-align: left
	}
	
	.accordion .member img {
		width: 100px;
		height: 100px;
		float: left;
    	margin-right: 20px;
	}
	
	.accordion .member .name {
		margin-top: 20px
	}
	
	.columns.beige .container div:first-child {
		order: 2
	}
	
	.columns.beige .container div:first-child div {
		padding-left: 33px
	}
	
	.columns.beige .container div:last-child {
		order: 1
	}
	
	.icons .row {
		margin-bottom: 0;
		gap:50px
	}
	
	.icons div.text-center {
		margin: 0 auto
	}
	
	.cfp-search-form {
		margin-bottom: 30px;
		margin-left: 33px;
		margin-right: 33px;
		padding-top: 65px;
		padding-bottom: 0px;
	}
	
	.cfp-search-form .text-center {
		margin-top:0px
	}
	
	.back {
		margin:33px
	}
	
	.searchresultitem .col--4,
	.searchresultitem .col--8 {
		width:auto;
		margin:20px 33px 20px 33px
	}
	
	.searchresultitem img {
		width: 100px;
		height: 100px
	}
	
	.searchresultitem .col--8 {
		border-bottom: 1px solid #D2D2D2;
		padding-bottom: 20px;
		border-right: none
	}
	
	.searchresultitem .certificates {
		padding-top:0px
	}
	
	.searchresultitem .certificates .name {
		text-align: center
	}
	
	.detailscontact {
		padding-left: 33px;
		padding-right: 33px;
		padding-bottom:15px
	}
	
	.detailscontact div/*, .detailscertificates div*/ {
		width:auto;
	}
	
	.detailscertificates {
		margin: 0 33px 33px;
	}
	
	.detailstext {
		padding: 0 33px 41px;
	}
	
	.sortbar {
		flex-wrap: wrap;
		margin-left: 33px;
		margin-right: 33px;
		padding: 10px 0px
	}
	
	.sortbar label {
		width: 100%
	}
	
	.sortbar select {
		width: 30%;
		font-size: 13px
	}
	
	.sortbar select:last-child {
		width:38%
	}
	
	.searchamount {
		margin-right: 33px;
		margin-left: 33px
	}
	
	.amount {
		display: none
	}
	
	.searchresultitem:not(.pbv) .link {
		background-color: transparent
	}

	.searchresultitem:not(.pbv) .link a {
		background-image:none;
		width: 118px;
		text-align: center;
		padding: 10px 20px;
		color: #060606;
		text-decoration: none;
		margin: 0 auto
	}
	
	.searchresultitem:not(.pbv) .link a::after {
		content: "Mehr Info"
	}
	
	.pagination {
		justify-content: center;
		margin-top: 32px
	}
	
	.contact-img {
		background-image: url("assets/afp-kontakt-mobile.png");
		width: auto;
	}
	
	
	#owl-testimonials .item {
		flex-direction:column;
		align-items:center
	}
	
	.testimonial-image {
		width:50%
	}

	.col--6,
	.contactform form > div {
		width:100%
	}
	
	.contactform {
		padding-top:25px
	}
	
	.contactform form select {
    	width: 90%;
	}
	
	.contactform form input {
		width: 90%
	}
	
	.contactform textarea {
		width:95%
	}
	
	footer ul li {
	    text-align: center;
    	line-height: 60px;
		border:none;
	}
	
		.newsletter {
		padding:0px
	}
	
	.newsletter .container {
		flex-direction: column
	}
	
	.newsletterintro div.container > div:first-child {
		order:2
	}
	
	.newsletterintro div.container > div:last-child, .newslettercontentlist {
    	width: 80%;
	}
	
	.index,
	.newslettercontentlist {
		width: 100%;
	}
	
	.cfp-col50-border,
	.cfp-col50 {
		width: 100%;
		/*margin: 0px 10px;*/
	}
	
	.cfp-col50-border {
		border-left: none;
		padding-left: 0px;
	}
	
}


.pagenums {
    display: flex;
    justify-content: end;
}

.pagenums > div {
	display: flex;
    gap: 5px;
    align-items: end;
}

.pagenums span[next],
.pagenums span[back] {
    cursor: pointer;
}
.page-num-btn {
    cursor: pointer;
    border: 1px solid #99D5D3;
    min-width: 20px;
    text-align: center;
    padding: 0 4px;
}
.page-num-btn.selected {
	background-color: #CDE8E7
}
.pagenums [pagecontainer] {
	display: flex;
	gap: 5px;
}


/* Lade Kringel */

.loadingspinner {
	display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.lds-default {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-default div {
  position: absolute;
  width: 6px;
  height: 6px;
  background: #525F5F;
  border-radius: 50%;
  animation: lds-default 1.2s linear infinite;
}
.lds-default div:nth-child(1) {
  animation-delay: 0s;
  top: 37px;
  left: 66px;
}
.lds-default div:nth-child(2) {
  animation-delay: -0.1s;
  top: 22px;
  left: 62px;
}
.lds-default div:nth-child(3) {
  animation-delay: -0.2s;
  top: 11px;
  left: 52px;
}
.lds-default div:nth-child(4) {
  animation-delay: -0.3s;
  top: 7px;
  left: 37px;
}
.lds-default div:nth-child(5) {
  animation-delay: -0.4s;
  top: 11px;
  left: 22px;
}
.lds-default div:nth-child(6) {
  animation-delay: -0.5s;
  top: 22px;
  left: 11px;
}
.lds-default div:nth-child(7) {
  animation-delay: -0.6s;
  top: 37px;
  left: 7px;
}
.lds-default div:nth-child(8) {
  animation-delay: -0.7s;
  top: 52px;
  left: 11px;
}
.lds-default div:nth-child(9) {
  animation-delay: -0.8s;
  top: 62px;
  left: 22px;
}
.lds-default div:nth-child(10) {
  animation-delay: -0.9s;
  top: 66px;
  left: 37px;
}
.lds-default div:nth-child(11) {
  animation-delay: -1s;
  top: 62px;
  left: 52px;
}
.lds-default div:nth-child(12) {
  animation-delay: -1.1s;
  top: 52px;
  left: 62px;
}
@keyframes lds-default {
  0%, 20%, 80%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.5);
  }
}


.tiles > .container {
    flex-wrap: wrap;
}

.tiles > .row > div {
    width: 25%;
    flex-shrink: 1;
    flex-grow: 1;
}

.icons > .container {
    flex-wrap: wrap;
}

.icons > .row > div {
    width: 30%;
}

.sortbar .filter[data-sort]::after {
    content: "";
    background-image: url(assets/arrow-down-lightblue.svg);
    display: inline-block;
    width: 20px;
    height: 10px;
    background-repeat:no-repeat;
    position:absolute;
    margin-left:3px;
    margin-top:7px;
}

.sortbar .filter[data-sort=asc]::after {
	transform: rotate(180deg)
}

.accordionbutton::after {
    content: "";
    background-image: url(assets/arrow-right.svg);
    display: inline-block;
    width: 20px;
    height: 14px;
    background-repeat:no-repeat;
    position:absolute;
    right:15px;
    margin-top:4px;
}



@media only screen and (max-width: 800px) {

.icons > .row > div,
	.tiles > .row > div {
		width: 40%;
	}
	
}

@media only screen and (max-width: 768px) {
	
.tiles > .container {
		width: auto;
	}
	
}

@media only screen and (max-width: 650px) {
	
.icons > .row > div,
	.tiles > .row > div {
		width: 100%;
	}
	
.contactform form > div > div {
	width: 100%
}

.contactform textarea {
    width: 90%;
}

	.detailscertificates div {
		width:100%;
	}
	
	.testimonial-image {
		width:80%
	}

}




.eupopup-color-default .eupopup-buttons a:first-child {
	background-color: #88BDBB; 
    border: 2px solid #88BDBB;
}

.eupopup-container a { 
	color: #a2a2a2
}


.wfpd {
	flex-direction: column;
	row-gap: 0px;
}

.wfpd > div {
	display: flex;
	border-bottom: 1px solid #898989;
	padding: 10px 0px;
}

.wfpd > div:last-child{
	border-bottom: none;
} 

.wfpd > div > div {
	flex-grow: 1;
    width: 305px;
}

@media screen and (max-width: 735px) {

	
	.newsletterintro div.container > div:first-child {
		width: 40%
	}
	
	.headline h3 {
   		 word-break: break-word;
	}
	
	.newslettercolumn {
		flex-direction: column
	}
	
	.wfpd > div {
		flex-direction: column;
		padding: 0px;
	}
	
	.wfpd > div > div {
   		width: 100%;
   		padding: 10px 0px;
	}
}


.bootbox .bootbox-accept:hover {
	background-color: #99D5D3;
	color: white;
	border: none;
}

.bootbox .bootbox-accept {
	position: relative;
	background-color: #99D5D3;
	font-weight: 600;
    font-size: 15px;
}

.bootbox .btn:focus {
	box-shadow: none;
}

.bootbox .bootbox-accept:focus {
	background-color: #99D5D3;
	border-color: #99D5D3;
	color: white;
}

.bootbox .btn-primary {
	background-color: #99D5D3;
	color: black;
	border: none;
}

.pbv-contactform {
	margin-top: 10px;
	padding: 20px 0;
}
.pbv-contactform > div {
	display: flex;
	margin: 10px 20px;
    align-items: center;
}
.pbv-contactform > div:not(.how) > *:first-child:not([type=button]):not(button) {
	width: 120px;
}

.pbv-contactform > div > input:not([type=button]) {
	max-width: 520px;
}

.buttons:not(.container),
.container.buttons > div {
    display: flex;
    justify-content: space-around;
}
.pbv-contactform .events {
	display: block;
    margin-left: 135px;
}
.pbv-contactform > div.how > div > div,
.pbv-contactform .events > div {
	width: auto !important;
    display: flex;
    align-items: baseline;
}
.pbv-contactform > div.how > div > div,
.pbv-contactform .events label {
    font-size: 16px;
}

.pbv-contactform > div.how {
	display: block;
}

.pbv-contactform > div.how .other {
	flex-wrap: wrap;
}
.pbv-contactform > div.how .other > input[type=text] {
	width: 100%;
	max-width: 520px;
}
.pbv-contactform > div.how > div {
	margin-left: 120px;
}
.pbv.searchresultitem  > * {
	position: relative;
}

.pbv.searchresultitem  .link {
	position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    transition: width 1s;
    width: 40px;
    
    display: flex;
}

.pbv.searchresultitem  .link > div {
	width: 100%;
    display: flex;
    flex-direction: column;
    height: 100%;
 }
 
.pbv.searchresultitem  .link > div {
    flex-direction: column;
    height: 100%;
    justify-content: space-around;
    align-self: center;
 }
 
.pbv.searchresultitem  .link > div .buttons {
    flex-direction: column;
    height: 100%;
    justify-content: space-around;
    align-self: center;
 }
 
.pbv.searchresultitem  .link > div .buttons .btn-default {
    padding: 10px 40px;
}
 
.pbv.searchresultitem  .link.open {
	/*left: -20px*/
	width: calc(100% + 20px);
}

.pb-dialog {
	position: fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background-color: #80808082;
	z-index: 9999999999;
	
    display: flex;
    justify-content: center;
    align-items: center;
}
@media (max-width: 768px) {
	.pbv.searchresultitem .link.open {
		width: 100%;
    	height: 111px;
	}
	

	.searchresultitem > *:first-child {
		width: calc(100% - 40px);
		border-right: none;
	}
	.pbv-contactform .events {
		margin-left: 10px;
	}
	
	#dialog .searchdetail {
	    position: absolute;
	    top: 0;
	    bottom: 0;
	    right: 0;
	    left: 0;
	    overflow: auto;
    }
}