/*Fonts in Bootstrap.min.css*/

/**************************************************************************************
  General
**************************************************************************************/
html,body{height:100%;}
body {
	font-size:16px;
	color:rgb(28, 28, 27);
	font-family: 'Roboto',Arial,Helvetica,sans-serif;
	background-color:#FFF;
}
h1, .h1, 
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
	text-transform:uppercase;
	font-weight:900;
}
h1, .h1 {font-size:25px; margin-top: 0px;} 
h2, .h2 {font-size:20px;}
h3, .h3 {font-size:18px;}
h4, .h4 {
	text-transform:none;
	margin-bottom:3px;
}
h6, .h6 {text-transform:none;}
hr{
	-moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: rgb(28, 28, 27);
	-moz-use-text-color: #fff;
    border-image: none;
    border-style: solid none;
    border-width: 2px 0 0 0;
}
a, .pseudoLink {
	color:rgb(28, 28, 27);
	text-decoration:none;
	transition:color 200ms linear;
}
.lg-sub-html a {
	color:#fff;
}
.lg-sub-html a:hover {
	color:#999;
}

#Content a.backlink:not(.btn), .Content a.backlink:not(.btn) {
	color:black;
	text-decoration:none;
	cursor:pointer;
	transition:color 200ms linear;
}

a:hover, a:focus, .pseudoLink:hover, 
#Content a.backlink:hover, .Content a.backlink:hover {
	color:#004188;
	text-decoration:none;
	cursor:pointer;
	transition:color 200ms linear;
}

small, .small {color:rgba(28, 28, 27,0.8);font-weight:normal;}
*[onclick^="location.href"],
*[onclick^="window.open"],
*[data-src] {cursor:pointer;}
.content {
	margin-top:30px;
	margin-bottom:15px;
	position:relative;
	line-height:1.5;
}
.imgBeside {
	background-color:#FFF;/*d2d8db;*/
	margin-bottom:4.17%;
	max-width:50%;
}
.imgBeside img {width:100%;}
.hyphens,
.hyphens-xs {
	-moz-hyphens:auto;
	-ms-hyphens:auto;
	-webkit-hyphens:auto;
	hyphens:auto;
}
.breakword {
  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;
}
body > video {display:block;}
/**************************************************************************************
  header
**************************************************************************************/
header {
	position:relative;
	overflow:hidden;
	padding-top:170px;/*gleiche Höhe wie nav*/
}
.home header {background-color:transparent;padding:50px 0 20px 0;}
header .inner {
	position:absolute;top:0;right:0;bottom:0;left:0;
	text-transform:uppercase;
}
header a {
	font-size:12px;
	font-weight:bold;
	color:rgb(28, 28, 27);
	background-color:#FFF;
	padding:2px 5px;
	transition: all 200ms linear;
}
header a:hover {
	color:#FFF;
	background-color:#004188;
	transition: all 200ms linear;
}
header h1 {
	font-size:12px;
	line-height:16px;
	color:#FFF;
	background-color:#004188;
	padding:2px 5px;
	display:inline-block;
}
#slider {
    position: relative;
    height: 100vh;
    padding-top: 2px;
}
#slider .background-container, 
.background-slider {
	bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 51px;
    z-index: -1;
    height: calc(100vh - 102px);
}
#slider .background-slider {
    background-attachment: scroll;
    background-position: center top;
    background-size: cover;
    opacity: 0;
    width: 100%;
    height: 100%;
}
#slider .background-slider:first-child {
    opacity: 1;
}
#slider .inner,
#video .inner {
    position: absolute;
    top: auto;
    bottom: 15%;
    left: 0;
    right: 0;
    text-transform: none;
}
#slider .container > *,
#video .container > * {
    padding: 3px 8px;
    background-color: #FFF;
    display: inline-block;
}
#slider h1,
#video h1 {
    width: 100%;
    color: rgb(28, 28, 27);
    font-weight: 900;
    background-color: transparent;
    text-transform: uppercase;
    padding: 0;
    border-bottom: 2px solid rgb(28, 28, 27);
    margin: 0;
}
#slider p:last-child,
#video p:last-child {
    margin-bottom: 0;
}
#slider .smooth_anchor,
#video .smooth_anchor {
    font-size: 20px;
    font-weight: bold;
    margin-top: 10px;
    text-transform: uppercase;
	transition:all 200ms linear;
}
#slider .smooth_anchor:hover,
#video .smooth_anchor:hover {
	color:#FFF;
	background-color:#004188;
	transition:all 200ms linear;
}
.smooth_anchor i {
    padding-left: 10px;
}

header,
#slider-carousel,
.carousel-inner,
.carousel-inner .item {
	/*max-height:180px;*/
}
/*header .row {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	width:auto;
	display:inline-block;
}*/
carousel-inner {max-height:230px;overflow:hidden;}
/*Update NEW2 
header .sliderH1 {
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	width:auto;
	display:inline-block;
	margin:0;
}
#slider-carousel {margin:25px 0 100px 0;}
.carousel-inner img {
	width:100%;
}
.carousel-caption {
	display:none;
	text-transform:uppercase;
	left:0;
	right:0;
	padding:15px 0;
}
.carousel-caption h3,
.carousel-caption .h3 {
	margin:0;
	color:#FFF;
	font-size:55px;
	letter-spacing:3px;
}
.carousel-indicators {
	top:-15%;
	bottom:auto;
	margin-bottom:0;
	z-index:1;
}
.carousel-indicators li {
	box-shadow:0 1px 2px rgba(0, 0, 0, 0.6);
	background-color:#FFF;
	border-color:#FFF;
}
.carousel-indicators li.active {
	background-color:#004188;
	border-color:#000;
}*/
.carousel-indicators {position:static;margin:0 auto;}
.carousel-indicators li {
	border-color:rgb(28, 28, 27);
	height:12px;
	width:12px;
	margin:0;
}
.carousel-indicators li:hover {border-color:#004188;}
.carousel-indicators .active {
	border-color:#004188;
	background-color: #004188;
}

header.slider {
	background-repeat: no-repeat;
	background-position:center center;
	background-size:cover;
}

#video {
	position:relative;
	padding-top:170px;/*Höhe wie Navigation*/
	height:100%;
	overflow:hidden;
	background-color:#000;
}
#video video {
	position:absolute;
	top:50% /*Höhe wie Navigation*/;
	left:50%;
	transform:translate(-50%,-50%);
	display:block;
	/*max-width:100%;*/
	height:100%;
}


/**************************************************************************************
  Kacheln
**************************************************************************************/
#Tiles {}
#Tiles > .container > .row {margin-bottom:8.33%;margin-bottom:calc(8.33% - 30px);}
#Tiles .inner {margin-bottom:60px;}
#Tiles .inner, #MainNavTiles .inner {
	position:relative;
	background-size:cover;
	background-position:center center;
	transition:all 300ms linear;
	overflow:hidden;
}
#Tiles .inner:hover {
	transition:all 300ms linear;
	cursor:pointer;
}
#Tiles .inner > div:hover {
	transition:all 300ms linear;
}
#Tiles h3, #Tiles .h3,
#Tiles h4, #Tiles .h4 {
	font-size:12px;
}
#Tiles h3, #Tiles .h3,
#Tiles h4, #Tiles .h4,
#MainNavTiles .title {
	position:static;
	transform:none;
	padding:10px 0 20px 0;
	margin-bottom:0;
	text-align:left;
	border-top:2px solid rgb(28, 28, 27);
	font-weight:bold;
}
#Tiles h3 a, #Tiles .h3 a,
#Tiles h4 a, #Tiles .h4 a,
#MainNavTiles a {
	color:rgb(28, 28, 27);
	background-color:transparent;
	padding:0;
	text-transform:uppercase;
}
#Tiles a:hover, #MainNavTiles a:hover {
	color:rgb(28, 28, 27);
	text-decoration:none
}
#Tiles .row > div:hover a {
	color:#004188;
}
#Tiles .inner img, #MainNavTiles .inner img {
	position:relative;
	z-index:1;
}
#Tiles div.txt, #MainNavTiles div.txt {
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	font-size:14px;
	font-weight:300;
	width:100%;
}
#Tiles .inner:hover {/*cursor:default;*/}
.Team #Tiles p.txt {
	font-size:14px;
	font-weight:300;
	margin:0;
}
.Team #Tiles .row > div:hover a {/*color:inherit;*/}

.Team #Tiles .Employee_Text{
min-height: 120px;
}
/**************************************************************************************
  BackToTop button
**************************************************************************************/
#scroll {
    position:fixed;
    right:15px;
    bottom:15px;
    cursor:pointer;
    width:50px;
    height:50px;
	background-color: #D2D8DB;
	border-radius:3px;
	z-index:1;
	transition:background-color 200ms linear;
}
#scroll:hover {
	color: #FFF;
	background-color:rgb(28, 28, 27);
	transition:background-color 200ms linear;
}
#scroll i {
	padding-top:5px;
	color:#FFF;
	position:absolute;
	left:50%;
	transform:translateX(-50%);
}
/**************************************************************************************
  Navigation
**************************************************************************************/
/*Update 27.12.2017
#Lang {
	width:100%;
	text-align:left;
	font-size:12px;
	padding-left:12px;
}*/
.navbar-nav .serviceNav{
	/*Toggle Navi Social-Icons only*/
	display:table;
	list-style:none;
	float:right;
	font-size:12px;
	font-weight:bold;
	padding:0;
	padding-top:calc(11.11% - 15px);
}
.serviceNav {
	float:right;
	/*margin:15px 0 0 0;*/
	margin:0;
}
.serviceNav > ul {padding-left:0;}
.serviceNav li {vertical-align:bottom;}
.serviceNav li.social {padding:0 12px;}
.NavPos1 li:not(.cart) {display:none;}

/*Toggle Navi Social-Icons only*/
.navbar-nav ul.serviceNav{
	display:block;
	width:100%;
}
.navbar-nav ul.serviceNav li {
	display:block;
}
.navbar-nav ul.serviceNav li.social-wrap {
	padding-top:16.67%;
}
.social-wrap ul {
	display:block;
	float:right;
	padding-left:0;
}
.navbar-nav ul.serviceNav li.social {
	width:40px;
	float:left;
}
/*Update 27.07.2017*/
.nav .lang-wrap #Lang,
.nav .lang-wrap .Lang{padding-left:0; width:100%;}
.navbar-nav ul.serviceNav li.lang-wrap {
	font-size:0.66em;
	float:left;
}
.navbar-nav ul.serviceNav li.lang-wrap li{
	float:left;
	padding:10px 10px 0 0;
}
.navbar-nav ul.serviceNav li.lang-wrap a {
	margin-right:10px;
}
/*END 27.07.2017*/
.navbar-nav ul.serviceNav li.social:last-child {
	margin-right:-12px;
}
.serviceNav li.cart {
	display:block;
	width:56px;
	height:55px;
	margin-top:15px;
	margin-right: 30px;
}
.serviceNav li.cart svg {width:40px;height:39px;}
.navbar-nav ul.serviceNav li.sitemap {
	width:100px;
	padding-right:56px;
}

/*IE Hack*/
@media all and (-ms-high-contrast:none) {
	.serviceNav li.cart { margin-top:12px; } /* IE10 */
	/*::-ms-backdrop, .serviceNav li.cart { margin-top:12px; } /* IE11 */
}

/*inline CSS von SVGs*/
.serviceNav .st0{fill:rgb(28, 28, 27);}
.serviceNav .st1{fill:#004188;}
.serviceNav .st2{fill:#FFFFFF;}
.serviceNav .st3{fill:#141515;}
.serviceNav .st4{fill:#999999;}
.serviceNav .st5{fill:url(#SVGID_1_);}
.serviceNav .st6{fill:#D2D8DB;}
.serviceNav .st7{fill:#9A9A9B;}
/*inline CSS von SVG sitemap
.serviceNav .sitemap .st3{font-family:'FrutigerLTStd-Black';}
.serviceNav .sitemap .st4{font-size:16px;}
.serviceNav .sitemap .st5{fill:#141515;}
.serviceNav .sitemap .st6{fill:#999999;}
.serviceNav .sitemap .st7{fill:url(#SVGID_1_);}
.serviceNav .sitemap .st8{fill:#D2D8DB;}
.serviceNav .sitemap .st9{fill:#9A9A9B;}*/

.serviceNav a:hover svg .st0,
.serviceNav .cart.active svg .st0 {
	fill:#004188;
}
.serviceNav svg .st0,
.serviceNav a:hover svg .st0{
	transition:fill 200ms linear;
}
/*Update 27.12.2017*/
.serviceNav .social .fa {
	font-size:22px;
}
.serviceNav ul.NavPos1 .social .fa.fa-shopping-cart {
	font-size:34px;
}
.serviceNav ul.NavPos1 .social .fa {
	font-size:18px;
}
/*END 27.12.2017*/
.cart.active a{color:#004188;}

.navbar {
	margin-bottom:0;
}
.navbar-default {
	font-size:16px;
	font-weight:bold;
	text-transform:uppercase;
	color:#000;
	border:none;
	border-radius:0;
	
	background-color:#FFF;
}
.website .navbar-default {position:fixed;z-index:2;width:100%;}
.navbar > .container {
	background-color:inherit;
	text-align:center;
}
.navbar .inner {
	padding:3% 0 0 0;
}
.navbar-brand {
	height:auto;
	background-color:#FFF;
	padding-bottom:0;
	margin-left:-15px;
	
	/*damit Klick auf Logo funktioniert*/
	position:relative;
	z-index:1;
}
@media (max-width:435px) {
	.navbar-brand {
		width:172px;
		/*overflow:hidden;*/
	}
}
.navbar-brand  > img {
	width:220px;
	height:auto;
	max-width:none;
}
.navbar-default .navbar-collapse {
	border:none;
	box-shadow:none;
	margin:0 auto;
	max-height:none;
	position:absolute;
	width:100%;
	top:90%;
	left:0;
	right:0;
	overflow:visible;
	z-index:10;
}
.navbar-nav {
	margin-bottom:0;
	/*margin-top:13px;*/
	background-color:#FFF;
	float:none;
	/*width:100%;
	top:88%;
	left:15px;
	right:0;
	position:absolute;
	z-index:11;*/
	padding-bottom:calc(6.25% - 8px);
}
.navbar-nav > ul.container {
	margin-top:16.67%;
	width:100%;
}
.admin .navbar-nav > ul.container {
	margin-top:3%;
}
.nav  li {
	font-size:1.5em;
	line-height:1.6em;
	white-space:nowrap;
	list-style:none;
	text-align:right;
}
.nav > ul > li,
.navbar-nav ul.serviceNav {
	padding-right:30px;
	position:relative;
}
.nav > ul > li.open {
	padding-right:0;
}
.nav1 a.dropdown-toggle:after {
	content:"\f054";
	font-family: FontAwesome;
	font-size:0.8em;
	position:absolute;
	right:0;
}

.nav  li.service {font-size:1em;margin-top:calc(11.11% - 15px);}
.nav  li.service ~ .service {margin-top:0;}
.nav1.open > a{
	/*visibility:hidden;*/
}
.nav a {text-decoration:none;}
.navbar-default .navbar-nav   li > a,
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
	color:rgb(28, 28, 27);
	background-color:#FFF;
	font-weight:bold;
}
.navbar-default .navbar-nav  li:hover > a,
.navbar-default .navbar-nav  li > a:hover, .navbar-default .navbar-nav  li  a:focus,
.navbar-default .navbar-nav  .active > a, .navbar-default .navbar-nav  .active > a:hover, .navbar-default .navbar-nav  .active > a:focus,
.navbar-default li.active ul.dropdown-menu, .navbar-default li:hover ul.dropdown-menu, .navbar-default li:focus ul.dropdown-menu,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
	color:#004188;
	background-color:transparent;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    color:#000;
    background-color: transparent;
	-webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
	padding-left:0;
	padding-right:0;
}

/*Update JC 27.12.2017 
.navbar-default .navbar-nav   li > a .fa {display:none;}*/

.navbar-default ul.dropdown-menu {
    border: none;
	border-radius:0;
    box-shadow: none;
	position: static;
    width: auto;
    font-size: 13px;
    z-index: 1000;
	margin:0 auto;
	top:auto;
	right:auto;
	bottom:auto;
	left:auto;
	background-color:transparent;
	padding-top:0;
	width:100%;
}
.admin .navbar-default ul.dropdown-menu {display:block;}
.admin .navbar-default .listicon ul.dropdown-menu {display:none;}
.navbar-default .dropdown-submenu > ul.dropdown-menu {
	text-transform:none;
}
ul.dropdown-menu li {
    padding: 0 0 0 10px;
    width: auto;
	/*float:left;*/
}
ul.dropdown-menu li.dropdown-submenu {
	width:100%;
}
.dropdown-menu > li > a {
	color:#000;
	padding: 0 15px;
	width:100%;
	white-space:normal;
	background-color:transparent;
    transition: background-color 200ms linear;
}
.dropdown-submenu .dropdown-menu > li > a {
	padding-right:30px;
}
.dropdown-menu > .active > a, 
.dropdown-menu > .active > a:hover, 
.dropdown-menu > .active > a:focus,
ul.dropdown-menu > li > a:hover, 
ul.dropdown-menu > li > a:focus,
.dropdown-menu > .active.dropdown-submenu, 
.dropdown-menu > .active.dropdown-submenu:hover, 
.dropdown-menu > .active.dropdown-submenu:focus,
ul.dropdown-menu > li.dropdown-submenu:hover, 
ul.dropdown-menu > li.dropdown-submenu:focus {
	color:#FFF;
    background-color: transparent;
}
/*Toggle*/
.container .navbar-header {
	text-align:center;
	float:right;
	margin-right:0;
	/*position:absolute;
	top:0;
	right:0;*/
}
.navbar-toggle {
	margin-top:20px;
	background-color:transparent;
	padding:0;
}
.navbar-default .navbar-toggle {
	border:none;
	margin-right:0;
}
.navbar-default .navbar-toggle:hover, 
.navbar-default .navbar-toggle:focus {
	background-color:transparent;
}
.navbar-default .navbar-toggle .icon-bar {
	width:35px;
	height:2px;
	border-radius:0;
	background-color:rgb(28, 28, 27);
    transition: background-color 200ms linear;
}
.navbar-default .navbar-toggle:hover .icon-bar/*,
.navbar-default .navbar-toggle:focus .icon-bar*/ {
	background-color:#004188;
    transition: background-color 200ms linear;
}
.navbar-toggle .icon-bar + .icon-bar {
	margin-top:11px;
}
aside {margin-top:11.11%;}
aside h3, aside .h3{margin-top:0;}
aside h4, aside .h4{line-height:1.5;}
#MainNavTiles,
aside > div,
.RequestInc {
	background: transparent url(../images/bg-gradient.png) no-repeat;
	background-size: 100% 100%;
	border-top:2px solid #d2d8db;
	padding:11.11% 0 8.33% 0;
}
#MainNavTiles .inner {
	position:relative;
	cursor:pointer;
	/*background-color:#FFF;/*D2D8DB;*/
	overflow:hidden;
}
#MainNavTiles [class^=col-] {margin-bottom:30px;}

/**************************************************************************************
  Content Ansicht
**************************************************************************************/
p, .ptext, #Content ul {
	margin: 0 0 10px;
}
#Content:empty {
	display:none;
}
.website #Content img, .website #Blog img{
	max-width:100%;	
	height:auto;
}
#Content > h1:first-child,
#Content > h2:first-child,
#Content > h3:first-child {
	margin-top:0;
}
#Content .backlink,
.Content .backlink,
aside h4 {
	color:black;
	font-size:0.75em;
	text-transform:uppercase; 
	border-bottom:3px solid rgb(28, 28, 27);
	display:block;
	padding-bottom: 5px;
	margin-bottom: 4px;
}
.admin #Content td, .admin #Content th {
	font-size:15px;
}
.website #Content td img{
	display:block;
	width:auto;
	height:auto;
}
#Content ul, #Content ol {
	padding-left:15px;
}
/*#Content ul {
	list-style-image:url(../images/ul-icon.gif);
}*/
#Content ul li, #Content ol li{
	margin-bottom:10px;
}
#Content .table .listicon > a {
	color:rgb(28, 28, 27);
	display:block !important;
	padding:0;
	background-color:transparent;
	border:none;
}
#Content .table .listicon > .dropdown {
	display:block !important;
}
#Content .listicon button {
	background-color:transparent;
	color:rgb(28, 28, 27);
	border:none;
	font-size:14px;
	padding:0;
	border:1px solid transparent;
	transition:border-color 200ms linear;
	min-width:22px;
}
#Content .listicon button:hover,
#Content .listicon .dropdown.open button {
	border:1px solid #ccc;
	transition:border-color 200ms linear;
}
#Content .table .listicon .open > ul.dropdown-menu {
	position:absolute;
	display:block;
	padding:0;
	background-color:#FFF;
	box-shadow: 0 0 3px rgba(0,0,0,0.5);
	min-width:0;
	width:45px;
}
#Content .listicon li {
	margin-bottom:0;
	border-top:1px solid #ccc;
}
#Content .listicon li:first-child {border-top:0;}
#Content .listicon .dropdown-menu > li > a {
	padding:0 3px;
	min-width:0;
	text-align:center;
	opacity:0.5;
	transition:opacity 200ms linear;
}
#Content .listicon .dropdown-menu > li > a:hover {
	opacity:1;
	transition:opacity 200ms linear;
}
#Content .listicon .fa-stack{
	width:1.4em;
	height:1.4em;
	line-height:1.4em;
}
#Content .listicon .fa-stack-2x {font-size:1.4em;color:rgba(255,0,0,0.6);}

/*body:not(.admin) .Content *:not(h1):not(h2):not(.h2):not(h3):not(h4) > a:not(:empty), 
body:not(.admin) .Content *:not(h1):not(h2):not(.h2):not(h3):not(h4) > .pseudoLink,
.website .Content input[type="button"] {
	font-size:16px;
	font-weight:bold;
	color:#FFF;
	padding:2px 4px;
	background-color:#004188;
	border:none;
	text-decoration:none;
	transition:color 200ms linear;
}*/
#Content a:not(.btn),
.Content a:not(.btn),
#Content .pseudoLink,
#Content .pseudoLink {
	color:#004188;
	font-weight:bold;
}
#Content a:hover, 
#Content a:focus, 
.Content a:hover, 
.Content a:focus,
#Content .pseudoLink:hover {
	color:rgb(28, 28, 27);
	text-decoration:none;
	cursor:pointer;
	transition:all 200ms linear;
}

#Content.Team [class^=col-] > a,
#Content.Gallery [class^="col-"] > a,
#Content .a-img, .a-img {
	padding:0;
	background-color:transparent;
}

/*Gegensteuer Bootstrap für per Editor erstellte Tabellen*/
.website #Content table td td {
	padding:0;
}

.box_aside{
	border-top:3px solid black;
	border-bottom:3px solid black;
	text-align:left;
	padding:5px 0px;
	margin-top:22px;
	margin-left:15px;
	margin-right:15px;
	margin-bottom:30px;
	font-size:0.8em;
}
.box_aside strong{
	text-transform:uppercase;
	margin-bottom:5px;
}

.box_aside span{
	color:#C8C8C8;
}

/**************************************************************************************
  section.content (role=main)
**************************************************************************************/
.website section.content {margin-top:8.33%;}
/*.website section.content > .row {margin-top:8.33%;}*/
.website section.content #Content > .row {margin-bottom:5.5%;}
.website section.content .dropdown {margin-bottom:8.33%;}
.website section.content .dropdown-menu {
	border-radius:0;
	border:none;
}
.website section.content ul.dropdown-menu > li > a,
.website section.content ul.dropdown-menu li.active a:hover {
	color:#004188;
	white-space:normal;
}
.website section.content ul.dropdown-menu li.active a {
	font-weight:bold;
	cursor:default
}
.website section.content ul.dropdown-menu li.disabled {
	font-weight:bold;		
}


/**************************************************************************************
  Blog / Event- und Ref-Home
**************************************************************************************/
.home #Blog {padding-top:6.25%;}
.home #Blog h2,
#SubNav .h2,
#Event h2 {
	margin-top:0;
	margin-bottom:4.17%;
}
.home #Blog .bg-gradient {margin-top:6.25%;}
.home .bg-gradient .row > div {margin-bottom:4.17%;}
.home .bg-gradient .row > div:last-child {margin-bottom:0;}
.home #Blog h2 a,
.home .bg-gradient h2 a,
#SubNav .h2 a,
.Shop h2 a {
	font-weight:bold;
	text-transform:uppercase;
	transition: color 200ms linear;
	color:#004188;
}
.home #Blog .pseudoLink,
.home .bg-gradient .pseudoLink {
	text-transform:uppercase;
}
.home #Blog .pseudoLink:hover,
.home .bg-gradient .pseudoLink:hover {
	transition: color 200ms linear;
	color:#000;
}
#SubNav .container:before {
	display: inline-block;
    content: "";
    border-top: 3px solid black;
    width: calc(66.66666667% - 12px);
	margin-left:calc(33.33333333% + 10px);
    transform: translateY(-20px);
}
.home #Blog .bimg,
#SubNav .bimg {
	/*background-color:#d2d8db;*/
	cursor:pointer;
	margin-bottom:4.17%;
	max-width:50%;
	background-size:contain;
}
.home #Blog hr {margin:6.25% 0;}
.bg-gradient {
	background:transparent url(../images/bg-gradient.png) no-repeat;
	background-size:100% 100%;
	border-top:2px solid #d2d8db;
	padding:8.33% 0;
}
.home #Blog .bg-gradient p {line-height:1.1;}
.home #Blog .bg-gradient p a,
.home #Event.bg-gradient p a {
	color:rgb(28, 28, 27);
	background-color:transparent;
	padding:0;
	font-weight:normal;
}

.bDate,
hgroup h3,hgroup .h3 {
	font-weight:bold;
	border-bottom:3px solid rgb(28, 28, 27);
	margin-bottom:3px;
}
.Blog h2,
hgroup h2,
hgroup h1 {
	margin:0 0 4.17% 0;
	font-size:24px;
	border:none;
}

.blogLinks,
.blogShare {
	font-size:16px;
	text-transform:uppercase;
	font-weight:bold;
}
.blogLinks {margin-top:20px;}
.blogLinks a {margin-right:7px;}
.blogShare {border-top:3px solid rgb(28, 28, 27);}
.blogShare a i {color: rgb(28, 28, 27);margin-right:7px;}
.blogShare i.fa-chevron-down {
	font-size:0.8em;
	position:relative;
	top:-3px;
}
#Content .blogShare *[aria-expanded="true"] {color:rgb(28, 28, 27);}
.blogShare input {
	border:none;
	background-color:rgba(153, 204, 255,0.3);
	border-bottom:1px solid rgb(28, 28, 27);
	display:inline-block;
	width:calc(100% - 125px);
}
.website section.content #Content.Blog .row {
	margin-top:16.67%;
}

#Ref {
	position:relative;
	width:100%;
	overflow:hidden;
	margin-bottom:5%;
}
#Ref,
.carousel-inner,
.carousel-inner .item {
	max-height:52.76vw;
}
.carousel-inner .item > img {width:100%;}
.carousel-caption {
	text-shadow:none;
	text-align:left;
	top:0px;
	left:20px;
	right:0;
	bottom:auto;
}
/*#Ref > * {position:absolute;}
#Ref > img {
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}
#Ref .inner {
	top:60px;
	width:100%;
}*/
.headertext {
	width:100%;
}

#Ref .txt {
	background-color:#FFF;
	padding:3px 8px;
	width:94%;
}
#Ref h4,#Ref .h4{
	color:rgb(28, 28, 27);
	font-weight:900;
	border-bottom:2px solid rgb(28, 28, 27);
	text-transform:uppercase;
	margin:0;
}
#Ref h3,#Ref .h3 {
	color:rgb(28, 28, 27);
	text-transform:uppercase;
	font-weight:900;
	margin:0;
}

#Ref .glyphicon-chevron-left::before,
#Ref .glyphicon-chevron-right::before{
	color: black;
	background-color: white;
	padding: 0px 5px;
}

#Ref .carousel-control .glyphicon-chevron-left,
#Ref .carousel-control .glyphicon-chevron-right{
	top:90%;
}

.Event iframe {
	height:950px;
	margin-top:-8%;
	margin-bottom:11.11%;
	border:none;
	width:100%;
}
form#Kontakt{margin-top:20px;}
form#Kontakt td .form-control {
	width:99%;
}
#Filter {
	width:100%;
	text-align:left;
	border-top:none;
	border-left:none;
	border-right:none;
	min-height:34px;
}
#Filter .caret {
	float:right;
	margin-top:-12px;
}
.dropdown-menu.form-group li:hover {cursor:pointer;color:#004188;}

/**************************************************************************************
  Team
**************************************************************************************/
.Team h2 {
	margin-top:8.33%;
	margin-bottom: 4.17%;
}
.Team h2:first-of-type {
	margin-top:0;
}
.Team h3, .Team .h3 {
	margin:0 0 2px 0;
	font-size:16px;
	font-weight:bold;
}
.Team h3 a,.Team .h3 a {
	color:#FFF;
	background-color:#004188;
	padding:2px 4px;
}
.Team .row > * {margin-bottom:30px;}
.Team .inner {
	position:absolute;
	bottom:5px;
	text-align:center;
	text-transform:uppercase;
	width:100%;
	width:calc(100% - 30px);
	margin-top:5px;
}
.Team #Tiles a {
	font-weight:normal;
	font-weight:300;
	color:inherit;
}

/**************************************************************************************
  Jobs
**************************************************************************************/
.Jobs h2 {margin: 10px 0 4.17% 0;}
.Jobs input {margin-right:5px;}
.Jobs .bDate {margin-top:11.11%;}
.Jobs > div:first-of-type .bDate {margin-top:0;}

/**************************************************************************************
  Event
**************************************************************************************/
.Event div[id^="Ref"] {
	margin-bottom:11.11%;
}

/**************************************************************************************
  Downloads
**************************************************************************************/
.Downloads .inner {
	position:relative;
	transition:background-color 200ms linear;
	background-color:#d2d8db;
	padding-bottom:100%;
	margin-bottom:30px;
}
.Downloads .inner:hover {
	transition:background-color 200ms linear;
	background-color:#e6eaea;
}
.Downloads .tbl {
	position:absolute;
	width:calc(100% - 20px);
	height:calc(100% - 14px);
	top:7px;
	left:10px;
	bottom:7px;
	right:10px;
}
.Downloads .tbl > *:not(:first-child) > * {
	height:20px;
	padding:0;
	vertical-align:bottom;
}
.Downloads .tbl > *:last-child > * {
	height:19%;
}
.Downloads h3 {
	font-size:16px;
	font-weight:normal;
	line-height:1.4;
	text-transform:none;
}
.Downloads .tbl small {
	font-size:13px;
	color:rgb(28, 28, 27);
}
#Content.Downloads .inner a {
	transition:color 200ms linear;
}
#Content.Downloads .inner:hover a {
	color:rgb(28, 28, 27);
	transition:color 200ms linear;
}

/**************************************************************************************
  Sub Navi Tiles (Kacheln)
**************************************************************************************/
/*#SubNav .row,*/
.Event .row,
.Suche .row:not(form):not(:first-child) {
	margin-top:8.33%;
	margin-bottom:11.11%;
}
#SubNav .row:last-child,
.Event .row:last-child,
.Suche .row:last-child {
	margin-bottom:0;
}
#SubNav img {
	/*background-color:#d2d8db;*/
	width:100%;
}
#SubNav .pseudoLink {
	display:inline-block;
	text-transform:uppercase;
}
#SubNav .Nav3 .h2 a{text-transform:none;}

/**************************************************************************************
  Shop
**************************************************************************************/
#ShopList h2 {
	margin:0px 0px 10px 0px;
}
#ShopList div.row {
	margin-bottom:30px;
}
.Shop h2 {margin-top:0;}
.Shop h2 a {text-transform:none;}
.Shop .row, #SubNav .row {
	/*margin-top:8.33%; Update JC 22.05.2018: aufgrund doppeltem Abstand z.B. http://new2.jomos.ch/index.asp?inc=shop/index.asp&typ=Nav3&cat=217 */
	margin-bottom:11.11%;
}
.Shop .clearfix > * {margin-right:10px;}
.Shop .pseudoLink {text-transform:uppercase;}
.Shop.Nav3 h2 {font-size:20px;}
.Shop .table {font-size:0.8em;}
.Shop thead small {display:inline-block;}
.Shop .table td {vertical-align:middle;}
.ProductImage .bimg {cursor:pointer;}
.Shop td.price {text-align:right;}
/*.Shop input[type="button"] {text-transform:uppercase;}*/
.Shop .bimg {cursor:pointer;margin-bottom:10px;}

.popup.Content {margin:0 auto;}
.popup h1, .popup h2 {font-size:18px;}
.popup .form-control {width:300px; max-width:100%;}

.Shopartikel .price {font-weight:bold;margin-bottom:30px;}
.Shopartikel .tbl {table-layout:auto;}
.Shopartikel .tbl:last-child {margin-top:30px;}
.Shopartikel .tbl > *:nth-child(2) {text-align:right;}
.Shopartikel p {max-width:100%;}
.Shopartikel label {padding-top:12px;}
.Shopartikel a {text-transform:uppercase;}

.Request h2 {color:rgb(28, 28, 27);font-weight:bold;}
.Request td {padding-bottom:5px;}
.Request table {width:auto;}
.Request #Newsletter {margin-left:2px;}

.ShopReg .row > * {
	margin-top:15px;
	margin-bottom:15px;
}
.ShopReg table {
	font-size:0.8em;
}
.ProductButton {margin-bottom:5px;}
.price.h4{font-size:1.2em;margin:0 0 35px 0;}
input#Count {margin-right:30px;}
#ProductText p {margin-bottom:35px;}
.website section.content #Content > .row.Request {margin-bottom:0;}
form.mainProduct > * {margin-top:10px;margin-bottom:20px;}

/**************************************************************************************
  Kontaktformular
**************************************************************************************/
form#Kontakt {position:relative;}
/*#Kontakt .form-group label{display:none;}*/
form#Kontakt .cbx label {display:inline-block;}
form#Kontakt .btn {min-width:110px;}

/**************************************************************************************
  Galerie / Gallery / lightGallery / carousel
**************************************************************************************/
.Gallery .inner {
	background-color: rgba(0, 65, 136,0.7);
	transition:background-color 200ms linear;
	position:absolute;
	left:15px;
	right:15px;
	bottom:0;
	text-align:center;
	min-height:73px;
}
#Content.Gallery .imgLink:hover .inner {background-color:rgba(0, 65, 136,1);transition:background-color 200ms linear;}
#Content.Gallery .inner * {
	color:#FFF;
	font-size:16px;
	font-weight:bold;
	transition:color 200ms linear;
}
.Gallery h2 {
	margin-top:5px;
	margin:0 0 7px 0;
}
.Gallery .v-center {
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	width:100%;
}
.gIcon {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	text-align:center;
}
.gIcon i {
	font-size:200px !important;
	text-shadow:0 0 5px rgba(0,0,0,0.15);
	color:#FFF;
	opacity:0.8;
}
.Gallery [class^=col-] {
	margin-bottom:30px;
}
.Gallery .imgLink > a {
	display:block;
	overflow:hidden;
}

#lightgallery.row > div {
	padding-top:15px;
	padding-bottom:15px;
	cursor:pointer;
}
#lightgallery.row > div > a {
	display:block;
	background-color:#000;
}
#lightgallery a img {opacity:1}
#lightgallery a:hover img {opacity:0.6;}
#lightgallery a img,
#lightgallery a:hover img {
    transition: all 300ms linear;
}
div[data-iframe=true], .imgLink {cursor:pointer;}
/*new lightgallery with iFrame set height*/
.ifHeight75 .lg-inner .lg-video {
	padding-bottom: 75%;/*56.25%;   Format=16:9*/
}
.ifHeight100 .lg-inner .lg-video {
	padding-bottom: 100%;/*56.25%;   Format=16:9*/
}
/*damit iframe auch auf iOS scrollt*/
.lg-has-iframe .lg-video,
.lg-outer.ifHeight100 .lg-video {
   -webkit-overflow-scrolling: touch;
   overflow: auto;
}

@media (max-width:767px){
	#MainNavTiles .title {
		min-height:80px;
	}
}


/**************************************************************************************
  Footer
**************************************************************************************/
footer {
	text-align:center;
	padding-top:50px;
	padding-bottom:20px;
	color:white;
	text-decoration:none;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#004088+0,012650+100 */
	background: #004088; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #004088 0%, #012650 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, #004088 0%,#012650 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, #004088 0%,#012650 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004088', endColorstr='#012650',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

footer a{
	color:white;
	display:block;
	font-weight:bold;
}
footer .nolink a{
	font-weight:normal;
}
footer a:hover{
	color:black;
}

footer span.icon{
	font-family: 'icon-worksregular';
}

footer .vincilogo{
	width:160px;
	height:auto;
	text-align:right;
}

footer .btn-primary{
	border:1px solid white !important;
	background-color:transparent !important;
	color:white !important;
	margin-top:10px;
}

footer .searchgroup{
	max-width:350px;
	margin: 0 auto;
}

footer span.input-group-addon{
	background-color:transparent;
	color:white;
	padding:0;
	cursor:pointer;
	border:1px solid white;
	width:30px;
}

footer span.input-group-addon button[type="submit"]{
	color:white;
}

footer span.input-group-addon:last-child {
    min-width: 35px;
}

/**************************************************************************************
  Done
**************************************************************************************/
#Done {
	font-size:0.6em;
	margin:0;
}
#Done, #Done a {
	color:white;
	text-decoration:none;
	font-weight:normal;
}
#Done a {white-space:nowrap;}
#Done a:hover {text-decoration:none;}
#Done a:before {
	content:" | ";
}
#Done a:first-child:before {
	content:"";
}

/**************************************************************************************
  Suche / Search
**************************************************************************************/
.Suche h2,.Suche .h2 {font-weight:bold;}
.Suche h3 a,.Suche .h3 a {
	font-weight:bold;
	transition: color 200ms linear;
	color:#004188;
}
#SearchKey {
	border:2px solid #D0D7DC;
	z-index: 1;
}

.input-group-addon button[type="submit"]{
	background-color:transparent;
	color:rgb(28, 28, 27);
	padding:0;
	cursor:pointer;
	border:none;
}
form[name="search"] a.btn {margin-bottom:3px;}

/**************************************************************************************
  Formulare
**************************************************************************************/
input, input.form-control,
textarea, textarea.form-control {
	border:none;
	border-bottom:2px solid rgb(28, 28, 27);
}
input, input.form-control,
textarea, textarea.form-control,
select, select.form-control {
	color:rgb(28, 28, 27);
	padding:6px;
}
.form-control, .btn, .input-group-addon {
	border-radius:0; 
	border-color:#D0D7DC;
	color:rgb(28, 28, 27);
	box-shadow:none;
}
.form-control:focus {
    border-color: #004188;
    outline: 0;
    /*-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(0, 65, 136, 0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(0, 65, 136, 0.6);*/
	-webkit-box-shadow: none;
    box-shadow:none;
}
label{font-weight:400;font-size:16px;}
input[type="text"],
input[type="password"],
input[type="email"],
input[type="file"],
input[type="number"],
textarea,textarea.form-control,
select {
	font-size:16px;
	font-family:'Roboto', Arial, Helvetica, sans-serif;
	color:rgb(28, 28, 27);
	margin:1px 2px 1px 0;
}
input[type="file"] {
	border:none;
	padding:0;
	box-shadow:none;
}

button, html input[type="button"], input[type="submit"], input[type="reset"], .btn {
	font-size:16px;
	/*font-weight:bold;*/
	text-align:center;
	padding:2px 4px;
	/*color:#FFF;
	background-color:rgb(28, 28, 27);*/
	background-color:transparent;
	border:2px solid #D0D7DC;
	transition: all 200ms linear;
}
#MainNavTiles button, aside > div button, .RequestInc button,
#MainNavTiles input[type="button"], aside > div input[type="button"], .RequestInc input[type="button"],
#MainNavTiles input[type="reset"], aside > div input[type="reset"], .RequestInc input[type="reset"],
#MainNavTiles .btn, aside > div .btn, .RequestInc .btn {
	border-color:rgb(28, 28, 27) !important;
	color:rgb(28, 28, 27) !important;
	background-color:#FFF !important;
}
aside > div input[type="submit"] {
	color:#FFF !important;
	border-color:rgb(28, 28, 27) !important;
	background-color:rgb(28, 28, 27) !important;
}

.btn:hover, .btn:focus, .btn.focus,
html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
	border-color:#D0D7DC;
	background-color:#D0D7DC;
	transition: all 200ms linear;
}
input[type="submit"], .btn-primary {
	color:rgb(28, 28, 27) !important;
    background-color:#FFF !important;
	border-color:#004188 !important;
}
input[type="submit"]:hover, .btn-primary:hover {
	color:#FFF !important;
	border-color:#004188 !important;
	background-color:#004188 !important;
}
input[disabled] {
	background-color:#ddd;
	border-style:dotted;
	border:none;
}
input#Code {
	margin-top:0;
	z-index:0;
}
span.input-group-addon{background-color:#D0D7DC}
span.input-group-addon:last-child {
	min-width:111px;
	padding-bottom:5px;
}

.input-group input {margin:0;box-shadow:none;background-color:#FFF;}
.hideAttach {display:none;}

/**************************************************************************************
  Listen-, Tabellen-Ansicht, Pagination
**************************************************************************************/
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td, 
.table > tfoot > tr > td {
	border-top-width:1px;
	border-top-style:solid;
	border-color:#000;
	line-height: 1.42857;
    padding: 8px;
    vertical-align: top;
}
.table-hover > tbody > tr:hover {
	background-color:rgba(0,0,0,0.1);
}
.table > thead > tr > th.listicon,
.table > tbody > tr > th.listicon,
.table > tfoot > tr > th.listicon,
.table > thead > tr > td.listicon,
.table > tbody > tr > td.listicon, 
.table > tfoot > tr > td.listicon {
	padding-left:0;
	padding-right:0;
	text-align:center;
}
.table > thead:not(:first-child) th {
	padding-top:16px;
}
td.back {text-align:center;}

/*Pagination*/
body #Content .pagination > li > a, 
body #Content .pagination > li > span {
	color:#FFF;
	border:1px solid #004188;
	background-color:#004188;
	padding:6px 12px !important;
}
body #Content .pagination > li > a:hover, 
body #Content .pagination > li > span:hover, 
body #Content .pagination > li > a:focus, 
body #Content .pagination > li > span:focus {
	color:#000;
	border-color:#004188;
	background-color:#004188;
}
body #Content .pagination > .active > a, 
body #Content .pagination > .active > span, 
body #Content .pagination > .active > a:hover, 
body #Content .pagination > .active > span:hover, 
body #Content .pagination > .active > a:focus, 
body #Content .pagination > .active > span:focus,
body #Content .pagination > .active > a:visited, 
body #Content .pagination > .active > span:visited {
	background-color:#FFF;
	border-color:#004188;
	color:#000;
	cursor:default;
}
.tbl {display:table; width:100%;table-layout:fixed;}
.tbl > .tblrow {display:table-row;}
.tbl > *,
.tbl > .tblrow > *,
.tbl td{
	vertical-align:top;
	display:table-cell;
	padding:0 1% 1% 1%;
}
.tbl > *:first-child,
.tbl > .tblrow > *:first-child,
.tbl td:first-child {
	padding-left:0;
}
.tbl > *:last-child,
.tbl > .tblrow > *:last-child,
.tbl td:last-child {
	padding-left:0;
}
.admin .tbl > *,
.admin .tbl > .tblrow > * {
	vertical-align:middle;
	padding:3px 6px;
}

/*Entgegensteuern von Bootstrap*/
.table-responsive {border:none;font-size:14px;}
.table-responsive > .table > tbody > tr > td {white-space:normal;}

/**************************************************************************************
  Cookie Accept
**************************************************************************************/
#cookie_directive_container > * {
	background-color:rgba(0,0,0,0.8);
	padding-top:10px;
	font-size:16px;
}
#cookie_directive_container a {
	color:#FFF;
}

/**************************************************************************************
  Admin
**************************************************************************************/
.CuteEditorGroupMenuCell img {
	box-sizing:content-box;
}
#CE_Editor1_ID, #CE_Editor2_ID {
	width:100% !important;
	line-height:initial;
	font-size:12px;
}
#ui-datepicker-div {z-index:2!important;}

img.artimage{margin-top: 20px;}
p.artprice{margin-top: 20px;}

#tothetop_icon{
   	position:fixed;
  	bottom:0;
  	z-index:50000;
   	height:60px;
	width:auto;
	right:6%;
	text-align:center;
   	background:none;
}
a.totoplink{
	font-weight: bold;
	color:black;
	text-decoration: none;
}
/*IE 10 + 11 Hack*/
@media all and (-ms-high-contrast:none) and (min-width:768px) and (max-width:991px) {
	#Tiles .row .row {padding-bottom:0.01px;}
}
@media all and (min-width:768px) and (max-width:991px) {
	_:-ms-lang(x), _:-webkit-full-screen, #Tiles .row .row {padding-bottom:0.01px;}
}
@media (min-width:768px){
	body {font-size:20px;}
	h1, .h1 {font-size:35px;}
	h2, .h2 {font-size:30px;}
	h3, .h3 {font-size:24px;}
	.hyphens-xs {
		-moz-hyphens:manual;
		-ms-hyphens:manual;
		-webkit-hyphens:manual;
		hyphens:manual;
	}
/*	.carousel-indicators {top:-8%;}*/
	header h1 {font-size:35px;line-height:1.1;}
	header a {font-size:16px;}
	
	#Tiles h3, #Tiles .h3,
	#Tiles div.txt,
	#MainNavTiles .title,
	#MainNavTiles div.txt{
		font-size:14px; 
		min-height:0;
	}
	body:not(.home) #Tiles h3,
	body:not(.home) #Tiles .h3 {min-height:72px;}
	#Tiles .inner img,
	#Tiles .inner:hover div.txt,
	#MainNavTiles .inner img,
	#MainNavTiles .inner:hover div.txt,
	.Team #Tiles .inner:hover img {
		opacity:1;
		transition:opacity 200ms linear;
	}
	#Tiles .inner:hover img,
	#Tiles .inner div.txt,
	#MainNavTiles .inner:hover img,
	#MainNavTiles .inner div.txt {
		opacity:0;
		transition:opacity 200ms linear;
	}
	body .Team #Tiles h3,
	body .Team #Tiles .h3 {padding-bottom:0;min-height:0;}
	/*Update JC 12.09.2018 body .Team #Tiles .tFunction {min-height:42px;}*/
	.Team #Tiles .row > *:not(h2) {min-height: 300px;}
	.Team #Tiles .inner {margin-bottom:0;}
	
	.home #Blog .bimg,
	#SubNav .bimg,
	.imgBeside {max-width:100%;}
	.Shop td.price {white-space:nowrap;}
	
	section.content #Filter {display:none;}
	.website section.content .dropdown-menu {
		position:static;
		display:block;
		background-color:transparent;
		border:none;
		box-shadow:none;
		padding:0;
		float:none;
		min-width:0;
	}
	.website section.content .dropdown-menu li {
		font-size:20px;
		margin-bottom:10px; /*JC 10.05.2019: vorher 0*/
		text-align:right;
		padding-right:30px;
	}
	.website section.content ul.dropdown-menu > li > a,
	.website section.content ul.dropdown-menu li.active a:hover {
		color:#004188;
		white-space:normal;
		max-width:none;
		min-width:0;
		padding:0;
	}
	.website section.content ul.dropdown-menu li.active a {
		font-weight:bold;
		cursor:default
	}
	.website section.content ul.dropdown-menu li.disabled {
		font-weight:bold;		
		margin-top:15px;
	}
	.website section.content ul.dropdown-menu li.disabled:first-child {
		margin-top:0;
	}
	
	.Shopartikel p {width:280px;max-width:100%;}
	
	.Downloads h3 {
		font-size:20px;
	}
	
	/*Nav*/
	.navbar-header {float:right;}
	.navbar-toggle {display:block;}
	.navbar-collapse.collapse {display: none !important;}
	.navbar-collapse.in {overflow-y: auto;display: block!important;}
	.navbar-nav {
		background-color:#FFF;
		left:0;
	}
	.navbar-nav  li {float:none;text-align:right;}
	
	/*.Content *:not(h1):not(h2):not(.h2):not(h3):not(h4) > a, 
	.Content *:not(h1):not(h2):not(.h2):not(h3):not(h4) > .pseudoLink {font-size:16px;}*/
	#scroll i {padding-top:0;}
	#Done {padding-top:40px;position:static;bottom:auto;}
	#Done a {display:block;}
	#Done a:before {
		content:"";
	}
	
	.box_aside{
		text-align:right;
		margin-top:22px;
		margin-left: -20px;
		margin-right: 20px;
	}
}
@media (min-width:992px){
	header,
	#slider-carousel,
	.carousel-inner,
	.carousel-inner .item,
	#Head {
		/*max-height:632px;*/
	}
	#slider .background-container, .background-slider {
		top: 85px;/*halbe Navigationshöhe*/
		height: calc(100vh - 170px);/*Navigationshöhe*/
	}
	#Tiles h3, 
	#Tiles .h3,
	#Tiles div.txt,
	#MainNavTiles .title,
	#MainNavTiles div.txt {font-size: 18px;}
	body .Team #Tiles .tFunction {min-height:0;}
	.Team #Tiles .row > *:not(h2) {min-height:420px;}
	
	.navbar-default .navbar-collapse {position:static;}
	.navbar-toggle {display:none;}
	.navbar-collapse.collapse {
		display: block !important;
		height: auto !important;
		padding-bottom: 0;
		overflow: visible !important;
	}
	/*Update 27.12.2017
	#Lang {
		position:absolute;
		width:auto;
		padding-top:13px;
	}*/
	#Lang,.Lang {float:right;padding:0;}
	#Lang li,.Lang li {float:left;}
	#Lang li a,.Lang li a {margin:0 8px;}
	/*END 27.12.2017*/
	
	#Done a {display:inline-block;}
	#Done a:before {
		content:" | ";
	}
	#Done a:first-child:before {
		content:"";
	}
	
	/*Navigation*/
	.navbar-nav, 
	.navbar-nav .container,
	.serviceNav	 {
		width:100%;
		padding-top:0;
		padding-left:0;
		padding-right:0;
	}
	.navbar-nav > ul.container {margin-top:0;}
	.serviceNav {
		display:table;
		float:right;
		font-size:16px;
	}
	.navbar-nav .serviceNav {display:none;}
	.NavPos1 {
		display:table;
		width:100%;
		padding-left:0;
		font-size:12px;
	}
	.serviceNav ul.NavPos1 li {
		display:table-cell;
		text-align:left;
	}
	ul.serviceNav li {display:table-cell;}
	.serviceNav li.social {padding: 0 9px;text-align:center;}
	.serviceNav li:first-child {padding-left:0;}
	.serviceNav ul.NavPos1 li:last-child {padding-right:0;text-align:right;}
	.serviceNav li.facebook,
	.serviceNav li.cart {
		margin-top:0;
		margin-right:0;
		width:auto;
		height:31px;
	}
	.serviceNav li.facebook {
		padding-right:0;
	}
	.serviceNav li.social svg {
		width:25px;
		height:26px;
	}
	/*Update 27.12.2017*/
	.serviceNav ul.NavPos1 .social .fa.fa-shopping-cart {
		font-size:21px;
	}
	.navbar-collapse div.container,
	.navbar-collapse .col-xs-12 {display:none;}
	
	.navbar {min-height:0;}
	.navbar-default {
		font-size:16px;
		background-color:#FFF;
		width:100%;
		left:auto;
		right:auto;
		z-index:2;
	}
	.admin .navbar-default {position:relative;}
	.navbar-brand {
		float:none;
		padding-left:0;
		padding-top:13px;
	}
	.navbar-brand  > img {width:250px;height:auto;}
	.navbar > .container .navbar-brand, 
	.navbar > .container-fluid .navbar-brand {
		margin:36px 0 0 0;
	}
	.navbar-default .navbar-brand:hover,
	.navbar-default .navbar-brand:focus {
		background-color: transparent;
	}
	.navbar-default .navbar-collapse {
		padding:0;
		width:auto;
		border:none;
		/*margin-top:20px;*/
	}
	.navbar-nav {
		margin-top:27px;
		width:100%;
		float:right;
		background-color:transparent;
		position:static;
		top:auto;
		left:auto;
		right:auto;
		z-index:auto;
	}
	.navbar-nav ul.container{
		display:table;
		padding:0;
		padding-bottom:3px;
		border-bottom:3px solid #000;
		margin-bottom:0;
		position:relative;
	}
	.nav  li {
		font-size:1em;
		line-height:1.42857;
		display:table-cell;
		float:none;
		padding:0 0 0 40px;
		text-align:right;
		border-bottom:none;
	}
	.nav > ul > li {position:static;padding-right:0;}
	.navbar li.service {
		display:none;
	}
	.nav  li.nav1.first {padding-left:0;text-align:left;}
	.nav  li:last-child {padding-right:0;text-align:right;}
	.navbar-default .navbar-nav  li > a {
		transition: all 200ms linear;
		padding:0;
		display:inline;
	}
	.nav1 a.dropdown-toggle:after {content:'';}
	.nav1.open > a {display:block;}
	.navbar-default .navbar-nav  li:hover > a,
	.navbar-default .navbar-nav  li > a:hover, .navbar-default .navbar-nav  li > a:focus,
	.navbar-default .navbar-nav  .active > a, .navbar-default .navbar-nav  .active > a:hover, .navbar-default .navbar-nav  .active > a:focus,
	.navbar-default li.active ul.dropdown-menu, .navbar-default li:hover ul.dropdown-menu, .navbar-default li:focus ul.dropdown-menu {
		background-color:#FFF;
		border-color:#000;
		transition: all 200ms linear;
	}
	.navbar-default .navbar-nav  li > a img {
		display:block;
	}
	
	/*JC 06.10.2015: damit Hauptnavipunkt mit Unternavi richtig dargestellt wird Desktopansicht*/
	.navbar-nav  .dropdown.clearfix {clear:none;}
	.navbar-nav  .dropdown.clearfix:before, .navbar-nav  .dropdown.clearfix:after {content:normal;display:none;}
	
	.navbar-default ul.dropdown-menu {
		font-size:15px;
		position:absolute;
		display:none;
		padding: 0 30px 30px 0;
		left:0;
		width: 100%;
		background-clip: padding-box;
		background-color: rgba(0, 0, 0, 0);
		list-style: outside none none;
		
		margin-top:27px;
		background-color:#FFF;
		min-height:193px;
		border-bottom:3px solid #000;
	}
	.admin .navbar-default ul.dropdown-menu {padding-top:27px;margin-top:0;}
	.navbar-default .open ul.dropdown-menu {
		display:block;
	}
	.navbar-default ul.dropdown-menu,
	.admin .navbar-default ul.dropdown-menu {
		display:none;
	}
	.navbar-nav  li:hover > .dropdown-menu,
	.navbar-nav  li:focus > .dropdown-menu {
		background-clip: padding-box;
		border-radius: 0;
		list-style: outside none none;
		text-align: left;
		position: absolute;
		/*box-shadow: 0 3px 3px rgba(0,0,0,0.1);*/
	}
	.admin .navbar-nav  li:hover > .dropdown-menu,
	.admin .navbar-nav  li:focus > .dropdown-menu {
		display:block;
		background-color:#FFF;
	}
	.nav .dropdown-menu > li {
		background-color:#FFF;
		padding-top:3px;
		display:block;
		text-align:left;
	}
	ul.dropdown-menu li {
		margin-left:auto;
		margin-right:auto;
		width:auto;
		float:none;
		padding-left:0;
		/*position:relative; für box-shadow mit Navi Level 3*/
	}
	.admin ul.dropdown-menu li {width:100%;display:block;}
	.website .navbar-default .navbar-nav .dropdown-menu > li > a {
		display:inline-block;
		white-space:normal;
		background-color:transparent;
		padding:3px 10px 3px 210px;
		margin-bottom:0;
		transition: all 200ms linear;
	}
	.website .dropdown-menu > li.nav1img,
	.website .dropdown-menu > li > a img {
		position:absolute;
		left:30px;
		top:7px;
	}
	.website .dropdown-menu > li > a img {
		top:10px;
		visibility:hidden;
		z-index:1;
	}
	.navbar-default .navbar-nav  li:hover > a img,
	.navbar-default .navbar-nav  li:focus > a img,
	.navbar-default .navbar-nav  li.active > a img {
		visibility:visible;
	}
	
	ul.dropdown-menu > li > a:hover, 
	ul.dropdown-menu > li > a:focus,
	ul.dropdown-menu > li.dropdown-submenu:hover, 
	ul.dropdown-menu > li.dropdown-submenu:focus {
		color:#2e363f;
		background-color:transparent;
		text-decoration:none;
	}
	.dropdown-menu > .active > a, 
	.dropdown-menu > .active > a:hover, 
	.dropdown-menu > .active > a:focus,
	.dropdown-menu > .active.dropdown-submenu, 
	.dropdown-menu > .active.dropdown-submenu:hover, 
	.dropdown-menu > .active.dropdown-submenu:focus,
	ul.dropdown-menu > .active:first-child > a, 
	ul.dropdown-menu > .active > a:hover, 
	ul.dropdown-menu > .active > a:focus,
	.website ul.dropdown-menu > li > a:hover, 
	ul.dropdown-menu > li > a:focus,
	.website .nav .dropdown-menu > li:first-child a:hover, 
	.nav .dropdown-menu > li:last-child a:hover {
		background-color:#FFF;
		color:#004188;
		background-color:transparent;
		-webkit-transition: all 200ms linear;
		-moz-transition: all 200ms linear;
		-o-transition: all 200ms linear;
		transition: all 200ms linear;
	}
	
	padding:0 0 0 210px;
	/*Navi Level 3*/
	.dropdown-submenu {
    	position:relative;
	}
	.dropdown-submenu>.dropdown-menu {
		top:-10px;/*wegen padding bei ersten li*/
		left:100%;
		margin-top:-0px;
		margin-left:-1px;
		border-radius:0;
		font-size:14px; 
		margin-left:0;
	}
	.dropdown-submenu:hover>.dropdown-menu {
		display:block;
	}
	.dropdown-submenu:first-child>.dropdown-menu {
		top:0;
	}
	.dropdown-submenu>a:after {
		display:block;
		content:" ";
		position:absolute;
		top:7px;
		right:7px;
		width:0;
		height:0;
		border-color:transparent;
		border-style:solid;
		border-width:5px 0 5px 5px;
		border-left-color:#08334C;
	}
	.dropdown-submenu:first-child > a:after {
		top:17px;
	}
	.dropdown-submenu.pull-left {
		float:none;
	}
	.dropdown-submenu.pull-left>.dropdown-menu {
		left:-100%;
		margin-left:10px;
		border-radius:0;
	}
	.nav .dropdown-submenu .dropdown-menu > li:first-child {
		margin-top:0;
	}
	
	/*Impressum*/
	.flowrow {
		width:100%;
		-webkit-column-count: 2;
   		-moz-column-count: 2;
		column-count:2;
		-webkit-column-gap: 3em;
     	-moz-column-gap: 3em;
        column-gap: 3em;
	}
	.flowrow .pagebreak {
		-webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */
          page-break-inside: avoid; /* Firefox */
               break-inside: avoid; /* IE 10+ */
	}
	
	#Ref .txt {
		width:45%;
	}
	
	#Tiles h3, #Tiles .h3, 
	#Tiles h4, #Tiles .h4,
	#MainNavTiles .title {
		min-height:60px;
	}
	footer {
		text-align:left;
	}
	
	footer .searchgroup{
		margin:0px;
	}
}
@media (min-width:1200px){
	.serviceNav li.facebook,
	.serviceNav li.cart {
		padding-left:40px;
	}
	.navbar-brand {
		max-width:none;
	}
	.navbar-default ul.dropdown-menu {
		margin-top:35px;
	}
	header,
	#slider-carousel,
	.carousel-inner,
	.carousel-inner .item {
	}
	.Team #Tiles .row > *:not(h2) {
		min-height:475px;
	}
}