.copyrightCaption{
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 3px;
    box-sizing: border-box;
    color: #fff;
    font-size: 11px;
    margin: 0 5px;
    padding: 0 5px;
    text-align: left;
}

#pageWrapper a.glossarEntry, #pageWrapper .buttonWrapper a,
#pageWrapper .headerOuterWrapper a, #pageWrapper .teaserWrapper a, #pageWrapper .bigTeaserWrapper a, 
#pageWrapper .linkListTeaserWrapper a, #pageWrapper ul.f3-widget-paginator li a, #pageWrapper .akkordeonTabWrapper .title a{
    text-decoration: none;
}

.linkListTeaserWrapper .copyrightCaption{
    display: none;
}

.headSpacer{
    clear: both;
    margin-bottom: 1rem;
}

#popupContentWrapper {
    border: 3px solid #ffe48c;
    background-color: #fcf0c8;
    border-radius: 12px;
    box-shadow: 0 8px 0 #ffc483;
}
#popupContent {
    background-color: #fff;
    border: 2px solid #ffc483;
    border-radius: 12px;
    box-sizing: border-box;
    margin: 5px auto 8px;
    padding: 20px 5%;
    width: 80%;
}

#popupContentWrapper.iFrame iframe {
    margin-bottom: 0;
    min-height: 640px;
}

#popupContentWrapper.iFrame #popupContent {
    box-sizing: border-box;
    margin: 5px auto 10px;
    height: 640px;
    padding: 0;
    overflow: hidden;
    width: 100%;
}

#popupContentWrapper .buttonWrapper {
    float: none;
}

.colorDefault, .colorDefault a{ color:#ff7806 !important; }
.colorEddie, .colorEddie a{     color:#427eac !important; }
.colorJumpy, .colorJumpy a{     color:#45ada8 !important; }
.colorPercy, .colorPercy a{     color:#4ca452 !important; }
.colorFlizzy, .colorFlizzy a{   color:#eb4847 !important; }

.colorDefault a{ display: inline; text-decoration: underline;}
.colorEddie a{   display: inline; text-decoration: underline;}
.colorJumpy a{   display: inline; text-decoration: underline;}
.colorPercy a{   display: inline; text-decoration: underline;}
.colorFlizzy a{  display: inline; text-decoration: underline;}

span.yellowBox{ display: block; width: 100%; background-color: #FCF0C8; padding: 1.5rem; box-sizing: border-box; border-radius: 8px; }

.mobileMenuBtn {
    display: none;
    text-align: center;
}

.icon-iabc-menu {
    font-size: 3rem;
    color: #ef7d00;
}

.icon-iabc-menu::before {
    cursor: pointer;
}

.icon-iabc-menu:hover:before {
    color: #fff;
}

.centerPage .csc-default {
    clear: both;
    margin-bottom: 2rem;
    width: 100%;
}

.centerPage.absolute{
    position: absolute;
    left: 50%;
    margin-left: -552px;
}

.wideWrapper{
    max-width: 1400px;
}

 
.buttonWrapper {
    cursor: pointer;
    float: left;
}

.buttonWrapper div {
    left: 0;
    top: 0;

    border-radius: 8px;
}

.buttonWrapper .button {
    background-color: #ff7806;
    color: #fff;
    font-size: 1.25rem;
    padding: 6px 16px 8px;
    margin-bottom: 3px;
    box-shadow: 0 3px 0 rgba(0, 0, 0, 0.5);
}
.buttonFullSize .buttonWrapper {
    margin-bottom: 20px;
}

.buttonFullSize .buttonWrapper .button span {
    text-shadow: 1px 2px 0 rgba(0, 0, 0, 0.5);
}

.buttonWrapper .button, .buttonWrapper .buttonImage, .buttonWrapper .button span{
    vertical-align: middle;
    box-sizing: border-box;
}

.buttonWrapper .buttonImage {
    max-width: 10rem;
    margin-right: 10px;
}

.buttonWrapper.showOnlyLink{
    cursor: default;
}

.buttonWrapper.showOnlyLink .button {
    background-color: transparent;
    box-shadow: none;
}


.buttonWrapper.showOnlyLink .button span{
    text-decoration: underline;
}

.buttonsWrapper.buttonFullSize .buttonWrapper .button, .buttonsWrapper.buttonFullSize .buttonWrapper{
    width: 100%;
    box-sizing: border-box;
}

.buttonWrapper:hover .button{
    margin-top: 3px;
    margin-bottom: 0px;
    box-shadow: 0 0px 0 rgba(0, 0, 0, 0.5);
}


.buttonWrapper.showOnlyLink:hover .button{
    margin-top: 0px;
    margin-bottom: 3px;
    box-shadow: none;
}

#content {
    background-color: #fff;
    min-height: 500px;
}

footer{
    background: url("../img/bg_footer.jpg") repeat-x scroll 0 bottom rgba(255, 255, 255, 1);
    min-height: 260px;
    height: auto;
    width: 100%;
}

footer .leftSide {
    display: inline-block;
    vertical-align: top;
    width: 65%;
}

footer .rightSide {
    display: inline-block;
    vertical-align: top;
    width: 35%;
}

footer .leftSide .csc-textpic-imagecolumn {
    margin-bottom: 60px;
    margin-right: 5%;
    max-width: 200px;
    width: 20%;
}

div.csc-textpic-left .csc-textpic-imagewrap {
    width: 100%;
}

footer .menu{
    display: inline-block;
    margin-left: 5%;
    vertical-align: top;
}

footer .menuLeft {
    width: 55%;
}

footer .menuRight {
    width: 35%;
}

#footerMainMenu li {
    margin-bottom: 3px;
    padding-left: 15%;
    
}
#footerMainMenu li a {
    line-height: 1.25rem;
    text-decoration: underline;
}

footer .centerPage {
    padding-top: 40px;
    padding-bottom: 40px;
    
}

footer .homeLink a{
    color: #ff7806;
    font-weight: bold;
}

footer .menuRight .link {
    display: inline-block;
    line-height: 1.25rem;
    margin-bottom: 3px;
    width: 100%;
}

footer .menuRight .link a {
    color: #414141;
    text-decoration: underline;
}

#content .contentLeft {
    display: inline-block;
    margin-right: 3%;
    vertical-align: top;
    width: 66%;
}

#content .contentRight {
    width: 31%;
    display: inline-block;
    vertical-align: top;
}


.teaserWrapper .leftSide{
    float: left;
    border-radius: 10px;
    width: 37%;
    position: relative;
    margin-right: 2.5%;
}

.teaserWrapper .rightSide{
    width: 60.5%;
    float: left;
}

.teaserWrapper .leftSide > div {
    display: inline-block;
    vertical-align: top;
}
.teaserWrapper  .leftSide .LabelWrapper {
    width: 100%;
}

.teaserWrapper .image {
    position: relative;
}

.teaserWrapper .leftSide .categoryIcon {
    bottom: -45px;
    left: 0.5%;
    position: absolute;
    width: 27.5%;
}
.teaserWrapper .leftSide .categoryIcon.subCategoryIcon {
    border-radius: 100%;
    bottom: -37px;
    box-sizing: border-box;
    left: 1.4%;
    padding: 1.25%;
    width: 22.5%;
}

.teaserWrapper .leftSide .categoryIcon.subCategoryIcon .innerIconWrapper {
    border: 0.15rem solid #fff;
    border-radius: 100%;
    padding: 6.5%;
    width: 80%;
}
.teaserWrapper .leftSide .categoryIcon.subCategoryIcon img{
    width: 80%;
    padding: 10%;
}

.teaserWrapper .leftSide .categoryLabel {
    color: #fff;
    font-size: 1.1rem;
    line-height: 1.5rem;
    min-height: 1.5rem;
    padding: 0.4rem 0 0.6rem 26%;
    width: 74%;
}

.teaserWrapper .leftSide .categoryLabel.noIcon {
    padding-left: 1.5rem;
}

.teaserWrapper .image img {
    border-radius: 10px;
}
.teaserWrapper .title {
    font-size: 1.4rem;
    font-weight: bold;
    margin-bottom: 0.5rem;
    text-decoration: underline;
}

.teaserWrapper .assessment .rateCounter {
    margin-left: 6px;
    margin-right: 2px;
}

.teaserWrapper .assessment > div {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    margin: 0;
}

.teaserWrapper .assessment .rating {
    width: 55%;
}

.teaserWrapper .assessment .comments {
    width: 40%;
}

.teaserWrapper .assessment .starWrapper {
    float: left;
    margin-top: 1px;
    overflow: hidden;
    position: relative;
}

.starWrapper .starBg {
    background-color: #fff;
    /*background-color: rgba(255, 255, 255, 0.5);*/
    display: block;
    height: 25px;
    position: absolute;
    width: 100%;
    z-index: 20;
    opacity: 0.5;
}

.assessment .rating > span {
    display: block;
    float: left;
    vertical-align: top;
}

.assessment .rating > span {
    display: inline-block;
    vertical-align: top;
}

.teaserWrapper .buttonWrapper {
    float: left;
    margin-bottom: 0.3rem;
    margin-right: 10px;
}

.teaserWrapper .buttonWrapper .button{
    font-size: 1.1rem !important;
    padding: 5px 20px;
}
.contentRight .leftSide, .contentRight .rightSide, .contentRight .teaserWrapper .assessment > div{
    width: 100%;
}
.contentRight .rightSide {
    margin-top: 10px;
}
.contentBottom .leftSide {
    margin-right: 1.7%;
    width: 24.5%;
}
.contentBottom .rightSide {
    width: 72.5%;
}
.contentBottom .teaserWrapper .assessment .rating{
    width: 40%;
}

.buttonPlaceholder {
    height: 1.5rem;
    margin-bottom: 9px;
}

#mainMenu .subMenu {
    display: none;
}

.subMenuWrapper {
    background-color: #f0f0f0;
    border-bottom: medium solid #ccd1d1;
    border-top: 0.7rem solid;
    margin-bottom: 1rem;
}

.subMenu {
    padding: 1rem 0;
}

.subMenu .subEntry{
    display: inline-block;
    vertical-align: top;
    margin-bottom: 10px;
}

.subMenu .subEntry .button{
    border-radius: 0.5rem;
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.5);
    display: inline-block;
    margin: 0 0.5rem 2px;
    padding: 0.1rem 0.5rem 0.2rem;
}

.subMenu .subEntry:hover, .subMenu .subEntry.active {
    margin-bottom: 8px !important;

}

.subMenu .subEntry:hover .button, .subMenu .subEntry.active .button{
    margin-top: 4px;
    margin-bottom: 0px;
    box-shadow: none;
}

.subEntry .icon {
    display: inline;
    padding: 0 0.2rem 0rem 0.1rem;
    vertical-align: top;
}

.subEntry .icon img {
    width: 1.5rem;
    display: inline;
    vertical-align: middle;
}

.subEntry  a {
    color: inherit;
    display: inline;
    vertical-align: middle;
    padding: 0.2rem 0.2rem 0rem;
    line-height: 1.6rem;
}

.backToMainPage {
    float: left;
    font-size: 1.2rem;
    font-weight: bold;
    padding: 1.2rem 2.5rem;
}

.backToMainPage .icon-iabc-arrow-left {
    display: inline-block;
    font-size: 1.5rem;
    line-height: 1rem;
    vertical-align: top;
}

.backToMainPage a {
    display: inline-block;
    line-height: 1.4rem;
    vertical-align: bottom;
}

a.glossarEntry {
    color: #333;
    border-bottom-style: dotted;
    border-bottom-width: 0.15rem;
    cursor: pointer;
    display: inline-block;
    line-height: 1.15rem;
    width: auto;
}

#powerTip p.bodytext {
    margin: 0.1rem;
}
#powerTip {
    
    border-width: 0.15rem;
    border-style: solid;
    border-radius: 8px;
    height: auto;
    padding: 0.5rem 1rem;
    position: absolute;
    max-width: 400px;
    z-index: 10000;
    display: none;
}
#powerTip::after {
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);

    border-right-width: 0.15rem;
    border-right-style: solid;
    border-bottom-width: 0.15rem;
    border-bottom-style: solid;
    border-color: inherit;
    background-color: inherit;
    
    bottom: -0.7rem;
    content: " ";
    height: 1rem;
    left: 50%;
    margin-left: -0.5rem;
    position: absolute;
    width: 1rem;
}
#powerTip a{
    text-decoration: underline;
}

.tabWrapper .arrow {
    height: 1.3rem;
    position: absolute;
    width: 1.3rem;
}

.tabWrapper .arrow::before {
    content: " ";
    display: block;
    height: 70%;
    left: 15%;
    position: absolute;
    top: 15%;
    transform: rotate(45deg);
    width: 70%;
}
.tabWrapper .arrow::after {
    background-color: inherit;
    content: " ";
    display: block;
    height: 100%;
    position: absolute;
    width: 50%;
}
.tabWrapper .arrow.active::after {
    height: 50%;
    width: 100%;
}

.contentRight p.bodytext {
    margin: 0.25rem 0;
}
.subMenuToggleArrow{
    display: none;

}
.csc-default li, .csc-frame li {
    box-sizing: border-box;
    margin-left: 1.5rem;
    list-style: outside disc;
    padding-left: 0rem;
}


.indent > * {
    box-sizing: border-box;
    padding-left: 42px;
}

.csc-default ol li, .csc-frame ol li {
    list-style: outside none inside;
}

.mobileView #pageWrapper .headerOuterWrapper > .subMenuWrapper {
    display: none;
}

.f3-widget-paginator li {
    margin-left: 0.5rem;
}
#popup.mobilePopup #popupContentWrapper,
#popup.mobilePopup #popupContentWrapper #popupContent{
    border: 0 none;
    border-radius: 0;
    height: 100% !important;
    margin: 0 !important;
    max-height: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
}

#popup.mobilePopup #popupContentWrapper #popupContent {
    background-color: inherit;
}

#popup.mobilePopup .buttonWrapper[data-close] {
    border-radius: 100%;
    float: none;
    height: 50px;
    left: auto;
    margin: 0;
    position: absolute;
    right: 5px;
    top: 5px;
    width: 50px;
    text-align: initial;
}

#popup.mobilePopup .buttonWrapper[data-close] .button {
    border-radius: 100%;
    height: 50px;
    margin: 0;
    padding: 0;
    width: 50px;
}

#popup.mobilePopup .buttonWrapper[data-close] .button::before {
    content: "q";
    font-size: 1.5rem;
    line-height: 50px;
    position: absolute;
    text-align: center;
    width: 50px;
}

#popup.mobilePopup .buttonWrapper[data-close] span{
    display: none;
}