@font-face {
	font-family: 'Quicksand';
	src: url('fonts/Quicksand-Regular.eot');
	src: url('fonts/Quicksand-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/Quicksand-Regular.woff2') format('woff2'), url('fonts/Quicksand-Regular.woff') format('woff'), url('fonts/Quicksand-Regular.ttf') format('truetype'), url('fonts/Quicksand-Regular.svg#Quicksand-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
    font-display: swap;
}
@font-face {
	font-family: 'Quicksand Light';
	src: url('fonts/Quicksand-Light.eot');
	src: url('fonts/Quicksand-Light.eot?#iefix') format('embedded-opentype'), url('fonts/Quicksand-Light.woff2') format('woff2'), url('fonts/Quicksand-Light.woff') format('woff'), url('fonts/Quicksand-Light.ttf') format('truetype'), url('fonts/Quicksand-Light.svg#Quicksand-Light') format('svg');
	font-weight: 300;
	font-style: normal;
    font-display: swap;
}
@font-face {
	font-family: 'Quicksand Bold';
	src: url('fonts/Quicksand-Bold.eot');
	src: url('fonts/Quicksand-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/Quicksand-Bold.woff2') format('woff2'), url('fonts/Quicksand-Bold.woff') format('woff'), url('fonts/Quicksand-Bold.ttf') format('truetype'), url('fonts/Quicksand-Bold.svg#Quicksand-Bold') format('svg');
	font-weight: bold;
	font-style: normal;
    font-display: swap;
}

:root, html {
	scroll-behavior: smooth !important;
}
.pointerEventNone {
    pointer-events: none;
}

:root {
    --designFontBold: 'Quicksand Bold';

    --designFontAwesome5: 'Font Awesome 5 Free';

    --designTransition1: 0.3s;
    --designTransition2: 0.5s;
    --designTransition08s: 0.8s;

    --designIconFacebookSquare: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20448%20512%22%3E%3Cpath%20fill=%22%234267B2%22%20d=%22M400%2032H48A48%2048%200%200%200%200%2080v352a48%2048%200%200%200%2048%2048h137.25V327.69h-63V256h63v-54.64c0-62.15%2037-96.48%2093.67-96.48%2027.14%200%2055.52%204.84%2055.52%204.84v61h-31.27c-30.81%200-40.42%2019.12-40.42%2038.73V256h68.78l-11%2071.69h-57.78V480H400a48%2048%200%200%200%2048-48V80a48%2048%200%200%200-48-48z%22/%3E%3C/svg%3E");
    --designIconInstagram: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20448%20512%22%3E%3Cpath%20fill=%22%23c13584%22%20d=%22M224.1%20141c-63.6%200-114.9%2051.3-114.9%20114.9s51.3%20114.9%20114.9%20114.9S339%20319.5%20339%20255.9%20287.7%20141%20224.1%20141zm0%20189.6c-41.1%200-74.7-33.5-74.7-74.7s33.5-74.7%2074.7-74.7%2074.7%2033.5%2074.7%2074.7-33.6%2074.7-74.7%2074.7zm146.4-194.3c0%2014.9-12%2026.8-26.8%2026.8-14.9%200-26.8-12-26.8-26.8s12-26.8%2026.8-26.8%2026.8%2012%2026.8%2026.8zm76.1%2027.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9%200-35.8%201.7-67.6%209.9-93.9%2036.1s-34.4%2058-36.2%2093.9c-2.1%2037-2.1%20147.9%200%20184.9%201.7%2035.9%209.9%2067.7%2036.2%2093.9s58%2034.4%2093.9%2036.2c37%202.1%20147.9%202.1%20184.9%200%2035.9-1.7%2067.7-9.9%2093.9-36.2%2026.2-26.2%2034.4-58%2036.2-93.9%202.1-37%202.1-147.8%200-184.8zM398.8%20388c-7.8%2019.6-22.9%2034.7-42.6%2042.6-29.5%2011.7-99.5%209-132.1%209s-102.7%202.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7%209-132.1c7.8-19.6%2022.9-34.7%2042.6-42.6%2029.5-11.7%2099.5-9%20132.1-9s102.7-2.6%20132.1%209c19.6%207.8%2034.7%2022.9%2042.6%2042.6%2011.7%2029.5%209%2099.5%209%20132.1s2.7%20102.7-9%20132.1z%22/%3E%3C/svg%3E");
    --designIconLinkedin: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2072%2072%22%20%3E%3Cstyle%3E.fil0%7Bfill:%23fff%7D.fil1%7Bfill:%23007ebb%7D%3C/style%3E%3Cpath%20class=%22fil1%22%20d=%22M8,72%20L64,72%20C68.418278,72%2072,68.418278%2072,64%20L72,8%20C72,3.581722%2068.418278,-8.11624501e-16%2064,0%20L8,0%20C3.581722,8.11624501e-16%20-5.41083001e-16,3.581722%200,8%20L0,64%20C5.41083001e-16,68.418278%203.581722,72%208,72%20Z%22/%3E%3Cpath%20class=%22fil0%22%20d=%22M62,62%20L51.315625,62%20L51.315625,43.8021149%20C51.315625,38.8127542%2049.4197917,36.0245323%2045.4707031,36.0245323%20C41.1746094,36.0245323%2038.9300781,38.9261103%2038.9300781,43.8021149%20L38.9300781,62%20L28.6333333,62%20L28.6333333,27.3333333%20L38.9300781,27.3333333%20L38.9300781,32.0029283%20C38.9300781,32.0029283%2042.0260417,26.2742151%2049.3825521,26.2742151%20C56.7356771,26.2742151%2062,30.7644705%2062,40.051212%20L62,62%20Z%20M16.349349,22.7940133%20C12.8420573,22.7940133%2010,19.9296567%2010,16.3970067%20C10,12.8643566%2012.8420573,10%2016.349349,10%20C19.8566406,10%2022.6970052,12.8643566%2022.6970052,16.3970067%20C22.6970052,19.9296567%2019.8566406,22.7940133%2016.349349,22.7940133%20Z%20M11.0325521,62%20L21.769401,62%20L21.769401,27.3333333%20L11.0325521,27.3333333%20L11.0325521,62%20Z%22/%3E%3C/svg%3E");

    --designIconVBB: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20800%20800%22%3E%3Cstyle%3Epath%7Bfill:%23ed1c24;%7D%3C/style%3E%3Cg%20transform=%22matrix(1.333,0,0,-1.333,0,800)%20scale(0.1)%22%3E%3Cpath%20d=%22m%202976.88,5670.96%20c%200,0%20769.75,42.65%201498.99,-455.76%20782.1,-534.53%201004.92,-1247.66%201004.92,-1247.66%20h%20-680.82%20c%200,0%20-229.11,457.19%20-735.72,772.28%20-539.99,335.85%20-1087.37,312.21%20-1087.37,312.21%22%3E%3C/path%3E%3Cpath%20d=%22m%202430.6,5616.1%20126.59,-606.27%20c%200,0%20-122.95,-22.89%20-289.77,-81.58%20-166.82,-58.7%20-310.02,-142.92%20-310.02,-142.92%20l%20-311.72,536.78%20c%200,0%20163.32,98.27%20382.61,180.05%20219.29,81.79%20402.31,113.94%20402.31,113.94%22%3E%3C/path%3E%3Cpath%20d=%22m%201250.41,5046.4%20395.27,-475.45%20c%200,0%20-111.65,-99.71%20-185.56,-177.11%20-73.92,-77.41%20-135.16,-166.11%20-135.16,-166.11%20L%20824.195,4601.9%20c%200,0%20100.633,125.41%20187.085,218.03%2086.5,92.68%20239.13,226.47%20239.13,226.47%22%3E%3C/path%3E%3Cpath%20d=%22m%202437.65,3706.58%20h%20-407.5%20L%201566.2,2668.16%20h%20-4.27%20l%20-18.23,1038.42%20h%20-424.58%20l%20133.52,-1449.63%20h%20435.24%20z%20m%20988.11,-1042.57%20c%2041.5,195.22%20-51.13,311.53%20-230.12,342.68%20l%200.88,4.15%20c%20156.85,35.31%20305.1,120.46%20354.54,353.06%2045.91,216%20-80.78,342.68%20-396.54,342.68%20H%202591.26%20L%202283.13,2256.95%20h%20571.79%20c%20283.76,0%20509.92,120.46%20570.84,407.06%20z%20m%20-275.07,623.05%20c%20-26.05,-122.53%20-121.47,-159.91%20-219.61,-159.91%20h%20-78.95%20l%2067.55,317.75%20h%20102.41%20c%2093.87,0%20151.55,-49.84%20128.6,-157.84%20z%20M%203047.9,2693.09%20c%20-23.39,-110.08%20-101.45,-166.15%20-216.67,-166.15%20h%20-106.67%20l%2071.95,338.52%20h%20123.75%20c%20104.54,0%20150.6,-64.38%20127.64,-172.37%20z%20m%201653.71,-29.08%20c%2041.49,195.22%20-51.13,311.53%20-230.13,342.68%20l%200.89,4.15%20c%20156.85,35.31%20305.09,120.46%20354.54,353.06%2045.91,216%20-80.78,342.68%20-396.55,342.68%20H%203867.11%20L%203558.98,2256.95%20h%20571.79%20c%20283.76,0%20509.92,120.46%20570.84,407.06%20z%20m%20-275.08,623.05%20c%20-26.04,-122.53%20-121.46,-159.91%20-219.61,-159.91%20h%20-78.94%20l%2067.54,317.75%20h%20102.41%20c%2093.88,0%20151.56,-49.84%20128.6,-157.84%20z%20m%20-102.78,-593.97%20c%20-23.4,-110.08%20-101.46,-166.15%20-216.67,-166.15%20H%204000.4%20l%2071.96,338.52%20h%20123.75%20c%20104.54,0%20150.59,-64.38%20127.64,-172.37%22%3E%3C/path%3E%3Cpath%20d=%22m%202975.88,284.379%20c%200,0%20-769.75,-42.649%20-1499,455.762%20C%20694.781,1274.66%20471.969,1987.8%20471.969,1987.8%20h%20680.821%20c%200,0%20229.1,-457.19%20735.72,-772.28%20C%202428.5,879.672%202975.88,903.309%202975.88,903.309%22%3E%3C/path%3E%3Cpath%20d=%22m%203522.16,339.238%20-126.6,606.274%20c%200,0%20122.95,22.886%20289.77,81.578%20166.82,58.7%20310.03,142.92%20310.03,142.92%20l%20311.71,-536.78%20c%200,0%20-163.32,-98.261%20-382.61,-180.05%20-219.29,-81.789%20-402.3,-113.942%20-402.3,-113.942%22%3E%3C/path%3E%3Cpath%20d=%22m%204702.34,908.93%20-395.27,475.45%20c%200,0%20111.65,99.71%20185.57,177.12%2073.91,77.41%20135.15,166.11%20135.15,166.11%20l%20500.77,-374.17%20c%200,0%20-100.63,-125.41%20-187.08,-218.03%20-86.5,-92.68%20-239.14,-226.48%20-239.14,-226.48%22%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    --designIconVBBg: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20800%20800%22%3E%3Cstyle%3Epath%7Bfill:%23ed1c2433;%7D%3C/style%3E%3Cg%20transform=%22matrix(1.333,0,0,-1.333,0,800)%20scale(0.1)%22%3E%3Cpath%20d=%22m%202976.88,5670.96%20c%200,0%20769.75,42.65%201498.99,-455.76%20782.1,-534.53%201004.92,-1247.66%201004.92,-1247.66%20h%20-680.82%20c%200,0%20-229.11,457.19%20-735.72,772.28%20-539.99,335.85%20-1087.37,312.21%20-1087.37,312.21%22%3E%3C/path%3E%3Cpath%20d=%22m%202430.6,5616.1%20126.59,-606.27%20c%200,0%20-122.95,-22.89%20-289.77,-81.58%20-166.82,-58.7%20-310.02,-142.92%20-310.02,-142.92%20l%20-311.72,536.78%20c%200,0%20163.32,98.27%20382.61,180.05%20219.29,81.79%20402.31,113.94%20402.31,113.94%22%3E%3C/path%3E%3Cpath%20d=%22m%201250.41,5046.4%20395.27,-475.45%20c%200,0%20-111.65,-99.71%20-185.56,-177.11%20-73.92,-77.41%20-135.16,-166.11%20-135.16,-166.11%20L%20824.195,4601.9%20c%200,0%20100.633,125.41%20187.085,218.03%2086.5,92.68%20239.13,226.47%20239.13,226.47%22%3E%3C/path%3E%3Cpath%20d=%22m%202437.65,3706.58%20h%20-407.5%20L%201566.2,2668.16%20h%20-4.27%20l%20-18.23,1038.42%20h%20-424.58%20l%20133.52,-1449.63%20h%20435.24%20z%20m%20988.11,-1042.57%20c%2041.5,195.22%20-51.13,311.53%20-230.12,342.68%20l%200.88,4.15%20c%20156.85,35.31%20305.1,120.46%20354.54,353.06%2045.91,216%20-80.78,342.68%20-396.54,342.68%20H%202591.26%20L%202283.13,2256.95%20h%20571.79%20c%20283.76,0%20509.92,120.46%20570.84,407.06%20z%20m%20-275.07,623.05%20c%20-26.05,-122.53%20-121.47,-159.91%20-219.61,-159.91%20h%20-78.95%20l%2067.55,317.75%20h%20102.41%20c%2093.87,0%20151.55,-49.84%20128.6,-157.84%20z%20M%203047.9,2693.09%20c%20-23.39,-110.08%20-101.45,-166.15%20-216.67,-166.15%20h%20-106.67%20l%2071.95,338.52%20h%20123.75%20c%20104.54,0%20150.6,-64.38%20127.64,-172.37%20z%20m%201653.71,-29.08%20c%2041.49,195.22%20-51.13,311.53%20-230.13,342.68%20l%200.89,4.15%20c%20156.85,35.31%20305.09,120.46%20354.54,353.06%2045.91,216%20-80.78,342.68%20-396.55,342.68%20H%203867.11%20L%203558.98,2256.95%20h%20571.79%20c%20283.76,0%20509.92,120.46%20570.84,407.06%20z%20m%20-275.08,623.05%20c%20-26.04,-122.53%20-121.46,-159.91%20-219.61,-159.91%20h%20-78.94%20l%2067.54,317.75%20h%20102.41%20c%2093.88,0%20151.56,-49.84%20128.6,-157.84%20z%20m%20-102.78,-593.97%20c%20-23.4,-110.08%20-101.46,-166.15%20-216.67,-166.15%20H%204000.4%20l%2071.96,338.52%20h%20123.75%20c%20104.54,0%20150.59,-64.38%20127.64,-172.37%22%3E%3C/path%3E%3Cpath%20d=%22m%202975.88,284.379%20c%200,0%20-769.75,-42.649%20-1499,455.762%20C%20694.781,1274.66%20471.969,1987.8%20471.969,1987.8%20h%20680.821%20c%200,0%20229.1,-457.19%20735.72,-772.28%20C%202428.5,879.672%202975.88,903.309%202975.88,903.309%22%3E%3C/path%3E%3Cpath%20d=%22m%203522.16,339.238%20-126.6,606.274%20c%200,0%20122.95,22.886%20289.77,81.578%20166.82,58.7%20310.03,142.92%20310.03,142.92%20l%20311.71,-536.78%20c%200,0%20-163.32,-98.261%20-382.61,-180.05%20-219.29,-81.789%20-402.3,-113.942%20-402.3,-113.942%22%3E%3C/path%3E%3Cpath%20d=%22m%204702.34,908.93%20-395.27,475.45%20c%200,0%20111.65,99.71%20185.57,177.12%2073.91,77.41%20135.15,166.11%20135.15,166.11%20l%20500.77,-374.17%20c%200,0%20-100.63,-125.41%20-187.08,-218.03%20-86.5,-92.68%20-239.14,-226.48%20-239.14,-226.48%22%3E%3C/path%3E%3C/g%3E%3C/svg%3E");

    --designIconBirneAn: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%22124%20-97%20693%20560%22%3E%3Cstyle%3Epath%7Bfill:%23fefefe%7D%3C/style%3E%3Cpath%20d=%22M256.187,13.35c-13.984,0.797-82.742-38.106-88.805-50.682c-6.063-12.577,3.88-36.724,20.59-36.079%20%09c16.71,0.646,79.294,35.238,88.806,50.682C286.29-7.284,270.171,12.553,256.187,13.35z%20M753.346,295.35c-13.984,0.797-82.741-38.106-88.805-50.682c-6.063-12.577,3.881-36.724,20.59-36.079%20%09c16.711,0.646,79.295,35.238,88.807,50.682C783.449,274.716,767.33,294.553,753.346,295.35z%20M774.072-37.312c-6.374,12.474-74.667,52.183-88.584,51.067c-13.917-1.116-29.741-21.891-20.748-35.988%20%09c8.994-14.099,70.451-50.656,88.585-51.069C771.459-73.714,780.444-49.785,774.072-37.312z%20M275.708,244.421c-6.374,12.474-74.667,52.182-88.584,51.067c-13.917-1.116-29.741-21.891-20.748-35.988%20%09c8.994-14.099,70.451-50.656,88.585-51.069C273.095,208.019,282.08,231.948,275.708,244.421z%20M236.148,132.713c-11.715,7.679-90.71,8.351-102.249,0.489c-11.537-7.862-14.995-33.748-0.2-41.54%20%09c14.796-7.793,86.292-9.113,102.25-0.491C251.908,99.795,247.862,125.033,236.148,132.713z%20M806.815,132.713c-11.716,7.679-90.71,8.351-102.249,0.489c-11.537-7.862-14.994-33.748-0.199-41.54%20%09c14.796-7.793,86.291-9.113,102.25-0.491C822.574,99.795,818.529,125.033,806.815,132.713z%20M382.859,400.156c0,6.887,1.986,13.605,5.779,19.348l18.747,28.1c5.742,8.613,18.779,15.617,29.138,15.617h67.451%20%09c10.323,0,23.362-7,29.104-15.617l18.682-28.088c3.213-4.855,5.85-13.529,5.85-19.359l0.14-42.875h-175L382.859,400.156z%20%09%20M469.594-96.72C358.075-96.378,277.75-5.987,277.75,94.781c0,48.541,17.981,92.794,47.644,126.656%20%09c18.08,20.606,46.31,63.69,57.116,100.024c0.033,0.273,0.102,0.564,0.137,0.855h175.219c0.034-0.291,0.103-0.564,0.137-0.855%20%09c10.801-36.334,39.035-79.417,57.115-100.024c29.695-32.922,47.633-77.109,47.633-126.656%20%09C662.75-10.755,576.234-97.045,469.594-96.72z%20M470.25,8.276c-48.268,0-87.5,39.255-87.5,86.516c0,10.599-7.875,18.474-17.5,18.474%20%09s-17.5-7.875-17.5-17.5c0-67.55,54.961-121.516,122.5-121.516c9.673,0,17.5,7.83,17.5,17.5S479.875,8.276,470.25,8.276z%22/%3E%3C/svg%3E");
 
    --designIconHaltestelle: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%22200%22%20height=%22200%22%20viewBox=%220%200%2074%2074%22%3E%3Ccircle%20fill=%22%23F0CA00%22%20cx=%2237%22%20cy=%2237%22%20r=%2237%22/%3E%3Ccircle%20fill=%22%23008754%22%20cx=%2237%22%20cy=%2237%22%20r=%2235%22/%3E%3Ccircle%20fill=%22%23F0CA00%22%20cx=%2237%22%20cy=%2237%22%20r=%2225%22/%3E%3Cpath%20fill=%22%23008754%22%20d=%22m%2044.5,34%20-15,0%200,-16%20-6,0%200,38%206,0%200,-17%2015,0%200,17%206,0%200,-38%20-6,0%20z%22/%3E%3C/svg%3E");
 



    --designIconDownW: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20448%20512%22%3E%3Cstyle%3E.fil0%7Bfill:%23fefefe%7D%3C/style%3E%3Cpath%20class=%22fil0%22%20d=%22M201.4%20137.4c12.5-12.5%2032.8-12.5%2045.3%200l160%20160c12.5%2012.5%2012.5%2032.8%200%2045.3s-32.8%2012.5-45.3%200L224%20205.3%2086.6%20342.6c-12.5%2012.5-32.8%2012.5-45.3%200s-12.5-32.8%200-45.3l160-160z%22/%3E%3C/svg%3E"); 
    --designIconDownG: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20448%20512%22%3E%3Cstyle%3E.fil0%7Bfill:%23009933%7D%3C/style%3E%3Cpath%20class=%22fil0%22%20d=%22M201.4%20137.4c12.5-12.5%2032.8-12.5%2045.3%200l160%20160c12.5%2012.5%2012.5%2032.8%200%2045.3s-32.8%2012.5-45.3%200L224%20205.3%2086.6%20342.6c-12.5%2012.5-32.8%2012.5-45.3%200s-12.5-32.8%200-45.3l160-160z%22/%3E%3C/svg%3E");
    



    --designFarbeIconLinkedin: #007ebb;
    --designFarbeIconFaceBook: #4267b2;
    --designFarbeIconInstagram: #c13584;
    --designFarbeIconVBB: #ed1c24;


    
    --designIconDeBus: '\f55e';

    --cassiopeia-color-primary: #fefefe;
	--cassiopeia-color-link: #fefefe;
	--cassiopeia-color-hover: #fefefe;
    --designFarbe-0: #fefefe;
    --designFarbe-1: #009933;
    --designFarbe-2: #e30d40;
    --designFarbe-3: #e8b818;
    --designFarbe-4: #0497cc;
    --designFarbe-5: #8c1744;
    --designFarbe-6: #d63d00;
    --designFarbe-7: #575d5e;
    --designFarbe-8: #fafafa;
    --designFarbe-9: #03565c;
    --designFarbe-10: #9c7d16;
    --designFarbe-11: #cf1059;
    --designFarbe-12: #b0bfbf;

    --designFarbe-0-11: #fefefe11;
    --designFarbe-1-11: #00993322;
    --designFarbe-2-11: #e30d4022;
    --designFarbe-3-11: #e8b81822;
    --designFarbe-4-11: #0497cc22;
    --designFarbe-5-11: #8c174422;
    --designFarbe-6-11: #d63d0022;
    --designFarbe-7-11: #575d5e22;
    --designFarbe-9-11: #03565c11;
    --designFarbe-10-11: #9c7d1611;
    --designFarbe-11-11: #cf105911;
    --designFarbe-12-11: #b0bfbf11;

    --designFarbe-0-33: #fefefe33;
	--designFarbe-0-33: #fefefe33;
    --designFarbe-1-33: #00993333;
    --designFarbe-2-33: #e30d4033;
    --designFarbe-3-33: #e8b81833;
    --designFarbe-4-33: #0497cc33;
    --designFarbe-5-33: #8c174433;
    --designFarbe-6-33: #d63d0033;
    --designFarbe-7-33: #575d5e33;
    --designFarbe-9-33: #03565c33;
    --designFarbe-10-33: #9c7d1633;
    --designFarbe-11-33: #cf105933;




	--designFarbe-0-99: #fefefe99;
    --designFarbe-1-99: #00993399;
    --designFarbe-2-99: #e30d4099;
    --designFarbe-3-99: #e8b81899;
    --designFarbe-4-99: #0497cc99;
    --designFarbe-5-99: #8c174499;
    --designFarbe-6-99: #d63d0099;
    --designFarbe-7-99: #575d5e99;

	--designFarbe-0-66: #fefefecc;
    --designFarbe-1-66: #009933cc;
    --designFarbe-2-66: #e30d40cc;
    --designFarbe-3-66: #e8b818cc;
    --designFarbe-4-66: #0497cccc;
    --designFarbe-5-66: #8c1744cc;
    --designFarbe-6-66: #d63d00cc;
    --designFarbe-7-66: #575d5ecc;

    --designFarbe-1-11-vt: #eef8f1;
    --designFarbe-2-11-vt: #fdeff1;
    --designFarbe-3-11-vt: #fdfaef;
    --designFarbe-4-11-vt: #edf7fb;
    --designFarbe-5-11-vt: #f7f0f2;
    --designFarbe-6-11-vt: #fcf2ee;
    --designFarbe-7-11-vt: #f3f3f3;
    --designFarbe-9-11-vt: #eef4f4;
    --designFarbe-10-11-vt: #f8f6ef;
    --designFarbe-11-11-vt: #fceff4;

    --designFarbe-1-33-vt: #ccebd6;
    
    --designFarbe-1-back: #f1f8f3;
    --designFarbe-2-back: #f8f1f3;
    --designFarbe-3-back: #f8f6f1;
    --designFarbe-4-back: #ebf0f2;
    --designFarbe-5-back: #f8f1f4;
    --designFarbe-6-back: #f4f0ee;
    --designFarbe-7-back: #e8eff0;


    --designfarbe-titel: #6c7486;
    --designFarbe-text: #4b4b4b;

    --danger: #f3443a;
    



    
  --designIconRightW: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20516.032%20516.032%22%3E%3Cstyle%3E.fil0%7Bfill:%23fefefe%7D%3C/style%3E%3Cpolygon%20class=%22fil0%22%20points=%22146.25,7.672%20398.672,260.036%20151.064,507.577%20113.218,469.742%20322.981,260.035%20108.404,45.507%22/%3E%3C/svg%3E");

  --designIconLeftW: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20516.032%20516.032%22%3E%3Cstyle%3E.fil0%7Bfill:%23fefefe%7D%3C/style%3E%3Cpolygon%20class=%22fil0%22%20points=%22401.134,45.899%20186.555,260.427%20396.31,470.133%20358.465,507.969%20110.866,260.427%20363.289,8.063%20%22/%3E%3C/svg%3E");

  --designIconRightR: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20516.032%20516.032%22%3E%3Cstyle%3E.fil0%7Bfill:%23e30613%7D%3C/style%3E%3Cpolygon%20class=%22fil0%22%20points=%22146.25,7.672%20398.672,260.036%20151.064,507.577%20113.218,469.742%20322.981,260.035%20108.404,45.507%22/%3E%3C/svg%3E");

  --designIconLeftR: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20516.032%20516.032%22%3E%3Cstyle%3E.fil0%7Bfill:%23e30613%7D%3C/style%3E%3Cpolygon%20class=%22fil0%22%20points=%22401.134,45.899%20186.555,260.427%20396.31,470.133%20358.465,507.969%20110.866,260.427%20363.289,8.063%20%22/%3E%3C/svg%3E");





}


::-moz-selection { background: var(--designFarbe-1-99); color: #fff; }
::selection { background: var(--designFarbe-1-99); color: #fff; }



html {
  scroll-behavior: smooth;
}
* {
  font-family: 'Quicksand';
  color: var(--designFarbe-text);
  /* user-select: none; */
}
a {
  color: var(--designFarbe-text);
}
a:focus, a:hover {
    color: var(--designFarbe-text);
}
strong {
    color: var(--designfarbe-titel);
}

.knoepfchenPdfAnschauen a:before {
    content: '\f15c';
}
.knoepfchenFormularAnschauen a:before {
    content: '\f5ad';
}
.knoepfchenFlyerAnschauen a:before {
    content: '\f5da';
}
.knoepfchenDeBusAnschauen a:before {
    content: '\f55e';
}

q {
    font-style: italic;
}








/* ##############################################   Menu   ############################################## */


.container-header .container-nav {
    padding-bottom: 1.3em;
}

header > div {
	flex-direction: row-reverse;
}
header > div > div {
	width: 25%;
}
header > div > nav {
	width: 66%;
}
header > div > nav > div > ul {
	justify-content: flex-end;
}
header .navbar {
    display: block;
}
header nav a {
	text-decoration: none !important;
}
header li.level-1 > a {
	width: 120px;
	height: 120px;
	border-radius: 3px 3px 10px 10px;
	padding: 5px;
	box-shadow: inset 0 0 0 0px #fefefe, inset 0px 0px 0 0px var(--designFarbe-9), 0 0 0 0px var(--designFarbe-0);
	display: flex;
	justify-content: center;
    align-items: end;
    text-align: center;
	transition: all 0.3s ease-in-out;
    line-height: 1.2;
}




header li.level-1:nth-of-type(2) > a,
header li.level-1:nth-of-type(4) > a,
header li.level-1:nth-of-type(5) > a {
	padding: 5px 5px 5px 5px;
}

header li.level-1:hover > a {
    border-radius: 10px 10px 1px 1px;
    margin-top: -15px;
}
header li.level-1 > a:before {
    color: #fafafa ;
    position: absolute ;
    right: 50% ;
    bottom: 72% ;
    width: 25px ;
    height: 25px ;
    font-family: "Font Awesome 5 Free" ;
    font-weight: 900 ;
    font-size: 1.6rem ;
	transition: all 0.3s;
	box-shadow: inset 0 0 0 0 #fefefe;
}
header ul.mod-menu > li:nth-of-type(1) > a:before {
    content: '\f05a';
    transform: translate(50%, 50%) ;
}
header ul.mod-menu > li:nth-of-type(2) > a:before {
    content: '\f55e';
    transform: translate(50%, 50%) ;
}
header ul.mod-menu > li:nth-of-type(3) > a:before {
    content: '\f3ff';
    transform: translate(40%, 70%) rotate(-45deg);
}
header ul.mod-menu > li:nth-of-type(4) > a:before {
    content: '\f0c0';
    transform: translate(40%, 70%);
}
header ul.mod-menu > li:nth-of-type(5) > a:before {
    content: '\f2a0';
    transform: translate(70%, 70%);
}
header ul.mod-menu > li:nth-of-type(6) > a:before {
    content: '';
    width: 33px;
    height: 27px;
    background-size: cover;
    background-image: var(--designIconBirneAn);
    transform: translate(50%, 82%);
}

header li.level-1:hover > a:before {
	text-shadow:  1px 1px 0 var(--designFarbe-9);
}
header li.level-1:hover > a {
    color: transparent;
    transition: all 0.3s;
}
header ul.mod-menu > li:nth-of-type(1) a:hover::before,
header ul.mod-menu > li:nth-of-type(2) a:hover::before {
    right: 58% ;
    bottom: 66% ;
    font-size: 2.6rem ;
	transition: all 0.3s;
}
header li.level-1:hover:nth-of-type(3) a::before,
header ul.mod-menu > li:nth-of-type(3) a:hover::before {
    right: 54% ;
    bottom: 62% ;
    font-size: 2rem ;
	transition: all 0.3s;
}
header li.level-1:hover:nth-of-type(4) a::before,
header ul.mod-menu > li:nth-of-type(4) a:hover::before {
    right: 58% ;
    bottom: 66% ;
    font-size: 2.4rem ;
	transition: all 0.3s;
}
header li.level-1:hover:nth-of-type(5) a::before,
header ul.mod-menu > li:nth-of-type(5) a:hover::before {
    right: 52% ;
    bottom: 70% ;
    font-size: 2.6rem ;
	transition: all 0.3s;
}
header li.level-1:hover:nth-of-type(6) a::before,
header ul.mod-menu > li:nth-of-type(6) a:hover::before {
    width: 49px;
    height: 40px;
    right: 50%;
    bottom: 67%;
	transition: all 0.3s;
}



header .metismenu.mod-menu li.level-1 > button.mm-toggler {
    width: 80px;
    height: 0px;
	border-radius: 3px 3px 3px 3px;
	position: absolute;
    bottom: 15px;
	margin-left: 20px;
    transition: 0.3s ease-in-out;
   
}
header .metismenu.mod-menu li.level-1:nth-of-type(3) > button.mm-toggler {
	background: var(--designFarbe-4-66);
}
header .metismenu.mod-menu li.level-1:nth-of-type(4) > button.mm-toggler {
	background: var(--designFarbe-5-66);
}
header .metismenu.mod-menu li.level-1:nth-of-type(5) > button.mm-toggler {
	background: var(--designFarbe-6-66);
}
header .metismenu.mod-menu li.level-1:nth-of-type(6) > button.mm-toggler {
	background: var(--designFarbe-7-66);
}
header .metismenu.mod-menu li.level-1:hover button.mm-toggler {
	width: 80px;
    height: 50px;
	border-radius: 3px 3px 3px 3px;
    bottom: -20px;
    box-shadow: 0 0 0 1px var(--designFarbe-0);
}
.metismenu.mod-menu .metismenu-item>a, .metismenu.mod-menu .metismenu-item>button, .metismenu.mod-menu .metismenu-item>span {
    white-space: break-spaces;
}

.metismenu.mod-menu .mm-toggler:after {
    margin-left: 30px;
	margin-top: -15px;
    transition: 0.3s ease-in-out 0s;
    color: var(--designFarbe-0);
}
.metismenu.mod-menu :hover .mm-toggler:after {
	margin-top: 15px;
    transition: 0.3s ease-in-out 0.1s;
}


.metismenu.mod-menu li.metismenu-item.level-1 {
    padding: 0em 0.2em;
}
.metismenu.mod-menu li.metismenu-item.level-2 {
	padding: 0;
    margin: 3px;
}
.metismenu.mod-menu li.metismenu-item.level-2 a {
	margin: 1px;
    line-height: 1.2rem;
}





nav li > ul {
	margin-top: 20px;
	padding-top: 10px !important;
} 
nav li:nth-of-type(3) > ul {
	margin-left: -37px;
}
nav li:nth-of-type(4) > ul {
	margin-left: -35px;
}
nav li:nth-of-type(5) > ul {
	margin-left: -35px;
}
nav li:nth-of-type(6) > ul {
	margin-left: -36px;
}

nav li > ul a {
    height: 60px;
	margin: 5px;
	padding: 5px;
	border-radius: 2px;
	width: 100%;
	text-align: center;
	display: flex;
	justify-content: center;
    align-items: center;
    border: 1px solid;
}



	
header li.level-1:nth-of-type(1) > a {
    background: var(--designFarbe-2);
}
header li.level-1:nth-of-type(1):hover > a {
    box-shadow: inset 0 0 0 0px #fefefe, inset 0.5px 0.5px 0 0px var(--designFarbe-9), 0 0 0 0px var(--designFarbe-2);
}
nav li:nth-of-type(1) > ul a {
	background: var(--designFarbe-2-11-vt);
}
header li.level-1:nth-of-type(1) > ul > li > a {
	color: var(--designFarbe-2);
}

header li.level-1:nth-of-type(2) > a {
    background: var(--designFarbe-3);
}
header li.level-1:nth-of-type(2):hover > a {
    box-shadow: inset 0 0 0 0px #fefefe, inset 0.5px 0.5px 0 0px var(--designFarbe-9), 0 0 0 1px var(--designFarbe-3);
}
nav li:nth-of-type(2) > ul a {
	background: var(--designFarbe-3-11);
}
header li.level-1:nth-of-type(2) > ul > li > a {
	color: var(--designFarbe-3);
}

header li.level-1:nth-of-type(3) > a {
    background: var(--designFarbe-4);
}
header li.level-1:nth-of-type(3):hover > a {
    box-shadow: inset 0 0 0 0px #fefefe, inset 0.5px 0.5px 0 0px var(--designFarbe-9), 0 0 0 1px var(--designFarbe-4);
}
nav li:nth-of-type(3) > ul a {
	background: var(--designFarbe-4);
}
header li.level-1:nth-of-type(3) > ul > li > a {
	color: var(--designFarbe-4-11-vt);
}
.metismenu.mod-menu li.level-1:nth-of-type(3) li.metismenu-item.level-2 a {
	/*box-shadow: 0px 0 0 0 var(--designFarbe-4-66), 0px 0 0 0 var(--designFarbe-4-66), inset 0 0px 0 0 var(--designFarbe-0), inset 0 0px 0 0 var(--designFarbe-0), inset 0 0 0 50px var(--designFarbe-4-11), inset 0 0 0 50px var(--designFarbe-0);*/
    transition: all 0.5s ease-in-out ;
}
.metismenu.mod-menu li.level-1:nth-of-type(3) li.metismenu-item.level-2:hover a {
	/*box-shadow: 2px 0 0 0 var(--designFarbe-4-66), -2px 0 0 0 var(--designFarbe-4-66), inset 0 5px 0 0 var(--designFarbe-0), inset 0 -5px 0 0 var(--designFarbe-0), inset 0 0 0 50px var(--designFarbe-4-11), inset 0 0 0 50px var(--designFarbe-0);*/
    transition: 0.3s ease-in-out ;
    background: var(--designFarbe-4-11-vt);
    color: var(--designFarbe-4);
}



header li.level-1:nth-of-type(4) > a {
    background: var(--designFarbe-5);
}
header li.level-1:nth-of-type(4):hover > a {
    box-shadow: inset 0 0 0 0px #fefefe, inset 0.5px 0.5px 0 0px var(--designFarbe-9), 0 0 0 1px var(--designFarbe-5);
}
nav li:nth-of-type(4) > ul a {
	background: var(--designFarbe-5);
}
header li.level-1:nth-of-type(4) > ul > li > a {
	color: var(--designFarbe-5-11-vt);
}
.metismenu.mod-menu li.level-1:nth-of-type(4) li.metismenu-item.level-2 a {
	/*box-shadow: 0px 0 0 0 var(--designFarbe-5-66), 0px 0 0 0 var(--designFarbe-5-66), inset 0 0px 0 0 var(--designFarbe-0), inset 0 0px 0 0 var(--designFarbe-0), inset 0 0 0 50px var(--designFarbe-5-11), inset 0 0 0 50px var(--designFarbe-0);*/
    transition: all 0.5s ease-in-out ;
}
.metismenu.mod-menu li.level-1:nth-of-type(4) li.metismenu-item.level-2:hover a {
	/*box-shadow: 2px 0 0 0 var(--designFarbe-5-66), -2px 0 0 0 var(--designFarbe-5-66), inset 0 5px 0 0 var(--designFarbe-0), inset 0 -5px 0 0 var(--designFarbe-0), inset 0 0 0 50px var(--designFarbe-5-11), inset 0 0 0 50px var(--designFarbe-0);*/
    transition: 0.3s ease-in-out ;
    background: var(--designFarbe-5-11-vt);
    color: var(--designFarbe-5);
}



header li.level-1:nth-of-type(5) > a {
    background: var(--designFarbe-6);
}
header li.level-1:nth-of-type(5):hover > a {
    box-shadow: inset 0 0 0 0px #fefefe, inset 0.5px 0.5px 0 0px var(--designFarbe-9), 0 0 0 1px var(--designFarbe-6);
}
nav li:nth-of-type(5) > ul a {
	background: var(--designFarbe-6);
}
header li.level-1:nth-of-type(5) > ul > li > a {
	color: var(--designFarbe-6-11-vt);
}
.metismenu.mod-menu li.level-1:nth-of-type(5) li.metismenu-item.level-2 a {
	/*box-shadow: 0px 0 0 0 var(--designFarbe-6-66), 0px 0 0 0 var(--designFarbe-6-66), inset 0 0px 0 0 var(--designFarbe-0), inset 0 0px 0 0 var(--designFarbe-0), inset 0 0 0 50px var(--designFarbe-6-11), inset 0 0 0 50px var(--designFarbe-0);*/
    transition: all 0.5s ease-in-out ;
}
.metismenu.mod-menu li.level-1:nth-of-type(5) li.metismenu-item.level-2:hover a {
	/*box-shadow: 2px 0 0 0 var(--designFarbe-6-66), -2px 0 0 0 var(--designFarbe-6-66), inset 0 5px 0 0 var(--designFarbe-0), inset 0 -5px 0 0 var(--designFarbe-0), inset 0 0 0 50px var(--designFarbe-6-11), inset 0 0 0 50px var(--designFarbe-0);*/
    transition: 0.3s ease-in-out ;
    background: var(--designFarbe-6-11-vt);
    color: var(--designFarbe-6);
}



header li.level-1:nth-of-type(6) > a {
    background: var(--designFarbe-7);
}
header li.level-1:nth-of-type(6):hover > a {
    box-shadow: inset 0 0 0 0px #fefefe, inset 0.5px 0.5px 0 0px var(--designFarbe-9), 0 0 0 1px var(--designFarbe-7);
}
nav li:nth-of-type(6) > ul a {
	background: var(--designFarbe-7);
}
header li.level-1:nth-of-type(6) > ul > li > a {
	color: var(--designFarbe-7-11-vt);
}
.metismenu.mod-menu li.level-1:nth-of-type(6) li.metismenu-item.level-2 a {
	/*box-shadow: 0px 0 0 0 var(--designFarbe-7-66), 0px 0 0 0 var(--designFarbe-7-66), inset 0 0px 0 0 var(--designFarbe-0), inset 0 0px 0 0 var(--designFarbe-0), inset 0 0 0 50px var(--designFarbe-7-11), inset 0 0 0 50px var(--designFarbe-0);*/
    transition: all 0.5s ease-in-out ;
}
.metismenu.mod-menu li.level-1:nth-of-type(6) li.metismenu-item.level-2:hover a {
	/*box-shadow: 2px 0 0 0 var(--designFarbe-7-66), -2px 0 0 0 var(--designFarbe-7-66), inset 0 5px 0 0 var(--designFarbe-0), inset 0 -5px 0 0 var(--designFarbe-0), inset 0 0 0 50px var(--designFarbe-7-11), inset 0 0 0 50px var(--designFarbe-0);*/
    transition: 0.1s ease-in-out ;
    background: var(--designFarbe-7-11-vt);
    color: var(--designFarbe-7);
}



.metismenu.mod-menu .metismenu-item>ul {
    box-shadow: 0 0 0 rgb(0 0 0);
	background: var(--designFarbe-0);
	background: transparent;
}


/* Dumbo Ohren*/
/*
.metismenu.mod-menu .metismenu-item > ul > li::before {
    content: '';
    width: 0px;
    height: 50px;
    position: absolute;
    left: -10px;
    transition: all 0.3s;
}
.metismenu.mod-menu .metismenu-item > ul > li:hover::before {
    width: 50px;
    left: -60px;
    transition: all 0.3s;
}
.metismenu.mod-menu .metismenu-item > ul > li::after {
    content: '';
    width: 0px;
    height: 50px;
    position: absolute;
    right: -10px;
    transition: all 0.3s;
}
.metismenu.mod-menu .metismenu-item > ul > li:hover::after {
    width: 50px;
    right: -60px;
    transition: all 0.3s;
}
*/


ul.metismenu li:nth-of-type(3) ul li::before,
ul.metismenu li:nth-of-type(3) ul li::after {
    background-color: var(--designFarbe-4-11-vt);
}
ul.metismenu li:nth-of-type(4) ul li::before,
ul.metismenu li:nth-of-type(4) ul li::after {
    background-color: var(--designFarbe-5-11-vt);
}
ul.metismenu li:nth-of-type(5) ul li::before,
ul.metismenu li:nth-of-type(5) ul li::after {
    background-color: var(--designFarbe-6-11-vt);
}
ul.metismenu li:nth-of-type(6) ul li::before,
ul.metismenu li:nth-of-type(6) ul li::after {
    background-color: var(--designFarbe-7-11-vt);
}
 











.container-header .mod-menu>li>a {
	color: var(--designFarbe-0);
}
.level-2 a {
	color: var(--designFarbe-5);
}


.container-header .metismenu>li>a:after, .container-header .metismenu>li>button:before {
    opacity: 0;
    color: var(--designFarbe-0);
}

  /* Navbar Bugfix */
  .navbar:has(.mm-active) > button {
    pointer-events: none;
  }


/* ############################################## Headder Minimiren ############################################## */



header.minimiren li.level-1:nth-of-type(1):hover > a,
header.minimiren li.level-1:nth-of-type(2):hover > a {
    color: var(--designFarbe-0);
}
header.minimiren li.level-1:nth-of-type(3):hover > a,
header.minimiren li.level-1:nth-of-type(4):hover > a,
header.minimiren li.level-1:nth-of-type(5):hover > a,
header.minimiren li.level-1:nth-of-type(6):hover > a {
    color: var(--designFarbe-0);
    padding-bottom: 29px;
}
header.minimiren li.level-1:nth-of-type(6):hover > a {
    color: var(--designFarbe-0);
}

header.minimiren.container-header .container-nav {
    padding-bottom: 0;
}

header .container-search p {
    margin-bottom: 0;
}
header .container-search img {
    height: 85px;
    width: 326px;
    max-width: inherit;
    margin-top: 1rem;
    margin-bottom: 0;
    transition: all 0.3s;
}
header.minimiren .container-search img {
    height: 53px;
    width: 204px;
    margin-top: 0;
    margin-bottom: 1rem;
    transition: all 0.3s;
}
header.minimiren + .site-grid .infoBox {
    top: 47px !important;
}
header.minimiren li.level-1 > a {
    height: 53px;
}
header.minimiren li.level-1 > a::before {
    opacity: 0;
}
header.minimiren {
    height: 86px;
    transition: all 0.3s;
}
header.minimiren + div .slider + * {
    margin-top: calc(calc(calc(calc(100vw / 12) * 5) + -1em) + -45px);
    margin-bottom: 13px;
}
.itemid-240 header.minimiren + div .slider + * {
    margin-top: calc(calc(calc(calc(100vw / 12) * 5) + -1em) + 88px);
    margin-bottom: 0;
}




@-moz-document url-prefix() {
header.minimiren + .site-grid .infoBox {
    top: 0px !important;
  }
}
header.minimiren + div .grid-child.container-top-b {
    top: -9px;
    transition: all 0.3s;
}


.sliderBild div {
    transition: all 0.3s;
}header.minimiren + div .sliderBild div {
    opacity: 0;
    transition: all 0.2s;
}





/* ############################################## Template ############################################## */
/*.grid-child.container-component*/

html {
    /*overflow-x: hidden;*/
}
body {
    overflow-x: hidden;
}
.site-grid {
    overflow: clip;
}
.seite h1 {
    width: 100%;
}
.seite h2 {
    width: 100%;
    margin-bottom: 5rem;
}
.itemid-120 .seite h2 {
    margin-bottom: 0.8rem;
}

.displayNone,
.view-article .container-banner,
.view-article .anleitText  {
    display: none;
}

.displayOpacityNone {
    opacity: 0;
    user-select: none;
    pointer-events: none;
}


.blurWebsite {
    filter: blur(2px) brightness(0.6) sepia(100%);
    pointer-events: none;
    transition: all 0.5s;
}
.blurWebsite .section.slider{
    top:0;
}


/* ############################################## Schriftgroessen ############################################## */


h1, h2, h3, h4, h5, h6 {
    font-family: 'Quicksand Bold';
}
h1 {
    font-size: 2.7rem;
    line-height: 3.35rem;
}
h2 {
    font-size: 2.7rem;
    line-height: 3.35rem;
}
.seite_1 h2 {
    box-shadow: -5px 8px 0 -4px var(--designFarbe-1-back), -5px 10px 0 -5px var(--designFarbe-1);
}
.seite_2 h2 {
    box-shadow: -5px 8px 0 -4px var(--designFarbe-2-back), -5px 10px 0 -5px var(--designFarbe-2);
}
.seite_3 h2 {
    box-shadow: -5px 8px 0 -4px var(--designFarbe-3-back), -5px 10px 0 -5px var(--designFarbe-3);
}
.seite_4 h2 {
    box-shadow: -5px 8px 0 -4px var(--designFarbe-4-back), -5px 10px 0 -5px var(--designFarbe-4);
}
.seite_5 h2 {
    box-shadow: -5px 8px 0 -4px var(--designFarbe-5-back), -5px 10px 0 -5px var(--designFarbe-5);
}
.seite_6 h2 {
    box-shadow: -5px 8px 0 -4px var(--designFarbe-6-back), -5px 10px 0 -5px var(--designFarbe-6);
}
.seite_7 h2 {
    box-shadow: -5px 8px 0 -4px var(--designFarbe-7-back), -5px 10px 0 -5px var(--designFarbe-7);
}
h3 {
    margin-top: 5rem;
}
h4 {
    width: 100%;
    margin: 0 0 1rem 0;
}
h5 {
    margin: 3rem 0 2rem 0;
}
p, .texteDiv ul li,
.itemid-302 .seite .section ul li,
.itemid-303 .seite .section ul li {
    font-size: 1.3rem;
    line-height: 1.8rem;
}
.texteDiv ul li {
    text-align: start;
}




/* ############################################## Buttons ############################################## */

.knoepfchen {
    width: 100%;
    margin: 5rem 0;
    display: flex;
    justify-content: center;
}
.knoepfchen a {
    padding: 11px 50px;
    border-radius: 3px;
    text-decoration: none;
}
.texteDiv .knoepfchen {
    margin: 0;
    display: block;
}
.texteDiv h3 ~ .knoepfchen {
    margin: 1rem 0;
}



.section_1 a.knoepfchen_standard {
    color: var(--designFarbe-0);
    background-color: var(--designFarbe-1);
    box-shadow: 0 0 0 1px var(--designFarbe-0);
    transition: all 0.3s ease-in-out ;
}
.section_1 a.knoepfchen_standard:hover {
    color: var(--designFarbe-1);
    background-color: var(--designFarbe-0);
    box-shadow: 0 0 0 1px var(--designFarbe-1);
}
.section_2 a.knoepfchen_standard {
    color: var(--designFarbe-0);
    background-color: var(--designFarbe-2);
    box-shadow: 0 0 0 1px var(--designFarbe-0);
    transition: all 0.3s ease-in-out ;
}
.section_2 a.knoepfchen_standard:hover {
    color: var(--designFarbe-2);
    background-color: var(--designFarbe-0);
    box-shadow: 0 0 0 1px var(--designFarbe-2);
}
.section_3 a.knoepfchen_standard {
    color: var(--designFarbe-0);
    background-color: var(--designFarbe-3);
    box-shadow: 0 0 0 1px var(--designFarbe-0);
    transition: all 0.3s ease-in-out ;
}
.section_3 a.knoepfchen_standard:hover {
    color: var(--designFarbe-3);
    background-color: var(--designFarbe-0);
    box-shadow: 0 0 0 1px var(--designFarbe-3);
}
.section_4 a.knoepfchen_standard {
    color: var(--designFarbe-0);
    background-color: var(--designFarbe-4);
    box-shadow: 0 0 0 1px var(--designFarbe-0);
    transition: all 0.3s ease-in-out ;
}
.section_4 a.knoepfchen_standard:hover {
    color: var(--designFarbe-4);
    background-color: var(--designFarbe-0);
    box-shadow: 0 0 0 1px var(--designFarbe-4);
}
.section_5 a.knoepfchen_standard {
    color: var(--designFarbe-0);
    background-color: var(--designFarbe-5);
    box-shadow: 0 0 0 1px var(--designFarbe-0);
    transition: all 0.3s ease-in-out ;
}
.section_5 ~ .bewerbungen a.knoepfchen_standard {
    color: var(--designFarbe-0);
    background-color: var(--designFarbe-5);
    box-shadow: 0 0 0 1px var(--designFarbe-0);
    transition: all 0.3s ease-in-out ;
}
.section_5 a.knoepfchen_standard:hover {
    color: var(--designFarbe-5);
    background-color: var(--designFarbe-0);
    box-shadow: 0 0 0 1px var(--designFarbe-5);
}
.section_5 ~ .bewerbungen a.knoepfchen_standard:hover {
    color: var(--designFarbe-5);
    background-color: var(--designFarbe-0);
    box-shadow: 0 0 0 1px var(--designFarbe-5);
}
.section_6 a.knoepfchen_standard {
    color: var(--designFarbe-0);
    background-color: var(--designFarbe-6);
    box-shadow: 0 0 0 1px var(--designFarbe-0);
    transition: all 0.3s ease-in-out ;
}
.section_6 a.knoepfchen_standard:hover {
    color: var(--designFarbe-6);
    background-color: var(--designFarbe-0);
    box-shadow: 0 0 0 1px var(--designFarbe-6);
}
.section_7 a.knoepfchen_standard {
    color: var(--designFarbe-0);
    background-color: var(--designFarbe-7);
    box-shadow: 0 0 0 1px var(--designFarbe-0);
    transition: all 0.3s ease-in-out ;
}
.section_7 a.knoepfchen_standard:hover {
    color: var(--designFarbe-7);
    background-color: var(--designFarbe-0);
    box-shadow: 0 0 0 1px var(--designFarbe-7);
}



/* #### Aktuelle Baustellen Buttons ### */
.section_2 .texteDiv h5 ~ .knoepfchen {
    width: fit-content;
}
.section_2 .texteDiv h5 ~ .knoepfchen a {
    width: fit-content;
    display: block;
}
.section_2 .texteDiv h5 ~ .knoepfchen a:hover {
    font-weight: 700;
    margin-left: 2rem;
    letter-spacing: 0.1rem;
}
.section_2 .texteDiv h5 ~ .knoepfchen::before {
    content: "\f019";
    font-family: 'Font Awesome 5 Free';
    font-size: 1rem;
    color: var(--designFarbe-0);
    font-weight: 900;
    margin-left: 3rem;
    margin-top: 0.7rem;
    position: absolute;
    opacity: 0;
    transition: 0.5s;
}
.section_2 .texteDiv h5 ~ .knoepfchen:hover::before {
    color: var(--designFarbe-2);
    font-weight: 900;
    margin-left: 0.5rem;
    opacity: 1;
    transition: 0.5s;
}
.section_2 .texteDiv a.knoepfchen_standard:hover {
    color: var(--designFarbe-0);
    background-color: var(--designFarbe-2);
    box-shadow: 0 0 0 1px var(--designFarbe-0);
    transition: all 0.3s ease-in-out ;
}
.section_2 .texteDiv a.knoepfchen_standard {
    color: var(--designFarbe-2);
    background-color: var(--designFarbe-0);
    box-shadow: 0 0 0 1px var(--designFarbe-2);
}



/* #### Aktuelle Fahrpläne Buttons ### */
.section_3 .texteDiv h5 ~ .knoepfchen {
    width: fit-content;
}
.section_3 .texteDiv h5 ~ .knoepfchen a {
    width: fit-content;
    display: block;
}
.section_3 .texteDiv h5 ~ .knoepfchen a:hover {
    font-weight: 700;
    margin-left: 2rem;
    letter-spacing: 0.1rem;
}
.section_3 .texteDiv h5 ~ .knoepfchen::before {
    content: "\f019";
    font-family: 'Font Awesome 5 Free';
    font-size: 1rem;
    color: var(--designFarbe-0);
    font-weight: 900;
    margin-left: 3rem;
    margin-top: 0.7rem;
    position: absolute;
    opacity: 0;
    transition: 0.5s;
}
.section_3 .texteDiv h5 ~ .knoepfchen:hover::before {
    color: var(--designFarbe-3);
    font-weight: 900;
    margin-left: 0.5rem;
    opacity: 1;
    transition: 0.5s;
}
.section_3 .texteDiv a.knoepfchen_standard:hover {
    color: var(--designFarbe-0);
    background-color: var(--designFarbe-3);
    box-shadow: 0 0 0 1px var(--designFarbe-0);
    transition: all 0.3s ease-in-out ;
}
.section_3 .texteDiv a.knoepfchen_standard {
    color: var(--designFarbe-3);
    background-color: var(--designFarbe-0);
    box-shadow: 0 0 0 1px var(--designFarbe-3);
}



/* #### Tickets & Tarife Buttons ### */
.section_4 .texteDiv h5 ~ .knoepfchen {
    width: fit-content;
}
.section_4 .texteDiv h5 ~ .knoepfchen a {
    width: fit-content;
    display: block;
}
.section_4 .texteDiv h5 ~ .knoepfchen a:hover {
    font-weight: 700;
    margin-left: 2rem;
    letter-spacing: 0.1rem;
}
.section_4 .texteDiv h5 ~ .knoepfchen::before {
    content: "\f019";
    font-family: 'Font Awesome 5 Free';
    font-size: 1rem;
    color: var(--designFarbe-0);
    font-weight: 900;
    margin-left: 3rem;
    margin-top: 0.7rem;
    position: absolute;
    opacity: 0;
    transition: 0.5s;
}
.section_4 .texteDiv h5 ~ .knoepfchen:hover::before {
    color: var(--designFarbe-4);
    font-weight: 900;
    margin-left: 0.5rem;
    opacity: 1;
    transition: 0.5s;
}
.section_4 .texteDiv a.knoepfchen_standard:hover {
    color: var(--designFarbe-0);
    background-color: var(--designFarbe-4);
    box-shadow: 0 0 0 1px var(--designFarbe-0);
    transition: all 0.3s ease-in-out ;
}
.section_4 .texteDiv a.knoepfchen_standard {
    color: var(--designFarbe-4);
    background-color: var(--designFarbe-0);
    box-shadow: 0 0 0 1px var(--designFarbe-4);
}





.section_4.dTicket .texteDiv h3 ~ .knoepfchen {
    margin: 2rem 0;
    width: fit-content;
}
.section_4.dTicket .texteDiv a.knoepfchen_standard {
    color: var(--designFarbe-4);
    background-color: var(--designFarbe-0);
    box-shadow: 0 0 0 1px var(--designFarbe-4);
}
.section_4.dTicket .texteDiv h3 ~ .knoepfchen a:hover {
    font-weight: 700;
    margin-left: 2rem;
    letter-spacing: 0.1rem;
}
.section_4.dTicket .texteDiv h3 ~ .knoepfchen::before {
    content: "\f054";
    font-family: 'Font Awesome 5 Free';
    font-size: 1rem;
    color: var(--designFarbe-0);
    font-weight: 900;
    margin-left: 3rem;
    margin-top: 0rem;
    position: absolute;
    opacity: 0;
    transition: 0.5s;
}
.section_4.dTicket .texteDiv h3 ~ .knoepfchen:hover::before {
    color: var(--designFarbe-4);
    font-weight: 900;
    margin-left: 0.5rem;
    opacity: 1;
    transition: 0.5s;
}
@media (max-width: 760px) {
.section_4.dTicket .texteDiv h3 ~ .knoepfchen a:hover {
    font-weight: initial;
    margin-left: 0;
    letter-spacing: initial;
}
    .section_4.dTicket .texteDiv h3 ~ .knoepfchen::before {
        display: none;
    }
}








/* #### Karriere Buttons ### */
.section_5 .texteDiv h3 ~ .knoepfchen {
    width: fit-content;
}
.section_5 ~ .bewerbungen .texteDiv .knoepfchen {
    width: fit-content;
}
.section_5 .texteDiv h3 ~ .knoepfchen a {
    width: fit-content;
    display: block;
}
.section_5 ~ .bewerbungen .texteDiv  .knoepfchen a {
    width: fit-content;
    display: block;
}
.section_5 .texteDiv h3 ~ .knoepfchen a:hover {
    font-weight: 700;
    margin-left: 2rem;
    letter-spacing: 0.1rem;
}
.section_5 ~ .bewerbungen .texteDiv .knoepfchen a:hover {
    font-weight: 700;
    margin-left: 2rem;
    letter-spacing: 0.1rem;
}
.section_5 .texteDiv h3 ~ .knoepfchen::before {
    content: "\f054";
    font-family: 'Font Awesome 5 Free';
    font-size: 1rem;
    color: var(--designFarbe-0);
    font-weight: 900;
    margin-left: 3rem;
    margin-top: 0.7rem;
    position: absolute;
    opacity: 0;
    transition: 0.5s;
}
.section_5 ~ .bewerbungen .texteDiv .knoepfchen::before {
    content: "\f054";
    font-family: 'Font Awesome 5 Free';
    font-size: 1rem;
    color: var(--designFarbe-0);
    font-weight: 900;
    margin-left: 3rem;
    margin-top: 0.7rem;
    position: absolute;
    opacity: 0;
    transition: 0.5s;
}
.section_5 .texteDiv h3 ~ .knoepfchen:hover::before {
    color: var(--designFarbe-5);
    font-weight: 900;
    margin-left: 0.5rem;
    opacity: 1;
    transition: 0.5s;
}
.section_5 ~ .bewerbungen .texteDiv .knoepfchen:hover::before {
    color: var(--designFarbe-5);
    font-weight: 900;
    margin-left: 0.5rem;
    opacity: 1;
    transition: 0.5s;
}
.section_5 .texteDiv a.knoepfchen_standard:hover {
    color: var(--designFarbe-0);
    background-color: var(--designFarbe-5);
    box-shadow: 0 0 0 1px var(--designFarbe-0);
    transition: all 0.3s ease-in-out ;
}
.section_5 ~ .bewerbungen .texteDiv a.knoepfchen_standard:hover {
    color: var(--designFarbe-0);
    background-color: var(--designFarbe-5);
    box-shadow: 0 0 0 1px var(--designFarbe-0);
    transition: all 0.3s ease-in-out ;
}
.section_5 .texteDiv a.knoepfchen_standard {
    color: var(--designFarbe-5);
    background-color: var(--designFarbe-0);
    box-shadow: 0 0 0 1px var(--designFarbe-5);
}
.section_5 ~ .bewerbungen .texteDiv a.knoepfchen_standard {
    color: var(--designFarbe-5);
    background-color: var(--designFarbe-0);
    box-shadow: 0 0 0 1px var(--designFarbe-5);
}



/* #### Downloads Service Buttons ### */
.section_6 .texteDiv h5 ~ .knoepfchen {
    width: fit-content;
}
.section_6 .texteDiv h5 ~ .knoepfchen a {
    width: fit-content;
    display: block;
}
.section_6 .texteDiv h5 ~ .knoepfchen a:hover {
    font-weight: 700;
    margin-left: 2rem;
    letter-spacing: 0.1rem;
}
.section_6 .texteDiv h5 ~ .knoepfchen::before {
    content: "\f019";
    font-family: 'Font Awesome 5 Free';
    font-size: 1rem;
    color: var(--designFarbe-0);
    font-weight: 900;
    margin-left: 3rem;
    margin-top: 0.7rem;
    position: absolute;
    opacity: 0;
    transition: 0.5s;
}
.section_6 .texteDiv h5 ~ .knoepfchen:hover::before {
    color: var(--designFarbe-6);
    font-weight: 900;
    margin-left: 0.5rem;
    opacity: 1;
    transition: 0.5s;
}
.section_6 .texteDiv a.knoepfchen_standard:hover {
    color: var(--designFarbe-0);
    background-color: var(--designFarbe-6);
    box-shadow: 0 0 0 1px var(--designFarbe-0);
    transition: all 0.3s ease-in-out ;
}
.section_6 .texteDiv a.knoepfchen_standard {
    color: var(--designFarbe-6);
    background-color: var(--designFarbe-0);
    box-shadow: 0 0 0 1px var(--designFarbe-6);
}


/* #### Downloads Werben Buttons ### */
.section_7 .texteDiv h5 ~ .knoepfchen {
    width: fit-content;
}
.section_7 .texteDiv h5 ~ .knoepfchen a {
    width: fit-content;
    display: block;
}
.section_7 .texteDiv h5 ~ .knoepfchen a:hover {
    font-weight: 700;
    margin-left: 2rem;
    letter-spacing: 0.1rem;
}
.section_7 .texteDiv h5 ~ .knoepfchen::before {
    content: "\f019";
    font-family: 'Font Awesome 5 Free';
    font-size: 1rem;
    color: var(--designFarbe-0);
    font-weight: 900;
    margin-left: 3rem;
    margin-top: 0.7rem;
    position: absolute;
    opacity: 0;
    transition: 0.5s;
}
.section_7 .texteDiv h5 ~ .knoepfchen:hover::before {
    color: var(--designFarbe-7);
    font-weight: 900;
    margin-left: 0.5rem;
    opacity: 1;
    transition: 0.5s;
}
.section_7 .texteDiv a.knoepfchen_standard:hover {
    color: var(--designFarbe-0);
    background-color: var(--designFarbe-7);
    box-shadow: 0 0 0 1px var(--designFarbe-0);
    transition: all 0.3s ease-in-out ;
}
.section_7 .texteDiv a.knoepfchen_standard {
    color: var(--designFarbe-7);
    background-color: var(--designFarbe-0);
    box-shadow: 0 0 0 1px var(--designFarbe-7);
}



/* #### Qualität Buttons ### */
.section_5 .texteDiv h5 ~ .knoepfchen {
    width: fit-content;
}
.section_5 .texteDiv h5 ~ .knoepfchen a {
    width: fit-content;
    display: block;
}
.section_5 .texteDiv h5 ~ .knoepfchen a:hover {
    font-weight: 700;
    margin-left: 2rem;
    letter-spacing: 0.1rem;
}
.section_5 .texteDiv h5 ~ .knoepfchen::before {
    content: "\f019";
    font-family: 'Font Awesome 5 Free';
    font-size: 1rem;
    color: var(--designFarbe-0);
    font-weight: 900;
    margin-left: 3rem;
    margin-top: 0.7rem;
    position: absolute;
    opacity: 0;
    transition: 0.5s;
}
.section_5 .texteDiv h5 ~ .knoepfchen:hover::before {
    color: var(--designFarbe-5);
    font-weight: 900;
    margin-left: 0.5rem;
    opacity: 1;
    transition: 0.5s;
}
.section_5 .texteDiv a.knoepfchen_standard:hover {
    color: var(--designFarbe-0);
    background-color: var(--designFarbe-5);
    box-shadow: 0 0 0 1px var(--designFarbe-0);
    transition: all 0.3s ease-in-out ;
}
.section_5 .texteDiv a.knoepfchen_standard {
    color: var(--designFarbe-5);
    background-color: var(--designFarbe-0);
    box-shadow: 0 0 0 1px var(--designFarbe-5);
}
.section_5 ~ .bewerbungen .texteDiv a.knoepfchen_standard {
    color: var(--designFarbe-5);
    background-color: var(--designFarbe-0);
    box-shadow: 0 0 0 1px var(--designFarbe-5);
}
.knoepfchen {
    position: relative;
}
.knoepfchenPdfAnschauen a::before {
    content: "\f15c";
    font-family: 'Font Awesome 5 Free';
    font-size: 1.3rem;
    color: var(--designFarbe-0);
    font-weight: 900;
    right: 1.5rem;
    position: absolute;
    transition: 0.5s;
}
.knoepfchenPdfAnschauen:hover a::before {
    color: var(--designFarbe-1);
    font-weight: 900;
    margin-left: 0.5rem;
    transition: 0.3s;
}
/* Button AGB  anpassen*/
.zweiZeilen {
    padding: 1rem 1.5rem !important;
    line-height: 2rem !important;
}









/* ############################################## Farben ############################################## */

h1 {
    color: var(--designFarbe-0);
}
.seite_7 h2, .seite_7 h3, .seite_7 h4, .seite_7 h5 {
    color: var(--designFarbe-7);
}
.seite_7 a {
    color: var(--designFarbe-7);
}
.seite_6 h2, .seite_6 h3, .seite_6 h4, .seite_6 h5 {
    color: var(--designFarbe-6);
}
.seite_6 a {
    color: var(--designFarbe-6);
}
.seite_5 h2, .seite_5 h3, .seite_5 h4, .seite_5 h5 {
    color: var(--designFarbe-5);
}
.seite_5 a {
    color: var(--designFarbe-5);
}
.seite_4 h2, .seite_4 h3, .seite_4 h4, .seite_4 h5 {
    color: var(--designFarbe-4);
}
.seite_4 a {
    color: var(--designFarbe-4);
}
.seite_3 h2, .seite_3 h3, .seite_3 h4, .seite_3 h5 {
    color: var(--designFarbe-3);
}
.seite_3 a {
    color: var(--designFarbe-3);
}
.seite_2 h2, .seite_2 h3, .seite_2 h4, .seite_2 h5 {
    color: var(--designFarbe-4);
}
.seite_2 a {
    color: var(--designFarbe-4);
}
.seite_1 h2, .seite_1 h3, .seite_1 h4, .seite_1 h5 {
    color: var(--designFarbe-1);
}
.seite_1 a {
    color: var(--designFarbe-1);
}
.seite_1 a strong {
    color: var(--designFarbe-1);
}


/* ############################################## Fahrpläne ############################################## */

.seite_3 ul.raum_eberswalde + ul,
.seite_3 ul.raum_bad_freienwalde + ul,
.seite_3 ul.raum_bernau + ul {
    display: none; 
}
.seite_3.infoBox-T-1 .texteDiv {
    padding: 1.7rem 2.1rem 1rem 2.1rem;
}
.seite_3.infoBox-T-1.infoBoxOpen img {
    margin: 0 2rem 2rem 0;
}
.seite_3.infoBox-T-1 h3 {
    margin-top: 1rem;
}
.seite_3.infoBox-T-1.infoBoxOpen picture * {
    float: left;
}






/* ############################################## Banner ############################################## */


/* platz für den Banner Joomla Template Killer */
.container-component>*+*, .container-component>:first-child, .container-sidebar-left>*+*, .container-sidebar-left>:first-child, .container-sidebar-right>*+*, .container-sidebar-right>:first-child {
    
}





/* banner margin-top: 157px muss als variable */
.view-article .page-header {
    display: none;
}


.view-category main {
     margin-top: calc( 600px + 10rem ) ;
    margin-top: calc(30vw + 5rem );
}

/* muss geixt werden */

.seiteBanner + #ankerAnzeigen {
    margin-top: calc(calc(calc( 600px + 20rem ) - 10rem) / 2);
    margin-bottom: calc(calc(calc( 600px + 20rem ) - 20rem) / 2);
    margin-top: calc(calc(calc( 30vw + 20rem ) - 10rem) / 2);
    margin-bottom: calc(calc(calc( 30vw + 20rem ) - 20rem) / 2);
}
.seiteBanner + :not(#ankerAnzeigen) {
    margin-top: calc(calc(calc( 600px + 20rem ) - 10rem) / 2);
    margin-top: calc(calc(calc( 30vw + 20rem ) - 10rem) / 2);
}
/* calc(calc(100vw / 12) * 5); */
/*
.slider + * {
    margin-top: calc(calc(calc(calc(100vw / 12) * 5) + 37rem) / 2);
    margin-bottom: calc(calc(calc(calc(100vw / 12) * 5) - 43rem ) / 2);
}
*/
.slider + * {
    margin-top: calc(calc(calc(calc(100vw / 12) * 5) + -1em) + -117px);
    margin-bottom: 85px;
}

.itemid-240 .slider + * {
    margin-top: calc(calc(calc(calc(100vw / 12) * 5) + -1em) + 16px);
    margin-bottom: 0;
}

.container-banner .seiteBanner {
    top: 0;
} 
.seiteBanner {
    width: 100vw;
    position: absolute;
    left: 0;
    top: 157px;
} 
.seiteBanner h1 {
    font-size: 2.7rem;
    line-height: 3.4rem;
    text-transform: uppercase;
}
.seiteBanner h1 + p {
    margin-top: 2rem;
    color: var(--designFarbe-0);
}
.bannerBild {
   position: absolute;
}
.bannerBild img {
    width: 100vw;
    height: 600px;
    object-fit: cover;
    object-position: 50% 50%;
    height: calc(100vw / 3.333);
}
.backgroundColor {
    width: 100vw;
    height: 600px;
    height: calc(100vw / 3.333);
    position: absolute;
}
.bannerTexte {
    width: 100vw;
    height: 600px;
    height: calc(100vw / 3.333);
    position: absolute;
    color: var(--designFarbe-0);
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}
.bannerTexte div {
    width: 100%;
    margin: 0 10vw;
}
.bannerTexte div p {
    /*text-align: justify;*/
    color: var(--designFarbe-0);
}

.seite_1 .backgroundColor {
    background: var(--designFarbe-1-66);
}
.seite_2 .backgroundColor {
    background: var(--designFarbe-2-66);
}
.seite_2 .backgroundColor {
    background: var(--designFarbe-2-66);
}
.seite_3 .backgroundColor {
    background: var(--designFarbe-3-66);
}
.seite_4 .backgroundColor {
    background: var(--designFarbe-4-66);
}
.seite_5 .backgroundColor {
    background: var(--designFarbe-5-66);
}
.seite_6 .backgroundColor {
    background: var(--designFarbe-6-66);
}
.seite_7 .backgroundColor {
    background: var(--designFarbe-7-66);
}

@media (max-width: 999px) {
    .seiteBanner {
        top: 139px;
    }
}
@media (max-width: 1177px) {
    .seiteBanner h1 + p {
        margin-top: -0rem;
    }
}

@media (max-width: 760px) {
    .seiteBanner {
        top: 71px;
    }
}
/* ############################################## Beitrag mit Sponsoren ############################################## */



div.zwei-spalten {
    display: flex;
    flex-wrap: wrap;
}
.sponsoren {
    max-width: 1320px;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}
.sponsoren picture {
    display: flex;
    height: fit-content;
    justify-content: flex-start;
    
}
.sponsoren picture img {
}
.texteSponsoren {
    margin-bottom: 5rem;
}
.texteSponsoren p {
    margin-top: 1rem;
    font-size: 0.83rem;
}
.zwei-spalten .texteDiv {
    width: 50%;
    /*text-align: justify;*/
}
.zwei-spalten > div:nth-of-type(odd)  {
    padding-right: 2rem;
}
.zwei-spalten > div:nth-of-type(even) {
    padding-left: 2rem;
}



body.seite_5 .firstLetter:first-letter {
    background-color: var(--designFarbe-5);
    box-shadow: 0 0 0 0.1em var(--designFarbe-5);
}
body.seite_6 .firstLetter:first-letter {
    background-color: var(--designFarbe-6);
    box-shadow: 0 0 0 0.1em var(--designFarbe-6);
}

/*body:not(.itemid-122) .zwei-spalten .texteDiv p:first-child:first-letter, */
.firstLetter:first-letter {
  color: var(--designFarbe-0);
  background-color: var(--designFarbe-5);
  font-size: 300%;
  font-weight: bold;
  padding: 0.2em 0.1em;
  margin: 0.2em 0.2em 0 0.1em;
  box-shadow: 0 0 0 .1em var(--designFarbe-5);
  float: left;
  line-height: 2.5rem;
  border-radius: 1px;
}
.seite_5 .projektAnsprechpartner {
    padding: 1.3rem;
    background: var(--designFarbe-5-11);
}
.seite_5 .projektAnsprechpartner a {
    color: var(--designFarbe-5);
}

@media (max-width: 820px) { 
    .zwei-spalten .texteDiv {
        width: 100%;
    }
    .zwei-spalten > div:nth-of-type(odd)  {
        padding-right: 0;
    }
    .zwei-spalten > div:nth-of-type(even) {
        padding-left: 0;
    }


}



/* ############################################## Kommunen und Baulastenträger ############################################## */


.seite_6 .projektAnsprechpartner {
    padding: 1.3rem;
    background: var(--designFarbe-6-11);
}





/* ############################################## Spalteneinstellungen ############################################## */


div.drei-spalten {
    display: flex;
    flex-wrap: wrap;
    
    margin: 10rem 0 2rem 0;
    border-top-right-radius: 30px;
    
}
.drei-spalten .texteDiv {
    width: 33.33%;
}
.drei-spalten > div:nth-of-type(1) {
    padding-right: 1rem;
}
.drei-spalten > div:nth-of-type(2) {
    padding-left: 1rem;
    padding-right: 1rem;
}
.drei-spalten > div:nth-of-type(3) {
    padding-left: 1rem;
}

.itemid-122 div.drei-spalten img, .itemid-118 div.drei-spalten img {
    border-radius: 8px;
}


div.drei-spalten div:not(:first-child) {
    display: flex;
    align-items: end;
}
div.drei-spalten > div:last-child {
    border-radius: 3px;
    box-shadow: 1px -1px 0 0px var(--designFarbe-0),2px -2px 0 0px var(--designFarbe-6);
}
.seite_5 div.drei-spalten > div:last-child {
    border-radius: 3px;
    box-shadow: 1px -1px 0 0px var(--designFarbe-0),2px -2px 0 0px var(--designFarbe-5);
}

.eine-spalte.flex {
    display: flex;
}
.eine-spalte.flex * {
    display: block;
}
.eine-spalte.flex > * {
    margin: 0;
}
.eine-spalte.flex > *:first-child {
    margin-right: 3rem;
}
.eine-spalte.flex > *:last-child {
    margin-left: 3rem;
}
.eine-spalte.flex a.knoepfchen_standard {
    margin: 0.05rem 0;
    padding: 1.3rem 1rem;
    border-radius: 3px;
    display: block;
    text-decoration: none;
    font-family: 'Quicksand';
    font-size: 1.3rem;
    line-height: 1rem;
    letter-spacing: 0.05rem;
    font-weight: 400;
    transition: all 0.5s ease-in-out;
}

.eine-spalte.flex + .flex  {
    margin-top: 3rem;
}
.eine-spalte.flex + .flex > *:last-child {
    margin-left: 0rem;
}






/* AGB Datenschutz Archiv etc Fix */
@media (min-width: 1025px) { 
    .itemid-234 .eine-spalte.flex > div {
        width: 30%;
    } 
    .itemid-234 .eine-spalte.flex.archiv > div,
    .itemid-236 .eine-spalte.flex.archiv > div {
        width: 30%;
        margin-left: 0;
    }

}

@media (max-width: 1024px) { 
    .itemid-234 h2,
    .itemid-236 h2,
    .itemid-407 h2,
    .itemid-408 h2 {
        text-align: center;
    }
    .itemid-234 .eine-spalte.flex,
    .itemid-236 .eine-spalte.flex,
    .itemid-407 .eine-spalte.flex,
    .itemid-408 .eine-spalte.flex {
        flex-direction: column;
    }
    .itemid-234 .eine-spalte.flex > div,
    .itemid-236 .eine-spalte.flex > div,
    .itemid-407 .eine-spalte.flex > div,
    .itemid-408 .eine-spalte.flex > div {
        margin: 1rem;
        width: calc(100% - 3rem);
    }
    body.seite_1.itemid-234 .footer .grid-child .mod-footer,
    body.seite_1.itemid-236 .footer .grid-child .mod-footer,
    body.seite_1.itemid-407 .footer .grid-child .mod-footer,
    body.seite_1.itemid-408 .footer .grid-child .mod-footer {
        padding-bottom: 1rem;
    }


        
    .eine-spalte.flex + .flex  {
        margin-top: initial;
    }
    .eine-spalte.flex + .flex > *:last-child {
        margin-left: 1rem;
    }





}


/* ############################################## Beitrag Geschäftsleitung 1 Spalte gefolgt von 2 ############################################## */

.eine-spalte + .zwei-spalten {
    margin-top: 4rem;
}









/* ############################################## Simple Galerie Fix ############################################## */



/*
ul.sigFreeClassic {
    display: flex;
    flex-wrap: wrap;
}

.sigFreeThumb {
    width: calc(calc(calc(100vw - 6rem) / 2) / 4);
    margin: 0 !important;
}


ul.sigFreeClassic li.sigFreeThumb a.sigFreeLink img.sigFreeImg, ul.sigFreeClassic li.sigFreeThumb a.sigFreeLink:hover img.sigFreeImg {
    display: block;
    width: calc(calc(calc(100vw - 6rem) / 2) / 4) !important;
    height: auto% !important;
    padding: 0;
    margin: 0;
    border: none;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    
}
*/

.galerieDiv, .galerieDiv2, .galerieDiv3, .galerieDiv4, .galerieDiv5 {
    margin-bottom: 5rem;
}

ul.sigFreeClassic {
    grid-gap: 0.5rem 0.5rem !important;
    display: grid !important;
    grid-template-areas: ". . .";
    grid-template-columns: repeat(3,minmax(0,33%));
}

ul.sigFreeClassic li.sigFreeThumb {
    border-radius: 5px;
}
ul.sigFreeClassic li.sigFreeThumb a.sigFreeLink, ul.sigFreeClassic li.sigFreeThumb a.sigFreeLink:hover {
    width: 100% !important;
    height: 100px !important;
    border-radius: 5px;
    background-color: transparent;
}
ul.sigFreeClassic li.sigFreeThumb a.sigFreeLink img.sigFreeImg, ul.sigFreeClassic li.sigFreeThumb a.sigFreeLink:hover img.sigFreeImg {
    width: 100% !important;
    height: 100px !important;
    background-size: cover;
    border-radius: 5px;
}


@media (max-width: 1370px) {
  ul.sigFreeClassic li.sigFreeThumb a.sigFreeLink, ul.sigFreeClassic li.sigFreeThumb a.sigFreeLink:hover {
      width: calc(calc(calc(100vw - 12rem) / 2) / 3) !important;
  }
  ul.sigFreeClassic li.sigFreeThumb a.sigFreeLink img.sigFreeImg, ul.sigFreeClassic li.sigFreeThumb a.sigFreeLink:hover img.sigFreeImg {
      width: calc(calc(calc(100vw - 12rem) / 2) / 3) !important;
  }
}

@media (max-width: 820px) {
  ul.sigFreeClassic {
      grid-gap: 0.5rem 0.5rem !important;
      display: grid !important;
      grid-template-areas: ". . . .";
      grid-template-columns: repeat(4,minmax(0,25%));
  }
  ul.sigFreeClassic li.sigFreeThumb a.sigFreeLink, ul.sigFreeClassic li.sigFreeThumb a.sigFreeLink:hover {
      width: calc(calc(calc(100vw - 6rem) / 2) / 2) !important;
  }
  ul.sigFreeClassic li.sigFreeThumb a.sigFreeLink img.sigFreeImg, ul.sigFreeClassic li.sigFreeThumb a.sigFreeLink:hover img.sigFreeImg {
      width: calc(calc(calc(100vw - 6rem) / 2) / 2) !important;
  }
}

@media (max-width: 410px) {
  ul.sigFreeClassic {
      grid-gap: 0.5rem 0.5rem !important;
      display: grid !important;
      grid-template-areas: ".";
     grid-template-columns: repeat(1,minmax(0,100%));
}

  ul.sigFreeClassic li.sigFreeThumb a.sigFreeLink, ul.sigFreeClassic li.sigFreeThumb a.sigFreeLink:hover {
      width: calc(calc(calc(100vw - 2rem) / 1) / 1) !important;
      height: 141px !important;
  }
  ul.sigFreeClassic li.sigFreeThumb a.sigFreeLink img.sigFreeImg, ul.sigFreeClassic li.sigFreeThumb a.sigFreeLink:hover img.sigFreeImg {
      width: calc(calc(calc(100vw - 2rem) / 1) / 1) !important;
      height: 141px !important;
  }
}

/* ############################################## Simple Galerie mit Scrollbar ############################################## */





    


.galerieDiv ul.sigFreeClassic, .galerieDiv2 ul.sigFreeClassic, .galerieDiv3 ul.sigFreeClassic, .galerieDiv4 ul.sigFreeClassic, .galerieDiv5 ul.sigFreeClassic {
    margin: 0 0 !important;
    padding: 0 0 !important;
}

.galerieDiv, .galerieDiv2, .galerieDiv3, .galerieDiv4, .galerieDiv5 {
    position: relative;
}
#wrapper, .wrapper, .wrapper2, .wrapper3, .wrapper4, .wrapper5 {
    height: 316px;
    overflow: hidden;
    border-radius: 8px;
}
#content, .content, .content2, .content3, .content4, .content5 {
    height: calc(100% + 8px);
    overflow: auto;
    margin-right: -20px;
    margin-bottom: -8px;
}
.anchor, .anchor2, .anchor3, .anchor4, .anchor5 {
    left: 0;
    position: absolute;
    top: 0;
}
.grabbing {
    cursor: grabbing;
    user-select: none;
}
.scrollbar, .scrollbar2, .scrollbar3, .scrollbar4, .scrollbar5 {
    width: 0px;
    top: 0;
    right: 0;
    height: 316px;
    border-left-width: 0;
    position: absolute;
    width: 0px;
    border-radius: 8px;
    transition: background 0.5s ease-in-out, width 0.5s ease-in-out;
}
.galerieDiv:hover .scrollbar, .galerieDiv3:hover .scrollbar3, .galerieDiv4:hover .scrollbar4, .galerieDiv5:hover .scrollbar5 {
    background: var(--designFarbe-5-66);
    width: 50px;
    transition: background 0.3s ease-in-out, width 0.3s ease-in-out;
}
.thumb, .thumb2, .thumb3, .thumb4, .thumb5 {
    height: 50%;
    border-radius: 3px;
    cursor: grab;
    left: 0;
    position: absolute;
    width: 100%;
    border: 4px solid transparent;
    border-radius: 8px;
    transition: background 0.5s ease-in-out, box-shadow 0.5s ease-in-out;
}
.thumb2 {
    display: none;
}

.galerieDiv:hover .thumb, .galerieDiv3:hover .thumb3, .galerieDiv4:hover .thumb4, .galerieDiv5:hover .thumb5 {
    box-shadow: inset 0 0 0 4px var(--designFarbe-5);
    background: var(--designFarbe-0-33);
    transition: background 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}


.track, .track2, .track3, .track4, .track5 {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
        




























/* ############################################## Slider Seite 12 : 5 ############################################## */




       
        
.slider._1920x800uwqxga {
    /* 12 : 5 | 240 x 100 | 480 x 200 | 960 x 400 | 1920 x 800 | 3840 x 1600 */
    width: 100vw;
    height: calc(calc(100vw / 12) * 5);
    position: absolute;
    left: 0;
    top: 157px;
    background: var(--designFarbe-1);
    overflow: hidden;
    height: calc(100vw / 3.333);
} 
.slider._1920x800uwqxga h2 {
    color: #fff;
    font-size: 4vw;
    line-height: 5vw;
}
.slider._1920x800uwqxga h2 span {
    font-size: 0.4em;
    color: #fff;
}
.slider._1920x800uwqxga .sliderBild, .slider._1920x800uwqxga .sliderBildImage, .slider._1920x800uwqxga .sliderLink, .slider._1920x800uwqxga .sliderLink a {
    position: absolute;
    width: 100vw;
    height: calc(calc(100vw / 12) * 5);
    height: calc(100vw / 3.333);
}
.slider._1920x800uwqxga .sliderLink a .displayNone {
    display: none;
}
.slider._1920x800uwqxga .sliderBild img {
    width: 100vw;
    height: calc(calc(100vw / 12) * 5);
    height: calc(100vw / 3.333);
    object-fit: cover;
    object-position: 50% 50%;
}
.slider._1920x800uwqxga .sliderTexte {
    width: 100vw;
    height: calc(calc(100vw / 12) * 5);
    height: calc(100vw / 3.333);
    position: absolute;
    display: flex;
    justify-content: left;
    align-items: center;
}
.slider._1920x800uwqxga .sliderTexte h2 {
    box-shadow: none;
}
.slider._1920x800uwqxga .sliderTexte > div {
    width: 33vw;
    height: 33vw;
    margin-left: 8.5vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.slider._1920x800uwqxga .sliderTexte, .slider._1920x800uwqxga .sliderTexte h2  {
    font-family: 'Quicksand Bold';
}

.slider._1920x800uwqxga .sliderKnoepfchen {
    width: fit-content;
    margin-top: 1vw;
    padding: 0.8vw 1.8vw;
    background: #fff;
    color: green;
    border-radius: 0.5vw;
    text-transform: uppercase;
    letter-spacing: 0.1vw;
    font-size: 2vw;
    font-weight: 700;
}
.slider._1920x800uwqxga .sliderKnoepfchen:after {
    content: "\f054";
    font-family: 'Font Awesome 5 Free';
    font-size: 1.5vw;
    color: green;
    font-weight: 900;
    margin-left: 2vw;
}

.animate-top {
	display: block;
	z-index: 1;
	animation:animatetop 1s;
}
@keyframes animatetop { 
  from {opacity: 0.5; transform: scale(1.05);} to {opacity:1; transform: scale(1);} 
}








/* ############################################## Slider Filmformat 3 : 2 "Postkarte" ############################################## */

.slider._filmFormat {
    /* 3 : 2 | 36 x 24 | 600 x 400 */
    width: 100vw;
    height: calc(calc(100vw / 12) * 5);
    height: calc(100vw / 3.333);
    width: 600px;
    height: 400px;
    left: 0;
    top: 157px;
    background: green;
    overflow: hidden;
}
.slider._filmFormat .sliderBild,
.slider._filmFormat .sliderBildImage {
    position: absolute;
    width: 100vw;
    height: calc(calc(100vw / 12) * 5);
    height: calc(100vw / 3.333);
    width: 600px;
    height: 400px;
}
.slider._filmFormat .sliderBild img {
    width: 100vw;
    height: calc(calc(100vw / 12) * 5);
    height: calc(100vw / 3.333);
    width: 600px;
    height: 400px;
    object-fit: cover;
    object-position: 50% 50%;
}

.animate-top {
	display: block;
	z-index: 1;
	animation:animatetop 1s;
}
@keyframes animatetop { 
  from {opacity: 0.5; transform: scale(1.05);} to {opacity:1; transform: scale(1);} 
}





/* ############################################## fixedMCD fixed Menu Content in Divs ############################################## */


.site-grid {
    grid-gap: 0 2em;
}
#ankerAnzeigen {
    padding-bottom: 2rem;
}
.fixedMCD {
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    display: flex;
    flex-direction: column;
    transform: translate(0);
    width: 100%;
    text-align: center;
    transition: 0.4s;
    transition-delay: 0.3s, 0.6s, 0s;
    transition-property: transform, width, top;
    transition-timing-function: ease-in;
}
.fixedMCD__back {
    transform: translate(calc(-100% - 1rem));
    width: 17rem;
    top: 11rem;
    transition: 0.4s;
    transition-delay: 0s, 0s, 0.3s;
    transition-property: transform, width, top;
    transition-timing-function: ease-out;
}
.fixedMCD__back h6 a {
    line-height: 2rem !important;
}

@media (max-width: 900px) {
  .fixedMCD__back:after {
    content: '';
    width: 1rem;
    height: 100%;
    background: transparent;
    position: absolute;
    right: 0;
  }
}
@media (max-width: 1824px) {
  .fixedMCD__back a {
    pointer-events: none;
  }
  .fixedMCD__click__back a {
    pointer-events: auto;
  }
}

.fixedMCD__click__back {
    top: 11rem;
    transform: translate(0);
    width: 17rem;
    transition: 0.3s;
    transition-delay: 0s, 0.3s, 0s;
    transition-property: transform, width, top;
    transition-timing-function: ease-in;
}

.fixedMCD ~ * > *  /* https://youtu.be/0-H380hrjVA */  {
    margin-top: 10rem;
}
.fixedMCD h6 {
    margin: 0 ;
}
.fixedMCD h6 a {
    margin: 0.05rem 0;
    padding: 1.3rem 1rem;
    border-radius: 3px;
    display: block;
    text-decoration: none;
    font-family: 'Quicksand';
    font-size: 1.3rem;
    line-height: 1rem;
    letter-spacing: 0.05rem;
    font-weight: 400;
    transition: all 0.5s ease-in-out;
}
.fixedMCD h6:hover a {
    transition: all 0.1s ease-in-out;
}




.seite_1 .fixedMCD h6 a {
    color: var(--designFarbe-0);
    background: var(--designFarbe-1);
    border: 1px solid var(--designFarbe-0);
}
.seite_1 .fixedMCD h6:hover a,
.seite_1 .fixedMCD h6 a.activFixedMCD {
    border-right: 1px solid var(--designFarbe-1);
    border-left: 1px solid var(--designFarbe-1);
    background: var(--designFarbe-1-11-vt);
    color: var(--designFarbe-1);
}

.seite_4 .fixedMCD h6 a {
    color: var(--designFarbe-0);
    background: var(--designFarbe-4);
    border: 1px solid var(--designFarbe-0);
}
.seite_4 .fixedMCD h6:hover a,
.seite_4 .fixedMCD h6 a.activFixedMCD {
    border-right: 1px solid var(--designFarbe-4);
    border-left: 1px solid var(--designFarbe-4);
    background: var(--designFarbe-4-11-vt);
    color: var(--designFarbe-4);
}

.seite_6 .fixedMCD h6 a {
    color: var(--designFarbe-0);
    background: var(--designFarbe-6);
    border: 1px solid var(--designFarbe-0);
}
.seite_6 .fixedMCD h6:hover a,
.seite_6 .fixedMCD h6 a.activFixedMCD {
    border-right: 1px solid var(--designFarbe-6);
    border-left: 1px solid var(--designFarbe-6);
    background: var(--designFarbe-6-11-vt);
    color: var(--designFarbe-6);
}

.seite_7 .fixedMCD h6 a {
    color: var(--designFarbe-0);
    background: var(--designFarbe-7);
    border: 1px solid var(--designFarbe-0);
}
.seite_7 .fixedMCD h6:hover a,
.seite_7 .fixedMCD h6 a.activFixedMCD {
    border-right: 1px solid var(--designFarbe-7);
    border-left: 1px solid var(--designFarbe-7);
    background: var(--designFarbe-7-11-vt);
    color: var(--designFarbe-7);
}

/*
.fixedMCD + * > *:first-child {
    margin-top: 0;
}
*/





/* ############################################## fixedMCD fixed Menu Content in Divs als InfoBox ############################################## */



/* bei Banner position: absolute need this shit */ /*
.seite_1.infoBox ~ div[class*="infoBox-T"] {
    transform: translate(0);
}

#ankerAnzeigen {
    padding-bottom: 2rem;
}
.infoBox {
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    transform: translate(0);
    width: 100%;
    text-align: center;
    transition: 0.4s;
    transition-delay: 0.3s, 0.6s, 0s;
    transition-property: transform, width, top;
    transition-timing-function: ease-in;
    height: 200px;
}
.infoBox__back {
    transform: translate(calc(-100% - 1rem));
    width: 17rem;
    top: 11rem;
    transition: 0.4s;
    transition-delay: 0s, 0s, 0.3s;
    transition-property: transform, width, top;
    transition-timing-function: ease-out;
}
@media (max-width: 900px) {
  .infoBox__back:after {
    content: '';
    width: 1rem;
    height: 100%;
    background: transparent;
    position: absolute;
    right: 0;
  }
}
@media (max-width: 1824px) {
  .infoBox__back a {
    pointer-events: none;
  }
  .infoBox__click__back a {
    pointer-events: auto;
  }
}

.infoBox__click__back {
    top: 11rem;
    transform: translate(0);
    width: 17rem;
    transition: 0.3s;
    transition-delay: 0s, 0.3s, 0s;
    transition-property: transform, width, top;
    transition-timing-function: ease-in;
}
.infoBox ~ * > *  /* https://youtu.be/0-H380hrjVA */ /*  {
    margin-top: 10rem;
}
.infoBox h6 {
    margin: 0 ;
}
.infoBox h6 a {
    margin: 0.05rem 0;
    padding: 1.3rem 1rem;
    border-radius: 3px;
    display: block;
    text-decoration: none;
    font-family: 'Quicksand';
    font-size: 1.3rem;
    line-height: 1rem;
    letter-spacing: 0.05rem;
    font-weight: 400;
    transition: all 0.5s ease-in-out;
}

.seite_1 .infoBox h6 {
    width: 25%;
    transition: all 0.5s ease-in-out;
}
.seite_1 .infoBox h6:hover {
    width: 27%;
    transition: all 0.3s ease-in-out;
}
.seite_1 .infoBox h6 a {
    font-family: 'Quicksand Bold';
    letter-spacing: 2px;
    margin: 0;
    color: var(--designFarbe-0);
    background: var(--designFarbe-1);
    border: 1px solid var(--designFarbe-0);
}
.seite_1 .infoBox h6 a {
    height: 3.6rem;
    border-radius: 0px;
}
.seite_1 .infoBox h6:first-child a {
    border-radius: 5px 0 0 0;
    border-right-width: 0px;
}
.seite_1 .infoBox h6:nth-of-type(2) a,
.seite_1 .infoBox h6:nth-of-type(3) a {
    border-right-width: 0px;
}
.seite_1 .infoBox h6:last-child a {
    border-radius: 0 5px 0 0;
}
.seite_1 .infoBox h6:hover a {
    height: 4rem;
    background: var(--designFarbe-0);
    color: var(--designFarbe-1);
    transition: all 0.5s ease-in-out;
    border-radius: 5px 5px 0 0;
}
.seite_1 .infoBox h6:nth-of-type(1):hover a {
    text-shadow: 0.5px 0.5px var(--designFarbe-1);
    border-right: 1px solid var(--designFarbe-1);
    border-top: 1px solid var(--designFarbe-1);
    border-right: 1px solid var(--designFarbe-1);
    border-left: 1px solid var(--designFarbe-1);
    filter: drop-shadow(0 4px 2px white);
}
.seite_1 .infoBox h6:nth-of-type(2):hover a {
    background: var(--designFarbe-9); 
    color: var(--designFarbe-0);
    border-right: 1px solid var(--designFarbe-0);
    border-left: 1px solid var(--designFarbe-0);
    filter: drop-shadow(0 4px 2px var(--designFarbe-9));
}
.seite_1 .infoBox h6:nth-of-type(3):hover a {
    background: var(--designFarbe-10); 
    color: var(--designFarbe-0);
    border-right: 1px solid var(--designFarbe-0);
    border-left: 1px solid var(--designFarbe-0);
    filter: drop-shadow(0 4px 2px var(--designFarbe-10));
}
.seite_1 .infoBox h6:nth-of-type(4):hover a {
    background: var(--designFarbe-11); 
    color: var(--designFarbe-0);
    border-right: 1px solid var(--designFarbe-0);
    border-left: 1px solid var(--designFarbe-0);
    filter: drop-shadow(0 4px 2px var(--designFarbe-11));
}

.slider ~ .infoBox {
    padding-top: 3rem;
}
.slider ~ .infoBox ~ .infoBox {
    padding-top: 0;
}
.slider ~ .infoBox ~ .infoBox > * {
    margin-top: 0;
}

.seite_1.infoBox ~ div[class*="infoBox-T"] > div {
    background: var(--designFarbe-0);
    max-width: 1350px;
    margin-left: auto;
    margin-right: auto;
}
.seite_1.infoBox + .seite_1[class*="infoBox-T"] {
    background: var(--designFarbe-0);
    border-radius: 0 0 5px 5px;
    border-radius: 0;
    border: 1px dotted var(--designFarbe-1);
}
.seite_1.infoBox ~ .seite_9 {
    background: var(--designFarbe-0);
    border-radius: 0 0 5px 5px;
    border: 1px dotted var(--designFarbe-9);
}
.seite_1.infoBox ~ .seite_10 {
    background: var(--designFarbe-0);
    border-radius: 0 0 5px 5px;
    border: 1px dotted var(--designFarbe-10);
}
.seite_1.infoBox ~ .seite_11 {
    background: var(--designFarbe-0);
    border-radius: 0 0 5px 5px;
    border: 1px dotted var(--designFarbe-11);
}

.seite_1.infoBox ~ div[class*="infoBox-T"] > * {
    margin-top: 0;
}
.seite_1 .infoBox {
    flex-direction: row;
    justify-content: center;
}
.seite_1.infoBox__back .infoBox {
    flex-direction: column;
    justify-content: center;
}
*/


/* ############################################## fixedMCD fixed Menu Content in Divs als InfoBox 22 ############################################## */



/* bei Banner position: absolute need this shit */ /*
.seite_1.infoBox ~ div[class*="infoBox-T"] {
    transform: translate(0);
}

#ankerAnzeigen {
    padding-bottom: 2rem;
}
.infoBox {
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    transform: translate(0);
    width: 100%;
    text-align: center;
    transition: 0.4s;
    transition-delay: 0.3s, 0.6s, 0s;
    transition-property: transform, width, top;
    transition-timing-function: ease-in;
    height: 200px;
}
.infoBox__back {
    transform: translate(calc(-100% - 1rem));
    width: 17rem;
    top: 11rem;
    transition: 0.4s;
    transition-delay: 0s, 0s, 0.3s;
    transition-property: transform, width, top;
    transition-timing-function: ease-out;
}
@media (max-width: 900px) {
  .infoBox__back:after {
    content: '';
    width: 1rem;
    height: 100%;
    background: transparent;
    position: absolute;
    right: 0;
  }
}
@media (max-width: 1824px) {
  .infoBox__back a {
    pointer-events: none;
  }
  .infoBox__click__back a {
    pointer-events: auto;
  }
}

.infoBox__click__back {
    top: 11rem;
    transform: translate(0);
    width: 17rem;
    transition: 0.3s;
    transition-delay: 0s, 0.3s, 0s;
    transition-property: transform, width, top;
    transition-timing-function: ease-in;
}
.infoBox ~ * > *  /* https://youtu.be/0-H380hrjVA */ /*{
    margin-top: 10rem;
}
.infoBox h6 {
    margin: 0 ;
}
.infoBox h6 a {
    margin: 0.05rem 0;
    padding: 1.3rem 1rem;
    border-radius: 3px;
    display: block;
    text-decoration: none;
    font-family: 'Quicksand';
    font-size: 1.3rem;
    line-height: 1rem;
    letter-spacing: 0.05rem;
    font-weight: 400;
    transition: all 0.5s ease-in-out;
}

.seite_1 .infoBox h6 {
    width: 25%;
    transition: all 0.5s ease-in-out;
}
.seite_1 .infoBox h6:hover {
    width: 27%;
    transition: all 0.3s ease-in-out;
}
.seite_1 .infoBox h6 a {
    font-family: 'Quicksand Bold';
    letter-spacing: 2px;
    margin: 0;
    color: var(--designFarbe-0);
    background: var(--designFarbe-1);
    border: 1px solid var(--designFarbe-0);
}
.seite_1 .infoBox h6 a {
    height: 3.6rem;
    border-radius: 0px;
}
.seite_1 .infoBox h6:first-child a {
    border-radius: 5px 0 0 0;
    border-right-width: 0px;
}
.seite_1 .infoBox h6:nth-of-type(2) a,
.seite_1 .infoBox h6:nth-of-type(3) a {
    border-right-width: 0px;
}
.seite_1 .infoBox h6:last-child a {
    border-radius: 0 5px 0 0;
}
.seite_1 .infoBox h6:hover a {
    height: 4rem;
    background: var(--designFarbe-0);
    color: var(--designFarbe-1);
    transition: all 0.5s ease-in-out;
    border-radius: 5px 5px 0 0;
}
.seite_1 .infoBox h6:nth-of-type(1):hover a {
    text-shadow: 0.5px 0.5px var(--designFarbe-1);
    border-right: 1px solid var(--designFarbe-1);
    border-top: 1px solid var(--designFarbe-1);
    border-right: 1px solid var(--designFarbe-1);
    border-left: 1px solid var(--designFarbe-1);
    filter: drop-shadow(0 4px 2px white);
}
.seite_1 .infoBox h6:nth-of-type(2):hover a {
    background: var(--designFarbe-9); 
    color: var(--designFarbe-0);
    border-right: 1px solid var(--designFarbe-0);
    border-left: 1px solid var(--designFarbe-0);
    filter: drop-shadow(0 4px 2px var(--designFarbe-9));
}
.seite_1 .infoBox h6:nth-of-type(3):hover a {
    background: var(--designFarbe-10); 
    color: var(--designFarbe-0);
    border-right: 1px solid var(--designFarbe-0);
    border-left: 1px solid var(--designFarbe-0);
    filter: drop-shadow(0 4px 2px var(--designFarbe-10));
}
.seite_1 .infoBox h6:nth-of-type(4):hover a {
    background: var(--designFarbe-11); 
    color: var(--designFarbe-0);
    border-right: 1px solid var(--designFarbe-0);
    border-left: 1px solid var(--designFarbe-0);
    filter: drop-shadow(0 4px 2px var(--designFarbe-11));
}

.slider ~ .infoBox {
    padding-top: 3rem;
}
.slider ~ .infoBox ~ .infoBox {
    padding-top: 0;
}
.slider ~ .infoBox ~ .infoBox > * {
    margin-top: 0;
}

.seite_1.infoBox ~ div[class*="infoBox-T"] > div {
    /*
    max-width: 1350px;
    margin-left: auto;
    margin-right: auto;
    */ /*
}
.seite_1.infoBox + .seite_1[class*="infoBox-T"] {
    background: var(--designFarbe-1-11-vt);
    border-radius: 0 0 5px 5px;
    border-radius: 0;
    /*border: 1px dotted var(--designFarbe-1);*/ /*
}
.seite_1.infoBox ~ .seite_9 {
    background: var(--designFarbe-9-11-vt);
    border-radius: 0 0 5px 5px;
    /*border: 1px dotted var(--designFarbe-9);*/ /*
}
.seite_1.infoBox ~ .seite_10 {
    background: var(--designFarbe-10-11-vt);
    border-radius: 0 0 5px 5px;
    /*border: 1px dotted var(--designFarbe-10);*/ /*
}
.seite_1.infoBox ~ .seite_11 {
    background: var(--designFarbe-11-11-vt);
    border-radius: 0 0 5px 5px;
    /*border: 1px dotted var(--designFarbe-11);*/ /*
}

.seite_1.infoBox ~ div[class*="infoBox-T"] > * {
    margin-top: 0;
}
.seite_1 .infoBox {
    flex-direction: row;
    justify-content: center;
}
.seite_1.infoBox__back .infoBox {
    flex-direction: column;
    justify-content: center;
}




.infoBox-T-1, .infoBox-T-2,
.infoBox-T-3, .infoBox-T-4 {
    width: 25%;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    float: left;
    height: 100%;
    opacity: 0;
}




.InfoBoxActive {

}
.seite_1 .infoBox h6.InfoBoxActive {
    width: 27%;
    transition: all 0.3s ease-in-out;
}

.seite_1 .infoBox h6.InfoBoxActive a {
    height: 4rem;
    background: var(--designFarbe-0);
    color: var(--designFarbe-1);
    transition: all 0.5s ease-in-out;
    border-radius: 5px 5px 0 0;
}
.seite_1 .infoBox h6.infoBox-h-1.InfoBoxActive a {
    text-shadow: 0.5px 0.5px var(--designFarbe-1);
    border-right: 1px solid var(--designFarbe-1);
    border-top: 1px solid var(--designFarbe-1);
    border-right: 1px solid var(--designFarbe-1);
    border-left: 1px solid var(--designFarbe-1);
    filter: drop-shadow(0 4px 2px white);
}
.seite_1 .infoBox h6.infoBox-h-2.InfoBoxActive a {
    background: var(--designFarbe-9); 
    color: var(--designFarbe-0);
    border-right: 1px solid var(--designFarbe-0);
    border-left: 1px solid var(--designFarbe-0);
    filter: drop-shadow(0 4px 2px var(--designFarbe-9));
}
.seite_1 .infoBox h6.infoBox-h-3.InfoBoxActive a {
    background: var(--designFarbe-10); 
    color: var(--designFarbe-0);
    border-right: 1px solid var(--designFarbe-0);
    border-left: 1px solid var(--designFarbe-0);
    filter: drop-shadow(0 4px 2px var(--designFarbe-10));
}
.seite_1 .infoBox h6.infoBox-h-4.InfoBoxActive a {
    background: var(--designFarbe-11); 
    color: var(--designFarbe-0);
    border-right: 1px solid var(--designFarbe-0);
    border-left: 1px solid var(--designFarbe-0);
    filter: drop-shadow(0 4px 2px var(--designFarbe-11));
}



*/



/* ############################################## fixedMCD fixed Menu Content in Divs als InfoBox 333 ############################################## */




/* bei Banner oder Slider position: absolute need this shit */ 
.seite_1.infoBox ~ div[class*="infoBox-T"],
.infoBox ~ div[class*="infoBox-T"],
.seite_5 .seiteBanner ~ div {
    transform: translate(0);
    position: relative;
    z-index: 11;
}

.container-header {
    z-index: 13;
}
#ankerAnzeigen {
    /*padding-bottom: 2rem;*/
    height: 1px;
    background: transparent;
}

.itemid-240 #ankerAnzeigen {
    height: 0;
    padding-bottom: 0;
    padding-bottom: 2.5rem;
}


.infoBox {
    width: 100%;
    height: 10rem;
    position: sticky;
    position: -webkit-sticky;
    top: 118px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-end;
    transform: translate(0);
    text-align: center;
    background: var(--designFarbe-1);
    transition: 0.3s;
    transition-delay: 0.3s, 0.6s, 0s, 0s;
    transition-property: transform, width, height, top;
    transition-timing-function: ease-in;
    z-index: 12;
}


/* infoBox grüner Streifen */
.infoBox::before {
    content:'';
    width: 10000px;
    height: 100%;
    background: var(--designFarbe-1);
    position: absolute;
    left: -10000px;
}
.infoBox::after {
    content:'';
    width: 10000px;
    height: 100%;
    background: var(--designFarbe-1);
    position: absolute;
    right: -10000px;
}
/*
.infoBoxBackground {
    background: var(--designFarbe-0);
    transition: all 0.3s ease-in-out;
}
*/
.infoBoxHeight {
    height: 7rem !important;
    transition: all 0.3s;
    transition: 0.1s;
    transition-delay: 0.3s, 0.6s, 0s, 0s;
    transition-property: transform, width, height, top;
    transition-timing-function: ease-in;
}
.infoBoxHeight a {
    height: 4.6rem !important;
    transition: all 0.3s;
    border-radius: 0 !important;
}
.infoBox__back {
    transform: translate(calc(-100% - 1rem));
    width: 17rem;
    top: 11rem;
    transition: 0.4s;
    transition-delay: 0s, 0s, 0.3s;
    transition-property: transform, width, top;
    transition-timing-function: ease-out;
}
@media (max-width: 900px) {
  .infoBox__back:after {
    content: '';
    width: 1rem;
    height: 100%;
    background: transparent;
    position: absolute;
    right: 0;
  }
}
@media (max-width: 1824px) {
  .infoBox__back a {
    pointer-events: none;
  }
  .infoBox__click__back a {
    pointer-events: auto;
  }
}

.infoBox__click__back {
    top: 11rem;
    transform: translate(0);
    width: 17rem;
    transition: 0.3s;
    transition-delay: 0s, 0.3s, 0s;
    transition-property: transform, width, top;
    transition-timing-function: ease-in;
}
.infoBox ~ * > *  /* https://youtu.be/0-H380hrjVA */ {
    margin-top: 10rem;
}
.infoBox h6 {
    width: 25%;
    margin: 0 2rem;
    transition: all 0.5s;
}

.itemid-240 .infoBox h6 {
    width: calc(100% / 3);
}
.itemid-240 .infoBox h6.infoBox-h-1 {
    display: none;
} 

.infoBox.InfoBoxGesamtActive h6 {
    margin: 0 1rem;
}
.infoBox.InfoBoxGesamtActive h6:first-child {
    margin: 0 1rem 0 2rem;
}
.infoBox.InfoBoxGesamtActive h6:last-child {
    margin: 0 2rem 0 1rem;
}


.infoBox h6 a {
    margin: 0;
    padding: 1.3rem 1rem;
    text-decoration: none;
    font-family: 'Quicksand Bold';
    letter-spacing: 0;
    font-weight: 400;
    transition: all 0.5s;
    border-radius: 5px 5px 0 0;
    display: flex;
    font-size: 1.6rem;
    justify-content: center;
    align-items: center;
    line-height: 2rem;
    height: 7.6rem;
    color: var(--designFarbe-1);
    background: var(--designFarbe-0);
    /*border-bottom: 2px solid var(--designFarbe-1);*/
    text-transform: uppercase;
    box-shadow: inset 0 -5px 10px -10px var(--dark);
}
.infoBox h6 a span {
    display: contents;
    font-size: 1rem;
    font-family: 'Quicksand Bold';
    color: var(--designFarbe-1);
}
/*
.infoBox h6:hover, .infoBox h6:hover {
    width: 27%;
    transition: all 0.3s ease-in-out;
}
*/
.infoBox h6.InfoBoxActive a {
    line-height: 1.6rem;
    /*border-bottom: 2px solid var(--designFarbe-0);*/
}






/*
.seite_1 .infoBox h6:first-child a, .infoBox h6:first-child a {
    border-radius: 5px 0 0 0;
    border-right-width: 0px;
}
.seite_1 .infoBox h6:nth-of-type(2) a, .infoBox h6:nth-of-type(2) a,
.seite_1 .infoBox h6:nth-of-type(3) a, .infoBox h6:nth-of-type(3) a {
    border-right-width: 0px;
}
.seite_1 .infoBox h6:last-child a, .infoBox h6:last-child a {
    border-radius: 0 5px 0 0;
}
*/


.infoBoxHeight h6:hover a {
    /*height: 4rem !important;*/
    transition: all 0.3s;
}
.seite_1 .infoBox h6:hover a, .infoBox h6:hover a {
    height: 6rem;
    background: var(--designFarbe-0);
    color: var(--designFarbe-1);
    transition: all 0.5s;
    /*border-radius: 5px 5px 0 0;*/
}
.infoBoxHeight h6 a {
    line-height: 1.6rem;
}
.infoBox h6 a span {
    transition: all 0.3s;
}



.infoBox h6:hover a span,
.infoBox h6.InfoBoxActive a span {
    color: var(--designFarbe-0);
    transition: all 0.3s;
}
.infoBox h6.infoBox-h-1:hover a span,
.infoBox h6.infoBox-h-1.InfoBoxActive a span {
    color: var(--designFarbe-1);
    transition: all 0.3s;
}

/*
.seite_1 .infoBox h6:nth-of-type(1):hover a, .infoBox h6:nth-of-type(1):hover a {
    text-shadow: 0.5px 0.5px var(--designFarbe-1);
    border-right: 2px solid var(--designFarbe-1);
    border-top: 1px solid var(--designFarbe-1);
    border-right: 2px solid var(--designFarbe-1);
    border-left: 1px solid var(--designFarbe-1);
}
.seite_1 .infoBox h6:nth-of-type(2):hover a, .infoBox h6:nth-of-type(2):hover a {
    background: var(--designFarbe-9); 
    color: var(--designFarbe-0);
    border-right: 2px solid var(--designFarbe-0);
    border-left: 2px solid var(--designFarbe-0);
}
.seite_1 .infoBox h6:nth-of-type(3):hover a, .infoBox h6:nth-of-type(3):hover a {
    background: var(--designFarbe-10); 
    color: var(--designFarbe-0);
    border-right: 2px solid var(--designFarbe-0);
    border-left: 2px solid var(--designFarbe-0);
}
.seite_1 .infoBox h6:nth-of-type(4):hover a, .infoBox h6:nth-of-type(4):hover a {
    background: var(--designFarbe-11); 
    color: var(--designFarbe-0);
    border-right: 2px solid var(--designFarbe-0);
    border-left: 2px solid var(--designFarbe-0);
}
*/


.seite_1 .infoBox h6.InfoBoxActive.infoBox-h-2 a, .infoBox h6.InfoBoxActive.infoBox-h-2 a,
.seite_1 .infoBox h6.infoBox-h-2:hover a, .infoBox h6.infoBox-h-2:hover a {
    background: var(--designFarbe-9); 
    color: var(--designFarbe-0);
    /*border-bottom: 2px solid var(--designFarbe-9);*/
    box-shadow: inset 0 -5px 10px -50px var(--dark);
}
.seite_1 .infoBox h6.InfoBoxActive.infoBox-h-3 a, .infoBox h6.InfoBoxActive.infoBox-h-3 a,
.seite_1 .infoBox h6.infoBox-h-3:hover a, .infoBox h6.infoBox-h-3:hover a {
    background: var(--designFarbe-10); 
    color: var(--designFarbe-0);
    /*border-bottom: 2px solid var(--designFarbe-10);*/
    box-shadow: inset 0 -5px 10px -50px var(--dark);
}
.seite_1 .infoBox h6.InfoBoxActive.infoBox-h-4 a, .infoBox h6.InfoBoxActive.infoBox-h-4 a,
.seite_1 .infoBox h6.infoBox-h-4:hover a, .infoBox h6.infoBox-h-4:hover a {
    background: var(--designFarbe-11); 
    color: var(--designFarbe-0);
    /*border-bottom: 2px solid var(--designFarbe-11);*)
    box-shadow: inset 0 -5px 10px -50px var(--dark);
}

.slider ~ .infoBox {
    z-index: 12;
    /* padding-top: 3rem; */
}
.slider ~ .infoBox ~ .infoBox {
    padding-top: 0;
}
.slider ~ .infoBox ~ .infoBox > * {
    margin-top: 0;
}

.seite_1.infoBox ~ div[class*="infoBox-T"] > div, .infoBox ~ div[class*="infoBox-T"] > div {
    /*
    max-width: 1350px;
    margin-left: auto;
    margin-right: auto;
    */
}

/*
.seite_1.infoBox + .seite_1[class*="infoBox-T"], .infoBox + .seite_1[class*="infoBox-T"] {
    background: var(--designFarbe-1-11-vt);
    border-radius: 0 0 5px 5px;
}
.seite_1.infoBox ~ .seite_9, .infoBox ~ .seite_9 {
    background: var(--designFarbe-9-11-vt);
    border-radius: 0 0 5px 5px;
}
.seite_1.infoBox ~ .seite_10, .infoBox ~ .seite_10 {
    background: var(--designFarbe-10-11-vt);
    border-radius: 0 0 5px 5px;
}
.seite_1.infoBox ~ .seite_11, .infoBox ~ .seite_11 {
    background: var(--designFarbe-11-11-vt);
    border-radius: 0 0 5px 5px;
}
*/

.seite_1.infoBox ~ div[class*="infoBox-T"] > *, .infoBox ~ div[class*="infoBox-T"] > * {
    margin-top: 0;
}
.seite_1.infoBox__back .infoBox, .infoBox__back .infoBox {
    flex-direction: column;
    justify-content: center;
}
.infoBox-T-1, .infoBox-T-2,
.infoBox-T-3, .infoBox-T-4 {
    width: 25%;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    float: left;
    height: 100%;
    opacity: 0;
}

.itemid-240 .infoBox-T-1 {
    display: none;
}
.itemid-240 .infoBox-T-2, .itemid-240 .infoBox-T-3, .itemid-240 .infoBox-T-4  {
    width: calc(100% / 3);
}
.infoBox-T-1 ul a, .infoBox-T-2 ul a,
.infoBox-T-3 ul a, .infoBox-T-4 ul a {
    color: var(--designFarbe-0);
}



.InfoBoxActive {

}
/*
.seite_1 .infoBox h6.InfoBoxActive, .infoBox h6.InfoBoxActive {
    width: 25%;
    transition: all 0.3s ease-in-out;
}
*/
.seite_1 .infoBox h6.InfoBoxActive a, .infoBox h6.InfoBoxActive a {
    height: 6rem;
    background: var(--designFarbe-0);
    color: var(--designFarbe-1);
    transition: all 0.5s;
    /*border-radius: 5px 5px 0 0;*/
}
/*
.seite_1 .infoBox h6.infoBox-h-1.InfoBoxActive, .infoBox h6.infoBox-h-1.InfoBoxActive {
    z-index: 2;
    box-shadow: 5.5px 4px 2px -5px black, -5px 4px 2px -5px black;
}
.seite_1 .infoBox h6.infoBox-h-2.InfoBoxActive, .infoBox h6.infoBox-h-2.InfoBoxActive {
    z-index: 2;
    box-shadow: 5.5px 4px 2px -5px black, -5px 4px 2px -5px black;
}
.seite_1 .infoBox h6.infoBox-h-3.InfoBoxActive, .infoBox h6.infoBox-h-3.InfoBoxActive {
    z-index: 2;
    box-shadow: 5.5px 4px 2px -5px black, -5px 4px 2px -5px black;
}
.seite_1 .infoBox h6.infoBox-h-4.InfoBoxActive, .infoBox h6.infoBox-h-4.InfoBoxActive {
    z-index: 2;
    box-shadow: 5.5px 4px 2px -5px black, -5px 4px 2px -5px black;
}
*/
/*
.seite_1 .infoBox h6.infoBox-h-1.InfoBoxActive a, .infoBox h6.infoBox-h-1.InfoBoxActive a {
    text-shadow: 0.5px 0.5px var(--designFarbe-1);
    border-right: 2px solid var(--designFarbe-1);
    border-top: 2px solid var(--designFarbe-1);
    border-right: 2px solid var(--designFarbe-1);
    border-left: 2px solid var(--designFarbe-1);
}
.seite_1 .infoBox h6.infoBox-h-2.InfoBoxActive a, .infoBox h6.infoBox-h-2.InfoBoxActive a {
    background: var(--designFarbe-9); 
    color: var(--designFarbe-0);
    border-right: 2px solid var(--designFarbe-0);
    border-left: 2px solid var(--designFarbe-0);
}
.seite_1 .infoBox h6.infoBox-h-3.InfoBoxActive a, .infoBox h6.infoBox-h-3.InfoBoxActive a {
    background: var(--designFarbe-10); 
    color: var(--designFarbe-0);
    border-right: 2px solid var(--designFarbe-0);
    border-left: 2px solid var(--designFarbe-0);
}
.seite_1 .infoBox h6.infoBox-h-4.InfoBoxActive a, .infoBox h6.infoBox-h-4.InfoBoxActive a {
    background: var(--designFarbe-11); 
    color: var(--designFarbe-0);
    border-right: 2px solid var(--designFarbe-0);
    border-left: 2px solid var(--designFarbe-0);
}
*/
.seite_1 .infoBox h6.InfoBoxActive a, .infoBox h6.InfoBoxActive a {
}



.seite_1 .infoBox-T-1 ul li,
.seite_2 ~ [class*="infoBox-T"] ul li,
ul.raum_eberswalde ~ ul li,
ul.raum_bad_freienwalde ~ ul li,
ul.raum_bernau ~ ul li {
    padding: 0.75rem 2rem 0.75rem 2rem;
}
.seite_1 .infoBox-T-1 ul li:first-child,
.seite_2 ~ [class*="infoBox-T"] ul li:first-child,
ul.raum_eberswalde ~ ul li:first-child,
ul.raum_bad_freienwalde ~ ul li:first-child,
ul.raum_bernau ~ ul li:first-child {
    padding-top: 1.6rem;
}
.seite_1 .infoBox-T-1 ul a,
.seite_2 ~ [class*="infoBox-T"] ul a,
ul.raum_eberswalde ~ ul a,
ul.raum_bad_freienwalde ~ ul a,
ul.raum_bernau ~ ul a {
    color: var(--danger);
    padding: 0.625rem;
    display: flex;
    align-items: center;
    /*border: 1px solid red;*/
    border-radius: 5px;
    text-decoration: none;
    transition: all 0.5s;
    font-family: var(--designFontBold);
    background: var(--designFarbe-0);
}

.seite_1 .infoBox-T-1 ul a span,
.seite_2 ~ [class*="infoBox-T"] ul a span,
ul.raum_eberswalde ~ ul a span,
ul.raum_bad_freienwalde ~ ul a span,
ul.raum_bernau ~ ul a span {
    color: var(--danger);
}


.seite_1 .infoBox-T-1 ul a {
    color: var(--designFarbe-0);
    border: 1px solid var(--designFarbe-0);
    background: var(--designFarbe-1);
}
.seite_1 .infoBox-T-1 ul a:hover,
.seite_2 ~ [class*="infoBox-T"] ul a:hover,
ul.raum_eberswalde ~ ul a:hover,
ul.raum_bad_freienwalde ~ ul a:hover,
ul.raum_bernau ~ ul a:hover {
    color: var(--designFarbe-0);
    background: var(--danger);
    /*border: 1px solid var(--designFarbe-0);*/
    text-decoration: none;
    transition: all 0.3s;
}
.seite_1 .infoBox-T-1 ul a span,
.seite_2 ~ [class*="infoBox-T"] ul a span,
ul.raum_eberswalde ~ ul a span,
ul.raum_bad_freienwalde ~ ul a span,
ul.raum_bernau ~ ul a span {
    transition: all 0.5s;
}
.seite_1 .infoBox-T-1 ul a:hover span,
.seite_2 ~ [class*="infoBox-T"] ul a:hover span,
ul.raum_eberswalde ~ ul a:hover span,
ul.raum_bad_freienwalde ~ ul a:hover span,
ul.raum_bernau ~ ul a:hover span {
    color: var(--designFarbe-0);
    transition: all 0.3s;
}
.seite_1 .infoBox-T-1 ul a:hover {
    color: var(--designFarbe-1);
    background: var(--designFarbe-0);
    border: 1px solid var(--designFarbe-1);
}
.seite_1 .infoBox-T-1 ul a::before,
.seite_2 ~ [class*="infoBox-T"] ul a::before,
ul.raum_eberswalde ~ ul a::before,
ul.raum_bad_freienwalde ~ ul a::before,
ul.raum_bernau ~ ul a::before { 
    content: '\f071';
    font-family: "Font Awesome 5 Free" ;
    font-weight: 600 ;
    font-size: 1.5rem;
    color: var(--danger); 
    margin-right: 1rem;
    transition: all 0.5s;
}
.seite_1 .infoBox-T-1 ul a::before {
    content: '\f1ea';
    color: var(--designFarbe-0);
}
.seite_1 .infoBox-T-1 ul a:hover::before,
.seite_2 ~ [class*="infoBox-T"] ul a:hover::before,
ul.raum_eberswalde ~ ul a:hover::before,
ul.raum_bad_freienwalde ~ ul a:hover::before,
ul.raum_bernau ~ ul a:hover::before { 
    color: var(--designFarbe-0);
    transition: all 0.3s;
}
.seite_1 .infoBox-T-1 ul a:hover::before {
    color: var(--designFarbe-1);
}


.killerBunny {
    padding: 0 !important;
}



/* ############################################## InfoBox infoBox-T-1 ############################################## */

.seite_1.infoBox-T-1 ul a.infoBox-T-1-open {
    font-size: 1.3rem;
    line-height: 1.8rem;
    padding: 1.3rem;
    margin: 0.5rem 0 0 0;
}
.seite_1.infoBox-T-1.infoBoxOpen ul a,
.seite_1.infoBox ~ .infoBox-T-2.infoBoxOpen ul ~ ul a,
.seite_1.infoBox ~ .infoBox-T-3.infoBoxOpen ul ~ ul a,
.seite_1.infoBox ~ .infoBox-T-4.infoBoxOpen ul ~ ul a {
    font-size: 1.3rem;
    line-height: 1.8rem;
    padding: 1.3rem;
    margin: 0.5rem 0 0 0;
    font-weight: 700;
}

.seite_1.infoBox ~ .infoBox-T-2.infoBoxOpen ul ~ ul a,
.seite_1.infoBox ~ .infoBox-T-3.infoBoxOpen ul ~ ul a,
.seite_1.infoBox ~ .infoBox-T-4.infoBoxOpen ul ~ ul a {
    font-size: 1.3rem;
    line-height: 1.8rem;
    padding: 1.3rem;
    margin: 0.5rem 0 0 0;
    /* color: var(--designFarbe-0);
    background: red; */
}







/* ############################################## InfoBox seite_2 ############################################## */

.seite_2 .infoBox-h-1,
.seite_2.infoBox-T-1 {
    display: none;
}
.seite_2 .infoBox h6,
.seite_2 ~ .infoBox-T-2, .seite_2 ~ .infoBox-T-3, .seite_2 ~ .infoBox-T-4 {
    width: 33.33%;
}

.seite_2.infoBox ~ .infoBox-T-2.infoBoxOpen ul a,
.seite_2.infoBox ~ .infoBox-T-3.infoBoxOpen ul a,
.seite_2.infoBox ~ .infoBox-T-4.infoBoxOpen ul a {
    font-size: 1.3rem;
    line-height: 1.8rem;
    padding: 1.3rem;
    margin: 0.5rem 0.2rem 0 0;
    font-weight: 700;
}



/* ############################################## InfoBoxAktuell ############################################## */




.infoBoxAktuell ul {
    display: flex;
    flex-wrap: wrap;
}
.infoBoxAktuell li {
    width: calc(100% / 4);
    padding: 0.25rem;
}
@media (max-width: 1024px) {
    .infoBoxAktuell li {
        width: calc(100% / 1);
    }
}

.infoBoxAktuell a {
    height: 100%;
    padding: 0.625rem;
    display: flex;
    /* align-items: center; */
    border-radius: 5px;
    text-decoration: none;
    transition: all 0.5s;
    font-family: var(--designFontBold);
    color: var(--designFarbe-0);
    border: 1px solid var(--designFarbe-0);
    background: var(--designFarbe-1);
}
.infoBoxAktuell a::before {
    content: '\f1ea';
    color: var(--designFarbe-0);
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    font-size: 1.5rem;
    margin-right: 1rem;
    transition: all 0.5s;

}

@media (max-width: 1024px) {
    .infoBoxAktuell a {
        align-items: center;
    }
}




/* ############################################## iFrame ############################################## */

iframe {
    width: 100%;
    aspect-ratio: 854/480;
    /*height: auto;*/
}

/* ############################################## Ansprechpartner ############################################## */






body.seite_1{
    background: var(--designFarbe-1-back);
    background: var(--designFarbe-0);
}
body.seite_2{
    background: var(--designFarbe-2-back);
}
body.seite_3{
    background: var(--designFarbe-3-back);
}
body.seite_4{
    background: var(--designFarbe-4-back);
}
body.seite_5{
    background: var(--designFarbe-5-back);
}
body.seite_6{
    background: var(--designFarbe-6-back);
}
body.seite_7{
    background: var(--designFarbe-7-back);
}

.backGroundGray {
   
   
}




/* ############################################## Buslinien ############################################## */
/*
.busLinie {
    
}

.seite_9 .busLinien {
    width: 100%;
    padding: 1rem;
    display: flex;
    flex-wrap: wrap;
}
.seite_9 .busLinie { 
}

    
.seite_9 .busLinie a {
    min-width: 7rem;
    padding: 1rem;
    display: inline-block;
    color: var(--designFarbe-0);
    text-align: center;
    background: var(--designFarbe-9);
    font-size: 1.5rem;
    text-decoration: none;
    border-radius: 5px;
}

 

.busLinie a::before {
   
    content: '\f071';
    margin-right: 1rem;
    font-family: "Font Awesome 5 Free" ;
    font-weight: 600 ;
    font-size: 1.5rem;
    color: var(--designFarbe-0); 
}

.busLinie a.ausrufeZeichenAnzeigen::before { 
    display: inline; 
}
*/
 













/* ############################################## Buslinien ############################################## */
/* {loadmoduleid 138}{loadmoduleid 139}{loadmoduleid 140} */






.containerSVG + * h2 {
    margin-bottom: 3rem;
    margin-top: 5rem;
    text-align: center;
}

ul.raum_eberswalde,
ul.raum_bad_freienwalde,
ul.raum_bernau {
    width: 100%;
    padding: 1rem;
    display: flex;
    flex-direction: row;
}
ul.raum_eberswalde li,
ul.raum_bad_freienwalde li,
ul.raum_bernau li {
    display: block;
    flex: 130px;
    margin: 0 1rem;
}
ul.raum_eberswalde li a,
ul.raum_bad_freienwalde li a,
ul.raum_bernau li a {
    width: 100%;
    padding: 1rem;
    margin: 0.5rem 0 0.5rem 0;
    border-radius: 5px;
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    font-size: 1.5rem;
    text-align: center;
    transition: all 0.5s;
    /*filter: drop-shadow(2px 2px 5px var(--designFarbe-12));*/
}



.neueLinie {
    position: relative;
}
/*
.neueLinie::before {
    content: 'NEU';
    padding: 0.3rem 1rem;
    border-radius: 5px;
    position: absolute;
    right: 0.5rem;
    top: 0;
    background: var(--designFarbe-1);
    color: var(--designFarbe-0);
    font-family: var(--designFontBold);
    z-index: 1;
    box-shadow: inset 0 0 0 1px var(--designFarbe-0), 0 0 0 1px var(--designFarbe-1);
}
.infoBoxOpen .neueLinie::before {
    right: -0.7rem;
    top: -0.2rem;
    padding: 0.3rem 1rem;
}
*/




.neueLinie::before {
    content: 'NEU';
    border-radius: 50%;
    position: absolute;
    right: 0.7rem;
    top: -0.2rem;
    background: var(--designFarbe-1);
    color: var(--designFarbe-0);
    font-family: var(--designFontBold);
    z-index: 1;
    box-shadow: inset 0 0 0 1px var(--designFarbe-0), 0 0 0 1px var(--designFarbe-1);
    height: 3rem;
    width: 3rem;
    padding: 0.75rem 0.5rem;
}

.infoBoxOpen .neueLinie::before {
    right: -0.3rem;
}
.neueLinie a {
    box-shadow: inset 0 0 10px 40px var(--designFarbe-1);
}
.neueLinie a:hover {
    box-shadow: inset 0 0 10px 0 var(--designFarbe-11-11);
}










a.ausrufeZeichenAnzeigen {
    
}
.ausrufeZeichenAnzeigen::after { 
    content: '\f071';
    font-family: "Font Awesome 5 Free" ;
    font-weight: 600 ;
    font-size: 1.5rem;
    color: var(--designFarbe-0); 
    margin-right: 1rem;
    transition: all 0.3s;
}
.ausrufeZeichenAnzeigen:hover::after {
    transition: all 0.5s;
}



ul.raum_eberswalde a.ausrufeZeichenAnzeigen:hover::after { 
    color: var(--designFarbe-9); 
}
ul.raum_bad_freienwalde a.ausrufeZeichenAnzeigen:hover::after { 
    color: var(--designFarbe-10); 
}
ul.raum_bernau a.ausrufeZeichenAnzeigen:hover::after { 
    color: var(--designFarbe-11); 
}

ul.raum_eberswalde li a {
    border: 1px solid var(--designFarbe-9-11-vt);
    background: var(--designFarbe-9);
}
ul.raum_bad_freienwalde li a {
    border: 1px solid var(--designFarbe-10-11-vt);
    background: var(--designFarbe-10);
}
ul.raum_bernau li a {
    border: 1px solid var(--designFarbe-11-11-vt);
    background: var(--designFarbe-11);
}


/*
ul.raum_eberswalde li a::before,
ul.raum_bad_freienwalde li a::before,
ul.raum_bernau li a::before {
    display: none;
    content: '\f071';
    margin-right: 1rem;
    font-family: "Font Awesome 5 Free" ;
    font-weight: 600 ;
    font-size: 1.5rem;
    color: var(--designFarbe-0); 
    transition: all 0.5s ease-in-out;
}
ul.raum_eberswalde li a:hover::before,
ul.raum_bad_freienwalde li a:hover::before,
ul.raum_bernau li a:hover::before {
    transition: all 0.5s ease-in-out; 
}
ul.raum_eberswalde li a:hover::before {
    color: var(--designFarbe-9);
}
ul.raum_bad_freienwalde li a:hover::before {
    color: var(--designFarbe-10);
}
ul.raum_bernau li a:hover::before {
    color: var(--designFarbe-11);
}
*/


ul.raum_eberswalde li a:hover,
ul.raum_bad_freienwalde li a:hover,
ul.raum_bernau li a:hover {
    width: calc(100% - 0.5rem);
    padding: 0.8rem;
    margin: 0.7rem 0.5rem 0.7rem 0.3rem;
    border-radius: 5px;
    font-size: 1.5rem;
    text-align: center;
    text-decoration: none;
    transition: all 0.3s;
    filter: drop-shadow(6px -1px 2px lightgrey);
}
ul.raum_eberswalde li a:hover {
    border: 1px solid var(--designFarbe-9);
    color: var(--designFarbe-9);
    background: var(--designFarbe-9-11);
}
ul.raum_bad_freienwalde li a:hover {
    border: 1px solid var(--designFarbe-10);
    color: var(--designFarbe-10);
    background: var(--designFarbe-10-11);
}
ul.raum_bernau li a:hover {
    border: 1px solid var(--designFarbe-11);
    color: var(--designFarbe-11);
    background: var(--designFarbe-11-11);
}


/*
ul.raum_eberswalde li:nth-of-type(1)::after {
    content: 'Nordend > Kleiner Stern \A Kleiner Stern > Brandenburgisches Viertel > Nordend';
    position: absolute;
    background: green;
    z-index: 2;
    top: 7rem;
    white-space: pre;
    color: white;
    padding: 1rem;
}
*/



























.liniennetz {
    /*border: 1px solid var(--designFarbe-1);*/
}
.liniennetz h2 {
    margin: 5rem 0 0 0;
    text-align: center;
    box-shadow: none;   
}
ul.raum_eberswalde + .liniennetz h2,
ul.raum_eberswalde ~ .liniennetz h2 {
    color: var(--designFarbe-9);
}
ul.raum_bad_freienwalde + .liniennetz h2,
ul.raum_bad_freienwalde ~ .liniennetz h2 {
    color: var(--designFarbe-10);
}
ul.raum_bernau + .liniennetz h2,
ul.raum_bernau ~ .liniennetz h2 {
    color: var(--designFarbe-11);
}



.liniennetz + h2 {
    margin: 5rem 0 0 0;
    text-align: center;
    box-shadow: none;
}
.liniennetz + h2 strong {
    color: var(--danger);
    font-family: var(--designFontBold);
}

@media (min-width: 1000px) and (max-width: 1366px) {
    .liniennetz + h2 strong {
        font-size: 3vw;
    }
}



.liniennetz p {
    margin: 0 0.5rem;
    text-align: center;
    box-shadow: none;
}
.liniennetz p strong {
    margin: 1rem 0 0 0;
    display: block;
}
.raum_eberswalde + .liniennetz p strong {
    color: var(--designFarbe-9);
}
.raum_bad_freienwalde + .liniennetz p strong {
    color: var(--designFarbe-10);
}
.raum_bernau + .liniennetz p strong {
    color: var(--designFarbe-11);
}
.liniennetz ul {
    margin-bottom: 0rem;
    list-style: none;
    padding-inline-start: 0;
    display: flex;
    justify-content: center;

}
.liniennetz li {
    flex: 130px;
    margin: 1rem 2rem;
    /*filter: drop-shadow(2px 2px 5px var(--designFarbe-12));*/
}
.liniennetz a {
    color: var(--danger);
    border: 1px solid green;
    border-radius: 5px;
    width: 100%;
    display: inline-block;
    text-align: center;
    padding: 1rem 0.5rem;
    text-decoration: none;
    transition: all 0.5s;
    font-size: 1.3rem;
    line-height: 1.8rem;
    font-weight: 700;
}
.raum_eberswalde + .liniennetz a,
.raum_eberswalde ~ .liniennetz a {
    border: 1px solid var(--designFarbe-9-11-vt);
    background: var(--designFarbe-9);
}
.raum_bad_freienwalde + .liniennetz a,
.raum_bad_freienwalde ~ .liniennetz a {
    border: 1px solid var(--designFarbe-10-11-vt);
    background: var(--designFarbe-10);
}
.raum_bernau + .liniennetz a,
.raum_bernau ~ .liniennetz a {
    border: 1px solid var(--designFarbe-11-11-vt);
    background: var(--designFarbe-11);
}
.raum_eberswalde + .liniennetz a:hover,
.raum_bad_freienwalde + .liniennetz a:hover,
.raum_bernau + .liniennetz a:hover,
.raum_eberswalde ~ .liniennetz a:hover,
.raum_bad_freienwalde ~ .liniennetz a:hover,
.raum_bernau ~ .liniennetz a:hover {
    text-align: center;
    text-decoration: none;
    transition: all 0.3s;
    filter: drop-shadow(6px -1px 2px lightgrey);
}
.raum_eberswalde + .liniennetz a:hover,
.raum_eberswalde ~ .liniennetz a:hover {
    border: 1px solid var(--designFarbe-9);
    color: var(--designFarbe-9);
    background: var(--designFarbe-9-11);
}
.raum_bad_freienwalde + .liniennetz a:hover,
.raum_bad_freienwalde ~ .liniennetz a:hover {
    border: 1px solid var(--designFarbe-10);
    color: var(--designFarbe-10);
    background: var(--designFarbe-10-11);
}
.raum_bernau + .liniennetz a:hover,
.raum_bernau ~ .liniennetz a:hover {
    border: 1px solid var(--designFarbe-11);
    color: var(--designFarbe-11);
    background: var(--designFarbe-11-11);
}

.liniennetz a span {
    font-size: 0.9em;
    color: var(--designFarbe-0);
    transition: 0.5s;
    font-weight: 500;
}

.raum_eberswalde + .liniennetz a:hover span,
.raum_eberswalde ~ .liniennetz a:hover span {
    color: var(--designFarbe-9);
    transition: 0.5s;
}
.raum_bad_freienwalde + .liniennetz a:hover span,
.raum_bad_freienwalde ~ .liniennetz a:hover span {
    color: var(--designFarbe-10);
    transition: 0.5s;
}
.raum_bernau + .liniennetz a:hover span,
.raum_bernau ~ .liniennetz a:hover span {
    color: var(--designFarbe-11);
    transition: 0.5s;
}



















/* ############################################## SVG ############################################## */
/*
.containerSVG + * {
    width: calc(calc( 1350px / 2 ) - 1rem ) ;
}
@media (max-width: 1450px) {
    .containerSVG + * {
        width: calc(calc( 100vw / 2 ) - 2rem ) ;
    }
}

div.containerSVG {
    margin-top: 10%;
    overflow: hidden;
    width: calc(calc( 1350px / 2 ) - 2rem) ;
    height: auto;
    position: relative;
    padding: 2rem 0 0 2rem; 
    padding-right: 0 !important;
}
div.deckSVG, 
div.diePins {
    width: calc(calc( 1350px / 2 ) - 2rem);
    height: 400px;
    position: absolute;
}
svg#pinSVG,
svg#karteSVG {
    width: calc(calc( 1350px / 2 ) - 2rem);
    height: 400px;
    position: absolute;
    overflow: visible;
}
div.dieKarte {
    width: calc(calc( 1350px / 2 ) - 2rem);
    height: 400px;
    position: absolute;
    transform: perspective(900px) rotateX(60deg) scale(0.7);
    transition:0.5s ease-in-out all;
}

@media (max-width: 1450px) {
    div.containerSVG {
        width: calc(calc( 100vw / 2 ) - 7rem) ;
        height: auto;
        position: relative;
        padding: 1rem 0 0 1rem; 
        padding-right: 0 !important;
    }
    div.deckSVG, 
    div.diePins {
        width: calc(calc( 100vw / 2 ) - 7rem);
        height: 400px;
        position: absolute;
    }
    svg#pinSVG,
    svg#karteSVG {
        width: calc(calc( 100vw / 2 ) - 7rem);
        height: 400px;
        position: absolute;
        overflow: visible;
    }
    div.dieKarte {  
        width: calc(calc( 100vw / 2 ) - 7rem);
        height: 400px;
        position: absolute;
        transform: perspective(900px) rotateX(60deg) scale(0.7);
        transition:0.5s ease-in-out all;
    }
}

#karteSVG, #pinSVG {
    transform: scale(1.2);
}
@media (max-width: 1450px) {
    #karteSVG, #pinSVG {
        transform: scale(1);
    }
}
div.containerSVG:hover .dieKarte {
    transform: rotateX(-5deg) scale(1) translateY(10px);      
}
#karteSVG {
    transition: 0.5s ease-in-out all;
}
.containerSVG:hover #karteSVG {
    -webkit-filter: drop-shadow( 1px 1px 0 black);
    filter: drop-shadow( 1px 1px 0 black);
}
svg {
    font-family: monospace;
}
svg path, svg text {
    transition: 0.5s all ease-in-out;
}
svg#pinSVG path.pinNr-1 {
    fill: var(--designFarbe-9);
    stroke-width: 0;
}
svg#pinSVG path.pinNr-2 {
    fill: var(--designFarbe-10);
    stroke-width: 0;
}
svg#pinSVG path.pinNr-3 {
    fill: var(--designFarbe-11);
    stroke-width: 0;
}
.containerSVG:hover svg#pinSVG path.pinNr-1 {
    d: path("M160.33,133c0,5.52-4.58,10-10,10s-10-4.48-10-10c0-5.52,4.48-10,10-10S160.33,127.48,160.33,133z");
    stroke: var(--designFarbe-8);
    stroke-width: 0;
}
.containerSVG:hover svg#pinSVG path.pinNr-2 {
    d: path("M110.55,210c0,5.52-4.58,10-10,10s-10-4.48-10-10c0-5.52,4.48-10,10-10S110.55,204.48,110.55,210z");
}
.containerSVG:hover svg#pinSVG path.pinNr-3 {
    d: path("M216.34,198c0,5.52-4.54,10-10,10s-10-4.48-10-10c0-5.52,4.48-10,10-10S216.34,192.48,216.34,198z");
}
.containerSVG:hover .textNr-2 {
    transform: translate(-150px, -135px) scale(2);
    fill: var(--designFarbe-10);
    font-weight: 700;
}
.containerSVG:hover .textNr-1 {
    transform: translate(-180px, -150px) scale(2);
    fill: var(--designFarbe-9);
    font-weight: 700;
}
.containerSVG:hover .textNr-3 {
    transform: translate(-200px, -220px) scale(2);
    fill: var(--designFarbe-11);
    font-weight: 700;
}

@media (max-width: 1450px) {
    .containerSVG:hover .textNr-2 {
        transform: translate(-80px, -50px) scale(1.5);
    }
    .containerSVG:hover .textNr-1 {
        transform: translate(-100px, -85px) scale(1.5);
    }
    .containerSVG:hover .textNr-3 {
        transform: translate(-100px, -110px) scale(1.5);
    }
}
.karteLand {
    fill: var(--designFarbe-12);
    stroke-width: 0;
}


*/






/* ############################################## Tarife Knöpfe ############################################## */



.itemid-110 .eine-spalte p + .knoepfchen {
    margin: 0;
    justify-content: left; 
}






/* ############################################## Sotial Media ############################################## */
/* der template Container */
.grid-child.container-top-b {
    position: fixed;
    z-index: 14;
    width: 200px;
    height: 100px;
    right: calc(calc(calc(calc(100vw - 1370px) / 2) / 2) - 94px);
    top: 57px;
    overflow: hidden;
    /* transition: all 0.5s; */
}

.grid-child.container-top-b {
}

.containerSMAll {
    padding-bottom: 0.7rem;
    display: flex;
    justify-content: space-evenly;
    align-items: flex-end;
    height: 100%;
    transition: background 0.3s;
}
.containerSM {
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 0 0 0 #fefefe, 0 0 0 0 black;
}
.linkLinkedin {
    background: var(--designIconLinkedin);
    background: transparent;
    background-image: var(--designIconLinkedin);
}
.linkFacebook {
    background: var(--designFarbeIconFB);
    background: transparent;
    background-image: var(--designIconFacebookSquare);
}
.linkInstagram {
    background: var(--designFarbeIconInstagram);
    background: transparent;
    background-image: var(--designIconInstagram); 
}
.linkVBB {
    background: var(--designFarbeIconVBB);
    background: transparent;
    background-image: var(--designIconVBB);
}
.linkSM {
    width: 40px;
    height: 40px;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 30px 30px;
    transition-property: box-shadow, background-size;
    transition-duration: 0.3s, 0.3s;
}
.containerSM:hover a {
    background-size: 30px 30px;
    transition-property: box-shadow, background-size;
    transition-duration: 0.3s, 0.3s;
}
.containerSM:hover a.linkLinkedin {
    box-shadow: 0 -10px 0 -8px var(--designFarbeIconLinkedin);
}
.containerSM:hover a.linkFacebook {
    box-shadow: 0 -10px 0 -8px var(--designFarbeIconFaceBook);
}
.containerSM:hover a.linkInstagram {
    box-shadow: 0 -10px 0 -8px var(--designFarbeIconInstagram);
}
.containerSM:hover a.linkVBB {
    box-shadow: 0 -10px 0 -8px var(--designFarbeIconVBB);
}
.moveSM .containerSM:hover a.linkLinkedin {
    box-shadow: -10px 0 0 -8px var(--designFarbeIconLinkedin);
}
.moveSM .containerSM:hover a.linkFacebook {
    box-shadow: -10px 0 0 -8px var(--designFarbeIconFaceBook);
}
.moveSM .containerSM:hover a.linkInstagram {
    box-shadow: -10px 0 0 -8px var(--designFarbeIconInstagram);
}
.moveSM .containerSM:hover a.linkVBB {
    box-shadow: -10px 0 0 -8px var(--designFarbeIconVBB);
}
.moveSM .containerSMAll:hover {
    background: var(--designFarbe-0);
    transition: background 0.3s;
}
.grid-child.container-top-b.moveSM {
    animation: animMoveSMContainer 0.3s linear 1.3s forwards;
    position: fixed;
    transition: position 1s;
}
@keyframes animMoveSMContainer {
  from  {top:unset;bottom:160px;right:0;width:0px;height:204px;background:var(--designFarbe-0-11);border-radius: 0;}
  to    {top:unset;bottom:160px;right:0;width:57px;height:204px;background:var(--designFarbe-0-66);border-radius: 5px 0 0 5px;}
}
.moveSM .containerSMAll {
    animation: animMoveSMSMALL 0.1s linear 1s forwards;
}
@keyframes animMoveSMSMALL {
  from   {}
  to {flex-direction: column;}
}
.moveSM .containerSM {
    animation: animMoveSM 0.1s linear 1s forwards;
}
@keyframes animMoveSM {
  from   {}
  to {margin: 5px 5px;}
}
.moveSM .linkSM {
animation: animMoveSMLinks 2s cubic-bezier(0.5,-0.5,0.5,1.5);
animation-delay: var(--time);
}
@keyframes animMoveSMLinks {
  0%   {}
  45%  {transform:translate(0,170px);opacity:1;}
  49%  {transform:translate(0,170px);opacity:0;}
  51%  {transform:translate(170px,0);opacity:0;}
  55%  {transform:translate(170px,0);opacity:1;}
  100% {transform:translate(0,0);}
}





/*
1760
https://www.mediaevent.de/javascript/encodeUri.html
https://www.mediaevent.de/svg-in-html-seiten/
*/




.marker {
    opacity: 0;
}
.vbb-suche {
    width: 100%;
    background: #ed1c2433;
    padding-bottom: 3rem;
    padding-top: 0rem;
    position: relative;
    background-image: var(--designIconVBBg);
    background-size: 350px;
    background-repeat: no-repeat;
    background-position: 99% -2.7rem;
}
.itemid-240 .vbb-suche {
    height: 17rem;
}


.vbb-suche::before {
    content:'';
    width: 10000px;
    height: 100%;
    top: 0;
    background: #ed1c2433;
    position: absolute;
    left: -10000px;
}
.vbb-suche::after {
    content:'';
    width: 10000px;
    height: 100%;
    top: 0;
    background: #ed1c2433;
    position: absolute;
    right: -10000px;
}
.vbb-suche h3 {
    padding-top: 3rem;
    padding-bottom: 2rem;
    text-align: center;
    color: #ed1c24;
    font-size: 2.25rem;
}
.vbb-sucheFC {
    width: 100%;
}
.vbb-sucheFC form {
    width: 100%;
    display: flex;
    justify-content: space-evenly;
}
.vbb-sucheFC form input {
    font-size: 1.3rem;
    padding: 1rem;
    width: 35%;
    border: 1px solid transparent;
    border-radius: 5px;
}
.vbb-sucheFC form input:last-child {
    width: 23%;
    background: #ed1c24aa;
    font-family: var(--designFontBold);
    color: var(--designFarbe-0);
    transition: all 0.5s;
    /*background-image: var(--designIconVBB);
    background-size: 350px;
    background-repeat: no-repeat;
    background-position: 61% -11rem;*/
}
.vbb-sucheFC form input:last-child:hover {
    background: #576570cc;
    /*color: #ed1c24;*/
    border: 1px solid #ed1c24;
    position: relative;
    /*background-image: var(--designIconVBBg);
    background-size: 350px;
    background-repeat: no-repeat;
    background-position: 61% -11rem;*/
}
.vbb-sucheFC form input:focus {
  border: 1px solid #ed1c24cc;
}
.marker {
    margin-top: 0;
}
.marker + div {
    margin-top: -6.5rem;
}

:focus-visible {
    outline: -webkit-focus-ring-color auto 0;
}


.itemid-240 .vbb-suche,
.itemid-240 .vbb-suche::before,
.itemid-240 .vbb-suche::after {
    background: var(--designFarbe-3);
}

.design_t_001.itemid-240 .vbb-suche,
.design_t_001.itemid-240 .vbb-suche::before,
.design_t_001.itemid-240 .vbb-suche::after {
    background: var(--designFarbe-1);
}
.design_t_002.itemid-240 .vbb-suche,
.design_t_002.itemid-240 .vbb-suche::before,
.design_t_002.itemid-240 .vbb-suche::after {
    background: var(--designFarbe-4);
}
.design_t_003.itemid-240 .vbb-suche,
.design_t_003.itemid-240 .vbb-suche::before,
.design_t_003.itemid-240 .vbb-suche::after {
    background: var(--designFarbe-3);
}
.design_t_001.itemid-240 .vbb-suche,
.design_t_002.itemid-240 .vbb-suche,
.design_t_003.itemid-240 .vbb-suche,
.itemid-240 .vbb-suche {
    background-image: var(--designIconVBBg);
    background-size: 290px;
    background-repeat: no-repeat;
    background-position: 96% -1.7rem;
}
.itemid-240 .vbb-suche h3 {
    color: var(--designFarbe-0);
}
.itemid-240 .vbb-sucheFC form input:last-child {
    background: transparent;
    border: 1px solid var(--designFarbe-0);
}
.itemid-240 .vbb-sucheFC form input:last-child:hover {
    background: #ed1c24aa;
}


























/* ############################################## Zaehler ############################################## */

.zaehler {
    padding-bottom: 15rem;
}
.zaehler .marker {
    opacity: 0;
}
.zaehler * {
    color: var(--designfarbe-text);
}
.zaehler h3{
    margin-top: 10rem;
    margin-bottom: 3rem;
    color: var(--designfarbe-text);
    font-size: 2.25rem;
    text-align: center;
}
.zahlenAlle {
    display: flex;
    justify-content: space-evenly;
}
.zahlenTrenner {
    border-left: 1px solid black;
}
.zahlZahl, .zahlText {
    text-align: center;
    font-family: 'Quicksand Bold';
}
.zahlZahl {
    font-size: 6rem;
}
.zahlText {
    font-size: 1.3rem;
}







/* ############################################## Formular ############################################## */

.footer .grid-child {
    align-items: center;
    justify-content: center;
    padding: 0;
    flex-direction: column;
    max-width: 100vw;
}
#mod-custom168 {
    width: 100vw;
    background-size: cover;
    background-position: center;
}
.sectionFormular {
    padding: 10rem 5rem 7rem 5rem;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    
}

body.seite_1 .sectionFormular {
    background: var(--designFarbe-1-66);
}
body.seite_2 .sectionFormular {
    background: var(--designFarbe-2-66);
}
body.seite_3 .sectionFormular {
    background: var(--designFarbe-3-66);
}
body.seite_4 .sectionFormular {
    background: var(--designFarbe-4-66);
}
body.seite_5 .sectionFormular {
    background: var(--designFarbe-5-66);
}
body.seite_6 .sectionFormular {
    background: var(--designFarbe-6-66);
}
body.seite_7 .sectionFormular {
    background: var(--designFarbe-7-66);
}


.formularBox {
    width: 50%;
    max-width: 904px;
    margin-right: 5rem;
}
#cf_1 {
    width: 100%;
    max-width: 904px;
    --max-width: 100vw !important;
    --background-color: transparent !important;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}
#cf1 {
    width: 100%;
}
.cf-form-wrap {
    padding-top: 0 !important;
}
.cf-label,
.captcha-equation {
    color: var(--designFarbe-0) !important;
}
.bewerbungen .cf-label,
.bewerbungen .captcha-equation {
    color: var(--designFarbe-5) !important;
}
.cf-label a {
    color: var(--designFarbe-0);
}
.cf-btn {
    background-color: var(--designFarbe-0-66) !important;
    border: 1px solid var(--designFarbe-0) !important;
}
.cf-btn:hover {
}
body.seite_1 .cf-btn:hover {
    background-color: var(--designFarbe-1-33) !important;
}
body.seite_2 .cf-btn:hover {
    background-color: var(--designFarbe-2-33) !important;
}
body.seite_3 .cf-btn:hover {
    background-color: var(--designFarbe-3-33) !important;
}
body.seite_4 .cf-btn:hover {
    background-color: var(--designFarbe-4-33) !important;
}
body.seite_5 .cf-btn:hover {
    background-color: var(--designFarbe-5-33) !important;
}
body.seite_6 .cf-btn:hover {
    background-color: var(--designFarbe-6-33) !important;
}
body.seite_7 .cf-btn:hover {
    background-color: var(--designFarbe-7-33) !important;
}




.cf-btn:hover span {
    color: var(--designFarbe-0);
}
.cf-input:focus {
    color: var(--designFarbe-0) !important;
}
body.seite_1 .cf-input:focus {
    border-color: var(--designFarbe-1) !important;
    background-color: var(--designFarbe-1-33) !important;
}
body.seite_2 .cf-input:focus {
    border-color: var(--designFarbe-2) !important;
    background-color: var(--designFarbe-2-33) !important;
}
body.seite_3 .cf-input:focus {
    border-color: var(--designFarbe-3) !important;
    background-color: var(--designFarbe-3-33) !important;
}
body.seite_4 .cf-input:focus {
    border-color: var(--designFarbe-4) !important;
    background-color: var(--designFarbe-4-33) !important;
}
body.seite_5 .cf-input:focus {
    border-color: var(--designFarbe-5) !important;
    background-color: var(--designFarbe-5-33) !important;
}
body.seite_6 .cf-input:focus {
    border-color: var(--designFarbe-6) !important;
    background-color: var(--designFarbe-6-33) !important;
}
body.seite_7 .cf-input:focus {
    border-color: var(--designFarbe-7) !important;
    background-color: var(--designFarbe-7-33) !important;
}



.cf-control-input input,
.cf-control-input textarea,
.cf-control-input button {
    box-shadow: -10px -10px 10px -11px white, 10px 10px 10px -10px black !important;
}
.cf-input {
    color: var(--designFarbe-text) !important;
    background-color: var(--designFarbe-0-66) !important;
    font-size: 1rem !important;

   

}
.cf-input::placeholder,
.cf-control-input button {
    color: var(--designFarbe-text) !important;
    /* font-family: 'Quicksand Bold'; */
    font-family: 'Quicksand';
}
.cf-input:focus::placeholder {
    color: var(--designFarbe-0) !important;
}
.convertforms .cf-input[type=checkbox], .convertforms .cf-input[type=radio] {
    width: 40px !important;
    height: 16px !important;
}


.cf-checkbox-group-required {
    position: relative;
}

input[type="checkbox"] {
position: absolute;
left: -999rem;
}
input[type="checkbox"] + label {
position: relative;

cursor: pointer;
}
input[type="checkbox"] + label::before {
    content: "";
    display: inline-block;
    vertical-align: -25%;
    height: 20px;
    width: 20px;
    background: var(--designFarbe-2-11-vt);
    border: 1px solid var(--designfarbe-titel);
    border-radius: 4px;
    box-shadow: inset 0 2px 5px rgba(0,0,0,0.25), -2px -2px 2px -2px white, 2px 2px 2px -2px black;
    margin-right: 0.5em;
    transition: all 0.3s;
}
input[type="checkbox"]:checked + label::before {
    background: var(--designFarbe-1-66);
    box-shadow: inset 0 2px 5px rgba(255,255,255,0.25);
    transition: all 0.3s;
    box-shadow: inset 0 2px 5px rgba(0,0,0,0.25), -2px -2px 2px -2px white, 2px 2px 2px -2px black;
}
input[type="checkbox"]:checked + label::after {
    content: '';
    position: absolute;
    width: 19px;
    height: 13px;
    background: rgba(0, 0, 0, 0);
    top: -3px;
    left: 9px;
    border: 3px solid var(--designFarbe-0);
    border-top: none;
    border-right: none;
    box-shadow: 0px 4px 0 -2px rgba(0,0,0,0.25);
    transform: rotate(-45deg);
}

.formularZusatz {
    width: 50%;
    max-width: 904px;
}
.formularTexte {
    display: flex;
}
.formularTexte > div {
    width: 50%;
    margin-right: 3rem;
    max-width: 393px;
    padding: 1rem;
    border-radius: 5px;
    box-shadow: -10px -10px 10px -11px white, 10px 10px 10px -10px black !important;
}
.formularTexte h3 {
    padding: 0;
    margin: 0 0 1rem 0;
    color: var(--designFarbe-0);
} 
.formularTexte p {
    color: var(--designFarbe-0);
}
.formularTexte p a,
.formularTexte p a:not(.btn) {
    color: var(--designFarbe-0);
}



















/* ############################################## Imp & Dat ############################################## */

footer .mod-footer {
    display: flex;
    width: 100vw;
    max-width: 1888px;
    justify-content: space-between;
    align-items: center;
    background: var(--designFarbe-1);
    padding: 2rem;
    font-size: 1.3rem;
    position: relative;
   /* overflow-x: hidden; */
}

footer .mod-footer::before {
    content:'';
    width: 10000px;
    height: 100%;
    background: var(--designFarbe-1);
    position: absolute;
    left: -10000px;
    top: 0;
}
footer .mod-footer::after {
    content:'';
    width: 10000px;
    height: 100%;
    background: var(--designFarbe-1);
    position: absolute;
    right: -10000px;
    top: 0;
}
.footer1 {
    color: var(--designFarbe-0);
}
.footer2 {
    display: flex;
    justify-content: flex-end;
}
.footer2 ul {
    display: flex;
    padding: 0;
    margin-bottom: 0;
}
.footer2 li {
    list-style: none;
    margin: 0;
}
.footer2 a {
    margin: 0 1rem;
    padding: 1rem;
    text-decoration: none;
    font-family: 'Quicksand Bold';
    color: var(--designFarbe-0) !important;
}




.sitemap .divBackground {
    width: 100%;
    margin-top: 2rem;
    background: var(--designFarbe-1-33-vt);
}
.sitemap h3 {
    margin: 0;
    padding: 3rem;
    text-align: center;
}
.sitemap h3 a {
    font-family: 'Quicksand Bold';
    text-transform: uppercase;
}
.sitemap p {
    margin-top: -1rem;
    padding-bottom: 3rem;
    text-align: center;
}
.sitemap div.divBackground:last-child {
    margin-top: 0;
    padding-top: 3.5rem;
}
.sitemap a {
    text-decoration: none;
}
.sitemap h3 a {
    box-shadow: inset 0 0em 0 0 var(--designFarbe-1-33-vt), inset 0 0 -0.1em 0 transparent;
    transition: all 0.3s;
}
.sitemap h3 a:hover {
    box-shadow: inset 0 0em 0 0 var(--designFarbe-1-33-vt), inset 0 -0.1em 0 0 var(--designFarbe-1-33);
    transition: all 0.3s;
}
.sitemap p a {
    box-shadow: inset 0 0em 0 0 var(--designFarbe-1-33-vt), inset 0 -0.05em 0 0 var(--designFarbe-1-33);
    transition: all 0.3s;
}
.sitemap p a:hover {
    box-shadow: inset 0 0em 0 0 var(--designFarbe-1-33-vt), inset 0 -0.05em 0 0 var(--designFarbe-1);
    transition: all 0.3s;
}
.sitemap hr {
    height: 0.5rem;
    background: var(--designFarbe-1-33-vt);
    opacity: 1;
    border-top: none;
}





/* ############################################## design0011 ############################################## */




.design0011#seite ~ * .drei-spalten {
    margin: 3rem 0 2rem 0;
}
.design0011#seite ~ * .drei-spalten > div {
    display: block;
}
.design0011#seite ~ * .drei-spalten > div:last-child {
    box-shadow: none;
}
.design0011#seite ~ * h3 {
    margin-top: 9rem;
}
.design0011#seite ~ * .drei-spalten > div > picture > img {
    box-shadow: 0 0 65px -30px #dfe3e7;
}
.design0011#seite ~ * .drei-spalten > div .knoepfchen a {
    width: 100%;
    padding: 0.7rem 1rem;
    display: inline-block;
    position: relative;
    font-size: 1.3rem;
    font-family: var(--designFontBold);
    background: var(--designFarbe-0);
    transition: var(--designTransition2);
}
.design0011#seite ~ * .drei-spalten > div .knoepfchen a:hover {  
    transition: var(--designTransition1); 
}
.design0011#seite ~ * .drei-spalten > div .knoepfchen a::before {
    font-family: 'Font Awesome 5 Free';
    font-size: 1.3rem;
    font-weight: 900;
    right: 1.5rem;
    position: absolute;
    transition: var(--designTransition2);
}








/* Mache es später zu design0011 revrs */
/*
.design0011#seite ~ * .drei-spalten > div .knoepfchen a:hover::before {
    color: var(--designFarbe-0);
    transition: var(--designTransition1);
}
.design0011#seite ~ *.seite_4 .drei-spalten > div .knoepfchen a {
    color: var(--designFarbe-4);
    background: var(--designFarbe-4-11-vt);
    box-shadow: 0 0 0 1px var(--designFarbe-4);
}
.design0011#seite ~ *.seite_4 .drei-spalten > div .knoepfchen a:hover {
    color: var(--designFarbe-0);
    background: var(--designFarbe-4);
    box-shadow: 0 0 0 0 var(--designFarbe-4);
}
.design0011#seite ~ *.seite_4 .drei-spalten > div .knoepfchen a::before {
    color: var(--designFarbe-4);
}
.design0011#seite ~ *.seite_4 .drei-spalten > div .knoepfchen a:hover::before {
    color: var(--designFarbe-0);
}
.design0011#seite ~ *.seite_5 .drei-spalten > div .knoepfchen a {
    color: var(--designFarbe-5);
    background: var(--designFarbe-5-11-vt);
    box-shadow: 0 0 0 1px var(--designFarbe-5);
}
.design0011#seite ~ *.seite_5 .drei-spalten > div .knoepfchen a:hover {
    color: var(--designFarbe-0);
    background: var(--designFarbe-5);
    box-shadow: 0 0 0 0 var(--designFarbe-5);
}
.design0011#seite ~ *.seite_5 .drei-spalten > div .knoepfchen a::before {
    color: var(--designFarbe-5);
}
.design0011#seite ~ *.seite_5 .drei-spalten > div .knoepfchen a:hover::before {
    color: var(--designFarbe-0);
}
.design0011#seite ~ *.seite_6 .drei-spalten > div .knoepfchen a {
    color: var(--designFarbe-6);
    background: var(--designFarbe-6-11-vt);
    box-shadow: 0 0 0 1px var(--designFarbe-6);
}
.design0011#seite ~ *.seite_6 .drei-spalten > div .knoepfchen a:hover {
    color: var(--designFarbe-0);
    background: var(--designFarbe-6);
    box-shadow: 0 0 0 0 var(--designFarbe-6);
}
.design0011#seite ~ *.seite_6 .drei-spalten > div .knoepfchen a::before {
    color: var(--designFarbe-6);
}
.design0011#seite ~ *.seite_6 .drei-spalten > div .knoepfchen a:hover::before {
    color: var(--designFarbe-0);
}
*/



.design0011#seite ~ * .drei-spalten > div .knoepfchen a:hover::before {
    color: var(--designFarbe-0);
    transition: var(--designTransition1);
}

.design0011#seite ~ *.seite_4 .drei-spalten > div .knoepfchen a {
    color: var(--designFarbe-4-11-vt);
    background: var(--designFarbe-4);
    box-shadow: 0 0 0 1px var(--designFarbe-4);
}
.design0011#seite ~ *.seite_4 .drei-spalten > div .knoepfchen a:hover {
    color: var(--designFarbe-4);
    background: var(--designFarbe-4-11-vt);
    box-shadow: 0 0 0 1px var(--designFarbe-4);
}
.design0011#seite ~ *.seite_4 .drei-spalten > div .knoepfchen a::before {
    color: var(--designFarbe-4-11-vt);
}
.design0011#seite ~ *.seite_4 .drei-spalten > div .knoepfchen a:hover::before {
    color: var(--designFarbe-4);
}

.design0011#seite ~ *.seite_5 .drei-spalten > div .knoepfchen a {
    color: var(--designFarbe-5-11-vt);
    background: var(--designFarbe-5);
    box-shadow: 0 0 0 1px var(--designFarbe-5);
}
.design0011#seite ~ *.seite_5 .drei-spalten > div .knoepfchen a:hover {
    color: var(--designFarbe-5);
    background: var(--designFarbe-5-11-vt);
    box-shadow: 0 0 0 1px var(--designFarbe-5);
}
.design0011#seite ~ *.seite_5 .drei-spalten > div .knoepfchen a::before {
    color: var(--designFarbe-5-11-vt);
}
.design0011#seite ~ *.seite_5 .drei-spalten > div .knoepfchen a:hover::before {
    color: var(--designFarbe-5);
}


.design0011#seite ~ *.seite_6 .drei-spalten > div .knoepfchen a {
    color: var(--designFarbe-6-11-vt);
    background: var(--designFarbe-6);
    box-shadow: 0 0 0 1px var(--designFarbe-6);
}
.design0011#seite ~ *.seite_6 .drei-spalten > div .knoepfchen a:hover {
    color: var(--designFarbe-6);
    background: var(--designFarbe-6-11-vt);
    box-shadow: 0 0 0 1px var(--designFarbe-6);
}
.design0011#seite ~ *.seite_6 .drei-spalten > div .knoepfchen a::before {
    color: var(--designFarbe-6-11-vt);
}
.design0011#seite ~ *.seite_6 .drei-spalten > div .knoepfchen a:hover::before {
    color: var(--designFarbe-6);
}




.design0011#seite ~ * .drei-spalten > div .smallSchrift {
    font-size: 1rem;
    line-height: 1.3rem;
    padding: 1rem;
    margin: 0;
}











@media (max-width: 999px) {


.itemid-128 #ankerAnzeigen + .seite  {
    margin-bottom: 10rem;
}

.displayNoneTablet {
    display: none;
}
.design0011#seite ~ * .drei-spalten {
    margin: 0rem 0 2rem 0;
}
.design0011#seite ~ * .drei-spalten + .drei-spalten {
    margin: -2rem 0 2rem 0;
}
.design0011#seite ~ * .drei-spalten > div {
    width: 100%;
    padding: 2rem;
}
.design0011#seite ~ * .drei-spalten {
    flex-direction: column;
}
.design0011#seite ~ * .drei-spalten picture {
    width: 100%;
    display: flex;
    justify-content: center;
}
.design0011#seite ~ * h3 {
    text-align: center;
    margin-top: 5rem;
}
.design0011#seite ~ * .drei-spalten > div .knoepfchen a {
    text-align: center;
}

}

@media (max-width: 820px) {

.design0011#seite ~ * .drei-spalten > div {
    width: 100%;
    padding: 1rem;
}
design0011#seite ~ * h3 {
    margin-top: 0rem;
}
.design0011#seite ~ * .drei-spalten > div .knoepfchen a {
    padding: 0.6rem 1rem;
    font-size: 1.1rem;
}

}































/* ############################################## EDOCMAN ############################################## */


.edocmanSeite.view-category main {
    margin-top: 0;
}
.edocmanSeite #edocman-category .edocman-description ul {
    display: flex;
    flex-direction: column;
}
.edocmanSeite #edocman-category .edocman-description li {
    width: fit-content;
    margin: 0 0 0.5rem 0;
    padding: 0.5rem 1rem;
    display: inline-block;
    font-size: 1.3rem;
    font-family: var(--designFontBold);
    border-radius: 5px;
}
    
    

.edocmanSeite .edocman-box-heading {
    display: none;
}
.edocmanSeite .row-fluid .edocman-description  {
    width: 33%;
}
.edocmanSeite .row-fluid .edocman-description-details p {
    font-size: 1.3rem;
}
.edocmanSeite .row-fluid .edocman-document .edocman-description-details p {
    display: inline-block;
    padding: 1rem;
    margin-bottom: -2rem;
    margin-left: -1rem;
    border-radius: 5px;
}
.edocmanSeite #edocman-documents .edocman-taskbar li,
.edocmanSeite #edocman-documents .edocman-taskbar a {
    width: 100%;
}
.edocmanSeite #edocman-documents .edocman-taskbar a {
    position: relative;
    padding: 0.7rem 1rem;
    display: inline-block;
    font-size: 1.3rem;
    font-family: var(--designFontBold);
    transition: var(--designTransition1);
}
.edocmanSeite #edocman-documents .edocman-taskbar a:hover {
    transition: var(--designTransition1);
}
.edocmanSeite .edocman-taskbar a::before {
    content: var(--designIconDeBus);
    font-family: var(--designFontAwesome5);
    font-size: 1.3rem;
    font-weight: 900;
    right: 1.5rem;
    position: absolute;
    transition: var(--designTransition1);
}
.edocmanSeite .edocman-taskbar a:hover::before {
    transition: var(--designTransition1);
}
.edocmanSeite #edocman-categories .edocman-description, #edocman-documents .edocman-description, #edocman-document-page .edocman-description {
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    width: 100% !important;
}
.edocmanSeite #edocman-categories .edocman-category, #edocman-documents .edocman-document {
    width: 33.33%;
    min-width: 33.33%;
    padding: 1rem;
}
.edocmanSeite #edocman-documents .row-fluid {
    display: flex;
    align-items: flex-end;
}








.edocmanSeite.seite_9 #edocman-category .edocman-description p {
    color: var(--designFarbe-9);
}
.edocmanSeite.seite_10 #edocman-category .edocman-description p {
    color: var(--designFarbe-10);
}
.edocmanSeite.seite_11 #edocman-category .edocman-description p {
    color: var(--designFarbe-11);
}
.edocmanSeite.seite_9 #edocman-category .edocman-description li {
    color: var(--designFarbe-9);
    background: var(--designFarbe-9-11-vt);
    box-shadow: 0 0 0 1px var(--designFarbe-9);
}
.edocmanSeite.seite_10 #edocman-category .edocman-description li {
    color: var(--designFarbe-10);
    background: var(--designFarbe-10-11-vt);
    box-shadow: 0 0 0 1px var(--designFarbe-10);
}
.edocmanSeite.seite_11 #edocman-category .edocman-description li {
    color: var(--designFarbe-11);
    background: var(--designFarbe-11-11-vt);
    box-shadow: 0 0 0 1px var(--designFarbe-11);
}

.edocmanSeite.seite_9 .edocman-container h1,
.edocmanSeite.seite_9 .edocman-container h3 {
    color: var(--designFarbe-9);
}
.edocmanSeite.seite_10 .edocman-container h1,
.edocmanSeite.seite_10 .edocman-container h3 {
    color: var(--designFarbe-10);
}
.edocmanSeite.seite_11 .edocman-container h1,
.edocmanSeite.seite_11 .edocman-container h3 {
    color: var(--designFarbe-11);
}

.edocmanSeite.seite_9 .row-fluid .edocman-description-details p strong,
.edocmanSeite.seite_9 .row-fluid .edocman-description-details p {
    color: var(--designFarbe-9);
}
.edocmanSeite.seite_10 .row-fluid .edocman-description-details p strong,
.edocmanSeite.seite_10 .row-fluid .edocman-description-details p {
    color: var(--designFarbe-10);
}
.edocmanSeite.seite_11 .row-fluid .edocman-description-details p strong,
.edocmanSeite.seite_11 .row-fluid .edocman-description-details p {
    color: var(--designFarbe-11);
}

.edocmanSeite.seite_9 .row-fluid .edocman-document .edocman-description-details p {
    background: var(--designFarbe-9-11-vt);
    box-shadow: 0 0 0 1px var(--designFarbe-9);
}
.edocmanSeite.seite_10 .row-fluid .edocman-document .edocman-description-details p {
    background: var(--designFarbe-10-11-vt);
    box-shadow: 0 0 0 1px var(--designFarbe-10);
}
.edocmanSeite.seite_11 .row-fluid .edocman-document .edocman-description-details p {
    background: var(--designFarbe-11-11-vt);
    box-shadow: 0 0 0 1px var(--designFarbe-11);
}

.edocmanSeite.seite_9 #edocman-documents .edocman-taskbar a {
    background: var(--designFarbe-9);
    box-shadow: 0 0 0 1px var(--designFarbe-9);
    box-shadow: 0 0 0 1px var(--designFarbe-9), 0px 0px 0px 0 var(--designFarbe-9), 0px 0px 0px 0 var(--designFarbe-0);
}
.edocmanSeite.seite_10 #edocman-documents .edocman-taskbar a {
    background: var(--designFarbe-10);
    box-shadow: 0 0 0 1px var(--designFarbe-10);
    box-shadow: 0 0 0 1px var(--designFarbe-10), 0px 0px 0px 0 var(--designFarbe-10), 0px 0px 0px 0 var(--designFarbe-0);
}
.edocmanSeite.seite_11 #edocman-documents .edocman-taskbar a {
    background: var(--designFarbe-11);
    box-shadow: 0 0 0 1px var(--designFarbe-11);
    box-shadow: 0 0 0 1px var(--designFarbe-11), 0px 0px 0px 0 var(--designFarbe-11), 0px 0px 0px 0 var(--designFarbe-0);
    
}

.edocmanSeite.seite_9 #edocman-documents .edocman-taskbar a:hover {
    background: var(--designFarbe-9-11-vt);
    color: var(--designFarbe-9);
    box-shadow: 0 0 0 1px var(--designFarbe-11), 2px 2px 10px 0 var(--designFarbe-11), -2px -2px 10px 0 var(--designFarbe-0);
}
.edocmanSeite.seite_10 #edocman-documents .edocman-taskbar a:hover {
    background: var(--designFarbe-10-11-vt);
    color: var(--designFarbe-10);
    box-shadow: 0 0 0 1px var(--designFarbe-10), 2px 2px 10px 0 var(--designFarbe-10), -2px -2px 10px 0 var(--designFarbe-0);
}
.edocmanSeite.seite_11 #edocman-documents .edocman-taskbar a:hover {
    background: var(--designFarbe-11-11-vt);
    color: var(--designFarbe-11);
    box-shadow: 0 0 0 1px var(--designFarbe-11), 2px 2px 10px 0 var(--designFarbe-11), -2px -2px 10px 0 var(--designFarbe-0);
}

.edocmanSeite.seite_9 .edocman-taskbar a:hover::before {
    color: var(--designFarbe-9);
}
.edocmanSeite.seite_10 .edocman-taskbar a:hover::before {
    color: var(--designFarbe-10);
}
.edocmanSeite.seite_11 .edocman-taskbar a:hover::before {
    color: var(--designFarbe-11);
}









.edocman-container {
	height: 100%;
	margin: auto;
	padding: 100px 0;
}
.edicon {
	display: none;
}
#edocman_form > div.sortPagiBar.row-fluid.clearfix.hidden-phone {
	display: none;
}
#edocman-documents .edocman-box-heading, #edocman-documents .edocman-description {
	border: 0;
	background: none;
	padding: 0;
}
.edocman-document.row-fluid {
	max-width: 33%;
	display: inline-block;
	background: #fafafa;
	padding: 30px;
}
.edocman-description ul {
	margin: 0 0 0 15px;
	padding: 0;
}
.edocman-description li {
	padding: 5px 0;
  font-size: 16px;
}

.edocman-taskbar.clearfix > ul > li:nth-child(1),
.edocman-taskbar.clearfix > ul > li:nth-child(3) {
	display: none;
}
.edocman-taskbar a.btn {
	color: #fff;
	border: 0;
}
.edocman-taskbar a.btn:hover {
	background: #fe9900;
}
i.edocman-icon-eye-open {
	display: none;
}
.edocman-container h1 {
	margin-bottom: 20px!important;
  font-size: 43px;
}
.edocman-description h3 {
	font-size: 25px;
	margin: 40px 0 10px 0!important;
}




h3.edocman-document-title {
	font-size: 25px;
  margin: 5px 0 15px 0!important;
}


.edocman_hot {
	background: #ff0000;
	color: #fff;
	text-shadow: none!important;
	padding: 5px 10px;
	position: absolute;
	margin-top: -3px;
  text-transform: none;
}

.edocman_featured {
    position: absolute;
    background-color: #fe9900;
    padding: 5px 10px;
}


.btn {
	text-shadow: none!important;
}
.back2plan {
	background: #009035;
	color: #fff;
	border-radius: 5px;
	padding: 7px 10px;
	font-size: 16px;
	transition: .3s;
}
.back2plan:hover {
	background: #fe9900;
	color: #fff;
	border-radius: 5px;
	padding: 7px 10px;
	font-size: 16px;
	transition: .3s;
}



@media screen and (max-width: 566px) {
.edocman-document.row-fluid {
	max-width: 100%;
	display: block;
	background: #fafafa;
	padding: 30px;
}
.edocman-description ul {
	margin: 0;
	padding: 0;
}
.edocman-description li {
	font-size: 16px;
	list-style: none;
	padding: 5px;
	background: #fafafa;
	margin-bottom: 1px;
}
.back2plan {
	width: 100%;
	display: block;
}

  .edocman-container h1 {
    font-size: 35px;
    line-height: 40px;
  }
  
h3.edocman-document-title {
    font-size: 25px;
    margin: 5px 0 15px 0!important;
    line-height: 30px!important;
}
  
}




@media (max-width: 999px) {
    .edocmanSeite #edocman-categories .edocman-category, #edocman-documents .edocman-document {
        width: 50%;
        min-width: 50%;
    }
}
@media (max-width: 760px) {
    .edocmanSeite #edocman-categories .edocman-category, #edocman-documents .edocman-document {
        width: 100%;
        min-width: 100%;
    }
}


@media screen and (min-width: 567px) and (max-width: 812px) {
.edocman-document.row-fluid {
	max-width: 49%;
	display: inline-block;
	background: #fafafa;
	padding: 30px;
}
.edocman-description li {
	font-size: 16px;
}
.back2plan {
	width: 49%;
	display: block;
}
}


























































/* ############################################## EDOCMAN .design0013 ############################################## */



.edocmanSeite.design0013.view-category main {
    /*margin-top: calc( 600px + 10rem );*/
    margin-top: 0;
}
.edocmanSeite.design0013 .edocman-container {
	padding: 6rem 0;
}
.edocmanSeite.design0013 #edocman-category .edocman-description h3 {
	margin: 2.5rem 0 0.6rem 0;
}
.edocmanSeite.design0013 #edocman-category .edocman-description ul {
    margin: 0 0 1rem 0;
    padding-left: 0rem;
    display: flex;
    flex-direction: column;
}
.edocmanSeite.design0013 #edocman-category .edocman-description li {
    width: fit-content;
    margin: 0 0 0rem 0;
    padding: 0rem 0;
    display: inline-block;
    font-size: 1.3rem;
    font-family: var(--designFontBold);
    border-radius: 5px;
}
.edocmanSeite.design0013 .edicon {
	display: none;
}
.edocmanSeite.design0013 .edocman-box-heading {
    display: none;
}
.edocmanSeite.design0013 .row-fluid .edocman-description  {
    width: 33%;
}
.edocmanSeite.design0013 .row-fluid .edocman-description-details p {
    font-size: 1.3rem;
}
.edocmanSeite.design0013 .row-fluid .edocman-document .edocman-description-details p {
    display: block;
    padding: 1rem;
    margin-bottom: 0;
    margin-left: 0rem;
    border-radius: 5px 5px 0 0;
}
.edocmanSeite.design0013 #edocman-documents .edocman-taskbar li {
    width: 100%;
}
.edocmanSeite.design0013 #edocman-documents .edocman-taskbar a {
    width: 100%;
    position: relative;
    padding: 0.7rem 1rem;
    display: inline-block;
    font-size: 1.3rem;
    transition: var(--designTransition1);
    border-radius: 0 0 5px 5px;
}
.edocmanSeite.design0013 .edocman-taskbar li {
    padding: 0 !important;
    margin: 0!important;
}
.edocmanSeite.design0013 .edocman-taskbar.clearfix > ul > li:nth-child(1),
.edocmanSeite.design0013 .edocman-taskbar.clearfix > ul > li:nth-child(3) {
	display: none;
}
.edocmanSeite.design0013 #edocman-documents .edocman-taskbar a:hover {
    transition: var(--designTransition08s);
}
.edocmanSeite.design0013 .edocman-taskbar a::before {
    content: var(--designIconDeBus);
    font-family: var(--designFontAwesome5);
    font-size: 1.3rem;
    font-weight: 900;
    right: 1.5rem;
    position: absolute;
    transition: var(--designTransition1);
}
.edocmanSeite.design0013 .edocman-taskbar a:hover::before {
    transition: var(--designTransition1);
}
.edocmanSeite.design0013 #edocman-categories .edocman-description, #edocman-documents .edocman-description, #edocman-document-page .edocman-description {
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    width: 100% !important;
}
.edocmanSeite.design0013 #edocman-categories .edocman-category, #edocman-documents .edocman-document {
    width: 33.33%;
    min-width: 33.33%;
    padding: 0 2rem 0 0;
}
.edocmanSeite.design0013 #edocman-categories .edocman-category, #edocman-documents div.edocman-document:last-child {
    padding: 0;
}
.edocmanSeite.design0013 #edocman-documents .row-fluid {
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
}
.edocmanSeite.design0013.seite_9 #edocman-category .edocman-description p {
    color: var(--designFarbe-9);
}
.edocmanSeite.design0013.seite_10 #edocman-category .edocman-description p {
    color: var(--designFarbe-10);
}
.edocmanSeite.design0013.seite_11 #edocman-category .edocman-description p {
    color: var(--designFarbe-11);
}
.edocmanSeite.design0013.seite_9 #edocman-category .edocman-description li {
    color: var(--designFarbe-9);
    background: none;
    box-shadow: 0 0 0 0 var(--designFarbe-19);
}
.edocmanSeite.design0013.seite_10 #edocman-category .edocman-description li {
    color: var(--designFarbe-10);
    background: none;
    box-shadow: 0 0 0 0 var(--designFarbe-10);
}
.edocmanSeite.design0013.seite_11 #edocman-category .edocman-description li {
    color: var(--designFarbe-11);
    background: none;
    box-shadow: 0 0 0 0 var(--designFarbe-11);
}
.edocmanSeite.design0013.seite_9 .edocman-container h1,
.edocmanSeite.design0013.seite_9 .edocman-container h3 {
    color: var(--designFarbe-9);
}
.edocmanSeite.design0013.seite_10 .edocman-container h1,
.edocmanSeite.design0013.seite_10 .edocman-container h3 {
    color: var(--designFarbe-10);
}
.edocmanSeite.design0013.seite_11 .edocman-container h1,
.edocmanSeite.design0013.seite_11 .edocman-container h3 {
    color: var(--designFarbe-11);
}
.edocmanSeite.design0013.seite_9 .row-fluid .edocman-description-details p strong,
.edocmanSeite.design0013.seite_9 .row-fluid .edocman-description-details p {
    color: var(--designFarbe-9);
}
.edocmanSeite.design0013.seite_10 .row-fluid .edocman-description-details p strong,
.edocmanSeite.design0013.seite_10 .row-fluid .edocman-description-details p {
    color: var(--designFarbe-10);
}
.edocmanSeite.design0013.seite_11 .row-fluid .edocman-description-details p strong,
.edocmanSeite.design0013.seite_11 .row-fluid .edocman-description-details p {
    color: var(--designFarbe-11);
}
.edocmanSeite.design0013.seite_9 .row-fluid .edocman-document .edocman-description-details p {
    background: var(--designFarbe-9-11-vt);
    box-shadow: 0 0 0 1px var(--designFarbe-9);
}
.edocmanSeite.design0013.seite_10 .row-fluid .edocman-document .edocman-description-details p {
    background: var(--designFarbe-10-11-vt);
    box-shadow: 0 0 0 1px var(--designFarbe-10);
}
.edocmanSeite.design0013.seite_11 .row-fluid .edocman-document .edocman-description-details p {
    background: var(--designFarbe-11-11-vt);
    box-shadow: 0 0 0 1px var(--designFarbe-11);
}
.edocmanSeite.design0013 #edocman-documents .edocman-taskbar a {
    color: var(--designFarbe-0);
}
.edocmanSeite.design0013.seite_9 #edocman-documents .edocman-taskbar a {
    background: var(--designFarbe-9);
    box-shadow: 0 0 0 1px var(--designFarbe-9), inset 0px 0px 0px 0 var(--designFarbe-9), inset 0px 0px 0px 0 var(--designFarbe-9), inset 0 0 0 0 var(--designFarbe-9-11-vt), inset 0px 0px 0px 0 var(--designFarbe-0);
}
.edocmanSeite.design0013.seite_10 #edocman-documents .edocman-taskbar a {
    background: var(--designFarbe-10);
    box-shadow: 0 0 0 1px var(--designFarbe-10), inset 0px 0px 0px 0 var(--designFarbe-10), inset 0px 0px 0px 0 var(--designFarbe-10), inset 0 0 0 0 var(--designFarbe-10-11-vt), inset 0px 0px 0px 0 var(--designFarbe-0);
}
.edocmanSeite.design0013.seite_11 #edocman-documents .edocman-taskbar a {
    background: var(--designFarbe-11);
    box-shadow: 0 0 0 1px var(--designFarbe-11), inset 0px 0px 0px 0 var(--designFarbe-11), inset 0px 0px 0px 0 var(--designFarbe-11), inset 0 0 0 0 var(--designFarbe-11-11-vt), inset 0px 0px 0px 0 var(--designFarbe-0);
}
.edocmanSeite.design0013.seite_9 #edocman-documents .edocman-taskbar a:hover {
    background: var(--designFarbe-9-11-vt);
    color: var(--designFarbe-9);
    box-shadow: 0 0 0 1px var(--designFarbe-9), inset 1px 1px 4px -2px var(--designFarbe-9), inset 0px 0px 0px -0px var(--designFarbe-9), inset -500px -0px 2px 0 var(--designFarbe-9-11-vt), inset -1px -1px 4px -2px var(--designFarbe-0);
}
.edocmanSeite.design0013.seite_10 #edocman-documents .edocman-taskbar a:hover {
    background: var(--designFarbe-10-11-vt);
    color: var(--designFarbe-10);
    box-shadow: 0 0 0 1px var(--designFarbe-10), inset 1px 1px 4px -2px var(--designFarbe-10), inset 0px 0px 0px -0px var(--designFarbe-10), inset -500px -0px 2px 0 var(--designFarbe-10-11-vt), inset -1px -1px 4px -2px var(--designFarbe-0);
}
.edocmanSeite.design0013.seite_11 #edocman-documents .edocman-taskbar a:hover {
    background: var(--designFarbe-11-11-vt);
    color: var(--designFarbe-11);
    box-shadow: 0 0 0 1px var(--designFarbe-11), inset 1px 1px 4px -2px var(--designFarbe-11), inset 0px 0px 0px -0px var(--designFarbe-11), inset -500px -0px 2px 0 var(--designFarbe-11-11-vt), inset -1px -1px 4px -2px var(--designFarbe-0);
}
.edocmanSeite.design0013.seite_9 .edocman-taskbar a:hover::before {
    color: var(--designFarbe-9);
}
.edocmanSeite.design0013.seite_10 .edocman-taskbar a:hover::before {
    color: var(--designFarbe-10);
}
.edocmanSeite.design0013.seite_11 .edocman-taskbar a:hover::before {
    color: var(--designFarbe-11);
}


@media (max-width: 999px) {
    .edocmanSeite.design0013 .edocman-container {
        padding: 5rem 2rem;
    }
    .edocmanSeite.design0013 #edocman-categories .edocman-category,
    .edocmanSeite.design0013 #edocman-documents .edocman-document {
        width: 50%;
        min-width: 50%;
    }
    .edocmanSeite.design0013 #edocman-categories .edocman-category,
    .edocmanSeite.design0013 #edocman-documents div.edocman-document:nth-child(even) {
        padding: 0;
    }
    .edocmanSeite.design0013 #edocman-categories .edocman-category,
    .edocmanSeite.design0013 #edocman-documents div.edocman-document:nth-child(odd) {
        padding: 0 2rem 0 0;
    }
}
@media (max-width: 760px) {
    .edocmanSeite.design0013 .edocman-container {
        padding: 3rem 1rem;
    }
    .edocmanSeite.design0013 .edocman-container h1,
    .edocmanSeite.design0013.seite_11 .edocman-container h3 {
        font-size: 2rem;
    }
    .edocmanSeite.design0013 #edocman-category .edocman-description h3 {
        margin: 1.5rem 0 0.6rem 0;
        font-size: 1.4rem;
    }
    .edocmanSeite.design0013 #edocman-category .edocman-description li {
        margin: 0;
        font-size: 1rem;
    }
    .edocmanSeite.design0013 #edocman-categories .edocman-category,
    .edocmanSeite.design0013 #edocman-documents .edocman-document {
        width: 100%;
        min-width: 100%;
        padding: 0 !important;
    }
    .edocmanSeite.design0013 #edocman-documents .edocman-taskbar a {
        padding: 0.5rem 1rem;
        font-size: 1.1rem;
    }
    .edocmanSeite.design0013 .edocman-taskbar a::before {
        font-size: 1.1rem;
    }
}










/* ############################################## design0501 ############################################## */













/* ############################################## popUps ############################################## */


.popUp {
    height: 0;
    padding: 0rem;
    position: absolute;
    transform: translate(-50%, -100%);
    background: var(--designFarbe-1);
    color: transparent;
    border-radius: 5px;
    /*box-shadow: inset 0 0 0 1px var(--designFarbe-0), 0 0 0 1px var(--designFarbe-1);*/
    z-index: 12;
    transition: all 0.3s;
    opacity: 0;
    font-size: 0rem;
    font-family: var(--designFontBold);
}
.popUpTrans {
    height: fit-content;
    width: fit-content;
    padding: 1rem;
    transition: all 0.3s;
    opacity: 1;
    font-size: 1rem;
    color: var(--designFarbe-0);
}

/*
.popUpTrans::before {
    content: 'BLABLA';
    width: 100px;
    height: 100px;
    background: green;
    position: absolute;
    z-index: 200;
    bottom: 0;
}
*/
.popUp::after {
    content: '';
    bottom: 1rem;
    left: 50%;
    border-radius: 50px;
    transform: translate(-50%);
    border-left: 1rem solid transparent;
    border-right: 1em solid transparent;
    border-top: 1em solid;
    margin-inline-start: 0.5em;
    position: absolute;
    margin: 0;
    color: var(--designFarbe-1);
    z-index: 11;
    transition: bottom 0.3s;
}
.popUpTrans::after {
    bottom: -0.8rem;
    transition: bottom 0.5s;
}












/* ##############################################    Teaser    ############################################## */

/*
.view-category .blog-item {
    position: relative;
    overflow: hidden;
    border-radius: 3px;
}
.view-category .item-image {
    margin: 0;
}
.view-category .item-content {
    position: absolute;
    height: 100%;
    box-shadow: inset -30rem 0 10px 0 var(--designFarbe-4-66), inset 0 0 0 10px var(--designFarbe-4-33);
    transition: all 0.3s;
}
.view-category .item-content:hover {
    box-shadow: inset 0 0 10px 0 var(--designFarbe-4-66), inset 30rem 0 0 10px var(--designFarbe-4-66);
    transition: all 0.3s;
}
.view-category .page-header h2 {
    box-shadow: none;
}
.view-category .page-header h2 a {
    width: 100%;
    display: inline-block;
    color: var(--designFarbe-0);
    text-decoration: none;
    padding: 2rem 1rem 0 2rem;
    font-size: 2rem;
    line-height: 2.5rem;
}
.view-category .page-header + div > div {
    color: var(--designFarbe-0);
    padding: 0 2rem 0 2rem;
}
.view-category .readmore {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
}
.view-category .readmore a {
    background: transparent;
    color: var(--designFarbe-0);
    border: none;
    width: 100%;
    height: 100%;
    text-align: left;
    display: flex;
    align-items: flex-end;
    box-shadow: inset 0 -2.5rem 0 0 var(--designFarbe-4);
}
.view-category .readmore a span {
    display: none;
}
.view-category footer {
        margin-top: 11rem;
}
*/



.view-category .com-content-category-blog__items {
    height: 0;
    overflow: hidden;
}




/* ############################################## .design_t_001 ############################################## */


.design_t_001.view-category .com-content-category-blog__items {
    height: 100%;
    overflow: inherit;
}
.design_t_001.view-category .blog-item {
    position: relative;
    overflow: hidden;
    border-radius: 3px;
}
.design_t_001.view-category .item-image {
    margin: 0;
    position: absolute;
}
.design_t_001.view-category .item-image img {
    max-width: 150%;
    transform: translate(-25%);
}
.design_t_001.view-category .item-content {
    position: relative;
    height: 100%;
    transition: all 0.5s;
}
.design_t_001.view-category .item-content:hover {
    transition: all 0.5s;
}
.design_t_001.view-category .page-header h2 {
    box-shadow: none;
}
.design_t_001.view-category .page-header h2 a {
    width: 100%;
    display: inline-block;
    color: var(--designFarbe-0);
    text-decoration: none;
    padding: 2rem 1rem 0 2rem;
    font-size: 2rem;
    line-height: 2.5rem;
}
.design_t_001.view-category .page-header + div > div {
    color: var(--designFarbe-0);
    padding: 2px 2rem 4rem 2rem;
}
.design_t_001.view-category .readmore {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
}
.design_t_001.view-category .readmore a {
    background: transparent;
    color: var(--designFarbe-0);
    border: none;
    width: 100%;
    height: 100%;
    text-align: left;
    display: flex;
    align-items: flex-end;
}
.design_t_001.view-category .readmore a span {
    display: none;
}
.design_t_001.view-category footer {
    margin-top: 11rem;
}
.design_t_001.seite_4.view-category .item-content {
    box-shadow: inset 0 20rem 0 0 var(--designFarbe-4-66), inset 0 0 10px -10px var(--designFarbe-4);
}
.design_t_001.seite_4.view-category .item-content:hover {
    box-shadow: inset 0 20rem 0 0 var(--designFarbe-4-66), inset 0 -20rem 10px -10px var(--designFarbe-4-11);
}
.design_t_001.seite_4.view-category .readmore a {
    color: var(--designFarbe-0);
    box-shadow: inset 0 0 0 1px var(--designFarbe-4), inset 0 -2.5rem 0 0 var(--designFarbe-4);
}
.design_t_001.seite_4.view-category .item-content:hover .readmore a {
    color: var(--designFarbe-4);
    box-shadow: inset 0 0 0 1px var(--designFarbe-4), inset 0 -2.5rem 0 0 var(--designFarbe-0);
}
.design_t_001.seite_5.view-category .item-content {
    box-shadow: inset 0 20rem 0 0 var(--designFarbe-5-66), inset 0 0 10px -10px var(--designFarbe-5);
}
.design_t_001.seite_5.view-category .item-content:hover {
    box-shadow: inset 0 20rem 0 0 var(--designFarbe-5-66), inset 0 -20rem 10px -10px var(--designFarbe-5-11);
}
.design_t_001.seite_5.view-category .readmore a {
    color: var(--designFarbe-0);
    box-shadow: inset 0 0 0 1px var(--designFarbe-5), inset 0 -2.5rem 0 0 var(--designFarbe-5);
}
.design_t_001.seite_5.view-category .item-content:hover .readmore a {
    color: var(--designFarbe-5);
    box-shadow: inset 0 0 0 1px var(--designFarbe-5), inset 0 -2.5rem 0 0 var(--designFarbe-0);
}
.design_t_001.seite_6.view-category .item-content {
    box-shadow: inset 0 20rem 0 0 var(--designFarbe-6-66), inset 0 0 10px -10px var(--designFarbe-6);
}
.design_t_001.seite_6.view-category .item-content:hover {
    box-shadow: inset 0 20rem 0 0 var(--designFarbe-6-66), inset 0 -20rem 10px -10px var(--designFarbe-6-11);
}
.design_t_001.seite_6.view-category .readmore a {
    color: var(--designFarbe-0);
    box-shadow: inset 0 0 0 1px var(--designFarbe-6), inset 0 -2.5rem 0 0 var(--designFarbe-6);
}
.design_t_001.seite_6.view-category .item-content:hover .readmore a {
    color: var(--designFarbe-6);
    box-shadow: inset 0 0 0 1px var(--designFarbe-6), inset 0 -2.5rem 0 0 var(--designFarbe-0);
}
.design_t_001.seite_7.view-category .item-content {
    box-shadow: inset 0 20rem 0 0 var(--designFarbe-7-66), inset 0 0 10px -10px var(--designFarbe-7);
}
.design_t_001.seite_7.view-category .item-content:hover {
    box-shadow: inset 0 20rem 0 0 var(--designFarbe-7-66), inset 0 -20rem 10px -10px var(--designFarbe-7-11);
}
.design_t_001.seite_7.view-category .readmore a {
    color: var(--designFarbe-0);
    box-shadow: inset 0 0 0 1px var(--designFarbe-7), inset 0 -2.5rem 0 0 var(--designFarbe-7);
}
.design_t_001.seite_7.view-category .item-content:hover .readmore a {
    color: var(--designFarbe-7);
    box-shadow: inset 0 0 0 1px var(--designFarbe-7), inset 0 -2.5rem 0 0 var(--designFarbe-0);
}



/* ############################################## .design_t_002 ############################################## */



.design_t_002.view-category .com-content-category-blog__items {
    height: 100%;
    overflow: inherit;
}
.design_t_002.view-category .blog-item {
    position: relative;
    overflow: hidden;
    border-radius: 3px;
}
.design_t_002.view-category .item-image {
    margin: 0;
    position: absolute;
}
.design_t_002.view-category .item-image img {
    max-width: 150%;
    transform: translate(-25%);
}
.design_t_002.view-category .item-content {
    position: relative;
    height: 100%;
    transition: all 0.5s;
}
.design_t_002.view-category .item-content:hover {
    transition: all 0.5s;
}
.design_t_002.view-category .page-header h2 {
    box-shadow: none;
}
.design_t_002.view-category .page-header h2 a {
    width: 100%;
    display: inline-block;
    color: var(--designFarbe-0);
    text-decoration: none;
    padding: 2rem 1rem 0 2rem;
    font-size: 2rem;
    line-height: 2.5rem;
}
.design_t_002.view-category .page-header h2 a::after {
    content: '\f5da';
    font-family: "Font Awesome 5 Free";
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--designFarbe-0);
    position: absolute;
    transition: all 0.5s;
    right: 1.8rem;
}
.design_t_002.view-category .page-header + div > div {
    color: var(--designFarbe-0);
    padding: 1rem 2rem 3rem 2rem;
}
.design_t_002.view-category .readmore {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
}
.design_t_002.view-category .readmore a {
    background: transparent;
    color: var(--designFarbe-0);
    border: none;
    width: 100%;
    height: 100%;
    text-align: left;
    display: flex;
    align-items: flex-end;
    padding: 0 0 1rem 2rem;
}
.design_t_002.view-category .readmore a span {
    display: none;
}
.design_t_002.view-category footer {
    margin-top: 11rem;
}
.design_t_002.seite_4.view-category .page-header h2 a {
    box-shadow: 0 1px 0 0 var(--designFarbe-0);
}
.design_t_002.seite_4.view-category .item-content {
    box-shadow: inset 0 20rem 0 0 var(--designFarbe-4-99), inset 0 0 10px -10px var(--designFarbe-4);
}
.design_t_002.seite_4.view-category .item-content:hover {
    box-shadow: inset 0 20rem 0 0 var(--designFarbe-4-66), inset 0 -20rem 10px -10px var(--designFarbe-4-11);
}
.design_t_002.seite_5.view-category .page-header h2 a {
    box-shadow: 0 1px 0 0 var(--designFarbe-0);
}
.design_t_002.seite_5.view-category .item-content {
    box-shadow: inset 0 20rem 0 0 var(--designFarbe-5-99), inset 0 0 10px -10px var(--designFarbe-5);
}
.design_t_002.seite_5.view-category .item-content:hover {
    box-shadow: inset 0 20rem 0 0 var(--designFarbe-5-66), inset 0 -20rem 10px -10px var(--designFarbe-5-11);
}
.design_t_002.seite_6.view-category .page-header h2 a {
    box-shadow: 0 1px 0 0 var(--designFarbe-0);
}
.design_t_002.seite_6.view-category .item-content {
    box-shadow: inset 0 20rem 0 0 var(--designFarbe-6-99), inset 0 0 10px -10px var(--designFarbe-6);
}
.design_t_002.seite_6.view-category .item-content:hover {
    box-shadow: inset 0 20rem 0 0 var(--designFarbe-6-66), inset 0 -20rem 10px -10px var(--designFarbe-6-11);
}
.design_t_002.seite_7.view-category .page-header h2 a {
    box-shadow: 0 1px 0 0 var(--designFarbe-0);
}
.design_t_002.seite_7.view-category .item-content {
    box-shadow: inset 0 20rem 0 0 var(--designFarbe-7-99), inset 0 0 10px -10px var(--designFarbe-7);
}
.design_t_002.seite_7.view-category .item-content:hover {
    box-shadow: inset 0 20rem 0 0 var(--designFarbe-7-66), inset 0 -20rem 10px -10px var(--designFarbe-7-11);
}



/* ############################################## .design_t_003 ############################################## */



.design_t_003.view-category .com-content-category-blog__items {
    height: 100%;
    overflow: inherit;
}
.design_t_003.view-category .blog-item {
    position: relative;
    overflow: hidden;
    border-radius: 5px;
}
.design_t_003.view-category .item-image {
    margin: 0;
    position: absolute;
}
.design_t_003.view-category .item-image img {
    max-width: 150%;
    transform: translate(-25%);
    filter: brightness(0.3) grayscale(1);
}
.design_t_003.view-category .item-content {
    position: relative;
    height: 100%;
    transition: all 0.5s;
}
.design_t_003.view-category .item-content:hover {
    transition: all 0.5s;
}
.design_t_003.view-category .page-header h2 {
    box-shadow: none;
}
.design_t_003.view-category .page-header h2 a {
    width: 100%;
    display: inline-block;
    color: var(--designFarbe-0);
    text-decoration: none;
    padding: 2rem 1rem 0 2rem;
    font-size: 2rem;
    line-height: 2.5rem;
}
.design_t_003.view-category .page-header + div > div {
    color: var(--designFarbe-0);
    padding: 2px 2rem 4rem 2rem;
}
.design_t_003.view-category .readmore {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
}
.design_t_003.view-category .readmore a {
    background: transparent;
    color: var(--designFarbe-0);
    border: none;
    width: 100%;
    height: 100%;
    text-align: left;
    display: flex;
    align-items: flex-end;
}
.design_t_003.view-category .readmore a span {
    display: none;
}
.design_t_003.view-category footer {
    margin-top: 11rem;
}
.design_t_003.seite_4.view-category .item-content {
    box-shadow: inset 0 20rem 0 0 var(--designFarbe-4-33), inset 0 0 10px -10px var(--designFarbe-4-66);
}
.design_t_003.seite_4.view-category .item-content:hover {
    box-shadow: inset 0 20rem 0 0 var(--designFarbe-4-66), inset 0 -20rem 10px -10px var(--designFarbe-4-11);
}
.design_t_003.seite_4.view-category .readmore a {
    color: var(--designFarbe-0);
    box-shadow: inset 0 -2.5rem 0 0 var(--designFarbe-4);
}
.design_t_003.seite_4.view-category .item-content:hover .readmore a {
    color: var(--designFarbe-4);
    box-shadow: inset 0 -2.5rem 0 0 var(--designFarbe-0);
}
.design_t_003.seite_5.view-category .item-content {
    box-shadow: inset 0 20rem 0 0 var(--designFarbe-5-33), inset 0 0 10px -10px var(--designFarbe-5-66);
}
.design_t_003.seite_5.view-category .item-content:hover {
    box-shadow: inset 0 20rem 0 0 var(--designFarbe-5-66), inset 0 -20rem 10px -10px var(--designFarbe-5-11);
}
.design_t_003.seite_5.view-category .readmore a {
    color: var(--designFarbe-0);
    box-shadow: inset 0 -2.5rem 0 0 var(--designFarbe-5);
}
.design_t_003.seite_5.view-category .item-content:hover .readmore a {
    color: var(--designFarbe-5);
    box-shadow: inset 0 -2.5rem 0 0 var(--designFarbe-0);
}
.design_t_003.seite_6.view-category .item-content {
    box-shadow: inset 0 20rem 0 0 var(--designFarbe-6-33), inset 0 0 10px -10px var(--designFarbe-6-66);
}
.design_t_003.seite_6.view-category .item-content:hover {
    box-shadow: inset 0 20rem 0 0 var(--designFarbe-6-66), inset 0 -20rem 10px -10px var(--designFarbe-6-11);
}
.design_t_003.seite_6.view-category .readmore a {
    color: var(--designFarbe-0);
    box-shadow: inset 0 -2.5rem 0 0 var(--designFarbe-6);
}
.design_t_003.seite_6.view-category .item-content:hover .readmore a {
    color: var(--designFarbe-6);
    box-shadow: inset 0 -2.5rem 0 0 var(--designFarbe-0);
}
.design_t_003.seite_7.view-category .item-content {
    box-shadow: inset 0 20rem 0 0 var(--designFarbe-7-33), inset 0 0 10px -10px var(--designFarbe-7-66);
}
.design_t_003.seite_7.view-category .item-content:hover {
    box-shadow: inset 0 20rem 0 0 var(--designFarbe-7-66), inset 0 -20rem 10px -10px var(--designFarbe-7-11);
}
.design_t_003.seite_7.view-category .readmore a {
    color: var(--designFarbe-0);
    box-shadow: inset 0 -2.5rem 0 0 var(--designFarbe-7);
}
.design_t_003.seite_7.view-category .item-content:hover .readmore a {
    color: var(--designFarbe-7);
    box-shadow: inset 0 -2.5rem 0 0 var(--designFarbe-0);
}



/* ############################################## .design_t_004 ############################################## */



.design_t_004.view-category .com-content-category-blog__items {
    height: 100%;
    overflow: inherit;
}
.design_t_004.view-category .blog-item {
    position: relative;
    overflow: hidden;
    border-radius: 5px;
    margin: 0.5rem 0.5rem;
}
.design_t_004.view-category .item-image {
    margin: 0;
    position: absolute;
}
.design_t_004.view-category .item-image img {
    max-width: 150%;
    transform: translate(-25%);
    filter: brightness(0.3) grayscale(1);
}
.design_t_004.view-category .item-content {
    position: relative;
    height: 100%;
    transition: all 0.5s;
}
.design_t_004.view-category .item-content:hover {
    transition: all 0.5s;
}
.design_t_004.view-category .page-header h2 {
    box-shadow: none;
}
.design_t_004.view-category .page-header h2 a {
    width: 100%;
    display: inline-block;
    color: var(--designFarbe-0);
    text-decoration: none;
    padding: 2rem 1rem 0 2rem;
    font-size: 2rem;
    line-height: 2.5rem;
}

@media (max-width: 999px) {
    .design_t_004.view-category .page-header h2 a {
        font-size: 2.4vw;
    }
}
@media (max-width: 390px) {
    .design_t_004.view-category .page-header h2 a {
        font-size: 7vw;
    }
}
@media (max-width: 360px) {
    .design_t_004.view-category .page-header h2 a {
        font-size: 6vw;
    }
}

.design_t_004.view-category .page-header + div > div {
    color: var(--designFarbe-0);
    padding: 2px 2rem 4rem 2rem;
}
.design_t_004.view-category .readmore {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
}
.design_t_004.view-category .readmore a {
    background: transparent;
    color: var(--designFarbe-0);
    border: none;
    width: 100%;
    height: 100%;
    text-align: left;
    display: flex;
    align-items: flex-end;
}
.design_t_004.view-category .readmore a span {
    display: none;
}
.design_t_004.view-category footer {
    margin-top: 11rem;
}
.design_t_004.seite_4.view-category .item-content {
    box-shadow: inset 0 20rem 0 0 var(--designFarbe-4-66), inset 0 -20rem 10px -10px var(--designFarbe-4-11);
}
.design_t_004.seite_4.view-category .item-content:hover {
    box-shadow: inset 0 20rem 0 0 var(--designFarbe-4-33), inset 0 -20rem 10px -10px var(--designFarbe-4-66);
}
.design_t_004.seite_4.view-category .readmore a {
    color: var(--designFarbe-4);
    box-shadow: inset 0 -2.5rem 0 0 var(--designFarbe-0);
}
.design_t_004.seite_4.view-category .item-content:hover .readmore a {
    color: var(--designFarbe-0);
    box-shadow: inset 0 -2.5rem 0 0 var(--designFarbe-4);
}

.design_t_004.seite_5.view-category .item-content {
    box-shadow: inset 0 20rem 0 0 var(--designFarbe-5-66), inset 0 -20rem 10px -10px var(--designFarbe-5-11);
}
.design_t_004.seite_5.view-category .item-content:hover {
    box-shadow: inset 0 20rem 0 0 var(--designFarbe-5-33), inset 0 -20rem 10px -10px var(--designFarbe-5-66);
}
.design_t_004.seite_5.view-category .readmore a {
    color: var(--designFarbe-5);
    box-shadow: inset 0 -2.5rem 0 0 var(--designFarbe-0);
}
.design_t_004.seite_5.view-category .item-content:hover .readmore a {
    color: var(--designFarbe-0);
    box-shadow: inset 0 -2.5rem 0 0 var(--designFarbe-5);
}

/* Design Fix */
.design_t_004.itemid-258.view-category .item-content {
    box-shadow: inset 0 20rem 0 0 var(--designFarbe-5-66), inset 0 -20rem 10px -10px var(--designFarbe-5-11);
}
.design_t_004.itemid-258.view-category .item-content:hover {
    box-shadow: inset 0 20rem 0 0 var(--designFarbe-5-33), inset 0 -20rem 10px -10px var(--designFarbe-5-66);
}
.design_t_004.itemid-258.view-category .readmore a {
    color: var(--designFarbe-5);
    box-shadow: inset 0 -2.5rem 0 0 var(--designFarbe-0);
}
.design_t_004.itemid-258.view-category .item-content:hover .readmore a {
    color: var(--designFarbe-0);
    box-shadow: inset 0 -2.5rem 0 0 var(--designFarbe-5);
}




.design_t_004.seite_6.view-category .item-content {
    box-shadow: inset 0 20rem 0 0 var(--designFarbe-6-66), inset 0 -20rem 10px -10px var(--designFarbe-6-11);
}
.design_t_004.seite_6.view-category .item-content:hover {
    box-shadow: inset 0 20rem 0 0 var(--designFarbe-6-33), inset 0 -20rem 10px -10px var(--designFarbe-6-66);
}
.design_t_004.seite_6.view-category .readmore a {
    color: var(--designFarbe-6);
    box-shadow: inset 0 -2.5rem 0 0 var(--designFarbe-0);
}
.design_t_004.seite_6.view-category .item-content:hover .readmore a {
    color: var(--designFarbe-0);
    box-shadow: inset 0 -2.5rem 0 0 var(--designFarbe-6);
}
.design_t_004.seite_7.view-category .item-content {
    box-shadow: inset 0 20rem 0 0 var(--designFarbe-7-66), inset 0 -20rem 10px -10px var(--designFarbe-7-11);
}
.design_t_004.seite_7.view-category .item-content:hover {
    box-shadow: inset 0 20rem 0 0 var(--designFarbe-7-33), inset 0 -20rem 10px -10px var(--designFarbe-7-66);
}
.design_t_004.seite_7.view-category .readmore a {
    color: var(--designFarbe-7);
    box-shadow: inset 0 -2.5rem 0 0 var(--designFarbe-0);
}
.design_t_004.seite_7.view-category .item-content:hover .readmore a {
    color: var(--designFarbe-0);
    box-shadow: inset 0 -2.5rem 0 0 var(--designFarbe-7);
}













































/* ############################################## .design_t_003.2 ############################################## */



/* ############################################## .design_t_002 ############################################## */




.design_t_002.view-category .com-content-category-blog__items .anleitText {
    opacity: 0;
    transition: 0.3s;
}
.design_t_002.view-category .com-content-category-blog__items .item-content:hover .anleitText {
    opacity: 1;
    transition: 0.3s;
}
.design_t_002.view-category .com-content-category-blog__items .readmore a {
    height: 0;
    opacity: 0;
    transition: height 0.3s, opacity 0s;
    transition-delay: 0.3s;
}
.design_t_002.view-category .com-content-category-blog__items .item-content:hover .readmore a {
    height: 100%;
    opacity: 1;
    transition: height 0s, opacity 1.2s;
    transition-delay: 0.3s;
}

.design_t_002.view-category .com-content-category-blog__items {
    height: 100%;
    overflow: inherit;
}
.design_t_002.view-category .blog-item {
    position: relative;
    overflow: hidden;
    border-radius: 3px;
}
.design_t_002.view-category .item-image {
    margin: 0;
    position: absolute;
}
.design_t_002.view-category .item-image img {
    max-width: 150%;
    transform: translate(-25%);
}
.design_t_002.view-category .item-content {
    position: relative;
    height: 100%;
    transition: 1.5s;
}
.design_t_002.view-category .item-content:hover {
    transition: 1s;
}
.design_t_002.view-category .page-header h2 {
    box-shadow: none;
}
.design_t_002.view-category .page-header h2 a {
    width: 100%;
    display: inline-block;
    color: var(--designFarbe-0);
    text-decoration: none;
    padding: 2rem 1rem 0 2rem;
    font-size: 2rem;
    line-height: 2.5rem;
}
.design_t_002.view-category .page-header h2 a::after {
    content: '\f5da';
    font-family: "Font Awesome 5 Free";
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--designFarbe-0);
    position: absolute;
    transition: all 0.5s;
    right: 1.8rem;
}
.design_t_002.view-category .page-header + div > div {
    color: var(--designFarbe-0);
    padding: 1rem 2rem 3rem 2rem;
}
.design_t_002.view-category .readmore {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
}
.design_t_002.view-category .readmore a {
    background: transparent;
    color: var(--designFarbe-0);
    border: none;
    width: 100%;
    height: 100%;
    text-align: left;
    display: flex;
    align-items: flex-end;
    padding: 0 0 1rem 2rem;
}
.design_t_002.view-category .readmore a span {
    display: none;
}
.design_t_002.view-category footer {
    margin-top: 11rem;
}
.design_t_002.seite_4.view-category .page-header h2 a {
    box-shadow: 0 1px 0 0 var(--designFarbe-0);
}
.design_t_002.seite_4.view-category .item-content {
    box-shadow: inset 0 5rem 0 0 var(--designFarbe-4-66), inset 0 0 0px -10px var(--designFarbe-4);
}
.design_t_002.seite_4.view-category .item-content:hover {
    box-shadow: inset 0 5rem 0 0 var(--designFarbe-4-66), inset 0 -18rem 0 0 var(--designFarbe-4);
}
.design_t_002.seite_5.view-category .page-header h2 a {
    box-shadow: 0 1px 0 0 var(--designFarbe-0);
}
.design_t_002.seite_5.view-category .item-content {
    box-shadow: inset 0 5rem 0 0 var(--designFarbe-5-66), inset 0 0 0px -10px var(--designFarbe-5);
}
.design_t_002.seite_5.view-category .item-content:hover {
    box-shadow: inset 0 5rem 0 0 var(--designFarbe-5-66), inset 0 -18rem 0 0 var(--designFarbe-5);
}
.design_t_002.seite_6.view-category .page-header h2 a {
    box-shadow: 0 1px 0 0 var(--designFarbe-0);
}
.design_t_002.seite_6.view-category .item-content {
    box-shadow: inset 0 5rem 0 0 var(--designFarbe-6-66), inset 0 0 0px -10px var(--designFarbe-6);
}
.design_t_002.seite_6.view-category .item-content:hover {
    box-shadow: inset 0 5rem 0 0 var(--designFarbe-6-66), inset 0 -18rem 0 0 var(--designFarbe-6);
}
.design_t_002.seite_7.view-category .page-header h2 a {
    box-shadow: 0 1px 0 0 var(--designFarbe-0);
}
.design_t_002.seite_7.view-category .item-content {
    box-shadow: inset 0 5rem 0 0 var(--designFarbe-7-66), inset 0 0 0px -10px var(--designFarbe-7);
}
.design_t_002.seite_7.view-category .item-content:hover {
    box-shadow: inset 0 5rem 0 0 var(--designFarbe-7-66), inset 0 -18rem 0 0 var(--designFarbe-7);
}

























.designWahl {
    width: 0rem;
    height: 0rem;
    position: fixed;
    background: transparent;
    top: 0;
    right: 0;
    z-index: 20;
}
.designWahlAnzeigen {
    width: auto;
    height: auto;
}
.radioContainer {
    width: fit-content;
    background: #666;
    display: none;
    flex-direction: column;
}
.designWahlAnzeigen .radioContainer {
    display: flex;
}
.radioContainer input {
    display: none;
}
.radioContainer label {
    width: fit-content;
    margin: 0.1rem;
    padding: 0.8rem;
    background: #999;
    color: antiquewhite;
    font-family: monospace;
    font-size: 1rem;
}
/*
input:checked + label {
    background: darkgreen;
}
*/
















/* ############################################## Tablet ############################################## */


@media (max-width: 1850px) {
    .containerSMAll {
        justify-content: space-between;
    }
    footer .mod-footer::before, footer .mod-footer::after {
        display: none;
    }

}

@media (max-width: 1396px) {
    .infoBox-h-3 a br {
        display: none;;
    }

    .sectionFormular {
        padding: 10rem 2rem 7rem 2rem;
        flex-direction: column-reverse;
    }
    .formularBox {
        width: 100%;
        margin-right: 0rem;
        max-width: initial;
        display: flex;
        justify-content: center;
    }
    .formularZusatz {
        width: 100%;
        max-width: initial;
        display: flex;
        justify-content: center;
    }
    .formularTexte {
        margin-bottom: 8rem;
    }
}

@media (min-width: 1000px) and (max-width: 1200px) {
    .navbar-expand-md .navbar-collapse {
        margin-left: -100px;
    }
}

@media (max-width: 1130px) {
    header .container-search img {
        width: calc(100vw - 800px);
        height: auto;
    }
    margin-left: -107px;
}
@media (min-width: 1000px) {
    .container-header .mod-menu {
        flex-direction: row;
    }
}
@media (min-width: 768px) {
    
}
@media (max-width: 999px) {
    .site-grid {
    display: block;
    }
    .container-header {
        position: relative!important;
    }
    header .container-search img {
        width: 326px;
        height: auto;
    }
    .container-header .container-nav nav {
        position: inherit;
    }
    .navbar-expand-md .navbar-toggler, .navbar-expand-md .offcanvas-header {
        display: block;
    }
    .navbar-expand-md .navbar-collapse {
        display: none !important;
    }
    .container-header .navbar-collapse.show {
        width: 100vw;
        position: absolute;
        top: 71px;
        top: 136px;
        left: 0;
        display: block !important;
    }
    .container-header .navbar-toggler {
        position: absolute;
        right: 3.5rem;
        top: 3rem;
        font-size: 3rem;
    }
    .icon-menu:before {
        content: "\f0c9";
        font-family: 'Font Awesome 5 Free';
        color: var(--designFarbe-1);
    }


.metismenu.mod-menu {
}

.metismenu.mod-menu li.metismenu-item.level-1 {
    padding: 0;
    width: 100%;
}

.metismenu.mod-menu .metismenu-item>a, .metismenu.mod-menu .metismenu-item>button, .metismenu.mod-menu .metismenu-item>span {
    white-space: break-spaces;
    width: 100%;
    height: 80px;
    justify-content: center;
    align-items: center;
    font-size: 1.6rem;
}
header li.level-1 > a {
    border-radius: 0;
}
header li.level-1:hover > a {
    border-radius: 0;
    margin-top: 0px;
    color: var(--designFarbe-0);
    transition: 0s;
}

header li.level-1:hover:nth-of-type(1) a::before,
header ul.mod-menu > li:nth-of-type(1) a:hover::before,
header li.level-1:nth-of-type(1) a::before,
header ul.mod-menu > li:nth-of-type(1) a:hover::before,

header li.level-1:hover:nth-of-type(2) a::before,
header ul.mod-menu > li:nth-of-type(2) a:hover::before,
header li.level-1:nth-of-type(2) a::before,
header ul.mod-menu > li:nth-of-type(2) a:hover::before,

header li.level-1:hover:nth-of-type(3) a::before,
header ul.mod-menu > li:nth-of-type(3) a:hover::before,
header li.level-1:nth-of-type(3) a::before,
header ul.mod-menu > li:nth-of-type(3) a:hover::before,

header li.level-1:hover:nth-of-type(4) a::before,
header ul.mod-menu > li:nth-of-type(4) a:hover::before,
header li.level-1:nth-of-type(4) a::before,
header ul.mod-menu > li:nth-of-type(4) a:hover::before,

header li.level-1:hover:nth-of-type(5) a::before,
header ul.mod-menu > li:nth-of-type(5) a:hover::before,
header li.level-1:nth-of-type(5) a::before,
header ul.mod-menu > li:nth-of-type(5) a:hover::before,

header li.level-1:hover:nth-of-type(6) a::before,
header ul.mod-menu > li:nth-of-type(6) a:hover::before,
header li.level-1:nth-of-type(6) a::before,
header ul.mod-menu > li:nth-of-type(6) a:hover::before {
    right: 6rem;
    top: 0.5rem; 
    bottom: auto;
    font-size: 2rem;
    transition: all 0.3s;
}
header li.level-1:hover:nth-of-type(6) a::before,
header ul.mod-menu > li:nth-of-type(6) a:hover::before {
    width: 33px;
    height: 27px;
}

header .metismenu.mod-menu li.level-1 > button.mm-toggler {
    width: 100%;
    height: 100px;
    margin: 0;
    background: transparent !important;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 0;
    transition: 0;
}
header .metismenu.mod-menu li.level-1:hover button.mm-toggler {
    width: 100%;
    height: 100px;
    margin: 0;
    background: transparent;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 0;
    transition: 0s;
    box-shadow: 0 0 0 0 var(--designFarbe-0);
}
.metismenu.mod-menu .mm-toggler:after {
    border-left: 0.7em solid transparent;
    border-right: 0.7em solid transparent;
    border-top: 0.7em solid;
    margin-inline-start: 0.5em;
    transition: all .3s ease-out;
    right: 1rem;
    position: absolute;
    bottom: 2rem;
    margin: 0;
}
.metismenu.mod-menu .metismenu-item>ul {
    width: 100%;
    margin: 0;
    padding: 0;
    padding-top: 0 !important;
    border-radius: 0;
    box-shadow: 0 0 0 0 transparent;
    display: block;
    list-style: none;
    position: inherit;
    top: 0;
    z-index: 1001;
}
.metismenu.mod-menu li.metismenu-item.level-2 {
    padding: 0;
    margin: 0;
}
.metismenu.mod-menu li.metismenu-item.level-2 a {
    margin: 0;
    border: none;
    border-top: 1px solid var(--designFarbe-0);
    border-bottom: 1px solid var(--designFarbe-0);
}

.metismenu.mod-menu .mm-collapse {
    position: inherit;
}


header.minimiren + .site-grid .infoBox {
    top: -38px !important;
}






.container-bottom-a, .container-bottom-b, .container-top-a, .container-top-b {
    flex-direction: column;
}
.container-bottom-a>*, .container-bottom-b>*, .container-top-a>*, .container-top-b>* {
    flex: 0 1 auto;
}
.grid-child.container-top-b {
    position: absolute;
    width: 180px;
    height: 100px;
    right: 12rem;
    top: 2.5rem;
}
.containerSM {
    margin: 0 0.4rem;
}
.linkSM {
    width: 50px;
    height: 50px;
    background-size: 40px 40px;
}
.containerSM:hover a {
    background-size: 40px 40px;
}
.containerSM:hover a.linkFacebook {
    box-shadow: 0 -9px 0 -7px var(--designFarbeIconFaceBook);
}
.containerSM:hover a.linkInstagram {
    box-shadow: 0 -9px 0 -7px var(--designFarbeIconInstagram);
}
.containerSM:hover a.linkVBB {
    box-shadow: 0 -9px 0 -7px var(--designFarbeIconVBB);
}





.infoBox {
    height: 7rem;
    top: -39px;
}
.infoBox::before, .infoBox::after {
    display: none;
}
.infoBox h6,
.infoBox.InfoBoxGesamtActive h6 {
    margin: 0px 0.65rem !important;
}
.infoBox h6.infoBox-h-2,
.infoBox h6.infoBox-h-3,
.infoBox h6.infoBox-h-4,
.infoBox.InfoBoxGesamtActive h6.infoBox-h-2,
.infoBox.InfoBoxGesamtActive h6.infoBox-h-3,
.infoBox.InfoBoxGesamtActive h6.infoBox-h-4 {
    /* width: calc(20% - 1.3rem); */
}
.infoBox h6.infoBox-h-1,
.infoBox.InfoBoxGesamtActive h6.infoBox-h-1 {
    width: calc(40% - 1.3rem);
}

.infoBox h6 a {
    margin: 0;
    padding: 0 1rem;
    font-family: 'Quicksand Bold';
    letter-spacing: 0;
    font-size: 1.1rem;
    line-height: 1.5rem;
    height: 5rem;
}
.seite_1 .infoBox h6.InfoBoxActive a, .infoBox h6.InfoBoxActive a {
    height: 5rem;
}
.infoBox-h-3 a br {
    display: none;;
}

.infoBox-T-1 {
    width: 40%;
}
.seite_1 .infoBox-T-1 ul li:first-child, .seite_2 ~ [class*="infoBox-T"] ul li:first-child, ul.raum_eberswalde ~ ul li:first-child, ul.raum_bad_freienwalde ~ ul li:first-child, ul.raum_bernau ~ ul li:first-child {
    padding-top: 1.65rem !important;
}
[class*="infoBox-T"] ul li {
    padding: 0.5rem 0.5rem 0.75rem 0.65rem !important;
}
.seite_1 .infoBox-T-1 ul a, .seite_2 ~ [class*="infoBox-T"] ul a, ul.raum_eberswalde ~ ul a, ul.raum_bad_freienwalde ~ ul a, ul.raum_bernau ~ ul a {
    padding: 0.5rem;
}


.infoBox-T-2, .infoBox-T-3, .infoBox-T-4 {
    width: 20%;
}
ul.raum_eberswalde, ul.raum_bad_freienwalde, ul.raum_bernau {
    padding: 1rem 0 1rem 0;
}
ul.raum_eberswalde li, ul.raum_bad_freienwalde li, ul.raum_bernau li {
    margin: 0 0.5rem;
    padding: 0.25em 0 !important;
}
ul.raum_eberswalde li a, ul.raum_bad_freienwalde li a, ul.raum_bernau li a {
    padding: 0.75rem 0.5rem;
    margin: 0.5rem 0 0.5rem 0;
}
ul.raum_eberswalde li a:hover, ul.raum_bad_freienwalde li a:hover, ul.raum_bernau li a:hover {
    padding: 0.55rem;
}

[class*="infoBox-T"] h2 {
    width: 100%;
    margin-bottom: 0rem;
    text-align: center;
    font-size: 1.7rem;
    line-height: 2.35rem;
}

.infoBox-T-2:not(.infoBoxOpen) ul.raum_eberswalde ~ ul a, .infoBox-T-3:not(.infoBoxOpen) ul.raum_bad_freienwalde ~ ul a, .infoBox-T-4:not(.infoBoxOpen) ul.raum_bernau ~ ul a {
    position: relative;
    text-indent: 2rem;
    overflow: hidden;
    word-break: break-all;
}
.infoBox-T-2:not(.infoBoxOpen) ul.raum_eberswalde ~ ul a::before, .infoBox-T-3:not(.infoBoxOpen) ul.raum_bad_freienwalde ~ ul a::before, .infoBox-T-4:not(.infoBoxOpen) ul.raum_bernau ~ ul a::before  {
    position: absolute;
    top: 0px;
    left: -1.5rem;
}


.seite_2 .infoBox h6:nth-of-type(1)  {
    width: 33.33%;
}
.seite_2 .infoBox h6.infoBox-h-2,
.seite_2 .infoBox h6.infoBox-h-3,
.seite_2 .infoBox h6.infoBox-h-4 {
    width: calc(33.33% - 1.3rem);
}
/*
.seite_3 .infoBox h6  {
    width: 20%;
}
.seite_3 .infoBox h6:nth-of-type(4)  {
    width: 40%;
}
.seite_3.infoBox-T-1 .texteDiv {
    padding: 1.7rem 1rem 1rem 1rem;
}
.seite_3.infoBox-T-1 h3 {
    margin-top: 1rem;
}
*/






/*
.neueLinie::before,
.infoBoxOpen .neueLinie::before {
    padding: 0.2rem 0.5rem;
    border-radius: 5px;
    right: 0.5rem;
    top: 0.05rem;
    box-shadow: inset 0 0 0 1px var(--designFarbe-0), 0 0 0 1px var(--designFarbe-1);
    font-size: 0.8rem;
}
.infoBoxOpen .neueLinie::before {
    right: -0.5rem;
}
*/
.neueLinie::before {
    content: 'NEU';
    border-radius: 50%;
    position: absolute;
    right: -0.3rem;
    top: -0.3rem;
    background: var(--designFarbe-1);
    color: var(--designFarbe-0);
    font-family: var(--designFontBold);
    z-index: 1;
    box-shadow: inset 0 0 0 1px var(--designFarbe-0), 0 0 0 1px var(--designFarbe-1);
    height: 3rem;
    width: 3rem;
    padding: 0.75rem 0.5rem;
}

















#ankerAnzeigen ~ *:not(:where([class~="fixedMCD"], [class*="infoBox"])) {
    padding: 0 3rem;
}
.fixedMCD__back {
    transform: translate(calc(100vw - 2rem)); 
}
.fixedMCD__click__back {
    transform: translate(calc(100vw - 18rem));
}




.liniennetz li {
    margin: 0;
}
.liniennetz p strong {
    font-size: 1rem ;
    line-height: 0rem;
    display: inline;
}
.infoBoxOpen .liniennetz p strong {
    font-size: 1.3rem;
    line-height: 1.8rem;
    margin: 1rem 0 0 0;
    display: block;
}
.infoBoxOpen .liniennetz a {
    font-size: 1.3rem;
    line-height: 1.8rem;
    padding: 1.3rem;
    margin: 0 !important;
}






.seite_1.itemid-240 #ankerAnzeigen ~ *:not(:where([class~="fixedMCD"], [class*="infoBox"])) {
    padding: 0;
}
.vbb-suche {
    background-size: 250px;
    background-position: 105% -1.5rem;
}
.vbb-suche h3 {
    padding-top: 2rem;
    padding-bottom: 1rem;
    text-align: left;
    margin-left: 1rem;
}
.vbb-sucheFC form input:last-child {
    background-size: 250px;
    background-position: 47% -7.8rem;
}













.zaehler h3 {
    margin-top: 6rem;
}
.zahlZahl {
    font-size: 4rem;
}
.zahlText {
    font-size: 1rem;
}
.zaehler {
    padding-bottom: 8rem;
}


.footer .grid-child .mod-footer {
    margin: 0;
}
.sectionFormular {
    padding: 10rem 2rem 7rem 2rem;
    flex-direction: column-reverse;
}
.formularBox {
    width: 100%;
    margin-right: 0;
}
.convertforms .cf-content-wrap, .convertforms .cf-form-wrap {
    padding: 0 !important;
}
.formularZusatz {
    width: 100%;
}
.formularTexte {
    margin-bottom: 8rem;
}
.formularTexte > div:nth-of-type(2) {
    margin: 0;
}



footer .mod-footer {
    flex-direction: column-reverse;
}
.footer1 {
    margin-top: 2rem;
}




}
 






/* ############################################## Handy ############################################## */


@media (max-width: 760px) {



    .container-header .navbar-collapse {
        top: 71px;
        position: absolute;
    }


    .container-header .navbar-collapse.show {
        top: 71px;
    }
/*
*:not(:where([class*="fixedMCD"], [class*="infoBox"])) {
    text-align: left !important;
}
*/

.container-header .container-nav {
    padding-bottom: 1em;
}
.container-header .container-nav .container-search, .container-header .container-nav nav {
    margin-top: 0.5em;
    margin-left: 0.5rem;
}
header .container-search a {
    width: 90px;
    overflow-x: hidden;
    display: block;
}
header .container-search img {
    width: 149px;
    height: auto;
    margin-top: 0;
}
.container-header .navbar-toggler {
    right: 1.5rem;
    top: 1.3rem;
    font-size: 1.5rem;
}






.metismenu.mod-menu .metismenu-item>a, .metismenu.mod-menu .metismenu-item>button, .metismenu.mod-menu .metismenu-item>span {
    
    height: 60px;
    font-size: 1.3rem;
}




header li.level-1:hover:nth-of-type(1) a::before, header ul.mod-menu > li:nth-of-type(1) a:hover::before, header li.level-1:nth-of-type(1) a::before, header ul.mod-menu > li:nth-of-type(1) a:hover::before, 
header li.level-1:hover:nth-of-type(2) a::before, header ul.mod-menu > li:nth-of-type(2) a:hover::before, header li.level-1:nth-of-type(2) a::before, header ul.mod-menu > li:nth-of-type(2) a:hover::before, 
header li.level-1:hover:nth-of-type(3) a::before, header ul.mod-menu > li:nth-of-type(3) a:hover::before, header li.level-1:nth-of-type(3) a::before, header ul.mod-menu > li:nth-of-type(3) a:hover::before, 
header li.level-1:hover:nth-of-type(4) a::before, header ul.mod-menu > li:nth-of-type(4) a:hover::before, header li.level-1:nth-of-type(4) a::before, header ul.mod-menu > li:nth-of-type(4) a:hover::before, 
header li.level-1:hover:nth-of-type(5) a::before, header ul.mod-menu > li:nth-of-type(5) a:hover::before, header li.level-1:nth-of-type(5) a::before, header ul.mod-menu > li:nth-of-type(5) a:hover::before, 
header li.level-1:hover:nth-of-type(6) a::before, header ul.mod-menu > li:nth-of-type(6) a:hover::before, header li.level-1:nth-of-type(6) a::before, header ul.mod-menu > li:nth-of-type(6) a:hover::before {
    right: 4rem;
    top: 0.2rem;
    bottom: auto;
    font-size: 1.6rem;
    transition: all 0.3s;
}



.metismenu.mod-menu .mm-toggler:after {
    bottom: 3.2rem;
    border-left: 0.5em solid transparent;
    border-right: 0.5em solid transparent;
    border-top: 0.5em solid;
}



.seite_2 ~ [class*="infoBox-T"] ul a {
    font-weight: 700;
}















.grid-child.container-top-b {
    /* width: 130px; */
    width: 164px;
    height: 45px;
    right: 5rem;
    top: 0.9rem;
}
.linkSM {
    width: 30px;
    height: 30px;
    background-size: 25px 25px;
}
.containerSM:hover a {
    background-size: 25px 25px;
}
.containerSM:hover a.linkFacebook {
    box-shadow: 0 -5px 0 -3px var(--designFarbeIconFaceBook);
}
.containerSM:hover a.linkInstagram {
    box-shadow: 0 -5px 0 -3px var(--designFarbeIconInstagram);
}
.containerSM:hover a.linkVBB {
    box-shadow: 0 -5px 0 -3px var(--designFarbeIconVBB);
}









.infoBox, header.minimiren + .site-grid .infoBox {
    height: auto !important;
    top: auto !important;
    bottom: 0;
    position: fixed;
    flex-wrap: wrap;
    background: var(--designFarbe-1-66);
    z-index: 12;
}
.infoBox h6 {
    width: 50% !important;
    margin: 0 !important;
}
.infoBox h6 a {
    height: 2.5rem;
    margin: 0.5rem 0 0 0.5rem;
    padding: 0 2rem;
    font-size: 0.8rem;
    line-height: 0.8rem;
    border-radius: 5px;
    color: var(--designFarbe-0);
    background: var(--designFarbe-1);
    border: 2px solid var(--designFarbe-0);
}
.infoBox h6:nth-child(even) a {
    margin: 0.5rem 0.5rem 0 0.5rem ;
}
.infoBox h6:nth-child(3) a,
.infoBox h6:nth-child(4) a {
    margin-bottom: 0.5rem;
}



.infoBox h6:nth-child(1) a {
    margin: 0.5rem 0 0 0.5rem;
    border-width: 2px 2px 2px 2px;
    border-radius: 5px 0 0 0;
}
.infoBox h6:nth-child(2) a {
    margin: 0.5rem 0.5rem 0 0;
    border-width: 2px 2px 2px 0;
    border-radius: 0 5px 0 0;
}
.infoBox h6:nth-child(3) a {
    margin: 0 0 0.5rem 0.5rem;
    border-width: 0 2px 2px 2px;
    border-radius: 0 0 0 5px;
}
.infoBox h6:nth-child(4) a {
    margin: 0 0.5rem 0.5rem 0;
    border-width: 0 2px 2px 0;
    border-radius: 0 0 5px 0;
}
.seite_1 .infoBox h6:hover a, .infoBox h6:hover a {
    height: 2.5rem;
    border-color: var(--designFarbe-0) !important;
}



.infoBox h6 a span {
    color: var(--designFarbe-0);
    font-size: 0.6rem;
}
.infoBox-T-1, .infoBox-T-2, .infoBox-T-3, .infoBox-T-4 {
    width: 100% !important;
}
ul.raum_eberswalde li, ul.raum_bad_freienwalde li, ul.raum_bernau li {
    margin: 0 0.25rem;
    flex: 75px;
}
ul.raum_eberswalde li a, ul.raum_bad_freienwalde li a, ul.raum_bernau li a {
    padding: 0.75rem 0.5rem;
    margin: 0 0 0.25rem 0;
}

ul.raum_eberswalde li a, ul.raum_bad_freienwalde li a, ul.raum_bernau li a {
    font-size: 1rem;
    font-family: var(--designFontBold);
}
ul.raum_eberswalde li a:hover, ul.raum_bad_freienwalde li a:hover, ul.raum_bernau li a:hover {
    padding: 0.5rem 0.3rem;
    margin: 0.25rem 0.25rem 0.25rem 0.25rem;
    font-size: 1rem;
}
.ausrufeZeichenAnzeigen::after {
    margin-right: 0.5rem;
    font-size: 1rem;
}
ul.raum_eberswalde + h2, ul.raum_bad_freienwalde + h2, ul.raum_bernau + h2 {
    margin: 0rem;
}
ul.raum_eberswalde + h2 strong, ul.raum_bad_freienwalde + h2 strong, ul.raum_bernau + h2 strong {
    font-size: 1.5rem;
}


.seite_1.infoBox ~ .infoBox-T-2.infoBoxOpen ul ~ ul a,
.seite_1.infoBox ~ .infoBox-T-3.infoBoxOpen ul ~ ul a,
.seite_1.infoBox ~ .infoBox-T-4.infoBoxOpen ul ~ ul a,
.seite_2.infoBox ~ .infoBox-T-2.infoBoxOpen ul a,
.seite_2.infoBox ~ .infoBox-T-3.infoBoxOpen ul a,
.seite_2.infoBox ~ .infoBox-T-4.infoBoxOpen ul a {
    font-size: 1rem;
    line-height: 1.8rem;
    padding: 0.8rem;
}


ul.raum_eberswalde, ul.raum_bad_freienwalde, ul.raum_bernau {
    padding: 1rem 0.3rem 1rem 0.3rem;
}









/* ############################################## design0501 ############################################## */
.design0501 {
    display: flex;
    flex-direction: column-reverse;
}
.design0501 div.drei-spalten {
    margin: 1rem 0 2rem 0;
}
.design0501 .drei-spalten .texteDiv {
    width: 100%;
}
.design0501 .drei-spalten > div:nth-of-type(2) {
    padding-top: 2rem;
}
.design0501 div.drei-spalten > div:last-child {
    border-radius: 3px;
    box-shadow: 1px -1px 0 0px var(--designFarbe-0),2px 2px 0 0px var(--designFarbe-6);
}




/* ############################################## design0601 ############################################## */


.design0601.eine-spalte.flex {
    flex-direction: column;
}
.design0601.eine-spalte.flex > div {
    margin: 0.5rem 0 !important;
}



#wrapper, .wrapper, .wrapper2, .wrapper3, .wrapper4, .wrapper5 {
    height: 448px;
}








#ankerAnzeigen ~ *:not(:where([class~="fixedMCD"], [class*="infoBox"])) {
    padding: 0 2rem 0 1rem;
}
.fixedMCD__back {
    transform: translate(calc(100vw - 2rem)); 
}
.fixedMCD__click__back {
    transform: translate(calc(100vw - 18rem));
    z-index: 1;
}


.fixedMCD ~ * > * {
    margin-top: 0rem;
}
.seite h2 {
    margin-bottom: 1rem;
    margin-top: 4rem;
}
h2 {
    font-size: 1.7rem;
    line-height: 2.35rem;
}







/*
.neueLinie::before,
.infoBoxOpen .neueLinie::before {
    border-radius: 3px;
    right: 0.5rem;
    top: -0.15rem;
    font-size: 0.6rem;

}
*/
.neueLinie::before {
    content: 'NEU';
    border-radius: 50%;
    position: absolute;
    right: -0.2rem;
    top: -0.5rem;
    background: var(--designFarbe-1);
    color: var(--designFarbe-0);
    font-family: var(--designFontBold);
    z-index: 1;
    box-shadow: inset 0 0 0 1px var(--designFarbe-0), 0 0 0 1px var(--designFarbe-1);
    height: 2rem;
    width: 2rem;
    padding: 0.6rem 0.4rem;
    font-size: 0.6rem;
}



















.infoBoxOpen .liniennetz p strong {
    font-size: 1rem;
    line-height: 1rem;
}
.liniennetz a {
    font-size: 1rem;
    line-height: 1.3rem;
}
.infoBoxOpen .liniennetz a {
    font-size: 1rem;
    line-height: 1.8rem;
    padding: 0.8rem;
    margin: 0;
}





.vbb-suche {
    padding-top: 0rem;
    background-size: 300px;
    background-position: 150% 6.2rem;
    font-size: 4vw;
}
.vbb-suche h3 {
    padding-top: 2rem;
    padding-bottom: 0rem;
    margin-left: 1rem;
    font-size: 1.6em;
}
.vbb-sucheFC {
    width: 100%;
}
.vbb-sucheFC form {
    justify-content: space-evenly;
    flex-direction: column;
}
.vbb-sucheFC form input {
    padding: 0.5rem 1rem;
    width: initial;
    margin: 0.5rem 1rem;
}
.vbb-sucheFC form input:last-child {
    width: 40%;
    background-image: none;
}














.zaehler {
    padding-bottom: 3rem;
}
.zaehler h3 {
    margin-top: 1.5rem;
    margin-bottom: 2rem;
    font-size: 1.6rem;
}
.zahlZahl {
    font-size: 2rem;
}
.zahlText {
    font-size: 0.5rem;
}















.sectionFormular {
    padding: 5rem 2rem 5rem 2rem;
}
.formularTexte {
    flex-direction: column;
    margin-bottom: 5rem;
}
.formularTexte > div {
    width: 100%;
    margin-right: 0rem;
    max-width: 760px;
    padding: 1rem;
}
.formularTexte > div:nth-of-type(2) {
    margin: 2rem 0 0 0;
}
.formularTexte h3 {
    margin: 1rem 0 2rem 0;
}
.convertforms .cf-one-half, .convertforms .cf-two-fourths, .convertforms .cf-three-sixths {
    width: 100% !important;
}






footer .mod-footer {
    padding: 0 1rem 1rem;
}
.footer2 a {
    margin: 0 0.5rem;
    padding: 0.5rem;
    font-size: 0.7rem;
}
.footer1 {
    margin-top: 0.5rem;
    font-size: 0.6rem;
}
body.seite_1 .footer .grid-child .mod-footer,
body.seite_2 .footer .grid-child .mod-footer,
body.seite_3 .footer .grid-child .mod-footer {
    padding: 0.5rem 0 1.2rem;
    font-size: 1.3rem;
    padding-bottom: 7rem;
}






@keyframes animMoveSMContainer{
0% {
    top: unset;
    bottom: 103px;
    right: 0;
    width: 0px;
    height: 167px;
    background: var(--designFarbe-0-11);
    border-radius: 0;
}

100% {
    top: unset;
    bottom: 103px;
    right: 0;
    width: 57px;
    height: 167px;
    background: var(--designFarbe-0-66);
    border-radius: 5px 0 0 5px;
}
}







#back-top {
    display: none;
}



.itemid-110 .eine-spalte p + .knoepfchen {
    margin: 0;
}
.itemid-110 .eine-spalte p + .knoepfchen a {
    width: 100%;
    text-align: center;
}





.itemid-128 #ankerAnzeigen ~ *:not(:where([class~="fixedMCD"], [class*="infoBox"])) {
    padding: 0px 0rem 0 0rem;
}


}









@media (max-width: 320px) {

    .grid-child.container-top-b {
        /* width: 130px; */
        width: 145px;
        height: 45px;
        right: 3.5rem;
        top: 0.9rem;
    }
    .containerSM {
        margin: 0 0.2rem;
    }
    .container-header .navbar-toggler {
        right: 0.5rem;
        top: 1.3rem;
        font-size: 1.5rem;
    }

}






/* ############################################## Karriere Bewerbungen ############################################## */


.bewerbungenFirma > div:first-child {
    padding: 5rem 0 5rem 0;
}


@media (max-width: 999px) {
    .bewerbungenFirma {
        padding: 0 3rem;
    }
}
@media (max-width: 760px) {
    .bewerbungenFirma {
        padding: 0 1rem;
    }
}

body.seite_5 .bewerbungen.sectionFormular {
    background: transparent;
}
.bewerbungen.sectionFormular {
    padding: 0;
    flex-direction: row-reverse;
}
.bewerbungen .formularBox {
    margin-right: 0;
}
.bewerbungen #cf_4,
.bewerbungen #cf_5,
.bewerbungen #cf_6,
.bewerbungen #cf_7,
.bewerbungen #cf_8,
.bewerbungen #cf_9,
.bewerbungen #cf_10,
.bewerbungen #cf_11,
.bewerbungen #cf_12,
.bewerbungen #cf_13,
.bewerbungen #cf_14,
.bewerbungen #cf_15,
.bewerbungen #cf_16,
.bewerbungen #cf_17,
.bewerbungen #cf_18,
.bewerbungen #cf_19,
.bewerbungen #cf_20,
.bewerbungen #cf_26,
.bewerbungen #cf_27,
.bewerbungen #cf_28,
.bewerbungen #cf_29,
.bewerbungen #cf_30,
.bewerbungen #cf_31,
.bewerbungen #cf_32,
.bewerbungen #cf_33,
.bewerbungen #cf_34,
.bewerbungen #cf_35,
.bewerbungen #cf_36,
.bewerbungen #cf_37,
.bewerbungen #cf_38,
.bewerbungen #cf_39,
.bewerbungen #cf_40 {
    --max-width: initial;
    --background-color: transparent;
}
.bewerbungen .convertforms form {
    width: 100%;
}
.bewerbungen .convertforms .cf-col-16 {
    width: 100%;
    padding: 0 0 0 1rem;
}
.bewerbungen .formularZusatz {
    width: 50%;
    max-width: 904px;
}

@media (max-width: 1333px) {
    body.seite_5 .bewerbungen.sectionFormular {
        flex-direction: column-reverse;
    }
    .bewerbungen .formularZusatz {
        width: 100%;
        max-width: 100%;
        justify-content: flex-start;
    }
}

.bewerbungen .formularTexte {
    width: initial;
}
.bewerbungen .formularTexte > div {
    width: 100%;
    margin-right: 0;
    max-width: initial;
    padding: 0 1rem 0 0;
    box-shadow: none !important;
}
.bewerbungen .formularTexte h3,
.bewerbungen .formularTexte p,
.bewerbungen .formularTexte p strong {
    color: var(--designFarbe-5);
}
.bewerbungen .cf-label {
    color: var(--designFarbe-5) !important;
}
.bewerbungen .convertforms h2 {
    margin-bottom: 0;
    box-shadow: none;
}
.bewerbungen .cf-label a {
    color: var(--designFarbe-5);
}
.bewerbungen .convertforms .cf-input[type=radio], .convertforms .cf-input[type=radio] {
    width: 40px !important;
    height: 16px !important;
}
.bewerbungen input[type="radio"] {
position: absolute;
left: -999rem;
}
.bewerbungen input[type="radio"] + label {
position: relative;
cursor: pointer;
}
.bewerbungen input[type="radio"] + label::before {
    content: "";
    display: inline-block;
    vertical-align: -25%;
    height: 20px;
    width: 20px;
    background: var(--designFarbe-5-11-vt);
    border: 1px solid var(--designfarbe-titel);
    border-radius: 4px;
    box-shadow: inset 0 2px 5px rgba(0,0,0,0.25), -2px -2px 2px -2px white, 2px 2px 2px -2px black;
    margin-right: 0.5em;
    transition: all 0.3s;
}
.bewerbungen input[type="radio"]:checked + label::before {
    background: var(--designFarbe-1-66);
    transition: all 0.3s;
    box-shadow: inset 0 2px 5px rgba(0,0,0,0.25), -2px -2px 2px -2px white, 2px 2px 2px -2px black;
}
.bewerbungen input[type="radio"]:checked + label::after {
    content: '';
    position: absolute;
    width: 19px;
    height: 13px;
    background: rgba(0, 0, 0, 0);
    top: -3px;
    left: 9px;
    border: 3px solid var(--designFarbe-0);
    border-top: none;
    border-right: none;
    box-shadow: 0px 4px 0 -2px rgba(0,0,0,0.25);
    transform: rotate(-45deg);
}
.bewerbungen input[type="radio"].vielText + label {
    width: 100%;
    transform: translateX(30px);
}
.bewerbungen input[type="radio"].vielText + label::before {
    position: absolute;
    left: -30px;
}
.bewerbungen input[type="radio"].vielText:checked + label::after {
    left: -21px;
}
.bewerbungen .cf-input {
    color: var(--designFarbe-5) !important;
}
.bewerbungen .cf-input:focus {
    color: var(--designFarbe-5) !important;
}
.bewerbungen button[type=submit] {
    border-color: var(--designFarbe-5-33) !important;
}

body.seite_5 .bunt {
    color: var(--designFarbe-5);
}







.bewerbungen .convertforms .cfupload .dz-message > * {
    opacity: 1;
}
.bewerbungen .convertforms .cfupload .dz-message .cfupload-browse {
    background: var(--designFarbe-5-11);
    color: var(--designFarbe-5);
        border: solid 1px var(--designfarbe-titel);
}

.bewerbungen .convertforms .cfup-file {
    font-size: 1.3em;
}
.bewerbungen .convertforms .cfup-file .cfup-error > div {
    color: var(--color-danger);
    font-size: 1.2em;
}

.bewerbungen .convertforms .cfup-file .cfup-right .cfup-remove {
    font-family: initial;
    font-size: 27px;
    top: -5px;
}

.bewerbungen .convertforms input::-webkit-outer-spin-button,
.bewerbungen .convertforms input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  -moz-appearance: textfield;
  
}



.bewerbungenFirma p,
.bewerbungen p,
.bewerbungen strong,
.bewerbungen li {
    color: var(--designFarbe-5);
}







/* ############################################## Karriere Deutschlandticket ticket 49 Formular ############################################## */

body.seite_4 .firstLetter:first-letter {
    background-color: var(--designFarbe-4);
    box-shadow: 0 0 0 0.1em var(--designFarbe-4);
}



.sectionFormular.ticket49 {
    /*display: none;*/
    display: block;
}
.design_t_001 .sectionFormular.ticket49 {
    display: block;
}

.deutschlandticket > div:first-child {
    padding: 5rem 0 5rem 0;
}
body.seite_4 .ticket49.sectionFormular {
    background: transparent;
}
.ticket49.sectionFormular {
    padding: 0;
    flex-direction: row-reverse;
}
.ticket49 .formularBox {
    width: 100%;
    max-width: initial;
    margin-right: 0;
}
.ticket49 #cf_3,
.ticket49 #cf_11 {
    --max-width: initial;
    --background-color: transparent;
    --font: Quicksand;
}
.ticket49 .convertforms form {
    width: 100%;
    margin-bottom: 11rem;
    margin-bottom: 40rem;
}
.ticket49 .convertforms .cf-col-16 {
    width: 100%;
    padding: 0 0 0 1rem;
}
.ticket49 .formularZusatz {
    width: 50%;
    max-width: 904px;
}
.ticket49 .formularTexte {
    width: initial;
}
.ticket49 .formularTexte > div {
    width: 100%;
    margin-right: 0;
    max-width: initial;
    padding: 0 1rem 0 0;
    box-shadow: none !important;
}
.ticket49 .formularTexte h3,
.ticket49 .formularTexte p,
.ticket49 .formularTexte p strong {
    color: var(--designFarbe-4);
}
.ticket49 .cf-label {
    color: var(--designFarbe-4) !important;
}
.ticket49 .convertforms h2 {
    margin-bottom: 0;
    box-shadow: none;
}
.ticket49 .cf-label a {
    color: var(--designFarbe-4);
}
.ticket49 .convertforms .cf-input[type=radio], .convertforms .cf-input[type=radio] {
    width: 40px !important;
    height: 16px !important;
}
.ticket49 input[type="radio"] {
position: absolute;
left: -999rem;
}
.ticket49 input[type="radio"] + label {
position: relative;
cursor: pointer;
}
.ticket49 input[type="radio"] + label::before {
    content: "";
    display: inline-block;
    vertical-align: -25%;
    height: 20px;
    width: 20px;
    background: var(--designFarbe-4-11-vt);
    border: 1px solid var(--designfarbe-titel);
    border-radius: 4px;
    box-shadow: inset 0 2px 5px rgba(0,0,0,0.25), -2px -2px 2px -2px white, 2px 2px 2px -2px black;
    margin-right: 0.5em;
    transition: all 0.3s;
}
.ticket49 input[type="radio"]:checked + label::before {
    background: var(--designFarbe-1-66);
    transition: all 0.3s;
    box-shadow: inset 0 2px 5px rgba(0,0,0,0.25), -2px -2px 2px -2px white, 2px 2px 2px -2px black;
}
.ticket49 input[type="radio"]:checked + label::after {
    content: '';
    position: absolute;
    width: 19px;
    height: 13px;
    background: rgba(0, 0, 0, 0);
    top: -3px;
    left: 9px;
    border: 3px solid var(--designFarbe-0);
    border-top: none;
    border-right: none;
    box-shadow: 0px 4px 0 -2px rgba(0,0,0,0.25);
    transform: rotate(-45deg);
}
.ticket49 input[type="radio"].vielText + label {
    width: 100%;
    transform: translateX(30px);
}
.ticket49 input[type="radio"].vielText + label::before {
    position: absolute;
    left: -30px;
}
.ticket49 input[type="radio"].vielText:checked + label::after {
    left: -21px;
}
.ticket49 input[type="checkbox"] + label::before {
    background: var(--designFarbe-4-11-vt);
}
.ticket49 .cf-input {
    color: var(--designFarbe-4) !important;
}
.ticket49 .cf-input:focus {
    color: var(--designFarbe-4) !important;
}
body.seite_4 .bunt {
    color: var(--designFarbe-4);
}
.ticket49 .convertforms .cfupload .dz-message > * {
    opacity: 1;
}
.ticket49 .convertforms .cfupload .dz-message .cfupload-browse {
    background: var(--designFarbe-4-11);
    color: var(--designFarbe-4);
    border: solid 1px var(--designfarbe-titel);
}
.ticket49 .convertforms .cfup-file {
    font-size: 1.3em;
}
.ticket49 .convertforms .cfup-file .cfup-error > div {
    color: var(--color-danger);
    font-size: 1.2em;
}
.ticket49 .convertforms .cfup-file .cfup-right .cfup-remove {
    font-family: initial;
    font-size: 27px;
    top: -5px;
}
.ticket49 .flatpickr-input {
    cursor: default !important;
    background-color: var(--designFarbe-0-66) !important;
}











/* EDocman iframe */

#documentviewIframe {
    width: 100% !important;
}
#documentviewIframe body {
    height: 100%;
    background-color: red;
    background-image: none;
}






/* AKKORDION */



@media (max-width: 760px) {
    #ankerAnzeigen ~ .deutschlandticket.faq {
        padding: 0;
    }
}
@media (max-width: 999px) {
    #ankerAnzeigen ~ .deutschlandticket.faq {
        padding: 0;
    }
}



.accordionTitel {
  margin: 0;
  padding: 1rem;
  border-bottom: 1px solid var(--designFarbe-0);
  cursor: pointer;
  font-weight: 700;
}
.accordionTitel,
.accordionTitel strong {
  color: var(--designFarbe-0);
}
.seite_2 .accordionTitel {
  background: var(--designFarbe-2);
}
.seite_4 .accordionTitel {
  background: var(--designFarbe-4);
}
.seite_5 .accordionTitel {
  background: var(--designFarbe-5);
}
.seite_6 .accordionTitel {
  background: var(--designFarbe-6);
}
.seite_7 .accordionTitel {
  background: var(--designFarbe-7);
}
.accordionTitel::before {
    float: left;
    content: "\f105";
    font-family: Font Awesome\ 5 Free;
    font-weight: 900;
    margin: 0 1rem 0 0;
    transition: 0.3s;
}
.accordionTitel.accordOpen::before {
    transform: rotate(90deg);
    transition: 0.6s;
}
.accordionTitel + div {
  height: 0px;
  max-height: 0px !important;
  padding: 0rem 2rem;
  overflow: hidden;
  transition: 0.3s;
}
.accordionTitel + div.gross {
  height: 1%;
  max-height: 2000px !important;
  padding: 2rem 2rem;
  transition: 1s;
}
.accordionTitel + div > p {
    /* margin-left: 0.5rem; */
    margin: 0 0 0 0.5rem;
}

.accordionGross .accordionfeld:last-child .accordionTitel {
    pointer-events: none;
}
.accordionGross .accordionfeld:last-child .accordionTitel a {
    pointer-events: initial;
}
.design_t_001 .accordionGross .accordionfeld:last-child .accordionTitel {
    pointer-events: initial;
}
.accordionGross .accordionfeld:last-child .accordionTitel a  {
    color: var(--designFarbe-0);
    text-decoration: none;
    box-shadow: 0 3px 0 0 var(--designFarbe-4), 0 4px 0 0 var(--designFarbe-0);
}

.seite_4 .accordionGross .accordionfeld:last-child .accordionTitel a  {
    box-shadow: 0 5px 0 0 var(--designFarbe-4), 0 6px 0 0 var(--designFarbe-0);
    transition: 0.6s;
}
.seite_4 .accordionGross .accordionfeld:last-child .accordionTitel a:hover  {
    box-shadow: 0 2px 0 0 var(--designFarbe-4), 0 4px 0 0 var(--designFarbe-0);
    transition: 0.3s;
}


.accordionGross .accordionfeld:last-child .accordionTitel + div.gross {
  height: 0;
  max-height: 0 !important;
  padding: 0;
}
.design_t_001 .accordionGross .accordionfeld:last-child .accordionTitel::before {
    color: var(--designFarbe-0);
}
.design_t_001 .accordionGross .accordionfeld:last-child .accordionTitel + div.gross {
  height: 1%;
  max-height: 2000px !important;
  padding: 2rem 2rem;
}
@media (max-width: 760px) {
    .design_t_001 .accordionGross .accordionfeld:last-child .accordionTitel::before {
        display: block;
    }
    .seite_4 .accordionGross .accordionfeld:last-child .accordionTitel a {
        box-shadow: none;
        pointer-events: none;
    }
}





.seite_2 .accordionTitel + div {
  box-shadow: inset 1.3rem 0 0 0 var(--designFarbe-2-back), inset 1.4rem 0 0 0 var(--designFarbe-2);
}
.seite_4 .accordionTitel + div {
  box-shadow: inset 1.3rem 0 0 0 var(--designFarbe-4-back), inset 1.4rem 0 0 0 var(--designFarbe-4);
}
.seite_5 .accordionTitel + div {
  box-shadow: inset 1.3rem 0 0 0 var(--designFarbe-5-back), inset 1.4rem 0 0 0 var(--designFarbe-5);
}
.seite_6 .accordionTitel + div {
  box-shadow: inset 1.3rem 0 0 0 var(--designFarbe-6-back), inset 1.4rem 0 0 0 var(--designFarbe-6);
}
.seite_7 .accordionTitel + div {
  box-shadow: inset 1.3rem 0 0 0 var(--designFarbe-7-back), inset 1.4rem 0 0 0 var(--designFarbe-7);
}





/* FAQ Deutschland */
/*
.itemid-241 .seite_4 h3 {
    font-size: 7rem;
    margin: 0 0 6rem 0rem;
}
*/
.itemid-241 .seite_4 h4 {
    font-size: 2rem;
    margin: 0 0 1rem 2.5rem;
}
.deutschlandticket > div:first-child {
    padding: 0rem 0 5rem 0;
}
@media (max-width: 760px) {
    /*
    .itemid-241 .seite_4 h3 {
        font-size: 9vw;
        margin: 0 0 21vw 5vw;
        margin: 0 0 21vw 5vw;
    }
    */

    .itemid-241 .section_4.dTicket .texteDiv h3 ~ .knoepfchen {
        margin-left: auto;
        margin-right: auto;
        width: 100%;
    }
    .itemid-241 .section_4.dTicket .texteDiv h3 ~ .knoepfchen a {
        width: 100%;
        display: block;
        text-align: center;
    }
    .itemid-241 .seite_4 .dTicket > div > p:nth-of-type(1) {
        display: none;
    }
    .itemid-241 .seite_4 .dTicket > div > p:nth-last-of-type(1),
    .itemid-241 .seite_4 .dTicket > div > p:nth-last-of-type(2),
    .itemid-241 .seite_4 .dTicket > div > p:nth-last-of-type(3) {
        display: none;
    }
    .itemid-241 .seite_4 .dTicket > div > h3:nth-of-type(1) {
        margin-top: 1rem;
        margin-top: 3rem;
    }
    .itemid-241 .seite_4 .dTicket > div > h3:nth-of-type(2) {
        margin-top: 7rem;
    }
    .itemid-241 .seite_4 h4 {
        font-size: 9vw;
        margin: 0 0 10vw 7vw;
    }
    


}

.deutschlandticket .accordionGross .accordionfeld:last-child .accordionTitel::before {
    content: "\f129";
}


/* AKKORDION FAQ Deutschland Formular*/

#cf_12 {
    --background-color: transparent;
}
.deutschlandticket.faq .cf-label,
.deutschlandticket.faq .cf-label a {
    color: var(--designFarbe-4) !important;
}



/* AKKORDION */


.backgroundBunt .texteDiv hr + p {
    margin-top: 4rem;
}
.backgroundBunt.green {
    padding: 5rem;
    margin-bottom: 1rem;
    background: var(--designFarbe-1-11);
}
.backgroundBunt.green h3 {
    margin: 0 0 4rem 0;
    color: var(--designFarbe-1);
}
.backgroundBunt.green .texteDiv p:first-child strong,
.backgroundBunt.green .texteDiv hr + p > strong {
    color: var(--designFarbe-1);
}

.backgroundBunt.orange {
    padding: 5rem;
    margin-bottom: 1rem;
    background: var(--designFarbe-6-33);
}
.backgroundBunt.orange h3 {
    margin: 0 0 4rem 0;
    color: var(--designFarbe-6);
}
.backgroundBunt.orange .texteDiv p:first-child strong,
.backgroundBunt.orange .texteDiv hr + p > strong {
    color: var(--designFarbe-6);
}

.backgroundBunt.red {
    padding: 5rem;
    margin-bottom: 1rem;
    background: var(--designFarbe-2-11);
}
.backgroundBunt.red h3 {
    margin: 0 0 4rem 0;
    color: var(--designFarbe-2);
}
.backgroundBunt.red .texteDiv p:first-child strong,
.backgroundBunt.red .texteDiv hr + p > strong {
    color: var(--designFarbe-2);
}

@media (max-width: 760px) {
    .backgroundBunt.green,
    .backgroundBunt.orange,
    .backgroundBunt.red {
        padding: 1.5rem;
    }
}




/* AKKORDION AGB & Datenschutz */
.seite_1 .accordionTitel {
    background: var(--designFarbe-1);
}
.seite_1 .accordionTitel + div {
    box-shadow: inset 1.3rem 0 0 0 var(--designFarbe-1-back), inset 1.4rem 0 0 0 var(--designFarbe-1);
}
.itemid-236 .accordionGross .accordionfeld:last-child .accordionTitel::before {
    content: "\f129";
}
.itemid-236 .seite_1 .accordionTitel,
.itemid-236 .seite_1 .accordionTitel + div > p {
    font-weight: 500;
}
/*
.itemid-236 .accordionGross .accordionfeld:last-child .accordionTitel {
    pointer-events: all;
}
.itemid-236  .accordionGross .accordionfeld:last-child .accordionTitel + div.gross {
    height: initial;
    max-height: initial !important;
    padding: initial;
}
*/

/* Startseite Startseite infoBox */

.infoBox-T-2.infoBoxOpen,
.infoBox-T-3.infoBoxOpen,
.infoBox-T-4.infoBoxOpen {
    margin-bottom: 10rem;
}
@media (max-width: 760px) {
    .infoBox-T-2,
    .infoBox-T-3,
    .infoBox-T-4 {
        margin-bottom: 2rem;
    }
    .infoBox-T-2.infoBoxOpen,
    .infoBox-T-3.infoBoxOpen,
    .infoBox-T-4.infoBoxOpen {
        margin-bottom: 2rem;
    }
}


/* Startseite infoBoxAktuell */
.itemid-240 .slider + * {
    margin-top: calc(calc(calc(calc(100vw / 12) * 5) + -1em) + 41px);
    margin-top: calc(calc(calc(calc(100vw / 3.33)) + -1em) + 41px);
    margin-bottom: 40px;
}
.itemid-240 header.minimiren + div .slider + * {
    margin-top: calc(calc(calc(calc(100vw / 12) * 5) + -1em) + 126px);
    margin-top: calc(calc(calc(calc(100vw / 3.33)) + -1em) + 126px);
    margin-bottom: 40px;
}
.infoBoxAktuell {
    margin-top: calc(calc(calc(calc(100vw / 12) * 5) + -1em) + 126px);
    /* margin-top: calc(calc(calc(calc(100vw / * 3.33)) + -1em) + 126px); */
    margin-bottom: 40px;
}
.infoBoxAktuell h3 {
    font-size: 2.25rem;
    text-align: center;
    margin-bottom: 2rem;
}



/* Bussplatzhalter Startseite */

#l999-1, #l999-2, #l999-3, #l999-4, #l999-5, #l999-6, #l999-7, #l999-8, #l999-9, #l999-10, #l999-11, #l999-12 {
    opacity: 0;
    pointer-events: none;
}
@media (max-width: 760px) {
    #l999-1, #l999-2, #l999-3, #l999-4, #l999-5, #l999-6, #l999-7, #l999-8, #l999-9, #l999-10, #l999-11, #l999-12 {
        display: none;
    }
}
/* Linienplatzhalter Startseite */
.section_10 .liniennetz p:nth-of-type(3),
.section_10 .liniennetz ul:nth-of-type(3),
.section_10 .liniennetz p:nth-of-type(4),
.section_10 .liniennetz ul:nth-of-type(4),
.section_10 .liniennetz p:nth-of-type(5),
.section_10 .liniennetz ul:nth-of-type(5),
.section_11 .liniennetz p:nth-of-type(4),
.section_11 .liniennetz ul:nth-of-type(4),
.section_11 .liniennetz p:nth-of-type(5),
.section_11 .liniennetz ul:nth-of-type(5) {
    opacity: 0;
    pointer-events: none;
}
.infoBoxOpen .section_10 .liniennetz p:nth-of-type(3),
.infoBoxOpen .section_10 .liniennetz ul:nth-of-type(3),
.infoBoxOpen .section_10 .liniennetz p:nth-of-type(4),
.infoBoxOpen .section_10 .liniennetz ul:nth-of-type(4),
.infoBoxOpen .section_11 .liniennetz p:nth-of-type(4),
.infoBoxOpen .section_11 .liniennetz ul:nth-of-type(4) {
    display: none;
}
@media (max-width: 760px) {
    .section_10 .liniennetz p:nth-of-type(3),
    .section_10 .liniennetz ul:nth-of-type(3),
    .section_10 .liniennetz p:nth-of-type(4),
    .section_10 .liniennetz ul:nth-of-type(4),
    .section_11 .liniennetz p:nth-of-type(3),
    .section_11 .liniennetz ul:nth-of-type(3),
    .section_11 .liniennetz p:nth-of-type(4),
    .section_11 .liniennetz ul:nth-of-type(4) {
        display: none;
    }
}

/* Linienplatzhalter Fahrpläne */
.itemid-103 #l999-11 {
    display: none;
}
@media (min-width: 1025px) {
    .itemid-103 .liniennetz a {
        padding: 1rem 1.5rem;
    }
}


/* Startseite SVGs */

.bbgKarte {
    display: none;
}
.infoBoxOpen .bbgKarte {
    display: block;
    width: calc(100% / 3);
    float: left;
}
.infoBoxOpen .bbgKarte > iframe {
    aspect-ratio: 100/110;
}
.infoBoxOpen .bbgKarte + ul {
    width: calc(100% / 3 * 2);
}
@media (max-width: 760px) {
    .bbgKarte,
    .infoBoxOpen .bbgKarte {
        display: block;
        width: 100%;
        margin-bottom: -3rem;
        pointer-events: none;
    }
    .bbgKarte > iframe,
    .infoBoxOpen .bbgKarte > iframe {
        aspect-ratio: 100/59;
    }
    .infoBoxOpen .bbgKarte + ul,
    .infoBoxOpen .bbgKarte + ul {
        width: 100%;
    }
}




/* Startseite Titel der Stadt Linennetz Baustellen Handy */

h2.titelH2Handy {
    display: none;
}
.section_9 .titelH2Handy {
    color: var(--designFarbe-9);
    box-shadow: 0px -35px 0 -5px var(--designFarbe-1-back), 0px -36px 0 -5px var(--designFarbe-9);
}
.section_10 .titelH2Handy {
    color: var(--designFarbe-10);
    box-shadow: 0px -35px 0 -5px var(--designFarbe-1-back), 0px -36px 0 -5px var(--designFarbe-10);
}
.section_11 .titelH2Handy {
    color: var(--designFarbe-11);
    box-shadow: 0px -35px 0 -5px var(--designFarbe-1-back), 0px -36px 0 -5px var(--designFarbe-11);
}
.section_9 .titelH2Handy {
    color: var(--designFarbe-9);
    box-shadow: 0px -35px 0 -5px var(--designFarbe-0), 0px -36px 0 -5px var(--designFarbe-9);
}
.section_10 .titelH2Handy {
    color: var(--designFarbe-10);
    box-shadow: 0px -35px 0 -5px var(--designFarbe-0), 0px -36px 0 -5px var(--designFarbe-10);
}
.section_11 .titelH2Handy {
    color: var(--designFarbe-11);
    box-shadow: 0px -35px 0 -5px var(--designFarbe-0), 0px -36px 0 -5px var(--designFarbe-11);
}

.seite_2 .section_9 .titelH2Handy {
    box-shadow: 0px -35px 0 -5px var(--designFarbe-2-back), 0px -36px 0 -5px var(--designFarbe-9);
}
.seite_2 .section_10 .titelH2Handy {
    box-shadow: 0px -35px 0 -5px var(--designFarbe-2-back), 0px -36px 0 -5px var(--designFarbe-10);
}
.seite_2 .section_11 .titelH2Handy {
    box-shadow: 0px -35px 0 -5px var(--designFarbe-2-back), 0px -36px 0 -5px var(--designFarbe-11);
}

.seite_3 .section_9 .titelH2Handy {
    box-shadow: 0px -35px 0 -5px var(--designFarbe-3-back), 0px -36px 0 -5px var(--designFarbe-9);
}
.seite_3 .section_10 .titelH2Handy {
    box-shadow: 0px -35px 0 -5px var(--designFarbe-3-back), 0px -36px 0 -5px var(--designFarbe-10);
}
.seite_3 .section_11 .titelH2Handy {
    box-shadow: 0px -35px 0 -5px var(--designFarbe-3-back), 0px -36px 0 -5px var(--designFarbe-11);
}









@media (max-width: 760px) {
    h2.titelH2Handy {
        display: block;
    }
    .liniennetz > h2 {
        margin-top: 1rem;
    }
    .bbgKarte ~ h2 {
        margin-top: 1rem;
    }
}
.section_9 > h2:not(.titelH2Handy),
.section_11 > h2:not(.titelH2Handy) {
    margin: 5rem 0 3rem 0;
    opacity: 0;
}
.section_10 > h2:not(.titelH2Handy) {
    margin: 5rem 0 3rem 0;
}
.infoBoxOpen .section_9 > h2:not(.titelH2Handy),
.infoBoxOpen .section_11 > h2:not(.titelH2Handy) {
    opacity: 1;
}
@media (max-width: 760px) {
    .section_9 > h2:not(.titelH2Handy),
    .section_11 > h2:not(.titelH2Handy) {
        opacity: 1;
    }
}




/* Startseite fix untermenu */

.itemid-240 .infoBox h6.infoBox-h-1 > a:nth-child(2) {
    display: none;
}
@media (max-width: 760px) {
    .itemid-240 .infoBox h6.infoBox-h-1 > a:nth-child(1) {
        display: none;
    }
    .itemid-240 .infoBox h6.infoBox-h-1,
    .itemid-240 .infoBox h6.infoBox-h-1  > a:nth-child(2) {
        display: flex;
        width: 100%;
        padding: 0;
    }
}




/* Footer Fix */

@media (max-width: 760px) {
    .footer {
        overflow-x: hidden;
    }
}








/* Banner der Unterseiten die Zweite */

@media (max-width: 760px) {
    .view-article main {
        margin-top: 0;
    }
    .view-article main {
        margin-top: 0;
    }
    .view-article main .seiteBanner {
        width: 100vw;
        overflow: hidden;
        aspect-ratio: 3 / 2;
        top: 71px;
    }
    .view-article main .seiteBanner .section {
        height: 100%;
    }
    .view-article main .seiteBanner .section .bannerBild {                      /* temporär */
        display: none;
    }
    .view-article main .seiteBanner .section .backgroundColor {                      
        height: 100%;
    }
    .view-article main .seiteBanner .section .bannerTexte {                      
        display: flex;
        flex-direction: column;
        height: 100%;
        justify-content: center;
        margin: 0 1rem 0 1rem;
    }
    .view-article main .seiteBanner .section .bannerTexte .bannerText1 {                    
        width: 100%;
    }
    .view-article main .seiteBanner .section .bannerTexte .bannerText2 {                    
        display: none;
    }
    .view-article main .seiteBanner .section .bannerTexte h1 {                      
        font-size: 8vw;
    }
    .view-article:not(.itemid-240) main .seiteBanner +  #ankerAnzeigen {           
        padding-bottom: 0;           
        margin-top: calc(calc(calc(calc(100vw * 2 / 3) ) - 2rem ) / 2);
        margin-bottom: calc(calc(calc(calc(100vw * 2 / 3) + 46vw) - 2rem ) / 2);

        margin-top: calc(calc(calc(calc(100vw * 2 / 3) + 106vw) - 2rem ) / 2);
        margin-bottom: calc(calc(calc(calc(100vw * 2 / 3) - 60vw) - 2rem ) / 2);
    }

    .view-article main .seiteBanner .section .bannerTexte h1 {                      
        font-size: 8vw;
    }


}











/* Banner Startseite die Zweite */

@media (max-width: 760px) {

    .slider.section,
    .slider.section .sliderBild,
    .slider.section .sliderBild .sliderBildImage,
    .slider.section .sliderBild .sliderBildImage img,
    .slider.section .sliderBild .sliderTexte,
    .slider.section .sliderBild .sliderText1,
    .slider.section .sliderLink a {
        height: 100vw;
    }
    





    .slider.section .sliderBild .sliderText1 {
        width: 100vw;
    }


    .slider.section {
        top: 71px;
    }
    .itemid-240 .slider + .infoBoxAktuell {
        margin-top: calc(calc(calc(calc(100vw / 12) * 5) + 41vw) + 71px);
    }
    .infoBoxAktuell > h3 {
        margin-top: 0rem;
        margin-bottom: 0rem;
        padding-top: 7vw;
    }
    .itemid-240 .slider + .infoBoxAktuell .section {
        margin-top: 7vw;
    }
    .itemid-240 .seite .marker + .section {
        margin-top: 0rem;
    }
    .marker + .section h3 {
        margin-top: 0rem;
    }

























    .view-article main {
        margin-top: 0;
    }
    .view-article main {
        margin-top: 0;
    }
    .view-article main .seiteBanner {
        width: 100vw;
        overflow: hidden;
        aspect-ratio: 3 / 2;
        top: 71px;
    }
    .view-article main .seiteBanner .section {
        height: 100%;
    }
    .view-article main .seiteBanner .section .bannerBild {                      /* temporär */
        display: none;
    }
    .view-article main .seiteBanner .section .backgroundColor {                      
        height: 100%;
    }
    .view-article main .seiteBanner .section .bannerTexte {                      
        display: flex;
        flex-direction: column;
        height: 100%;
        justify-content: center;
        margin: 0 1rem 0 1rem;
    }
    .view-article main .seiteBanner .section .bannerTexte .bannerText1 {                    
        width: 100%;
    }
    .view-article main .seiteBanner .section .bannerTexte .bannerText2 {                    
        display: none;
    }
    .view-article main .seiteBanner .section .bannerTexte h1 {                      
        font-size: 8vw;
    }
    .view-article:not(.itemid-240) main .seiteBanner + #ankerAnzeigen {           
        padding-bottom: 0;           
        margin-top: calc(calc(calc(calc(100vw * 2 / 3) ) - 2rem ) / 2);
        margin-bottom: calc(calc(calc(calc(100vw * 2 / 3) + 46vw) - 2rem ) / 2);

        margin-top: calc(calc(calc(calc(100vw * 2 / 3) + 106vw) - 2rem ) / 2);
        margin-bottom: calc(calc(calc(calc(100vw * 2 / 3) - 60vw) - 2rem ) / 2);
    }

    .view-article main .seiteBanner .section .bannerTexte h1 {                      
        font-size: 8vw;
    }


}

@media (max-width: 760px) {
    .view-category .container-banner .seiteBanner {
        width: 100vw;
        overflow: hidden;
        aspect-ratio: 3 / 2;
    }
    .view-category .container-banner .bannerBild {
        display: none;
    }
    .view-category .container-banner .bannerBild img {
        width: 100vw;
        object-fit: cover;
        object-position: 50% 50%;
        aspect-ratio: 3 / 2;
        height: calc(100vw * 2 / 3);
    }
    .view-category .container-banner .backgroundColor {
        width: 100vw;
        aspect-ratio: 3 / 2;
        height: calc(100vw * 2 / 3);
        position: absolute;
    }
    .view-category .container-banner .bannerTexte {
        width: 100vw;
        aspect-ratio: 3 / 2;
        height: calc(100vw * 2 / 3);
    }
    .view-category main {
        margin-top: calc(60vw + 5rem);
    }
    .itemid-137.view-category .container-banner .bannerText2 {
        display: none;
    }
}



















/* ############################################## fixedMCD fixed Menu Content in Divs die 22.11 ############################################## */


@media (min-width: 700px) and (max-width: 1920px) {
    .fixedMCD__back {
        position: relative;
        transform: none;
        width: auto;
        top: 0;
    }
}



/* ############################################## Menu Fix 1366 22.11 ############################################## */

@media (min-width: 999px) and (max-width: 1599px) {
    .metismenu.mod-menu li:nth-of-type(4) > ul,
    .metismenu.mod-menu li:nth-of-type(5) > ul {
        width: 380px;
        display: flex;
        flex-wrap: wrap;
        transform: translateX(-25%);
    }
    .metismenu.mod-menu li:nth-of-type(4) > ul > li,
    .metismenu.mod-menu li:nth-of-type(5) > ul > li {
        width: 184px;
    }
}
/* ideses Fix fast überall anwenden I <3 Joomla xD */
.collapsing {
    transition: 0s !important;
}




/* ############################################## Error 404 22.11 ############################################## */


.error404 .section {
    display: flex;
    justify-content: center;
}
body.itemid-318 .footer .grid-child .mod-footer {
    padding-bottom: 1rem;
}
/*
body.itemid-318 {
    height: 100svh;
}
body.itemid-318 .site-grid {
    margin-bottom: 0;
}
body.itemid-318 .knoepfchen {
    margin: 2rem 0;
}
*/




/* ############################################## H2 h4 fix ############################################## */

body:not(.itemid-240) .seite .section:not(:first-child),
p + h2, ul + h2, div:not(.drei-spalten) + h2 {
    margin-top: 5rem;
}
.section h4:not(:first-child) {
    margin-top: 3rem;
}
.section > h2 + div.zwei-spalten > div:nth-child(1) > h3:first-child,
.section > h2 + div.zwei-spalten > div:nth-child(2) > h3:first-child {
    margin-top: 0;
}





/* ############################################## Bewerbung ############################################## */

.keinLiPoint {
    list-style-type: none;
    margin-top: 1rem;
}
.itemid-273 .bewerbungen .formularTexte > div > p:nth-of-type(2),
.itemid-274 .bewerbungen .formularTexte > div > p:nth-of-type(2),
.itemid-275 .bewerbungen .formularTexte > div > p:nth-of-type(2) {
    margin-bottom: 5rem;
}
.bewerbungen .formularTexte h3 span {
    font-size: 0.5em;
    color: var(--designFarbe-5);
}
.bewerbungen .formularTexte a {
    color: var(--designFarbe-5);
    text-decoration: none;
}



/* ############################################## Störungen Beiträge ############################################## */




.ph {
   display: none;
}

@media (max-width: 999px) {
    .seite_2.stoer,
    .seite_2.stoer + .seite_2 {
        padding: 0 1rem 0 1rem;
    }
}
.seite_2.stoer h2 {
    margin-bottom: 3rem;
    margin-top: 3rem;
}
@media (max-width: 760px) {
    .seite_2.stoer h1 {
        font-size: 2.2rem;
        line-height: 2.35rem;
    }
}
.seite_2.stoerE h1, .seite_2.stoerE h2, .seite_2.stoerE h3, .seite_2.stoerE h4, .seite_2.stoerE h5 {
    color: var(--designFarbe-9);
}
.seite_2.stoerF h1, .seite_2.stoerF h2, .seite_2.stoerF h, .seite_2.stoerF h4, .seite_2.stoerF h5 {
    color: var(--designFarbe-10);
}
.seite_2.stoerB h1, .seite_2.stoerB h2, .seite_2.stoerB h3, .seite_2.stoerB h4, .seite_2.stoerB h5 {
    color: var(--designFarbe-11);
}
.seite_2.stoerE h2 {
    box-shadow: -5px 8px 0 -4px var(--designFarbe-2-back), -5px 10px 0 -5px var(--designFarbe-9);
}
.seite_2.stoerF h2 {
    box-shadow: -5px 8px 0 -4px var(--designFarbe-2-back), -5px 10px 0 -5px var(--designFarbe-10);
}
.seite_2.stoerB h2 {
    box-shadow: -5px 8px 0 -4px var(--designFarbe-2-back), -5px 10px 0 -5px var(--designFarbe-11);
}
.seite_2.stoer h3 {
    margin-top: 0;
}
.seite_2.stoer .zwei-spalten .texteDiv:first-child {
    width: 75%;
}
.seite_2.stoer .zwei-spalten .texteDiv:last-child {
    width: 25%;
}
@media (max-width: 760px) {
    .seite_2.stoer .zwei-spalten .texteDiv:first-child,
    .seite_2.stoer .zwei-spalten .texteDiv:last-child {
        width: 100%;
    }
}
.seite_2.stoer .section_2 .texteDiv a.knoepfchen_standard {
    display: block;
    width: 100%;
    padding: 1rem;
    margin: 0.5rem 0 0.5rem 0;
    border-radius: 5px;
    color: var(--designFarbe-0);
    font-size: 1.5rem;
    text-align: center;
    box-shadow: none;
    transition: all 0.5s;
}
.seite_2.stoer .texteDiv a.knoepfchen_standard[href="#"] {
    display: none;
}
.seite_2.stoer .texteDiv a.knoepfchen_standard[href="#o"] {
    opacity: 0;
    pointer-events: none;
}


.seite_2.stoerE .section_2 .texteDiv a.knoepfchen_standard {
    border: 1px solid var(--designFarbe-9-11-vt);
    background: var(--designFarbe-9);
}
.seite_2.stoerF .section_2 .texteDiv a.knoepfchen_standard {
    border: 1px solid var(--designFarbe-10-11-vt);
    background: var(--designFarbe-10);
}
.seite_2.stoerB .section_2 .texteDiv a.knoepfchen_standard {
    border: 1px solid var(--designFarbe-11-11-vt);
    background: var(--designFarbe-11);
}
.seite_2.stoer .section_2 .texteDiv a.knoepfchen_standard:hover {
    filter: drop-shadow(6px -1px 2px lightgrey);
}
.seite_2.stoerE .section_2 .texteDiv a.knoepfchen_standard:hover {
    /* border: 0px solid var(--designFarbe-9); */
    color: var(--designFarbe-9);
    background: var(--designFarbe-9-11);
    box-shadow: 0 0 0 1px var(--designFarbe-9);
}
.seite_2.stoerF .section_2 .texteDiv a.knoepfchen_standard:hover {
    /* border: 1px solid var(--designFarbe-10); */
    color: var(--designFarbe-10);
    background: var(--designFarbe-10-11);
    box-shadow: 0 0 0 1px var(--designFarbe-10);
}
.seite_2.stoerB .section_2 .texteDiv a.knoepfchen_standard:hover {
    /* border: 1px solid var(--designFarbe-11); */
    color: var(--designFarbe-11);
    background: var(--designFarbe-11-11);
    box-shadow: 0 0 0 1px var(--designFarbe-11);
}
.seite_2.stoerE + .seite a.knoepfchen_standard {
    background-color: var(--designFarbe-9);
}
.seite_2.stoerF + .seite a.knoepfchen_standard {
    background-color: var(--designFarbe-10);
}
.seite_2.stoerB + .seite a.knoepfchen_standard {
    background-color: var(--designFarbe-11);
}
.seite_2.stoer + .seite a.knoepfchen_standard:hover {
    background-color: var(--designFarbe-0);
}
.seite_2.stoerE + .seite a.knoepfchen_standard:hover {
    color: var(--designFarbe-9);
    box-shadow: 0 0 0 1px var(--designFarbe-9);
}
.seite_2.stoerF + .seite a.knoepfchen_standard:hover {
    color: var(--designFarbe-10);
    box-shadow: 0 0 0 1px var(--designFarbe-10);
}
.seite_2.stoerB + .seite a.knoepfchen_standard:hover {
    color: var(--designFarbe-11);
    box-shadow: 0 0 0 1px var(--designFarbe-11);
}






/* ############################################## Fahrplanerweiterung Beiträge ############################################## */


.itemid-420 .seite_2 .backgroundColor {
    background: transparent;
}


@media (max-width: 760px) {
    .itemid-420.view-article main .seiteBanner {
        aspect-ratio: 3 / 3;
    }
    .itemid-420.view-article main .seiteBanner .section .bannerBild {
        display: block;
    }
    .itemid-420 .bannerBild img {
        height: 100vw;
    }
    body.itemid-420 .seite .section:not(:first-child), p + h2, ul + h2, div:not(.drei-spalten) + h2 {
        margin-top: 0;
    }

    body.seite_2.itemid-420 .footer .grid-child .mod-footer {
        padding-bottom: 1rem;
    }


    .artid-350.view-article main .seiteBanner {
        aspect-ratio: 3 / 3;
    }
    .artid-350.view-article main .seiteBanner .section .bannerBild {
        display: block;
    }
    .artid-350 .bannerBild img {
        height: 100vw;
    }
    body.artid-350 .seite .section:not(:first-child), p + h2, ul + h2, div:not(.drei-spalten) + h2 {
        margin-top: 0;
    }
    body.seite_2.artid-350 .footer .grid-child .mod-footer {
        padding-bottom: 1rem;
    }


}



.itemid-420 .seite_2.stoerB h1 {
    margin: 0 0 1rem 0;
    font-size: 2rem;
}
.itemid-420 .seite_2.stoerB h2 {
    margin: 7rem 0;
    font-size: 3rem;
}
.artid-350 .seite_2.stoerB h2 {
    margin: 7rem 0;
}





.itemid-420 .seite_2.stoerB h4 {
    font-size: 2rem;
    margin: 7rem 0 1rem 0;
}
.itemid-420 .seite_2.stoerB .linienfahrplan + h4 {
    color: var(--designFarbe-1);
}
.itemid-420 .seite_2.stoerB .karten + h4 {
    color: var(--designFarbe-6);
}
.itemid-420 .seite_2.stoerB .section.section_2.zwei-spalten .texteDiv:nth-child(2) h4 {
    color: var(--designFarbe-1);
}

@media (max-width: 760px) {
    .itemid-420 .seite_2.stoerB h2 {
        margin: 36vw 0 23vw;
        font-size: 8vw;
    }
    .itemid-420 .seite_2.stoerB h4 {
        font-size: 9vw;
        margin: 7rem 0 2rem 0;
    }
    .itemid-420 .section.section_2.zwei-spalten > div:first-child > h4 {
        margin-top: 16vw;
    }
    .seite_2.stoer .section_2 .texteDiv .linienfahrplan a.knoepfchen_standard.displayTrans {
        display: none;
    }
    .itemid-420 .seite_2.stoerB .section.section_2.zwei-spalten .texteDiv:nth-child(2) h4 {
        margin: 4rem 0 2rem 0;
    }
}

.itemid-420 #seite + .seite .section:nth-of-type(1) p {
    
}
.itemid-420 #seite ~ .seite.stoer.stoerB .section:nth-of-type(2) .texteDiv:nth-of-type(2) {
    /*
    background-image: url(../../../../../images/aassets/bilder/startseite/slider2023/angebotserweiterung/swingCard.svg);
    */
    background-position: bottom ;
    background-size: 65%;
    background-repeat: no-repeat;
}

.seite_2.stoer .section_2 .texteDiv .linienfahrplan {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.seite_2.stoer .section_2 .texteDiv .linienfahrplan a.knoepfchen_standard {
    width: 19%;
}
.seite_2.stoer .section_2 .texteDiv .linienfahrplan a.knoepfchen_standard.displayTrans {
    background: transparent;
    pointer-events: none;
}
@media (max-width: 760px) {
    .seite_2.stoer .section_2 .texteDiv .linienfahrplan a.knoepfchen_standard {
        width: 47%;
    }
}





.seite_2.stoer .section_2 .texteDiv .karten {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.seite_2.stoer .section_2 .texteDiv .karten a.knoepfchen_standard {
    width: 32%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--designFarbe-1);
}
.seite_2.stoer .section_2 .texteDiv .karten a.knoepfchen_standard:hover {
    background: transparent;
    color: var(--designFarbe-1);
    border: 1px solid var(--designFarbe-1);
}

@media (max-width: 760px) {
    .seite_2.stoer .section_2 .texteDiv .karten a.knoepfchen_standard {
        width: 100%;
    }
    .itemid-420 #seite ~ .seite.stoer.stoerB .section:nth-of-type(2) .texteDiv:nth-of-type(2) {
        background-image: none;
    }
}




.seite_2.stoer .section_2 .texteDiv .orient {
    padding: 0.001rem 0 0 0;
}
.seite_2.stoer .section_2 .texteDiv .orient a.knoepfchen_standard {
    background: var(--designFarbe-1);
    height: 10rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.seite_2.stoer .section_2 .texteDiv .orient a.knoepfchen_standard:hover {
    background: transparent;
    color: var(--designFarbe-1);
    border: 1px solid var(--designFarbe-1);
}









.seite_2.stoer .accordionGross .accordionfeld:last-child .accordionTitel::before {
    content: "\f129";
}
.seite_2.stoer .karten ~ .accordionGross .accordionTitel {
    background: var(--designFarbe-6-66);
}
.seite_2 .karten ~ .accordionGross .accordionTitel + div {
    box-shadow: inset 1.3rem 0 0 0 var(--designFarbe-6-back), inset 1.4rem 0 0 0 var(--designFarbe-6);
}

.seite_2 .karten ~ .accordionGross .accordionfeld:last-child .accordionTitel a {
    color: var(--designFarbe-0);
    text-decoration: none;
    box-shadow: none;
    transition: 0.5s;
}
.seite_2 .karten ~ .accordionGross .accordionfeld:last-child .accordionTitel a:hover {
    text-decoration: underline;
    transition: 0.5s;
}

.seite_2.stoer .section_2 .ballungsraum {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
.seite_2.stoer .section_2 .ballungsraum a.knoepfchen_standard {
    width: 32%;
    background: var(--designFarbe-6-99);
}
.seite_2.stoer .section_2 .ballungsraum a.knoepfchen_standard span {
    color: var(--designFarbe-9);
    font-weight: 700;
    transition: all 0.5s;
}
.seite_2.stoer .section_2 .ballungsraum a.knoepfchen_standard:hover span {
    color: var(--designFarbe-6);
    transition: all 0.5s;
}

.seite_2.stoer .section_2 .ballungsraum a.knoepfchen_standard:hover {
    color: var(--designFarbe-6);
}

.seite_2.stoer .section_2 .ballungsraum a.knoepfchen_standard.displayTrans {
    width: 32%;
    background: transparent;
    pointer-events: none;
}






.seite_2.stoer .section_2 .ballungsraum a.knoepfchen_standard {
    position: relative;
}
.seite_2.stoer .section_2 .ballungsraum a.knoepfchen_standard.abc:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    background-repeat: no-repeat;
    background-image: url(../../../../../images/aassets/bilder/baustellen/erweiterung_bernau_23/schulen/grund2.png);
    background-position: right bottom;
    background-size: auto 33%;
    top: 0;
    left: 0;
    opacity: 1;
    transition: 0.5s;
}
/* .seite_2.stoer .section_2 .ballungsraum a.knoepfchen_standard.abc:hover:after {
    background-position: 120% bottom;
    transition: 0.5s;
} */




.seite_2.stoer .section_2 .ballungsraum a.knoepfchen_standard.ball1 {
    background-image: url(../../../../../images/aassets/bilder/baustellen/erweiterung_bernau_23/schulen/ball1.jpg);
    background-position: right;
    background-size: auto 100%;
    transition: all 0.5s;
}
.seite_2.stoer .section_2 .ballungsraum a.knoepfchen_standard.ball1:hover {
    background-size: auto 105%;
    transition: all 0.5s;
}

.seite_2.stoer .section_2 .ballungsraum a.knoepfchen_standard.ball2 {
    background-image: url(../../../../../images/aassets/bilder/baustellen/erweiterung_bernau_23/schulen/ball2.jpg);
    background-position: right;
    background-size: auto 100%;
    transition: all 0.5s;
}
.seite_2.stoer .section_2 .ballungsraum a.knoepfchen_standard.ball2:hover {
    background-size: auto 105%;
    transition: all 0.5s;
}

.seite_2.stoer .section_2 .ballungsraum a.knoepfchen_standard.ball3 {
    background-image: url(../../../../../images/aassets/bilder/baustellen/erweiterung_bernau_23/schulen/ball3.jpg);
    background-position: right;
    background-size: auto 100%;
    transition: all 0.5s;
}
.seite_2.stoer .section_2 .ballungsraum a.knoepfchen_standard.ball3:hover {
    background-size: auto 105%;
    transition: all 0.5s;
}

.seite_2.stoer .section_2 .ballungsraum a.knoepfchen_standard.ball4 {
    background-image: url(../../../../../images/aassets/bilder/baustellen/erweiterung_bernau_23/schulen/ball4.jpg);
    background-position: right;
    background-size: auto 100%;
    transition: all 0.5s;
}
.seite_2.stoer .section_2 .ballungsraum a.knoepfchen_standard.ball4:hover {
    background-size: auto 105%;
    transition: all 0.5s;
}

.seite_2.stoer .section_2 .ballungsraum a.knoepfchen_standard.ball5 {
    background-image: url(../../../../../images/aassets/bilder/baustellen/erweiterung_bernau_23/schulen/ball5.jpg);
    background-position: right;
    background-size: auto 100%;
    transition: all 0.5s;
}
.seite_2.stoer .section_2 .ballungsraum a.knoepfchen_standard.ball5:hover {
    background-size: auto 105%;
    transition: all 0.5s;
}




.seite_2.stoer .section_2 .ballungsraum a.knoepfchen_standard.biesental {
    background-image: url(../../../../../images/aassets/bilder/baustellen/erweiterung_bernau_23/schulen/biesental.jpg);
    background-position: right;
    background-size: auto 100%;
    transition: all 0.5s;
}
.seite_2.stoer .section_2 .ballungsraum a.knoepfchen_standard.biesental:hover {
    background-size: auto 105%;
    transition: all 0.5s;
}

.seite_2.stoer .section_2 .ballungsraum a.knoepfchen_standard.bernau1 {
    background-image: url(../../../../../images/aassets/bilder/baustellen/erweiterung_bernau_23/schulen/bernau1.jpg);
    background-position: right;
    background-size: auto 100%;
    transition: all 0.5s;
}
.seite_2.stoer .section_2 .ballungsraum a.knoepfchen_standard.bernau1:hover {
    background-size: auto 105%;
    transition: all 0.5s;
}

.seite_2.stoer .section_2 .ballungsraum a.knoepfchen_standard.gruental {
    background-image: url(../../../../../images/aassets/bilder/baustellen/erweiterung_bernau_23/schulen/gruental.jpg);
    background-position: right;
    background-size: auto 100%;
    transition: all 0.5s;
}
.seite_2.stoer .section_2 .ballungsraum a.knoepfchen_standard.gruental:hover {
    background-size: auto 105%;
    transition: all 0.5s;
}

.seite_2.stoer .section_2 .ballungsraum a.knoepfchen_standard.bernau2 {
    background-image: url(../../../../../images/aassets/bilder/baustellen/erweiterung_bernau_23/schulen/bernau2.jpg);
    background-position: right;
    background-size: auto 100%;
    transition: all 0.5s;
}
.seite_2.stoer .section_2 .ballungsraum a.knoepfchen_standard.bernau2:hover {
    background-size: auto 105%;
    transition: all 0.5s;
}










.seite_2.stoer .section_2 .ballungsraum a.knoepfchen_standard.kloster {
    background-image: url(../../../../../images/aassets/bilder/baustellen/erweiterung_bernau_23/schulen/kloster.jpg);
    background-position: right;
    background-size: auto 100%;
    transition: all 0.5s;
}
.seite_2.stoer .section_2 .ballungsraum a.knoepfchen_standard.kloster:hover {
    background-size: auto 105%;
    transition: all 0.5s;
}

.seite_2.stoer .section_2 .ballungsraum a.knoepfchen_standard.marien {
    background-image: url(../../../../../images/aassets/bilder/baustellen/erweiterung_bernau_23/schulen/marien.jpg);
    background-position: right;
    background-size: auto 100%;
    transition: all 0.5s;
}
.seite_2.stoer .section_2 .ballungsraum a.knoepfchen_standard.marien:hover {
    background-size: auto 105%;
    transition: all 0.5s;
}

.seite_2.stoer .section_2 .ballungsraum a.knoepfchen_standard.panketal2 {
    background-image: url(../../../../../images/aassets/bilder/baustellen/erweiterung_bernau_23/schulen/panketal2.jpg);
    background-position: right;
    background-size: auto 100%;
    transition: all 0.5s;
}
.seite_2.stoer .section_2 .ballungsraum a.knoepfchen_standard.panketal2:hover {
    background-size: auto 105%;
    transition: all 0.5s;
}

.seite_2.stoer .section_2 .ballungsraum a.knoepfchen_standard.basdorf {
    background-image: url(../../../../../images/aassets/bilder/baustellen/erweiterung_bernau_23/schulen/basdorf.jpg);
    background-position: right;
    background-size: auto 100%;
    transition: all 0.5s;
}
.seite_2.stoer .section_2 .ballungsraum a.knoepfchen_standard.basdorf:hover {
    background-size: auto 105%;
    transition: all 0.5s;
}

.seite_2.stoer .section_2 .ballungsraum a.knoepfchen_standard.wandlitz {
    background-image: url(../../../../../images/aassets/bilder/baustellen/erweiterung_bernau_23/schulen/wandlitz.jpg);
    background-position: right;
    background-size: auto 100%;
    transition: all 0.5s;
}
.seite_2.stoer .section_2 .ballungsraum a.knoepfchen_standard.wandlitz:hover {
    background-size: auto 105%;
    transition: all 0.5s;
}




.seite_2.stoer .section_2 .ballungsraum a.knoepfchen_standard.transKachel {
    opacity: 0;
    pointer-events: none;
}


.seite_2.stoer .section_2 .ballungsraum hr {
    margin: 0.8em;
    width: 100%;
    border: 0px;
}

@media (max-width: 760px) {
    .itemid-420 .accordionTitel + div.gross {
        padding: 2rem 0rem;
    }
    .seite_2.stoer .section_2 .ballungsraum a.knoepfchen_standard {
        width: 100%;
        background: #e38561;
    }
    .seite_2.stoer .section_2 .ballungsraum a.knoepfchen_standard.transKachel {
        display: none;
    }
}










/* ############################################## infoBox-T-1 Fix ############################################## */

/*
#infoBox-T-2 {
    position: relative;
}
#infoBox-T-2::before {
    content: 'test';
    background: red;
    position: absolute;
    left: 50%;
    translate: -50%;
}
*/





/* ############################################## Menü active ############################################## */

.itemid-137 .item-115 a,
.seite_4 .metismenu-item.level-2.current.active a,
.seite_5 .metismenu-item.level-2.current.active a,
.seite_6 .metismenu-item.level-2.current.active a,
.seite_7 .metismenu-item.level-2.current.active a {
    background: var(--designFarbe-1);
}




/* ############################################## design0501 ############################################## */

@media (max-width: 1366px) {
    .design0501 {
        display: flex;
        flex-direction: column-reverse;
    }
    .design0501 div.drei-spalten {
        margin: 1rem 0 2rem 0;
    }
    .design0501 .drei-spalten > div:nth-of-type(2) {
        padding-top: 2rem;
    }
    .design0501 div.drei-spalten > div:last-child {
        border-radius: 3px;
        box-shadow: 1px -1px 0 0px var(--designFarbe-0),2px 1px 0 0px var(--designFarbe-6);
    }
    .seite_5 .design0501 div.drei-spalten > div:last-child {
        border-radius: 3px;
        box-shadow: 1px -1px 0 0px var(--designFarbe-0),2px 1px 0 0px var(--designFarbe-5);
    }
    .design0501 div.drei-spalten + h2 {
        margin-bottom: 1rem;
        /*box-shadow: -5px -38px 0 -4px var(--designFarbe-6-back), -5px -40px 0 -5px var(--designFarbe-6);*/
        box-shadow: none;
    }

}


@media (max-width: 760px) {
    #mod-custom168 {
        background-image: initial !important;
    }
}



@media (max-width: 1148px) {
    #l999-9 {
        display: none;
    }
}
















/* ############################################## PDF Viewer ############################################## */




.itemid-320 .page-header ~ div {
    display: flex;
    flex-wrap: wrap;
}
.itemid-320 .page-header + div > h1 {
    width: 100%;
    color: green;
    text-align: center;
    padding: 5rem;
    font-size: 5vw;
}
.druckBusLinen {
    width: calc(100% / 3);
}
#eberswalde.druckBusLinen {
    background: var(--designFarbe-9-33);
}
#badfreienwalde.druckBusLinen {
    background: var(--designFarbe-10-33);
}
#bernau.druckBusLinen {
    background: var(--designFarbe-11-33);
}

#eberswalde.druckBusLinen > div {
    background: var(--designFarbe-9);
}
#badfreienwalde.druckBusLinen > div {
    background: var(--designFarbe-10);
}
#bernau.druckBusLinen > div {
    background: var(--designFarbe-11);
}



#eberswalde.druckBusLinen > div {
    background: var(--designFarbe-9);
    border: 1px solid var(--designFarbe-9);
}
#badfreienwalde.druckBusLinen > div {
    background: var(--designFarbe-10);
    border: 1px solid var(--designFarbe-10);
}
#bernau.druckBusLinen > div {
    background: var(--designFarbe-11);
    border: 1px solid var(--designFarbe-11);
}




.druckBusLinen h2 {
    margin: 3rem 0 3rem 0;
    text-align: center;
    padding: 2rem;
    cursor: pointer;
}
.druckBusLinen h2 span {
    display: block;
    font-size: 0.5em;
    line-height: 0.6;
}
.druckBusLinen h2:hover span {
    text-decoration: underline;
}





@media (max-width: 760px) {
    .itemid-320 .page-header + div > h1 {
    font-size: 13vw;
    }
    .druckBusLinen h2 {
        font-size: 11vw;
        margin: 5rem 0 4rem 0;
        width: 100%;
    }
    .druckBusLinen {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
}
.druckeEListe {
    display: none;

    width: 100%;
    padding: 2rem;
    background: var(--designFarbe-1);
    color: var(--designFarbe-0);
    font-size: 2rem;
    /* margin: 1rem; */
    /* margin-top: 5rem; */
    /* margin-bottom: 10rem; */
    border: 1px solid var(--designFarbe-1);
    border-radius: 5px;


    width: fit-content;
    top: 40%;
    right: 2rem;
    position: fixed;
    z-index: 1;
    transform: rotate(-90deg) translateY(100%);
}
.druckeEListe:hover {
    background: var(--designFarbe-1-33);
    color: var(--designFarbe-1);
    transition: 0.3s;
}
.druckeEListe.danger {
    /* top: 35%; */
    /* right: -3.3rem; */
    background: var(--designFarbe-2-99);
    color: var(--designFarbe-0);
}
.druckBusLinen > div  {
    margin: 1rem;
    background: inherit;
    /* position: relative; */

    position: relative;
    z-index: 1;
    user-select: none;
}


.downloadEListe {
    position: relative;
    width: 100%;
    padding: 2rem;
    background: var(--designFarbe-1);
    color: var(--designFarbe-0);
    font-size: 2rem;
    /* margin: 1rem; */
    /* margin-top: 5rem; */
    /* margin-bottom: 10rem; */
    border: 1px solid var(--designFarbe-1);
    border-radius: 5px;


    width: fit-content;
    right: 0;
    /* top: 70%; */
    top: 28%;
    position: fixed;
    z-index: 1;
    transform: rotate(-90deg) translateY(100%);

    filter: drop-shadow(0 0 5px #fefefe99);
    transition: right 0.6s;
}



.downloadEListe:hover {
    background: var(--designFarbe-1-33);
    color: var(--designFarbe-1);
    transition: 0.3s;
}
.downloadEListe.danger {
    background: var(--designFarbe-2-99);
    color: var(--designFarbe-0);

    right: -20%;
    /* top: 70%; */
    top: 28%;
    transition: right 0.6s;
}


:root {
    --pdfDownloadScale: 0%;
}
.downloadEListe::before {
    content: '';
    position: absolute;
    width: var(--pdfDownloadScale);
    height: 100%;
    background: var(--designFarbe-1);
    top: 0;
    left: 0;
    box-shadow: inset -5px 0 0 0 var(--designFarbe-2);
    transition: 0.3s;
}


.downloadEListe::after {
    content: attr(data-pdfDownloadAnzahl);
    position: absolute;
    background: transparent;
    top: 50%;
    left: 2%;
    transform: translateY(-50%) rotate(90deg);
    color: var(--designFarbe-0);
    transition: 0.3s;
}
.downloadEListe:hover::after {
    color: var(--designFarbe-0);
}






@media (max-width: 760px) {
    .druckBusLinen > div {
        width: 25%;
        height: fit-content;
        background: inherit;
        margin: 0.5rem;
        overflow: hidden;
    }
    .druckBusLinen > div:last-child {
        margin-bottom: 3rem;
    }
    .druckeEListe.danger {
        white-space: break-spaces;
    }

}



.druckBusLinen > div:has(input:checked) {
    background: var(--designFarbe-1) !important;
    box-shadow: inset 0 -8px var(--designFarbe-0);
    opacity: 1;
}
/*
.druckBusLinen input:checked + label{
    background: var(--designFarbe-1) !important;
    box-shadow: inset 0 -8px var(--designFarbe-0);
    opacity: 1;
}
*/
.druckBusLinen input + label{
    /* background: transparent !important; */
    /* box-shadow: inset 0 -8px var(--designFarbe-0); */
    /* opacity: 1; */
}




.druckBusLinen input + label {
    width: 100%;
    padding: 1.5rem;
    padding: 1.5rem 1.5rem 3.5rem 1.5rem;
    font-size: 2.5rem;
    color: var(--designFarbe-0);
    border-radius: 5px;
    opacity: 0.9;
    display: flex;
    flex-direction: column;
    text-align: center;
}




/*
.druckBusLinen input[type="checkbox"] {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    opacity: 0;
}
.druckBusLinen > div:has(input:focus) {
  outline: 0.25em solid green !important;
  outline-offset: 0.25em !important;
}
*/








@media (max-width: 760px) {
    .druckBusLinen input + label {
        padding: 1.5rem;
        font-size: 1.5rem;
    }
}



/*
#eberswalde.druckBusLinen input + label{
    background: var(--designFarbe-9);
    border: 1px solid var(--designFarbe-9);
}
#badfreienwalde.druckBusLinen input + label{
    background: var(--designFarbe-10);
    border: 1px solid var(--designFarbe-10);
}
#bernau.druckBusLinen input + label{
    background: var(--designFarbe-11);
    border: 1px solid var(--designFarbe-11);
}
*/

/*
.druckBusLinen input + label:hover {
    transition: 0.3s;
    filter: drop-shadow(6px -1px 2px lightgrey);
}
#eberswalde.druckBusLinen input + label:hover,
#eberswalde.druckBusLinen input + label:hover > span {
    background: var(--designFarbe-9-11);
    color: var(--designFarbe-9);
}
#badfreienwalde.druckBusLinen input + label:hover,
#badfreienwalde.druckBusLinen input + label:hover > span {
    background: var(--designFarbe-10-11);
    color: var(--designFarbe-10);
}
#bernau.druckBusLinen input + label:hover,
#bernau.druckBusLinen input + label:hover > span {
    background: var(--designFarbe-11-11);
    color: var(--designFarbe-11);
}

.druckBusLinen input:checked + label:hover,
.druckBusLinen input:checked + label:hover > span {
    color: var(--designFarbe-0) !important;
}
*/


.druckBusLinen input + label::before,
.druckBusLinen input + label::after {
    display: none;
}
.druckBusLinen input + label > span {
    font-size: 0.5em;
    color: var(--designFarbe-0);


    z-index: -1;
    position: absolute;
    top: 5.25rem;
    width: calc(100% - 3rem);
    pointer-events: none;
}



.druckBusLinen div[class*='a000'] label {
    color: transparent;
}
.druckBusLinen div[class*='a000'] .busLinieLS {
    opacity: 0;
}
.druckBusLinen div[class*='a000'] .busLinieLT {
    font-size: 2.5rem;
    top: 50%;
    transform: translateY(-50%);
}


.druckBusLinen > div > div  {
    background: var(--designFarbe-2);
    width: 0px;
    height: 10px;
    position: absolute;
    bottom: 0rem;
    border-top: 2px solid white;
}
.druckBusLinen > div > div.greenBG {
    width: 100%;
    background: var(--designFarbe-1);
    transition: 0.6s;
}
.druckBusLinen > div > div > iframe  {
    background: var(--designFarbe-0);
    width: 0px;
    height: 0px;
}



/*
.linienDruck {
    display: none;
}
*/
.bbgKarteE ~ .linienDruck h2,
.bbgKarteB ~ .linienDruck h2,
.bbgKarteE ~ .liniennetz:not(linienDruck) h2,
.bbgKarteB ~ .liniennetz:not(linienDruck) h2,
.bbgKarteE ~ .linienDruck ul,
.bbgKarteB ~ .linienDruck ul {
    opacity: 0;
    pointer-events: none;
}

.infoBoxOpen .bbgKarteE ~ .linienDruck h2,
.infoBoxOpen .bbgKarteB ~ .linienDruck h2,
.infoBoxOpen .bbgKarteE ~ .liniennetz:not(linienDruck) h2,
.infoBoxOpen .bbgKarteB ~ .liniennetz:not(linienDruck) h2,
.infoBoxOpen .bbgKarteE ~ .linienDruck ul,
.infoBoxOpen .bbgKarteB ~ .linienDruck ul {
    opacity: 1;
    pointer-events: initial;
}



@media (max-width: 760px) {
    .bbgKarteE ~ .linienDruck h2,
    .bbgKarteB ~ .linienDruck h2,
    .bbgKarteE ~ .liniennetz:not(linienDruck) h2,
    .bbgKarteB ~ .liniennetz:not(linienDruck) h2,
    .bbgKarteE ~ .linienDruck ul,
    .bbgKarteB ~ .linienDruck ul {
        opacity: 1;
        pointer-events: initial;
    }

}


.druckBusLinen > div > div > a {
    display: none;
}


.pdfDownloadView .druckBusLinen > div > div.greenBG {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 50%;
    background: var(--designFarbe-1);
    top: 0;
    padding: 0;
    transition: 0s;
}

.pdfDownloadView .druckBusLinen > div > div > iframe {
    display: none;
}
.pdfDownloadView .druckBusLinen > div > div > a {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2em;
    text-decoration: none;
    width: 100%;
    height: 100%;
    color: var(--designFarbe-0);
    font-weight: 500;
}
.pdfDownloadView .druckBusLinen > div > div > a:hover {
    background: var(--designFarbe-4);
}


@media (max-width: 760px) {

    .druckBusLinen#bernau {
        margin: 0 0 4.5em 0;
    }

    .pdfDownloadView .druckBusLinen > div > div.greenBG {
        width: 100%;
        height: 100%;
    }
    .pdfDownloadView .druckBusLinen > div > div > a {
        font-size: 1em;
        text-align: center;
    }




    
    .druckBusLinen > div[class*="000"] {
        width: 40%;
    }

    .druckBusLinen input + label > .busLinieLS {
        font-size: 0.5em;
        color: var(--designFarbe-0);
        z-index: -1;
        position: absolute;
        top: 71%;
        width: calc(100% - 8vw);
        pointer-events: none;
        left: 17%;
    }



    .druckBusLinen > div[class*="000"] .busLinieLT {
        font-size: 6vw;
    }

    .druckBusLinen > div[class*="000"] .busLinieLT {
        font-size: 6vw;
    }



    .downloadEListe {
        padding: 2vw 5vw;
        background: var(--designFarbe-1);
        color: var(--designFarbe-0);
        font-size: 6vw;
        border: 1px solid var(--designFarbe-1);
        border-radius: 5px;
        width: fit-content;
        right: 50%;
        top: initial;
        bottom: 12%;
        position: fixed;
        z-index: 1;
        transform: translateX(50%);
        transition: bottom 0.6s;
        white-space: nowrap;
    }



    .downloadEListe.danger {
        bottom: -12%;
        right: 50%;
        top: initial;
        transition: bottom 0.6s;
    }

    .downloadEListe::after {
        top: 50%;
        left: 2%;
        transform: translateY(-50%) rotate(0deg);
    }





}











.itemid-103 .section_3 a.knoepfchen_standard {
    width: 100%;
    text-align: center;
    padding: 2rem;
    font-size: 2rem;
}

.itemid-103 .section_3.zumDruckCenter {
    margin: 0rem 3.1rem 0 2.8em;
}
.itemid-103 .section_3.zumDruckCenter .knoepfchen {
    margin: 0 0 5rem 0;
    padding: 5rem 0 0 0;
}
.itemid-103 .section_3.zumDruckCenter .knoepfchen a.knoepfchen_standard {
    width: 50%;
    display: block;
    position: relative;
}

.itemid-103 .section_3.zumDruckCenter .knoepfchen a.knoepfchen_standard::after {
    content: '\f02f';
    color: #fafafa;
    margin: 0 0 0 1rem;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 1.6rem;
    transition: all 0.3s;
    box-shadow: inset 0 0 0 0 #fefefe;
}
.itemid-103 .section_3.zumDruckCenter .knoepfchen a.knoepfchen_standard:hover::after {
    content: '\f02f';
    color: var(--designFarbe-3);
}


@media (max-width: 760px) {
    .itemid-103 .section_3.zumDruckCenter {
        margin: 0rem;
    }
    .itemid-103 .section_3.zumDruckCenter .knoepfchen {
        margin: 0 0 5rem 0;
        /* padding: 5rem 0 0 0; */
    }
    .itemid-103 .section_3.zumDruckCenter .knoepfchen a.knoepfchen_standard {
        width: 100%;
        padding: 1rem 0.5rem;
        font-size: 1rem;
        line-height: 1.3rem;
    }
    .itemid-103 .section_3.zumDruckCenter .knoepfchen a.knoepfchen_standard::after {
        font-size: 1em;
    }
    
}


@media (max-width: 991px) {
    .blog-items.columns-3 {
        grid-template-columns: 1fr 1fr;
        padding: 0 2rem
    }
}
@media (max-width: 760px) {
    .blog-items.columns-3 {
        grid-template-columns: 1fr;
    }
}


@media (max-width: 760px) {
    .itemid-240 .vbb-suche::before,
    .itemid-240 .vbb-suche::after {
        display: none;
    }
}





/* ############################################## Marquee ############################################## */


#mod-custom175 {
    display: none;
}
marquee {
    color: var(--designFarbe-2);
    padding: 0;
    margin-top: 1.5em;
}
#mod-custom174 p {
    margin-bottom: 0rem;

}
.marqueeDA .infoBoxAktuell h3 {
    margin-bottom: 0rem;
    margin-top: 0;
}
@media (max-width: 760px) {
    .marqueeDA #mod-custom174 + div {
        margin-top: 0;
    }
}

#mod-custom174 p marquee::after {
    content: attr(data-value);
    position: absolute;
    padding: 0;
    border: 0 solid;
    border-radius: 0;
    width: 100%;
    text-align: center;
    white-space: break-spaces;
    z-index: 1000;
}
#mod-custom174 p marquee:hover::after{
    position: absolute;
    background: white;
    padding: 0.5em;
    border: 1px solid;
    border-radius: 5px;
}


marquee > .marqAL,
marquee > .marqALN {
    color: var(--designFarbe-2);
}


marquee > .marqAEw {
    color: white;
    background: var(--designFarbe-9);
    padding: 0 5px;
    border-radius: 3px;
}
marquee > .marqALEw {
    color: white;
    background: var(--designFarbe-9);
    padding: 0 5px;
    border-radius: 3px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

marquee > span.marqALNEw {
    color: white;
    background: var(--designFarbe-9);
    padding: 0 5px;
    margin-left: -7px;
}
marquee > .marqALNEw:last-of-type {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
}

marquee > .marqABf {
    color: white;
    background: var(--designFarbe-10);
    padding: 0 5px;
    border-radius: 3px;
}

marquee > .marqALBf {
    color: white;
    background: var(--designFarbe-10);
    padding: 0 5px;
    border-radius: 3px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}
marquee > span.marqALNBf:last-of-type {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
}
marquee > span.marqALNBf {
    color: white;
    background: var(--designFarbe-10);
    padding: 0 5px;
    margin-left: -7px;
    border-radius: 3px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

marquee > .marqALBfHalt {
    position: relative;
    color: white;
    background: var(--designFarbe-10);
    padding: 0 5px 0 1.5em;
    border-radius: 3px;
}
marquee > .marqALBfHalt::before {
    position: absolute;
    content: '';
    left: 0;
    height: 100%;
    aspect-ratio: 1/1;
    background-image: var(--designIconHaltestelle);
    background-size: 65%;
    background-repeat: no-repeat;
    background-position: 78% 72%;
}


marquee > .marqABer {
    color: white;
    background: var(--designFarbe-11);
    padding: 0 5px;
    border-radius: 3px;
}
marquee > .marqALBer {
    color: white;
    background: var(--designFarbe-11);
    padding: 0 5px;
    border-radius: 3px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}
marquee > span.marqALNBer {
    color: white;
    background: var(--designFarbe-11);
    padding: 0 5px;
    margin-left: -7px;
}
marquee > .marqALNBer:last-of-type {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
}



marquee > span.marqTextFett {
    color: var(--designFarbe-2);
    font-weight: 700;
}

marquee a.bggFahrtinfo {
    color: var(--designFarbe-2);
}


#mod-custom174 p a.bggFahrtinfo {
    text-decoration-color: var(--designFarbe-2-33);
}
#mod-custom174 p a.bggFahrtinfo:hover {
    text-decoration-color: var(--designFarbe-2);
}

/* Aktuelle Baustellen Stoerungen */
.itemid-102 #mod-custom174 p marquee:hover::after {
    bottom: 0;
}
/* Aktuelle Fahrplaene */
.itemid-103 #mod-custom174 p marquee:hover::after {
    bottom: 0;
}

@media (max-width: 760px) {
    #mod-custom174 p marquee {
        margin-top: 0;
    }
    .itemid-102 #mod-custom174 p marquee,
    .itemid-103 #mod-custom174 p marquee {
        width: calc(100vw - 1.5em);
        margin-top: 0;
    }
    .itemid-102 #mod-custom174 p marquee:hover::after,
    .itemid-103 #mod-custom174 p marquee:hover::after {
        bottom: 0;
        width: calc(100vw - 1.5em);
    }
}







/*** YouTube ***/

.videoYTWarnung {
  width: 100vw;
  height: 100vh;
  position: fixed !important;
  top: -2000vh;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #333333dd;
  z-index: 100;
}
.videoYTWarnung > div {
  width: 500px;
  height: 300px;
  border: 1px solid #333;
  background: #fefefe;
  padding: 2rem;
  font-size: 0.8em;
  display: flex;
  flex-direction: column;
  width: initial;
  height: initial;
}

.videoYTWarnung > div > p:nth-of-type(1) > a {
    padding: 0.5rem;
    color: var(--designFarbe-0);
    background: red;
}
.videoYTWarnung > div > h5 {
  margin-top: 1em;
}
.videoYTWarnung > div > div {
  display: flex;
  justify-content: space-between;
}
.videoYTButton {
  padding: 1rem;
  border: 1px solid #333;
  background: var(--designFarbe-1-99);
    color: var(--designFarbe-0);
    font-size: 1rem;
}
.videoYTButton:nth-of-type(2) {
  background: var(--designFarbe-2-99);
}

.videoYTWarnungzeigen {
  top: 0;
}




.texteDiv:has(.videoYTC) {
    display: flex;
    justify-content: center;
    align-items: flex-end;
}
.videoYTC {
    width: 53% !important;
    overflow: hidden;
    position: relative;
    aspect-ratio: 40/70;
    min-width: 346px;
    height: fit-content;
}
.videoYTC > img {
    width: 100%;
}
.videoYTC:has(iframe) {
    box-shadow: 0px 0px 0 1px var(--designFarbe-1-11-vt);
    filter: brightness(1.1) saturate(1.1) drop-shadow(0px 0px 3px #99999999);
}





@media (max-width: 999px) {
    .videoYTC {
        margin-top: 5rem;
    }
}
@media (max-width: 760px) {
    .videoYTC {
        width: 100% !important;
    }
}
.videoYTC iframe {
    width: 320%;
    height: 107%;
    position: absolute;
    left: -110%;
    top: -7%;
    background: black;
    filter: saturate(1.2);
}

.videoYTC.videoYTMasseON iframe {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
    


.videoYTMasse {
    position: absolute;
    width: 100%;
    height: 8%;
    background: var(--designFarbe-1-66);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1em;
    color: var(--designFarbe-0);
    top: calc(100% - 8%);
    transition: 0.5s ease-in-out;
}   
.videoYTMasse.videoYTMasseYT {
    background: var(--designFarbe-2);
    bottom: initial;
    top: 0;
    transition: 0.5s ease-in-out;
}   


@media (max-width: 760px) {
    .videoYTMasse {
        height: 8%;
    }   
    .videoYTButtons {
        display: flex;
        flex-direction: column-reverse;
    }
    .videoYTButton {
        text-align: center;
    }
    .videoYTButton:first-child {
        margin: 1em 0;
    }

}







/* Designanpassung Fundsachen */
.design0501 {
    display: flex;
    flex-direction: column-reverse;
}
.design0501 div.drei-spalten {
    margin: 1rem 0 2rem 0;
}
.design0501 div.drei-spalten + h2 {
    margin-bottom: 1rem;
    box-shadow: none;
    margin-top: 1.5rem;
    position: relative;
}
@media (min-width: 1024px) {
    
    .itemid-315 .design0501 {
        box-shadow: -5px 8px 0 -4px var(--designFarbe-6-back), -5px 10px 0 -5px var(--designFarbe-6);
    }
    .itemid-315 .design0501 div.drei-spalten + h2:after {
        content: '';
        width: 33%;
        height: 555%;
        right: 0;
        position: absolute;
        box-shadow: 1px -1px 0 0px var(--designFarbe-0),2px -2px 0 0px var(--designFarbe-6);
    }
}
div.drei-spalten > div:last-child {
    border-radius: 3px;
    box-shadow: none;
}
.seite_6 h2 {
    box-shadow: -5px 8px 0 -4px var(--designFarbe-6-back), -5px 10px 0 -5px var(--designFarbe-6);
}
@media (max-width: 1366px) {
    .design0501 div.drei-spalten > div:last-child {
        border-radius: 3px;
        box-shadow: none;
    }
}


/* Designanpassung Betriebshöfe */
.design0501 {
    display: flex;
    flex-direction: column-reverse;
}
.design0501 div.drei-spalten {
    margin: 1rem 0 2rem 0;
}
.design0501 div.drei-spalten + h2 {
    margin-bottom: 1rem;
    box-shadow: none;
    margin-top: 1.5rem;
    position: relative;
}
@media (min-width: 1024px) {
    
    .itemid-119 .design0501 {
        box-shadow: -5px 8px 0 -4px var(--designFarbe-5-back), -5px 10px 0 -5px var(--designFarbe-5);
    }
    .itemid-119 .design0501 div.drei-spalten + h2:after {
        content: '';
        width: 33%;
        height: 555%;
        right: 0;
        position: absolute;
        box-shadow: 1px -1px 0 0px var(--designFarbe-0),2px -2px 0 0px var(--designFarbe-5);
    }
}
.seite_5 .design0501 div.drei-spalten > div:last-child  {
    border-radius: 3px;
    box-shadow: none;
}
.seite_6 h2 {
    box-shadow: -5px 8px 0 -4px var(--designFarbe-5-back), -5px 10px 0 -5px var(--designFarbe-5);
}
@media (max-width: 1366px) {
    .design0501 div.drei-spalten > div:last-child {
        border-radius: 3px;
        box-shadow: none;
    }
}





/* Beschwerden Fix */

.itemid-357 #cf_19 {
    --max-width: 100%;
    --background-color: transparent;
    --background-color: var(--designFarbe-6);
    padding: 4rem 2rem 2rem 2rem;
    --border-radius: 3px;
}
.itemid-357 #cf_20 {
    --max-width: 100%;
    --background-color: transparent;
    --background-color: var(--designFarbe-6);
    padding: 4rem 2rem 2rem 2rem;
    --border-radius: 3px;
}

@media (max-width: 1024px) {
    #cf_19,
    #cf_20 {
        margin-top: 3rem;
    }
}
























/* Deutschlandticket Formular 2.0 FIX weil Plugin etwas buggy */
#cf_22:has(.cf-control-group #form22_radio44_0:checked) .cf-control-group:has(#form22_vornamefuerandere),
#cf_22:has(.cf-control-group #form22_radio44_0:checked) .cf-control-group:has(#form22_namefuerandere),
#cf_22:has(.cf-control-group #form22_radio44_0:checked) .cf-control-group:has(#form22_geburtsdatumfuerandere),
#cf_22:has(.cf-control-group #form22_radio44_0:checked) .cf-control-group:has(#form22_firmabesteller),

#cf_22:has(.cf-control-group #form22_radio44_1:checked) .cf-control-group:has(#form22_vornamefuerandere),
#cf_22:has(.cf-control-group #form22_radio44_1:checked) .cf-control-group:has(#form22_namefuerandere),
#cf_22:has(.cf-control-group #form22_radio44_1:checked) .cf-control-group:has(#form22_geburtsdatumfuerandere),
#cf_22:has(.cf-control-group #form22_radio44_1:checked) .cf-control-group:has(#form22_firmabesteller),

#cf_22:has(.cf-control-group #form22_radio44_3:checked) .cf-control-group:has(#form22_vornamefuerandere),
#cf_22:has(.cf-control-group #form22_radio44_3:checked) .cf-control-group:has(#form22_namefuerandere),
#cf_22:has(.cf-control-group #form22_radio44_3:checked) .cf-control-group:has(#form22_geburtsdatumfuerandere),
#cf_22:has(.cf-control-group #form22_radio44_3:checked) .cf-control-group:has(#form22_firmabesteller) {
    display: none;
}

/*Firefox Fix*/
#cf_22.bestellSeite0 .cf-control-group[data-name="vornameFuerAndere"],
#cf_22.bestellSeite0 .cf-control-group[data-name="nameFuerAndere"],
#cf_22.bestellSeite0 .cf-control-group[data-name="geburtsdatumFuerAndere"],
#cf_22.bestellSeite0 .cf-control-group[data-name="firmaBesteller"],

#cf_22.bestellSeite1 .cf-control-group[data-name="vornameFuerAndere"],
#cf_22.bestellSeite1 .cf-control-group[data-name="nameFuerAndere"],
#cf_22.bestellSeite1 .cf-control-group[data-name="geburtsdatumFuerAndere"],
#cf_22.bestellSeite1 .cf-control-group[data-name="firmaBesteller"],

#cf_22.bestellSeite3 .cf-control-group[data-name="vornameFuerAndere"],
#cf_22.bestellSeite3 .cf-control-group[data-name="nameFuerAndere"],
#cf_22.bestellSeite3 .cf-control-group[data-name="geburtsdatumFuerAndere"],
#cf_22.bestellSeite3 .cf-control-group[data-name="firmaBesteller"] {
    display: none;
}






  
/* Deutschlandticket 2.0 Styles */
.itemid-359 .ticket49 #cf_22 .cf-control-group {
    flex-grow: initial;
}

.itemid-359 .deutschlandticket + div {
    margin-bottom: 15rem;
}

.ticket49 #cf_22 div[data-type="divider"] {
    padding: 2rem 0;
}

.ticket49 #cf_22 {
    --max-width: initial;
    --background-color: transparent;
    --font: Quicksand;
}

.ticket49 #cf_22 input[readonly] {
    pointer-events: none;
}

.ticket49 #cf_22 .cf-label {
    font-size: 1.2rem;
}

.ticket49 #cf_22 .cf-label .cf-required-label {
    color: var(--designFarbe-4);
}


/* die inputfelder werden einzeln angesprochen :/
.ticket49 #cf_22 .cf-control-group {
    animation: formularTeileZeigen 0.6s forwards;
}
@keyframes formularTeileZeigen {
    0% {opacity: 0; display: none; height: 0; padding: 0;}
    49% {opacity: 0; display: none;}
    50% {opacity: 0; display: block;}
    100% {opacity: 1; display: block;}
}

.ticket49 #cf_22 .cf-control-group.cf-hide {
    display: block;
    animation: formularTeileVersteck 0.3s forwards;
}
@keyframes formularTeileVersteck {
    0% {opacity: 1; display: block;}
    49% {opacity: 0; display: block;}
    50% {opacity: 0; display: none;}
    100% {opacity: 0; display: none; height: 0; padding: 0;}
}
*/

.ticket49 #cf_22 div[data-label="auswahlWeiter"] {
    width: 100%;
}

.ticket49 #cf_22 div[data-label="auswahlWeiter"] .cf-list {
    padding: 0;
    overflow: hidden;
    box-shadow: inset -0.45em 0 0 var(--designFarbe-4);
}

.ticket49 #cf_22 div[data-label="auswahlWeiter"] .cf-radio-group {
    width: calc(100% / 5);
    padding: 0;
}
.ticket49 #cf_22 div[data-label="auswahlWeiter"] .cf-radio-group:nth-of-type(1) {
    padding: 0 0rem 0 0;
    margin: 0 0rem 0 0;
}

.ticket49 #cf_22 div[data-label="auswahlWeiter"] .cf-radio-group {
    transform: skewX(-15deg);
    border-top: 1px solid var(--designFarbe-4);
    border-right: 1px solid var(--designFarbe-4);
}
.ticket49 #cf_22 div[data-label="auswahlWeiter"] .cf-radio-group:first-of-type {
    margin-left: -1rem;
    padding-left: 1rem;
}
.ticket49 #cf_22 div[data-label="auswahlWeiter"] .cf-radio-group:last-of-type {
    margin-right: -1rem;
    padding-right: 1rem;
    border-right: none;
}
.ticket49 #cf_22 div[data-label="auswahlWeiter"] .cf-radio-group:last-of-type {
    margin-right: -1.2rem;
    padding-right: 1rem;
    width: calc(calc(100% / 5) + 1.2rem);
    transform: skewX(-15deg) translateX(-0.1rem);
}

.ticket49 #cf_22 div[data-label="auswahlWeiter"] input[type="radio"] + label {
    font-size: 2rem !important;
    background: transparent;
    padding: 1rem;
    width: 100%;
    text-align: center;
    color: var(--designFarbe-4);
    transform: skewX(15deg);
}





.ticket49 #cf_22 div[data-label="auswahlWeiter"] .cf-list:has(div:nth-of-type(1) input[type="radio"]:checked) div:nth-of-type(1),

.ticket49 #cf_22 div[data-label="auswahlWeiter"] .cf-list:has(div:nth-of-type(2) input[type="radio"]:checked) div:nth-of-type(1),
.ticket49 #cf_22 div[data-label="auswahlWeiter"] .cf-list:has(div:nth-of-type(2) input[type="radio"]:checked) div:nth-of-type(2),

.ticket49 #cf_22 div[data-label="auswahlWeiter"] .cf-list:has(div:nth-of-type(3) input[type="radio"]:checked) div:nth-of-type(1) ,
.ticket49 #cf_22 div[data-label="auswahlWeiter"] .cf-list:has(div:nth-of-type(3) input[type="radio"]:checked) div:nth-of-type(2) ,
.ticket49 #cf_22 div[data-label="auswahlWeiter"] .cf-list:has(div:nth-of-type(3) input[type="radio"]:checked) div:nth-of-type(3) ,

.ticket49 #cf_22 div[data-label="auswahlWeiter"] .cf-list:has(div:nth-of-type(4) input[type="radio"]:checked) div:nth-of-type(1) ,
.ticket49 #cf_22 div[data-label="auswahlWeiter"] .cf-list:has(div:nth-of-type(4) input[type="radio"]:checked) div:nth-of-type(2) ,
.ticket49 #cf_22 div[data-label="auswahlWeiter"] .cf-list:has(div:nth-of-type(4) input[type="radio"]:checked) div:nth-of-type(3) ,
.ticket49 #cf_22 div[data-label="auswahlWeiter"] .cf-list:has(div:nth-of-type(4) input[type="radio"]:checked) div:nth-of-type(4) ,

.ticket49 #cf_22 div[data-label="auswahlWeiter"] .cf-list:has(div:nth-of-type(5) input[type="radio"]:checked) div:nth-of-type(1) ,
.ticket49 #cf_22 div[data-label="auswahlWeiter"] .cf-list:has(div:nth-of-type(5) input[type="radio"]:checked) div:nth-of-type(2) ,
.ticket49 #cf_22 div[data-label="auswahlWeiter"] .cf-list:has(div:nth-of-type(5) input[type="radio"]:checked) div:nth-of-type(3) ,
.ticket49 #cf_22 div[data-label="auswahlWeiter"] .cf-list:has(div:nth-of-type(5) input[type="radio"]:checked) div:nth-of-type(4),
.ticket49 #cf_22 div[data-label="auswahlWeiter"] .cf-list:has(div:nth-of-type(5) input[type="radio"]:checked) div:nth-of-type(5)  {
    background: var(--designFarbe-4-66);
    color: var(--designFarbe-0) !important;
    transition: 0.6s;
    /*
    border-top: 1px solid var(--designFarbe-4-11-vt);
    border-right: 1px solid var(--designFarbe-4-11-vt);
    */
}

.ticket49 #cf_22 div[data-label="auswahlWeiter"] .cf-list:has(div:nth-of-type(1) input[type="radio"]:checked) div:nth-of-type(1) input[type="radio"] + label,

.ticket49 #cf_22 div[data-label="auswahlWeiter"] .cf-list:has(div:nth-of-type(2) input[type="radio"]:checked) div:nth-of-type(1) input[type="radio"] + label,
.ticket49 #cf_22 div[data-label="auswahlWeiter"] .cf-list:has(div:nth-of-type(2) input[type="radio"]:checked) div:nth-of-type(2) input[type="radio"] + label,

.ticket49 #cf_22 div[data-label="auswahlWeiter"] .cf-list:has(div:nth-of-type(3) input[type="radio"]:checked) div:nth-of-type(1) input[type="radio"] + label ,
.ticket49 #cf_22 div[data-label="auswahlWeiter"] .cf-list:has(div:nth-of-type(3) input[type="radio"]:checked) div:nth-of-type(2) input[type="radio"] + label ,
.ticket49 #cf_22 div[data-label="auswahlWeiter"] .cf-list:has(div:nth-of-type(3) input[type="radio"]:checked) div:nth-of-type(3) input[type="radio"] + label ,

.ticket49 #cf_22 div[data-label="auswahlWeiter"] .cf-list:has(div:nth-of-type(4) input[type="radio"]:checked) div:nth-of-type(1) input[type="radio"] + label ,
.ticket49 #cf_22 div[data-label="auswahlWeiter"] .cf-list:has(div:nth-of-type(4) input[type="radio"]:checked) div:nth-of-type(2) input[type="radio"] + label ,
.ticket49 #cf_22 div[data-label="auswahlWeiter"] .cf-list:has(div:nth-of-type(4) input[type="radio"]:checked) div:nth-of-type(3) input[type="radio"] + label ,
.ticket49 #cf_22 div[data-label="auswahlWeiter"] .cf-list:has(div:nth-of-type(4) input[type="radio"]:checked) div:nth-of-type(4) input[type="radio"] + label ,

.ticket49 #cf_22 div[data-label="auswahlWeiter"] .cf-list:has(div:nth-of-type(5) input[type="radio"]:checked) div:nth-of-type(1) input[type="radio"] + label ,
.ticket49 #cf_22 div[data-label="auswahlWeiter"] .cf-list:has(div:nth-of-type(5) input[type="radio"]:checked) div:nth-of-type(2) input[type="radio"] + label ,
.ticket49 #cf_22 div[data-label="auswahlWeiter"] .cf-list:has(div:nth-of-type(5) input[type="radio"]:checked) div:nth-of-type(3) input[type="radio"] + label ,
.ticket49 #cf_22 div[data-label="auswahlWeiter"] .cf-list:has(div:nth-of-type(5) input[type="radio"]:checked) div:nth-of-type(4) input[type="radio"] + label,
.ticket49 #cf_22 div[data-label="auswahlWeiter"] .cf-list:has(div:nth-of-type(5) input[type="radio"]:checked) div:nth-of-type(5) input[type="radio"] + label  {
    color: var(--designFarbe-0) !important;
    transition: 0.6s;
}


/* Firefox Fiy */
#cf_22.bestellSeite0 div[data-label="auswahlWeiter"] .cf-list div:nth-of-type(1),
#cf_22.bestellSeite1 div[data-label="auswahlWeiter"] .cf-list div:nth-of-type(1),
#cf_22.bestellSeite1 div[data-label="auswahlWeiter"] .cf-list div:nth-of-type(2),
#cf_22.bestellSeite2 div[data-label="auswahlWeiter"] .cf-list div:nth-of-type(1),
#cf_22.bestellSeite2 div[data-label="auswahlWeiter"] .cf-list div:nth-of-type(2),
#cf_22.bestellSeite2 div[data-label="auswahlWeiter"] .cf-list div:nth-of-type(3),
#cf_22.bestellSeite3 div[data-label="auswahlWeiter"] .cf-list div:nth-of-type(1),
#cf_22.bestellSeite3 div[data-label="auswahlWeiter"] .cf-list div:nth-of-type(2),
#cf_22.bestellSeite3 div[data-label="auswahlWeiter"] .cf-list div:nth-of-type(3),
#cf_22.bestellSeite3 div[data-label="auswahlWeiter"] .cf-list div:nth-of-type(4),
#cf_22.bestellSeite4 div[data-label="auswahlWeiter"] .cf-list div:nth-of-type(1),
#cf_22.bestellSeite4 div[data-label="auswahlWeiter"] .cf-list div:nth-of-type(2),
#cf_22.bestellSeite4 div[data-label="auswahlWeiter"] .cf-list div:nth-of-type(3),
#cf_22.bestellSeite4 div[data-label="auswahlWeiter"] .cf-list div:nth-of-type(4),
#cf_22.bestellSeite4 div[data-label="auswahlWeiter"] .cf-list div:nth-of-type(5) {
    background: var(--designFarbe-4);
    color: var(--designFarbe-0) !important;
    transition: 0.6s;
}
#cf_22.bestellSeite0 div[data-label="auswahlWeiter"] .cf-list div:nth-of-type(1) input[type="radio"] + label,
#cf_22.bestellSeite1 div[data-label="auswahlWeiter"] .cf-list div:nth-of-type(1) input[type="radio"] + label,
#cf_22.bestellSeite1 div[data-label="auswahlWeiter"] .cf-list div:nth-of-type(2) input[type="radio"] + label,
#cf_22.bestellSeite2 div[data-label="auswahlWeiter"] .cf-list div:nth-of-type(1) input[type="radio"] + label,
#cf_22.bestellSeite2 div[data-label="auswahlWeiter"] .cf-list div:nth-of-type(2) input[type="radio"] + label,
#cf_22.bestellSeite2 div[data-label="auswahlWeiter"] .cf-list div:nth-of-type(3) input[type="radio"] + label,
#cf_22.bestellSeite3 div[data-label="auswahlWeiter"] .cf-list div:nth-of-type(1) input[type="radio"] + label,
#cf_22.bestellSeite3 div[data-label="auswahlWeiter"] .cf-list div:nth-of-type(2) input[type="radio"] + label,
#cf_22.bestellSeite3 div[data-label="auswahlWeiter"] .cf-list div:nth-of-type(3) input[type="radio"] + label,
#cf_22.bestellSeite3 div[data-label="auswahlWeiter"] .cf-list div:nth-of-type(4) input[type="radio"] + label,
#cf_22.bestellSeite4 div[data-label="auswahlWeiter"] .cf-list div:nth-of-type(1) input[type="radio"] + label,
#cf_22.bestellSeite4 div[data-label="auswahlWeiter"] .cf-list div:nth-of-type(2) input[type="radio"] + label,
#cf_22.bestellSeite4 div[data-label="auswahlWeiter"] .cf-list div:nth-of-type(3) input[type="radio"] + label,
#cf_22.bestellSeite4 div[data-label="auswahlWeiter"] .cf-list div:nth-of-type(4) input[type="radio"] + label,
#cf_22.bestellSeite4 div[data-label="auswahlWeiter"] .cf-list div:nth-of-type(5) input[type="radio"] + label {
    color: var(--designFarbe-0) !important;
    transition: 0.6s;
}










/*
.ticket49 #cf_22 div[data-label="auswahlWeiter"] input[type="radio"]:checked + label,
.ticket49 #cf_22 div[data-label="auswahlWeiter"] .cf-list:has(div:nth-of-type(2) input[type="radio"]:checked) div:nth-of-type(1) input[type="radio"] + label,

.ticket49 #cf_22 div[data-label="auswahlWeiter"] .cf-list:has(div:nth-of-type(3) input[type="radio"]:checked) div:nth-of-type(1) input[type="radio"] + label,
.ticket49 #cf_22 div[data-label="auswahlWeiter"] .cf-list:has(div:nth-of-type(3) input[type="radio"]:checked) div:nth-of-type(2) input[type="radio"] + label,

.ticket49 #cf_22 div[data-label="auswahlWeiter"] .cf-list:has(div:nth-of-type(4) input[type="radio"]:checked) div:nth-of-type(1) input[type="radio"] + label,
.ticket49 #cf_22 div[data-label="auswahlWeiter"] .cf-list:has(div:nth-of-type(4) input[type="radio"]:checked) div:nth-of-type(2) input[type="radio"] + label,
.ticket49 #cf_22 div[data-label="auswahlWeiter"] .cf-list:has(div:nth-of-type(4) input[type="radio"]:checked) div:nth-of-type(3) input[type="radio"] + label,

.ticket49 #cf_22 div[data-label="auswahlWeiter"] .cf-list:has(div:nth-of-type(5) input[type="radio"]:checked) div:nth-of-type(1) input[type="radio"] + label,
.ticket49 #cf_22 div[data-label="auswahlWeiter"] .cf-list:has(div:nth-of-type(5) input[type="radio"]:checked) div:nth-of-type(2) input[type="radio"] + label,
.ticket49 #cf_22 div[data-label="auswahlWeiter"] .cf-list:has(div:nth-of-type(5) input[type="radio"]:checked) div:nth-of-type(3) input[type="radio"] + label,
.ticket49 #cf_22 div[data-label="auswahlWeiter"] .cf-list:has(div:nth-of-type(5) input[type="radio"]:checked) div:nth-of-type(4) input[type="radio"] + label {
    background: var(--designFarbe-4);
    color: var(--designFarbe-0) !important;
}
*/














.ticket49 #cf_22 div[data-label="auswahlBeginn"] .cf-list .cf-radio-group {
    background: transparent;
    margin: 0 0.5rem;
    border: 1px solid var(--designFarbe-4);
}
.ticket49 #cf_22 div[data-label="auswahlBeginn"] .cf-list label {
    padding: 1rem;
}
.ticket49 #cf_22 div[data-label="auswahlBeginn"] .cf-list:has(div:nth-of-type(1) input[type="radio"]:checked) div:nth-of-type(1),
.ticket49 #cf_22 div[data-label="auswahlBeginn"] .cf-list:has(div:nth-of-type(2) input[type="radio"]:checked) div:nth-of-type(2),
.ticket49 #cf_22 div[data-label="auswahlBeginn"] .cf-list:has(div:nth-of-type(3) input[type="radio"]:checked) div:nth-of-type(3),
.ticket49 #cf_22 div[data-label="auswahlBeginn"] .cf-list:has(div:nth-of-type(4) input[type="radio"]:checked) div:nth-of-type(4),
.ticket49 #cf_22 div[data-label="auswahlBeginn"] .cf-list:has(div:nth-of-type(5) input[type="radio"]:checked) div:nth-of-type(5),
.ticket49 #cf_22 div[data-label="auswahlBeginn"] .cf-list:has(div:nth-of-type(6) input[type="radio"]:checked) div:nth-of-type(6),
.ticket49 #cf_22 div[data-label="auswahlBeginn"] .cf-list:has(div:nth-of-type(7) input[type="radio"]:checked) div:nth-of-type(7),
.ticket49 #cf_22 div[data-label="auswahlBeginn"] .cf-list:has(div:nth-of-type(8) input[type="radio"]:checked) div:nth-of-type(8),
.ticket49 #cf_22 div[data-label="auswahlBeginn"] .cf-list:has(div:nth-of-type(9) input[type="radio"]:checked) div:nth-of-type(9) {
    background: var(--designFarbe-4);
}

.ticket49 #cf_22 div[data-label="auswahlBeginn"] .cf-list:has(div:nth-of-type(1) input[type="radio"]:checked) div:nth-of-type(1) input[type="radio"] + label,
.ticket49 #cf_22 div[data-label="auswahlBeginn"] .cf-list:has(div:nth-of-type(2) input[type="radio"]:checked) div:nth-of-type(2) input[type="radio"] + label,
.ticket49 #cf_22 div[data-label="auswahlBeginn"] .cf-list:has(div:nth-of-type(3) input[type="radio"]:checked) div:nth-of-type(3) input[type="radio"] + label,
.ticket49 #cf_22 div[data-label="auswahlBeginn"] .cf-list:has(div:nth-of-type(4) input[type="radio"]:checked) div:nth-of-type(4) input[type="radio"] + label,
.ticket49 #cf_22 div[data-label="auswahlBeginn"] .cf-list:has(div:nth-of-type(5) input[type="radio"]:checked) div:nth-of-type(5) input[type="radio"] + label,
.ticket49 #cf_22 div[data-label="auswahlBeginn"] .cf-list:has(div:nth-of-type(6) input[type="radio"]:checked) div:nth-of-type(6) input[type="radio"] + label,
.ticket49 #cf_22 div[data-label="auswahlBeginn"] .cf-list:has(div:nth-of-type(7) input[type="radio"]:checked) div:nth-of-type(7) input[type="radio"] + label,
.ticket49 #cf_22 div[data-label="auswahlBeginn"] .cf-list:has(div:nth-of-type(8) input[type="radio"]:checked) div:nth-of-type(8) input[type="radio"] + label,
.ticket49 #cf_22 div[data-label="auswahlBeginn"] .cf-list:has(div:nth-of-type(9) input[type="radio"]:checked) div:nth-of-type(9) input[type="radio"] + label {
    color: var(--designFarbe-0) !important;
}



/* Firefox Fix */

.ticket49 #cf_22 .auswahlBeginn0 .cf-list div:nth-of-type(1),
.ticket49 #cf_22 .auswahlBeginn1 .cf-list div:nth-of-type(2),
.ticket49 #cf_22 .auswahlBeginn2 .cf-list div:nth-of-type(3),
.ticket49 #cf_22 .auswahlBeginn3 .cf-list div:nth-of-type(4),
.ticket49 #cf_22 .auswahlBeginn4 .cf-list div:nth-of-type(5),
.ticket49 #cf_22 .auswahlBeginn5 .cf-list div:nth-of-type(6) {
    background: var(--designFarbe-4);
}
.ticket49 #cf_22 .auswahlBeginn0 .cf-list div:nth-of-type(1) input[type="radio"] + label,
.ticket49 #cf_22 .auswahlBeginn1 .cf-list div:nth-of-type(2) input[type="radio"] + label,
.ticket49 #cf_22 .auswahlBeginn2 .cf-list div:nth-of-type(3) input[type="radio"] + label,
.ticket49 #cf_22 .auswahlBeginn3 .cf-list div:nth-of-type(4) input[type="radio"] + label,
.ticket49 #cf_22 .auswahlBeginn4 .cf-list div:nth-of-type(5) input[type="radio"] + label,
.ticket49 #cf_22 .auswahlBeginn5 .cf-list div:nth-of-type(6) input[type="radio"] + label {
    color: var(--designFarbe-0) !important;
}















.ticket49 #cf_22 div[data-label="auswahlAboAbbuchung"] .cf-list .cf-radio-group {
    background: transparent;
    margin: 0 0.5rem;
    border: 1px solid var(--designFarbe-4);
}
.ticket49 #cf_22 div[data-label="auswahlAboAbbuchung"] .cf-list label {
    padding: 1rem;
}
.ticket49 #cf_22 div[data-label="auswahlAboAbbuchung"] .cf-list:has(div:nth-of-type(1) input[type="radio"]:checked) div:nth-of-type(1),
.ticket49 #cf_22 div[data-label="auswahlAboAbbuchung"] .cf-list:has(div:nth-of-type(2) input[type="radio"]:checked) div:nth-of-type(2) {
    background: var(--designFarbe-4);
}

.ticket49 #cf_22 div[data-label="auswahlAboAbbuchung"] .cf-list:has(div:nth-of-type(1) input[type="radio"]:checked) div:nth-of-type(1) input[type="radio"] + label,
.ticket49 #cf_22 div[data-label="auswahlAboAbbuchung"] .cf-list:has(div:nth-of-type(2) input[type="radio"]:checked) div:nth-of-type(2) input[type="radio"] + label {
    color: var(--designFarbe-0) !important;
}









.ticket49 #cf_22 div[data-label="auswahlAboFuerSichAndere"] .cf-list .cf-radio-group {
    background: transparent;
    margin: 0 0.5rem;
    border: 1px solid var(--designFarbe-4);
}
.ticket49 #cf_22 div[data-label="auswahlAboFuerSichAndere"] .cf-list label {
    padding: 1rem;
}
.ticket49 #cf_22 div[data-label="auswahlAboFuerSichAndere"] .cf-list:has(div:nth-of-type(1) input[type="radio"]:checked) div:nth-of-type(1),
.ticket49 #cf_22 div[data-label="auswahlAboFuerSichAndere"] .cf-list:has(div:nth-of-type(2) input[type="radio"]:checked) div:nth-of-type(2) {
    background: var(--designFarbe-4);
}

.ticket49 #cf_22 div[data-label="auswahlAboFuerSichAndere"] .cf-list:has(div:nth-of-type(1) input[type="radio"]:checked) div:nth-of-type(1) input[type="radio"] + label,
.ticket49 #cf_22 div[data-label="auswahlAboFuerSichAndere"] .cf-list:has(div:nth-of-type(2) input[type="radio"]:checked) div:nth-of-type(2) input[type="radio"] + label {
    color: var(--designFarbe-0) !important;
}


/* Firefox Fix */
.ticket49 #cf_22 .auswahlAboFuerSichAndere0 .cf-list div:nth-of-type(1),
.ticket49 #cf_22 .auswahlAboFuerSichAndere1 .cf-list div:nth-of-type(2) {
    background: var(--designFarbe-4);
}
.ticket49 #cf_22 .auswahlAboFuerSichAndere0 .cf-list div:nth-of-type(1) input[type="radio"] + label,
.ticket49 #cf_22 .auswahlAboFuerSichAndere1 .cf-list div:nth-of-type(2) input[type="radio"] + label {
    color: var(--designFarbe-0) !important;
}









.ticket49 #cf_22 div[data-label="auswahlAboFuerSichAndereAlsPersonFirma"] .cf-list .cf-radio-group {
    background: transparent;
    margin: 0 0.5rem;
    border: 1px solid var(--designFarbe-4);
}
.ticket49 #cf_22 div[data-label="auswahlAboFuerSichAndereAlsPersonFirma"] .cf-list label {
    padding: 1rem;
}
.ticket49 #cf_22 div[data-label="auswahlAboFuerSichAndereAlsPersonFirma"] .cf-list:has(div:nth-of-type(1) input[type="radio"]:checked) div:nth-of-type(1),
.ticket49 #cf_22 div[data-label="auswahlAboFuerSichAndereAlsPersonFirma"] .cf-list:has(div:nth-of-type(2) input[type="radio"]:checked) div:nth-of-type(2) {
    background: var(--designFarbe-4);
}

.ticket49 #cf_22 div[data-label="auswahlAboFuerSichAndereAlsPersonFirma"] .cf-list:has(div:nth-of-type(1) input[type="radio"]:checked) div:nth-of-type(1) input[type="radio"] + label,
.ticket49 #cf_22 div[data-label="auswahlAboFuerSichAndereAlsPersonFirma"] .cf-list:has(div:nth-of-type(2) input[type="radio"]:checked) div:nth-of-type(2) input[type="radio"] + label {
    color: var(--designFarbe-0) !important;
}


/* Firefox Fix */
.ticket49 #cf_22 .auswahlAboFuerSichAndereAlsPersonFirma0 .cf-list div:nth-of-type(1),
.ticket49 #cf_22 .auswahlAboFuerSichAndereAlsPersonFirma1 .cf-list div:nth-of-type(2) {
    background: var(--designFarbe-4);
}
.ticket49 #cf_22 .auswahlAboFuerSichAndereAlsPersonFirma0 .cf-list div:nth-of-type(1) input[type="radio"] + label,
.ticket49 #cf_22 .auswahlAboFuerSichAndereAlsPersonFirma1 .cf-list div:nth-of-type(2) input[type="radio"] + label {
    color: var(--designFarbe-0) !important;
}








.ticket49 #cf_22 div[data-label="auswahlKontoinhaberEigenesFremdesBestellerAbweichend"] .cf-list .cf-radio-group {
    background: transparent;
    margin: 0 0.5rem;
    border: 1px solid var(--designFarbe-4);
}
.ticket49 #cf_22 div[data-label="auswahlKontoinhaberEigenesFremdesBestellerAbweichend"] .cf-list label {
    padding: 1rem;
}
.ticket49 #cf_22 div[data-label="auswahlKontoinhaberEigenesFremdesBestellerAbweichend"] .cf-list:has(div:nth-of-type(1) input[type="radio"]:checked) div:nth-of-type(1),
.ticket49 #cf_22 div[data-label="auswahlKontoinhaberEigenesFremdesBestellerAbweichend"] .cf-list:has(div:nth-of-type(2) input[type="radio"]:checked) div:nth-of-type(2) {
    background: var(--designFarbe-4);
}

.ticket49 #cf_22 div[data-label="auswahlKontoinhaberEigenesFremdesBestellerAbweichend"] .cf-list:has(div:nth-of-type(1) input[type="radio"]:checked) div:nth-of-type(1) input[type="radio"] + label,
.ticket49 #cf_22 div[data-label="auswahlKontoinhaberEigenesFremdesBestellerAbweichend"] .cf-list:has(div:nth-of-type(2) input[type="radio"]:checked) div:nth-of-type(2) input[type="radio"] + label {
    color: var(--designFarbe-0) !important;
}


/* Firefox Fix */
.ticket49 #cf_22 .auswahlKontoinhaberEigenesFremdesBestellerAbweichend0 .cf-list div:nth-of-type(1),
.ticket49 #cf_22 .auswahlKontoinhaberEigenesFremdesBestellerAbweichend1 .cf-list div:nth-of-type(2) {
    background: var(--designFarbe-4);
}
.ticket49 #cf_22 .auswahlKontoinhaberEigenesFremdesBestellerAbweichend0 .cf-list div:nth-of-type(1) input[type="radio"] + label,
.ticket49 #cf_22 .auswahlKontoinhaberEigenesFremdesBestellerAbweichend1 .cf-list div:nth-of-type(2) input[type="radio"] + label {
    color: var(--designFarbe-0) !important;
}



.ticket49 #cf_22 div[data-label="auswahlKontoinhaberEigenesFremdesBestellerAbweichend"] .cf-list:has(div:nth-of-type(1) input[type="radio"]:checked) div:nth-of-type(1) {
    display: none;
}






.ticket49 #cf_22 div[data-label="auswahlWeiter"] input + label::before,
.ticket49 #cf_22 div[data-label="auswahlWeiter"] input + label::after,

.ticket49 #cf_22 div[data-label="auswahlBeginn"] input + label::before,
.ticket49 #cf_22 div[data-label="auswahlBeginn"] input + label::after,

.ticket49 #cf_22 div[data-label="auswahlAboAbbuchung"] input + label::before,
.ticket49 #cf_22 div[data-label="auswahlAboAbbuchung"] input + label::after,

.ticket49 #cf_22 div[data-label="auswahlAboFuerSichAndere"] input + label::before,
.ticket49 #cf_22 div[data-label="auswahlAboFuerSichAndere"] input + label::after,

.ticket49 #cf_22 div[data-label="auswahlAboFuerSichAndereAlsPersonFirma"] input + label::before,
.ticket49 #cf_22 div[data-label="auswahlAboFuerSichAndereAlsPersonFirma"] input + label::after,

.ticket49 #cf_22 div[data-label="auswahlKontoinhaberEigenesFremdesBestellerAbweichend"] input + label::before,
.ticket49 #cf_22 div[data-label="auswahlKontoinhaberEigenesFremdesBestellerAbweichend"] input + label::after {
    display: none;
}


.ticket49 input[type="checkbox"] + label::before {
    background: var(--designFarbe-4-11-vt);
}
.ticket49 input[type="checkbox"]:checked + label::before {
    background: var(--designFarbe-1-66);
    transition: all 0.3s;
    box-shadow: inset 0 2px 5px rgb(0 0 0 / 25%), -2px -2px 2px -2px white, 2px 2px 2px -2px black;
}




.ticket49 #cf_22 #form22_text75[required],
.ticket49 #cf_22 #form22_text75[required]:focus,
.ticket49 #cf_22 #form22_text75[required="true"],
.ticket49 #cf_22 #form22_text75[required="true"]:focus {
    background-color: var(--designFarbe-2-11-vt) !important;
}
.ticket49 #cf_22 #form22_text75,
.ticket49 #cf_22 #form22_text75:focus,
.ticket49 #cf_22 #form22_text75,
.ticket49 #cf_22 #form22_text75:focus {
    background-color: var(--designFarbe-1-11-vt) !important;
}



.ticket49 #cf_22 #form22_ibankontoinhaber[required],
.ticket49 #cf_22 #form22_ibankontoinhaber[required]:focus,
.ticket49 #cf_22 #form22_ibankontoinhaber[required="true"],
.ticket49 #cf_22 #form22_ibankontoinhaber[required="true"]:focus {
    background-color: var(--designFarbe-2-11-vt) !important;
}
.ticket49 #cf_22 #form22_ibankontoinhaber,
.ticket49 #cf_22 #form22_ibankontoinhaber:focus,
.ticket49 #cf_22 #form22_ibankontoinhaber,
.ticket49 #cf_22 #form22_ibankontoinhaber:focus {
    background-color: var(--designFarbe-1-11-vt) !important;
}
.ticket49 #cf_22 #form22_bickontoinhaber[required],
.ticket49 #cf_22 #form22_bickontoinhaber[required]:focus,
.ticket49 #cf_22 #form22_bickontoinhaber[required="true"],
.ticket49 #cf_22 #form22_bickontoinhaber[required="true"]:focus {
    background-color: var(--designFarbe-2-11-vt) !important;
}
.ticket49 #cf_22 #form22_bickontoinhaber,
.ticket49 #cf_22 #form22_bickontoinhaber:focus,
.ticket49 #cf_22 #form22_bickontoinhaber,
.ticket49 #cf_22 #form22_bickontoinhaber:focus {
    background-color: var(--designFarbe-1-11-vt) !important;
}





/* Weiter Zurück */

.ticket49 #cf_22 .bestellSeite {
    display: flex;
    justify-content: space-between;
}

.ticket49 #cf_22 .bestellSeite .bestellZuruck {
    padding: 1rem 2rem;
    color: var(--designFarbe-4);
    background: var(--designFarbe-4-33);
    transition: 0.3s;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.ticket49 #cf_22 .bestellSeite .bestellZuruck:hover {
    color: var(--designFarbe-0);
    background: var(--designFarbe-4-66);
    transition: 0.3s;
}
.ticket49 #cf_22 .bestellSeite .bestellZuruck.displayNone {
    display: none;
}
.ticket49 #cf_22 .bestellSeite .bestellWeiter {
    padding: 1rem 2rem;
    color: var(--designFarbe-4);
    background: var(--designFarbe-4-33);
    transition: 0.3s;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.ticket49 #cf_22 .bestellSeite .bestellWeiter:hover {
    color: var(--designFarbe-0);
    background: var(--designFarbe-4-66);
    transition: 0.3s;
}

.bestellSeite0 .bestellZuruck,
.bestellSeite0 .bestellWeiter {
    cursor: pointer;
}
.bestellSeite0 .bestellZuruck,
.bestellSeite4 .bestellWeiter {
    opacity: 0;
    pointer-events: none;
}


.ticket49 #cf_22 .bestellSeite .bestellDrucken {
    padding: 1rem 2rem;
    color: var(--designFarbe-6);
    background: var(--designFarbe-6-33);
    transition: 0.3s;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.ticket49 #cf_22 .bestellSeite .bestellDrucken:hover {
    color: var(--designFarbe-0);
    background: var(--designFarbe-6-66);
    transition: 0.3s;
}
.bestellSeite .bestellDrucken {
    display: none;
}
.bestellSeite4 .bestellDrucken {
    display: block;
}











.ticket49 #cf_22 .cf-fields .cf-control-group:first-child {
    margin-bottom: 2rem;
}

.ticket49 #cf_22 h2 {
    font-size: 2rem;
}

.ticket49 #cf_22 .cf-control-input {
    font-size: 1.3rem;
}
.ticket49 #cf_22 div[data-label="auswahlWeiter"] .cf-control-input {
    overflow: hidden;
}
.ticket49 #cf_22 div[data-label="titelAboStartInfo"],
.ticket49 #cf_22 div[data-label="titelAboStart"] {
    padding: 0 0 0 9px;
}

/*
.ticket49 #cf_22.bestellSeite1 div[data-label="titelAboFuer"],
.ticket49 #cf_22.bestellSeite3 div[data-label="titelAboKontoverbindung"] {
    display: flex;
    align-items: end;
}
*/
.ticket49 #cf_22.bestellSeite1 div[data-label="titelAboFuer"] {
    display: flex;
    align-items: end;
}




.ticket49 #cf_22 div[data-label="titelAboFuerSichAndere"],
.ticket49 #cf_22 div[data-label="titelAboFuerSichAndere"] div,
.ticket49 #cf_22 div[data-label="titelAboFuerSichAndere"] div h2,

.ticket49 #cf_22 div[data-label="auswahlAboFuerSichAndere"],
.ticket49 #cf_22 div[data-label="auswahlAboFuerSichAndere"] div.cf-control-input,

.ticket49 #cf_22 div[data-label="titelAboFuerSichAndereAls"],
.ticket49 #cf_22 div[data-label="titelAboFuerSichAndereAls"] div,
.ticket49 #cf_22 div[data-label="titelAboFuerSichAndereAls"] div h2,

.ticket49 #cf_22 div[data-label="auswahlAboFuerSichAndereAlsPersonFirma"],
.ticket49 #cf_22 div[data-label="auswahlAboFuerSichAndereAlsPersonFirma"] div.cf-control-input, 

.ticket49 #cf_22 div[data-label="titelKontoinhaberEigenesFremdes"],
.ticket49 #cf_22 div[data-label="titelKontoinhaberEigenesFremdes"] div,
.ticket49 #cf_22 div[data-label="titelKontoinhaberEigenesFremdes"] div h2,

.ticket49 #cf_22 div[data-label="auswahlKontoinhaberEigenesFremdesBestellerAbweichend"],
.ticket49 #cf_22 div[data-label="auswahlKontoinhaberEigenesFremdesBestellerAbweichend"] div.cf-control-input {
    width: fit-content;
    max-width: fit-content;
}

.ticket49 #cf_22 div[data-label="auswahlAboFuerSichAndere"],
.ticket49 #cf_22 div[data-label="auswahlAboFuerSichAndereAlsPersonFirma"] {
    min-width: 50%;
}
.ticket49 #cf_22 div[data-label="auswahlKontoinhaberEigenesFremdesBestellerAbweichend"] {
    min-width: 60%;
}


.ticket49 #cf_22 div[data-label="auswahlBeginn"] .cf-list label,
.ticket49 #cf_22 div[data-label="auswahlAboFuerSichAndere"] .cf-list label,
.ticket49 #cf_22 div[data-label="auswahlAboFuerSichAndereAlsPersonFirma"] .cf-list label,
.ticket49 #cf_22 div[data-label="auswahlKontoinhaberEigenesFremdesBestellerAbweichend"] .cf-list label {
    padding: 0.45rem 1rem;
    font-size: 1rem;
}




.ticket49 #cf_22 div.auswahlBeginn0 .cf-list div:nth-of-type(1) label,
.ticket49 #cf_22 div.auswahlBeginn1 .cf-list div:nth-of-type(2) label,
.ticket49 #cf_22 div.auswahlBeginn2 .cf-list div:nth-of-type(3) label,
.ticket49 #cf_22 div.auswahlBeginn3 .cf-list div:nth-of-type(4) label,

.ticket49 #cf_22 div.auswahlAboFuerSichAndere0 .cf-list div:first-child label,
.ticket49 #cf_22 div.auswahlAboFuerSichAndere1 .cf-list div:last-child label,

.ticket49 #cf_22 div.auswahlAboFuerSichAndereAlsPersonFirma0 .cf-list div:first-child label,
.ticket49 #cf_22 div.auswahlAboFuerSichAndereAlsPersonFirma1 .cf-list div:last-child label,

.ticket49 #cf_22 div.auswahlKontoinhaberEigenesFremdesBestellerAbweichend0 .cf-list div:first-child label,
.ticket49 #cf_22 div.auswahlKontoinhaberEigenesFremdesBestellerAbweichend1 .cf-list div:last-child label {
    padding: 0.2rem 1rem;
    font-size: 1.5rem;
}








.ticket49 #cf_22 div[data-type="submit"] {
    margin: 2rem 0 5rem 0;
}

.ticket49 #cf_22 div[data-type="submit"] .cf-btn-text {
    font-size: 1.5rem;
    color: var(--designFarbe-4);
}



.itemid-359 .deutschlandticket + div {
    /* display: none; */
}


.itemid-359 .convertforms.cf-success .cf-response {
    background-color: transparent;
    border: 1px solid var(--designFarbe-4);
}
.itemid-359.tiket-pdf-On .ticket49 .convertforms form {
    margin-bottom: 0; 
}




/* Deutschlandticket 2.0 Tablet */

@media (max-width: 1024px) {
    .itemid-359 .deutschlandticket + div {
    margin-bottom: 0rem;
    }
    .deutschlandticket > div:first-child {
        padding: 0;
    }
    .ticket49 .convertforms form {
        margin-bottom: 0rem;
    }

    .ticket49 #cf_22 div[data-label="Datum / Zeit"] input {
        width: 100%;
    }

}



@media (min-width: 767px) and (max-width: 768px) {



    .itemid-359 .ticket49 #cf_22 .cf-control-group[data-label="titelAboKontoverbindung"],
    .itemid-359 .ticket49 #cf_22 .cf-control-group[data-label="auswahlAboFuerSichAndereAlsPersonFirma"],
    .itemid-359 .ticket49 #cf_22 .cf-control-group[data-label="auswahlKontoinhaberEigenesFremdesBestellerAbweichend"] {
        width: 100%;
        min-width: 100%;
    }
    .itemid-359 .ticket49 #cf_22 .cf-control-group[data-label="IBAN"],
    .itemid-359 .ticket49 #cf_22 .cf-control-group[data-label="abweichender Kontoname"] {
        width: 50%;
    }
    .itemid-359 .ticket49 #cf_22 div[data-label="auswahlWeiter"] input[type="radio"] + label {
        font-size: 1.5rem !important;
        background: transparent;
        padding: 1rem;
        width: 100%;
        text-align: center;
        color: var(--designFarbe-4);
        transform: skewX(15deg);
    }
}











/* Deutschlandticket 2.0 Handy */

@media (max-width: 760px) {

    .ticket49 #cf_22 div[data-label="auswahlWeiter"] .cf-list {
        flex-direction: column;
    }
    .ticket49 #cf_22 div[data-label="auswahlWeiter"] .cf-list > div {
        width: 100%;
    }
    .ticket49 #cf_22 div[data-label="auswahlWeiter"] .cf-radio-group:first-of-type {
        margin-left: 0rem;
        padding-left: 0rem;
    }
    .ticket49 #cf_22 div[data-label="auswahlWeiter"] .cf-radio-group:last-of-type {
        width: 100%;
        transform: skewX(0deg);
    }
    .ticket49 #cf_22 div[data-label="auswahlWeiter"] .cf-radio-group {
        transform: skewX(0deg);
    }
    .ticket49 #cf_22 div[data-label="auswahlWeiter"] input[type="radio"] + label {
        font-size: 1rem !important;
        transform: skewX(0deg);
    }
    .ticket49 #cf_22 div[data-label="auswahlWeiter"] .cf-list {
        box-shadow: none;
    }
    .ticket49 #cf_22 .bestellSeite4 .bestellWeiter {
        display: none;
    }

    .ticket49 #cf_22 h2 {
        margin-top: 0;
        font-size: 1.5rem;
        line-height: 1.2;
    }
    .ticket49 #cf_22 .cf-control-input,
    .ticket49 #cf_22 p {
        margin-top: 0;
        font-size: 1.2rem;
        line-height: 1;
    }

    .ticket49 #cf_22 div[data-label="auswahlBeginn"] .cf-list {
        flex-direction: column;
    }
    .ticket49 #cf_22 div[data-label="auswahlBeginn"] .cf-list .cf-radio-group {
        margin: 0.5rem 0.5rem;
    }
    .ticket49 #cf_22 div[data-label="auswahlBeginn"] .cf-list .cf-radio-group label {
        width: 100%;
        text-align: center;
    }
    .ticket49 #cf_22 div[data-label="titelAboFuer"],
    .ticket49 #cf_22 div[data-label="Anrede"],
    .ticket49 #cf_22 div[data-label="Vorname"],
    .ticket49 #cf_22 div[data-label="Name"],
    .ticket49 #cf_22 div[data-label="Geburtsdatum"] {
        width: 100%;
    }

    .ticket49 #cf_22 div[data-label="c/o"],
    .ticket49 #cf_22 div[data-label="Vorname des Bestellers"],
    .ticket49 #cf_22 div[data-label="Name des Bestellers"],
    .ticket49 #cf_22 div[data-label="Geburtsdatum des Bestellers"],
    .ticket49 #cf_22 div[data-label="E-Mail-Adresse"],
    .ticket49 #cf_22 div[data-label="Telefonnummer"],
    .ticket49 #cf_22 div[data-label="Firma / Institution / Behörde"],
    .ticket49 #cf_22 div[data-label="Straße"],
    .ticket49 #cf_22 div[data-label="Hausnummer"],
    .ticket49 #cf_22 div[data-label="PLZ"],
    .ticket49 #cf_22 div[data-label="Ort"] {
        width: 100%;
    }
    .ticket49 #cf_22 div[data-label="c/o"] label,
    .ticket49 #cf_22 div[data-label="Vorname des Bestellers"] label,
    .ticket49 #cf_22 div[data-label="Name des Bestellers"] label,
    .ticket49 #cf_22 div[data-label="Geburtsdatum des Bestellers"] label,
    .ticket49 #cf_22 div[data-label="E-Mail-Adresse"] label,
    .ticket49 #cf_22 div[data-label="Telefonnummer"] label,
    .ticket49 #cf_22 div[data-label="Firma / Institution / Behörde"] label,
    .ticket49 #cf_22 div[data-label="Straße"] label,
    .ticket49 #cf_22 div[data-label="Hausnummer"] label,
    .ticket49 #cf_22 div[data-label="PLZ"] label,
    .ticket49 #cf_22 div[data-label="Ort"] label {
        font-size: 1rem;
    }

    .ticket49 #cf_22 div[data-label="titelAboKontoverbindung"],
    .ticket49 #cf_22 div[data-label="IBAN"],
    .ticket49 #cf_22 div[data-label="abweichender Kontoname"] {
        width: 100%;
    }
    .ticket49 #cf_22 div[data-label="IBAN"] label,
    .ticket49 #cf_22 div[data-label="abweichender Kontoname"] label,
    .ticket49 #cf_22 div[data-label="SEPA-Basislastschriftmandat"] label {
        font-size: 1rem;
    }

    .ticket49 #cf_22 div[data-label="Datum / Zeit"] {
        width: 100%;
    }
    .ticket49 #cf_22 div[data-label="DateschutzZustimmung"] label,
    .ticket49 #cf_22 div[data-label="Bitte bestätigen Sie"] label {
        font-size: 1rem;
    }

    .itemid-359 .deutschlandticket + div {
        margin-bottom: 0rem;
    }
    .deutschlandticket > div:first-child {
        padding: 0;
    }
    .ticket49 .convertforms form {
        margin-bottom: 0rem;
    }

    .ticket49 #cf_22.bestellSeite0 div[data-label="auswahlWeiter"] .cf-list div:nth-of-type(2),
    .ticket49 #cf_22.bestellSeite0 div[data-label="auswahlWeiter"] .cf-list div:nth-of-type(3),
    .ticket49 #cf_22.bestellSeite0 div[data-label="auswahlWeiter"] .cf-list div:nth-of-type(4),
    .ticket49 #cf_22.bestellSeite0 div[data-label="auswahlWeiter"] .cf-list div:nth-of-type(5),

    .ticket49 #cf_22.bestellSeite1 div[data-label="auswahlWeiter"] .cf-list div:nth-of-type(1),
    .ticket49 #cf_22.bestellSeite1 div[data-label="auswahlWeiter"] .cf-list div:nth-of-type(3),
    .ticket49 #cf_22.bestellSeite1 div[data-label="auswahlWeiter"] .cf-list div:nth-of-type(4),
    .ticket49 #cf_22.bestellSeite1 div[data-label="auswahlWeiter"] .cf-list div:nth-of-type(5),

    .ticket49 #cf_22.bestellSeite2 div[data-label="auswahlWeiter"] .cf-list div:nth-of-type(1),
    .ticket49 #cf_22.bestellSeite2 div[data-label="auswahlWeiter"] .cf-list div:nth-of-type(2),
    .ticket49 #cf_22.bestellSeite2 div[data-label="auswahlWeiter"] .cf-list div:nth-of-type(4),
    .ticket49 #cf_22.bestellSeite2 div[data-label="auswahlWeiter"] .cf-list div:nth-of-type(5), 

    .ticket49 #cf_22.bestellSeite3 div[data-label="auswahlWeiter"] .cf-list div:nth-of-type(1),
    .ticket49 #cf_22.bestellSeite3 div[data-label="auswahlWeiter"] .cf-list div:nth-of-type(2),
    .ticket49 #cf_22.bestellSeite3 div[data-label="auswahlWeiter"] .cf-list div:nth-of-type(3),
    .ticket49 #cf_22.bestellSeite3 div[data-label="auswahlWeiter"] .cf-list div:nth-of-type(5),

    .ticket49 #cf_22.bestellSeite4 div[data-label="auswahlWeiter"] .cf-list div:nth-of-type(1),
    .ticket49 #cf_22.bestellSeite4 div[data-label="auswahlWeiter"] .cf-list div:nth-of-type(2),
    .ticket49 #cf_22.bestellSeite4 div[data-label="auswahlWeiter"] .cf-list div:nth-of-type(3),
    .ticket49 #cf_22.bestellSeite4 div[data-label="auswahlWeiter"] .cf-list div:nth-of-type(4) {
        display: none;
    }




    .ticket49 #cf_22 div[data-label="auswahlKontoinhaberEigenesFremdesBestellerAbweichend"] [class*=cf-list-] {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }





}
























/* Deutschlandticket Wechsel Formular 2.0 FIX weil Plugin etwas buggy */
#cf_24:has(.cf-control-group #form22_radio44_0:checked) .cf-control-group:has(#form22_vornamefuerandere),
#cf_24:has(.cf-control-group #form22_radio44_0:checked) .cf-control-group:has(#form22_namefuerandere),
#cf_24:has(.cf-control-group #form22_radio44_0:checked) .cf-control-group:has(#form22_geburtsdatumfuerandere),
#cf_24:has(.cf-control-group #form22_radio44_0:checked) .cf-control-group:has(#form22_firmabesteller),

#cf_24:has(.cf-control-group #form22_radio44_1:checked) .cf-control-group:has(#form22_vornamefuerandere),
#cf_24:has(.cf-control-group #form22_radio44_1:checked) .cf-control-group:has(#form22_namefuerandere),
#cf_24:has(.cf-control-group #form22_radio44_1:checked) .cf-control-group:has(#form22_geburtsdatumfuerandere),
#cf_24:has(.cf-control-group #form22_radio44_1:checked) .cf-control-group:has(#form22_firmabesteller),

#cf_24:has(.cf-control-group #form22_radio44_3:checked) .cf-control-group:has(#form22_vornamefuerandere),
#cf_24:has(.cf-control-group #form22_radio44_3:checked) .cf-control-group:has(#form22_namefuerandere),
#cf_24:has(.cf-control-group #form22_radio44_3:checked) .cf-control-group:has(#form22_geburtsdatumfuerandere),
#cf_24:has(.cf-control-group #form22_radio44_3:checked) .cf-control-group:has(#form22_firmabesteller) {
    display: none;
}

/*Firefox Fix*/
#cf_24.bestellSeite0 .cf-control-group[data-name="vornameFuerAndere"],
#cf_24.bestellSeite0 .cf-control-group[data-name="nameFuerAndere"],
#cf_24.bestellSeite0 .cf-control-group[data-name="geburtsdatumFuerAndere"],
#cf_24.bestellSeite0 .cf-control-group[data-name="firmaBesteller"],

#cf_24.bestellSeite1 .cf-control-group[data-name="vornameFuerAndere"],
#cf_24.bestellSeite1 .cf-control-group[data-name="nameFuerAndere"],
#cf_24.bestellSeite1 .cf-control-group[data-name="geburtsdatumFuerAndere"],
#cf_24.bestellSeite1 .cf-control-group[data-name="firmaBesteller"],

#cf_24.bestellSeite3 .cf-control-group[data-name="vornameFuerAndere"],
#cf_24.bestellSeite3 .cf-control-group[data-name="nameFuerAndere"],
#cf_24.bestellSeite3 .cf-control-group[data-name="geburtsdatumFuerAndere"],
#cf_24.bestellSeite3 .cf-control-group[data-name="firmaBesteller"] {
    display: none;
}






  
/* Deutschlandticket 2.0 Styles */
.itemid-361 .ticket49 #cf_24 .cf-control-group {
    flex-grow: initial;
}

.itemid-361 .deutschlandticket + div {
    margin-bottom: 15rem;
}

.ticket49 #cf_24 div[data-type="divider"] {
    padding: 2rem 0;
}

.ticket49 #cf_24 {
    --max-width: initial;
    --background-color: transparent;
    --font: Quicksand;
}

.ticket49 #cf_24 input[readonly] {
    pointer-events: none;
}

.ticket49 #cf_24 .cf-label {
    font-size: 1.2rem;
}

.ticket49 #cf_24 .cf-label .cf-required-label {
    color: var(--designFarbe-4);
}


/* die inputfelder werden einzeln angesprochen :/
.ticket49 #cf_24 .cf-control-group {
    animation: formularTeileZeigen 0.6s forwards;
}
@keyframes formularTeileZeigen {
    0% {opacity: 0; display: none; height: 0; padding: 0;}
    49% {opacity: 0; display: none;}
    50% {opacity: 0; display: block;}
    100% {opacity: 1; display: block;}
}

.ticket49 #cf_24 .cf-control-group.cf-hide {
    display: block;
    animation: formularTeileVersteck 0.3s forwards;
}
@keyframes formularTeileVersteck {
    0% {opacity: 1; display: block;}
    49% {opacity: 0; display: block;}
    50% {opacity: 0; display: none;}
    100% {opacity: 0; display: none; height: 0; padding: 0;}
}
*/

.ticket49 #cf_24 div[data-label="auswahlWeiter"] {
    width: 100%;
}

.ticket49 #cf_24 div[data-label="auswahlWeiter"] .cf-list {
    padding: 0;
    overflow: hidden;
    box-shadow: inset -0.45em 0 0 var(--designFarbe-4);
}

.ticket49 #cf_24 div[data-label="auswahlWeiter"] .cf-radio-group {
    width: calc(100% / 5);
    padding: 0;
}
.ticket49 #cf_24 div[data-label="auswahlWeiter"] .cf-radio-group:nth-of-type(1) {
    padding: 0 0rem 0 0;
    margin: 0 0rem 0 0;
}

.ticket49 #cf_24 div[data-label="auswahlWeiter"] .cf-radio-group {
    transform: skewX(-15deg);
    border-top: 1px solid var(--designFarbe-4);
    border-right: 1px solid var(--designFarbe-4);
}
.ticket49 #cf_24 div[data-label="auswahlWeiter"] .cf-radio-group:first-of-type {
    margin-left: -1rem;
    padding-left: 1rem;
}
.ticket49 #cf_24 div[data-label="auswahlWeiter"] .cf-radio-group:last-of-type {
    margin-right: -1rem;
    padding-right: 1rem;
    border-right: none;
}
.ticket49 #cf_24 div[data-label="auswahlWeiter"] .cf-radio-group:last-of-type {
    margin-right: -1.2rem;
    padding-right: 1rem;
    width: calc(calc(100% / 5) + 1.2rem);
    transform: skewX(-15deg) translateX(-0.1rem);
}

.ticket49 #cf_24 div[data-label="auswahlWeiter"] input[type="radio"] + label {
    font-size: 2rem !important;
    background: transparent;
    padding: 1rem;
    width: 100%;
    text-align: center;
    color: var(--designFarbe-4);
    transform: skewX(15deg);
}





.ticket49 #cf_24 div[data-label="auswahlWeiter"] .cf-list:has(div:nth-of-type(1) input[type="radio"]:checked) div:nth-of-type(1),

.ticket49 #cf_24 div[data-label="auswahlWeiter"] .cf-list:has(div:nth-of-type(2) input[type="radio"]:checked) div:nth-of-type(1),
.ticket49 #cf_24 div[data-label="auswahlWeiter"] .cf-list:has(div:nth-of-type(2) input[type="radio"]:checked) div:nth-of-type(2),

.ticket49 #cf_24 div[data-label="auswahlWeiter"] .cf-list:has(div:nth-of-type(3) input[type="radio"]:checked) div:nth-of-type(1) ,
.ticket49 #cf_24 div[data-label="auswahlWeiter"] .cf-list:has(div:nth-of-type(3) input[type="radio"]:checked) div:nth-of-type(2) ,
.ticket49 #cf_24 div[data-label="auswahlWeiter"] .cf-list:has(div:nth-of-type(3) input[type="radio"]:checked) div:nth-of-type(3) ,

.ticket49 #cf_24 div[data-label="auswahlWeiter"] .cf-list:has(div:nth-of-type(4) input[type="radio"]:checked) div:nth-of-type(1) ,
.ticket49 #cf_24 div[data-label="auswahlWeiter"] .cf-list:has(div:nth-of-type(4) input[type="radio"]:checked) div:nth-of-type(2) ,
.ticket49 #cf_24 div[data-label="auswahlWeiter"] .cf-list:has(div:nth-of-type(4) input[type="radio"]:checked) div:nth-of-type(3) ,
.ticket49 #cf_24 div[data-label="auswahlWeiter"] .cf-list:has(div:nth-of-type(4) input[type="radio"]:checked) div:nth-of-type(4) ,

.ticket49 #cf_24 div[data-label="auswahlWeiter"] .cf-list:has(div:nth-of-type(5) input[type="radio"]:checked) div:nth-of-type(1) ,
.ticket49 #cf_24 div[data-label="auswahlWeiter"] .cf-list:has(div:nth-of-type(5) input[type="radio"]:checked) div:nth-of-type(2) ,
.ticket49 #cf_24 div[data-label="auswahlWeiter"] .cf-list:has(div:nth-of-type(5) input[type="radio"]:checked) div:nth-of-type(3) ,
.ticket49 #cf_24 div[data-label="auswahlWeiter"] .cf-list:has(div:nth-of-type(5) input[type="radio"]:checked) div:nth-of-type(4),
.ticket49 #cf_24 div[data-label="auswahlWeiter"] .cf-list:has(div:nth-of-type(5) input[type="radio"]:checked) div:nth-of-type(5)  {
    background: var(--designFarbe-4-66);
    color: var(--designFarbe-0) !important;
    transition: 0.6s;
    /*
    border-top: 1px solid var(--designFarbe-4-11-vt);
    border-right: 1px solid var(--designFarbe-4-11-vt);
    */
}

.ticket49 #cf_24 div[data-label="auswahlWeiter"] .cf-list:has(div:nth-of-type(1) input[type="radio"]:checked) div:nth-of-type(1) input[type="radio"] + label,

.ticket49 #cf_24 div[data-label="auswahlWeiter"] .cf-list:has(div:nth-of-type(2) input[type="radio"]:checked) div:nth-of-type(1) input[type="radio"] + label,
.ticket49 #cf_24 div[data-label="auswahlWeiter"] .cf-list:has(div:nth-of-type(2) input[type="radio"]:checked) div:nth-of-type(2) input[type="radio"] + label,

.ticket49 #cf_24 div[data-label="auswahlWeiter"] .cf-list:has(div:nth-of-type(3) input[type="radio"]:checked) div:nth-of-type(1) input[type="radio"] + label ,
.ticket49 #cf_24 div[data-label="auswahlWeiter"] .cf-list:has(div:nth-of-type(3) input[type="radio"]:checked) div:nth-of-type(2) input[type="radio"] + label ,
.ticket49 #cf_24 div[data-label="auswahlWeiter"] .cf-list:has(div:nth-of-type(3) input[type="radio"]:checked) div:nth-of-type(3) input[type="radio"] + label ,

.ticket49 #cf_24 div[data-label="auswahlWeiter"] .cf-list:has(div:nth-of-type(4) input[type="radio"]:checked) div:nth-of-type(1) input[type="radio"] + label ,
.ticket49 #cf_24 div[data-label="auswahlWeiter"] .cf-list:has(div:nth-of-type(4) input[type="radio"]:checked) div:nth-of-type(2) input[type="radio"] + label ,
.ticket49 #cf_24 div[data-label="auswahlWeiter"] .cf-list:has(div:nth-of-type(4) input[type="radio"]:checked) div:nth-of-type(3) input[type="radio"] + label ,
.ticket49 #cf_24 div[data-label="auswahlWeiter"] .cf-list:has(div:nth-of-type(4) input[type="radio"]:checked) div:nth-of-type(4) input[type="radio"] + label ,

.ticket49 #cf_24 div[data-label="auswahlWeiter"] .cf-list:has(div:nth-of-type(5) input[type="radio"]:checked) div:nth-of-type(1) input[type="radio"] + label ,
.ticket49 #cf_24 div[data-label="auswahlWeiter"] .cf-list:has(div:nth-of-type(5) input[type="radio"]:checked) div:nth-of-type(2) input[type="radio"] + label ,
.ticket49 #cf_24 div[data-label="auswahlWeiter"] .cf-list:has(div:nth-of-type(5) input[type="radio"]:checked) div:nth-of-type(3) input[type="radio"] + label ,
.ticket49 #cf_24 div[data-label="auswahlWeiter"] .cf-list:has(div:nth-of-type(5) input[type="radio"]:checked) div:nth-of-type(4) input[type="radio"] + label,
.ticket49 #cf_24 div[data-label="auswahlWeiter"] .cf-list:has(div:nth-of-type(5) input[type="radio"]:checked) div:nth-of-type(5) input[type="radio"] + label  {
    color: var(--designFarbe-0) !important;
    transition: 0.6s;
}


/* Firefox Fiy */
#cf_24.bestellSeite0 div[data-label="auswahlWeiter"] .cf-list div:nth-of-type(1),
#cf_24.bestellSeite1 div[data-label="auswahlWeiter"] .cf-list div:nth-of-type(1),
#cf_24.bestellSeite1 div[data-label="auswahlWeiter"] .cf-list div:nth-of-type(2),
#cf_24.bestellSeite2 div[data-label="auswahlWeiter"] .cf-list div:nth-of-type(1),
#cf_24.bestellSeite2 div[data-label="auswahlWeiter"] .cf-list div:nth-of-type(2),
#cf_24.bestellSeite2 div[data-label="auswahlWeiter"] .cf-list div:nth-of-type(3),
#cf_24.bestellSeite3 div[data-label="auswahlWeiter"] .cf-list div:nth-of-type(1),
#cf_24.bestellSeite3 div[data-label="auswahlWeiter"] .cf-list div:nth-of-type(2),
#cf_24.bestellSeite3 div[data-label="auswahlWeiter"] .cf-list div:nth-of-type(3),
#cf_24.bestellSeite3 div[data-label="auswahlWeiter"] .cf-list div:nth-of-type(4),
#cf_24.bestellSeite4 div[data-label="auswahlWeiter"] .cf-list div:nth-of-type(1),
#cf_24.bestellSeite4 div[data-label="auswahlWeiter"] .cf-list div:nth-of-type(2),
#cf_24.bestellSeite4 div[data-label="auswahlWeiter"] .cf-list div:nth-of-type(3),
#cf_24.bestellSeite4 div[data-label="auswahlWeiter"] .cf-list div:nth-of-type(4),
#cf_24.bestellSeite4 div[data-label="auswahlWeiter"] .cf-list div:nth-of-type(5) {
    background: var(--designFarbe-4);
    color: var(--designFarbe-0) !important;
    transition: 0.6s;
}
#cf_24.bestellSeite0 div[data-label="auswahlWeiter"] .cf-list div:nth-of-type(1) input[type="radio"] + label,
#cf_24.bestellSeite1 div[data-label="auswahlWeiter"] .cf-list div:nth-of-type(1) input[type="radio"] + label,
#cf_24.bestellSeite1 div[data-label="auswahlWeiter"] .cf-list div:nth-of-type(2) input[type="radio"] + label,
#cf_24.bestellSeite2 div[data-label="auswahlWeiter"] .cf-list div:nth-of-type(1) input[type="radio"] + label,
#cf_24.bestellSeite2 div[data-label="auswahlWeiter"] .cf-list div:nth-of-type(2) input[type="radio"] + label,
#cf_24.bestellSeite2 div[data-label="auswahlWeiter"] .cf-list div:nth-of-type(3) input[type="radio"] + label,
#cf_24.bestellSeite3 div[data-label="auswahlWeiter"] .cf-list div:nth-of-type(1) input[type="radio"] + label,
#cf_24.bestellSeite3 div[data-label="auswahlWeiter"] .cf-list div:nth-of-type(2) input[type="radio"] + label,
#cf_24.bestellSeite3 div[data-label="auswahlWeiter"] .cf-list div:nth-of-type(3) input[type="radio"] + label,
#cf_24.bestellSeite3 div[data-label="auswahlWeiter"] .cf-list div:nth-of-type(4) input[type="radio"] + label,
#cf_24.bestellSeite4 div[data-label="auswahlWeiter"] .cf-list div:nth-of-type(1) input[type="radio"] + label,
#cf_24.bestellSeite4 div[data-label="auswahlWeiter"] .cf-list div:nth-of-type(2) input[type="radio"] + label,
#cf_24.bestellSeite4 div[data-label="auswahlWeiter"] .cf-list div:nth-of-type(3) input[type="radio"] + label,
#cf_24.bestellSeite4 div[data-label="auswahlWeiter"] .cf-list div:nth-of-type(4) input[type="radio"] + label,
#cf_24.bestellSeite4 div[data-label="auswahlWeiter"] .cf-list div:nth-of-type(5) input[type="radio"] + label {
    color: var(--designFarbe-0) !important;
    transition: 0.6s;
}










/*
.ticket49 #cf_24 div[data-label="auswahlWeiter"] input[type="radio"]:checked + label,
.ticket49 #cf_24 div[data-label="auswahlWeiter"] .cf-list:has(div:nth-of-type(2) input[type="radio"]:checked) div:nth-of-type(1) input[type="radio"] + label,

.ticket49 #cf_24 div[data-label="auswahlWeiter"] .cf-list:has(div:nth-of-type(3) input[type="radio"]:checked) div:nth-of-type(1) input[type="radio"] + label,
.ticket49 #cf_24 div[data-label="auswahlWeiter"] .cf-list:has(div:nth-of-type(3) input[type="radio"]:checked) div:nth-of-type(2) input[type="radio"] + label,

.ticket49 #cf_24 div[data-label="auswahlWeiter"] .cf-list:has(div:nth-of-type(4) input[type="radio"]:checked) div:nth-of-type(1) input[type="radio"] + label,
.ticket49 #cf_24 div[data-label="auswahlWeiter"] .cf-list:has(div:nth-of-type(4) input[type="radio"]:checked) div:nth-of-type(2) input[type="radio"] + label,
.ticket49 #cf_24 div[data-label="auswahlWeiter"] .cf-list:has(div:nth-of-type(4) input[type="radio"]:checked) div:nth-of-type(3) input[type="radio"] + label,

.ticket49 #cf_24 div[data-label="auswahlWeiter"] .cf-list:has(div:nth-of-type(5) input[type="radio"]:checked) div:nth-of-type(1) input[type="radio"] + label,
.ticket49 #cf_24 div[data-label="auswahlWeiter"] .cf-list:has(div:nth-of-type(5) input[type="radio"]:checked) div:nth-of-type(2) input[type="radio"] + label,
.ticket49 #cf_24 div[data-label="auswahlWeiter"] .cf-list:has(div:nth-of-type(5) input[type="radio"]:checked) div:nth-of-type(3) input[type="radio"] + label,
.ticket49 #cf_24 div[data-label="auswahlWeiter"] .cf-list:has(div:nth-of-type(5) input[type="radio"]:checked) div:nth-of-type(4) input[type="radio"] + label {
    background: var(--designFarbe-4);
    color: var(--designFarbe-0) !important;
}
*/














.ticket49 #cf_24 div[data-label="auswahlBeginn"] .cf-list .cf-radio-group {
    background: transparent;
    margin: 0 0.5rem;
    border: 1px solid var(--designFarbe-4);
}
.ticket49 #cf_24 div[data-label="auswahlBeginn"] .cf-list label {
    padding: 1rem;
}
.ticket49 #cf_24 div[data-label="auswahlBeginn"] .cf-list:has(div:nth-of-type(1) input[type="radio"]:checked) div:nth-of-type(1),
.ticket49 #cf_24 div[data-label="auswahlBeginn"] .cf-list:has(div:nth-of-type(2) input[type="radio"]:checked) div:nth-of-type(2),
.ticket49 #cf_24 div[data-label="auswahlBeginn"] .cf-list:has(div:nth-of-type(3) input[type="radio"]:checked) div:nth-of-type(3),
.ticket49 #cf_24 div[data-label="auswahlBeginn"] .cf-list:has(div:nth-of-type(4) input[type="radio"]:checked) div:nth-of-type(4),
.ticket49 #cf_24 div[data-label="auswahlBeginn"] .cf-list:has(div:nth-of-type(5) input[type="radio"]:checked) div:nth-of-type(5),
.ticket49 #cf_24 div[data-label="auswahlBeginn"] .cf-list:has(div:nth-of-type(6) input[type="radio"]:checked) div:nth-of-type(6),
.ticket49 #cf_24 div[data-label="auswahlBeginn"] .cf-list:has(div:nth-of-type(7) input[type="radio"]:checked) div:nth-of-type(7),
.ticket49 #cf_24 div[data-label="auswahlBeginn"] .cf-list:has(div:nth-of-type(8) input[type="radio"]:checked) div:nth-of-type(8),
.ticket49 #cf_24 div[data-label="auswahlBeginn"] .cf-list:has(div:nth-of-type(9) input[type="radio"]:checked) div:nth-of-type(9) {
    background: var(--designFarbe-4);
}

.ticket49 #cf_24 div[data-label="auswahlBeginn"] .cf-list:has(div:nth-of-type(1) input[type="radio"]:checked) div:nth-of-type(1) input[type="radio"] + label,
.ticket49 #cf_24 div[data-label="auswahlBeginn"] .cf-list:has(div:nth-of-type(2) input[type="radio"]:checked) div:nth-of-type(2) input[type="radio"] + label,
.ticket49 #cf_24 div[data-label="auswahlBeginn"] .cf-list:has(div:nth-of-type(3) input[type="radio"]:checked) div:nth-of-type(3) input[type="radio"] + label,
.ticket49 #cf_24 div[data-label="auswahlBeginn"] .cf-list:has(div:nth-of-type(4) input[type="radio"]:checked) div:nth-of-type(4) input[type="radio"] + label,
.ticket49 #cf_24 div[data-label="auswahlBeginn"] .cf-list:has(div:nth-of-type(5) input[type="radio"]:checked) div:nth-of-type(5) input[type="radio"] + label,
.ticket49 #cf_24 div[data-label="auswahlBeginn"] .cf-list:has(div:nth-of-type(6) input[type="radio"]:checked) div:nth-of-type(6) input[type="radio"] + label,
.ticket49 #cf_24 div[data-label="auswahlBeginn"] .cf-list:has(div:nth-of-type(7) input[type="radio"]:checked) div:nth-of-type(7) input[type="radio"] + label,
.ticket49 #cf_24 div[data-label="auswahlBeginn"] .cf-list:has(div:nth-of-type(8) input[type="radio"]:checked) div:nth-of-type(8) input[type="radio"] + label,
.ticket49 #cf_24 div[data-label="auswahlBeginn"] .cf-list:has(div:nth-of-type(9) input[type="radio"]:checked) div:nth-of-type(9) input[type="radio"] + label {
    color: var(--designFarbe-0) !important;
}



/* Firefox Fix */

.ticket49 #cf_24 .auswahlBeginn0 .cf-list div:nth-of-type(1),
.ticket49 #cf_24 .auswahlBeginn1 .cf-list div:nth-of-type(2),
.ticket49 #cf_24 .auswahlBeginn2 .cf-list div:nth-of-type(3),
.ticket49 #cf_24 .auswahlBeginn3 .cf-list div:nth-of-type(4),
.ticket49 #cf_24 .auswahlBeginn4 .cf-list div:nth-of-type(5),
.ticket49 #cf_24 .auswahlBeginn5 .cf-list div:nth-of-type(6) {
    background: var(--designFarbe-4);
}
.ticket49 #cf_24 .auswahlBeginn0 .cf-list div:nth-of-type(1) input[type="radio"] + label,
.ticket49 #cf_24 .auswahlBeginn1 .cf-list div:nth-of-type(2) input[type="radio"] + label,
.ticket49 #cf_24 .auswahlBeginn2 .cf-list div:nth-of-type(3) input[type="radio"] + label,
.ticket49 #cf_24 .auswahlBeginn3 .cf-list div:nth-of-type(4) input[type="radio"] + label,
.ticket49 #cf_24 .auswahlBeginn4 .cf-list div:nth-of-type(5) input[type="radio"] + label,
.ticket49 #cf_24 .auswahlBeginn5 .cf-list div:nth-of-type(6) input[type="radio"] + label {
    color: var(--designFarbe-0) !important;
}















.ticket49 #cf_24 div[data-label="auswahlAboAbbuchung"] .cf-list .cf-radio-group {
    background: transparent;
    margin: 0 0.5rem;
    border: 1px solid var(--designFarbe-4);
}
.ticket49 #cf_24 div[data-label="auswahlAboAbbuchung"] .cf-list label {
    padding: 1rem;
}
.ticket49 #cf_24 div[data-label="auswahlAboAbbuchung"] .cf-list:has(div:nth-of-type(1) input[type="radio"]:checked) div:nth-of-type(1),
.ticket49 #cf_24 div[data-label="auswahlAboAbbuchung"] .cf-list:has(div:nth-of-type(2) input[type="radio"]:checked) div:nth-of-type(2) {
    background: var(--designFarbe-4);
}

.ticket49 #cf_24 div[data-label="auswahlAboAbbuchung"] .cf-list:has(div:nth-of-type(1) input[type="radio"]:checked) div:nth-of-type(1) input[type="radio"] + label,
.ticket49 #cf_24 div[data-label="auswahlAboAbbuchung"] .cf-list:has(div:nth-of-type(2) input[type="radio"]:checked) div:nth-of-type(2) input[type="radio"] + label {
    color: var(--designFarbe-0) !important;
}









.ticket49 #cf_24 div[data-label="auswahlAboFuerSichAndere"] .cf-list .cf-radio-group {
    background: transparent;
    margin: 0 0.5rem;
    border: 1px solid var(--designFarbe-4);
}
.ticket49 #cf_24 div[data-label="auswahlAboFuerSichAndere"] .cf-list label {
    padding: 1rem;
}
.ticket49 #cf_24 div[data-label="auswahlAboFuerSichAndere"] .cf-list:has(div:nth-of-type(1) input[type="radio"]:checked) div:nth-of-type(1),
.ticket49 #cf_24 div[data-label="auswahlAboFuerSichAndere"] .cf-list:has(div:nth-of-type(2) input[type="radio"]:checked) div:nth-of-type(2) {
    background: var(--designFarbe-4);
}

.ticket49 #cf_24 div[data-label="auswahlAboFuerSichAndere"] .cf-list:has(div:nth-of-type(1) input[type="radio"]:checked) div:nth-of-type(1) input[type="radio"] + label,
.ticket49 #cf_24 div[data-label="auswahlAboFuerSichAndere"] .cf-list:has(div:nth-of-type(2) input[type="radio"]:checked) div:nth-of-type(2) input[type="radio"] + label {
    color: var(--designFarbe-0) !important;
}


/* Firefox Fix */
.ticket49 #cf_24 .auswahlAboFuerSichAndere0 .cf-list div:nth-of-type(1),
.ticket49 #cf_24 .auswahlAboFuerSichAndere1 .cf-list div:nth-of-type(2) {
    background: var(--designFarbe-4);
}
.ticket49 #cf_24 .auswahlAboFuerSichAndere0 .cf-list div:nth-of-type(1) input[type="radio"] + label,
.ticket49 #cf_24 .auswahlAboFuerSichAndere1 .cf-list div:nth-of-type(2) input[type="radio"] + label {
    color: var(--designFarbe-0) !important;
}









.ticket49 #cf_24 div[data-label="auswahlAboFuerSichAndereAlsPersonFirma"] .cf-list .cf-radio-group {
    background: transparent;
    margin: 0 0.5rem;
    border: 1px solid var(--designFarbe-4);
}
.ticket49 #cf_24 div[data-label="auswahlAboFuerSichAndereAlsPersonFirma"] .cf-list label {
    padding: 1rem;
}
.ticket49 #cf_24 div[data-label="auswahlAboFuerSichAndereAlsPersonFirma"] .cf-list:has(div:nth-of-type(1) input[type="radio"]:checked) div:nth-of-type(1),
.ticket49 #cf_24 div[data-label="auswahlAboFuerSichAndereAlsPersonFirma"] .cf-list:has(div:nth-of-type(2) input[type="radio"]:checked) div:nth-of-type(2) {
    background: var(--designFarbe-4);
}

.ticket49 #cf_24 div[data-label="auswahlAboFuerSichAndereAlsPersonFirma"] .cf-list:has(div:nth-of-type(1) input[type="radio"]:checked) div:nth-of-type(1) input[type="radio"] + label,
.ticket49 #cf_24 div[data-label="auswahlAboFuerSichAndereAlsPersonFirma"] .cf-list:has(div:nth-of-type(2) input[type="radio"]:checked) div:nth-of-type(2) input[type="radio"] + label {
    color: var(--designFarbe-0) !important;
}


/* Firefox Fix */
.ticket49 #cf_24 .auswahlAboFuerSichAndereAlsPersonFirma0 .cf-list div:nth-of-type(1),
.ticket49 #cf_24 .auswahlAboFuerSichAndereAlsPersonFirma1 .cf-list div:nth-of-type(2) {
    background: var(--designFarbe-4);
}
.ticket49 #cf_24 .auswahlAboFuerSichAndereAlsPersonFirma0 .cf-list div:nth-of-type(1) input[type="radio"] + label,
.ticket49 #cf_24 .auswahlAboFuerSichAndereAlsPersonFirma1 .cf-list div:nth-of-type(2) input[type="radio"] + label {
    color: var(--designFarbe-0) !important;
}















.ticket49 #cf_24 div[data-label="auswahlWeiter"] input + label::before,
.ticket49 #cf_24 div[data-label="auswahlWeiter"] input + label::after,

.ticket49 #cf_24 div[data-label="auswahlBeginn"] input + label::before,
.ticket49 #cf_24 div[data-label="auswahlBeginn"] input + label::after,

.ticket49 #cf_24 div[data-label="auswahlAboAbbuchung"] input + label::before,
.ticket49 #cf_24 div[data-label="auswahlAboAbbuchung"] input + label::after,

.ticket49 #cf_24 div[data-label="auswahlAboFuerSichAndere"] input + label::before,
.ticket49 #cf_24 div[data-label="auswahlAboFuerSichAndere"] input + label::after,

.ticket49 #cf_24 div[data-label="auswahlAboFuerSichAndereAlsPersonFirma"] input + label::before,
.ticket49 #cf_24 div[data-label="auswahlAboFuerSichAndereAlsPersonFirma"] input + label::after {
    display: none;
}


.ticket49 input[type="checkbox"] + label::before {
    background: var(--designFarbe-4-11-vt);
}
.ticket49 input[type="checkbox"]:checked + label::before {
    background: var(--designFarbe-1-66);
    transition: all 0.3s;
    box-shadow: inset 0 2px 5px rgb(0 0 0 / 25%), -2px -2px 2px -2px white, 2px 2px 2px -2px black;
}







/* Weiter Zurück */

.ticket49 #cf_24 .bestellSeite {
    display: flex;
    justify-content: space-between;
}

.ticket49 #cf_24 .bestellSeite .bestellZuruck {
    padding: 1rem 2rem;
    color: var(--designFarbe-4);
    background: var(--designFarbe-4-33);
    transition: 0.3s;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.ticket49 #cf_24 .bestellSeite .bestellZuruck:hover {
    color: var(--designFarbe-0);
    background: var(--designFarbe-4-66);
    transition: 0.3s;
}
.ticket49 #cf_24 .bestellSeite .bestellZuruck.displayNone {
    display: none;
}
.ticket49 #cf_24 .bestellSeite .bestellWeiter {
    padding: 1rem 2rem;
    color: var(--designFarbe-4);
    background: var(--designFarbe-4-33);
    transition: 0.3s;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.ticket49 #cf_24 .bestellSeite .bestellWeiter:hover {
    color: var(--designFarbe-0);
    background: var(--designFarbe-4-66);
    transition: 0.3s;
}

.bestellSeite0 .bestellZuruck,
.bestellSeite0 .bestellWeiter {
    cursor: pointer;
}
.bestellSeite0 .bestellZuruck,
.bestellSeite4 .bestellWeiter {
    opacity: 0;
    pointer-events: none;
}


.ticket49 #cf_24 .bestellSeite .bestellDrucken {
    padding: 1rem 2rem;
    color: var(--designFarbe-6);
    background: var(--designFarbe-6-33);
    transition: 0.3s;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.ticket49 #cf_24 .bestellSeite .bestellDrucken:hover {
    color: var(--designFarbe-0);
    background: var(--designFarbe-6-66);
    transition: 0.3s;
}
.bestellSeite .bestellDrucken {
    display: none;
}
.bestellSeite4 .bestellDrucken {
    display: block;
}

.ticket49 #cf_24 .bestellZuruck,
.ticket49 #cf_24 .bestellWeiter {
    opacity: 0;
    pointer-events: none;
}
@media (max-width: 760px) {
    .ticket49 #cf_24 .bestellWeiter {
        display: none;
    }
}
.ticket49 #cf_24 .bestellDrucken {
    display: block;
}









.ticket49 #cf_24 .cf-fields .cf-control-group:first-child {
    margin-bottom: 2rem;
}

.ticket49 #cf_24 h2 {
    font-size: 2rem;
}

.ticket49 #cf_24 .cf-control-input {
    font-size: 1.3rem;
}
.ticket49 #cf_24 div[data-label="titelAboStartInfo"],
.ticket49 #cf_24 div[data-label="titelAboStart"] {
    padding: 0 0 0 9px;
}

.ticket49 #cf_24.bestellSeite1 div[data-label="titelAboFuer"],
.ticket49 #cf_24.bestellSeite3 div[data-label="titelAboKontoverbindung"] {
    display: flex;
    align-items: end;
}





.ticket49 #cf_24 div[data-label="titelAboFuerSichAndere"],
.ticket49 #cf_24 div[data-label="titelAboFuerSichAndere"] div,
.ticket49 #cf_24 div[data-label="titelAboFuerSichAndere"] div h2,

.ticket49 #cf_24 div[data-label="auswahlAboFuerSichAndere"],
.ticket49 #cf_24 div[data-label="auswahlAboFuerSichAndere"] div.cf-control-input,

.ticket49 #cf_24 div[data-label="titelAboFuerSichAndereAls"],
.ticket49 #cf_24 div[data-label="titelAboFuerSichAndereAls"] div,
.ticket49 #cf_24 div[data-label="titelAboFuerSichAndereAls"] div h2,

.ticket49 #cf_24 div[data-label="auswahlAboFuerSichAndereAlsPersonFirma"],
.ticket49 #cf_24 div[data-label="auswahlAboFuerSichAndereAlsPersonFirma"] div.cf-control-input {
    width: fit-content;
    max-width: fit-content;
}

.ticket49 #cf_24 div[data-label="auswahlAboFuerSichAndere"],
.ticket49 #cf_24 div[data-label="auswahlAboFuerSichAndereAlsPersonFirma"] {
    min-width: 50%;
}


.ticket49 #cf_24 div[data-label="auswahlBeginn"] .cf-list label,
.ticket49 #cf_24 div[data-label="auswahlAboFuerSichAndere"] .cf-list label,
.ticket49 #cf_24 div[data-label="auswahlAboFuerSichAndereAlsPersonFirma"] .cf-list label {
    padding: 0.45rem 1rem;
    font-size: 1rem;
}




.ticket49 #cf_24 div.auswahlBeginn0 .cf-list div:first-child label,
.ticket49 #cf_24 div.auswahlBeginn1 .cf-list div:nth-of-type(2) label,
.ticket49 #cf_24 div.auswahlBeginn2 .cf-list div:last-child label,

.ticket49 #cf_24 div.auswahlAboFuerSichAndere0 .cf-list div:first-child label,
.ticket49 #cf_24 div.auswahlAboFuerSichAndere1 .cf-list div:last-child label,

.ticket49 #cf_24 div.auswahlAboFuerSichAndereAlsPersonFirma0 .cf-list div:first-child label,
.ticket49 #cf_24 div.auswahlAboFuerSichAndereAlsPersonFirma1 .cf-list div:last-child label {
    padding: 0.2rem 1rem;
    font-size: 1.5rem;
}





.ticket49 #cf_24 div[data-type="submit"] {
    margin: 2rem 0 5rem 0;
}

.ticket49 #cf_24 div[data-type="submit"] .cf-btn-text {
    font-size: 1.5rem;
    color: var(--designFarbe-4);
}



.itemid-361 .deutschlandticket + div {
    display: none;
}





/* Deutschlandticket 2.0 Tablet */

@media (max-width: 1024px) {
    .itemid-361 .deutschlandticket + div {
    margin-bottom: 0rem;
    }
    .deutschlandticket > div:first-child {
        padding: 0;
    }
    .ticket49 .convertforms form {
        margin-bottom: 0rem;
    }

    .ticket49 #cf_24 div[data-label="Datum / Zeit"] input {
        width: 100%;
    }

}

@media (min-width: 767px) and (max-width: 768px) {
    .itemid-361 .ticket49 #cf_24 .cf-control-group[data-label="titelAboFuerPlatzhalter"] {
        display: none;
    }
    .itemid-361 .ticket49 #cf_24 .cf-control-group[data-label="titelAboFuer"] {
        width: 100%;
    }
    .itemid-361 .ticket49 #cf_24 .cf-control-group[data-label="Kundennummer"],
    .itemid-361 .ticket49 #cf_24 .cf-control-group[data-label="Vor- und Nachname"],
    .itemid-361 .ticket49 #cf_24 .cf-control-group[data-label="Geburtsdatum"],
    .itemid-361 .ticket49 #cf_24 .cf-control-group[data-label="E-Mail-Adresse"],
    .itemid-361 .ticket49 #cf_24 .cf-control-group[data-label="Telefonnummer"] {
        width: 33%;
    }
}














/* Deutschlandticket 2.0 Handy */

@media (max-width: 760px) {
.ticket49 #cf_24 div[data-label="auswahlWeiter"] .cf-list {
    flex-direction: column;
}
.ticket49 #cf_24 div[data-label="auswahlWeiter"] .cf-list > div {
    width: 100%;
}
.ticket49 #cf_24 div[data-label="auswahlWeiter"] .cf-radio-group:first-of-type {
    margin-left: 0rem;
    padding-left: 0rem;
}
.ticket49 #cf_24 div[data-label="auswahlWeiter"] .cf-radio-group:last-of-type {
    width: 100%;
    transform: skewX(0deg);
}
.ticket49 #cf_24 div[data-label="auswahlWeiter"] .cf-radio-group {
    transform: skewX(0deg);
}
.ticket49 #cf_24 div[data-label="auswahlWeiter"] input[type="radio"] + label {
    font-size: 1rem !important;
    transform: skewX(0deg);
}
.ticket49 #cf_24 div[data-label="auswahlWeiter"] .cf-list {
    box-shadow: none;
}
.ticket49 #cf_24 .bestellSeite4 .bestellWeiter {
    display: none;
}

.ticket49 #cf_24 h2 {
    margin-top: 0;
    font-size: 1.5rem;
    line-height: 1.2;
}
.ticket49 #cf_24 .cf-control-input,
.ticket49 #cf_24 p {
    margin-top: 0;
    font-size: 1.2rem;
    line-height: 1;
}

.ticket49 #cf_24 div[data-label="auswahlBeginn"] .cf-list {
    flex-direction: column;
}
.ticket49 #cf_24 div[data-label="auswahlBeginn"] .cf-list .cf-radio-group {
    margin: 0.5rem 0.5rem;
}
.ticket49 #cf_24 div[data-label="auswahlBeginn"] .cf-list .cf-radio-group label {
    width: 100%;
    text-align: center;
}
.ticket49 #cf_24 div[data-label="titelAboFuer"],
.ticket49 #cf_24 div[data-label="Kundennummer"],
.ticket49 #cf_24 div[data-label="Vorname"],
.ticket49 #cf_24 div[data-label="Vor- und Nachname"],
.ticket49 #cf_24 div[data-label="Name"],
.ticket49 #cf_24 div[data-label="Geburtsdatum"] {
    width: 100%;
}

.ticket49 #cf_24 div[data-label="c/o"],
.ticket49 #cf_24 div[data-label="Vorname des Bestellers"],
.ticket49 #cf_24 div[data-label="Name des Bestellers"],
.ticket49 #cf_24 div[data-label="Geburtsdatum des Bestellers"],
.ticket49 #cf_24 div[data-label="E-Mail-Adresse"],
.ticket49 #cf_24 div[data-label="Telefonnummer"],
.ticket49 #cf_24 div[data-label="Firma / Institution / Behörde"],
.ticket49 #cf_24 div[data-label="Straße"],
.ticket49 #cf_24 div[data-label="Hausnummer"],
.ticket49 #cf_24 div[data-label="PLZ"],
.ticket49 #cf_24 div[data-label="Ort"] {
    width: 100%;
}
.ticket49 #cf_24 div[data-label="c/o"] label,
.ticket49 #cf_24 div[data-label="Vorname des Bestellers"] label,
.ticket49 #cf_24 div[data-label="Name des Bestellers"] label,
.ticket49 #cf_24 div[data-label="Geburtsdatum des Bestellers"] label,
.ticket49 #cf_24 div[data-label="E-Mail-Adresse"] label,
.ticket49 #cf_24 div[data-label="Telefonnummer"] label,
.ticket49 #cf_24 div[data-label="Firma / Institution / Behörde"] label,
.ticket49 #cf_24 div[data-label="Straße"] label,
.ticket49 #cf_24 div[data-label="Hausnummer"] label,
.ticket49 #cf_24 div[data-label="PLZ"] label,
.ticket49 #cf_24 div[data-label="Ort"] label {
    font-size: 1rem;
}

.ticket49 #cf_24 div[data-label="titelAboKontoverbindung"],
.ticket49 #cf_24 div[data-label="IBAN"],
.ticket49 #cf_24 div[data-label="abweichender Kontoname"] {
    width: 100%;
}
.ticket49 #cf_24 div[data-label="IBAN"] label,
.ticket49 #cf_24 div[data-label="abweichender Kontoname"] label,
.ticket49 #cf_24 div[data-label="SEPA-Basislastschriftmandat"] label {
    font-size: 1rem;
}

.ticket49 #cf_24 div[data-label="Datum / Zeit"] {
    width: 100%;
}
.ticket49 #cf_24 div[data-label="DateschutzZustimmung"] label,
.ticket49 #cf_24 div[data-label="Bitte bestätigen Sie"] label {
    font-size: 1rem;
}

.itemid-361 .deutschlandticket + div {
    margin-bottom: 0rem;
}
.deutschlandticket > div:first-child {
    padding: 0;
}
.ticket49 .convertforms form {
    margin-bottom: 0rem;
}

.ticket49 #cf_24.bestellSeite0 div[data-label="auswahlWeiter"] .cf-list div:nth-of-type(2),
.ticket49 #cf_24.bestellSeite0 div[data-label="auswahlWeiter"] .cf-list div:nth-of-type(3),
.ticket49 #cf_24.bestellSeite0 div[data-label="auswahlWeiter"] .cf-list div:nth-of-type(4),
.ticket49 #cf_24.bestellSeite0 div[data-label="auswahlWeiter"] .cf-list div:nth-of-type(5),

.ticket49 #cf_24.bestellSeite1 div[data-label="auswahlWeiter"] .cf-list div:nth-of-type(1),
.ticket49 #cf_24.bestellSeite1 div[data-label="auswahlWeiter"] .cf-list div:nth-of-type(3),
.ticket49 #cf_24.bestellSeite1 div[data-label="auswahlWeiter"] .cf-list div:nth-of-type(4),
.ticket49 #cf_24.bestellSeite1 div[data-label="auswahlWeiter"] .cf-list div:nth-of-type(5),

.ticket49 #cf_24.bestellSeite2 div[data-label="auswahlWeiter"] .cf-list div:nth-of-type(1),
.ticket49 #cf_24.bestellSeite2 div[data-label="auswahlWeiter"] .cf-list div:nth-of-type(2),
.ticket49 #cf_24.bestellSeite2 div[data-label="auswahlWeiter"] .cf-list div:nth-of-type(4),
.ticket49 #cf_24.bestellSeite2 div[data-label="auswahlWeiter"] .cf-list div:nth-of-type(5), 

.ticket49 #cf_24.bestellSeite3 div[data-label="auswahlWeiter"] .cf-list div:nth-of-type(1),
.ticket49 #cf_24.bestellSeite3 div[data-label="auswahlWeiter"] .cf-list div:nth-of-type(2),
.ticket49 #cf_24.bestellSeite3 div[data-label="auswahlWeiter"] .cf-list div:nth-of-type(3),
.ticket49 #cf_24.bestellSeite3 div[data-label="auswahlWeiter"] .cf-list div:nth-of-type(5),

.ticket49 #cf_24.bestellSeite4 div[data-label="auswahlWeiter"] .cf-list div:nth-of-type(1),
.ticket49 #cf_24.bestellSeite4 div[data-label="auswahlWeiter"] .cf-list div:nth-of-type(2),
.ticket49 #cf_24.bestellSeite4 div[data-label="auswahlWeiter"] .cf-list div:nth-of-type(3),
.ticket49 #cf_24.bestellSeite4 div[data-label="auswahlWeiter"] .cf-list div:nth-of-type(4) {
    display: none;
}




.ticket49 #cf_24 .cf-control-group[data-label="titelAboFuerPlatzhalter"] {
    display: none;
}


}











@media (max-width: 760px) {
    .itemid-240 .infoBoxOpen:not(.displayNone) .titelH2Handy {
        margin-top: 0rem;
    }
}


















































































@media print {
    body {
        zoom: 50%;
    }
    header, .seiteBanner, .containerSMAll, .footer,
    .ticket49 #cf_22 div[data-label="auswahlWeiter"],
    .ticket49 #cf_22 div[data-label="htmlBestellSeiteZurueckWeiter"],
    .ticket49 #cf_22 div[data-name="submit_2"],
    div.seite_4:last-child {
        display: none;
    }
    img {
        display: none;
    }
    .seiteBanner + #ankerAnzeigen {
        display: none;
    }
    .deutschlandticket > div:first-child {
        padding: 0;
    }
    .ticket49 .convertforms form {
        margin-bottom: 0;
        padding: 2em 0;
    }
}

@media print and (max-width: 760px) {
    .ticket49 #cf_22 div.cf-fields > div:not([data-type="divider"]) {
        width: 50%;
    }
}









.infoBoxAktuell #mod-custom174 a {
    padding: 0;
    background: transparent;
    color: var(--designFarbe-2);
    display: inline;
    border: none;
    transition: 0s;
    font-family: 'Quicksand';
    text-decoration: underline;
}
.infoBoxAktuell #mod-custom174 a::before {
    content: '';
    margin-right: 0;
}




/* Deutschland Ticket Fix bis zum update */
.ticket49 .convertforms .cf-radio-group {
    position: relative;
}
.ticket49 .convertforms .cf-input[type="radio"], .ticket49 .convertforms .cf-input[type="checkbox"] {
    width: 1px !important;
    height: 1px !important;
    opacity: 0;
    position: absolute;
    left: 50%;
    bottom: 0;
}
.ticket49 .convertforms .cf-input[type="checkbox"] {
    width: 1px !important;
    height: 1px !important;
    opacity: 0;
    position: absolute;
    left: 10px;
    top: 25px;
}






.ticket49 .convertforms .cf-input:invalid:focus {
    border: solid 1px var(--designFarbe-6) !important;
}

.ticket49 #cf_22 div[data-label="auswahlBeginn"].radioAlarm .cf-list .cf-radio-group,
.ticket49 #cf_24 div[data-label="auswahlBeginn"].radioAlarm .cf-list .cf-radio-group {
    border: 1px solid var(--designFarbe-6);
    background: transparent;
    transition: 0.6s;
    animation: radioAlarmAnimT 3s infinite;
}
.ticket49 #cf_22 div[data-label="auswahlBeginn"].radioAlarm .cf-list .cf-radio-group label,
.ticket49 #cf_24 div[data-label="auswahlBeginn"].radioAlarm .cf-list .cf-radio-group label {
    color: var(--designFarbe-6) !important;
    transition: 0.6s;
}
@keyframes radioAlarmAnimT {
    0% {background: transparent;}
    50% {background: var(--designFarbe-6-11);}
    100% {background: transparent;}
}

.ticket49 #cf_22 div[data-label="auswahlBeginn"] .cf-list .cf-radio-group,
.ticket49 #cf_24 div[data-label="auswahlBeginn"] .cf-list .cf-radio-group {
    border: 1px solid var(--designFarbe-4);
}


.convertforms .cf-control-input select.cf-input {
    box-shadow: -10px -10px 10px -11px white, 10px 10px 10px -10px black;
}





.ticket49 #cf_24 div[data-label="auswahlBeginn"] .cf-list .cf-radio-group.radioAuswahlBeginnsDisplayNone,
.ticket49 #cf_22 div[data-label="auswahlBeginn"] .cf-list .cf-radio-group.radioAuswahlBeginnsDisplayNone {
    border: none;
    width: 0;
    height: 0;
    padding: 0;
    font-size: 0;
    pointer-events: none;
    margin: 0;
}
.ticket49 #cf_24 div[data-label="auswahlBeginn"] .cf-list .cf-radio-group.radioAuswahlBeginnsDisplayNone label,
.ticket49 #cf_22 div[data-label="auswahlBeginn"] .cf-list .cf-radio-group.radioAuswahlBeginnsDisplayNone label {
    font-size: 0;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
}


.itemid-359 .flatpickr-months .flatpickr-month,
.itemid-359 .flatpickr-current-month .flatpickr-monthDropdown-months,
.itemid-359 .flatpickr-weekdays,
.itemid-359 span.flatpickr-weekday,
.itemid-359 .flatpickr-day.selected,
.itemid-359 .flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
    background: var(--designFarbe-4-11-vt);
    color: var(--designFarbe-4);
    font-size: 100%;
} 
.itemid-359 .flatpickr-current-month input.cur-year {
    color: var(--designFarbe-4);
}
.itemid-359 .flatpickr-day {
    color: var(--designFarbe-4);
}
.itemid-359 .flatpickr-day.today {
    border-color: var(--designFarbe-4);
}
.itemid-359 .flatpickr-months .flatpickr-prev-month, .itemid-359 .flatpickr-months .flatpickr-next-month {
    color: var(--designFarbe-4);
    fill: var(--designFarbe-4);
}
.itemid-359 .flatpickr-current-month .numInputWrapper span.arrowUp:after,
.itemid-359 .flatpickr-current-month .numInputWrapper span.arrowDown:after {
    border-bottom-color: var(--designFarbe-4);
    border-top-color: var(--designFarbe-4);
}





.itemid-107 .section .texteDiv a {
    white-space: pre;
}

.itemid-107 .section .knoepfchenPdfAnschauen a {
    position: relative;
}
.itemid-107 .knoepfchenPdfAnschauen a::before {
    color: var(--designFarbe-4);
    top: 0.3em;
}
.itemid-107 .knoepfchenPdfAnschauen:hover a::before {
    color: var(--designFarbe-0);
}




/* Werben in Bussen auf Bussen */

.itemid-302 .seite h2,
.itemid-303 .seite h2 {
    margin-bottom: 2rem;
}


.itemid-303 .seite_7 .backgroundColor {
    background: linear-gradient(90deg, rgba(87,93,94,0.77) 0%, rgba(87,93,94,0) 70%, rgba(255,255,255,0) 100%);
}


.itemid-303 h2.animation {
  overflow: hidden;
  border-right: .15em solid orange;
  white-space: nowrap;
  /*
  
  margin: 0 auto;
  letter-spacing: .15em;
  */
  animation: 
    typing 5s steps(100, end),
    blink-caret 0.75s step-end infinite;
}
@keyframes typing {
  from { width: 0 }
  to { width: 100% }
}
@keyframes blink-caret {
  from, to { border-color: transparent }
  50% { border-color: orange; }
}


.itemid-303 .texteDiv:nth-of-type(2) {
    background-image: url(https://bbg-eberswalde.de/images/aassets/bilder/service/werbemoeglichkeiten/vm-no.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}



@media (max-width: 760px) {
    .itemid-303 .seite_7 .backgroundColor {
        background: var(--designFarbe-7-66);
    }

    
    .itemid-303 h2.animation {
        white-space: pre-wrap;
        position: relative;
        width: 45%;
        animation: 
            typing 1.75s forwards,
            blink-caret 0.75s step-end 2s infinite,
            blink-caret2 0.75s forwards 5s ,
            hiddenVis 2.5s forwards;
    }

    .itemid-303 h2.animation::after {
        content: '';
        background-image: url(https://bbg-eberswalde.de/images/aassets/bilder/service/werbemoeglichkeiten/werbung-an-bussen-sm2.jpg);
        width: 0%;
        height: 100%;
        position: absolute;
        top: 0;
        right: -170px;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: bottom;
        animation: hiddenVis2 2.75s forwards 2.15s;
        transition: 0.5s;
    }





    @keyframes blink-caret2 {
        0% { border-color: orange }
        100% { border-color: transparent; }
    }
    @keyframes typing {
        0% { width: 0; overflow: hidden;}
        99% { width: 45%; overflow: hidden;}
        100% { width: 45%; overflow: initial;}
    }
    @keyframes hiddenVis {
        0% {overflow: hidden;}
        99% {overflow: hidden;}
        100% {overflow: initial;}
    }
    @keyframes hiddenVis2 {
        0% {width: 0%;opacity: 0;box-shadow: 0 5px 0 -1px orange;}
        25% {width: 25%;opacity: 0.25;box-shadow: 0 0px 0 -1px orange;}
        40% {width: 25%;opacity: 0.25;box-shadow: 0 5px 0 -1px orange;}
        50% {width: 50%;opacity: 0.5;box-shadow: 0 2px 0 -1px orange;}
        65% {width: 50%;opacity: 0.5;box-shadow: 0 10px 0 -1px orange;}
        75% {width: 75%;opacity: 0.75;box-shadow: 0 2px 0 -1px orange;}
        90% {width: 75%;opacity: 0.75;box-shadow: 0 15px 0 -1px orange;}
        100% {width: 100%;opacity: 1;box-shadow: 0 2px 0 -1px orange;}
    }


    
    .itemid-303 .texteDiv:nth-of-type(2) {
        height: 80vw;
    }




}
















/* Job Azubi neues template */


.itemid-273 .zwei-spalten:nth-of-type(1),
.itemid-274 .zwei-spalten:nth-of-type(1),
.itemid-275 .zwei-spalten:nth-of-type(1),
.itemid-477 .zwei-spalten:nth-of-type(1),
.itemid-478 .zwei-spalten:nth-of-type(1),
.itemid-479 .zwei-spalten:nth-of-type(1),
.itemid-483 .zwei-spalten:nth-of-type(1),
.itemid-485 .zwei-spalten:nth-of-type(1) {
    padding: 5rem 0 0rem 0 !important;
}
.itemid-273 .zwei-spalten:nth-of-type(1) .texteDiv:nth-of-type(2),
.itemid-274 .zwei-spalten:nth-of-type(1) .texteDiv:nth-of-type(2),
.itemid-275 .zwei-spalten:nth-of-type(1) .texteDiv:nth-of-type(2),
.itemid-477 .zwei-spalten:nth-of-type(1) .texteDiv:nth-of-type(2),
.itemid-478 .zwei-spalten:nth-of-type(1) .texteDiv:nth-of-type(2),
.itemid-479 .zwei-spalten:nth-of-type(1) .texteDiv:nth-of-type(2),
.itemid-483 .zwei-spalten:nth-of-type(1) .texteDiv:nth-of-type(2),
.itemid-485 .zwei-spalten:nth-of-type(1) .texteDiv:nth-of-type(2) {
    background-image: url(https://bbg-eberswalde.de/images/aassets/bilder/unternehmen/karriere/bus.svg);
    background-size: cover;
    background-position: bottom left;
    background-repeat: no-repeat;
}
@media (max-width: 820px) {
    .itemid-273 .zwei-spalten:nth-of-type(1) .texteDiv:nth-of-type(2),
    .itemid-274 .zwei-spalten:nth-of-type(1) .texteDiv:nth-of-type(2),
    .itemid-275 .zwei-spalten:nth-of-type(1) .texteDiv:nth-of-type(2),
    .itemid-477 .zwei-spalten:nth-of-type(1) .texteDiv:nth-of-type(2),
    .itemid-478 .zwei-spalten:nth-of-type(1) .texteDiv:nth-of-type(2),
    .itemid-479 .zwei-spalten:nth-of-type(1) .texteDiv:nth-of-type(2),
    .itemid-483 .zwei-spalten:nth-of-type(1) .texteDiv:nth-of-type(2),
    .itemid-485 .zwei-spalten:nth-of-type(1) .texteDiv:nth-of-type(2) {
        background-image: none;
    }
}
.itemid-273 .eine-spalte h3,
.itemid-274 .eine-spalte h3,
.itemid-275 .eine-spalte h3,
.itemid-477 .eine-spalte h3,
.itemid-478 .eine-spalte h3,
.itemid-479 .eine-spalte h3,
.itemid-483 .eine-spalte h3,
.itemid-485 .eine-spalte h3 {
    margin: 5rem 0 0 0!important;
    font-size: 5rem !important;
}
.itemid-477 .eine-spalte h3,
.itemid-478 .eine-spalte h3,
.itemid-479 .eine-spalte h3,
.itemid-483 .eine-spalte h3 {
    margin: 0 !important;
}
@media (max-width: 820px) {
    .itemid-273 .eine-spalte h3,
    .itemid-274 .eine-spalte h3,
    .itemid-275 .eine-spalte h3,
    .itemid-477 .eine-spalte h3,
    .itemid-478 .eine-spalte h3,
    .itemid-479 .eine-spalte h3,
    .itemid-483 .eine-spalte h3,
    .itemid-485 .eine-spalte h3 {
        margin: 7vw 0 0 0!important;
        font-size: 8vw !important;
    }
}
.itemid-273 .zwei-spalten h3,
.itemid-274 .zwei-spalten h3,
.itemid-275 .zwei-spalten h3,
.itemid-477 .zwei-spalten h3,
.itemid-478 .zwei-spalten h3,
.itemid-479 .zwei-spalten h3,
.itemid-483 .zwei-spalten h3,
.itemid-485 .zwei-spalten h3 {
    width: 100% !important;
    margin: 5rem 0 !important;
    font-size: 5rem !important;
}
.itemid-477 .zwei-spalten h3,
.itemid-478 .zwei-spalten h3,
.itemid-479 .zwei-spalten h3,
.itemid-483 .zwei-spalten h3 {
    margin: 5rem 0 0 0 !important;
}
/* @media (max-width: 1400px) {
    .itemid-274 .zwei-spalten h3 {
        width: 100% !important;
        margin: 7vw 0 !important;
        font-size: 5.5vw !important;
    }
} */
@media (max-width: 820px) {
    .itemid-273 .zwei-spalten h3,
    .itemid-275 .zwei-spalten h3,
    .itemid-477 .zwei-spalten h3,
    .itemid-479 .zwei-spalten h3,
    .itemid-483 .zwei-spalten h3,
    .itemid-485 .zwei-spalten h3 {
        width: 100% !important;
        margin: 7vw 0 !important;
        font-size: 8vw !important;
    }
    .itemid-274 .zwei-spalten h3,
    .itemid-478 .zwei-spalten h3 {
        width: 100% !important;
        margin: 7vw 0 !important;
        font-size: 8vw !important;
    }
}
.itemid-273 .zwei-spalten h3 span,
.itemid-274 .zwei-spalten h3 span,
.itemid-275 .zwei-spalten h3 span,
.itemid-477 .zwei-spalten h3 span,
.itemid-478 .zwei-spalten h3 span,
.itemid-479 .zwei-spalten h3 span,
.itemid-483 .zwei-spalten h3 span,
.itemid-485 .zwei-spalten h3 span {
    font-size: 0.3em;
    color: var(--designFarbe-5);
    margin-left: -1em;
}
.itemid-477 .zwei-spalten h3 span:nth-of-type(2),
.itemid-478 .zwei-spalten h3 span:nth-of-type(2),
.itemid-479 .zwei-spalten h3 span:nth-of-type(2),
.itemid-483 .zwei-spalten h3 span:nth-of-type(2) {
    margin-left: 0;
}
.itemid-273 .zwei-spalten,
.itemid-274 .zwei-spalten,
.itemid-275 .zwei-spalten,
.itemid-477 .zwei-spalten,
.itemid-478 .zwei-spalten,
.itemid-479 .zwei-spalten,
.itemid-483 .zwei-spalten,
.itemid-485 .zwei-spalten {
    margin: 0 !important;
}
.itemid-273 .bewerbungenFirma .zwei-spalten:nth-of-type(3) .texteDiv:nth-of-type(1) p:nth-of-type(3),
.itemid-273 .bewerbungenFirma .zwei-spalten:nth-of-type(3) .texteDiv:nth-of-type(2) p:nth-of-type(2),
.itemid-274 .bewerbungenFirma .zwei-spalten:nth-of-type(3) .texteDiv:nth-of-type(1) p:nth-of-type(3),
.itemid-274 .bewerbungenFirma .zwei-spalten:nth-of-type(3) .texteDiv:nth-of-type(2) p:nth-of-type(2),
.itemid-275 .bewerbungenFirma .zwei-spalten:nth-of-type(3) .texteDiv:nth-of-type(1) p:nth-of-type(3),
.itemid-275 .bewerbungenFirma .zwei-spalten:nth-of-type(3) .texteDiv:nth-of-type(2) p:nth-of-type(2),
.itemid-477 .bewerbungenFirma .zwei-spalten:nth-of-type(3) .texteDiv:nth-of-type(1) p:nth-of-type(3),
.itemid-477 .bewerbungenFirma .zwei-spalten:nth-of-type(3) .texteDiv:nth-of-type(2) p:nth-of-type(2),
.itemid-478 .bewerbungenFirma .zwei-spalten:nth-of-type(3) .texteDiv:nth-of-type(1) p:nth-of-type(3),
.itemid-478 .bewerbungenFirma .zwei-spalten:nth-of-type(3) .texteDiv:nth-of-type(2) p:nth-of-type(2),
.itemid-479 .bewerbungenFirma .zwei-spalten:nth-of-type(3) .texteDiv:nth-of-type(1) p:nth-of-type(3),
.itemid-479 .bewerbungenFirma .zwei-spalten:nth-of-type(3) .texteDiv:nth-of-type(2) p:nth-of-type(2),
.itemid-483 .bewerbungenFirma .zwei-spalten:nth-of-type(3) .texteDiv:nth-of-type(1) p:nth-of-type(3),
.itemid-483 .bewerbungenFirma .zwei-spalten:nth-of-type(3) .texteDiv:nth-of-type(2) p:nth-of-type(2),
.itemid-485 .bewerbungenFirma .zwei-spalten:nth-of-type(3) .texteDiv:nth-of-type(1) p:nth-of-type(3),
.itemid-485 .bewerbungenFirma .zwei-spalten:nth-of-type(3) .texteDiv:nth-of-type(2) p:nth-of-type(2) {
    margin-top: 3rem;
}
.itemid-273 .bewerbungenFirma p strong,
.itemid-273 .bewerbungenFirma li,
.itemid-274 .bewerbungenFirma p strong,
.itemid-274 .bewerbungenFirma li,
.itemid-275 .bewerbungenFirma p strong,
.itemid-275 .bewerbungenFirma li,
.itemid-477 .bewerbungenFirma p strong,
.itemid-477 .bewerbungenFirma li,
.itemid-478 .bewerbungenFirma p strong,
.itemid-478 .bewerbungenFirma li,
.itemid-479 .bewerbungenFirma p strong,
.itemid-479 .bewerbungenFirma li,
.itemid-483 .bewerbungenFirma p strong,
.itemid-483 .bewerbungenFirma li,
.itemid-485 .bewerbungenFirma p strong,
.itemid-485 .bewerbungenFirma li {
    color: var(--designFarbe-5);
}
.itemid-273 .bewerbungenFirma li.keinLiPoint,
.itemid-274 .bewerbungenFirma li.keinLiPoint,
.itemid-275 .bewerbungenFirma li.keinLiPoint,
.itemid-477 .bewerbungenFirma li.keinLiPoint,
.itemid-478 .bewerbungenFirma li.keinLiPoint,
.itemid-479 .bewerbungenFirma li.keinLiPoint,
.itemid-483 .bewerbungenFirma li.keinLiPoint,
.itemid-485 .bewerbungenFirma li.keinLiPoint {
    margin: 0;
}
.itemid-273 .eine-spalte .knoepfchen,
.itemid-274 .eine-spalte .knoepfchen,
.itemid-275 .eine-spalte .knoepfchen,
.itemid-477 .eine-spalte .knoepfchen,
.itemid-478 .eine-spalte .knoepfchen,
.itemid-479 .eine-spalte .knoepfchen,
.itemid-483 .eine-spalte .knoepfchen,
.itemid-485 .eine-spalte .knoepfchen {
    width: 100% !important;
        margin: 5rem 0 !important;
}
.itemid-273 .eine-spalte .knoepfchen a:hover,
.itemid-274 .eine-spalte .knoepfchen a:hover,
.itemid-275 .eine-spalte .knoepfchen a:hover,
.itemid-477 .eine-spalte .knoepfchen a:hover,
.itemid-478 .eine-spalte .knoepfchen a:hover,
.itemid-479 .eine-spalte .knoepfchen a:hover,
.itemid-483 .eine-spalte .knoepfchen a:hover,
.itemid-485 .eine-spalte .knoepfchen a:hover {
    margin-left: 0 !important; 
}
.itemid-273 .eine-spalte .knoepfchen_standard,
.itemid-274 .eine-spalte .knoepfchen_standard,
.itemid-275 .eine-spalte .knoepfchen_standard,
.itemid-477 .eine-spalte .knoepfchen_standard,
.itemid-478 .eine-spalte .knoepfchen_standard,
.itemid-479 .eine-spalte .knoepfchen_standard,
.itemid-483 .eine-spalte .knoepfchen_standard,
.itemid-485 .eine-spalte .knoepfchen_standard {
    display: flex !important;
    width: 100% !important;
    justify-content: center !important;
    align-items: center !important;
    font-size: 2.4rem !important;
}

/* Karriere Kacheln */
.itemid-112 .com-content-category-blog__items.blog-items.columns-3 {
    display: flex;
}
.itemid-112 .com-content-category-blog__items.blog-items.columns-3 .com-content-category-blog__item.blog-item:nth-of-type(1) {
    width: 100%;
    margin-bottom: 4rem;
}
.itemid-112 .com-content-category-blog__items.blog-items.columns-3 .com-content-category-blog__item.blog-item {
    width: calc(calc(100% - 5rem) / 3);
}
@media (max-width: 820px) {
    .itemid-112 .com-content-category-blog__items.blog-items.columns-3 {
        display: grid;
    }
    .itemid-112 .com-content-category-blog__items.blog-items.columns-3 .com-content-category-blog__item.blog-item:nth-of-type(1) {
        width: 100%;
        margin-bottom: 0.5rem;
    }
    .itemid-112 .com-content-category-blog__items.blog-items.columns-3 .com-content-category-blog__item.blog-item {
        width: 100%;
    }
}
/* 
Menü Karriere fett
#navbar1 .mod-menu.mod-menu_dropdown-metismenu.metismenu.mod-list .metismenu-item.item-114.level-2 a {
    font-weight: 700;
    letter-spacing: 1px;
    font-size: 1.4rem;
} */




.itemid-483 .bewerbungenFirma > div:first-child {
    padding: 0;
}
.itemid-483.seite_5 .seiteBanner ~ div {
    transform: none;
    position: relative;
    z-index: 11;
}
@media (max-width: 760px) {

    .itemid-483.view-article main .seiteBanner {
        aspect-ratio: 3 / 3;
    }
    .itemid-483.view-article main .seiteBanner .section .bannerBild {
        display: block;
    }
    .itemid-483 .bannerBild img {
        height: 100vw;
    }
    .itemid-483 #ankerAnzeigen + div {
        margin: 16vw 0;
    }
    body.itemid-483 .seite .section:not(:first-child), p + h2, ul + h2, div:not(.drei-spalten) + h2 {
        margin-top: 0;
    }
    body.itemid-483 .footer .grid-child .mod-footer {
        padding-bottom: 1rem;
    }


}








































































/* EDOCMAN ERSATZ */

.druckBusLinen > div > div.greenBG {
    position: absolute;
    z-index: 1;
    width: 626px;
    height: 0px;
    padding: 3em 0 0 0; 

    width: 0px;
    height: 10px;

    transition: 0s;
}
.druckBusLinen > div > div.greenBG iframe {
    width: 100%;
    height: 909px;

    width: 0px;
    height: 0px;
}













/* Comliance Person */
.itemid-357 .compliance .texteDiv:nth-of-type(1) {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}







/* Menü Fix */
@media (min-width: 1000px) {
    .navbar-expand-lg .navbar-toggler {
        display: none;
    }
}
@media (max-width: 999px) {
    .navbar-expand-lg .navbar-toggler {
        display: inline-block;
    }
}
@media (max-width: 999px) {
    .collapse.navbar-collapse {
        display: none !important;
    }
}





/* Azubi Herr Gross Bild */

.itemid-273 .projektAnsprechpartner,
.itemid-274 .projektAnsprechpartner,
.itemid-275 .projektAnsprechpartner,
.itemid-477 .projektAnsprechpartner,
.itemid-478 .projektAnsprechpartner,
.itemid-479 .projektAnsprechpartner,
.itemid-483 .projektAnsprechpartner,
.itemid-485 .projektAnsprechpartner {
    display: block;
    position: relative;
    padding-left: 200px;
    box-shadow: inset 0 0 3px var(--designFarbe-5-11);
    margin-top: 2em;
    margin-bottom: 0;


    background-image: url(https://bbg-eberswalde.de/images/aassets/bilder/unternehmen/karriere/apprentio.svg);
    background-image: url(https://bbg-eberswalde.de/images/aassets/bilder/unternehmen/karriere/apprentio-weiss.svg);
    background-image: url(https://bbg-eberswalde.de/images/aassets/bilder/unternehmen/karriere/apprentio-2.svg);
    background-image: url(https://bbg-eberswalde.de/images/aassets/bilder/unternehmen/karriere/apprentio-3.svg);
    /* background-image: url(https://bbg-eberswalde.de/images/aassets/bilder/unternehmen/karriere/apprentio-a.svg); */
    background-size: 29%;
    background-repeat: no-repeat;
    background-position: right 14%;

}
.itemid-273 .projektAnsprechpartner::before,
.itemid-274 .projektAnsprechpartner::before,
.itemid-275 .projektAnsprechpartner::before,
.itemid-477 .projektAnsprechpartner::before,
.itemid-478 .projektAnsprechpartner::before,
.itemid-479 .projektAnsprechpartner::before,
.itemid-483 .projektAnsprechpartner::before,
.itemid-485 .projektAnsprechpartner::before {
    content: '';
    display: block;
    position: absolute;
    /* height: 170px; */
    height: 167px;
    aspect-ratio: 1 / 1;
    /* background-image: url(https://bbg-eberswalde.de/images/aassets/logos/leer.svg); */
    background-image: url(https://bbg-eberswalde.de/images/aassets/bilder/unternehmen/karriere/Ausbildungsleiter_Steffen-Gross.png);
    background-size: contain;
    background-repeat: no-repeat;
    /* left: 17px; */
    left: 23px;
    /* filter: drop-shadow(-5px -5px 10px var(--designFarbe-5-11)); */
    /* filter: drop-shadow(-3px -3px 3px var(--designFarbe-5-11)); */
    /* filter: drop-shadow(-3px -3px 3px var(--designFarbe-5-11)) grayscale(0.8); */
    /* box-shadow: inset 0 0 var(--designFarbe-5); */
    /* transition: 0.3s; */
}


@media (min-width: 999px) {
    .itemid-273 .projektAnsprechpartner::before,
    .itemid-274 .projektAnsprechpartner::before,
    .itemid-275 .projektAnsprechpartner::before,
    .itemid-477 .projektAnsprechpartner::before,
    .itemid-478 .projektAnsprechpartner::before,
    .itemid-479 .projektAnsprechpartner::before,
    .itemid-483 .projektAnsprechpartner::before,
    .itemid-485 .projektAnsprechpartner::before {
        box-shadow: inset 0 0 var(--designFarbe-5);
        filter: drop-shadow(-3px -3px 3px var(--designFarbe-5-11)) grayscale(0);
        background-size: 95%;
        background-position: bottom left;
        transition: 0.3s;
    }
    .itemid-273 .projektAnsprechpartner:hover::before,
    .itemid-274 .projektAnsprechpartner:hover::before,
    .itemid-275 .projektAnsprechpartner:hover::before,
    .itemid-477 .projektAnsprechpartner:hover::before,
    .itemid-478 .projektAnsprechpartner:hover::before,
    .itemid-479 .projektAnsprechpartner:hover::before,
    .itemid-483 .projektAnsprechpartner:hover::before,
    .itemid-485 .projektAnsprechpartner:hover::before {
        box-shadow: inset 18px -18px var(--designFarbe-5);
        filter: drop-shadow(-3px -3px 3px var(--designFarbe-5-11)) grayscale(0);
        background-size: 100%;
        transition: 0.3s;
    }
}

@media (max-width: 999px) {
    .itemid-273 .projektAnsprechpartner,
    .itemid-274 .projektAnsprechpartner,
    .itemid-275 .projektAnsprechpartner,
    .itemid-477 .projektAnsprechpartner,
    .itemid-478 .projektAnsprechpartner,
    .itemid-479 .projektAnsprechpartner,
    .itemid-483 .projektAnsprechpartner,
    .itemid-485 .projektAnsprechpartner {
        padding-left: initial;
        text-align: center;
        font-size: 1.1em;
        line-height: 1.4em;
    }
    .itemid-273 .projektAnsprechpartner::before,
    .itemid-274 .projektAnsprechpartner::before,
    .itemid-275 .projektAnsprechpartner::before,
    .itemid-477 .projektAnsprechpartner::before,
    .itemid-478 .projektAnsprechpartner::before,
    .itemid-479 .projektAnsprechpartner::before,
    .itemid-483 .projektAnsprechpartner::before,
    .itemid-485 .projektAnsprechpartner::before {
        position: relative;
        width: 100%;
        height: 142px;
        left: initial;
        margin-bottom: 1em;
        background-position: center;
    }

    .bewerbungenFirma p,
    .bewerbungenFirma ul li {
        font-size: 1.1em;
        line-height: 1.2em;
    }
    .bewerbungenFirma .knoepfchen_standard {
        text-align: center;
    }
}







/* Job neues Layout */

.bewerbungenFirma .vorWort {
    /* margin-top: -3rem !important; */
}
.bewerbungenFirma .vorWort p,
.bewerbungenFirma .vorWort p strong,
.bewerbungenFirma .vorWort h3 span {
    color: var(--designFarbe-5);
}
.bewerbungenFirma .vorWort h3 {
    width: 100%;
    font-size: 3.8em;
    margin-top: 0.5em;
    margin-bottom: 1em;
}
.bewerbungenFirma .vorWort h3 span {
    font-size: 0.25em;
}
.bewerbungenFirma .vorWort + .bewerbungen li {
    font-size: 1.3em;
}

@media (max-width: 761px) {
    .bewerbungenFirma > div:first-child {
        padding: 3rem 0 5rem 0;
    }
    .bewerbungenFirma .vorWort h3 {
        font-size: 11vw;
    }
    .bewerbungenFirma .vorWort + .bewerbungen li {
        font-size: 1.1em;
    }
}








/* Aktuelle Informationen stoerAiEB */

.seite_2.stoer.stoerAiEB .zwei-spalten .texteDiv:first-child {
    width: 65%;
}
.seite_2.stoer.stoerAiEB .zwei-spalten .texteDiv:last-child {
    width: 35%;
}
.stoerAiEB h4 {
    font-size: 2.5em;
    text-align: center;
}

.stoerAiEB h4 ~ p > a {
    display: block;
    width: 100%;
    padding: 1rem;
    margin: 0.5rem 0 0.5rem 0;
    border-radius: 5px;
    color: var(--designFarbe-0);
    font-size: 1.5rem;
    text-align: center;
    box-shadow: none;
    transition: all 0.5s;
    border: 1px solid var(--designFarbe-9-11-vt);
    background: var(--designFarbe-9);
    text-decoration: none;
}

.stoerAiEB .texteDiv h4:nth-of-type(1) {
    color: var(--designFarbe-11);
}

.seite_2.stoerE.stoerAiEB .section_2 .texteDiv div.knoepfchen:nth-of-type(1) a.knoepfchen_standard,
.stoerAiEB .texteDiv h4:nth-of-type(1) ~ p > a {
    background: var(--designFarbe-11);
}
.seite_2.stoerE.stoerAiEB .section_2 .texteDiv div.knoepfchen:nth-of-type(1) a.knoepfchen_standard:hover,
.stoerAiEB .texteDiv h4:nth-of-type(1) ~ p > a:hover {
    border: 1px solid var(--designFarbe-11);
    color: var(--designFarbe-11);
    background: var(--designFarbe-11-11);
}



.stoerAiEB .texteDiv h4:nth-of-type(2) ~ p > a {
    background: var(--designFarbe-9);
}
.stoerAiEB .texteDiv h4:nth-of-type(2) ~ p > a:hover {
    border: 1px solid var(--designFarbe-9);
    color: var(--designFarbe-9);
    background: var(--designFarbe-9-11);
}


    

.seite_2.stoerAiEB h1,
.seite_2.stoerAiEB h2 {
    color: var(--designFarbe-1);
}
.seite_2.stoerAiEB h2 {
    box-shadow: -5px 8px 0 -4px var(--designFarbe-1-back), -5px 10px 0 -5px var(--designFarbe-1);
}
.stoerAiEB .texteDiv:nth-of-type(1) p {
    font-size: 1.9em;
    line-height: 1em;
    font-weight: 700;
    color: var(--designFarbe-1);
}


/* Archiv Fix 
.itemid-258.view-category {
    background: var(--designFarbe-5-back);
}
*/


@media (max-width: 761px) {
    .stoerAiEB .zwei-spalten {
        display: flex;
        flex-direction: column;
    }
    .seite_2.stoer.stoerAiEB .zwei-spalten .texteDiv:first-child {
        width: 100%;
    }
    .seite_2.stoer.stoerAiEB .zwei-spalten .texteDiv:last-child {
    width: 100%;
    margin-top: 20vw;
}
    .seite_2.stoerE.stoerAiEB h1 {
        font-size: 8vw;
    }
    .stoerAiEB .texteDiv:nth-of-type(1) p {
        font-size: 7vw;
        line-height: 10vw;
    }
    .seite_2.stoerE.stoerAiEB .texteDiv h4:nth-of-type(2) {
        margin-top: 25vw;
    }


}



/* Baustelle Fix */

.stoer.appPdf {
    display: none;
}

.pdfAnzeigen .stoer.appPdf {
    display: block;
}


.pdfAnzeigen .stoer.appPdf .linkApppdf {
    display: block;
    width: 100%;
    padding: 1rem;
    margin: 0.5rem 0 0.5rem 0;
    border-radius: 5px;
    color: var(--designFarbe-0);
    font-size: 1.5rem;
    text-align: center;
    box-shadow: none;
    transition: all 0.5s;
}
.pdfAnzeigen .seite_2.stoerE a.linkApppdf {
    border: 1px solid var(--designFarbe-9-11-vt);
    background: var(--designFarbe-9);
}
.pdfAnzeigen .seite_2.stoerF a.linkApppdf {
    border: 1px solid var(--designFarbe-10-11-vt);
    background: var(--designFarbe-10);
}
.pdfAnzeigen .seite_2.stoerB a.linkApppdf {
    border: 1px solid var(--designFarbe-11-11-vt);
    background: var(--designFarbe-11);
}
.pdfAnzeigen .stoer.appPdf .linkApppdf:hover {
    border: 1px solid var(--designFarbe-text);
    color: var(--designFarbe-text);
    background: var(--designFarbe-0);
    transition: 0.3s;
}
.stoer.appPdf a.linkApppdf[href="#"] {
    display: none;
}








/* Allgemeine Informationen NEW */
.infoBoxAktuell li a {
    text-decoration: none;
}
.infoBoxAktuell li a:hover {
    text-decoration: none;
}
.infoBoxAktuell a span {
    color: var(--designFarbe-0);
    font-size: 0.8em;
}
.infoBoxAktuell a strong {
    color: var(--designFarbe-0);
    font-size: 1.2em;
    box-shadow: inset 0 0px 0 var(--designFarbe-0);
    transition: 0.3s;
}
.infoBoxAktuell li a:hover strong {
    box-shadow: inset 0 -1px 0 var(--designFarbe-0);
    transition: 0.3s;
}
.infoBoxAktuell a::before {
    opacity: 0.3;
    scale: 0.8;
    transition: 0.3s;
}
.infoBoxAktuell a.newsNeu::before {
    opacity: 1;
    scale: 1;
}
.infoBoxAktuell a:hover::before {
    opacity: 1;
    scale: 1;
    /* text-decoration: underline; */
    transition: 0.3s;
}






/* Buslinien ohne Edocman */
/* Fahrplan Kachel */

.buslinie {
    padding: 5em 0 0 0;
}
.buslinie div.drei-spalten div.texteDiv {
    display: initial;
}

.buslinie div.drei-spalten div.texteDiv {
    padding: 0 2rem 2rem 0;
}
.buslinie div.drei-spalten {
    align-items: flex-end;
}


.naAus {
    display: none;
}

.buslinie.seite_9 h1, 
.buslinie.seite_9 h3, 
.buslinie.seite_9 p, 
.buslinie.seite_9 strong, 
.buslinie.seite_9 a {
    color: var(--designFarbe-9);
}

.buslinie.seite_10 h1, 
.buslinie.seite_10 h3, 
.buslinie.seite_10 p, 
.buslinie.seite_10 strong, 
.buslinie.seite_10 a {
    color: var(--designFarbe-10);
}

.buslinie.seite_11 h1, 
.buslinie.seite_11 h3, 
.buslinie.seite_11 p, 
.buslinie.seite_11 strong, 
.buslinie.seite_11 a {
    color: var(--designFarbe-11);
}


.buslinie h3 {
    margin-top: 1em;
}

.buslinie h3 + div p {
    margin: 0;
    font-family: var(--designFontBold);
}
.buslinie h3 + div p:nth-of-type(1) {
    margin: 1em 0 0 0;
}
.buslinie h3 + div p:nth-of-type(2) {
    margin: 0.3em 0 0 0;
}

.buslinie .drei-spalten > div:nth-of-type(2) {
    padding-left: 0;
    padding-right: 0;
}






@media (max-width: 761px) {
    .buslinie {
        padding: 3em 1em;
    }
    .buslinie div.drei-spalten div.texteDiv {
        width: 100%;
        padding: 0 0 2rem 0;
    }
    

    .buslinie h1 {
        font-size: 2em;
    }
    .buslinie h3 + div p {
        font-size: 1em;
        line-height: 1.3;
    }
    .buslinie .drei-spalten > div {
        padding: 0 0 4em 0;
    }

}


.buslinie .texteDiv div:nth-of-type(2) {
    width: 100%;
    margin-bottom: 0;
    padding: 1rem;
    border-radius: 5px 5px 0 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.buslinie .texteDiv div:nth-of-type(2) p {
    margin-bottom: 0;
    margin-top: 1rem;
}
.buslinie .texteDiv div:nth-of-type(2) p:nth-of-type(1) {
    margin-bottom: 0;
    margin-top: 0;
}
.buslinie.seite_9 .texteDiv div:nth-of-type(2) {
    background: var(--designFarbe-9-11-vt);
    box-shadow: 0 0 0 1px var(--designFarbe-9);
}
.buslinie.seite_10 .texteDiv div:nth-of-type(2) {
    background: var(--designFarbe-10-11-vt);
    box-shadow: 0 0 0 1px var(--designFarbe-10);
}
.buslinie.seite_11 .texteDiv div:nth-of-type(2) {
    background: var(--designFarbe-11-11-vt);
    box-shadow: 0 0 0 1px var(--designFarbe-11);
}

.buslinie .texteDiv div:nth-of-type(3) {
    width: 100%;
    margin-bottom: 0;
    padding: 0;
}
.buslinie .texteDiv div:nth-of-type(3) a {
    display: inline-block;
    position: relative;
    width: 100%;
    margin-bottom: 0;
    padding: 0.7rem 1rem;
    font-size: 1.3rem;
    transition: var(--designTransition1);
    font-family: var(--designFontBold);
    text-decoration: none;
    text-align: center;
    color: var(--designFarbe-0);
    transition: var(--designTransition1);
}
.buslinie .texteDiv div:nth-of-type(3) a::before {
    content: var(--designIconDeBus);
    font-family: var(--designFontAwesome5);
    font-size: 1.3rem;
    font-weight: 900;
    right: 1.5rem;
    position: absolute;
    transition: var(--designTransition1);
}

.buslinie .texteDiv div:nth-of-type(3) a:hover {
    transition: var(--designTransition08s);
}
.buslinie .texteDiv div:nth-of-type(3) a:hover::before {
    transition: 0s;
}

.buslinie.seite_9 .texteDiv div:nth-of-type(3) a {
    background: var(--designFarbe-9);
    box-shadow: 0 0 0 1px var(--designFarbe-9), inset 0px 0px 0px 0 var(--designFarbe-9), inset 0px 0px 0px 0 var(--designFarbe-9), inset 0 0 0 0 var(--designFarbe-9-11-vt), inset 0px 0px 0px 0 var(--designFarbe-0);
}
.buslinie.seite_10 .texteDiv div:nth-of-type(3) a {
    background: var(--designFarbe-10);
    box-shadow: 0 0 0 1px var(--designFarbe-10), inset 0px 0px 0px 0 var(--designFarbe-10), inset 0px 0px 0px 0 var(--designFarbe-10), inset 0 0 0 0 var(--designFarbe-10-11-vt), inset 0px 0px 0px 0 var(--designFarbe-0);
}
.buslinie.seite_11 .texteDiv div:nth-of-type(3) a {
    background: var(--designFarbe-11);
    box-shadow: 0 0 0 1px var(--designFarbe-11), inset 0px 0px 0px 0 var(--designFarbe-11), inset 0px 0px 0px 0 var(--designFarbe-11), inset 0 0 0 0 var(--designFarbe-11-11-vt), inset 0px 0px 0px 0 var(--designFarbe-0);
}




.buslinie.seite_9 .texteDiv div:nth-of-type(3) a:hover {
    background: var(--designFarbe9-11-vt);
    color: var(--designFarbe-9);
    box-shadow: 0 0 0 1px var(--designFarbe-9), inset 1px 1px 4px -2px var(--designFarbe-9), inset 0px 0px 0px 0px var(--designFarbe-9), inset -500px 0px 2px 0 var(--designFarbe-9-11-vt), inset -1px -1px 4px -2px var(--designFarbe-0);
}
.buslinie.seite_10 .texteDiv div:nth-of-type(3) a:hover {
    background: var(--designFarbe-10-11-vt);
    color: var(--designFarbe-10);
    box-shadow: 0 0 0 1px var(--designFarbe-10), inset 1px 1px 4px -2px var(--designFarbe-10), inset 0px 0px 0px 0px var(--designFarbe-10), inset -500px 0px 2px 0 var(--designFarbe-10-11-vt), inset -1px -1px 4px -2px var(--designFarbe-0);
}
.buslinie.seite_11 .texteDiv div:nth-of-type(3) a:hover {
    background: var(--designFarbe-11-11-vt);
    color: var(--designFarbe-11);
    box-shadow: 0 0 0 1px var(--designFarbe-11), inset 1px 1px 4px -2px var(--designFarbe-11), inset 0px 0px 0px 0px var(--designFarbe-11), inset -500px 0px 2px 0 var(--designFarbe-11-11-vt), inset -1px -1px 4px -2px var(--designFarbe-0);
}




/* Aktuelle Informationen */
.seite_2.stoerAi h2 {
    box-shadow: -5px 8px 0 -4px var(--designFarbe-2-back), -5px 10px 0 -5px var(--designFarbe-1);
}
.seite_2.stoerAi h1, .seite_2.stoerAi h2, .seite_2.stoerAi h4 {
    color: var(--designFarbe-1);
}
.seite_2.stoerAi + .seite a.knoepfchen_standard {
    background-color: var(--designFarbe-1);
}


/* Footer info Öffnungszeiten */
.kontaktForm .formularTexte h3 + p > span {
    background: var(--designFarbe-2);
    display: block;
    padding: 0.5em;
    border-radius: 0.3em;
    color: var(--designFarbe-0);
    font-size: 0.9em;
}




/* Anpassung downloads */
@media (max-width: 760px) {
    .itemid-128 .design0011#seite ~ * .drei-spalten > div .knoepfchen a::before {
        right: 0.5em;
        top: -1.8em;
        filter: drop-shadow(2px 4px 0px #00000011);
        /* filter: drop-shadow(2px 4px 1px var(--designFarbe-6-11-vt)) drop-shadow(2px 2px 0px #00000022); */
    }
    .itemid-128 .design0011#seite ~ *.seite_4 .drei-spalten > div .knoepfchen a::before {
        color: var(--designFarbe-4);
    }
    .itemid-128 .design0011#seite ~ *.seite_6 .drei-spalten > div .knoepfchen a::before {
        color: var(--designFarbe-6);
    }
    .itemid-128 .design0011#seite ~ *.seite_5 .drei-spalten > div .knoepfchen a::before {
        color: var(--designFarbe-5);
    }
}

/* Footer neuer Style 03 01 2024 */
@media (max-width: 760px) {
    footer .formularZusatz {
        margin: 0 -2rem 0 -2rem;
        width: initial;
    }
    footer .formularTexte > div {
        padding: 2rem;
    }
}


/* Anpassung sparen im abonnement */

.itemid-108 .section h3 {
    margin-top: 4rem;
}
.itemid-108 .section h4 {
    margin-bottom: 4rem;
}
.itemid-108 .accordionGross .accordionfeld:last-child .accordionTitel {
    position: relative;
}
.itemid-108 .accordionGross .accordionfeld:last-child .accordionTitel::before {
    content: '';
    width: calc(100% - 2rem);
    background: var(--designFarbe-4-11-vt);
    height: 1px;
    position: absolute;
    top: 50%;
}

@media (max-width: 760px) {
    .itemid-108 p {
        font-size: 1.1rem;
        line-height: 1.2rem;
    }
    .itemid-108 .section_4 a.knoepfchen_standard {
        padding: 11px 11px;
        text-align: center;
    }
    .itemid-108 .section h2,
    .itemid-108 .section > h2:first-child + div.zwei-spalten > div:nth-child(2) > h3:first-child  {
        margin-top: 5rem;
    }

}










/* Slider Puls */
/*
.slider._1920x800uwqxga {
    transition: 0.6s;
} 
.slider._1920x800uwqxga:hover {
    filter: hue-rotate(15deg);
    transition: 0.3s;
} 
    
.slider._1920x800uwqxga .sliderBild img {
    animation: pulsMe 10s infinite;
}
@keyframes pulsMe {
    0% {scale: 1;}
    15% {scale: 1;}
    20% {scale: 1.2;}
    100% {scale: 1;}
}
@media (max-width: 760px) {
    @keyframes pulsMe {
        0% {scale: 1;}
        15% {scale: 1;}
        20% {scale: 1.1;}
        100% {scale: 1;}
    }
}

@media (min-width: 761px) {
    .slider._1920x800uwqxga .sliderLink a {
        animation: pulsMe2 10s infinite;
    }
    @keyframes pulsMe2 {
        0% {box-shadow: inset 0 20px 30px -20px #00000099;}
        15% {box-shadow: inset 0 20px 30px -20px #00000099;}
        20% {box-shadow: inset 0 0px 0px -30px #00000000;}
        100% {box-shadow: inset 0 20px 30px -20px #00000099;}
    }

}
*/














/* Orientierungspläne */




.orientierungsplan {
    /*border: 1px solid var(--designFarbe-1);*/
}
.orientierungsplan h2 {
    margin: 5rem 0 0 0;
    text-align: center;
    box-shadow: none;   
}
ul.raum_eberswalde + .orientierungsplan h2,
ul.raum_eberswalde ~ .orientierungsplan h2 {
    color: var(--designFarbe-9);
}
ul.raum_bad_freienwalde + .orientierungsplan h2,
ul.raum_bad_freienwalde ~ .orientierungsplan h2 {
    color: var(--designFarbe-10);
}
ul.raum_bernau + .orientierungsplan h2,
ul.raum_bernau ~ .orientierungsplan h2 {
    color: var(--designFarbe-11);
}



.orientierungsplan + h2 {
    margin: 5rem 0 0 0;
    text-align: center;
    box-shadow: none;
}
.orientierungsplan + h2 strong {
    color: var(--danger);
    font-family: var(--designFontBold);
}

@media (min-width: 1000px) and (max-width: 1366px) {
    .orientierungsplan + h2 strong {
        font-size: 3vw;
    }
}
@media (max-width: 760px) {
    .orientierungsplan + h2 {
        margin: initial;
    }
}



.orientierungsplan p {
    margin: 0 0.5rem;
    text-align: center;
    box-shadow: none;
}
.orientierungsplan p strong {
    margin: 1rem 0 0 0;
    display: block;
}
.raum_eberswalde + .orientierungsplan p strong {
    color: var(--designFarbe-9);
}
.raum_bad_freienwalde + .orientierungsplan p strong {
    color: var(--designFarbe-10);
}
.raum_bernau + .orientierungsplan p strong {
    color: var(--designFarbe-11);
}
.orientierungsplan ul {
    margin-bottom: 0rem;
    list-style: none;
    padding-inline-start: 0;
    display: flex;
    justify-content: center;

}
.orientierungsplan li {
    flex: 130px;
    margin: 1rem 2rem;
    /*filter: drop-shadow(2px 2px 5px var(--designFarbe-12));*/
}
.orientierungsplan a {
    color: var(--danger);
    border: 1px solid green;
    border-radius: 5px;
    width: 100%;
    display: inline-block;
    text-align: center;
    padding: 1rem 0.5rem;
    text-decoration: none;
    transition: all 0.5s;
    font-size: 1.3rem;
    line-height: 1.8rem;
    font-weight: 700;
}
.raum_eberswalde + .orientierungsplan a,
.raum_eberswalde ~ .orientierungsplan a {
    border: 1px solid var(--designFarbe-9-11-vt);
    background: var(--designFarbe-9);
}
.raum_bad_freienwalde + .orientierungsplan a,
.raum_bad_freienwalde ~ .orientierungsplan a {
    border: 1px solid var(--designFarbe-10-11-vt);
    background: var(--designFarbe-10);
}
.raum_bernau + .orientierungsplan a,
.raum_bernau ~ .orientierungsplan a {
    border: 1px solid var(--designFarbe-11-11-vt);
    background: var(--designFarbe-11);
}
.raum_eberswalde + .orientierungsplan a:hover,
.raum_bad_freienwalde + .orientierungsplan a:hover,
.raum_bernau + .orientierungsplan a:hover,
.raum_eberswalde ~ .orientierungsplan a:hover,
.raum_bad_freienwalde ~ .orientierungsplan a:hover,
.raum_bernau ~ .orientierungsplan a:hover {
    text-align: center;
    text-decoration: none;
    transition: all 0.3s;
    filter: drop-shadow(6px -1px 2px lightgrey);
}
.raum_eberswalde + .orientierungsplan a:hover,
.raum_eberswalde ~ .orientierungsplan a:hover {
    border: 1px solid var(--designFarbe-9);
    color: var(--designFarbe-9);
    background: var(--designFarbe-9-11);
}
.raum_bad_freienwalde + .orientierungsplan a:hover,
.raum_bad_freienwalde ~ .orientierungsplan a:hover {
    border: 1px solid var(--designFarbe-10);
    color: var(--designFarbe-10);
    background: var(--designFarbe-10-11);
}
.raum_bernau + .orientierungsplan a:hover,
.raum_bernau ~ .orientierungsplan a:hover {
    border: 1px solid var(--designFarbe-11);
    color: var(--designFarbe-11);
    background: var(--designFarbe-11-11);
}

.orientierungsplan a span {
    font-size: 0.9em;
    color: var(--designFarbe-0);
    transition: 0.5s;
    font-weight: 500;
}

.raum_eberswalde + .orientierungsplan a:hover span,
.raum_eberswalde ~ .orientierungsplan a:hover span {
    color: var(--designFarbe-9);
    transition: 0.5s;
}
.raum_bad_freienwalde + .orientierungsplan a:hover span,
.raum_bad_freienwalde ~ .orientierungsplan a:hover span {
    color: var(--designFarbe-10);
    transition: 0.5s;
}
.raum_bernau + .orientierungsplan a:hover span,
.raum_bernau ~ .orientierungsplan a:hover span {
    color: var(--designFarbe-11);
    transition: 0.5s;
}

.orientierungsplan li {
    /* margin: 0; */
}
.orientierungsplan p strong {
    font-size: 1rem ;
    line-height: 0rem;
    display: inline;
}
.infoBoxOpen .orientierungsplan p strong {
    font-size: 1.3rem;
    line-height: 1.8rem;
    margin: 1rem 0 0 0;
    display: block;
}
.infoBoxOpen .orientierungsplan a {
    font-size: 1.3rem;
    line-height: 1.8rem;
    padding: 1.3rem;
    margin: 0 !important;
}

.infoBoxOpen .orientierungsplan p strong {
    font-size: 1rem;
    line-height: 1rem;
}
.orientierungsplan a {
    /* font-size: 1rem; */
    /* line-height: 1.3rem; */
}
.infoBoxOpen .orientierungsplan a {
    font-size: 1rem;
    line-height: 1.8rem;
    padding: 0.8rem;
    margin: 0;
}
/* Linienplatzhalter Startseite */
/* .section_9 .orientierungsplan p:nth-of-type(3), */
/* .section_9 .orientierungsplan ul:nth-of-type(3), */
.section_9 .orientierungsplan p:nth-of-type(4),
.section_9 .orientierungsplan ul:nth-of-type(4),
/* .section_10 .orientierungsplan p:nth-of-type(2), */
/* .section_10 .orientierungsplan ul:nth-of-type(2), */
.section_10 .orientierungsplan p:nth-of-type(3),
.section_10 .orientierungsplan ul:nth-of-type(3),
.section_10 .orientierungsplan p:nth-of-type(4),
.section_10 .orientierungsplan ul:nth-of-type(4) {
/* .section_11 .orientierungsplan p:nth-of-type(4), */
/* .section_11 .orientierungsplan ul:nth-of-type(4) { */
    opacity: 0;
    pointer-events: none;
}
/*
.infoBoxOpen .section_10 .orientierungsplan p:nth-of-type(3),
.infoBoxOpen .section_10 .orientierungsplan ul:nth-of-type(3),
.infoBoxOpen .section_10 .orientierungsplan p:nth-of-type(4),
.infoBoxOpen .section_10 .orientierungsplan ul:nth-of-type(4),
.infoBoxOpen .section_11 .orientierungsplan p:nth-of-type(4),
.infoBoxOpen .section_11 .orientierungsplan ul:nth-of-type(4) {
    display: none;
}
*/
@media (max-width: 760px) {
    /* .section_9 .orientierungsplan p:nth-of-type(3), */
    /* .section_9 .orientierungsplan ul:nth-of-type(3), */
    .section_9 .orientierungsplan p:nth-of-type(4),
    .section_9 .orientierungsplan ul:nth-of-type(4),
    /* .section_10 .orientierungsplan p:nth-of-type(2), */
    /* .section_10 .orientierungsplan ul:nth-of-type(2), */
    .section_10 .orientierungsplan p:nth-of-type(3),
    .section_10 .orientierungsplan ul:nth-of-type(3),
    .section_10 .orientierungsplan p:nth-of-type(4),
    .section_10 .orientierungsplan ul:nth-of-type(4) {
    /* .section_11 .orientierungsplan p:nth-of-type(4), */
    /* .section_11 .orientierungsplan ul:nth-of-type(4) { */
        display: none;
    }
}


@media (min-width: 1025px) {
    .itemid-103 .orientierungsplan a {
        padding: 1rem 1.5rem;
    }
}

@media (max-width: 999px) {
    .orientierungsplan li {
        margin: 0;
    }
}



@media (max-width: 760px) {
    .orientierungsplan > h2 {
        margin-top: 1rem;
        margin-bottom: 1rem;
    }
}
.bbgKarteE ~ .orientierungsplan h2,
.bbgKarteB ~ .orientierungsplan h2 {
    opacity: 0;
    pointer-events: none;
}
.infoBoxOpen .bbgKarteE ~ .orientierungsplan h2,
.infoBoxOpen .bbgKarteB ~ .orientierungsplan h2 {
    opacity: 1;
    pointer-events: initial;
}
@media (max-width: 760px) {
    .bbgKarteE ~ .orientierungsplan h2,
    .bbgKarteB ~ .orientierungsplan h2 {
        opacity: 1;
        pointer-events: initial;
    }
}

















/* Beitrag eLearning */
.itemid-238 .slider._1920x800uwqxga .sliderTexte > div,
.slider._1920x800uwqxga .sliderTexte.eLearning > div {
    width: initial;
    height: initial;
    padding: 4vw;
    margin-left: 7.5vw;
    border-radius: 1vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: var(--designFarbe-5-66);
}
.itemid-238 .slider._1920x800uwqxga .sliderTexte > div > *,
.slider._1920x800uwqxga .sliderTexte.eLearning > div > * {
    color: var(--designFarbe-0);
}

@media (max-width: 760px) {
    .itemid-238 .slider._1920x800uwqxga .sliderTexte > div,
    .slider._1920x800uwqxga .sliderTexte.eLearning > div {
        display: none;
    }
    .itemid-238 #ankerAnzeigen {
        margin-top: calc(calc(calc(calc(100vw / 12)* 5) + 25vw) + 71px);
    }
    .itemid-238 .seite_5 h2 {
        box-shadow: 0px 0px 0 0px var(--designFarbe-5-back), 0px 0px 0 0px var(--designFarbe-5);
    }
    .itemid-238 .section_5.eine-spalte h3 {
        margin-top: 2rem;
    }

}






/* Startseite Buslinien Fix */

.nav-item a[href="#"] {
    opacity: 0;
    pointer-events: none;
}
.itemid-103 .nav-item.item-410 {
    display: none;
}



/* Fundsachen */




.itemid-315 .cont_bereicheBbg {
    position: relative;
    user-select: none;
}





.itemid-315 .direktWahl {
    display: flex;
}
.itemid-315 .direktWahl > div {
    width: calc(100% / 3);
}

.itemid-315 .direktWahl > div {
    position: relative;
    flex: calc(33% - 0em);
    margin: 0.5em;
    text-align: center;
    max-width: calc(33% - 0em);
    border-radius: 0.3em;
    padding: 0.5em 0;
    cursor: pointer;
    transition: 0.3s;
}
.itemid-315 .direktWahl > div p {
    padding: 0.3em 0 1em 0;
    color: var(--designFarbe-0);
    transition: 0.3s;
}
.itemid-315 .direktWahl > div a {
    text-decoration: none;
    position: absolute;
    display: flex;
    height: 100%;
    /* background: #fb000069; */
    width: 100%;
    top: 0;
    justify-content: center;
    align-items: flex-end;
    padding: 3em 0 0.5em 0;
    font-size: 1.2em;
    color: var(--designFarbe-0);
    transition: 0.3s;
}


.itemid-315 .direktWahl > .cont_raum_eberswalde {
    border: 1px solid var(--designFarbe-9-11);
    background: var(--designFarbe-9);
}
.itemid-315 .direktWahl > .cont_raum_eberswalde:hover {
    border: 1px solid var(--designFarbe-9);
    color: var(--designFarbe-9);
    background: var(--designFarbe-11-9);
}
.itemid-315 .direktWahl > .cont_raum_eberswalde:hover p,
.itemid-315 .direktWahl > .cont_raum_eberswalde:hover a {
    color: var(--designFarbe-9);
}

.itemid-315 .direktWahl > .cont_raum_bad_freienwalde {
    border: 1px solid var(--designFarbe-10-11);
    background: var(--designFarbe-10);
}
.itemid-315 .direktWahl > .cont_raum_bad_freienwalde:hover {
    border: 1px solid var(--designFarbe-10);
    color: var(--designFarbe-10);
    background: var(--designFarbe-10-11);
}
.itemid-315 .direktWahl > .cont_raum_bad_freienwalde:hover p,
.itemid-315 .direktWahl > .cont_raum_bad_freienwalde:hover a {
    color: var(--designFarbe-10);
}

.itemid-315 .direktWahl > .cont_raum_bernau {
    border: 1px solid var(--designFarbe-11-11);
    background: var(--designFarbe-11);
}
.itemid-315 .direktWahl > .cont_raum_bernau:hover {
    border: 1px solid var(--designFarbe-11);
    color: var(--designFarbe-11);
    background: var(--designFarbe-11-11);
}
.itemid-315 .direktWahl > .cont_raum_bernau:hover p,
.itemid-315 .direktWahl > .cont_raum_bernau:hover a {
    color: var(--designFarbe-11);
}
@media (max-width: 760px) {
    
    .itemid-315 .direktWahl {
        flex-wrap: wrap;
    }
    .itemid-315 .direktWahl > div {
        flex: calc(100% - 0em);
        max-width: calc(100% - 0em);
    }
}










.itemid-315 .busAuswahl {
    width: calc(100% - 1em);
    position: relative;
    margin: 0.5em 0.5em 0 0.5em;
    /* border: 1px solid var(--designFarbe-1-11); */
    border-radius: 0.3em 0.3em 0 0;
    /* background: var(--designFarbe-1); */
    background: var(--designFarbe-1-11);
    cursor: pointer;
    transition: 0.3s;
}
.itemid-315 .busAuswahl:hover {
    /* border: 1px solid var(--designFarbe-1); */
    color: var(--designFarbe-0);
    /* background: var(--designFarbe-1-11); */
    background: var(--designFarbe-1-99);
}

.itemid-315 .busAuswahl .telNachBus {
    font-size: 1.3em;
    text-align: center;
    padding: 1em;
    /* color: var(--designFarbe-0); */
    color: var(--designFarbe-1);
    transition: 0.3s;
    position: relative;
}
.itemid-315 .busAuswahl:hover .telNachBus {
    color: var(--designFarbe-0);
}
.itemid-315 .busAuswahl .telNachBus::after {
    content: '';
    position: absolute;
    width: 1em;
    height: 100%;
    top: 50%;
    /* background: var(--designFarbe-1-11); */
    background-image: var(--designIconDownG);
    background-position: center;
    background-repeat: no-repeat;
    margin-left: 0.5em;
    transform: translateY(-50%) rotate(180deg);
    transition: all 0.3s, transform 0.1s 0.15s;
}
.itemid-315 .busAuswahl:hover .telNachBus::after {
    background-image: var(--designIconDownW);
}
.itemid-315 .busAuswahl .telNachBus.openTelMe::after {
    transform: translateY(-50%) rotate(0deg);
}

.itemid-315 .gefundenEW .busAuswahl .telNachBus::after, 
.itemid-315 .gefundenBF .busAuswahl .telNachBus::after,
.itemid-315 .gefundenBR .busAuswahl .telNachBus::after {
    background-image: var(--designIconDownW);
    transform: translateY(-50%) rotate(180deg);
}

.itemid-315 .gefundenEW .busAuswahl .telNachBus.openTelMe::after, 
.itemid-315 .gefundenBF .busAuswahl .telNachBus.openTelMe::after,
.itemid-315 .gefundenBR .busAuswahl .telNachBus.openTelMe::after {
    background-image: var(--designIconDownW);
    transform: translateY(-50%) rotate(0deg);
}



@media (max-width: 760px) {
    .itemid-315 .busAuswahl .telNachBus::after {
        right: 1em;
    }
}





.itemid-315 .busAuswahl .telNachBusContInput {
    height: 0em;
    position: absolute;
    width: 100%;
    overflow: hidden;
    /* border: 1px solid var(--designFarbe-1); */
    color: var(--designFarbe-1);
    background: var(--designFarbe-1-11);
    transition: 0.3s;
}

.itemid-315 .busAuswahl:hover .telNachBusContInput {
    background: var(--designFarbe-1-99);
    transition: 0.3s;
}
.itemid-315 .busAuswahl .telNachBusContInput > div {
    font-size: 1.3em;
    text-align: center;
    padding: 0 0 1em 0;
    color: var(--designFarbe-0);
    transition: 0.3s;
}

.itemid-315 .busAuswahl .telNachBusContInput .telNachBusInput {
    padding: 0.2em 0;
    text-align: center;
    border: none;
    background: var(--designFarbe-1-66);
    color: var(--designFarbe-0);
    font-size: 1.3em;
    width: 5em;
    font-weight: 500;
    letter-spacing: 0.05em;
    border-radius: 0.3em;
}
.itemid-315 .busAuswahl .telNachBusContInput .telNachBusInput::placeholder {
    color: var(--designFarbe-0-66);
    font-weight: 400;
}










.itemid-315 .bereicheBbg {
    position: absolute;
    display: flex;
    height: 0em;
    /* margin: 5em 0 0 0; */
    margin: 4.9em 0 0 0;
    /* padding: 0 0.5em; */
    padding: 0 0.55em;
    overflow: hidden;
    /* background: var(--designFarbe-0-99); */
    background: var(--designFarbe-5-11-vt);
    /* backdrop-filter: blur(3px); */
    z-index: 1;
    border-radius: 0 0 0.5em 0.5em;
}
.itemid-315 .bereicheBbg > div {
    width: calc(100% / 3);
}

.itemid-315 .bereicheBbg > .cont_raum_eberswalde {
    background: var(--designFarbe-9-11);
}
.itemid-315 .bereicheBbg > .cont_raum_bad_freienwalde {
    background: var(--designFarbe-10-11);
}
.itemid-315 .bereicheBbg > .cont_raum_bernau {
    background: var(--designFarbe-11-11);
}


.itemid-315 .bereicheBbg > div > ul {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    user-select: none;
}

.itemid-315 .bereicheBbg > div > ul > li {
    flex: calc(50% - 1em);
    margin: 0.5em;
    text-align: center;
    max-width: calc(50% - 1em);
    color: var(--designFarbe-0);
    border-radius: 0.3em;
    padding: 0.5em 0;
    cursor: pointer;
    transition: 0.3s;
}

.itemid-315 .bereicheBbg > div > ul > li:hover {
    transition: 0.3s;
}



.itemid-315 .bereicheBbg > div > ul.raum_eberswalde > li {
    border: 1px solid var(--designFarbe-9-11);
    background: var(--designFarbe-9);
}
.itemid-315 .bereicheBbg > div > ul.raum_eberswalde > li:hover {
    border: 1px solid var(--designFarbe-9);
    color: var(--designFarbe-9);
    background: var(--designFarbe-11-9);
}

.itemid-315 .bereicheBbg > div > ul.raum_bad_freienwalde > li {
    border: 1px solid var(--designFarbe-10-11);
    background: var(--designFarbe-10);
}
.itemid-315 .bereicheBbg > div > ul.raum_bad_freienwalde > li:hover {
    border: 1px solid var(--designFarbe-10);
    color: var(--designFarbe-10);
    background: var(--designFarbe-10-11);
}

.itemid-315 .bereicheBbg > div > ul.raum_bernau > li {
    border: 1px solid var(--designFarbe-11-11);
    background: var(--designFarbe-11);
}
.itemid-315 .bereicheBbg > div > ul.raum_bernau > li:hover {
    border: 1px solid var(--designFarbe-11);
    color: var(--designFarbe-11);
    background: var(--designFarbe-11-11);
}





.itemid-315 .bereicheBbg > div > ul.raum_eberswalde > li.greyMe {
    border: 1px solid var(--designFarbe-9);
    background: var(--designFarbe-9-99);
    color: var(--designFarbe-9);
}
.itemid-315 .bereicheBbg > div > ul.raum_eberswalde > li.greyMe:hover {
    border: 1px solid var(--designFarbe-9);
    background: var(--designFarbe-9);
    color: var(--designFarbe-0);
}

.itemid-315 .bereicheBbg > div > ul.raum_bad_freienwalde > li.greyMe {
    border: 1px solid var(--designFarbe-10);
    background: var(--designFarbe-10-99);
    color: var(--designFarbe-10);
}
.itemid-315 .bereicheBbg > div > ul.raum_bad_freienwalde > li.greyMe:hover {
    border: 1px solid var(--designFarbe-10);
    background: var(--designFarbe-10);
    color: var(--designFarbe-0);
}

.itemid-315 .bereicheBbg > div > ul.raum_bernau > li.greyMe {
    border: 1px solid var(--designFarbe-11);
    background: var(--designFarbe-11-99);
    color: var(--designFarbe-11);
}
.itemid-315 .bereicheBbg > div > ul.raum_bernau > li.greyMe:hover {
    border: 1px solid var(--designFarbe-11);
    background: var(--designFarbe-11);
    color: var(--designFarbe-0);
}






@media (max-width: 760px) {
    .itemid-315 .bereicheBbg {
        background: var(--designFarbe-0);
    }
    .itemid-315 .bereicheBbg > div > ul > li {
        flex: calc(100% - 0em);
        max-width: calc(100% - 0em);
    }
}




.itemid-315 .cont_bereicheBbg.gefundenEW .direktWahl .cont_raum_bad_freienwalde,
.itemid-315 .cont_bereicheBbg.gefundenEW .direktWahl .cont_raum_bernau {
    pointer-events: none;
    opacity: 0.1;
}
.itemid-315 .cont_bereicheBbg.gefundenEW .busAuswahl,
.itemid-315 .cont_bereicheBbg.gefundenEW .busAuswahl .telNachBusContInput {
    background: var(--designFarbe-9);
}
.itemid-315 .cont_bereicheBbg.gefundenEW .busAuswahl .telNachBus {
    color: var(--designFarbe-0);
}
.itemid-315 .cont_bereicheBbg.gefundenEW .busAuswahl .telNachBusContInput .telNachBusInput{
    background: var(--designFarbe-0-33);
}




.itemid-315 .cont_bereicheBbg.gefundenBF .direktWahl .cont_raum_eberswalde,
.itemid-315 .cont_bereicheBbg.gefundenBF .direktWahl .cont_raum_bernau {
    pointer-events: none;
    opacity: 0.1;
}
.itemid-315 .cont_bereicheBbg.gefundenBF .busAuswahl,
.itemid-315 .cont_bereicheBbg.gefundenBF .busAuswahl .telNachBusContInput {
    background: var(--designFarbe-10);
}
.itemid-315 .cont_bereicheBbg.gefundenBF .busAuswahl .telNachBus {
    color: var(--designFarbe-0);
}
.itemid-315 .cont_bereicheBbg.gefundenBF .busAuswahl .telNachBusContInput .telNachBusInput{
    background: var(--designFarbe-0-33);
}


.itemid-315 .cont_bereicheBbg.gefundenBR .direktWahl .cont_raum_eberswalde,
.itemid-315 .cont_bereicheBbg.gefundenBR .direktWahl .cont_raum_bad_freienwalde {
    pointer-events: none;
    opacity: 0.1;
}
.itemid-315 .cont_bereicheBbg.gefundenBR .busAuswahl,
.itemid-315 .cont_bereicheBbg.gefundenBR .busAuswahl .telNachBusContInput {
    background: var(--designFarbe-11);
}

.itemid-315 .cont_bereicheBbg.gefundenBR .busAuswahl .telNachBus {
    color: var(--designFarbe-0);
}
.itemid-315 .cont_bereicheBbg.gefundenBR .busAuswahl .telNachBusContInput .telNachBusInput{
    background: var(--designFarbe-0-33);
}



.itemid-315 .cont_bereicheBbg.gefundenEW .bereicheBbg > div > ul.raum_eberswalde > li.auswahlMe:hover {
    border: 1px solid var(--designFarbe-9);
    background: var(--designFarbe-9);
    color: var(--designFarbe-0);
}

.itemid-315 .cont_bereicheBbg.gefundenBF .bereicheBbg > div > ul.raum_bad_freienwalde > li.auswahlMe:hover {
    border: 1px solid var(--designFarbe-10);
    background: var(--designFarbe-10);
    color: var(--designFarbe-0);
}

.itemid-315 .cont_bereicheBbg.gefundenBR .bereicheBbg > div > ul.raum_bernau > li.auswahlMe:hover {
    border: 1px solid var(--designFarbe-11);
    background: var(--designFarbe-11);
    color: var(--designFarbe-0);
}





































@media (max-width: 760px) {

    .itemid-315 .cont_bereicheBbg.gefundenEW .direktWahl .cont_raum_bad_freienwalde,
    .itemid-315 .cont_bereicheBbg.gefundenEW .direktWahl .cont_raum_bernau {
        order: 1;
    }
    .itemid-315 .cont_bereicheBbg.gefundenEW .direktWahl .cont_raum_eberswalde {
        order: 3;
    }


    .itemid-315 .cont_bereicheBbg.gefundenBF .direktWahl .cont_raum_eberswalde,
    .itemid-315 .cont_bereicheBbg.gefundenBF .direktWahl .cont_raum_bernau {
        order: 1;
    }
    .itemid-315 .cont_bereicheBbg.gefundenBF .direktWahl .cont_raum_bad_freienwalde {
        order: 3;
    }
    

    .itemid-315 .cont_bereicheBbg.gefundenBR .direktWahl .cont_raum_eberswalde,
    .itemid-315 .cont_bereicheBbg.gefundenBR .direktWahl .cont_raum_bad_freienwalde {
        order: 1;
    }
    .itemid-315 .cont_bereicheBbg.gefundenBR .direktWahl .cont_raum_bernau {
        order: 3;
    }


}













/* Galerie Untouchable */
/* 
#sigFreeId3a65d980c9 img, 
.fancybox-container .fancybox-image {
    filter: hue-rotate(-180deg);
} 
https://bbg-eberswalde.de/images/image.png
*/
/*
.fancybox-container .fancybox-navigation {
    width: 100%;
    height: 100%;
    z-index: 999999;
    position: absolute;
    background-image: url(https://bbg-eberswalde.de/images/image.png);
    background-size: 100% 100%;
} 
*/

.sigFreeImg,
.fancybox-container img {
    pointer-events: none;
} 
















.speaking {
  animation: bg-pulse 1.5s alternate ease-in-out infinite;
}
@keyframes bg-pulse {
  0% {
    background-color: #00993300;
  }

  50% {
    background-color: #00993322;
  }

  100% {
    backgrouond-color: #00993300;
  }
}























/* Neuer Slider */


.itemid-240 .slider._1920x800uwqxga {
    display: none;
}

.ds_1001 ~ .ds_x {
    /* display: none; */
}




/* Slider ds_1001 */
.ds_1001 ~ .ds_x {


  /* position: relative; */
  /* width: min(100%, var(--design-box-1)); */
  /* width: min(100%, var(--design-box-2)); */
  /* width: 100vw; */
  /* aspect-ratio: 1900 / 800; */
  /* aspect-ratio: 2008 / 1134; */
  /* height: calc(100vw / 3.333); */
  /* overflow: hidden; */
  margin: auto;
  background: var(--designFarbe-3-01);
  /* box-shadow: inset 0 0 20em -10em var(--designFarbe-3), inset 0 0 0 1px var(--designFarbe-3-02); */


  width: 100vw;
  position: absolute;
  left: 0;
  top: 157px;
  background: var(--designFarbe-1);
  overflow: hidden;
  height: calc(100vw / 3.333);




}

.ds_1001 ~ .ds_x .dsc_x {
  position: absolute;
  width: 100%;
  /* width: min(100%, var(--design-box-1)); */
  /* aspect-ratio: 1900 / 800; */
  /* aspect-ratio: 2008 / 1134; */
  opacity: 0;
}
.ds_1001 ~ .ds_x .dsc_x .dscs_x {
  /* width: min(100%, var(--design-box-2)); */
  width: 100%;
  margin-inline: auto;
}
.ds_1001 ~ .ds_x .dsc_x img{
  /* width: min(100%, var(--design-box-1)); */
  /* aspect-ratio: 1900 / 800; */
  /* aspect-ratio: 2008 / 1134; */
  width: 100%;
  height: calc(100vw / 3.333);
  /* height: auto; */
  /* filter: contrast(1.1) saturate(1.05) brightness(1); */
}


@media (max-width: 760px) {
  .ds_1001 ~ .ds_x {
    /* width: min(100%, var(--design-box-1)); */
    /* aspect-ratio: 1 / 1; */
    /* aspect-ratio: 1900 / 800; */
    height: calc(100vw / 1);
    width: 100vw;
    top: 71px;
  }
  .ds_1001 ~ .ds_x .dsc_x {
    /* width: min(100%, var(--design-box-1)); */
    /* aspect-ratio: 1 / 1; */
    /* aspect-ratio: 1900 / 800; */
    height: calc(100vw / 1);
    width: 100vw;
  }
  .ds_1001 ~ .ds_x .dsc_x img{
    /* width: min(100%, var(--design-box-1)); */
    /* aspect-ratio: 1 / 1; */
    /* aspect-ratio: 1900 / 800; */
    height: calc(100vw / 1);
    width: 100vw;
  }
}



/* Slider Dots */
.ds_1001 ~ .ds_x .sliderDots {
  /*
  height: 1em;
  position: absolute;
  left: 50%;
  transform: translateX(-50%) translateY(-2em);
  background-color: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
  bottom: 0;
  */
}
.ds_1001 ~ .ds_x .sliderDotPoint {
  width: 1em;
  height: 1em;
  border-radius: 50%;
  background: var(--designFarbe-1);
  padding: 0.1em;
  margin: 0.5em;
  box-shadow: 0 0 0 0.03em var(--designFarbe-0-03);
  cursor: pointer;
  transition: 0.4s;
  position: relative;
}
.ds_1001 ~ .ds_x .sliderDotPoint:hover {
  padding: 0.3em;
  box-shadow: 0 0 0 0.03em var(--designFarbe-1-03);
  transition: 0.4s;
}
.ds_1001 ~ .ds_x .sliderDotChange {
  padding: 0.3em;
  background: var(--designFarbe-0-03);
  box-shadow: 0 0 0 0.03em var(--designFarbe-1);
  transition: 0.4s;
}

.ds_1001 ~ .ds_x .sliderDotPoint::before {
  content: '';
  width: 100%;
  height: 1em;
  position: absolute;
  top: -1em;
  transition: 0.4s;
}
.ds_1001 ~ .ds_x .sliderDotPoint::after {
  content: '';
  width: 100%;
  height: 1em;
  position: absolute;
  top: 0.2em;
  transition: 0.4s;
}
.ds_1001 ~ .ds_x .sliderDotPoint:hover::before {
  content: '';
  width: 100%;
  height: 1em;
  position: absolute;
  top: -1em;
  transition: 0.4s;
}
.ds_1001 ~ .ds_x .sliderDotPoint:hover::after {
  content: '';
  width: 100%;
  height: 1em;
  position: absolute;
  top: 0.2em;
  transition: 0.4s;
}
/*
.ds_1001 ~ .ds_x .sliderDotWZ {
  width: 1.5em;
  padding: 0.3em;
  cursor: pointer;
  height: 1em;
  font-size: 1.3em;
  line-height: 0.5;
  color: var(--designFarbe-0);
  margin: 0.5em;
  transition: 0.3s;
  user-select: none;
}
.ds_1001 ~ .ds_x .sliderDotWeiter:hover {
  padding-left: 0.8em;
  transition: 0.5s;
  color: var(--designFarbe-1);
}
.ds_1001 ~ .ds_x .sliderDotZuruck {
  text-align: end;
}
.ds_1001 ~ .ds_x .sliderDotZuruck:hover {
  padding-right: 0.8em;
  transition: 0.5s;
  color: var(--designFarbe-1);
}
*/

.ds_1001 ~ .ds_x .sliderDots {
  /* 
  height: 1em;
  position: absolute;
  position: relative;
  left: initial;
  transform: translateX(0) translateY(0);
  background-color: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0; 
  */
}
.ds_1001 ~ .ds_x .sliderDotPoint {
  display: none;
}
.ds_1001 ~ .ds_x .sliderDotWZ {
  /* padding: 0.3em; */
  cursor: pointer;
  font-size: 1.3em;
  line-height: 0.5;
  color: var(--designFarbe-0);
  opacity: 0.6;
  transition: 0.3s;
  user-select: none;
}

.ds_1001 ~ .ds_x .sliderDotZuruck {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 8em;
  /* height: calc(calc(100vw* var(--design-box-2x)) / 2008* 1134); */
  /* height: calc(calc(100vw* var(--design-box-2x)) / 2008* 1134); */
  height: calc(100vw / 3.333);
  background-image: var(--designIconLeftW);
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: 54%;
  background-size: 33%;
  width: 7.5vw;
  background-size: 2.5vw;
  filter: drop-shadow(2px 4px 6px black);
  backdrop-filter: blur(0px);
  transition: background 0.3s, background-image 0.3s, backdrop-filter 0.3s, filter 0.3s;
}
.ds_1001 ~ .ds_x .sliderDotZuruck:hover {
  /* background: var(--designFarbe-1-01); */
  background-image: var(--designIconLeftR);
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: 54%;
  background-size: 33%;
  width: 7.5vw;
  background-size: 2.5vw;
  filter: drop-shadow(0 0 0 black);
  backdrop-filter: blur(10px);
  transition: background 0.3s, background-image 0.3s, backdrop-filter 1s, filter 0.3s;
}

.ds_1001 ~ .ds_x .sliderDotWeiter {
  position: absolute;
  bottom: 0;
  right: 0;
  /* width: 8em; */
  /* height: calc(calc(100vw* var(--design-box-2x)) / 2008* 1134); */
  height: calc(100vw / 3.333);
  background-image: var(--designIconRightW);
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: 54%;
  /* background-size: 33%; */
  width: 7.5vw;
  background-size: 2.5vw;
  filter: drop-shadow(2px 4px 6px black);
  backdrop-filter: blur(0px);
  transition: background 0.3s, background-image 0.3s, backdrop-filter 0.3s, filter 0.3s;
}

.ds_1001 ~ .ds_x .sliderDotWeiter:hover {
  /* background: var(--designFarbe-1-01); */
  background-image: var(--designIconRightR);
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: 54%;
  /* background-size: 33%; */
  width: 7.5vw;
  background-size: 2.5vw;
  filter: drop-shadow(0 0 0 black);
  backdrop-filter: blur(10px);
  transition: background 0.3s, background-image 0.3s, backdrop-filter 1s, filter 0.3s;
}





/* Slider Animation */
.ds_1001 ~ .ds_x .slideOpacityOff {
  animation: slideOpacityOff 1s forwards;
}
@keyframes slideOpacityOff {
0% {opacity: 1;transform: translateX(0%) translateY(0%);}
90% {opacity: 0;transform: translateX(100%) translateY(0%);}
99% {opacity: 0;transform: translateX(100%) translateY(0%);}
100% {opacity: 0;transform: translateX(-50%) translateY(-100%);}
}
.ds_1001 ~ .ds_x .slideOpacityOn {
  animation: slideOpacityOn 1s forwards;
}
@keyframes slideOpacityOn {
0% {opacity: 0;transform: translateX(-50%) translateY(-100%);}
1% {opacity: 0;transform: translateX(-50%) translateY(0%);}
10% {opacity: 0;transform: translateX(-50%) translateY(0%);}
100% {opacity: 1;transform: translateX(0%) translateY(0%);}
}


/* Slider Animation */
.ds_1001 ~ .ds_x .slideOpacityOffR {
  animation: slideOpacityOffR 1s forwards;
}
@keyframes slideOpacityOffR {
0% {opacity: 1;transform: translateX(0%) translateY(0%);}
90% {opacity: 0;transform: translateX(100%) translateY(0%);}
99.9% {opacity: 0;transform: translateX(100%) translateY(0%);}
100% {opacity: 0;transform: translateX(-50%) translateY(-100%);}
}
.ds_1001 ~ .ds_x .slideOpacityOnR {
  animation: slideOpacityOnR 1s forwards;
}
@keyframes slideOpacityOnR {
0% {opacity: 0;transform: translateX(-50%) translateY(-100%);}
0.1% {opacity: 0;transform: translateX(-50%) translateY(0%);}
10% {opacity: 0;transform: translateX(-50%) translateY(0%);}
100% {opacity: 1;transform: translateX(0%) translateY(0%);}
}

/* Slider Animation Left */
.ds_1001 ~ .ds_x .slideOpacityOffL {
  animation: slideOpacityOffL 1s forwards;
}
@keyframes slideOpacityOffL {
0% {opacity: 1;transform: translateX(0%) translateY(0%);}
90% {opacity: 0;transform: translateX(-100%) translateY(0%);}
99.9% {opacity: 0;transform: translateX(-100%) translateY(0%);}
100% {opacity: 0;transform: translateX(-50%) translateY(-100%);}
}
.ds_1001 ~ .ds_x .slideOpacityOnL {
  animation: slideOpacityOnL 1s forwards;
}
@keyframes slideOpacityOnL {
0% {opacity: 0;transform: translateX(-50%) translateY(-100%);}
0.11% {opacity: 0;transform: translateX(50%) translateY(0%);}
10% {opacity: 0;transform: translateX(50%) translateY(0%);}
100% {opacity: 1;transform: translateX(0%) translateY(0%);}
}



.ds_1001 ~ .ds_x .sliderDots {

  /* display: none; */

  /* left: 63%; */
  /* bottom: 4%; */
  background: red;
  position: absolute;
  /* width: min(100%, var(--design-box-2)); */
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  width: 100%;
  height: 0;
}

.ds_1001 ~ .ds_x::after {
  position: absolute;
  content: '';
  width: calc(100% + 2px);
  
  aspect-ratio: 512 / 44;
  /* background-image: url(/ebert/images/assets/trans-weiss.svg); */
  background-image: var(--designItemTransWeiss);
  background-size: contain;
  bottom: -1px;
}





/* Slider texte */

.ds_1001 ~ .ds_x .dsc_x {
  height: 100%;
}
.ds_1001 ~ .ds_x .dsc_x.slideOpacityOn,
.ds_1001 ~ .ds_x .dsc_x.slideOpacityOnL,
.ds_1001 ~ .ds_x .dsc_x.slideOpacityOnR {
  z-index: 1;
}
.ds_1001 ~ .ds_x .dsc_x .dscs_x {
  position: absolute;
  top: 0;
  height: 100%;
}
.ds_1001 ~ .ds_x .dsc_x .dscs_x .dscsr_x,
.ds_1001 ~ .ds_x .dsc_x .dscs_x .dscsr_x .dscst_x {
  width: 100%;
  height: 100%;
}







.ds_1001 ~ .ds_x .dsc_x .dscs_x.sliderTexte.eLearning {
    width: 100vw;
    /* height: calc(calc(100vw / 12)* 5); */
    height: calc(100vw / 3.333);
    position: absolute;
    display: flex;
    justify-content: left;
    align-items: center;
}


.ds_1001 ~ .ds_x .dsc_x .dscs_x.sliderTexte.eLearning .sliderText1 {
    width: initial;
    height: initial;
    padding: 4vw;
    margin-left: 7.5vw;
    border-radius: 1vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: var(--designFarbe-5-66);
}
.ds_1001 ~ .ds_x .dsc_x .dscs_x .sliderText1 * {
    color: var(--designFarbe-0);
}


.ds_1001 ~ .ds_x .dsc_x .dscs_x.sliderLink a {
    display: block;
    width: 100%;
    height: 100%;
}






@media (max-width: 760px) {
    .ds_1001 ~ .ds_x .dsc_x .dscs_x.sliderTexte.eLearning {
        display: none;
    }
}

.ds_1001 ~ .ds_x .dsc_x .dscs_x .dscsr_x .dscst_x .dscst1_x h2,
.ds_1001 ~ .ds_x .dsc_x .dscs_x .dscsr_x .dscst_x .dscst1_x p,
.ds_1001 ~ .ds_x .dsc_x .dscs_x .dscsr_x .dscst_x .dscst1_x a {
  color: var(--designFarbe-0);
  text-align: center;
  font-family: var(--designFont-1);
}



.ds_1001 ~ .ds_x .dsc_x .dscs_x .dscsr_x .dscst_x .dscst1_x h2 {
  font-size: 3.2em;
  margin: 0em 0 0.2em 0;
}
.ds_1001 ~ .ds_x .dsc_x .dscs_x .dscsr_x .dscst_x .dscst1_x p {
  font-size: 1.15em;
  margin: 0 3em 0.2em 3em;
  font-family: var(--designFont-0);
}
.ds_1001 ~ .ds_x .dsc_x .dscs_x .dscsr_x .dscst_x .dscst1_x a {
  text-decoration: none;
  background: var(--designFarbe-1);
  padding: 1em 2em;
  margin: 2.5em 0 0 0;
  border-radius: 1.5em;
  font-size: 1.1em;
  font-family: var(--designFont-1);
}

















@media (min-width: 1367px) {
  .ds_1001 ~ .ds_x::after {
    filter: blur(0.6px);
  }
}

@media (max-width: 760px) {
  .ds_1001 ~ .ds_x .sliderDots {
    left: 0;
    /* bottom: initial; */
    /* right: 0; */
    flex-direction: column;
    /* transform: none; */
    /* height: initial; */
    /* top: 42%; */
    transform: translateY(-50%);
  }


    .ds_1001 ~ .ds_x .sliderDotWZ {
        height: calc(100vw / 1);
        width: 12.5vw;
        background-size: 8.5vw;
    }

    
    .ds_1001 ~ .ds_x .sliderDotWZ:hover {
        width: 12.5vw;
        background-size: 8.5vw;
    }


}


/* 
.ds_1001 ~ .ds_x .sliderDots::before {
  position: absolute;
  content: '';
  width: 100vw;
  
  aspect-ratio: 512 / 41;
  background-image: url(/ebert/images/assets/trans-weiss.svg);
  background-size: contain;
  bottom: -2.1em;
  left: -60vw;

} */









/* Beiträge News & Archiv Banner */

@media (max-width: 760px) {

    .itemid-238.view-article main .seiteBanner {
        width: 100vw;
        height: 100vw;
        overflow: hidden;
        aspect-ratio: 1 / 1;
        top: 71px;
    }
    .itemid-238.view-article main .seiteBanner .section .bannerBild {
        display: block;
    }
    .itemid-238.view-article main .seiteBanner .section .bannerBild img {
        height: 100vw;
    }
    .itemid-238.view-article main .seiteBanner + #ankerAnzeigen {
        padding-bottom: 0;
        margin-top: calc(calc(calc(calc(100vw* 2 / 3) + 126vw) - 0rem) / 2);
        margin-bottom: calc(calc(calc(calc(100vw* 2 / 3) - 60vw) - 0rem) / 2);
    }



    .itemid-258.view-article main .seiteBanner {
        width: 100vw;
        height: 100vw;
        overflow: hidden;
        aspect-ratio: 1 / 1;
        top: 71px;
    }
    .itemid-258.view-article main .seiteBanner .section .bannerBild {
        display: block;
    }
    .itemid-258.view-article main .seiteBanner .section .bannerBild img {
        height: 100vw;
    }
    .itemid-258.view-article main .seiteBanner + #ankerAnzeigen {
        padding-bottom: 0;
        margin-top: calc(calc(calc(calc(100vw* 2 / 3) + 126vw) - 0rem) / 2);
        margin-bottom: calc(calc(calc(calc(100vw* 2 / 3) - 60vw) - 0rem) / 2);
    }

}






body {
    /* filter: grayscale(1); */
}





























/* Tatsch von Barrierefreiheit O-Bus */


svg .fil1 {
    fill: var(--designFarbe-1);
}
svg .fil0 {
    fill: var(--designFarbe-0);
}
.itemid-115 h2,
.itemid-509 h2 {
    font-size: 2.65rem;
}
.itemid-115 p,
.itemid-509 p {
    margin: 0 0 1.4em 0;
    hyphens: auto;
}
.bildAllein {
    margin: 0 0 1.4em 0;
}
.bildMitTextRechts {
    display: flex;
    align-items: center;
}
.bildMitTextRechts svg {
    width: 3em;
    min-width: 3em;
    margin: 0.5em 1em;
    align-self: flex-start;
}
.bildMitTextRechts svg + * {
    margin: 0;
}
.bildMitTextRechts:nth-last-of-type(1) {
    margin: 0 0 1.4em 0;
}





.bildScan25 {
    display: flex;
    justify-content: flex-end;
    transform: translateY(-40%);
}
.bildScan25 svg {
    width: 25%;
    min-width: 25%;
    margin: 0.5em 1em;
}
.bildScan25 svg + * {
    margin: 0;
}

@media (max-width: 820px) {
    .bildScan25 {
        display: none;
    }
}



.projektAnsprechpartner a {
    word-break: break-all;
}







.itemid-509 h1 span {
    color: #fefefe;
    font-family: 'Quicksand Bold';
}

@media (max-width: 760px) {
    .itemid-509 h1 span {
        display: none;
    }
    .itemid-509 .bannerText1 p {
        width: calc(100% - 20vw);
    }
}