@import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');
/*@import url('https://fonts.googleapis.com/css?family=Lora:400,400i,700,700i|Merriweather|Raleway:700,800');*/
/*Farben
	Rot			=	#d90726	=	R: 180 G: 145 B: 90		= wie H1; A + Button (auf Silber-BG)
	
	HellGold	=	#d2b987	=	R: 210 G: 185 B: 135	= 
	DunkelGold	=	#d90726	=	R: 120 G: 105 B: 80		= wie Hover von A + Button (auf Silber-BG)
	Schwarz		=	#322d1e	=	R: 50 G: 45 B: 30		= wie Bodytext	
	Silber		=	#8c8c8c	=	R: 140 G: 140 B: 140	= 
	HellSilber	=	#e1e1e1	=	R: 225 G: 225 B: 225	= wie A + Button (auf Gold-BG)
	DunkelSilber =	#6e6e6e	=	R: 110 G: 110 B: 110	= wie Hover von A + Button (auf Gold-BG)
*/
/**************************************************************************************
 General
**************************************************************************************/
@font-face {
    font-family: 'iconsregular';
    src: url('../fonts/Icons_MosaiqIK-webfont.eot');
    src: url('../fonts/Icons_MosaiqIK-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Icons_MosaiqIK-webfont.woff2') format('woff2'),
         url('../fonts/Icons_MosaiqIK-webfont.woff') format('woff'),
         url('../fonts/Icons_MosaiqIK-webfont.ttf') format('truetype'),
         url('../fonts/Icons_MosaiqIK-webfont.svg#iconsregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {
	color:#322d1e;
	font-size:16px;
	background-color:#FFF;
	background-image:none;
	font-family: 'Merriweather', serif;
	font-weight:300;
	letter-spacing:1px;
}
body:not(.home) nav .container {border-bottom:1px solid #d90726;}
h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
	font-family:'Roboto Condensed', serif;
	font-weight:bold;
}
h1, .h1 {
	color:#d90726;
	font-size:27px;/*statt 39 bei Styleguide*/
	line-height:1.1538;/*45px bei 39px font-size*/
	text-transform:uppercase;
}
h2, .h2 {
	font-size:32px;
	text-transform:uppercase;
}
h3, .h3 {
	color:#d90726;
	font-size:14px;
	font-weight:normal;
	line-height:1.33;
}
/* Ausnahme für h3 im Header */
p.h3 {
	color: #fff;
}

h4, .h4 {
	color:#d90726;
	font-size:16px;
	text-transform:uppercase;
	line-height:1.75;
}
.gold_italic {
	color:#d90726;
	font-size:14px !important;
	font-style:italic;
	padding-bottom:5px;
}
.gold_italic {
	color:#d90726;
	font-size:14px !important;
	font-style:italic;
	padding-bottom:5px;
}
.gold_italic hr {
	margin:0 0 5px 0;
}
.gold_background {
	color:#fff;
	background-color:#d90726;	
}
h5, .h5 {
	color:#FFF;
	font-size:14px;
}
a, .pseudoLink,
.Content a, .Content a:visited {
	color:#d90726;
	text-decoration:underline;
	transition:color 200ms linear;
}
a:hover, a:focus,
.pseudoLink:hover,
.Content a:hover, .Content a:focus {
	color: #d90726;
	text-decoration:underline;
	transition:color 200ms linear;
}
.pseudoLink:hover,
*[onclick]:hover, {
	cursor:pointer;
}
hr {border-top-color:#d90726;margin:40% 0 30% 0;}

/**************************************************************************************
   Allg. Übersteuerung von global.css
**************************************************************************************/
.item h2, .home #Tiles li h2,
strong,
#Content #Ptotal {
	font-family: inherit;
	font-weight:bold;
	text-transform:none;
}
#Produktion .pTitle label, #Produktion .pTxt label {
	font-family: inherit;
}

#Produktion .pBox {
    padding: 3px 10px;
}

#sumTbl {
	display:block;	
	width: 100%;
}

#PriceBox div {
	padding:3px 6px;
}

#InfoBox, #PriceBox {
	position: relative;
}

#InfoBox {
	margin-bottom:80px;
}

.sumBox {
	float:right;
	max-width: 100%;
}

.pBox {
	width: 100%!important;
}

.pBox td {
	padding:5px;
}

#formContent select {
	width: 100%!important;
	margin: 15px 0;
}

#Content table.cart_table td {
	padding:5px 0;
}

/**************************************************************************************
   Service Klassen (unterstützend)
**************************************************************************************/
main {
	margin-top:84px;
	margin-bottom:3%;
}
aside iframe {margin-bottom:14%;}
blockquote{
	font-size:25px;
	font-weight:100;
	font-style:italic;
	color:#d90726;
	border:none;
	line-height:1.35;
	text-align:center;
}
blockquote:before {content:"\00ab";}
blockquote:after {content:"\00bb";}

.hyphens,
.hyphens-xs,
.flowrow {
	-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;
}

/**************************************************************************************
   Content Ansicht
**************************************************************************************/
.Content td {font-size:inherit;}
.Content h1 {
	font-size:74px;
	text-transform:none;
	padding: 0;
	background:none;
	font-family: 'AltoPro', serif;
}
#Content:empty {
	display:none;
}
#Content p, .ptext {margin-bottom:1.5vw;}
#Content img{
	max-width:100%;	
	height:auto;
}

#Content .partner img {
	max-width:70%;
	margin: auto;
	position:absolute;
	top: 0;
	left: 5%;
	bottom: 0;
	right: 5%;
}
#Content .partner > div {
	text-align: center;
}
#Content .partner > div > div {
	min-height: 180px;
	background-color: #eee;
	margin: 5% 0;
	padding-top: 5%;
}

#Content .outer-img {
	position:relative;
	padding-bottom:100%;
}
#Content .outer-img > img {
	max-width:100%;	
	height:auto;
	position:absolute;
	object-fit:cover;
	object-position:center;
}
#Content .team {
	margin-top: 10px;
	margin-bottom: 20px;
}
#Content .team .item {
	margin-bottom: 20px;
	background-color: #eee;
}
#Content .team .inner {
	padding:12px 8px;
}
#Content .team .inner h3 {
	font-size: 20px;
	margin-top:0;
}

/*Gegensteuer Bootstrap für per Editor erstellte Tabellen*/
/*#Content table td, #Content table th{
	padding: 0 3px 3px 0;
	font-size:0.9em;
}*/
#Content table td td {
	padding:0;
}

/**************************************************************************************
  BackToTop / Smooth Down 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%);
}
/*Form Full Header Down*/
.smooth_anchor {
	width:58px;
	display: block;
	position: absolute;
	bottom: 5%;
	left: 50%;
	transform: translateX(-50%);
	/*transition: opacity 200ms linear;*/
}

/**************************************************************************************
  Header / Logo
**************************************************************************************/
header {
	position:relative;
	height:calc(100vh - 100px); /*fixe Navi 100px hoch*/
	background:url(../images/te/header_gestalten.jpg) no-repeat left top;
	background-size:cover;
	background-attachment:fixed;
}
header .container {padding-top:20px;}
header h1 {margin-bottom:10px;}
header h5 {margin-bottom:15px;}
header .h3 {margin-top:0;}
header .btn {margin-top:20px;}
body:not(.home) header {
	overflow:hidden;
	height:calc(100vw / 4.5);
}
body:not(.home) header img {
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	width:100%;
}
/*header a, header a:hover, header a:focus {
	color:#FFF;
	text-decoration:none;
	margin-top:6%;
	display:block;
}*/
.quicklinks {
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);
	width:100%;
	color:#d90726;
}
.quicklinks .container {
	background-color:rgba(255,255,255,0.85);
	padding-top:2.5%;
	padding-bottom:2.5%;
}
.quicklinks .row > div {
	padding:1% 0;
	transition: background-color 200ms linear;
}
.quicklinks .row > div:hover {
	background-color:rgba(38,38,38,0.32);
	transition: background-color 200ms linear;
}
.quicklinks .row .inner {
	padding:0 32%;
}
.quicklinks h2 {
	margin:10px 0 0 0;
}
.quicklinks p {
	font-size:30px;
	line-height:1.1;
}


/**************************************************************************************
  Home Slider Kacheln
**************************************************************************************/
.home .owl-theme {
	margin-bottom:35px;
}
.home .owl-dots {
	position:absolute;
	bottom:0;
	width:100%;
	text-align:center;
}
.home .owl-theme .owl-dots .owl-dot span {
	background-color:#322d1e;
	transition:background-color 200ms linear;
}
.home .owl-theme .owl-dots .owl-dot.active span, 
.home .owl-theme .owl-dots .owl-dot:hover span {
	background-color:#d90726;
	transition:background-color 200ms linear;
}
#TilesVw {margin-left:0;}
#TilesVw ul {padding-left:0;margin:0;}
#TilesVw li {
	list-style:none;
	margin-bottom:48px;
}
#TilesVw .row > li {
	text-align:center;
	background: no-repeat center;
  	background-size: cover;
}
#TilesVw .inner {
	margin-top:12.5%;
	padding-left:8%;
}
#TilesVw .innerText {
	background-color:rgba(255,255,255,0.85);
	position:absolute;
	top:20px;
	right:35px;
	left:35px;
	padding:10px 20px;
	transition: left 200ms linear;
}
#TilesVw a, #TilesVw a:link, #TilesVw a:visited, #TilesVw a:focus {
	color:#322d1e;
	text-decoration:none;
	opacity:1;
	transition:none;
}
#TilesVw li:hover .innerText {
	bottom:20px;
	transition: left 200ms linear;
}
#TilesVw ul li h2 {
	position:static;
	transition:none;
	text-transform:uppercase;
}
#TilesVw ul li img {width:100%;}
#TilesVw p {
	
}
#TilesVw a.btn {background-color: #d90726;color:#FFF;}
#TilesVw a.btn:hover {background-color: #d90726; border-color:white;}

#TilesVw .home-icon {
	width:75px;
	margin-left:auto;
	margin-right:auto;
}


/**************************************************************************************
  Tiles
**************************************************************************************/

#Tiles ul {padding-left:0;margin:0;}
#Tiles li {
	list-style:none;
	margin-bottom:150px/*48px*/;
}
/*#Tiles .row > li*/
#Tiles .imgBox {
	background-repeat:no-repeat;
	background-position:right bottom, center;
	background-size:100%,cover;
}
/*#Tiles .inner*/
#Tiles .imgBox {
	padding-left:8%;
	padding-bottom:100%;
	position:relative;
}
#Tiles .inner > div {
	position:absolute;
	top:100%;
	left:0;
	padding:15px 0 0 0;
	width:100%;
}
#Tiles .inner > div p {
	margin-bottom:15px;
	text-align:center;
}
#Tiles .innerText {
	background-color:rgba(255,255,255,0.85);
	position:absolute;
	top:20px;
	right:35px;
	left:35px;
	padding:10px 20px;
	transition: left 200ms linear;
}
#Tiles .panel-collapse {
	position:absolute;
	bottom:141px;/*gleiche Höhe wie Padding-bottom von #Tiles li*/
	left:15px;
	right:15px;
	width:calc(100% - 30px);
	padding:10px 15px 0 15px;
	z-index:1;
	background-color:#e1e1e1;
}
/*#Tiles a, #Tiles a:link, #Tiles a:visited, #Tiles a:focus {
	color:#322d1e;
	text-decoration:none;
	opacity:1;
	transition:none;
}*/
#Tiles li:hover .innerText {
	bottom:20px;
	transition: left 200ms linear;
}
#Tiles ul li h2 {
	position:static;
	transition:none;
	text-transform:uppercase;
}
#Tiles ul li img {width:100%;}
#Tiles p {
	
}
/*#Tiles a.btn {background-color: #8c8c8c;color:#FFF;}
#Tiles a.btn:hover {background-color: #6e6e6e;}*/

/*für Kacheln welche unterschiedlich zur Home sind*/
#Tiles.tiles-content li h2 {
	font-size:25px;
	color:#d90726;
	text-transform:uppercase;
	margin-bottom:8%;
	/*Update JC 13.08.2024*/
	margin-top:0;
}
#Tiles.tiles-content .col-sm-6:first-child {
	padding-bottom:50%;
	background-size:cover;
	background-position:center;
}
#Tiles.tiles-content .col-sm-6:last-child {
	/*Update JC 13.08.2024
	background-color:#e1e1e1;*/
	padding-bottom:0;
}
#Tiles .inner-txt {padding-top:15px;padding-bottom:15px;}
#Tiles.tiles-content a.btn{
	background-color:#d90726;
}

.imgText {
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	background-color: rgba(140,140,140,0.8);
	/*font-family:'Raleway',sans-serif;*/
	font-weight:bold;
	letter-spacing:1px;
	text-align: center;
	white-space: nowrap;
	color: #FFF;
	text-transform: uppercase;
	padding: 5px 3px;
	
	/*Update JC 13.08.2024*/
	/*Update AH 25.11.2024*/
	/*display:none;*/
}

/**************************************************************************************
  Shop Elemente
**************************************************************************************/
#Content #Ptotal {
	color:#fff;
	background-color:#d90726!important;
}

.pBox {
/*	color:#fff;
	background-color:#d90726!important;*/
	background-color:#ccc!important;
}
.pBox td {
	padding:10px;
}

#PriceBox {
	border-width:1px!important;
}

input, textarea, select {
	border-width: 1px!important;
}

table.cartItem {
	border-width: 1px!important;
}

/**************************************************************************************
  Navigation
**************************************************************************************/
.navbar {
	min-height:65px;
	border-radius:0;
	margin-bottom:0;
	box-shadow: 0 0 10px 10px rgba(0,0,0,0.4);
}
.navbar-default	{
	/*background-color:transparent;*/
	background-color:#f6f6f6;
	border:none;
	color:#6e6e6e;
	font-size:17px;
	font-family:'Roboto Condensed',sans-serif;
	font-weight:700;
	text-transform:uppercase;
}
.navbar-brand,
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
	padding-top:9px;
	padding-left:15px;
	padding-bottom:12px;
	margin-left:-15px;
/*	background-color:#FFF;*/
	height:auto;
	width:calc(100% - 59px + 15px);/*59px -> navbar-header; 15px -> padding-left*/
}
.navbar-brand img {	
	max-width:230px;
}
.admin .navbar-brand {height:68px;overflow:hidden;}
.navbar-collapse {
	width:calc(100% + 30px);
	border:none;
}
.navbar-fixed-top .navbar-collapse, 
.navbar-fixed-bottom .navbar-collapse {
	margin-top:65px;
	max-height:none;
/*	background-color:rgba(255,255,255,0.92);*/
}
.nav {
	width:auto;
	margin:0 auto;
	text-align:center;
}
.nav > li{
	/*margin-left:15px;*/
	/*max-width:450px;*/
}
.nav > li.active,
.nav > li:hover {
	color:#d90726;
	background-color:transparent;
}
.nav:first-child {padding-top:10px;padding-bottom:10px;}
.nav:first-child > li{
	display:inline-block;
}
.nav:last-child > li > a {
	border-top:1px solid #8c8c8c;
	margin:0 auto;
}
.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	text-decoration:none;
	/*background-color:#fff;*/
	color:#939393;
    transition: all 200ms linear;
	padding-left:0;
	max-width:200px;
	
}
.navbar-default .navbar-nav > li:hover > a, .navbar-default .navbar-nav > li:focus > a,
li:hover ul.dropdown-menu, li:focus ul.dropdown-menu {
	background-color:transparent;
	color: #d90726;
    transition: all 200ms linear;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus,
li.active ul.dropdown-menu {
	background-color:transparent;
	color: #d90726;
    transition: all 200ms linear;
}

/*.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus,
.dropdown-menu > li.active > a, .dropdown-menu > li.active > a:hover, .dropdown-menu > li.active > a:focus {
    background-color: #FFF;
}*/
.navbar-default .navbar-nav > li > a.dropdown-toggle {
	padding-bottom:3px;
}
/*Sub-Navi*/
.navbar-default ul.dropdown-menu {
    border: medium none;
	border-radius:0;
    box-shadow: none;
    display: block;
    float: left;
	position: static;
    top: 100%;
    left: 0;
    
    padding: 0 0 0 5px;
    width: 100%;
    min-width: 160px;
    background-clip: padding-box;
	background-color: transparent;
    list-style: outside none none;
	
    font-size: inherit;
    text-align: left;
    z-index: 1000;
}
.navbar-default ul.dropdown-menu li {
    background-color: rgba(0, 0, 0, 0);
    padding: 0;
    width: auto;
}
.dropdown-menu > li > a {
	color:#8c8c8c;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	padding: 3px 10px;
	width:100%;
	transition:color 200ms linear;
	white-space:inherit;
}
.dropdown-menu > li > a:hover {
	color:#d90726;
	background-color:transparent;
	transition:color 200ms linear;
}
.dropdown-menu > .active > a, 
.dropdown-menu > .active > a:hover, 
.dropdown-menu > .active > a:focus {
	color:#d90726;
	background-color:transparent;
}
/*Toggle*/
.container > .navbar-header {
	float:right;
	margin-left:0;
	background-color:#383a40;
	padding-left:15px;
	padding-bottom:13px;
}
.navbar-default .navbar-toggle,
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	border-radius:0;
	background-color:#FFF;
	border-color:#322d1e;
	height:44px;
	padding:8px 10px 10px 10px;
	margin-top:8px;
	margin-bottom:0;
	min-width:0;
	border-radius:50%;
}
.navbar-default .navbar-toggle .icon-bar {
	background-color:#322d1e;
}
.navbar-toggle .icon-bar:nth-of-type(2) {
	  top: 1px;
}
/*Animated Hamburger*/
.navbar-toggle .icon-bar:nth-of-type(3) {
  	top: 2px;
}
.navbar-toggle .icon-bar {
	  position: relative;
	  transition: all 500ms ease-in-out;
}
.navbar-toggle.active .icon-bar:nth-of-type(1) {
	  top: 6px;
	  transform: rotate(45deg);
}
.navbar-toggle.active .icon-bar:nth-of-type(2) {
	  background-color: transparent;
}
.navbar-toggle.active .icon-bar:nth-of-type(3) {
	  top: -6px;
	  transform: rotate(-45deg);
}

/**************************************************************************************
  Blog
**************************************************************************************/
.bimg {display:block;margin-top:30px;}

/**************************************************************************************
  Galerie / Gallery / lightGallery
**************************************************************************************/
#lightgallery {margin-top:30px;}
#lightgallery.row > div {
	padding-top:15px;
	padding-bottom:15px;
}
#lightgallery img {transition:opacity 200ms linear;}
#lightgallery img:hover {transition:opacity 200ms linear;opacity:0.8;}
#lightgallery .background-slider {
	cursor:pointer;
}
.Gallery #lightgallery a {
	background-color:rgb(86,86,90);
	display:block;
}
.Gallery #lightgallery img {
	opacity:1;
    transition: opacity 200ms linear;
}
.Gallery #lightgallery a:hover img {
	opacity:0.6;
    transition: opacity 200ms linear;
}
.Gallery .tblbox {
	padding-bottom:100%;
	position:relative;
}
.Gallery .tblbox > div {
	position:absolute;
	top:50%;
	left:50%;
	margin-top:0;
	transform:translate(-50%,-50%);
}
/**************************************************************************************
  Kontaktformular
**************************************************************************************/
form#Kontakt {position:relative;}
/*#Kontakt .form-group label{display:none;}*/
form#Kontakt .cbx label {display:inline-block;}
form#Kontakt .btn {min-width:110px;}

/**************************************************************************************
  Cookie Accept
**************************************************************************************/
#cookie_directive_container > * {
	color: white;
	background-color:rgba(217, 7, 38,0.85);
	padding-top:10px;
}
#cookie_directive_container a {
	color:#FFF;
}

#cookie_directive_container a:hover {
	color:#939393;
}

#cookie_directive_container a.btn {
	color:#322d1e;
	background-color: white;
	margin-bottom:10px;
	min-height:0;
	min-width:0;
	border:none;
}

#cookie_directive_container a.btn:hover {
	background-color:#6e6e6e;
	color:#FFF;
}

/*Icons*/
/* ------------------------------------------------------------------------------------------------------ */ 
.icons{
	font-size: 38px;
	line-height:38px;
	font-family:iconsregular, Arial, sans-serif;
	color:#000;
	font-style:normal;
}
a.icons,a.icons:hover{
	text-decoration:none !important;	
	color:#000!important;
}
/* ------------------------------------------------------------------------------------------------------ */ 


/**************************************************************************************
  Footer
**************************************************************************************/
footer {
	color:#FFF;
	background-color:#8c8c8c;
	padding:3% 0;
}
footer a,footer a:hover {
	color:#FFF;
	text-decoration:none;
}
footer p {
	margin-bottom:20px;
}
footer .icons {float:right;}
footer .icons a {
	float:left; 
	margin-bottom:10px;
	margin-left:10px;
	opacity:1;
	transition:opacity 200ms linear;
}
footer .icons a:hover {opacity:0.8;transition:opacity 200ms linear;}
footer .icons img:last-child{margin-left:10px;}
footer input[type="submit"] {	
	color:#322d1e;
	box-shadow: 0 3px 6px rgba(0,0,0,0.16);
	border:1px solid transparent;
	background-color:#FFF;
}
footer input[type="submit"]:hover,
footer input[type="submit"]:focus {
	color:#322d1e;
	border-color:#322d1e;
	background-color:#FFF;
}

/* Sticky Footer */
html, body {
  height: 100%;
}
.page-wrap {
  padding-top:65px;/*nur für fixed Navi*/
  
  min-height: 100%;
  /* equal to footer height */
  margin-bottom: -142px;
}
.page-wrap:after {
  content: "";
  display: block;
}
footer, .page-wrap:after {
  min-height: 142px;
}

/**************************************************************************************
  Done
**************************************************************************************/
#Done {font-size:11px; float:right;}
#Done a, #Done b {opacity:0.3;}
#Done a:hover {opacity:1;}

/**************************************************************************************
  Formulare
**************************************************************************************/
input, select {
	height:auto;
}
label,
#Produktion .pTxt label {
	font-weight:inherit;
	line-height:1.4;
	padding-top:5px;
	text-transform:inherit;
}
/*Übersteuerung global.css*/
.form-control,
#Login input[type="text"], #Login input[type="password"] {
	width:100%;
	float:none;
	display:block;
}
.form-control,
input, input.form-control,
textarea, textarea.form-control,
select, select.form-control {
	font-size:inherit;
	color:#322d1e;
	border-radius:0;
	border-color:#e1e1e1;
}
input[type="text"],
input[type="password"],
input[type="email"],
input[type="file"],
input[type="number"],
textarea,
select,
#Login input[type="text"],
#Login input[type="password"] {
	font-family:"Merriweather", sans-serif;
	margin:0 0 8px 1px;
}
input[type="file"] {
	border:1px solid #e1e1e1;
}
a.btn, a.btn:hover, a.btn:visited, a.btn:focus {
	color: #fff;
	text-decoration:none;
}
/* Button Links Bootstrap Margin entfernen (Trauerengel) */
p.btn__text {
	margin:0px;
}

button:not(.navbar-toggle ), html input[type="button"], input[type="reset"], input[type="submit"], .btn,
#Login input[type="submit"] {
	color:#FFF;
	font-family: "Roboto Condensed", sans-serif;
	letter-spacing:2px;
	text-transform:uppercase;
	text-align:center;
	text-decoration:none;
	min-width:222px;
	min-height:48px;
	padding-top:13px;
	padding-bottom:13px;
	background-color:#d90726;
	border:1px solid #d90726;
	transition: background-color 200ms linear, border-color 200ms linear;
	
	font-optical-sizing: auto;
	font-weight:bold;
	
	
	/*Übersteuerung global.css*/
	background-image:none;
	width:auto;
	height:auto;
	margin:0;
}
.btn-sm {padding-top:3px;padding-bottom:3px;}
button:not(.navbar-toggle):hover, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover,
.btn:hover, .btn:focus, .btn.focus,
#Login input[type="submit"]:hover {
	color:#FFF;
	background-color:#d90726;
	border-color:#FFF;
	transition: background-color 200ms linear, border-color 200ms linear;
}
input[disabled] {
	background-color:#ddd;
	border-style:dotted;
	border:none;
}
input#Code {
	margin-top:0;
	z-index:0;
}
.input-group-addon {
	min-width:111px;
	padding-bottom:5px;
}
.form-control:focus{
	border-color:rgb(28, 28, 27);
	-webkit-box-shadow: inset 0 1px 1px rgba(28, 28, 27,.075), 0 0 8px rgba(28, 28, 27, 0.6);
	box-shadow: inset 0 1px 1px rgba(28, 28, 27,.075), 0 0 8px rgba(28, 28, 27, 0.6);
}
.has-error .form-control {background-color:#f2dede;}

/**************************************************************************************
  Listen-, Tabellen-Ansicht, Paging
**************************************************************************************/
.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-color:#322d1e;
}
.table-hover > tbody > tr {
	transition:background-color 200ms linear;
}
.table-hover > tbody > tr:hover,
.pagination > li > a:hover {
	background-color:rgba(0,0,0,0.16);
	transition:background-color 200ms linear;
}
.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;
}
.tbl {display:table;width:100%;}
.tbl > * {display:table-cell;vertical-align:top;}
td.back {text-align:center;}
td.back a{color:#322d1e;background-color:rgb(86,86,90); display:block;line-height:85px;margin-bottom:10px;}
.table > thead > tr > td,
.table > thead:first-child > tr:first-child > td {
	border-color:transparent;
	border-bottom-width:0;
}
.admin td.back a {line-height:75px;margin:20px 0 10px 0;}
/*Paging*/
#Content .pagination {margin:0;padding-left:8px;}
.pagination > li > a, 
.pagination > li > span,
.pagination > li > a:hover {
	color:#5a5a5a;
}
.pagination > li > a {
	border-color:#ddd; /*am besten gleich wie bg-color*/
}
.pagination > .active > a, 
.pagination > .active > span, 
.pagination > .active > a:hover, 
.pagination > .active > span:hover, 
.pagination > .active > a:focus, 
.pagination > .active > span:focus {
	border-color:#000;
	background-color:#000;
}
/**************************************************************************************
 Admin
**************************************************************************************/
.CuteEditorGroupMenuCell img {
	box-sizing:content-box;
}
#CE_Editor1_ID {
	width:100% !important;
	line-height:initial;
	font-size:12px;
}
.admin h1 {margin-bottom:10px;}
.admin main {margin-top:0;}

.admin button, html .admin input[type="button"], .admin input[type="reset"], .admin input[type="submit"], .admin .btn {
	padding:6px;
}
.admin .form-control{padding-left:6px;padding-right:6px;}
.admin{line-height:normal;}

@media (min-width:768px){
	h1, .h1 {
		font-size:39px;
		letter-spacing:1px;
		line-height:45px;
	}
	h3, .h3 {font-size:24px;}
	.quicklinks .row > div {padding:1% 0;}
	.quicklinks .row .inner {padding:0 19%;}
	
	header .container {padding-top:38px;}
	header h1 {margin-bottom:30px;}
	header h5 {margin-bottom:38px;}
	header .btn {margin-top:38px;}

	.hyphens-xs{
		-moz-hyphens:none;
		-ms-hyphens:none;
		-webkit-hyphens:none;
		hyphens:none;
	}
	
	#Tiles > .row > .col-sm-6 {
		border-right:15px solid #FFF;
	}
	
	#Tiles.tiles-content .col-sm-6 {
		padding-bottom:50%;
		background-size:cover;
		background-position:center;
	}
	#Tiles .inner-txt {
	/*Update JC 13.08.2024
		position:absolute;
		top:50%;
		transform:translateY(-50%);
	*/
		padding:0;
		width:calc(100% - 30px);
		font-size:0.8em;
	}

	/* Chili Editor auf 100% Browserbreite statt .container */
	.editor_full {
		width: 100% !important;
	}

	.container > .navbar-header {padding:0;}
	.navbar-brand {padding-top:0;}
	.navbar-brand img {	
		max-width:250px;
	}
	
/*	.form-group {display:table;width:100%;}
	.form-group > * {display:table-cell;vertical-align:top;}
	.form-group > *:first-child {width:34.7%;}*/
	
	/*Navigation*/
	.navbar {
/*		background-color:#fff;*/
		background-color:#f6f6f6;
		margin-bottom:0;
		padding-top:11px;
		padding-bottom:11px;
	}
	.navbar > .container .navbar-brand, 
	.navbar > .container-fluid .navbar-brand {
		height:auto; 
		width:auto;
		padding:0;
		margin-left:0;
	}
	.navbar-brand img {max-width:250px;}
	/*.container > .navbar-collapse {margin:0 -15px;}*/
	.navbar-collapse {width:auto;}
	.navbar-fixed-top .navbar-collapse, 
	.navbar-fixed-bottom .navbar-collapse {
		margin-top:0;
	}
	.nav {
		margin-right:-15px;
		text-align:left;
		height:70px;
	}
	.nav:first-child {padding:0;}
	.nav > li {
		margin-left:0;
		
		display:table;
	}
	.nav:first-child > li{
		display:block;
	}
	.nav:last-child > li {
		border:none;
	}
	.nav > li > a {
		padding-top:0;
		padding-bottom:0;
		padding-right:0;
	}
	/*.navbar-default .navbar-nav > li > a {
		color:#322d1e;
	}*/
	.navbar-default .navbar-nav > li > a,
	.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
		padding-left:12px;
		/*line-height:44px;*/
		padding-bottom:0;
		border:none;
		
		display:table-cell;
		vertical-align:middle;
		height:69px;
	}
	.navbar-default .navbar-nav > li > a img {
		display:block;
	}	
	
	/*Update JC 13.08.2024
	.navbar-default .navbar-nav:first-child > li > a{
		padding-top:5px;
	}*/
	.navbar-default ul.dropdown-menu {display:none;}
	.navbar-nav > li:hover > .dropdown-menu,
	.navbar-nav > li:focus > .dropdown-menu {
		display:block;
		float: left;
		background-clip: padding-box;
		background-color: #FFF;
		box-shadow:0 0 4px 2px rgba(50, 45, 30,0.15);
		border-radius: 0;
		list-style: outside none none;
		min-width: 300px;
		padding: 6px 0;
		margin:0;
		text-align: left;
		position: absolute;
		top: 100%;
		left: 0;
		z-index: 1000;
	}
	.navbar-default ul.dropdown-menu li {float:none;}
	.dropdown-menu > li > a {
		text-align:left;
		color:#322d1e;
		background-color:#FFF;
	}
	.dropdown-menu > li > a:hover,
	.dropdown-menu > li > a:focus {
		background-color:#FFF;
	}
	.dropdown-menu > .active > a, 
	.dropdown-menu > .active > a:hover, 
	.dropdown-menu > .active > a:focus {
		color:#d90726;
	}
	
}
@media (min-width:992px){
	#Tiles > .row  > .col-md-3 {
		border-right:15px solid #FFF;
	}
	#Tiles .inner-txt {
		width:80%;
		font-size:1em;
	}
	#Tiles.tiles-content li h2 {
		font-size:32px;
	}

	/* Chili Editor auf 90% Browserbreite statt .container */
	.editor_full {
		width: 90% !important;
	}

	.navbar > .container .navbar-brand, 
	.navbar > .container-fluid .navbar-brand {
		padding:4px 0 0 0;
	}
	.navbar-brand img {max-width:none;}
	.navbar > .container .navbar-brand {padding-top:0;}
	.navbar-nav:first-child {margin-left:4vw;}

	/*Impressum etc.*/
	.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+ */
	}
}
@media (min-width:1200px){
	h1, .h1 {font-size:48px;line-height:56px;}
	/*#Tiles .inner {
		min-height:596px;
	}*/
	
	/* Chili Editor auf 90% Browserbreite statt .container */
	.editor_full {
		width: 90% !important;
	}

	.page-wrap {
  		padding-top:100px;/*nur für fixed Navi*/
	}
	.navbar {
		padding:28px 0;
	}
	.navbar-default .navbar-nav > li > a,
	.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
		padding-right:25px;
	}
}