@font-face{font-family:'broken_15regular';src:url('../fonts/broken15-webfont.eot');src:url('../fonts/broken15-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/broken15-webfont.woff') format('woff'),url('../fonts/broken15-webfont.ttf') format('truetype'),url('../fonts/broken15-webfont.svg#broken_15regular') format('svg');font-weight:normal;font-style:normal;}
/* === CSS RESET === */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
body{line-height:1;/*overflow:hidden*/;width:100%;height:100%;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
/* === End of CSS RESET === */
body{background:#000;color:#fdfdfd;font-size:12px;font-family:exo_2regular;text-shadow:1.5px 1.5px 0 rgba(0,0,0,0.7);}
#loadscreen{position:fixed;padding:0;margin:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:200000;}
#loadscreen div{width:200px;height:200px;position:absolute;left:50%;top:50%;margin-left:-100px;margin-top:-100px;text-align:center;}
.ladetext{font-family:broken_15regular;font-size:48px;color:#fff;margin-top:50px;animation-name:fader;animation-duration:2000ms;animation-iteration-count:infinite;animation-timing-function:400ms;}
@keyframes fader{50%{opacity:0.5;}}
#ladenuss{animation-name:spin;animation-duration:4000ms;animation-iteration-count:infinite;animation-timing-function:linear;}
#muetze img{animation-name:spin;animation-duration:4000ms;animation-iteration-count:infinite;animation-timing-function:linear;}
@keyframes spin{from{transform:rotate(0deg);} to{transform:rotate(360deg);}}
#spacenut{z-index:199999;width:85px:height:49px;display:none;}
#spacenut img:hover{cursor:pointer;}
.das_buch {background:url(../img/db_s.png) 100px 0px no-repeat;}
.creditos{
    
    font-family:exo_2regular;
    font-size:15px;
    color:#000;
    text-shadow:none;
    z-index:99999;
}
.creditos div{background:url(../img/creditos_m.png) top left no-repeat;transform:rotate(2deg);min-height:309px;}
.creditos p:first-child{padding-top:60px;}
.creditos .fett{font-family:exo_2bold;}
.creditos p{margin-bottom:7px;margin-left:42px;}
.creditos a{color:#000;text-decoration:none;}
.creditos a:hover{text-decoration:underline;}
.creditos h1{color:#fff;}
.der_inhalt,.rezis,.kaufen {
	width: 100%;
    height:100%;
    background-size:100% auto;
}
.der_inhalt div,.rezis div,.kaufen div{margin-left:auto;margin-right:auto;margin-top:15px;width:85%;background:transparent;position:relative;background:rgba(255,160,223,0.35);padding:20px;border-style:solid;border-width: 27px;border-image: url(../img/qpb.png) 27 fill repeat;border-left:0;border-right:0;}
.rezis div{background:rgba(19,125,255,0.40);}
.kaufen div{background:rgba(6,43,87,0.40);}
.rezis div p,.kaufen div p{margin-bottom:15px;font-size:15px;line-height:18px;}
.rezis h2{font-size:18px;margin-bottom:15px;margin-top:35px;}
.rezis a,.kaufen a{color:#137dff;text-decoration:none;}
.rezis p strong{font-weight:bold;}

.der_inhalt div p,.die_autorin p{font-family:exo_2regular;font-size:14px;margin-bottom:20px;text-align:justify;line-height:18px;}
.die_autorin{width:100%;}
.die_autorin div{margin-left:auto;margin-right:auto;}
.die_autorin p{padding:0 15px 0 15px;}
.die_autorin img{max-height:100%;width:auto;}
.die_autorin a{color:#fdfdfd;text-decoration:none;}
.die_autorin a:hover{text-decoration:underline;}
.die_leseprobe {font-family: 'Open Sans', sans-serif;}
.die_leseprobe div{color:#000;text-shadow:none;background:#f5f4ef;background:linear-gradient(to right, #fffff0 0%,#f5f4ef 7%,#f5f4ef 93%,#fffff0 100%);;padding:15px;}
.die_leseprobe div.start{background:transparent !important;text-align:center;}
.die_leseprobe div.zwo p{text-align:center;}
.die_leseprobe div p{line-height:19px;font-size:15px;margin-bottom:10px;text-align:justify;}
.titel{font-family: 'broken_15regular';font-size:45px !important;text-transform:uppercase;}
#dodo{height:100%;}
.der_kontakt div{float:left;height:100%;}
.der_kontakt .rechts img{border-top-right-radius: 10px;border-bottom-right-radius: 10px;margin:0;}
.der_kontakt form{font-size:15px;color:#000;text-shadow:none;height:100%;position:relative;top:72px;}
.der_kontakt .links{background:url(../img/pkl.jpg) no-repeat;border-top-left-radius: 10px;border-bottom-left-radius: 10px;margin-left:3%;height:453px;}
.der_kontakt form label{width:65px;float:left;color:transparent}
.der_kontakt form legend{color:transparent}
.der_kontakt form fieldset{min-height:30px;}
h1.titel{margin:3%;text-align:left;}
.der_kontakt input,.der_kontakt textarea{width:155px;background:transparent;border:0;border-bottom:1px solid #777;font-family:exo_2regular;font-size:15px;margin-top:20px;margin-left:10px;}
#mailbut{position:relative;left:94px;top:54px;transform:rotate(9deg);cursor:pointer;}
input#m_last_name{display:none;}
label.has-error{display:none !important;}
.der_kontakt input.has-error,.der_kontakt textarea.has-error{border:1px solid red;}
#sterne {
  width: 100%;
  height: 100%;
  background: radial-gradient(ellipse at center, #242938, #000000 100%);
}
#buyme{background:transparent;border:none;}
/* Portrait */
@media screen and (orientation:portrait) {
 img{max-width:100%;height:auto;}
}
/* Landscape */
@media screen and (orientation:landscape) {
 img{max-height:100%;width:auto;}
}