/* = edit.css
-------------------------------------------------------------- */

#edit-with-js-bin {
  /* position */
  position: fixed;
  top: 0;
  right: 5px;

  /* box-model */
  display: inline-block;
  padding: 7px 5px 8px 9px;
  border: 1px solid #999;
  border-top: 0;

  /* typography & style */
  color: #777;
  text-shadow: white 0 1px 1px;
  text-decoration: none;
  font: normal 12px 'Helvetica Neue', Arial, Helvetica;
  white-space: nowrap;
  background: #ddd;

  /* slide in/out transition */
  -webkit-transition: top ease-out 100ms;
     -moz-transition: top ease-out 100ms;
       -o-transition: top ease-out 100ms;
          transition: top ease-out 100ms;
}

#edit-with-js-bin:hover {
  color: #333;
}

#edit-with-js-bin img {
  width: 16px;
  height: 16px;
  vertical-align: top;
  border: 0;
  margin: -1px 0 0 3px;
}

@media print {
  #edit-with-js-bin {
    display: none;
  }
}


/* the overlayed element */
.simple_overlay {
 
    /* must be initially hidden */
    display:none;
 
    /* place overlay on top of other elements */
    z-index:10000;
 
    /* styling */
    background-color:#333;
 
    width:675px;
    min-height:200px;
    border:1px solid #666;
 
    /* CSS3 styling for latest browsers */
    -moz-box-shadow:0 0 90px 5px #000;
    -webkit-box-shadow: 0 0 90px #000;
}
 
/* close button positioned on upper right corner */
.simple_overlay .close {
    background-image:url(/media/img/overlay/close.png);
    position:absolute;
    right:-15px;
    top:-15px;
    cursor:pointer;
    height:35px;
    width:35px;
}

/* styling for elements inside overlay */
  .details {
  position:absolute;
  top:15px;
  right:15px;
  font-size:11px;
  color:#fff;
  width:150px;
  }
 
  .details h3 {
  color:#aba;
  font-size:15px;
  }

/* = style.css
-------------------------------------------------------------- */

html,body{height: 100%;background:url(../img/bg.jpg) no-repeat center center fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-color:#130102!important}
*{margin:0;padding:0}
body { font-family: 'Open Sans', Arial, Helvetica, sans-serif; }
a{color:#3658ad;text-decoration:underline}
a:hover{color:#666;text-decoration:none}
.container-fluid{ position: relative!important; min-height: auto!important; width:100%!important; max-width:100%!important; text-align:center!important;padding-left:1px;padding-right:1px;margin:0;align-items:center;justify-content:center; }
.header{left:50%;display:inline-block;width:55%;background-color:#FFFFFF;text-align:center;color:#000000;font-size:31px;margin:5px;margin-top:5%;margin-right:4px;line-height: 2.22857143!important;}
.headline{width:100%!important;color:#B11717;font-size:36px}
.login{float:right;padding-right:20px}
.clear{clear:both;padding:0;margin:0}
.footer{bottom:0;width:auto!important;height:30px;line-height:30px;color:#8b8989;margin-top:10px;padding-left:10px;padding-right:10px;float:left}
.footer a{color:#8b8989;font-size:80%}
#erfolg{display:none;padding:10px;font-size:18px;color:#FFFFFF;background-color:#191919}
#fehler{display:none;padding:10px;font-size:18px;color:#CF0C0F;background-color:#fccf2c}
.df_signup_open{font-weight:700;cursor:pointer}
#naviga{width:100%;text-align:center;padding-top:10px}
#vidwrap{left:50%;display:inline-block;overflow:hidden;font-size:0;margin:0;width:55%}
video{margin:0;padding:1px;width:100%;height:100%;border:1px solid #FFFFFF}
button.mySubmitButton {background-color:#098400 !important;}
button.mySubmitButton:hover {background-color:#19a90e !important;}
#myButton{font-weight:bold!important;text-transform:uppercase;border:1px solid #FFFFFF;font-size:28px;width:70%;line-height:30px;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;text-shadow:0 1px 0 #6A6A6A;background-color:#098400;display:inline-block;cursor:pointer;color:#FFF;padding:12px 24px;margin-top:5px;text-decoration:none;left:10px}
#myButton:hover{background-color:#19a90e;color:#FFF}
#myButton:active{position:relative;top:1px;color:#FFF}
#semail{font-weigt:bold;color:#df0240;font-size:18px}
.mute-video{-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;float:right;text-decoration:none;margin-top:5px;}
.tred { color:#df0240; }
img.logo {width:100%;max-width:424px;display:block;position:relative;top:-40px;margin-bottom:-40px;left:-30px;padding:10px 30px;background-color:#fff;-moz-border-radius:10px 10px 0 0;-webkit-border-radius:10px 10px 0 0;border-radius:10px 10px 0 0;}
ul li {margin-left: 30px;}

/* = interne links
-------------------------------------------------------------- */
ul.interlink {
	list-style-type: none;
	margin: 30px 0 !important;
	padding: 10px 0;
	position: relative;
	text-align: center;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
ul.interlink:before {
	content: "⚡ Von anderen Teilnehmern empfohlene Seiten:";
	display: block;
}
ul.interlink li {
	margin: 2px 5px;
	padding: 0 5px;
	list-style-type: none;
	display: inline-block;
	position: relative;
	text-align: center;
	font-weight: bold;
}

/*=====================================================
=            SEO CONTENT                              =
=====================================================*/
.content {margin: auto!important;margin-top:70px!important;margin-bottom:50px!important;display:block;padding: 10px 30px; width: 80%; color:#333; font-size:1.2em;line-height: 1.5em; background-color: #fff; }
.content h1, .content h2{ color:#df0240; font-weight:bold; }
.content h1{ font-size:1.4em; }
.content h2{ font-size:1.3em; }
.content h3{ font-size:1.2em; font-weight:bold; }
.content #myButton{width:50%;}
.cfooter{margin:20px 0;padding-top:10px;display:block;text-align:center;font-size:0.8em;color:#888;border-top:1px solid #eee;}
.testimonial {display:inline-block;margin: 10px;padding: 10px;width:45%;vertical-align:top;text-align:center;}



/*=====================================================
=            Bootstrap Media Queries            =
=====================================================*/

@media only screen and (min-height : 2500px) {
}

@media only screen and (max-width : 1200px) {
 #myButton,.content #myButton{ font-size:22px;width:99%; }
 .header{font-size:22px;}	
}

@media only screen and (max-width : 979px) {
#myButton{ font-size:16px; }
}

@media only screen and (max-width : 896px) {
html,body{background:url(../img/bgm.jpg) no-repeat center center fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;}
#myButton{ font-size:16px; }
img.logo {width:100%;max-width:424px;display:block;position:relative;top:0;margin:0;left:0;padding:0;background-color:none;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;}
}

@media only screen and (max-width : 767px) {
 #vidwrap { width: 99.5%!important; }
  .container-fluid { width: 99%!important; }
 .header{width: 99%!important;font-size:16px;}
 .form_right {display:none; }
 .dfform-container{float:inherit; }
 .content{width: 90%!important;margin-bottom:0!important; }
 .testimonial {display:block;margin: auto!important;width:100%;}
}

@media only screen and (max-width : 480px) {
 #myButton{ font-size:16px; }
 .content{width: 100%!important; }
}

@media only screen and (max-width : 320px) {

}

/* = dfform.css
-------------------------------------------------------------- */

.dfform-container{color:#FFF;text-decoration:none;vertical-align:middle;min-width:320px;}
.signup{width:620px;}
.input-container{font-weight:bolder!important;background:#191919;padding:14px;color:#fff;border-color:#A6A6A6;font-size:12px;}
.boxheadline{margin:10px;text-align:center;background:#191919!important;padding-top:28px;font-size:14px}
.boxheadline span {font-size: 15px; font-weight:bolder!important; color:#df0606;}
.dfform-field{width:87%!important;border:1px solid #A6A6A6!important;background:#fff;padding:8px!important;margin-bottom:5px!important;color:#000}
.dfform-field:focus{background:#fffff}
.dfform-container h2{font-size:18px;margin:0 0 10px;text-align:center}
.dfform-title{margin-top:1px;font-size:12px}
.dfsubmit-container{margin:8px 0;text-align:right;width:100%}
.mySubmitButton{font-size:14px;line-height:36px;border: 1px solid #FFFFFF!important;background:#b62424!important;-webkit-border-radius:7;-moz-border-radius:7;border-radius:7px;color:#fff;text-decoration:none;width:100%;vertical-align:text-bottom!important}
.dferror{color:red;font-size:90%;font-weight:bolder!important;line-height:22px;}
#dfsignup{display:none}
#signup_close{position:absolute;right:-12px;top:-17px;background-color:#FFF;-webkit-border-radius:200px;border-radius:200px}
.well{margin-bottom:20px!important;padding:1px!important;background-color:#191919!important;border:1px solid #c9c8c8!important;border-radius:1px!important}
.form_right img{width:100%}
.form_left{width:320px!important;float:left;min-height:300px}
.form_right{width:290px!important;float:right;min-height:300px}
.formnav{width:100%;line-height:30px}
.libtn{display:inline;text-align:center;width:120px;float:left;background:#333232}
.subtn{text-align:center;width:auto!important;background:#b62424}
#signupL{float:left;cursor:pointer}
#loginL{float:left;display:none;cursor:pointer}
#field_sm{margin-top:10px}
#field2_pw{margin-top:10px}
#field_un span:before{background:url("../img/profile.png") no-repeat center #333232;border:inset 6px transparent;background-size:contain;box-sizing:border-box;content:""!important;display:block!important;width:34px!important;height:36px!important;float:left!important}
#field_sm span:before{background:url("../img/email.png") no-repeat center #333232;border:inset 3px transparent;background-size:contain;box-sizing:border-box;content:""!important;display:block!important;width:34px!important;height:36px!important;float:left!important}
#field2_un span:before{background:url("../img/profile.png") no-repeat center #333232;border:inset 6px transparent;background-size:contain;box-sizing:border-box;content:""!important;display:block!important;width:34px!important;height:36px!important;float:left!important}
#field2_pw span:before{background:url("../img/locked.png") no-repeat center #333232;border:inset 5px transparent;background-size:contain;box-sizing:border-box;content:""!important;display:block!important;width:34px!important;height:36px!important;float:left!important}
#tos_register{color:#8b8989;width:10px!important;height:10px!important;transform:scale(1.5);margin-right:5px}
#tos{color:#8b8989;padding-top:11px;padding-bottom:8px;}
#tos a,#tos a:visited{color:#8b8989}

.form_left { min-height:388px; position:relative;}
.loginfo{position: absolute;bottom:0;color:#c9c8c8;background-color:#333232!important;width:100%!important;text-align:center;min-height:65px;padding-top:5px}
.signupinfo{position: absolute;bottom:0;color:#c9c8c8;background-color:#333232!important;width:100%!important;text-align:center;min-height:65px;padding-top:5px}

.libtn2{font-size:16px;line-height:32px;cursor:pointer}
.libtn2 img{width:34px!important;height:30px!important}

.subtn2{font-size:16px;line-height:32px;cursor:pointer}
.subtn2 img{width:34px!important;height:30px!important}