/* Allgemeines CSS für mlm-software - unabhängig von der company.css eines Designs 230706 jes-flex dashboard */

/* Zurück Link Thema für alle Designs */
div.theme_link_back {
  text-align: center;
  padding: 10px;
  background-color: #272727 !important;
  text-decoration: none !important;
}

div.theme_link_back a:link, div.theme_link_back a:visited {
  color: #fff !important;
  font-weight: unset !important;
}

div.theme_link_back a:hover, div.theme_link_back a:active {
  color: #FFF !important;
  text-decoration: underline;
  font-weight: inherit !important;
}

/* Sectionen für Seiteninhalte */
#bgblue {background-color: #002855; margin-left: -15px; margin-right: -15px; padding: 1em 0;}
#bglight {background-color: #FFFFFF; margin-left: 0; margin-right: -15px; padding: 0 3em 1em 3em; font-size: 1.3em;}
#bgsub {background-color: #FFFFFF; margin-left: -15px; margin-right: -15px; padding: 0; font-size: 1em;}
#bgdark {background-color: #9fa8bc; margin-left: 0; margin-right: -15px; padding: 0 3em 1em 3em; font-size: 1.3em;}
#bgdark-2 {background-color: #9fa8bc; margin-left: 0; margin-right: -15px; padding: 1em 3em 1em 3em; font-size: 1.3em;}
#bgred {background-color: #B51E3F; margin-left: -15px; margin-right: -15px; padding: 1em 0;}
#bgpetrol {background-color: #789f90; margin-left: -15px; margin-right: -15px; padding: 1em 0;}
#bgwhite {background-color: #FFFFFF; margin-left: 0; margin-right: -15px; padding: 1em;}
#bgwhite-2 {background-color: #FFFFFF; margin-left: 0; margin-right: -15px; padding: 2em;}
#bggradient1 {background: linear-gradient(45deg, #789f90, #a96894); margin-left: -15px; margin-right: -15px; padding: 1em 0;}
#bgpurple {background-color: #e8cbd0; margin-left: -15px; margin-right: -15px; padding: 1em 0;}
#bgred a:hover, #bgblue a:hover { color: #FFF !important; }
#bgred a, #bgblue a, #bgred a:link, #bgblue a:link { color: #F2F2F2; text-transform: uppercase !important; font-weight: 500; }
#bgwhite a:link, #bgwhite a:hover { text-transform: uppercase !important; font-weight: 500; }
.font-white {color: #FFFFFF !important;}
#block-center { width: 50%; }

@media (max-width: 1250px) {
	#block-center { width: 80%; }
}
@media (max-width: 800px) {
	#block-center { width: 100%; }
}

/*Dashboard */
.dashboard-blue {
  border: 0;
  border-collapse: separate;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
  -webkit-background-origin: border !important;
  -moz-background-origin: border !important;
  background-origin: border-box !important;
  background: #0960AB;
  -webkit-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.25);
/*  box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.25); */
  border-width: 0;
  padding: 0.3em 1em 0.3em 1em;
  margin: 0 auto;
  color: #fff;
  min-height: 115px;

}

.dashboard-darkblue {
  border: 0;
  border-collapse: separate;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
  -webkit-background-origin: border !important;
  -moz-background-origin: border !important;
  background-origin: border-box !important;
  background: #002855;
  -webkit-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.25);
/*  box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.25); */
  border-width: 0;
  padding: 0.3em 1em 0.3em 1em;
  margin: 0 auto;
  color: #fff;
  min-height: 115px;

}

.dashboard-red {
  border: 0;
  border-collapse: separate;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
  -webkit-background-origin: border !important;
  -moz-background-origin: border !important;
  background-origin: border-box !important;
  background: #A11B00;
  -webkit-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.25);
/*  box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.25); */
  border-width: 0;
  padding: 0.3em 1em 0.3em 1em;
  margin: 0 auto;
  color: #fff;
  min-height: 115px;

}

.dashboard-green {
  border: 0;
  border-collapse: separate;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
  -webkit-background-origin: border !important;
  -moz-background-origin: border !important;
  background-origin: border-box !important;
  background: #09ABA0;
  -webkit-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.25);
/*  box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.25); */
  border-width: 0;
  padding: 0.3em 1em 0.3em 1em;
  margin: 0 auto;
  color: #fff;
  min-height: 115px;
}

.dashboard-petrol {
  border: 0;
  border-collapse: separate;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
  -webkit-background-origin: border !important;
  -moz-background-origin: border !important;
  background-origin: border-box !important;
  background: linear-gradient(45deg, #789f90, #a96894);
  -webkit-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.25);
/*  box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.25); */
  border-width: 0;
  padding: 0.3em 1em 0.3em 1em;
  margin: 0 auto;
  color: #fff;
  min-height: 115px;
}

.dashboard-rose {
  border: 0;
  border-collapse: separate;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
  -webkit-background-origin: border !important;
  -moz-background-origin: border !important;
  background-origin: border-box !important;
  background: #e8cbd0;
  -webkit-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.25);
/*  box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.25); */
  border-width: 0;
  padding: 0.3em 1em 0.3em 1em;
  margin: 0 auto;
  color: #000;
  min-height: 115px;
}

.dashboard-yellow {
  border: 0;
  border-collapse: separate;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
  -webkit-background-origin: border !important;
  -moz-background-origin: border !important;
  background-origin: border-box !important;
  background: #FF0;
  -webkit-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.25);
/*  box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.25); */
  border-width: 0;
  padding: 0.3em 1em 0.3em 1em;
  margin: 0 auto;
  color: #000;
  min-height: 115px;
}

.dashboard-black{
  border: 0;
  border-collapse: separate;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
  -webkit-background-origin: border !important;
  -moz-background-origin: border !important;
  background-origin: border-box !important;
  background: #000;
  -webkit-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.25);
/*  box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.25); */
  border-width: 0;
  padding: 0.3em 1em 0.3em 1em;
  margin: 0 auto;
  color: #fff;
  min-height: 115px;
}

.dashboard-graphite {
  border: 0;
  border-collapse: separate;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
  -webkit-background-origin: border !important;
  -moz-background-origin: border !important;
  background-origin: border-box !important;
  background: #2D2F40;
  -webkit-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.25);
/*  box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.25); */
  border-width: 0;
  padding: 0.3em 1em 0.3em 1em;
  margin: 0 auto;
  color: #fff;
  min-height: 115px;
}

.dashboard-grey {
  border: 0;
  border-collapse: separate;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
  -webkit-background-origin: border !important;
  -moz-background-origin: border !important;
  background-origin: border-box !important;
  background: #c8c8c8;
  -webkit-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.25);
/*  box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.25); */
  border-width: 0;
  padding: 0.3em 1em 0.3em 1em;
  margin: 0 auto;
  color: #000;
  min-height: 115px;
}

.dashboard-lightgrey {
  border: 0;
  border-collapse: separate;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
  -webkit-background-origin: border !important;
  -moz-background-origin: border !important;
  background-origin: border-box !important;
  background: #E9E9E9;
  -webkit-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.25);
/*  box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.25); */
  border-width: 0;
  padding: 0.3em 1em 0.3em 1em;
  margin: 0 auto;
  color: #000;
  min-height: 115px;
}

.dashboard-accent {
  border: 0;
  border-collapse: separate;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
  -webkit-background-origin: border !important;
  -moz-background-origin: border !important;
  background-origin: border-box !important;
  background: var(--jes-background-box);
  -webkit-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.25);
/*  box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.25); */
  border-width: 0;
  padding: 0.3em 1em 0.3em 1em;
  margin: 0 auto;
  color: var(--jes-accent-color);
  min-height: 115px;
}

.dashboard-h3 {color: #fff !important; font-size: 1.5em !important;}
.dashboard-h3-white {color: #fff !important; font-size: 1.5em !important; font-weight: 500 !important; }
.dashboard-h3-black { color: #2D2F40 !important; font-size: 1.5em !important; font-weight: 500 !important; }
.dashboard-h3-accent { color: var(--jes-accent-color) !important; font-size: 1.5em !important; font-weight: 500 !important; }

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

/* CSS Klassen Slider */

/* Slider "Speziell für Sie" */
.carousel-caption-s {
height:100%!important;
position: relative;
bottom: 0px!important;
padding-top:0!important;
padding-bottom:0!important;
z-index: 10;
text-shadow: none;
}

.h2-special {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    color: #000 !important;
    text-transform: uppercase;
}
.p-special {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 24px !important;
    font-weight: 300 !important;
    color: #000 !important;
}
#header_box_s {
	margin-left: auto;
	margin-right: auto;
	text-align:center;
	width: 100%;
	/* background: rgba(0, 0, 0, 0.27); */
	color: #fff;
	height: 100%;
	padding-left: 10px;
}

.carousel-control.right, .carousel-control.left { z-index: 999; }

/* Headerbox Partner werden */

#header_box-p {
    margin-left: 60%;
    text-align: left;
    width: 30%;
    background: #b4e6e5;
    color: #1a2c50;
    font-size: 16px;
    height: 60%;
    padding: 1em;
    margin-top: 15%;
}

@media (max-width: 1610px) {
#header_box-p { margin-left: 50%; width: 50%; }
}
@media (max-width: 1200px) {
#header_box-p { margin-left: 40%; width: 60%; margin-top: 20%; }
}


.h2-partner {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    color: #000 !important;
    text-transform: uppercase;
}
.p-partner {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 16px !important;
    font-weight: 300 !important;
    color: #000 !important;
}

@media (max-width: 767px) {
	.p-justify, .accordion { font-size: 16px !important; }
	.button-box-white { margin-top: 1em !important; }
}

@media (max-width: 640px) {
.leftContainer { padding: 0 1em; }
.p-partner { font-size: 14px !important; }
.h2-partner { font-size: 22px !important; }
.p-justify, p, li, .accordion { font-size: 16px !important; }
}

@media (max-width: 480px) {
	.p-justify, p, li, .accordion { font-size: 16px !important; }
}

@media (max-width: 360px) {
	.p-justify, .accordion { font-size: 14px !important; text-align: left !important; }
	p, li { font-size: 14px !important; }
}

/* Startseite 2021 */

.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.bgbeige { background-color: #f6f4f2; }
.bgbrown { background-color: #e3dad1; }
.bgtuerkis { background-color: #b4e6e5; padding: 2em; margin: 2em; }
.bgwhite { background-color: #ffffff; height: 100%; display: table-cell; }
.bgwhite-table { background-color: #ffffff; height: 100%; vertical-align: bottom !important; }
.bgwhite-pure { background-color: #ffffff; }
.bgblue { background-color: #1a2c50; }
.bgblue2 { background-color: #364665; }
.bgtoptrenner { background-image: url(/cms_media/my_media/0/mlm/trenner_top_1920x150.png); background-repeat: no-repeat; 
				background-position: top left; background-size: cover; height: 150px; 
				/* -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); -ms-filter: "FlipH"; filter: FlipH; */ }
.bgbottomtrenner { background-image: url(/cms_media/my_media/0/mlm/trenner_bottom_1920x150.png); background-repeat: no-repeat; 
				background-position: top left; background-size: cover; height: 150px; 
				/* -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); -ms-filter: "FlipH"; filter: FlipH; */ }
.p-justify { margin: 1em 0; font-size: 18px; text-align: justify; }
.box80 { width: 80%; }
.box-pad1em { padding: 1em; padding-bottom: 0em;  }
.button-box {
    padding: 1em 2em;
    background: #fff;
    border: solid 1px #1a2c50;
    color: #1a2c50;
    text-transform: uppercase;
    margin-bottom: 2em !important;
}

.button-box:hover {
    background: #1a2c50;
    color: #fff;
}

.button-box-reverse {
    padding: 1em 2em;
    background: #1a2c50;
    border: solid 1px #1a2c50;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 2em !important;
}

.button-box-reverse:hover {
    background: #fff;
    color: #1a2c50;
}

.button-box-white {
    padding: 1em 2em;
    background: #1a2c50;
    border: solid 1px #fbfbfb;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 2em !important;
    margin-top: 5em;
    width: 100%;
	max-width: 300px;
}

.button-box-white:hover {
    background: #fff;
    color: #1a2c50;
}

.button-top2:hover {
    filter: opacity(50%);
}

/* Slider Bilder */
/* Slider */
.banner { position: relative; overflow: auto; }
    .banner li { list-style: none; }
        .banner ul li { float: left; }


#header_box1 {
margin-left: 60%;
padding-top: 221px;
text-align:left;
width: 276px;
background: rgba(0, 0, 0, 0.27);
color: #fff;
height: 100%;
padding-left: 10px;
}

#header_box2 {
    margin-left: 10%;
    text-align: left;
    color: #1a2c50;
    font-size: 14px;
    height: 80%;
    margin-top: 10%;
}

#header_box2 p:first-of-type {
	margin-bottom: 2px!important;
	font-size: 14px!important;
}

.content-box {
    background: rgba(259, 259, 259, 0.7);
    padding: 0.8em;
    width: 100%;
    max-width: 300px;
    height: auto;
    margin-top: 10%;
}

.button-box2 {
    padding: 1em 2em;
    background: #fff;
    border: solid 1px #1a2c50;
    color: #1a2c50;
    text-transform: uppercase;
    margin-bottom: 0 !important;
}

.button-box2:hover {
    background: #1a2c50;
    color: #fff;
}

.carousel-caption {
	height:100%!important;
	position: absolute;
	right: 15%;
	bottom: 0px!important;
	left: 15%;
	padding-top:0!important;
	padding-bottom:0!important;
	z-index: 10;
	text-shadow: none;
}

.h2-slider {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 20px !important;
    font-weight: 500 !important;
    color: #1a2c50 !important;
    margin-top: 0;
}

.p-slider {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 14px !important;
    font-weight: 300 !important;
    color: #1a2c50 !important;
}

/* Indicatoren */
.carousel-indicators { bottom: -20px !important; }
.carousel-indicators .active { background-color: #9FA8BC !important; }
.carousel-indicators li { border: 1px solid #9FA8BC !important; }

/* Artikelslider */
#slider_art {
    display: flex;
    padding-left: 1em;
}
#slider_art_2 {
    display: inline;
    padding-left: 1em;
    padding-right: 1em;
}

.noshadow { 
	background-image: none !important; 
}

@media (max-width: 1650px) {
.arrowbox_content_orange_left { width: 70% !important; }
.arrowbox_orange_left { margin-top: 120px!important; }
}

@media (max-width: 1450px) {
.arrowbox_content_orange_left { width: 80% !important; margin-top: 1em !important; margin-bottom: 1em !important;}
.arrowbox_orange_left { margin-top: 100px !important; }
}

@media (max-width: 1200px) {
#header_box2 { margin-top: 5%; }
.content-box { margin-top: 5%; }
.arrowbox_content_orange_left { width: 90% !important; margin-top: 0.5em !important; margin-bottom: 0.5em !important;}
.arrowbox_orange_left { margin-top: 110px !important; }
}

@media (max-width: 991px) {
	#slider { margin-top: 40px; }
	#slider-partner {margin-top: 0px;}
	#slider_text { margin-top: 0px; }
	.arrowbox_orange_left { margin-top: 90px !important; }

}

@media (max-width: 990px) {
/* #header_box2 { margin-left: 40%; padding-top: 5%; } */
#header_box2 { margin-top: 0; }
.content-box { margin-top: 15px; max-width: 400px; }
}

@media (max-width: 870px) {
	.h2-slider { font-size: 18px !important; }
	#header_box2 p:first-of-type { font-size: 12px!important; }
	.p-slider { font-size: 12px; }
	#slider-partner { margin-top: 20px; }
	.arrowbox_orange_left { margin-top: 70px !important; }
}

@media (max-width: 800px) {
#slider-partner { margin-top: 60px; }
.arrowbox_orange_left { margin-top: 40px !important; }
}

@media (max-width: 767px) {
.col-xs-12 { padding-left: 0; padding-right: 0; }
}

@media (max-width: 720px) {
#slider-partner { margin-top: 80px; }
.arrowbox_orange_left { margin-top: 25px !important; }
}



@media (max-width: 640px) {
#header_box2 { margin-left: 40%; padding-top: 1%; }
.h2-slider { font-size: 20px !important; }
.p-slider { font-size: 14px !important; }
#slider-partner { margin-top: -50px; }
.arrowbox_orange_left { margin-top: 20px !important; }
.arrowbox_content_orange_left { width: 70% !important; margin-top: 0.5em !important; margin-bottom: 0.5em !important; }
}

@media (max-width: 590px) {
.arrowbox_orange_left { margin-top: 30px !important; }
.arrowbox_content_orange_left { width: 90% !important; margin-top: 0 !important; margin-bottom: 0 !important; }
.h2-arrowbox { font-size: 1em !important; }
.h1-arrowbox { font-size: 1em !important; }
}


@media (max-width: 480px) {
/* .carousel { margin-top: 40px; } */
.content { padding: 3em 0 2em 0 !important; }
#header_box2 { margin-left: 50%; padding-top: 1%; }
.content-table { width: 100%; }
#header_box2 p:first-of-type { font-size: 14px !important; }
.h2-slider { font-size: 18px !important; }
.p-slider { font-size: 14px !important; }
.arrowbox_orange_left { margin-top: 10px !important; }
}

/* Box Pfeil in Bildern mit Inhalten */
/* Für jede Pfeilfarbe eine Klasse */

.arrowbox_green_left {
    background-image: url('https: //mlm-software.dehttps://graphiken.net/mlm/elements/pfeilbg_green.png');
    background-size: cover;
    background-position: right;
    background-repeat: no-repeat;
    margin-top: 60px;
    display: flex;
}

.arrowbox_blue_left {
    background-image: url('https://graphiken.net/mlm/elements/pfeilbg_blue.png');
    background-size: cover;
    background-position: right;
    background-repeat: no-repeat;
    margin-top: 60px;
    display: flex;
}

.arrowbox_blue_right {
    background-image: url('https://graphiken.net/mlm/elements/pfeilbg_blue_right.png');
    background-size: cover;
    background-position: right;
    background-repeat: no-repeat;
    padding-top: 2em;
    padding-bottom: 2em;
    display: flex;
}

.arrowbox_orange_right {
    background-image: url('https://graphiken.net/mlm/elements/pfeilbg_orange_right.png');
    background-size: cover;
    background-position: right;
    background-repeat: no-repeat;
    padding-top: 2em;
    padding-bottom: 2em;
    display: flex;
}

.arrowbox_orange_left {
    background-image: url('https://graphiken.net/mlm/elements/pfeilbg_orange.png');
    background-size: cover;
    background-position: right;
    background-repeat: no-repeat;
    margin-top: 150px;
    display: flex;
}

.arrowbox_turkis_right {
    background-image: url('https://graphiken.net/mlm/elements/arrowbg_left_turkis.png');
    background-size: cover;
    background-position: left;
    background-repeat: no-repeat;
    display: flex;
    padding-top: 2em;
    padding-bottom: 2em;
}

.arrowbox_content_left {
    width: 80%;
    height: 100%;
    padding: 1em;
    text-align: center;
    margin-top: 2em;
	margin-bottom: 2em;
}

.arrowbox_content_orange_left {
    width: 60%;
    height: 100%;
    padding: 1em;
    text-align: center;
    margin-top: 3em;
    margin-bottom: 3em;
}

.arrowbox_content_right {
    width: 60%;
    height: 100%;
    padding: 1em;
    position: relative;
    left: 30%;
}

.h1-arrowbox {
    font-weight: 700 !important;
    color: #fff !important;
    margin-top: 0;
    
}

.h1-arrowbox a {
    font-weight: 700 !important;
    font-size: 1.1em;
    color: #fff !important;
    margin-top: 0;
    text-decoration: none;
}

.h1-arrowbox a:hover {
    font-weight: 700 !important;
    color: #fff !important;
    text-decoration: underline;
}

.h2-arrowbox {
    font-weight: 500 !important;
    color: #fff !important;
    margin-top: 0;
}

@media (max-width: 990px) {
	.arrowbox_green { margin-top: 30px; }
	.arrowbox_turkis { margin-top: 30px; }
}

@media (max-width: 640px) {
	.arrowbox_green { margin-top: 0; }
	.arrowbox_turkis { margin-top: 30px; }
}

@media (max-width: 480px) {
.arrowbox_content_right { width: 60%; left: 11em; }
}

/* Buttons Jetzt starten */
.btn-blue {
    width: 80%;
    height: 160px;
    background: url('https://graphiken.net/mlm/icons/button_1.png');
    background-position: 5px 5px;
    background-size: 150px;
    background-repeat: no-repeat;
    background-color: #fff;
    border-radius: 100px;
    padding: 1em;
    box-shadow: 5px 5px 10px 5px lightgray;
    border: none;
    padding-left: 180px;
    padding-right: 90px;
    font-size: 1.2em;
}

.btn-blue:hover {
    background-color: #f2f2f2;
    background: url('https://graphiken.net/mlm/icons/button_1_hover.png');
    background-position: 5px 5px;
    background-size: 150px;
    background-repeat: no-repeat;
}

.btn-green {
    width: 80%;
    height: 160px;
    background: url('https://graphiken.net/mlm/icons/button_2.png');
    background-position: 99% 5px;
    background-size: 150px;
    background-repeat: no-repeat;
    background-color: #fff;
    border-radius: 100px;
    padding: 1em;
    box-shadow: 5px 5px 10px 5px lightgray;
    border: none;
    padding-left: 90px;
    padding-right: 180px;
    font-size: 1.2em;
}

.btn-green:hover {
    background-color: #f2f2f2;
    background: url('https://graphiken.net/mlm/icons/button_2_hover.png');
    background-position: 99% 5px;
    background-size: 150px;
    background-repeat: no-repeat;
}

.btn-support {
    width: 80%;
    height: 160px;
    background: url('https://graphiken.net/mlm/icons/button_support.png');
    background-position: 5px 5px;
    background-size: 150px;
    background-repeat: no-repeat;
    background-color: #fff;
    border-radius: 100px;
    padding: 1em;
    box-shadow: 5px 5px 10px 5px lightgray;
    border: none;
    padding-left: 180px;
    padding-right: 90px;
    font-size: 1.2em;
}

.btn-support:hover {
    background-color: #f2f2f2;
    background: url('https://graphiken.net/mlm/icons/button_support_hover.png');
    background-position: 5px 5px;
    background-size: 150px;
    background-repeat: no-repeat;
}

/* responsive Anpassung der Buttons */

@media (max-width: 1500px) {
	.btn-green { width: 90%; }
	.btn-blue { width: 90%; }
}

@media (max-width: 1350px) {
	.btn-green { width: 100%; font-size: 1.1em; padding-left: 40px; }
	.btn-blue { width: 100%; font-size: 1.1em; padding-right: 40px; }
}


@media (max-width: 1150px) {
	.btn-green { font-size: 1em; }
	.btn-blue { font-size: 1em; }
}

@media (max-width: 992px) {
	.btn-blue {
    width: 100%;
    height: 100px;
    background: url('https://graphiken.net/mlm/icons/button_1.png');
    background-position: 5px 5px;
    background-size: 90px;
    background-repeat: no-repeat;
    padding-left: 100px;
    padding-right: 20px;
    font-size: 1em;
    min-width: 300px;
}
	.btn-blue:hover {
    background-color: #f2f2f2;
    background: url('https://graphiken.net/mlm/icons/button_1_hover.png');
    background-position: 5px 5px;
    background-size: 90px;
    background-repeat: no-repeat;
}
	.btn-green {
    width: 100%;
    height: 100px;
    background: url('https://graphiken.net/mlm/icons/button_2.png');
    background-position: 99% 5px;
    background-size: 90px;
    background-repeat: no-repeat;
    background-color: #fff;
    padding-left: 20px;
    padding-right: 100px;
    font-size: 1em;
    min-width: 300px;
}
	.btn-green:hover {
    background-color: #f2f2f2;
    background: url('https://graphiken.net/mlm/icons/button_2_hover.png');
    background-position: 99% 5px;
    background-size: 90px;
    background-repeat: no-repeat;
}

.shoppingCart { padding-right: 1em; }
.content { padding: 3em 0 2em 0 !important; }
}

@media (max-width: 767px) {
.btn-blue {
    width: 80%;
    height: 160px;
    background: url('https://graphiken.net/mlm/icons/button_1.png');
    background-position: 5px 5px;
    background-size: 150px;
    background-repeat: no-repeat;
    background-color: #fff;
    border-radius: 100px;
    padding: 1em;
    box-shadow: 5px 5px 10px 5px lightgray;
    border: none;
    padding-left: 180px;
    padding-right: 90px;
    font-size: 1.2em;
}

.btn-blue:hover {
    background-color: #f2f2f2;
    background: url('https://graphiken.net/mlm/icons/button_1_hover.png');
    background-position: 5px 5px;
    background-size: 150px;
    background-repeat: no-repeat;
}

.btn-green {
    width: 80%;
    height: 160px;
    background: url('https://graphiken.net/mlm/icons/button_2.png');
    background-position: 99% 5px;
    background-size: 150px;
    background-repeat: no-repeat;
    background-color: #fff;
    border-radius: 100px;
    padding: 1em;
    box-shadow: 5px 5px 10px 5px lightgray;
    border: none;
    padding-left: 90px;
    padding-right: 180px;
    font-size: 1.2em;
}

.btn-green:hover {
    background-color: #f2f2f2;
    background: url('https://graphiken.net/mlm/icons/button_2_hover.png');
    background-position: 99% 5px;
    background-size: 150px;
    background-repeat: no-repeat;
}
}

@media (max-width: 690px) {
	.btn-green { width: 100%; font-size: 1em; padding-left: 40px; }
	.btn-blue { width: 100%; font-size: 1em; padding-right: 40px; }
}

@media (max-width: 480px) {
	.btn-blue {
    width: 100%;
    height: 100px;
    background: url('https://graphiken.net/mlm/icons/button_1.png');
    background-position: 5px 5px;
    background-size: 90px;
    background-repeat: no-repeat;
    padding-left: 100px;
    padding-right: 20px;
    font-size: 1em;
    min-width: 300px;
}
	.btn-blue:hover {
    background-color: #f2f2f2;
    background: url('https://graphiken.net/mlm/icons/button_1_hover.png');
    background-position: 5px 5px;
    background-size: 90px;
    background-repeat: no-repeat;
}
	.btn-green {
    width: 100%;
    height: 100px;
    background: url('https://graphiken.net/mlm/icons/button_2.png');
    background-position: 99% 5px;
    background-size: 90px;
    background-repeat: no-repeat;
    background-color: #fff;
    padding-left: 20px;
    padding-right: 100px;
    font-size: 1em;
    min-width: 300px;
}
	.btn-green:hover {
    background-color: #f2f2f2;
    background: url('https://graphiken.net/mlm/icons/button_2_hover.png');
    background-position: 99% 5px;
    background-size: 90px;
    background-repeat: no-repeat;
}
}

/* Oberer Rand der Bildgalerie weg */
div.gallery_content_top { margin: 0 !important; }

/* accordion */

.accordion {
  background-color: #eee;
  color: #555;
  cursor: pointer;
  padding: 8px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 1em;
  font-weight: 400;
  transition: 0.4s;
}

.accordion:active, .accordion:hover, accordion:focus {
    background-color: #00b3ed;
    color: #fff;
}

.accordion.active {
    background-color: #00b3ed;
    color: #fff;
}

.accordion:after {
  content: '\002B';
  color: #777;
  font-weight: bold;
  float: right;
  margin-left: 5px;
  font-size: 1em;
}

.accordion:hover:after {
    color: #fff;
}

.accordion.active:focus {
    color: #fff;
    background-color: #00b3ed;
}

.accordion.active:after {
  content: "\2212";
  color: #fff;
}

.panel {
  padding: 0 18px;
  background-color: #eee;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease-out;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
}

@media (max-width: 480px) {
    .panel { padding: 0 0.5em; }
}
/* Ende Accordion */

/* Spalten gleiche Höhe mit Klasse "equal-cols" */
.row.equal-cols {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.row.equal-cols:before,
.row.equal-cols:after {
  display: block;
}

.row.equal-cols > [class*='col-'] {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.row.equal-cols > [class*='col-'] > * {
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto; 
}
/* Spalten gleiche Höhe Ende */

/* jes Flexbox */

.jes-flexbox-1200 {display: flex; justify-content: space-between; align-items: center; gap: 1em 100px; margin-left: auto; margin-right: auto; max-width: calc(1200px); }
.jes-flexbox-800 {display: flex; justify-content: space-between; align-items: center; gap: 1em 100px; margin-left: auto; margin-right: auto; max-width: calc(800px); }
/* wegen dem Design hier eine andere Einstellung für gap */
.jes-flexbox-buttons { gap: 2em; flex-wrap: wrap; justify-content: flex-start; text-align: center; }
.jes-flexitem-only-text {flex: 0 1 auto; padding: 1em; word-spacing: 1px;}
.jes-flexitem-text {flex: 0 1 auto; width: 50%;}
.jes-flexitem-img {flex: 1 1 auto; }
.jes-flexitem-text-box {flex: 1 1 auto; }
.jes-img-float-right { float: right; }
.jes-img-float-left { float: left; }

@media (max-width: 1200px) {
    .jes-flexbox-1200 { margin-left: 2em; margin-right: 2em; }
    .wrap1200 {flex-wrap: wrap;}
    .jes-flexitem-text {width: 100%; margin: 2em 0;}
    .jes-nodisplay-1200 { display: none; }
    .jes-img-center-1200 { margin-left: auto; margin-right: auto; float: unset; }
}

@media (max-width: 800px) {
    .jes-flexbox-800 { margin-left: 2em; margin-right: 2em; }
    .wrap800 {flex-wrap: wrap;}
    .jes-flexitem-only-text {margin: 2em 0;}
    .jes-flexitem-text-box {margin: 0;}
    .jes-nodisplay-800 { display: none; }
    .jes-img-center-800 { margin-left: auto; margin-right: auto; float: unset; }
}