/*-----------------------------------------------------------------*/

/* Kopie aus columns.css von rocksolid um andere max-width bei medium für .fading-boxes einzustellen */
@media screen and (max-width: 1200px) and (min-width: 850.01px) {
  .rs-column {
    margin-top: 0;
    margin-right: 4%;
  }
  .rs-column.-large-first {
    clear: none;
  }
  .rs-column.-large-last {
    margin-right: 4%;
  }
  .rs-column.-large-first-row {
    margin-top: 4%;
  }
  .rs-column.-medium-first {
    clear: left;
  }
  .rs-column.-medium-last {
    margin-right: -4px;
  }
  .rs-column.-medium-first-row {
    margin-top: 0;
  }
  .rs-column.-medium-col-1-1 {
    width: 100%;
  }
  .rs-column.-medium-col-2-1 {
    width: 48%;
  }
  .rs-column.-medium-col-2-2 {
    width: 100%;
  }
  .rs-column.-medium-col-3-1 {
    width: 30.66%;
  }
  .rs-column.-medium-col-3-2 {
    width: 65.333%;
  }
  .rs-column.-medium-col-3-3 {
    width: 100%;
  }
  .rs-column.-medium-col-4-1 {
    width: 22%;
  }
  .rs-column.-medium-col-4-2 {
    width: 52%;
  }
  .rs-column.-medium-col-4-3 {
    width: 78%;
  }
  .rs-column.-medium-col-4-4 {
    width: 100%;
  }
  .rs-column.-medium-col-5-1 {
    width: 16.8%;
  }
  .rs-column.-medium-col-5-2 {
    width: 37.6%;
  }
  .rs-column.-medium-col-5-3 {
    width: 58.4%;
  }
  .rs-column.-medium-col-5-4 {
    width: 79.2%;
  }
  .rs-column.-medium-col-5-5 {
    width: 100%;
  }
  .rs-column.-medium-col-6-1 {
    width: 13.33%;
  }
  .rs-column.-medium-col-6-2 {
    width: 30.66%;
  }
  .rs-column.-medium-col-6-3 {
    width: 47.99%;
  }
  .rs-column.-medium-col-6-4 {
    width: 65.33%;
  }
  .rs-column.-medium-col-6-5 {
    width: 82.66%;
  }
  .rs-column.-medium-col-6-6 {
    width: 100%;
  }
}

/* Kopie aus columns.css von rocksolid um andere max-width bei medium für .fading-boxes einzustellen */
@media screen and (max-width: 850px) {
  #neues>div>.teaser-boxes, #branchen {
  	padding-right: 5%;
  	padding-left: 5%;
  }
  
  .rs-column {
    margin-top: 0;
    margin-right: 4%;
  }
  .rs-column.-large-last {
    margin-right: 4%;
  }
  .rs-column.-large-first-row {
    margin-top: 0;
  }
  .rs-column.-medium-first {
    clear: none;
  }
  .rs-column.-medium-last {
    margin-right: 4%;
  }
  .rs-column.-medium-first-row {
    margin-top: 4%;
  }
  .rs-column.-small-first {
    clear: left;
  }
  .rs-column.-small-last {
    margin-right: -4px;
  }
  .rs-column.-small-first-row {
    margin-top: 0;
  }
  .rs-column.-small-col-1-1 {
    width: 100%;
  }
  .rs-column.-small-col-2-1 {
    width: 48%;
  }
  .rs-column.-small-col-2-2 {
    width: 100%;
  }
  .rs-column.-small-col-3-1 {
    width: 30.66%;
  }
  .rs-column.-small-col-3-2 {
    width: 65.33%;
  }
  .rs-column.-small-col-3-3 {
    width: 100%;
  }
  .rs-column.-small-col-4-1 {
    width: 22%;
  }
  .rs-column.-small-col-4-2 {
    width: 52%;
  }
  .rs-column.-small-col-4-3 {
    width: 78%;
  }
  .rs-column.-small-col-4-4 {
    width: 100%;
  }
  .rs-column.-small-col-5-1 {
    width: 16.8%;
  }
  .rs-column.-small-col-5-2 {
    width: 37.6%;
  }
  .rs-column.-small-col-5-3 {
    width: 58.4%;
  }
  .rs-column.-small-col-5-4 {
    width: 79.2%;
  }
  .rs-column.-small-col-5-5 {
    width: 100%;
  }
  .rs-column.-small-col-6-1 {
    width: 13.33%;
  }
  .rs-column.-small-col-6-2 {
    width: 30.66%;
  }
  .rs-column.-small-col-6-3 {
    width: 47.99%;
  }
  .rs-column.-small-col-6-4 {
    width: 65.33%;
  }
  .rs-column.-small-col-6-5 {
    width: 82.66%;
  }
  .rs-column.-small-col-6-6 {
    width: 100%;
  }

}


/*------------------------------------------------------------------*/

.rs-column {
	margin-top: 0 !important;
	max-width: 500
}



@media screen and (max-width: 850px) {
	.rs-column.-medium-col-2-1, .oneo-no-sidebar .rs-column.-medium-col-2-1, .page-footer .rs-column.-medium-col-2-1 .rs-column.-small-col-1-1 {
    	width: 100%;
	}
}


/* Cookie akzeptieren Button */ 
.mod_cms_accept_tags .formbody .widget-submit {
    text-align: center !important;
}


.mring-pic {
	max-width: 400px;
	margin-left: auto;
	margin-right: auto;
}

.-columns-2 >.multicolumn-icon-list {
    width: max-content;
    padding-right: 30px;
}

.multicolumn-icon-lists {
    margin: 0.8em auto 1.6em auto;
    width: max-content;
}


/* Start: Sterne auf Slider */
.star-icon {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	width: 100%;
}

.star-icon a {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	display: table !important;
}

.star-icon a img {
	width: 100% !important;
}

.star-left a img, .star-left a, .star-left {
	margin-left: 0 !important;
	padding-left: 0 !important;
}


.star-right a img, .star-right a, .star-righ  {
	margin-right: 0 !important;
	padding-right: 0 !important;
}

@media (orientation: landscape) {
	.star-icon a {
		width: 30vh;
	}
	.star-right {
		padding-left: calc(100% - 30vh) !important;
	}
	.star-left {
		padding-right: calc(100% - 30vh) !important;
	}
}
@media (orientation: portrait) {
	.star-icon a {
		width: 25vh;
	}
	.star-right {
		padding-left: calc(100% - 25vh) !important;
	}
	.star-left {
		padding-right: calc(100% - 25vh) !important;
	}
}

.star-icon a img {
	transition: all 0.6s ease-in-out 0s;
	transform-style: preserve-3d;
}

.star-icon a img:hover {
	transform: rotate(360deg);
    transition: all 0.6s ease-in-out 0s;
}
@media (max-width: 599px)
{
	#Link_mobile {
 		display: table !important;
	}	
	#Link_pc {
 		display: none !important;
	}
}

@media (min-width: 600px)
{
	#Link_pc {
 		display: table !important;
	}	
	#Link_mobile {
 		display: none !important;
	}
}
/* End: Sterne auf Slider */


/* Start: gelber Zettel auf Slider */
.typing-headline {
   
	padding-top: 20px;
    padding-bottom: 20px;
    border-radius: 20px;
    border: solid rgb(52, 54, 54);
    border-width: 1px;
    /*background-color: rgb(211, 55, 59);
     background-color: hsla(358, 64%, 52%, 0.90); */
    background-color: hsla(134, 39%, 49%, 0.90);
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.75);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.75);
}

#headerbox_pc .button,
#headerbox_mobile .button {
	background-color: rgb(52, 54, 54) !important;
	-webkit-box-shadow: 0 2px 5px 0 rgb(0 0 0 / 75%) !important;
    -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.75) !important
}

#headerbox_pc a.button:hover,
#headerbox_mobile a.button:hover 
{ color:  white !important;  background:   #6C7179 !important;}



.button {
	display: inline-block !important;	
}
    
@media screen and (min-height: 660px) {
	.bannerBoxDist {
		height: 10vh !important;;
	}
}

@media screen and (max-height: 350px) {
	.typing-headline > a {
		display: none !important;
	}
}

@media screen and (max-height: 660px) {
	.typing-headline > h2 {
		font-size: 1.3em !important;
	}
	.typing-headline > h3 {
		font-size: 1.3em !important;
	}
	.typing-headline > p {
		font-size: 0.9em !important;
	}

}

@media screen and (min-height: 651px) and (max-height: 750px) {
	.typing-headline > h2 {
		font-size: 2.4em !important;
	}
	.typing-headline > h3 {
		font-size: 2.4em !important;
	}
}


.rsts-invert-controls .centered-wrapper
{
	padding-right: 10vw;
	padding-left: 10vw;
}

.rsts-invert-controls .centered-wrapper .centered-wrapper-inner
{
	margin: auto !important;
	width: fit-content !important;
}

.typing-headline {
	padding-right: 20px;
	padding-left: 20px;
}
/* Ende: gelber Zettel auf Slider */
 

/* Höhe vom Headerslider wird an Nav-höhe + 2nd Nav-Höhe angepasst */
@media screen and (min-height: 100px) and (max-width: 654px) {
	.main-slider {
    	height: calc(100vh - 11em) !important;
	}
}

@media screen and (min-height: 100px) and (max-width: 921px) and (min-width: 655px) {
	.main-slider {
    	height: calc(100vh - 9.2em) !important;
	}
}
@media screen and (min-height: 100px) and (min-width: 922px) {
	.main-slider {
    	height: calc(100vh - 5.533333333333333em) !important;
	}
}


/* Überschreiben: normale Navigation kommt erst ab 655 Breite und nicht schon ab 600 */ 
@media screen and (max-width: 654px)
{
	.main-navigation {
    	display: none !important;
	}
	.main-navigation-mobile-open {
    	display: block !important;
	}
	.logo {
    	float: none !important;
    	text-align: center !important;
    	padding-top: 0.8em !important;
	}
	.secondary-navigation {
    	display: none !important;
	}
	html {
		font-size: 13px;
	}
	.main-content {
		padding-top: 0 !important;
	}
}

@media screen and (min-width: 655px)
{
	.secondary-navigation {
		display: inline-block !important;
	}
}


@media screen and (max-width: 920px) {
	.logo {
    	position: static;
    	float: left;
    	margin-left: 4.16667%;
    	margin-left: var(--page-padding-left);
    	padding-top: 0em;
    	padding-bottom: 0em;
	}
}




/* alle Button */
.button, .submit, input[name="save_settings"] {
	border-radius: 5px !important;
	 background-color: #004D9E !important;
	 -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.75) !important;
    -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.75) !important;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.75) !important;
}

a.button:hover, button.submit:hover, input[name="save_settings"]:hover { color:  white !important;  background:   #6C7179 !important;}
a.button:active, button.submit:active, input[name="save_settings"]:active { color: white;  background: #004D9E }
a.button:visited, button.submit:visited, input[name="save_settings"]:visited { color: white;  background: #004D9E }   
a.button:link, button.submit:link, input[name="save_settings"]:link { color: white;  background: #004D9E }   
a.button:focus, button.submit:focus, input[name="save_settings"]:focus { color:  white;  background: #6C7179 }

a:visited { text-decoration: none;}   
a:active { text-decoration: none;}     
a:focus { text-decoration: none;}   


/* anordnung logo und main navigationsleiste */
.main-navigation-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}


@media (min-width: 655px)
{
	/* Abstand von der Hauptnavigation (sofern kein Mobile) */
	.ce_text.first.block {
		margin-top: 80px;	
	}
	
	.logo {
		left: 50vw !important;
	}
	.logo img {
    height: 50px;
}
}


@media (max-width: 654px)
{
	.logo {
		left: auto !important;
		margin-left: 0px;
	}
	.logo img {
    height: 50px;
}
}


@media (max-width: 380px)
{
	.logo {
		left: auto !important;
		margin-left: 0px;
	}
	.logo img {
    height: 40px;
}
}

@media (max-width: 340px)
{
	.logo {
		left: auto !important;
		right: 5px !important;
		margin-left: auto !important;
		margin-right: 5px !important;
	}
	.logo img {
    	height: 40px;
	}
}

@media (max-width: 290px)
{
	.logo img {
    	height: 35px;
	}
}

@media (max-width: 260px)
{
	.logo img {
    	height: 30px;
	}
}

@media (max-width: 230px)
{
	.logo img {
    	height: 25px;
	}
}

@media (max-width: 200px)
{
	.logo img {
    	height: 20px;
	}
}

	

.logo {
    top: 2px !important;
    
    position: static;
}
.logo > a {
    display: inline-block;
}




.main-navigation,
.main-navigation-search {
    background-color: white;
}


/* Footer scroll up Button */
.footer-top-link:after {
	
	background-color: #004D9E;
	bottom:  1em;
}

/* Copyright Footer */
.footer-copyright {
	margin: 0px;
	padding-top: 1em;
	padding-bottom: 1em;
	background-color: #004D9E;
	color: white;
}


/* Einstellungen für Handy */
@media (max-width: 554px)
{
	.not-visible-mobile {
		display: none;
	}
	.margin-bottom-10px-mobile {
		margin-bottom: 0px !important;
	}
}


/* Einstellungen für Tablet */
@media (max-width: 921px)
{
	.not-visible-tablet {
		display: none;
	}
}





/* eigener Zurück Öink mit allen Eigenchaften vom Stardard Zurück übernommen */
p.myBack a:before, p.previous a:before, p.next a:after {
    font: 0.8em/1 "RockSolid Icons";
    content: "\e018";
    -webkit-font-smoothing: antialiased;
    text-rendering: geometricPrecision;
    text-indent: 0;
    display: inline-block;
    position: relative;
    top: -0.16667em;
    margin-right: 0.5em;
    vertical-align: middle;
}

/* standard Zurück Link immer ausblenden */
.back {
	display: none !important;
}

/* Start: Ausrichten Warenkorb etc. im Header */
.secondary-navigation-wrapper {
    background: #004D9E !important;
    text-align: right !important;
    margin-right: 0 !important;
    padding-right: 8vw !important;
}

.ce_rsce_oneo_anchor_nav.secondary-navigation {
	padding-left: 0 !important;
	padding-right: 0 !important;
}


.secondary-navigation li > a, .secondary-navigation li > strong, .secondary-navigation li > span.active, .secondary-navigation li > span.trail, .secondary-navigation li > span.forward {
    color: #ffffff !important;
    padding: 0.2em 1.85em !important;
}
/* Ende: Ausrichten Warenkorb etc. im Header */


.no_bottom_margin
{
	margin-bottom: 0px !important;	
}

a:active, a:focus, a:hover, a:visited {
  outline: 0;
  border: none;
  -moz-outline-style: none;
}

.ce_accordionSingle.first.ce_accordion.ce_text.block {
  margin-top: 0px; 
}

.ce_accordion:before {
	color: #004D9E !important;
}

.ce_accordion_icon_active:before {
	color: #333 !important;
}

.ce_accordion .toggler:after {
    content: "\e015" !important;
}
.ce_accordion .toggler.ui-accordion-header-active:after {
    content: "" !important;
}

.ce_accordion .toggler.ui-accordion-header-active {
	 background-color: rgb(246, 241, 152);
	 color: #333;
}

.ce_accordion .toggler.ui-accordion-header-active:hover {
	 background-color: rgb(246, 241, 152);
	 color: #333;
}

.toggler.ui-accordion-header-collapsed {
	background-color: #f2f2f2 !important;
	color: #004D9E  !important;	
}

.toggler.ui-accordion-header-collapsed:hover {
	background-color: #FCFADC  !important;
	color: #004D9E  !important;	
}

.ui-accordion-content {
	background-color: #FFF  !important;
}


.main-navigation>.level_1>.no_main_menue {
	display: none;
}

.footer-navigation>.level_1>.no_footer_menue {
	display: none;
}

.main-navigation-mobile>.mod_navigation>.level_1>.no_main_menue {
	display: none;
}

.main-navigation-mobile>.mod_navigation>.level_1 .no_mobile_menue {
	display: none;
}

.nowrap {
	white-space: nowrap;
}



.main-navigation > ul > li > ul {
	min-width: inherit;
	width: 200px;
	left: inherit;
	border: 1.5px solid #666666;
	border-radius: 0 5px 5px 5px;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.75) !important;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.75) !important;
    text-align: center;
}
.main-navigation > ul > li > ul >li {
	margin-left: auto;
	margin-right: auto;
}


.main-navigation-mobile>.mod_navigation>.level_1 {
	font-size: 18px !important;

}

.main-navigation-mobile a, .main-navigation-mobile, .main-navigation-mobile ul ul  {
	 background-color: #004D9E !important;
	 background: #004D9E !important;
	 color: #FFF;
}

.main-navigation-mobile a:hover {
	background: #242424 !important;	
}


.content-wrapper {
	
	margin-top: 0 !important;
}


.lightblue {
	background: #D9EBF9 !important;	
}

.bg_white {
	background: #FFFFFF !important;	
}

.twentytwenty-wrapper {
   margin-bottom: 0px !important;	

}


.width25  {
	margin-top: 0px !important;
	margin-bottom: 0px !important;
	vertical-align: top !important;
	width: min-content !important;
}

.width25 .icon-boxes,.width25 .icon-boxes .icon-boxes-item {
	margin-top: 0px !important;
	margin-bottom: 0px !important;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}


.width25 .icon-boxes .icon-boxes-item .icon-boxes-item-icons {
	margin-top: 0px !important;
	margin-bottom: 0px !important;
	padding-bottom: 0px !important;
}

.width75,.width75 .ce_text,.width75 .ce_text > p {
	margin-top: 0px !important;
	vertical-align: top !important;
}	


@media screen and (max-width: 599px) and (min-width: 480px) {
	.width75 {
		width: 70% !important;
	}	
}

@media screen and (max-width: 639px) and (min-width: 600px) {
	.width75 {
		width: 60% !important;
	}	
}


@media screen and (max-width: 899px) and (min-width: 640px) {
	.width75 {
		width: 70% !important;
	}	
}

@media (min-width: 1100px) {
	.width75 {
		width: 70% !important;
	}	
}

@media (min-width: 768px) {
	.no_mobilelayout {
		display: block;
	}
	.mobilelayout {
		display: none;
	}
}

@media (max-width: 767px) {
	.mobilelayout {
		display: block;
	}
	.no_mobilelayout {
		display: none;
	}
}

.elevatezoom_gallery.button {
	padding: 0 !important;
}

.elevatezoom_gallery_wrapper>div>.cols_4 {
	padding-left: 0 !important;
	margin-block-end: 0.3em;
}

.mod_customcatalogreader.cc_article .ce_tabs {
    margin: 0px 0 35px 0 !important;
}

.big.preis_monat {
	font-weight: bold;
	font-size: larger;
	margin-top: 0.8em;
}


.no_mobilelayout.single-leftside.smallWidth {
	width: 30% !important;
}

.smallImage {
	width: 50% !important;
	margin-left: 25% !important;
}



.bannertreebg {
	background-image: url("/files/geocept/img/Background_Banner_Tree1.jpg") !important;	
	background-position: center; /* Center the image */
	background-repeat: no-repeat; /* Do not repeat the image */
	background-size: cover;  /* Resize the background image to cover the entire container */
}

.bannerheavenbg {
	background-image: url("/files/geocept/img/Backround_Banner_Himmel1.jpg") !important;	
	background-position: center; /* Center the image */
	background-repeat: no-repeat; /* Do not repeat the image */
	background-size: cover;  /* Resize the background image to cover the entire container */
}

.bannermapbg {
	background-image: url("/files/geocept/img/Backround_Banner_Karte1.jpg") !important;	
	background-position: center; /* Center the image */
	background-repeat: no-repeat; /* Do not repeat the image */
	background-size: cover;  /* Resize the background image to cover the entire container */
}


.center {
    text-align:center !important;
}


/*  Start: Login Form */
.mod_login.login > h2 {
	display: none !important;
}

.mod_login.login > form > .formbody {
	width: 80%;
	max-width: 350px;
	display: table;
	margin-left: auto !important;
	margin-right: auto !important;
}

.mod_login.login > form > .formbody > .widget > *, .mod_login.login > form > .formbody > .fields > .widget > *  {
	width: 100% !important;
	display: table;
	margin-left: auto !important;
	margin-right: auto !important;
}

.mod_login.login > form > .formbody > .widget, .mod_login.login > form > .formbody > .fields > .widget  {
	width: 100% !important; 
	margin-left: auto !important;
	margin-right: auto !important;
}

.mod_login.login > form > .formbody > .widget > .submit  {
	width: fit-content !important;
	text-align: center !important;	
}
/*  Ende: Login Form */

/*  Start: Registrierung Form */
.mod_registration > form > .formbody {
	width: 90%;
	max-width: 600px;
	display: table;
	margin-left: auto !important;
	margin-right: auto !important;
}

.mod_registration > form > .formbody > .fields > .widget > *, .mod_registration > form > .formbody > .widget > *  {
	width: 100% !important;
	display: table;
	margin-left: auto !important;
	margin-right: auto !important;
}

.mod_registration > form > .formbody > .fields > .widget, .mod_registration > form > .formbody > .widget  {
	width: 100% !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

.mod_registration > form > .formbody > .widget > .submit  {
	width: fit-content !important;
	text-align: center !important;	
}

#ctrl_country_626 {
	height: 3em;
}
/*  Ende: Registrierung Form */


/*  Start: Passwort vergessen Form */
.mod_lostPassword > h2 {
	display: none !important;
}

.mod_lostPassword > form > .formbody {
	width: 80%;
	max-width: 350px;
	display: table;
	margin-left: auto !important;
	margin-right: auto !important;
}

.mod_lostPassword > form > .formbody > .widget > *, .mod_lostPassword > form > .formbody > .fields > .widget > *   {
	width: 100% !important;
	display: table;
	margin-left: auto !important;
	margin-right: auto !important;
}

.mod_lostPassword > form > .formbody > .widget, .mod_lostPassword > form > .formbody > .fields > .widget  {
	width: 100% !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

.mod_lostPassword > form > .formbody > .widget > .submit  {
	width: fit-content !important;
	text-align: center !important;	
}
/*  Ende: Passwort vergessen Form */


/* Start: Mindesthöhe für Inhaltbereich festlegen damit bei kurzem Inhalt der Footer ganz unten ist  */
@media screen and (max-width: 99999px) and (min-width: 936px) {
	.content-wrapper {
		/* Firefox */
		min-height: -moz-calc(100vh - 205px);
		/* WebKit */
		min-height: -webkit-calc(100vh - 205px);
		/* Opera */
		min-height: -o-calc(100vh - 205px);
		/* Standard */
		min-height: calc(100vh - 205px);
	}
}

@media screen and (max-width: 935px) and (min-width: 921px) {
	.content-wrapper {
		/* Firefox */
		min-height: -moz-calc(100vh - 257px);
		/* WebKit */
		min-height: -webkit-calc(100vh - 257px);
		/* Opera */
		min-height: -o-calc(100vh - 257px);
		/* Standard */
		min-height: calc(100vh - 257px);
	}
}

@media screen and (max-width: 920px) and (min-width: 655px) {
	.content-wrapper {
		/* Firefox */
		min-height: -moz-calc(100vh - 296px);
		/* WebKit */
		min-height: -webkit-calc(100vh - 296px);
		/* Opera */
		min-height: -o-calc(100vh - 296px);
		/* Standard */
		min-height: calc(100vh - 296px);
	}
}

@media screen and (max-width: 654px) and (min-width: 600px) {
	.content-wrapper {
		/* Firefox */
		min-height: -moz-calc(100vh - 290px);
		/* WebKit */
		min-height: -webkit-calc(100vh - 290px);
		/* Opera */
		min-height: -o-calc(100vh - 290px);
		/* Standard */
		min-height: calc(100vh - 290px);
	}
}

@media screen and (max-width: 599px) and (min-width: 10px) {
	.content-wrapper {
		/* Firefox */
		min-height: -moz-calc(100vh - 350px);
		/* WebKit */
		min-height: -webkit-calc(100vh - 350px);
		/* Opera */
		min-height: -o-calc(100vh - 350px);
		/* Standard */
		min-height: calc(100vh - 350px);
	}
}
/* Ende: Mindesthöhe für Inhaltbereich festlegen damit bei kurzem Inhalt der Footer ganz unten ist  */


/* Warenkorb etc. leer */
.empty.message {
	min-height: 240px;
	text-align: center !important; 
}



.icon-boxes {
	margin-top: 0.5em !important;
	margin-bottom: 0.5em !important;
}

.icon-boxes-item.-background-color {
    padding: 0 !important;
    margin-top: 0 !important;
}

.-inverted-icon > .icon-boxes-item-icon {
    width: 2.08333em;
    height: 2.08333em;
    margin-bottom: 0.41667em !important;
    padding-right: 0.5em !important;
    padding-left: 0em !important;
    border: 0 !important;
    font-size: 2.2em !important;
    color: #004d9e;
    background: #ffffff;
    background: rgba(255, 255, 255, 0.5);
}

.spaltig-2 > .icon-boxes-item {
	display: flex !important;
}


body {
	font-family: Roboto, sans-serif;
}

.icon-boxes-item-text, .icon-text-block {
	font-size: 17px;
	font-family: Roboto, sans-serif;
    font-weight: 300;
    line-height: 28.9px;
    color: rgb(52, 54, 54);
    -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto; 
}

.ce_text {
	font-size: 18px;
    font-weight: 300;
    line-height: 28.9px;
    color: rgb(52, 54, 54);	
    -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto; 
}

.margin_bottom30 {
	margin-bottom: 60px !important;
}




/* Start: In den Warenkorb-Button und Mengenfeld */
.quantity_container	> div > form {
    width: 90%;
    display: flex;
    justify-content: center;
}


.quantity_container	> div > form > input[name="quantity_requested"] {
	background: #fff;
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    text-align: center;
    font-size: 22px;
    font-weight: 700;
    min-height: 50px;
    padding: 10px 20px;
    border: none;
    color: #000;
    box-shadow: 0px 1px 2px 0 rgb(99 99 99 / 30%);
    height: 1.8rem;
    line-height: 1.2rem;
    max-width: 100%;
    outline: none;
    position: relative;
    transition: background 0.2s, border 0.2s, box-shadow 0.2s, color 0.2s;
    overflow: visible;
    margin: 0;
    margin-bottom: 0;
	width: 40%;
}

.quantity_container	> div > form > .add_to_cart {
	border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    width: 60%;
	justify-content: center;
    margin-top: 0;
    padding: 5px 20px;
    align-items: center;
    min-height: 50px;
    font-weight: 500;
    border: none;
    max-width: 100%;
    flex-wrap: wrap;
    white-space: inherit;
    line-height: 1.2;
    height: inherit;
    background: #004d9e;
    color: #fff;
    -webkit-transition: background 0.2s;
	appearance: none;
	outline: none;
    text-align: center;
    text-decoration: none;
    user-select: none;
    vertical-align: middle;
    margin: 0;
    cursor: pointer;
    font-size: 0.9em;
    display: inline-block;
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button {  
   opacity: 1;
}
/* End: In den Warenkorb-Button und Mengenfeld */



/* Start: Warenkorb Modul */
.cardrow > td {
	max-width: fit-content !important;
}

.cardrow > td > input {

	min-width: 5em;
}

.mod_iso_cart > form {
	max-width: fit-content !important;	
	margin-left: auto;
    margin-right: auto;
}

.mod_iso_cart > form > div > input {
	float: right;
	margin-left: 10px;
}


.submit.button_checkout, .submit.button_update, .submit.button {
	background:  #004d9e;
	 color: white;
}

.submit.previous.button {
	display: none !important;
}

.submit.button_checkout:hover, .submit.button_update:hover, .submit.button:hover {
	background: #6C7179 !important;
	color: white;
}

.submit.button_checkout:focus, .submit.button_update:focus, .submit.button:focus {
	background: #6C7179 !important;
	color: white;
}

.submit.button_checkout:active, .submit.button_update:active, .submit.button:active {
	background: #004D9E !important;
	color: white;
}

.submit.button_checkout:visited, .submit.button_update:visited, .submit.button:visited {
	background: #004D9E !important;
	color: white;
}

.submit.button_checkout:link, .submit.button_update:link, .submit.button:link {
	background: #004D9E !important;
	color: white;
}

.submit.button_checkout {
	margin-bottom: 25px;
}


@media screen and (max-width: 499px) {
	#iso_ajaxBox {
		width: 100% !important;
    	left: 0 !important;
		border-radius: 15px;
	}
}
@media screen and (min-width: 500px) and (max-width:1200px) {
	#iso_ajaxBox {
		width: 50% !important;
    	left: 25% !important;
		border-radius: 15px;
	}
}
@media screen and (min-width: 1201px) {
	#iso_ajaxBox {
		width: 20% !important;
    	left: 40% !important;
		border-radius: 15px;
	}
}

#iso_ajaxBox > div {
	text-align: center !important;
}


.radio_container > span > label {
	font-size: 17px;
	font-family: Roboto, sans-serif;
    font-weight: 300;
    color: rgb(52, 54, 54);
}
	
/* Ende: Warenkorb Modul */


.width100 {
	width: 100% !important;
}


.megamenu_gray {
	background: #F5F5F5 !important;	
}


/* Für kleinges Background imgage rechts unten */
@media screen and (min-width: 1000px) {
	.margin-right-10vh {
		margin-right: 10vh !important;
	}
}


.colorwhite
{
	color: #fff !important;
}



.border2
{
	border: 2px;
}

.border2 > div
{
	margin: auto;
	text-align: center;
}


.nomarginright {
    margin-right: 0 !important;
}

.nomargintop > p {
    margin-top: 0 !important;
}


/* alle links blau auch wenn gehighlightet */
.-highlight-color a {
    color: #004d9e !important;
}

/* Start: Graue Content-Boxen bei Tarife z.B. */
.bggrey {
	background: #E2E2E2;
	padding: 10px;
	padding-left: 20px !important;
	padding-right: 20px !important;
	border-radius: 6px;
	margin-bottom: 2em !important;
}

.bggrey.centered-wrapper {
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);	
}

.bggrey  > h3 {
	text-align: center;
}

.bggrey > ol {
	margin-bottom: 0.8em !important;	
}
/* Start: Graue Content-Boxen bei Tarife z.B. */

/* Start: Blaue Content-Boxen bei GPS-Tracker z.B. */
.bgblue {
	background: #004d9e;
	color: #fff;
	padding: 10px;
	padding-left: 20px !important;
	padding-right: 20px !important;
	border-radius: 6px;
	margin-bottom: 2em !important;
}

.bgblue.centered-wrapper {
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);	
}

.bgblue > div > div > h2 {
	color: #fff;	
	margin-bottom: 0 !important;
}
.bgblue > div > div > p {
	margin-bottom: 1.0em;
}

.bgblue > div > div  {
	margin-bottom: 0 !important;
}

.bgblue > div  > .headline-box:after {
	display: none !important;
}



.bgblue > div > div > p > span > a:hover { color: #FFF !important; background: #6C7179 !important; padding: 6px; border-radius: 6px; text-decoration: none !important; 	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);}
.bgblue > div > div > p > span > a:active { color: #6C7179; background: #FFF; padding: 6px; border-radius: 6px; text-decoration: none !important; 	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);}
.bgblue > div > div > p > span > a:visited { color: #6C7179; background: #FFF; padding: 6px; border-radius: 6px; text-decoration: none !important; 	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);} 
.bgblue > div > div > p > span > a:link { color: #6C7179; background: #FFF; padding: 6px; border-radius: 6px; text-decoration: none !important;	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);}   
.bgblue > div > div > p > span > a:focus {color: #6C7179; background: #FFF; padding: 6px; border-radius: 6px; text-decoration: none !important; 	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);}
/* Ende: Blaue Content-Boxen bei GPS-Tracker z.B. */

.nowrap {
	white-space: nowrap;
}


/* Start: Cookie akzeptieren Dialog */
.mod_privacy_optin h1, .mod_privacy_optin h2, .mod_privacy_optin h3, .mod_privacy_optin h4, .mod_privacy_optin h5, .mod_privacy_optin h6 {
    font-family: Roboto, sans-serif;
    font-size: 1.5em !important;
    margin: 0 !important;
    margin-bottom: 0.5em !important;
    padding: 0 !important;
    background-image: none !important;
}

.privacy_popup {
	border-radius: 6px;
	margin-top: 5vh !important;
}

.privacy_buttons > input[name="save_all_settings"] {
	display: none !important;
}

.privacy_buttons > input {
	display: block;
	margin: 0 auto;
	width: fit-content !important;
}

.mod_privacy_optin .privacy_buttons input {
	background: #004d9e !important;
}

.mod_privacy_optin .ajax_info {
    background: #004d9e !important;
}

.listSpace, .listSpace > li {
	padding-bottom: 10px !important;
}
/* Ende: Cookie akzeptieren Dialog */


/* Warenkorb message zentrieren und größer */
.mod_iso_messages.block {
	font-size: 18px;
    font-weight: 600;
    line-height: 28.9px;
    color: rgb(52, 54, 54);
    text-align: center;
}

.ce_popup_content {
	border-radius: 6px;	
}

.ce_popup_content > .checkbox {
	margin-bottom: 10px;
	margin-left: 30px;
}

.ce_popup_content > h1 {
	margin-left: 20px;
	margin-right: 20px;
}

.ce_popup_content > div {
	margin-right: 20px;
}


.ce_popup_content > div > p {
	margin-left: 20px;
}


.mega-dropdown.level_3 .teaser-boxes-item {
	padding: 0 !important;	
}

.mega-dropdown.level_3 .teaser-boxes-image {
	display: flex !important;	
}

.mega-dropdown.level_3 .teaser-boxes-content {
	padding-bottom: 0.8em;
	padding-left: 5px;
	padding-right: 5px;
}

.ce_iconbox_inside {
	display: flex !important;
}

.ce_iconbox_inside> .image_container {
	width: 8em !important;
	max-width: 8em !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	margin-bottom: 0 !important;
	margin-top: 0 !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	padding-bottom: 0 !important;
	padding-top: 0 !important;
}

.ce_iconbox_inside> .image_container > img {
	width: 7em !important;
	max-width: 7em !important;
	text-align: left;
	padding-right: 1em !important;
	padding-top: 1em !important;
}

.ce_iconbox_inside> .ce_iconbox_cwrapper > div > p {
	font-size: 17px;
	font-family: Roboto, sans-serif;
    font-weight: 300;
    line-height: 28.9px;
    color: rgb(52, 54, 54);
    -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto; 
    margin: 0.46667em 0;
}


.bgautobahn > .page  {
	background-image: url("/files/geocept/img/BG_Autobahn.gif") !important;	
	background-position: center; /* Center the image */
	background-repeat: no-repeat; /* Do not repeat the image */
	background-size: cover;  /* Resize the background image to cover the entire container */
	background-attachment: fixed
}


@media screen and (min-width: 2020px) {
	.bglkw > div > div > main > div > div {
		background-image: url("/files/geocept/img/BG_LKW1.gif"), url("/files/geocept/img/BG_Mulde.gif");	
		background-position: right bottom, left center; /* Center the image */
		background-repeat: no-repeat; /* Do not repeat the image */
		background-size: 15vw auto, 10vw auto;
		background-attachment: fixed
	}

}


.mod_navigation.footer-navigation {
	background-color: #fff !important;
	margin-right: 0 !important;
	margin-left: 0 !important;
}


.margin-left-5p {
	margin-left: 5%;
}

.min-table-width {
	min-width: 570px !important;
}


li:hover > .mega-dropdown
{
	padding: 0 !important;
}

.button {
	text-transform: none !important;;
}

.large.buttom {
	-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.75);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.75);
}

.large {
	font-size: 20px;
}

.dist_button {
	height: 0.8em;
}

.-boxed > .teaser-boxes-item {
	border-radius: 6px;
	 -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.75);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.75);
}


:not(.-invert-controls).ce_rsce_oneo_area_nav.area-navigation a {
	color: black;
}

:not(.-invert-controls).ce_rsce_oneo_area_nav.area-navigation a:after {
	background: black;
}

.ce_rsce_oneo_area_nav.area-navigation a.next:after, .ce_rsce_oneo_area_nav.area-navigation a.prev:after, .ce_rsce_oneo_area_nav.area-navigation a.next:hover:after, .ce_rsce_oneo_area_nav.area-navigation a.prev:hover:after {
	background-color: transparent;
}

.sr-only {
	visibility:hidden !important; 
	display:none !important;
	clip-path: inset(100%);
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute;
	white-space: nowrap;
	width: 1px;
}

.area-navigation a.prev > span, .area-navigation a.next {
	display: block;
}

@media screen and (max-width: 1280px)
{
	.area-navigation a.prev, .area-navigation a.next {
		display: block;
	}
}

.area-navigation a > span {
	opacity: 0;
	margin: -1.0em 1.0em 0 0;
	font-size: 0.93333em;
	padding: 0.65em 0.9em;
	letter-spacing: 1px;
	color: #333;
    border-radius: 10px;
    background: rgba(255, 255, 255, .98);
    box-shadow: 0 1px 3px rgba(31, 31, 31, .2);
}
.area-navigation a:hover > span {
	max-width: 999px;
	opacity: 1;
	-webkit-transition: max-width 0.6s cubic-bezier(0.75, 0, 1, 1);
	-moz-transition: max-width 0.6s cubic-bezier(0.75, 0, 1, 1);
	-o-transition: max-width 0.6s cubic-bezier(0.75, 0, 1, 1);
	transition: max-width 0.6s cubic-bezier(0.75, 0, 1, 1);
}

.copyright-text {
	text-align: center;
	width: 100%;
	border: 1px solid black;
}