@font-face {
    font-family: "TitilliumWebLight";
    src: local("?"), url("../fonts/Titillium/TitilliumWeb-Light.ttf") format("truetype");
}

@font-face {
    font-family: "TitilliumWebSemiBold";
    src: local("?"), url("../fonts/Titillium/TitilliumWeb-SemiBold.ttf") format("truetype");
}

body,
html {
	color: #333;
	font-size: 18px;
	line-height: 1.5;
	font-weight: 400;
	font-family: TitilliumWebLight, arial, helvetica, sans-serif;
	margin: 0;
	padding: 0;
	width: 100%;
/*	height: 100%;*/
	-webkit-text-size-adjust: 100%;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	overflow-x: hidden;
}

img,
table {
	border: none;
}

* {
	outline: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

td,
p {
	margin: 0;
}

textarea {
	resize: none !important
}

ul { 
	margin:0; 
	padding:0;
}

/*--------------------------------------------------------*/
/*CUSTOM COLORS*/
/*--------------------------------------------------------*/
:root {
	--first-color-bg-opacity: rgba(165,196,34, 0.9); 
	--first-color: rgba(165,196,34, 1);
	--second-color: rgba(54,64,11, 1);
	--second-color-bg-opacity: rgba(54,64,11, 0.5);
	--third-color: rgba(108,128,22, 1);
}

.colouredHG {
	background: var(--second-color)
}
/*--------------------------------------------------------*/
/*HEADLINES*/
/*--------------------------------------------------------*/
h1,
.h1,
h2,
.h2,
h3,
h4,
.h4,
h5,
h6 {
	font-family: TitilliumWebSemiBold, helvetica, arial, sans-serif;
	font-weight: 500;
	margin-top: 0;
	margin-bottom:20px;
	line-height: 1.2;	
	color:#e64248
}

.h1,
h1 {
	margin-bottom:20px;
	font-size: calc(22px + 0.7vw);
	/*
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	*/
}

h2,
.h2 {
	font-size: calc(20px + 0.5vw);
	line-height: 1.2;
	margin-bottom:20px;
/*
	color: #fff;
	display: inline-block;
    padding: 3px 5px;
	position: relative;
*/
}

h3, .h3 {
	font-size: calc(18px + 0.3vw);
	line-height: 1.2;
	margin-bottom:20px;
}

h4, .h4 {
	font-size: 20px;
	line-height: 1;
	margin-bottom:20px;
	color: #333;
}

h5, .h5 {
	font-size: 20px;
	line-height: 1;
	margin-bottom: 1rem;
	font-weight: 700;
}

h1 + h2 {
	margin-top: -1rem;
}

h2 + h3 {
	margin-top: -1rem;
}

.textWhite h2, .textWhite h3 {
	color: #fff;
}

/*
.headline1:after {
	z-index: -1;
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #58575a;
}
*/

@media screen and (max-width:1024px) {		
	h1,
	.h1,
	h2,
	.h2,
	h3,
	.h3,
	h4,
	.h4,
	h5,
	.h5,
	h6,
	.h6 {
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		-ms-hyphens: auto;
		hyphens: auto;
	}
}

/*--------------------------------------------------------*/
/*TYPO*/
/*--------------------------------------------------------*/
a {
	color: #333;
	text-decoration: underline;
}

a.noTextdecoration, a.noTextdecoration:hover, a.noTextdecoration:focus {	
	text-decoration: none !important;
}

a:hover, a:focus {
    color: #333;
    text-decoration: underline;
}

.textWhite a {
	color: #fff;
}

.textWhite a:hover, .textWhite a:focus {
    color: #fff;
}

p {
	-ms-word-break: normal;
	word-break: normal;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
	margin-bottom:20px;
}

.hyphens {
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}

.bold {
	font-weight: 700;
}

/*--------------------------------------------------------*/
/*ALLGEMEIN*/
/*--------------------------------------------------------*/
/* section {
	margin-bottom: 5vh;
} */
.arrow_left, .arrow_right {
	content: '';
	display: block;
	width: 30px;
	height: 30px;
	padding: 2px;
	margin: -10px;
	border-radius: 50%;
	background: #fff;
	vertical-align: center;
	background: rgba(18,148,203,1);
}

.arrow_right {	
	padding: 2px 1px;
}

.aligncenter {
	text-align: center;
	width: 100%;
}

.wrapper {
	margin: 0 auto;
	max-width: 1280px;
}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.clearfix {
	display: inline-block;
}

/* start commented backslash hack \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* close commented backslash hack */

.floatleft {
	float: left;
}

.floatright {
	float: right;
}

.marginbottom {
	margin-bottom: calc(1rem + 10vh);
}

.margintop {
	margin-top: calc(1rem + 4vh);
}

.margintop1rem {
	margin-top: 1rem;
}

.margintop2rem {
	margin-top: 2rem;
}

.margintop3rem {
	margin-top: 3rem;
}

.marginbottom1rem {
	margin-bottom: 1rem;
}

.marginbottom2rem {
	margin-bottom: 2rem;
}

.marginbottom3rem {
	margin-bottom: 3rem;
}

.marginbottom4rem {
	margin-bottom: 4rem;
}

.marginbottom5rem {
	margin-bottom: 5rem;
}

.fas40px {
	font-size: 40px;
}

.fas35px {
	font-size: 35px;
}

.fas30px {
	font-size: 30px;
}

.fas25px {
	font-size: 25px;
}

.fas20px {
	font-size: 20px;
}

[class^='content'] ul li {
    list-style-type: none;
    margin-left: 0;
    padding-left: 1.2rem;
    position: relative;
    margin-top: 0;
}

[class^='content'] ul {
    padding-left: 0;
	margin: 1rem 0;
}

[class^='content'] ul li::before {
    content: "";
	height: 0.4rem;
	width: 0.4rem;
	border-radius: 50%;
	background: var(--third-color);
	left: 0;
    position: absolute;
    top: 1px;
	transform: translateY(0.5rem)
}

[class^='content'] ul li ul li {
    list-style-type: none;
    margin-left: 0;
    padding-left: 0;
    position: relative;
    margin-top: 0;
}

[class^='content'] ul ul {
    padding-left: 0;
	margin: 0.2rem 0;
}

[class^='content'] ul li ul li::before {
    content: "";
	height: 0;
	width: 0;
	border-radius: 1px;
	background: var(--third-color);
	left: 0;
    position: absolute;
    top: 0;
	transform: translateY(0.5rem)
}

@media screen and (max-width: 959px) {
	.marginbottom {
		margin-bottom: calc(1rem + 5vh);
	}
}

/*--------------------------------------------------------*/
/*KOPFGRAFIK*/
/*--------------------------------------------------------*/
.headimage {
	max-width: 100%;
	height: auto;
}
/*
.headimage {
	width: 100%;
	position: relative;
	z-index: -1;
	margin-bottom: 10vh;
	background: #efefef;
}

@media screen and (max-width: 959px) {
	.headimage {
		margin-bottom: 5vh
	}	
}
*/

/*--------------------------------------------------------*/
/* HEADER */
/*--------------------------------------------------------*/
.nav {
	position: relative;
	z-index: 999;
	left: 0;
	right: 0;
	background: #90573b;
}
.uk-navbar-dropdown{width:250px !important;}
.nav .uk-search-icon svg, .nav .uk-navbar-toggle svg {	
    color: #fff !important;
    fill: #fff !important;
}

.uk-sticky-placeholder {
	height: 0 !important;
}

.uk-light .uk-navbar-nav > li > a {
	color: #fff;
}

.top-wrap::before,
.overlay-wrap::before {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	content: '';
	z-index: 1;
	background-color: rgba(0, 0, 0, 0.5);
}

.top-wrap li {
	list-style: none;
}

.top-wrap svg {
    color: #fff !important;
    fill: #fff !important;
}

.top-wrap-height {
	height: 80vh;
	min-height: 460px;
	transition: height 0.25s;
}

.uk-subnav-pill > * > :first-child {
	padding: 0.5rem 1rem;
	background-color: rgba(0, 0, 0, 0.04);
}

.top-container {
	z-index: 2;
}
.uk-logo {
    padding: 5px;
    background-color: rgba(255, 255, 255, 0.8);
}
.uk-logo img {
	height: 70px;
}
.allgaeu_logo{height:80px; width:auto;}
.allgaeu_logo img{height:100%; width:auto;}

.subtitle-text {
	font-size: 1.2em;
	opacity: 0.7;
	font-weight: 300;
}

.logos-grid img {
	display: block;
	width: 60px;
	margin: 0 auto;
	filter: grayscale(100%);
	transition: filter 0.25s;
}

.logos-grid img:hover {
	display: block;
	width: 60px;
	margin: 0 auto;
	filter: grayscale(0);
}


/*--------------------------------------------------------*/
/* ABSTANDSMODUL */
/*--------------------------------------------------------*/
.abstand_desktop {
	display: block;
}

.abstand_mobil {
	display: none;
}

@media screen and (max-width: 768px) {
	.abstand_desktop {
		display: none;
	}
	.abstand_mobil {
		display: block;
	}
}

/*--------------------------------------------------------*/
/* UIKIT */
/*--------------------------------------------------------*/
.uk-label-warning {
	background-color: var(--third-color);
}

.uk-card-primary {
	background-color: var(--third-color);
}

.uk-card-primary.uk-card-hover:hover {
    background-color: var(--third-color);
}

.uk-light .uk-dotnav > .uk-active > *, .uk-light .uk-dotnav > * > :hover {
	background-color: var(--first-color);
	border-color: var(--first-color);
}

.uk-light .uk-dotnav > li a {
	background-color: #fff;
	border-color: #fff;
}

.uk-navbar-nav > li > a {
	color: rgba(255,255,255,1) !important;
}

/*
.uk-navbar-toggle.uk-open, .uk-navbar-toggle:focus, .uk-navbar-toggle:hover {
	opacity: 0.5;
}
*/

.uk-navbar-nav > li > a:hover, .uk-navbar-nav > li:hover > a {
	color: rgba(255,255,255,.7) !important;
}

.uk-navbar-left, .uk-navbar-right {
    flex-wrap: nowrap;
}

.uk-navbar-right {
    flex-shrink: 0;
}

.nav_container{margin-left:30px;}

.main_content{padding:50px 0;}
.main_content ul{margin-left:20px;}
.main_content hr{margin-top:30px;}
.main_content p{min-height: 20px;}
/*--------------------------------------------------------*/
/*BUTTONS*/
/*--------------------------------------------------------*/
.buttonWhite {
    margin: 0;
    border: none;
    overflow: visible;
    font: inherit;
	font-size: inherit;
	line-height: inherit;
    color: inherit;
    text-transform: none;
    display: inline-block;
    box-sizing: border-box;
    padding: 0 30px;
    vertical-align: middle;
    font-size: .875rem;
    line-height: 38px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
	background-color: rgba(18,148,203,1);
	color: #fff;
	-webkit-box-shadow: 2px 5px 5px 0 rgba(0,0,0,.2);
	-moz-box-shadow: 2px 5px 5px 0 rgba(0,0,0,.2);
	box-shadow: 2px 5px 5px rgba(0,0,0,.2);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.buttonWhite {
	background-color: #fff;
	color: #333;
}

.buttonWhite:hover, .buttonWhite:focus {
	text-decoration: none;
}

/*--------------------------------------------------------*/
/* GALERIE */
/*--------------------------------------------------------*/
.expandIcon {
    background-color: var(--third-color);
    padding: 5px;
}

.expandIcon svg {
    color: #fff !important;
}

/*--------------------------------------------------------*/
/* TEAM */
/*--------------------------------------------------------*/
.teamItem .teamimagehover {	
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	opacity: 0;
	color: #fff;
}

.teamItem:hover .teamimagehover {
	background: var(--first-color-bg-opacity);
	opacity: 1;
}

/*
h5 ~ hr {
  	border-top: 2px solid #868686;
	width: 60%;	
	margin: 0.5rem 0 0.5rem 0;
	margin-left: 20%;
}
*/

hr.firstcolor {
  	border-top: 2px solid var(--first-color);
}

h5 {
	color: #000;
	font-weight: 400;
	margin-top: 1rem;
	margin-bottom: 0.5rem;
}

/*--------------------------------------------------------*/
/* Inhalt (1, 2, 3 Spalten) */
/*--------------------------------------------------------*/
.blendmode {
	position: relative;
	z-index: 0;
}

.blendmode:after {
	top: 0;
	left: 0;
	content: '';
	width: 100%;
	height: 100%;
	background: var(--first-color-bg-opacity);
	position: absolute;
	z-index: -1;
}

.textWhite {
	color: #fff;
}

.withBorder {
	border: 1px solid #fff;
}

.noMargin {
	margin: 0 !important;
}

.containerpadding {
	padding: 2rem;
}

.marginTop {
	margin-top: 2rem
}

.marginRight {
	margin-right: 2rem
}

.marginBottom {
	margin-bottom: 2rem
}

.marginLeft {
	margin-left: 2rem
}

.noLeftRightPadding {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.noTopPadding {
	padding-top: 0 !important;
}
/* ENDE Inhalt (1, 2, 3 Spalten) */

/*--------------------------------------------------------*/
/*SHADOWS*/
/*--------------------------------------------------------*/
.topshadow {
	-webkit-box-shadow: 0 -5px 5px -5px #999;
	-moz-box-shadow: 0 -5px 5px -5px #999;
	box-shadow: 0 -5px 5px -5px #999;
}

.rightshadow {
	-webkit-box-shadow: -5px 0 5px -5px #999;
	-moz-box-shadow: -5px 0 5px -5px #999;
	box-shadow: -5px 0 5px -5px #999;
}

.bottomshadow {
	-webkit-box-shadow: 0 5px 5px -5px #999;
	-moz-box-shadow: 0 5px 5px -5px #999;
	box-shadow: 0 5px 5px -5px #999;	
	z-index: 2;
}

.leftshadow {
	-webkit-box-shadow: 5px 0 5px -5px #999;
	-moz-box-shadow: 5px 0 5px -5px #999;
	box-shadow: 5px 0 5px -5px #999;
}

.allshadow {
	-webkit-box-shadow: 0 0 5px #999;
	-moz-box-shadow: 0 0 5px #999;
	box-shadow: 0 0 5px #999;
}

/*--------------------------------------------------------*/
/* FOOTER */
/*--------------------------------------------------------*/
footer {
	position: relative;
	background:#90573b;
	padding: 2rem 0;
	background-image: url(../img/bg.jpg);
	background-repeat:repeat;
	color:#000;
}

footer p{margin:0;}

footer a {	
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

footer a:visited {
	text-decoration: underline;
	color: #000;
}

footer a,
footer a:hover,
footer a:active {
	color: #000 !important;
}

footer ul li {
	margin: 0;
}

.footerinner {
	display: flex;
	justify-content: space-between
}

.footerlinks a {
	text-decoration: none;
}

.footerlinks  {
	list-style: none;
}

footer .col-a {
	order: 1
}

footer .col-c {
	order: 3;
	text-align: right;		
}

footer .col-b {
	order: 2;
	justify-content: center;		
}

footer .col-b #footerlogo {
	width: 100%;
/*	max-width: 250px;*/
}

footer [class^='col-'] {
	display: flex;
	align-items: flex-end;	
}

footer .col-b {
	align-items: center;	
	justify-content: center;		
}

.adress{background-color: rgba(255, 255, 255, 0.8); padding:10px 20px;}
.footerlinks{background-color: rgba(255, 255, 255, 0.8); padding:10px 20px;}

@media screen and (max-width:768px) {
	.footerinner {
		display: flex;
		flex-direction: column
	}
	
	footer .col-a {
		order: 2;
		margin: 3rem 0;
	}

	footer .col-c {
		order: 3;
		text-align: left;		
	}

	footer .col-b {
		order: 1;
		justify-content: center;		
	}
}
/*--------------------------------------------------------*/
/*SCROLLTOPBUTTON*/
/*--------------------------------------------------------*/
.back-to-top {
	text-align: center;
	display: block;
	position: absolute;
	bottom: 1.5em;
	right: 1.5em;
	z-index: 99;
}

a.back-to-top {
	text-decoration: none;
}

a.back-to-top i {
	color: #333;
	font-size: 30px;
	line-height: 30px;
}

a.back-to-top:hover {
	-webkit-animation-name: iconup;
	animation-name: iconup;
	-webkit-animation-duration: 0.75s;
	animation-duration: 0.75s;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
}

@media screen and (max-width:1400px) {
	.back-to-top {
		bottom: 3em;
	}
}

/*--------------------------------------------------------*/
/*RESPONSIVE MEDIA QUERIES*/
/*--------------------------------------------------------*/
@media screen and (max-width: 1280px) {
	.wrapper {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
}

/*--------------------------------------------------------*/
/* LOGO SLIDER */
/*--------------------------------------------------------*/
.bx-wrapper {
    margin:0;
    padding:0;
}
 
.bx-wrapper li::before{
	content: "" !important;
	width: 0px !important;
	margin-left: 0px !important;
	font-size: 0px !important;
	padding-right: 0px !important;
	top: 0px !important;	
}
 
#logo-slider li {
    height:150px;
    display:flex;
    align-items:center; 
    flex-wrap:wrap;
}
 

 
#logo-slider a {
 
    margin:auto;
 
}
  
#logo-slider li div {
    background-size:contain; 
    background-position:center center; 
    background-repeat:no-repeat; 
    width:200px; 
    height:150px;
}

.clear{clear:both;}

[class*="uk-navbar-dropdown-bottom"] {
    margin-top: 0 !important;
}

.artikel_item{
	background:#f3f3f3;
	color:#fff;
	text-align: center;
	padding:20px 20px 0 20px;
}
.artikel_item a{text-decoration: none !important;}
.artikel_item img{width:100%; height:auto; display:block;}
.artikel_item h3{
	color:#e64248;
	font-size:18px;
	margin-top:20px;
}
.artikel_description{margin:30px 0;}
.artikel_preis{margin-bottom:20px; font-weight:bold; font-size:30px;}
.artikel_img img{width:100%;height: auto; display: block;}
.artikel_detail h1{margin-bottom:20px !important;}
.artikel_button{background:#e64248; display:inline-block; padding:5px 20px; color:#fff; text-decoration: none}
.artikel_button:hover{color:#fff;}

.artikel_ausverkauft input{font-size:16px; background:#ff0000;}
.artikel_ausverkauft{color:#ccc;}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0;
    height: 0;
    overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

em{color:#333;}

.section_text img{height:auto; display:block;}

.artikel_row_head{font-weight:bold; font-size:12px; margin-top:30px;}
.artikel_row{}
.artikel_row:hover{background:#e2e2e2;}
.artikel_name{float:left; border:1px solid #e5e5e5; padding:0px 10px; height: 36px; line-height: 36px; width:calc(100% - 190px); overflow:hidden;}
.artikel_preise{float:left; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; padding:0px 10px; height: 36px; line-height: 36px; width:90px; text-align: right;}
.artikel_anzahl{float:left; width:100px; height: 36px; line-height: 36px;}
.artikel_anzahl input{height: 36px; line-height: 36px; padding:0 10px; background:#f3f3f3; border:1px solid #e5e5e5; width:100%;}
.artikel_row_head .artikel_name, .artikel_row_head .artikel_preise, .artikel_row_head .artikel_anzahl{border:none;}

.anschrift{margin-top:30px;}
.anschrift p{font-weight:bold;}

.zahlungsart{margin-top:30px;}
.zahlungsart p{font-weight:bold;}

.bankverbindung{margin-top:30px;}
.bankverbindung p{font-weight:bold;}

.bestell_uebersicht{background:#f3f3f3; padding:10px; margin-top:30px;}
.bestell_uebersicht_item{margin-bottom:10px;}
.bestell_uebersicht_item_head{font-weight: bold;}
.bestell_uebersicht_artikel{float:left; width:calc(100% - 280px);}
.bestell_uebersicht_einzelpreis{float:left; width:100px; text-align: right;}
.bestell_uebersicht_menge{float:left; width:80px; text-align: center;}
.bestell_uebersicht_gesamtpreis{float:left; width:100px; text-align: right;}

.bestell_box_gesamt_artikel{border-top:1px solid #333; margin-top:10px; padding-top:10px;}
.bestell_box_versand{margin-bottom:10px;}
.bestell_box_gesamt{border-top:1px solid #333; padding-top:10px; font-weight: bold;}
.bestell_box_zusatz{margin-top:30px;}

.bestell_left{float:left; width:calc(100% - 100px);}
.bestell_right{float:left; width:100px; text-align: right;}

@media screen and (max-width:650px) {
	.artikel_name{font-size:12px;}
}

.kontaktform{}
.kontaktform .form-group{margin-bottom:10px;}
.kontaktform label{display:inline-block; width:150px;}
.kontaktform input{width:calc(100% - 160px);}
.kontaktform textarea{width:calc(100% - 160px);}
.kontaktform button{margin-top:20px;}
.kontaktform .formcheckbox{margin:20px 0;}
.kontaktform .formcheckbox label{width:calc(100% - 30px);}
.kontaktform .formcheckbox input{width:20px;}