/* =============================================================================



 * Fonts definitionen



 * ========================================================================== */

body {

  font-family: DIN W01 Light;

  font-weight: normal;

  line-height: 1.8rem;

  font-size: 1.3rem;;

}

h1, h2, h3, h4, h5, h6 {

  font-family: DIN Offc W02 Cond Medium;

  font-weight: normal;

}





/*     --INSTAGRAM

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



.instagram{

  padding: 0 40px 0 40px !important;

  height: 70vh !important;

}



/*     --TOS SWIPER

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



.tos-wrapper.tos-fixed {

    z-index: 19000;

}



.tos-close span:before, .tos-close span:after {

    width: 15px;

    height: 15px;

}



.tos-close span:before {

	left: 60%;

}



/* --------------------------------------------    Neuer Font  */



.regular-Font {

	font-family: DIN W01 Regular;

	font-weight: normal;

	line-height: 1.8rem;

	font-size: 1.3rem;

}



.light-Font {

	font-family: DIN W01 Light;

	font-weight: normal;

	line-height: 1.8rem;

	font-size: 1.3rem;

}







.ce_revolutionslider h2 {

    font-size: 1.8rem !important;

    color:#c17f44;

}



.ce_revolutionslider .leftrevtitle h2{

    padding-left:20px !important;

}



.ce_revolutionslider .rightrevtitle h2{

    padding-right:20px !important;

}



h4 {

    font-size: 1.70rem;

}



.titlebg{

  background-color: #212f25;

  margin-bottom:55px;

}



.titlebg H1{

 padding:0px 0px 10px 0px;

 margin:0px;

 margin-bottom:0px;

}



#homeslider.titlebg{

  background-color: #212f25;

  margin-bottom:0px;

}





#homesliderEN.titlebg{

  background-color: #212f25;

  margin-bottom:0px;

}



#homesliderEN.titlebg H1{

 padding:0px 0px 20px 0px;

}



#homeslider.titlebg H1{

 padding:0px 0px 20px 0px;



}



.titlebg .ce_text  {

 margin-bottom:-18px;

}



.textpadding{

  padding-right: 100px;

}



#main .contentwrap .ce_text.first {

    padding-right: 100px;

}



.sammlung_detailpage #main .contentwrap  .ce_text.first {

    padding-right: 0px !important;



}



#main .contentwrap .inner  .ce_text.first {

    padding-right: 10px !important;

}



.sammlung_detailpage h4{

  margin-top: 40px;

}



.sammlung_detailpage .mod_article.mt-80{

  margin-top:30px !important;

}



.ce_hyperlink.back{

  margin-top:40px !important;

}

/* =============================================================================



 * DSVGO



 * ========================================================================== */

.mod_cookiebar_optin_medium .submit, .mod_cookiebar_optin_medium .submit.readonly {

  background: #b17e49 !important;

  border: none;

  color: #fff;

  font-weight: normal;

  font-size: 1rem;

}

.mod_cookiebar_optin_medium .submit:hover, .mod_cookiebar_optin_medium .submit.readonly:hover {

  background: #d36214 !important;

  border: none;

  color: #fff;

  font-weight: normal;

}

.mod_cookiebar_optin_medium input, .mod_cookiebar_optin_medium input:focus {

  background-color: #000 !important;

}

.mod_cookiebar_optin_medium .cookiebar_medium_overlay {

  display: none;

}



/* =============================================================================



 * Colors



 * ========================================================================== */

body {

  color: #e3ddd2;

}

.bg-lightgray {

  background: #294631 !important;

}

h1 {

  color: #e3ddd2;

}

h2, h3, h4, h5, h6 {

  color: #e3ddd2;

}

a {

  color: #b17e49 !important;

}

a:hover {

  color: #d36214 !important;

  opacity: 1;

}

/* =============================================================================







 * SIZES







 * ========================================================================== */

#offcanvas-top, #contentwrapper, #top-wrapper, #footer, #bottom, .header, .mod_customcataloglist.cc_immorealty_slider .content-outside, .mod_customcataloglist.cc_cardealer_slider .content-outside {

  max-width: 1170px;

}

.fullwidth #offcanvas-top, .fullwidth #contentwrapper, .fullwidth #top-wrapper, .fullwidth #footer, .fullwidth #bottom, .fullwidth .header {

  max-width: 100%;

}

#top .inside, .header .inside, #footer .inside, #bottom .inside, body.sidebar #container, #main .mod_article:not(.autogrid), .fullwidth.boxed-content .contentwrap, .smallwidth .contentwrap, .boxed-content .contentwrap, .autogrid_wrapper.article, .ce_text_image_bar .inside, .ce_headerimage .ce_headerimage_inside, .ce_video_background .ce_video_background_inside, #offcanvas-top .offcanvas-top-inside, .ce_calltoaction .ce_calltoaction_inside, .mod_breadcrumb .mod_breadcrumb_inside {

  max-width: 1170px;

}

#main .fullwidth.boxed-content .contentwrap {

  max-width: 1170px;

  padding-left:200px;

  padding-right:80px;

}

/* =============================================================================







 * Abstaende seitlich







 * ========================================================================== */

#top .inside, .header .inside, #footer .inside, #bottom .inside, body.sidebar #container, #main .mod_article:not(.fullwidth):not(.autogrid):not(.smallwidth), .fullwidth.boxed-content .contentwrap, .smallwidth .contentwrap, .boxed-content .contentwrap, .autogrid_wrapper.article, .ce_bgimage-inside, .ce_text_image_bar .inside, .ce_headerimage .ce_headerimage_inside, .ce_video_background .ce_video_background_inside, #offcanvas-top .offcanvas-top-inside, .ce_calltoaction .ce_calltoaction_inside, .mod_breadcrumb .mod_breadcrumb_inside {

  padding-left: 50px;

  padding-right: 50px;

}

/* =============================================================================













 * COUNTDOWN







 * ========================================================================== */

.countdown-bis-zum-start #main .mod_article {

  padding-top: 20px;

  margin-left: 0 !important;

}

.countdown-bis-zum-start #main .mod_article .text {

  padding-top: 210px;

}

.countdown-bis-zum-start .bb-dark {

  border-bottom: 0px solid rgb(229, 229, 229);

}

#main #countdown .ce_text {

  width: 100%;

}

/* =============================================================================







 * Background-Colors and Background-Pictures







 * ========================================================================== */

body {

  background-color: #294631;

  background-repeat: repeat-x;

}

#contentwrapper {

  margin-top: 0px;

  box-shadow: 0 0 0px 0px rgba(0, 0, 0, 0.1);

  background: #294631;

  margin-left: auto;

  margin-right: auto;

}

#container, .header {

  background: inherit;

}

/* =============================================================================







 * Logo







 * ========================================================================== */

body .header.original .logo a {

 /* background-image: url("/files/root/logo_mmbm.png");*/

	 background-image: url("/files/root/mmbm_logo.svg");

}

body .header.cloned .logo a {

/*  background-image: url("/files/root/logo_mmbm_ohne_text.png");*/

  background-image: url("/files/root/mmbm_logo_short.svg");

}

body .logo {

  width: 323px;

  height: 117px;

  margin-top: 40px;

}

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

  body .stickyheader .logo {

    margin-right: 35px;

    margin-top: 12px;

    width: 60px;

    height: 85px;

  }

  body .stickyheader .header {

    background: #294631;

  }

}

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

  .stickyheader .logo, .logo {

    width: 230px;

    height: 100px;

    margin-right: 0px;

    position: absolute;

  }

  body .logo {

    margin-top: 20px;

  }

  .header .mod_search {

    padding-right: 0px;

  }

  .header .ce_search_label i {

    margin-right: 0px;

  }

  .header .mod_envelope {

    padding-right: 0px !important;

  }

  .stickyheader {

    background: #294631;

  }

  .header .inside {

    height: 130px;

  }

  body .header.cloned .logo a {

    background-image: url("/files/root/mmbm_logo.svg");

  }

  #nav-open-btn {

    top: inherit;

    margin-top: 77px;

  }

}

/* =============================================================================







 * Header







 * ========================================================================== */

#fix-wrapper {

  height: 206px;

}

/* .header {line-height: 0px;}   */

.header.cloned {

  box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.1);

  margin-right: auto;

  margin-left: auto;

}

.mod_changelanguage {

  position: relative;

  float: right;

  margin-left: 15px;

}

.mod_changelanguage .pagetitle {

  display: none;

}

.header .mod_envelope {

  position: relative;

  float: right;

  padding-right: 8px;

  display: inline-block;

  cursor: pointer;

  margin-left: 0;

  z-index: 100;

}

.header .mod_search {

  margin-left: 10px;

}

.fa-envelope:before {

  content: "\f003";

}

.header .ce_envelope_label i {

  margin-right: 5px;

  transition: opacity 0.5s ease;

  -webkit-transition: opacity 0.5s ease;

}

.header .ce_search_label i, .header .ce_envelope_label i {

  line-height: 103px;

}

.stickyheader .ce_search_label i, .stickyheader .ce_envelope_label i {

  line-height: 73px;

}

/* =============================================================================







 * Main-Navigation







 * ========================================================================== */

.mainmenu {

  font-family: DIN Offc W02 Cond Medium;

  font-weight: normal;

  margin-top: 84px;

  position: absolute;

  margin-left: 37%;

  top: 0;

}

.mainmenu ul {

  text-align: inherit;

}

.mainmenu ul li {

  margin-left: 30px;

  margin-right: 30px;

}

.mainmenu ul li a i.fa {

  display: none;

}

.mainmenu ul li a {

  font-size: 1.9rem;

}

.header .mainmenu ul li a.trail, .header .mainmenu ul li a.active {

  color: #d36214 !important;

}

.mainmenu ul li a {

  color: #b17e49 !important;

}

.mainmenu ul li a:hover {

  color: #d36214 !important;

  opacity: 1;

}

.header.cloned .mainmenu {

  margin-top: 26px;

}

#nav-open-btn {

  z-index: 1000;

}

/* 2. Level Navigation







 * ========================================================================== */

.mainmenu ul ul {

  border-top: 0px solid #e4aa27;

  background: #294631;

  margin-top: -10px;

}

.mainmenu ul ul li a {

  font-size: 24px;

  color: #b17e49 !important;

  line-height: 46px !important;

  border-top: 1px solid #212f25;

  border-bottom: 0px solid rgb(242, 242, 242);

}

.header .mainmenu ul ul li a:hover:not(.menuheader), .header .mainmenu ul ul li a.active, .header .mainmenu ul ul li a.trail {

  background: #294631 !important;

  color: #d36214 !important;

}



/* =============================================================================



 * Mobile Menu



 * ========================================================================== */



.mm-menu {

    /* background: #d5d5d5; */

    background: #212f25;

}



body .mm-menu a:hover, body .mm-menu a.active, body .mm-menu a.trail, body .mm-menu .mm-listview > li.mm-selected > a:not(.mm-next), body .mm-menu .mm-listview > li.mm-selected > span, body .mm-menu .mm-listview > li.trail a {

  background: #294631;

}



.mm-menu .mm-listview > li .mm-next:after, .mm-menu .mm-listview > li .mm-arrow:after, .mm-menu .mm-navbar .mm-btn:before, .mm-menu .mm-navbar .mm-btn:after {

  border-color: rgba(255, 255, 255, 0.6);

}



.mm-listview > li, .mm-listview > li:after, .mm-listview > li .mm-next, .mm-listview > li .mm-next:before, .mm-navbar {

  border-color: rgba(255, 255, 255, 0.3);

}





/* =============================================================================



 * Breadcrumb



 * ========================================================================== */

.mod_breadcrumb {

  border-top: 1px solid rgba(0, 0, 0, 0);

  border-bottom: 1px solid rgba(0, 0, 0, 0);

  margin-top:20px;

}

/* .content_page.home .mod_breadcrumb .mod_breadcrumb_inside {position: absolute;margin-top: 410px;z-index:100;} */

.content_page .mod_breadcrumb .mod_breadcrumb_inside {

  position: absolute;

  margin-top: 40px;

  ;

  z-index: 100;

}

.mod_breadcrumb .active {

  color: #d36214 !important;

}

/* =============================================================================







 * Slider







 * ========================================================================== */



.ce_revolutionslider .tp-bannertimer {

  display: none;

}

/* =============================================================================







 * =============================================================================







 *                    ---  C O N T E N T  ---







 * ========================================================================== */

#main .inside {

  min-height: 400px;

}



.abgrenzung {

  padding-right: 50px;

  padding-left: 50px;

  padding-bottom: 10px;

  padding-bottom: 10px;

  margin-bottom: 50px;

  background-color: #992d24;

}



.label-warning{

  padding-top:20px;

  font-size: 1.4em;

  line-height: 1.6rem;

  font-family: DIN Offc W02 Cond Medium;

  font-weight: normal;

  background: #992d24;

}

.label-warningcontent{

  padding-top:18px;

  font-size: 1.2em;

  line-height: 1.5rem;

  font-family: DIN Offc W02 Cond Medium;

  font-weight: normal;

  background: #992d24;

}





.bg-warning {

	background-color: #992d24 !important;

}

#main .mod_article {

  padding-top: 0px;

  padding-bottom: 0px;

  margin-left: 37% !important;

}



#main .fullwidth.mod_article {

  /* padding-top: 0px; */

  /* padding-bottom: 0px; */

  margin-left: 0px !important;

}



#main .fullwidth.boxed-content.mod_article {

  padding-top: 0px;

  padding-bottom: 0px;

  margin-left: 0px !important;









  margin-right: 0px;

}



#main .mod_article .ce_text.one_third {

  width: 33.3333%;

}



#main .fullwidth.mod_article .ce_text.one_half {

  width: 50%;

}

#main .mod_article.ohne-einzug {

  margin-left: 0 !important;

}

#main .mod_article.fullwidth:not(.boxed-content) {

  padding-left: 0px;

  padding-right: 0px;

}

h1 {

  font-size: 40px;

}

#main .mod_article h4 {

  margin-bottom: 8px;

}

.ce_hyperlink.back a {

  background: inherit;

  border-color: inherit;

  border: 0px solid rgb(152, 152, 152);

  min-width: inherit;

  padding: 0;

  margin-top: 20px;

  font-size: 1.4rem;

}

.ce_divider_extended.version3 {

  border-top: 1px solid #212f25;

}

.dlh_googlemap {

  width: 100% !important;

}

.ce_table table td {

  border-bottom: none;

  padding: 0;

  vertical-align: top;

}

.impressum h3 {

  margin: 60px 0 15px;

}

/* Home







 * ========================================================================== */

#main .mod_article .autogrid_wrapper h4 {

  margin-bottom: 8px;

}

#main .mod_article .autogrid_wrapper {

  margin-bottom: 50px;

}

#quicklinks .image_container {



  background: #d36214;

}

#quicklinks .image_container img:hover {

  opacity: 0.7;

}



/* Accordion Home



 * ========================================================================== */

.ce_accordion {

  margin: 20px 0 30px;

  border: 0px solid rgb(220,220,220);

    line-height: 1.9rem;

}

.ce_accordion .toggler {

  border: inherit;

  border-bottom: 0;

  padding: 5px 10px 8px;

  margin-bottom: 0;

  background: #212f25;

  font-family: DIN Offc W02 Cond Medium;

  font-weight: normal;

  font-size: 24px;

  color: #b17e49 !important;

}

.ce_accordion .toggler:hover {

  color: #d36214 !important;

}

.ce_accordionStart:last-of-type .toggler, .ce_accordionSingle:last-of-type .toggler, .ce_accordionStart:last-of-type .accordion, .ce_accordionSingle:last-of-type .accordion {

  border-bottom: 0;

}

.ce_accordion .toggler:before {

  color: #b17e49;

}

/* VIDEO







 * ========================================================================== */

.video-container {

  position: relative;

  padding-bottom: 56.25%;

  height: 0;

  overflow: hidden;

  margin-top: 10px !important;

  margin-bottom: 40px !important;

}

.video-container iframe {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

}

/* Sammlung







 * ========================================================================== */

#main .mod_article .autogrid_wrapper .leer {

  visibility: hidden;

}

/* #buecherlinks {margin-top:35px;}   */

#main .sammlungbooks .ce_text h4 {

  margin-top: 15px;

}

/* Slider







 * ========================================================================== */

.content_page .ce_revolutionslider {

  margin: 15px 0 25px;

}

.tparrows.preview1 {

  width: 50px;

}

.tparrows.preview1:after {

  background: rgba(0, 0, 0, 0);

  width: 50px;

  height: 100px;

  font-size: 40px;

  color: rgba(255, 255, 255, 0.5);

}

.tparrows.preview1:hover:after {

  background: rgba(255, 255, 255, 0);

  color: #fff;

}

/* Search







 * ========================================================================== */

.mod_search input {

  width: 65%;

  background-color: rgba(255, 255, 255, 0.3);

}

button.submit[type="submit"] {

  background: #b17e49;

  font-family: DIN W01 Regular;

  font-weight: normal;

  font-size: 1.2rem;

  padding: 10px 25px !important;

}

button.submit[type="submit"]:hover {

  background: #d36214;

}

.mod_search h3 {

  margin-bottom: 5px;

}

.mod_search h3 span {

  font-size: 15px;

}

.mod_search .pagination {

  border-top: 1px solid #dad0c4;

  padding-top: 10px;

  margin-top: 40px;

}

.mod_search .pagination li span.current {

  background: #d36214;

}

.mod_search .url {



  display: none;

}

.mod_search .even, .mod_search .odd {

  margin-bottom: 40px;

}

/* Galerie







 * ========================================================================== */



 .ce_gallery {

  background: #212f25;

  padding-top: 30px;

}

.ce_gallery .content {

  background: rgba(212, 99, 20, 0.5);

}

/* .edge .ce_gallery ul li {transform: inherit !important;} */

.galerien .masonry-abstand {

  margin: 0 10px 10px 0;

}



.ce_gallery [class*='cols_'] li {

    width: 25%;

    padding: 0 0px 20px 20px;

 }



 .ce_gallery {

    margin: 0 0px 0px -15px !important;

 }



/* News







 * ========================================================================== */



 .news-content-v2 p{

   line-height: 2.0rem;

}



.ce_hyperlink a, a.btn {

  background: inherit;

  border-color: inherit;

  border: 0px solid rgb(152, 152, 152);

  min-width: inherit;

  font-weight: normal;

}

.ce_hyperlink a:hover, a.btn:hover {

  background: inherit;

  border-color: inherit;

}

.ce_hyperlink.small a, a.btn.small {

  padding: 0;

  font-size: 1.4rem;

}

.newsreader .back a {

  font-size: 14px;

  text-transform: inherit;

}

#main .mod_article .mod_newslist .autogrid_wrapper {

  border-bottom: 1px solid #212f25;

}

.mod_newslist .block.one_third {

  margin-right: 15px;

}

.mod_newslist .image_container {

  margin-top: 8px;

}

.mod_newslist .block.one_third {

  width: 42%;

}

.mod_newslist .block.two_third {

  width: 56%;

}

.newslist-v2 {

  background: none;

}

.newslist-v2 h4 {

  font-weight: normal;

}

.pagination li span.current {

  background: #d5533f;

}



#main .mod_article .back{

  border-top: 2px solid #212f25;

  margin-bottom: 0px;

}

#main .mod_article .back a{

  font-size: 1.4rem;

}

/* =============================================================================







 * Formular







 * ========================================================================== */

#main .mod_article .ce_form .autogrid_wrapper {

  margin: 0;

}

.ce_form .widget-captcha label {

  display: block;

  margin-bottom: 7px;

}

.ce_form .widget-captcha input {

  width: 140px !important;

  margin-bottom: 10px;

}

.ce_form button.submit[type="submit"] {

  padding: 7px 20px 10px;

  width: 100px;

}

#main .mod_article .ce_form .autogrid-first {

  padding-left: 0;

}

#main .mod_article .ce_form .autogrid-last {

  padding-right: 0;

}

input, textarea, select {

  font-family: DINWebPro-Medium W01 Regular;

}

#main .mod_article .ce_form .select label {

  display: none;

}

#main .mod_article .ce_form .select {

  width: 140px;

}

/* Impressum







 * ========================================================================== */

#text-impressum table {

  white-space: inherit;

}

#text-impressum td {

  vertical-align: top;

  padding: 5px 0;

  border-bottom: 0;

}

#text-impressum h5 {

  margin-bottom: 0px;

}

#text-impressum h3 {

  margin-bottom: 5px;

}

#text-impressum td.col_0 {

  width: 40%;

}

#text-impressum td.col_1 {

  width: 60%;

}

#text-impressum table a {

  text-decoration: none;

}

/* =============================================================================







 * Footer







 * ========================================================================== */



#footer p {

  font-family: DIN W01 Regular;

}

#footer, #footer a {

  color: #a2a2a2;

}

#footer {

  background: #212f25;

  margin-top: 30px;

}

#footer .inside {

  padding: 25px 50px;

}

#footer .totop {

  display: none;

}

#footer p {

  margin: 0;

}

#footer .block.one_third.first {

  width: 40%;

}

#footer .block.one_third.middle {

  width: 45%;

}

#footer .block.one_third.last {

  width: 15%;

  padding: 0;

}

/* =============================================================================



 * social colors



 * ========================================================================== */

#footer .mod_socials a i {

  padding: 10px;

  margin-right: 1px;

  background: rgba(255, 255, 255, 0.0);

  font-size: 20px;

  display: inline-block;

  height: 40px;



  width: 40px;

  text-align: center;

  float: right;

  margin-bottom: 1px;

}

#footer .mod_socials .disclaimer {

  text-align: right;

  float: right;

}

.mod_socials i {

  transition: All 0.3s ease;

  -webkit-transition: All 0.3s ease;

}

.mod_socials.color i.fa-facebook, .mod_socials .social-icons.color i.fa-facebook, .mod_socials i.fa-facebook:hover {

  background: rgb(67, 96, 152) !important;

  color: rgb(255, 2552, 255) !important;

}

.mod_socials.color i.fa-twitter, .mod_socials .social-icons.color i.fa-twitter, .mod_socials i.fa-twitter:hover {

  background: rgb(40, 169, 226) !important;

  color: rgb(255, 2552, 255) !important;

}

.mod_socials.color i.fa-instagram, .mod_socials .social-icons.color i.fa-instagram, .mod_socials i.fa-instagram:hover {

  background: rgb(167, 124, 98) !important;

  color: rgb(255, 2552, 255) !important;

}

.mod_socials.color i:hover, .mod_socials .social-icons.color i:hover {

  opacity: 0.7 !important;

}

.mod_socials {

  width: 100% !important;













}

/* =============================================================================



 * Paddings



 * ========================================================================== */

.pt-5 {

  padding-top: 5px !important;

}

.pt-10 {

  padding-top: 10px !important;

}

.pt-15 {

  padding-top: 15px !important;

}

.pt-20 {

  padding-top: 20px !important;

}

.pt-30 {

  padding-top: 30px !important;

}

.pt-40 {

  padding-top: 40px !important;

}

.pt-50 {

  padding-top: 50px !important;

}

.pt-80 {

  padding-top: 80px !important;



}

.pt-100 {

  padding-top: 100px !important;

}

.pt-130 {

  padding-top: 130px !important;

}

.pt-160 {

  padding-top: 160px !important;

}

.pr-5 {

  padding-right: 5px !important;

}

.pr-10 {

  padding-right: 10px !important;

}

.pr-15 {

  padding-right: 15px !important;

}

.pr-20 {

  padding-right: 20px !important;

}

.pr-30 {

  padding-right: 30px !important;

}

.pb-5 {

  padding-bottom: 5px !important;

}

.pb-10 {

  padding-bottom: 10px !important;

}

.pb-15 {

  padding-bottom: 15px !important;

}

.pb-20 {

  padding-bottom: 20px !important;

}

.pb-30 {

  padding-bottom: 30px !important;

}

.pb-50 {

  padding-bottom: 50px !important;

}

.pb-80 {

  padding-bottom: 80px !important;

}

.pb-100 {

  padding-bottom: 100px !important;

}

.pb-130 {

  padding-bottom: 130px !important;

}

.pb-160 {

  padding-bottom: 160px !important;

}

.pl-5 {

  padding-left: 5px !important;

}

.pl-10 {

  padding-left: 10px !important;

}

.pl-15 {

  padding-left: 15px !important;

}

.pl-20 {

  padding-left: 20px !important;

}

.pl-30 {

  padding-left: 30px !important;

}

/* =============================================================================



 * Margin



 * ========================================================================== */

.mt-5 {

  margin-top: 5px !important;

}

.mt-10 {

  margin-top: 10px !important;

}

.mt-15 {

  margin-top: 15px !important;

}

.mt-20 {

  margin-top: 20px !important;

}

.mt-30 {

  margin-top: 30px !important;

}

.mt-40 {

  margin-top: 40px !important;

}

.mt-50 {

  margin-top: 50px !important;

}

.mt-80 {

  margin-top: 80px !important;

}

.mt-100 {

  margin-top: 100px !important;

}

.mt-130 {

  margin-top: 130px !important;

}

.mt-160 {

  margin-top: 160px !important;

}

.mr-5 {

  margin-right: 5px !important;

}

.mr-10 {

  margin-right: 10px !important;

}

.mr-15 {

  margin-right: 15px !important;

}

.mr-20 {

  margin-right: 20px !important;

}

.mr-30 {

  margin-right: 30px !important;

}

.mb-5 {

  margin-bottom: 5px !important;

}

.mb-10 {

  margin-bottom: 10px !important;

}

.mb-15 {

  margin-bottom: 15px !important;

}

.mb-20 {

  margin-bottom: 20px !important;

}

.mb-30 {

  margin-bottom: 30px !important;

}

.mb-50 {

  margin-bottom: 50px !important;

}

.mb-80 {

  margin-bottom: 80px !important;

}

.mb-100 {

  margin-bottom: 100px !important;

}

.mb-130 {

  margin-bottom: 130px !important;

}

.mb-160 {

  margin-bottom: 160px !important;

}





.ml-5 {

  margin-left: 5px !important;

}

.ml-10 {

  margin-left: 10px !important;

}

.ml-15 {

  margin-left: 15px !important;

}

.ml-20 {

  margin-left: 20px !important;

}

.ml-30 {

  margin-left: 30px !important;

}

/* =============================================================================







 * =============================================================================







 * M E D I A  Q U E R I E S







 * ========================================================================== */



.onlymobile{

	display: none;

}



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



    .onlymobile{

		display: block;

  }

   .mainmenu{
     margin-left: 150px;
     margin-top: 140px;
   } 

   #fix-wrapper {
     padding-bottom: 240px !important;
   }

   .abgrenzung{
     margin-top: 50px
   }

  .mod_newslist .block.two_third {

	  width: 56%;

	  padding-left:5px

    }

   #main .mt-120{

    margin-top:80px !important;

  } 

  #main .mt-100{

    margin-top:50px !important;

  } 

   #main .mt-80{

    margin-top:40px !important;

  } 





  #main .mt-60{

    margin-top:30px !important;

  }



  #main .mb-60{

    margin-bottom:30px !important;

  } 



  #main .mb-50{

    margin-bottom:30px !important;

  } 



  #main .mb-30{

    margin-bottom:10px !important;

  } 

  #main .mb-20{

    margin-bottom:10px !important;

  } 

  #main .mb-10{

    margin-bottom:0px !important;

  } 

}









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

	

  .onlymobile{

		display: block;

  }



  .mainmenu {

    display: block;

    float: right;

  }


  h1 {

    font-size: 34px;

  }

  .titlebg H1{

     margin-bottom:0px;

  }



  body {

    line-height: 1.5rem;

    font-size: 1.2rem;;

  }



   .textpadding{

    padding-right: 0;

  }



   #main .contentwrap .ce_text.first{

    padding-right: 0;

  }





}



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

	



  #main .mod_article {

    margin-left: 145px !important;

  }



   .textpadding{

    padding-right: 0;

  }



  #main .contentwrap .ce_text.first{

    padding-right: 0;

  }

}





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

  /* phones.css */

   .abgrenzung{
     margin-top: 0px
   }

   #fix-wrapper {
     padding-bottom: 150px !important;
   }
   

  body{

    font-family: DIN W01 Regular;

  }



  body p{

    line-height: 1.7rem;

  }



  #footer .inside{

    padding-left:20px;

  }

  #footer .mod_socials a i {

    display: inline-block;

    text-align: center;

    float: left;

  }

  #footer .mod_socials .disclaimer {

    text-align: left;

    float: left;

    display: inline-block;

  }

  #footer .mod_socials p {

    text-align: left;

    float: left;

    display: none;

  }

  body.countdown-bis-zum-start .header.cloned .logo a {

    background-image: url("/files/root/logo_mmbm.png");

  }

  .countdown-bis-zum-start #main .mod_article .text {

    padding-top: 50px;

  }

  #nav-open-btn:before {

    background: #d36214;

  }

  .mm-menu, .mm-panels, .mm-panels > .mm-panel a {

    color: #d36214;

  }

  body .mm-menu i.fa {

    display: none;

  }

  #fix-wrapper {

    height: 150px;

  }

  #contentwrapper #main .mod_article {

    margin-left: 0% !important;

    width: 100%;

  }

  #top-wrapper {

    height: 130px;

  }

  .ce_gallery [class*='cols_'] li {

    width: 100%;

  }

  .ce_gallery [class*='cols_'] li {

    padding: 0 0px 0px 20px;

 }



 .ce_gallery {

    margin: 0 0px 0px -15px !important;

 }

  

  .autogrid-first h4  {

    margin-top: -10px !important;

  }



  h4 {

    font-size: 24px !important;

    margin-top:35px !important;

  }

  .header .mod_search {

    display: inline-block;

  }

  #stickyheader .mod_changelanguage {

    display: none;

  }

  #mobnav .mod_changelanguage {

    float: inherit;

    margin: 15px 0 25px 0;

  }

  #mobnav .sprache .mm-listview > li:not(.mm-divider):after {

    border-bottom-width: 0px;

  }

  #mobnav .sprache:after {

    border-bottom-width: 0px;

  }

  .ce_revolutionslider .ce_text.tours {

    display: none;

  }

  .mod_cookiebar_optin_medium .cookie_option_info {

    display: none !important;

  }





  .mod_cookiebar_optin_medium .cookie_option_info.open {

    display: block !important;

  }

  .mod_cookiebar_optin_medium form i {

    display: none !important;

  }

  .cookiebar_medium_inside .boxed-content .contentwrap {

    padding-left: 20px !important;



    padding-right: 20px !important;





  }

  .autogrid:not(.ce_autogridwrapper):not(.no_gutter) {

    margin-bottom: 0 !important;

  }

  .cookiebar_medium_inside .boxed-content .contentwrap .palette {

    display: flex;

  }

  .cookiebar_medium_inside .boxed-content .contentwrap .palette .widget-radio label {

    font-size: 0.9em;

  }



  h1 {

    font-size: 25px;

  }



  .titlebg .ce_text  {

    margin-bottom:-15px;

  }



  .titlebg{

    margin-bottom:25px;

  }



  .titlebg H1{

   padding:0px 0px 10px 0px;

   margin:0px;

   margin-bottom:0px;

  }



  body {

    line-height: 1.5rem;

    font-size: 1.1rem;;

  }



  .textpadding{

    padding-right: 0;

  }

   #main .contentwrap .ce_text.first{

    padding-right: 0;

  }



  .ce_revolutionslider .tp-resizeme * {

	font-size: 100%!important;

	background-color: #00000078 ;

	padding:10px !important;



}



  .ce_revolutionslider .ce_text h2 {

    font-size: 1.3rem !important;

    padding-top:10px !important;

    padding-bottom:10px !important;

   z-index: 10000 !important;

  }



  .ce_revolutionslider .ce_text.leftrevtitle {

      padding-left:0px !important;

  }



  .ce_revolutionslider .ce_text.rightrevtitle{

      padding-right:0px !important;

  }



	.instagram{

	  padding: 0 20px 0 20px !important;

	}

}