/*
Theme Name: twentyeight
Theme URI: 28partners
Template: underscores-me
Author: Patrick Juchem
Author URI: www.der-juchem.de
Description: Description
Version: 1.0.0.1713204885
Updated: 2024-04-15 20:14:45

*/
/* ++++++++++++++++ */
/* Globale Settings */
/* ++++++++++++++++ */


@import url('https://28partners.der-juchem.de/wp-content/themes/twentyeight/header.css');


@font-face {
    font-family: 'BemboMTProRegular';
    src: url('fonts/BemboMTProRegular.eot');
    src: url('fonts/BemboMTProRegular.eot') format('embedded-opentype'),
         url('fonts/BemboMTProRegular.woff2') format('woff2'),
         url('fonts/BemboMTProRegular.woff') format('woff'),
         url('fonts/BemboMTProRegular.ttf') format('truetype'),
         url('fonts/BemboMTProRegular.svg#BemboMTProRegular') format('svg');

}

@font-face {
    font-family: 'ModernSansRegular';
    src: url('fonts/ModernSansRegular.eot');
    src: url('fonts/ModernSansRegular.eot') format('embedded-opentype'),
         url('fonts/ModernSansRegular.woff2') format('woff2'),
         url('fonts/ModernSansRegular.woff') format('woff'),
         url('fonts/ModernSansRegular.ttf') format('truetype'),
         url('fonts/ModernSansRegular.svg#ModernSansRegular') format('svg');

}

@font-face {
    font-family: 'ModernSansSemiBold';
    src: url('fonts/ModernSansSemiBold.eot');
    src: url('fonts/ModernSansSemiBold.eot') format('embedded-opentype'),
         url('fonts/ModernSansSemiBold.woff2') format('woff2'),
         url('fonts/ModernSansSemiBold.woff') format('woff'),
         url('fonts/ModernSansSemiBold.ttf') format('truetype'),
         url('fonts/ModernSansSemiBold.svg#ModernSansSemiBold') format('svg');

}

span.edit-link {
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 999;
    background: #000;
    padding: 30px;

}

span.edit-link  a{
 
    color: #fff;
}



* {
	scroll-behavior: smooth;
	outline:none!important;
}

body {
	font-size: clamp(14px, 18px, 1.5vw);
	overflow-x: hidden;
	font-family: 'ModernSansRegular';
	line-height:1.5;
	background-color:#F7F7F7;
	color:#000000;
}

.page,
.post {
	margin: 0;
	width: 100%;
	margin: 0 auto;
}

.entry-content {
	margin: 0 auto;
	overflow-x: hidden;
}

.content {
	margin: 0 auto;
	max-width: 1920px;
	padding: 0% 10%;
}

.content:first-child {
	padding-top: 7.5%;
}

:where(.wp-block-columns) {
	margin-bottom: 0;
}

html :where(.wp-block) {     margin-bottom: 28px;     margin-top: 28px;     max-width: 1720px;    }

.wp-block-spacer {
	height: calc(clamp(8rem, 3.846vw + 0.385rem, 12rem)) !important;
}

.wp-block-spacer.spacer-innen {
	height: calc(clamp(1.25rem, 3.846vw + 0.385rem, 2rem)) !important;
}



.full-img figure {
	width:100%;
	margin:2rem 0!important;
}

.ueber-uns-3-spalten {
	gap: 0;
}

.wp-block-columns.drei-spalten .wp-block-column {
	padding: 0 calc(clamp(1.25rem, 3.846vw + 0.385rem, 2rem)) 0 0 !important;
}

.wp-block-columns.drei-spalten .wp-block-column {
	border-right: 1px solid #000 !important;
}

.wp-block-columns.drei-spalten .wp-block-column:first-child {
	padding-left: 0 !important;
}

.wp-block-columns.drei-spalten .wp-block-column:last-child {
	border-right: none !important;
	padding-right: 0 !important;
}


@media screen and (max-width: 780px) {
	.wp-block-columns.drei-spalten .wp-block-column {
		border-right:none!important;
		border-bottom:1px solid #000!important;
		padding-bottom:20px!important;
	}
}

.wp-block-separator {
	border: none;
	border-top: 1px solid #000 !important;
	opacity: 1;
	margin:3rem 0 2rem 0;
	background:transparent;
}


.pfeil a{
	border-bottom:0px!important;
}

/* Typo */ 

h1,h2,h3,h4,h5,h6 {
	font-weight:normal;
}

.serif {
	font-family: 'BemboMTProRegular';
	line-height:1;
}

.max-width-setting-700 {
	max-width:700px;
	
}

.max-width-setting-400 {
	max-width:400px;
	
}


.has-x-large-font-size {
	font-size: calc(clamp(2.3rem, 6.711vw - 1.804rem, 3.9rem)) !important;
	line-height: normal;
	margin: 0;
}

.has-large-font-size {
	color: black;
}

.has-medium-font-size {
	color: black;
}

.has-small-font-size {
	color: black;
}




@media (max-width: 1440px) {
	
.has-x-large-font-size {
	font-size: calc(clamp(2.3rem, 6.711vw - 1.804rem, 3.7rem)) !important;
	line-height: normal;
	margin: 0;
}
	.wp-block-spacer {
	height: calc(clamp(4rem, 3.846vw + 0.385rem, 6rem)) !important;
}
	
}

@media (max-width: 767px) {
	
.has-x-large-font-size {
	font-size: calc(clamp(2.1rem, 6.88vw - 0.798rem, 3rem))!important;
	line-height: normal;
	margin: 0;
}
}

p.themen-headline {
	border: #000 solid 1px;
	padding: 10px 30px;
	display: inline-block;
	border-radius: 99px;
	letter-spacing: 2px;
	text-transform: uppercase;
	margin-bottom: calc(clamp(1.25rem, 8.974vw + 0.481rem, 4rem)) !important;
}

p.themen-topline {
	padding: 0;
	display: inline-block;
	letter-spacing: 2px;
	text-transform: uppercase;

	font-family: 'ModernSansSemiBold';
}


/* Breite Typo */ 

.w-50 {max-width:95%;}


/* Ende Typo */ 

@media (min-width: 1400px) {
	.g-50 {
		gap: 5rem;
	}
}

.rotate {
	
  animation: spin 14s linear infinite;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.relative {
	position:relative;
}

.circle-28-partners-circle {
	position: absolute;
	margin-top: -80px;
	right: -95px;
	top: 0;

}



.circle-28-partners.wp-block-image img {
	width: 100%;
	max-width: unset;
}


.transaction-advisory-circle {
	position: absolute;
	margin-bottom: -100px;
	left: -100px;
	bottom: 0;
	margin-left: -0px;
}





.investment-management-circle img {

	width: 100%;
	max-width: unset;
	 animation: spin 14s linear infinite;
}


@media (max-width: 1025px) and (max-width: 1440px) {
	.circle-28-partners-circle {
		position: absolute;
		margin-top: -30px;
		right: -35px;
		top: 0;
	}
	.circle-28-partners-circle img {
		width:150px!important;
	
	}
		
	.transaction-advisory-circle {
    position: absolute;
    margin-bottom: -70px;
    left: -70px;
    bottom: 0;
}
	
		.transaction-advisory-circle img {
		width:150px!important;
	
	}
}


@media (max-width: 768px) and (max-width: 1024px) {
	.circle-28-partners-circle {
		position: absolute;
		margin-top: -30px;
		right: -35px;
		top: 0;
	}
	.circle-28-partners-circle img {
		width:150px!important;
	
	}
	
	.transaction-advisory-circle {
    position: absolute;
    margin-bottom: -40px;
    left: -60px;
    bottom: 0;
}
	
		.transaction-advisory-circle img {
		width:150px!important;
	
	}
}

@media (max-width: 767px) {
	.circle-28-partners-circle {
		position: absolute;
		margin-bottom: 30px;
		right: -25px;
		bottom: 0;
		width:125px;
top:unset;
	}

	.circle-28-partners-circle img {
		width:125px!important;
	
	}


	.transaction-advisory-circle {
position: absolute;
        margin-top: -20px;
        left: unset;
        bottom: unset;
        top: 0;
        right: -30px;
   
	}

	.transaction-advisory-circle img {
		width:125px!important;
	
	}
	
	/* Abstand Spacer */ 




}



/* Kontaktformular */ 


.wpcf7 label {
    margin-bottom: 0px;
    display: block;
    width: 100%;
} 

input.wpcf7-form-control {
    width: 100%;
	border:none;
	border-bottom:1px solid #000;
	margin-bottom:10px;
	border-radius:0;
	background-color:transparent;
}


textarea.wpcf7-form-control {
    width: 100%;
	border:none;
	border-bottom:1px solid #000;
	margin-bottom:10px;
	border-radius:0;
	background-color:transparent;	
}


.wpcf7 span.wpcf7-list-item {
    margin: 0;
    padding: 2.5% 0;

}

.wpcf7-list-item-label a {
	color:#000;
	text-decoration:underline;
}

input.wpcf7-form-control.wpcf7-submit.has-spinner {
    width: auto;
    border: none;
}

span.wpcf7-not-valid-tip {
    position: absolute;
    width: 100% !important;
    left: 0;
    color: red;
    top: 0px;
}


input[type="checkbox"],
input[type="radio"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: none;
}

input[type="checkbox"] {
	position: relative;
	top: 4px;
	margin-right: 10px;
}

.wpcf7-list-item input[type='checkbox']:after,
.wpcf7-list-item input[type='checkbox']:checked:after,
.wpcf7-list-item input[type='radio']:after,
.wpcf7-list-item input[type='radio']:checked:after {
	width: 20px;
	height: 20px;
	border-radius: 20px;
	position: relative;
	background-color: transparent;
	content: '';
	display: inline-block;
	visibility: visible;
	border: 1px solid #000;
}

.wpcf7-list-item input[type='checkbox']:checked:after,
.wpcf7-list-item input[type='radio']:checked:after {
	background-color: #000;
}

.wpcf7 .wpcf7-submit {
    background: #000;
    color: #fff;
    padding: 15px 30px;
    border-radius: 99px;
	cursor:pointer;
	text-transform:uppercase;
	font-weight:bold;
	letter-spacing:2px;
}

.wpcf7 input[type="checkbox"] {
    height: 50px;
    float: left;
}

/* Alle Rahmen der Meldungen schwarz */

.wpcf7 form .wpcf7-response-output {
    border-color: #000 !important;
}


/* Footer */ 


.footer-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
   
	    margin: 100px auto;
    max-width: 1920px;
    padding: 0% 10%;
	
}


@media (max-width: 767px) {
	
ul#footer-menu {
    flex-direction:column;
}
}

ul#footer-menu {
    display: flex;
    gap: 5vw;
    list-style: none;
    margin: 0;
	padding:0;
}

ul#footer-menu li a {
	text-transform:uppercase;
	letter-spacing:2px;
	color:#000;
	text-decoration:none;
	font-size: clamp(10px, 13px, 1vw);
	
}


/* Bildbeschriftung */ 

figcaption.wp-element-caption:before {
    content: url('https://28partners.der-juchem.de/wp-content/uploads/2024/04/Pfad-33.png');
    position: absolute;
    margin-top: -25px;
	margin-left:-10px;
}

figcaption.wp-element-caption {
    padding-top: 20px;
	padding-left:10px;
}


/* Ein Ausblenden */ 

@media (min-width: 1024px) {
p.themen-headline.hide-desktop.hide-force {
    display: none;
}
}

.hide-desktop {display:none}
.hide-mobile {display:block}

@media (max-width: 1023px) {

	.hide-desktop {display:block;}
	.hide-mobile {display:none}

}


.contact-infos a{
	color:#000;
}