@font-face {
font-display: swap; font-family: 'Raleway';
font-style: normal;
font-weight: 400;
src: url(//www.gracher.eu/wp-content/themes/bootscore-child-main/fonts/raleway-v29-latin-regular.woff2) format('woff2'); } @font-face {
font-display: swap; font-family: 'Raleway';
font-style: normal;
font-weight: 800;
src: url(//www.gracher.eu/wp-content/themes/bootscore-child-main/fonts/raleway-v29-latin-800.woff2) format('woff2'); }  @font-face {
font-family: 'URW DIN';
src: url(//www.gracher.eu/wp-content/themes/bootscore-child-main/fonts/URWDINStdLight/font.woff2) format('woff2'), url(//www.gracher.eu/wp-content/themes/bootscore-child-main/fonts/URWDINStdLight/font.woff) format('woff');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'URW DIN';
src: url(//www.gracher.eu/wp-content/themes/bootscore-child-main/fonts/URWDINStdMedium/font.woff2) format('woff2'), url(//www.gracher.eu/wp-content/themes/bootscore-child-main/fonts/URWDINStdMedium/font.woff) format('woff');
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'URW DIN';
src: url(//www.gracher.eu/wp-content/themes/bootscore-child-main/fonts/URWDINStdDemi/font.woff2) format('woff2'), url(//www.gracher.eu/wp-content/themes/bootscore-child-main/fonts/URWDINStdDemi/font.woff) format('woff');
font-weight: normal;
font-style: normal;
}  html[lang="de-DE"] .hide_de{
display: none;
}
html[lang="en-US"] .hide_en{
display: none;
}
#page{margin-top: 58px;} #gracher_container{
margin: auto; }
:root {
--color_grey: #F0F0F0;
--color_dark_grey: #b4b4b4;
--color_orange: #ff7700;
--color_light_blue: #99BFCA;
--color_blue: #005F7A;
--bs-accordion-btn-bg: #ff7700;
--bs-modal-bg: red;
--bs-body-font-family: 'URW DIN', sans-serif;
--bs-body-font-weight: 300;
--bs-offcanvas-width: 100%;
--bs-btn-font-family: 'Raleway';
--bs-btn-close-bg: url(//www.gracher.eu/wp-content/themes/bootscore-child-main/img/close.svg);
--bs-btn-font-weight: 800;
--bs-btn-active-color: #ff7700;
--bs-btn-active-bg:#fff;
--bs-btn-active-border-color:transparent;
--bs-btn-padding-x: 0.9rem;
--bs-btn-padding-y: 0.375rem;
--bs-pagination-active-bg: #ff7700;
--bs-pagination-active-border-color: #ff7700;
--bs-link-color: #ff7700;
--bs-link-hover-color: #ff7700;
--bs-pagination-color: #ff7700;
}  a {
text-decoration: none; 
font-weight: normal; 
color: black;
}
.link-normal a{
font-weight: 300;
}
a:hover {
text-decoration: none; 
color: var(--color_orange);
transition: color 1s ease-in-out, background-color 1s ease-in-out;
}
p, ol{
font-size:14px;
line-height:20px;
}
ol li {
padding-bottom: 10px;
padding-top: 10px;
}
h1 {
font-family: 'URW DIN', sans-serif;
font-weight: 300;
font-size: 50px;
padding-bottom: 40px;
line-height: 55px;
}
h2, h1.page-title {
font-family: 'Raleway', sans-serif;
font-weight: 800;
font-size: 23px;
color: black;
padding-bottom:20px;
line-height: 27px;
margin-bottom: 0;
}
h3 {
font-family: 'URW DIN', sans-serif;
font-weight: normal;
font-size: 17px;
color: var(--color_orange);
line-height: 20px;
}
h4 {
font-family: 'Raleway', sans-serif;
font-weight: 800;
font-size: 16px;
color: var(--color_orange);
}
.fw500{font-weight: 500 !important;}
em {
font-style: italic;
} .gracher_info_block{hyphens: auto;}
#bootscore-navbar, .entry-header{
hyphens: auto;
hyphenate-limit-chars: auto 3;
hyphenate-limit-lines: 4;
}
.hyphens-auto{
hyphens: auto;
}
@media only screen and (min-width: 768px) {
p, ol{
font-size:16px;
line-height:22px;
}
ol li {
padding-bottom: 15px;
padding-top: 15px;
}
h1 {
font-size: 52px;
padding-bottom: 40px;
line-height: 63px;
}
h2, h1.page-title {
font-size: 26px;
padding-bottom:30px;
line-height: 30px;
}
h3 {
font-size: 18px;
line-height: 26px;
}
h4 {
font-size: 16px;
}
}
@media only screen and (min-width: 992px) {
p, ol{
font-size:18px;
line-height:26px;
}
h1 {
font-size: 70px;
padding-bottom: 40px;
line-height: 80px;
}
h2, h1.page-title {
font-size: 35px;
padding-bottom:40px;
line-height: 38px;
}
h3 {
font-size: 23px;
line-height: 33px;
}
h4 {
font-size: 18px;
}
}
ul {}
ul li {}
.bg-body-tertiary{
background-color: var(--color_orange) !important;
min-height: 60px;
}
.btn.btn-outline-secondary .fa-solid{
width: 18px;
height: 100%;
color: #fff;
}
.btn-outline-secondary{
border-width: 0;
--bs-btn-active-bg: none;
}
img.logo.md{
width: 132px;
height: 100%;
}
img.logo.xs{
width: 114px;
height:100%;
} .left_orange{
background-image: url(//www.gracher.eu/wp-content/themes/bootscore-child-main/img/halfcircle-orange.svg);
background-repeat: no-repeat !important;
background-position:  left 950px;
background-size: 10%;
margin-bottom:50px;
}
.right_orange{
background-image: url(//www.gracher.eu/wp-content/themes/bootscore-child-main/img/halfcircle-orange-right.svg);
background-repeat: no-repeat !important;
background-position:  right 30%;
background-size: 10%;
margin-bottom:50px;
}
.left_grey{
background-image: url(//www.gracher.eu/wp-content/themes/bootscore-child-main/img/halfcircle-grey.svg);
background-repeat: no-repeat !important;
background-position:  left center;
background-size: 10%;
margin-bottom:50px;
}
.left_grey_30{
background-image: url(//www.gracher.eu/wp-content/themes/bootscore-child-main/img/halfcircle-grey.svg);
background-repeat: no-repeat !important;
background-position:  left 30%;
background-size: 10%;
margin-bottom:50px;
}
.left_grey_40{
background-image: url(//www.gracher.eu/wp-content/themes/bootscore-child-main/img/halfcircle-grey.svg);
background-repeat: no-repeat !important;
background-position:  left 40%;
background-size: 10%;
margin-bottom:50px;
}
.right_grey{
background-image: url(//www.gracher.eu/wp-content/themes/bootscore-child-main/img/halfcircle-grey-right.svg);
background-repeat: no-repeat !important;
background-position:  right 950px;
background-size: 10%;
margin-bottom:50px;
}
@media (max-width: 1600px) {
.left_orange
{
background-image: none
}
}
@media (max-width: 1200px) {
.left_orange,
.right_orange,
.left_grey,
.right_grey,
.left_grey_40,
.left_grey_30{
background-image: none
}
} .entry-header {
margin-bottom: 70px;
}
.entry-header.header-start {
margin-bottom: 75px;
}
@media only screen and (min-width: 768px) {
.entry-header {
margin-bottom: 90px;
}
.entry-header.header-start {
margin-bottom: 80px;
}
}
@media only screen and (min-width: 992px) {
.entry-header {
margin-bottom: 155px;
}
.entry-header.header-start {
margin-bottom: 90px;
}
}  .home .logoclaim {
width: 245px;
}
.header-small-mobil .logoclaim, .header-halfcircle-mobil .logoclaim, .header-g .logoclaim {
width: 200px; 
} .home .logoclaim {
padding-top: 30px;
}
.header-small-mobil .logoclaim {
padding-top: 20px;
padding-bottom: 20px;
}
.header-halfcircle-mobil .logoclaim {
padding-top: 10px;
padding-bottom: 30px;
}
@media only screen and (min-width: 768px) { .header-start .logoclaim, .header-small-mobil .logoclaim, .header-g .logoclaim  {
width: 200px;
}
.header-halfcircle .logoclaim {
width: 180px;
padding-top: 0;
}
.header-start  .logoclaim {
padding-top: 20px;   
}
.header-small-mobil .logoclaim {
padding-top: 20px;
padding-bottom: 0;
}
}
@media only screen and (min-width: 992px) { .header-start .logoclaim, .header-small .logoclaim, .header-g .logoclaim, .header-halfcircle .logoclaim {
width: 300px;
}
.header-start .logoclaim{
padding-top: 0;
}
.header-small .logoclaim {
padding-top: 55px;
}
.header-halfcircle .logoclaim {
padding-top: 0;
}
} .header-start .heading-right {
min-height: 540px;
padding-top: 80px;
border-bottom-right-radius: 90px;
}
div.half-background {
background: linear-gradient(to right, var(--color_grey) 50%, white 50%);
}
a.badge, p.badge {
font-family: 'Raleway', sans-serif;
font-weight: 800;
font-size: 17px;
padding: 8px 15px;
border-radius: 90px;
margin-right: 12px;
margin-bottom: 17px;
}
a.badge:hover {
opacity: 0.5;
color: white;
transition: color 1s ease-in-out, background-color 1s ease-in-out;
}
@media only screen and (min-width: 768px) {
.header-start .heading-right {
padding-top: 45px;
}
a.badge, p.badge {
font-size: 16px;
padding: 12px 15px;
}
}
@media only screen and (min-width: 992px) {
.header-start .heading-right {
padding-top: 102px;
}
a.badge, p.badge {
font-size: 18px;
padding: 15px;
}
} .header-small .title {
padding-bottom: 0;
margin-bottom: 0;
font-family: 'URW DIN', sans-serif;
font-weight: 300;
font-size: 30px;
line-height: 30px;
}
.header-small h1, .header-small .subtitle {
font-family: 'Raleway', sans-serif;
font-weight: 800;
font-size: 23px;
color: black;
line-height: 27px;
padding-bottom: 0;
margin-bottom: 0;
}
div.pic-background { background-position: top left;
background-repeat: no-repeat;
background-size: contain;
}
.header-small-mobil div.pic-background { background-position: left 30%;;
background-repeat: no-repeat;
background-size: cover;
height: 160px;
}
.header-small-mobil div.pic-background.bgimg_id_39032 {
background-position-y: 90%;
}
.header-small-mobil .heading-right {
height: 110px;
border-bottom-right-radius: 90px;
padding-left: 1.5rem !important;
}
@media only screen and (min-width: 768px) {
.header-small .heading-right {
border-bottom-right-radius: 90px;
height: 170px;
}
.header-small-mobil .heading-right {
max-height: 170px;   
}
.header-small-mobil div.pic-background {
height: inherit;
}
.header-small-mobil div.pic-background.bgimg_id_39032 {
background-position-y: bottom;
}
.header-small-mobil div.pic-background.bgimg_id_39023 {
background-position: center 30%;
}
.header-small .title {
font-size: 43px;
line-height: 62px;
}
.header-small h1, .header-small .subtitle {
font-size: 26px;
line-height: 22px;
margin-bottom: 0;
}
}
@media only screen and (min-width: 992px) {
.header-small .heading-right {
margin-left: 0; margin-right: 0; padding-left: 65px;
height: 280px;
}
.header-small .title {
font-size: 60px;
line-height: 79px;
margin-left: 60px;
padding-right:60px;
}
.header-small h1, .header-small .subtitle {
font-size: 40px;
line-height: 45px;
margin-left: 60px;
padding-right:60px;
}
.header-small.pic-background{
background-image: linear-gradient(to right, var(--color_grey) 40%, white 20%);;
}
}
@media only screen and (min-width: 1200px) {
.header-small .title {
font-size: 70px;
line-height: 79px;
margin-left: 60px;
padding-right:60px;
}
.header-small h1, .header-small .subtitle {
font-size: 45px;
line-height: 50px;
margin-left: 60px;
padding-right:65px;
}
}
@media only screen and (max-width: 1750px) and (min-width: 992px) {
.header-small {
background-image: linear-gradient(to right, var(--color_grey)27%, white 0%) !important;
}
} div.header-halfcircle.half-background {
background-image: none;
}
.header-halfcircle .title, .header-halfcircle-mobil .title {
padding-bottom: 0;
margin-bottom: 0;
font-family: 'URW DIN', sans-serif;
font-weight: 300;
font-size: 30px;
}
.header-halfcircle h1,  .header-halfcircle-mobil h1,  .header-halfcircle .subtitle, .header-halfcircle-mobil .subtitle {
font-family: 'Raleway', sans-serif;
font-weight: 800;
font-size: 23px;
color: black;
line-height: 20px;
padding-bottom: 0;
}
.header-halfcircle .heading-right {
height: 350px;
border-bottom-right-radius: 90px;
}
.header-halfcircle-mobil .heading-right {
height: 120px;
}
@media only screen and (min-width: 768px) {
div.header-halfcircle.half-background {
background-image: url(//www.gracher.eu/wp-content/themes/bootscore-child-main/img/halfcircle-white.svg), linear-gradient(to right, var(--color_grey) 40%, white 20%);
background-position: center left;
background-repeat: no-repeat;
background-size: 6%, 100%;
}
.header-halfcircle .heading-right {
height: 165px;
}
.header-halfcircle .title {
font-size: 43px;
line-height: 55px;
}
.header-halfcircle h1, .header-halfcircle .subtitle {
font-size: 26px;
line-height: 22px;
}
}
@media only screen and (min-width: 992px) {
.header-halfcircle .heading-right {  
height: 280px;
}
.header-halfcircle .title {
font-size: 60px;
line-height: 79px;
}
.header-halfcircle h1, .header-halfcircle .subtitle {
font-size: 40px;
line-height: 44px;
}
div.header-halfcircle.half-background {
background-size: 8%, 100%;
}
}
@media only screen and (min-width: 1200px) {
.header-halfcircle .title {
font-size: 70px;
line-height: 79px;
}
.header-halfcircle h1, .header-halfcircle .subtitle {
font-size: 45px;
line-height: 50px;
}
div.header-halfcircle.half-background {
background-size: 7%, 100%;
}	
}
@media only screen and (min-width: 1400px) {
div.header-halfcircle.half-background {
background-size: 6%, 100%;
}	
}
@media only screen and (min-width: 1920px) {
div.header-halfcircle.half-background {
background-size: 5%, 100%;
}	
} .entry-header.header-g {
margin-bottom: 0px;
}
.heading-right.half-background {
background: linear-gradient(to right, transparent 50%, var(--color_grey) 50%);
}
.header-g-mobil .heading-right {
height: 120px;
padding-top: 25px;
border-bottom-right-radius: 90px;
}
img.header-signet {
width: 180px;
position: absolute;
margin-top: -75px;
margin-left: 0;
}
.header-g-mobil h1{
font-size:30px;
line-height:35px;
letter-spacing:-1.2px;
margin-top: 20px;
}
@media only screen and (min-width: 768px) {
div.header-g.half-background {
background-image: linear-gradient(to right, var(--color_grey) 15%, white 0%);
background-position: top left;
background-repeat: repeat-y;
}
img.header-signet {
width: 200px;
position: absolute;
margin-top: 15px;
margin-left: -20px;
}
.header-g .heading-right {
padding-top: 40px;
height: 165px;
border-bottom-right-radius: 90px;
}
.header-g-mobil h1{
font-size:43px;
line-height:55px
}
.header-g h1{
margin-top: -24px;
}
.header-g{margin-bottom: 32px;}
}
@media only screen and (min-width: 992px) {
.header-g .heading-right {
padding-top: 120px;
height: 290px;
}
img.header-signet {
width: 340px;
position: absolute;
margin-top: -16px;
margin-left: -28px;
}
.header-g{margin-bottom: 95px;}
.header-g h1{
margin-top: -10px;
}
.header-g-mobil h1{
font-size:70px;
line-height:79px
}
}
@media only screen and (min-width: 1200px) {
div.header-g.half-background {
background-image: linear-gradient(to right, var(--color_grey) 15%, white 0%);
}
}
@media only screen and (min-width: 1400px) {
}
@media only screen and (min-width: 1560px) {
div.header-g.half-background {
background-image: linear-gradient(to right, var(--color_grey) 17%, white 0%);
}
}
@media only screen and (min-width: 1920px) {
div.header-g.half-background {
background-image: linear-gradient(to right, var(--color_grey) 25%, white 0%);
}
} .navbar .btn.btn-link .fa-solid {
width: 20px;
color: #fff;
font-size: 20px;
vertical-align: middle;
}
img.logo.md {
width: 132px;
height: 100%;
}
img.logo.xs {
width: 114px;
height: 100%;
}
.suretyManager{
text-align: right;
margin-right: 5px;
}
.suretyManager a {
font-family: 'URW DIN', sans-serif;
font-weight: 500;
font-size: 16px;
color: white;
float: right;
}
.suretyManager::before {
content: url(//www.gracher.eu/wp-content/themes/bootscore-child-main/img/user-inverse.svg);
margin-right: 10px;
margin-top: 5px;
display: inline-block;
width: 22px;
}
.wpml-ls-legacy-dropdown .wpml-ls-item {
padding-top: 3px;
}
.wpml-ls-native {
font-size: 16px;
}
.wpml-ls-legacy-list-horizontal {
border: 0 solid transparent;
padding: 0;
} .wpml-ls-sidebars-top-nav-2 a{
opacity: 0.5;
}
.wpml-ls-sidebars-top-nav-2 .wpml-ls-current-language > a{
opacity: 1;
}
.wpml-ls-legacy-list-horizontal .wpml-ls-item {
display: inline-flex;
}
.wpml-ls-legacy-dropdown a{
display: block;
text-decoration: none;
color: #fff;
border: 0 solid #cdcdcd;
background-color: transparent;
padding: 0;
line-height: 1;
width: 61px;
font-family: 'URW DIN', sans-serif;
font-weight: 500;
font-size:15px;
}
.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle::after{
background-image: url(//www.gracher.eu/wp-content/themes/bootscore-child-main/img/arrow-down.svg);
vertical-align: middle;
display: inline-block;
border: none;
border-top: none;
position: absolute;
right: 10px;
top:0;
width: 11px;
height: 100%;
background-repeat: no-repeat;
background-position-y: center;
}
.wpml-ls-last-item a {
padding-right: 0;
}
.wpml-ls-legacy-dropdown
{
width: auto;
max-width: 100%;
}
.wpml-ls-legacy-list-horizontal a {
padding: 5px 5px 0;
}
.wpml-ls-legacy-dropdown .wpml-ls-current-language:hover > a, .wpml-ls-legacy-dropdown a:focus, .wpml-ls-legacy-dropdown a:hover
{
color: var(--color_grey);
background: transparent;
transition: color 1s ease-in-out, background-color 1s ease-in-out;
}
.wpml-ls-legacy-dropdown .wpml-ls-sub-menu {
visibility: hidden;
position: absolute;
top: 100%;
right: 0;
left: 0;
border-width: 0;
padding: 0;
margin: 0;
list-style-type: none;
z-index: 101
}
.wpml-ls-legacy-dropdown .wpml-ls-sub-menu a {
border: 0;
color:var(--color_orange);
background-color: var(--color_grey);
}
.suretyManager span.d-none.d-md-block {
padding-top: 3px;
}
@media only screen and (min-width: 768px) {
.suretyManager::before {
content: url(//www.gracher.eu/wp-content/themes/bootscore-child-main/img/user.svg); margin-top: 0;
line-height: 0;
width: 19px;
}
.wpml-ls-legacy-dropdown a{
font-size:16px;
width: 63px;
}
.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle::after{
width: 14px;
}
.suretyManager span.d-none.d-md-block {
padding-top: 5px;
}
.suretyManager{
text-align: right;
margin-right: 20px;
}
}
@media only screen and (min-width: 992px) {
.wpml-ls-legacy-dropdown a{
font-size:20px; }
.wpml-ls-native {
font-size: 20px;
}
.suretyManager span.d-none.d-md-block {
padding-top: 3px;
}
.suretyManager a {
font-size: 20px;
}
.suretyManager::before {
width: 22px;
}
.suretyManager{
text-align: right;
margin-right: 25px;
}
}
.m-factoring{
padding-bottom: 25px;
} .btn:hover {
color: none;
background-color: transparent;
border-color: none;
opacity: 0.5;
transition: color 1s ease-in-out, background-color 1s ease-in-out;
}
.btn {
font-family: 'Raleway', sans-serif;
font-weight: 800;
--bs-btn-padding-x:1.2rem;
--bs-btn-padding-y: 0.375rem;
border-radius: 90px;
}
.btn-primary{
--bs-btn-color: #fff;
--bs-btn-bg: transparent;
--bs-btn-border-color: transparent;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: transparent;
--bs-btn-hover-border-color: transparent;
--bs-btn-focus-shadow-rgb: 49, 132, 253;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: transparent;
--bs-btn-active-border-color: transparent;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #fff;
--bs-btn-disabled-bg: transparent;
--bs-btn-disabled-border-color: ff7700;
}
.btn.btn-blue {
font-size: 17px;
background-color: var(--color_blue);
color: white;
height: 35px;
}
.btn.btn-orange {
font-size: 17px;
background-color: var(--color_orange);
color: white !important;
--bs-btn-color: #fff !important;
--bs-btn-bg: var(--color_orange);
--bs-btn-border-color: var(--color_orange);
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: var(--color_orange);
--bs-btn-hover-border-color: var(--color_orange);
--bs-btn-focus-shadow-rgb: 49, 132, 253;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: var(--color_orange);
--bs-btn-active-border-color: var(--color_orange);
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #fff;
--bs-btn-disabled-bg: var(--color_orange);
--bs-btn-disabled-border-color: ff7700; }
.btn.btn-grey {
font-size: 17px;
background-color: var(--color_grey);
color: white; }
.btn.btn-dark-grey {
font-size: 17px;
background-color: var(--color_dark_grey);
color: white; }
@media only screen and (min-width: 768px) {
.btn.btn-blue,
.btn.btn-orange,
.btn.btn-grey,
.btn.btn-dark-grey{
font-size: 18px;
height: 40px;
}
}
@media only screen and (min-width: 992px) {
.btn.btn-blue,
.btn.btn-orange,
.btn.btn-grey,
.btn.btn-dark-grey{
font-size: 23px;
height: 50px;
}
} .btn-lb{
font-family: 'Raleway', sans-serif;
font-size: 17px;
border-radius: 90px !important;
background-color: var(--color_orange) !important;
color: white !important;
font-weight: 800; !important; padding-right:15px;
Padding-left:15px;
margin-top: 0;
margin-bottom: 10px !important;
}
.btn:first-child:active{
border-width:0;
}
.leistungsblock .btn-lb{
margin-bottom: 25px !important;
margin-top: 30px !important;
}
.btn-lb a{
color: white !important;
font-weight: 800;
font-family: 'Raleway', sans-serif;
}
@media only screen and (min-width: 768px) {
.btn-lb{
font-size: 16px;
padding-left: 40px !important;
color: var(--color_orange) !important;
position: relative !important;
background-color: transparent !important;
margin-bottom: 10px;
margin-top:0;   
}
.btn-lb a{
color: var(--color_orange) !important;  
}
.leistungsblock .btn-lb {
margin-bottom: 30px !important;
}
.btn-lb::before {
content: '';
display: block;
width: 30px;
height: 30px;
border: 8px solid var(--color_orange);
background-color: transparent;
border-radius: 50%;
position: absolute;
top: 1px;
left: -5px; }
.offcanvas{
bottom: auto !important;
}
}
@media only screen and (min-width: 992px) {
.btn-lb{
font-size: 18px;
margin-top:15px;
}
.btn-lb::before {
width: 34px;
height: 34px;
}
.leistungsblock .btn-lb {
margin-bottom: 22px !important;
}
} #vernetzung.bg-image{
background-image: linear-gradient(to right, white 50%, var(--color_orange) 50%);
}
#vernetzung .textblock-right{
min-height:380px;
padding: 35px 10px 35px 65px;
}
#vernetzung .textblock-right p{
margin-bottom: 30px;
}
#vernetzung h2{
font-size: 25px;
padding-bottom: 25px;
line-height:30px; 
}
#vernetzung .signet-small {
width: 90px;
}
@media only screen and (min-width: 768px) {
#vernetzung h2{
font-size: 40px;
line-height:50px; 
}
#vernetzung.bg-image{
background-image: url(//www.gracher.eu/wp-content/themes/bootscore-child-main/img/Startseite_international.webp), linear-gradient(to right, white 50%, var(--color_orange) 50%) !important;
background-position: -130px top, left top;
background-repeat: no-repeat;
background-size: 60%, 100%;
}
#vernetzung .textblock-right{
min-height:400px;
}
}
@media only screen and (min-width: 992px) {
#vernetzung h2{
font-size: 50px;
line-height:55px; 
}
#vernetzung.bg-image{
background-image: url(//www.gracher.eu/wp-content/themes/bootscore-child-main/img/Startseite_international.webp), linear-gradient(to right, white 50%, var(--color_orange) 50%)!important;
background-position: top left;
background-repeat: no-repeat;
background-size: 42%, 100%;
}
} .offcanvas {
transition-duration: 1.0s !important; }
#offcanvas-navbar{
border-bottom: 0 solid var(--color_orange);
margin: auto;
height: auto;
}
.offcanvas{
background-color: unset;
}
.offcanvas-body{
background-color: var(--color_grey);
}
.offcanvas-backdrop.show{
opacity:0;
}
.offcanvas-header{
height: 58px;
}
.offcanvas-body{
padding:40px 0;
}
.menu-logo{
width: 334px;
}
.menu-logo-mobile{
width: 100%;
float: right;
}
.menu-logo-mobile .menu-logo{
float: right; width: 228px;
}
.mobile-header-menu .dropdown-toggle-menu{
cursor: pointer;
float: right;
position: absolute;
right: 4px;
z-index: 1000;
top: 15px;
}
.mobile-header-menu .dropdown-toggle-menu img{
width: 25px;
height: 25px;
}
.mobile-header-menu .dropdown-toggle-menu.show img {
transform: rotate(180deg);
}
.mobile-header-menu .menu-item.at_depth_1, .mobile-header-menu .dropdown-submenu .menu-item  {
min-height: 35px;
}
.mobile-header-menu .at_depth_1 .dropdown-toggle-menu {
top: 0;
}
.dropdown-item:hover, .dropdown-item:focus {
background-color: transparent !important;
}
.mobile-header-menu .depth_1{
padding: 0 0 10px 15px !important;	
}  .bootscore-footer.bg-body-tertiary{
background-color: var(--color_grey) !important;
}
.bootscore-info.bg-body-tertiary{
min-height: 20px;
}
.bootscore-footer {
margin-top: 85px;
}
@media only screen and (max-width: 992px) {
.bootscore-footer .sub-menu .sub-menu {
display: none;
}
}
@media only screen and (min-width: 768px) {
.bootscore-footer {
margin-top: 100px;
}
}
@media only screen and (min-width: 992px) {
.bootscore-footer {
margin-top: 200px;
}
}
.bootscore-footer .menu-logo {
width: 320px;
float: right;
margin-bottom: 20px;
margin-top: 40px;
} .bootscore-footer li.menu-kontakt{
display: none;
}
.meta-footer{
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
margin-top: 80px;
}
.meta-telefon, .surety-telefon{
font-size: 18px;
font-weight: 400;
background: #fff;
padding: 13px 0 8px 25px;
border-radius: 40px 0 0 40px ;
transition: 0.3s;
margin-left: 25px;
margin-top: -15px
}
.meta-mail, .surety-mail{
background: #fff;
padding: 13px 25px 8px 16px;
border-radius: 0 40px 40px 0 ;
transition: 0.3s;
margin-right: 50px;
font-size: 18px;
font-weight: 400;
margin-top: -15px
}
.meta-telefon img, .meta-mail img, .surety-mail img, .surety-telefon img{
margin-right:5px;
border-radius: 0 !important;
}
.meta-social{
margin-right: 15px;
transition: 0.3s;
margin-top: -15px
}
.meta-social:hover{
opacity: 0.5;
transition: 0.3s;
}
@media (max-width: 992px) {
.meta-footer{
display: flex;
flex-wrap: wrap ;
flex-direction: row;
align-items: center;
justify-content: center;
margin-top: 0;
}
.meta-kontakt {
margin-right: 15px;
}
.meta-telefon, .surety-telefon{
font-size: 16px;
padding: 12px 0 7px 15px;
}
.meta-mail, .surety-mail{
padding: 12px 15px 7px 16px;
margin-right: 10px;
font-size: 16px;
font-weight: 400;
}
}
@media (max-width: 768px) {
.meta-footer{
display: flex;
flex-wrap: wrap ;
flex-direction: row;
align-items: center;
justify-content: center;
gap: 25px 0
}
.meta-kontakt {
margin-right: 250px;
}
}
@media (max-width: 512px) {
.meta-kontakt {
margin-right: 80px;
}
.meta-telefon{
font-size: 16px;
padding: 12px 25px 7px 20px;
margin: 0;
border-radius: 40px 0 0 40px
}
.meta-mail{
font-size: 16px;
padding: 12px 25px 7px 20px;
margin: 0;
border-radius: 0 40px 40px 0
}
.surety-mail, .surety-telefon{
font-size: 16px;
padding: 12px 25px 7px 20px;
margin: 0;
border-radius: 40px;
}
} .leistungsblock-text {
background-color: var(--color_grey);
padding: 18px 25px 0px 25px;
}
.leistungsblock-text h2 {
float: left;
font-size: 20px;
line-height:24px; 
color: black;
padding-bottom:10px;
}
.leistungsblock-text h3{
font-size: 18px;
font-weight: 800;
margin-bottom: 0;
}
.leistungsblock-text .gracher_open{
float: right;
margin-top: 0;
font-size: 26px;
color: var(--color_orange);
}
.leistungsblock-text-area{
clear: both;
text-align: left;
}
.leistungsblock-bild{
height: 230px;
}
.leistungsblock-bild img{
height: 100%;
width: 100%;
object-fit: cover;
object-position: 60% 50%;
}
.leistungsblock.rechts .leistungsblock-bild img{
border-top-right-radius: 90px;
}
.leistungsblock.rechts .leistungsblock-text{
text-align: right;
}
.leistungsblock.links .leistungsblock-bild img{
border-top-left-radius: 90px;
}
.unternehmensfinanzierung .leistungsblock-bild img {
object-position: 0 bottom;
}
@media only screen and (min-width: 768px) {
.leistungsblock-text h2   {
float: left;
padding-bottom:0;
font-size: 26px;
line-height:22px;
margin-bottom: 0;
}
.leistungsblock-text {
padding: 20px;
}
.leistungsblock-text .gracher_open{
margin: 0;
}
.leistungsblock-text-area {
padding-top: 10px;
text-align: left;
}
.leistungsblock-text-area .row {
padding-bottom: 10px;
}
.factoring .leistungsblock-bild img {
object-position: 60% 23%;
}
.unternehmensfinanzierung .leistungsblock-bild img {
object-position: 0 bottom;
}
}
@media only screen and (min-width: 992px) {
.leistungsblock-text h2    { 
float:none;
padding-bottom:40px;
font-size: 35px;
line-height:22px; 
}
.leistungsblock-text {
padding: 43px 25px 30px 40px;
}
.leistungsblock-bild{
height: auto;
}
.leistungsblock-text-area {
padding-top: 0;
}
.leistungsblock.rechts .leistungsblock-text-area {
text-align: right;
}
} .rund-links, .rund-links img{
border-top-left-radius: 90px;
}
.block-rund-links{
padding: 40px;
border-top-left-radius: 90px;
}
.rund-links-unten{
border-bottom-left-radius: 90px;
}
.rund-rechts-unten{
border-bottom-right-radius: 90px;
}
.block-rund-rechts{
padding: 40px;
border-top-right-radius: 90px;
}
.rund-rechts, .rund-rechts img{
border-top-right-radius: 90px;
} .p-35{
padding: 20px 16px ;
}
@media only screen and (min-width: 768px) {
.p-35{
padding: 20px ;
}
}
@media only screen and (min-width: 992px) {
.p-35{
padding: 40px 35px ;
}
} .wp-block-post-excerpt__more-text{
display: flex;
}
.wp-block-post-excerpt__more-link{
border-radius: 90px;
background-color: var(--color_orange);
color: white !important;
padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
font-family: var(--bs-btn-font-family);
font-weight: var(--bs-btn-font-weight);color: var(--color_orange);
font-size: 17px;
margin:auto;
margin-top: 30px;
display: inline-block;
text-align: center;
text-decoration: none;
vertical-align: middle;
cursor: pointer;
user-select: none;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.gracher_webinare_bg {
background-image: url(//www.gracher.eu/wp-content/uploads/2024/02/Startseite_Webinare.jpg);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
height: 225px;
}
.gracher_presse_bg {
background-image: url(//www.gracher.eu/wp-content/uploads/2024/02/Startseite_Presse.webp);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
height: 225px;
}
@media only screen and (max-width: 768px) {
.wp-block-post-excerpt__more-link { }
.wp-block-post-excerpt__more-link:hover{
opacity: 0.5;
transition: color 1s ease-in-out, background-color 1s ease-in-out;
}
}
@media only screen and (min-width: 768px) {
.gracher_webinare_bg, .gracher_presse_bg {
height: auto;
}
.wp-block-post-excerpt__more-link {
margin-left: 35px;
background-color: transparent;
color: var(--color_orange) !important;
font-size: 18px;
}
}
@media only screen and (min-width: 768px) {
a.wp-block-post-excerpt__more-link::before{
left: 20px;
width: 30px;
height: 30px;
}
a.wp-block-post-excerpt__more-link::before{
content: '';
display: block;
width: 25px;
height: 25px;
border: 6px solid var(--color_orange);
background-color: transparent;
border-radius: 50%;
position: absolute;
left: 16px;
margin-top: -0.375rem;
}
}
@media only screen and (min-width: 992px) {
a.wp-block-post-excerpt__more-link::before{
left: 35px;
width: 34px;
height: 34px;
}
.minheight-webinare-presse{
min-height: 410px;
}
.gracher_webinare_bg, .gracher_presse_bg {
height: 340px;
}
a.wp-block-post-excerpt__more-link::before{
border: 8px solid var(--color_orange);
}
}
@media only screen and (min-width: 1200px) {
.minheight-webinare-presse{
min-height: 350px;
}
}
@media only screen and (min-width: 1400px) {
.minheight-webinare-presse{
min-height: 300px;
}
}  .gracher_block_titel{
min-height: 75px; 
font-family: 'Raleway', sans-serif; 
font-size: 14px; 
font-weight: 800;
}
#kundenzufriedenheit h2, #nur-bei-gracher h2, #suretymanager h2, .gracher_info_block h2{
padding-bottom: 0;
font-size:25px; 
line-height: 30px;
}
#kundenzufriedenheit h3, #nur-bei-gracher h3, #suretymanager h3, .gracher_info_block h3{
font-family: 'Raleway', sans-serif; 
font-size: 23px; 
font-weight: 800;
padding-bottom: 15px;
}
@media only screen and (min-width: 768px) {
#kundenzufriedenheit h2, #nur-bei-gracher h2, #suretymanager h2, .gracher_info_block h2{
font-size:28px; 
}
#kundenzufriedenheit h3, #nur-bei-gracher h3, #suretymanager h3, .gracher_info_block h3{
font-size: 26px; 
padding-bottom: 20px;
}
}
@media only screen and (min-width: 992px) {
#kundenzufriedenheit h2, #nur-bei-gracher h2, #suretymanager h2, .gracher_info_block h2{
font-size:36px; 
}
#kundenzufriedenheit h3, #nur-bei-gracher h3, #suretymanager h3, .gracher_info_block h3{
font-size: 23px; 
}
.gracher_block_titel{
min-height: 110px;
}
}
@media only screen and (min-width: 1200px) {
#kundenzufriedenheit h2, #nur-bei-gracher h2, #suretymanager h2, .gracher_info_block h2{
font-size:42px; 
}
#kundenzufriedenheit h3, #nur-bei-gracher h3, #suretymanager h3, .gracher_info_block h3{
font-size: 27px; 
padding-bottom: 40px;
}
.gracher_block_titel{
min-height: 129px;
}
}
@media only screen and (min-width: 1400px) {
#kundenzufriedenheit h2, #nur-bei-gracher h2, #suretymanager h2, .gracher_info_block h2{
font-size:50px; 
line-height: 40px;
text-align: center;
}
#kundenzufriedenheit h3, #nur-bei-gracher h3, #suretymanager h3, .gracher_info_block h3{
font-size: 28px;
text-align: center;
}
} .info-cont {
min-height: 150px; }
.weitere-presse .p-35{
padding:35px;
}
.weitere-presse{
margin-bottom:60px;
}
@media only screen and (min-width: 768px) {
.info-cont {
min-height: 150px;
}
.weitere-presse .p-35{
padding:35px;
} }
@media only screen and (min-width: 992px) {
.info-cont {
min-height: 360px; }
.kreditversicherung .info-cont {
min-height: 300px;
}
.weitere-presse {
margin-bottom: 0;
}
}
@media only screen and (min-width: 1200px) {
.kreditversicherung .info-cont {
min-height: 400px;
}
}
@media only screen and (min-width: 1400px) {
.kreditversicherung .info-cont {
min-height: 390px;
}
}  .portrait-text{
position: relative; 
margin-left: 50px; 
padding-right:14px;
}
.portrait-text::before{
content: '';
display: block;
width: 25px;
height: 25px;
border: 6px solid var(--color_orange);
background-color: transparent;
border-radius: 50%;
top: 25%;
left: -47px;
position: absolute;
}
.gracher_ap {
display: flex;
align-items: center;
text-align: left;
line-height:20px;
}
.gracher_ap .ap_position{
font-size: 12px;
font-weight: 300;
line-height: 18px;
margin:0;
}
.gracher_ap .ap_kontakt{
color: var(--color_orange);
font-family: 'Raleway', sans-serif;
font-weight: 800;
margin-bottom: 0;
line-height:20px;
padding-bottom: 0;
font-size:14px;
}
.gracher_ap .ap_name{
font-size: 14px;
font-family: 'Raleway', sans-serif;
font-weight: 800;
margin: 0;
line-height:20px;
padding-bottom: 0;
}
.portrait {
margin-right: 20px; margin-left: -1px;
}
.portrait img{ 
border-radius: 50%; 
width: 70px;
}
@media all and (min-width: 768px) {
.portrait img{  
width: 84px;
}
.gracher_ap .ap_name{
font-size: 16px;
padding-bottom: 5px;
}
.gracher_ap .ap_kontakt{
font-size:16px;
padding-bottom: 5px;
}
.gracher_ap .ap_position{
font-size: 14px;
}
.portrait-text::before{
width: 30px;
height: 30px;
border-width: 7px;
}
}
@media all and (min-width: 992px) {
ul.depth_1 {
left: 100% !important;
top: 0% !important
}
ul.depth_0>.menu-item-has-children a:after {
display: inline-flex;
content: "";
border-color: transparent;
border-style: solid;
border-width: 5px 0 5px 5px;
border-left-color: #cccccc;
}
ul.depth_1 a:after {
border: 0 !important;
}
.portrait img{  
width: 107px;
}
.gracher_ap .ap_name{
font-size: 18px;
}
.gracher_ap .ap_kontakt{
font-size:18px;
}
.gracher_ap .ap_position{
font-size: 14px;
}
.portrait-text::before{
width: 34px;
height: 34px;
border-width: 8px;
}
} .historie {width: 296px;}
@media all and (min-width: 768px) {
.historie {width: 400px;}
}
@media all and (min-width: 992px) {
.historie {width: 100%;}
}
@media all and (min-width: 1200px) {
.historie {width: 1080px;}
}
.keyfacts {
padding: 30px 30px 0px 30px;
min-height: 200px;
}
.keyfacts h2 {
font-size: 65px;
margin-bottom: 25px;
padding: 0;
}
.keyfacts p{
font-size: 18px;
line-height: 26px;
font-weight:normal;
text-align: center;
}
.eco-zertifikat img {
margin: 25px 0;
} .mitarbeiterblock p{
margin: 0; 
padding: 0;
}
.mitarbeiterblock {
margin-bottom: 50px;
}
.mitarbeiterblock:last-child {
margin-bottom: 0;
}
.mitarbeiter-bild{
height: 200px;
background-size: cover;
}
.mitarbeiterblock .row.buttons{
min-height: 28px;
}
.modal-content{
border-radius: 80px;
}
.modal-content{
padding: 20px 40px 0 0;
}
.modal-content .ma-name p{
font-size: 18px;
}
.ma_zur_person p{
font-size: 15px;
margin-bottom: 18px;
line-height:22px;
}
.mitarbeiterblock .btn-modal-close{
background: none;
border: none;
margin-top: -80px;
}
.filter {
margin-bottom: 35px;
}
.filter .btn.btn-orange {
font-size: 14px;
border-radius: 90px;
background-color: var(--color_orange);
color: white;
font-family: 'Raleway', sans-serif;
font-weight: 800;
padding-bottom: 3px;
text-align: center;
margin-right: 12px;
margin-bottom: 17px;
padding-top: 2px;
height: auto;
}
.filter .btn.btn-dark-grey {
font-size: 14px;
border-radius: 90px;
background-color: var(--color_dark_grey);
color: white;
font-family: 'Raleway', sans-serif;
font-weight: 800;
padding-bottom: 3px;
text-align: center;
margin-right: 12px;
margin-bottom: 17px;
padding-top: 2px;
height: auto;
}
.ma {
padding: 14px 17px 25px 17px;
}
.ma .btn.btn-orange {
font-size: 17px;
border-radius: 90px;
background-color: var(--color_orange);
color: white;
font-family: 'Raleway', sans-serif;
font-weight: 800;
padding: 0 20px 0 20px;
height: 33px;
}
.ma_name{
font-size: 14px;
font-family: 'Raleway', sans-serif;
font-weight: 800;
line-height:18px;
}
.mitarbeiterblock p.ma_position{
font-size: 14px;
font-family: 'Raleway', sans-serif;
font-weight: 800;
color: var(--color_orange);
line-height:18px;
padding-bottom:18px;
}
.ma_tel, .ma_mail, .ma_sprachen{
font-size: 14px;
line-height:23px;
float: left;
}
.ma_mail a{font-weight: inherit;}
.mitarbeiterblock p.ma_sprachen{
margin-bottom:20px;
}
.ma_tel img, .ma_mail img {
width: 13px;
height: auto;
margin-right:15px;
}
.ma_sprachen img {
width: 19px;
height: auto;
margin-right:11px;
}
.icon_linkedin, .icon_xing{
width: 32px; 
height: auto;
margin-left: 7px;
}
@media all and (min-width: 768px) {
.mitarbeiter-bild{
height: 250px;
background-position: top center;
}
.mitarbeiter-bild.maid_15006, .mitarbeiter-bild.maid_15012{
background-position: top right;
}
.ma {
min-height: 235px;
}
}
@media all and (min-width: 992px) {
.ma {
min-height: 235px;
}
.mitarbeiterblock .btn-modal-close{
margin: 0 40px;
}
}
@media all and (min-width: 1200px) {
.filter {
margin-bottom: 135px;
margin-top: 85px;
}
.maid_12637 {
background-position: right top;
}
.maid_12728, .maid_12462
{
background-position: left top;
}
.ma {
padding: 14px 17px 20px 17px;
min-height: unset;
}
.filter .btn.btn-orange, .filter .btn.btn-dark-grey {
font-size: 18px;
padding-bottom: 5px;
margin-right: 12px;
margin-bottom: 17px;
padding-top: 4px;
height: auto;
}
.mitarbeiterblock .rund-links img {
width: 100%;
}
.ma_name{
font-size: 18px;
line-height:18px; 
}
.ma_kontakt{
font-size:16px;
}
.ma_position{
font-size: 15px;
line-height:18px; 
}
.ma_tel, .ma_mail, .ma_sprachen{
font-size: 15px;
} 
.ma .btn.btn-orange {
font-size: 15px;
height: 28px;
}
.icon_linkedin, .icon_xing{
width: 28px; 
}
} .gracher_ap_block_link {
width: 100%;
justify-content: left !important;
}
.gracher_ap_block_link:hover {
color:black; 
opacity:0.5;
transition: color 1s ease-in-out, background-color 1s ease-in-out;
}
.inverted .portrait-text::before{
border-color: white;
left: -40px;
}
.inverted .portrait img{  
min-width: 100px;
}
.gracher_ap.inverted{
background-color: var(--color_orange);
border-radius: 90px;
width: 100%;
max-width: 330px;
height:100px;
margin-top: 40px;
}
.gracher_ap.inverted h3{
color: black;
}
.gracher_ap.inverted .portrait{
background: linear-gradient(to right, transparent 50%, var(--color_orange) 50%);
}
.inverted .portrait-text {
margin-left: 30px;
}
.gracher_ap.inverted .ap_kontakt{
color: white;
}
@media only screen and (min-width: 768px) {
.inverted .portrait img{  
min-width: 100px;
}
.gracher_ap.inverted{
height:100px;
max-width: 350px;
margin-top: 40px;
}
.gracher_ap_block_link {
width: 100%;
justify-content: center !important;
}
}
@media only screen and (min-width: 992px) {
.inverted .portrait img{  
min-width: 133px;
}
.gracher_ap.inverted{
height:133px;
max-width: 380px;
margin-top: 0;
}
} .abstand-195{
height:110px  !important;;
}
.abstand-155{
height:155px !important;;
}
.abstand-140{
height:70px !important;;
}
.abstand-125{
height:50px !important;;
}
.abstand-100{
height:40px !important;;
}
.abstand-80{
height:60px !important;;
}
.abstand-60{
height:90px !important;;
}
.abstand-40{
height: 40px !important;
}
.abstand-20{
height: 20px !important;
}
@media only screen and (min-width: 768px) {
.abstand-195{
height:125px !important;
}
.abstand-155{
height:50px  !important;;
}
.abstand-140{
height:75px !important;;
}
.abstand-125{
height:125px  !important;;
}
.abstand-100{
height:50px !important;;
}
.abstand-80{
height:70px !important;;
}
.abstand-60{
height:105px !important;;
}
}
@media only screen and (min-width: 992px) {
.abstand-195{
height:195px !important;;
}
.abstand-155{
height:155px !important;;
}
.abstand-140{
height:140px !important;;
}
.abstand-125{
height:125px !important;;
}
.abstand-100{
height:100px !important;;
}
.abstand-80{
height:80px !important;;
}
.abstand-60{
height:60px !important;;
}
} .block-padding{padding: 28px 12px 36px 42px; }
.block-padding p{font-size: 15px !important;}
.vorteile{
padding: 20px 10px 20px 10px;
background-color: var(--color_grey);
border-top-right-radius: 90px;
background-image:none;
}
.vorteile.form{padding-bottom:0;}
.vorteile p, .vorteile ul li{
font-family: 'URW DIN', sans-serif;
font-weight: normal;
font-size:14px;
line-height:20px;
}
.vorteile ul li{
padding-bottom:10px; 
}
.vorteile ul li:last-of-type{
padding-bottom:0; 
}
.vorteile ul,
.avalblock ul{
list-style: none;
padding-left: 30px;
}
.vorteile ul li::before,
.avalblock ul li::before{
content: '';
display: block;
border: 4px solid var(--color_light_blue);
background-color: transparent;
border-radius: 50%;
position: absolute;
left: 0;
height: 16px;
width: 16px;
margin-top: .375rem;
}
@media only screen and (min-width: 768px) {
.vorteile {
border-top-right-radius: 90px;
border-top-left-radius: 0;
padding: 25px 25px 45px;
}
.vorteile p, .vorteile ul li{
font-size:16px;
line-height:22px;
}
.vorteile ul li{
padding-bottom:5px; 
}
}
@media only screen and (min-width: 992px) {
.vorteile {
padding: 50px 20px 50px 60px;
border-top-right-radius: 0;
border-top-left-radius: 90px;
background-image: url(//www.gracher.eu/wp-content/themes/bootscore-child-main/img/halfcircle-orange-right.svg);
background-repeat: no-repeat !important;
background-position:  right center;
background-size: auto 189px;
}
.vorteile p, .vorteile ul li{
font-size: 20px;
line-height: 28px;
}
.vorteile ul li{
padding-bottom:15px; 
}
}
.vorteile.form, .vorteile.sprungmarke{
background-image: none;
} .infobox{
padding: 25px 40px 20px 30px;
border-top-right-radius: 0;
border-top-left-radius:0 ;
background-color: var(--color_grey);
}
.infobox .wp-block-group__inner-container { max-width: 468px;
padding-right: 1.5rem;
padding-left: 1.5rem;
}
.infobox h2{
color: var(--color_orange);
font-size: 23px;
line-height:27px;
padding-bottom: 40px;
}
.infobox p, .infobox ul li{
font-family: 'URW DIN', sans-serif;
font-weight: normal;
font-size:14px;
line-height:20px;
}
.infobox ul li{
padding-bottom:10px; 
}
.infobox ul li:last-of-type{
padding-bottom:0; 
}
.infobox ul {
list-style: none;
padding-left: 40px;
}
.infobox ul li::before {
content: '';
display: block;
border: 4px solid var(--color_light_blue);
background-color: transparent;
border-radius: 50%;
position: absolute;
left: 0;
height: 16px;
width: 16px;
margin-top: .275rem;
}
.infobox .li-light li{
font-weight: 300;
}
@media only screen and (min-width: 768px) {
.infobox {
border-top-right-radius: 90px;
border-top-left-radius: 90px;
padding: 40px 70px 20px;
}
.infobox .wp-block-group__inner-container { max-width: inherit;
padding-right: 0;
padding-left: 0;
}
.infobox h2{
font-size: 26px;
line-height:22px;
}
.infobox p, .infobox ul li{
font-size:16px;
line-height:22px;
}
.infobox ul li{
padding-bottom:10px; 
}
}
@media only screen and (min-width: 992px) {
.infobox {
padding: 50px 110px 40px; background-image:url(//www.gracher.eu/wp-content/themes/bootscore-child-main/img/circle-white.svg);
background-repeat: no-repeat;
background-position: 40px 45px;
background-size: 50px;
}
.infobox h2{
font-size: 33px;
line-height:41px;
}
.infobox p, .infobox ul li{
font-size:20px;
line-height:26px;
}
.infobox ul li{
padding-bottom:30px;
margin-right: 25px;
}	
} .hervorhebung{
padding: 20px 40px 40px 20px;
background-color: var(--color_grey);
border-top-right-radius: 90px;
background-image:url(//www.gracher.eu/wp-content/themes/bootscore-child-main/img/circle-white.svg);
background-repeat: no-repeat;
background-position: 40px 43px;
background-size: 50px;
}
.hervorhebung h2{
color: var(--color_orange);
}
.hervorhebung p, .hervorhebung ul li{
font-family: 'URW DIN', sans-serif;
font-weight: normal;
font-size:14px;
line-height:20px;
}
.hervorhebung ul li{
padding-bottom:10px; 
}
.hervorhebung ul li:last-of-type{
padding-bottom:0; 
}
.hervorhebung ul li::before {
content: '';
display: block;
border: 4px solid var(--color_light_blue);
background-color: transparent;
border-radius: 50%;
position: absolute;
left: 0;
height: 16px;
width: 16px;
margin-top: 2px;
}
@media only screen and (min-width: 768px) {
.hervorhebung p,.hervorhebung ul li{
font-size:16px;
line-height:22px;
}
.hervorhebung ul li{
padding-bottom:10px; 
}
}
@media only screen and (min-width: 992px) {
.hervorhebung {
padding: 50px 80px 50px 80px;
border-top-right-radius: 0;
border-top-left-radius: 90px;
}
.hervorhebung p,.hervorhebung ul li{
font-size: 20px;
line-height: 26px;
}
.hervorhebung ul li{
padding-bottom: 30px; 
}
} #text-link-block .text-block { max-width: 468px;
margin: 0 auto 50px;
padding-right: 1rem;
padding-left: 1rem;
}
.linkblock{
font-family: 'Raleway', sans-serif;
font-weight: 800 ;
Line-height:23px;
padding: 20px;
background-image:url(//www.gracher.eu/wp-content/themes/bootscore-child-main/img/halfcircle-orange-right.svg);
background-repeat: no-repeat;
background-position: right center;
background-size: 60px;
background-color: var(--color_light_blue);
}
.linkblock .btn{
margin-bottom: 15px;
}
.linkblock .wp-block-group__inner-container { max-width: 468px;
margin: auto;
padding-right: 1.5rem;
padding-left: 1.5rem;
}
.link-pills {
padding-top: 15px;
}
.wp-block-spacer.whitespacer{
background-color: white;
}
#text-link-block.pseudo-full-width {
width: 100vw;
position: relative;
margin-left: calc(-50vw + 50%);
margin-right: calc(-50vw + 50%);
}
.linkblock h3{
font-family: 'Raleway', sans-serif;
font-weight: 800;
font-size: 18px;
color: var(--color_blue);
}
@media (min-width: 576px) {
#text-link-block .text-block, .linkblock .wp-block-group__inner-container {
max-width: 540px;
}
}
@media only screen and (max-width: 768px) {
.pseudo-full-width {
width: 100vw;
position: relative;
margin-left: calc(-50vw + 50%);
margin-right: calc(-50vw + 50%);
}
#text-link-block .text-block, .linkblock .wp-block-group__inner-container {
max-width: 712px;
}
}
@media only screen and (min-width: 992px) { .linkblock .wp-block-group__inner-container, #text-link-block .text-block {
max-width: 100%;
padding-right: calc(var(--bs-gutter-x) * .5);
padding-left: calc(var(--bs-gutter-x) * .5);
margin-top: var(--bs-gutter-y);
}
.text-block{
padding-right:35px !important;
}
#text-link-block.pseudo-full-width {
width: 100%;
position: relative;
margin-left: auto;
margin-right: auto;
}
.linkblock{
padding: 20px 20px 20px 75px;
background-image:url(//www.gracher.eu/wp-content/themes/bootscore-child-main/img/halfcircle-orange.svg);
background-repeat: no-repeat;
background-position: left center;
background-size: 50px;
}
.linkblock h3 {
padding-bottom: 15px;
}
.linkblock a.badge {
padding: 8px;
border-width: 0;
}
}  .BJ-block .white {
padding: 20px 15px 10px;
font-family: 'URW DIN', sans-serif;
font-size:14px;
line-height:20px;
}
.BJ-block p{
margin-bottom:30px
}
.BJ-header {
height: 140px;
background-image:url(//www.gracher.eu/wp-content/uploads/2024/02/BJ-header-mobil.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
margin-bottom: 25px;
}
@media only screen and (min-width: 768px) {
.BJ-block .white {
padding: 30px 60px 10px;
font-size:18px;
line-height:26px;
}
.BJ-header {
height: 80px;
background-image:url(//www.gracher.eu/wp-content/uploads/2024/02/BJ-header.png);
margin-bottom: 30px;
}
}
@media only screen and (min-width: 992px) {
.BJ-block .white {
padding: 30px 85px 10px;
}
.BJ-header {
margin-bottom: 40px;
}
} .presse a.wp-element-button.undefined {
font-size: 23px;
border-radius: 40px;
background-color: var(--color_orange);
color: white;
font-weight: 800;
padding: 5px 20px;
font-family: 'Raleway', sans-serif;
}
.presse a.wp-element-button.undefined:hover{
transition: color 1s ease-in-out, background-color 1s ease-in-out;
opacity: 0.5;
}
.presse .wp-block-post-excerpt__more-text {
margin-bottom: 30px;
}
.wp-block-post-excerpt__more-link {
margin-top: 15px;
}
@media only screen and (min-width: 768px) {
}
@media only screen and (min-width: 992px) {
.presse .bg-grey {
padding: 70px 50px 50px 40px;
}
.presse	 a.wp-block-post-excerpt__more-link::before {
left: 0;
width: 34px;
height: 34px;
}
.presse	.wp-block-post-excerpt__more-text {
margin-bottom:45px;
}
}
.fussnote {
font-size: 12px;
margin-top: -10px;
} .intro{
font-size: 14px; 
font-weight: normal; 
line-height: 20px;
margin-bottom:0;
}
.intro a{
color: var(--color_blue);
}
@media only screen and (min-width: 768px) {
.intro{
font-size: 18px; 
line-height: 26px;
}
}
@media only screen and (min-width: 992px) {
.intro{
font-size: 23px; 
line-height: 33px;
}
} .iconbox{
padding: 40px 15px 40px 25px; 
min-height: 160px;
hyphens: none;
}
.iconbox .wp-block-group__inner-container {
width: 100%;
}
#surety-manager .iconbox{
min-height: 130px;
}
#warenkreditversicherung .iconbox{
min-height: 180px;
}
#warenkreditversicherung img {
min-width: 80px;
}
.iconbox.rund-links img{
border-top-left-radius: 0;
}
.iconbox img{
width: 62px; 
height: auto;
}
.iconbox p{
margin-bottom: 0;
font-size: 14px; 
font-weight: normal; 
line-height: 20px;
}
@media only screen and (min-width: 768px) {
.iconbox p{
font-size: 16px; 
line-height: 22px;
}
.iconbox{
min-height: 190px;
}	
#surety-manager .iconbox{
min-height: 190px;
}
#warenkreditversicherung img {
min-width: 70px;
}
#warenkreditversicherung .iconbox{
min-height: 290px;
}
}
@media only screen and (min-width: 992px) {
.iconbox{
min-height: 225px;
padding: 40px 25px 40px 35px;
}
#surety-manager .iconbox{
min-height: 185px;
padding: 40px 15px 40px 35px;
}
#warenkreditversicherung .iconbox{
min-height: 300px;
}
#warenkreditversicherung img {
min-width: 90px;
}
.iconbox p{
font-size: 18px; 
line-height: 26px;
}	
} .nur_gracher .vorteile{
padding: 50px 40px;
}
.nur_gracher .vorteile img{
width:62px;
}
.nur_gracher .vorteile p.badge {
font-size: 14px;
font-weight:800;
font-family: 'Raleway', sans-serif;
padding: 10px 30px;
margin-top: 12px;
margin-bottom: 25px;
}
.nur_gracher .vorteile p {
font-size: 14px;
font-weight:300;
margin-bottom: 20px;	
}
.nur_gracher .row {
margin-top: 40px;
}
.nur_gracher h2 {
padding-bottom: 0;
}
@media only screen and (min-width: 768px) {
.nur_gracher .vorteile p.badge {
font-size: 16px;
}
.nur_gracher .vorteile p {
font-size: 16px;
}
}
@media only screen and (min-width: 992px) {
.nur_gracher .vorteile{
padding: 50px;
}
.nur_gracher .vorteile img{
width:85px;
}
.nur_gracher .vorteile p.badge {
font-size: 23px;
line-height: 26px;
padding: 10px 30px;
margin-top: 20px;
margin-bottom: 35px;
}
.nur_gracher .vorteile p {
font-size: 18px;	
}
.nur_gracher .row {
margin-top: 40px;
}
.nur_gracher h2 {
padding-bottom: 0;
}
}  .avalblock.bg-blue{
padding: 30px 20px 20px 20px;
min-height: 330px;
border-top-left-radius: 90px;
border-top-right-radius: 90px;
}
.avalblock img{
max-width:250px;
}
.avalblock figure{
margin:0;
}
.avalblock ul li {
padding-bottom:20px;
font-size:14px;
}
.avalblock .wp-block-embed iframe {
height: auto;
padding-top:40px;
}
.kontakt-block .bg-blue{
padding: 25px 40px ;
}
.kontakt-block h2 {
padding-bottom: 25px;
font-size: 25px;
}
.kontakt-block .btn.btn-orange {
margin-top: 20px;
}
.kontakt-block p {
margin: 0;
}
@media only screen and (min-width: 768px) {
.avalblock.bg-blue{
padding: 40px 40px 40px 40px;
min-height: 330px;
}
.avalblock ul li {
padding-bottom:15px;
font-size:16px;
}
.avalblock .wp-block-embed iframe {
height: revert-layer;
}
.kontakt-block .bg-blue {
padding: 50px 40px;
}
.kontakt-block h2 {
padding-bottom: 40px;
font-size: 26px;
}
}
@media only screen and (min-width: 992px) {
.avalblock img {
max-width: 400px;
}
.avalblock.bg-blue{
padding: 70px 40px 40px 40px;
min-height: 330px;
}
.avalblock ul li {
padding-bottom:40px;
font-size:18px;
}
.kontakt-block .bg-blue{
padding-top: 70px;
padding-bottom: 50px;
}
.kontakt-block h2 {
padding-bottom: 50px;
font-size: 35px;
}
.kontakt-block .btn.btn-orange {
margin-top: 35px;
}
} .standorte p{
font-weight: normal;
margin-bottom: 0;
line-height: unset;
}
.standorte figure{
margin: 0;
}
.standorte .ma_tel, .standorte .ma_mail{
line-height: unset;
font-size: 12px;
}
@media only screen and (min-width: 768px) {
.standorte .ma_tel, .standorte .ma_mail{
font-size: 13px;
}
}
.standort_trier,
.standort_frankfurt,
.standort_zagora,
.standort_sofia,
.standort_hamburg,
.standort_saarbruecken,
.standort_bremen,
.standort_mainz,
.standort_essen,
.standort_koeln,
.standort_mannheim,
.standort_muenchen,
.standort_stuttgart,
.standort_zwolle,
.standort_wien,
.standort_london,
.standort_duebendorf,
.standort_duesseldorf
{
height: 250px;
background-position: center center;
background-size: cover;
}
.standort_duesseldorf{
background-image: url(//www.gracher.eu/wp-content/uploads/2025/03/duesseldorf.jpg);
}
.standort_duebendorf{
background-image: url(//www.gracher.eu/wp-content/themes/bootscore-child-main/img/duebendorf.jpg);
}
.standort_london{
background-image: url(//www.gracher.eu/wp-content/themes/bootscore-child-main/img/london.jpg);
}
.standort_trier{
background-image: url(//www.gracher.eu/wp-content/themes/bootscore-child-main/img/trier.jpg);
}
.standort_wien{
background-image: url(//www.gracher.eu/wp-content/themes/bootscore-child-main/img/wien.jpg);
}
.standort_zwolle{
background-image: url(//www.gracher.eu/wp-content/themes/bootscore-child-main/img/zwolle.jpg);
}
.standort_frankfurt{
background-image: url(//www.gracher.eu/wp-content/themes/bootscore-child-main/img/frankfurt.jpg);
}
.standort_zagora {
background-image: url(//www.gracher.eu/wp-content/themes/bootscore-child-main/img/zagora.jpg);
}
.standort_sofia {
background-image: url(//www.gracher.eu/wp-content/themes/bootscore-child-main/img/sofia.jpg);
}
.standort_bremen{
background-image: url(//www.gracher.eu/wp-content/themes/bootscore-child-main/img/standort_bremen.jpg);
}
.standort_mainz{
background-image: url(//www.gracher.eu/wp-content/themes/bootscore-child-main/img/mainz.jpg);
}
.standort_essen{
background-image: url(//www.gracher.eu/wp-content/themes/bootscore-child-main/img/essen-standort.jpg);
}
.standort_koeln{
background-image: url(//www.gracher.eu/wp-content/themes/bootscore-child-main/img/koeln.jpg);
}
.standort_mannheim{
background-image: url(//www.gracher.eu/wp-content/themes/bootscore-child-main/img/mannheim.jpg);
}
.standort_muenchen{
background-image: url(//www.gracher.eu/wp-content/themes/bootscore-child-main/img/muenchen.jpg);
}
.standort_stuttgart{
background-image: url(//www.gracher.eu/wp-content/themes/bootscore-child-main/img/stuttgart.jpg);
}
.standort_hamburg{
background-image: url(//www.gracher.eu/wp-content/themes/bootscore-child-main/img/Kontakt_Standorte_Hamburg.png);
}
.standort_saarbruecken{
background-image: url(//www.gracher.eu/wp-content/themes/bootscore-child-main/img/Kontakt_Standorte_Saarbruecken.png);
}
@media only screen and (min-width: 768px) {
.standort_text{min-height: 135px;}
}
@media only screen and (min-width: 1200px) {
.standort_text{min-height: 180px;}
}
@media only screen and (min-width: 1400px) {
.standort_text{min-height: 160px;}
} .orange{color: var(--color_orange) !important;}
.white{color: white !important;}
.black{color: black !important;}
.light-blue{color: var(--color_light_blue) !important;}
.grey{color: var(--color_grey) !important;}
.blue{color: var(--color_blue) !important;}
.bg-orange{background-color: var(--color_orange) !important;}
.bg-light-blue{background-color: var(--color_light_blue) !important;}
.bg-grey{background-color: var(--color_grey) !important;}
.bg-blue{background-color: var(--color_blue) !important;}
.bg-black{background-color: black !important;}
.bg-white{background-color: white !important;}
.bg-primary {background-color: var(--color_orange) !important;}
.bg-secondary {background-color: var(--color_blue) !important;}
.nolink{pointer-events: none; cursor: default;}
.bootscore-copyright{
color: #fff;
font-family: 'URW DIN', sans-serif;
font-weight: normal;
font-size: 15px;
}
.no-hover{
pointer-events: none;
cursor: default;
}
.no-hover:hover{
opacity: 1 !important;
color: white !important;
} .page-id-38150 h1.page-title, .page-id-41755 h1.page-title, .page-id-40993 h1.page-title, .page-id-40988 h1.page-title {
display: none;
}
.webinar-btn a {
padding-top: 15px;
transition: 0.3s;
}
.webinar-btn a:hover {
color: #fff;
opacity: 0.5;
transition: 0.3s;
}
.datum{
font-size: 18px;
margin: 25px 0 35px 0 !important;
} .accordion {
--bs-accordion-color: black;
--bs-accordion-bg: white;
--bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
--bs-accordion-border-color: white;
--bs-accordion-border-width: 1px;
--bs-accordion-border-radius: 0.375rem;
--bs-accordion-inner-border-radius: calc(0.375rem - 1px);
--bs-accordion-btn-padding-x: 0;
--bs-accordion-btn-padding-y: 0;
--bs-accordion-btn-color: white;
--bs-accordion-btn-bg: var(--color_orange);
--bs-accordion-btn-icon: url(//www.gracher.eu/wp-content/themes/bootscore-child-main/img/arrow-down.svg);
--bs-accordion-btn-icon-width: 1rem;
--bs-accordion-btn-icon-transform: rotate(-180deg);
--bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
--bs-accordion-btn-active-icon: url(//www.gracher.eu/wp-content/themes/bootscore-child-main/img/arrow-down.svg);
--bs-accordion-btn-focus-border-color: none;
--bs-accordion-btn-focus-box-shadow: none;
--bs-accordion-body-padding-x: 1.25rem;
--bs-accordion-body-padding-y: 1rem;
--bs-accordion-active-color: white;
--bs-accordion-active-bg: var(--color_orange);
}
h1.accordion-header{
font-family: 'Raleway', sans-serif;
font-weight: 800 ;
text-align: center;
margin-bottom: 0;
font-size: 14px;
line-height: 22px;
}
.accordion-button{
font-family: 'Raleway', sans-serif;
font-weight: 800;
font-size: 14px;
text-align: center;
border-radius: 50px !important;
padding: 5px 50px ;
justify-content: center;
min-height: 50px;
line-height: 20px;
}
.accordion-button::after {
margin-left: 0;
position: absolute;
right: 25px;
}
.inner-accordion{--bs-accordion-btn-icon: url(//www.gracher.eu/wp-content/themes/bootscore-child-main/img/plus-BG-white.svg);
--bs-accordion-btn-active-icon: url(//www.gracher.eu/wp-content/themes/bootscore-child-main/img/minus-BG-white.svg);
margin-bottom: 15px;
}
.inner-accordion .accordion-button{
background-color: var(--color_blue);
border-radius: 0 !important;
font-size: 15px !important;
}
.inner-accordion .accordion-item{
background-color: var(--color_grey);
}
.accordion-item{
margin-bottom: 40px;
}
.inner-accordion h4{
color: black;
padding-bottom: 15px;
}
.accordion-item h1{
padding-bottom: 0;
}
.case_fall{
position: absolute;
left: 10px;
}
.case_title{
position: absolute;
left: 140px;
display: none;
}
@media only screen and (min-width: 500px) {
.case_title{
display: block;
}
.inner-accordion .accordion-button{
background-image: linear-gradient(to right, var(--color_blue) 0%, var(--color_blue) 130px, var(--color_light_blue) 130px, var(--color_light_blue) 100%);
}
}
@media only screen and (min-width: 768px) {
.inner-accordion .accordion-button{
font-size: 16px;
background-image: linear-gradient(to right, var(--color_blue) 0%, var(--color_blue) 150px, var(--color_light_blue) 150px, var(--color_light_blue) 100%);
}
.case_title{
position: absolute; 
left: 160px; 
}
.accordion-button{
font-size:18px;
line-height: 26px;
}
}
@media only screen and (min-width: 996px) {
.accordion-button{
font-size:30px;
line-height: 35px;
}
}
@media only screen and (min-width: 1200px) {
.inner-accordion .accordion-button{
font-size: 18px !important;
background-image: linear-gradient(to right, var(--color_blue) 0%, var(--color_blue) 200px, var(--color_light_blue) 200px, var(--color_light_blue) 100%);
}
.case_title{
position: absolute;
left: 225px; 
}
.accordion-button{
padding: 5px 30px;
}
} ul.einfache-liste  li{
font-family: 'URW DIN', sans-serif; font-size:14px;
line-height:20px;
padding-bottom:10px; 
padding-left: 5px;
}
ul.einfache-liste  li:last-of-type{
padding-bottom:0; 
}
ul.einfache-liste  {
list-style: none;
padding-left: 25px;
}
ul.einfache-liste  li::before {
content: '';
display: block;
border: 4px solid var(--color_light_blue);
background-color: transparent;
border-radius: 50%;
position: relative;
left: 0;
margin-top: 3px;
height: 16px;
width: 16px;
margin-left: -30px;
float: left;
}
@media only screen and (min-width: 768px) {
ul.einfache-liste  li{
font-size:16px;
line-height:22px;
}
}
@media only screen and (min-width: 992px) {
ul.einfache-liste  li{
font-size:18px;
line-height:26px;
}
} ul.intro-liste li{
font-family: 'URW DIN', sans-serif; font-size:16px;
line-height:20px;
padding-bottom:10px;
padding-left: 5px;
}
ul.intro-liste li:last-of-type{
padding-bottom:25px;
}
ul.intro-liste  {
list-style: none;
padding-left: 25px;
padding-top: 25px;
}
ul.intro-liste li::before {
content: '';
display: block;
border: 4px solid var(--color_light_blue);
background-color: transparent;
border-radius: 50%;
position: relative;
left: 0;
margin-top: 1px;
height: 16px;
width: 16px;
margin-left: -30px;
float: left;
}
@media only screen and (min-width: 768px) {
ul.intro-liste li{
font-size:18px;
line-height:22px;
}
}
@media only screen and (min-width: 992px) {
ul.intro-liste li{
font-size:23px;
line-height:24px;
}
} .wpcf7{font-size: 18px;}
.wpcf7-form h4{
color: black; 
font-family: 'URW DIN', sans-serif; font-size:18px;
line-height:24px;
padding-bottom:10px; 
margin-top: 40px;
}
.wpcf7 input[type="text"],
.wpcf7 textarea,
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"]{
border: none;
margin: 0;
width: 100%;
padding: 15px 15px 5px 15px;
}
.wpcf7 textarea{
margin-top: 15px;
}
.wpcf7 input[type="submit"]
{
background-color: var(--color_orange);
font-weight: 600;
max-width: 220px;
text-align: center;
display: block;
margin: 45px auto 0 auto;
}
.wpcf7-form label
{
color: #000;
font-weight: 300;
line-height: 20px;
margin-top: 3px;
display: block !important;
}
input[type=checkbox] {
margin-left: 0px;
}
.wpcf7-list-item-label{
margin-left: 5px;
margin-right: 30px;
line-height: 10px;
font-weight: 300;
}
@media only screen and (max-width: 768px) {
.wpcf7-list-item-label{
line-height: 20px !important;
}
}
.cr_form select, .wpcf7 select {
width: 250px;
background-color: #fff;
font-family: 'URW DIN', sans-serif;
font-weight: 300;
font-size: 18px;
padding-top: 10px; 
padding-bottom: 5px;
border: none;
border-radius: 0;
background-image: url(//www.gracher.eu/wp-content/themes/bootscore-child-main/img/arrow up-down.svg);
background-repeat: no-repeat;
background-size: 10px;
background-position: 225px center;
}
input[type=text].ansprechpartner {
float: none;
border: none;
padding: 0;
color: var(--color_orange) !important;
font-family: 'URW DIN', sans-serif;
font-weight: 600;
width: 400px;
display: inline-block;
background: none
}
.wpcf7-form-control{width: 100%; margin-right: 15px;}
.wpcf7-form-control-wrap[data-name="more-info"] .wpcf7-list-item-label{
color: black; 
font-family: 'URW DIN', sans-serif; font-size:15px;
line-height:21px;
padding-bottom:10px;
}
.webinar .wpcf7-list-item-label {
margin-left: 0px;
line-height: 25px !important;
font-weight: 300;
}
.webinar .wpcf7 label {
font-size: 12px;
}
.abbinder{
font-size: 12px;
line-height: 20px;
}
.wpcf7-form input[type="checkbox"] {
margin-left: -18px;
}
.wpcf7-form p{
font-size: 18px;
font-weight: 800;
}
.wpcf7-not-valid-tip {
color: var(--color_orange);
font-size: 15px;
font-weight: 300;
display: block;
margin: 5px 5px 0;
} span.wpcf7-list-item {
display: inline-flex;
margin: 0;
}
.wpcf7 .wpcf7-list-item {
margin-bottom: 10px;
}
.wpcf7-checkbox label {
position: relative;
cursor: pointer;
padding-top: 4px;
}
.wpcf7-checkbox input[type=checkbox]{ position: absolute;
visibility: hidden;
width: 20px;
height: 20px;
top: 0;
left: 0;
}
.wpcf7-checkbox input[type=checkbox] + span { }
.wpcf7-checkbox input[type=checkbox] + span:before {
display: block;
position: absolute;
content: '';
border-radius: 0;
height: 20px;
width: 20px;
top: 0px;
left: 0px;
border: 2px solid  var(--color_orange);
background: white;
}
.wpcf7-checkbox input[type=checkbox] + span:after {
display: block;
position: absolute;
content: "\2713";
height: 20px;
width: 20px;
top: 0;
left: 0;
visibility: hidden;
font-size: 18px;
text-align: center;
line-height: 20px;
color: var(--color_orange);
}
.wpcf7-checkbox input[type=checkbox]:checked + span:before {
background: transparent;
}
.wpcf7-checkbox input[type=checkbox]:checked + span:after {
visibility: visible;
}
.wpcf7-list-item.first.last {
margin-top: 35px;
}
.wpcf7-list-item-label {
margin-left: 30px;
display: inline-block;
}
::-webkit-input-placeholder { color: var(--bs-body-color) !important;
font-family: 'URW DIN', sans-serif;
font-weight: 300;
opacity: 1;
}
:-moz-placeholder { color: var(--bs-body-color) !important;
font-family: 'URW DIN', sans-serif;
font-weight: 300;
opacity: 1;
}
::-moz-placeholder { color: var(--bs-body-color) !important;
font-family: 'URW DIN', sans-serif;
font-weight: 300;
opacity: 1;
}
:-ms-input-placeholder { color: var(--bs-body-color) !important;
font-family: 'URW DIN', sans-serif;
font-weight: 300;
opacity: 1;
}
.wpcf7 form.sent .wpcf7-response-output, .wpcf7 form.invalid .wpcf7-response-output {
border-color: #fff;
background: #fff;
padding: 20px;
margin-bottom: 55px;
border-radius: 5px;
font-weight: 400;
}
.wpcf7 form.invalid .wpcf7-response-output {
border-color: var(--color_orange);
background: #fff;
padding: 20px;
margin-bottom: 55px;
border-radius: 5px;
font-weight: 400;
color: var(--color_orange);
}
.wpcf7 h4{
color: var(--color_orange);
margin: 50px 0 5px 0;
}  .cr_form #\38 584419{
width: 250px;
}
.cr_form .itemname {
margin-top: 30px;
font-family: 'URW DIN', sans-serif;
font-weight: 300;
font-size: 18px;
}
.cr_form ul{
list-style: none;
padding: 0;
}
.cr_form li:before{
border: none !important;
}
.cr_form li input[type="checkbox"] {
margin-right: 15px;
}
input[type="checkbox"] .cr_ipe_checkbox {
width: 25px;
background: red ;
border: 5px solid red !important;
}
.cr_form li{
font-family: 'URW DIN', sans-serif !important;
font-weight: 300 !important;
font-size: 18px !important;
display: inline-block;
padding-right: 15px;
}
.cr-more-info{
font-size: 15px;
margin-left: 25px
}
.cr_form input[type="text"] {
border: none !important;
height: 40px;
}
.cr-more-info input[type="checkbox"] {
margin-right: 10px;
margin-left: -25px
}
.cr_form button{
font-family: var(--bs-btn-font-family);
font-size:23px;
background-color: var(--color_orange);
color: #fff;
font-weight: 600;
text-align: center;
display: block;
margin: 25px auto 0;
border: none;
border-radius: 40px;
display: flex;
transition: 0.5s;
padding: 10px 25px;
}
.cr_form button:hover{
opacity: 0.5;
transition: 0.5s;
}
p.small{
font-size:14px;
font-weight: 300;
margin-top: 30px;
line-height: 1.2rem;
}
@media only screen and (max-width: 768px) {
.cr_form .itemname {
font-size: 15px;
}
.cr-more-info {
font-size: 13px;
}
p.small {
font-size: 13px;
}
} .karrierekachel {
padding: 30px 20px 5px;
min-height: 275px;
hyphens:auto;
}
.karrierekachel figure{
text-align: center;
}
.karrierekachel p{
font-size: 18px;
line-height: 26px;
font-weight:normal;
text-align: center;
margin-bottom: 0 !important;
}
.rund-links.karrierekachel img {
border-radius: 0;
}
.karrierekachel img, .karrierekachel .wp-block-image img {
height: 120px !important;
}
@media only screen and (min-width: 768px) {
}
@media only screen and (min-width: 996px) {
.karrierekachel {
min-height: 250px;
padding: 30px 30px 5px;
}
}
@media only screen and (min-width: 1400px) {
.karrierekachel {
hyphens:none;
}
} .datenschutz h2 {
padding-top: 40px;
padding-bottom: 20px;
} .kontakt-tel.badge.mt-5 {
display: block;
}
.kontakt-tel, .kontakt-mail  {
background: var(--color_blue);
color: #fff;
border-radius: 40px;
transition: 0.3s;
width: 280px;
background-image: url(//www.gracher.eu/wp-content/themes/bootscore-child-main/img/phone_white.svg);
background-repeat: no-repeat !important;
background-size: 20px;
background-position: 18px 14px ;
}
.kontakt-mail {
background-image: url(//www.gracher.eu/wp-content/themes/bootscore-child-main/img/mail_white.svg);
}
.kontakt-tel a, .kontakt-mail a{	background: var(--color_blue);
color: #fff;
font-size: 18px;
font-weight: 400 !important;
font-family: 'URW DIN', sans-serif;
}
@media (max-width: 768px) {
.kontakt-tel, .kontakt-mail {
width: 100%;
background-size: 20px;
background-position: 44px 8px ;
}
} .l-kontakt-tel.badge.mt-5 {
display: block;
}
.l-kontakt-tel, .l-kontakt-mail  {
background: var(--color_blue);
color: #fff;
border-radius: 40px;
transition: 0.3s;
width: 330px;
background-image: url(//www.gracher.eu/wp-content/themes/bootscore-child-main/img/phone_white.svg);
background-repeat: no-repeat !important;
background-size: 20px;
background-position: 18px 14px ;
}
.l-kontakt-mail {
background-image: url(//www.gracher.eu/wp-content/themes/bootscore-child-main/img/mail_white.svg);
}
.l-kontakt-tel a, .l-kontakt-mail a{	background: var(--color_blue);
color: #fff;
font-size: 18px;
font-weight: 400 !important;
font-family: 'URW DIN', sans-serif;
}
@media (max-width: 768px) {
.l-kontakt-tel, .l-kontakt-mail {
width: 100%;
background-size: 20px;
background-position: 44px 8px ;
}
} .btn-anmelden{
font-family: var(--bs-btn-font-family);
font-size: 23px;
background-color: var(--color_orange);
color: #fff;
font-weight: 600;
text-align: center;
margin: 25px auto 0;
border: none;
border-radius: 40px;
transition: 0.5s;
padding: 10px 25px;
} .page-id-42698 h1{
hyphens: none;
}
.kontakt_assi p{
font-weight: 400;
line-height: 37px;
}
.kontakt_assi img{
width: 18px;
margin-top: -5px;
}
figure.kontakt_assi_portrait {
margin-top: 45px;
} .archiv-hoch{
height: 870px;
}
.archiv-hoch ul.einfache-liste li{
font-size: 15px;
}
.archiv-hoch ul.einfache-liste li a{
font-size: 18px;
}
.archiv-hoch ul{
margin-top: 40px;
}
.archiv-hoch li{
margin-bottom: 15px;
}
.right_orange_20{
background-image: url(//www.gracher.eu/wp-content/themes/bootscore-child-main/img/halfcircle-orange-right.svg);
background-repeat: no-repeat !important;
background-position:  right 600px;
background-size: 20%;
margin-bottom:10px;
}
.btn-center{
text-align: center;
}
@media (max-width: 1399px) {
.archiv-hoch{
height: 938px;
}
.right_orange_20{
background-position:  right 685px;
}
}
@media (max-width: 1199px) {
.archiv-hoch{
height: 962px;
}
.right_orange_20{
background-position:  right 745px;
}
}
@media (max-width: 991px) {
.archiv-hoch{
height: 550px;
}
}
.archiv a srong{
font-weight: normal;
}
.archiv a{
font-weight: revert;
} #collapse-search {
background: #fff;
margin-top: -42px;
margin-left: 210px;
margin-right: 30px;
border-radius: 5px;
}
#collapse-search  .form-control{
border: none;
padding-left: 0;
padding-top: 10px;
font-family: 'URW DIN', sans-serif;
font-weight: 300;
color: var(--bs-body-color);
}
#collapse-search  .form-control:focus{
box-shadow: none;
}
.searchform button{
display: none
}
.search-icon {
width: 20px;
filter: invert(1) brightness(2); margin-left: 5px;
margin-bottom: 3px;
}
.active > .page-link {
background-color: transparent;
border: none;
color: var(--color_orange);
font-weight: 800;
}
.page-link{border: none;
color: var(--bs-body-color);
}
.page-link:hover, .page-link:focus, .page-link:focus {
box-shadow: none;
border: none;
background: none;
}
.fw300{font-weight: 300 !important;}
.fonturw{font-family: 'URW DIN', sans-serif !important;}
pre{
background: none;
font-family: 'URW DIN', sans-serif;
padding: 0;
color: var(--color_dark_grey);
} .landingpage h2{
padding: 25px 0;
font-size:28px;
color: var(--color_orange);
}
.landingpage h3{
color: #000000 !important;
}
.landingpage img{
border-radius: 200px;
}
.landingpage-mail a{
font-weight: 300;
}
.landingpage-mail a::before {
content: url(//www.gracher.eu/wp-content/themes/bootscore-child-main/img/mail.svg);
display: inline-block;
width: 1em; height: 1em; margin-right: 0.5em; vertical-align: middle; }
p.landingpage-phone, p.landingpage-handy {
margin-bottom: 0em !important;
}
.landingpage-phone::before {
content: url(//www.gracher.eu/wp-content/themes/bootscore-child-main/img/phone.svg);
display: inline-block;
width: 1em; height: 1em; margin-right: 0.5em; vertical-align: middle; }
.landingpage-handy::before {
content: "\f3cf"; font-family: "Font Awesome 6 Free";
font-weight: 900; display: inline-block;
margin-right: 0.8em;
vertical-align: middle;
color: var(--color_orange);
}