html { font-family: sans-serif; background: rgba(255,255,255,1.00); font-size:1em; }
body > main {
background-attachment: fixed;
height:auto;
background: rgba(0,126,182,0.25);
background: -moz-linear-gradient(45deg,rgba(131,192,111,0.2) 0%,rgba(0,126,182,0.33) 100%);
background: -webkit-linear-gradient(45deg,rgba(131,192,111,0.2) 0%,rgba(0,126,182,0.33) 100%);
background: linear-gradient(45deg,rgba(131,192,111,0.2) 0%,rgba(0,126,182,0.33) 100%);
}
nav#sidebar {
background: rgba(0,126,182,1);
background: -moz-linear-gradient(45deg, rgba(131,192,111,1) 0%, rgba(0,126,182,1) 100%);
background: -webkit-linear-gradient(45deg, rgba(131,192,111,1) 0%, rgba(0,126,182,1) 100%);
background: linear-gradient(45deg, rgba(131,192,111,1) 0%, rgba(0,126,182,1) 100%);
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#757a7f+0,67757f+100 */
background: rgb(117,122,127); /* Old browsers */
background: -moz-linear-gradient(45deg, rgba(117,122,127,1) 0%, rgba(103,117,127,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, rgba(117,122,127,1) 0%,rgba(103,117,127,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, rgba(117,122,127,1) 0%,rgba(103,117,127,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#757a7f', endColorstr='#67757f',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eeeeee+0,cccccc+100;Gren+3D */
background: rgb(238,238,238); /* Old browsers */
background: -moz-linear-gradient(45deg, rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ededed+100 */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(45deg, rgba(255,255,255,1) 0%, rgba(237,237,237,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, rgba(255,255,255,1) 0%,rgba(237,237,237,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, rgba(255,255,255,1) 0%,rgba(237,237,237,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
nav#sidebar:before { display:block; position:relative;
width: 120px; height:62px; content:'';
margin-left:36px; margin-top:10px;
margin-bottom: 10px;
background-image: url("svg/logo-min.svg");
background-size: contain;
background-position: left top;
background-repeat: no-repeat;
background-attachment: scroll;
}
nav#sidebar ul { padding-top: 12px; }
nav#sidebar ul li > div > p, nav#sidebar ul li > a > div > p {
font-size: 0.75rem; font-weight:200;
line-height: 1rem; }
nav#sidebar.open > div:first-child::before, nav#sidebar.open > div:first-child::after { background:#444; }
nav#sidebar ul > footer {
font-size: 0.6rem; color:#fff; text-align: center; line-height: 1.05rem; box-sizing: border-box; opacity:0.5; padding:12px; border-top:1px solid rgba(255,255,255,0.5); align-self: flex-end !important; margin-top: 90px; bottom:0px; display:block; height:auto; background: rgba(255,255,255,0.2); min-width:95%;
}
nav.inlineNav ul > footer { display:none !important }
nav#sidebar ul { position:relative;
max-height: calc(100vh - 85px);
height: calc(100vh - 85px);
}
nav#sidebar ul li > div > h3, nav#sidebar ul li > a > div > h3, nav#sidebar ul li > div > p, nav#sidebar ul li > a > div > p,
nav#sidebar ul > footer { color:#444; }
div#page { position:relative; display: block; float:none; width:100%; margin:0px; padding:0px; box-sizing: border-box; min-height:97vh; height:auto; /* 97 bei iPad */ }
div#page > header,
div#page > footer,
div#page > div#innerContent {
display:block;
position:relative;
margin:auto;
min-height:5vh;
width:92%;
max-width:1280px;
clear: left;
}
div#page > header,
div#page > div#innerContent { margin-bottom:1vh; }
div#page > header { height:10vh; min-height:100px; }
div#page > footer { height:13vh; min-height:140px; }
div#page > div#innerContent { height:auto; min-height:500px; }
div#page > header { border-bottom: 2px solid rgba(0,0,0,0.1); }
div#page > footer { background-image:url("svg/logo-min.svg"); background-position: left bottom; background-repeat: no-repeat; background-size:100px; border-top: 2px solid rgba(0,0,0,0.1); }
div#page > div#innerContent { display:flex; position:relative;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-evenly;
align-items: flex-start;
align-content: flex-start;
box-sizing: border-box; padding-top: 32px; clear: both; float: none; }
div#page h1, div#page h2, div#page h3, div#page h4, div#page h5, div#page h6, div#page p { flex:1; min-width:240px; }
div#page h1, div#page h2, div#page h3, div#page h4, div#page h5, div#page h6 { min-width:100%; padding-bottom: 12px; }
div#page h1 { color: rgba(13,13,13,1.00) }
div#page h2 { color: rgba(65,65,65,1.00) }
div#page p { width:100%; padding-right:20px; }
/* //////////////////////////////////////////////////////////// HEADER //////////////////////////////////////////////////////////////// */
div#page > header a.home {
display: inline-block;
position: relative;
float: left;
height: 100px;
width: 40%;
background-image: url("svg/csLogo.svg");
background-position: 8px center;
background-repeat: no-repeat;
background-size: 60%;
opacity: 0.9;
margin-top: 10px;
}
div#page > header a.home:hover { opacity:1; }
div#page > header h5 { text-align: right; font-size:0.45rem; color:rgba(81,81,81,0.20); clear: none; padding:12px 4px 12px 4px; box-sizing: border-box; }
div#page > header h5, nav.inlineNav { display:inline-block; width:60%; max-width:60%; min-width:30%; position:relative; float:right; }
nav.inlineNav > ul { display:flex; position:relative; max-width:100%;
flex-direction: row;
/* flex-wrap: nowrap; */
justify-content: flex-end; /* flex-end */
align-content: flex-start;
align-items: baseline; /* flex-start baseline center stretch */
box-sizing: border-box;
max-height:120px;
overflow:visible;
} nav.inlineNav > ul li { width:auto; min-width:10px; max-width:136px; flex-grow:1; flex-shrink:1; flex-basis:content; }
nav.inlineNav > ul li { }
nav.inlineNav > ul li > div,
nav.inlineNav > ul li > a > div { display:block; position:relative; text-align: left; min-height:110px; box-sizing: border-box; padding:16px 1px 0px 1px !important; }
nav.inlineNav > ul li > a { color:inherit }
nav.inlineNav > ul li > div > span,
nav.inlineNav > ul li > a > div > span { display:none; }
nav.inlineNav > ul li > div > h3,
nav.inlineNav > ul li > a > div > h3 {
font-size:1.4rem;
width:100% !important;
border-bottom: 2.33px solid rgba(0,0,0,0);
padding:12px 2px 0px 2px;
min-height:none;
line-height:1;
text-align: center;
cursor: pointer;
-webkit-transition: all 100ms ease-in-out;
-moz-transition: all 100ms ease-in-out;
-ms-transition: all 100ms ease-in-out;
-o-transition: all 100ms ease-in-out;
transition: all 100ms ease-in-out;
}
nav.inlineNav > ul li > div:hover h3, nav.inlineNav > ul li > a > div:hover h3 { border-bottom: 2.33px solid rgba(0,0,0,0.40); }
nav.inlineNav > ul li > div > p, nav.inlineNav > ul li > a > div > p { font-size:0.7rem; font-weight:100; position:absolute; display:block; height:0px; background: rgba(245,245,245,1.00); padding: 0px 6px 0px 6px !important; max-width:180% !important; width:180% !important; min-width:67px !important; z-index:20; min-height:0px; margin:0px; -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0); box-shadow: 0 1px 2px 0 rgba(0,0,0,0); overflow: hidden; opacity:0; -webkit-transition: all 100ms ease-in-out;
-moz-transition: all 100ms ease-in-out;
-ms-transition: all 100ms ease-in-out;
-o-transition: all 100ms ease-in-out;
transition: all 100ms ease-in-out; }
nav.inlineNav > ul li > div:hover > p, nav.inlineNav > ul li > a > div:hover > p { height:auto; min-height:52px; padding: 6px 6px 6px 6px !important; opacity:0.9; -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1); box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1); }
/* E-POST DESIGN Elements */
.postbg { background-color: #FFCC00 !important; }
.postcolor { color: #FFCC00 !important; }
.epostButton { display:inline-block; position:relative; height:32px; cursor:pointer; background-position:left center; background-repeat: no-repeat; background-size: contain; background-image:url(buttons/button.png); opacity:0.8; border:5px solid #fff; border-bottom: 18px solid #fff; box-sizing: content-box !important; margin-top: 5px; margin-bottom: 5px; float:right; }
.epostButton:before, .epostButton:after { display:block; position:absolute; text-align: left; box-sizing: border-box; left:0px; color:#222; letter-spacing: 0px; font-family: Arial, sans-serif; } .epostButton:after { height:20px; content:'Ein Service der Deutschen Post'; bottom:-23px; padding-left: 3px; font-size:9px; letter-spacing: 0px; font-family: Arial, sans-serif; }
.epostButton:before { height:32px; content:'Jetzt anmelden bei'; padding-left:8px; font-size:14px; font-weight:normal; padding-top:8px; }
.epostButton, .epostButton:after, .epostButton:before { width:256px; }
.epostButton.ident:before { content:'Jetzt identifizieren mit'; }
.epostButton.alter:before { content:'Jetzt Alter prüfen mit'; }
.epostButton.regist:before { content:'Jetzt registrieren für'; }
.epostButton.senden:before { content:'Jetzt versenden mit'; }
.epostButton.info:before { content:'www.epost.de'; }
.epostButton:hover { opacity: 1; }
a.epostButton.info { display:inline-block; margin-top:32px; margin-bottom: 0px; border:0px !important; }
a.epostButton.info:after { display:none; }
/* Slider Content */
.slidSlides > div { background-color:#fff; background-color: #FFCC00 !important; -webkit-box-shadow: 1px 1px 4px 0 rgba(0,0,0,0.25);
box-shadow: -1px 0px 3px 0 rgba(0,0,0,0.25); }
.slidSlides > div > div > div.slidContent {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+50,ffcc00+50,ffcc00+100 */
background: rgba(255,255,255,0);
background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 50%, #ffcc00 50%, #ffcc00 100%);
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 50%,#ffcc00 50%,#ffcc00 100%);
background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 50%,#ffcc00 50%,#ffcc00 100%);
}
div.slidContent h2,
div.slidContent h3,
div.slidContent h4 { display:block; float:left; color:#000 !important; line-height: 1.25; padding-right: 30px; padding-top: 15px; }
div.slidContent h2 { font-size: 1.85rem !important; }
div.slidContent h3 { font-size: 1.55rem !important; }
div.slidContent h4 { font-size: 1.45rem !important; }
div.slidContent p { display:inline-block; float:left; width:97%; box-sizing: border-box; line-height: 1.4; font-size:1.2rem !important; margin-top:10px; margin-bottom:10px; }
div.slidContent ul,
div.slidContent ol { display:block; position:relative; width:95%; float:left; box-sizing:border-box; padding:12px; }
div.slidContent ul li,
div.slidContent ol li { display:block; position:relative; width:100%; float:left; box-sizing:border-box; padding:2px 2px 2px 32px; margin-bottom: 4px; background-position: left 0px; background-size: 24px; background-repeat: no-repeat; background-image: url(png/DP_pikto_loesung.png); font-size:1rem; line-height: 1.33; }
div.slidContent ol li:first-child { background-image: url(png/DP_pikto_1.png); }
div.slidContent ol li:nth-child(2) { background-image: url(png/DP_pikto_2.png); }
div.slidContent ol li:nth-child(3) { background-image: url(png/DP_pikto_3.png); }
div.slidContent ol li:nth-child(4) { background-image: url(png/DP_pikto_4.png); }
div.slidContent ol li:nth-child(5) { background-image: url(png/DP_pikto_5.png); }
div.slidContent ol li:nth-child(6) { background-image: url(png/DP_pikto_6.png); }
div.slidContent ol li:nth-child(7) { background-image: url(png/DP_pikto_7.png); }
div.slidContent ol li:nth-child(8) { background-image: url(png/DP_pikto_8.png); }
div.slidContent ol li:nth-child(9) { background-image: url(png/DP_pikto_9.png); }
div.slidContent ol li:nth-child(10) { background-image: url(png/DP_pikto_10.png); }
div.slidContent .epostButton { display:block; position: absolute; bottom:10px; right:20px; }
div.slidContent ul li b,
div.slidContent ol li b,
div.slidContent ul li small,
div.slidContent ol li small { display:inline-block; float:left; width:100%; }
div.slidContent ul li b,
div.slidContent ol li b { font-size:1.33rem; font-weight:normal; line-height: 1; }
div.slidContent ul li small,
div.slidContent ol li small { font-size:0.825rem; line-height: 1.4; margin-top:4px; margin-bottom: 4px; color:#222; }
/* Main Content */
h1 { margin-top: 36px; }
.linkBox h2 { font-size:1.37rem !important; }
.linkBox h3 { font-size:1.15rem !important; }
div.contentSection {
display:inline-block;
width:100%;
margin-top:24px;
margin-bottom: 24px;
box-sizing: border-box;
padding:12px 0px;
position:relative; }
div.contentSection > .linkBox {
display: inline-block;
float: left;
width: 49%;
box-sizing: border-box;
padding: 20px;
position: relative;
background-color: #ededed;
-webkit-box-shadow: 0 0 12px 0 rgba(0,0,0,0.25);
box-shadow: 0 0 12px 0 rgba(0,0,0,0.25);
min-height: 200px !important;
-webkit-transition: background 300ms ease-in-out;
-moz-transition: background 300ms ease-in-out;
-ms-transition: background 300ms ease-in-out;
-o-transition: background 300ms ease-in-out;
transition: background 300ms ease-in-out;
} div.contentSection > .linkBox:first-child { float:left; } div.contentSection > .linkBox:last-child { float:right; }
div.contentSection > .linkBox .epostButton { display:block; position: absolute; bottom:10px; right:20px; }
div.contentSection > .linkBox:hover { background-color: #FFCC00; }
div.contentSection.flex { display:flex; }
div.contentSection.textcontainer {
font-size:1.1rem;
font-weight:100;
margin-top:40px;
line-height: 1.33;
padding:32px 16px 6px 16px;
/* border: 1px solid rgba(0,126,182,0.33); */
color: #444;
background: rgba(255,255,255,1);
}
div.contentSection.textcontainer p b { color: rgba(0,126,182,1) }
div.contentSection.textcontainer p a { color: inherit; font-style: italic; opacity:0.67; font-weight:500; }
div.contentSection.textcontainer p a:hover { opacity:1; }
/* NEWS */
div.box_container { position: relative; width:100%; max-width:100%; height:auto; margin-top: 58px; margin-bottom: 36px;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
align-content: space-around;
}
div.box {
flex:1;
display:inline-block;
position: relative;
width:auto;
max-width:98%;
margin:10px 1%;
box-sizing: border-box;
flex-grow: 1;
flex-shrink: 1;
}
div.box.news {
font-size:0.875em;
padding:16px 16px 24px 16px;
background-color:#fdfdfd;
-webkit-box-shadow: 0 0 4px 0 rgba(0,0,0,0.1);
box-shadow: 0 0 4px 0 rgba(0,0,0,0.1);
-webkit-transition: all 240ms ease-in-out;
-moz-transition: all 240ms ease-in-out;
-ms-transition: all 240ms ease-in-out;
-o-transition: all 240ms ease-in-out;
transition: all 240ms ease-in-out;
}
div.box.news:hover {
background-color:#fff;
-webkit-box-shadow: 0 0 6px 0 rgba(0,0,0,0.53);
box-shadow: 0 0 6px 0 rgba(0,0,0,0.53);
}
.news .newsImage {
display:inline-block;
position:relative;
width: 100%;
height: 20vh;
margin-bottom: 12px;
background-size: cover;
background-repeat: no-repeat;
background-position:center;
filter: contrast(0.33) brightness(1.55) grayscale(1);
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-ms-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
.news:hover .newsImage { filter: contrast(0.67) brightness(1.1) grayscale(0); }
.news h5, .news h4, .news p { display:inline-block; float: left; width:100%; font-weight:300; }
.news h5 { font-size: 0.67rem; color:#333; }
.news h4 { font-weight: 400; font-size:0.95rem; color:rgba(96,96,96,1); line-height: 1.4; padding-bottom: 0px; margin-bottom: 2px; min-height:58px !important; }
.news p { border-top: 1px solid rgba(200,200,200,0.5); padding-top: 20px; margin-top: 4px; min-height:90px !important }
.news a { color:rgba(131,192,111,1) !important; display:inline-block; box-sizing: border-box; border:1.5px solid rgba(131,192,111,1) !important;
background:#fff; padding:8px 18px 7px 18px; float:right; text-align: center; min-width:128px; min-height:32px; }
.news:hover h4 { color:rgba(0,126,182,1); }
.news a:hover { color:rgba(0,126,182,1) !important; border: 1.5px solid rgba(0,126,182,1) !important; background:#fafafa; }
div.box.videoNews a { background-image: url(png/yt_icon_mono_light.png); background-size: 32px; color:rgba(255,0,0,1) !important; background-repeat: no-repeat; background-position: 6.5px center; padding-left: 54px; border: 1.5px solid rgba(0,0,0,1) !important; border-radius: 5px; color:#333 !important; opacity:0.56; background-color:#fff; }
div.box.videoNews a:hover { background-image: url(png/yt_icon_rgb.png); color:red !important; border: 1.5px solid red !important; opacity:1; }
footer ul.nav,
footer ul.nav a li { display:inline-block; position:relative }
div#page > header,
div#page > footer,
div#page > div#innerContent {
}
div#page > footer { background-position:12px 5px; }
div#page > header { }
div#page > footer { padding:12px; box-sizing: border-box; }
footer ul.nav { width:100%; margin:0px 12px; }
footer ul.nav a li { float:right; padding:4px 16px; }
footer ul.nav a { color:#585858; }
ul.simple { }
ul.simple a { min-width:100%; display:inline-block !important; float:left !important; color:rgba(255,255,255,0.7); font-weight:300; margin:0px; }
ul.simple a li { padding:8px; }
nav.inlineNav > li.simple { display:none !important; }
/*
nav#sidebar ul li > div > h3,
nav#sidebar ul li > a > div > h3,
nav#sidebar ul li > div > p,
nav#sidebar ul li > a > div > p {
color:rgba(255,255,255,0.8);
}
*/
div#innerContent > h2 { display:inline-block; width:100%; text-align: center; font-weight:300; color: rgba(0,126,182,1); }
.slidMain, .slidContent, .slidSlides { min-height: 460px !important; }
.slidSlides > div > div { background-size:46% !important; background-position:2% center !important; }
#innerContent h1, #innerContent h2, #innerContent h3, #innerContent h4, #innerContent h5, #innerContent p, #innerContent p > b, #innerContent p > i { display:inline-block !important; float:none; position:relative; clear:left !important; min-height: 10px;} #innerContent p > b { margin-top:10px; margin-bottom: 8px; }
/* //// Responsive //// */
@media only screen and (max-width: 1040px) {
html { font-size:0.8em; }
div.contentSection > .linkBox { padding: 16px !important; min-height:150px !important; }
.epostButton { height:20px; border:2px solid #fff; border-bottom: 12px solid #fff; margin-top: 3px; margin-bottom: 3px; }
.epostButton:after { height:12.5px; bottom:-14px; padding-left: 2px; font-size:5px; }
.epostButton:before { height:20px; padding-left:5px; font-size:9px; padding-top:5px; }
.epostButton, .epostButton:after, .epostButton:before { width:160px; }
a.epostButton.info { margin-top:20px; }
div#page > header a.home { width:19.8%; background-size: 95%; }
div#page > header h5, nav.inlineNav { width:75%; max-width:75%; }
.news a { border:2px solid rgba(131,192,111,1) !important; font-size:1.2rem; }
.news a:hover { border: 2px solid rgba(0,126,182,1) !important; }
div.box.videoNews a { border: 2px solid rgba(0,0,0,1) !important; }
div.box.videoNews a:hover { border: 2px solid red !important; opacity:1; }
div.slidContent { font-size:0.7em; }
div.slidContent h2,
div.slidContent h3,
div.slidContent h4 { line-height: 1.12; padding-right: 20px; padding-top: 8px; }
div.slidContent h2 { font-size: 1.8rem !important; }
div.slidContent h3 { font-size: 1.5rem !important; }
div.slidContent h4 { font-size: 1.4rem !important; }
div.slidContent p { width:98%; line-height: 1.25; font-size:1.2rem !important; margin-top:7px; margin-bottom:7px; }
div.slidContent ul,
div.slidContent ol { width:97%; padding:8px; }
div.slidContent ul li,
div.slidContent ol li { padding:2px 2px 2px 20px; margin-bottom: 3px; background-size: 16px; font-size:1rem; line-height: 1.25; }
div.slidContent .epostButton { right:16px; }
div.slidContent ul li b,
div.slidContent ol li b { font-size:1.25rem; }
div.slidContent ul li small,
div.slidContent ol li small { font-size:0.80rem; line-height: 1.33; margin-top:3px; margin-bottom: 3px; }
.slidMain, .slidContent, .slidSlides { min-height: 360px !important; }
}
@media only screen and (max-width: 780px) {
html { font-size:0.67em; }
div#page > header a.home { width:70%; margin-left: 15%; margin-right: 15%; background-size: 240px; background-position: center; }
div#page > header h5, nav.inlineNav { width:100%; max-width:100%; clear: both; }
nav.inlineNav > ul li > div, nav.inlineNav > ul li > a > div { min-height:32px; }
div#page > header h5 { position:absolute; top:1px; left:0px; }
.news a { border:2px solid rgba(131,192,111,1) !important; font-size:1.33rem; font-weight:400; }
.news a:hover { border: 2px solid rgba(0,126,182,1) !important; }
div.box.videoNews a { border: 2px solid rgba(0,0,0,1) !important; }
div.box.videoNews a:hover { border: 2px solid red !important; opacity:1; }
}
@media only screen and (max-width: 640px) {
.slidMain, .slidContent, .slidSlides { min-height: 240px !important; }
.slidContent { min-width:100% !important; max-width:100% !important; padding-left:24px !important; background-color:#FFCC00 !important; }
.slidSlides > div > div { background-size:90% !important; background-position:center !important; }
div.contentSection.flex { flex-wrap: wrap; }
div.contentSection > .linkBox { width: 49%; padding: 10px !important; min-height:160px !important; }
div.contentSection > .linkBox .epostButton { right:8px; }
nav.inlineNav > ul { flex-wrap: wrap; display:none; visibility:hidden; opacity:0; z-index:0; width:0px; height:0px; overflow: hidden; }
}
@media only screen and (max-width: 480px) {
.slidMain, .slidContent, .slidSlides { min-height: 360px !important; }
html { font-size:0.75em; }
footer ul.nav a li {
padding: 4px 8px; }
.slidContent > h3,
.slidContent > p,
.slidContent > ul,
.slidContent > ol {float:left !important; position:relative; width:100%; }
div.contentSection > .linkBox { width: 100%; min-height:168px !important; padding: 16px !important; margin-left:0px; margin-right:0px; margin-top:4px; margin-bottom:4px; }
div.contentSection > .linkBox .epostButton { right:16px; }
div#page > header a.home { width:70%; margin-left: 25%; margin-right: 5%; background-size: 200px; background-position: right center; }
}