/* import fonts */
@import url('font.css');
@import url('font-awesome.min.css');


body { font-family: 'Open Sans', sans-serif; color: #80725c; background: #fff url(../img/bg.png); background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; }


/* typography */
h1 { text-align:center; font-weight:200; font-size:26px; color:#80725c; margin: 20px 0 20px 0; line-height:1.5em; }
h2 { text-align:left; font-weight:200; font-size:22px; color:#ee7501; margin: 0 0 20px 0; line-height:1.5em; }
h3, h4, h5, h6 { color: #ee7501; margin: 20px 0 20px 0; line-height:1.5em; }
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { display: block; font-size: 65%; line-height:1.5em; }

p { margin: 15px 0; line-height: 1.8; font-size: 16px; font-weight:200; }
p { -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; text-align:justify; }
p.colored { padding: 10px 15px; background: #ee7501; color: #fff; }

a { color: #ee7501; cursor: pointer; } 
a:hover, a:focus { color: #80725c; text-decoration: none; }

strong { font-weight: 600; color: #ee7501; }

hr { border: 0; height: 1px; background-image: linear-gradient(to right, rgba(186, 99, 15, 1), rgba(186, 99, 15, 0.5), rgba(186, 99, 15, 0)); }

hr.hr2 { border: 0; height: 1px; background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(238, 117, 1, 1.0), rgba(0, 0, 0, 0)); }

hr.hr3 { border: 0; height: 1px; background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(238, 117, 1, 1.0), rgba(0, 0, 0, 0)); margin-bottom:40px; }

hr.forHeader { border: 0; height: 2px; background-image: linear-gradient(to right, rgba(186, 99, 15, 1), rgba(186, 99, 15, 0.5), rgba(186, 99, 15, 0)); margin-top: -10px; margin-bottom: 40px; }


/* header */
header img { width:100%; max-width:350px; height:auto; margin-left:auto; margin-right:auto; margin-top:20px; margin-bottom:20px; }

/* nav */
.navbar-default { background: transparent; border: none; box-shadow: none; border-radius: 0px; text-align: center; padding: 20px 0 0 0; margin-bottom: 0px;
  
border-bottom: 1px solid #ee7501;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), to(#ee7501));
background-image: -webkit-linear-gradient(transparent, #ee7501);
background-image:
    -moz-linear-gradient(transparent, #ee7501),
    -moz-linear-gradient(transparent, #ee7501);
background-image:
    -o-linear-gradient(transparent, #ee7501),
    -o-linear-gradient(transparent, #ee7501);
background-image: 
    linear-gradient(transparent, #ee7501),
    linear-gradient(transparent, #ee7501);
-moz-background-size: 1px 100%;
background-size: 1px 100%;
background-position: 0 0, 100% 0;
background-repeat: no-repeat; 
}

.navbar-default .navbar-collapse { padding: 0px; }

.navbar-default .navbar-nav { float: none; display: inline-block; }
.navbar-default .navbar-nav>li { float: none; display: inline-block; }
.navbar-default .navbar-nav>li>a { color:#80725c; font-weight:300; font-size: 14px; }
.navbar-default .navbar-nav>li>a:hover { color: #ee7501; transition: 0.2s; -webkit-transition: 0.2s; }

.navbar-default .navbar-nav>li.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus { background: transparent; color: #ee7501; }

.navbar-default .navbar-brand { color: #ee7501; margin-top: 5px; text-transform: uppercase; }
.navbar-default .navbar-brand:hover { color: #ee7501; }

.navbar-default .navbar-toggle { border: 0px; border-radius: 0px; padding: 15px; transition: 0.2s; -webkit-transition: 0.2s; }
.navbar-default .navbar-toggle .icon-bar { width: 30px; transition: 0.2s; -webkit-transition: 0.2s; }

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background: #ee7501; transition: 0.2s; -webkit-transition: 0.2s; }
.navbar-default .navbar-toggle:hover .icon-bar, .navbar-default 
.navbar-toggle:focus .icon-bar { background: #fff; transition: 0.2s; -webkit-transition: 0.2s; }

.navbar-default .navbar-toggle .icon-bar { background: #ee7501; }


/* content */
/*
.container { background: #fff; box-shadow: 0 0 5px 0 rgba(0,0,0,0.2); }
*/
.content { padding: 0 20px 20px 20px; }


/* footer */
footer { padding: 20px 0; margin-top: 20px;

border-top: 1px solid #ee7501;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), to(#ee7501));
background-image: -webkit-linear-gradient(#ee7501,transparent);
background-image:
    -moz-linear-gradient(#ee7501,transparent),
    -moz-linear-gradient(#ee7501,transparent);
background-image:
    -o-linear-gradient(#ee7501,transparent),
    -o-linear-gradient(#ee7501,transparent);
background-image: 
    linear-gradient(#ee7501,transparent),
    linear-gradient(#ee7501,transparent);
-moz-background-size: 1px 100%;
background-size: 1px 100%;
background-position: 0 0, 100% 0;
background-repeat: no-repeat; 
}

footer p { text-align:center; }

footer a.top_btn { position: absolute; right: 35px; top: -45px; padding: 10px 17px; background: #fff; font-size: 14pt; border-radius: 100%; color: #ee7501; border: 2px solid #ee7501; transition: 0.2s; -webkit-transition: 0.2s; }
footer a.top_btn:hover { background: #ee7501; color: #fff; border: 2px solid #fff; transition: 0.2s; -webkit-transition: 0.2s; }

footer ul.footer-nav { display: inline-block; padding: 0; margin: 0; }
footer ul.footer-nav li { display: inline-block; list-style-type: none; }
footer ul.footer-nav li a { display: inline-block; padding: 5px 10px; }

footer ul.footer-nav li:first-child a { margin-right: 5px; }
footer ul.footer-nav li:last-child a { margin-right: 0px; }


/* other */
.carousel { margin: 0 0 40px 0; padding: 5px; border: 1px solid #ee7501; }

.news img { margin: 0 0 20px 0; padding: 5px; border: 1px solid #ee7501; }

ul.ul { padding: 0 20px; margin: 10px 0; }
ul.ul li { list-style-type: square; font-size: 16px; font-weight: 200; line-height: 1.8; }

.so img { max-width: 350px; }
.so .i-left img { margin-left:auto; }

.so h2 { vertical-align: middle; font-size: 26px!important; font-weight:400; margin-top:90px; }
.so .h-left { text-align:right; }
.so .h-right { text-align:left; }

.heiglbox { border: 1px solid #ee7501; padding:15px 5px 10px 5px; }
.heiglbox img { margin-left:auto; margin-right: auto; max-width:250px; width:100%; height:auto; }
.heiglbox p { background-color:#ee7501; color:#fff; text-align:center; padding:10px; }
.heiglbox h2 { text-align: center; margin-bottom:0; padding-bottom:0; }



/* btn */
.btn { border-radius: 0px; transition: 0.2s; -webkit-transition: 0.2s; line-height: 2; margin: 5px 0; }

.btn-full { width: 100%; }

.btn-colored, .btn-primary { color: #ee7501; background-color: #fff; border-color: #ee7501; }
.btn-colored:hover,.btn-colored:focus, .btn-primary:hover,.btn-primary:focus { color: #fff; background-color: #ee7501; border-color: #ee7501; }

.btn-danger { color: #ba0f0f; background-color: #fff; border-color: #ba0f0f; }
.btn-danger:hover, .btn-danger:focus { color: #fff; background-color: #ba0f0f; border-color: #ba0f0f; }


/* form */
.form-control { height: 50px; border: 0px; box-shadow: none; border-radius: 0px; border-bottom: 1px solid #80725c; resize:none; }
.form-control:focus { box-shadow: none; border-color: #ee7501; color: #ee7501; }

.form-horizontal .control-label { padding: 15px 15px; text-align: left; }
.form-horizontal .radio { min-height: 50px; padding-top: 15px; }

.form-group.has-error label { 
  color: #ff0000; 
}
.form-group.has-error input { 
  border-color: #ff0000; 
}
.form-group.has-error textarea { 
  border-color: #ff0000;
}
.has-error .form-control::-webkit-input-placeholder {
  color: #ff0000;
}
.has-error .form-control:-moz-placeholder {
  color: #ff0000;
}
.has-error .form-control::-moz-placeholder {
  color: #ff0000;
}
.has-error .form-control:-ms-input-placeholder {
  color: #ff0000;
}
.has-error .form-control::-webkit-input-placeholder, .has-error .form-control::-webkit-input-placeholder {
  color: #ff0000;
}
.has-error .form-control:-moz-placeholder, .has-error .form-control:-moz-placeholder {
  color: #ff0000;
}

.help-block {
  color: #80725c;
}
.has-error .help-block {
  color: #ff0000;
}

#danke { display: none; }


/* font-awesome */
i.fa.mRight { margin-right: 5px; }


/* MODAL */
.modal-content {
  border-radius: 0;
  border: 1px solid #ee7501;
}
.modal-header {
  padding: 30px;
  border-radius: 0;
  border-color: #ee7501;
}
.modal-header .close {
  font-size: 28px;
}
.modal-body {
  padding: 15px 30px;
}
.modal-footer {
  padding: 0 30px 30px 30px;
  border: none;
  border-radius: 0;
}

/* CCM19 */
.ccm-settings-summoner {
  display: none !important;
}

/* media queries */
@media (max-width: 1200px) {
	.so h2 { margin-top:90px; }
}

@media (max-width: 992px) {
  /* header */
  header {  }
  .so h2 { margin-top:90px; }
  
  /* nav */
  .navbar-default { text-align: left; }
  .navbar-default .navbar-collapse { padding: 0 20px; border: transparent; }
  .navbar-default .navbar-nav { display: block; }
  .navbar-default .navbar-nav>li { display: block; }
  
  /* footer */
  footer a.top_btn { top: -40px; padding: 5px 12px; }
}

@media (max-width: 768px) {
	.so img { max-width: 250px; margin-left:auto; margin-right: auto;}
  .so h2 { margin-top:20px; }
  .so .h-left { text-align:center!important; }
  .so .h-right { text-align:center!important; }	
}