Shortcodeänderung funktioniert nivht

Hallo zusammen,

ich habe einen funktionierenden Short:

add_shortcode( 'ktg-zitat', 'mein_zitat');
function mein_zitat ($attr, $content) {
	$string = '<div style="border: 2px solid #980267; max-width: ';
	$string .= $attr['weite'];
    $string .= '; margin: 0px 10px 10px 10px; padding: 10px 10px 10px 10px; float: right; font-size: 90%; font-style: italic; ">';
	$string .= $content . '</div>';
	return $string;
}

Diesen möchte ich „mehr“ responsive machen. Dazu habe ich folgenden Code geschrieben:

add_shortcode( 'ktg-zitat', 'ktg_zitat');
function ktg_zitat ($attr, $content) { ?>
<style>
.ktg-zitat, .ktg-zitat100 {
   max-width=200px;
   border: 2px solid #980267; 
   margin: 0px 10px 10px 10px; 
   padding: 10px 10px 10px 10px; 
   float: right; 
   font-size: 90%; 
   font-style: italic;
}

.ktg-zitat100 {
   width=100%;
}

.ktg-zitat {
   max-width=33%;
}

/* @media (max-width:1024px) {
      .ktg-zitat {
          max-width=50%;
       }
}

@media (max-width:600px) {
      .ktg-zitat {
          max-width=100%;
       }
}
*/

</style>
<?php
    $class = 'ktg-zitat';
    if ($attr[weite] == 'full') { 
		$class = 'ktg-zitat100';
	}
	$string = '<div class="' . $class . '">';
	$string .= $content . '</div>';
	return $string;
}

Leider wird der tag max-width nicht erkannt und die Breite des Textes ist immer 100%.

Was mache ich falsch? Hilfe ist willkommen.

Gottfried