@import url("https://p.typekit.net/p.css?s=1&k=dwo4umr&ht=tk&f=14032.14034.26908.26909.26913&a=989633&app=typekit&e=css");

/* Basic Styles */

:root {
	--bs-gutter-x : 1.5rem;	
}


html {
	font-size: 16px;
}

body {
	background-color: #000;
	color: #fff;
	font-family:"aktiv-grotesk", Helvetica, sans-serif;
	font-size: 16px;
	transition: width ease-in-out 0.5s;
	font-weight: 400;	
	width: 100%;
	line-height: 1.3;
}

.nomenu header, .nomenu footer, .nomenu .container.full.partnergal.greyscale {
	display: none;
}

.skip {
	display: none;
}

.tooltip {
	display: none;
}

/* Scollpfeil */

#scrollintro {
	scroll-margin: 2rem;
}

.pfeil {
	position: fixed;
	bottom: 2rem;
	width: 100%;
	z-index: 1;
	transition: .3s;
}

.pfeil.hide {
	bottom: -5rem;
}

.bounce {
	color: #fff;
	display: block;
	font-size: 13px;
	height: 50px;
	width: 50px;
	letter-spacing: 1px;
	margin: auto;
	background-image: url(../images/pfeil_down.png) !important;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: bottom;
	animation: bounce 3s;
    animation-iteration-count: 3;
	filter: brightness(0) invert(1);
	border: 2px solid;
	border-radius: 100%;
}

@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {
	  -moz-transform: translateY(0);
	  -ms-transform: translateY(0);
	  -webkit-transform: translateY(0);
	  transform: translateY(0);
	}
	40% {
	  -moz-transform: translateY(-30px);
	  -ms-transform: translateY(-30px);
	  -webkit-transform: translateY(-30px);
	  transform: translateY(-30px);
	}
	60% {
	  -moz-transform: translateY(-15px);
	  -ms-transform: translateY(-15px);
	  -webkit-transform: translateY(-15px);
	  transform: translateY(-15px);
	}
  }

:focus {
	outline: 1px dotted #000!important;
}

h1, h2, h3, h4 {
	font-family: "aktiv-grotesk", Helvetica, sans-serif;
}

.extended {
	font-family: "aktiv-grotesk-extended", Helvetica, sans-serif;
}

.center {
	text-align: center;
}

h1 {
	font-size: 3.125em;
	line-height: 1.1;
	max-width: 16em;
	margin-bottom: 0.5em;
	font-weight: 700;
}

@supports (-webkit-text-stroke: 1px black) {
  h1 {
    -webkit-text-stroke: 1px #fff;
    -webkit-text-fill-color: #000;
  }
}

.footerwhite h1 {
	-webkit-text-fill-color: transparent;
}
  
h2, .smallh1 h1 {
	font-size: 2rem;
	font-family: "aktiv-grotesk-extended", Helvetica, sans-serif;
	font-weight: 300;
	margin-bottom: 1rem!important;
	line-height: 1.2;
	text-align: left;
	float: left;
	width: 100%;
	-webkit-text-stroke: 0px #fff;
}

.bigh2 h2 {
	font-size: 2.2rem;
	font-weight: 700;
	margin-bottom: 3rem!important;
}

.col-md-8 h2:not(:first-child) {
	padding-top: 1em;
}

h3 {
	font-size: 1.5em;
	margin-bottom: 0.5em;
	width: 100%;
	float: left;
	margin-top: 0;
}
  
h4 {
	font-size: 0.75rem;
	float: left;
	width: 100%;
	text-transform: uppercase;
	line-height: 1.5;
	margin-bottom: 1em!important;
	font-weight: 700;
	letter-spacing: 0.1rem;
}

p {
	font-size: 1.4rem;
	line-height: 1.5;
	padding-bottom: 1em;
	margin-bottom: 0;
	clear: both;
	width: 100%;
}

.col-md-8 {
	padding-right: 4em;
	padding-left: 4em;
}

b, strong {
  font-weight: 700;
}
  
img {
	max-width: 100%;
}

em {
    font-weight: normal;
    font-style: normal;
}
  
a {
	color: #fff;
}

.nopad {
	padding: 0;
}

.white a {
	color: #000;
}

.white a:hover {
	  color: #000;
	  text-decoration: underline;
}

a:hover {
	  color: #fff;
	  text-decoration: underline;
}
  
main ul, main ol {
	padding-left: 20px;
	float: left;
	margin-top: 0;
	margin-bottom: 0;
	padding-bottom: 1em;
	width: 100%;
	max-width: 800px;
	font-size: 1.22em;
	clear: both;
}

ol.small {
	margin-top: 1em;
	margin-left: 15px;
}
  
main ul {
	  list-style: none; 
}	  

main ul li {
	font-size: 1.4rem;
	list-style: none;
	float: left;
	width: 100%;
	clear: both;
	line-height: 1.5;
}

main ul li::before {
	content: '–';
	margin-left: -20px;
	padding-right: 10px;
}

main li {
	margin-bottom: 0px;
}

main ul li ul, main ul li ol {
	margin-top: 20px;
	padding-left: 40px;
	margin-bottom: 20px;
}

main ul li ol {
	padding-left: 20px;
}

.hidden {
	display: none!important;
}

.clearblock {
	float: left;
	height: 8em;
	clear: both;
	width: 100%;
}

.clearblock.middle {
	height: 6em!important;
}

.clearblock.big {
	height: 8em!important;
}

.clearblock.small {
	height: 4em;
}

.desktopblock {
	display: block;
}

/* System Message */



/* Sitestyles */



/* Joomla Overrides */

.cat-children {
	margin: auto;
	max-width: 1170px;
	display: none;
}

.item-page .pull-left.item-image {
	display: none;
}

#system-message-container {
	position: absolute;
	left: 0;
	top: 0;
}

#system-message {
	position: fixed;
	background: transparent;
	color: #fff;
	z-index: 11111;
	display: flex;
	background: rgba(0,0,0,0.7);
	width: 100%;
	height: 100%;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: center;
	top: 0;
}

.alert {
	background: #EE7656;
	flex-basis: 35%;
	padding: 1em;
	padding-bottom: 3em;
	border-radius: 25px;
}

.alert.alert-error div {
	float: left;
}

.page-header, .category-desc {
	text-align: center;
	width: 100%;
	float: left;
	padding-top: 12em;
	padding-bottom: 6em;
}

.filterpage .category-desc {
	padding-bottom: 0em;
}

.category-desc p {
	font-family: aktiv-grotesk-extended;
	font-weight: 300;
	max-width: 1080px;
}

.page-header.white, .category-desc.white {
	color: #fff;
	background-position: center;
	background-size: cover;
	min-height: 50vh;
	margin-bottom: 2em;
}

.blogcamperwhite .category-desc, .blogsportwhite .category-desc, .blogpaketewhite .category-desc {
	color: #fff;
	background-position: center;
	background-size: cover;
	min-height: 50vh;
	margin-bottom: 2em;
}

.blogcamperwhite .category-desc {
	background-image:url(../images/camper_header.jpg);
}

.blogsportwhite .category-desc {
	background-image:url(../images/sport_header.jpg);
}

.blogpaketewhite .category-desc {
	background-image:url(../images/pakete_header.jpg);
}

.page-header h1, .category-desc h1, .bigclaim h1 {
	width: 100%;
	text-align: center;
	max-width: 1600px;
	padding-top: 0;
	padding-bottom: 0;
	text-transform: uppercase;
	font-size: 6rem;
	padding: 0 30px;
	margin-left: auto;
	margin-right: auto;
	letter-spacing: 0.05em;
}

.category-desc h1 {
	margin-bottom: 8rem;
}

.bigclaim h1 {
	font-size: 6em;
}

.col-md-12.bigh h2, .showcase h2 {
	text-transform: uppercase;
	font-size: 6em;
	margin-left: auto;
	margin-right: auto;
	-webkit-text-stroke: 1px #fff;
	-webkit-text-fill-color: #000;
	margin-bottom: 0.5em!important;
}

.page-header p, .category-desc p {
	font-size: 1.5em;
	margin: auto;
}

/* Bootstrap Overrides */

div[data-toggle="modal"] {
	cursor: pointer;
}

sub, sup {
	position: relative;
	font-size: 65%;
	line-height: 0;
	vertical-align: baseline;
	left: .01em;
}

sup {
	top: -.6em;
}

hr {
	border-top: 1px solid #000;
}

.breadcrumb {
	display: block;
	padding: 0;
	margin-bottom: 0;
	list-style: none;
	background-color: transparent;
	border-radius: 0;
	font-size: 0.8em;
	text-transform: uppercase;
	position: absolute;
	right: 375px;
	top: 60px;
	transition: right ease-in-out 0.2s;
}

button, .btn, .btn.inv.active, .btn.inv:hover, main .vrclistgoon a, main .vrclistgoon a:visited, main .vrclistgoon a:link, main .vrclistgoon a:active, main .booknow, main .vrcentercoupon input.vrcsubmitcoupon, main .vrc-enterpin-top .vrc-pincode-sbmt  {
	background-color: transparent;
	color: #fff !important;
	border-radius: 0em;
	border-color: #000;
	font-size: .9em;
	text-transform: uppercase;
	text-decoration: none;
	padding: 0.475rem 2.85rem;
	border: 1px solid #fff;
	cursor: pointer;
}

main .vrcentercoupon input.vrcsubmitcoupon {
	background: #81b351;
	border: 2px solid #6da53f;
}


main .vrcentercoupon input.vrcsubmitcoupon:hover {
	background: #81b351;
	border: 2px solid #6da53f;
}

main .vrc-enterpin-top .vrc-pincode-sbmt  { 
	height: 37px;
	padding: 0.4rem 2.85rem;
}

button:hover, .btn:hover, .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle, .continue_link:hover, .btn.inv, main .vrclistgoon a:hover, main .booknow:hover {
	background-color: #fff;
	color: #000 !important;
	border-color: #fff;
}

.btn.camperbutton, .btn.gutscheinbutton, .btn.btn-primary.submit-button, .btn.btn-danger.reset-button {
	margin-bottom: 2em!important;
	margin-right: 1em!important;
}




.fox-item .btn {
	display: inline-block;
	margin-bottom: 0;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	background-color: #efb941!important;
	color: #fff !important;
	background-image: none!important;
	border: 2px solid #efb941!important;
	border-color: #efb941!important;
	border-bottom-color: #efb941!important;
	border-radius: 2em!important;
	filter: none!important;
	box-shadow: none!important;
	padding: 0.475rem 2.85rem!important;
	line-height: 1.5!important;
	text-shadow: none!important;
}

.fox-item .btn span {
	color: #fff !important;
}

.fox-item .btn:hover {
	background-color: #fff!important;
	color: #efb941!important;
}

.fox-item .btn:hover span {
	color: #efb941!important;
}

/* Sprachwähler */

.mod-languages {
	position: absolute;
	right: 6em;
	top: 3.7em;
}

div.mod-languages ul li.lang-active {
	background-color: transparent;
}

div.mod-languages ul.lang-inline .lang-active a {
	text-decoration: underline;
}

div.mod-languages a:hover {
	text-decoration: underline;
}

.nointro .col-md-12.zitat {
	display: none;
}

@media only screen and (max-width: 768px) {

.mod-languages {
	right: 5em;
	top: 2.9em;
}
  
}  

@media only screen and (max-width: 480px) {
.mod-languages {
	right: 4.5em;
	top: 2.6em;
}
  
}

/* Header / Menü */

header {
	position: fixed;
	width: 100%;
	left: 0;
	top: -1px;
	background-color: transparent;
	z-index: 1001;
	height: 0px;
	transition: background-color ease-in-out 0.5s;
}

.navbar.mobile {
	display: block;
	position: fixed;
	width: 100%;
	z-index: 100;
	padding:0;
}

.navbar.mobile .container {
	background-color: transparent;
	width: 100%;
	max-width: 100%;
	height: 0px;
}

.navbar-brand {
	padding: 0;
	position: fixed;
	padding-left: 15px;
	margin-top: 40px;
	top: 0;
	left: 15px;
	color: #fff;
}

.navbar-brand:hover {
	color: #fff;
}

.navbar-brand img, .navbar-brand .firmclaim {
	height: auto;
	padding-top: 0px;
	padding-bottom: 0px;
	width: 60px;
	opacity: 1;
	transition: ease-in-out .2s;
	position: relative;
	top: 0;
	left: 0;
	clear: both;
	float: left;
    filter: drop-shadow(1px 1px 1px #838383);
}

.navbar-brand .firmclaim {
	padding-bottom: 2em !important;
	margin-top: 0 !important;
}

.default .firmclaim::after, .startpage .firmclaim::after, .viererblog .firmclaim::after,  .footerwhite .firmclaim::after, .filterpage .firmclaim::after  {
	content: 'Group';
}

.studio .firmclaim::after {
	content: 'Studio';
}

.veranstaltungstechnik .firmclaim::after {
	content: 'Veranstaltungstechnik';
}

html[lang="en-gb"] .veranstaltungstechnik .firmclaim::after {
	content: 'Event Technology';
}

.objektbetreuung .firmclaim::after {
	content: 'Objektbetreuung';
}

html[lang="en-gb"] .objektbetreuung .firmclaim::after {
	content: 'Site Supervision';
}

.systemintegration .firmclaim::after {
	content: 'Systemintegration';
}

html[lang="en-gb"] .systemintegration .firmclaim::after {
	content: 'System Integration';
}

.down .navbar-brand .firmclaim {
	padding-bottom: 0 !important;
	height: 0 !important;
	opacity: 0 !important;
	margin-bottom: 1em !important;
}

.down .navbar-brand img {
	opacity: 1;
	transition: ease-in-out .2s;
}

.down .navbar-brand {
	height: 0 !important;
	opacity: 0 !important;
	transition: ease-in-out .2s;
	transition-delay: 0.5s;
}

.navbar .nav.menu.mod-list, .nav.menutop.mod-list {

}

@media only screen and (max-width: 768px) {
  .navbar-brand {
	margin-top: 20px;
}
  
/* .startpage .navbar-brand {
	margin-top: 40px;
}  
*/  
  
  .navbar-brand img {
      width: 40px;
  }
  
}  

/* Burger */

.burger {
	position: fixed;
	top: 36px;
	right: 30px;
	height: 60px;
	width: 60px;
	cursor: pointer;
	background: #000;
	border-radius: 60px;
	padding-left: 20px;
	padding-top: 13px;
	z-index: 1000;
	transition: all ease-in-out 0.2s;
}

.burger {
	display: block;
}

.burger:hover {
	transform: scale(1.1);
	transition: all ease-in-out 0.2s;
}

.burger.open {
	transition: all ease-in-out 0.2s;
}

.burgerlayer {
	background: #fff;
	width: 20px;
	height: 0px;
	display: block;
	transition: all ease-in-out 0.2s;
	margin-top: 7px;
	border: 1px solid;
}

.burgerlayer.white {
	color: #fff;
	background: #fff;
}

.open .burgerlayer.white {
	color: #000;
	background: #000;
}

.burgerlayer.middle {
	width: 12px;
	margin-left: 7px;
}

.open .burgerlayer.top {
	margin-top: 17px;
	margin-left: 0px;
	width: 24px;
	transform: rotate(-225deg);
}

.open .burgerlayer.middle {
	transition: all ease-in-out 0s;
	opacity: 0;
}

.open .burgerlayer.bottom {
	margin-top: -11px;
	width: 24px;
	margin-left: 0px;
	transition: all ease-in-out 0.2s;
	transform: rotate(225deg);
}

/* Menü */

.menuback {
	margin-top: 0;
	border-radius: 0;
	margin-right: 0;
	width: 50vw;
	transition: all ease-in-out 0.2s;
	opacity: 1;
	background: #000;
	padding-top: 6em;
	padding-left: 4em;
	padding-right: 2em;
	padding-bottom: 1.5em;
	min-height: 100vh;
	position: fixed;
	right: 0;
	top: 0;
	transform: translateX(150%);
	height: 100vh;
	overflow-y: scroll;
	overflow-x: hidden;
}

.menuback.open {
	transition: all ease-in-out 0.2s;
	transform: translateX(0);

}

.menuback .nav li {
	width: 100%;
	margin-bottom: 1em;
	transform: translateX(105%);
	transition: all ease-in-out 0.4s;
}

.menuback.open .nav li {
	transform: translateX(0%);
	transition: all ease-in-out 0.4s;
}

.menuback.open .nav li:nth-child(10) {
	transition-delay: 0.02s !important;
}

.menuback.open .nav li:nth-child(9) {
	transition-delay: 0.04s !important;
}

.menuback.open .nav li:nth-child(8) {
	transition-delay: 0.06s !important;
}

.menuback.open .nav li:nth-child(7) {
	transition-delay: 0.08s !important;
}

.menuback.open .nav li:nth-child(6) {
	transition-delay: 0.1s !important;
}

.menuback.open .nav li:nth-child(5) {
	transition-delay: 0.12s !important;
}

.menuback.open .nav li:nth-child(4) {
	transition-delay: 0.14s !important;
}

.menuback.open .nav li:nth-child(3) {
	transition-delay: 0.16s !important;
}

.menuback.open .nav li:nth-child(2) {
	transition-delay: 0.18s !important;
}

.menuback.open .nav li:nth-child(1) {
	transition-delay: 0.2s !important;
}

.menuback .nav li a {
	font-size: 2.4em;
	text-transform: uppercase;
	color: #fff;
	letter-spacing: 0.05em;
	font-weight: 700;
	text-decoration: none;
}

.menuback .nav li .small {
	font-size: 2rem;
}

.menuback .nav li a:hover, .menuback .nav .active a, .nav.menu.mod-list .active a, .nav.menu.mod-list .active .alias-parent-active a:hover, .menuback .nav .current.active.deeper.parent .nav-child.unstyled.small li a:hover, 
.menuback .nav .current.active.deeper.parent .nav-child.unstyled.small .current.active a {
	text-decoration: underline;
}

.menuback .nav .nav-child.unstyled.small, .menuback .nav .current.active.deeper.parent .nav-child.unstyled.small {
	background: #fff;
	border-radius: 30px;
	box-shadow: 0px 0px 15px #00000029;
	padding-left: 2em;
	padding-right: 2em;
	position: absolute;
	margin-left: -2em;
	padding-top: 1.5em;
	padding-bottom: 1.5em;
	list-style-type: none;
	display: none;
}

.menuback .nav .current.active.deeper.parent .nav-child.unstyled.small li a {
	text-decoration: none;
}

.menuback .nav .deeper.parent:hover .nav-child.unstyled.small, .menuback .nav .current.active.deeper.parent:hover .nav-child.unstyled.small {
	display: block;
}

.menuback .nav .nav-child.unstyled.small li a {
	font-size: 1.4em;
	text-transform: none;
	text-decoration: none;
	margin-bottom: 0.25em;
	float: left;
	margin-top: 0.25em;
	clear: both;
}

.menuback .nav .nav-child.unstyled.small li a:hover {
	text-decoration: underline;
}

.nav.menu.mod-list .active .alias-parent-active a {
	text-decoration: none;
}

.menuback .nav .nav-child.unstyled.small .current.active a {
	text-decoration: underline;
}

.menubottom {
	position: relative;
	padding-top: 4em;
}

.menubottom .nav li {
	display: inline-block;
	width: 33.33333%;
}

.menubottom .nav li a {
	font-size: 1rem;
	text-transform: uppercase;
	color: #fff;
	letter-spacing: 0.05em;
	font-weight: 700;
}

.leftflow {
	text-align: left;
	width: 100%;
	float: left;
}

.centerflow {
	text-align: center;
	width: 100%;
	float: left;
}

.rightflow {
	text-align: right;
	width: 100%;
	float: right;
}

/* Main */

.anchor {
	padding-top: 0em;
	margin-top: -0em;
	float: left;
}

main {
	width: 100%;
	transition: width ease-in-out 0.5s;
	margin-top: 0px;
	padding-bottom: 6em;
}

.row {
	margin-right: 0;
	margin-left: 0;
}

.row.revert {
	flex-direction: row-reverse;
}

.container.full {
	max-width: 100%;
	margin-top: 0;
	float: left;
}

.container.full.fullheight {
	background: linear-gradient(125deg, #007FA3 0%, #9b1920 70%);
	min-height: 100vh;
	position: relative;
}

.orange {
	background-color: #efb941;
}

.orange button, .orange .btn, .orange .btn.inv.active, .orange .btn.inv:hover, .camperinfo button, .camperinfo .btn, .camperinfo .btn.inv.active, .camperinfo .btn.inv:hover {
	background-color: #fff;
	color: #efb941 !important;
	border: 2px solid #fff;
}

.orange button:hover, .orange .btn:hover, .orange .btn-primary:not(:disabled):not(.disabled).active, .orange .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle, .orange .continue_link:hover, .btn.inv, .camperinfo button:hover, .camperinfo .btn:hover {
	background-color: #efb941;
	color: #fff !important;
	border-color: #fff;
}

.btn.inv, .btn.btn-danger.reset-button {
	background-color: #fff !important;
	color: #000 !important;
	border-color: #fff !important;
	white-space: normal;
	max-width: 260px;
	min-width: 260px;
	padding: 0.475rem 1.85rem;
}

.btn.btn-danger.reset-button span, .btn.inv.gutscheinbutton.active {
	color: #efb941 !important;
}

.btn.inv:hover, .btn.btn-danger.reset-button:hover {
	background-color: #000!important;
	color: #fff !important;
	border-color: #000!important;
	white-space: normal;
	max-width: 260px;
	min-width: 260px;
	padding: 0.475rem 1.85rem;  
}

.btn.btn-danger.reset-button:hover span, .btn.inv.gutscheinbutton.active:hover {
	color: #fff!important;
}


.container {
	max-width: 1600px;
	clear: both;
}

.inputboxstart {
	background-color: #fff;
	padding: 3em 2em 1em 2em;
	max-width: 19rem;
	margin-left: -15px;
	margin-top: -28em;
}

.inputboxstart form {
	padding: 0;
	width: 100%;
	text-align: ;
}

main .inputboxstart .vrcdivsearch {
	padding: 0;
	background: transparent;
	width: 100%;
	margin-bottom: 0em;
}

/* Top */

.container.full.top {
	max-width: 100%;
	float: left;
	background-size: cover;
	background-position: right bottom;
	min-height: 85vh;
	display: flex;
	flex-direction: column-reverse;
}

.container.full.half.top.start {
	min-height: 20vw;
	background-position: right top;
	margin-bottom: 4em;
}

.container.full.half.top.start h1 {
	position: relative;
	font-size: 6vw;
	text-align: left;
	float: left;
}

.container.full.top .container {
	padding-top: 3em;
	margin-top: -3em;
	justify-content: flex-end;
}

.container.full.top h1, .container.full.top .bigh2 {
	position: absolute;
	bottom: 0;
	margin-bottom: 0;
	text-transform: uppercase;
	max-width: 40rem;
	font-size: 6rem;
	text-align: center;
	color: #fff;
	letter-spacing: -0.033em;
}

.container.full.top .smallh1, .smallh1  {
	font-size: 1.22em;
	color: #000;
	position: relative;
	letter-spacing: 0;
	text-transform: none;
	text-align: left;
	font-weight: 700;
	line-height: 1.5;
}

/* Suche */

.btn-toolbar {
	justify-content: center;
	gap: 1em;
}

.search {
	margin-bottom: 8em;
}

.element-invisible {
	display: none;
}

.badge-info {
	color: #fff;
	background-color: #efb941;
}

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

.searchintro p {
	margin: auto;
	margin-top: 1em;
}

/* bordercontainer */

.borderbottom {
padding-bottom: 3rem;
border-bottom: 2px solid;
}

.borderleft {
padding-left: 3rem;
border-left: 1px solid;
}

.borderright {
padding-right: 3rem;
border-right: 1px solid;
}

/* Teasercontainer */

.bigh h2, .col-md-8 h2, .col-md-8.bigh2 h2, .smallh1 h1 {
	font-size: 2.8rem;
	font-weight: 700;
}

.col-md-8 h2 {
	font-size: 1.6rem;
}

.date, .unhovered h3, .navbar-brand .firmclaim, .col-md-6.submenu .nav  {
	font-size: 0.75rem;
	font-weight: 700;
	margin-top: 1.5em;
	margin-bottom: 2em!important;
	float: left;
	width: 100%;
	text-transform: uppercase;
    letter-spacing: 0.1rem;
}

@media only screen and (max-width: 768px) {
  
  .navbar-brand .firmclaim {
      margin-bottom: -1em !important;
  } 
  
} 

.intro {
	font-size: 1.26rem;
	font-family: aktiv-grotesk-extended;
	font-weight: 300;
}

.bigimg {
	position: relative;
}

.bigimg img {
	object-fit: cover;
	height: 100%;
}

.col-md-6.bigh.top {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
}

.col-md-6.bigh.top.middle {
	align-items: center;
}

.container.full.white .col-md-6.bigh.top {
	align-items: center;
}

.col-md-6.bigh.top.smallh1 {
	align-items: center;
	display: flex;
}

.col-md-6.bigh.top .intro {
	padding: 4rem;
}

.col-md-6.bigh.top .intro h2 {
	font-weight: 200;
	font-size: 2rem;
	margin-bottom: 0.5em;
}

.col-md-6.bigh.top .intro.extended h2 {
	font-size: 2.5rem;
}

.col-md-6.bigh.top .intro.extended p, .col-md-8.intro.extended p {
	font-size: 1.5rem;
	font-weight: 200;
	line-height: 1.4;
}

.col-md-6.bigh.top .intro h2:not(:first-child) {
	margin-top: 0.5em;
}

.col-md-6.bigimg .caption {
	left: 30px;
	text-align: left;
}

.revert .col-md-6.bigimg .caption {
	right: 30px;
	left: auto;
	text-align: right;
}

.white .col-md-6.bigimg .caption {
	text-align: left;
	font-size: 0.75em;
	margin-top: -4em;
	color: #d9d9d9;
	z-index: 111;
	position: absolute;
	right: 1em;
	width: auto;
}

.transformed {
		transform: translateX(-0.7em) translateY(-0.5em);
}

/* Container White */

.container.full.white {
	background-color: #fff;
	color: #000;
	padding: 0;
}

.container.full.white .col-md-6.bigimg, .container.full.white .col-md-6.bigimg img {
	padding: 0;
	min-height: 100vh;
	object-fit: cover;
}

.introcenter {
	padding: 4rem;
	font-family: aktiv-grotesk-extended;
	font-weight: 300;	
}

.introcenter h1 {
	font-size: 3.5rem;
	margin-bottom: 4rem!important;
}

.introcenter p {
	font-size: 1.5rem;
}

/* Colorcontainer */

.highlights {
	color: #000;
	line-height: 1.2;
	text-decoration: none !important;
	float: left;
	width: 100%;
}

.pricebox {
	color: #000;
	font-size: 2em;
	margin-bottom: 0.5em;
}

.pricebox span {
	font-size: 0.5em;
}

.col-md-8.bighinfo {
	text-align: center;
}

.bighinfo h2, .bighinfo h1 {
	position: relative;
	margin-bottom: 0.3em;
	text-transform: uppercase;
	max-width: 32rem;
	font-size: 6rem;
	text-align: left;
	color: #fff;
	letter-spacing: -0.033em;
	line-height: 0.8;
}

.bighinfo h4 {
	font-size: 1.6em;
	float: left;
	width: 100%;
	letter-spacing: 0;
	text-transform: none;
	line-height: 1;
	margin-bottom: 0em;
	font-weight: bold;
	margin-bottom: 0.8em;
}

.col-md-8.bighinfo h2, .col-md-8.bighinfo h1 {
	text-align: center;
	width: 100%;
	max-width: 100%;
	transform: translateY(-0.23em);
	margin-bottom: 0em;
}

.col-md-8.bighinfo h3 {
	margin-top: 0;
	margin-bottom: 0;
	color: #fff;
	letter-spacing: 0.2em;
	text-transform: uppercase;
}

.col-md-8.bighinfo img {
	max-height: calc(60vh - 10em);
	margin: auto;
}

.infobox {
	position: absolute;
	bottom: 0;
}

.infobox img {
	width: 15vw;
}

.stoerer {
	background-color: #f89f07;
	width: 2.5em;
	height: 2.5em;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	border-radius: 2.5em;
	font-size: 2.5em;
	float: right;
	padding: 2.2em;
	margin-top: -2.5em;
}

.stoerer span {
	font-size: 0.5em;
	line-height: 30px;
	padding-top: 0.6em;
	padding-right: 0.2em;
}

.col-md-12.bordertop {
	background-color: #fff;
	float: left;
}

.col-md-6.tabelle .col-md-3 {
	text-align: center;
}

.col-md-6.tabelle, .col-md-6.tabelle .col-md-6, .col-md-6.tabelle .col-md-6 .col-md-6, .col-md-6.tabelle .col-md-3 {
	float: left;
	padding: 1em;
}

.col-md-3.equalizer.grey {
	background: #f2f2f2;
}

.col-md-6.tabelle .col-md-6, .col-md-6.tabelle .col-md-6 .col-md-6, .col-md-6.tabelle .col-md-3 {
	float: left;
	padding: 1em 0;
	border-bottom: 1px solid #000;
}

.col-md-6.tabelle .top {
	border-bottom: 5px solid;
}

/* Aside */

aside {
	float: left;
	background-color: #fff;
	width: 100%;
}

.greyscale img {
	filter: grayscale(100%);
	scale: 0.8;
	transition: all ease-in-out .2s;
}

.greyscale img:hover {
	filter: grayscale(0%);
	scale: 1;
}

/* Footer */

footer * {
	color: #000 !important;
}

.moduletable.socialfoot img {
	width: 25px;
	height: 25px;
	padding-top: ;
	margin-top: 25px;
	margin-right: 15px;
}

footer {
	float: left;
	width: 100%;
	margin-top: 0px;
	margin-bottom: 0px;
	background: rgb(213,150,59);
	background: linear-gradient(90deg, rgba(213,150,59,1) 0%, rgba(234,185,117,1) 50%, rgba(187,199,222,1) 100%);
    background: linear-gradient(90deg, #838383 0%, #ededed 50%, #fff 100%);
	padding-top: 4em;
	padding-bottom: 4em;
	transition: width ease-in-out 0.5s;
	color: #000 !important;
}

.footerwhite footer {
	background: #fff;
	padding-top: 0em;
	float: left;
	width: 100%;
	padding-bottom: 4em;
}

.container.foot {
	padding-top: 0em;
}

.container.foot .row {
	padding-left: 15px;
	padding-right: 15px;
}

footer .col-md-12.top {
	border-top: 1px solid #000;
	margin: 15px;
	max-width: calc(100% - 30px);
}

footer .col-md-3 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 20%;
	flex: 0 0 20%;
	max-width: 20%;
	font-family: aktiv-grotesk;
	font-weight: 700;
	font-size: 1em;
}

footer .col-md-3 {
	margin-bottom: 2em;
}

footer .clearblock.small {
	height: 8em;
}

footer ul {
	list-style-type: none;
    padding-left: 0;
}

footer li {
	line-height: 1.2;
	width: auto;
	margin-right: 0.5em;
	display: inline-block;
}

footer h3 {
	font-size: 0.9em;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 0.1em;
}

footer p {
	font-size: 0.9em;
	line-height: 1.2;
	padding-bottom: 0.1em;
	font-weight: bold;
}

footer strong {
	font-size: 1.1em;
	padding-bottom: 0.3em;
	float: left;
	width: 100%;
}

footer .col-md-12 {
		text-align: right;
}

footer .col-md-12 img {
	height: 50px;
}

footer .col-md-12 p, .col-md-6.submenu .nav {
	max-width: 100%;
	width: 100%;
	padding-top: 2rem;
}

footer .col-md-6 {
	float: left;
	padding: 0;
}

footer .col-md-12 .sociallinks img {
	width: 30px;
}

footer .sociallinks {
	margin-top: .7em;
	margin-bottom: 2em;
}

@media (max-width: 810px){ 
footer li {
	display: block;
	clear: both;
	float: left;
}
}

/* Footer Menü */

.col-md-6.submenu {
	text-align: left;
}

.col-md-6.submenu .nav {
	padding-top: 0;
}

.col-md-6.submenu .nav li a {
	margin-right: 1rem;
	float: left;
	text-decoration: none;
	line-height: 2;
}

.col-md-6.submenu .nav li a:hover {
	text-decoration: underline;
}

/* Accordeon */

.accordion {
	margin-bottom: 0em;
}

.accordion h5 {
	font-family: aktiv-grotesk-extended;
	padding-right: 1.5em;
}

a[data-toggle="collapse"] {
	text-decoration: none;
	display: block;
	-webkit-appearance: none;
}

h3 a[data-toggle="collapse"] {
	font-size: 1.25rem;
	line-height: 1.5;
}

a[aria-expanded="true"] {

}

a[aria-expanded="false"]::after {
	content: '+';
	position: absolute;
	right: 0px;
	font-size: 2.5rem;
	line-height: 0.5;
}

a[aria-expanded="true"]::after {
	content: '–';
	position: absolute;
	right: 0;
	font-size: 18px;
	right: 3px;
	margin-top: 1px;
	font-size: 2.2rem;
	line-height: 0.45;
}

  .card {
	background: transparent;
	border: none;
	width: 100%;
	border-radius: 0 !important;
	border-color: transparent!important;
}

.card-header {
	border: none;
	background-color: transparent;
	padding-left: 0;
	border-top: 1px solid;
	border-radius: 0 !important;
	padding: 2rem 0;
}

.card-header:first-child {
	border-radius: 0 !important;
}

.card-body {
	max-width: 900px;
	padding-left: 0;
}

.card-body img {
	max-width: 50%;
	float: left;
	padding-right: 20px;
	margin-bottom: 20px;
}

/* Accordeon nue */

.accordion {
	--bs-accordion-color: #212529;
	--bs-accordion-bg: #fff;
	--bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
	--bs-accordion-border-color: var(--bs-border-color);
	--bs-accordion-border-width: 1px;
	--bs-accordion-border-radius: 0.375rem;
	--bs-accordion-inner-border-radius: calc(0.375rem - 1px);
	--bs-accordion-btn-padding-x: 1.25rem;
	--bs-accordion-btn-padding-y: 1rem;
	--bs-accordion-btn-color: #212529;
	--bs-accordion-btn-bg: var(--bs-accordion-bg);
	--bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
	--bs-accordion-btn-icon-width: 1.25rem;
	--bs-accordion-btn-icon-transform: rotate(0deg);
	--bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
	--bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
	--bs-accordion-btn-focus-border-color: #86b7fe;
	--bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
	--bs-accordion-body-padding-x: 1.25rem;
	--bs-accordion-body-padding-y: 1rem;
	--bs-accordion-active-color: #0c63e4;
	--bs-accordion-active-bg: #e7f1ff;
}

.accordion-flush .accordion-collapse {
	max-width: 1910px;
	padding: 0;	
	margin: auto;
	padding-bottom: 1rem;
}

.accordion-flush .accordion-item:first-child {
	border-top: 1px solid var(--clr-black);
}

.accordion-item {
	background-color: transparent;
	border: 1px solid var(--clr-black);
}

.accordion-button {
	position: relative;
	display: flex;
	font-size: 1em;
	align-items: center;
	width: 100%;
	padding: 2rem 0;
	color: #000;
	text-align: left;
	background-color: transparent;
	border: 0;
	border-radius: 0;
	overflow-anchor: none;
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease;
	max-width: 1910px;
	margin: auto;
	border-top: 1px solid #000;
}

.black .accordion-button {
	border-top: 1px solid #fff;
}

.accordion-button:focus {
	z-index: 3;
	border-color: transparent;
	outline: 0;
	box-shadow: none;
}

.accordion-button::after, .accordion-button:not(.collapsed)::after {
	flex-shrink: 0;
	width: 18px;
	height: auto;
	margin-left: auto;
	content: "+";
	transition: transform .2s ease-in-out;
	line-height: 1;
	position: absolute;
	right: 0;
	background-position: right;
	color: #000;
	font-size: 1.75rem;
	background: none;
}

.black .accordion-button::after, .black .accordion-button:not(.collapsed)::after {
	color: #fff;
}

.accordion-button:not(.collapsed)::after {
	content: "–";
	translate: 1px -1px;
}

.accordion-button:not(.collapsed) {
	color: var(--clr-black);
	background-color: transparent;
	box-shadow: none;
}

.accordion-button:focus:not(:focus-visible), .accordion-button:not(.collapsed), .accordion-button:hover {
	outline: 0 !important;
	border-top: 1px solid #000;
}

.black .accordion-button:focus:not(:focus-visible), .black .accordion-button:not(.collapsed), .black .accordion-button:hover {
	border-top: 1px solid #fff;
}

.accordion-button span {
	padding-right: 3.5rem;
	color: #000;
}

.black .accordion-button span {
	color: #fff;
}

.black .accordion-button.collapsed:hover {
	background: #000;
}

.accordion-body {
	padding: calc(var(--padder) / 2) 0;
	padding-top: 0;
	font-size: var(--font-p);
} 

@media (max-width: 810px){ 



}

@media (max-width: 480px){ 



}


/* Pagination */

.pagination {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(1.3rem, max-content));
	justify-content: center;
	grid-gap: 0rem;
	max-width: 240px;
	width: 100%;
	position: relative;
}

.pagination {
	display: flex;
	grid-template-columns: repeat(auto-fit, minmax(1.5rem, max-content));
	justify-content: center;
	grid-gap: 0rem;
	max-width: 240px;
	width: 100%;
	position: relative;
	min-width: 300px;
    translate: 0 3.5rem
}

.page-link {
	padding: 0;
}

.page-item {
	margin-left: 0.1rem;
	margin-right: 0.1rem;
}

.page-item.disabled .page-link {
	color: #fff;
	pointer-events: none;
	background-color: transparent;
	border-color: transparent;
	opacity: 0.5;
}

.page-item:first-child .page-link, .page-item:last-child .page-link {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.page-item:nth-child(2) .page-link, .page-item:nth-last-child(2) .page-link {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	display: block;
	margin-top: -3rem;
    font-size: 30px;
}

.page-item:nth-last-child(2) .page-link {
	translate: 4rem -3.5rem;
}

.page-item:nth-child(2) .page-link {
  
}

.page-item:nth-child(2) .page-link:has(:not(disabled)) {
	margin-top: ;
	translate: -3rem -3.5rem;
}

.page-link {
	color: #fff;
}

.page-link {
	position: relative;
	display: block;
	color: #fff;
	text-decoration: none;
	background-color: transparent;
	border: 0px solid #dee2e6;
}

.page-link:hover {
	z-index: 0;
	color: #000;
	background-color: #fff;
	border-color: #fff;
}

.page-item.active .page-link {
	z-index: 0;
	color: #000;
	background-color: #fff;
	border-color: #fff;
}

main .pagination li::before {
	content: '';
	display: none;
}

.icon-angle-double-left::before {
	content: '«';
}

.icon-angle-left::before {
	content: '‹';
}

.icon-angle-double-right::before {
	content: '»';
}

.icon-angle-right::before {
	content: '›';
}

.com-content-category-blog__navigation {
	display: grid;
	justify-content: center;
	text-align: center;
}

.com-content-category-blog__counter.counter.float-end.pt-3.pe-2 {
	padding: 0;
	padding-right: 0 !important;
	padding-bottom: .5rem;
	padding-top: 2rem !important;
	max-width: 100%;
}

.com-content-category-blog__navigation {
	display: grid;
	justify-content: center;
	text-align: center;
	border-top: 1px solid;
	margin-top: 4rem;
}

.page-link {
	display: none;
}

.page-link[aria-label="Zur Seite weiter wechseln"], .page-link[aria-label="Zur Seite zurück wechseln"], .page-link[aria-label="Go to next page"], .page-link[aria-label="Go to previous page"] {
	display: block;
	position: absolute;
	top: -58px;
	left: 0;
	font-size: 2.5rem;
}

.page-link[aria-label="Zur Seite weiter wechseln"]:hover, .page-link[aria-label="Zur Seite zurück wechseln"]:hover, .page-link[aria-label="Go to next page"]:hover, .page-link[aria-label="Go to previous page"]:hover {
	text-decoration: none;
	background: transparent;
	color: #fff;	
}

.page-link[aria-label="Zur Seite weiter wechseln"], .page-link[aria-label="Go to next page"] {
	right: 0;
	left: auto;
}

@media (max-width: 810px){
	
.pagination .page-item {
	display: none;
}	

.pagination .page-item:last-child,
.pagination .page-item:nth-last-child(2),
.pagination .page-item:first-child,
.pagination .page-item:nth-child(2),
.pagination .disabled.page-item {
	display: block;
}
	
.pagenavigation .icon-chevron-left, .pagenavigation .icon-chevron-right {
	width: 20px;
	height: 20px;
	margin-top: 3px;
}

}

/* Pagination JFilters */

.com-finder__pagination.w-100 {
	border-top: 1px solid #fff;
	padding-top: 3rem;
}

.com-finder__pagination .pagination.ms-0.mb-4 {
	max-width: 100%;
	display: grid;
	grid-template-columns: 0fr 0fr 0fr 0fr 240px 10px 0fr;
	position: absolute;
	left: 0;
	translate: 0 5.5rem;
}

.com-finder__pagination .page-link[aria-label="Zur Seite weiter wechseln"], .com-finder__pagination .page-link[aria-label="Zur Seite zurück wechseln"], .com-finder__pagination .page-link[aria-label="Go to next page"], .com-finder__pagination .page-link[aria-label="Go to previous page"] {
	display: block;
	position: relative;
	top: 23px;
	left: 0;
	font-size: 2.5rem;
}

.com-finder__counter.search-pages-counter {
	max-width: 240px;
	margin: auto;
	text-align: center;
}

@media only screen and (max-width: 810px) {
.com-finder__pagination .pagination.ms-0.mb-4 {
	grid-template-columns: 0fr 0fr 0fr 0fr 0fr 0fr 0fr;
}

.com-finder__pagination .page-item {
	margin-left: 1.1rem;
	margin-right: 1.1rem;
}

.com-finder__counter.search-pages-counter {
	display: none;
}	
	
}

/* Grid Systeme */

.com-content-category-blog__items {
	width: 100%;
}

.masonry-2 {
	display: grid;
	grid-template-columns: 1fr 1fr;
	max-width: 1000px;
	gap: 8rem;
	margin: auto;
}

.masonry-3 {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	padding-inline: calc(var(--bs-gutter-x) * .5);
	gap: 2rem;
}

.mod-articlesnews.newsflash.masonry-3.container, .mod-articlesnews.newsflash.masonry-3 {
	padding: 0;
}

.masonry-4 {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	padding-inline: calc(var(--bs-gutter-x) * 1);
	gap: 2rem;
}

.masonry-4.nopad {
	padding: 0;
}

@media only screen and (max-width: 1280px) {
.masonry-4 {
	grid-template-columns: 1fr 1fr 1fr;
	padding-inline:calc(var(--bs-gutter-x) * 1);
}	
}

@media only screen and (max-width: 810px) {
.masonry-2 {
	grid-template-columns: 1fr;
	gap: 4rem;
	padding-left: calc(var(--bs-gutter-x) * 0.5) !important;
	padding-right: calc(var(--bs-gutter-x) * 0.5) !important;
}

.masonry-3, .masonry-4 {
	grid-template-columns: 1fr 1fr;
	padding-inline:calc(var(--bs-gutter-x) * 1);
}

	
}

@media only screen and (max-width: 600px) {
.masonry-3, .masonry-4 {
	grid-template-columns: 1fr;
	padding-inline:calc(var(--bs-gutter-x) * .5);
}	
}

/* Inhalt */

/* Übersicht */

.items-row {
	max-width: 1600px;
	margin: auto;
	padding: 0 30px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.items-row.viererblog.reihe {
	justify-content: left;
}

.span0 {
	width: 465px;
	margin: 1em;
	margin-top: 0;
	margin-bottom: 2em;
}

.viererblog .span0 {
	width: 310px;
}

/* Detail */

.col-md-full {
	width: 100%;
	float: left;
}

/* News */

.intro:hover {
	text-decoration: none;
}

.intro.equalizer {
	float: left;
}

.intro p {
	font-size: 1.4rem;
}

.intro.equalizer img {
	margin-bottom: 1.5em;
	object-fit: cover;
	width: 100%;
	object-position: center;
	transition: all 0.2s;
}

.spartenblock .intro.equalizer img {
	margin-bottom: 2em;
}

.container.spartenblock .col-md-6:nth-child(1), .container.spartenblock .col-md-6:nth-child(3) {
	padding-right: 3em;
}

.container.spartenblock .col-md-6:nth-child(2), .container.spartenblock .col-md-6:nth-child(4) {
	padding-left: 3em;
}

.intro.equalizer {
	transition: all 0.2s;
}

.intro.equalizer:hover {
	transform: scale(1.02);
	transition: all 0.2s;
}	

/* News Details */

.col-md-12.zitat {
	padding: 4em 0;
}

blockquote {
	text-align: center;
	font-size: 2.2rem;
	font-weight: 200;
	font-family: "aktiv-grotesk-extended";
	padding-top: 2em;
}

blockquote::before {
	content: '»';
}

blockquote::after {
	content: '«';
}

.source {
	font-size: 1rem;
	text-align: center;
	padding-bottom: 2em;
}

.caption {
	text-align: right;
	font-size: 0.75em;
	width: auto;
	color: #d9d9d9;
	position: absolute;
	bottom: 1em;
	right: 1em;
}

.imagecontainer {
	position: relative;
}

.titletag {
	font-size: 1em;
	float: left;
	width: 100%;
	max-width: 70%;
	padding-top: 1em;
	padding-bottom: 2em;
}

/* Vimeo */

.videobutton {
	position: absolute !important;
	top: 50%;
	left: 50%;
	background-image: url(../images/playbutton.png);
	display: block;
	padding: 60px;
	margin-top: -60px;
	margin-left: -60px;
	background-size: cover;
	transition: all 0.2s;
}

.videobutton:hover {
	transform: scale(1.02);
	transition: all 0.2s;
}

.video iframe {
	height: 100%;
	width: 100%;
	z-index: 1;
	position: absolute;
}

.video .img-fluid {
	display: none;
}

.video-container:hover {
	z-index: 2;
}

/* YT */

.video-container {
	position: relative;
	width: 100%;
	padding-bottom: 56.25%;
	margin-bottom: 4em;
}

.video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

/* Startseite */

.container.full.nopad {
	height: 100vh;
	overflow: hidden;
}

.startimg {
	width: 25%;
	height: 100vh;
	float: left;
	position: relative;
	background-position: center;
	transition: ease-in-out 0.2s;
	overflow: hidden;
	background-size: cover;
}

.startimg.wide {
	width: 50%;
	transition: ease-in-out 0.2s;
	z-index: 1;
}

.startimg.narrow {
	width: 16.6666666%;
	transition: ease-in-out 0.2s;
	z-index: 0;
}

.startimg .hovered {
	opacity: 0;
transition-property: all;
transition-duration: 0s;
transition-timing-function: ease-in-out;
transition-delay: 0s;
}

.startimg:hover .hovered {
	opacity: 1;
transition-property: all;
transition-duration: 0.2s;
transition-timing-function: ease-in-out;
transition-delay: 0.2s;
}

.btn.hovered {
	opacity: 0 !important;
}

.innerblock {
	position: absolute;
	bottom: 0;
	padding: 1em;
	padding-bottom: 2em;
	padding-right: 20%;
	max-width: 100%;
	pointer-events: none;
	width: 100%;
	background-image: linear-gradient(to bottom, rgba(255,0,0,0), rgba(0,0,0,1));
	padding-left: 30px;
}

/* Start Partner */

.container.full.partnergal .row {
	justify-content: center;
}

.partnergal .col-md-3 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 12.5%;
	flex: 0 0 12.5%;
	max-width: 12.5%;
	padding: 0;
	text-align: center;
}

.partnergal .col-md-4 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 20%;
	flex: 0 0 20%;
	max-width: 20%;
	padding: 0;
	text-align: center;
}

.partnergal a img {
	transition: all 0.2s;
}

.partnergal a:hover img {
	transform: scale(1.02);
	transition: all 0.2s;
}

/* Start Showcase */

.veranstaltungstechnik .container.full.showcase {
	background: linear-gradient(145deg, #007fa3, #000000);
}

.studio .container.full.showcase {
	background: linear-gradient(145deg, #007676, #000000);
}

.objektbetreuung .container.full.showcase {
	background: linear-gradient(145deg, #9b1920, #000000);
}

.systemintegration .container.full.showcase {
	background: linear-gradient(145deg, #2a0730, #000000);
}

.showcase h2 {
	-webkit-text-fill-color: transparent;
	font-weight: bold;
	margin-left: -1.25em;
	padding-top: 1.5em;
	z-index: 1;
	position: relative;
	font-size: 6rem;
}

.showcase.grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	padding-inline: calc(var(--bs-gutter-x) * .5);
}

.showcase.grid.revert div:first-child {
	order: 1;
}

.showcase.grid.leftbig.revert {
	grid-template-columns: 1.5fr 1fr;
	margin-top: -4rem;
}

.showcase.grid.leftbig {
	grid-template-columns: 1.5fr 1fr;
	margin-top: -10vw;
}

.showcase.grid.leftbig div:first-child {
	order: 1;
}

.showcase.grid.rightbig {
	grid-template-columns: 1fr 1.5fr;
}

.showcase.grid.leftsmall {
	grid-template-columns: 1fr 1.25fr;
	margin-top: -12vw;
}

.showcase.grid.leftsmall div:first-child {
	order: 1;
}

.showcase.grid.rightsmall {
	grid-template-columns: 1.25fr 1fr;
	margin-top: -10vw;
}

.showcase .video-container {
	background-size: cover;
	background-repeat: no-repeat;
}

@media only screen and (max-width: 810px) {
.showcase.grid.leftbig.revert {
	grid-template-columns: 1fr;
	margin-top: -5rem;
}

.showcase.grid.leftbig div:first-child {
	order: 0;
}	

.showcase.grid.rightbig {
	grid-template-columns: .25fr 1fr;
}

.showcase.grid.leftsmall {
	grid-template-columns: 1fr .25fr;
	margin-top: 0vw;
}

.showcase.grid.rightsmall {
	grid-template-columns: .25fr 1fr;
	margin-top: 0;
}

.showcase.grid.leftbig {
	grid-template-columns: 1fr;
	margin-top: 0;
}
	
}

@media only screen and (max-width: 480px) {
.showcase.grid.leftbig.revert {
	margin-top: -3.75em;
}
}

@media only screen and (max-width: 360px) {
.showcase.grid.leftbig.revert {
	margin-top: -3em;
}
}

/*

.showcase .col-md-7 .video-container {
	top: -4em;
}

.col-md-8 .video-container {
	top: -4em;
	z-index: 1;
}

.col-md-6.left .video-container {
	top: -20em;
	z-index: 0;
	margin-left: -30px;
}

.col-md-6.left .video-container:hover {
	z-index: 1;
}

.col-md-6.right {
	top: -20em;
	margin-bottom: -15em;
}

.row.showroomtwo .col-md-7 {
	margin-top: -12em;
}

.row.showroomtwo .col-md-6.lastleft {
	height: 0;
}

.col-md-6.right.last {
	margin-bottom: -15em;
}

*/

/* Start Spartenblock */

.spartenblock .intro.equalizer {
	padding-bottom: 2em;
	position: relative;
	margin-bottom: 4em;
	text-decoration: none;
}

/* Start Kontakt */

.kontakt .container.full {
	height: 100vh;
	display: flow-root;
	text-align: center;
}

.kontaktstart {
	height: 100vh;
	background-size: cover;
	position: relative;
}

.kontaktstart .row {
	height: 100vh;
}

.kontaktstart .col-md-4 {
	text-align: center;
	padding-top: calc(100vh - 4em);
	font-size: 1.5rem;
}

.kontaktstart .col-md-4.big h2 {
	text-align: center !important;
	font-weight: 700;
	font-size: 3rem;
}

.kontaktstart .col-md-4.big {
align-items: center;
justify-content: center;
flex-wrap: wrap;
padding-top: 50vh;
}

/* Spartenseite */

.radial-gradient {
  position:absolute;
  top:0px;
  left:0px;
  height:100%;
  width:100%;
  
  /*Fallback if gradeints don't work */
    background: #fff;
  /*Linear gradient... */
    background: 
    radial-gradient(
     at center, #3498db, #fff
    );
}

.mouse-cursor-gradient-tracking {
	position: absolute;
	background: transparent;
	outline: none;
	overflow: hidden;
	height: 100%;
	width: 100%;
	right: 0;
}

.mouse-cursor-gradient-tracking:before {
  --size: 0;
  content: '';
  position: absolute;
  left: var(--x);
  top: var(--y);
  width: var(--size);
  height: var(--size);
  background: radial-gradient(circle closest-side, red, transparent);
  transform: translate(-50%, -50%);
  transition: width 0.2s ease, height 0.2s ease;
  opacity: 0.3;
}

.mouse-cursor-gradient-tracking:hover:before {
  --size: 1000px;
}

.veranstaltungstechnik .mouse-cursor-gradient-tracking:before {
  background: radial-gradient(circle closest-side, #007fa3, transparent);
}

.studio .mouse-cursor-gradient-tracking:before {
  background: radial-gradient(circle closest-side, #007676, transparent);
}

.objektbetreuung .mouse-cursor-gradient-tracking:before {
  background: radial-gradient(circle closest-side, #9b1920, transparent);
}

.systemintegration .mouse-cursor-gradient-tracking:before {
  background: radial-gradient(circle closest-side, #2a0730, transparent);
}

/* Aktionen */

/* Slider */

.row.carousel2 {
	overflow: hidden;
	margin-left: -30px;
	width: calc(100% + 60px);
}

.slick-prev, .slick-next {
	top: 50%;
	z-index: 1;	
}

.slick-prev::before, .slick-next::before {
	content: '';
	background-color: transparent;
	width: 21px;
	height: 33px;
	display: block;
	background-size: cover;
}

.slick-prev::before {
	background-image: url(../images/pfeil_left.png) !important;
}

.slick-next::before {
	background-image: url(../images/pfeil_right.png) !important;
}

.slick-next {
	right: 30px;
}

.slick-prev {
	left: 30px;
}

.slick-dots {
	position: absolute;
	bottom: 5em;
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
	max-width: 100%;
	float: none;
}

.slick-dots li {
	position: relative;
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: 0 5px;
	padding: 0;
	cursor: pointer;
	float: none;
	background: #fff;
}

.slick-dots .slick-active {
	background: #d9d9d9;
}

.slick-dots li::before, .slick-dots li button::before {
	content: '';
}

.col-md-4.aktionen {
	background-size: cover;
	transform: scale(0.9);
	transition: ease-in-out .3s;
	width: 350px !important;
	height: 622px !important;
}

.col-md-4.aktionen h2 {
	text-align: center;
	font-size: 3.2em;
}

.col-md-4.aktionen h3 {
	font-size: 1.5em;
	margin-bottom: 0;
	margin-top: 4em;
	text-transform: uppercase;
}

.col-md-4.aktionen:hover {
	transform: scale(1);
	transition: ease-in-out .3s;
}

.bottomblock, .topblock {
	position: absolute;
	bottom: 1em;
	width: 100%;
	text-align: center;
	left: 0;
}

.topblock {
	top: auto;
	color: #fff;
	padding: 0 1em;
	bottom: 7em;
}


/* Carousel 1 Popup */

.carousel1 .slick-dots {
	position: absolute;
	bottom: auto;
	display: block;
	width: 100vw;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
	top: 90vh;
	max-width: 100%;
}

.centerslide .slick-slide img {
	display: block;
	object-fit: cover;
	width: 100%;
}

/* Social Posts Modul */

.container.socialwrapper {
	container-type: inline-size;
}

.filterpage .container.socialwrapper {
	padding-inline: 0;
}

.grid.social {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 4rem;
}

.grid.social.bottom {
	translate: 0 -20cqw;
	margin-bottom: -20cqw;
	grid-template-columns: 2fr 1fr;
}

.grid.social.reverse {
	display: grid;
	grid-template-columns: 1fr 1.5fr;
	height: auto;
	margin-top: -25rem;
}

.container.social {
	position: relative;
	text-align: left;
}

.col-md-6.instagram {
	float: left;
}

.col-md-4.flying {
	position: absolute;
	top: 30vh;
	left: 25rem;
}

.col-md-6.facebook {

}

.col-md-6.facebook .socialhover {
	width: 60%;
	float: right;
}

.socialhover {
	padding: 1.5em;
	float: left;
	margin-left: 0em;
}

.socialhover a {
	text-decoration: none;
}

.socialhover:hover, .socialhover:hover a, .socialhover:hover .text, .socialhover:hover a, .socialhover:hover .date  {
	background-color: #fff;
	color: #000;
	text-decoration: none;
}

.instagram:hover {
	z-index: 1;
}

.moduletable.socialnews, .moduletable.socialnews .clearblock {
	background: #000;
}

/* .category-desc.clearfix .moduletable .clearblock {
	height: 0;
}
*/

.facebook {
	padding-top: 3rem;
}

.facebook:hover {
	z-index: 1;
}

.instagram.position1 {
	padding-right: 7rem;
}

.facebook.position2 .text {

}

.instagram.position4 {
	padding-left: 30rem;
}

.facebook.position3 {
	height: max-content;
}

.grid.social .facebook .text {
	-webkit-line-clamp: 6;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 1.2rem;
}

.grid.social .facebook.position3 .text {
	-webkit-line-clamp: 9;
}

@media only screen and (max-width: 1330px) {
	
.instagram.position4 {
	padding-left: 30vw;
}	

.grid.social.reverse {
	margin-top: 0;
}

.instagram.position1 {
	padding-right: 0;
}

.facebook.position3 {
	translate: 0;
}

	
}

@media only screen and (max-width: 810px) {
	
.grid.social {
	max-width: 100%;
	gap: 2rem;
}	

.grid.social, .grid.social.reverse {
	grid-template-columns: 1fr;
}

.facebook {
	padding-top: 0;
}

.grid.social.bottom {
	translate: 0;
	margin-bottom: 0;
	grid-template-columns: 1fr;
}

.instagram.position4 {
	padding-left: 0;
}

}


/* Filter */

.filter {
	width: 100%;
}

.com-finder__results {
	padding-inline: calc(var(--bs-gutter-x) * .5);
}

.items-row.bigh2.filterblock {
	width: 100%;
	padding: 0 calc(var(--bs-gutter-x) * .5);
}

.com-finder__results .items-row.bigh2.filterblock {
	padding: 0 calc(var(--bs-gutter-x) * 1);
}

.mod-jfilters_filters {
	--list-item-line-height: 1.8em;
	--input-item-dummy-size: 1.3em;
	--input-item-dummy-size-text-margin: 0.4em;
	--input-item-dummy-selected-color: #fff;
	--input-item-dummy-color-background: #fff;
	--input-item-dummy-color-border: #ccc;
	--input-item-dummy-color-hover: #ccc;
	--input-item-dummy-color-shadow-active: rgba(42, 105, 183, 0.25);
	--input-item-dummy-checkbox-radius: 0;
	--button-background-color: #FBFBFB;
	--button-background--hover-color: #F4F4F4;
	--button-background--hover-shadow: #BBB;
	--button-text-color: #555555;
	--button-boder-color: #999;
	--button-selected-boder-color: #969696;
	--button-radius: .15em;
	--button-height: 1.8em;
}

.jfilters-filter-container {
	padding: 0;
	border-bottom: none;
}

.jfilters-filter-header {
	display: none;
}

.jfilters-filter-list {
	list-style: none;
	padding-inline-start: 0;
	margin-top: 0;
	width: 100%;
	max-width: 100%;
	float: none;
	display: flex;
	flex-wrap: wrap;
}

.jfilters-filter-list__item:before {
	content:'';
}

.jfilters-filter-list__item {
	line-height: var(--list-item-line-height);
	vertical-align: middle;
	width: auto;
}

.jfilters-item-link {
	font-weight: bold;
	font-size: 0.75rem;
	text-transform: uppercase;
	letter-spacing: 0.1rem;
	line-height: 1.7;
	float: left;
	padding-right: 1.5rem;
	min-width: max-content;
}

.jfilters-item-link--checkbox::before {
	border-radius: 0;
}

.jfilters-item-link--dummy-input::before {
	background: transparent;
}



/* Responsive */	

@media only screen and (max-width: 1330px) {
	
.bigh h2, .col-md-8 h2, .col-md-8.bigh2 h2, .smallh1 h1 {
	font-size: 2rem;
	font-weight: 700;
}	

.bigclaim h1 {
	font-size: 5em;
}

.col-md-6.bigh.top .intro.extended p, .col-md-8.intro.extended p, , .kontaktstart .col-md-4 {
	font-size: 1.2rem;
}

.container.spartenblock .col-md-6:nth-child(1), .container.spartenblock .col-md-6:nth-child(3) {
	padding-right: 1em;
}

.container.spartenblock .col-md-6:nth-child(1), .container.spartenblock .col-md-6:nth-child(3) {
	padding-right: 1em;
}

h2, .smallh1 h1 {
	font-size: 1.5rem;
}

.intro p, .col-md-6.bigh.top .intro.extended p, .col-md-8.intro.extended p {
	font-size: 1.2rem;
}

.bigh2 h2 {
	font-size: 2rem;
	margin-bottom: 2rem!important;
}

.kontaktstart .col-md-4.big h2 {
	font-size: 2rem;
}

.menuback .nav li a {
	font-size: 1.7em;
}

.menuback .nav li .small {
	font-size: 1.2rem;
}

.introcenter p {
	font-size: 1.2rem;
}

.introcenter h1 {
	font-size: 2rem !important;
	margin-bottom: 2rem!important;
}

.col-md-12.bigh h2, .showcase h2 {
	font-size: 5em;
}

.container.foot .col-md-2 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
	max-width: 25%;
}
	
.col-md-8 {
	padding-right: 15px;
	padding-left: 15px;
}	
	
.introcenter {
	padding: 2em;
}	
	
.menuback {
	margin-right: 0px;
}	

.burger {
	right: 10px;
}

.bordertop .col-md-4 {
	max-width: 50%;
}

.nomobile {
	display: none;
}

.col-md-6.tabelle {
	max-width: 100%;
}

}

/* iPadPro */

@media only screen and (max-width: 1112px) {

.col-md-6.bigh.top.smallh1 {
	align-items: center;
	display: block;
	padding-top: 6em;
}

main ul li {
	font-size: 1.2rem;
}

.col-md-6.bigimg img {
	height: 50vh;
}	

.col-md-6.bigh.top .intro {
	padding: 2rem;
	float: left;
	padding-top: 0;
}

.mouse-cursor-gradient-tracking {
	top: 0;
}

.col-md-6.bigh.top .intro.extended h2 {
	font-size: 1.6rem;
}
	
}

/* iPad */

@media only screen and (max-width: 1024px) {
	
.partnergal .col-md-3 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
	max-width: 25%;
	padding: 0;
	text-align: center;
}	
  



.page-header h1, .category-desc h1, .bigclaim h1 {
	font-size: 4em;
}	
	
.col-md-8 h2, .smallh1 h1 {
	font-size: 2rem;
}	

.col-md-12.bigh h2, .showcase h2 {
	font-size: 3rem;
}

p {
	font-size: 1.3rem;
}

.container.full.top {
	min-height: 100vh;
}

.modal-body, .modal.full .col-md-12 {
	padding: 2em 2em;
}

.menuback {
	width: 100vw;
}

}

@media only screen and (max-width: 1000px) {
	
.showcase .col-md-7 .video-container, .col-md-8 .video-container, .col-md-6.left .video-container, .col-md-6.right, .row.showroomtwo .col-md-7  {
	top: inherit;
	margin-left: inherit;
	margin-top: 2em;
	margin-bottom: inherit;
}

.col-md-6.right.last {
	margin-bottom: 0;
}

.col-md-6.right {
	margin-top: 2em;
}

.showcase h2 {
	margin-left: 0;
	padding-top: 0;
	margin-top: -1em;
}

.showcase .col-md-7 .video-container {
	top: inherit;
	margin-top: -2em;
}

}


@media only screen and (max-width: 768px) {
  
.nosmallmobile {
	display: none;
} 
  
.container.full.fullheight .col-md-4.bigh {
	margin-bottom: 1em;
} 
  
.down .navbar-brand {
	transition-delay: 0.1s;
}  
	
.col-md-8 h2 {
	font-size: 1.6em !important;
	margin-bottom: 0.5em;
}	

.white .col-md-6.bigimg .caption {
	margin-top: 0em;
	bottom: 1em;
	left: 30px;
}
	
.socialhover {
	padding: 1em;
	float: left;
	margin-left: -15px;
	width: calc(100% + 30px);
}	
	
.container.social .bigh2 h2 {
	padding-left: 15px;
}
	
.videobutton {
	padding: 40px;
	margin-top: -40px;
	margin-left: -40px;
}	

.col-md-12.bigh h2 {
	text-align: left !important;
	padding-left: 15px;
}	
	
.container.foot .col-md-2 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
}

.col-md-6.bigh.top.smallh1 {
	padding-top: 0;
	height: auto;
	min-height: 50vh;
}

.col-md-6.bigh.top {
	display: block;
	height: auto;
}

.col-md-6.bigimg {
	margin-bottom: 2em;
}

.container.spartenblock .col-md-6:nth-child(2), .container.spartenblock .col-md-6:nth-child(4) {
	padding-left: 15px;
}

.kontaktstart .col-md-4.big, .kontaktstart .col-md-4 {
	padding-top: 0;
}
	
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
	position: relative;
	width: 100%;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
	max-width: 100%;
	flex: 0 0 100%;
}

.col-md-12.bigh, .col-md-12.bigh2 {
	padding: 0;
}

.container.foot .row {
	padding-left: 0;
	padding-right: 0;
}

.col-md-6.bigimg img, .col-md-6.bigimg {
	height: 100vw;
}	
	
.col-md-6.facebook .socialhover {
	width: 100%;
	float: left;
}
	
.down .navbar-brand {
	opacity: 0!important;
}	
	
.partnergal .col-md-3 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%;
	padding: 0;
	text-align: center;
}	

.page-header, .category-desc {
	padding-left: 30px;
	padding-right: 30px;
	text-align: left;
}

.footerwhite .category-desc {
	padding-left: 15px;
	padding-right: 15px;
}
	
.page-header h1, .category-desc h1, .bigclaim h1 {
	font-size: 3em;
	padding: 0;
	text-align: left;
}	
	
.startimg {
	width: 100vw;
	height: 25vh;
	background-size: cover;
}	

.innerblock {
	padding-left: 30px;
}

.startimg .btn.hovered {
	display: none;
}

/* .default .navbar-brand .firmclaim, .startpage .navbar-brand .firmclaim {
	display: none;
}
*/  

.container.full.white .col-md-6.bigimg, .container.full.white .col-md-6.bigimg img {
	padding: 0;
	min-height: 50vh;
	object-fit: cover;
	max-height: 50vh;
	margin-bottom: 0;
}

.introcenter {
	padding: 2em 15px;
}

.col-md-4.flying {
	position: relative;
	top: inherit;
	left: inherit;
}

.col-md-6.facebook {
	float: left;
	padding-left: 15px;
}

.col-md-12.bigh h2, .showcase h2 {
	text-align: left !important;
}

.showcase h2 {
	position: relative;
	margin-top: 1em;
	margin-bottom: 1em;
}

.showcase .col-md-7 .video-container {
	top: 0;
}

.container.full.white .col-md-6.bigimg img {
	width: 100%;
	margin-left: 0;
}

.bigh2 h2 {
	font-size: 1.5rem;
	margin-bottom: 1em!important;
}

.startimg.wide {
	height: 50vh;
	width: 100vw;
}

.startimg.narrow {
	width: 100vw;
	height: 16.6666666vh;
}
	
#formModF2CSearch117_2 {
	position: relative;
	right: 0;
	top: 0;
	max-width: 410px;
	width: 100%;
}	


.tabelle .col-md-6 {
	max-width: 50%;
}

.nav {
	display: block;
}

.tabelle .col-md-3 {
	max-width: 25%;
}
	
main .vrc-showprc-container > div {
	flex-basis: 100%;
}

main .vrc-showprc-left {
	margin-left: 0;
	padding-left: 0;
}

main .vrc-cdetails-infocar {
	padding-left: 0;
}

main .vrc-cdetails-img, main .vrc-cdetails-infocar {
	width: 100%;
	float: left;
}

#iframewrapper iframe {
	border: 0;
	height: 50vh;
}

#iframewrapper2 iframe {
	border: 0;
	height: 50vh;
}

.rundklink {
	max-width: 50%;
	margin-bottom: 2em;
}

.infobox img {
	width: 100%;
	margin-top: -6em;
}

.modaltop .col-md-8, .modaltop .col-md-4, .col-md-12.bordertop .col-md-4 {
	float: left;
	padding: 0;
}

.bordertop .col-md-4 {
	max-width: 100%;
}

.bordertop .col-md-4 .col-md-9 {
	float: left;
	padding-left: 0;
}

.stoerer {
	position: relative;
	top: -1em;
	margin-left: -0.5em;
	right: 0;
	margin-top: 1em;
}

.burger {
	top: 25px;
}

.fox-item {
	width: 100% !important;
}

.fox-item .controls, .chzn-container {
	width: calc(100% - 0px) !important;
}

.menuback {
	margin-top: 0px;
	z-index: 1;
}
	
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
	position: relative;
	width: 100%;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
	max-width: 100%;
	flex: 0 0 100%;
}

.col-md-6 .imagecontainer, .col-md-6 .titletag {
	width: calc(100% - 15px);
	padding-left: 15px;
}

.col-md-6.bigimg .imagecontainer  {
	width: 100%;
	padding-left: 0px;
}	

.clearblock {
	height: 5em;
}

.container.full.top h1, .container.full.top .bigh2 {
	max-width: 100%;
	font-size: 20vw;
	left: 0;
}

.container.full.top .smallh1 {
	text-align: center;
}

.container.full.top {
	min-height: 100vh;
}
	
p {
	width: 100%;
	clear: both;
}

.container.full .container {
	padding-left: 0;
	padding-right: 0;
}

.container.full.top h1 {
	bottom: 0.5em;
}

.container.full.top .clearblock.middle {
	height: 13em !important;
}

.desktop {
	display: none;
}

.inputboxstart {
	position: relative;
	width: 100%;
	max-width: 80vw;
	text-align: center;
	box-shadow: 0px 0px 15px #00000029;
	padding: 2em 1em 1em 1em;
	margin: auto;
	top: -4em;
}

.bigimg img, .revert .bigimg img {
	padding-right: 0;
	padding-left: 0;
	margin-bottom: 2em;
	margin-left: -30px;
	width: calc(100% + 57px);
	max-width: 200%;
}

.bigimg .carousel4 img, .revert .bigimg .carousel4 img, .bigimg .carousel6 img, .revert .bigimg .carousel6 img {
	margin-left: 0;
	width: 100%;
}

.carousel6 {
	width: calc(100% + 60px);
	margin-left: -30px;
}

.bigimg.special img {
	width: 100%;
	max-width: 100%;
	margin-left: 0;
}

.borderright, .borderleft {
	padding-right: 15px;
	border-right: 0px solid;
	padding-left: 15px;
	border-left: 0;
}

.borderright {
	margin-bottom: 2em;
}

/* Camperpopup */

.modal.full .col-md-12 {
	padding: 4em 2em;
}

.col-md-12.modaltop {
	max-height: inherit;
}

.infobox {
	position: relative;
	margin-top: 4em;
}

.col-md-8.bighinfo img {
	max-height: 80vh;
}

/* Aktion Slider */

.row.carousel2 {
	overflow: hidden;
	margin-left: -15px;
	width: calc(100% + 30px);
}

footer * {
	text-align: left;
	font-size: 1rem !important;
}

footer .col-md-3 {
	margin-bottom: 1em;
}

footer .col-md-2 {
	margin-bottom: 2em;
}

footer p {
	max-width: 100%;
}

footer .custom.rechtliches .clearblock {
	display: none;
}

.unhovered h3 {
	margin-bottom: -20px;
}

footer .clearblock.small {
	height: 0px;
}

.partnergal .col-md-4 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%;
	padding: 15px;
	text-align: center;
}

.viererblog .category-desc .container {
	padding: 0;
}

.category-desc h1 {
	margin-bottom: 4rem;
	padding-inline: calc(var(--bs-gutter-x) * 1.25);
}

.filterpage .category-desc h1 {
	padding-inline: calc(var(--bs-gutter-x) * .75);
}

#mod-custom124 h1, #mod-custom125 h1, .footerwhite h1 {
	padding: 0;
}

.page-header, .category-desc {
	padding-bottom: 0em;
}

.category-desc {
	padding-inline: 0em;
}

.page-header p, .category-desc p {
	font-size: 1.35em;
}

.container.full.white .col-md-8 {
	padding-left: 30px;
	padding-right: 30px;
}

.col-md-6.bigimg .caption, .revert .col-md-6.bigimg .caption {
	left: 0;
	right: auto;
	text-align: left;
	bottom: 3.5em;
}

}

@media only screen and (max-width: 768px) {
  
.nomenu .btn.inv, .nomenu .btn.btn-danger.reset-button {
	background-color: #fff !important;
	color: #000 !important;
	border-color: #fff !important;
	white-space: normal;
	max-width: 100%;
	min-width: 100%;
	padding: 0.475rem 0.85rem;
	font-size: 1.1em;
	font-weight: 700;
} 
  
.nomenu .btn.inv:hover, .nomenu .btn.btn-danger.reset-button:hover {
	font-size: 1.1em;
	font-weight: 700;
} 
  
.nomenu .category-desc {
	text-align: center;
    padding-top: 6em;
}  
  
.alert {
	flex-basis: 90%;
}

}

@media only screen and (max-width: 600px) {
	
.menuback {
	padding-left: 30px;
}	
	
.nomobilepad {
	padding: 0;
}	
	
.menuback .nav li, .menuback .nav li a, .menuback .nav .nav-child.unstyled.small li a, .menuback .nav li .small {
	font-size: 1.5rem;
}	
	
.span0 {
	margin: 0 30px;
	margin-top: 0;
	margin-bottom: 2em;
	width: 100%;
}

.viererblog .span0, .container.full .span0 {
	margin: 0;
	margin-bottom: 2em;
}

.items-row.viererblog.reihe {
	justify-content: left;
	padding: 0 15px;
}

.col-md-6.bigh.top .intro {
	padding: 0;
}

.container.full.showcase .caption, .container.full.white .col-md-6.bigimg .caption {
	bottom: 1em;
	left: 30px;
}

.items-row {
	padding: 0 30px;
}

}


@media only screen and (max-width: 480px) {
	
.moduletable.filterbox.filtermod {
	padding-left: 0px;
	padding-top: 30px;
}	

.nomobilepad h2 {
	padding-left: 0!important;
}

footer li {
	line-height: 1.2;
	width: auto;
	margin-right: 0;
	display: block;
	float: left;
	clear: both;
	text-align: left !important;
}

footer li a {
	text-align: left !important;
}	
	
.page-header h1, .category-desc h1, .bigclaim h1, .col-md-8 h2, .smallh1 h1 {
	font-size: 2rem !important;
	margin-bottom: 1em!important;
}	

h2, .smallh1 h1 {
	font-size: 1.2rem !important;
	margin-bottom: 0.5em!important;
}

.smallh1 h1 {
	margin-bottom: 1em;
}

.col-md-6.bigh.top .intro.extended h2, .col-md-6.bigh.top .intro h2 {
	font-size: 1.4rem;
}
	
.bigh2 h2 {
	font-size: 1.5em;
}	

blockquote {
	font-size: 1.5rem;
}

p, main ul li {
	font-size: 1rem;
}

.introcenter p {
	font-size: 1rem;
}

.intro p, .col-md-6.bigh.top .intro.extended p, .col-md-8.intro.extended p {
	font-size: 1rem;
}
	
.col-md-12.bigh h2, .showcase h2 {
	font-size: 2rem !important;
	margin-bottom: 1em!important;
}

.showcase h2 {
	margin-bottom: 2em;
	margin-top: 1.3em;
}	

.col-md-8 h2 {
	font-size: 1.2em !important;
	margin-bottom: 0.5em;
}
	
.menuback .nav li, .menuback .nav li a, .menuback .nav .nav-child.unstyled.small li a, .menuback .nav li .small {
	font-size: 1rem;
}	
	
.f2csearchresults .items-row .span0 {

}

#formModF2CSearch117_2 {
	padding: 0 20px;
}
	
.vrc-rental-summary-title {
	hyphens: auto;
}	

.inputbox, main .vrcinput, main .vrcentercoupon input.vrcinputcoupon, main .vrc-enterpin-top #vrc-pincode-inp, main .vrctextarea {
	width: 200px;
	margin-bottom: 1em;
}

main .vrc-oconfirm-paym-block ul li {
	min-width: 100%;
}
	
button, .btn, .btn.inv.active, .btn.inv:hover {
	font-size: .8em;
}

main .car_options.table-responsive tr {
	flex-basis: 100%;
}

main .car_result, .span0 {
	width: 100%;
}

main .vrc-cdetails-cost {
	max-width: 100%;
	width: 100%;
}

main .vrc-summary-car-img, main .vrcrentforlocs {
	float: left;
	width: 100%;
	padding: 0;
}

.modal.full .col-md-12 {
	padding: 4em 1em;
}
	
.col-md-4.aktionen {
	width: 300px !important;
	height: 533px !important;
}	
	
.burger {
	top: 20px;
}

.bigh h2, .bighinfo h2 {
	font-size: 1.5rem;
}

.container.full.top h1 {
	font-size: 4rem;
}

.h5, h5 {
	font-size: 1rem;
}

a[aria-expanded="false"]::after, a[aria-expanded="true"]::after {
	font-size: 1.5rem;
}

}

@media only screen and (max-width: 360px) {
	
	.col-md-12.bigh h2, .showcase h2 {
	font-size: 1.8rem!important;
}
	
}