/* Import */
@import "/fileserver/ar040046/filesdb/font.css";
@import "/fileserver/ar040046/filesdb/nav.css";
@import "/fileserver/ar040046/filesdb/bgstretcher.css";
@import "/fileserver/ar040046/filesdb/sidebar.css";
@import "/fileserver/ar040046/filesdb/modelle.css";

/* Farben */
:root {--grau: #3B3B3A; --farbe2: #78D25F;}

/* Hintergrund */
body {overflow-x: hidden;}
div#wrap {display: block; position: relative; float: left;	width: 100%; height: 100; background: url(/fileserver/ar040046/images/bg.png) left 200px repeat-x; background-size: cover;}

/* Allg. */
p {font-family: 'Open Sans', sans-serif; font-size: 18px; line-height: 25px; letter-spacing: 1px;}
h1, h2, h3, h4, h5, h6 {font-family: 'Montserrat', sans-serif; font-weight: bold;}
a, p a {color: #78D25F; color: var(--farbe2);}
a:hover {color: #3B3B3A;}
hr {border: 1px solid #3B3B3A;}

/* Abstand Content-Slider */
#bg_main {margin: 750px 0 0 0; width: 100%;}
#bg_main.bgmain_id0 {} /* Startseite */
#bg_main.bgmain_id4928, #bg_main.bgmain_id4929 {margin: 600px 0 0 0;} /* Service, Unternehmen*/
#bg_main.bgmain_id4930, #bg_main.bgmain_id4931, #bg_main.bgmain_id5098 {margin: 440px 0 0 0;} /* Impressum, Datenschutz, Disclaimer */
			
/* Position Logo */
div.logo {position: absolute; width: 350px; z-index: 99998; margin: 140px 0 0 0; background-color: rgba(255,255,255,.8); padding: 15px;}
div.bannerlink_registrierung {display: none;}
img.logopng {width: 250px; height: auto; border: 0px;}

div#facebook {position: absolute; top: 160px; right: 20px; float: left; height: 50px; width: 50px; background: url(/fileserver/ar040046/images/fb_sidebar_blau.png) no-repeat left center;  z-index: 6;}
div#kern {position: absolute; top: 230px; right: 20px; float: left; height: 50px; width: 50px; background: url(/fileserver/ar040046/images/kern_sidebar.png) no-repeat left center;  z-index: 6;}
div#prospekt {position: absolute; top: 240px; right: 0px; float: left; height: 50px; width: 50px; background: url(/fileserver/ar040046/images/kern_sidebar.png) no-repeat left center;  z-index: 6;}

/* Headlines */
div.headline_div h2, div.headline_div h2 a, h2 a.headline_div {width: 60%; height: auto; line-height: 50px; padding: 0 20%; margin: 35px 0 0 0; font-size: 48px; font-weight: bold; color: #3B3B3A; color: var(--grau);}
div.headline_div h2 a, div.headline_div h2 a.headline_div {text-decoration: none; padding: 0; font-family: 'Montserrat', sans-serif; font-size: 48px; font-weight: bold;}
div.headline_div h3, div.headline_div h3 a, h3 a.headline_div {width: 60%; height: auto; line-height: 30px; padding: 0 20%; margin: 0; font-size: 30px; font-weight: bold; color: #3B3B3A; color: var(--grau);}
div.headline_div h3 a, div.headline_div h3 a.headline_div {text-decoration: none; padding: 0;}

div.cms_kurz_div h2 {font-size: 48px; font-weight: bold; color: #3B3B3A;}
div.cms_kurz_div h3 {font-size: 30px; font-weight: bold; color: #4B4B4B; margin: 20px 0 0 0;}

td.headline h2 {width: 100%; height: auto; line-height: 50px; padding: 0; margin: 35px 0 0 0; font-size: 48px; font-weight: bold; color: #3B3B3A;}
td.headline h2 a {color: #3B3B3A;}
td.headline h2 a:hover {font-family: 'Montserrat', sans-serif; font-weight: bold;}
td.headline h3 {width: 100%; height: auto; line-height: 50px; padding: 0; margin: 35px 0 0 0; font-size: 48px; font-weight: bold; color: #3B3B3A;}
td.headline h3 a {color: #3B3B3A;}
td.headline h3 span.h_gross {font-size: 56px;}
td.headline h3 span.e_gruen {font-family: 'arial', sans-serif; font-weight: 800; color: #78D25F; color: var(--farbe2); font-style: italic;}
span.grau {color: #3b3b3a; font-family: 'arial', sans-serif; font-weight: 800; font-style: italic;}
td.headline h3 a:hover {font-family: 'Montserrat', sans-serif; font-weight: bold;}
td.cms_kurz_detail h2, td.cms_kurz_detail h2 a {width: 100%; height: auto; line-height: 50px; padding: 0; margin: 0; color: #3B3B3A; font-size: 48px; font-weight: bold;}
td.cms_kurz_detail h2 a {padding: 0; text-decoration: none;}
td.cms_kurz_detail h3, td.cms_kurz_detail h3 a {width: 100%; height: auto; line-height: 50px; padding: 0; margin: 0; color: #78D25F; color: var(--farbe2); font-size: 48px; font-weight: bold;}
td.cms_kurz_detail h3 a {padding: 0; text-decoration: none;}
td.cms_kurz_detail h3 a:hover {font-family: 'Montserrat', sans-serif; font-weight: bold;}

div.headlineweiter_div {text-align: right; margin-top: -50px; line-height: 50px; padding-right: 20%;}
a.headlineweiter_div {color: #FFF; font-weight: bold; font-size: 20px; background-color: #3B3B3A; padding: 14px;}
a.headlineweiter_div:hover {background-color: #800; color: #FFF;}

/* Body */
div.ausgabe_liste_div {position: relative; display: block; float: left; width: 100%; padding: 0; margin: 0 0 20px 0;}
div.ausgabe_liste_div_re {position: relative; display: block; float: left; width: 100%; margin: 0; padding: 0 0 20px 0; background-color: lightgray;}
div.ausgabe_liste {width: 60%; padding: 0 20%; margin: 0 0 20px 0;}

div.cms_kurz_div {padding: 0 20%; margin-bottom: 0;}
div.cms_kurz_div p {width: 100%; margin: 18px 0 26px 0;}

div.cms_kurz_div_re {padding: 0 20%; margin-bottom: 0; text-align: right;}

div.miniatur_div {float: left; width: 25%; margin: 20px 50px 10px 20%; border: 1px solid grey; box-shadow: 1px 2px 10px 0px rgba(0,0,0,0.6);}
div.miniatur_div_re {float: right; width: 25%; margin: 20px 20% 10px 50px;}
img.img_miniatur_div {width: 100%;}

div.lightbox {position: absolute; display: block; float: left; width: 20px; height: 20px; bottom: 6%; right: 55.5%; background: url(/fileserver/ar040046/images/lupe.png) no-repeat center center; background-size: contain;}
div.miniatur_div_re div.lightbox {position: absolute; display: block; float: left; width: 20px; height: 20px; bottom: 11%; right: 20.5%; background: url(/fileserver/ar040046/images/lupe.png) no-repeat center center; background-size: contain;}

div.cms_kurz_div img.miniatur {float: left; margin-right: 20px;}

td.cms_kurz_detail img.miniatur {float: left; margin-right: 20px;}
td.textwhite img.img_miniatur {border: 2px solid #808080; margin-right: 20px;}

/* Template 2sp */
div.tmp_ind_2sp {position: relative; display: block; float: left; width: 60%; height: auto; padding: 0 20%; margin: 40px 0;}
div.col1 {position: relative; display: block; float: left; width: 100%; height: auto; text-align: center;}
div.tmp_ind_2sp_li {position: relative; display: block; float: left; width: 48%; height: auto; margin: 0 2% 0 0;}
div.tmp_ind_2sp_re {position: relative; display: block; float: left; width: 48%; height: auto; margin: 0 0 0 2%;}
div.tmp_ind_2sp_head {position: relative; display: block; float: left; width: 100%; font-size: 24px;}
div.tmp_ind_2sp_head h2 {width: 100%; height: auto; line-height: 50px; margin: 0 0 20px 0; font-size: 30px; font-weight: bold; color: #78D25F; color: var(--farbe2); text-align: center;}
div.tmp_ind_2sp_image {position: relative; display: block; float: left; width: 100%; height: auto;}
div.tmp_ind_2sp_image img {position: relative; display: block; float: left; width: 100%; height: auto;}
div.tmp_ind_2sp_kurz {width: 100%; text-align: center;}

/* Template 3sp */
div.tmp_ind_3sp {position: relative; float: left; display: block; width: 60%; margin: 0 0 20px 0; padding: 0 20%;}
div.tmp_ind_3sp {background-color: #3B3B3A; padding: 40px 20%;}
div.tmp_ind_3sp_li, div.tmp_ind_3sp_mi, div.tmp_ind_3sp_re {position: relative; display: block; float: left; width: 29.33%; background: none;}
div.tmp_ind_3sp_li {margin: 0 4% 0 0;}
div.tmp_ind_3sp_mi {margin: 0 2% 0 2%;}
div.tmp_ind_3sp_re {margin: 0 0 0 4%;}
div.tmp_ind_3sp_head {text-align: center; background-color: white;}
div.tmp_ind_3sp_head h2 {height: auto; line-height: 140px; margin: 0; padding: 0; font-size: 40px; font-weight: bold; background: #3B3B3A; color: #FFF; cursor: pointer;}
div.tmp_ind_3sp_head h2:hover {color: #78D25F; color: var(--farbe2);}
div.tmp_ind_3sp_head h2 a {font-weight: bold; color: #F00;}
div.tmp_ind_3sp_image {width: 100%; text-align: center;}
div.tmp_ind_3sp_image img {width: 50%; background-color: white; background-color: #78D25F; transition: background-color .6s;}
div.tmp_ind_3sp_image img:hover {background-color: #78D25F; background-color: var(--farbe2); background-color: white; cursor: cell;}
img.tmp_ind_3sp_miniatur {width: 100%;}
div.tmp_ind_3sp_kurz {text-align: center; font-family: 'Open Sans', sans-serif; color: black; background-color: #3B3B3A; padding: 0 0 25px 0; cursor: pointer;}	

/* Template 4sp */
div.tmp_ind_4sp {position: relative; display: block; float: left; width: 80%; margin: 50px 0; padding: 0 10% 30px 10%; background-color: #3B3B3A;}
div.tmp_ind_4sp_li, div.tmp_ind_4sp_mi, div.tmp_ind_4sp_re {position: relative; display: block; float: left; width: 23%; padding: 50px 0;}
div.tmp_ind_4sp_li {margin: 0 2% 0 0;}
div.tmp_ind_4sp_mi {margin: 0 1% 0 1%;}
div.tmp_ind_4sp_re {margin: 0 0 0 2%;}
div.tmp_ind_4sp_head {text-align: center;}
div.tmp_ind_4sp_head h3 {height: auto; line-height: 50px; margin: 30px 0 0 0; padding: 0 0 30px 0; font-size: 30px; font-weight: bold; color: white;}
div.tmp_ind_4sp_head h3 a {color: white;}
div.tmp_ind_4sp_image {width: 100%; text-align: center;} 
div.tmp_ind_4sp_image img {width: 50%; background-color: white; background-color: #78D25F; transition: background-color .6s;}
div.tmp_ind_4sp_image img:hover {background-color: #78D25F; background-color: var(--farbe2); background-color: white; cursor: cell;}
img.tmp_ind_4sp_miniatur {width: 50%;}
div.tmp_ind_4sp_kurz {text-align: left; font-family: 'Open Sans', sans-serif; color: black; width: 100%;}

/* BACK TO TOP BEGINN */
.back-to-top {display: none;}
a.back-to-top {display: block; position: fixed; bottom: 3em; right: 20px; z-index: 99999; width: 40px; height: 40px; margin: 16px 5px; background: url(/fileserver/ar040046/images/top_gruen.png) no-repeat center center; background-size: contain;}
.back-to-top:hover {opacity: 0.8;}

/* Cookie Hinweis */
.cc_container .cc_btn {
background-color: #78D25F !important; /* Farbe des Buttons */
background-color: var(--farbe2) !important; /* Farbe des Buttons */
color: #fff !important; /* Textfarbe des Buttons */
}
 
.cc_container {
background: #3b3b3a !important; /* Hintergrundfarbe des gesamten Bereichs */
color: #fff !important; /* Schriftfarbe des gesamten Bereichs */
}
 
.cc_container a {
color: #78D25F !important; font-size: 16px; font-weight: normal; /* Textlink-Farbe "Mehr Infos" */
color: var(--farbe2) !important;}

/* Footer */
div#footer {position: relative; display: block; float: left; width: 100%; padding: 0; text-align: left; background-color: #3B3B3A;}

div.footer_modelle {display: flex; flex-direction: row; flex-wrap: nowrap; width: 100%; 
    justify-content: space-around; align-items: top;margin: 0; background-color: #555; border-bottom: 2px solid #444;}
/* bis 04/21
div.footer_modelle {position: relative; display: block; float: left; width: 80%; padding: 0 5%; margin: 0; background-color: #555; border-bottom: 2px solid #444}
*/
div.footer_modelle_text {flex: 0 0 auto; padding: 0 0; margin: 0; line-height: 70px; color: #78D25F; font-family: 'arial', sans-serif; font-weight: 800; font-style: italic; font-size: 18px;}
div.footer_modelle_text:hover {background-color: #666;}
span.h {font-size: 22px;}
span.weiss {color: white;}
div#footer div.footer_wrapper {position: relative; display: block; float: left; width: 80%; padding: 0 10%; margin: 30px 0 0 0;}
div#footer div.footer_inhalt {position: relative; display: block; float: left; width: 33.33%; margin: 0 0 30px 0; font-size: 16px; color: white;}
div#footer div.footer_inhalt h3 {font-size: 26px;}
div#footer div.footer_inhalt a {color: #78D25F; color: var(--farbe2);}
div#footer div.footer_inhalt img {width: 25%;}
div#footer p {margin: 0;}
div#footer img {margin: 0 0 20px 0;}
ul.list_footer {padding: 0 0 0 20px; list-style-type: square;}
img.img_footer {width: 100%;}
div.box_maps {position: relative; display: block; float: left; width: 100%; height: 320px;}
iframe.maps {position: relative; display: block; float: left; width: 100%; height: 320px;}
div.container_footer td {width: 100%; height: 30px; line-height: 30px; text-align: center; text-transform: uppercase; background-color: #323232; border-top: 2px solid #222;}
a.inhaltfuss {color: #fff;}
div.footer_copyright {display: none;}
div.fkt_bottom {display: none;}

table.anlage_tbl {display: block;}
div.ausgabe_liste table.anlage_tbl {display: none;}
div.ausgabe_liste table tr:nth-child(4) {display: none;}
table.liste_ausgabe_tbl table.anlage_tbl {display: block;}
a.anlage {display: none;}
video {position: relative; display: block; float: left; width: 100%; height: auto;}

td.cms_kurz_detail a.link_video {display: none;}


/*** Media Querries ***/
/* 1750px */
@media only screen and (max-width: 1750px)
{div.ausgabe_liste {width: 80%; padding: 0 10%;}
div.headline_div h2, div.cms_kurz_div h2, div.headline_div h3 {width: 80%; padding: 0 10%;}
div.headlineweiter_div {width: 80%; padding: 0 10%;}
div.cms_kurz_div {width: 80%; padding: 0 10%;}
div.miniatur_div {width: 30%; margin: 20px 30px 10px 10%;}
div.miniatur_div_re {width: 30%; margin: 20px 10% 10px 30px;}
div.lightbox {bottom: 6%; right: 60.5%;}
div.miniatur_div_re div.lightbox {bottom: 12%; right: 10.5%;}
div.tmp_ind_2sp {width: 80%; padding: 0 10%; margin: 40px 0;}
div.tmp_ind_3sp {width: 80%; padding: 0 10%;}
div.tmp_ind_3sp {padding: 40px 10%;}
div.tmp_ind_4sp {width: 90%; padding: 0 5%;}}

/* 1280px */
@media only screen and (max-width: 1280px)
{div.ausgabe_liste {width: 80%; padding: 0 10%;}
div.headline_div h2, div.cms_kurz_div h2, div.headline_div h3 {width: 80%; padding: 0 10%;}
div.headlineweiter_div {width: 80%; padding: 0 10%;}
div.headlineback_rd {margin-left: 3%;}
div.cms_kurz_div {width: 80%; padding: 0 10%;}
div.miniatur_div {width: 30%; margin: 20px 30px 10px 10%;}
div.miniatur_div_re {width: 30%; margin: 20px 10% 10px 30px;}
div.lightbox {bottom: 6%; right: 60.5%;}
div.miniatur_div_re div.lightbox {bottom: 12%; right: 10.5%;}
div.tmp_ind_2sp {width: 80%; padding: 0 10%; margin: 40px 0;}
div.tmp_ind_4sp {width: 90%; padding: 0 5%;}
}

/* 1024px */
@media only screen and (max-width: 1024px)
{div#facebook {right: 10px;}
div#kern {right: 10px;}
div.ausgabe_liste {width: 90%; padding: 0 5%;}
div.headline_div h2, div.cms_kurz_div h2, div.headline_div h3 {width: 90%; padding: 0 5%;}
div.headlineweiter_div {width: 90%; padding: 0 5%;}
div.cms_kurz_div {width: 90%; padding: 0 5%;}
div.miniatur_div {width: 40%; margin: 20px 30px 10px 0;}
div.miniatur_div_re {width: 40%; margin: 20px 0 10px 30px;}
div.lightbox {bottom: 6%; right: 60.5%;}
div.miniatur_div_re div.lightbox {bottom: 12%; right: 37.5%;}
div.tmp_ind_2sp {width: 90%; padding: 0 5%; margin: 40px 0;}
div.tmp_ind_4sp {width: 90%; padding: 0 5%;}
div#footer div.footer_wrapper {width: 90%; padding: 0 5%;}}

/* 820px */
@media only screen and (max-width: 820px)
{div#facebook {right: 20px; top: 140px;}
div#kern {right: 20px; top: 205px;}
div.bannerlink_registrierung {position: absolute; display: block; width: 300px; height: auto; z-index: 99998; right: 0; padding: 0 5px; margin: 420px 0 0 0; background-color: rgba(255,255,255,.7);}
div#bg_main {margin: 500px 0 0 0;}
div#bg_main.bgmain_id4928, div#bg_main.bgmain_id4929 {margin: 500px 0 0 0;} /* Service, Unternehmen*/
div.tmp_ind_4sp_li, div.tmp_ind_4sp_mi, div.tmp_ind_4sp_re {width: 50%; margin: 0 0 20px 0; padding: 0;}
div.lightbox {bottom: 20%; right: 60.5%;}
div.miniatur_div_re div.lightbox {bottom: 20%; right: 37%;}}

/* 767px */
@media only screen and (max-width: 767px)
{div#facebook {right: 15px; top: 150px;}
div#kern {right: 15px; top: 215px;}
div.bannerlink_registrierung {margin: 257px 0 0 0; left: 0; background-color: rgba(255,255,255,.8);}
div#wrap {background: url(/fileserver/ar040046/images/bg.png) left 235px repeat-x; background-size: cover;}
div#bg_main {margin: 320px 0 0 0;}
div#bg_main.bgmain_id4928, div#bg_main.bgmain_id4929 {margin: 320px 0 0 0;} /* Service, Unternehmen*/
div#bg_main.bgmain_id4930, div#bg_main.bgmain_id4931, div#bg_main.bgmain_id5098 {margin: 320px 0 0 0;} /* Impressum, Datenschutz, Disclaimer */
div.ausgabe_liste {width: 100%; padding: 0;}
div.signet {position: fixed; width: 100px; height: 100px; margin: 0; margin-left: calc(50% - 50px); padding: 0;}
div.logo {width: 115px; margin: 30px 0 0 0; padding: 15px; background: none;}
img.logopng {width: 115px;}
div.headline_div h2 {width: 90%; padding: 0 5%; font-size: 35px;}
div.headline_div h2 a.headline_div {width: 100%; font-size: 35px;}
div.headline_div h2 a {font-size: 35px; display: block;}	
td.headline h2 {font-size: 35px; width: 90%; padding: 0 5%;}
td.cms_kurz_detail h2 {width: 90%; padding: 0 5%; font-size: 35px;}
div.headline_div h3 {width: 90%; padding: 0 5%; font-size: 25px;}
div.headline_div h3 a.headline_div {width: 100%; font-size: 25px;}
div.headline_div h3 a {display: block; font-size: 25px;}	
div.cms_kurz_div h3 {font-size: 25px;}
td.cms_kurz_detail h3 {width: 90%; padding: 0 5%; font-size: 25px;}
td.headline h3 {font-size: 35px; width: 90%; padding: 0 5%;}
td.headline h3 span.h_gross {font-size: 40px;}
div.cms_kurz_div {width: 90%; padding: 0 5%;}
div.cms_kurz_div_re {width: 90%; padding: 0 5%; text-align: left;}
td.cms_kurz_detail p {width: 90%; padding: 0 5%;}
td.cms_content p {width: 90%; padding: 0 5%;}
div.miniatur_div {width: 90%; margin: 20px 5%; padding: 0;}
div.miniatur_div_re {width: 90%; margin: 20px 5%; padding: 0;}
div.lightbox {bottom: 34%; right: 91%;}
div.miniatur_div_re div.lightbox {bottom: 36%; right: 91%;}
td.textwhite {display: none;}
div.cms_kurz_div ul, td.cms_kurz_detail ul, td.cms_content ul, div.cms_kurz_div ol, td.cms_kurz_detail ol, td.cms_content ol {width: 90%; margin-left: 5%; margin-right: 5%;}	
div.tmp_ind_3sp {width: 90%; padding: 0 5%;}
div.tmp_ind_3sp_li, div.tmp_ind_3sp_mi, div.tmp_ind_3sp_re {width: 100%; margin: 0 0 20px 0;}
div.tmp_ind_4sp_li, div.tmp_ind_4sp_mi, div.tmp_ind_4sp_re {width: 100%; margin: 0 0 20px 0; padding: 0;}	
a.back-to-top {bottom: 5px; right: 5px; margin: 0;}
div#footer div.footer_wrapper {width: 90%; padding: 0 5%;}
div#footer div.footer_inhalt {width: 50%; margin: 20px 0;}
div#footer div.footer_inhalt:last-child {width: 50%; margin: 20px 25%;}
div.footer_modelle {width: 100%; padding: 0;}
div.footer_modelle_text {width: 33.33%; line-height: 50px;}
div.footer_modelle a:nth-child(4) div.footer_modelle_text {width: 33.33%; margin-left: 16.66%;}
div.footer_modelle a:last-child div.footer_modelle_text {width: 33.33%; margin-right: 16.66%;}}

/* 480px */
@media only screen and (max-width: 480px)
{div.bannerlink_registrierung {width: 250px; margin: 266px 0 0 0; left: 0; background-color: rgba(255,255,255,.9);}
div.bannerlink_registrierung img {width: 100%; height: auto; border: 0px;}
div.miniatur_div_re {width: 90%; margin: 20px 5%; padding: 0;}
div.lightbox {bottom: 66%; right: 88%;}
div.miniatur_div_re div.lightbox {bottom: 66%; right: 88%;}
div#footer div.footer_wrapper {width: 90%; padding: 0 5%;}
div#footer div.footer_inhalt {width: 100%; margin: 20px 0;}
div#footer div.footer_inhalt:last-child {width: 100%; margin: 20px 0;}
div.footer_modelle {width: 100%; padding: 0;}
div.footer_modelle_text {width: 50%; line-height: 50px;}
div.footer_modelle a:nth-child(4) div.footer_modelle_text {width: 50%; margin-left: 0%;}
div.footer_modelle a:last-child div.footer_modelle_text {width: 50%; margin: 0 25%;}}

@media only screen and (max-width: 360px)
{div.bannerlink_registrierung {margin: 266px 0 0 0;}}

/* 320px */
@media only screen and (max-width: 320px)
{div#facebook {top: 113px;}
div#kern {top: 175px;}
div.bannerlink_registrierung {width: 245px; margin: 240px 0 0 0;}
div#bg_main, div#bg_main.bgmain_id4928, div#bg_main.bgmain_id4929, div#bg_main.bgmain_id4930, div#bg_main.bgmain_id4931, div#bg_main.bgmain_id5098 {margin: 265px 0 0 0;}
div.headline_div h2, div.headline_div h2 a.headline_div, div.headline_div h2 a, td.headline h2 {font-size: 31px;}
div.lightbox {bottom: 70%; right: 87%;}
div.miniatur_div_re div.lightbox {bottom: 70%;}}