
@import url('https://fonts.googleapis.com/css?family=Oswald:200,300,400,500,600,700');

html, body
{
	height: 100%;
	margin: 0px;
	padding: 0px;
}

body
{
	line-height: 2em;
	letter-spacing: 0.5px;
	margin: 0px;
	padding: 0px;
	background: #FFF;
	background-color: #fff;
	font-family: 'Oswald', sans-serif !important;
	font-size: 11pt;
	font-weight: 300 !important;
	color: #6c6c6c;
	background-repeat:no-repeat;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	background-position:center;
}

.abstand-padding-20
{
	font-size: 16pt;
}

::selection
{
	background: #ffed00;
}

::-moz-selection
{
	background: #ffed00;
}

h1, h2, h3
{
	padding: 0;
	font-weight: 600 !important;
	color: #48433D;
	text-transform: uppercase;
	width: fit-content;
	width: -moz-fit-content;
	letter-spacing: 1px;
	margin: 0 auto;
	margin-bottom: 30px;
	display: inline-block;
}

h1
{
	background-color: #FFED00;
	padding: 15px;
}

h2
{
	border-bottom: 4px solid #FFED00;
}

p, ol, ul
{
	margin-top: 0;
}

ol, ul
{
	padding: 0;
	list-style: none;
}

p
{
	line-height: 180%;
}

strong
{
}

a
{
	color: #000000;
}

a:hover
{
	text-decoration: none;
}


.container
{
	margin-left: 263px;
	background-color: #FFF;
}

@media (max-width: 767px)
{
	body,
	p
	{
		line-height: 150%;
	}
}
/*********************************************************************************/
/* Image Style                                                                   */
/*********************************************************************************/

.image
{
	display: inline-block;
}

.image img
{
	display: block;
	width: 100%;
}

.image-full
{
	display: block;
	width: 100%;
	margin: 0 0 2em 0;
}

.image-left
{
	float: left;
	margin: 0 2em 2em 0;
}

.image-centered
{
	display: block;
	margin: 0 0 2em 0;
}

.image-centered img
{
	margin: 0 auto;
	width: auto;
}

/*********************************************************************************/
/* Social Icon Styles                                                            */
/*********************************************************************************/

ul.contact
{
	margin: 0;
	padding: 2em 0em 0em 0em;
	list-style: none;
}

ul.contact li
{
	display: inline-block;
	padding: 0em 0.30em;
	font-size: 1em;
}

ul.contact li span
{
	display: none;
	margin: 0;
	padding: 0;
}

ul.contact li a
{
	color: #FFF;
}

ul.contact li a:before
{
	display: inline-block;
	background: #3f3f3f;
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 20px;
	text-align: center;
	color: #FFFFFF;
}

ul.contact li a.icon-twitter:before
{
	background: #2DAAE4;
}

ul.contact li a.icon-facebook:before
{
	background: #39599F;
}

ul.contact li a.icon-dribbble:before
{
	background: #C4376B;
}

ul.contact li a.icon-tumblr:before
{
	background: #31516A;
}

ul.contact li a.icon-rss:before
{
	background: #F2600B;
}

/*********************************************************************************/
/* Button Style                                                                  */
/*********************************************************************************/

.button
{
	display: inline-block;
	padding: 1.3em 3em;
	background: #DB3256;
	-moz-transition: opacity 0.25s ease-in-out;
	-webkit-transition: opacity 0.25s ease-in-out;
	-o-transition: opacity 0.25s ease-in-out;
	-ms-transition: opacity 0.25s ease-in-out;
	transition: opacity 0.25s ease-in-out;
	letter-spacing: 0.20em;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: 600;
	color: #FFF;
}

.button:hover
{
}

.button:active
{
}

.button-big
{
	padding: 1.6em 4em;
	font-size: 1.4em;
	font-weight: 900;
}

/*********************************************************************************/
/* Heading Titles                                                                */
/*********************************************************************************/

.title
{
	margin-bottom: 3em;
}

.title h2
{
	font-weight: 400;
	font-size: 2.8em;
	color: #323232;
}

.title .byline
{
	letter-spacing: 0.15em;
	text-transform: uppercase;
	font-weight: 400;
	font-size: 1.1em;
	color: #6F6F6F;
}

/*********************************************************************************/
/* Header                                                                        */
/*********************************************************************************/

.start
{
	margin-left: -325px;
}

#header-wrapper
{
}

#header
{
	position: relative;
	height: 80px;
	background-color: #ffed00;
}



/*********************************************************************************/
/* Logo                                                                          */
/*********************************************************************************/

#logo
{
}


#logo h1
{
	display: inline-block;
	font-size: 2.5em;
	text-transform: uppercase;
	font-weight: 700;
	color: #404040;
}

#logo a
{
	text-decoration: none;
	color: #404040;
	margin-left: 90px;
}

#header-icon 
{
	position: absolute;
	left: 390px;
	top: 1.9em;
	z-index: 2;
}

/*********************************************************************************/
/* dropdownmenu                                                                  */
/*********************************************************************************/

.cd-main-header
{
	position: fixed !important;
	z-index: 1051;
	-webkit-filter: drop-shadow(5px 5px 3px RGBA(0,0,0,0.15));
	filter: drop-shadow(5px 5px 3px RGBA(0,0,0,0.15));
}

@media(orientation: portrait) AND (min-width: 1000px)
{
	.cd-main-header
	{
		z-index: 1000;
	}
}

.header-logo
{
	position: absolute;
	top: 40%;
	left: 50%;
	transform: translate(-50%, -50%);
	height: 50%;
    transition: height 0.2s, top 0.2s;
	background-color: transparent;
}

.shrink_logo .header-logo
{
	height: 40%;
	top: 25%;
}

#logo_header
{
	position: relative;
	width: 263px;
	height: 32vh;
	margin: 0;
	background: #fff;
}

.cd-nav
{
	color: #48433D;
	font-size: 14pt;
	width: 263px;
	height: 68vh;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	position: absolute;
	background-color: #ffed00;
	text-transform: uppercase;
	top: 32vh;
	overflow: hidden;
	transition: top 0.2s, height 0.2s;
}

.cd-nav a.hauptlink
{
	color: #443f34
}

.shrink_logo .cd-nav
{
	height: 82vh;
	top: 18vh;
}

.cd-top-nav ul
{
	display: none;
}

.cd-top-nav .active ul,
.cd-top-nav .open ul
{
	display: block;
	margin-left: 5px;
}

.cd-top-nav
{
	padding-right: 20px;
	overflow-y: scroll;
	width: 100%;
	height: 100%;
}

.cd-top-nav li
{
	padding: 8px 20px;
	margin-bottom: 0px !important;
	text-align: left;
}


.cd-side-nav {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	visibility: hidden;
	opacity: 0;
	transition: opacity 0.2s 0s, visibility 0s 0.2s;
}
.cd-side-nav.nav-is-visible {
	opacity: 1;
	visibility: visible;
	transition: opacity 0.2s 0s, visibility 0s 0s;
}

.language:hover .dropdownmenu-language
{
	display: block;
}


.dropdownmenu-language
{
	display: none;
	position: absolute;
	background-color: RGB(72, 67, 61);
	/*min-width: 160px;*/
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	/*padding: 12px 16px;*/
	padding: 12px 14px;
	z-index: 1;
	margin-top: 10px;
	text-align: left;
	color: white;
	padding-bottom: 20px !important;
	margin-left: -15px;
}

.menu-content-text
{
	font-weight: lighter;
}

.has_submenu .nav_indicator:before
{
	border-style: solid;
	border-width: 0.25em 0.25em 0 0;
	border-color: #fff;
	content: '';
	display: inline-block;
	height: 0.45em;
	left: 0.15em;
	position: relative;
	top: 0.3em;
	transform: rotate(135deg);
	vertical-align: top;
	width: 0.45em;
}

.has_submenu.active  .nav_indicator:before,
.has_submenu.open  .nav_indicator:before
{
	border-width: 0.25em 0 0 0;
	transform: rotate(0deg);
	width: 15px;
	top: 0.7em;
}

@media(max-width: 1000px)
{
	.has_submenu .nav_indicator:before
	{
		top: 0.15em;
	}

	.has_submenu.active  .nav_indicator:before,
	.has_submenu.open  .nav_indicator:before
	{
		top: 0.5em;
	}
}

.has_submenu.active ul .nav_indicator:before,
.has_submenu.open ul .nav_indicator:before
{
	display: none;
}

.open a:focus
{
	outline: 0;
}

.active ul .active
{
	color: #6B8A34;
}

/*********************************************************************************/
/* Box                                                                       */
/*********************************************************************************/

#newsletter-box
{
	border: none;
}


/*********************************************************************************/
/* Banner                                                                        */
/*********************************************************************************/

#banner-wrapper
{
	overflow: hidden;
	padding: 3em 0em;
	background: #ECECEC;
}

#banner
{
	text-align: center;
	width: calc(100% - 263px) !important;
}

#banner .box-left
{
	float: left;
}

#banner .box-right
{
	float: right;
}

#banner h2
{
	margin: 0em;
	padding: 0em;
	font-weight: 400;
	font-size: 3em;
	color: #555555;
}

#banner span
{
	display: block;
	padding-top: 0.20em;
	text-transform: uppercase;
	font-size: 1.2em;
	color: #A2A2A2;
}

/*********************************************************************************/
/* Page                                                                          */
/*********************************************************************************/

#wrapper
{
	background: #FFF;
}

#page
{
	overflow: hidden;
	padding: 6em 0em;
	border-bottom: 2px solid #E3E3E3;
}

/*********************************************************************************/
/* Buttons                                                                       */
/*********************************************************************************/

#welcome-button
{
	margin-top: 20px;
	background-color: #ffed00;
	border: 0;
	padding: 0px 20px;
	font-size: 10pt;
	text-transform: uppercase;
}

.product-button
{
	margin: 0 auto;
	background-color: #ffed00;
	border: 0;
	padding: 0px 10px;
	font-size: 9pt;
	text-transform: uppercase;
	margin-top: 20px;
}

.actual-button
{
	margin: 0 auto;
	background-color: #ffed00;
	border: 0;
	padding: 0px 10px;
	font-size: 9pt;
	text-transform: uppercase;
	margin-top: 20px;
}

/*********************************************************************************/
/* hovereffekte                                                                  */
/*********************************************************************************/

.img-wrap
{
	display: inline-block;
	/*background-color: RGB(245,245,245);*/
	-moz-transition: all 0s linear;
	-ms-transition: all 0s linear;
	-o-transition: all 0s linear;
	-webkit-transition: all 0s linear;
	transition: all 0s linear;	
	margin-right: 30px;
}

.img-wrap .product-image 
{
	opacity: 1;
	-moz-transition: all 0s linear;
	-ms-transition: all 0s linear;
	-o-transition: all 0s linear;
	-webkit-transition: all 0s linear;
	transition: all 0s linear;
}

.product-header .product-image
{
	opacity: 1;
	-moz-transition: all 0s linear;
	-ms-transition: all 0s linear;
	-o-transition: all 0s linear;
	-webkit-transition: all 0s linear;
	transition: all 0s linear;
}

.product-header:hover img
{
	background-color: #ffed00;
	-moz-transition: all 0s linear;
	-ms-transition: all 0s linear;
	-o-transition: all 0s linear;
	-webkit-transition: all 0s linear;
	transition: all 0s linear;
}

.img-wrap:hover
{
	background-color: #ffed00;
	-moz-transition: all 0s linear;
	-ms-transition: all 0s linear;
	-o-transition: all 0s linear;
	-webkit-transition: all 0s linear;
	transition: all 0s linear;
}

.product-image:hover,
.img-wrap:hover .product-image 
{
	opacity: 0;
	-moz-transition: all 0s linear;
	-ms-transition: all 0s linear;
	-o-transition: all 0s linear;
	-webkit-transition: all 0s linear;
	transition: all 0s linear;
}

.img-wrap:hover .product-description
{
	display: block !important;
}

.hover-text
{
	cursor: pointer;
	position: absolute;
	width: 100%;
	text-align: center;
	padding-right:20px;
}


.actual-text .hover-text
{
	cursor: pointer;
	position: inherit;
	width: 100%;
	text-align: left;
	padding-right:0px;
}



.hover-text span
{
	display: block;
}

.hover-text:hover span
{
	display: block !important;
	/*background-color: #FFF;*/
	width: 211px;
	text-align: center !important;
}

.hover-text:hover h
{
	display: block !important;
}

.cd-top-nav li:hover > a
{
	cursor: pointer;
	text-decoration: none;
}

/*********************************************************************************/
/* Content                                                                       */
/*********************************************************************************/

.text-center
{
	text-align: center;
}

.header-social
{
	text-align: center;
	letter-spacing: 15px;
	position: absolute;
	top: 25vh;
	left: 50%;
	transform: translateX(-50%);
	width: 90%;
}

.header-social a
{
	text-decoration: none !important;
}


.header-welcome
{
	font-size: 25pt;
	font-weight: bold;
	color: RGB(72,67,61);
	display: block;
	margin: 0 auto;
	margin-bottom: 15px;
}

.header-welcome-text
{
	display: inline-block;
	background-color: #ffed00;
	padding: 20px 20px;
	text-transform: uppercase;
}

.header-featured
{
	position: relative;
	height:32vh;
	background-image: url(/templates/812192/images/banner.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}

.banner
{
	left: 0;
	width: 100%;
}

.logo
{
	margin-top: 30px;	
}

.header-columns{
	text-align: center;
}

.social-media-area
{
	height: 50px;
	background-color: RGB(245,245,245);
	font-family: 'FontAwesome' !important;
	position:relative;
	color: #FFF;
	font-size: 12px;
}

.arrows
{
	margin-left: 460px;
	position: absolute;
	margin-top: -150px;
}

.dots 
{
	margin-top:95px;
	right: 318px;
	position: absolute;
}

.nav-arrow-right {
	margin-left: 450px;
}

#content
{
}

#welcome
{
	/*text-align: center;*/
	padding-top: 40px;
	width: 100%;
	min-height: 200px;
}


#welcome .header-welcome
{
	text-align: center;
}


h2 {
	font-weight: 600 !important;
}

#intro
{
	text-align: center;
	padding-top: 40px;
}

#welcome-text
{
	margin-top: 20px;
	display:inline-block;
	margin-left: 250px;
	margin: 0 auto;
	padding: 30px 200px;
}

.products
{
	text-align: center;
	/*background-color: RGB(245,245,245);*/
	padding-bottom: 30px;
}

.header-products
{
	border-bottom: 4px solid #ffed00;
	display: inline-block;
	margin: 0px auto;
	margin-bottom: 50px;
	padding-top: 50px;	
}

.product-images
{
	margin: 0 auto;
	width: 960px;
	display: table;
}

.product-image
{ 
	text-align: center;
}

.product-image:hover
{
	background: #ffed00;
}

.product-images li:last-child .img-wrap
{
	margin-right: 0px;
}

.product-images li 
{
	float: left;
}


.product-description
{
	/*margin-top: -160px;*/
	margin-top: -180px;
	display: none !important;
	position: relative;
	text-align: center;
	padding-bottom: 82px;
}


#actual 
{
	text-align: left;
	padding-bottom: 3em;
	display: flex;
	justify-content: space-evenly;
	float: none;
	width: 60%;
	margin: 0 auto;
	text-align: center;
}

.actual_flex
{
	flex-basis: calc(100% / 2);
	padding: 0 1%;
	overflow: hidden;
}

.header-actual-top
{
	border-bottom: 4px solid #ffed00;
	display: inline-block;
	margin: 0px auto;
	margin-bottom: 50px;
	padding-top: 40px;
}

.actual-table
{
/*	margin: 0 auto;
	display: table;
	text-align: center;
	width: calc(100% - 263px) !important;*/

	margin: 0 auto;
	width: 100%;
	text-align: left;

}

.actual-table-row
{
	position: relative;
}

.actual-table div
{
	/*margin-right: 35px;*/
	margin-left: 0;
}

/*.actual-table div:nth-child(3),*/
.actual-table div:nth-child(4)
{
    display: none;
}

.actual-table div:last-child
{
	margin-right: 0px;
}

.actual-text
{
	/*display: table-cell;*/
	margin-right: 5%;
	margin-bottom: 0;
	width: 100%;
	text-align: left;
    font-size: 19px;
}

.actual-text h4
{
    font-size: 25px;
}

.actual-header
{
	text-align: left !important;
	display: inline-block;
	width: 100%;
}

.actual-header:hover
{
	color: #ffed00;
}

.hover-text:hover .actual-text
{
	display: table-cell;
	margin-right: 5%;
	width: 100%;
	text-align: left;
}

.actual-description
{
	margin-top: 10px;
	display: block;
	/*position: absolute;*/
	text-align: left;
}

.actual-text:last-child 
{
	margin-right: 0%;
}

.actual-table li 
{
	float: left;
}

.actual-table div > * {
	display: inline-block;
	text-align: left;
}

.actual-text .hover-text:hover span
{
	text-align: left !important;
}

.wetter_wrapper,
.branchen_wrapper
{
	background-color: #fff;
	margin: 0 !important;
	text-align: center;
	width: 100% !important;
	height: 0;
	padding-bottom: 100%;
	float: left;
	position: relative;
	/*border: solid 5px rgb(225,225,225);*/
	display: block;
}

.branchen_wrapper
{
	float: right;
}

.wetter_item,
.branchen_item
{
	text-align: center;
	width: 90%;
	height: 90%;
	top: 50%;
	left: 50%;
	position: absolute;
	transform: translate(-50%, -50%);
}

.wetter_wrapper .header-actual-top,
.branchen_wrapper .header-actual-top
{
	margin-bottom: 30px;
}

#wetter,
#branchen_news
{
	width: 430px;
	height: 430px;
	transform-origin: left top 0px;
}

#wetter
{
	text-align: center;
}

#wetter_aktuell,
#wetter_ort
{
    width: 50%;
    float: left;
    text-align: center;
}

#wetter_ort span,
.wetter_vorschau_container span
{
	font-size: 19px;
}

#wetter_ort h4
{
	font-size: 25px;
}

#wetter_temp
{
	text-align: center;
	display: block;
	margin-top: -30px;
	font-weight: bold;
	font-size: 35px;
}

#wetter_main_img
{
	width: 160px;
	margin-top: -35px;
}

.wetter_img
{
	width: 60px;
	margin-top: -10px;
}

#wetter_vorschau,
#wetter_aktuell_container
{
    clear: both;
	height: 100px;
}

#wetter_aktuell_container
{
	height: 140px;
}

#wetter_vorschau
{
	margin-top: 20px;
}

.wetter_vorschau_container
{
    float: left;
    width: 33%;
}

.wetter_vorschau_container span
{
    display: block;
    float: none;
}

.wetter_vorschau_temp
{
	font-weight: bold;
	margin-top: -20px;
	font-size: 16px;
}

.wetter_vorschau_img
{
    width: 100%;
    height: auto;
    float: none;
    overflow: auto;
    text-align: center;
}

.wettertabelle td img[src*='/bilder/wetter']
{
	max-width: 180px;
}

.header-coaching
{
	border-bottom: 4px solid #ffed00;
	width: 370px;
	margin: 0px auto;
	margin-bottom: 50px;
	padding-top: 50px;
}


#brands
{
	text-align: center;
	padding-bottom: 30px;	
}

.header-brands
{
	border-bottom: 4px solid #ffed00;
	display: inline-block;
	margin: 0px auto;
	margin-bottom: 50px;
	padding-top: 50px;	
}

.brands-table
{
	margin: 0 auto;
	display: table;
	padding-left: 110px;
	padding-right: 110px;
}

.brand-image
{
	margin-right: 13px;
	width: 150px;
	height: 65px;
	padding: 40px;
	filter: grayscale(100%);
}

.brand-image:hover
{
	filter: grayscale(0%);
}

.brand-description
{
	margin-top: 20px;
	width: 80px;
}

.brands-table li 
{
	float: left;
}

.brands-table div > *
{
	display: block;
}

.modules 
{ 
	text-align: center;
	/*background-color: RGB(245,245,245);*/
	padding-bottom: 30px;
	padding-top: 30px;
}

.telemetrie
{
	margin-left: 250px;
	margin-top: 40px;
}

.customer-field
{
	text-align: center;
	margin-left: 20px;
}

.customer-text
{
	margin-top: 10px;
	padding: 5px 5px;
	border-style: solid;
	border-width: 2px;
	border-color: black;
	filter: grayscale(100%);
}

.customer-text:hover{
	filter: grayscale(0%);
}

.news_container
{
	text-align: center;
	margin: 0 auto;
	width: 60%;
	display: flex;
	flex: 0 0 auto;
	flex-wrap: wrap;
	justify-content: space-evenly;
}

#news_row,
#termin_row
{
	padding-bottom: 40px;
	text-align: center;
}

#news_row h2,
#termin_row h2
{
	margin-top: 40px;
	width: fit-content;
	width: -moz-fit-content;
	text-align: center;
}

.single_news_outer {
	width: 100%;
	height: 0;
	padding-bottom: 105%;
	float: left;
	position: relative;
	margin: 0 1%;
	display: block;
}

.single_news_container
{
	width: 100%;
	height: calc(100% - 60px);
	position: absolute;
	top: 0;
	left: 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.single_news_container.no_news_img
{
	border: 5px solid RGB(225,225,225);
}

.single_news_container.no_news_img:hover
{
	border-color: #FFED00;
}

.single_news_container:hover .news_content
{
	display: block;
	background-color: #FFED00;
}

.news_flex
{
	flex-basis: 30%;
	padding: 0 1%;
	min-width: 175px;
	margin: 0 auto;
}

.news_content
{
	cursor: pointer;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 101%;
	height: 100%;
	background: transparent;
	display: none;
	z-index: 3;
}

.newslist_text
{
	float: left;
	width: 75%;
	padding: 0 20px;
	box-sizing: border-box;
}

.no_news_img .news_content
{
	background: transparent;
	display: block;
}

.single_news_container h3
{
	position: absolute;
	bottom: -50px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 1;
	margin: 0;
	padding: 0;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	width: 100%;
}

.single_news_container.no_news_img h3
{
	bottom: -55px;
}

.news_date,
.news_ellipsis
{
	position: absolute;
	bottom: 5%;
	left: 50%;
	transform: translateX(-50%);
}

.news_ellipsis
{
	bottom: calc(5% + 20px);
}

.no_news_img .news_date
{
	bottom: calc(5% - 5px);
}

.no_news_img .news_ellipsis
{
	bottom: calc(5% + 15px);
}

.news_content_inner
{
	position: absolute;
	top: 10%;
	left: 50%;
	transform: translateX(-50%);
	width: 85%;
	height: 60%;
	z-index: 3;
	overflow: hidden;
}

.no_news_img .news_content_inner
{
	top: calc(10% - 5px);
}

.news_img
{
	display: none;
}

.news_list_image,
.newslist_img
{
	float: right;
	width: 25%;
}

.news_img img,
.newslist_img img
{
	max-width: 100%;
}

.apwrapper
{
	overflow: auto;
}

#kontaktformmultiohta
{
	width: 80%;
	width: fit-content;
	width: -moz-fit-content;
	overflow: auto;
	text-align: center;
	margin: 0 auto;
}

#formularlinks,
#formularrechts
{
	width: 48%;
	padding: 0;
	margin: 0 1%;
}

.apinner
{
	margin-bottom: 40px !important;
	width: 33% !important;
	padding: 0 5px;
}

.apinner:nth-of-type(3n+4)
{
	clear: both;
}

@media (max-width: 1270px)
{
	.apinner
	{
		width: 50% !important;
	}

	.apinner:nth-of-type(3n+4)
	{
		clear: unset;
	}

	.apinner:nth-of-type(2n+3)
	{
		clear: both;
	}
}

@media (max-width: 767px)
{
	.apinner
	{
		width: 100% !important;
	}

	.news_flex
	{
		flex-basis: 100%;
	}
}


/*********************************************************************************/
/* Pseudoelemente                                                                */
/*********************************************************************************/

.fa-arrow-right:before
{
	content:"\f061";
	font-style: normal;
}

.fa-arrow-left:before
{
	content:"\f060";
	font-style: normal;
	margin-right: 200px;
}

.fa-circle:before
{
	content:"\f111";
	font-style: normal;
	display: inline;
}

.menu-content-text:before
{
	content:">";
	margin-left: -11px;
	margin-right: 5px;
}

/*********************************************************************************/
/* Footer                                                                        */
/*********************************************************************************/

footer
{
	clear: both;
}

.footer {
	/*position: absolute;*/


	background-color: #ffed00;
	text-align: left;
	color: rgb(72,67,60) !important;
	margin-left: 263px;


	width: 100%;

}

.footer a {
	color: rgb(72,67,60) !important;
}

.footer-header {
	color:rgb(72,67,60) !important;
	margin-top: 100px;
	font-weight: 600;
}

.footer_centered
{
	display: table;
	margin: 0 auto;
	float: none;
	padding-left: 8%;
}

.footer_text_adresse span
{
	font-weight: normal;
}

.telephone-number {
	margin-top: 20px;
}

.newsletter {
	color: rgb(72,67,60) !important;
	margin-top: 100px;
}

.impressum {
	color: rgb(72,67,60) !important;
	margin-top: 40px;
}

.agb {
	color: rgb(72,67,60) !important;
}

.social-media-icons {
	text-align: center;
}

.phone_button
{
	position: relative;
}

.phone_overlay
{
	position: absolute;
	display: none;
	background-color: RGB(245,245,245);
	border: 1px solid #48433D;
	border-radius: 3px;
	letter-spacing: 1px;
	top: 5px;
	left: 35px;
	width: 130px;
	color: #48433D;
	cursor: default;
	filter: drop-shadow(5px 5px 3px RGBA(0,0,0,0.15));
}

.phone_overlay:hover
{
	color: #48433D;
}


.copyright {
	color: rgb(72,67,60) !important;
	margin-top: 50px;
	text-align: center;
}

.social-media-icons img {
	margin-right: 10px;
} 

.social-media-icons img:last-child {
	margin-right: 0px;
}
.social-media-icons {
	letter-spacing: 15px;
}

.row {
	padding-bottom: 30px;
}

.twelve.columns
{
	margin-left: 0;
}

.twelve.columns h2 {
	text-transform: uppercase;
}

.header-actual-top:after {
	content: "";
	width: 100%;
	text-align: center;
}

.products h2 {
	border-bottom: 4px solid #ffed00;
	display: inline-block;
	text-transform: uppercase;
}

.language-header
{
	width: 100px;
	height: 30px;
	vertical-align: middle;
}

.language-header-img
{
	width: 25px;
	display: inline-block;
	vertical-align: middle;
}

.language-header span {
	margin-left: 15px;
}

#lang_de.curlang_de,
#lang_en.curlang_en,
#lang_ru.curlang_ru
{
	display: none;
}

.header-language{
	position: absolute;
	padding: 10px 15px;
	width: 25px;
	background-color: rgb(72,67,60);
	right: 135px;
}

.kreis {
	width: 300px;
	height: 300px;
	border-radius: 150px;
	background-color: #ffed00;
	margin: 0 auto;
	/*margin-left: 110px;*/
}

.kreis p {
	padding-top: 120px;
}

.module {
/*	margin-left: 165px;
padding-top: 100px;*/
}

.footer .btn
{
	border-color: #48433D;
}

.footer .btn:hover
{
	border-color: #6B8A34;
}


/* Kundenrezensionen */

.clients {
	padding-top: 100px;
	padding-bottom: 100px;
	/*background-color: rgb(245, 245, 245);*/
}
.clients-heading {
	font-weight: lighter;
	margin-bottom: 0px;
	text-align: center;
}
.client-image {
	width: 100%;
	border-radius: 10000px;
	border: 5px solid rgb(255, 255, 255);
	margin-top: 50px;
}
.client-quote {
	border: 4px solid rgb(235, 235, 235);
	background-color: rgb(255, 255, 255);
	padding-left: 65px;
	padding-right: 65px;
	padding-top: 35px;
	padding-bottom: 35px;
	border-radius: 3px;
	font-size: 150%;
	font-weight: lighter;
	position: relative;
	margin-left: 15px;
	margin-top: 40px;
}
.client-quote p {
	margin-bottom: 5px;
}
.client-quote-author {
	font-style: normal;
	font-size: 70%;
	color: rgb(107,138,52);
}

.client-quote::before,
.client-quote::after {
	content: "";
	display: block;
	width: 0px;
	height: 0px;
	position: absolute;
	top: 50%;
}
.client-quote::before {
	left: -30px;
	margin-top: -15px;
	border: 15px solid transparent;
	border-right: 15px solid rgb(235, 235, 235);
}
.client-quote::after {
	left: -26px;
	margin-top: -13px;
	border: 25px solid transparent;
	border-right: 13px solid rgb(255, 255, 255);
}


.twi_inner_abstand,
.twiinhalt
{
	width: 60%;
	margin: 0 auto;
}

.twiinhalt table
{
	width: 100% !important;
}

#grid_shuffel
{
	width: 60%;
}

.produkteinhalt
{
	box-sizing: border-box;
}

#iframe_formular .form-control
{
	width: 98%;
	margin: 0 1%;
}

#iframe_formular .col-md-6 .form-control
{
	width: 96%;
	margin: 0 2%;
}

#iframe_formular .form-control:disabled
{
	background-color: #e3e3e3;
}

.standort_box
{
	text-align: center;
	margin-left: 0;
	min-height: 350px;
	position: relative;
}

.standort_box h3
{
	height: 2em;
}

.standort_box span
{
	font-size: 14pt;
	display: block;
}

.standort_button
{
	width: 80%;
	margin-bottom: 40px;
	margin-top: 10px;
}

.standort_image
{
	max-width:80%;
	height: 16vh;
	overflow:hidden;
	margin: 0 auto;
	margin-bottom: 10px;
	width: fit-content;
	width: -moz-fit-content;
}

.standort_image img
{
	max-width:100%;
	max-height:100%;
}

/* MEDIA */

/*
@media(max-width: 1680px)
{
	.standort_image
	{
		max-width: 100%;
		float: none;
	}

	.standort_text,
	.standort_contact
	{
		width: 100%;
		float: none;
		text-align: center;
	}
}*/

@media (max-width: 767px)
{
	#grid_shuffel
	{
		width: 80%;
	}
}

@media (min-width: 550px)
{body > .row > .ten.columns
	{
		width: calc(100% - 263px) !important; 
	}
}

@media (min-width: 550px)
{body > .row > .column, body > .row > .columns
	{
		margin-left: 0 !important;
	}
}

/*@media (min-width: 550px)
{.footer
	{
		width: calc(100% - 263px) !important;
	}
	}*/


#mobile_header
{
	display: none;
}

.modal-header .close
{
	position: absolute;
	right: 10px;
	top: 0px;
}

#anfahrtkontakt
{
	height: 230px;
}

#anfahrtkontakt a
{
	display: block;
	width: 100%;
	height: 100%;
}

#kontaktstandortbildoben
{
	margin:0 auto;
	max-width:100%;
	max-height: 100%;
}

#kontaktbilder a
{
	height: 100px;
	max-width: 20%;
	display: block;
	float:left;
	margin-top: 10px;
}

#kontaktbilder a img
{
	max-width: 100%;
	max-height: 100%;
	width: unset;
}

#kontaktoeffnungszeiten
{
	margin-top: 20px;
}

.kontakttitle
{
	font-size: 200%;
}

.kontakt_img_crop
{
	width: 140px;
	height: 153px;
	margin: 0 auto;
}

.kontakt_img_crop img
{
	max-width: 100%;
	max-height: 100%;
}

#telausgabe,
#faxausgabe,
#mobilausgabe
{
	display: inline-block;
}

@media (max-width: 1000px)
{
	#linke_spalte_komplett_navi_und_header
	{
		width: 100%;
	}

	.cd-nav
	{
		width: 100%;
		background-color: RGB(245,245,245);
		top: 185px;
		height: calc(100vh - 225px);
		text-align: center;
		transition: left 0.5s;
	}

	#logo_header
	{
		visibility: hidden;
	}

	#mobile_header
	{
		margin-top: -150px;
		overflow: hidden;
		height: 225px;
		display: block;
		position: fixed;
		z-index: 1051;
		width: 100%;
		background-color: white;
		text-align: center;
		filter: drop-shadow(5px 5px 3px RGBA(0,0,0,0.15));
		transition: margin-top 0.5s;
	}

	.navbar_open #mobile_header
	{
		margin-top: -40px;
	}

	.frameinhalt #mobile_header,
	.frameinhalt .burger-menu
	{
		display: none !important;
	}

	#mobile_header_background
	{
		background-color: #FFED00;
		height: 70px;
		margin-top: -10px;
	}

	.header-logo,
	.shrink_logo .header-logo
	{
		height: 160px;
		top: 130px;
	}

	.shrink_logo .cd-nav
	{
		height: calc(100vh - 225px);
		top: 185px;
	}

	#flaggen_und_banner_wrapper
	{
		margin-top: 65px;
	}

	.has_submenu .nav_indicator:before
	{
		border-color: #6B8A34;
	}

	.cd-top-nav li
	{
		text-align: center;
	}

	ul ul
	{
		margin: 0;
	}

	.menu-content-text:before
	{
		display: none;
	}

	#formularlinks,
	#formularrechts
	{
		width: 98%;
	}

	#anfahrtkontakt,
	#anfahrtkontakt a,
	#kontaktadressdatenoben
	{
		width: 100%;
	}

	#kontaktbilder a
	{
		max-width: 33%;
	}
}

@media (max-width: 565px)
{
	.single_news_outer
	{
		float: none;
		margin: 0 auto;
		margin-bottom: 20px;
		width: 100%;
		padding-bottom: 90%;
	}

	.branchen_wrapper,
	.wetter_wrapper
	{
		width: 100%;
	}

	#kontaktbilder a
	{
		width: 100%;
		max-width: 100%;
		height: unset;
	}

	#kontaktbilder a img
	{
		width: 100%;
		height: auto;
	}
}

@media(max-width: 560px)
{
	h4.actual-header
	{
		margin-bottom: 10px;
		margin-top: 20px;
	}

	.header-welcome-text
	{
		line-height: 1.3em;
	}

	.footer-header
	{
		margin-top: 40px;
	}


	.twi_inner_abstand,
	.twiinhalt
	{
		width: 80%;
		margin: 0 auto;
	}

	#actual
	{
		width: 80%;
	}

	.news_container
	{
		width: 80%;
	}
}

@media (max-width: 550px)
{
	.panel-body div
	{
		width: 100% !important;
		text-align: center;
	}

	.panel-body input, #bhaendlerlink
	{
		width: 100% !important;
	}
}

@media (max-width: 760px)
{
	h1
	{
		font-size: 3.5rem;
	}
}

@media (max-width: 700px)
{
	h1
	{
		font-size: 3rem;
	}
}

@media (max-width: 450px)
{
	h1
	{
		font-size: 2.6rem;
		padding: 10px;
	}

	h2
	{
		font-size: 2.4rem;
	}
}

@media (min-height: 1300px) AND (max-width: 1024px)
{
	.header-social
	{
		top: 20vh;
	}

	#logo_header,
	.header-featured
	{
		height: 25vh;
	}

	.cd-nav
	{
		top: 25vh;
		height: 75vh;
	}

	.shrink_logo .header-logo
	{
		height: 50%;
		top: 35%;
	}
}


/* LIGHTBOX-FIX */

.lb-outercontainer
{
	min-width: 250px;
	min-height: 250px;
	width: fit-content !important;
	height: fit-content !important;
	width: -moz-fit-content !important;
	height: -moz-fit-content !important;
	display: table !important;
	margin: auto !important;
}

.lb-image {
	max-height: 80vh;
	max-width: 80vw;
	height: auto !important;
	width: auto !important;
}

/* burger-menu */
.burger-menu {
	position: fixed;
	right: 15px;
	top: 17px;
	width: 40px;
	height: 40px;
	cursor: pointer;
	z-index: 1052;
	display: none;

	transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
}

.burger-menu.menu-on {
	top: 12px;
}

.burger {
	position: absolute;
	background: rgba(72,67,61,1);
	width: 30px;
	height: 7px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	opacity: 1;
}

.burger::before,
.burger::after
{
	position: absolute;
	background: rgba(72,67,61,1);
	width: 40px;
	height: 7px;
	left: -5px;
	content: "";
	display: block;
}
.burger::before {
	top: 12px;
	left: -5px;
}
.burger::after {
	bottom: 12px;
}
.burger::after, .burger::before, .burger {
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
}
.burger-menu.menu-on .burger::after{
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	bottom: 0px;
}
.burger-menu.menu-on .burger::before{
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	top: 0px;
}
.burger-menu.menu-on .burger{
	background: rgba(72,67,61,.0);
}

@media (max-width: 1000px)
{
	.burger-menu
	{
		display: block;
	}
}

/* bootstrap slider */

.carousel {
	position: relative;
}
.carousel-inner {
	position: relative;
	width: 100%;
	overflow: hidden;
}
.carousel-inner > .item {
	position: relative;
	display: none;
	-webkit-transition: .6s ease-in-out left;
	-o-transition: .6s ease-in-out left;
	transition: .6s ease-in-out left;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
	line-height: 1;
}
@media all and (transform-3d), (-webkit-transform-3d) {
	.carousel-inner > .item {
		-webkit-transition: -webkit-transform .6s ease-in-out;
		-o-transition:      -o-transform .6s ease-in-out;
		transition:         transform .6s ease-in-out;

		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-webkit-perspective: 1000;
		perspective: 1000;
	}
	.carousel-inner > .item.next,
	.carousel-inner > .item.active.right {
		left: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}
	.carousel-inner > .item.prev,
	.carousel-inner > .item.active.left {
		left: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}
	.carousel-inner > .item.next.left,
	.carousel-inner > .item.prev.right,
	.carousel-inner > .item.active {
		left: 0;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
	display: block;
}
.carousel-inner > .active {
	left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
	position: absolute;
	top: 0;
	width: 100%;
}
.carousel-inner > .next {
	left: 100%;
}
.carousel-inner > .prev {
	left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
	left: 0;
}
.carousel-inner > .active.left {
	left: -100%;
}
.carousel-inner > .active.right {
	left: 100%;
}

.carousel-item {
	height: 100%;
	background-position: center;
	background-size: cover;
}

#home_slider,
#home_slider_inner
{
	height: 100%;
}

.carousel-control
{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 30px;
	height: 30px;
	cursor: pointer;
}

.carousel-control span
{
	width: 100%;
	height: 100%;
	display: inline-block;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

.carousel-control-prev
{
	left: 30px;
}

.carousel-control-prev-icon
{
	background-image: url('/templates/812192/images/control_prev.png');
}

.carousel-control-next
{
	right: 30px;
}

.carousel-control-next-icon
{
	background-image: url('/templates/812192/images/control_next.png');
}

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}

.news_construct_overlay
{
	background-color: #FFED00;
}

.tabs_construct_container
{
	border: none;
	background: none;
}

.tabs_construct_contents
{
	background: none;
}

.tabs_construct_title
{
	background-color: RGB(245,245,245);
	border-left: none;
	border-bottom: 1px solid #dedede;
}

.tabs_construct_title:hover
{
	background: #fff;
}

.tabs_construct_title.active
{
	border: 1px solid #dedede;
	border-bottom: 1px solid transparent;
	background: none;
}

.frameinhalt iframe,
iframe
{
	max-width: 100%;
}

.hersteller_modal .modal-content
{
	padding-bottom: 30px;
}

#produkte_modal_body
{
	background: #fff;
	background-image: none;
	height: 100vh;
}

#produkte_modal_body.loading
{
	background-image: url("/templates/812192/images/ajax_loaderwdm.gif");
	background-position: center 30%;
	background-repeat: no-repeat;
}

#produkte_modal_body .iframe-container
{
	height: 100%;
}

iframe body
{
	background-color: #fff;
}

@media(max-width: 767px)
{
	.modal-header.produkte_modal_header
	{
		padding-top: 5px;
		height: 60px;
	}

	.produkte_modal_header h4
	{
		margin-bottom: 5px;
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
		max-width: 100%;
	}

	.produkte_modal_header a,
	.produkte_modal_header a span
	{
		display: none !important;
	}

	.produkte_modal_header a.mobile_link,
	.produkte_modal_header hr
	{
		display: block !important;
	}

	.produkte_modal_body
	{
		padding-top: 0;
	}
}

@media(max-width: 767px) AND (orientation: landscape)
{
	.produkte_modal_header hr
	{
		display: none !important;
	}

	#link_anfrage_formular_mobile
	{
		margin-right: 10px;
	}

	.modal-header.produkte_modal_header
	{
		height: 20px;
	}

	#modal_produkte .modal-content
	{
		max-height: calc(90vh - 70px);
		min-height: 70vh !important;
	}

	#modal_produkte .modal-body
	{
		max-height: calc(80vh - 95px)
	}

	#iframe_produkte
	{
		height: 60vh !important;
	}
}

#contactForm .has-error input,
#contactForm .has-error textarea
{
	border-color: red;
}

#contactForm .with-errors ul
{
	padding-left: 15px;
	margin-top: 5px;
}

.slider_construct_container .carousel .carousel-inner .carousel-item .slider_construct_caption:not(:empty)
{
	color: rgb(68, 63, 52) !important;
	background-color: #FFED00 !important;
}

.slider_construct_container .carousel .carousel-inner .slider_construct_control
{
	background-color: transparent !important;
}

.slider_construct_container .carousel .carousel-inner .slider_construct_control.slider_construct_control_prev
{
	background-image: url('/templates/812192/images/control_prev.png') !important;
}

.slider_construct_container .carousel .carousel-inner .slider_construct_control.slider_construct_control_next
{
	background-image: url('/templates/812192/images/control_next.png') !important;
}

#popup_modal .modal-dialog
{
	width: fit-content;
	max-width: 80%;
}

#popup_modal .modal-header
{
	height: 0;
	min-height: 0;
	border: none;
	padding: 0;
}

#popup_modal .modal-content
{
	padding: 15px 0;
	height: fit-content;
}

#popup_modal .modal-content a
{
	display: inline-block;
    width: 100%;
    text-align: center;
}

#popup_modal button.close
{
	position: absolute;
	top: 0;
	right: 0;
	height: 36px;
	width: 36px;
	background-image: url('/templates/812192/fancy/source/fancybox_sprite.png');
	color: #fff;
	font-size: 30px;
	margin: 0;
	transform: translate(50%, -50%);
	opacity: 1;
}

#popup_modal .modal-body
{
	height: 100%;
	padding: 0;
	overflow: hidden;
	overflow-y: auto;
}

#popup_modal .modal-body h1:empty
{
	display: none;
}

#trainings_list
{
	margin-bottom: 60px;
}

#trainings_list .row
{
	padding: 10px 0;
}

.trainings_item
{
	border-bottom: 1px solid #6c6c6c;
	position: relative;
}

.trainings_item .columns
{
	min-height: 1px;
}

.trainings_item .training_img_wrapper img
{
	max-width: 100%;
	margin-top: 5px;
}

.training_content p
{
	margin-bottom: 0;
}

.training_button
{
	margin-top: 10px;
}

#training_form_modal .modal-header h3
{
	margin: 0;
}

#training_form_modal .modal-footer input,
#training_form_modal input[type=checkbox]
{
	margin-bottom: 0;
}

#training_form_modal .modal-footer input[disabled]
{
	cursor: not-allowed;
	background-color: #dedede;
}

#training_contact_details
{
	padding-bottom: 0;
}

#training_contact_form input[type=text],
#training_contact_form select,
#training_contact_form textarea
{
	width: 100%;
}

#training_contact_form input[type=text][readonly]
{
	background-color: #efefef;
}

#training_contact_form input[type=text][readonly]:focus
{
	border-color: #D1D1D1;
}

#training_contact_details .row
{
	padding-bottom: 0;
}

#training_form_logo_wrapper
{
	height: 72px;
	margin-bottom: 15px;
	text-align: center;
	line-height: 72px;
	overflow: hidden;
}

#training_form_logo
{
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
}

#training_contact_form label[for=training_form_participant_myself],
#training_contact_form label[for=training_form_privacy],
#training_contact_form label[for=training_form_newsletter],
#training_contact_form label[for=training_form_copy]
{
	display: inline;
}

#training_contact_form label[for=training_form_participants]
{
	margin-top: 25px;
}

.scrollable_notice
{
	padding: 6px 10px;
	border: 1px solid #D1D1D1;
	overflow: auto;
	max-height: 140px;
	margin-bottom: 5px;
}

#training_form_privacy_notice
{
	max-height: 85px;
}

#training_contact_form label[for=training_form_privacy],
#training_contact_form label[for=training_form_newsletter],
#training_contact_form label[for=training_form_copy]
{
	margin-bottom: 15px;
}

#training_form_captcha_container
{
	margin-top: 15px;
	margin-bottom: 15px;
}

#training_form_captcha_img_wrapper
{
	padding: 10px;
}

#training_form_captcha_img
{
	max-width: 100%;
	min-height: 80px;
	min-width: 1px;
}

#training_form_captcha_refresh
{
	display: block;
	cursor: pointer;
	font-size: 0.95em;
}

#training_form_mandatory_notice
{
	text-align: right;
}

#training_form_check_message
{
	display: none;
	float: left;
	text-align: left;
	box-sizing: border-box;
	position: absolute;
	right: 0;
	bottom: calc(100% + 1px);
	left: 0;
	background: rgba(255,255,255,.8);
	border-top: 1px solid rgba(229,229,229,.8);
	padding: 5px 30px 5px 10px;
	cursor: pointer;
}

#training_form_check_message:after
{
	content: '+';
	position: absolute;
	right: 5px;
	top: 5px;
	color: #6c6c6c !important;
	font-size: 30px;
	font-weight: bold;
	transform: rotate(45deg);
}

#training_form_check_message.error
{
	color: red;
}

#training_form_check_message.success
{
	color: green;
}

@media(max-width: 1199px)
{
	.training_date_wrapper
	{
		width: 20% !important;
	}

	.training_topic_wrapper
	{
		width: 26% !important;
	}

	.training_content_wrapper
	{
		width: 46% !important;
	}

	.training_button_wrapper
	{
		width: 100% !important;
		margin-left: 0;
		text-align: center;
	}

	.training_button
	{
		position: static;
		transform: none;
	}
}

@media(max-width: 767px)
{
	.trainings_header
	{
		display: none;
	}

	.training_date_wrapper,
	.training_topic_wrapper,
	.training_content_wrapper,
	.training_button_wrapper
	{
		width: 100% !important;
	}

	.training_date_wrapper,
	.training_date_wrapper *,
	.training_topic_wrapper,
	.training_topic_wrapper *
	{
		font-weight: bold;
	}

	.trainings_item .columns
	{
		margin-left: 0;
		width: 100%;
		text-align: center;
		margin-bottom: 10px;
	}

	.trainings_item .columns:last-of-type
	{
		margin-bottom: 0;
	}

	#training_form_modal .modal-dialog
	{
		top: 75px;
		height: calc(100% - 95px);
		margin: 10px auto;
	}

	#training_form_modal .modal-content
	{
		height: calc(100% - 20px);
	}

	#training_form_modal .modal-body
	{
		max-height: calc(100% - 125px);
	}

	#training_form_modal .columns
	{
		margin-left: 0;
		width: 100%;
	}
}

#job_application_form input:not(input[type=button]), 
#job_application_form select, 
#job_application_form textarea, 
#job_application_privacy_notice 
{
    width: 100%;
    font-size: 17px;
}

#job_application_privacy_notice 
{
    border: 1px solid #D1D1D1;
    height: 6.5em;
    padding-left: 5px;
    padding-right: 5px;
    overflow-y: scroll;
}