/**
* If using a CSS pre-processor, tell it to overwrite this file. If not, place
* your custom CSS modifications here.
*/

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');

.d-none, .feed-icons{
	display: none !important;
}

a{
	color: #000;
/*	font-weight: 400;*/
}
a:hover{
	color: rgba(61,0,114,1);
}

body{
	background-color: #E6E6E6;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 18px;
}


.navbar-default {
	background-color: #E6E6E6;
}

.oblogo{
	height: 133px !important;
}

.mainnavconti{
	text-align: right;
}

.navbar-nav {
	float: right;
	margin: 0;
}

.navbar {
    margin-bottom: 55px;
}

@media screen and (min-width: 769px) {
    #block-oblografik-main-menu{
	margin-top:101px;
}

}
@media screen and (max-width: 769px) {
.navbar-nav > li > a {
    line-height: 11px;
	padding: 10px 0px 10px 15px;
}
	
	.mainnavconti a {
    font-size: 20px;
	}
	
	#block-oblografik-main-menu{
		padding-top: 17px;
	}
	
	
	
}




@media (min-width: 768px)
{
	.navbar-nav {
		float: right;
		margin: 0;
	}
	
	.navbar-nav .last a{
		    padding-right: 0px;
	}
}


.mainnavconti a{
	font-weight: 300;
	font-size: 22px;
	color: #000000 !important;
	margin-left: 40px;
}
.mainnavconti a.is-active{
	color: rgba(61,0,114,.6) !important;
}


.js-quickedit-page-title, .page-header{
	text-align: center;
/*	display: none;*/
	font-size: 26px;
	font-weight: 300;
}

.fullwhite{
	display: none;
}


.path-taxonomy .js-quickedit-page-title{
	display: block;
}

.path-taxonomy .fullwhite, .node-17{
	display: block;
	    margin-bottom: 50px;
}

.field--name-field-client{
	display: none;
}

/*backhomeX fullwhite*/

.fullwhite{
	background-color: #FFFFFF; 
}

.backhomeX{
	width: 0px;
	float: right;
	padding: 13px 0;
}
.kreuzbild{
	width: 32px;
	height: auto;
	float: right;
} 

.page-header{
	border-bottom: none;
	margin: 0px;
	padding: 15px 0;
}


.weisser_hintergrund{
	background-color: #ffffff;
	padding: 50px 0 100px;
}
.weisser_hintergrund .region-content{
padding-left: 140px;
}

@media screen and (max-width:768px){
.weisser_hintergrund .region-content {

    padding-left: 0px;

}
}







/* KUNDEN */
.view-kundenliste{
	margin-top: 35px;
}

.view-kundenliste a{
	font-size: 26px;
	font-weight: 300;
	color: #000;
}

.view-kundenliste a:hover{
/*	text-decoration: none;*/
	color: rgba(61,0,114,.6);
	color: rgba(61,0,114,1);
}

.view-kundenliste .views-field-field-link{
	margin-bottom: 13px;
}

/*Kontakt*/

.findmelink{
	font-weight: 400;
	border-bottom: 2px solid #000;
	padding-bottom: 6px;
}

.findmelink:hover{
	text-decoration: none;
	border-bottom: 2px solid rgba(61,0,114,1);;
	padding-bottom: 6px;
}

.instalogo {
    width: 40px;
    margin-top: -9px;
}

.contactontherights{
	color: rgb(80,14,87);
	width: 100% !important;
	max-width: 450px;
	margin-bottom: 50px;
	line-height: 1.7;
}



.contactwidth{
	width: 100% !important;
	max-width: 450px;

}


@media screen and (min-width: 1200px){
	.contactontherights{
		float: right;
	}
	
	.contactwidth{
		float:left;
	}
	
}

/*-----------------------------------------
SLIDESHOW
----*/

.carousel-inner {
	width:auto;
}



.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
	height:600px;
	margin: auto;
	width:initial;
	margin-top: 5px;
}





.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {
    margin-top: -35px;
}


.carousel-control {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 15%;
	font-size: 20px;
	color: #fff;
	text-align: center;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
	background-color: rgba(0, 0, 0, 0);
	filter: alpha(opacity=50);
	opacity: 1;
}

.carousel-control.right, 
.carousel-control.left {
	background-image: none;
	filter:none;
}
 



.carousel .item img{
	box-shadow: 0px 0px 5px #9B9B9B;
}

/*caption*/

.carousel-caption {
	font-family: 'Roboto', sans-serif;
	font-weight: 100;
	font-size: 18px;
	position: initial;
	right: 15%;
	bottom: 20px;
	left: 15%;
	z-index: 10;
    padding-top: 35px;
	padding-bottom: 20px;
	color: #000;
	text-align: center;
	text-shadow: none;
}


.field--name-field-slideshows{
	margin-top: 18px;
	margin-bottom: 50px;

}


.carousel-control:hover .slideshowbtn{
	/*background-color: #F1F1F1;*/
	background-color: #F1F1F1;
}


.glyphicon-chevron-left:before, .glyphicon-chevron-right:before {
	content: none;
}


.carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left {
	left: 25%;
	padding-left: 20px;
	padding-right: 25px;
}

.carousel-control .icon-next, .carousel-control .glyphicon-chevron-right {
	right: 25%;
	padding-left: 25px;
	padding-right: 20px;
}


@media screen and (max-width: 769px) {
	
	.carousel-control:hover .slideshowbtn {
    /* background-color: #F1F1F1; */
    background-color: rgba(0,0,0,0);
}
	
	
	
   .carousel-inner > .item > img,
.carousel-inner > .item > a > img {
	height:initial;
	margin: auto;
	width:90%;
	margin-top: 5px;
}
	
	
	.carousel-control.left {
    margin-left: -25px;
}
.carousel-control.right {
    margin-right: -25px;
}
	
	
	.carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left {
	padding-left:  8px;
}

.carousel-control .icon-next, .carousel-control .glyphicon-chevron-right {
	padding-right: 8px;
}


}

.view-aktuell h2 {
	font-size: 18px;
	margin-bottom: 7px;
   font-weight: 500; 
}





@media screen and (min-width: 768px){
.carousel-indicators {
    bottom: 0px;
}
}


.carousel-indicators li{
	border: none;
	background-color: #FFF;
}

.carousel-indicators li:last-of-type{
display: none;
}

.carousel-indicators .active{
	background-color: rgba(61,0,114,1);
	    width: 10px; 
    height: 10px; 
}



.carousel-indicators li,  .carousel-indicators .active{
    margin: 0 4px;
}

.slideshowbtn{
	width: auto !important;
	height: auto !important;
	margin-top: -10px;
	font-size: 30px;
	padding-top: 12px;

	padding-bottom: 12px;

	border-radius: 35px;
}
.slideshowbtn img{
	width: auto;
	height: 30px
}

/*Article  field--node--title--article.html.twig*/

.article footer{
	display: none; 
}

.projekttitel{
	font-size: 18px;
	margin-bottom:  7px;
	font-weight: 500;
	text-align: center;
}

.view-startseite-kundenliste .views-field-field-thumbnails {
   background: #500e57;
}

.view-startseite-kundenliste .views-field-field-thumbnails img {
	transition: all .4s;
}

.view-startseite-kundenliste .views-field-field-thumbnails img:hover {
  mix-blend-mode: screen;
  -webkit-filter: grayscale(100%) contrast(100%);
  filter: grayscale(100%) contrast(100%);
  opacity: 1;
}




/*
.field--type-text-with-summary{
text-align: center;
margin-bottom:  50px;
font-size: 18px;
font-weight: 100;
}
*/
.article .field--name-body{
/*	text-align: center;*/
	/*	margin-bottom:  50px;*/
	font-size: 18px;
	font-weight: 100;
}

.view-taxonomy-term ,.view-id-aktuell{
	text-align: center;
}
article > span{
	font-size: 18px;
	margin-bottom:  7px;
	font-weight: 500;
	text-align: center;
}


.no_shadow{
	box-shadow: none !important;
}


/*------------------------------------------------------------------------
STARTSEITE*/

.view-id-startseite_kundenliste .views-field-name{
/*	text-align: center;	text-align: center;*/
	font-size: 18px;
	font-weight: 500;
	margin-bottom: 70px;
	margin-top: 20px;
}

.view-id-startseite_kundenliste .views-field-name a{
/*	text-align: left;*/
	color: #000000;
}
.view-id-startseite_kundenliste .views-field-name a:hover{
	text-decoration: none;
	color: #500e57;
}

.block-views-block-startseite-kundenliste-block-1{
	margin-top: 42px;
}

/*------------------------------------------------------------------------
STARTSEITE NEU*/

  .st_bg-image {
  background: url(/themes/Oblografik/images/home.jpg) no-repeat center top;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
/*
  max-height: 450px;
  height: 400px;
*/
  height: 50vh;
  }


.mt-3{
	margin-top: 10vh;
}

.mt-2{
	margin-top: 2em;
}


.homiebtn{
color: #FFFFFF;
    background-color: rgb(80,14,87);
    padding: 15px 20px;
    border-radius: 15px;
	 font-size: 20px;
	 letter-spacing: 0.05rem; 
}

.homiebtn:hover{
	color: #FFFFFF;
	text-decoration: none;
	font-weight: 300;
}
.homiebtn i:hover{
/*font-style: normal;*/ 
}


.startseite_txt a{
	color: rgb(80,14,87);
	font-weight: 500;
}
.startseite_txt a:hover{
	font-weight: 900;
	text-decoration: none;
}
.startseite_txt{
	font-size: 20px;
	color: rgb(80,14,87);
	line-height: 1.7;
}
.startseite_txt p{
	margin-bottom: 20px;
}

/*-------------------------------------------------------------------------
BOOTSTRAP
*/



.view-id-startseite_kundenliste{
	margin: 0 -100px;
}
@media(min-width:768px) {  /* Modify this based on column def */

.view-id-startseite_kundenliste [class*='col-'] {
    padding-right:100px;
    padding-left:100px; 
}

/*
.view-id-startseite_kundenliste [class*="col-"]:first-child {
  padding-left:15px;
}
  
.view-id-startseite_kundenliste [class*="col-"]:last-child {
  padding-right:15px;
}
*/

}


@media(min-width:1200px) {  /* Modify this based on column def */

.view-id-startseite_kundenliste [class*='col-'] {
    padding-right:30px;
    padding-left:30px; 
}

	.view-id-startseite_kundenliste{
	margin: 0 -30px;
}

	
	.view-id-startseite_kundenliste .views-field-name{
		
	 font-size: 16px;
    margin-top: 8px;
    margin-bottom: 36px;
	}	

}





/*

________________________________________________________________________
RESPONSIVENESS

*/


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

.container {
    padding-right: 25px;
    padding-left: 25px;
    margin-right: auto;
    margin-left: auto;
}
	
	
	.view-id-startseite_kundenliste{
		margin: 0px;
	}
	
	
	.view-startseite-kundenliste .views-row{
		padding-right: 0px;
		padding-left: 0px;
	}
	
	#block-footercopyright a{
		display: none;
	}
}


/* footer */

#block-footercopyright{
	color: #c8c8c8;
	font-size:14px;
	line-height: 30px;
}


#block-footercopyright a{
	color: #c8c8c8;

}

#block-footercopyright a:hover{
	color: #a8a8a8;  

	text-decoration: none;
}
#block-footercopyright a:hover span{
	color: #d30202;
}