@charset "UTF-8";@font-face{font-family:'responsivenav';src:url(../fonts/responsivenav.eot?optmfy);src:url(../fonts/responsivenav.eot?#iefixoptmfy) format("embedded-opentype"), url(../fonts/responsivenav.woff?optmfy) format("woff"), url(../fonts/responsivenav.ttf?optmfy) format("truetype"), url(../fonts/responsivenav.svg?optmfy#responsivenav) format("svg");font-weight:normal;font-style:normal;}
a{background:transparent;}
a:active, a:hover{outline:0;}
h1{font-size:2em;margin:.67em 0;}
mark{background:#ff0;color:#000;}
small{font-size:80%;}
sub, sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sup{top:-.5em;}
sub{bottom:-.25em;}
img{border:0;}
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}
code, kbd, pre, samp{font-family:monospace, monospace;font-size:1em;}
table{border-collapse:collapse;border-spacing:0;}
td, th{padding:0;}
b, strong, optgroup{font-weight:700;}
pre, textarea{overflow:auto;}
button::-moz-focus-inner, input::-moz-focus-inner, legend{border:0;padding:0;}
*, *:before, *:after{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
html,
body{height:100%;}
html{font-family:sans-serif;font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
body{font-size:1em;line-height:1.6;text-rendering:optimizeLegibility;font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;color:#4c4c4c;background-color:#fff;margin:0;min-width:100%;}
div{position:relative;}
h1, h2, h3, h4, h5, h6{font-weight:normal;}
h1{font-size:1.8em;margin:0 0 0.4em 0;}
h2{font-size:1.3em;margin:0 0 0.8em 0;}
h3{font-size:1.2em;margin:0 0 0.7em 0;}
h4{font-size:1.2em;margin:0 0 0.6em 0;}
h5{font-size:1.1em;margin:0 0 0.5em 0;}
h6{font-size:1.1em;margin:0 0 0.4em 0;}
a{color:#00B3E4;text-decoration:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);font-weight:400;}
a:focus,
a:hover{color:#4c4c4c;}
p > a{font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-weight:500;}
p{font-weight:300;margin:0 0 1em;}
.text-center{text-align:center;}
.aligncenter{display:block;margin:0 auto 1em;}
.alignleft{display:block;margin:0 auto 1em;}
.alignright{display:block;margin:0 auto 1em;}
canvas{max-width:100%;}
img{height:auto;}

/* Style the toprahmen */
.toprahmen {
    background-color: #c1c1f1;
    padding: 20px;
    text-align: center;
	margin:0px auto;position:relative;
	float: left;
}
.toprahmen.links {width:900;background-color: #0FF;}
.toprahmen.rechts {width:100;background-color: #77bcc7;}

.werbung {  /* Style the werbung rechts */
    background-color: #a1c1f1;
    padding: 20px;
    text-align: center;
	max-width:100px;width:96%;margin:0px auto;position:relative;
    float: left;
}

hr{margin-bottom:20px;}
.padding-top{padding-top:60px;}
.callout{padding:10px;font-style:italic;text-align:center;}
.cf:before, .cf:after, .row:before, .row:after{content:"";display:table;}
.cf:after, .row:after{clear:both;}
.cf, .row{zoom:1;}
.container{max-width:800px;width:96%;margin:0px auto;position:relative;}
.row{clear:both;}
.span-1,
.span-2,
.span-3,
.span-4,
.span-5,
.span-6,
.span-7,
.span-8,
.span-9,
.span-10,
.span-11,
.span-12{width:100%;position:relative;min-height:1px;}
.page-frame{position:absolute;overflow:hidden;}
.page{position:relative;height:100%;}
.content-frame{height:100%;position:relative;padding:0;background-color: #FFFFFF;;-ms-transform:translate(250px, 0);-moz-transform:translate(250px, 0);-webkit-transform:translate3d(250px, 0, 0);transform:translate(250px, 0);-ms-transition:-ms-transform 0.28s ease-in-out;-moz-transition:-moz-transform 0.28s ease-in-out;-webkit-transition:-webkit-transform 0.28s ease-in-out;transition:transform 0.28s ease-in-out;border-top:1px solid rgba(0, 0, 0, 0);min-height:1600px;}
.nav-collapsed .content-frame{-ms-transform:translate(0px, 0);-moz-transform:translate(0px, 0);-webkit-transform:translate3d(0px, 0, 0);transform:translate(0px, 0);}
.header{width:100%;position:relative;margin:0px auto;background-size:cover;padding:3em 0;background-color: #c1c1c1;}
body.novafeel .header{padding:1em 0;}
h1.heavy{color:#333;font-size:1.9em;line-height:1.2;padding-top:20px;position:relative;font-weight:300;text-align:center;}
h1.heavy span{font-size:0.6em;display:block;}
h2.headline{border-bottom:1px solid #d5d5d5;line-height:1.5em;padding-bottom:0.4em;font-weight:600;}
p.center{text-align:center;}
.box{padding:1em;margin:0 0 2em 0;background-color:#bebeb;transition:0.6s ease background-color;min-height:200px;}
.box:hover{background-color:#fafafa;}
.box h3{font-weight:bold;margin:0 0 0.5em;}
.footer{font-size:0.9em;color:#ffffff;margin-top:2em;border-top:1px solid #ebebeb;background-color:#666666;}
.footer .container{width:100%;padding:1em 0;max-width:800px;}
.footer p{margin-bottom:0;}
.footer a{text-decoration:none;}
.copyright{padding-top:8px;text-align:center;}
.margin-top{margin-top:1em;}
.novafeel-header{width:100%;background-color:#aaaaff;border-bottom:1px solid #ccc;z-index:99;position:relative;}
.novafeel-title{margin:0.5em 0;}
.novafeel-wrap{width:98%;margin:0 auto;box-shadow:0 0 10px rgba(0, 0, 0, 0.5);}
@media all and (min-width:480px){h1.heavy{font-size:2.2em;padding-top:0;}
}
@media all and (min-width:640px){
 /* größer als 640 */	
body{padding-left:0px;}
.menu-toggle{display:none;}
.aligncenter{display:block;margin:0 auto 1em;}
.alignleft{display:inline;float:left;margin:0 1em 1em 0;}
.alignright{display:block;float:right;margin:0 0 1em 1em;}
div[class*='span-']{float:left;margin-left:1.5%;}
div[class*='span-']:first-child{margin-left:0;}
.span-1{width:6.95833333333%;}
.span-2{width:15.4166666667%;}
.span-3{width:23.875%;}
.span-4{width:32.3333333333%;}
.span-5{width:40.7916666667%;}
.span-6{width:49.25%;border-left:4px dotted #aaa;}  /* dotted   solid  */
.span-6-links{width:49.25%;}  /* dotted   solid  */
.span-6-rechts{width:49.25%;padding-left: 1em; border-left:3px dotted #aaa;}  /* dotted   solid  */
.span-7{width:57.7083333333%;}
.span-8{width:66.1666666667%;}
.span-9{width:74.625%;}
.span-10{width:83.0833333333%;}
.span-11{width:91.5416666667%;}
.span-12{margin-left:0;width:100%;}
h1.heavy{text-align:left;float:left;margin-bottom:0;}
body.novafeel h1.heavy{float:none;text-align:right;}
.copyright{text-align:left;}
.socials{text-align:right;}
}
@media all and (min-width:1000px){
 /* größer als 1000 */	
 .toprahmen {
    background-color: #c1c1f1;
    padding: 20px;
    text-align: center;
margin:0px auto;position:relative;
	float: left;
}
.toprahmen.rechts {
	display: none;
	    background-color: #77bcc7;
}
.toprahmen.links {
    width: 100%;
	    background-color: #22aa22;
}

h1.heavy{font-size:2.2em;}
body.novafeel h1.heavy{font-size:2em;}
body.novafeel h1.heavy span{display:inline;font-size:inherit;}
body.novafeel .header{padding:0.6em 0;}
}