/* Mall of Berlin - Main CSS */

@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url('../fonts/mulish-v1-latin-200.woff2') format('woff2'), url('../fonts/mulish-v1-latin-200.woff') format('woff');
}
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 300;	
  font-display: swap;
  src: url('../fonts/mulish-v1-latin-300.woff2') format('woff2'), url('../fonts/mulish-v1-latin-300.woff') format('woff');
}
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/mulish-v1-latin-regular.woff2') format('woff2'), url('../fonts/mulish-v1-latin-regular.woff') format('woff');
}
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../fonts/mulish-v1-latin-600.woff2') format('woff2'), url('../fonts/mulish-v1-latin-600.woff') format('woff');
}
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url('../fonts/mulish-v1-latin-900.woff2') format('woff2'), url('../fonts/mulish-v1-latin-900.woff') format('woff');
}
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url('../fonts/oswald-v35-latin-200.woff2') format('woff2'), url('../fonts/oswald-v35-latin-200.woff') format('woff');
}
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../fonts/oswald-v35-latin-500.woff2') format('woff2'), url('../fonts/oswald-v35-latin-500.woff') format('woff');
}

body { 
	padding: 0; 
	margin: 0;
	width: auto;
	color: #ffffff;	
	font-size: 80.01%;
}
body, html { font-family: 'Muli', sans-serif; }

/* Standard tags */

embed, object, video { max-width: 100%; height: auto; width: auto; }
ul { list-style-type: square; }
fieldset, label, form, figure { border: 0; margin: 0; padding: 0; }
a, a:link, a:active, a:visited, a:hover { transition: all 0.2s ease-out 0s; }
a[id]:empty { visibility: hidden; display: none !important; }
aside { font-size: 0.8em; color: #999; }

/* Page layout */

.floater { padding: 0; margin: 0; width: 100%; background-color: #fff; height: 160px; z-index: 7; }
.floaterwrapper { width: 1260px; margin: 0px auto; }
#logo { left: 50%; margin-left: -200px; background-image: url(../images/logo.png); background-repeat: no-repeat; background-size: 400px auto; top: 30px; position: absolute; }
#slideshow { height: 575px; overflow: hidden; }
#slideshowfollow { height: 400px; overflow: hidden; }
#slideshow .slick-track { height: 575px; }
#slideshow .slick-track .slick-slide div, #slideshow .slick-track .slick-slide figure { height: 575px; width: 100%; }
#slideshowfollow .slick-track { height: 400px; }
#slideshowfollow .slick-track .slick-slide div, #slideshowfollow .slick-track .slick-slide figure { height: 400px; }
#slideshow .slick-track .slick-slide img, #slideshowfollow .slick-track .slick-slide img { width: 100%; height: 100%; object-fit: cover; }
#slideshow .slick-prev, #slideshow .slick-next { top: 290px; }
#slideshow .slick-dots { top: 530px; }
#slideshowfollow .slick-prev, #slideshowfollow .slick-next { top: 200px; }
#slideshowfollow .slick-dots { top: 365px; }
#illu { margin: 0; padding: 0; min-height: 400px; }
#illu figure { height: 400px; }
#illu img { width: 100%; height: 100%; object-fit: cover; }
#illu .google-maps { padding: 1.3% 0 1% 0; margin: 0; border: 0; }
#illushop { max-width: 1260px; margin: 0px auto; padding: 0;  }
#illushop img { width: 100%; max-height: 600px; object-fit: cover; }
#illushop .frame-layout-5 img { object-position: top; }
#illushop .frame-layout-6 img { object-position: bottom; }
#illushop .frame-layout-11 { max-width: 900px; margin: 0px auto; }
#illushop .frame-layout-11 img { max-height: 750px; }
#illu .ce-bodytext, #slideshow .ce-bodytext, #slideshowfollow .ce-bodytext { position: absolute; display: inline-block; top: calc(50% + 20px); tracolor: #fff; text-align: center; padding: 25px; font-size: 1.75em; pointer-events: none; width: 100% !important; height: auto !important; left: 50%; transform: translate(-50%, -50%) !important; }
#illu .ce-bodytext a, #slideshow .ce-bodytext a, #slideshowfollow .ce-bodytext a { color: #416eb1; text-decoration: none; text-transform: uppercase; letter-spacing: 2px; font-size: 16px; background-color: #fff; border-radius: 5px; padding: 10px 20px 10px 20px; /* box-shadow: inset 0 -8px 0 rgba(255,255,255, 0.4); */ display: inline-block; box-shadow: 0px 0px 10px rgba(0,0,0, 0.25); }
#illu .ce-bodytext h1, #slideshow .ce-bodytext h1, #slideshowfollow .ce-bodytext h1 { text-transform: uppercase; font-size: 3.25em; margin: 0; line-height: 100%; }
#illu .ce-bodytext h1 .color, #slideshow .ce-bodytext h1 .color, #slideshowfollow .ce-bodytext h1 .color { font-weight: 300; }
#illu .ce-bodytext h2, #slideshow .ce-bodytext h2, #slideshowfollow .ce-bodytext h2 { text-transform: uppercase; font-size: 2em; margin: 0; line-height: 100%; }
#illu .frame-layout-12 .ce-bodytext, #slideshow .frame-layout-12 .ce-bodytext, #slideshowfollow .frame-layout-12 .ce-bodytext { text-shadow: 0px 0px 20px #a78856; }
#illu .frame-layout-13 .ce-bodytext h1, #slideshow .frame-layout-13 .ce-bodytext h1, #slideshowfollow .frame-layout-13 .ce-bodytext h1 { background-color: #c4a26b; padding: 30px; font-size: 2.5em; line-height: 120%; display: inline-block; }
#title { width: auto; padding: 10px; margin: 0; background-color: #d3b990; }
#title h1 { text-align: center; text-transform: uppercase; font-weight: 200; font-size: 3em; padding: 0; margin: 0; text-shadow: 0px 0px 5px #a78856; }
.title_tabs { border-bottom: 50px solid #d3b990; }

/* Social & Language */

#lang, #fb, #insta, #tiktok { top: 28px; z-index: 9; position: absolute; }
#lang { margin-left: 0; }
#lang .lang_en, #lang .lang_de { width: 42px; height: 42px; margin: 0 -8px 0 0; background: url(../images/icons.png) no-repeat -82px -50px; float: left; }
#lang .lang_en img, #lang .lang_de img { width: 42px; height: 42px; }
#lang .lang_de { margin-left: 0px; background: url(../images/icons.png) no-repeat -82px 0; }
#lang .lang_actde { background: url(../images/icons.png) no-repeat -32px 0px; }
#lang .lang_acten { background: url(../images/icons.png) no-repeat -32px -50px; }
#lang .lang_deactde:hover, #lang .lang_deacten:hover, #fb:hover, #insta:hover, #tiktok:hover { opacity: .6; }
#fb { width: 42px; height: 42px; background: url(../images/icons.png) no-repeat -132px 0; margin-left: 100px; }
#insta { width: 42px; height: 42px; background: url(../images/icons.png) no-repeat -132px -50px; margin-left: 134px; }
#tiktok { width: 42px; height: 42px; background: url(../images/icons.png) no-repeat -132px -100px; margin-left: 164px; }
#fb img, #insta img, #tiktok img { width: 42px; height: 42px; }

/* Menu */

.slicknav_menu { display: none; }
#menu { z-index: 4; font-family: 'Oswald', sans-serif; font-weight: 200; position: absolute; width: 100%; background-color: #c4a26b; top: 100px; height: 60px; font-size: 1.5em; text-align: center; }
#menu.menusticky { position: fixed; top: 0; }
#menu ul { margin: 0; padding: 16px 0 0 0; display: inline-block; vertical-align: top; }
/* menu level_one */
#menu .level_one li { text-align: left; float: left; padding: 0 15px 0 15px; margin: 0px; list-style-type: none; text-transform: uppercase; letter-spacing: 1px; }
#menu .level_one li a { text-decoration: none; display: block; color: #fff; }
#menu .level_one .activehome, #menu .level_one .active, #menu .level_one .activelast { color: #e5d2b4; text-decoration: none; }
#menu .level_one .norm a:hover, #menu .level_one .last a:hover { color: #e5d2b4; text-decoration: none; }
#menu .level_one .active a, #menu .level_one .activelast a { color: #e5d2b4; }
#menu .level_one .linked, #menu .level_one .activelinked { background: url(../images/icons.png) no-repeat -47px -142px; margin-left: 8px; padding-left: 17px; }
#menu .level_one .activelinked a, #menu .level_one .activelinkedlast a { color: #fff; }
#menu .level_one .last, #menu .level_one .activelast { background-image: none; padding-right: 0; }

/* Menu level_two */

#menu .level_two { opacity: .9; min-width: 150px; font-size: 0.9em; float: none; visibility: hidden; position: absolute; margin: 0 0 0 -12px; padding: 8px 0px 0px 0px; z-index: 5; background-image: url(../images/menu2ndlevelbullit.png); background-repeat: repeat-x; background-position: left top; }
#menu .level_one li:hover .level_two { visibility: visible; }
#menu .level_two li { background-image: none; list-style-type: none; background-color: #000; float: none; right: auto; padding: 0px 3px 0px 3px; margin: 0; border: 2px solid #ddba81; border-top: 0px; border-bottom: 0px; white-space: nowrap; }
#menu .level_two li a { text-decoration: none; padding: 8px; display: block; text-shadow: none; font-size: 0.9em; transition: background 0.2s ease-out 0s; }
#menu .level_two li a:hover { border: 0px; background-color: #ddba81; color: #000; }
#menu .level_two li:last-of-type { border-bottom: 2px solid #ddba81; padding-bottom: 3px; }
#menu .level_two li:first-of-type { padding-top: 3px; }

/* Startseite */

.mainroot { margin-top: 0px; }
#mainrootwrapper { width: 100%; background-color: #fff; }
#mainrootwrapper.mainrootwrappermiddle { background-color: #d3b990; z-index: 0; position: relative; }
#eventsbenefits, #actionsservices { width: 1260px; margin: 0px auto; clear: both; }
#hoursicons, #serviceicons, #eventsbenefits { padding-bottom: 20px; }
#hoursicons { margin: 0px auto; display: table; text-align: center; }
#hoursicons .frame-type-text { width: 600px; position: absolute; z-index: 1; top: 410px; background-color: rgba(255, 255, 255, 0.8); margin: 0px auto; left: 0; right: 0; padding: 2% 1.5% 2% 1.5%; color: #000; }
#hoursicons .frame-type-text a { text-decoration: none; color: #b99254; }
#hoursicons .frame-type-text a:hover { color: #000; }
#hoursicons .frame-type-text h1 { color: #000; font-weight: 200; font-size: 3.75em; text-align: center; margin: 0 0 15px 0; padding: 0; line-height: 100%; }
#hoursicons .frame-type-text p { font-size: 2.2em; font-weight: 200; padding: 0; margin: 0; }
#hoursicons .frame-type-text hr { border: 0; width: 40%; height: 4px; background-image: url("../images/dots_darkgrey.png"); background-repeat: repeat-x; margin-top: 15px; }
#hoursicons .frame-type-textpic { margin-top: 20px; display: inline-block; vertical-align: top; width: 160px; padding: 0; transition: transform .2s; position: relative; }
#hoursicons .frame-type-textpic:hover { transform: scale(1.1); }
#hoursicons .frame-type-textpic .ce-bodytext p { font-family: 'Oswald', sans-serif; font-weight: 200; font-size: 1.5em; padding: 5px 0 0 0; margin: 0; }
#hoursicons .frame-type-textpic .ce-bodytext p a { text-decoration: none; color: #c4a26b; }
#hoursicons .frame-type-textpic img { background-color: #000; border-radius: 50%; border: 0; }
#eventsbenefits .eventsbenefits2col, #eventsbenefits .eventsbenefits4col { width: 1260px; padding-top: 95px; display: flex; flex-wrap: wrap; }
#eventsbenefits .eventsbenefits4col { padding-top: 0; }
#eventsbenefits .frame-type-header { position: absolute; width: 505px; margin: 0px auto; margin-top: -65px; background-image: url("../images/dots_white.png"); background-repeat: repeat-x; background-position: left center; left: 0; right: 0; }
#eventsbenefits .frame-type-header h1 { width: auto; display: table; margin: 0px auto; color: #fff; font-weight: 200; font-size: 2.8em; text-align: center; background-color: #d3b990; line-height: 100%; padding-left: 3%; padding-right: 3%; }
#eventsbenefits .frame-type-textpic { color: #000; display: flex; float: left; margin: 0 35px 35px 0; background-color: #fff; }
#eventsbenefits .frame-type-textpic .ce-textpic { width: 100%; }
#eventsbenefits .frame-type-textpic img { width: 100%; height: auto; transition: box-shadow 0.2s; }
#eventsbenefits .frame-type-textpic a img:hover { box-shadow: 0px 0px 10px #70562b; }
#eventsbenefits .frame-type-textpic .ce-bodytext { padding: 0 25px 10px 25px; }
#eventsbenefits .frame-type-textpic h3 { font-weight: 200; font-size: 1.8em; line-height: 120%; }
#eventsbenefits .frame-type-textpic p { font-weight: 400; font-size: 1.2em; line-height: 133%; }
#eventsbenefits .frame-type-textpic p a { color: #b99254; text-decoration: none; }
#eventsbenefits .frame-type-textpic p a:hover { color: #d6b073; }
#eventsbenefits .eventsbenefits2col .frame-type-textpic { width: 605px; background: none; color: #fff; background-color: #333; }
#eventsbenefits .eventsbenefits4col .frame-type-textpic { width: 285px; }
#eventsbenefits .eventsbenefits2col .frame-type-textpic header, #eventsbenefits .eventsbenefits4col .frame-type-textpic header { position: absolute; margin-left: -20px; }
#eventsbenefits .eventsbenefits2col .frame-type-textpic h2, #eventsbenefits .eventsbenefits4col .frame-type-textpic h2 { color: #b08f5a; background-color: rgba(255, 255, 255, 1); width: 125px; height: 30px; line-height: 30px; font-size: 1.5em; padding-left: 20px; font-weight: 400; text-transform: uppercase; position: absolute; }
#eventsbenefits .eventsbenefits2col .frame-type-textpic h2:before, #eventsbenefits .eventsbenefits4col .frame-type-textpic h2:before { background-color: #dfcbb2; width: 20px; height: 30px; content:''; transform: skewY(45deg); position: absolute; z-index: -1; top: 10px; left: 0; }
#eventsbenefits .eventsbenefits2col .frame-type-textpic:nth-of-type(odd) { margin-right: 0; }
#eventsbenefits .eventsbenefits4col .frame-type-textpic:nth-child(4n) { margin-right: 0; }
#eventsbenefits .frame-type-text { position: relative; width: 100%; text-align: center; clear: both; }
#eventsbenefits .frame-type-text a { border: 1px solid #fff; color: #fff; padding: 5px 15px 5px 15px; margin: 0 1.25% 0 1.25%; text-decoration: none; font-weight: 400; font-size: 1.5em; }
#eventsbenefits .frame-type-text a:hover { color: #d3b990; background-color: #fff; }
#eventsbenefits .frame-type-image { width: 100%; text-align: center; margin-bottom: 40px; }
#eventsbenefits .frame-type-image figure img { border: 15px solid #e2cdac; }
#actionsservices { width: 1260px; padding-top: 105px; display: flex; flex-wrap: wrap; }
#actionsservices .frame-type-header { position: absolute; width: 505px; margin: 0px auto; margin-top: -65px; background-image: url("../images/dots_brown.png"); background-repeat: repeat-x; background-position: left center; left: 0; right: 0; }
#actionsservices .frame-type-header h1 { width: auto; display: table; margin: 0px auto; color: #000; font-weight: 200; font-size: 2.8em; text-align: center; background-color: #fff; line-height: 100%; padding-left: 3%; padding-right: 3%; }
#actionsservices .frame-type-textpic { display: flex; float: left; width: 285px; color: #000; box-shadow: 0px 0px 4px #ccc; margin: 0 35px 35px 0; }
#actionsservices .frame-type-textpic:nth-child(6), #actionsservices .frame-type-textpic:nth-child(7), #actionsservices .frame-type-textpic:nth-child(8), #actionsservices .frame-type-textpic:nth-child(9) { margin-top: 0; }
#actionsservices .frame-type-textpic:nth-child(5), #actionsservices .frame-type-textpic:nth-child(9) { margin-right: 0; }
#actionsservices .frame-type-textpic img { width: 100%; height: auto; transition: box-shadow 0.2s; }
#actionsservices .frame-type-textpic a img:hover { box-shadow: 0px 0px 10px #aaa; }
#actionsservices .frame-type-textpic .ce-bodytext { padding: 0 25px 10px 25px; }
#actionsservices .frame-type-textpic h2 { font-weight: 200; font-size: 1.8em; line-height: 120%; }
#actionsservices .frame-type-textpic p { font-weight: 400; font-size: 1.2em; line-height: 133%; }
#actionsservices .frame-type-textpic p a { color: #b99254; text-decoration: none; }
#actionsservices .frame-type-textpic p a:hover { color: #d6b073; }
#serviceicons { margin: 0px auto; display: table; width: 900px; text-align: center; padding-bottom: 40px; clear: both; }
#serviceicons .frame-type-text hr { border: 0; height: 4px; padding-bottom: 10px; background-image: url("../images/dots_lightgrey.png"); background-repeat: repeat-x; }
#serviceicons .frame-type-textpic { margin-top: 20px; width: 140px; padding: 0; display: inline-block; vertical-align: top; transition: transform .2s; }
#serviceicons .frame-type-textpic .ce-bodytext p { font-weight: 300; font-size: 1.1em; padding: 5px; margin: 0; color: #998b80; }
#serviceicons .frame-type-textpic img { background-color: #f4f0ea; border-radius: 50%; border: 2px solid #ebe1d2; }
#fb, #insta, #tiktok, .lang_en, .lang_de, #maincontentleft .ce-textpic a img, #maincontentright .ce-textpic a img, #firmierung p:nth-child(4) a, #firmierung p:nth-child(5) a { transition: opacity 0.2s ease-out 0s; }
#fb-sticky-wrapper, #lang-sticky-wrapper, #undefined-sticky-wrapper { height: auto !important; }

/* Unterseiten */

.main1col, .main2col, .main3col { width: 1260px; max-width: 100vw; display: flow-root; margin: 0px auto; border-bottom: 50px solid #ffffff; }
.main1col .lazyload figure img, .main2col .lazyload figure img { max-width: 100%; height: auto; opacity: 0.5; transition: opacity .3s ease-in; background-image: url("../images/loading.gif"); background-repeat: no-repeat; background-position: center center; }
.main2col .lazyload .frame-type-textpic header h3 { visibility: hidden; display: none; }
.maincontent { color: #000000; line-height: 150%; font-size: 1.4em; font-weight: 300; }
.maincontent h1, .maincontent h2, .maincontent h3 { font-size: 1.9em; font-weight: 200; color: #c4a26b; line-height: normal; line-height: 120%; }
.maincontent h3 { font-size: 1.4em; font-weight: 400; color: #999; background-image: url("../images/dots_lightgrey.png"); background-repeat: repeat-x; background-position: bottom; padding-bottom: 1.5%; margin-top: 0; }
.maincontent h4 { text-align: center; color: #000; font-weight: 600; font-size: 1.6em; line-height: normal; }
.maincontent a { text-decoration: none; color: #b99254; }
.maincontent a:hover { color: #e5cda7; }
.maincontent .linkbutton { text-align: center; margin-top: 25px; display: inline-table; width: 100%; }
.maincontent .linkbutton a { background-color: #d3b990; padding: 10px 25px 10px 25px; color: #fff; font-weight: 600; text-transform: uppercase; border-radius: 10px; font-size: 1.6em; text-shadow: 0px 0px 5px #a2824e; box-shadow: 0px 0px 5px 5px #ddd; border: 2px solid #fff; transition: all 200ms; }
.maincontent .linkbutton a:hover { background-color: #c4a26b; }
.maincontent p { overflow-wrap: break-word; word-wrap: break-word; }
.maincontent ul { list-style-type: circle; }
.maincontent ul li { margin-bottom: 1%; }
.maincontent hr { border: 0; height: 4px; background-image: url("../images/dots_lightgrey.png"); background-repeat: repeat-x; }
.maincontent strong { font-weight: 600; }
#maincontentleft { width: 47%; padding-right: 5%; padding-bottom: 2%; float: left; }
#maincontentright { margin-left: 53%;   }
#maincontentmiddle { width: 100%; }
#maincontentleftmenu { width: 35%; padding-right: 4%; }
#maincontentrightmenu { width: 35%; margin-left: 65%; }
#maincontentmenu { width: 22%; float: left; padding-right: 4%; }
.maincontent .frame-space-before-small { margin-top: 2%; }
.maincontent .frame-space-before-medium { margin-top: 5%; }
.maincontent .frame-space-before-large { margin-top: 8%; }
.maincontent .frame-space-after-small { margin-bottom: 2%; }
.maincontent .frame-space-after-medium { margin-bottom: 5%; }
.maincontent .frame-space-after-large { margin-bottom: 8%; }
.maincontent .ce-right figure { float: right; }
.maincontent .text-center { text-align: center; }
.maincontent header:nth-of-type(2) { visibility: hidden; display: none; } 
.maincontent .frame-layout-9 h2 { font-size: 3em; }
#maincontentleft .ce-textpic, #maincontentright .ce-textpic, #maincontentleft .ce-image, #maincontentright .ce-image { margin-top: 3%; display: table; }
#maincontentleft .ce-image, #maincontentright .ce-image { margin-top: 0; }
#maincontentleft .ce-textpic .ce-column, #maincontentright .ce-textpic .ce-column, #maincontentleft .ce-image .ce-column, #maincontentright .ce-image .ce-column { float: left; margin-right: 20px; margin-bottom: 10px; }
#maincontentleft .ce-textpic .ce-column:nth-child(2n+1), #maincontentright .ce-textpic .ce-column:nth-child(2n+1), #maincontentleft .ce-image .ce-column:nth-child(2n+1), #maincontentright .ce-image .ce-column:nth-child(2n+1) { margin-right: 0; }
#maincontentleft .ce-intext .ce-column, #maincontentright .ce-intext .ce-column { margin-right: 20px !important; }
#maincontentleft .ce-textpic .ce-row, #maincontentright .ce-textpic .ce-row, #maincontentleft .ce-image .ce-row, #maincontentright .ce-image .ce-row  { clear: both; }
#maincontentleft .ce-textpic figure, #maincontentright .ce-textpic figure, #maincontentleft .ce-image figure, #maincontentright .ce-image figure { display: table; }
#maincontentleft .ce-textpic figcaption, #maincontentright .ce-textpic figcaption, #maincontentleft .ce-image figcaption, #maincontentright .ce-image figcaption { color: #a0804d; font-style: italic; line-height: 133%; margin-top: 0; margin-bottom: 3%; display: table-caption; caption-side: bottom;  }
#maincontentleft .ce-textpic a img:hover, #maincontentright .ce-textpic a img:hover { opacity: .6 !important; }
#maincontentleft .ce-above .ce-bodytext, #maincontentright .ce-above .ce-bodytext { clear: both; float: none; }
#maincontentleft .ce-nowrap, #maincontentright .ce-nowrap { width: 100%; }

/* Inspiration & Specials */

.themes { width: 100%; background-color: #fff; border-bottom: 50px solid #fff; }
.themes header, .themes .frame-type-list { clear: both; margin: 0px auto; width: 900px; }
.themes header h2, .themes .ce-bodytext h2 { text-align: center; font-size: 2.9em; line-height: 110%; margin-bottom: 25px; }
.themes .frame-type-header header h2 { font-size: 2.2em; font-weight: 700; }
.themes header h3, .themes header h4 { text-align: center; background: none; margin-top: -10px; padding: 0; font-size: 1.4em; letter-spacing: 2px; font-weight: 300; }
.themes header p { margin: -10px 0 0 0; padding: 0; text-align: center; font-size: 0.9em; opacity: 0.5; }
.themes .frame-type-textpic .ce-row { margin: 0px auto; display: table; width: 100%; text-align: center;}
.themes .frame-type-textpic .ce-row .ce-column { display: inline-block; margin: 20px; }
.themes .frame-type-textpic .ce-row .ce-column a img:hover { opacity: 0.7; }
.themes .frame-type-textpic .ce-row .ce-column a img { transition: opacity 0.2s ease-out 0s; }
.themes p { line-height: 166%; color: #777; }
.themes .ce-bodytext .p_center { text-align: center; }
.themes ul { color: #777; }
.themes .ce-bodytext, .themes hr { clear: both; margin: 0px auto; width: 900px; }
.themes .frame-layout-0 .ce-bodytext { padding-bottom: 20px; background-image: url("../images/dots_lightgrey.png"); background-repeat: repeat-x; background-position: bottom; }
.themes .frame-layout-1 .ce-bodytext { padding-bottom: 0; }
.themes .frame-indent { opacity: 0.5; filter: grayscale(100%); }
.main1col.dark .lazyload figure img { background-image: url("../images/loading.png"); }
.themes.dark { background-color: #000; border-bottom: 50px solid #000; background-image: url("../files/events/house_of_gold_back.jpg"); background-position: top center; background-repeat: no-repeat; background-size: 100%, contain; }
.themes.dark header h2, .themes.dark strong { color: #cbb862; }
.themes.dark header h2 { text-shadow: 2px 2px 0px #000; }
.themes.dark em { font-size: 1.4em; color: #999; font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"; }
.themes.dark p, .themes.dark ul { color: #ddd; }
.themes.dark p a { color: #cbb862; }
.themes.dark p a:hover { color: #fff; }
.themes.dark ul li { list-style-type: none; }
.themes.dark ul li::before { content: "\2022"; color: #cbb862; display: inline-block; width: 1em; margin-left: -1em; }
.themes.dark .frame-layout-0 .ce-bodytext { background-image: url("../images/dots_white3.png"); }
.themes.light header h2 { color: #000; font-size: 1.8em; font-weight: 600; }
.themes .frame-layout-7 header h2, .themes .frame-layout-7 .ce-bodytext p strong { color: #e52c64; }
.themes .frame-layout-7 p a { display: inline-table; margin-top: 15px; font-size: 1.3em; color: #fff; font-weight: bold; background-color: #e52c64; padding: 10px 20px 10px 20px; border: 1px solid #e52c64; }
.themes .frame-layout-7 p a:hover { color: #e52c64; background-color: #fff; }
.themes .frame-layout-9 { padding: 15px; margin: 20px; box-shadow: 0 0 20px rgba(0,0,0,0.1); width: 27.5%; }
.themes .frame-layout-9 .ce-bodytext { text-align: center; margin: 0; width: auto; }
.themes .frame-layout-9 .ce-bodytext p { line-height: normal; }
.themes .frame-layout-9 .ce-bodytext h3 { background: none; padding: 0; color: #c4a26b; font-weight: 200; font-size: 1.5em; }
.themes .frame-layout-9 figure img { width: 100%; height: auto; }
.themes .special_container { display: flex; width: 1200px; flex-wrap: wrap; justify-content: center; margin: 0 auto; margin-top: 50px; margin-bottom: 50px; }
.themes .special_container_video { width: 80%; }
.themes .special_container_video .frame-type-header { width: 100%; }
.themes .special_container_video .frame-layout-9 { width: 20%; }
.themes .special_container_video .frame-layout-9 .video-caption { text-align: center; padding-top: 10px; padding-bottom: 10px; }


/* Mieterseiten */

.main1colshop { width: 900px; }
.main1colshop h1 { font-size: 3em; font-weight: 200; }
.main1colshop h2 { font-size: 1.5em; margin-bottom: 0; }
.main1colshop #main1colshopspecial { width: 48%; display: flex; max-width: 400px; }
.main1colshop #main1colshopspecial .ce-above { border: 1px solid #ddd; box-shadow: 0 2px 3px rgba(0,0,0,0.08); }
.main1colshop #main1colshopspecial .ce-above .ce-gallery { margin: 0; }
.main1colshop #main1colshopspecial .ce-above figcaption { margin: 0; padding: 3%; }
.main1colshop #main1colshopspecial header { position: absolute; background: #be9c65; z-index: 1; height: 46px; padding-left: 25px; padding-right: 25px; margin-top: 30px; }
.main1colshop #main1colshopspecial header h3 { position: relative; display: block; font-size: 1.7em; color: #fff; padding: 2% 0 0 0; border: 0; background: none; }
.main1colshop #main1colshopspecial header:after { content: ''; border: 23px solid #be9c65; border-right-color: transparent; border-right-width: 22px; position: absolute; top: 0; right: -24px; }
.main1colshop #main1colshoplinks { width: 48%; margin-right: 4%; margin-bottom: 3%; float: left; }
.main1colshop #main1colshoplinks ul { padding: 0; }
.main1colshop #main1colshoplinks li { float: left; list-Style: none; margin-bottom: 10px! important; margin-right: 5px; } 
.main1colshop #main1colshoplinks li a { padding: 5px 10px; margin-bottom: 1%; background-color: #c4a26b; border-radius: 5px; color: #fff !important; }
.main1colshop #main1colshoplinks li a:hover { background-color: #d3b990; }
.main1colshop #main1colshoplinks .frame-indent { clear: both; display: table; }
.main1colshop #main1colshopmap { clear: both; }
.main1colshop #main1colshopmap { padding-top: 10px; }
.main1colshop #main1colshopmap #back { padding-top: 30px; }
.main1colshop #main1colshopmap #back a { border: 1px solid #c4a26b; color: #c4a26b; padding: 10px 15px 10px 15px; text-decoration: none; font-weight: 400; font-size: 1em; }
.main1colshop #main1colshopmap #back a:hover { color: #fff; background-color: #c4a26b; }
.main1colshop #main1colshopmap .back_de { visibility: visible; display: block; }
.main1colshop #main1colshopmap .back_en { visibility: hidden; display: none; }

/* Menu Tabs */

#menuetab { display: table; font-size: 1.2em; font-family: 'Oswald', sans-serif; font-weight: 200; letter-spacing: 1px; position: absolute; margin-top: -48px; }
#menuetab ul { margin: 0; padding: 0; }
#menuetab ul li { border-radius: 8px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; }
#menuetab ul li { margin: 0px 5px 0px 0px; border-bottom: 0; float: left; list-style-type: none; background-color: #c4a26b; background-image: linear-gradient(rgba(196,162,107,1), rgba(211,185,144,1)); }
#menuetab ul li a { padding: 10px 14px 10px 14px; text-decoration: none; display: block; color: #ffffff; }
#menuetab ul li a:hover { color: #ecd7b4; }
#menuetab ul .active { padding: 10px 14px 10px 14px; border: 1px solid #fff; color: #c4a26b; background-color: #fff; background-image: none; }
.menuetab #maincontentleft { clear: both; }
.menuetabjobs #maincontentmiddle { margin: 0; padding: 0; }
.menuetabjobs .maincontent { display: flex; flex-wrap: wrap;  }
.menuetabjobs .maincontent .frame-indent { flex: 1 1 0%; padding: 0 1% 0 1%; margin: 1% 2% 1% 1%; background-image: url("../images/dots_lightgrey.png"); background-repeat: repeat-x; background-position: bottom; }
.menuetabjobs .maincontent .frame-indent:nth-child(2), .menuetabjobs .maincontent .frame-indent:nth-child(3), .menuetabjobs .maincontent .frame-indent:nth-child(4), .menuetabjobs .maincontent .frame-indent:nth-child(5) { margin-top: 40px; }
.menuetabjobs .maincontent figure { text-align: center; }
.menuetabjobs .maincontent img { width: 250px; height: auto; margin: 0px }
.menuetabjobs .maincontent h2 { font-size: 1.4em; margin-bottom: 15px; margin-top: 10px; font-weight: 200; line-height: 100%; }
.menuetabjobs .maincontent .ce-bodytext p { padding: 0 0 25px 0; margin: 0; font-size: 0.8em; line-height: normal; }
.menuetabjobs .maincontent .ce-gallery { margin: 0 !important; }
.menuetabjobs .maincontent header p { display: none; font-style: italic; font-size: 0.9em; color: #c4a26b; margin: 0 0 3% 0; }
.menuetabjobs #maincontentmiddle p a { font-weight: normal; text-decoration: underline; }

/* Tables */

.contenttable { width: 100%; font-weight: 300; border-collapse: collapse; line-height: 133%; font-size: 0.9em; }
.contenttable thead tr th, .contenttable tbody tr td { padding: 7px; border-right: 1px solid #fff; border-bottom: 1px solid #fff; }
.contenttable thead tr th { text-align: left; font-weight: 300; font-size: 1.3em; color: #fff; background-color: #d3b990; }
.contenttable tbody tr td { vertical-align: top; background-image: url("../images/back_tr.gif"); background-repeat: repeat-x; background-position: top; background-color: #f2e9da; }

/* Suche */

#searchbox { margin: 0; padding: 0; width: 240px; margin-left: 1025px; position: absolute; top: 27px; z-index: 8; }
#searchbox .tx-indexedsearch-searchbox fieldset .tx-indexedsearch-form input { color: #fff; padding: 5% 5% 5% 45px; background-color: #000 !important; background: url(../images/icons.png) no-repeat -281px 0px; border: 0; font-size: 1.3em; font-weight: 200; width: 175px; }
#searchbox .tx-indexedsearch-searchbox fieldset .tx-indexedsearch-search-submit input { display: none; visibility: hidden; }
#searchbox .tx-indexedsearch-searchbox .search-autocomplete-results .tx-indexedsearch-autocomplete { margin-top: 2px; font-size: 1.2em; background-color: #000; border: 0; color: #fff; border-radius: 4px; }
#searchbox .tx-indexedsearch-searchbox .search-autocomplete-results .tx-indexedsearch-autocomplete ul { border: 0; padding: 0; }
#searchbox .tx-indexedsearch-searchbox .search-autocomplete-results .tx-indexedsearch-autocomplete ul li { padding: 8px 10px 8px 10px; border-radius: 4px; }
#searchbox .tx-indexedsearch-searchbox .search-autocomplete-results .tx-indexedsearch-autocomplete ul li:hover { background-color: #4b4b4b; }
.maincontent .tx-indexedsearch-searchbox { padding-top: 20px; }
.maincontent .tx-indexedsearch-searchbox fieldset { display: flex; }
.maincontent .tx-indexedsearch-searchbox fieldset .tx-indexedsearch-form input { width: 200px; margin: 0 5px 0 0; padding: 6px 6px 6px 10px; font-size: 1.1em; background-color: #fff; border-radius: 4px; border: 1px solid #ddd; box-shadow: 0px 0px 2px 2px #eee; color: #888; font-weight: 400; }
.maincontent .tx-indexedsearch-searchbox fieldset .tx-indexedsearch-form input:hover { border-color: #999; box-shadow: none; }
.maincontent .tx-indexedsearch-searchbox fieldset .tx-indexedsearch-search-submit input { padding: 0; margin: 0; border-radius: 4px; border: 1px solid #ddd; box-shadow: 0px 0px 2px 2px #eee; width: 40px; height: 38px; background: url(../images/icons.png) no-repeat -285px -55px, linear-gradient(to bottom, #eee 0%,#ffffff 100%); } 
.maincontent .tx-indexedsearch-searchbox fieldset .tx-indexedsearch-search-submit input:hover { cursor: pointer; border-color: #bbb; color: #555; }
.maincontent .tx-indexedsearch-searchbox .search-autocomplete-results { position: absolute; }
.maincontent .tx-indexedsearch-searchbox .search-autocomplete-results .tx-indexedsearch-autocomplete { margin-top: 3px; font-size: 1em; background-color: #f8f8f8; border: 1px solid #ededed; color: #323232; border-radius: 4px; }
.maincontent .tx-indexedsearch-searchbox .search-autocomplete-results .tx-indexedsearch-autocomplete ul { border: 0; padding: 0; }
.maincontent .tx-indexedsearch-searchbox .search-autocomplete-results .tx-indexedsearch-autocomplete ul li { padding: 8px 10px 8px 10px; margin: 0; border-radius: 4px; list-style-type: none; }
.maincontent .tx-indexedsearch-searchbox .search-autocomplete-results .tx-indexedsearch-autocomplete ul li:hover { background-color: #dddddd; }
.maincontent .tx-indexedsearch-info-sword, .maincontent .tx-indexedsearch-info-noresult { font-style: italic; color: #b0b0b0; margin-top: 3%; }
.maincontent .tx-indexedsearch-browsebox strong { color: #c4a26b; font-size: 2.25em; font-weight: 300; font-style: italic; }
.maincontent .tx-indexedsearch-description { margin-bottom: 0; }
.maincontent .tx-indexedsearch-percent { margin-top: 0; padding-top: 0; font-style: italic; color: #b0b0b0; width: 100%; }
.maincontent .tx-indexedsearch-browsebox ul { padding: 10px 0 30px 0; margin: 0; }
.maincontent .tx-indexedsearch-browsebox ul li { list-style: none; float: left; font-size: 0.8em; background-color: #f8f8f8; border: 1px solid #ededed; color: #323232; border-radius: 4px; margin-right: 3px; padding: 0px 7px 0px 7px; }
.maincontent .tx-indexedsearch-browsebox ul li a { color: #999; }
.maincontent .tx-indexedsearch-browsebox ul li a:hover { color: #000; }
.maincontent .tx-indexedsearch-browsebox ul li strong { font-size: 0.9em; color: #000; font-weight: bold; }
.maincontent .tx-indexedsearch-res { clear: both; }

/* Footer */

.footercontainer { display: table; width: 100%; background-color: #000; color: #fff; padding: 50px 0 75px 0; margin: 0; line-height: 166%; font-size: 1.1em; font-weight: 300;  }
.footerinner { width: 1260px; margin: 0px auto; }
.footerinner img:hover { opacity: .7; }
.footerinner img { vertical-align: bottom; margin: 0; border: 0; transition: opacity 0.2s ease-out 0s; }
#firmierung, #menuquicklinks { text-align: center; position: absolute; width: 800px; margin: 0px auto; display: table; left: 0; right: 0; }
#firmierung p, #menuquicklinks ul { padding: 0; margin: 0; }
#firmierung p { display: inline-block; margin-right: 25px; margin-bottom: 5px; }
#firmierung p:nth-of-type(1), #firmierung p:nth-of-type(2), #firmierung p:nth-of-type(3) { padding-left: 28px; background-image: url("../images/icons_footer_location.png"); background-position: left 2px; background-repeat: no-repeat; }
#firmierung p:nth-of-type(2) { background-image: url("../images/icons_footer_phone.png"); }
#firmierung p:nth-of-type(3) { background-image: url("../images/icons_footer_mail.png"); }
#firmierung p:nth-of-type(4), #firmierung p:nth-of-type(5), #firmierung p:nth-of-type(6) { margin: 0; }
#firmierung p:nth-of-type(5), #firmierung p:nth-of-type(6) { margin-left: 5px; }
#firmierung p:nth-of-type(4) a, #firmierung p:nth-of-type(5) a, #firmierung p:nth-of-type(6) a { background-image: url("../images/icons_footer_facebook.png"); background-repeat: no-repeat; background-position: left bottom; color: rgba(0, 0, 0, 0.0); display: inline-block; width: 22px; }
#firmierung p:nth-of-type(5) a { background-image: url("../images/icons_footer_instagram.png"); }
#firmierung p:nth-of-type(6) a { background-image: url("../images/icons_footer_tiktok.png"); }
#firmierung p:nth-of-type(4) a:hover, #firmierung p:nth-of-type(5) a:hover, #firmierung p:nth-of-type(6) a:hover { opacity: 0.7; }
#firmierung a { color: #fff; text-decoration: none; }
#firmierung a:hover { color: #888181; }
#menuquicklinks { margin-top: 55px; }
#menuquicklinks ul li { list-style-type: none; padding-left: 0; display: inline-block; border-right: 1px solid #696969; padding: 0px 25px 0 25px; margin-bottom: 10px; }
#menuquicklinks ul li:last-child { border: 0; }
#menuquicklinks a { color: #fff; text-decoration: none; }
#menuquicklinks a:hover { color: #c4a26b; }
#logohghi { float: right; margin-top: -25px; }
#logohghi p { font-size: 0.9em; color: #aaa; text-align: center; margin: 0; padding: 0 0 10px 0; }
#logofooter img { filter: invert(1); }

/* Cookies */

#tx_cookies { padding: 0; margin: 0; color: #999; text-align: center; z-index: 99; position: fixed; bottom: 0; width: 100%; background-color: #000; line-height: 133%; }
#tx_cookies input, #tx_cookies button { cursor: pointer; }
#tx_cookies input:hover, #tx_cookies #tx_cookies_close:hover { opacity: 0.8; }
#tx_cookies input[disabled=disabled], #tx_cookies input:disabled { cursor: auto; }
#tx_cookies input[disabled=disabled]:hover { opacity: 1; }
#tx_cookies input { border-radius: 4px; margin: 10px 0 0 10px; padding: 5px !important; transition: opacity 0.2s ease-out 0s; border: 1px solid #666 !important; }
#tx_cookies #tx_cookies_disable input { background-color: #333; color: #999; }
#tx_cookies form, #tx_cookies p { width: auto; display: inline-block; position: relative; }
#tx_cookies p { margin: 0; }
#tx_cookies #tx_cookies_inner { background: none; padding: 0; border-top: 1px solid #333; }
#tx_cookies #tx_cookies_inner h3 { font-weight: 400; font-size: 1.5em; margin: 20px 20px 10px 20px; }
#tx_cookies #tx_cookies_inner a { color: #777; }
#tx_cookies #tx_cookies_inner a:hover { color: #fff; text-decoration: none; }
#tx_cookies #tx_cookies_inner .cookiespacer { margin-bottom: 20px; }
#tx_cookies #tx_cookies_hint { margin-left: 20px; margin-right: 20px; }
#tx_cookies #tx_cookies_close:before { content: 'x'; color: #999 !important; font-weight: 700; font-size: 1.5em; }
#tx_cookies #tx_cookies_close { position: absolute; left: 7px; background-color: #000; width: 20px; margin-top: 5px; overflow: hidden; border: 0; }
#tx_cookies #tx_cookies_showPermanent { position: absolute; bottom: 10px; left: 10px; opacity: 0.5; }
#tx_cookies #tx_cookies_showPermanent:hover { opacity: 0.6; }
#tx_cookies #tx_cookies_showPermanent button { background-color: #fff; color: #000; border: 1px solid #ccc; border-radius: 5px; padding: 3px; }
#tx_cookies #tx_cookies_types { clear: both; width: calc(100% - 40px); font-size: 1.2em; margin: 10px 20px 0px 20px; }
#tx_cookies .typo3-messages { display: none; }
#tx_cookies .collapse { display: block; max-height: 0; overflow: hidden; transition: max-height .5s cubic-bezier(0, 1, 0, 1); }
#tx_cookies .collapse.show { max-height: 99em; transition: max-height .5s ease-in-out; }
#tx_cookies_accept { display: none !important; visibility: hidden; }

/* Modal */

.jquery-modal { background-color: white; font-weight: 400; color: #000; }
.jquery-modal .frame-layout-8 { border-top: 3px solid #c4a26b; }
.jquery-modal h2, .jquery-modal h3 { font-size: 2.8em; font-weight: 300; text-align: center; }
.jquery-modal h3 { font-size: 2em; }
.jquery-modal figure img { margin: 0px auto; display: table; width: 50%; height: auto; }
.jquery-modal p, .jquery-modal ul { font-size: 1.3em; line-height: 150%; font-weight: 300; }
.jquery-modal p a { color: #ab8b70; }
.jquery-modal p a:hover { text-decoration: none; color: #81634a; transition: color 0.2s ease-out 0s; }
.jquery-modal ul { list-style-type: circle; }
.jquery-modal .modal { overflow: hidden; }
.jquery-modal .modal .frame-type-textmedia { margin-bottom: -7px; }
.jquery-modal .modal, .jquery-modal .frame-type-textmedia.modal { padding: 0; max-width: 1000px; max-height: 100%; }
.jquery-modal .frame-type-textpic.modal, .jquery-modal .frame-type-text.modal, .jquery-modal .frame-type-image.modal { padding: 15px 30px; max-width: 750px; max-height: 450px; overflow-y: auto; }

/* Lightbox */

.lightbox .lb-image, .lb-outerContainer, .lb-dataContainer { border: 0; border-radius: 0; }
.lightbox .lb-data a.lb-close { margin: 10px; }
.lightbox .lb-data a.lb-close:empty, .lightbox .lb-nav a:empty, .lightbox .lb-loader a:empty { visibility: visible; display: block }
.lightbox .lb-data .lb-details { margin: 10px; }
.lightbox .lb-data .lb-number, .lightbox .lb-data .lb-caption { font-weight: 400; font-size: 1.3em; }
.lightbox .lb-data .lb-caption { margin-bottom: 5px; display: inline-block; }

/* Misc */

.app_links { float: left; margin-top: 3%; }
.google { clear: both; }
.apple { margin-left: 1%; }
#back_app { display:none }
.centerplan_svg g { cursor: pointer; }
#illu h4 { font-weight: 200; line-height: 133%; color: #444; }
.overlay { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.7); opacity: 1; z-index: 99999; }
#popupdefault { visibility: visible; }
#popupleave { visibility: hidden; }
.popup { margin: 0 auto; top: 50%; transform: translateY(-50%); padding: 40px; background: #fff; border: 5px solid #c4a26b; border-radius: 10px; width: 33%; position: relative; }
.popup h2, .popup h3 { margin-top: 0; color: #c4a26b; text-align: center; font-size: 4em; font-weight: 200; line-height: 100%; }
.popup h3 { font-size: 2.8em; background: none; }
.popup .close { position: absolute; top: 0; right: 10px; transition: all 200ms; font-size: 40px; font-weight: bold; text-decoration: none; color: #c4a26b; margin: 0; padding: 0; line-height: 100%; }
.popup .close:hover { color: #735326; cursor: pointer; }
.popup .content { text-align: center; color: #000; font-size: 1.8em; font-weight: 200; }
.popup .content p { margin: 0; }
.popup .content a { text-decoration: none; color: #b99254; }
.popup .content a.popupsocial { font-size: 0.9em; color: #000; padding-left: 30px; }
.popup .content a:hover { color: #000; }
.popup .content a.popupsocial:hover { opacity: 0.5; }
.popup .content a.popupsocial_fb { background-image: url("../images/icons_popup_facebook.png"); background-repeat: no-repeat; background-position: left center; margin-right: 15px; }
.popup .content a.popupsocial_in { background-image: url("../images/icons_popup_instagram.png"); background-repeat: no-repeat; background-position: left center; margin-right: 15px; }
.popup .content a.popupsocial_tt { background-image: url("../images/icons_popup_tiktok.png"); background-repeat: no-repeat; background-position: left center; }
.hfs_suggest { color: #000 !important; }

/* Ab hier beginnt das Praktische, das mobile Design */

@media only screen and (max-width: 1280px) {	
	.main1col, .main2col, .main3col { width: 90%; }
	.main1col.dark, .main1col.light { padding-left: 5%; padding-right: 5%; }
	.floaterwrapper { width: auto; margin: 0; }
	#menu { font-size: 1.1em; }
	#menu ul { padding-top: 18px; }
	#menu .level_one .linked, #menu .level_one .activelinked { background: url(../images/icons.png) no-repeat -47px -144px; }
	#lang { margin-left: 25px; }
	#fb { margin-left: 125px; }
	#insta { margin-left: 159px; }
	#tiktok { margin-left: 193px; }
	#searchbox { padding: 0; width: 240px; margin: 0; right: 25px; }
	#menu .level_one li { padding: 2px 0 0 18px; }
	#menu .level_two { font-size: 1em; }
	#menu .level_two li { padding: 0px 3px 0px 3px; }
	#eventsbenefits, #actionsservices, #serviceicons { width: 90%; }
	#eventsbenefits .eventsbenefits2col, #eventsbenefits .eventsbenefits4col { width: 100%; }
	#eventsbenefits .eventsbenefits2col .frame-type-textpic { width: 48.75%; margin-right: 2.25%; margin-bottom: 2%; /* background-color: #fff; */ } 
	/* #eventsbenefits .eventsbenefits2col .frame-type-textpic .ce-bodytext { position: relative; width: auto; background-color: #fff; color: #000; margin: 0; } */
	#actionsservices .frame-type-textpic, #eventsbenefits .eventsbenefits4col .frame-type-textpic { width: 23.25%; margin-right: 2.25%; }
	#actionsservices .frame-type-textpic h2, #eventsbenefits .eventsbenefits4col .frame-type-textpic h2 { font-size: 1.6em; }	
	.footercontainer { padding: 0; }
	.footerinner { width: auto; margin: 0; padding: 40px 25px 50px 25px; }
	#firmierung, #menuquicklinks { position: inherit; width: auto; margin: 0; display: block; left: auto; right: auto; }
	#menuquicklinks { margin-top: 25px; }
	#menuquicklinks ul li { margin-bottom: 5px; }
	#logohghi { float: none; margin: 0; }
	#logofooter, #logohghi { width: 100%; text-align: center; margin-top: 30px; }
	#logohghi { margin-top: 40px; }	
	.maincontent figure img { width: 100%; height: auto; }
	.contenttable { font-size: 0.8em; }
	.menuetabjobs .maincontent img { width: 200px; }
	#mieterliste .element-item .csc-textpicBody { display: table; table-layout: fixed; width: 100%; }	
	#mieterliste .element-item { height: auto !important; }
	.themes .special_container { width: 100%; }
	.themes .frame-layout-9 { width: 40%; }
	.themes .special_container_video { width: 100%; }
	.themes .special_container_video .frame-layout-9 { width: 40%; }
}

@media only screen and (max-width: 1024px) {	
	.themes header, .themes .ce-bodytext, .themes hr { width: 100%; }
	.popup { width: 80%; }
	.storesearch { width: 100% !important; margin-right: 0; }
	#quicksearch { width: 100% !important; }
	.share-wrap { width: 100%; margin: 0 !important; margin-top: 10px !important; }
	.share-wrap select { width: 100% !important; }
	#gutschein-filter { margin-top: 10px !important; margin-bottom: 10px !important; }
	#mieterliste .maincontent { grid-template-columns: repeat(auto-fill, 31%) !important; }
}
 
@media only screen and (max-width: 950px) {
	.floater { border-bottom: 5px solid #c4a26b; height: 155px; }
	.nosearch { height: 105px; }
    #logo { left: auto; margin: 0px auto; width: 100%; background-position: center; background-size: 250px auto; top: 60px; text-align: center; }
	#logo img { width: 250px; height: auto; }
	#lang { margin-left: 10px; top: 7px; }
	#fb { margin-left: 110px; top: 7px; }
	#insta { margin-left: 144px; top: 7px; }
	#tiktok { margin-left: 178px; top: 7px; }
	#menu { display: none; }
	.slicknav_menu { display: block; position: absolute; width: 100%; z-index: 10; font-weight: 200; pointer-events: none; }
	#searchbox { left: 0; right: 0; margin-left: auto; margin-right: auto; top: 100px; }	
	#title h1 { font-size: 2em; }
	.maincontent { font-size: 1.1em; }
	#menuetab { margin-top: -43px; font-size: 1.2em; }
	.menuetabjobs .maincontent .ce-bodytext p { font-size: 1em; }	
	.main1colshop { width: 90%; display: block; }
	.main1colshop #main1colshoplinks, .main1colshop #main1colshopspecial { width: 100%; margin: 0; float: none; }
	.main1colshop #main1colshopspecial header h3 { font-size: 2.2em; }
}

@media only screen and (max-width: 900px) {
	#slideshow { margin-top: 0; height: 400px; }
	#slideshow .slick-track { height: 400px; }
	#slideshow .slick-track .slick-slide div, #slideshow .slick-track .slick-slide figure { height: 400px; }
	#illu .ce-bodytext, #slideshow .ce-bodytext, #slideshowfollow .ce-bodytext { font-size: 1.1em; }
	#illu .frame-layout-13 .ce-bodytext h1, #slideshow .frame-layout-13 .ce-bodytext h1, #slideshowfollow .frame-layout-13 .ce-bodytext h1 { font-size: 2.3em; }
	#hoursicons .frame-type-text { width: 80%; top: 350px; } 
	#hoursicons .frame-type-text h1 { font-size: 3em; padding: 0 5% 0 5%; }
	#hoursicons .frame-type-text p { font-size: 1.6em; }
	#hoursicons .frame-type-textpic { width: 140px; }
	#actionsservices .frame-type-textpic, #eventsbenefits .eventsbenefits2col .frame-type-textpic, #eventsbenefits .eventsbenefits4col .frame-type-textpic { width: 48.125%; margin-bottom: 3.5%; margin-right: 3.5%; }
	#actionsservices .frame-type-textpic:nth-child(odd), #eventsbenefits .eventsbenefits2col .frame-type-textpic:nth-child(odd), #eventsbenefits .eventsbenefits4col .frame-type-textpic:nth-child(even) /* #eventsbenefits .eventsbenefits4col .frame-type-textpic:nth-child(odd) */ { margin-right: 0; }
	#actionsservices .frame-type-textpic h2, #eventsbenefits .eventsbenefits2col .frame-type-textpic h3, #eventsbenefits .frame-layout-2 h3 { font-size: 1.8em; }
}

@media only screen and (max-width: 800px) {
	#eventsbenefits .eventsbenefits2col .frame-type-textpic { width: 100%; margin-bottom: 6.5%; margin-right: 0; }
	#eventsbenefits .frame-type-image figure img { border: 0; width: 100%; height: auto; }
	#maincontentleft, #maincontentright { padding: 0; float: none; width: 100%; margin: 0; }	
	#dialog { left: 0 !important; }
	#fb-sticky-wrapper, #lang-sticky-wrapper, #undefined-sticky-wrapper { display: block; }	
	#fb-sticky-wrapper, #lang-sticky-wrapper { height: auto! important; }
	figcaption { position: static; }
	.themes .frame-layout-9 { width: 100%; }
}

@media only screen and (max-width: 700px) {
	#mieterliste .maincontent { grid-template-columns: repeat(auto-fill, 47.5%) !important; }
}

@media only screen and (max-width: 600px) {
	.popup { width: 66%; }
	.popup h2 { font-size: 2.5em; }
	.popup .content { font-size: 1.5em; }
	.popup .content a.popupsocial { font-size: 1em; }
	.contenttable thead tr th, .contenttable tbody tr td { padding: 3px; }
	#eventsbenefits .frame-type-textpic h2 { overflow-wrap: break-word; }
	#eventsbenefits .frame-type-header, #actionsservices .frame-type-header { background: none; width: auto; }
	#eventsbenefits .frame-type-header h1, #actionsservices .frame-type-header h1 { font-size: 2.4em; padding: 0; }
	#illushop img, #illushop .frame-layout-11 img { max-height: 400px; }	
	#illu { min-height: 250px; }
	#illu .frame-type-image figure, #illu .frame-type-textpic figure { height: 250px; }
	#menuetab { font-size: 1em; }
	#menuetab ul li { margin: 0 2px 0 0; }
	#menuetab ul li a { padding: 10px 8px 8px; }
	.themes.dark { background-size: 200%, contain; }
	.themes .special_container_video .frame-layout-9 { width: 100%; }
}

@media only screen and (max-width: 500px) { 
	#hoursicons .frame-type-text h1 { font-size: 2.5em; }
	#menuetab { font-size: 0.9em; }	
	.maincontent .searchform_search .ui-autocomplete-input { width: 150px; }
}

@media only screen and (max-width: 450px) { 
	#actionsservices .frame-type-textpic, #eventsbenefits .eventsbenefits4col .frame-type-textpic { width: 100%; margin-bottom: 6.5%; margin-right: 0; }
	#menuetab { margin-left: -10px; font-size: 0.8em; }
	.medium-4 {  min-width: 140px !important; }
	.storetel, .storetel_nav { float: left; width: 24px !important; overflow: hidden; }
	.storeweb, .storeweb_nav { float: right; margin-top: 0 !important; width: 24px !important; overflow: hidden; }
	.storehours, .storehours_nav { text-align: center; padding-left: 0 !important; background: none !important; margin: 0 0 10px 0 !important; }
	.storeweb_nav { margin-right: 7px !important; }
	.storetel a, .storeweb a, .storehours a { display: table; width: 100%; height: 20px; line-height: 20px; }
	.storetel { border-right: solid 1px #d9dD9d9; }	
	#mieterliste .element-item p { text-align: center!important; }
	#mieterliste .element-item h2 { height: 70px !important; }
	#mieterliste .maincontent { display: block !important; grid-template-columns: auto !important; width: 100% !important; }
}

@media only screen and (max-width: 420px) {
	.contenttable { font-size: 0.6em; }
	#eventsbenefits .frame-type-text a { font-size: 1.2em; padding: 5px 10px 5px 10px; }	
	.main1colshop #main1colshopspecial img { width: 100% !important; }
	.themes header h2, .themes .ce-bodytext h2 { font-size: 2.3em; }
}

/* Mall of Berlin - Main CSS */