/* MOBILE */
@media only screen and (min-width: 280px) {
	
	body {
		font-family: "Roboto Condensed", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.9;
    color: #575756;
    text-align: left;
    background-color: #fff;
	}
	
	.padL10 {
		padding-left: 10px;
	}

	.pageContent {
		padding: 0px 10px;
		box-sizing: border-box;
	}

	.pageTitle {
		margin: 40px 0px 30px 0px;
	}

	.courseSubtitle {
		font-family: 'Caveat', "Roboto Condensed", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
		font-size: 20px;
		color: #0069b4;
		font-weight: bold;
		cursor: pointer;
		margin: 0px;
	}

	.courseGallery {
		width: 100%;
		max-height: 250px;
	}

	.courseDescriptionTitle {
		color: #0069b4;
		font-size: 32px;
	}

	.listDescription {
		list-style: none;
		padding: 0px;
	}

	.listDescription li
		margin-bottom: 10px;
		font-weight: bold;
		color: #575756;
	}

	.listDescription li:last-child {
		margin-bottom: 0px;
	}

	.listDescription li i {
		margin-right: 5px;
		color: #e30613;
	}

	.pageSliderTitle,
	.pageCommentTitle,
	.moreSlidersTitle {
		color: #e30613;
		font-size: 32px;
	}

	.pageSliderTitle span,
	.pageCommentTitle span {
		color: #0069b4 !important;
	}

	.pageQuote {
		margin-bottom: 20px;
	}
	


	.pageComment {
		background-color: #f0f3f8;
		padding: 5px;
		box-sizing: border-box;
	}
	
	.pageDescription {
		display: flex;
		flex-direction: column;
	}
	
	.pageQuote,
	.pageComment {
		display: flex;
		flex-direction: column;
	}

	.pageQuote iframe {
		width: 100%;
	}

	.pageQuote p,
	.pageComment p {
		color: #575756;
		font-size: 15px;
		line-height: 1.9;
	}
	

	.pageSlider {
		background: #fff url(/media/180816_HintergrundBlauweisneu_retina.png) center bottom repeat-x scroll;
		background-size: auto;
		background-size: 9px 767px;
		padding: 0px 0px 30px 0px;
	}
	
	.pageSliderText {
		text-align: justify;
	}
	
	.courseGallery {
		height: 200px !important;
	}
	
	/* +++++ CAROUSEL SLIDER start +++++ */
	
	.carousel {
		position: relative;
		width: 80%;
		margin: 0 auto;
		height: 200px;
	}
	
	.carousel__image {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	
	.carousel__track-container {
		position: relative;
		background: transparent;
		height: 100%;
		overflow: hidden;
	}
	
	.carousel__track {
		padding: 0;
		margin: 0;
		list-style: none;
		position: relative;
		height: 100%;
		transition: transform 250ms ease-in;
		display: flex;
		justify-content: space-between;
	}
	
	.carousel__slide {
		position: absolute;
		top: 0;
		bottom: 0;
		width: 300px;
	}
	
	.carousel__button {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		border: none;
		border-radius: 5px;
		width: 25px;
		height: 25px;
		background: rgba(0,0,0,0.7);
		cursor: pointer;
	}
	

	
	.carousel__button--left {
		left: -30px;
		padding-left: 4px;
	}
	
	.carousel__button--right {
		right: -30px;
		padding-right: 4px;
	}
	
	.carousel__button i {
		font-size: 20px;
		color: lightgray;
	}
	
	.carousel__nav {
		display: flex;
		justify-content: center;
		padding: 10px 0;
	}
	
	.carousel__indicator {
		border: 0;
		border-radius: 50%;
		width: 10px;
		height: 10px;
		margin: 0 7.5px;
		background: rgba(0,0,0,.3);
		cursor: pointer;
	}
	
	.carousel__indicator.current-slide {
		background: rgba(0,0,0,.75);		
	}
	
	.pageSlider button:hover,
	.pageSlider button:focus {
		outline: none !important;
		box-shadow: none !important;
	}
	
	.pageSlider button#showMore {
		width: 100%;
		padding: 5px 10px;
	}
	
	/* +++++ CAROUSEL SLIDER end +++++ */	
	
	
	
	/* ROWS DEFINITION */
	
	.rowTwoBlocks {
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
	}
	
	.rowTwoBlocks div {
		flex-basis: 100%;
	}
	
	.rowTwoBlocksFirst {
		align-self: flex-start;
	}
	
	.rowTwoBlocksSecond {
		text-align: center;
	}
	
	.rowTwoBlocksSecond img {
		width: 100%;
	}
	
	.fdb_block_text {
		text-align: justify;
		font-size: 16px;
		line-height: 1.8;
	}
	
	.fdb_first_headling {
		font-size: 42px;
		margin:0;
		line-height: 42px;
	}
	
	.fdb_second_headline {
		font-size: 32px;
	}
	
	.colorRed {
		color: #e30613;
	}
	
	.colorBlue {
		color: #0069b4;
	}
	
	
	.listDescription li {
		font-weight: bold;
	}
	
	
	.rowTwoBlocksSecond iframe {
		width: 100%;
	}
	
	/* FDB FRONTEND POP UP */
	.fdb_pop_up_block {
		margin-bottom: 10px;
	}
	
	.fdb_pop_up_title {
		position: relative;
    cursor: pointer;
    padding: 15px 30px 15px 30px;
    background-color: #d3ddf2;
    color: #545454;
    display: flex;
    flex-direction: row;
	}
	
	.fdb_pop_up_title:hover {
		background-color: #8c8c8c;
    color: #ffffff;
	}
	
	.fdb_gray_hover {
		background-color: #8c8c8c;
    color: #ffffff;		
	}
	
	.fdb_pop_up_icons {
		position: absolute;
		right: 20px;
		top: 20px;
	}
	
	.fdb_pop_up_icons i {
		font-size: 20px;
	}
	
	.activeIcon {
		display: block !important;
	}
	
	.backgroundWhite {
		background-color: #ffffff;
	}
	
	.rabbattHighlight {
		background-color: #e30613;
		color: #ffffff;
		font-weight: bold;
		padding: 5px;
		box-sizing: border-box;
	}
	
	.lizenzgebiet_kosten_image {
		width: 100%;
	}
	
	
}

/* TABLET */
@media only screen and (min-width: 768px) {
	
	
	
	
}



/* DESKTOP */
@media only screen and (min-width: 1024px) {
	
	.pageContent {
		max-width: 1200px;
		margin: 0 auto;
	}
	.pageDescription,
	.pageQuote,
	.pageComment {
		flex-direction: row;
	}
	.pageDescriptionBlock,
	.pageBlock {
		flex-basis: 50%;
	}
	.pageSlider {
		padding: 10px 10px 60px 10px;
		box-sizing: border-box;
		margin-bottom: 30px;
	}
	
	.listDescription__list {
		line-height: 30px;
		color: #575756;
		font-weight: bold;
	}
	
	.pageDescriptionImage {
		max-width: 307px;
		max-height: 475px;
	}
	
	.pageSliderTitle {
		padding-left: 70px;
	}
	
	.pageSliderText {
		padding: 0 70px;
	}
	
	.textPaddingSpace {
		padding: 20px;
	}
	

	
	
	.carousel__button {
		width: 40px;
		height: 40px;
	}


	.carousel__button--left {
		left: -50px;
	}
	
	.carousel__button--right {
		right: -50px;
	}
	
	.carousel__button i {
		font-size: 24px;
	}
	
	/* ROWS DEFINITION */
	
	.rowTwoBlocks {
		flex-direction: row;
	}
	
	.rowTwoBlocks div {
		flex-basis: 50%;
	}
	
	.rowTwoBlocksFirst {
		padding: 0 25px 0 0;
		box-sizing: border-box;
	}
	
	.rowTwoBlocksSecond img {
		width: 70%;
	}
	
	
	.slider_laufevent_text {
		padding: 0 70px;
		text-align: justify;
	}

	.clear-padding {
		padding: 0px;
	}
	
	.desktopPadding {
		padding: 0 70px;
		box-sizing: border-box;
	}
	
	.lizenzgebiet_kosten_image {
		width: 50%;
	}
	
	
}