#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}

body {
	--myMaxWidth: 1200px;
}


html {
  scroll-behavior: smooth;
}

#main .inside,
.custom .azubi_header_container {
	container-name: wrapper_container;
	container-type: inline-size;
	width: 100%;
}


.azubi_header_container {
	padding:1rem!important;
	display: flex;
	justify-content: center!important;
	
}
.azubi_header_wrapper {
	background: url('/files/azubi_lacklaborant/sw_color_colour-burst.webp');
	background-size: cover;
	width:100%;
	height:auto;
	//aspect-ratio: 16 / 9;
	display: flex;
	justify-content: left;
	align-items: flex-end;
	padding:1rem;
	padding-bottom:5rem;
	border-radius: 1rem;
	overflow:clip;
	max-width: var(--myMaxWidth)!important
}
.azubi_titel_wrapper .azubi_titel {
	font-size: clamp(1.4rem, 6vw, 7rem)!important;
	line-height:.8em!important;
	font-family: 'Roboto', Calibri, Arial;
	color:#fff;
	font-weight: 600;
	//text-transform: uppercase;
	margin-bottom: 5vh;
	text-shadow: 3px 3px 4px #00000050;
}
.azubi_titel_wrapper .azubi_titel sup {
	font-size: .5em!important;
	margin-left:.5rem;
}
.button.azubi {
	border:0px;
	border-radius:.5rem;
	background-color:red;
	color:#fff;
	padding: 1rem 2rem;
	font-size: clamp(1rem, 2vw, 1.4rem)!important;
	text-transform: uppercase;
	font-weight:600;
}

.full_cta .wrapper_box {
	//background: linear-gradient(yellow, orange, red);
	padding: 3rem;
}


h1.customHeadline {
	font-size: clamp(1.4rem, 4vw, 3.6rem)!important;
	font-family: 'Roboto', Calibri, Arial;
}
h1.customHeadline {
  background: conic-gradient(from 0deg, #dd2222, #12877f, #0d5e8d, #50d497, #dd2222, #e3ab2d);
  background-size: 200% 200%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  animation: gradientShift 3s ease infinite;
  font-weight: 300;
}

@keyframes gradientShift {
  0% {
	background-position: 0% 50%;
  }
  50% {
	background-position: 100% 50%;
  }
  100% {
	background-position: 0% 50%;
	//background-origin: border-box;
	//background-transform: rotate(360deg);
  }
}

h2.bigger {
	font-size: clamp(1.4rem, 4vw, 3.6rem)!important;
	//font-family: 'Roboto', Calibri, Arial;
}


.wrapper_box {
	background-color: #efefef;
	padding:1rem;
	display: flex;
	flex-direction: column;
	border-radius:1rem;
	min-width:280px!important;
}
.wrapper_box .full { 
	float:none; 
}
.wrapper_box:has(.wrapper_box_image){
	padding:0px;
	overflow:clip;
}
.wrapper_box_image {
	height: 100%;
	display: flex;
	align-items: center;
}
#container .wrapper_box_image .image_container{
	width:auto!important;
	height: 100%!important;
	margin:0px!important;
	padding:0px!important;
	position: relative;
}

.wrapper_box_image .image_container img {
	//position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: auto !important;
}

.grid_container {
	display: grid;
	gap:1rem;
	transition: all .3s ease-in-out;
}

#container .mod_article.pb70.grid_container {
	padding-bottom: 1rem!important;
}
.folge1spaltig #main:has(.grid_container) {
	margin-top: 1rem!important;
}


.full_cta .wrapper_box {
	background: linear-gradient(270deg, #f1c200, #f04a05, #f00559, rgb(117, 21, 102));
	background-size: 400% 400%;
	-webkit-animation: AnimationName 9s ease infinite;
	-moz-animation: AnimationName 9s ease infinite;
	animation: AnimationName 9s ease infinite;
}

@-webkit-keyframes AnimationName {
	0%{background-position:0% 25%}
	50%{background-position:100% 76%}
	100%{background-position:0% 25%}
}
@-moz-keyframes AnimationName {
	0%{background-position:0% 25%}
	50%{background-position:100% 76%}
	100%{background-position:0% 25%}
}
@keyframes AnimationName {
	0%{background-position:0% 25%}
	50%{background-position:100% 76%}
	100%{background-position:0% 25%}
}

label {
	font-size: clamp(.8em, 1.3vw, 1rem)!important;
	margin:0px!important;
	padding:0px;
}
input,
textarea {
	border-radius:.5rem;
}

.checkbox_container span {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}




@container wrapper_container (min-width: 100px) {
	.azubi_header_wrapper {
		aspect-ratio: 1 / 1 !important;
	}
	.grid_container {
		grid-template-columns: repeat(1, minmax(280px, 1fr));
	}
	.wrapper_box_image,
	.wrapper_box_image .image_container{
		//aspect-ratio: auto !important;
	}
	.wrapper_box_image {
		//height: 100%;
		//display: flex;
		align-items: bottom;
	}
}

@container wrapper_container (min-width: 600px) {
	.grid_container {
		grid-template-columns: repeat(2, minmax(300px, 1fr));
	}
	.azubi_header_wrapper {
		aspect-ratio: 16 / 9 !important;
	}
}
@container wrapper_container (min-width: 960px) {
	.grid_container {
		grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	}
	.wrapper_box_image,
	.wrapper_box_image .image_container{
		//aspect-ratio: 4 / 3 !important;
	}
	.wrapper_box_image {
		height: 100%;
		display: flex;
		align-items: center;
	}
}