/* Import */
@import "/fileserver/ar001001/filesdb/nav.css";
@import "/fileserver/ar001001/filesdb/toggle.css";
@import "/fileserver/ar001001/filesdb/bannerzoom.css";
@import "/texte/animate/animate.css";

/* Farben */
:root {
	--farbe1: #000;  /* Primärfarbe */
	--farbe2: #E1DE3F;  /* Akzentfarbe */
}

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

/* Abstand Content-Slider */
#bg_main {margin: 730px 0 0 0; width: 100%; background-color: white;}
#bg_main.bgmain_id0 {margin: 760px 0 0 0; width: 100%; background-color: white;}
#bg_main.bgmain_id4077 {margin: 735px 0 0 0; width: 100%; background-color: white;}
#bg_main.bgmain_id5520 {margin: 690px 0 0 0; width: 100%; background-color: white;}

/* Position Logo */
div.logo {position: fixed; left: 20%; width: 64px; z-index: 30; padding: 7px 0;}
img.logopng {width: 100%; height: auto; border: 0px;}
div.schrift_logo {position: fixed; left: calc(20% + 70px); z-index: 30; font-size: 24px; line-height: 30px; padding: 18px 0;}
div.schrift_logo a:hover {color: #E1DE3F;}
span.schrift_logo_weiss {color: white;}
span.schrift_logo_weiss:hover {color: #E1DE3F;}

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

div.headline_div h1, div.headline_div h1 a, h1 a.headline_div {width: 80%; height: auto; line-height: 50px; padding: 0% 10%; margin: 0; font-family: 'Montserrat', sans-serif; font-size: 3.5rem; font-weight: 400; color: #456; color: #000;}
div.headline_div h1 a, div.headline_div h1 a.headline_div {text-decoration: none; padding: 0;}

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; color: #000;}
div.headline_div h2 a, div.headline_div h2 a.headline_div {text-decoration: none; padding: 0; font-weight: normal;}

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: #000;}
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: #000; text-align: left;}
div.cms_kurz_div_re h2 {text-align: right;}
div.cms_kurz_div h3 {font-size: 2rem; font-weight: bold; color: #000; margin: 14px 0;}

td.headline h2 {width: 100%; height: auto; line-height: 50px; padding: 0; margin: 0; font-size: 3rem; color: #000;}
td.cms_kurz_detail h2, td.cms_kurz_detail h2 a {width: 100%; height: auto; line-height: 50px; padding: 0; margin: 0; color: #000; font-size: 3rem;}
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: #000; font-size: 2rem;}
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 */

/* weiter 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(/fileserver/ar001001/images/weiter.svg); background-size: cover; padding: 14px; border: 4px solid #000; border-radius: 50%; margin: 0 2% 0 0;}

/* zurück Pfeil */
div.headlineback {position: absolute; display: block; float: left; height: 40px; width: 40px; line-height: 40px; padding: 0; z-index: 20; margin-top: 770px; margin-left: calc(95%); background-color: #FFF; background: url(/fileserver/ar001001/images/zurueck.svg) no-repeat center center; background-size: cover;}

/* Body */
div.ausgabe_liste_div {position: relative; display: block; float: left; width: 100%; padding: 0; margin: 100px 0; background-color: white;}
div.ausgabe_liste_div:first-child {margin: 30px 0 10px 0;}
div.ausgabe_liste {width: 60%; padding: 0 20%; margin: 30px 0 20px 0;}
div.cms_kurz_div {display: block; float: left; position: relative; width: 100%; padding: 0 10% 0 9%; margin-bottom: 0;}
div.cms_kurz_div_re {padding: 0 9% 0 10%; text-align: right;}
div.ausgabe_liste_div_txt div.cms_kurz_div {width: 60%; padding: 0 20%; left: 0;}

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

div.bgmain_id0 div.headline_div h1, div.bgmain_id4066 div.headline_div h1, div.bgmain_id4064 div.headline_div h1 {width: 60%; padding: 1% 20%;}
div.bgmain_id0 div.ausgabe_liste_div, div.bgmain_id4066 div.ausgabe_liste_div, div.bgmain_id4064 div.ausgabe_liste_div {position: relative; display: block; float: left; width: 100%; padding: 0; margin: 30px 0 20px 0; background-color: white;}
div.bgmain_id0 div.ausgabe_liste_div_re, div.bgmain_id4066 div.ausgabe_liste_div_re, div.bgmain_id4064 div.ausgabe_liste_div_re {padding: 30px 0 30px 0;}
div.bgmain_id0 div.cms_kurz_div, div.bgmain_id4066 div.cms_kurz_div, div.bgmain_id4064 div.cms_kurz_div {position: relative; left: 0; display: block; float: left; width: 60%; padding: 0 20%; margin-bottom: 0;}
div.bgmain_id0 div.cms_kurz_div_re, div.bgmain_id4066 div.cms_kurz_div_re, div.bgmain_id4064 div.cms_kurz_div_re {padding: 0 0 0 20%; margin-bottom: 0; text-align: right;}
div.bgmain_id0 div.miniatur_div, div.bgmain_id4066 div.miniatur_div, div.bgmain_id4064 div.miniatur_div {position: relative; display: block; float: left; width: 20%; margin: 20px 1% 10px 20%; padding: 0;}
div.bgmain_id0 div.miniatur_div_re,  div.bgmain_i40660 div.miniatur_div_r, div.bgmain_id4064 div.miniatur_div_ree {position: relative; display: block; float: right; width: 20%; margin: 20px 20% 10px 1%;}


/* Listen */
div.cms_kurz_div ul, td.cms_kurz_detail ul, td.cms_content ul {font-family: 'Muli', sans-serif; font-size: 18px; line-height: 26px; letter-spacing: 1px; padding-left: 20px; list-style-type: square;}
div.cms_kurz_div_re ul {font-family: 'Muli', sans-serif; font-size: 18px; line-height: 26px; letter-spacing: 1px; padding-left: 20px; list-style-type: none;}
div.cms_kurz_div ol, td.cms_kurz_detail ol, td.cms_content ol {font-family: 'Muli', sans-serif; font-size: 18px; line-height: 26px; letter-spacing: 1px; padding-left: 20px;}
div.cms_kurz_div ol ol {list-style-type: lower-alpha;}

/* Aufzählung 2 spltg */
div.cms_kurz_div ul.liste_2spltg {padding-left: 0; margin: 20px 0 0 0; background-color: #E8E8E8;}
td.cms_content ul.liste_2spltg {padding-left: 0; margin: 0 0 30px 0;}
ul.liste_2spltg 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: #E8E8E8;}
ul.liste_2spltg li:nth-child(2n) {width: 64%;}
ul.liste_2spltg li:nth-child(2n+2) {margin: -60px 0 0 34%;}
ul.liste_2spltg li:nth-child(n+3):nth-child(-n+4), ul.liste_2spltg li:nth-child(n+7):nth-child(-n+8), ul.liste_2spltg li:nth-child(n+11):nth-child(-n+12), ul.liste_2spltg li:nth-child(n+15):nth-child(-n+16), ul.liste_2spltg li:nth-child(n+19):nth-child(-n+20), ul.liste_2spltg li:nth-child(n+23):nth-child(-n+24), ul.liste_2spltg li:nth-child(n+27):nth-child(-n+28), ul.liste_2spltg li:nth-child(n+31):nth-child(-n+32), ul.liste_2spltg li:nth-child(n+35):nth-child(-n+36), ul.liste_2spltg li:nth-child(n+39):nth-child(-n+40), ul.liste_2spltg li:nth-child(n+43):nth-child(-n+44), ul.liste_2spltg li:nth-child(n+47):nth-child(-n+48), ul.liste_2spltg li:nth-child(n+51):nth-child(-n+52), ul.liste_2spltg li:nth-child(n+55):nth-child(-n+56) {background-color: #f8f8f8;}

/* Aufzählung 3 spltg */
div.cms_kurz_div ul.liste_3spltg, td.cms_kurz_detail ul ul.liste_3spltg, td.cms_content ul.liste_3spltg {padding-left: 0; margin: 20px 0 0 0; background-color: #E8E8E8;}
ul.liste_3spltg li {width: 31.33%; color: black; padding: 0 1%; margin: 0; display: block; float: none; line-height: 30px; height: auto; min-height: 60px; list-style-type: none; background-color: #E8E8E8;}
ul.liste_3spltg li:nth-child(3n+2) {margin: -60px 0 0 33.33%;}
ul.liste_3spltg li:nth-child(3n+3) {margin: -60px 0 0 66.66%;}
ul.liste_3spltg li:nth-child(n+4):nth-child(-n+6), ul.liste_3spltg li:nth-child(n+10):nth-child(-n+12), ul.liste_3spltg li:nth-child(n+16):nth-child(-n+18), ul.liste_3spltg li:nth-child(n+22):nth-child(-n+24), ul.liste_3spltg li:nth-child(n+28):nth-child(-n+30), ul.liste_3spltg li:nth-child(n+34):nth-child(-n+36), ul.liste_3spltg li:nth-child(n+40):nth-child(-n+42) {background-color: #f8f8f8;}

/* Aufzählung 4 spltg */
div.cms_kurz_div ul.liste_4spltg {padding-left: 0; margin: 20px 0 0 0; background-color: #E8E8E8;}
td.cms_content ul.liste_4spltg {padding-left: 0;}
ul.liste_4spltg li {width: 23%; color: black; padding: 0 1%; margin: 0; display: block; float: none; line-height: 30px; height: auto; min-height: 60px; list-style-type: none; background-color: #E8E8E8;}
ul.liste_4spltg li:nth-child(4n+2) {margin: -60px 0 0 25%;}
ul.liste_4spltg li:nth-child(4n+3) {margin: -60px 0 0 50%;}
ul.liste_4spltg li:nth-child(4n+4) {margin: -60px 0 0 75%;}
ul.liste_4spltg li:nth-child(n+5):nth-child(-n+8), ul.liste_4spltg li:nth-child(n+13):nth-child(-n+16), ul.liste_4spltg li:nth-child(n+21):nth-child(-n+24), ul.liste_4spltg li:nth-child(n+29):nth-child(-n+32), ul.liste_4spltg li:nth-child(n+37):nth-child(-n+40), ul.liste_4spltg li:nth-child(n+45):nth-child(-n+48), ul.liste_4spltg li:nth-child(n+53):nth-child(-n+56), ul.liste_4spltg li:nth-child(n+61):nth-child(-n+64), ul.liste_4spltg li:nth-child(n+69):nth-child(-n+72), ul.liste_4spltg li:nth-child(n+77):nth-child(-n+80), ul.liste_4spltg li:nth-child(n+85):nth-child(-n+88), ul.liste_4spltg li:nth-child(n+93):nth-child(-n+96), ul.liste_4spltg li:nth-child(n+101):nth-child(-n+104), ul.liste_4spltg li:nth-child(n+109):nth-child(-n+112), ul.liste_4spltg li:nth-child(n+117):nth-child(-n+120), ul.liste_4spltg li:nth-child(n+125):nth-child(-n+128), ul.liste_4spltg li:nth-child(n+133):nth-child(-n+136), ul.liste_4spltg li:nth-child(n+141):nth-child(-n+144), ul.liste_4spltg li:nth-child(n+149):nth-child(-n+152), ul.liste_4spltg li:nth-child(n+157):nth-child(-n+160), ul.liste_4spltg li:nth-child(n+165):nth-child(-n+168), ul.liste_4spltg li:nth-child(n+173):nth-child(-n+176), ul.liste_4spltg li:nth-child(n+181):nth-child(-n+184), ul.liste_4spltg li:nth-child(n+189):nth-child(-n+192), ul.liste_4spltg li:nth-child(n+197):nth-child(-n+200), ul.liste_4spltg li:nth-child(n+205):nth-child(-n+208), ul.liste_4spltg li:nth-child(n+213):nth-child(-n+216), ul.liste_4spltg li:nth-child(n+221):nth-child(-n+224), ul.liste_4spltg li:nth-child(n+229):nth-child(-n+232), ul.liste_4spltg li:nth-child(n+237):nth-child(-n+240), ul.liste_4spltg li:nth-child(n+245):nth-child(-n+248), ul.liste_4spltg li:nth-child(n+253):nth-child(-n+256) {background-color: #f8f8f8;}

/* Termine DIV */
div.termine_headline {position: relative; display: block; float: left; width: 98%; padding: 0 1%; margin: 50px 0 0 0; line-height: 50px; font-size: 2.25rem; font-weight: 500; color: black; background-color: #ddd;}
div.termine div.termine_headline:first-child {margin: 0;}
div.tbl_termine ul {position: relative; display: block; float: left; list-style-type: none; padding: 10px 1%; margin: 0; width: 98%; font-size: 18px; line-height: 20px; letter-spacing: 1px; min-height: 60px;}
div.tbl_termine ul:nth-child(2n-1) {background-color: #EEE;}
div.tbl_termine ul p {margin: 0; line-height: 20px;}
div.tbl_termine li {width: 20%;}
div.tbl_termine li:nth-child(3) {margin: -60px 0 0 20%; width: 80%;}
div.tbl_termine li:nth-child(4) {margin: 0 0 0 20%; width: 80%;}
div.tag, div.datum {color: #000; font-size: 1.5rem; font-weight: 500; line-height: 30px;}
div.datum {color: #000;}
div.thema {font-weight: bold;}
div.veranstalter p {font-weight: bold; line-height: 30px;}

/* 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;}
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; cursor: pointer;}
div.tmp_ind_2sp_head h2 {height: auto; line-height: 50px; margin: 0; padding: 0; font-size: 2rem; background-color: white; color: #000;}
div.tmp_ind_2sp_head h2 a {font-family: 'Montserrat', sans-serif; color: #000;}
div.tmp_ind_2sp_image {text-align: center;}
div.tmp_ind_2sp_kurz {text-align: center; background-color: #fff;}
div.tmp_ind_2sp_kurz h2 {text-transform: uppercase; font-size: 1.5rem;}
div.tmp_ind_2sp_kurz p {color: #000; margin: 0; padding: 15px;}

/* Template 3sp */
div.tmp_ind_3sp {position: relative; float: left; display: block; width: 50%; margin: 0; padding: 0 25%; background-color: #fff; width: 100%;}
div.tmp_ind_3sp_li, div.tmp_ind_3sp_mi, div.tmp_ind_3sp_re {position: relative; display: block; float: left; width: 29.33%;}
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; cursor: pointer;}
div.tmp_ind_3sp_head h2 {height: auto; line-height: 50px; margin: 0; padding: 0; font-size: 2rem; background-color: #fff; color: #E1DE3F;}
div.tmp_ind_3sp_head h2 a {font-family: 'Montserrat', sans-serif; color: #E1DE3F;}
div.tmp_ind_3sp_image {text-align: center;}
div.tmp_ind_3sp_kurz {text-align: center; width: 100%; background-color: #fff;}
div.tmp_ind_3sp_kurz h2 {text-transform: uppercase; font-size: 1.5rem;}
div.tmp_ind_3sp_kurz p {color: #fff; margin: 0; padding: 15px;}

/* Template Startseite */
div.weiter_start {position: relative; display: block; float: left; width: calc(30% - 4px); margin: 0 35%; line-height: 30px; text-align: center; color: #000; border: 2px solid #E1DE3F; transition: background-color .5s;}
div.weiter_start:hover {background-color: #E1DE3F;}
div.leitbild p {text-align: center; text-transform: uppercase; font-size: 2rem;}

/* Template 3sp Referenzen */
#bg_main.bgmain_id4065 {margin: 745px 0 0 0;}
div.bgmain_id4065 div.tmp_ind_3sp {width: 60%; padding: 27px 20%; margin: 0;}
div.bgmain_id4065 div.tmp_ind_3sp_li, div.bgmain_id4065 div.tmp_ind_3sp_mi, div.bgmain_id4065 div.tmp_ind_3sp_re {width: 31.33%; box-shadow: 1px 1px 20px 0px rgba(0,0,0,0.4);}
div.bgmain_id4065 div.tmp_ind_3sp_li {margin: 0 2% 0 0;}
div.bgmain_id4065 div.tmp_ind_3sp_mi {margin: 0 1% 0 1%;}
div.bgmain_id4065 div.tmp_ind_3sp_re {margin: 0 0 0 2%;}
div.bgmain_id4065 div.tmp_ind_3sp_head h2 {background-color: #fff; color: #E1DE3F; min-height: 108px; font-weight: 600;}
div.bgmain_id4065 div.tmp_ind_3sp_head h2 a {color: #E1DE3F; margin-top: 30px;}
div.bgmain_id4065 div.tmp_ind_3sp_image {width: 100%; margin: -108px 0 0 0; background-color: black;}
div.bgmain_id4065 img.tmp_ind_3sp_miniatur {width: 100%; transition: opacity 1s;}
div.bgmain_id4065 img.tmp_ind_3sp_miniatur:hover {opacity: .3;}
div.bgmain_id4065 div.tmp_ind_3sp_kurz {background-color: #000;}
div.weiter_ref {font-size: 0px; width: 40px; height: 40px; margin-top: -50px; margin-left: calc(100% - 50px); /* background: url(/fileserver/ar001001/images/weiter.svg); */ background-size: contain;}
td.cms_kurz_detail div.weiter_ref {display: none;}
div.bgmain_id4065 div.tmp_ind_3sp_kurz p {display: none;}

/* 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: #000; color: #E1DE3F;}
div.tmp_ind_4sp_head h2 a {font-family: 'Montserrat', sans-serif; color: #E1DE3F;}
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: #000;}
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: 340%;}
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: -120%;}
div.tmp_ind_3sp div.tmp_ind_3sp_re div#tmp_toggle_kurz_3 {margin-left: -240%;}

/* 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: #000; 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: #000; 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);}

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

/* Cookie Hinweis */
.cc_container .cc_btn {
background-color: #E1DE3F !important; /* Farbe des Buttons */
color: #000 !important; /* Textfarbe des Buttons */
}
 
.cc_container {
background: #111 !important; /* Hintergrundfarbe des gesamten Bereichs */
color: #fdfdfd !important; /* Schriftfarbe des gesamten Bereichs */
}
 
.cc_container a {
color: #E1DE3F !important; font-size: 16px; /* Textlink-Farbe "Mehr Infos" */
}

/* back to top */
.back-to-top {display: none;}
a.back-to-top {display: block; position: fixed; bottom: 0; right: calc(5% - 40px); z-index: 10; width: 40px; height: 40px; margin: 0; padding: 0 0 20px 0; background: url(/fileserver/ar001001/images/top.svg) no-repeat center center;} 
.back-to-top:hover {opacity: 0.8;}

/* Footer */
div#footer {position: relative; display: block; float: left; width: 100%; padding: 20px 0 0 0; margin: 100px 0 0 0; bottom: 0; text-align: left; background-color: #000;}
div#footer div.footer_wrapper {position: relative; display: block; float: left; width: 60%; padding: 0 20%;}
div#footer div.footer_inhalt {position: relative; display: block; float: left; width: 25%; margin: 0 0 30px 0; font-size: 1rem; color: #fff; text-align: center;}
div#footer div.footer_inhalt:nth-child(4) {line-height: 27px;}
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 {display: none;}
div.container_footer td {width: 100%; height: 30px; line-height: 30px; text-align: center; text-transform: uppercase; background-color: #000;}
a.inhaltfuss {color: #fff;}
div.footer_copyright {display: none;}
div.fkt_bottom {display: none;}

/* Referenzen Screen */
div.wrapper_ref_rahmen {position: relative; display: block; float: left; width: calc(100% - 20px); height: 600px; border: 10px solid #444; border-radius: 10px; overflow: hidden;}
div.image_ref_screenshot {position: absolute; display: block; float: left; width: 100%;}
div.ref_deckblatt {position: absolute; display: block; float: left; width: 100%; height: 600px; text-align: center; background-color: rgba(0,0,0,.5); cursor: pointer;}
div.ref_deckblatt p {line-height: 600px; font-size: 30px; font-weight: bold; color: #E1DE3F;}

/* Scrollbar styles */
::-webkit-scrollbar {width: 12px; height: 12px;}
::-webkit-scrollbar-track {border: 1px solid #E1DE3F; border-radius: 10px;}
::-webkit-scrollbar-thumb {background: #E1DE3F; border-radius: 10px;}
::-webkit-scrollbar-thumb:hover {background: #E1DE3F;}

iframe.ref_iframe {position: absolute; display: block; float: left; width: 100%; height: 600px; border: none;}

@media only screen and (max-width: 1920px)
{#bg_main {margin: 570px 0 0 0;}
#bg_main.bgmain_id0 {margin: 610px 0 0 0;}
#bg_main.bgmain_id4065 {margin: 585px 0 0 0;}
#bg_main.bgmain_id4077 {margin: 580px 0 0 0;}
#bg_main.bgmain_id5520 {margin: 530px 0 0 0;}
div.headlineback {margin-top: 610px;}}

@media only screen and (max-width: 1680px)
{#bg_main {margin: 520px 0 0 0;}
#bg_main.bgmain_id0 {margin: 560px 0 0 0;}
#bg_main.bgmain_id4065 {margin: 535px 0 0 0;}
#bg_main.bgmain_id4077 {margin: 530px 0 0 0;}
#bg_main.bgmain_id5520 {margin: 480px 0 0 0;}
div.headlineback {margin-top: 560px;}}

@media only screen and (max-width: 1600px)
{#bg_main {margin: 490px 0 0 0;}
#bg_main.bgmain_id0 {margin: 530px 0 0 0;}
#bg_main.bgmain_id4065 {margin: 505px 0 0 0;}
#bg_main.bgmain_id4077 {margin: 495px 0 0 0;}
#bg_main.bgmain_id5520 {margin: 445px 0 0 0;}
div.headlineback {margin-top: 530px;}}

/*** Media Querries ***/
@media only screen and (max-width: 1440px)
{div.logo {left: 10%;}
div.schrift_logo {left: calc(10% + 70px);}
#bg_main {margin: 450px 0 0 0;}
#bg_main.bgmain_id0 {margin: 450px 0 0 0;}
#bg_main.bgmain_id4065 {margin: 470px 0 0 0;}
#bg_main.bgmain_id4077 {margin: 415px 0 0 0;}
#bg_main.bgmain_id5520 {margin: 365px 0 0 0;}
div.ausgabe_liste {width: 80%; padding: 0 10%;}
div.headline_div h2, div.headline_div h3 {width: 80%; padding: 0 10%;}
div.cms_kurz_div h2 {width: 100%; padding: 0; font-size: 2.5rem;}
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%; margin-top: 490px;}
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.bgmain_id4065 div.tmp_ind_3sp {width: 80%; padding: 1.5% 10%;}
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#footer div.footer_wrapper {width: 70%; padding: 0 15%;}
div#footer p {margin: 0.5% 10% 0.5% 10%;}}

@media only screen and (max-width: 1280px)
{#bg_main {margin: 400px 0 0 0;}
#bg_main.bgmain_id0 {margin: 400px 0 0 0;}
#bg_main.bgmain_id4065 {margin: 420px 0 0 0;}
#bg_main.bgmain_id4077 {margin: 370px 0 0 0;}
#bg_main.bgmain_id5520 {margin: 320px 0 0 0;}
div.headlineback {margin-left: 95%; margin-top: 440px;}
div.tmp_ind_3sp_head h2, div.tmp_ind_3sp_head h2 a {font-size: 1.8rem;}}

/* 1024 px (Tablet quer) */
@media only screen and (max-width: 1024px)
{div.logo {left: 5%;}
div.schrift_logo {left: calc(5% + 70px);}
#bg_main {margin: 330px 0 0 0;}
#bg_main.bgmain_id0 {margin: 340px 0 0 0;}
#bg_main.bgmain_id4077 {margin: 310px 0 0 0;}
#bg_main.bgmain_id5520 {margin: 260px 0 0 0;}
#bg_main.bgmain_id4065 {margin: 355px 0 0 0;}
div.headlineback {margin-top: 370px;}
div.toggle_icon {margin-left: 75%;}
div.headline_div h1, div.headline_div h1 a, h1 a.headline_div {font-size: 2.5rem;}
div.headline_div h2, div.cms_kurz_div h2, div.headline_div h3 {font-size: 1.8rem;}
div.tmp_ind_3sp_head h2, div.tmp_ind_3sp_head h2 a {font-size: 1.4rem; line-height: 40px;}
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%;}
div#footer div.footer_wrapper {width: 80%; padding: 0 10%;}}

/* 800 px (Tablet hoch) */
@media only screen and (max-width: 800px)
{div.logo {top: 8px;}
div.schrift_logo {top: 8px;}
#bg_main {margin: 290px 0 0 0;}
#bg_main.bgmain_id0 {margin: 300px 0 0 0;}
#bg_main.bgmain_id4077 {margin: 270px 0 0 0;}
#bg_main.bgmain_id5520 {margin: 220px 0 0 0;}
#bg_main.bgmain_id4065 {margin: 320px 0 0 0;}
div.headlineback {position: fixed; margin: 20px 0 0 78%;}
div.bgmain_id4065 div.tmp_ind_3sp {width: 90%; padding: 2% 5%; margin: 0;}
div.tmp_ind_3sp_head h2, div.tmp_ind_3sp_head h2 a {font-size: 1.25rem; line-height: 30px;}
div.toggle_icon {margin-left: 74%;}
div.leitbild p {text-align: center; text-transform: uppercase; line-height: 30px; font-size: 1.8rem;}
a.back-to-top {bottom: 5px; right: 5%; margin: 0;}}

/* 767 px (Smartphone quer) */
@media only screen and (max-width: 768px)
{html {font-size: 10px;}
div#bg_main {margin: 100px 0 0 0;}
#bg_main.bgmain_id0 {margin: 110px 0 0 0;}
#bg_main.bgmain_id4077 {margin: 100px 0 0 0;}
#bg_main.bgmain_id5520 {margin: 50px 0 0 0;}
#bg_main.bgmain_id4065 {margin: 120px 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.headline_div h2, div.headline_div h2 a, h2 a.headline_div {font-size: 3rem;}
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/weiter.svg) no-repeat bottom right; display: block;}	
div.headline_div h3 a {background: url(/images/weiter.svg) no-repeat bottom right; display: block;}
div.cms_kurz_div, td.cms_kurz_detail p, td.cms_content p, div.tmp_ind_3sp, div.cms_kurz_div_re {position: relative; margin: 0; width: 90%; padding: 20px 5% 0 5%; left: 0;}
div.miniatur_div {position: relative; width: 90%; margin: 0 5%; padding: 0; left: 0;}
div.miniatur_div_re {width: 90%; margin: 0 5%;}
a.anrufen {font-weight: bold; color: #C197C5;}
div.tmp_ind_2sp {width: 90%; padding: 0 5%; margin: 0;}
div.bgmain_id4065 div.tmp_ind_3sp {width: 90%; padding: 0 5%; margin: 0;}
div.tmp_ind_2sp_li, div.tmp_ind_2sp_re {width: 100%; margin: 30px 0;}
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;}
div.bgmain_id4065 div.tmp_ind_3sp_li, div.bgmain_id4065 div.tmp_ind_3sp_mi, div.bgmain_id4065 div.tmp_ind_3sp_re {width: 100%; margin: 20px 0;}
div.tmp_ind_3sp_head h2, div.tmp_ind_3sp_head h2 a {font-size: 3rem; line-height: 40px;}
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.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;}
div#footer div.footer_inhalt {font-size: 1.5rem;}
div.tbl_termine li:nth-child(3) {margin: -60px 0 0 45%; width: 55%;}
div.tbl_termine li:nth-child(4) {margin: 0 0 0 45%; width: 55%;}}

/* 480px (Smartphone hoch) */
@media only screen and (max-width: 480px)
{div#bg_main {margin: 90px 0 0 0;}
div.headlineback {right: calc(5% + 60px);}
div.bgmain_id5555 div.ausgabe_liste_div {margin: 30px 0;}
div.bgmain_id5555 div.headline_div h1 {width: 90%; padding: 0 5%;}
div.bgmain_id5555 div.cms_kurz_div {position: relative; left: 0; width: 90%; padding: 0 5%; margin: 0;}
div.bgmain_id5555 div.cms_kurz_div_re {position: relative; left: 0; width: 90%; padding: 0 5%; margin: 0;}
div.bgmain_id5555 div.miniatur_div {position: relative; left: 0; width: 90%; margin: 0 5%; padding: 0;}
div.bgmain_id5555 div.miniatur_div_re {position: relative; left: 0; width: 90%; margin: 0 5%; padding: 0;}
div.tmp_ind_3sp_head h2, div.tmp_ind_3sp_head h2 a {font-size: 2.8rem;}
div#footer div.footer_wrapper {width: 90%; padding: 0 5%;}
div#footer div.footer_inhalt {width: 100%; margin: 20px 0;}
div.tbl_termine {padding: 0 5%; width: 90%;}
div.tbl_termine table {width: 100%;}
div.tbl_termine table tr td:first-child {display: none;}
div.tbl_termine table tr td:nth-child(2) {padding-left: 0; padding-right: 0;}
div.tbl_termine table tr td:nth-child(3) {padding-right: 0;}
div.tbl_termine table tr td:nth-child(4) {display: none;}
a.back-to-top {bottom: 0; right: 5px; margin: 0;}}

@media only screen and (max-width: 320px)
{div.logo {padding: 27px 0; left: 5%; width: 30px;}
div.schrift_logo {left: calc(5% + 30px); padding: 25px 0;}
	div.bgmain_id5555 div.headline_div h1 {line-height: 30px;}}