/* Import */
@import "/fileserver/ar040024/filesdb/font.css";
@import "/fileserver/ar040024/filesdb/nav.css";
@import "/fileserver/ar040024/filesdb/bgstretcher.css";
@import "/fileserver/ar040024/filesdb/box.css";
@import "/fileserver/ar040024/filesdb/formular.css";

/* Farben (nur hier ändern) */
:root {
	--farbe1: #313240;  /* Primärfarbe */
	--farbe2: #767895;  /* Sekundärfarbe heller/dunkler */
	--farbe3: #98C679;  /* Akzentfarbe */
}

/* Allg. */
html {font-size: 16px;} /* default, muss als einziges in Media Querries geändert werden (Headlines und Texte passen sich an) */
p {font-family: 'Mulish', sans-serif; font-size: 18px; line-height: 26px; letter-spacing: 1px;}
a {color: #313240; color: var(--farbe1);}
a:hover {color: #98C679; color: var(--farbe3);}
hr {border: 1px solid #313240;}

/* Abstand Content-Slider */
#bg_main {margin: 480px 0 0 0; width: 100%; background-color: white;} 
#bg_main.bgmain_id0 {} /* Startseite */
			
/* Position Logo */
div.logo {position: absolute; left: 5%; width: 280px; z-index: 30; border-bottom-left-radius: 10%; border-bottom-right-radius: 10%; padding: 0.5% 1%; border-bottom: 1px solid #98C679; background-color: white;box-shadow: 1px 2px 10px 0px rgba(0,0,0,0.6);}
img.logopng {width: 100%; height: auto; border: 0px;}

/* Headlines */
h1, h2, h3, h4, h5, h6 {font-family: 'Bree Serif', 'Montserrat', sans-serif;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {font-family: 'Bree Serif', 'Montserrat', sans-serif;}

div.headline_div h1, div.headline_div h1 a, h1 a.headline_div {width: 60%; height: auto; line-height: 50px; padding: 5px 20% 10px 20%; margin: 0 0 0 0; font-family: 'Bree Serif', 'Montserrat', sans-serif; font-size: 3.5rem; font-weight: 600; color: #456; color: #313240;}
div.headline_div h1 a, div.headline_div h1 a.headline_div {text-decoration: none; padding: 0;}

td.cms_kurz_detail h2, div.headline_div h2, div.headline_div h2 a, h2 a.headline_div {width: 60%; height: auto; line-height: 50px; padding: 0 20%; margin: 0; font-family: 'Montserrat', sans-serif; font-size: 2.75rem; font-weight: bold; color: #313240;}
div.headline_div h2 a, div.headline_div h2 a.headline_div {text-decoration: none; padding: 0; font-family: 'Montserrat', sans-serif;}

td.cms_kurz_detail h3, div.headline_div h3, div.headline_div h3 a, h3 a.headline_div {width: 60%; height: auto; line-height: 50px; padding: 0 20%; margin: 0; font-family: 'Montserrat', sans-serif; font-size: 2rem; font-weight: bold; color: #98C679;}
div.headline_div h3 a, div.headline_div h3 a.headline_div {text-decoration: none; padding: 0;}

div.cms_kurz_div h2 {font-size: 3rem; font-weight: bold; color: #313240;}
div.cms_kurz_div h3 {font-size: 2rem; font-weight: bold; color: #767895; margin: 14px 0;}

td.headline h2 {width: 100%; height: auto; line-height: 50px; padding: 0; margin: 0; font-size: 2.75rem; font-weight: bold; color: #313240; font-family: 'Montserrat', sans-serif;}
td.cms_kurz_detail h2, td.cms_kurz_detail h2 a {width: 100%; height: auto; line-height: 50px; padding: 0; margin: 0; color: #313240; font-size: 2.75rem; 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: 32px; padding: 0; margin: 0; color: #767895; font-size: 2rem; font-weight: bold;}
td.cms_kurz_detail h3 a {padding: 0; text-decoration: none;}

div.headline_anchor {position: absolute; margin-top: -50px;} /* setzt den Anker um (x) Pixel nach oben, damit Headline nicht direkt oben klebt */

/* oder weiter mit Pfeil */
div.headlineweiter_div {text-align: right; margin-top: -3rem; line-height: 50px; padding-right: 20%;}
a.headlineweiter_div {color: #FFF; font-weight: 500; font-size: 0rem; background: url(/images/nav_weiter.png) white; background-size: cover; padding: 14px; border: 4px solid #000; border-radius: 50%; margin: 0 2% 0 0;}

/* oder zurueck mit Pfeil */
div.headlineback {position: absolute; display: block; float: left; height: 36px; width: 36px; line-height: 30px; font-size: 1px; padding: 0; color: #64b42d; z-index: 20; margin: 520px 0 0 97%; background-color: #FFF; background: url(/images/nav_zurueck.png) no-repeat center center #FFF; background-size: cover; border-radius: 50%;}
div.headlineback_rd {display: none;}

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

div.cms_kurz_div {position: relative; display: block; float: left; width: 37%; padding: 0 20% 0 0; margin-bottom: 0;}
div.cms_kurz_div_re {padding: 0 0 0 20%; margin-bottom: 0; text-align: right;}
div.ausgabe_liste_div_txt div.cms_kurz_div {width: 60%; padding: 0 20%;}

img.img_miniatur_div {width: 100%; height: auto;}
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 #767895; padding: 0; margin-right: 20px; width: 350px;}
div.miniatur_div {position: relative; display: block; float: left; width: 20%; margin: 20px 1% 10px 20%; border: 2px solid #767895; padding: 0;}
div.miniatur_div_re {position: relative; display: block; float: right; width: 20%; margin: 20px 20% 10px 1%;}

div.bilderwrapper_detailseite {position: relative; display: block; float: left; width: 100%; margin: 10px;}
div.bilderwrapper_detailseite img {position: relative; display: block; float: left; border: 3px solid #9C0000; box-shadow: 0 0 15px #a87b00; left: 10px; width: 75%;}

img.qr {border: 2px solid #ccc; border-radius: 10px;}

/* Listen */
div.cms_kurz_div ul, td.cms_kurz_detail ul, td.cms_content ul {font-family: 'Mulish', sans-serif; font-size: 18px; padding-left: 20px; list-style-type: square;}
div.cms_kurz_div ol, td.cms_kurz_detail ol, td.cms_content ol {font-family: 'Mulish', sans-serif;font-size: 18px; padding-left: 20px;}

/* Liste 2spltg */
div.cms_kurz_div div.global_tbl_content_1 ul {padding-left: 0; margin: 20px 0 0 0;}
td.cms_content div.global_tbl_content_1 ul {padding-left: 0; margin: 0 0 30px 0;}
div.global_tbl_content_1 ul li {display:block; vertical-align: middle; width: 32%; color: black; padding: 0 1% 0 1%; margin: 0; float: none; line-height: 30px; height: auto; min-height: 60px; list-style-type: none; background-color: #eff1ff;}

div.global_tbl_content_1 ul li:nth-child(1), div.global_tbl_content_1 ul li:nth-child(3), div.global_tbl_content_1 ul li:nth-child(5), div.global_tbl_content_1 ul li:nth-child(7), div.global_tbl_content_1 ul li:nth-child(9), div.global_tbl_content_1 ul li:nth-child(11), div.global_tbl_content_1 ul li:nth-child(13), div.global_tbl_content_1 ul li:nth-child(15), div.global_tbl_content_1 ul li:nth-child(17), div.global_tbl_content_1 ul li:nth-child(19), div.global_tbl_content_1 ul li:nth-child(21), div.global_tbl_content_1 ul li:nth-child(23), div.global_tbl_content_1 ul li:nth-child(25), div.global_tbl_content_1 ul li:nth-child(27) {font-weight: bold;}

div.global_tbl_content_1 ul li:nth-child(2n) {width: 84%;}
div.global_tbl_content_1 ul li:nth-child(2n+2) {margin: -60px 0 0 14%;}

div.global_tbl_content_1 ul li:nth-child(n+3):nth-child(-n+4), div.global_tbl_content_1 ul li:nth-child(n+7):nth-child(-n+8), div.global_tbl_content_1 ul li:nth-child(n+11):nth-child(-n+12), div.global_tbl_content_1 ul li:nth-child(n+15):nth-child(-n+16), div.global_tbl_content_1 ul li:nth-child(n+19):nth-child(-n+20), div.global_tbl_content_1 ul li:nth-child(n+23):nth-child(-n+24), div.global_tbl_content_1 ul li:nth-child(n+27):nth-child(-n+28), div.global_tbl_content_1 ul li:nth-child(n+31):nth-child(-n+32), div.global_tbl_content_1 ul li:nth-child(n+35):nth-child(-n+36), div.global_tbl_content_1 ul li:nth-child(n+39):nth-child(-n+40), div.global_tbl_content_1 ul li:nth-child(n+43):nth-child(-n+44), div.global_tbl_content_1 ul li:nth-child(n+47):nth-child(-n+48), div.global_tbl_content_1 ul li:nth-child(n+51):nth-child(-n+52), div.global_tbl_content_1 ul li:nth-child(n+55):nth-child(-n+56) {background-color: #fff;}


/* Template 2sp */
div.tmp_ind_2sp {position: relative; float: left; display: block; width: 60%; margin: 30px 0; padding: 0 20%;}
div.tmp_ind_2sp_li, div.tmp_ind_2sp_re {position: relative; display: block; float: left; width: 46%; background-color: white; box-shadow: 1px 2px 10px 0px rgba(0,0,0,0.6);}
div.tmp_ind_2sp_li {margin: 0 4% 0 0;}
div.tmp_ind_2sp_re {margin: 0 0 0 4%;}
div.tmp_ind_2sp_head {text-align: center; background-color: white; }
div.tmp_ind_2sp_head h2 a:hover {box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.6); cursor: pointer;}
div.tmp_ind_2sp_head h2 {height: auto; line-height: 50px; margin: 0; padding: 0; font-size: 2rem; background-color: #313240; color: #98C679;}
div.tmp_ind_2sp_head h2 a {font-family: 'Montserrat', sans-serif; color: #98C679;}
div.tmp_ind_2sp_image {width: 100%; text-align: center;}
img.tmp_ind_2sp_miniatur {width: 100%;}
div.tmp_ind_2sp_kurz {text-align: center; background-color: #767895;}
div.tmp_ind_2sp_kurz p {color: white; margin: 0; padding: 15px;}

/* Template 3sp */
div.tmp_ind_3sp {position: relative; float: left; display: block; width: 60%; margin: 30px 0; padding: 3% 20%; background-color: rgba(118,120,149,0.5);}
div.tmp_ind_3sp_li, div.tmp_ind_3sp_mi, div.tmp_ind_3sp_re {position: relative; display: block; float: left; width: 31.33%; }
div.tmp_ind_3sp_li {margin: 0 2% 0 0;}
div.tmp_ind_3sp_mi {margin: 0 1% 0 1%;}
div.tmp_ind_3sp_re {margin: 0 0 0 2%;}
div.tmp_ind_3sp_head {text-align: center; cursor: pointer;box-shadow: 1px 2px 10px 0px rgba(0,0,0,0.6);}
div.tmp_ind_3sp_head:hover {box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.6);}
div.tmp_ind_3sp_head h2 {height: auto; line-height: 50px; margin: 0; padding: 0; font-size: 2rem; background-color: #313240; color: #98C679;}
div.tmp_ind_3sp_head h2 a {font-family: 'Bree Serif', 'Montserrat', sans-serif; height: auto; line-height: 50px; margin: 0; padding: 0; font-size: 2rem; background-color: #313240; color: #98C679; font-weight: normal;}
div.tmp_ind_3sp_image {width: 100%; text-align: center; cursor: pointer;}
img.tmp_ind_3sp_miniatur {width: 100%;}
div.tmp_ind_3sp_kurz {text-align: center; width: 100%;background-color: #767895;}
div.tmp_ind_3sp_kurz p {color: #fff; margin: 0; padding: 15px;}

/* Template 4sp */
div.tmp_ind_4sp {position: relative; display: block; float: left; width: 60%; margin: 30px 0; padding: 0 20%;}
div.tmp_ind_4sp_li, div.tmp_ind_4sp_mi, div.tmp_ind_4sp_re {position: relative; display: block; float: left; width: 23%; background-color: white; box-shadow: 1px 2px 10px 0px rgba(0,0,0,0.6);}
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; background-color: white;  cursor: pointer;}
div.tmp_ind_4sp_head:hover {box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.6);}
div.tmp_ind_4sp_head h2 {height: auto; line-height: 50px; margin: 0; padding: 0; font-size: 2rem; background-color: #313240; color: #98C679;}
div.tmp_ind_4sp_head h2 a {font-family: 'Montserrat', sans-serif; color: #98C679;}
div.tmp_ind_4sp_image {width: 100%; text-align: center;}
div.tmp_ind_4sp_image img {width: 100%;}
img.tmp_ind_4sp_miniatur {width: 100%;}
div.tmp_ind_4sp_kurz {text-align: center; width: 100%; background-color: #767895;}
div.tmp_ind_4sp_kurz p {color: #fff; margin: 0; padding: 15px;}

/* Toggle Template */
div.tmp_toggle_kurz {position: relative; float: left; height: auto; padding: 0; display: none;}
div.tmp_ind_3sp div.tmp_toggle_kurz {width: 319%;}
div.tmp_toggle_kurz hr {border: 1px solid #FFF; margin-top: 50px;}

/* Verschiebung für vollflächige Anzeige */
div.tmp_ind_3sp div.tmp_ind_3sp_mi div#tmp_toggle_kurz_2 {margin-left: -99%;}
div.tmp_ind_3sp div.tmp_ind_3sp_re div#tmp_toggle_kurz_3 {margin-left: -219%;}

/* CSS TOGGLEBAR */
/* Allg. Formatierung */
div.toggle_headline {width: 60%; min-height: 50px; margin: 0 20%; padding: 0; font-weight: 500; cursor: pointer;}
div.toggle_text div.headline_div h2 {line-height: 50px; font-size: 2.75rem; font-weight: bold; color: #313240; background-color: #FFF; margin: 0; width: 100%; padding: 0;}
div.toggle_text div.headline_div h3 {line-height: 50px; font-size: 2rem; font-weight: bold; color: #767895; background-color: #fff; margin: 0; width: 100%; padding: 0;}
div.toggle_text div.headline_div h4 {line-height: 50px; font-size: 1.75rem; font-weight: 500; color: #666; background-color: #fff; margin: 0; width: 98%; padding: 0 1%; height: auto;}
div.toggle_content {position: relative; width: 100%; height: auto; display: none; padding: 20px 0; font-family: "Muli", sans-serif;}

div.toggle_icon {position: absolute; display: block; float: left; width: 20px; height: auto; padding: 0; margin-left: 56.5%; z-index: 2;}
div.toggle_text {position: absolute; display: block; float: left; width: 60%; height: auto; padding: 0;}

/* Toggle Icon (Plus/Minus) */
div.sign {position: relative; width: 28px; height: 28px; transform: rotate(0deg); transition: .5s ease-in-out; cursor: pointer; background: none; margin-top: 7px; border: 4px solid #666; border-radius: 50%; background-color: white;}
div.sign span {position: absolute; display: block; width: 20px; height: 4px; margin: 4px 4px; background: #666; opacity: 1; left: 0; top: 8px; border-radius: 10px; transform: rotate(0deg); transition: .25s ease-in-out;}
div.sign span:nth-child(2) {transform: rotate(90deg);}

/* Bilder lightbox */
div.img_referenzen_wrapper {position: relative; display: block; float: left; width: 100%; margin-top: 25px;}
div.img_referenzen {position: relative; display: block; float: left; margin: 0; width: 31%;}
div.img_referenzen:nth-child(1) {margin: 0 1% 10px 0;}
div.img_referenzen:nth-child(4) {margin: 0 1% 10px 0;}
div.img_referenzen:nth-child(7) {margin: 0 1% 10px 0;}
div.img_referenzen:nth-child(2) {margin: 0 1% 10px 1%;}
div.img_referenzen:nth-child(5) {margin: 0 1% 10px 1%;}
div.img_referenzen:nth-child(8) {margin: 0 1% 10px 1%;}
div.img_referenzen:nth-child(3) {margin: 0 0 10px 1%;}
div.img_referenzen:nth-child(6) {margin: 0 0 10px 1%;}
div.img_referenzen:nth-child(9) {margin: 0 0 10px 1%;}
div.img_referenzen img {width: 100%; height: auto; margin: 0; padding: 0; border: none;}

div.img_referenzen_breit {position: relative; display: block; float: left; margin: 0; width: 40%;}
div.img_referenzen_breit:nth-child(1) {margin: 0 1% 10px 0;}
div.img_referenzen_breit:nth-child(3) {margin: 0 1% 10px 0;}
div.img_referenzen_breit:nth-child(5) {margin: 0 1% 10px 0;}
div.img_referenzen_breit:nth-child(2) {margin: 0 0 10px 1%;}
div.img_referenzen_breit:nth-child(4) {margin: 0 0 10px 1%;}
div.img_referenzen_breit:nth-child(6) {margin: 0 0 10px 1%;}
div.img_referenzen_breit img {width: 100%; height: auto; margin: 0; padding: 0; border: none;}

div.text_referenzen {width: 100%; font-weight: bold;}
div.ref {position: relative; display: block; float: left; margin-top: 20px;}

div.referenzen_lightbox {
			width: 25px; height: 25px; bottom: 0; right: 0;
			background: url(/fileserver/ar040041/images/lupe.jpg);
			background-repeat: no-repeat; background-size: 25px 25px; 
			position: absolute; display: block; z-index: 5;}

/* PDF Download */
table.anlage_tbl {background-color: #ddd; padding: 0 1%; width: 100%; margin-bottom: 20px;}
table.anlage_tbl a {line-height: 50px; font-size: 24px; font-family: 'Montserrat', sans-serif;}
table.anlage_tbl a:hover {color: #123;}
table.anlage_tbl td:nth-child(1) {width: 95.3%;}
table.anlage_tbl td:nth-child(2) {display: none;}
table.anlage_tbl td:nth-child(3) a img {display: none;}
table.anlage_tbl td:nth-child(3) a {display: block; width: 26px; height: 26px; background: url(/fileserver/ar040032/images/download.png); background-size: cover; border: 4px solid #444; border-radius: 50%;}

div.cms_download_div {position: relative; display: block; float: left; padding: 0 0.6%; width: 58.8%; margin: 0 20% 20px 20%; border-bottom: 2px solid #808080; background: url(/fileserver/ar040032/images/download_grau_kreis.png) no-repeat center right 30px #eee;}
div.cms_download_div a {line-height: 50px; font-size: 24px; font-family: 'Montserrat', sans-serif; }
div.cms_download_div a:hover {color: #123;}
div.cms_download_div a img {display: none;}

div.cms_getacrobat_div {display: none;}
/* Button Aktionen */
div.ausgabe_liste_div_id14406 div.cms_kurz_div {text-align: center;}
div.button_slider {position: relative; display: inline-block; vertical-align: middle; text-align: center; background-color: #313240; padding: 25px 25px; margin: 0 0 0 0; font-family: 'Bree Serif', 'Montserrat', sans-serif; font-size: 3.0rem; font-weight: 600; color: #fff; z-index: 30002; border-radius: 10px; line-height: 50px; height: 50px; letter-spacing: 2px;}
div.button_slider:hover {background-color: #456;}


/* Cookie Hinweis */
.cc_container .cc_btn {
background-color: #98C679 !important; /* Farbe des Buttons */
color: #fff !important; /* Textfarbe des Buttons */
}
 
.cc_container {
background: #313240 !important; /* Hintergrundfarbe des gesamten Bereichs */
color: #fff !important; /* Schriftfarbe des gesamten Bereichs */
}
 
.cc_container a {
color: #98C679 !important; font-size: 16px; font-weight: normal; /* Textlink-Farbe "Mehr Infos" */
}

/* back to top */
.back-to-top {display: none;}
a.back-to-top {display: block; position: fixed; bottom: 0; right: 20px; z-index: 10; width: 36px; height: 36px; margin: 0; padding: 0 0 20px 0; background: url(/images/nav_top.png) no-repeat center center rgba(68,85,102,0);} 
.back-to-top:hover {opacity: 0.8;}

/* Footer */
div#footer {position: relative; display: block; float: left; width: 100%; padding: 0; text-align: left; background-color: #767895;}
div#footer div.footer_wrapper {position: relative; display: block; float: left; width: 80%; padding: 0 10%;}
div#footer div.footer_inhalt {position: relative; display: block; float: left; width: 25%; margin: 0 0 30px 0; font-size: 1rem; color: #fff;}
div#footer div.footer_inhalt h3 {font-size: 1.5rem;}
div#footer div.footer_inhalt a {color: #fff;}
div#footer p {margin: 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: #313240;}
a.inhaltfuss {color: #767895;}
div.footer_copyright {display: none;}
div.fkt_bottom {display: none;}

div.bgmain_id5352 div.ausgabe_liste_div {margin: 20px 0 10px 0;}
div.bgmain_id5352 div.ausgabe_liste_div:first-child {margin: 30px 0 0 0;}
div.bgmain_id5352 div.toggle_content {margin-top: -35px;}

/*** Media Querries ***/
/* 1280 px (PC klein) */
@media only screen and (max-width: 1280px)
{div.ausgabe_liste {width: 80%; padding: 0 10%;}
div.logo {left: 10%; width: 250px; padding: 20px 25px 10px 25px;}
div.headline_div h2, div.cms_kurz_div h2, div.headline_div h3 {width: 80%; padding: 0 10%;}
div.headline_div h1, div.cms_kurz_div h1 {width: 80%; padding: 1% 10% 1% 10% ;}
div.headlineweiter_div {width: 80%; padding: 0 10%;}
div.headlineback {margin-left: 95%;}
div.cms_download_div {padding: 0 0 0 0;  margin: 0 0 0 10%; width: 80%;}	
div.cms_kurz_div {width: 58%; padding: 0 0 0 0;}
div.cms_kurz_div_re {width: 58%; padding: 0 0 0 9%; margin-bottom: 0; text-align: right;}
div.miniatur_div {width: 20%; margin: 20px 1% 10px 10%;}
div.miniatur_div_re {width: 20%; margin: 20px 10% 10px 1%;}
div.ausgabe_liste_div_txt div.cms_kurz_div {width: 80%; padding: 0 0 0 10%;}
div.tmp_ind_2sp {width: 80%; padding: 3% 10%;}
div.tmp_ind_3sp {width: 80%; padding: 3% 10%;}
div.tmp_ind_3sp_head h2 {font-size: 1.8rem;}
div.tmp_ind_3sp_head h2 a {font-size: 1.8rem;}
div.tmp_ind_4sp {width: 80%; padding: 3% 10%;}
div.tmp_ind_4sp_head h2, div.tmp_ind_4sp_head h2 a {font-size: 2.5rem;}
div.toggle_headline {width: 80%; margin: 0 10%; padding: 1% 0;}
div.toggle_icon {margin-left: 75.5%;}
div.toggle_text {width: 80%; padding: 0; margin: 0;}
div.bgmain_id5352 div.ausgabe_liste_div {margin: 10px 0 0 0;}
div#footer p {margin: 0.5% 10% 0.5% 10%;}}

/* 1024 px (Tablet quer) */
@media only screen and (max-width: 1024px)
{div.toggle_icon {margin-left: 75%;}
div.tmp_ind_4sp_li, div.tmp_ind_4sp_mi, div.tmp_ind_4sp_re {width: 48%;}
div.tmp_ind_4sp_li {margin: 0 4% 20px 0;}
div.tmp_ind_4sp_mi {margin: 0 0 20px 0;}
div.tmp_ind_4sp_re {margin: 0 0 20px 4%;}}

/* 800 px (Tablet hoch) */
@media only screen and (max-width: 800px)
{div.logo {position: fixed; width: 215px; padding: 10px 20px;}
div.headlineback {position: fixed; margin: 20px 0 0 78%;}
div.tmp_ind_3sp_head h2, div.tmp_ind_3sp_head h2 a {font-size: 2.05rem;}
div.toggle_icon {margin-left: 74%;}
div.global_tbl_content_1 ul li {width: 98%; color: black; padding: 0 1%; margin: 0; display: block; float: none; line-height: 30px; height: auto; min-height: 0px; list-style-type: none; background-color: #DDD; border-left: 5px solid #98C679; }
div.global_tbl_content_1 ul li:nth-child(2n+2) {width: 98%; margin: 0; border-left: 5px solid #313240;}}

/* 767 px (Smartphone quer) */
@media only screen and (max-width: 767px)
{html {font-size: 10px;}
div#bg_main {margin: 320px 0 0 0;}
div.ausgabe_liste {width: 100%; padding: 0;}
div.ausgabe_liste_div_txt div.cms_kurz_div {width: 90%; padding: 0 5%;}
div.logo {position: fixed; width: 170px; left: 5%; padding: 5px 20px;}
div.headline_div h2, td.headline h2, td.cms_kurz_detail h2, div.headline_div h3, td.cms_kurz_detail h3, div.headline_div h1, td.cms_kurz_detail h1 {width: 90%; padding: 0 5%;}
div.headline_div h2 a.headline_div, div.headline_div h3 a.headline_div {width: 100%; line-height: 36px;}
div.headline_div h2 a {background: url(/images/nav_weiter_responsive.png) no-repeat bottom right; display: block;}	
div.headline_div h3 a {background: url(/images/nav_weiter_responsive.png) no-repeat bottom right; display: block;}
div.cms_kurz_div, td.cms_kurz_detail p, td.cms_content p, div.tmp_ind_3sp {width: 90%; padding: 0 5%;}
a.anrufen {font-weight: bold; color: #C197C5;}
div.tmp_ind_2sp {width: 90%; padding: 3% 5%;}
div.tmp_ind_3sp_li, div.tmp_ind_3sp_mi, div.tmp_ind_3sp_re, div.tmp_ind_4sp_li, div.tmp_ind_4sp_mi, div.tmp_ind_4sp_re {width: 100%; margin: 20px 0 20px 0;}
div.tmp_ind_3sp_head h2, div.tmp_ind_3sp_head h2 a {font-size: 3rem;}
div.tmp_ind_4sp {width: 90%; padding: 3% 5%;}
div.tmp_ind_4sp_head h2, div.tmp_ind_4sp_head h2 a {font-size: 3rem;}
div.headlineweiter_div {display: none;}
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 
div.cms_kurz_div_re {width: 90%; padding: 0 5%; text-align: left;}
div.miniatur_div {width: 90%; margin: 20px 5%; padding: 0;}
div.miniatur_div_re {width: 90%; margin: 20px 5%; padding: 0;}
div.toggle_headline {width: 90%; margin: 0 5%; padding: 1% 0;}
div.toggle_icon {margin-left: 83%;}
div.bilderwrapper_detailseite {position: relative; display: block; float: left; width: 90%; padding: 0 4.5%;}
div.bilderwrapper_detailseite img {position: relative; display: block; float: left; margin: 2% 0; width: 100%;}
div.tmp_ind_3sp div.tmp_toggle_kurz {width: 100%;}
div.tmp_ind_3sp div.tmp_ind_3sp_mi div#tmp_toggle_kurz_2 {margin-left: 0;}
div.tmp_ind_3sp div.tmp_ind_3sp_re div#tmp_toggle_kurz_3 {margin-left: 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;}}

/* 480px (Smartphone hoch) */
@media only screen and (max-width: 480px)
{div.headlineback {margin: 20px 0 0 70%;}
div#footer div.footer_wrapper {width: 90%; padding: 0 5%;}
div#footer div.footer_inhalt {width: 100%; margin: 20px 0;}
div.button_slider {font-size: 2.0rem;}
}