@charset "UTF-8"; 

@font-face {
    font-family: 'Inter-Regular';
    src: url('../font/subset-Inter-Regular.eot');
    src: url('../font/subset-Inter-Regular.eot?#iefix') format('embedded-opentype'),
        url('../font/subset-Inter-Regular.woff2') format('woff2'),
        url('../font/subset-Inter-Regular.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter-SemiBold';
    src: url('../font/subset-Inter-SemiBold.eot');
    src: url('../font/subset-Inter-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../font/subset-Inter-SemiBold.woff2') format('woff2'),
        url('../font/subset-Inter-SemiBold.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}


html {
margin: 0px;
padding: 0px; 
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

body {
	font-family: 'Inter-Regular', Arial, sans-serif; 
	font-size: 1.04rem;
	line-height: 1.5;
	background-color: #f9f9f9;
 	color: #002e2d;
}

*, *::before, *::after {
    box-sizing: border-box;
}


.hero-image-kartonagen {
  background-image: url("../images/kk_kartonagen_hero.webp");
	 height: 350px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
	
}

.hero-image-verschliessen {
  background-image: url("../images/kk_verschliessen_hero.webp");
	 height: 350px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
	
}

.hero-image-schuetzen {
  background-image: url("../images/kk_schuetzen_hero.webp");
	 height: 350px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
	
}

.hero-image-versandpac {
  background-image: url("../images/kk_versandpac_hero.webp");
	 height: 350px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
	
}

.hero-image-palettieren {
  background-image: url("../images/kk_palettieren_hero.webp");
	 height: 350px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
	
}

.hero-image-sonderanfertigung {
  background-image: url("../images/kk_sonderanfertigung_hero.webp");
	 height: 350px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
	
}

.hero-image-maschinen {
  background-image: url("../images/kk_maschinen_hero.webp");
	 height: 350px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
	
}

.hero-image-kennzeichnen {
  background-image: url("../images/kk_kennzeichnen_hero.webp");
	 height: 350px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
	
}

.hero-text {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
}

#accordion .card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #ffffff;
    background-clip: border-box;
    border: 1px solid rgba(255, 255, 255, 1);
	border-radius: 0px;
		border-bottom: 0px;
}

.card-header {
    padding: 0.75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(255, 255, 255, 1);
border-bottom: 2px solid rgba(249, 249, 249, 1);
}

.card-body{
	border-bottom: 2px solid rgba(249, 249, 249, 1);
	padding-right: 1.8rem;
	padding-left: 1.8rem;
	padding-top: 0rem;
}

.card-header:first-child {
    -webkit-border-radius: 0;
			-moz-border-radius: 0;
			border-radius: 0px;
}

.table {
    width: 100%;
    margin-bottom: 1rem;
				margin-top: -0.13rem;
    color: #015b59;
}

.table thead th {
    vertical-align: bottom;
    border-bottom: 0px;
}

.table th, .table td {
    vertical-align: top;
    border-top: 2px solid #f9f9f9;
				font-size: calc(0.86rem + 0.1vw);
}

.table td {
font-size: calc(0.86rem + 0.1vw);
}

.border {
    border: 3px solid #ffffff !important;
}

h1,h2,h3,h4,h5,h6 {
	font-family: 'Inter-SemiBold', Arial, sans-serif;
	color: #015b59;
}

h1 {
  font-size: calc(1.3rem + 1.2vw);
}

h2 {
  font-size: calc(1.2rem + 0.95vw);
}

h3 {
  font-size: calc(1.1rem + 0.23vw);
}

h4 {
  font-size: calc(1rem + 0.1vw);
}

h6 {
	font-family: 'Inter-SemiRegular', Arial, sans-serif;
margin:auto;
	font-size: calc(0.8rem + 0.1vw);
}


p {
font-family: 'Inter-SemiRegular', Arial, sans-serif;
color: #015b59;
font-size: calc(0.96rem + 0.1vw);
}

li {
font-family: 'Inter-SemiRegular', Arial, sans-serif;
		color: #015b59;
}

nav a {
  color: #ffffff;
  text-decoration: none;
  background-color: transparent;
}

nav a {
  color: #ffffff;
  text-decoration: none;
  background-color: transparent;
}

nav a:hover {
  color: #00f2e9;
  text-decoration: none;
  background-color: transparent;
}

nav a.active {
  color: #00f2e9;
  background-color: transparent;
}

.navbar {
    padding: 0.5rem 0rem;
}


a {
  color: #bb960f;
  text-decoration: none;
  background-color: transparent;
	
}

a:hover {
  color: #bb960f;
  text-decoration: underline;
}

.btn.btn-primary {
color: #002e2d;
background-color: #e2c24c;
border-color: #e2c24c;
	box-shadow: none;
}

.btn-primary:hover {
  color: #002e2d;
  background-color: #e8c956;
  border-color: #e8c956;
}

.btn {
  font-family: 'Inter-SemiBold', Arial, sans-serif;
}

.btn:hover {
  text-decoration: none;
}

.btn-link {
display: flex;
  font-family: 'Inter-SemiBold', Arial, sans-serif;
	color: #a98405;
	width: 100%;
	text-align: left;
}

.btn-link:hover {
	color: #a98405;
}

.btn-link:not(.collapsed)::after {
     background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;%7D .st1%7Bfill:%23A98405;%7D%0A%3C/style%3E%3Cpath class='st0' d='M0,0h24v24H0V0z'/%3E%3Cpath class='st1' d='M12.1,0.8C5.9,0.8,0.9,5.8,0.9,12s5,11.2,11.2,11.2c6.2,0,11.2-5,11.2-11.2S18.3,0.8,12.1,0.8z M12.1,16.4l-6-6 L7.5,9l4.6,4.6L16.7,9l1.4,1.4L12.1,16.4z'/%3E%3C/svg%3E"); 
	transform: rotate(-180deg);
}

.btn-link::after {
	flex-shrink: 0;
	width: 1.25rem;
    height: 1.25rem;
    margin-left: auto;
    content: "";
	background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24.09 24.09' style='enable-background:new 0 0 24.09 24.09;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23A98405;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M12.05,2.6c5.21,0,9.45,4.24,9.45,9.45s-4.24,9.45-9.45,9.45S2.6,17.26,2.6,12.05S6.84,2.6,12.05,2.6 M12.05,0.8C5.83,0.8,0.8,5.83,0.8,12.05S5.83,23.3,12.05,23.3S23.3,18.26,23.3,12.05S18.26,0.8,12.05,0.8L12.05,0.8z'/%3E%3C/g%3E%3Cpath class='st0' d='M7.54,9l4.6,4.6l4.6-4.6l1.4,1.4l-6,6l-6-6L7.54,9z'/%3E%3C/svg%3E%0A");
background-repeat: no-repeat no-repeat;
background-position: center center;
    background-size: 1.2rem;
    transition: transform .2s ease-in-out;
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
  color: #002e2d;
  background-color: #e2c24c;
  border-color: #e8c956;
	box-shadow: none;
}

.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
  box-shadow: none;
}



.bg-skew {
    position: relative;
}

.bg-skew-light::before {
    background-color: #f7f2e3;
}

.bg-skew::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: skewY(-5deg);
    transform-origin: top left;
    z-index: -1;
}

.bg-white {
    background: #ffffff!important;
}
.bg-green {
    background: #245a58!important;
}

.bg-gray {
    background: #f1f1f1!important;
}
.bg-yellow1 {
	background-color: #f7f2e3!important;
}
.bg-yellow2 {
    background-color: #e8c956!important;
}
.bg-yellow-text2 {
   color: #bb960f!important;
}
.right {
	text-align:right;
}


footer {
background-color: #d5b43c;
}