/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on August 16, 2021 */



@font-face {
    font-family: 'chantillylight';
    src: url('../fonts/Chantilly-Light-webfont.woff2') format('woff2'),
         url('../fonts/Chantilly-Light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'chantillyregular';
    src: url('../fonts/Chantilly-Regular-webfont.woff2') format('woff2'),
         url('../fonts/Chantilly-Regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'chantillycondensed';
    src: url('../fonts/Chantilly-Condensed-webfont.woff2') format('woff2'),
         url('../fonts/Chantilly-Condensed-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'montserratbold';
    src: url('../fonts/montserrat-bold-webfont.woff2') format('woff2'),
         url('../fonts/montserrat-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'montserratitalic';
    src: url('../fonts/montserrat-italic-webfont.woff2') format('woff2'),
         url('../fonts/montserrat-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'montserratlight';
    src: url('../fonts/montserrat-light-webfont.woff2') format('woff2'),
         url('../fonts/montserrat-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'montserratlight_italic';
    src: url('../fonts/montserrat-lightitalic-webfont.woff2') format('woff2'),
         url('../fonts/montserrat-lightitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'montserratregular';
    src: url('../fonts/montserrat-regular-webfont.woff2') format('woff2'),
         url('../fonts/montserrat-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
html {font-family: 'Montserrat', sans-serif; color: #000; background-color: #fff}
h1, h2, h3, h4, h5, h6 {font-family: 'chantillyregular', sans-serif;}
a {
	color: #000;
	transition: color 0.3s;
}
a:hover {
	color: rgba(167,56,55,1.0);	
	text-decoration: none;
}
section {
	width: 100%;}

section.uk-section {padding-top: 0;}
/* laengen */
.b_major {width:61.8vw ;}
.b_minor {width: 38.2svw;}

.links {
	width: 38.2vw;
	flex-shrink: 0;
	height: 100vh;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	text-align: end;
	position: sticky;
	top: 0;
	align-self: flex-start;
}

.links > div {
	padding-right: 30px;
}

.links > div:first-child {justify-self: center;}

.rechts {
	flex-grow: 1;
}
.rechts section {margin: 2vh;}

@media (min-width: 960px) {
.rechts section {margin: 0 2vh 0 0;}}

.menus {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.start {
	display: flex;
	justify-content: center;
	height: 100vh;
	width: 100%;
}

.start .uk-svg {
	width: 61.8vw;
	padding-bottom: 14.6vh;
}
@media (min-width: 640px) {
.start .uk-svg {
	width: 38.2vw;
	align-self: center;

}}
#drei {min-height: 100vh;}
/* logo2 */
#wab_b {
	background: url(../bilder/wb_b.svg) no-repeat;
	height: 2em;
	width: 2em;
}
#wab_b:hover {
	color: rgba(167,56,55,1.0);
}
/**/
.login, .fb, .knopf, .b-logo {
	min-width: 2.5em;
	height: 2.5em;
	padding: 0.2em;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 2;
}
.orechts {
	display: flex;
	align-content: flex-end;
	border: solid 1px #000;
	border-right: none;
	width: 2.5em;
	height: 2.5em;
	padding: 0.2em;
	display: flex;
	align-items: center;
	float: right;
	position: sticky;
	top: 0;
	z-index: 201;
}
.olinks {
	display: flex;
	align-content: flex-end;
	border: solid 1px #000;
	border-left: none;
	width: 2.5em;
	height: 2.5em;
	padding: 0.2em;
	display: flex;
	align-items: center;
	float: right;
	position: sticky;
	top: 0;
	z-index: 201;
}

.ulinks {
	bottom: 0;
	left: 0;
	position: fixed;
	background-color: #fff;
	border: solid 1px #000;
	border-left: none;
	width: 2.5em;
	height: 2.5em;
	padding: 0.2em;
	z-index: 201;	
}
.urechts {
	bottom: 0;
	right: 0;
	position: fixed;
	background-color: #fff;
	border: solid 1px #000;
	border-right: none;
	width: 2.5em;
	height: 2.5em;
	padding: 0.2em;
	z-index: 201;	
}
.login {
	border-left: solid 1px #000;
	border-bottom: solid 1px #000;
}
.fb {
	border: solid 1px #000;
	border-right: none;
}	
.menu {
	font-family: "chantillyregular", sans-serif ;
	font-weight: 400;
	line-height: 1.6em;
	font-size: 2vw;
}
.menu a {
	color: #000;
	transition: color 0.3s;
	transition: font-size 0.6s;
}
.menu a:hover {
	color: rgba(167,56,55,1.0);	
	text-decoration: none;
	font-size: 1.1em;
}
.menu2 {
	display: flex;
	justify-content: flex-end;
	align-content: baseline;
	flex-wrap: wrap-reverse;
	font-family: 'chantillyregular';
	line-height: 1.5em;
	align-self: flex-end;
	width: 100%;
	border-top: solid 1px #000;
	border-right: solid 1px #000;	
	padding: 1em;
}
.menu2 ul  {
	display: inline-flex;
	align-content: baseline;
	margin: 0 0 0 0.4em;
}
.menu2 .mod-list > :nth-child(n+2) { margin: 0 0 0 0.4em; }
#navbar {
display: hidden;
}
.toggle {visibility: visible ;}
.menusub {
font-family: "chantillyregular", sans-serif;
font-weight: 400;
line-height: 1.6em;
font-size: 1em;
display: flex;
justify-content: space-between;
background-color: #fff;

}
.menu3 {
font-family: "chantillyregular", sans-serif;
font-weight: 400;
line-height: 1.6em;
font-size: 1em;
display: flex;
justify-content: space-between;
background-color: #fff;
position: sticky;
top: 0;
z-index: 200;
flex: 1 0 auto;
}
.menu3 a, .menusub a {
	color: #000;
	transition: color 0.3s;
	transition: font-size 0.6s;
}
.menu3 a:hover, .menusub  a:hover  {
	color: rgba(167,56,55,1.0);	
	text-decoration: none;

}
.menu3 ul, .menusub ul {
	display: flex;
	align-items: baseline;
	flex: 1;
	column-gap: 20px;
}
.menu3 ul li, .menusub ul li {
	flex: 1 0 auto;
	display: flex;
	justify-content: center;
}
/*.inhalt {padding: 2vh;}
*/
.b-logo {
flex: 0.38;
justify-content: start;
padding-left: 2vw;
}


.flex {
	display: flex;
	flex: 1 0 auto;
}
.mittig {
	display: flex;
	height: 96vh;
	justify-content: space-between;
	align-items: center;
	flex-direction: column;
}
.zentriert {
  display: flex;
  align-items: center;
  justify-content: center;
}
/* moduldeko */
.kastelt {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	column-gap: 1em;
	row-gap: 1em;
}
.kastelt > div, .kastelt > ul li {
	border: solid 1px #000;
	padding: 1em;
	display: flex;

}

.kastelt > div > * {
	margin: 0;
}
.kastelt .titel3 {
	border: none;
	font-size: 1.5em;
}

.h_minor {height: 38.2vh;}
.h_major {height: 61.8vh;}
.h10 {height: 10vh;}
.h20 {height: 20vh;}
.h24 {height: 24vh;}
.h30 {height: 30vh;} 
.h40 {height: 40vh;}
.h46 {height: 46vh;}
.h52 {height: 52vh;}

.wb_ci {font-family: 'chantillycondensed';}




td {
	padding: 0.5em;
	border-bottom: solid 1px #fff;
}
td a {
	display: inline-block;
	width: 100%;

}
a.soldout {
	background-color: rgba(167,56,55,1.0);
	color: #fff;
}
.red {color: rgba(167,56,55,1.0);}
.wablogo:hover::before  {
	border:none;
	width: 19px;
	height: 19px;
	background-color: rgba(167,56,55,1.0);}

/*** CMS classes ***/


/* ========================================================================
   Component: List
 ========================================================================== */
.mod-list  {
  padding: 0;
  list-style: none;
}
/*
 * Remove margin from the last-child
 */
.mod-list  > * > :last-child {
  margin-bottom: 0;
}
/*
 * Style
 */
.mod-list  > :nth-child(n+2),
.mod-list  > * > ul {
  margin-top: 10px;
}	
.inhalt main {flex-grow: 1;}
.page-header {align-self: flex-start;}
/*blog*/
.blog-items, .blog-item  {margin-bottom: 14.6vh;}
.blog-item .item-image{	border: solid 1px #ccc;}
/*pagenav*/
.w-100 { display: flex; }
.pagination__wrapper ul { display: flex;  }
.pagination__wrapper ul li {
	text-decoration: none;
	display: flex;
	padding: 0 1em;}
nav.pagination__wrapper li.active.page-item	 {
	text-decoration: underline;
}
.disabled  { display: none;}
.article-info {font-size: 0.8em;}

/*artikelinfo*/
.badge .bg-warning { 
	font: 0.8em/1em 'chantillyregular', sans-serif; 
	color:rgba(167,56,55,1.0) ; }