@charset "UTF-8";

/* varta */
@font-face {
    font-family: 'Varta';
    src: url('../fonts/Varta-VariableFontwght.eot');
    src: url('../fonts/Varta-VariableFontwght.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Varta-VariableFontwght.woff2') format('woff2'),
         url('../fonts/Varta-VariableFontwght.woff') format('woff'),
         url('../fonts/Varta-VariableFontwght.ttf')  format('truetype'),
         url('../fonts/Varta-VariableFontwght.svg#Varta Light') format('svg');
}

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

 :root {
	--dynamic-font-size: 100px;
	--bs-heading-color: #193d69;
	--frame-color: #193d69;
        }

/*HELPER.frame-type-container_2_columns, .frame-type-container_1_columns {margin-top:70px;margin-bottom:70px;}*/
.frame-container-default {}
/*.frame-type-container_2_columns.frame-background-none:not(.frame-layout-12) {margin-top:50px;margin-bottom:50px;}*/
.body-bg-fixed {position:fixed;top:0;left:0;width:100%;height:100%;overflow:auto;pointer-events: none; /* Disable pointer events on the fixed element */}
 .no-scroll {position:fixed;width:100%;}

body {font-family:'Varta', serif;}
.body-bg {color:#193d69;max-width:2000px;margin:auto;}
.frame-background-primary {--frame-color:#FFFFFF;}
.frame-background-secondary {--frame-color:#FFFFFF;background:url(../images/background-blue.jpg);background-size:cover;}
.frame-background-secondary h1, .frame-background-secondary h2, .frame-background-secondary h3, .frame-background-secondary h4 {color:#FFFFFF;}
.frame-layout-12 {--frame-spacing:0;}
.frame-maxwidth130 .gallery-item figure {max-width:130px;}
.frame-text-align-center {text-align:center;}
.frame-list-center ul {list-style-position: inside;padding-left: 0;text-align: center;}
.frame-list-center li {text-indent: -1em;padding-left: 1em;}

.navbar-mainnavigation {box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);}
.navbar-mainnavigation.navbar-transition {box-shadow: 0 13px 36px #00000029;}
.navbar-mainnavigation .nav-style-simple {justify-content:center;flex-wrap:nowrap;align-items:top;}
.navbar-mainnavigation .nav-style-simple button {margin-top:-7px;padding:5px 10px;margin-right:5px;}
.nav-first-row {display:flex;}

.navbar-nav .nav-link {color:#193d69;padding:10px;}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show, .nav-link:hover, .nav-link:focus {color:#95c11f;}
.navbar-nav .nav-link-text {white-space:nowrap;}
.navbar-nav .dropdown-nav .nav-link-text {white-space:normal;}
.navbar-nav .nav-link:not(.nav-link-toggle):before {display: block;content: "";position: absolute;left: 0;opacity: 0;transition: opacity 0.25s ease-in-out;border: 4px solid transparent;
    border-left: 4px solid var(--mainnavigation-hightlight);transform: translate(1px, -50%);top:20px;}
	.sociallinks-list {display:flex;align-items:center;flex-wrap:nowrap;}
.sociallinks-item {width:auto;}
.sociallinks-link {padding:5px;}
.languagemenu {position:absolute;right:30px;top:5px;}
.lang.nav-link {color: #95c11f;font-weight: 700;}
.lang.nav-item {margin-left:20px;}

.ml-20 {margin-left:-20px;}
.mr-20 {margin-right:-20px;}

.section-header .frame {--frame-spacing:0;}

.frame-jobfilter {margin:auto;background: #FFFFFF;-webkit-box-shadow: -1px 5px 36px 0px rgba(0, 0, 0, 0.31);-moz-box-shadow: -1px 5px 36px 0px rgba(0, 0, 0, 0.31);box-shadow: -1px 5px 36px 0px rgba(0, 0, 0, 0.31);padding: 20px;}


.frame-type-mask_multielementbinjay {text-align:center;}
.element-subheader {color:#95c11f;font-weight:500;font-size:1.3rem;margin-bottom:20px;}
.frame-background-primary .element-subheader {color:#ffffff;}
.font-primary {color:#95c11f;font-weight:500;font-size:1.8rem;margin-top:25px;}
h1, .h1, h2, .h2 {font-size:2.5rem;text-transform:uppercase;}
h3, .h3 {font-size:1.5rem;text-transform:uppercase;}
h1 sup {font-size:0.5em;}
.frame-type-mask_columnswithnumbers ul {padding-left:0;line-height:1.4rem;}
.frame-type-mask_columnswithnumbers ul li {margin-bottom:7px;}
.whiteshadow {background:#FFFFFF;-webkit-box-shadow: -1px 5px 36px 0px rgba(0,0,0,0.31);
-moz-box-shadow: -1px 5px 36px 0px rgba(0,0,0,0.31);
box-shadow: -1px 5px 36px 0px rgba(0,0,0,0.31);padding:50px;display:inline-block;position:relative;top:20%;left:0;z-index:1;}

.buttoncolumn .btn {margin-bottom:0;}

.binjay {font-family: 'Binjay', serif;color:#193d69;font-size:6rem;text-transform:uppercase;}
.binjay p {line-height:1.2; margin-bottom:0.5rem;}
.fixedbox .binjay {width:100%;max-width:480px;font-size: var(--dynamic-font-size);line-height:110%;margin:0 auto 10px auto;box-sizing: border-box;}
.frame-background-secondary .binjay {color:#FFFFFF;}
.frame-background-secondary.fixedbox {padding:20px 10px;width:100%;max-width:525px;box-sizing: border-box;}
.binjay h1, .binjay .h1 {font-size:6rem;}
.binjay h2, .binjay .h2 {font-size:5rem;}
.heringundich {background:#95c11f;padding:16px 15px 0px 15px;text-transform:uppercase;font-size:4rem;color:#FFFFFF;display:inline-block;line-height:3.2rem;}
.contentcontainer[data-container-identifier="b13-gallery-container"] .heringundich {font-size:3rem;}

.buttonrow {display:flex;flex-wrap:wrap;gap:20px;}
.buttonrow:not(.flex-column) {justify-content:center;text-align:center;margin:auto;margin-top:40px;margin-bottom:40px;}
.frame-group-container.nomargin .buttonrow {margin-top:0;}
.frame-group-container.nomargin .buttonrow .btn {margin-top:0;margin-bottom:0;}
.btn {border-radius:35px;padding:10px 75px 6px 30px;display:inline-block;margin-top:20px;margin-bottom:20px;position:relative;font-size:18px;white-space:nowrap;box-shadow:none;}
.btn:not(.btn-white) {color:white;}
.btn.btn-white {border:2px solid #95c11f;}
.btn:after {content:url(/typo3conf/ext/sitepackage-pet/Resources/Public/images/icons/pfeil-weiss.png); position:absolute;right:17px;}
.btn.arrowdown {padding:10px 55px 6px 30px;}
.btn.arrowdown:after {top:6px;}
.btn.btn-white:after {content:url(/typo3conf/ext/sitepackage-pet/Resources/Public/images/icons/pfeil-gruen.png)}
.btn.btn-whatsapp {}
.btn.btn-whatsapp:after {content:url(/typo3conf/ext/sitepackage-pet/Resources/Public/images/icons/whatsapp.svg);width:30px;position:absolute;top:4px;}
.btn-primary:hover, .btn-primary:focus {background:#193d69;border-color:#193d69;}
.frame-background-primary .btn-primary:hover, .frame-background-primary .btn-primary:focus {background:#FFFFFF;border-color:#193d69;color:#193d69;}
.frame-background-primary .btn-secondary:hover, .frame-background-primary .btn-secondary:focus {background:#FFFFFF;border-color:#193d69;color:#193d69;}
.frame-background-primary .btn-primary:hover::after, .frame-background-primary .btn-secondary:hover::after {content:url(/typo3conf/ext/sitepackage-pet/Resources/Public/images/icons/pfeil-gruen.png)}
.btn-secondary:hover, .btn-secondary:focus {background:#95c11f;border-color:#95c11f;}
.btn-white:hover {background:#95c11f;border-color:#95c11f;color:white;}
.btn.btn-white:hover:after {content:url(/typo3conf/ext/sitepackage-pet/Resources/Public/images/icons/pfeil-weiss.png);}
.btn.btn-white.withborder {border:1px solid #95c11f;}
.noarrow .btn, .noarrow.btn {padding-right:30px;}
.noarrow .btn:after, .noarrow.btn:after {content: none;}
.category .btn {display:inline-block;margin-top:0;}
.category .btn:after {content:"";}
.btn.border {background:transparent;}
.btn-white.border {color:#95c11f;border:2px solid #95c11f!important}
.btn-primary.border {color:#95c11f;border:2px solid #95c11f!important}
.btn-secondary.border {color:#193d69;border:2px solid #193d69!important}
.btn-white.border:after {content:url(/typo3conf/ext/sitepackage-pet/Resources/Public/images/icons/pfeil-gruen.png)}
.btn-primary.border:after {content:url(/typo3conf/ext/sitepackage-pet/Resources/Public/images/icons/pfeil-gruen.png)}
.btn-secondary.border:after {content:url(/typo3conf/ext/sitepackage-pet/Resources/Public/images/icons/pfeil-blau.png)}
/* Standardtransition für Button */
.btn-anim { 
    transition: width 1s ease-in-out; text-transform:uppercase;
}

/* Pfeil-Transition: Erst Opazität auf 0 setzen */
.btn-anim:after {
    content: url(/typo3conf/ext/sitepackage-pet/Resources/Public/images/icons/pfeil-weiss.png); /* Pfeil-Icon */
	transition: all 2s; 
}

/* Der Button wird auf 100% Breite erweitert */
.btn-anim.expand { 
    width: 100%!important;
}

/* Pfeil-Animation: Der Pfeil wird sichtbar, nachdem der Button seine Breite erreicht hat */
.btn-anim.expand:after {
    padding-left: 15px;
    animation: wobbleleftright 1s ease-in-out infinite; /* Horizontal wackeln */
    animation-delay: 1s; /* Verzögerung für die Animation nach der Breitenänderung */
}

/* Pfeil-Wackeln für nach unten ausgerichtete Pfeile */
.btn-anim.arrowdown.expand:after {
    animation: wobbleupdown 1s ease-in-out infinite; /* Vertikal wackeln */
    animation-delay: 1s; /* Verzögerung für die Animation nach der Breitenänderung */
}

/* Keyframes für horizontales Wackeln */
@keyframes wobbleleftright {
    0%, 100% {
        transform: translateX(0); /* Startposition */
    }
    25% {
        transform: translateX(-3px); /* Leicht nach links */
    }
    50% {
        transform: translateX(0); /* Zurück zur Ausgangsposition */
    }
    75% {
        transform: translateX(3px); /* Leicht nach rechts */
    }
}

/* Keyframes für vertikales Wackeln */
@keyframes wobbleupdown {
    0%, 100% {
        transform: translateY(0); /* Startposition */
    }
    25% {
        transform: translateY(-3px); /* Leicht nach oben */
    }
    50% {
        transform: translateY(0); /* Zurück zur Ausgangsposition */
    }
    75% {
        transform: translateY(3px); /* Leicht nach unten */
    }
}



.btn-white.arrowdown.border:after {content:url(/typo3conf/ext/sitepackage-pet/Resources/Public/images/icons/pfeil-gruen-down.png)}
.btn-primary.arrowdown.border:after {content:url(/typo3conf/ext/sitepackage-pet/Resources/Public/images/icons/pfeil-gruen-down.png)}
.btn-secondary.arrowdown.border:after {content:url(/typo3conf/ext/sitepackage-pet/Resources/Public/images/icons/pfeil-blau-down.png)}
.btn-primary.arrowdown:not(.border):after {content:url(/typo3conf/ext/sitepackage-pet/Resources/Public/images/icons/pfeil-weiss-down.png)}
.btn-secondary.arrowdown:not(.border):after {content:url(/typo3conf/ext/sitepackage-pet/Resources/Public/images/icons/pfeil-weiss-down.png)}

.btn-filter {border-radius:0;background:white;color:#193d69!important;padding:20px 30px 15px 30px;box-shadow: -1px -3px 22px 0px rgba(0, 0, 0, 0.1);margin:10px 20px 10px 0}
.btn-filter:after {content:'';}
.btn-filter:hover, .btn-filter:focus, .btn-filter:active {background:#193d69;color:white!important}
.numbercolumns .listhead {display:flex;align-items:end;}
.numbercolumns .listnumber {font-size:5rem;color:#95c11f;line-height:4.5rem;min-width:80px;}
.numbercolumns h4 {text-transform:uppercase;font-size:1rem;color:#95c11f;}
.numbercolumns .listcontent {border-left:1px solid #FFFFFF;padding-left:52px;margin-left:28px;}

.overhead {color:#95c11f;padding-bottom:10px;}

.kontaktperson .image {margin-bottom:0;}
.kontaktperson img {position:relative;z-index:2;}

blockquote {border-left:0;position:relative;padding:30px 0 0 0px;}

.sliderspecialcard {overflow:hidden;padding-bottom:30px;}
.sliderspecialcard .card {margin-bottom:35px;}
.swiper-testimonials {position:relative;overflow:hidden;}
.swiper-arrows {display:flex;justify-content:center;position:relative;z-index:100;}
.arrow-prev {transform:rotate(180deg);position:relative;top:-15px;left:-110px;}
.arrow-prev:before {content:url(/typo3conf/ext/sitepackage-pet/Resources/Public/images/icons/pfeil-gruen.png);}
.arrow-next {position:relative;top:-4px;left:-59px;}
.arrow-next:before {content:url(/typo3conf/ext/sitepackage-pet/Resources/Public/images/icons/pfeil-gruen.png);}
.swiper-pagination {left:-85px!important;}
.sliderspecialcard .swiper-pagination {bottom:25px;left: 0 !important;}
.swiper-pagination-bullet-active {background:#95c11f;}
.swiper-scrollbar {height:15px!important;}
.swiper-scrollbar-drag {background:#95c11f;}
.swiper-imagefade .swiper-slide:first-child {
  opacity: 1;
}

.accordion-button {padding-left:0;padding-right:0;}
.accordion-button::after {content:""; background-image:url(/typo3conf/ext/sitepackage-pet/Resources/Public/images/icons/pfeil-gruen-down.png);background-size:15px 20px;width:15px;height:20px;}
.accordion-button:not(.collapsed) {background-color:transparent;box-shadow:none;font-weight:bold;}
.accordion-button:not(.collapsed)::after {content:""; background-image:url(/typo3conf/ext/sitepackage-pet/Resources/Public/images/icons/pfeil-gruen-down.png);background-size:15px 20px;width:15px;height:20px;}
.accordion-button:focus {border-color:#95c11f;box-shadow:none;}
.accordion-item {border:0;border-bottom:2px solid #95c11f;border-radius:0;}
.accordion-item:last-of-type, .accordion-item:last-of-type .accordion-button.collapsed {border-radius:0;}
.accordion-item:first-of-type .accordion-button:not(.collapsed) {border-top:2px solid #95c11f;border-top-left-radius:0; border-top-right-radius:0;}
.accordion-body {padding-top:0;padding-left:0;padding-right:0;}

#count-container .col-md-4 {text-align:center;}
#count-container .binjay {visibility: hidden;}
#count-container .font-primary {margin-top:0;}

.frame-type-b13-2cols-fluid-spezial-rechts-container {background: linear-gradient(to right, #95c11f 50%, transparent 50%);--frame-spacing:0;margin-top:50px;}
.frame-type-b13-2cols-fluid-spezial-rechts-container > .frame-group-container:first-of-type .frame-container-default {background:#95c11f}
.contentcontainer[data-container-identifier="b13-2cols-fluid-spezial-rechts-container"] {padding-top:40px;padding-bottom:40px;}
.contentcontainer[data-container-identifier="b13-2cols-45-55-container"] {display:flex;width:100%;}
.contentcontainer[data-container-identifier="b13-2cols-45-55-container"] .contentcontainer-column[data-container-column="left"] {width:35%;display:flex;align-items:center;}
.contentcontainer[data-container-identifier="b13-2cols-45-55-container"] .contentcontainer-column[data-container-column="right"] {width:65%;max-width:810px;margin-right:-10px;}
.contentcontainer[data-container-identifier="b13-2cols-45-55-container"] .contentcontainer-column[data-container-column="right"] img {width:100%;height:auto;object-fit:contain;}
.swiper-imagefade {
    width: 100%;
    height: auto;
}

.swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
}

footer {margin-top:-100px;}
.footer-section-content {background:#193d69; color:#FFFFFF;padding-top:100px;}
.footer-section-content ul {list-style:none;padding-left:0;}
.footer-section-content ul li {}
.footer-section-content img {max-height:70px;width:auto;}
.footer-section-content a {text-decoration:none;color:#FFFFFF!important;padding: 3px 0 10px 0;display:inline-block;}
.footer-section-content a:hover, .footer-section-content a:focus {color:#95c11f!important;}
.footer-section-content .gallery-item-size-2:first-child img {border:1px solid white;}

.specialcard .frame-header h1, .specialcard .frame-header h2 {margin-top:20px;margin-bottom:40px;}
.specialcard h3 {text-transform:none;color: #95c11f;margin-top:20px;font-size:1.3rem;}

.videotrigger {display:inline-block;max-width:100%;}
.videotrigger img {max-width:100%;height:auto;}
.embed-container {
  position: relative; 
  padding-bottom: 56.25%; /* ratio 16x9 */
  height: 0; 
  overflow: hidden; 
  width: 100%;
  height: auto;  
  margin-bottom:30px;margin-top:20px;
}
.embed-container iframe {
  position: absolute; 
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100%; 
}

#jobApplicationFrame {border:1px solid black;max-width:100%;}
#jobApplicationFrameInitiativ  {border:1px solid black;max-width:100%;}

.opened-lightbox #header, .opened-lightbox #newsletterbutton, .opened-lightbox #newsletterbutton_resp, .opened-lightbox .arrows, .opened-lightbox #socialmediabutton, .opened-lightbox .kontaktbutton, .opened-lightbox #footer {opacity:0;z-index:-1;}

.videotrigger a {position:relative;display:block;}
.videotrigger a:hover {opacity:.9}
.videotrigger .ytbutton, .googletrigger .btn-default {position:absolute;color:#FFFFFF;padding:10px 15px;width:184px;bottom:35%;left:calc(50% - 92px);}
.videotrigger a:hover .btn-default {opacity:1;background:#ffffff;color:#95c11f;}
.yt-bu {line-height:18px;margin-top:7px;margin-bottom:20px;}

.video-container-wrapper {
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.9);
  text-align: center;
  position: fixed;
  top:0; left: 0;
  z-index:50000;
  display: none;
  opacity: 0;
}
.video-container-wrapper:before {
  content: ' ';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.sizewrapper {
  width: 80%;
  max-width: 992px;
  vertical-align: middle;
  position: relative;
  background: rgba(255,255,255,0);
  z-index:51;
  display:none;
}

#videowrapper {
  position: relative;
  padding-top: 25px;
  padding-bottom: 56.25%; /* 16:9 aspect ratio */
  height: 0;
}
#videowrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.close {
  position: absolute;
  right: -42px; top: 0;
  color: #95c11f;
  cursor:pointer;
  font-size: 24px;
  line-height: 32px;
  text-align: center;
  width: 32px; height: 32px;
  opacity:0;
  transition:opacity 5s ease-in;
}

.tx_jobfair .sociallinks-list {margin-left:0;margin-bottom:30px;}
.sociallinks-list.asca .sociallinks-link-icon {width:2rem;height:2rem;font-size:2rem;}
.tx_jobfair .sociallinks-list ..sociallinks-link-icon:before {font-size:3.25rem;}

.opened-lightbox .close {opacity:1;}
.frame-jobfilter {width:100%;}
.tx_jobfair .buttonrow {gap:0;}
.tx_jobfair .button {width:100%;}
.tx_jobfair .button .btn {text-align:left;margin-top:10px;margin-bottom:10px;font-weight:700;display:flex;flex-wrap:wrap;justify-content:space-between;white-space:normal;padding: 10px 60px 6px 30px;}
.tx_jobfair .jobviewdescription .button .btn {display:inline-flex;margin-bottom:20px;}
.tx_jobfair .button .btn:after {top: calc(50% - 10px);}
.tx_jobfair .button .btn .region {font-size:85%;display:flex;align-items:center;}
.tx_jobfair .button .btn .region img {padding-right:5px;}
.tx_jobfair .button .btn:hover {color:#FFFFFF!important;}
.tx_jobfair .button .btn .title {margin-right:20px;text-transform:uppercase;max-width:630px;color:#193d69;}
.frame-jobfilter .tx_jobfair ..button .btn .title {max-width:520px;}
.tx_jobfair .button .btn:hover .title {color:#ffffff;}

.tx_jobfair small {font-style:italic;text-transform:none;color:#999999;display:block;}
.tx_jobfair .button .btn:hover .title small {color:#000000;}
.tx_jobfair h1 .subtitle {display:block;font-size:60%;text-transform:none;}
.tx_jobfair .showview ul {padding:0;}
.tx_jobfair .showview .jobviewdetails ul {display:flex;justify-content:space-between;margin-top:30px;margin-bottom:40px;}
.tx_jobfair .showview .jobviewdetails ul li {list-style:none;margin-right:15px;display:flex;}
.tx_jobfair .showview .jobviewdetails ul li img {padding-right:5px;}
.tx_jobfair .showview .jobviewdescription ul li {list-style:none;padding-left:30px;text-indent:-30px;}
.tx_jobfair .showview .jobviewdescription ul li:before {content:'';background:url(/typo3conf/ext/sitepackage-pet/Resources/Public/images/icons/pfeil-gruen.png);display:inline-block;height:20px;width:20px;background-size:contain;background-repeat:no-repeat;margin-right:10px;background-position:0 10px;;}

/* Elemente initial unsichtbar machen */
.frame-jobfilter .tx_jobfair .buttonrow .button {
  display: none;
}

/* Sichtbare Elemente */
.frame-jobfilter .tx_jobfair .buttonrow .button.visible {
  display: block;
}

.regionContainer { 
  display: flex;
  flex-direction: row;
  align-items: center; justify-content:space-between;flex-wrap:wrap;}


.filters .button-group .is-checked {background-color:#95c11f;color:white!important;}
.filters .ui-group.catgroup.active .button-group :not(.is-checked) {display:none;}
.filters .buttonflex.active, .filters .buttonflex.active .helperButtons {display:flex;justify-content:space-between;flex-wrap:wrap;}
.filters .catContainer.active, .filters .regionContainer.active {margin-bottom:20px;}
.filters .filterTitle {text-align:center;font-size:110%;color:#95c11f;margin-bottom:20px;}
.filters .regionTitle {display:none;}
.filters .regionTitle.active {display:block;}
.filters .catContainer.active .catTitle {display:none;}

.lastFilterButton {color:#95c11f!important;margin:10px 0 10px 20px}
.lastFilterButton:hover {color:#95c11f!important}
.filters .regionContainer .lastFilterButton {display:none;}
.filters .regionContainer.active .lastFilterButton {display:block;}

.filters .button-group {
  display: flex;
  flex-direction: column; /* Initial vertikale Anordnung */
  transition: transform 0.9s ease-out; /* Animation der Anordnung */
}

/* Stil für die Buttons in einer Reihe, wenn die ui-group aktiv ist */
.filters .ui-group.active .button-group {
  flex-direction: row; /* Ändert die Anordnung zu einer horizontalen Reihe */
  transform: translateX(0); /* Stellt sicher, dass die Buttons sichtbar bleiben */
}

p.only-nbsp {height:0;overflow:hidden;}

.news-img-wrap {height:217px;overflow:hidden;background:white;text-align:center;margin-top:20px;position:relative;}
.news-img-wrap img {width: auto;position: absolute;top: 50%;left: 50%;height: 217px;transform: translate(-50%, -50%);}
.news-text-wrap {margin-top:20px;}
.article .teaser-text {height:72px;overflow:hidden;}
.article .teaser-text p {margin-bottom:0;}

@media (min-width: 768px) {
.frame-layout-10 .contentcontainer[data-container-identifier="container_2_columns"], .frame-layout-12 .contentcontainer[data-container-identifier="container_2_columns"] {align-items:center;}
.contentcontainer[data-container-identifier="b13-2cols-fluid-spezial-rechts-container"] {grid-template-columns: 1fr 1fr;}
.frame-group-container.nomargin .frame-container {padding-left:0;}
.frame-jobdetail .contentcontainer[data-container-identifier="container_2_columns"] .contentcontainer-column .frame-type-list {padding-left:0;padding-right:0;}
.contentcontainer[data-container-identifier="container_2_columns"] .contentcontainer-column .frame-type-accordion {padding-left:70px;padding-right:70px;}
.contentcontainer[data-container-identifier="container_2_columns"] .contentcontainer-column .tx_jobfair .buttonrow {padding-left:0;padding-right:0;}
.left-30 {left:-30px;}
blockquote {border-left:0;position:relative;padding:30px 0 0 50px;}
blockquote:before {content:"\"";font-family: 'Binjay', serif;color:#95c11f;font-weight:normal;font-size:15rem;line-height:15rem;position:absolute;left:-22px;top:-15px;;}
blockquote:after {content:"\"";font-family: 'Binjay', serif;color:#95c11f;font-weight:normal;font-size:15rem;line-height:15rem;position:absolute;right:-66px;}
.blockquotename {padding-left:50px;line-height:18px;}
}

@media (min-width: 992px) {	
	.section-default {margin-top:40px;}
	.navbar-mainnavigation .navbar-collapse {flex-direction:column;align-items:flex-end;margin-top:-12px;display:none}
	.navbar-mainnavigation .navbar-nav {justify-content:flex-end;flex-direction:column;}
	.navbar-mainnavigation .nav-link.nav-link-main:before{background:none;}
	.dropdown-menu-simple.show {overflow:scroll;max-height:90vh;}
	.contentcontainer[data-container-identifier="b13-gallery-container"] {margin-bottom:70px;margin-top:70px;}
	.contentcontainer[data-container-identifier="b13-gallery-container"] .row {width:100%;margin:auto;position:relative;align-items:flex-end;}
	.contentcontainer[data-container-identifier="b13-gallery-container"] .contentcontainer-column[data-container-column="first"] {width:20%;position:absolute;z-index:3;left:4%;top:28%;}
	.contentcontainer[data-container-identifier="b13-gallery-container"] .contentcontainer-column[data-container-column="second"] {width:45%;margin-left:15%;}
	.contentcontainer[data-container-identifier="b13-gallery-container"] .contentcontainer-column[data-container-column="third"] {width:35%;}
	.contentcontainer[data-container-identifier="b13-gallery-container"] .contentcontainer-column[data-container-column="forth"] {width:25%;position:absolute;left:10%;}
	.contentcontainer[data-container-identifier="b13-gallery-container"] .contentcontainer-column[data-container-column="fifth"] {width:33%;margin-left:35%;}
	.frame-jobfilter {padding: 50px;}
	.navbar-mainnavigation .nav-style-simple .dropdown-menu {min-width:340px;}
}

@media (min-width: 1070px) {
.ui-group:not(.active) {margin:10px 100px}
}

@media (min-width: 1130px) {
.contentcontainer[data-container-identifier="container_2_columns"] .contentcontainer-column .frame-type-text {padding-left:70px;padding-right:70px;}
.contentcontainer[data-container-identifier="container_2_columns"] .contentcontainer-column .frame-type-list {padding-left:70px;padding-right:70px;}
.contentcontainer[data-container-identifier="container_2_columns"] .contentcontainer-column .buttonrow {padding-left:70px;padding-right:45px;}
.contentcontainer[data-container-identifier="container_2_columns"] .contentcontainer-column .frame-type-textpic {padding-left:70px;padding-right:70px;}
.frame-layout-embedded>.frame-group-container>.frame-group-inner {padding:0;padding-left:var(--frame-spacing);padding-right:var(--frame-spacing);padding-top:var(--frame-spacing);}
.frame-text-width-small {width:100%;max-width:950px;margin:auto;}
}

@media (min-width: 1400px) {
	.container-md, .frame-jobfilter {max-width:1060px;}
	.frame-type-b13-2cols-fluid-spezial-rechts-container {}

}

@media (min-width: 1600px) {	
	.contentcontainer[data-container-identifier="b13-gallery-container"] {max-width:1550px;margin-left:auto;margin-right:auto;}
}

@media (max-width: 1399px) {
 .container, .container-mainnavigation, .frame-container-default {max-width:100%;}
 
 .heringundich {font-size:3rem;}
}

@media (max-width: 1250px) {
}

@media (max-width: 1199px) {
 .buttonrow:not(.flex-column) {justify-content:flex-start!important;}
 .buttonrow .btn {margin-top:10px;margin-bottom:10px;white-space:wrap;}
 .numbercolumns .col-sm-6 {width:50%;}
 .binjay h1, .binjay .h1 {font-size:5rem;}
 .heringundich {font-size:3rem;}
 .font-primary {font-size:1.5rem;}
	.navbar-nav .nav-link {padding:5px;}
	.languagemenu {top:-2px;}
}

@media (min-width: 1150px) {
	.navbar-expand-1150 {padding:0;}
	.languagemenu {top:-3px;}
  .navbar-expand-1150 .navbar-collapse {display: flex !important;}
  .navbar-toggler {display: none;}
  .navbar-mainnavigation .navbar-nav {flex-direction:row;}
  .nav-first-row {margin-right:115px;}
  .sociallinks-list {margin-left:20px;}
}

 @media (max-width: 1149px) {
	.whiteshadow {padding:30px;}
	.navbar-mainnavigation.navbar-fixed-top {overflow:visible;max-height:none;}
  #mainnavigation.collapse {flex-direction: column-reverse;}
  .navbar-toggler {display: block!important;position:absolute;top:-37px;right:15px;}
  .languagemenu {right:100px;top:8px;}
.nav-first-row {flex-direction:column;}
.navbar-mainnavigation .navbar-nav {flex-direction:column;width:100%;}
.navbar-mainnavigation .nav-style-simple {flex-direction:column;}
.navbar-mainnavigation .dropdown-nav {display:flex;flex-direction:column;}
.nav-style-simple .dropdown-menu-simple {background:#efefef;border:0;box-shadow:none;}
.navbar-mainnavigation .nav-link:not(.nav-link-toggle)::before {left:-3px;top:43%;}
.navbar-mainnavigation .nav-style-simple button {position:absolute;right:0;top:0;border:1px solid #eeeeee;padding:15px;}
.navbar-nav.sociallinks-list {flex-direction:row;margin-left:-12px;margin-top:20px;}
.navbar>.container {flex-direction:column;}
.navbar-collapse.collapse.show {width:100%;max-height:100vh;overflow-y:auto;}
.nav-first-row {width:100%;flex-direction:column;}
}
 
 @media (max-width: 991px) {
.binjay h1, .binjay .h1 {font-size:3.5rem;line-height:3.5rem;}
	.binjay {font-size:3.5rem;}
	h1, .h1, h2, .h2 {font-size:2rem;}
	h3, .h3 {font-size:1.2rem;}
 .heringundich {font-size:2.6rem;}
 .font-primary {font-size:1.2rem;}
.contentcontainer[data-container-identifier="b13-gallery-container"] {margin-bottom: 20px;margin-top: 20px;}
.contentcontainer[data-container-identifier="b13-gallery-container"] .row {width:100%;position:relative;margin:auto;}
	.contentcontainer[data-container-identifier="b13-gallery-container"] .contentcontainer-column[data-container-column="first"] {width:35%;margin:auto;}
	.contentcontainer[data-container-identifier="b13-gallery-container"] .contentcontainer-column[data-container-column="forth"] {width:50%;margin:auto;}
	.kontaktperson .row.position-relative {display:flex;flex-direction:column-reverse;}
	.kontaktperson img {margin-left:90px;max-width:200px;}
	.buttonrow:not(.flex-column) {flex-direction:column;}
	.buttonrow .btn {margin-top:0;margin-bottom:0;white-space:wrap;}
}

@media (max-width: 767px) {
	.numbercolumns .col-12 {width:100%;}
	.contentcontainer[data-container-identifier="b13-2cols-45-55-container"] {flex-direction:column-reverse;align-items:center;}
	.contentcontainer[data-container-identifier="b13-2cols-45-55-container"] .contentcontainer-column[data-container-column="left"] {width:100%;justify-content:center;}
	.contentcontainer[data-container-identifier="b13-2cols-45-55-container"] .contentcontainer-column[data-container-column="right"] {width:100%;;justify-content:center;}
	.frame-columnreverse .contentcontainer[data-container-identifier="container_2_columns"] {display:flex;flex-direction:column-reverse;}
	.contentcontainer[data-container-identifier="b13-2cols-45-55-container"] .contentcontainer-column[data-container-column="left"] {margin-top:-20px;}
	.heringundich {font-size:2rem;line-height:2rem;padding:12px 15px 3px 15px;}
	.contentcontainer[data-container-identifier="b13-2cols-45-55-container"] .contentcontainer-column[data-container-column="left"] .font-primary {margin-top:10px;}
	.filters .ui-group.active .button-group  { flex-direction: column;}
	.lastFilterButton {margin-left:0;}
	blockquote {font-size:1rem;}
	.arrow-prev {left:-20px;}
	.arrow-next {left:20px;}
	.swiper-pagination {left:0!important;}	
	.frame-background-secondary .binjay:not(.listnumber) {font-size:2.5rem;}
	.frame-background-secondary.fixedbox {display:none;}
	.frame-type-mask_multielementbinjay h2 {margin-top:20px;margin-bottom:20px;font-size:1.6rem;}
	.footer-section-content {text-align:center;}
	.tx_jobfair .button .btn {padding: 10px 50px 6px 20px;}
	.tx_jobfair .button .btn .title {font-size:16px;margin-right:0;}
	.tx_jobfair .button .btn::after {right:7px;}
	.tx_jobfair h1 {font-size:1.8rem;}
	.tx_jobfair .showview .jobviewdetails ul li {margin-right:5px;font-size:13px;}
	.tx_jobfair .showview .jobviewdetails ul li img {padding-right:2px;}
	.frame-jobfilter .frame-container {--bs-gutter-x: 20px;--bs-gutter-y: 20px;}
	.btn-filter {margin:10px;}
	.btn-filter::after {right:0;}
	.section-before-footer .nomargin .frame-container {padding-left:0;padding-right:0;}
}

@media (max-width: 480px) {
	.tx_jobfair .button .btn .title {max-width:250px;}
}

.backendlayout-landingpage .navbar-mainnavigation .navbar-nav {width:auto;}
.backendlayout-landingpage .navbar-mainnavigation.navbar-fixed-top {position:relative;}
.backendlayout-landingpage .footer-end {flex-direction: column;}
.backendlayout-landingpage .sociallinks-link {padding:10px!important}
.backendlayout-landingpage .sociallinks-list {flex-direction: row;margin-left:-10px;}

@media (max-width: 1023px) {
	.backendlayout-landingpage footer .col-md-3 {width:100%;}
    .backendlayout-landingpage .footer-end {align-items: center;}
	.backendlayout-landingpage .container-mainnavigation {justify-content:center!important;}
}

/*Umbau Layout mobile */
@media (min-width: 768px) {
	.onlymobile, .frame-option-onlymobile {display:none;}
}
@media (max-width: 767px) {
	.section-header .frame-type-mask_multielementbinjay {display:none;}
	.onlydesktop, .frame-option-onlydesktop {display:none;}
}