@charset "utf-8";


@media screen and (min-width: 768px)
{	
	.container	
	{
		max-width: 1376px;
		width:auto;
		/*background-color:red;*/
	}
}
/*touch*/
/*html.touch .container {background-color:yellow;}
html.no-touch .container {background-color:tomato;}*/


/*+++++++++++++++++++*/
/*+overrides boostrap++*/
/*++++++++++++++++++*/
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	padding:16px;
	box-sizing: border-box;
}
.container {
	padding:0px 32px;
	}
.container.noheight {
	padding-top:0px;
	padding-bottom:0px;
}
.row {
    margin-left: -16px;
    margin-right: -16px;
}

/*+++++++++++++++++++*/
/*++++  allgemein  +++++*/
/*++++++++++++++++++*/
/*
* 	{font-family: 'Roboto', sans-serif;font-weight:300;}
strong {font-weight:600;}
*     {font-family: 'Source Sans Pro',aans-serif;font-weight:400;}
strong {font-weight:600;}
* 	{font-family: 'Open Sans', sans-serif;font-weight:400;}
strong {font-weight:600;}
*/

*{
	font-family: 'Rauha Regular';
    font-weight:300; 
    font-style: normal;
    font-size:2.4rem;
    color:#111;
	}
body {
	font-size:2.4rem;

}
.text-small {font-size:1.8rem;}
.wrapper
{
	min-height: calc(100vh - 70px);
}

img {height: auto; max-width: 100%;}

a {color:black;text-decoration:underline; }
a.collapsed {
	color:black;
	/*background-color:yellow;*/
	margin-top:0px !important;
	padding-top:0px !important;
}
a:hover, a:focus, a:active {color:black;text-decoration:none;outline:none;}

a.readmore{color:black;text-decoration:underline;}
a.readmore::after {
	content:url("/templates/screendrive-home/images/readmore.png") ;
	position: relative;
	top: 0;
	right: -5px;
	height:10px !important;
	overflow:hidden;
}

ul, ol { padding: 0;}

.leerzeile{padding:0px;height:8px;  overflow:hidden;}

/*schrift*/

h1 {	
    font-family: 'Rauha Regular';
	font-size: 3.6rem;
	font-weight:300;
	/*text-transform:uppercase;*/
	margin-top:0px;
	margin-bottom:0px;
	/*text-decoration: underline;*/
}
h1 strong
 {	
 	font-family: 'Rauha Regular';
	font-size: 3.6rem;
	font-weight:300;
	/*text-transform:uppercase;*/
	margin-top:0px;
	margin-bottom:0px;
	text-transform:uppercase;
	font-weight:300;
}

h2 {
	font-family: 'Rauha Regular';
	font-size: 3.6rem;
	font-weight: 300;
	font-style: normal;
	text-transform:uppercase;
	margin-top:0px;
}
h2.homi {margin-top:10px;}


/*body.work h2 {margin-top:1.8rem;line-height:3.0rem;}*/




/*+++++++++++++++++*/
/*+++++farben+++++++*/
/*+++++++++++++++++*/
.grau { background:#eee;}
.rot { background:#990000;}
.orangebox { background:#eee;}
.salmonbox { background:salmon;}
.whitebox {background:white;}
.redbox{background:tomato;}
.bluebox{background:cyan;}
.brownbox {background:black;}

/*++++++++++++++++++++*/
/*++++++abstaende +++++*/
/*++++++++++++++++++++*/
.abstand-links-null {padding-left:0px;}
.abstand-rechts-null {padding-right:0px;}
.abstand-oben-null  {padding-top:0px;}
.abstand-unten-null  {padding-bottom:0px;}
.abstand-hoehe-null {padding-top:0px;padding-bottom:0px;}
.abstand-breite-null {padding-left:0px;padding-right:0px;}
.abstand-all-null {padding:0px;}


.fb {display:inline-block;width:28px; height:28px; background:url("../../../images/facebook.png");}
.fb-mobile {display:inline-block;width:22px; height:22px; background:url("../../../images/facebook-mobile.png");}
.fb:hover {background:url("../../../images/facebook4C.png");}
.lk {display:inline-block;width:28px; height:28px; background:url("../../../images/linkin.png");}
.lk-mobile {display:inline-block;width:22px; height:22px; background:url("../../../images/linkin-mobile.png");}
.lk:hover {background:url("../../../images/linkin4C.png");}
.yt {display:inline-block;width:28px; height:28px; background:url("../../../images/youtube.png");}
.yt-mobile {display:inline-block;width:22px; height:22px; background:url("../../../images/youtube-mobile.png");}
.yt:hover {background:url("../../../images/youtube4C.png");}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*+++++++++++++++++++++++++++++++++++++inhalt++++++++++++++++++++++++++++++++*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/*.logo {
	position:fixed;
	width:460px;
	height:80px;
	justify-content: center;
	align-items: center;
	background-color: transparent;
	z-index:999;
	left: 50%;
	top: 50%;
	margin-left: -240px;
	margin-top: -40px
}*/

.logo {
	position:fixed;
	width:30vw;
	height:auto;
	justify-content: center;
	align-items: center;
	background-color: transparent;
	/*background-color:red;*/
	z-index:999;
	left: 35%;
	top: 50%;
}
.logo .mitte { 
	display: block; 
 	margin: auto; 

 }

.introtext
{
	font-size: 2.4rem;
	font-weight: 300;
}
.img-txt
{
	font-family: 'Rauha Regular';
	font-size: 3.7rem !important;
	line-height: 4.2rem !important;
	margin-top:18px;
}

.more-txt
{
	font-size: 3.5rem !important;
	font-weight: 300  !important;
}
.adresse-txt,
.adresse-txt a {
	font-size: 3.7rem !important;
	line-height: 4.2rem !important;
}

h2.head {
	display:inline-block;

	/*margin-top: 1rem !important;
	line-height: 1.1rem !important;*/
}
h2.head a {font-size: 3.7rem;}
h2.head a:hover{text-decoration:none;}
h2.head a.collapsed::after
{
    	content:url("/templates/screendriverFOUR-Homepage/images/auf.png") ;
	display:inline-block;
	overflow:hidden;
	cursor:pointer;
}
/*h2.head a.collapsed.uff::after
{
    	content:url("/templates/screendrive/images/zu.png") ;
	display:inline-block;
	overflow:hidden;
	cursor:pointer;
}*/

h2.head a.collapsed.uff::after
{
    content:url("/templates/screendriverFOUR-Homepage/images/close.svg") ;
	cursor:pointer;
	margin-left:5px;
	margin-top:5px;
}
.collapse {
	margin-top:12px;
	margin-bottom:12px;
}
.collapse p  {
	/*font-size: 2.6rem;*/
	font-size: 3.6rem;
	line-height:4.2rem;
	/*font-weight:600;*/
}

/*boxen*/
.gridbox
{
	display:block;
	/*clear:both;*/
}
.logobox {
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
	/*border-left:1px solid black;*/
}
.blog .logobox:nth-child(4n) {
	border-right:1px solid white;
}
.blog .logobox:nth-child(1),
.blog .logobox:nth-child(2),
.blog .logobox:nth-child(3),
.blog .logobox:nth-child(4) {
	border-top:1px solid white;
}
body.is_smartphone .blog .logobox:nth-child(1),
body.is_smartphone .blog .logobox:nth-child(2),
body.is_smartphone .blog .logobox:nth-child(3),
body.is_smartphone .blog .logobox:nth-child(4) {
	border-top:1px solid #ccc;
}
/*
.blog .logobox:nth-last-child(2),
.blog .logobox:nth-last-child(1){
	border-bottom:1px solid black;
}*/
.plakatbox {
	padding-top:0px;
	padding-bottom:0px;
}

.carousel-indicators {
    position: absolute;
    bottom: -40px;
    z-index: 15;
    width: 10%;
    left: 0px;
    margin-left: 0px;
    padding-left: 0;
    list-style: none;
    text-align: center;
}
.carousel-indicators li
{
	border: 1px solid red;
}
.carousel-indicators .active
{
	background-color:red;
}

/*logos*/
.caption {display:none;}

/*hoempage*/
.top180 {margin-top:180px;}
.top360 {margin-top:360px;}
.top520 {margin-top:520px;}

/*kontakt*/
.text-small{font-size:2.4rem;font-weight:300;}

hr {border-top: 3px solid #111;margin-bottom:0px;}
a.real 
{
	font-family: 'Rauha Medium';
	font-size:2.4rem;
	text-decoration:none;
	color:white;
}
a img {/*margin-bottom:10px;*/}

.fliess {width:400px;float:right;padding-left:10px;padding-bottom:10px;}

.picbox 
{
overflow:hidden;
}
.picbox img
{
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}
.picbox:hover img, .picbox:focus img {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}