body {
    font-family: Arial;
    font-size: 19px;
    color: #323232;
    line-height: 1.2;
    }
    
p {
    margin: 0px 0px 1.5em 0px;
    }

/* ### Header-Styles ##################################################################*/

.site-header {
    width: 90%;
    margin: 0 auto;
    padding-top: 2em;
    padding-bottom: 2em;
    align-items: center;    
    }

    
#logo { width:320px; }
    
.sozial svg.bi {
    color: #009ac8;
    width: 1.3em;
    height: 1.3em;
    display: inline-block;
    position: relative;
    top: .3em;
    }
.sozial a {
    text-decoration:none;
    }
.sozial {
    font-size:16px;
    }
    
@media (max-width:790px) { 
    .sozial { display:none; } 
    .site-header { 
      padding-top: 1em;
      padding-bottom: 1em;  
    }       
    } 
@media (max-width:790px) { 
    .sozial { display:none; } 
    .site-header { 
      padding-top: 1em;
      padding-bottom: 1em;  
    }       
    }
    
@media (max-width:480px) { 
    .headerbox img { width:60%; }
    .headerbox { text-align:center; } 
    #logo { width:70%; } 
    } 
       


/* ### Content-Styles ##################################################################*/


.mobilesocialsozial { display:none; }

@media (max-width:790px) { 
    .mobilesocialsozial { 
    display:block; 
    text-align:center;
    padding:20px;
    } 
    
    } 

.page-content, .entry-content, .entry-summary {
  margin:0;
}

.headerbox figure { margin:0px; }

.wp-block-columns { margin-bottom:0px; }
   
.infobox {
    flex-basis:400px!important; 
    flex-grow: 0!important;    
    }
.infoboxbild {
    flex-basis:650px!important;
    flex-grow: 0!important;   
    }

.listbox {
    width:600px;
    background:#fff;
    padding:20px 60px;
    margin:auto;
    }
ul.listbox {
    list-style: none; /* Remove default bullets */
    }
ul.listbox li::before {
  content: "\25B8";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: red; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
  font-size:20px;
    }
        
blockquote {
    background: url('img/Icon-Paragraf-rot-155x300.png') 0px top no-repeat;
    background-size: auto 100%;
    margin:0px;
    -webkit-border-radius: 0.5em;
    -khtml-border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    border-radius: 0.5em;
    }
.wp-block-quote p {
    padding:20px 20px 20px 90px;
    margin:0px;
    }
    

 


    
@media (max-width:1600px) {
    .headerbox { padding: 0px 20px; } 
    }   
@media (max-width:1090px) {
    .section2.wp-block-columns { flex-wrap: wrap !important; }
    .infobox { flex-grow: 1!important; }
    .infoboxbild {
        flex-grow: 1!important;
        text-align:center;  
        }
    } 
@media (max-width:780px) { .wp-block-columns.headerbox { margin-bottom:60px; } } 
@media (max-width:650px) { .listbox { width:auto; }
    }
@media (max-width:500px) {
    blockquote { background-size: auto 80px; }
    } 
@media (max-width:480px) {
    .wp-block-quote p { padding:20px 20px 20px 60px; }
    .listbox { padding:20px 10px 20px 40px; }
    .wp-block-columns.headerbox { margin-bottom:30px; }
    }
@media (max-width:420px) {
    .mobilemargin { margin:0px 20px; }
    } 
@media (max-width:380px) {
    blockquote {
        background: url('img/Icon-Paragraf-rot-155x300.png') 50% 10px no-repeat;
        background-size: auto 50px;
        }
    .wp-block-quote p { padding:70px 20px 20px 20px; }
    :where(.wp-block-columns.has-background) { padding: 1.25em 1.25em; }
    }
    
/* ### Footer-Styles ##################################################################*/

.site-footer {
    background:#009ac8;
    padding-top: 3em;
    padding-bottom: 3em;
    }
    
.footerbox {
    width:1000px;
    margin:auto;
    }

.footerbox p {
    font-size:14px;
    color:#fff;
    }
    
@media (max-width:1050px) {
    .footerbox { 
    width:auto; 
    padding:0px 20px;
    }
    } 
    
/* ### Font-Styles ##################################################################*/  
    
p, li {
    -moz-hyphens: auto;
    -o-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;
    } 
    

    
h1, h2, h3 { font-size: 1.8rem; margin:0px 0px 20px 0px; }

@media (max-width:1120px) {
    h1 { font-size: 1.5rem; }
    .wp-block-button__link { font-size: 1rem; }
    } 
@media (max-width:1000px) {
    h1 { font-size: 1.5em; }
    .wp-block-button__link { font-size: .85rem; }
    } 
@media (max-width:870px) {
    .headerbox p { font-size: .85rem; }
    .wp-block-button__link { font-size: .75rem; }
    } 
@media (max-width:840px) {
    h1, h2, h3 { font-size: 1.2rem; }
    .wp-block-quote p, ul li, p { font-size: .85rem; }
    
    
    }  
@media (max-width:780px) { .wp-block-button__link { font-size:1em; } } 
@media (max-width:520px) { .wp-block-button__link { font-size:.85em; } }      
    
/* ### Link-Styles ##################################################################*/  

/* Removing The Dotted Link Outline when active */
a {outline:0;}
input::-moz-focus-inner { border: 0; }
a, a:active, a:focus, a:visited {
    outline: none;
    color:#000;
    }
    
.wp-block-button__link:hover, .wp-block-button__link:focus, .wp-block-button__link:visited {
    color:#fff;
    }

.mobilesocialsozial a { text-decoration:none; }
    
    
.footerbox a { font-size:14px; text-decoration: underline; }
.footerbox a:link { color: #fff; }
.footerbox a:visited { color: #fff; }
.footerbox a:hover { color: #fff; }    
    
/* ### Returning-Styles ##################################################################*/

.flexboxcenter {
    display:flex;
    justify-content:space-between;
    align-items:center;
    } 
    
.flexboxcenter-2 {
    justify-content:center;
    } 
    
.roundborders {
    -webkit-border-radius: 0.5em;
    -khtml-border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    border-radius: 0.5em;
    }

.roundborders img {
    -webkit-border-radius: 0.5em;
    -khtml-border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    border-radius: 0.5em;
    }
    
.paddingobenundunten {
    padding-top:100px;
    padding-bottom:100px;
    }
.seitenpadding5 {
    padding-left:5%;
    padding-right:5%;
    }
.seitenpadding25 {
    padding-left:25%;
    padding-right:25%;
    }
    
.testmonialbox { padding:20px; }
.testmonialbox img { margin-bottom:20px; }


@media (max-width:790px) { .site-header.flexboxcenter { justify-content:center;} } 
@media (max-width:640px) {
    .paddingobenundunten {
        padding-top:80px;
        padding-bottom:80px;
        padding-left:20px;
        padding-right:20px;          
        }
    }
@media (max-width:480px) {
    .paddingobenundunten {
        padding-top:30px;
        padding-bottom:30px;         
        }
    }    

/* ### Startseite-Styles ##################################################################*/

.home .flexboxcenter {
    flex-direction:column;
    justify-content:center;
    } 
.home .site-header {
    height:50vh; 
    } 
.home #logo { margin-bottom:2em; }