/*
 Theme Name:     WP-Bootstrap-4 Child
 Theme URI:      https://bootstrap-wp.com/
 Description:    WP Bootstrap4 Child-Theme
 Author:         rot
 Author URI:     r-ot.at
 Template:       wp-bootstrap-4
 Version:        1.0.0
*/

/* =Ab hier kannst du deine CSS-Anpassungen eintragen
------------------------------------------------------- */


html{
    max-width:100vw;
    overflow-x:hidden;
}
:root{
  --white: white;
  --text-light: #767676;
  --text: #282b2d;
  --grey: #999999;
  --grey-medium:#bbbbbb;
  --grey-light: #dfdfdf;
  --grey-hover: #dddddd;
  --floral:#f5f0e3;
  --floral-darker: rgb(197, 190, 154);
  --light-purple:#b263c9;
  --primary:#f9d3e6;
  --primary-hover: #b16397;
  --dark-purplehaze: #865a94;
  --dark-purple: #640084;
  --primary-dark: #b16397;
  --superdark-purple: #00284e;
  --primary-superdark: #00284e;
  --white75: rgba(255,255,255,0.75);
  --yellow-lighter: #fee795;
  --yellow-light: #f3d04d;
  --secondary: #c9e8fb;
  --secondary-hover: #75b8e2;
  --secondary-dark: #9ac9e6;

  --font-family-sans-serif: "Nunito", -apple-system, BlinkMacSystemFont,  "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

  --margin-p: 1.6rem;

  --sans:'Cera',sans-serif;
}

html, body{
  font-family:'Cera','Lato', sans-serif!important;
}
h1, h2, h3,
.h1, .h2, .h3,
.wpcf7 form .wpcf7-response-output,
.wpcf7 form.sent .wpcf7-response-output {
  font-family:'Cera','Lato','Montserrat', 'Nunito', sans-serif!important;
}
h4, h5, h6, .h4, .h5, .h6 {
  font-family:'Cera','Montserrat', sans-serif!important;
}

.maxw-70{max-width:70%;}
@media(min-width:768px){.maxw-md-70{max-width:70%;}}
@media(min-width:992px){.maxw-lg-70{max-width:70%;}}
@media(min-width:1200px){.maxw-xl-70{max-width:70%;}}

.border-top-secondary{
  padding-top: var(--margin-p);
  margin-top: var(--margin-p);
  border-top:3px solid var(--secondary);
}
.bg-primary{background-color:var(--primary)!important;}
.bg-secondary{background-color:var(--secondary)!important;}

.secondary-dark{background-color:var(--secondary-dark);color:white;}
.primary-dark{background-color:var(--primary-dark); color:white;}