/*-----------------------------------------------------------------------------------
	    irl4-4c
        Built with Blocs
-----------------------------------------------------------------------------------*/
body
{
	margin: 0;
	padding: 0;
	background-image: url(img/background.svg);
	background-repeat: no-repeat;
	background-size: cover;
	background-color: #019DBC;
	overflow-x: hidden;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
a, button
{
	transition: background 0.3s ease-in-out;
	outline: none !important;
}
/* Prevent ugly blue glow on chrome and safari */
a:hover
{
	text-decoration: none;
	cursor: pointer;
}
/* Preloader */
.page-preloader
{
	position: fixed;
	top: 0;
	bottom: 0;
	width: 100%;
	z-index: 100000;
	background: #FFFFFF url("img/pageload-spinner.gif") no-repeat center center;
}
/* = Blocs
-------------------------------------------------------------- */
.bloc
{
	width: 100%;
	clear: both;
	background: 50% 50% no-repeat;
	padding: 0 50px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
	display: flex;
}
.bloc .container
{
	padding-left: 0;
	padding-right: 0;
}
/* Sizes */
.bloc-sm
{
	padding: 20px 50px;
}
/* Light theme */
.d-bloc .card, .l-bloc
{
	color: rgba(0, 0, 0, 0.5);
}
.d-bloc .card button:hover, .l-bloc button:hover
{
	color: rgba(0, 0, 0, 0.7);
}
.l-bloc .icon-round, .l-bloc .icon-square, .l-bloc .icon-rounded, .l-bloc .icon-semi-rounded-a, .l-bloc .icon-semi-rounded-b
{
	border-color: rgba(0, 0, 0, 0.7);
}
.d-bloc .card .divider-h span, .l-bloc .divider-h span
{
	border-color: rgba(0, 0, 0, 0.1);
}
.d-bloc .card .a-btn, .l-bloc .a-btn, .l-bloc .navbar a, .l-bloc a .icon-sm, .l-bloc a .icon-md, .l-bloc a .icon-lg, .l-bloc a .icon-xl, .l-bloc h1 a, .l-bloc h2 a, .l-bloc h3 a, .l-bloc h4 a, .l-bloc h5 a, .l-bloc h6 a, .l-bloc p a
{
	color: rgba(0, 0, 0, 0.6);
}
.d-bloc .card .a-btn:hover, .l-bloc .a-btn:hover, .l-bloc .navbar a:hover, .l-bloc a:hover .icon-sm, .l-bloc a:hover .icon-md, .l-bloc a:hover .icon-lg, .l-bloc a:hover .icon-xl, .l-bloc h1 a:hover, .l-bloc h2 a:hover, .l-bloc h3 a:hover, .l-bloc h4 a:hover, .l-bloc h5 a:hover, .l-bloc h6 a:hover, .l-bloc p a:hover
{
	color: color: #019DBC;
}
.l-bloc .navbar-toggle .icon-bar
{
	color: rgba(0, 0, 0, 0.6);
}
.d-bloc .card .btn-wire, .d-bloc .card .btn-wire:hover, .l-bloc .btn-wire, .l-bloc .btn-wire:hover
{
	color: rgba(0, 0, 0, 0.7);
	border-color: rgba(0, 0, 0, 0.3);
}
/* = NavBar
-------------------------------------------------------------- */
.hero .hero-nav
{
	padding-left: inherit;
	padding-right: inherit;
}
/* Handle Multi Level Navigation */
.navbar-light .navbar-nav .nav-link
{
	color: rgb(64, 64, 64);
}
.btco-menu li > a
{
	padding: 10px 15px;
	color: #000;
}
.btco-menu .active a:focus, .btco-menu li a:focus, .navbar > .show > a:focus
{
	background: transparent;
	outline: 0;
}
.dropdown-menu .show > .dropdown-toggle::after
{
	transform: rotate(-90deg);
}
/* = Bric adjustment margins
-------------------------------------------------------------- */
.mg-md
{
	margin-top: 10px;
	margin-bottom: 20px;
}
img.mg-sm, img.mg-md, img.mg-lg
{
	margin-top: 0;
}
img.mg-sm
{
	margin-bottom: 10px;
}
img.mg-md
{
	margin-bottom: 30px;
}
img.mg-lg
{
	margin-bottom: 50px;
}
/* = Buttons
-------------------------------------------------------------- */
.btn-d, .btn-d:hover, .btn-d:focus
{
	color: #FFF;
	background: rgba(0, 0, 0, 0.3);
}
/* Prevent ugly blue glow on chrome and safari */
button
{
	outline: none !important;
}
.a-block
{
	width: 100%;
	text-align: left;
	display: inline-block;
}
.text-center .a-block
{
	text-align: center;
}
.card-sq, .card-sq .card-header, .card-sq .card-footer
{
	border-radius: 0;
}
.card-rd
{
	border-radius: 30px;
}
.card-rd .card-header
{
	border-radius: 29px 29px 0 0;
}
.card-rd .card-footer
{
	border-radius: 0 0 29px 29px;
}
/* ScrollToTop button */
.scrollToTop
{
	width: 40px;
	height: 40px;
	position: fixed;
	bottom: 20px;
	right: 20px;
	opacity: 0;
	z-index: 500;
	transition: all 0.3s ease-in-out;
}
.scrollToTop span
{
	margin-top: 6px;
}
.showScrollTop
{
	font-size: 14px;
	opacity: 1;
}
/* = Custom Styling
-------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6, p, label, .btn, a
{
	font-family: "Helvetica";
}
.container
{
	max-width: 1140px;
}
.img-style
{
	width: 263px;
	float: left;
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.hintergrund
{
	float: none;
	overflow: visible;
	background-image: url("img/background.gif");
	background-position: center top;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
	background-size: 100% 100%;
}
.rand
{
	background-color: #FFFFFF;
	overflow: visible;
	background-repeat: no-repeat;
	background-position: center center;
	border-style: solid;
	float: none;
	border-color: #61C6DD !important;
	background-clip: padding-box !important;
	-webkit-background-clip: padding-box !important;
	border-radius: 10px 10px 10px 10px;
	border-width: 6px 6px 6px 6px;
}
.rand2
{
	border-style: none;
	background-clip: content-box !important;
	-webkit-background-clip: content-box !important;
	background-color: transparent;
	float: none;
	margin: 4px 4px 4px 4px;
}
.p-style
{
	width: 100%;
}
.weiss
{
	background-color: rgba(255, 255, 255, 0.9);
	border-style: solid;
	border-color: rgba(255, 255, 255, 0.0) !important;
	background-repeat: no-repeat;
	overflow: visible;
	border-radius: 10px 10px 10px 10px;
}
.desk
{
	text-decoration: underline !important;
	line-height: 1em;
}
.h1-style
{
	font-size: 1.4em;
}
.navback
{
	background-color: transparent;
}
.buthr
{
	background-color: #C5C5C5;
	margin: 4px 4px 4px 4px;
	padding: 4px 4px 4px 4px;
}
.headertop
{
	margin-top: 20px;
}

#wichtig {
color: #ffffff;
font-weight:bold;}



/* = Colour
-------------------------------------------------------------- */
/* Bloc image backgrounds */
/* = Mobile adjustments 
-------------------------------------------------------------- */
@media (max-width: 1024px)
{
	.bloc
	{
		padding-left: 20px;
		padding-right: 20px;
	}
	.bloc.full-width-bloc, .bloc-tile-2.full-width-bloc .container, .bloc-tile-3.full-width-bloc .container, .bloc-tile-4.full-width-bloc .container
	{
		padding-left: 0;
		padding-right: 0;
	}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape)
{
	.b-parallax
	{
		background-attachment: scroll;
	}
}
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 1.5)
{
	.b-parallax
	{
		background-attachment: scroll;
	}
}
@media (max-width: 991px)
{
	.container
	{
		width: 100%;
	}
	.b-parallax
	{
		background-attachment: scroll;
	}
	.page-container, #hero-bloc
	{
		overflow-x: hidden;
		position: relative;
	}
	/* Prevent unwanted side scroll on mobile */
	.bloc
	{
		padding-left: constant(safe-area-inset-left);
		padding-right: constant(safe-area-inset-right);
	}
	/* iPhone X Notch Support*/
	.bloc-group, .bloc-group .bloc
	{
		display: block;
		width: 100%;
	}
}
@media (max-width: 767px)
{
	.page-container
	{
		overflow-x: hidden;
		position: relative;
	}
	.b-parallax
	{
		background-attachment: scroll;
	}
	.bloc-tile-2 .container, .bloc-tile-3 .container, .bloc-tile-4 .container
	{
		padding-left: 0;
		padding-right: 0;
	}
	.a-block
	{
		padding: 0 10px;
	}
	.btn-dwn
	{
		display: none;
	}
	.voffset
	{
		margin-top: 5px;
	}
	.voffset-md
	{
		margin-top: 20px;
	}
	.voffset-lg
	{
		margin-top: 30px;
	}
	form
	{
		padding: 5px;
	}
	.close-lightbox
	{
		display: inline-block;
	}
	.blocsapp-device-iphone5
	{
		background-size: 216px 425px;
		padding-top: 60px;
		width: 216px;
		height: 425px;
	}
	.blocsapp-device-iphone5 img
	{
		width: 180px;
		height: 320px;
	}
}
@media (min-width: 576px)
{
	/*navlinks
	----------------------------------------------------------------*/
	#leftmenu
	{
		margin-top: 0px;
		padding-top: 12px;
	}
	#leftmenu ul, #leftmenu ul li
	{
		list-style-type: none;
		list-style-image: none;
		margin: 0;
		padding: 0;
	}
	#leftmenu li a
	{
		margin: 0;
		display: block;
		font-size: 0.8em;
		padding: 10px 0 3px 10px;
		line-height: 160%;
		color: #424242;
		text-decoration: none;
		border-bottom: 4px  #EDEDED solid;
		background-color: #ffffff;
		font-weight: 600;
	}
	#leftmenu li li a
	{
		font-size: 0.8em;
		padding: 5px 0 5px 20px;
	}
	#leftmenu li li li a
	{
		font-size: 12px;
		padding: 5px 0 5px 30px;
	}
	#leftmenu a.menu-current, #leftmenu a.menu-parent, #leftmenu a:hover, #leftmenu a:focus
	{
		color: #019DBC;
	}
	#leftmenu a.menu-current, #leftmenu a.menu-parent
	{
		font-weight: bold;
	}
}
@media (max-width: 991px)
{
	.img-style
	{
		width: 218px;
	}
}
@media (max-width: 767px)
{
	.img-style
	{
		width: 154px;
	}
}
@media (max-width: 575px)
{
	.img-style
	{
		width: 137px;
		float: none;
		overflow: visible;
		display: block;
		margin: auto;
		text-align: center;
	}
	.img-leist-style
	{
		width: 295px;
	}
	.mobile
	{
		font-family: "helvetica";
		font-size: 0.9em;
		text-align: left;
		padding: 4px 4px 4px 4px;
	}
	.mtop
	{
		margin-top: 30px;
	}
	.navback
	{
		background-color: #BEBFBC;
		border-style: none;
		margin: 2px 2px 2px 2px;
		padding: 4px 4px 4px 4px;
	}
	
	.nav-item {
	
	}
	
	
	.nav-item ul, .nav-item ul li
	{
		list-style-type: none;
		list-style-image: none;
		margin: 0;
		padding: 0;
	}
	
	.nav-item li a
	{
		margin: 0;
		display: block;
		font-size: 1.2em;
		padding: 10px 0 3px 10px;
		line-height: 160%;
		color: #424242;
		text-decoration: none;
		border-bottom: 4px  #EDEDED solid;
		background-color: #ffffff;
		font-weight: 600;
	}
	
	.nav-item a.menu-current, .nav-item a.menu-parent, .nav-item a:hover, .nav-item a:focus
	{
		color: #019DBC;
	}
	
	
	#leftmenu
	{
		display: none;
	}
}