/* ::::::::::::::::::::| BANNER |::::::::::::::::::::::::::::: */

/* Logo Modul*/

.moduletable_logo {
    margin-top:8%;
    padding-bottom:8%;
    border-bottom:#ff0022;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    /*background:rgba(0, 0, 0, 0.05);*/
}

/* Logo-schriften */

#josef,
#luterbach,
#leben {
    font-family: 'Open Sans', sans-serif;
    
}



#josef { 
    font-weight:300;
    font-size: 300%;
    color:#ffc118;
}




#luterbach {
    font-size:300%;
    font-weight:800;
    color:#000000;
    line-height: 110%;
}

/* text: Ein Leben ohne ... */
#leben{
    margin-top:0px;
    margin-left:0px;
    font-size:109%;
    letter-spacing: 0.08em;
    color:rgba(0, 0, 0, 0.8);
    font-weight:300;
    
}



#foto { 
    border-radius: 10px; 
}
/* ::::::::::::::::::::| ENDE BANNER |:::::::::::::::::::::: */



/* LOGIN BTN */

.sourcecoast .btn-primary {
    background-color:#5c8ab8 !important;
    color: #fff !important;
    text-shadow: none !important;
}
.sourcecoast .btn {
    margin-top: 0;
    margin-left:10px;
    background-color: #333;
    padding: 20px 22px !important;
}

/*  ENDE LOGIN BTN */


/* WERBUNG - INTERNET-ENTWICKLER */
.custom_webdesign.pull-right {
    font-size:14px !important;       
}


/* :::::::::::::::::::::::::::| USER CSS |::::::::::::::::::::::::*/
body {
	margin: 0;
	font-family: 'Open Sans', sans-serif;
	font-size:110%;
	line-height:110%;
	
	background-color: #ffffff;
	
}

#content a {
/* Body-Links */
  	color: #5b5b5b !important;
	text-decoration: underline !important;
	
}

#content a:hover {
/* Body-Links */
  	color:black !important;
	text-decoration: underline !important;
	
}





a:hover,
a:focus {
	
	color:#5c8ab8;
	
}

.nav > li > a:hover,
.nav > li > a:focus {
	text-decoration: none;
	background-color: #ffffff;
}

.nav-tabs > li > a,
.nav-pills > li > a {
	padding-right: 20px;
	padding-right: 20px;
	padding-left: 0px;
	margin-right: 2px;
	line-height: 14px;
}

.nav-pills > li > a {
	padding-top: 8px;
	padding-bottom: 8px;
	margin-top: 2px;
	margin-bottom: 2px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
}
.nav-pills > .active > a,
.nav-pills > .active > a:hover,
.nav-pills > .active > a:focus {
	color: #2c85c7;
	color:#5c8ab8;
	background-color: #ffffff;
}


body.site {
	border-top: 0px solid #000000;
	padding: 20px;
	background-color: #f4f6f7;
}


}


.navigation .nav-child li > a:hover,
.navigation .nav-child li > a:focus,
.navigation .nav-child:hover > a {
	text-decoration: none;
	color: #ffffff;
	background-color: #2c85c7;

}




/* :::: CONTENT (Artikelbeitaege)*/
#content { 
   
    margin-top:6%;
    margin-bottom:6%;
    max-width:70%; 
    
}



/* :::::::::::::::::::::::::| @ MEDIA |:::::::::::::::::::::::::::::::*/


/* HANDY */
@media (max-width: 480px) {
	.item-info > span {
		display: block;
	}
	.blog-item .pull-right.item-image {
		margin: 0 0 18px 0;
	}
	.blog-item .pull-left.item-image {
		margin: 0 0 18px 0;
		float: none;
	}
	
		
	
	/* Links */
	.nav-collapse .nav > li > a, 
	.nav-collapse .dropdown-menu a {
        border-radius: 3px;
        color: #555;
        font-weight: normal;
        padding: 9px 0px;
        background:none;
    }
    
    
    .nav-collapse .nav > li > a:hover,
	.nav-collapse .nav > li > a:focus,
	.nav-collapse .dropdown-menu a:hover,
	.nav-collapse .dropdown-menu a:focus {
		background:none !important;
		/*color:#006d94 !important;*/
		color:light-blue;
		
	}
	
	
	/* Logo */
	.moduletable_logo {
	    margin-top:10px;
        padding-bottom:10px;
	    
	}
	
	/* Inhalt (Artikel)*/
	#content {
	    max-width:100%;
	
	}
	
	
	/* LOGIN */
	.sourcecoast .btn {
        margin-left:0px !important;
        padding: 20px 22px !important;
    }
    .inputbox {
        margin-top:100px !important;
    }
	
	
}




@media (max-width: 768px) {
	body {
		-webkit-overflow-scrolling: touch;
		padding-top: 0;
	}
	.header {
		background: transparent;
	}
	.header .brand {
		float: none;
		display: block;
		text-align: center;
	}
	.header .nav.pull-right,
	.header-search {
		float: none;
		display: block;
	}
	.header-search form {
		margin: 0;
	}
	.header-search .search-query {
		width: 90%;
	}
	.header .nav-pills > li > a {
		border: 1px solid #ddd;
		border-bottom: 0;
		margin: 0;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		margin-right: 0;
	}
	.header .nav-pills > li:first-child > a {
		-webkit-border-radius: 4px 4px 0 0;
		-moz-border-radius: 4px 4px 0 0;
		border-radius: 4px 4px 0 0;
	}
	.header .nav-pills > li:last-child > a {
		-webkit-border-radius: 0 0 4px 4px;
		-moz-border-radius: 0 0 4px 4px;
		border-radius: 0 0 4px 4px;
		border-bottom: 1px solid #ddd;
	}
	.modal.fade {
		top: -100%;
	}
	.nav-pills > li {
		float: none;
	}
	.nav-pills > li > a {
		margin-right: 0;
	}
	.nav-pills > li > a {
		margin-bottom: 3px;
		
	}
	.nav-pills  > li:last-child > a {
		margin-bottom: 1px;
	}
	.form-search > .pull-left,
	.form-search > .pull-right {
		float: none;
		display: block;
		margin-bottom: 9px;
	}
}







@media (max-width: 980px) {
	.navbar-fixed-top {
		margin-bottom: 0 !important;
	}
	.item-comment .item-image {
		display: none;
	}
	.well {
		padding: 10px;
	}
}




@media (max-width: 979px) {
	.nav-collapse.in.collapse {
		overflow: visible;
		height: 0;
		z-index: 100;
	}
}







/*::::::::::::::::::| TABLET |::::::::::::::::::::*/
@media (min-width: 768px) and (max-width: 979px) {

    
	#login-form .input-small {
		width: 62px;
	}
	
	
	
	
	/* Navi */
	.nav-collapse .nav > li > a, 
	.nav-collapse .dropdown-menu a {
        border-radius: 3px;
        color: #555;
        font-weight: normal;
        padding: 9px 0px;
        background:none;
    }
    
    
    .nav-collapse .nav > li > a:hover,
	.nav-collapse .nav > li > a:focus,
	.nav-collapse .dropdown-menu a:hover,
	.nav-collapse .dropdown-menu a:focus {
		background:none !important;
		color:#5c8ab8 !important;
		
	}
	
		
	/* Inhalt (Artikel)*/
	#content {
	    max-width:90%;
	
	}
    
    

	
}



@media (max-width: 767px) {
	.field-media-wrapper .modal .modal-body {
		padding: 5px 0;
	}
	
	.sourcecoast.sclogin-modal-links.sclogin {
	    opacity:1;
	    margin-left:-18px;
	}
	
		/* Links */
	.nav-collapse .nav > li > a, 
	.nav-collapse .dropdown-menu a {
        border-radius: 3px;
        color: #555;
        font-weight: normal;
        padding: 9px 0px;
        background:none;
    }
    
    
    .nav-collapse .nav > li > a:hover,
	.nav-collapse .nav > li > a:focus,
	.nav-collapse .dropdown-menu a:hover,
	.nav-collapse .dropdown-menu a:focus {
		background:none !important;
		/*color:#006d94 !important;*/
		color:light-blue;
		
	}
	
	
	/* Inhalt (Artikel)*/
	#content {
	    max-width:90%;
	
	}
    
}




.modal-body {
	-webkit-overflow-scrolling: touch;
	overflow-y: auto !important;
}