/*  
Theme Name: BitSicher° 4.0
Theme URI: https://bitsicher.de
Description: Light Theme | Passwort° v6.2.1 | Center° v4.5.5 | jQuery v3.4.1
Version: 4.0.7 (C° v20.01)
Author: a.m.SASH
Author URI: http://bitsicher.de

	INDEX LIGHT VERSION
	1 --- BODY
	2 --- HEAD
	2.1 - SIDEBAR
	3 --- CONTENT
	3.1 - PW
	3.2 - CENTER
	3.3 - COMMENT
	4 --- FOOTER
	5 --- MOBILE
	
*/


/* -- 1 --- BODY -- */


@import url('https://fonts.googleapis.com/css?family=Roboto:100,300');
body {
	background-color:#d2ebf9;
	background-image: -moz-linear-gradient( left, #d2ebf9, #ffffff 40%);
	background-image: -webkit-linear-gradient( left, #d2ebf9, #ffffff 40%);
	background-image: -o-linear-gradient( left, #d2ebf9, #ffffff 40%);
	background-image: -ms-linear-gradient( left, #d2ebf9, #ffffff 40%);
	background-image: linear-gradient( left, #d2ebf9, #ffffff 40%);
	cursor: default;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 14px;
	line-height: 20px;
	color: #00468C;
	margin: 0px;
}
@font-face {
  font-family: 'BitSicher-v3';
  src:  url('font/BitSicher-v3.eot?2fhshk');
  src:  url('font/BitSicher-v3.eot?2fhshk#iefix') format('embedded-opentype'),
    url('font/BitSicher-v3.ttf?2fhshk') format('truetype'),
    url('font/BitSicher-v3.woff?2fhshk') format('woff'),
    url('font/BitSicher-v3.svg?2fhshk#BitSicher-v3') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="bs3-"], [class*=" bs3-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'BitSicher-v3' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.bs3-brand:before {
  content: "\e900";
  color: #f90;
}
.bs3-brand2:before {
  content: "\e901";
  color: #a4c639;
}
.bs3-brand3:before {
  content: "\e902";
  color: #999;
}
.bs3-brand4:before {
  content: "\e903";
  color: #e53238;
}
.bs3-brand5:before {
  content: "\e904";
  color: #3b5998;
}
.bs3-brand6:before {
  content: "\e905";
  color: #0084ff;
}
.bs3-brand7:before {
  content: "\e906";
  color: #ba141a;
}
.bs3-brand8:before {
  content: "\e907";
  color: #217346;
}
.bs3-brand9:before {
  content: "\e908";
  color: #80397b;
}
.bs3-brand10:before {
  content: "\e909";
  color: #0072c6;
}
.bs3-brand11:before {
  content: "\e90a";
  color: #d24726;
}
.bs3-brand12:before {
  content: "\e90b";
  color: #2b579a;
}
.bs3-brand13:before {
  content: "\e90c";
  color: #62b74a;
}
.bs3-brand14:before {
  content: "\e90d";
}
.bs3-brand15:before {
  content: "\e90e";
  color: #f56c2d;
}
.bs3-brand16:before {
  content: "\e90f";
  color: #039;
}
.bs3-brand17:before {
  content: "\e910";
  color: #c7053d;
}
.bs3-brand18:before {
  content: "\e911";
  color: #00aff0;
}
.bs3-brand19:before {
  content: "\e912";
  color: #1ed760;
}
.bs3-brand20:before {
  content: "\e913";
}
.bs3-brand21:before {
  content: "\e914";
  color: #12b7f5;
}
.bs3-brand22:before {
  content: "\e915";
  color: #6441a5;
}
.bs3-brand23:before {
  content: "\e916";
  color: #1da1f2;
}
.bs3-brand24:before {
  content: "\e917";
  color: #dd4814;
}
.bs3-brand25:before {
  content: "\e918";
  color: #7c529e;
}
.bs3-brand26:before {
  content: "\e919";
  color: #25d366;
}
.bs3-brand27:before {
  content: "\e91a";
}
.bs3-brand28:before {
  content: "\e91b";
  color: #0078d6;
}
.bs3-brand29:before {
  content: "\e91c";
  color: #21759b;
}
.bs3-brand30:before {
  content: "\e91d";
  color: #107c10;
}
.bs3-brand31:before {
  content: "\e91e";
  color: #cd201f;
}
.bs3-home:before {
  content: "\e91f";
}
.bs3-pencil2:before {
  content: "\e920";
}
.bs3-image:before {
  content: "\e921";
}
.bs3-images:before {
  content: "\e922";
}
.bs3-file-empty:before {
  content: "\e924";
}
.bs3-files-empty:before {
  content: "\e925";
}
.bs3-price-tag:before {
  content: "\e935";
}
.bs3-calendar:before {
  content: "\e953";
}
.bs3-bubble:before {
  content: "\e96b";
}
.bs3-bubbles:before {
  content: "\e96c";
}
.bs3-user:before {
  content: "\e971";
}
.bs3-users:before {
  content: "\e972";
}
.bs3-user-tie:before {
  content: "\e976";
}
.bs3-key:before {
  content: "\e98d";
}
.bs3-lock:before {
  content: "\e98f";
}
.bs3-unlocked:before {
  content: "\e990";
}
.bs3-equalizer:before {
  content: "\e992";
}
.bs3-equalizer2:before {
  content: "\e993";
}
.bs3-accessibility:before {
  content: "\e9b2";
}
.bs3-shield:before {
  content: "\e9b4";
}
.bs3-power:before {
  content: "\e9b5";
}
.bs3-switch:before {
  content: "\e9b6";
}
.bs3-menu:before {
  content: "\e9bd";
}
.bs3-earth:before {
  content: "\e9ca";
}
.bs3-eye:before {
  content: "\e9ce";
}
.bs3-eye-blocked:before {
  content: "\e9d1";
}
.bs3-bookmark:before {
  content: "\e9d2";
}
.bs3-star-empty:before {
  content: "\e9d7";
}
.bs3-star-half:before {
  content: "\e9d8";
}
.bs3-star-full:before {
  content: "\e9d9";
}
.bs3-heart:before {
  content: "\e9da";
}
.bs3-heart-broken:before {
  content: "\e9db";
}
.bs3-cross:before {
  content: "\ea0f";
}
.bs3-checkmark:before {
  content: "\ea10";
}
.bs3-circle-up:before {
  content: "\ea41";
}
.bs3-circle-right:before {
  content: "\ea42";
}
.bs3-circle-down:before {
  content: "\ea43";
}
.bs3-circle-left:before {
  content: "\ea44";
}
.bs3-tux:before {
  content: "\eabd";
}
.bs3-appleinc:before {
  content: "\eabe";
}
.bs3-finder:before {
  content: "\eabf";
}
.bs3-android:before {
  content: "\eac0";
}
.bs3-windows:before {
  content: "\eac1";
}
.bs3-windows8:before {
  content: "\eac2";
}
.bs3-chrome:before {
  content: "\ead9";
}
.bs3-firefox:before {
  content: "\eada";
}
.bs3-IE:before {
  content: "\eadb";
}
.bs3-edge:before {
  content: "\eadc";
}
.bs3-safari:before {
  content: "\eadd";
}
.bs3-opera:before {
  content: "\eade";
}
a {
	color: #000;
	text-decoration: none;
}
a:visited {
	color: #000;
	text-decoration: none;
}
a:hover {
	color: #000;
	text-decoration: underline;
}
.clear {
	clear:both;
}
hr.clear {
	clear:both;
	visibility: hidden;
	margin: 0px;
	padding: 0px;
}
img {
	border: none;
}
.alignleft {
	float: left;
}
img.alignleft {
	float: left;
	border: none;
	padding: 0px 20px 20px 0px;
}
.alignright {
	float: right;
}
img.alignright {
	float: right;
	border: none;
	padding: 0px 0px 20px 20px;
}
h1 {
	margin: 8px 0px 0px;
	padding-bottom: 10px;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 38px;
	line-height: 42px;
	color: #00468C;
}
h1 a, h1 a:visited {
	color: #00468C;
}
h1 a:hover {
	color: #00468C;
	text-decoration: none;
	border-bottom: 1px solid #00468C;
}
h2 {
	margin: 20px 0px 20px;
	font-family: 'Roboto', sans-serif;
	font-weight: 100;
	font-size: 28px;
	line-height: 28px;
	color: #00468C;
}
h2 a:hover {
	color: #00468C;
	text-decoration: none;
	border-bottom: 1px solid #00468C;
}
h2 a, h2 a:visited {
	color: #00468C;
}
h3 {
	margin: 9px 0px 0px;
	padding-bottom: 13px;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 12px;
	line-height: 12px;
	color: #00468C;
	text-align: center;
	border-bottom: 1px solid #00468C;
}
h5 {
	margin: 8px 0px 20px;
	padding-bottom: 5px;
	font-family: 'Roboto', sans-serif;
	font-weight: 100;
	font-size: 22px;
	line-height: 22px;
	color: #00468C;
	border-bottom: 1px solid #00468C;
}
blockquote {
	margin: 15px;
	padding: 5px 20px 5px;
	background: #FFF;
	border-radius: 0px 20px 20px 20px;
	box-shadow: 1px 1px 10px #B2A8A9;
}
.tables {
	background: #FFF;
	margin: .5em 0 1em;
	border: 1px solid #00468C;
}
.tables a, .tables a:visited {
	color: #003E77;
}
.tables th {
	text-align: center;
	border-right: 1px solid #DDD;
	padding: 20px 10px;
}
.tables td {
	text-align: left;
	border-right: 1px solid #DDD;
	padding: 10px 10px;
}
.tables th {
	background: #d2ebf9;
	color: #00468C;
	font-weight: bolder;
	font-size: 16px;
	line-height: 16px;
	border-bottom: 1px solid #DDD;
	text-shadow: 1px 1px 0px #FFF;
}
.tables td {
	background: #FFF;
}
.tables td.v {
	background: #9C9 url(images/tick.png) center center no-repeat !important;
}
.tables tr:hover td.v {
	background: #096 url(images/tick.png) center center no-repeat !important;
	color: #FFF;
}
.tables td.x {
	background: #C99 url(images/cross_table.png) center center no-repeat !important;
}
.tables tr:hover td.x {
	background: #C33 url(images/cross_table.png) center center no-repeat !important;
	color: #FFF;
}
.tables tr:hover td {
	background: #EEE;
}


/* -- 2 --- HEAD -- */




/* -- 3 --- CONTENT -- */


.top-box-l {
	float: left;
	color: #003E77;
	width: 30%;
	margin: 0px;
	padding: 0px;
	height: auto;
	border-bottom: 5px solid #00468C;
}
.top-box {
	float: right;
	color: #003E77;
	width: 70%;
	margin: 0px;
	padding: 0px;
	height: 100%;
	border-bottom: 5px solid #00468C;
}
.top-box p, .top-box-l p {
	padding: 5px 20px 5px;
	font-size: 22px;
	line-height: 22px;
}
.box-l {
	float: left;
	background: url(images/bg.jpg) top left no-repeat fixed;
	background-size: cover;
	width: 30%;
	margin: 0px;
	padding: 0px;
	height: auto;
}
.box {
	float: right;
	width: 70%;
	margin: 0px;
	padding: 0px;
	height: 100%;
}
.box p, .box-l p {
	padding: 10px 20px 10px;
}
.clearfix::after {
	content: "";
	clear: both;
	display: table;
}
#h-center {
	margin: 0px auto;
	padding: 75px 25px 0px;
	color: #d2ebf9;
}
#h-ct {
	width: 100%;
	text-align: center;
	font-size: 22px;
}
#h-ct a {
	margin-right: 5px;
	color: #F30;
}
#h-ct a:hover {
	color: #d2ebf9;
	text-shadow: 0px 0px 10px #6C9;
}

#content {
	background: #FFF;
	width: 100%;
}
#content-page {
	margin: 0px auto;
	width: 1150px;
	padding: 100px 0px 100px;
}


/* -- 3.1 - PW 

siehe CSS/pw.css--

*/


/* -- 3.2 - CENTER 

siehe CSS/center.css

-- */


/* -- 3.3 - COMMENT

EMPTY

-- */

/* -- 4 --- FOOTER -- */


.bottom-box-l {
	float: left;
	width: 30%;
	margin: 0px;
	padding: 0px;
	height: auto;
	border-top: 5px solid #00468C;
}
.bottom-box {
	float: right;
	width: 70%;
	margin: 0px;
	padding: 0px;
	height: 100%;
	border-top: 5px solid #00468C;
}
.bottom-box-l h5, .bottom-box h5 {
	margin: 55px 25px 0px;
	border-bottom: 1px solid #00468C;
}
.bottom-box p, .bottom-box-l p {
	padding: 10px 25px 0px;
	font-size: 12px;
	line-height: 18px;
}


/* -- 5 --- MOBILE -- */


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

.top-box-l {
	width: 100%;
}
.top-box {
	display: none;
}
.box-l {
	width: 100%;
}
.box {
	width: 100%;
}
.bottom-box-l {
	width: 100%;
}
.bottom-box {
	width: 100%;
	border-top: none;
}

}
@media only screen and (min-width: 641px) 
and (max-width: 1024px) { 

#content-page {
	width: auto;
	margin: 0px auto;
	padding: 100px 40px 100px !important;
}

}
@media only screen and (min-width: 1025px) 
and (max-width: 1200px) { 

#content-page {
	width: auto;
	margin: 0px auto;
	padding: 100px 40px 100px !important;
}

}