From 638eec77431e69cf1a4f0ac8a541b2c4d2b73fbf Mon Sep 17 00:00:00 2001
From: Philipp Lang <philipp@aweos.de>
Date: Mon, 6 Sep 2021 11:30:39 +0200
Subject: [PATCH] Add breakpoints for grid

---
 assets/css/app.css | 20 ++++++++++++++++++++
 1 file changed, 20 insertions(+)

diff --git a/assets/css/app.css b/assets/css/app.css
index 230120d..9c5f067 100644
--- a/assets/css/app.css
+++ b/assets/css/app.css
@@ -56,6 +56,18 @@
 
                 label {
                     height: 20rem;
+                    @media screen and (max-width: 1024px) {
+                        height: 15rem;
+                    }
+                    @media screen and (max-width: 980px) {
+                        height: 14rem;
+                    }
+                    @media screen and (max-width: 768px) {
+                        height: 15rem;
+                    }
+                    @media screen and (max-width: 580px) {
+                        height: 14rem;
+                    }
                     position: relative;
 
                     input {
@@ -103,6 +115,14 @@
                         fill: currentColor;
                         width: 5.625rem;
                         height: 5.625rem;
+                        @media screen and (max-width: 580px) {
+                            width: 4rem;
+                            height: 4rem;
+                            &.icon-immobilienfinanzierung {
+                                width: 5rem;
+                                height: 5rem;
+                            }
+                        }
                     }
                     svg.icon-immobilienfinanzierung {
                         width: 9.6875rem;