/** Font **/
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url(http://sabrina-stock.de/assets/fonts/Open_Sans/static/OpenSans-Regular.ttf); /* For IE6-8 */
  src: local('Open Sans'),
    local('Open Sans Regular'),
   
    url(http://sabrina-stock.de/assets/fonts/Open_Sans/static/OpenSans-Regular.ttf) format('truetype');
}

/** änderung zu styles **/
.fr {
	flex-direction:row !important;
}
.fc {
	flex-direction:column !important;
}
main {
	margin-top:65px;
	background-color: rgb(229 229 229 / 10%);
}
.mw80 {
	padding-left:10%;
	padding-right:10%;
	margin-left:0px !important;
	margin-right:0px !important;
}
.full-width {
	margin:30px 20px
}
header {
	height:80px;
}
header > div#header-website {
    background: rgba(25,72,152,0.85);
}
.header-logo {
	width:auto;
	height:100px;
}
.header-logo-title {
	color:white;
}
.header-logo-title-1 {
	font-size:26px
}
.header-logo-title-2 {
	font-size:16px
}
.header-content a {
	text-decoration:none;
}

ul.main-navigation li a {
	
	
}
ul.main-navigation li a:hover {
	background:none;
	font-weight:700;
	color:rgba(229,109,17,1);
}



h1 {
	color:rgba(229,109,17,1);
	
}
h2, h3 {
	color:rgba(25,72,152,1);
	margin-bottom:12px;
}
.teejit-a-button {	
	background-color:rgba(229,109,17,1) !important;
	color:rgba(#fff,1) !important;
}
p {
	margin:6px 12px;
}


/**  **/
.button-box {
	flex-direction:row;
	justify-content: space-between;
	text-align:center;
	flex:1;
}
.button-box p {
	margin:0px;
	text-align:center !important;
}
.button-box-2 {
	
}
.button-box-element {
	flex-direction:column;
	padding:12px;
	max-width:45%;
	text-align:center;
	flex:1 0 45%
}

	.box-contact .button-box-element {
		background-color:rgba(229,109,17,1);
		color:rgba(0,0,0,1);
	}



.box-img-right {
	flex-direction:row;
	display: flex;
    align-items: center;
    justify-content: space-around;
}
.box-img-left {
	flex-direction:row;
	display: flex;
    align-items: center;
    justify-content: space-around;
}
.box-img-bottom {
	flex-direction:column;
	display: flex;
    align-items: center;
    justify-content: space-around;
}
.box-content, .box-img {
	padding:12px 24px
}
.box-img {
	flex
}


.box-content {
	flex-direction:column;
	flex:1;
}
.box-content p {
	text-align: justify;
}

.box-content ul, .subsection ul {
	padding-left:25px;
	text-align: left;
	margin:8px 0px;
}






nav {
	display: flex;
	align-items: center;
}

nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
}

nav li {
	margin: 0 10px;
}

nav a {
	color:rgba(255,255,255,1);
	/*background-color:rgba(25,72,152,1);*/
	text-decoration: none;
}


.site-header {
	margin:0px !important;
	background-image: url('/assets/images/pexels-fauxels-3184291.jpg');
	background-size: cover;
	background-position: center;
	height: 80vh;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.header-content {
	color: ;
	display: flex;
    flex-direction: column;
    align-items: center;
}
.header-content h1 {
	margin:5px auto;
}
#site-header-sub{
	background-color:rgba(255,255,255,0.8);
	display: flex;
    height: 100%;
    margin: 0px;
    align-items: center;
}


.grey-bg {
	background-color: #f1f1f1;
}

.subsection {
	flex-basis: 50%;
	padding: 20px;
	text-align: center;
	max-width: 800px;
    align-self: center;
	width:100%;
}

.subsection img {
	max-width: 100%;
}

.subsection h2 {
	margin-top: 0;
}