/* quicksand-300 - latin */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('../fonts/quicksand-v29-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/quicksand-v29-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/quicksand-v29-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/quicksand-v29-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/quicksand-v29-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/quicksand-v29-latin-300.svg#Quicksand') format('svg'); /* Legacy iOS */
}
/* quicksand-500 - latin */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../fonts/quicksand-v29-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/quicksand-v29-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/quicksand-v29-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/quicksand-v29-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/quicksand-v29-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/quicksand-v29-latin-500.svg#Quicksand') format('svg'); /* Legacy iOS */
}
/* quicksand-regular - latin */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/quicksand-v29-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/quicksand-v29-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/quicksand-v29-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/quicksand-v29-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/quicksand-v29-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/quicksand-v29-latin-regular.svg#Quicksand') format('svg'); /* Legacy iOS */
}
/* quicksand-600 - latin */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../fonts/quicksand-v29-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/quicksand-v29-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/quicksand-v29-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/quicksand-v29-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/quicksand-v29-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/quicksand-v29-latin-600.svg#Quicksand') format('svg'); /* Legacy iOS */
}
/* quicksand-700 - latin */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/quicksand-v29-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/quicksand-v29-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/quicksand-v29-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/quicksand-v29-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/quicksand-v29-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/quicksand-v29-latin-700.svg#Quicksand') format('svg'); /* Legacy iOS */
}





/* ---------------------------------------------- */
body { font-size: 19rem; }

* { font-family: 'Quicksand', sans-serif; font-weight: 400; color: rgba(54,54,53,1);}

.quicksand { font-family: 'Quicksand', sans-serif; }
.quicksand_300 { font-family: 'Quicksand', sans-serif; font-weight: 300; }
.quicksand_400 { font-family: 'Quicksand', sans-serif; font-weight: 400; }
.quicksand_500 { font-family: 'Quicksand', sans-serif; font-weight: 500; }
.quicksand_600 { font-family: 'Quicksand', sans-serif; font-weight: 600; }
.quicksand_700 { font-family: 'Quicksand', sans-serif; font-weight: 700; }
.quicksand strong, .quicksand a strong { font-family: 'Quicksand', 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: 'Quicksand', sans-serif; font-weight: 500; }

h1, .h1 { font-size: 45rem; line-height: 1.4; } 
h2, .h2 { font-size: 30rem; font-weight: 700; } 
h3, .h3 { font-size: 26rem; } 
h4, .h4 { font-size: 26rem; line-height: 1.3; font-weight: 700; margin-bottom: 10px; } 

strong, a strong, strong a, .strong, a .strong, .strong a { font-weight: 700; letter-spacing: 0.5rem; }
a.strong { color: rgba(54,54,53,1); border-color: rgba(54,54,53,1); }

.button { font-size: 18rem; font-weight: 400; letter-spacing: 0.5rem; padding:5px 25px; border: none; color: rgba(255,255,255,1); border: 1px rgba(255,255,255,1) solid; background-color: rgba(0,0,0,0); }
.no-touch .button:hover { color: rgba(54,54,53,1); background-color: rgba(255,255,255,1);  }





/* ---------------------------------------------- */
.spacerline { border-color: rgba(88,88,87,1); margin-top: 60px; margin-bottom: 60px; }





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





/* Anpassungen für diverse Inhalte ------------------------------ */
.ul_leistungen {  }
.ul_leistungen li { margin-bottom: 6px; }

.statement { font-size: 45rem; font-weight: 700; line-height: 1.2; hyphens: none; }
@media (max-width: 550px) { 
	.statement { hyphens: inherit; }
}


html { scroll-padding-top: 100px; }
@media (max-width: 860px) {
	html { scroll-padding-top: 80px; }
}

@media (max-width: 1024px) {
	.laptop_100p { width: 94% !important; }
}

/* Kontaktseite Comesta Logo */
.kontakt_comesta { border: none;  position: absolute; right: 0;  bottom: 0; }
@media (max-width: 768px){
	.kontakt_comesta { border: none; position: initial; padding-bottom: 20px; display: inline-block; }
}

/* Datenschutzerklärung - Formatierungen für Zwischenüberschriften */
.section_title { font-size: 14rem; font-weight: 600; }





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

.rot, .rot * { color: rgba(234,0,41,1); }
.rot_background { background-color: rgba(234,0,417,1); }
/* #ea002b */

.blau, .blau * { color: rgba(0,144,218,1); }
.blau_background { background-color: rgba(0,144,218,1); }
/* #0091da */

.dunkelgrau, .dunkelgrau * { color: rgba(54,54,53,1); }
.dunkelgrau_background { background-color: rgba(54,54,53,1); }
/* #363635 (Flächen, Navigationund Leseschrift) */

.grau, .grau * { color: rgba(88,88,87,1); }
.grau_background { background-color: rgba(88,88,87,1); }
/* #585857 (Flächen) */

.hellgrau, .hellgrau * { color: rgba(236,236,236,1); }
.hellgrau_background { background-color: rgba(236,236,236,1); }
/* #ececec (Flächen) */

.grau_hellgrau_background { background: rgb(88,88,87); background: linear-gradient(90deg, rgba(88,88,87,1) 50%, rgba(236,236,236,1) 50%); }
@media (max-width: 768px) { .grau_hellgrau_background { background: linear-gradient(90deg, rgba(88,88,87,1) 50%, rgba(88,88,87,1) 50%); } }





/* Formular -------------------------------------*/
input[type='text'], 
input[type='email'], 
input[type='number'], 
.select, 
textarea, 
button { width: 100%; color: #000; border-width: 1px; border-style: solid; border-radius: 6px; border: none; padding: 12px 8px; margin-bottom: 16rem; }
input[type='submit'] { font-size: 18rem; font-weight: 600; letter-spacing: 0.5rem; padding: 5px 25px; border: none; color: rgba(54,54,53,1); border: 1px rgba(54,54,53,1) solid; background-color: rgba(0,0,0,0); transition: all 0.3s; width: auto; margin: 0 0 0 auto; }
input[type='submit']:hover { color: rgba(255,255,255,1); background-color: rgba(54,54,53,1); }
.upload { margin-bottom: 5px; }

/* Honeypot */
/*
.weitere_angaben {
	width: 0px;
	height: 0px;
	overflow: hidden;
}
*/




/* Header  -------------------------------------- */
header,
header * { /* font-size: 19rem; */ }

.header_wrapper { /* background-color: rgba(211,26,43,1);*/ box-shadow: 0px 0px 10px rgba(0,0,0,0.5); }
.header_wrapper.shrink_header_wrapper { background-color: rgba(255,255,255,1); box-shadow: 0px 0px 10px rgba(0,0,0,0.5); }

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

.logo_center_vertical { top: 54%; }

/* ---------------- */
.header_animation { /*width: 300px; height: 300px;*/ width: 70%; height: 70%; position: absolute; top: 10%; left: 50%; transform: translateX(-50%); }		
@media (max-width: 550px) {
	.header_animation { width: 100%; height: 100%; top: -10% !important; }
}


/* ---------------- */
.header_headline { position: absolute; top: 65%; font-size: 80rem; font-weight: 500; width: 100%; margin: 0 auto; padding: 0 80px; text-align: center; line-height: 1.1; }
@media screen and (max-width: 900px) {
	.header_headline { font-size: 65rem; padding: 0 45px; }
}
@media (max-width: 650px) { 
	.header_headline { top: 60% !important; font-size: 60rem; padding: 0 75px; }
}
@media (max-width: 550px) { 
	.header_headline { font-size: 50rem; padding: 0 75px; }
}
@media (max-width: 370px) { 
	.header_headline { font-size: 40rem; padding: 0 10px; }
}





/* 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; }





/* Quicklinks ----------------------------------- */
.quicklinks_wrapper { position: fixed; top: 50%; right: 0; color: rgba(0,0,0,1); background-color: rgba(0,144,218,1); transform: translateY(-50%); padding: 10px; border-top-left-radius: 10px; border-bottom-left-radius: 10px; box-shadow: 3px 3px 9px rgba(0,0,0,0.3); }
.quicklinks_item { display: block; width: 55px; height: 55px; background-repeat: no-repeat; background-size: cover; background-position: center center; border: none; }	
.quicklinks_item:hover { box-shadow: 0 0 5px rgba(0,0,0,0.2); }
.quicklinks_phone { background-image: url('../res/quicklinks_phone.svg'); }
.quicklinks_mail { background-image: url('../res/quicklinks_mail.svg'); border-top: 1px rgba(0,0,0,0.1) solid; border-bottom: 1px rgba(0,0,0,0.1) solid; }
.quicklinks_jobs { background-image: url('../res/quicklinks_jobs.svg'); }

.quicklinks_item .quicklinks_tipp { position: absolute; top: 50%; right: 0%; transform: translateY(-50%); width: 0; height: auto; opacity: 0; font-size: 12rem; font-weight: 600; hyphens: none; white-space: nowrap; transition: all 0.3s; overflow: hidden; }
.quicklinks_item:hover .quicklinks_tipp { width: auto; right: 100%; opacity: 1; }
.quicklinks_item .quicklinks_tipp:after { display: inline-block; background-color: transparent; content: ' '; width: 20px; height: 10px; }
.quicklinks_tipp_inner_wrapper {  display: inline-block; color: rgba(255,255,255,1); background-color: rgba(0,144,218,1); padding: 2px 8px; border-radius: 3px; opacity: 1; font-size: 12rem; font-weight: 600; hyphens: none; white-space: nowrap; }

@media (max-width: 600px) { 
	.quicklinks_wrapper { top: auto; bottom: 0; right: auto; width: 100%; transform: translateY(0%); border-top-left-radius: 0px; border-bottom-left-radius: 0px; text-align: center; padding: 0; }
	.quicklinks_mail { border-left: 1px rgba(0,0,0,0.1) solid; border-right: 1px rgba(0,0,0,0.1) solid; border-top: 1px rgba(0,0,0,0) solid; border-bottom: 1px rgba(0,0,0,0) solid; }
	.quicklinks_tipp { display: none !important; }
	.quicklinks_item { display: inline-block; width: 20%; background-size: 40px 40px; margin-bottom: -7px; height: 60px; }
}



















/* Randabfallende Hintergrundbilder - Startseite und Kontakt ------------ */
.bg_hts_1 { background-image: url(../media/images/hts-gebaeudetechnik-wartung-service-beratung-1300.jpg); background-size: 70%;  background-position: right bottom; }
@media (max-width: 1383px) { .bg_hts_1 { background-size: 94%; background-position: right bottom; } }
@media (max-width: 1100px) { .bg_hts_1 { background-size: 120%; background-position: -20% 0px; } }
@media (max-width: 768px) { .bg_hts_1 { background-image: none; } }
.bg_hts_1_mobile { }
@media (max-width: 1100px) {  }
@media (max-width: 768px) { .bg_hts_1_mobile { background-image: url(../media/images/hts-gebaeudetechnik-wartung-service-beratung-1300.jpg); background-size: cover; background-position: center center; } }

/* Notdienst */
.bg_hts_2 { background-image: url(../media/images/hts-gebaeudetechnik-notdienst-1300.jpg); background-size: 70%;  background-position: left 20%; }
@media (max-width: 1383px) { .bg_hts_2 { background-size: 90%; background-position: -190px 20%; } }
@media (max-width: 1100px) { .bg_hts_2 { background-size: 105%; background-position: -220px 20%; } }
@media (max-width: 768px) { .bg_hts_2 { background-image: none; } }
.bg_hts_2_mobile { }
@media (max-width: 1100px) {  }
@media (max-width: 768px) { .bg_hts_2_mobile { background-image: url(../media/images/hts-gebaeudetechnik-notdienst-1300.jpg); background-size: cover; background-position: center center; } }

/* Karriere */
.bg_hts_3 { background-image: url(../media/images/hts-gebaudetechnik-karriere.jpg); background-size: 70%;  background-position: right 50%; }
@media (max-width: 1383px) { .bg_hts_3 { background-size: 94%; background-position: right center; } }
@media (max-width: 1100px) { .bg_hts_3 { background-size: 120%; background-position: -20% 0px; } }
@media (max-width: 768px) { .bg_hts_3 { background-image: none; } }
.bg_hts_3_mobile { }
@media (max-width: 1100px) {  }
@media (max-width: 768px) { .bg_hts_3_mobile { background-image: url(../media/images/hts-gebaudetechnik-karriere.jpg); background-size: cover; background-position: center center; } }

/* Kontakt - Notdienst */
.bg_hts_4 { background-image: url(../media/images/hts-gebaeudetechnik-notdienst-kontakt-1300.jpg); background-size: 70%;  background-position: right 50%; }
@media (max-width: 1383px) { .bg_hts_4 { background-size: 94%; background-position: right center; } }
@media (max-width: 1100px) { .bg_hts_4 { background-size: 120%; background-position: -20% 0px; } }
@media (max-width: 768px) { .bg_hts_4 { background-image: none; } }
.bg_hts_4_mobile { }
@media (max-width: 1100px) {  }
@media (max-width: 768px) { .bg_hts_4_mobile { background-image: url(../media/images/hts-gebaeudetechnik-notdienst-kontakt-1300.jpg); background-size: cover; background-position: center center; } }





/* Navigation ----------------------------------- */
.nav_middle { top: 53%; }
ul.main_navigation,
ul.main_navigation * { color: rgba(255,255,255,1); }
ul.main_navigation>li { margin-left: 35px; }
ul.main_navigation>li.home_link { display: none; }
ul.main_navigation>li>a { display: block; padding: 7px 8px 6px 10px; border-radius: 20px; font-size: 15rem; font-weight: 600; letter-spacing: 2.0px; border-bottom: 1px rgba(255,255,255,0) solid; background-color: rgba(0,144,218,0); }

.no-touch ul.main_navigation>li:hover>a, 
ul.main_navigation>li.active>a { color: rgba(255,255,255,1); background-color: rgba(0,144,218,1); border-bottom: 1px rgba(255,255,255,0) solid; }
ul.main_navigation>li:after { display: none }

.header_wrapper.shrink_header_wrapper ul.main_navigation * { color: rgba(54,54,53,1); }
.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: rgba(255,255,255,1); border-bottom: 1px rgba(255,255,255,0) solid; background-color: rgba(0,144,218,1); }




/* Kontakt Liste ----------------------------- */
ul.kontakt_liste { list-style: none; margin: 0; padding: 0; }
ul.kontakt_liste li:first-child { border-top: 1px rgba(0,0,0,1) solid; padding: 8px 0; }
ul.kontakt_liste li { border-bottom: 1px rgba(0,0,0,1) solid; padding: 8px 0; }
ul.kontakt_liste li a { text-decoration: none; border: none; border-color: transparent; }
ul.kontakt_liste li a:hover { text-decoration: underline; border: none;  }

.no-touch ul.kontakt_liste li a:hover { /* border-bottom-style: solid; border-bottom-width: 1px; border-color: rgba(0,0,0,1); text-decoration: none;*/ }

.kontakt_liste_icon { }
.kontakt_liste_icon:after { content: ''; width: 50px; height: 50px; font-size: 21rem; position: absolute; top: -3px; right: 0px; background-repeat: no-repeat; background-position: center; }
.kontakt_liste_phone:after { background-image: url('../res/icon_kontakt_phone.svg'); }
.kontakt_liste_mail:after { background-image: url('../res/icon_kontakt_mail.svg'); }
.kontakt_liste_map:after { background-image: url('../res/icon_kontakt_map.svg'); }





/* Google Map Wrapper --------------------------- */
.map { width: 100%; min-height: 500px; border: 1px rgba(0,0,0,0.07) solid !important; }





/* Accordion - Customer-------------------------- */
.accordion_button { font-size: 18px; font-weight: 400; letter-spacing: 0; text-transform: none; background-color: transparent; padding: 13px 35px 13px 0; border-bottom: 1px rgba(0,0,0,1) solid; /*font-family: 'Montserrat', serif; font-weight: 600; text-transform: uppercase;*/ }
.accordion_button h2 { font-size: 18px; font-weight: 400; 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: 14rem; }
.accordion_text { max-height: 0; overflow: hidden; padding: 0px 25px; 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 ul { list-style: disc; margin: 0 0 35px 15px; padding: 0; }
.accordion_text ul li { /* border-bottom: 1px rgba(54,54,53,1) solid; padding: 8px 0;*/ }

.accordion_text_active { padding: 25px 25px; border-bottom: 1px rgba(54,54,53,0) 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: 24px; height: 24px; font-size: 21rem; position: absolute; top: 12px; right: 0px; opacity: 1; transition: 0.6s; /* background-image: url('../res/accordion_arrow.svg'); */ background-repeat: no-repeat;  background-position: center; }
.accordion_button:before { content: 'x'; width: 24px; height: 24px; font-size: 21rem; position: absolute; top: 12px; right: 0px; opacity: 0; transition: 0.6s; /* background-image: url('../res/accordion_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; }


/* ---------------------------------------------- */
/*
.icons_leistungen { position: absolute; bottom: 5px; right: 0; }
.icons_leistungen img { margin-left: 10px; width: 35px; height: auto; transition: opacity 0.3s ;}

.icons_kontakt { position: absolute; bottom: 0px; right: 0; }
.icons_kontakt img { width: 35px; height: auto; transition: opacity 0.3s ;}

.icons_kontakt a { display: inline-block; width: 30px; height: 30px; border: none; margin-left: 10px;}
img.icon_kontakt_default { opacity: 1; position: absolute; top: 0; left: 0; }
img.icon_kontakt_active { opacity: 0; position: absolute; top: 0; left: 0; }
.no-touch .icons_kontakt a:hover img.icon_kontakt_default { opacity: 0; }
.no-touch .icons_kontakt a:hover img.icon_kontakt_active { opacity: 1; }
*/





/* 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: rgba(255,255,255,1); }

.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: rgba(255,255,255,1); }
.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: rgba(0,144,218,1); }

.mobil_nav_icon.clicked:after,
.mobil_nav_icon.clicked:before  { border-bottom-color: rgba(0,144,218,1); }

#mobilNavWrapper { background-color: rgba(0,144,218,0.95);  }
#mobilNav { margin: 30px 0px 0 0px; }
#mobilNav * { color: rgba(255,255,255,1); }
#mobilNav ul li { border-bottom: 1px rgba(255,255,255,0.2) solid; }
#mobilNav ul li a {  border: none; font-weight: 600; letter-spacing: 1rem; border-bottom-color: rgba(255,255,255,1); }
#mobilNav li a { color: rgba(255,255,255,1); padding: 14px 40px 12px 40px; } 
#mobilNav li.active a { color: rgba(40,39,39,1); background-color: rgba(255,255,255,0.0);}
#mobilNav a, .no-touch #mobilNav a:hover { transition: all 0.5s !important; }

	



/* Slider --------------------------------------- */
/*
.slick-prev, .slick-next { display: none !important; background-color: rgba(255,255,255,0) !important; border-color: rgba(0,0,0,0); }
.no-touch .slick-prev:hover, .no-touch .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; }

.slick-dots li button:before { color: rgba(255,255,255,1); }
.slick-dots li.slick-active button:before { color: rgba(255,255,255,1); background-color: rgba(255,255,255,1) }

.slick_dots_inside .slick-dots li { margin: 0 20px; }
.slick_dots_inside .slick-dots li button,
.slick_dots_inside .slick-dots li button:before { width: 20px; height: 20px; }
*/
/*
div.slick_image_100p { }
div.slick_image_100p a { display: block; height: 100%; width: 100%; background-size: cover; }
*//*right-left: 1vw; margin-left: 1vw; */





/* Scroll Top ----------------------------------- */
.scroll_to_top { /*bottom: 3%;*/ width: 75px; bottom: 60px; right: 0px; border-top-right-radius: 0; border-bottom-right-radius: 0; background-color: rgba(0,144,218,1);  background-image: url(../res/arrow_up.svg); background-position: center center; background-repeat: no-repeat; background-size: 35px;  border-color: rgba(0,0,0,0); }
.no-touch .scroll_to_top:hover { border-color: rgba(0,0,0,0); background-color: rgba(0,144,218,1); }

.scroll_to_top, 
.no-touch .scroll_to_top:hover { box-shadow: 3px 3px 9px rgba(0,0,0,0.3); }





/* Scroll down ---------------------------------- */
/* <span class="fas fa-angle-down"></span> */
.scroll_down_arrow_hts { opacity: 0.75; transition: all 0.5s; }
.scroll_down_arrow_hts {  position: absolute; bottom: 20px; left: 50%; transform: translate(-50%, -25%); width: 60px; height: 60px; border-radius: 10px; border-width: 2px; border-style: solid;  border: none; text-align: center; cursor: pointer; }
.no-touch .scroll_down_arrow_hts:hover { opacity: 1; }
.scroll_down_arrow_hts:before { display: inline-block; width: 50px; height: 50px; content: ''; background-image:url('../res/arrow_down.svg'); background-size: cover; background-position: center center; margin-left: -3px; }
/*
.scroll_down_arrow span { transition: all 0.5s; }
.scroll_down_arrow span { font-size: 50rem; line-height: 58px; }
*/
div.scroll_down_arrow_hts[data-dotsposition="slick_dots_inside"] { transform: translate(-50%, -75%); }

@media (max-width: 425px) { 
	.scroll_down_arrow_hts { position: absolute; bottom: 69px; }
}





/* Footer --------------------------------------- */
footer, 
footer * { font-size: 15rem; font-weight: 500; line-height: 1.4 !important; color: rgba(255,255,255,1); }
footer { padding: 40px 0; }
footer a { color: rgba(255,255,255,1); border: none; }
.no-touch footer a:hover { color: rgba(255,255,255,1); }
footer h3 { line-height: 1.4; font-weight: 700; letter-spacing: 0.5rem; margin: 0 0 2px 0; }
footer strong { font-weight: 700; }

/* ---------- */
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; }
/* 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(237,237,237,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(237,237,237,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: rgba(255,255,255,1); background-color: rgba(244,239,237,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 --------------------------------------- */
.slick-next:before {/* content: '>'; font-family: 'Nanum Gothic', sans-serif; */}
.slick-prev:before {/* content: '<'; font-family: 'Nanum Gothic', sans-serif;*/ }

/* 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,
.slider_wrapper_gallery .lightbox_image a { min-height: 360px; }
.slider_wrapper_gallery { margin-top: -350px; }










/* Responsive ------------------------------------------------------------------------------------- */
/* Laptop L */
@media (max-width: 1440px) { 
	
}





/* boxed = 1300 = 94% --- 100% = 1383 */
@media (max-width: 1383px) { 
	 
}





@media (max-width: 1300px) { 
	
}





@media (max-width: 1100px) { 
	
}





@media (max-width: 1100px) { 
	ul.main_navigation>li { margin-left: 20px; }
	header,
	header * { font-size: 16rem; }
}





/* Laptop */
@media (max-width: 1024px) {
	header,
	header * { font-size: 14rem; }
	ul.main_navigation>li { margin-left: 10px; }
	ul.main_navigation>li>a { font-size: 14rem; }
	.logo { width: 280px; }
	.logo img { width: 280px; }
}





@media (max-width: 900px) {
	body { font-size: 16rem; }
	h1, .h1 { font-size: 35rem; }
	h2, .h2 { font-size: 30rem; }
	h3, .h3 { font-size: 25rem; }
	h4, .h4 { font-size: 20rem; }
	h5, .h5 { font-size: 16rem; }
	h6, .h6 { font-size: 16rem; }
	h1 *, .h1 *, h2 *, .h2 *, h3 *, .h3 *, h4 *, .h4 *, h5 *, .h5 *, h6 *, .h6 *, 
	h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { margin: 0 auto 8rem auto; }
	.statement { font-size: 35rem;  }
	
	
}





@media (max-width: 860px) {
	/* Navigation und Mobilnavigation */
	header.height_100px { height: 80px !important; }
	.shrink_height_100px { height: 80px !important; }
	#mobilNavWrapper,
	#mobilNavWrapper.show { top: 80px; }
}





/* Tablet */
/* @media (max-width: 800px) { */
@media (max-width: 768px) {
	/* Startseite */
	.home_logo_image { width: 90%; max-width: 600px; height: auto; }
	.p_max_width { max-width: 100%; }
	.icons_kontakt,.icons_leistungen { position: relative; margin: 0 0 0 auto; bottom: auto; right: auto; width: 100px; }
	.row .column { padding: 0 0 !important; }
	.row .column.column_1_3_mobil { padding: 0 1% !important; }
	.row .column.column_1_3_mobil:first-child { padding: 0 2% 0 0 !important; }
	.row .column.column_1_3_mobil:last-child { padding: 0 0 0 2% !important; }
	/* */
	
	/* Diverse Seiten */
	.height_50px_mobil { height: 50px; }
	footer .row,
	footer .column { display: block; }
	/* Anpassungen für Randabfallende Hintergrundbilder */
	.boxed_mobil_100p_right { max-width: 100% !important; }
	.boxed_mobil_100p_right .column:first-child { padding: 0 3% !important; }
	.boxed_mobil_100p_left { max-width: 100% !important; }
	.boxed_mobil_100p_left .column { padding: 0 3% !important; }
	.boxed_mobil_100p_left .column:first-child { padding: 0 0 !important; }
	.boxed_mobil_100p_right_left { max-width: 100% !important; }
	.boxed_mobil_100p_right_left .column { padding: 0 3% !important; }
	/* Ausrichtung - Element "Alexander Tschohl" für Mobilansicht */
	.margin_center_on_mobile { margin: 0 auto !important; }
	/* --- */
	.row .column_mobil_padding_right { padding-right: 60px !important; }
}





/*@media (max-width: 700px) {*/
@media (max-width: 600px) {
	.accordion_button { font-size: 15px; }
	.accordion_button:after,.accordion_button:before { top: 12px; }
	header,header * { font-size: 13rem; }	
}
@media (max-width: 500px) { #slides.height_350px { height: 280px !important; } }
@media (max-width: 450px) { #slides.height_350px { height: 250px !important; } }
@media (max-width: 400px) { #slides.height_350px { height: 220px !important; } }





/* Mobil L */
.show_on_mobil_l { display: none; }
@media (max-width: 425px) { 
	.logo img { width: 240px; }
	
	.show_on_mobil_l { display: inherit; }
	.footer_comesta { font-size: 14rem; line-height: 1.5; }
	.footer_comesta .column_1_2:last-child {  padding-right: 70px !important; top: -1px; }
	
	/* ------ */
	header, header * { font-size: 10rem; }
	.row .column_mobil_padding_right { padding-right: 0px !important; }
	.scroll_down_arrow { bottom: 60px; }
	.scroll_to_top { bottom: 80px; }
}





/* Mobil M */
@media (max-width: 375px) { 
	
}





/* Mobil S  */
@media (max-width: 320px) { 
	
}





@media screen and (orientation: landscape) { 
	
}





@media screen and (orientation: portrait) { 
	
}





@media print {
	
}