:root {
--hauptfarbe: #072C61; --hauptfarbe2: #e1e3e6; --nebenfarbe: #F46457; } .stoerer {
background: #F46457;
padding: .5rem 1rem;
border: none;
text-align: center;
}
.stoerer a, .stoerer a:hover {
color: #fff;
border: none;
text-decoration: none;
}
@media (min-width: 768px) {
.stoerer {
position: absolute;
z-index: 9999;
background: #F46457;
border-radius: 50%;
height: 120px;
width: 120px;
font-size: 14px;
line-height: 1.2;
right: 25%;
top: 40%;
transform: rotate(-11deg);
}
}
@media (min-width: 992px) {
.stoerer {
height: 160px;
width: 160px;
font-size: 17px;
line-height: 1.2;
right: 25%;
top: 40%;
padding: 2rem 1.3rem;
}
}
@media (min-width: 1200px) {
} a:focus {
outline: thin dotted;
}
a:active,
a:hover {
outline: 0;
}  body {
font: 1em/1.5 obvia, "Verdana", sans-serif; color: #222;
margin: 0;
background-color: transparent;
}
p, dl, menu, ul, ol, pre {
margin: 0 0 1em 0;	
}
h1, h2, h3, h4, h5 {
margin: 0 0 1em 0;
font-weight: bold;
}
h1 {
font-size: 2em;
line-height: 2em; 
}
@media (min-width: 768px) {
h1 {
font-size: 2.4em;
line-height: 1.1em; 
}
}
@media (min-width: 992px) {
h1 {
font-size: 2.8em;
line-height: 1em; 
}
}
.hero h1 {
color: #fff;
}
h2 {
font-size: 1.4em;
line-height: 1.33em; 
border-bottom: 4px solid #F46457;
padding-bottom: .5rem;
display: inline-block;
margin-bottom: 1em;
}
h3 {
font-size: 1.2em;
line-height: 1.33em; 
margin-bottom: 1rem;
}
.single-post h2, .single-post h3 {
border-bottom: none;
padding-bottom: none;
margin-top: 1em;
}
@media (min-width: 768px) {
h2 {
font-size: 1.8em;
}
h3 {
font-size: 1.4em;
}
}
h4 {
font-size: 1.2em;
font-weight: 700;
margin-bottom: .5em;
}
a {
text-decoration: none;
border-bottom-width: 1px;   
border-bottom-style: dotted;   
}
a:hover, a:hover {
text-decoration: none;
border-bottom-style: solid;   
}
@media (min-width: 768px) {
p.first {
font-size: 1.25em;
margin-bottom: 1rem;
line-height: 1.3;
}
}
@media (min-width: 992px) {
}
@media (min-width: 1200px) {
}
.subline {
}
.text-center {
text-align: center;  
}
.text-left {
text-align: left;  
}
.text-blue {
color: #072C61;
}
.initialism {
text-transform: uppercase;
font-size: 85%;  
} dd {
margin: 0 0 0 20px;
}
menu,
ol,
ul {
padding: 0 0 0 20px;
}
nav ul,
nav ol {
list-style: none;
list-style-image: none;
} figure {
margin: 0;
}
figcaption {
margin: .5em 0 0 .2em;
}
img {
border: 0;
vertical-align: middle;
max-width: 100%; -ms-interpolation-mode: bicubic;
}
svg:not(:root) {
overflow: hidden;
} .clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.row:before,
.row:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.modal-footer:before,
.modal-footer:after {
content: " ";
display: table;
}
.clearfix:after,
.container:after,
.row:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.modal-footer:after {
clear: both;
}
.center-block {
display: block;
margin-left: auto;
margin-right: auto;
}
.pull-right {
float: right !important;
}
.pull-left {
float: left !important;
}
.hide {
display: none;
}
.show {
display: block !important;
}
.invisible {
visibility: hidden;
}
.text-hide {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
.hidden {
display: none !important;
visibility: hidden !important;
}
@-ms-viewport {
width: device-width;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
display: none !important;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0,0,0,0);
border: 0;
}
@media (max-width: 767px) {
.visible-xs {
display: block !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm {
display: block !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md {
display: block !important;
}
}
@media (min-width: 1200px) {
.visible-lg {
display: block !important;
}
}
@media (min-width: 1200px) {
.visible-lg-block {
display: block !important;
}
}
@media (max-width: 767px) {
.hidden-xs {
display: none !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.hidden-sm {
display: none !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.hidden-md {
display: none !important;
}
}
@media (min-width: 1200px) {
.hidden-lg {
display: none !important;
}
}
.visible-print {
display: none !important;
}
@media print {
.visible-print {
display: block !important;
}
}
@media print {
.hidden-print {
display: none !important;
}
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.no-mt {
margin-top: 0 !important;   
}
.no-mb {
margin-bottom: 0 !important;   
}
.no-p {
padding: 0 !important;   
}
.no-pt {
padding-top: 0 !important;   
}
.pt {padding-top: 1em;}
.pb {padding-bottom: 1em;}
.ir {
border: 0;
font: 0/0 a;
text-shadow: none;
color: transparent;   
} .fade {
opacity: 0;
-webkit-transition: opacity 0.15s linear;
-o-transition: opacity 0.15s linear;
transition: opacity 0.15s linear;
}
.fade.in {
opacity: 1;
}
.collapse {
display: none;
}
.collapse.in {
display: block;
}
tr.collapse.in {
display: table-row;
}
tbody.collapse.in {
display: table-row-group;
}
.collapsing {
position: relative;
height: 0;
overflow: hidden;
-webkit-transition: height 0.35s ease;
-o-transition: height 0.35s ease;
transition: height 0.35s ease;
} .nav {
margin-bottom: 0;
padding-left: 0;
list-style: none;
}
.nav > li {
position: relative;
display: block;
}
.nav > li > a {
position: relative;
display: block;
padding: 10px 15px;
border: none;
}
.nav > li > a:hover,
.nav > li > a:focus {
text-decoration: none;
}
.navbar {
position: relative;
min-height: 50px;
margin-bottom: 33px;
border: 1px solid transparent;
}
@media (min-width: 768px) {
.navbar {
border-radius: 4px;
}
}
@media (min-width: 768px) {
.navbar-header {
float: left;
}
}
.navbar-collapse {
max-height: 340px;
overflow-x: visible;
padding-right: 15px;
padding-left: 15px;
border-top: 1px solid transparent;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
-webkit-overflow-scrolling: touch;
}
.navbar-collapse.in {
overflow-y: auto;
}
@media (min-width: 768px) {
.navbar-collapse {
width: auto;
border-top: 0;
box-shadow: none;
}
.navbar-collapse.collapse {
display: block !important;
height: auto !important;
padding-bottom: 0;
overflow: visible !important;
}
.navbar-collapse.in {
overflow-y: visible;
}
.navbar-fixed-top .navbar-collapse,
.navbar-static-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
padding-left: 0;
padding-right: 0;
}
}
.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
margin-right: -15px;
margin-left: -15px;
}
@media (min-width: 768px) {
.container > .navbar-header,
.container > .navbar-collapse {
margin-right: 0;
margin-left: 0;
}
}
.navbar-brand {
float: left;
background: url(https://borba.de/wp-content/themes/borba/assets/icon-sprite.svg) no-repeat;
background: url(https://borba.de/wp-content/themes/borba/assets/borba-weiss-uz.svg) no-repeat;
background-size: contain;
display: block;
width: 120px;
height: 68px;
background-position: center;
margin: 10px 0 10px 10px;
}
.navbar-brand:hover,
.navbar-brand:focus {
text-decoration: none;
}
@media (min-width: 768px) {
.navbar > .container .navbar-brand,
.navbar > .container-fluid .navbar-brand {
margin-left: -15px;
}
}
.navbar-toggle {
position: relative;
float: right;
margin-right: 15px;
padding: 9px 10px;
margin-top: 20px;
margin-bottom: 20px;
background-color: #fff;
background-image: none;
border: 1px solid transparent;
}
.navbar-toggle:focus {
outline: none;
}
.navbar-toggle .icon-bar {
display: block;
width: 22px;
height: 2px;
border-radius: 1px;
background: #072C61;
}
.navbar-toggle .icon-bar + .icon-bar {
margin-top: 4px;
}
@media (min-width: 768px) {
.navbar-toggle {
display: none;
}
}
.navbar-nav {
margin: 4.25px -15px;
}
.navbar-nav > li > a {
padding-top: 10px;
padding-bottom: 10px;
color: #fff;
}
@media (min-width: 768px) {
.navbar-nav {
float: right;
margin: 0;
margin-top: 34px;
margin-right: 20px !important;
}
.navbar-nav > li {
float: left;
}
.navbar-nav > li > a {
padding: 6px 0;
margin-left: 15px;
font-size: 14px;
font-weight: bold;
color: #fff;
}
.navbar-nav.navbar-right:last-child {
margin-right: -15px;
}
.navbar-nav > li > a:hover {
border-bottom: 2px solid #F46457;
}
.navbar-brand {
width: 137px;
height: 75px;
margin: 15px 0 15px 20px;
}
}
@media (min-width: 992px) {
.navbar-brand {
width: 150px;
height: 85px;
margin: 20px 0 20px 30px;
}
.navbar-nav {
margin-top: 40px;
margin-right: 30px !important;
}
.navbar-nav > li > a {
padding: 8px 0;
margin-left: 30px;
font-size: 15px;
}
}
@media (min-width: 1200px) {
.navbar-brand {
width: 182px;
height: 100px;
}
.navbar-nav {
margin-top: 48px;
}
.navbar-nav > li > a {
padding: 9px 0;
margin-left: 45px;
font-size: 17px;
} .page-template-leistungen-und-services .navitem-leistungen a,
.page-template-ausbildung-und-stellen .navitem-stellenangebote a,
.page-template-ueber-borba .navitem-ueber-borba a {
border-bottom: 2px solid #F46457;
}
} .article {
padding: 2em 0;
}
.article-pale {
background: #F4F4F4;
}
.article-blue {
background: #072C61;
color: #fff;
}
.article-blue.has-border-top {
border-top: 4px solid #F46457
}
@media (min-width: 992px) {
.article-blue.has-border-top {
border-top: 5px solid #F46457
}
}
.article-light-blue {
background: #e1e3e6;
}
@media (min-width: 768px) {
.article {
padding: 3em 0;
}
}
@media (min-width: 992px) {
.article {
padding: 4em 0;
}
}
@media (min-width: 1200px) {
.article {
padding: 5em 0;
}
}
#pageheader {background: #072C61;}
.slider {position: relative;z-index: 8;}
.hero-text .wrapper {
background: #072C61;
color: #fff;
border-top: 4px solid #F46457;
padding: .75em 1em;
line-height: 1.4;
position: relative;
}
p.hero-text-kicker {
font-size: .9em;
margin-bottom: .25em;
}
h1.hero-text-headline {
font-size: 1.6em;
margin-bottom: 0;
line-height: 1.2;
}
.hero-text-link {
background: #F46457;
color: #fff;
padding: 5px 1rem;
border: 3px solid #F46457;
display: block;
margin-bottom: .75rem;
}
.hero-text-link:hover {
background: #072C61;
color: #fff;
border: 3px solid #F46457;
}
.slide img {
height: 260px;
object-fit: cover;
}
@media (min-width: 600px) {
.hero-text .wrapper {
display: inline-block;
margin: 0 15px;
}
.hero-text {
position: absolute;
bottom: 20%;
left: 0;
right: 0;
}
}
@media (min-width: 768px) {
#pageheader {
position: absolute;
z-index: 9;
left: 0;
right: 0;
}
.page-template-startseite #pageheader,
.page-template-leistungen-und-services #pageheader, 
.page-template-ueber-borba #pageheader,
.single-stellenanzeige #pageheader {
background: transparent;
}
p.hero-text-kicker {
font-size: .9em;
}
h1.hero-text-headline {
font-size: 1.8em;
font-size: 3.5vw;
}
.hero-text-link {
position: absolute;
top: -75px;
transition: all .2s ease-in-out;
white-space: nowrap;
transform: scale(1);
animation: pulse 4s infinite;
}
@keyframes pulse {
0% {
transform: scale(1);
}
5% {
transform: scale(1.05);
}
30% {
transform: scale(1);
}
100% {
transform: scale(1);
}
}
.slide img {
height: 360px;
}
}
@media (min-width: 992px) {
p.hero-text-kicker {
font-size: 1.1em;
}
h1.hero-text-headline {
font-size: 2.2em;
font-size: 3.5vw;
}	
.slider img {
width: 100%;
height: auto;
}
}
@media (min-width: 1200px) {
p.hero-text-kicker {
font-size: 1.2em;
}
h1.hero-text-headline {
font-size: 2.6em;
font-size: 3.5vw;
}	
}
@media (min-width: 1400px) {
p.hero-text-kicker {
font-size: 1.3em;
}
h1.hero-text-headline {
font-size: 3em;
font-size: 3.3vw;
}	
} @media (min-width: 768px) {
.slide.has-no-hero {
background: #072C61;
height: 105px;
}
}
@media (min-width: 992px) {
.slide.has-no-hero {
height: 123px;
}
}
@media (min-width: 1200px) {
.slide.has-no-hero {
height: 150px;
}
}	
@media (min-width: 1200px) {
}
.slider.unterseite .slide > img {
width: 100%;
max-height: 400px;
object-fit: cover;
}
.slider.unterseite .slide {
position: relative;
}
.slider.unterseite .slide::before {
content: "";
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 50%;
pointer-events: none;
background: linear-gradient(
to bottom,
rgba(0, 0, 0, .9) 0%,
rgba(0, 0, 0, 0) 100%
);
}
.single-stellenanzeige .slider.unterseite .hero-text {
position: relative;
z-index: 2;
}
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 0;
height: 0;
overflow: hidden;
margin-bottom: 2rem;
}
.video-container iframe, .video-container object, .video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.img-content, .post-thumbnail {
border-top: 4px solid #F46457;
} @media (min-width: 768px) {
.portfolio h2 {
margin-top: 2em;
}
}
@media (min-width: 992px) {
.portfolio h2 {
margin-top: 4em;
}
}
@media (min-width: 1200px) {
.portfolio h2 {
margin-top: 6em;
}
} .has-icon-left {
position: relative;
padding-top: 20px;
padding-bottom: 20px;
}
.has-icon-left h3 {
margin-bottom: .25rem;
}
.has-icon-left [class^='icon'] {
position: absolute;
top: 25px;
}
.has-icon-left .wrapper {
margin-left: 45px;
}
@media (min-width: 768px) {
.has-icon-left .wrapper {
margin-left: 60px;
}
} .zebrastreifen .stellenanzeige {
padding: 2rem 0;
}
.zebrastreifen .stellenanzeige:last-child {
padding-bottom: 4em;
}
.zebrastreifen .stellenanzeige:nth-child(odd) {
background: #f4f4f4;
} [class^='icon'] {
background-image: url(https://borba.de/wp-content/themes/borba/assets/icon-sprite.svg);   
display: inline-block;
background-size: 300px 300px;
width: 32px;
height: 32px;
}
.icon-kranhaken {
background-position: -210px -9px;
}
.icon-schiff {
background-position: -161px -9px;
}
.icon-flugzeug {
background-position: -111px -9px;
}
.icon-auto {
background-position: -9px -60px;
}
.icon-klemmbrett {
background-position: -260px -9px;
}
.icon-papier {
background-position: -60px -60px;
}
@media (min-width: 768px) {
[class^='icon'] {
background-size: 400px 400px;
width: 44px;
height: 44px;
}
.icon-kranhaken {
background-position: -278px -11px;
}
.icon-schiff {
background-position: -214px -11px;
}
.icon-flugzeug {
background-position: -148px -11px;
}
.icon-auto {
background-position: -11px -79px;
}
.icon-klemmbrett {
background-position: -344px -11px;
}
.icon-papier {
background-position: -80px -79px;
}
} .btn, .wpcf7-submit {
border: 3px solid #F46457;  
position: relative;
background: transparent;
transition: background 200ms, color 200ms;
color: #F46457 !important;  
width: 200px;
padding: .75rem 2rem;
}
.btn [class^='icon'] {
background-size: 120px 120px;
width: 16px;
height: 16px;
margin-left: 10px;
position: relative;
top: 0;
transition: top 200ms;
} 
.icon-arr-down {
background-position: -62px -21px;
}
.btn:hover .icon-arr-down {
top: 2px;
}
.btn .icon-arr-r {
background-position: -22px -43px;
top: 3px;
transition: left 200ms;
left: 0;
}
.btn:hover .icon-arr-r {
background-position: -22px -43px;
left: 2px;
}
.icon-arr-up {
background-position: -43px -21px;
}
.btn:hover .icon-arr-up {
top: -2px;
}
.btn:focus, .btn:active {
outline: none;
color: #F46457 !important;
text-decoration: none !important;
}
.btn:active {
top: 1px;
outline: none;
}
.btn .visible-if-open {
display: inline;
}
.btn .visible-if-closed {
display: none;
}
.btn.collapsed .visible-if-open {
display: none;
}
.btn.collapsed .visible-if-closed {
display: inline;
}
.btn-more, .wpcf7-submit {
margin-top: 1em;
display: inline-block;
width: auto;
}
.team-item {
height: auto; margin-bottom: 20px;
display: inline-block;
text-align: left;
}
@media (min-width: 480px) {
.flex-container {
display: flex;
gap: 20px;
flex-wrap: wrap;
}
.team-item {
display: block;
flex: 0 0 320px;
}
}
.team-item img {
border-top: 4px solid #F46457;
margin-bottom: .25rem;
}
.team-item .name {
font-size: 1.125em;
font-weight: bold;
color: #F46457;
margin-bottom: .25rem;
}
.team-item .funktion,
.team-item .telefonnummer,
.team-item .email  {
font-size: .9em;
line-height: 1.3;
margin-bottom: 0;
}
.team-item .funktion {
margin-bottom: .25rem;
} .formular {
max-width: 500px;
}
.formular br {
display: none;
}
.formular label {
display: block;
}
.formular .wpcf7-list-item {
margin-left: 0;
}
.quiz-297 {
margin-top: 1em;
display: block;
}
.formular .eingabefeld, .formular .eingabebereich {
display: block;
width: 100%;
margin-bottom: 1rem;
border: 2px solid #C6C6C6;
padding: 5px;
}
.formular .eingabefeld:focus, .formular .eingabebereich:focus {
border: 2px solid #F46457;
}
@media (min-width: 768px) {
.border-left {
border-left: 1px solid #ddd;
padding-left: 2rem;
}
}
span.wpcf7-not-valid-tip {
font-size: .8em;
margin-top: -.6em;
margin-bottom: .6em;
} #pagefooter {
background: #F4F4F4;
color: #111;
font-size: .9em;
}
#pagefooter a {	
color: #111;
}
.copyright {
border-top: 1px solid #ddd;
margin-top: 1em;
padding: 1.5em;
font-size: .8em;
}
#cookie-law-info-bar a {
text-decoration: none;
}
#cookie-law-info-bar .cli-plugin-button {
border: none;
}
.nav-list {
list-style: none;
padding-left: 0; 
}
.nav-list li {
margin-bottom: .2rem;
}
.nav-list a {
padding: 5px 0;
transition: padding 150ms;
display: block;
}
.nav-list a span {
color: #F46457;
}
.nav-list a:hover, .nav-list a:focus {
padding-left: 5px;
} .post-teaser-wrapper {
display: flex;
flex-wrap: wrap;
}
.post-teaser-wrapper img {
object-fit: cover;
height: auto;
aspect-ratio: 5 / 3;
border-top: 4px solid #F46457;
}
a.post-teaser {
padding: 1rem;
width: 100%;
border: none;
}
.post-teaser-inner {
background: #fff;
height: 100%;
transition: transform 140ms;
}
a.post-teaser:hover .post-teaser-inner {
transform: scale(1.01);
}
.post-teaser-content-wrapper {
padding: 1rem;
}
.post-teaser-content-wrapper h3 {
margin: 0;
color: #F46457;
font-weight: normal;
}
.post-teaser-img-wrapper {
position: relative;
}
.post-teaser-date {
position: absolute;
bottom: 0;
left: 1rem;
padding: 1px 7px;
background: #F46457;
color: #fff;
font-size: 13px;
}
@media (min-width: 600px) {
.post-teaser-wrapper {
margin: 0 -1rem;	
}
a.post-teaser { 
width: 50%;	
}
}
@media (min-width: 992px) {
.post-col {
padding-right: 3rem;
}
}
@media (min-width: 1200px) {
a.post-teaser { 
width: 33.3333%;	
}
}
.post-title {
line-height: 1.33em;
margin-bottom: 1em;
}
.post-date {
color: #F46457;
display: inline-block;
margin-bottom: .5rem;
}
.post-thumbnail {
margin-bottom: 1.5rem;
}
.post-thumbnail img {
height: auto;
}
.wp-block-image img {
display: block;
margin-bottom: .5rem;
}
.wp-element-caption {
font-style: italic;
font-size: .9125em;
padding-bottom: .5em;
margin-bottom: 1rem;
border-bottom: 1px solid #ddd;
}
.nav-list .post-link {
border: none;
}
.nav-list a.post-link:hover, .nav-list a.post-link:focus {
padding-left: 0;
}  #gform_1 .gform_wrapper.gravity-theme .gfield_label {
font-size: 1.25rem !important;
text-align: center;
}
#field_1_21 .gfield_label {
text-align: left;	
}
.gform_heading, .gform_wrapper.gravity-theme .gf_page_steps {
text-align: center;
}
.gform_heading h2 {
font-size: 1.8rem;
}
@media (min-width: 768px) {
.gform_heading h2 {
font-size: 2.2rem;
}
}
@media (min-width: 992px) {
.gform_heading h2 {
font-size: 3rem;
}
}
@media (min-width: 1200px) {
} @media (max-width: 767px) {
#gf_page_steps_1 .gf_step {
margin-right: 0 !important;
}
}
.gform_wrapper.gravity-theme .gf_page_steps {
border-bottom: none !important;
margin-bottom: 2rem !important
}
.gform_wrapper.gravity-theme .gf_step_active .gf_step_number {
color: #fff !important;
background: var(--nebenfarbe) !important;
border-color: var(--nebenfarbe) !important;
}
.gform_wrapper.gravity-theme .gf_step_completed .gf_step_number:before {
color: #fff !important;
background: var(--hauptfarbe) !important;
border-color: var(--hauptfarbe) !important;
}
#gform_1 {
max-width: 600px;
margin: 0 auto;
} .gform_previous_button.button {
background-color: var(--hauptfarbe) !important;
color: #fff !important;
padding: .5rem 2.5rem;
border-radius: 4px;
border: none;
}
#gform_submit_button_1 {
background-color: var(--nebenfarbe) !important;
color: #fff !important;
border-radius: 4px;
padding: .5rem 3.5rem;
border: none;
}
gform_title {
margin-top: 0;
font-size: 20px;
}
#gform_1 .gfield_radio .gchoice {
padding: .5rem;
width: auto;
margin: .5rem 0;
border: 1px solid #133E8F;
color: #133E8F;
font-size: .925rem;
transition: background 150ms, color 150ms;
text-align: center;
cursor: pointer;
position: relative;
}
@media (min-width: 768px) {
#gform_1 .gfield_radio .gchoice {
padding: 1rem;
margin: 1rem 0;
font-size: 1.2rem;
font-weight: bold;
}
}
#gform_1 .gfield_radio .gchoice input[type="radio"] {
visibility: hidden;
}
#gform_1 .gfield_radio .gchoice input[type="radio"]:checked + label {
background-color: var(--hauptfarbe) !important;
color: #fff !important;
}
#gform_1 .gfield_radio .gchoice .gform-field-label {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
max-width: none !important;
line-height: 36px;
cursor: pointer;
white-space: nowrap;
}
@media (min-width: 768px) {
#gform_1 .gfield_radio .gchoice .gform-field-label {
line-height: 60px;
}
}
#gform_1 .gfield_radio .gchoice .gform-field-label:hover {
background-color: #e5eaf5;
} .news {
padding: 15px;
margin: 15px auto;
}
.news h3 {
color: #F46457;
font-size: 30px;
margin: 1rem 0 0 0;
}
.news strong {
color: #F46457;
}
@media (min-width: 600px) {
.news h3 {
font-size: 36px;
margin: 2rem 0;
}
.news-body {
display: flex;
flex-wrap: nowrap;
}
.news-body div {
width: 50%;
flex-shrink: 0;
align-content: center;
}
}
@media (min-width: 992px) {
.news-body .news-image {
width: 40%;
}
.news-body .news-text {
width: 60%;
}
} .social-flyouts {
position: fixed;
top: 160px;
z-index: 9;
right: 5px;
}
.social-flyouts > a {
width: 30px;
height: 30px;
display: block;
border: none;
background-size: contain;
background-repeat:  no-repeat;
margin-bottom: 5px;
}
.social-flyouts .instagram {
background-image: url(//borba.de/wp-content/themes/borba/assets/instagram.svg);
}
.social-flyouts .facebook {
background-image: url(//borba.de/wp-content/themes/borba/assets/facebook.svg);
}
@media (min-width: 768px) {
.social-flyouts {
top: 190px;
right: 7px;
}
.social-flyouts > a {
width: 40px;
height: 40px;
margin-bottom: 7px;
}
}
@media (min-width: 992px) {
.social-flyouts {
top: 220px;
right: 9px;
}
.social-flyouts > a {
width: 50px;
height: 50px;
margin-bottom: 9px;
}
} .links {
list-style: none;
margin: 0;
padding: 0;
display: flex;
gap: 10px;
flex-wrap: wrap;
}
.links li {
list-style: none;
margin: 0;
padding: 0;
}
.links a {
background: #F46457;
color: #fff;
border-radius: 999px;
padding: 4px 12px;
border: none;
transition: background .2s ease-in-out;
}
.links a:hover, .links a:focus {
background: #072C61;
}.trp-floating-switcher {
display: flex;
flex-direction: column-reverse;
position: fixed;
z-index: 99999;
overflow: hidden;
padding: var(--switcher-padding, 10px);
border: var(--border, none);
border-radius: var(--border-radius, 8px);
background: var(--bg, #fff);
width: var(--switcher-width, auto);
top: var(--top, unset);
right: var(--right, unset);
bottom: var(--bottom, unset);
left: var(--left, unset);
box-shadow: 0 10px 20px 0 #0000000D;
}
.trp-floating-switcher .trp-switcher-dropdown-list {
flex-direction: column-reverse;
}
.trp-switcher-position-top.trp-floating-switcher {
flex-direction: column;
top: var(--wp-admin--admin-bar--height, 0);
}
.trp-floating-switcher.trp-switcher-position-top:not(.trp-ls-inline) .trp-language-switcher-inner,
.trp-floating-switcher.trp-switcher-position-top .trp-switcher-dropdown-list {
flex-direction: column;
} nav.trp-ls-inline .trp-language-switcher-inner {
flex-direction: row;
}
.trp-ls-inline.trp-opposite-language .trp-language-item {
width: 100%;
} #trp-floater-powered-by {
color: var(--text, #b3b3b3);
font-size: 12px;
text-align: center;
padding: 0 5px;
opacity: 70%;
}
#trp-floater-powered-by a {
color: var(--text, #b3b3b3);
}
.trp-switcher-position-bottom #trp-floater-powered-by {
border-top: 1px solid var(--border-color, #747474);
padding-top: 5px;
margin-top: 5px;
}
.trp-switcher-position-top #trp-floater-powered-by {
border-bottom: 1px solid var(--border-color, #747474);
padding-bottom: 5px;
margin-bottom: 5px;
} .trp-shortcode-switcher__wrapper {
position: relative;
border: none;
}
.elementor-widget-trp_language_switcher {
width: fit-content;
max-width: 100%;
}
.elementor-widget-trp_language_switcher .elementor-widget-container,
.trp-elementor-language-switcher,
.trp-elementor-language-switcher .trp-shortcode-switcher__wrapper {
width: fit-content;
max-width: 100%;
}
.trp-shortcode-switcher {
position: static;
display: inline-block;
overflow: hidden;
padding: 10px 0;
border: var(--border, none);
border-radius: var(--border-radius, 5px);
background: var(--bg, #fff);
width: auto;
box-shadow: none;
} .trp-shortcode-anchor:not(.trp-opposite-button) {
visibility: hidden;
}
.trp-shortcode-switcher.trp-open-on-click {
cursor: pointer;
}
.trp-shortcode-overlay {
position: absolute;
left: 0;
top: 0;
z-index: 9999;
} .trp-current-language-item__wrapper:not(.trp-hide-arrow) {
display: flex;
align-items: center;
padding-right: 10px;
justify-content: space-between;
} .trp-language-switcher-inner {
display: flex;
}
.trp-floating-switcher .trp-language-switcher-inner {
flex-direction: column-reverse;
}
.trp-shortcode-switcher .trp-language-switcher-inner {
flex-direction: column;
}
.trp-switcher-dropdown-list {
display: flex;
overflow-y: hidden; transition: max-height 0.2s ease-in-out;
max-height: 0;
transition-duration: var(--transition-duration);
}
.trp-shortcode-switcher .trp-switcher-dropdown-list {
flex-direction: column;
} .trp-ls-dropdown.is-open .trp-switcher-dropdown-list,
.trp-ls-dropdown[aria-expanded="true"] .trp-switcher-dropdown-list,
.trp-shortcode-switcher.trp-open-on-hover.is-open .trp-switcher-dropdown-list,
.trp-shortcode-switcher[aria-expanded="true"] .trp-switcher-dropdown-list {
overflow-y: auto;
max-height: min(350px, 70vh);
-webkit-overflow-scrolling: touch;
scrollbar-width: thin;
scrollbar-color: var(--text) transparent;
}
.trp-ls-dropdown.is-transitioning .trp-switcher-dropdown-list,
.trp-shortcode-switcher.is-transitioning .trp-switcher-dropdown-list {
overflow-y: hidden !important;
}
.trp-shortcode-arrow {
pointer-events: none;
}
.trp-shortcode-switcher.is-open .trp-shortcode-arrow {
transform: rotate(180deg);
} .trp-language-item:focus { outline: none; }
.trp-language-item:focus-visible {
outline: 2px solid var(--text);
outline-offset: -2px;
} .trp-language-item {
display: flex;
align-items: center;
gap: 8px;
padding: 7px 16px;
text-decoration: none;
min-height: 19px;
box-sizing: content-box;
}
.trp-language-item:hover {
background: var(--bg-hover, #f3f3f3);
}
.trp-language-item:hover .trp-language-item-name {
color: var(--text-hover, #000);
}
.trp-language-item__current {
pointer-events: none;
cursor: default;
}
.trp-language-item-name {
display: inline-block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
color: var(--text, #000);
font-size: var(--font-size, 14px);
line-height: 1.2;
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
font-weight: 400;
}
.trp-flag-image {
border-radius: var(--flag-radius, 0) !important;
aspect-ratio: var(--aspect-ratio, 4/3) !important;
width: var(--flag-size, 18px) !important;
display: inline-block !important;
height: auto !important;
}
.trp-menu-ls-label .trp-flag-image {
margin: -2px 3px;
}
.trp-custom-flag {
object-fit: cover;
} .trp-switcher-dropdown-list::-webkit-scrollbar { width: 6px; }
.trp-switcher-dropdown-list::-webkit-scrollbar-track { background: transparent; }
.trp-switcher-dropdown-list::-webkit-scrollbar-thumb {
background-color: var(--text);
border-radius: 4px;
}
.trp-switcher-dropdown-list::-webkit-scrollbar-thumb:hover {
background-color: var(--text-hover);
} .trp-flag-rounded {
border-radius: 9999px !important;
aspect-ratio: 1 / 1 !important;
}
.trp-ls-name {
padding-left: 5px;
}
@media (prefers-reduced-motion: reduce) {
.trp-switcher-dropdown-list {
transition: none !important; }
} .trp_ald_ls_container img.trp-flag-image{
padding-top: 0 !important;
}
.trp_ald_ls_container .trp-language-switcher:not(.trp-ald-language-selector){
position: relative;
display: inline-block;
padding: 0;
border: 0;
box-sizing: border-box;
}
.trp_ald_ls_container .trp-language-switcher:not(.trp-ald-language-selector) > div {
box-sizing: border-box;
padding-right: 20px;
padding-bottom: 3px;
padding-left: 13px;
border: 1px solid #c1c1c1;
border-radius: 3px;
background-color: #fff;
}
.trp_ald_ls_container .trp-language-switcher:not(.trp-ald-language-selector) > div > a {
display: block;
padding: 2px;
border-radius: 3px;
color: rgb(7, 105, 173);
}
.trp_ald_ls_container .trp-language-switcher:not(.trp-ald-language-selector) > div > a:hover {
background: #f1f1f1;
}
.trp_ald_ls_container .trp-language-switcher:not(.trp-ald-language-selector) > div > a.trp-ls-shortcode-disabled-language {
cursor: default;
}
.trp_ald_ls_container .trp-language-switcher:not(.trp-ald-language-selector) > div > a.trp-ls-shortcode-disabled-language:hover {
background: none;
}
.trp_ald_ls_container .trp-language-switcher:not(.trp-ald-language-selector) > div > a > img{
display: inline;
margin: 0 3px;
width: 18px;
height: 12px;
border-radius: 0;
}
.trp_ald_ls_container .trp-language-switcher:not(.trp-ald-language-selector) .trp-ls-shortcode-current-language{
display: inline-block;
}
.trp_ald_ls_container .trp-language-switcher:not(.trp-ald-language-selector):focus .trp-ls-shortcode-current-language,
.trp_ald_ls_container .trp-language-switcher:not(.trp-ald-language-selector):hover .trp-ls-shortcode-current-language{
visibility: hidden;
}
.trp_ald_ls_container .trp-language-switcher:not(.trp-ald-language-selector) .trp-ls-shortcode-language{
display: inline-block;
height: 1px;
overflow: hidden;
visibility: hidden;
z-index: 1;
max-height: 250px;
overflow-y: auto;
left: 0;
top: 0;
min-height: auto;
}
.trp_ald_ls_container .trp-language-switcher:not(.trp-ald-language-selector):focus .trp-ls-shortcode-language,
.trp_ald_ls_container .trp-language-switcher:not(.trp-ald-language-selector):hover .trp-ls-shortcode-language{
visibility: visible;
max-height: 250px;
height: auto;
overflow-y: auto;
position: absolute;
left: 0;
top: 0;
display: inline-block !important;
min-height: auto;
}
#trp_ald_x_button{
z-index: 0 !important;
}