:root {
/*----------------------------------------------------------Standards*/		
--color-body: #0775b0;
--font-default: 'Roboto', sans-serif;
  --font-size-small: .75rem;
  --font-size-default: .875rem;
--border-radius-btn	:0.5rem;
--background-dimmer: rgba(7,117,176,.85);
/*Buttons*/	
/*ui.primary.button*/
	--border-radius-primary-btn: 7000px;
	--color-primary-btn-back: #be202f;
	--color-primary-btn-text: #FFFFFF;
	--font-size-primary-btn: 1rem;		
/*secondary.button*/
	--border-radius-secondary-btn: 7000px;
	--color-secondary-btn-back: #505253;
	--color-secondary-btn-text: #FFFFFF;
	--font-size-secondary-btn: 1rem;
/*Link*/
--color-link: #505253;		
/*Gradient over card with License*/		
	--color-card-start-gradient-cont: rgba(0,0,0,0.5);
	--color-card-stop-gradient-cont: rgba(0,0,0,0.6);	
/*Gradient over card with License*/		
	--color-card-start-gradient-cont-nolic: rgba(0,0,0,0.7);
	--color-card-stop-gradient-cont-nolic: rgba(0,0,0,0.9);	
/*----------------------------------------------------------color gradient*/
/*Transition from Headervideo or image to content from color-gradient to color-body*/		
	--color-gradient: none;
/*----------------------------------------------------------Navigation*/	
--background-color-navbar: rgba(255,255,255,0.3);
	--color-navitem: #FFFFFF;
	--background-color-navitem: #000000;
/*Sucheingabefeld*/	
	--color-border-search-field: #e7ebee;
	--color-border-search-focus: #0775b0;
	--background-color-search-field: rgba(231,235,238,0.50);
	--color-text-search-field: #151515;
/*Buttons in Navigationsmenu*/		
	--border-radius-nav-btn: 0.5rem;	
	--color-background-nav-item: #0775b0;
	--color-text-nav-item: #FFFFFF;
	--roundness-of-navbuttons: 500rem;
	--height-nav-buttons: 10px 20px;
	--right-margin-neighborbtn: 10px;
/*----------------------------------------------------------Search Result site*/	
/* Heading*/
/* Heading padding */		
	--padding-text-heading-search: 50px 0 50px 0;
/* Heading Text color */		
	--color-text-heading-search: #151515;
/* Heading Fontsize */	
	--fontsize-text-heading-search: clamp(1.913rem, calc(12px + 2.475vw), 2.587rem);
/* Heading Fontweight */		
	--fontweight-text-heading-search: 600;
/*Color of Text on Card*/		
	--color-text-over-card: #FFFFFF;
/*Font Size of Text on Card*/	
	--font-size-text-over-card: 1rem;
/*Font Weight of Text on Card*/	
	--font-weight-text-over-card: 600;
/*----------------------------------------------------------Hero Image with action button*/	
/* Heading Background Colour Test */
.hero-header{
background-color:#ffffff;
opacity: 0.5;
padding: 10px;
border-radius: 50px;
top: 5%;
}	
/*Color Font in Heading*/		
	--color-hero-heading:#000000;
/*Font-Size in Heading*/		
	--fontsize-hero-heading:28pt;	
/*Width of text in Heading*/		
	--hero-header-width: calc(100%/2);
/*Number of lines in Heading*/			
	--line-clamp-hero: 2;
/*Color Font in Description*/			
	--color-hero-heading-descr:#FFFFFF;
/*Width of text in Description in Header*/		
	--hero-header-descr-width: calc(100%/3);
/*Number of lines in Description*/	
	--line-clamp-hero-descr: 6;
/*Tag Background Color*/	
	--background-color-tagbutton: #999999;
/*Tag Color Text*/		
	--color-text-tagbutton: #be202f;
/*Tag Fontsize Text*/		
	--fontsize-text-tagbutton:8pt;
/*Arrangement of the buttons*/	
	--arrangement-buttons: left;
/*Action button 1 Backgroundcolor*/		
	--color-hero1-btn-back: #0775b0;
/*Action button 1 Textcolor*/		
	--color-hero1-btn-text: #FFFFFF;
/*Radius of corners*/			
	--border-radius-hero1btn: 4px;
/*FontSize of text on button*/		
	--font-size-hero1btn: 1rem;
/*Display button (choose: 'none' or 'block')*/			
	--display-btn1: block;
/*Action button 2 Backgroundcolor*/			
	--color-hero2-btn-back: #0775b0;
/*Action button 2 Textcolor*/			
	--color-hero2-btn-text: #FFFFFF;
/*Radius of corners*/			
	--border-radius-hero2btn: 4px;
/*FontSize of text on button*/		
	--font-size-hero2btn: 1rem;
/*Display button (choose: 'none' or 'block')*/		
	--display-btn2: none;
/*----------------------------------------------------------Licence Popup*/
/*License segment*/	
	--background-color-licence-segment: #505253;
	--border-radius-licence-segment: 0.5rem;
/*Title and Description in Licence modal*/
	--color-text-licence: #FFFFFF;
/*License cards*/		
	--background-color-licence-card: #FFFFFF;
	--color-text-licence-card: #151515;
	--background-color-licence-card-btn: #0775b0;
	--color-text-licence-card-btn: #FFFFFF;
/*-------------------------------------------------------------- Detaillierte Kursansicht --------------------------------------------------------------*/
/*Hintergrundfarbe*/
	--coursedetail-background-color: #0775b0;
/*Kurssegement*/
	--coursesegment-background-color: #e7ebee;
/*Themenbutton*/
	--coursetag-background-color: #505253;
	--coursetag-text-color: #FFFFFF;
/*Vorstellungskarte*/
	--coursecard-background-color: #FFFFFF; 
/*-------------------------------------------------------------- Kurskarussell --------------------------------------------------------------*/	
/*Hintergrundfarbe*/
	--carouselsegment-background-color: #e7ebee;
 /*Heading*/
/*Color*/	
--color-text-carou-heading: #505253;
/*Font-Size*/		
--fontsize-carou-heading: 2.6rem;
/*Text-Align: left, center, right*/			
--textalign-carou-heading: center;	
/*Hintergrundfarbe Karten*/
	--carouselcard-background-color: #FFFFFF;
/*Standardtext auf Karten*/	
	--carouselcard-text-color: #121212;
/*Slider settings*/	
/*Background color Hovering*/
	--color-bck-carousel-btn: rgba(255, 255, 255, 0.1);
/*Margin page dots*/		
	--margin-carousel-dots: -60px;		
	/*carousel arrows color*/		
	--color-carousel-btn:#FFFFFF;	
	--color-carousel-btn:#FFFFFF;	
/*Arrows*/	
	--left-position: -80px;
	--right-position: -80px;
	--size-of-the-slidericon: 88px;
/* Aussehen der Sliderpunkte */
--height-sliderdot: 16px;
--width-sliderdot: 80px;
--color-background-sliderdot: #be202f;
--color-background-sliderdot-notactive: #FFFFFF;
--color-background-sliderdot-notactive-transparenz: 1;	
/*-------------------------------------------------------------- Kategorisierbare Bibliothek --------------------------------------------------------------*/		
 /*Heading*/
/*Color*/
--color-text-catgbibtitle-heading: #FFFFFF;
/*Font-Size*/		
--fontsize-catgbibtitle-heading: 2.6rem;
/* Position of the Headingtitle left,center,right*/				
--textalign-catgbibtitle-heading: center;
/* Padding of the Headingtitle*/				
--padding-catgbibtitle-heading: 20px 0 100px 0;	
/*Padding Big Card*/
--padding-card-top-bottom: 60px;
--padding-card-left-right: 300px;	
/* Background Color behing Big Card */	
--catgcarouselbody-background-color: #0775b0;
/* Background Color of the Big Card */		
--catcarouselsegment-background-color: #e7ebee;
/* Background Color of the Content Cards on the Big Card */	
--catgbibcard-background-color: #FFFFFF;
/*Tabmenu*/	
/*Border Radius of Tabs*/		
--border-radius-tab: 200px;
/*Border Radius of Active Tabs*/	
--border-radius-active-tab: 20px 20px 1px 0px;
/*Background-color of Tabs*/	
--background-color-tab: rgb(231, 235, 238);
/*Text-Size in Tabs*/	
--font-size-text-in-tab: 1.4rem;
/*Text-color in Tabs*/
--color-text-tab: rgba(0, 0, 0, 0.6);	
/*Text-color in Active Tabs*/
--color-text-active-tab: #be202f;		
/*Text-padding in Tabs*/	
--padding-height-width-tabtext: 10px;
/*Margin not active tab to segment*/
--margin-bottom-to-next-segment: 12px;
/*----------------------------------------------------------Circular Image*/	
  --border--image-radius: 500rem;	
}