@extends('layouts.layout-2')

@section('content')
    <h4 class="font-weight-bold py-2 mb-2">{{ __('Hinweise') }}</h4>

    <div class="card">
        <div class="card-body wawi-notices">
            {!! $content !!}
        </div>
    </div>

@endsection

@section('styles')
    <style>
        .wawi-notices h1 {
            font-size: 1.5rem;
        }

        .wawi-notices h2 {
            font-size: 1.25rem;
            margin-top: 1.5rem;
        }

        .wawi-notices h3 {
            font-size: 1.05rem;
            margin-top: 1rem;
        }

        .wawi-notices blockquote {
            border-left: 3px solid #d4d8dd;
            padding: 0.25rem 0 0.25rem 1rem;
            color: #6c757d;
        }

        .wawi-notices hr {
            margin: 1.5rem 0;
        }

        .wawi-notices ul {
            padding-left: 1.25rem;
        }
    </style>
@endsection