/* ubuntu-300 - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Ubuntu';
	font-style: normal;
	font-weight: 300;
	src: url('../fonts/ubuntu-v21-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* ubuntu-regular - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Ubuntu';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/ubuntu-v21-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* ubuntu-500 - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Ubuntu';
	font-style: normal;
	font-weight: 500;
	src: url('../fonts/ubuntu-v21-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* ubuntu-500italic - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Ubuntu';
	font-style: italic;
	font-weight: 500;
	src: url('../fonts/ubuntu-v21-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* ubuntu-700 - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Ubuntu';
	font-style: normal;
	font-weight: 700;
	src: url('../fonts/ubuntu-v21-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* ubuntu-700italic - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Ubuntu';
	font-style: italic;
	font-weight: 700;
	src: url('../fonts/ubuntu-v21-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}



:root {
	--schwarz: #000000;
	--weiss: #E2E2E2;
	--grau: #666666;
	--bgcolor: #1E2020;
	
	--maincolor: #111414;
	--actioncolor: #D3B889;
	
	--basefont: 'Ubuntu', Arial, Helvetica;
	--bold: 700;
	--medium: 500;
	--regular: 400;
	--fontsize: 120%;
	--lineheight: 135%;
	--text-l: 120%;
	
	--abstand1: 1vh;
	--abstand2: 2vh;
	--abstand3: 3vh;
	--abstand4: 4vh;
	--abstand5: 5vh;
	--abstand7: 7vh;
	--abstand10: 10vh;
	
	--headerheight: 100px;
	--logowidth: 170px;
	--klickmenuwidth: 100px;
	--seitenrand: 5vw;
	--socialmediaicons: 25px;
	--arrowwidth: 20px;
	--adminspace: 73px;
	
	--serviceicon-size: 80px;
	--serviceicon-fontsize: 35px;
	
	--maxwidthcontent: 1440px;
}






/* !ADMIN */

ul.tabs {
	border-bottom: solid 1px #CCCCCC;
	margin-top: 50px !important;
}

ul.tabs a,
ul.tabs a:visited {
	color: var(--weiss);
}

ul.tabs a:hover,
ul.tabs a:active {
	color: var(--maincolor);
}

ul.tabs a.is-active {
	color: var(--schwarz);
	font-weight: var(--medium);
}


label.js-form-required:after {
	content: "*";
}

.views-field-edit-node a:link,
.views-field-edit-node a:visited {
	color: red;
	padding: 3px 10px;
	border: solid 1px red;
	background-color: var(--weiss);
}

.views-field-edit-node a:hover,
.views-field-edit-node a:active {
	color: var(--weiss) !important;
	background: red;
	padding: 3px 10px;
	border: solid 1px red;
}


div.tabs {
	margin: 1em 0;
}
ul.tabs {
	list-style: none;
	margin: 0 0 0.5em;
	padding: 0;
}
.tabs > li {
	display: inline-block;
	margin-right: 0.3em; /* LTR */
}
[dir="rtl"] .tabs > li {
	margin-left: 0.3em;
	margin-right: 0;
}
.tabs a {
	display: block;
	padding: 0.2em 1em;
	text-decoration: none;
}
.tabs a.is-active {
	background-color: #eee;
}
.tabs a:focus,
.tabs a:hover {
	background-color: #f5f5f5;
}

a.admin-css-edit-button,
a.admin-css-edit-button:visited {
	display: table;
	background: var(--weiss);
	text-transform: uppercase;
	padding: 4px 20px;
	color: var(--schwarz);
	font-size: 90;
	margin-bottom: 10px;
}

a.admin-css-edit-button:hover,
a.admin-css-edit-button:active {
	color: var(--actioncolor);
	background: var(--weiss);
}

.views-field-operations {
	display: table;
}

.views-field-operations a,
.views-field-operations a:visited {
	text-transform: uppercase;
	color: var(--schwarz);
	font-size: 90;
}

.views-field-operations a:hover,
.views-field-operations a:active {
	color: var(--actioncolor);
}

/* !COLORBOX */

#cboxPrevious,
#cboxPrevious:hover {
	background-image:url('../images/galprev.png') !important;
	width:33px !important;
	height:33px !important;
	background-position: left top !important;
	background-size: 100% 100% !important;
	margin-top: 0px !important;
	-webkit-transform: translateY(-50%) !important;
	-moz-transform: translateY(-50%) !important;
	transform: translateY(-50%) !important;
}

#cboxNext,
#cboxNext:hover {
	background-image:url('../images/galnext.png') !important;
	width:33px !important;
	height:33px !important;
	background-position: left top !important;
	background-size: 100% 100% !important;
	margin-top: 0px !important;
	-webkit-transform: translateY(-50%) !important;
	-moz-transform: translateY(-50%) !important;
	transform: translateY(-50%) !important;
}

#cboxClose,
#cboxClose:hover {
	background-image:url('../images/galclose.png') !important;
	background-size: 100% 100% !important;
	background-position: left top !important;
	width:33px !important;
	height:33px !important;
	top:-7px !important;
	right:-7px !important;
}
#cboxOverlay {
	background:var(--weiss) !important;
}

#cboxContent {
	background:var(--weiss) !important;
	overflow: visible !important;
}

#cboxLoadedContent {
	border: 12px solid var(--weiss) !important;
	background: var(--weiss) !important;
}

#cboxWrapper {
	background:transparent !important;
	padding-top:0px !important;
	overflow: visible !important;
}

#cboxTitle {
	left:12px !important;
	top:-18px !important;
	color: var(--schwarz) !important;
	display: none !important;
}

#cboxCurrent {
	right:12px !important;
	top:-18px !important;
	color:var(--schwarz) !important;
	display: none !important;
}


#cboxLoadedContent {
	border: 0px !important;
	overflow: visible !important;
}

#colorbox, #cboxOverlay, #cboxWrapper {
	overflow: visible !important;
}


/* !Login und Pass-Form */

.user-login-form {
	display: table;
	width: 100%;
}

.user-login-form .form-type-textfield,
.user-login-form .form-type-password  {
	width: calc(50% - 20px);
	float: left;
	margin-right: 20px;
}

.user-login-form .js-form-type-checkbox {
	clear: both;
	padding-top: 20px;
	display: table;
}


.user-login-form .js-form-item input[type="text"],
.user-pass .js-form-item input[type="text"],
.user-login-form .js-form-item input[type="password"],
.user-pass .js-form-item input[type="password"]  {
	width: 100%;
	padding: 5px;
	box-sizing: border-box;
	border-radius: 0px;
	border: 0px;
	background: var(--grau);
	color: var(--weiss);
	padding: 10px 20px;
	box-shadow: ActiveBorder;
}

.user-login-form .form-actions,
.user-pass .form-actions {
	margin-top: var(--abstand10);
}


/* !ALLGEMEIN */

body {
	font-size: var(--fontsize);
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	line-height: var(--lineheight);
	
	padding: 0px;
	margin: 0px;
	background: var(--schwarz);
	color: var(--weiss);
}


html,
button,
input,
select,
textarea {
	font-family: var(--basefont);
	font-style: normal;
	font-weight: var(--regular);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;  
}

.node--type-error-page .field--name-body {
	font-size: 500%;
	line-height: 100%;
}


a,
a:visited {
	text-decoration: none;
}

a:hover,
a:active {
	text-decoration: none;
} 

.node__content a,
.node__content a:visited {
	text-decoration: none;
	color: var(--actioncolor);
}

.node__content a:hover,
.node__content a:active {
	text-decoration: none;
	color: var(--grau);
}


h1 {
	font-style: normal;
	font-size: 430%;
	line-height: 115%;
	margin: 0px;
	padding: 0px;
	font-weight: var(--medium);
}


h2,
.p-titel-text .bg-actioncolor .p-titel-text-titelblock h3 {
	font-size: 300%;
	line-height: 115%;
	font-weight: var(--medium);
	margin: 30px 0px var(--abstand2) 0px;
}


h3 {
	font-size: 220%;
	line-height: 125%;
	margin: 30px 0px var(--abstand2) 0px;
	font-weight: var(--medium);
}

h4,
.likeh4 {
	font-size: 160%;
	line-height: 125%;
	margin: 30px 0px var(--abstand2) 0px;
	font-weight: var(--medium);
}

h5 {
	text-transform: uppercase;
	color: var(--actioncolor);
	margin: var(--abstand2) 0px var(--abstand2) 0px;
	font-size: var(--text-l);
	line-height: var(--lineheight);
	letter-spacing: 1px;
	font-weight: var(--medium);
}

p {
	padding: 0px;
	margin: 0px 0px 20px 0px;
}

.text-s {
	font-size: 75%;
	line-height: var(--lineheight);
}

/* !LAYOUT */

.layout-container {
	padding-top: var(--headerheight);
}

.maxwidth {
	margin-left: var(--seitenrand);
	margin-right: var(--seitenrand);
}


.maxwidthcontent,
.user-login-form,
.user-pass,
.profile {
	max-width: var(--maxwidthcontent);
	margin-left: auto;
	margin-right: auto;
}


/*  !HEADER */ 

header {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: var(--headerheight);
	background: var(--maincolor);
	z-index: 99;
}

body.user-logged-in header {
	top: var(--adminspace);
}

.region-header {
	position: relative;
	margin-left: auto;
	margin-right: auto;
}


.block-system-branding-block {
	text-align: center;
	display: flex;
	margin-left: auto;
	margin-right: auto;
	height: var(--headerheight);
	justify-content: center;
	align-items: center;
}

.block-system-branding-block img {
	width: auto;
	height: calc(var(--headerheight) / 2.1);
	margin-top: 8px;
}

.headerbutton {
	position: absolute;
	right: var(--seitenrand);
	top: 50%;
	-webkit-transform: translateX(0%) translateY(-50%);
	-moz-transform: translateX(0%) translateY(-50%);
	transform: translateX(0%) translateY(-50%);
}

.sprachwahl {
	position: absolute;
	top: 50%;
	right: calc(var(--seitenrand) + 320px);
	-webkit-transform: translateX(0%) translateY(-50%);
	-moz-transform: translateX(0%) translateY(-50%);
	transform: translateX(0%) translateY(-50%);
}

.sprachwahl ul.links {
	list-style: none;
	text-transform: uppercase;
	padding: 0px;
	margin: 0px;
	display: flex;
	flex-direction: row;
}

.sprachwahl ul.links li > a,
.sprachwahl ul.links li > a:visited {
	display: block;
	padding: 10px 7px;
	box-sizing: border-box;
	color: var(--actioncolor);
	font-weight: var(--medium);
}

.sprachwahl ul.links li > a:hover,
.sprachwahl ul.links li > a:active,
.sprachwahl ul.links li > a.is-active {
	color: var(--weiss);
}


/* !BUTTONS */


.button-flex {
	display: flex;
	flex-direction: row;
	flex-wrap: initial;
	margin-top: var(--abstand3);
}

.button-flex > button:not(:last-child) {
	margin-right: 15px;
}

.button-flex > button {
	margin-bottom: 10px;
}

button {
	display: table;
	text-align: center;
	text-transform: uppercase;
	border: 0px;
	background: transparent;
	font-size: 85%;
	line-height: var(--lineheight);
	
}

main button {
	min-width: 250px;
}

button a,
button a:visited {
	display: block;
	font-weight: var(--bold);
	letter-spacing: 1px;
	border-radius: 40px;
	padding: 13px 30px;
	box-sizing: border-box;
	white-space: nowrap;
	
	-webkit-transition: all .35s ease;
	 transition: all .35s ease;
}

button a:hover,
button a:active {
	cursor: pointer;
	-webkit-transition: all .35s ease;
	 transition: all .35s ease;
}


button.headerbutton a,
button.headerbutton a:visited {
	color: var(--schwarz);
	background-color: var(--actioncolor);
}

button.headerbutton a:hover,
button.headerbutton a:active {
	color: var(--schwarz);
	background-color: var(--weiss);
}

button.standard a,
button.standard a:visited {
	color: var(--schwarz);
	background-color: var(--actioncolor);
}

button.standard a:hover,
button.standard a:active {
	color: var(--schwarz);
	background-color: var(--weiss);
}

.bg-actioncolor button.standard a,
.bg-actioncolor button.standard a:visited {
	color: var(--weiss);
	background-color: var(--schwarz);
}

.bg-actioncolor button.standard a:hover,
.bg-actioncolor button.standard a:active {
	color: var(--schwarz);
	background-color: var(--weiss);
}

button.textlink a,
button.textlink a:visited {
	color: var(--weiss);
	background-color: transparent;
	padding-left: 0px;
	padding-right: 0px;
	border-radius: 0px !important;
	letter-spacing: 1px;
	text-align: left;
}

button.textlink a:hover,
button.textlink a:active {
	color: var(--actioncolor);
	background-color: transparent;
}

button.textlink a svg {
	color: var(--actioncolor);
}

/* !MENU */

.menuklick {
	position: absolute;
	top: 0%;
	left: 0vw;
	z-index: 99;
	height: var(--headerheight);
	width: calc(var(--klickmenuwidth) + var(--seitenrand));
	display: block !important;
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
}

.topmenutrigger {
	border: none;
	width: var(--klickmenuwidth);
	height: var(--headerheight);
	text-indent: -900em;
	overflow: hidden;
	cursor: pointer;
	outline: none;
	top: 50%;
	left: calc(var(--seitenrand) - 20px);
	z-index: 94;
	position: absolute;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
}

.topmenutrigger-container {
	position: relative;
	margin-left: 20px;
	margin-right: 20px;
	height: var(--headerheight);
}
	 
.topmenutrigger span {
	background: var(--actioncolor);
	border: none;
	height: 2px;
	border-radius: 0px;
	width: 100%;
	position: absolute;
	top: 50%;
	left: 0%;
	cursor: pointer;
	 -webkit-transition: all .35s ease;
	transition: all .35s ease;
	display: block;
}


.topmenutrigger span {
	background: var(--actioncolor);
}

.topmenutrigger span:nth-of-type(1) {
	-webkit-transform: translateY(-11px);
	-moz-transform: translateY(-11px);
	transform: translateY(-11px);
}

.topmenutrigger span:nth-of-type(2) {
	width: 90%;
}

.topmenutrigger span:nth-of-type(3) {

	width: 80%;
	-webkit-transform: translateY(11px);
	-moz-transform: translateY(11px);
	transform: translateY(11px);
}

.topmenutrigger.active span {
		top: 50%;
}



/* AKTIVE MIT PFEIL ZURÜCK
.topmenutrigger.active .top {
	-moz-transform: translateY(0px) translateX(0%) rotate(-45deg);
	-webkit-transform: translateY(0px) translateX(0%) rotate(-45deg);
	transform: translateY(0px) translateX(0%) rotate(-45deg);
	transform-origin: left top;
	background: var(--weiss);
	width:50%;
	left: 0%;
}

.topmenutrigger.active .middle {
	background: var(--weiss);
	width:100%;
}
.topmenutrigger.active .bottom {
	-moz-transform: translateY(0px) translateX(0%) rotate(45deg);
	-webkit-transform: translateY(0px) translateX(0%) rotate(45deg);
	transform: translateY(0px) translateX(0%) rotate(45deg);
	transform-origin: left top;
	width:50%;
	background: var(--weiss);
	left: 0%;

}
*/

.topmenutrigger.active .top {
	-moz-transform: translateY(0px) translateX(0%) rotate(45deg);
	-webkit-transform: translateY(0px) translateX(0%) rotate(45deg);
	transform: translateY(0px) translateX(0%) rotate(45deg);
	
	background: var(--actioncolor);
	width:50px;
	right: 0%;
	height: 2px;
}
.topmenutrigger.active .middle {
	display: none;
	background: var(--actioncolor);
	right:40px;
}
.topmenutrigger.active .bottom {
	-moz-transform: translateY(0px) translateX(0%) rotate(-45deg);
	-webkit-transform: translateY(0px) translateX(0%) rotate(-45deg);
	transform: translateY(0px) translateX(0%) rotate(-45deg);
	width:50px;
	background: var(--actioncolor);
	right: 0%;
	height: 2px;
}


.region-primary-menu {
	position: fixed;
	left: 0px;
	top: var(--headerheight);
	width: 100%;
	height: calc(100vh -  var(--headerheight));
	z-index: 98;
	background: rgba(17, 20, 20,0.7);
	overflow: auto;
	display: none;
}

.topmenu-wrapper {
	background: var(--schwarz);
	height: calc(100vh - var(--headerheight));
	overflow: auto;
	padding: 30px var(--seitenrand) 150px var(--seitenrand);
	box-sizing: border-box;
	width: 50%;
}

.topmenu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.topmenu ul.level1 > li.mlevel1 {
	margin-bottom: 10px;
	position: relative;
}

.topmenu ul.level1 > li.mlevel1 > a,
.topmenu ul.level1 > li.mlevel1 > a:visited {
	color: var(--weiss);
	font-size: 300%;
	line-height: var(--lineheight);
	font-weight: var(--regular);	
	padding: 12px 0px 0px 0px;
	box-sizing: border-box;
	display: block;
}

.topmenu ul.level1 > li.mlevel1 > a:hover,
.topmenu ul.level1 > li.mlevel1 > a:active {
	color: var(--actioncolor);

}

.topmenu ul.level1 > li.mlevel1 > a.is-active,
.topmenu ul.level1 > li.mlevel1.menu-item--active-trail > a {
	font-style: italic;
	color: var(--actioncolor);
	font-weight: var(--medium);
}

.topmenu li .expander {
	display: block;
	position: absolute;
	right: 0px;
	top: 22px;
	width: 24px;
	height: 24px;
	background-image: url("../images/expander-open.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	top: 10px;
	background: yellow;
}

/*
.topmenu li.open .expander {
	background-image: url("../images/expander-close.svg");
}

*/

.topmenu ul.level1 > li:not(.menu-item--active-trail) ul.level2 {
	display: none;
}

.topmenu ul.level2 > li.mlevel2 {
	margin-bottom: 3px;
}

.topmenu ul.level2 > li.mlevel2 > a,
.topmenu ul.level2 > li.mlevel2 > a:visited {
	color: var(--weiss);
	font-size: 170%;
	line-height: var(--lineheight);
	font-weight: var(--regular);	
	padding: 3px 0px 0px 45px;
	box-sizing: border-box;
	display: block;
	background-image: url("../images/subnavicon.svg");
	background-repeat: no-repeat;
	background-position: 3px 60%;
	background-size: auto 45%;
}

.topmenu ul.level2 > li.mlevel2 > a:hover,
.topmenu ul.level2 > li.mlevel2 > a:active {
	color: var(--actioncolor);

}

.topmenu ul.level2 > li.mlevel2 > a.is-active,
.topmenu ul.level2 > li.mlevel2.menu-item--active-trail > a {
	font-style: italic;
	color: var(--actioncolor);
	font-weight: var(--medium);
}





/* Suche im Content */

.region-content .search-form input.js-form-submit {
	margin-top: 1em;
	background-color: var(--actioncolor);
	color: var(--weiss);
	border-style: none;
	padding: 10px 25px;
}

.region-content .search-form input.js-form-submit:hover {
	background-color: var(--grau);
}

.region-content .search-form input.form-search {
	padding: 8px 25px;
	box-sizing: border-box;
}

.region-content .search-form label {
	clear: both;
	display: block;
}

.region-content .search-form .search-help-link {
	font-size: 80%;
}

/* !ACCORDION */


.ui-widget {
	font-family: var(--fontfamily) !important;
}

.ui-accordion .ui-accordion-header {
	position: initial;
}

.ui-accordion .ui-accordion-header h4 {
	margin: 0px !important;
	padding: 0px !important;
	font-weight: var(--bold);
}
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	margin: 8px 0 0 0;
	padding: 0px 0px 5px 0px;
	border-radius: 0px !important;
	border: solid 0px var(--maincolor);
	
	color: var(--schwarz);
}

.ui-icon, .ui-widget-content .ui-icon {
	position: absolute;
	right: 0px;
	top: 50%;
	
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
}

.ui-corner-all, .ui-corner-bottom, 
.ui-corner-right, .ui-corner-br {
	border-bottom-right-radius: 0px;
}

.ui-corner-all, .ui-corner-bottom, 
.ui-corner-left, .ui-corner-bl {
	border-bottom-left-radius: 0px;
}

.ui-corner-all, .ui-corner-top, 
.ui-corner-left, .ui-corner-tl {
	border-top-left-radius: 0px;
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
	border-top-right-radius: 0px;
}

.ui-state-hover, 
.ui-widget-content .ui-state-hover, 
.ui-widget-header .ui-state-hover, 
.ui-state-focus, 
.ui-widget-content .ui-state-focus, 
.ui-widget-header .ui-state-focus, 
.ui-button:hover, .ui-button:focus {
	border: 0px solid #cccccc;
	background: var(--actioncolor);
	font-weight: normal;
	color: var(--maincolor) !important;
}

.ui-dialog .ui-button:focus {
	background: none !important:
}



.ui-accordion .ui-accordion-header,
.ui-accordion .ui-accordion-header.ui-state-focus,
.ui-accordion .ui-accordion-header.ui-state-default {
		display: flex !important;
		cursor: pointer !important;
		margin: 2px 0 0 0 !important;
		padding: var(--abstand3) 70px var(--abstand3) 0px !important;
		background-color:transparent !important;
		border-bottom: solid 1px var(--weiss) !important;
		align-items:flex-start !important;
		flex-wrap: wrap !important;
		position: relative;
}



	
.acc-fontsize {
	font-size: 130%;
	line-height: var(--lineheight);
}
	

.ui-accordion .ui-accordion-header.ui-state-hover {
	background-color: transparent;
	color: var(--weiss) !important;
	
		
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
}

.ui-accordion .ui-accordion-header.ui-state-active {
		background-color: transparent;
		border: solid 0px var(--maincolor) !important;
		background-image:none;
		color: var(--weiss) !important;
		
			
		-o-transition:.3s;
		-ms-transition:.3s;
		-moz-transition:.3s;
		-webkit-transition:.3s;
		transition:.3s;
}

.ui-accordion .ui-accordion-header.ui-state-active  {
	font-weight: var(--bold);
	border-bottom: 0px !important;
}

.ui-accordion .ui-accordion-content {
	padding: 0px 0px var(--abstand2) 0px !important;
	box-sizing: border-box;
	border: 0px;
	border-bottom: solid 1px var(--weiss);
	color: var(--weiss);
	background: transparent;
	
}

.ui-accordion .ui-accordion-content .views-field-body {
	width: 80%;
}


.ui-accordion .ui-accordion-content a,
.ui-accordion .ui-accordion-content a:visited {
	text-decoration: underline;
	color: var(--maincolor);
}

.ui-accordion .ui-accordion-content a:hover,
.ui-accordion .ui-accordion-content a:active {
	text-decoration: none;
	color: var(--actioncolor);
}


.ui-accordion .ui-accordion-header {

}

.ui-accordion .ui-accordion-header h5 {
	margin: 0px;
	padding: 0px;
}

.ui-accordion .ui-accordion-header.ui-state-default:after {
	content: " ";
	display: block;
	position: absolute;
	top: calc(var(--abstand3) + (var(--arrowwidth) / 2));
	right: 0px;
	height: var(--arrowwidth);
	aspect-ratio: 1;
	background-image: url("../images/accordion-open.svg");
	background-repeat: no-repeat;
	background-position: center right;
	background-size: contain;
}

.ui-accordion .ui-accordion-header.ui-state-active:after {
	content: " ";
	display: block;
	position: absolute;
	top: calc(var(--abstand3) + (var(--arrowwidth) / 2));
	right: 0px;
	height: var(--arrowwidth);
	aspect-ratio: 1;
	background-image: url("../images/accordion-close.svg");
	background-repeat: no-repeat;
	background-position: center right;
	background-size: contain;
}


.view-inc-accordions .views-row,
.view-faq-accordions .views-row {
	position: relative;
}




/* !FORM-ELEMENTE */

*:focus {
	outline: none;
}

input[type="checkbox"] {
	appearance: none;
	background-color: var(--grau);
	margin: 0;
	font: inherit;
	color: currentColor;
	width: 1.15em;
	height: 1.15em;
	border: 1px solid var(--schwarz);
	border-radius: 0.15em;
	transform: translateY(-0.075em);
	
	display: grid;
	float: left;
	margin-right: 7px;
	margin-top: 3px;
	place-content: center;
}

input[type="checkbox"]::before {
	content: "";
	width: 0.65em;
	height: 0.65em;
	transform: scale(0);
	transition: 120ms transform ease-in-out;
	box-shadow: inset 1em 1em var(--maincolor);
	
	/* Windows High Contrast Mode */
	background-color: CanvasText;
	
	transform-origin: bottom left;
	clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
}

input[type="checkbox"]:checked::before {
	transform: scale(1);
}

input[type="checkbox"]:focus {
	outline: max(2px, 0.15em) solid currentColor;
	outline-offset: max(2px, 0.15em);
}


.form-type-radio {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	align-content: center;
}

input[type="radio"] {
	/* Add if not using autoprefixer */
	-webkit-appearance: none;
	appearance: none;
	/* For iOS < 15 to remove gradient background */
	background-color: #fff;
	/* Not removed via appearance */
	margin: 0;
	font: inherit;
	color: var(--actioncolor);
	width: 22px;
	height: 22px;
	border: 1px solid var(--actioncolor);
	border-radius: 50%;
	transform: translateY(-0.075em);
	display: grid;
	place-content: center;
	margin-right: 7px;
	top: 2px;
	position: relative
}

input[type="radio"]::before {
	content: "";
	width: 0.65em;
	height: 0.65em;
	border-radius: 50%;
	transform: scale(0);
	transition: 120ms transform ease-in-out;
	box-shadow: inset 1em 1em var(--actioncolor);
}

input[type="radio"]:checked::before {
	transform: scale(1);
}


input.js-form-submit {
	display: table;
	margin-top: 3vh;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 20px;
	border: solid 1px var(--linecolor);
	background-color: var(--actioncolor);
	color: var(--schwarz);
	border-radius: 30px;
	padding: 15px 30px 15px 30px;
	box-sizing: border-box;
	white-space: nowrap;
	font-weight: var(--medium);
	letter-spacing: 1px;
	font-weight: var(--bold);
	font-size: 85%;
	line-height: var(--lineheight);
	
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
}

input.js-form-submit:hover {
	background-color: var(--weiss);
	color: var(--schwarz);
	cursor: pointer;
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
}


input.js-form-submit[name='reset'] {
	padding: 10px 30px 10px 30px;
	font-weight: var(--medium);
	font-size: 70%;
}


::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: red;
}
::-moz-placeholder { /* Firefox 19+ */
	color: red;
}
:-ms-input-placeholder { /* IE 10+ */
	color: red;
}
:-moz-placeholder { /* Firefox 18- */
	color: red;
}



/* !CONTENT */

.field.field--label-inline {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
}

.field.field--label-inline > .field__label {
	margin-right: 7px;
}

.headerimage {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	overflow: hidden;
	height: 80vh;
	z-index: 10;
	line-height: 0px;
}

.headerimage img {
	object-fit: cover;
	object-position: center center;
	width: 100%;
	height: 100%;
	position: relative;
}

.headerimage:after,
.bildblock:after {
	content: " ";
	display: block;
	background: var(--schwarz);
	background: linear-gradient(0deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;
	height: 50%;
	z-index: 30;
}

main {
	padding-top: var(--abstand10);
	padding-bottom: var(--abstand7);
	position: relative;
	z-index: 20;
}

.region-highlighted {
	position: relative;
	z-index: 20;
}

.region-breadcrumb {
	position: relative;
	z-index: 21;
}

.region-content {
	width: 60%;
}

.region-content .field--name-body {
	width: 80%;
	margin-top: var(--abstand3);
}

.region-after-content {
	position: relative;
	z-index: 21;
}


.page-title em {
	color: var(--actioncolor);
}

.dachzeile {
	text-transform: uppercase;
	color: var(--actioncolor);
	letter-spacing: 1px;
	margin-bottom: var(--abstand1);
	font-size: 90%;
	line-height: var(--lineheight);
}

.rad-typ-balken {
	background: var(--bgcolor);
	padding: 15px 0px;
	box-sizing: border-box;
}

.rad-typ-balken .view-content {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.rad-typ-balken .view-content > .views-row {
	flex-basis: 100%;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	font-size: 130%;
	line-height: var(--lineheight);
	text-transform: uppercase;
	padding: 5px 20px;
	box-sizing: border-box;
}

.rad-typ-balken .view-content > .views-row:not(:last-child) {
	border-right: solid 1px var(--grau);
}


.rad-typ-balken .view-content > .views-row img {
	width: auto;
	height: 55px;
	margin-right: 20px;
}

.rad-typ-balken-radmarke {
	margin-top: var(--abstand5);
}

.radmarke-liste {

}

.radmarke-liste .view-content {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: wrap;
}

.radmarke-liste .view-content .views-row {
	flex-basis: calc(50% - 20px);
	margin-bottom: var(--abstand5);
}

.radmarke-liste .view-content .views-row:nth-child(2n+1) {
	margin-top: var(--abstand7);
}

.radmarke-liste .bildblock,
.radmarke-startseite .bildblock {
	position: relative;
}

.radmarke-liste .bildblock img,
.radmarke-startseite .bildblock img {
	width: 100%;
	height: auto;
}


.radmarke-liste .bildblock .logo,
.radmarke-startseite .bildblock .logo {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	z-index: 40;
}

.radmarke-liste .bildblock .logo a,
.radmarke-startseite .bildblock .logo a {
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
}

.radmarke-liste .bildblock .logo img,
.radmarke-startseite .bildblock .logo img {
	width: 40%;
	height: auto;
	margin-left: 30px;
	margin-top: 30px;
}

.radmarke-liste .contentblock  {
	width: 80%;
}


.radmarke-liste .contentblock .begriffe,
.radmarke-startseite .contentblock .begriffe {
	margin-top: 20px;
	text-transform: uppercase;
	color: var(--actioncolor);
	letter-spacing: 1px;
	margin-bottom: var(--abstand1);
}

.radmarke-liste .contentblock .begriffe a,
.radmarke-liste .contentblock .begriffe a:visited,
.radmarke-startseite .contentblock .begriffe a,
.radmarke-startseite .contentblock .begriffe a:visited {
	color: var(--actioncolor);
}

.radmarke-liste .contentblock .begriffe a:hover,
.radmarke-liste .contentblock .begriffe a:active,
.radmarke-startseite .contentblock .begriffe a:hover,
.radmarke-startseite .contentblock .begriffe a:active {
	color: var(--weiss);
}

.radmarke-liste .contentblock h3 a,
.radmarke-liste .contentblock h3 a:visited,
.radmarke-startseite .contentblock h3 a,
.radmarke-startseite .contentblock h3 a:visited {
	color: var(--weiss);
}

.radmarke-liste .contentblock h3 a:hover,
.radmarke-liste .contentblock h3 a:active,
.radmarke-startseite .contentblock h3 a:hover,
.radmarke-startseite .contentblock h3 a:active {
	color: var(--actioncolor);
}

.radmarke-liste .contentblock button {
	margin-top: var(--abstand3);
}


.radmarke-startseite {
	
}

.radmarke-startseite .view-content {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.radmarke-startseite .view-content .views-row {
	flex-basis: calc(50% - 20px);
	position: relative;
}


.radmarke-startseite .view-content .views-row .contentblock {
	position: absolute;
	left: 30px;
	bottom: 20px;
	z-index: 50;
}


.radmarke-startseite .view-content .views-row .contentblock h3 {
	margin: 0px;
	padding: 0px;
}

.radmarke-startseite .view-content .views-row .contentblock button {
	margin-top: 10px;
}

body.page-node-type-radmarke .headerimage .logo {
	position: absolute;
	top: calc(var(--headerheight) + var(--abstand10) + 50px);
	right: var(--seitenrand);
	width: 15%;
}

body.page-node-type-radmarke .headerimage .logo img {
	width: 100%;
	height: auto;
}


.contact-content-wrapper {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.contact-content-wrapper > .maxwidth {
	margin-left: 0px !important;
	margin-right: 0px !important;
}

.contact-content-wrapper .region-content {
	width: initial;
	flex-basis: 60%;
}

.contact-content-wrapper .region-content-rightcol {
	flex-basis: 35%;
}

.contact-besucheuns-block {
	background: var(--bgcolor);
	padding: 30px;
	box-sizing: border-box;
	margin-top: var(--abstand4);
	margin-bottom: var(--abstand5);
}

.contact-besucheuns-block a,
.contact-besucheuns-block a:visited {
	color: var(--actioncolor);
}

.contact-besucheuns-block a:hover,
.contact-besucheuns-block a:active {
	color: var(--grau);
}

.contact-besucheuns-block h4,
.contact-infoblock-block h4,
.contact-oeffungszeiten-block h5 {
	margin: 0px 0px 15px 0px;
	padding: 0px;
}

.contact-infoblock-block {
	padding-right: 30%;
	position: relative;
	margin-bottom: var(--abstand5);
	background: var(--bgcolor);
	padding: 30px calc(var(--serviceicon-size) + 50px) 30px 30px;
	box-sizing: border-box;
}

.contact-infoblock-block .serviceblock-icon {
	position: absolute;
	right: 30px;
	top: 30px;
	border: solid 0px var(--weiss);
	aspect-ratio: 1 / 1;
	padding: 5px;
	box-sizing: border-box;
	width: var(--serviceicon-size);
	font-size: var(--serviceicon-fontsize);
	border-radius: 100%;
	color: var(--actioncolor);
	display: flex;
	justify-content: center;
	flex-direction: row;
	align-items: center;
	line-height: var(--lineheight);
	margin-bottom: var(--abstand3);
	background: var(--maincolor);
}

.contact-oeffungszeiten-block {
	margin-bottom: var(--abstand5);
	background: var(--bgcolor);
	padding: 30px;
	box-sizing: border-box;
}


.page-node-type-versendet .region-content {
	background: var(--bgcolor);
	width: 100%;
	padding: 30px;
	box-sizing: border-box;
}


[data-once="ajax-pager"] {
	scroll-margin-top: calc(var(--headerheight) + 10vh);
}

.gebraucht-liste {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.gebraucht-liste .view-filters {

	margin-right: 10%;
}


.gebraucht-liste .view-filters .bef-exposed-form .form--inline > .form-item, 
.bef-exposed-form .form--inline .js-form-wrapper > .form-item {
	float: initial;
}

.gebraucht-liste .view-filters fieldset {
	border: 0px;
	padding: 0px;
	margin-bottom: var(--abstand3);
}

.gebraucht-liste .view-filters fieldset > legend {
	text-transform: uppercase;
	color: var(--actioncolor);
	font-size: 90%;
	line-height: var(--lineheight);
	letter-spacing: 1px;
	margin-bottom: var(--abstand1);
}

.gebraucht-liste .view-filters fieldset > .fieldset-wrapper {
	font-size: var(--text-l);
	line-height: var(--lineheight);
}

.gebraucht-liste .view-filters fieldset > .fieldset-wrapper .js-form-item {
	margin-bottom: 10px;
	white-space: nowrap;
}

.gebraucht-liste .view-content {
	flex-basis: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: stretch;
	flex-wrap: wrap;
}
.gebraucht-liste .view-content > .views-row {
	flex-basis: calc(50% - 20px);
	margin-bottom: var(--abstand5);
	position: relative;
	background: var(--maincolor);
}

.gebraucht-liste .bilderblock {
	position: relative;
}

.gebraucht-liste .bilderblock img {
	width: 100%;
	height: auto;
}

.gebraucht-liste .optionen-block,
.gebraucht-full .optionen-block {
	text-transform: uppercase;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	flex-wrap: wrap;
}


.gebraucht-liste .optionen-block {
	position: absolute;
	top: 20px;
	left: 20px;
	z-index: 40;
}

.gebraucht-full .optionen-block {
	margin-top: var(--abstand7);
	font-size: 90%;
}

.gebraucht-liste .optionen-block > div,
.gebraucht-full .optionen-block > div {
	white-space: nowrap;
	padding: 6px 20px;
	box-sizing: border-box;
}

.gebraucht-liste .optionen-block > div:not(:last-child),
.gebraucht-full .optionen-block > div:not(:last-child) {
	margin-right: 10px;
}

.gebraucht-liste .optionen-block .option,
.gebraucht-full .optionen-block .option {
	background: var(--actioncolor);
	color: var(--schwarz);
}

.gebraucht-liste .optionen-block .kategorie,
.gebraucht-full .optionen-block .kategorie {
	background: var(--maincolor);
	color: var(--weiss);
}

.gebraucht-liste .infoblock {
	padding: 30px;
	box-sizing: border-box;
}

.gebraucht-liste .infoblock .field--name-field-marke {
	color: var(--actioncolor);
	text-transform: uppercase;
	letter-spacing: 1px;
}

.gebraucht-liste .infoblock h3,
.gebraucht-liste .infoblock h4 {
	margin: 10px 0px 0px 0px;
	padding: 0px;
}

.gebraucht-liste .infoblock h3 a,
.gebraucht-liste .infoblock h3 a:visited,
.gebraucht-liste .infoblock h4 a,
.gebraucht-liste .infoblock h4 a:visited {
	color: var(--weiss);
}

.gebraucht-liste .infoblock h3 a:hover,
.gebraucht-liste .infoblock h3 a:active,
.gebraucht-liste .infoblock h4 a:hover,
.gebraucht-liste .infoblock h4 a:active {
	color: var(--actioncolor);
}

.gebraucht-liste .preis {
	font-size: 180%;
	line-height: var(--lineheight);
	font-weight: var(--medium);
	margin-top: 20px;
}

.gebraucht-liste button {
	min-width: 50%;
	margin-top: var(--abstand3);
}

.gebraucht-liste .details {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: var(--abstand1);
}

.gebraucht-liste .details > div {
	flex-basis: calc(33.333333% - 10px);
	margin-top: 20px;
}

.gebraucht-liste .details > div .field__label {
	font-size: 80%;
	text-transform: uppercase;
	color: var(--grau);
}



.gebraucht-full .details {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: var(--abstand1);
	font-size: var(--text-l);
	line-height: var(--lineheight);
}

.gebraucht-full .details > div {
	flex-basis: calc(33.333333% - 10px);
	margin-top: 30px;
}

.gebraucht-full .details > div .field__label {
	font-size: 80%;
	text-transform: uppercase;
	color: var(--grau);
}

.gebraucht-full .field--name-field-preis .field__item {
	font-weight: var(--bold);
}

.gebaucht-kontaktblock {
	margin-top: var(--abstand7);
}





/* !BREADCRUMB */

.breadcrumb {
	padding-top: var(--abstand1);
	padding-bottom: 0.5em;
	text-transform: uppercase;
	color: var(--weiss);
	letter-spacing: 1px;
}
.breadcrumb ol {
	margin: 0;
	padding: 0;
}

.breadcrumb li {
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
/* IE8 does not support :not() and :last-child. */
.breadcrumb li:before {
	content: ' \203A ';
}
.breadcrumb li:first-child:before {
	content: none;
}

.breadcrumb li a,
.breadcrumb li a:visited {
	color: var(--weiss);
}

.breadcrumb li a:hover,
.breadcrumb li a:active {
	color: var(--actioncolor);
}


/* !FOOTER */

footer {
	position: relative;
	z-index: 30;
	margin-top: var(--abstand10);
}

.region-regionbottom {
	letter-spacing: 1px;
	margin-bottom: 100px;
	margin-top: var(--abstand2);
}

.usermenu ul.menu {
	list-style: none;
	padding: 0px;
	margin: 0px;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	flex-wrap: wrap;
	text-transform: uppercase;
}

.usermenu ul.menu li {
	
}

.usermenu ul.menu li:not(:last-child) {
	margin-right: 20px;
}

.usermenu ul.menu li a,
.usermenu ul.menu li a:visited {
	display: block;
	padding: 10px 0px;
	box-sizing: border-box;
	color: var(--weiss);
}

.usermenu ul.menu li a:hover,
.usermenu ul.menu li a:active {
	color: var(--actioncolor);
}

.usermenu ul.menu li a.is-active {
	color: var(--actioncolor);
	font-weight: var(--bold);
}

.copyright {
	text-transform: uppercase;
}

.footer-block-wrapper {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: stretch;
}

.footer-block-wrapper > .footerblock {
	background: var(--bgcolor);
	flex-basis: calc(33.33333% - 20px);
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: stretch;
	
}

.footer-block-wrapper > .footerblock .footerblock-content {
	flex-basis: 100%;
}

.footerblock .footerblock-image {
	line-height: 0px;
}

.footerblock .footerblock-image img {
	width: 100%;
	height: auto;
}

.footerblock .footerblock-content {
	padding: calc(30px + 13px) 30px 30px 30px;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: stretch;
}

.footerblock .footerblock-content > div:nth-last-child(1) {
	flex-basis: 100%;
}

.footerblock .footerblock-content .likeh4 {
	margin-top: 0px;
	font-weight: var(--medium);
}

.footerblock .footerblock-content a,
.footerblock .footerblock-content a:visited {
	color: var(--weiss);
}

.footerblock .footerblock-content a:hover,
.footerblock .footerblock-content a:active {
	color: var(--actioncolor);
}

.footerblock .footerblock-content-button {
	flex-basis: 100%;
	align-content: flex-end;
} 

.oeffnungszeiten table {
	border-spacing: 0px;
}
.oeffnungszeiten table td {
	padding-right: 20px;
	box-sizing: border-box;
}

.office-hours__table thead tr {
	text-indent: 0px;
}

table.office-hours__table_exception {
	margin-top: 20px;
}

.footerblock button {
	margin-top: var(--abstand5);
}


/* !WEBFORM */

.webformflex {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: wrap;
}

.webformflex > div {
	flex-basis: calc(50% - 20px);
}

.webform label {
	margin-bottom: 5px;
	display: table;
}

.webform input[type=text],
.webform input[type=tel],
.webform input[type=email] {
	border: solid 1px var(--linecolor);
	padding: 10px 20px;
	box-sizing: border-box;
	height: 50px;
	width: 100%;
	color: var(--weiss);
	border-radius: 0px;
	background: var(--grau);
} 

.webform select {
	height: 50px;
	border: solid 1px var(--lineheight);
	width: 100%;
	background-color: var(--grau);
	padding: 0px 15px;
	box-sizing: border-box;
	border-radius: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	color: var(--weiss);
	border-radius: 0px;
	
	background-image: url("../images/select-arrow.svg");
	background-position: calc(100% - 20px) center;
	background-repeat: no-repeat;
	background-size: 13px 13px;
}

.webform textarea {
	border: solid 1px var(--linecolor);
	padding: 10px 20px;
	box-sizing: border-box;
	color: var(--weiss);
	border-radius: 0px;
	width: 100%;
	background: var(--grau);
}

.webform .js-form-wrapper {
	margin: 0px 0px 0px 0px;
}

.webform .form-item {
	margin: 30px 0px 30px 0px;
}

.webform .form-item > label {
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 10px;
	display: block;
}

.webform .wfleft {
	width: 50%;
	float: left;
}

.webform .wfleft input {
	width: calc(100% - 10px);
	float: left;
}

.webform .wfright {
	width: 50%;
	float: right;
}

.webform .form-item-datenschutz {
	margin-top: var(--abstand5);
	margin-bottom: var(--abstand5);
}


.webform .form-item-datenschutz a,
.webform .form-item-datenschutz a:visited {
	color: var(--grau);
}

.webform .form-item-datenschutz a:hover,
.webform .form-item-datenschutz a:active {
	color: var(--actioncolor);
}



.webform .messages--error {
	margin-bottom: 20px;
}
.webform .wfcont {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}


.webform .wfcont > div {
	flex-basis: 45%;
}

.webform .webform-actions input {

}
.webform-confirmation {
	background: red;
	padding: 20px;
	box-sizing: border-box;
}


/* UNPUBLISHED */
.node--unpublished {
	background-color: rgba(255, 0, 0, 0.2);
	padding: 60px 20px 20px 20px;
	position: relative;
}
.node--unpublished:before {
	content: "unpublished";
	display: block;
	position: absolute;
	left: 10px;
	top: 10px;
	font-size: 200%;
	color: rgba(255, 0, 0, 0.7);
	line-height: 100%;
}


/* !GMAP */

.wh-gmap {
	margin-top: var(--abstand5);
}

.wh-gmap iframe {
	border: 0px;
	width: 100%;
}

.cookies-fallback--wrap.disabled .cookies-fallback,
.wh-gmap iframe,
.wh-gmap {
	min-height: 600px;
	height: 10vh;
}


/* !SOCIAL MEDIA LINKS */

.socialmedialinks {

}


header .blocksocialmedialinks {
	position: absolute;
	left: calc(var(--seitenrand) + var(--klickmenuwidth) + 30px);
	top: 50%;
	-webkit-transform: translateX(0%) translateY(-50%);
	-moz-transform: translateX(0%) translateY(-50%);
	transform: translateX(0%) translateY(-50%);
}


.socialmedialinks .view-content {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	align-content: center;
}


.socialmedialinks .views-row {
	align-self: center;
}

.socialmedialinks .views-row:not(:last-child) {
	margin-right: 20px;
}

.socialmedialinks a,
.socialmedialinks a:visited {
	display: flex;
	width: var(--socialmediaicons);
	height: var(--socialmediaicons);
	justify-content: center;
	align-items: center;
	align-content: center;
	color: var(--actioncolor);
	font-size:var(--socialmediaicons);
	
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
}

.socialmedialinks a:hover,
.socialmedialinks a:active {
	color: var(--weiss);
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
}

/* !BACKGROUNDS */

.withbg {
	padding: 30px;
	box-sizing: border-box;
}

.bg-bgcolor {
	background: var(--bgcolor);
}

.bg-actioncolor {
	background: var(--actioncolor);
	color: var(--schwarz);
}

/* !PARAGRAPHS */

.bausteinecontainer > .paragraph + .paragraph {
	margin-top: var(--abstand10);
}

.p-faktenblock {
	
}

.p-faktenblock .faktenblock-titel {
	text-transform: uppercase;
	color: var(--actioncolor);
	margin: var(--abstand3) 0px var(--abstand3) 0px;
	font-size: var(--text-l);
	line-height: var(--lineheight);
	letter-spacing: 1px;
	font-weight: var(--medium);
}

.p-faktenblock h3,
.p-faktenblock h2 {
	margin-top: 0px;
	padding-top: 0px;
	text-align: center;
	padding-bottom: var(--abstand3);
}

.p-faktenblock .faktenblock-container {
	columns: 2;
}

.p-faktenblock dl {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: stretch;
	margin: 0px;
	padding: 0px;
}

.p-faktenblock dl:nth-child(2n+1) {
	background: var(--bgcolor);
}

.p-faktenblock dl dt {
	flex-basis: 35%;
	margin: 0px;
	padding: 10px 20px;
	box-sizing: border-box;
	vertical-align: center;
	text-transform: uppercase;
}



.p-faktenblock dl dd {
	flex-basis: 200px;
	margin: 0px;
	padding: 10px 20px;
	box-sizing: border-box;
	flex-basis: 65%;
}

.p-faktenblock dl dd p {
	margin: 0px;
	padding: 0px;
}


.p-titel-text {
	
}

.p-titel-text .p-titel-text-wrapper {

}

.p-titel-text-titelblock {
	width: 60%;
}

.p-titel-text-textblock {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}

.p-titel-text .bg-actioncolor .p-titel-text-textblock {
	display: block;
	text-align: center;
	margin-top: var(--abstand3);
}

.p-titel-text .bg-actioncolor .p-titel-text-titelblock {
	width: 100%;
}

.p-titel-text .bg-actioncolor .p-titel-text-titelblock h3 {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	font-weight: var(--bold);
}


.p-titel-text .bg-actioncolor .button-flex {
	justify-content: center;
	margin-top: var(--abstand5);
}


.p-titel-text-left {
	flex-basis: 60%;
}

.p-titel-text-right {
	flex-basis: calc(40% - 40px);
}



.p-titel-text .p-titel-text-wrapper .p-titel-text-left {
	
}

.p-titel-text .p-titel-text-wrapper .p-titel-text-right {
	
}

.p-titel-text h2,
.p-titel-text h3 {
	margin-top: 0px;
}

.p-titel-text .button-flex {
	margin-top: 0px;
	justify-content: flex-end;
}


.p-zitat {
	text-align: center;
	padding-left: 10%;
	padding-right: 10%;
	box-sizing: border-box;
}

.p-zitat .anfuehrungszeichen {
	font-size: 800%;
	line-height: 50%;
	font-style: italic;
	color: var(--actioncolor);
	position: relative;
	top: var(--abstand2);
}

.p-zitat .text {
	font-size: 320%;
	line-height: 120%;
	font-style: italic;
	font-weight: var(--medium);
}

.p-zitat .name {
	margin-top: var(--abstand3); 
}

.p-serviceblock {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: wrap;
	align-self: stretch;
}

.p-serviceblock > article {
	box-sizing: border-box;
	flex-basis: calc((100% / 3) - 6vw);
	align-self: stretch;
}

.p-serviceblock .serviceblock-icon {
	border: solid 1px var(--weiss);
	aspect-ratio: 1 / 1;
	padding: 5px;
	box-sizing: border-box;
	width: var(--serviceicon-size);
	font-size: var(--serviceicon-fontsize);
	border-radius: 100%;
	color: var(--actioncolor);
	display: flex;
	justify-content: center;
	flex-direction: row;
	align-items: center;
	line-height: var(--lineheight);
	margin-bottom: var(--abstand3);
}

.p-serviceblock .serviceblock-titel {
	text-transform: uppercase;
	color: var(--actioncolor);
	margin: 0 0px var(--abstand2) 0px;
	font-size: var(--text-l);
	line-height: var(--lineheight);
	letter-spacing: 1px;
	font-weight: var(--medium);
}

.p-serviceblock .serviceblock-text {
	position: relative;
	padding-bottom: var(--abstand2);
}

.p-serviceblock .serviceblock-text:after {
	content: " ";
	display: block;
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 50px;
	height: 2px;
	background: var(--actioncolor);
}

.p-artikel {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.p-artikel.image-left {
	flex-direction: row;
}

.p-artikel.image-right {
	flex-direction: row-reverse;
} 

.p-artikel .p-artikel-left {
	line-height: 0px;
}

.p-artikel.image-left .p-artikel-left {
	flex-basis: calc(50% - 5vw);
}

.p-artikel-right {
	flex-basis: 50%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-content: center;
	align-items: flex-start;
	padding: var(--abstand5) 5vw;
	box-sizing: border-box;
}

.p-artikel.image-right .p-artikel-left {
	flex-basis: calc(50% - 0vw);
}

.p-artikel.image-right .p-artikel-right {
	flex-basis: 50%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-content: center;
	align-items: flex-start;
	padding: var(--abstand5) 5vw;
	box-sizing: border-box;
}


.p-artikel-left img {
	object-fit: cover;
	object-position: center center;
	width: 100%;
	height: 100%;
	position: relative;
}

.p-artikel .field--name-field-dachzeile {
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: var(--abstand1);
}

.p-artikel button {
	margin-top: var(--abstand2);
}

.p-artikel h3 {
	margin-top: 0px;
}

.p-bildergalerie {
	
}

@media all and (min-width: 1024px) {
		
	.p-bildergalerie .tns-inner{
			display: flex;
			flex-direction: column;
			gap: 20px;
	}
	
	.p-bildergalerie .tiny-slider-wrapper  {
			display: grid;
			grid-template-columns: 2fr 1fr;
			grid-template-rows: 1fr 1fr;
			gap: 10px;
	
			aspect-ratio: 2 / 1;
	}
	
	.p-bildergalerie .tiny-slider-wrapper  .tns-item {
		line-height: 0px;
	}
	
	.p-bildergalerie .tiny-slider-wrapper  .tns-item:nth-child(1) {
			grid-column: 1;
			grid-row: 1 / 3;
	}
	
	.p-bildergalerie .tiny-slider-wrapper  .tns-item:nth-child(2) {
			grid-column: 2;
			grid-row: 1;
	}
	
	.p-bildergalerie .tiny-slider-wrapper  .tns-item:nth-child(3) {
			grid-column: 2;
			grid-row: 2;
	}
	
	.p-bildergalerie .tiny-slider-wrapper  .tns-item {
			overflow: hidden;
	}
	
	.p-bildergalerie .tiny-slider-wrapper  .tns-item img {
			width: 100%;
			height: 100%;
			display: block;
			object-fit: cover;
	}
	
}


/*
	
	
	
	
*/

@media all and (min-width: 2500px) {

	.maxwidth {
		max-width: 2200px;
		margin-left: auto;
		margin-right: auto;
	}
	
}

@media all and (min-width: 1980px) {

	:root {
		--fontsize: 130%;
		--lineheight: 135%;
	}
	
}


@media all and (max-width: 1830px) {
	
	.region-content,
	.p-titel-text-titelblock {
		width: 70%;
	}
	.p-titel-text-left {
		flex-basis: 70%;
	}
	.p-titel-text-right {
		flex-basis: calc(30% - 40px);
	}
	
}


@media all and (max-width: 1630px) {
	
	:root {
		--fontsize: 120%;
		--lineheight: 135%;
	}

	.region-content,
	.p-titel-text-titelblock {
		width: 80%;
	}

	
	h1 {
		font-size: 400%;
		line-height: 115%;
	}
	
	
	h2,
	.p-titel-text .bg-actioncolor .p-titel-text-titelblock h3 {
		font-size: 250%;
		line-height: var(--lineheight);
	}
	
	
	h3 {
		font-size: 200%;
		line-height: 125%;
	}
	
	h4,
	.likeh4 {
		font-size: 140%;
		line-height: 125%;
	}
	
	.p-zitat .text {
		font-size: 280%;
		line-height: 120%;
	}
	
	.topmenu ul.level1 > li.mlevel1 > a,
	.topmenu ul.level1 > li.mlevel1 > a:visited {
		font-size: 260%;
		line-height: var(--lineheight);
		padding: 12px 0px 0px 0px;
	}
	
	.topmenu ul.level2 > li.mlevel2 > a,
	.topmenu ul.level2 > li.mlevel2 > a:visited {
		font-size: 150%;
		line-height: var(--lineheight);
	}
	
	.topmenu ul.level1 > li.mlevel1 {
		margin-bottom: 0px;
	}

	.sprachwahl {
		position: absolute;
		right: auto;
		left: var(--seitenrand);
		top: calc(var(--headerheight) + 30px);
		display: none;
	}
	
	body.navactive .sprachwahl {
		display: block;
	}
	
	.topmenu-wrapper {
		padding: 70px var(--seitenrand) 150px var(--seitenrand);
	}

	
}



@media all and (max-width: 1440px) {

	:root {
		--headerheight: 90px;
		--fontsize: 110%;
		--lineheight: 135%;
		
		--serviceicon-size: 70px;
		--serviceicon-fontsize: 30px;
		--text-l: 110%;
	}
	
	.region-content,
	.p-titel-text-titelblock {
		width: 80%;
	}
	
	.p-titel-text-left {
		flex-basis: 100%;
	}
	
	.p-titel-text-right {
		flex-basis: 100%;
	}
	
	.p-titel-text .button-flex {
		justify-content: flex-start;
		margin-top: var(--abstand2);
	}
	
	h1 {
		font-size: 370%;
		line-height: 115%;
	}
	
	
	h2,
	.p-titel-text .bg-actioncolor .p-titel-text-titelblock h3 {
		font-size: 230%;
		line-height: var(--lineheight);
	}
	
	
	h3 {
		font-size: 180%;
		line-height: 125%;
	}
	
	h4,
	.likeh4 {
		font-size: 150%;
		line-height: 125%;
	}
	
	.p-zitat .text {
		font-size: 260%;
		line-height: 120%;
	}
	
	.topmenu ul.level1 > li.mlevel1 > a,
	.topmenu ul.level1 > li.mlevel1 > a:visited {
		font-size: 240%;
		line-height: var(--lineheight);
	}
	
	.topmenu ul.level2 > li.mlevel2 > a,
	.topmenu ul.level2 > li.mlevel2 > a:visited {
		font-size: 130%;
		line-height: var(--lineheight);
	}
	
	.rad-typ-balken .view-content > .views-row {
		font-size: 120%;
		line-height: var(--lineheight);
	}
	
	.rad-typ-balken .view-content > .views-row img {
		height: 40px;
	}
	
	.contact-infoblock-block .serviceblock-icon {
		position: relative;
		right: auto;
		top: auto;
	}
	
	.contact-infoblock-block {
		padding: 30px;
	}
	
	.gebraucht-liste .details {
		justify-content: space-between;
	}
	.gebraucht-liste .details > div {
		flex-basis: calc(50% - 10px);
		margin-top: 20px;
		margin-right: 0px !important;
	}


}


@media all and (max-width: 1280px) {

	:root {
		--headerheight: 80px;
	}

	.withbg,
	.contact-besucheuns-block,
	.contact-infoblock-block,
	.contact-oeffungszeiten-block {
		padding: 20px;
	}
	
	.footerblock .footerblock-content {
		padding: calc(20px + 13px) 30px 30px 30px;
	}
	
	.topmenu ul.level1 > li.mlevel1 > a,
	.topmenu ul.level1 > li.mlevel1 > a:visited {
		font-size: 220%;
		line-height: var(--lineheight);
	}
	
	.radmarke-liste .bildblock .logo img,
	.radmarke-startseite .bildblock .logo img {
		margin-left: 20px;
		margin-top: 20px;
	}
	
	.p-serviceblock > article {
		box-sizing: border-box;
		flex-basis: calc((100% / 3) - 40px);
		align-self: stretch;
	}
	
	.p-zitat .text {
		font-size: 240%;
		line-height: 120%;
	}
	
	button.headerbutton a {
		padding: 13px 20px;
	}

}



@media all and (max-width: 1024px) {
	
	:root {
		--serviceicon-size: 60px;
		--serviceicon-fontsize: 25px;
	}
	
	button.headerbutton {
		display: none;
	}
	
	header .blocksocialmedialinks {
		left: auto;
		right: var(--seitenrand);
	}
	
	.region-content,
	.p-titel-text-titelblock {
		width: 100%;
	}
	
	
	h1 {
		font-size: 300%;
		line-height: 115%;
	}
	
	
	h2,
	.p-titel-text .bg-actioncolor .p-titel-text-titelblock h3 {
		font-size: 200%;
		line-height: var(--lineheight);
	}
	
	
	h3 {
		font-size: 180%;
		line-height: 125%;
	}
	
	h4,
	.likeh4 {
		font-size: 150%;
		line-height: 125%;
	}
	
	.p-zitat .text {
		font-size: 200%;
		line-height: 120%;
	}
	
	.topmenu ul.level1 > li.mlevel1 > a,
	.topmenu ul.level1 > li.mlevel1 > a:visited {
		font-size: 240%;
		line-height: var(--lineheight);
	}
	
	.topmenu ul.level2 > li.mlevel2 > a,
	.topmenu ul.level2 > li.mlevel2 > a:visited {
		font-size: 130%;
		line-height: var(--lineheight);
	}
	
	.rad-typ-balken .view-content > .views-row {
		font-size: 110%;
		line-height: var(--lineheight);
	}
	
		
	.views-field-field-bildergalerie {
		line-height: 0px;
	}
	
	.radmarke-startseite .view-content .views-row,
	.radmarke-liste .view-content .views-row {
		flex-basis: calc(50% - 10px);
	}
	
	.topmenu-wrapper {
		width: 75%;
	}

	.radmarke-liste .contentblock {
		width: 90%;
	}
	
	.p-artikel.image-right .p-artikel-right {
		padding: var(--abstand5) 30px;
	}
	
	.p-artikel-right {
		padding: var(--abstand5) 30px;
	}
	
	.gebraucht-liste .view-content > .views-row {
		flex-basis: calc(50% - 10px);
	}
	
	.p-faktenblock .faktenblock-container {
		columns: 1;
	}
	
}


@media all and (max-width: 980px) {

	.footerblock.nodeinhalt {
		display: none !important;
	}
	
	.footer-block-wrapper > .footerblock {
		flex-basis: calc(50% - 10px);
	}
	
	.gebraucht-liste {
		flex-wrap: wrap;
	}
	
	.gebraucht-liste .view-filters {
		margin-right: 0px;
	}
	
	.gebraucht-liste .view-filters .fieldset-wrapper .form-checkboxes {
		display: flex;
		flex-direction: row;
	}
	.gebraucht-liste .view-filters .fieldset-wrapper .form-checkboxes > div:not(:last-child) {
		margin-right: 30px;
	}

	


}



@media all and (max-width: 768px) {
	
	:root {
		--headerheight: 70px;
	}
	
	.user-login-form .form-item-name,
	.user-login-form .form-item-pass {
		width: 100%;
		float: none;
	}
	
	.node--type-legal .node__content {
		overflow-x: hidden;
	}
	
	.page-node-type-legal .node__content a {
	
		/* 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;
	
		/* Adds a hyphen where the word breaks, if supported (No Blink) */
		-ms-hyphens: auto;
		-moz-hyphens: auto;
		-webkit-hyphens: auto;
		hyphens: auto;
	
	}
	
		
	h1 {
		font-size: 260%;
		line-height: 115%;
	}
	
	h2,
	.p-titel-text .bg-actioncolor .p-titel-text-titelblock h3 {
		font-size: 180%;
		line-height: var(--lineheight);
	}
	
	
	h3 {
		font-size: 160%;
		line-height: 125%;
	}
	
	h4,
	.likeh4 {
		font-size: 130%;
		line-height: 125%;
	}
	
	.p-zitat .text {
		font-size: 180%;
		line-height: 120%;
	}

		
	.contact-content-wrapper {
		flex-wrap: wrap;
	}
	
	.contact-content-wrapper .region-content {
		flex-basis: 100%;
	}
	
	.contact-content-wrapper .region-content-rightcol {
		flex-basis: 100%;
	}
	
	.region-content .field--name-body {
		width: 100%;
	}
	
	.radmarke-startseite .view-content,
	.radmarke-liste .view-content {
		flex-wrap: wrap;
	}
	
	.radmarke-startseite .view-content .views-row,
	.radmarke-liste .view-content .views-row {
		flex-basis: 100%;
		
	}
	
	.radmarke-startseite .view-content .views-row:not(:last-child),
	.radmarke-liste .view-content .views-row:not(:last-child) {
		margin-bottom: var(--abstand10);
	}
	
	.radmarke-liste .view-content .views-row:nth-child(2n+1) {
		margin-top: 0px;
	}
	
	.topmenu-wrapper {
		width: 100%;
	}
	
	
	.rad-typ-balken .views-field-field-mehrzahl {
		display: none;
	}
	
	.rad-typ-balken .view-content > .views-row img {
		margin-right: 0px;
	}
	
	.p-serviceblock {
		flex-wrap: wrap;
	}
	
	.p-serviceblock > article {
		flex-basis: 100%;
	}
	
	.p-serviceblock > article:not(:last-child) {
		margin-bottom: var(--abstand5);
	}
	
	.tns-outer .tns-nav > [aria-controls] {
		width: 12px;
		height: 12px;
	}
	
	
}




@media all and (max-width: 667px) {
	
	
	.block-system-branding-block {
		margin-left: 0px;
		text-align: left;
		justify-content: flex-start;
		padding-left: var(--seitenrand);
		box-sizing: border-box;
	}
	
	header .blocksocialmedialinks {
		top: calc(var(--headerheight) + 12px);
		-webkit-transform: translateX(0%) translateY(0%);
		-moz-transform: translateX(0%) translateY(0%);
		transform: translateX(0%) translateY(0%);
		display: none;
	}
	
	body.navactive header .blocksocialmedialinks {
		display: block;
	}
	
	.menuklick {
		left: auto;
		right: -20px;
	}
	
	.topmenutrigger {
		left: auto;
	}
	
	.topmenutrigger span {
		left: auto;
		right: 0px;
	}
	
	h1 {
		font-size: 260%;
		line-height: 115%;
	}
	
	h2,
	.p-titel-text .bg-actioncolor .p-titel-text-titelblock h3 {
		font-size: 220%;
		line-height: var(--lineheight);
	}
	
	
	h3 {
		font-size: 200%;
		line-height: 125%;
	}
	
	h4,
	.likeh4 {
		font-size: 160%;
		line-height: 125%;
	}
	
	.p-zitat .text {
		font-size: 180%;
		line-height: 120%;
	}

	
	.webform .wfleft {
		width: 100%;
		float: none;
		clear: both;
	}
	
	.webform .wfleft input {
		width: 100%;
		float: none;
		clear: both;
	}
	
	.webform .wfright {
		width: 100%;
		float: none;
		clear: both;
	
	}
	
	.webform .wfright input,
	.webform .wfright select {
		width: 100%;
		float: none;
		clear: both;
	}
	
	input.js-form-submit {
		min-width: 50%;
	}
	
	.button-flex {
		flex-wrap: wrap;
	}
	
	.footer-block-wrapper  {
		flex-wrap: wrap;
	}
	
	.footer-block-wrapper > .footerblock {
		flex-basis: 100%;
	}
	
	.footer-block-wrapper > .footerblock:not(:last-child) {
		margin-bottom: var(--abstand3);
	}
	
	
	.footer-block-wrapper > .footerblock .footerblock-image {
		display: none;
	}
	
	.rad-typ-balken .view-content > .views-row img {
		height: 30px;
	}
	
	.p-zitat {
		padding-left: 0px;
		padding-right: 0px;
	}
	
	.gebraucht-full .details {
		justify-content: space-between;
	}
	
	.gebraucht-full .details > div {
		flex-basis: calc(50% - 10px);
		margin-top: var(--abstand2);
	}
	

	
}

@media all and (max-width: 550px) {
	
	:root {
		--headerheight: 60px;
		--seitenrand: 30px;
		
		--abstand1: 10px;
		--abstand2: 20px;
		--abstand3: 30px;
		--abstand4: 40px;
		--abstand5: 50px;
		--abstand7: 60px;
		--abstand10: 70px;
	}
	
	.block-system-branding-block img.prelogo,
	.block-system-branding-block img.afterlogo {
		display: none;
	}
	
	h1 {
		font-size: 220%;
		line-height: 115%;
	}
	
	h2,
	.p-titel-text .bg-actioncolor .p-titel-text-titelblock h3 {
		font-size: 180%;
		line-height: var(--lineheight);
	}
	
	
	h3 {
		font-size: 170%;
		line-height: 125%;
	}
	
	h4,
	.likeh4 {
		font-size: 160%;
		line-height: 125%;
	}
	
	.topmenu ul.level1 > li.mlevel1 > a,
	.topmenu ul.level1 > li.mlevel1 > a:visited {
		font-size: 220%;
		line-height: var(--lineheight);
	}
	
	.topmenu ul.level2 > li.mlevel2 > a,
	.topmenu ul.level2 > li.mlevel2 > a:visited {
		font-size: 130%;
		line-height: var(--lineheight);
	}
	
	.p-zitat .text {
		font-size: 140%;
		line-height: 120%;
	}


	.p-artikel {
		flex-wrap: wrap;
	}
	
	.p-artikel.image-left .p-artikel-left,
	.p-artikel.image-right .p-artikel-left {
		flex-basis: 100%;
	}
	
	.p-artikel.image-left .p-artikel-right,
	.p-artikel.image-right .p-artikel-right {
		flex-basis: 100%;
	}
	
	.radmarke-startseite .contentblock .begriffe {
		margin-top: 0px;
	}
	
	.radmarke-startseite .view-content .views-row .contentblock {
		position: relative;
		left: 0px;
		bottom: 0px;
	}
	
	.radmarke-startseite button.textlink a,
	.radmarke-startseite 	button.textlink a:visited {
		color: var(--schwarz);
		background-color: var(--actioncolor);
		padding-left: 30px;
		padding-right: 30px;
		border-radius: 40px !important;
		letter-spacing: 1px;
		text-align: center;
	}
	
	.radmarke-startseite button.textlink a:hover,
	.radmarke-startseite button.textlink a:active {
		color: var(--schwarz);
		background-color: var(--weiss);
	}
	
	.radmarke-startseite button.textlink a svg {
		color: var(--schwarz);
	}
	
	.radmarke-startseite .view-content .views-row .contentblock button {
		margin-top: var(--abstand3);
	}
	
	.radmarke-liste .contentblock button {
		margin-top: var(--abstand1);
	}
	
	.gebraucht-liste .view-content > .views-row {
		flex-basis: 100%;
	}
	
	.gebraucht-full .details > div {
		flex-basis: 100%;
		margin-top: var(--abstand2);
	}
	
	.p-artikel-right {
		padding: var(--abstand2) 0px;
	}
	
	.p-titel-text .bg-actioncolor .p-titel-text-titelblock h3,
	.p-titel-text .bg-actioncolor .p-titel-text-textblock {
		text-align: left;
	}
	.p-titel-text .bg-actioncolor .button-flex {
		justify-content: flex-start;
	}
	
	.button-flex button {
		min-width: 70%;
	}
	
	.p-faktenblock dl {
		flex-wrap: wrap;
	}
	
	.p-faktenblock dl dt {
		flex-basis: 100%;
		font-weight: var(--medium);
		padding-bottom: 0px;
	}
	
	.p-faktenblock dl dd {
		flex-basis: 100%;
		padding-top: 0px;
	}
	
	.cookiesjsr-banner--text {
		font-size: 80% !important;
		line-height: 115%;
	}
	
	.copyright {
		margin-top: 10px;
	}
	
	.p-zitat {
		text-align: left;
	}
	
}


@media all and (max-width: 414px) {


}

@media all and (max-width: 375px) {


}

@media all and (max-width: 320px) {


}







@media only screen and (min-device-width: 768px) and (max-device-width: 1366px) and (orientation:landscape) {
	


	
	
	
}


@media only screen and (max-width: 736px) and (orientation:landscape)  {
	

	
}