/**
*Theme Name:    Supervision
*Theme URI:      https://www.clausdieterangerer.at
*Description:    Child-Theme von Astra
*Author:         Claus-Dieter Angerer
*Author URI:     https://www.clausdieterangerer.at
*Template:       astra
*Version:        1.0.1
*/

/*Font einbinden*/
/* sansation-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Sansation';
  font-style: normal;
  font-weight: 400;
  src: url('https://www.clausdieterangerer.at/wp-content/themes/Supervision/font/sansation-v1-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


/*Ueberschrift 2 soll einen Schatten haben*/
 h2 {
  text-shadow: 4px 4px 8px rgba(0, 0, 0, 0.8);
}
/*.ast-main-header-wrap.main-header-bar-wrap {
	border-radius: 10px;
}*/
/*header ist fixiert*/
.ast-theme-transparent-header #masthead {
  position: fixed;
  top: 20;

 
  width: calc(100% - 40px); /* entspricht dem Außenabstand */
  z-index: 999;
}   


/* Responsiver Abstandhalter, damit die Abstände auf den unterschiedlichen Geräten passen*/   
@media screen and (min-width: 960px) 
    {.abstand 
        {height: 200px;} 
     .abstand1
        {height: 100px;}
     .abstand2
        {height: 200px;}
    }
@media screen and (min-width: 480px) and (max-width: 960px)
    {.abstand 
        {height: 20px;} 
     .abstand1
        {height: 70px;}
     .abstand2
        {height: 100px;}        
    }
@media screen and (max-width: 480px) 
    {.abstand 
        {height: 10px;}
     .abstand1
        {height: 30px;}
     .abstand2
        {height: 70px;} 
    }
/*Bild von mir selber auf der Seite responsiv gestalten*/
@media screen and (min-width: 960px) 
    {.img
        {width:382px;
        height:416px;
		display: block;
        margin-left: auto;
        margin-right: auto;}
    }
@media screen and (min-width: 480px) and (max-width: 960px)
    {.img
        {width:267px;
        height:291px;
		display: block;
        margin-left: auto;
        margin-right: auto;}
    }
@media screen and (max-width: 480px) 
    {.img
        {width:191px;
        height:208px;
		display: block;
        margin-left: auto;
        margin-right: auto;}
    }
/* Einstellungen bei Cookiehinweis von GDPR Cookie Consent*/
/*Startwidget werden die Ecken abgerundet*/
#cookie-law-info-bar{border-radius:10px;}
/*Bei den Buttons am Startwidget werden die Ecken abgerundet*/
.cli-plugin-button{border-radius:4px;}    

/*Einstellungen bei dem Kontaktformular Contact Form 7 */

/*Feld der Texteingabe von Nachricht an Empfänger, Hintergrundfarbe und Radius an den Ecken*/
textarea 
    {
    background-color:#f1f0f8;
    border-radius: 8px; 
    border-bottom-color:#a4a3ab;  /*farbiger Rand*/
    border-left-color:#a4a3ab; 
    border-width:2px; 
    }
/*Farbe von den Inputfelder, wie Name und Email, mit Hintergrundfarbe und Radius an den Ecken*/
input[type]
    { 
    background-color: #f1f0f8; 
    border-radius: 8px;
    border-bottom-color:#a4a3ab; 
    border-left-color:#a4a3ab; 
    border-width:2px; 
    }  
/* Feldfarbe von Senden Button*/ 
input[type="submit"]
    {
    background-color:#2260ab;
    border-top-color:#a4a3ab; 
    border-right-color:#a4a3ab; 
    border-width:2px; 
    }