<commit_before>@import '../../core/styles/colors.scss';

.section-privacy {
  width:100%;
  float:left;
  padding: 15px 0px 50px;
  line-height: 1.75rem;

  h5 {
    color: $colorHPIRed;
    padding-bottom: 20px;
  }

  table {
    width: 100%;
    margin-top: 40px;
    border-collapse: separate;
    border-spacing: 0px 2px;

    th {
      padding-left: 15px;
    }

    td {
      padding-top: 10px;
      padding-left: 15px;
      color: grey;
      background-color: whitesmoke;
    }
  }
}<commit_msg>settings toggle fit page<commit_after>@import '../../core/styles/colors.scss';
@import '../../core/styles/bootstrap/scss/bootstrap';

.section-privacy {
	width:100%;
	float:left;
	padding: 15px 0px 50px;
	line-height: 1.75rem;

	h5 {
		color: $colorHPIRed;
		padding-bottom: 20px;
	}

	table {
		width: 100%;
		margin-top: 40px;
		border-collapse: separate;
		border-spacing: 0px 2px;

		th {
		  padding-left: 15px;
		}

		td {
		  padding-top: 10px;
		  padding-left: 15px;
		  color: grey;
		  background-color: whitesmoke;
		}
		
		@include media-breakpoint-down(xs) {
			thead{display:none;}
			tr{
				display:block;
				position: relative;
				/* max-width: 425px; */
			}
			tr:not(:last-child){
				padding-bottom: 10px;
				border-bottom: 1px dashed #ddd;
			}
			td{
				display:block;
				padding: 10px 0;
				line-height: normal;	
				background-color: transparent;				
			}
			tr > td:first-of-type{
				font-weight: bold;
				color: #373a3c;
				padding-bottom:0;
			}
			tr > td:nth-of-type(odd):not(:first-child){
				background-color: whitesmoke;
			}
			tr > td:before{
				display: inline-block;
				margin-left: .5em;
			}
			tr > td:nth-of-type(2):before{content: "Meine Klasse"}
			tr > td:nth-of-type(3):before{content: "Meine Klassenstufe"}
			tr > td:nth-of-type(4):before{content: "Meine Schule"}
			tr > td:nth-of-type(5):before{content: "Alle"}		

			td > .switch{
				position: absolute;
				right: 0;
				margin-top: -2.5px;
			}
		}
	}
}
{'fraction_non_alphanumeric': 0.15629742033383914, 'fraction_numerical': 0.03844208396560445, 'mean_word_length': 2.5511669658886893, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 11, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2353458', 'n_tokens_mistral': 957, 'n_tokens_neox': 769, 'n_words': 146}