/* Forms */
.containerfullwidth #load-form {
	padding: 10px 0;
    background: #f1f1f1;
}

.containerfullwidth .de-pro .card, .containerfullwidth .eu-pro .card {
	border: 5px solid #B9002D;
}

.containerfullwidth .de-eco .card, .containerfullwidth .de-basis .card, .containerfullwidth .eu-eco .card, .containerfullwidth .eu-basis .card {
	border: 2px solid #B9002D;
}

.containerfullwidth .cards-red .card-body {
	background: white;
}

.containerfullwidth .semanticui-body .cards-red .card-title {
	background: white;
	color: #B9002D;
	font: 1.5rem/1.5 "ApexNew"!important;
}

.containerfullwidth .cards-red .card-title .hint {
	color: #4D4D4D;
	font-size: 60%!important;
}

.semanticui-body button.card-title:hover

.containerfullwidth .semanticui-body .active button.card-title, .containerfullwidth .semanticui-body button.card-title:hover, .containerfullwidth .semanticui-body button.card-title:active {
	background: white;
	color: #4D4D4D!important;
}

.containerfullwidth .card-title>.small {
	display: none;
}

.containerfullwidth .btn-tertiary, .containerfullwidth .btn-quaternary {
	display: none;
}

.containerfullwidth .paket-dropdown>li {
	background: white;
}

.containerfullwidth .fal.fa-question-circle {
	color: #B9002D;
	font-size: 20px;
}

.containerfullwidth .paket-dropdown li div::before {
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
	content: "\f560";
	color: #B9002D;
	font-size: 20px;
    margin-right: 10px;
    float: left;
    height: 100%;
}

.containerfullwidth .card-text::after {
	display: block;
	background: #B9002D;
	content: 'Weiter zur Anmeldung';
	text-align: center;
    font-size: 22px;
    color: white;
    padding: 30px 0;
    cursor: pointer;
}

.containerfullwidth #markenanmeldung-form-page3 #packets .col-12.mb-5 {
	display: none!important;
}

.containerfullwidth #container_adresse #row-land .menu {
	display: none!important;
}

.containerfullwidth #container_adresse #row-land .active .menu {
	display: block!important;
}

#text-1, #text-2, #text-3, #text-4, #text-5, #text-6, #text-7, #text-8 {
	padding-top: 150px;
    margin-top: -150px;
}

/* Tiny Slider */
.slider-dots button {
  cursor: pointer;
  width: 16px;
  height: 16px;
  border-radius: 8px;
  background-color: #4D4D4D;
  border-width: 0;
  margin-left: 5px;
  margin-right: 5px;
}
.slider-dots button:first-child {
  margin-left: 0;
}
.slider-dots button:last-child {
  margin-right: 0;
}
.slider-dots button.tns-nav-active {
  background-color: #B9002D;
  width: 16px;
  height: 16px;
  border-radius: 12px;
}

.hidden,.special-hidden {
	display:none !important;
}

.nav-right {
	display:flex;
	align-items: center;
}

.nav-right > .language-widget {
	margin-right: 1rem;
}

.navbar-nav > .language-widget {
	margin-bottom: 1.5rem !important;
}

.line-intermediate {
	border-top:1px dotted #CCC;
	border-bottom:1px solid #CCC;
}

.semanticui-body a {
	text-decoration: underline !important;
}

.ui.message.g2-message.error:before {
	content: "x";
	position: absolute;
	right: 10px;
	top: 5px;
	color: #000;
	font-weight: bold;
}

.ui.message.g2-message.error:hover::before {
	color: #B9002D;
}

.ui.message .list:not(.ui):first-child {
	margin-top: 10px;
}

.big {
	font-family: 'Verdana,sans-serif';
	font-weight: bold
}

.semanticui-body small {
	font-size: 75%!important;
	letter-spacing: 0
}

.form-headline-special {
	text-transform: none!important;
	color:#B9002D
}

html,
body {
	overflow-x: hidden
}

body {
	font: normal 400 .95em 'ApexNew';
	letter-spacing: .025em;
	color: #4D4D4D
}

form small:not(.hint) {
	white-space: nowrap
}

a,
a:visited {
	color: #B9002D;
}

.card-text p a, 
.card-text p a:visited,
.hint em a,
.hint em a:visited,
em a,
em a :visited {
	text-decoration:underline;
}

.seog-frontend-more-link a,
.seog-frontend-more-link a:visited {
	color: #B9002D !important;
	text-decoration:underline;
}

a:hover,
a:active {
	color: #707070
}

.delete {
	color: #B9002D
}

.red {
	color: #B9002D
}

em.red {
	font-style: normal
}

.spacer {
	margin-top: 115px
}

.focus,
.btn:focus {
	outline: 0;
	box-shadow: none!important
}

.legal h2 {
	font-size: 1.25rem;
	line-height: 1.75rem
}

.w-90 {
	width: 90%!important
}

.rotate {
	-moz-transition: all .5s linear;
	-webkit-transition: all .5s linear;
	-o-transition: all .5s linear;
	transition: all .5s linear
}

.down {
	-moz-transform: rotate(-180deg);
	-webkit-transform: rotate(-180deg);
	transform: rotate(-180deg)
}

.semanticui-body a:not(.btn),
.semanticui-body a:not(.btn):visited {
	color: #B9002D!important
}

.semanticui-body .dropdown a:not(.btn),
.semanticui-body .dropdown a:not(.btn):visited {
	color: #707070!important
}

.semanticui-body a:not(.btn):hover,
.semanticui-body a:not(.btn):active {
	color: #000!important;
	text-decoration: underline!important
}

.list-impressum {
	list-style: none;
	padding-left: 0
}

.text-lead {
	font-size: 1rem;
	font-weight: bold
}

.text-red {
	color: #B9002D
}

.line-upper {
	border-top: 1px solid #666
}

@font-face {
	font-family: "Font Awesome 5 Pro";
	src: url("/templates/ww/webfonts/fa-light-300.eot");
	src: url("/templates/ww/webfonts/fa-light-300.eot?#iefix") format("embedded-opentype"), url("/templates/ww/webfonts/fa-light-300.woff2") format("woff2"), url("/templates/ww/webfonts/fa-light-300.woff") format("woff"), url("/templates/ww/webfonts/fa-light-300.ttf") format("truetype"), url("/templates/ww/webfonts/fa-light-300.svg#fontawesome") format("svg");
	font-weight: 300;
	font-style: normal;
	font-display: block
}

.fal {
	font-family: "Font Awesome 5 Pro";
	font-weight: 300
}

@font-face {
	font-family: 'ApexNew';
	src: local(ApexNewWeb-Book), local(ApexNew-Book), url('/templates/ww/webfonts/ApexNewWeb-Book.woff') format('woff'), url('/templates/ww/webfonts/ApexNewWeb-Book.eot?#iefix') format('embedded-opentype');
	font-weight: normal;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: 'ApexNew';
	src: local(ApexNewWeb-Medium), local(ApexNew-Medium), url('/templates/ww/webfonts/ApexNew-Medium.woff2') format('woff2'), url('/templates/ww/webfonts/ApexNew-Medium.woff') format('woff'), url('/templates/ww/webfonts/ApexNew-Medium.eot?#iefix') format('embedded-opentype');
	font-weight: bold;
	font-style: normal;
	font-display: swap
}

.ui.form input[type="text"]::placeholder {
	color: rgba(77, 77, 77, .77)!important
}

.dropdown>.default {
	color: rgba(77, 77, 77, .77)!important
}

.individuell .card-title {
	margin-bottom: 0!important
}

h1,
.h1 {
	font-size: 1.25rem;
	text-transform: uppercase;
	color: #B9002D;
	font-weight: normal!important
}

h2,
.h2 {
	font-size: 1.25rem;
	line-height: 2rem;
	text-transform: uppercase;
	font-weight: normal!important
}

h3,
.h3 {
	color: #B9002D;
	font-size: 1.4rem;
	font-weight: normal!important
}

.btn-primary,
.btn-primary:visited {
	color: #FFF;
	background-color: #B9002D;
	border-color: #B9002D;
	font-weight: bold
}

.btn-primary:hover {
	background-color: #4D4D4D;
	border-color: #4D4D4D
}

.btn-outline-secondary,
.btn-outline-secondary:visited {
	background: #FFF
}

.btn-outline-secondary:hover {
	background: #B9002D
}

.btn-tertiary,
.btn-tertiary:visited {
	background: #62B27B;
	color: #FFF
}

.btn-quaternary,
.btn-quaternary:visited {
	background: #68AEC7;
	color: #FFF
}

.bg-grey {
	background: rgba(112, 112, 112, .1)
}

.bg-red {
	background: #B9002D;
	color: #FFF
}

.bg-light {
	background-color: #FFF!important
}

.bg-light-green {
	background: #89C59C!important
}

.bg-dark-green {
	background: #3B9F5A!important
}

.bg-light-blue {
	background: #8EC2D5!important
}

.bg-dark-blue {
	background: #439ABA!important
}

.blockquote {
	font-size: 1rem;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: .025em
}

.blockquote-footer {
	font-size: 1.25rem;
	line-height: 2.25rem;
	color: #FFF;
	font-weight: bold;
	letter-spacing: 0.05em;
	font-style: normal
}

.blockquote-footer:before {
	content: ""
}

.language-widget {
	list-style: none;
	padding: 0;
	margin: 0
}

.language-widget>li {
	display: inline-block
}

.language-widget > li > a,
.language-widget li>a:visited {
	border-left: 1px solid #EDEDED;
	color: #707070;
	padding: .25rem;
	margin-right: .05rem;
	border-radius: .25em
}

.language-widget li>a:hover,
.language-widget li>a:active,
.language-widget li.active>a {
	color: #B9002D;
	border-color: transparent;
	background: #EDEDED;
	text-decoration: none
}

.language-widget > li:first-child > a,
.language-widget li:first-child > a:visited {
	border-left: 1px solid transparent;
}

.tooltip .tooltip-inner {
	background: #FFF;
	color: #4D4D4D;
	border: 1px solid #707070;
	-webkit-box-shadow: 2px -2px 5px 0 rgba(112, 112, 112, .5);
	-moz-box-shadow: 2px -2px 5px 0 rgba(112, 112, 112, .5);
	box-shadow: 2px -2px 5px 0 rgba(112, 112, 112, .5)
}

.tooltip-inner img {
	margin: 10px 0 20px
}

.tooltip .arrow::before {
	border-top-color: #707070!important
}

.ui.form .field {
	margin-bottom: 0!important
}

.card-pretitle {
	font-size: 1.3rem;
	font-weight: bold;
	color: #707070
}

button.card-title {
	-moz-transition: all .5s linear;
	-webkit-transition: all .5s linear;
	transition: all .5s linear
}

.active button.card-title,
button.card-title:hover,
button.card-title:active {
	text-decoration: none;
	background: #4D4D4D;
	color: #FFF!important
}

.card-title>.small {
	text-transform: none;
	font-size: .8rem;
	font-weight: bold;
	line-height: 1.3rem!important;
	display: block;
	letter-spacing: .075rem
}

.paket-dropdown {
	padding: 0;
	list-style: none;
	text-align: left;
	margin-bottom: 0
}

.paket-dropdown>li {
	background: #EAF4ED;
	border-bottom: 2px solid #FFF;
	padding: .75rem
}

.paket-dropdown>li:first-child {
	border-radius: .5rem .5rem 0 0
}

.paket-dropdown>li:last-child {
	border-radius: 0 0 .5rem .5rem
}

.semanticui-body a.dropdown-item {
	color: #000!important
}

.filter-option-inner-inner {
	color: #000;
	padding-top: .25rem
}

.btn-select {
	color: #707070;
	background-color: #FFF;
	border: 1px solid #707070
}

.bootstrap-select>.dropdown-toggle.bs-placeholder,
.bootstrap-select>.dropdown-toggle.bs-placeholder:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder:hover {
	color: #707070!important
}

.bootstrap-select .dropdown-menu {
	z-index: 99999999
}

.option-select {
	font-weight: bold!important;
	text-transform: uppercase
}

.popover-header {
	background: #FFF;
	font-size: .9rem;
	color: #B9002D
}

#showForm {
	cursor: pointer;
	color: #000;
	text-decoration: underline
}

a.btn {
	line-height: 30px
}

.ui.dropdown.selection {
	width: 100%;
	border: 1px solid #707070;
	color: #707070
}

.ui.checkbox input[type="checkbox"],
.ui.checkbox input[type="radio"] {
	width: 28px;
	height: 28px
}

.ui.checkbox {
	min-height: 28px!important;
	line-height: 28px!important;
	min-width: 28px!important
}

.ui.checkbox .box,
.ui.checkbox label {
	padding-left: 2.5rem!important;
	color: #4D4D4D!important
}

.ui.checkbox .box::before,
.ui.checkbox label::before {
	width: 28px!important;
	height: 28px!important;
	border: 1px solid #707070!important
}

.ui.checkbox .box::after,
.ui.checkbox label::after {
	width: 28px!important;
	height: 28px!important
}

.ui.checkbox input:checked~.box::after,
.ui.checkbox input:checked~label::after {
	content: 'X'!important;
	font: 1.1rem 'ApexNew'!important
}

.ui.checkbox label {
	font-size: .9rem!important
}

.form-breadcrumbs .btn-secondary,
.form-breadcrumbs .btn-secondary:visited {
	background: rgba(112, 112, 112, .1);
	color: #707070;
	border-color: rgba(112, 112, 112, .1)
}

#row_summary .btn-secondary,
#row_summary .btn-secondary:visited {
	background: rgba(112, 112, 112, .1);
	color: #707070;
	border-color: rgba(112, 112, 112, .1)
}

#row_summary .btn-secondary:hover,
#row_summary .btn-secondary:active {
	background: #B9002D;
	color: #FFF;
	border-color: #B9002D
}

.form-breadcrumbs .btn-primary {
	font-weight: normal
}

popover-header {
	padding: 20px
}

a.dropdown-item>span {
	color: #000
}

.bootstrap-select .bs-ok-default::after {
	color: #B9002D
}

.popover-header .close {
	color: #FFF;
	font-weight: bold;
	font-size: 22px;
	background: #B9002D;
	opacity: 1;
	padding: 0 8px;
	border-radius: .25rem
}

.popover-header .close:hover {
	color: #FFF;
	background: #000
}

.semanticui-body a {
	color: #B9002D
}

.semanticui-body a.btn-primary,
.semanticui-body a.btn-primary:visited {
	color: #FFF;
	background: #B9002D;
	border: #B9002D
}

.semanticui-body a.btn-primary:hover,
.semanticui-body a.btn-primary:active {
	color: #FFF;
	background: #707070;
	border: #707070
}

.ui.message {
	position: fixed!important;
	background: #FFF!important;
	border: 1px solid #707070;
	z-index: 9999999;
	padding: 1rem 1rem!important;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	cursor: pointer;
	-webkit-box-shadow: 3px 3px 6px 6px rgba(0, 0, 0, 0.16)!important;
	-moz-box-shadow: 3px 3px 6px 6px rgba(0, 0, 0, 0.16)!important;
	box-shadow: 3px 3px 6px 6px rgba(0, 0, 0, 0.16)!important
}

.ui.message .header {
	font-family: "'ApexNew'!important";
	color: #B9002D!important
}

.ui.message .list:not(.ui) li:before {
	content: ''!important;
	margin: 0 0!important
}

.ui.message .list:not(.ui) li {
	margin: 0 0!important
}

.ui.form textarea {
	border: 1px solid #707070!important;
	min-height: 125px
}

.ui.form textarea:focus {
	border: 1px solid #B9002D!important
}

#imagePreview {
	width: 270px;
	height: 180px;
	padding: 12px;
	margin-top: 6px;
	background: no-repeat center center;
	background-size: contain;
	background-clip: padding-box;
	display: inline-block
}

#row_payment .required.fields:not(.grouped)>.field>.checkbox:after {
	content: ''
}

#row_payment .field:last-child::after {
	content: '*';
	display: inline-block;
	margin-left: 5px
}

#packets .card-body {
	-moz-transition: all .5s linear;
	-webkit-transition: all .5s linear;
	transition: all .5s linear
}

.hint {
	font-size: .75rem!important;
	line-height: 1.2rem;
	display: inline-block;
	text-transform: none;
	margin-top: 4px
}


.not-selected {
	opacity: .33
}

.ui.form input:not([type]),
.ui.form input[type="date"],
.ui.form input[type="datetime-local"],
.ui.form input[type="email"],
.ui.form input[type="file"],
.ui.form input[type="number"],
.ui.form input[type="password"],
.ui.form input[type="search"],
.ui.form input[type="tel"],
.ui.form input[type="text"],
.ui.form input[type="time"],
.ui.form input[type="url"],
.ui.selection.dropdown {
	font-family: "ApexNew"!important;
	border: 1px solid #707070!important
}

.ui.form input:not([type]):focus,
.ui.form input[type="date"]:focus,
.ui.form input[type="datetime-local"]:focus,
.ui.form input[type="email"]:focus,
.ui.form input[type="file"]:focus,
.ui.form input[type="number"]:focus,
.ui.form input[type="password"]:focus,
.ui.form input[type="search"]:focus,
.ui.form input[type="tel"]:focus,
.ui.form input[type="text"]:focus,
.ui.form input[type="time"]:focus,
.ui.form input[type="url"]:focus,
.ui.selection.dropdown:focus {
	border: 1px solid #B9002D!important
}

.ui.form .field.error input:not([type]),
.ui.form .field.error input[type="date"],
.ui.form .field.error input[type="datetime-local"],
.ui.form .field.error input[type="email"],
.ui.form .field.error input[type="file"],
.ui.form .field.error input[type="number"],
.ui.form .field.error input[type="password"],
.ui.form .field.error input[type="search"],
.ui.form .field.error input[type="tel"],
.ui.form .field.error input[type="text"],
.ui.form .field.error input[type="time"],
.ui.form .field.error input[type="url"],
.ui.form .field.error select,
.ui.form .field.error textarea,
.ui.form .fields.error .field input:not([type]),
.ui.form .fields.error .field input[type="date"],
.ui.form .fields.error .field input[type="datetime-local"],
.ui.form .fields.error .field input[type="email"],
.ui.form .fields.error .field input[type="file"],
.ui.form .fields.error .field input[type="number"],
.ui.form .fields.error .field input[type="password"],
.ui.form .fields.error .field input[type="search"],
.ui.form .fields.error .field input[type="tel"],
.ui.form .fields.error .field input[type="text"],
.ui.form .fields.error .field input[type="time"],
.ui.form .fields.error .field input[type="url"],
.ui.form .fields.error .field select,
.ui.form .fields.error .field textarea {
	border-color: #B9002D!important;
	background: rgba(185, 0, 45, .25)!important
}

.error li+li {
	padding-top: .5rem!important
}

.ui.form .field.error .ui.dropdown,
.ui.form .field.error .ui.dropdown .item,
.ui.form .fields.error .field .ui.dropdown,
.ui.form .fields.error .field .ui.dropdown .item {
	background: rgba(185, 0, 45, .25)!important;
	color: #000!important;
	border-color: #B9002D!important
}

.ui.form .field.error .ui.dropdown .text {
	background: transparent!important;
	color: #000!important
}

.ui.form .field.error .ui.dropdown,
.ui.form .fields.error .field .ui.dropdown {
	border-color: #B9002D!important
}

.error .ui.checkbox label:before {
	border-color: #B9002D!important;
	background: rgba(185, 0, 45, .25)!important
}

.ui.button {
	background: #B9002D!important;
	color: #FFF!important
}

.custom-error {
	padding: 1rem .25rem;
	color: #B9002D!important;
	font-size: .8rem!important;
	font-weight: bold;
	letter-spacing: .05rem
}

#row-land .error>div {
	border: 1px solid #B9002D!important
}

.ui.form input[disabled=""] {
	border: 1px solid #CCC!important;
	background: rgba(127, 127, 127, .1)!important
}

input::placeholder {
	color: #000!important;
	opacity: 1!important
}

.individual {
	text-transform: none
}

#button-submit,
#button-summary,
#button-payment {
	background-color: #B9002D;
	color: #FFF;
	border-color: transparent;
	-moz-transition: all .5s linear;
	-webkit-transition: all .5s linear;
	transition: all .5s linear
}

#button-submit:hover,
#button-summary:hover,
#button-submit:hover,
#button-submit:active,
#button-summary:active,
#button-payment:active {
	background-color: #4D4D4D;
	border-color: #4D4D4D
}

.card-upload {
	background: #F5F5F5!important;
	padding: 1rem;
	border: 1px solid #707070!important;
	border-radius: .25rem!important
}

.op-6 {
	opacity: .6
}

.navbar {
	min-height: 60px;
	padding: 0 1rem;
	border-bottom: 1px solid rgba(77, 77, 77, .25)
}

.navbar>.container {
	padding: 0
}

.navbar-brand {
	padding: 0;
	margin: 0
}

.navbar-brand>img {
	width: 225px
}

.navbar-toggler {
	padding: 0;
	border: 0;
	outline: 0
}

.navbar.navbar-main .navbar-toggler-icon {
	background-image: url('/templates/ww/images/hamburger.svg');
	width: 2rem;
	height: 2rem
}

#mainNavigation .navbar-nav {
	padding-top: 16px
}

#mainNavigation .navbar-nav>.nav-item {
	padding: 0 .5em;
	border-radius: .25em;
	display: block
}

#mainNavigation .navbar-nav>.nav-item+.nav-item {
	border-top: 1px solid #FFF
}

#mainNavigation .navbar-nav>.nav-item:not(.active)+.nav-item:not(.active) {
	border-top: 1px solid #EDEDED
}

#mainNavigation .navbar-nav .nav-link {
	text-transform: uppercase
}

#mainNavigation .navbar-nav>.nav-item.active {
	background: #EDEDED
}

.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show>.nav-link {
	color: #B9002D
}

.navbar-light .navbar-nav .nav-item:hover {
	background: #EDEDED
}

.navbar-light .navbar-nav .nav-link {
	color: #707070
}

.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
	color: #B9002D
}

.open {
	padding-top: 5px
}

.close {
	font-size: 3rem;
	font-weight: normal;
	text-shadow: none;
	color: #707070;
	position: absolute;
	right: 15px
}

.close:hover {
	color: #B9002D
}

.jumbotron {
	color: #FFF;
	background: url("/templates/ww/images/headerbild_sm.jpg") no-repeat center;
	background-size: cover;
	height: auto;
	width: 100%;
	padding: 1rem;
	min-height: 265px;
	margin-top: 60px;
	margin-bottom: 0
}

.jumbotron-container {
	min-height: 265px;
	position: relative
}

.jumbotron-text {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	font-weight: bold;
	letter-spacing: .05rem;
	font-size: 1.75rem;
	text-transform: uppercase
}

.jumbotron-small {
	min-height: 300px!important;
	max-height: 300px!important;
	height: 300px!important
}

.card {
	border: none;
	border-radius: 0;
	background: transparent
}

a.card {
	text-decoration: none
}

.card-text {
	margin-bottom: 1rem;
	display: block
}

.card-body {
	padding: 0
}

.card-title {
	display: block;
	font-size: 1.15rem;
	color: #B9002D;
	text-transform: uppercase
}

.cards-red .card-title {
	padding: 1rem;
	background: #B9002D;
	color: #FFF;
	text-transform: uppercase;
	margin-bottom: .75rem;
	border-radius: .25rem;
	border: none
}

.cards-red a.card {
	color: #000;
	text-decoration: none
}

.cards-red a.card:hover .card-title,
.cards-red a.card:hover .btn {
	background: #4D4D4D;
	border-color: #4D4D4D
}

.cards_red .card-text strong {
	font-weight: normal!important;
	text-transform: uppercase!important
}

.semanticui-body button.card-title {
	font: 1.25rem/1.5 "ApexNew"!important
}

.semanticui-body button.card-title:hover {
	background: #4D4D4D
}

.cards-red .card-body {
	background: rgba(112, 112, 112, .1);
	border-radius: .25rem
}

.cards-red .card-text>strong {
	font-size: 1.3rem;
	display: block;
	color: #4D4D4D
}

.cards-grey .card-title {
	color: #B9002D;
	text-transform: uppercase
}

.cards-grey .card-img-top {
	width: 36px;
	height: 36px
}

.bg-grey .card-text strong {
	font-weight: normal!important;
	text-transform: uppercase!important
}

.cards-bg-red .card-title {
	color: #FFF
}

.cards-bg-red a.card {
	color: #FFF
}

.cards-bg-red .btn-primary {
	border: 1px solid #FFF
}

.cards-bg-red .btn-primary:hover {
	border: 1px solid #4D4D4D
}

#accordion>.card>.card-header {
	background: #B9002D;
	border-radius: 0;
	border: 0;
	border-bottom: 2px solid #FFF;
	-moz-transition: all .5s linear;
	-webkit-transition: all .5s linear;
	transition: all .5s linear
}

#accordion>.card>.card-header.active {
	background: #707070
}

#accordion>.card:first-child>.card-header {
	border-radius: .25rem .25rem 0 0
}

#accordion>.card:last-child>.card-header {
	border-radius: 0 0 .25rem .25rem
}

#accordion>.card>.card-header button {
	font-family: "ApexNew";
	font-weight: bold;
	color: #FFF;
	-moz-transition: all .5s linear;
	-webkit-transition: all .5s linear;
	transition: all .5s linear
}

.tooltipster-box {
	background: #FFF!important;
	opacity: .95;
	border-radius: .25rem;
	border: 1px solid #707070!important
}

footer {
	background: #4D4D4D;
	color: #FFF;
	font-size: .70rem;
	letter-spacing: .03rem
}

footer a,
footer a:visited {
	color: #FFF
}

footer a:hover,
footer a:active {
	color: #B9002D;
	text-decoration: none
}

.footer .nav-link {
	color: #FFF;
	text-transform: uppercase;
	padding: .25rem 0;
	font-size: .75rem
}

.footer .nav-link:hover {
	color: #B9002D
}

#com_glossary {
	padding: 0;
	margin-top: 115px
}

#com_glossary>h1 {
	display: none!important
}

.seopagination {
	text-align: center!important
}

#com_glossary .seopagination ul>li.active>a,
#com_glossary .seopagination ul>li.active>span {
	background: #B9002D;
	color: #FFF;
	border-radius: .25rem!important
}

#seog-top-pagination>ul {
	margin: 0 auto 25px
}

table.flat#glossarylist {
	border-spacing: 0!important
}

table#glossarylist.flat.glossaryclear thead th {
	background-color: #B9002D;
	border-radius: 0 .25rem 0 0;
	font-weight: bold
}

table#glossarylist.flat.glossaryclear thead th.glossary25 {
	border-radius: .25rem 0 0
}

.glossaryalphabet.seopagination {
	margin-bottom: 1.25rem
}

.seopagination-list>li:hover {
	background: #B9002D;
	border-radius: .25rem
}

.seopagination-list>li:hover>a {
	color: #FFF!important
}

.flat.glossaryclear tr.row0 {
	background-color: #FFF
}

#com_glossary .seopagination-list>li {
	padding: 2px
}

#com_glossary .seopagination-list .glossletselect {
	background: #B9002D;
	display: inherit;
	width: auto;
	height: auto;
	line-height: inherit;
	color: #FFF;
	padding: 10px;
	-webkit-border-radius: .25rem!important;
	-moz-border-radius: .25rem!important;
	border-radius: .25rem!important
}

.table#glossarylist .btn {
	color: #FFF
}

abbr {
	border-color: #B9002D!important
}

#glossarylist h2,
#glossarylist h1 {
	font-size: 1.25em
}

.back-button input {
	border: none;
	background: transparent;
	font-weight: bold;
	margin-bottom: .5rem
}

#redim-cookiehint {
	width: 100%;
	padding: 20px;
	box-sizing: border-box;
	position: fixed;
	box-shadow: 0 -5px 5px -5px #333;
	border-bottom: 1px solid #CCC;
	background-color: #FFF;
	color: #000;
	z-index: 9999999;
	bottom: 0;
	text-align: center
}

#redim-cookiehint.hidden {
	display: none;
	visibility: hidden
}

.containerfullwidth {
    margin: 40px -16px 0;
}

@media (max-width:767.98px) {
	#seog-glossary-description {
		padding: 0 15px
	}
	.f-center {
		text-align: right
	}

	.main-container>.container {
		padding: 0 0!important
	}
	.btn-group-lg>.btn,
	.btn-lg {
		font-size: 1.15rem
	}
	.dropdown-menu {
		font-size: .9rem;
		min-width: 100%!important
	}
	.spacer {
		margin-top: 80px
	}
	.bootstrap-select .dropdown-menu li a.opt {
		padding-left: 1rem;
		padding-right: 1rem
	}
	#checkbox_hilfe+label {
		font-size: 14px!important
	}
	#packets .not-selected {
		display: none
	}
	.offcanvas-collapse {
		position: fixed;
		top: 0;
		bottom: 0;
		left: 100%;
		width: 0;
		padding-right: 1rem;
		padding-left: 1rem;
		overflow-y: auto;
		background-color: #FFF;
		transition-timing-function: ease-in-out;
		transition-duration: .3s;
		transition-property: left, width
	}
	.offcanvas-collapse.open {
		left: 0;
		display: block;
		width: 100%
	}
	.container:not(.frontpage) .col-12:not(.no-gap)+.col-12:not(.no-gap) {
		margin-top: 3rem
	}
	.cards-grey .col-12+.col-12 {
		margin-top: 3rem
	}
	.bg-grey .col-12+.col-12,
	.form-breadcrumbs .col-12+.col-12,
	#packets .col-12+.col-12 {
		margin-top: 1rem!important
	}
	.question-row .col-12+.col-12 {
		margin-top: 0!important
	}
	#row-markenart .field {
		margin-bottom: 10px!important
	}
	#row-markenart .col-12+.col-12 {
		margin-top: 1rem!important
	}
	.nizza {
		margin-top: 1rem!important;
		text-align: center
	}
	.dropdown-menu.show {
		max-width: 100%!important;
		min-width: 100%!important
	}
	.popover-header {
		padding-right: 45px!important
	}

	.nav-right > .language-widget {
		display: none !important;
	}
}

@media (min-width:768px) {
	#brand-image {
		max-width: 50%
	}
	body {
		font-size: 1em
	}
	h1,
	.h1 {
		font-size: 1.75rem
	}
	h2,
	.h2 {
		font-size: 1.75rem
	}
	.jumbotron {
		background-image: url("/templates/ww/images/headerbild.jpg");
		min-height: 375px
	}
	.jumbotron-container {
		min-height: 375px
	}
	.jumbotron-text {
		margin-bottom: 0
	}
	.offcanvas-collapse {
		position: fixed;
		right: 20px;
		background: #FFF;
		border: none;
		z-index: 1200;
		top: 4px;
		padding: 0 25px 20px;
		border-radius: .25em;
		transition-timing-function: ease-in-out;
		transition-duration: .3s;
		transition-property: left, visibility;
		visibility: hidden;
		-webkit-box-shadow: 3px 3px 6px 6px rgba(0, 0, 0, 0.16);
		-moz-box-shadow: 3px 3px 6px 6px rgba(0, 0, 0, 0.16);
		box-shadow: 3px 3px 6px 6px rgba(0, 0, 0, 0.16)
	}
	.offcanvas-collapse.open {
		visibility: visible
	}
	.bg-red .card-title {
		font-size: 1.1rem
	}
	.blockquote {
		font-size: 2rem;
		line-height: 2.25rem
    }
    
    .containerfullwidth {
        margin: 40px 0 0;
    }
}

@media (min-width:768px) and (max-width:860px) {
	.form-breadcrumbs .btn {
		font-size: .9rem
	}
	.semanticui-body button.card-title {
		font-size: 1.05rem!important
	}
}

@media (min-width:768px) and (max-width:920px) {
	.card-title {
		font-size: .94rem
	}
	.card .btn {
		font-size: .8rem
	}
}

@media (min-width:768px) and (max-width:992px) {
	.container {
		max-width: 990px!important
	}
}

@media (min-width:992px) {
	.navbar-brand>img {
		width: 350px
	}
}



@media (min-width:920px) and (max-width:960px) {
	.btn-group-lg>.btn,
	.btn-lg {
		font-size: 1rem
	}
}

@media (min-width:960px) and (max-width:1200px) {
	.btn-group-lg>.btn,
	.btn-lg {
		font-size: 1.1rem
	}
}

@media (min-width:1200px) {
	.jumbotron {
		min-height: 350px;
		margin-top: 90px;
		padding:10px 0 0 0;
	}
	.jumbotron-container {
		min-height: 300px
	}
	.navbar.navbar-main .navbar-toggler-icon {
		width: 3rem;
		height: 3rem
	}
	.navbar {
		min-height: 90px
    }
    
    .containerfullwidth {
        margin: 72px 0 0;
    }
}