/* latin */
@font-face {
  font-family: 'Urbanist';
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url(../fonts/Urbanist_italic_100_900.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext *//* latin */
@font-face {
  font-family: 'Urbanist';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(../fonts/Urbanist_normal_100_900.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}



:root {
	--bodybgcolor: rgb(252,252,252);
	--tuerkis: rgb(104,192,171); /* rgb(136,190,170); */
	--tuerkis_hover: rgb(84,137,117);
	--blau: rgb(10,179,187); /* rgb(100,177,184)*/
	--copytext: rgb(75,75,74);
	--linie: rgb(217,217,217);
}




/* Accordion - Customer-------------------------- */
.accordion_wrapper.accordion_wrapper_first { border-top: 1px rgba(54,54,53,0.2) solid; }

.accordion_button { background-color: transparent; padding: 13px 35px 13px 0; border-bottom: 1px rgba(54,54,53,0.2) solid; }
.accordion_button h3 { font-size: 18px; font-weight: 300; letter-spacing: 0rem; text-transform: none; margin: 0; }

.accordion_text { }
.accordion_text { border-bottom: 1px rgba(54,54,53,0) solid; padding: 0; font-size: 16rem; }
.accordion_text { max-height: 0; /* overflow: hidden; padding: 0px 0px; *//* border-bottom: 1px rgba(54,54,53,0) solid; background-color: rgba(0,0,0,0.05);*/}
.accordion_text,
.accordion_text * { /* font-size: 16rem; line-height: 1.5; font-family: 'Laila', sans-serif; */}
.accordion_text h2 { /* font-size: 20rem; line-height: 1.5; font-family: 'Montserrat', serif; font-weight: 600; text-transform: uppercase;*/ }


.accordion_text_active { /*padding: 25px 0px 50px 0px;*/  /* padding: 25px 25px; */ border-bottom: 1px rgba(54,54,53,0.2) solid; /* background-color: rgba(236,236,236,1);*/ }
.accordion_text_active { /* border: none; */ }

.accordion_button_active { border-bottom: 1px rgba(54,54,53,0) solid; background-color: none; }
.no-touch  .accordion_button:hover { background-color: transparent; }

.accordion_button:after { content: ''; width: 12px; height: 12px; font-size: 21rem; position: absolute; top: 20px; right: 0px; opacity: 1; transition: 0.6s; background-image: url('../res/icon-open.svg'); background-repeat: no-repeat;  background-position: center; }
.accordion_button:before { content: ''; width: 12px; height: 12px; font-size: 21rem; position: absolute; top: 20px; right: 1px; opacity: 0; transition: 0.6s; background-image: url('../res/icon-close.svg'); background-repeat: no-repeat; background-position: center; }

.accordion_button.accordion_button_active:after { opacity: 0; }
.accordion_button.accordion_button_active:before { opacity: 1; }



.accordion_text ul { list-style: none; margin-left: 30px; margin-bottom: 35px; }
.accordion_text li { padding: 6px 0; hyphens: auto; /*border-bottom: 1px rgba(75,75,74,0.1) solid; z-index: 1;*/ }
.accordion_text li:first-child { /*border-top: 1px rgba(75,75,74,0.1) solid; z-index: -1;*/ }
.accordion_text li:last-child { z-index: -1; }
.accordion_text li:first-child:before { display: block; position: absolute; left: -21px; top: 20px; content: ''; width: 1px; height: 55px; height: 100%; border-left: 1px var(--tuerkis) solid; }
.accordion_text li:before { display: block; position: absolute; left: -21px; top: 0px; content: ''; width: 1px; height: 70px; height: 100%; border-left: 1px var(--tuerkis) solid; }
.accordion_text li:last-child:before { display: block; position: absolute; left: -21px; top: calc((100% - 20px) * -1); content: ''; width: 1px; height: 100%; border-left: 1px var(--tuerkis) solid; }
.accordion_text li:after { display: block; position: absolute; left: -26px; top: 12px; content: ''; width: 11px; height: 11px; border: 1px var(--tuerkis) solid; border-radius: 50%; background-color: #fff; }







/* Farben Ablage -------------------------------------- */
/*
.weiss, .weiss * { color: rgba(255,255,255,1); }
.weiss_background { background-color: rgba(255,255,255,1); }

.rot, .rot * { color: rgba(151,17,53,1); }
.rot_background { background-color: rgba(151,17,53,1); }

.dunkelgrau, .dunkelgrau * { color: rgba(54,54,53,1); }
.dunkelgrau_background { background-color: rgba(54,54,53,1); }

.hellgrau, .hellgrau * { color: rgba(242,242,242,1); }
.hellgrau_background { background-color: rgba(242,242,242,1); }

.grau_footer, .grau_footer * { color: rgba(116,116,115,1); }
.grau_footer_background { background-color: rgba(116,116,115,1); }

.grau_footer_comesta, .grau_footer_comesta * { color: rgba(88,88,87,1); }
.grau_footer_comesta_background { background-color: rgba(88,88,87,1); }
*/



/* ---------------------------------------------- */
body { font-size: 18rem; background-color: var(--bodybgcolor); }

.boxed { transition: max-width 0.6s; } 
header.boxed { transition: height 0.6s; } 

section .boxed { max-width: 1150px; }
section .boxed_full { max-width: 1300px; }

* { font-family: 'Urbanist', sans-serif; font-weight: 500; line-height: 1.45; color: var(--copytext);}
* { hyphens: unset; }

.urbanist { font-family: 'Urbanist', sans-serif; }
.urbanist_300 { font-family: 'Urbanist', sans-serif; font-weight: 300; }
.urbanist_400 { font-family: 'Urbanist', sans-serif; font-weight: 400; }
.urbanist_500 { font-family: 'Urbanist', sans-serif; font-weight: 500; }
.urbanist_600 { font-family: 'Urbanist', sans-serif; font-weight: 600; }
.urbanist_700 { font-family: 'Urbanist', sans-serif; font-weight: 700; }
.urbanist strong, .urbanist a strong { font-family: 'Urbanist', sans-serif; font-weight: 700; }

h1 *, .h1 *, h2 *, .h2 *, h3 *, .h3 *, h4 *, .h4 *, h5 *, .h5 *, h6 *, .h6 *, 
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { 
	font-family: 'Urbanist', sans-serif; 
	font-weight: 800; 
	line-height: 1.2;
	margin: 0;
}

h1, .h1 { font-size: 80rem; } 
h2, .h2 { font-size: 50rem; } 
h3, .h3 { font-size: 40rem; } 
h4, .h4 { font-size: 30rem; } 
h5, .h5 { font-size: 20rem; } 
h6, .h6 { font-size: 18rem; } 

.h2_strong { font-weight: 800; }
.h2_small { font-weight: 500; }

p { margin-bottom: 32rem; }

strong, a strong, strong a, .strong, a .strong, .strong a { font-weight: 800; letter-spacing: 0rem; }
a.strong { color: color: var(--copytext); border-color: color: var(--copytext); }

a { color: color: var(--copytext); border-bottom: 1px color: var(--copytext) solid; text-decoration: none; transition: border 0.3s; }
a:hover { border-bottom: 1px color: var(--copytext) solid; }

.text_big { font-size: 22rem; }
/* footer .text_big { font-size: 30rem; } */
.border_radius { border-radius: 20px; }
.box_shadow { box-shadow: 0px 0px 10px rgba(0,0,0,0.2); }

.gradient_box { padding: 40px 50px 50px 50px; background: var(--tuerkis); background: linear-gradient(90deg,var(--tuerkis) 0%, var(--blau) 100%); }
.gradient_box ul { list-style: none; margin: 0; padding: 0; }
.gradient_box ul li { color: #FFF; font-weight: 700; font-size: 22rem; border-bottom: 1px rgba(255,255,255,0.5) solid; padding: 3px 0; }
.gradient_box ul li sup { font-size: 14rem; color: #FFF; font-weight: 700; top: -0.7em; }

.gradient_box_support { padding: 30px 45px 30px 45px; }
.gradient_box_support ul li { border-bottom: 1px rgba(255,255,255,0.5) solid; padding: 10px 0; }
.gradient_box_support ul li:last-child { border-bottom: 1px rgba(255,255,255,0) solid; }
.gradient_box_support ul li,.gradient_box_support ul li strong { color: #FFF; font-weight: 500; font-size: 18rem; }
.gradient_box_support ul li strong { font-weight: 700; }

.gradient_background { background: var(--tuerkis); background: linear-gradient(90deg,var(--tuerkis) 0%, var(--blau) 100%); }

ul.text_liste { list-style: none; margin: 0; padding: 0; }
ul.text_liste li { border-bottom: 1px rgba(75,75,74,0.1) solid; padding: 6px 0px; }

.button { font-size: 17rem; font-weight: 700; padding: 5px 25px; border: none; color: rgba(255, 255, 255, 1); border: 1px rgba(255, 255, 255, 0) solid; background-color: var(--tuerkis); cursor: pointer; }
.no-touch .button:hover { color: rgba(255, 255, 255, 1); background-color: var(--blau); }



/* Box Karriere -------------------------------------------- */
/* Höhen ausgleichen */
.row_karriere .column { display: table; }
.row_karriere .box_karriere{ display: table-cell; }

.box_karriere { border-radius: 20px; box-shadow: 4px 4px 10px rgba(0,0,0,0.2); padding: 30px 35px 45px 35px; margin: 0 10px; font-size: 16rem; }
.box_karriere .h3_outer_wrapper { display: table; width: 100%; hyphens: auto; }
.box_karriere h3 { display: table-cell; height: 80px !important; font-size: 20rem; text-align: center; vertical-align: middle; height: 60px; color: var(--tuerkis); }

.row_karriere_outer_wrapper .box_karriere h3 {
	height: auto !important;
}

/*
.box_karriere ul { list-style: none; margin-bottom: 35px; }
.box_karriere li { padding: 10px 0; border-bottom: 1px rgba(75,75,74,0.1) solid; z-index: 1; }
.box_karriere li:first-child { border-top: 1px rgba(75,75,74,0.1) solid; z-index: -1; }
.box_karriere li:last-child { z-index: -1; }
.box_karriere li:first-child:before { display: block; position: absolute; left: -21px; top: 20px; content: ''; width: 1px; height: 55px; height: 100%; border-left: 1px var(--tuerkis) solid; }
.box_karriere li:before { display: block; position: absolute; left: -21px; top: 0px; content: ''; width: 1px; height: 70px; height: 100%; border-left: 1px var(--tuerkis) solid; }
.box_karriere li:last-child:before { display: block; position: absolute; left: -21px; top: calc((100% - 20px) * -1); content: ''; width: 1px; height: 100%; border-left: 1px var(--tuerkis) solid; }
.box_karriere li:after { display: block; position: absolute; left: -26px; top: 16px; content: ''; width: 11px; height: 11px; border: 1px var(--tuerkis) solid; border-radius: 50%; background-color: #fff; }
*/
.box_karriere strong { color: var(--tuerkis); }
.box_karriere p { hyphens: auto; }
.box_karriere .button { display: block; width: fit-content; margin: 0 auto; font-size: 15rem; }



/* Box Kontakt --------------------------------------- */
.row_kontakt { }
/* Höhen ausgleichen */
.row_kontakt .column { display: table; }
.row_kontakt .box_kontakt{ display: table-cell; }
/*
.row_kontakt .column:first-child { padding: 0 1% 0 0 !important; }
.row_kontakt .column:last-child { padding: 0 0 0 1% !important; }
*/
.box_kontakt { border-radius: 20px; box-shadow: 4px 4px 10px rgba(0,0,0,0.2); padding: 30px 35px 45px 35px; margin: 0 10px; font-size: 16rem; }
.box_kontakt .h3_outer_wrapper { display: table; width: 100%; text-align: center; padding-bottom: 30px; }
.box_kontakt .h3_outer_wrapper:after { display: block; content: ''; width: calc(100% + 70px); height: 30px; margin-left: -35px; border-bottom: 1px rgba(75,75,74,0.1) solid; }
.box_kontakt img { height: 65px; width: auto; -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%); }
.box_kontakt:hover img { -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */ filter: grayscale(0%); }
.box_kontakt ul { list-style: none; margin-bottom: 0px; margin: 0; padding: 0; }
.box_kontakt li { padding: 5px 0; border-bottom: 1px rgba(75,75,74,0.1) solid; }
.box_kontakt strong { color: var(--tuerkis); }
.box_kontakt p { hyphens: auto; }
.box_kontakt .button { display: block; width: fit-content; margin: 0 auto; font-size: 15rem; }



/* Header  -------------------------------------- */
header,
header * {  }

.header_wrapper { background-color: rgba(255,255,255,1); box-shadow: 0px 0px 10px rgba(0,0,0,0); }
.header_wrapper.shrink_header_wrapper { background-color: rgba(255,255,255,1); box-shadow: 0px 0px 10px rgba(0,0,0,0); }

.logo a { font-weight: 600; color: rgba(255,255,255,1); }
.logo img { width: 175px; height: 90px; }
.shrink .logo { width: auto; height: auto; }
.shrink .logo img { width: 100px; height: 51px; }

.logo_center_vertical { top: 50%; }
.header_wrapper.shrink_header_wrapper .logo_center_vertical { top: 50%; }



/* Navigation ----------------------------------- */
.nav_middle { top: 35%; transition: top 0.6s; }
.header_wrapper.shrink_header_wrapper .nav_middle { top: 45%; }
ul.main_navigation,
ul.main_navigation * { color: var(--copytext); }
ul.main_navigation>li { margin-left: 8px; }
ul.main_navigation>li.home_link { display: none; }
ul.main_navigation>li>a { 
	display: block;
	padding: 7px 10px 7px 10px;
	border-radius: 20px;
	font-size: 14rem;
	font-weight: 700;
	letter-spacing: 1.5px;
	text-transform: uppercase;
}
ul.main_navigation>li>a sup {
	font-size: 9rem;
	font-weight: 650;
	vertical-align: middle;
}

.no-touch ul.main_navigation>li:hover>a, 
ul.main_navigation>li.active>a { color: var(--tuerkis); }
ul.main_navigation>li:after { display: none }

.header_wrapper.shrink_header_wrapper ul.main_navigation * { color: var(--copytext); }
.no-touch .header_wrapper.shrink_header_wrapper ul.main_navigation>li:hover>a,
.header_wrapper.shrink_header_wrapper ul.main_navigation>li.active>a { color: var(--tuerkis); }



/* Section Home ------------------------- */
body #home {  padding-top: 180px; transition: padding 0.6s; }
body.scrolled #home { padding-top: 75px; }
@media (max-width: 860px) {
	body #home {  padding-top: 105px; }
}

.home_textwrapper_outer { min-height: 500px; }
.home_textwrapper { padding-top: 170px !important; padding-bottom: 130px !important; background-image: url(../res/Hausverstand4.svg); background-repeat: no-repeat; background-size: contain; background-position: right; }
#home .h1_strong { font-size: 80rem; font-weight: 800; line-height: 1; }
#home .h1_small { font-size: 80rem; font-weight: 500; line-height: 1;  }
/* --------------- */
#home .home_immobiliennetzwerk_wrapper { padding: 45px 0 40px 0; border-top: 1px var(--linie) solid; border-bottom: 1px var(--linie) solid; }
#home .home_immobiliennetzwerk_wrapper .column_1_1 { max-width: 1150px; width: 100%; display: flex; flex-flow: row wrap; justify-content: space-between; }
.home_immobiliennetzwerk_wrapper .text_wrapper { padding-top: 6px; }
.home_immobiliennetzwerk_wrapper .logo_wrapper { padding-top: 6px; }
.home_immobiliennetzwerk_wrapper sup { font-size: 10rem; top: -9rem; }
.home_immobiliennetzwerk_wrapper img { width: auto; height: 50px; }



/* ----------------------------- */
p sup { font-size: 12rem; }
.button sup { color: #FFF; font-size: 12rem; font-weight: 700; vertical-align: middle; }
.text_big sup { font-size: 14rem; }
footer sup { font-size: 12rem; font-weight: 700; vertical-align: middle; }
footer .button sup { font-size: 12rem; font-weight: 700; vertical-align: middle; }



/* diverse Links -------------------------------- */
.link_download,.link_zu_kontakt { font-size: 15px; font-weight: 500; letter-spacing: 1.5px; border-bottom: none; }
.link_download:hover,.link_zu_kontakt:hover { border-bottom: none; }
.link_download:before,.link_zu_kontakt:before { content: ''; display: inline-block; width: 24px; height: 1px; border-top: 1.5px rgba(151, 17, 53, 1) solid; top: -5px; margin-right: 10px; border-bottom: none; }


/* Anpassung der Spaltenabstände --------------- */
.row .column { padding: 0 1%; }
.row .column:first-child { padding:0 1% 0 0; }
.row .column:last-child { padding: 0 0 0 1%; }


/* Formular -------------------------------------*/
body.form_is_open { overflow: hidden !important; }
.formular_wrapper { display: none; position: fixed; top: 75px; height: calc(100vh - 75px); width: 100vw; padding: 30px; background: linear-gradient(90deg,var(--tuerkis) 0%, var(--blau) 100%); z-index: 1000; overflow: auto; }
.formular_wrapper form { background-color: rgb(252,252,252); padding: 40px 30px 70px 30px; border-radius: 10px; max-width: 600px; margin: 0 auto; }
.formular_wrapper form,.formular_wrapper form * { font-size: 14rem !important; }
.formular_wrapper form h4 { font-size: 20rem !important; margin-bottom: 10px; }
.formular_wrapper form a,.formular_wrapper form a:hover { text-decoration: underline; }
.formular_wrapper_close_button { letter-spacing: 0.5rem; padding: 8px 16px; color: #FFF; border-radius: 10px; border: 1px rgba(255, 255, 255, 1) solid; background-color: var(--blau); transition: all 0.3s; width: auto; margin: 0 0 0 auto; }
.formular_wrapper_close_button:hover { color: rgba(255,255,255,1); background-color: var(--tuerkis); }
.formular_wrapper_close_button_top { position: absolute; top: -17px; right: -15px; }
.formular_wrapper_close_button_bottom { position: absolute; bottom: -17px; right: -15px; }

input[type='text'], 
input[type='email'], 
input[type='number'], 
select, 
textarea { width: 100%; border-width: 1px; border-style: solid; border-radius: 5px; padding: 5px 10px; margin-bottom: 14rem; border-color: rgba(0,0,0,0.1) }
input[type='submit'] { 
	font-size: 20px !important;
	font-weight: 700;
	letter-spacing: 0.5rem; 
	padding: 15px 60px;
	color: rgba(255,255,255,1); 
	border-radius: 20px; 
	border: 1px rgba(0,0,0,0.1) solid; 
	background-color: var(--tuerkis); 
	transition: all 0.3s; 
	width: auto; 
	margin: 0 0 0 auto;
} 
input[type='submit']:hover { color: rgba(255,255,255,1); background-color: var(--blau); }

.upload { margin-bottom: 5px; }
.pflichtfelder { display: inline-block; margin-bottom: 10px; font-size: 12rem;}



/* Impressum - Datenschutz ---------------------- */
table.impressum_datenschutz { border-collapse: collapse; margin-bottom: 16rem; width: 100%; }
table.impressum_datenschutz th, table.impressum_datenschutz td { border-width: 1px; border-style: solid; }
table.impressum_datenschutz th,table.impressum_datenschutz td { border-color: rgba(74,79,84,0.2); padding: 3rem 10rem; }



/* Mobilnavigation ------------------------------ */
.mobil_nav_icon { background-color: rgba(0,0,0,1); }
.mobil_nav_icon:after,
.mobil_nav_icon:before,
.mobil_nav_icon span:before { border-bottom-color:  var(--tuerkis);  border-bottom-width: 4px;  border-radius: 2px; bottom: 23%; }
.mobil_nav_icon:after,
.mobil_nav_icon:before {  }
.mobil_nav_icon:after { top: 23%; }
.mobil_nav_icon.clicked:after,
.mobil_nav_icon.clicked:before { display: block; }
.mobil_nav_icon.clicked span:before { opacity: 1; border-bottom-color: rgba(54,54,53,1); }
.mobil_nav_icon.clicked span:before {  display: none; }
.mobil_nav_icon.clicked { width: 40px !important; height: 40px !important; }

.shrink .mobil_nav_icon { background-color: rgba(255,255,255,1); }
.shrink .mobil_nav_icon:after,
.shrink .mobil_nav_icon:before,
.shrink .mobil_nav_icon span:before { border-bottom-color: rgba(0,0,0,1); }

.mobil_nav_icon { background-color: rgba(0,0,0,0); }
.mobil_nav_icon:after, .mobil_nav_icon:before, .mobil_nav_icon span:before { 
	border-bottom-color: var(--tuerkis);
}

.shrink .mobil_nav_icon { background-color: rgba(0,0,0,0); }
.shrink .mobil_nav_icon:after, .shrink .mobil_nav_icon:before, .shrink .mobil_nav_icon span:before { 
	border-bottom-color: var(--tuerkis);
}

.mobil_nav_icon.clicked:after,
.mobil_nav_icon.clicked:before  { border-bottom-color: rgba(255,255,255, 1); }
.mobil_nav_icon.clicked { right: 22px; }
#mobilNavWrapper { background-color: rgba(242,242,242,1); background-color: var(--blau); padding: 30px; }
#mobilNavWrapper { background-image: url("../res/Hausverstand4-Logo-mobilnav.svg"), linear-gradient(90deg,var(--tuerkis) 0%, var(--blau) 100%); background-repeat: no-repeat, no-repeat; background-position: center bottom, left; background-size: 200px, 100%; }
	
#mobilNav { margin: 50px 0px 0 0px; }
#mobilNav * { color: rgba(255,255,255,1); font-size: 24rem; }
#mobilNav a sup { font-size: 16rem; }
#mobilNav ul li { border-bottom: 1px rgba(255,255,255,0.2) solid; }
#mobilNav ul li a {  border: none; font-weight: 500; /*letter-spacing: 1rem;*/ border-bottom-color: rgba(255,255,255,1); }
#mobilNav li a { color: rgba(255,255,255,1); padding: 14px 0px 14px 0px; } 
#mobilNav li.active a { color: rgba(255,255,255,1); background-color: rgba(255,255,255,0.0);}
#mobilNav a, .no-touch #mobilNav a:hover { transition: all 0.5s !important; }
#mobilNav ul li:after { content: ''; width: 12px; height: 12px; font-size: 21rem; position: absolute; top: 24px; right: 0px; opacity: 1; transition: 0.6s; background-image: url("../res/icon-open-ws.svg"); background-repeat: no-repeat; background-position: center; }


/* Scroll Top ----------------------------------- */
.scroll_to_top { width: 65px; bottom: 60px; right: 0px; border-top-right-radius: 0; border-bottom-right-radius: 0; background-color: var(--tuerkis); background-image: url(../res/icon-up-ws.svg); background-position: center center; background-repeat: no-repeat; background-size: 35px; border-color: rgba(0,0,0,0); box-shadow: 3px 3px 9px rgba(0,0,0,0.3); }
.no-touch .scroll_to_top:hover { border-color: rgba(0,0,0,0); background-color: var(--blau); box-shadow: 3px 3px 9px rgba(0,0,0,0.3); }


/* Footer --------------------------------------- */
footer, 
footer * { /*font-size: 15rem; font-weight: 500; line-height: 1.4 !important;*/ color: rgba(255,255,255,1); }
footer { padding: 0; }
footer a { color: rgba(255,255,255,1); border-bottom: 1px rgba(255,255,255,0) solid; }
.no-touch footer a:hover { color: rgba(255,255,255,1); border-bottom: 1px rgba(255,255,255,1) solid; }

footer h3 { line-height: 1.4; font-weight: 700; letter-spacing: 0.5rem; margin: 0 0 2px 0; }
footer strong { font-weight: 700; }
.footer_column_1_3_padding { padding-left: 80px !important; }

/* ---------- */
ul.footernavigation { /* position: absolute; bottom: 0; right: 0;*/ list-style: none; margin: 0; padding: 0; }
ul.footernavigation li { display: inline-block; border: none; transition: all 0.3s; }
ul.footernavigation li { margin: 0 15px 0 0px; }
/* ul.footernavigation li:first-child { margin: 0 0 0 0px; } */
ul.footernavigation li:last-child { margin: 0 0px 0 0; }
ul.footernavigation li a { font-size: 13rem; font-weight: 600; border-bottom: 1px rgba(255,255,255,0) solid; letter-spacing: 0.5rem; }
.no-touch ul.footernavigation li:hover a,
ul.footernavigation li.active a { font-size: 13rem; font-weight: 600; border-bottom: 1px rgba(255,255,255,1) solid; }

footer h5 { font-size: 22rem; line-height: 1.5; }
footer .button { text-align: center; /* width: 100%;*/ color: rgb(255,255,255); background-color: rgba(255,255,255,0); border-color: rgba(255,255,255,1); /* padding: 10px 10px; */ }
.no-touch footer .button:hover { color: var(--tuerkis); background-color: rgba(255,255,255,1); border-color: rgba(255,255,255,0); }
.no-touch footer .button_link:hover,
.no-touch footer .button_link:hover strong { color: rgba(255,255,255,1); }
footer .row { display: table; }
footer .column { display: table-cell; /* vertical-align: bottom; */ }

.footer_comesta { font-size: 16rem; line-height: 30rem; }



/* Slider --------------------------------------- */
.slider_wrapper_gallery_section { margin-top: -100px; }

.slick-prev, .slick-next { background-color: rgba(255,255,255,0) !important; border-color: rgba(0,0,0,0); }
.slick-prev:hover, .slick-next:hover { background-color: rgba(255,255,255,0) !important; border-color: rgba(0,0,0,0); }
.slick-prev:before, .slick-next:before { color: rgba(255,255,255,1); transition: all 0.5s; }

div.slick_image_50p { }
div.slick_image_50p a { border: none; display: block; height: 100%; width: 50vw; max-width: 900px; right-left: 1vw; margin-left: 1vw; background-size: cover; }
div.slick_image_50p a:hover { border: none; }

.slick-next:before { content: ''; width: 50px; height: 50px; background: url('../res/icon-next-ws.svg') no-repeat scroll top left; }
.slick-prev:before { content: ''; width: 50px; height: 50px; background: url('../res/icon-prev-ws.svg') no-repeat scroll top left; }

.slick_arrow_inside .slick-prev { left: 225px; }
.slick_arrow_inside .slick-next { right: 200px; }



/* Slider / Lightbox----------------------------- */
.lightbox_image { }
.lightbox_image a { display: block; width: 100%; height: 50vh; background-position: center center; background-size: cover; border: none; /* border: 1px rgba(220,220,220,1) solid;*/ }
.column.lightbox_image { padding: 0 10px !important; }

.slider_wrapper_gallery,
.lightbox_image a { min-height: 450px;  }

/* Laptop */
@media (max-width: 1024px) {
	div.slick_image_50p a { width: 98vw; margin-left: 1vw; margin-right: 1vw;  }
}



/* Responsive ------------------------------------------------------------------------------------- */
@media (max-width: 1355px) {
	
	.boxed { max-width: 96% !important; }
	.header.boxed { max-width: 96% !important; }
	section .boxed { max-width: 84% !important; }
	section .boxed_full { max-width: 96% !important; }
	
}


@media (max-width: 1200px) {
	
	.row_karriere .height_50px,
	.row_karriere .height_200px { height: auto; }
	.box_karriere h3 { height: auto !important;  }
	
	.row_karriere .column.column_1_4 { width: calc((96%/2)*1); padding: 0 0 !important; margin-bottom: 4%; }
	.row_karriere .column.column_1_4:nth-child(1) { margin-right: 2%; }
	.row_karriere .column.column_1_4:nth-child(2) { margin-left: 2%; }
	.row_karriere .column.column_1_4:nth-child(3) { margin-right: 2%; }
	.row_karriere .column.column_1_4:nth-child(4) { margin-left: 2%; }
	
}


@media (max-width: 1100px) { 
	
	.hide_on_mobil { display: none !important; }
	.column.full_width_on_mobil { width: 100%; }
	
	.column_4_8.column_4_8_mobil { width: calc((100% / 8) * 4.5); }
	
	header,header * { font-size: 13rem; }
	ul.main_navigation>li { margin-left: 5px; }
	ul.main_navigation>li>a { font-size: 13rem; }
	
}


@media (max-width: 1024px) {
	
	section .boxed,
	section .boxed_full { max-width: 96% !important; }
	
	.row_kontakt .column.column_1_4 { width: calc((96%/2)*1); padding: 0 0 !important; margin-bottom: 4%; }
	.row_kontakt .column.column_1_4:nth-child(1) { margin-right: 2%; }
	.row_kontakt .column.column_1_4:nth-child(2) { margin-left: 2%; }
	.row_kontakt .column.column_1_4:nth-child(3) { margin-right: 2%; }
	.row_kontakt .column.column_1_4:nth-child(4) { margin-left: 2%; }
	/*
	.row_kontakt .column.column_1_4:nth-child(3),
	.row_kontakt .column.column_1_4:nth-child(4) { margin-bottom: 0; }
	*/
	
	#home .h1_strong { font-size: 60rem; }
	#home .h1_small { font-size: 60rem; }
	.home_textwrapper { padding-top: 70px !important; padding-bottom: 0px !important; }
	.home_immobiliennetzwerk_wrapper .text_wrapper { width: 100%; text-align: center; padding-bottom: 30px; }
	.home_immobiliennetzwerk_wrapper .logo_wrapper { width: 50%; text-align: center; padding-bottom: 30px; }
	.height_130px_bp1024 { height: 130px; }
	
	/* ----------------------- */
	.slick_arrow_inside .slick-prev { left: 85px; }
	.slick_arrow_inside .slick-next { right: 60px; }
	
}



@media (max-width: 900px) {
	.footer_column_1_3_padding {
		padding-left: 40px !important;
	}
}



@media (max-width: 860px) {
	
	header.height_130px { height: 75px !important; }
	.shrink_height_75px { height: 75px !important; }
	.logo img { width: 115px; height: 60px; }
	.home_textwrapper { background-size: 50% auto; }
	.box_karriere { hyphens: auto; }
	
}



@media (max-width: 768px) {
	
	.height_130px_bp1024 { height: 100px; }
	.column_4_8.column_4_8_mobil { width: 100%; }
	.row_kontakt .column.column_1_4 { width: 100%; }
	.row_kontakt .column.column_1_4 { margin-left: 0 !important; margin-right: 0 !important; }
	
	.row_karriere .column.column_1_4 { width: 100%; }
	.row_karriere .column.column_1_4 { margin-left: 0 !important; margin-right: 0 !important; }
	
	
	footer .row { display: block; }
	footer .column { display: block; }
	.footer_column_1_3_padding { padding-left: 0px !important; }
	
}



@media (max-width: 600px) {
	
	#home .h1_strong { font-size: 40rem; }
	#home .h1_small { font-size: 40rem; }
	.home_textwrapper_outer { min-height: 400px; }
	.home_textwrapper { background-size: 40% auto; }
	
}