#cookie-bar {background:#df0a14; height:auto; line-height:24px; color:#ffffff; text-align:center; padding:3px 0; font-family:"Trebuchet MS",Helvetica,sans-serif;}
#cookie-bar.fixed {position:fixed; top:0; left:0; width:100%;}
#cookie-bar.fixed.bottom {bottom:0; top:auto;}
#cookie-bar p {margin:0; padding:0;}
#cookie-bar a {color:#ffffff; display:inline-block; border-radius:3px; text-decoration:none; padding:0 6px; margin-left:8px;}
#cookie-bar .cb-enable {background:#df0a14; font-size: 150%; font-weight: bold;}
#cookie-bar .cb-enable:hover {background:#df0a14; text-decoration: underline;}
#cookie-bar .cb-disable {background:#df0a14;}
#cookie-bar .cb-disable:hover {background:#df0a14; text-decoration: underline;}
#cookie-bar .cb-policy {background:#df0a14;}
#cookie-bar .cb-policy:hover {background:#df0a14; text-decoration: underline;}
#cookie-bar {display:none !important;}


/* Schwarze Pfeile bei Webpart Titel Fix */


.wp-ico .wp-content-zone .ms-webpart-zone .ms-webpart-titleText > a {
	background: transparent url("/Style%20Library/icospcms/g/webpart-title-arrow.png") no-repeat right 2px !important;
}

/* Webpart titel linker Bereich Fix */

.wp-ico .wp-content-zone .ms-webpart-zone .ms-webpart-titleText.ms-webpart-titleText {
    font-size: 20px !important;
    font-weight: bold !important;
    background: #df0a14 !important;
    color: #FFFFFF !important;
    padding: 10px 20px !important;
}

/* Webpart titel linker Bereich Fix */

/* Kontrast Slider Punkte */
.SPCmsPageLayout .spcms-textblock ol.carousel-indicators li {
    background: #3d3d3d !important;
}

.SPCmsPageLayout .spcms-textblock ol.carousel-indicators li.active {
    background: #df0a14 !important;
}
/* End Kontrast Slider Punkte */


/* Zugriffsfreundlicheren Modus aktivieren  ausblenden */
div#TurnOnAccessibility, div#TurnOffAccessibility{
	display:none !important;
}


/* Barrierefreiheit Sliderpfeile */
.carousel-control:focus {
	outline: thin dotted !important;
	outline: 5px auto -webkit-focus-ring-color !important;
}

div.spcms-rteElement-hintergrund {
	background: #f5f5f5;
}

@font-face {
font-family: 'Trebuchet MS';
font-style: normal;
font-weight: normal;
src: local('Trebuchet MS'), url('trebuc.woff') format('woff');
}

/*Slideshow Bild auf der Startseite auf fixe Höhe 500px einstellen, damit das Bild nicht von der Punkt-Navigationsleiste überblendet wird*/
/*Es wird auf die Bildschirmgröße abgefragt, weil ansonsten bei Handies unterhalb des Sliders ein weißer Raum entsteht*/
#carousel-ico
{
    height: 550px !important;
}

.smp-stopSlider {
    position: relative;
    right: 0px;
    float: right;
    bottom: 25px;
    color: white;
    padding: 5px;
    opacity: 0.7;
    cursor: pointer;
    background: transparent url('/Style Library/Images/pause-image.png');
    height: 26px;
    background-position-x: center;
    background-position-y: center;
    background-size: cover;
    width: 33px;
}

.SPCmsPageLayout .spcms-textblock ol li{
	line-height:95% !important;
}


/*@media all and (max-width:768px)*/
.SPCmsPageLayout .spcms-textblock .carousel-inner > .item .carousel-caption p {
    display: inline-block !important;
}


@media only screen and (max-width: 1200px) {
	#carousel-ico {
		height: 460px !important;
	}	
}
@media only screen and (max-width: 992px) {
	#carousel-ico {
		height: 370px !important;
	}
}
/*Handy: Anpassung automatisch und dafür werden die Punkte transparent dargestellt*/
@media only screen and (max-width: 768px) {
	#carousel-ico {
		height: auto !important;
	}				
	.carousel-indicators {
		opacity: 0.7;
	}
}

/* smartpoint YouTube Container >> */
.smp-YouTubeContainer .link-arrow {
  background: transparent url("/Style%20Library/icospcms/g/leftmenu-arrow.png") no-repeat right top;
  display: inline-block;
  height: 11px;
  width: 10px;
  margin-left: 5px;
}

.smp-YouTubeContainer .titleContainer {
  padding-bottom: 10px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 10px;
  border-style: solid;
  border-width: 0px 0px 0px 0px;
  border-color: #D8D8D8;
  font-family: Trebuchet MS, Helvetica, sans-serif;
  font-size: 16px;
  color: rgb(34, 34, 34);
  line-height: 22.85px;
  font-weight: 100;
}

.smp-YouTubeContainer a:hover {
  color: rgb(223, 10, 20);
}

.smp-YouTubeContainer .videoContainer {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
}

.smp-YouTubeContainer .videoContainer iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.smp-YouTubeContainer .youTubeElementContainer {
  width: 100%;
  margin-bottom: 12px;
}



@media only screen and (min-width: 768px) {
  .smp-YouTubeContainer .youTubeElementContainerSmall.youTubeElementContainer {
    width: 46%;
	margin-bottom: 0px;
  }
  
  .smp-YouTubeContainer .titleContainer {
	font-size: 18px;
	font-weight: 100;
	line-height: 25.71px;
  }

  .smp-YouTubeContainer .youTubeElementContainerSmall  .titleContainer{
    border-style: solid;
    border-width: 0px 0px 0px 0px;
    border-color: #D8D8D8;
	padding-bottom: 5px;
	font-size: 16px;
    line-height: 22.85px;
  }
  
  .smp-YouTubeContainer .youTubeElementContainerLeft {
	float: left;
  }
  
  .smp-YouTubeContainer .youTubeElementContainerRight {
	float: right;
  }
}
/* << smartpoint YouTube Container */

/* Für Anzeige Text im Slider auf Homepage auch bei Smartphonegröße*/
@media (max-width: 768px) {
	/* line 345, ../sass/spcms/pagelayouts.scss */
	.SPCmsPageLayout .spcms-textblock .carousel-inner > .item .carousel-caption h3 {
		font-size: 18px;
	}
	
	.SPCmsPageLayout .spcms-textblock .carousel-inner > .item .carousel-caption {
		display: block;
		top: 20%;
		left: 20%;
		bottom: inherit;
		padding: 10px 15px;
		text-align: left;
		text-shadow: none;
		/* [ReplaceColor(themeColor:"MenuLeft_Text_Level2")] */
		color: #222222;
		/* [ReplaceColor(themeColor:"MenuLeft_Background_Level2")] */
		background: #FFFFFF;
		opacity: 0.9;
	}
	
	.SPCmsPageLayout .spcms-textblock .carousel-inner > .item .carousel-caption small {
		display: none;
	}
	
	/* smartpoint: 2nd lvl text stetig anzeigen */
		
	.SPCmsPageLayout .spcms-textblock ol.carousel-indicators {
		display: none;
	}

	/* smartpoint end */
}

/* smartpoint: zw. Ansicht b) und c) / Smartphone Querformat Überschrift größer */

@media (max-width: 768px) and (min-width:500px) {
	.SPCmsPageLayout .spcms-textblock .carousel-inner > .item .carousel-caption h3 {
		font-size: 18px;
	}
}

/* smartpoint end */

/* 02.07.2018 - Anzeige des Logos beim Ausdruck RECHTS*/
@media print {
	#spcms-logo {
		float:right !important;
	}
}