/*
 Theme Name:   Farbklecks
 Author:       Bastian Bisswanger
 Template:     generatepress
*/

.mc_link_orange {
	color: var(--orange);
	/*text-decoration: none;*/
}

.mc_link_orange:hover {
	color: var(--hover-orange);
}

.mc-blue-medium {
	font-weight: 500;
	color: var(--accent);
}

ul {
	margin: 0;
	padding-left: 16px;
	padding-bottom: 20px;
}

ul.strichliste {
	padding-left: 11px;
}

ul.strichliste li::marker {
	content: "- ";
}

ul.filter-btns {
	padding-left: 0;
}

@media (max-width: 768px) {
	.mc-reverse {
		order: -1;
	}
}

/* header */

.site-content {
	padding-top: 130px !important;	
}

.main-navigation, 
.site-header {
	z-index: 1000;
	position: fixed;
	width: 100%;
	height: 130px;
	box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .2);
}

.navigation-branding {
	padding: 26px 0;
}

.navigation-branding img, 
.site-logo.mobile-header-logo img {
	height: 78px !important;
	padding: 0 !important;
}

.main-navigation .slick-slider a {
	font-size: 14px;
	text-transform: none;
}

/* Mobile */

.mobile-header-navigation .site-logo {
	margin: 25px auto !important;
}

.main-navigation.toggled .main-nav > ul {
	background-color: #003594;
}

.main-navigation #mobile-menu.main-nav ul li a {
	color: #fff;
}

#mobile-header .menu-toggle {
	position: absolute;
	right: 0;
	top: 10px;
}

#mobile-header .gp-icon svg {
	width: 32px;
	height: auto;
}

.main-navigation .main-nav ul li a {
	margin-bottom: -13px;
}

/* home */

@media (max-width: 1030px) {
    .home-circle {
        background-size: cover !important;
    }
}

/* Angebote */

@media (max-width: 768px) {
	.bubbles {
		background-image: url('https://bastianbisswanger-coaching.de/wp-content/uploads/bubbles_small.svg') !important;
	}
}

/* filter */

.mc-gb-looper {
	height: auto !important;
}

.gb-loop-item.type-angebot, 
.gb-loop-item.type-post {
	position: unset !important;
}

.filter-btns {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	margin: 0;
}

.filter-btns li {
	margin-right: 10px;
	margin-bottom: 10px;
}

.filter-btns button {
	font-weight: 700;
	line-height: 21px;
	text-wrap: nowrap;
	background: transparent;
	border: 1px solid var(--accent);
	border-radius: 20px;
	padding: 8px 20px 10px;
}

.filter-btns button.is-checked {
	background: #fff;
}

/* blog */

.single-post .inside-article {
	padding: 100px 190px 50px 190px;
}

.single-post .inside-article img {
	padding: 10px 0 30px;
}

.single-post .inside-article img.img-intro {
	padding: 0;
}

@media (max-width: 768px) {
	.single-post .inside-article {
		padding: 100px 15px 50px 15px;
	}
}

/* contact form 7 & newsletter */

.wpcf7 input[type="text"], 
.wpcf7 input[type="email"], 
.wpcf7 input[type="tel"], 
.wpcf7 select, 
.wpcf7 textarea, 
.mc-nl input[type="text"], 
.mc-nl input[type="email"] {
	width: 100%;
	font-size: 16px;
	font-style: italic;
	background-color: #fff;
	border-color: #fff;
}



.wpcf7 input:focus-visible, 
.wpcf7 textarea:focus-visible, 
.mc-nl input:focus-visible  {
  outline: none;
}

.wpcf7 p {
	margin-bottom: 22px;
}

.wpcf7 p.small {
	margin-bottom: 12px;
}

.wpcf7 textarea {
	height: 180px;
}

.wpcf7 input[type="checkbox"], 
.mc-nl input[type="checkbox"] {
	width: 18px;
	height: 18px;
	margin-right: 10px;
	appearance:none;
	outline: none;
	content: none;
}

.wpcf7 input[type=checkbox]:before, 
.mc-nl input[type="checkbox"]:before {
    content: "✓";
    font-size: 16px;
    color: transparent !important;
    background: #fff;
    display: block;
    width: 22px;
    height: 22px;
    padding-left: 6px;
}

.wpcf7 input[type=checkbox]:checked:before, 
.mc-nl input[type=checkbox]:checked:before {
	color: black !important;
}

.mc-interessen span.wpcf7-list-item {
	width: 47%;
	font-size: 16px;
	font-style: italic;
	vertical-align: top;
	margin-bottom: 17px;
	margin-right: 3%;
}

.mc-interessen span.wpcf7-list-item label {
	position: relative;
}

.mc-interessen span.wpcf7-list-item input[type="checkbox"] {
	position: absolute;
}

.mc-interessen span.wpcf7-list-item-label {
	display: block;
	hyphens: auto; 
	padding-left: 30px;
}

.wpcf7 button[type="submit"], 
.mc-nl input[type="submit"] {
	position: relative;
	font-weight: 500;
	color: #fff;
	background-color: var(--orange);
	border-radius: 30px;
	padding: 14px 30px 14px 60px;
}

.mc-nl .tnp-field-button {
	position: relative;
}

.wpcf7 button[type="submit"]:after, 
.mc-nl .tnp-field-button:after {
	position: absolute;
	top: 16px;
	left: 30px;
	width: 20px;
	content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16.755" height="17.4" viewBox="0 0 16.755 17.4"><defs><clipPath id="clip-path"><rect id="Rechteck_35" data-name="Rechteck 35" width="16.755" height="17.4" fill="%23fff"></rect></clipPath></defs><g id="Gruppe_208" data-name="Gruppe 208" clip-path="url(%23clip-path)"><path id="Pfad_400" data-name="Pfad 400" d="M.048,17.225q-.126-.174.075-.524l4.8-7.851a.252.252,0,0,0,0-.3L.123.7A2.06,2.06,0,0,1,.023.35C.023.118.19,0,.523,0H3.255a.717.717,0,0,1,.7.4L8.7,8.3a.721.721,0,0,1,.1.4.712.712,0,0,1-.1.4L3.955,17a.716.716,0,0,1-.7.4H.523a.547.547,0,0,1-.475-.176" transform="translate(0 0)" fill="%23fff"></path><path id="Pfad_401" data-name="Pfad 401" d="M8,17.225q-.126-.174.075-.524l4.8-7.851a.252.252,0,0,0,0-.3L8.072.7a2.06,2.06,0,0,1-.1-.351c0-.232.167-.35.5-.35H11.2a.717.717,0,0,1,.7.4l4.75,7.9a.721.721,0,0,1,.1.4.712.712,0,0,1-.1.4L11.9,17a.716.716,0,0,1-.7.4H8.472A.547.547,0,0,1,8,17.225" transform="translate(0 0)" fill="%23fff"></path></g></svg>');
}

.mc-nl .tnp-field-button:after {
	top: 20px;
}

.wpcf7-list-item {
	margin: 0;
}

.wpcf7 .txt-14 {
	font-size: 14px;
	font-style: italic;
	color: #666;
}

.wpcf7 .txt-hl {
	font-weight: 500;
	color: var(--accent);
}

@media (max-width: 1350px) {
	.mc-interessen span.wpcf7-list-item {
		width: 100%;
		margin-right: 0%;
	}
}


/* slider */

.admin-bar .slider-header {
	top: 162px;
}

.slick-list {
	display: grid;
}

.slick-initialized .slick-slide {
    display: flex;
}

.slick-prev::before {
	content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="13.974" height="27.61" viewBox="0 0 13.974 27.61"><path id="Pfad_436" data-name="Pfad 436" d="M.076,27.331q-.2-.276.119-.831L7.812,14.042a.4.4,0,0,0,0-.476L.2,1.112A3.269,3.269,0,0,1,.037.555C.037.187.3,0,.83,0H5.165A1.138,1.138,0,0,1,6.276.636L13.813,13.17a1.145,1.145,0,0,1,.16.636,1.13,1.13,0,0,1-.16.633L6.276,26.974a1.136,1.136,0,0,1-1.111.636H.83a.869.869,0,0,1-.754-.279" transform="translate(13.973 27.61) rotate(180)" fill="%23003594"/></svg>');
}

.slick-next::before {
	content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="13.974" height="27.61" viewBox="0 0 13.974 27.61"><path id="Pfad_434" data-name="Pfad 434" d="M.076,27.331q-.2-.276.119-.831L7.812,14.042a.4.4,0,0,0,0-.476L.2,1.112A3.269,3.269,0,0,1,.037.555C.037.187.3,0,.83,0H5.165A1.138,1.138,0,0,1,6.276.636L13.813,13.17a1.145,1.145,0,0,1,.16.636,1.13,1.13,0,0,1-.16.633L6.276,26.974a1.136,1.136,0,0,1-1.111.636H.83a.869.869,0,0,1-.754-.279" transform="translate(0.001)" fill="%23003594"/></svg>');
}

.slick-prev {
	left: -40px;
}

.slick-next {
	right: -40px;
}

.slick-dots {
	bottom: -35px;
}

.slider-header .slick-prev::before {
	content: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8" standalone="no"%3F><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="100%" height="100%" viewBox="0 0 9 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><g transform="matrix(1,0,0,1,7.12909e-05,0.00340485)"><g id="Pfad_434" transform="matrix(-0.628359,-7.69518e-17,-7.69518e-17,0.628359,8.78073,-0.00126538)"><path d="M0.076,27.331C-0.057,27.147 -0.018,26.87 0.195,26.5L7.812,14.042C7.916,13.901 7.916,13.707 7.812,13.566L0.2,1.112C0.129,0.932 0.075,0.745 0.037,0.555C0.037,0.187 0.3,0 0.83,0L5.165,0C5.63,-0.036 6.072,0.217 6.276,0.636L13.813,13.17C13.927,13.362 13.983,13.583 13.973,13.806C13.983,14.028 13.927,14.248 13.813,14.439L6.276,26.974C6.072,27.393 5.63,27.647 5.165,27.61L0.83,27.61C0.548,27.646 0.266,27.541 0.076,27.331" style="fill:rgb(129,175,229);fill-rule:nonzero;"/></g></g></svg>');
}

.slider-header .slick-next::before {
	content: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8" standalone="no"%3F><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="100%" height="100%" viewBox="0 0 9 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><g transform="matrix(1,0,0,1,7.12909e-05,0.00340485)"><g id="Pfad_434" transform="matrix(0.628359,0,0,0.628359,0.000601864,-0.00126538)"><path d="M0.076,27.331C-0.057,27.147 -0.018,26.87 0.195,26.5L7.812,14.042C7.916,13.901 7.916,13.707 7.812,13.566L0.2,1.112C0.129,0.932 0.075,0.745 0.037,0.555C0.037,0.187 0.3,0 0.83,0L5.165,0C5.63,-0.036 6.072,0.217 6.276,0.636L13.813,13.17C13.927,13.362 13.983,13.583 13.973,13.806C13.983,14.028 13.927,14.248 13.813,14.439L6.276,26.974C6.072,27.393 5.63,27.647 5.165,27.61L0.83,27.61C0.548,27.646 0.266,27.541 0.076,27.331" style="fill:rgb(129,175,229);fill-rule:nonzero;"/></g></g></svg>');
}

.slider-header .slick-prev, 
.slider-header .slick-next {
	width: 9px;
}

.slider-header .slick-prev {
	top: 28%;
	left: -20px;
}

.slider-header .slick-next {
	top: 28%;
	right: -20px;
}

.slider-header .slick-slide a {
	display: inline;
	text-decoration: underline;
}

.mc-mini-slider-hl {
	overflow: hidden;
	text-overflow: ellipsis;
}

@media (max-width: 768px) {
	.slick-prev {
		left: -30px;
	}
	
	.slick-next {
		right: -30px;
	}
}