@charset "utf-8";
/* CSS Document */
/* Font */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700);

/* Font */
body {font-family: 'Open Sans', sans-serif;}
#sim_page {float:none;width:100%;max-width:1200px; margin:0 auto;}
/* Basics */
::selection {background: #FF0004; color:#111;}
::-moz-selection {background: #FF0004; color:#111;}

/* Fancy */
.shadowed {-moz-box-shadow:3px 3px 0 rgba(0,0,0,.1);-webkit-box-shadow:3px 3px 0 rgba(0,0,0,.1);-o-box-shadow:3px 3px 0 rgba(0,0,0,.1);-ms-box-shadow:3px 3px 0 rgba(0,0,0,.1);box-shadow:3px 3px 0 rgba(0,0,0,.1);}
.rounded {-moz-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;-ms-border-radius:5px;border-radius:5px;}

.centered{text-align:center;}

/* Custom colors*/

/* Page Hintergrund */
.cbcpagebg {background-color:#efefef;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f6f6f6+47,ededed+100;White+3D+%231 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */


}
/* generelle Schmuckfarbe */
.cbcstyle {background-color:#FFED00;color:#333;}
.cbcstyle a {color:#fff;}
/* Header */
.cbcheader {background-color:#fff;color:#000;}
.cbcheader a {color:#000;}
/* Footer */
.cbcfooter {background-color:#111;color:#fff;}
.cbcfooter a {color:#999;}
/* Tabs */
.cbctab {background-color:#318B00;color:#fff;}
.cbctab a {color:#fff;}
/* Menue Offcanvas */
.cbcoffcanvas {background-color:#444;color:#000;}
.cbcoffcanvas a {color:#fff;}
/* Menue Offcanvas Trigger*/
.cbcmenuetrigger {background-color:#FFED00;color:#333;}
/* Searchtrigger Trigger*/
.cbcsearchtrigger {background-color:#eee;color:#333;}


#df_book_custom{
        color:#ddd;
        text-decoration: underline;
        cursor: pointer;
    }
    .upper-fold{
        height: 100%;
    }

/* Basics */
.cbcred {background-color:#d62732;color:#fff;}
.cbcred a {color:#fff;}
.cbcred .sim_linkbutton {color:#d62732;}
.cbcblue {background-color:#009edf;color:#fff;}
.cbcblue a {color:#fff;}
.cbcblue .sim_linkbutton {color:#2B60CB;}
.cbcgreen {background-color:#71CC46;color:#fff;}
.cbcgreen a {color:#fff;}
.cbcgreen .sim_linkbutton {color:#71CC46;}
.cbcgrey {background-color:#666;color:#fff;}
.cbclight {background-color:#efefef;}
.sim_linkbutton.cbclight {color:#333;}
.cbcdark {background-color:#393939;color:#fff;}
.cbcdark  a {color:#fff;}
.cbcblack {background-color:#111;color:#fff;}
.cbcblack a {color:#fff;}
.sim_linkbutton.cbcblack {color:#fff;}
.cbcwhite {background-color:#fff;}
.sim_linkbutton.cbcwhite {color:#333;}
.cbcopaque {background-color:rgba(255,255,255,.5);}
.sim_linkbutton.cbcopaque {color:#fff;}
.cbcspecial1{background-color:#e2017b;color:#fff;}

ul.lilogos {float:left;width:100%;max-width:600px;list-style-type:none;margin:10px 0;padding:0;}
ul.lilogos li {float:left;width:16.666%;margin:0;padding:0;}
ul.lilogos li img {float:left;width:100%;height:auto;margin:0;padding:0;opacity:1;}
ul.lilogos li:hover img {opacity:.8;}

.fm_popup { min-height: 1px; }

a.external-link-new-window.button {

    padding: .5em 2em;
    width: 94%;
    text-align: center;
    background: #444;
    color: #ffed00;
    font-weight: 700;
    transition: all .3s;
    border-radius: 8px;
    display:inline;
}

/* ################################################################################# */
/* ### Media queries ############################################################### */
/* ################################################################################# */

/* Normal Screen */
@media screen and (max-width: 1500px) {
}

/* Normal Screen */
@media screen and (max-width: 1200px) {
}

/* iPad, Landscape 1024x768 */
@media screen and (max-width: 1100px) {	
}

/* iPad, Portrait 768x1024 */
@media screen and (max-width: 800px) {
ul.lilogos {float:left;width:100%;max-width:100%;list-style-type:none;margin:10px 0;padding:0;}
ul.lilogos li {float:left;width:16.666%;margin:0;padding:0;}
}

/* iPhone, Landscape 480x320 */
@media screen and (max-width: 500px) {
	ul.lilogos li {float:left;width:33.333%;margin:0;padding:0;}
}

/* iPhone, Portrait 320x480 */
@media screen and (max-width: 350px) {
}