@charset "UTF-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Courgette|Open+Sans:400,600,700,800');
body {
  /* Location of the image */
  background-image: url(../img/BG-01.jpg);
  
  /* Image is centered vertically and horizontally at all times */
  background-position: center center;
  
  /* Image doesn't repeat */
  background-repeat: no-repeat;
  
  /* Makes the image fixed in the viewport so that it doesn't move when 
     the content height is greater than the image height */
  background-attachment: fixed;
  
  /* This is what makes the background image rescale based on its container's size */
  background-size: cover;
  
  /* Pick a solid background color that will be displayed while the background image is loading */
  background-color:#464646;
  
  /* SHORTHAND CSS NOTATION
   * background: url(background-photo.jpg) center center cover no-repeat fixed;
   */
}

/* For mobile devices */
@media only screen and (max-width: 767px) {
  body {
    /* The file size of this background image is 93% smaller
     * to improve page load speed on mobile internet connections */
    background-image: url(../img/BG-01-mobile.jpg);
  }
	}
#logo { background-image: url(../img/tre-amici-logo-w.png); background-repeat: no-repeat; background-position:center top;}
.header {
	padding-top: 15px;
	font-family: 'Courgette', cursive;
	font-size: 25px;
	color: #ffffff;
	
}
.header2 {
	padding-top: 15px;
	font-family: 'Courgette', cursive;
	font-size: 35px;
	color: #ffffff;
	
}
.lauf12 {
	padding-top: 5px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 12px;
	color: #ffffff;
	
}
.lauf14 {
	padding-top: 5px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 14px;
	color: #ffffff;
	
}
.lauf14red {
	padding-top: 5px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 14px;
	color: #ff0000;
	
}
.lauf18 {
	padding-top: 0px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	font-size: 18px;
	color: #ffffff;
	
}
.lauf16b {
	padding-top: 0px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	font-size: 16px;
	color: #ffffff;
	
}
.lauf16 {
	padding-top: 0px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	font-size: 16px;
	color: #ffffff;
	
}
.footer {
   position: fixed;
   left: 0;
   bottom: 0;
   width: 100%;
   background-color: #7c7c7c;
   color: white;
   text-align: center;
}
.href { text-decoration:  underline; font-family: font-family: 'Open Sans', sans-serif; color: #ffffff;  }
/* checkbox*/
.control {
            font-family: arial;
            display: block;
            position: relative;
            padding-left: 39px;
            margin-bottom: 9px;
            padding-top: 3px;
            cursor: pointer;
            font-size: 23px;
        }
            .control input {
                position: absolute;
                z-index: -1;
                opacity: 0;
            }
        .control_indicator {
            position: absolute;
            top: 3px;
            left: 0;
            height: 30px;
            width: 30px;
            background: #e6e6e6;
            border: 0px solid #000000;
        }
        .control-radio .control_indicator {
            border-radius: undefined%;
        }
        
        .control:hover input ~ .control_indicator,
        .control input:focus ~ .control_indicator {
            background: #cccccc;
        }
        
        .control input:checked ~ .control_indicator {
            background: #000000;
        }
        .control:hover input:not([disabled]):checked ~ .control_indicator,
        .control input:checked:focus ~ .control_indicator {
            background: #0e6647d;
        }
        .control input:disabled ~ .control_indicator {
            background: #e6e6e6;
            opacity: 0.6;
            pointer-events: none;
        }
        .control_indicator:after {
            box-sizing: unset;
            content: '';
            position: absolute;
            display: none;
        }
        .control input:checked ~ .control_indicator:after {
            display: block;
        }
        .control-checkbox .control_indicator:after {
            left: 10px;
            top: 4px;
            width: 6px;
            height: 13px;
            border: solid #ffffff;
            border-width: 0 5px 5px 0;
            transform: rotate(45deg);
        }
        .control-checkbox input:disabled ~ .control_indicator:after {
            border-color: #7b7b7b;
        }