/* NEU seit 25.5.2018 */

/* hier kommen auch die Login-Styles rein */

/* REGISTRIERUNG */


.dc_login_form_bg { display:flex; flex-direction: column; box-sizing:border-box; overflow-y:auto; background-color:rgba(0,0,0,0.025); padding:10px 0; }
@media only screen and (max-width:490px){ body[data-mobil='1'] .dc_login_form_bg { padding:0; } }


.dc_social_login_form,
.dc_login_form { text-align:left; width:100%; max-width:520px; margin:0 auto; box-sizing:border-box; }


.dc_social_login_form {  padding:6px; outline:1px solid rgba(0,0,0,0.05); margin-bottom:4px;  background-color:#fff; }

.dc_login_form {  padding:10px; background-color:rgba(0,0,0,0.04); outline:1px solid rgba(0,0,0,0.1); }
.dc_login_form > *:first-child { margin-top:0; }
.dc_login_form > *:last-child { margin-bottom:0; }

.dc_login_form_bg > *:first-child { margin-top:auto; }
.dc_login_form_bg > *:last-child { margin-bottom:auto; }


.dc_login_form + .dc_login_form { margin-top:6px; }
/*
.dc_login_form > h1 { }
.dc_login_form > h2 { color:#333; font-weight:normal; }
*/
.dc_login_form > h2 { font-family:Arial; font-size:15px; color:#333;  }
.dc_login_form > h3 { font-family:Arial; font-size:15px; color:#333; font-weight:normal; }
.dc_login_form > aside { font-family:Arial; font-size:13px; color:#555; font-weight:normal; }

.dc_login_form > div { margin-top:12px; /*margin-top:6px; padding-top:6px; border-top:1px solid rgba(0,0,0,0.1);*/ }
.dc_login_form > div > div { padding:4px 0; }
.dc_login_form > div > div > span { display:block; margin:0; margin-bottom:2px; font-size:11px; color:rgb(231,9,46);}
.dc_login_form > div > div > span:empty { display:none }
.dc_login_form > div > div > input[placeholder] { width:100%; font-size:14px; border-radius:0; padding:8px 4px !important; }

.dc_login_form input:enabled:focus { outline:#F76503 3px solid; }

.dc_login_form > div > div > small { font-size:11px; color:#333; }

.dc_login_form > div > div > p { margin:0; margin-bottom:4px; }
.dc_login_form > div > div > button[type='submit'] { width:100%; color:#fff; background-color:#F76503; font-weight:bold; border:none; padding:6px; border-radius:0; font-size:15px; font-family:Segoe UI; /* Schriftart-TEst 15.12.18, statt Verdana 14*/}

/*
.dc_login_check { position:relative; left:24px; clear:both; width:calc(100% - 24px); box-sizing:border-box; }
.dc_login_check > input { position:absolute; left:-24px; }
.dc_login_check > label  { line-height:150%; }
.dc_login_check > label:hover { color:#000 !important; }
.dc_login_check a { text-decoration:underline !important; }
// direkt, externer Link
.dc_login_check > a { float:right; top:0; background-color:#F76503; padding:4px; border-radius:1px; }
*/

.dc_login_check { display:flex; align-items:flex-start}
.dc_login_check > input { text-align:left; margin-right:6px; }
.dc_login_check > label  { line-height:150%; flex:1; }
.dc_login_check > label:hover { color:#000 !important; }
.dc_login_check > label > a { text-decoration:underline !important; }
.dc_login_check > a { margin-left:6px; background-color:#F76503; padding:4px; color:#fff !important; text-decoration:none !important; border-radius:1px; font-weight:bold;  background-color:rgba(247,101,3,1); }
.dc_login_check > a:hover { background-color:rgba(247,101,3,.67); }

/* Sozial-Login-Buttons */

.ext_signin_button_list { display:flex; }
.ext_signin_button_list > * { flex:1; position:relative; }

.ext_signin_button_list > * { cursor:pointer; display:flex; justify-content: center; border:rgba(0,0,0,0.2) 1px inset; border-radius:3px; padding:8px; box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.1); transition: all 200ms; }
.ext_signin_button_list > *:hover { /*box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.5);*/ border:rgba(0,0,0,0.0) 1px inset;  text-decoration:none; }
.ext_signin_button_list > * > img { height:18px;}
.ext_signin_button_list > * > span { margin-left:6px; font-weight:bold; font-family:Segoe UI; font-size:14px; font-weight:bold; }
.ext_signin_button_list > * > span > p { font-size:75%; margin:0; margin-bottom:1px; font-weight:normal !important; }

.ext_signin_button_list > *:not(:last-child) { margin-right:6px; }

/*
.ext_signin_button_list > *[data-activated='0'] { opacity:0.5; }
.ext_signin_button_list > *[data-activated='0']::after { }
*/

.ext_signin_button_list[data-style='tiny']  { display:block; margin-top:-6px; }
.ext_signin_button_list[data-style='tiny'] > * { margin-top:6px; padding:4px 6px; display:inline-block; }
.ext_signin_button_list[data-style='tiny'] > * > img { height:15px;}
.ext_signin_button_list[data-style='tiny'] > * > span { margin-left:6px; font-size:12px; }

/* Google vs Facebook */
.ext_signin_button_list > *[data-signin-btn='google'] { background-color:rgba(255,255,255,1.0); color:#555; }
.ext_signin_button_list > *[data-signin-btn='google']:hover { background-color:rgba(0,0,0,0.1); color:#333;}

.ext_signin_button_list > *[data-signin-btn='facebook'] { background-color:rgba(7,94,164,1.0);  color:#fff; }
.ext_signin_button_list > *[data-signin-btn='facebook']:hover { background-color:rgba(7,94,164,0.9); }

.ext_signin_button_list > *[data-signin-btn='amazon'] { background-color:rgba(35,47,62,1.0); color:#fff; }
.ext_signin_button_list > *[data-signin-btn='amazon']:hover { background-color:rgba(35,47,62,0.9); }

.ext_signin_button_list > *[data-signin-btn='netid'] { background-color:rgba(118,184,42,1.0); color:#fff; }
.ext_signin_button_list > *[data-signin-btn='netid']:hover { background-color:rgba(118,184,42,0.9); }