/* Import */
@import "/fileserver/ar040017/filesdb/fonts.css";
@import "/fileserver/ar040017/filesdb/footer.css";
@import "/fileserver/ar040017/filesdb/intranet.css";
@import "/fileserver/ar040017/filesdb/nav.css";
@import "/fileserver/ar040017/filesdb/bannerzoom.css";
@import "/fileserver/ar040017/filesdb/toggle.css";
@import "/texte/animate/animate.css";

/* Farben (nur hier ändern) */
:root {
	--farbe1: #007FC8;  /* Primärfarbe */
	--farbe2: #87BBE6;  /* Sekundärfarbe heller/dunkler */
	--farbe3: #0f0;  /* Akzentfarbe */
    --farbe4: #76023F;  /* Akzentfarbe */
}

/* Allg. */
html {font-size: 18px;} /* default, muss als einziges in Media Querries geändert werden (Headlines und Texte passen sich an) */
p {font-family: 'Muli', sans-serif; font-size: 20px; line-height: 26px; letter-spacing: 1px;}
a, .cms_kurz_div a, .cms_kurz_detail a {color: #87BBE6; text-decoration: none; font-size: 20px; }
a:hover {color: #007FC8;}
hr {border: 1px solid #007FC8;}

/* Abstand Content-Slider */
#bg_main {padding: 930px 0 0 0; width: 100%;} 
#bg_main.bgmain_id0 {} /* Startseite */
			
/* Position Logo */
div.logo {position: absolute; display: block; float: left; left: 10%; width: 270px; height: auto; z-index: 30; top: 8px;}

div.logofu {position: absolute; display: none; float: left; left: calc(10% + 270px + 20px); width: auto; height: 84; z-index: 30; top: 8px; padding-left: 20px; border-left: 2px solid #ccc}
img.logopng {width: 100%; height: auto; border: 0px;}

/* 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: 60%; height: auto; line-height: 50px; padding: 0 20% 1% 20%; margin: 0; font-size: 3.5rem; font-weight: 600; color: #007FC8; font-family: 'Montserrat', sans-serif;}
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-size: 2rem; font-weight: bold; color: #007FC8; font-family: 'Montserrat', sans-serif;}
div.headline_div h2 a, div.headline_div h2 a.headline_div {text-decoration: none; padding: 0;}

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-size: 2rem; font-weight: bold; color: #87BBE6; font-family: 'Montserrat', sans-serif;}
div.headline_div h3 a, div.headline_div h3 a.headline_div {text-decoration: none; padding: 0;}

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

div.cms_kurz_div h2 {font-size: 3rem; font-weight: bold; color: #007FC8;}
div.cms_kurz_div h3 {font-size: 2rem; font-weight: bold; color: #87BBE6; margin: 14px 0;}


td.headline h2 {width: 100%; height: auto; line-height: 50px; padding: 0; margin: 30px 0 0 0; font-size: 3rem; font-weight: bold; color: #007FC8;}
td.cms_kurz_detail h2, td.cms_kurz_detail h2 a {width: 100%; height: auto; line-height: 50px; padding: 0; margin: 0 0 10px 0; color: #007FC8; font-size: 3rem; 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 0 10px 0; color: #87BBE6; font-size: 2rem; font-weight: bold;}
td.cms_kurz_detail h3 a {padding: 0; text-decoration: none;}
td.cms_kurz_detail h4, td.cms_kurz_detail h4 a {width: 100%; height: auto; line-height: 50px; padding: 0; margin: 0 0 10px 0; color: #87BBE6; font-size: 3rem; font-weight: bold;}
td.cms_kurz_detail h4 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 mit Pfeil */
div.headlineweiter_div {text-align: right; margin-top: -2.8rem; line-height: 50px; padding-right: 20%;}
a.headlineweiter_div {color: #FFF; font-weight: 500; font-size: 0rem; background: url(/fileserver/ar040017/images/nav_weiter.png); background-size: cover; padding: 16px; margin: 0 2% 0 0;}

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

/* Body */
div.ausgabe_liste_div {position: relative; display: block; float: left; width: 100%; padding: 0; margin: 50px 0 0 0; background-color: none;}
div.ausgabe_liste_div_re { background-color: #EEE; padding: 30px 0 30px 0;}
div.ausgabe_liste {width: 60%; padding: 0 20%; margin: 0;}
div.ausgabe_liste p {margin-top: 0; padding-top: 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%; margin: 0 20%;}
td.cms_content {padding-top: 30px; margin-top: 0;}
td.cms_kurz_detail {padding-top: 60px;}
th {text-align: left;}


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; height: auto;}
td.textwhite img.img_miniatur {border: 2px solid #87BBE6; padding: 0; margin-right: 20px; margin-top: 60px; width: 350px;}
div.miniatur_div {position: relative; display: block; float: left; width: 20%; margin: 20px 1% 10px 20%; border: 2px solid #87BBE6;  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%;}
div.bilderwrapper_detailseite img {position: relative; display: block; float: left; border: 2px solid #87BBE6; padding: 0; margin: 1%; width: 46%;}

/* Listen */
div.cms_kurz_div ul, td.cms_kurz_detail ul, td.cms_content ul {font-family: 'Muli', sans-serif; font-size: 20px; 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: 20px; 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: 20px; 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;}
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: #666; padding: 0 1% 0 1%; margin: 0; float: none; line-height: 30px; height: auto; min-height: 60px; list-style-type: none; background-color: rgba(255,255,255,0.6);}
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: rgba(135, 187, 230,0.2);}

/* 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;}
ul.liste_3spltg li {width: 31.33%; color: #666; padding: 0 1%; margin: 0; display: block; float: none; line-height: 30px; height: auto; min-height: 60px; list-style-type: none; background-color: rgba(255,255,255,0.6)}
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), ul.liste_3spltg li:nth-child(n+46):nth-child(-n+48), ul.liste_3spltg li:nth-child(n+52):nth-child(-n+54), ul.liste_3spltg li:nth-child(n+58):nth-child(-n+60), ul.liste_3spltg li:nth-child(n+64):nth-child(-n+66), ul.liste_3spltg li:nth-child(n+70):nth-child(-n+72) {background-color: rgba(135, 187, 230,0.2);}

/* Aufzählung 4 spltg */

div.cms_kurz_div ul.liste_4spltg {padding-left: 0; margin: 20px 0 0 0;}
td.cms_content ul.liste_4spltg {padding-left: 0;}
ul.liste_4spltg li {width: 23%; color: #666; padding: 0 1%; margin: 0; display: block; float: none; line-height: 30px; height: auto; min-height: 60px; list-style-type: none; background-color: rgba(255,255,255,0.6);}
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: rgba(135, 187, 230,0.2);}

/* 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; 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; cursor: pointer;}
div.tmp_ind_2sp_head:hover {box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.6);}
div.tmp_ind_2sp_head h2 {height: auto; line-height: 50px; margin: 0; padding: 0; font-size: 2rem; background-color: #007FC8; color: #007FC8;}
div.tmp_ind_2sp_head h2 a {font-family: 'Montserrat', sans-serif; color: #007FC8;}
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: #87BBE6;}
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: 55px 0; padding: 0 20%; background-color: none;}
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; background-color: #87BBE6;}
div.tmp_ind_3sp_head:hover {}
div.tmp_ind_3sp_head h2 {height: auto; line-height: 50px; margin: 0; padding: 0 0 20px 0; font-weight: 600; font-family: 'Montserrat', sans-serif; font-size: 2rem; color: #185100;}
div.tmp_ind_3sp_head h2 a:hover {color: #87BBE6; cursor: pointer;}
div.tmp_ind_3sp_head h2 a {font-family: 'Montserrat', sans-serif; color: #39c; font-size: 1.5rem; font-weight: 600;}
div.tmp_ind_3sp_head h3 {height: auto; line-height: 50px; margin: 0; padding: 0; font-weight: 600; font-family: 'Montserrat', sans-serif; font-size: 2rem; color: #fff;}
div.tmp_ind_3sp_head h3 a:hover {color: #fff; cursor: pointer;}
div.tmp_ind_3sp_head h3 a {font-family: 'Montserrat', sans-serif; color: #fff; font-size: 2rem; font-weight: 600; text-decoration: none;}
div.tmp_ind_3sp_image {width: 100%; text-align: center;}
img.tmp_ind_3sp_miniatur {width: 100%; border-bottom: 6px solid #666; background-color: #87BBE6;}
img.tmp_ind_3sp_miniatur:hover {border-bottom: 6px solid #87BBE6; opacity: 0.9; }
div.tmp_ind_3sp_kurz {text-align: center; width: 100%; background-color: rgba(70, 186, 213,0); padding: 0;}
div.tmp_ind_3sp_kurz p {color: #666; margin: 0; padding: 15px;}

div.tmp_ind_3sp_re.cl-id8291 div.tmp_ind_3sp_head {background: 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: #007FC8; color: #007FC8;}
div.tmp_ind_4sp_head h2 a {font-family: 'Montserrat', sans-serif; color: #007FC8;}
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: #87BBE6;}
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: 2rem; font-weight: bold; color: #007FC8; font-family: 'Montserrat', sans-serif; color: #007FC8;  margin: 0; width: 100%; padding: 0;}

div.toggle_text div.headline_div h3 {line-height: 50px; font-size: 2rem; font-weight: bold; color: #87BBE6; 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: #87BBE6; padding: 0 1%; width: 100%; margin-bottom: 20px; color: #fff;}
table.anlage_tbl a.anlage {line-height: 50px; font-size: 24px; font-family: 'Montserrat', sans-serif; color: #fff;}
table.anlage_tbl a:hover {color: #007FC8;}
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: 37px; height: 37px; background: url(/fileserver/ar040017/images/nav_download.png); background-size: cover;}

div.cms_getacrobat_div {display: none;}

/* Cookie Hinweis */

.cc_container .cc_btn {
background-color: #87BBE6 !important; /* Farbe des Buttons */
color: #fff !important; /* Textfarbe des Buttons */
}
.cc_container {
background: #007FC8 !important; /* Hintergrundfarbe des gesamten Bereichs */
color: #fff !important; /* Schriftfarbe des gesamten Bereichs */
}  
.cc_container a {
color: #87BBE6 !important; /* Textlink-Farbe "Mehr Infos" */
}

/* Kontakt Icons 
a.tel::before, a.mobile::before, a.mail::before, p.fax::before, div#footer div.footer_inhalt p.fax::before {content: ""; position: relative; display: block; float: left; width: 24px; height: 24px; opacity: .55;}
a.tel::before {background: url(/images/call.png); background-size: contain;}
a.mobile::before {background: url(/images/mobile.png); background-size: contain;}
a.mail::before {background: url(/images/mail.png); background-size: contain;}
p.fax::before {background: url(/images/fax.png); background-size: contain;}
div#footer div.footer_inhalt p.fax::before {background: url(/images/fax.png); background-size: contain; padding: 0;}
a.tel, a.mobile, a.mail {margin: 0 0 0 10px;}
p.fax {padding: 0; margin: 0;} */

/* back to top */
.back-to-top {display: none;}
a.back-to-top {display: block; position: fixed; bottom: 0; right: 20px; z-index: 10; width: 38px; height: 38px; margin: 0; padding: 0 0 50px 0; background: url(/fileserver/ar040017/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: #87BBE6;}
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: #007FC8;}
a.inhaltfuss {color: #fff;}
div.footer_copyright {display: none;}
div.fkt_bottom {display: none;}*/


/*** Media Querries ***/

@media only screen and (max-width: 1920px)
{#bg_main {padding: 730px 0 0 0;}
div.headlineback {margin: 780px 0 0 97%;}
div.tmp_ind_3sp_head h3, div.tmp_ind_3sp_head h3 a {font-size: 1.9rem;}}

@media only screen and (max-width: 1680px)
{#bg_main {padding: 650px 0 0 0;}
div.ausgabe_liste {width: 60%; padding: 0 20%;}
div.ausgabe_liste_div_txt div.cms_kurz_div {width: 60%; margin: 0 20%;}
td.cms_kurz_detail h2, td.cms_kurz_detail h3, td.cms_kurz_detail h4 {font-size: 2.1rem;}
div.tmp_ind_3sp_head h3, div.tmp_ind_3sp_head h3 a {font-size: 1.6rem;}
div.headlineback {margin: 705px 0 0 97%;}}

@media only screen and (max-width: 1600px)
{#bg_main {padding: 610px 0 0 0; width: 100%;} 
div.ausgabe_liste {width: 80%; padding: 0 10%;}
div.ausgabe_liste_div_txt div.cms_kurz_div {width: 80%; margin: 0 10%;}	
div.logo {left: 5%;}
div.headline_div h4, div.cms_kurz_div h4, div.headline_div h3 {width: 80%; padding: 0 10%;}
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: 0 10% 1% 10% ;}
div.headlineweiter_div {width: 80%; padding: 0 10%;}
div.headlineback {margin: 662px 0 0 95%;}
div.cms_kurz_div {width: 48%; 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: 30%; margin: 20px 1% 10px 10%;}
div.miniatur_div_re {width: 30%; margin: 20px 10% 10px 1%;}

div.tmp_ind_2sp {width: 80%; padding: 3% 10%;}
div.tmp_ind_3sp {width: 80%; padding: 1% 10%; margin: 0;}
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 p {margin: 0.5% 10% 0.5% 10%;}}

@media only screen and (max-width: 1440px)
{#bg_main {padding: 560px 0 0 0; width: 100%;}
div.headlineback {margin: 612px 0 0 95%;}}

@media only screen and (max-width: 1280px)
{#bg_main {padding: 510px 0 0 0; width: 100%;}
div.headlineback {margin: 562px 0 0 95%;}}

/* 1024 px (Tablet quer) */
@media only screen and (max-width: 1024px)
{#bg_main {padding: 410px 0 0 0;} 
div.toggle_icon {margin-left: 75%;}
div.headline_div h3, div.headline_div h3 a, div.cms_kurz_div h3 {width: 90%; padding: 0 5%; font-size: 1.7rem;}
div.headline_div h2, div.headline_div h2 a, div.cms_kurz_div h2, div.headline_div h4, div.headline_div h4 a, div.cms_kurz_div h4 {width: 90%; padding: 0 5%; font-size: 1.8rem;}
td.cms_kurz_detail h2, td.cms_kurz_detail h3, td.cms_kurz_detail h4 {font-size: 1.8rem;}
div.headline_div h1, div.cms_kurz_div h1 {width: 90%; padding: 0 5% 1% 5% ;}
div.headlineweiter_div {margin-top: -2.8rem;}
a.headlineweiter_div {padding: 12px;}
div.cms_kurz_div {width: 53%; padding: 0 0 0 0;}
div.cms_kurz_div_re {width: 53%; padding: 0 0 0 4%; margin-bottom: 0; text-align: right;}
div.miniatur_div {width: 35%; margin: 20px 1% 10px 5%;}
div.miniatur_div_re {width: 35%; margin: 20px 5% 10px 1%;}
div.ausgabe_liste {width: 90%; padding: 0 5%;}
div.ausgabe_liste_div_txt div.cms_kurz_div {width: 90%; margin: 0 0 0 5%;}

div.tmp_ind_3sp_head h3, div.tmp_ind_3sp_head h3 a {font-size: 1.5rem;}
div.tmp_ind_3sp {width: 90%; padding: 1% 5%;}
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.headlineweiter_div {width: 90%; padding: 0 5%;}
div.headlineback {margin-top: 462px;}
a.back-to-top {bottom: 20px;}}

/* 800 px (Tablet hoch) */
@media only screen and (max-width: 800px)
{div.logo {position: fixed; width: 210px;}
div.headlineback {position: fixed; margin: 22px 0 0 84%; z-index: 1000000000000000000;}
#bg_main {padding: 350px 0 0 0;} 
div.tmp_ind_3sp_head {min-height: 100px;}
div.tmp_ind_3sp_head h2, div.tmp_ind_3sp_head h2 a {font-size: 2.05rem;}
div.toggle_icon {margin-left: 74%;}
td.cms_kurz_detail {padding-top: 20px;}
td.textwhite img.img_miniatur {margin-top: 20px;}
ul.liste_3spltg li {width: 21.33%;}
ul.liste_3spltg li:nth-child(3n+2) {margin: -60px 0 0 23.33%; width: 31.33%;}
ul.liste_3spltg li:nth-child(3n+3) {margin: -60px 0 0 56.66%; width: 41.33%;}
}

/* 768 px (Smartphone quer) */
@media only screen and (max-width: 768px)
{html {font-size: 10px;}
#bg_main {padding: 330px 0 0 0;} 
div.ausgabe_liste {width: 100%; padding: 0;}
div.ausgabe_liste_div_txt div.cms_kurz_div {width: 90%; margin: 0 0;}

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, div.headline_div h4 a.headline_div {width: 100%; line-height: 30px;}
div.headline_div h2 a, div.headline_div h3 a, div.headline_div h4 a {background: url(/fileserver/ar040017/images/nav_weiter.png) no-repeat bottom right; background-size: contain; 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 {min-height: 0px;}
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 {width: 100%; padding: 0; margin: 0;}
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%;}
td.cms_content ul.liste_2spltg, td.cms_content ul.liste_3spltg, td.cms_content ul.liste_4spltg {padding-left: 0; margin: 10px 0 0 5%;}
td.textwhite {display: none;}

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.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)
{#bg_main {padding: 200px 0 0 0;} 
div#footer div.footer_wrapper {width: 90%; padding: 0 5%;}
div#footer div.footer_inhalt {width: 100%; margin: 20px 0;}
div.headline_div h2 a, div.headline_div h3 a, div.headline_div h4 a {background: url(/fileserver/ar040017/images/nav_weiter_480.png) no-repeat bottom right; background-size: auto; display: block;}
div.headlineback {margin: 22px 0 0 72%;}
td.cms_kurz_detail {padding-top: 60px;}
ul.liste_3spltg li {width: 100%; min-height: 30px;}
ul.liste_3spltg li:nth-child(3n+2) {margin: 0; width: 100%;}
ul.liste_3spltg li:nth-child(3n+3) {margin: 0; width: 100%;}
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;}
}

@media only screen and (max-width: 360px)
{}
	
@media only screen and (max-width: 320px)
{div.logo {width: 150px; padding: 5px 0 0 0;}
div.headlineback {margin: 22px 0 0 68%;}}