/******************* Generelle Stylesheets (Tag-Selektor) ******************/
body {
	color				: #333;
    font-family         : 'Open Sans', sans-serif;
    font-size			: 18px;
}

a {
	color				: #333;
}

h1 {
	color				: #76a0c5;
	font-family			: 'Crushed', cursive;
	font-size			: 50px;
}

/******************* Layout (oben nach unten) ******************/
#pageWrapper {
}


/************************ Header ****************************/
#header {
	position			: relative;
}

.adrian-img {
	width: 800px;
	position: absolute;
	right: 0px;
	bottom: 0px;
}

@media(max-width: 1280px) {
	.adrian-img {
		width: 500px;
	}
}

@media(max-width: 991px) {
	.adrian-img {
		width: 400px;

	}
}

@media(max-width: 720px) {
	.adrian-img {
		width: 300px;
	}
}

@media(max-width: 360px) {
	.adrian-img {
		width: 150px;
	}
}


/****************** Navigation Generell ****************************/
#nav {
	border-bottom		: 5px solid #76a0c5;
	font-family			: 'Crushed', cursive;
}

#nav ul {
    list-style-type		: none;
    margin              : 0;
    padding             : 0;
}

#nav ul li a {
	display				: block;
}

#nav ul li:hover > ul {
    display             : block;
}

/****************** Navigation Ebene 1 ****************************/
.nav_ul_1 {
	text-align			: center;
}

.li_1 {
	display				: inline-block;
	vertical-align		: middle;
}

.li_1 > a {
	color				: #555555;
	font-size			: 27px;
	letter-spacing		: 2px;
	margin				: 0 20px;
	padding				: 10px 0;
	text-decoration		: none;
	transition			: all 1s;
}

@media(max-width: 991px) {
	.li_1 > a {
		margin			: 0 30px;
	}
}

.li_1:first-child > a {
    margin-left         : 0;
}
.li_1:last-child > a {
	margin-right		: 0;
}

.li_1 a:hover {
	color				: #76a0c5;
	transform			: scale(1.3);
}

.li_1 > a.active {
	color				: #76a0c5;
	margin				: 0 37px;
	transform			: scale(1.3);
}



/********************* Content ***********************/
#contentWrapper {
	margin-top			: 50px;
}

#content {
	letter-spacing		: 0.5px;
	line-height			: 26px;
}


/********************* Footer ***********************/
#footer {
	margin-top			: 20px;
}

#footer h1 {
	font-size			: 30px;
}

@media(max-width: 991px) {
	#footer h1 {
		padding				: 15px;
	}
}

/**************** User Templates **********************/
.fullWidthContainer.lightblue {
    background          : #76a0c5;
}

.fullWidthContainer.lightblue h1 {
	color				: white;
	margin				: 0;
	padding				: 30px 0;
}

.fullWidthContainer.lightgreen{
    background          : lightgreen;
}

.entry {
	border-top		: 5px solid #76a0c5;
}

.form-horizontal {
	margin				: 40px 20px;
}

.error {
	color				: red;
	font-size			: 12px;
}

.readmore {
	cursor 				: pointer;
	background			: #76a0c5;
	color				: white;
	padding				: 5px;
	margin-bottom		: 0;
}

.readmore:before {
	content 			: '+ ';
	display				: inline-block;
	transform			: rotate(0deg);
	transition			: transform 200ms linear;
	font-size			: 1.5em;
	padding				: 0 5px;
}

.readmore-minus:before {
	display				: inline-block;
	transform			: rotate(45deg);
	transition			: transform 200ms linear;
}