/*@import url("https://use.typekit.net/psg1yif.css");*/

@font-face {
    font-family: 'AkzidenzGrotesk';
    src: url('fonts/AkzidenzGrotesk-Light.woff2') format('woff2'),
        url('fonts/AkzidenzGrotesk-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'AkzidenzGrotesk';
    src: url('fonts/AkzidenzGrotesk-Black.woff2') format('woff2'),
        url('fonts/AkzidenzGrotesk-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'AkzidenzGrotesk';
    src: url('fonts/AkzidenzGrotesk-Bold.woff2') format('woff2'),
        url('fonts/AkzidenzGrotesk-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'AkzidenzGrotesk';
    src: url('fonts/AkzidenzGrotesk-Roman.woff2') format('woff2'),
        url('fonts/AkzidenzGrotesk-Roman.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

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

/*Svenja css*/
h1, h2, h3, h4, h5, h6, p, a, span {
	-moz-hyphens: auto !important;
	-o-hyphens: auto !important;
	-webkit-hyphens: auto !important;
	-ms-hyphens: auto !important;
	hyphens: auto !important; 
}
h1, h2, h3 {
  	font-family: 'BertholdAkzidenzGroteskBoldCondensed', sans-serif;
	font-weight: 900;
	font-style: normal;
}
* {
	background-size: cover;
    background-repeat: no-repeat;
}

.dropdown-menu .drop-link.dropdown-item {white-space: inherit;}

#p117 .frame-header {margin-bottom: 0rem;}

#p114 .frame-backgroundimage-container #frame-backgroundimage-625 {background-size: cover !important; background-repeat: no-repeat !important;}
#p147 .image-width-text.left-side-image, #p147 .container-bgimage,#p120 .image-width-text.left-side-image, #p103 .image-width-text, #p303 .image-width-text, .footer1 {background-size: auto; background-repeat: repeat;}
#p122 .background-cover {background-position: center; background-size: cover;}
.banner3 {background-position: 20%;}
#p121 .banner3 {background-position: 20%;}
#p84 #accordionExample .py-5.mb-5, #p110 #accordionExample .py-5.mb-5 {background-size: auto; background-repeat: repeat;}
#frame-backgroundimage-693 {background-repeat: repeat; background-size: initial;}
#p115 .gallery-row {align-items: center;}
#p115 .gallery-row img {width: 50%;}
#p115 #c751 {padding-bottom:0;}

.accordion h6.card-header {padding-top: 0.75rem !important; font-size: 22px;}

.tx-productrecipe .product-banner {background-image: url('/fileadmin/user_upload/hg_tisch_matrose_klasse-wurst.jpg') !important;}
.job-hg-detail, .tx-productrecipe .home_product_slider, .news-single .article {background-image: none !important;
    background-color: white !important;}
#p1 .tx-productrecipe .home_product_slider {background: none !important;}
.tx-productrecipe h4 {
  font-family: 'BertholdAkzidenzGroteskCondensed', sans-serif;
  font-weight: 400;
  font-style: normal;
}

.media-heading {margin-bottom:0;}
.uploads-filename {font-size: 16px;}

.frame-background-dark {background-color: rgb(29 47 87 / 90%);}
.frame-background-dark h1, .frame-background-dark h2, .frame-background-dark h3, .frame-background-dark h4, .frame-background-dark h5, .frame-background-dark p {color: #ffffff !important;}

.form-control:focus {box-shadow: 0 0 0 0.2rem rgba(26, 46, 88, 0.25) !important; border: #1a2e58;}
.custom-control-input:checked~.custom-control-label::before {border-color: #1a2e58; background-color: #1a2e58;}
.btn-primary:focus, .btn-primary.focus {box-shadow: 0 0 0 0.2rem rgb(29 47 87 / 50%);}

.product-listing .container .col-md-3.my-2 a {text-align: center;}

.tx-jobteaser h2.text-blue.mb-2 {margin-bottom:0 !important;}
.tx-jobteaser h2.text-red {margin-bottom:8px !important;}

/*Impressionen/Events*/
.frame-backgroundimage-container #frame-backgroundimage-625 {background-size: contain; background-repeat: repeat;}

/*Produkte Akkordion und Buttons*/
.tx-productrecipe h6.card-header.alt-text, .tx-productrecipe a.d-block.alt-text.text-white, .accordion h6.card-header.alt-text {
	font-family: 'BertholdAkzidenzGroteskBoldCondensed', sans-serif;
	font-weight: 900;
	font-style: normal;
    /*text-transform: uppercase;*/
}

/*Typo3 Akkordion*/
.accordion-title-link.collapsed .accordion-title-link-state:after {
    transform: rotate(270deg);
}

.accordion-item.card .accordion-title-link {
    background-color: #1D2F57;
    font-size: 1.5rem;
    color: #ffffff;
    font-family: 'BertholdAkzidenzGroteskCondensedLight', sans-serif;
	font-weight: 300;
	font-style: normal;
  	text-transform: uppercase;
}
.accordion-item.card .accordion-title-link:hover, .accordion-item.card .accordion-title-link:focus {color: #ffffff;}
.accordion#accordion-680 .card-header:after {display:none;}
.accordion#accordion-680 .card-header {padding-right: 0px;}
.accordion-title-link .accordion-title-link-state{transform: translate(0, -100%);}
.accordion-title-link.collapsed .accordion-title-link-state{transform: translate(0, -50%);}
.accordion-title-link .accordion-title-link-state:after {transition: none;}
.accordion-title-link-state:before {display:none;}
.accordion-title-link-state.collapsed:after {
	content: "\f054" !important;
    font-family: "Font Awesome 5 Pro";
    transform: rotate(90deg);
  	background: none;
}
.accordion-title-link-state:after {
	content: "\f078" !important;
    font-family: "Font Awesome 5 Pro";
    transform: rotate(0deg);
  	background: none;
}

.news-img-thumb .slick-slide {height: 160px;}
.footer-section-content a:not(.btn) {color: #cc3517;}
.footer-section-content a:not(.btn):hover, .footer-section-content a:not(.btn):focus {color: #1a2e58;}


.btn-default, .btn.btn-primary {
  border-color: #CC3517;
  color: #1d2f57;
  background: transparent;
  border-radius: 5px;
  padding: 0.4rem 3rem;
}

.btn-default:hover,.btn-default:focus, .btn.btn-primary:hover, .btn.btn-primary:focus {
  background: #CC3517;
  border-color: #CC3517;
  color: #fff;
}

.news.news-single .news-img-thumb.slick-slider {display: none;}
.news.news-single .news-backlink-wrap {display: block !important; margin: 50px auto; width: fit-content;}
.news.news-single .news-backlink-wrap a {
  	border-color: #CC3517;
    color: #1d2f57;
    background: transparent;
    border-radius: 5px;
    padding: 0.4rem 3rem;
    border: 2px solid #CC3517;
    font-size: 16px;
}

.banner .align-items-center .container {
  position: absolute;
    bottom: 24%;
    right: 50%;
    transform: translateX(50%);
}

.item-informations, .item-informations p, .item-informations a, .item-informations b, .item-informations strong {
  font-family: 'BertholdAkzidenzGroteskCondensedLight', sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 25px;
  line-height: 1.2;
}
.item-informations b, .item-informations strong {font-weight: 500;}

.icon-section-part .text-red {font-size: 25px;}

/* -----Mobile----- */
/*Navi Menü*/
@media (max-width:1199px) {
	header.navbar-mainnavigation .navbar-collapse ul li a {
      border-bottom: 0;
      text-transform: initial;
    }
    .navbar-mainnavigation .nav-link-icon, .navbar-mainnavigation .nav-link-text {font-size: 22px !important;}
  	header.navbar-mainnavigation .navbar-collapse ul li .dropdown-toggle:after {top: 16px;}
  	header.navbar-mainnavigation .navbar-collapse .navbar-brand-logo-normal {width: 120px;}
  	header.navbar-mainnavigation .navbar-collapse .navbar-nav li ul li {padding-right: 20px;}
  	header.navbar-mainnavigation .navbar-collapse .navbar-nav li .dropdown-toggle::before {content:none;}
}
@media (max-width:992px) {
  .jobdescription h6 {display: block !important; margin-bottom:0 !important; font-size:25px !important; line-height:1.3 !important;}
  .jobdescription h6.d-none {margin-bottom:20px !important;}
  .frame-has-backgroundimage .frame-backgroundimage-container .frame-backgroundimage {background-repeat: repeat; background-size: 120%;}
  .tx-jobteaser .mobile.accordion {background-color: #1D2F57;}
  .frame-type-shortcut .frame-container {padding:0 !important;}
}
@media (max-width:767px) {
  ul {padding-left: 18px;}
  header .header-bottom .navbar-brand-image img {height: 60px;}
  .banner2, .banner1 {min-height: 260px;}
  .banner3 {min-height: 350px;}
  .banner2 h4 {font-size:27px; line-height:1.1; padding:0 10px;}
  .banner2 h1 {font-size:35px; line-height:1.1; padding:0 10px;}
  .banner2 .pt-5, .banner2 .pt-5 {padding-top: 0 !important;}
  .tx-productrecipe #accordionExample .py-5.mb-5, #frame-backgroundimage-693 {background-size: 150% !important;}
  .tx-jobteaser {background-color: #1D2F57;}
  .section-default .tx-jobteaser {background-color: transparent;}
  .form-group {margin-bottom: 1rem;}
  .textpic.textpic-right .textpic-item.textpic-gallery, .textpic.textpic-left .textpic-item.textpic-gallery, .textpic.textpic-right .textpic-item.textpic-text, .textpic.textpic-left .textpic-item.textpic-text {flex-basis: 100%;}
  /*.news .article .news-img-wrap {flex-basis: 25%; background: rgb(255 255 255 / 60%); margin-right: 7px !important;}*/
  .news .article.grid-item {display: flex !important; flex-wrap: wrap;}
  .news .right-side, .news .article .news-img-wrap {flex-basis: 100%;}
  .news.news-single .article .p-5 {padding: 40px 27px 20px !important;}
  #p114 p.text-center, #p114 h2.text-center {text-align: left !important;}
  .dce-wichtige-informationen {padding: 40px 21px !important;}
  .dce-wichtige-informationen .rahmen-red {padding: 2rem 10px 1rem 10px !important;}
  .header-top .col-auto.d-none {display:block !important; margin: 10px auto; padding: 0;}
  .header-top .left-side ul li:first-child {display: none !important;}
  #accordionExample.product-listing .col-md-4 {width:50%;}
  .product-banner {padding: 80px 0 20px;}
  .product-banner  img.img-fluid {max-width: 80%; margin:0 auto;}
  .tx-productrecipe h6.product-title3 {margin-left: -20px !important;}
  .tx-productrecipe .table_bg {margin-top:0;}
  .home-page-news .news-slider>div .article .news-img-wrap {height: 200px; overflow: hidden;}
  .slick-slide img.img-fluid {max-width: 70%;}
  .dce_banner_slide .slick-arrow {font-size: 25px !important;}
  .heading-title {background-position: center; background-size: 160%;}
  #c780 {padding-bottom:0;}
  .section2.icon-section div.col-md-6.col-lg-3 {margin-bottom:15px;}
  .banner2 h1 {margin:0;}
  #p103 tr {display: grid;}
  #p303 tr {display: grid;}
  .news .right-side h6 {margin: 10px 0px !important;}
  #p115 .gallery-row img {width: 80%;}
  .banner3 .img1 {display:none;}
  .icon-section-part .col-8 {flex: 0 0 100%; max-width: 100%;}
}

.product-listing .container {display:none;}
.product-listing .container.mt-lg-3 {display:block;}

/* Timeline */
.timeline-item-header-headline {
    font-size: 30px;
    color: #1D2F57;
    font-family: 'BertholdAkzidenzGroteskBoldCondensed', sans-serif;
	font-weight: 900;
	font-style: normal;
}
.timeline-item-date {
    font-size: 20px;
    text-transform: inherit;
}
.list-date {
    font-size: 18px !important;
}
#p109 .textpic-item.textpic-gallery, #p109 .textpic-item.textpic-text {
  flex-basis: 50%;
}

/* Angebote Tafeloptik */
@font-face {
    font-family: 'Indie Flower';
    src: url('../../assets/fonts/IndieFlower-Regular.eot') format('embedded-opentype'),
        url('../../assets/fonts/IndieFlower-Regular.woff2') format('woff2'),
        url('../../assets/fonts/IndieFlower-Regular.woff') format('woff'),
        url('../../assets/fonts/IndieFlower-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
/*@import url('https://fonts.googleapis.com/css2?family=Indie+Flower&display=swap');*/
#p108 .frame-background-dark p, #p108 .frame-background-dark td, #p108 .frame-background-dark strong, #p108 .frame-background-dark h3, #p108 .frame-background-dark span,
#p103 .frame-background-dark p, #p103 .frame-background-dark td, #p103 .frame-background-dark strong, #p103 .frame-background-dark h3, #p103 .frame-background-dark span,
#p303 .frame-background-dark p, #p303 .frame-background-dark td, #p303 .frame-background-dark strong, #p303 .frame-background-dark h3, #p303 .frame-background-dark span{
	font-family: 'Indie Flower', cursive;
    color: #ffffff;
    font-size: 30px;
}
#p108 .frame-background-dark, #p103 .frame-background-dark, #p303 .frame-background-dark {
    max-width: 1100px;
    margin: 0 auto;
    padding: 70px 60px;
    background-color: #2b2b2b;
}
#p108 .frame-background-dark td, #p103 .frame-background-dark td, #p303 .frame-background-dark td {
    border-bottom: 1px solid rgba(255,255,255,0.3) !important;
    border-top: 0 !important;
    padding: 1px 15px;
}
#p108 .frame-background-dark h3 span, #p103 .frame-background-dark h3 span, #p303 .frame-background-dark h3 span {
    font-size: 40px !important;
}
#p108 table.monatspro, #p103 table.monatspro, #p303 table.monatspro {margin-top:30px;}

@media (min-width: 768px) {
    .timeline-item:not(:first-child) {
        margin-top: -3.5rem !important;
    }
}
@media (max-width: 768px) {
   
   #p108 .frame-background-dark {padding: 40px 0px !important;}
   #p108 .frame-background-dark h3 span {font-size: 25px !important;}
   #p108 .frame-background-dark p, #p108 .frame-background-dark td, #p108 .frame-background-dark strong, #p108 .frame-background-dark h3, #p108 .frame-background-dark span {font-size: 20px !important;}
   #p108 td {width:100% !important; display: block;}
   #p108 td:nth-child(odd) {border-bottom:0 !important;}
   #p108 table.monatspro {margin-top:10px;}
  .m-d-none {display: none;}
}
@media (max-width: 1400px) {
  header.navbar-mainnavigation .navbar-collapse ul li a {
      font-size: 21px;
  }
}

.icongroup-item-icon {width: 90px; margin-right: 40px;}
.scroll-top {display: none;}

#p239 .banner img, #p237 .banner img, #p240 .banner img {display:none;}

/*Mitarbeiterwohnungen*/
#p308 h3 {
  color: #cc3300;
  text-transform: initial;
  font-size: 28px;
  margin-bottom: 3rem;
}
.icongroup.icongroup-align-left.icongroup-columns-2 .icongroup-item {margin: 5px 20px;}
.icongroup.icongroup-align-left.icongroup-columns-2 .icongroup-item-icon {width: 35px; margin-right: 15px;}
.icongroup.icongroup-align-left.icongroup-columns-2 .icongroup-item-text h4,
.icongroup.icongroup-align-left.icongroup-columns-4 .icongroup-item-text h4 {
    font-size: 19px;
    font-weight: 300;
    font-style: normal;
    line-height: 1.4;
    margin: 0;
}
.icongroup.icongroup-align-left.icongroup-columns-4 .icongroup-item {
    width: calc(100% / 5 - 20px * 2);
}
.icongroup.icongroup-align-left.icongroup-columns-4 .icongroup-item-icon {width: 40px; margin-right: 15px;}