/*-------------------------
//  Main CSS Layout 
//-------------------------*/

/*/  ALLGEMEIN
//-------------------------*/
html, body { height:100%;}
body { font-size:1rem;}
h1 { font-size:30px; text-transform: uppercase;}
h2 { font-size:24px;}
.bold { font-weight:bold;;}
a { color:#fe0074; text-decoration: none;}
a:hover { color:#DC0064;}
@media (max-width: 768px) {
	h1 { font-size:22px;}
	.login-wrapper h1 { font-size:30px;}
	h2 { font-size:18px;}
}
.mw-400 { max-width:400px;}

/*/  BOOTSTRAP SELECT
//-------------------------*/
.labelsmall { opacity: 0.65; z-index:100; transform:scale(0.85) translateY(-0.5rem) translateX(0.15rem);}
.bootstrap-select button.form-select { padding-top:1.625rem; padding-bottom:0.625rem;}
.dropdown-item { padding: 0.15rem 1rem;}
.bootstrap-select .text { float: none;}

/*/  HEADER
//-------------------------*/
a.header-top { background-color:#fe0074; color:#fff; display: block; text-decoration: none; font-size:14px; line-height:16px; padding:8px 0;}
a.header-top:hover { background-color:#DC0064; color:#fff;}
a.header-top h4 { font-size:18px; padding:0 0 4px 0; margin:0; font-weight: bold;}
#header { background-color:#000; color:#fff;}
.brandlogo { width:130px; display: inline-block;}
.header-inner .titel { font-size:24px; font-weight: 500; position: absolute; top:16px; left:50%; margin-left:-138px; text-transform: uppercase;}
@media (max-width: 768px) {
	.brandlogo { width:90px;}
	.header-inner .titel { font-size:15px; position: relative; top:inherit; left:inherit; margin-left:20px;}
}

/*/  LOGIN
//-------------------------*/
x.login-wrapper { height:80%; }
.login-container { width:500px; overflow: visible;}

/*/  KALENDER
//-------------------------*/
.terminkalender td a { background-color:#CBF3BB; color:#000; display:block; padding:2px; }
.terminkalender .blockiert { background-color:#F3F3F3; color:#A4A4A4; display:block; padding:2px; }
.terminkalender .stornierung { background-color:#FF0000; color:#000; display:block; padding:2px; }
.terminkalender td, .terminkalender th { text-align: center; }
.terminkalender td a:hover { background-color:#AEE798; }
.terminkalender td a.stornierung:hover { background-color:#ff0000; }
.table > :not(caption) > * > * { padding: 4px 4px;}

/*/  FORMULAR
//-------------------------*/
.btn-light { background-color:#fe0074 !important; border-color:#fe0074 !important; color:#fff !important;}
.btn-light:hover { background-color:#DC0064 !important; border-color:#DC0064 !important; color:#fff !important;}


/*/  ARTIKELLISTE
//-------------------------*/
.artikelliste p {margin-bottom:0.3rem;}
.main { font-size:0.95rem; }
p.preis { font-size:18px; font-weight: bold; margin-bottom:12px;}

/*/  FOOTER
//-------------------------*/
.kontakt { font-size:14px;}

/*/  FONT-SIZE
//-------------------------*/
.md-10 { font-size: 10px !important; }
.md-12 { font-size: 12px !important; }
.md-14 { font-size: 14px !important; }
.md-16 { font-size: 16px !important; }
.md-20 { font-size: 20px !important; }
.md-26 { font-size: 26px !important; }