/* @override 
	http://www.umzuege-kassel.de/css/style.css */

/*2015 pixeler.de*/

/*google font api*/
@import url(http://fonts.googleapis.com/css?family=Open+Sans:600);

/*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,font,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{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}

/*position*/
.clear {clear:both;}.top { top: 0;}.btm { bottom: 0;}.left {float:left;}.right {float:right;}.cleft {text-align:left;}.cright {text-align:right;}.ccenter {text-align:center;}.cvcenter {vertical-align:middle;}.ctop {vertical-align:top;}.cbtm {vertical-align:bottom;}.block {display:block;}.iblock {display:inline-block}.abs {position:absolute;}.rel {position:relative;}.fix {position:fixed;}

/*width,height*/
.wscreen {left:0;margin-left:0 !important;}.w100 {width:100%;}.w75 {width:75%;}.w66 {width:66%;}.w50 {width:50%;}.w33 {width:33%;}.w25 {width:25%;}.hscreen {top:0;margin-top:0 !important;}.h100 {height:100%;}.h75 {height:75%;}.h50 {height:50%;}.h25 {height:25%;}

/*misc glob*/
.trans, a {transition:all .4s ease-in-out 0s;}
.pad { padding: 2em;}
.pads { padding: .5em;}

/*colors*/
.blue { color: #033e72;}
.bck-blue { background-color: #033e72;}




/*font glob*/
body, input, textarea {font: 600 .89em/1.4 'Open Sans', sans-serif; color: #445;}
h2, h3, h4 { text-transform: uppercase; line-height: 1.2; font-family: Arial Black, Arial, sans-serif; font-weight: bold; color: #033e72;}
h2 { margin: 2em 0 .6em; font-size: 2em;}

p { margin: 0 0 1em;}

a { color: #033e72;}
a.btn, .tab-nav a { display: inline-block; background: #033e72; padding: .6em; text-decoration: none; font-size: .82em; text-transform: uppercase; color: #fff; font-family: Arial Black, Arial, sans-serif; margin-right: .5em;}

li { list-style: disc; margin: .2em 0 .2em 1em;}




/*elements*/
.cont { margin: 0 auto; padding: 0 2em; max-width: 1100px; z-index: 10; position: relative;}

header { box-shadow: 0 0 7em #b2b8be;}
#bckvid { position: absolute; top: -200px; z-index: 1;}
#logo { width: 25%; height: 12em; background: url(../img/logo.png) no-repeat center; background-size: contain; text-indent: -99999px; position: absolute; left: 10em; top: 5em;}
.claim { width: 400px; height: 53px; background: url(../img/schriftzug.png) no-repeat; position: absolute; top: 17.5em; left: 6em;}
.arr-down { position: absolute; bottom: .5em; right: 50%; color: #033e72;}

nav { font-family: Arial Black, Arial, sans-serif; position: fixed; right: 4em; top: 2.4em; z-index: 30;}
nav a, a.btn, .tab-nav a { background: url(../img/blue-trans.png); color: #fff; text-decoration: none; display: inline-block; padding: 1em; text-transform: uppercase; font-size: .9em;}
nav a:hover, a.btn:hover, .tab-nav a.active { background: #033e72;}
nav.full { top: .2em;}
nav.full a { background: #033e72;}

.hcontact { position: fixed; right: 4em; top: 0em; background: url(../img/white-trans.png); padding: .3em 1em .4em 0; box-shadow: 0 0 .3em #b2b8be; font-size: .9em; z-index: 20;}
.hcontact:hover { background: #fff;}
.hcontact a { text-decoration: none; padding-left: 1.2em; color: #555;}
.hcontact a span { color: #033e72; font-size: 1.1em; padding-left: .2em; text-shadow: 1px 1px 1px #fff;}
.hcontact i { color: #033e72;}
.hcontact.full { display: none;}

.stopper { background: #daad34; border-radius: 50%; position: absolute; padding: .3em;}
.stopper-inner { background: #daad34; width: 9em; height: 9em; border-radius: 50%; color: #fff; text-align: center; padding: 2em;  border: .2em solid;}
.stopper span { position: absolute; left: 10%; top: 20%; width: 80%; font-size: 1.5em; transform: rotate(-5deg); -webkit-transform: rotate(-5deg); text-shadow: 1px 1px #888;}
header .stopper { right: 23%; bottom: -5em;}

#mc { position: relative; z-index: 1; padding: 4em 0 0;}

footer { background: #b2b8be; margin: 6em 0 0; padding: 4em 0 0; font-size: .9em; color: #033e72;}
footer p { margin: 0 0 .5em;}
footer h3 {  color: #033e72;}
.fstand { display: block; margin: 1em 0 .5em; font-size: 1.2em;}
.flinks { padding: 0 1em; line-height: 1.8;}
.flinks a { text-decoration: none; padding-left: .5em; white-space: nowrap; color: #444;}
footer small { display: block; margin: 4em 0 0; padding: 1.5em 0; background: #033e72; text-align: center; color: #b2b8be;}
footer small a { color: #b2b8be;}
.drrent, .afu, .parkverbot { height: 40px; background-position: center; background-size: 60%; background-repeat: no-repeat; margin: 0 0 1em; background-color: #fff; margin: .3em 0 .5em .6em; }
.drrent { background-image: url(../img/partnerlogo-drrent.png);}
.afu { background-image: url(../img/partnerlogo-afu.png);}
.parkverbot { background-image: url(../img/partnerlogo-parkverbot.png);}
footer .right .btn { margin-top: .5em; padding: .5em .8em;}
footer .right { color: #444;}


/*pages*/

ul.start { margin: 6em 0 0; font-size: 1.1em;}
.start li { list-style: none; margin: .5em 0; position: relative;}
.start i { color: #033e72; position: absolute; left: -1.8em; top: .3em;}

.imgteam { width: 100%; margin: 3em 0 0; padding: 2em 0 0; border-top: 2px solid #eee;}


.tab-nav a { display: block; margin-bottom: 2px; cursor: pointer;}
.tabs h3 { font-size: 1.4em; border-top: 2px solid #eee; padding: .5em 0 1em;}
.tabs img { width: 100%; margin: 0 0 1em;}

img.dusgf { max-width: 40%; margin: 0 1em 1em 0;	}


.gray { background: #eee; padding: 1em; margin: .5em 0;}
label  { display: block; font-size: 85%; color: #555;}
input[type="text"], textarea { display: block; width: 90%; padding: .5em; margin: 0 0 1em; border: 2px solid #ddd;}
input[type="text"]:focus, textarea:focus { border-color: #033e72;}
form p { margin: 0 0 1em; color: #033e72; font-size: 1.1em;}
textarea { resize: none; min-height: 120px;}
input[type="submit"] { background: #033e72; color: #fff; border: none; cursor: pointer; padding: .8em 1em; font-family: Arial Black, Arial, sans-serif; text-transform: uppercase; font-size: 85%;}
small { display: block; font-size: 85%; margin: 1em 0 0; color: #777;}
input.required, textarea.required, input.invalid { border-color: red;}
#email { position: absolute; left: -99999px; height: 1px; width: 1px;}

.kdata { line-height: 2; margin: 1em 0;}
.kdata span { min-width: 120px; display: inline-block;}
.kdata a { text-decoration: none; font-size: 1.2em;}
.kdata i { color: #033e72; margin-right: .5em;}
.kdata h3 { margin: 2em 0 1em;}


ul.paderborn li { list-style: none;}
hr { margin: 2em 0; border: none; border-top: 1px solid #ddd;}



@media (max-width: 1140px){


.m-nofl { float: none; width: auto;}
.cont { margin-left: 2em; margin-right: 2em;}

header .stopper { right: 5em;}
.stopper-inner { width: 5em; height: 5em;}
.stopper span { font-size: 1.1em;}
.claim { width: 300px; background-size: contain; left: 5%;}
#logo { width: 20%; left: 10%;}

#mc { padding-top: 1em;}

}/*eo media*/


@media (max-width: 900px){

.m-hide { display: none;}

.left, .right { float: none; width: auto;}
.clear { display: none;}

.cont { padding: 0 1em;}

header { height: auto; padding: 2em 0; background: url(../img/dus_loop_cover.jpg); background-size: cover;}
#bckvid { display: none;}
#logo { width: 100%; height: 9em; position: static;}
.claim { width: 90%; height: 53px; position: static; margin: 0 auto; background-position: center;}
nav { position: static; text-align: center; margin: 2em 0;}
nav a { display: block; margin-bottom: .3em;}
.hcontact { display: none;}
.stopper { display: none;}

#mc { padding: 0;}
h2 { font-size: 1.5em;}

a.btn { margin-bottom: .5em;}
ul.start { margin-left: 2em; margin-top: 2em;}

footer .ccenter, footer .cright { display: none;}

.tabs h3 { border-top: none; margin-top: 2em;}
img.dusgf { float: none; max-width: 100%;}
.qr { display: block;	max-width: 100%; margin: 2em 0;}
.mapscont { display: none;}


}/*eo media*/