:root :where(a:where(:not(.wp-element-button))) {
text-decoration: none;
}
:where(.wp-block-group.wp-block-group-is-layout-constrained) {
position: static;
}
.wp-block-image {
margin: 0 0 1em;
}
.ausblenden {
display: none !important;
visibility: hidden !important;
}
.otgs-development-site-front-end {
display: none;
}  :root {
--cyan: #59B2Be;
--blue: #2769B2;
--grey: #4D4D55;
--white: #FFFFFF;
--main-font-size: 16px;
} @font-face {
font-family: 'Regular';
font-style: normal;
src: url(//coesmile.de/wp-content/themes/bandf-theme../../../bandf-files/font/Comfortaa-Regular.ttf);
}
@font-face {
font-family: 'Bold';
font-style: normal;
src: url(//coesmile.de/wp-content/themes/bandf-theme../../../bandf-files/font/Comfortaa-Bold.ttf);
}
html {
scroll-behavior: smooth;
}
body,
body * {
font-family: 'Regular';
color: var(--grey);
font-size: var(--main-font-size);
line-height: 24px;
}
body {
overflow-x: hidden;
}
.like-h1,
.like-h2,
.like-h3,
.like-h4,
.like-h5,
.like-h6 {
font-family: 'Bold';
line-height: 1.6;
}
.like-h2,
.like-h3,
.like-h4 {
font-size: 22px;
}
.like-h1 {
color: var(--blue);
font-size: 24px;
font-style: normal;
font-weight: 900;
}
.like-h1 strong {
font-family: 'Bold';
color: var(--blue);
font-size: 28px;
}
.like-h2,
.like-h3 {
color: var(--blue) !important;
}
.like-h4 {
color: var(--blue);
}
.like-h5 {
color: var(--blue) !important;
font-family: 'Bold';
font-weight: 600;
}
p.subline-upper,
.like-h5 {
font-size: 18px;
font-style: normal;
font-weight: 600;
margin-top: 0;
}
a {
color: inherit;
text-decoration: none;
}
strong {
font-weight: 600 !important;
} a.wp-block-button__link.wp-element-button,
input#gform_submit_button_1 {
border-radius: 54px;
font-size: 17px;
box-shadow: none;
padding: 10px 35px;
} .btn-outline a.wp-block-button__link.wp-element-button,
.btn-outline .gform_button {
border: 2px solid var(--blue) !important;
background: transparent !important;
color: var(--blue) !important;
} .btn-fill a.wp-block-button__link.wp-element-button,
.btn-fill .gform_button {
background: var(--cyan) !important;
color: #fff !important;
border: none !important;
font-size: 15px;
} .bg-f2 {
background: var(--blue);
}
.bg-f2 * {
color: white !important;
}
.bg-outline {
background-color: white !important;
border: 2px var(--blue) solid !important;
}
.bg-outline .subline-upper {
color: var(--blue) !important;
}
.bg-outline p {
color: var(--blue) !important;
}
.intro .bg-f2,
.intro .bg-outline {
padding: 30px 50px;
} .bg-cyan,
.bg-grey .wp-block-cover__background {
background-color: rgba(89, 178, 190, .2) !important;
} .bg-image .wp-block-cover__background {
background-color: var(--blue) !important;
opacity: 0.5 !important;
}
.bg-image * {
color: #fff;
}  .wp-block-getwid-accordion__header {
border-radius: 20px;
}
.wp-block-getwid-accordion__header a {
padding-left: 20px;
} .kontaktformular {
padding-top: 3em;
padding-bottom: 3em;
}
.gform_heading {
text-align: right;
margin-top: -20px;
}
.gform_body.gform-body input,
.gform_body.gform-body textarea {
border: 1px solid var(--blue);
padding: 7px 25px !important;
border-radius: 25px;
}
.gform_body .gfield_consent_label {
font-size: var(--main-font-size);
font-style: normal;
font-weight: 400;
margin-left: 5px;
}
.gform_body .gfield_required {
display: none !important;
} .entry-content {
margin-top: 0;
}
.fixed-size {
width: 1200px;
margin: 0 auto;
padding-left: 15px;
padding-right: 15px;
box-sizing: border-box;
}
.fixed-size,
.fixed-small-size,
.fixed-size-medium,
.full-size {
padding-top: 25px;
padding-bottom: 25px;
}
.fixed-small-size,
.fixed-size-medium,
.full-size {
margin: 30px auto;
}
.fixed-small-size {
width: 768px;
}
.fixed-size-medium {
width: 1400px;
}
.full-size {
width: 100%;
} .top-social svg {
height: 21px;
width: auto;
margin-bottom: -5px;
margin-right: 15px;
}
.top-social svg path {
fill: var(--blue);
}
.top-social p a {
font-size: 18px;
}
div#language-switcher {
position: absolute;
top: 0px;
display: block;
left: 30px;
}
#language-switcher a[href="https://coesmile.brands-and-friends.de/ru/"] img {
opacity: 0;
display: none;
}
#language-switcher a[href="https://coesmile.brands-and-friends.de/ru/"]::before,
html[lang="ru-RU"] #language-switcher .current-language-item span[data-wpml-label-type="current"]::before {
content: "";
display: inline-block;
margin-right: 4px;
width: 18px;
height: 12px;
background-image: url(https://coesmile.brands-and-friends.de/wp-content/bandf-files/ru_op.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
html[lang="ru-RU"] #language-switcher .current-language-item img {
opacity: 0;
display: none;
}  .intro {
gap: 80px;
} #footer-container {
background-color: rgba(89, 178, 190, .2);
color: #fff;
padding: 10px 0 !important;
}
#footer-container a,
#footer-container p.subline-upper {
color: var(--blue);
}
#footer-container .wp-block-table td,
#footer-container .wp-block-table th {
border: 0px solid;
padding: 0;
}
figure.wp-block-table {
padding: 0;
margin-top: 24px;
}
ul.footer-bottom {
margin-top: 24px !important;
padding-left: 0;
}
.footer-bottom li {
list-style: none;
display: inline;
}
.footer-bottom li a {
margin-right: 45px;
font-weight: 500;
line-height: 1.6;
font-size: 18px;
} .bandf-banner {
margin-top: 0;
padding-left: 0;
padding-right: 0;
}
.bandf-banner .fixed-size {
padding-top: 0;
padding-bottom: 0;
}
.bandf-banner .wp-block-cover__background {
background-color: var(--blue) !important;
}
.bandf-banner p {
margin-top: 35px !important;
color: white !important;
}  .nav03 {
background-color: var(--white);
position: absolute;
width: 100%;
z-index: 10;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}  .leistungen .wp-block-columns {
gap: 300px;
}
.leistungen ul {
padding-left: 0;
list-style: none;
}
.leistungen li {
border-bottom: 2px solid var(--blue);
margin-bottom: 20px;
font-size: 17px;
line-height: 2.8;
} .bg-image hr {
margin: 10px auto -10px !important;
width: 300px !important;
} @media screen and (min-width: 783px) {
.hustle-ui:not(.hustle-size--small).module_id_6 .hustle-layout .hustle-image {
flex: 0 0 200px !important;
}
}@media (max-width: 1450px) {
.fixed-size-medium {
width: 1200px;
padding-left: 15px;
padding-right: 15px;
} .header01, .header03 {
min-height: 600px !important;
} .intro02 .wp-block-column:first-child {
padding-left: 0 !important;
}
}
@media (max-width: 1200px) {
.fixed-size, .fixed-size-medium {
width: 960px;
}
a.wp-block-button__link.wp-element-button, input#gform_submit_button_1 {
padding: 10px 25px;
font-size: 16px;
} .intro .bg-f2, .intro .bg-outline {
padding: 25px 30px;
} .intro {
gap: 50px;
} .leistungen .wp-block-columns {
gap: 150px;
}
figure#sprechzeiten {
width: 350px;
}
}
@media (max-width: 960px) {
:root {
--main-font-size: 15px;
}
.fixed-size, .fixed-size-medium {
width: 768px;
}
a.wp-block-button__link.wp-element-button, input#gform_submit_button_1 {
padding: 8px 12px;
font-size: 15px;
}
.like-h1, .like-h1 strong, .like-h2, .like-h3, .like-h4 {
font-size: 20px;
} .nav .fixed-size {
padding-top: 15px;
padding-bottom: 15px;
} #footer-container .wp-block-column {
flex-basis: 48% !important;
}
.footer-inhalt {
flex-direction: column !important;
} .header01, .header03 {
min-height: 400px !important;
} .top-overlay01 .overlay-h {
font-size: 24px;
}
.top-overlay01 .overlay-p {
font-size: 20px;
} .wp-block-cover, .wp-block-cover-image {
min-height: 300px;
} .leistungen .wp-block-columns {
gap: 50px;
}
}
@media (max-width: 781px) {
.fixed-size, .fixed-size-medium, .fixed-small-size {
width: 480px;
}
.fixed-small-size {
padding-left: 15px;
padding-right: 15px;
}
.like-h1, .like-h1 strong, .like-h2, .like-h3, .like-h4 {
font-size: 18px;
}
p.subline-upper, .like-h5 {
font-size: 16px;
}
.wp-block-column .alignright {
float: none !important;
margin-left: auto !important;
margin-right: auto !important;
} .nav .wp-block-column:first-child {
text-align: center;
order: 3;
}
.nav .wp-block-column:last-child {
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.nav .wp-block-button, .nav .wp-block-button a {
width: 100%;
}
.nav .wp-block-button, .nav .wp-block-button.btn-fill a {
border-radius: 0 !important;
}
div#language-switcher {
top: 30px;
} #footer-container .custom-logo {
margin-bottom: 12px;
} .bandf-banner p {
margin-top: 10px !important;
}
.bandf-banner img {
margin-top: -100px;
margin-left: -9px;
} .header01, .header03 {
min-height: 300px !important;
} .top-overlay01 .overlay-h {
font-size: 20px;
}
.top-overlay01 .overlay-p {
font-size: 18px;
}
.vorstellung01 p {
position: relative;
margin-right: 0 !important;
bottom: 0;
right: auto;
text-align: center;
padding-bottom: 35px;
} .nav02 {
padding-top: 70px;
}
.wp-block-cover, .wp-block-cover-image {
min-height: 200px;
} .nav03 {
position: relative;
padding-top: 50px;
}
.leistungen .wp-block-columns {
gap: 0;
}
}
@media (max-width: 480px) {
.fixed-size, .fixed-size-medium, .fixed-small-size {
width: 95%;
}
.wp-block-cover {
padding-left: 0;
padding-right: 0;
}
.wp-block-cover, .wp-block-cover-image {
min-height: 150px;
} .header03 {
min-height: 200px !important;
} .top-overlay01 .overlay-h {
font-size: 18px;
}
.top-overlay01 .overlay-p, .vorstellung01 p, .vorstellung01 p strong {
font-size: 16px;
} .vita td {
width: 100%;
display: block;
line-height: 1.6;
}
.vita td:last-child {
margin-bottom: 12px;
}
}