/*layout.css*/

/* PAGE SPECIFIC LAYOUT */
html {
	height: 100%;
	}
body {
	height: 100%;
	/*font-family: 'Raleway', sans-serif!important;*/
	font-family: 'Libre Franklin', sans-serif;
	overflow-x: hidden;
	background-color: rgba(228,190,0,1.00); /*#E4BE00;*/ /*rgba(228,190,0,1.00)*/
	color: #000000!important;
	
	}
	
header {
	max-height: 90px;
	/*set height to pull wrapper down!!!!!!*/
	/*height: 90px;*/
}
	
.footer{
	background-color: rgba(100,101,102,1.00); /*#2f3840*/
	padding-top: 20px;
	padding-bottom:20px;
	color: #fff;
	/*margin-top: 40px;*/
	
}

.theme-color, .pagetitle, h4.pagetitle a, h1.pagetitle a {
	color: #009fe2!important;
}

h4.pagetitle {
	padding-bottom: 0px;
}

.pagetitle, h4.pagetitle a, h1.pagetitle a {
	/*font-family: 'Lato', sans-serif!important;*/
	font-size: 24px;
	padding-bottom: 0px;
	text-transform: uppercase!important;
	font-weight: 700!important;
}

.backlink {
	font-family: 'Lato', sans-serif!important;
	margin-top: -10px;
	font-size: 36px;
	line-height: 25px;
	
	text-transform: uppercase!important;
	font-weight: 600!important;
}

h4.pagetitle a:hover, .backlink:hover {
	color:#FFFFFF!important;
}


/* FIX FONTS !!!!!*/
body {
	-moz-osx-font-smoothing: grayscale; 
	-webkit-font-smoothing: antialiased;
	}

/* PREVENT FLICKER ON (CSS - FADE -) ANIMATION / SAFARI */
.carousel:not(:root:root) {
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateZ(0);
	}
	


/*FOOTER ON BOTTOM!!!!*/
/*html, body {
 	 height: 100%;
 	 margin: 0;
	}*/
.noscrollx {
	overflow: hidden; 
	display: initial;
	}
.wrapper, .wrapper-content {
	width: 100%;
	min-height: 100%;
	overflow-x: hidden;
	}	
.wrapper {
	display: table;
	height: 100%;
	width: 100%;
	}
.wrapperx {
	height: 100%;
	}
.wrapper-content {
	display: table-row;
	height: 100%;
	}
.footer{
	display: block/*table-row*/;
	}

/*END FOOTER ON BOTTOM*/



	
	
::selection {
	background-color: #ccc;
	}
	
h1, h2, h3, h4, h5, h6, .navbar-brand {
	/*font-family: 'Rock Salt', cursive;*/
	margin-bottom: 0!important;
	}

hr {
margin-top: 10px!important;
}

/*
a[href^="tel"] {
	color: inherit;
	text-decoration: none;
	}

a[href^="tel"]:hover {
	color: #333;
	}*/


:target {
 /* display: block;
	padding-top:100px;
	margin-bottom:0px;*/
  /*position: relative;
  top: -160px; */
  /*visibility: hidden;*/
	}

.block p {
	margin-bottom: 0px;
	}
/*	
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{
	text-decoration: none;
	color: #222;
	}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
	text-decoration: none;
	color: #444;
	}*/


a {
	text-decoration:none;
	color:#222;
	/*padding-left:6px;*/
}

a.footer-image-link img {
	margin-top: 2px;
}

.backlink {
	text-decoration:none;
	color: #222;
}

.backlink:hover, a.nav-link:hover, a:hover {
	color: #222;
	text-decoration:none;
}

.typography  a.arrow:before {
    /*position: absolute;*/ /* Prevent underline of arrow */
    padding-right:4px; /* Add a little space between text and arrow */
    content: "\00bb"; /* Unicode hex for » */
}

a h1, a h2, a h3, a h4, a h5, a h6 {
	text-decoration: none;
	color: #222;
	}


a:hover h1, a:hover h2, a:hover h3, a:hover h4, a:hover h5, a:hover h6 {
	text-decoration: none;
	color: #444;
	}

h6 .theme-color a {
	color: #009fe2!important;
	text-decoration: none;
}

h6 .theme-color a:hover {
	color: #333!important;
}

a:not([href]):not([tabindex]), a .ajaxmodal {
	color: #222;
	text-decoration: none;
}

a:not([href]):not([tabindex]):hover, a .ajaxmodal:hover {
	color: #009fe2!important;
}

.money-field {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif!important;
}

a[href^="tel"], a[href^="mailto"] {
	color: inherit;
	color:#222;
	text-decoration: none;
	}

a[href^="tel"]:hover, a[href^="mailto"]:hover {
	color: #444;
	}

p a {
	color: #009fe2;
}

a.theme-color.more {
	font-size: 14px;
}

a.pdf-link span {
	color:#fff;
	font-size: 0.8em;
	padding-top: 10px;
}

a.pdf-link:hover span {
	color: #009fe2!important;
}

a.pdf-link img {
	border: 1px solid rgba(228,190,0,1.00)!important;
}

a.pdf-link:hover img {
	border: 1px solid #009fe2!important;
}
	
.bg-light {
	background-color: rgba(228,190,0,0.8)!important; /*rgba(255, 255, 255, .7)!important;*/
	}

/*#sortable { list-style-type: none; margin: 0; padding: 0; width: 450px; }
#sortable li { margin: 3px 3px 3px 0; padding: 1px; float: left; width: 100px; height: 90px; font-size: 4em; text-align: center; }*/



/* Main Content */

.typography h1 { 
}

.typography p {
	font-weight: 400;
	font-size: 14px; 
	line-height: 20px; 
	margin: 0 0 20px; 
}

.typography .alert p {
	margin: 0 0 0px; 
}

.typography p.footer-p{
	font-weight: 600;
	margin-bottom: 0px;
	font-size: 14px;
	line-height: 20px;
}

.typography .intro_16 {
	font-size: 16px;
	line-height: 22px;
}

.typography .intro_18 {
	font-size: 18px;
	line-height: 24px;
}

.typography .intro_20 {
	font-size: 20px;
	line-height: 27px;
}


.typography p.footer-p a {
	color: #fff;
}
	
.typography p.footer-p a:hover {
	color: #589CD6;
	}

.typography .zwei-spalten  {
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
}

.typography .zwei-spalten {
	-webkit-column-gap: 40px; /* Chrome, Safari, Opera */
    -moz-column-gap: 40px; /* Firefox */
    column-gap: 40px;
	-webkit-column-rule: 1px solid #333; /* Chrome, Safari, Opera */
    -moz-column-rule: 1px solid #333; /* Firefox */
    column-rule: 1px solid #333;
}


.bigicon {
  font-size: 18px;
  color: #009fe2;
}

.same-w-icon{
  font-size: 18px;
  color: #009fe2;
}

.input-icon {
  position: absolute;
	color: #009fe2;
  left: 10px;
	top: 10px;
  /*top: calc(50% - 0.5em);*/
  /* Keep icon in center of input, regardless of the input height */
}


.dark {
	color:#111;
	border-color:#111;
	}
	
.light {
	color:#fff;
	border-color: #fff;
	}
	
.swatch-white {
	color:#111;
	background-color:#fff;
}

.swatch-100 {
    color:#111;
    background-color:#f8f9fa;
	border-color:#111;
}

.swatch-200 {
    color:#111;
    background-color:#e9ecef;
	border-color:#111;
}

.swatch-300 {
    color:#111;
    background-color:#dee2e6;
	border-color:#111;
}

.swatch-400 {
	color:#111;
	background-color:#ced4da;
	border-color:#111;
	}
	
.swatch-500 {
	color:#111;
	background-color:#adb5bd;
	border-color:#111;
	}
	
.swatch-600 {
	color:#fff;
	background-color:#868e96;
	border-color: #fff;
	}
	
.swatch-700 {
	color:#fff;
	background-color:#495057;
	border-color: #fff;
	}
	
.swatch-800 {
	color:#fff;
	background-color:#343a40;
	border-color: #fff;
	}
	
.swatch-900 {
	color:#fff;
	background-color:#212529;
	border-color: #fff;
	}
	

.gradient {
	width: 100%;
	height:100%;
	position: absolute;
	background-origin: content-box;
	top: 0px;
	opacity: .8;
	transition: opacity .5s ease-out;
	-moz-transition: opacity .5s ease-out;
	-webkit-transition: opacity .5s ease-out;
	-o-transition: opacity .5s ease-out;
}

.gradient-left {
	background: -moz-linear-gradient(left, rgba(0,0,0,0.54) 0%, rgba(0,0,0,0.2) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(0,0,0,0.54) 0%,rgba(0,0,0,0.2) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(0,0,0,0.54) 0%,rgba(0,0,0,0.2) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8a000000', endColorstr='#33000000',GradientType=1 ); /* IE6-9 */
}
.gradient-right {
	background: -moz-linear-gradient(left, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.54) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.54) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.54) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33000000', endColorstr='#8a000000',GradientType=1 ); /* IE6-9 */
}
.gradient-top {
	background: -moz-linear-gradient(top, rgba(0,0,0,0.54) 0%, rgba(0,0,0,0.2) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.54) 0%,rgba(0,0,0,0.2) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,0,0,0.54) 0%,rgba(0,0,0,0.2) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8a000000', endColorstr='#33000000',GradientType=0 ); /* IE6-9 */
}
.gradient-bottom {
	background: -moz-linear-gradient(top, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.54) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.54) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.54) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33000000', endColorstr='#8a000000',GradientType=0 ); /* IE6-9 */
}

.image-content {
	position: relative;
	z-index: 1;
	top: -30%;
	left: 20%;
	color: #fff;
}

.txt-img:hover > div > .gradient {
	opacity: 1;
}
	
.filter-blurx {
    -webkit-filter: blur(1px);
    filter: blur(1px);
	transition: 0.5s;
}


/*MODAL WINDOW*/

.modal-backdrop.show {
	opacity: 1;
}

.modal-backdrop {
	z-index: 1040;
	background-color: transparent!important;
}


.modal-backdrop::before {

	display: block;
    content: '';
    position: fixed;
	width:100%;
	height:100%;
    z-index: 989;
 	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
    /*background: url(../../../mycustomextensions/img/monitor_stripes.png) top left repeat;*/
	opacity: 0.6;
	/*background-repeat: repeat;*/
	background-color: #009fe2;
}
/*
.modal-backdrop::after {
   display: block;
    content: '';
    position: fixed;
	width:100%;
	height:100%;
    z-index: 991; 
 	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 841.9 595.3' style='enable-background:new 0 0 841.9 595.3;' xml:space='preserve'><style type='text/css'>.st0{fill:none;stroke:%23000000;stroke-width:80;stroke-miterlimit:10;}.st1{stroke:%23000000;stroke-width:80;stroke-miterlimit:10;}</style><circle id='XMLID_1_' class='st0' cx='388.8' cy='300' r='248.2'/><line id='XMLID_2_' class='st0' x1='388.8' y1='300' x2='198.9' y2='438.6'/><circle id='XMLID_4_' class='st1' cx='388.8' cy='300' r='79.2'/></svg>");
	opacity: 0.05;
	background-repeat: no-repeat;
	
	background-size: 160%;
	background-position: -400px center;
}*/

/*END MODAL WINDOW*/


/* ALERT
-------------------------------------------- */
/*.typography div.alert.alert-dark {
	color: #1b1e21;
	background-color: #d6d8d9;
	border-color: #c6c8ca;
	position: relative;
	padding: .75rem 1.25rem;
	margin-bottom: 1rem;
	border: 1px solid transparent;
	border-radius: .25rem;
}
*/


	

 /*Extra small devices (portrait phones, less than 576px  // 35.9em  )*/
@media (max-width: 575.98px) {  }

 /*Small devices (landscape phones, less than 768px  // 47.9em )*/
@media (max-width: 767.98px) { 

		.typography .zwei-spalten  {
			column-count: 1; -webkit-column-count: 1; 
			-moz-column-count: 1; 
		}
	
		.pagetitle, h4.pagetitle a {
			font-size: 16px;
		}
	
	h1 .fa {
		font-size:  16px;
	}
	
	.pagetitle, h1.pagetitle a {
		font-size:  16px;
	}
	
	.backlink {
		font-size: 30px;
	}


}

 /*Medium devices (tablets, less than 992px   // 61.9em )*/
@media (max-width: 991.98px) { 

		.pagetitle, h4.pagetitle a {
			font-size: 18px;
		}
	
	h1 .fa {
		font-size:  18px;
	}
	
	.pagetitle, h1.pagetitle a {
		font-size:  18px;
	}
	
	.backlink {
		font-size: 34px;
	}


}

 /*Large devices (desktops, less than 1200px  // 74.9em)*/
@media (max-width: 1199.98px) {  }