/* colors */
$primary-color: #E2007A;
$primary-color-invert: #ffffff;
$primary-color-hover: #DA569D;

$footer-bg: #000;
$footer-border-color: #fff;

$primary-background: #F6D3D5 ;
$secondary-background: #fff ;

$menue-bg-color:#F6D3D5;
$menue-color:#000;
$menue-bg-color-hover:#000;
$menue-color-hover:#F6D3D5;

$secondary-color: #000;
$secondary-color-invert: #E2007A;

$angled-primary-color: #F6D3D5 ;
$angled-primary-color-invert: #000;

//$angled-secondary-color: #2E313A ;
$angled-secondary-color: #000 ;
$angled-secondary-color-invert: #F6D3D5;

$text-color: #000;
$text-color-hover: #6A6A6A;
$highlight-color: $primary-color;

$link-color: $primary-color;
$link-color-hover: $primary-color-hover;

$button-enabled: $primary-color;
$button-disabled: #9B9B9B;
$button-hover: $primary-color-hover;

$hover-text: (
        kicker: $primary-color-hover,
        title: $text-color-hover,
        intro: $text-color-hover,
        time: $text-color-hover
) !default;

/* breakpoints according to bootstrap 4 */
$break-xs: 320px; // -> Mobile
$break-sm: 768px; // -> Small
$break-md: 992px; // -> Medium
$break-lg: 1200px; // -> Large

/* default fonts */
$font-size: 16px;
$line-height: 25px;
$line-height-large: 30px;
$section-header-font-size: 16px;
$box-header-font-size: 16px;


$teaser-border: #000;