/*
Theme Name: Hausverwaltung
Description: Märkische Hausverwaltung
Author: Guido Großmann
Author URI: https://www.clickagain.de
*/

/* mukta-200 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Mukta';
  font-style: normal;
  font-weight: 200;
  src: url('fonts/mukta-v17-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* mukta-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Mukta';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/mukta-v17-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* mukta-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Mukta';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/mukta-v17-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* mukta-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Mukta';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/mukta-v17-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* mukta-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Mukta';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/mukta-v17-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* mukta-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Mukta';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/mukta-v17-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* mukta-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Mukta';
  font-style: normal;
  font-weight: 800;
  src: url('fonts/mukta-v17-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* caladea-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Caladea';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/caladea-v8-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* caladea-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Caladea';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/caladea-v8-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* caladea-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Caladea';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/caladea-v8-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* caladea-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Caladea';
  font-style: italic;
  font-weight: 700;
  src: url('fonts/caladea-v8-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

@font-face {
  font-family: 'Trebuchet MS';
  src: url('fonts/trebuc.ttf'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

html { margin:0; }

/** BODY **/
body { max-width:100%; margin:0px auto; font-family: 'Trebuchet MS'; font-size:18px; font-weight:400; line-height:26px; color:#fff;  background:#8a0600;  box-sizing:border-box; }

.inner_cnt { max-width:1180px; margin:0 auto; padding:0 20px  }
/** TOP BUTTON **/
.cd-top { display: inline-block; height: 40px; width: 40px; position: fixed; bottom: 40px; right: 15px!important; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); overflow: hidden; text-indent: 100%; white-space: nowrap; background: url('images/up.png') no-repeat center 50%; visibility: hidden; opacity: 0; -webkit-transition: opacity .3s 0s, visibility 0s .3s; -moz-transition: opacity .3s 0s, visibility 0s .3s; transition: opacity .3s 0s, visibility 0s .3s; z-index:100; }
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover { -webkit-transition: opacity .3s 0s, visibility 0s 0s; -moz-transition: opacity .3s 0s, visibility 0s 0s; transition: opacity .3s 0s, visibility 0s 0s; }
.cd-top.cd-is-visible { visibility: visible; opacity: 1; padding-bottom:10px; }
.cd-top.cd-fade-out { opacity: .8; }
.no-touch .cd-top:hover { background-color: #e86256; opacity: 1; }

/** HEADER **/
.head_frm { width:100%; }
.logo_frm { max-width:1180px; margin:0 auto; padding:160px 20px 165px 20px; }
.hd_kontakt { display:block; margin-top:-70px; }
.hd_kontakt_resp { display: none; }
.hd_kontakt_inner { background: #555; padding: 15px 20px; border-radius: 40px; width: 220px; text-align: center; }
.logo_top { width:100%; position:absolute; }
.logo_top_inner { max-width:1180px; margin:0 auto; height:80px; padding:4px 20px; text-align:right; }

/** BACKGROUND-IMAGE **/
.pos_r { position:relative; }
.pos_ac { position:absolute; right:5%; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); max-width:504px;}
.strt_img_box { border-radius:20px; font-size:21px; padding:30px 40px; color:#fff; box-sizing:border-box; line-height:30px; }
.strt_img_box p { margin:0; hyphens: auto; }
.no_ac_cont { display:none; padding:0 20px; }
.no_ac { max-width: 400px; margin: 0 auto; margin-top: 0px; padding: 10px 20px; border-radius:20px; background: #8a0600;; margin-top: -50px; position: relative; font-size: 16px; line-height: 22px; }

/*** HEADLINE ***/
.inner_hl { display:flex; align-items:center;  height:180px;}

/*** ICON BOXEN ****/
.i_box { display:flex; flex-wrap:nowrap; max-width:991px; padding: 40px; box-sizing: border-box;border-radius:20px; }
.icon { display:flex; width:200px; align-items:center; padding-right:10px; }
.icon_txt { display:flex; width:78.02%; }
.icon_title { font-size:26px; line-height:30px; }
.cont_ibs { margin:0 auto; display:flex; justify-content:flex-start; padding-bottom:80px; }
.cont_ibe { margin:0 auto; display:flex; justify-content:flex-end; padding-bottom:80px; }

/*** TEXT BILD BOXEN ****/
.hpb { padding-bottom:40px; }
.tbb_tl { padding-right:45px; width:63.05%; }
.tbb_tl_flex { display:flex; justify-content:space-between; padding-bottom:40px; flex-wrap:nowrap; }
.tbb_tr { padding-left:45px; width:63.05%; }
.tbb_tr_flex { display:flex; padding-bottom:40px; flex-wrap:nowrap; }
.tbb_img { width:260px; padding-top:20px; }
.tbb_img_empty { width:260px; padding-top:0px; }

/*COLORS**/
.red { background:#8a0600; }
.grey { background:#555555; }

/*** ALLGEMEIN ***/
.h_180 { height:180px; }
button { border:none; }

.d_block { disply:block; }
.f_big { font-weight:700; }

/*** MARFINS / PADDINGS ***/
.p_top_180 { padding-top:180px; }

/** ÜBERSCHRIFTEN **/
h1 { font-family:'Caladea'; font-weight:400; font-size: 54px; line-height:54px; margin:0; }
h2 { font-family:'Caladea'; color:inherit; font-weight:400; font-size:40px; line-height:48px; margin: 0; padding-top: 20px; padding-bottom: 20px; }
.txt h1 { font-family:'Caladea'; font-weight:400; font-size: 54px; line-height:54px; margin:0; }
.txt h2 { padding-bottom: 0px; font-size:30px; line-height:38px; }

/** TEXT ***/
.schmal { max-width:573px; }
.breit { max-width:1140px; }

/*** FOOTER ***/
.footer_cont_kont { display:flex;justify-content:space-between; align-content:center; }
.footer_cont { width:100%; padding:120px 0; }
.footer_adr {align-content:center; padding-right: 20px; line-height: 28px; }
.footer_menu { padding:15px 20px; font-size:14px; line-height;22px; }
.lp_mobil { display:none }
.lp { display:block }

/*** LINKS ***/
a { color:#fff; text-decoration:none; }
a:hover { color:#ccc; }

@media screen and (max-width:480px) and (min-width:100px)  {
.i_box { padding:20px; }
}

@media screen and (max-width:640px) and (min-width:100px)  {
.hd_kontakt { text-align:center; margin-top:20px; }
.hd_kontakt_resp { display: block; text-align:center; margin-top:20px; }
.logo_frm { max-width:1180px; margin:0 auto; padding:60px 20px 62px 20px; }
.lp_mobil { display:block }
.lp { display:none }
}

@media screen and (max-width:740px) and (min-width:100px)  {
.icon { width: 100%; padding-right: 0px; padding-bottom: 30px; justify-content: center; }
.i_box { display:flex; flex-wrap:wrap; padding:30px; }
.icon_txt { width:100%; }
.tbb_tr_flex { flex-wrap:wrap; }
.tbb_tl_flex { flex-wrap:wrap-reverse; }
.tbb_img { width: 100%; padding-top: 20px; }
.tbb_img_empty { width: 100%; margin-top: -20px; }
.tbb_tl { padding-right:0px; width:100%; }
.tbb_tr { padding-left:0px; width:100%; }
.hpb { padding-bottom:10px; }
.p_top_180 { padding-top:80px; }
}

@media screen and (max-width:920px) and (min-width:100px)  {
 .pos_ac { display:none; }
 .no_ac_cont { display:block; }
}

@media screen and (max-width:1180px) and (min-width:100px)  {
	body { font-size: calc(15px + (18 - 15) * ((100vw - 320px) / (1180 - 320))); line-height: calc(20px + (26 - 20) * ((100vw - 320px) / (1180 - 320))); }
  h1 { font-size: calc(30px + (54 - 30) * ((100vw - 320px) / (1180 - 320))); line-height: calc(36px + (54 - 36) * ((100vw - 320px) / (1180 - 320))); }
  h2 { font-size: calc(24px + (40 - 24) * ((100vw - 320px) / (1180 - 320))); line-height: calc(30px + (48 - 30) * ((100vw - 320px) / (1180 - 320))); }
  h3 { margin-bottom:0; }
  .strt_img_box { font-size: calc(15px + (18 - 15) * ((100vw - 320px) / (1180 - 320))); line-height: calc(18px + (28 - 18) * ((100vw - 320px) / (1180 - 320))); }
  .icon_title { font-size: calc(20px + (26 - 20) * ((100vw - 320px) / (1180 - 320))); line-height: calc(24px + (30 - 24) * ((100vw - 320px) / (1180 - 320))); }
  .footer_cont_kont { display:block; }
  .footer_cont { padding: 80px 0; }
  .footer_adr { padding-right: 0px; padding-bottom: 40px; }
}

/****************************************************************************************************************************************************************/


/** HEADER **/
 .frm_head { max-width:1320px; margin:0 auto; text-align:center; padding:20px 30px; box-sizing:border-box; }
 .sticky_head { position:sticky; top:0px; z-index:100; padding-top:20px; margin-bottom:10px; background:#fff; }
 .head_logo { width:35%; text-align:left; }

/** NAVIGATION **/
.top_menu ul {padding:0;}
.top_menu { display:block; font-weight:500; }

.top_menu li, .top_menu li a { list-style:none; color:#1c1d1e; letter-spacing:0.08em; text-transform: uppercase;}
.top_menu ul li { display:inline-block; padding:0px 25px 0px 0px; box-sizing:border-box; }
.top_menu li.current_page_item a { color:#00BE00; font-weight:400; }
.top_menu li a:hover { color:#00BE00; }



/** CONTAINER **/

/** STARTSEITE **/

/** BILDER **/
img { max-width:100%; height:auto; vertical-align:middle; }
.aligncenter { display:block; text-align:center; margin:0 auto; }
.alignright { text-align:right; }

/** ÜBERSCHRIFTEN 
h1 { color:#fff; font-family:'Caladea'; font-size: 40px; line-height:48px; margin-bottom:60px; margin-top:0px; font-weight:400; }
h2 { color:#fff; font-family:'Caladea'; font-weight:400; font-size: 54px; line-height:54px; margin:0; }
.fm h2 { color:inherit; font-family:'Trebuchet MS'; font-weight:500; font-size: 40px; line-height:44px; margin:0; }
h3 { font-family:'Caladea'; color:inherit; font-weight:400; font-size:40px; line-height:48px; margin: 0; padding-top: 20px; padding-bottom: 20px; }
h4 { color:#144A75; font-weight:400; font-size: 18px; line-height:20px; }**/

/*COLORS**/
.red_bright { background:#c70b00; }
.red_bright_f { color:#c70b00; }
.orange { background:#ea4c03; }
.orange_f { color:#ea4c03; }
.brown { background:#441218; }
.grey { background:#555555; }
.grey_light { background:#f0f3f0; color:#2a2a2a; }
.white { background:#fff; color:#555; }

/** LINKS **/


/** ALLGEMEIN **/
.w_100 { width:100%; }
.tac { text-align:center; }

/**FOOTER **/


/** RESPONSIVE **/
@media screen and (max-width:1140px) and (min-width:100px)  {
}